@charset "utf-8";

@import url(font.css);

*{margin:0;padding:0;-webkit-text-size-adjust:none;font-family:"Noto-Sans",sans-serif,"dotum";font-weight:300;color:#111;letter-spacing:-0.025em;}

body ,html{height:100%;min-width:320px;min-height:100vh;color:#111;}
body{font-size:18px;}
a{text-decoration:none;}
em, i, address{font-style:normal;}
b{font-weight:400;color:inherit;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:400;color:#000;}
ul, ol{list-style:none;}
img{max-width:100%;border:0;vertical-align:top;}
img[alt="Email"]{height:19px;margin-left:2px;vertical-align:middle;}
@media all and (max-width:800px){
    img[alt="Email"]{height:18px;}
}
iframe{width:100%;border:none;}
button,
input[type="button"]{border:0;border-radius:0px;-webkit-appearance:none;box-shadow:none;background-color:transparent;cursor:pointer;}

input, select, textarea{font-size:1em;color:#111;vertical-align:middle;box-sizing:border-box;}
input[type="text"], input[type="submit"], input[type="password"], input[type="search"], input[type="number"], input[type="reset"], input[type="email"], input[type="tel"],
select, textarea{width:100%;-webkit-appearance:none;-webkit-border-radius:0;}
input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="file"], input[type="email"], input[type="tel"]{padding:0 20px;border:1px solid #ddd;outline:none;}
textarea{width:100%;line-height:1.5em;padding:15px 20px;border:solid 1px #ddd;}
input[type="submit"]{cursor:pointer}

table{border-collapse:collapse;empty-cells:show;table-layout:fixed;}
table.list td a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
fieldset{margin:0;padding:0;border:0;}
legend, caption{overflow:hidden;visibility:hidden;width:0;height:0;line-height:0;font-size:0;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:50px;padding:0 50px 0 20px;border:solid 1px #ddd;background:#fff;}
select::-ms-expand{display:none;}

input::-ms-clear{display:none;}
input::-ms-reveal{display:none;}

th{word-wrap:break-word;}
a, span, p, em, label, dt, dd, li, strong{font-size:inherit;font-weight:inherit;font-family:inherit;color:inherit;}
label{cursor:pointer;}
strong{font-weight:700;}

.select-box{position:relative;}
.select-box:after{content:"";display:block;position:absolute;top:50%;right:20px;width:0;height:0;margin-top:-2px;border:5px transparent solid;border-bottom-width:0;border-top-color:#555;}
.select-box select{width:100%;}

::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999 !important;}

/* align */
.ac{text-align:center !important;}
.ar{text-align:right !important;}
.al{text-align:left !important;}
.at{vertical-align:top !important;}
.am{vertical-align:middle !important;}
.aj{text-align:justify !important;}
.fl{float:left !important;}
.fr{float:right !important;}
.cb{clear:both;}
.cb:after{content:"";clear:both;display:block;}

/* margin */
.tmg0{margin-top:0 !important;}
.bmg0{margin-bottom:0 !important;}

/* font */
.normal{font-weight:400;}
.bold{font-weight:600;}
.underline{text-decoration:underline;}
[class*="fPointC"]{transition-duration:.3s;}
.fPointC01{color:#0018a8 !important;}
.fPointC02{color:#0088ce !important;border-bottom:1px solid transparent;}
.fPointC03{color:#01ae83 !important;}
.fPointC04{color:#f60202 !important;}
a.fPointC02:focus,
a.fPointC02:hover{border-bottom:1px solid #0088ce;}

/* etc */
section{position:relative;}
.block{display:block;}
.inline-block{display:inline-block;}
.blind{position:absolute;top:-9999em;left:-9999em;line-height:0;font-size:0;}
.txthidden{overflow:hidden;text-indent:-999em;font-size:0;}
.lbhidden{position:absolute;overflow:hidden;text-indent:-999em;}
.thumb img{display:block;width:100%;}
.thumbmax img{max-width:100%;max-height:auto;height:auto;}
.tbl{display:table;width:100%;table-layout:fixed;}
.row{display:table-row;}
.cell{display:table-cell !important;}
.none{display:none;}
.hide{visibility:hidden;margin:0;padding:0;line-height:0;}
.video{position:relative;padding-top:56.25%;}
.video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

@media all and (max-width:1080px){
    input[type="text"], input[type="submit"], input[type="password"], input[type="search"], input[type="number"], input[type="reset"], input[type="email"], input[type="tel"], select{height:40px;padding:0 10px;}
    select{padding-right:24px;}
    textarea{padding:10px;}
	.select-box:after{right:10px;}
}


/* -------------------------------------
    layout
---------------------------------------- */
.skip{position:absolute;top:0;left:0;right:0;z-index:20;}
.skip a{display:block;font-size:0;}
.skip a:focus{left:0;right:0;padding:7px;text-align:center;font-size:20px;color:#fff;background-color:#246969;}

.wrap{}
.inner{margin:0 50px;transition-duration:.3s;}
.inner:after{content:"";display:block;clear:both;}

header{position:fixed;top:0;left:0;right:0;height:106px;background-color:#fff;z-index:20;transition-duration:.3s;}
header .logo{position:absolute;top:39px;left:102px;width:105px;height:38px;z-index:20;}
header .logo a{display:block;width:100%;height:100%;font-size:0;background-color:transparent;background-repeat:no-repeat;background-position:center 0;background-size:100%;background-image:url(http://www.businessbooks.co.kr/01_include/resource/images/common/logo-web.png);background-position:0 -50px;}

/* header */
header .header-top{text-align:right;}
header .header-top .top-menu{display:inline-block;text-align:right;vertical-align:middle;}
header .header-top .top-menu>li{display:inline-block;padding-left:45px;transition-duration:.3s;}
header .header-top .top-menu>li + li{margin-left:-3px;}
header .header-top .top-menu>li>div{position:relative;}
header .header-top .top-menu>li>div a{display:inline-block;position:relative;height:106px;line-height:106px;padding-top:2px;font-size:18px;font-weight:400;color:#000;box-sizing:border-box;}
header .header-top .top-menu>li>div a>span{font-size:0.833em;}
header .header-top .top-menu>li.over>div a,
header .header-top .top-menu>li.over>div a>span,
header .header-top .top-menu>li.current>div a,
header .header-top .top-menu>li.current>div a>span{color:#0088ce !important;}
header .header-top .search-area{display:inline-block;position:relative;height:60px;margin:0 21px 0 46px;padding-right:34px;vertical-align:middle;}
header .header-top .search-area .input-area{position:relative;width:0;margin-top:15px;border-bottom:3px solid #111;vertical-align:middle;transition-duration:.3s;opacity:0;}
header .header-top .search-area .input-area input{width:100%;height:34px;padding:1px;font-size:0.889em;color:#111;border:none;background-color:transparent;}
header .header-top .search-area [class*="btn-search"]{display:inline-block;position:absolute;top:0;right:0;width:30px;height:60px;font-size:0;background:transparent url(http://www.businessbooks.co.kr/01_include/resource/images/common/ico-search-my.png) no-repeat 0 -39px;vertical-align:middle;}
header .header-top .search-area .btn-search{display:none;right:30px;}
header .header-top .search-area .btn-search-close{display:none;background:none !important;}
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:#111;transform:translateY(-50%) rotate(45deg);}
header .header-top .search-area .btn-search-close:after{transform:translateY(-50%) rotate(-45deg);}
header .header-top .search-area.on .btn-search-close{display:block;}
header .header-top .search-area.on .input-area{width:199px;opacity:1;}
header .header-top .search-area.on .btn-search-open{display:none;}
header .header-top .search-area.on .btn-search{display:block;}
header .header-top .my-area{display:inline-block;vertical-align:middle;}
header .header-top .my-area .btn-my{display:inline-block;width:30px;height:60px;margin-top:6px;font-size:0;background:transparent url(http://www.businessbooks.co.kr/01_include/resource/images/common/ico-search-my.png) no-repeat -30px -42px;vertical-align:middle;}
header .header-top .my-area .my-list{display:none;position:absolute;top:85px;right:15px;width:95px;padding:6px 0 8px;text-align:center;border:1px solid #c6c6c6;background-color:#fff;}
header .header-top .my-area .my-list li{text-align:left;}
header .header-top .my-area .my-list li a{display:block;padding:7px 20px 6px;font-size:0.833em;font-weight:400;transition-duration:.3s;}
header .header-top .my-area .my-list:before{content:"";display:block;position:absolute;top:-7px;left:43%;border-bottom:8px solid #fff;border-left:4px solid transparent;border-right:4px solid transparent;z-index:1;}
header .header-top .my-area .my-list:after{content:"";display:block;position:absolute;top:-9px;left:43%;border-bottom:8px solid #c6c6c6;border-left:4px solid transparent;border-right:4px solid transparent;}
header .header-top .my-area .my-list li a:focus,
header .header-top .my-area .my-list li a:hover{background-color:#f5f5f5;}

header .header-top .my-area.on .my-list{display:block;}
header .header-top .depth2{display:none;position:absolute;top:106px;left:0;width:100%;padding:21px 0;text-align:center;background-color:rgba(0,0,0,0.93);}
header .header-top .depth2 li{display:inline-block;margin-left:50px;}
header .header-top .depth2 li>a{display:block;font-size:0.889em;font-weight:400;color:#8a8a8a;}
header .header-top .depth2 li.on>a,
header .header-top .depth2 li>a:focus,
header .header-top .depth2 li>a:hover{font-weight:400;color:#fff;}
header .header-top .top-menu>li.over>div + .depth2,
header .header-top .top-menu>li:hover .depth2{display:block;}
header.on,
header.over{background-color:#fff;box-shadow:0 0 8px rgba(17,17,17,0.3);}
header.on .header-top .top-menu>li>a>span,
header.over .header-top .top-menu>li>a>span{color:#000;}
header.on .header-top .search-area .input-area{border-bottom-color:#111 !important;}
header.on .header-top .search-area .input-area input{color:#111 !important;}
header.on .header-top .search-area .btn-search-close:before,
header.on .header-top .search-area .btn-search-close:after{background-color:#111 !important;}

.btn-menu-toggle{position:absolute;top:44px;left:50px;width:26px;height:21px;font-size:0;border:0;z-index:11;}
.btn-menu-toggle:before,
.btn-menu-toggle:after{content:"";display:block;position:absolute;left:0;width:100%;height:3px;background-color:#000;transition:.3s;}
.btn-menu-toggle:before{top:0;}
.btn-menu-toggle:after{bottom:0;}
.btn-menu-toggle span{display:block;position:absolute;top:50%;left:0;width:22px;height:3px;margin-top:-2px;background-color:#000;}
.btn-menu-toggle.on{top:32px;left:27px;width:46px;height:46px;z-index:21;}
.btn-menu-toggle.on:before,
.btn-menu-toggle.on:after{top:50%;margin-top:-1px;}
.btn-menu-toggle.on:before{transform:rotate(45deg);}
.btn-menu-toggle.on:after{transform:rotate(-45deg);}
.btn-menu-toggle.on span{display:none;}

/* gnb */
nav#gnb{/*display:none;*/display:block;position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;background:#fff;opacity:0;transform:translateX(-100%);transition:all .5s;z-index:10;}
nav#gnb:before{content:"";display:inline-block;width:1px;height:100%;margin-right:-5px;vertical-align:middle;}
nav#gnb .inner{display:inline-block;width:calc(98% - 100px);vertical-align:middle;}
nav#gnb .inner .gnb-list{display:flex;width:100%;margin-bottom:25vh;text-align:left;}
nav#gnb .inner .gnb-list>li{flex:1;padding-left:4%;border-left:1px solid #d5d5d5;}
nav#gnb .inner .gnb-list>li:first-child{border-left:none;}
nav#gnb .inner .gnb-list>li>a{display:block;position:relative;line-height:1em;padding-bottom:39px;font-size:1.667em;font-weight:500;}
nav#gnb .inner .gnb-list>li>a+.btn-depth2-ctrl{display:none;}
nav#gnb .inner .gnb-list>li ul.depth2 li{margin-bottom:22px;}
nav#gnb .inner .gnb-list>li ul.depth2 li a{display:inline-block;position:relative;padding:2px 4px;font-size:1.111em;font-weight:400;color:#333;transition-duration:.2s;}
nav#gnb .inner .gnb-list>li ul.depth2 li a:focus,
nav#gnb .inner .gnb-list>li ul.depth2 li a:hover{color:#fff !important;background-color:#333 !important;}
nav#gnb.on{display:block;opacity:1;transform:translateX(0);z-index:20;}
nav#gnb .btn-close-gnb{position:absolute;right:0;bottom:0;font-size:0;background-color:transparent;}

nav#gnb .list-sns-link{margin-top:8vh;margin-bottom:8vh;}
nav#gnb .footer{position:absolute;right:50px;bottom:0;left:50px;padding-top:0;text-align:left;background-color:transparent;}
nav#gnb .footer .logo-footer{left:0;}
nav#gnb .footer address{padding-left:20%;}
nav#gnb .footer .footer-menu{right:0;}

body.menu-open{overflow:hidden;}

@media all and (min-height:1281px){
    nav#gnb .inner .gnb-list>li>a{cursor:none;}
}

@media all and (max-height:800px){
    nav#gnb{overflow-x:hidden;overflow-y:auto;}
    nav#gnb:before,
    nav#gnb .inner{vertical-align:bottom;}
    nav#gnb .inner{/*padding-top:50px;*/}
    nav#gnb .inner .gnb-list{margin-bottom:8vh;}
    nav#gnb .list-sns-link{margin-top:5vh;margin-bottom:5vh;}
    nav#gnb .footer{position:relative;left:0;}
}

/* content */
.content{height:auto;}

/* footer */
.footer{position:relative;padding:60px 0 50px;font-size:0.833em;}
.footer .logo-footer{position:absolute;bottom:68px;left:50px;width:105px;height:38px;font-size:0;background:transparent url(http://www.businessbooks.co.kr/01_include/resource/images/common/logo-web.png) no-repeat center -50px / cover;}
.footer address{line-height:1.8;padding-left:310px;font-size:15px;transition-duration:.3s;}
.footer address img{vertical-align:middle;}
.footer .footer-menu{position:absolute;bottom:77px;right:50px;}
.footer .footer-menu li{display:inline-block;margin-left:30px;}
.footer .footer-menu li a:focus,
.footer .footer-menu li a:hover{font-weight:400;}
.content.common-page + .footer .logo-footer{display:none;}

/* sns link */
.list-sns-link{margin-bottom:70px;text-align:center;}
.list-sns-link li{display:inline-block;margin:0 60px;vertical-align:middle;}
.list-sns-link li a{display:block;width:60px;height:50px;font-size:0;background-image:url(http://www.businessbooks.co.kr/01_include/resource/images/common/ico-sns.png);background-repeat:no-repeat;background-size:cover;transition-duration:.3s;}
.list-sns-link li.ico-blog a{background-position:0 0;}
.list-sns-link li.ico-instagram a{background-position:-60px 0;}
.list-sns-link li.ico-facebook a{background-position:-120px 0;}
.list-sns-link li.ico-youtube a{background-position:-180px 0;}
.list-sns-link li a:focus,
.list-sns-link li a:hover{opacity:0.7;}


/* -------------------------------------
    Business Books
---------------------------------------- */
.wrap.wrap-BB header .logo{top:39px;left:102px;width:105px;height:38px;}
.wrap.wrap-BB header .logo a{background-image:url(http://www.businessbooks.co.kr/01_include/resource/images/common/logo-web.png);background-position:0 -50px;}
.wrap.wrap-BB header .header-top .top-menu>li>div a>span{color:#4a4a4a;}
.wrap.wrap-BB .footer{background-color:#bbf8fb;}


/* -------------------------------------
    Books Life
---------------------------------------- */
.wrap.wrap-BL header .logo{top:33px;left:99px;width:95px;height:39px;}
.wrap.wrap-BL header .logo a{background-image:url(http://www.businessbooks.co.kr/01_include/resource/images/booklife/logo-web.png);background-position:0 0;}
.wrap.wrap-BL .footer .logo-footer{width:95px;height:39px;background-image: url(http://www.businessbooks.co.kr/01_include/resource/images/booklife/logo-web.png);background-position:0;}
.wrap.wrap-BL .footer{background-color:#b8fcdc;}


/* -------------------------------------
    Travel Like
---------------------------------------- */
.wrap.wrap-TL header .logo{top:41px;left:99px;width:146px;height:27px;}
.wrap.wrap-TL header .logo a{background-image:url(http://www.businessbooks.co.kr/01_include/resource/images/travellike/logo-web.png);background-position:0 0;}
.wrap.wrap-TL .footer .logo-footer{width:146px;height:27px;background-image: url(http://www.businessbooks.co.kr/01_include/resource/images/travellike/logo-web.png);background-position:0;}
.wrap.wrap-TL .footer{background-color:#fefa8f;}


/* -------------------------------------
    media query
---------------------------------------- */
@media all and (min-width:1281px){
    .wrap{z-index:3;}

    /* gnb */
    nav#gnb .inner .gnb-list>li{transition-duration:.7s;transform:translateX(50%);opacity:0;}
    nav#gnb .inner .gnb-list>li ul.depth2{display:block !important;}
    nav#gnb.on .inner .gnb-list>li{transform:translateX(0%);opacity:1;}
    nav#gnb.on .inner .gnb-list>li:nth-child(1){transition-delay:0.4s;}
    nav#gnb.on .inner .gnb-list>li:nth-child(2){transition-delay:0.5s;}
    nav#gnb.on .inner .gnb-list>li:nth-child(3){transition-delay:0.6s;}
    nav#gnb.on .inner .gnb-list>li:nth-child(4){transition-delay:0.7s;}
    nav#gnb.on .inner .gnb-list>li:nth-child(5){transition-delay:0.8s;}
}

@media all and (max-width:1280px){
    .inner{margin:0 24px;}
    .menu-open header:before{content:"";display:block;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.4);z-index:1;}

    /* header */
    header{height:63px;}
    header .inner{margin:0 36px 0 24px;}
    header .logo{top:20px;left:76px !important;width:92px;height:33px;z-index:21;}
    header .logo a{background-position:0 -44px;}
    header .header-top .top-menu{display:none;}
    header .header-top .top-menu>li{padding-left:32px;}
    header .header-top .search-area{height:63px;}
    header .header-top .my-area .btn-my{margin-top:3px;}
    header .header-top .my-area .my-list{top:62px;right:2px;}
    .btn-menu-toggle{top:24px;left:24px;}
    .btn-menu-toggle.on{top:20px;left:22px;width:27px;height:27px;}
    .btn-menu-toggle.on:before,
    .btn-menu-toggle.on:after{height:2px;}

    /* gnb */
    nav#gnb{width:400px;}
    nav#gnb:before{display:none;}
    nav#gnb .inner{display:block;width:auto;margin:0 !important;}
    nav#gnb .inner .gnb-list{display:block;margin-top:64px;margin-bottom:0;border-top:1px solid #eaeaea;}
    nav#gnb .inner .gnb-list>li{position:relative;flex:none;padding-left:0;border-left:none;}
    nav#gnb .inner .gnb-list>li>a{border-bottom:1px solid #eaeaea;padding:20px 20px;font-size:19px;}
    nav#gnb .inner .gnb-list>li>a:after{content:"";display:block;position:absolute;top:50%;right:10px;width:10px;height:10px;border-top:1px solid #aaa;border-right:1px solid #aaa;transform:translateY(-60%) rotate(135deg);}
    /*nav#gnb .inner .gnb-list>li>a+.btn-depth2-ctrl{display:block;position:absolute;top:21px;right:10px;width:10px;height:10px;font-size:0;border-top:1px solid #aaa;border-right:1px solid #aaa;transform:rotate(135deg);}*/
    nav#gnb .inner .gnb-list>li ul.depth2{display:none;padding:10px 0;background-color:#f2f3fa;}
    nav#gnb .inner .gnb-list>li ul.depth2 li{margin-bottom:0;}
    nav#gnb .inner .gnb-list>li ul.depth2 li a{display:block;padding:7px 20px;font-size:17px;}
    nav#gnb .inner .gnb-list>li ul.depth2 li.link-main a{padding-left:48px;background:url(http://www.businessbooks.co.kr/01_include/resource/images/common/ico-home-menu.png) no-repeat 20px -37px / 20px;}
    nav#gnb .inner .gnb-list>li ul.depth2 li.link-main a:focus,
    nav#gnb .inner .gnb-list>li ul.depth2 li.link-main a:hover{background-position:20px 9px;}
    nav#gnb .inner .gnb-list>li.current>a:after{transform:translateY(-40%) rotate(-45deg);}
    nav#gnb .inner .gnb-list>li.current .depth2{display:block;}
    nav#gnb .footer{display:none;}
    
    /* footer */
    .footer .logo-footer{left:24px;}
    .footer .footer-menu{right:24px;}
    .footer address{padding-left:190px;}
    
    /* sns link */
    .list-sns-link li{margin:0 5%;}

    /* Business Books */
    .wrap.wrap-BB header .logo{top:20px;width:92px;height:33px;}
    .wrap.wrap-BB header .logo a{background-position:0 -44px;}

    /* Books Life */
    .wrap.wrap-BL header .logo{top:16px;width:82px;height:33px;}
    
    /* Travel Like */
    .wrap.wrap-TL header .logo{top:22px;width:126px;height:23px;}
}

@media all and (min-width:1141px){
    .footer address img.pc{display:inline-block;}
    .footer address img.mobile{display:none;}
}

@media all and (max-width:1140px){
    /* footer */
    .footer{padding:50px 0 40px;font-size:13px;}
    .footer .logo-footer{top:145px;left:20px;}
    .footer address{padding-left:0;word-break:keep-all;}
    .footer address img.pc{display:none;}
    .footer .footer-menu{top:145px;right:20px;bottom:auto;}
    .footer .footer-menu li a{font-size:14px;}

    /* sns link */
    .list-sns-link{margin-bottom:100px;}
    .list-sns-link li{margin:0 3%;}
    .list-sns-link li a{width:48px;height:40px;}
    .list-sns-link li.ico-blog a{background-position:0 0;}
    .list-sns-link li.ico-instagram a{background-position:-48px 0;}
    .list-sns-link li.ico-facebook a{background-position:-98px 0;}
    .list-sns-link li.ico-youtube a{background-position:-143px 0;}
}

@media all and (min-width:801px) and (max-width:1280px){
    .wrap{z-index:2;}
}

@media all and (min-width:801px){
    /* common */
    .w-only-block{display:block !important;}
    .w-only-inlineblock{display:inline-block !important;}
    .m-only-block{display:none !important;}
    .m-only-inlineblock{display:none !important;}

    /* header */
    header .header-top .my-area:hover .my-list{display:block;}
   
}

@media all and (max-width:800px){
    /* common */
    body{font-size:14px;}
    .wrap{z-index:1;}
    .w-only-block{display:none !important;}
    .w-only-inlineblock{display:none !important;}
    .m-only-block{display:block !important;}
    .m-only-inlineblock{display:inline-block !important;}
    .inner{margin:0 20px !important;}

    /* header */
    header .logo{top:20px;width:80px;height:28px;}
    header .logo a{background-image:url(http://www.businessbooks.co.kr/01_include/resource/images/common/logo-mobile.png) !important;background-position:0 -29px;}
    .btn-menu-toggle{top:23px;left:20px;width:23px;height:18px;}
    .btn-menu-toggle span{width:19px;height:2px;margin-top:-1px;}
    .btn-menu-toggle:before, .btn-menu-toggle:after{height:2px;}

    header .logo{left:57px !important;}
    header .header-top .search-area{position:absolute;top:0;right:0;margin-right:15px;}
    header .header-top .search-area .input-area{width:47%;transition:none;}
    header .header-top .search-area [class*="btn-search"]{background-image:url(http://www.businessbooks.co.kr/01_include/resource/images/common/ico-search-my-m.png);background-size:60px;}
    header .header-top .search-area.on{left:0;margin:0;padding:50px 0 40px;text-align:center;background-color:#fff;}
    header .header-top .search-area.on .input-area{display:inline-block;width:47%;min-width:187px;border-bottom:2px solid #111 !important;vertical-align:middle;}
    header .header-top .search-area.on .btn-search{display:inline-block;position:static;height:36px;margin-top:14px;background-position:0 -53px !important;vertical-align:middle;}
    header .header-top .search-area.on .btn-search-close{right:12px;}
    header .header-top .search-area .btn-search-close:before, 
    header .header-top .search-area .btn-search-close:after{width:26px;background-color:#111 !important;}
    header .header-top .my-area{position:relative;margin-right:39px;}
    header .header-top .my-area .my-list{top:61px;right:-35px;}
    header .header-top .my-area .my-list.on{display:block;}
    header .header-top .my-area .btn-my{background-image:url(http://www.businessbooks.co.kr/01_include/resource/images/common/ico-search-my-m.png);background-size:60px;}
    header .header-top .search-area.on:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.4);z-index:-1;}

    nav#gnb{width:100%;}
   
    /* footer */
    .footer{padding-top:30px;padding-bottom:20px;}
    .footer .logo-footer{top:120px;width:95px;height:32px;background-image:url(http://www.businessbooks.co.kr/01_include/resource/images/common/logo-mobile.png);background-position:0 -36px;}
    .footer address{line-height:1.6;color:#333;}
    .footer .footer-menu{top:125px;}
    .footer .footer-menu li{margin-left:20px;}

    /* sns link */
    .list-sns-link li a{width:37px;height:37px;background-image:url(http://www.businessbooks.co.kr/01_include/resource/images/common/ico-sns-m.png);}
    .list-sns-link li.ico-instagram a{background-position:-43px 0;}
    .list-sns-link li.ico-facebook a{background-position:-82px 0;}
    .list-sns-link li.ico-youtube a{background-position:-135px 0;}

    /* Business Books */
    .wrap.wrap-BB header .logo{top:20px;left:57px !important;width:80px;height:28px;}
    .wrap.wrap-BB header .logo a{background-position:0 -29px;}

    /* Books Life */
    .wrap.wrap-BL header .logo a{background-image:url(http://www.businessbooks.co.kr/01_include/resource/images/booklife/logo-mobile.png) !important;}
    .wrap.wrap-BL .footer .logo-footer{width:86px;height:33px;background-image:url(http://www.businessbooks.co.kr/01_include/resource/images/booklife/logo-mobile.png);}

    /* Travel Like */
    .wrap.wrap-TL header .logo a{background-image:url(http://www.businessbooks.co.kr/01_include/resource/images/travellike/logo-mobile.png) !important;}
    .wrap.wrap-TL .footer .logo-footer{width:127px;height:23px;background-image:url(http://www.businessbooks.co.kr/01_include/resource/images/travellike/logo-mobile.png);}
}

@media all and (min-width:461px){
    /* common */
    .m-only-block-460{display:none !important;}
}

@media all and (max-width:460px){
    /* common */
    .m-only-block-460{display:block !important;}
}

@media all and (max-width:330px){
    /* footer */
    .footer .footer-menu li{margin-left:10px;}
}


@media all and (max-width:800px){
    body{z-index:1;}
}

@media all and (min-width:801px) and (max-width:1280px){
    body{z-index:2;}
}

@media all and (min-width:1281px){
    body{z-index:3;}
}