@charset "utf-8";

#header{min-width:1240px;position:absolute;left:0;top:0;z-index:1000;width:100%;text-align:center;box-shadow:0 0 1px rgba(0,0,0,0.3)}
#header::after{content:"";display:block;position:absolute;left:0;top:115px;width:100%;height:1px;background-color:#eaeaea}
#header .header_inner{position:relative;margin:0 auto;width:1240px;height:115px;overflow:hidden;transition:height .3s}
#header.active .header_inner{height:466px}
#header .logo{position:absolute;left:0;top:30px;line-height:40px}
#header .logo a{display:block}
#header .logo a img{width:85px;height:60px}
#header .utils{position:absolute;right:405px;top:35px;line-height:40px;text-align:center}
#header .utils li{display:inline-block}
#header .utils li a{display:block;position:relative;padding:0 7px;line-height:40px;font-size:15px;font-weight:400;color:#000}
#header .utils li a::after{content:"";display:block;position:absolute;left:-3px;top:40%;width:1px;height:11px;background-color:#cdcdcd}
#header .utils li:first-child a::after{display:none}
#header .utils li:last-child a::after{display:none}
#header .utils li a img{position:absolute;top:-15px;right:-70px;width:20px;height:21px}
#header .lang{position:relative;position:absolute;right:370px;top:35px;line-height:40px;text-align:center}
#header .lang .lang_ko span{padding:0 20px;font-size:15px;font-weight:400;color:#000}
#header .lang .lang_ko span::after{content:'';position:absolute;right:0;top:10px;width:9px;height:9px;border-width:0 2px 2px 0;border-style:solid;border-color:#919191;transform:rotate(45deg)}
#header .lang dl ul{display:none}
#header .lang dd ul{position:absolute;top:40px;right:-50px;width:110px;background:#fff;border:1px solid #bbb;z-index:999;text-align:left}
#header .lang dd ul a{padding:0 0 0 15px;color:#999;font-size:14px}
#header .lang dd ul a span:hover{color:#521dbe;text-decoration:underline}
#header .menu{position:relative}
#header .menu .gnb_left{position:absolute;left:0;top:150px;width:166px;height:234px}
#header .menu .gnb_left a img{width:166px;height:234px}
#header .menu .gnb_right{position:absolute;right:0;top:150px;width:166px;height:234px}
#header .menu .gnb_right a img{width:166px;height:234px}

#gnb{margin-left:-70px}
#gnb > ul > li{display:inline-block;position:relative}
#gnb > ul > li > a{display:block;position:relative;padding:10px 40px;line-height:70px;font-size:18px;font-weight:600;color:#333}
#gnb > ul > li > a > span{display:inline-block;position:relative;padding:10px 0}
#gnb > ul > li > a > span::after{content:"";display:block;position:absolute;left:0;bottom:18px;width:100%;height:3px;background-color:#521dbe;transform:scaleX(0);transition:transform .3s}
#gnb > ul > li:hover > a > span::after{transform:scaleX(1)}
#gnb li ul{position:absolute;left:25px;padding:35px 0;width:100%}
#gnb li:nth-child(5) ul{left:20px;width:150%}
#gnb li ul a{display:block;position:relative;padding:0 35px 0 0;line-height:38px;text-align:left;text-indent:15px;font-size:15px;font-weight:400;color:#333;border-left:1px solid #eaeaea}
#gnb li ul a:hover{color:#521dbe}
#gnb li ul a::before{content:"";display:none;position:absolute;left:-3px;top:17px;width:6px;height:6px;background-color:#521dbe;border-radius:3px}
#gnb li ul a:hover::before{display:block}

