/* header */
#header {position:relative;z-index:200; width:100%; background:#fff; z-index:30}
#header_wrap {position:relative; margin:0 auto; z-index:20; width:1260px; text-align: center;}
#header_wrap a{display:block;}
.imid_logo{padding:30px 0;}

.hd_line{background:#af1e23; height:8px; width:100%;}
.f_right{position:absolute; top:0; right:0; display:flex; gap:6px;}
.f_right a{background:#af1e23; display:block; border-radius:0 0 16px 16px; width:43px; height:29px;}

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

/*quick*/
#quickMenu{position: absolute; top: 11%; right: 9px; z-index: 9999999; background:#fff; border:1px solid #000;}
#quickMenu ul li{text-align: center; width: 130px; height: 124px;}
#quickMenu ul li:first-of-type{height:100px;}
#quickMenu ul li a{}

#quickMenu ul li:first-child{margin-top: 0;}
#quickMenu ul li a{width: 100%; height: 100%; display: block;}
#quickMenu ul li p{color: #000; font-size: 14.5px; line-height: 19px; text-align: center; letter-spacing: -0.6px;}
#quickMenu ul li a img{padding-top:28px;}





/* depth 1  */
.gnbM{position:relative; margin:0 auto; width:1260px;text-align: center; height: 50px; display:flex;}
.gnbM>li{width:calc(100%/7);}
.gnbM>li>a{font-size:15px; letter-spacing:-0.6px; position:relative;}
#gnb > ul > li>a::before{position:absolute; width:5px; height:5px; border-radius:50px; background:#af1e23; content:""; left:0; opacity:0; transition:.3s ease;}
#gnb > ul > li:hover >a::before{position:absolute; width:5px; height:5px; border-radius:50px; background:#af1e23; content:""; left:-8px; opacity:100%;}

/* depth 2 */
#gnb > ul > li > ul {width:152%; background:#fff; box-sizing:border-box; z-index: 99999999; transform:translate(-50px,28px); border:1px solid #ccc; transition:.3s; display:none; border-top:none;}
#gnb > ul > li:hover ul{display:block;}
#gnb > ul > li> a{transition:all 0.3s ease-in-out;}

#gnb > ul > li:hover>a{color:#af1e23;}
#gnb > ul > li ul li{line-height:40px; border-bottom:1px dotted #ccc;}
#gnb > ul > li ul li a{transition:.3s; font-size:14px; display:block;}
#gnb > ul > li ul li:hover a{color:#af1e23; background:#f7f7f7;}
#gnb > ul > li ul li:last-of-type{border-bottom:none;}


/*main visual*/
#visual {width:100%; min-width:1360px; height:664px; 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 > li > .btn_wrap{width: 1260px; margin: 0 auto; position: relative; top: 462px;}
#visual .roll > li > .btn_wrap > a{z-index: 999999; position: absolute; left: 0; padding: 20px 30px; border: 3px solid #fff; color: #fff; font-size: 20px; font-weight: 600;}
#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 .roll .bg1-1 {background:url('../images/slider/01-1.jpg') no-repeat center;}
#visual .roll .bg2-1 {background:url('../images/slider/02-1.jpg') no-repeat center;}
#visual .controlBox {width:46%; 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:100px; height:7px; display:inline-block; margin:0 6px; background:rgb(255 255 255 / 47%);}
#visual .controlBox .vtab a.active {width:100px; height:7px; 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;}

.i_date{height:156px;}
.i_date .date{margin:0 auto; width:1260px; display:flex; justify-content:space-between; padding:23px 0;}
.i_date .date>div{display:grid; align-content: center; font-size:21.5px; line-height: 27px; color:#333333; text-align:center; position:relative; font-family: "GmarketSansBold"; width:calc(100%/5); padding: 6px 0;}
.i_date .date>div::before{position:absolute; content:""; background:#333333; width:1px; height:90px; right:100%;}
.i_date .date>div:first-of-type::before{display:none;}
.i_date .date>div>span{font-size:15px;font-family: "GmarketSansMedium"; padding-top:10px; line-height: 19px; letter-spacing: -0.5px;}

/*keynote_slide*/
.keynoteW{background:url(../images/main/key_bg.jpg) no-repeat; background-size:cover; height:338px; position:relative;}
.keynote_wi{width:1260px; margin:0 auto; display:flex; padding-top:10px; justify-content:space-between;}

.keynoteW-re{background:url(../images/main/key_bg.jpg) no-repeat; background-size:cover; height:265px; position:relative;}
.keynote_wi-re{width:1260px; margin:0 auto; justify-content:space-between; display:flex;}
.container-re{transform:translate3d(-39px, 0px, 0px);}

.conTitle{font-size:35px; font-weight:600;line-height:37px; width:566px; margin-top:22px; font-family: "GmarketSansBold";}

.keynote_slider{width:971px;}
.wi128{width:1132px;}
.keynote_slider .slide{background:#fff; padding:26px 26px 0px 26px; text-align:center;}
.keynote_slider .slide-re{ background:#fff; padding:12px 15px 0px 16px; text-align:center; width:270px !important;}
.ps_text{text-align:center; padding:9px;}
.ps_text .name{color:#b53a3e; font-size:19.22px; display:block; font-family:'GmarketSansBold';}
.ps_text .app{font-size:12.63px; color:#333;}


/*roll banner*/
.slick-slide { margin: 0px 8px;}
.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;}

.arrowSlider {position:absolute; width:150px; height:150px; top:161px; left:320px;}
.arrowSlider #aro1_prev{background: url(../images/key_left.png) no-repeat 9px;  border-radius:50px; background-color:#fff; top:10px;color:transparent; cursor:pointer; top:-273px; left:323px; padding:11px 3px;}
.arrowSlider #aro1_next{background: url(../images/key_right.png)no-repeat 14px;  border-radius:50px; background-color:#fff; top:96px;color:transparent; cursor:pointer; padding:11px 3px; position:absolute; transform:translate(60px,-107px);}

.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;}

/*news & download*/
.newsd_w{width:1260px; margin:0 auto; padding:36px 0; display:flex; justify-content: space-between;}
.newsd_w>div{width:48%;}
.newsd_w .tit{font-size:35px; font-weight:600; border-bottom:2px solid #333333; width:607px; padding-bottom:23px; padding-left:12px; font-family: "GmarketSansBold";}
.m-ul-style{width:97%;}
.m-ul-style li{margin:25px 0; position:relative; padding-left:31px; font-size:16px;}
.m-ul-style li:first-of-type::before{position:absolute; content:"+"; color:#b53a3e; left:15px; top:0px;}
.m-ul-style li::before{position:absolute; content:"+"; color:#b53a3e; left:15px; top:12%;}
.m-ul-style span{position:absolute; right:0px; color:#b1b1b1; font-size:16px;}
.m-ul-style a{position:relative; width:553px; display:block;}
.m-ul-style a::after{position:absolute; content:url(../images/main/down_Icon.png); right:15px; top:-6px;}

.m-ul-style2{width:97%;}
.m-ul-style2 li{margin:25px 0; position:relative; padding-left:31px; font-size:16px;}
.m-ul-style2 li::before{position:absolute; content:"+"; color:#b53a3e; left:15px; top:0;}
.m-ul-style2 span{position:absolute; right:0px; color:#b1b1b1; font-size:16px;}


#co1,#co2{overflow-y:scroll; height:260px;}
/*maintab*/
.mainTaB{display:flex; gap:33px;}
.mainTaB li{width:50%; text-align:center; line-height:54px;}
.mainTaB li a{font-size:35px; color:#cbcbcb; border-bottom:3px solid #cbcbcb; display:block; font-weight:600; transition:.3s; padding-left:12px; text-align:center; font-family:'GmarketSansBold';}
.mainTaB li a.active{color:#333;  border-bottom:3px solid #333;}

/*spon*/
.org_list li{margin-right:5px;}
.footer_w{box-shadow:0px 0px 10px 0px #d6d6d6; padding:35px 0; width:100%;}
.spon_W{width:1322px; margin:0 auto;}
.spon{display:flex; align-items:center;}
.spon span{margin-right:37px; font-size:17px;}
.spon>ul{display:flex; flex-wrap:wrap;}

.spon_list li{margin:0 10px 0px 0px !important;}
.spon_list>.slick-list{width:1098px; /*transform:translate3d(-4px, 0px, 0px) !important*/}
.foot_info_w{background:#eaeaea;}
.foot_info{width:1260px; margin:0 auto;}
.foot_info p:first-of-type{color:#6d6d6c; text-align:center; padding:30px 0 0; font-family: "GmarketSansLight"; font-size:16px;}
.foot_info p:nth-of-type(2){color:#6d6d6c; font-family: "GmarketSansMedium"; text-align:center; padding-bottom:30px; font-size:16px; letter-spacing:-0.2px;}


/*popup*/
/*popup*/
.popup button {border: 0;background: none; width: 50%; float: left; cursor: pointer; padding: 10px 0; font-size:15px;}
.popup{display: none;} .popup2{display: none;}
.popup.on {display: block; z-index:9999999999;}
.popup .img_wrap {margin:0 auto;}
.popup .img_wrap>div{display:flex; justify-content:center; align-items:center;}
.btn_wrap{text-align:center;}
.btn_wrap > button:first-child{background: #af1e23b5;}
.btn_wrap > button:last-child{background: #1c1c1cf0;}
.btn_wrap > button span{color:#fff;}
.btn_wrap > button span i{margin-left: 5px; font-size: 17px;}