#header {position:absolute;z-index:200; width:100%; z-index:30}
.header.active{background: #fff; border-bottom: 1px solid #e7e7e7;}
#header div.headerWrap {position:relative; margin:0 auto; padding: 25px 0 10px; z-index:20; width:1200px; text-align: center;}
#header div.headerWrap .f_right{position: absolute; right: 37px; top: 26px; float: none;}
/* depth 1  */
#gnb {position:relative; margin:0 auto; width:100%;text-align: center; height: 90px;}
#gnb > span.bg {display:none;position:absolute;top:0px;z-index:-1;width:100%;height:170px;border-bottom:solid 2px #e7e7e7;background:#fff;}
#gnb > span.bg span {display:block;position:relative;}
#gnb:hover span.bg {display:block;}
#gnb > ul{display: inline-block;  width:1200px;}
#gnb > ul:after {clear:both; display:block;content:"";}
#gnb > ul > li {position:relative; float:left; width:14.28571428571429%;}
#gnb > ul > li:first-child:after{display:none;}
#gnb > ul > li > a {display:block; height:90px; line-height:90px; font-weight:400; font-size:16px; color:#fff; box-sizing:border-box;}
.header.active #gnb > ul > li > a{color: #000;}
#gnb > ul > li > a:hover,
#gnb > ul > li > a:focus,
#gnb > ul > li > a:active,
#gnb > ul > li.hover > a {color:#a62224; text-decoration:none;}
#gnb.open > ul > li:active > ul,
#gnb.open > ul > li:focus > ul,
#gnb.open > ul > li:hover > ul{display:block;}

/* depth 2 */
#gnb > ul > li > ul {display:none;  width:100%; padding-top:1rem; background:#fff; height:360px; border-top:1px solid #e7e7e7; box-sizing:border-box; z-index: 99999999;}
#gnb > ul:hover li ul {display:block;}
#gnb > ul > li:first-child > ul:before{content:"";position: absolute; z-index: -1; left:-1000%;  top: -1px; content: ""; display: block; border-top:1px solid #e7e7e7; box-sizing:border-box; background:#fff; height: 360px; padding-bottom:3px;width: 3000%; box-shadow:10px 10px 10px rgba(0,0,0,0.3); left: -2095%;}
#gnb > ul > li ul:after{position:absolute; top:0; left:0; content:""; display:block; width:1px; height:360px; background:#e7e7e7;}
#gnb > ul > li:first-child ul:after{display:none;}
#gnb > ul > li > ul > li {line-height:24px;}
#gnb > ul > li > ul > li > a {display:block; line-height:30px; font-size: 14px; letter-spacing: -0.6px; text-align:center; color:#000; text-align:center;}
#gnb > ul > li > ul > li > a:hover {color: #a62224; font-weight: 500;}


/*main visual*/
#section01 {height: 864px; position: relative; overflow: visible;}
#section01 .layout {height: 100%; position: relative;}
#section01 .visual {height: 100%; position: absolute; width: 100%;}
#section01 .visual .swiper-slide {background-size: cover; background-repeat: no-repeat; background-position: center center;}
#section01 .visual .swiper-slide.swiper-slide-active img {transform: scale(1.05);}
#section01 .visual .swiper-slide img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; /*transition: 5s;*/}
#section01 .visual-wrap {width: 100%; height: 3px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; position:absolute; bottom:180px; z-index:1;}
#section01 .visual-txt {text-align: center;}
#section01 .visual-controller {display: flex; align-items: center; margin-top: 40px;}
#section01 .visual-controller-page {display: flex; align-items: center; width: auto; margin-right: 25px; position: relative; bottom: auto;}
#section01 .visual-controller-page::before {content: ""; width: 99%; height: 1px; background: rgba(255, 255, 255, 0.3); position: absolute; right: 0;}
#section01 .visual-controller-page .swiper-pagination-bullet {width: 8px; height: 8px; margin-right: 5.6rem; background: #fff; opacity: 1; position: relative;}
#section01 .visual-controller-page .swiper-pagination-bullet.swiper-pagination-bullet-active::before {display: block;}
#section01 .visual-controller-page .swiper-pagination-bullet::before {content: ""; width: 32px; height: 32px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.6); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none;}
#section01 .visual-controller-page .swiper-pagination-bullet:last-of-type {margin-right: 0;}
#section01 .visual-controller-btn {display: flex; align-items: center;}
#section01 .visual-controller-btn button {display: flex; font-size: 20px; border: 0; background-color: #ddd0; color: #fff;}
#section01 .visual-controller-btn button.play {display: none;}

#section01 .quick ul{width: 1200px; margin: 0 auto; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); display: flex; justify-content:space-between; z-index:11;}
#section01 .quick li{width: 23.5% ; position: relative;}
#section01 .quick a{width: 100%; height: 70px; transition: 0.3s; border-radius: 40px 40px 0 0; text-decoration: none; position: absolute; left: 0; bottom: 0; background: #fff; display: flex; justify-content:center; align-items: center;}
#section01 .quick a:hover{height: 85px;}
#section01 .quick a strong{font-size: 20px; color: #000; font-weight: 700 !important; margin-left: 10px; letter-spacing: -0.2px;}


.btnBox{position:relative;}
.sliderbtn{position:relative; z-index:999999; display:flex; flex-wrap:wrap;}
.slider-btn{position:absolute; top:19px; left:44%; transform:translate(-50%, -19px);}
.sliderbtn li{}
.sliderbtn li a{width:275px; height:74px; display:block;}

/*main content*/
#section02{background: #f6f6f6; padding: 30px 0 20px; position: relative; overflow: hidden;}
#section02 > .sec02_img{position: absolute;}
#section02 > .sec02_img.left-top{background: url(../images/main/section2-left-top.png); width: 224px; height: 240px; left: -40px; top: 10px;}
#section02 > .sec02_img.left-bottom{background: url(../images/main/section2-left-bottom.png); width: 439px; height: 138px;left: -13px; bottom: -4px;}
#section02 > .sec02_img.right-top{background: url(../images/main/section2-right-top.png); width: 279px; height: 219px;right: -110px; top: 10px; z-index: 9}
#section02 > .sec02_img.right-bottom{background: url(../images/main/section2-right-bottom.png); width: 371px; height: 367px; right: -40px; bottom: 0;}
#section02 .keyDate{background: #fff; width: 1200px; margin: 0 auto; border-radius: 40px; padding: 40px 0; position: relative; z-index: 999;}
#section02 .keyDate ul{display: flex; text-align: center;}
#section02 .keyDate ul li{padding: 0 15px; width: 20%; position: relative; display: flex; flex-direction: column; justify-content: center;}
#section02 .keyDate ul li::after{content: ''; display: block; background: #e2e2e2; width: 1px; height: 100%; position: absolute; top: 0; left: -1px;}
#section02 .keyDate ul li:first-child::after{display: none;}
#section02 .keyDate ul li strong{display: block; font-size: 23px;}
#section02 .keyDate ul li strong span{font-size: 14.5px;}
#section02 .keyDate ul li > span{font-size: 17px; display: block; letter-spacing: -0.4px; line-height: 1.2;}

#section02 .speakers{width: 1200px; margin: 30px auto 0;}
#section02 .speakers .text-primary{text-align: center; font-size: 30px; font-weight: 700; color: #000; margin-bottom: 0px;}
.slick-prev{background: url(../images/main/keynote_left.png) no-repeat; width: 36px; height: 64px; text-indent: -30em; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); border: 0; overflow: hidden; z-index: 9999999;}
.slick-next{background: url(../images/main/keynote_right.png) no-repeat; width: 36px; height: 64px; text-indent: 30em; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); border: 0; overflow: hidden; z-index: 9999999;}

