@CHARSET "UTF-8";

html, body {width:100%; height:100%;  -webkit-overflow-scrolling:touch;}
body {-webkit-text-size-adjust:none; }
#wrapper { position:relative;min-width:320px;min-height:100%; }


#header	{ width:100%;height:31px;background:#fff; }
#header h1{ position: relative;}
#header h1 > a{position:absolute;left:15px;top:5px;z-index:10;font-size:0}
#header h1 > a:before{content:'';display:inline-block;clear:both;position:absolute;left:0;top:0;width:43px;height:23px;background: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/m/images/layout/logo_thinkbig.png) no-repeat;background-size:44px 23px;vertical-align:middle;}
#header h1 > a.on:before{background: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/m/images/layout/logo_thinkbig_on.png) no-repeat;background-size:44px 23px;}
#sideWrap	{ position:absolute;right:0;top:0;z-index:11; }
#sideWrap.sideOpen	{ width:100%;height:100%;}
#sideWrap .btn_gnbOpen{ position:absolute;top:10px;right:15px;width:20px;height:12px;z-index:2; }
#sideWrap .searchBtn{position:absolute;right:0;top:8px;right:45px;width:16px;height:16px;font-size:0;}
#sideWrap .searchBtn:before{content:'';display:inline-block;clear:both;position:absolute;right:0;top:0;width:16px;height:16px;background: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/m/images/layout/btn_search.png) no-repeat;background-size:16px 16px;vertical-align:middle;}
#sideWrap .searchBtn.on{top:9px;right:46px;}
#sideWrap .searchBtn.on:before{width:14px;height:14px;background: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/m/images/layout/btn_search_on.png) no-repeat;background-size:14px 14px;}
#sideWrap .searchBtn.close:before{background: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/m/images/layout/btn_search_close.png) no-repeat;}
#sideArea	{ position:absolute;right:0;top:0;width:310px;height:100%;overflow:auto;z-index:11000; }
.sideOpen #sideArea	{ display:block;width:100%;top:31px;right:-310px;background:rgba(0,0,0,.7)}
#sideWrap .btn_gnbClose	{ display:none;position:absolute;left:10px;top:10px;width:17px;height:17px;z-index:110000; }
#sideArea .sideCont	{ width:280px;float:right;height:100%;background:#ffce66; }
#sideArea .sideCont .util	{ margin-bottom:-54px;padding:25px 0;text-align:center; }
#sideArea .sideCont .util li{width:75px;height:75px;text-align:center;border-radius:100%;vertical-align:top;box-sizing:border-box; display:inline-block;}
#sideArea .sideCont .util li.btn_company{background:#fff url(/m/images/layout/ico_woongjin.png) no-repeat 50% 11px;background-size:59px 35px;}
#sideArea .sideCont .util li.btn_advice{background:#ec6115 url(/m/images/layout/ico_call.gif) no-repeat 50% 11px;background-size:34px 34px;}
#sideArea .sideCont .util li.btn_experience{background:#f7901e url(/m/images/layout/ico_down.gif) no-repeat 50% 9px;background-size:28px 32px;}
#sideArea .sideCont .util li>a{display:block;height:100%;font-size:12px;line-height:1.2;color:#fff;box-sizing:border-box;}
#sideArea .sideCont .util li.btn_company>a{padding-top:47px; color:#4d525a;}
#sideArea .sideCont .util li.btn_advice>a{padding-top:47px;}
#sideArea .sideCont .util li.btn_experience>a{padding-top:47px;}

