/*공통*/ @charset "euc-kr"; #bookstore2018{font-family:'Malgun Gothic','Droid Sans','Apple-Gothic','애플고딕','Tahoma',dotum,'돋움',gulim,'굴림',Arial,sans-serif;width:100%;position:relative;letter-spacing:-1px; font-size:12px;line-height:1.2;} #bookstore2018 * { box-sizing:border-box; } #bookstore2018 a { color:#333; } /* #bookstore2018 a:hover { color:#0083ff !important; }*/ #bookstore2018 .light { font-weight: 300 } #bookstore2018 .regular{ font-weight: 400 } #bookstore2018 .bold { font-weight: 700 } #bookstore2018 .point_blue{color:#0083ff;} #bookstore2018 .point_666{color:#666;} #bookstore2018 .point_red{color:#fc2121;} #bookstore2018 textarea, #bookstore2018 button { border:none; } #bookstore2018 textarea:focus, #bookstore2018 button:focus { outline:none; } #bookstore2018 header, #bookstore2018 nav, #bookstore2018 section, #bookstore2018 aside, #bookstore2018 article, #bookstore2018 footer{width:100%;position:relative;} #bookstore2018 .iconCom { background: url('//img.kimyoung.co.kr/bookstore/background-icon.png') no-repeat } /*컨텐츠*/ #bookstore2018 #section01 { width:1100px; margin:auto; position:relative } #bookstore2018 #section03, #bookstore2018 #section05 { width:1100px; margin:auto; position:relative; padding: 30px 0 } #bookstore2018 #section02, #bookstore2018 #section04 { overflow: hidden; width:100%;position:relative; padding:30px 0 } #bookstore2018 #section02 { background-color: #dff0fa } #bookstore2018 #section04 { background-color: #f2f3f5 } #bookstore2018 #section01 { margin-top:15px; margin-bottom:30px } #bookstore2018 #section01:after {content:" "; display:block; clear:both } /* 컨텐츠별 제목 공통 */ #bookstore2018 .bsTitle { overflow: hidden } #bookstore2018 .bsTitle h3 { float:left; padding-left: 10px; padding-top: 3px; font-size: 16px; font-weight: bold; color: #222 } #bookstore2018 .iconCom { float: left; display: inline-block;height: 25px} #bookstore2018 .recomBook .iconCom { width: 21px; background-position: -140px 0px } #bookstore2018 .bestBook .iconCom { width: 26px; background-position: -163px 0px } #bookstore2018 #section03 .iconCom { width: 22px; background-position: -191px 0px } #bookstore2018 #section04 .iconCom { width: 26px; background-position: -213px 0px } /* 컨텐츠별 버튼 공통 */ #bookstore2018 .bsBtn { display: inline-block; margin-left: 15px } #bookstore2018 .bsBtn ul li { display: inline-block; background-color: #fff; border-radius:35px; border: 1px solid #1290e7 } #bookstore2018 .bsBtn ul li a { display: block; color: #1290e7; padding: 7px 20px 8px } #bookstore2018 .bsBtn .bsBtnOn, #bookstore2018 .bsBtn li:hover { background-color: #1290e7 !important; font-weight: bold; } #bookstore2018 .bsBtn .bsBtnOn a, #bookstore2018 .bsBtn a:hover { color: #fff; font-weight: bold } /* 딱 지금 추천하는 교재 */ #bookstore2018 .recomBook { float: left; margin-right: 15px } #bookstore2018 .recomBook > div:nth-child(2) { position: relative; width: 759px; height: 289px; margin-top:23px; padding: 16px 0 21px; background-color: #fff; border: 1px solid #e0e0e0 } #bookstore2018 .recomPrev.iconCom { float: inherit; position: absolute; z-index: 1; top: 118px; left:0; width: 38px; height: 38px; background-position: -49px 0px; text-indent: -9999px } #bookstore2018 .recomNext.iconCom { float: inherit; position: absolute; z-index: 1; top: 118px; right:0; width: 38px; height: 38px; background-position: -87px 0px; text-indent: -9999px } #bookstore2018 .recomPrev.iconCom a, #bookstore2018 .recomNext.iconCom a { display: block; width: 100%; height: 100% } #bookstore2018 .recomBook #rcPage01, #bookstore2018 .recomBook #rcPage02 { position: relative; overflow: hidden; padding-left: 50px; padding-right: 49px } #bookstore2018 .recomBook #rcPage01 ul li, #bookstore2018 .recomBook #rcPage02 ul li{ float: left; text-align: center } #bookstore2018 .recomBook #rcPage01 ul li .bookImg, #bookstore2018 .recomBook #rcPage02 ul li .bookImg { display: inline-block } #bookstore2018 .recomBook #rcPage01 ul li .bookImg img, #bookstore2018 .recomBook #rcPage02 ul li .bookImg img { width: 107px; height: 146px; box-shadow: 1px 2px 1px rgba(0,0,0,0.25) } #bookstore2018 .recomBook #rcPage01 ul li, #bookstore2018 .recomBook #rcPage02 ul li { margin-left: 6px } #bookstore2018 .recomBook #rcPage01 ul li:nth-child(1), #bookstore2018 .recomBook #rcPage02 ul li:nth-child(1){ margin-left: 0 } #bookstore2018 .recomBook #rcPage01 ul li > div, #bookstore2018 .recomBook #rcPage02 ul li > div{ width: 160px; text-align: center } #bookstore2018 .recomBook #rcPage01 ul li .bookInfo, #bookstore2018 .recomBook #rcPage02 ul li .bookInfo{ padding: 17px 24px 0 } #bookstore2018 .recomBook #rcPage01 ul li .bookInfo h4 a, #bookstore2018 .recomBook #rcPage02 ul li .bookInfo h4 a { display: inline-block; text-align: center; width: 112px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.1; height: 35px; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 16px; color: #1290e7 } #bookstore2018 .recomBook #rcPage01 ul li .bookInfo p, #bookstore2018 .recomBook #rcPage02 ul li .bookInfo p { font-size: 12px; color: #739fbc; margin: 8px 0 10px } #bookstore2018 .recomBook #rcPage01 ul li .bookPrice, #bookstore2018 .recomBook #rcPage02 ul li .bookPrice { overflow: hidden; display:block; width: 100%; border-top: 1px dashed #f0f0f0; padding-top:10px; color: #555 } #bookstore2018 .recomBook #rcPage01 ul li .bookPrice p, #bookstore2018 .recomBook #rcPage02 ul li .bookPrice p { position: relative; display: inline-block; height: 14px; line-height: 18px; opacity: 0.6 } #bookstore2018 .recomBook #rcPage01 ul li .bookPrice p img, #bookstore2018 .recomBook #rcPage02 ul li .bookPrice p img{ position: absolute; top:9px; right:-3px; } #bookstore2018 .recomBook #rcPage01 ul li .bookPrice strong, #bookstore2018 .recomBook #rcPage02 ul li .bookPrice strong { height: 14px; line-height: 18px; font-weight: bold; } #bookstore2018 .bookPrice .iconCom { display: inline-block; float:none; width: 33px; height: 14px; line-height: 11px; background-position: -15px 0px; text-indent: -9999px } #bookstore2018 .recomBook .rcPageOn { display: inline-block } #bookstore2018 .recomBook .rcPageOff { display: none } /* 베스트 교재 */ #bookstore2018 .bestBook { display: inline-block } #bookstore2018 #bestBook1, #bookstore2018 #bestBook2 { margin-top: 17px} #bookstore2018 #bestBook1 li, #bookstore2018 #bestBook2 li { display: block; position: relative;} #bookstore2018 #bestBook1 .bbRank, #bookstore2018 #bestBook2 .bbRank { position:absolute; top:0; right:290px; } #bookstore2018 #bestBook1 li a img, #bookstore2018 #bestBook2 li a img { border: 1px solid #e0e0e0 } #bookstore2018 #bestBook1 li:nth-child(1) a img, #bookstore2018 #bestBook1 li:nth-child(2) a img, #bookstore2018 #bestBook2 li:nth-child(1) a img, #bookstore2018 #bestBook2 li:nth-child(2) a img { border-bottom: 0 } #bookstore2018 #section01 .bsmainRightBnr {float:right;width:326px } #bookstore2018 #section01 .bsmainBigBnr {float:left;margin-right:15px;width:759px } /* 경쟁자들이 가장 많이 선택한 교재 */ #bookstore2018 .choiceBook { width: 1100px; height: 289px; margin-top:17px; border: 1px solid #e0e0e0 } /* 실력향상을 도와줄 인강교재 */ #bookstore2018 .elList { margin-top: 17px } #bookstore2018 .elList ul li { float:left; margin-left: 9px } #bookstore2018 .elList ul li:nth-child(1) { margin-left: 0 } #bookstore2018 .elList .elLine { position: relative; width: 268px; height: 226px; background-color: #fff; border: 1px solid #ececec } #bookstore2018 .elList .elLine div:nth-child(1) { overflow: hidden } #bookstore2018 .elList .elLine div:nth-child(1) div:nth-child(1) { float: left; width: 104px; margin-left: 20px; margin-top:16px } #bookstore2018 .elList .elLine div:nth-child(1) p {font-weight: 500; font-size: 13px; margin-bottom: 7px; color: #646C74; } #bookstore2018 .elList .elLine div:nth-child(1) h4 a { display: inline-block; text-align: left; width: 98px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.1; height: 36px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 16px; color: #1290e7 } #bookstore2018 .elList .elLine div:nth-child(1) div:nth-child(2) { float: right; margin-top: 20px; margin-right: 20px } #bookstore2018 .elList .elLine div:nth-child(1) div:nth-child(2) img { width: 102px; height: 143px; border: 1px solid #e4e4e4 } #bookstore2018 .elList .elLine div:nth-child(2) div:nth-child(1) .aleft55 { left:55px } #bookstore2018 .elList .elLine div:nth-child(2) div:nth-child(1) img { position: absolute; z-index: 1; top:83.2px; left: 9px } #bookstore2018 .elList .elLine div:nth-child(2) div:nth-child(2) { width: 100%; height: 40px; margin-top: 22px; background-color: rgba(0,0,0,0.1); border-top:1px solid rgba(255,255,255,0.4); text-align: right; padding-right: 20px; padding-top: 8px } #bookstore2018 .elList .elLine .lecBtn { display: inline-block; color: #727272; text-align: center; width: 102px; height: 23px; line-height: 1.7; background-color: #fff; border: 1px solid #999 } #bookstore2018 .elList .elLine .lecBtn:hover, #bookstore2018 .elList .elLine .lecBtn a:hover { background-color: #999; color: #fff } #bookstore2018 .elList .elLine .lecBtn a { display: block } #bookstore2018 .elList .elLine .lecBtn .iconCom { float: inherit; width: 6px !important; height: 8px; margin-left: 4px; background-position: -126px 0px !important } /* 학습서비스 */ #bookstore2018 .bsService { position: relative; overflow: hidden } #bookstore2018 .bsService ul li { float: left; margin-left: 9px } #bookstore2018 .bsService ul li:nth-child(1) { margin-left: 0} /*메인 슬라이드*/ #bookstore2018 .bsmainRightBnr .bx-wrapper2 { *zoom: 1;-ms-touch-action: pan-y; touch-action: pan-y } #bookstore2018 .bsmainRightBnr .bx-wrapper2 img { max-width: 100%; display: block } #bookstore2018 .bsmainRightBnr .bxslider2 { margin: 0; padding: 0 } #bookstore2018 .bsmainRightBnr ul.bxslider2 { list-style: none } #bookstore2018 .bsmainRightBnr .bx-viewport { /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0) } #bookstore2018 .bsmainRightBnr .bx-controls-direction a { position:absolute; top:0; right:0px; display:inline-block; width:42px; height:6px; text-indent:-9999px; overflow:hidden;z-index:0 } #bookstore2018 .bsmainRightBnr .bsbx-pagerBtn { position: absolute; top:10px; right:10px; z-index: 8888 } #bookstore2018 .bsmainRightBnr .bsbx-pagerBtn a { background-color: #b7b7b7; text-indent: -9999px; display: inline-block; width: 6px; height: 6px; border-radius: 50%;} #bookstore2018 .bsmainRightBnr .bsbx-pagerBtn a:hover { background-color: #fff; border-radius: 20px; width: 15px } #bookstore2018 .bsmainRightBnr .bsbx-pagerBtn .Onactive { background-color: #fff; border-radius: 20px; width: 15px } /* 검색바 */ #bookstore2018 .bsmainRightBnr .bsSearchBar { position: relative; width: 326px; height: 44px; border: 1px solid #ebebeb; padding: 10px 20px } #bookstore2018 .bsmainRightBnr .bsSearchBar #book_search_input { width: 264px; height: 20px; border:0; border-bottom: 1px solid #bbb; color: #555 } #bookstore2018 .bsmainRightBnr .bsSearchBar img { } #bookstore2018 .bsmainRightBnr .bsSearchBar a { position: absolute; z-index: 1; top: 13px; right: 20px } #bookstore2018 .bsmainBigBnr_pager5, #bookstore2018 .bsmainBigBnr_pager4, #bookstore2018 .bsmainBigBnr_pager3, #bookstore2018 .bsmainBigBnr_pager2, #bookstore2018 .bsmainBigBnr_pager1 { background:#f2f3f5; height:44px; line-height: 43px } #bookstore2018 .bsmainBigBnr_pager5>li {float:left; width:19.78%; text-align: center } #bookstore2018 .bsmainBigBnr_pager4>li {float:left; width:24.8%; text-align: center } #bookstore2018 .bsmainBigBnr_pager3>li {float:left; width:33.15%; text-align: center } #bookstore2018 .bsmainBigBnr_pager2>li {float:left; width:49.77%; text-align: center } #bookstore2018 .bsmainBigBnr_pager1>li {float:left; width:100%; text-align: center } #bookstore2018 .bsmainBigBnr_pager5 .pagerLine, #bookstore2018 .bsmainBigBnr_pager4 .pagerLine, #bookstore2018 .bsmainBigBnr_pager3 .pagerLine, #bookstore2018 .bsmainBigBnr_pager2 .pagerLine, #bookstore2018 .bsmainBigBnr_pager1 .pagerLine { content: ''; background:#e4e5e7; width:2px; height:34px; display: inline-block; margin-top:5px } #bookstore2018 .bsmainBigBnr_pager5>li>a, #bookstore2018 .bsmainBigBnr_pager4>li>a, #bookstore2018 .bsmainBigBnr_pager3>li>a, #bookstore2018 .bsmainBigBnr_pager2>li>a, #bookstore2018 .bsmainBigBnr_pager1>li>a { font-size:14px; font-weight: bold; color:#6a6f75; display:block; width:100% } #bookstore2018 .bsmainBigBnr_pager5>li>a:hover, #bookstore2018 .bsmainBigBnr_pager4>li>a:hover, #bookstore2018 .bsmainBigBnr_pager3>li>a:hover, #bookstore2018 .bsmainBigBnr_pager2>li>a:hover, #bookstore2018 .bsmainBigBnr_pager1>li>a:hover { color:#fff !important; background-color: #1c2a47 } #bookstore2018 .bsmainBigBnr_pager5>li>a:hover{width: 100.4%;} #bookstore2018 .bsmainBigBnr_pager4>li>a:hover{width: 100.1%;} #bookstore2018 .bsmainBigBnr_pager3>li>a:hover{width: 100.15%;} #bookstore2018 .bsmainBigBnr_pager5 li.current a, #bookstore2018 .bsmainBigBnr_pager4 li.current a, #bookstore2018 .bsmainBigBnr_pager3 li.current a, #bookstore2018 .bsmainBigBnr_pager2 li.current a, #bookstore2018 .bsmainBigBnr_pager1 li.current a {color:#fff; background-color: #1c2a47 } #bookstore2018 .bsmainBigBnr_pager5 li.current a{width: 100.4%;} #bookstore2018 .bsmainBigBnr_pager4 li.current a{width: 100.1%;} #bookstore2018 .bsmainBigBnr_pager3 li.current a{width: 100.15%;} #bookstore2018 #section02 .fullBnr, #bookstore2018 #section04 .fullBnr {margin:0 auto; width:1100px; height:80px; position:relative; display: block; z-index:10 } #bookstore2018 #section02 .fullBnr_inner #bookstore2018 #section04 .fullBnr_inner { position:absolute; bottom:0; left:0 } /* PAGER */ #bookstore2018 #section01 .skyRight { position:absolute; z-index: 1; top:0; right:-116px; width:100px } #bookstore2018 #section01 .skyRightBnr2 { margin-bottom:15px } /* chrome */ @media screen and (-webkit-min-device-pixel-ratio:0) { #bookstore2018 .recomBook #rcPage01 ul li .bookPrice p img, #bookstore2018 .recomBook #rcPage02 ul li .bookPrice p img{ top:8px } #bookstore2018 .bookPrice .iconCom { line-height: 13px } #bookstore2018 .elList .elLine .lecBtn { line-height: 1.5 } } /*20.06.03*/ .choiceBook ul li a{display: block;} .bsService ul li a{display:inline-block}