@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.doc-tit {position:relative; padding-left:30px; margin-bottom:30px; font-weight:500; font-size:20px; line-height:1.4em; color:#454545;}
.doc-tit:after {content:""; position:absolute; top:3px; left:0; width:20px; height:20px; background:url('../images/sub/dot1.png') 0 0 no-repeat; background-size:100% 100%;}

.doc-cnt {margin-bottom:70px;}
.doc-cnt:last-child {margin-bottom:0;}

.introduce {padding-top:400px; background:url('../images/sub/introduce_bg.jpg') 50% 0 no-repeat; z-index:1;}
.introduce .txt-box {position:relative; background:#fff; margin-top:-50px; z-index:2; display:flex; align-items:center; padding:100px 0 0;}
.introduce .txt-box > div {width:50%;}
.introduce .txt-box .logo {text-align:center; line-height:0;}
.introduce .txt-box .txt h3 {font-size:26px; line-height:38px; color:#2c2c2c; margin-bottom:25px;}
.introduce .txt-box .txt p {font-size:18px; line-height:30px; color:#505050; margin-bottom:18px;}
.introduce .txt-box .txt p:last-child {margin-bottom:0;}
.introduce .txt-box .txt p strong {font-weight:500; color:#2c2c2c;}

.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:"쓰담3D스토어"; font-size:12px; line-height:15px;}

.local {margin-top:40px;}
.local ul {display:flex; border:1px solid #dfdfdf;}
.local ul li {position:relative; width:33.333333%; border-left:1px solid #dfdfdf; padding:40px; min-height:178px; z-index:1;}
.local ul li:after {content:""; position:absolute; bottom:0; right:40px; z-index:-1; width:123px; height:114px; background-size:100% 100%; background-position:0 0; background-repeat:no-repeat;}
.local ul li:first-child {border-left:0;}
.local ul li .tt {font-weight:700; font-size:18px; line-height:1em; color:#231916; margin-bottom:16px;}
.local ul li p {font-size:26px; line-height:32px; color:#2c2c2c;}
.local ul li p.addr {font-size:20px;}
.local ul li.icon1:after {background-image:url('../images/sub/local_icon1.jpg');}
.local ul li.icon2:after {background-image:url('../images/sub/local_icon2.jpg');}
.local ul li.icon3:after {background-image:url('../images/sub/local_icon3.jpg');}