.gis,.gis li{list-style-type: none;margin: 0;padding: 0;}
.gis li{border-bottom: 1px solid #ddd;font-size: 18px;line-height: 1.4;padding:14px 5px;color: #404040;}
.gis li:last-child{border-bottom: none;}
.gis b{display: inline-block;position: relative;padding: 0 8px 0 35px ;font-weight: 500;}
.gis b::before{display: block;content: '';position: absolute;top: 0;left: 0;width: 24px;height: 24px;background-position: 0 center;background-repeat: no-repeat;}
.gis b._adr::before{background-image: url(../img/content/map_1.gif);}
.gis b._tel::before{background-image: url(../img/content/map_2.gif);}
.gis b._fax::before{background-image: url(../img/content/map_3.gif);}
.gis b._bus::before{background-image: url(../img/content/map_4.gif);}
.gis b._web::before{background-image: url(../img/content/map_5.gif);}
.gis b._blog::before{background-image: url(../img/content/map_6.gif);}
.gis b._insta::before{background-image: url(../img/content/map_7.gif);}
.gis li a{display: inline-block;}
.gis li a:hover{text-decoration: underline;color: #f05150;}
.gis li span{color:#676767; font-size:14px; padding-left:35px;}
@media screen and (max-width:820px) {
.gis li{font-size: 16px;line-height: 1.3;}
.gis b{display: block;margin-bottom: 10px;padding-left: 25px;}
.gis b::before{background-position: 0 2px;}
.gis li span{padding:0;}

}
/* |04-01| 인사말 */
.greet {position: relative;min-height: 570px;padding-right: 48.333%;padding-bottom: 30px;z-index: 2;}
.greet .chief{position: absolute;right: 0;top: 75px;width: 55%;bottom: 0;z-index: -1;text-align: right;}
/* .greet::after{display: block;content: '';position: absolute;right: 0;top: 0;width: 55%;bottom: 0;background:  url(../img/content/greet_chief.jpg) right 75px no-repeat;} */
.greet ._top{font-size: 60px;line-height: 1.05;margin-bottom: 40px;letter-spacing: -2px;font-weight: 200;}
.greet p{font-size: 20px;line-height: 1.6;padding-bottom: 20px;}
.greet p.sign{font-size: 18px;position: relative;font-weight: 400;margin-top: 15px;}
.greet p.sign b{display: inline-block;letter-spacing: 3px;margin-left: 10px;}
.greet p.sign img.sign_img{display: inline-block;vertical-align: middle;margin-left: 30px;width: 146px;height: 47px;}
@media screen and (max-width:1400px) {
.greet ._top{font-size: 50px;}
.greet {padding-right: 0;overflow: hidden;}
.greet .chief{float: right;position: relative;right: auto;top: auto;margin-top: -70px;margin-left: 5px;}
}
@media screen and (max-width:820px) {
.greet ._top{font-size: 44px;}
.greet p{font-size: 18px;line-height: 1.5;padding-bottom: 15px;}
.greet .chief{width: 47%;margin-top: -40px;}
}
@media screen and (max-width:500px) {
.greet ._top{font-size: 37px;}
.greet p.sign{text-align: right;}
.greet p.sign img.sign_img{display: block;vertical-align: top;margin-top: 20px;margin-right: 0;margin-left: auto;}
}
/* |04-02| 연혁 */
.story dl{margin-bottom: 75px;overflow: hidden;}
.story dt{font-size: 60px;letter-spacing: -1.5px;font-weight: 700;color:#000;padding-top: 25px;position: relative;width: 20.83%;float: left;;border-top: 4px solid #000;font-family: 'Roboto';}
.story dd{border-top: 1px solid #333;float: right;width: 75.83%;}
.story dd p{position: relative;padding:30px 0 30px 110px;font-size: 20px;line-height: 1.3;border-bottom: 1px solid #ddd;color: #333;}
.story dd p:last-of-type{border: none;}
.story dd p em{font-style: normal;display: block;position: absolute;top: 30px;left: 0;color: #000;font-weight: 700;font-family: 'Roboto';}
@media screen and (max-width:1200px) {
.story dl{margin-bottom: 40px;}
.story dt,.story dd{float: none;width: auto;}
.story dt{padding-top: 18px;font-size: 40px;padding-bottom: 18px;}
.story dd p{padding: 20px 0 20px 80px;font-size: 18px;}
.story dd p em{top: 21px;}

}
/* |04-03| 비전 */
.vision {position: relative;padding-right: 47%;padding-bottom: 30px;z-index: 2;}
.vision ._top{font-size: 60px;line-height: 1.05;margin-bottom: 64px;letter-spacing: -3px;font-weight: 200;}
.vision ._dancer{position: absolute;right: 0;top: 60px;z-index: -1;text-align: right;margin-right: -220px;}
.dotLst,.dotLst li{margin: 0;padding: 0;list-style-type: none;}
.dotLst{margin-bottom: 25px;}
.dotLst li{position: relative;font-size: 20px;line-height: 1.5;padding-bottom: 15px;letter-spacing: -.7px;padding-left: 16px;text-align: justify;}
.dotLst li::before{display: block;content: '';position: absolute;top: 11px;left: 1px;background-color: #b3b3b3;border-radius:50% ;width: 6px;height: 6px;}

@media screen and (max-width:1620px) {

.vision ._top{font-size: 52px;}
/* .vision {padding-right: 0;overflow: hidden;}
.vision ._dancer{float: right;position: relative;right: auto;top: auto;margin-top: -70px;} */
}
@media screen and (max-width:1460px) {
.vision {padding-right: 0;overflow: hidden;}
.vision ._dancer{float: right;position: relative;right: auto;top: auto;margin-top: -50px;width: 50%;margin-right: 0;margin-left: 15px;}
}
@media screen and (max-width:820px) {
.vision ._top{font-size: 44px;}
.dotLst li{font-size: 18px;line-height: 1.5;padding-bottom: 15px;}
.vision ._dancer{width: 47%;margin-top: -40px;}
}
@media screen and (max-width:500px) {
.vision ._top{font-size: 35px;}
.vision ._dancer{width: 55%;float: none;margin: -35px 10% 0 auto;}

}
/* |04-04| 조직도 */
table.classic.nobd {border: none;}
table.classic.nobd th,
table.classic.nobd td {border-left: none;border-right: none;}
table.classic.nobd thead th{background-color: #eaeaea;border-bottom: none; border-top: 1px solid #000; padding:12px 1%;}
table.classic.orgTbl{margin-bottom: 60px;}
table.classic.orgTbl tbody th{font-size: 16px;font-weight: 300;}
table.classic.orgTbl tbody tr td{font-size: 16px;}
@media screen and (max-width:820px) {
table.classic.orgTbl{border-bottom: 1px solid #000;}
table.classic.orgTbl th,
table.classic.orgTbl td{display: block;text-align: left;border: none;padding: 4px 0;}
table.classic.orgTbl tr,
table.classic.orgTbl tbody{display: block;}
table.classic.orgTbl thead,
table.classic.orgTbl colgroup{display: none;}
table.classic.orgTbl tr{border-top: 1px solid #ccc;padding: 10px 2.5%;position: relative;}
table.classic.orgTbl tbody th{font-size: 15px;display: inline-block;}
table.classic.orgTbl tbody tr td:nth-child(2){color: #000;font-weight: 500;display: inline-block;vertical-align: bottom;margin-left: 5px;}
table.classic.orgTbl tbody tr td:last-child{color: #000;font-size: 15px;font-weight: 400;text-align: right;font-family: 'Roboto';}
table.classic.orgTbl td.left{clear: both;padding-top: 15px;padding-bottom: 15px;}
}

/* |04-05| 오시는길 */
.mapArea{margin-bottom: 40px;background-color: #fff;}
.mapArea iframe{width: 100% !important;}
.mapArea .root_daum_roughmap{width:99.99%!important;overflow:hidden;border-bottom: 1px solid rgba(0,0,0,0.2);}
.mapArea .wrap_map{overflow:hidden}
.mapInfo{position: relative;padding-left: 29.2%;}
.mapInfo h4{font-size: 32px;position: absolute;top: 20px;left: 0;}
.mapInfo h4 span{display: block;font-size: 16px;font-weight: 400;padding-bottom: 8px;}
.mapInfo h4 span b{font-size: 32px;font-weight: bold;display: inline-block;margin-bottom: 3px;}
.mapInfo h4 span:last-of-type{margin-bottom: 0;}


.mapInfo a.bus_btn{color:#fff;font-size: 1em;font-weight: normal;display: inline-block;text-align:center;width:auto;padding: 0 30px;background-color:#ff4f4c;line-height: 40px;transition:.25s ease-out;position: relative;}
.mapInfo a.bus_btn::after{display: inline-block;content: '\e980';vertical-align: middle;font-size: 20px;margin-bottom: 1px;margin-left: 4px;font-family : 'xeicon'}
.mapInfo a.bus_btn:hover{color: #fff;background-color: #d00;}

@media screen and (min-width:820px) {
.mapInfo .gis li{padding: 17px 5px;}
}
@media screen and (max-width:820px) {
.mapInfo{padding-left: 0;}
.mapInfo h4{font-size: 26px;position: static;top: auto;left: auto;margin-bottom: 30px;}
}

/* |02| 시설 */

.sisul {position: relative;/* min-height: 630px; */padding-right: 50.6667%;;z-index: 2;margin-bottom: 120px;}
/*.sisul ._top{font-size: 60px;line-height: 1.0;margin-bottom: 45px;letter-spacing: -3px;font-weight: 200;}*/
.sisul ._top{font-size: 50px;line-height: 1.0;margin-bottom: 45px;letter-spacing: -3px;font-weight: 200;}
.sisul ._img{position: absolute;right: 0;top: 70px;z-index: -1;text-align: right;}
.sisul p{font-size: 20px;line-height: 1.5;padding-bottom: 17px;letter-spacing: -.66px;text-align: justify;}
.sisul .gis{padding-top: 20px;}

@media screen and (max-width:1620px) {

/*.sisul ._top{font-size: 52px;}*/
.sisul ._top{font-size: 48px;}
/* .vision {padding-right: 0;overflow: hidden;}
.vision ._dancer{float: right;position: relative;right: auto;top: auto;margin-top: -70px;} */
}
@media screen and (max-width:1460px) {
.sisul {padding-right: 0;overflow: hidden;margin-bottom: 60px;}
.sisul ._img{float: right;position: relative;right: auto;top: auto;margin-top: -120px;width: 40%;margin-right: 0;margin-left: 15px;}
}
@media screen and (max-width:1200px) {
.sisul ._img{margin-top: -70px;}
}
@media screen and (max-width:820px) {
.sisul ._top{font-size: 44px;}
.sisul p{font-size: 18px;line-height: 1.4;padding-bottom: 10px;}
.sisul ._img{width: 45%;}
}
@media screen and (max-width:500px) {
.sisul {padding: 0 2%;margin-bottom: 40px;}
.sisul ._top{font-size: 35px;text-align: center;margin-bottom: 35px;}
.sisul ._img{width: 70%;float: none;margin: 0 auto 25px;}
}


.sisulPhoto{background-color: #191919;padding: 100px 0 ;margin-left: -360px;color: #fff;letter-spacing: -1px;}
.sisulPhoto h4{font-size: 40px;margin-bottom: 15px;padding-top: 20px;}
.sisulPhoto p{color: #888;font-size: 18px;line-height: 1.5;text-align: justify;}
.sisulPhoto p span{display: block;}
.sisulPhoto .shots{overflow: hidden;position: absolute;right: 0;bottom: 90px;}
.sisulPhoto .shots img{float: left;}
.sisulPhoto .shots img:first-child{margin-right: 10px;}

.scenery{border-bottom: 1px solid #555;padding-bottom: 90px;margin-bottom: 90px;overflow: hidden;position: relative;}
.scenery .txt{width: 450px;float: right;}
.scenery .swiper-container{float: left;width: calc(100% - 500px);}
.scenery .swiper-button-next,.scenery .swiper-button-prev {background:#191919;width: 80px;height: 60px;text-indent: -999em;font-size: 0;transition:background-color .25s ease-out !important;top: auto;margin-top: 0;bottom: 0;border-radius:0 ;box-shadow:none}
.scenery .swiper-button-prev {left: auto;right: 80px;width: 81px;}
.scenery .swiper-button-prev::after {display: block;content: '';position: absolute;right: 0;top: 50%;width: 1px;background-color: #333;height: 15px;margin-top: -7px;}
.scenery .swiper-button-next::before,.scenery .swiper-button-prev::before {content:'';display:block;position:absolute;border-style:solid;border-color:#fff;border-width:1px 0 0 1px;padding:4px;transform:rotate(-45deg);top:50%;left:50%;margin-top: -5px;margin-left: -3px;transition:all .25s ease-out;opacity:1.0;right: auto;}
.scenery .swiper-button-next::before{border-width:0 1px 1px 0;margin-left: -6px;}
.scenery .swiper-button-next:hover,.scenery .swiper-button-prev:hover {background:#333;}
.scenery .swiper-button-next:hover::before, .scenery .swiper-button-prev:hover::before{opacity: .7;border-color: #fff;}

.gallery{overflow: hidden;position: relative;}
.gallery .txt{width: 270px;float: left;}
.gallery .swiper-container{float: right;width: calc(100% - 270px);}
.gallery .control{width: 120px;height: 30px;position: absolute;bottom: 30px;left: -8px;}
.gallery .swiper-pagination-fraction{bottom: auto;top: auto;font-size: 15px;color: #666;letter-spacing: 0;line-height: 25px;width: auto;text-align: center;overflow: hidden;position: relative;}
.gallery .swiper-pagination-fraction span{vertical-align: top;padding-top: 0;display: inline-block;}
.gallery .swiper-pagination-fraction .swiper-pagination-current{padding-right: 3px;font-weight: 500;color: #fff;font-size: 18px;}
.gallery .swiper-pagination-fraction .swiper-pagination-total{padding-left: 3px;font-size: 16px;}
.gallery .swiper-button-next,.gallery .swiper-button-prev {background:none;width: 30px;height: 30px;text-indent: -999em;font-size: 0;transition:background-color .25s ease-out !important;top: 50%;margin-top: -15px;bottom: auto;border-radius:50% ;box-shadow:none}
.gallery .swiper-button-next::after,.gallery .swiper-button-prev::after {display: none;}
.gallery .swiper-button-next::before,.gallery .swiper-button-prev::before {content:'';display:block;position:absolute;border-style:solid;border-color:#fff;border-width:1px 0 0 1px;padding:4px;transform:rotate(-45deg);top:50%;left:50%;margin-top: -5px;margin-left: -3px;transition:all .25s ease-out;opacity:.5;right: auto;}
.gallery .swiper-button-next::before{border-width:0 1px 1px 0;margin-left: -6px;}
.gallery .swiper-button-next:hover,.gallery .swiper-button-prev:hover {background:none;}
.gallery .swiper-button-next:hover::before, .gallery .swiper-button-prev:hover::before{opacity: 1;border-color: #fff;}
#gallerySwiper{overflow: hidden !important;position: relative;margin-left: -1.074%;}
#gallerySwiper ul{list-style-type: none;margin: 0;padding: 0;}
#gallerySwiper ul::after{display: block;content: '';clear: both;}
#gallerySwiper li{margin: 0;padding: 0;list-style-type: none;width: 300px;float: left;margin-left: 10px;width: 32.259% !important;margin-left: 1.074% !important;font-size: 0;overflow: hidden;}


@media screen and (min-width:1200px) {
#gallerySwiper{margin-left: -10px;width: 930px;}
#gallerySwiper li{width: 300px;margin-left: 10px;}
#gallerySwiper li img{width: 300px;}
}
@media screen and (max-width:1370px) {
.sisulPhoto{margin-left:-280px;}

.sisulPhoto h4{padding-top: 0;}

}
@media screen and (max-width:1370px) and (min-width:820px) {
.sisulPhoto h4{font-size: 34px;}
.sisulPhoto p{font-size: 16px;line-height: 1.4}
}
@media screen and (max-width:1200px) {
.sisulPhoto{margin-left: 0;padding: 80px 0;}
.sisulPhoto .shots{overflow: hidden;position: relative;right: 0;bottom: auto;margin-top: 30px;}
.scenery{padding-bottom: 60px;margin-bottom: 60px;}
.scenery .swiper-container{height: 310px;  width: calc(100% - 480px);}
.scenery .swiper-slide{overflow: hidden;}
.scenery .swiper-slide img{max-width: inherit;height: 100%;position: relative;left: 50%;width: auto;transform:translateX(-50%)}
}
@media screen and (max-width:1024px) {
.gallery .control{bottom: 5px;}
}
@media screen and (max-width:820px) {

.sisulPhoto{padding: 50px 0;}

.scenery .txt{width: auto;float: none;}
.sisulPhoto p span,
.sisulPhoto .shots{display: none;}
.scenery .swiper-container{float: none;width: auto;padding-top: 20px;height: auto;}
.scenery .swiper-slide img{max-width: inherit;height: auto;position: relative;left: 0;width: 100%;transform:translateX(0)}
.scenery .swiper-button-next,.scenery .swiper-button-prev {background:rgba(0,0,0,0.7);width: 12.5%;height:  22.22%;top: 50%;padding-bottom: 0;max-width: 80px;max-height: 80px;transform:translateY(-50%)}
.scenery .swiper-button-prev {left: 0;right: auto;width: 12.5%;}
.scenery .swiper-button-prev::after {display: none}
.scenery .swiper-button-next::before,.scenery .swiper-button-prev::before {padding:6px;margin-top: -7px;margin-left: -5px;opacity:0.7;}
.scenery .swiper-button-next::before{border-width:0 1px 1px 0;margin-left: -8px;}
.scenery .swiper-button-next:hover::before, .scenery .swiper-button-prev:hover::before{opacity: 1.0;border-color: #fff;}
.gallery .txt,
.gallery .swiper-container{float: none;width: auto;}
.gallery .control{display: none;}

#gallerySwiper{margin-left: 0;padding-top: 20px;}
#gallerySwiper ul.swiper-wrapper{display: block;overflow: hidden;margin-left: -2% !important;width: auto;}
#gallerySwiper li{width:48% !important;margin-left: 2% !important;margin-bottom: 2%;}
#gallerySwiper li img{width: 100%;height: auto;}
}


/* email*/
.rule {font-size: 18px;max-width: 1000px;margin: 0 auto;}
.rule dl {overflow: hidden;position: relative;padding-bottom: 35px;}
.rule dt,
.rule dd{float: none;width: auto;line-height: 1.45;}
.rule dt{font-weight: bold;font-size: 1.25em;}
.rule dd{letter-spacing: -0.65px;border: 1px solid #ccc;padding: 35px 35px 15px 40px;margin-top: 10px;text-align: justify;}
.rule p{padding-bottom: 13px;line-height: 1.5;text-align: justify;}
.rule b{font-weight: 400;}
.rule dd.rule_top{margin-top: 0;font-weight: normal;background-color: rgba(0,0,0,0.02);}
.rule h2{font-weight: 700;margin-bottom: 20px;padding-top: 10px;font-size: 1.25em;color: #4690d6;}
.rule h3{font-weight: 500;margin-bottom: 10px;font-size: 1.12em;letter-spacing: 0;}
.rule .dtLst{padding: 0;margin: 0;list-style-type: none;}
.rule .dtLst>li{padding: 0;margin: 0;list-style-type: none;position: relative;padding-left: 11px;padding-bottom: 13px;line-height: 1.4;}
.rule .dtLst>li::before{display: block;content: '';position: absolute;width: 4px;height: 4px;border-radius:50%;background-color: #111;top: 11px;left: 0;}
.rule .dtLst>li b{color: #000;font-weight: 400;}
.rule .dtLst li ul{padding: 0;padding-top: 10px;list-style-type: none;margin: 0;}
.rule .dtLst li li{list-style-type: none;padding: 0;margin: 0;padding-bottom: 10px;padding-left: 10px;position: relative;}
.rule .dtLst li li::before{display: block;content: '';position: absolute;width: 4px;height: 1px;background-color: #666;top: 14px;left: 0;}
.rule .dtLst li li:last-child{padding-bottom: 0;}

@media screen and (max-width:820px) {
.rule {font-size: 16px;}
.rule dd{padding: 19px 3.5% 15px;}
.rule .dtLst>li{padding-bottom: 8px;}
.rule .dtLst>li::before{top: 9px;}
.rule .dtLst li li{padding-left: 8px;}
.rule .dtLst li li::before{top: 10px;}
}


/* orgChart */
.organBox{text-align: center;margin-bottom: 80px; /* background:#f4f4f4; padding:30px 15px 0 15px; */}
.organBox img{max-width: 100%;margin: 0 auto;transition:0.5s ease-out}
.organBox .bu{border: 1px solid #ddd;background-color: #fff;line-height: 48px;font-size: 18px;margin: 0 6.6%;position: relative;}
.organBox .bu.bg0{background-color: #eaeaea;}
.organBox h3 .bu{margin: 0 auto;width:17%;border-color: #ff4f4c;color: #fff;background-color: #ff4f4c; font-weight:normal;}
.organBox h3 .bu::after{position: absolute;height: 50px;width: 1px;background-color: #ddd;top: 49px;left: 50%;display: block;content: '';}
.organBox ul{overflow: visible;padding: 25px 0;position: relative;}
.organBox ul:after{content: '';display: block;clear: both;}
.organBox li{width: 33.33%;float: left;position: relative; list-style:none;}
.organBox .col3 li{width: 20%;}
.organBox .col4 li{width: 20%;}
.organBox .mid li:nth-child(2):before,
.organBox .mid li:nth-child(2):after{position: absolute;height: 1px;width: 13.6%;background-color: #ddd;top: 49%;right: -6.6%;display: block;content: '';}
.organBox .mid li:nth-child(2):before{right: auto;left: -6.6%;}
.organBox .mid{position: relative;margin: 25px 0; left:20%;}
.organBox .mid::after{position: absolute;height: 36px;width: 1px;background-color: #ddd;top: 75px;left: 30%;display: block;content: '';}
.organBox .low ul:before{position: absolute;height: 1px;top: -15px;left: 10%;right: 10%;background-color: #ddd;display: block;content: '';}
.organBox .low li .bu:before{position: absolute;height: 40px;width: 1px;background-color: #ddd;top: -40px;left: 50%;display: block;content: '';}

@media screen and (max-width:640px) {
.organBox {margin-bottom: 40px;}
.organBox .bu{font-size: 16px;margin:0 4%;}
}
@media screen and (max-width:570px) {
.organBox h3 .bu{width:24%;}
.organBox ul{padding:5px 0;}
.organBox .col3 li{width: 28%;}
.organBox .col4 li{width: 20%;}
.organBox .mid{left:8%;}
.organBox .mid::after{height:20px; top: 55px;left: 42%;}
.organBox .low li .bu:before{height: 20px;width: 1px;background-color: #ddd;top: -20px;left: 50%;display: block;content: '';}
}
@media screen and (max-width:510px) {
.organBox .low li .bu {line-height: 1.8;padding: 20px 0;}
.organBox .low li .bu span{display: block;}
}