#header .searchBg{display:none;position: absolute;background: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/m/images/layout/search_bg.png);width: 100%;height:250px;z-index:9;}
#header .searchArea{position:relative;width:92.2%;margin:50px auto;}
#header .searchArea:before{content:'';display:inline-block;position: absolute;clear:both;top:0;left:0;width:47px;height:30px;background: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/m/images/layout/search_icon.png) no-repeat;background-size:47px 30px;}
#header .searchArea input{width:100%;height:30px;padding-left:47px;border:3px solid #f79222;border-radius:25px;color:#4d525a;font-size:13px;font-weight:bold;}
#header .searchArea > .btn{position: absolute;top:0;right:0;width:50.5px;height:30px;line-height:30px;background-color:#f79222;border-color:#f79222;border-style:none;border-radius: 0px 25px 25px 0;color: #fff;font-size:13px;text-align:center;}
#header .searchArea .txtInfo{margin:5px 0 0 10px;color:#fff;font-size:10px;text-align:left;}
#header .searchArea .txtInfo:before{content:'* ';display:inline-block;clear:both;padding-right:10px;vertical-align:middle;}
#header .searchBg .keyword{margin:14px 0.8%;overflow:hidden}
#header .searchBg .keyword>li{float:left;margin:1.6%;width:30%}
#header .searchBg .keyword>li>a{display:block;background-color: #fff;border-radius:8px;line-height:30px;color: #454545;font-size:10px;text-align: center;}

	#sideMenu	{ margin-top:54px;border-top:1px solid #fbaf42; }
	#sideMenu>li	{ border-bottom:1px solid #fbaf42;line-height:52px;background:url(/m/images/layout/ico_arrow_off.png) no-repeat 95% 16px;background-size:15px 12px }
	#sideMenu>li.on	{ background:url(/m/images/layout/ico_arrow_on.png) no-repeat 95% 16px;background-size:15px 12px; }
	#sideMenu>li>a	{ display:block;padding:0 10px 0 43px;font-size:17px;font-weight:bold }
	#sideMenu>li>ul	{ display:none;padding:10px;border-top:1px solid #fbaf42;background:#fcb84d; }
	#sideMenu>li>ul>li	{ padding:5px 15px;line-height:20px; }
	#sideMenu>li>ul>li>a	{ display:inline-block;padding:0 7px 0 10px;font-size:15px;font-weight:bold;letter-spacing:-1px;background:url(/m/images/common/blt.png) no-repeat 0 8px;background-size:2px; }
	#sideMenu>li>ul>li.on>a	{ border-bottom:2px solid #f7901e; }
	#sideMenu>li.on>ul	{ display:block; }
	#sideMenu>li:nth-child(1)>a	{ background:url(/m/images/layout/ico_menu_01.png) no-repeat 15px 50%;background-size:24px 22px; }
	#sideMenu>li:nth-child(2)>a	{ background:url(/m/images/layout/ico_menu_02.png) no-repeat 15px 50%;background-size:24px 22px; }
	/*#sideMenu>li:nth-child(3)>a	{ background:url(/m/images/layout/ico_menu_02.png) no-repeat 15px 50%;background-size:24px 22px; }*/
	 #sideMenu>li:nth-child(3)>a	{ background:url(/m/images/layout/ico_menu_03.png) no-repeat 15px 50%;background-size:24px 22px; } 
	 #sideMenu>li:nth-child(4)>a	{ background:url(/m/images/layout/ico_menu_05.png) no-repeat 15px 50%;background-size:24px 22px; }
	#sideMenu>li:nth-child(5)>a	{ background:url(/m/images/layout/ico_menu_04.png) no-repeat 15px 50%;background-size:24px 22px; }	
	#sideMenu>li:nth-child(6)>a	{ background:url(/m/images/layout/ico_menu_06.png) no-repeat 15px 50%;background-size:24px 22px; }
	
#sideArea .sideCont .quickMenu	{ padding:3.2% 3.575%;background:#f37927;*zoom:1; }
#sideArea .sideCont .quickMenu:after	{ content:'';display:block;clear:both; }
#sideArea .sideCont .quickMenu li	{position: relative; float:left;padding: 0 4.85%; font-size:13px;text-align:center; }
#sideArea .sideCont .quickMenu li:after	{ content:'|';position: absolute; top: 0; left: 0; width:1px;color:#fff; }
#sideArea .sideCont .quickMenu li:first-child:after	{ content:''; }
#sideArea .sideCont .quickMenu li>a	{ color:#fff; }
#sideArea .btnAi{display:block;margin-top:15px;text-align:center;}
#sideArea .btnAi > img{width:200px}
#sideArea .btnTeacher{display:block;margin-top:15px;text-align:center;}
#sideArea .btnTeacher > img{width:200px}
#sideArea .btnBook{display:block;margin-top:15px;text-align:center;}
#sideArea .btnBook > img{width:200px}



