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

.bullet-item .bullet-list {position:relative; padding-left:15px; 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:3px; height: 3px; background:#fff; border-radius: 50%;}

.bg-gray {background:#fafafa;}
.submenubx {margin-bottom:30px; padding-bottom: 30px;border-bottom: 1px solid #ddd;}

.newsroomlist {padding: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px) 0;border-bottom: 1px solid #ddd;}
.newsroomlist:first-child {padding-top: 0; }
.newsroomlist .imgbx {flex: 1 0 384px; max-width: 384px; margin-right:  clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px);}
.newsroomlist .images {position:relative; padding-bottom:56.25%; overflow:hidden;border-radius: 16px;}
.newsroomlist .images img,
.newsroomlist .images video,
.newsroomlist .images iframe {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;}
.newsroomlist .textbx {flex: 1 0 auto; width: 1%; display: flex; flex-direction: column; justify-content: space-between; padding-top: 8px;}
.newsroomlist .cate {display: block; font-weight: 600; color: #3689a3;}
.newsroomlist .title {margin-top: clamp(8px, calc( 13 / var(--inner) * 100vw ), 13px); font-size:  clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: bold;display:-webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1;}
.newsroomlist .desc {margin-top: clamp(10px, calc( 17 / var(--inner) * 100vw ), 17px); color: #505050; display:-webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;}
.newsroomlist .data {display: block; margin-top: 15px; font-size:  clamp(12px, calc( 14 / var(--inner) * 100vw ), 14px); font-weight: 500; color: #999999;}
.morebutton {margin-top:  clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px);text-align: center;}

.sub01_01wrap .flxWrap {align-items:center;padding-top:20px;overflow:hidden;}
.sub01_01wrap .imgbx {flex:1 0 50%; max-width:50%; margin-right:clamp(15px, calc( 54 / var(--inner) * 100vw ), 54px);text-align:center;}
.sub01_01wrap .textbx {flex:1 0 auto; width:1%;}
.sub01_01wrap .small {display:block; font-size:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight:600; color:var(--color-primary);}
.sub01_01wrap .title {margin-top:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); font-size:clamp(20px, calc( 36 / var(--inner) * 100vw ), 36px);font-weight:bold;}
.sub01_01wrap .icntxtitem {margin-top:clamp(30px, calc( 70 / var(--inner) * 100vw ), 70px);}
.sub01_01wrap .icntxtlist + .icntxtlist {margin-top:clamp(5px, calc( 10 / var(--inner) * 100vw ), 10px);}
.sub01_01wrap .icntxtlist .inner {display:flex;align-items:center;justify-content:space-between;padding:clamp(20px, calc( 36 / var(--inner) * 100vw ), 36px) clamp(20px, calc( 60 / var(--inner) * 100vw ), 60px); border-radius:16px; background:linear-gradient(to right, #1e6ba5 , #164b97 );}
.sub01_01wrap .icntxtlist .left {font-size:clamp(17px, calc( 24 / var(--inner) * 100vw ), 24px);color:#fff;font-weight:600;}
.sub01_01wrap .icntxtlist .num {display:inline-block;margin-right:clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px);opacity:0.6;}
.sub01_01wrap .icntxtlist .icn img {width:clamp(35px, calc( 64 / var(--inner) * 100vw ), 64px);}

.location-area .mapbx {flex:1 0 50%; max-width:50%; margin-right:clamp(15px, calc( 54 / var(--inner) * 100vw ), 54px);}
.location-area .mapbx .in {border-radius:16px;overflow:hidden;}
.location-area .mapinfobx {flex:1 0 auto; width:1%;padding-top:25px;}
.directions .address-info {margin-bottom:clamp(25px, calc( 90 / var(--inner) * 100vw ), 90px);}
.directions .address-info .addr {margin-bottom:12px;color:#222; font-size:clamp(18px, calc( 26 / var(--inner) * 100vw ), 26px); font-weight:bold; line-height:1.33em; letter-spacing:-.03em;}
.directions .address-info .etc {color:#999999;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid var(--color-primary); line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:200px; padding-left:30px; color:var(--color-primary); font-size:1.125em; font-weight:bold;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#505050;font-size:1.125em;}

@media (max-width: 1024px) {
	.directions .contact-info dl {padding:20px 0;}
	.directions .contact-info dt {padding-left:20px; width:150px;}
}

@media (max-width: 640px) {
	.directions .address-info {margin-bottom:20px;}
	.directions .contact-info dl {padding:16px 0;font-size:14px:}
	.directions .contact-info dt {padding-left:5px; width:120px;font-size:14px:}
}

.expertitem {display:flex;flex-wrap:wrap;margin:-30px -12px;}
.expertlist {flex:1 0 33.33%;max-width:33.33%; padding:30px 12px;}
.expertlist .inner {position:relative;letter-spacing:-0.5px;}
.expertlist .images {position:relative; padding-bottom:125%; overflow:hidden;border-radius:16px;}
.expertlist .images img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit:cover;}
.expertlist .hoverbx {display: flex; align-items: flex-end;position:absolute;top:0;left:0;width:100%;height:100%; background:rgba(54,137,163,0.8); color:#fff;border-radius:16px;transition:0.4s;opacity:0;}
.expertlist .ininner {padding:clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px) clamp(10px, calc( 30 / var(--inner) * 100vw ), 30px);width:100%;}
.expertlist .titbx {display:flex;align-items:flex-end; padding-bottom:clamp(12px, calc( 15 / var(--inner) * 100vw ), 15px);margin-bottom:clamp(16px, calc( 28 / var(--inner) * 100vw ), 28px); border-bottom:1px solid rgba(255,255,255,0.3);}
.expertlist .titbx .tit {display:inline-block;margin-right:clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px);font-size:clamp(17px, calc( 24 / var(--inner) * 100vw ), 24px);font-weight:bold;}
.expertlist .titbx .subtt {font-weight:600;}
.expertlist .bullet-item {height:114px;overflow-y:auto;}
.expertlist .textbx {display:flex;align-items:flex-end;margin-top:clamp(10px, calc( 18 / var(--inner) * 100vw ), 18px);margin-left:clamp(10px, calc( 18 / var(--inner) * 100vw ), 18px);}
.expertlist .textbx .name {display:inline-block;margin-right:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px);font-size:clamp(17px, calc( 24 / var(--inner) * 100vw ), 24px);font-weight:bold;}
.expertlist .textbx .cate {font-weight:600;color:#3689a3;}
.expertlist .inner:hover .hoverbx {opacity:1;}

.commulist {padding:clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px) clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px); border-bottom:1px solid #ddd;}
.commulist:first-child {padding-top:0;}
.commulist .textbx {width:85%;}
.commulist .cate {display:block;font-weight:600; color:var(--color-tertiary);}
.commulist .inner {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.commulist .title {margin-top:clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px);font-size:clamp(16px, calc( 22 / var(--inner) * 100vw ), 22px);font-weight:bold;}
.commulist .date {color:#999;font-size:clamp(12px, calc( 14 / var(--inner) * 100vw ), 14px);font-weight:500;}

.exptxt-list {max-width:920px;width:100%; margin:0 auto;}
.exptxt-item + .exptxt-item {margin-top:clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px);}
.exptxt-item .flxWrap {align-items:center;justify-content: center;flex-direction:row-reverse;}
.exptxt-item .imgbx {flex:1 0 44%; max-width:44%; margin-left:clamp(10px, calc( 170 / var(--inner) * 100vw ), 170px);}
.exptxt-item .images {position:relative; padding-bottom:100%; overflow:hidden;} 
.exptxt-item .images img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;}

.exptxt-item .textbx {flex:1 0 auto; width:1%; color:#505050;}
.exptxt-item .titlebx {display:flex; align-items:flex-end; margin-bottom:clamp(20px, calc( 28 / var(--inner) * 100vw ), 28px);padding-bottom:clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px); border-bottom:1px solid #ddd;}
.exptxt-item .titlebx .name {display:inline-block; padding-right:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); font-size:clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px);font-weight:bold; }
.exptxt-item .titlebx .subn {display:inline-block;font-size:clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px); font-weight:600;}
.exptxt-item .bullet-item .bullet-list {padding-left:clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px);}
.exptxt-item .bullet-item .bullet-list + .bullet-list {margin-top:clamp(10px, calc( 12 / var(--inner) * 100vw ), 12px);}
.exptxt-item .bullet-item .bullet-list::before {background:#505050;}