/* ******************** 메인 ******************** */
.bestCon {position:relative; width:100%; min-width:1200px; height:465px; background:url(../images/main/bestCon.jpg) no-repeat; background-position:50%;}
.visual {position:relative; width:1000px; height:465px; margin:0 auto;}
/* 책 */
.visual>ul {display:block; position:absolute; width:100%; padding:0; margin:0;}
.visual .line1 {top:25px;}
.visual .line2 {top:255px;}
.visual>ul>li {position:relative; float:left; display:table; padding:0 30px; margin:40px 0 0 0; width:20%; height:150px; text-align:center; vertical-align:bottom;}
.visual>ul>li.over {margin-top:40px;}
.visual>ul>li a {display:table-cell; bottom:0; vertical-align:bottom;}
.visual>ul>li a img {z-index:1; position:relative; width:100px; box-shadow:5px 2px 5px rgba(0,0,0,.3); vertical-align:top;}
.visual>ul>li a img:hover {box-shadow:5px 2px 5px rgba(0,0,0,.5);}

.visual .info {z-index:2; position:absolute; display:none; left:30px; bottom:100px; padding-bottom:8px;}
.visual .info.on {display:block;}
.visual .info .edge {position:absolute; left:30px; bottom:0; width:17px; height:8px; background:url(../images/main/edge.png) no-repeat;}
.visual .info dl {
	overflow:hidden; max-width:180px; text-align:left;
	border-radius:4px; border:1px solid #fff; background:#fff; box-shadow:5px 5px 10px rgba(0,0,0,.5);
}
.visual .info dl dt {padding:10px; margin-bottom:10px; font-size:13px; line-height:1.4; color:#fff; background:#dda84a;}
.visual .info dl dd {display:block; margin:0; padding:0 10px; font-size:12px; line-height:1.4;}
.visual .info dl dd:last-child {margin-bottom:10px;}

/* ******************** 인트로 ******************** */
.intro {width:100%; height:100%; background:url(../images/intro/bg.jpg) no-repeat; background-size:cover;}
.intro section {width:1000px; margin:0 auto;}
.intro_head h1 {padding:20px 0 0 40px;}
.intro_body {position:relative; height:706px; z-index:10; background:url(../images/intro/book_bg.png) no-repeat;}
.intro_body h2 {position:absolute; z-index:100; top:110px; left:110px;}
.introImg {display:none;}

.intro_body p {margin:0 auto; text-align:center; padding-top:10px;}
.intro_body a {display:inline-block; background:#00358d; padding:10px 25px; font-size:12px; font-family:"Noto Sans KR", sans-serif; border-radius:100px; color:#fff; vertical-align:top; margin-left:30px; margin-top:5px;}
.intro_body a:hover {background:#149be2;
transition:0.3s linear;
-webkit-transition:0.3s linear;
-moz-transition:0.3s linear;
}
.intro_foot {width:1000px; margin:0 auto; padding-top:100px;}
.intro_foot p {font-size:12px; font-family:"돋움", sans-serif;}
.intro_foot p:nth-child(2) {padding-left:0 !important;}
.intro_foot p:nth-child(3) {padding-left:0px !important; padding-right:0 !important;}