#container	{ max-width:640px;min-height:100%;padding:0 0 60px;/* margin:0 auto; */ margin:50px auto 0;}
#container .titleArea	{background:#ffce66;height:55px;text-align:center;display:flex;justify-content:center; align-items:center;}
#container .titleArea>h2	{padding-top:2px;font-size:22px;font-weight:bold;line-height:1;letter-spacing:-1px; }
#container .contBody	{ padding:0 10px; }
#container .descArea > h3{padding:calc(70 / 640 * 100%) calc(20 / 640 * 100%) calc(50 / 640 * 100%)}
/* #container .descArea > h4{padding: calc(15 / 640 * 100%) calc(20 / 640 * 100%)  calc(30 / 640 * 100%)} */
#container .descArea > h4{padding: calc(70 / 640 * 100%) calc(20 / 640 * 100%) calc(58 / 640 * 100%); margin-top: -20px;position:relative;}
#container .descArea > h4 a{width: 72px;position: absolute;right:calc(20 / 640 * 100%);top: 50%;transform: translateY(-50%);}

.top-btn	{ display:none;position:fixed;right:4%;bottom:20px;z-index:20;width:10.3%;box-sizing:border-box;text-align:right;transition:right 0.3s ease-in-out; }
.top-btn img	{ width:100%; }

#footer	{ padding:0 0 20px;text-align:center;border-top:2px solid #231f20; }
#footer .footHead	{ padding:15px 0;margin-bottom:15px;border-bottom:1px solid #d8d8d8; }
#footer .footHead ul	{}
#footer .footHead ul li	{ display:inline-block;margin-right:-4px; }
#footer .footHead ul li>a	{ color:#8d8d8d;font-size:12px; }
#footer .footHead ul li>a>b	{ font-weight:normal;color:#626262;letter-spacing:-1px; }
#footer .footHead ul li:after	{ content:'|';display:inline-block;padding:0 10px;color:#8d8d8d; }
#footer .footHead ul li:last-child	{ margin-right:0 }
#footer .footHead ul li:last-child:after,
#footer .footHead ul li:nth-child(3):after	{ content:'';padding-right:0; }

#footer .foot_customer	{ width:51.2%;max-width:328px;margin:0 auto; }
#footer .foot_customer>img	{ width:100%; }
#footer .copy	{ padding-top:5px;font-size:11px;color:#a1a1a1; }


