/*    컨텐츠   */
#main_visual section{min-height: auto;}
#main2_container .con-top{padding-bottom:5px;}
#main2_container .con-top:after{display:block; content:''; clear:both;}
#main2_container .con-top h3{font-family:'NotoSansKR-Bold-Hestia';text-align: center; font-size:25px; color:#000;font-weight:bold; padding-top: 16px;}
#main2_container .con-top h3:before{background-color: #000; display: inline-block;height: 1px;position: relative;vertical-align: middle;width: 44%; right: 1em; margin-left: -50%;}
#main2_container .con-top h3:after{background-color: #000;display: inline-block;height: 1px; position: relative;vertical-align: middle; width: 44%;left: 1em; margin-right: -50%;}
#main2_container .con-top ul{width: 100%; padding-top:23px; text-align: center;}
#main2_container .con-top ul li{margin:0 10px; }
#main2_container .con-top ul span{display:inline-block;width:1px;height:14px;background:#000;margin-top:6px;}
#main2_container .p-top .con-top .click{display:inline-block;font-family:'NotoSansKR-Regular-Hestia'; font-size:14px; color:gray; cursor: pointer;padding:4px 8px}
#main2_container .p-top .con-top .click1.active{font-weight: bold; color: #000; }
#main2_container .p-top .con-top .click2.active{font-weight: bold; color: #000;}
#main2_container .p-top .con_tab_right{margin: 0; border: none;}
#main2_container .p-top .con_tab_right img{margin: 0 auto; width: 25px; height: 25px;}
#main2_container .owl-carousel{padding:20px 0;}
#main2_container .item > .sale{position: absolute;right:-10px; top:20px;width:auto !important; z-index: 200;}
#main2_container .item > div > a{display:block;}

#main2_container .item > div > ul img{width:auto !important; margin-right: 4px; display: inline-block !important;}
#main2_container .item > ul.item-text2 > li.plus img{margin-left: 30px; margin-right: -18px;}
#main2_container .star{display: none;}
#main2_container .m_level{position: absolute; top: 10px; left: 10px;}
#main2_container .item .m_level li:first-child{margin: 0;}
#main2_container .item .m_level .discount{background-color: #92b5e6; font-size: 12px; display: inline-block; padding: 4px 6px;}


#main2_container .item > ul.item-text3{padding-left:27px;padding-right:20px;margin-bottom: 10px;}
#main2_container .item > ul.item-text3:after{display:block; content:''; clear:both;}
#main2_container .item > ul.item-text3 > li{float:left;}
#main2_container .item > ul.item-text3 > li:first-of-type{font-family:'NotoSansKR-Regular-Hestia'; font-size:16px; color:#696f79;line-height: 30px;float:left;}
#main2_container .item > ul.item-text3 > li:last-of-type{font-family:'NotoSansKR-Bold-Hestia'; font-size: 20px; color:#000;line-height: 30px; text-align: right; float: none;}
#main2_container .link img{width: auto; margin-left: 27px;}

#main2_container .owl-theme .owl-nav [class*='owl-']{background:none !important; position: absolute; top:50%; margin-top: -25px !important; padding:0 !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 60px; height: 60px;}
#main2_container .owl-prev{background:none;left:-58px;}
#main2_container .owl-prev > img{display:block; max-width:100%;}
#main2_container .owl-next{background:none;right:-68px;}
#main2_container .owl-next > img{display:block;max-width:100%;}

#main2_container .main2_container3 .owl-theme .owl-stage-outer .owl-item {position: relative; padding: 40% 0px 0px; overflow: hidden;}
#main2_container .main2_container3 .owl-theme .owl-stage-outer .owl-item > div{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.main2_container3 .owl-stage .owl-item{box-shadow:0 2px 3px 0px rgba(0,0,0,0.25); transition:.2s all;}
.main2_container3 .owl-stage:hover .owl-item{filter:blur(2px); opacity:.4; transform: scale(.98); box-shadow:none;}
.main2_container3 .owl-stage:hover .owl-item:hover {transform:scale(1); filter:blur(0px); opacity:1; box-shadow:0 8px 20px 0px rgba(0,0,0,0.125);}
#main2_container .item1 ul > li:hover{background-color: rgba(225,225,225,0.3); color: #000;  transition:.2s all;}

