@charset "utf-8";
/*@import url('reset.css');*/
/*@import url('swiper.min.css');*/


img { max-width:100%; }


/************************************************************************************************************************************************
	intro
************************************************************************************************************************************************/

.intro-wrap { height:898px; position: relative; }
/*.intro-wrap .logo1 { position: absolute;left: 30px; top:30px; z-index:10 }
.intro-wrap .logo2 { position: absolute;right: 30px; top:23px; z-index:10;}*/
.intro-wrap .logo1 {position: absolute;left: 2.2%;top: 4.2%; z-index:10; width: 4.527%}
.intro-wrap .logo2 {position: absolute;right: 2.4%;top: 3.7%; z-index:10;width: 4.106%}
.intro-wrap .logo1 img,
.intro-wrap .logo2 img{width: 100%;}
.intro-wrap .intro { display: flex; justify-content: space-between; height: 100%; /*opacity: .5;*/}
.intro-wrap .intro > div { width:25%; height: 100%; position: relative; text-align: center; }
.intro-wrap .intro .box1 { background: #f4db6b;}
.intro-wrap .intro .box2 { background: #00bc71;}
.intro-wrap .intro .box3 { background: #86e1d0;overflow: hidden;}
.intro-wrap .intro .box4 { background: #00b2e2;}

/*.intro-wrap .intro .box1 .tit {position: absolute;top: 135px;right: 70px;}
.intro-wrap .intro .box2 .tit {position: absolute; left:70px; bottom:213px;}
.intro-wrap .intro .box3 .tit {position: absolute;top: 99px;right: 47px;}
.intro-wrap .intro .box4 .tit {position: absolute;top: 99px;left:180px;}*/
.intro-wrap .intro .box1 .tit {position: absolute;top: 15%;right: 14.5%;width: 23%;}
.intro-wrap .intro .box2 .tit {position: absolute; left:15%; bottom:23%;width: 25%;}
.intro-wrap .intro .box3 .tit {position: absolute;top: 11%;right: 10%;width: 46%;}
.intro-wrap .intro .box4 .tit {position: absolute;top: 11%;left:37%;width: 25%;}
/*
.intro-wrap .intro .box1:before { content: ''; position: absolute;left: 0; bottom:193px; background: url(/resources/images/visangtextbook/2015Upper/intro/img1_line.png) repeat-x 0 0; height: 8px; right:0; }*/
.intro-wrap .intro .box1 .img {position: absolute;top: 47.4%;left: 50%;width: 336px;height: 421px;transform: translate(-50%, 0);}
.intro-wrap .intro .box1 .img span{display: inline-block;position: absolute;}
.intro-wrap .intro .box1 .img span img{vertical-align: top;}
/*.intro-wrap .intro .box1 .img span:nth-child(1){bottom: 245px;left: 155px;}
.intro-wrap .intro .box1 .img span:nth-child(2){bottom: 182px;left: 203px;}
.intro-wrap .intro .box1 .img span:nth-child(3){bottom: 50px;left: 70px;}
.intro-wrap .intro .box1 .img span:nth-child(4){bottom: 130px;left: 100px;}
.intro-wrap .intro .box1 .img span:nth-child(5){bottom: 394px;left:192px;}*/
.intro-wrap .intro .box1 .img span:nth-child(1){top: 10%;left: 24%;width: 54.17%;height: 43.232%;}
.intro-wrap .intro .box1 .img span:nth-child(2){top: 26%;left: 38%;width: 53.87%;height: 42.995%;animation: 3.2s linear 1.6s infinite ani1_3 alternate;}
.intro-wrap .intro .box1 .img span:nth-child(3){bottom: 0;left: 0;width: 100%;height: 38%;}
.intro-wrap .intro .box1 .img span:nth-child(4){top: 39%;left: 8%;width: 54.17%;height: 43.234%;animation: 2.2s ease-out 1.3s infinite ani1_4 alternate;}
.intro-wrap .intro .box1 .img span:nth-child(5){top: 0%;left: 35%;width: 28.87%;height: 18.765%;animation: 1.2s linear 2.1s infinite ani1_5 alternate;}

/*.intro-wrap .intro .box1 .img p { display: block;animation: 1.1s ease-in 0s infinite ani1_train; ; }
.intro-wrap .intro .box1 .img div img { position: absolute; left: 73px; bottom:0; animation: 2s linear 0s infinite ani1_wheel;  }
.intro-wrap .intro .box1 .img div img:nth-child(2) { position: absolute; left: 127px; bottom:0; }
.intro-wrap .intro .box1 .img div img:nth-child(3) { position: absolute; left: 211px; bottom:0; }
.intro-wrap .intro .box1 .img div img:nth-child(4) { position: absolute; left: 267px; bottom:0; }
.intro-wrap .intro .box1 .img div img:nth-child(5) { position: absolute; left: -10px; bottom:0; }
.intro-wrap .intro .box1 .img em img { position: absolute; opacity:0;  }
.intro-wrap .intro .box1 .img em img:nth-child(1) { left:296px; top:40px; animation: 1.5s linear  infinite ani1_cloud alternate; }
.intro-wrap .intro .box1 .img em img:nth-child(2) { left:275px; top:22px; animation: 1.5s linear 0.5s infinite ani1_cloud alternate; }
.intro-wrap .intro .box1 .img em img:nth-child(3) { left:212px; top:-10px; animation: 1.5s linear 1s infinite ani1_cloud alternate;}*/

.intro-wrap .btns {position: absolute;left: 50%;bottom: 1%;transform: translate(-50%, 0);width:36.8425%;height: 12%;padding:0;}
.intro-wrap .btns a { display: inline-block;background: url(/resources/images/visangtextbook/2015Upper/intro/btn.png) no-repeat 0 0;background-size: contain;width: 100%;height: 100%;transition: all 0.2s ease;}
.intro-wrap .btns a:hover{background: url(/resources/images/visangtextbook/2015Upper/intro/btn_on.png) no-repeat 0 0;background-size: contain;}
@keyframes ani1_3 {
	0% { transform:translateX(0);}
	50% { transform:translateX(-30px);}
	100% { transform:translateX(0);}
}
@keyframes ani1_4 {
	0% { transform:translateY(0);}
	50% { transform:translateY(-10px);}
	100% { transform:translateY(0);}
}
@keyframes ani1_5 {
	0% { transform:rotate(0);}
	100% { transform:rotate(10deg);}
}

@keyframes ani1_wheel {
	0% { transform:rotate(0);}
	100% { transform:rotate(360deg);}
}
@keyframes ani1_train {
	0% { transform:translateY(0);}
	50% { transform:translateY(-10px);}
	100% { transform:translateY(0);}
}
@keyframes ani1_cloud {
	0% { opacity:0;}
	100% { opacity:1; transform: translateY(-5px);}
}


/*.intro-wrap .intro .box2 .img { position: absolute;left: 56px; top:109px;width: 367px;height: 312px;overflow: hidden;}*/
.intro-wrap .intro .box2 .img {position: absolute;left: 50%;top: 12%;margin-left: -13em;width: 367px;height: 312px;overflow: hidden;/*transform: translate(-50%, 0);*/z-index: 99;animation: 0.8s linear  0.0s infinite ani2_2 alternate;}
.intro-wrap .intro .box2 .img span{display: inline-block;position: absolute;top: 0;left: 0;animation: 1.2s linear  0.0s infinite ani2_3 alternate;}
.intro-wrap .intro .box2 .img span img{vertical-align: top;}
/*.intro-wrap .intro .box2 .img p img { position: absolute;left: 0; top:60px; animation: 1.2s linear 0s infinite ani2; transform-origin: center;}
.intro-wrap .intro .box2 .img em img { position: absolute;left:  70px; top:50px; animation: 1.2s linear  infinite ani2_2 alternate;  }
.intro-wrap .intro .box2 .img div img { position: absolute; opacity:0;  animation: 1.2s linear  infinite ani2_3 alternate; left: 250px; top:240px; }*/
@keyframes ani2 {
	0% { transform:scale(1);}
	50% { transform:scale(1.05);}
	100% { transform:scale(1);}
}
@keyframes ani2_2 {
	0% { transform:rotate(0);}
	100% { transform:rotate(2deg);}
}
@keyframes ani2_3 {
	0% { opacity: 0.2;}
	100% { opacity:0.7;}
}
/*.intro-wrap .intro .box3 .img{ position: absolute;left:0px; top:138px; }*/
.intro-wrap .intro .box3 .img{position: absolute;left: 0%;top: 15.5%;width: 305px;height: 577px;}
.intro-wrap .intro .box3 .img span{display: inline-block;position: absolute;}
.intro-wrap .intro .box3 .img span img{vertical-align: top;max-width: initial;width: 100%;}
.intro-wrap .intro .box3 .img span:nth-child(1){top: 1%;left: -1%;width: 53.115%;animation: 0.4s linear 0.0s infinite ani3_3 alternate;z-index: 99;}
.intro-wrap .intro .box3 .img span:nth-child(2){bottom: 0%;left: 32%;width: 66.23%;animation: 1.5s linear 0.5s ani3_2 alternate;}
/*.intro-wrap .intro .box3 .img span:nth-child(3){top: 16%;left: 45%;width: 41.64%;}*/
.intro-wrap .intro .box3 .img span:nth-child(3){top: 40%;left: 82%;width: 12.134%;animation: 1.2s linear 0.5s infinite ani3_4 alternate;z-index: 999;}
.intro-wrap .intro .box3 .img span:nth-child(4){top: 59%;left: 78%;width: 9.51%;animation: 1.2s linear 1.0s infinite ani3_4 alternate;z-index: 999;}
.intro-wrap .intro .box3 .img span:nth-child(5){top: 64%;left: 60%;width: 12.134%;animation: 1.2s linear 1.5s infinite ani3_4 alternate;z-index: 999;}
/*.intro-wrap .intro .box3 .img > img { transform-origin: right top;  animation: 2.5s linear 0s infinite ani3 }
.intro-wrap .intro .box3 .img p img { position: absolute;left: -100px; top:70px;  animation: 1.5s linear 0.5s infinite ani3_2 alternate; }*/
@keyframes ani3 {
	0% { transform:rotate(0);}
	50% { transform:rotate(12deg);}
	100% { transform:rotate(0);}
}
/*@keyframes ani3_2 {
	0% { transform:translateY(50px);}
	100% { transform:translateY(0px);}
}*/
@keyframes ani3_3 {
	0% { transform:scale(0.98);}
	100% { transform:scale(1);}
}
@keyframes slidein {
  from {
    width:50%
  }

  to {
   width:52%;
 }
}
@keyframes ani3_4 {
	0% { transform:translateY(0);}
	100% { transform:translateY(-10px);}
}

.intro-wrap .intro .box4 .img{ position: absolute;right:0px; bottom:0px;width: 100%;height: 62.695%;}
.intro-wrap .intro .box4 .img span{display: inline-block;position: absolute;}
.intro-wrap .intro .box4 .img span img{vertical-align: top;}
.intro-wrap .intro .box4 .img span:nth-child(1){top: 0%;left: 19%;width: 65.696%;animation: 1.5s linear 0.5s infinite ani4_1 alternate;}
.intro-wrap .intro .box4 .img span:nth-child(2){bottom: 0%;right: 0%;width: 100%;}
.intro-wrap .intro .box4 .img span:nth-child(2) img{width: 100%;}
/*.intro-wrap .intro .box4 .img p img { position: absolute; }
.intro-wrap .intro .box4 .img p img:nth-child(1) {  right:30px; top:70px;   animation: 3s linear 0s infinite ani4_1; }
.intro-wrap .intro .box4 .img p img:nth-child(2) {  right:270px; top:190px;  animation: 3s linear 0s infinite ani4_2; animation-delay: 0.3s; }
.intro-wrap .intro .box4 .img p img:nth-child(3) {  right:180px; top:15px;  animation: 2s linear 0s infinite ani4_3 alternate; animation-delay: 0.4s; }*/

@keyframes ani4_1 {
	0% { transform:scale(0); transform:translateY(0);}
	50% { transform:scale(1);transform:translateY(-10px);}
	100% { transform:translateY(0);}
}

@keyframes ani4_2 {
	0% { transform:rotate(0);}
	50% { transform:rotate(-6deg);}
	100% { transform:rotate(0);}
}
@keyframes ani4_3 {
	0% { transform:translate(0);}
	50% { transform:translate(-10px, -2px);}
	100% { transform:translate(-20px, 0); }
}

.footer { text-align: center; height: 105px; padding-top:33px; background:#fff;}
.footer .logo { display: inline-block; vertical-align: middle; margin-right:25px; }
.footer .copy { display: inline-block; vertical-align: middle; text-align: left; font-size:12px; font-weight:400; line-height: 18px; color: rgba(0,0,0,0.5); }



.s { display: none; }
@media screen and (max-width:1200px) {
	.s { display: none; }
	.m { display: inherit; }

	.intro-wrap { /*height: 100vh;*/width: 1200px; }
	/*.intro-wrap .btns  { margin-left: -190px; bottom:30px;  }*/

	.intro-wrap .intro .tit .s { display: none; }

	.intro-wrap .intro .box1 .img { width: 226px;height: 284px;}
	.intro-wrap .intro .box1:before { bottom:123px; }

	.intro-wrap .intro .box2 .img {width: 248px;height: 210px;}
	/*.intro-wrap .intro .box2 .img { top:20px; }*/

	.intro-wrap .intro .box2 .tit {/* right:25px; *//* bottom:160px; */}

	.intro-wrap .intro .box3 .tit {/* padding-top:190px; */}
	.intro-wrap .intro .box3 .img {width: 194px;height: 365px;}

	.intro-wrap .intro .box4 .tit {/* padding-top:190px; */}
	.intro-wrap .intro .box4 .img {width: 300px;height: 356px;}

	/*.intro-wrap .btns { margin-left: -190px; }
	.intro-wrap .btns a { width:380px; height: 77px; padding-top:18px;   }*/

}



/********************************************************************************
	main
********************************************************************************/
.main .head { height: 406px; background:#ffe476 url(/resources/images/visangtextbook/2015Upper/main/bg_head.jpg) no-repeat 50% 0; text-align: center; }
.main .inner { width:1096px; margin: 0 auto; }
.main .head .inner { position: relative;}
.main .head .logo1 { position: absolute;left: 0px; top:33px; }
.main .head .logo2 { position: absolute;right: 0px; top:30px; }
.main .head h1 { padding-top:83px; }
.main .body .inner { position: relative; height: 617px; }
.main .body a { display: block; height: 670px; transition: all 0.5s ease; }
.main .body a.box2 { background:#f4f4f4;height: 672px; }
.main .body a.box3 { background:#fff;height: 652px;}
.main .body a.box4 { background:#f4f4f4;height: 670px;}
.main .body a.box1 .inner,
.main .body a.box2 .inner{width: 1022px;height: 670px;}
.main .body a.box3 .inner{width: 1200px;height: 652px;}
.main .body a.box4 .inner{width: 1200px;height: 670px;}
.main .body a h2 { padding:104px 0 52px;text-align: center;}
.main .body a ul { display: flex; justify-content: space-between; }
.main .body a ul li {transition: all 0.5s ease; }
.main .body a ul li img { width:225px; height: 291px; vertical-align: top;  transform-origin: left bottom;  transition: all 0.5s ease;}
.main .body a.box1 ul li {width: 241px;}
.main .body a.box1 ul li img {width:241px;height: 311px;}
.main .body a.box2 ul li {width: 241px;}
.main .body a.box2 ul li img {width:241px;height: 311px;}
.main .body a.box3 ul li {width: 226px;}
.main .body a.box3 ul li img {width:226px;height: 291px;}
.main .body a.box4 ul li {width: 226px;}
.main .body a.box4 ul li img {width:226px;height: 292px;}
.main .body .icons img { position: absolute;z-index: 99; }
.main .body a:hover ul li {  }
.main .body a:hover ul li img { transform: translateY(-15px); box-shadow: 0px 10px 2px 0px rgba(0, 0, 0, .2);}

/*.main .body a:hover ul li:nth-child(1){animation: 0.2s linear 0s ani4_1;}
.main .body a:hover ul li:nth-child(2){animation: 0.2s linear 0s ani4_1;animation-delay: 0.2s;}
.main .body a:hover ul li:nth-child(3){animation: 0.2s linear 0s ani4_1;animation-delay: 0.4s;}
.main .body a:hover ul li:nth-child(4){animation: 0.2s linear 0s ani4_1;animation-delay: 0.6s;}
.main .body a:hover ul li:nth-child(5){animation: 0.2s linear 0s ani4_1;animation-delay: 0.8s;}*/

.main .body a.box1:hover { background: #fffee7; }
.main .body a.box2:hover { background: #ede4f3; }
.main .body a.box3:hover { background: #ddf1e1; }
.main .body a.box4:hover { background: #ecf9ff; }

@keyframes objet1 {
	0% { transform:translateY(0);}
	50% { transform:translateY(-10px);}
	100% { transform:translateY(0);}
}
@keyframes objet2 {
	0% { transform:rotate(0);}
	50% { transform:rotate(-6deg);}
	100% { transform:rotate(0);}
}
@keyframes objet3 {
	0% { transform:translateX(0);}
	50% { transform:translateX(-20px);}
	100% { transform:translateX(0);}
}
@keyframes objet4 {
	0% { transform:translateX(0);}
	50% { transform:translateX(20px);}
	100% { transform:translateX(0);}
}


.main .body a.box1:hover .icons img:nth-child(1){animation: 1.2s linear 0s infinite objet1;}
.main .body a.box1:hover .icons img:nth-child(2){animation: 2.2s linear 0s infinite objet2;}
.main .body a.box2:hover .icons img:nth-child(1){animation: 2.2s linear 0s infinite objet3;}
.main .body a.box2:hover .icons img:nth-child(2){animation: 1.2s linear 0s infinite objet1;}
.main .body a.box3:hover .icons img:nth-child(1){animation: 2.2s linear 0s infinite objet1;}
.main .body a.box3:hover .icons img:nth-child(2){animation: 4.2s linear 0s infinite objet4;}
.main .body a.box4:hover .icons img:nth-child(1){animation: 2.2s linear 0s infinite objet1;}
.main .body a.box4:hover .icons img:nth-child(2){animation: 4.2s linear 0s infinite objet3;}


.footer2 { padding: 35px 0 65px; text-align: center; background: #6b6b6b; }
.footer2 .nav { margin: 25px 0 13px; }
.footer2 .nav a { display: inline-block; vertical-align: middle; font-size:15px; line-height: 20px; color: #cecdcd;}
.footer2 .nav a + a { padding-left: 11px; margin-left: 10px; position: relative;}
.footer2 .nav a strong { color: #fff; }
.footer2 .nav a + a:before { content: ''; position: absolute; left: 0; top:5px; bottom:3px; width:1px; background: #908e8e; }
.footer2 .addr { font-size:12px; line-height: 21px; color:#b0b0b0; }
.footer2 .addr span { display: inline-block; vertical-align: middle;  width:1px; height: 9px; background: #828282; font-size:0; margin:-3px 5px 0; }

.layer_pop{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0, 0, 0, .8);z-index: 999;}
.layer_pop .login_pop{width: 360px;height: 394px;background: #fff;overflow: hidden;border-radius: 38px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}
.pl30{padding-left: 30px !important;}
.prt_box{position: relative;}
.box_hid{overflow: hidden;}
.box_hidove{width: 100%;display: inline-block;}

#container{}
#container .head { height: 406px; background:#ffe476 url(/resources/images/visangtextbook/2015Upper/main/bg_head.jpg) no-repeat 50% 0; text-align: center; }
#container .head .inner { position: relative;width:1096px; margin: 0 auto;}
#container .head .logo1 { position: absolute;left: 0px; top:33px; }
#container .head .logo2 { position: absolute;right: 0px; top:30px; }
#container .head h1 { padding-top:83px; }

.content{padding-bottom: 80px;}
.contBox{width: 1200px;margin:0 auto;position: relative;}

.book_top_bg{background: #f4fcff;}


.select_lec{display: inline-block;width: 244px;height: 48px;border-radius: 24px;position: absolute;top: -25px;right: 0px;z-index: 10;}
.select_lec select{width: 100%;height: 48px;font-size: 16px;letter-spacing: -0.06em;color: #4f617b;border: 1px solid #d0d0d0;border-radius: 24px;font-family: 'Noto Sans Korean';padding-left: 24px;
	background:#fff url(/resources/images/visangtextbook/2015Upper/features/ico_select.png) no-repeat right 25px center;/* 네이티브 화살표 대체 이미지와 위치 */
	/*border-radius: 0px;*//* iOS 둥근모서리 제거 */
	-webkit-appearance: none;/* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}
.select_lec select::-ms-expand {display: none; /* IE 10, 11의 네이티브 화살표 숨기기 */
}
.select_lec select:focus {outline:none;}

.subject_tit{height: 185px;padding-top: 70px;width: 1024px;margin: 0 auto;text-align: center;}
.lec_soc .subject_tit{width: 1200px;}

.book_info{width: 1024px;min-height:574px;margin: 0 auto;/*overflow: hidden;*/position: relative;padding-bottom:50px;}
.book_info ul li{float: left;width: 241px;margin-left: 20px;}
.book_info ul li:first-child{margin-left: 0;}
.book_info ul li .linkBook{margin-top: 10px;border: 1px solid #c6c6c6;}
.book_info ul li .linkBook a{display: block;text-align: center;width: 100%;color: #3f3636;font-size: 15px;letter-spacing: -0.04em;font-weight: 500;height: 50px;border-top: 1px solid #e0e2e4;background: #fff;line-height: 50px;}
.book_info ul li .linkBook a:nth-child(1){border-top: 0;}
.book_info ul li .linkBook a.select,
.book_info ul li .linkBook a:hover{background: #755656;color: #fff;font-weight: 600;}
.book_info.soc1_book_info ul li .linkBook a:nth-child(1){border-top: 1px solid #c9eaf6;line-height: 70px;border-top-left-radius:4px;border-top-right-radius:4px;padding-top: 0px;}
.book_info .icons img{position: absolute;z-index: 99;}
.lec_soc .book_info{width: 1200px;}
.lec_soc .book_info ul li{width:225px;margin-left: 18px;}
.lec_soc .book_info ul li:first-child{margin-left: 0px;}

.contBar{height: 72px;position: relative;width: 100%;background:url(/resources/images/visangtextbook/2015Upper/features/bg_bar.gif) repeat-x center 0;/*margin-top: 50px;*/}
.link_bar{width: 1200px;margin: 0 auto;position: relative;text-align: center;}
.link_bar ul {padding-top: 10px;}
.link_bar ul li{display: inline-block;border: 1px solid #42b9d9;height: 47px;background: #fff;border-radius: 10px;width: 223px;margin: 0 2px;}
.link_bar ul li a{display: inline-block;width: 100%;height: 100%;line-height: 43px;background: url(/resources/images/visangtextbook/2015Upper/features/ico_arr3.png) no-repeat right 18px center;color: #3f3636;font-size: 15px;letter-spacing: -0.04em;font-weight: 500;padding-left: 47px;text-align: left;}
.link_bar ul li:nth-child(1){background:#fff url(/resources/images/visangtextbook/2015Upper/features/ico_list.png) no-repeat 18px center;width: 218px;}
.link_bar ul li:nth-child(2){background:#fff url(/resources/images/visangtextbook/2015Upper/features/ico_bookmark.png) no-repeat 12px center;}
.link_bar ul li:nth-child(3){background:#fff url(/resources/images/visangtextbook/2015Upper/features/ico_digital_bk.png) no-repeat 12px center;}
.link_bar ul li:nth-child(4){background:#fff url(/resources/images/visangtextbook/2015Upper/features/ico_brochure.png) no-repeat 16px center;}
.link_bar ul li:nth-child(1):hover{background:#ffe476 url(/resources/images/visangtextbook/2015Upper/features/ico_list_on.png) no-repeat 18px center;}
.link_bar ul li:nth-child(2):hover{background:#ffe476 url(/resources/images/visangtextbook/2015Upper/features/ico_bookmark_on.png) no-repeat 12px center;}
.link_bar ul li:nth-child(3):hover{background:#ffe476 url(/resources/images/visangtextbook/2015Upper/features/ico_digital_bk.png) no-repeat 12px center;}
.link_bar ul li:nth-child(4):hover{background:#ffe476 url(/resources/images/visangtextbook/2015Upper/features/ico_brochure_on.png) no-repeat 16px center;}

.mov_info{width: 396px;height: 533px;float: right;background: #f5f5f5;border-radius: 16px;padding:30px;position: relative;}
.mov_info .movLink{position: relative;}
.mov_info .movLink .btnmov{position: absolute;}
.mov_info .movLink .click01{width: 143px;height: 132px;top: 12px;left: 12px;}
.mov_info .movLink .click02{width: 143px;height: 131px;top: 158px;right: 12px;}
.mov_info .movLink .btnmov a{display: inline-block;width: 100%;height: 100%;text-indent: -999em;}
.mov_info .click03{width: 340px;top:356px;position: absolute;left:30px;}
.mov_info .click03 a{display: inline-block;height: 72px;width: 166px;line-height: 66px;border:2px solid #9faebb;text-align: center;color: #6b7080;background: #fff;font-size: 15px;font-weight: 400;letter-spacing: -0.04em;border-radius: 14px;float: left;margin-right: 4px;margin-bottom: 4px;}
.mov_info .click03 a:hover,
.mov_info .click03 a.select{border:2px solid #3ec5fd;}
.mov_info .click03 a:nth-child(1){line-height: 20px;padding-top: 12px;}

.contView{margin-top: 50px;position: relative;}
.tabArea{width: 1090px;position: relative;}
.tabs{overflow: hidden;}
.tabs .tab-link{width: 218px;height: 62px; display: inline-block;float:left;}
.tabs .tab-link a{width: 100%;height: 100%;display: inline-block;color:#393d49;font-size:17px;font-weight:400;text-align: center;background:#f6ead8;border-top:2px solid #efddc3;border-bottom:2px solid #efddc3;letter-spacing: -0.06em;line-height: 58px;border-left:1px solid #efddc3;}
.tabs li:first-child a{border-left:2px solid #efddc3;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.tabs li:last-child a{border-right:2px solid #efddc3;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
.tabs .tab-link.current a{background: #f36f21;font-weight: 600;color: #fff;font-size: 20px;border:1px solid #f36f21;line-height: 62px;}

.tab-content{display: none;overflow: hidden;}
.tab-content.current{display: block;width: 100%;padding-top: 50px;}
.tab_cont{position: relative;}
.tab_tit{font-size: 28px;font-weight: 600;letter-spacing: -0.03em;color: #fb7f10;}
.tab_tit img{vertical-align: middle;}
.tab_subtit{color: #424a58;font-size: 18px;font-weight: 400;letter-spacing: -0.05em;background:url(/resources/images/visangtextbook/2015Upper/features/tit_bullet.png) no-repeat 0 7px;line-height: 26px;padding-left: 12px;}
.tab_subtit span{color: #fd5b76;}
.img_box{position: relative;}
.lineBar{height: 1px;width: 100%;border-top: 1px solid #e4e4e4;}
.buble_dd{display:inline-block;position: absolute;z-index: 9;}

.quickMenu{width: 92px;position: absolute;top:0px;right:0;text-align: center;}
/*.quickMenu.fix{position: fixed;top: 15px;left: 50%;margin-left: 39.29em;}*/
.quickMenu .quic_lec{border: 2px solid #d5d5d5;border-radius: 10px;overflow: hidden;width: 100%;margin-bottom: 30px;}
.quickMenu h6{color: #826262;font-size: 12px;letter-spacing: -0.06em;font-weight: 500;/*border: 1px solid #ffc71f;*/line-height: 34px;background: #ffd558;}
.quickMenu ul{}
.quickMenu ul li{width: 92px;}
.quickMenu ul li a{background: #eee url(/resources/images/visangtextbook/2015Upper/features/ico_q_arr_off.png) no-repeat right 8px center;color: #6a6a6a;font-size: 13px;letter-spacing: -0.06em;display: inline-block;width: 100%;height: 30px;text-align: left;line-height: 30px;border-bottom: 1px solid #dedada;padding-left: 10px;background: #eee url(/resources/images/visangtextbook/2015Upper/features/ico_q_arr_off.png) no-repeat right 8px center;}
.quickMenu ul li.lec6 a{background: #fbfbfb url(/resources/images/visangtextbook/2015Upper/features/ico_q_arr_off.png) no-repeat right 8px center;}
.quickMenu ul li:last-child a{border-bottom: 0;}
.quickMenu ul li a:hover,
.quickMenu ul li a.select{background: #fff6dc url(/resources/images/visangtextbook/2015Upper/features/ico_q_arr_on.png) no-repeat right 8px center;color: #f36f21;}
.quickMenu .quicM01{width: 51px;background:url(/resources/images/visangtextbook/2015Upper/features/quick1_off.png) no-repeat center 0;display: inline-block;margin-bottom: 16px;}
.quickMenu .quicM02{width: 51px;background:url(/resources/images/visangtextbook/2015Upper/features/quick2_off.png) no-repeat center 0;display: inline-block;margin-bottom: 16px;}
.quickMenu .quicM03{width: 51px;background:url(/resources/images/visangtextbook/2015Upper/features/quick3_off.png) no-repeat center 0;display: inline-block;margin-bottom: 16px;}
.quickMenu .quicM04{width: 51px;background:url(/resources/images/visangtextbook/2015Upper/features/quick4_off.png) no-repeat center 0;display: inline-block;margin-bottom: 16px;}
.quickMenu .quicM05{width: 51px;background:url(/resources/images/visangtextbook/2015Upper/features/quick5_off.png) no-repeat center 0;display: inline-block;margin-bottom: 16px;}
.quickMenu .quicM06{width: 51px;background:url(/resources/images/visangtextbook/2015Upper/features/quick6_off.png) no-repeat center 0;display: inline-block;margin-bottom: 30px;}
.quickMenu .quicM01:hover{background:url(/resources/images/visangtextbook/2015Upper/features/quick1_on.png) no-repeat center 0;}
.quickMenu .quicM02:hover{background:url(/resources/images/visangtextbook/2015Upper/features/quick2_on.png) no-repeat center 0;}
.quickMenu .quicM03:hover{background:url(/resources/images/visangtextbook/2015Upper/features/quick3_on.png) no-repeat center 0}
.quickMenu .quicM04:hover{background:url(/resources/images/visangtextbook/2015Upper/features/quick4_on.png) no-repeat center 0;}
.quickMenu .quicM05:hover{background:url(/resources/images/visangtextbook/2015Upper/features/quick5_on.png) no-repeat center 0;}
.quickMenu .quicM06:hover{background:url(/resources/images/visangtextbook/2015Upper/features/quick6_on.png) no-repeat center 0;}
.quickMenu a span{display: block;text-align: center;color: #657285;font-size: 13px;letter-spacing: -0.05em;line-height: 15px;margin-top: 58px;}
.quickMenu .quicM02 span,
.quickMenu .quicM03 span,
.quickMenu .quicM04 span{width: 60px;margin-left: -5px;}
.quickMenu .quicM05 span{width: 72px;margin-left: -11px;}

.halfBoxL{float:left;position: relative;}
.halfBoxR{float:right;position: relative;}
.tit_img{margin-top: -15px;}
.img_txt{color: #424a58;font-size: 18px;line-height: 26px;letter-spacing: -0.05em;font-weight: 300;}
.img_txt2 {color:#fd5b76;font-size: 18px;line-height: 26px;letter-spacing: -0.05em;font-weight: 500; }

.lecListinfo{text-align: center;}
.btnLect{margin-top: 25px;}
.btnLect div{display: inline-block;width: 300px;height: 52px;border-radius: 10px;box-shadow: 0px 4px #e3e3e3;margin-right: 5px;}
.btnLect a{display: inline-block;background: #ffeb90 url(/resources/images/visangtextbook/2015Upper/features/ico_arr.png) no-repeat right 25px center;color: #d94f1f;width: 100%;height: 100%;border-radius: 10px;font-size: 16px;font-weight: 600;letter-spacing: -0.08em;text-align: left;padding-left: 26px;border: 2px solid #ffd06c;line-height: 47px;}
.btnLect a span{display: inline-block;font-weight: 400;padding-left: 2px;color: #755656;}

.sub_tab{margin-top: 40px;border-bottom: 2px solid #bdc4c8;}
.sub_tab ul{overflow: hidden;margin-bottom: -2px;}
.sub_tab ul li{float: left;width: 230px;margin-right: 1px;height: 50px;}
.sub_tab ul li a{display: inline-block;width: 100%;height: 100%;color: #646c71;font-size: 14px;letter-spacing: -0.05em;text-align: center;line-height: 50px;border: 1px solid #bdc4c8;border-bottom: 2px solid #bdc4c8;background: #eef0f2;border-top-left-radius: 8px;border-top-right-radius: 8px;font-weight: 400;}
.sub_tab ul li a span{color: #f36f21;font-weight:500;}
.sub_tab ul li a:hover,
.sub_tab ul li.current a{color: #000;background: #f36f21;border: 1px solid #e7661a;border-bottom: 2px solid #e7661a;}
.sub_tab ul li a:hover span,
.sub_tab ul li.current a span{color: #fff;font-weight: 600;}
.sub-tab-content{margin-top: 20px;min-height: 1038px;display: none;}
.sub-tab-content.current{display: block;width: 100%;}

.normalTable{border-top: 2px solid #718494;width: 100%;}
.normalTable table{width: 100%;}
.normalTable table thead th{background: #9faebb;color: #fff;font-size: 14px;font-weight: 500;letter-spacing: -0.04em;border-left: 1px solid #d9d9d9;padding:12px 0;}
.normalTable table tbody th{background: #eff8fc;border-left: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;color: #4f5c71;font-weight: 500;letter-spacing: -0.04em;font-size: 15px;}
.normalTable table tbody th strong{font-weight: normal;color: #184889;font-size: 17px;}
.normalTable table tbody td{background: #fff;color: #425067;font-size: 15px;letter-spacing: -0.04em;border-left: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;padding:12px 0 12px 15px;}
.normalTable table .firstline{border-left: 0;}
.normalTable table .last{text-align: center;color: #fb9f10;}

.writer_txt{position: absolute;top:30px;left: 444px;}
.writer_list{/*overflow: hidden;*/display: inline-block;width: 100%;}
.writer_list .writer_list_box{width: 207px;float: left;display: block;margin-right: 10px;}
.writer_list .writer_list_box li{margin-bottom: 10px;}
.wirterBox{background: #f5f5f5;border:1px solid #dfdfdf;border-radius: 27px;padding:25px;padding-right: 0;}
.wirterBox .wirter_name{color: #393d49;font-size: 19px;letter-spacing: -0.04em;font-weight: 600;}
.wirterBox .wirter_name span{color: #01bff0;padding-right: 3px;}
.wirterBox ul {margin-top: 10px;}
.wirterBox ul li{color: #393d49;font-size: 13px;letter-spacing: -0.04em;line-height: 20px;background: url(/resources/images/visangtextbook/2015Upper/features/bullet.png) no-repeat 0 8px;padding-left: 11px;margin-bottom: 0px !important;}
.wirterBox .wirter_img{display: block;margin-top: 15px;padding-left: 14px;}
.writer_list_box_noimg{display: block;overflow: hidden;width: 424px;}
.writer_list_box_noimg dl{padding:12px 25px 12px 25px;overflow: hidden;margin-bottom: 10px;}
.writer_list_box_noimg dl dt{width: 78px;float: left;}
.writer_list_box_noimg dl dd{color: #393d49;font-size: 13px;letter-spacing: -0.04em;line-height: 20px;background: url(/resources/images/visangtextbook/2015Upper/features/bullet.png) no-repeat 0 8px;padding-left: 11px;float: left;margin-top: 3px;}

.layer_bg{position: fixed;top:0;left:0;width: 100%;height: 100%;background:rgba(34, 37, 43, 0.85);z-index: 1000;display: none;}
.layer_cont{position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);width: 1010px;height: 710px; background: url(/resources/images/visangtextbook/2015Upper/features/curriculum_lay_box.png) no-repeat 0 0;}
.layer_cont .layer_head{height: 78px;position: relative;}
.layer_cont .layer_head .head_tit{color: #ff8025;font-size: 20px;letter-spacing: -0.06em;font-weight: 600;line-height: 78px;padding: 0 16px 0 40px;float: left;}
.layer_cont .layer_head .head_tit span{display: inline-block;height:19px;width: 10px;border-left: 2px solid #ff8025;vertical-align: middle;margin-left: 10px;}
.layer_cont .layer_head .btn_down{display: inline-block;margin-top: 22px;}
.layer_cont .layer_head .close_button{display: inline-block;position: absolute;top:28px;right:40px;}
.layer_cont .layer_mid{width: 883px;margin:0 auto;margin-top: 60px;height: 560px;overflow-y:auto;text-align: center;}

.layer_cont.digital{background: url(/resources/images/visangtextbook/2015Upper/features/digital_lay_box.png) no-repeat 0 0;}
.layer_cont.digital .layer_mid{height: 482px;}
.layer_cont .layer_foot{height: 60px;text-align: center;font-size: 16px;letter-spacing: -0.05em;color: #fff;margin-top: 20px;line-height: 60px;}
.btn_sv_link{position: absolute;}
.btn_sv_link a{display: inline-block;width: 100%;height: 100%;line-height: 47px;color: #826262;background: #f4db6b url(/resources/images/visangtextbook/2015Upper/features/ico_arr2.png) no-repeat right 20px center;text-align: left;padding-left: 24px;border-radius: 10px;font-size: 16px;letter-spacing: -0.03em;font-weight: 500;border: 1px solid #f1d247;}
.linkSv01{width: 182px;top: 307px;left: 55px;}
.linkSv02_1{width: 182px;top:236px;left: 306px;}
.linkSv02_2{width: 182px;top:413px;left: 306px;}
.linkSv02_3{width: 182px;top:236px;left: 820px;}
.linkSv02_4{width: 182px;top:413px;left: 820px;}
.linkSv03{width: 182px;top:325px;left: 55px;}
.linkSv04_1{width: 212px;top:342px;left: 60px;}
.linkSv04_2{width: 212px;top:342px;left: 313px;}
.linkSv04_3{width: 212px;top:342px;left: 566px;}
.linkSv04_4{width: 212px;top:342px;left: 819px;}
.linkSv05_1{width: 73px;height: 73px; top:224px;left: 54px;}
.linkSv05_2{width: 73px;height: 73px;top:224px;left: 136px;}
.linkSv05_3{width: 73px;height: 73px;top:224px;left: 214px;}
.linkSv05_4{width: 73px;height: 73px;top:224px;left: 294px;}
.linkSv05_5{width: 73px;height: 73px;top:224px;left: 376px;}
.linkSv05_6{width: 73px;height: 73px;top:224px;left: 455px;}
.linkSv05_7{width: 73px;height: 73px;top:224px;left: 535px;}
.linkSv05_8{width: 73px;height: 73px;top:224px;left: 615px;}
.linkSv05_9{width: 73px;height: 73px;top:302px;left: 53px;}
.linkSv05_10{width: 73px;height: 73px;top:302px;left: 134px;}
.linkSv05_11{width: 73px;height: 73px;top:302px;left: 215px;}
.linkSv05_12{width: 73px;height: 73px;top:302px;left: 294px;}
.linkSv05_13{width: 73px;height: 73px;top:302px;left: 374px;}
.linkSv05_14{width: 73px;height: 73px;top:302px;left: 454px;}
.linkSv05_15{width: 73px;height: 73px;top:302px;left: 533px;}
.linkSv05_16{width: 73px;height: 73px;top:302px;left: 613px;}
.linkSv05_17{width: 73px;height: 73px;top:224px;left: 693px;}
.linkSv05_18{width: 73px;height: 73px;top:302px;left: 693px;}
.linkSv05_1 a,
.linkSv05_2 a,
.linkSv05_3 a,
.linkSv05_4 a,
.linkSv05_5 a,
.linkSv05_6 a,
.linkSv05_7 a,
.linkSv05_8 a,
.linkSv05_9 a,
.linkSv05_10 a,
.linkSv05_11 a,
.linkSv05_12 a,
.linkSv05_13 a,
.linkSv05_14 a,
.linkSv05_15 a,
.linkSv05_16 a,
.linkSv05_17 a,
.linkSv05_18 a{padding:0;border: 0;width: 100%;height: 100%;text-indent: -999em;border-radius: 50%;}
.linkSv05_1 a{background: #eee url(/resources/images/visangtextbook/2015Upper/features/ico_service01.png) no-repeat center center;}
.linkSv05_2 a{background: #eee url(/resources/images/visangtextbook/2015Upper/features/ico_service02.png) no-repeat center center;}
.linkSv05_3 a{background: #eee url(/resources/images/visangtextbook/2015Upper/features/ico_service03.png) no-repeat center center;}
.linkSv05_4 a{background: #eee url(/resources/images/visangtextbook/2015Upper/features/ico_service04.png) no-repeat center center;}
.linkSv05_5 a{background: #eee url(/resources/images/visangtextbook/2015Upper/features/ico_service05.png) no-repeat center center;}
.linkSv05_6 a{background: #eee url(/resources/images/visangtextbook/2015Upper/features/ico_service06.png) no-repeat center center;}
.linkSv05_7 a{background: #eee url(/resources/images/visangtextbook/2015Upper/features/ico_service07.png) no-repeat center center;}
.linkSv05_8 a{background: #eee url(/resources/images/visangtextbook/2015Upper/features/ico_service08.png) no-repeat center center;}
.linkSv05_9 a{background: #eee url(/resources/images/visangtextbook/2015Upper/features/ico_service09.png) no-repeat center center;}
.linkSv05_10 a{background: #eee url(/resources/images/visangtextbook/2015Upper/features/ico_service10.png) no-repeat center center;}
.linkSv05_11 a{background: #eee url(/resources/images/visangtextbook/2015Upper/features/ico_service11.png) no-repeat center center;}
.linkSv05_12 a{background: #eee url(/resources/images/visangtextbook/2015Upper/features/ico_service12.png) no-repeat center center;}
.linkSv05_13 a{background: #eee url(/resources/images/visangtextbook/2015Upper/features/ico_service13.png) no-repeat center center;}
.linkSv05_14 a{background: #eee url(/resources/images/visangtextbook/2015Upper/features/ico_service14.png) no-repeat center center;}
.linkSv05_15 a{background: #eee url(/resources/images/visangtextbook/2015Upper/features/ico_service15.png) no-repeat center center;}
.linkSv05_16 a{background: #eee url(/resources/images/visangtextbook/2015Upper/features/ico_service16.png) no-repeat center center;}
.linkSv05_17 a{background: #eee url(/resources/images/visangtextbook/2015Upper/features/ico_service17.png) no-repeat center center;}
.linkSv05_18 a{background: #eee url(/resources/images/visangtextbook/2015Upper/features/ico_service18.png) no-repeat center center;}
.linkSv05_1 a:hover,
.linkSv05_2 a:hover,
.linkSv05_3 a:hover,
.linkSv05_4 a:hover,
.linkSv05_5 a:hover,
.linkSv05_6 a:hover,
.linkSv05_7 a:hover,
.linkSv05_8 a:hover,
.linkSv05_9 a:hover,
.linkSv05_10 a:hover,
.linkSv05_11 a:hover,
.linkSv05_12 a:hover,
.linkSv05_13 a:hover,
.linkSv05_14 a:hover,
.linkSv05_15 a:hover,
.linkSv05_16 a:hover,
.linkSv05_17 a:hover,
.linkSv05_18 a:hover{background-color: #caedff;}
.linkSv06_1{width: 214px;top:523px;left: 143px;}
.linkSv06_2{width: 214px;top:523px;left: 437px;}vvvv
.linkSv06_3{width: 214px;top:523px;left: 731px;}

.quicTop{display: none;position: fixed;bottom: 255px;z-index: 999;left: 50%;transform: translate(762%, 0);}
.fix .quicTop {
	display: inline-block;
  position: fixed;
  animation: down 0.5s ease;
  /* border: 1px solid red; */
  bottom: 0px;
  left: 50%;
  transform: translate(770%, 0);
  background: none;
}

.electronicIframe {position: absolute; height: 100%; border: none}

/* 추가 작업분 */
/*초등 교과서 홍보 플로팅배너 */
.visangtextbook .banner {position:fixed; top:218px; right:392px; z-index:9999;}
.visangtextbook .banner .banner_close {display:inline-block; position:absolute; top:25px; right:22px; width:33px; height:33px; background: url(/resources/images/visangtextbook/2015Upper/main/banner_close.png)no-repeat center; font-size:0; cursor:pointer; z-index:99999;}

/* 사회 교과서특장점 서브탭 추가 */
.sub_tab.add_tab{margin-top:-50px;border-bottom:0;}
.sub_tab.add_tab ul{margin-top:10px;margin-bottom:0;}
.sub_tab.add_tab ul li{position:relative;width:auto;min-width:100px;padding:0 20px;}
.sub_tab.add_tab ul li + li:before{content:'';position:absolute;top:17px;left:0;display:inline-block;width:1px;height:16px;background:#b2b9ba;}
.sub_tab.add_tab ul li a{font-size:18px;background:none;border:0;border-radius:0;}
.sub_tab.add_tab ul li a:hover,
.sub_tab.add_tab ul li.current a{background:none;border:0;font-weight:600;color:#f36f21;}
.sub-tab-content.add-tab-content{margin-top:40px;}
.lec_soc #tab-2 .sub_tab.add_tab{margin-left:215px;}