/* S : new2023 */
@font-face {
	font-family: "SpoqaHanSans";
	font-style: normal;
	src: url(/webfont/spoqa/SpoqaHanSans-Regular.eot); /* IE9 Compat Modes */
	src: url(/webfont/spoqa/SpoqaHanSans-Regular.eot?#iefix) format("embedded-opentype"), /* IE6-8 */
		 url(/webfont/spoqa/SpoqaHanSans-Regular.woff) format("woff"), /* Mordern Browsers */
		 url(/webfont/spoqa/SpoqaHanSans-Regular.ttf) format("truetype"); /* If not support woff */}
		 
#header.new2023{position:fixed; top:0; left:0; z-index:9000; width:100%; height:auto; background:#fff; border-bottom:1px solid #efefef;}
#header.new2023 .headerTop{padding:0 22px; height:50px; display:flex; justify-content:space-between; align-items:flex-start;}
#header.new2023 .headerTop h1{margin-top:5px;}
#header.new2023 .headerTop h1.logo a{position:relative; left:auto; top:auto; z-index:10; width:111px; height:39px; text-indent:-9999px; overflow:hidden; display:block;}
#header.new2023 .headerTop h1.logo a:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/m/images/layout_2023/logo.png) no-repeat center/ 100% auto;}
#header.new2023 .headerTop h1.logo a.on:before{display:none;}
#header.new2023 .headerTop .searchTopBtn{position:relative; margin-top:16px; padding:0; width:21px; height:21px; border:0; background:transparent;}
#header.new2023 .headerTop .searchTopBtn:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/m/images/layout_2023/icon_search.png) no-repeat center/ 100% auto;}
#header.new2023 .headerTop .searchTopBtn span{text-indent:-9999px; overflow:hidden; display:block;}
#header.new2023 .headerTop .btnGnbOpen{position:relative; z-index:10; margin-top:16px; width:19px; height:16px; border:0; background:transparent; cursor:pointer;}
#header.new2023 .headerTop .btnGnbOpen:before{content:''; position:absolute; top:0; left:0; right:0; height:2px; background:#333;}
#header.new2023 .headerTop .btnGnbOpen:after{content:''; position:absolute; bottom:0; left:0; right:0; height:2px; background:#333;}
#header.new2023 .headerTop .btnGnbOpen span{position:absolute; top:50%; left:0; right:0; margin-top:-1px; height:2px; background:#333; text-indent:-9999px; overflow:hidden; display:block;}

#header.new2023 .hederCon{position:fixed; top:0; left:100%; right:0; bottom:0; z-index:10000; padding:49px 10px 0; width:100%; background:#f2f2f2; overflow-y:auto; transition:left 0.3s; box-sizing:border-box;}
#header.new2023 .hederCon.on{left:0;}
#header.new2023 .hederCon .btnGnbClose{position:absolute; top:18px; right:18px; padding:0; width:18px; height:18px; display:inline-block; border:0; background:transparent;}
#header.new2023 .hederCon .btnGnbClose:before{content:''; position:absolute; top:0; left:50%; bottom:0; margin-left:-1px; width:2px; background:#000; transform:rotate(45deg);}
#header.new2023 .hederCon .btnGnbClose:after{content:''; position:absolute; top:0; left:50%; bottom:0; margin-left:-1px; width:2px; background:#000; transform:rotate(-45deg);}
#header.new2023 .hederCon .btnGnbClose span{text-indent:-9999px; overflow:hidden; display:block;}
#header.new2023 .hederCon .sideCont .util{display:flex; justify-content:space-between; align-items:flex-start;}
#header.new2023 .hederCon .sideCont .util .box{width:calc(50% - 5px);}
#header.new2023 .hederCon .sideCont .util .box a{position:relative; display:block; border-radius:15px; box-shadow:3px 2px 10px 0px rgba(0, 0, 0, 0.15);}
#header.new2023 .hederCon .sideCont .util .box a img{width:100%;}

#header.new2023 .hederCon .sideCont .gnb{padding:20px 0 15px; border-bottom:1px solid rgba(208, 208, 208, 0.6);}
#header.new2023 .hederCon .sideCont .gnb > ul > li{border-radius:12px; box-shadow:3px 2px 10px 0px rgba(0, 0, 0, 0.15);}
#header.new2023 .hederCon .sideCont .gnb > ul > li + li{margin-top:8px;}
#header.new2023 .hederCon .sideCont .gnb > ul > li > a{position:relative; padding:21px 35px 21px 25px; font-family:'Pretendard'; font-size:19px; font-weight:600; color:#111; display:block;}
#header.new2023 .hederCon .sideCont .gnb > ul > li > a:before{content:''; position:absolute; top:31px; right:23px; width:10px; height:2px; background:#000;}
#header.new2023 .hederCon .sideCont .gnb > ul > li > a:after{content:''; position:absolute; top:27px; right:27px; width:2px; height:10px; background:#000; transform:rotate(); transition:transform 0.3s;}
#header.new2023 .hederCon .sideCont .gnb > ul > li > a.on{padding-bottom:15px;}
#header.new2023 .hederCon .sideCont .gnb > ul > li > a.on:after{transform:rotate(-90deg);}
#header.new2023 .hederCon .sideCont .gnb > ul > li .depth2Wrap{display:none; margin:0 23px; padding-top:9px; padding-bottom:21px; border-top:3px solid #f7901e;}
#header.new2023 .hederCon .sideCont .gnb > ul > li .depth2Wrap ul{display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap;}
#header.new2023 .hederCon .sideCont .gnb > ul > li .depth2Wrap ul li{padding-top:7px; width:calc(50% - 10px);}
#header.new2023 .hederCon .sideCont .gnb > ul > li .depth2Wrap ul li a{font-family:'Pretendard'; font-size:15px; font-weight:600; color:#4c4c4c; letter-spacing:-1px;}
#header.new2023 .hederCon .sideCont .gnb > ul > li .depth2Wrap ul li a.on{color:#ee7d00;}

#header.new2023 .hederCon .sideCont .option{padding:15px 0; display:flex; justify-content:space-between; border-bottom:1px solid rgba(208, 208, 208, 0.6);}
#header.new2023 .hederCon .sideCont .option .box{width:calc(50% - 5px);}
#header.new2023 .hederCon .sideCont .option .box a{padding:22px 0; text-align:center; display:block; border-radius:12px; background-color:#ee7d00; box-shadow:3px 4px 15px 0px rgba(0, 0, 0, 0.15);}
#header.new2023 .hederCon .sideCont .option .box a span{position:relative; height:35px; font-size:15px; font-weight:600; color:#fff; display:inline-flex; align-items:center;}
#header.new2023 .hederCon .sideCont .option .box a span:before{content:''; position:absolute; top:-2px; left:0; width:34px; height:35px; background-repeat:no-repeat; background-position:center; background-size:auto 100%; }
#header.new2023 .hederCon .sideCont .option .box a span.icon1{padding-left:49px;}
#header.new2023 .hederCon .sideCont .option .box a span.icon1:before{background-image:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/m/images/layout_2023/m_gnb_icon1.png);}
#header.new2023 .hederCon .sideCont .option .box a span.icon2{padding-left:45px;}
#header.new2023 .hederCon .sideCont .option .box a span.icon2:before{background-image:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/m/images/layout_2023/m_gnb_icon2.png);}

#header.new2023 .hederCon .sideCont .link{padding:15px 0 0; display:flex; justify-content:space-between; flex-wrap:wrap;}
#header.new2023 .hederCon .sideCont .link .box{width:calc(50% - 5px);}
#header.new2023 .hederCon .sideCont .link .box + .box + .box{margin-top:10px;}
#header.new2023 .hederCon .sideCont .link .box a{display:block; border-radius:10px; box-shadow:3px 2px 10px -5px rgba(0, 0, 0, 0.15);}
#header.new2023 .hederCon .sideCont .link .box a img{width:100%;}

#header.new2023 .hederCon .sideCont .footNavi{margin:0 -10px; padding-top:25px; display:flex; justify-content:space-between; align-items:flex-end;}
#header.new2023 .hederCon .sideCont .footNavi .box{flex:1;}
#header.new2023 .hederCon .sideCont .footNavi .box + .box{margin-left:3px;}
#header.new2023 .hederCon .sideCont .footNavi .box a{height:68px; font-size:19px; font-weight:600; color:#000; display:flex; justify-content:center; align-items:center; background:#d7d8d9;}

#header.new2023 .searchBg{display:none; position:absolute; top:0; z-index:10; width:100%; height:auto; background:none;}
#header.new2023 .searchBg:before{content:''; position:fixed; z-index:0; width:100%; height:100vh; background:rgba(0, 0, 0, 0.6);}
#header.new2023 .searchBg.on{display:block;}
#header.new2023 .searchBg .searchArea{position:relative; z-index:2; margin:0 auto; padding:50px 17px 20px; width:100%; background:#fff; animation-name:slideDown; animation-duration:0.3s; animation-fill-mode:forwards; box-shadow: 3px 4px 15px 0px rgba(0, 0, 0, 0.15);}
#header.new2023 .searchBg .searchArea:before{display:none;}
#header.new2023 .searchBg .searchArea .btnSearchClose{position:absolute; top:14px; right:17px; padding:0; width:19px; height:19px; border:0; background:none; animation-name:rotate; animation-duration:0.8s; animation-fill-mode:forwards;}
#header.new2023 .searchBg .searchArea .btnSearchClose:before{content:''; position:absolute; top:50%; left:0; right:0; margin-top:-1px; width:100%; height:2px; background:#000; transform:rotate(45deg);}
#header.new2023 .searchBg .searchArea .btnSearchClose:after{content:''; position:absolute; top:50%; left:0; right:0; margin-top:-1px; width:100%; height:2px; background:#000; transform:rotate(-45deg);}
#header.new2023 .searchBg .searchArea .btnSearchClose span{text-indent:-9999px; overflow:hidden; display:block;}

#header.new2023 .searchBg .searchArea .searchForm{position:relative;}
#header.new2023 .searchBg .searchArea .searchForm input{padding-left:10px; padding-right:30px; width:100%; height:32px; font-size:13px; font-weight:bold; color:#4d525a; box-sizing:border-box; border:0; border-bottom:2px solid #f79222; border-radius:0;}
#header.new2023 .searchBg .searchArea .searchForm .btn{position:absolute; top:0; right:0; padding:0; width:24px; height:24px; border:0; background:none;}
#header.new2023 .searchBg .searchArea .searchForm .btn:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/m/images/layout_2023/btn_search.png) no-repeat center/100% auto;}
#header.new2023 .searchBg .searchArea .searchForm .btn span{text-indent:-9999px; overflow:hidden; display:block;}
#header.new2023 .searchBg .searchArea .txtInfo{margin:0; padding-top:12px; color:#4c4c4c; font-size:12px; font-weight:500; letter-spacing:-1px;}
#header.new2023 .searchBg .searchArea .txtInfo:before{display:none;}
#header.new2023 .searchBg .searchArea .keywordWrap .keyword{margin:14px 0 0; display:flex; justify-content:space-around; align-items:center; flex-wrap:wrap;}
#header.new2023 .searchBg .searchArea .keywordWrap .keyword li{float:none; margin:0; width:calc(33.333% - 8px);}
#header.new2023 .searchBg .searchArea .keywordWrap .keyword li + li + li + li{margin-top:10px;}
#header.new2023 .searchBg .searchArea .keywordWrap .keyword li a{width:100%; height:32px; font-size:15px; font-weight:600; color:#ee7d00; text-align:center; display:flex; justify-content:center; align-items:center; border:1px solid #ee7d00; border-radius:20px; background-color:#fff;}
#header.new2023 .searchBg .searchArea .keywordWrap .keyword li a.on{color:#fff; background:#ee7d00}

@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;
	}}