.header_dim{position:absolute;top:115px;left:0;z-index:999;width:100%;min-width:1240px;height:0;background-color:#fafafa;transition:height .3s}
#header.active + .header_dim{height:351px}

.category1{position:relative;min-width:1240px;margin-top:115px;padding:39px 0;background:url(../images/img/slider_bg.png) no-repeat bottom center}
.category1::after{content:'';position:absolute;right:205px;top:50px;width:231px;height:232px;background:url(../images/img/bg_visual02.png) center no-repeat}
.category1 .slider_inner{margin:0 auto;width:1240px;height:818px}

.main_slider{position:relative;padding:0 105px;width:1030px;height:818px}
.main_slider .swiper-container{width:100%;height:100%}
.main_slider .swiper-container .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.main_slider .swiper-container .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
.swiper-container-horizontal>.swiper-pagination-bullets{left:200px;bottom:50px}
.main_slider .swiper-pagination .swiper-pagination-bullet{margin:0 1px;width:25px;height:3px;border-radius:0;background:rgba(255,255,255,0.5);opacity:.5}
.main_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;background-color:var(--swiper-theme-color)}
.slider_nav li{display:block;position:absolute;top:50%;z-index:1000;margin-top:-16px;border-bottom:1px solid #000}
.slider_nav li.prev{left:0;padding-left:50px}
.slider_nav li.next{right:0;padding-right:50px}
.slider_nav li a{display:block;line-height:32px;text-transform:uppercase;font-size:17px;font-weight:400;transition:transform .3s}
.slider_nav li.prev:hover a{transform:translateX(-40px)}
.slider_nav li.next:hover a{transform:translateX(40px)}
.main_slider .controller #pause_play{display:block;position:absolute;left:50%;bottom:45px;z-index:1000;margin-left:95px;width:20px;height:20px;overflow:hidden;text-indent:-9999px}
.main_slider .controller #pause_play.pause{background:url(../images/ico/btn_pause.png) no-repeat 0 0}
.main_slider .controller #pause_play.play{background:url(../images/ico/btn_play.png) no-repeat 0 0}

.category2{position:relative;min-width:1240px;margin:92px 0}
.category2 .schedule_box{margin:0 auto;width:1240px}
.category2 .schedule_box .title{margin:50px 0;text-align:center;font-size:25px;font-weight:500}
.category2 .schedule_box .schedule_top{margin:50px 0;height:46px}
.category2 .schedule_box .schedule_top .control{position:relative;float:left;padding:7px;width:970px;border-top:1px solid #d8d7dc;border-bottom:1px solid #d8d7dc}
.category2 .schedule_box .schedule_top .control li{display:inline-block;margin:0 5px}
.category2 .schedule_box .schedule_top .control li button{min-width:28px;height:28px;padding:4px;border:0 none;box-sizing:border-box;color:#404449;font-size:14px;font-weight:500;background-color:transparent}
.category2 .schedule_box .schedule_top .control li.active button{color:#e9067c}
.category2 .schedule_box .schedule_top .control li.active button::after{content:'';position:absolute;left:105px;bottom:10px;width:25px;height:2px;background:#e9067c}
.category2 .schedule_box .schedule_top .control li.default button{border:1px solid #404449;border-radius:50%;font-weight:700}
.category2 .schedule_box .schedule_top .control li img{width:13px;margin:10px 0 0 3px}
.category2 .schedule_box .schedule_top .select{position:relative;float:right}
.category2 .schedule_box .schedule_top .select dl{position:relative;line-height:45px;vertical-align:middle}
.category2 .schedule_box .schedule_top .select dl dt a{display:block;position:relative;padding-left:18px;width:170px;height:44px;vertical-align:middle;text-decoration:none;font-size:16px;color:#000;border:1px solid #d8d7dc}
.category2 .schedule_box .schedule_top .select dl dt a span{display:inline-block;position:absolute;right:15px;top:50%;margin-top:-3px;width:16px;height:8px;background:url(../images/ico/arrow_select.gif) no-repeat -90% center}
.category2 .schedule_box .schedule_top .select dl dt a.active span{transform:rotate(180deg)}
.category2 .schedule_box .schedule_top .select dl dd{display:none;position:absolute;left:0;top:45px;z-index:10;margin:0;padding:0;width:188px;background-color:#fff;border:1px solid #d8d7dc}
.category2 .schedule_box .schedule_top .select dl dd li a{display:block;position:relative;padding-left:20px;line-height:40px;text-decoration:none;font-size:14px;background-color:#fff;color:#777}

.plan_slider .swiper-container{position:relative;width:100%;height:492px}
.plan_slider .swiper-container .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.plan_slider .swiper-container .swiper-slide img{position:absolute;top:0;display:block;width:287px;height:400px;object-fit:cover}
.plan_slider .swiper-container .swiper-slide span.tit{position:absolute;bottom:40px;margin:12px 0;color:#27272a;font-size:17px}
.plan_slider .swiper-container .swiper-slide span{position:absolute;left:0}
.plan_slider .swiper-container .swiper-slide span.date{position:absolute;bottom:15px;margin-bottom:6px;color:#656565;font-size:15px}
.plan_slider .swiper-container .swiper-slide span.director{position:absolute;bottom:0;color:#656565;font-size:13px}
.plan_controller .plan_prev,.plan_controller .plan_next{display:block;position:absolute;top:60%;z-index:1000}
.plan_controller .plan_prev{left:100px}
.plan_controller .plan_next{right:100px}

.category3{padding:76px 0;min-width:1240px;background-color:#fafafa}
.category3 .board_box{margin:0 auto;width:1240px;height:365px}
.category3 .board_box .board_area{float:left;width:875px}
.category3 .board_box .board_area .board_top{height:65px}
.category3 .board_box .board_area .board_top .title{display:block;float:left;font-size:23px;font-weight:700}
.category3 .board_box .board_area .board_top .tabs{float:right}
.category3 .board_box .board_area .board_top .tabs li{display:inline-block}
.category3 .board_box .board_area .board_top .tabs li a{display:block;font-size:17px;font-weight:400;padding:0 13px;border-radius:17px;line-height:34px;color:#5f5f5f}
.category3 .board_box .board_area .board_top .tabs li.active a{background-color:#383838;color:#fff}
.category3 .board_box .board_area .board_list{float:left}
.category3 .board_box .board_area .board_list li{margin-right:6px;margin-bottom:5px;float:left;width:285px;height:146px;padding:16px 21px;box-sizing:border-box;font-size:16px;border:1px solid #d1d1d1}
.category3 .board_box .board_area .board_list li:nth-child(3n+1){margin-left:0}
.category3 .board_box .board_area .board_list li span.category{display:block}
.category3 .board_box .board_area .board_list li a{display:block}
.category3 .board_box .board_area .board_list li a span.category img{vertical-align:middle}
.category3 .board_box .board_area .board_list li a span.category span{display:inline-block;vertical-align:middle;color:#000;font-size:14px;border:1px solid #565656;padding:0 13px}
.category3 .board_box .board_area .board_list li a span.title{display:block;font-size:15px;margin:15px 0}
.category3 .board_box .board_area .board_list li a span.title img{vertical-align:middle}
.category3 .board_box .board_area .board_list li a span.date span{float:left;font-size:14px;color:#787878}
.category3 .board_box .board_area .board_list li a span.date img{float:right}
.category3 .board_box .arimy_area{width:295px;float:right}
.category3 .board_box .arimy_area .title{float:left;font-size:23px;font-weight:700}
.category3 .board_box .arimy_area .gallery a{display:block}
.category3 .board_box .arimy_area .gallery a img{display:block;margin-top:65px;width:295px;height:301px}
.category3 .banner_list{margin:0 auto;margin-top:90px;width:1240px;height:176px}
.category3 .banner_list li{float:left;margin-left:20px;overflow:hidden}
.category3 .banner_list li:first-child{margin-left:0}
.category3 .banner_list a{display:block}
.category3 .banner_list a img{width:400px;height:176px;transition-duration:.5s}
.category3 .banner_list a img:hover{transition-duration:.5s;transform:scale(1.1)}

.category4{position:relative;padding:85px 0;min-width:1240px;overflow:hidden}
.category4::after{content:'';position:absolute;left:49%;top:160px;width:369px;height:505px;margin-left:-969px;background:url(../images/img/bg_info01.png) no-repeat right center}
.category4 .info_box{margin:0 auto;width:1240px;height:748px}
.category4 .info_box::after{content:'';position:absolute;right:-5%;bottom:9%;width:50%;height:490px;background:url(../images/img/bg_info02.png) no-repeat 538px center}
.category4 .info_box .info_top{height:114px}
.category4 .info_box .info_top .title{display:block;float:left;font-size:25px;font-weight:500;padding:.19px 0 57px;line-height:1}
.category4 .info_box .info_top .tabs{float:right}
.category4 .info_box .info_top .tabs li{display:inline-block}
.category4 .info_box .info_top .tabs li a{display:block;font-size:17px;font-weight:300;padding:0 13px;border-radius:17px;line-height:34px;color:#5f5f5f}
.category4 .info_box .info_top .tabs li.active a{font-weight:400;background-color:#521dbe;color:#fff}

.info_slider{position:relative;margin-bottom:34px}
.info_slider .swiper-container{width:100%;height:100%}
.info_slider .swiper-container .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.info_slider .swiper-container .swiper-slide img{display:block;width:1200px;height:600px;object-fit:cover}
.info_controller .info_prev,.info_controller .info_more,.info_controller .info_next{display:block;position:absolute;top:70%;z-index:1000}
.info_controller .info_prev{left:820px}
.info_controller .info_more{left:885px}
.info_controller .info_next{right:245px}

.category5{padding:70px 0 50px;min-width:1240px;background-color:#f2f2f2}
.category5 .story_inner{margin:0 auto;width:1240px;height:416px}
.category5 .title{margin-bottom:35px;font-size:23px;font-weight:700;color:#000;text-align:center}
.category5 .list{margin-bottom:47px;text-align:center}
.category5 .list li{display:inline-block;margin-left:35px}
.category5 .list li:first-child{margin-left:0}
.category5 .list li a{display:inline-block}
.category5 .list li img{vertical-align:middle}
.category5 .list li span{display:inline-block;padding:0 10px;vertical-align:middle;font-size:14px;font-weight:300;color:#555}
.category5 .feed{margin:0 auto;width:1240px;height:275px}
.category5 .feed .feed_list{float:left;height:275px}
.category5 .feed .Youtube{float:right;overflow:hidden}
.category5 .feed .Youtube a img{width:409px;height:240px;transition-duration:.5s}
.category5 .feed .Youtube a img:hover{transition-duration:.5s;transform:scale(1.1)}

.feed_slider{position:relative;width:780px;height:275px}
.feed_slider .swiper-container{width:100%;height:250px}
.feed_slider .swiper-container .swiper-slide{text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.feed_slider .swiper-container .swiper-slide img{display:block;width:250px;height:250px;object-fit:cover}
.feed_controller .feed_prev,.feed_controller .feed_next{display:block;position:absolute;top:98%;z-index:1000}
.feed_controller .feed_prev{left:270px}
.feed_controller .feed_next{right:270px}
.feed_controller li{display:inline-block}
.feed_controller li span{position:absolute;left:-60px;top:0;font-size:13px;font-weight:400;color:#8c8c8c}
.feed_controller li span.pr{position:absolute;left:50px}
.feed_controller li span.ne{position:absolute}
.feed_controller li span::after{content:"";display:block;position:absolute;left:-40px;top:3px;width:1px;height:10px;background-color:#c8c8c8}
.feed_controller li:first-child span::after{display:none}

#footer{min-width:1240px;height:666px;background-color:#2d2d2d}
#footer .ft_top{margin:0 auto;padding:70px 0;width:1240px;height:213px}
#footer .ft_top > ul > li{display:inline-block;width:171px;vertical-align:top}
#footer .ft_top > ul > li > a{display:block;padding:4px 0;font-size:20px;font-weight:700;color:#fff}
#footer .ft_top li ul a{display:block;padding:8px 0;font-size:16px;font-weight:200;color:#c0c0cf}
#footer .ft_center{padding:16px 0;min-width:1240px;padding:16px 0;background-color:#202020;border-top:1px solid #363636}
#footer .ft_center .ft_inner{margin:0 auto;width:1240px;height:44px}
#footer .ft_center .ft_utils{float:left;margin-top:5px}
#footer .ft_center .ft_utils li{display:inline-block}
#footer .ft_center .ft_utils li a{display:block;position:relative;padding:9px;line-height:20px;font-size:15px;color:#d9d9d9}
#footer .ft_center .ft_utils li a::after{content:"";display:block;position:absolute;left:-3px;top:13px;width:2px;height:11px;background-color:#b6b6b6}
#footer .ft_center .ft_utils li:first-child a::after{display:none}
#footer .ft_center .ft_right{float:right}
#footer .ft_center .ft_right .sns_icons{float:left;margin:4px 10px 0 0}
#footer .ft_center .ft_right .sns_icons a{display:inline-block;width:39px;height:39px;line-height:39px;text-align:center;background-color:#521dbe;color:#fff;border-radius:25px;transition:background-color .3s}
#footer .ft_center .ft_right .sns_icons a:hover,#footer .ft_center .ft_right .sns_icons a:focus{background-color:#ec5f1a}
#footer .ft_center .ft_right .family_site{position:relative;float:right;width:214px}
#footer .ft_center .ft_right .family_site a.ative{display:block;line-height:45px;height:44px;font-size:14px;font-weight:200;text-indent:16px;color:#d9d9d9;background:#444}
#footer .ft_center .ft_right .family_site a i.fas.fa-caret-down{position:absolute;right:7%;top:20%;font-size:24px;color:#f90}
#footer .ft_bottom{margin:0 auto;width:1240px;height:119px;padding:58px 0}
#footer .ft_bottom .ft_logo{float:left;margin-top:20px}
#footer .ft_bottom .ft_logo a img{display:block;height:81px}
#footer .ft_bottom .address{float:left;padding:13px;margin-left:60px;line-height:20px;font-size:14px;font-weight:300;color:#999}
#footer .ft_bottom .address span{font-weight:400}
#footer .ft_bottom .simbol{float:right}
#footer .ft_bottom .simbol li{display:inline-block;margin:0 0 0 20px}
#footer .ft_bottom .simbol span{display:block;padding-top:5px;text-align:center;font-size:12px;color:#d9d9d9}