@charset "utf-8";
/* slick */
.slick-slider{ position: relative; display: block; box-sizing: border-box;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;z-index: 9;}
.slick-list:focus{outline: none; }
.slick-list.dragging{cursor: pointer; cursor: pointer; }
.slick-slider .slick-track,
.slick-slider .slick-list{ transform: translate3d(0, 0, 0); }
.slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.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-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; }

.main-photo__skin,
.main-photo__skin .photo_list--wrap,
.main-photo__skin .photo_list--wrap .slick-list,
.main-photo__skin .photo_list--wrap .slick-list .slick-track,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div .photo_list--item,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div .photo_list--item a{display:inline-block;width:100%;height:100%;vertical-align:top;}





.ir{display:inline-block;background: url(/images/learning/main/ir.png) no-repeat;}
.ir-main{background: url(/images/learning/main/ir-main.png) no-repeat;}
body{background: url(/images/learning/main/learning_bg.jpg) no-repeat;background-size: 100% 710px;}
#body_layout{clear:both;position:relative;margin:0 auto;padding:0;width:100%;max-width:100%;box-sizing:border-box;}
.article{position:relative;padding:0;}
.article .inner{position:relative;display:block;width:100%;height:100%;}
.article .inner .title{color:#000;}
.main-board__skin{display:block;min-height:500px;}
.main-board__skin:after{content: "";display: table;clear: both;}
.main-board__skin .board__nav-item .board__content,
.main-board__skin .board__nav-item.active .board__more{display:none;}
.main-board__skin .board__nav-item.active .board__content,
.main-board__skin .board__nav-item.active .board__more{display:block;}
.main-board__skin .board__title{display:block;height:65px;padding:5px 0 0;color:#3c3c3c;font-size:20px;line-height:45px;text-align:left}
.ir-icon__new{display:inline-block;width:24px;height:24px;overflow:hidden;}
.board__more{position:absolute;top:0;right:0;width:65px;height:65px;font-size:0;line-height:0;}
.board__more:after,.board__more:before{display:inline-block;content: '';position:absolute;top:50%;left:50%;background-color:#999;vertical-align:middle}
.board__more:before{left:50%;width:21px;height:2px;margin-left:-10px;z-index:1}
.board__more:after{width:2px;height:22px;margin-top:-10px;z-index:1}
.board__more a{display:block;position:relative;width:65px;height:65px;z-index:10;font-size: 0;}
/* board__typeC */
.board__typeC .obj{background-color:#fff;height: 432px;}
.board__typeC .board__item{display:block;position:relative;padding: 3px 18px;}
.board__typeC .board__item .board__link{display:block;text-align:right;padding-bottom:3px;line-height:1.2;font-size:16px;}
.board__typeC .board__item .board__link:after {display:block; clear:both; visibility:hidden; content:'';}
.board__typeC .board__item .board__link .board__item--thumb,
.board__typeC .board__item .board__link .board__item--content{display:none}
.board__typeC .board__item .board__link *{vertical-align:middle;}
.board__typeC .board__item .board__link .board__item--title{position:relative;display: block;padding-left:10px;float:left;width: 68%;line-height: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align:left;}
.board__typeC .board__item .board__link .board__item--title:before{position:absolute;left:0;top: 9px;width:3px;height:3px;background:#464546;border-radius:50%;content:'';}
.board__typeC .board__item .board__link .board__item--content{display:none}
.board__typeC .board__item .board__link .board__item--date{display: block;float: right;line-height: 25px;color: #8c8c8c;}
.board__typeC .board__item .board__link .board__item--date *{display:inline-block;vertical-align:top;font-style: normal;}
.board__typeC .board__item:first-child{display:block;position:relative;margin-bottom: 31px;border-bottom:1px solid #ddd;min-height: 184px;padding: 15px;background-color: #f9f9f9;}
.board__typeC .board__item:first-child .board__link{display:block;position:relative;padding: 5px;padding-left: 5px;margin-top: -14px;}
.board__typeC .board__item:first-child .board__link .board__item--title{display:block;float:none;padding-left:0;width:100%;font-weight:bold;font-size: 20px;margin-bottom: 10px;color: #000;}
.board__typeC .board__item:first-child .board__link .board__item--title:before{display:none;}
.board__typeC .board__item:first-child .board__link .board__item--content{display:block;overflow:hidden;height: 96px;line-height: 1.45;text-overflow: ellipsis;white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.board__typeC .board__item:first-child .board__link .board__item--title,
.board__typeC .board__item:first-child .board__link .board__item--content{text-align:left;}
.board__typeC .board__item:first-child .board__link .board__item--date{display:block;position: relative;top:0;left:0;width: 100px;height: auto;vertical-align:middle;text-align:left;font-size: 14px;line-height:1;border-radius: 50%;color: #8c8c8c;margin-top: 10px;}
.board__typeC .board__item:first-child .board__link .board__item--date span{display:block;padding-top:12px;width:70px;height:70px;vertical-align:middle;overflow:hidden;line-height:1}
.board__typeC .board__item:first-child .board__link .board__item--date span img{height:70px;line-height:0}
.board__typeC .board__item:first-child .board__link .board__item--date i{font-style:normal;font-size: 14px;letter-spacing:-1px;line-height: 1;}
.board__typeC .board__item:last-child{margin-bottom:30px;}
.main-link__skin{display:table;table-layout:fixed;border-collapse:collapse;width:100%;height:100%;}
.main-link__skin .title{font-size:0;line-height:0;}
.main-link__skin .obj{display:table-row}
.main-link__skin .item{display:table-cell;height:140px;padding:27px 10px;vertical-align:middle;border:1px solid #ddd;background-color:#fff;color:#333;font-size: 15px;line-height:1.4;text-align:center;transition: all 0.4s;font-weight: bold;}
.main-link__skin .item .ir-main{display:block;position:relative;margin: 0 auto 10px;width:60px;height:56px;}
.main-link__skin .item .ir-main.icon1{background-position:0 -52px}
.main-link__skin .item .ir-main.icon2{background-position:-60px -52px}
.main-link__skin .item .ir-main.icon3{background-position:-120px -52px}
.main-link__skin .item .ir-main.icon4{background-position:-180px -52px}
.main-link__skin .item .ir-main.icon5{background-position:-240px -52px}
.main-link__skin .item .ir-main.icon6{background-position:-300px -52px}
.main-link__skin .item .ir-main.icon7{background-position:-360px -52px}
.main-link__skin .item:hover{background-color:#ff5f18;color:#fff;border:1px solid #ff5f18;transform: scale(1.1) rotate(0.002deg);}

@media screen and (max-width:1023px){
  .main-link__skin .obj{padding-left:1px;}
  .main-link__skin .item{display:inline-block;width:24.8%;margin-top:-1px;margin-left:-1px;}
}
@media screen and (max-width:767px){
  .main-link__skin .item{padding:15px 0;height: 134px;font-size: 15px;line-height:1.2;}
  .main-link__skin .item .ir-main{width:60px;height:56px;}
}
@media screen and (max-width:640px){
.main-link__skin .item{width:24.5%;}
}


#mvisual{position:relative;width:100%;padding: 0 0 50px;}
#mvisual .layout{}
#item1,
#item2{float:left;min-height:500px}
#item1{width:67%;border-right: 1px solid #ddd;}
#item2{width:33%}

#item3{width:100%;margin: 25px 0 50px;}
#item4,
#item5,
#item6{width:30%;float:left;min-height: 250px;margin-bottom:81px;}
#item4{width:40%;}
#item4,
#item5{border-right: 35px solid transparent;}

#item1 .photo_list--item {}
#item1 .photo_list--item .picture {height:500px;}
#item1 .photo_list--item .picture span {display:block;width:100%;height:100%;max-height: 500px;}
#item1 .photo_list--item .picture span img { width:100%; height:100%;}
#item1 .slick-dots{position: absolute;bottom:20px;left:20px;z-index: 10;}
#item1 .slick-dots li{display:inline-block;margin:0 3px;}
#item1 .slick-dots li button{background: url(/images/learning/main/ir.png) no-repeat;display:inline-block;width:22px;height:22px;font-size:0}
#item1 .slick-dots li button{background-position:-23px 0;border:0;cursor:pointer}
#item1 .slick-dots li.slick-active button{width:22px;background-position:0 0}

#item1 .control {position:absolute;right:0;bottom:0;height: 50px;padding: 0 20px;text-align: right;z-index:99;width:auto;}
#item1 .control button {display:inline-block;width:22px;height:22px;font-size:0;background: url(/images/learning/main/ir.png) no-repeat;}
#item1 .control button[data-control="prev"]{background-position:3px -33px;}
#item1 .control button[data-control="next"]{background-position:-24px -33px}
#item1 .control button[data-control="stop"]{background-position:-45px -2px}
#item1 .control button[data-control="play"]{display:none;background-position:-63px -2px;}
#item1 .control button[data-control]:before,
#item1 .control button[data-control]:after{display:none;}

#item2 .main-board__skin .board__title{background-color:#4e3f39;color:#fff;width:100%;height:68px;padding-left: 24px;font-weight: bold;}
#item2 .board__more:after,
#item2 .board__more:before{background-color:#fff;}


#item4 .board__link{margin-bottom: 23px;}
#item4 .board__link .title,
#item4 .lecture__link .title{display:block;margin-bottom:10px;font-size:18px;color:#000;font-weight: bold;}
#item4 .board__link .title em,
#item4 .lecture__link .title em{color:#3a3a3a;font-size:15px;}


#item4 .board__link{display:table;table-layout:fixed;border-collapse:collapse;width:100%;height:100%;}
#item4 .board__link .obj{display:table-row}
#item4 .board__link .item{display:table-cell;height:83px;padding:15px 10px;vertical-align:middle;border:1px solid #fff;background-color:#eee;color:#333;font-size: 15px;line-height:1.4;text-align:center;transition: background 0.4s;font-weight: bold;}
#item4 .board__link .item:hover{background-color:#4f352a;color:#fff;}
#item4 .board__link .item .ir{width:39px;height:39px;}
#item4 .board__link .item .ir-main.icon8{background-position: -41px -152px;}
#item4 .board__link .item .ir-main.icon9{background-position:-161px -152px}
#item4 .board__link .item .ir-main.icon10{background-position:-277px -152px}
#item4 .board__link .item .ir-main.icon11{background-position:-397px -152px}

#item4 .board__link .item:hover .ir-main.icon8{background-position: -41px -233px;}
#item4 .board__link .item:hover .ir-main.icon9{background-position:-161px -233px}
#item4 .board__link .item:hover .ir-main.icon10{background-position:-277px -233px}
#item4 .board__link .item:hover .ir-main.icon11{background-position:-397px -233px}


#item4 .lecture__link{display:table;table-layout:fixed;border-collapse:collapse;width:100%;height:100%;}
#item4 .lecture__link .obj{display:table-row}
#item4 .lecture__link .item{display:table-cell;height:53px;padding:0;vertical-align:middle;border:1px solid #ddd;background-color:#fff;transition: border 0.1s;}
#item4 .lecture__link .item:hover{border:2px solid #ff7000}
#item4 .lecture__link .item .ir-main.icon12{display:block;height:100%;margin:0 auto;width:89px;background-position:0 -296px}
#item4 .lecture__link .item .ir-main.icon13{display:block;height:100%;margin:0 auto;width:109px;background-position: -150px -296px;}
#item4 .lecture__link .item .ir-main.icon14{display:block;height:100%;margin:0 auto;width:114px;background-position: -306px -296px;}



#item5 .title{font-size: 18px;color:#000;font-weight: bold;display: block;margin-bottom: 10px;}
#item5 .photo_list--item {}
#item5 .photo_list--item .picture {height: 213px;}
#item5 .photo_list--item .picture span {display:block; width:100%; height:100%;}
#item5 .photo_list--item .picture span img { width:100%; height:100%;}
#item5 .control{position:absolute;top: -40px;right:0;z-index:99;width:auto;}
#item5 .control button {display:block;float:left;margin:0 2px;width:39px;height:39px;background: url(/images/learning/main/ir.png) no-repeat;font-size:0;}
#item5 .control button[data-control="prev"]{background-position:-222px 0;}
#item5 .control button[data-control="next"]{background-position:-264px 0;}
#item5 .control button[data-control]:before,
#item5 .control button[data-control]:after{display:none;}




#item6 .title{font-size:21px;color:#000;font-weight: bold;display: block;margin-bottom: 10px;}
#item6 .photo_list--item {}
#item6 .photo_list--item .picture {height:250px;}
#item6 .photo_list--item .picture span {display:block; width:100%; height:100%;}
#item6 .photo_list--item .picture span img { width:100%; height:100%;}


#item6 .control{position: absolute;left: 50%;bottom:30px;text-align: center;background-color: rgba(0,0,0,0.3);border-radius:20px;padding:5px 15px;color:#fff;display: inline-block;width:100px;transform: translate(-50%, 0);z-index:99}
#item6 .control button {display:inline-block;width:22px;height:22px;font-size:0;vertical-align:middle;background: url(/images/learning/main/ir.png) no-repeat;}
#item6 .control button[data-control="prev"]{background-position:3px -33px;}
#item6 .control button[data-control="next"]{background-position:-24px -33px}
#item6 .control button[data-control]:before,
#item6 .control button[data-control]:after{display:none;}
#item6 .control .paging{display:inline-block;font-size:16px;color:#f9f9f9}
#item6 .control .paging .current{font-weight: bold;font-weight: bold;color:#fff;}
@media screen and (max-width:1200px){
    #item4,
    #item5{border-right:25px solid transparent;}
    #item4 .board__link .title, #item4 .lecture__link .title{}
    #item4 .board__link .title em, #item4 .lecture__link .title em{display:none;}
    #item4 .board__link{}
}
@media screen and (max-width:1023px){
    body{background-size: 100% 670px;}
    #mvisual {padding: 10px 0 37px;}
    
    #item1{width:57%;}
    #item2{width:43%}
    #item3 {margin: 10px 0 20px;}
    #item4{margin-bottom:0;width:100%;border-right:0}
    #item4 .board__link .item .ir{margin:0 auto;display:block;}
    #item5,
    #item6{width:50%}  
    
   #item4 .lecture__link {    margin-bottom: 23px;}

}

@media screen and (max-width:767px){
    #item1 {min-height:auto;max-height:500px;}
    #item1 .photo_list--item .picture {height:auto;max-height:500px;}
    #item1 .photo_list--item .picture span img {height:100%;max-height: 500px;}
    #item1, #item2{float:none;width:100%}
    #item3 {margin;0 0 20px;}
    #mvisual {padding:10px 0 0;}

}
@media screen and (max-width:640px){
    #item5, #item6{width:100%;border-right: 0;min-height: auto;margin-bottom: 40px;}
    #item3{margin-top: 0;}
    
    #item4 {margin:0 0 20px;}
    #item4 .lecture__link .item {display:block;}

}

/* 팝업창 */
.new_pop_bg {background: #DDD; padding: 5px;}
.pop_form {display: flex; justify-content: space-between; background-color: #DDD; padding: 5px;}