/******************************* 공통 ****************************/
.table .vert-align-top {vertical-align:top;}
.table.type1 thead th {background:var(--table); color:#000; font-size:18px; font-weight:600; padding:20px;}
.table.type1 thead th+th {border-left:1px solid var(--border1);}
.table.type1 tbody th, .table.type1 tbody td {padding:20px; font-size:18px; text-align:center; color:#000; border-right:1px solid var(--border1); border-top:1px solid var(--border1);}
.table.type1 table {border:1px solid var(--border1);}
.table.type1 .mob_tit {display:none;}
.table.type1 ul li {position:relative; padding-left:10px; text-align:left;}
.table.type1 ul li+li {margin-top:5px;}
.table.type1 ul li:before {content:""; display:block; position:absolute; width:5px; height:5px; background:var(--border1); border-radius:50%; top:11px; left:0;}
span.china {font-family:sans-serif!important;}

/******************************* 법인소개 ****************************/
.corporation {display:flex; gap:10%;}
.corporation .left .inner {position:sticky; top:120px;}
.corporation .intro_bx {display:flex; flex-direction:column; justify-content:center; align-items:center; width:600px; height:600px; border-radius:50%;  text-align:center; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.corporation .intro_bx img {width:150px;}
.corporation .intro_bx .txt {margin-top:30px; color:#000; font-size:18px; line-height:1.9;}
.corporation .intro_bx .txt span.big {font-weight:800; color:#910000; font-size:24px;}
.corporation .info_bx dl {padding:0 30px;}
.corporation .info_bx dl+dl {margin-top:50px; padding-top:50px; border-top:1px solid var(--border1);}
.corporation .info_bx dt {display:flex; align-items:center; color:#000; font-size:24px; font-weight:600;}
.corporation .info_bx dd {margin-top:15px; font-size:18px; padding-left:65px; font-weight:600;}
.corporation .info_bx dd .c_bx {color:#fff; background:#795548; padding:10px 20px; border-radius:10px; display:flex; align-items:center; min-height:77px; text-align:center; justify-content:center;}
.corporation .info_bx dd .c_bx+.c_bx {margin-top:10px;}
.corporation .info_bx .icon {display:inline-flex; justify-content:center; align-items:center; width:50px; height:50px; margin-right:15px; border:1px solid var(--border1); border-radius:50%; }
.corporation .info_bx .icon img {width:25px;}
.corporation .info_bx .explain {margin-top:60px; padding:30px 50px; color:#000; border-radius:20px; font-size: 18px;
    line-height: 1.8;
    background: #795548;
    color: #fff;}

.corporation .intro_bx2 {position:relative; margin:80px auto 0; width:600px;}
.corporation .intro_bx2 .center {position:absolute; top:50%; left:50%; text-align:center;
transform:translate(-60%, -50%); width:200px; height:200px; border-radius:50%; display:flex; flex-direction:column; justify-content:center; box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; color:#000; font-weight:600; z-index:2; background:#fff; border:5px solid #910000;}
.corporation .intro_bx2 .center p {margin-top:15px; font-size:20px;}
.corporation .intro_bx2 .center img {width:60px; margin:0 auto; }
.corporation .intro_bx2:before, .corporation .intro_bx2:after {content:"";display:block; position:absolute;}
.corporation .intro_bx2:before {width:100%; height:1px; background:#ddd;  top:50%; left:0;}
.corporation .intro_bx2:after {width:1px; height:100%; background:#ddd; left:47%; top:0;}
.corporation .intro_bx2 ul {display:grid; grid-template-columns:1fr 1fr; row-gap:250px;}
.corporation .intro_bx2 ul li {}
.corporation .intro_bx2 ul li dt {color:#910000; border-radius:3rem; display:inline-block; text-align:center; line-height:30px; font-weight:600; font-size:18px;}
.corporation .intro_bx2 ul li dt+dd {margin-top:10px;}
.corporation .intro_bx2 ul li dd {color:#000;}
.corporation .intro_bx2 ul li dt span {display:inline-block; border-radius:50%; width:30px; height:30px; margin-right:15px; background:#910000; color:#fff; font-size:16px;}
.corporation .intro_bx2 ul li:nth-of-type(2n) {display:flex; justify-content:flex-end;}
/* ******* 태블릿 이하(~1249) ******** */
@media screen and (max-width: 1249px) { 
.corporation {display:block;}
.corporation .intro_bx {margin:0 auto; width:500px; height:500px;}
.corporation .intro_bx img {width:100px;}
.corporation .intro_bx .txt {margin-top:20px; font-size:16px;}
.corporation .intro_bx .txt span.big {font-size:22px;}
.corporation .intro_bx2 {margin:60px auto 0; transform:translateX(20px);}

.corporation .info_bx {margin-top:80px;}
.corporation .info_bx dt {font-size:22px;}
.corporation .info_bx dd {margin-top:5px;}
.corporation .info_bx dl+dl {margin-top:40px; padding-top:40px;}
.corporation .info_bx .explain {margin-top:50px;}


}

/* ******* 태블릿 이하(~991) ******** */
@media screen and (max-width: 991px) { 


}

/* ******* 태블릿 이하(~767) ******** */
@media screen and (max-width: 767px) {  
.corporation .info_bx {margin-top:60px;}
.corporation .info_bx dl+dl {margin-top:30px; padding-top:30px;}
.corporation .info_bx dt {font-size:20px;}
.corporation .info_bx dd {font-size:16px;}
.corporation .info_bx .icon {width:45px; height:45px;}
.corporation .info_bx .icon img {width:20px;}
.corporation .info_bx .explain {font-size:16px;}
.corporation .intro_bx {margin:0 auto; width:auto; height:auto; padding:50px; border-radius:50px;}
.corporation .intro_bx img {width:80px;}
.corporation .intro_bx .txt span.big {font-size:20px;}
.corporation .intro_bx .txt br {display:none;}
.corporation .intro_bx .txt br.fixed {display:block;}
.corporation .intro_bx2 {width:100%; transform:translateX(0);padding:0 50px; box-sizing:border-box;}
.corporation .info_bx dd.mobile_pl_0 {padding-left:0; padding-top:10px;}
.corporation .info_bx dd .c_bx {min-height:55px;}
}	

/* ******* 태블릿 이하(~500) ******** */
@media screen and (max-width: 500px) {   
.corporation .intro_bx {padding:40px 30px;}
.corporation .info_bx {margin-top:60px;}
.corporation .info_bx .explain {padding:30px; margin-top:40px;}
.corporation .info_bx dl {padding:0 10px;}
.corporation .info_bx .icon {width:40px; height:40px;}
.corporation .info_bx dd {padding-left:60px;}
.corporation .info_bx dd br {display:none;}
.corporation .intro_bx2 {padding:0 20px;}
.corporation .intro_bx2 .center {transform: translate(-58%, -45%); width:170px; height:170px;}
.corporation .intro_bx2:before {top:52%;}
.corporation .intro_bx2 .center p {font-size:17px;}
.corporation .intro_bx2 .center img {width:45px;}
.corporation .intro_bx2 ul li dt span {margin-right:10px;}
.corporation .intro_bx2 ul li dd {font-size:15px;}

}

/******************************* 기관소개 ****************************/
.institution .part h3 {font-size:32px; font-weight:700; color:#000;}
.institution .part+.part {padding-top:80px;}
/*.institution .part.num1 .bg_bx {display:flex; background:#F8FBFC  url(/images/intro/instit_bg_bubble3.png) no-repeat center / cover; border-radius:20px; overflow:hidden; border: 1px solid var(--border1);}*/
.institution .part.num1 .bg_bx {display:flex; background:#F8FBFC; border-radius:20px; overflow:hidden; border: 1px solid var(--border1);}
.institution .part .bg_bx h3 {color:var(--base1); position:relative; margin-bottom:50px;}
.institution .part .bg_bx h3:before {content:""; display:block; width:50px; height:2px; position:absolute; background:var(--base1); bottom:-30px;}
.institution .part.num1 .bg_bx .txt {width:100%; padding:93px 70px 83px 80px;}
.institution .part.num1 .bg_bx .txt p { font-size:18px; color:var(--base1); line-height:1.8; position:relative;}
/*.part.num1 .bg_bx .txt p:before {content:""; display:block; width:50px; height:2px; position:absolute; background:#fff; top:-20px;}*/
.institution .part.num1 .bg_bx .img {position:relative; width:41%;}
.institution .part.num1 .bg_bx .img img {position:absolute; bottom:-220px;}
.institution .part.num1 .defineWrap {display:grid; grid-template-columns:repeat(3,1fr); margin-top:80px;}
.institution .part.num1 .defineWrap .define {text-align:center;}
.institution .part.num1 .defineWrap .define+.define {border-left:1px solid rgba(0,0,0,0.1);}
.institution .part.num1 .defineWrap .define .icon {width:150px; height:150px; border-radius:50%; display:flex; justify-content:center; align-items:center; border:1px solid var(--border1); margin:0 auto; background:var(--table);}
.institution .part.num1 .defineWrap .define dl {margin-top:20px;}
.institution .part.num1 .defineWrap .define dl dt {font-size:32px; font-weight:800; text-transform:uppercase;}
.institution .part.num1 .defineWrap .define dl dd {color:#000;}
.institution .part.num1 .defineWrap .define.vision dl dt {color:var(--base1);}
.institution .part.num1 .defineWrap .define.motto dl dt {color:var(--base2);}
.institution .part.num1 .defineWrap .define.mission dl dt {color:var(--base3);}
.institution .part.num1 .defineWrap .define dl dd {margin-top:5px; font-size:20px;}
.institution .part .table.type1 {margin-top:20px;}
.institution .part.num5 .bg_bx {display:flex; background:#C0DADF; border-radius:20px; overflow:hidden;}
.institution .part.num5 .bg_bx .txt {padding:85px 0 80px 80px; color:var(--base1); width:53%;}
.institution .part.num5 .bg_bx .txt h3 { }
.institution .part.num5 .bg_bx .txt p {font-size:20px; font-weight:800;}
.institution .part.num5 .bg_bx .txt p+p {margin-top:5px;}
.institution .part.num5 .bg_bx .txt ul {margin-top:5px;}
.institution .part.num5 .bg_bx .txt ul li {padding-left:25px; position:relative; font-size:18px; font-weight:600; line-height:1.85;}
.institution .part.num5 .bg_bx .txt ul li:before {content:""; display:block; width:5px; height:5px; background:var(--base1); border-radius:50%; position:absolute; top:13px; left:10px; }
.institution .part.num5 .bg_bx .img {position:relative; width:47%;}
.institution .part.num5 .bg_bx .img img {position:absolute; bottom:0; right:0; width:112%;}


/* ******* 태블릿 이하(~1249) ******** */
@media screen and (max-width: 1249px) {
.table.type1 thead th {padding:15px; font-size:16px;}	
.table.type1 tbody th, .table.type1 tbody td {padding:15px; font-size:16px;}
.institution .part+.part {padding-top:60px;}
.institution .part h3 {font-size:26px;}
.institution .part.num1 .bg_bx .txt {padding:63px 40px 53px 50px;}
.institution .part.num1 .bg_bx .img img {width:100%;}
.institution .part.num1 .defineWrap {margin-top:60px;}
.institution .part.num1 .defineWrap .define dl dt {font-size:26px;}
.institution .part.num1 .defineWrap .define dl dd {font-size:18px;}
.institution .part.num1 .defineWrap .define .icon {width:130px; height:130px;}
.institution .part.num1 .defineWrap .define .icon img {width:50%; min-width:60px;}
.institution .part.num5 .bg_bx .txt {padding: 65px 0 50px 50px;}
}
/* ******* 태블릿 이하(~991) ******** */
@media screen and (max-width: 991px) { 
.table.type1 thead {display:none;}
.table.type1 colgroup {display:none;}
.table.type1 .mob_tit {display:block; background:var(--table); padding:12px 10px; border-bottom:1px solid var(--border1); font-weight:600;}
.table.type1 .mob_tit.small {background:none; display:inline; padding:0; border:0;}
.table.type1 .mob_big_tit {background:var(--table); font-weight:600;}
.table.type1 ul, .table.type1 span {padding:12px 20px; display:block;}
.table.type1 span.small_cont {display:inline; padding:0; }
.table.type1 table {border:0; border-bottom:1px solid var(--border1);}
.table.type1 tbody tr {display:grid;}
.table.type1 tbody th, .table.type1 tbody td {padding:0; border-left:1px solid var(--border1);}
.table.type1 tbody td.mob_small_cont {padding:12px 20px;}
.institution .part+.part {padding-top:50px;}
.institution .part.num1 .bg_bx .txt p {font-size:16px;}
.institution .part.num1 .bg_bx .txt {width:calc(100% - 420px);}
.institution .part.num1 .bg_bx .img {width:420px;}
.institution .part.num1 .defineWrap .define dl dt {font-size:24px;}
.institution .part.num1 .defineWrap .define dl {margin-top:10px;}
.institution .part.num1 .defineWrap .define dl dd {font-size:16px;}

.institution .part.num4 tbody {display:grid; grid-template-columns:1fr 1fr;}
.institution .part.num4 tbody tr:last-child td {border-left:0;}

.institution .part.num5 .bg_bx .txt {padding:55px 0 40px 50px;}
.institution .part.num5 .bg_bx .txt p {font-size:18px;}
.institution .part.num5 .bg_bx .txt ul li {font-size:16px; padding-left:20px;}
.institution .part.num5 .bg_bx .txt ul li:before {left:6px;}
}

/* ******** 모바일 (0~767) ******* */
@media screen and (max-width: 767px) {
.institution .part+.part {padding-top:40px;}
.institution .part h3 {font-size:24px;} 
.institution .part .bg_bx h3 {margin-bottom:40px;}
.institution .part .bg_bx h3:before {bottom:-25px;}
.institution .part.num1 .bg_bx {flex-direction:column; background: #F8FBFC url(/images/intro/instit_bg_bubble3.png) no-repeat 10% / cover;}
.institution .part.num1 .bg_bx .txt {padding: 40px 30px 30px 30px; width:100%; box-sizing: border-box;}
.institution .part.num1 .bg_bx .img {width:100%; height:32vh; max-width:480px; margin:0 auto;}
.institution .part.num1 .bg_bx .img img {position:static; }
.institution .part.num1 .defineWrap {grid-template-columns:1fr; width:80%; margin:50px auto 0;}
.institution .part.num1 .defineWrap .define+.define {border-left:0; border-top:1px solid var(--border1); margin-top:30px; padding-top:30px;}
.institution .part.num1 .defineWrap .define .icon {width:100px; height:100px;}
.institution .part.num1 .defineWrap .define .icon img {min-width:50px;}
.institution .part.num4 tbody {grid-template-columns:1fr;}
.institution .part.num4 tbody tr:last-child td {border-left:1px solid var(--border1);}

.institution .part.num5 .bg_bx {flex-direction:column;}
.institution .part.num5 .bg_bx .img {position:relative; width:100%; text-align:right;}
.institution .part.num5 .bg_bx .img img {position:static; max-width:450px; width:100%; margin:0 auto;}
.institution .part.num5 .bg_bx .txt {padding:40px 30px 30px 30px; width:100%; box-sizing:border-box;} 
}


/* ******** 모바일 (0~500) ******** */
@media screen and (max-width: 500px) {
.institution .part h3 {font-size:22px;}  
.institution .part.num1 .defineWrap .define dl dt {font-size:22px;}
}

@media screen and (max-width: 350px) { 
.institution .part.num1 .bg_bx .img {height:26vh;}
}

/******************************* 기관장인사말 ****************************/
.greeting {text-align:center;}
.greeting h3 {font-size:48px; font-weight:800; line-height:1.3; margin-bottom:70px; }
.greeting h3 span.blue {color:var(--base1);}
.greeting h3 span.green {color:var(--base2);}
.greeting h3 span.orange {color:var(--base3);}
.greeting .txt {color:#000; font-size:18px;}
.greeting .txt+.txt {margin-top:25px;}
.greeting .txt p {line-height:1.8;}
.greeting .txt p+p {margin-top:25px;}
.greeting .img {border-radius:20px; height:350px; overflow:hidden; margin:30px 0;}
.greeting .img img {width:100%; height:100%; object-fit:cover; object-position: left;} 
.greeting .conclusion {margin-top:50px; color:#000; font-weight:600;}
.greeting .conclusion span.club {font-size:18px;}
.greeting .conclusion span.name {font-size:32px; padding-left:15px;}

/* ******* 태블릿 이하(~1249) ******** */
@media screen and (max-width: 1249px) { 
.greeting h3 {font-size:36px; margin-bottom:50px; }
.greeting .img {height:300px;}
.greeting .conclusion {margin-top:30px;}
.greeting .conclusion span.name {font-size:28px;}
.greeting .txt p+p {margin-top:20px;}
}

/* ******* 태블릿 이하(~991) ******** */
@media screen and (max-width: 991px) { 
.greeting h3 {font-size:30px; margin-bottom:40px;}
.greeting .txt {font-size:16px;}
.greeting .conclusion span.club {font-size:16px;}
.greeting .conclusion span.name {font-size:24px;}
}

/* ******* 태블릿 이하(~767) ******** */
@media screen and (max-width: 767px) {  
.greeting h3 {font-size:28px; margin-bottom:30px;}
.greeting .img {height:200px; margin:20px 0;}
.greeting .txt p+p {margin-top:15px;}
.greeting .txt+.txt {margin-top:15px;}
.greeting .conclusion span.name {padding-left:10px; font-size:20px;}
.greeting .conclusion {margin-top:25px;}
}


/******************************* 연혁 ****************************/

.history .exe {display:flex; gap:100px;}
.history .exe .btnWrap {}
.history .exe .btnWrap .inner {position:sticky; top:100px;}
.history .exe .btnWrap .inner>div {display:flex; gap:10px; align-items:center; line-height:1.3;}
.history .exe .btnWrap .tabWrap {width:350px;}
.history .exe .btnWrap .tabWrap li {
	position:relative; padding:23px 5px;
	font-weight:600; line-height:1; text-align:center; cursor:pointer; transition:.3s ease;
	border:1px solid var(--border1); border-radius:5rem; background:var(--table); font-size:22px; font-weight:700; color:#000;
}
.history .exe .btnWrap .tabWrap li.on:after {content:""; position:absolute; right:30px; top:50%; width:10px; height:16px; border-radius:50%; background:url(/images/common/tab_btn_arrowW.png) no-repeat center / 10px; transform:translateY(-50%);}
.history .exe .btnWrap .tabWrap li+li {margin-top:10px;}
.history .exe .btnWrap .tabWrap li.on,
.history .exe .btnWrap .tabWrap li:hover {background:var(--base1); color:#fff; border-color:transparent;}
.history .exe .tabInner {width:calc(100% - 450px);}
.history .exe .tabInner h3 {font-size:36px; font-weight:400; color:var(--base1); margin-bottom:20px; letter-spacing:-1px;}
.history .exe .tabInner .tabItem {display:none;}
.history .exe .tabInner .tabItem.on {display:block;}
.history .exe .tabInner .tit {padding-bottom:15px; border-bottom:3px solid #000;}
.history .exe .tabInner .tit h3 {font-size:40px; font-weight:900;}
.history .exe .tabInner .tit span {padding-top:10px; color:#444;}
.history .exe .tabInner .cont {padding-top:70px;}
.history .exe .tabInner .cont dl+dl {padding-top:40px;}
.history .exe .tabInner .cont dl {font-size:18px; line-height:1.8;}
.history .exe .tabInner .cont dl dt {color:#000; font-weight:600;}
.history .exe .tabInner .cont dl dt+dd {}
.history .exe .tabInner .cont dl dd {color:#444; margin-top:5px;}

/* ******* 태블릿 이하(~1249) ******** */
@media screen and (max-width: 1249px) {  
.history .exe {gap:80px;}
.history .exe .tabInner {width:calc(100% - 380px);}
.history .exe .tabInner .tit h3 {font-size:32px;}
.history .exe .btnWrap .tabWrap {width:300px;}
.history .exe .btnWrap .tabWrap li {font-size:18px; padding:20px 5px;}
.history .exe .tabInner .cont dl+dl {padding-top:25px;}
.history .exe .tabInner .cont {padding-top:50px;}
}

/* ******* 태블릿 이하(~991) ******** */
@media screen and (max-width: 991px) {  
.history .exe {flex-direction:column; gap:50px;}
.history .exe .tabInner .cont {padding-top:40px;}
.history .exe .tabInner .cont dl {font-size:16px;}
.history .exe .btnWrap .tabWrap {display:grid; grid-template-columns:1fr 1fr;width:100%; gap:10px;}
.history .exe .btnWrap .tabWrap li {font-size:16px; padding:15px 5px;}
.history .exe .btnWrap .tabWrap li+li {margin-top:0;}
.history .exe .tabInner {width:100%;}
.history .exe .tabInner .tit h3 {font-size:26px; margin-bottom:20px;}
}

/* ******* 모바일 이하(~767) ******** */
@media screen and (max-width: 767px) { 
.history .exe {gap:40px;}
.history .exe .btnWrap .tabWrap {gap:5px;}
.history .exe .btnWrap .tabWrap li {font-size:15px; padding:12px 5px;}
.history .exe .tabInner .tit h3 {font-size:24px;}
.history .exe .btnWrap .tabWrap li.on:after {right:6%; background: url(/images/common/tab_btn_arrowW.png) no-repeat center / 8px;}
.history .exe .tabInner .cont dl+dl {padding-top:20px;}
.history .exe .tabInner .cont dl dd {margin-top:8px;}
}

/* ******* 모바일 이하(~500) ******** */
@media screen and (max-width: 500px) {  
.history .exe .btnWrap .tabWrap li {font-size:14px;}
.history .exe .btnWrap .tabWrap li.on {padding-right:10px;}
}

/******************************* 조직도 ****************************/
.organ .organWrap_pc {text-align:center;}
.organ .organWrap_pc img {width:100%; margin:0 auto; max-width:949px;}
.organ .organWrap_mob {display:none;}

/* ******* 모바일 이하(~767) ******** */
@media screen and (max-width: 767px) {  
.organ .organWrap_pc {display:none;}
.organ .organWrap_mob {display:block; text-align:center;}
.organ .organWrap_mob img {width:100%; margin:0 auto; max-width:252px;}
}

/******************************* 오시는길 ****************************/
.location .mapWrap .root_daum_roughmap {width:100%; border-radius:20px 20px 0 0;}
.location .mapWrap .root_daum_roughmap .wrap_map {height:400px;}
.location .wrap_controllers.hide {display:none;}
.location .map_border {display:none;}
.location .root_daum_roughmap .cont .section.lst {display:none;}
.location .mapWrap {position:relative;}
.location .mapWrap .mapCover {position:absolute; top:0; left:0; width:100%; height:100%; z-index:10;}
.location .infoWrap {display:flex; border-radius:0 0 20px 20px; overflow:hidden;}
.location .infoWrap .tit {position:relative; background:var(--base1); color:#fff; width:30%; padding:50px; box-sizing:border-box; }
/*.location .infoWrap .tit:before {content:""; display:block; background:url(/images/intro/i-location.svg) no-repeat center / contain; width:50px; height:100px; position:absolute; left:0; top:0; }*/
.location .infoWrap .tit span {font-size:18px; font-weight:700;}
.location .infoWrap .tit p {font-size:36px; font-weight:700; position:relative; padding-top:15px;margin-top:15px;}
.location .infoWrap .tit p:before {content:""; display:block; width:50px; height:2px; background:#fff; position:absolute; top:0; left:0;}
.location .infoWrap .info {display:flex; background:#F8FBFC; width:70%; padding:50px; color:#000; box-sizing:border-box; gap:60px;}
.location .infoWrap .address {}
.location .infoWrap .address li {font-size:17px; position:relative; padding-left:55px; }
.location .infoWrap .address li+li {margin-top:30px;}
.location .infoWrap .address li:before {content:""; display:block; width:40px; height:40px; border:1px solid var(--border1); position:absolute; border-radius:50%;left: 0px; top:-7px;}
.location .address .add_txt:before {background:#fff url(/images/intro/i-location.svg) no-repeat center / 20px;}
.location .address .tel:before {background:#fff url(/images/intro/i-tel.svg) no-repeat center / 15px;}
.location .address .fax:before {background:#fff url(/images/intro/i-fax.svg) no-repeat center / 20px;}
.location .infoWrap .method {}
.location .infoWrap .method dl {position:relative; padding-left:80px; font-size:17px;}
.location .infoWrap .method dl+dl {margin-top:25px;}
.location .infoWrap .method dl dt {font-weight:600;}
.location .infoWrap .method dl dd {margin-top:2px;}
.location .infoWrap .method dl.bus dt {color:var(--base2);}
.location .infoWrap .method dl.car dt {color:var(--base3);}
.location .infoWrap .method dl:before {content:""; display:block; width:60px; height:60px; border-radius:50%; position:absolute; left:0;}
.location .infoWrap .method dl.bus:before {background:var(--base2) url(/images/main/i-bus.png) no-repeat center center / 32px;}
.location .infoWrap .method dl.car:before {background:var(--base3) url(/images/main/i-car.png) no-repeat center center / 32px;}

/* ******* 태블릿 이하(~1249) ******** */
@media screen and (max-width: 1249px) {  
.location .infoWrap .tit span {font-size:16px;}
.location .infoWrap .tit p {font-size:30px;}
.location .infoWrap .info {flex-direction:column; gap:40px;}
}

/* ******* 태블릿 이하(~991) ******** */
@media screen and (max-width: 991px) {  
.location .infoWrap {flex-direction:column;}
.location .infoWrap .tit {width:100%;}
.location .infoWrap .info {width:100%; padding:30px;}
.location .infoWrap .address li {font-size:16px;}
.location .infoWrap .method dl {padding-left:70px;}
.location .infoWrap .method dl:before {top:0; width:50px; height:50px;}
.location .infoWrap .method dl dt {font-size:16px;}
.location .infoWrap .method dl dd {font-size:16px;}
.location .infoWrap .method dl.bus:before {background-size:25px;}
.location .mapWrap .root_daum_roughmap .wrap_map {height:350px;}
.location .infoWrap .tit {padding:30px;}
.location .infoWrap .tit p {font-size:24px; padding-top:10px; margin-top:13px;}
}

/* ******* 모바일 이하(~767) ******** */
@media screen and (max-width: 767px) { 
.location .mapWrap .root_daum_roughmap .wrap_map {height:300px;} 
.location .infoWrap .tit {padding:20px 30px;}
.location .infoWrap .method dl {padding-left:65px;}
.location .infoWrap .method dl+dl {margin-top:20px;}

}

/* ******* 모바일 이하(~500) ******** */
@media screen and (max-width: 500px) {  
.location .infoWrap .tit p {font-size:22px;}

}