#main2_container .item1 > span{display: block; margin: 100% 0 0;}
#main2_container .item1 ul > li .stit{font-size: 12px; font-weight: 600; margin-bottom: 5px; letter-spacing: -1px;}
#main2_container .item1 ul > li{padding: 23px 20px; background-color: rgba(0,0,0,0.4); color: #fff; width: 100%; float: left;}
#main2_container .item1 ul > li strong {font-family: 'NotoSansKR-Regular-Hestia'; font-size: 18px; margin: 0 5px 5px 0; float: none; line-height: 1.5; letter-spacing: -1px;}

#main2_container .news{width: 100%; margin-top: 30px;}
#main2_container .new1{ width: 49%; float: left; padding: 25px 0; border-bottom: 1px solid lightgray;}
#main2_container .new2{margin-left: 10px; width: 49%; float: right; padding: 25px 0; border-bottom: 1px solid lightgray;}
#main2_container .news .con3_top{padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #000;}
#main2_container .news .news_add{float: right; margin-top: -8px;}
#main2_container .news .con3_tit a{font-size: 14px; letter-spacing: -1px; padding: 8px; border-bottom: 1px solid lightgray;}
#main2_container .news_bg .con3_top img{width: 25px;}
#main2_container .bx2{width:100%;}
#main2_container .bx2 > div{width:20%;height:118px;background:#fff;border-top:1px solid #ddd; border-bottom:1px solid #ddd;padding-top:40px;}
#main2_container .bx2 > div > img{display:block;}

#main2_container .con4{margin-top: 80px;}
#main2_container .con4 .bx-wrapper{height: 118px; padding: 40px 38px;}
#main2_container .con4 .bx-wrapper .bx-prev{display: block; width: 24px; height: 24px; background-color: #fff; border: 1px solid #e3e3e3; position: absolute; left: -8%; background-image: url(../images/bottom_leftarrow.png);background-repeat: no-repeat; background-position: center center;}
#main2_container .con4 .bx-wrapper .bx-next{display: block; width: 24px; height: 24px; background-color: #fff; border: 1px solid #e3e3e3; position: absolute; right: -8%; background-image: url(../images/bottom_rightarrow.png); background-repeat: no-repeat; background-position: center center;}

/*lecture*/
#main2_container .main2_container1 .item {width: 100%!important; position: relative; background-color: #fff;}
#main2_container .main2_container1 .item>a{display: inline;}
#main2_container .main2_container1 .item .img{position: relative; width: 50%; padding: 50% 0 0; overflow: hidden; cursor: pointer;    display: inline-block;}
#main2_container .main2_container1 .item .img .mb_img{background-image: url(../images/noimage.png);  background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; left:0; width: 100%; height: 100%;}
#main2_container .main2_container1 .thum_2{width: 47%;  padding: 30px 0 0; height: 100%; float: right;}
#main2_container .main2_container1 .item .level .lang{letter-spacing: -1px; width: 50px; height: 50px; background-color: #000; float: left; color: white; font-weight: bold; font-size: 12px; position: absolute; top: 0px; right: 0px; text-align: center; line-height: 50px;}
#main2_container .item .level .hnbh{margin: 0 3px 7px 0; font-size: 11px; font-weight: 600; letter-spacing: -1px; background-color: rgba( 255, 255, 255, 0 ); padding: 3px 2px;}
#main2_container .item .level .best{width: 38px; background-color: #7373FF; color: #fff;}
#main2_container .item .level .event{width: 38px; background-color: #FF8AF9; color: #fff; } 
#main2_container .item .level .new{width: 38px; background-color: #FEBB4F; color: #fff; }
#main2_container .item .level .hit{width: 38px; background-color: #34E0CB; color: #fff; }
#main2_container .main2_container1 .item .item-text:after{display:block;content:''; clear:both;}
#main2_container .main2_container1 .item .item-text > li{font-family:'NotoSansKR-Medium-Hestia';font-size:15px;color:#303030;}
#main2_container .main2_container1 .item .item-text > li:nth-child(1){color: #000; font-size: 18px; letter-spacing: -1px; font-family:'NotoSansKR-Regular-Hestia'; overflow: hidden; font-weight: 600; width: 100%; padding-bottom: 7px; line-height: 20px;}
#main2_container .main2_container1 .item .item-text > li:nth-child(2){font-size: 13px; height: 14px; overflow: hidden; letter-spacing: -1px; font-family:'NotoSansKR-Regular-Hestia';}
#main2_container .main2_container1 .item .item-text > li:nth-child(3){width: 100%; height: 65px; margin: 15px 0; overflow: hidden; line-height: 1.2; letter-spacing: -1px; color: gray; font-family: 'NotoSansKR-Regular-Hestia'; font-size: 14px;}
#main2_container .main2_container1 .item .item-text > li img,.item > ul.item-text2 > li img{display:block;width:auto;}
#main2_container .main2_container1 .item .item-text3{height: 30px;}
#main2_container .main2_container1 .item .item-text3 > li{letter-spacing: -1px; font-family: 'NotoSansKR-Bold-Hestia'; font-size: 20px; text-align: right; padding: 10px 10px 0 0;} 
#main2_container ul.item-text2 > li img{float: left; margin: 2px 5px 0 0;}
#main2_container ul.item-text2 a{display: block;}
#main2_container ul.item-text2 > li > .cart_bt {width: 47%; float: left; margin-right: 5px; display:inline-block;font-family:'NotoSansKR-Regular-Hestia'; font-size:12px; color:#000;padding:10px 0; text-align: center; border-bottom: 1px solid #000; border-top: 1px solid #000;}
#main2_container ul.item-text2 > li > .buy_bt{width: 47%; float: right; margin-right: 5px; display:inline-block;font-family:'NotoSansKR-Regular-Hestia'; font-size:12px; color:#000;padding:10px 0; text-align: center; border-bottom: 1px solid #000; border-top: 1px solid #000;}
#main2_container ul.item-text2 > li > .w100{width: 100%;}
#main2_container ul.item-text2 > li:nth-of-type(1){width:100%;}
#main2_container ul.item-text2 {padding-top: 20px;}