/* #container.new2023{margin-top:50px;} */

/* 1.5625vw // 10  */
/* 3.125vw  // 20*/
/* 1.875vw // 12 */
/* 2.5vw // 16 */
/* 3.4375vw // 22 */
/* 3.75vw // 24 */
/* 4.6875 // 30 */
/* 6.25vw // 40 */
/* 7.8125vw // 50*/
/* 9.375vw // 60 */
/* 12.5vw // 80 */
/* 14.0625 // 90 */
/* 15.625 // 100 */

#footer.new2023{margin:0 auto; padding: 0 0 40px; width:100%; border-top:0; background-color: #f2f2f2;}
#footer.new2023 *{font-family: 'Pretendard';}

#footer.new2023 .footNoti{padding: 15px 0px; background-color: #f8f8f8;}
#footer.new2023 .footNoti .notiLink{margin:0 auto; max-width:640px; padding: 0 20px;}
/* #footer.new2023 .footNoti .notiLink ul{display: flex; justify-content: center;}
#footer.new2023 .footNoti .notiLink ul > li{flex:1;} */
#footer.new2023 .footNoti .notiLink ul > li{width: 14.8625vw;}
#footer.new2023 .footNoti .notiLink ul > li + li{margin-left: 3.3625vw;}
#footer.new2023 .footNoti .notiLink ul > li > a{display: block; padding-top: 17.25vw; background-size: 14.0625vw; background-repeat: no-repeat; background-position:top center; font-size: 11px; line-height: 1.2;}
#footer.new2023 .footNoti .notiLink ul > li > a.item1{background-image: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/foot_btnService1.png);padding-top: 15.625vw;}
#footer.new2023 .footNoti .notiLink ul > li > a.item2{background-image: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/foot_btnService2.png);}
#footer.new2023 .footNoti .notiLink ul > li > a.item3{background-image: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/foot_btnService3.png);}
#footer.new2023 .footNoti .notiLink ul > li > a.item4{background-image: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/foot_btnService4.png);}
#footer.new2023 .footNoti .notiLink ul > li > a.item5{background-image: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/foot_btnService5.png);}
#footer.new2023 .footNoti .notiLink ul > li > a.item6{background-image: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/foot_btnService6.png);}

