@charset "utf-8"; /* -------------------------------------------- OwlCarousel2 .owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent; display:none;} .owl-theme .owl-nav [class*='owl-']{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px} .owl-theme .owl-nav [class*='owl-']:hover{background:#869791;color:#FFF;text-decoration:none} .owl-theme .owl-nav .disabled{opacity:0.5;cursor:default} .owl-theme .owl-dots{height:8px;margin-top:16px;text-align:center;-webkit-tap-highlight-color:transparent} .owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline} .owl-theme .owl-dots .owl-dot span{width:6px;height:6px;margin:0 4px;display:block;-webkit-backface-visibility:visible;transition:opacity 200ms ease;background:#dfe0e4;border-radius:50%} .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background:#d52021} ------------------------------------------ */ /* .tabContent{padding-top:10px;} */ .tabContent .tabInfoTable{width:100%;} .tabContent .tabInfoTable h4{font-size:22px; color:#2a9fc3; font-weight:700; margin:20px 0 10px;} .tabContent .tabInfoTable p{text-align:left;} .tabContent .tabInfoTable .h_tableBox{width:100%; margin:10px 0 10px;border-top: 2px solid #2a9fc3;} .tabContent .tabInfoTable .h_tableBox th{background:#efefef; color:#252525; font-size:14px; vertical-align: middle;} .tabContent .tabInfoTable .h_tableBox th, .tabContent .tabInfoTable .h_tableBox td{border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7;border-top:1px solid #d7d7d7; padding:10px 0; border-right: 1px solid #d7d7d7;} .tabContent .tabInfoTable .h_tableBox td ul li:before{content:'·';font-weight:800;display:inline-block; color:#d52021; margin-right:5px;} .tabContent .tabInfo05 div table{float:left; width:49% !important;} .tabContent .tabInfo05 div table:first-child{margin-right:2%;} .hospital_name { background: #fff; display: block; border: 1px solid #cacaca; padding: 5px 10px; position: relative; text-align: center; } .overlayMap img { display: block; left: 50%; position: absolute; margin-left: -22px; } .tabInfo06 .tabInfoMap{width:100%; height:340px; background:#ddd; border:1px solid #d7d7d7; margin-top:20px;} .bottom_btn{margin-top:40px;} .bottom_btn ul li a{color:#fff; display:block;padding:20px 0;} .bottom_btn ul li{width:50%;float:left;color:#fff;font-size:20px; font-weight:700; line-height:20px;} .bottom_btn ul li.li1{background:#ffce23;} .bottom_btn ul li.li1 a{color:#454545;} .bottom_btn ul li.li2{background:#454545;} .reservation_layer { width:100%; background:#fff;padding:0 0 2em 0; box-sizing:border-box; overflow-y: scroll !important; -webkit-overflow-scrolling: touch; min-height:480px; max-height:100%;} .reservation_layer h2 { font-size:30px; font-weight:600; text-align:center; padding:20px 0 10px;} .reservation_layer .r_listWrap { border:1px solid #d7d7d7; padding:0.7em; margin:0.7em;min-height:54px; box-sizing:border-box;} .reservation_layer .r_listWrap label { font-size:1.2em; font-weight:600; width: 75px; display: inline-block; float:left; line-height:2em; height:60px;} .reservation_layer .r_listWrap input ,.reservation_layer .r_listWrap select { padding:0.5em; border:1px solid #d7d7d7; vertical-align: middle; } .reservation_layer .r_dateWrap button { height: 32px; line-height: 13px;border:none; background:#d52021;color:#fff; width:100px; font-size:16px; padding:10px 0px;vertical-align: middle; font-family:'NanumSquare', sans-serif; } .reservation_layer .r_listWrap textarea{border:1px solid #dadada;width:70%; height:100px; overflow-y:scroll; box-sizing:border-box; padding:10px;} .reservation_layer .reservation_layerBox li{margin:10px 0; display: block; height: 27px; padding: 0 30px;} .cancelBtn {background: #fff; color: #454545; border: 1px solid #454545;display: inline-block;text-align: center;/*padding: 20px 0;*/ height:60px; line-height:60px;width: 200px;font-size: 18px; font-weight: 600;} .subMore{width:100%; padding:10px 0; text-align:center; background:#fff; border:1px solid #d52021; border-radius:2px;margin-top:20px; cursor:pointer; font-size:17px;box-sizing: border-box;} .subMore a{ color:#d52021;} .subMore:hover{background:#d52021;} .subMore:hover a{ color:#fff;} .foodContentBox02 .subMore{margin-top:20px; width:100%; padding:10px 0; text-align:center; background:#f4f4f4; border:1px solid #f26c0e; border-radius:2px;margin-top:20px; cursor:pointer; font-size:17px;box-sizing: border-box;} .foodContentBox02 .subMore a{ color:#f26c0e;} .foodContentBox02 .subMore:hover{background:#f26c0e;} .foodContentBox02 .subMore:hover a{ color:#fff;} .healthFoodVisual .visualWrap {height:130px !important; } .healthFoodVisual .visualWrap .visual01{height:130px !important; width:100%;} #healthfood .healthMainTab ul{/*height:198px;*/margin-bottom:0;} #healthfood .healthMainTab ul li{height:60px;float:left;border-bottom:1px solid #d7d7d7;border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; text-align:center; font-size:14px;box-sizing: border-box; margin-top:-1px;} #healthfood .healthMainTab ul li:nth-child(6), #healthfood .healthMainTab ul li:nth-child(9), #healthfood .healthMainTab ul li:nth-child(12){border-right:1px solid #d7d7d7;} #healthfood .healthMainTab ul li:hover{ border-top:1px solid #f3721f } #healthfood .healthMainTab02 ul{height:118px;} #healthfood .healthMainTab02 ul li{width:33.333% !important;} #healthfood .healthMainTab02 ul li:nth-child(5){border-right:none;} #healthfood .healthMainTab04 ul{height:177px;} .foodContentBox01{padding-bottom:30px;} .foodContentBox02{padding:30px 0;} .foodContentBox02 h2 p{background:#f4f4f4; width:140px;} .foodContentTop{width:100%; height:165px; margin:0px auto 30px;} .foodContentTop03 p{padding-top:45px !important;} .foodContentTop p{font-size:18px; color:#fff;padding-top: 58px; text-align:center;} /*상품목록 .productList{margin-top:10px;} .productList li{float:left; width:50%; padding:0 5px; font-size:0.9em; font-weight:500; text-align:center; margin-bottom:14px;} .productList li .product_image{width:100%; min-height:100px; border:1px solid #d7d7d7; background:#fff;} .productList li .product_image img{width:100%; height:100%;} .productList li .product_name{margin-top:10px; line-height:0.9em; white-space:nowrap; overflow:hidden; color:#333;} .productList li .product_price{font-size:1.3em; color:#de0000;} */ /*상품목록*/ .contentBox01 .searchArea .searchlist{background-color:#f4f4f4; padding:10px;} .contentBox01 .searchArea .searchlist ul li{float:left; width:19.3%; height:80px; background-color:#fff; margin-right:0.8%; padding:10px 0; text-align:center; cursor:pointer;} .contentBox01 .searchArea .searchlist ul li:last-child{margin-right:0;} .contentBox01 .searchArea .searchlist ul li.active{box-sizing:border-box; border-top:4px solid #2f56a7;} .contentBox01 .searchArea .searchlist ul li a{display:block; font-size:14px;} /*상품목록*/ /*상품상세페이지*/ .productView dt, .productView dd{width: 100%;} .productView .boxLeft{margin: 10px auto; min-height: 216px;overflow:hidden;} .productView .boxLeft img{width:100%; height:100%;} .productView .boxRight .pTit{width:100%;font-size:1.2em;font-weight:600;height: 36px;line-height: 36px;color:#000;border-bottom: 1px solid #ddd;position:relative;} .productView .boxRight .pTit .pLink{top:0; right:0; position:absolute;} .productView .boxRight .pTit .pLink a{height:30px; line-height:30px; display:inline-block;} .productView .boxRight .pTit .pLink img{width:auto;height: 80%;} .productView .boxRight .pPrice{text-align:right;} .productView .boxRight .pPrice span{height:40px;line-height:40px;font-weight:600;display:inline-block;} .productView .boxRight .pPrice span.txt01{color:#de0000;} .productView .boxRight .pPrice span.txt02{margin-left: 10px;font-size: 1.8em;color:#000;} .productView .boxRight .pPrice span.txt03{height:30px; line-height: 20px;font-size: 1em;color:#ccc;text-decoration:line-through;display: block;} .productView .boxRight .pTxt01{text-align:right;font-size: 0.9em;line-height:1.3em;color:#666;} .productView .boxRight .pTotal{margin-top: 10px;padding:0 10px;font-weight:600;height: 50px;line-height: 40px;background:#f6f6f6;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} .productView .boxRight .pTotal .pTxt03{width: 50%;line-height: 50px;float: left;} .productView .boxRight .pTotal .pTxt04{width: 50%;font-size: 1.2em;text-align:right;color:#000;float: left;line-height: 30px;} .productView .boxRight .pTotal .pTxt04 span{font-size: 0.7em;font-weight:400;line-height:10px;display:block;} /* .productView .boxRight .pForm{padding:10px 0; border-bottom:1px solid #bbb} .productView .boxRight .pForm input{width:100%; height:50px; padding:0 10px; background:#fff; border:1px solid #ddd;} .productView .boxRight .pForm button{margin-top: 5px;width:100%;height:50px;line-height:50px;font-size:20px;font-weight:600;background:#444;font-family:'NanumSquare';color:#fff;} .productView .boxRight .pForm button img{margin:15px 10px;} */ .productView .boxRight .pbtnBox{margin:15px 0 20px; height:50px; line-height:50px; text-align:center;} .productView .boxRight .pbtnBox a{width:100%; font-size:18px; color:#fff; display:block;} .productView .boxRight .pbtnBox .cartBtn{width:100%; background:#545868; border:1px solid #545868; float:left;} /* .productView .boxRight .pbtnBox .payBtn{width:58%; background:url(/_img/naverpay.png) no-repeat 20% center #00c63b; text-indent:30px; border:1px solid #00b936; float:right;} .contentProduct{margin: 10px auto 0;width:100%; background:#f5f5f5;border-radius:10px;} .contentProduct .call{padding: 0 10px;width:100%;font-weight:600;background: url(/_img/eventct_bg.png) no-repeat 0% top;background-size: 320px auto;float: none !important;border-radius:10px 10px 0 0;} .contentProduct .call h3{height: 50px;line-height: 30px;font-size:20px;color:#fff;padding-top: 15px;} .contentProduct .call h3 b{margin-left:5px;font-size: 1.5em;color:#fffc00;display:inline-block;} .contentProduct .call dt{margin-right:10px; float:left;} .contentProduct .call dd{margin-top:5px; font-size:36px; color:#ffde00; line-height:44px; letter-spacing:-0.08em; float:left;} .contentProduct .call p{margin-top: 40px;font-size: 1.3em;line-height: 1.1em;text-align:center;color:#222;} .contentProduct .call span{margin: 10px auto;width: 80%;height: 30px;line-height: 30px;text-align: center;border-radius:36px;font-size: 1em;font-weight:400;color:#fff;background:#222;display:block;} .contentProduct .consult{margin:10px 0; width:100%; float:none !important;} */ .productbox .pbTab{border-bottom:1px solid #ccc; color:#000; text-align:center;} .productbox .pbTab li{margin:0 -1px -1px 0;width: 30%;height: 40px;line-height: 40px;font-weight:600;float:left;border:1px solid #ccc;border-radius:5px 5px 0 0;} .productbox .pbTab li.active{color:#fff; background:#31459b;} .productbox table{margin:20px 1% 30px; width:98%; border-bottom:1px solid #ddd;} .productbox .pbTable_01 tr{height: 40px;line-height: 18px;text-align:center;font-size: 0.9em;} .productbox .pbTable_01 tr th{border-top:1px solid #000; border-bottom:1px solid #ddd; color:#000; background:#f6f6f6;} .productbox .pbTable_02 table{border-top:1px solid #000;} .productbox .pbTable_02 table tr{border-bottom:1px solid #ddd;} .productbox .pbTable_02 tr th{padding: 5px;background:#f6f6f6;} .productbox .pbTable_02 tr td{padding:20px;} .productbox .pbTable_02 tr td ul{border:1px solid #eee;} .productbox .pbTable_02 tr td li{width: 100%;text-align:center;/* float:left; */} .productbox .pbTable_02 tr td li span{height:30px; line-height:30px; display:block;} .productbox .pbTable_02 tr td li span.tit{background:#f6f6f6;} .productbox .pbDetail{margin: 70px 1%; width: 98%;} .productbox .pbDetail .boxImg{width:100%;} .productbox .pbPoint h1{margin-bottom: 10px;font-size: 1.5em;font-weight:600;text-align:center;color:#000;} .productbox .pbPoint li{margin-bottom: 10px !important;width: 100%;height: 90px;background:#f7f9ff;border-radius:10px;position: relative;} .productbox .pbPoint li i{width: 50px;height: 50px;line-height:80px;background:#4058a3;border-radius:80px;position: absolute;left: 10px;top: 20px;} .productbox .pbPoint li span{top: 18px;left: 70px;font-size: 1.2em;font-weight:600;line-height:1.2em;color:#000;position: absolute;} .productbox .pbPoint li p{top: 42px;left: 70px;width: 75%;font-size: 0.9em;line-height: 1.2em;position: absolute;} .subBtm_consult {padding: 20px 0;text-align:center;color:#000;background:url(/_img/consult_btm_bg.png) no-repeat top center #f2f2f2;} .subBtm_consult h1{font-size: 3em;} .subBtm_consult h5{margin:0 auto;padding:5px 0;width: 85%;font-size: 1em;background:#fff600;display:block;} .subBtm_consult p{margin: 10px 0;font-size: 1.5em;line-height: 1.2em;} .subBtm_consult p b{font-weight:600 !important;} .subBtm_consult a{margin-top: 15px;width:100%;height: 50px;line-height: 50px;font-size: 1.5em;font-weight:500;color:#fff !important;border-radius:10px;background:#de0000;display:block;} .subBtm_consult a span img{margin:10px; width:34px; } /*공지/cs*/ .csMenuList{height:66px;margin-bottom:20px;} .csMenuList li{width:50%; float:left;cursor: pointer;font-weight: 700;text-align: center;border-top: 1px solid #d7d7d7;border-left: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;font-size: 18px;box-sizing: border-box;} .csMenuList li a{ display: block; color:#454545; padding: 20px 0; } .csMenuList li.active a{border-top:1px solid #d52021; color:#d52021; margin-top:-1px;} .csMenuList li a:hover{color:#d52021;border-top:1px solid #d52021;margin-top:-1px; } .csMenuList li:last-child{border-right:1px solid #d7d7d7;} /* -------------------------------------------- * article_boardList /* ------------------------------------------ */ .article_boardList{} .article_boardList ul{width:100%;margin:auto} /* active, hover, focus */ .article_boardList ul li.active .qusetion a:after{background-position:-224px -144px;*/} .article_boardList ul li.active, .article_boardList ul li:focus, .article_boardList ul li:hover{border-color:#227bcc} /* defaults */ .article_boardList ul li, .article_boardList ul li:hover{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear} .article_boardList ul li{min-height:60px;position:relative;border:1px solid #fff;background:#f4f4f4;border-radius:5px;margin-top:4px;overflow:hidden} .article_boardList ul li:first-child{margin-top:0} .article_boardList ul li .qusetion{position:relative} .article_boardList ul li .qusetion a{position:relative;display:block;color:#222;font-size:20px;line-height:32px;padding:24px 62px 24px 26px} .article_boardList ul li .qusetion a em{display:block;font-size:18px;line-height:30px;color:#999;letter-spacing:0;font-family:'NanumSquare','Rubik','Lato',Arial,AppleGothic,verdana,sans-serif} .article_boardList ul li .qusetion a:after{content:'';display:inline-block;width:22px;height:11px;position:absolute;top:50%;right:30px;margin-top:-5.5px;background: url(../_img/healthMenu_arw.png) no-repeat;} .article_boardList ul li .answer{position:relative;padding:30px 30px 40px 106px;font-size:18px;line-height:1.8;color:#777;border-top:1px solid #e7e7e7;display:none} /* cate_icon */ .article_boardList ul li i{} .article_boardList ul li i.q{display:inline-block;position:absolute;left:0;top:0;bottom:0;border-right:1px solid #f3f3f3;padding:24px; font-size:30px; font-weight:600; color:#227bcc;} .article_boardList ul li i.q span{width:32px;height:32px;} .article_boardList ul li i.ntc{display:inline-block;position:absolute;left:0;top:0;bottom:0;border-right:1px solid #f3f3f3;padding:30px; font-size:1.4em; font-weight:600; color:#227bcc; /*padding: 45px 55px;*/} .article_boardList ul li i.ntc span{width:111px;height:23px;} .article_boardList ul li.active i{border-right:0} /* boardList_FAQ */ .article_boardList.bl_faq ul li .qusetion a{padding:15px 62px 15px 75px} .article_boardList.bl_faq ul li .answer{ background:#f9f9f9;} /* boardList_NOTICE */ .article_boardList.bl_notice ul li{min-height:142px} .article_boardList.bl_notice ul li .qusetion a{font-size:24px;line-height:38px;padding-top:60px;} .article_boardList.bl_notice ul li .answer{/*margin:0 30px 0 228px*/} .mypageBtn { margin-top: 20px;font-weight: 600;border-radius: 2px;color: #fff; display: inline-block;margin-right: 10px; min-width:150px; /*max-width:200px;*/ border: none;text-align: center;/*padding: 20px 0;*/height:60px; line-height:60px;background: #075AE7;font-size: 18px; } /*마이페이지*/ .mypageBox01 .myMenuRight h2{font-size:1.5em; text-align:center; line-height:50px;} .mypageBox01 .myMenuRight .myZone{width:100%; padding:0 10px; padding-bottom:20px;margin-bottom:20px; height:72px; box-sizing:border-box;border-bottom: 1px solid #d7d7d7;} .mypageBox01 .myMenuRight .myZone > div{float:left;} .mypageBox01 .myMenuRight .myZone > div p{font-size:18px; float:left;} .mypageBox01 .myMenuRight .myZone .imgZone{width:50px; height:50px;margin-right:15px;background:url(../_img/member_img.png) no-repeat; background-size:50px;} .mypageBox01 .myMenuRight .myZone .txtZone{ } /*멤버등급*/ .n_icon{background-position:0 0 !important;} .s_icon{background-position:0 -50px !important;} .g_icon{background-position:0 -100px !important;} .v_icon{background-position:0 -150px !important;} /*멤버등급 end*/ .mypageBox01 .myMenuRight .myZone .couponZone{border-right:0; height:103px;} .mypageBox01 .myMenuRight .myZone .couponZone ul li{font-size:20px; margin-bottom:20px;} .mypageBox01 .myMenuRight .myZone .couponZone ul li span{display:inline-block; margin-right:20px;} .mypageBox01 .myMenuRight h3{font-size:24px;margin:20px 0; font-weight:600; margin:10px 0;} .mypageBox01 .myMenuRight h3{font-size:1.5em; font-weight:600; padding:20px 0 10px;} .mypageBox01 .myMenuRight .myMenu h3{border-bottom:1px solid #a7a7a7;} .mypageBox01 .myMenuRight .myMenu ul li{font-size:1.2em; border-bottom:1px solid #ddd; padding:10px 0;} .mypageBox01 .myMenuRight table{width:100%; border-top:1px solid #252525;} .mypageBox01 .myMenuRight table th{font-size:1em; background:#f4f4f4;} .mypageBox01 .myMenuRight table td{font-size:0.8em;text-align:center;} .mypageBox01 .myMenuRight table th, .mypageBox01 .inner .myMenuRight table td{border-bottom:1px solid #d7d7d7; padding:5px; vertical-align:middle; font-size:0.6em;} .reviewTab {width:100%; border-top:1px solid #252525; height:45px;} .reviewTab li a{width:50%;color:#454545;float:left; border:1px solid #d7d7d7;box-sizing:border-box; text-align:center; padding:15px; font-size:0.8em; border-top:none; background:#f4f4f4;} .reviewTab li.active:first-child a{background:#fff; border-right:0; display:block;} .reviewTab li.active:nth-child(2) a{background:#fff; border-left:0; display:block;} .reviewTab_cont ul{padding:0 0 60px;} .reviewTab_cont ul li{border-bottom:1px solid #d7d7d7; height:120px;position:relative;padding: 10px; box-sizing: border-box;} .reviewTab_cont ul li > div{float:left; width:55%;} .reviewTab_cont ul li > div:nth-child(1){width:75px; /*height:75px;*/ background:#ddd;margin:20px;} .reviewTab_cont01 ul li > div:nth-child(2){/*padding:20px 0px; */width:55%;} .reviewTab_cont02 ul li > div:nth-child(2){/*padding:20px 0px;*/} .reviewTab_cont01 ul li > div:nth-child(3){ margin-top:25px;} .reviewTab_cont ul li > div dl dt{font-size:15px;font-weight:600; margin-bottom:10px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .reviewTab_cont ul li > div dl dd{margin-bottom:10px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .reviewTab_cont ul li > div > a{font-size:0.8em; font-weight:600; border:1px solid #d52021; border-radius:2px; color:#d52021; padding:5px 10px; display: inline-block;margin-right: 10px;} .reviewTab_cont ul li > a > div{float:left; width:50%;} .reviewTab_cont ul li > a > div:nth-child(1){width:75px; height:75px; background:#ddd;margin:20px;} .reviewTab_cont01 ul li > a > div:nth-child(2){padding:20px 0px;} .reviewTab_cont02 ul li > a > div:nth-child(2){padding:20px 0px;} .reviewTab_cont01 ul li > a > div:nth-child(3){ margin-top:25px;} .reviewTab_cont ul li > a > div dl dt{font-size:15px;font-weight:600; margin-bottom:10px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .reviewTab_cont ul li > a > div dl dd{margin-bottom:10px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .reviewWrite_cont{padding: 0 10px 10px;} .reviewWrite_cont > ul > li{border-bottom:1px solid #d7d7d7;} .reviewWrite_cont > ul > li > div{float:left; padding:10px 0; /*width:100%;*/} .reviewWrite_cont > ul > li > div p{font-size:17px;} .reviewWrite_cont > ul > li .tit{font-size:12px; font-weight:600; width:85px;} .reviewWrite_cont > ul > li:first-child{border-top:1px solid #252525;} .reviewWrite_cont > ul > li:first-child div{position:relative; width:100%;} .reviewWrite_cont > ul > li:first-child div a{position:absolute; right:0; top:10px;font-size:12px; color:#d52021; font-weight:bold;} .reviewWrite_cont > ul > li:last-child ul{width: 100%;height: 80px;margin-top: 15px;} .reviewWrite_cont > ul > li:last-child ul li{float:left; width:20%; height:70%; background:#ddd;margin-right:10px;} /*.reviewWrite_cont > ul > li:last-child {height: 195px; border-top: 1px solid #ddd;}*/ .reviewWrite_cont > ul > li div dl dt{font-weight:600;font-size:12px;} .reviewWrite_cont > ul > li div dl dt a{color:#454545;} .reviewWrite_cont > ul > li div dl dd{font-size:12px;} .reviewWrite_cont > ul > li .p_img{width:100px; height:100px; /*background:#ddd;margin:30px 20px;*/} .reviewWrite_cont > ul > li div textarea{ width: 100%;height: 300px; overflow-y: scroll;} .reviewWrite_cont > ul > li:last-child div > a{font-size:16px; font-weight:600; border:1px solid #d52021; border-radius:2px; color:#d52021; padding:5px 10px; display: inline-block;margin-right: 10px;} .submitBtn{ text-align:center;margin-top:30px; } .submitBtn button{background:#d52021; font-size:20px; border-radius:2px; font-weight:700; font-family:'NanumSquare', sans-serif; border:none; color:#fff; width:100%; padding:15px 0;} .submitBtn button a{ color:#fff;} .star{background:url(../_img/review_star.png) no-repeat; width:50px; height:8px; display:inline-block; background-size: 50px;} .star00{background-position:0 0px;} .star01{background-position:0 -9px;} .star02{background-position:0 -17px;} .star03{background-position:0 -26px;} .star04{background-position:0 -34px;} .star05{background-position:0 -43px;} .starArea .bic_star{width:20px; height:20px; display:inline-block; background:url(../_img/bic_star_off.png) no-repeat; margin-right:5px; cursor:pointer; background-size:20px;} .starArea .bic_star_on{background:url(../_img/bic_star_on.png) no-repeat; background-size:20px;} /*장바구니*/ .myMenuRight .carTop{width:862px; background:#f2f3f6; padding:30px; height:77px; margin-bottom:30px; } .myMenuRight .carTop h3{font-size:30px !important; float:left;} .myMenuRight .carTop ul{float:right; width:322px; height:75px;} .myMenuRight .carTop ul li{float:left; margin-left:30px; text-align:center;} .myMenuRight .carTop ul li p{margin-bottom:10px;} .myMenuRight table.cartTable td > div{float:left;} .myMenuRight table.cartTable td .pro_img{width:70px; height:70px;display:block; background:#ddd; margin:20px 44px ;} .myMenuRight table.cartTable .pro_txt div:nth-child(1){padding-bottom:10px; text-align:left;width: 155px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;} .cart_price{font-size: 1.5em; font-weight: 600;} .quantity{display: inline-block;position: relative; width: 60px;vertical-align: top; padding:0 10px; margin-top:5px; float:right;} .quantity .up{position:absolute;left: 58px;top: 0px;} .quantity .down{position: absolute;left: 58px;top: 12px;} .quantity input{ width: 40px;height: 23px; padding: 0 2px 0 6px; line-height: 23px; border: 1px solid #d4d8d9; border-radius: 3px 0 0 3px;} .tablebottom span{display:inline-block; font-size:0.8em; padding:10px 0 20px;} .cart_List{box-sizing: border-box;padding: 0 5px;} .cart_List > div {float:left;} .cart_List .pro_img{width:40%; height:30px; background:#ddd;} .cart_List .pro_txt{width:60%; height:30px; line-height:30px; overflow:hidden;} .payBox{width:100%; border-top:1px solid #252525; border-bottom:1px solid #d7d7d7; padding:20px 0; box-sizing:border-box;} .payBox div{ width:100%; box-sizing:border-box; padding-left:20px;} .payBox div:first-child{font-size:24px; font-weight:800;} .payBox div:last-child{border-right:0; font-size:26px; font-weight:800;text-align: right; padding-right: 20px;} .payBox div dl dt{float:left; clear:left; font-size:17px; color:#777; padding:8px 0;} .payBox div dl dd{ float:right; padding-right:20px; font-size:17px; font-weight:800; padding-top:5px;} .deletBtn a{width: 60px; display:inline-block;border: 1px solid #ababab;border-radius: 2px; padding: 6px 0 !important;text-align: center; margin: 0 0 20px; color:#ababab;} .btnBox{width:98%; margin:0 auto;} .btnBox a:last-child{ margin-right:0 !imprtant;} .myMenuRight div .mypageBtn{margin-top:15px; line-height:60px; font-weight: 600; border-radius: 2px;color: #fff; display: inline-block;margin-right: 10px;width: 100%;text-align: center;/*padding: 20px 0;*/background: #155ae7;font-size: 14px;} .myMenuRight div .shoopingBtn{background:#fff; color:#454545; border:1px solid #454545; } .myMenuRight table.cartTable .upbown{border-top:1px solid #d7d7d7; text-align:right; padding-top:10px;} .myInfoBox .mypageBtn{margin-top:20px; font-weight: 600; border-radius: 2px;color: #fff; display: inline-block;margin-right: 10px;width: 100%;text-align: center;padding: 0 !important; line-height:60px;background: #d52021;font-size: 18px;} /*결제*/ .payTab{background:#f4f4f4; height:22px; padding:20px; font-size:14px;} .payTab li{float:left; margin-right:15px;} .payTab li input{vertical-align:text-top;} .paytxtBoxWrap{padding:0 20px;} .paytxtBoxWrap .paytxtBox div ul li label{float:left;} .paytxtBoxWrap .paytxtBox div ul li > div{ position:absolute;left:100px;} .paytxtBoxWrap .paytxtBox div ul li div select{border:1px solid #d7d7d7; width:100px; height:30px; margin-right:10px;} .paytxtBoxWrap .paytxtBox div ul li div ul li{float:left; padding:0px; margin-right:10px; height: 30px !important;} .paytxtBoxWrap .paytxtBox div ul li{position: relative; height:31px; padding: 14px 0; line-height: 30px;} .mypageBox01 .inner .myMenuRight .payTable02 td{text-align:left; padding-left:20px;} .paytxtBoxWrap .paytxtBox div ul li label{font-size: 17px;} .paytxtBox dl{border:1px solid #999; padding:20px;} .paytxtBox dl dt{font-size:16px; margin-bottom:10px; font-weight:600;} .paytxtBox dl dd{margin-bottom:5px;} .paytxtBox dl dd:last-child{margin-bottom:0;} .checkPayBox{border:1px solid #ddd; padding-bottom:20px;} .cashBox{padding:20px; border:1px solid #ddd;} .cashBox div{margin-bottom:5px; font-size:17px;} .cashBox div:last-child{padding-left:20px; margin-bottom:0px; font-size:14px;} /*관심상품*/ .interestTab_cont ul{padding:0 0 60px;} .interestTab_cont ul li{border-bottom:1px solid #d7d7d7; height:135px;} .interestTab_cont ul li > div{float:left;} .interestTab_cont ul li > div:nth-child(1){width:80px; height:80px; background:#ddd;margin-top:17px;} .interestTab_cont ul li > div:nth-child(3){float:right;text-align:center; width:91px;} .interestTab_cont ul li > div:nth-child(3) input{margin:35px 0 20px;} .interestTab_cont ul li > div dl dt{font-size:18px;font-weight:600; margin-bottom:10px; width: 100%;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;} .interestTab_cont ul li > div dl dd{margin-bottom:10px;width: 100%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;} .interestTab_cont ul li > div > a{ font-weight:600; border:1px solid #d52021; border-radius:2px; color:#d52021; padding:5px 10px; display: inline-block;} /*주문내역*/ .orderTab {width:100%; border-top:1px solid #252525; height:66px;} .orderTab li a{width:50%;color:#454545;float:left; border:1px solid #d7d7d7;box-sizing:border-box; text-align:center; padding:20px; font-size:18px; border-top:none; background:#f4f4f4;} .orderTab li.active:first-child a{background:#fff; border-right:0; display:block;} .orderTab li.active:nth-child(2) a{background:#fff; border-left:0; display:block;} .orderTab_cont ul{padding:0 0 60px;} .orderTab_cont ul li{border-bottom:1px solid #d7d7d7;position:relative;} .orderTab_cont ul li p{font-size:18px; padding:20px; height:28px; border-bottom:1px solid #d7d7d7;} .orderTab_cont ul li p span{float:right;} .orderTab_cont ul li p span a{ width:80px; border:1px solid #777; padding:5px 10px; color:#777; font-size:14px; height:40px;} .orderTab_cont ul li > div.a_btnList{ clear:both;} .orderTab_cont ul li > div.a_btnList a{display:block; width:29.33%;; border:1px solid #d52021;margin: 0 auto 10px;padding:10px; text-align:center; color:#d52021; box-sizing:border-box; float: left;margin: 5px;} .orderTab_cont ul li > div.a_btnList span{font-size:17px; font-weight:600; margin-bottom:10px; display:block;} .orderTab_cont ul li > div > div{height:72px; width:100%; box-sizing:border-box;} .orderTab_cont ul li > div > div > div{float:left;} .orderTab_cont ul li > div > div > div:nth-child(1){width:100px; height:100px; background:#ddd;margin:20px 0;} .orderTab_cont ul li > div > div > div:nth-child(2){padding:55px 20px;} .orderTab_cont01 ul li > div > div > div:nth-child(2){padding:20px 0px 0 20px;width: 168px; min-height: 102px;} .orderTab_cont02 ul li > div > div > div:nth-child(2){padding:52px 20px;} .orderTab_cont ul li > div > div > div:nth-child(3){float:right;padding:0 20px;} .orderTab_cont ul li > div > div > div dl dt{font-size:17px;font-weight:600; margin-bottom:10px;} .orderTab_cont ul li > div > div > div dl dd{margin-bottom:10px;} .orderTab_cont ul li > div > div > div > a{font-size:17px; font-weight:600; border:1px solid #d52021; border-radius:2px; color:#d52021; padding:5px 10px; display:block;margin-top: 10px; text-align:center;} .myMenuRight .orderTab_cont .cartTable th{text-align:center;} .reasonTable select{ width: 200px; height: 40px;padding: 0 10px; margin-bottom: 10px;} .reasonTable textarea{width: 100%;height: 220px;overflow-y: scroll;box-sizing: border-box;} /*1:1문의*/ .writeTable input{border:1px solid #d7d7d7; padding:10px; width:100%; box-sizing: border-box;} .writeTable select{height:32px;} .writeTable textarea{width:100%;height:200px;overflow-y:scroll;} .writeTable input[type="file"]{border:none; width:200px;} .noAnswer{background: #d8d8d8; color: #696969; padding: 5px; width:50px; border-radius:2px; display:inline-block;} .Answer{background:#252525; color:#fff; padding:5px; width:50px; border-radius:2px; display:inline-block;} /*개인정보수정*/ .mypageBox01 .inner .myMenuRight .myInfoBox table td{text-align:left; padding-left:20px;} .mypageBox01 .inner .myMenuRight .myInfoBox table td input{border:1px solid #d7d7d7; padding:10px;} .mypageBox01 .inner .myMenuRight .myInfoBox table td select{width: 32%;box-sizing: border-box;height: 35px;vertical-align: top;} .mypageBox01 .inner .myMenuRight .myInfoBox table td span a{display: inline-block;background: #ddd;font-size: 14px;color: #777;padding: 9px;vertical-align: top;} /*아이디/비번찾기*/ .mypageBox01 .findBox{ margin:0 auto; border-bottom:1px solid #d7d7d7; padding-bottom:25px;} .mypageBox01 .findBox div{margin:-1px 0;} .mypageBox01 .findBox div label{width:60px; display:inline-block; font-size:17px; font-weight:600;} .mypageBox01 .findBox div input{border:1px solid #d7d7d7; padding:15px; width:200px;} .mypageBox01 .tabBtn{width:100%; margin:60px auto 0; height:66px;} .mypageBox01 .tabBtn ul li{ text-align:center;float:left; width:50%;box-sizing: border-box; border-left: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; font-weight: 700; padding: 20px 0; font-size: 18px;} .mypageBox01 .tabBtn ul li.active{border-bottom: none; border-top: 1px solid #2074c8;color: #2074c8;} .mypageBox01 .tabBtn ul li:last-child{border-right:1px solid #d7d7d7;} .mypageBox01 .tabInfoTable{text-align:center; padding:20px 0 20px;} .mypageBox01 .tabContent{border-left: 1px solid #d7d7d7; box-sizing: border-box; margin-top: -2px; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;} /*cs*/ .csBox h2{ background: url(../_img/h2_line.png) repeat-x 0 10px; font-size: 38px; text-align:center; margin-bottom:25px; line-height:38px;} .csBox h2 p{background: #fff; width:250px; margin:0 auto;} .csBox h2 p small{font-size:16px;} /*추가*/ .youtudeBox{ width:100%; margin:20px auto !important;} .youtudeBox .tit{ font-size: 20px; color: #2a9fc3; font-weight: 700; margin: 20px auto 10px;} .youtudeBox iframe{ width:100%; height:320px; background:#454545;} .eventListBox .inner > h2{background: url(../_img/h2_line.png) repeat-x 0 10px;font-size: 38px;text-align: center;margin-bottom: 25px;line-height: 38px;} .eventListBox .inner > h2 p{width:250px; background:#fff;margin: 0 auto;} .eventListBox .inner > h2 p small{font-size:14px;} .popupWrap{position:absolute; width:300px; height:230px; text-align:center; background:#fff;top:150px; left:50%; margin-left: -150px; z-index:99; display:none;} .popupWrap dl dt{ font-size:20px; font-weight:600; background:#454545; padding:10px 0; color:#fff; margin-bottom:10px;} .popupWrap dl dd{font-size:18px; line-height:24px; color:#252525;margin:30px 0;} .popupWrap dl dd.btn a{ width:200px; background:#f26c0e; padding:10px 10px;margin:0 auto; color:#fff; display:block;} /*newboard*/ .boardWrapBox{margin-bottom: 20px;} .boardWrapBox .inner table{margin:20px 0; border-top:2px solid #333; width:100%;} .boardWrapBox .inner table thead tr th, .boardWrapBox .inner table tbody tr td{padding:10px 0; text-align:center; border-bottom:1px solid #e8e8e8;} .boardWrapBox .inner table thead tr th{font-size:15px; font-weight:600;} .boardWrapBox .inner table tr td{font-size:14px; } .boardWrapBox .inner table tbody tr:hover{background:#f8f8f8;} .boardWrapBox .inner table tbody tr td a{color:#252525;display: block; width: 125px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;} .boardWrapBox .inputBoxWrap input[type='search']{width: 68%; height: 30px;border: 2px solid #ddd; background: #fff; border-radius: 5px; padding: 5px; box-sizing: border-box;} .boardWrapBox .inputBoxWrap button{margin-left:2%;border:none;font-weight: 600; border-radius: 2px; color: #fff; display: inline-block; width: 30%; text-align: center; height: 30px; line-height: 30px; background: #252525; font-size: 15px;} .boardWrapBox .Btn a{margin-top: 15px;color: #fff;font-weight: 600; border-radius: 2px; display: inline-block; width: 100%; text-align: center; height: 50px; line-height: 50px; background: #d52021; font-size: 17px;} .tl{text-align:left !important;} .form_input{padding:20px 0 0;} .form_input ul li{float:left;padding: 0px 0px 5px;box-sizing: border-box;} .form_input ul li p{padding-top:10px;} .btn_wrap a{text-align:center; display:inline-block; color:#fff; box-sizing:border-box;} .boardWrapBox .boardContent{margin-bottom:0 !important;} .faqBox{/*padding: 20px 20px 0;*/border-bottom: 1px solid #d9d9d9;} .faqBox h2{background: url(../_img/h2_line.png) repeat-x; font-size: 24px;} .faqBox h2 p{ background: #fff; width: 70px;} .boardWrapBox .inner table.qnaA { border-top:none; margin-top:0;} .boardWrapBox .inner table.qnaA th{background:#137bcc; color:#fff;text-align:center; padding:20px;font-size:15px;} .boardWrapBox .inner table.qnaA td{font-size:17px; text-align:left !important; padding-left:15px;} /***고객센터***/ section.subContainer .newsBox{margin-top:10px;} section.subContainer .newsBox dl{margin: 10px 0; padding: 10px;background:#f6f6f6;} section.subContainer .newsBox dl dt{margin-right: 3%;width: 40%;height: 90px;background:#fff;float:left;} section.subContainer .newsBox dl dt img{width:100%; height:100%;} section.subContainer .newsBox dl dd{width:57%;float:right;} section.subContainer .newsBox dl dd h3{font-size: 1.2em;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} section.subContainer .newsBox dl dd p{margin-top: 5px;height: 56px;line-height: 1.3em;white-space:normal;overflow:hidden;} .newsBox .boardTit{ height:53px; line-height:50px; font-size:16px; border-top:2px solid #222; border-bottom:1px solid #ddd; } .newsBox .boardTit .txt01{ width:80%; padding:0 5px; border-right:1px solid #ddd; float:left; } .newsBox .boardTit .txt02{ width:20%; padding:0 5px; text-align:center; float:right; } .newsBox .board_bottom a{ margin-top:50px; padding:5px 20px; color:#fff; background:#333; float:right; display:block; } .newsBox .newsInfo{ text-align:center; } .boardNext { overflow: hidden; margin: 35px auto; border-top: 2px solid #585858; border-bottom: 1px solid #a0a0a0; } .boardNext .prev, .boardNext .next { width: 100%; } .boardNext .prev a, .boardNext .next a { display: block; width: 100%; height: 45px; line-height: 45px; padding: 0 10px; overflow: hidden; font-size: 13px; } .boardNext .prev .arr { display: inline-block; background: url(/resource/img/ohmycarRe/icon_arrow_up.png) no-repeat 41px center; background-size: 7px; padding-right: 29px; border-right: 1px dotted #EAEAEA; margin-right: 15px; } .boardNext .next { border-top: 1px solid #d8d8d8; } .boardNext .next .arr { display: inline-block; background: url(/resource/img/ohmycarRe/icon_arrow_down03.png) no-repeat 41px center; background-size: 7px; padding-right: 29px; border-right: 1px dotted #EAEAEA; margin-right: 15px; } /*패스워드폼*/ .pwBoxWrap{text-align:center;margin: 160px 0 50px; border-bottom:1px solid #e8e8e8;} .pwBoxWrap p{font-size:17px; line-height:35px;} .pwWrap{width:300px; margin:40px auto 60px;} /*추가*/ .contentBox01 .subSearchBoxWrap{width:100%; background:#fff; border:1px solid #d7d7d7; margin-top:20px;} .contentBox01 .subSearchBox { width:90%; margin:15px auto; } .contentBox01 .subSearchBox select { width:33%; height:40px; float:left; border:1px solid #d7d7d7; background:#eeeeee; box-sizing:border-box; vertical-align:top; padding-left:10px; margin-bottom:10px; } .contentBox01 .subSearchBox input { width:67%;; height:40px; float:left; border:1px solid #d7d7d7; background:#eeeeee; box-sizing:border-box; padding:10px;vertical-align:2px; margin-bottom:10px; } .contentBox01 .subSearchBox button { width:104px; height:40px; border:none; background:#f26c0d; color:#fff; font-size:16px; cursor:pointer; width:100%; } .contentBox01 .subSearchBox:after { clear:both; } .foodContentBox02 .subSearchBoxWrap{width:100%; background:#fff; border:1px solid #d7d7d7; } .foodContentBox02 .subSearchBox { width:90%; margin:15px auto; } .foodContentBox02 .subSearchBox select { width:33%; height:40px; float:left; border:1px solid #d7d7d7; background:#eeeeee; box-sizing:border-box; vertical-align:top; padding-left:10px; margin-bottom:10px; } .foodContentBox02 .subSearchBox input { width:67%;; height:40px; float:left; border:1px solid #d7d7d7; background:#eeeeee; box-sizing:border-box; padding:10px;vertical-align:2px; margin-bottom:10px; } .foodContentBox02 .subSearchBox button { width:104px; height:40px; border:none; background:#f26c0d; color:#fff; font-size:16px; cursor:pointer; width:100%; } .foodContentBox02 .subSearchBox:after { clear:both; } .inListBox h2{background: url(../_img/h2_line.png) repeat-x 0 10px; font-size: 38px; text-align: center; margin: 130px auto 20px; line-height: 38px;} .inListBox h2 p{background: #fff; width:250px; margin:0 auto;} .inListBox h2 p small {font-size: 16px;} .p_btnWrap{text-align:right;} .p_btnWrap .p_btn{border-radius: 2px;display: inline-block;padding: 10px;margin: 10px 0 0 0;font-size: 12px;cursor: pointer;} .p_btnWrap .writeBtn{background:#252525; color:#fff;} .p_btnWrap .listBtn{border:1px solid #252525; color:#252525; box-sizing:border-box;padding: 9px;} /*#p_review-read {display:none;}*/ .re_num{margin-left:5px;font-size:12px;} .product_table #p_review-read .contArea{text-align:left;} #p_review-read .btnArea{ float: right;} #p_review-read .btnArea a{display:inline-block;text-align: center; width: 60px;font-size: 12px; padding: 5px 0; box-sizing: border-box; border-radius: 2px; background: #a5a5a5; color: #fff; cursor:pointer; margin-bottom: 10px;} #p_review-read .btnArea a.reBtn{background:#252525} .memoCont { width: 100%; border: 1px solid #8a8a8a; padding: 10px; box-sizing: border-box; margin-top: 10px; position: relative; clear:both;} .memoCont .writer .info p{width: 49%; float: left; text-align: left;} .memoCont .writer .info p strong{font-size:10px;} .memoCont .writer .info .name{margin-right:2%} .memoCont .writer .info p input{width:100%;padding: 5px;border: 1px solid #a9a9a9; box-sizing:border-box;} .memoCont .writer textarea{width: 100%;height: 65px;margin-top: 10px;padding: 10px;box-sizing: border-box;} .memoCont button{border: none;background: #f26c0d; color: #fff; font-size: 14px; border-radius: 2px; width: 100%; height: 40px;vertical-align: text-top; cursor:pointer;} #p_review-read .answer{margin-top:15px;border-top:1px solid #8a8a8a; text-align:left; width:100%;} #p_review-read .answer > div{padding:10px; box-sizing:border-box; margin-top: 15px;} .qna_write .starArea{padding:10px 0;} .uploader-wrap{ padding:15px 0 15px 100px;} .hospitalView .prev{left: 20px;position: absolute;top: 100px;background: rgba(2,2,2,0.5);padding: 10px; cursor:pointer;border-radius: 2px;} .hospitalView .next{right: 20px;position: absolute;top: 100px;background: rgba(2,2,2,0.5);padding: 10px; cursor:pointer;border-radius: 2px;} /*서브페이지 section.subContainer .inner .serviceBox ul{margin:40px 0 0;} section.subContainer .inner .serviceBox ul li{width:25%; float:left;box-sizing:border-box; padding: 0px 0 1px 1px;} section.subContainer .inner .serviceBox ul li a{ display:block; border-radius: 2px;color:#fff; width:100%; padding:20px 0; text-align:center; font-size:11px; font-weight:600;text-shadow:1px 1px 5px #585858;} section.subContainer .inner .serviceBox ul li p{} section.subContainer .inner .serviceBox ul li.service01 a{background:url(../_img/service01_bg.png) no-repeat center;background-size: cover;} section.subContainer .inner .serviceBox ul li.service01 i{background:url(../_img/service01.png) no-repeat; display:inline-block; width:43px; height:47px;margin-right:5px;} section.subContainer .inner .serviceBox ul li.service02 a{background:url(../_img/service02_bg.png) no-repeat center;background-size: cover;} section.subContainer .inner .serviceBox ul li.service02 i{background:url(../_img/service02.png) no-repeat; display:inline-block; width:32px; height:34px;margin-right:5px;} section.subContainer .inner .serviceBox ul li.service03 a{background:url(../_img/service03_bg.png) no-repeat center;background-size: cover;} section.subContainer .inner .serviceBox ul li.service03 i{background:url(../_img/service03.png) no-repeat; display:inline-block; width:20px; height:42px;margin-right:5px;} section.subContainer .inner .serviceBox ul li.service04 a{background:url(../_img/service04_bg.png) no-repeat center;background-size: cover;} section.subContainer .inner .serviceBox ul li.service04 i{background:url(../_img/service04.png) no-repeat; display:inline-block; width:20px; height:42px;margin-right:5px;} section.subContainer .inner .serviceBox ul li.service05 a{background:url(../_img/service05_bg.png) no-repeat center;background-size: cover;} section.subContainer .inner .serviceBox ul li.service05 i{background:url(../_img/service05.png) no-repeat; display:inline-block; width:33px; height:32px;margin-right:5px;} section.subContainer .inner .serviceBox ul li.service06 a{background:url(../_img/service06_bg.png) no-repeat center;background-size: cover;} section.subContainer .inner .serviceBox ul li.service06 i{background:url(../_img/service06.png) no-repeat; display:inline-block; width:31px; height:30px;margin-right:5px;} section.subContainer .inner .serviceBox ul li.service07 a{background:url(../_img/service07_bg.png) no-repeat center;background-size: cover;} section.subContainer .inner .serviceBox ul li.service07 i{background:url(../_img/service07.png) no-repeat; display:inline-block; width:33px; height:31px;margin-right:5px;} section.subContainer .inner .serviceBox ul li.service08 a{background:url(../_img/service08_bg.png) no-repeat center;background-size: cover;} section.subContainer .inner .serviceBox ul li.service08 i{background:url(../_img/service08.png) no-repeat; display:inline-block; width:26px; height:30px;margin-right:5px;} section.subContainer .inner .serviceBox ul li.service09 a{background:url(../_img/service09_bg.png) no-repeat center;background-size: cover;} section.subContainer .inner .serviceBox ul li.service09 i{background:url(../_img/service09.png) no-repeat; display:inline-block; width:25px; height:33px;margin-right:5px;} section.subContainer .inner .serviceBox ul li.service10 a{background:url(../_img/service10_bg.png) no-repeat center;background-size: cover;} section.subContainer .inner .serviceBox ul li.service10 i{background:url(../_img/service10.png) no-repeat; display:inline-block; width:34px; height:31px;margin-right:5px;} section.subContainer .inner .serviceBox ul li.service11 a{background:url(../_img/service11_bg.png) no-repeat center;background-size: cover;} section.subContainer .inner .serviceBox ul li.service11 i{background:url(../_img/service11.png) no-repeat; display:inline-block; width:31px; height:33px;margin-right:5px;} section.subContainer .inner .serviceBox ul li.service12 a{background:url(../_img/service12_bg.png) no-repeat center;background-size: cover;} section.subContainer .inner .serviceBox ul li.service12 i{background:url(../_img/service12.png) no-repeat; display:inline-block; width:37px; height:36px;margin-right:5px;} section.subContainer .inner .serviceBox ul li.service13 a{background:url(../_img/service13_bg.png) no-repeat center;background-size: cover;} section.subContainer .inner .serviceBox ul li.service13 i{background:url(../_img/service13.png) no-repeat; display:inline-block; width:28px; height:30px;margin-right:5px;} section.subContainer .inner .serviceBox ul li.service14 a{background:url(../_img/service14_bg.png) no-repeat center;background-size: cover;} section.subContainer .inner .serviceBox ul li.service14 i{background:url(../_img/service14.png) no-repeat; display:inline-block; width:28px; height:30px;margin-right:5px;} section.subContainer .inner .serviceBox ul li.service15 a{background:url(../_img/service15_bg.png) no-repeat center;background-size: cover;} section.subContainer .inner .serviceBox ul li.service15 i{background:url(../_img/service15.png) no-repeat; display:inline-block; width:32px; height:30px;margin-right:5px;} section.subContainer .inner .serviceBox ul li.service16 a{background:url(../_img/service16_bg.png) no-repeat center;background-size: cover;} section.subContainer .inner .serviceBox ul li.service16 i{background:url(../_img/service16.png) no-repeat; display:inline-block; width:24px; height:37px;margin-right:5px;} */ section .subVisualWrap{width:100%;height: 70px;display:table;background: url(/_img/sub_visual_bg.jpg) no-repeat center center;background-size:cover;box-shadow: inset 0 1px 1px rgba(150,0,0,0.7);} section.subContainerMy .subVisualWrap{height:180px;} section .subVisualWrap .inner{display:table-cell;vertical-align:middle;} section .subVisualWrap .inner p{text-align:center;font-size: 1.5em;color:#fff;font-weight:600;} section .subVisualWrap .inner p span{font-size:14px; line-height:20px;font-weight:300; border-bottom:1px solid #fff; display:inline-block;padding-bottom:5px; width:80%;} section.subContainer .subContentWrap .subContentBox .storyBox{margin-top: 10px;color:#000;background:url(/_img/story_bg.png) no-repeat top center;} section.subContainer .subContentWrap .subContentBox .storyBox dl{padding: 20px 10px;} section.subContainer .subContentWrap .subContentBox .storyBox dt{width: 100%;font-size: 2em;line-height: 1em;text-align:center;} section.subContainer .subContentWrap .subContentBox .storyBox dd{text-align: center;font-size: 0.9em;} section.subContainer .subContentWrap .subContentBox .storyBox dd:before{content:'';margin: 10px auto;width:5%;height:2px;background:#de0000;display:block;} section.subContainer .subContentWrap .subContentBox .companyTop02{height:100px; background:url(/_img/company_visual02.png) no-repeat center center; background-size:cover;} .brand p{margin-top:20px; font-size:18px; text-align:center; font-weight:600;} section.subContainer .centerBanner a{margin:12px auto; width:96%; display:block;} #serviceIndex .subServiceMenuTab{display:none;} .subServiceMenuTab{margin-top:10px;} .subServiceMenuTab ul li{width:25%;float:left; text-align:center;} .subServiceMenuTab ul li a{display:block; background:#fff; color:#454545; padding:15px 0; border:1px solid #ccc; font-size:10px; margin:1px 0 0 1px;} .subServiceMenuTab ul li.active a{background:#d51f21; color:#fff; font-weight:500;border: 1px solid #d51f21;} section .subNaviWrap{width:100%; background:#2b2b2b; color:#fff; height:50px;} section .subNaviWrap div .subNaviMenu > div{float:left;width:180px; text-align:center; border-right: 1px solid #fff; height: 50px;/*overflow: hidden;*/} section .subNaviWrap div .subNaviMenu > div:after{content:'';display:block;clear:both;} section .subNaviWrap div .subNaviMenu > div:first-child{border-left:1px solid #fff;} section .subNaviWrap div .subNaviMenu div ul{ /*width:100%;*/ overflow: hidden; box-sizing: border-box;/* padding: 20px 0;*/ line-height: 50px;} section .subNaviWrap div .subNaviMenu div ul li a{color:#fff; font-size:15px; text-align:center; display:block;height:50px;} section .subNaviWrap div .subNaviMenu div ul li a:after{width:17px; height:10px;content:'';display:inline-block; background:url(../_img/arw.png) no-repeat; margin-left:10px;} section .subNaviWrap div .subNaviMenu div:first-child ul li a:after{width:0; background:none;} section.subContainer .subContentWrap{position:relative;} /*회사소개 페이지*/ /*텝01*/ [class^="tabArea"]{margin:30px auto;} [class^="tabArea"] .tab{width:100%; border:1px solid #F4F6F7; border-radius:50px; box-shadow:2px 2px 2px #d0d1d2; padding:10px;} [class^="tabArea"] .tab ul{overflow:hidden;} [class^="tabArea"] .tab ul li{float:left; width:48%; background-color:#f4faff; border-radius:50px; position:relative;} .tabArea01 .tab ul li.active{background-color:#1e1d55;} .tabArea01 .tab ul li.active a{color:#fff;} .tabArea02 .tab ul li.active{background-color:#1e1d55;} .tabArea02 .tab ul li.active a{color:#fff;} [class^="tabArea"] .tab ul li a{display:block; text-align:center; color:#000; padding:10px 0; font-size:18px; font-weight:700; letter-spacing:2.6px;} .tabArea01 .tab ul li:nth-child(2){margin:0 0 0 4%;} /*텝//*/ /*첫번째 내용*/ .company .tabTxt01{background-color:#353544; padding:8px 0;} .company .tabTxt01 ul li:first-child img{width:100%;} .company .tabTxt01 ul li:last-child p{color:#fff; text-align:left;} .company .tabTxt01 ul li:last-child .companyTitle{text-align:center; font-size:22px; padding-top:20px;} .company .tabTxt01 ul li:last-child .companyTitle span{font-weight:700; color:#00fffc;} .company .tabTxt01 ul li:last-child .companyTxt{text-align:center; font-size:16px; padding-top:15px;} /*첫번째 내용//*/ /*두번째 내용*/ .company .tabTxt02{padding:50px 0;} .company .tabTxt02, .company .tabTxt03{text-align:center;} .company .tabTxt02 p:first-child{font-size:15px; font-weight:300;} .company .tabTxt02 ul li:first-child{margin-bottom:10px;} .company .tabTxt02 ul li img{width:100%;} .company .tabTxt02 p .colorBlue{color:#0093ff; font-weight:600;} .company .tabTxt02 p .fontSize{font-size:22px; font-weight:700;} .company .tabTxt02 .rentTxt{font-weight:800px; font-size:16px; padding:20px 0;} /*두번째 내용//*/ /*세번째*/ .company .tabTxt03{background:url('/_img/company_background.jpg') no-repeat 83% 50%; background-size:cover; padding:100px 0;} .company .tabTxt03>div p:nth-child(2){font-size:16px; padding-top:30px; color:#5d5c5c;} .company .tabTxt03>div p .bold{font-weight:600; color:#414141;} .company .tabTxt03 ul{padding-top:30px;} .company .tabTxt03 ul li{float:left; margin-right:1%; background-color:#fff; width:24%; padding:5% 0;} .company .tabTxt03 ul li:last-child{margin-right:0;} .company .tabTxt03 ul li img{padding:10px 0; width:40px;} .company .tabTxt03 ul li p:first-child{font-weight:700;} .company .tabTxt03 ul li p:last-child{font-size:17px; font-weight:700;} .company .tabTxt03 ul .step01 p:first-child, .company .tabTxt03 ul .step01 p:last-child{color:#47a5ff;} .company .tabTxt03 ul .step02 p:first-child, .company .tabTxt03 ul .step02 p:last-child{color:#0093ff;} .company .tabTxt03 ul .step03 p:first-child, .company .tabTxt03 ul .step03 p:last-child{color:#016bb9;} .company .tabTxt03 ul .step04 p:first-child, .company .tabTxt03 ul .step04 p:last-child{color:#0c5890;} /*세번째//*/ /*네번째*/ .company .tabTxt04{background:url('/_img/company_pel.png') no-repeat 50% 117% #222; padding:80px 0 130px;} .company .tabTxt04 h3{font-size:22px; font-weight:700; color:#fff; text-align:center;} .company .tabTxt04 .subtitle{font-size:16px; text-align:center; color:#fff;} .company .tabTxt04 .group ul li{float:left; width:23.5%; text-align:center; font-size:25px; letter-spacing:-1.6; margin-right:2%; margin-bottom:20px;} .company .tabTxt04 .group ul li:last-child{margin-right:0px;} .company .tabTxt04 .group ul li h4{font-size:16px; padding:8px 0px; background-color:#fff; margin-bottom:10px; color:#fff;} .company .tabTxt04 .group ul li p{background:rgba(255, 255, 255, 0.8); margin-bottom:1px; font-size:14px; font-weight:500; padding:12px 0;} .company .tabTxt04 .group .owner{width:100%; padding:30px 0;} .company .tabTxt04 .group .owner img{display:block; margin:0 auto; width:45%;} .company .tabTxt04 .group ul li .grouptitle01{background-color:#38ccff;} .company .tabTxt04 .group ul li .grouptitle02{background-color:#38b0ff;} .company .tabTxt04 .group ul li .grouptitle03{background-color:#3895ff;} .company .tabTxt04 .group ul li .grouptitle04{background-color:#385eff;} /*네번째//*/ /*회사소개 페이지//*//*연혁*/ /*텝02*/ .tabArea02 .tab ul li.active{background-color:#1e1d55;} .tabArea02 .tab ul li.active a{color:#fff;} .tabArea02 .tab ul li:nth-child(2){margin:0 0 0 4%;} /*텝//*/ .tabContents{background:url('/_img/historyback.png') no-repeat 18% -3%; } .storyBox{position:relative; padding:85px 0} .storyBox ul li{padding:20px 0;} .storyBox ul li dl{position:relative;} .storyBox ul li .newest:after{position:absolute; top:70px; left:55px; display:block; content:''; width:10px; height:10px; background-color:#fff; transform:rotate(45deg);} .storyBox ul li dl:after{position:absolute; top:70px; left:55px; display:block; content:''; width:10px; height:10px; background-color:#285078; transform:rotate(45deg);} .storyBox ul li dl{overflow:hidden; padding:26px 20px;} .storyBox ul li dl dt{float:left; font-size:24px; font-weight:700;} .storyBox ul li dl dd{font-size:16px; padding-left:100px; line-height:1.7; text-align:left;} .storyBox .newest{color:#fff; background:rgba(27,52,94,0.7);} /*연혁//*/ /*실시간 견적신청*/ .consultbox:after{display:block; content:''; clear:both;} .consultbox{background-color:#fff; overflow:hidden; box-shadow:2px 2px 10px #ddd; border:5px solid #ddd; box-sizing:border-box; margin:40px 0; padding-top:20px;} .consultitle{position:relative; text-align:center;} .consultitle h2{font-size:25px; color:#2c469d; text-align:center;} .consultitle p{text-align:center; margin:5px 0 20px; color:#626567; font-size:15px;} .consultex{padding:10px 15px 30px;} .consultex ul li{font-size:15px; margin-bottom:10px; color:#000; line-height:42px;} .consultex ul li input, .consultex ul li select{float:right; width:70%; font-size:15px; padding:10px 0; text-indent:5px;} .consultex>div{font-size:15px;} .consultex ul li input, .consultex ul li select, .consultex .textbox textarea, .consultex .contBt button{outline:none; background-color:#f5f5f5; border:none} .consultex .textbox:after{display:block; content:''; clear:both;} .consultex .textbox{padding:0 0 11px 0;} .consultex .textbox span{line-height:97px;} .consultex .textbox textarea{float:right; width:64%; height:80px; padding:10px; resize:none;} .consultex .contBt button{width:100%; font-size:17px; font-weight:600; padding:15px; background-color:#fff; color:#2c469d; border:2px solid #2c469d; cursor:pointer;} .consultex .contBt button:hover{background-color:#2c469d; color:#fff;} .close{cursor:pointer;} /*개인정보*/ .agreecheck>div{float:left; font-size:15px; padding-bottom:10px;} .agreecheck>div:last-child{float:right;} .agreeFormBtn{background-color:#979A9A; border:1px solid #979A9A; color:#fff; padding:3px;} /*개인정보//*/ /*실시간 견적신청//*/ /*서비스소개*/ section.subContainer h2.serviceTit{text-align:center; font-size:24px; font-weight:600; color:#454545;margin: 20px 0;} section.subContainer .subContentWrap .subConVisualWrap{width:100%; height:150px; margin:20px 0;display:table;} section.subContainer .subContentWrap .subConVisualWrap > div{display:table-cell;vertical-align:middle;color:#fff; text-align:center; font-size:17px;text-shadow:1px 1px 5px #585858; font-weight:600;} section.subContainer .subContentWrap .subConVisual01_01{background:url(../_img/subvisual01_01.jpg) no-repeat;background-size: cover;} section.subContainer .subContentWrap .subConVisual02_01{background:url(../_img/subvisual02_01.jpg) no-repeat;background-size: cover;} section.subContainer .subContentWrap .subConVisual03_01{background:url(../_img/subvisual03_01.jpg) no-repeat;background-size: cover;} section.subContainer .subContentWrap .subConVisual04_01{background:url(../_img/subvisual04_01.jpg) no-repeat;background-size: cover;} section.subContainer .subContentWrap .subConVisual05_01{background:url(../_img/subvisual05_01.jpg) no-repeat;background-size: cover;} section.subContainer .subContentWrap .subConVisual06_01{background:url(../_img/subvisual06_01.jpg) no-repeat;background-size: cover;} section.subContainer .subContentWrap .subConVisual07_01{background:url(../_img/subvisual07_01.jpg) no-repeat;background-size: cover;} section.subContainer .subContentWrap .subConVisual08_01{background:url(../_img/subvisual08_01.jpg) no-repeat;background-size: cover;} section.subContainer .subContentWrap .subConVisual09_01{background:url(../_img/subvisual09_01.jpg) no-repeat;background-size: cover;} section.subContainer .subContentWrap .subConVisual10_01{background:url(../_img/subvisual10_01.jpg) no-repeat;background-size: cover;} section.subContainer .subContentWrap .subConVisual11_01{background:url(../_img/subvisual11_01.jpg) no-repeat;background-size: cover;} section.subContainer .subContentWrap .subConVisual12_01{background:url(../_img/subvisual12_01.jpg) no-repeat;background-size: cover;} section.subContainer .subContentWrap .subConVisual13_01{background:url(../_img/subvisual13_01.jpg) no-repeat;background-size: cover;} section.subContainer .subContentWrap .subConVisual14_01{background:url(../_img/subvisual14_01.jpg) no-repeat;background-size: cover;} section.subContainer .subContentWrap .subConVisual15_01{background:url(../_img/subvisual15_01.jpg) no-repeat;background-size: cover;} section.subContainer .subContentWrap .subConVisual16_01{background:url(../_img/subvisual16_01.jpg) no-repeat;background-size: cover;} section.subContainer .subContentWrap .product_txtBox{text-align:center; padding:20px 0; font-size:14px; line-height:28px;} section.subContainer .subContentWrap .subConMenu{width:100%;} section.subContainer .subContentWrap .subConMenu ul{width:100%;/*display:flex;*/justify-content: center;} section.subContainer .subContentWrap .subConMenu ul li{float:left;width:25%; text-align:center;/*border-right: 1px solid #fff*/;box-sizing: border-box;margin-bottom: 1px;display:table;} section.subContainer .subContentWrap .subConMenu ul li a{box-sizing:border-box; height:60px;width:100%;color:#fff; font-weight:600;font-size:11px; background:#2b2b2b; display:table-cell; vertical-align:middle;padding:15px 0; border-right:1px solid #fff;} section.subContainer .subContentWrap .subConMenu ul li.active a{background:#d52121; } section.subContainer .subContentWrap .subConMenu ul li a:hover{background:#d52121;} .subConBottom{width:100%; background:#555; margin:0 auto;} .subConBottom ul li{width:25%; float:left; border-right:1px solid #fff; box-sizing:border-box;} .subConBottom ul li a{ color:#fff;display:block; padding:15px 0; text-align:center;font-size:17px; font-weight:500;} .centerBanner{margin:20px auto;} section.subContainer .subContentWrap .subContent{width:100%;/*padding: 20px 0;*/ box-sizing:border-box;} section.subContainer .subContentWrap .subContent > p.tit{font-size:20px; color:#fff;font-weight:600;background:#d52121; padding:10px 0; text-align:center;} section.subContainer .subContentWrap .subContent > p.txt{font-size:14px;text-align:center; border-left:1px solid #ccc; box-sizing:border-box; border-right:1px solid #ccc; padding:20px 0;} section.subContainer .subContentWrap .subContent > ul > li{/*width:50%;*/ text-align:center; font-size:12px;/*float: left;*/ border-left:1px solid #ccc; box-sizing:border-box; border-right:1px solid #ccc;padding:20px 0; border-top:1px solid #ccc;} section.subContainer .subContentWrap .subContent > div{background:#f3f3f3; border-radius:2px;padding: 10px;margin-bottom: 10px;} section.subContainer .subContentWrap .subContent div p{font-size:17px; color:#252525; text-align:center;} section.subContainer .subContentWrap .subContent div:after{content:''; display:block;clear:both;} section.subContainer .subContentWrap .subContent div div > p{font-weight:400;} section.subContainer .subContentWrap .subContent div > p{font-size:18px; color:#454545; font-weight:600;} section.subContainer .subContentWrap .subContent .content01{} section.subContainer .subContentWrap .subContent div .box01{background:#fff; width:100%; margin:10px auto; padding:10px; box-sizing: border-box; border-radius:2px;text-align: center;} section.subContainer .subContentWrap .subContent .content01 ul{-webkit-column-count: 1;-moz-column-count: 1;-o-column-count: 1;column-count: 1;} section.subContainer .subContentWrap .subContent .content01 ul > li{margin-bottom:10px;} section.subContainer .subContentWrap .subContent .content01 ul > li:after{content:'';display:block; clear:both;} section.subContainer .subContentWrap .subContent .content01 ul > li div.d_txt{width:50%;float: right;padding-top: 10px; height: 156px; overflow: auto;} section.subContainer .subContentWrap .subContent .content01 ul > li div.d_txt:after, section.subContainer .subContentWrap .subContent .content01 ul > li div.d_img:after{content:'';display:block;clear:both;} section.subContainer .subContentWrap .subContent .content01 ul > li div > p{ text-align:left;width:100%; font-size:12px;} section.subContainer .subContentWrap .subContent .content01 ul > li div.d_img{width:120px; height:156px; background:#ccc;display: inline-block;} section.subContainer .subContentWrap .subContent .content01 ul > li div.d_img img{width:160px; height:156px;} section.subContainer .subContentWrap .subContent .content02 div > div{ width:100%; float:left;} section.subContainer .subContentWrap .subContent .content02 div > div.bic_thum img{ width:100%; height:200px;} section.subContainer .subContentWrap .subContent .content02 div > div ul li a{width:100%; height:75px;background:#ccc; display:block;} section.subContainer .subContentWrap .subContent .content02 div > div ul li{padding:1px;box-sizing:border-box;width: 25%;height: 75px;float: left;box-sizing: border-box;margin:1px 0;} section.subContainer .subContentWrap .subContent .content03 div ul{-webkit-column-count: 1;-moz-column-count: 1;-o-column-count: 1;column-count: 1;} section.subContainer .subContentWrap .subContent .content03 div ul li{/*display:table;*/margin-bottom: 10px;} section.subContainer .subContentWrap .subContent .content03 div ul li:after{content:''; display:block; clear:both;} section.subContainer .subContentWrap .subContent .content03 div ul li > div.photo{ height:160px; background:#ccc;width: 100%;} section.subContainer .subContentWrap .subContent .content03 div ul li > div.txt{/*width:50%;display: table-cell;vertical-align: middle;*/text-align:center;/*padding-left: 20px*/;box-sizing: border-box;} section.subContainer .subContentWrap .subContent .content03 div ul li > div.txt p{/*display:table-cell; */font-size: 14px;} section.subContainer .subContentWrap .subContent .content03 div ul li > div:after{clear:both;display:block;content:'';} section.subContainer .subContentWrap .subContent .content04 div > div{/*float :left;*/ width:100%; padding:0 10px; box-sizing:border-box;} section.subContainer .subContentWrap .subContent .content04 div > .content04_Box01{} section.subContainer .subContentWrap .subContent .content04 div > div ul li{margin:10px 0;} section.subContainer .subContentWrap .subContent .content04 div > div ul li img{width:100%; height:170px;} section.subContainer .subContentWrap .subContent .content05{} section.subContainer .subContentWrap .subContent .content05 div > div{ /*float:left; width:50%;*/ box-sizing:border-box;} section.subContainer .subContentWrap .subContent .content05 div p{margin-bottom:10px;} section.subContainer .subContentWrap .subContent .content05 .content05_picture{ /*border-right:1px solid #ccc;*/ } section.subContainer .subContentWrap .subContent .content05 .content05_picture ul li div{/*float:left;*/ width:100%; background:#ccc;/*margin: 0 10px 0 0;*/ box-sizing:border-box;} section.subContainer .subContentWrap .subContent .content05 .content05_picture ul li{margin-bottom:10px;} section.subContainer .subContentWrap .subContent .content05 .content05_picture ul li div img{width:100%; height:170px;} section.subContainer .subContentWrap .subContent .content05 .content05_video div{width: 100%;height: 170px;background: #ccc; box-sizing: border-box;} section.subContainer .subContentWrap .subContent .content06 table{width:100%;} section.subContainer .subContentWrap .subContent .content06 table thead th{border:1px solid #e65151; font-weight:600; padding:10px 0;} section.subContainer .subContentWrap .subContent .content06 table tbody td{border-bottom:1px solid #ccc; padding:10px; border-left:1px solid #ccc; border-right:1px solid #ccc; } section.subContainer .subContentWrap .subContent .content06 table tbody td.font_b{text-align:center; font-weight:600;} section.subContainer .subContentWrap .subContent .content06 div > p{font-size:12px; margin-top:10px;} section.subContainer .subContentWrap .subContent .content06 div > p.tit{font-size:20px; font-weight:400; margin:10px 0;} /*마이페이지*/ section.subContainerMy{background:#eee; width:100%; height:100%;} section.subContainerMy .subContentWrap .mypageWrap .myContentRight .myTabMenu .mytabWrap{} section.subContainerMy .subContentWrap .mypageWrap .myContentRight .myTabMenu .mytabWrap li{width:50%;box-sizing:border-box; float:left; text-align:center;} section.subContainerMy .subContentWrap .mypageWrap .myContentRight .myTabMenu .mytabWrap li a{ display:block;padding:10px 0; background:#fff;} section.subContainerMy .subContentWrap .mypageWrap .myContentRight .myTabMenu .mytabWrap li.active a{color:#fff;background:#252525;} /* section.subContainerMy .subContentWrap div .mypageWrap .myContentLeft{width:100%;margin-bottom: 10px; padding-top:10px;} */ section.subContainerMy .subContentWrap div .mypageWrap .myContentLeft .myInfo{height:130px; background:#f7f7f7; text-align:center;padding: 25px 20px;box-sizing: border-box;display:table;} section.subContainerMy .subContentWrap div .mypageWrap .myContentLeft .myInfo .mypageImg {width:80px;height:80px; border-radius:50%; overflow:hidden; background:#ccc; /*margin:0 auto 20px;*/ float:left;} section.subContainerMy .subContentWrap div .mypageWrap .myContentLeft .myInfo .mypageIdInfo{display:table-cell; width:100%; vertical-align:middle;} section.subContainerMy .subContentWrap div .mypageWrap .myContentLeft .myInfo .mypageIdInfo p{font-size:15px; color:#ff5d5d;} section.subContainerMy .subContentWrap div .mypageWrap .myContentLeft .mypageM{margin-top:10px;} section.subContainerMy .subContentWrap div .mypageWrap .myContentLeft .mypageM ul li{width:100%;font-size:14px; font-weight:400; box-sizing:border-box; /*border:1px solid #ccc*/;float:left;padding: 1px;} section.subContainerMy .subContentWrap div .mypageWrap .myContentLeft .mypageM > ul > li > a{ border-radius:2px; display:block;width:100%;color:#252525; box-sizing:border-box; height:40px; line-height:40px; text-align:center; background:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentLeft .mypageM ul li.active a{background: #d52121; color:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentLeft .mypageM ul li.active:nth-child(1) a i{font-weight:600; background:url(../_img/my_icon01_active.png) no-repeat center;background-size:30px;width: 30px; height: 40px; padding: 12px 0;} section.subContainerMy .subContentWrap div .mypageWrap .myContentLeft .mypageM ul li.active:nth-child(2) a i{font-weight:600; background:url(../_img/my_icon02_active.png) no-repeat center;background-size:35px;width: 35px; height: 24px; padding: 20px 0 20px} section.subContainerMy .subContentWrap div .mypageWrap .myContentLeft .mypageM ul li.active:nth-child(3) a i{font-weight:600; background:url(../_img/my_icon03_active.png) no-repeat center;background-size:35px;width: 35px; height: 28px; padding: 20px 0 15px;} section.subContainerMy .subContentWrap div .mypageWrap .myContentLeft .mypageM ul li.active:nth-child(4) a i{font-weight:600; background:url(../_img/my_icon04_active.png) no-repeat center;background-size:30px;width: 30px; height: 35px;padding: 15px 0;} section.subContainerMy .subContentWrap div .mypageWrap .myContentLeft .mypageM ul li.active:nth-child(5) a i{font-weight:600; background:url(../_img/my_icon05_active.png) no-repeat center;background-size:35px;width: 35px; height: 32px;padding: 20px 0 15px} section.subContainerMy .subContentWrap div .mypageWrap .myContentLeft .mypageM ul li.active:nth-child(6) a i{font-weight:600; background:url(../_img/my_icon06_active.png) no-repeat center;background-size:30px;width: 30px; height: 28px;padding: 20px 0 18px} section.subContainerMy .subContentWrap div .mypageWrap .myContentLeft .mypageM ul li a i{display:block;margin:0px auto; } section.subContainerMy .subContentWrap div .mypageWrap .myContentLeft .mypageM ul li.myMenu01 a i{background:url(../_img/my_icon01.png) no-repeat center;background-size:30px;width: 30px; height: 40px; padding: 12px 0;} section.subContainerMy .subContentWrap div .mypageWrap .myContentLeft .mypageM ul li.myMenu02 a i{background:url(../_img/my_icon02.png) no-repeat center;background-size:35px;width: 35px; height: 24px; padding: 20px 0 20px} section.subContainerMy .subContentWrap div .mypageWrap .myContentLeft .mypageM ul li.myMenu03 a i{background:url(../_img/my_icon03.png) no-repeat center;background-size:35px;width: 35px; height: 28px; padding: 20px 0 15px;} section.subContainerMy .subContentWrap div .mypageWrap .myContentLeft .mypageM ul li.myMenu04 a i{background:url(../_img/my_icon04.png) no-repeat center;background-size:30px;width: 30px; height: 35px;padding: 15px 0;} section.subContainerMy .subContentWrap div .mypageWrap .myContentLeft .mypageM ul li.myMenu05 a i{background:url(../_img/my_icon05.png) no-repeat center;background-size:35px;width: 35px; height: 32px;padding: 20px 0 15px} section.subContainerMy .subContentWrap div .mypageWrap .myContentLeft .mypageM ul li.myMenu06 a i{background:url(../_img/my_icon06.png) no-repeat center;background-size:30px;width: 30px; height: 28px;padding: 20px 0 18px} section.subContainerMy .subContentWrap div .mypageWrap .myContentLeft .mypageM ul li.myMenu01:hover a i{background:url(../_img/my_icon01_active.png) no-repeat center;background-size:30px;width: 30px; height: 40px;padding: 12px 0;} section.subContainerMy .subContentWrap div .mypageWrap .myContentLeft .mypageM ul li.myMenu02:hover a i{background:url(../_img/my_icon02_active.png) no-repeat center;background-size:35px;width: 35px; height: 24px; padding: 20px 0 20px} section.subContainerMy .subContentWrap div .mypageWrap .myContentLeft .mypageM ul li.myMenu03:hover a i{background:url(../_img/my_icon03_active.png) no-repeat center;background-size:35px;width: 35px; height: 28px; padding: 20px 0 15px;} section.subContainerMy .subContentWrap div .mypageWrap .myContentLeft .mypageM ul li.myMenu04:hover a i{background:url(../_img/my_icon04_active.png) no-repeat center;background-size:30px;width: 30px; height: 35px;padding: 15px 0;} section.subContainerMy .subContentWrap div .mypageWrap .myContentLeft .mypageM ul li.myMenu05:hover a i{background:url(../_img/my_icon05_active.png) no-repeat center;background-size:35px;width: 35px; height: 32px;padding: 20px 0 15px} section.subContainerMy .subContentWrap div .mypageWrap .myContentLeft .mypageM ul li.myMenu06:hover a i{background:url(../_img/my_icon06_active.png) no-repeat center;background-size:30px;width: 30px; height: 28px;padding: 20px 0 18px} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight{float:right;width:100%; /*min-height:610px; *background:#fff; margin:50px 0;*/} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContent{ width:100% ;margin:10px auto; background:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContent h2{font-size:24px;font-weight:600; color:#454545;padding: 10px 15px; text-align:center;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox{ margin-top:20px;box-sizing: border-box; padding: 0 10px 10px; } section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.scheduleTable{width:100%;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.scheduleTable th, section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.scheduleTable td{border:1px solid #ececec;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.scheduleTable thead th{text-align:center; padding:10px 0; font-weight:500; border-top:1px solid #d52121; font-size:17px; color:#fff; background: #d52121;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.scheduleTable tbody td{padding:10px 0; text-align:center;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.scheduleTable tbody td span{width:108px; display:inline-block; margin:0 auto; padding: 3px;border-radius: 2px;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.scheduleTable tbody td span.step01{background:#dc412f;color:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.scheduleTable tbody td span.step02{background:#ed5d67;color:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.scheduleTable tbody td span.step03{background:#f9a71e;color:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.scheduleTable tbody td span.step04{background:#39a9e1;color:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.scheduleTable tbody td span.step05{background:#00b49d;color:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.scheduleTable tbody td span.step06{background:#6c69e2;color:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.scheduleTable tbody td span.step07{background:#596f80;color:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.scheduleTable tbody td span.step08{background:#db535d;color:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.scheduleTable tbody td span.step09{background:#484848;color:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.scheduleTable tbody td span.step10{background:#dedede;color:#454545;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.scheduleTable tbody td a.btn{color:#2874e8; margin-left:10px; display:inline-block;padding:3px 5px; border-radius:2px;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox h3{font-size:20px; font-weight:400;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.myInfoTable{width:100%;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.myInfoTable th{width:44%;/* text-align:right; padding-right:3%; box-sizing:border-box; font-size:0.8em; font-weight:500;*/} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.myInfoTable th, section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.myInfoTable td{ height:40px;line-height:20px;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.myInfoTable td{padding:10px 0; line-height:18px; font-size:0.8em} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li{margin:5px 0;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li:after{content:'';display:block;clear:both;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul.mypageIndex > li{/*margin:20px 0;*/ padding: 10px;background: #f7f7f7;box-sizing: border-box;} /*section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li.paymentBox, section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li.snsBox , section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li.mBox{border:1px solid #ccc; padding:15px ;box-sizing:border-box;}*/ section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li.paymentBox .paymentWrap{position:relative;width:100%;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li.paymentBox .paymentWrap .payment{width: 100%;padding: 10px; background: #d52021;color: #fff;font-size: 14px;margin: 10px 0;border-radius: 2px; position:relative;box-sizing: border-box;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li.paymentBox .paymentWrap .payment .payment_btn a{font-size:10px; background:#fff; color:#d52021; display:inline-block; padding: 5px 10px; border-radius:2px; float:right;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li.paymentBox .paymentWrap .payment .sum{font-size: 17px; vertical-align: inherit; font-weight: 600; width: 50%; display: inline-block; text-align: center;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li.paymentBox .paymentWrap .btn > div{float:left; width:50%; text-align:center;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li.paymentBox .paymentWrap .btn > div a{display:inline-block; width:100%;font-size:14px;padding:10px 0; font-weight:500;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li.paymentBox .paymentWrap .btn > div a.callBtn{background:#fbcc19; color:#252525;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li.paymentBox .paymentWrap .btn > div a.bookingBtn{background:#252525;color:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li.snsBox{width:100%; position:relative;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li.snsBox > div{float:left;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li.snsBox > div:nth-child(2){width: 100%; border:1px solid #ccc; padding:5px; box-sizing:border-box; border-radius:2px; background:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li.snsBox > div a{display:inline-block; color:#fff; background:#d52021; padding:5px 10px; border-radius:2px; position:absolute; right: 10px; top: 21px;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > div.tit{font-size:17px; font-weight:500; padding: 12px 0;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li > div{float:left;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li > div:nth-child(1){width:60%;text-align:center;line-height: 30px;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li > div:nth-child(2){width:40%;text-align:center;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li{height:30px; padding:10px 0; width:100%; border:2px;font-size: 15px;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li:nth-child(2n){background:#eee;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li:nth-child(2n+1){background:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li:after{content:'';display:block; clear:both;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li div span{width:80px; display:inline-block; margin:0 auto; padding: 3px;border-radius: 2px; text-align:center;font-size: 12px;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li div span.step01{background:#dc412f;color:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li div span.step02{background:#ed5d67;color:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li div span.step03{background:#f9a71e;color:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li div span.step04{background:#39a9e1;color:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li div span.step05{background:#00b49d;color:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li div span.step06{background:#6c69e2;color:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li div span.step07{background:#596f80;color:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li div span.step08{background:#db535d;color:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li div span.step09{background:#484848;color:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li div span.step10{background:#dedede;color:#454545;} /*상담신청*/ section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox ul{width:100%;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox ul li{/*min-height:54px;*/} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .infoBox ul li{/*height:54px;*/padding: 10px 0;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox ul li div.list_tit{float:left; text-align:right; width:22%; font-size:0.8em; font-weight:400;/*line-height:54px;*/ font-weight:500; padding-top: 10px;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox ul li div.list_con{width:78%; float:right; padding:0px 20px; box-sizing: border-box; font-size:0.8em;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox ul li div.list_con textarea{border:1px solid #ececec; padding:10px; width:90%; height:200px;overflow-y: scroll;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox ul li div.list_con > div{float:left;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox input{border:1px solid #ececec; padding:10px; } section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox input[type=checkbox]{display:inline-block; margin:0 5px;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox select{border:1px solid #ececec; padding:10px; width:187px; height:40px;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox .list_con span{position:relative;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox .list_con span:after{position:absolute; content: '';display: inline-block;width: 10px; height: 6px;background: url(../_img/arr_select.png) no-repeat 0 0; position: absolute;top: 8px;right: 10px;} /*이용후기*/ section.subContainer .inner .reviewBox ul li{ float:left;width:50%; box-sizing:border-box; padding: 2px;} section.subContainer .inner .reviewBox ul li a{width:100%; height:220px; border:1px solid #cccccc; border-radius:2px; box-sizing:border-box; background:#ebebeb; display:block;color:#454545;} section.subContainer .inner .reviewBox ul li a > div{width:100%; float:left;box-sizing:border-box;} section.subContainer .inner .reviewBox ul li a .imgBox{background:#ddd;height:110px; } section.subContainer .inner .reviewBox ul li a .textBox{padding:10px;position:relative;height:110px;} section.subContainer .inner .reviewBox ul li a .textBox dl{height:100px;text-align: left;} section.subContainer .inner .reviewBox ul li a .textBox dl dt{font-size:17px; font-weight:600; margin-bottom:10px; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;} section.subContainer .inner .reviewBox ul li a .textBox dl dd{height:22px; font-size:12px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; line-height:28px;} section.subContainer .inner .reviewBox ul li a .textBox .comment{text-align: left;font-size:12px; border-top:1px solid #ccc; /*padding:10px;*/position:absolute; bottom:0px; width: 95%; box-sizing: border-box;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .reviewViewBox .boardContent{text-align:center;} .reviewViewBox .boardContent .view_imgBox{margin:20px 0;} .reviewViewBox .view_comment{width:100%; height:40px;border-bottom:1px solid #ddd;text-align: left;} .reviewViewBox .view_comment span{font-weight:500; padding:10px;} .reviewViewBox .review_starBox{height:52px; text-align:center; padding:10px 0; border-top:1px solid #ccc;border-bottom:1px solid #ccc; margin-top:20px;} .reviewViewBox .review_starBox > div{float:left; width:33.33%;} .sticky { position: fixed;top: 0px;width: 100%; z-index: 10; box-shadow: 0 1px 5px 0 rgba(0,13,57,0.1); background:#252525;} .sticky + .subContentWrap {padding-top: 60px;} .sticky .inner{ border-bottom:none;} .dropdown { position: relative; display: inline-block; } .subNaviMenu .dropdown .navi{font-size:15px; padding:15px 0;} .subNaviMenu .dropdown .navi:after{width: 17px;height: 10px;content: '';display: inline-block; background: url(../_img/arw.png) no-repeat; margin-left: 10px;} .dropdown-content01, .dropdown-content02 { display: none; position: absolute; background-color: #252525; min-width: 180px; z-index:2; top:0; } .dropdown-content01 li, .dropdown-content02 li{color: black;} .dropdown-content01 a:hover, .dropdown-content02 a:hover {background-color: #d52021;} .dropdown:hover .dropdown-content01, .dropdown:hover .dropdown-content02 {display: block;} @media only screen and (min-width:768px){ .subServiceMenuTab ul li a{display:block; background:#fff; color:#454545; padding:10px 0; border:1px solid #ccc; font-size:12px; margin:1px 0 0 1px;} section.subContainer .subContentWrap .subContentBox .subContent02 .inner .company02 > div{padding:15px 0px; box-sizing:border-box; margin-bottom:40px;} section.subContainer .subContentWrap .subContentBox .subContent02 .inner .company02 > div > div{display:table; padding:20px; box-sizing:border-box; border-bottom:1px solid #ccc; width:100%;} section.subContainer .subContentWrap .subContentBox .subContent02 .inner .company02 > div > div:after{content:''; clear:both; display:block;} section.subContainer .subContentWrap .subContentBox .subContent02 .inner .company02 > div > div .imgBox{width:100%; text-align:center;} section.subContainer .subContentWrap .subContentBox .subContent02 .inner .company02 > div > div .txtBox{padding-left: 20px;display:table-cell; vertical-align:middle; width:60%;text-align: left;} section.subContainer .subContentWrap .subContentBox .subContent02 .inner .company02 > div > p{float:right;} section.subContainer .subContentWrap .subConMenu ul li a{font-size:14px;} /* section.subContainer .subContentWrap .subContent .content01{} section.subContainer .subContentWrap .subContent div .box01{background:#fff; width:99%; margin:10px auto; padding:10px; box-sizing: border-box; border-radius:2px;text-align: center;} section.subContainer .subContentWrap .subContent .content01 ul{-webkit-column-count: 2;-moz-column-count: 2;-o-column-count: 2;column-count: 2;} section.subContainer .subContentWrap .subContent .content01 ul > li{margin-bottom:10px;} section.subContainer .subContentWrap .subContent .content01 ul > li:after{content:'';display:block; clear:both;} section.subContainer .subContentWrap .subContent .content01 ul > li div.d_txt{width:45%;float: right;padding-top: 10px; height: 214px; overflow-y: scroll;} section.subContainer .subContentWrap .subContent .content01 ul > li div.d_txt:after, section.subContainer .subContentWrap .subContent .content01 ul > li div.d_img:after{content:'';display:block;clear:both;} section.subContainer .subContentWrap .subContent .content01 ul > li div > p{ text-align:left;width:100%; font-size:15px;} section.subContainer .subContentWrap .subContent .content01 ul > li div.d_img{width:160px; height:216px; background:#ccc;display: inline-block;} section.subContainer .subContentWrap .subContent .content01 ul > li div.d_img img{width:160px; height:216px;} section.subContainer .subContentWrap .subContent .content02 div > div{ width:50%; float:left;} section.subContainer .subContentWrap .subContent .content02 div > div.bic_thum img{ width:100%; height:264px;} section.subContainer .subContentWrap .subContent .content02 div > div ul li a{width:100%; height:86px;background:#ccc; display:block;} section.subContainer .subContentWrap .subContent .content02 div > div ul li{padding:1px;box-sizing:border-box;width: 25%;height: 86px;float: left;box-sizing: border-box;margin:1px 0;} section.subContainer .subContentWrap .subContent .content03 div ul{-webkit-column-count: 2;-moz-column-count: 2;-o-column-count: 2;column-count: 2;} section.subContainer .subContentWrap .subContent .content03 div ul li{display:table;margin-bottom: 10px;} section.subContainer .subContentWrap .subContent .content03 div ul li:after{content:''; display:block; clear:both;} section.subContainer .subContentWrap .subContent .content03 div ul li > div.photo{ height:144px; background:#ccc;width: 190px;} section.subContainer .subContentWrap .subContent .content03 div ul li > div.txt{display: table-cell;vertical-align: middle;text-align:left;padding-left: 20px;box-sizing: border-box;} section.subContainer .subContentWrap .subContent .content03 div ul li > div.txt p{display:table-cell; font-size: 15px;} section.subContainer .subContentWrap .subContent .content03 div ul li > div:after{clear:both;display:block;content:'';} section.subContainer .subContentWrap .subContent .content04 div > div{float :left; width:50%; padding:0 10px; box-sizing:border-box;} section.subContainer .subContentWrap .subContent .content04 div > .content04_Box01{} section.subContainer .subContentWrap .subContent .content04 div > div ul li{margin:10px 0;} section.subContainer .subContentWrap .subContent .content04 div > div ul li img{width:100%; height:214px;} section.subContainer .subContentWrap .subContent .content05{} section.subContainer .subContentWrap .subContent .content05 div > div{ float:left; width:50%; box-sizing:border-box;} section.subContainer .subContentWrap .subContent .content05 div p{margin-bottom:10px;} section.subContainer .subContentWrap .subContent .content05 .content05_picture{ border-right:1px solid #ccc; } section.subContainer .subContentWrap .subContent .content05 .content05_picture ul li div{float:left; width:47%; background:#ccc;margin: 0 10px 0 0; box-sizing:border-box;} section.subContainer .subContentWrap .subContent .content05 .content05_picture ul li{margin-bottom:10px; height:185px;} section.subContainer .subContentWrap .subContent .content05 .content05_picture ul li div img{width:100%; height:185px;} section.subContainer .subContentWrap .subContent .content05 .content05_video div{width: 98%;height: 185px;background: #ccc; margin: 0px 10px; box-sizing: border-box;} section.subContainer .subContentWrap .subContent .content06 table{width:100%;} section.subContainer .subContentWrap .subContent .content06 table thead th{border:1px solid #e65151; font-weight:600; padding:10px 0;} section.subContainer .subContentWrap .subContent .content06 table tbody td{border-bottom:1px solid #ccc; padding:10px; border-left:1px solid #ccc; border-right:1px solid #ccc; } section.subContainer .subContentWrap .subContent .content06 table tbody td.font_b{text-align:center; font-weight:600;} section.subContainer .subContentWrap .subContent .content06 div > p{font-size:12px; margin-top:10px;} section.subContainer .subContentWrap .subContent .content06 div > p.tit{font-size:20px; font-weight:400; margin:10px 0;} */ /*마이페이지*/ section.subContainerMy{background:#eee; width:100%; height:100%;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContent{ width:100%; margin:30px auto; background:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox{ margin-top:20px;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.scheduleTable{width:100%;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.scheduleTable th, section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.scheduleTable td{border:1px solid #ececec;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.scheduleTable thead th{text-align:center; padding:10px 0; font-weight:500; border-top:1px solid #d52121; font-size:17px; color:#fff; background: #d52121;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.scheduleTable tbody td{padding:10px 0; text-align:center;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.scheduleTable tbody td span{width:108px; display:inline-block; margin:0 auto; padding: 3px;border-radius: 2px;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.scheduleTable tbody td a.btn{color:#2874e8; margin-left:10px; display:inline-block;padding:3px 5px; border-radius:2px;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox h3{font-size:20px; font-weight:400;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.myInfoTable{width:100%;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.myInfoTable th{text-align:right; padding-right:20px; box-sizing:border-box; font-weight:500;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.myInfoTable th, section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.myInfoTable td{ height:54px;/*line-height:54px;*/ font-size:1em;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li{margin:5px 0;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li:after{content:'';display:block;clear:both;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul.mypageIndex > li{margin:20px 0; padding: 10px 20px;background: #f7f7f7;box-sizing: border-box;} /*section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li.paymentBox, section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li.snsBox , section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li.mBox{border:1px solid #ccc; padding:15px ;box-sizing:border-box;}*/ section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li.paymentBox .paymentWrap{position:relative;width:100%;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li.paymentBox .paymentWrap .payment{width: 100%;padding: 10px; background: #d52021;color: #fff;font-size: 20px;margin: 10px 0;border-radius: 2px; position:relative;box-sizing: border-box;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li.paymentBox .paymentWrap .payment .payment_btn a{font-size:14px; background:#fff; color:#d52021; display:inline-block; padding: 5px 10px; border-radius:2px; float:right;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li.paymentBox .paymentWrap .payment .sum{font-size: 22px; vertical-align: inherit; font-weight: 600; width: 78%; display: inline-block; text-align: center;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li.paymentBox .paymentWrap .btn > div{float:left; width:50%; text-align:center;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li.paymentBox .paymentWrap .btn > div a{display:inline-block; width:100%;font-size:15px;padding:10px 0; font-weight:500;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li.paymentBox .paymentWrap .btn > div a.callBtn{background:#fbcc19; color:#252525;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li.paymentBox .paymentWrap .btn > div a.bookingBtn{background:#252525;color:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li.snsBox{width:100%; position:relative;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li.snsBox > div{float:left;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li.snsBox > div:nth-child(2){ width:100%; border:1px solid #ccc; padding:15px; box-sizing:border-box; border-radius:2px; background:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li.snsBox > div a{display:inline-block; color:#fff; background:#d52021; padding:5px 10px; border-radius:2px; position:absolute; right: 22px; top: 21px;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > div.tit{font-size:17px; font-weight:500; padding: 12px 0;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li > div{float:left;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li > div:nth-child(1){width:82%;text-align:center;line-height: 30px;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li > div:nth-child(2){width:18%;text-align:center;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li{height:30px; padding:10px 0; width:100%; border:2px;font-size: 15px;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li:nth-child(2n){background:#eee;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li:nth-child(2n+1){background:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li:after{content:'';display:block; clear:both;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li div span{width:108px; display:inline-block; margin:0 auto; padding: 3px;border-radius: 2px; text-align:center;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li div span.step01{background:#dc412f;color:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li div span.step02{background:#ed5d67;color:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li div span.step03{background:#f9a71e;color:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li div span.step04{background:#39a9e1;color:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li div span.step05{background:#00b49d;color:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li div span.step06{background:#6c69e2;color:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li div span.step07{background:#596f80;color:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li div span.step08{background:#db535d;color:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li div span.step09{background:#484848;color:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox > ul > li > ul > li div span.step10{background:#dedede;color:#454545;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox ul li div.list_tit{float:left; text-align:right; width:30%; font-size:1em; font-weight:400;/*line-height:54px;*/ font-weight:500; padding-top: 10px;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox ul li div.list_con{width:70%; float:right; padding:0px 20px; box-sizing: border-box; font-size:1em;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox ul li div.list_con textarea{border:1px solid #ececec; padding:10px; width:90%; height:200px;overflow-y: scroll;} } /*실시간 견적신청*/ section.subContainer .subContentWrap .subContentBox .subConsult{margin: 10px auto;} section.subContainer .subContentWrap .subContentBox .subConsult h3{width:100%;height: 50px;line-height: 50px;text-align:center;border-top:3px solid #444;border-left:1px solid #ddd;border-right:1px solid #ddd;} section.subContainer .subContentWrap .subContentBox .subConsult .consultBox{border:1px solid #ddd;position: static !important;} section.subContainer .subContentWrap .subContentBox .subConsult .consultBox .boxTop p{ text-align:center; width: 100%; height: 50px; line-height:50px; background: #666; /* Old browsers */ } section.subContainer .subContentWrap .subContentBox .subConsult .consultBox .boxTop span{font-size:1.5em; font-family:'NanumSquare'; font-weight:800; color:#fff; display:inline-block;} section.subContainer .subContentWrap .subContentBox .subConsult .consultBox .boxTop p img{margin-right:5px; height:28px; vertical-align:middle;} section.subContainer .subContentWrap .subContentBox .subConsult .consultBox .c_tarea textarea{margin-top: 5px;padding:20px;width:100%;height: 150px;border:1px solid #ddd;background:#f6f6f6;border-radius:5px;} section.subContainer .subContentWrap .subConsult01 .c_chk{width:100%; text-align:center; height:50px; line-height:50px; border:1px solid #ddd; border-top:none;} section.subContainer .subContentWrap .subConsult01 .c_chk label{height:50px; line-height:50px;} section.subContainer .subContentWrap .subConsult01 .consult_btn{margin:10px auto; padding:15px; width:100%; text-align:center; border-radius:10px; background:url(/_img/btn_bg.png) repeat-x; background-size:auto 100%; border:2px solid #dc0000;} section.subContainer .subContentWrap .subConsult01 .consult_btn button{font-size:1.5em; font-weight:600; color:#fff; border:none; background:none;} section.subContainer .subContentWrap .subContentBox .subConsult .consultBox .main_consult{width:100% !important; background:#fff !important;} section.subContainer .subList01{padding: 20px;font-family:'NanumSquare';text-align:center;} section.subContainer .subList01 h2{line-height: 1.2em;font-size: 1.5em;color:#000;} section.subContainer .subList01 h2 b{font-weight:800; display:block;} section.subContainer .subList01 ol{margin: 10px auto;width: 100%;} section.subContainer .subList01 ol li{width: 46%;float:left;margin: 0 2%;} section.subContainer .subList01 ol li span{margin: 20px 0 10px;font-size:18px;font-weight:800;color:#000;display:block;} section.subContainer .subList01 ol li i{height:60px; line-height:60px; display:block;} section.subContainer .subList01 ol li p{height: 38px;line-height: 38px;font-size: 1em;font-weight:600;color:#fff;background: #f33c3c;border-radius: 100px;} section.subContainer .subList01 ol li p b{font-size: 1.5em;} section.subContainer .subBanner{text-align:center;} /*장기렌트*/ [class^="longcar"] .longTxt{font-size:23px; font-weight:700; text-align:center; padding-bottom:20px;} [class^="longcar"] .subTxt{font-size:16px; font-weight:500; color:#696969; text-align:center;} [class^="longcar"] [class^="longcontent"]{/*height:500px;*/ padding:50px 0;} .longcar01 .longcontent .longcartext .longTxt{color:#fff;} .longcar01 .longcontent .longcartext .subTxt{color:#c8d8f6; padding-bottom:35px;} .longcar01 .longcontent .longcartext, .longcar03 .longcontent .longcartext{float:left; width:100%;} .longcar05 .longcontent .longcartext,.longcar02 .longcontent .longcartext{text-align:center;} .longcar01:before{position:absolute; top:0; right:-40%; display:inline-block; content:''; width:25%; height:100%; background-color:#557ad8; transform:skew(-45deg);} .longcar01 {position:relative; background-color:#23478b;} .longcar02 {background-color:#fefefe;} .longcar03 {background:url('/_img/updown.png') no-repeat 50% 100%; background-color:#ebf2ff; background-size:95%; padding-bottom:70%;} .longcar04 {position:relative; background-color:#23478b;} .longcar05 {background-color:#fff;} .longcar06 {background-color:#f7f7f7;} .longcar02 .longcontent .longcartext .longTxt span{color:#13337e;} .longcar02 .longcontent .partnerlist ul li{float:left; background-color:#fff; border:1px solid #efefef; width:14%;} .longcar04:after{position:absolute; top:0; left:-100px; display:inline-block; content:''; width:68%; height:100%; background-color:#b7d0ff; transform:skew(45deg);} .longcar04 .longcontent{position:relative; z-index:999;} .longcar04 .longcontent ul{background:url('/_img/carhalf_img.png') no-repeat 50% 70%; background-size:48%;} .longcar04 .longcontent ul li:first-child{float:left;} .longcar04 .longcontent ul li:last-child{float:right;} .longcar04 .longcontent ul li:last-child div{text-align:right;} .longcar04 .longcontent ul li div:first-child{font-size:20px; font-weight:800;} .longcar04 .longcontent ul li div{line-height:45px; color:#fff; letter-spacing:-1.5px;} .longcar04 .longcontent ul li{font-size:15px; font-weight:600;} .longcar04 .longcontent ul li [class^="price"]{font-size:35px; font-weight:700;} .longcar04 .longcontent ul li .price01 .sallText{font-size:15px; font-weight:500; padding-left:5px;} .longcar04 .longcontent ul li .longcarMoney{font-size:24px; font-weight:900;} .longcar04 .longcontent ul li .price01, .longcar04 .longcontent ul li .longcarMoney{background: linear-gradient(to right, #ff33c0, #503ee9); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .longcar04 .longcontent ul li .price02, .longcar04 .longcontent .zero{background: linear-gradient(to right, #3371ff, #88e9ee); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .longcar04 .longcontent .zero{display:block; position:absolute; top:48%; right:17%; font-size:40px; font-weight:900;} /*장기렌트장점*/ [class^="proslist"]{text-align:center;} [class^="proslist"] .proscontent{display:inline-block;} .proslist01 .proscontent .pros{font-size:16px; font-weight:600; margin:10px 0; background:linear-gradient(48deg, rgba(0,189,255,1) 0%, rgba(36,129,217,1) 100%); color:#fff; padding:12px 0;} [class^="proslist"] .proscontent .prosTxt{font-size:15px; letter-spacing:-1px; line-height:28px; padding:0 5px;} [class^="proslist"] .proscontent .prosTxt span{font-size:14px; color:#29b0f7; letter-spacing:-2px;} .proslist01 ul li{float:left; width:25%; /*padding-right:5px;*/ padding-top:25px;} .proslist01 ul li img{width:94px;} .proslist01 .proscontent ul .threeline{width:33.3%;} /*장기렌트장점//*/ /*수정*/ [class^="longcar"] .longcontent .longcarList h2{font-size:23px; text-align:center;} [class^="longcar"] .longcontent .longcarList table{margin: 10px auto;width: 96%; background-color:#fff;} [class^="longcar"] .longcontent .longcarList table tr th{height:50px; line-height:50px; background:#eee;} [class^="longcar"] .longcontent .longcarList table tr td{padding: 10px 15px;border-bottom:1px solid #ddd;} [class^="longcar"] .longcontent .longcarList table tr td:first-child{border-right:1px solid #ddd;} [class^="longcar"] .longcontent .longcarList table tr td > span{display: block;} /*수정*/ /*장기렌트//*/ /*리스*/ [class^="lease"] .leaseTxt{font-size:23px; font-weight:700; padding-bottom:20px;} [class^="lease"] .subTxt{font-size:16px; font-weight:500; color:#696969;} [class^="lease"] [class^="leasecontent"]{padding:50px 0 30px;} .lease01 .leasecontent .leasecartext .leaseTxt{color:#fff;} .lease01 .leasecontent .leasecartext .subTxt{color:#c8d8f6; padding-top:20px;} .lease01 .leasecontent .leasecartext{float:center; text-align:center;} .lease04 .leasecontent .leasecartext,.lease02 .leasecontent .leasecartext{text-align:center;} .lease01 .leasecontent .leasecartext img{display:block; margin:0 auto; padding-top:40px;} .lease01 {position:relative; background-color:#222c64;} .lease02 {background-color:#fefefe;} .lease03 {position:relative; background-color:#293998;} .lease04 {background-color:#fff;} .lease01 .leasecontent .leasecartext .leaseTxt span{color:#fcb4b4;} .lease02 .leasecontent .leasecartext .leaseTxt span{color:#13337e;} .lease02 .leasecontent .partnerlist ul li{width:14%; float:left; background-color:#fff; border:1px solid #efefef;} .lease03:after{position:absolute; top:0; left:-30px; display:inline-block; content:''; width:50%; height:100%; background-color:#222b64; transform:skew(45deg);} .lease03 .leasecontent{position:relative; z-index:999;} .lease03 .leasecontent ul{background:url('/_img/carhalf_img2.png') no-repeat 50% 66%; background-size:50%;} .lease03 .leasecontent ul li:first-child{float:left;} .lease03 .leasecontent ul li:last-child{float:right;} .lease03 .leasecontent ul li:last-child div{text-align:left;} .lease03 .leasecontent ul li div:first-child{font-size:20px; font-weight:800;} .lease03 .leasecontent ul li div{line-height:45px; color:#fff; letter-spacing:-1.5px;} .lease03 .leasecontent ul li{font-size:15px; font-weight:600;} .lease03 .leasecontent ul li [class^="price"]{font-size:35px; font-weight:700;} .lease03 .leasecontent ul li .price01 .sallText{font-size:15px; font-weight:500; padding-left:5px;} .lease03 .leasecontent ul li .longcarMoney{font-size:24px; font-weight:900;} .lease03 .leasecontent ul li .price01, .lease03 .leasecontent ul li .longcarMoney{background: linear-gradient(to right, #ff33c0, #503ee9); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .lease03 .leasecontent ul li .price02, .lease03 .leasecontent ul li:last-child .longcarMoney{background: linear-gradient(to right, #3371ff, #88e9ee); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .lease03 .leasecontent ul{padding-bottom:20px;} .lease03 .leasecontent ul li [class^="totalPrice"], .lease03 .leasecontent ul li [class^="totalPrice"] span{font-size:28px; padding-right:1px;} /*리스장점*/ .proslist02 .proscontent .pros{font-size:16px; font-weight:600; margin:10px 0; background:linear-gradient(48deg, rgb(252 180 180) 0%, rgb(240 109 109) 100%); color:#fff; padding:12px 0;} .proslist02 ul li{float:left; width:25%; padding-top:25px;} .proslist02 ul li img{width:94px;} .proslist02 .proscontent ul .threeline{width:33.3%;} /*리스장점//*/ /*리스렌트//*/ /*국산차 영역*/ .domestic ul .domesticar{background-color:#fff;width:49%; border:1px solid #efefef; margin-top:30px;} .domestic ul .marginRight{margin-right:2%;} .domestic ul li{float:left;} .domestic ul li h2{font-weight:500; padding:6px; font-size:18px; text-align:center;} .domestic ul li [class^="carImg"]{position:relative; width:100%; height:133px;} .domestic ul li .carImg01{background:url('/_img/img01.jpg') no-repeat; background-size:cover; background-position:50% 50%;} .domestic ul li .carImg02{background:url('/_img/img02.jpg') no-repeat; background-size:cover; background-position:50% 50%;} .domestic ul li .carImg03{background:url('/_img/img03.jpg') no-repeat; background-size:cover; background-position:50% 50%;} .domestic ul li .carImg04{background:url('/_img/img04.jpg') no-repeat; background-size:cover; background-position:50% 50%;} .domestic ul li .carImg05{background:url('/_img/img04.jpg') no-repeat; background-size:cover; background-position:50% 50%;} .domestic ul li .carImg06{background:url('/_img/img03.jpg') no-repeat; background-size:cover; background-position:50% 50%;} .domestic ul li .carImg07{background:url('/_img/img02.jpg') no-repeat; background-size:cover; background-position:50% 50%;} .domestic ul li .carImg08{background:url('/_img/img01.jpg') no-repeat; background-size:cover; background-position:50% 50%;} .domestic ul li .carImg09{background:url('/_img/img01.jpg') no-repeat; background-size:cover; background-position:50% 50%;} .domestic ul li [class^="carImg"] div{padding:5px 10px; font-size:16px; color:#fff; background-color:rgba(0,0,0,0.2);} .domestic ul .domesticar ul{padding:20px 0;} .domestic ul .domesticar ul li{width:50%;} .domestic ul .domesticar ul li:first-child{border-right:1px solid #ECF0F1;} .domestic ul .domesticar ul li div{text-align:center; font-size:12px; color:#626567;} .domestic ul .domesticar ul li .money{font-size:15px; font-weight:600; color:#424242;} .domesticArea .domestic{padding-bottom:30px;} .domesticArea .domestic .searchArea .carSearch{background-color:#f4f4f4; overflow:hidden; padding:10px; margin-top:10px;} .domesticArea .domestic .searchArea .carSearch input{float:left; font-size:15px; width:85%; padding:15px 20px 15px 0; text-indent:20px; background-color:#fff;} .domesticArea .domestic .searchArea .carSearch .searchBt{width:15%; height:100%; background:url("/_img/qasearch_icon.png") no-repeat 50% 50% #fff; cursor:pointer;} .domesticArea .domestic .searchArea .tablist ul{border:10px solid #f4f4f4; background-color:#f4f4f4;} .domesticArea .domestic .searchArea .tablist ul li{width:49%; padding:12px 0px; text-align:center; font-size:23px; font-weight:700; border-top:4px solid #ddd; background-color:#fff;} .domesticArea .domestic .searchArea .tablist ul li:first-child{margin-right:2%;} .domesticArea .domestic .searchArea .tablist ul li a{display:block; color:#ddd; font-size:17px;} .domesticArea .domestic .searchArea .tablist ul li:first-child{border-top:4px solid #2f56a7;} .domesticArea .domestic .searchArea .tablist ul li:first-child a{color:#424242;} .domesticArea .domestic .searchArea .searchlist{background-color:#f4f4f4; padding:10px;} .domesticArea .domestic .searchArea .searchlist ul li{ width:19.3%; height:80px; background-color:#fff; margin-right:0.8%; padding:10px 0; text-align:center; cursor:pointer;} .domesticArea .domestic .searchArea .searchlist ul li:last-child{margin-right:0;} .domesticArea .domestic .searchArea .searchlist ul li.active{box-sizing:border-box; border-top:4px solid #2f56a7;} .domesticArea .domestic .searchArea .searchlist ul li a{display:block; font-size:14px;} /*국산차 영역//*/ /*수입차 영역*/ .import ul .domesticar{background-color:#fff;width:49%; border:1px solid #efefef; margin-top:30px;} .import ul .marginRight{margin-right:2%;} .import ul li{float:left;} .import ul li h2{font-weight:500; padding:6px; font-size:18px; text-align:center;} .import ul li [class^="carImg"]{position:relative; width:100%; height:133px;} .import ul li .carImg01{background:url('/_img/img01.jpg') no-repeat; background-size:cover; background-position:50% 50%;} .import ul li .carImg02{background:url('/_img/img02.jpg') no-repeat; background-size:cover; background-position:50% 50%;} .import ul li .carImg03{background:url('/_img/img03.jpg') no-repeat; background-size:cover; background-position:50% 50%;} .import ul li .carImg04{background:url('/_img/img04.jpg') no-repeat; background-size:cover; background-position:50% 50%;} .import ul li .carImg05{background:url('/_img/img04.jpg') no-repeat; background-size:cover; background-position:50% 50%;} .import ul li .carImg06{background:url('/_img/img03.jpg') no-repeat; background-size:cover; background-position:50% 50%;} .import ul li .carImg07{background:url('/_img/img02.jpg') no-repeat; background-size:cover; background-position:50% 50%;} .import ul li .carImg08{background:url('/_img/img01.jpg') no-repeat; background-size:cover; background-position:50% 50%;} .import ul li .carImg09{background:url('/_img/img01.jpg') no-repeat; background-size:cover; background-position:50% 50%;} .import ul li [class^="carImg"] div{padding:5px 10px; font-size:16px; color:#fff; background-color:rgba(0,0,0,0.2);} .import ul .domesticar ul{padding:20px 0;} .import ul .domesticar ul li{width:50%;} .import ul .domesticar ul li:first-child{border-right:1px solid #ECF0F1;} .import ul .domesticar ul li div{text-align:center; font-size:12px; color:#626567;} .import ul .domesticar ul li .money{font-size:15px; font-weight:600; color:#424242;} .importArea .import{padding-bottom:30px;} .importArea .import .searchArea .carSearch{background-color:#f4f4f4; overflow:hidden; padding:10px; margin-top:10px;} .importArea .import .searchArea .carSearch input{float:left; font-size:15px; width:85%; padding:15px 20px 15px 0; text-indent:20px; background-color:#fff;} .importArea .import .searchArea .carSearch .searchBt{width:15%; height:100%; background:url("/_img/qasearch_icon.png") no-repeat 50% 50% #fff; cursor:pointer;} .importArea .import .searchArea .tablist ul{border:10px solid #f4f4f4; background-color:#f4f4f4;} .importArea .import .searchArea .tablist ul li{width:49%; padding:12px 0px; text-align:center; font-size:23px; font-weight:700; border-top:4px solid #ddd; background-color:#fff;} .importArea .import .searchArea .tablist ul li:first-child{margin-right:2%;} .importArea .import .searchArea .tablist ul li a{display:block; color:#ddd; font-size:17px;} .importArea .import .searchArea .tablist ul li:last-child{border-top:4px solid #2f56a7;} .importArea .import .searchArea .tablist ul li:last-child a{color:#424242;} .importArea .import .searchArea .searchlist{background-color:#f4f4f4; padding:10px;} .importArea .import .searchArea .searchlist ul li{ width:24.4%; height:80px; background-color:#fff; margin-right:0.8%; padding:10px 0; text-align:center; cursor:pointer;} .importArea .import .searchArea .searchlist ul li:last-child{margin-right:0;} .importArea .import .searchArea .searchlist ul li:last-child a{line-height:30px;} .importArea .import .searchArea .searchlist ul li.active{box-sizing:border-box; border-top:4px solid #2f56a7;} .importArea .import .searchArea .searchlist ul li a{display:block; font-size:14px;} /*수입차 영역//*/ /*고객후기 페이지*/ .review>h2{font-size:22px; padding-bottom:10px; text-align:center;} .review>h2.common_review{padding-bottom:0; margin:25px 0 0 0;} .review>p{text-align:center; padding-bottom:20px; font-size:15px;} [class^="reviewTable"] .reviewlist{float:left; width:49%; margin:2% 2% 0 0; border:1px solid #E5E7E9; background-color:#fff; box-sizing:border-box; cursor:pointer;} [class^="reviewTable"] .reviewlist:last-child{margin-right:0;} [class^="reviewTable"] .reviewlist img{width:100%; height:144px;} [class^="reviewTable"] .reviewlist:nth-child(2), [class^="reviewTable"] .reviewlist:nth-child(4), [class^="reviewTable"] .reviewlist:nth-child(6), [class^="reviewTable"] .reviewlist:nth-child(8), [class^="reviewTable"] .reviewlist:nth-child(10){margin-right:0;} [class^="reviewTable"] .reviewlist .textArea{padding:7px; background-color:#fff;} [class^="reviewTable"] .reviewlist .textArea .latterTitle{color:#626567; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} [class^="reviewTable"] .reviewlist .textArea .latterTitle span{font-size:15px; font-weight:700; color:#424242;} [class^="reviewTable"] .reviewlist .textArea .latterTxt>div:first-child, [class^="reviewTable"] .reviewlist .textArea .latterTxt>div:nth-child(2){white-space:nowrap; font-size:12px; overflow:hidden; text-overflow:ellipsis; font-weight:500;} [class^="reviewTable"] .reviewlist .textArea .latterTxt>div:last-child{padding-top:4px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; max-height:70px; overflow:hidden; font-size:12px; color:#525252;} [class^="reviewTable"] .reviewlist .textArea .latterTxt span{color:#626567;} /*고객후기 페이지//*/ /*게시판 내용영역*/ .detailReview {padding:7px 0 0 0;} .detailReview .title, .detailReview .title2{overflow:hidden;} .detailReview .title{border-bottom:2px solid #2c469d; padding:15px 10px;} .detailReview .title div{float:left;} .detailReview .title div:first-child{font-size:20px; font-weight:600; color:#17202A;} .detailReview .title2{padding:10px; border-bottom:1px solid #ddd;} .detailReview .title2 .subtitle{float:left; font-size:14px; color:#333; padding-left:10px;} .detailReview .title2 .subtitle:first-child{padding-left:0;} .detailReview .title2 .subtitle span{margin-right:3px; font-weight:700;} .detailReview .title2 .title_margin{float:right; color:#979A9A; font-size:14px;} .detailReview .boardContents{padding:30px 20px; border-bottom:1px solid #2c469d; margin-bottom:40px;} .detailReview .boardContents p{font-size:14px;} .detailReview .boardContents img{width:100%; margin-bottom:20px;} .detailReview .boardContents .list{width:95px; padding:5px 0; cursor:pointer; border:2px solid #2c469d; border-radius:50px; color:#2c469d; margin:28px auto 0; text-align:center; font-size:15px;} /*게시판 내용영역//*/ /*Q&A*/ .qatalelist .qatableArea ul li,.qatalelist .qatable ul li{float:left; font-size:14px;} .qatalelist h4{font-size:22px; text-align:center; padding:30px 0 20px;} .qatalelist .searchArea{text-align:center; background-color:#f3f3f3; font-size:23px; padding:30px;} .qatalelist .searchArea .searchqa{position:relative; border-bottom:2px solid #424242; width:100%; background-color:#fff; margin:0 auto; font-size:15px;} .qatalelist .searchArea .qaSearch{font-size:18px; padding:10px 30px 10px 0; width:60%; margin-left:5%;} .qatalelist .searchArea .searchBt{position:absolute; right:0; background:url('/_img/qasearch_icon.png') no-repeat 50% 50%; width:15%; height:100%; z-index:999; cursor:pointer;} .qatableArea{width:100%; padding:20px;} .qatableArea .qatableTiele {border-bottom:2px solid #222; padding-bottom:20px;} .qatableArea .qatableTiele li{font-size:18px; font-weight:700; text-align:center;} .qatableArea .qatable li{font-size:17px;} .qatableArea .qatable [class^="qalist"]{padding-top:20px;} .qatableArea .qatable [class^="qalist"]>ul{padding-bottom:20px; border-bottom:1px solid #f3f3f3; cursor:pointer;} .qatableArea .qatable [class^="qalist"] [class^="qaTxt"]{padding:30px 50px; background-color:#fdfdfd; font-size:16px; display:none;} .qatableArea ul .qanumber{width:10%; text-align:center;} .qatableArea ul .qagroup{width:20%; text-align:center;} .qatableArea ul [class^="qatitle"]{width:70%;} .qatableArea ul .qatitleSub{padding-left:30px;} /*페이지네이션*/ .pagenation{text-align:center; padding:10px 0px;} .pagenation ul{display:inline-block;} .pagenation ul li{float:left; font-size:15px; padding:6px 13px; cursor:pointer;} .pagenation ul .active{background-color:#eef8ff; color:#2c469d;} .pagenation ul .active a{color:#2c469d;} /*페이지네이션//*/ /*Q&A//*/ /*====================Q&A/인재채용*/ .qna_inner{padding:0 15px;} .qnaArea{background-color:#f2f2f2;} .qna .titlist {display:flex; align-items:stretch; gap:10px;} .qna ul.titlist:after {display:none;} .qna .titlist li {padding:12px 20px; margin:0;} .qna .titlist li:nth-child(1) {width:30%; display:flex; align-items:center; justify-content:center;} .qna .titlist li:nth-child(2) {width:70%;} .qna .titlist li a {font-size:0.8em; line-height:1.3; word-break:keep-all;} .qna ul:after{display:block; content:''; clear:both;} .qna>ul>li{float:left; padding:15px 0; margin-right:10px; width:49%; margin-right:2%; text-align:center; border-radius:5px 5px 0 0;} .qna>ul>li:last-child{margin-right:0;} .qna>ul>li.chept{background-color:#fff;} .qna>ul>li a{display:block; font-size:1em; font-weight:600;} .qna_content{background-color:#fff; padding-top:15px; padding-bottom:20px;} .qna_content:after{display:block; content:''; clear:both;} .qna_content>ul>li:first-child{padding-bottom:15px; text-align:center; font-size:16px; font-weight:500; line-height:50px; color:#353535;} .qna_content>ul>li.hire_txt{padding-top:15px; line-height:24px;} .qna_content_table{padding:10px 0;} .qna_content_table>ul{border-bottom:1px solid #e2e2e2; padding-bottom:10px;} .qna_content_table ul li{float:left; text-align:center; font-size:14px;} ul li.qna_content_num{width:15%;} ul li.qna_content_title{width:85%;} ul li.qna_content_date{width:20%;} .qna_content_table_list ul li{font-size:14px; font-weight:300; padding:13px 0; border-bottom:1px solid #e2e2e2; cursor:pointer; letter-spacing:-1.2px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .qna_content_table_list ul li:nth-child(2){text-align:left;} .qna_content_table_list ul li.qna_content_title span{font-weight:500; color:#323232; margin-right:10px;} .qna_content_table_list img{width:100%;} .qna_content_table_list [class^="qaTxt"]{display:none; margin:0; padding:15px 10px; background-color:#fafafa;} .qna_content_table_list [class^="qaTxt"] p{font-size:12px; font-weight:300;} /*====================국산차, 수입차*/ /*==========텝메뉴(국산,수입)*/ .domestic_menuArea{padding:20px; border:1px solid #ddd; border-radius:5px; margin-bottom:12px;} .domestic_menuArea:after, .domestic_menuArea ul:after{display:block; content:''; clear:both;} .domestic_menuArea [class^="domestic_menu0"] .domestic_menu_title{padding-bottom:15px; font-size:14px; color:#545454;} .domestic_menuArea .domestic_menu01 ul{padding:0px 0 10px;} .domestic_menuArea [class^="domestic_menu0"] ul li a{display:block; padding:15px 0; text-align:center; font-size:14px;} .domestic_menuArea .domestic_menu01 ul li{width:49.7%;} .domestic_menuArea .domestic_menu01 ul li:first-child a{border-radius:5px 0 0 5px;} .domestic_menuArea .domestic_menu01 ul li:last-child a{border-radius:0 5px 5px 0;} .domestic_menuArea .domestic_menu01 ul li a.off{border:1px solid #ddd;} .domestic_menuArea .domestic_menu01 ul li:last-child a.off{border-left:1px solid transparent;} .domestic_menuArea .domestic_menu01 ul li:first-child a.off{border-right:1px solid transparent;} .domestic_menuArea .domestic_menu02 ul li{box-sizing:border-box; border:1px solid #ddd;} .domestic_menuArea .domestic_menu02 ul.car_model01 li{width:32.3%; margin:0.5%; border-radius:5px;/*height:80px;*/} .domestic_menuArea .domestic_menu02 ul.car_model02 li{width:32.3%; margin:0.5%; border-radius:5px;} .domestic_menuArea .domestic_menu02 ul li.active{border:none;} .domestic_menuArea .domestic_menu02 ul li .bt03{border-radius:5px;} /*국산차종*/ .content h1{padding:18px 0 30px 0; font-size:1.7em; text-align:center; line-height:35px;} .domestic_list h1{background:url('/_img/titl_text.png') no-repeat 50% 50%; font-size:0; background-size:62%;} .content .domestic_list>h1{position:relative;} .content .domestic_list>h1 .red{font-size:0;} .domestic_list>ul:after{display:block; content:''; clear:both;} .domestic_list>ul, .domestic_list>ul>li{margin-bottom:6px;} .domestic_list>ul:last-child{margin-bottom:0;} .domestic_list ul .list{width:48%; border:1px solid #ccc;} .domestic_list ul li.list:first-child{margin-right:2.8%;} .domestic_list ul .list .list_car_img{height:133px; background-color:#ebebeb; overflow:hidden;} .domestic_list ul .list .list_car_img img{width:100%; margin:0 auto; transition:all 0.5s;} .domestic_list ul .list:hover .list_car_img img{width:103%; transition:all 0.5s;} .domestic_list ul .list .list_txtArea{padding-top:5px;} .domestic_list ul .list .list_txtArea h3{width:95%; margin:0 auto; font-size:16px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .domestic_list ul .list .list_txtArea h3:after{position:relative; bottom:9px; z-index:-9; display:block; content:''; width:90%; height:14px; margin:0 auto; background-color:#fff1f1;} .domestic_list ul .list .list_text{margin-left:7%;} .domestic_list ul .list .list_text>div{text-align:left; font-size:13px; font-weight:400; color:#4f4f4f; line-height:20px;} .domestic_list ul .list .list_text .red{font-size:15px; font-weight:700;} .domestic_list ul .list .list_button{text-align:center; padding:10px;} .domestic_list ul .list .list_button .bt02{width:100%; height:41px; border-radius:0; font-size:15px; font-weight:600; transition:all 0.2s;} .domestic_list ul .list:hover .list_button .bt02{background-color:#2c469d; color:#fff; transition:all 0.2s;} .domestic_list ul .list{background-size:30%;} /*수입차종*/ .domestic_menuArea .domestic_banner img{border-radius:5px;} .domesticArea.content_sub{padding-top:20px;} /*====================고객후기*/ .cs_inner{padding:0 86px;} .customerArea{background-color:#f2f2f2; padding:20px 0;} .cs h2{margin-bottom:45px; text-align:center; font-size:38px; line-height:35px;} .cs h2 span{font-size:17px; font-weight:300; color:#656565;} .cs ul:after{display:block; content:''; clear:both;} .cs>ul>li{float:left; padding:15px 0; margin-right:10px; width:225px; text-align:center; border-radius:5px 5px 0 0;} .cs>ul>li.chept{background-color:#fff;} .cs>ul>li a{display:block; font-size:23px; font-weight:600;} .cs_content{background-color:#fff; padding-top:60px; padding-bottom:60px;} .cs_content:after{display:block; content:''; clear:both;} .cs_content ul li{float:left;} .cs_content .cs_best>ul, .cs_content .cs_list>ul{padding-bottom:25px; border-bottom:1px solid #ddd;} .cs_content .cs_best>ul>li:first-child, .cs_content .cs_list>ul>li:first-child{font-size:30px; font-weight:600; line-height:50px;} .cs_content .cs_best>ul>li.searchbox, .cs_content .cs_list>ul>li.searchbox{float:right;} .cs_content .cs_list>ul>li .smtitle{margin-left:10px; font-size:16px; font-weight:300;} .cs_content_table{padding:25px 0 60px 0;} .cs_content_table>ul{padding-bottom:20px;} .cs_content_table>ul>li{margin-right:15px;width:243px; border:1px solid #ddd; border-radius:5px;} .cs_content_table>ul>li:last-child{margin-right:0;} .cs_content_table>ul>li img{width:100%; height:165px; border-radius:5px 5px 0 0;} .cs_content_table .cs_content_txt{padding:10px;} .customerArea .grey{color:#545454;} .cs_content_table [class^="cs_box"] .cs_content_txt .txt_title{font-size:18px; font-weight:700;} .cs_content_table [class^="cs_box"] .cs_content_txt .txt_smtitle{padding:7px 0;} .cs_content_table [class^="cs_box"] .cs_content_txt .txt_smtitle div{font-size:14px; font-weight:500;} .cs_content_table [class^="cs_box"] .cs_content_txt .text{overflow:hidden; font-size:13px; color:#737373;} .cs_content_table [class^="cs_box"] .cs_content_txt .text.line-clamp {display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; max-height: 80px;} /*==========모달창*/ .modal_wrap{display:none;} .modalArea{position:fixed; top:25%; left:35%; z-index:999; padding:20px 50px; width:460px; height:400px; border-radius:5px; background-color:#fff; z-index:99999;} .modal_title:after{display:block; content:''; clear:both;} .modal_title{padding:20px 0;border-bottom:1px solid #ddd;} .modal_title h2{float:left;} .modal_title button{float:right;} .modal_txt{padding:20px 0; height:175px;} .modal_txt p{font-size:16px; color:#737373;} .modal_date{height:45px; font-size:18px; font-weight:600; color:#a0a0a0;} .close_bt{text-align:center;} .close_bt .bt01{width:100px; height:40px; font-size:15px; font-weight:600;} .modal_back{position:fixed; top:0; z-index:200; background:rgba(0,0,0,0.3); width:100%; height:100%; z-index:9999;} /*====================자동차 상세페이지*/ .product_top_info{display:none; z-index:999; position:fixed; top:55px; left:0; padding:2%; width:96%; height:120px; background-color:#fff; border-top:1px solid #ddd; box-shadow:0 11px 18px -5px rgb(0 0 0 / 20%);} .product_top_info .product_title{margin:0 5px 3% 14px; padding-bottom:4%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:500; border-bottom:1px solid #ddd;} .product_top_info ul:after, .product_top_info .money:after{display:block; content:''; clear:both;} .product_top_info ul li:first-child{float:left; width:33%; height:93px; background:url('/_img/product_test.jpg') 50% 50%; background-size:cover; font-size:0;} .product_top_info ul li:first-child img{width:100%;} .product_top_info ul li:last-child{padding:1.56% 0; float:right; width:67%; color:#464646; font-size:15px;} .product_top_info .money_text{padding:0px 6px 0 0;} .product_top_info .money .txt:first-child{margin-left:0;} .product_top_info .money .txt{float:right; margin-left:10px; font-size:14px; line-height:22px;} .product_top_info .money .txt .red{margin-left:10px;} .product_infoArea:after, .product_infoArea .product_info ul:after, .product_infoArea .detail_heading:after, .product_infoArea .detail_heading ul:after{display:block; content:''; clear:both;} .product_infoArea .product_img{ overflow:hidden;} .product_infoArea .product_img img{width:100%;} .product_infoArea .product_info{width:100%; background-color:#fff; margin-top:8px; border:1px solid #ddd; border-radius:5px; box-sizing:border-box;} .product_infoArea .product_info>div.product_infobox{padding:10px 20px 20px 20px;} .product_infoArea .product_info ul li{float:left;} .product_infoArea .product_info .product_info_name{padding:12px 0; text-align:center; font-size:18px; font-weight:700; border-bottom:1px solid #ddd; border-radius:5px 5px 0 0; background-color:#eef8ff;} .product_infoArea .product_info ul.product_money li div{font-size:17px;} .product_infoArea .product_info ul.product_money li div.money{font-size:14px; color:#727272;} .product_infoArea .product_info div .keep_bt{text-align:center;} .product_infoArea .product_info div .keep_bt .phone_number{width: 64%; height: 54px; padding: 0 13px; outline: none; border: 1px solid #ddd; background-color: #f4f4f4; font-size: 14px; box-sizing:border-box;} .product_infoArea .product_info div .keep_bt .bt01{width:35%; height:53px; font-size:15px; font-weight:600; border-radius:0;} .product_infoArea .product_info div .keep_bt .bt02{margin-top:15px; width:100%; height: 55px; font-size: 15px; font-weight: 600; border-radius: 0;} .product_infoArea .product_info div .keep_bt .bt01:hover{background-color:#d42230;} .product_infoArea .product_info ul.product_money{margin:10px 32px 0px;} .product_infoArea .product_info ul.product_money li{font-size:15px; font-weight:500;} .product_infoArea .product_info ul.product_money li:first-child{width:50%; float:left; border-right:1px solid #ddd;} .product_infoArea .product_info ul.product_money li:last-child{float:right;} .product_infoArea .product_info ul.product_money li del{margin-right:5px; font-size:15px; font-weight:300; color:#a2a2a2;} .product_infoArea .product_info div.product_carmoney{padding:15px 20px; margin:15px 0; background-color:#f4f4f4;} .product_infoArea .product_info div.product_carmoney ul{padding:5px 0;} .product_infoArea .product_info div.product_carmoney ul li{font-size:14px;} .product_infoArea .product_info div.product_carmoney ul li:first-child{float:left; font-weight:500;} .product_infoArea .product_info div.product_carmoney ul li:last-child{float:right; color:#545454;} .product_infoArea .detail_heading{padding:15px 0 15px; width:100%;} .product_infoArea .detail_heading>div{float:left; width:100%;} .product_infoArea .detail_heading h3{padding-bottom:15px; border-bottom:1px solid #ddd; font-size:17px; font-weight:500;} .product_infoArea .detail_heading ul li{float:left; text-align:center; font-size:11px; line-height:31px; color:#545454;} .product_infoArea .detail_heading ul li.detail_title{font-size:13px; font-weight:500; color:#252525; background-color:#f4f4f4;} .product_infoArea .detail_heading [class^="detail_part"]>div{padding:10px 0;} .product_infoArea .detail_heading .detail_part01 li:first-child{width:33%;} .product_infoArea .detail_heading .detail_part01 li:last-child{width:29%;} .product_infoArea .detail_heading .detail_part01 li{width:19%;} .product_infoArea .detail_heading .detail_part02{margin-top:10px;} .product_infoArea .detail_heading .detail_part02 li.detail_title{width:16%; padding:26px 0; margin:0 1% 1% 0; line-height:35px;} .product_infoArea .detail_heading .detail_part02 li.table_box{width:82%; margin:12px 0; border:1px solid #ddd;} .product_infoArea .detail_heading .detail_part02 li.table_box ul li{width:25%; line-height:30px;} .product_infoArea .detail_heading .detail_part02 li.table_box ul li:nth-child(2), .product_infoArea .detail_heading .detail_part02 li.table_box ul li:nth-child(3), .product_infoArea .detail_heading .detail_part02 li.table_box ul li:nth-child(4){width:15%;} .product_infoArea .detail_heading .detail_part02 li.table_box ul li:first-child, .product_infoArea .detail_heading .detail_part02 li.table ul li:last-child{width:30%;} .product_infoArea .detail_heading .detail_part02 li.table_box ul:first-child{background-color:#fafafa;} .product_infoArea .detail_heading .detail_part02 li.detail_txt{width:83%; margin:5px 0;} .product_infoArea .detail_heading .detail_part02 li.detail_txt.margin_style{margin-top:33px;} .product_infoArea .detail_heading .detail_part02 li.detail_txt p{text-align:left; line-height:21px; letter-spacing:-0.7px; font-size:11px;} .product_infoArea .detail_heading .detail_part02 li.detail_txt p span{color:#919191; font-weight:300;} .product_infoArea .detail_heading .detail_part01 .rent_pros{width:100%; /*height:168px;*/} .product_infoArea .detail_heading .detail_part01 .rent_pros ul:after{display:block; content:''; clear:block;} .product_infoArea .detail_heading .detail_part01 .rent_pros ul.backcolor{background-color:#fafafa;} .product_infoArea .detail_heading .detail_part01 .rent_pros ul li{float:left; width:33.3%; /*text-align:left; text-indent:30px;*/} .product_infoArea .detail_heading .detail_part01 .rent_pros ul li span{font-weight:500;} .product.inner{margin-bottom:0;} .product .detail_imgArea{padding-bottom:20px; border-bottom:1px solid #252525;} .product .detail_imgArea .detail_img_inner{margin:0 auto;} .product .detail_imgArea h2{padding-bottom:15px; margin-bottom:25px; border-bottom:2px solid #252525; font-size:19px;} .product .detail_imgArea .detail_img img{margin-bottom:10px; width:100%;} .detail_part02 .goodlistArea ul li div img{width:70px; height:70px;} .detail_part02 .goodlistArea ul[class^="goodlist"]{margin:0;} .detail_part02 .goodlistArea ul.goodlist_01{margin-bottom:13px;} .detail_part02 .goodlistArea ul li p.title{padding-top:0; line-height:17px;} .detail_part02 .goodlistArea ul li p.txt{font-size:11px; line-height:18px; padding:0 2px;} /*==========자동차 리뷰*/ .reviewArea .title:after{display:block; content:''; clear:both;} /* .reviewArea .title{margin:10px 0;} */ .reviewArea .title>div.more{position:relative; float:right;} .reviewArea .title>div.more a{display:block; line-height:62px; color:#999; font-size:13px;} .reviewArea .title>div.more:after{position:absolute; top:24px; right:50px; display:block; content:''; width:15px; height:15px; background:url('/_img/more_icon.png') 50% 50%;} .reviewArea .title h3{float:left; padding:15px 0; font-size:19px; font-weight:600;} .reviewArea ul:after{display:block; content:''; clear:both;} .reviewArea ul li{float:left;} .reviewArea>ul>li{cursor:pointer; margin:3% 0 3% 3%; width:calc(88% / 3); height:154px; box-sizing:border-box; border:1px solid #ddd; border-radius:5px;} .reviewArea>ul>li:last-child{margin-right:0;} .reviewArea ul li .review_img{/*width:150px; height:110px;*/ overflow:hidden;} .reviewArea ul li .review_img img{width:100%;} .reviewArea ul li .review_txt{margin:5px; /*width:50%;*/} .reviewArea ul li .review_txt .review_txt_title{font-size:15px; font-weight:500; width:100px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .reviewArea ul li .review_txt .text.line-clamp {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 40px; margin:5px 0; overflow:hidden; font-size:13px; line-height:16px; font-weight:300;} .reviewArea ul li .review_txt .review_date{color:#525252; font-size:12px;} .reviewArea .pagenation{padding-top:24px;} /*========================================기존 코딩*/ /*====================로그인 / 회원가입*/ .subContainerMy{background-color:#f2f2f2;} .mypageBtn {margin: 44px 0px;font-weight: 600;border-radius: 2px; color: #fff !important; display: inline-block;margin-right: 10px;width: 200px;text-align: center;height:60px; line-height:60px; background: #2c469d;font-size: 18px;} .loginBox{/*width:350px;*/ margin:0px auto; text-align:center; padding: 60px 30px; background:#fff;} .loginBox h2{font-size:30px;margin-bottom: 25px;} .loginBox input{width:100%; padding:15px;box-sizing: border-box; border:1px solid #e1e1e1; outline:none;} .loginBox button{width:100%;border:none;} .joinBox{/*width:350px;*/ margin:0px auto 0; text-align:center; padding: 60px 50px; background:#fff;} .joinBox p{margin-bottom:0 !important;} .joinBox h2{font-size:30px;margin-bottom: 25px;} .joinBox input{width:100%; padding:15px; outline:none; box-sizing: border-box; border:none; border-bottom:1px solid #e1e1e1;} .joinBox ul.join_list01 .pwBox input{width:50%;} .joinBox ul.join_list01 .pwBox input:first-child{float:left;} .joinBox ul.join_list01 .pwBox input:last-child{float:right; border-left:none;} .joinBox input[type="radio"]{margin:0 5px 0 10px !important; display:inline-block !important;} .joinBox button{width:100%;border:none;} .join_agreeBox{margin-top:20px;} .joinBox ul.join_list02{ text-align:left;} .joinBox ul.join_list02 label{font-size:17px; font-weight:600; width:65px; margin-right:20px;display: inline-block;} .joinBox ul.join_agreeBox li{ margin-bottom: 10px;height: 30px;line-height:30px;} .join_agreeBox li label{float:left; background: url(/_img/check_off.png) 0 center no-repeat;height:28px; display:block;} .findBox div:first-child input{border-bottom:none;} .sns_btn a{font-size:15px; color:#6d6d6d; text-align:center; width:100%; border:1px solid #e1e1e1; background:#fff; padding:14px 0; display:block; margin:10px 0;} .sns_btn i{width:115px; height:20px; background:url(/_img/my_logo_bg.png) no-repeat; display:inline-block;} .n_btn i{background-position:0 0;} .k_btn i{background-position:0 -20px;} .tabContent>p{font-size:15px; line-height:27px;} .tabContent>p a.joinBt{font-weight:700;} /* checksWrap_st1 */ .checksWrap_st1{position:absolute; top:82px; right:180px;text-align: left;} .checksWrap_st1 .checks, .checksWrap_st2 .checks{position:relative;line-height:22px;} .checksWrap_st1 input[type="checkbox"], .checksWrap_st2 input[type="checkbox"]{position:absolute;top:0;left:0;margin:0;padding:0;z-index:-1;width:0px;height:0px;-webkit-appearance:none;} .checksWrap_st1 label, .checksWrap_st2 label{background:url("/_img/check_off.png") 0 center no-repeat;display:inline-block;position:relative;top:0;left:0;height:28px;line-height:28px;font-size:14px;color:#484848;padding:0 0 0 30px;z-index:10;} .checksWrap_st1 label.on, .checksWrap_st2 label.on{background:url("/_img/check_on.png") 0 center no-repeat;} .checksWrap_st1 a, .checksWrap_st2 a{display:inline-block;font-size:12px;line-height:26px;padding:0 12px;background:#777;color:#fff;border-radius:2px;margin:-2px 0 0 10px; float:right;text-align:center;} .checksWrap_st1 a, .checksWrap_st2 a:link{color:#fff;} .checksWrap_st2{ position:relative; text-align: left;} /* input[type="checkbox"], input[type="radio"]{display:none;} */ .checksWrap_st3{position:absolute; top:40%; right:40%;text-align: left;} .checksWrap_st3 label{background:url("/_img/check_off.png") 0 center no-repeat;display:inline-block;position:relative;top:0;left:0;height:20px;line-height:20px;font-size:14px;color:#484848;width:20px;z-index:10;} .checksWrap_st3 label.on{background:url("/_img/check_on.png") 0 center no-repeat;} .checksWrap_st4 label{background:url("/_img/check_off.png") 0 center no-repeat;display:inline-block;position:relative;top:0;left:0;height:20px;line-height:20px;font-size:14px;color:#484848;width:20px;z-index:10;} .checksWrap_st4 label.on{background:url("/_img/check_on.png") 0 center no-repeat;} .subContentBox01 .red{margin-top:15px; font-size:15px;} /*마이페이지*/ section.subContainerMy{background:#f6f6f6;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContent{ /*width:500px;*/ margin:0px auto; padding:45px 0; box-shadow:2px 2px 15px #ddd; background-color:#fff;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.myInfoTable th, section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.myInfoTable td{line-height:40px;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox input{border:1px solid #ececec; padding:10px;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.myInfoTable th{text-align:right; padding-right:20px; box-sizing:border-box; font-size:14px; font-weight:500;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myInfoBox{width:350px; margin:0 auto;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContent h2{padding-top:30px; font-size:24px; font-weight:600; color:#454545; text-align:center} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox{ margin-top:20px;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.scheduleTable{width:100%;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.scheduleTable th, section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.scheduleTable td{border:1px solid #ececec;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.scheduleTable thead th{text-align:center; padding:10px 0; font-weight:500; border-top:1px solid #d52121; font-size:17px; color:#fff; background: #d52121;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.scheduleTable tbody td{padding:10px 0; text-align:center;} section.subContainerMy .subContentWrap div .mypageWrap .myContentRight .myContentBox table.scheduleTable tbody td span{width:108px; display:inline-block; margin:0 auto; padding: 3px;border-radius: 2px;} .btnBox ul{margin-top:30px;} .btnBox ul:after{display:block; content:''; clear:both;} .btnBox ul li{float:left; width:49%;} .btnBox ul li [class^="bt"]{width:99%;font-size:18px; font-weight:600; border-radius:0;} .btnBox ul li:first-child{margin-right:2%;} .btnBox ul li button.bt01{height:50px;} .btnBox ul li a.bt02{display:block; text-align:center; line-height:50px;} /*장바구니*/ .myMenuRight .carTop{padding:20px;} .myMenuRight .carTop h3{font-size:30px !important; float:left; margin-bottom:20px;} .myMenuRight .carTop ul{float:right; width:322px;height:75px;} .myMenuRight .carTop ul li{float:left; margin-left:30px; text-align:center;} .myMenuRight .carTop ul li p{margin-bottom:10px;} .myMenuRight table.cartTable td > div{float:left;} .myMenuRight table.cartTable td .pro_img{width:100px; height:70px;display:block; background:#ddd; margin-right:20px;} .myMenuRight table.cartTable td .pro_txt{width:156px;} .myMenuRight table.cartTable .pro_txt div:nth-child(1){padding-bottom:10px; text-align:left;width: 155px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; line-height:70px;} .myMenuRight table .quantity{display: inline-block;position: relative; width: 60px;vertical-align: top; padding:0 10px;} .myMenuRight table .quantity .up{position:absolute;left: 58px;top: 0px;} .myMenuRight table .quantity .down{position: absolute;left: 58px;top: 12px;} .myMenuRight table .quantity input{ width: 40px;height: 23px; padding: 0 2px 0 3px; line-height: 23px; border: 1px solid #d4d8d9; border-radius: 3px 0 0 3px;} .tablebottom span{display:inline-block; font-size:12px; padding:10px 0 20px;} .payBox{width:100%; border-top:1px solid #252525; border-bottom:1px solid #d7d7d7; padding:20px 0; height:158px; box-sizing:border-box;} .payBox div{float:left; width:33.33%; box-sizing:border-box; border-right:2px solid #d7d7d7; height:120px; padding-left:30px;} .payBox div:first-child{font-size:24px; font-weight:800;} .payBox div:last-child{border-right:0; font-size:26px; font-weight:800;padding: 44px 0px; text-align:center;} .payBox div dl dt{float:left; clear:left; font-size:17px; color:#777; padding:8px 0;} .payBox div dl dd{ float:right; padding-right:20px; font-size:17px; font-weight:800; padding-top:5px;} .deletBtn a{width: 60px; display:inline-block;border: 1px solid #ababab;border-radius: 2px; padding: 6px 0 !important;text-align: center; margin: 0 0 20px; color:#ababab;} .deletBtn button{background:#fff; width: 60px; display:inline-block;border: 1px solid #ababab;border-radius: 2px; padding: 6px 0 !important;text-align: center; margin: 0 0 20px; color:#ababab; letter-spacing: -2px;} .myMenuRight div .btnBox ul{overflow:hidden;} .myMenuRight div .btnBox ul li{float:left;} .myMenuRight div .mypageBtn{margin:30px auto; font-weight: 600; border-radius: 2px; color: #fff; display:block; width: 200px; text-align: center; background-color:#da2232; border:none; font-size: 18px;} .myMenuRight div .cart{background-color:#fff; border:1px solid #155ae7; margin-left:20px;} .myMenuRight div .cart a{display:block; color:#155ae7;} .myMenuRight table.cartTable .upbown{border-top:1px solid #d7d7d7; text-align:right; padding-top:10px;} .mycary03 p{ text-align: center;font-size: 20px;padding: 20px 0;} .mybt button{padding:6px; border:1px solid #2c469d; background-color:#fff; cursor:pointer; font-size:12px; border-radius:2px; color:#2c469d;} .mypageBox01 .inner .myMenuRight table{width:100%; border-top:1px solid #252525; border-collapse:collapse;} .mypageBox01 .inner .myMenuRight table th{font-size:11px; background:#f4f4f4;} .mypageBox01 .inner .myMenuRight table td{font-size:13px;text-align:center;} .mypageBox01 .inner .myMenuRight table th, .mypageBox01 .inner .myMenuRight table td{border-bottom:1px solid #d7d7d7;padding:15px 0; vertical-align:middle; position:relative;} .mypageBox01 .inner .myMenuRight table td .carlist{overflow:hidden;} .mypageBox01 .inner .myMenuRight table td .carlist div{float:left;} /*========================================기존 코딩*/ /*====================회사소개*/ /*==========텝메뉴*/ .tabmenuArea .tabmenu ul{border-bottom:2px solid #2c469d;} .tabmenuArea .tabmenu ul:after{display:block; content:''; clear:both;} .tabmenuArea .tabmenu ul li{float:left; width:49%; box-sizing:border-box; border:1px solid #ddd; border-bottom:none; border-radius:5px 5px 0 0;} .tabmenuArea .tabmenu ul li:first-child{margin-right:2%;} .tabmenuArea .tabmenu ul li.choice{border:none;} .tabmenuArea .tabmenu ul li a{padding:15px 0; display:block; border-radius:5px 5px 0 0; text-align:center; font-size:1em; font-weight:600;} .tabmenuArea .tabmenu ul li a.bt01{border-bottom:1px solid #2c469d;} /*==========회사내용 공통*/ .history_content h2{text-align:center; margin-bottom:9px; font-size:21px; line-height:25px; letter-spacing:-1.5px;} .history_content h2 span.font_style{font-weight:300;} .history_content p{padding:0 20px; font-size:14px; font-weight:400; line-height:19px; color:#454545;} .history_content [class^="history_content_"]{padding:30px 0; overflow:hidden;} /*==========회사내용1*/ .history_content .history_content_01{position:relative; background-color:#fcfcfc; padding: 13px 0 0;} .history_content_01>div.inner{margin:0 auto; background:url('/_img/company_ceoimg_back.png') no-repeat 99% 50%;} .history_content_01>div.inner:after{display:block; content:''; clear:both;} .history_content_01>div.inner>div{float:left; width:60%;} .history_content_01>div.inner>div:last-child{float:right; margin-top:20px} .history_content_01>div.inner>div img{width:138%;} .history_content_01>div.inner>div img.company_ceoimg{/*position:absolute; bottom:0px; margin-left:280px; z-index:10;*/ position:absolute; bottom:0; right:0; width:32%;} .history_content_01 p{padding:0; font-size:12px; color:#252525; font-weight:300; line-height:23px;} .history_content_01 p>b{font-weight:400;} .history_content_01 .txt01, .history_content_01 .txt02{margin-top:6px; line-height:19px;} .history_content_01 .txt_foot{margin-top:20px;} .history_content_01 .txt_foot>p{font-size:14px; line-height:23px;} .history_content_01 .txt_foot>p.ceo{background:url('/_img/ceo_name.png') no-repeat 100% 50%; margin:0 52% 0 0; background-size:45%;} /*==========회사내용2*/ .history_content_02>div.inner:after{display:block; content:''; clear:both;} .history_content_02 .trophy_txt h2{/*float:left; text-align:left;*/ margin-bottom:28px;} .history_content_02 .trophy_txt>p{text-align:center; margin-bottom:30px;} .history_content_02 .trophy_box>div.trophylist:after{display:block; content:''; clear:both;} .history_content_02 .trophy_box>div.trophylist>div{float:left;} .trophy_box .trophylist img{width:100%;} /*==========회사내용3*/ .history_content_03{background-color:#eef8ff;} .history_content_03 p{text-align:center; padding:0 20px;} .history_content_03 ul{margin-top:23px;} .history_content_03 ul:after{display:block; content:''; clear:both;} .history_content_03 ul li{float:left; width:100%; /*height:159px;*/ background-color:#fff; box-shadow:2px 2px 10px #ddd;} .history_content_03 ul li:first-child{margin:3% 0; background:url('/_img/company_img01.jpg') no-repeat 71% 50%; background-size:cover;} .history_content_03 ul li:last-child{background:url('/_img/company_img02.jpg') no-repeat 71% 50%; background-size:cover;} .history_content_03 ul li p{padding:9px 0; margin-top:99px; font-size:13px; color:#252525; font-weight:400; background:rgba(255,255,255,0.9);} .history_content_03 ul li p>b{font-weight:600;} /*==========회사내용4*/ .history_content .history_content_04{margin:0;} .history_content_04 p{text-align:center; color:#252525;} .history_content_04 ul{padding-top:30px;} .history_content_04 ul:after{display:block; content:''; clear:both;} .history_content_04 ul li{position:relative; float:left; width:25%;} .history_content_04 ul li img{width:100%;} .history_content_04 ul li:first-child:after{display:none;} .history_content_04 ul li p{font-size:13px; line-height:17px;} .history_content_04 ul li>div{width:76%; /*height:93%;*/ margin:0 auto 7px; border:1px solid #e5e5e5; border-radius:100px;} /*==========회사내용5*/ .history_content_05{position:relative; background:#000;} .history_content_05:after{position:absolute; top:0; display:block; content:''; width:100%; height:100%; background: url('/_img/cs_backimg01.jpg'); background-size:cover; opacity:0.4;} .history_content_05 .inner{z-index:9;} .history_content_05 h2{color:#fff; line-height:27px; font-size:25px;} .history_content_05 h2 .font_style{font-size:16px;} .history_content_05 p{text-align:center; color:#fff;} .history_content_05 .chart_ceo{position:relative; width:117px; padding:15px 0; margin:0 auto 13px; text-align:center; border-radius:10px; font-size:16px; color:#fff; font-weight:600; background: linear-gradient(27deg, rgba(218,36,50,1) 0%, rgba(218,36,50,1) 50%, rgba(218,110,36,1) 100%); overflow:hidden;} .history_content_05 .chart_ceo:after{position:absolute; top:-4px; right:-41px; display:block; content:''; width:150px; height:8px; transform:rotate(37deg); background:#fff;} .history_content_05 ul{border-top:1px solid #fff; padding-top:13px;} .history_content_05 ul:after{display:block; content:''; clear:both;} .history_content_05 ul li{position:relative; float:left; padding:8px; width:19.4%; margin-right:1.2%; border-radius:10px;} .history_content_05 ul li:last-child{margin-right:0;} .history_content_05 ul li h2{font-size:15px; margin-bottom:0;} .history_content_05 ul li p{position:relative; padding:0; padding-left:11px; text-align:left; font-size:11px;} .history_content_05 ul li p:after{position:absolute; top:15px; left:0; display:block; content:''; width:5px; height:5px; border-radius:100px; background-color:#fff;} .history_content_05 ul li:nth-child(1), .history_content_05 ul li:nth-child(2){background-color:#2c469d;} .history_content_05 ul li:nth-child(3), .history_content_05 ul li:nth-child(4){background-color:#343434;} /*====================연혁/ /*==========연혁내용 공통*/ .found_content{padding-top:20px; /*padding:100px 0;margin:60px 0;*/} .found_content h2{text-align:center; padding-left:36px; margin-bottom:25px; font-size:19px; line-height:60px;} .found_content p{font-size:12px; font-weight:400; line-height:23px;} /*==========연혁내용*/ .found_content>div.inner{background:url('/_img/cshistory.png') no-repeat 100% 100%; background-size:97px;} .found_content ul:after{display:block; content:''; clear:both;} .found_content ul{position:relative; margin-bottom:20px;} .found_content ul li{float:left;} .found_content ul li:first-child{position:relative; padding-right:20px;} .found_content ul li:first-child:after{position:absolute; bottom:45px; left:9px; display:block; content:''; width:10px; height:10px; border:4px solid #2c469d; border-radius:100px; background-color:#fff;} .found_content ul li.line:after{position:absolute; top:40px; left:17px; display:block; content:''; width:1px; height:745px; background-color:#ddd;} .found_content ul.year li p:first-child{margin-top:13px;} /*====================장기렌트, 리스*/ .longcar_content [class^="longcar_content_"]{overflow:hidden;} /*==========내용 공통*/ .longcar_content h2{text-align:center; margin-bottom:9px; font-size:22px; line-height:25px;} .longcar_content h2 span.font_style{font-weight:300; font-size:0.9em;} .longcar_content p{padding:0 20px; font-size:14px; font-weight:400; color:#4c4c4c; text-align:center;} .longcar_content [class^="longcar_content_"]{padding:30px 0;} /*==========내용1*/ .longcar_content .longcar_content_01 h2{text-align:center;} .longcar_content .longcar_content_01{position:relative; background-color:#eef8ff; /*padding-bottom:30px;*/} .longcar_content .longcar_content_01 .inner:after{display:block; content:''; clear:both;} .longcar_content .longcar_content_01 .inner>div.car_img{margin-top:26px;} .longcar_content .longcar_content_01 .inner>div.car_img img{width:93%; margin:0 auto;} /*==========내용2*/ .longcar_content .longcar_content_02{padding:40px 0;} .longcar_content .longcar_content_02 .partnerArea{padding-top:20px;} .longcar_content .longcar_content_02 .partnerArea img{width:95%; margin:0 auto;} /*==========내용3*/ .longcar_content .longcar_content_03{background-color:#f4f4f4; padding-bottom:6px;} .longcar_content .longcar_content_03 h2 span.font_style{font-size:15px;} .receiptArea{padding-top:15px; margin:0 auto;} .receiptArea:after{display:block; content:''; clear:both;} .receiptArea [class^="receipt_"]{width:49%; margin-right:2%; float:left; box-shadow:2px 2px 20px #ddd;} .receiptArea>div:last-child{margin-right:0;} .receiptArea .receipt_bill{padding:15px 0; background:url('/_img/bill.png') no-repeat 50% 14% #fff; background-size:80%;} .receiptArea .receipt_bill .title{padding:0 30px; height:10px; background-color:#2c469d;} .receiptArea .receipt_bill h2{/*margin:45px 0;*/ line-height:10px; background-color:#fff; font-size:17px;} .receiptArea .receipt_bill .txt{width:80%; padding:10px 0; margin:40px auto 10px; border-top:2px dashed #ddd; border-bottom:2px dashed #ddd;} .receiptArea .receipt_bill .txt ul{padding:4px 0;} .receiptArea .receipt_bill .txt ul:after{display:block; content:''; clear:both;} .receiptArea .receipt_bill .txt ul li{float:left; font-size:15px;color:#6d6d6d;} .receiptArea .receipt_bill .txt ul li:last-child{float:right;} .receiptArea .receipt_bill .txt ul li b{margin-right:5px; line-height:17px; font-size:20px;} .receiptArea .receipt_bill p{text-align:center; font-size:16px; font-weight:700;} .receiptArea .longcar_bill .title{padding:0 20px;} .receipt_car{padding-top:62px; width:70%; margin:0 auto; background:url('/_img/vs.png') no-repeat 50% 0%; background-size:41%;} .receipt_car img{width:100%;} /*==========내용4*/ .longcar_content .longcar_content_04{background-color:#fff;} .longcar_content .longcar_content_04 h2{margin-bottom:23px;} .goodlistArea ul:after{display:block; content:''; clear:both;} .goodlistArea ul li{float:left;} .goodlistArea ul[class^="goodlist"]{margin:20px 0 0 0;} .goodlistArea ul[class^="goodlist"] li{width:33%; margin-bottom:10px;} .goodlistArea ul.goodlist_detail li{width:25%; margin-bottom:10px;} .goodlistArea ul[class^="goodlist"] li:last-child{margin-right:0;} .goodlistArea ul li div img{width:78%; margin:0 auto; background-color:#eef8ff; border-radius:100px;} .goodlistArea ul li p{text-align:center;} .goodlistArea ul li p.title{font-size:12px; padding:11px 0 0px;} .goodlistArea ul li p.txt{font-size:12px;} /*==========내용5*/ .longcar_content .longcar_content_05{padding:0; background-color:#fff;} .table{padding-top:8px;} .table ul:after, .table ul.title li:last-child .title_small:after{display:block; content:''; clear:both;} .table ul li{float:left; box-sizing:border-box; text-align:center;} .table ul li:first-child{width:17%;} .table ul li:last-child{width:83%;} .table ul li div{box-sizing:border-box;} .table ul li>div{float:left;} .table ul li>div p{padding:0; margin:0; text-align:left; font-size:13px; font-weight:300; line-height:24px; color:#252525;} .table ul.title li, .table ul[class^="txt"] li{height:98px; font-size:15px; background-color:#fafafa; border:1px solid #ddd;} .table ul li:first-child{border-right:none; padding-top:10px;} .table ul.title li:first-child{padding-top:36px;} .table ul.title li:last-child>div{float:none;} .table ul.title li:last-child>div:first-child{padding:15px 0;} .table ul.title li:last-child .title_small>div{padding:12px 0; float:left; width:50%;border:1px solid #ddd; border-left:none; font-size:14px;} .table ul.title li:last-child .title_small>div:last-child{border-right:none; background-color:#fff;} .table ul[class^="txt"] li{height:185px; border-top:none; /*font-size:16px;*/} .table ul.txt01 li{height:113px;} .table ul.txt02 li{height:137px;} .table ul[class^="txt"] li .table ul[class^="txt"] li:first-child{/*padding:68px 0;*/ border-top:none;} .table ul[class^="txt"] li:last-child{border-top:none; background-color:#fff;} .table ul[class^="txt"] li>div{padding:7px; width:50%; height:100%;} .table ul[class^="txt"] li>div:first-child{border-right:1px solid #ddd; background-color:#eef8ff;} /*==========리스*/ .longcar_content .longcar_content_01 .inner>div.lease{margin-top:40px;} .longcar_content .longcar_content_01 .inner>div.lease img{width:100%;} .receipt_lease_car{padding-top:42px; margin:0 auto; width:87%; background:url('/_img/vs.png') no-repeat 50% 0%; background-size:37%;} .receipt_lease_car img{width:100%;} .receiptArea .receipt_lease_car{position:relative; left:-205px; top:175px; box-shadow:none;} .receiptArea .lease_bill .title{/*padding:0 122px;*/ height:10px; background-color:#2c469d;} /*====================주문서*/ .paymentWrap ul:after{display:block; content:''; clear:both;} .paymentWrap ul li{float:left;} .paymentWrap h2{padding:5px 15px; font-size:17px;} .paymentWrap .product_list .product_basket{margin-bottom:23px;} .paymentWrap .product_list .title{padding:8px 15px; background-color:#f6f6f6; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:12px;} .paymentWrap .product_list .title:after{display:block; content:''; clear:both;} .paymentWrap .product_list .title h3{padding:3px 0; float:left; font-weight:500;} .paymentWrap .product_list .title button{float:right; padding:3px 8px; color:#656565; border:1px solid #999; font-family:'Noto Sans KR', sans-serif; background-color:#fff; font-size:13px;} .paymentWrap .product_list .categorys .category_title, .paymentWrap .product_list .categorys .poroduct_view{padding:14px 12px 10px;border-bottom:1px solid #ddd;} .paymentWrap .product_list .categorys li{text-align:center;} .paymentWrap .product_list .categorys li:nth-child(2){width:25%;} .paymentWrap .product_list .categorys li:last-child{width:70%; margin-left:5%; font-size:15px;} .paymentWrap .product_list .categorys .poroduct_view li:last-child{text-align:left;} .paymentWrap .product_list .categorys .poroduct_view li:last-child>div{font-size:13px; color:#888;} .paymentWrap .product_list .categorys .poroduct_view li:last-child>div.carname{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:500; color:#000;} .paymentWrap .product_list .categorys .poroduct_view li:last-child>div.shipping{margin:4px 0;} .paymentWrap .product_list .categorys .poroduct_view li:last-child>div.price{color:#000;} .paymentWrap .product_list .categorys .poroduct_view li:last-child>div.price span{margin:0 7px;display:inline-block; width:1px; height:10px; background-color:#ddd;} .paymentWrap .product_list .categorys .poroduct_view li:last-child>div.price b{font-size:14px;} .paymentWrap .product_list .categorys .poroduct_view .check_basket{position:relative; bottom:18px; right:20px;} .paymentWrap .product_list .categorys .poroduct_view img{display:inline-block; width:100%; height:100%;} .paymentWrap .product_list .categorys .total_payment{padding:5px 0;text-align:right; font-size:14px; letter-spacing:-0.6px;} .paymentWrap .product_list .categorys .total_payment .product_pay{font-weight:500;} .paymentWrap .product_list .categorys .total_payment .total_meony{font-size:16px; font-weight:600; color:#2c469d;} .paymentWrap .product_list .user_infobox h2{border-bottom:2px solid #999;} .paymentWrap .product_list .user_infobox ul{padding:15px; border-bottom:1px dotted #ddd;} .paymentWrap .product_list .user_infobox ul li.sm_title{width:30%; font-size:13px;} .paymentWrap .product_list .user_infobox ul li:last-child{width:70%;} .paymentWrap .product_list .user_infobox ul li input{width:93%; border:1px solid #ccc; padding:4px; outline:none;} .paymentWrap .product_list .user_infobox ul li.name, .paymentWrap .product_list .user_infobox ul li .post input{width:35%;} .paymentWrap .product_list .user_infobox ul.phon_num li select{width:25%; border:1px solid #ccc; padding:4px; outline:none; font-family:'Noto Sans KR', sans-serif; background-color:#fff;} .paymentWrap .product_list .user_infobox ul.email li input{width:41.9%; border:1px solid #ccc; padding:4px; outline:none; font-size:13px;} .paymentWrap .product_list .user_infobox ul.email li select{margin-top:5px; width:100%; border:1px solid #ccc; padding:4px; outline:none; font-family:'Noto Sans KR', sans-serif; font-size:13px; background-color:#fff;} .paymentWrap .product_list .user_infobox ul.email li:nth-child(2){width:70%; font-size:13px;} .paymentWrap .product_list .user_infobox ul.email li:last-child{margin-left:30%; line-height:36px; color:#5d5d5d; font-size:12px;} .paymentWrap .product_list .user_infobox ul.email li:last-child .txt{line-height:23px;} .paymentWrap .product_list .user_infobox ul.phon_num li input{width:55px;} .paymentWrap .product_list .user_infobox ul li .user_address{margin-top:5px;} .paymentWrap .product_list .user_infobox ul li .user_address span{font-size:11px; color:#5d5d5d;} .paymentWrap .product_list .user_infobox ul li .post_bt{margin-left:10px; padding:5px 10px; background-color:#fff; border:1px solid #ff8888; border-radius:3px; color:#eb3e52; font-family:'Noto Sans KR', sans-serif; font-weight:400; font-size:12px;} .paymentWrap .product_list .user_infobox ul.message .message_box{width:67%;} .paymentWrap .product_list .user_infobox ul.message .message_box textarea{resize:none; width:100%; border:1px solid #ccc; padding:4px; outline:none; font-family:'Noto Sans KR', sans-serif; font-size:13px;} .paymentWrap .product_list .agreebox{padding-bottom:18px; margin-bottom:28px; border-bottom:2px solid #ddd;} .paymentWrap .product_list .agreebox .agree_form h2{padding:10px 0; text-align:center; font-size:14px;} .paymentWrap .product_list .agreebox .agree_form .agree_formbox{width:80%; margin:0 auto; padding:10px 15px; height:157px; overflow:auto; border:1px solid #cecece; font-size:13px; color:#191919;} .paymentWrap .product_list .agreebox .all_check{padding:8px 15px; background-color:#f6f6f6; border-bottom:2px solid #ddd; font-weight:500; font-size:13px;} .paymentWrap .product_list .agreebox .all_check span{color:#eb3e52;} .paymentWrap .product_list .agreebox .all_check input{margin-right:15px;} .paymentWrap .product_list .orderWrap h2{border-bottom:2px solid #999;} .paymentWrap .product_list .orderWrap .order_box ul{font-size:12px;border-bottom:1px solid #ddd; padding:20px 0; box-sizing:border-box;} .paymentWrap .product_list .orderWrap .order_box ul:first-child{background-color:#f6f6f6;} .paymentWrap .product_list .orderWrap .order_box ul li{width:calc(100% / 3); text-align:center;} .paymentWrap .product_list .orderWrap .order_box .order{font-weight:600; font-size:15px; border-bottom:2px solid #999;} .paymentWrap .product_list .orderWrap .order_box .orderbill ul{padding:7px 24px; background-color:#f6f6f6; border-bottom:1px solid #ddd;} .paymentWrap .product_list .orderWrap .order_box .orderbill ul li:last-child{text-align:left; font-weight:600; color:#2c469d; font-size:14px; line-height:26px;} .paymentWrap .product_list .orderWrap .order_box .orderbill .sm_title{padding:5px 0; margin-right:18px; background-color:#fff;} .paymentWrap .termWrap{margin-top:30px;} .paymentWrap .termWrap h2{border-bottom:2px solid #999;} .paymentWrap .termWrap .term_checkWrap:after{display:block; content:''; clear:both;} /* .paymentWrap .termWrap .term_checkWrap .term_check{float:left; width:70%;} */ .paymentWrap .termWrap .term_checkWrap .term_check.total_order{padding:23px 0; border-top:2px solid #999; box-sizing:border-box; font-size:13px; background-color:#fff8f8;} .paymentWrap .termWrap .term_checkWrap .term_check ul li:nth-child(1), .paymentWrap .termWrap .term_checkWrap .term_check ul li:nth-child(2){margin-bottom:12px;} .paymentWrap .termWrap .term_checkWrap .term_check ul li {width:calc(100% / 2); font-size:13px;} .paymentWrap .termWrap .term_checkWrap .term_check ul li input{margin-right:10px;} .paymentWrap .termWrap .term_checkWrap .term_txt>div{display:none;} .paymentWrap .termWrap .term_checkWrap .term_txt>div.on{display:block;} .paymentWrap .termWrap .term_checkWrap{border-bottom:2px solid #999;} .paymentWrap .termWrap .term_checkWrap .term_check ul{padding:17px 10%; border-bottom:1px dotted #999;} .paymentWrap .termWrap .term_checkWrap .term_check .term_txt p{text-align:center;} .paymentWrap .termWrap .term_checkWrap .term_check .term_txt [class^="term"]{padding:10px 0;} .paymentWrap .termWrap .term_checkWrap .term_check .term_txt [class^="term"] p{padding:10px 0; font-size:12px; color:#505050;} .paymentWrap .termWrap .term_checkWrap .term_check .term_txt .term02 p{text-align:left; margin-left:27px;} .paymentWrap .termWrap .term_checkWrap .term_check .term_txt .term02 .txt_box>div, .paymentWrap .termWrap .term_checkWrap .term_check .term_txt [class^="term"] .txt_box>div{padding:7px 10%; font-size:14px;} .paymentWrap .termWrap .term_checkWrap .term_check .term_txt .term02 .txt_box>div input[type="checkbox"], .paymentWrap .termWrap .term_checkWrap .term_check .term_txt .term02 .txt_box>div span, .paymentWrap .termWrap .term_checkWrap .term_check .term_txt .term05>div input[type="checkbox"]{margin-right:10px;} .paymentWrap .termWrap .term_checkWrap .term_check .term_txt .term02 .txt_box>div input[type="text"], .paymentWrap .termWrap .term_checkWrap .term_check .term_txt .term04 .txt_box input[type="text"], .paymentWrap .termWrap .term_checkWrap .term_check .term_txt [class^="term"] .txt_box select{width:58%; border:1px solid #ccc; padding:4px; outline:none; font-family:'Noto Sans KR', sans-serif; background-color:#fff;} .paymentWrap .termWrap .term_checkWrap .term_check .term_txt .term04 .txt_box input[type="text"]{margin-left:2px; width:54.7%;} /* .paymentWrap .termWrap .term_checkWrap .term_check .term_txt .term04 .txt_box input[type="text"]{width:33%;} .paymentWrap .termWrap .term_checkWrap .term_check .term_txt .term04 .txt_box .backWrap select{margin-left:-2px; background-color:#fff;} */ .paymentWrap .termWrap .term_checkWrap .term_check .term_txt .term04 .txt_box .backWrap:after{display:block; content:''; clear:both;} .paymentWrap .termWrap .term_checkWrap .term_check .term_txt .term04 .txt_box .backWrap>div{float:left;} .paymentWrap .termWrap .term_checkWrap .term_check .term_txt [class^="term"] .sm_title{display:inline-block; width:28%; text-align:center;} .paymentWrap .termWrap .term_checkWrap .total_order{text-align:center;} .paymentWrap .termWrap .term_checkWrap .total_order .oreder_money{font-size:20px; font-weight:600;} .paymentWrap .termWrap .term_checkWrap .total_order .oreder_money span{color:#2c469d; font-size:23px;} .paymentWrap .termWrap .term_checkWrap .total_order .order_agree{font-size:14px;} .paymentWrap .termWrap .term_checkWrap .total_order .order_agree input{margin-right:10px;} .paymentWrap .termWrap .term_checkWrap .total_order .total_order_bt{padding:10px 50px; font-size:17px; font-weight:600; margin-top:20px;} .paymentWrap .text{border-bottom:1px solid #ddd;} .paymentWrap .text div{padding:10px 20px;} .paymentWrap .text div p{position:relative; font-size:12px;} .paymentWrap .text div p:after{position:absolute; top:9px; left:-8px; display:block; content:''; width:3px; height:1px; background-color:#999;} .paymentWrap .text h3{padding:10px 20px; background-color:#f6f6f6; font-size:13px;}