@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.doc-tit {position:relative; padding-bottom:15px; margin-bottom:25px; font-weight:700; font-size:28px; line-height:1em; color:#000;}
.doc-tit:after {content:""; position:absolute; bottom:0; left:0; width:29px; height:4px; background:#b07b53;}

.doc-cnt {margin-bottom:75px;}
.doc-cnt:last-child {margin-bottom:0;}

.introduce .txt-box p {font-size:18px; line-height:28px; color:#555;}
.introduce .txt-box p strong {color:#b07b53;}
.introduce .award-detail ul li {position:relative; padding-left:20px; font-size:18px; line-height:1.8em; color:#555;}
.introduce .award-detail ul li:after {content:""; position:absolute;top:17px; left:3px; width:3px; height:3px; border-radius:50%; background:#555;}
.introduce .corporate-goal ul {display:flex; margin:0 -23px; padding-top:51px;}
.introduce .corporate-goal ul li {position:relative; width:calc(50% - 46px); margin:0 23px; border:1px solid #ddd; padding:0 33px 20px 40px; z-index:1;}
.introduce .corporate-goal ul li .icon {position:relative; line-height:0; margin-top:-52px; margin-bottom:22px; z-index:2;}
.introduce .corporate-goal ul li .tt {font-size:24px; line-height:1.8em; color:#b07b53; letter-spacing:-0.02em; margin-bottom:20px;}
.introduce .corporate-goal ul li p {font-size:18px; line-height:1.8em; color:#555; letter-spacing:-0.02em;}
.introduce .mentality .img {position:relative; text-align:center; line-height:0; margin-bottom:90px;}
.introduce .mentality .list {padding:0 45px;}
.introduce .mentality .list ul {display:flex; margin:0 -56px;}
.introduce .mentality .list ul li {width:33.333333%; padding:0 56px; text-align:center;}
.introduce .mentality .list ul li dl dt {font-size:24px; line-height:1.8em; letter-spacing:-0.02em; color:#b07b53; margin-bottom:18px;}
.introduce .mentality .list ul li dl dd {font-size:18px; line-height:30px; letter-spacing:-0.02em; color:#555;}

.bi .symbol .txt {margin-bottom:60px;}
.bi .symbol .txt p {font-size:18px; line-height:1.8em; color:#555;}
.bi .symbol .txt p strong {color:#b07b53;}
.bi .symbol .list {margin-bottom:60px;}
.bi .symbol .list ul {display:flex; margin:0 -10px;}
.bi .symbol .list ul li {width:50%; padding:0 10px;}
.bi .symbol .list ul li .tt {padding-left:7px; margin-bottom:10px; font-size:18px; line-height:1.3em; font-weight:700; letter-spacing:-0.02em; color:#555;}
.bi .symbol .list2 {margin-bottom:42px;}
.bi .symbol .list2 .tt {margin-bottom:10px; font-size:18px; line-height:1.8em; font-weight:700; letter-spacing:-0.02em; color:#555;}
.bi .symbol .list2 p {margin-bottom:10px; font-size:18px; line-height:1.8em; letter-spacing:-0.02em; color:#555;}
.bi .symbol .list2 .img {display:table; table-layout:fixed; width:100%; height:286px; border:1px solid #e5dfd7; background:url('../images/sub/symbol_bg.jpg') 50% 50% repeat;}
.bi .symbol .list2 .img .cell {display:table-cell; vertical-align:middle; width:100%; text-align:center;}
.bi .symbol .download-link {text-align:center;}
.bi .symbol .download-link ul {display:inline-flex;}
.bi .symbol .download-link ul li {padding:0 5px;}
.bi .symbol .download-link ul li a {display:block; width:204px; height:49px; background:#c19569; font-size:16px; line-height:49px; color:#fff;}
.bi .symbol .download-link ul li a span {position:relative; padding-left:18px;}
.bi .symbol .download-link ul li a span:after {content:""; position:absolute; top:50%; left:0; margin-top:-5.5px; width:9px; height:11px; background:url('../images/sub/icon_down.png') 0 0 no-repeat; background-size:100% 100%;}

.bi .slogan .tt {position:relative; margin-bottom:12px; font-family: 'BinggraeMelona'; font-size:28px; line-height:1.8em; letter-spacing:-0.02em; color:#d68a52;}
.bi .slogan .tt span {display:inline-block; position:relative; padding:0 42px;}
.bi .slogan .tt span:before {content:"“"; position:absolute; top:0; left:10px; font-size:48px; line-height:1em; color:#d68a52;}
.bi .slogan .tt span:after {content:"”"; position:absolute; top:0; right:10px; font-size:48px; line-height:1em; color:#d68a52;}
.bi .slogan .txt p {font-size:18px; line-height:36px; color:#555;}
.bi .slogan .txt p strong {color:#b07b53;}

.bi .exclusive-color .txt {margin-bottom:55px;}
.bi .exclusive-color .txt p {font-size:18px; line-height:36px; color:#555; margin-bottom:35px;}
.bi .exclusive-color .txt p:last-child {margin-bottom:0;}
.bi .exclusive-color .color-box .box {position:relative; width:100%; height:20px; padding:0 20px;}
.bi .exclusive-color .color-box .box .num {position:absolute; top:0; right:20px; text-align:right; font-size:12px; line-height:20px; color:#fff; font-weight:200; letter-spacing:-0.02em;}
.bi .exclusive-color .color-box .box .title {width:50%; font-size:16px; line-height:28px; font-weight:500; color:#fff; letter-spacing:-0.02em}
.bi .exclusive-color .color-box .box .title strong {font-size:18px;}
.bi .exclusive-color .color-box .box .color-chip {position:absolute; top:20px; right:130px; font-size:13px; line-height:18px; color:#fff; font-weight:200;}
.bi .exclusive-color .color-box .box .color-chip ul {}
.bi .exclusive-color .color-box .box .color-chip ul li {display:flex;}
.bi .exclusive-color .color-box .box .color-chip ul li .tt {flex:1 1 43px; max-width:43px; font-weight:500;}
.bi .exclusive-color .color-box .box .color-chip ul li .cnt {flex:1 auto; width:1%; white-space:nowrap;}
.bi .exclusive-color .color-box .box .color-chip p strong {font-weight:500;}
.bi .exclusive-color .color-box .box.box10 {background:#f7f0e9;}
.bi .exclusive-color .color-box .box.box10 .num {color:#b9865e;}
.bi .exclusive-color .color-box .box.box20 {background:#f0e3d5;}
.bi .exclusive-color .color-box .box.box20 .num {color:#b9865e;}
.bi .exclusive-color .color-box .box.box30 {background:#e9d5c2;}
.bi .exclusive-color .color-box .box.box30 .num {color:#b9865e;}
.bi .exclusive-color .color-box .box.box40 {background:#e1c7b0;}
.bi .exclusive-color .color-box .box.box50 {background:#dbbca1;}
.bi .exclusive-color .color-box .box.box60 {background:#d4b193;}
.bi .exclusive-color .color-box .box.box70 {background:#cea685;}
.bi .exclusive-color .color-box .box.box80 {background:#c79c77;}
.bi .exclusive-color .color-box .box.box90 {background:#c0916a;}
.bi .exclusive-color .color-box .box.box100 {background:#b9865e; height:120px; padding:20px;}
.bi .exclusive-color .color-box .box.box100 .num {top:20px;}

.local-tab {margin-bottom:72px; text-align:center;}
.local-tab ul {display:inline-flex; margin:0 -2px; width:auto;}
.local-tab ul li {padding:0 2px; width:auto;}
.local-tab ul li a {display:block; width:199px; height:50px; border-radius:25px; border:1px solid #ddd; font-size:18px; font-weight:500; color:#555; line-height:48px;}
.local-tab ul li.active a {border:1px solid #b07b53; background:#b07b53; color:#fff;}
.local {margin-top:67px;}
.local ul {display:flex;}
.local ul li {width:50%; padding:0 24px;}
.local ul li .row {display:table; table-layout:fixed; width:100%;}
.local ul li .cell {display:table-cell; vertical-align:middle;}
.local ul li .icon {width:63px; line-height:0;}
.local ul li .txt {width:auto; padding-left:22px; font-size:18px; line-height:24px;}
.local ul li .txt dl dt {font-weight:500; color:#000; margin-bottom:5px;}
.local ul li .txt dl dd {color:#555;}
.local ul li .txt dl dd span {display:inline-block; padding-right:20px;}

.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .wrap_map {width:100% !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"델리팜"; font-size:12px; line-height:15px;}

.brand-wrap .brand-thumb {line-height:0; margin-bottom:130px; text-align:center;}
.brand-wrap .brand-info {margin-bottom:97px;}
.brand-wrap .brand-info ul li {display:flex; margin-bottom:163px;}
.brand-wrap .brand-info ul li:last-child {margin-bottom:0;}
.brand-wrap .brand-info ul li > div {width:50%;}
.brand-wrap .brand-info ul li .pic {line-height:0;}
.brand-wrap .brand-info ul li .txt {padding:10px 38px 20px;}
.brand-wrap .brand-info ul li .txt .tt {font-size:36px; line-height:1.4em; font-weight:700; letter-spacing:-0.025em; color:#000; margin-bottom:30px;}
.brand-wrap .brand-info ul li .txt p {font-size:18px; line-height:34px; letter-spacing:-0.025em; color:#000; margin-bottom:10px;}
.brand-wrap .brand-info ul li .txt p:last-child {margin-bottom:0;}
.brand-wrap .brand-info ul li .txt p strong {font-weight:800;}
.brand-wrap .brand-info ul li .txt dl {margin-bottom:22px;}
.brand-wrap .brand-info ul li .txt dl:last-child {margin-bottom:0;}
.brand-wrap .brand-info ul li .txt dl dt {font-size:18px; line-height:1.3em; font-weight:700; color:#888; letter-spacing:-0.025em; margin-bottom:8px;}
.brand-wrap .brand-info ul li .txt dl dt span {color:#000;}
.brand-wrap .brand-info ul li .txt dl dd {font-size:18px; line-height:34px; color:#000;}
.brand-wrap .brand-info ul li:nth-child(even) .pic {order:2;}
.brand-wrap .brand-info ul li:nth-child(even) .txt {order:1; padding:45px 38px 20px;}
.brand-wrap .brand-detail {padding:108px 0 110px; background:#fafafa;}
.brand-wrap .brand-detail .slick-list {margin:0 -26px;}
.brand-wrap .brand-detail .slick-slide {padding:0 26px;}
.brand-wrap .brand-detail .item {text-align:center;}
.brand-wrap .brand-detail .item a {display:block; width:100%;}
.brand-wrap .brand-detail .item .thumb {margin-bottom:22px; line-height:0;}
.brand-wrap .brand-detail .item .thumb .in {position:relative; width:100%; height:0; padding-bottom:112%; overflow:hidden;}
.brand-wrap .brand-detail .item .thumb .in 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;}
.brand-wrap .brand-detail .item .tit {font-size:16px; line-height:24px; font-weight:500; color:#333; letter-spacing:-0.02em;}
.brand-wrap .brand-detail .slick-track {z-index:1;}
.brand-wrap .brand-detail .slick-arrow {position:absolute; top:50%; margin-top:-11px; width:22px; height:22px; z-index:89; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:100% 100%;}
.brand-wrap .brand-detail .slick-prev {left:0; margin-left:-80px; background-image:url("../images/sub/bt_prev.png");}
.brand-wrap .brand-detail .slick-next {right:0; margin-right:-80px; background-image:url("../images/sub/bt_next.png");}