@CHARSET "UTF-8";

html, body	{ width:100%; height:100%; }
*	{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
body	{ -webkit-text-size-adjust:none; }
#skipNavi	{ position:absolute; left:0; top:0; z-index:40; width:100%; z-index:1102;}
#skipNavi a	{ position:absolute; left:0; top:-60px; display:block; width:100%; padding:10px 0;font-weight:bold;font-size:1.3em; line-height:1.5em; color:#242220; text-align:center; z-index:200; background:#f7901e; }
#skipNavi a:active, #skipNavi a:focus { top:0; }

#wrapper {min-width:1180px;}
.contBody {width:1180px; margin:0 auto; *zoom:1; /* overflow:hidden; */position:relative;z-index:20}
.contBody:after {content:""; display:block; clear:both;}

#header	{ position:fixed;left:0;top:0;z-index:100;width:100%;height:110px;background:#fff url(/images/common/block_w70.png) repeat; }
#header .contBody	{ position:relative;overflow:inherit; }
#header h1	{ float:left;padding:15px 0 0;  }
#header .gnb	{ float:right;margin:60px -10px 0 0; }
#header .gnb>li	{ position:relative;float:left;min-height:37px; }
#header .gnb>li:before	{ content:'|';display:inline-block;width:1px;margin:0 17px;color:#f7901e; }
#header .gnb>li.searchPart:before	{ content:none;}
#header .gnb>li:first-child:before	{ content:''; }
#header .gnb>li.on>a	{ background:url(/images/layout/bg_gnbOver.png) repeat-x 50% 80%; }
#header .gnb>li>a	{ display:inline-block;height:37px;line-height:37px;padding:0 10px;font-weight:400;font-size:16px;color:#231f20; }
#header .gnb>li:first-child>ul	{ right:-48px; }
#header .gnb>li:last-child	{ padding-right:0; }
#header .gnb>li:last-child>ul	{ right:0; }
#header .gnb>li>ul	{ display:none;position:absolute;right:-23px;top:35px;width:196px;min-height:255px;padding:20px 24px;background-color:black;box-shadow: 0px 3px 5px grey;box-sizing:border-box;z-index:1;}
#header .gnb>li>ul>li	{ float:none;height:30px;margin:0;padding:0;line-height:30px; }
#header .gnb>li>ul>li>a	{ font-size:14px;color:#fff;letter-spacing:-1px; }
#header .gnb>li>ul>li>a:before	{ content:'-';display:inline-block;padding-right:7px; }
#header .gnb>li>ul>li.on	{ background:none; }
#header .gnb>li>ul>li.on>a,
#header .gnb>li>ul>li>a:hover,
#header .gnb>li>ul>li>a:focus	{ color:#f7901e;border-bottom:2px solid #f7901e; }
#header .gnb>li>ul.onNav	{ display:block; }
/* 검색 창 */
#header .gnb .searchBtn{height:41px;font-size:0;vertical-align:middle;}
#header .gnb .searchBtn:before{content:'';display:inline-block;clear:both;width:92px;height:32px;background:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout/search.png) no-repeat;vertical-align:middle;}
#header .gnb .searchBtn.on:before{background:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout/search_on.png) no-repeat;}
#header .gnb>li.on>.searchBtn{background:none}
#header .gnb .searchBg{display:none;position:absolute;top:50px;left:-1450px;background:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout/search_bg.png);width:2000px;height:314px;}
#header .gnb .searchArea{position:relative;width:830px;margin:50px auto;}
#header .gnb .searchArea:before{content:'';display:inline-block;clear:both;position:absolute;top:0;left:0;width:95px;height:50px;background:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout/search_icon.png) no-repeat;}
#header .gnb .searchArea > input{border:3px solid #f79222;border-radius:25px;width:830px;height:50px;padding-left:95px;color:#4d525a;font-size:22px;font-weight:bold;}
#header .gnb .searchArea > input:focus{border:3px solid #f79222 !important;border-radius:25px;outline:none;}
#header .gnb .searchArea .btn{position:absolute;top:0;right:0;width:88px;height:50px;line-height:50px;background-color:#f79222;border-color:#f79222;border-style:none;border-radius:0px 25px 25px 0;color:#fff;font-size:22px;text-align:center;}
#header .gnb .searchArea .txtInfo{margin:5px 0 0 30px;color:#fff;font-size:16px;text-align:left;}
#header .gnb .searchArea .txtInfo:before{content:'* ';display:inline-block;clear:both;padding-right:10px;vertical-align:middle;}
#header .gnb .keyword{margin:20px 15px;overflow:hidden;}
#header .gnb .keyword > li{float:left;margin:10px;}
#header .gnb .keyword > li > a{display:block;background-color:#fff;border-radius:8px;width:180px;height:50px;line-height:50px;color:#454545;font-size:20px;text-align:center;}
#header .gnb .keyword > li.on > a{background-color:#f7901e;color:#fff;}

#header .gnb .searchClose{position:absolute;top:0;right:-120px;font-size:0}
#header .gnb .searchClose:before{content:'';display:block;clear:both;width:20px;height:20px;background:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout/search_close.png) no-repeat;}
/* //검색 창 */


#header .util	{ position:absolute;right:0;top:12px; }
#header .util li	{ display:inline-block;margin-right:-4px;padding:0 9px 0 13px;background:url(/images/common/blt.gif) no-repeat 0 50%; }
#header .util li:first-child	{ background:none; }
#header .util li:last-child	{ margin-right:0;padding-right:0; }
#header .util li>a	{ font-size:13px;color:#626262; }
#header .util li>a.smartall{color:#f79121}
#header .util li>a.darkGreen{color: #015401;}
#header .util li>a.purple{color: #a435f0;}



#location	{ position:relative; width:1180px;height:15px;margin:15px auto 40px;text-align:right;overflow:hidden; z-index:6 }
#location *	{ font-size:14px;line-height:15px;vertical-align:top; }
#location>a	{ display:inline-block;width:13px;height:15px;padding-right:10px;box-sizing:initial; }
#location>a>span.home	{ display:inline-block;width:13px;height:0;padding:15px 0 0 0;overflow:hidden;background:url(/images/layout/ico_home.png) no-repeat 0 50% !important; }
#location span.now	{ color:#f7901e; }
#location span	{ margin-right:-4px;padding:0 10px 0 15px;color:#a1a1a1;background:url(/images/layout/blt.gif) no-repeat 0 50%; }
#location span:last-child	{ padding:0;background:none !important; }
#location span:last-child.now	{ padding:0 10px 0 15px;background:url(/images/layout/blt.gif) no-repeat 0 50% !important; }

#container	{ width:100%;/* padding:110px 0 100px; */  padding:174px 0 100px;}
#container .titleArea	{ position:relative;height:160px;background:#ffce66;z-index:6}
#container .titleArea h2	{ margin:0 0 0 -11px;padding-top:52px; }
#container .titleArea .contBody	{ height:160px;background:url(/images/layout/bg_titleArea.gif) no-repeat 100% 0;overflow:inherit; }
/* #container .titleArea.titleArea1	{ height:292px !important; }
#container .titleArea.titleArea1 .contBody	{ height:292px !important;background:none !important; } */

/* #quick	{ position:fixed;right:0;top:120px;z-index:1100;width:90px;background:url(/images/layout/bg_black70.png) repeat !important;box-sizing:border-box; } */
#quick	{ position:fixed;right:40px;top:120px;z-index:1100;width:90px;background-color:#fff !important;border:1px solid #ccc;border-radius:8px;box-sizing:border-box; }
#quick ul	{ padding:30px 10px; }
#quick ul li	{ padding:20px 0;border-bottom:1px solid #ccc;text-align:center;line-height:18px;}
#quick ul li>a	{ display:block;padding:0 2px;font-size:13px;font-weight:bold; }
#quick ul li>a span	{ margin-bottom:10px;color:#2c2d42;letter-spacing:-1px;}
#quick ul li>a span.img	{ display:block;}
/* #quick ul li:nth-child(4)>a span.img{padding-left:8px;} */
#quick ul li:first-child	{ padding-top:0; }
#quick ul li:last-child	{ padding-bottom:0;border-bottom:none; }
#quick ul li dl	{ padding-top:10px; }
#quick ul li dl>dd	{ padding-top:6px; }
#quick ul li dl>dd:first-child	{ padding:0; }
#quick ul li.top	{ padding:20px 0 0;border:none; }
#quick ul li.top>a	{ display:block;line-height:12px;font-weight:bold;overflow:hidden; }
#quick ul li.top>a>img{vertical-align:middle;}

#footer	{ width:100%;height:140px;border-top:1px solid #d8d8d8; }
#footerArea	{ position:relative;width:1180px;margin:0 auto;padding:0 0 0 160px;box-sizing:border-box; }
#footerArea p.foot-logo	{ position:absolute;left:0;top:32px; }
#footerArea p.foot_customer	{ position:absolute;right:0;top:32px; }
#footerArea > ul	{ padding:35px 0 10px; }
#footerArea > ul > li	{ display:inline-block;margin-right:-4px;padding:0 15px;background:url(/images/common/bg_divi2.png) no-repeat 0 50%; }
#footerArea > ul > li>a	{ font-size:15px;font-weight:400;color:#626262; }
#footerArea > ul > li:first-child	{ background:none;padding-left:0; }
/*#footerArea > ul > li:first-child>a	{ font-family: 'SpoqaHanSans', 'Sans-serif'; font-weight:400; }*/
#footerArea address,
#footerArea p.copy	{ font-size:13px;line-height:19px;color:#a1a1a1;font-style:normal; }

.main #container	{ padding:0 0 70px; }

.popup	{ width:100%;height:100%; }
.popup #popWrap	{  }
.resizePop	{ max-width:950px;max-height:600px;overflow:auto; }
.resizePop2	{ max-width:950px;max-height:600px;overflow:auto;max-height: none\9 }
.resizePop3	{ max-width:950px;max-height:600px;overflow:auto;max-width:none\9;max-height: none\9 }
.popup #popWrap .foot { position:relative;width:100%;height:30px;padding-right:40px;font-size:13px;color:#f6f6f6;line-height:30px;text-align:right;vertical-align:top;background:#626262;box-sizing:border-box; overflow:hidden;}
.popup #popWrap .foot input[type=checkbox] { width:14px;height:14px;margin:-2px 4px 0 0;background-size:14px;}
.popup #popWrap .foot a {position:absolute;right:0;top:0;color:#fff; }
.popup #popWrap .foot a>img	{ display:inline-block;margin-left:5px; }
.popup img	{ max-width:none; }

/* 20190314 추가 */
.familySite {position: absolute;right: 284px;top: 71px;height: 44px;width: 238px;background: #f5f6f8;}
.familySite h2 {position:absolute; left:0; top:0; width:100%; height:100%; line-height:44px; font-size:15px; padding:0px; text-align:left; text-indent:30px; background:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJTHINKBIG/images/blt/blt_arwDown.gif) no-repeat 96% 52%; color:#606060;}
.familySite h2 a {display:block; line-height:44px; color:#606060;}
.familySite h2 a:hover {text-decoration:none;}
.familySite ul{display:none; position:absolute; left:0; bottom:-2px; width:100%; border:2px solid #606060; background:#fff; padding:13px 0;z-index:99;}
.familySite ul li {height:54px; line-height:54px;}
.familySite ul li a {display:block; font-size:15px; padding-left:30px; color:#606060;}
.familySite ul li a:hover,
.familySite ul li a:focus,
.familySite ul li a:active {background:#f1f1f1;}
/* //20190314 추가 */


/* S : new2023 */
#header.new2023{position:fixed; left:0; top:0 ;z-index:100; width:100%; min-height:172px; height:auto; background:#fff; }
#header.new2023 *{font-family:'Pretendard';}
#header.new2023 .headerTop{margin:0 auto; padding-bottom:16px; width:1180px; display:flex; justify-content:space-between; align-items:flex-start;}
#header.new2023 .headerTop .logo{float:none; padding:0;}
#header.new2023 .headerTop .logo a{margin:14px 0 0 13px; width:152px; height:80px; text-indent:-9999px; display:block; overflow:hidden; background:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/logo.png) no-repeat center/100% auto;}
#header.new2023 .headerTop .util{position:static; right:auto; top:auto; margin-top:50px; display:flex; justify-content:flex-end;}
#header.new2023 .headerTop .util .group1{display:flex; justify-content:flex-start; align-items:center;}
#header.new2023 .headerTop .util .group1 a{text-indent:-9999px; overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:100% auto;}
#header.new2023 .headerTop .util .group1 a + a{margin-left:30px;}
#header.new2023 .headerTop .util .group1 .btn1_1{width:92px; height:24px; background-image:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/img_optionNavi1.png);}
#header.new2023 .headerTop .util .group1 .btn1_2{width:124px; height:24px; background-image:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/img_optionNavi2.png);}
#header.new2023 .headerTop .util .group1 .btn1_3{width:157px; height:42px; background-image:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/img_optionNavi3.png);}
#header.new2023 .headerTop .util .group1 + .group2{margin-left:30px;}
#header.new2023 .headerTop .util .group2{display:flex; justify-content:flex-start; align-items:center;}
#header.new2023 .headerTop .util .group2 .btn2_1{padding:3px 13px; font-size:15px; font-weight:600; color:#222; letter-spacing:-1px; border-radius:30px; background:#f5f5f5;}
#header.new2023 .headerTop .util .group2 .btn2_1 + .btn2_1{margin-left:6px;}

#header.new2023 .headerBottom{position:relative; border-top:2px solid #f1f1f1; border-bottom:2px solid #f1f1f1;}
#header.new2023 .headerBottom:before{content:''; display:none; position:absolute; top:62px; left:0; z-index:1; width:calc(50% - 414px); min-width:180px; height:258px; background:#ededed;}
#header.new2023 .headerBottom:after{content:''; display:none; position:absolute; top:62px; left:0; z-index:0; width:100%; height:258px; border-bottom:1px solid #ededed; background:#fff;}
#header.new2023 .headerBottom.on:before,
#header.new2023 .headerBottom.on:after{display:block;}
#header.new2023 .headerBottom .box{position:relative; margin:0 auto; width:1180px; display:flex; justify-content:space-between; align-items:center;}
#header.new2023 .headerBottom .box .gnb{float:none; margin:0; width:calc(100% - 120px);}
#header.new2023 .headerBottom .box .gnb ul{display:flex; justify-content:flex-start;}
#header.new2023 .headerBottom .box .gnb ul li{flex:1;}
#header.new2023 .headerBottom .box .gnb ul li a{position:relative; padding:18px 0; font-size:20px; font-weight:600; color:#222; letter-spacing:-1px; text-align:center; display:block;}
#header.new2023 .headerBottom .box .gnb ul li a.active,
#header.new2023 .headerBottom .box .gnb ul li a.on{color:#fff;}
#header.new2023 .headerBottom .box .gnb ul li a.active:before,
#header.new2023 .headerBottom .box .gnb ul li a.on:before{content:''; position:absolute; top:-2px; left:0; right:0; bottom:-2px; z-index:0; background:#ee7d00;}
#header.new2023 .headerBottom .box .gnb ul li a span{position:relative; z-index:2;}

#header.new2023 .headerBottom .box .depth2Wrap{display:none; position:absolute; top:62px; left:0; width:100%;}
#header.new2023 .headerBottom.on .box .depth2Wrap{display:block;}
#header.new2023 .headerBottom .box .depth2Wrap .naviWrap{display:none; position:relative; z-index:1;}
#header.new2023 .headerBottom .box .depth2Wrap .naviWrap.on{display:block;}
#header.new2023 .headerBottom .box .depth2Wrap .naviWrap > div{margin:0 auto; width:1180px; display:flex; justify-content:flex-start; align-items:flex-start;}
#header.new2023 .headerBottom .box .depth2Wrap .naviWrap > div .depth2_info{padding:37px 24px 0 0; width:176px; text-align:right; box-sizing:border-box;}
#header.new2023 .headerBottom .box .depth2Wrap .naviWrap > div .depth2_info .tit{position:relative; font-size:24px; font-weight:600; color:#222; letter-spacing:-2px; display:inline-block;}
#header.new2023 .headerBottom .box .depth2Wrap .naviWrap > div .depth2_info .tit.navi2{padding-left:52px;}
#header.new2023 .headerBottom .box .depth2Wrap .naviWrap > div .depth2_info .tit.navi2:before{content:''; position:absolute; top:0; left:0; width:46px; height:31px; background:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/img_navi2.png) no-repeat center/100% auto;}
#header.new2023 .headerBottom .box .depth2Wrap .naviWrap > div .depth2_info .tit.navi3{padding-left:32px;}
#header.new2023 .headerBottom .box .depth2Wrap .naviWrap > div .depth2_info .tit.navi3:before{content:''; position:absolute; top:9px; left:0; width:26px; height:24px; background:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/img_navi3.png) no-repeat center/100% auto;}
#header.new2023 .headerBottom .box .depth2Wrap .naviWrap > div .depth2_info .tit.navi4{padding-top:32px; padding-left:127px; text-indent:-9999px; overflow:hidden;}
#header.new2023 .headerBottom .box .depth2Wrap .naviWrap > div .depth2_info .tit.navi4:before{content:''; position:absolute; top:0; left:0; width:127px; height:32px; background:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/img_navi4.png) no-repeat center/100% auto;}
#header.new2023 .headerBottom .box .depth2Wrap .naviWrap > div .depth2_info .text{padding-top:14px; font-size:15px; font-weight:500; color:#222; letter-spacing:-1px}
#header.new2023 .headerBottom .box .depth2Wrap .naviWrap > div .navi{padding:25px 0 0 53px; width:calc(100% - 176px); box-sizing:border-box;}
#header.new2023 .headerBottom .box .depth2Wrap .naviWrap > div .navi ul{height:196px; display:flex; justify-content:flex-start; align-content:flex-start; align-items:flex-start; flex-flow:column; flex-wrap:wrap;}
#header.new2023 .headerBottom .box .depth2Wrap .naviWrap > div .navi ul li{padding-top:15px;}
#header.new2023 .headerBottom .box .depth2Wrap .naviWrap > div .navi ul li a{min-width:235px; font-size:20px; font-weight:500; color:#222; letter-spacing:-1px; display:block;}
#header.new2023 .headerBottom .box .depth2Wrap .naviWrap > div .navi ul li a.active,
#header.new2023 .headerBottom .box .depth2Wrap .naviWrap > div .navi ul li a:hover,
#header.new2023 .headerBottom .box .depth2Wrap .naviWrap > div .navi ul li a.on{color:#ee7d00;}

#header.new2023 .headerBottom .box .option{position:absolute; top:-2px; right:0; bottom:-2px; display:flex; justify-content:flex-start;}
#header.new2023 .headerBottom .box .option button,
#header.new2023 .headerBottom .box .option a{position:relative; padding:0; border:0; width:60px; height:64px; display:block; background:transparent; cursor:pointer; }
#header.new2023 .headerBottom .box .option button span,
#header.new2023 .headerBottom .box .option a span{width:100%; height:100%; display:block; text-indent:-9999px; overflow:hidden;}
#header.new2023 .headerBottom .box .option .btnAllMenu{background:#c7c7c7;}
#header.new2023 .headerBottom .box .option .btnAllMenu:before{content:''; position:absolute; top:19px; left:14px; width:34px; height:5px; border-radius:5px; background:#fff;}
#header.new2023 .headerBottom .box .option .btnAllMenu:after{content:''; position:absolute; top:29px; left:14px; width:34px; height:5px; border-radius:5px; background:#fff;}
#header.new2023 .headerBottom .box .option .btnAllMenu span{position:absolute; top:39px; left:14px; width:34px; height:5px; border-radius:5px; background:#fff;}
#header.new2023 .headerBottom .box .option .btnAllMenu:focus,
#header.new2023 .headerBottom .box .option .btnAllMenu:hover{background:#ee5400;}
#header.new2023 .headerBottom .box .option .btnTopSearch{background:#979797;}
#header.new2023 .headerBottom .box .option .btnTopSearch:hover{background:#ee5400;}
#header.new2023 .headerBottom .box .option .btnTopSearch span{position:absolute; top:50%; left:50%; margin-top:-15px; margin-left:-15px; width:30px; height:30px; background:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/icon_search.png) no-repeat center/100% auto;}
#header.new2023 .headerBottom .box .option .btnTopSearch.on{background:#ee5400;}
#header.new2023 .headerBottom .box .option .btnTopSearch.on span{background:transparent;}
#header.new2023 .headerBottom .box .option .btnTopSearch.on span:before{content:''; position:absolute; top:14px; left:-3px; width:37px; height:2px; background:#fff; transform:rotate(45deg);}
#header.new2023 .headerBottom .box .option .btnTopSearch.on span:after{content:''; position:absolute; top:14px; left:-3px; width:37px; height:2px; background:#fff; transform:rotate(-45deg);}

#header.new2023 .headerBottom .searchTop{display:none; position:absolute; top:62px; left:0; z-index:101; width:100%; border-bottom:1px solid #ededed; background:#fff;}
#header.new2023 .headerBottom .searchTop .searchWrap{margin:45px auto 92px; width:681px; animation-name:slideDown; animation-duration:0.8s; animation-fill-mode:forwards;}
#header.new2023 .headerBottom .searchTop .searchWrap .searchArea{display:flex; justify-content:flex-start; flex-wrap:wrap;}
#header.new2023 .headerBottom .searchTop .searchWrap .searchArea input[type=text]{padding:5px; width:621px; height:49px; border-radius:5px 0 0 5px; border:1px solid #a8a8a8; border-right:0; box-sizing:border-box;}
#header.new2023 .headerBottom .searchTop .searchWrap .searchArea .btn{border-radius:0 5px 5px 0; width:60px; height:49px; text-indent:-9999px; overflow:hidden; border:0; cursor:pointer; background:#ee7d00 url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/icon_search2.png) no-repeat center/34px;}
#header.new2023 .headerBottom .searchTop .searchWrap .searchArea .txtInfo{padding-top:5px; width:100%; font-size:15px; font-weight:500; color:#222; letter-spacing:-1px;}
#header.new2023 .headerBottom .searchTop .searchWrap .keyword{padding-top:40px;}
#header.new2023 .headerBottom .searchTop .searchWrap .keyword ul{display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap;}
#header.new2023 .headerBottom .searchTop .searchWrap .keyword ul li{width:calc(25% - 10px);}
#header.new2023 .headerBottom .searchTop .searchWrap .keyword ul li + li + li + li + li{padding-top:12px;}
#header.new2023 .headerBottom .searchTop .searchWrap .keyword ul li a{height:38px; font-size:16px; font-weight:600; color:#ee7d00; letter-spacing:-2px; display:flex; justify-content:center; align-items:center; border-radius:30px; border:2px solid #f6ba77;}
#header.new2023 .headerBottom .searchTop .searchWrap .keyword ul li a:focus,
#header.new2023 .headerBottom .searchTop .searchWrap .keyword ul li a:hover{color:#fff; background:#ee7d00;}

#header.new2023 .headerBottom .allMenu{display:none; position:fixed; top:0; left:0; z-index:101; width:100%; height:100%; overflow-y:auto; background:#fff;}
#header.new2023 .headerBottom .allMenu .allMenuWarp{position:relative; margin:0 auto; width:1200px; display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; opacity:0; transform:translateY(-30px);}
#header.new2023 .headerBottom .allMenu .allMenuWarp + .allMenuWarp{margin-top:20px;}
#header.new2023 .headerBottom .allMenu .allMenuWarp + .allMenuWarp:after{content:''; position:absolute; top:0; left:0; right:0; height:2px; background:#ffb48b;}
#header.new2023 .headerBottom .allMenu .allMenuWarp .navi{position:relative; margin:40px 0 42px; padding:0 0 0 30px; width:25%; box-sizing:border-box;}
#header.new2023 .headerBottom .allMenu .allMenuWarp .navi dl dt a{font-size:25px; font-weight:600; color:#ee5400; letter-spacing:-2px;}
#header.new2023 .headerBottom .allMenu .allMenuWarp .navi dl dt a:hover,
#header.new2023 .headerBottom .allMenu .allMenuWarp .navi dl dt a:focus{text-decoration:underline;}
#header.new2023 .headerBottom .allMenu .allMenuWarp .navi dl dd{padding-top:10px;}
#header.new2023 .headerBottom .allMenu .allMenuWarp .navi dl dd ul li{padding-top:17px;}
#header.new2023 .headerBottom .allMenu .allMenuWarp .navi dl dd ul li a{font-size:20px; font-weight:400; color:#393939; letter-spacing:-2px;}
#header.new2023 .headerBottom .allMenu .allMenuWarp .navi dl dd ul li a:hover,
#header.new2023 .headerBottom .allMenu .allMenuWarp .navi dl dd ul li a:focus{color:#ff9c00; text-decoration:underline;}
#header.new2023 .headerBottom .allMenu .allMenuWarp .navi + .navi:before{content:''; position:absolute; top:0; left:0; bottom:0; width:1px; background:#f5f5f5;}
#header.new2023 .headerBottom .allMenu .allMenuWarp .navi:nth-child(5):before{display:none;}
#header.new2023 .headerBottom .allMenu .btnSearchClose{position:relative; top:36px; left:calc(50% + 615px); padding:0; width:36px; height:36px; border:0; display:block; cursor:pointer; background:transparent; scale:0.6;}
#header.new2023 .headerBottom .allMenu .btnSearchClose:before{content:''; position:absolute; top:17px; left:0; width:36px; height:2px; background:#ee5400; transform:rotate(45deg);}
#header.new2023 .headerBottom .allMenu .btnSearchClose:after{content:''; position:absolute; top:17px; left:0; width:36px; height:2px; background:#ee5400; transform:rotate(-45deg);}
#header.new2023 .headerBottom .allMenu .btnSearchClose span{width:100%; height:100%; text-indent:-9999px; overflow:hidden; display:block;}

#header.new2023 .headerBottom .allMenu.on{display:block;}
#header.new2023 .headerBottom .allMenu.on .allMenuWarp{animation-name:slideDown; animation-duration:0.8s; animation-fill-mode:forwards;}
#header.new2023 .headerBottom .allMenu.on .btnSearchClose{animation-name:rotate; animation-duration:0.8s; animation-fill-mode:forwards;}

@keyframes slideDown {
	0% {
		transform:translateY(-20px);
		opacity:0;
	}

	100% {
		transform:translateY(0px);
		opacity:1;
	}
}

@keyframes rotate {
	0% {
		transform:rotate(0);
		opacity:0;
		scale:0.6;
	}

	100% {
		transform:rotate(360deg);
		opacity:1;
		scale:1;
	}
}

.main #header.new2023{position:absolute;}
.main #container.new2023{padding:0 0 70px;}
.main #footer.new2023 #quick{display:block;}
.main #footer.new2023 #quick2{display:none;}
/* #container.new2023{padding:174px 0 100px;} */

body.hasFloot #wrapper #footer.new2023,
#container.new2023Main + #footer.new2023{padding-bottom:162px;}
#footer.new2023{width:100%; height:auto; border-top:0; background:#f5f5f5;}
#footer.new2023 #quick{display:none; position:fixed; right:40px; top:194px; z-index:50; width:90px; background-color:#fff !important; border:1px solid #eaeaea; border-radius:18px; box-sizing:border-box;}
#footer.new2023 #quick ul{padding:16px 0 8px;}
#footer.new2023 #quick ul li{position:relative; padding:11px 0; text-align:center; line-height:18px; border-bottom:0;}
#footer.new2023 #quick ul li + li:before{content:''; position:absolute; left:10px; top:0; right:10px; height:1px; background:#e8e8e8;}
#footer.new2023 #quick ul li>a{display:block; padding:0; font-size:13px; font-weight:bold;}
#footer.new2023 #quick ul li>a span{margin-bottom:10px; color:#e04f00; letter-spacing:-0.5px;}
#footer.new2023 #quick ul li>a span.img{display:block;}
#footer.new2023 #quick .btnTop{position:relative; padding:9px 0; width:100%; height:34px; display:block; border:0; border-radius:0 0 18px 18px; cursor:pointer; background:#e4e4e4}
#footer.new2023 #quick .btnTop:before{content:''; position:absolute; top:50%; left:50%; margin-top:-7px; margin-left:-11px; width:22px; height:14px; background:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/icon_quickTop.png) no-repeat center /100% auto;}
#footer.new2023 #quick .btnTop span{text-indent:-9999px; overflow:hidden; display:block;}
#footer.new2023 #quick2{position:fixed; top:374px; right:50px; z-index:50; box-sizing:border-box; text-align:center;}
#footer.new2023 #quick2 .box a{position:relative; width:127px; height:137px; display:block; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:100% auto;}
#footer.new2023 #quick2 .box a + a{margin-top:9px;}
/* 230713DB */
#footer.new2023 #quick2 .box a.quick_floot1{background-image:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/img_quick_flooting1.png);}
#footer.new2023 #quick2 .box a.quick_floot2{background-image:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/img_quick_flooting2.png);} 
/* #footer.new2023 #quick2 .box a.quick_floot1{background-image:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/img_quick_flooting1_230712.png);}
#footer.new2023 #quick2 .box a.quick_floot2{background-image:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/img_quick_flooting2_230712.png);} */
/* //230713DB */
#footer.new2023 #quick2 .btnTop{display:none; position:relative; margin:19px auto 0; width:39px; height:39px; border:0; border-radius:50%; cursor:pointer; background:#999; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);}
#footer.new2023 #quick2 .btnTop:before{content:''; position:absolute; top:50%; left:50%; margin-top:-4px; margin-left:-11px; width:14px; height:4px; border-radius:10px; background:#fff; transform:rotate(-45deg); pointer-events:none;}
#footer.new2023 #quick2 .btnTop:after{content:''; position:absolute; top:50%; left:50%; margin-top:-4px; margin-left:-3px; width:14px; height:4px; border-radius:10px; background:#fff; transform:rotate(45deg); pointer-events:none;}
#footer.new2023 #quick2 .btnTop span{text-indent:-9999px; overflow:hidden; display:block;}

#footer.new2023 #footerArea{position:relative; padding:30px 0; width:1180px; font-family: 'NanumSquareNeo';}
#footer.new2023 #footerArea .footNoti{display:flex; justify-content:space-between; align-items:flex-start;}
#footer.new2023 #footerArea .footNoti .notiTit{position:relative; padding-bottom:33px; font-size:29px; font-weight:600; color:#111; line-height:1.3; letter-spacing:-3px;}
#footer.new2023 #footerArea .footNoti .notiTit:before{content:''; position:absolute; bottom:0; left:0; width:30px; height:20px; background:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/foot_iconArrow.png) no-repeat center /100% auto;}
#footer.new2023 #footerArea .footNoti .notiTit .point{color:#f27200;}
#footer.new2023 #footerArea .footNoti .notiLink ul{display:flex; justify-content:flex-end; align-items:flex-start;}
#footer.new2023 #footerArea .footNoti .notiLink ul li + li{margin-left:70px;}
#footer.new2023 #footerArea .footNoti .notiLink ul li a{position:relative; padding-top:102px; min-width:90px; font-size:14px; font-weight:600; color:#111; display:block; text-align:center; letter-spacing:-1px;}
#footer.new2023 #footerArea .footNoti .notiLink ul li a:before{content:''; position:absolute; top:0; left:50%; margin-left:-45px; width:90px; height:90px; background-repeat:no-repeat; background-position:center; background-size:auto 100%;}
#footer.new2023 #footerArea .footNoti .notiLink ul li a.item1:before{background-image:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/foot_btnService1.png)}
#footer.new2023 #footerArea .footNoti .notiLink ul li a.item2:before{background-image:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/foot_btnService2.png)}
#footer.new2023 #footerArea .footNoti .notiLink ul li a.item3:before{background-image:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/foot_btnService3.png)}
#footer.new2023 #footerArea .footNoti .notiLink ul li a.item4:before{background-image:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/foot_btnService4.png)}
#footer.new2023 #footerArea .footNoti .notiLink ul li a.item5:before{background-image:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/foot_btnService5.png)}
#footer.new2023 #footerArea .footNoti .notiLink ul li a.item6:before{background-image:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/foot_btnService6.png)}

#footer.new2023 #footerArea .footOption{margin-top:30px; padding:11px 13px; border-radius:8px; display:flex; justify-content:space-between; font-family:'Pretendard'; align-items:center; background:#ededed;}
#footer.new2023 #footerArea .footOption .footLink{margin-left:15px; width:calc(100% - 195px);}
#footer.new2023 #footerArea .footOption .footLink ul{display:flex; justify-content:flex-start; align-items:center;}
#footer.new2023 #footerArea .footOption .footLink ul li{position:relative;}
#footer.new2023 #footerArea .footOption .footLink ul li:first-child:before{display:none;}
#footer.new2023 #footerArea .footOption .footLink ul li:before{content:''; position:absolute; top:5px; left:19px; bottom:2px; width:1px; background:#bdbdbd;}
#footer.new2023 #footerArea .footOption .footLink ul li + li{padding-left:35px;}
#footer.new2023 #footerArea .footOption .footLink ul li a{font-size:18px; font-weight:500; color:#75787b; display:block; letter-spacing:-1px;}
#footer.new2023 #footerArea .footOption .footLink ul li a strong{color:#333;}

#footer.new2023 #footerArea .footOption .familySite{position:relative; top:auto; right:auto; width:230px; height:50px; border-radius:8px; background: #fff;}
#footer.new2023 #footerArea .footOption .familySite h2{position:absolute; left:0; top:0; padding:0px; width:100%; height:100%; font-size:18px; color:#75787b; line-height:50px; text-align:left; text-indent:20px; background:none;}
#footer.new2023 #footerArea .footOption .familySite h2:before{content:''; position:absolute; top:23px; right:10px; width:12px; height:7px; background:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/icon_arrowDown.png) no-repeat center/100% auto;}
#footer.new2023 #footerArea .footOption .familySite h2 a{display:block; line-height:50px; color:#606060;}
#footer.new2023 #footerArea .footOption .familySite h2 a:hover{text-decoration:none;}
#footer.new2023 #footerArea .footOption .familySite ul{display:none; position:absolute; left:0; bottom:-2px; width:100%; border:2px solid #606060; background:#fff; padding:13px 0;z-index:99;}
#footer.new2023 #footerArea .footOption .familySite ul li{height:54px; line-height:54px;}
#footer.new2023 #footerArea .footOption .familySite ul li a{display:block; font-size:15px; padding-left:30px; color:#606060;}
#footer.new2023 #footerArea .footOption .familySite ul li a:hover{background:#f1f1f1 !important;}
#footer.new2023 #footerArea .footOption .familySite ul li a:focus,
#footer.new2023 #footerArea .footOption .familySite ul li a:active{background:transparent;}

#footer.new2023 #footerArea .footCopy{padding-top:36px; display:flex; justify-content:space-between; align-items:flex-start; font-family:'Pretendard';}
#footer.new2023 #footerArea .footCopy .footLeft{display:flex; justify-content:flex-start;}
#footer.new2023 #footerArea .footCopy .footLeft .footLogo{position:relative; width:154px; height:83px; text-indent:-9999px; overflow:hidden;}
#footer.new2023 #footerArea .footCopy .footLeft .footLogo:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/foot_logo.png) no-repeat center/100% auto;}
#footer.new2023 #footerArea .footCopy .footLeft .footInfo{padding:16px 0 0 27px; width:664px;}
#footer.new2023 #footerArea .footCopy .footLeft .footInfo .info{font-size:18px; font-weight:500; color:#75787b; letter-spacing:-1.5px; line-height:1.2;}
#footer.new2023 #footerArea .footCopy .footLeft .footInfo .info strong{font-weight:600; color:#333;}
#footer.new2023 #footerArea .footCopy .footLeft .footInfo .info .point{color:#f27200;}
#footer.new2023 #footerArea .footCopy .footLeft .footInfo .copy{padding-top:16px; display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap;}
#footer.new2023 #footerArea .footCopy .footLeft .footInfo .copy > p{position:relative; font-size:16px; font-weight:600; color:#75787b; letter-spacing:-1px}    
#footer.new2023 #footerArea .footCopy .footLeft .footInfo .copy > p:first-child:before{display:none;}
#footer.new2023 #footerArea .footCopy .footLeft .footInfo .copy > p:before{content:''; position:absolute; top:5px; left:12px; bottom:4px; width:2px; background:#aaa;}
#footer.new2023 #footerArea .footCopy .footLeft .footInfo .copy > p + p{padding-left:23px;}
#footer.new2023 #footerArea .footCopy .footLeft .footInfo .copy > div{width:100%; font-size:14px; font-weight:600; color:#75787b; letter-spacing:-1px}

#footer.new2023 #footerArea .footCopy .footRight .footSns{display:flex; justify-content:flex-start; align-items:center;}
#footer.new2023 #footerArea .footCopy .footRight .footSns a{position:relative; width:34px; height:34px;text-indent:-9999px; overflow:hidden;}
#footer.new2023 #footerArea .footCopy .footRight .footSns a + a{margin-left:12px;}
#footer.new2023 #footerArea .footCopy .footRight .footSns a:before{content:''; position:absolute; top:0; left:0; width:34px; height:34px; background-repeat:no-repeat; background-position:center; background-size:100% auto;}
#footer.new2023 #footerArea .footCopy .footRight .footSns a.sns0{width:106px; height:30px;}
#footer.new2023 #footerArea .footCopy .footRight .footSns a.sns0:before{width:106px; height:30px; background-image:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/foot_sns0.png);}
#footer.new2023 #footerArea .footCopy .footRight .footSns a.sns1:before{background-image:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/foot_sns1.png);}
#footer.new2023 #footerArea .footCopy .footRight .footSns a.sns2:before{background-image:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/foot_sns2.png);}
#footer.new2023 #footerArea .footCopy .footRight .footSns a.sns3:before{background-image:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/foot_sns3.png);}
#footer.new2023 #footerArea .footCopy .footRight .footSns a.sns4:before{background-image:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/foot_sns4.png);}
#footer.new2023 #footerArea .footCopy .footRight .footSns a.sns5:before{background-image:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/foot_sns5.png);}
#footer.new2023 #footerArea .footCopy .footRight .footMark{position:relative; margin-top:19px; padding-left:74px; font-size:11px; font-weight:600; color:#75787b; letter-spacing:-1px;}
#footer.new2023 #footerArea .footCopy .footRight .footMark:before{content:''; position:absolute; top:19; left:0; width:54px; height:50px; background:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/foot_mark1.png) no-repeat center/100% auto;}


#footer.new2023 .flooting{display:none; position:fixed; left:0; bottom:0; z-index:40; width:100%; min-width:1200px;}
#footer.new2023 .flooting .box{display:flex; justify-content:center; align-items:flex-end;}
#footer.new2023 .flooting .box .floot{position:relative; flex:1;}
#footer.new2023 .flooting .box .floot a{position:relative; width:100%; height:70px; font-size:38px; font-weight:600; color:#fff; line-height:1; display:block; border-radius:18px 18px 0 0; box-shadow: 0px -5px 15px 0px rgba(0, 0, 0, 0.15);}
#footer.new2023 .flooting .box .floot a:before{content:''; position:absolute; bottom:0; background-repeat:no-repeat; background-position:center; background-size:100% auto; transform:scale(1); transition:transform 1s;}
#footer.new2023 .flooting .box .floot a:hover:before,
#footer.new2023 .flooting .box .floot a:focus:before{transform:scale(1.1);}
#footer.new2023 .flooting .box .floot.btnFlooting1 a{padding:16px 350px 16px 0; text-align:right; background:#ee7d00;}
#footer.new2023 .flooting .box .floot.btnFlooting1 a:before{right:167px; width:138px; height:135px; background-image:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/img_flooting1.png);}
#footer.new2023 .flooting .box .floot.btnFlooting2 a{padding:16px 0 16px 348px; background:#f8a344;}
#footer.new2023 .flooting .box .floot.btnFlooting2 a:before{left:87px; width:203px; height:134px; background-image:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/img_flooting2.png);}


.layerService{position:fixed; top:0; left:0; z-index:1100; width:100%; height:100%; box-sizing:border-box; display:none;}
.layerService:before{content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.7);}
.layerService .cont{position:relative; width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
.layerService .cont .box{position:relative;}
.layerService .cont .box .layerServiceClose{position:absolute; top:28px; right:30px; padding:0; width:23px; height:24px; text-indent:-9999px; overflow:hidden; border:0; cursor:pointer; background:transparent;}
.layerService .cont .box a{position:absolute; text-indent:-9999px; overflow:hidden;}
.layerService .cont .box img{max-width:none;}

#rounge.layerService .btnGoogleQr{top:300px; left:43px; width:108px; height:35px;}
#rounge.layerService .btnIosQr{top:300px; left:179px; width:110px; height:35px;}

#mathpid.layerService .btnGoogleQr{top:300px; left:43px; width:108px; height:35px;}
#mathpid.layerService .btnIosQr{top:300px; left:155px; width:110px; height:35px;}

#demo.layerService .btnGoogleQr{top:300px; left:43px; width:108px; height:35px;}
#demo.layerService .btnIosQr{top:300px; left:179px; width:110px; height:35px;}
/* E : new2023 */