/*header*/
header, 
header.active{
-o-transition:all 0.3s ease-in-out; 
-moz-transition:all 0.3s ease-in-out; 
-webkit-transition:all 0.3s ease-in-out; 
transition:all 0.3s ease-in-out;
}
header {width:100%; min-width:1260px; height:100px; position:absolute; top:0; left:0; z-index:999;}
header.active, header:hover {background-color:rgba(0,0,0,0.8); position: fixed;}
header > div {width:1260px; margin:0 auto; position:relative;}

header > div:after {content:""; clear:both; display:block; height:0; line-height:0;}
header nav .gnb > li {height:100px; float:left; position:relative;}
header nav .gnb > li > a {height:100px; line-height:100px; display:block; padding:0 28.5px; text-decoration:none; color:#fff; font-size:17px; font-weight:400;}
header nav .gnb > li > a:hover, header nav .gnb > li.on > a {color:#fbc53f; background:url('../images/gnbdot.png') no-repeat center 85px;}
header nav .gnb > li > ul {display:none; position:absolute; top:100px; left:50%; margin-left: -105px; z-index:9999; padding:0 0 15px 0; background-color:rgba(0,0,0,0.8);}
header nav .gnb > li > ul > li > a {width:210px; padding:7px 15px; text-align: center; box-sizing:border-box; font-size:14px; color:#eee; text-decoration:none; font-weight:500; display:block;}
header nav .gnb > li > ul > li > a:hover {color:#fbc53f;}
header nav .gnb > li.mail{float: right;}
header nav .gnb > li.mail.on > a{background: none;}
header nav .gnb > li.mail a{padding: 0; position: absolute; top: 12px;}

/*header h1{width: 141px; height: 25px; line-height: 100%; position: absolute; left: -210px; top: 16px;}*/
header h1{width: 141px; height: 25px; line-height: 100%; /*float: left; */margin-top: 35px;}

/*main visual*/
#visual {width:100%; min-width:1260px; height:695px; overflow:hidden; position:relative;}
#visual .roll {position:relative; width:500%; height:100%;}
#visual .roll > li {overflow:hidden; float:left; width:20%; height:100%;}
#visual .roll .bg1 {background:url('../images/slider/slider01.jpg') no-repeat center;}
#visual .roll .bg2 {background:url('../images/slider/slider02.jpg') no-repeat center;}
#visual .controlBox {width:100%; position:absolute; bottom:70px; left:0; text-align:center; z-index:99;}
#visual .controlBox > p {display:inline-block;}
#visual .controlBox .vtab {}
#visual .controlBox .vtab > a {width:9px; height:9px; display:inline-block; margin:0 6px; border:2px solid #fff;}
#visual .controlBox .vtab a.active {width:34px; border:2px solid #fff !important; background:#fff;}
#visual .controlBox .play {margin-left:10px;}
#visual .controlBox .play > a {width:10px; height:10px; display:inline-block; background:url('../images/main/slider_stop.png') no-repeat;}
#visual .controlBox .play a.go {background:url('../images/main/slider_play.png') no-repeat;}

/*main content*/
.conTitle {font-size:29px; color:#000; font-weight:700; line-height:100%; margin-bottom:20px; letter-spacing: -0.8px; position: relative;}
.conTitle > span {font-weight:300; font-size: 29px;}


#top{width: 1260px; margin: 0 auto; display: table;}
#top > div, #bottom > div{width: 48%; float: left; margin: 40px 0; display: inline-table;}
#top > div.welcome, #bottom > div.sponsors{margin-right: 4%;}
#top .container{width: 604px;}
#top .container div.slide{width: 25% !important; height: 138px;}
#top .container div.slide img{float: left; margin-right: 10px; width: 100px;}
#top .container div.slide .txtWrap{float: left; width: 178px;}

/*online*/
#Date {width:100%; min-width:1260px; height:262px; background:url('../images/main/keydate_bg.jpg') no-repeat center top; clear: both;}
#Date .date {width:1260px; margin:0 auto; overflow:hidden;}
#Date .date .conTitle {margin:33px 0 50px; color: #fff;}
#Date .date > p {width:25%; float:left; border-left:1px solid #fff; box-sizing:border-box; color:#fff; font-size:17px; font-weight:300; padding:20px 0; text-align:center;}
#Date .date > p > strong {font-size:22px; color:#fff; font-weight:700 !important; display:block; line-height:100%; margin-bottom:10px;}
#Date .date > p > span {font-size:18px; color:#fff; display:block; line-height:100%; font-weight:400;}
.bl0{border-left: 0 !important;}

/*bottom*/
#bottom {width:1260px; margin:0 auto; overflow:hidden;}
#bottom > div{margin: 40px 0 50px;}
#bottom .sponsors{margin-top: 10px; width: 100%; margin-right: 0 !important;}
#bottom .sponsors .conTitle a{position: absolute; left: 133px; top: 13px;}
#bottom .sponsors .slick-list{width: 450px;}
#bottom .sponsors h4{font-size: 16px; color: #6a0da4; font-weight: 600; margin-bottom: 12px;}
#bottom .sponsors .slick-list{width: 540px; margin: 0 auto; overflow: hidden;}
#bottom .sponsors .customer-logos, #bottom .sponsors .customer-logos02{position: relative;}
#bottom .sponsors .slick-slide{width: 180px !important;}
/*#bottom .sponsors .wdt155{width: 155px !important; margin-left: 13px;}*/
#bottom .sponsors .slick-slide img{display: block; margin: 0 auto;}
#bottom .sponsors .slick-prev{position: absolute; top: 15px; left: 0; text-indent:-30em; background: url(../images/main/sponsor_left.png) no-repeat; width: 26px; height: 26px;}
#bottom .sponsors .slick-next{position: absolute; top: 15px; right: 0; text-indent:-150em; background: url(../images/main/sponsor_right.png) no-repeat; width: 26px; height: 26px;}
#bottom .sponsors .slick-prev:active, #bottom .sponsors .slick-prev:focus, #bottom .sponsors .slick-next:active, #bottom .sponsors .slick-next:focus{outline: none;}

#bottom .news{margin-right: 4%;}
#bottom .news > div > ul > li {padding:13px 0 13px 15px; border-bottom:1px solid #ddd; background:url('../images/main/dot.png') no-repeat left 20px; position:relative; font-size: 16.5px;}
#bottom .news > div > ul > li > span {color:#b1b1b1; position:absolute; right:13px; font-size: 16.5px;}

#bottom .sp_container{width: 100%;}
#bottom .sp_container a{display: inline-block;} .mt3{margin-top: 3px;}
#bottom .sp_container h4{font-size: 16px; color: #6a0da4; font-weight: 600; margin-bottom: 12px;}
#bottom .sp_container > div{width: 1175px; margin: 0 auto;}

.scroll::-webkit-scrollbar {width: 15px; height: 15px;}
.scroll::-webkit-scrollbar-button:start:decrement{display: block; width: 15px; height: 10px; background: #ddd url('../images/scroll.png') no-repeat top;}
::-webkit-scrollbar-button:end:increment {display: block; width: 15px; height: 10px; background: #ddd url('../images/scroll.png') no-repeat bottom;}
.scroll::-webkit-scrollbar-track {background: #ddd; }
.scroll::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: #f99903;}


/*roll banner*/
#rollBanner {width:100%; height:138px; position:relative;} /* 좌우 버튼이랑 box1Group 을 감싸는 용도로 쓰세용 전체 레이아웃 */
#rollBanner .rollWrap {width:100% !important; overflow:hidden; margin:0 auto;}
#box1Wrap {width:100%; height:138px; position:relative;} /* 좌우 버튼이랑 box1Group 을 감싸는 용도로 쓰세용 전체 레이아웃 */
.rollbtn{float: right;}
.rollbtn > p.prev{right: 33px;}
.rollbtn > p.next{right: 0px;}
.rollbtn > p {width:28px; height:28px; position:absolute; top:0; z-index:9999; cursor:pointer; filter:alpha(opacity=50);} /*버튼의 공통속성*/
.rollbtn > p:hover {opacity:1; filter:alpha(opacity=100);}
#box1Wrap > p.prev {left:0px} /* 이전버튼 */
#box1Wrap > p.next {right:0px;} /* 다음버튼 */
#box1Wrap #box1Group {width:604px; height:138px; position:relative; margin:0;} /* 실질적으로 box1을 감싸는 용도 사이즈 조절하면 배너가 보이는 영역 표시 */
#box1Wrap #box1Group .box1 {width:1900px; position:absolute; top:0px;left:0px; z-index:997;} /*움직이는놈 width값을 배너들의 전체값정도로 해주는게 좋음 box1Group 보다는 크게*/
#box1Wrap #box1Group .box1 div {float:left;} /* 딱히 건들필요 없음 */
.txtWrap > span {background: #fbc53f; color: #fff; padding: 3px 5px; font-size: 14.5px; font-weight: 600; display: inline-block; text-align: left;}
.txtWrap > p.k_name{font-size: 17.5px; letter-spacing: -0.9px; vertical-align: bottom; font-weight: 600; border-bottom: 1px solid #e3e3e3; padding: 0px 0px 10px; text-align: left !important;}
.txtWrap > .speaker_info{position: relative; font-size: 13px; text-align: left !important; line-height: 19px; font-weight: 500; letter-spacing: -0.2px; padding-top: 8px;}
.txtWrap > .speaker_info::after{display: block; position: absolute; top: -4px; left: 0; width: 38px; height: 4px; background-color: #e3e3e3; content: '';}
.txtWrap > .speaker_info span{font-size: 13px; font-weight: 400;}

#rollBanner .slick-prev{position: absolute; top: -46px; right: 45px; text-indent:15em; background: url(../images/main/keynote_left.png) no-repeat; width: 14px; height: 23px;}
#rollBanner .slick-next{position: absolute; top: -46px; right: 0; text-indent:15em; background: url(../images/main/keynote_right.png) no-repeat; width: 14px; height: 23px;}
#rollBanner .slick-prev:active, #rollBanner .slick-prev:focus, #rollBanner .slick-next:active, #rollBanner .slick-next:focus{outline: none;}


/* 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{width: 100% !important; 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;}
[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;}


/*footer*/
#footer {width:100%; min-width:1260px; background: #1d1c1c; color: #fff; box-sizing:border-box; padding: 30px 0}
#footer > div{width:1260px; margin: 0 auto;}
#footer p{text-align: center; font-size: 16px; line-height: 27px;}
#footer strong{font-size: 16px;}
#footer a{color: #fbc53f;}
.footer_logo{border-top: 1px solid #ddd; padding: 10px 0 25px; box-shadow: 0px -2px 13px 0px #dfdfdf; display: inline-block; width: 100%;}
.footer_logo .org_area{width: 1260px; margin: 0 auto;}
.footer_logo p.ft-div{font-size: 15px; float: left; padding: 18px 25px 0 0; display: block; height: 50px;}
.footer_logo ul li{float: left; margin-right: 18px;}



/*quick*/
#quickMenu{position: absolute; top: 20%; right: 70px; z-index: 9999999}
#quickMenu ul li{text-align: center; background: url(../images/quick_bg.png) no-repeat; width: 139px; height: 139px; margin: 10px auto; box-shadow: 0px 0px 12px -5px #3e3e3e; border-radius: 50%;}
#quickMenu ul li.quick_bg02{background: url(../images/quick_bg02.png) no-repeat;}
#quickMenu ul li.quick_bg03{background: url(../images/quick_bg03.png) no-repeat;}
#quickMenu ul li:first-child{margin-top: 0; background: url(../images/quick01.png) no-repeat; width: 62px; height: 62px;}
#quickMenu ul li a{width: 100%; height: 100%; display: block; background: url() !important;}
#quickMenu ul li::after{width: 2px; height: 10px; opacity: 0.5; content: ''; display: block; margin: 0 auto; background: #000; z-index: 9999999;}
#quickMenu ul li:first-child::after, #quickMenu ul li:last-child::after{display: none;}
#quickMenu ul li:nth-child(2) img{margin:32px 0 5px;}
/*#quickMenu ul li:nth-child(2) p{color: #231734;}*/
#quickMenu ul li:nth-child(3) img{margin:32px 0 5px;}
#quickMenu ul li:nth-child(4) img{margin:32px 0 5px;}
#quickMenu ul li:nth-child(5) img{margin:35px 0 10px;}
#quickMenu ul li p{color: #fff; font-size: 15.5px; line-height: 19px; text-align: center; font-weight: 600;}


/*mtop*/
#mTop {width:64px; height:64px; z-index:99999; bottom:40px; right:100px; position:fixed; display:none;}
#mTop > a {opacity:0.7; filter:alpha(opacity=70);}
#mTop > a:hover {opacity:1; filter:alpha(opacity=100);}


#down{width:1260px; margin:0 auto; position:relative;}
/*.download{width:48%; position:absolute; right:0; bottom:50px;}*/
.download a.new_viewbtn{font-size: 22px; color: #fff; display: block; text-align: left; padding: 17px 22px; box-sizing: border-box; background: url(../images/main/download_bg.png) no-repeat center #39139d; letter-spacing:2px; font-weight:700; border-top-right-radius:15px;}
.download a.new_viewbtn>img{margin-left: 10px;}
.sub_news{position: absolute;background-color: #9f8cd0;left: 0;width: 100%; display: block !important;}
.sub_news a{display: block;height: 40px;line-height: 38px; color: #FFF;font-weight: 300;box-sizing: border-box; padding:0 20px; width: 50%; float: left; text-align: center;}
.sub_news a.bB1{border-bottom:1px solid #c8c1d8;}