@charset 'utf-8'; /* sim0724 — 중고차를부탁해 (pleaseCar theme port) */ :root { --pc-brand: #004af9; --pc-content-width: 1440px; } body.site-sim0724, body { font-family: 'Pretendard-Regular', 'Noto Sans KR', sans-serif; color:#333; } *, *::before, *::after { box-sizing: border-box; } html, body { margin:0; padding:0; } ul, ol { list-style:none; margin:0; padding:0; } a { text-decoration:none; color:inherit; } img { max-width:100%; height:auto; border:0; vertical-align:top; } button, input, select, textarea { font-family:inherit; } .clearfix:after { content:''; display:block; clear:both; } .blind { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); } .representativeColor { color: var(--pc-brand) !important; } .representativeColor[data-background="Y"], [data-background="Y"].representativeColor { background-color: var(--pc-brand) !important; } .representativeColor[data-border="Y"] { border-color: var(--pc-brand) !important; } .slick-slider { position:relative; display:block; box-sizing:border-box; } .slick-list { position:relative; overflow:hidden; display:block; margin:0; padding:0; } .slick-track { position:relative; left:0; top:0; display:block; } .slick-slide { display:none; float:left; height:100%; min-height:1px; } .slick-slide img { display:block; width:100%; } .slick-initialized .slick-slide { display:block; } .slick-dots { position:absolute; bottom:11%; display:block; width:100%; padding:0; margin:0; list-style:none; text-align:center; } .slick-dots li { position:relative; display:inline-block; width:127px; height:4px; margin:0 2px; padding:0; cursor:pointer; } .slick-dots li button { font-size:0; line-height:0; display:block; width:127px; height:4px; padding:0; cursor:pointer; color:transparent; border:0; outline:none; background:transparent; } .slick-dots li button:before { content:''; position:absolute; top:0; left:0; width:127px; height:4px; background:#c8cdd7; } .slick-dots li.slick-active button:before { background:#004af9; opacity:1; } /* basic slices */ #left_side, #right_side { position: absolute; width: 150px; } #left_side.fixed, #right_side.fixed { position: fixed; } #left_side { left: 50%; margin-left: -760px; } #right_side { right: 50%; margin-right: -760px; } .inner, .inr-c { width: 1220px; margin: 0 auto; padding: 0 10px; } .inner .bg_gray02:before { content: ''; display: block; position: absolute; top: 0; right: -100%; left: -100%; .left_side div{margin-bottom:10px;} .left_side div:last-child{margin-bottom:0;} .right_side div{margin-bottom:10px;} .right_side div:last-child{margin-bottom:0;} .case_left_0{top:10px !important;} .case_right_0{right:0px !important; margin-right:0px !important; top:0px !important;} .case_top_0{top:10px !important;} /* Header Search */ .case_srch{text-align: center; } .case_srch #header-search-span input{position: relative; width: 251px; height: 39px; border: 3px solid #ffde00; border-right: 0; padding-left: 10px;} .case_srch #header-car-name-search-btn{width:58px; height:39px; vertical-align: top; display: inline-block;} .case_srch .hit_area{text-align: center; margin:10px auto;} .case_srch .hit_area p{margin-right:5px; display: inline-block;} .case_srch .hit_area ul{display: inline-block;} .case_srch .hit_area ul li{display: inline-block;} .case_srch .hit_area ul li:after{content:'/'; display: inline-block; margin:0px 3px;} .case_srch .hit_area ul li:last-child:after{display: none;} .case_srch.pattern02{width:265px;margin-top:0px;} .case_srch.pattern02 #header-search-span{display: inline-flex; border-bottom:2px solid #000;} .case_srch.pattern02 #header-search-span input{border: none; width:233px; height:28px; font-size:16px; padding-left:5px; } .case_srch.pattern02 #header-search-span input::placeholder{text-align:left; font-size:16px; color: #d0d0d0; position: relative; top:2px; letter-spacing:-0.05em; font-weight: bold;} .case_srch.pattern02 button{width:32px !important; height:28px !important; background:none !important; padding:0; text-align: left;} /* Side Bar - Profile Banner */ .banner_manager{border:1px solid #c1c1c1; padding:0 0 10px 0 !important;} .banner_manager h4{background:#cb2323; font-size:16px; text-align: center; color: #fff; line-height:30px; margin-left:-1px; width:150px; letter-spacing:-0.05em} .banner_manager h4.fs18{font-size:18px} .banner_manager p.photo_area{border:1px solid #ccc; width:126px; height:auto; margin:10px auto 8px !important; border-bottom:1px solid #ccc !important; padding:0 !important;} .banner_manager p.photo_area img{width:126px;} .banner_manager p.box_bk{background:#000; color: #fff; text-align: center; font-size:18px; display: block; letter-spacing:-0.05em; padding:10px 0px;} .banner_manager dl dt{color: #333; font-size:18px; text-align: center; font-weight: bold; letter-spacing:-0.05em; line-height:1em;} .banner_manager dl dd{color: #333; font-size:18px; text-align: center; font-weight: bold; line-height:1em; margin:10px 0px;} .banner_manager a{color: #fff; width:101px; height:20px; background:#292929; line-height:20px; font-size:14px; display: block; text-align: center; border-radius:20px; font-weight: bold; letter-spacing:-0.05em; margin:0 auto;} .banner_manager a:after{content:'>'; display: inline-block; float: right; font-size:4px; position: relative; right:10%;} .banner_manager a.btn_bar{color: #fff; height:35px; line-height:35px; width:100%; border-radius:0; font-size:18px} .banner_manager a.btn_bar:after{display: none;} .banner_manager .imglist{text-align: center; margin-bottom:0px;} .banner_manager .imglist p{font-size:16px; color: #333; font-weight: bold; letter-spacing:-0.05em; line-height: 1em; margin:10px 0;} .banner_manager .imglist p span{font-size:14px; color: #676767;} .banner_manager .imglist a{background:#b81510; display: inline-block; width:64px; border-radius:5px; font-size:13px;} .banner_manager .imglist a:after{display: none;} .banner_manager dl.tel_box{margin-left:5px; margin-top:20px;} .banner_manager dl.tel_box dt{text-align: left; color: #464646; font-size:20px; line-height:1em; margin-top:10px; margin-bottom:3px; letter-spacing:-0.1em} .banner_manager dl.tel_box dd{text-align: left; color: #b81510; font-size:22px; line-height:1em; margin:0; letter-spacing:-0.1em; font-weight:800;} /* Side Bar - Lately Banner */ .lately_area{border:1px solid #c1c1c1;} .lately_area p{background:#cb2323; font-size:16px; text-align: center; color: #fff; line-height:33px; margin-left:-1px; width:150px; padding:0;} .lately_area p.normal_type{background: none; color: #464646; margin: 0 auto; padding:5px 0 0 0; border-bottom: 3px solid #ccc; font-size: 14px; text-align: center; width:90%; letter-spacing:-0.05em} .lately_area ul{margin-top:15px;} .lately_area ul li{text-align: center; font-size:12px; color: #585858;} .lately_area ul li img{width:96px; height:72px; border:1px solid #ccc;} .lately_area ul li span:last-child{display: inline-block; padding:6px 0px;} .lately_area a.topgo{display: block; width: 150px; height: 21px; padding: 3px 0 0; color: #333; font-size: 12px; font-weight: 700; text-align: center; background-color: #c5c5c5;} .lately_area a.topgo:before {content: ''; display: inline-block; vertical-align: middle; margin: -10px 4px 0 0; border-top: 9px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid #333; border-left: 5px solid transparent;} .lately_area.wide ul li{margin-bottom:10px;} .lately_area.wide ul li img{width:138px; height:110px;} .lately_area.wide ul li span:last-child{border:1px solid #ccc; border-top:none; width:138px; padding:2px 0px;} /* Side Bar - Quick Advise Bar*/ .quick_advise{padding: 10px; background:#fff; border:1px solid #c1c1c1;} .quick_advise p{margin-bottom: 15px; padding: 8px 0 0 27px; border-bottom: 0; text-align: left; background: url('/site/sim0724/img/basic/icon/icon_01.webp') no-repeat left top;} .quick_advise p.inclued_ico {margin-bottom: 15px; padding: 8px 0 0 27px; border-bottom: 0; text-align: left; background: url('/site/sim0724/img/basic/icon/icon_02.webp') no-repeat left top;} .quick_advise p.type02 {margin: 0; padding: 0 0 6px; color: #666; font-weight: 700;} .quick_advise .col_wrap {overflow: hidden; margin-top: 3px;} .quick_advise .col_wrap .radio_wrap {float: left; width: 62px; text-align: center;} .quick_advise .col_wrap .radio_wrap + .radio_wrap {margin-left: 3px;} .quick_advise .col_wrap .radio_wrap input + label {display: block; width: 100%; height: 32px; border: 1px solid #ccc; font-size: 14px; line-height: 32px;} .quick_advise .col_wrap .radio_wrap input:checked + label {color: #fff;} .quick_advise .input_wrap {margin-top: 8px;} .quick_advise .input_wrap input {width: 100%; height: 27px; padding: 0 4px; color: #212121; line-height: 27px;} .quick_advise .input_wrap input::placeholder {color: #777;} .quick_advise .check_wrap { margin-top: 9px;} .quick_advise .check_wrap input + label {display: block; position: relative; padding-left: 21px; font-size: 12px; line-height: 20px; letter-spacing:-0.05em} .quick_advise .check_wrap label:before {content: ''; display: inline-block; position: absolute; top: 2px; bottom: 1px; left: 0; width: 16px; height: 16px; margin-right: 10px; background-color: #aaa; box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .3), 0 1px 0 0 rgba(255, 255, 255, .8);} .quick_advise .check_wrap input[type='checkbox'] {display: none;} .quick_advise .check_wrap label:before {border-radius: 3px;} .quick_advise .check_wrap input[type='checkbox']:checked + label:before {content: '\2713'; color: #f3f3f3; font-size: 15px; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); line-height: 18px;} .quick_advise .check_wrap button {position: absolute; right: 0; bottom: 1px; width: 47px; height: 20px; padding: 0; color: #fff; font-size: 11px; text-align: center; letter-spacing: -.05em; background-color: #b5b5b5;} .quick_advise .check_wrap + .btn_wrap {margin-top: 10px;} .quick_advise .btn_wrap button {width: 100%; height: 30px; color: #fff; font-size: 16px; text-align: center; line-height: 30px;} .quick_advise02 .col_wrap {overflow: hidden; margin-top: 3px;} .quick_advise02 .col_wrap .radio_wrap {float: left; width: 62px; text-align: center;} .quick_advise02 .col_wrap .radio_wrap + .radio_wrap {margin-left: 3px;} .quick_advise02 .col_wrap .radio_wrap input + label {display: block; width: 100%; height: 32px; border: 1px solid #ccc; font-size: 14px; line-height: 32px;} .quick_advise02 .col_wrap .radio_wrap input:checked + label {color: #fff;} .quick_advise02 .input_wrap {margin-top: 8px;} .quick_advise02 .input_wrap input {width: 100%; height: 27px; padding: 0 4px; color: #212121; line-height: 27px; } .quick_advise02 .input_wrap input::placeholder {color: #777;} .quick_advise02 .check_wrap {margin-top: 9px;} .quick_advise02 .check_wrap input + label {display: block; position: relative; padding-left: 21px; font-size: 12px; line-height: 20px; letter-spacing:-0.05em} .quick_advise02 .check_wrap label:before {content: ''; display: inline-block; position: absolute; top: 2px; bottom: 1px; right: 0 !important; left:auto !important; width: 16px; height: 16px; margin-right: 0px !important; background-color: #aaa; box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .3), 0 1px 0 0 rgba(255, 255, 255, .8);} .quick_advise02 .check_wrap input[type='checkbox'] {display: none;} .quick_advise02 .check_wrap label:before {border-radius: 3px;} .quick_advise02 .check_wrap input[type='checkbox']:checked + label:before {content: '\2713'; color: #f3f3f3; font-size: 15px; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); line-height: 18px;} .quick_advise02 .check_wrap button {position: absolute; right: 0; bottom: 1px; width: 47px; height: 20px; padding: 0; color: #fff; font-size: 11px; text-align: center; letter-spacing: -.05em; background-color: #b5b5b5;} .quick_advise02 .check_wrap + .btn_wrap {margin-top: 10px;} .quick_advise02 .btn_wrap button {width: 100%; height: 30px; color: #fff; font-size: 16px; text-align: center; line-height: 30px;} .case_side_01{width:100px !important;} .case_side_01 ul{} .case_side_01 ul li{height:100px; background:#f3f3f3; border:1px solid #ccc; border-bottom:none; text-align: center; font-size:15px; color: #444; font-weight: bold; letter-spacing:-0.05em} .case_side_01 ul li:last-child{border-bottom:4px solid #e0c823; padding-top:25px;} .lately_area{border:1px solid #c1c1c1;} .lately_area p{background:#cb2323; font-size:16px; text-align: center; color: #fff; line-height:33px; margin-left:-1px; width:150px; padding:0;} .lately_area p.normal_type{background: none; color: #464646; margin: 0 auto; padding:5px 0 0 0; border-bottom: 3px solid #ccc; font-size: 14px; text-align: center; width:90%; letter-spacing:-0.05em} .lately_area ul{margin-top:15px;} .lately_area ul li{text-align: center; font-size:12px; color: #585858;} .lately_area ul li img{width:96px; height:72px; border:1px solid #ccc;} .lately_area ul li span:last-child{display: inline-block; padding:6px 0px;} .lately_area a.topgo{display: block; width: 150px; height: 21px; padding: 3px 0 0; color: #333; font-size: 12px; font-weight: 700; text-align: center; background-color: #c5c5c5;} .lately_area a.topgo:before {content: ''; display: inline-block; vertical-align: middle; margin: -10px 4px 0 0; border-top: 9px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid #333; border-left: 5px solid transparent;} .lately_area.wide ul li{margin-bottom:10px;} .lately_area.wide ul li img{width:138px; height:110px;} .lately_area.wide ul li span:last-child{border:1px solid #ccc; border-top:none; width:138px; padding:2px 0px;} /* pleaseCar */ @charset 'utf-8'; @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400&display=swap'); /* WebFont Default */ @font-face { font-family: 'Pretendard-Regular'; src: url('https://myshop-img2.carmanager.co.kr/myshop3/basic/fonts/Pretendard-Regular.eot'); /* IE 호환성 보기 */ src: url('https://myshop-img2.carmanager.co.kr/myshop3/basic/fonts/Pretendard-Regular.eot#iefix') format('embedded-opentype'), /* IE 6 ~ 8 */ url('https://myshop-img2.carmanager.co.kr/myshop3/basic/fonts/Pretendard-Regular.woff2') format('woff2'), /* WOFF2 지원 브라우저 */ url('https://myshop-img2.carmanager.co.kr/myshop3/basic/fonts/Pretendard-Regular.woff') format('woff'), /* 모던 브라우저 */ url('https://myshop-img2.carmanager.co.kr/myshop3/basic/fonts/Pretendard-Regular.ttf') format('truetype'); } /* WebFont Default02 */ @font-face { font-family: 'Pretendard-Medium'; src: url('https://myshop-img2.carmanager.co.kr/myshop3/basic/fonts/Pretendard-Medium.eot'); /* IE 호환성 보기 */ src: url('https://myshop-img2.carmanager.co.kr/myshop3/basic/fonts/Pretendard-Medium.eot#iefix') format('embedded-opentype'), /* IE 6 ~ 8 */ url('https://myshop-img2.carmanager.co.kr/myshop3/basic/fonts/Pretendard-Medium.woff2') format('woff2'), /* WOFF2 지원 브라우저 */ url('https://myshop-img2.carmanager.co.kr/myshop3/basic/fonts/Pretendard-Medium.woff') format('woff'), /* 모던 브라우저 */ url('https://myshop-img2.carmanager.co.kr/myshop3/basic/fonts/Pretendard-Medium.ttf') format('truetype'); } /* WebFont Default03 */ @font-face { font-family: 'Pretendard-Bold'; src: url('https://myshop-img2.carmanager.co.kr/myshop3/basic/fonts/Pretendard-Bold.eot'); /* IE 호환성 보기 */ src: url('https://myshop-img2.carmanager.co.kr/myshop3/basic/fonts/Pretendard-Bold.eot#iefix') format('embedded-opentype'), /* IE 6 ~ 8 */ url('https://myshop-img2.carmanager.co.kr/myshop3/basic/fonts/Pretendard-Bold.woff2') format('woff2'), /* WOFF2 지원 브라우저 */ url('https://myshop-img2.carmanager.co.kr/myshop3/basic/fonts/Pretendard-Bold.woff') format('woff'), /* 모던 브라우저 */ url('https://myshop-img2.carmanager.co.kr/myshop3/basic/fonts/Pretendard-Bold.ttf') format('truetype'); } body{font-family: 'Pretendard-Regular', sans-serif;} #wrap{clear: both;} .inner, .inr-c {width:1200px; margin:0 auto; padding: 0px;} #container{padding-top:10px;} #header.header_area{padding-top:0px;} #header.header_area .util{border-bottom: none; background:#151515; height:40px;} #header.header_area .util .wrap{background: none; width:1440px;} #header.header_area .util .left_menu{float: left; color: #fff; font-size:12px; margin-top:14px;} #header.header_area .util .left_menu ul{display: table;} #header.header_area .util .left_menu ul li{display: table-cell; padding-left:19px; padding-right:36px;} #header.header_area .util .left_menu ul li:first-child{background:url('/site/sim0724/img/icon/ico_arrow.webp') left top no-repeat;} #header.header_area .util .left_menu ul li:last-child{background:url('/site/sim0724/img/icon/ico_tel.webp') left top no-repeat;} #header.header_area .util .util_menu{float: right; color: #fff; font-size:12px; margin-top:14px; margin-right:245px;} #header.header_area .util .util_menu li{position: relative;} #header.header_area .util .util_menu li:before{width:1px; height:12px; background:#797778; display: inline-block; content:''; position: absolute; top:2px; left:0px;} #header.header_area .util .util_menu li:first-child:before{display: none;} #header.header_area .util .util_menu li + li{background: none; margin-left:15px; padding-left:15px;} #header.header_area .primary{} #header.header_area .primary .gnb{position: static; padding:40px 0 25px; width:1440px;} #header.header_area .primary .gnb h1{z-index:11; position: relative; text-align: left; display: inline-block;} #header.header_area .primary .gnb h1 a{display: block; margin-top:16px;} #header.header_area .primary .decoR{z-index:20; position: relative; float: right;} #header.header_area .primary .decoR .case_srch{position: absolute; right:0px; top:25px; background:#f4f4f4; border-radius:25px; width:205px;} #header.header_area .primary .decoR .case_srch #header-search-span input{border: none; height:50px; line-height:50px; background: none; width:100%; padding-left:15px;} #header.header_area .primary .decoR .case_srch #header-search-span input::placeholder{color: #8e8c8d; letter-spacing:-0.05em} #header.header_area .primary .decoR .case_srch #header-car-name-search-btn{position: absolute; right:0px; background: none !important; width:40px; height:50px; text-align: left;} .gnb01{overflow:hidden; position:absolute; z-index:10; top:0px; background:#fff; height:100px; width:100%; left:0px; top:40px;} .gnb01 .gnb_group{width:1440px; margin:0 auto;} .gnb01 .gnb_group ul{width:984px; float: right; margin-right:191px;} .gnb01 .gnb_group ul li a{font-size:18px; color:#000; display:block;} .gnb01 .gnb_group ul li a:hover{color:#004af9 !important;} .gnb01 .gnb_group ul li a.on{color:#004af9 !important;} #gnb .gnb_group:before{content:''; width:100%; height:1px; background:#d6d6d6; display: block; position: absolute; top:100px; left:0px; z-index:10;} #gnb > .gnb_group > ul:after{content:'';display:block;clear:both;} #gnb > .gnb_group > ul > li{text-align:center;position:relative; float: left; width:154px;} #gnb > .gnb_group > ul > li > a{display:block; height:100px; line-height:100px;} #gnb > .gnb_group > ul > li > ul{position:relative;width:154px; height:280px; border-left:1px solid #d6d6d6; margin-right:0px; float: none;} #gnb > .gnb_group > ul > li > ul:before{display: none;} #gnb > .gnb_group > ul > li:last-child ul{border-right:1px solid #d6d6d6;} #gnb > .gnb_group > ul > li > ul > li{} #gnb > .gnb_group > ul > li > ul > li:first-child a{padding-top:30px;} #gnb > .gnb_group > ul > li > ul > li > a{display:block;width:164px; font-size:16px; padding:15px 0; line-height:1em;} #gnb > .gnb_group > ul > li > ul > li > a:hover{color:#004af9 !important;} #gnb > .gnb_group > ul > li > ul:hover{background:#f8f8f8;} #gnb > .gnb_group > ul > li > ul > li.on > a{color:#004af9;} #gnb > .gnb_group > ul > li:nth-last-child(2){width:210px;} #gnb > .gnb_group > ul > li:nth-last-child(2) ul{width:210px;} #gnb > .gnb_group > ul > li:nth-last-child(2) ul li a{width:210px;} .visual_sec{position: relative; margin:0 auto 20px;} .border_box.banner_manager:last-child{padding-bottom:0px;} .slick-dotted.slick-slider{margin-bottom:-2px; } .slick-dots{bottom:11%;} .slick-dots li{width:127px; height:4px;} .slick-dots li button{width:127px; height:4px;} .slick-dots li button:before{width:127px; height:4px; background:#c8cdd7; border-radius:0} .slick-dots li.slick-active button:before{background:#004af9; opacity:1;} .recommend_car_picture{margin-top:0px; } .ico-mglass {position: relative; display: inline-block; border-radius:14px; height:14px; width:14px; border: 1px solid #004af9; text-indent: -9999px; top:1px;} .ico-mglass:after {content: "";height: 1px;width: 4px;background: #004af9;position: absolute;top: 14px; left:12px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);border-radius: 5px;} .inner h3{color: #333; font-family:'Pretendard-Bold'; font-size:36px; line-height:1em; letter-spacing:-0.05em;} .inner h3 span{color: #004af9;} /* 차량검색 */ .search_main{width:1000px; margin:0 auto; position: relative; top:-75px;} .search_main ul{background:#f9f9f9; padding:16px 17px 11px; width:880px; float: left;} .search_main ul li{float: left; margin-right:5px; margin-bottom:5px;} .search_main ul li:nth-child(3){margin-right:0px;} .search_main ul li select{width:277px; height:40px; line-height:40px; border:1px solid #e6e6e6; color: #8e8c8d; font-size:14px; letter-spacing:-.05em} .search_main button{float: right; vertical-align: top; width:120px; height:116px; background:#004af9; font-family: 'Pretendard-Medium'; font-size:20px; color: #fff; line-height:1em;} /* 인덱스 컨텐츠 영역 1 */ .introduce_main{padding-top:368px; background:url('/site/sim0724/img/index/bg_introduce.webp') center top no-repeat;} .introduce_main div{width:910px; margin:0 auto 45px; text-align: center; background:#fff;} .introduce_main div h3{padding:49px 0 25px;} .introduce_main div p{text-align: center; font-size:18px; color: #606060; line-height:1.5em;} .introduce_main a{width:208px; height:59px; line-height:59px; display: block; text-align: center; border-radius:6px; font-family:'Pretendard-Medium'; font-size:20px; margin:0 auto 70px; background:#004af9; color: #fff; position:relative; z-index:2; border:1px solid #004af9;} .introduce_main a span {-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;} .introduce_main a:after {width:0%;height:100%;top:0;left:0; background:#fff; content:'';position:absolute;z-index:-1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s; border-radius:6px;} .introduce_main a:hover span{color:#004af9} .introduce_main a:hover:after {width: 100%} /* 인덱스 컨텐츠 영역 2 */ .step_main{text-align: center; height:807px;} .step_main:before{width:100%; height:807px; background:#f4f7fb; content:''; position: absolute; left:0; z-index:-1;} .step_main h3{line-height:1.3em; padding:80px 0 40px;} .step_main h3 span.comment{display: block; font-family:'Pretendard-Regular'; font-size:20px; color: #000; font-weight: normal; line-height:1em; margin-bottom:30px; line-height:1em;} .step_main ol{display: inline-table; text-align: center;} .step_main ol li{width:379px; background:#fff; text-align: center; display: inline-block; margin:0 11px; padding-bottom:53px;} .step_main ol li h4{font-family:'Pretendard-Bold'; font-size:30px; color: #333; line-height:1em; letter-spacing:-0.05em; padding-bottom:17px;} .step_main ol li h4 span{color: #8e8c8d; font-size:18px; font-family:'Pretendard-Regular'; font-weight: normal; display: block; line-height:1em; padding:40px 0 20px;} .step_main ol li p{color: #606060; font-size:20px; line-height:1.3em; position: relative;} .step_main ol li p:before{width:164px; height:164px; border-radius:164px; background:#eee; margin:0 auto 30px; content:''; display: block;} .step_main ol li:first-child p:after{content:''; display: inline-block; width:272px; height:136px; background:url('/site/sim0724/img/index/img_car.webp') no-repeat; position: absolute; left:20px; top:29px} .step_main ol li:last-child p:after{content:''; display: inline-block; width:158px; height:160px; background:url('/site/sim0724/img/index/img_question.webp') no-repeat; position: absolute; left:112px; top:17px;} .step_main ol li a{color: #004af9; font-size:18px; display:inline-block; margin-top:30px;} .step_main ol li a:hover{color: #333;} /* 인덱스 컨텐츠 영역 3 */ .process_main{text-align: center; padding:100px 0 187px;} .process_main h3{line-height:1.3em; } .process_main h3 span.arrow{width: 18px; height: 18px; border:3px solid #004af9; border-left: 0; border-top: 0; transform: rotate(45deg); display: block; } .process_main h3 span.arrow:nth-of-type(2){opacity:0.2; margin:30px auto 0;} .process_main h3 span.arrow:nth-of-type(3){opacity:0.5; margin:0 auto;} .process_main h3 span.arrow:nth-of-type(4){opacity:1; margin:0 auto 30px;} .process_main ol li{text-align: left; margin-bottom:35px;} .process_main ol li:nth-child(odd){float: left; width:554px;} .process_main ol li:nth-child(even){float: right; width:554px;} .process_main ol li dl dt{padding-bottom:30px; font-family:'Pretendard-Bold'; font-size:28px; color: #333; letter-spacing:-0.05em; overflow: hidden;} .process_main ol li dl dt p{overflow: hidden; margin-bottom:30px;} .process_main ol li dl dt img{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .process_main ol li dl dt img:hover{-webkit-transform:scale(1.25); -moz-transform:scale(1.25); -ms-transform:scale(1.25); -o-transform:scale(1.25); transform:scale(1.25);} .process_main ol li dl dt span{color: #004af9; margin-right:15px;} .process_main ol li dl dd{color: #606060; font-size:21px; letter-spacing:-0.06em; line-height:1.7em;} /* 인덱스 컨텐츠 영역 4 */ .ad_main:before{width:100%; height:493px; background:url('/site/sim0724/img/index/bg_ad01.webp') no-repeat; content:''; position: absolute; left:0; z-index:-1; background-size:cover;} .ad_main div{position: relative; height:493px;} .ad_main div:after{width:322px; height:429px; background:url('/site/sim0724/img/index/img_hand.webp') no-repeat; content:''; display: inline-block; position: absolute; right:246px; bottom:0px;} .ad_main dl dt{font-family:'Pretendard-Bold'; font-size:42.53px; color: #fff; letter-spacing:-0.05em; line-height:1.3em;} .ad_main dl dt p{color: #fff; line-height:1em; font-family:'Pretendard-Medium'; font-size:24.75px; padding:80px 0 25px;} .ad_main dl dt span{display: inline-block; position: relative;} .ad_main dl dt span:before{content:''; background:#004af9; width:100%; height:40px; position: absolute; top:7px; z-index:-1;} .ad_main dl dd{color: #fff; font-size:20px; line-height:1.8em; margin-top:25px;} .ad_main a{width:208px; height:59px; line-height:59px; display: block; text-align: center; border-radius:6px; font-family:'Pretendard-Medium'; font-size:20px; background:#004af9; color: #fff; margin-top:40px; position:relative; z-index:2; border:1px solid #004af9;} .ad_main a span {-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;} .ad_main a:after {width:0%;height:100%;top:0;left:0; background:#fff; content:'';position:absolute;z-index:-1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s; border-radius:6px;} .ad_main a:hover span{color:#004af9} .ad_main a:hover:after {width: 100%} .car_list_main{text-align: center; height:1392px;} .car_list_main h3{line-height:1.3em; padding:100px 0 70px;} .car_list_main:before{width:100%; height:1392px; background:#f4f7fb; content:''; position: absolute; left:0; z-index:-1;} /* 인덱스 컨텐츠 영역 5 */ .movie_main{margin-top:70px; text-align: center;} .movie_main h3{line-height:1.3em; margin-bottom:45px;} .movie_main h3 span.comment{display: block; font-family:'Pretendard-Medium'; font-size:20px; color:#606060; font-weight: normal; line-height:1em; margin-bottom:25px;} .movie_main .yttype_C{margin-bottom:60px;} .movie_main .yttype_C #video-placeholder{margin-bottom:20px;} .movie_main .yttype_C iframe{width:1200px; height:607px;} .movie_main .yttype_C #controls li{margin-right:20px;} .movie_main .yttype_C #controls li:last-child{margin-right:0px;} .movie_main .yttype_C ul li img{width:590px !important; height:300px !important;} /* 인덱스 컨텐츠 영역 6 */ .js .tabmenu_car{position:relative;} .js .tabmenu_car .wrap{float: left;} .js .tabmenu_car .tab{float:left;margin-right:5px;z-index:2; position:absolute; } .js .tabmenu_car .tabRoute{left:0px; top:0px; border-right:1px solid #dfe0e1;} .js .tabmenu_car .tabRoute2{left:300px; top:0px;} .js .tabmenu_car .tabRoute3{left:600px; top:0px;} .js .tabmenu_car .tabRoute4{left:900px; top:0px;} .js .tabmenu_car .tab a{width:300px; height:67px; line-height:67px; display: block; color: #bcbcbc; font-family:'Pretendard-Medium'; font-size:20px; background:#fff; border-right:1px solid #dfe0e1;} .js .tabmenu_car .tab a:hover{background:#004af9; color: #fff; font-family:'Pretendard-Bold';} .js .tabmenu_car .tabRoute4 a{border-right: none;} .js .tabmenu_car .cnt{z-index:1; background: #fff; display:none; width:1200px; height:973px; margin-top:67px; border-top:1px solid #dfe0e1;} .js .tabmenu_car .cnt ul li{border-bottom:1px solid #dcdcdc; width:1000px; margin:0 auto; text-align: left; position: relative;} .js .tabmenu_car .cnt ul li dl dt{font-family:'Pretendard-Bold'; font-size:24px; line-height:1em; letter-spacing:-0.05em; margin-bottom:25px;} .js .tabmenu_car .cnt ul li dl dt span{color: #8e8c8d; font-size:16px; font-family:'Pretendard-Regular'; margin-left:12px;} .js .tabmenu_car .cnt ul li dl dt span.db{display: block; margin-left:0px; line-height:1em; margin-bottom:8px;} .js .tabmenu_car .cnt ul li dl dd{color: #606060; font-size:18px; line-height:1.7em; letter-spacing:-0.05em;} .js .tabmenu_car .cnt ul li span.mark{position: absolute; top:38px; right:108px; width:114px; height:45px; text-indent: -9999px;} .js .tabmenu_car .cnt ul li.hyundai span.mark{background:url('/site/sim0724/img/index/ico_mark_hyundai.webp') no-repeat;} .js .tabmenu_car .cnt ul li.kia span.mark{background:url('/site/sim0724/img/index/ico_mark_kia.webp') no-repeat;} .js .tabmenu_car .cnt ul li.kg span.mark{background:url('/site/sim0724/img/index/ico_mark_kg.webp') no-repeat;} .js .tabmenu_car .cnt ul li.benz span.mark{background:url('/site/sim0724/img/index/ico_mark_benz.webp') no-repeat;} .js .tabmenu_car .cnt ul li.bmw span.mark{background:url('/site/sim0724/img/index/ico_mark_bmw.webp') no-repeat;} .js .tabmenu_car .cnt ul li.audi span.mark{background:url('/site/sim0724/img/index/ico_mark_audi.webp') no-repeat;} .js .tabmenu_car .cnt ul li.tesla span.mark{background:url('/site/sim0724/img/index/ico_mark_tesla.webp') no-repeat;} .js .tabmenu_car .cnt ul li.renault span.mark{background:url('/site/sim0724/img/index/ico_mark_renault.webp') no-repeat;} .js .tabmenu_car .cnt ul li.chevrolet span.mark{background:url('/site/sim0724/img/index/ico_mark_chevrolet.webp') no-repeat;} .js .tabmenu_car .cnt ul.kor li:nth-child(1){background:url('/site/sim0724/img/index/img_koleos.webp') 88px 81px no-repeat; background-size:267px 145px; padding:58px 0 40px 463px;} .js .tabmenu_car .cnt ul.kor li:nth-child(2){background:url('/site/sim0724/img/index/img_trax.webp') 80px 95px no-repeat; background-size:300px 145px; padding:58px 0 53px 463px;} .js .tabmenu_car .cnt ul.kor li:nth-child(3){background:url('/site/sim0724/img/index/img_tivoli.webp') 16px 25px no-repeat; background-size:431px 287px; padding:58px 0 65px 463px;} .js .tabmenu_car .cnt ul.foreign li:nth-child(1){background:url('/site/sim0724/img/index/img_eclass.webp') 7px -24px no-repeat; background-size:437px 291px; padding:32px 0 27px 463px; } .js .tabmenu_car .cnt ul.foreign li:nth-child(2){background:url('/site/sim0724/img/index/img_bmw5.webp') 20px 68px no-repeat; background-size:413px 185px; padding:29px 0 40px 463px;} .js .tabmenu_car .cnt ul.foreign li:nth-child(3){background:url('/site/sim0724/img/index/img_a6.webp') 0px 28px no-repeat; background-size:431px 255px; padding:39px 0 44px 463px;} .js .tabmenu_car .cnt ul.electric li:nth-child(1){background:url('/site/sim0724/img/index/img_ev6.webp') -62px 20px no-repeat; background-size:530px 241px; padding:59px 0 27px 463px; } .js .tabmenu_car .cnt ul.electric li:nth-child(1) a{margin-top:15px;} .js .tabmenu_car .cnt ul.electric li:nth-child(2){background:url('/site/sim0724/img/index/img_model3.webp') 30px 42px no-repeat; background-size:410px 250px; padding:55px 0 52px 463px;} .js .tabmenu_car .cnt ul.electric li:nth-child(3){background:url('/site/sim0724/img/index/img_ioniq5.webp') 39px 50px no-repeat; background-size:367px 229px; padding:56px 0 67px 463px;} .js .tabmenu_car .cnt ul.freight li:nth-child(1){background:url('/site/sim0724/img/index/img_porter1.webp') -19px -8px no-repeat; background-size:511px 319px; padding:54px 0 24px 463px; } .js .tabmenu_car .cnt ul.freight li:nth-child(2){background:url('/site/sim0724/img/index/img_rexton.webp') 56px 59px no-repeat; background-size:362px 203px; padding:31px 0 54px 463px;} .js .tabmenu_car .cnt ul.freight li:nth-child(3){background:url('/site/sim0724/img/index/img_bongo.webp') 0px 60px no-repeat; background-size:428px 206px; padding:59px 0 44px 463px;} .js .tabmenu_car .cnt ul.foreign li dl dt{margin-bottom:14px;} .js .tabmenu_car .cnt ul.freight li:nth-child(1) a, .js .tabmenu_car .cnt ul.freight li:nth-child(3) a{margin-top:21px;} .js .tabmenu_car .wrap.on .tab a{background:#004af9; color: #fff; font-family:'Pretendard-Bold';} .js .tabmenu_car .wrap.on .cnt{display:block;} .js .tabmenu_car .cnt ul li a{width:125px; height:39px; line-height:39px; display: block; text-align: center; border-radius:6px; font-family:'Pretendard-Medium'; font-size:16px; background:#004af9; color: #fff; margin-top:30px; position:relative; z-index:2; border:1px solid #004af9;} .js .tabmenu_car .cnt ul li a span {-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;} .js .tabmenu_car .cnt ul li a:after {width:0%;height:100%;top:0;left:0; background:#fff; content:'';position:absolute;z-index:-1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s; border-radius:6px;} .js .tabmenu_car .cnt ul li a:hover span{color:#004af9} .js .tabmenu_car .cnt ul li a:hover:after {width: 100%} /* 인덱스 컨텐츠 영역 7 */ .compensation_main{text-align: center; height:619px;} .compensation_main:before{width:100%; height:619px; background:url('/site/sim0724/img/index/bg_ad02.webp') no-repeat; content:''; position: absolute; left:0; z-index:-1; background-size:cover;} .compensation_main h3{color: #272e40; line-height:1.3em;} .compensation_main h3 span.comment{color: #272e40; font-size:18px; font-family:'Pretendard-Regular'; line-height:1em; display: block; font-weight: normal; padding:62px 0 20px;} .compensation_main div{background:rgb(255,255,255); background: transparent\9; background:rgba(255,255,255,0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); position: relative; top:95px;} .compensation_main div ul{padding-bottom:63px; display: table; margin:50px auto 0;} .compensation_main div ul li{display: table-cell; padding:0 25px;} .compensation_main div ul li:nth-child(1):before{width:55px; height:44px; background:url('/site/sim0724/img/icon/ico_ad01.webp') no-repeat; margin:0 auto 15px; content:''; display: inline-block;} .compensation_main div ul li:nth-child(2):before{width:36px; height:44px; background:url('/site/sim0724/img/icon/ico_ad02.webp') no-repeat; margin:0 auto 15px; content:''; display: inline-block;} .compensation_main div ul li:nth-child(3):before{width:41px; height:33px; background:url('/site/sim0724/img/icon/ico_ad03.webp') no-repeat; margin:0 auto 20px; content:''; display: inline-block;} .compensation_main div ul li:nth-child(4):before{width:43px; height:43px; background:url('/site/sim0724/img/icon/ico_ad04.webp') no-repeat; margin:0 auto 15px; content:''; display: inline-block;} .compensation_main div ul li p{color: #797979; font-size:18px;} .compensation_main div ul li p span{color: #272e40; display: block; font-family:'Pretendard-Bold'; font-size:30px; font-weight: bold; letter-spacing:-0.05em; margin-bottom:15px; line-height:1em;} .compensation_main div ul li:last-child p span{display: inline-block;} #left_side, #right_side{z-index:5; width:180px;} #left_side{margin-left:-810px} #right_side{margin-right:-810px} .lately_area{border: none;} .lately_area p{width:180px; background:#004af9; font-family:'Pretendard-Bold'; height:40px; line-height:40px; border-top-left-radius:5px; border-top-right-radius:5px; overflow: hidden;} .lately_area ul{margin-top:0px; padding:8px 0 24px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-bottom-left-radius:5px; border-bottom-right-radius:5px; background:#fff;} .lately_area ul li{color: #606060; font-size:14px; border-top:1px solid #dcdcdc; width:150px; margin:9px auto 0;} .lately_area ul li:first-child{border-top: none;} .lately_area ul li span:last-child{padding:13px 0 12px;} .lately_area ul li img{width:150px; height:106px;} .lately_area a.topgo{background:#004af9; color: #fff; padding:0; font-weight: normal; width:52px; height:52px; border-radius:52px; margin:20px auto 0; text-indent: -9999px; display:grid; position: relative;} .lately_area a.topgo:before{display: block; width: 12px; height: 12px; border-top: 2px solid #fff; border-left: 2px solid #fff; border-bottom:none; border-right:none; content:''; position: absolute; left:20px; top:27px;} .lately_area a.topgo:before{transform: rotate(45deg);} .lately_area a.topgo::after{content: ""; display: block; width: 2px; height: 20px; margin:0 auto; background-color: #fff; transform: rotate(-45deg); left: 25px; top: 17px; position: absolute;} .lately_area a.topgo:after{transform: rotate(0deg);} .quick_advise{background:#fff; padding:0;} .quick_advise p{background: none; font-family:'Pretendard-Bold'; font-size:16px; color: #606060; padding:33px 0 7px; margin-bottom:0px; text-align: center; line-height:1em; letter-spacing:-0.05em} .quick_advise p:before{content:''; display: inline-block; width:30px; height:30px; border-radius:30px; background:#004af9 url('/site/sim0724/img/icon/ico_advise.webp') center no-repeat; vertical-align: top; position: relative; top:-7px; margin-right:7px;} .quick_advise .col_wrap_group{padding:0 14px 10px;} .quick_advise .btn_wrap{margin-bottom:5px !important;} .quick_advise .btn_wrap button{font-size:14px !important; border-radius:16px; background:#309d47 !important;} .quick_advise .check_wrap{margin-top:0px !important;} .quick_advise{border: none; border-radius:16px; box-shadow:2px 4px 10px rgba(0,0,0,0.1); -webkit-box-shadow:2px 4px 10px rgba(0,0,0,0.1); -moz-box-shadow:2px 4px 10px rgba(0,0,0,0.1);} .quick_advise .col_wrap{margin-top:0px;} .quick_advise .col_wrap .radio_wrap{width:73px; margin-bottom:0px;} .quick_advise .col_wrap .radio_wrap input + label{border-radius:15px; font-size:16px; height:29px; line-height:29px; background:#eaf2ff; border: none; color: #004af9 !important;} .quick_advise .col_wrap .radio_wrap label.representativeColor{color: #fff !important;} .quick_advise .input_wrap input{height:33px; line-height:33px; border-radius:16px; color: #8e8c8d; font-size:14px; padding:0 14px; font-family:'Pretendard-Regular';} .quick_advise .btn_wrap button{background:#4081e9 !important; font-family:'Pretendard-Regular'; height:33px; line-height:33px;} .quick_advise .btn_wrap button:after{content:''; display: inline-block; width:14px; height:14px; background:url('/site/sim0724/img/icon/ico_arrow.webp') no-repeat; transform: rotate(45deg); position: relative; top:2px; margin-left:2px;} .quick_advise .check_wrap label:before{width:18px; height:18px;} .quick_advise .input_wrap input:valid{background:#fff url('/site/sim0724/img/icon/ico_check.webp') 92% 50% no-repeat;} .quick_advise_menu{border-radius:16px; box-shadow:2px 4px 10px rgba(0,0,0,0.1); -webkit-box-shadow:2px 4px 10px rgba(0,0,0,0.1); -moz-box-shadow:2px 4px 10px rgba(0,0,0,0.1); padding:9px 0; background:#fff;} .quick_advise_menu ul li{} .quick_advise_menu ul li a{display: block; padding:11px 54px 11px 80px; position: relative; font-size:14px; letter-spacing:-0.05em} .quick_advise_menu ul li a:before{content:''; display: inline-block; position: absolute;} .quick_advise_menu ul li:nth-child(1) a:before{background:url('/site/sim0724/img/icon/ico_buy.webp') no-repeat; width:18px; height:22px; top:7px; left:43px;} .quick_advise_menu ul li:nth-child(2) a:before{background:url('/site/sim0724/img/icon/ico_sell.webp') no-repeat; width:24px; height:19px; top:7px; left:41px;} .quick_advise_menu ul li:nth-child(3) a:before{background:url('/site/sim0724/img/icon/ico_installment.webp') no-repeat; width:25px; height:24px; top:7px; left:43px;} .quick_advise_menu ul li a:hover{color: #004af9;} .quick_sns{} .quick_sns ul{display: flex;} .quick_sns ul li{display:inline-table; margin-right:10px;} .quick_sns ul li:last-child{margin-right:0px;} .quick_sns ul li a{box-shadow:2px 4px 10px rgba(0,0,0,0.1); -webkit-box-shadow:2px 4px 10px rgba(0,0,0,0.1); -moz-box-shadow:2px 4px 10px rgba(0,0,0,0.1); display: block; width:53px; height:53px; text-indent: -9999px; border-radius:53px;} .quick_sns ul li:nth-child(1) a{background:#004af9 url('/site/sim0724/img/icon/ico_tel02.webp') center no-repeat;} .quick_sns ul li:nth-child(2) a{background:#ffe70e url('/site/sim0724/img/icon/ico_kakao.webp') center no-repeat;} .quick_sns ul li:nth-child(3) a{background:#43c22e url('/site/sim0724/img/icon/ico_location.webp') center no-repeat;;} #footer{margin:0 auto !important; padding-top:0px !important; border-top: none !important;} #footer .ft_menu{border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;} #footer .ft_menu ul{width:1200px; margin:0 auto; display:table; text-align: right;} #footer .ft_menu ul li{display:inline-table; padding:0 23px;} #footer .ft_menu ul li:last-child{padding-right:96px;} #footer .ft_menu ul li a{font-size:15px; color: #707070; height:40px; line-height:40px;} #footer .ft_menu ul li a:hover{color: #004af9;} .footer_area #footer_image{width:auto;} .footer_area #footer_data{padding-bottom:0px !important; width:auto !important; margin-top:24px !important;} .footer_area #footer_data .ft_content ul{margin-top:25px;} .footer_area #footer_data .ft_content ul li{color: #676767; font-size:12px; line-height:1em; margin:0 20px 8px 0; display: inline-block;} .footer_area #footer_data .ft_content ul li:nth-child(4) ,.footer_area #footer_data .ft_content ul li:nth-child(5){display: block;} .footer_area #footer_data .ft_content p{margin-top:17px; font-size:12px; line-height:1em; margin-bottom:30px;} .footer_area #footer_data .ft_right{position: absolute; right:1px; top:40px;} .footer_area #footer_data .ft_right ul{display: table; margin-top:17px;} .footer_area #footer_data .ft_right ul.ft_sns{padding-left:66px;} .footer_area #footer_data .ft_right ul li{display: inline-table; padding-right:28px;} .footer_area #footer_data .ft_right ul li:first-child{padding-right:33px;} .footer_area #footer_data .ft_right ul li:last-child{padding-right:0px;} .footer_area #footer_data .ft_right ul li a{text-indent: -9999px; display: block;} .footer_area #footer_data .ft_right ul li:nth-child(1) a{width:16px; height:34px; background:url('/site/sim0724/img/icon/ico_sns_fb.webp') no-repeat;} .footer_area #footer_data .ft_right ul li:nth-child(2) a{width:35px; height:34px; background:url('/site/sim0724/img/icon/ico_sns_blog.webp') no-repeat;} .footer_area #footer_data .ft_right ul li:nth-child(3) a{width:34px; height:34px; background:url('/site/sim0724/img/icon/ico_sns_cafe.webp') no-repeat;} .dropbtn {background:#fff url('/site/sim0724/img/icon/ico_arrow_up.webp') 95% 50% no-repeat; font-size: 14px; color: #0f55f9; border:1px solid #0f55f9; width:212px; height:25px; line-height:25px; text-align: left; letter-spacing:-0.05em; font-family:'Pretendard-Medium'; padding:0 18px;} .dropup {position: relative; display: inline-block;} .dropup-content {display: none; position: absolute; min-width:327px; left:0px; bottom:25px; z-index: 1; padding:0px 0 11px 17px; border:1px solid #0f55f9; background:#fff;} .dropup-content ul li{padding:11px 0px; display: block; font-size:14px; color: #606060; letter-spacing:-0.05em; line-height:1em;} .dropup-content ul li span{font-family:'Pretendard-Medium'; color: #004af9;} .dropup:hover .dropup-content {display: block;} .dropup:hover .dropbtn {background:#fff url('/site/sim0724/img/icon/ico_arrow_down.webp') 95% 50% no-repeat;} .reveal{transform: translateY(200px); opacity: 0; transition: 1s all ease;} .reveal.active{transform: translateY(0); opacity: 1;} /* Subpage 공통 */ .sub_visual{height:361px; margin-bottom:20px;} .sub_visual .w_1200{padding:126px 0 0 100px;} .sub_visual h3{color: #fff; font-family:'Pretendard-Bold'; font-size:36px; color: #fff; line-height:1em; padding-bottom:24px; animation: tilt01 1s ease; opacity: 1;} .sub_visual.intro{background:url('/site/sim0724/img/introduce/img_subvisual01.webp') no-repeat; width:100%; background-size:cover; } .sub_visual.customer{background:url('/site/sim0724/img/consulting/img_consulting.webp') no-repeat; width:100%; background-size:cover; } .sub_visual.customer h3{font-size:42px; line-height:1.3em; color: #333; letter-spacing:-0.05em} .sub_visual.customer h3 span{color: #004af9;} .sub_visual.customer .w_1200{padding-left:0px;} .sub_visual p{color: #fff; font-size:16px; line-height:1em; animation: tilt02 1.2s ease; opacity: 1;} .board_wrap .side_nav{width:188px;} .board_wrap .side_nav h4{border-radius:6px; width:188px; height:94px; background:#004af9 url('/site/sim0724/img/introduce/img_logo.webp') center center no-repeat; background-size:154px 46px; text-indent: -9999px;} .board_wrap .side_nav ul{border: none; margin-top:10px;} .board_wrap .side_nav li{padding:0; font-size: 16px; margin-bottom:10px; position: relative;} .board_wrap .side_nav a{color: #606060; border:1px solid #d1d1d1; height:46px; line-height:46px; display: block; font-weight: normal; border-radius:6px; padding-left:22px; letter-spacing:-0.05em} .board_wrap .side_nav a:hover{font-weight: bold; color:#004af9; border:1px solid #004af9;} .board_wrap .side_nav a:hover:before{width:13px; height:1px; background:#004af9; position: absolute; top:23px; right:19px; content:''; display: inline-block;} .board_wrap .side_nav a.on{font-weight: bold; color:#004af9; border:1px solid #004af9;} .board_wrap .side_nav a.on:before{width:13px; height:1px; background:#004af9; position: absolute; top:23px; right:19px; content:''; display: inline-block;} .board_wrap .side_nav ul li ul li{margin-bottom:0px;} .board_wrap .side_nav ul li ul li a{border: none; height:35px; line-height:35px; padding:0 0 0 39px;} .board_wrap .side_nav ul li ul li a:hover{border: none;} .board_wrap .side_nav ul li ul li a.on{border: none;} .board_wrap .side_nav ul li ul li a:hover:before{width:6px; height:1px; top:17px; right:auto; left:26px;} .board_wrap .side_nav ul li ul li a.on:before{width:6px; height:1px; top:17px; right:auto; left:26px;} .board_wrap .sub_content{float: right; width:984px; margin:10px 0 50px; position: relative;} .board_wrap .location{color: #000; font-size:14px; letter-spacing:-0.05em; margin:8px 0 30px;} .board_wrap .location span{line-height:1em; position: relative; top:0.5px; color: #8e8c8d;} .board_wrap .location span.ico_home{width:17px; height:16px; text-indent:-9999px; background:url('/site/sim0724/img/icon/ico_home.webp') no-repeat; display: inline-block; position: relative; top:-1px;} .board_wrap .location span.on{color:#004af9; } .board_wrap .location span.arrow_right{width:9px; height:9px; transform: rotate(135deg); border-top:1px solid #8e8c8d; border-left:1px solid #8e8c8d; display: inline-block; margin:0 11px; position: relative; top:0px} .board_wrap .main_content{width:984px; margin:0px 0 50px; position: relative;} /* 회사소개 */ .sub_content .introduce h5{width:100%; height:304px; border-radius:20px; background:#004af9; text-align: center; font-size:32px; color: #fff; font-weight: normal; letter-spacing:-0.05em; line-height:1.3em; margin-bottom:54px;} .sub_content .introduce h5 span{font-size:16px; font-weight: normal; display: block; line-height:1em; padding:45px 0 0; letter-spacing:-0.02em;} .sub_content .introduce h5 span:after{width:82px; height:83px; content:''; display:block; margin:22px auto 24px; background:url('/site/sim0724/img/icon/ico_logo.webp') no-repeat;} .sub_content .introduce h5 strong{font-family:'Pretendard-Bold';} .sub_content .introduce ul{} .sub_content .introduce ul li{clear: both; overflow: hidden;} .sub_content .introduce ul li:nth-child(1){margin-bottom:30px;} .sub_content .introduce ul li:nth-child(2){margin-bottom:73px;} .sub_content .introduce ul li:nth-child(3){padding-top:10px;} .sub_content .introduce ul li p{float: left; margin-right:40px; width:160px; text-align: center; font-weight: bold; font-size:20px; color: #333; letter-spacing:-0.05em; line-height:1.7em;} .sub_content .introduce ul li p:before{width:160px; height:160px; border-radius:160px; content:''; display: block; margin-bottom:23px;} .sub_content .introduce ul li:nth-child(1) p:before{background:url('/site/sim0724/img/introduce/img_introduce01.webp') top no-repeat;} .sub_content .introduce ul li:nth-child(2) p:before{background:url('/site/sim0724/img/introduce/img_introduce02.webp') top no-repeat;} .sub_content .introduce ul li:nth-child(3) p:before{background:url('/site/sim0724/img/introduce/img_introduce03.webp') top no-repeat;} .sub_content .introduce ul li dl{float: left;} .sub_content .introduce ul li:nth-child(1) dl{margin-top:9px;} .sub_content .introduce ul li:nth-child(2) dl{margin-top:14px;} .sub_content .introduce ul li:nth-child(3) dl{margin-top:-7px;} .sub_content .introduce ul li dl dt{color: #333; font-weight: bold; font-size:24px; letter-spacing:-0.05em; line-height:1.5em; margin-bottom:15px;} .sub_content .introduce ul li dl dt:before{width:18px; height:3px; display: block; background:#004af9; margin-bottom:15px; content:'';} .sub_content .introduce ul li dl dd{color: #606060; font-size:18px; line-height:1.7em; letter-spacing:-0.05em} /* 홈서비스 */ .sub_content .homeservice h5{width:100%; height:331px; border-radius:20px; background:#e8efff; font-size:36px; color: #333; letter-spacing:-0.05em; line-height:1.3em; margin-bottom:65px; text-align: left; font-family:'Pretendard-Bold'; padding:70px 0 0 54px;} .sub_content .homeservice h5 span{color: #004af9; display:block;} .sub_content .homeservice h5 p{color: #606060; font-size:20px; line-height:1.6em; font-weight: normal; font-family:'Pretendard-Regular'; letter-spacing:-0.03em; margin-top:20px;} .sub_content .homeservice h5:before{content:''; display: inline-block; width:286px; height:383px; background:url('/site/sim0724/img/introduce/img_hand.webp') no-repeat; position: absolute; top:4px; right:122px;} .sub_content .homeservice .merit{margin-bottom:90px;} .sub_content .homeservice .merit h6{text-align: center; font-size:36px; font-family:'Pretendard-Bold'; line-height:1em; padding:0 0 30px;} .sub_content .homeservice .merit h6 span{color: #004af9;} .sub_content .homeservice .merit h6:before{width:52px; height:52px; content:''; display: block; background:url('/site/sim0724/img/icon/ico_home02.webp') no-repeat; background-size:100%; margin:0 auto 25px;} .sub_content .homeservice .merit ol li{width:483px; border:1px solid #e9e9e9; border-radius:20px; padding:38px 0 60px 35px; margin-bottom:20px;} .sub_content .homeservice .merit ol li:before{width:109%; height:276px; content:''; display: block; position: relative; top:-38px; left:-36px;} .sub_content .homeservice .merit ol li:nth-child(1):before{background:url('/site/sim0724/img/introduce/img_homeservice01.webp') no-repeat;} .sub_content .homeservice .merit ol li:nth-child(2):before{background:url('/site/sim0724/img/introduce/img_homeservice02.webp') no-repeat;} .sub_content .homeservice .merit ol li:nth-child(3):before{background:url('/site/sim0724/img/introduce/img_homeservice03.webp') no-repeat;} .sub_content .homeservice .merit ol li:nth-child(4):before{background:url('/site/sim0724/img/introduce/img_homeservice04.webp') no-repeat;} .sub_content .homeservice .merit ol li:nth-child(odd){float: left; margin-right:18px;} .sub_content .homeservice .merit ol li:nth-child(even){float: right;} .sub_content .homeservice .merit ol li p{width:101px; height:40px; line-height:40px; border-radius:30px; font-size:20px; color: #fff; font-family:'Pretendard-Bold'; background:#004af9; text-align: center; letter-spacing:-0.05em} .sub_content .homeservice .merit ol li dl dt{color: #333; font-family:'Pretendard-Bold'; font-size:31px; line-height:1em; letter-spacing:-0.05em; padding:25px 0 20px;} .sub_content .homeservice .merit ol li dl dd{color: #1c1c1c; font-size:23px; line-height:1.5em; letter-spacing:-0.05em} .sub_content .homeservice .question_form ul li:nth-child(4){width:384px; float: left;} .sub_content .homeservice .question_form ul li:nth-child(5){width:396px; float: right;} /* 헛걸음 보상제 */ .sub_content .compensation h5{width:100%; height:331px; border-radius:20px; background:#e8efff; font-size:36px; color: #333; letter-spacing:-0.05em; line-height:1.3em; margin-bottom:30px; text-align: left; font-family:'Pretendard-Bold'; padding:50px 0 0 54px; position: relative;} .sub_content .compensation h5 span{color: #004af9; display:inline-block;} .sub_content .compensation h5 p{color: #606060; font-size:20px; line-height:1.6em; font-weight: normal; font-family:'Pretendard-Regular'; letter-spacing:-0.03em; margin-top:20px;} .sub_content .compensation h5:before{content:''; display: inline-block; width:256px; height:256px; background:#fff; position: absolute; top:35px; right:84px; border-radius:256px} .sub_content .compensation h5:after{content:''; display: inline-block; width:278px; height:214px; background:url('/site/sim0724/img/introduce/img_compensation.webp') no-repeat; position: absolute; top:80px; right:114px;} .sub_content .compensation .method{margin-bottom:25px;} .sub_content .compensation .method h6{text-align: center; font-size:36px; font-family:'Pretendard-Bold'; line-height:1em; padding:0 0 53px;} .sub_content .compensation .method h6 span{color: #004af9;} .sub_content .compensation .method h6:before{width:61px; height:61px; content:''; display: block; background:url('/site/sim0724/img/icon/ico_compensation.webp') no-repeat; background-size:100%; margin:0 auto 23px;} .sub_content .compensation .method ol{display: table; margin:0 auto;} .sub_content .compensation .method ol li{text-align: center; position: relative; display: table-cell; font-size:20px; line-height:1.4em; letter-spacing:-0.05em; padding:0 39px;} .sub_content .compensation .method ol li:before{width:198px; height:198px; display:block; content:''; border-radius:198px; margin:0 auto 20px;} .sub_content .compensation .method ol li:nth-child(1):before{background:#e8efff url('/site/sim0724/img/icon/ico_method01.webp') center no-repeat;} .sub_content .compensation .method ol li:nth-child(2):before{background:#e8efff url('/site/sim0724/img/icon/ico_method02.webp') center no-repeat;} .sub_content .compensation .method ol li:nth-child(3):before{background:#e8efff url('/site/sim0724/img/icon/ico_method03.webp') center no-repeat;} .sub_content .compensation .method ol li:after{width:14px; height:14px; border-right:2px solid #004af9; border-bottom:2px solid #004af9; content:''; display: block; transform: rotate(-45deg); position: absolute; top:99px; right:0px;} .sub_content .compensation .method ol li:last-child:after{display: none;} .sub_content .compensation .method ol li span{width:37px; height:37px; line-height:37px; background:#004af9; font-size:16px; font-family:'Pretendard-Bold'; position: absolute; right:64px; top:0px; color: #fff; border-radius:37px} .sub_content .compensation .compensation_content{margin-bottom:60px; text-align: center;} .sub_content .compensation .compensation_content h6{text-align: center; font-size:36px; font-family:'Pretendard-Bold'; line-height:1em; padding:0 0 30px;} .sub_content .compensation .compensation_content h6 span{color: #004af9;} .sub_content .compensation .compensation_content h6:before{width:61px; height:61px; content:''; display: block; background:url('/site/sim0724/img/icon/ico_compensation.webp') no-repeat; background-size:100%; margin:0 auto 23px;} .sub_content .compensation .compensation_content p{color: #606060; font-size:20px; line-height:1.5em; letter-spacing:-0.05em} .sub_content .compensation .compensation_content p span{color: #004af9; font-family:'Pretendard-Bold';} .sub_content .compensation .compensation_content p.fs24{font-size:24px} .sub_content .compensation .compensation_content ul{margin:55px auto 20px; width:80%;} .sub_content .compensation .compensation_content ul li{border-radius:16px; box-shadow:2px 4px 10px rgba(0,0,0,0.1); -webkit-box-shadow:2px 4px 10px rgba(0,0,0,0.1); -moz-box-shadow:2px 4px 10px rgba(0,0,0,0.1); width:196px; height:229px; color: #1c1c1c; font-family:'Pretendard-Bold'; font-size:20px; margin:0 10.5px 31px 10.5px; line-height:1.5em; letter-spacing:-0.05em; padding-top:135px; display: inline-table; position: relative;} .sub_content .compensation .compensation_content ul li:before{content:''; display: inline-block; margin:0 auto; position: absolute; top:54px; left:36%;} .sub_content .compensation .compensation_content ul li:nth-child(1):before{background:url('/site/sim0724/img/icon/ico_compensation_content01.webp') no-repeat; width:58px; height:46px; top:63px;} .sub_content .compensation .compensation_content ul li:nth-child(2):before{background:url('/site/sim0724/img/icon/ico_compensation_content02.webp') no-repeat; width:46px; height:55px; left:38%;} .sub_content .compensation .compensation_content ul li:nth-child(3):before{background:url('/site/sim0724/img/icon/ico_compensation_content03.webp') no-repeat; width:56px; height:56px;} .sub_content .compensation .compensation_content ul li:nth-child(4):before{background:url('/site/sim0724/img/icon/ico_compensation_content04.webp') no-repeat; width:60px; height:48px; top:58px; left:35%;} .sub_content .compensation .compensation_content ul li:nth-child(5):before{background:url('/site/sim0724/img/icon/ico_compensation_content05.webp') no-repeat; width:65px; height:58px; left:35%;} .sub_content .compensation .compensation_content ul li span{display: block; font-family:'Pretendard-Regular'; font-size:16px;} .sub_content .compensation .compensation_content span.careful{color: #d74b4b; font-size:24px; font-weight: bold; background:#ffefef; border-radius:16px; line-height:1em; width:762px; height:82px; line-height:82px; display: block; margin:20px auto 0; letter-spacing:-0.05em} .sub_content .compensation .compensation_content span.careful:before{content:''; display: inline-block; width:29px; height:28px; background: url('/site/sim0724/img/icon/ico_careful.webp') no-repeat; margin-right:10px; position: relative; top:5px;} .sub_content .compensation .question_form h6:before{width:65px; height:65px; content:''; display: block; background:url('/site/sim0724/img/icon/ico_question.webp') no-repeat; background-size:100%; margin:0 auto 25px;} /* 클린 시스템 */ .sub_content .clean h5{width:100%; height:331px; border-radius:20px; background:#e8efff; font-size:36px; color: #333; letter-spacing:-0.05em; line-height:1.3em; margin-bottom:30px; text-align: left; font-family:'Pretendard-Bold'; padding:64px 0 0 54px; position: relative;} .sub_content .clean h5 span{color: #004af9; display:block;} .sub_content .clean h5 p{color: #606060; font-size:20px; line-height:1.6em; font-weight: normal; font-family:'Pretendard-Regular'; letter-spacing:-0.03em; margin-top:20px;} .sub_content .clean h5:before{content:''; display: inline-block; width:256px; height:256px; background:#fff; position: absolute; top:35px; right:84px; border-radius:256px} .sub_content .clean h5:after{content:''; display: inline-block; width:258px; height:230px; background:url('/site/sim0724/img/introduce/img_clean.webp') no-repeat; position: absolute; top:69px; right:111px;} .sub_content .clean .process{margin-top:70px;} .sub_content .clean .process h6{text-align: center; font-size:46px; font-family:'Pretendard-Bold'; line-height:1em; padding:0 0 45px; letter-spacing:-0.05em} .sub_content .clean .process h6 span{color: #004af9;} .sub_content .clean .process h6:before{width:67px; height:67px; line-height:67px; content:'01'; display: block; background:#004af9; margin:0 auto 35px; border-radius:9px; color: #fff; letter-spacing:-0.05em} .sub_content .clean .process ol{background:#f9fafc; border-radius:16px; text-align: center; padding:74px 0 81px;} .sub_content .clean .process ol li{border-radius:16px; box-shadow:2px 4px 10px rgba(0,0,0,0.1); -webkit-box-shadow:2px 4px 10px rgba(0,0,0,0.1); -moz-box-shadow:2px 4px 10px rgba(0,0,0,0.1); background:#fff; width:385px; height:504px; text-align: center; display: inline-table; margin-bottom:39px; position: relative;} .sub_content .clean .process ol li:nth-child(odd){margin-right:39px;} .sub_content .clean .process ol li:nth-child(3), .sub_content .clean .process ol li:nth-child(4){margin-bottom:0px;} .sub_content .clean .process ol li span{background:#004af9; border-radius:7px; width:42px; height:42px; line-height:42px; color: #fff; font-family:'Pretendard-Bold'; content:''; display: inline-block; text-align: center; font-size:23px; position: absolute; right:19px; top:16px; letter-spacing:-0.05em} .sub_content .clean .process ol li dl dt{line-height:1em; font-size:36px; font-family:'Pretendard-Bold'; color: #004af9; padding-top:52px; letter-spacing:-0.05em} .sub_content .clean .process ol li dl dd:before{content:''; margin:22px auto 20px; width:241px; height:241px; display: block;} .sub_content .clean .process ol li:nth-child(1) dl dd:before{background:url('/site/sim0724/img/introduce/img_process01.webp') center no-repeat;} .sub_content .clean .process ol li:nth-child(2) dl dd:before{background:url('/site/sim0724/img/introduce/img_process02.webp') center no-repeat;} .sub_content .clean .process ol li:nth-child(3) dl dd:before{background:url('/site/sim0724/img/introduce/img_process03.webp') center no-repeat;} .sub_content .clean .process ol li:nth-child(4) dl dd:before{background:url('/site/sim0724/img/introduce/img_process04.webp') center no-repeat;} .sub_content .clean .process ol li dl dd{color: #333; font-size:23px; line-height:1.5em; letter-spacing:-0.05em} .sub_content .clean .system{text-align: center; margin-top:89px;} .sub_content .clean .system h6{text-align: center; font-size:46px; font-family:'Pretendard-Bold'; line-height:1em; padding:0 0 70px; letter-spacing:-0.05em} .sub_content .clean .system h6 span{color: #004af9;} .sub_content .clean .system h6:before{width:67px; height:67px; line-height:67px; content:'02'; display: block; background:#004af9; margin:0 auto 35px; border-radius:9px; color: #fff; letter-spacing:-0.05em} .sub_content .clean .system p{color: #606060; font-size:26px; line-height:1.5em; letter-spacing:-0.05em; } .sub_content .clean .system p span{font-family:'Pretendard-Bold'; color: #004af9;} .sub_content .clean .system p span.underline{color: #606060; border-bottom:1px solid #606060; font-family:'Pretendard-Regular';} .sub_content .clean .system p span.redline{color: #d74b4b; position: relative; } .sub_content .clean .system p span.redline:before{background:#f9e4e4; height:18px; position: absolute; bottom:-4px; width:102%; left:-8px; content:''; display: inline-block; z-index:-1; } .sub_content .clean .system span.banner{width:645px; height:87px; line-height:87px; margin:22px auto 0; background:#004af9; border-radius:12px; text-align: center; font-family:'Pretendard-Bold'; display: block; color: #fff; font-size:41px; letter-spacing:-0.05em} .sub_content .clean .system span.banner:before{content:''; display: inline-block; width:59px; height:59px; background:url('/site/sim0724/img/icon/ico_logo.webp') no-repeat; background-size:100%; margin-right:16px; position: relative; top:15px;} .sub_content .clean .system img{margin-bottom:50px;} .sub_content .clean .system img.img{margin:110px 0 60px;} .sub_content .clean .cooperation{text-align: center; margin-top:127px;} .sub_content .clean .cooperation h6{text-align: center; font-size:46px; font-family:'Pretendard-Bold'; line-height:1em; padding:0 0 55px; letter-spacing:-0.05em} .sub_content .clean .cooperation h6 span{color: #004af9;} .sub_content .clean .cooperation h6:before{width:67px; height:67px; line-height:67px; content:'03'; display: block; background:#004af9; margin:0 auto 35px; border-radius:9px; color: #fff; letter-spacing:-0.05em} .sub_content .clean .cooperation p{color: #606060; font-size:26px; line-height:1.5em; letter-spacing:-0.05em; margin-bottom:60px;} .sub_content .clean .cooperation p span{font-family:'Pretendard-Bold'; color: #004af9;} /* 오시는길 */ .sub_content .waytocome h5{width:100%; height:331px; border-radius:20px; background:#e8efff; font-size:36px; color: #333; letter-spacing:-0.05em; line-height:1.3em; margin-bottom:30px; text-align: left; font-family:'Pretendard-Bold'; padding:64px 0 0 54px; position: relative;} .sub_content .waytocome h5 span{color: #004af9; display:block;} .sub_content .waytocome h5 p{color: #606060; font-size:20px; line-height:1.6em; font-weight: normal; font-family:'Pretendard-Regular'; letter-spacing:-0.03em; margin-top:20px;} .sub_content .waytocome h5:before{content:''; display: inline-block; width:256px; height:256px; background:#fff; position: absolute; top:35px; right:84px; border-radius:256px} .sub_content .waytocome h5:after{content:''; display: inline-block; width:355px; height:240px; background:url('/site/sim0724/img/introduce/img_map.webp') no-repeat; position: absolute; top:51px; right:87px;} .sub_content .waytocome h6{text-align: center; font-size:36px; font-family:'Pretendard-Bold'; line-height:1em; padding:86px 0 63px; letter-spacing:-0.05em} .sub_content .waytocome h6 span{color: #004af9;} .sub_content .waytocome img{margin:0 auto 59px;} .sub_content .waytocome ul li{margin-bottom:52px; position: relative;} .sub_content .waytocome ul li:before{box-shadow:2px 4px 10px rgba(0,0,0,0.1); -webkit-box-shadow:2px 4px 10px rgba(0,0,0,0.1); -moz-box-shadow:2px 4px 10px rgba(0,0,0,0.1); width:96px; height:96px; border:1px solid #e4e4e4; border-radius:16px; content:''; display: inline-block; vertical-align: top; position: absolute; top:0px; left:0px;} .sub_content .waytocome ul li:nth-child(1):before{background:#fff url('/site/sim0724/img/icon/ico_waytocome01.webp') center no-repeat;} .sub_content .waytocome ul li:nth-child(2):before{background:#fff url('/site/sim0724/img/icon/ico_waytocome02.webp') center no-repeat;} .sub_content .waytocome ul li:nth-child(2) span{display: inline-block; background:#00aeab; color: #fff; border-radius:3px; padding:4px 10px;} .sub_content .waytocome ul li:nth-child(3):before{background:#fff url('/site/sim0724/img/icon/ico_waytocome03.webp') center no-repeat;} .sub_content .waytocome ul li:nth-child(3) span{display: inline-block; background:#ffb600; color: #fff; border-radius:12.34px; padding:5px 18px; font-family:'Pretendard-Bold';} .sub_content .waytocome ul li:nth-child(4):before{background:#fff url('/site/sim0724/img/icon/ico_waytocome04.webp') center no-repeat;} .sub_content .waytocome dl{margin-left:132px;} .sub_content .waytocome dl dt{font-size:30px; color: #333; font-family:'Pretendard-Bold'; letter-spacing:-0.05em; line-height:1em; padding:12px 0 15px;} .sub_content .waytocome dl dd{color: #606060; font-size:25px; letter-spacing:-0.05em; line-height:1em;} .sub_content .waytocome dl dd ul li{display: inline-block; margin-bottom:0;} .sub_content .waytocome dl dd ul li:before{display: none;} .sub_content .waytocome dl dd ul li:last-child span{background:#5fb73c; margin-left:8px;} .sub_content .question_form{background:#f2f3f8; border-radius:22px; padding:83px 95px 55px;} .sub_content .question_form h6{text-align: center; font-size:45px; font-family:'Pretendard-Bold'; line-height:1em; padding:0 0 30px; letter-spacing:-0.05em; color: #333;} .sub_content .question_form h6 span{color: #004af9;} .sub_content .question_form h6:before{width:67px; height:66px; content:''; display: block; background:url('/site/sim0724/img/icon/ico_home02.webp') no-repeat; background-size:100%; margin:0 auto 25px;} .sub_content .question_form ul li{margin-bottom:45px;} .sub_content .question_form ul li:last-child{margin-bottom:16px;} .sub_content .question_form ul li label{color: #004af9; font-size:27px; line-height:1em; margin-bottom:20px; display: block; letter-spacing:-0.05em} .sub_content .question_form ul li textarea, .sub_content .question_form ul li input{width:100%; border-radius:12px; font-size:27px; font-family:'Pretendard-Regular'; width:100%; border:1px solid #d1d1d1;} .sub_content .question_form ul li input::placeholder, .sub_content .question_form ul li textarea::placeholder{color: #b0b0b0; font-size:22px;} .sub_content .question_form ul li input{height:94px; padding:0 27px;} .sub_content .question_form ul li.chk input:valid{background:#fff url('/site/sim0724/img/icon/ico_checkmark.webp') 97% 50% no-repeat;} .sub_content .question_form ul li textarea:focus, .sub_content .question_form ul li input:focus{border-color: #b9ceff;} .sub_content .question_form ul li textarea{height:304px; padding:35px 27px;} .sub_content .question_form p{margin-bottom:45px;} .sub_content .question_form p input{width:23px; height:23px; background:#fff; border-radius:2px; vertical-align:top; appearance:auto; margin-top:0px;} .sub_content .question_form p label{font-size:18px; color: #606060;} .sub_content .question_form p label span{color: #004af9;} .sub_content .question_form p span.terms-btn{border:1px solid #7ba2ff; border-radius:5px; text-align: center; color: #719bff; width:72px; height:28px; line-height:28px; display: inline-block; margin-left:10px; position: relative; top:-3px; background:#edf2ff; letter-spacing:-0.05em} .sub_content .question_form button{width:100%; border-radius:12px; background:#004af9; height:122px; line-height:122px; font-family:'Pretendard-Bold'; font-size:35px; color: #fff;} .request_box.request_table{margin-left:0px;} .request_box.request_table .request_form_title{} .request_box.request_table .request_form_title h3{font-family:'Pretendard-Regular'; color: #005df4; font-weight: bold; margin-top:24px; font-size:36px;} .request_box.request_table table{border-color: #005df4; width:983px;} .request_box.request_table table tr th{text-align: center; text-indent:0px; background:#e9f3ff; color: #434343; font-size:24px; font-weight: normal; font-family:'Pretendard-Bold';} .request_box.request_table input::placeholder, .request_box.request_table textarea::placeholder{color: #8e8c8d !important;} .request_box p.last_p1{margin-bottom:60px;} .request_box p .info_btn1 a{background:#005df4; border-radius:4px; padding-left:7px; padding-right:7px; position: relative; top:-1px;} .request_box.request_table button{width:250px; height:75px; line-height:75px; background:#1665c2 !important; border-radius:10px; font-size:28px; padding:0; letter-spacing:-0.05em; font-family:'Pretendard-Regular';} .private{font-size:14px; line-height:1.4em;} .private p.private_txt{font-size:16px; line-height:1.6em;} .private ol.private_tit{margin:10px 0;} .private ol.private_tit li{font-size:18px; font-weight: bold; line-height:1.4em;} .private h4{font-size:16px; margin:20px 0 10px;} .private dl dt{font-weight: bold; font-size:15px; margin:10px 0 5px;} .private dl dd{} .private ul li{margin-bottom:5px;} .private ul.day_txt{margin-top:20px;} .private ul.day_txt li{font-size:15px} .w_1200{width:1200px; margin:0 auto;} /* Keyframe */ @keyframes tilt01{ 0% { opacity: 0; } 20% { transform: translateX(80px); opacity: 0; } 100% { opacity: 1; } } @keyframes tilt02{ 0% { opacity: 0; } 30% { transform: translateX(100px); opacity: 0; } 100% { opacity: 1; } } .quick_advise .check_wrap button{background: none !important; color: #b2b2b2 !important; font-size:11px !important; border-bottom:1px solid #b2b2b2 !important; width:22px !important; height:16px !important; bottom:1px !important;} /* rightSide */ @charset 'utf-8'; /* Right Side */ #right_side .border_box { overflow: hidden; position: relative; padding: 10px; letter-spacing: -.05em; background-color: #fff; } #right_side .btn_counseling { display: block; } #right_side .border_box + .border_box, #right_side .border_box + .btn_counseling, #right_side .btn_counseling + .border_box { margin-top: 10px; } #right_side .border_box p { margin: 0 0 10px; padding-bottom: 4px; border-bottom: 3px solid #ccc; color: #000; font-size: 14px; text-align: center; } #right_side .border_box p.inclued_ico { margin-bottom: 15px; padding: 8px 0 0 27px; border-bottom: 0; text-align: left; background: url('/site/sim0724/img/basic/icon/icon_01.webp') no-repeat left top; } #right_side .border_box p.type02 { margin: 0; padding: 0 0 6px; color: #666; font-weight: 700; } #right_side .col_wrap { overflow: hidden; margin-top: 3px; } #right_side .col_wrap .radio_wrap { float: left; width: 62px; text-align: center; } #right_side .col_wrap .radio_wrap + .radio_wrap { margin-left: 3px; } #right_side .col_wrap .radio_wrap input + label { display: block; width: 100%; height: 32px; border: 1px solid #ccc; font-size: 14px; line-height: 32px; } #right_side .col_wrap .radio_wrap input:checked + label { /*border-color: #1978d1;*/ color: #fff; /*background-color: #1978d1;*/ } #right_side .input_wrap { margin-top: 8px; } #right_side .input_wrap input { width: 100%;; height: 27px; padding: 0 4px; color: #212121; line-height: 27px; } #right_side .input_wrap input::placeholder { color: #777; } #right_side .check_wrap { margin-top: 9px; } #right_side .check_wrap input + label { display: block; position: relative; padding-left: 21px; font-size: 12px; line-height: 20px; } #right_side .check_wrap label:before { content: ''; display: inline-block; position: absolute; top: 2px; bottom: 1px; left: 0; width: 16px; height: 16px; margin-right: 10px; background-color: #aaa; box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .3), 0 1px 0 0 rgba(255, 255, 255, .8); } #right_side .check_wrap input[type='checkbox'] { display: none; } #right_side .check_wrap label:before { border-radius: 3px; } #right_side .check_wrap input[type='checkbox']:checked + label:before { content: '\2713'; color: #f3f3f3; font-size: 15px; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); line-height: 18px; /*background-color: #1978d1;*/ } #right_side .check_wrap input:checked + label:before { /*border-color: #1978d1; background-color: #1978d1;*/ } #right_side .check_wrap button { position: absolute; right: 0; bottom: 1px; width: 47px; height: 20px; padding: 0; color: #fff; font-size: 11px; text-align: center; letter-spacing: -.05em; background-color: #b5b5b5; } #right_side .check_wrap + .btn_wrap { margin-top: 10px; } #right_side .btn_wrap button { width: 100%; height: 30px; color: #fff; font-size: 16px; text-align: center; line-height: 30px; /*background-color: #1978d1;*/ } #right_side .select_wrap { line-height: 100%; } #right_side .select_wrap + .select_wrap { margin-top: 5px; } #right_side .select_wrap select { vertical-align: top; height: 24px; padding: 0 3px; border: 1px solid #ccc; color: #000; font-size: 12px; } #right_side label { display: block; font-size: 12px; font-weight: 700; line-height: 14px; } #right_side .select_wrap + label { margin-top: 13px; } #right_side label + .input_wrap { margin-top: 3px; } #right_side .input_wrap + .btn_wrap { margin-top: 5px; } #right_side .recently_view { margin: 0 -10px; padding-bottom: 19px; } #right_side .recently_view li { height: 154px; padding: 10px 0 12px; border-top: 1px solid #bdbdbd; } #right_side .recently_view li:first-child { border-top: 0; } #right_side .recently_view li a { display: block; width: 138px; margin: 0 auto; text-align: center; } #right_side .recently_view li span { display: block; border: 1px solid #ccc; font-size: 13px; line-height: 1.5; } #right_side .recently_view li p { margin: 0; padding: 6px 0 6px; border: 0; color: #585858; font-size: 11px; font-weight: 400; line-height: 14px; } #right_side .totop { display: block; overflow: hidden; position: absolute; bottom: 0; left: 0; width: 150px; height: 21px; padding: 3px 0 0; color: #333; font-size: 12px; font-weight: 700; text-align: center; background-color: #c5c5c5; } #right_side .totop:before { content: ''; display: inline-block; vertical-align: middle; margin: -10px 4px 0 0; border-top: 9px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid #333; border-left: 5px solid transparent; } /* 핸드폰문자보내기 */ #right_side .phone_sms_word_banner{width:150px; padding-bottom:2px;overflow: hidden; position: relative; line-height: 1.2; height:316px; background:url('/site/sim0724/img/basic/common/sms_banner.webp')0 0 no-repeat; margin-bottom: 8px;} #right_side .phone_sms_word_banner input[type="text"] {height:27px; border:1px solid #ccc; width: 121px; padding-left: 3px;} #right_side .phone_sms_word_banner .sms_cont1{ overflow: hidden; position: absolute; top:55px; left:11px; } #right_side .phone_sms_word_banner .sms_cont1 textarea{ width:122px; height:45px;border:1px solid #ccc;} #right_side .phone_sms_word_banner .sms_cont1 .byte{float:right;} #right_side .phone_sms_word_banner .sms_cont2{ overflow: hidden; position: absolute; top:110px; left:11px; width:130px;} #right_side .phone_sms_word_banner .sms_cont2 span{display: inline-block;vertical-align: middle;} #right_side .phone_sms_word_banner .sms_cont2 label{ margin:5px 0; display: block;} #right_side .phone_sms_word_banner .sms_cont2 select{width:50px; float:left; height:26px;} #right_side .phone_sms_word_banner .sms_cont2 .sms_txt{width:50px; float:left;} #right_side .phone_sms_word_banner .sms_btn a{position: absolute; bottom:7px; left:37px;display: block; overflow: hidden; width:72px; height:31px; background:url('/site/sim0724/img/basic/common/sms_btn.webp')0 0 no-repeat;} #sms_mobile_design_submit {position: absolute; bottom:7px; left:37px;display: block; overflow: hidden; width:72px; height:31px; background:url('/site/sim0724/img/basic/common/sms_btn.webp')0 0 no-repeat;} #right_side .phone_sms_word_banner .sms_cont2 p.last_p1 {overflow:hidden; position: relative; margin:0px 0 0 0;} #right_side .phone_sms_word_banner .sms_cont2 p.last_p1 label{display:inline-block;cursor:pointer;position:relative;padding-left:18px;line-height:1.3em; text-align:left;font-size:12px;} #right_side .phone_sms_word_banner .sms_cont2 p.last_p1 label:before{content:"";display:inline-block;width:16px;height:16px;margin-right:10px;position:absolute;left:0;top:2px; bottom:1px;background-color:#aaa;box-shadow:inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);} #right_side .phone_sms_word_banner.check_wrap button {position: absolute;right: 0;bottom: 1px;width: 47px;height: 20px;padding: 0;color: #fff;font-size: 11px;text-align: center; letter-spacing: -.05em;background-color: #b5b5b5;} #right_side .phone_sms_word_banner .sms_cont2 p.last_p1 input[type='checkbox']{display:none;} #right_side .phone_sms_word_banner .sms_cont2 p.last_p1 label:before{border-radius:3px;} #right_side .phone_sms_word_banner .sms_cont2 p.last_p1 input[type='checkbox']:checked + label:before{content:"\2713";text-shadow:1px 1px 1px rgba(0, 0, 0, .2);font-size:15px;color:#f3f3f3;text-align:center;background-color:#555;line-height:15px;} #right_side .phone_sms_word_banner .sms_cont2 p .last_label1{font-size:11px;width:auto;letter-spacing:-1px;} #right_side .phone_sms_word_banner .sms_cont2 p .info_btn1{position: absolute; right:4px; bottom:0px;} #right_side .phone_sms_word_banner .sms_cont2 p .info_btn1 a{display:inline-block;float:right;height:20px;line-height:20px;font-size:11px;padding:0 3px;color:#fff;background-color:#b5b5b5;} #right_side .phone_sms_word_banner .sms_cont2 p.b_btn1 a{width:128px;display:block;height:30px;line-height:30px;font-size:14px;color:#fff;font-weight:bold;background-color:#2d78bc;text-align:center;} /* footer css */ @charset 'utf-8'; /* Footer */ #footer { clear: both; margin-top: 50px; padding: 20px 0; border-top: 3px solid #636363; color: #666; font-size: 13px; line-height: 1.5; } #footer_image { position: absolute; width: 160px; } #footer_data { position: absolute; } #footer:after { content: ''; display: block; clear: both; } #footer_div > img { vertical-align: top; } #footer_div { width: 1000px; margin: auto; } .footer_address { display: inline-block; vertical-align: top; } .copyright { width: 100%; padding: 20px; background-repeat: no-repeat; background-position: center top; } .copyright p { color: #5a5a5a; font-size: 12px; line-height: 1.4em; } .copyright span { display: inline-block; vertical-align: middle; padding: 10px; text-align: left; line-height: 20px; } .wrap-loading { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; background: rgba(100%,100%,100%,.5); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000'); } .wrap-loading div { position: fixed; top: 50%; z-index: 999; width: 100%; margin-top: -40px; text-align: center; } /* platform extras */ #contents .inner { width: 1200px; max-width: 100%; margin: 0 auto; padding: 0 12px; box-sizing: border-box; } #header.header_area .primary .gnb, .gnb01 .gnb_group, #header.header_area .util .wrap { width: 1440px; max-width: 100%; } #header.header_area .util .wrap { margin: 0 auto; padding: 0 12px; box-sizing: border-box; } #header.header_area .primary .gnb h1 img { max-height: 70px; width: auto; } #banner.visual_sec .banner_image { width: 100%; height: auto; display: block; } .pc-home-cars { width: 1200px; max-width: 100%; margin: 40px auto 60px; padding: 0 12px; box-sizing: border-box; } .pc-home-cars h3 { text-align: center; font-size: 28px; margin-bottom: 24px; font-family: 'Pretendard-Bold', sans-serif; } .pc-home-cars h3 span { color: #004af9; } .pc-home-cars-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; } .pc-home-car-card { display: block; border: 1px solid #e5e5e5; border-radius: 8px; overflow: hidden; background: #fff; transition: box-shadow .2s; } .pc-home-car-card:hover { box-shadow: 0 6px 18px rgba(0,74,249,.12); } .pc-home-car-thumb { aspect-ratio: 4/3; background: #f3f3f3 center/cover no-repeat; } .pc-home-car-body { padding: 12px 14px 16px; } .pc-home-car-title { font-size: 15px; font-weight: 600; line-height: 1.35; height: 2.7em; overflow: hidden; margin: 0 0 8px; } .pc-home-car-meta { font-size: 13px; color: #777; margin-bottom: 8px; } .pc-home-car-price { font-size: 18px; color: #004af9; font-family: 'Pretendard-Bold', sans-serif; } .pc-home-car-price span { font-size: 13px; color: #333; font-weight: normal; } .pc-home-cars-more { display: block; width: 200px; margin: 28px auto 0; text-align: center; background: #004af9; color: #fff; height: 48px; line-height: 48px; border-radius: 6px; font-size: 16px; } .pc-home-cars-empty { text-align: center; color: #888; padding: 40px 0; } .board_wrap { overflow: hidden; width: 1200px; max-width: 100%; margin: 0 auto; padding: 0 12px; box-sizing: border-box; } .board_wrap .side_nav { float: left; } .board_wrap:after { content:''; display:block; clear:both; } .footer_area { position: relative; width: 1200px; max-width: 100%; margin: 0 auto; } .footer_area #footer_data { position: relative; overflow: hidden; padding: 0 12px; } .ft_content img { max-height: 48px; width: auto; margin-bottom: 8px; } .dropup { position: relative; display: inline-block; } .dropbtn { background: #004af9; color: #fff; border: 0; padding: 10px 18px; border-radius: 4px; cursor: pointer; font-size: 14px; } .dropup-content { display: none; position: absolute; bottom: 100%; right: 0; background: #fff; min-width: 320px; box-shadow: 0 4px 16px rgba(0,0,0,.15); padding: 12px 16px; z-index: 20; border-radius: 6px; } .dropup:hover .dropup-content, .dropup.is-open .dropup-content { display: block; } .dropup-content li { font-size: 12px; color: #555; padding: 4px 0; } .dropup-content li span { display: inline-block; min-width: 52px; color: #004af9; font-weight: 600; } .pc-mo-nav, .pc-mo-bar { display: none; } .request_box.request_table table { width: 100%; border-collapse: collapse; } .request_box.request_table th { background: #f7f8fb; width: 166px; text-align: left; padding: 14px; border: 1px solid #e5e5e5; } .request_box.request_table td { padding: 10px; border: 1px solid #e5e5e5; } .request_box.request_table input[type=text], .request_box.request_table textarea { width: 100%; border: 1px solid #ddd; padding: 10px; border-radius: 4px; } .request_box.request_table textarea { min-height: 120px; resize: vertical; } .request_form_title h3 { font-size: 28px; margin: 0 0 20px; color: #004af9; } .pc-counsel-tabs { display: flex; gap: 8px; margin: 0 0 24px; } .pc-counsel-tabs a { flex: 1; text-align: center; padding: 14px 8px; border: 1px solid #d1d1d1; border-radius: 6px; font-size: 16px; } .pc-counsel-tabs a.is-on { border-color: #004af9; color: #004af9; font-weight: 700; background: #eaf2ff; } .pc-counsel-submit { display: block; width: 220px; margin: 24px auto; height: 54px; background: #004af9; color: #fff; border: 0; border-radius: 6px; font-size: 18px; cursor: pointer; } .pc-legal-page, .pc-community-page { width: 1200px; max-width: 100%; margin: 30px auto 60px; padding: 0 12px; box-sizing: border-box; } .pc-legal-title { font-size: 28px; margin-bottom: 20px; } .pc-legal-body { line-height: 1.7; color: #444; } .js .tabmenu_car .wrap .cnt { display: none; } .js .tabmenu_car .wrap.on .cnt { display: block; } .pc-recent-empty { font-size: 12px; color: #999; padding: 8px; text-align: center; } @media (max-width: 1200px) { #left_side, #right_side { display: none !important; } .pc-home-cars-grid { grid-template-columns: repeat(3, 1fr); } .gnb01 .gnb_group ul { margin-right: 0; width: auto; float: none; } #header.header_area .util .util_menu { margin-right: 0; } } @media (max-width: 980px) { #header.header_area .util { display: none; } .gnb01 { display: none !important; } #header.header_area .primary .decoR { display: none; } #header.header_area .primary .gnb { padding: 16px 12px; width: 100%; } #header.header_area .primary .gnb h1 { display: block; text-align: center; } .pc-mo-bar { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; background: #151515; color: #fff; font-size: 13px; } .pc-mo-bar a { color: #fff; } .pc-mo-nav { display: flex; flex-wrap: wrap; gap: 8px; padding: 10px 12px; background: #f5f7fb; border-bottom: 1px solid #e5e5e5; } .pc-mo-nav a { font-size: 13px; padding: 8px 10px; background: #fff; border: 1px solid #dce3f0; border-radius: 6px; color: #333; } .search_main { width: 100% !important; top: 0 !important; } .search_main ul { width: 100% !important; float: none !important; } .search_main button { float: none !important; width: 100% !important; height: 48px !important; margin-top: 8px; } .pc-home-cars-grid { grid-template-columns: repeat(2, 1fr); } .board_wrap .side_nav { float: none; width: 100% !important; margin-bottom: 16px; } .board_wrap .side_nav h4 { width: 100% !important; } .board_wrap .sub_content, .board_wrap .main_content { float: none !important; width: 100% !important; } .js .tabmenu_car .cnt ul li { background-size: 180px auto !important; padding-left: 16px !important; } .introduce_main { padding-top: 80px !important; background-size: cover !important; } .step_main ol li p:after, .ad_main div:after { display: none !important; } .movie_main iframe { width: 100% !important; max-width: 100%; height: auto !important; aspect-ratio: 16/9; } #footer .ft_menu ul { width: 100% !important; text-align: center; } .footer_area #footer_data .ft_right { position: static !important; margin-top: 20px; } .slick-dots li, .slick-dots li button, .slick-dots li button:before { width: 40px; } } @media (max-width: 640px) { .compensation_main div ul li { display: block; padding: 12px 0; } } /* sim0724 pages.css — subpage extras (bundled into default.css by Asset::css) */ .pc-subpage-minimal #left_side, .pc-subpage-minimal #right_side { display: none !important; } .epc-community-skin { min-height: 200px; } .epc-community-skin table { width: 100%; border-collapse: collapse; } .epc-community-skin th, .epc-community-skin td { padding: 12px 10px; border-bottom: 1px solid #eee; font-size: 14px; } .epc-community-skin th { background: #f7f8fb; } /* GNB mega menu expand */ .gnb01 { transition: height .2s ease; } .gnb01.is-open, #header.header_area:hover .gnb01 { height: 380px; overflow: visible; z-index: 50; box-shadow: 0 8px 16px rgba(0,0,0,.06); } #header.header_area { z-index: 40; } .homeservice .question_form ul, .compensation .question_form ul { list-style: none; padding: 0; margin: 16px 0; } .homeservice .question_form li, .compensation .question_form li { margin-bottom: 10px; } .homeservice .question_form label, .compensation .question_form label { display: inline-block; min-width: 100px; font-size: 14px; color: #555; } .homeservice .question_form input[type=text], .compensation .question_form input[type=text] { width: calc(100% - 120px); max-width: 480px; height: 40px; padding: 0 12px; border: 1px solid #ddd; border-radius: 4px; } .clean .system img, .waytocome_introduce > img { display: block; max-width: 100%; margin: 16px auto; } .clean .banner { display: block; text-align: center; margin: 24px auto; padding: 14px 20px; background: #004af9; color: #fff; border-radius: 6px; font-size: 18px; max-width: 480px; } .clean .underline { text-decoration: underline; } .clean .redline { color: #e11; font-weight: 700; } .waytocome_introduce ul > li { margin-bottom: 18px; } .waytocome_introduce dt { font-weight: 700; color: #004af9; margin-bottom: 6px; } .waytocome_introduce dd { color: #555; line-height: 1.6; } /* header spacer — absolute GNB */ #header.header_area .primary { min-height: 140px; } #header.header_area .primary .gnb { min-height: 100px; } /* 파복회/회파중 고객후기 페이징 (pabokhoe_album) */ .epc-community-skin--pabokhoe_album { --pbs-accent: var(--epc-site-main, var(--clf-brand, #147dc2)); --pbs-accent-soft: var(--epc-site-main-light, color-mix(in srgb, var(--pbs-accent) 10%, #fff)); } body.site-simwooin88 .epc-community-skin--pabokhoe_album { --pbs-accent: #30b7f3; --pbs-accent-soft: #e8f7fe; } body.site-simwooin21 .epc-community-skin--pabokhoe_album { --pbs-accent: #147dc2; --pbs-accent-soft: #e8f3fa; } body.site-simwooin91 .epc-community-skin--pabokhoe_album { --pbs-accent: var(--epc-site-main, #ef7000); --pbs-accent-soft: #fff3e6; } body.site-simwooin24 .epc-community-skin--pabokhoe_album { --pbs-accent: #5470ff; --pbs-accent-soft: #eef1ff; } .epc-community-skin--pabokhoe_album .pabokhoe-bbs-paging { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 6px; width: 100%; margin: 24px 0 8px; padding: 0; text-align: center; box-sizing: border-box; } .epc-community-skin--pabokhoe_album .pabokhoe-bbs-paging__nums { display: inline-flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 4px; } .epc-community-skin--pabokhoe_album .pabokhoe-bbs-paging__num, .epc-community-skin--pabokhoe_album .pabokhoe-bbs-paging__nav { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 34px; padding: 0 10px; border: 1px solid #d8d8d8; border-radius: 6px; background: #fff; font-size: 14px; font-weight: 600; line-height: 1; color: #444; text-decoration: none; box-sizing: border-box; transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease; } .epc-community-skin--pabokhoe_album .pabokhoe-bbs-paging__num:hover, .epc-community-skin--pabokhoe_album .pabokhoe-bbs-paging__nav:not(.is-disabled):hover { border-color: var(--pbs-accent, #30b7f3); color: var(--pbs-accent, #30b7f3); background: var(--pbs-accent-soft, #e8f7fe); } .epc-community-skin--pabokhoe_album .pabokhoe-bbs-paging__num.is-current { border-color: var(--pbs-accent, #30b7f3); background: var(--pbs-accent, #30b7f3); color: #fff; font-weight: 700; } .epc-community-skin--pabokhoe_album .pabokhoe-bbs-paging__ellipsis { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 34px; color: #999; font-size: 14px; letter-spacing: 0.08em; } .epc-community-skin--pabokhoe_album .pabokhoe-bbs-paging__nav--prev, .epc-community-skin--pabokhoe_album .pabokhoe-bbs-paging__nav--next { min-width: 52px; font-size: 13px; } .epc-community-skin--pabokhoe_album .pabokhoe-bbs-paging__nav.is-disabled { border-color: #ececec; background: #f7f7f7; color: #c4c4c4; cursor: default; } .epc-community-skin--pabokhoe_album .pabokhoe-bbs-paging--mo { gap: 4px; margin: 16px 0 6px; padding: 0 8px; } .epc-community-skin--pabokhoe_album .pabokhoe-bbs-paging--mo .pabokhoe-bbs-paging__num, .epc-community-skin--pabokhoe_album .pabokhoe-bbs-paging--mo .pabokhoe-bbs-paging__nav { min-width: 32px; height: 32px; padding: 0 8px; border-radius: 8px; font-size: 13px; } .epc-community-skin--pabokhoe_album .pabokhoe-bbs-paging--mo .pabokhoe-bbs-paging__nav--prev, .epc-community-skin--pabokhoe_album .pabokhoe-bbs-paging--mo .pabokhoe-bbs-paging__nav--next { min-width: 36px; font-size: 18px; font-weight: 700; } .epc-community-skin--pabokhoe_album .pabokhoe-bbs-paging--mo .pabokhoe-bbs-paging__nums { gap: 3px; } /* 고객후기 상세 — 본문 이미지·표 넘침 방지 */ .epc-community-skin--pabokhoe_album .sw21-bbs-view { width: 100%; max-width: 100%; margin: 0 auto; overflow: hidden; } .epc-community-skin--pabokhoe_album .sw21-bbs-view-content { line-height: 1.7; font-size: 16px; overflow-wrap: anywhere; word-break: break-word; overflow: hidden; } .epc-community-skin--pabokhoe_album .sw21-bbs-view-content img, .epc-community-skin--pabokhoe_album .sw21-bbs-view-content table, .epc-community-skin--pabokhoe_album .sw21-bbs-view-content iframe, .epc-community-skin--pabokhoe_album .sw21-bbs-view-content video { max-width: 100% !important; width: auto !important; height: auto !important; } .epc-community-skin--pabokhoe_album .sw21-bbs-view-content table { display: block; overflow-x: auto; }