/* header */
#header {position:relative;z-index:200; width:100%; border-bottom:1px solid #e7e7e7; background:#fff; z-index:30}
#header div.headerWrap {position:relative; margin:0 auto; padding: 25px 0 10px; z-index:20; width:1360px; 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: 50px;}
/*#gnb:before{position: absolute; width:300%; content: ""; display: block; border-top:1px solid #ccc; box-sizing: border-box; left:-100%;}*/
#gnb > span.bg {display:none;position:absolute;top:0px;z-index:-1;width:100%;height:170px;border-bottom:solid 2px #1976d2;background:#fff;}
#gnb > span.bg span {display:block;position:relative;}
#gnb:hover span.bg {display:block;}
#gnb > ul{display: inline-block;  width:1360px;}
#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:50px; line-height:50px; font-weight:500; font-size:16px; color:#000; box-sizing:border-box;}
#gnb > ul > li > a:hover,
#gnb > ul > li > a:focus,
#gnb > ul > li > a:active,
#gnb > ul > li.hover > a {color:#d61b82; 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:333px; 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: 50px; content: ""; display: block; border-top:1px solid #e7e7e7; box-sizing:border-box; background:#fff; height: 359px; padding-bottom:3px;width: 3000%; box-shadow:10px 10px 10px rgba(0,0,0,0.3); left: -2160%; }
#gnb > ul > li ul:after{position:absolute; top:50px; left:0; content:""; display:block; width:1px; height:340px; 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.5px; text-align:center; color:#000; text-align:center;}
#gnb > ul > li > ul > li > a:hover {color: #d61b82;}



/*main content*/
.conTitle {font-size:27px; color:#000; font-weight:700; line-height:100%; margin-bottom:20px; letter-spacing: -1px; position: relative;}
.conTitle a{position: absolute; right: 0; top: 0;}


#content{width: 1360px; margin: 0 auto; display: table;}
#content > div, #content > div{width: 48%; float: left; margin: 40px 0; display: inline-table;}
/*#content > div.welcome, #content > div.sponsors{margin-right: 4%;}*/
#content > div.keynoteW{margin-right: 4%; width: 55%;}
#content > div.keynoteW2{margin-right: 4%; width: 100%;}
#content > div.news{width:41%}
#content .container{width: 736px;}
#content .container2{width: 1360px;}

/*online*/
#Date {width:100%; min-width:1360px; height:262px; background:url('../images/keydate_bg.jpg') no-repeat center top; clear: both;}
#Date .date {width:1649px; margin:0 auto; overflow:hidden;}
#Date .date .conTitle {margin:33px 0 50px; color: #fff;}
#Date .date > p {width:20%; 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; line-height: 20px; position: relative;}
#Date .date > p::after{content: ''; display: block; width: 1px; height: 86px; background: #fff; position: absolute; top: 15px; right: 0;}
#Date .date > p:last-child::after{display: none;}
#Date .date > p > strong {font-size:22px; color:#fff; font-weight:700 !important; display:block; line-height:100%; margin-bottom:10px; text-transform: uppercase;}
#Date .date > p > span {font-size:18px; color:#fff; display:block; line-height:100%; font-weight:400;}
.bl0{border-left: 0 !important;}

/*bottom*/
#content {width:1360px; margin:0 auto; overflow:hidden;}
#content > div{margin: 40px 0 50px;}


/*roll banner*/
.slick-slide { margin: 0px 20px;}
.slick-slide img {/*width: 100%;*/}
.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-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;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.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;}

#rollBanner .customer-logos > .draggable{width: 580px; margin-left: 15px;}

.slick-prev{background: url(../images/sponsor_left.png) no-repeat; width: 26px; height: 26px; text-indent: -30em; position: absolute; left: -19px; top: 10px;}
.slick-next{background: url(../images/sponsor_right.png) no-repeat; width: 26px; height: 26px; text-indent: 30em; position: absolute; right: 21px; top: 10px;}
.keynoteW .slick-prev{background: url(../images/key_left.png) no-repeat; width: 26px; height: 26px; text-indent: 58em; position: absolute; right: 30px; top: -45px; left: auto;}
.keynoteW .slick-next{background: url(../images/key_right.png) no-repeat; width: 26px; height: 26px; text-indent: 58em; position: absolute; right: 0px; top: -45px;}

