@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.doc-tit {font-size:25px; padding-bottom:20px; padding-left:50px; line-height:1.3em; letter-spacing:-.04em; color:#2c2c2c; font-weight:500; position:relative;}
.doc-tit:before {position:absolute; content:''; width:39px; height:22px; left:0; top:6px; background-image:url('../images/sub/doc_tit.png'); background-size:contain; background-repeat:no-repeat;}
.doc-tit span {color:#fe5d25;}

.greeting {display:flex;}
.greeting .txt {padding-left:50px; padding-top:5px; flex:1;}
.greeting .txt .tit {font-size:28px; margin-bottom:30px; letter-spacing:-.04em; font-weight:700; color:#2c2c2c;}
.greeting .txt .tit span {color:#e13945;}
.greeting .txt p {font-size:18px; line-height:1.667em; letter-spacing:-.04em; margin-bottom:20px;}
.greeting .txt .last {font-size:20px; margin-top:40px; letter-spacing:-.04em; color:#2c2c2c; font-weight:500;}
 
.color1 {color:#fa6f24;}
.color2 {color:#3e69b1;}

.local {margin-top:40px; display:flex; flex-wrap:wrap; border-top:1px solid #a8a8a8;}
.local li {width:50%; padding:20px 0; border-bottom:1px solid #a8a8a8; display:flex; align-items:center;}
.local li .icon {margin:0 30px 0 20px;}
.local li .txt {font-size:15px; letter-spacing:-.06em; font-weight:500; color:#878787;}
.local li .cnt {font-size:19px; padding-left:25px; letter-spacing:-.06em; color:#2c2c2c;}

.root_daum_roughmap {width:100% !important;}

.wid1 {width:100%; max-width:400px;}

.input {border-radius:5px;}

.banner-box {margin-top:10px;}

.order-list {display:flex; margin:0 -5px 10px;}
.order-list li {width:20%; padding:0 5px;}
.order-list li a {font-size:18px; height:40px; font-weight:500; display:flex; background-color:#f9cfd2; border:2px solid #a8a8a8; color:#2c2c2c; justify-content:center; align-items:center; border-radius:10px;}
.order-list li.active a {color:#fff; background-color:#e13945; border-color:#e13945;}

.order-table table {border-collapse:collapse; width:100%; border-top:1px solid #a8a8a8; text-align:center;}
.order-table table th {padding:12px 0; font-weight:500; color:#2c2c2c; background-color:#f1f1f1; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.order-table table td {padding:12px 10px; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.order-table table td:first-child {text-align:left;}
.order-table table th:last-child {border-right:0;}
.order-table table td:last-child {border-right:0; padding:12px 28px;}
.order-table table td:nth-child(3) {text-align:left;}
.order-table .input {text-align:center;}

.buttons-wrap {margin-top:60px; display:flex; justify-content:center;}
.buttons-wrap .btn-pack {border-width:2px; border-radius:10px;}
.buttons-wrap .btn-pack.white {background-color:#fff; border-color:#a8a8a8;}

.total-wrap {margin:20px 0 35px; font-weight:500; color:#2c2c2c; text-align:right;}
.total-wrap span {font-size:32px; padding-left:15px; font-weight:700; color:#fa6f24;}

.machine-list {display:flex; flex-wrap:wrap; margin:0 -15px;}
.machine-list .item {width:20%; padding:0 15px; margin-bottom:40px;}
.machine-list .item a {display:block;}
.machine-list .item a .name {font-size:18px; line-height:1.2em; margin-bottom:10px; height:48px; display:flex; justify-content:center; align-items:center; border-radius:10px; letter-spacing:-.04em; font-weight:500; background-color:#ffd09e; border:2px solid #a8a8a8; text-align:center; color:#2c2c2c;}
.machine-list .item a .thumb {position:relative; padding-bottom:75%; overflow:hidden; border-radius:10px;}
.machine-list .item a .thumb 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;}
.machine-list .item a .cnt {margin-top:12px;}
.machine-list .item a .cnt li {padding-left:15px; line-height:1.25em; position:relative; color:#505050; line-height:1.688em;}
.machine-list .item a .cnt li:before {position:absolute; content:''; width:5px; height:5px; top:11px; left:4px; background-color:#fa6f24; border-radius:100%;}

.machine-list.type2 {margin:0 -5px 40px;}
.machine-list.type2 .item {width:12.5%; padding:0 5px; margin-bottom:30px;}
.machine-list.type2 .item a .cnt li {font-size:13px;}
.machine-list.type2 .item a .cnt li:before {top:8px;}

.detail-group {margin-bottom:40px;}
.detail-group:last-child {margin-bottom:0;}

.detail-wrap {display:flex; margin-bottom:40px;}
.detail-wrap .col-l {margin-right:60px;}
.detail-wrap .col-l .img-box {width:460px;}
.detail-wrap .col-l .img-box .thumb {position:relative; padding-bottom:75%; overflow:hidden;}
.detail-wrap .col-l .img-box .thumb img {border-radius:10px; 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;}

.detail-menu-list {display:flex; flex-wrap:wrap; margin:20px -5px 0;}
.detail-menu-list li {width:50%; padding:0 5px;}
.detail-menu-list li a {font-size:18px; height:46px; letter-spacing:-.06em; font-weight:500; color:#2c2c2c; display:flex; justify-content:center; align-items:center; border-width:2px; border-style:solid; border-radius:10px;}
.detail-menu-list li:nth-child(-n+2) {margin-bottom:10px;}
.detail-menu-list li.bg1 a {background-color:#e2eff9; border-color:#2d9ae6;}
.detail-menu-list li.bg2 a {background-color:#e6f3d5; border-color:#77b32a;}
.detail-menu-list li.bg3 a {background-color:#ccc; border-color:#a8a8a8;}
.detail-menu-list li.bg4 a {background-color:#fae8de; border-color:#e6732d;}

.detail-wrap .col-r {flex:1;}
.detail-wrap .col-r .cnt .amount {font-size:32px; padding-bottom:20px; letter-spacing:-.04em; font-weight:700; line-height:1.3em; color:#fa6f24;}
.detail-wrap .col-r .cnt .amount span {font-size:13px; padding-left:15px; color:#878787; font-weight:300;}

.detail-txt-info {overflow-y:scroll; height:400px;}
.detail-txt-info li {font-size:17px; padding-left:25px; margin-bottom:10px; line-height:1.4em; letter-spacing:-.06em; color:#2c2c2c; position:relative;}
.detail-txt-info li:last-child {margin-bottom:0;}
.detail-txt-info li:before {position:absolute; content:''; width:13px; height:10px; left:0; top:7px; background-image:url('../images/sub/checkimg.png'); background-size:contain; background-repeat:no-repeat;}

.machine_view {display:none;}
.machine_view.active {display:block;}
.machine_view .tit-down {font-size:32px; margin-bottom:20px; letter-spacing:.12em; font-weight:700; color:#2c2c2c; position:relative;}
.machine_view .tit-down span {background-color:#fff; padding-right:30px;}
.machine_view .tit-down:after {position:absolute; content:''; width:100%; height:2px; z-index:-1; left:0; background-color:#a8a8a8; top:50%; margin-top:-1px;}

.machine_view .close-btn {width:180px; height:52px; line-height:52px; text-align:center; border-radius:10px; margin:30px auto; display:block; font-size:18px; letter-spacing:-.06em; font-weight:500; color:#fff; background-color:#505050;}

.fancybox-outer,
.fancybox-inner, 
.fancybox-skin,
.pop-video {border-top-left-radius:20px !important; border-top-right-radius:20px !important; background-color:#fa6f24;}

.youtube-video {border:10px solid #fa6f24; border-top:0;}
.inner-video {width:960px; height:540px;}
.fancybox-close {width:19px !important; height:19px !important; top:25px !important; right:30px !important; background-image:url('../images/sub/close_video.png') !important; background-repeat:no-repeat !important;}

.pop-video .fg_top {max-width:1200px; position:relative; text-align:left; height:70px; display:flex; justify-content:space-between; align-items:center; width:100%;}
.pop-video .fg_top .fg_top_l {width:auto; position:relative}
.pop-video .fg_top .fg_top_l .tt {padding-left:30px; font-size:19px; line-height:1.4em; color:#fff;}

.detail-table table {border-collapse:collapse; width:100%; text-align:center; border-top:1px solid #fa6f24;}
.detail-table table thead td {font-size:13px; padding:2px 0; letter-spacing:0; font-weight:500;}
.detail-table table td {font-size:12px; font-weight:300; line-height:2em; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;} 
.detail-table table td:nth-child(odd) {background-color:#fafafa;}
.detail-table table td:last-child {border-right:0;}

.path-wrap {display:none; position:relative; margin-bottom:20px;}
.path-wrap .part {position:relative;}
.path-wrap .part:after {content:"";position:absolute; top:18px; right:20px;border: solid #505050; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; transform: rotate(45deg); -webkit-transform: rotate(45deg); transition: all 0.2s ease-in-out;}
.path-wrap .part > a {display:block; border-bottom:2px solid #f91909; position:relative; color:#f91909; background:#f9f9f9;font-size:18px; line-height:50px; font-weight:500; transition:none; padding-left:20px;}
.path-wrap .part:last-child > a {border-bottom:2px solid rgba(249,25,9,.5);}
.path-wrap .part.active:after {top:22px; transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
.path-wrap .part ul {display:none; position:absolute; top:52px; left:0; width:100%; border:1px solid #ddd; border-bottom:0; border-top:0;z-index:20;}
.path-wrap .part ul li {border-bottom:1px solid #ddd;}
.path-wrap .part ul li a {display:block; padding-left:20px; color:#2c2c2c; background:#fff; font-size:16px; line-height:50px; text-decoration:none;}
.path-wrap .part ul li a:hover {color:#f91909; background:#f2f2f2;text-decoration:underline;} 

.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;} 
.roughmap_lebel_text:after {content:"국민히타"; font-size:12px; line-height:15px;}