@charset "euc-kr";
@import url('reset.css');


/********** °øÅë Padding, Margin **********/
.pt10 {padding-top:10px;}
.pt215 {padding-top:215px;}
.mt10 {margin-top:10px;} 
.mt30 {margin-top:30px;} 
.ml5 {margin-left:5px;}
.ml8 {margin-left:8px;}
.mlr8 {margin-left:8px; margin-right:8px;}
.floatL {float:left;}
.txtAc {text-align:center;}
.blueBtn {background-color:#0065b7;}
.grayBtn {background-color:#969696;}
.redBtn {background-color:#ff0000;}
.redPrice {color:#ff0000; font-weight:bold;}


/********** width 770px ÀÌ»ó È­¸é **********/
@media screen and (min-width:700px) {
#wrap {width:100%; min-width:1100px; overflow:hidden;}
/***** Header *****/
#header {width:1000px; height:165px; margin:0 auto;}
#header .gnb {width:100%; padding-bottom:26px;}
#header .gnb:after {content:""; display:block; clear:both;}
#header .gnb a {display:block; height:50px; line-height:50px; float:right; font-size:13px; color:#747474; padding-left:10px; padding-right:15px; background:url('../../images/shopmall/icon_gnb.png') 0 center no-repeat; text-decoration:none;}
#header h1 {float:left;}
#header h1.logo_global21 {width:183px; margin-left:15px;}
#header h1.logo_small {width:155px;}
#header h1 a {display:block; width:100%; height:50px; text-indent:-9999em;}
#header h1.logo_global21 a {background:url('../../images/shopmall/logo.png') no-repeat;}
#header h1.logo_small a {background:url('../../images/shopmall/logo.png') -183px 0 no-repeat;}
#header .search {position:relative; float:left; width:335px; height:34px; border:3px solid #006eb3;}
#header .search select {float:left; border:0; width:70px; height:24px; margin:5px 0 0 5px;}
#header .search input {float:left; border:0; width:240px; height:20px; margin:5px 0 0 5px;}
#header .search a.btn {position:absolute; top:-3px; right:-60px; display:block; width:54px; height:40px; line-height:40px; font-size:15px; font-weight:600; color:#fff; background-color:#006eb3; color:#fff; text-align:center; text-decoration:none;}
/***** Footer *****/
#footer {width:100%; background-color:#f2f2f2; padding:50px 0; color:#666666;}
#footer .footerArea {width:725px; padding-left:275px; margin:0 auto; background:url('../../images/shopmall/footer_logo.png') left 5px no-repeat;}
#footer ul {width:100%;}
#footer ul:after {content:""; display:block; clear:both;}
#footer ul li {float:left; line-height:22px;}
#footer ul li a {display:inline-block; padding:0 10px; font-size:12px; text-decoration:none;}
#footer span {display:inline-block;}
#footer .companyInfo {padding-top:20px; padding-bottom:20px; padding-left:10px; line-height:20px;}
/***** Menu *****/
#lnb {width:100%; height:50px; background-color:#3a3b3e; box-shadow:0px 15px 10px -12px #bfbfbf;}
#lnb .menuArea {width:995px; margin:0 auto; border-left:1px solid #fff;}
#lnb .menuArea:after {content:""; display:block; clear:both;}
#lnb .menuArea li {float:left; width:198px; height:50px; border-right:1px solid #fff;}
#lnb .menuArea li.on {background-color:#ed1b24;}
#lnb .menuArea li.on a {opacity:1;}
#lnb .menuArea li a {display:block; width:100%; height:50px; text-align:center; line-height:50px; font-size:16px; color:#fff; opacity:0.6; text-decoration:none; font-weight:600;}
#lnb .menuArea li a:hover {opacity:1; background-color:#ed1b24;}
/***** Main *****/
#contents {width:100%;}
#contents .lectureBook {position:relative; width:1000px; height:440px; margin:0 auto;}
#contents .lectureBook span {display:block;}
#contents .lectureBook .newIcon {position:absolute; top:95px; left:40px; width:85px; height:29px; line-height:29px; font-size:20px; font-weight:600; text-align:center; color:#fff; background:url('../../images/shopmall/bg_newicon.png') no-repeat;}
#contents .lectureBook .title {font-size:38px; font-weight:600; color:#1f1f1f; letter-spacing:-2px; text-shadow: 2px 2px 2px #b3b1ae; padding:135px 0 0 40px;}
#contents .lectureBook .company {font-size:15px; padding:5px 0 40px 40px;}
#contents .lectureBook .company strong {font-size:28px; color:#ff3000; font-weight:600; letter-spacing:-1px; padding-left:5px;}
#contents .lectureBook .info {width:620px; font-size:16px; line-height:26px; color:#444; padding-left:40px;}
#contents .lectureBook img {position:absolute; right:40px; top:80px;}
/* main section */
#mainSection {width:100%; background:url('../../images/shopmall/main_book_bg.png');}
#mainSection:after {content:""; display:block; clear:both; *zoom:1;}
#mainSection a {display:block; text-decoration:none;}
.sectorWrap {width:1080px; margin:0 auto;}
.sectorWrap:after {content:""; display:block; clear:both; *zoom:1;}
/* rolling */
#mainRoll {position:relative; left:0; top:0; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; z-index:1;}
.swiper-wrapper{position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease;
-moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease;
-o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px);
-ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease;
transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease;}
.swiper-free-mode > .swiper-wrapper{-webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto;}
.swiper-slide{float: left;}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal{-ms-touch-action: pan-y;}
.swiper-wp8-vertical{-ms-touch-action: pan-x;}
#mainRoll {width:100%; min-width:1080px; height:440px; margin:-8px 0 0 0; overflow:hidden; z-index:50;}
#mainRoll .swiper-slide {width:100%; height:440px; overflow:hidden;}
/*#mainRoll .swiper-slide img {position:absolute; left:50%; top:0; margin:0 0 0 -540px;}*/
#mainRoll .swiper-slide a {display:block; position:relative; width:100%; }
/* thum */
#mainThum {position:absolute; left:0; top:390px; width:100%; text-align:center;}
#mainThum div {margin:0 3px; zoom:1; *display:inline;}
.swiper-pagination-switch {display:inline-block; width:15px; height:15px; background:url('../../images/shopmall/btn_main_off.png') left top no-repeat; overflow:hidden; cursor:pointer;}
.swiper-active-switch {background:url('../../images/shopmall/btn_main_on.png') left top no-repeat; cursor:pointer;}
/* rolling arrow */
.arrowArea {position:relative; width:960px; height:0; margin:0 auto;}
.arrowArea:after {content:""; display:block; clear:both; *zoom:1;}
.arrowLeft {position:absolute; left:-140px; top:-250px; z-index:99; width:50px; height:80px; background:url('../../images/shopmall/btn_main_left.png') left top no-repeat;}
.arrowLeft:hover {background:url('../../images/shopmall/btn_main_left_on.png') left top no-repeat;}
.arrowRight {position:absolute; right:-140px; top:-250px; z-index:99; width:50px; height:80px; background:url('../../images/shopmall/btn_main_right.png') left top no-repeat;}
.arrowRight:hover {background:url('../../images/shopmall/btn_main_right_on.png') left top no-repeat;}
.books {width:100%;}
.books h2 {font-size:40px; color:#333; font-weight:600;}
.books .big {width:100%;}
.books .big h2 {padding-top:50px; text-align:center;}
.books .big ul {width:1000px; margin:0 auto; padding:35px 0 60px; border-bottom:1px solid #a1a1a1;}
.books .big ul:after {content:""; display:block; clear:both;}
.books .big li {float:left; width:33.33%; text-align:center;}
.books .big li a {display:block; color:#333333; font-size:15px; line-height:20px; text-decoration:none;}
.books .big li a img {width:200px; border:1px solid #c0c0c0;}
.books .big li span {display:block;}
.books .big li span.lecture {padding-top:25px;}
.books .big li span.price {font-size:30px; line-height:30px; padding-top:15px; font-weight:600;}
.books .small {width:970px; margin:0 auto 80px;}
.books .small h2 {padding:40px 0 20px;}
.books .small ul {width:970px;}
.books .small ul:after {content:""; display:block; clear:both;}
.books .small ul li {float:left; width:470px; color:#fff;}
.books .small ul li+li {padding-left:30px;}
.books .small ul li a {display:block; text-decoration:none;}
.books .small ul li img {float:left; border:1px solid #c0c0c0; margin-right:15px;}
.books .small ul li span {display:block; float:left; width:300px;}
.books .small ul li span.title {font-size:18px; font-weight:600;}
.books .small ul li span.company {font-size:14px; padding-top:5px;}
.books .small ul li span.price {font-size:22px; color:#ff3000; font-weight:600; padding:15px 0 10px;}
.books .small ul li span.info {font-size:14px;}
.customerCenter {width:1000px; margin:0 auto; padding-top:100px; padding-bottom:100px;}
.customerCenter:after {content:""; display:block; clear:both;}
.customerCenter h2 {float:left; width:292px; border-top:4px solid #292b37; font-weight:600; font-size:25px; line-height:90px; color:#010101;}
.customerCenter .info {float:right; width:687px; border-top:1px solid #292b37; background:url('../../images/shopmall/bg_customer.png') right 30px no-repeat;}
.customerCenter .info span {display:block;}
.customerCenter .info span.tel {font-size:45px; color:#292b37; font-weight:bold; padding:22px 0 10px;}
.customerCenter .info span.tel a {text-decoration:none; color:#292b37;}
.customerCenter .info span.time {font-size:15px; line-height:24px; color:#3c454e;}
/***** Sub *****/
#subContents {width:1000px; margin:20px auto 0; font-family:'³ª´®°íµñ';}
#subContents:after {content:""; display:block; clear:both;}
#subContents .leftArea {float:left; width:200px;}
#subContents .leftArea .subLeft {width:164px; padding:0 17px 30px; border:1px solid #d4d4d4;}
#subContents .leftArea .subLeft h2 {width:100%; height:65px; line-height:75px; font-size:26px; color:#333; text-align:center; border-bottom:1px solid #d4d4d4; font-weight:500;}
#subContents .leftArea .subLeft ul {width:100%;}
#subContents .leftArea .subLeft ul li {padding-top:25px;}
#subContents .leftArea .subLeft ul li:after {content:""; display:block; clear:both;}
#subContents .leftArea .subLeft ul li a {display:block; text-decoration:none; color:#333;}
#subContents .leftArea .subLeft ul li img {float:left; width:77px; height:97px; border:1px solid #dcdcdc;}
#subContents .leftArea .subLeft ul li span {float:right; width:75px;}
#subContents .leftArea .subLeft ul li span.price {padding-top:12px; font-size:16px; color:#2266bb; font-weight:600;}
#subContents .leftArea .hanaBank {display:block; width:200px; height:222px; text-indent:-9999em; background:url('../../images/shopmall/hanabank.png') no-repeat; margin:20px 0 50px;}
#subContents .rightArea {float:right; width:760px; padding-bottom:90px;}
#subContents .rightArea h3 {position:relative; font-size:25px; padding-bottom:15px; font-weight:600; color:#333; margin-top:20px; margin-bottom:20px; border-bottom:1px solid #d4d4d4;}
#subContents .rightArea h3 span {position:absolute; padding-left:15px; top:17px; right:0; font-size:12px; color:#777; font-weight:normal; background:url('../images/sub/icon_home.gif') 0 2px no-repeat;}
#subContents .rightArea .tab {clear:both; height:40px; border-bottom:1px solid #3e3e3e; border-left:1px solid #ccc;}
#subContents .rightArea .tab:after {clear:both; content:""; display:block;}
#subContents .rightArea .tab li {position:relative; float:left; width:110px; height:39px; text-align:center; border-top:1px solid #ccc; border-right:1px solid #ccc;}
#subContents .rightArea .tab li.select {}
#subContents .rightArea .tab li.select a {top:-1px; left:-1px; width:108px; height:37px; line-height:38px; font-size:15px; background-color:#fff; color:#333; border:2px solid #333; z-index:10;}
#subContents .rightArea .tab li.select a:hover {}
#subContents .rightArea .tab li a {position:absolute; display:block; top:0; left:0; width:110px; height:39px; line-height:39px; font-size:15px; background-color:#f6f6f6; color:#555; text-align:center; text-decoration:none;}
#subContents .rightArea .tab li a:hover {background-color:#fff; color:#000;}
#subContents .rightArea .tab li.w165 {width:165px !important;}
#subContents .rightArea .tab li.w165 a {width:165px !important;}
#subContents .rightArea .lectureList {width:760px; padding-bottom:35px;}
#subContents .rightArea .lectureList li {width:720px; padding:25px 20px; border-bottom:1px solid #d4d4d4 ;}
#subContents .rightArea .lectureList li:after {clear:both; content:""; display:block;}
#subContents .rightArea .lectureList li a {text-decoration:none;}
#subContents .rightArea .lectureList li a:hover {color:#0065b5;}
#subContents .rightArea .lectureList li img {float:left; width:90px; height:116px; border:1px solid #d4d4d4; margin-top:5px;}
#subContents .rightArea .lectureList li span {display:block; float:right; width:605px;}
#subContents .rightArea .lectureList li span.title {font-size:15px; font-weight:600; color:#333;}
#subContents .rightArea .lectureList li span.company {font-size:13px; padding:5px 0;}
#subContents .rightArea .lectureList li span.price {font-size:14px; color:#ed0505; font-weight:bold; padding-bottom:10px;}
#subContents .rightArea .lectureList li span.info {line-height:20px;}
#subContents .rightArea .lectureList li span.connection {padding-bottom:5px; font-size:14px;}
#subContents .rightArea .lectureList li span.connection strong {display:inline-block; width:58px; height:18px; line-height:18px; font-size:11px; text-align:center; color:#fff; background-color:#044c8d; margin-right:5px; font-weight:normal;}
#subContents .rightArea h4 {width:718px; height:40px; line-height:40px; padding:0 20px; border:1px solid #d4d4d4; font-size:16px; color:#333; font-weight:600;}
#subContents .rightArea h4 span {padding:0 12px; font-weight:normal;}
#subContents .rightArea .bookInfo {width:100%; padding-bottom:60px;}
#subContents .rightArea .bookInfo:after {clear:both; content:""; display:block;}
#subContents .rightArea .bookInfo .bookImg {position:relative; float:left; width:220px; height:220px; padding:40px 0 0 75px; background:url('../../images/shopmall/bookImg_bg.png') no-repeat;}
#subContents .rightArea .bookInfo .bookImg img {width:141px; height:193px; border:1px solid #c3c3c3;}
#subContents .rightArea .bookInfo .bookImg a.expand {position:absolute; bottom:-10px; left:50%; margin-left:-37px; display:block; width:54px; height:18px; line-height:18px; border:1px solid #777777; color:#777777; padding-left:22px; background:url('../../images/shopmall/icon_expand.png') 4px 2px no-repeat; text-decoration:none;}
#subContents .rightArea .bookInfo ul {float:right; width:465px; padding:40px 0 25px;}
#subContents .rightArea .bookInfo ul li {height:30px; color:#333;}
#subContents .rightArea .bookInfo ul li.first {color:#ff0000; font-size:16px; font-weight:600;}
#subContents .rightArea .bookInfo ul li span {display:inline-block; width:80px; color:#333; zoom:1; *display:inline;}
#subContents .rightArea .bookInfo ul li input {width:58px; height:18px; border:1px solid #cfcfcf; text-align:center;}
#subContents .rightArea .bookInfo ul li.deliveryInfo {width:425px; height:auto; padding:15px 20px; background-color:#f5f5f5; line-height:20px; 
letter-spacing:-1px;}
#subContents .rightArea .bookInfo .btnArea {float:right; width:465px;}
#subContents .rightArea .bookInfo .btnArea:after {clear:both; content:""; display:block;}
#subContents .rightArea .bookInfo .btnArea a {display:block; float:left; width:105px; height:30px; line-height:30px; text-align:center; margin-right:8px; font-size:15px; font-weight:600; color:#fff; text-decoration:none;}
#subContents .rightArea .bookData {width:720px; margin:0 auto;}
#subContents .rightArea .bookData h5 {width:700px; height:20px; line-height:20px; padding-left:20px; padding-bottom:10px; margin-top:40px; font-size:14px; font-weight:600; color:#00284c; background:url('../../images/shopmall/bookData_arrow.png') 0 3px no-repeat;}
#subContents .rightArea .bookData span {display:block; width:700px; padding-left:20px; text-align:justify;}
#subContents .rightArea .cartInfo {width:535px; height:145px; padding-left:225px; padding-bottom:25px; line-height:20px; background:url('../../images/shopmall/cartInfo_bg.png') no-repeat;}
#subContents .rightArea .cartInfo li {width:515px; padding-left:10px; background:url('../../images/shopmall/cartInfo_arrow.png') no-repeat;}
#subContents .rightArea .cartInfo li.first {padding-top:28px; background:url('../../images/shopmall/cartInfo_arrow.png') 0 28px no-repeat;}
#subContents .rightArea .cartInfo li.last {padding-top:10px; background:url('../../images/shopmall/cartInfo_arrow.png') 0 -30px no-repeat;}
#subContents .rightArea .cartInfo li span {color:#0065b7;}
#subContents .rightArea table.listStyle {table-layout:fixed; border-spacing:0; border-collapse:collapse; width:100%;}
#subContents .rightArea table.listStyle th {height:32px; font-size:12px; color:#454545; background-color:#efefef; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; text-align:center;}
#subContents .rightArea table.listStyle th.first {border-left:1px solid #cfcfcf;}
#subContents .rightArea table.listStyle th.last {border-right:1px solid #cfcfcf;}
#subContents .rightArea table.listStyle td {padding:10px 0; border-bottom:1px solid #cfcfcf; text-align:center;}
#subContents .rightArea table.listStyle td.first {text-align:left; padding-left:5px; text-indent:8px;}
#subContents .rightArea table.listStyle td input {width:50px; height:18px; border:1px solid #cfcfcf; text-align:center;}
#subContents .rightArea table.listStyle td.price {font-weight:bold;}
#subContents .rightArea table.listStyle td a.delete {display:inline-block; width:50px; height:20px; line-height:20px; border:1px solid #777777; color:#777777; text-decoration:none;}
#subContents .rightArea table.listStyle td a.delete:hover {border:1px solid red; color:red;}
#subContents .rightArea table.listStyle tr.sum .first {float:left; width:13%; text-align:left; padding-left:2%;}
#subContents .rightArea table.listStyle tr.sum .last {float:left; width:83%; font-size:16px; text-align:right; padding-right:2%;}
#subContents .rightArea table.table01 th.part1 {width:54%;}
#subContents .rightArea table.table01 th.part2 {width:12%;}
#subContents .rightArea table.table01 th.part3 {width:12%;}
#subContents .rightArea table.table01 th.part4 {width:12%;}
#subContents .rightArea table.table01 th.part5 {width:10%;}
#subContents .rightArea .orderInfo {width:100%;}
#subContents .rightArea .orderInfo h4 {position:relative;}
#subContents .rightArea .orderInfo h4 a {position:absolute; top:8px; right:10px; display:block; width:100px; height:25px; line-height:25px; color:#fff; font-size:14px; text-align:center; background-color:#969696; text-decoration:none;}
#subContents .rightArea .orderInfo h5 {width:100%; height:20px; line-height:20px; padding-bottom:10px; margin-top:40px; font-size:14px; font-weight:600; color:#00284c; background:url('../../images/shopmall/bookData_arrow.png') 0 3px no-repeat; text-indent:20px;}
#subContents .rightArea .orderInfo ul.infoInput {width:700px; padding:30px; background-color:#f4f4f4;}
#subContents .rightArea .orderInfo ul.infoInput li {font-size:13px; color:#666; line-height:32px; padding-bottom:10px;}
#subContents .rightArea .orderInfo ul.infoInput li:after {content:""; display:block; clear:both;}
#subContents .rightArea .orderInfo ul.infoInput li p {float:left; width:118px; height:32px; font-weight:bold;}
#subContents .rightArea .orderInfo ul.infoInput li p span {vertical-align:middle; color:#4274ca; padding-right:3px;}
#subContents .rightArea .orderInfo ul.infoInput li p.blank {}
#subContents .rightArea .orderInfo ul.infoInput li span {display:inline-block; zoom:1; *display:inline; vertical-align:top;}
#subContents .rightArea .orderInfo ul.infoInput li span.name {width:148px; height:30px; line-height:30px; border:1px solid #cfcfcf; text-align:center; background-color:#fff;}
#subContents .rightArea .orderInfo ul.infoInput li input {float:left; height:30px; line-height:30px; border:1px solid #cfcfcf; padding:0 5px;}
#subContents .rightArea .orderInfo ul.infoInput li input.telw80 {width:78px; padding:0; text-align:center;}
#subContents .rightArea .orderInfo ul.infoInput li input.w150 {width:138px;}
#subContents .rightArea .orderInfo ul.infoInput li input.w280 {width:268px;}
#subContents .rightArea .orderInfo ul.infoInput li input.w450 {width:438px;}
#subContents .rightArea .orderInfo ul.infoInput li select {float:left; width:80px; height:32px; border:1px solid #cfcfcf;}
#subContents .rightArea .orderInfo ul.infoInput li a {float:left; display:block; text-decoration:none;}
#subContents .rightArea .orderInfo ul.infoInput li a.adnoBtn {width:90px; height:32px; line-height:32px; color:#fff; font-size:14px; text-align:center; background-color:#6d9dee;}
#subContents .rightArea .orderInfo ul.infoInput li a.saveBtn {width:52px; height:30px; line-height:30px; border:1px solid #6e9eef; color:#4274ca; font-size:14px; text-align:center; background-color:#fff;}
#subContents .rightArea .orderInfo ul.payment {width:100%; border-top:1px solid #cfcfcf; border-bottom :1px solid #cfcfcf;}
#subContents .rightArea .orderInfo ul.payment li {width:710px; margin:0 auto; border-bottom :1px solid #e9e9e9; padding:20px 10px;}
#subContents .rightArea .orderInfo ul.payment li.mobilepay {display:none;}
#subContents .rightArea .orderInfo ul.payment li.last {border-bottom:0;}
#subContents .rightArea .orderInfo ul.payment li:after {content:""; display:block; clear:both;}
#subContents .rightArea .orderInfo ul.payment li label {padding-left:5px; padding-right:40px; line-height:18px;}
#subContents .rightArea .orderInfo ul.payment li br {display:none;}
#subContents .rightArea .orderInfo ul.payment li input {vertical-align:top;}
#subContents .rightArea .orderInfo ul.payment li p {width:700px; padding-left:10px; color:#4274ca; font-weight:bold; background:url('../../images/shopmall/blue_arrow.png') 0 2px no-repeat;}
#subContents .rightArea .orderInfo ul.payment li span {display:block; width:700px; padding-top:5px; padding-left:10px; line-height:20px; text-align:justify;}
#subContents .rightArea .orderInfo ul.payment li span.bank {font-size:16px; line-height:24px;}
#subContents .rightArea .orderInfo ul.payment li.etc p {float:left; width:105px; padding-left:10px; color:#757575; font-weight:bold; background:url('../../images/shopmall/gray_arrow.png') 0 2px no-repeat;}
#subContents .rightArea .orderInfo ul.payment li.etc textarea {float:left; width:550px; height:125px; padding:5px; border:1px solid #cfcfcf;}
#subContents .rightArea .orderInfo .btnArea {width:100%; text-align:center; padding-top:30px; }
#subContents .rightArea .orderInfo .btnArea a {display:inline-block; width:105px; height:30px; line-height:30px; text-align:center; color:#fff; font-size:15px; font-weight:600; margin-left:5px; text-decoration:none; zoom:1; *display:inline;}
#subContents .rightArea .orderInfo .finishInfo {width:740px; border:10px solid #e1e1e1; padding:30px 0; text-align:center; font-size:15px; line-height:30px; color:#222;}
#subContents .rightArea .orderInfo .finishInfo span {font-size:18px; font-weight:600; color:#006eb3;}
#subContents .rightArea .orderInfo .call {background-color:#f2f2f2; line-height:40px; text-align:center;}
.orderList {width:100%; padding-top:20px;}
.orderList li {width:710px; margin:0 auto; padding-left:10px; line-height:20px; font-size:13px; background:url('../../images/shopmall/blue_arrow.png') 0 5px no-repeat;}
.cartbtnsArea {width:100%; text-align:center; padding:50px 0;}
.cartbtnsArea:after {content:""; display:block; clear:both;}
.cartbtnsArea a {display:inline-block; zoom:1; *display:inline; width:105px; height:30px; line-height:30px; text-align:center; font-size:15px; color:#fff; font-weight:600; text-decoration:none; margin-left:5px;}
.inputBtn {display:inline-block; width:15px; height:22px; vertical-align:middle; margin-left:-3px; zoom:1; *display:inline;}
.inputBtn a {left:0; display:block; width:15px; height:11px; text-indent:-9999em;}
.inputBtn a.up {background:url('../../images/shopmall/bookInfo_input_arrow.png') no-repeat;}
.inputBtn a.down {background:url('../../images/shopmall/bookInfo_input_arrow.png') 0 -11px no-repeat; *margin-top:-4px;}
/***** Search *****/
.searchArea {width:100%; text-align:center;}
.searchArea select {width:100px; height:30px; border:1px solid #c4c4c4;}
.searchArea input {width:180px; height:28px; border:1px solid #c4c4c4; padding:0 5px;}
.searchArea input.searchBtn {width:90px; height:30px; background-color:#4274ca; color:#fff; font-size:15px; line-height:30px; border:0; font-weight:600;}
/***** Paging *****/
.paging {text-align:center; padding-top:25px;}
.paging a, .paging b {display:inline-block; position:relative; width:21px; height:21px; margin-right:1px; border:1px solid #fff; font-family:tahoma,'±¼¸²',gulim,sans-serif; font-size:12px; color:#666; font-weight:bold; line-height:21px; text-decoration:none; vertical-align:top;}
.paging b {border-color:#548ae8; color:#548ae8;}
.paging a {border-color:#e8e8e8;}
.paging a:hover {border-color:#bbb; text-decoration:underline;}
.paging a.arrow {width:23px; height:23px; border:none; padding:0; margin:0; text-indent:-9999em;}
.paging a.fName {background:url('../images/sub/paging_arrow.gif') no-repeat;}
.paging a.pName {background:url('../images/sub/paging_arrow.gif') -23px 0 no-repeat;}
.paging a.nName {background:url('../images/sub/paging_arrow.gif') -46px 0 no-repeat;}
.paging a.lName {background:url('../images/sub/paging_arrow.gif')- 69px 0 no-repeat;}
}


/********** width 770px ÀÌÇÏ È­¸é **********/
@media screen and (max-width:700px) {
#wrap {width:100%; min-width:auto; overflow:hidden;}
/***** Header *****/
#header {position:relative; width:100%; min-width:320px; height:190px; margin:0 auto;}
#header .gnb {width:100%; border-bottom:1px solid #e0e0e0;}
#header .gnb:after {content:""; display:block; clear:both;}
#header .gnb a {display:block; height:40px; line-height:40px; float:right; font-size:12px; color:#747474; text-decoration:none; text-align:center; border-right:1px solid #e0e0e0;}
#header .gnb a.last {border:none;}
#header .w20 a {width:19.5%;}
#header .w25 a {width:24.5%;}
#header h1 {position:absolute; left:50%; margin-top:25px;}
#header h1.logo_global21 {width:140px; margin-left:-110px;}
#header h1.logo_small {width:80px; margin-left:30px;}
#header h1 a {display:block; width:100%; height:40px; text-indent:-9999em;}
#header h1.logo_global21 a {background:url('../../images/shopmall/logo.png') no-repeat; background-size:220px;}
#header h1.logo_small a {background:url('../../images/shopmall/logo.png') right 0 no-repeat; background-size:220px;}
#header form {display:block; width:85%; margin:70px auto 0;}
#header .search {position:relative; width:80%; height:34px; border:3px solid #006eb3;}
#header .search:after {content:""; display:block; clear:both;}
#header .search select {float:left; border:0; width:24%; height:20px; margin-top:7px; margin-left:3%;}
#header .search input {float:left; border:0; width:60%; height:20px; margin-top:5px; margin-right:3%;}
#header .search a.btn {position:absolute; top:-3px; right:-25%; display:block; width:22%; height:40px; line-height:40px; font-size:15px; font-weight:600; color:#fff; background-color:#006eb3; color:#fff; text-align:center; text-decoration:none;}
/***** Footer *****/
#footer {width:100%; background-color:#f2f2f2; padding:30px 0; color:#666666;}
#footer .footerArea {width:90%; padding-top:50px; margin:0 auto; background:url('../../images/shopmall/footer_logo.png') 10px 0 no-repeat; background-size:150px;}
#footer ul {width:100%;}
#footer ul:after {content:""; display:block; clear:both;}
#footer ul li {float:left; line-height:24px;}
#footer ul li a {display:inline-block; padding:0 10px; font-size:11px; text-decoration:none;}
#footer span {display:inline-block; line-height:22px;}
#footer .companyInfo {padding-top:20px; padding-bottom:20px; padding-left:10px; font-size:11px; line-height:20px;}
/***** Menu *****/
#lnb {width:100%; height:40px; background-color:#3a3b3e; box-shadow:0px 15px 10px -12px #bfbfbf;}
#lnb .menuArea {width:100%; margin:0 auto;}
#lnb .menuArea:after {content:""; display:block; clear:both;}
#lnb .menuArea li {float:left; width:20%; height:40px; background-color:#fff;}
#lnb .menuArea li.on a {background-color:#ed1b24; color:#fff;}
#lnb .menuArea li.on a {opacity:1;}
#lnb .menuArea li a {display:block; width:99%; height:40px; text-align:center; line-height:40px; font-size:12px; color:#a1a1a2; text-decoration:none; font-weight:600; background-color:#3a3b3e;}
#lnb .menuArea li+li+li+li+li a {width:100%;}
#lnb .menuArea li a:hover {opacity:1; background-color:#ed1b24; color:#fff;}
/***** Main *****/
#contents {width:100%;}
#contents .lectureBook {position:relative; width:100%; height:280px; margin:0 auto;}
#contents .lectureBook span {display:block;}
#contents .lectureBook .newIcon {position:absolute; top:30px; left:5%; width:60px; height:20px; line-height:20px; font-size:15px; font-weight:600; text-align:center; color:#fff; background:url('../../images/shopmall/bg_newicon.png') no-repeat; background-size:60px;}
#contents .lectureBook .title {width:80%; font-size:22px; font-weight:600; color:#1f1f1f; letter-spacing:-1px; text-shadow: 2px 2px 2px #b3b1ae; padding-top:60px; padding-left:5%;}
#contents .lectureBook .company {width:80%; font-size:15px; padding-top:5px; padding-left:5%; padding-bottom:20px;}
#contents .lectureBook .company strong {font-size:28px; color:#ff3000; font-weight:600; letter-spacing:-1px; padding-left:5px;}
#contents .lectureBook .info {width:55%; font-size:12px; line-height:20px; color:#444; padding-left:5%;}
#contents .lectureBook .info br {display:none;}
#contents .lectureBook img {position:absolute; width:25%; right:5%; top:15%;}
/* main section */
#mainSection {width:100%; background:url('../../images/shopmall/main_book_bg.png');}
#mainSection:after {content:""; display:block; clear:both; *zoom:1;}
#mainSection a {display:block; text-decoration:none;}
.sectorWrap {width:100%; margin:0 auto;}
.sectorWrap:after {content:""; display:block; clear:both; *zoom:1;}
/* rolling */
#mainRoll {position:relative; left:0; top:0; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; z-index:1;}
.swiper-wrapper{position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease;
-moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease;
-o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px);
-ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease;
transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease;}
.swiper-free-mode > .swiper-wrapper{-webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto;}
.swiper-slide{float: left;}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal{-ms-touch-action: pan-y;}
.swiper-wp8-vertical{-ms-touch-action: pan-x;}
#mainRoll {width:100%; height:280px; margin:-8px 0 0 0; overflow:hidden; z-index:50;}
#mainRoll .swiper-slide {width:100%; height:280px; overflow:hidden;}
/*#mainRoll .swiper-slide img {position:absolute; left:50%; top:0; margin:0 0 0 -540px;}*/
#mainRoll .swiper-slide a {display:block; position:relative; width:100%; }
/* thum */
#mainThum {position:absolute; left:0; top:240px; width:100%; text-align:center;}
#mainThum div {margin:0 3px; zoom:1; *display:inline;}
.swiper-pagination-switch {display:inline-block; width:15px; height:15px; background:url('../../images/shopmall/btn_main_off.png') left top no-repeat; overflow:hidden; cursor:pointer;}
.swiper-active-switch {background:url('../../images/shopmall/btn_main_on.png') left top no-repeat; cursor:pointer;}
/* rolling arrow */
.arrowArea {position:relative; width:960px; height:0; margin:0 auto;}
.arrowArea:after {content:""; display:block; clear:both; *zoom:1;}
.arrowLeft {position:absolute; left:-140px; top:-250px; z-index:99; width:50px; height:80px; background:url('../../images/shopmall/btn_main_left.png') left top no-repeat;}
.arrowLeft:hover {background:url('../../images/shopmall/btn_main_left_on.png') left top no-repeat;}
.arrowRight {position:absolute; right:-140px; top:-250px; z-index:99; width:50px; height:80px; background:url('../../images/shopmall/btn_main_right.png') left top no-repeat;}
.arrowRight:hover {background:url('../../images/shopmall/btn_main_right_on.png') left top no-repeat;}
.books {width:100%;}
.books h2 {font-size:25px; color:#333; font-weight:600;}
.books .big {width:100%;}
.books .big h2 {padding-top:30px; text-align:center;}
.books .big ul {width:100%; margin:0 auto; padding:25px 0 40px; border-bottom:1px solid #a1a1a1;}
.books .big ul:after {content:""; display:block; clear:both;}
.books .big li {float:left; width:33.33%; text-align:center;}
.books .big li a {display:block; color:#333333; font-size:12px; line-height:20px; text-decoration:none;}
.books .big li a img {width:80%; border:1px solid #c0c0c0;}
.books .big li span {display:block; width:90%; margin:0 auto;}
.books .big li span.lecture {padding-top:10px;}
.books .big li span.price {font-size:20px; line-height:20px; padding-top:10px; font-weight:600;}
.books .small {width:90%; margin:0 auto 50px;}
.books .small h2 {padding:30px 0 10px;}
.books .small ul {width:100%; border-bottom:1px dashed #a1a1a1;}
.books .small ul li {width:100%; color:#fff; padding-bottom:15px;}
.books .small ul li:after {content:""; display:block; clear:both;}
.books .small ul li a {display:block; text-decoration:none;}
.books .small ul li img {float:left; width:18%; border:1px solid #c0c0c0;}
.books .small ul li span {display:block; float:right; width:77%;}
.books .small ul li span.title {font-size:18px; font-weight:600;}
.books .small ul li span.title br {display:none;}
.books .small ul li span.company {font-size:14px;}
.books .small ul li span.price {font-size:22px; color:#ff3000; font-weight:600; padding:5px 0 10px;}
.books .small ul li span.info {font-size:14px; padding-bottom:15px;}
.customerCenter {width:90%; margin:0 auto; padding-top:30px; padding-bottom:60px;}
.customerCenter:after {content:""; display:block; clear:both;}
.customerCenter h2 {float:left; width:20%; border-top:4px solid #292b37; font-weight:600; font-size:25px; line-height:30px; color:#010101; padding-top:20px;}
.customerCenter .info {float:right; width:75%; border-top:1px solid #292b37; background:url('../../images/shopmall/bg_customer.png') right 30px no-repeat; background-size:25%;}
.customerCenter .info span {display:block;}
.customerCenter .info span.tel {font-size:30px; color:#292b37; font-weight:bold; padding:18px 0 10px;}
.customerCenter .info span.tel a {text-decoration:none; color:#292b37;}
.customerCenter .info span.time {font-size:13px; line-height:20px; color:#3c454e;}
/***** Sub *****/
#subContents {width:90%; margin:0 auto; font-family:'³ª´®°íµñ';}
#subContents .leftArea {display:none;}
#subContents .rightArea {clear:both; width:100%; padding-bottom:50px;}
#subContents .rightArea h3 {position:relative; font-size:1.6em; padding:20px 0 10px; font-weight:600; color:#333; margin-bottom:20px; border-bottom:1px solid #d4d4d4; text-indent:0.5em;}
#subContents .rightArea h3 span {position:absolute; padding-left:15px; top:2em; right:0; font-size:12px; color:#777; font-weight:normal; background:url('../images/sub/icon_home.gif') 0 2px no-repeat; text-indent:0;}
#subContents .rightArea .tab {clear:both; width:100%; height:40px; border-bottom:1px solid #3e3e3e; border-left:1px solid #ccc;}
#subContents .rightArea .tab:after {clear:both; content:""; display:block;}
#subContents .rightArea .tab li {position:relative; float:left; width:24.7%; height:39px; text-align:center; border-top:1px solid #ccc; border-right:1px solid #ccc;}
#subContents .rightArea .tab li.select {}
#subContents .rightArea .tab li.select a {top:-1px; left:-1px; width:100%; height:37px; line-height:38px; font-size:13px; background-color:#fff; color:#333; border:2px solid #333; z-index:10;}
#subContents .rightArea .tab li.select a:hover {}
#subContents .rightArea .tab li a {position:absolute; display:block; top:0; left:0; width:100%; height:39px; line-height:39px; font-size:13px; background-color:#f6f6f6; color:#555; text-align:center; text-decoration:none;}
#subContents .rightArea .tab li a:hover {background-color:#fff; color:#000;}
#subContents .rightArea .tab li.w165 {width:24.9% !important;}
#subContents .rightArea .tab li.w165 a {width:100% !important;}
#subContents .rightArea .lectureList {width:100%; padding-bottom:35px;}
#subContents .rightArea .lectureList li {width:100%; padding:25px 0; border-bottom:1px solid #d4d4d4 ;}
#subContents .rightArea .lectureList li:after {clear:both; content:""; display:block;}
#subContents .rightArea .lectureList li a {text-decoration:none;}
#subContents .rightArea .lectureList li a:hover {color:#0065b5;}
#subContents .rightArea .lectureList li img {float:left; width:20%; border:1px solid #d4d4d4;}
#subContents .rightArea .lectureList li span {display:block; float:right; width:75%;}
#subContents .rightArea .lectureList li span.title {font-size:15px; font-weight:600; color:#333;}
#subContents .rightArea .lectureList li span.company {font-size:13px; padding:5px 0;}
#subContents .rightArea .lectureList li span.price {font-size:14px; color:#ed0505; font-weight:bold; padding-bottom:10px;}
#subContents .rightArea .lectureList li span.info {line-height:20px;}
#subContents .rightArea .lectureList li span.connection {color:#000; padding-bottom:5px; font-size:14px;}
#subContents .rightArea .lectureList li span.connection strong {display:inline-block; width:58px; height:18px; line-height:18px; font-size:11px; text-align:center; color:#fff; background-color:#044c8d; margin-right:5px; vertical-align:2px; font-weight:normal;}
#subContents .rightArea h4 {width:93%; margin:0 auto; height:40px; line-height:40px; padding:0 3%; border:1px solid #d4d4d4; font-size:12px; color:#333; font-weight:600;}
#subContents .rightArea h4 span {padding:0 12px; font-weight:normal;}
#subContents .rightArea .bookInfo {width:100%; padding-bottom:60px; overflow:hidden;}
#subContents .rightArea .bookInfo:after {clear:both; content:""; display:block;}
#subContents .rightArea .bookInfo .bookImg {position:relative; float:left; width:160px; height:260px; padding:40px 0 0 75px; background:url('../../images/shopmall/bookImg_bg.png') no-repeat; margin-left:-70px;}
#subContents .rightArea .bookInfo .bookImg img {width:141px; height:193px; border:1px solid #c3c3c3;}
#subContents .rightArea .bookInfo .bookImg a.expand {position:absolute; top:253px; left:110px; display:block; width:54px; height:18px; line-height:18px; border:1px solid #777777; color:#777777; padding-left:22px; background:#fff url('../../images/shopmall/icon_expand.png') 4px 2px no-repeat; text-decoration:none;}
#subContents .rightArea .bookInfo ul {float:right; width:62%; padding:40px 0 25px;}
#subContents .rightArea .bookInfo ul li {width:100%;height:30px; color:#333;}
#subContents .rightArea .bookInfo ul li.first {color:#ff0000; font-size:16px; font-weight:600;}
#subContents .rightArea .bookInfo ul li span {display:inline-block; width:80px; color:#333; zoom:1; *display:inline;}
#subContents .rightArea .bookInfo ul li input {width:58px; height:18px; border:1px solid #cfcfcf; text-align:center;}
#subContents .rightArea .bookInfo ul li.deliveryInfo {width:90%; height:auto; padding:15px 5%; background-color:#f5f5f5; line-height:20px; 
letter-spacing:-1px;}
#subContents .rightArea .bookInfo .btnArea {clear:both; width:100%; text-align:center;}
#subContents .rightArea .bookInfo .btnArea:after {clear:both; content:""; display:block;}
#subContents .rightArea .bookInfo .btnArea a {display:inline-block; width:105px; height:30px; line-height:30px; text-align:center; margin-right:5px; font-size:15px; font-weight:600; color:#fff; text-decoration:none;}
#subContents .rightArea .bookInfo .btnArea a.mp3 {background-color:#0065b7;}
#subContents .rightArea .bookInfo .btnArea a.cart {background-color:#969696;}
#subContents .rightArea .bookInfo .btnArea a.buy {background-color:#ff0000;}
#subContents .rightArea .bookData {width:100%; margin:0 auto;}
#subContents .rightArea .bookData h5 {width:100%; height:20px; line-height:20px; padding-bottom:10px; margin-top:40px; font-size:14px; font-weight:600; color:#00284c; background:url('../../images/shopmall/bookData_arrow.png') 0 3px no-repeat; text-indent:20px;}
#subContents .rightArea .bookData span {display:block; width:100%; text-align:justify; line-height:18px;}
#subContents .rightArea .cartInfo {width:99.6%; padding:25px 0; margin-bottom:20px; line-height:20px; background:url('../../images/shopmall/cartInfo_mobile_bg.png') 5% 28px no-repeat; background-size:20%; border:1px solid #cfcfcf; border-radius:10px;}
#subContents .rightArea .cartInfo li {width:63%; margin-left:30%; padding-left:10px; background:url('../../images/shopmall/cartInfo_arrow.png') 0 0 no-repeat;}
#subContents .rightArea .cartInfo li.first {padding-top:0; background:url('../../images/shopmall/cartInfo_arrow.png') 0 0 no-repeat;}
#subContents .rightArea .cartInfo li.last {padding-top:10px; background:url('../../images/shopmall/cartInfo_arrow.png') 0 -30px no-repeat;}
#subContents .rightArea .cartInfo li span {color:#0065b7;}
#subContents .rightArea table.listStyle {table-layout:fixed; border-spacing:0; border-collapse:collapse; width:100%;}
#subContents .rightArea table.listStyle th {height:32px; font-size:12px; color:#454545; background-color:#efefef; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; text-align:center;}
#subContents .rightArea table.listStyle th.first {border-left:1px solid #cfcfcf;}
#subContents .rightArea table.listStyle th.last {border-right:1px solid #cfcfcf;}
#subContents .rightArea table.listStyle td {padding:10px 0; border-bottom:1px solid #cfcfcf; text-align:center;}
#subContents .rightArea table.listStyle td.first {text-align:left; padding-left:5px;}
#subContents .rightArea table.listStyle td input {width:30px; height:18px; border:1px solid #cfcfcf; text-align:center;}
#subContents .rightArea table.listStyle td.price {font-weight:bold;}
#subContents .rightArea table.listStyle td a.delete {display:inline-block; width:30px; height:20px; line-height:20px; border:1px solid #777777; color:#777777; text-decoration:none;}
#subContents .rightArea table.listStyle td a.delete:hover {border:1px solid red; color:red;}
#subContents .rightArea table.listStyle tr.sum .first {float:left; width:14%; text-align:left; padding-left:2%;}
#subContents .rightArea table.listStyle tr.sum .last {float:left; width:82%; font-size:16px; text-align:right; padding-right:2%;}
#subContents .rightArea table.listStyle tr.sum span {display:inline-block;}
#subContents .rightArea table.table01 th.part1 {width:54%;}
#subContents .rightArea table.table01 th.part1col1 {width:58%;}
#subContents .rightArea table.table01 th.part2 {width:14%;}
#subContents .rightArea table.table01 th.part3 {width:14%;}
#subContents .rightArea table.table01 th.part4 {width:14%;}
#subContents .rightArea table.table01 th.part5 {width:12%;}
#subContents .rightArea .orderInfo {width:100%; margin:0 auto;}
#subContents .rightArea .orderInfo h4 {position:relative; width:90%; height:auto; padding:10px 4.5% 17px; min-height:22px; line-height:20px; margin-top:30px;}
#subContents .rightArea .orderInfo h4 a {position:relative; top:5px; left:0; display:block; width:100px; height:25px; line-height:25px; color:#fff; font-size:14px; text-align:center; background-color:#969696; text-decoration:none;}
#subContents .rightArea .orderInfo h5 {width:100%; height:20px; line-height:20px; padding-bottom:10px; margin-top:40px; font-size:14px; font-weight:600; color:#00284c; background:url('../../images/shopmall/bookData_arrow.png') 0 3px no-repeat; text-indent:20px;}
#subContents .rightArea .orderInfo ul.infoInput {width:90%; padding:30px 5%; background-color:#f4f4f4;}
#subContents .rightArea .orderInfo ul.infoInput li {font-size:13px; color:#666; line-height:32px; padding-bottom:10px;}
#subContents .rightArea .orderInfo ul.infoInput li:after {content:""; display:block; clear:both;}
#subContents .rightArea .orderInfo ul.infoInput li p {float:left; width:100%; height:32px; font-weight:bold;}
#subContents .rightArea .orderInfo ul.infoInput li p span {vertical-align:middle; color:#4274ca; padding-right:3px;}
#subContents .rightArea .orderInfo ul.infoInput li p.blank {display:none;}
#subContents .rightArea .orderInfo ul.infoInput li span {display:inline-block; zoom:1; *display:inline; vertical-align:top;}
#subContents .rightArea .orderInfo ul.infoInput li span.name {width:98%; height:30px; line-height:30px; border:1px solid #cfcfcf; text-align:center; background-color:#fff;}
#subContents .rightArea .orderInfo ul.infoInput li input {float:left; height:30px; line-height:30px; border:1px solid #cfcfcf; padding:0 5px;}
#subContents .rightArea .orderInfo ul.infoInput li input.telw80 {width:78px; padding:0; text-align:center;}
#subContents .rightArea .orderInfo ul.infoInput li input.w150 {width:96%; margin-top:10px; margin-left:0 !important;}
#subContents .rightArea .orderInfo ul.infoInput li input.w280 {width:96%;}
#subContents .rightArea .orderInfo ul.infoInput li input.w450 {width:82%;}
#subContents .rightArea .orderInfo ul.infoInput li select {float:left; width:80px; height:32px; border:1px solid #cfcfcf;}
#subContents .rightArea .orderInfo ul.infoInput li a {float:left; display:block; text-decoration:none;}
#subContents .rightArea .orderInfo ul.infoInput li a.adnoBtn {width:90px; height:32px; line-height:32px; color:#fff; font-size:14px; text-align:center; background-color:#6d9dee;}
#subContents .rightArea .orderInfo ul.infoInput li a.saveBtn {width:52px; height:30px; line-height:30px; border:1px solid #6e9eef; color:#4274ca; font-size:14px; text-align:center; background-color:#fff;}
#subContents .rightArea .orderInfo ul.payment {width:100%; border-top:1px solid #cfcfcf; border-bottom :1px solid #cfcfcf;}
#subContents .rightArea .orderInfo ul.payment li {width:90%; margin:0 auto; border-bottom :1px solid #e9e9e9; padding:20px 5%;}
#subContents .rightArea .orderInfo ul.payment li.mobilepay {display:block; text-align:center; font-size:15px; font-weight:600; color:#ff0000;}
#subContents .rightArea .orderInfo ul.payment li.last {border-bottom :0;}
#subContents .rightArea .orderInfo ul.payment li:after {content:""; display:block; clear:both;}
#subContents .rightArea .orderInfo ul.payment li label {padding-left:5px; padding-right:30px; line-height:25px;}
#subContents .rightArea .orderInfo ul.payment li br {display:none;}
#subContents .rightArea .orderInfo ul.payment li input {vertical-align:-3px;}
#subContents .rightArea .orderInfo ul.payment li p {width:96%; padding-left:4%; color:#4274ca; font-weight:bold; background:url('../../images/shopmall/blue_arrow.png') 0 2px no-repeat;}
#subContents .rightArea .orderInfo ul.payment li span {display:block; width:92%; padding-top:5px; padding-left:4%; line-height:20px; text-align:justify;}
#subContents .rightArea .orderInfo ul.payment li span.bank {font-size:16px; line-height:24px;}
#subContents .rightArea .orderInfo ul.payment li.etc p {float:left; width:96%; padding-left:4%; padding-bottom:8px; color:#757575; font-weight:bold; background:url('../../images/shopmall/gray_arrow.png') 0 2px no-repeat;}
#subContents .rightArea .orderInfo ul.payment li.etc textarea {float:left; width:85%; height:125px; padding:5%; border:1px solid #cfcfcf;}
#subContents .rightArea .orderInfo .btnArea {width:100%; text-align:center; padding-top:30px; }
#subContents .rightArea .orderInfo .btnArea a {display:inline-block; width:105px; height:30px; line-height:30px; text-align:center; color:#fff; font-size:15px; font-weight:600; margin-left:5px; text-decoration:none; zoom:1; *display:inline;}
#subContents .rightArea .orderInfo .finishInfo {width:100%; border:10px solid #e1e1e1; padding:30px 0; text-align:center; font-size:15px; line-height:30px; color:#222; box-sizing:border-box;}
#subContents .rightArea .orderInfo .finishInfo span {font-size:18px; font-weight:600; color:#006eb3;}
#subContents .rightArea .orderInfo .call {background-color:#f2f2f2; line-height:40px; text-align:center;}
.orderList {width:100%; padding-top:20px;}
.orderList li {width:94%; margin:0 auto; padding-left:3%; line-height:20px; font-size:13px; text-align:justify; background:url('../../images/shopmall/blue_arrow.png') 0 5px no-repeat;}
.cartbtnsArea {width:100%; text-align:center; padding:30px 0 10px;}
.cartbtnsArea:after {content:""; display:block; clear:both;}
.cartbtnsArea a {display:inline-block; zoom:1; *display:inline; width:105px; height:30px; line-height:30px; text-align:center; font-size:15px; color:#fff; font-weight:600; text-decoration:none; margin-left:5px;}
.inputBtn {display:inline-block; width:15px; height:22px; vertical-align:middle; margin-left:-3px; zoom:1; *display:inline;}
.inputBtn a {left:0; display:block; width:15px; height:11px; text-indent:-9999em;}
.inputBtn a.up {background:url('../../images/shopmall/bookInfo_input_arrow.png') no-repeat;}
.inputBtn a.down {background:url('../../images/shopmall/bookInfo_input_arrow.png') 0 -11px no-repeat; *margin-top:-4px;}
/***** Search *****/
.searchArea {width:100%; text-align:center;}
.searchArea select {width:100px; height:30px; border:1px solid #c4c4c4;}
.searchArea input {width:180px; height:28px; border:1px solid #c4c4c4; padding:0 5px;}
.searchArea input.searchBtn {width:90px; height:30px; background-color:#4274ca; color:#fff; font-size:15px; line-height:30px; border:0; font-weight:600;}
/***** Paging *****/
.paging {text-align:center; padding-top:25px;}
.paging a, .paging b {display:inline-block; position:relative; width:21px; height:21px; margin-right:1px; border:1px solid #fff; font-family:tahoma,'±¼¸²',gulim,sans-serif; font-size:12px; color:#666; font-weight:bold; line-height:21px; text-decoration:none; vertical-align:top;}
.paging b {border-color:#548ae8; color:#548ae8;}
.paging a {border-color:#e8e8e8;}
.paging a:hover {border-color:#bbb; text-decoration:underline;}
.paging a.arrow {width:23px; height:23px; border:none; padding:0; margin:0; text-indent:-9999em;}
.paging a.fName {background:url('../images/sub/paging_arrow.gif') no-repeat;}
.paging a.pName {background:url('../images/sub/paging_arrow.gif') -23px 0 no-repeat;}
.paging a.nName {background:url('../images/sub/paging_arrow.gif') -46px 0 no-repeat;}
.paging a.lName {background:url('../images/sub/paging_arrow.gif')- 69px 0 no-repeat;}
}


/* width 420px ÀÌÇÏ È­¸é */
@media screen and (max-width:420px) {
/***** Main *****/
#contents .lectureBook {position:relative; width:100%; height:360px; margin:0 auto;}
#contents .lectureBook .newIcon {position:absolute; top:30px; left:8%; width:60px; height:20px; line-height:20px; font-size:15px; font-weight:600; text-align:center; color:#fff; background:url('../../images/shopmall/bg_newicon.png') no-repeat; background-size:60px;}
#contents .lectureBook .title {width:80%; font-size:22px; font-weight:600; color:#1f1f1f; letter-spacing:-1px; text-shadow: 2px 2px 2px #b3b1ae; padding-top:60px; padding-left:8%;}
#contents .lectureBook .company {width:80%; font-size:15px; padding-top:5px; padding-left:8%; padding-bottom:20px;}
#contents .lectureBook .company strong {font-size:28px; color:#ff3000; font-weight:600; letter-spacing:-1px; padding-left:5px;}
#contents .lectureBook .info {position:relative; width:55%; font-size:11px; line-height:18px; color:#444; padding-left:8%; height:125px; overflow:hidden;}
#contents .lectureBook .info br {display:none;}
#contents .lectureBook img {position:absolute; width:25%; right:5%; top:15%;}
#contents .lectureBook img {position:absolute; width:25%; right:5%; top:50%;}
#mainRoll {width:100%; height:360px; margin:-8px 0 0 0; overflow:hidden; z-index:50;}
#mainRoll .swiper-slide {width:100%; height:360px; overflow:hidden;}
#mainThum {position:absolute; left:0; top:320px; width:100%; text-align:center;}
.books .small ul li img {float:left; width:25%; border:1px solid #c0c0c0; margin-bottom:8px;}
.books .small ul li span {display:block; float:right; width:70%;}
.books .small ul li span.info {clear:both; width:100%; font-size:14px; padding-bottom:15px;}
/***** Sub *****/
#subContents .rightArea .tab {clear:both; width:100%; height:90px; border-bottom:0; border-left:0;}
#subContents .rightArea .tab:after {clear:both; content:""; display:block;}
#subContents .rightArea .tab li {position:relative; float:left; width:48%; height:39px; text-align:center; border:1px solid #ccc; margin:2px 0.5%;}
#subContents .rightArea .tab li.select {}
#subContents .rightArea .tab li.select a {top:-1px; left:-1px; width:99%; height:37px; line-height:38px; font-size:13px; background-color:#fff; color:#333; border:2px solid #333; z-index:10;}
#subContents .rightArea .tab li.select a:hover {}
#subContents .rightArea .tab li a {position:absolute; display:block; top:0; left:0; width:100%; height:39px; line-height:39px; font-size:13px; background-color:#f6f6f6; color:#555; text-align:center; text-decoration:none;}
#subContents .rightArea .tab li a:hover {background-color:#fff; color:#000;}
#subContents .rightArea .tab li.w165 {width:48% !important;}
#subContents .rightArea .tab li.w165 a {width:100% !important;}
#subContents .rightArea .lectureList li span.connection {color:#000;}
#subContents .rightArea .lectureList li span.connection strong {display:block; width:58px; height:18px; line-height:18px; font-size:11px; text-align:center; color:#fff; background-color:#044c8d; margin-right:5px; margin-bottom:5px; font-weight:normal;}
#subContents .rightArea .bookInfo .bookImg {position:relative; clear:both; width:220px; height:240px; padding:40px 0 0 75px; background:url('../../images/shopmall/bookImg_bg.png') no-repeat; left:50%; margin-left:-147px;}
#subContents .rightArea .bookInfo .bookImg img {width:141px; height:193px; border:1px solid #c3c3c3;}
#subContents .rightArea .bookInfo .bookImg a.expand {position:absolute; top:253px; left:50%; margin-left:-40px; display:block; width:54px; height:18px; line-height:18px; border:1px solid #777777; color:#777777; padding-left:22px; background:#fff url('../../images/shopmall/icon_expand.png') 4px 2px no-repeat; text-decoration:none;}
#subContents .rightArea .bookInfo ul {float:right; width:62%; padding:40px 0 25px;}
#subContents .rightArea .bookInfo ul {clear:both; width:100%; padding:20px 0 25px;}
/***** Search *****/
.searchArea {width:100%; text-align:center;}
.searchArea select {width:25%; height:30px; border:1px solid #c4c4c4;}
.searchArea input {width:40%; height:28px; border:1px solid #c4c4c4; padding:0 5px;}
.searchArea input.searchBtn {width:20%; height:30px; background-color:#4274ca; color:#fff; font-size:15px; line-height:30px; border:0; font-weight:600;}
#subContents .rightArea .bookInfo .btnArea a {display:inline-block; width:80px; height:30px; line-height:30px; text-align:center; margin-right:3px; font-size:13px; font-weight:600; color:#fff; text-decoration:none;}
#subContents .rightArea table.listStyle td input {width:28px; height:16px; border:1px solid #cfcfcf; text-align:center;}
#subContents .rightArea table.table01 th.part1 {width:38%;}
#subContents .rightArea table.table01 th.part2 {width:15%;}
#subContents .rightArea table.table01 th.part3 {width:14%;}
#subContents .rightArea table.table01 th.part4 {width:15%;}
#subContents .rightArea table.table01 th.part5 {width:14%;}
#subContents .rightArea table.table01 span {display:none;}
#subContents .rightArea .orderInfo ul.payment li br {display:inline-block;}
#subContents .rightArea .orderInfo ul.infoInput li input.telw80 {width:17%; padding:0; text-align:center;}
#subContents .rightArea .orderInfo ul.infoInput li input.w450 {width:65%;}
.inputBtn {display:inline-block; width:30px; height:11px; vertical-align:middle; margin-top:-2px;}
.inputBtn:after {content:""; display:block; clear:both;}
.inputBtn a {float:left; display:block; width:15px; height:11px; text-indent:-9999em;}
.inputBtn a.up {background:url('../../images/shopmall/bookInfo_input_arrow.png') no-repeat;}
.inputBtn a.down {background:url('../../images/shopmall/bookInfo_input_arrow.png') 0 -11px no-repeat; *margin-top:-4px;}
}