#footer.new2023 .footCopy{ padding: 40px 0 0;}
#footer.new2023 .footCopy .footSns{display: flex; justify-content: center; padding: 0 40px; text-align: center;}
#footer.new2023 .footCopy .footSns + .footSns{justify-content: center; margin-top: 22px;}
#footer.new2023 .footCopy .footSns a{width: 39px; height: 39px; background-size: 100%; background-repeat: no-repeat; background-position:top center; text-indent: -9999px;}
#footer.new2023 .footCopy .footSns a + a{margin-left: 13px;}
#footer.new2023 .footCopy .footSns a.sns0{background-image: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/foot_sns0_m.png); width: 125px; height: 26px;}
#footer.new2023 .footCopy .footSns a.sns1{background-image: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/foot_sns1_m.png);}
#footer.new2023 .footCopy .footSns a.sns2{background-image: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/foot_sns2_m.png);}
#footer.new2023 .footCopy .footSns a.sns3{background-image: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/foot_sns3_m.png);}
#footer.new2023 .footCopy .footSns a.sns4{background-image: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/foot_sns4_m.png);}
#footer.new2023 .footCopy .footSns a.sns5{background-image: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/foot_sns5_m.png);}

#footer.new2023 .footOption{margin: 20px 20px 0; padding:12px 20px; background-color: #ededed;}
#footer.new2023 .footOption .familySite{position: relative;margin:0 auto;width: 100%; height: 34px; display:flex; justify-content:center;}
#footer.new2023 .footOption .familySite h2{position: relative; top: 0; right: 0; left: 0; margin-left: 0; padding:0px; width: 100%; height: 100%; line-height:36px; font-size:13px; color:#606060; text-align:left; text-indent:30px; border-radius: 7px; background: #f5f6f8 url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/icon_arrowDown_m.png)  95% 52% / 11px no-repeat;}
#footer.new2023 .footOption .familySite h2 a{line-height: 34px; font-size: 15px; color: #75787b; text-indent: 22px; display:block;}
#footer.new2023 .footOption .familySite h2 a:hover {text-decoration:none;}
#footer.new2023 .footOption #familyList{display:none; position:absolute; left:0; bottom:12px; z-index:40; margin-left:0; width:calc(100% - 2px); border:2px solid #606060; background:#fff; padding:13px 0;z-index:99;}
#footer.new2023 .footOption #familyList > li {height:36px; line-height:36px;}
#footer.new2023 .footOption #familyList > li > a{display:block; font-size:12px; padding-left:30px; color:#606060; text-align: left;}
#footer.new2023 .footOption #familyList > li > a:hover,
#footer.new2023 .footOption #familyList > li > a:focus,
#footer.new2023 .footOption #familyList > li > a:active {background:transparent;}


