@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.greeting .bg {height:450px; background-position:50% 50%; background-repeat:no-repeat; background-image:url('/images/sub/greeting.png'); background-size:contain;}
.greeting .inner {border-radius:0 80px 0 0; padding-top:var(--space-50); padding-left:var(--space-100); color:#242424; background-color:#fff; margin-top:-110px; max-width:870px;}
.greeting strong {color:#242424;}
.greeting .tit {margin-bottom:var(--space-60); font-size:var(--font-size-60); font-weight:600; line-height:1.3em; letter-spacing:-.03em;}
.greeting .tit strong {color:var(--color-primary);}
.greeting .in {padding-left:var(--space-100);}
.greeting .txt {margin-bottom:var(--space-40); font-size:var(--font-size-28); font-weight:700; letter-spacing:-.03em; line-height:1.3em; color:#242424;}
.greeting p {line-height:1.75em;}
.greeting .gr1 {margin-top:var(--space-40);}
.greeting .gr {margin-bottom:var(--space-60);}
.greeting .gr strong {margin-bottom:var(--space-20); font-size:var(--font-size-18); font-weight:600; line-height:1.4em; display:block;}
.greeting .gr.last {margin-bottom:0;}
.greeting .gr .thx {margin-top:var(--space-30);}

.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .cont {display:none !important;}
.directions {margin-top:var(--space-50); display:flex;}
.directions .address-info {width:60%;}
.directions .address-info .comp {color:var(--color-primary); font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {line-height:1.5em;}
.directions .contact-info dl {margin-bottom:var(--space-30); display:flex;}
.directions .contact-info dl:last-child {margin-bottom:0;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:#ababab;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

.pop-apply .fancybox-inner {width:1100px !important; max-height:550px; }
.pop-apply .fancybox-skin {background-color:#fff !important; border-radius:20px;}
.pop-apply .fancybox-close {width:30px; height:30px; top:-35px; right:-35px; transform:translateX(-50%); background-size:contain; background-image:url(../images/bbs/modal_cls.png);}

.btn-pack.flex {display:inline-flex; align-items:center; justify-content:center;}

.condition {font-size:var(--font-size-14);}
.condition li {margin-bottom:10px; display:flex; line-height:1;}
.condition .subject {width:78px; color:#898989; font-weight:600;}
.condition .contxt {display:flex; position:relative; align-items:center; gap:10px; width:calc(100% - 78px);}
.condition .color {width:14px; height:14px; border-radius:4px; border:1px solid #f1f1f1; flex-shrink:0;}
.condition .contxt .c-txt {margin-left:-4px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.condition .contxt .txt{width:calc(100% - 78px); text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.condition .contxt .etc-click {margin-left:auto; font-weight:600; cursor:pointer; color:var(--color-primary);}
.condition .contxt .etc-click .ico-plus {border-radius:2px; border:1px solid var(--color-primary); padding:0 4px; margin-left:4px;}
.condition .contxt .etc-click:hover .tooltip {display:block;}
.condition .contxt .tooltip {display:none; position:absolute; bottom:36px; right:-11px; padding:10px 12px; background:#fff; border-radius:8px; font-size:12px; line-height:18px; text-align:center; z-index:9; filter:drop-shadow(0 0 2px rgb(0 0 0 / 15%)); color:#939393 !important; font-weight:300;}
.condition .contxt .tooltip:after {position:absolute; bottom:-15px; right:5px; content:''; border-top:30px solid #fff; border-left:15px solid transparent; z-index:8; border-right:15px solid transparent; }
.carprice {padding-top:12px; margin-top:12px; border-top:1px solid #e0e0e0;}
.carprice li {font-size:var(--font-size-14); color:#898989; display:flex; align-items:center; justify-content:space-between; line-height:1.7em;}
.carprice li .big {font-size:var(--font-size-18); font-weight:600; color:#454545;}
.carprice li.pp-info {margin-top:12px; justify-content:right; color:#ababab; font-size:12px;}