/* 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:580px;width:100%;}
.info-map-wrap .info-map01{width:100%;height:405px;background:#fafafa;border:1px solid #000;position:relative;}
.info-map-wrap .info-map-text{font-size:15px;color:#000;font-weight:500;line-height:20px}
.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-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%}
*/
/*비율*/
/**/

.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{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}


/*홍보체험관운영*/
.promotion-purpose{font-size:0;position:relative}
.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:150px}
.promotion-purpose dl.pp01{}
.promotion-purpose dl.pp01 dt{background:#9195a0}
.promotion-purpose dl.pp01 dd{}
.promotion-purpose dl.pp02:before{content: '';display:block; position:absolute; top:93px; left:-37px; 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:93px; right:-37px; 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{}

/*행사, 교육안내&신청*/
.event-srch{ float: unset;}
.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;}