#footer.new2023 .footOption .footLink{margin-top: 20px;}
#footer.new2023 .footOption .footLink > ul{display: flex; justify-content: center;}
#footer.new2023 .footOption .footLink > ul + ul{margin-top: 6px;}
#footer.new2023 .footOption .footLink > ul > li{position: relative; padding: 0 13px; line-height: 1.2;}
#footer.new2023 .footOption .footLink > ul > li::after{content: ""; position: absolute;top: 50%;transform: translateY(-50%); right: 0; width: 1px; height: 50%; background-color: #75787b;}
#footer.new2023 .footOption .footLink > ul > li:first-child{padding: 0 13px 0 0;}
#footer.new2023 .footOption .footLink > ul > li:last-child{padding: 0 0 0 13px;}
#footer.new2023 .footOption .footLink > ul:last-child > li:last-child{padding: 0;}
#footer.new2023 .footOption .footLink > ul > li:last-child::after{display: none;}
#footer.new2023 .footOption .footLink > ul > li > a{font-size: 13px;color: #75787b;letter-spacing: -1px;}
#footer.new2023 .footOption .footLink > ul > li > a > strong{color: #333;}

#footer.new2023 .footCopy .footLogo{height:51px; background: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/foot_logo_m.png) center/91px no-repeat ; text-indent: -99999px;}

#footer.new2023 .footCopy .footInfo .copy{margin-top: 11px; padding-top: 0;}
#footer.new2023 .footCopy .footInfo .copy > p{ font-size: 13px; color: #75787b; line-height: 1.35; letter-spacing: -0.5px} 
#footer.new2023 .footCopy .footInfo .copy > div{ font-size: 11px; color: #75787b; line-height: 1.45; letter-spacing: -0.5px} 
#footer.new2023 .footCopy .footInfo .info{display: flex;justify-content: center;align-items: center; text-align: left; margin-top: 8px;}
#footer.new2023 .footCopy .footInfo .info > span{line-height: 1.2; }
#footer.new2023 .footCopy .footInfo .info > span.point{position: relative; padding-right: 15px;}
#footer.new2023 .footCopy .footInfo .info > span.point::after{content: ""; position: absolute; width: 1px; top: 50%; right: 0; transform: translateY(-50%); height: 70%; background-color: #cfcfcf;}
#footer.new2023 .footCopy .footInfo .info > span.point + span{padding-left: 15px; color: #75787b; font-size: 11px;}
#footer.new2023 .footCopy .footInfo .info > span.point strong{font-size: 25px; font-weight: 700; color: #ee7d00;letter-spacing: -0.5px;} 
#footer.new2023 .footCopy .footInfo .footMark{display: inline-block; margin: 12px 40px 0; padding-left: 50px; font-size: 10px; color: #75787b; text-align: left;letter-spacing: -0.8px;background: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/foot_mark1_m.png) left center / auto 31px no-repeat}

