@charset "utf-8";

/* -------------------------------------
    common
---------------------------------------- */
.sub .content{padding-bottom:60px;}
.sub header{border-bottom:1px solid #e6e6e6;}
.section-tit ~ section .inner{max-width:1200px;margin:0 auto;}
.sub-cnt h1{margin-top:9px;margin-bottom:62px;text-align:center;font-size:38px;font-weight:500;}
.section-normal{line-height:2;}
.overlay{position:fixed;}

section .selectric-wrapper{border:1px solid #b5b1b2;}
section .selectric .label{height:46px;line-height:46px;padding-left:13px;padding-bottom:0;color:#111;}
section .selectric .button{background:none;}
section .selectric .button:after{content:"";display:inline-block;margin-top:3px;border-right:6px solid transparent;border-left:6px solid transparent;border-top:6px solid #111;}
section .selectric-open .selectric .button:before{border-top:none;border-bottom:6px solid #111;}
section .selectric-items{left:-1px !important;width:100% !important;border:1px solid #b5b1b2;box-shadow:none;}

/* title */
.section-tit{height:584px;padding-top:106px;padding-bottom:74px;text-align:center;box-sizing:border-box;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.section-tit .inner{display:inline-block;vertical-align:middle;}
.section-tit p{text-transform:uppercase;font-size:1.333em;font-weight:400;}
.section-tit h1{font-size:2.666666em;font-weight:400;color:#fff;}
.section-tit:before{content:"";display:inline-block;width:1px;height:100%;margin-right:-5px;vertical-align:middle;}
.section-tit .txt{max-width:1200px;line-height:1.9;margin:50px auto 0;font-size:1.111em;}
.section-tit .txt.type2{margin-top:7px;}
.section-cnt-nav ul li a:before {z-index:20;}

/* title:bg none */
.content.tit-bg-none .section-tit{height:auto;margin-top:138px;padding-bottom:50px;background:none !important;}
.content.tit-bg-none .section-tit .inner{display:block;}
.content.tit-bg-none .section-tit h1{font-weight:500;color:#111;}
.content.tit-bg-none .section-tit:before{display:block;}

/* title:title none */
.content.tit-none .section-tit{margin-top:100px;padding-bottom:77px;}
.content.tit-none .section-tit:before{display:none;}

/* sub navigation */
.section-cnt-nav{position:relative;margin-top:-75px;margin-bottom:70px;text-align:center;border-top:1px solid rgba(182,182,182,.34);background-color:rgba(17,17,17,.45);}
.section-cnt-nav .btn-home{display:inline-block;width:21px;height:20px;font-size:0;background:url(http://www.businessbooks.co.kr/01_include/resource/images/common/ico-home.png) no-repeat 0 0 / cover;vertical-align:middle;}
.section-cnt-nav ul{display:inline-block;vertical-align:middle;}
.section-cnt-nav ul li{display:inline-block;position:relative;margin:-1px 26px 0;vertical-align:middle;}
.section-cnt-nav ul li a{display:block;height:75px;line-height:75px;font-size:1.111em;font-weight:400;color:#c0c0c0;}
.section-cnt-nav ul li a:before{content:"";display:block;position:absolute;top:0;left:50%;width:0;height:3px;transform:translateX(-50%);transition-duration:.3s;}
.section-cnt-nav ul li a:focus:before,
.section-cnt-nav ul li a:hover:before{width:100%;background-color:#c0c0c0;}
.section-cnt-nav ul li.current a{font-weight:500;color:#fff;}
.section-cnt-nav ul li.current a:before{width:100%;background-color:#fff;}

/* sub navigation:bg none */
.content.tit-bg-none .section-cnt-nav{position:absolute;top:106px;left:0;right:0;margin-top:0;border-bottom:1px solid #e6e6e6;background-color:#fff;}
.content.tit-bg-none .section-cnt-nav .btn-home{margin-right:84px;background-position:0 -25px;}
.content.tit-bg-none .section-cnt-nav ul li{margin-right:50px;margin-left:50px;}
.content.tit-bg-none .section-cnt-nav ul li a{height:65px;line-height:65px;font-size:1em;color:#555;}
.content.tit-bg-none .section-cnt-nav ul li.current a{color:#111;}
.content.tit-bg-none .section-cnt-nav ul li.current a:before{background-color:#111;z-index:20;}
header.on ~ .content.tit-bg-none .section-cnt-nav ul li.current a:before{z-index:0;}

/* button */
.btn{display:inline-block;text-align:center;box-sizing:border-box;vertical-align:middle;}
.btnM{height:41px;line-height:40px;padding:0 27px;font-size:0.944em;font-weight:400;}
.btnL{min-width:189px;height:64px;line-height:63px;padding:0 36px;font-size:1em;font-weight:400;}
.btn.btnBlack{color:#fff;border:1px solid #111 !important;background-color:#111;transition-duration:.3s;}
.btn.btnBlackR{color:#111;border:1px solid #000 !important;background-color:#fff;transition-duration:.3s;}
.btn.btnBlackR:focus,
.btn.btnBlackR:hover{color:#fff;border:1px solid #000 !important;background-color:#111;}
.btn-area.half .btn.btnBlackR:focus,
.btn-area.half .btn.btnBlackR:hover{color:inherit;border:inherit;background-color:inherit;}
.btn.btnGrayR{color:#444;border:1px solid #d0d0d0 !important;background-color:#fff;transition-duration:.3s;}

/* check box */
.check-area{position:relative;margin-bottom:26px;}
.check-area>span{display:inline-block;position:relative;margin-right:18px;}
.check-area label{display:inline-block;line-height:1.25em;vertical-align:3px;}
.check-area label:before{content:"";display:block;position:absolute;top:0;left:0;width:20px;height:20px;background-repeat:no-repeat;background-position:center center;}
.check-area input[type="checkbox"]{width:23px;height:23px;margin:-9px 5px 0 1px;}
.check-area input[type="checkbox"] + label:before{top:0;left:0;width:20px;height:20px;border:2px solid #d5d4d9;background-color:#fff;background-repeat:no-repeat;background-position:center center;}
.check-area input[type="checkbox"]:checked + label:before{border-color:#111;background-color:#111;background-image:url(../../resource/images/common/ico-check.png);background-position:center -1px;background-size:cover;}
.check-area input[type="radio"]{width:18px;height:18px;margin-top:-11px;margin-right:5px;}
.check-area input[type="radio"] + label:before{width:16px;height:16px;top:2px;border-radius:50%;border:1px solid #b7b3b4;background-color:#fff;}
.check-area input[type="radio"]:checked + label:before{border-color:#111;border:1px solid #111;background-color:#111;}

/* list */
.list li{position:relative;border-bottom:1px solid #d8d8d8;}
ul.list-type-dash{padding-left:2px;}
ul.list-type-dash>li{position:relative;margin-bottom:9px;padding-left:10px;}
ul.list-type-dash>li:before{content:"";display:inline-block;position:absolute;top:12px;left:0;width:5px;height:1px;margin-right:7px;background-color:#323232;}
ul.list-type-dot>li{position:relative;margin-bottom:10px;padding-left:13px;}
ul.list-type-dot>li:before{content:"";display:inline-block;position:absolute;top:12px;left:0;width:3px;height:3px;margin-right:7px;background-color:#000;}
ul.list-type-dot.blue>li:before{background-color:#0088ce;}


/* -------------------------------------
    board
---------------------------------------- */
/* title */
.content.board .section-tit{background-image:url(http://www.businessbooks.co.kr/01_include/resource/images/common/bg-sub-tit-board.jpg);}

/* list */
.board .list-area .list-top{margin-bottom:24px;}
.info{margin-top:13px;font-size:0.833em;color:#8a8a8a;}
.info>*{display:inline-block;vertical-align:middle;}
.info .hits{margin-left:32px;}
.info .hits dt,
.info .hits dd{display:inline-block;color:#8a8a8a;vertical-align:middle;}
.info .hits dd{margin-left:6px;}
.list.list-type1 ul{border-top:2px solid #111;border-bottom:1px solid #111;}
.list.list-type1 li:first-child{border-top:none;}
.list.list-type1 li a{display:block;padding:39px 36px 38px;background-color:#fff;transition-duration:0.3s;}
.list.list-type1 li a .tit>*{vertical-align:middle;}
.list.list-type1 li a .tit strong{font-weight:400;}
.list.list-type1 li a .info{margin-top:13px;}
.list.list-type1 li a:focus,
.list.list-type1 li a:hover{background-color:#f3f3f3;}
.txt-num{font-weight:400;color:#0088ce;}
.ico-new{display:inline-block;margin-left:2px;font-family:Arial;font-size:0.722em;font-weight:bold;font-style:italic;color:#d80000;text-transform:uppercase;}

/* paging */
.paging{margin:38px 0 0;text-align:center;}
.paging [class*="btn-"]{display:inline-block;width:20px;height:16px;margin:0 1px;font-size:0;background:url(http://www.businessbooks.co.kr/01_include/resource/images/common/ico-arrow-paging.png) no-repeat 0 center / cover;vertical-align:middle;}
.paging [class^="btn-"]:disabled{border-color:#f3f3f3;}
.paging .btn-first{background-position-x:0;}
.paging .btn-prev{background-position-x:-20px;}
.paging .btn-next{background-position-x:-40px;}
.paging .btn-last{background-position-x:-65px;}
.paging [class*="btn-"]:disabled{opacity:0.3;}
.paging .btn-first + .btn-prev{margin-left:-1px;}
.paging .btn-next + .btn-last{margin-left:-1px;}
.paging ol.paging-number{display:inline-block;margin:0 5px;vertical-align:middle;}
.paging ol.paging-number li{display:inline-block;}
.paging ol.paging-number li a{display:block;width:28px;height:28px;margin:0 1px;text-align:center;font-size:0.889em;color:#737272;box-sizing:border-box;}
.paging ol.paging-number li a:focus,
.paging ol.paging-number li a:hover{color:#111;}
.paging ol.paging-number li.current a{font-weight:400;color:#111;border:1px solid #111;background:#fff;}

/* detail */
.board .detail-haeder{position:relative;padding:40px 160px 40px 37px;border-top:2px solid #111;border-bottom:1px solid #d8d8d8;}
.board .detail-haeder .tit{font-size:1.444em;font-weight:500;}
.board .detail-haeder .info{margin-top:17px;font-size:0.889em;color:#8a8a8a;}
.board .detail-haeder .sns-area{position:absolute;bottom:24px;right:23px;}
.board .detail-content{line-height:2;padding:55px 40px;}
.board .download-area{margin-top:55px;}
.board .download-area li{position:relative;padding-left:30px;}
.board .download-area li a{font-size:0.944em;color:#0161b4;}
.board .download-area li:before{content:"";display:block;position:absolute;top:7px;left:0;width:17px;height:20px;background:url(../../resource/images/common/ico-download.png) no-repeat center center / cover;}
[class*="section-detail-"] .btn-area{margin-top:44px;text-align:center;}
.prev-next{margin:30px auto;border-top:1px solid #111;border-bottom:1px solid #111;}
.prev-next .next-cnt{border-top:1px solid #d8d8d8;}
.prev-next a{display:block;border-bottom:1px solid transparent;transition-duration:.3s;}
.prev-next dl{padding:21px 38px 22px;white-space:nowrap;}
.prev-next dl dt,
.prev-next dl dd{vertical-align:middle;}
.prev-next dl dt{display:inline-block;width:79px;margin-top:2px;font-size:0.889em;color:#8a8a8a;}
.prev-next dl dd{display:inline;font-weight:400;}
.prev-next dl dd .tit{display:inline-block;overflow:hidden;width:calc(100% - 185px);margin-right:20px;text-overflow:ellipsis;font-size:0.944em;vertical-align:middle;}
.prev-next dl dd .date{font-size:0.889em;color:#8a8a8a;vertical-align:middle;}
.prev-next a:focus,
.prev-next a:hover{background-color:#f3f3f3;}
.comment-write-area{position:relative;margin-top:120px;}
.comment-write-area .tit{margin-bottom:15px;font-size:1.333em;font-weight:400;}
.comment-write-area .check-area{position:absolute;top:10px;right:0;line-height:0;}
.comment-write-area .check-area input[type="checkbox"]{width:26px;height:26px;opacity:0;cursor:pointer;}
.comment-write-area .check-area label{line-height:26px;font-size:0.889em;color:#696969;cursor:pointer;}
.comment-write-area .check-area input[type="checkbox"] + label:before{width:26px;height:26px;border-radius:50%;border:none;border:2px solid #999;box-sizing:border-box;background-color:#fff;}
.comment-write-area .check-area input[type="checkbox"]:checked + label:before{border-color:#0088ce;background-position:center center;background-color:#0088ce;}
.comment-write-area .comment-write{position:relative;height:168px;border:1px solid #d8d8d8;}
.comment-write-area .comment-write textarea{display:block;width:calc(100% - 167px);height:calc(100% - 34px);border:none;resize:none;}
.comment-write-area .comment-write .txt{position:absolute;bottom:15px;left:16px;font-size:0.778em;color:#8d8d8d;}
.comment-write-area .comment-write .btn-regi{display:block;position:absolute;top:0;right:0;width:168px;height:100%;text-align:center;font-size:1em;color:#333;border-left:1px solid #d8d8d8;background-color:#f5f5f5;}
.comment-list{margin-top:92px;}
.comment-list ul{border-top:1px solid #d8d8d8;}
.comment-list li{position:relative;padding:33px 2px 36px;border-bottom:1px solid #d8d8d8;}
.comment-list .author{margin-bottom:8px;font-size:0.944em;font-weight:500;}
.comment-list .comment{line-height:2;padding-right:168px;font-size:0.944em;font-weight:400;}
.comment-list .date{margin-top:16px;font-size:0.833em;color:#8d8d8d;}
.comment-list .comment-wirte{padding:9px 0 12px;}
.comment-list .comment-wirte textarea{height:111px;}
.btn-edit-area{position:absolute;right:1px;bottom:31px;}
.btn-edit-area button{float:left;width:43px;height:43px;margin-left:-1px;font-size:0;border:1px solid #cdcdcd;background:url(../../resource/images/common/ico-edit.png) no-repeat 0 0 / cover;transition-duration:.3s;}
.btn-edit-area button.btn-edit{background-position:0 0;}
.btn-edit-area button.btn-del{background-position:-44px 0;}
.btn-edit-area button:focus,
.btn-edit-area button:hover{opacity:0.7;}
.btn-modify-area{text-align:right;}
.btn-modify-area button{margin-left:11px;}
.btn-more{width:100%;height:70px;line-height:70px;margin-top:130px;text-align:center;font-size:1em;color:#3f3f3f;border:1px solid #c1c1c1;background-color:#fff;transition-duration:.3s;}
.btn-more span{display:inline-block;position:relative;height:100%;padding-left:30px;}
.btn-more span:before,
.btn-more span:after{content:"";position:absolute;top:50%;left:0;width:21px;height:1px;background-color:#6d6d6d;}
.btn-more span:after{transform:rotate(90deg);}
.btn-more:focus,
.btn-more:hover{color:#fff;border-bottom-color:#111;background-color:#111;}
.btn-more:focus span:before,
.btn-more:hover span:before,
.btn-more:focus span:after,
.btn-more:hover span:after{background-color:#fff;}
.ico-top{display:none;position:fixed;right:12px;bottom:10px;overflow:hidden;float:right;width:38px;height:38px;text-indent:-999em;box-sizing:border-box;border-radius:15%;background:#454545;cursor:pointer;opacity:0;transition-duration:.3s;z-index:101;}
.ico-top:before{content:"";position:absolute;left:50%;top:50%;width:3px;height:21px;background-color:#fff;transform:translate(-50%,-50%);}
.ico-top:after{content:"";position:absolute;left:50%;top:10px;width:8px;height:8px;border-top:3px solid #fff;border-right:3px solid #fff;transform:translateX(-50%) rotate(-45deg);}
.ico-top.on{display:block;opacity:.8;}

/* search */
.search-board{margin-bottom:42px;text-align:right;}
.search-board .selectric-wrapper{display:inline-block;width:147px;text-align:left;border:none;border-bottom:2px solid #111;vertical-align:middle;}
.search-board .selectric .button:after{content:"";display:block;position:absolute;top:50%;right:4px;width:11px;height:11px;border-right:2px solid #111;border-bottom:2px solid #111;border-top:none;border-left:none;transform:translateY(-70%) rotate(45deg);}
.search-board .search{display:inline-block;position:relative;width:212px;margin-left:16px;border-bottom:2px solid #111;vertical-align:middle;}
.search-board .search input[type="text"]{width:calc(100% - 30px);height:46px;padding:0 0 4px 0;font-size:0.944em;border:none;}
.search-board .search .btn-search{width:26px;height:26px;font-size:0;background:url(http://www.businessbooks.co.kr/01_include/resource/images/common/ico-search.png) no-repeat 0 0;}

/* sns */
.sns-area li{display:inline-block;vertical-align:middle;}
.sns-area li + li{margin-left:4px;}
.sns-area li a{display:block;width:42px;height:42px;font-size:0;background:url(../../resource/images/common/ico-sns-board-detail.png) no-repeat 0 0 / cover;transition-duration:.3s;opacity:1;}
.sns-area li.ico-facebook a{background-position:0 0;}
.sns-area li.ico-kakao a{background-position:-44px 0;}
.sns-area li.ico-url a{background-position:-88px 0;}
.sns-area li a:focus,
.sns-area li a:hover{opacity:0.8;}

/* badge */
[class*="badge-"]{display:inline-block;position:absolute;top:50%;left:34px;text-align:center;font-size:0.833em;transform:translateY(-50%);}
.badge-state-ing{color:#fff;border:1px solid #0088ce;background-color:#0088ce;}
.badge-state-complete{color:#fff;border:1px solid #c0c1c2;background-color:#c0c1c2;}
.badge-state-media{border:1px solid #0088ce;color:#0088ce;background-color:#fff;}


/* -------------------------------------
    tab
---------------------------------------- */
.tab-list{text-align:center;}
.tab-list.tab-type1{line-height:1.8;margin-bottom:40px;}
.tab-list.tab-type1 li{display:inline-block;}
.tab-list.tab-type1 li + li{margin-left:24px;}
.tab-list.tab-type1 li button,
.tab-list.tab-type1 li a{display:block;width:100%;font-size:1.111em;font-weight:400;color:#111;box-sizing:border-box;transition-duration:.3s;}
.tab-list.tab-type1 li a:focus,
.tab-list.tab-type1 li a:hover{opacity:0.6;}
.tab-list.tab-type1 li.current button,
.tab-list.tab-type1 li.current a{font-weight:500;}
.tab-list.tab-type2{display:flex;}
.tab-list.tab-type2 li{flex:1;}
.tab-list.tab-type2{margin-bottom:54px;border:1px solid #d6d6d6;}
.tab-list.tab-type2 li + li{border-left:1px solid #d6d6d6;}
.tab-list.tab-type2 li button{display:block;width:100%;height:58px;line-height:58px;font-size:1em;font-weight:400;color:#676767;background-color:#f6f6f6;box-sizing:content-box;}
.tab-list.tab-type2 li.current button{margin-bottom:-1px;font-weight:500;color:#111;border-bottom:1px solid #fff;background-color:#fff;}
.tab-list.tab-type3{display:flex;}
.tab-list.tab-type3 li{flex:1;}
.tab-list.tab-type3{margin-bottom:54px;border:1px solid #d6d6d6;}
.tab-list.tab-type3 li + li{border-left:1px solid #d6d6d6;}
.tab-list.tab-type3 li button{display:block;width:100%;height:58px;line-height:58px;font-size:1em;font-weight:400;color:#676767;background-color:#fff;box-sizing:content-box;}
.tab-list.tab-type3 li.current button{margin-bottom:-1px;font-weight:500;color:#fff;border-bottom:1px solid #fff;background-color:#414141;}
.tab-content-area .tab-content{display:none;}
.tab-content-area .tab-content.current{display:block;}


/* -------------------------------------
    popup
---------------------------------------- */
.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,.7);z-index:100;}
.popup:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-5px;}
.popup>*,
.popup-content{display:inline-block;overflow:hidden;box-sizing:border-box;vertical-align:middle;}
.popContents-inner{position:relative;padding:30px;text-align:left;background:#fff;}
.popContents-inner .tit{margin-bottom:20px;font-size:1.333em;font-weight:500;}
.popup-btn-area{position:absolute;top:24px;right:24px;}
.popup-btn-area [class*="btn-"]{display:inline-block;margin-left:23px;font-size:0;vertical-align:middle;}
.popup-btn-area .btn-pop-close{position:relative;width:32px;height:32px;transition-duration:.3s;}
.popup-btn-area .btn-pop-close:before,
.popup-btn-area .btn-pop-close:after{content:"";display:block;position:absolute;top:50%;left:0;width:36px;height:2px;background-color:#fff;transform:translateY(-50%) rotate(45deg);}
.popup-btn-area .btn-pop-close:after{transform:translateY(-50%) rotate(-45deg);}
.popup-btn-area .btn-pop-close:hover{transform:rotate(90deg);}
.popup-btn-area .btn-pop-close.black:before,
.popup-btn-area .btn-pop-close.black:after{background-color:#111;}
/*header .header-top .search-area .btn-search-close:before,
header .header-top .search-area .btn-search-close:after{content:"";display:block;position:absolute;top:50%;left:0;width:28px;height:2px;margin-top:3px;background-color:#fff;transform:translateY(-50%) rotate(45deg);}
header .header-top .search-area .btn-search-close:after{transform:translateY(-50%) rotate(-45deg);}*/
.popup.on{display:block;}
.content .popup{background-color:rgba(0,0,0,.89);}
.content .popup:before{display:none;}
.content .popup-content{height:100%;}


/* -------------------------------------
    popup:book cover expand
---------------------------------------- */
.book-cover-expand{height:100%;padding:52px;text-align:center;box-sizing:border-box;}
.book-cover-expand:before{content:"";display:inline-block;width:1px;height:100%;margin-left:-5px;vertical-align:middle;}
.book-cover-expand .thumb{display:inline-block;height:100%;vertical-align:middle;}
.book-cover-expand .thumb img{width:auto;height:100%;}
.btn-book-cover-download{width:30px;height:36px;background:url(../../resource/images/common/ico-download-popup.png) no-repeat center center / cover;}


/* -------------------------------------
    popup:comment-modify
---------------------------------------- */
.popup#pop-comment-modify>*{width:780px;}
.popup#pop-comment-modify .popup-content{width:100%;}
.comment-modify{position:relative;}
.comment-modify .author{margin-bottom:8px;font-size:0.944em;font-weight:500;}
.comment-modify .comment{line-height:2;padding-right:168px;font-size:0.944em;font-weight:400;}
.comment-modify .date{margin-top:16px;font-size:0.833em;color:#8d8d8d;}
.comment-modify .comment-wirte{padding:9px 0 12px;}
.comment-modify .comment-wirte textarea{height:158px;}


/* -------------------------------------
    books
---------------------------------------- */
/* title */
.content.books .section-tit{background-image:url(http://www.businessbooks.co.kr/01_include/resource/images/common/bg-sub-tit-books.jpg);}

/* list */
section.section-book-list .inner{max-width:none;margin:0 50px;}
.section-book-list .list ul{overflow:hidden;padding:0 1.4%;}
.section-book-list .list li{float:left;width:33.333%;padding:14px 3.8% 0;box-sizing:border-box;border-bottom:none;}
.section-book-list .list li:nth-child(3)~*{margin-top:60px;}
.section-book-list .list li:nth-child(3n+1){clear:left;}
.section-book-list .list li a{display:block;}
.section-book-list .list li .thumb{position:relative;}
.section-book-list .list .tit{line-height:1.25;margin-top:19px;font-size:1.333em;font-weight:500;}
.section-book-list .list .author{margin-top:15px;font-weight:400;}
.section-book-list .list .author span{display:inline-block;position:relative;vertical-align:middle;}
.section-book-list .list .author span + span{margin-left:6px;padding-left:8px;}
.section-book-list .list .author span + span:before{content:"";display:block;position:absolute;top:6px;left:0;width:1px;height:18px;background-color:#111;}
.section-book-list .list .summary{display:none;margin-top:9px;color:#6d6d6d;}
.section-book-list .list li a .thumb{padding-top:155%;transition-duration:.3s;}
.section-book-list .list li a .thumb .thumb-inner{position:absolute;top:50%;left:0;transform:translateY(-50%);}
.section-book-list .list li a .thumb .thumb-inner img{width:calc(100% - 2px);border:1px solid #d3d3d3;}
.section-book-list .list li a .thumb-inner:after,
.section-book-list .list li a .thumb-inner:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent center center;transition-duration:.3s;}
.section-book-list .list li a:focus .thumb-inner,
.section-book-list .list li a:hover .thumb-inner{border-color:rgba(0,0,0,.75);box-shadow:10px 6px 20px rgba(0,0,0,.75);}
.section-book-list .list li a:focus .thumb-inner:after,
.section-book-list .list li a:hover .thumb-inner:after{background:rgba(0,0,0,.75) url(../../resource/images/common/ico-search-books.png) no-repeat center center;}
.section-book-list .list li.no-data{width:100%;text-align:center;}

/* detail */
.section-book-detail-summary{padding-bottom:66px;}
.section-book-detail-summary .inner{position:relative;padding-bottom:61px;}
.section-book-detail-summary .thumb-wrap{position:relative;float:left;width:40.41667%;}
.section-book-detail-summary .thumb-wrap .thumb{border:1px solid #d8d8d8;}
.section-book-detail-summary .thumb-wrap .share-area{position:relative;margin-top:27px;text-align:center;}
.section-book-detail-summary .thumb-wrap .share-area>[class*="btn-"]{height:27px;margin:0 12px;font-size:0;background:url(../../resource/images/common/ico-share.png) no-repeat 0 0 / 27px;}
.section-book-detail-summary .thumb-wrap .share-area .btn-zoom{padding-left:30px;font-size:0.944em;font-weight:400;color:#454545;background-position:0 2px;}
.section-book-detail-summary .thumb-wrap .share-area .btn-share{display:none;background-position:0 -29px;}
.section-book-detail-summary .thumb-wrap .share-area .sns-area{/*display:inline-block;*/margin-top:20px;}
.section-book-detail-summary .thumb-wrap .share-area .sns-area li + li{margin-left:7px;}
.section-book-detail-summary .thumb-wrap .share-area .sns-area li a{width:34px;height:34px;background-image:url(../../resource/images/common/ico-sns-board-detail.png);}
.section-book-detail-summary .thumb-wrap .share-area .sns-area li.ico-kakao a{background-position:-35px 0;}
.section-book-detail-summary .thumb-wrap .share-area .sns-area li.ico-url a{background-position:-70px 0;}
.section-book-detail-summary .thumb-wrap .share-area .sns-area .btn-close{display:none;position:absolute;top:10px;right:10px;width:20px;height:20px;font-size:0;transition-duration:.3s;}
.section-book-detail-summary .thumb-wrap .share-area .sns-area .btn-close:before,
.section-book-detail-summary .thumb-wrap .share-area .sns-area .btn-close:after{content:"";display:block;position:absolute;top:50%;left:0;width:20px;height:1px;background-color:#f3f3f3;transform:rotate(45deg);}
.section-book-detail-summary .thumb-wrap .share-area .sns-area .btn-close:after{transform:rotate(-45deg);}
.section-book-detail-summary .thumb-wrap .share-area .sns-area .btn-close:hover{transform:rotate(90deg);}

.section-book-detail-summary .description{float:left;width:50.83333%;margin-left:8.75%;}
.section-book-detail-summary .description .tit-area{padding:25px 0 22px;border-bottom:1px solid #cdcdcd;}
.section-book-detail-summary .description .tit-area .tit{line-height:1.28;margin-bottom:25px;font-family:IropkeBatang;font-size:2.333em;font-weight:600;}
.section-book-detail-summary .description .tit-area .summary{font-weight:400;color:#717070;}
.section-book-detail-summary .description .info-area{padding-top:37px;}
.section-book-detail-summary .description .info-area dl{margin-bottom:10px;}
.section-book-detail-summary .description .info-area dt, 
.section-book-detail-summary .description .info-area dd{display:inline-block;}
.section-book-detail-summary .description .info-area dt{width:52px;font-weight:500;}
.section-book-detail-summary .description .info-area dd{padding-left:18px;font-weight:400;}
.section-book-detail-summary .description .hashtag{margin:20px 0 46px;}
.section-book-detail-summary .description .hashtag li{display:inline-block;}
.section-book-detail-summary .description .hashtag li + li{margin-left:3px;}
.section-book-detail-summary .description .hashtag li a{font-size:0.944em;font-weight:400;color:#0161b4;border-bottom:1px solid transparent;transition-duration:.3s;}
.section-book-detail-summary .description .hashtag li a:focus,
.section-book-detail-summary .description .hashtag li a:hover{border-bottom-color:#0161b4;}
.section-book-detail-summary .book-store-area{margin-top:30px;border:1px solid #cdcdcd;}
.section-book-detail-summary .book-store-area .tit{display:inline-block;margin:5px 12px;font-size:0.944em;font-weight:500;vertical-align:middle;}
.section-book-detail-summary .book-store-area .txt{display:inline-block;font-size:0.833em;color:#424242;vertical-align:middle;}
.section-book-detail-summary .book-store-area .store_list{clear:both;padding:6px 0;border-top:1px solid #cdcdcd;}
.section-book-detail-summary .book-store-area .store_list li{display:inline-block;margin:1% 2%;}
.section-book-detail-summary .book-store-area .store_list li a{display:block;opacity:1;transition-duration:.3s;}
.section-book-detail-summary .book-store-area .store_list li a img{max-height:38px;}
.section-book-detail-summary .book-store-area .store_list li a:focus,
.section-book-detail-summary .book-store-area .store_list li a:hover{opacity:0.7;}
.section-book-detail-description .tit-area{text-align:center;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
.section-book-detail-description .tit-area ul{height:70px;}
.section-book-detail-description .tit-area li{display:inline-block;height:100%;margin:0 4.7%;}
.section-book-detail-description .tit-area li a{display:inline-block;height:100%;line-height:70px;padding:0 42px;color:#4b4b4b;}
.section-book-detail-description .tit-area li a:focus,
.section-book-detail-description .tit-area li a:hover{border-bottom:1px solid #999;}
.section-book-detail-description .tit-area li.current a{font-weight:500;color:#111;border-bottom:1px solid #111;}
.section-book-detail-description .txt-area{line-height:2.1;padding:49px 0 135px;}
.section-book-detail-description .txt-area *{font-family:inherit !important;font-size:inherit !important;}
.section-book-detail-description article:last-of-type .txt-area{padding-bottom:122px;}


/* -------------------------------------
    event
---------------------------------------- */
/* list */
.section-event-list .list.list-type1 li a{padding-left:120px;}
.section-event-list [class*="badge-"]{width:63px;height:63px;line-height:63px;color:#fff;border-radius:50%;}

/* detail */
.section-detail-event .detail-content{text-align:center;}


/* -------------------------------------
    media
---------------------------------------- */
.section-media-list .list.list-type1 li a{padding-left:168px;}
.section-media-list [class*="badge-"]{width:110px;height:36px;line-height:36px;font-weight:400;color:#0088ce;border:1px solid #97cae4;}


/* -------------------------------------
    search result
---------------------------------------- */
.content.srch-result .section-tit{margin-top:106px;height:auto;padding:79px 0 46px;background:none;}
.content.srch-result .section-tit p{margin-bottom:5px;font-size:1em;color:#888;}
.content.srch-result .section-tit h1{font-size:2.667em;font-weight:500;color:#111;}
.section-srch-list .search-board{margin-bottom:72px;text-align:center;}
.section-srch-list .search-board .selectric-wrapper{border-bottom-width:3px;}
.section-srch-list .selectric-items{top:calc(100% + 2px);}
.section-srch-list .search-board .search{width:332px;border-bottom-width:3px;}
.section-srch-list .search-board .search input[type="text"]{width:calc(100% - 50px);}
.section-srch-list .search-board .search .btn-search{width:38px;height:38px;margin-right:6px;margin-bottom:5px;background-image:url(../../resource/images/common/ico-search-total.png);}
.section-srch-list .list-area .list-top .txt-result{text-align:center;font-size:1.333em;}
.section-srch-list .list-area article{margin-top:80px;}
.section-srch-list .list-area article .btn-more{margin-top:50px;}
.section-srch-list .list.list-type1 li a{padding:24px;}
.section-srch-list .list-area .books-list li a{display:block;overflow:hidden;padding:33px 40px;transition-duration:.3s;}
.section-srch-list .list-area .books-list li a:focus,
.section-srch-list .list-area .books-list li a:hover{background-color:#f3f3f3;}
.section-srch-list .list-area .books-list li .thumb{display:inline-block;border:1px solid #afadb2;vertical-align:middle;}
.section-srch-list .list-area .books-list li .txt{display:inline-block;width:calc(100% - 190px);padding-left:36px;vertical-align:middle;}
.section-srch-list .list-area .books-list li .txt .ico-logo{display:inline-block;height:24px;border:1px solid #ddd;box-sizing:border-box;}
.section-srch-list .list-area .books-list li .txt .ico-logo img{height:100%;}
.section-srch-list .list-area .books-list li .txt .tit{line-height:1.3;margin-top:4px;font-size:1.667em;font-weight:500;}
.section-srch-list .list-area .books-list li .txt .author{margin-top:14px;font-size:0.944em;font-weight:400;}
.section-srch-list .list-area .books-list li .txt .summary{margin-top:11px;font-size:0.944em;color:#6d6d6d;}
.section-srch-list .list-area article h2{margin-bottom:10px;font-size:1.333em;font-weight:500;}
.section-srch-list .list-type1 [class*="badge-state"]{position:static;width:auto;min-width:60px;height:auto;line-height:normal;margin-bottom:2px;padding:3px 5px;border-radius:5px;transform:none;}
.section-srch-list .btn-more{height:54px;line-height:54px;margin-top:30px;}


/* -------------------------------------
    inquiry
---------------------------------------- */
.section-inquiry h2{margin-bottom:16px;font-size:1.556em;font-weight:500;}
.section-inquiry .list-type-dash{margin-bottom:39px;}
img.txt-email{vertical-align:middle;}
/*.section-inquiry a.fPointC02{border-bottom:1px solid #0088ce;}*/
@media all and (max-width:800px){
    .section-inquiry .table-area table col[style*="200px"]{width:100px !important;}
}

* + .table-area{margin-top:38px;}
table{width:100%;table-layout:fixed;border-top:2px solid #111;border-bottom:1px solid #111;}
table tbody th,
table tbody td{padding:25px 20px 25px 40px;text-align:left;border-top:1px solid #d8d8d8;}
table tbody th{width:200px;}
table tbody td{padding-left:30px;}
table tbody th{font-weight:400;}
table tbody td li + li{margin-top:13px;}
table tbody td p + ul{margin-top:13px;}


/* -------------------------------------
    privacy
---------------------------------------- */
.section-privacy{line-height:2;}
.section-privacy h2{margin-bottom:11px;font-size:1.333em;font-weight:500;}
.section-privacy h3{margin-bottom:13px;margin-top:30px;font-weight:500;}
.section-privacy p{margin-bottom:10px;}
.section-privacy ol{margin-top:30px;}
.section-privacy ol li{margin-bottom:34px;}
.section-privacy dt,.section-privacy dd{display:inline-block;}
.section-privacy a:focus,
.section-privacy a:hover{color:#0088ce;}


/* -------------------------------------
    common-page
---------------------------------------- */
.common-page ul.list-type-dot.blue>li{padding-left:18px;}
.common-page h3{margin-top:20px;margin-bottom:10px;font-weight:500;}
.common-page .box{margin:22px 0 19px;padding:20px 25px 11px;background-color:#f6f6f6;}


/* -------------------------------------
    agreement
---------------------------------------- */
.section-agreement{line-height:1.9;}
.section-agreement *{letter-spacing:-0.075em;}
.section-agreement h2{margin-top:48px;margin-bottom:8px;font-weight:500;}
.section-agreement p{line-height:2;margin-bottom:10px;}
.section-agreement ol li{margin-bottom:1px;}
.section-agreement ol li ol{padding-left:18px;font-size:0.889em;color:#555;}
.section-agreement ul[class*="list-type"]{overflow:hidden;}
.section-agreement ul.list-type-dot>li:before{top:16px;}
.section-agreement .box ul.list-type-dot>li:before{top:13px;}
.section-agreement .box ul.list-type-dot>li{margin-bottom:9px;}
.common-page .section-agreement ul.list-type-dot.blue>li{padding-left:14px;}
.section-agreement ul.list-type-dash li {line-height:1.5;}
.section-agreement h2.blue{font-size:20px;font-weight:500;color:#2692d1;}


/* -------------------------------------
    member
---------------------------------------- */
.member.content.tit-none .section-tit{padding-bottom:52px;}
.member.content.tit-none .section-tit .inner{max-width:1200px;margin:0 auto;}
.member .section-tit .step-area{padding-top:68px;padding-bottom:30px;border-bottom:1px solid #111;}
.member .section-tit .step-area span{display:inline-block;position:relative;font-size:1.111em;font-weight:400;color:#888;}
.member .section-tit .step-area span + span{padding-left:54px;}
.member .section-tit .step-area span + span:before{content:"";display:inline-block;position:absolute;left:25px;top:50%;width:6px;height:6px;border-top:2px solid #c9c9c9;border-left:2px solid #c9c9c9;transform:rotate(-45deg) translateY(-50%);}
.member .section-tit .step-area span.current{font-weight:500;color:#111;}

/* login */
[class*="section-login"]{text-align:center;}
[class*="section-login"] article{display:inline-block;width:400px;text-align:left;vertical-align:top;}
[class*="section-login"] article + article{margin-left:13.83333%;}
[class*="section-login"] legend.visible{visibility:visible;width:auto;height:auto;line-height:normal;margin-bottom:22px;padding-top:43px;font-size:1.556em;font-weight:500;}
[class*="section-login"] legend.visible ~ button{margin-bottom:56px;}
[class*="section-login"] input[type="text"],
[class*="section-login"] input[type="password"]{width:100%;height:60px;line-height:60px;margin-bottom:20px;border:2px solid #b5b1b2;}
[class*="section-login"] button{width:100%;height:62px;line-height:62px;margin-top:11px;font-size:1em;}
[class*="section-login"] .find{margin-top:33px;text-align:center;}
[class*="section-login"] .find a{font-weight:400;}

.section-join{margin-top:80px;padding:72px 0 68px;text-align:center;background:url(../../resource/images/common/bg-login.jpg) no-repeat center center / cover;}
.section-join h2{font-size:2em;font-weight:500;color:#fff;}
.section-join p{margin-top:12px;margin-bottom:49px;font-size:0.944em;font-weight:400;color:#acaaaa;}
.section-join .btn{height:59px;line-height:59px;padding:0 43px;font-size:1.111em;font-weight:400;background-color:rgba(255,255,255,0.7);}

/* join */
.section-join-step article{margin-top:17px;}
.section-join-step article + article{margin-top:100px;}
.section-join-step article h2{margin-bottom:14px;font-size:1.556em;font-weight:500;}
.section-join-step .btn-area{overflow:hidden;margin-top:54px;text-align:center;}
.section-join-step .btn-area .btn{height:61px;line-height:61px;margin:0 12px;padding:0 76px;}
.section-join-step input[type="text"],
.section-join-step input[type="password"]{height:50px;line-height:50px;border:1px solid #b5b1b2;}
.section-join-step input[type="button"]{min-width:92px;height:50px;line-height:48px;padding:0 17px;font-size:0.833em;font-weight:400;}
.section-join-step input[type="text"] + input[type="button"]{margin-left:-1px;}
.section-join-step .widthXL{width:400px;}
.section-join-step .widthL{width:379px;}
.section-join-step .widthM{width:363px;}
.section-join-step .widthS{width:220px;}
.section-join-step .widthXS{width:90px;}
.section-join-step .address-detail{margin-left:0;}
.section-join-step .address-detail input{margin-top:10px;margin-left:0;margin-right:5px;}
.section-join-step .address-detail input + input{margin-left:5px;}
.section-join-step .address-area{position:relative;}
.section-join-step .address-area .text{position:absolute;top:28px;left:533px;}
.section-join-step ul.notice-txt{margin-top:14px;}
.section-join-step ul.notice-txt li{margin-top:3px;}
.join-box{overflow-x:hidden;overflow-y:scroll;height:305px;line-height:1.7;margin-bottom:24px;padding:34px 36px;word-break:break-word;font-size:0.944em;border:1px solid #d8d8d8;box-sizing:border-box;}
.join-box h3{font-weight:500;}
.join-box h4{margin-top:21px;font-weight:500;}
.join-box h4+div{margin:10px 0 30px;}
.join-box li.mb10{margin-bottom:10px;}
.join-box .depth01>li + li{margin-top:35px;}
.join-box p, 
.join-box ul{margin-top:14px;}
.join-box .depth01{margin-top:0;}
.join-box h3 + *,
.join-box h4 + *{margin-top:2px;}
.join-box .depth02>li{margin-left:20px;padding:2px 0;text-indent:-20px;}
.join-box .depth03{margin-top:4px !important;margin-left:0px;text-indent:0;}
.join-box .depth03>li{margin-left:9px;text-indent:-9px;}
.join-box.privacy-box h3{font-size:1.176em;}
.join-box a:focus,
.join-box a:hover{color:#0088ce;}

article.member-check-wrap h2{margin-bottom:19px;}
.member-check-wrap .member-check{padding:58px 20px;border:1px solid #d8d8d8;background:#fafafa;}
.member-check-wrap .member-check div{max-width:400px;margin:0 auto;}
.member-check-wrap .member-check div + div{margin-top:20px;}
.member-check-wrap .member-check input[type=text], 
.member-check-wrap .member-check input[type=password]{width:100%;height:60px;line-height:60px;border:2px solid #b5b1b2;vertical-align:middle;}
.member-check-wrap .btn-area{margin-top:54px;}
.member-check-wrap .btn-area .btn + .btn{margin-left:24px;}
.member-check-wrap .member-check .verification input{width:calc(100% - 140px);margin-right:5px;}
.member-check-wrap .member-check .verification .sendSnumber{width:130px;height:60px;line-height:60px;}

.join-input-wrap{border-top:2px solid #111;}
.join-input-wrap .text{display:inline-block;font-size:0.778em;}
.join-input-wrap dl{display:table;width:100%;border-bottom:1px solid #d8d8d8;}
.join-input-wrap dl dt,
.join-input-wrap dl dd{display:table-cell;height:50px;padding:13px 10px;vertical-align:middle;}
.join-input-wrap dl dt{width:134px;padding-left:43px;padding-right:0;font-size:0.944em;font-weight:500;}
.join-input-wrap dl dd>*{margin:0 6px;vertical-align:middle;}
.join-input-wrap dl dd>* + input[type="button"]{margin-left:7px;}
.join-input-wrap dl dd>*:first-child,
.join-input-wrap dl dd input[type="hidden"] + input[type="text"]{margin-left:0;}
.join-input-wrap dl dd .check-area>span{margin-top:8px;margin-bottom:8px;}
.join-input-wrap dl dd>* + .check-area{margin-left:16px;}
.join-input-wrap dl dd>* + .text{margin-left:15px;}
.join-input-wrap dl.email-area br ~ *{margin-top:10px;}
.join-input-wrap dl.email-area #email_success{display:inline-block;margin-right:0;font-size:0.833em;}
.join-input-wrap dl.email-area br + .inline-block.widthS{margin-left:0;}

.gray-box{border:1px solid #d8d8d8;background-color:#f2f3fa;}
.join-complete-box{padding:77px 16px;text-align:center;}
.join-complete-box strong{line-height:1.3;font-size:1.778em;font-weight:500;}
.join-complete-box p{margin-top:21px;font-size:0.944em;font-weight:400;color:#595959;}
.join-out-box{padding:49px 20px;text-align:center;}
.join-out-box>div{width:400px;margin:0 auto;text-align:left;}
.join-out-box .list-type-dash{font-size:0.944em;}
.join-out-box input{width:100%;margin-top:20px;}

/* introduce */
.section-introduce{line-height:1.65em;padding:67px 0;font-size:1.111em;border-top:1px solid #e2eff1;background-color:#e8f6f9;}
.section-introduce dl + dl{margin-top:67px;}
.section-introduce dl dt,
.section-introduce dl dd{display:inline-block;vertical-align:middle;}
.section-introduce dl dt{width:184px;margin-right:82px;text-align:center;}
.section-introduce dl dd{width:calc(100% - 272px);}
.section-introduce dl dd p{margin-top:10px;}
.section-summary{line-height:1.95em;margin-bottom:53px;text-align:center;font-size:1.111em;}
.section-introduce.eng{margin-bottom:60px;}
.section-introduce.eng dt{width:240px;margin-right:111px;}
.section-introduce.eng dl dd{width:calc(100% - 357px);}

/* map */
.section-map{line-height:1.85;}
.section-map .map-area{height:0;padding-top:55.208%;font-size:0;background:url(../../resource/images/common/img-map.jpg) no-repeat center center / cover;}
.section-map strong{font-weight:500;}
.section-map strong.color2{color:#2d8221;}
.section-map strong.color6{color:#b4500c;}
.section-map strong.bus-color1{color:#1e7adb;}
.section-map strong.bus-color2{color:#59be0a;}
.section-map .public-transport{margin-bottom:30px;padding:41px 0 33px;border-bottom:1px solid #dedede;}
.section-map .public-transport li + li{margin-top:7px;}
.section-map address{margin-bottom:16px;}
.section-map dt,
.section-map dd{display:inline-block;}
.section-map dt{font-weight:500;}
.section-map dt span{letter-spacing:1.8em;}
.section-map dd{color:#111;}


/* -------------------------------------
    Business Books
---------------------------------------- */
/* .wrap.wrap-BB .section-tit{background-image:url(http://www.businessbooks.co.kr/01_include/resource/images/business/bg-sub-tit.jpg);} */
.wrap.wrap-BB .section-tit p{color:#559ebf;}
.wrap.wrap-BB .content.books .section-tit{background-image:url(http://www.businessbooks.co.kr/01_include/resource/images/business/bg-sub-tit-books.jpg);}
.wrap.wrap-BB .tab-list.tab-type1 li.current button,
.wrap.wrap-BB .tab-list.tab-type1 li.current a{color:#0088ce;}


/* -------------------------------------
    Books Life
---------------------------------------- */
.wrap.wrap-BL .section-tit p{color:/*#ff4d65*/#49b33a;}
.wrap.wrap-BL header .header-top .top-menu>li.over>div a,
.wrap.wrap-BL header .header-top .top-menu>li.over>div a>span,
.wrap.wrap-BL header .header-top .top-menu>li.current>div a,
.wrap.wrap-BL header .header-top .top-menu>li.current>div a>span{color:/*#ff4d65*/#2d8221 !important;}
.wrap.wrap-BL .content.books .section-tit{background-image:url(http://www.businessbooks.co.kr/01_include/resource/images/booklife/bg-sub-tit-books.jpg);}
.wrap.wrap-BL .tab-list.tab-type1 li.current a{color:#ff4d65;}
.wrap.wrap-BL .tab-list.tab-type1 li.current button,
.wrap.wrap-BL .tab-list.tab-type1 li.current a{color:#2d8221;}


/* -------------------------------------
    Travel Like
---------------------------------------- */
.wrap.wrap-TL .section-tit p{color:#f8b300;}
.wrap.wrap-TL header .header-top .top-menu>li.over>div a,
.wrap.wrap-TL header .header-top .top-menu>li.over>div a>span,
.wrap.wrap-TL header .header-top .top-menu>li.current>div a,
.wrap.wrap-TL header .header-top .top-menu>li.current>div a>span{color:#ce9501 !important;}
.wrap.wrap-TL .content.books .section-tit{background-image:url(http://www.businessbooks.co.kr/01_include/resource/images/travellike/bg-sub-tit-books.jpg);}
.wrap.wrap-TL .tab-list.tab-type1 li.current a{color:#ce9501;}
.wrap.wrap-TL .tab-list.tab-type1 li.current button,
.wrap.wrap-TL .tab-list.tab-type1 li.current a{color:#ce9501;}


/* -------------------------------------
    media query
---------------------------------------- */
@media all and (max-width:1280px){
    /* common */
    .section-tit ~ section .inner{padding:0 20px;}

    /* title */
    .section-tit{padding-top:63px;}
    .content.tit-bg-none .section-cnt-nav{top:63px;}

    /* books detail*/
    .section-book-detail-summary .book-store-area .store_list li + li{}

    /* agreement */
    .section-agreement ol li{margin-bottom:10px;}

    /* sub navigation */
    .section-cnt-nav.fixed{position:fixed;top:139px;left:0;right:0;background-color:rgb(17,17,17);z-index:1;}
}

@media all and (max-width:1100px){
    .join-input-wrap dl.email-area .widthS{width:22%;}
    .join-input-wrap dl.email-area br+.widthS{width:221px;}
}

@media all and (max-width:1060px){
    /* join */
    .join-input-wrap .text{display:block;margin-top:12px;}
    .join-input-wrap dl dt{padding-left:0;}
    .join-input-wrap dl dd>* + .text{margin-top:6px;margin-left:0;}
    .section-join-step .address-area .text{position:static;}
    .section-join-step .address-detail input + input{margin-left:0;}
}

@media all and (min-width:801px) and (max-width:1060px){
    .join-input-wrap dl dd .widthXS{width:100px;}
}

@media all and (max-width:1024px){
    /* sub navigation */
    .section-cnt-nav .btn-home{margin-right:14px;}
    .section-cnt-nav ul li{margin-right:9px;margin-left:9px;}

    /* sub navigation:bg none */
    .content.tit-bg-none .section-cnt-nav .btn-home{margin-right:40px;}
    .content.tit-bg-none .section-cnt-nav ul li{margin-right:32px;margin-left:32px;}


    /* popup:book cover expand */
    .book-cover-expand{padding:100px 52px;}

    /* books list */
    section.section-book-list .inner{margin:0 20px;}
    .section-book-list .list li{padding-right:2.4%;padding-left:2.4%;}
    .section-book-list .list .tit{font-size:1.222em;}
    .section-book-list .list .tit br{display:none;}

    /* login */
    [class*="section-login"] article{width:350px;}
    [class*="section-login"] article + article{margin-left:5%;}

    /* books detail */
    .section-book-detail-summary .book-store-area{margin-top:20px;}
    .section-book-detail-summary .book-store-area .store_list li a img{max-height:42px;}
    .section-book-detail-description .tit-area li{margin:0 2.5%;}

    /* introduce eng */
    .wrap.introduce-eng .img{padding-top:13.3%;}

}

@media all and (max-width:800px){
    /* common */
    .sub header{border-bottom:1px solid #e6e6e6;}
    .section-tit ~ section .inner{padding:0;}
    .sub-cnt h1{margin-top:0;margin-bottom:30px;font-size:28px;}
    .sub .content{padding-bottom:40px;}
    .section-normal{line-height:1.6;}

    /* title */
    .section-tit{height:292px;padding-top:63px !important;padding-bottom:49px;}
    .section-tit p{font-size:16px;}
    .section-tit h1{font-size:2em !important;}

    /* title:bg none */
    .content.tit-bg-none .section-tit{display:none;}
    .content.tit-bg-none .section-cnt-nav{position:static;margin-top:63px;}
    .content.tit-bg-none .section-cnt-nav .btn-home{margin-right:0;}
    .content.tit-bg-none .section-cnt-nav .btn-sub-menu-open{color:#111;}
    .content.tit-bg-none .section-cnt-nav .btn-sub-menu-open:after{border-top-color:#111;}
    .content.tit-bg-none .section-cnt-nav.on .btn-sub-menu-open:after{border-bottom-color:#111;}
    .content.tit-bg-none .section-cnt-nav ul.sub-menu-list{top:114px;}
    
    /* title:title none */
    .content.tit-none .section-tit{display:block;margin-top:63px;padding:37px 0 20px !important;}
    
    /* table */
    table tbody th,
    table tbody td{padding:10px 5px;text-align:left;border-top:1px solid #d8d8d8;}
    table tbody th{width:70px;}
    table tbody td{padding-left:15px;}

    /* button */
    .btnM{height:31px;line-height:30px;padding:0 20px;font-size:0.929em;}
    .btnL{height:45px;line-height:45px;padding:0 61px;font-size:1em;}

    /* check box */
    .check-area{margin-bottom:24px;}
    .check-area label{font-size:1em;}
    .check-area label:before{border-width:1px;}
    .check-area input[type="checkbox"]{width:20px;height:20px;margin-top:-6px;margin-right:3px;margin-left:0;}
    .check-area input[type="checkbox"] + label:before{width:18px;height:18px;border-width:1px;}
    .check-area input[type="radio"]{width:14px;height:14px;}
    .check-area input[type="radio"] + label:before{width:12px;height:12px;}

    /* sub navigation */
    .section-cnt-nav{margin-top:-50px;margin-bottom:22px;}
    .section-cnt-nav .inner{margin:0 !important;}
    .section-cnt-nav ul li a{font-weight:300;}
    .section-cnt-nav .btn-sub-menu-open{position:relative;width:calc(100% - 50px);height:49px;line-height:49px;padding-right:40px;font-size:19px;font-weight:400;color:#fff;box-sizing:border-box;vertical-align:middle;}
    .section-cnt-nav .btn-sub-menu-open:after{content:"";position:absolute;top:50%;right:10px;border-right:5px solid transparent;border-left:5px solid transparent;border-top:6px solid #fff;transform:translateY(-50%);transition-duration:.2s;}
    .section-cnt-nav ul.sub-menu-list{display:none;position:absolute;top:49px;left:0;right:0;width:100%;padding:9px 0 18px;background-color:#fff;z-index:5;}
    .section-cnt-nav ul.sub-menu-list li{display:block;margin-right:0 !important;margin-left:0 !important;}
    .section-cnt-nav ul.sub-menu-list li a{height:42px !important;line-height:42px !important;font-size:1.357em !important;color:#111;}
    .section-cnt-nav ul.sub-menu-list li a:before{display:none;}
    .section-cnt-nav ul.sub-menu-list li a:active{background-color:#f1f1f1;}
    .section-cnt-nav ul.sub-menu-list li.current a{color:#000;}
    .section-cnt-nav.on ul.sub-menu-list{display:block;}
    .section-cnt-nav.on .inner:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.4);z-index:-1;}
    .section-cnt-nav.on .btn-sub-menu-open:after{border-top:0;border-bottom:6px solid #fff;}
    .section-cnt-nav.on ~ section{z-index:-2;}
    .section-cnt-nav.fixed{top:113px;}
    .section-cnt-nav .btn-home{margin-top:-3px;margin-left:10px;}

    /* tab */
    .tab-content-area .tab-content{padding-top:12px;}
    .tab-list.tab-type1{overflow-x:auto;overflow-y:hidden;white-space:nowrap;margin:0;padding:0 3px;border-bottom:1px solid #e9e9e9;}
    .tab-list.tab-type1 li,
    .tab-list.tab-type1 li + li{margin:0 10px;}
    .tab-list.tab-type1 li button,
    .tab-list.tab-type1 li a{height:50px;line-height:50px;}
    .tab-list.tab-type2{margin-bottom:18px;}
    .tab-list.tab-type2 li button{height:42px;line-height:42px;}

    /* popup */
    .popContents-inner{padding:20px;}
    .popup-btn-area{top:10px;right:7px;}
    .popup-btn-area [class*="btn-"]{margin-left:9px;}
    .popup-btn-area .btn-pop-close:before, 
    .popup-btn-area .btn-pop-close:after{width:29px;height:1px;}
    .btn-book-cover-download{width:20px;height:24px;}
    .book-cover-expand{padding:54px 90px;}

    /* popup:book cover expanda */
    .book-cover-expand .thumb,
    .book-cover-expand .thumb img{height:auto;}

    /* popup:comment-modify */
    .popup#pop-comment-modify>*{width:90%;}
    .comment-modify .comment-wirte textarea{height:180px;}
    .comment-modify .check-area{margin-bottom:10px;}

    /* board list */
    .list.list-type1 li a{padding:14px 0 15px;}
    .list.list-type1 li a .tit strong{line-height:1.35;}
    .list.list-type1 li a .info{margin-top:3px;}
    .ico-new{font-size:0.857em;}
    .info .hits{margin-top:-2px;}

    /* paging */
    .paging ol.paging-number li a{width:24px;height:24px;line-height:21px;margin:0;font-size:0.857em;}

    /* board detail */
    .board .detail-haeder{padding:17px 0 14px;}
    .board .detail-haeder .tit{line-height:1.35;font-size:1.143em;}
    .board .detail-haeder .info{margin-top:4px;font-size:0.857em;}
    .board .detail-haeder .sns-area{right:0;bottom:10px;}
    .board .detail-content{line-height:1.65;padding:20px 0;}
    .board .download-area{margin-top:25px;}
    .board .download-area li a{font-size:1em;}
    .board .download-area li:before{top:4px;}
    .btn-more{margin-top:35px;height:50px;line-height:50px;font-size:1.143em;}
    .btn-more span{padding-left:23px;}
    .btn-more span:before, .btn-more span:after{width:17px;}
    .prev-next{margin-top:10px;}
    .prev-next dl{padding:17px 0;}
    .prev-next dl dt{width:49px;font-size:1em;}
    .prev-next dl dd .tit{width:calc(100% - 50px);margin-right:0;font-size:1em;}
    .prev-next dl dd .date{display:none;}
    [class*="section-detail-"] .btn-area{margin-top:34px;}
    [class*="section-detail-"] .btn-area input[type="button"]{width:100%;}

    .comment-write-area{margin-top:35px;}
    .comment-write-area .tit{margin-bottom:9px;font-size:1.429em;}
    .comment-write-area .check-area{top:4px;}
    .comment-write-area .check-area input[type="checkbox"]{width:22px;height:22px;margin-right:0;}
    .comment-write-area .check-area input[type="checkbox"] + label:before{top:4px;width:20px;height:20px;border-width:1px;}
    .comment-write-area .check-area label{font-size:1em;}
    .comment-write-area .check-area label:before{top:3px;width:22px;height:22px;}
    .comment-write-area .comment-write{height:98px;}
    .comment-write-area .comment-write textarea{width:100%;height:100%;padding:6px 7px;}
    .comment-write-area .comment-write .btn-regi{top:auto;bottom:-52px;width:85px;height:40px;border:1px solid #d8d8d8;}
    .comment-write-area .comment-write .txt{left:0;bottom:-27px;font-size:0.857em;}
    .comment-list{margin-top:94px;}
    .comment-list li{padding:22px 2px 33px;}
    .comment-list .author{font-size:1em;}
    .comment-list .comment{line-height:1.5;padding-right:0;}
    .comment-list .comment-wirte{padding:1px 0 9px;}
    .comment-list .comment-wirte textarea{height:100px;}
    .btn-edit-area{bottom:20px;}
    .btn-edit-area button{width:40px;height:40px;}
    .btn-edit-area button.btn-del{background-position:-40px 0;}
    .btn-modify-area button{margin-left:7px;}

    .ico-top{width:32px;height:32px;}
    .ico-top:before{width:2px;height:17px;}
    .ico-top:after{top:9px;width:7px;height:7px;border-top:2px solid #fff;border-right:2px solid #fff;}
    
    /* board search */
    .search-board{margin-bottom:34px;}
    .search-board .selectric-wrapper{width:135px;}
    .search-board .search{width:calc(100% - 154px) !important;}
    .search-board .search input[type="text"]{height:38px;font-size:1em;}
    .search-board .search .btn-search{width:26px !important;height:26px !important;font-size:0;background-size:26px;background-position:0 -18px;}
    section .selectric .label{height:37px;line-height:37px;padding-left:10px;}

    /* board badge */
    [class*="badge-"]{left:0;font-size:0.929em;}

    /* sns */
    .sns-area li + li{margin-left:5px;}
    .sns-area li a{width:38px;height:38px;}
    .sns-area li.ico-facebook a{background-position:0 0;}
    .sns-area li.ico-kakao a{background-position:-40px 0;}
    .sns-area li.ico-url a{background-position:-79px 0;}

    /* books list */
    .section-book-list{margin-top:-20px;}
    .section-book-list .inner{margin:0 !important;}
    .section-book-list .list ul{padding:0;}
    .section-book-list .list li{float:none;width:auto;padding:20px;border-bottom:1px solid #e7e7e7;}
    .section-book-list .list li:nth-child(1)~*{margin-top:5px;}
    .section-book-list .list li a .thumb{padding-top:0;}
    .section-book-list .list li a .thumb  .thumb-inner{position:static;transform:none;}
    .section-book-list .list li a:focus .thumb-inner:after,
    .section-book-list .list li a:hover .thumb-inner:after{background-size:43px;}
    .section-book-list .list li.no-data{padding-top:40px;padding-bottom:40px;border-bottom:none;}
    .section-book-list .list .thumb{margin:0 24%;}
    .section-book-list .list .tit{margin-top:13px;text-align:center;font-size:1.429em;}
    .section-book-list .list .author{margin-top:11px;text-align:center;}
    .section-book-list .list .author span + span:before{top:4px;height:15px;}
    .section-book-list .list .summary{margin-top:0;}
    .section-book-list .inner .btn-more{width:calc(100% - 40px);margin-right:20px;margin-left:20px;}

    /* books detail */
    .section-book-detail-summary{padding-top:24px;padding-bottom:18px;}
    .section-book-detail-summary .thumb-wrap{float:none;width:auto;padding:0 24%;}
    /*.section-book-detail-summary .thumb-wrap .share-area{position:absolute;bottom:0;right:0;}
    .section-book-detail-summary .thumb-wrap .share-area>[class*="btn-"]{display:block;}
    .section-book-detail-summary .thumb-wrap .share-area .sns-area{position:fixed;top:50%;right:0;bottom:auto;left:0;width:auto;margin-left:0;padding:62px 25px;background-color:#fff;transform:translateY(-50%);z-index:2;}*/
    .section-book-detail-summary .thumb-wrap .share-area{margin-top:12px;}
    .section-book-detail-summary .thumb-wrap .share-area .sns-area{position:absolute;right:-50px;bottom:60px;margin-top:0;}
    .section-book-detail-summary .thumb-wrap .share-area .sns-area li{display:block;}
    .section-book-detail-summary .thumb-wrap .share-area .sns-area li + li{margin-left:0;margin-top:7px;}
    .section-book-detail-summary .thumb-wrap .share-area .sns-area li a{/*width:92px;height:92px;*/background-image:url(../../resource/images/common/ico-sns-book-detail-m.png);background-size:cover;}
    .section-book-detail-summary .thumb-wrap .share-area .sns-area li.ico-kakao a{background-position:-36px 0;}
    .section-book-detail-summary .thumb-wrap .share-area .sns-area li.ico-url a{background-position:-74px 0;}
    .fixed + .section-book-detail-summary .thumb-wrap .share-area .sns-area li.ico-kakao a{background-position:-36px 0;}
    .fixed + .section-book-detail-summary .thumb-wrap .share-area .sns-area li.ico-url a{background-position:-73px 0;}
    .section-book-detail-summary .thumb-wrap .share-area.on:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(17,17,17,0.92);z-index:1;}
    .section-book-detail-summary .thumb-wrap .share-area .sns-area .btn-close{right:12px;width:26px;height:26px;}
    .section-book-detail-summary .thumb-wrap .share-area .sns-area .btn-close:before, 
    .section-book-detail-summary .thumb-wrap .share-area .sns-area .btn-close:after{width:28px;background-color:#111;}
    .section-book-detail-summary .thumb-wrap .share-area .btn-zoom{margin-bottom:20px;}
    .section-book-detail-summary .description{float:none;width:auto;margin-left:0;}
    .section-book-detail-summary .description .tit-area{margin:0 -20px;padding:22px 20px 13px;}
    .section-book-detail-summary .description .tit-area .tit{margin-bottom:6px;font-size:1.5em;}
    .section-book-detail-summary .description .info-area{padding-top:12px;}
    .section-book-detail-summary .description .info-area dl{margin-bottom:4px;}
    .section-book-detail-summary .description .info-area dd{padding-left:10px;}
    .section-book-detail-summary .description .hashtag{margin:10px 0 16px;}
    .section-book-detail-summary .description .hashtag li a{font-size:1em;}
    .section-book-detail-summary .book-store-area .tit{font-size:1.143em;}
    .section-book-detail-summary .book-store-area .txt{margin-top:2px;font-size:0.857em;}
    .section-book-detail-summary .book-store-area .store_list{padding:10px 4px 0;}
    .section-book-detail-summary .book-store-area .store_list li{margin:1% 3%;}
    .section-book-detail-summary .book-store-area .store_list li a img{max-height:40px;}
    .section-book-detail-description .txt-area{line-height:1.8;font-size:1.143em;padding:20px 0 40px;}
    .section-book-detail-description .txt-area span{font-size:16px !important;}
    .section-book-detail-description .tit-area ul{display:flex;flex-wrap:wrap;justify-content:center;height:50px;}
    .section-book-detail-description .tit-area li a{line-height:50px;padding:0;font-size:1.143em;}
    .section-book-detail-description article:last-of-type .txt-area{padding-bottom:35px;}
    .section-book-detail-description .btn-area{padding:0 20px;}
    .section-book-detail-description .btn-area .btn{width:100%;}
    
    /* event list */
    .section-event-list [class*="badge-"]{width:50px;height:50px;line-height:50px;}

    /* event detail */
    .board .section-detail-event .detail-haeder .info{margin-top:14px;margin-bottom:10px;}

    /* media */
    .section-media-list .list.list-type1 li a{padding-left:78px;}
    .section-media-list [class*="badge-"]{width:62px;height:21px;line-height:21px;font-size:0.786em;}
    .section-event-list .list.list-type1 li a{padding-left:62px;}

    /* inquiry */
    img.txt-email{height:15px;}

    /* search result */
    .section-srch-list .selectric .label{height:33px !important;line-height:33px !important;font-size:1em;}
    .section-srch-list .search-board{margin-bottom:36px;}
    .section-srch-list .search-board .selectric-wrapper{width:92px !important;border-bottom-width:2px;}
    .section-srch-list .search-board .search{width:calc(100% - 118px) !important;border-bottom-width:2px;}
    .section-srch-list .search-board .search input[type="text"]{width:calc(100% - 30px);height:34px;}
    .section-srch-list .search-board .search .btn-search{margin-right:0;background-position:0 0;}
    .section-srch-list .list-area .list-top .txt-result{font-size:1.143em;}
    .section-srch-list .list-area .list li a{padding:14px 0;}
    .section-srch-list .list-area .books-list li .thumb{width:80px;vertical-align:top;}
    .section-srch-list .list-area .books-list li .txt{width:calc(100% - 101px);padding-left:16px;}
    .section-srch-list .list-area .books-list li .txt .tit{font-size:1.143em;}
    .section-srch-list .list-area article{margin-top:50px;}
    .section-srch-list .list-area article:first-of-type{margin-top:32px;}
    .section-srch-list .list-area article .btn-more{height:50px;line-height:50px;margin-top:24px;}

    .section-srch-list .tab-content-area .list.list-type1 li a{padding:14px 0;}

    /* introduce eng */
    .wrap.introduce-eng .img{padding-top:85.625%;background-image:url(../../resource/images/common/img-introduce-eng-m.jpg);}

    /* privacy, agreement */
    .section-privacy,
    .section-agreement{padding-top:20px;}
    .section-agreement h2{margin-top:28px;}
    .section-agreement h2:first-child{margin-top:0;}
    .section-agreement{line-height:1.6;}
    .section-privacy{line-height:1.6;}
    .section-privacy ol{margin-top:16px;}
    .section-privacy ol li{margin-bottom:12px;}

    /* member */
    .member.content.tit-none .section-tit{padding-bottom:19px;}
    .member .section-tit .step-area{padding-top:28px;padding-bottom:8px;}
    .member .section-tit .step-area span{font-size:1.071em;}
    .member .section-tit .step-area span + span{padding-left:16px;}
    .member .section-tit .step-area span + span:before{left:7px;}

    /* join */
    .section-join-step article{margin-top:10px;}
    .section-join-step article + article{margin-top:50px;}
    .section-join-step article h2{margin-bottom:9px;font-size:1.429em;}
    .section-join-step .btn-area{margin-top:35px;}
    .section-join-step .btn-area .btn{float:left;width:100%;min-width:auto;height:57px;line-height:57px;margin:0;padding:0 12px;font-size:1.286em;}
    .section-join-step .btn-area .btn + .btn{margin-left:3.3334%;}
    .section-join-step .btn-area.half .btn{width:48.3333%;}
    .section-join-step input[type="text"], 
    .section-join-step input[type="password"]{height:39px;line-height:39px;}
    .section-join-step input[type="button"]{min-width:68px;height:39px;line-height:37px;padding:0 9px;font-size:0.857em;}
    .section-join-step .widthXL,
    .section-join-step .widthL,
    .section-join-step .widthS{width:100%;}
    .section-join-step .widthXS{width:calc(33% - 15px);}
    .section-join-step .widthXS + .widthXS{margin-left:21px;}
    .section-join-step .widthXS + .widthXS .selectric-wrapper{margin-top:0;}
    .section-join-step .address-area dd > input[type="text"]{width:calc(100% - 94px);margin-right:4px;}

    .join-box{height:200px;line-height:1.5;margin-bottom:14px;padding:17px 15px;font-size:1em;}
    .join-box .depth02>li{margin-left:17px;text-indent:-17px;}
    .join-box .depth03>li{margin-left:7px;text-indent:-7px;}
    article.member-check-wrap{margin-right:-20px;margin-left:-20px;padding:29px 20px 0;border-top:1px solid #d8d8d8;}
    .member-check-wrap .member-check{padding:8px 0;border:none;background-color:#fff;}
    .member-check-wrap .member-check div{max-width:none;}
    .member-check-wrap .member-check div + div{margin-top:18px;}
    .member-check-wrap .member-check input[type=text], 
    .member-check-wrap .member-check input[type=password]{height:54px;font-size:1.143em;border-width:1px;}
    .member-check-wrap .member-check .verification input{width:calc(100% - 130px);}
    .member-check-wrap .member-check .verification .sendSnumber{width:120px;height:54px;line-height:54px;}
    .member-check-wrap .btn-area{margin-top:12px;}

    .join-input-wrap{padding-top:5px;}
    .join-input-wrap dl,
    .join-input-wrap dl dt,
    .join-input-wrap dl dd{display:block;}
    .join-input-wrap dl{padding-bottom:14px;border-bottom:1px solid #d8d8d8;}
    .join-input-wrap dl dt, 
    .join-input-wrap dl dd{height:auto;padding:0;}
    .join-input-wrap dl dt{padding:10px 0 6px;font-size:1em;}

    .join-input-wrap dl.email-area dd .widthS{width:calc(33% - 8px);}
    .join-input-wrap dl.email-area dd br + .widthS{width:100%;}
    .join-input-wrap dl.email-area dd>* + * .selectric-wrapper{margin-top:0;}
    .join-input-wrap dl.email-area dd input[type="button"]{width:100%;margin-top:10px;margin-left:0;}

    .join-input-wrap dl.email-area dd .widthS + .widthS{margin-left:2px;}
    .join-input-wrap dl.tel-area dd .widthXS{width:calc(33% - 7px);}
    .join-input-wrap dl.tel-area dd .widthXS + .widthXS{margin-left:2px;}
    .join-input-wrap dl dd>* + * .selectric-wrapper{margin-top:10px;}
    .join-input-wrap dl dd>*{margin:0;}

    .join-input-wrap .id-area input[type="text"]{width:calc(100% - 74px);margin-right:4px;}
    .join-input-wrap dl dd>* + .check-area{display:block;margin-left:0;}
    .join-input-wrap .text{font-size:0.786em;}
    
    .join-complete-box{padding:42px 16px;}
    .join-complete-box strong{font-size:1.286em;}
    .join-out-box{padding:32px 16px;}
    .join-out-box>div{width:100%;}
    
    /* login */
    [class*="section-login"] .inner{margin:0 !important;}
    [class*="section-login"] article{display:block;width:auto;padding:0 20px;}
    [class*="section-login"] article + article{margin-left:0;border-top:1px solid #d8d8d8;}
    [class*="section-login"] legend.visible{margin-bottom:15px;padding-top:19px;font-size:1.429em;}
    [class*="section-login"] input[type="text"], 
    [class*="section-login"] input[type="password"]{height:54px;line-height:54px;margin-bottom:18px;font-size:1.143em;border-width:1px;}
    [class*="section-login"] button{height:55px;line-height:55px;margin-top:3px;font-size:1.286em;}
    [class*="section-login"] .find{margin-top:15px;}
    [class*="section-login"] .find a{font-size:1.143em;}
    .section-login-find article{border-top:1px solid #d8d8d8;}
    .section-login-find legend.visible ~ button{margin-bottom:28px;}
    .section-login-find + .section-join{margin-top:13px;}

    .section-join{margin-top:33px;padding:40px 0 45px;}
    .section-join h2{font-size:1.429em;}
    .section-join p{line-height:1.35;margin-top:9px;margin-bottom:28px;font-size:0.929em;}
    .section-join .btn{height:46px;line-height:46px;padding:0 33px;}
    
    /* Business Books */
    .wrap.wrap-BB .tab-list.tab-type1 li.current a{position:relative;padding:0 6px;}
    .wrap.wrap-BB .tab-list.tab-type1 li.current a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#0088ce;}

    /* introduce */
    .section-introduce{margin-top:-22px;padding:36px 0;}
    .section-introduce dl + dl{margin-top:45px;}
    .section-introduce dl dt{display:block;width:auto !important;margin-right:0 !important;/*text-align:left;*/}
    .section-introduce dl dt img{height:34px;}
    .section-introduce dl dd{display:block;width:auto !important;text-align:center;}
    .section-introduce.eng{margin-bottom:30px;}
    .section-summary{line-height:1.65em;}

    /* map */
    .section-map{margin-top:-22px;}
    .section-map .map-area{/*height:0;*/padding-top:75.625%;background-image:url(../../resource/images/common/img-map-m.jpg);}
}

@media all and (min-width:450px) and (max-width:800px){
    .section-book-detail-description .tit-area li{flex:1;margin:0;}
}

@media all and (max-width:450px){
    /* books list */
    .section-book-list .list .thumb{margin:0 19%;}

    /* books detail */
    .section-book-detail-summary .thumb-wrap{padding:0 15%;}
    .section-book-detail-summary .book-store-area .store_list li a img{max-height:33px;}
    /*.section-book-detail-summary .book-store-area .store_list li{width:38%;}
    .section-book-detail-summary .book-store-area .store_list li + li{margin-left:0;}
/*    .section-book-detail-summary .book-store-area .store_list li:nth-child(2n){margin-left:13%;}
    .section-book-detail-summary .book-store-area .store_list li:nth-child(2) ~ li{margin-top:10px;}*/
    .section-book-detail-summary .book-store-area .txt{display:block;margin:0 12px 12px;}

    /* popup */
    .book-cover-expand{padding:54px 20px;}
}

@media all and (max-width:359px){
    /* member */
    .member .section-tit .step-area{padding-top:28px;padding-bottom:8px;}
    .member .section-tit .step-area span{font-size:0.964em;}
    .member .section-tit .step-area span + span{padding-left:10px;}
    .member .section-tit .step-area span + span:before{left:4px;width:4px;height:4px;}

    /* board search */
    .search-board .selectric-wrapper{width:105px !important;}
    .search-board .search{width:calc(100% - 136px) !important;}

    /* books detail */
    .section-book-detail-description .tit-area li{margin:0 2.1%;}
}



/* -------------------------------------
    ¾÷¹«È¯°æ
---------------------------------------- */
.content.work-environment{}
.section-environment .article{display:flex;align-items:flex-start;padding:59px 0 52px;}
.section-environment .article + .article{border-top:1px solid #e8e8e8;}
.section-environment .article h2{width:272px;font-size:30px;font-weight:500;color:#0088ce;}
.section-environment .article>div{display:flex;flex-wrap:wrap;justify-content:space-between;flex:1;padding-top:3px;}
.section-environment .article dl{position:relative;width:calc(50% - 11px);padding-left:125px;box-sizing:border-box;}
.section-environment .article dl::before{content:"";display:block;position:absolute;top:0;left:0;width:95px;height:95px;border-radius:50%;background-color:#e6eaed;background-repeat:no-repeat;background-position:center center;background-size:100%;}
.section-environment .article.type1{margin-top:26px;}
.section-environment .article.type1>div>dl:nth-child(1)::before{background-image: url(../../resource/images/icon01.png);}
.section-environment .article.type1>div>dl:nth-of-type(2)::before{background-image: url(../../resource/images/icon02.png);}
.section-environment .article.type2>div>dl:nth-of-type(1)::before{background-image: url(../../resource/images/icon03.png);}
.section-environment .article.type2>div>dl:nth-of-type(2)::before{background-image: url(../../resource/images/icon04.png);}
.section-environment .article.type2>div>dl:nth-of-type(3)::before{background-image: url(../../resource/images/icon05.png);}
.section-environment .article dl dt{padding:8px 0 2px;font-size:1.555555em;font-weight:500;}
.section-environment .article dl dd{padding-top:8px;}
.section-environment ul.list-type-dot li{margin-bottom:6px;font-weight:400;letter-spacing:-0.04em;}
.section-environment .article.type2>div>dl:nth-of-type(3){margin-top:82px;}
@media all and (max-width:1024px){
    .section-environment .article dl{width:100%;padding-left:70px;}
    .section-environment .article dl + dl,
    .section-environment .article.type2>div>dl:nth-of-type(3){margin-top:30px;}
    .section-environment .article dl::before{width:50px;height:50px;}
}
@media all and (max-width:800px){
    .section-environment .article{flex-direction:column;padding:40px 0;}
    .section-environment .article.type1{margin-top:0;}
    .section-environment .article h2{width:auto;margin-bottom:12px;}
    
}