#subContainer { width:100%; overflow-x:hidden; border-top:1px solid #c1c1c1; } /*margin-top:158px*/
.subHeader { max-width:1200px; margin:0 auto; text-align:center; height:240px; box-sizing:border-box; }
.subHeader h1 { font-size:36px; line-height:36px; margin-bottom:10px; font-family:engBold, korBold; padding-top:95px; display:inline-block; background: linear-gradient(to top, #fff282 13%, transparent 13%); }

.subHeader h1 span { font-size:28px; font-family:engReg, korReg; }
.subHeader .location { font-size:12px; font-family:engMed, korBold; }
.subHeader .location li { display:inline-block; color:#a5a5a5; background:url('../images/common/arrow01.jpg') no-repeat right top 3px ; padding-right:10px; margin-left:5px; }
.subHeader .location li:last-child { color:#333; font-family:engSemi, korMed; background:none; }

.contentBox { max-width:1200px; margin:0 auto; text-align:center; padding:0 20px 100px; }
.contentBox:after { content:''; display:block; clear:both; }
.contentBox h2 { font-size:24px; margin-bottom:10px; text-align:left; width:100%; font-family:engBold, korBold; }
.subCopy { text-align:center; color:#3d7dff; font-family:engReg, korReg; font-size:32px; line-height:32px; padding:30px 0 80px; }

.contentBox2 { max-width:1240px; margin:0 auto; text-align:center; padding:0 20px 0; }
.contentBox2:after { content:''; display:block; clear:both; }
label {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} /* 2022-02-22 수정 */

/* Tab */
.tabMenu { width:100%; padding-bottom:50px; }
.tabMenu:after { content:''; display:block; clear:both; }
.tabMenu li { float:left; line-height:50px; font-family:engMed, korMed; font-size:16px; }
.tabMenu li a { display:inline-block; width:100%; border-top:1px solid #bcc1cb; border-bottom:1px solid #bcc1cb; border-right:1px solid #bcc1cb; color:#999; transition: 0.5s; }
.tabMenu li a span { font-size:14px; font-family:engReg, korReg; }
.tabMenu li:nth-of-type(1) a { border-left:1px solid #bcc1cb; }
.tabMenu li a.active, .tabMenu li a:hover { color:#fff; background-color:#3d7dff; }
.fiveCol li { width:20%; }
.sixCol li { width:16.6%; }
.fourCol li { width:25%; }
.threeCol li { width:33.33%; }

.catBox {background-color:#fff; width:100%; margin-bottom:50px; font-family:engMe,korMed; font-size:14px; padding:15px 0 5px; border-top:1px solid #cccdce; border-bottom:1px solid #cccdce; }
.catBox:after { content:''; display:block; clear:both; }
.catTit {font-size:18px; width:100%; font-family:engBold, korBold; text-align:left; line-height:18px; margin-bottom:15px; color:#333; padding-left:3px; text-transform:uppercase; }
.selectedTit {float:left; border-top:1px dotted #bcbcbc; width:100%; text-align:left; font-size:18px; padding:10px 0 5px 10px; font-family:engSemi, korMed; color:#333; }
.catBox .catListAll {float:left; width:90px;line-height:90px; height:90px; margin-right:10px;  }
.catBox .catListAll input[type="radio"] { display:none; }
.catBox .catListAll input[type="radio"] + label {background-color:#ecf2fb; width:90px; border-radius:20px; color:#3d7dff; display:inline-block;  }
.catBox .catListAll input[type="radio"] + label span {float:none; display:inline-block; width:14px; height:16px; margin:0 5px 0 0; vertical-align:middle; background: url('../images/common/check03.svg') top 0 left 0 no-repeat; cursor:pointer; background-size:62px 14px; }
.catBox .catListAll input[type="radio"]:checked + label {background-color:#3d7dff; color:#fff; }
.catBox .catListAll input[type="radio"]:checked + label span { background:url('../images/common/check03.svg') top 0 left -16px no-repeat; background-size:62px 14px; }
.catBox .catList {float:left; width:calc(100% - 100px); padding:0;}
.catBox .catList li { float:left; line-height:40px; margin-bottom:10px;margin-right:10px; border-radius:20px; padding:0; position:relative; }
.catBox .catList li input[type="radio"] { display:none; }
.catBox .catList li input[type="radio"] + label {background-color:#ecf2fb; padding:10px 20px 10px 15px; border-radius:20px; color:#3d7dff; }
.catBox .catList li input[type="radio"] + label span {float:none; display:inline-block; width:14px; height:16px; margin:0 5px 0 0; vertical-align:middle; background: url('../images/common/check03.svg') top 0 left 0 no-repeat; cursor:pointer; background-size:62px 14px; }
.catBox .catList li input[type="radio"]:checked + label {background-color:#3d7dff; color:#fff; }
.catBox .catList li input[type="radio"]:checked + label span { background:url('../images/common/check03.svg') top 0 left -16px no-repeat; background-size:62px 14px; }

.catBox .catSubAll {float:left; width:90px; line-height:40px; margin-right:10px; }
.catBox .catSubAll input[type="radio"] { display:none; }
.catBox .catSubAll input[type="radio"] + label {background-color:#eee; width:90px;  border-radius:20px; color:#333; display:inline-block;  }
.catBox .catSubAll input[type="radio"] + label span {float:none; display:inline-block; width:14px; height:16px; margin:0 5px 0 0; vertical-align:middle; background: url('../images/common/check04.svg') top 0 left 0 no-repeat; cursor:pointer; background-size:62px 14px; }
.catBox .catSubAll input[type="radio"]:checked + label {background-color:#333; color:#fff; }
.catBox .catSubAll input[type="radio"]:checked + label span { background:url('../images/common/check04.svg') top 0 left -16px no-repeat; background-size:62px 14px; }
.catBox .catSub {float:left; width:calc(100% - 100px); padding:0; }
.catBox .catSub li { float:left; line-height:40px; margin-bottom:10px;margin-right:10px; border-radius:20px; padding:0; position:relative; }
.catBox .catSub li input[type="radio"] { display:none; }
.catBox .catSub li input[type="radio"] + label {background-color:#eee; padding:10px 20px 10px 15px; border-radius:20px; color:#333; }
.catBox .catSub li input[type="radio"] + label span {float:none; display:inline-block; width:14px; height:16px; margin:0 5px 0 0; vertical-align:middle; background: url('../images/common/check04.svg') top 0 left 0 no-repeat; cursor:pointer; background-size:62px 14px; }
.catBox .catSub li input[type="radio"]:checked + label {background-color:#333; color:#fff; }
.catBox .catList li input[type="radio"]:checked + label span { background:url('../images/common/check04.svg') top 0 left -16px no-repeat; background-size:62px 14px; }

.booksList { width:100%; border-top:2px solid #000; margin-bottom:30px; font-family:engMed, korMed; }
.booksList:after { content:''; display:block; clear:both; }
.booksList > li { position:relative; float:left; width:100%; border-bottom:1px solid #e3e7ee; padding:30px 10px; text-align:center; }
.booksList > li:last-child { border-bottom:1px solid #acb1bb; }

.booksList li .bookCover { float:left; width:212px; height:200px;}
.booksList li .bookCover a { display:inline-block; width:150px; position:relative; background-color:#000; }
.booksList li .bookCover a img {transition: 0.5s;border: 1px solid #cccdce;}
.booksList li .bookCover a:hover img { opacity:.7; }
.booksList li .bookCover a span { width:36px; height:36px; display:block; position:absolute; z-index:5;/* 2022-02-15 수정 */ background: url(../images/common/icon_cart.svg) no-repeat; background-size:36px; text-indent:-1000em; right:10px; bottom:10px;}
.booksList li .Infobook {float:right; width:calc(84% - 212px); margin-right:16%; text-align:left; padding:20px 0 0 20px; }
.booksList li .Infobook .bookTit { font-family:engSemi, korBold; font-size:22px; margin-bottom:5px; line-height:30px; width:100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.booksList li .Infobook .author { color:#666; margin-bottom:10px; font-size:16px; }
.booksList li .listInfo {float:right; width:calc(84% - 212px); margin:0 16% 20px 0; text-align:left; padding:0 0 0 20px; font-size:16px; }
.booksList li .listInfo .level { color:#666; line-height:24px; font-family:engReg, korReg; }
.booksList li .listInfo .level span, .booksList li .listInfo .cefr span { color:#999; margin-right:5px; }
.booksList li .listInfo .cefr { color:#999; line-height:24px; font-family:engReg, korReg; }
.booksList li .bookApp {position:absolute; right:0; top:30px; width:16%; text-align:center; }
.booksList li .bookApp .qrCode { display:inline-block; margin-top:10px; }
.booksList li .bookApp .qrCode p.qrImg { padding:10px; border:1px solid #111; width:100px; background-color:#fff }
.booksList li .bookApp .qrCode p.qrImg > img { width:80px; height:80px; }
.booksList li .bookApp .qrCode p.tit { font-size:12px; text-align:center; color:#fff; background-color:#111; line-height:20px; }
.booksList li .mobileApp { display:none; }
.booksList li .bookListbtn { float:right; width:calc(100% - 212px); text-align:right; }
.booksList li .bookListbtn li { display:inline-block; width:150px; padding:0 2px; }
.booksList li .bookListbtn a { display:block; border-radius:4px; line-height:42px; height:42px; font-size:14px; font-family:engMed, korMed; width:100%; transition: 0.5s; text-align:center; cursor:pointer; box-sizing:border-box; color:#fff; background-color:#3d7dff; transition: 0.5s; }
.booksList li .bookListbtn a img {height:14px; margin:13px 5px 0 0; }
.booksList li .bookListbtn a:hover {background-color:#104dc8; }

/* View Page */
.viewBox { max-width:1200px; margin:0 auto; text-align:center; padding:0 20px 100px; }
.viewTitle { width:100%; border-bottom:1px solid #ececec; padding:30px 0 25px; text-align:center; margin-bottom:40px; }
.viewTitle .bookTit { font-family:engMed, korMed; font-size:26px; color:#222; line-height:26px; margin-bottom:10px; }
.viewTitle .bookAuthor { font-family:engMed, korMed; font-size:16px; color:#666; }

.bookDisc { width:100%; margin-bottom:60px; }
.bookDisc:after { content:''; display:block; clear:both; }
.bookDisc .bookCover { float:left; width:50%; padding-right:60px; }
.bookDisc .bookCover img { width:220px; height:300px; position:relative; border: 1px solid #cccdce;}

.bookDisc .bookDetail { width:37%; float:left; text-align:left; font-size:16px; padding-top:30px; line-height:38px; }
.bookDisc .bookDetail dt { float:left; width:100px; color:#888; font-family:engReg, korReg; }
.bookDisc .bookDetail dd { float:left; width:calc(100% - 100px); font-family:engMed, korMed; }
.bookDisc .bookDetail dd .dashPr { text-decoration-line: line-through; }
.bookDisc .bookDetail dd .finPr {font-size:24px; color:#ff3d3d; font-family:engSemi, korBold; margin-left:10px; }
.bookDisc .bookDetail dd .salePr {font-size:16px; color:#ff3d3d; font-family:engMed, korMed; margin-left:10px; }

.bookDisc .bookApp { width:13%; float:left; height:300px; }
.bookDisc .bookApp .qrCode { display:inline-block; padding-top:30px; }
.bookDisc .bookApp .qrCode p.qrImg { padding:10px; border:1px solid #111; width:100px; background-color:#fff }
.bookDisc .bookApp .qrCode p.tit { font-size:12px; text-align:center; color:#fff; background-color:#111; line-height:20px; }
.bookDisc .mobileApp { display:none; }

.bookDisc .viewBtn { float:left; width:100%; margin-top:40px; }
.bookDisc .bookBtn { float:left; width:50%; padding-right:60px; text-align:center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.bookDisc .bookBtn li { float:left; width:calc(33% - 6px); margin-right:6px; }
.bookDisc .bookBtn li:last-child { width:34%; margin-right:0; }
.bookDisc .bookBtn a { display:inline-block; width:100%; line-height:16px; border-radius:5px; font-family:engMed, korMed; font-size:16px; padding:17px 0; color:#fff; background-color:#276eff; transition: 0.3s; }
.bookDisc .bookBtn a span { text-indent:-1000em; width:14px; height:14px; display:inline-block; margin-right:5px; }
.bookDisc .bookBtn a .preview { background:url(../images/common/icon_preview.svg) center top no-repeat; background-size:14px; }
.bookDisc .bookBtn a .audio { background:url(../images/common/icon_audio.svg) center top no-repeat; background-size:14px; }
.bookDisc .bookBtn a .ebook { background:url(../images/common/icon_ebook.svg) center top no-repeat; background-size:14px; }
.bookDisc .bookBtn a:hover { opacity:.8; }

.bookDisc .cartBox { float:right; width:50%; }
.bookDisc .cartBox li { float:left; width:calc(50% - 3px);  }
.bookDisc .cartBox li:first-child { margin-right:6px; }
.bookDisc .cartBox a { display:inline-block; width:100%; line-height:20px; padding:15px 0; font-size:16px; border-radius:5px; color:#fff; font-family:engBold, korBold; text-transform:uppercase; }
.bookDisc .cartBox a span { text-indent:-1000em; width:20px; height:20px; display:inline-block; margin-right:5px; }
.bookDisc .cartBox a.cartBtn { background:#fff; color:#3f434c; box-shadow: 0 0 0 2px #3f434c inset; transition: 0.3s; }
.bookDisc .cartBox a.cartBtn:hover { background-color:#333; color:#fff; }
.bookDisc .cartBox a.buyBtn { background:#fff; color:#ff3d3d; box-shadow: 0 0 0 2px #ff3d3d inset; transition: 0.3s; }
.bookDisc .cartBox a.buyBtn:hover { background-color:#ff3d3d; color:#fff; }
.bookDisc .cartBox a .bookCart { background:url(../images/common/icon_cart2.svg) center top no-repeat; background-size:20px; transition: 0.3s; } /* 2022-02-22 수정 */
.bookDisc .cartBox a .buyNow { background:url(../images/common/icon_card.svg) center top no-repeat; background-size:20px; transition: 0.3s; } /* 2022-02-22 수정 */
.bookDisc .cartBox a:hover .bookCart { background:url(../images/common/icon_cart2on.svg) center top no-repeat; background-size:20px; transition: 0.3s; } /* 2022-02-22 수정 */
.bookDisc .cartBox a:hover .buyNow { background:url(../images/common/icon_cardon.svg) center top no-repeat; background-size:20px; transition: 0.3s; } /* 2022-02-22 수정 */

/* 부가자료 다운로드 */
.downBox { margin-bottom:80px; border-bottom:1px solid #acb1bb; padding-bottom:10px; }
.downBox:after { content:''; display:block; clear:both; }
.downBox .downTit { text-align:left; border-bottom:2px solid #333; margin-bottom:20px; font-family:engSemi, korBold; padding-bottom:15px; font-size:18px; }
.downBox .schResult {font-size:18px; text-align:left; border-bottom:1px solid #e8e8e8; margin-bottom:20px; font-family:engSemi, korBold; padding:0 20px 25px; }

.downBox .downList { float:left; width:calc(100% - 160px); padding:0 10px; }
.downBox .downAll a {float:left; width:160px;line-height:90px; font-family:engMed, korMed;font-size:14px; }
.downBox .downList li { float:left; font-size:14px; line-height:14px; font-family:engMed, korMed; margin-right:10px; margin-bottom:10px; }
.downBox a { line-height:40px; padding:0 20px; color:#333; border: 1px solid #333; display:inline-block; border-radius:5px; background-size:14px; }
.downBox a .dnIcon {width:14px; line-height:18px; height:15px; margin-right:5px; display:inline-block; text-indent:-10000em; background:url(../images/common/icon_download.svg) center top 1px no-repeat; background-size:14px; transition: 0.3s;}
.downBox a.active, .downBox a:hover {color:#fff; background:#3d7dff; border: 1px solid #3d7dff; }
.downBox a.active .dnIcon, .downBox a:hover .dnIcon { background:url(../images/common/icon_downloadon.svg) center top 1px no-repeat;}

/* 연관도서 */
.relateBook { width:100%; margin-bottom:80px; }
.relateBook:after { content:''; display:block; clear:both; }
.swipeBox { float:left; width: calc(50% - 20px); padding:30px 20px; background-color:#f2f5f8; position:relative; }
.swipeBox:nth-of-type(1) { margin-right:40px; }
.swipeBox p { font-family:engBold, korBold; font-size:18px; color:#333; text-align:left; margin-bottom:20px; }
.swipeBox .swiper-container { width: 75%; }
.swipeBox .swiper-slide .container {text-align: center; position: relative; padding-bottom: 100%; width:100%; height: 0; overflow: hidden;  }
.swipeBox .swiper-slide .container p {text-indent:-1000em; position:absolute; top:0; left:0; width:100%; height:100%;  background-repeat:no-repeat !important; background-size:contain !important; background-position:center top !important; }
.swipeBox .swiper-slide span { color:#000; float:left; width:100%; margin-top:10px; font-size:15px; line-height:18px; font-family:engReg, korReg; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding: 0 5px;}
.swipeBox .swiper-button-prev-unique, .swipeBox .swiper-button-next-unique, .swipeBox .swiper-button-prev-unique2, .swipeBox .swiper-button-next-unique2 { z-index: 10; cursor: pointer; position: absolute; top: 50%; width: 34px; height: 34px; margin-top: -17px; background-position: center; background-repeat: no-repeat; text-indent:-10000em; }
.swipeBox .swiper-button-prev-unique, .swipeBox .swiper-button-prev-unique2 { background:url("../images/sub/icon_prev_unique_lgray.svg") no-repeat; left: 40px; }
.swipeBox .swiper-button-prev-unique:hover, .swipeBox .swiper-button-prev-unique2:hover { background:url("../images/sub/icon_prev_uniqueon.svg") no-repeat; left: 40px; }
.swipeBox .swiper-button-next-unique, .swipeBox .swiper-button-next-unique2{ background:url("../images/sub/icon_next_unique_lgray.svg") no-repeat; right: 40px; }
.swipeBox .swiper-button-next-unique:hover, .swipeBox .swiper-button-next-unique2:hover { background:url("../images/sub/icon_next_uniqueon.svg") no-repeat; right: 40px; }

.bookInfo { width:100%; margin-bottom:80px; }
.bookInfo:after { content:''; display:block; clear:both; }
.bookInfo ul { width:100%; float:left; font-size:16px; font-family:engSemi, korBold; border-bottom:1px solid #bcbcbc; }
.bookInfo ul li { float:left; width:25%; line-height:40px; }
.bookInfo ul li a { color:#999; width:100%; display:inline-block; }
.bookInfo ul li.active { color:#333; border-bottom:2px solid #333; }

.infoBox {width:100%; text-align:left; padding:20px; float:left;  }
.infoBox .infoTit {font-size:16px; font-family:engMed, korMed;line-height:32px; }
.infoBox .infoDetail {font-size:14px; font-family:engReg, korReg;line-height:24px; margin-bottom:30px;   }
.infoBox div {text-align: center;}
.infoBox img {max-width: 100%;}
.infoBox .youtubeBoxWrap {width: 100%;max-width: 950px;margin: auto;}
.infoBox .youtubeBox {position:relative;margin-bottom: 20px;padding-bottom: 53%;padding-top:30px;height:0;overflow:hidden;}
.infoBox .youtubeBox iframe,
.infoBox .youtubeBox object,
.infoBox .youtubeBox embed {position:absolute; top:0; left:0; width:100%; height:100%;}

.deliveryInfo { width:100%; }
.deliveryInfo:after { content:''; display:block; clear:both; }
.dvTbl { float:left; width:100%; font-size:14px; font-family:engReg, korReg; line-height:28px; border-top:1px solid #acb1bb; }
.dvTbl th { width:30%; text-align:center; vertical-align:middle; background-color:#f3f5f8; font-family:engMed, korMed; border-bottom:1px solid #e8e8e8 }
.dvTbl td { width:70%; text-align:left; border-bottom:1px solid #e8e8e8; padding:20px; }



/* 주문배송 조회 */
.orderInfo { width:100%; background-color:#f2f5f8; border:1px solid #e2e7ed; font-family:engMed, korMed; font-size:14px; color:#333; padding:30px 30px 20px; }
.orderDisc { width:100%; padding-bottom:20px; border-bottom:1px solid #e2e7ed; margin-bottom:25px; }
.orderDisc:after { content:''; display:block; clear:both; }
.orderDisc li { float:left; background:url('../images/common/blt03.svg') no-repeat left 22px top 9px; background-size:4px; width:50%; line-height:24px; width:50%; text-align:left; padding-left:30px; }
.orderDisc li.strong { color:#ff3939; }
.orderProcess { width:100%; text-align:left; }
.orderProcess:after { content:''; display:block; clear:both; }
.orderProcess li { float:left; width:210px; }
.orderProcess li.next { width:calc(33% - 280px); padding-top:28px; height:80px; text-align:center; }
.orderProcess li.next img { width:13px; }
.orderProcess li .imgBox { float:left; width:80px; height:80px; margin-right:10px; }
.orderProcess li .imgBox span { display:block; width:80px; height:80px; border-radius:40px; background-color:#fff; }
.orderProcess li .imgDisc { float:left; width:120px; line-height:18px; padding-top:13px; font-size:14px; }
.orderProcess li .imgDisc p { font-size:16px; font-family:engBold, korBold; margin-bottom:5px; }

.orderSearch { width:100%; background-color:#f2f5f8; border:1px solid #e2e7ed; border-top:none; font-family:engMed, korMed; font-size:14px; color:#333; padding:20px 30px; margin-bottom:50px; }
.orderSearch:after { content:''; display:block; clear:both; }
.orderSearch .dateSch { float:left; text-align:left; font-size:13px; font-family:engMed, korMed; }
.orderSearch .dateSch a { display:inline-block; width:60px; line-height:38px; background-color:#b1b7c2; text-align:center; color:#fff; border-right:1px solid #c1c6ce; border-top:1px solid #b1b7c2; border-bottom:1px solid #b1b7c2 }
.orderSearch .dateSch a.on { background-color:#fff; color:#333; }
.orderSearch .dateSch a:first-child { border-radius:3px 0 0 3px; }
.orderSearch .dateSch a:last-child { border-radius:0 3px 3px 0; border-right:none; }
.orderSearch .periodSch { float:right; text-align:right; line-height:40px; width:calc(100% - 400px); }
.orderSearch .periodSch span { font-size:16px; font-family:engMed, korMed; color:#666; margin:0 5px; }
.orderSearch .periodSch a { width:calc(100% - 450px); display:inline-block; line-height:40px; text-align:center; border-radius:3px; margin-left:5px; }

/* SearchBox */
.schBox { width:100%; background-color:#f2f5f8; margin:0 0 50px 0; padding:20px; text-align:center; }
.schBox:after { content:''; display:block; clear:both; }
.schBox li { float:left; margin:0 3px; }
.schBox.col li { width:calc(25% - 6px); margin:0 0 6px 3px; }

.schBox.col4 li { width:calc(25% - 6px); }
.schBox.col5 li { width:calc(20% - 6px); }
.schBox .schTitle { display:inline-block; width:calc(25% - 6px); text-align:center; font-family:engSemi, korBold; line-height:40px; font-size:18px; }
.schBox .btnSearch { height:40px; border-radius:3px; font-size:16px; display:inline-block; box-sizing:border-box; border:none; }

/* 마케팅 동의 */
.mktAgree { width:100%; padding:20px 0; background-color:#f2f5f8; margin-bottom:20px; }
.mktAgree div { display:inline-block; margin:0 20px; line-height:26px; padding:0; font-size:16px; font-family:engMed, korMed; color:#333; }
/* Button Box */
.btnBox { display:inline-block; width:100%; text-align:center; margin:10px 0 50px; }
.btnBox li { display:inline-block;margin:0 4px; }

/* 멤버쉽 */
.loginBox { width:400px; margin:0 auto; }
.loginBox input::placeholder, textarea::placeholder { color: #999; font-size:18px; font-family:engMed, korMed; }
.loginBox div { line-height:60px; margin-bottom:10px; }
.loginBox p.disc { font-size:18px; line-height:24px; font-family:engMed, korMed; margin-bottom:25px; }
.loginBox div.idSave { line-height:40px; text-align:left; font-size:16px; font-family:engMed, korMed; color:#333; padding-left:5px; }
.loginBox div a { text-transform:uppercase; display:block;line-height:58px; padding:0; width:100%; font-size:18px; font-family:engMed, korMed; transition: 0.5s; cursor:pointer; }
.loginBox div a span { font-size:14px; }
.loginBox div.btnBox a { float:left; width:calc(50% - 4px); font-size:16px; font-family:engMed, korMed; }
.loginBox div.btnBox a span { font-size:12px; }
.loginBox div.btnBox a:first-child { margin-right:8px; }

.joinBox { width:700px; margin:0 auto; font-family:engMed, korMed; font-size:16px; }
.joinBox:after { content:''; display:block; clear:both; }
.joinBox ul.requiredInfo { border-top:2px solid #333; border-bottom:1px solid #e8e8e8; float:left; line-height:46px; width:100%; padding:20px 10px 10px; }
.joinBox ul.extraInfo { border-bottom:1px solid #acb1bb; float:left; line-height:46px; width:100%; padding:20px 10px 10px; margin-bottom:20px; }
.joinBox li { float:left; width:100%; margin-bottom:10px; position:relative; }
.joinBox li div { vertical-align:middle; float:left; }
.joinBox li .tit { width:160px; text-align:left; }
.joinBox li .data { width:calc(100% - 160px); }
.joinBox li .data2 { width:calc(100% - 320px); }
.joinBox li .data3 { padding-left:160px; width:100%; }
.joinBox li .btn { float:left; width:150px; margin-left:10px; }
.joinBox li .timer { position:absolute; z-index:10; top:0; right:20px; color:#ff552e; }
.joinBox li.msg { float:left; width:100%; margin-bottom:10px; text-align:left; font-size:14px; padding-left:163px; line-height:26px; }
.joinBox li.msg span { line-height:18px; }
.joinBox li.msg .check { background:url('../images/common/msg_check.svg') no-repeat left top 1px; color:#276eff; background-size:18px; padding-left:22px; }
.joinBox li.msg .alert { background:url('../images/common/msg_alert.svg') no-repeat left top 1px; color:#ff4646; background-size:18px; padding-left:22px; }

.joinBox .agreeBox { float:left; width:100%; background-color:#f2f5f8; padding:20px 20px 10px ; box-sizing:border-box; }
.joinBox .agreeBox li { float:left; width:50%; text-align:left; font-size:16px; line-height:28px; }
.joinBox .agreeBox li .btnDetail { display:inline-block; margin-left:10px; border-radius:3px; line-height:28px; height:26px; padding:0 10px; font-size:12px; font-family:engMed, korMed; cursor:pointer; }

.joinBox .agreeBtn { display:inline-block; width:100%; text-align:center; margin:30px 0; }
.joinBox .agreeBtn a { width:50%; }

/* 추가 */
.joinBox2 { margin:0 auto; font-family:engMed, korMed; font-size:16px; }
.joinBox2 li.msg { float:left; width:100%; margin-bottom:10px; text-align:left; font-size:14px; line-height:26px; }
.joinBox2 li.msg span { line-height:18px; }
.joinBox2 li.msg .check { background:url('../images/common/msg_check.svg') no-repeat left top 1px; color:#276eff; background-size:18px; padding-left:22px; }
.joinBox2 li.msg .alert { background:url('../images/common/msg_alert.svg') no-repeat left top 1px; color:#ff4646; background-size:18px; padding-left:22px; }
.timer2 {  z-index:10; top:0; right:60px; color:#ff552e; }

.pesonalBox { width:100%; border-top:2px solid #50555e; font-family:engReg, korReg; text-align:left; font-size:16px; line-height:26px; padding:30px; letter-spacing:-.5px; }
.pesonalBox h2 { font-size:18px; font-family:engBold, korBold; line-height:48px; margin-top:10px; }
.pesonalBox h3 { font-family:engMed, korMed; line-height:36px; }
.pesonalBox p { margin-bottom:5px; }

/* 지도 */
.mapSelect { width:100%; margin-bottom:50px; }
.mapSelect:after { content:''; display:block; clear:both; }
.mapSelect .mapWrap { float:left; width:360px; height:516px; background-color:#fff; margin:0 calc(50% - 450px); }
.mapSelect .mapWrap svg { width:100%; height:100%; margin-top:0px; transform: scale(1, 1); }
.land { fill:#ddd; fill-opacity: 1; stroke:white; stroke-opacity: 1; stroke-width:1; cursor:pointer; }
.land:hover { fill:#3d7dff; }
.mapSelect .mapSearch { float:left; width:470px; background-color:#f2f5f8; padding:40px 50px; margin-top:100px; }
.mapSelect .mapSearch p { font-size:30px; line-height:24px; font-family:engBold, korBold; margin-bottom:30px; }
.mapSelect .mapSearch div { float:left; width:100%; margin-bottom:5px; }
.mapSelect .mapSearch select { float:left; width:calc(50% - 2px); }
.mapSelect .mapSearch select:first-child {margin-right:4px; }
.mapBox { width:100%; margin-top:50px; }
.mapBox p { text-align:left; font-family:engMed, korMed; font-size:18px; line-height:34px; color:#333; }
.mapBox .mapInner { width:100%; height:460px; }

.viewerBox { width:100%; padding:20px; background-color:#f2f5f8; margin-top:50px; }
.viewerBox:after { content:''; display:block; clear:both; }
.viewerBox li { display:inline-block; width:30%; text-align:center; font-size:14px; font-family:engMed, korMed; line-height:48px; }
.viewerBox li img { width:48px; margin-right:10px; }
.viewerBox li a { color:#333; }

@media all and (max-width: 1024px) {
	.contentBox { max-width:100%; }
	.tabMenu li { font-size:15px; }

	.booksList li .bookCover { width:170px; height:200px; }
	.booksList li .Infobook {width:calc(100% - 170px); margin-right:0; padding:0 0 0 20px; }
	.booksList li .listInfo { width:calc(100% - 170px); margin:0 0 5px 0; padding:0 0 0 20px; }
	.booksList li .bookApp { display:none; }

	.booksList li .mobileApp { display:block; width:calc(100% - 212px); float:right; margin:10px 0 0 0; font-family:engMed, korMed; font-size:12px; }
	.booksList li .mobileApp .appTit {float:left; width: 33.3%; color:#999; text-align:center; line-height:42px;}
	.booksList li .mobileApp .qrBtn li {float:left; width: 33.3%; padding:0 2px; }
	.booksList li .mobileApp .qrBtn li a { display:block; line-height:42px; width:100%;border-radius:3px; color:#fff; text-indent:-1000em; }
	.booksList li .mobileApp .qrBtn li a.google {background:#000 url(../images/common/icon_googleplay.svg) center top 8px no-repeat; background-size:111px 26px; }
	.booksList li .mobileApp .qrBtn li a.apple {background:#000 url(../images/common/icon_apple.svg) center top 8px no-repeat; background-size:111px 26px; }
	.booksList li .mobileApp .qrBtn li a:hover {background-color:#555; }
	.booksList li .bookListbtn { float:right; width:calc(100% - 212px); text-align: right; margin-top:10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex;-webkit-box-pack: end; -moz-box-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
	.booksList li .bookListbtn li {display:inline-block; width: 33.3%;  float: left;}
	/* .booksList li .bookListbtn li:first-child { width:34%; } */
	.booksList li .bookListbtn li:last-child { margin-right: 0px}
	.booksList li .bookListbtn a { padding-left:0; }

	.bookDisc .bookCover { float:left; width:50%; padding-right:0; }
	.bookDisc .bookCover img { width:50%; height:50%; }
	.bookDisc .bookDetail { width:50%; font-size:14px; padding-top:5px; line-height:28px; margin-bottom:15px; }
	.bookDisc .bookApp { display:none; }
	.bookDisc .mobileApp { display:block; float:left; width:50%; }
	.bookDisc .bookBtn {width:100%;margin-bottom:10px;padding-right:0; display: inline-block; float: left; }
	.bookDisc .cartBox { width:100%; }

	.bookDisc .mobileApp .mTit {float:left; width:100%; color:#999; text-align:center; line-height:24px; font-size:12px; font-family:engMed, korMed; margin-bottom:5px; }
	.bookDisc .mobileApp .qrBtn li {float:left; width:calc(50% - 5px); padding:0; }
	.bookDisc .mobileApp .qrBtn li:first-child {margin-right:10px; }
	.bookDisc .mobileApp .qrBtn li a { display:block; line-height:48px; width:100%;border-radius:5px; color:#fff; text-indent:-1000em; }
	.bookDisc .mobileApp .qrBtn li a.google {background:#000 url(../images/common/icon_googleplay.svg) center top 12px no-repeat; background-size:111px 26px; }
	.bookDisc .mobileApp .qrBtn li a.apple {background:#000 url(../images/common/icon_apple.svg) center top 12px no-repeat; background-size:111px 26px; }
	.bookDisc .mobileApp .qrBtn li a:hover {background-color:#555; }

	/* 연관도서 */
	.swipeBox { float:left; width: calc(50% - 10px); padding:20px 20px; background-color:#f2f5f8; position:relative; }
	.swipeBox:nth-of-type(1) { margin-right:20px; }
	.swipeBox p { font-family:engBold, korBold; font-size:18px; color:#333; text-align:left; margin-bottom:20px; }
	.swipeBox .swiper-container { width: 90%; }

	.swipeBox .swiper-button-prev-unique, .swipeBox .swiper-button-next-unique, .swipeBox .swiper-button-prev-unique2, .swipeBox .swiper-button-next-unique2 {  width: 32px; height: 32px; margin-top: -16px; }
	.swipeBox .swiper-button-prev-unique, .swipeBox .swiper-button-prev-unique2 { background:url("../images/sub/icon_prev_unique_lgray.svg") no-repeat; left: 10px; }
	.swipeBox .swiper-button-prev-unique:hover, .swipeBox .swiper-button-prev-unique2:hover { background:url("../images/sub/icon_prev_uniqueon.svg") no-repeat; left: 10px; }
	.swipeBox .swiper-button-next-unique, .swipeBox .swiper-button-next-unique2{ background:url("../images/sub/icon_next_unique_lgray.svg") no-repeat; right: 10px; }
	.swipeBox .swiper-button-next-unique:hover, .swipeBox .swiper-button-next-unique2:hover { background:url("../images/sub/icon_next_uniqueon.svg") no-repeat; right: 10px; }

	.bookInfo ul li { float:left; width:50%; line-height:40px; }

	.orderInfo { font-size:14px; }
	.orderDisc li { width:100%; }
	.orderProcess li { width:120px; background-size:13px 24px;text-align:center; }
	.orderProcess li.next { width:calc(33% - 160px); padding-top:28px; height:80px; text-align:center; }
	.orderProcess li .imgBox { float:left; width:100%; text-align:center; height:80px; }
	.orderProcess li .imgBox span { display:inline-block; }
	.orderProcess li .imgDisc { text-align:center; width:100%; line-height:16px; font-size:12px; }
	.orderProcess li .imgDisc p { font-size:14px; }
	.orderSearch .dateSch { float:left; width:100%; margin-bottom:10px; }
	.orderSearch .periodSch { float:left; width:100%; text-align:left; }
	.orderSearch .periodSch a { width:200px; }

	.schBox li { float:left; width:100%; margin:0 0 5px 0; box-sizing:border-box; }
	.schBox.col4 li { width:100%; }
	.schBox.col5 li { width:100% }
	.schBox li.wdt50 { width:calc(50% - 3px) }
	.schBox li:nth-of-type(2n-1).wdt50 {margin-right:6px; }

	.mapSelect { margin-bottom:20px; margin-top:-10px; }
	.mapSelect .mapWrap { float:left; width:50%; height:516px; background-color:#fff; margin:0; }
	.mapSelect .mapWrap svg { width:100%; height:100%; margin-top:0px; transform: scale(.9, .9); }
	.mapSelect .mapSearch { float:left; width:50%; }

	.viewerBox li {line-height:28px;}
	.viewerBox li span {float:left; text-align:center; width:100%; }
}

@media all and (max-width : 767px) {
	#subContainer { width:100%; overflow-x:hidden; border-top:1px solid #c1c1c1; }
	.subHeader { height:150px; margin-top:110px; }
	.subHeader h1 { font-size:32px; line-height:32px; margin-bottom:10px; font-family:engBold, korBold; padding-top:55px; background: linear-gradient(to top, #fff282 20%, transparent 20%); }
	.contentBox { width:100%; min-height:500px; padding:0 15px 50px; }
	.subCopy { font-size:21px; line-height:14px; padding:0 0 50px 0 ; letter-spacing:-1px; }

	.fiveCol li { width:50% }
	.sixCol li { width:50% }
	.fourCol li { width:50%; }
	.threeCol li { width:50%; }
	.tabMenu li { box-sizing:border-box; }
	.tabMenu li a { border-top:none; }
	.tabMenu li:nth-of-type(1) a, .tabMenu li:nth-of-type(2) a { border-top:1px solid #bcc1cb; }
	.tabMenu li:nth-of-type(1) a, .tabMenu li:nth-of-type(3) a, .tabMenu li:nth-of-type(5) a { border-left:1px solid #bcc1cb; }

	.catBox .catList, .catBox .catSub, .selectedTit {display:none; }
	.booksList > li { padding:20px 0; }
	.booksList li .bookCover { float:left; width:100%; height:200px; margin-bottom:20px; }
	.booksList li .Infobook {float:left; width:100%; margin-right:0; padding:0; text-align:center; font-size:20px; line-height:24px; }
	.booksList li .Infobook .bookTit {font-size:20px; margin-bottom:5px; line-height:26px; }
	.booksList li .Infobook .author { margin-bottom:20px; }
	.booksList li .listInfo { width:100%; float:left; margin:0 0 5px 0; padding:0 0 0 30%; }
	.booksList li .mobileApp {float:left; width:100%; margin:10px 0 0 0; font-family:engMed, korMed; font-size:12px; }
	.booksList li .mobileApp .appTit {width:100%; font-size:14px; text-transform:uppercase; }
	.booksList li .mobileApp .qrBtn li {float:left; width:calc(50% - 5px); margin:0; padding:0; }
	.booksList li .mobileApp .qrBtn li:first-child { margin-right:10px; }

	.booksList li .bookListbtn {float:left;width:100%; display: -webkit-box; display: -moz-box;  display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-justify-content: center; -ms-flex-pack: center;  justify-content: center; }
	.booksList li .bookListbtn li { float:left; display:inline-block; width:calc(50% - 5px); margin:0; padding:0; }
	.booksList li .bookListbtn li:first-child { width:calc(50% - 5px); margin-right:10px; padding:0; }
	/*.booksList li .bookListbtn li:last-child {display:none; }*/

	/* View Page */
	.viewBox { max-width:1200px; margin:0 auto; text-align:center; padding:0 0 100px; margin-top:110px; }
	.viewTitle { width:100%; border-bottom:1px solid #ececec; padding:30px 0 15px;  }
	.viewTitle .bookTit { font-size:24px; padding:0 15px; font-size:24px; line-height:26px;  }
	.bookDisc .bookCover { float:left; width:100%; padding-right:0; }
	.bookDisc .bookCover img { width:55%; height:55%; position:relative; margin-bottom:40px; }
	.bookDisc .bookDetail { width:100%; float:left; text-align:left; font-size:16px; padding:0 15px 20px; line-height:28px; border-bottom:10px solid #f2f5f8;  }
	.bookDisc {margin-bottom:25px; }
	.bookDisc .viewBtn { float:left; width:100%; margin-top:10px; border-bottom:10px solid #f2f5f8; padding-bottom:30px; }
	.bookDisc .mobileApp { width:100%; padding:10px 10px 0;  }
	.bookDisc .bookBtn {  width:100%; padding:0 10px;  }
	.bookDisc .bookBtn li { float:left; width:calc(50% - 5px); margin:0;  }
	.bookDisc .bookBtn li:first-child { margin-right:10px;}
	.bookDisc .bookBtn li:last-child { width:calc(50% - 5px); margin:0; }
	.bookDisc .cartBox { width:100%; padding:0 10px;  }
	.bookDisc .cartBox li { float:left; width:calc(50% - 5px);  }
	.bookDisc .cartBox li:first-child { margin-right:10px; }

	.downBox { margin-bottom:15px; border-bottom:10px solid #f2f5f8;  padding:0 10px 20px; }
	.downBox .downAll { float:left; width:100%; padding:0; margin-bottom:10px; }
	.downBox .downAll a {float:left; width:100%;line-height:40px; font-family:engMed, korMed;font-size:14px; }
	.downBox .downList { float:left; width:100%; padding:0; }
	.downBox .downList li { float:left; font-size:14px; line-height:14px; font-family:engMed, korMed; margin-right:10px; margin-bottom:10px; }
	.downBox a { line-height:40px; padding:0 20px; color:#333; border: 1px solid #333; display:inline-block; border-radius:5px; background-size:14px; }
	.downBox a .dnIcon {width:14px; line-height:18px; height:15px; margin-right:5px; display:inline-block; text-indent:-10000em; background:url(../images/common/icon_download.svg) center top 1px no-repeat; background-size:14px; transition: 0.3s;}
	.downBox a.active, .downBox a:hover {color:#fff; background:#3d7dff; border: 1px solid #3d7dff; }
	.downBox a.active .dnIcon, .downBox a:hover .dnIcon { background:url(../images/common/icon_downloadon.svg) center top 1px no-repeat;}

	.relateBook { width:100%; margin-bottom:30px; padding-bottom:20px; border-bottom:10px solid #f2f5f8;  }
	.swipeBox { float:left; width:100%; padding:10px 15px; background-color:#fff; position:relative; }
	.swipeBox .swiper-slide { color:#000; text-align: center; width:50%; height:auto; margin:0; }
	.swipeBox .swiper-slide img { width:100%; height:100%; }

	.bookInfo { width:100%; margin-bottom:30px; padding:0 15px; }
	.deliveryInfo { width:100%; padding:0 10px; }

	.dvTbl {border-top:none; }
	.dvTbl th { float:left; width:100%; text-align:left; border-top:none; background-color:#fff; border-bottom:none; font-size:16px; line-height:16px; padding-bottom:10px; margin-bottom:5px;  border-bottom:1px solid #acb1bb; }
	.dvTbl td { float:left; width:100%; text-align:left; border-bottom:none; padding:5px 0 10px; line-height:24px; font-size:14px; line-height:22px; margin-bottom:20px; }
	.infoBox { padding:15px 0;  }
	.infoBox .infoTit {line-height:28px; }
	.infoBox .infoDetail {font-size:14px; font-family:engReg, korReg;line-height:22px; margin-bottom:15px;   }
	.infoBox div img {width: 100%;}

	.orderInfo, .orderSearch { display:none; }

	.schBox p.tit { font-size:20px; width:100%; color:#333; padding:0 0 15px; text-align:center; text-transform:uppercase; font-family:engSemi, korBold; }
	.schBox p.stit {float:left; font-size:16px; width:100%; color:#333; padding:15px 0 5px 3px; text-align:left; font-family:engSemi, korBold; }
	.schBox li { float:left; width:100%; margin:0 0 5px 0; box-sizing:border-box; }
	.schBox.col li { width:100%; margin-right:0; }
	.schBox.col4 li { width:100%; }
	.schBox.col5 li { width:100% }
	.schBox .schTitle { width:100%; line-height:40px; }
	.schBox .btnSearch { height:50px; }

	.mktAgree div { float:left; width:100%; text-align:left; }
	.mktAgree div:first-child { margin-bottom:10px; }
	.mktAgree:after { content:''; display:block; clear:both; }
	.btnBox { margin:0 0 50px; }
	.btnBox li { width:calc(50% - 8px); margin:0; /* float:left; */}
	.btnBox li:first-child { margin-right:8px; }

	.loginBox { width:100%; margin:0 auto; }
	.loginBox div.btnBox a { font-size:14px; }
	.loginBox div.btnBox a span { font-size:12px; }

	.joinBox { width:100%; }
	.joinBox li { margin-bottom:5px; }
	.joinBox li .tit { width:100%; font-size:16px; line-height:28px; }
	.joinBox li .data { width:100%; }
	.joinBox li .data2 { width:100%; }
	.joinBox li .data3 { padding-left:0; width:100%; }
	.joinBox li .btn { float:left; width:100%; margin-left:0px; margin-top:5px; }
	.joinBox li.msg { float:left; width:100%; margin-bottom:5px; text-align:left; font-size:14px; padding-left:10px; line-height:26px; }

	.joinBox .agreeBox li { float:left; width:100%; text-align:left; }
	.joinBox .agreeBtn a { width:100%; }

	.pesonalBox { text-align:left; font-size:14px; line-height:22px; padding:15px; letter-spacing:-.5px; }
	.pesonalBox h2 { font-size:16px; font-family:engBold, korBold; line-height:28px; margin-top:10px; }
	.pesonalBox h3 { font-size:16px; font-family:engMed, korMed; line-height:36px; }

	.mapSelect .mapWrap { display:none; }
	.mapSelect .mapSearch { float:left; width:100%; padding:30px 20px 20px; margin-top:0; }
	.mapSelect .mapSearch p { font-size:24px; line-height:24px; ; margin-bottom:20px; }
	.mapBox .mapInner { width:100%;height:340px; }

	.viewerBox {display:none; }
}

@media all and (max-width: 413px) {
	.bookDisc .bookDetail dt {width:80px; font-size:15px; }
	.bookDisc .bookDetail dd {width:calc(100% - 80px);  font-size:15px;   }
	.bookDisc .bookDetail dd .finPr {font-size:20px;margin-left:6px; }
	.bookDisc .bookDetail dd .salePr {font-size:15px; margin-left:6px; }
}
@media all and (max-width: 359px) {
	.bookDisc .bookDetail dt {width:80px; font-size:14px; }
	.bookDisc .bookDetail dd {width:calc(100% - 80px); font-size:14px; }
	.bookDisc .bookDetail dd .finPr {font-size:18px;margin-left:4px; }
	.bookDisc .bookDetail dd .salePr {font-size:14px; margin-left:4px; }

	.loginBox div.btnBox a { width:100%; font-size:14px; margin-bottom:10px; }
	.loginBox div.btnBox a:first-child { margin-right:0; }
}

.s_icon {width:26px; margin:2px 5px 0 0;  }