.keynote_slider > .slick-list{overflow: hidden;}
.keynote_slider > .slick-list .rollWrap{margin-left: 0; width: 100% !important;}
.keynote_slider .slick-initialized .slick-slide{margin-left: 0; margin-top: 13px;}
.keynote_slider .ps_img{float: left; margin-right: 10px;}
.keynote_slider .ps_text{text-align: left; position: absolute; top: 50%; left: 175px; transform: translate(0, -50%);}
.keynote_slider .ps_text .name{display: block; font-size: 20px; font-weight: 800 !important; line-height: 1.8; color: #000;}
.keynote_slider .ps_text .app{display: block; font-weight: 400; font-size: 16px; line-height:16px; color: #000; width: 200px;}
.keynote_slider .container{width: 1200px; position: relative;}
/*.keynote_slider .container .keynote_slider .slick-list.draggable{width: 1100px; margin: 0 0 0 100px;}*/
.keynote_slider .container .keynote_slider .slick-list.draggable{width: 1200px; margin: 0;}


/* Slider */
.slick-slide {margin: 0px;}

.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-slider:active, .slick-slider:focus, .slick-initialized .slick-slide:active, .slick-initialized .slick-slide:focus{outline: none;}

.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track{position: relative; top: 0; left: 0; display: block;}
.slick-track:before, .slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}

.slick-slide{display: none; float: left; height: 100%; min-height: 1px; position: relative;}
[dir='rtl'] .slick-slide{float: right;}

.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}