/* 230713DB */
/* #footer.new2023 .flooting{display:none; position: fixed; bottom: 0; left: 0; right: 0; margin: auto;z-index: 1;}
#footer.new2023 .flooting .box{display: flex;}
#footer.new2023 .flooting .box .floot{width: 50%; box-sizing: border-box;border-radius: 8px 8px 0 0; box-shadow: 0px -5px 15px 0px rgba(0, 0, 0, 0.15);}
#footer.new2023 .flooting .box .floot > a{display: block; position: relative; padding-top: 15px; padding-bottom: 15px ; font-family: "SpoqaHanSans" ;font-size: 16px; color: #fff; font-weight: 700; line-height: 1.1; text-align: center;}
#footer.new2023 .flooting .box .btnFlooting1{background-color: #ee7d00;}
#footer.new2023 .flooting .box .btnFlooting1 > a{padding-right: 65px; }
#footer.new2023 .flooting .box .btnFlooting1 > a::after{content: ""; position: absolute; bottom: 6px; right: 21px; width: 62px; height: 100%; background: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/img_flooting1_m.png)right center /62px no-repeat;}
#footer.new2023 .flooting .box .btnFlooting2{background-color: #f8a344;}
#footer.new2023 .flooting .box .btnFlooting2 > a{ padding-left: 70px; }
#footer.new2023 .flooting .box .btnFlooting2 > a::after{content: ""; position: absolute; bottom: 6px; left: 13px; width: 81px; height: 100%; background: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/img_flooting2_m.png)right center /81px no-repeat;} */
/* //230713DB */

#footer.new2023 .flooting { display: none; position: fixed; bottom: 0; left: 0; right: 0; margin: auto; z-index: 1;}
#footer.new2023 .flooting .box { display: flex;}
#footer.new2023 .flooting .box .floot { width: 50%; box-sizing: border-box; border-radius: 8px 8px 0 0; box-shadow: 0px -5px 15px 0px rgba(0, 0, 0, 0.15);}
#footer.new2023 .flooting .box .floot > a { display: block; position: relative; padding-top: 10px; padding-bottom: 10px ; font-family: "SpoqaHanSans" ; font-size: 20px; color: #fff; font-weight: 700; line-height: 1.1;}
#footer.new2023 .flooting .box .btnFlooting1 { background-color: #ee7d00;}
#footer.new2023 .flooting .box .btnFlooting1 > a { text-align: right; padding-right: 95px;}
#footer.new2023 .flooting .box .btnFlooting1 > a::after { content: ""; position: absolute; bottom: 6px; right: 21px; width: 62px; height: 100%; background: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/img_flooting1_m.png)right center /62px no-repeat;}
#footer.new2023 .flooting .box .btnFlooting2 { background-color: #f8a344;}
#footer.new2023 .flooting .box .btnFlooting2 > a { text-align: left; padding-left: 95px;}
#footer.new2023 .flooting .box .btnFlooting2 > a::after { content: ""; position: absolute; bottom: 6px; left: 13px; width: 81px; height: 100%; background: url(//cache.wjthinkbig.com/WEB_RESOURCE/WJBOOKCLUB/images/layout_2023/img_flooting2_m.png)right center /81px no-repeat;}


#footer.new2023 + .btnTop{display:none; position:fixed; right:0; bottom:66px; z-index:100; padding:0; width:60px; height:60px; border:0; border-radius:50%; cursor:pointer;}
#footer.new2023 + .btnTop .box{height:100%; display:flex; justify-content:center; align-items:center; pointer-events:none;}
#footer.new2023 + .btnTop .box span{position:relative; width:30px; height:30px; text-indent:-9999px; overflow:hidden; display:block; border:0; border-radius:50%; background:#797979; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);}
#footer.new2023 + .btnTop .box span:before{content:''; position:absolute; top:50%; left:50%; margin-top:-2px; margin-left:-8px; width:10px; height:2px; border-radius:10px; background:#fff; transform:rotate(-45deg); pointer-events:none;}
#footer.new2023 + .btnTop .box span:after{content:''; position:absolute; top:50%; left:50%; margin-top:-2px; margin-left:-2px; width:10px; height:2px; border-radius:10px; background:#fff; transform:rotate(45deg); pointer-events:none;}
/* E : new2023 */