.width-fixed{width:70%;position: relative;margin:0 auto;}

#hd{background:transparent;position: absolute;top:0;left:0;width: 100%;}
#hd.sub{position: relative;z-index: 1000;border-bottom:1px solid #ddd;}
#hd:hover,
#hd.sub{background:#fff;}
#hd_wrapper{width:70%;height:100px;border-bottom:1px solid rgba(255,255,255,0.3)}
#hd.sub #hd_wrapper{border-bottom:1px solid rgba(0,0,0,0.3)}
#hd:hover #hd_wrapper{border-bottom:1px solid rgba(0,0,0,0.3)}
#logo{width:360px;position:absolute;left:50%;top:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);padding:0;background:url('../img/logo.png')center / contain no-repeat;height:100%;cursor: pointer}
.sub #logo{background:url('../img/logo.jpg')center / contain no-repeat;}
#hd:hover #logo{background:url('../img/logo.jpg')center / contain no-repeat;}
#logo img{width:100%;}

.top_menu{top:50%;left:0;width:40px;height:30px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);cursor: pointer;position: absolute;}
.top_menu span{width:100%;position: absolute;height:3px;left:0;background: #fff;}
.top_menu span:first-child{top:0;-webkit-transform: translate(0,0);-moz-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0);}
.top_menu span:nth-child(2){top:50%;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-o-transform: translate(0,-50%);transform: translate(0,-50%);}
.top_menu span:last-child{top:100%;-webkit-transform: translate(0,-100%);-moz-transform: translate(0,-100%);-ms-transform: translate(0,-100%);-o-transform: translate(0,-100%);transform: translate(0,-100%);}

#hd.sub .top_menu span{background:#000;}
#hd:hover .top_menu span{background:#000;}

