@charset "utf-8";

@import url('/font/font_pretendard.css');
@import url('/font/font_Vitro_core.css');
/*  font-family: 'Vitro_core' / font-family:'Pretendard';*/

*{font-family:'Pretendard';}
.seochun{font-family:'Vitro_core';}
.sky{color:#00b5e2}
.gunsu-name .gunsu-ir{width: 70px;height: 41px; background-position:-11px -425px; display:inline-block;background-image: url(/images/gunsu/main/g-name.png) !important;background-position: 50%;}
.sign .gunsu-ir{width:66px;height:28px; background-position: -10px -534px; display:inline-block}

#tm .gnb-title {width: 280px;}

/* mvisual */
#mvisual{height:626px;}
#mvisual .mv-slide,#mvisual .mv-item,#mvisual .mv-box,#mvisual .text-content{display:block;height:100%}

#mvisual .mv-slide{}
#mvisual .mv-item{ position:relative;background-color:#fafafa; background-image: url('/images/gunsu/main/2022/mv_obj.png'); background-position: left bottom; background-repeat: no-repeat; width:100%;}
#mvisual .mv-item:after{content:'';display:inline-block;position:absolute; width:697px; height:457px; background: url('/images/gunsu/main/2022/mv_obj2.png?ver=20221205') no-repeat center center; position: absolute; right:0;bottom: 0;}

#mvisual .mv-box{max-width:1280px; margin:0 auto; position: relative; z-index: 2;}
#mvisual .text-content{padding:130px 0 0 59px; position: relative;z-index: 1;}
#mvisual .text-content .title{font-size: 40px; color:#000; line-height: 1.3;}
#mvisual .text-content .sub-title{font-size: 23px; color:#000;font-weight: bold;margin-top: 37px; margin-bottom: 28px;}
#mvisual .text-content .sub-title span{display:inline-block;position: relative;}
#mvisual .text-content .sub-title .gunsu-name{padding-right: 0;}
#mvisual .text-content .sub-title .gunsu-name .gunsu-ir{/* position:absolute; *//* top:-5px; *//* right: 7px; */background: none !important;font-size: 26px;width: auto;height: auto;/* margin: 0 3px; */}
#mvisual .text-content .dsc{font-size: 18px; color:#666666}
#mvisual .text-content .sign{font-size: 16px;color:#222222; position:relative; display:inline-block; color:#222;padding-right: 74px; margin-top: 22px; font-weight: bold;}
#mvisual .text-content .sign .gunsu-ir{position:absolute; top:-1px; right:0}

#mvisual .mv-box .gunsu{width:510px;height: 531px; background: url('/images/gunsu/main/2022/gunsu.png') no-repeat center center; position:absolute; right:44px; bottom: 0; z-index: 0;}


/* slide-common */
.slide{position:relative}

/* control */
.slide .control{display:inline-flex; width:100%; justify-content: flex-end; align-items: center;}
.slide .control .total{display:inline-block;display:inline-block;height:40px;line-height: 40px;}
.slide .control .total span{font-size: 15px;}
.slide .control .total .current{font-weight: bold; color:#025297; font-size: 18px;}
.slide .control .paging{order:5; margin-left: 20px;}

/* dot */
.slide .control .number{ display: block; position:absolute; bottom: 0; left:50%; transform: translateX(-50%); }
.slide .control .slick-dots { display: inline-block; margin:0}
.slide .control .slick-dots li { display: inline-flex; height: 40px; margin: 0 5px; align-items: center;justify-content: center;}
.slide .control .slick-dots li button { display: inline-block; width: 15px; height: 15px; font-size: 0; background: #ddd; vertical-align: middle; border:1px solid #ddd; border-radius: 50%;}
.slide .control .slick-dots li.slick-active button { background: #025297;border:1px solid #025297}

/* button */
.slide .control button.button {width: 40px;height: 40px;font-size: 0;vertical-align: top;position: relative;display: inline-block;z-index: 3;position: relative;border: 0 solid #000;background: none;}
.slide .control button[data-control="play"] { display: none; }
.slide .control button[data-control]:before,
.slide .control button[data-control]:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.slide .control button[data-control="prev"]:before,
.slide .control button[data-control="next"]:before { width: calc(100%/2.5); height: calc(100%/2.5); border-width: 2px; border-style: solid; border-color: #333; transform: rotate(45deg); }
.slide .control button[data-control="prev"]:before { right: -5px; border-width: 0 0 3px 3px; }
.slide .control button[data-control="next"]:before { right: 5px; border-width: 3px 3px 0 0; }
.slide .control button[data-control="prev"]:before,
.slide .control button[data-control="next"]:before { width: 11px; height: 11px; border-color: #000; }
.slide .control button[data-control="play"]:before { right: -3px; border-width: 6px 0 6px 8px; border-color: transparent transparent transparent #000; border-style: solid; width: 0; height: 0; }
.slide .control button[data-control="stop"]:before { width: 3px; height: 9px; box-shadow: -3px 0 #000, 3px 0 #000; }



/* section-commom */
.seciton-wrap{width:100%;}
.section-inner{width:100%; padding:73px 30px 10px 30px; max-width:1280px; margin:0 auto }
.section-inner:after{content:''; display:block;clear:both}
.section{background-color: #fff;overflow: hidden;}
.section-title{font-size:35px; display:block;margin-bottom: 26px; }
.section-title span,.section-title .img-txt{display:inline-block;}
.section-title span{position:relative;}
.section-title .img-txt{position:absolute;right:0;}

.section .box-wrap{display:flex}
.section .box{display:inline-block; position: relative; border-radius: 15px; box-shadow: 0 5px 18px -1px rgba(0,0,0,0.15);z-index: 2;}
.section .box .title{font-size: 28px; color:#fff;position: relative; z-index: 1;}
.section .box .box-title{font-size: 26px;color:#fff; line-height: 1.2;}
.section .box .s-title{font-size: 18px;color:#fff; }
.section .box .dsc{font-size:17px;color:#fff;line-height: 1.3;}
.section .box .box-title,.section .box .s-title,.section .box .dsc{display:block;word-break: keep-all;}
/* btn */
.section .box .btn{font-size: 18px;width: 49%;height:40px;display: inline-block;text-align: center;position: relative;transition: 0.3s;}
/* black &white */
.section .box .btn.black-color{background-color:#2d3639; color:#fff}
.section .box .btn.white-color{background-color:#ffffff; color:#222}
.section .box .btn.black-color:hover,.section .box .btn.black-color:focus,.section .box .btn.black-color:active{background-color:#00827e;}
.section .box .btn.white-color:hover,.section .box .btn.white-color:focus,.section .box .btn.white-color:active{background-color:#385178; color:#fff}
.section .box .btn.blue-color{position: relative;width:100%;max-width: 100%;background-color: #4C6285;color: #fff;height: 56px;line-height: 56px;padding-right: 12px;}
.section .box .btn.blue-color:after{content:'';display:block;width: 16px;height: 15px;background:url(/images/gunsu/main/arrrow.png) no-repeat;position: absolute;right: 52px;top: 50%;transform: translateY(-50%);}
.section .box .btn.blue-color:hover,.section .box .btn.blue-color:focus{background-color: #1E3C6C;}
/* arrow-btn */
.section .box .btn.arrow-btn{background-color:#4c6285; color:#fff; border-radius: 25px;  }
.section .box .btn.arrow-btn .arrow{display:inline-block; width:5px;height:5px; border-width:0 1px 1px 0;border-color:#fff; border-style: solid; position:absolute; transform: rotate(-45deg); right:22.5px; top:50%;margin-top: -2.5px;}
.section .box .btn.arrow-btn:hover,.section .box .btn.arrow-btn:focus,.section .box .btn.arrow-btn:active{background-color: #fff; color:#385178; font-weight: bold;}
.section .box .btn.arrow-btn:hover .arrow,.section .box .btn.arrow-btn:focus .arrow,.section .box .btn.arrow-btn:active .arrow{border-color:#385178;}
/* no-line-btn */
.section .box .btn.no-line-btn{position:relative; color:#fff; font-size: 18px;}
.section .box .btn.no-line-btn .s-arrow {width:12px;height: 12px;background-position:-142px -344px; display:inline-block; margin-left:6px}
/* circle-btn */
.section .box .btn.circle-btn{width:40px;height:40px;border:2px solid #fff; border-radius: 50%; justify-content: center;}
.section .box .btn.circle-btn:before{content: ''; display:inline-block;width: 16px;height: 16px;background: url('/images/gunsu/main/2022/gunsu_ir.png') no-repeat -78px -341px;}
/* more-btn */
.section .box .btn.more{ border:0; width:35px;height:35px; background-color: rgba(255,255,255,0.1);}
.section .box .btn.more:before{width:14px;height:14px;background-position:-185px -276px}


/* section1 */
.section1{margin:  50px 0;padding:  10px 0 ;}
.section1 .section-inner{padding-top: 0px;}
.section1 .section-title span{padding-right: 154px; margin-right: 11px;}
.section1 .section-title .img-txt{background-position:-226px -258px; width:138px;height:46px; top:4px}
.section1 .box .btn{ justify-content: center;}
/* left-box */
.section1 .left-box{width:601px; height: 390px;overflow: hidden;}
.section1 .left-box .title{height:84px;line-height: 84px;display:block; background-color:#00827e;/*background-image: url('/images/gunsu/main/2022/s_logo.png'); background-repeat: no-repeat; background-position: left center;*/ padding-left: 48px; border-radius: 10px 10px 0 0 ;}
.section1 .left-box .content-text{display: block;height: calc(100% - 84px);width: 100%;padding: 24px 0 0 30px;max-width: 294px;}
.section1 .left-box .dsc{color:#222;line-height: 1.7;color:#222;margin-bottom: 14px;}
.section1 .left-box .gunsu{position:absolute; bottom:-8px; right:0px; background: url('/images/gunsu/main/2022/gunsu_4_2023.png'); width:294px;height:381px;z-index: 1;}
.section1 .left-box .btn{margin-bottom: 13px;box-shadow: 0 0px 10px -2px  rgba(0,0,0,0.15);font-weight: bold;border-radius: 25px;line-height: 40px;}
.section1 .left-box .btn.black-color{}
.section1 .left-box .btn.white-color{margin-right: 0;}

/* right-box */
.section1 .right-box{width:100%;max-width:calc(100% - 641px);margin-left: 30px; box-shadow: none;}
.section1 .right-box:after{content:''; display:block; clear:both}
.section1 .right-box .box-in{display:inline-block; width:100%;height:178px; }
.section1 .right-box .box-inner{padding:24px 10px 0 10px; text-align: center; width:100%; height:100%;display:block;border-radius: 15px; box-shadow: 0 5px 18px -1px rgba(0,0,0,0.15);}

.section1 .right-box .link,.section1 .right-box .sns{width:calc(50% - 15px);  }
.section1 .right-box .link .box-title,.section1 .right-box .sns .box-title{font-size: 22px;}
.section1 .right-box .link .dsc,.section1 .right-box .sns .dsc{font-size: 15px}
.section1 .right-box .link{float:left}
.section1 .right-box .link .box-inner{background-color: #0f3b7f;}
.section1 .right-box .link .dsc{margin: 17px 0 31px;}
.section1 .right-box .link .btn.arrow-btn{max-width:163px;height:35px; font-size: 15px;}


.section1 .right-box .sns{float:right}
.section1 .right-box .sns .dsc{margin-top: 8px;}
.section1 .right-box .sns .box-inner{background-color: #d29000;}
.section1 .right-box .sns-list{display:flex;justify-content: center; align-items: center; margin-top: 21px;}
.section1 .right-box .sns-list:after{content:'';display:block; clear:both}
.section1 .right-box .sns-list li{width:35px;height:35px;margin-right: 23px;}
.section1 .right-box .sns-list li:last-child{margin-right: 0;}
.section1 .right-box .sns-list li a{display:block; width:100%;height:100%; background-color: rgba(255,255,255,0.2); border:1px solid transparent; border-radius: 50%; padding-right: 0;}
.section1 .right-box .sns-list li .facebook{background-position:-265px -135px}
.section1 .right-box .sns-list li .youtube{background-position: -413px -135px}
.section1 .right-box .sns-list li .blog{background-position:-455px -134px;}
.section1 .right-box .sns-list li .twitter{background-position: -317px -133px;}
.section1 .right-box .sns-list li .insta{background-position: -369px -135px;}
.section1 .right-box .sns-list li a:hover,.section1 .right-box .sns-list li a:focus,.section1 .right-box .sns-list li a:active{background-color:#29ac5a; border:1px solid rgba(255,255,255,0.2)}

.section1 .right-box .calendar{border: 2px solid #0F3B7F;height:182px;margin-top: 30px;padding:29px 27px 24px;padding-left: 172px;position: relative;border-radius: 15px;}
.section1 .right-box .calendar .slide,.section1 .right-box .calendar .slick-slider,
.section1 .right-box .calendar .slick-slider .slick-list,.section1 .right-box .calendar .slick-slider .slick-track,
.section1 .right-box .calendar .slick-slide > div{height:100%}
.section1 .right-box .cal-title{display:inline-block;position: absolute;top: 28px;left: 35px;}
.section1 .right-box .calendar .slide{}
.section1 .right-box .calendar .board-more{position: absolute;left: 103px;bottom: 29px;}
.section1 .right-box .calendar .board-more a{background: transparent;}
.section1 .right-box .calendar .board-more a{display:block; width: 12px; height: 12px; position: relative; padding: 0;}
.section1 .right-box .calendar .board-more a span{position:absolute; top:0;left:0;display:block; width: 100%; height: 100%; transition: 0.6s;}
.section1 .right-box .calendar .board-more a span:before,.section1 .right-box .calendar .board-more a span:after{content:''; display:block; position: absolute; background-color: #747474;}
.section1 .right-box .calendar .board-more a span:before{width:100%;height:2px;top:50%;left: 1px;}
.section1 .right-box .calendar .board-more a span:after{width: 2px;height: 100%;top: 1px; left:50%}
.section1 .right-box .calendar .board-more a:hover{}
.section1 .right-box .calendar .board-more a:hover span{transform:rotate(90deg)}
.section1 .right-box .calendar02 .board-more a:hover span:before,.section1 .right-box .calendar02 .board-more a:hover span:after{background-color:#00827e; }
.section1 .right-box .calendar .board-more a:hover span:before,.section1 .right-box .calendar .board-more a:hover span:after{background-color:#0F3B7F; }

.section1 .right-box .calendar .obj{white-space: nowrap;width: calc(100% + 28px);margin: 0 -14px;}
.section1 .right-box .calendar .slick-slide > div{padding:0 14px}

.section1 .right-box .calendar .control{position:absolute;bottom: 5px; left: -140px; width: auto}
.section1 .right-box .calendar .control button.button{width:21px; height: 10px;}
.section1 .right-box .calendar .control button[data-control="prev"]{border-right:2px solid #dddddd}
.section1 .right-box .calendar .control button[data-control="next"]{margin-right: 2px;}
.section1 .right-box .calendar .control button[data-control="prev"]:before{border-width: 0 0 2px 2px;}
.section1 .right-box .calendar .control button[data-control="next"]:before{border-width: 2px 2px 0 0;}
.section1 .right-box .calendar .control button[data-control="prev"]:before, .section1 .right-box .calendar .control button[data-control="next"]:before{border-color:#5f5f5f;width: 6px; height: 6px; }
.section1 .right-box .calendar .control button[data-control="prev"]:before,.section1 .right-box .calendar .control button[data-control="next"]:before{right:0}
.section1 .right-box .calendar .control button[data-control="play"]:before{border-color:transparent transparent transparent #5f5f5f}
.section1 .right-box .calendar .control button[data-control="stop"]:before{box-shadow:-3px 0 #5f5f5f, 3px 0 #5f5f5f;height:10px}

.section1 .right-box .calendar02{border: 2px solid #00827E;height:182px;/* margin-top: 30px; */padding:29px 27px 24px;padding-left: 172px;position: relative;border-radius: 15px;}
.section1 .right-box .calendar02 .slide,.section1 .right-box .calendar02 .slick-slider,
.section1 .right-box .calendar02 .slick-slider .slick-list,.section1 .right-box .calendar02 .slick-slider .slick-track,
.section1 .right-box .calendar02 .slick-slide > div{height:100%}
.section1 .right-box .cal-title{display:inline-block;position: absolute;top: 28px;left: 35px;}
.section1 .right-box .calendar02 .slide{}
.section1 .right-box .calendar02 .board-more{position: absolute;left: 103px;bottom: 29px;}
.section1 .right-box .calendar02 .board-more a{background: transparent;}
.section1 .right-box .calendar02 .board-more a{display:block; width: 12px; height: 12px; position: relative; padding: 0;}
.section1 .right-box .calendar02 .board-more a span{position:absolute; top:0;left:0;display:block; width: 100%; height: 100%; transition: 0.6s;}
.section1 .right-box .calendar02 .board-more a span:before,.section1 .right-box .calendar02 .board-more a span:after{content:''; display:block; position: absolute; background-color: #747474;}
.section1 .right-box .calendar02 .board-more a span:before{width:100%;height:2px;top:50%;left: 1px;}
.section1 .right-box .calendar02 .board-more a span:after{width: 2px;height: 100%;top: 1px; left:50%}
.section1 .right-box .calendar02 .board-more a:hover{}
.section1 .right-box .calendar02 .board-more a:hover span{transform:rotate(90deg)}
.section1 .right-box .calendar02 .board-more a:hover span:before,.section1 .right-box .calendar02 .board-more a:hover span:after{background-color:#00827e; }
.section1 .right-box .calendar02 .obj{white-space: nowrap;width: calc(100% + 28px);margin: 0 -14px;}
.section1 .right-box .calendar02 .slick-slide > div{padding:0 14px}
.section1 .right-box .calendar02 .board-more a:hover span:before,.section1 .right-box .calendar .board-more a:hover span:after{background-color:#00827e; }

.section1 .right-box .calendar02 .control{position:absolute;bottom: 5px; left: -140px; width: auto}
.section1 .right-box .calendar02 .control button.button{width:21px; height: 10px;}
.section1 .right-box .calendar02 .control button[data-control="prev"]{border-right:2px solid #dddddd}
.section1 .right-box .calendar02 .control button[data-control="next"]{margin-right: 2px;}
.section1 .right-box .calendar02 .control button[data-control="prev"]:before{border-width: 0 0 2px 2px;}
.section1 .right-box .calendar02 .control button[data-control="next"]:before{border-width: 2px 2px 0 0;}
.section1 .right-box .calendar02 .control button[data-control="prev"]:before, .section1 .right-box .calendar02 .control button[data-control="next"]:before{border-color:#5f5f5f;width: 6px; height: 6px; }
.section1 .right-box .calendar02 .control button[data-control="prev"]:before,.section1 .right-box .calendar02 .control button[data-control="next"]:before{right:0}
.section1 .right-box .calendar02 .control button[data-control="play"]:before{border-color:transparent transparent transparent #5f5f5f}
.section1 .right-box .calendar02 .control button[data-control="stop"]:before{box-shadow:-3px 0 #5f5f5f, 3px 0 #5f5f5f;height:10px}

.section1 .right-box .calendar02 .cal-title strong{display:block; color: #007F7B; font-size: 19px;font-weight: 700; margin-bottom:7px; }
.section1 .right-box .calendar .cal-title strong{display:block; color: #0F3B7F; font-size: 19px;font-weight: 700; margin-bottom:7px; }


.section1 .right-box .cal-title .cal-dsc{line-height: 1.4;font-size: 13px;color:#666666;display:block}
.section1 .right-box .cal-item{position:relative;height:100%;float:none;display:inline-block;max-width: 158px;width: 158px !important;}
.section1 .right-box .cal-item .link{display:block; width:100%;height:100%;padding: 0; float:none}
.section1 .right-box .cal-item .link[target="_blank"]{background: transparent;}
.section1 .right-box .cal-category{display:block;height: 100px;margin-bottom: 8px;
    box-shadow: 0 5px 8px -1px rgba(0,0,0,0.15);}
.section1 .right-box .cal-category .thum-in{width:100%;height:100%;position: relative;overflow: hidden;}
.section1 .right-box .cal-category .thum-in img{display:block; height:100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: none;max-height: none;width: 100%;height: auto;} 

.section1 .right-box .cal-text{}
.section1 .right-box .cal-row{line-height: 1; color:#333333;font-size: 13px;width:100%; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}


.section1 .right-box .cal-date,.section1 .right-box .cal-time{font-size: 16px; font-weight: bold; display:inline-block;position:relative; }
.section1 .right-box .cal-date{color:#333333;padding-right:10px;margin-right:10px}
.section1 .right-box .cal-date:after{position:absolute;display:block;content:''; background-color: #dddddd; border-radius: 50%; top:12px;right:-1.5px; width:3px;height:3px}
.section1 .right-box .cal-time{color:#999999}

.section1 .right-box .cal-img{position:absolute;right:57px; top:35px; display:block;width: 106px;height: 104px;border-radius: 15px;box-shadow: 0 5px 18px -1px rgba(0,0,0,0.15); text-align: center;}
.section1 .right-box .cal-img:before{content:'';display:inline-block;width: 106px;height: 115px;background: url('/images/gunsu/main/2022/calendar.png') no-repeat center top;position: absolute;top: -11px;left:0;z-index: 1;border-radius: 0 0 10px 10px;}
.section1 .right-box .cal-img span{position:relative;z-index: 2; display:block}
.section1 .right-box .cal-img .month{font-size: 18px;color:#fff; font-weight: normal;}
.section1 .right-box .cal-img .date-num{ font-size: 38px; font-family: 'Vitro_core';margin-top:4px}



/* section2 */
.section2{margin:  50px 0 ;padding:  10px 0 ;}
.section2 .section-inner{padding-top:0px ;}
.section2 .section-title span{padding-right: 123px;margin-right: 17px;}
.section2 .section-title .img-txt{background-position:-387px -258px; width:104px; height:46px;top:1px}

.section2 .box-wrap{width:100%}
.section2 .box{width:100%; margin-right:30px; max-width:290px; height:389px; padding:42px 37px 42px 39px; overflow: hidden;}
.section2 .box .box-title{position: relative;}
.section2 .box .s-title{font-weight: bold; display:block;margin: 36px 0 13px;}
.section2 .box .dsc{font-size: 16px; line-height: 1.6;}
.section2 .box .btn.circle-btn{position:absolute; left:50%;transform:translateX(-50%); bottom:37px}

/* left-box */
.section2 .left-box{max-width:600px; background: #8455ff; padding:54px 57px}
.section2 .left-box:before,.section2 .left-box:after{content:''; display:block;position: absolute;}
.section2 .left-box:before{ width:431px;height: 283px; background: url('/images/gunsu/main/2022/obj.png') no-repeat center center; background-size: 100%;  right:0;bottom: 0;}
.section2 .left-box:after{ background:url('/images/gunsu/main/2022/obj_1920.png') no-repeat -4px center; width:350px;height:391px;left:0;top:0;z-index: -1; }


.section2 .left-box .title{line-height:1.3; display:block}
.section2 .left-box .title .red{font-weight: bold;font-family: 'Vitro_core'}
.section2 .left-box .btn.no-line-btn{position:absolute; left:57px; bottom:62px; font-size: 18px;color:#fff;}

/* center-box  & right-box*/
.section2 .center-box .box-title:before,.section2 .right-box .box-title:before{content:''; display:block; background-image: url('/images/gunsu/main/2022/gunsu_ir.png'); background-repeat: no-repeat; width:42px;height:42px; position:absolute; right:0; top:0}

/* center-box */
.section2 .center-box{background: url('/images/gunsu/main/2022/s_bg2.jpg') no-repeat center center;}
.section2 .center-box .box-title:before{background-position: -228px -507px;}

/* right-box */
.section2 .right-box{background: url('/images/gunsu/main/2022/s_bg3.jpg') no-repeat center center; margin-right: 0;}
.section2 .right-box .box-title:before{background-position:-297px -507px;}


/* section3 */
.section3{background-color: #f8f8f8; min-height: 785px;}
.section3:after{content:''; display:block;position:absolute; background: url('/images/gunsu/main/2022/bg_logo.png') no-repeat center center; width: 494px; height: 440px; right:0; bottom:55px}
.section3 .section-inner{padding-top:98px;}
.section3 .section-title span{padding-right: 228px;}
.section3 .section-title .img-txt{background-position: -507px -260px; width:208px;height:50px;top:3px}

.section3 .box{height:425px;}
/* left-box */
.section3 .left-box{width:394px;margin-right:6px; background:#00827e; padding:38px 33px 50px 50px; overflow: hidden;}
.section3 .left-box:before,.section3 .left-box:after{content:'';content:'';display:block;  position:absolute;}
.section3 .left-box:before{width:297px; height:308px; background: url('/images/gunsu/main/2022/gunsu_3.png') no-repeat center top; bottom:0;right:0; border-radius: 0 0 15px 0;}
.section3 .left-box:after{ background:url('/images/gunsu/main/2022/s_bg4.png') no-repeat right bottom; width:100%;height:100%;left:0;bottom:0; z-index: -1;}
.section3 .left-box .s-title{margin:33px 0 4px; font-weight: bold;}
.section3 .left-box .dsc{line-height: 1.5;}
.section3 .left-box .btn.more{position: absolute; top:45px; right:33px}
/* right-box */
.section3 .right-box{width:calc(100% - 400px); box-shadow: none;padding:0 0 0 22px; height:445px;overflow: visible;}
/* slide */
.section3 .slide{}
.section3 .slide .obj{margin: 0 -15px}

.section3 .slide,.section3 .slick-slider,.section3 .slick-slider .slick-list,.section3 .slick-slider .slick-track,.section3 .slick-slide > div,.section3 .slide .item_link{height:100%;}

.section3 .slick-slide > div{padding:0 15px 20px}
.section3 .slide .item{height:425px;}
.section3 .slide .item_link{display:block;height:100%;box-shadow: 0 0 18px -1px rgb(0,0,0,0.15); border-radius: 10px; overflow: hidden; background-color: #fff;}
.section3 .slide .card_thum{height:259px}
.section3 .slide .thum_box{position:relative; width:100%;height:100%}
.section3 .slide .thum_box img{position:absolute; top:50%;left:50%; transform: translate(-50%,-50%); max-width:none; width:100%;height:100%}
.section3 .slide .card_body{height:calc(100% - 259px); padding:26px 31px; position: relative;}
.section3 .slide .card_body .tit{font-size: 18px; color:#222222;display: -webkit-box;
    -webkit-line-clamp: 2;-webkit-box-orient: vertical; text-overflow: ellipsis;
    overflow: hidden; height:59px
}
.section3 .slide .card_body .date{position: absolute; right:29px; bottom: 22px; color:#666666; font-size: 16px; display:inline-flex;align-items: center;}
.section3 .slide .card_body .date > i{display:inline-block;width:12px;height:12px;background-position:-3px -213px;margin-right: 8px;}

/* conttrol */
.section3 .slide .control button.button{position:absolute; width:45px; height: 45px;background-color: #fff; border-radius: 50%; border:1px solid #e1e1e1}
.section3 .slide .control button[data-control="prev"]:before, .section3 .slide .control button[data-control="next"]:before{width:7px;height:7px}
.section3 .slide .control button[data-control="prev"],.section3 .slide .control button[data-control="next"]{top:50%;margin-top: -37.5px;}
.section3 .slide .control button[data-control="prev"]{left:-22.5px}
.section3 .slide .control button[data-control="next"]{right:-22.5px}
.section3 .slide .control button[data-control="play"], .section3 .slide .control button[data-control="stop"]{top:-70px}


/* 반응형 */
@media screen and (max-width:1230px) {


    /* mvsual */
    #mvisual .mv-item:after{/*background:url('/images/gunsu/main/2022/mv_obj_1024.png') no-repeat center center;*/ max-width:637px;width: 100%;height: 414px; background-size: 100%;}
    #mvisual .mv-box .gunsu{right: 8px;}
    #mvisual .text-content .title{font-size: 34px;}
    #mvisual .text-content .sub-title{font-size: 22px;}
    #mvisual .text-content .dsc{font-size: 16px;}


    /* seciton-common */
    /* .section-inner{padding-left:60px;padding-right: 60px;} */

    /* section1 */
    .section1 .section-inner{padding-top: 124px;}
    .section1 .section-title span{padding-right: 152px;}
    .section1 .box-wrap{display:block}
    .section1 .left-box,.section1 .right-box{max-width:100%;width:100%}
    .section1 .left-box{height:311px}
    .section1 .left-box .gunsu{background-size:250px;background-repeat:no-repeat;width: 250px;height: 292px;bottom: 0;}
    .section1 .left-box .content-text{max-width: 410px;padding-top: 20px;width: 100%;/* max-width: 300px; */}
    .section1 .left-box .btn{width: 24%;}
    .section1 .right-box{margin-top: 20px; margin-left: 0;}
    .section1 .right-box .link, .section1 .right-box .sns{width:calc(50% - 10px)}
    .section1 .right-box .calendar .slick-slide > div{padding:0 11px}
    .section1 .right-box .calendar02 .slick-slide > div{padding:0 11px}
    /* section2  */
    
    .section2 .section-inner{padding-bottom: 133px; padding-top: 139px;}
    .section2 .box .s-title{margin-bottom: 10px;}
    .section2 .box-wrap{display:block;}
    .section2 .box{max-width:calc(50% - 10px); background-size: cover;}
    .section2 .left-box{max-width:100%;margin-right: 0; margin-bottom: 14px; padding-left: 40px;}
    .section2 .left-box .btn.no-line-btn{left:40px}

    .section2 .center-box{float:left;margin-right:10px; background-image: url('/images/gunsu/main/2022/s_bg2_1024.jpg');}
    .section2 .right-box{float:right;background-image: url('/images/gunsu/main/2022/s_bg3_1024.jpg'); }
    .section2 .right-box .dsc br{display:none}
}

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

    .section3:after{display: none;}
    .section3 .section-inner{padding-bottom: 62px;}
    .section3 .box-wrap{display:block}
    .section3 .left-box,.section3 .right-box{width:100%;}
    .section3 .left-box{ margin-right: 0; height: 231px;margin-bottom: 20px; background-position: 104% -150px; overflow: visible; }
    .section3 .left-box:before{right: 92px; border-radius: 0; height:300px}
    .section3 .left-box:after{background:url('/images/gunsu/main/2022/s_bg4_1024.png') no-repeat right bottom;width:100%; height:232px;border-radius: 15px;}

    .section3 .left-box .dsc br{display:none}
    .section3 .left-box .btn.more{right:auto; left:208px; top:44px}
    .section3 .right-box{padding:0}
    .section3 .slide .control button[data-control="play"], .section3 .slide .control button[data-control="stop"]{right:5px}


}


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

    #mvisual{height:522px}
    #mvisual .text-content{padding: 77px 0 0 30px;}

    #mvisual .mv-box .gunsu{right: 0px; background-position: center 40px;}

    .section-title{font-size: 34px;}

    .section .section-inner{max-width:860px}

    .section1 .right-box .calendar{padding-left:175px}
    .section1 .right-box .calendar .obj{width:calc(100% + 24px); margin: 0 -12px;}
    .section1 .right-box .calendar .slick-slide > div{padding:0 15px}

    .section1 .right-box .calendar02{padding-left:175px}
    .section1 .right-box .calendar02 .obj{width:calc(100% + 24px); margin: 0 -12px;}
    .section1 .right-box .calendar02 .slick-slide > div{padding:0 15px}

    .section2 .section-inner{padding-top:130px;}
    .section3 .section-inner{padding-top: 108px;}
    .section3 .left-box{margin-bottom: 10px;}
    .section3 .right-box{height: 455px;}
    .section3 .slide .obj{margin:0 -10px; padding:0 4px}
    .section3 .slick-slide > div{padding:15px 10px}
    .section3 .slide .item_link{box-shadow: 0 0 12px -1px rgb(0,0,0,0.15);}

    .section3 .slide .control button.button{width: 43px;height: 43px;}
    .section3 .slide .control button[data-control="prev"]{left:-14.5px}
    .section3 .slide .control button[data-control="next"]{right:-14.5px}
    .section3 .slide .control button[data-control="play"], .section3 .slide .control button[data-control="stop"]{top:-58px;}


}

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

    #mvisual .text-content .sub-title{font-size: 18px;}
    #mvisual .text-content .sub-title span:first-child{display:block}
    #mvisual .mv-box .gunsu{width:402px;height:390px; background-size: 100%; background-position: center center;}

    .section-inner{padding-left: 20px; padding-right: 20px;}
    .section-title{margin-bottom: 11px;}
    .section1 .section-inner{padding-top: 98px;}
    .section1 .right-box .calendar{margin-top: 20px;}
    .section1 .right-box .calendar02{margin-top: 20px;}
}

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

    #mvisual{height:482px}
    #mvisual .mv-item{background-image:url('/images/gunsu/main/2022/mv_obj_768.png')}
    #mvisual .text-content{padding-left: 59px;}
    #mvisual .text-content .title{font-size: 32px;}
    #mvisual .text-content .title > span{display:block; font-size: 47px; font-family: 'Vitro_core'; line-height: 1.2;margin-bottom: 3px;}
    #mvisual .text-content .dsc,#mvisual .text-content .sign{display:none}
    #mvisual .text-content .sub-title{margin-top: 28px;}
    #mvisual .text-content .sub-title .gunsu-name .gunsu-ir{top:0}

}

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

    #mvisual .mv-item:after{max-width:512px;height: 322px;}

    /* section-title */
    .section-title{font-size: 28px;}
    .section-inner{padding-left: 30px;padding-right: 30px;}
    .section1 .section-title span{padding-right: 126px; margin-right: 8px;}
    .section1 .section-title .img-txt{width: 118px;height: 40px; background-position:-228px -350px;}
    .section2 .section-title span{padding-right:97px; margin-right: 7px;}
    .section2 .section-title .img-txt{width: 89px;height: 40px; background-position: -387px -347px;}
    .section3 .section-title span{padding-right: 174px;}
    .section3 .section-title .img-txt{width: 169px;height: 40px; background-position: -507px -350px;}

    /* section1 */
    .section1 .left-box .title{padding-left: 42px;}
    
    .section1 .right-box .link, .section1 .right-box .sns{width:calc(50% - 10px)}
    .section1 .right-box .calendar{}
    .section1 .right-box .cal-img{right:48px}

    /* section2 */
    .section2 .section-inner{padding-bottom: 83px; padding-top: 112px;}
    .section2 .section-title{margin-bottom: 15px;}

    /* section3 */
    .section3 .section-inner{padding-top: 81px;}
    .section3 .section-title{margin-bottom: 18px;}
    .section3 .left-box{margin-bottom: 29px; padding-left: 39px;}
    .section3 .left-box:before{right:45px; height: 293px;}
    .section3 .left-box:after{background-position: -73px bottom;}
    .section3 .slide .control button[data-control="play"], .section3 .slide .control button[data-control="stop"]{top:-78px}
}

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

    #mvisual{height: 422px;}
    #mvisual .mv-box .gunsu{width:346px; height:330px}
    #mvisual .text-content{padding-left: 35px;padding-right: 189px;}
    #mvisual .text-content .title{font-size: 22px;}
    #mvisual .text-content .title > span{font-size: 37px;}


    .section1 .left-box .gunsu{background-size: 100%; width:220px;height:226px}
/*    .section1 .left-box .btn{margin-right: 15px;}*/

}

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

    #mvisual .text-content .sub-title{display:none}
    #mvisual .text-content .sign{display:inline-block}


    .section-title{ text-align: center;}
    /* section1 */
    .section1 .section-inner{padding-top: 59px;}
    .section1 .left-box{height:auto;min-height: 311px;}
    .section1 .left-box .content-text{padding-top: 26px;padding-bottom: 19px;min-height: 260px;max-width: 317px;}
    .section1 .left-box .dsc{margin-bottom: 18px; line-height: 1.4;}
    .section1 .left-box .btn{/* display:flex; */margin-right: 0;margin-bottom: 11px;width: 49%;}
/*    .section1 .left-box .btn.white-color{margin-bottom: 0;}*/

    /* section2 */
    .section2 .section-inner{padding-top: 55px;}
    .section2 .section-title{max-width:350px; margin:0 auto; line-height: 1.2; margin-bottom: 17px;}
    .section2 .box{max-width:100%;height:262px}

    .section2 .left-box:before{width:321px;height:213px}
    .section2 .left-box:after{background-size: 100%; width: 249px; height: 283px;}
    .section2 .center-box{margin-right:0;margin-bottom: 20px;}
    .section2 .right-box .dsc br{display:none}
    .section2 .center-box,.section2 .right-box{padding:29px 37px 29px 39px}
    .section2 .box .btn.circle-btn{bottom: 32px;}

    /* section3 */
    .section3 .section-inner{padding-top: 58px; padding-bottom:31px;}
    .section3 .left-box{padding-left: 40px;}
    .section3 .left-box:before{background-size: 100%; width:210px; height:218px; }
    .section3 .left-box:after{background-position: right 26px;}

}


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

    .section1 .right-box .calendar{padding-right: 44px;}
    .section1 .right-box .calendar02{padding-right: 44px;}
    .section1 .right-box .cal-img{display:none}
    .section2 .left-box:before{background-size: 100%; width:330px;height:217px}
    .section3 .left-box .dsc br{display:block}
    .section3 .left-box{margin-bottom: 5px;}
    .section3 .slide .control button[data-control="play"], .section3 .slide .control button[data-control="stop"]{top:-53px}

}

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

    .section-inner{padding-left: 20px; padding-right: 20px;}
    .section3 .right-box{height:475px}
    .section3 .slide .item{height: 455px;}
    .section3 .slide .card_thum{height: 279px;}
    .section3 .slide .card_body{height:calc(100% - 279px) ;}

}

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


    #mvisual{height: 271px;}
    #mvisual .mv-item:after{max-width:300px;height: 234px; background-position: center bottom;}
    #mvisual .mv-box .gunsu{width: 250px; height: 271px; background-position: center 33px; }
    #mvisual .text-content{padding: 36px 0 0 20px;}
    #mvisual .text-content .title > span{font-size: 30px; margin-bottom: 2px;}
    #mvisual .text-content .title > span:first-of-type{margin-top: 6px;}

    /* .section1 .left-box .content-text{padding:18px 0 19px 20px} */
    .section1 .left-box .dsc{max-width:211px;letter-spacing: 1px;margin-bottom: 14px;}
    .section1 .left-box .gunsu{height:260px;z-index: -1;}
    .section1 .left-box .btn{margin-bottom: 11px;}
    /* .section1 .left-box .gunsu{width: 120px;height: 143px;background-size: 122px;} */


}

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

    .section2 .left-box:before{width: 240px; height: 157px;}
    .section3 .left-box{overflow: hidden; margin-bottom: 0;}
    .section3 .left-box:before{right:0}


}

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

    .section .box .dsc{font-size: 15px;}
    .section1 .left-box .dsc{/* font-size: 15px;*/ max-width:181px}
    .section1 .right-box .link, .section1 .right-box .sns{width:100%}
    .section1 .right-box .link{margin-bottom: 20px;}
    /*상단여백 39px로 맞추기 */
    .section1 .section-inner{padding-top: 59px;}
    .section3 .section-inner{padding-top: 58px;}

}

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

    /* 360사이즈로 */
    #mvisual .mv-box .gunsu{ background-position: 45px 33px;}
    #mvisual .text-content .title{font-size: 20px;}
    #mvisual .text-content .title > span{font-size: 26px; margin-bottom: 2px;}
    #mvisual .text-content .sign{font-size: 13px;padding-right:59px; margin-top: 18px;}
    #mvisual .text-content .sign .gunsu-ir{background-position: -127px -535px; width:50px;height: 20px;}

    .section-title{font-size: 20px; margin-bottom: 23px; }
    .section .box .title{font-size: 22px;}
    .section .box .dsc{font-size: 15px;}

    /* section1 */
    .section1 .section-inner{padding-top: 42px;}
    .section1 .section-title span{padding-right: 94px; margin-right: 6px;}
    .section1 .section-title .img-txt{width: 85px;height: 30px; background-position:-229px -423px; top:1px}

    .section1 .left-box{overflow: hidden;}
    .section1 .left-box .content-text{min-height: auto;padding:18px 0px 21px 20px;max-width: 257px;}
    .section1 .left-box .title{height:64px;line-height: 67px;}
    .section1 .left-box .dsc{line-height: 1.3; /*margin-bottom: 19px*/}
    .section1 .left-box .btn{ font-size: 16px; }
    .section1 .left-box .gunsu{right:0; background-position:33px top; background-repeat: no-repeat; height: 230px;}

    .section1 .right-box{margin-top: 8px;}
    .section1 .right-box .link{margin-bottom: 14px;}

    .section1 .right-box .calendar{padding:28px 20px 10px; height:auto;margin-top: 14px;}
    .section1 .right-box .calendar .slide{padding-top: 35px; overflow: hidden;}
    .section1 .right-box .cal-title{font-size: 22px; top:24px;left:26px}
    .section1 .right-box .cal-title .cal-dsc{display:none}
    .section1 .right-box .cal-category{margin-bottom: 11px;}
    .section1 .right-box .calendar .control{left:auto;right:-7px; bottom: auto; top:1px;right:15px}
    .section1 .right-box .calendar .control button.button{width:24px}
    .section1 .right-box .calendar .control button[data-control="stop"]:before{top:1px}
    .section1 .right-box .calendar .board-more{left:auto;bottom:auto;right:10px; right: 19px; top: 27px;}

    .section1 .right-box .calendar02{padding:28px 20px 10px; height:auto;margin-top: 14px;}
    .section1 .right-box .calendar02 .slide{padding-top: 35px; overflow: hidden;}
    .section1 .right-box .calendar02 .control{left:auto;right:-7px; bottom: auto; top:1px;right:15px}
    .section1 .right-box .calendar02 .control button.button{width:24px}
    .section1 .right-box .calendar02 .control button[data-control="stop"]:before{top:1px}
    .section1 .right-box .calendar02 .board-more{left:auto;bottom:auto;right:10px; right: 19px; top: 27px;}
       
    .section1 .right-box .cal-date, .section1 .right-box .cal-time,.section1 .right-box .cal-row{font-size: 14px;}


    /* section2 */
    .section2 .section-inner{padding-bottom: 72px;}
    .section2 .section-title{max-width:250px; margin-bottom: 21px;}
    .section2 .section-title span{padding-right:70px; margin-right: 7px;}
    .section2 .section-title .img-txt{width: 62px;height: 30px; background-position: -387px -423px;}

    .section2 .box{padding:29px 26px;}
    .section2 .left-box{height:157px;margin-bottom: 13px;}
    .section2 .left-box:before{background-image:url('/images/gunsu/main/2022/obj_360.png'); width: 206px;height: 126px;}
    .section2 .left-box:after{background-image:url('/images/gunsu/main/2022/obj_5_360.png'); width: 141px;height: 157px;}
    .section2 .left-box .btn.no-line-btn{left:26px; bottom:22px}

    .section2 .center-box .box-title:before{width:29px; height:32px;background-position:-232px -578px;}
    .section2 .right-box .box-title:before{width: 29px;height: 29px;background-position: -302px -577px}
    .section2 .center-box .box-title:before, .section2 .right-box .box-title:before{right:3px}


    /* section3 */
    .section3 .section-inner{padding-top: 32px;}
    .section3 .section-title{margin-bottom: 22px;}
    .section3 .section-title span{padding-right: 127px;}
    .section3 .section-title .img-txt{width: 121px;height: 30px; background-position: -507px -424px; top:1px}
    .section3 .slide .item{height:445px}


}

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

    /* section1 */
    .section1 .left-box{min-height: auto;height: 333px;}
    .section1 .left-box .title{height:64px;padding-left: 20px; background-position: -8px -8px;}
    .section1 .left-box .gunsu{width: 123px;height: 145px;}
    .section1 .left-box .dsc{letter-spacing: -1px;}
    .section1 .left-box .btn{margin-bottom: 13px;max-width:121px;font-size: 15px;height:30px;line-height: 30px;/* padding-top: 2px; *//* float:left; */}
    .section .box .btn.blue-color{height:40px; line-height:40px;}

    .section1 .right-box{margin-top: 8px;}
    .section1 .right-box .link{margin-bottom: 14px;}
    .section1 .right-box .calendar{margin-top: 14px;}
    .section1 .right-box .calendar02{margin-top: 14px;}


    /* section2 */
    .section2 .left-box:before{background-position: 20px center;}
    .section2 .left-box .btn.no-line-btn{font-size: 15px;}

    /* section3 */
    .section3 .left-box{height:215px;padding:25px 26px}
    .section3 .left-box:before{background-position: 20px top;height:205px}
    .section3 .left-box:after{height:215px; background: url('/images/gunsu/main/2022/s_bg4_360.png') no-repeat right top}
    .section3 .left-box .s-title{margin-top: 18px;}
    .section3 .left-box .btn.more{width:25px;height:25px; top:30px;left:145px}
    .section3 .left-box .btn.more::before{background-position: -186px -342px; }

    .section3 .right-box{height: 394px;}
    .section3 .slide .item{height: 364px;}
    .section3 .slide .card_thum{height: 229px;}
    .section3 .slide .card_body{height: calc(100% - 229px); padding:22px 26px}
    .section3 .slide .card_body .tit{font-size: 15px;height: 52px;}
    .section3 .slide .card_body .date > i{margin-right: 4px;}


}

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

    .section1 .right-box .cal-item{max-width:100%;}
    .section1 .right-box .cal-category{height:158px}
    .section1 .right-box .cal-row{display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; line-height: 1.5;}

}




#foot_layout{margin-top:0}