/*book*/
#main2_container .main2_container2 .item {width: 100%!important; position: relative; background-color: #fff;}
#main2_container .main2_container2 .item .img{position: relative; width: 100%; padding: 100% 0 0; overflow: hidden; cursor: pointer;}
#main2_container .main2_container2 .item .img .mb_img{background-image: url(../images/noimage.png);  background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; left:0; width: 100%; height: 100%;}
#main2_container .main2_container2 .item .level .lang{letter-spacing: -1px; width: 50px; height: 50px; background-color: #000; float: left; color: white; font-weight: bold; font-size: 12px; position: absolute; top: 0px; right: 0px; text-align: center; line-height: 50px; border-radius: 50px;}
#main2_container .main2_container2 .thum_2{margin-top: -3px; padding: 10px 0;}
#main2_container .main2_container2 .item .item-text:after{display:block;content:''; clear:both;}
#main2_container .main2_container2 .item .item-text li{font-family:'NotoSansKR-Medium-Hestia';font-size:15px;color:#303030;}
#main2_container .main2_container2 .item .item-text li:nth-child(1){color: #000; font-size: 17px; height: 25px; letter-spacing: -1px; font-family:'NotoSansKR-Regular-Hestia'; overflow: hidden; font-weight: 600; width: 100%; padding-bottom: 7px; line-height: 25px;}
#main2_container .main2_container2 .item .item-text li:nth-child(2){font-size: 13px; height: 14px; overflow: hidden; letter-spacing: -1px; font-family:'NotoSansKR-Regular-Hestia';}
#main2_container .main2_container2 .item .item-text3 > li{letter-spacing: -1px; font-family: 'NotoSansKR-Bold-Hestia'; font-size: 20px; text-align: right; padding: 10px 10px 0 0;} 

/*banner*/
#main2_container .r_banner{width: 120px; position: absolute; right: 50%; margin-right: -740px; margin-top: 105px; }
#main2_container .r_banner>li{margin-bottom: 5px; }
#main2_container .r_banner>li>a>img{width: 120px;}
#main2_container .l_banner{width: 280px; position: absolute; left: 50%; margin-left: -900px; margin-top: 105px; }

/*techer animation*/
#main2_container .main2_container3 .button__text {display: block;text-transform: uppercase;font-weight: bold; font-size: 12px;}
#main2_container .main2_container3 .button__text--bis {display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;-webkit-transform: translateX(-1em); transform: translateX(-1em); opacity: 0;}
#main2_container .main2_container3 .button .button__text {-webkit-animation: fx-text .3s ease-out; animation: fx-text .3s ease-out;}
#main2_container .main2_container3 .button .button__text--bis {-webkit-animation: fx-text-bis .3s ease-out; animation: fx-text-bis .3s ease-out;}
#main2_container .main2_container3 .owl-theme .item1 >a {-webkit-animation: fx-area .9s ease-out; animation: fx-text .9s ease-out;}

@-webkit-keyframes fx-text {
  0% {-webkit-transform: translateY(20em); transform: translateY(20em); opacity: 0;}
  100% {-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}
}
@-webkit-keyframes fx-area {
  0% {-webkit-transform: translateY(60em); transform: translateY(60em); opacity: 0;}
  100% {-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}
}


