/* CSS Document */

@charset "utf-8";

.dot-border-box{margin-top:30px;border:#c9ced5 dotted 3px;width:100%;padding:25px 25px 20px 135px;font-size:17px;color:#000;box-sizing:border-box;min-height:130px;line-height:160%;font-weight:200;word-break:keep-all}
.ei-icon{background-size:80px!important;word-break:keep-all}
.ei-icon span{color:#156cdd;font-weight:600}
.ei-icon.ei01{background:url(/images/cont/icon_ei01.png) 35px center no-repeat}
.ei-icon.ei02{background:url(/images/cont/icon_ei02.png) 35px center no-repeat}
.ei-icon.ei03{background:url(/images/cont/icon_ei03.png) 35px center no-repeat}
.ei-icon.ei04{background:url(/images/cont/icon_ei04.png) 35px center no-repeat}
.ei-icon.ei05{background:url(/images/cont/icon_ei05.png) 35px center no-repeat}
.ei-icon.ei06{background:url(/images/cont/icon_ei06.png) 35px center no-repeat}
.ei-icon.ei07{background:url(/images/cont/icon_ei07.png) 35px center no-repeat}
.ei-icon.ei08{background:url(/images/cont/icon_ei08.png) 35px center no-repeat}
.ei-icon.ei09{background:url(/images/cont/icon_ei09.png) 35px center no-repeat}
.ei-icon.ei10{background:url(/images/cont/icon_ei10.png) 35px center no-repeat}
.ei-icon.ei11{background:url(/images/cont/icon_ei11.png) 35px center no-repeat}
.ei-icon.ei13{background:url(/images/cont/icon_ei13.png) 35px center no-repeat}


.gray-box{background:#fafafa;width:100%;padding:40px;font-size:0}
.gray-box .gray-box-left{width:30%;display:inline-block}
.gray-box .gray-box-left img{width:100%;}
.gray-box .gray-box-right{width: 65%;margin-left: 5%;display: inline-block;font-size: 17px;vertical-align: top;line-height: 1.7;word-break: keep-all;}

/*이미지*/
/*높이500px*/
.img-wrap{border:1px solid #ebebeb;padding:50px;text-align:center;}
.img-wrap img{width:100%;max-width:500px}
/*이미지2개*/
.img-wrap02{border:1px solid #ebebeb;text-align:center;font-size:0;background:#fafafa;}
.img-wrap02 div{width:40%;display:inline-block;padding:20px 5%}
.img-wrap02 div img{width:100%}
.img-wrap02 div dl{}
.img-wrap02 div dt{}
.img-wrap02 div dd{width:100%;background:#fff;text-align:center;font-size:16px;color:#000;padding:10px 0}
/*이미지100%*/
.img-wrap03{border:1px solid #ebebeb;padding:50px;text-align:center;}
.img-wrap03 img{width:100%;}
/*이미지3개*/
.img-wrap04{border:1px solid #ebebeb;text-align:center;font-size:0;background:#fafafa;}
.img-wrap04 div{width:29.3333%;display:inline-block;padding:20px 2%}
.img-wrap04 div img{width:100%}
.img-wrap04 div dl{}
.img-wrap04 div dt{}
.img-wrap04 div dd{width:100%;background:#fff;text-align:center;font-size:16px;color:#000;padding:10px 0}
/*이미지 비율대로*/
.img-wrap05{border : 1px solid #ebebeb;text-align:center;}
.img-wrap05 img{width:100%}

.border0{border:0!important}


.text-blue{color:#005aab!important}
.text-green{color:green!important}
.text-red{color:red!important}
.text-yellow{color:yellow!important}
.text-bold{font-weight:600!important}
.vt-top{vertical-align:top!important}

/*오시는길*/
.temp_map {position:relative;overflow:hidden;margin-bottom:50px}
.temp_map #map, .temp_map #map1{border:1px solid #888}
.temp_map .map_info {color:#fff; letter-spacing:-0.03em;}
.temp_map .map_info .text_col  {display:table; float:left; height:108px; box-sizing:border-box;}
.temp_map .map_info .text_col .map_wrap {display:table-cell; vertical-align:middle;}
.temp_map .map_info .text_col.left {position:relative; width:378px; padding-left:105px; background-color:#0071e7; line-height:28px;}
.temp_map .map_info .text_col.left::before {content: '';display:block; position:absolute; top:calc(50% - 26px); left:33px; width:53px; height:53px; border-radius:50%; background-color:#fff; background-image:url('/images/cont/map_api_icon.png'); background-repeat:no-repeat; background-position:center;}
.temp_map .map_info .text_col.left h4 {font-size:20px; font-weight:600; color:#fff;background:none;padding:0;margin:0}
.temp_map .map_info .text_col.left p {color:#c6c6c6}
.temp_map .map_info .text_col.right {width:calc(100% - 378px); padding-left:44px; padding-right:10px; background-color:#888}
.temp_map .map_info .text_col.right .map_item {position:relative; padding-left:17px;line-height:160%}
.temp_map .map_info .text_col.right .map_item::before {content: '';display:block; position:absolute; top:13px; left:0; width:9px; height:2px; background-color:#fff; transform:rotate(-45deg);}
.temp_map .map_view {position:absolute; top:1px; right:1px; z-index:100;}

/*체험관소개*/
.tit-info-wrap{width:100%;background:#f6fafd;padding:20px 30px;border:1px solid #000;border-bottom:0}
p.tit-info{font-size:30px;letter-spacing:-2px;display:inline-block}
p.tit-info strong{letter-spacing:0}
a.btn-vr{float:right;width:186px;height:45px;border-radius:50px;color:#fff!important;background-color:#2b5c88;line-height:45px;text-align:center;margin-top:4px}
a.btn-vr:hover{border-radius:50px;background-color:#1c3a56;color:#fff;-moz-box-shadow:2px 2px 8px 0 rgb(0 0 0 / 40%);-webkit-box-shadow:2px 2px 8px 0 rgb(0 0 0 / 40%);box-shadow:2px 2px 8px 0 rgb(0 0 0 / 40%);transition-property: all;transition-duration: 0.1s;transition-timing-function: linear;}

a.btn-vr img{vertical-align:top;margin-top:16px}
.info-map-wrap{position:relative;height:/*580*/840px;width:100%;background: #f7f8fa;border: 1px solid #000;}
.info-map-wrap .info-map01{width:100%;height:/*405*/768px;/*background:#f7f8fa/*fafafa*/;/*border:1px solid #000;*/position:relative;}
.info-map-wrap .info-map-text{font-size:15px;color:#000;font-weight:500;line-height:20px;word-break:keep-all;}
.info-map-wrap .info-number{font-size:20px;color:#000;font-weight:500}
.info-map-wrap a:hover{-moz-box-shadow:2px 2px 8px 0 rgb(0 0 0 / 40%);-webkit-box-shadow:2px 2px 8px 0 rgb(0 0 0 / 40%);box-shadow:2px 2px 8px 0 rgb(0 0 0 / 40%);transition-property: all;transition-duration: 0.1s;transition-timing-function: linear;}

.info-map01 img {margin: 54px 0px 0px 95px}


/*
.info-map-wrap .info-map01 .info03 a{position:absolute;right:49px;top:-1px;width:227px;height:206px;background:#ffe4b8;border:1px solid #000;text-align:center;padding-top:64px;}
.info-map-wrap .info-map01 .info04 a{position:absolute;right:275px;top:-1px;width:281px;height:206px;background:#e7f0c1;border:1px solid #000;text-align:center;padding-top:64px;}
.info-map-wrap .info-map01 .info05 a{position:absolute;left:250px;top:-1px;width:226px;height:188px;background:#fec283;border:1px solid #000;text-align:center;padding-top:54px;}
.info-map-wrap .info-map01 .info06 a{position:absolute;left:-1px;top:-1px;width:168px;height:137px;background:#aae0fc;border:1px solid #000;text-align:center;padding-top:34px;}
.info-map-wrap .info-map01 .info07 a{position:absolute;left:-1px;top:160px;width:62px;height:147px;background:#d5c2b9;border:1px solid #000;text-align:center;padding-top:26px;}
.info-map-wrap .info-map01 .info08 a{position:absolute;left:140px;bottom:-1px;width:258px;height:47px;background:#e9e4d3;border:1px solid #000;text-align:center;padding-top:4px;}
.info-map-wrap .info-map01 .info09 a{position:absolute;left:478px;bottom:-1px;width:192px;height:47px;background:#dfd3e9;border:1px solid #000;text-align:center;padding-top:4px;}
.info-map-wrap .info-map01 .info10 a{position:absolute;right:175px;bottom:62px;width:237px;height:60px;background:#e9d7d3;border:1px solid #000;text-align:center;padding-top:10px;}
.info-map-wrap .info-map01 .info08 .info-number{display:inline-block;vertical-align:top;margin-top:2px}
.info-map-wrap .info-map01 .info08 .info-map-text{display:inline-block;vertical-align:top;margin-top:10px;margin-left:3px}
.info-map-wrap .info-map01 .info09 .info-number{display:inline-block;vertical-align:top;margin-top:2px}
.info-map-wrap .info-map01 .info09 .info-map-text{display:inline-block;vertical-align:top;margin-top:10px;margin-left:3px}
.info-map-wrap .info-map01 .info10 .info-number{display:inline-block;vertical-align:top;margin-top:2px}
.info-map-wrap .info-map01 .info10 .info-map-text{display:inline-block;vertical-align:top;margin-top:10px;margin-left:3px}
.info-map-wrap .info-map02{width:430px;height:176px;background:#fafafa;border:1px solid #000;position:absolute;right:0;bottom:0}
.info-map-wrap .info-map02 .info01 a{position:absolute;left:-1px;top:42px;width:48px;height:96px;background:#cfefec;border:1px solid #000;text-align:center;padding-top:30px;}
.info-map-wrap .info-map02 .info02 a{position:absolute;right:-1px;top:42px;width:48px;height:96px;background:#f6deec;border:1px solid #000;text-align:center;padding-top:30px;}
.info-map-wrap .info-map02 .info01 .info-map-text02{position:absolute;top:72px; left:57px;font-size:15px;color:#000;font-weight:500;line-height:130%}
.info-map-wrap .info-map02 .info02 .info-map-text02{position:absolute;top:72px; right:57px;text-align:right;font-size:15px;color:#000;font-weight:500;line-height:130%}
*/

/*비율*/
/**/
/*230104 안내도bak
.info-map-wrap .info-map01 a{min-width:40px}
.info-map-wrap .info-map01 .info03 a{position:absolute;right:4.4545%;top:-1px;width:20.6363%;height:50.8641%;background:#ffe4b8;border:1px solid #000;text-align:center;padding-top:64px;}
.info-map-wrap .info-map01 .info04 a{position:absolute;right:25%;top:-1px;width:25.5454%;height:50.8641%;background:#e7f0c1;border:1px solid #000;text-align:center;padding-top:64px;}
.info-map-wrap .info-map01 .info05 a{position:absolute;left:22.7272%;top:-1px;width:20.5454%;height:46.4197%;background:#fec283;border:1px solid #000;text-align:center;padding-top:54px;}
.info-map-wrap .info-map01 .info06 a{position:absolute;left:-1px;top:-1px;width:15.2727%;height:33.8271%;background:#aae0fc;border:1px solid #000;text-align:center;padding-top:34px;}
.info-map-wrap .info-map01 .info07 a{position:absolute;left:-1px;top:160px;width:5.6363%;height:36.2962%;background:#d5c2b9;border:1px solid #000;text-align:center;padding-top:26px;}
.info-map-wrap .info-map01 .info08 a{position:absolute;left:12.7272%;bottom:-1px;width:23.4545%;height:11.6049%;background:#e9e4d3;border:1px solid #000;text-align:center;padding-top:4px;}
.info-map-wrap .info-map01 .info09 a{position:absolute;left:43.4545%;bottom:-1px;width:17.4545%;height:11.6049%;background:#dfd3e9;border:1px solid #000;text-align:center;padding-top:4px;}
.info-map-wrap .info-map01 .info10 a{position:absolute;right:15.9090%;bottom:62px;width:21.5454%;height:14.8148%;background:#e9d7d3;border:1px solid #000;text-align:center;padding-top:10px;}
.info-map-wrap .info-map01 .info08 .info-number{display:inline-block;vertical-align:top;margin-top:2px}
.info-map-wrap .info-map01 .info08 .info-map-text{display:inline-block;vertical-align:top;margin-top:10px;margin-left:3px}
.info-map-wrap .info-map01 .info09 .info-number{display:inline-block;vertical-align:top;margin-top:2px}
.info-map-wrap .info-map01 .info09 .info-map-text{display:inline-block;vertical-align:top;margin-top:10px;margin-left:3px}
.info-map-wrap .info-map01 .info10 .info-number{display:inline-block;vertical-align:top;margin-top:2px}
.info-map-wrap .info-map01 .info10 .info-map-text{display:inline-block;vertical-align:top;margin-top:10px;margin-left:3px}

.info-map-wrap .info-map02 a{min-width:40px}
.info-map-wrap .info-map02{width:39.0909%;height:176px;background:#fafafa;border:1px solid #000;position:absolute;right:0;bottom:0}
.info-map-wrap .info-map02 .info01 a{position:absolute;left:-1px;top:42px;width:9.7674%;height:96px;background:#cfefec;border:1px solid #000;text-align:center;padding-top:30px;}
.info-map-wrap .info-map02 .info02 a{position:absolute;right:-1px;top:42px;width:9.7674%;height:96px;background:#f6deec;border:1px solid #000;text-align:center;padding-top:30px;}
.info-map-wrap .info-map02 .info01 .info-map-text02{position:absolute;top:72px; left:13.2558%;font-size:15px;color:#000;font-weight:500;line-height:130%}
.info-map-wrap .info-map02 .info02 .info-map-text02{position:absolute;top:72px; right:13.2558%;text-align:right;font-size:15px;color:#000;font-weight:500;line-height:130%}***/


.info-cont{clear:both;background:#fafafa;padding:30px;font-size:0}
.info-cont .info-cont-img{width:40%;display:inline-block}
.info-cont .info-cont-img img{width:100%}
.info-cont .info-cont-text{width:55%;display:inline-block;vertical-align:middle;margin-left:5%}
.info-cont .info-cont-text p.info-cont-text01{color:#156cdd;font-size:22px;font-weight:500}
.info-cont .info-cont-text p.info-cont-text02{font-size:20px;word-break:keep-all}

@media all and (max-width:800px){
	p.tit-info{display:block;text-align:center;font-size:28px;word-break:keep-all}
	a.btn-vr{float:none;margin:0 auto;display:block;}
	.info-map-wrap .info-map02 .info01 .info-map-text02{left:42px;top:42px}
	.info-map-wrap .info-map02 .info02 .info-map-text02{right:42px;top:94px;}
}
@media all and (max-width:700px){
	.info-map-wrap .info-map01 .info09 .info-number{display:block;margin-top:-2px;line-height:1;}
	.info-map-wrap .info-map01 .info09 .info-map-text{margin-top:0}

}

@media all and (max-width:600px){
	p.tit-info{font-size:22px;margin-bottom: 10px;line-height: 130%;}
	
}
@media all and (max-width:460px){
.info-map-wrap .info-map-text{font-size:12px}
.info-map-wrap .info-map02 .info01 .info-map-text02, .info-map-wrap .info-map02 .info02 .info-map-text02{font-size:12px}
}



/***20230104****/
.info-map01{width: 100%;background: url(/images/cont/experiencehall_guide.png)  no-repeat;background-position: center 75px;}

/*.info-map-wrap .info-map01 .info03 a {position: absolute;right: 29%;top: 180px;width: 60px;height: 60px;background: #fff;border: 1px solid #000;text-align: center;border-radius: 50%;}
.info-map-wrap .info-map01 .info04 a {position: absolute;right: 43.5%;top: 180px;width: 60px;height: 60px;background: #fff;border: 1px solid #000;text-align: center;border-radius: 50%;padding: 0 4px 0 0;}
.info-map-wrap .info-map01 .info05 a {position: absolute;right: 62%;top: 143px;width: 60px;height: 60px;background: #fff;border: 1px solid #000;text-align: center;border-radius: 50%;}
.info-map-wrap .info-map01 .info06 a {position: absolute;right: 75.5%;top: 159px;width: 60px;height: 60px;background: #fff;border: 1px solid #000;text-align: center;border-radius: 50%;padding: 0 2px 0 0;}
.info-map-wrap .info-map01 .info07 a {position: absolute;right: 82%;top: 215px;width: 60px;height: 60px;background: #fff;border: 1px solid #000;text-align: center;border-radius: 50%;}
.info-map-wrap .info-map01 .info08 a {position: absolute;right: 69.5%;top: 254px;width: 60px;height: 60px;background: #fff;border: 1px solid #000;text-align: center;border-radius: 50%;}
.info-map-wrap .info-map01 .info09 a {position: absolute;right: 51.2%;top: 263px;width: 60px;height: 60px;background: #fff;border: 1px solid #000;text-align: center;border-radius: 50%;}
.info-map-wrap .info-map01 .info10 a {position: absolute;right: 35.8%;top: 287px;width: 60px;height: 60px;background: #fff;border: 1px solid #000;text-align: center;border-radius: 50%;}
.info-map-wrap .info-map01 .info01 a {position: absolute;right: 39.5%;top: 417px;width: 60px;height: 60px;background: #fff;border: 1px solid #000;text-align: center;border-radius: 50%;}
.info-map-wrap .info-map01 .info02 a {position: absolute;right: 19%;top: 432px;width: 60px;height: 60px;background: #fff;border: 1px solid #000;text-align: center;border-radius: 50%;}
.info-mo{display:none;}*/


.right01.info01 {padding: 0 0px 0 576px;}
.right01.info02 {padding: 0 0px 0 800px;}
.right01.info03 {padding: 0px 0px 0 690px;}
.right01.info04 {padding: 0px 0px 0 530px;}
.right01.info05 {padding: 0 0px 0 327px;}
.right01.info06 {padding: 0 0px 0 180px;}
.right01.info07 {padding: 0 0px 0 110px;}
.right01.info08 {padding: 0 0px 0 247px;}
.right01.info09 {padding: 0 0px 0 449px;}
.right01.info10 {padding: 0 0px 0 614px;}
.info-map-wrap .info-map01 .info03 a {position: absolute;top: 201px;width: 60px;height: 60px;background: #fff;border: 1px solid #000;text-align: center;border-radius: 50%;}
.info-map-wrap .info-map01 .info04 a {position: absolute;top: 202px;width: 60px;height: 60px;background: #fff;border: 1px solid #000;text-align: center;border-radius: 50%;padding: 0 4px 0 0;}
.info-map-wrap .info-map01 .info05 a {position: absolute;top: 165px;width: 60px;height: 60px;background: #fff;border: 1px solid #000;text-align: center;border-radius: 50%;}
.info-map-wrap .info-map01 .info06 a {position: absolute;top: 179px;width: 60px;height: 60px;background: #fff;border: 1px solid #000;text-align: center;border-radius: 50%;padding: 0 2px 0 0;}
.info-map-wrap .info-map01 .info07 a {position: absolute;top: 235px;width: 60px;height: 60px;background: #fff;border: 1px solid #000;text-align: center;border-radius: 50%;}
.info-map-wrap .info-map01 .info08 a {position: absolute;top: 275px;width: 60px;height: 60px;background: #fff;border: 1px solid #000;text-align: center;border-radius: 50%;}
.info-map-wrap .info-map01 .info09 a {position: absolute;top: 283px;width: 60px;height: 60px;background: #fff;border: 1px solid #000;text-align: center;border-radius: 50%;}
.info-map-wrap .info-map01 .info10 a {position: absolute;top: 308px;width: 60px;height: 60px;background: #fff;border: 1px solid #000;text-align: center;border-radius: 50%;}
.info-map-wrap .info-map01 .info01 a {position: absolute;top: 439px;width: 60px;height: 60px;background: #fff;border: 1px solid #000;text-align: center;border-radius: 50%;}
.info-map-wrap .info-map01 .info02 a {position: absolute;top: 452px;width: 60px;height: 60px;background: #fff;border: 1px solid #000;text-align: center;border-radius: 50%;}

/*.info-map-wrap .info-map01 .info08 .info-number,
.info-map-wrap .info-map01 .info09 .info-number,
.info-map-wrap .info-map01 .info10 .info-number{line-height: 1.4;}*/
.info-map-wrap .info-number {font-size: 37px;color: #000;font-weight: 600;line-height: 1.5;}
.info-map-wrap .info-map02 {width: 54%;height: 330px;position: absolute;right: 40%;bottom: 0;}
.info-map02 ul li {float: left;width: 240px;margin: 10px;}
.info-name {font-size: 22px;font-weight: 500;}
.info-name strong {background: #005aab;border-radius: 50%;width: 24px;height: 24px;display: inline-block;margin: 0 8px 0 0;}
.info-name strong p {font-weight: 500;font-size: 15px;color: #fff;text-align: center;position: relative;bottom: 1px;right: 0.5px;}
.info_sec .left {float: left;text-align: right;}
.info_sec > div {width: 50%;}
.left div {/*float: right;*/}

@media all and (max-width:1400px){
.info-map01 {background: url(/images/cont/experiencehall_guide01.png) 150px 75px no-repeat;}
.right01.info03 {padding: 0px 0px 0 639px;}
.right01.info04 {padding: 0px 0px 0 511px;} 
.right01.info05 {padding: 0 0px 0 349px;} 
.right01.info06 {padding: 0 0px 0 233px;}
.right01.info07 {padding: 0 0px 0 176px;}
.right01.info08 {padding: 0 0px 0 285px;}
.right01.info09 {padding: 0 0px 0 443px;}
.right01.info10 {padding: 0 0px 0 577px;}
.right01.info01 {padding: 0 0px 0 548px;}
.right01.info02 {padding: 0 0px 0 723px;}
.info-map-wrap .info-number {font-size: 34px;}
.info-name {font-size: 18px;}
.info-map-wrap {height: 725px;}
.info-map-wrap .info-map02 {height: 290px;}
.info-map-wrap .info-map02 {width: 63%;right: 28%;}
.info-map02 ul li {width: 200px;}
.info-map-wrap .info-map01 .info03 a {top: 166px;width: 55px;height: 55px;}
.info-map-wrap .info-map01 .info04 a {top: 167px;width: 55px;height: 55px;}   
.info-map-wrap .info-map01 .info05 a {top: 138px;width: 55px;height: 55px;}
.info-map-wrap .info-map01 .info06 a {top: 150px;width: 55px;height: 55px;}
.info-map-wrap .info-map01 .info07 a {top: 195px;width: 55px;height: 55px;}
.info-map-wrap .info-map01 .info08 a {top: 228px;width: 55px;height: 55px;}
.info-map-wrap .info-map01 .info09 a {top: 234px;width: 55px;height: 55px;}
.info-map-wrap .info-map01 .info10 a {top: 253px;width: 55px;height: 55px;}
.info-map-wrap .info-map01 .info01 a {top: 355px;width: 55px;height: 55px;}
.info-map-wrap .info-map01 .info02 a {top: 364px;width: 55px;height: 55px;}
}

@media all and (max-width:1100px){
p.tit-info{display:block;text-align:center;font-size:28px;word-break:keep-all}
a.btn-vr{float:none;margin:0 auto;display:block;}
}

@media all and (max-width:1000px){
p.tit-info {font-size: 30px;display: inline-block;}
a.btn-vr {float: right;}
}

@media all and (max-width:1290px){
.info-map01 {background: url(/images/cont/experiencehall_guide01.png) 85px 75px no-repeat;}
.right01.info03 {padding: 0px 0px 0 573px;}
.right01.info04 {padding: 0px 0px 0 444px;}
.right01.info05 {padding: 0 0px 0 287px;}
.right01.info06 {padding: 0 0px 0 168px;}
.right01.info07 {padding: 0 0px 0 113px;}
.right01.info08 {padding: 0 0px 0 223px;}
.right01.info09 {padding: 0 0px 0 380px;}
.right01.info10 {padding: 0 0px 0 512px;}
.right01.info01 {padding: 0 0px 0 483px;}
.right01.info02 {padding: 0 0px 0 660px;}
.info-map02 ul li {margin: 9px;}
.info-map-wrap .info-map02 {right: 30%;}
}

@media all and (max-width:1200px){
.info-map-wrap .info-number {font-size: 30px;}
.info-map-wrap .info-map01 .info03 a {top: 156px;width: 50px;height: 50px;} 
.info-map-wrap .info-map01 .info04 a {top: 153px;width: 50px;height: 50px;}   
.info-map-wrap .info-map01 .info05 a {top: 134px;width: 50px;height: 50px;}
.info-map-wrap .info-map01 .info06 a {top: 141px;width: 50px;height: 50px;}
.info-map-wrap .info-map01 .info07 a {top: 180px;width: 50px;height: 50px;}
.info-map-wrap .info-map01 .info08 a {top: 205px;width: 50px;height: 50px;}
.info-map-wrap .info-map01 .info09 a {top: 210px;width: 50px;height: 50px;}
.info-map-wrap .info-map01 .info10 a {top: 228px;width: 50px;height: 50px;}
.info-map-wrap .info-map01 .info01 a {top: 314px;width: 50px;height: 50px;}
.info-map-wrap .info-map01 .info02 a {top: 323px;width: 50px;height: 50px;}
.info-name {font-size: 16px;font-weight: 400;}
.info-name strong {width: 22px;height: 22px;}
.info-name strong p {font-size: 14px;}
.info-map-wrap .info-map02 {height: 259px;}
.info-map01 {background: url(/images/cont/experiencehall_guide02.png) 105px 75px no-repeat;}
.right01.info03 {padding: 0px 0px 0 518px;}
.right01.info04 {padding: 0px 0px 0 410px;}
.right01.info05 {padding: 0 0px 0 275px;}
.right01.info06 {padding: 0 0px 0 175px;}
.right01.info07 {padding: 0 0px 0 127px;}
.right01.info08 {padding: 0 0px 0 220px;}
.right01.info09 {padding: 0 0px 0 354px;}
.right01.info10 {padding: 0 0px 0 467px;}
.right01.info01 {padding: 0 0px 0 442px;}
.right01.info02 {padding: 0 0px 0 592px;}

}
@media all and (max-width:1120px){
.info-map01 {background: url(/images/cont/experiencehall_guide02.png) 35px 75px no-repeat;}
.right01.info03 {padding: 0px 0px 0 448px;}
.right01.info04 {padding: 0px 0px 0 340px;}
.right01.info05 {padding: 0 0px 0 205px;}
.right01.info06 {padding: 0 0px 0 105px;}
.right01.info07 {padding: 0 0px 0 57px;}
.right01.info08 {padding: 0 0px 0 150px;}
.right01.info09 {padding: 0 0px 0 284px;}
.right01.info10 {padding: 0 0px 0 397px;}
.right01.info01 {padding: 0 0px 0 372px;}
.right01.info02 {padding: 0 0px 0 522px;}

}
@media all and (max-width:1035px){
.info-map-wrap .info-map02 {width: 70%;right: 20%;}

}
@media all and (max-width:1000px){
.info-map-wrap {height: 625px;}
.info-map01 {background: url(/images/cont/experiencehall_guide02.png) 155px 75px no-repeat;}
.right01.info03 {padding: 0px 0px 0 568px;}
.right01.info04 {padding: 0px 0px 0 460px;}
.right01.info05 {padding: 0 0px 0 328px;}
.right01.info06 {padding: 0 0px 0 225px;}
.right01.info07 {padding: 0 0px 0 177px;}
.right01.info08 {padding: 0 0px 0 270px;}
.right01.info09 {padding: 0 0px 0 404px;}
.right01.info10 {padding: 0 0px 0 517px;}
.right01.info01 {padding: 0 0px 0 492px;}
.right01.info02 {padding: 0 0px 0 642px;}
.info-map-wrap .info-map02 {width: 68%;right: 24%;height: 258px;}

}
@media all and (max-width:840px){
p.tit-info{display:block;text-align:center;font-size:28px;word-break:keep-all}
a.btn-vr{float:none;margin:0 auto;display:block;}
.info-map01 {background: url(/images/cont/experiencehall_guide02.png) 88px 75px no-repeat;}
.right01.info03 {padding: 0px 0px 0 500px;}
.right01.info04 {padding: 0px 0px 0 392px;}
.right01.info05 {padding: 0 0px 0 255px;}
.right01.info06 {padding: 0 0px 0 157px;}
.right01.info07 {padding: 0 0px 0 111px;}
.right01.info08 {padding: 0 0px 0 204px;}
.right01.info09 {padding: 0 0px 0 340px;}
.right01.info10 {padding: 0 0px 0 451px;}
.right01.info01 {padding: 0 0px 0 426px;}
.right01.info02 {padding: 0 0px 0 576px;}
.info-map-wrap .info-map02 {width: 70%;right: 24%;height: 262px;}
.info-map02 ul li {width: 180px;}

}
@media all and (max-width:770px){
.info-map-wrap {height: 672px;}
.info-map01 {background: url(/images/cont/experiencehall_guide03.png) 88px 75px no-repeat;}
.info-map-wrap .info-number {font-size: 27px;}
.right01.info03 {padding: 0px 0px 0 452px;}
.right01.info04 {padding: 0px 0px 0 353px;}
.right01.info05 {padding: 0 0px 0 238px;}
.right01.info06 {padding: 0 0px 0 157px;}
.right01.info07 {padding: 0 0px 0 106px;}
.right01.info08 {padding: 0 0px 0 187px;}
.right01.info09 {padding: 0 0px 0 305px;}
.right01.info10 {padding: 0 0px 0 406px;}
.right01.info01 {padding: 0 0px 0 386px;}
.right01.info02 {padding: 0 0px 0 515px;}
.info-map-wrap .info-map02 {width: 68%;right: 24%;height: 262px;}
.info-map-wrap .info-map01 .info01 a {top: 283px;width: 45px;height: 45px;}
.info-map-wrap .info-map01 .info02 a {top: 290px;width: 45px;height: 45px;}
.info-map-wrap .info-map01 .info03 a {top: 144px;width: 45px;height: 45px;}
.info-map-wrap .info-map01 .info04 a {top: 146px;width: 45px;height: 45px;}
.info-map-wrap .info-map01 .info05 a {top: 126px;width: 45px;height: 45px;}
.info-map-wrap .info-map01 .info06 a {top: 135px;width: 45px;height: 45px;}
.info-map-wrap .info-map01 .info07 a {top: 168px;width: 45px;height: 45px;}
.info-map-wrap .info-map01 .info08 a {top: 190px;width: 45px;height: 45px;}
.info-map-wrap .info-map01 .info09 a {top: 196px;width: 45px;height: 45px;}
.info-map-wrap .info-map01 .info10 a {top: 204px;width: 45px;height: 45px;}
}

@media all and (max-width:700px){
.info-map-wrap .info-map01 .info09 .info-number {display: block;margin-top: 0px;line-height: 1.5;}
.info-map01 {background: url(/images/cont/experiencehall_guide03.png) 45px 75px no-repeat;}
.right01.info03 {padding: 0px 0px 0 409px;}
.right01.info04 {padding: 0px 0px 0 313px;}
.right01.info05 {padding: 0 0px 0 195px;}
.right01.info06 {padding: 0 0px 0 114px;}
.right01.info07 {padding: 0 0px 0 63px;}
.right01.info08 {padding: 0 0px 0 144px;}
.right01.info09 {padding: 0 0px 0 262px;}
.right01.info10 {padding: 0 0px 0 363px;}
.right01.info01 {padding: 0 0px 0 343px;}
.right01.info02 {padding: 0 0px 0 472px;}
}

@media all and (max-width:650px){
.info-map-wrap {height: 650px;}
.info-map01 {background: url(/images/cont/experiencehall_guide04.png) 40px 75px no-repeat;}
.info-map-wrap .info-number {font-size: 24px;}
.info-map-wrap .info-map02 {width: 90%;right: 0%; height: 262px;}
.right01.info03 {padding: 0px 0px 0 363px;}
.right01.info04 {padding: 0px 0px 0 280px;}
.right01.info05 {padding: 0 0px 0 173px;}
.right01.info06 {padding: 0 0px 0 93px;}
.right01.info07 {padding: 0 0px 0 56px;}
.right01.info08 {padding: 0 0px 0 130px;}
.right01.info09 {padding: 0 0px 0 235px;}
.right01.info10 {padding: 0 0px 0 324px;}
.right01.info01 {padding: 0 0px 0 304px;}
.right01.info02 {padding: 0 0px 0 420px;}
.info-map-wrap .info-map01 .info01 a {top: 261px;width: 40px;height: 40px;}
.info-map-wrap .info-map01 .info02 a {top: 266px;width: 40px;height: 40px;}
.info-map-wrap .info-map01 .info03 a {top: 140px;width: 40px;height: 40px;}
.info-map-wrap .info-map01 .info04 a {top: 139px;width: 40px;height: 40px;}
.info-map-wrap .info-map01 .info05 a {top: 118px;width: 40px;height: 40px;}
.info-map-wrap .info-map01 .info06 a {top: 126px;width: 40px;height: 40px;}
.info-map-wrap .info-map01 .info07 a {top: 157px;width: 40px;height: 40px;}
.info-map-wrap .info-map01 .info08 a {top: 175px;width: 40px;height: 40px;}
.info-map-wrap .info-map01 .info09 a {top: 180px;width: 40px;height: 40px;}
.info-map-wrap .info-map01 .info10 a {top: 193px;width: 40px;height: 40px;}
}
@media all and (max-width:570px){
.info-map-wrap .info-number {font-size: 17px;}
.info-map01 {background: url(/images/cont/experiencehall_guide06.png) 50px 75px no-repeat;}
.right01.info03 {padding: 0px 0px 0 300px;}
.right01.info04 {padding: 0px 0px 0 237px;}
.right01.info05 {padding: 0 0px 0 154px;}
.right01.info06 {padding: 0 0px 0 95px;}
.right01.info07 {padding: 0 0px 0 65px;}
.right01.info08 {padding: 0 0px 0 120px;}
.right01.info09 {padding: 0 0px 0 204px;}
.right01.info10 {padding: 0 0px 0 270px;}
.right01.info01 {padding: 0 0px 0 256px;}
.right01.info02 {padding: 0 0px 0 350px;}
.info-map-wrap {height: 580px;}
.info-map-wrap .info-map01 .info01 a {top: 220px;width: 30px;height: 30px;}
.info-map-wrap .info-map01 .info02 a {top: 226px;width: 30px;height: 30px;}
.info-map-wrap .info-map01 .info03 a {top: 124px;width: 30px;height: 30px;}
.info-map-wrap .info-map01 .info04 a {top: 126px;width: 30px;height: 30px;}
.info-map-wrap .info-map01 .info05 a {top: 110px;width: 30px;height: 30px;}
.info-map-wrap .info-map01 .info06 a {top: 116px;width: 30px;height: 30px;}
.info-map-wrap .info-map01 .info07 a {top: 136px;width: 30px;height: 30px;}
.info-map-wrap .info-map01 .info08 a {top: 158px;width: 30px;height: 30px;}
.info-map-wrap .info-map01 .info09 a {top: 156px;width: 30px;height: 30px;}
.info-map-wrap .info-map01 .info10 a {top: 166px;width: 30px;height: 30px;}
}

@media all and (max-width:465px){
.info-map02 ul li {width: 164px;}
.info-map-wrap {height: 507px;}
.info-map-wrap .info-map02{width: 91%;right: 0%;height: 230px;}
.info-name strong {width: 20px;height: 20px;}
.info-name strong p {font-size: 12px;}
.info-name {font-size: 14px;}
.info-map-wrap .info-number {font-size: 15px;}
.info-map-wrap .info-map01 .info09 .info-number {display: block;margin-top: 0px;line-height: 1.5;}
.info-map01 {background: url(/images/cont/experiencehall_guide05.png) 75px 75px no-repeat;}
.right01.info03 {padding: 0px 0px 0 267px;}
.right01.info04 {padding: 0px 0px 0 219px;}
.right01.info05 {padding: 0 0px 0 151px;}
.right01.info06 {padding: 0 0px 0 105px;}
.right01.info07 {padding: 0 0px 0 83px;}
.right01.info08 {padding: 0 0px 0 123px;}
.right01.info09 {padding: 0 0px 0 188px;}
.right01.info10 {padding: 0 0px 0 237px;}
.right01.info01 {padding: 0 0px 0 230px;}
.right01.info02 {padding: 0 0px 0 302px;}
.info-map-wrap .info-map01 .info01 a {top: 185px;width: 25px;height: 25px;}
.info-map-wrap .info-map01 .info02 a {top: 188px;width: 25px;height: 25px;}
.info-map-wrap .info-map01 .info03 a {top: 112px;width: 25px;height: 25px;}
.info-map-wrap .info-map01 .info04 a {top: 110px;width: 25px;height: 25px;}
.info-map-wrap .info-map01 .info05 a {top: 100px;width: 25px;height: 25px;}
.info-map-wrap .info-map01 .info06 a {top: 99px;width:  25px;height: 25px;}
.info-map-wrap .info-map01 .info07 a {top: 121px;width: 25px;height: 25px;}
.info-map-wrap .info-map01 .info08 a {top: 133px;width: 25px;height: 25px;}
.info-map-wrap .info-map01 .info09 a {top: 136px;width: 25px;height: 25px;}
.info-map-wrap .info-map01 .info10 a {top: 142px;width: 25px;height: 25px;}
}
@media all and (max-width:423px){
.info-map01 {background: url(/images/cont/experiencehall_guide05.png) 55px 75px no-repeat;}
.info-map-wrap .info-map02 {width: 94%;}
.right01.info03 {padding: 0px 0px 0 247px;}
.right01.info04 {padding: 0px 0px 0 199px;}
.right01.info05 {padding: 0 0px 0 131px;}
.right01.info06 {padding: 0 0px 0 85px;}
.right01.info07 {padding: 0 0px 0 63px;}
.right01.info08 {padding: 0 0px 0 103px;}
.right01.info09 {padding: 0 0px 0 168px;}
.right01.info10 {padding: 0 0px 0 217px;}
.right01.info01 {padding: 0 0px 0 210px;}
.right01.info02 {padding: 0 0px 0 282px;}
.info-map02 ul li {width: 156px;margin: 7px 5px;}
}

@media all and (max-width:370px){
.info-map-wrap .info-map01 .info09 .info-number {display: block;margin-top: 0px;line-height: 1.5;}
.info-map01 {background: url(/images/cont/experiencehall_guide05.png) 35px 75px no-repeat;}
.right01.info03 {padding: 0px 0px 0 227px;}
.right01.info04 {padding: 0px 0px 0 179px;}
.right01.info05 {padding: 0 0px 0 115px;}
.right01.info06 {padding: 0 0px 0 65px;}
.right01.info07 {padding: 0 0px 0 48px;}
.right01.info08 {padding: 0 0px 0 90px;}
.right01.info09 {padding: 0 0px 0 151px;}
.right01.info10 {padding: 0 0px 0 197px;}
.right01.info01 {padding: 0 0px 0 190px;}
.right01.info02 {padding: 0 0px 0 262px;}
.info-map-wrap .info-map01 .info01 a {top: 185px;width: 25px;height: 25px;}
.info-map-wrap .info-map01 .info02 a {top: 188px;width: 25px;height: 25px;}
.info-map-wrap .info-map01 .info03 a {top: 112px;width: 25px;height: 25px;}
.info-map-wrap .info-map01 .info04 a {top: 114px;width: 25px;height: 25px;}
.info-map-wrap .info-map01 .info05 a {top: 100px;width: 25px;height: 25px;}
.info-map-wrap .info-map01 .info06 a {top: 99px;width:  25px;height: 25px;}
.info-map-wrap .info-map01 .info07 a {top: 121px;width: 25px;height: 25px;}
.info-map-wrap .info-map01 .info08 a {top: 133px;width: 25px;height: 25px;}
.info-map-wrap .info-map01 .info09 a {top: 136px;width: 25px;height: 25px;}
.info-map-wrap .info-map01 .info10 a {top: 142px;width: 25px;height: 25px;}
.info-map-wrap .info-map02 {height: 192px;}
.info-name {font-size: 12px;}
.info-map02 ul li {width: 137px;margin: 4px;}
.info-map-wrap {height: 470px;}
}

@media all and (max-width:340px){

.info-map01 {background: url(/images/cont/experiencehall_guide05.png) 5px 75px no-repeat;}
.right01.info03 {padding: 0px 0px 0 197px;}
.right01.info04 {padding: 0px 0px 0 149px;}
.right01.info05 {padding: 0 0px 0 85px;}
.right01.info06 {padding: 0 0px 0 35px;}
.right01.info07 {padding: 0 0px 0 19px;}
.right01.info08 {padding: 0 0px 0 55px;}
.right01.info09 {padding: 0 0px 0 121px;}
.right01.info10 {padding: 0 0px 0 170px;}
.right01.info01 {padding: 0 0px 0 160px;}
.right01.info02 {padding: 0 0px 0 232px;}
.info-map-wrap .info-map01 .info01 a {top: 185px;width: 25px;height: 25px;}
.info-map-wrap .info-map01 .info02 a {top: 188px;width: 25px;height: 25px;}
.info-map-wrap .info-map01 .info03 a {top: 112px;width: 25px;height: 25px;}
.info-map-wrap .info-map01 .info04 a {top: 114px;width: 25px;height: 25px;}
.info-map-wrap .info-map01 .info05 a {top: 100px;width: 25px;height: 25px;}
.info-map-wrap .info-map01 .info06 a {top: 99px;width:  25px;height: 25px;}
.info-map-wrap .info-map01 .info07 a {top: 121px;width: 25px;height: 25px;}
.info-map-wrap .info-map01 .info08 a {top: 133px;width: 25px;height: 25px;}
.info-map-wrap .info-map01 .info09 a {top: 136px;width: 25px;height: 25px;}
.info-map-wrap .info-map01 .info10 a {top: 142px;width: 25px;height: 25px;}
.info-name strong {margin: 0 4px 0 0;}
.info-map02 ul li {width: 137px;margin: 3px;}
}


/***********/











/*홍보체험관운영*/
.promotion-purpose{font-size:0;position:relative}

.promotion-purpose:before{content: '';display:block; position:absolute; top:50%; left:calc(32.5% - 11px); width:22px; height:14px; background:url(/images/common/icon_arrow_right01.png) no-repeat}
.promotion-purpose:after{content: '';display:block; position:absolute; top:50%; left:calc(67.5% - 11px); width:22px; height:14px; background:url(/images/common/icon_arrow_right02.png) no-repeat}

.promotion-purpose dl.pp{width:30%;display:inline-block;vertical-align:top;position:relative}
.promotion-purpose dl.pp dt{width:100%;text-align:center;font-size:18px;color:#ffff;padding:10px 0;font-weight:500}
.promotion-purpose dl.pp dd{text-align:left;font-size:17px;color:#000;padding:20px;border:1px solid #ebebeb;min-height:200px}
.promotion-purpose dl.pp01{}
.promotion-purpose dl.pp01 dt{background:#9195a0}
.promotion-purpose dl.pp01 dd{}

/*교육 개발 및 운영*/
.promotion-purpose.apply dl.pp dt{text-align:center;}
.promotion-purpose.apply dl.pp03 dt {padding: 25px 0;}

li.share_img_list ul li {width: 48%;text-align: center;display: inline-block;margin-right: 1%;margin-bottom: 1%;background: none !important;}
li.share_img_list .share_img{width:100%;  border: 1px solid #ebebeb;}
li.share_img_list .share_img img {width: 100%;}
li.share_img_list p {text-align: center;}

.share_img_list.MAL20 ul li {background: none !important;}

/*조직도*/
/*.orgchart-wrap .orgchart01::before {content: "";display: block;position: absolute;left: 50%;height: 390px;border-left: 1px solid #bdbdbd;top: 1270px;z-index:-1;}
.orgchart01 .orgchart-box {width: 392px;padding: 10px 0;font-size: 18px;color:#fff;border-radius: 0;}

.orgchart01 .orgchart-box.num3 {position: relative;margin: 20px auto;width: 20%;border: none;line-height: inherit;}
.orgchart01 .orgchart-box.num4 {position: relative;margin: 20px auto;width: 20%;border: none;line-height: inherit;}
.orgchart01 .orgchart-box.num5 {position: relative;margin: 20px auto;width: 20%;border: none;line-height: inherit;}
.orgchart01 .orgchart-box.num3 p {display: inline-block;color: #fff;width: 100%;letter-spacing: 3px;font-weight: 500;background-color: #1e54b6;padding: 20px 10px;text-align: center;}
.orgchart01 .orgchart-box.num4 p {display: inline-block;color: #fff;width: 100%;letter-spacing: 3px;font-weight: 500;background-color: #274078;padding: 20px 10px;text-align: center;}
.orgchart01 .orgchart-box.num5 p {display: inline-block;color: #fff;width: 100%;letter-spacing: 3px;font-weight: 500;background-color: #cdd3f2;padding: 20px 10px;text-align: center;}
.text_box p.p_style {font-size: 15px;color: #df1a18;}
*/

.orgchart-wrap{text-align: center;border:1px solid #ebebeb;padding:30px}

.orgchart01 .orgchart-box.num1::before {content: "";display: block;position: absolute;left: 50%;height: 810px;border-left: 1px solid #bdbdbd;z-index:-1;}
.orgchart05 .orgchart-box.num5.num501::before {content: "";display: block;position: absolute;left: 16.5%;width: 66.9%;height: 47px;border-left: 1px solid #bdbdbd;border-top: 1px solid #bdbdbd;border-right: 1px solid #bdbdbd;z-index: -1;bottom: 600px;}

.orgchart01 .orgchart-box.num1  {position: relative;margin: 20px;display: inline-block;color: #274078;letter-spacing: 2px;font-weight: 600;background-color: #fff;width: 180px;height: 180px;border-radius: 50%;text-align: center;line-height: 160px;border: 12px solid #274078;font-size: 25px;padding: 0;}
.orgchart02 .orgchart-box.num2  {position: relative;margin: 20px;display: inline-block;color: #fff;letter-spacing: 1px;font-weight: 600;background-color: #274078;width: 180px;height: 180px;border-radius: 50%;text-align: center;line-height: 175px;font-size: 20px;padding: 0;}


.orgchart03 .orgchart-box.num3  {background:none;display: inline-block;color: #fff;width: 220px;letter-spacing: 3px;font-weight: 500;background-color: #1e54b6;padding: 14px 10px;text-align: center;height: 60px;margin: 40px auto;}
.orgchart03 .orgchart-box.num3 p {font-size: 20px;font-weight: 500;}

.orgchart04 .orgchart-box.num4  {background:none;display: inline-block;color: #fff;width: 220px;letter-spacing: 3px;font-weight: 500;background-color: #008280;padding: 14px 10px;text-align: center;height: 60px;margin: 60px auto;}
.orgchart04 .orgchart-box.num4 p {font-size: 20px;font-weight: 500;}

.orgchart05 .orgchart-box.num5  {background:none;display: inline-block;color: #fff;width: 220px;letter-spacing: 3px;font-weight: 500;background-color: #006ec4;padding: 20px 10px;text-align: center;height: 60px;margin: 40px 72px;}
.orgchart05 .orgchart-box.num5  {font-size: 20px;font-weight: 500;}

@media all and (max-width:1400px){
.orgchart05 .orgchart-box.num5 {width: 24%;margin: 40px 10px;}
.orgchart05 .orgchart-box.num5.num501::before {width: 53%;left: 23.5%;}

}


@media all and (max-width:800px){
.orgchart01 .orgchart-box.num1 {width: 160px;height: 160px;line-height: 132px;font-size: 22px;}
.orgchart02 .orgchart-box.num2 {width: 160px;height: 160px;line-height: 160px;font-size: 18px;}
.orgchart03 .orgchart-box.num3 {width: 200px;}
.orgchart04 .orgchart-box.num4 {width: 200px;margin: 40px auto;}


.orgchart04 .orgchart-box.num3 p {font-size: 18px;}
.orgchart04 .orgchart-box.num4 p {font-size: 18px;}
.orgchart05 .orgchart-box.num5 {font-size: 18px;width: 22%;margin: 40px 0;height: 60px;padding: 21px;}

.orgchart05 {margin-top: 35px;}
.orgchart05 .orgchart-box.num5.num501::before {width: 45%;left: 27.5%;}
.orgchart01 .orgchart-box.num1::before {height: 730px;}

}
@media all and (max-width:768px){
.orgchart-wrap{}
}

@media all and (max-width:546px){
.orgchart05 .orgchart-box.num5.num501::before {display:none}
.orgchart05 ul::before {content: "";display: block;position: absolute;left: 27%;width: 45%;height: 47px;border-left: 1px solid #bdbdbd;border-top: 1px solid #bdbdbd;border-right: 1px solid #bdbdbd;z-index: -1;}
}
@media all and (max-width:384px){
.orgchart05 .orgchart-box.num5 {padding: 21px 0;}

}






/*
.promotion-purpose dl.pp02:before{content: '';display:block; position:absolute; top:50%; left:calc(-2.5% - 11px); width:22px; height:14px; background:url(/images/common/icon_arrow_right01.png) no-repeat}
.promotion-purpose dl.pp02:after{content: '';display:block; position:absolute; top:50%; right:calc(-5% - 22px); width:22px; height:14px; background:url(/images/common/icon_arrow_right02.png) no-repeat}
*/

.promotion-purpose dl.pp02{margin:0 5%}
.promotion-purpose dl.pp02 dt{background:#87a1d0}
.promotion-purpose dl.pp02 dd{}
.promotion-purpose dl.pp03{}
.promotion-purpose dl.pp03 dt{background:#0f5eaf}
.promotion-purpose dl.pp03 dd{}
@media all and (max-width:780px){

.promotion-purpose::before, .promotion-purpose::after{display:none}
.promotion-purpose dl.pp{width:100%}
.promotion-purpose dl.pp02{margin:30px 0}


.promotion-purpose dl.pp02:before{content: '';display:block; position:absolute; top:-22px; left:calc(50% - 11px); width:22px; height:14px; background:url(/images/common/icon_arrow_right01.png) no-repeat;transform: rotate(90deg);}
.promotion-purpose dl.pp02:after{content: '';display:block; position:absolute;  bottom:-22px; left:calc(50% - 11px);width:22px; height:14px; background:url(/images/common/icon_arrow_right02.png) no-repeat;transform: rotate(90deg);}
.promotion-purpose dl.pp dd{min-height:auto}
}


/*사이트맵*/
.sitemap{}
.sitemap > ul{font-size:0}
.sitemap > ul > li{width:22%;display:inline-block;vertical-align:top;margin-left:4%;font-size:16px}
.sitemap > ul > li:first-child{margin-left:0}
.sitemap > ul > li:nth-child(4n+1){margin-left:0}
.sitemap > ul > li > a{width:100%;padding:20px 0;text-align:center;background:#274079;color:#fff;font-size:16px}
.sitemap > ul > li > ul.depth2{}
.sitemap > ul > li > ul.depth2 > li{}
.sitemap > ul > li > ul.depth2 > li > a{width:100%;background:#fafafa;border-bottom:1px solid #dedede;padding:15px 10px}
.sitemap > ul > li > ul.depth2 > li > ul.depth3{padding:10px 0;border-bottom:1px solid #dedede}
.sitemap > ul > li > ul.depth2 > li > ul.depth3 > li{}
.sitemap > ul > li > ul.depth2 > li > ul.depth3 > li > a{color:#000;margin-left:5%;font-size:14px;font-weight:300;background:#fff url(/images/common/icon_ul_dot.gif) 0 11px no-repeat;padding:5px 10px;border-bottom:none;}
.sitemap a:hover{box-shadow:2px 2px 15px 0 rgb(0 0 0 / 11%)}

/*행사, 교육안내&신청*/
.event-srch{}
.event-srch .srch_wrap{padding: 20px 10px!important} 
.event-srch span.srch_title{font-size:14px;font-weight:400;margin-right:5px!important}
.event-srch .srch_wrap .hasDatepicker{width:100px!important;padding-right:10px!important;font-size:13px;text-align:center}
.event-srch .srch_wrap span.keyWord input#searchWord{width:260px}
.ui-datepicker .ui-datepicker-title select{color:#000;line-height: 20px;font-size: 14px!important;}

/*목표 및 비전*/
.dot-wrap{width:100%;background:url(/images/cont/bg_dot.png) center center repeat-x;position:relative }
p.text-goal{position:relative;text-align:center;font-size: 36px;letter-spacing:1px;font-weight:600;background: linear-gradient(to bottom,  #3089c0,  #09548d); color: transparent;    -webkit-background-clip: text;z-index:1}
p.bg-text-goal{display: block;position: absolute;background: #fff;top: 0;width: 200px;margin: 0 auto;text-align: center;height: 48px;left: calc(50% - 100px);z-index: 0;}
.box-goal{margin:30px auto;box-shadow:0px 0px 15px 0 rgb(0 0 0 / 11%);background:url(/images/cont/bg_goal.jpg) center center no-repeat;border-radius:50px 0;color:#fff;text-align:center;font-size:28px;font-weight:600;padding:26px 50px;word-break:keep-all;width:calc(100% - 30px);}
.box-goal span{display:block;font-family:'GmarketSans';padding:5px 0}
.text-vision{padding:40px 0;position:relative;text-align:center;letter-spacing:1px;font-weight:600;background: linear-gradient(to right,  #3089c0,  #0d65a8); color: transparent;    -webkit-background-clip: text;letter-spacing:-1px}
.text-vision span{display:block;font-family:'GmarketSans';padding:5px 0;font-size:29px;line-height:160%}
.vision-list{}
.vision-list ul{font-size:0}
.vision-list ul > li{width:24%;margin-left:1.3333%;border:1px solid #ebebeb;display:inline-block;vertical-align:top}
.vision-list ul > li.vision01{margin-left:0}
.vision-list ul > li.vision01 dt{background:#9195a0}
.vision-list ul > li.vision02 dt{background:#87a1d0}
.vision-list ul > li.vision03 dt{background:#0f5eaf}
.vision-list ul > li.vision04 dt{background:#424b68}
.vision-list ul > li > dl > dt{color:#fff;font-size:17px;font-weight:500;text-align:center;padding:25px 0;word-break:keep-all;line-height:150%}
.vision-list ul > li > dl > dt > span{display:block}
.vision-list ul > li > dl > dd {padding:20px 16px;height:260px;}
.vision-list ul > li > dl > dd > ul.ul-dot > li{display:block;border:0;width:100%;font-size:15px;line-height:160%;word-break:keep-all;background-position:0 16px}

@media all and (max-width:1200px){
	.box-goal span{display:inline}
	.text-vision span{display:inline;word-break:keep-all}

}
@media all and (max-width:600px){
	p.text-goal{font-size:30px;}
	.box-goal{background-size:cover;padding:20px 30px;font-size:20px;margin:20px auto;line-height:130%}
	.text-vision{padding:20px 30px}
	.text-vision span{font-size:20px;line-height:130%;}
	.vision-list ul > li{width:49%}
	.vision-list ul > li.vision01{margin-left:0}
	.vision-list ul > li.vision02{margin-left:2%}
	.vision-list ul > li.vision03{margin-left:0;margin-top:10px;}
	.vision-list ul > li.vision04{margin-left:2%;margin-top:10px;}

}

/*시민참여 에너지 사업*/
.share_img_list ul li {width: 48%;text-align: center;display: inline-block;margin-right: 1%;margin-bottom: 1%;}
.share_img_list .share_img{width:100%;  border: 1px solid #ebebeb;}
.share_img_list .share_img img {width: 100%;}
.share_img_list p {text-align: center;}