#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:245px; 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: 245px; 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:245px; 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.2px; text-align:center; color:#000; text-align:center;}
#gnb > ul > li > ul > li > a:hover {color: #a62224; font-weight: 500;}


/*main visual*/
#section01 {height: 805px; 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 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;}


.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: 110px 0 40px; position: relative; overflow: hidden;}
#section02 .keyDate{width: 1200px; margin: 0 auto; padding: 0 0 50px; 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 .c_bottom{width: 1200px; margin: 0 auto; display: flex; justify-content: space-between;}
#section02 .c_bottom > div{width: 40%;}
#section02 .c_bottom .sec1{margin-right: 2%; display: flex; width: 60%;}
#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; padding: 0 80px 0 30px; display: flex; gap:8px; align-items: center; justify-content: center;}
.keynote_slider .ps_img{ }
.keynote_slider .ps_text{text-align: left;}
.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;}
.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;}


/*0320수정*/
.mainKeyList{display: flex; justify-content: space-between; gap:23px; margin-top: 23px;}
.mainKeyList li{width: 33.333%; display: flex; align-items: center; gap:10px;}
.mainKeyList li>div{width: 187px;}
.mainKeyList li div p.name{font-weight: 700; font-size: 22px; margin-bottom: 10px;}
.mainKeyList li div p.aff{text-align: left; font-size: 14px; line-height: 16px;}

/* 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; width: 588px;}
.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;}


/*download*/
.download_center{display: flex; justify-content: center; padding: 20px 0;}
.download_center > div{display: flex; gap: 7px;}




/* Base Button Style */
.Downbtn {position: relative; display: block; width: 290px; height: 57px; line-height: 38px; margin: 20px auto; padding: 10px; background-color: #f9f9f9; border: 1px solid #ccc; color: #000; text-align: center; text-decoration: none; transition: all 250ms ease-out;}
.Downbtn:before, .Downbtn:after {content: ""; position: absolute; z-index: -2; transition: all 250ms ease-out;}
.Downbtn > div{display: flex; align-items: center; justify-content: center; height: 100%;}
.Downbtn > div > span{font-weight: 600; font-size: 20px; margin-right: 10px;}

.Downbtn2{width: 100%; margin: 4px 0;}

/*키노트자리에 다운로드 css입니다*/
.download_center{display: block; padding: 0;}
.download_center > div{display: block;}
.Downbtn:before, .Downbtn:after {content: ""; position: absolute; z-index: 1; transition: all 250ms ease-out;}
.download_center h3{text-align: center; font-size: 26px; font-weight: 600;}

/* Paper effect – slightly raised off background */
.paper {box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 128, 128, 0.1) inset; border-color: #dedede;}
/* Raised effect – pushes up on hover */
.paper-raise:before {top: 0; left: 0; width: 100%; height: 100%;}
.paper-raise:hover {border: 1px solid #fff;}
.paper-raise:hover:before {box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);}
.paper-raise-flatten {border-color: #fff; box-shadow: none;}
.paper-raise-flatten:before {top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);}
.paper-raise-flatten:hover {border-color: #dedede;}
.paper-raise-flatten:hover:before {box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 128, 128, 0.1) inset;}



/*quick*/
#quickMenu{position: absolute; top: 20%; right: 0; z-index: 9;}
#quickMenu ul li{text-align: center; width: 150px; height: 140px; margin: 3px auto; background: url(../images/main/quick-bg.png) no-repeat; transition: 0.3s;}
#quickMenu ul li:hover{background: url(../images/main/quick-bg-hover.png) no-repeat;}
#quickMenu ul li:first-child{margin-top: 0;}
#quickMenu ul li a{width: 100%; height: 100%; display: flex; justify-content: center; flex-direction: column; align-items:center;}
#quickMenu ul li p{color: #fff; font-size: 15.5px; line-height: 19px; text-align: center; letter-spacing: -0.3px; font-weight: 500;}



/*news*/
.news{position: relative; width: 100%; background: #f6f6f6;}
.news > div{width: 1200px; background: #fff; border-radius: 50px; position: absolute; left: 50%; margin-left: -600px; display: flex; align-items: center; top: -75px; z-index: 99999; height: 150px; padding: 0 55px; gap:24px; overflow: hidden;}
.news .news-banner .ps_text{display: flex; flex-direction: row; align-items: center; justify-content: space-between; height: 50px; width: 705px;}
.news .news-banner .ps_text > p{font-size: 20px; font-weight: 500; width: 538px; text-align: left;}
.news .news-banner .ps_text > span{font-size: 18px; color: #737373;}

.news .slick-slider{width: 822px;}
.news .slick-prev{background: url(../images/main/news_left.png) no-repeat; width: 42px; height: 41px; text-indent: -30em; position: absolute; left: auto; right: 50px; top: 50%; transform: translate(0, -50%); border: 0; overflow: hidden; z-index: 9999999;}
.news .slick-next{background: url(../images/main/news_right.png) no-repeat; width: 42px; height: 41px; text-indent: 30em; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); border: 0; overflow: hidden; z-index: 9999999;}