.keynoteW2 .slick-prev{background: url(../images/key_left.png) no-repeat; width: 26px; height: 26px; text-indent: 58em; position: absolute; right: 30px; top: -45px; left: auto; display:none;}
.keynoteW2 .slick-next{background: url(../images/key_right.png) no-repeat; width: 26px; height: 26px; text-indent: 58em; position: absolute; right: 0px; top: -45px; display:none;}

.keynoteW > .keynote_slider > .slick-list{overflow: inherit;}
.keynoteW > .keynote_slider > .slick-list .rollWrap{margin-left: 0;}
.keynoteW > .keynote_slider .slick-initialized .slick-slide{margin-left: 0;}
.keynoteW .keynote_slider .ps_img{display: inline-block; vertical-align: middle; margin-right: 20px;}
.keynoteW .keynote_slider .ps_text{width: 58%; display: inline-block; vertical-align: middle;}
.keynoteW .keynote_slider .ps_text .name{display: block; font-size: 18px; font-weight: 800 !important;}
.keynoteW .keynote_slider .ps_text span{display: block;}
.keynoteW .keynote_slider .ps_text .app{font-weight: 400; font-size: 13px; padding-bottom: 10px;}
.keynoteW .keynote_slider .ps_text .ps_title{padding-top: 10px; border-top: 1px solid #e3e3e3; position: relative; font-size: 17px; color: #707070; font-weight: 600;}
.keynoteW .keynote_slider .ps_text .ps_title::before{content: ''; position: absolute; background: #e3e3e3; width: 40px; height: 3px; left: 0; top: -3px;}

.keynoteW2 > .keynote_slider2 > .slick-list{overflow:hidden;}
.keynoteW2 > .keynote_slider2 > .slick-list .rollWrap{margin-left: 0;}
.keynoteW2 > .keynote_slider2 .slick-initialized .slick-slide{margin-left: 0;}
.keynote_slider2 .slide{display:flex; align-items:center;}
.keynoteW2 .keynote_slider2 .ps_img{display: inline-block; vertical-align: middle; margin-right: 20px;}
.keynoteW2 .keynote_slider2 .ps_text{width: 58%; display: inline-block; vertical-align: middle;}
.keynoteW2 .keynote_slider2 .ps_text .name{display: block; font-size: 15.7px; font-weight: 800 !important; color:#612b89 !important;}
.keynoteW2 .keynote_slider2 .ps_text span{display: block;}
.keynoteW2 .keynote_slider2 .ps_text .app{font-weight: 400; font-size: 13px; padding-bottom: 10px;}
.keynoteW2 .keynote_slider2 .ps_text .ps_title{padding-top: 10px; border-top: 1px solid #e3e3e3; position: relative; font-size: 17px; color: #707070; font-weight: 600;}
.keynoteW2 .keynote_slider2 .ps_text .ps_title::before{content: ''; position: absolute; background: #e3e3e3; width: 40px; height: 3px; left: 0; top: -3px;}


#content .news > div.tabcontent > ul > li {padding:13px 0 13px 15px; border-bottom:1px solid #ddd; background:url('../images/dot.png') no-repeat left 22px; position:relative; font-size: 16px;}
#content .news > div.tabcontent > ul > li > p{width: 81%; font-size:15px;}
#content .news > div.tabcontent > ul > li > span {color:#b1b1b1; position:absolute; right:13px; bottom: 50%; margin-bottom: -11px; font-size: 13.5px;}
.over{height:158px; overflow:hidden; overflow-y:auto;}
#content .maintab{margin: 0;}
#content .maintab li{position: relative; margin: 0;}
#content .maintab li:first-child::after{content: ''; display: block; width: 1px; height: 25px; background: #b3b3b3; position: absolute; top: 5px; right: 0;}
.connone::after{display:none !important;}
#content .maintab li:first-child a{padding-left: 0;}
#content .maintab li a{background: none; color: #000; padding: 5px 20px; font-size: 27px; letter-spacing: -1px; font-weight: 700; margin-bottom: 0;}
#content .maintab li a.active{color: #d91a84;}
#content .tabcontent a.main_btn{border: 1px solid #ddd; padding: 13px 15px; display: inline-block; width: 266px; margin-right: 10px; text-align: center; position: relative; text-transform: capitalize; overflow: hidden; font-size:15px;}
#content .tabcontent a.main_btn::before{content: ''; background: url(../images/down_right.png) no-repeat; width: 22px; height: 13px; color: #d91a84; font-size: 20px; font-weight: 600; position: absolute; display: flex; align-items: center; justify-content: center; right: 10px; top: 17px; opacity: 0; height: 100%; transition: all 0.2s linear 0s;}
#content .tabcontent a.main_btn:hover {text-indent: -20px;}
#content .tabcontent a.main_btn:hover:before {opacity: 1; text-indent: 0px;}
#content .maintab li a::after{display: none;}


#content .sp_container{width: 100%;}
#content .sp_container a{display: inline-block;} .mt3{margin-top: 3px;}
#content .sp_container h4{font-size: 16px; color: #6a0da4; font-weight: 600; margin-bottom: 12px;}
#content .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;}




/*main visual*/
#visual {width:100%; min-width:1360px; height:816px; overflow:hidden; position:relative; z-index: 1}
#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/01.jpg') no-repeat center;}
#visual .roll .bg2 {background:url('../images/slider/02.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('http://www.imid.or.kr/2021/images/main/slider_stop.png') no-repeat;}
#visual .controlBox .play a.go {background:url('http://www.imid.or.kr/2021/images/main/slider_play.png') no-repeat;}




/*footer*/
#footer {width:100%; min-width:1360px; background: #7a7a7a; color: #fff; box-sizing:border-box; padding: 30px 0}
#footer > div{width:1360px; margin: 0 auto;}
#footer p{text-align: center; font-size: 16px; line-height: 27px;}
#footer strong{font-size: 16px; font-weight: 700 !important;}
#footer a{color: #223788; border-bottom: 1px solid #223788;}
.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: 1360px; 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;}

/*footer_info*/
.footer_info{width:1360px; margin:auto;}
.org_area,.sp_area,.sp2_area{display:flex;}
.org_area ul,.sp_area ul,.sp2_area ul{display:flex; flex-wrap: wrap;}
.sp_area {transform:translateX(50px);}
.sp_area ul li{margin-right:5px;}
.org_area ul li a,.sp_area ul li a{display: block;}
.org_area ul li,.sp_area ul li,.sp2_area ul li{margin-right:3px;}
.org_area ul li:first-of-type,.sp_area ul li:first-of-type{margin-left:25px;}
.sp2_area ul li:first-of-type {margin-left:60px; margin-rigth:18px;}
.footer_info_w{background-color:#f4f4f4; padding:30px 0; box-shadow:0px 0px 10px 0px #d6d6d6;}
.pl60{padding-left: 60px !important;}

/*quick*/
#quickMenu{position: absolute; top: 20%; right: 0; z-index: 9999999}
#quickMenu ul li{text-align: center; width: 138px; height: 140px; margin: 3px auto; background: url(../images/quick-bg.png) no-repeat; padding-top: 18px; transition: 0.3s;}
#quickMenu ul li:hover{background: url(../images/quick-bg-hover.png) no-repeat;}
#quickMenu ul li:first-child{margin-top: 0;}
#quickMenu ul li a{width: 100%; height: 100%; display: block;}
#quickMenu ul li p{color: #fff; font-size: 15.5px; line-height: 19px; text-align: center; letter-spacing: -0.6px;}
.bgt{background:url(../images/quick-bg2.png) no-repeat !important;}
.bgt:hover{background: url(../images/quick-bg-hover.png) no-repeat !important;}


/*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:1360px; 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;}

/*다운로드버튼*/
.download_w{position:absolute; z-index:100; bottom:126px; text-align:center; width:100%;}
.download_w a{color:#fff; background:linear-gradient(45deg, #e926a0, #2105bd); padding:13px 59px 13px 15px; border-radius:50px; font-size:1.1rem; position:relative; border:3px solid #fff;}
.download_w a::after{position:absolute; background:url(../images/camera.png) no-repeat; content:""; width:100px; height:26px; background-size:contain; width:32px; margin-left:8px;}

.download_w .thanksletter{color:#fff; background:linear-gradient(45deg, #3e56fd, #1296ab); padding:13px 59px 13px 15px; border-radius:50px; font-size:1.1rem; position:relative; margin-left:20px;}
.download_w .thanksletter::after{position:absolute; background:url(../images/letter.png) no-repeat; content:""; width:100px; height:26px; background-size:contain; width:32px; margin-left:10px; top:10px;}