#section03{width:1200px; margin:0 auto; padding:50px 0 60px; display:flex; gap:55px;}
#section03 .sec1{width: 45%; margin-right: 1%}
#section03 .sec2{width: 54%; position:relative;}

.board-notice .tab_nav{display:flex;justify-content:space-between; margin-bottom:20px}
.board-notice .text-primary{font-size: 30px; font-weight: 700; color: #000; margin: 0;}
.board-notice .list{display:inline-flex;align-items:center;position:relative;top:-3px}
.board-notice .tab-nav_link{display:inline-block;position:relative;margin:0 25px 0 0;padding:6px 25px 0 0;vertical-align:middle;min-height:30px; font-weight:500; font-size:22px;}
.board-notice .tab-nav_link:first-child{margin-left:0}
.board-notice .tab-nav_link:after,.board-notice .tab-nav_link:before{position:absolute;content:"";transition:.6s;top:50%;transform:translateY(-50%);border-radius:50%}
.board-notice .tab-nav_link:before{left:0;width:30px;height:30px;background-color:#a62224;background-image:url("data:image/svg+xml,%3Csvg width='17' height='13' viewBox='0 0 17 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.36661 6.07367L2.19318 5.90663L2.01975 6.07367L0.826569 7.22292L0.639626 7.40299L0.826569 7.58305L5.5993 12.1801L5.77273 12.3471L5.94616 12.1801L16.1734 2.32931L16.3604 2.14925L16.1734 1.96919L14.9802 0.81994L14.8068 0.652894L14.6334 0.81994L5.77273 9.35439L2.36661 6.07367Z' fill='white' stroke='white' stroke-width='0.5'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:7px center;transition:all .3s;opacity:0;visibility:hidden}
.board-notice .tab-nav_link:after{width:5px;height:5px;background:#b5b5b5;transform:translate(2.5px,-50%);right:0}
.board-notice .tab-nav_link:last-child{margin-right: 0; padding-right: 0;}
.board-notice .tab-nav_link:last-child:after{display:none}
.board-notice .tab-nav_link span{display:block;font-style:normal;font-weight:800;font-size:20px;line-height:1.2;letter-spacing:.01em;text-align:center;color:#444;font-family:gmarket;font-weight:400}
.board-notice .tab-nav_link.active,.board-notice .tab-nav_link:first-child.active{padding-left:40px}
.board-notice .tab-nav_link.active span,.board-notice .tab-nav_link:focus span,.board-notice .tab-nav_link:hover span{color:#000;font-weight:700}
.board-notice .tab-nav_link.active:before{opacity:1;visibility:visible}

.newsList{border-top:2px solid #ccc; border-bottom:2px solid #ccc; margin-top:26px;}
.newsList li{padding:20px 10px; font-size:17px; font-weight:400; display:flex; justify-content:space-between; border-bottom: 2px solid #f5f5f5; letter-spacing: -0.3px;}
.newsList li:last-child{border-bottom: 0;}
.newsList li span{color:#777777; font-size:16px;}
.newsList li.bB2{border-bottom:2px solid #f5f5f5;}

.downList{border-top:2px solid #ccc; border-bottom:2px solid #ccc; margin-top:26px; display:flex; flex-wrap:wrap; padding: 0 10px;}
.downList li{padding:20px 0; font-size:20px; width:50%; position:relative; border-bottom: 2px solid #f5f5f5;}
.downList li:last-child{border-bottom: 0;}
.downList li::after{position:absolute; display:block; content:""; width:2px; height:15px; background:#e5e5e5; left:-32px; top:41%;}
.downList li:nth-of-type(odd)::after{display:none;}
.downList li a{position:relative; padding:0 0 0 55px; display:block; font-size:19px; font-weight:400;}
.downList li a::before{display: block; font-size: 0.7272727273em; min-width: 38px; width: 38px; height: 38px; background-color: #f8f2f3;background-size: contain; border-radius: 0.3125em; position:absolute; content:url(../images/main/downIcon.png); box-sizing:border-box; padding:8px; transition:.3s ease; left:0; top: -7px;}
.downList li a:hover{font-weight:400; color:#a62224;}
.downList li a:hover::before{background-color:#a62224; content:url(../images/main/downIconHover.png);}