@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:clamp(250px, calc( 450 / var(--inner) * 100vw ), 450px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc( 450 / var(--inner) * 100vw ), 450px) !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"강남구 테헤란로2길 27"; font-size:12px; line-height:15px;}

.bullet-item .bullet-list {position:relative; padding-left:9px; margin-top:10px; line-height:1.3;}
.bullet-item .bullet-list:first-child {margin-top:0;}
.bullet-item .bullet-list::before {position:absolute; content:''; left:0; top:9px; width:5px; height:1px; background:#242424;}
.bullet-item2 .bullet-list2 {position:relative; padding-left:10px; margin-top:8px; line-height:1.3; color: #454545;}
.bullet-item2 .bullet-list2:first-child {margin-top:0;}
.bullet-item2 .bullet-list2::before {position:absolute; content:''; left:0; top:9px; width:3px; height:3px; border-radius: 50%; background:#454545;}

.bg-gray {background:#f8f8f8;}

/* 소개 */
.greetwrap .flxWrap {padding-top: clamp(30px, calc( 70 / var(--inner) * 100vw ), 70px);}
.greetwrap .logobx {flex: 1 0 clamp(180px, calc( 485 / var(--inner) * 100vw ), 485px); max-width: clamp(180px, calc( 485 / var(--inner) * 100vw ), 485px); padding-left: clamp(25px, calc( 65 / var(--inner) * 100vw ), 65px);}
.greetwrap .logobx img {width: clamp(90px, calc( 220 / var(--inner) * 100vw ), 220px);}
.greetwrap .textbx {flex: 1 0 auto; width: 1%;}
.greetwrap .title {font-size: clamp(18px, calc( 26 / var(--inner) * 100vw ), 26px); font-weight: 500;}
.greetwrap .dec {padding-top: clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px); color: #454545; line-height: 1.6; letter-spacing: -0.5px;}

.ckpwrap .topimg {background: url(../images/sub/ckp-img.jpg) no-repeat left bottom; height: clamp(200px, calc( 380 / var(--inner) * 100vw ), 380px);}
.ckpwrap .widtext {position: relative; margin-top: -60px; z-index: 2; max-width: 1050px; width: 100%; margin-left: auto; background: #fff;}
.ckpwrap .inner {padding: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px) clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px); }
.ckpwrap .title {font-size: clamp(17px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: 500; line-height: 1.5;}
.ckpwrap .dec {padding-top: clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px); color: #454545; line-height: 1.6;}

.grouplist .imgbx {flex: 1 0 155px; max-width: 155px; margin-right:clamp(10px, calc( 45 / var(--inner) * 100vw ), 45px);}
.grouplist .textbx {flex: 1 0 auto; width: 1% ; letter-spacing: -0.5px;}
.grouplist .titlebx {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd;}
.grouplist .tit {display: inline-block; padding-right:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); position: relative; font-size: clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight: 500;}
.grouplist .small {display: inline-block; padding-left: clamp(5px, calc( 10 / var(--inner) * 100vw ), 10px); font-size: clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px); color: var(--color-1);}
.grouplist .tit:after {position: absolute; content: ''; left: 0; bottom: -16px; width: 100%; height: 1px; background: var(--color-1);}
.grouplist .bulletname {font-size: clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight: 600; color:var(--color-1);}
.grouplist .bullet-item2 {padding-top: 10px;}
.groupwrap + .groupwrap {padding-top:clamp(60px, calc( 140 / var(--inner) * 100vw ), 140px);}
.groupwrap .grouptit {margin-bottom:clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px);padding-left:14px;position:relative;font-size:clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px);font-weight:600;color:var(--color-1);}
.groupwrap .grouptit:after {position:absolute;content:'';left:0;top:50%;transform:translatey(-50%);width:4px;height:4px;background:var(--color-1);}
.groupitem {display:flex;flex-wrap:wrap;margin:-60px -40px;}
.grouplist {flex:1 0 50%; max-width:50%;padding:60px 40px;}
.grouplist .bullet-item2 .bullet-list2 {margin-top:5px; font-size:14px;line-height:1.6;}
.grouplist .bullet-item2 .bullet-list2:first-child {margin-top:0;}
.grouplist .bullet-item2 .bullet-list2.mail {padding-left:0;color:var(--color-1);}
.grouplist .bullet-item2 .bullet-list2.mail:before {display:none;}


.mapinfo {margin-top:clamp(15px, calc( 35 / var(--inner) * 100vw ), 35px); border-top: 2px solid #242424;}
.mapinfo th {padding: clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px) clamp(10px, calc( 30 / var(--inner) * 100vw ), 30px);background: #fafafa; font-weight: 600; text-align: left;}
.mapinfo th img {margin-right: 12px;vertical-align: middle;}
.mapinfo td {padding: clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px) clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); color: #454545;}
.mapinfo th,
.mapinfo td {border-bottom: 1px solid #ddd; letter-spacing: -0.5px;}



/* 주요업무 */
.busitop {position: relative; margin-bottom: -100px; z-index: 2;}
.busiwrap {padding: 170px 0 clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px);}
.busiitem {display: flex; flex-wrap: wrap;}
.busilist {flex: 1 0 50%; max-width: 50%; position: relative; padding-right: 15px;}
.busilist::after {position: absolute; content: ''; width: 1px; height: 100%; right: 0; top: 0; background: #ddd;} 
.busilist:last-child {padding-left: clamp(20px, calc( 48 / var(--inner) * 100vw ), 48px); padding-right: 0;}
.busilist:last-child::after {display: none;}
.busilist .name {display: block; padding-bottom: clamp(15px, calc( 26 / var(--inner) * 100vw ), 26px); font-size: clamp(18px, calc( 26 / var(--inner) * 100vw ), 26px); font-weight:bold;}
.busilist.type2 {display: flex; flex-wrap: wrap; flex: 1 0 100%; max-width: 100%; padding-left: 0;}
.busilist.type2 .name {flex: 1 0 clamp(160px, calc( 510 / var(--inner) * 100vw ), 510px); max-width: clamp(160px, calc( 510 / var(--inner) * 100vw ), 510px);}
.busilist.type2 .bullet-item2 {display: flex; flex-wrap: wrap; flex: 1 0 auto; width: 1%;}
.busilist.type2 .bullet-list2 {margin-top: 0; margin-right: clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px);}
.busilist.type2 .bullet-list2:last-child {margin-right: 0;}