@CHARSET "utf-8";

.import{color: #7487b6 !important}
.imgM{display:none !important}
.visualMob{display:none}
.text_cetner{text-align:center;}
.ir{display:block;background-image:url(/newch/images/common/ir_icon.png);background-repeat:no-repeat;overflow:hidden;font-size:0;line-height:0;text-indent:-999em}

/* 탭 */
.tab {width: 90%; margin:25px auto 50px;text-align:center;}
.tab li {position: static;display: inline-block;width: calc(100% / 2);max-width: 200px;height: 56px;margin-right: -4px;border-bottom: 1px solid #d6d6d7;}
.tab li a {font-size: 16px; color: #999; line-height: 56px;}
.tab li a span{display:inline-block;width:30px;height:30px;margin-left:5px;background:#a5b4c9;line-height:30px;letter-spacing:0;font-size:12px;color:#fff;border-radius:100%;vertical-align:middle}
.tab li.active a {color: #333;}
.tab li.active a span{color:#333}
.tab li:hover, .tab li.active {border-bottom: 3px solid #333; transition: 0.1s ease;}

/*.tab.cols2{margin:0 auto 50px;text-align:left}
.tab.cols2 li{width:calc((100% + 2px) / 2)}
.tab.cols3{width:1500px;margin:0 auto 50px;text-align:left}
.tab.cols3 li{width:calc((100% + 3px) / 3)}
.tab.cols4{width:1500px;margin:0 auto 50px;text-align:left}
.tab.cols4 li{width:calc((100% + 4px) / 4)}
.tab.cols5{width:1500px;margin:0 auto 50px;text-align:left}
.tab.cols5 li{width:calc((100% + 5px) / 5)}
.tab.cols6{width:1500px;margin:30px auto 50px}
.tab.cols6 li{width:calc(100% / 6)}
.tab.cols7{width:1500px;margin:0 auto 50px}
.tab.cols7 li{width:calc(100% / 7)}
.tab.cols8 li{width:calc(100% / 8)}*/

/* 제품소개 소카테고리 190313 추가 */
.tab2{width:1500px;margin:30px auto 0px;text-align:left;}
.tab2:after{display:block;content:'';clear:both}
.tab2 + .tab2{margin:0 auto}
.tab2 li{position:relative;float:left;/* width:170px; */height:auto;padding:6px 1.7%;border:none;z-index:100;vertical-align:top;}
.tab2 li:nth-child(n + 3):before{position:absolute;top:50%;left:0;transform:translateY(-50%);display:block;content:'';clear:both;width:1px;height:16px;background:#dbe0e6;}
.tab2 li.title{width:170px;font-weight:bold;background:#f5f6fa}
.tab2 li.title br{display:none}
.tab2 li a{display:block;width:100%;text-align:center;line-height:1.6;font-size:15px;background:none}
.tab2 li.active{/*border-bottom:solid 2px #333*/}
.tab2 li.active a{color:#333;font-weight:500}

/* 페이징 */
.paging{position:relative;margin: 0 auto 50px;text-align:center}
.paging ol{}
.paging ol li{display:inline-block;vertical-align:middle;}
.paging ol li + li{margin-left:25px}
.paging ol li a{display:block;width:15px;height:20px;line-height:20px;color:#646464}
.paging ol li.active a{font-weight:bold;color:#323236;border-bottom:2px solid #000}
.paging ol li.pageArr{width:50px;height:50px}
.paging ol li.pageArr a{width:100%;height:100%}
.paging ol li.pageArr.prev{margin-right:20px}
.paging ol li.pageArr.prev a{background-position:-370px 0}
.paging ol li.pageArr.next{margin-left:45px}
.paging ol li.pageArr.next a{background-position:-420px 0}

/* 버튼 */
.btnType{display:inline-block;/* vertical-align:middle;*/margin-right:-3px;text-align:center;font-family:'Lato', 'Noto Sans KR', Tahoma, Geneva, sans-serif;}
.btnType + .btnType{margin-right:-3px;margin-left:10px}

.btnL01{width:270px;height:70px;line-height:70px;color:#fff;text-align:center;background:#333;font-size:18px;font-weight:300;letter-spacing:-1px}
.btnL02{width:270px;height:70px;line-height:70px;color:#fff;text-align:center;background:#333;font-size:18px;font-weight:300;letter-spacing:-1px}
.btnL03{width:210px;height:70px;line-height:70px;color:#fff;text-align:center;background:#333;font-size:18px;font-weight:300;letter-spacing:-1px}
.btnL04{width:270px;height:60px;line-height:60px;color:#fff;text-align:center;background:#333;font-size:16px;font-weight:300;letter-spacing:-1px}
.btnL02 + .btnL04{height:70px;line-height:70px}
.btnL05{width:270px;height:60px;line-height:60px;color:#fff;text-align:center;background:#333;font-size:16px;font-weight:300;letter-spacing:-1px}
.btnL06{width:270px;height:60px;line-height:60px;color:#fff;text-align:center;background:#333;font-size:16px;font-weight:300;letter-spacing:-1px}
.btnL07{width:270px;height:60px;line-height:60px;color:#fff;text-align:center;background:#333;font-size:16px;font-weight:300;letter-spacing:-1px}
.btnL08{width:250px;height:70px;line-height:70px;color:#fff;text-align:center;background:#333;font-size:18px;font-weight:300;letter-spacing:-1px}
.btnL08 + .btnL01{width:250px}
.btnL09{width:100%;height:60px;line-height:60px;color:#fff;text-align:center;background:#333;font-size:18px;font-weight:300;letter-spacing:-1px;border-radius:2px}
2021-10-22
.btnL14{width:200px;height:60px;line-height:60px;color:#fff;text-align:center;background:#333;font-size:16px;font-weight:300;letter-spacing:-1px}
.btnL15{width:200px;height:60px;line-height:60px;color:#fff;text-align:center;background:#333;font-size:16px;font-weight:300;letter-spacing:-1px}


.btnM01{width:130px;height:40px;line-height:40px;color:#fff;text-align:center;background:#333;font-weight:300}
.btnM02{display:inline-block;margin:0 -3px 0 0;padding:9px 20px; border:1px solid #333;border-radius:5px;vertical-align:top}
.btnM03{width:156px;height:50px;line-height:50px;text-align:center;background:#333;color:#fff}
.btnM04{width:156px;height:50px;line-height:50px;text-align:center;background:#333;color:#fff}
.btnM05{width:200px;height:60px;line-height:60px;text-align:center;background:#333;color:#fff}
.btnM06{width:180px;height:50px;line-height:50px;text-align:center;background:#333;color:#fff}

.btnS01{width:80px;height:30px;line-height:30px;font-size:13px;color:#fff;text-align:center;background:#333;border:1px solid #636e86;font-weight:300}
.btnS02{height:40px;line-height:40px;padding:0 25px;color:#fff;background:#333;border-radius:2px;}
.btnS03{height:40px;line-height:40px;padding:0 20px;color:#fff;background:#333;border-radius:2px;}

.paging .btnType{position:absolute;top:-5px;right:0}

/* boxType */
.bxType01{padding:10px;background:#f9f9f9;border-top:2px solid #000;border-bottom:1px solid #eee;border-left:1px solid #eee;border-right:1px solid #eee;}
.bxType01 .inner{overflow:auto;height:320px;padding:0 30px;}
.bxType01 .bxAgree{padding:0 30px;border-top:2px solid #f5f6fa}
.bxType01 .bxAgree .inputItem{padding:4px 0;border:0}
.bxType01 .bxAgree.bg{border-top:1px solid #eeeff2;background:#fafafc}
.bxType01.bd{padding:0;border:1px solid #eeeff2;border-top:2px solid #000;}

.guide{padding-top:0;background:#f5f6fa}
.guide .bxType01{padding:30px 10px}
.guide .bxType01 .inner{height:500px;text-align:left;font-size:15px;;line-height:1.4;}

.clause dt{margin:0 0 22px 0;}
.clause dd{}
.clause dd dl{margin:0 0 22px 0;}
.clause dd dl dd ul{}
.clause dd dl dd ul li{padding:0 0 0 34px;text-indent:-17px;}
.clause dd dl dd ul li ul{margin:0 0 22px 0;}
.clause dd dl dd ul li ul li{padding:0 0 0 34px;text-indent:-17px;}
.privacy_box p{margin:0 0 22px 0;}
.privacy{}
.privacy dt{margin:0 0 22px 0;}
.privacy dd{margin:0 0 22px 0;}
.privacy dd ul{margin:0 0 22px 0;}
.privacy dd ul li{padding:0 0 0 17px;}
.privacy dd ul li p{padding:0 0 0 17px;}

.guide .bxType01 .inner table {margin:0 0 16px; width:100%; border-top:2px solid #4f4f4f; border-bottom:1px solid #888;}
.guide .bxType01 .inner table tr th:first-child, .guide .bxType01 .inner tr td:first-child {border-left:none;}
.guide .bxType01 .inner table th,
.guide .bxType01 .inner table td {padding:10px 20px 11px 20px;text-align:center;border-top:1px solid #dadada;border-left:1px solid #dadada}
.guide .bxType01 .inner table thead th{font-weight:normal;color:#333;background:#fafafa;}
.guide .bxType01 .inner table tbody th{font-weight:500;border:1px solid #dadada; background:#fafafa;}
.guide .bxType01 .inner table tbody td{text-align:left;font-weight:400;}
.guide .bxType03{background:#fff}

.bxType02{padding:2px;text-align:center;background:#dde1e4}
.bxType02.active{padding:2px;text-align:center;
	background:-webkit-linear-gradient(to right, #00857d, #134faa);
	background:-o-linear-gradient(to right, #00857d, #134faa);
	background:-moz-linear-gradient(to right, #00857d, #134faa);
	background:linear-gradient(to right, #00857d, #134faa);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00857d', endColorstr='#134faa',GradientType=1 );
}
.bxType02 .inputItem{background:#f5f6fa;border:0}
.bxType02 .inputItem label{font-weight:500;font-size:16px}
.bxType02.checkAll{margin-bottom:40px}
.bxType03{padding:30px;background:#f5f6fa;border-top:2px solid #000;}
.bxType04{padding:40px;background:#fff;border:1px solid #eee;border-top:2px solid #000;}
.bxType05{padding:30px;border:solid 1px #dee1e4;border-top:2px solid #000;background:rgba(237, 239, 244, 0.8)}
.bxType05 .inner{height:200px !important;border-radius:initial;position:static;overflow-y:scroll !important;border-radius:0 !important;background:transparent !important}


.privacy_before{margin-top:20px;}
.beforeList{}
.beforeTit{padding:5px 0;cursor:pointer}
.beforeTit:before{content:'';display:inline-block;width:2px;height:2px;margin:-4px 5px 0 0;background:#323236;vertical-align:middle}
.beforeContent{}
.beforeList.show .beforeTit{font-weight:700}

/* form, input */
.inputItem .iNumber{display:inline-block}
.inputItem .iNumber input{max-width:90px}
.inputItem .iNumber select{max-width:90px}
.inputItem .iNumber + .iCheck{display:inline-block;margin-left:20px}
.inputItem .iEmail{display:inline-block}
.inputItem .iEmail .insert{margin:0 5px}
.inputItem .iEmail .iEmailDetail{}
.inputItem .iEmail .iEmailDetail input:nth-of-type(2){max-width:150px}
.inputItem .iEmail .iEmailDetail select{max-width:145px;margin-left:15px;}

td .inputItem .iEmail .iEmailDetail input:nth-of-type(1){max-width:100px}
td .inputItem .iEmail .iEmailDetail input:nth-of-type(2){max-width:80px}
td .inputItem .iEmail .iEmailDetail select{width:calc(100% - 260px);margin-left:10px;}



.inputItem .iEmail .iCheck{margin-top:11px;padding-bottom:14px;vertical-align:top}
.inputItem .iAddr{display:inline-block;width:calc(100% - 128px);margin:7px 0 6px;}
.inputItem .iAddr .addrZip{}
.inputItem .iAddr .addrZip input{max-width:110px;margin-right:7px}
.inputItem .iAddr .addrDetail{margin-top:12px}
.inputItem .iAddr .addrDetail input{width:calc((100% - 10px) / 2);/*width:270px*/}
.inputItem .iAddr .addrDetail input + input{margin-left:7px}
.inputItem .iFile{display:inline-block;width:calc(100% - 128px)}
.inputItem .iList{display:inline-block;margin:0 0 0 15px}
.inputItem .iList li{display:inline-block;}
.inputItem .iList li + li{margin-left:20px}
.inputItem .iDate{display:inline-block;}
.inputItem .iDate input[type="date"]{width:calc((100% - 34px) / 2)}
.inputItem .iHalf{display:inline-block;width:calc(100% - 130px)}
.inputItem .iHalf input[type="text"]{width:calc((100% - 34px) / 2)}
.inputItem p{display:inline-block;vertical-align:top}
.inputItem .txt{margin-left:10px;font-size:14px}
.inputItem .textLength{display:block;margin-top:-10px;text-align:right;color:#646464;font-size:14px;letter-spacing:-0.5px}
.inputItem .textLength em{color:#528ec2}

.inputItem .typeSelect{display:inline-block; max-width: 120px; width: 100%; margin-right: 10px;}

.bxForm{border-top:2px solid #000;background:#fff}
.bxForm:after{content:"";display:block;clear:both}
.bxForm .inputItem{padding-right:20px;padding-left:30px}
.bxForm .inputItem.fl{/* clear:both; */float:left;width:calc(100% / 2);}
.bxForm .inputItem.fr{float:right;width:calc((100% - 1px) / 2);border-left:1px solid #e5e5e5}
.bxForm .inputItem.cb{clear:both;float:none !important}
.bxForm .inputItem .desc2{margin:0 5px;color:#646464}
.bxForm .inputItem .desc2 + input{width:80px}
.bxForm + .bxBtn{margin: 40px auto 100px; text-align: center;}
.bxForm.photo{padding:20px 40px;background:#fbfbfb;border:1px solid #eee;border-top:2px solid #000}
.bxForm.photo:after{content:"";display:block;clear:both}
.bxForm.photo .img{display:block;float:left;width:113px;height:151px;border:1px solid #d9dce2;background:url(/newch/images/contents/bg_form_photo.png) no-repeat 0 0;}
.bxForm.photo .img img{display:block;width:113px;height:151px}
.bxForm.photo .inputItem{float:left;width:calc(100% - 200px);margin:15px 0 0 10px;border:0}
.bxForm.photo .inputItem > p{margin-bottom:15px;font-size:13px;line-height:1.6;opacity:.7}

@media screen and (max-width: 768px) {
.inputItem label {font-size: 12px;}
.inputItem .iNumber input{max-width: 50px}
.inputItem .iNumber select {max-width: 60px;}
.inputItem .iEmail .iEmailDetail select {max-width: 105px; margin-left: 10px; margin-top: 10px;}
.inputItem .iEmail .iEmailDetail input:nth-of-type(2) {max-width: 120px; margin-top: 10px;}

.inputItem .iAddr .addrZip input {max-width: 100px;}
.inputItem .iFile {width: 100%;}

.bxForm .inputItem.fl {float: none !important; width: 100%;}
.bxForm .inputItem.fr {float: none !important; width: 100%; border-left: none;}
.bxForm .inputItem {padding-right: 0; padding-left: 0;}

}

/* list */
.listHead{margin:50px auto 20px;}
.listHead:after{content:"";display:block;clear:both}
.listHead p{float:left;padding-top:10px;font-size:18px;font-weight:300;letter-spacing:1px}
.listHead p strong{color:#333;font-size: 0.9em;padding-left: 5px;}
.listHead fieldset{float:right; margin-top: 20px;}
.listHead fieldset .inputItem{margin:0;padding:0;border-bottom:0}
.listHead fieldset .inputItem select{vertical-align:top}
.listHead fieldset .inputItem input[type="search"]{width:100px;height:40px;margin:0 -8px 0 10px;border:0;border-bottom:2px solid #000;vertical-align:top;}
.listHead fieldset .inputItem button{display:inline-block;width:40px;height:40px;font-size:0;line-height:0;vertical-align:top;background-color:#fff;background-position:-162px -40px;border-bottom:2px solid #000;}

.listType01{}
.listType01 li{position:relative;padding:0 0 0 10px;}
.listType01 li:before{content:"";display:block;position:absolute;top:10px;left:0;width:2px;height:2px;background:#646883}
.listType01 li + li{margin-top:5px}
.tblType01 + .listType01{margin-top:20px}

.listType02{}
.listType02 li{position:relative;padding:0 0 0 10px;font-size:14px;line-height:1.4;color:#4d4d4d;}
.listType02 li:before{content:"";display:block;position:absolute;top:10px;left:0;width:2px;height:2px;background:#d1d4da}
.listType02 li + li{margin-top:5px}

.bxList{}
.bxList:after{content:"";display:block;clear:both}

/* 사각형 박스 리스트 */
.squareList{position:relative;float:left;margin:0 0 30px 30px;background:#e5e5e5;z-index:500;transition:all .2s;}
.squareList:hover{background: #19bcb9;}
.squareList >.inner{position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:#fff;border-image-slice:1;border:1px solid #fff}
.squareList:hover > .inner {border: 1px solid #19bcb9;}
.squareList > .inner .date{position:relative;display:block;padding-left:20px;line-height:1.1}
.squareList > .inner .date span{display:block;position:absolute;top:20px;left:-15px;font-family:'Montserrat', sans-serif;letter-spacing:1px;transform:rotate(90deg);}
.squareList > .inner .date strong{display:block;font-size:50px;font-weight:500;}
.squareList > .inner .date:after{content:"";display:block;width:1px;height:50px;margin:10px 0 30px -17px;background:#000}
.squareList > .inner p.title{margin:0 0 15px;font-size:34px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:normal;height:82px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.squareList > .inner p.titleHalf{margin:15px 0 15px;font-size:26px;line-height:1.2}
.squareList > .inner .cont{font-size:16px;color:#646464;font-weight:300;line-height:1.8;overflow:hidden;text-overflow:ellipsis;white-space:normal;height:140px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
.squareList .inner .cont img{display:none;}
.squareList > .inner a.more{display:block;position:absolute;top:-2px;right:-2px;width:80px;height:80px;background:#333;}
.squareList:hover > .inner a.more,
.squareList > .inner a.more:hover{background: #19bcb9;}
.squareList > .inner a.more i{position:absolute;top:50%;left:50%;width:28px;height:28px;transform:translate(-50%, -50%);background-position:-740px 0}
.squareList > .inner .icon{/* position:absolute;top:40px;left:30px; */display:inline-block;margin:10px 0 0;padding:5px 18px 4px;font-style:normal;border:1px solid #000;font-size:13px;border-radius:30px}
.squareList > .inner .icon + .icon{margin-left:5px}
.squareList > .inner .icon.col1{color:#20409a;border-color:#20409a}
.squareList > .inner .icon.col2{color:#528ec2;border-color:#528ec2}
.squareList > .inner .icon.col3{color:#a2a2a2;border-color:#a2a2a2}

.squareList > .inner .icon.col21{color:#fff;border-color:#528ec2;background:#528ec2}
.squareList > .inner .icon.col22{color:#fff;border-color:#333;background:#333}
.squareList > .inner .icon.col23{color:#fff;border-color:#c0c4cf;background:#c0c4cf}
.squareList > .inner .time{display:block;font-size:16px;color:#8e8e8e;letter-spacing:0}

.squareList > .inner .timeIco{display:block;margin-top:35px;padding:15px 0 0 0;font-size:16px;border-top:1px solid #e7e7e7;color:#8e8e8e;letter-spacing:0}
.squareList > .inner .timeIco i{display:inline-block;width:16px;height:16px;margin:-4px 10px 0 0;vertical-align:middle;background-position:-290px -62px}
.squareList > .inner .after{display:block;margin:25px 0 0;font-size:16px;color:#4a4a4a;letter-spacing:0}
.squareList > .inner .after strong{font-weight:500}
.squareList > .inner .category{display:block;margin:30px 0 0;font-size:17px;color:#6b737e}

.squareList.cols3{width:calc((100% - 60px) / 3);min-height:465px;}
.squareList.cols3  >.inner{padding:40px 50px}
.squareList.cols3:nth-child(3n+1){margin-left:0}
.squareList.cols3 > .inner a.more{width:80px;height:80px}

.squareList.faq{visibility:inherit;min-height:210px;transition:visibility .3s ease}
.squareList.faq:hover{visibility:visible;z-index:501}
.squareList.faq > .inner{padding:40px}
.squareList.faq > .inner i.icoQ{position:absolute;top:80px;left:40px;width:46px;height:46px;background-position:-70px -40px}
.squareList.faq > .inner .category{margin-left:65px}
.squareList.faq > .inner p.title{width:calc(100% - 110px);margin:0 0 0 65px;font-size:26px;font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:normal;height:93px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.squareList.faq > .inner .icon{position:absolute;top:20px;left:105px;padding:2px 15px 1px}
.squareList.faq > .inner .icon + .icoQ + p.title{margin-top:35px}

.squareList.faq > .inner a.more{width:64px;height:64px}
.squareList.faq > .inner .time{display:block;margin:0 0 0 65px;}

.squareList.faq .answer{display:none;position:absolute;top:206px;right:-2px;left:-2px;padding-top:2px;background:#fff;z-index:10}
.squareList.faq:hover .answer{display:block;border-color:#20409a;border-style:solid;border-image:linear-gradient(to right, #20409a, #009a4f);border-image-slice:1;border-image-width:0 2px 2px 2px;}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	.squareList.faq:hover .answer{border-top:none;border-width:1px}
}

.squareList.faq .answer .inner{position:relative;overflow:visible;width:calc(100% - 80px);min-height:240px;margin:0 0 0 40px;padding:35px 0 0 65px;border-top:1px solid #f1f1f3;background:#fff}
.squareList.faq .answer .inner i.icoA{position:absolute;top:45px;left:0;width:46px;height:46px;background-position:-116px -40px}
.squareList.faq .answer .inner p{color:#5f636e;line-height:1.6;font-size:16px}
.squareList.faq .answer .inner img,
.squareList.faq .answer .inner table{width:100% !important}
.squareList.faq .answer .inner .sympathy{margin:25px 0;}
.squareList.faq .answer .inner .sympathy:after{content:"";display:block;clear:both}
.squareList.faq .answer .inner .sympathy a{display:block;float:left;margin-right:10px;padding:2px 20px 3px;color:#5f636e;background:#f6f7f9;border-radius:30px}
.squareList.faq .answer .inner .sympathy a + a{margin-right:0}
.squareList.faq .answer .inner .sympathy a em{color:#333;}
.squareList.faq .answer .inner .sympathy a i{display:inline-block;width:18px;height:16px;margin-right:5px;vertical-align:middle;}
.squareList.faq .answer .inner .sympathy a:first-child i{background-position:0 -58px}
.squareList.faq .answer .inner .sympathy a:last-child i{background-position:-20px -58px}

.squareList.cols4{width:calc((100% - 90px) / 4);min-height:300px;}
.squareList.cols4 > .inner{padding:30px}
.squareList.cols4:nth-child(4n+1){margin-left:0}
.squareList.cols4 > .inner a.more{width:70px;height:70px}
.squareList.cols4 > .inner p.title{width:85%;height:74px;font-size:26px;line-height:1.4}

/*------------------------------------------------- 브랜드 ---------------------------------------------------*/
/*스토리 인덱스 */
.story {position:relative; width:100%;}
.story .storyWrap {position: absolute;top:0;left:5%;}
.story .storyWrap p{font-size:18px;line-height:1.6;font-weight:300}
.story .storyWrap p.tit{margin-bottom:10px;font-size:48px;line-height:1.2;letter-spacing:-3px}
.story .storyWrap p.tit strong{font-size:48px;line-height:1.2;letter-spacing:-3px;font-weight:500;color:#0065a4}
.story .storyWrap p.why_p {width:50%;}
.story .storyWrap p + p{margin-top:30px}
.story .storyWrap span{font-family:'Montserrat', sans-serif;font-size:18px;letter-spacing:0;background:-webkit-gradient(linear, left top, right top, from(#0065a4), to(#19bcb9));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.story .storyWrap span em{font-weight:700}
.story .storyWrap hr{width:35px;height:3px;margin:40px 0 25px;text-align:left;
	background:-webkit-linear-gradient(to right, #0065a4, #19bcb9);
	background:-o-linear-gradient(to right, #0065a4, #19bcb9);
	background:-moz-linear-gradient(to right, #0065a4, #19bcb9);
	background:linear-gradient(to right, #0065a4, #19bcb9);
}
.story .bgImg{display:block;width:100%;}
.brand01 .storyWrap{padding-top:160px;}
.brand02 .storyWrap{padding-top:230px;background-position:0 170px}
.brand03 .storyWrap{padding-top:210px;background-position:0 150px}
.brand04 .storyWrap{padding-top:190px;background-position:0 130px}
.brand05 .storyWrap{padding-top:160px}
.brand06 .storyWrap{padding-top:160px}
.brand07 .storyWrap{padding-top:160px}

@media screen and (max-width: 1024px) {
	.story{padding-bottom:122.22%}
	.story .storyWrap{top:0;left:0;right: 0;padding:13.88% 0 0;margin: 0 5%;transform:none;text-align:center;}
	.story .storyWrap p{font-size:16px}
	.story .storyWrap p.tit{font-size:40px}
	
	.story .storyWrap p.why_p {width:94%; margin:0 auto;}

	.story .storyWrap hr{margin:10px auto 10px;text-align:center;}
	.story .bgImg{display:none;width:100%;}
	.story .mbr:before{content:",";display:block}
}
@media only screen and (max-width: 768px){
	.story .storyWrap p.tit{font-size:24px;letter-spacing:-2px}
	.story .storyWrap p.tit strong{font-size:24px;letter-spacing:-2px;}
	.story .storyWrap p{font-size:13px}
	.story .storyWrap p + p{margin-top:18px}
	.story .storyWrap span{font-size:13px;}
	.story .storyWrap span em{font-weight:700}
}
@media screen and (max-width: 500px) {
	.story{padding-bottom: 200.22%}
}
/* PR 리스트 */
.thumbList{float:left;margin-bottom:30px;padding-bottom:47px;border-bottom:1px solid #e5e5e5;}
.thumbList > a{position:relative;display:inline-block;background:#000}
.thumbList > a > img{display:block;width:350px;height:450px;opacity:1;transition:opacity 0.3s ease}
.thumbList > a > .overlay{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:visibility .3s ease, opacity .3s ease;z-index:500;
	background:-webkit-linear-gradient(left, #00857d , #134faa);
	background:-o-linear-gradient(right, #00857d, #134faa);
	background:-moz-linear-gradient(right, #00857d, #134faa);
	background:linear-gradient(to right, #00857d , #134faa);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00857d', endColorstr='#134faa',GradientType=1 );
}
.thumbList > a > i{visibility:hidden;position:absolute;top:50%;left:50%;width:100px;height:100px;transform:translate(-50%, -50%);opacity:0;transition:visibility .3s ease, opacity .3s ease;z-index:501}
.thumbList > a:hover > img{opacity:.3;}
.thumbList > a:hover > .overlay{visibility:visible;opacity:.1}
.thumbList > a:hover > i{visibility:visible;opacity:1}

.thumbList.media{width:calc((100% - 60px) / 3);margin-left:30px;}
.thumbList.media:nth-child(3n+1){margin-left:0}
.thumbList.media > a > img{width:480px;height:250px}
.thumbList.media > a > i{background-position:-470px 0}
.thumbList.media p{font-weight:300;color:#a0a0a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.thumbList.media p.tit{margin:5px 0 0}
.thumbList.media p.tit a{font-size:20px;font-family: 'Noto Sans KR'!important;}

.thumbList.book{width:calc((100% - 99px) / 4);margin-left:33px;}
.thumbList.book:nth-child(4n+1){margin-left:0}
.thumbList.book > a > i{background-position:-570px 0}
.thumbList.book .subject{padding:15px 0 0}
.thumbList.book .subject:after{content:"";display:block;clear:both}
.thumbList.book .subject .vol{display:block;float:left;line-height:1.1;font-family:'Titillium Web', sans-serif;font-size:44px;font-weight:300;letter-spacing:-2px}
.thumbList.book .subject p{position:relative;float:left;margin:7px 0 0 60px;line-height:1.1}
.thumbList.book .subject p:before{content:"";display:block;position:absolute;top:3px;left:-30px;width:1px;height:33px;background:#eee}
.thumbList.book .subject p .category{display:block;color:#333;font-family:'Montserrat', sans-serif;}
.thumbList.book .subject p strong{display:block;margin-top:3px;font-size:20px;font-weight:500}

.thumbList.media .layer .layerCont{height:0;padding:0 0 56.25%;border:0}
.thumbList.media .layer .layerCont iframe{position:absolute;width:100%;height:100%}
.layer.layerMedia .btnLayerClose{top:-70px;background-position:-670px 0}


/*-------------------------------------------------- 서비스 ---------------------------------------------------*/

/* 프리미엄 서비스 */
.bxSubTxt {padding: 0 0 45px; text-align: center;}
.tbWrap {display: flex; padding:50px 0 0;}
.tbWrap:after {content:""; display: block; clear:both;}
/*.tbWrap .fl {width:calc((100% - 40px) / 2); margin-right:20px;}*/
.tbWrap .fl {width:100%;}
.tbWrap .fl:nth-of-type(2n) {margin:0 0 0 20px;}
.tbWrap .fl .hTit {font-size: 22px;font-weight: 400;text-align: left;margin-bottom: 24px;}
.tbWrap .fl .hTit:before {content: '·'; margin-right: 10px;}

@media screen and (max-width: 768px) {
	.tbWrap {display: block;}
	.tbWrap .fl {width: 100%; margin-right: 0; margin-bottom: 50px; overflow-x: scroll;}
	.tbWrap .fl:nth-of-type(2n) {margin: 0;}
	.tbWrap .fl .hTit {font-size: 20px;}
}


/*서비스 - 프리미엄 서비스 팝업*/
.layer.layer_premium{height:856px}
.layer.layer_premium .layerWrap .layerCont{width:1500px;max-height:785px;overflow-y:scroll;padding:20px 30px;}
.layer.layer_premium .layerWrap .layerCont h4{float:left;}
.layer.layer_premium .layerWrap .layerCont .info{margin:10px 0 20px;text-align:left;}
.layer.layer_premium .layerWrap .layerCont table thead th{padding:15px 0;}
.layer.layer_premium .layerWrap .layerCont table tbody th.proName{text-align:left;padding:40px 0 40px 20px;line-height:1.8;font-weight:normal}
.layer.layer_premium .layerWrap .layerCont table tbody td.bgBlue{background:#eff3fc}
.layer.layer_premium .layerWrap .layerCont table tbody td.bgBlue2{background:#80d4f7}
.layer.layer_premium .layerWrap .layerCont table tbody td.bgBlue3{background:#f39d9d}
.layer.layer_premium .layerWrap .layerCont table + h4{margin-top:20px}

/*렌탈서비스*/
.steri {display: flex; justify-content: space-evenly; margin: 3% 5% 0;}
.steri .bxSubTxt {text-align: left; padding: 0;}
.steri .bxSubTxt p.tit {margin: 0 0 10px !important;font-size: 24px;color: #333;font-weight: 400;letter-spacing: -2px;}
.steri .bxSubTxt p {color: #666;font-weight: 300;}
@media screen and (max-width: 1024px) {
	.steri {display: inline-block; text-align-last: center;padding: 0 2%;}
	.steri .bxSubTxt {width: 100%;margin-top: 30px;}
}
@media screen and (max-width: 768px) {
}

.rental .hTit {font-size: 22px;font-weight: 400;text-align: left;margin-bottom: 24px;}
.rental .hTit:before {content: '·'; margin-right: 10px;}
.rental .bxType03 {padding:30px 40px; margin-bottom: 60px;}
.rental .bxType03 ol {counter-reset:li}
.rental .bxType03 ol li{display:inline-block;position:relative;vertical-align:top}
.rental .bxType03 ol > li + li{margin-left:60px}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	.rental .bxType03 ol > li + li{margin-left:44px}
}
.rental .bxType03.col3 ol > li:nth-child(4), .rental .bxType03.col5 ol > li:nth-child(6){margin-left:0}
.rental .bxType03.col5 ol > li:nth-child(n+6){margin-top:30px;margin-left: 0;}

.rental .bxType03.col7 ol > li:nth-child(n+3){margin-top:30px; margin-left: 0;}
.rental .bxType03.col7 ol > li:nth-child(n+4){margin-top:30px; margin-left: 60px;}
.rental .bxType03 ol > li:before{content:counter(li);counter-increment:li;position:absolute;top:1px;left:0px;width:22px;height:22px;line-height:22px;margin-right:8px;font-size:10px;color:#fff;background:#8499ac;text-align:center;border-radius:100%}
.rental .bxType03 ol > li:after{content:"";display:block;position:absolute;top:105px;right:-36px;width: 25px;height: 26px;background: url(/newch/images/fi-rr-angle-small-right.svg) no-repeat;}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	.rental .bxType03 ol > li:after{right:-22px;}
}

.rental .bxType03.col3 ol > li:nth-child(n+3):after,
.rental .bxType03.col3 ol > li:nth-child(7):after,
.rental .bxType03.col4 ol > li:nth-child(4):after,
.rental .bxType03.col5 ol > li:nth-child(n+5):after{display:none}
.rental .bxType03:nth-child(1) ol > li:nth-child(n+4):after,
.rental .bxType03:nth-child(2) ol > li:nth-child(n+4):after,
.rental .bxType03:nth-child(4) ol > li:nth-child(n+4):after,
.rental .bxType03:nth-child(4) ol > li:nth-child(7):after{display:none}

.rental .bxType03 ol > li p{text-indent:26px;font-weight:500;}
.rental .bxType03 ol > li p.tit{margin-bottom:10px}
.rental .bxType03 ol li figure img{display:block;}
.rental .bxType03 ol li figure img.mobile{display:none}
.rental .bxType03 ol li figure figcaption p{margin-top:15px;text-indent:0;font-weight:normal}
.rental .bxType03 ol li figure figcaption p strong{display:block}
.rental .bxType03 ol li figure figcaption span{font-size:13px;color:#9898a3}
.rental .bxType03 ol li figure figcaption span em{color:#333}
.rental .bxType03 ol li ul li + li{margin-left:2px}

.happyclean{padding:50px 0 60px;margin-bottom:60px;height:410px;text-align:center;background:url(/newch/images/contents/bg_rental.png) no-repeat 50% 0}
.happyclean p{font-size:16px}
.happyclean p.title{font-size:44px;color:#213e9a;line-height:1.3;letter-spacing:-3px;}
.happyclean p.title span{display:block;font-size:18px;color:#152350;letter-spacing:-1px;}
.happyclean hr{width:1px;height:30px;margin:20px auto;background:#323236;border:0;opacity:.2}
.happyclean .info{position:relative;display:inline-block;margin:25px 0;padding:16px 40px;}
.happyclean .info .bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:.5;z-index:0;border-radius:70px}
.happyclean .info p{position:relative;z-index:600;font-size:18px;font-weight:300;color:#52526c}
.happyclean .info p .blue03{display:block;}

@media screen and (max-width: 1024px) {
	.rental .bxType03 > ol > li{width:100%;margin-top:30px;margin-bottom:20px}
	.rental .bxType03 > ol > li:nth-child(1){display:block; margin-top:0}
	.rental .bxType03 > ol > li:nth-child(3){margin-left:20px}
	.rental .bxType03 > ol > li:nth-child(4){display:block}
	.rental .bxType03 > ol > li + li,
	.rental .bxType03.col7 ol > li:nth-child(n+4){margin-left:0}
	.rental .bxType03 ol > li:after{display:none}
	.rental .bxType03 > ol > li > ul li{width:calc(100% / 2);}

	.rental .bxType03 > ol  li img{width:100%}
	/*.rental .bxType03 > ol > li:nth-child(3){width:calc((100% - 16px) / 2)}*/
	.rental .bxType03.col3 > ol > li:nth-child(2){width:100%;}
	.rental .bxType03.col3 > ol > li:nth-child(3){width:calc((100% - 16px) / 2);margin-left:0px;margin-top:30px}
	.rental .bxType03.col3 > ol > li:nth-child(4){width:calc((100% - 16px) / 2);display:inline-block;margin-left:20px}
	.rental .bxType03.col3 > ol > li:nth-child(4):after,
	.rental .bxType03.col3_2 > ol > li:nth-child(6):after{display:none}
	.rental .bxType03.col3_2 > ol > li:nth-child(2) >ul li{width:100%}
	.rental .bxType03.col3_2 > ol > li:nth-child(2) >ul li + li{margin-top:20px;}
	.rental .bxType03.col3_2 > ol > li:nth-child(5),
	.rental .bxType03.col3_2 > ol > li:nth-child(6),
	.rental .bxType03.col3_2 > ol > li:nth-child(7){width:calc((100% - 16px) / 2);}
	.rental .bxType03.col3_2 > ol > li:nth-child(6){margin-left:20px;}
	.rental .bxType03.col5 > ol > li,
	.rental .bxType03.col42 > ol > li{width:calc((100% - 16px) / 2);display:inline-block !important;margin-top:0 !important;}
	.rental .bxType03.col5 > ol > li:nth-child(3),
	.rental .bxType03.col42 > ol > li:nth-child(3){margin-left:0}
	.rental .bxType03.col5 > ol > li:nth-child(even),
	.rental .bxType03.col42 > ol > li:nth-child(even){margin-left:20px}
	.rental .bxType03.col7 > ol > li > ul > li:nth-child(3){margin-top: 30px; margin-left: 0;}
	.rental .bxType03 ol li figure img.pc{display:none;}
	.rental .bxType03 ol li figure img.mobile{display:block}
	/* section .hTit{font-size:26px} */
	.rental .bxType03 ol > li p.tit,
	.rental .bxType03 ol li figure figcaption p{font-size:22px;}
	.rental .bxType03 ol li figure figcaption span{font-size:20px;}
	.rental .bxType03 ol > li:before{top:6px}

	.happyclean{padding:40px 60px;height:540px;background:url(..//newch/inc/images/contents/bg_rental_m.png) no-repeat 50% 0;background-size:100% auto}
	.happyclean p.title span{font-size:24px;}
	.happyclean p.title {font-size:50px;}
	.happyclean p{font-size:24px;}
	.happyclean .info p{font-size:20px}
}
@media screen and (max-width: 768px) {
	.rental .bxType03 > ol > li > ul li {width: 100%;}
	.rental .bxType03 ol > li p.tit,
	.rental .bxType03 ol li figure figcaption p {font-size: 16px;}
}


/* 매트리스 서비스 */
.rentalMatTit {display: flex; flex-direction: column; justify-content: center; background: url(/newch/images/contents/rental_matt_bg_11.png) no-repeat center center; height: 400px; margin-top: 50px;}
.rentalMatTit > h4 > span {color: #19bcb9; font-size: 35px; font-weight: bold; line-height: 25px;}
@media screen and (max-width: 768px) {
	.rentalMatTit > h4 > span {font-size: 34px;}
}

.rentalMatBn{overflow:hidden;max-height:420px;margin:40px 0 0;padding:70px 0;text-align:center;background:url(/newch/images/contents/rental_matt_bg_11.png) no-repeat 50% 0}
.rentalMatBn h4{margin:0}
.rentalMatBn p{font-size:16px}
.rentalMatBn p.title{font-size:50px;letter-spacing:-4px;color:#213e9a;}
.rentalMatBn hr{margin:5px auto 15px;background:#323236;border:0;opacity:.2}

.rentalMatInfo {padding:85px 0 80px;}
.rentalMatInfo ol.fl {width: 60%; float: left;}
.rentalMatInfo ol.fl li {position:relative;display:inline-block; width:calc((100% - 65px) / 2); min-height:360px;margin-bottom:45px;padding:55px 20px 30px;text-align:Center; vertical-align:top;box-shadow:0 0 21px 0 rgba(177, 177, 177, .2);}
.rentalMatInfo ol.fl li:nth-child(even){margin-left:30px}
.rentalMatInfo ol.fl li:nth-child(3),
.rentalMatInfo ol.fl li:nth-child(4){min-height:335px}
.rentalMatInfo ol.fl li i{display:block;position:absolute;top:-25px;left:50%;width:50px;height:50px;margin-left:-25px;font-size:18px;color:#fff;line-height:50px;font-style:normal;letter-spacing:-0.5px;border-radius:100%;background: #333;font-family:'Roboto';}
.rentalMatInfo ol.fl li p {height: 72px; color:#666; font-weight:300; line-height:1.6;}
.rentalMatInfo ol.fl li p.large {margin-bottom: 30px; font-size:26px; letter-spacing:-2px; line-height:1.2;}
.rentalMatInfo ol.fl li p.mid {font-weight:400; font-size:16px; color:#19bcb9; line-height:1.4;}
.rentalMatInfo ol.fl li hr {width:1px;height:30px;margin:15px auto;background:#a8b8c6;opacity:.5}
.rentalMatInfo .fr {float: right; width: 40%; min-height: 827px; max-height: 827px; padding:110px 45px 0; text-align:center; background: #333;}
.rentalMatInfo .fr .qmark {position:relative;}
.rentalMatInfo .fr .qmark:before {content:"";display:block;position:absolute;top:-50px;left:50%;width:46px;height:35px;margin:0 0 0 -23px;background:url(/images/common/icon_qmark_left.png) no-repeat 0 0;opacity:.15}
.rentalMatInfo .fr .qmark:after {content:"";display:block;position:absolute;bottom:-50px;left:50%;width:46px;height:35px;margin:0 0 0 -23px;background:url(/images/common/icon_qmark_right.png) no-repeat 0 0;opacity:.15}
.rentalMatInfo .fr .qmark h4 {margin-bottom:10px; color:#fff; font-size:44px; font-weight:200; letter-spacing:-1px; line-height:1.2;}
.rentalMatInfo .fr .qmark h4 strong {font-size:44px; font-weight:500; color:#19bcb9;}
.rentalMatInfo .fr .qmark p {color:#fff; font-size:20px; letter-spacing:-2px; font-weight:300;}
.rentalMatInfo .fr ul {margin:100px auto 0; max-width: 400px;}
.rentalMatInfo .fr ul li {position:relative; display:inline-block; border-radius: 5px;}
.rentalMatInfo .fr ul li figure {border-radius:0 0 5px 5px;}
.rentalMatInfo .fr ul li figure figcaption {height:46px;font-size:18px;line-height:46px;color:#fff;border-radius:5px 5px 0 0;background:#999;}
.rentalMatInfo .fr ul li figure img {width: 100%;}
.rentalMatInfo .fr ul li:nth-child(2){margin-left:20px}
.rentalMatInfo .fr ul li:nth-child(2):before{content:"";display:block;position:absolute;top:50%;left:-37px;width:55px;height:55px;margin-top:-10px;border-radius:100%;background:url(/newch/images/contents/rental_matt_arrow.png) no-repeat 0 0;box-shadow:0 10px 21px 0 rgba(153, 159, 183, .5);}
.rentalMatInfo .fr ul li:nth-child(2) figure figcaption{background: #19bcb9;}
.rentalMatInfo .fr > p{margin:40px 0 0;font-weight:300;font-size:14px;color:#fff;}

@media screen and (max-width: 1024px) {
	.rentalMatInfo ol.fl {width: 100%; margin: 15px auto 30px; float: inherit;}
	.rentalMatInfo ol.fl li {width:calc((100% - 40px) / 2);}
	.rentalMatInfo .fr {width: 100%;}
}

@media screen and (max-width: 768px) {
	.rentalMatInfo {padding: 0 0 60px;}
	.rentalMatInfo ol.fl li {width: 100%; margin: 15px 0;}
	.rentalMatInfo ol.fl li:nth-child(even) {margin-left: 0;}
	.rentalMatInfo .fr {min-height: 700px; max-height: 700px; padding: 110px 15px 0;}
	.rentalMatInfo .fr .qmark h4 {font-size: 24px; line-height:1.2;}
	.rentalMatInfo .fr .qmark h4 strong {font-size: 24px;}
	.rentalMatInfo .fr .qmark p {font-size: 14px; letter-spacing: 0;}
	.rentalMatInfo .fr .qmark:before, .rentalMatInfo .fr .qmark:after {background-size: 25px;}
	.rentalMatInfo .fr ul li {width: 45%;}
}


.rentalMatServ{padding:70px 0;text-align:center;background:#f9f9f9;}
.rentalMatServ > h4 {font-size: 34px; font-weight: 200; margin: 0 5%;}
.rentalMatServ > h4 > strong{font-size: 34px; font-weight: 500;}
.rentalMatServ > p {font-size: 18px; font-weight: 300; margin: 5% 5% 0;}
.rentalMatServ ol{margin:4% 5% 0; max-width: 1920px;}
.rentalMatServ ol li{position:relative;display:inline-block;margin: 15px 20px;}
.rentalMatServ ol li + li:before{content:"";display:block;position:absolute;top:calc(50% - 10px);left:-28px;width:12px;height:20px;background:url(/images/common/ir_icon.png) no-repeat -486px -1112px}
.rentalMatServ ol li:nth-child(4n+1){/*margin-left:0*/}
.rentalMatServ ol li:nth-child(4n+1):before{/*display:none*/}
.rentalMatServ ol figure{position:relative;padding:80px 20px 60px;text-align:center;background:#fff;border-radius:4px;box-shadow:0 13px 21px 0 rgba(153, 159, 183, .2);}
.rentalMatServ ol figure figcaption{}
.rentalMatServ ol figure figcaption p.tit{position:absolute;top:0;left:0;width:100%;height:60px; font-size:16px;font-weight: 500; line-height:60px;border-radius:4px 4px 0 0;;background:#ddd;}
.rentalMatServ ol figure figcaption p.tit i{display:inline-block;width:23px;height:23px;margin-right:7px;font-family: 'Roboto';font-style:normal;font-size:14px;border-radius:100%;background:#bbb;vertical-align:middle;line-height:23px;}
.rentalMatServ ol figure figcaption p.tit span{background:#19bcb9; border-radius: 50px; font-size: 12px; color: #fff; margin-right: 10px;padding: 0 7px 1px;}
.rentalMatServ ol figure figcaption p.desc{position:absolute;bottom:20px;left:0;width:100%}
.rentalMatServ .kirby_bi {margin: 0 3px 5px;}
.rentalMatServ .kirby_bi > img {width: 70px;}

@media screen and (max-width: 768px) {
	.rentalMatServ {padding: 0 0 60px;}
	.rentalMatServ ol li {width: 100%; margin: 15px 0;}
	.rentalMatServ > h4 {font-size: 24px;}
	.rentalMatServ > h4 > strong{font-size: 24px;}
	.rentalMatServ > p {font-size: 14px;}
}


.rentalMatPrice {overflow:hidden;max-height:735px;padding:75px 0;letter-spacing:-0.5px;text-align:Center;background:url(/newch/images/contents/rental_matt_bg_41.png) no-repeat 50% 0}
.rentalMatPrice > h4 {font-size: 34px; font-weight: 200; margin: 0 5%;}
.rentalMatPrice > h4 > strong{font-size: 34px; font-weight: 500;}
.rentalMatPrice > p {font-size: 18px; font-weight: 300; margin: 3% 5% 0;}
.rentalMatPrice .MatPrice_table table{width:1100px; border-top:2px solid #323236; margin-top: 60px;}
.rentalMatPrice .MatPrice_table table thead th {padding:18px 0 20px; color: #fff; background: #333; font-size: 18px; font-weight: 300;}
.rentalMatPrice .MatPrice_table table thead th + th{border-left:1px solid #cacaca;}
.rentalMatPrice .MatPrice_table table tbody th{border-top:1px solid #ebeef5;}
.rentalMatPrice .MatPrice_table table tbody tr:first-child th,
.rentalMatPrice .MatPrice_table table tbody tr:first-child td{border-top:0}
.rentalMatPrice .MatPrice_table table tbody th,
.rentalMatPrice .MatPrice_table table tbody td.tit{font-size:15px; font-weight: 300; background:#f9f9f9;}
.rentalMatPrice .MatPrice_table table tbody td{text-align: center; padding:13px 0 15px;font-size:14px;color:#666;border-top:1px solid #ebeef5;border-left:1px solid #ebeef5;background:rgba(255, 255, 255, 0.9)}
.rentalMatPrice ul{margin:25px 0 0;text-align:left}
.rentalMatPrice ul li{position:relative;padding-left:10px;line-height:1.8; font-weight: 300;}
.rentalMatPrice ul li:before{content:"";display:block;position:absolute;top:50%;left:0;width:2px;height:2px;background:#333;}

@media screen and (max-width: 1160px) {
	.rentalMatPrice .MatPrice_table {overflow-x: scroll;}
	.rentalMatPrice .MatPrice_table table {white-space: nowrap;}
}
@media screen and (max-width: 768px) {
	.rentalMatPrice > h4 {font-size: 24px;}
	.rentalMatPrice > h4 > strong{font-size: 24px;}
	.rentalMatPrice > p {font-size: 14px;}
}


.rentalMatCase{padding:75px 0; text-align: center;}
.rentalMatCase > h4 {font-size: 34px; font-weight: 200;}
.rentalMatCase > h4 > strong{font-size: 34px; font-weight: 500;}
.rentalMatCase > p {font-size: 18px; font-weight: 300; margin: 30px auto 0;}
.rentalMatCase .fl {width: 30%; max-width:330px; margin-top: 60px; display: inline-block; float: left;}
.rentalMatCase .fl figure{text-align:left}
.rentalMatCase .fl figure img {display:block; width: 100%; max-width: 329px; border-radius:14px 14px 0 0; box-shadow:0 13px 21px 0 rgba(153, 159, 183, .3);}
.rentalMatCase .fl figure figcaption{margin:20px 0 0;}
.rentalMatCase .fl figure figcaption h5 {font-size: 16px; font-weight: 400; margin-bottom: 5px;}
.rentalMatCase .fl figure figcaption h5:before {content: '·'; margin-right: 5px;}
.rentalMatCase .fl figure figcaption p{color:#666; font-size: 12px;}
.rentalMatCase ul {position:relative; display: inline-block; width: 70%; margin-left: 50px; margin-top: 60px; vertical-align: top;}
.rentalMatCase ul li {position:relative; display: inline-block;}
.rentalMatCase ul li + li {margin-left:30px}
.rentalMatCase ul figure{position:relative;padding:80px 20px 60px;text-align:center;background:#fff;border-radius:4px;box-shadow:0 13px 21px 0 rgba(153, 159, 183, .2);}
.rentalMatCase ul figure img {width: 100%;}
.rentalMatCase ul figure figcaption{}
.rentalMatCase ul figure figcaption p.tit{position:absolute;top:0;left:0;width:100%;height:60px; font-size:16px;line-height:60px;border-radius:4px 4px 0 0;background: #ddd;}
.rentalMatCase ul figure figcaption p.tit i{display:inline-block;width:23px;height:23px;margin-right:7px;font-style:normal;font-size:13px;border-radius:100%;background:#343b4e;vertical-align:middle;line-height:23px;}
.rentalMatCase ul figure figcaption p.tit span{color:#62c2ff;}
.rentalMatCase ul figure figcaption p.desc{position:absolute;bottom:20px;left:0;width:100%}

@media screen and (max-width: 1024px) {
	.rentalMatCase .fl {width: 100%; margin: 60px auto 0; float: inherit;}
	.rentalMatCase ul {width: 100%; margin-left: 0;}
	.rentalMatCase ul li {width: 30%;}
}
@media screen and (max-width: 768px) {
	.rentalMatCase > h4 {font-size: 24px; margin: 0 5%;}
	.rentalMatCase > h4 > strong{font-size: 24px;}
	.rentalMatCase ul {display: block;}
	.rentalMatCase > p {font-size: 14px; margin: 3% 5% 0;}
	.rentalMatCase ul li {width: 100%; margin-top: 20px;}
	.rentalMatCase ul li + li {margin-left: 0;}
}


/* VIP 서비스 */
.vipServiceBn{max-height: 300px;margin:40px auto 0;padding:80px 0 ;text-align:center;background:url(/newch/images/contents/bg_vipService.png) no-repeat center; background-size: 100%;}
.vipServiceBn p{font-size:16px; font-weight: 300; color: #666; max-width: 500px; margin: 10px auto 0;}
.vipServiceBn p.tit{font-size:28px; font-weight: 300; line-height: 1.4; color: #333;}

@media screen and (max-width: 768px) {
	.vipServiceBn{background:url("/newch/images/contents/bg_vipService_m.png") no-repeat 50% 0; background-size: 100%; padding: 45px 0; margin: 20px auto 0;}
	.vipServiceBn p{font-size: 14px; margin: 0 5%;}
	.vipServiceBn p.tit{font-size: 20px; margin-bottom: 15px;}
}


/*VIP 고객 서비스*/
.bxVip{display: flex; padding:70px 0 100px;}
.bxVip > div{display:inline-block;vertical-align:top}
.bxVip div.wrap{display:block}
.bxVip .hTit {font-size:22px; font-weight: 400; text-align: left; margin-bottom: 24px;}
.bxVip .hTit:before {content:'·'; margin-right: 10px;}
.bxVip .hSubTit {font-size: 18px; font-weight: 400; margin-bottom: 10px;}
.bxVip .hSubTit:before {content:'-'; margin-right:5px;}
.bxVip caption {font-size: 11px; color:#999; text-align: right; margin-bottom: 10px;}
.bxVip .vipL {width: 100%;padding-right: 40px;margin-right:0; border-right:1px solid #fff;}
.bxVip .vipL .tblType03{margin-top:23px;}
.bxVip .vipL .tblType03 thead th + th,
.bxVip .vipR .tblType03 thead th + th{border-left:none}
.bxVip .vipL .tblType03 th:nth-child(1),
.bxVip .vipR .tblType03 th:nth-child(1){border-right:solid 1px #e5e5e5}
.bxVip .vipR{width:100%;padding-left: 40px;}
.bxVip .vipR .vipBenefitInfo {border-bottom:solid 1px #e5e5e5;width:100%;padding:15px 0 0;}
.bxVip .vipR .vipBenefitInfo > div{display:inline-block;margin-top:10px;width:127px;text-align:center}
.bxVip .vipR .vipBenefitInfo i{margin:0 auto;width:40px;height:40px;background-position:-742px -60px;}
.bxVip .vipR .vipBenefitInfo .irTxt{margin-top:10px;font-size:14px;font-weight:500;}
.bxVip .vipR .vipBenefitInfo ul{display:inline-block;margin-left:20px;width:calc(100% - 150px);text-align:left;}
.mmmimg {width:100%; max-width: 550px; text-align:center; margin-bottom: 40px;}
.mmmimg img {width:100%;}

@media only screen and (max-width:1024px){
	.bxVip {flex-direction: column; padding: 0 0 70px;}
	.bxVip .vipL {margin: 0 auto !important;}
	.bxVip .vipL, .bxVip .vipR {display: block; width: 100%; margin: 70px auto 0; padding: 0; border-right: 0;}
	.mmm {margin-top: 30px;}
}

@media screen and (max-width: 767px) {
	.tblType03_wrap {overflow-x: scroll;}
	.tblType03_wrap table.tblType03 {width: 768px;}
}

.vipCmBenefit{}
.vipCmBenefit .wrap > div{display:inline-block;vertical-align:top}
.vipCmBenefit ul li {font-size: 14px; font-weight: 300;}
.vipCmBenefit ul li:nth-child(1){margin-bottom:40px}
.vipCmBenefit ul li .cmBfInfoImg{display:inline-block;width:200px;vertical-align:top;}
.vipCmBenefit ul li .cmBfInfoTx{display:inline-block;padding-left:20px;width:calc(100% - 205px);}
.vipCmBenefit ul li .cmBfInfoTx p{font-size:16px;}
.vipCmBenefit ul li .cmBfInfoTx span{display:block;font-size:12px;color:#666;margin-top: 6px;}
.vipCmBenefit ul li .cmBfInfoTx i{padding:2px 15px 1px;display:inline-block;margin-top:8px;border:solid 1px #19bcb9;border-radius:30px;color:#19bcb9;font-style:normal;}
.vipCmBenefit .vipR .tblType03 th.fw{background:#b0bbd1;color:#fff;border-bottom:solid 1px #c2c9d9}
.vipCmBenefit .vipR .tblType03 th.bdr{border-right:solid 1px #c2c9d9}
.vipCmBenefit .vipR .tblType03 tr td{background:#fff}
.vipCmBenefit .vipR p{margin-top:10px;font-size:14px;color:#6d7482}

@media screen and (max-width: 767px) {
	.vipCmBenefit ul li .cmBfInfoImg {width: 100% !important;}
	.vipCmBenefit ul li .cmBfInfoTx {width: 100% !important; padding: 20px 0 !important;}
}


.gradeBf{width:1500px;margin:0 auto;}
.gradeBf h4 span{font-size:15px;}
.gradeBf .vipL ul + h4{margin-top:50px}
.gradeBf .vipL ul li{padding:0 0 0 10px;font-size:18px;font-weight:500;background:url(/images/common/ico_bullet_02.gif) no-repeat 0 11px}
.gradeBf .vipL ul.inner li{position:relative;font-size:16px;font-weight:normal;background:none}
.gradeBf .vipL ul.inner li:before{content:"";display:block;position:absolute;top:11px;left:0px;width:4px;height:1px;background:#323236;}
.gradeBf .vipL ul.fInner{padding:5px 0 0}
.gradeBf .vipL ul.fInner li{padding:0}
.gradeBf .vipL ul.fInner li:before{left:-10px}
.gradeBf .vipR{text-align:center;}

.preDiaBf {}
.preDiaBf ul {display: flex; align-items: flex-start; justify-content: center; margin-top:20px}
.preDiaBf ul li{position: relative; width: calc(100% / 4); vertical-align:top; text-align:center;}
.preDiaBf ul li + li{margin-left: 35px;}

@media screen and (max-width: 1024px) {
	.preDiaBf ul {flex-direction: column; align-items: center;}
	.preDiaBf ul li{width: 100%; margin-bottom: 40px;}
	.preDiaBf ul li + li{margin-left: 0;}
}

.preDiaBf ul li + li:before{display:block;content:"";position:absolute;top:37%;left:-8%;width:22px;height:22px;background:url(/newch/images/fi--rr-angle-right.svg) no-repeat}

.preDiaBf ul li p + p{margin-top:40px}
.preDiaBf ul li p img{box-shadow:0 5px 15px 0 rgba(153, 159, 183, .2);border-radius:50%}
.preDiaBf ul li p span{display:block;margin-top:20px;font-size:14px;color:#6d7482}

.vipBanner ul {display: flex;}
.vipBanner ul li {padding:54px 0 0 60px; width:100%; height:210px;vertical-align:top;background:url(/newch/images/contents/bg_vipBanner02.png) no-repeat; background-position: bottom;}
.vipBanner ul li + li{background:url(/newch/images/contents/bg_vipBanner01.png) no-repeat; background-position: bottom;}
.vipBanner ul li p {font-size:16px; font-weight: 300;}
.vipBanner ul li p strong {font-size: 24px; font-weight: 400; display: block}
.vipBanner ul li a{display:inline-block; width:120px; padding:8px 0; margin:20px 0 0; text-align:center; border: 1px solid #333; border-radius: 5px;}

@media screen and (max-width: 1024px) {
	.vipBanner ul {display: block;}
}


/* 프리렌탈 서비스 */
.freerentalBn {max-height: 300px; margin: 40px auto 0; padding: 80px 0; text-align: center; background: url("/newch/images/contents/img_freerental.png") no-repeat center; background-size: 100%;}
.freerentalBn p {font-size: 16px; font-weight: 300; color: #666; max-width: 500px; margin: 10px auto 0;}
.freerentalBn p.tit {font-size: 28px; font-weight: 300; line-height: 1.4; color: #333;}

@media screen and (max-width: 768px) {
	.freerentalBn {background: url("/newch/images/contents/img_freerental_m.png") no-repeat 50% 0; background-size: 100%; margin: 20px auto 0; padding: 45px 0;}
	.freerentalBn p {font-size: 14px; margin: 0 5%;}
	.freerentalBn p.tit {font-size: 20px; margin-bottom: 15px;}
}

.vipStandard > h4.hTit > span.subTit {display: block; margin-top: 10px; font-size: 18px; font-weight: 300;}
.vipStandard {display: block !important;}
.vipStandard .vipL .tblType03{margin-top:23px;}
.vipStandard .vipL .tblType03 thead th + th,
.vipStandard .vipR .tblType03 thead th + th{border-left:none}
.vipStandard .vipL .tblType03 th:nth-child(1),
.vipStandard .vipR .tblType03 th:nth-child(1){border-right:solid 1px #e5e5e5}

.vipStandard .vipR .vipBenefitInfo{padding:20px 0;border-bottom:solid 1px #e5e5e5;width:100%}
.vipStandard .vipR .vipBenefitInfo > div{display:inline-block;margin-top:10px;width:127px;text-align:center}
.vipStandard .vipR .vipBenefitInfo i{margin:0 auto;width:40px;height:40px;background-position:-742px -60px;}
.vipStandard .vipR .vipBenefitInfo .irTxt{margin-top:10px;font-size:14px;font-weight:500;}
.vipStandard .vipR .vipBenefitInfo ul{display:inline-block;margin-left:20px;width:calc(100% - 150px);text-align:left;}
.vipStandard ul.FR_progress {display: flex;}
.vipStandard ul.FR_progress li {width: calc(100% / 4); text-align: center; border: 3px solid #333; border-radius: 20px; margin-right: 30px; padding: 50px 10px;}
.vipStandard ul.FR_progress li:last-child {margin-right: 0;}
.vipStandard ul.FR_progress li img {width: 70px;}
.vipStandard ul.FR_progress li p {font-size: 18px; margin-top: 20px;}
@media only screen and (max-width: 768px){
	.vipStandard ul.FR_progress {display: block;}
	.vipStandard ul.FR_progress li {width: 100%; margin: 15px auto;}
}


.vipCmBenefit{}
.vipCmBenefit .wrap > div{display:inline-block;vertical-align:top}
.vipCmBenefit ul li:nth-child(1){margin-bottom:40px}
.vipCmBenefit ul li .cmBfInfoImg{display:inline-block;width:200px;vertical-align:top;}
.vipCmBenefit ul li .cmBfInfoTx{display:inline-block;padding-left:20px;width:calc(100% - 205px);}
.vipCmBenefit ul li .cmBfInfoTx p{font-size:16px;}
.vipCmBenefit ul li .cmBfInfoTx span{display:block;font-size:14px;color:#6d7482;}
.vipCmBenefit ul li .cmBfInfoTx i{padding:2px 15px 1px;display:inline-block;margin-top:8px;border:solid 1px #77a5d0;border-radius:30px;color:#333;font-style:normal;}
.vipCmBenefit .vipR .tblType03 th.fw{background:#b0bbd1;color:#fff;border-bottom:solid 1px #c2c9d9}
.vipCmBenefit .vipR .tblType03 th.bdr{border-right:solid 1px #c2c9d9}
.vipCmBenefit .vipR .tblType03 tr td{background:#fff}
.vipCmBenefit .vipR p{margin-top:10px;font-size:14px;color:#6d7482}


.fTable {width: 90%; margin: 20px auto; border-top: 2px solid #2c2c2c; background: #ddd; text-align: center;}
.fTable td {width: calc(100% / 3); padding: 15px 0; border-bottom: 1px solid #c9c8c8; border-right: 1px solid #c9c8c8; vertical-align: middle;}
.fTable tr td:last-child {border-right: 0;}

.freerental {display: flex;}
.freerental .li01, .freerental .li03 {width:47%; text-align:center; background:#f5f6fa; padding:40px 0;}
.freerental .li02 {width: 6%; text-align:center; font-size: 50px; font-weight: 400; vertical-align: middle; line-height: 400px;}
 {width:47%; height:320px; border:0 !important; text-align:center; background:#f5f6fa; padding:40px 0;}
.freerental .li01 a, .freerental .li03 a {display: block; max-width: 300px; font-family: 'Roboto'; font-size: 16px; border: 1px solid #333; border-radius: 5px; margin: 0 auto; padding: 10px;}
.freerental .li01 a:hover, .freerental .li03 a:hover {border: 1px solid #19bcb9; color: #19bcb9; }
.freerental .li01 a:after {content: '상담전화 : 1588-8873'; margin-left: 5px;}
.freerental .li03 a:after {content: 'ARS 신청 : 1577-5633'; margin-left: 5px;}
.freerental .li01 a:hover:after, .freerental .li03 a:hover:after {content: '전화걸기 \279D'; margin-left: 5px;}
.freerental .li01 > h4 {font-size: 24px; font-weight: 400; margin: 0 20px;}
.freerental .li01 > img {width: 90%; max-width: 540px; margin: 13px auto 0;}

.freerental .li03 > h4:before {content: ''; background: url(/newch/images/contents/img_freerental_02.png) no-repeat; background-size: cover; padding-left: 95px; padding-bottom: 20px;}
.freerental .li03 > h4 {font-size: 24px; font-weight: 400; margin: 0 20px;}
.freerental .li03 > h4 > span {display: block; color: #999;font-size: 14px; font-weight: 400;}

@media only screen and (max-width: 1024px){
	.freerental {display: block;}
	.freerental .li01, .freerental .li02, .freerental .li03 {width:100%; margin:10px auto; height:auto; line-height:inherit}
}

@media screen and (max-width: 768px) {
	.freerental .li03 > h4:before {display: none;}
}

.chTab {display:table; width:100%;}
.chTab li {width: calc(50% - 1px); text-align:center; display: inline-block; float: left; padding: 20px 0; font-size: 20px; font-weight: 300; color: #999;}
.chAct1 {background: #333; border:1px solid #333; color:#fff !important;}
.chAct2 {background: #fff; border:1px solid #ccc; font-weight:700;}

.chTabDiv1 {width:100%; display:table;}
.chTabDiv1 .chTabDiv1ul {width:calc(50% - 40px); display:inline-block; float:left; padding:30px 20px;}
.chTabDiv1 .chTabDiv1ul li {margin-bottom:30px;}
.chTabDiv1 .chTabDiv1ul li:last-child {margin-bottom:0px;}

.chTabDiv2 {width:100%;}
.chTabDiv2 .chTabDiv1ul {width:calc(50% - 40px); display:inline-block; float:left; padding:30px 20px;}
.chTabDiv2 .chTabDiv1ul li {margin-bottom:30px;}
.chTabDiv2 .chTabDiv1ul li:last-child {margin-bottom:0px;}

.chTabDiv1ul li .cmBfInfoTx {color: #666; margin-left: 15px;}
.chTabDiv1ul li .cmBfInfoTx p {font-size: 16px; font-weight: 300;}
.tabImg1 {display:block}
.tabImg2 {display:none}

@media only screen and (max-width:1024px){
	.chTabDiv1 .chTabDiv1ul {width:calc(100% - 40px);}
	.chTabDiv1 .chTabDiv1ul:nth-child(1) {padding-bottom:30px;}
	.chTabDiv1 .chTabDiv1ul:nth-child(2) {padding-top:0;}
	
	.chTabDiv2 .chTabDiv1ul {width:calc(100% - 40px);}
	.chTabDiv2 .chTabDiv1ul:nth-child(1) {padding-bottom:30px;}
	.chTabDiv2 .chTabDiv1ul:nth-child(2) {padding-top:0;}
	
	.tabImg2 {display:block}
	.tabImg1 {display:none}
}


/* 제휴카드 소개 table */
.bxCard + .tbWrap{border-top:solid 1px #e4e3e8}

.tblType01{table-layout:fixed;border-top:2px solid #000}
.tblType01 caption {font-size: 11px;color: #999;text-align: right;margin-bottom: 10px;}
.tblType01 thead th{padding:30px 0 27px;background:#f9f9f9; border-bottom:1px solid #e5e5e5}
.tblType01 thead th + th{border-left:1px solid #e5e5e5;}
.tblType01 tbody th{padding:20px 10px 15px;background:#f9f9f9;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;vertical-align: middle;}
.tblType01 tbody td{padding:20px 10px 15px;text-align:center;border-bottom:1px solid #e5e5e5;word-break:break-all;vertical-align: middle;}
.tblType01 tbody td textarea{width:100% !important}
.tblType01 tbody td + td{border-left:1px solid #e5e5e5;}
.tblType01 tbody td p + p{margin-top:10px}

.tblType02{width:100%;table-layout:fixed;border-top:2px solid #000}
.tblType02 thead th{padding:15px 10px 12px;background:#f5f6fa;border-bottom:1px solid #e5e5e5}
.tblType02 tbody th{padding:15px 10px 10px;background:#f5f6fa;border-bottom:1px solid #e5e5e5}
.tblType02 tbody td{padding:15px 0 10px;text-align:center;border-bottom:1px solid #e5e5e5}
.tblType02 thead th + th,
.tblType02 thead tr:nth-child(2) th,
.tblType02 tbody th + td,
.tblType02 tbody td + td{border-left:1px solid #e5e5e5}
.tblType02 tbody td.dc{font-weight:bold;color:#333}
.tblType02 td a.viewMap{padding:8px 15px;border-radius:5px;background:#eef0f5;}
.tblType02 td a.viewMap i{display:inline-block;width:12px;height:14px;background-position:-353px -106px;margin:0 5px -2px 0}
.tblType02 td a.print i{display:inline-block;width:14px;height:14px;margin:0 5px -2px 0;background-position:-504px -116px}
.tblType02 td a.tbBtn{padding:8px 15px;border-radius:5px;background:#eef0f5;}
.tblType02 td a.cancle i{display:inline-block;width:10px;height:10px;margin:0 5px 0 0;background-position:-488px -118px}
.tblType02 + .paging{margin-top:40px}
.tblType02 tbody td > .bxItem{padding:15px 20px;}
.tblType02 tbody td > .bxItem > .itemInfo{padding:32px 0;}

.tblType02 i.process{display:inline-block;width:75px;height:30px;line-height:28px;border:1px solid #000;text-align:center;font-style:normal;font-size:14px;}
.tblType02 i.process.order{color:#6E788B;border-color:#6E788B}
.tblType02 i.process.wait{color:#009a4f;border-color:#009a4f}
.tblType02 i.process.end{color:#333;border-color:#333}
.tblType02 td a.invoiceNum{color:#1165AF;text-decoration:underline}

.tblType03{width:100%;table-layout:fixed;border-top:2px solid #000}
.tblType03 thead th{padding:15px 0 12px;background:#f9f9f9;border-bottom:1px solid #e5e5e5}
.tblType03 tbody th{padding:15px 0 10px;background:#f9f9f9;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;vertical-align: middle;}
.tblType03 tbody td{padding:15px 0 10px;text-align:center;vertical-align: middle;border-bottom:1px solid #e5e5e5;}
.tblType03 thead th + th,
.tblType03 thead tr:nth-child(2) th,
.tblType03 tbody th + td,
.tblType03 tbody td + td{border-left:1px solid #e5e5e5}
.tblType03 tbody td.dc{font-weight:bold;color:#333}
.tblType03 td a.viewMap{padding:8px 15px;border-radius:5px;background:#eef0f5;}
.tblType03 td a.viewMap i{display:inline-block;width:12px;height:14px;background-position:-353px -106px;margin:0 5px -2px 0}
.tblType03 td a.print i{display:inline-block;width:14px;height:14px;margin:0 5px -2px 0;background-position:-504px -116px}
.tblType03 td a.tbBtn{padding:8px 15px;border-radius:5px;background:#eef0f5;}
.tblType03 td a.cancle i{display:inline-block;width:10px;height:10px;margin:0 5px 0 0;background-position:-488px -118px}
.tblType03 + .paging{margin-top:40px}

.tblType03 i.process{display:inline-block;width:75px;height:30px;line-height:28px;border:1px solid #000;text-align:center;font-style:normal;font-size:14px;}
.tblType03 i.process.order{color:#6E788B;border-color:#6E788B}
.tblType03 i.process.wait{color:#009a4f;border-color:#009a4f}
.tblType03 i.process.end{color:#333;border-color:#333}
.tblType03 td a.invoiceNum{color:#1165AF;text-decoration:underline}

@media screen and (max-width: 768px){
	.tblType01 {width: 100%; max-width: 768px; white-space: nowrap;}
	.tblType01 tbody td {text-align: left;}
}
/* 제휴카드 */
.moneyBack {margin:50px 0 30px; padding: 50px 20px 42px;text-align:center;background:url(/newch/images/contents/bg_moneyback.png) no-repeat 50% 0}
.moneyBack hr{width:1px;height:30px;margin:20px auto;background:#323236;border:0;opacity:.2}
.moneyBack p {font-size:16px; max-width: 500px; margin: 0 auto;}
.moneyBack p.title{font-size:44px;color:#213e9a;line-height:1.3;letter-spacing:-3px}
.moneyBack p.title span{display:block;font-size:18px;color:#152350;letter-spacing:-1px}
.moneyBack .info{position:relative;display:inline-block;margin:25px 0;padding:4px 40px}
.moneyBack .info p{position:relative;z-index:600;font-size:14px;font-weight:300;color:#52526c}
.moneyBack .info strong{display:inline-block;margin-right:10px;color:#20409a;font-weight:500}
.moneyBack .info .bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:.5;z-index:0;border-radius:30px}
.moneyBack .notice{font-size:14px;color:#fff;font-weight:300;letter-spacing:-0.5px}
.moneyBack .notice i{display:inline-block;width:22px;height:22px;margin:-4px 5px 0 0;vertical-align:middle;background-position:-252px -62px}

ul.moneyTab {width: 100% !important; text-align: left;}
ul.moneyTab > li {width: calc(100% / 5); max-width: initial; text-align: center;}
.bxCard {display: flex; padding:60px 0;}
.bxCard:after{content:"";display:block;clear:both}

.cardInfo{}
.cardInfo.fl {display: flex; width: 100%;}
.cardInfo:after {content:"";display:block;clear:both}
.cardInfo .cardImg {padding:0 50px 0 0; background: url(/images/common/bg_dot_01.gif) repeat-y 100% 0;}
.cardInfo .cardImg > img {display:block; margin: 0 auto;}
.cardInfo .cardImg a {display: block; width:270px; height:50px; margin: 15px auto 0; font-weight:300; line-height:50px; color:#fff; text-align:center; background:#333; border-radius:2px;}
.cardInfo .cardImg a i {display:inline-block;width:20px;height:20px;margin-right:4px;vertical-align:middle;background-position:-424px -62px}
.cardInfo .cardImg a em {font-size: 16px; font-style: normal;}
.cardInfo .cardDetail {padding:0 50px; background:url(/images/common/bg_dot_01.gif) repeat-y 0 0;}
.cardInfo .cardDetail p {font-size:20px;color:#5f626b;font-weight:300;}
.cardInfo .cardDetail p.title {line-height:1.1; font-weight:500; font-size:48px; color: #333; letter-spacing:-3px; text-align: left !important; margin: 0 auto 10px !important;}
.cardInfo .cardDetail p.title span {display:block;font-size: 48px; font-weight:300}
.cardInfo .cardDetail > ul {margin:20px 0 0;}
.cardInfo .cardDetail > ul > li {padding:1px 0 5px 40px;line-height:1.6}
.cardInfo .cardDetail > ul > li:nth-child(1) {background:url(/newch/images/contents/bg_icon_card_01.gif) no-repeat 0 0}
.cardInfo .cardDetail > ul > li:nth-child(2) {background:url(/newch/images/contents/bg_icon_card_02.gif) no-repeat 0 0}
.cardInfo .cardDetail > ul > li + li {margin-top:10px}
.cardInfo .cardDetail > ul > li span {color:#333}
.cardInfo .cardDetail ul li ul {}
.cardInfo .cardDetail ul li ul li {position:relative;padding-left:7px}
.cardInfo .cardDetail ul li ul li + li{margin-top:4px}
.cardInfo .cardDetail ul li ul li:before{content:"";display:block;position:absolute;top:10px;left:0;width:2px;height:2px;background:#606985}

.cardTbl {width: 100%; padding:0 0 0 50px;background:url(/images/common/bg_dot_01.gif) repeat-y 0 0;}
.cardTbl .hTit {font-size:22px; font-weight: 400; text-align: left; margin-bottom: 24px;}
.cardTbl .hTit:before {content:'·'; margin-right: 10px;}
.cardTbl .hSubTit {font-size: 18px; font-weight: 400; margin-bottom: 10px;}
.cardTbl .hSubTit:before {content:'·'; margin-right: 10px;}
.cardTbl caption {font-size: 11px; color:#999; text-align: right; margin-bottom: 10px;}
.tblType01 tbody td .btn{display:block;width:100px;height:35px;line-height:35px;font-weight:300;margin:15px auto 0;color:#fff;background:#333;border-radius:2px; text-align:center;}
@media screen and (max-width: 768px) {	
	ul.moneyTab > li {width: calc(100% / 2);}
	.bxCard {display: block;}
	.cardInfo.fl {display: block; position: relative;}
	.cardInfo .cardImg {padding: 0; margin-top: 40px; background: none;}
	.cardInfo .cardDetail {padding: 50px 0; background: none;}
	.cardInfo .cardDetail p {position: absolute; top: -70px; left: 0; right: 0; font-size: 14px; text-align: center !important;}
	.cardInfo .cardDetail p.title {position: absolute; top: -110px; left: 0; right: 0; font-size: 24px; text-align: center !important;}
	.cardInfo .cardDetail p.title span {display: inline-block; font-size: 24px; font-weight:300}
	.cardTbl {padding: 50px 0 0; background: none;}
}


/* b2b */
.b2bService{position:relative;padding:50px 0 200px;text-align:center}
.b2bService h4{font-size:28px;letter-spacing:-2px}
.b2bService h4 + p{margin-top:10px;font-size:16px;color:#3c3c3c;line-height:1.6;}

.b2bService .graTit{position:relative; max-width:500px; margin: 0 auto 120px; padding: 30px 20px; background: #333; border-radius: 50px;}
.b2bService .graTit p {font-size: 24px; color: #fff;}
.b2bService .graTit:after {content: ""; display:block;position:absolute;bottom:-106px;left:50%;width:18px;height:116px;margin-left:-9px;background:url(/newch/images/contents/ccm_bg_dot_v.png) no-repeat 0 0; z-index:300}

.b2bService .bxIcon {display: inline-block; position: relative; width: calc(100% / 3); max-width: 200px; max-height: 200px; border-radius: 100%; border: 1px solid #333; margin-top: 20px; vertical-align:top;}
.b2bService .bxIcon .inner{padding-top:20%}
.b2bService .bxIcon .inner i{position:relative;width: 61px;height:56px;margin:0 auto 15px;z-index:300}
.b2bService .bxIcon .inner p {position:relative; font-size:20px;}
.b2bService .bxIcon .inner p + span{position:relative;color:#999;font-size:10px;letter-spacing:1px;z-index:300;text-transform:uppercase;}
.b2bService .bxIcon + .bxIcon{margin-left:120px}
.b2bService .bxIcon em{display:block;color:#323236;font-size:18px}
.b2bService .bxIcon i{width:60px;height:5 6px;}
.b2bService .bxIcon.icon01 i{background-position:-280px -640px}
.b2bService .bxIcon.icon02 i{background-position:-140px -1444px}
.b2bService .bxIcon.icon03 i{background-position:-200px -1444px}
.b2bService .bxIcon > p{width:calc(100% + 60px);margin-left:-30px;font-weight: 300;font-size:13px}
.b2bService .bxIcon > p strong{font-size:18px;font-weight:500}
.b2bService .bxIcon > p.tit{margin-top: 75px;margin-bottom:10px;}


.b2bService .bxIcon.icon01:after {content:"";display:block;position:absolute;top:20px;left:50%;width:18px;height:18px;margin-left:60px;background:url(/newch/images/contents/ccm_bg_dot_v.png) no-repeat 0 0;z-index:300}
.b2bService .bxIcon.icon03:after {content:"";display:block;position:absolute;top:20px;left:50%;width:18px;height:18px;margin-left:-80px;background:url(/newch/images/contents/ccm_bg_dot_v.png) no-repeat 0 0;z-index:300}
.b2bService .dotBg2 {display:block;position:absolute;top:245px;left:50%;width:510px;height:72px;margin-left:-255px;background:url(/newch/images/contents/ccmSpirit_bg_dot.png) no-repeat 50% 0}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	.b2bService .dotBg2{top:518px}
}
@media screen and (max-width: 768px) {
	.b2bService .graTit {margin: 0 auto 20px;}
	.b2bService .graTit p {font-size: 18px;}
	.b2bService .graTit:after {display: none;}

	.b2bService .bxIcon {display: block; width: 100%; margin: 0 auto;}
	.b2bService .bxIcon + .bxIcon {margin: 180px auto 0;}
	.b2bService .bxIcon .inner p {font-size: 16px;}
	.b2bService .bxIcon.icon01:after {display: none;}
	.b2bService .bxIcon.icon03:after {display: none;}
	.b2bService .dotBg2 {display: none;}
}

.b2bContact{padding:50px 0 80px;}
.b2bContact h5{margin:50px 0 0;font-family:'Montserrat', sans-serif;font-size:32px;text-align:center;font-weight:500}
.b2bContact ul {margin: 40px auto 0; text-align: center;}
.b2bContact ul li {display:inline-block; width: 100%; max-width: 600px; padding:30px 60px;text-align:Center;font-size:22px;border: 1px solid #333; border-radius:10px;box-shadow:0 13px 21px 0 rgba(153, 159, 183, .1);}
.b2bContact ul li + li{margin-left:30px}
.b2bContact ul li strong {font-size: 22px;font-weight: 400;}
.b2bContact ul li dl{margin:20px 0 0;padding:20px 0;font-size:16px;font-family:'Montserrat', sans-serif;text-align:left;border-top:1px solid #f1f1f3;}
.b2bContact ul li dl dt{display:inline-block;width:110px;margin:10px -3px 0 0;font-weight:600;}
.b2bContact ul li dl dt i{display:inline-block;vertical-align:middle;width:30px;height:30px;margin-right:10px;}
.b2bContact ul li dl dt:nth-of-type(1) i{background-position:-260px -1444px}
.b2bContact ul li dl dt:nth-of-type(2) i{background-position:-290px -1444px}
.b2bContact ul li dl dd{display:inline-block;width:calc(100% - 110px);margin:10px -3px 0 0;}

@media screen and (max-width: 768px) {
	.b2bContact ul li {width: 90%; padding: 30px 20px;}
}


.b2bCustomer {padding:70px 0 150px}
.b2bCustomer h5 {font-size:32px;text-align:Center;font-weight:400;color:#323236}
.b2bCustomer ul {margin: 30px auto 0; text-align: center;}
.b2bCustomer ul li{display:inline-block; max-width: 200px; margin: 3px; border:1px solid #e5e5e5;}
.b2bCustomer ul li img {display:block; width:100%}

@media screen and (max-width: 768px) {	
	.b2bCustomer ul li{ max-width: 100px;}
}


.b2bContact .layer,
.b2bContact .layer .layerWrap .layerCont{width:650px}
.b2bContact .layer .tblType01{font-size:14px}


.b2bContact .layer .tblType01 th{padding:10px 20px 8px;text-align:left}
.b2bContact .layer .tblType01 td{padding:10px 20px 8px;text-align:left}
.b2bContact .layer .inputItem{padding:0;border:0;}
.b2bContact .layer .inputItem.bxpriv{margin-top:10px;text-align:left;}
.b2bContact .layer .inputItem input,
.b2bContact .layer .inputItem select{height:30px}
.b2bContact .layer .inputItem.bxpriv input[type="checkbox"]{height:18px;margin-top:-2px;}
.b2bContact .layer .btnM01{height:30px;line-height:30px;vertical-align:top;font-size:14px}
.b2bContact .layer .inputItem.bxpriv .btnS01{margin-left:20px}
.b2bContact .layer .inputItem .iAddr{width:100%}
.b2bContact .layer .inputItem textarea{width:100%;min-height:150px;}
.b2bContact .layer .inputItem .iAddr .addrDetail{margin:0}
.b2bContact .layer .inputItem .addrDetail input[type="text"]{margin:0 0 5px;width:calc(100% - 10px)}
.b2bContact .layer .bxBtn{margin:16px 0 0}
.b2bContact .layer .bxBtn a{position:relative;width:calc((100% - 4px) / 2);vertical-align:top;}
.b2bContact .layer .bxBtn a span{display:block;position:absolute;top:50%;transform:translateY(-50%);width:100%;line-height:1.2;}
.b2bContact .layer .bxBtn a + a{margin-left:6px}

@media screen and (max-width: 500px) {
.inputItem .iAddr {width: 100%;}
}



/*서비스 전문요원*/
.bxList.serv li{box-shadow:0 13px 21px 0 rgba(153, 159, 183, .4)}
.bxList.serv li figure{position:relative;}
.bxList.serv li figure > img{box-shadow:none;width:100%}
.bxList.serv li figure figcaption{position:absolute;top:0;left:0;padding:100px 60px;margin-top:0;width:100%;height:100%;text-align:left;}
.bxList.serv li figure figcaption i{position:absolute;top:-20px;left:60px;width:100px;height:100px;background-position:0 -1062px;font-size:12px;color:#fff;text-indent:0;text-align:center;text-transform:uppercase;line-height:100px;font-weight:bold;font-style:normal;letter-spacing:2px;}
.bxList.serv li figure figcaption p{font-size:16px;color:#fff;}
.bxList.serv li figure figcaption .title{font-size:50px;color:#fff;font-weight:300}
.bxList.serv li figure figcaption a{position:absolute;bottom:176px;display:inline-block;padding:9px 20px;color:#fff;border:solid 1px #fff;border-radius:3px;font-size:15px;}
.bxList.serv li figure figcaption a:hover{border-color:#333;background:#333;}

.serviceAgent{position:relative;}
.serviceAgent .inner {position: relative; width: 100%; height: 100%; padding-top: 20%; border-radius: 100%; border: 1px dotted #666;}
.serAgent {position:relative; max-height: 800px;}
.serAgent i{position:absolute;top:-160px;left:0px;width:100px;height:100px;background-position:0 -1062px;font-size:12px;color:#fff;text-indent:0;text-align:center;text-transform:uppercase;line-height:100px;font-weight:bold;font-style:normal;letter-spacing:2px;}
.serAgent .servicePlTit {display:inline-block;vertical-align:top;max-width:345px;margin-right:20px;}
.serAgent .servicePlTit h4 {position:relative;margin-top:0px;font-size:60px;color:#fff;font-weight:200;line-height:1}
.serAgent .servicePlTit h4 strong {font-size:60px;font-weight:400;letter-spacing:-2px }
.serAgent .servicePlTit h4:after{content:"";display:block;position:absolute;bottom:-33px;width:24px;height:3px;background:#fff}
.serAgent .servicePlTxt {display:inline-block;max-width: 700px;}
.serAgent .servicePlTxt p {color:#fff;font-size:16px;font-weight: 300;line-height:1.6;margin-top:20px;}
.serAgent .servicePlTxt .tit{font-size:28px;color:#fff;line-height:1.4;margin-top:0}
.serAgent .servicePlTxt .tit span{display:block;font-size:28px;font-weight:200;}

.serAgent.servicePlanner{padding:140px 0 127px;background:url(/newch/images/contents/img_planner.png) no-repeat 50% 0;}
.serAgent.serviceEngineer{padding:140px 0 93px;background:url(/newch/images/contents/img_engineer.png) no-repeat 50% 0;}
.serAgent.servicePcc{padding:110px 0 47px;background:url(/newch/images/contents/img_pcc.png) no-repeat 50% 0;}

@media screen and (max-width: 768px) {
	.serAgent i {display: none;}
	.serAgent .servicePlTit h4 {font-size: 40px;}
	.serAgent .servicePlTit h4 strong {font-size: 40px;}
	.serAgent .servicePlTit h4:after {bottom: -15px;}
	.serAgent .servicePlTxt {margin-top: 40px;}
	.serAgent .servicePlTxt p {font-size: 14px; max-width: 230px;}
	.serAgent .servicePlTxt .tit {font-size: 14px;}
	.serAgent .servicePlTxt .tit span {font-size: 14px;}


	.serAgent.servicePlanner{padding: 40px 0; background:url(/newch/images/contents/img_planner_m.png) no-repeat 50% 0; background-size: auto 100%;}
	.serAgent.serviceEngineer{padding: 40px 0;background:url(/newch/images/contents/img_engineer_m.png) no-repeat 50% 0; background-size: auto 100%;}
	.serAgent.servicePcc{padding: 40px 0;background:url(/newch/images/contents/img_pcc_m.png) no-repeat 50% 0; background-size: auto 100%;}
}


.serVision{padding:80px 0 160px; border-bottom:solid 1px #e4e3e8;text-align:center;}
.enVision{padding:80px 0 200px; border-bottom:solid 1px #e4e3e8;text-align:center;}
.pccVision{padding:70px 0 90px; border-bottom:solid 1px #e4e3e8;text-align:center;}
.serVision .iconWrap {margin-top:40px;}
.serVision .bxIcon {display: inline-block; width: 194px; height: 194px; margin: 5% 1%; vertical-align: top;}
.enVision .bxIcon + .bxIcon{margin-left:140px;}
.serVision .bxIcon .dotBg{background:transparent;border-color:#8499ac;} 
.serVision .bxIcon > p {margin-top: 20px;}
.serVision .bxIcon .inner i {width:72px;height:60px; margin: 0 auto 15px;}
.serVision .bxIcon .inner em{font-size:10px; color: #999;}

@media screen and (max-width: 768px) {
	.serVision .bxIcon {margin-bottom: 80px;}
}


.pccVision .bxIcon {display: inline-block; width: 214px; height: 214px; margin: 5% 1%; vertical-align: top;}
.pccVision .bxIcon .inner i {width:74px;height:60px; margin: 0 auto 15px;}
.pccVision .bxIcon .inner p {font-size:18px; color: #666; font-weight:500}
.pccVision .bxIcon .inner em {display:block; margin-top:5px; font-size:10px; color: #999; line-height:1.2}

.serVision .bxIcon.icon01 i{background-position:0 -1177px}
.serVision .bxIcon.icon02 i{background-position:-71px -1177px}
.serVision .bxIcon.icon03 i{background-position:-144px -1177px}
.serVision .bxIcon.icon04 i{background-position:-216px -1177px}
.serVision .bxIcon.icon05 i{background-position:-288px -1177px}
.serVision .bxIcon.icon06 i{background-position:-360px -1177px}
.enVision .bxIcon.icon01 i{background-position:-431px -1177px}
.enVision .bxIcon.icon02 i{background-position:-503px -1177px}
.enVision .bxIcon.icon04 i{background-position:-575px -1177px}
.pccVision .bxIcon.icon01 i{background-position:-648px -1177px}
.pccVision .bxIcon.icon02 i{background-position:-722px -1177px}
.pccVision .bxIcon.icon03 i{background-position:0 -1242px}
.pccVision .bxIcon.icon04 i{background-position:-74px -1242px}
.pccVision .bxIcon.icon05 i{background-position:-148px -1242px}

.comSubTit {font-size:32px;text-align:center;font-weight:300;letter-spacing:-2px}
.comSubTit.cWhite{color:#fff}
.comSubTit + p{text-align:center;font-size:16px}
.comTitLine{width:1px;height:30px;margin:10px auto 20px;background:#a8b8c6;}
.comTitLine.cWhite{background:#fff}

@media screen and (max-width: 768px) {
	.comSubTit {font-size: 24px;}
	.comSubTit + p {font-size: 12px}
}


.serApply {padding:70px 0 0px;}
.serApply .serApplyCon {padding:50px 0 26px; text-align:center; background: url(/newch/images/contents/img_plannerApply.png) no-repeat; background-size: cover; box-shadow:0 13px 21px 0 rgba(153, 159, 183, .4);}
.serApply .serApplyCon .titBn {width: 110px; margin: 0 auto; padding: 10px 25px; border-radius: 20px; background: #333; color: #fff;}
.serApply .serApplyCon .tit {position:relative;display:inline-block;margin-top:10px;font-size:34px;color:#fff;}
.serApply .serApplyCon .tit span {position:absolute;width:100%;height:1px;background:#fff;left:0;bottom:8px;opacity:.2}
.serApply .serApplyCon ul {margin-top:40px;}
.serApply .serApplyCon ul li {text-align:left; display:inline-block; margin: 0 10px; vertical-align:top;}
.serApply .serApplyCon ul li i {width:54px;height:54px;display:inline-block;margin-right:16px;background-color:#fff;border-radius:50%;vertical-align:top;box-shadow:0 5px 15px 0 rgba(153, 159, 183, .2)}
.serApply .serApplyCon ul li .applyTxt {display: inline-block; font-weight: 300;}
.serApply .serApplyCon ul li .applyTxt p {font-size: 18px; font-weight: 500;}
.serApply .serApplyCon a {margin-top:30px;background:#333}

.serApply .serApplyCon ul li:nth-child(1) i{background-position:-221px -1241px}
.serApply .serApplyCon ul li:nth-child(2) i{background-position:-275px -1241px}
.serApply .serApplyCon ul li:nth-child(3) i{background-position:-329px -1241px}

@media screen and (max-width: 768px) {
	.serApply .serApplyCon {padding: 20px 10px; height: 400px; text-align: left; background: url(/newch/images/contents/img_plannerApply_m.png) no-repeat 53% 100%; background-size: auto 100%;}	
	.serApply .serApplyCon .titBn {width: 75px; margin: 0; padding: 5px 15px;}
	.serApply .serApplyCon .titBn strong {font-size: 12px;}
	.serApply .serApplyCon .tit  {font-size: 18px;}
	.serApply .serApplyCon ul {margin-top: 10px;}
	.serApply .serApplyCon ul li {display: block; margin: 5px 0;}
}



.serAgent.servicePcc i{top:-130px;}
.serAgent.servicePcc .servicePlTxt .tit{font-weight:300}
.serAgent.servicePcc .servicePlTxt .tit strong{font-weight:500;font-family:'Montserrat', sans-serif}

.pccEdu{padding:80px 0;margin:0 auto;text-align:center;border-bottom:solid 1px #e4e3e8;}
.pccEdu > ul > li {display:inline-block; width:calc((100% - 105px) / 3);position:relative;vertical-align:top}
.pccEdu ul li + li:before {content:"";display:block;position:absolute;top:40px;left:-38px;width:80px;height:2px;background:url(/images/common/dotline.png) no-repeat;}
.pccEdu ul li .inner{padding:17px 0 0 130px;position:relative;background:#fff;width:290px;height:80px;margin:0 auto 30px;border-radius:40px;text-align:left;box-shadow:0 5px 15px 0 rgba(153, 159, 183, .2);font-size:18px;font-weight:500}
.pccEdu ul li i{position:absolute;left:70px;width:46px;height:46px;}
.pccEdu ul li:nth-child(1) i{background-position:0 -1312px;}
.pccEdu ul li:nth-child(2) i{background-position:-47px -1312px;}
.pccEdu ul li:nth-child(3) i{background-position:-94px -1312px;}
.pccEdu ul li span{display:block; font-size:12px;letter-spacing:-1px;font-weight:400;font-family:'Montserrat', sans-serif}
.pccEdu ul li p{font-size:16px;}
.pccEdu ul li ul li{display:block;width:auto;font-size:16px;}
.pccEdu ul li ul li:before{display:inline-block;content:"";clear:both;width:5px;height:1px;background:#323236;vertical-align:middle;margin-right:2px;position:static}

@media screen and (max-width: 768px) {
	.pccEdu > ul > li {display: block; width: 100%; margin-bottom: 30px;}
	.pccEdu ul li + li:before {display: none;}
}


.pccMainbusiness{padding:70px 0 0;margin:0 auto;text-align:center;}
.pccMainbusiness .tit{position:relative;display:inline-block;font-size:34px;}
.pccMainbusiness .tit span{position:absolute;width:100%;height:1px;background:#4f4c47;left:0;bottom:8px;opacity:.2}
.pccMainbusiness .pccMainbusiCon {padding:60px 0 59px; max-height:370px;background:url(/newch/images/contents/img_pccMainbusiness.png) no-repeat 50% 0; box-shadow:0 13px 21px 0 rgba(153, 159, 183, .4)}
.pccMainbusiness .pccMainbusiCon ul{padding:40px 0 0 170px; text-align:left; max-width: 1000px;}
.pccMainbusiness .pccMainbusiCon ul li{text-align: left; display: inline-block; width: calc(100% / 2); max-width: 400px; vertical-align: top;}
.pccMainbusiness .pccMainbusiCon ul li i {width:70px;height:70px;display:inline-block;margin-right:15px;background-color:#fff;border-radius:50%;vertical-align:middle;box-shadow:0 5px 15px 0 rgba(153, 159, 183, .2)}
.pccMainbusiness .pccMainbusiCon ul li p{display:inline-block;vertical-align:middle;}
.pccMainbusiness .pccMainbusiCon ul li:nth-child(n+3){margin-top:20px;}
.pccMainbusiness .pccMainbusiCon ul li:nth-child(1) i{background-position:-383px -1241px}
.pccMainbusiness .pccMainbusiCon ul li:nth-child(2) i{background-position:-453px -1241px}
.pccMainbusiness .pccMainbusiCon ul li:nth-child(3) i{background-position:-593px -1241px}
.pccMainbusiness .pccMainbusiCon ul li:nth-child(4) i{background-position:-523px -1241px}

@media screen and (max-width: 768px) {
	.pccMainbusiness .tit {font-size: 24px;}
	.pccMainbusiness .pccMainbusiCon {padding: 20px 10px !important; max-height: 450px; background:url(/newch/images/contents/img_pccMainbusiness_m.png) no-repeat 50% 0; background-position: 70% 100%; background-size: auto 100%; box-shadow:0 13px 21px 0 rgba(153, 159, 183, .4)}
	.pccMainbusiness .pccMainbusiCon ul {padding: 20px 0 0 0;}
	.pccMainbusiness .pccMainbusiCon ul li {display: block; width: 100%; margin-bottom: 20px;}
	.pccMainbusiness .pccMainbusiCon ul li i {width: 60px; height: 60px; margin-right: 10px;}
	.pccMainbusiness .pccMainbusiCon ul li p {font-size: 12px;}
	.pccMainbusiness .pccMainbusiCon ul li:nth-child(n+3) {margin-top: 0;}
	.pccMainbusiness .pccMainbusiCon ul li:nth-child(1) i{background-position:-388px -1247px}
	.pccMainbusiness .pccMainbusiCon ul li:nth-child(2) i{background-position:-458px -1244px}
	.pccMainbusiness .pccMainbusiCon ul li:nth-child(3) i{background-position:-598px -1246px}
	.pccMainbusiness .pccMainbusiCon ul li:nth-child(4) i{background-position:-530px -1248px}
}


/* 전국 지사 찾기 */
.ascenterBn {max-height: 400px; margin: 60px auto 40px; padding: 64px 0 65px; text-align: center; background: url(/newch/images/contents/bg_ascenter.png) no-repeat 50% 0; background-size: cover;}
.ascenterBn .tit {max-width: 740px; font-size: 24px; font-weight: 300; line-height: 1.4; margin: 0 auto;}
.ascenterBn .info {position:relative; max-width: 740px; background-color: rgba(255, 255, 255, .5); border-radius: 20px; margin: 15px auto 0; padding: 20px;}
.ascenterBn .info p {font-size: 16px; font-weight: 300;}
.ascenterBn .info p strong {font-size: 16px; font-weight: 400; color: #19bcb9;}
.ascenterBn .info span {display: block; font-size: 12px; margin-top: 10px;}
.ascenterBn .info span strong {font-size: 12px; line-height: 1.4; margin-right: 10px;}

.ascenterBn > ul {margin: 20px auto 0;}
.ascenterBn > ul > li {display: inline-block; width:180px; padding: 10px 0 11px; border: 1px solid #333; border-radius: 5px;}
.ascenterBn > ul > li a {}
.ascenterBn > ul > li:before {content: ''; padding-right: 20px; margin-right: 5px;}
.ascenterBn > ul > li:nth-child(1):before {background: url(/newch/images/fi-rr-edit.svg) no-repeat;}
.ascenterBn > ul > li:nth-child(2):before {background: url(/newch/images/fi-rr-call.svg) no-repeat;}

@media screen and (max-width: 768px) {
	.pc {display: none;}
	.ascenterBn {max-height: initial;}
	.ascenterBn .tit {font-size: 18px; margin: 0 5%;}
	.ascenterBn .info {margin: 3% 5% 0;}
	.ascenterBn .info p {font-size: 14px;}
	.ascenterBn .info p strong {font-size: 14px;}
	.ascenterBn .info span strong {display: block; margin: 0 auto 5px;}
	.ascenterBn > ul {margin: 5% 5% 0;}
	.ascenterBn > ul > li {width: 100%; margin-bottom: 10px;}
}


/* 판매인 조회 */
.findSellerBn {max-height: 400px; margin: 60px auto 40px; padding: 64px 0 65px; text-align: center; background:url(/newch/images/contents/bg_fdSeller.png) no-repeat 50% 0; background-size: cover;}
.findSellerBn .tit {max-width: 740px; font-size: 24px; font-weight: 300; line-height: 1.4; margin: 0 auto;}
.findSellerBn .inputItem{border-bottom:0}
.findSellerBn .inputItem input[type="search"]{width:450px;height:50px;margin-right:-3px;border:none;}
.findSellerBn .inputItem button{display:inline-block;width:50px;height:50px;background-color:#626b82;background-position:-424px -106px;vertical-align:top}

@media screen and (max-width: 768px) {
	.pc {display: none;}
	.findSellerBn {max-height: initial;}
	.findSellerBn .tit {font-size: 18px; margin: 0 5%;}
}

/* 자주찾는 질문 */
.faq {position:relative; margin:50px 0 30px; text-align:center;height: 350px; background: url(/images/contents/bg_members_visual_04.png) no-repeat 50% 0; background-size: cover;}
.faq .inner {position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%, -50%)}
.faq .inner i {width: 80px; height: 80px; margin: 0 auto 5px; background-position:0 -228px;}
.faq .inner p {font-size: 17px; line-height: 1.8;}
.faq .inner a {display: inline-block; width:180px; margin:26px 0 0; padding:10px 0 11px; border: 1px solid #333;}

/* 수리비용안내, 공정거래 자율준수 */
.lrCont {position:relative; max-width: fit-content; margin:0 auto;}
.lrCont:after{content:"";display:block;clear:both}
.lrCont .fl{}
.lrCont .fl span.desc{display:block;color: #999;font-size:22px;letter-spacing:-0.5px;font-family:'Montserrat', 'Noto Sans KR', sans-serif;}
.lrCont .fl h4{font-size:66px;line-height:1.2;font-weight:500;letter-spacing:-6px}
.lrCont .fl h4 span{font-weight:200; letter-spacing: 0;}
.lrCont .fl hr{width:24px;height:3px;margin:20px 0 45px;background:#404758}
.lrCont .fl p{font-size:17px;color:#5e626b}
.lrCont .fl ul{}
.lrCont .fl ul li{position:relative;font-size:18px;color:#5e626b;font-weight:300}
.lrCont .fl ul li + li{margin-top:5px}
.lrCont .fl ul li:before{content: '-'; margin-right: 10px;}
.lrCont .fl ul li.import{color: #19bcb9!important}
.lrCont .fr{}
.lrCont .fr .hTit{font-size: 22px; font-weight: 400; margin-bottom: 20px;}
.lrCont .fr .hTit:before {content: '·'; margin-right: 5px;}
.lrCont .fr .hSubTit{margin-bottom:5px;font-size: 18px; font-weight: 300;}
.lrCont .fr ol {margin: 0 auto 60px; counter-reset: li;}
.lrCont .fr ol li{position:relative;margin:0 0 0 16px;padding:0 0 0 6px;color:#5e626b;font-size:16px}
.lrCont .fr ol li + li{margin-top:5px}
.lrCont .fr ol li:before {content:counter(li);counter-increment:li;position:absolute;top:5px;left:-16px;width:16px;height:16px;line-height:16px;margin-right:8px;font-size:10px;color:#fff;background:#333;text-align:center;border-radius:100%}
.lrCont .fr span.desc{display:block;margin-top:5px;font-size:14px}
.lrCont .fr .btnM02{margin-top:5px;margin-bottom:10px;font-size:14px;color:#626b82}
.lrCont .fr > p{font-size:16px;word-break:keep-all;}
.lrCont .fr > p.import,
.lrCont .fr > p strong{margin-bottom:5px;color: #19bcb9 !important;}

.lrCont.repair .fl {width: 100%; background: #f9f9f9; padding: 30px; border-radius: 20px;}
.lrCont.repair .fl span.bgImg01{display:block;position:absolute;bottom:0;left:-16px;width:556px;height:198px;background:url(/images/contents/repair_bg_left_01.png) no-repeat 0 0}
.lrCont.repair .fl span.bgImg02{display:block;position:absolute;bottom:0;left:-117px;width:764px;height:374px;background:url(/images/contents/repair_bg_left_02.png) no-repeat 0 0;z-index:0}
.lrCont.repair .fl span.bgImg03{display:block;position:absolute;bottom:0;left:-41px;width:594px;height:219px;background:url(/images/contents/repair_bg_left_03.png) no-repeat 0 0}
.lrCont.repair .fr {position:relative; width:100%; margin-top: 50px;}
.lrCont.repair .fr ul li {position:relative;padding:2px 0 3px 13px;font-weight: 300;}
.lrCont.repair .fr ul li:before {content:"";display:block;position:absolute;top:13px;left:0;width:5px;height:1px;background:#5e626b}
.lrCont.repair .fr table {width: 100%; margin: 0 auto 60px; border-top: 2px solid #333;}
.lrCont.repair .fr table tbody th{background: #f9f9f9; font-size:16px; font-weight:500; border-top:1px solid #ebeef5; vertical-align: middle;}
.lrCont.repair .fr table tbody td{padding:14px 0 13px;text-align:center;color:#5e626b;background:#fff;border-bottom:1px solid #ebeef5;border-left:1px solid #ebeef5}
.lrCont.repair .fr table tbody td.tit{background: #f9f9f9;}
.lrCont.repair .fr table caption {font-size: 12px; color: #999; margin-bottom: 10px; text-align: right;}
.lrCont.repair .fr .standard {position:relative;padding-left:120px}
.lrCont.repair .fr .standard + .standard{margin-top:40px}
.lrCont.repair .fr .standard i {position:absolute;top:0;left:0;width:90px;height:90px;border-radius:20px;box-shadow:0 5px 15px 0 rgba(153, 159, 183, .2);}
.lrCont.repair .fr .standard:nth-child(1) i{background-position:0 -526px}
.lrCont.repair .fr .standard:nth-child(2) i{background-position:-90px -526px}
.lrCont.repair .fr .standard:nth-child(3) i{background-position:-180px -526px}

.lrCont.fair{padding-bottom:135px;}
.lrCont.fair .fl{width:500px}
.lrCont.fair .fl .bgImg{display:block;position:absolute;bottom:0;left:-160px;width:687px;height:300px;background:url(/images/contents/fair_bg_left.png) no-repeat 0 0;z-index:10}
.lrCont.fair .fr{position:relative;width:1000px;z-index:300}
.lrCont.fair .fr ul{margin:0 0 0 20px}
.lrCont.fair .fr ul.year{text-align:left;width:50%;float:left;margin:0}
.lrCont.fair .fr ul.year > li{display:block;text-align:left}
.lrCont.fair .fr ul.year li + li{margin:0}
.lrCont.fair .fr ul.year > li > strong{display:inline-block;width:100px;height:25px;margin-right:20px;line-height:25px;font-size:16px;font-weight:400;border-radius:14px;color:#fff;text-align:Center;vertical-align:top;box-shadow:0 5px 10px 0 rgba(153, 159, 183, .2);
}
.lrCont.fair .fr ul.year > li > ul{display:inline-block;width:calc(100% /*- 88px*/);margin:10px 0 0 ;vertical-align:top;}
.lrCont.fair .fr ul.year > li > ul > li{display:block;padding:0 0 10px 0;text-align:left;background:url(/images/contents/year_bg_line02.png) repeat-y 5px 0; }
.lrCont.fair .fr ul.year > li > ul > li:first-child{background:url(/images/contents/year_bg_line02.png) no-repeat 5px 10px}
.lrCont.fair .fr ul.year > li > ul > li:last-child{background:url(/images/contents/year_bg_line02.png) no-repeat 5px -290px}
.lrCont.fair .fr ul.year > li > ul > li > strong{display:block;width:65px;color:#323236;font-size:16px;margin-right:20px;padding-left:25px;vertical-align:top;background:url(/images/contents/year_bg_icon_02.png) no-repeat 0 7px}
.lrCont.fair .fr ul.year > li > ul > li > ul{display:inline-block;width:calc(100% /*- 87px*/);margin:0;vertical-align:top;}

.lrCont.fair .fr ul.year > li > ul > li > ul > li{width:calc(100% - 25px);padding-left:25px;color:#323236;font-size:16px;margin-right:20px;vertical-align:top;}
.lrCont.fair .fr ul.year .on {display:inline-block;background:url(/images/contents/year_bg_icon_02.png) no-repeat 0 7px}

.lrCont.fair .fr ul.year > li > ul > li > ul > li{display:block;text-align:left;font-size:16px;color:#5e626b}
.lrCont.fair .fr ul.year > li > ul > li > ul > li + li{margin-top:4px}

.lrCont.fair .fairActivity{display:inline-block}
.lrCont.fair .fairActivity ul li{display:inline-block;text-align:center;font-size:15px;color:#5e626b;vertical-align:top}
.lrCont.fair .fairActivity ul li + li{margin-left:7px}
.lrCont.fair .fairActivity ul li img{width:100%;display:block;margin:0 auto 10px;border:2px solid #cdd1e0;box-shadow:0 8px 13px 0 rgba(153, 159, 183, .15);}
.lrCont.fair .fr .iconList{margin:20px}
.lrCont.fair .fr .iconList li{position:relative;display:inline-block;width:163px;height:163px;padding:0;text-align:center;font-size:15px;font-weight:500;color:#323236;}
.lrCont.fair .fr .iconList li .graBg{border-radius:100%;box-shadow:0 5px 15px 0 rgba(153, 159, 183, .2);}
.lrCont.fair .fr .iconList li + li{margin-left:20px}
.lrCont.fair .fr .iconList li .inner{padding-top:30px}
.lrCont.fair .fr .iconList li i{width:70px;height:56px;margin:0 auto 10px;}
.lrCont.fair .fr .iconList li:nth-child(1) i{background-position:-168px -468px}
.lrCont.fair .fr .iconList li:nth-child(2) i{background-position:-238px -468px}
.lrCont.fair .fr .iconList li:nth-child(3) i{background-position:-308px -468px}
.lrCont.fair .fr .iconList li:nth-child(4) i{background-position:-378px -468px}
.lrCont.fair .fr .iconList li:nth-child(5) i{background-position:-448px -468px}

.lrCont.proclaim{padding-bottom:150px}
.lrCont.proclaim .fl{width:440px}
.lrCont.proclaim .fl .bgImg{display:block;position:absolute;bottom:0;left:-160px;width:687px;height:300px;background:url(/images/contents/fair_bg_left.png) no-repeat 0 0}
.lrCont.proclaim .fr{width:1060px;}
.lrCont.proclaim > .fr .fl{width:673px;margin-right:40px}
.lrCont.proclaim > .fr .fl p{font-size:16px;line-height:1.9;color:#5e626b;}
.lrCont.proclaim > .fr .fl p strong{color:#005aab}
.lrCont.proclaim > .fr .fr{width:347px;}
.lrCont.proclaim > .fr .fr{padding-left:45px;border-left:1px solid #fff;}
.lrCont.proclaim > .fr .fr p img{display:block;border:2px solid #cdd1e0;box-shadow:0 8px 13px 0 rgba(153, 159, 183, .15);width:100%}
.lrCont.proclaim > .fr .fl p + p{margin-top:25px}

@media screen and (max-width: 768px) {
	.lrCont .fl ul li {font-size: 14px;}
	.lrCont .fr .hTit {font-size: 20px;}
	.lrCont .fr ol li {font-size: 14px;}
	.lrCont .fr > p {font-size: 14px;}

	.lrCont.repair .fl {padding: 23px;}
	
	.lrCont.repair .fr .standard {padding-left: 85px;}
	.lrCont.repair .fr .standard + .standard {margin-top: 40px}
	.lrCont.repair .fr .standard i {width: 70px; height: 70px;}
	.lrCont.repair .fr .standard:nth-child(1) i {background-position: -10px -535px}
	.lrCont.repair .fr .standard:nth-child(2) i {background-position: -100px -535px}
	.lrCont.repair .fr .standard:nth-child(3) i {background-position: -190px -535px}
}

/*------------------------------------------------- 이벤트 ---------------------------------------------------*/

/* 이벤트 리스트 */
.bxList {margin: 50px auto;}
.evtList{position:relative; display: inline-block; width: calc((100% - 34px) / 2); margin-bottom:30px; border:1px solid #e5e5e5; background: #f9f9f9;}
.evtList:nth-child(even){margin-left:30px}
.evtList > a{position:relative;display:block;width:100%;border-bottom:1px solid #e5e5e5}
.evtList > a:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(/newch/images/contents/noimg_01.png) no-repeat 50% 50%;z-index:10}
.evtList a:hover:before{content:"";display:block;position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:0;background:#transparent;border: 2px solid #19bcb9;}
.evtList > a > img{position:relative;display:block;width:100%;height:338px;z-index:300}
.evtList i{display:block;position:absolute;top:0;right:20px;width:94px;height:88px;font-style:normal;font-size:16px;text-align:Center;color:#fff;background:#333;border-radius:0 0 50% 50%;z-index:400}
.evtList i em{display:block;position:absolute;top:50%;left:50%;line-height:1.2;font-weight:300;transform:translate(-50%, -60%)}
.evtList .cont{padding:30px 50px 35px;z-index:501}
.evtList .cont p.Etitle > a {font-size: 24px; }
.evtList .cont p.desc{height: 30px; font-weight:300;}
.evtList .cont span{font-family: 'Roboto';font-weight:300;color:#999;}

@media screen and (max-width: 768px) {
	.evtList{display: block; width: 100%;}
	.evtList:nth-child(even) {margin-left: 0;}
	.evtList .cont {padding: 20px 25px 25px;}
	.evtList .cont p.desc {visibility: hidden;}
	.evtList .cont p.Etitle > a {font-size: 18px;}
}

/* 상세보기 */
.bxDetail{margin:50px 0 0;padding:40px 0 0;border-top:2px solid #000;text-align: center;}
.bxDetail:after{content:"";display:block;clear:both}
.bxDetail .detailInfo{text-align: center;}
.bxDetail .detailInfo h4{font-size: 32px; font-weight:400;}
.bxDetail .detailInfo .date{position:relative;display:block;padding-left:20px;line-height:1.1}
.bxDetail .detailInfo .date span{display:block;position:absolute;top:20px;left:-15px;font-family:'Montserrat', sans-serif;letter-spacing:1px;transform:rotate(90deg);}
.bxDetail .detailInfo .date strong{display:block;font-size:50px;font-weight:500;}
.bxDetail .detailInfo .date:after{content:"";display:block;width:1px;height:50px;margin:10px 0 15px -17px;background:#000}
.bxDetail .detailInfo > .time{display:block;font-size: 22px;font-weight:700;margin-top: 20px;}
.bxDetail .detailInfo .util{margin:65px 0 0;}
.bxDetail .detailInfo .util a{display:inline-block;width:70px;height:70px;margin:0 -2px 0 0}
.bxDetail .detailInfo .util a:nth-child(1){background-position:0 -86px}
.bxDetail .detailInfo .util a:nth-child(2){margin-right:-3px;background-position:-69px -86px}
.bxDetail .detailInfo .util a:nth-child(3){background-position:-138px -86px}
.bxDetail .detailInfo ul{margin-top:10px}
.bxDetail .detailInfo ul li{padding:25px 0 35px;border-bottom:1px solid #f2f2f2}
.bxDetail .detailInfo ul li span{display:block;font-size:20px;letter-spacing:0.5px}
.bxDetail .detailInfo ul li span:after{content:"";display:block;width:24px;height:1px;margin:15px 0 25px;background:#000;}
.bxDetail .detailInfo ul li span.time{font-weight:300}
.bxDetail .detailInfo ul li p{font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:normal;height:44px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.bxDetail .detailInfo ul li p.tit{font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:normal;height:30px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.bxDetail .detailInfo ul li p a{display:block;margin-bottom:5px;font-weight:500;font-size:18px}
.bxDetail .detailCont{max-width: 1030px; width: 100%; margin: 30px auto 0;}
.bxDetail .detailCont_e{width: 100%; margin: 30px auto 0;}
.bxDetail .detailCont > p{font-size:16px;line-height:1.8}
.bxDetail .detailCont p > img{display:block;/* width:100% */}
.bxDetail .detailCont p + p{margin-top:25px}
.bxDetail .detailCont .bxBtn{margin:80px 0 0;padding:40px 0 0;text-align:center;border-top:1px solid #e5e5e5;}

@media screen and (max-width: 768px) {
	.bxDetail .detailInfo h4 {font-size: 20px;}
	.bxDetail .detailInfo > .time {font-size: 17px;}
}


/*진행중인 이벤트 포토후기 등록 페이지 form*/
.bxDetail .detailCont .eventReview{margin-bottom:20px;}
.bxDetail .detailCont .eventReview span{display:block;padding:10px 0;}
.bxDetail .detailCont .eventReview input[type="file"]{display:block;padding:10px 0}
.bxDetail .detailCont .eventReview textarea#contents{width:calc(100% - 230px)}
.bxDetail .detailCont .eventReview a{float:right}



/*물안나오는경우*/
.Water01 .bxSubTxt{border-bottom:none}
.Water01 .bxType03{padding:30px 40px;margin-bottom:60px}
.Water01 .bxType03 ol{counter-reset:li}
.Water01 .bxType03 ol li{display:inline-block;position:relative;vertical-align:top}
.Water01 .bxType03 ol > li {margin-right:60px; margin-bottom:30px}
.Water01 .bxType03 ol > li:before{content:counter(li);counter-increment:li;position:absolute;top:1px;left:0px;width:22px;height:22px;line-height:22px;margin-right:8px;font-size:10px;color:#fff;background:#8499ac;text-align:center;border-radius:100%}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	.Water01 .bxType03 ol > li:after{right:-22px;}
}
.Water01 .bxType03.col2 ol > li:nth-child(2):after,
.Water01 .bxType03.col3 ol > li:nth-child(n+3):after,
.Water01 .bxType03.col3 ol > li:nth-child(7):after,
.Water01 .bxType03.col4 ol > li:nth-child(4):after,
.Water01 .bxType03.col5 ol > li:nth-child(n+5):after{display:none}
.Water01 .bxType03:nth-child(4) ol > li:nth-child(n+4):after{display:block;}
.Water01 .bxType03:nth-child(4) ol > li:nth-child(7):after{display:none}

.Water01 .bxType03 ol > li p{text-indent:26px;font-weight:500;}
.Water01 .bxType03 ol > li p.tit{margin-bottom:10px}
.Water01 .bxType03 ol li figure img{display:block; max-width:100%}
.Water01 .bxType03 ol li figure table{width:450px; border-top:1px solid #464646;}
.Water01 .bxType03 ol li figure img.mobile{display:none}
.Water01 .bxType03 ol li figure figcaption p{margin-top:15px;text-indent:0;font-weight:normal}
.Water01 .bxType03 ol li figure figcaption p strong{display:block}
.Water01 .bxType03 ol li figure figcaption span{font-size:13px;color:#9898a3}
.Water01 .bxType03 ol li figure figcaption span em{color:#333}
.Water01 .bxType03 ol li ul li + li{margin-left:2px}

.Water01 .bxType03 .tblType03 thead th{background:#8499ac;}
.Water01 .bxType03 .tblType03 th{}
.Water01 .bxType03 .tblType03 tr td{background:#fff}

.Water01 h4 span{font-size:15px;}
.Water01 ul + h4{margin-top:50px}
.Water01 ul.inner li{padding:0 0 0 10px;font-size:18px;font-weight:500;background:url(/images/common/ico_bullet_02.gif) no-repeat 0 11px}
.Water01 ul.inner li li{position:relative;font-size:16px;font-weight:normal;background:none}
.Water01 ul.inner li li:before{content:"";display:block;position:absolute;top:11px;left:0px;width:4px;height:1px;background:#323236;}

.Water01 .ListR{text-align:center;}


@media screen and (max-width:620px) {
	.Water01 .bxType03 ol li figure table{max-width:450px; width:100%}
	.Water01 .bxType03 ol > li {margin-right:0px}
}