@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.doc-top{text-align:center;margin-bottom:50px;}
.doc-top .tt1{font-size:40px;font-weight:700;line-height:1.2em;margin-bottom:5px;}
.doc-top .tt2{color: #242424;font-size:23px;font-weight:500;line-height:1.4em;}
.greeting .bg-con{background:url('../images/sub/greeting_img1.jpg')no-repeat 50% 50%/cover;padding:55px 45px;height:400px;}
.greeting .bg-con p{color: #fff;font-size:22px;line-height:1.591em;font-weight:500;}
.greeting .bg-con p span{font-family:'Noto Sans KR';font-size:40px;line-height:.5em;display:inline-block;}
.greeting .tt-wrap{position:relative;z-index:1;margin-top:-75px;display:flex;justify-content:flex-end;}
.greeting .tt-wrap .inner{background-color: #fff;padding-top:35px;padding-left:50px;}
.greeting .tt-wrap .inner .wrap p{margin-bottom:30px;}
.greeting .tt-wrap .inner .wrap p:last-child{margin-bottom:0;}
.greeting .tt-wrap .inner .wrap p strong{color: #242424;font-weight:500;}

.history .logo{margin-bottom:20px;text-align:center;}	
.history .con{position:relative;padding:60px 0;}
.history .con:after{content:'';width:1px;height:100%;background-color: #ddd;position: absolute;left:50%;top:0px;z-index:-1;}
.history .con .row{margin-bottom:65px;display:flex;flex-direction:row-reverse;}
.history .con .row:last-child{margin-bottom:0;}
.history .con .row .col{width:50%;padding-left:40px;}
.history .con .row .col .year{font-size:30px;font-weight:700;line-height:1.2em;margin-bottom:15px;position:relative;}
.history .con .row .col .year:after{content:'';width:21px;height:21px;background:url('../images/sub/history_bullet.png')no-repeat 50% 50%/contain;position: absolute;left:-50px;top:8px;}
.history .con .row .col .info{}
.history .con .row .col .info p{line-height:1.4em;font-size:16px;margin-bottom:5px;}
.history .con .row .col .info p:last-child{margin-bottom:0;}

.history .con .row:nth-child(even){flex-direction:row;text-align:right;}
.history .con .row:nth-child(even) .col{padding-right:40px;padding-left:0;}
.history .con .row:nth-child(even) .col .year:after{left:auto;right:-50px;}

.location .maps .root_daum_roughmap {width:100% !important; height:500px !important;}
.location .maps .root_daum_roughmap .wrap_map {height:500px !important;}
.location .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .maps .roughmap_lebel_text:after {content:"삼성임페리얼도어"; font-size:12px; line-height:15px;}
.location .info{margin-top:30px;padding:35px 10px 0;border-top:1px solid #808080;display:flex;justify-content:space-between;}
.location .info p{font-size:19px;color: #242424;position:relative;padding-left:60px;line-height:1.4em;}
.location .info p:before{content:'';width:45px;height:45px;background:url('../images/sub/ic_loc.png')no-repeat 0 50%/contain;position: absolute;left:0;top:-11px;}
.location .info p.type2:before{background-image:url('../images/sub/ic_tel.png');}
.location .info p.type3:before{background-image:url('../images/sub/ic_mail.png');}
.location .info p strong{font-weight:500;}

.product-summary2{margin-bottom:70px;}
.product-summary2 .img-box{padding:45px;position:relative;margin-bottom:70px;}
.product-summary2 .img-box:after{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;}
.product-summary2 .img-box .pic{position:relative; padding-bottom:39.64%; overflow:hidden;}
.product-summary2 .img-box .pic img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}

.doc-table table{width:100%;border-spacing:0;border-top:2px solid #868686;}
.doc-table table th{background-color: #fafafa;color: #242424;font-weight:500;}
.doc-table table th,
.doc-table table td{line-height:1.529em;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:25px 40px 22px;}
.doc-table tr th:last-child,
.doc-table tr td:last-child {border-right:0;}

.doc-btn.type2{color: #fff;background-color: #3b3d8a;border-color:#3b3d8a;margin:0 auto;}

.garage .top-con{margin-bottom:60px;}
.garage .top-con .box{background-color: #f8f8f8;padding:35px 20px;display:flex;justify-content:center;align-items:center;}
.garage .top-con .box .logo{margin-right:55px;}
.garage .top-con .box .wrap .tt{font-size:23px;font-weight:500;color: #242424;line-height:1.6em;}
.garage .top-con .box .wrap .tt strong{font-size:30px;}

.garage .content{padding:100px 0;}
.garage .content:first-child{padding-top:0;}
.garage .content.type2{background-color: #f8f8f8;}

.doc-form{border-radius:10px;background:url('../images/sub/inq_bg1.jpg')no-repeat 50% 50%/cover;padding:50px 140px;}
.doc-form .form-wrap .row{display:flex;margin:0 -10px 10px;}
.doc-form .form-wrap .row .col{flex:1;padding:0 5px;}
.doc-form .form-wrap .row:last-child{margin-bottom:0;}

.doc-form .form-wrap .input{border-radius:10px;padding-left:25px;}
.doc-form .form-wrap .input.type2{padding-left:5px;padding-top:5px;}
.doc-form .form-wrap .input::placeholder{color: #959595;font-size:16px;}
.doc-form .form-wrap input.input{height:50px;}
.doc-form .form-wrap textarea.input{padding-top:20px;}

.doc-form .check{margin:35px 0;}
.doc-form .check a{display:inline-block;font-weight:500;}
.doc-form .checkbox label:before{border-color:#808080;}

.doc-form .my-btn{margin:0 auto;display:flex;justify-content:center;align-items:center;color: #fff;font-weight:500;font-size:18px;width:130px;height:50px;background-color: #6e0b0a;border:none;}

.doc-form.type2{background-image:url('../images/sub/inq_bg2.jpg');}
.doc-form.type2 .form-wrap .row .col.long{display:flex;}
.doc-form.type2 .form-wrap .row .col.long input.input{min-width:0;width:1%;flex:1 1 auto;}
.doc-form.type2 .form-wrap .row .col.long .btn-mail{height:100%;display:flex;justify-content:center;align-items:center;max-width:165px;width:100%;border-radius:10px;background-color: #505050;color: #fff;margin-left:10px;font-size:16px;}