.hd_login{position: absolute;top:50%;right:0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.hd_login a{color:#fff;font-size:17px;}
.hd_login li{border-left:1px solid #fff !important;}
.hd_login li:first-child{border-left:none !important;}

#hd.sub .hd_login a {color:#000;}
#hd.sub .hd_login li {border-left:1px solid #000 !important;}
#hd.sub .hd_login li:first-child {border-left:none !important;}
#hd:hover .hd_login a {color:#000;}
#hd:hover .hd_login li {border-left:1px solid #000 !important;}
#hd:hover .hd_login li:first-child {border-left:none !important;}

#gnb{background:transparent;}
#gnb .gnb_wrap{width:70%;position: static}
#gnb #gnb_1dul{border:none;}
#gnb .gnb_1dli{margin-right:15px;position: static}
#gnb .gnb_1dli a{color:#fff;font-size:18px;font-family: "Noto Sans CJK KR Regular",dotum,sans-serif;}
#hd.sub #gnb .gnb_1dli a,
#hd:hover #gnb .gnb_1dli a{color:#000;}
#hd.sub #gnb .gnb_1dli:hover a,
#hd:hover #gnb .gnb_1dli:hover a{color:#8b3888;border-top: 1px solid #8b3888;margin-top: -1px;}
.gnb_1dli .bg{display:none;}

.gnb_2dul{position: absolute;width: 100%;height: 100%;left: 0;top: 53px;box-shadow: none;}
.sub .gnb_2dul{top: 54px;}
.gnb_2dli{width:160px;display:inline-block;border:1px solid #8b3888;background:#fff;color:#8b3888;margin-right:15px;text-align: center;}
.gnb_2dli:first-child{border:1px solid #8b3888;}
.gnb_2dli a{color:#8b3888 !important;}
.gnb_2dli:hover a{color:#fff !important;background:#8b3888;}
.gnb_2da{text-align: center}

.gnb_2dul .gnb_2dul_box{display:inline-block;vertical-align: middle;width:calc(100% - 320px);height:200px;padding:25px 0 0 25px;border:0;}
.sub .gnb_2dul .gnb_2dul_box{background:#fff;border-bottom:1px solid #ddd;}
.menu_2dli_bg{height:200px;background:url('../img/menu_2dli_bg.png')center / cover no-repeat;width:320px;display:inline-block;vertical-align: middle;text-align: right;padding:20px;position:relative;}
.menu_2dli_bg > div{text-align: left;margin-left:20%;position: absolute;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.menu_2dli_bg h2{color:#fff;font-size:30px;}
.menu_2dli_bg span{color:#fff;font-size:15px;line-height: 25px;display: inline-block;word-break: keep-all;height: auto;padding: 0;}

.all_menu{position: fixed;top:0;left:0;width: 100%;height: 100%;background:rgba(0,0,0,.8);z-index:-1000;opacity: 0;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.all_menu .close{position:absolute;top:5%;right:5%;width:40px;height:40px;cursor: pointer}
.all_menu .close span{position:absolute;top:50%;left:50%;background: #fff;width:100%;height:4px;}
.all_menu .close span:first-child{-webkit-transform: translate(-50%,-50%) rotate(45deg);-moz-transform: translate(-50%,-50%) rotate(45deg);-ms-transform: translate(-50%,-50%) rotate(45deg);-o-transform: translate(-50%,-50%) rotate(45deg);transform: translate(-50%,-50%) rotate(45deg);}
.all_menu .close span:last-child{-webkit-transform: translate(-50%,-50%) rotate(-45deg);-moz-transform: translate(-50%,-50%) rotate(-45deg);-ms-transform: translate(-50%,-50%) rotate(-45deg);-o-transform: translate(-50%,-50%) rotate(-45deg);transform: translate(-50%,-50%) rotate(-45deg);}

.all_menu.active{opacity: 1;z-index:100000;}
.all_menu .gnb_al_ul {position: absolute;top:50%;left:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.all_menu .gnb_al_ul > li {display:inline-block;vertical-align: top;margin-right:60px;text-align: left;padding:0 15px 15px 15px;border-left:2px solid #d291d0;}
.all_menu .gnb_al_ul > li:last-child {margin-right:0;}
.all_menu .gnb_al_ul > li > div{color:#d291d0;font-size:35px;margin-bottom:7px;font-weight:bold;font-family: 'Noto Sans CJK KR Bold',dotum,sans-serif;}
.all_menu .gnb_al_ul > li > ul > li{text-align: left;padding:5px 0;}
.all_menu .gnb_al_ul > li > ul > li > a{color:#fff;font-size:20px;}
.all_menu .gnb_al_ul > li > ul > li:hover > a{color:#d291d0;}

.all_menu .mobile_login{display:none;}

/* Slideshow container */
.slideshow-container {
    max-width: 100%;
    position: relative;
    /*margin: auto;*/
}

/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: 300px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    right:11%;
}

/* Position the "next button" to the right */
.next {
    border-radius: 3px 0 0 3px;
    margin-top:355px;
}

#mainSlide{height:95vh;}
.owl-carousel#mainSlide .item .img{position: relative;width:100%;height:95vh;}
.owl-carousel#mainSlide .item .img img{opacity:0;display:none;}
.owl-carousel#mainSlide .wrap{position: absolute;top:50%;left:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width:70%}
.owl-carousel#mainSlide .item .text{}
.owl-carousel#mainSlide .item .text h2{font-family:'Noto Sans CJK KR Thin',dotum,sans-serif;color:#d291d0;font-size:36px;}
.owl-carousel#mainSlide .item .text h3{font-family:'Noto Sans CJK KR Black',dotum,sans-serif;color:#fff;font-size:45px;}
.owl-carousel#mainSlide .item .text button{font-size:16px;padding:5px 45px 5px 25px;border:none;border-radius: 20px 20px;background:rgba(95,95,95,0.8);margin-top:20px;position:relative;color:#fff}
.owl-carousel#mainSlide .item .text button:hover{background: #000;}
.owl-carousel#mainSlide .item .text button span:after{content:"";background:url('../img/rightarrow4.png') right center no-repeat; background-size: 16px 16px;width: 25px;height:16px;display:inline-block;vertical-align:middle;margin-left:10px;font-family: dotum, gulim, tahoma;position:absolute;top:50%;right:15px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}



.owl-carousel#mainSlide .owl-dots{ position:absolute;left:15%;bottom:15%;}
.owl-carousel#mainSlide .owl-dots .owl-dot{display:inline-block;width:2vw;height: 4px;margin-right:5px;}
.owl-carousel#mainSlide .owl-dots .owl-dot span{
    width:100%;height:100%;background:rgba(255,255,255,.6);
    z-index: 999;
    position:relative;
    display:block;
}
.owl-carousel#mainSlide .owl-dots .owl-dot.active span{
    background: #8b3888;
}
.owl-carousel#mainSlide .owl-nav{position: absolute;top:50%;left:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width:95%;}
.owl-carousel#mainSlide .owl-nav button.owl-prev{width:60px;height:60px;background:rgba(255,255,255,0.6) url('../img/rightarrow1.png') center no-repeat;background-size:60% 60%;-webkit-border-radius:50% 50%;-moz-border-radius:50% 50%;border-radius:50% 50%;position: relative;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.owl-carousel#mainSlide .owl-nav button.owl-next{width:60px;height:60px;background:rgba(255,255,255,0.6) url('../img/rightarrow1.png') center no-repeat;background-size:60% 60%;-webkit-border-radius:50% 50%;-moz-border-radius:50% 50%;border-radius:50% 50%;position: absolute;right:0;top:0;}

.main_bottom_menu{width:70%;position:absolute;bottom:0;z-index:99;height:60px;background-color:#818181;left:50%;transform: translateX(-50%);-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.main_bottom_menu .slide_notice{width:calc(50% - 30px);float:left;height:100%;background-color:#fff;}
.main_bottom_menu .slide_notice li a{color:#555555;font-family:"Noto Sans CJK KR Regular",dotum,sans-serif;width: 90%;text-overflow: ellipsis;white-space: nowrap;display: inline-block;overflow: hidden;font-size:14px;}
.main_bottom_menu .slide_pop{width:calc(50% - 30px);float:left;height:100%;background-color:#818181;}
.main_bottom_menu .slide_pop li a{color:#fff;width: 90%;text-overflow: ellipsis;white-space: nowrap;display: inline-block;overflow: hidden;font-size:14px;}
.main_bottom_menu .show_btn{width:60px;height:60px;background-color:#818181;background-image:url("../img/main_show_btn.jpg");background-size:60px 60px;background-position: center;background-repeat:no-repeat;float:left;cursor: pointer}
.main_bottom_menu .notice_latest,.main_bottom_menu .popup_latest{display:none}
.main_bottom_menu.active {height:250px;}
.main_bottom_menu.active .slide_notice,
.main_bottom_menu.active .slide_pop{display:none;}
.main_bottom_menu.active .notice_latest,
.main_bottom_menu.active .popup_latest{display:block;width:calc(50% - 30px);float:left;height:100%;}
.main_bottom_menu.active .show_btn{background-image:url("../img/main_show_btn_down.jpg");}
.slideshow-container .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);opacity: 0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;z-index: -1}
.slideshow-container .bg.active{opacity: 1;z-index:4}

.lat ul,
.lat2 ul{padding-top:0}
.lat li{font-family: "Noto Sans CJK KR Regular",dotum,sans-serif;list-style: none;padding-left:0}
.lat li a{width: 90%;text-overflow: ellipsis;white-space: nowrap;display: inline-block;overflow: hidden;font-size:17px;}
.lat2 li{font-family: "Noto Sans CJK KR Regular",dotum,sans-serif;list-style: none;padding-left:0}
.lat2 li a{color:#fff;width: 90%;text-overflow: ellipsis;white-space: nowrap;display: inline-block;overflow: hidden;font-size:17px;}
.lat li:before,.lat2 li:before{display:none}

.main_favo{padding:40px 0;background:#fff;border-top:2px solid #ddd;}
#main_favo {width:calc(100% - 100px);margin:0 auto;}
#main_favo .item .img{height:140px;width:100%;display:block;}
#main_favo .owl-nav .owl-next{position:absolute;top:50%;right:-50px;height:50px;width:50px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);background:url('../img/arrow_icon.png')center / contain no-repeat;}
#main_favo .owl-nav .owl-next span{display:none;}
#main_favo .owl-nav .owl-prev{position:absolute;top:50%;left:-50px;height:50px;width:50px;-webkit-transform: translateY(-50%) rotate(-180deg);-moz-transform: translateY(-50%) rotate(-180deg);-ms-transform: translateY(-50%) rotate(-180deg);-o-transform: translateY(-50%) rotate(-180deg);transform: translateY(-50%) rotate(-180deg);background:url('../img/arrow_icon.png')center / contain no-repeat;}
#main_favo .owl-nav .owl-prev span{display:none;}


.main_board{padding:50px 0;}
.main_board:after{content:"";clear:both;display:block;}
.main_board .left{width:calc(100% - (500px + 5%));margin-right:5%;float:left;}
.main_board .left > div{width:100%;}
.main_board .right{width:500px;float:left;}

.board_tab_left{position: relative;}
.board_tab_left .more{position: absolute;top:15px;right:10px;width:20px;height:20px;cursor: pointer;}
.board_tab_left .more span{width:100%;height:2px;position: absolute;top:50%;left:50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background:#888;}
.board_tab_left .more:hover span{background:#8b3888;}
.board_tab_left .more span:first-child{}
.board_tab_left .more span:last-child{-webkit-transform: translate(-50%, -50%) rotate(-90deg);-moz-transform: translate(-50%, -50%) rotate(-90deg);-ms-transform: translate(-50%, -50%) rotate(-90deg);-o-transform: translate(-50%, -50%) rotate(-90deg);transform: translate(-50%, -50%) rotate(-90deg);}

.board_tab_left ul{border-bottom:2px solid #ddd;}
.board_tab_left ul:after{content:"";clear:both;display:block;}
.board_tab_left li{float:left;padding:10px 26px;font-size:20px;border-bottom:2px solid #ddd;margin-bottom:-2px;position: relative;cursor: pointer;}
.board_tab_left li:before{content:"";width:2px;height:80%;background:#ddd;position: absolute;top:50%;right:0;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);display:block;}
.board_tab_left li:last-child:before{display:none;}

.board_tab_left li:hover,
.board_tab_left li.active{font-family:'Noto Sans CJK KR Bold',dotum,sans-serif;color:#8b3888;border-bottom:2px solid #8b3888}

.board_con{padding:10px;margin:0;min-height:250px;border-bottom:1px solid #ddd;position: relative}
.board_con h2{font-size:26px;width:100%;}
.board_con h2.no_list{font-size:15px;font-weight:normal;text-align: center;padding:192px 0;}
.board_con div{font-size:16px;padding:6px 0;}
.board_con p{text-align: right;font-size:15px;color:#444;position: absolute;right:10px;bottom:10px;}
.board_list{margin-top:10px;min-height:140px;}
.board_list div{padding:9px 10px;font-size:18px;position: relative;width:calc(100% - 20px);}
.board_list div span{display:block;}
.board_list div span:first-child{width:80%;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow-x: hidden;}
.board_list div span:last-child{font-size:15px;position: absolute;top:50%;right:0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);color:#444;}

.board_tab:after{content:"";clear:both;display:block;}
.board_tab li{width:calc(100%);float:left;border:1px solid #ddd;border-right:0;border-bottom:0;border-left:1px solid #fff;padding:10px;font-size:18px;background: #dcdcdc ;border-bottom:1px solid #ddd;font-weight:bold;color:#8b3888;text-align: left;}
.board_tab li:first-child{border-left:1px solid #ddd;}
.board_tab li:last-child{border-right:1px solid #ddd;}
.board_tab li:hover,
.board_tab li.active{background:#fff;}
.tab_con {padding:14px;border:1px solid #ddd;border-top:0;min-height:365px;}
.tab_con img {max-width: 100%;width: 100%;}

.main_info{padding:50px 0;background:#f8f8f8;border-top:2px solid #ddd;}
.info_wr:after {content:"";clear:both;display:block;}
.info_wr > div{/*float:left;width:33.33%;*/display: inline-block;vertical-align: middle;width:calc(100% / 3 - 4px);cursor: pointer}
.info_wr > div > div{display: inline-block;vertical-align: middle}
.info_wr > div > div.img{width:80px;margin-right:15px;}
.info_wr > div > div.img img{width:100%;}
.info_wr > div > div.text h2{font-size:20px;margin-bottom:8px;}
.info_wr > div > div.text p{font-size:16px;color:#585858}
.info_wr > div > div.text p.point_all{font-size:16px;color:#8b3888;}
.info_wr > div.schedule {border:1px solid #ddd;cursor: auto}
.info_wr > div.schedule .top{border-bottom:1px solid #ddd;background:#f1f3fa;padding:10px;width: 100%;position: relative;}
.info_wr > div.schedule .top h2{font-size:25px;text-align: center;}
.info_wr > div.schedule .top .more{position: absolute;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);right:10px;width:20px;height:20px;cursor: pointer;}
.info_wr > div.schedule .top .more span{width:100%;height:2px;background:#444;position:absolute;top:50%;left:0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.info_wr > div.schedule .top .more span:last-child{-webkit-transform: translateY(-50%) rotate(-90deg);-moz-transform: translateY(-50%) rotate(-90deg);-ms-transform: translateY(-50%) rotate(-90deg);-o-transform: translateY(-50%) rotate(-90deg);transform: translateY(-50%) rotate(-90deg);}
.info_wr > div.schedule .top .more:hover span{background:#8b3888}
.info_wr > div.schedule .week{width: 100%;background:#fff;padding:15px;}
.info_wr > div.schedule .week:after{content:"";clear:both;display:block;}
.info_wr > div.schedule .week > div{float:left;width:calc(100% / 7);text-align: center;}
.info_wr > div.schedule .week > div h2 {font-size:24px;position: relative;}
.info_wr > div.schedule .week > div h2 span{font-size:24px;position: relative;}
.info_wr > div.schedule .week > div h2.today span{color:#fff;z-index:1;position: relative;}
.info_wr > div.schedule .week > div h2.today:after {position: absolute;top:50%;content:"";left:50%;width:40px;height:40px;background:#8b3888;display:block;border-radius: 50% 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index:0;}
.info_wr > div.schedule .week > div span{font-size:16px;margin-bottom:5px;display:block;}
.info_wr > div.schedule .week > div span.sun{color:red;}
.info_wr > div.schedule .week > div span.sta{color:blue;}

#photo_slide .item .img{height:430px;width:100%;}
#photo_slide .owl-dots{position: absolute;bottom:10px;right:10px;}
#photo_slide .owl-dots .owl-dot span{display:inline-block;width:25px;height:3px;background:#fff;margin:0 4px;}
#photo_slide .owl-dots .owl-dot.active span{background:#8b3888}


/* footer */
#ft{padding:50px 0;background: #000;}
#ft_wr{padding:0;text-align: center}
#ft_wr ul {margin-bottom:30px;}
#ft_wr ul li{cursor: pointer;display: inline-block;text-align: center;color:#fff;font-size:15px;margin:0 10px;}
#ft_wr ul li:hover{color:#8b3888}
#ft_wr ul li.li:before{content:"";width:3px;height:3px;background:#3d4345;-webkit-border-radius:3px 3px;-moz-border-radius:3px 3px;border-radius:3px 3px;display: inline-block;vertical-align: middle;}
#ft_copy{border:none;padding:0;font-size:14px;color:#828282}
/* footer */

.sub_con{}
.sub_con .navi{padding:10px 0;background:#eee;text-align: right}
.sub_con .navi li{display:inline-block;vertical-align: middle;font-size:15px;margin:0 6px;color:#7b7b7b}

.in_con{padding:50px 0;}
.in_con  img{width:100%;}

.lnb {display:inline-block;vertical-align:top;width:220px;z-index:0;}
.lnb .top{padding:50px;background:url('../img/lnb_bg.png')center / cover no-repeat;}
.lnb .top h2{font-size:20px;color:#fff;text-align: center;}
.lnb .menu {border:1px solid #ddd;border-top:0;}
.lnb .menu li{list-style: none;font-size:16px;padding:15px;border-bottom:1px solid #ddd;cursor: pointer;}
.lnb .menu li:last-child{border-bottom:0;}
.lnb .menu li:hover,
.lnb .menu li.active{background: #4b4b4b;color:#fff;}

.content_wr{display:inline-block;vertical-align:top;min-height:500px;width:calc(100% - 243px);margin-left:20px;padding:0 30px;}

.sub_tit {padding-bottom:50px;}
.sub_tit h2{font-size:30px;}
/* 인사말 */
.greeting .bg{position: absolute;z-index:0;top:0;right:0;width:60%;height:550px;background:url('../img/greeting_bg.png')center / contain no-repeat;}
.greeting .text{z-index:1;position: relative;}
.greeting h2{font-size:28px;margin-bottom:30px;width:65%;}
.greeting h1{font-size:32px;margin-bottom:30px;color:#8b3888;line-height:1;letter-spacing: -1.4px;min-width:100%;}
.greeting p{font-size:16px;line-height:24px;padding-bottom:40px;width:65%;letter-spacing: -1px;word-break: keep-all;}
.greeting p span{color:#8b3888;font-size:18px;}
.greeting .sign_wr{text-align: center;}
.greeting .sign_wr .label{font-size:18px;}
.greeting .sign_wr .sign{font-size:18px;}
.greeting .sign_wr .sign img{width:70px;display: inline-block;vertical-align: middle;margin-left:10px;}
/* 인사말 */

/* 연혁 */
.history_con{position: relative;margin:100px 0;}
.history_wrap{width:100%;position: relative;display: inline-block}
.history_wrap:before{content:"";position: absolute;top:16px;left:50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);width:1px;background:#ddd;height:calc(100% - 16px);display:block;clear:both;}
.history_wrap:after{content:"";display:block;clear:both;}

.history_wrap .gr_1{padding-right:60px;text-align: right;width:50%;position:relative;min-height:120px;}
.history_wrap .gr_1:before{content:"";width:55px;height:2px;background:#ddd;position: absolute;right:0;top:24px;}
.history_wrap .gr_1:after{content:"";width:20px;height:20px;border:5px solid #ddd;border-radius: 50% 50%;right:-10px;top:15px;position: absolute;background: #fff}
.history_wrap .gr_0{padding-left:60px;text-align: left;width:50%;position:relative;min-height:120px;margin-left:50%;}
.history_wrap .gr_0:before{content:"";width:55px;height:2px;background:#ddd;position: absolute;left:0;top:24px;}
.history_wrap .gr_0:after{content:"";width:20px;height:20px;border:5px solid #ddd;border-radius: 50% 50%;left:-10px;top:15px;position: absolute;background: #fff}
.history_wrap .top_right{/*margin-top:160px;*/}
.history_wrap div h4{font-size:30px;color:#8b3888;display: inline-block;vertical-align: middle;}
.history_wrap div img{display:inline-block;margin-left:10px;vertical-align: middle;width:34px;}
.history_wrap .gr_0 img{display:inline-block;margin-right:10px;vertical-align: middle;width:34px;}
.history_wrap ul{padding-top:16px;}
.history_wrap li{font-size:15px;padding-bottom:6px;padding-right:0;}
.history_wrap li strong#left{margin-right:15px;}
.history_wrap li strong#right_mobile{display:none;margin-right:15px;}
.history_wrap li strong#right{margin-left:15px;}
.history_wrap .gr_0 li{padding-right:0;padding-left:0;}
.history_wrap .gr_1 .gr_file{padding-right:20px;width:300px;margin:0;margin-top:20px;}
.history_wrap .gr_0 .gr_file{padding-left:20px;width:300px;margin:0;margin-top:20px;}

.mobile_month {display:none;}
.mobile_cal{display:none;}
/* 연혁 */

/* 오시는길 */
#map{height:500px;width:100%;margin-bottom:30px;
    -webkit-border-radius:10px 10px;
    -moz-border-radius:10px 10px;
    border-radius:10px 10px;}
.map_info {border-bottom:1px solid #ddd;padding-bottom:30px;}
.map_info div{padding:5px 0;}
.map_info div span{display:inline-block;vertical-align: middle;font-size:16px;}
.map_info div span:last-child{padding-left:10px;}
.map_road{padding-top:30px;}
.map_road div{padding:10px 0;}
.map_road div img {display:inline-block;vertical-align: middle;width:80px;}
.map_road div span{display:inline-block;vertical-align: middle;font-size:16px;}
.map_road div span:nth-child(2){font-size:22px;margin-right:10px;margin-left:10px;color:#8b3888;font-weight:bold;}
/* 오시는길 */

/* 임원명단 */
.group_list{}
.group_list .top{padding:30px ;border:3px solid #8b3888;overflow: hidden;position: relative;}
.group_list .top:after{content:"";width:700px;height:400px;position: absolute;right:-150px;top:50%;background:#8b3888;-webkit-transform:translateY(-50%) rotate(-45deg);-moz-transform:translateY(-50%) rotate(-45deg);-ms-transform:translateY(-50%) rotate(-45deg);-o-transform:translateY(-50%) rotate(-45deg);transform:translateY(-50%) rotate(-45deg);opacity: .8}
.group_list .top h1{font-size:22px;color:#000;}
.group_list .top h2{font-size:30px;color: #4b4b4b;}
.group_list .top h2 span{font-size:38px;color:#8b3888;}
.group_list .top div:last-child{position: absolute;right:30px;bottom:30px;z-index:4;}
.group_list .top div:last-child span{font-size:20px;color:#fff;display:inline-block;vertical-align: middle;margin-right:15px;}
.group_list .groups{padding-top:50px;}
.group_list .groups table{width:100%;border-spacing: 0;table-layout: fixed}
.group_list .groups table th{font-size:17px;padding:10px 5px;text-align: center;border-top:2px solid #8b3888;color:#8b3888;border-bottom:1px solid #8b3888}
.group_list .groups table td{font-size:14px;padding:16px 5px;text-align: center;border-bottom:1px solid #dedede;color:#000;}
/* 임원명단 */

/* 스케쥴 */
.ir_table{padding-bottom:0;margin-bottom:0;}
.ir_table .sub_con{font-size:16px;margin-bottom:10px;}
.ir_table table{width:100%;border-spacing: 0;border-top:2px solid #8b3888;table-layout: fixed}
.ir_table table th{font-size:16px;padding:10px 0;border-bottom:1px solid #8b3888;border-right:1px solid #fff;background:#8b3888;color:#fff;}
.ir_table table th:last-child{border-right:none;}
/*.ir_table table th span.sat{color:#00b7c7}
.ir_table table th span.sun{color:red}*/
.ir_table table td{font-size:16px;padding:10px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;vertical-align: top;text-align: left;height:160px;position: relative;background:#fff;cursor: pointer;}
.ir_table table td.active,
.ir_table table td:hover{border:2px solid #8b3888 !important;color:#8b3888 !important;}
.ir_table table td > .ir_meet_btn{display:none;position: absolute;right:10px;top:10px;}
.ir_table table td > .ir_meet_btn input[type=button]{font-size:14px;padding:4px 6px;border:none;background:#8b3888;color:#fff;cursor: pointer}
.ir_table table td.hover:hover > .ir_meet_btn{display:block;}
.ir_table table td:last-child{border-right:none;}
.ir_table table td.prev_mon,
.ir_table table td.next_mon{background-color:rgba(0,0,0,.03);color: #999;}
.ir_table table td#today {color:#faa61a;font-weight:bold;border:2px solid #faa61a;}
.ir_table table td.sat {color:#8b3888}
.ir_table table td.sun {color:red}
.ir_table table td div {width:100%;}
.ir_table table td div > .ttt{font-size:12px;width:100%;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;overflow-x: hidden;}

.ir_table .sub_tit{margin-bottom:0;position:relative;padding-bottom:15px;}
.ir_table .sub_tit select{border:2px solid #ddd;font-size:15px;padding:2px 36px 2px 10px;}
.ir_table .sub_tit ul{float:right;}
.ir_table .sub_tit li{font-size:14px;font-family: 'Noto Sans CJK KR Light',dotum,sans-serif;padding:4px 20px;display:inline-block;cursor: pointer;}
.ir_table .sub_tit li.active,
.ir_table .sub_tit li:hover{color:#8b3888}
.ir_table .write_btns {text-align: center;margin-top:50px;}
.ir_table .write_btns input[type=button] {padding:10px 40px;font-size:16px;color:#fff;border:none;background:#444;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.ir_table .write_btns input[type=button]:hover{background:#8b3888;}

.tab_con {padding-bottom:0;margin-bottom:0;}
.tab_con  .sub_con{font-size:16px;margin-bottom:10px;}
.tab_con  table{width:100%;border-spacing: 0;border-top:2px solid #8b3888;table-layout: fixed}
.tab_con  table th{font-size:11px;padding:3px 0;border-bottom:1px solid #8b3888;border-right:1px solid #fff;background:#8b3888;color:#fff;}
.tab_con  table th:last-child{border-right:none;}
/*.tabl_con table th span.sat{color:#00b7c7}
.tabl_con  table th span.sun{color:red}*/
.tab_con  table td{font-size:12px;padding:5px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;position: relative;background:#fff;cursor: pointer;text-align: left;height:40px;vertical-align: top;}
.tab_con  table td.active,
.tab_con  table td:hover{border:2px solid #8b3888 !important;color:#8b3888 !important;}
.tab_con  table td > .ir_meet_btn{display:none;position: absolute;right:10px;top:10px;}
.tab_con  table td > .ir_meet_btn input[type=button]{font-size:14px;padding:4px 6px;border:none;background:#8b3888;color:#fff;cursor: pointer}
.tab_con  table td.hover:hover > .ir_meet_btn{display:block;}
.tab_con  table td:last-child{border-right:none;}
.tab_con  table td.prev_mon,
.tab_con  table td.next_mon{background-color:rgba(0,0,0,.03);color: #999;}
.tab_con  table td#today {color:#faa61a;font-weight:bold;border:2px solid #faa61a;}
.tab_con  table td.sat {color:#8b3888}
.tab_con  table td.sun {color:red}
.tab_con  table td div {width:100%;}
.tab_con  table td div > .ttt{font-size:12px;width:100%;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;overflow-x: hidden;}

.tab_con  .sub_tit{margin-bottom:0;position:relative;padding-bottom:15px;}
.tab_con  .sub_tit:after{content:"";clear:both;display:block;}
.tab_con  .sub_tit select{border:2px solid #ddd;font-size:15px;padding:2px 36px 2px 10px;width:calc(50% - 4px);float:left;margin-right:8px;}
.tab_con  .sub_tit select:last-child{margin-right:0;}
.tab_con  .write_btns {text-align: center;margin-top:50px;}
.tab_con  .write_btns input[type=button] {padding:10px 40px;font-size:16px;color:#fff;border:none;background:#444;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.tab_con  .write_btns input[type=button]:hover{background:#8b3888;}

.cal_lists h2{padding:10px 0;border-bottom:1px solid #ddd;font-size:14px;}
.cal_lists > div{padding:10px 0;height:120px;overflow-y: auto;}
.cal_lists > div > div.item{width:100%;padding:5px;border:1px solid #ddd;margin-bottom:5px;
    -webkit-border-radius:4px 4px;
    -moz-border-radius:4px 4px;
    border-radius:4px 4px;}
.cal_lists > div > div.item:last-child{margin-bottom:0;}
.cal_lists > div.no-lists {height:auto;}
.cal_lists > div.no-lists p{text-align:center;padding:43px 0;}
/* 스케쥴 */

/* 게시판 */
.board_tit {padding:0 0 20px 0;}
.board_tit h2{font-size:30px;color:#8b3888;}
/* 게시판 */



/* 모달 */
.modal{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:-1111;opacity: 0;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.modal.active{top:0;opacity: 1;z-index:9999}
.modal > div{background:#fff;position: absolute;top:50%;left:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);opacity: 1;width:500px;}
.modal.active > div{}
.modal .modal_tit{padding:10px;background:#8b3888;position: relative;}
.modal .modal_tit h2{font-size:17px;color:#fff;}
.modal .modal_tit .close{position:absolute;top:10px;right:10px;width:24px;height:24px;cursor: pointer;}
.modal .modal_tit .close span{width:27px;height:4px;background:#fff;display:block;position: absolute;top:50%;margin-top:-2px;left:50%;margin-left:-13.5px;}
.modal .modal_tit .close span:first-child{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.modal .modal_tit .close span:last-child{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.modal .modal_con{padding:10px;min-height:100px;position: relative;}
.modal .modal_con#origin_con{padding:0;}
.modal .modal_con .modal_content{font-size:16px;padding:40px 0;text-align: center;}
.modal .modal_con .modal_content#op{text-align: left;padding:0;}
.modal .modal_con .modal_content#op h2{font-size:17px;padding:10px 0;}
.modal .modal_con .modal_content#op img{width:100%;}
.modal .modal_con label{font-size:15px;padding-bottom:5px;display:block;}
.modal .modal_con input[type=text]{border:2px solid #ddd;padding:5px;font-size:16px;width:100%;margin-bottom:10px;}
.modal .modal_con select{border:2px solid #ddd;padding:5px;font-size:16px;width:100%;margin-bottom:10px;}

/*.modal .modal_con#single{display:flex;align-items: center;}*/
.modal .modal_con > div.input_wrap{display:flex;flex-direction: column}
.modal .modal_con > div.input_wrap:after{content:"";clear:both;display:block;}
.modal .modal_con > div.input_wrap > div{display:flex;width:100%;align-items: center;padding:6px 0;align-items: center;}
.modal .modal_con > div.input_wrap > div:after{content:"";clear:both;display:block;}
.modal .modal_con > div.input_wrap label{width:110px;display:inline-block;vertical-align: middle;color:#8b3888}
.modal .modal_con > div.input_wrap div{display:flex;justify-content: space-between;width:100%;}
.modal .modal_con > div.input_wrap input{margin-bottom:0;}
.modal .modal_con > div.input_wrap .tel{width:33.33%;float:left;}
.modal .modal_con > div.input_wrap select.tel{width:33.33%;margin:0;padding:4px;}
.modal .modal_con > div.input_wrap input.tel_hypen{}
.modal .modal_con > div.input_wrap input.email{float:left;width:calc(50% - 15px);}
.modal .modal_con > div.input_wrap input.email_hypen{text-align: center;border:none;width:30px;padding:0;line-height:1;float:left;}
.modal .modal_con .inquiry_info {padding:10px 0 15px 0;text-align: center}
.modal .modal_con .inquiry_info h2{font-size:22px;}
.modal .modal_con .inquiry_info h2 span{color:#8b3888}
.modal .modal_con .inquiry_info h3{font-size:18px;}
.modal .modal_con .inquiry_info p{text-align: left;font-size:16px;}

.modal .modal_btns {display:flex;justify-content: space-between;}
.modal .modal_btns:after {content:"";clear:both;display:block;}
.modal .modal_btns input[type=button]{flex:1 1;padding:15px;text-align: center;color:#8b3888;background: #fff;border:none;border-top:1px solid #8b3888;font-size:17px;cursor: pointer;float:left;}
.modal .modal_btns input[type=button]:first-child{border-right:1px solid #8b3888;}
.modal .modal_btns input[type=button]:nth-child(2){border-right:1px solid #8b3888;} /* 버튼 3개일 경우 */
.modal .modal_btns input[type=button]:nth-child(3){border-right:1px solid #8b3888;} /* 버튼 4개일 경우 */
.modal .modal_btns input[type=button]:last-child{border-right:none;}
.modal .modal_btns input[type=button].single{border-right:none;width:100%;}
.modal .modal_btns input[type=button].dual{width:50%;}
.modal .modal_btns input[type=button].dual:first-child{border-right:1px solid #8b3888;}
.modal .modal_btns input[type=submit]{flex:1 1;padding:15px;text-align: center;color:#8b3888;background: #fff;border:none;border-top:1px solid #8b3888;font-size:17px;cursor: pointer;float:left;}
.modal .modal_btns input[type=submit]:first-child{border-right:1px solid #8b3888;}
.modal .modal_btns input[type=submit]:nth-child(2){border-right:1px solid #8b3888;} /* 버튼 3개일 경우 */
.modal .modal_btns input[type=submit]:nth-child(3){border-right:1px solid #8b3888;} /* 버튼 4개일 경우 */
.modal .modal_btns input[type=submit]:last-child{border-right:none;}
.modal .modal_btns input[type=submit].single{border-right:none;width:100%;}
.modal .modal_btns input[type=submit].dual{width:50%;}
/*#login_modal{width:400px;}*/
.modal #find_pw{width:580px;}
