@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;700&display=swap');
/* roboto-regular - latin */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'),
    url('../fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
    font-display: swap;
}

@font-face {
    font-family: 'Jamee-Noori-Nastaleeq';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(../fonts/Jamee-Noori-Nastaleeq-Regular.ttf) format('woff2');
    unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
    font-display: swap;
}


/* common */
html, body { height:100%; width:100%;}
body {letter-spacing:-0.02em;}
body.align_right {direction:rtl;}
* {margin:0; padding:0; list-style:none; font-size:16px; font-family:'Noto Sans','Roboto','TAHOMA','Segoe UI','Helvetica','ARIAL' !important;}
ul > li > a { text-decoration:none; }
a {color:#666; text-decoration:none;}
em {font-style:normal}
table { border-collapse:collapse; width:100%;}
button {cursor:pointer; border:none; background:transparent;}
button:focus {outline:none;}
i {display:inline-block;}
.inner {width:1180px; position:relative; margin:0 auto}
.inner:after {display:block; content:''; clear:both;}
select {box-sizing:border-box; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:none;}
select::-ms-expand {display:none;} /* IE 10, 11의 네이티브 화살표 숨기기 */

.w150 {width:150px !important;}
.w190 {width:190px !important;}
.w490 {width:490px !important;}

h1, h2, h3, h4, h5, h6 {letter-spacing:-0.03em}

::-webkit-input-placeholder {color:rgba(0,0,0,0.3);}
:-moz-placeholder {color:rgba(0,0,0,0.3);}
::-moz-placeholder {color:rgba(0,0,0,0.3);}
:-ms-input-placeholder {color:rgba(0,0,0,0.3) !important;}
::-ms-input-placeholder {color:rgba(0,0,0,0.3) !important;}


body.lang_chinese *,
body.lang_taiwanese * {font-family:'Noto Serif SC','Noto Sans', serif !important;}
body.lang_japanese * {font-family:'Noto Serif JP','Noto Sans', serif !important;}
body.lang_hebrew * {font-family:'Noto Serif Hebrew','Noto Sans', serif !important;}
/*body.lang_bengali * {font-family:'Noto Sans','Kalpurush','Helvetica','ARIAL', serif !important;}*/
body.lang_bengali * {font-family:'Noto Sans','Kalpurush','Helvetica','ARIAL', serif !important;}
body.lang_khmer * {font-family:'Noto Sans Khmer','Noto Sans','TAHOMA','Helvetica','ARIAL', serif !important;}
body.lang_hindi * {font-family:'Hind','Noto Sans',sans-serif !important;}
body.lang_burmese * {font-family:'Pyidaungsu','Noto Sans','TAHOMA','ARIAL', serif !important;}
body.lang_thai * {font-family:'Noto Sans Thai','Noto Sans', serif !important;}
body.lang_urdu *,
body.lang_punjabi * {font-family:'Jamee-Noori-Nastaleeq','Noto Sans', serif !important;}
body.lang_amharic * {font-family:'Noto Sans Ethiopic','Nyala','TAHOMA', serif !important;}


/* LAYOUT */
body {padding-top:134px;}
html.fix {position:fixed; left:0; right:0; margin:0 auto;}
#A_Wrap {width:100%; height:100%; box-sizing:border-box;}
#A_Header {position:absolute; top:0; left:0; right:0;  box-sizing:border-box; width:100%; height:90px; padding:0 120px; background:#fff;}
#A_Container_Wrap {width:100%; clear:both; position:relative; overflow-x:hidden;}
#A_Container{margin:0 auto; clear:both; }
#A_Header .logo .logo_group {display: flex; gap: 0.5rem; align-items: center;}
#A_Header .logo .logo_group > * {font-family: 'Times New Roman', sans-serif !important; font-size: 1.5rem; font-weight: 600; color: #bb9444; letter-spacing: -0.025em;}
#A_Header.ver2 {height:auto; padding:0;}

.wrap_lang .lang {position:relative;}
.wrap_lang .lang .btn_lang {display:block; position:relative; min-width:80px; padding:0 36px 0 12px; line-height:40px; border-radius:40px; font-weight:bold; font-size:14px; color:#111; background:#fff; transition:.2s;}
.wrap_lang .lang .btn_lang:before {display:inline-block; width:20px; height:20px; margin:10px 5px 0 0; background:url(/common/images/common/ico_lang.png) no-repeat center / 20px; vertical-align:top; content:'';}
.wrap_lang .lang .btn_lang:after {position:absolute; top:50%; right:12px; width:10px; height:6px; margin-top:-3px; background:url(/common/images/common/arrow01.png) no-repeat center / 10px auto; content:'';}
.wrap_lang .lang .inr_lang {position:relative; padding:24px 4px 0; background:#fff; border-radius:6px; border:1px solid #ccc; overflow:hidden; box-shadow:10px 10px 9px rgba(0,0,0,0.1); z-index:1; }
.wrap_lang .lang .inr_lang a {display:block; position:relative; padding-left:22px; line-height:40px;}
.wrap_lang .lang .inr_lang a:before {position:absolute; top:12px; left:0; width:16px; height:16px; border-radius:100%; border:1px solid #ccc; content:'';}
.wrap_lang .lang .inr_lang .close {position:absolute; top:0; right:0; width:36px; height:36px; font-size:0;}
.wrap_lang .lang .inr_lang .close:before,
.wrap_lang .lang .inr_lang .close:after {position:absolute; top:50%; left:50%; width:2px; height:18px; margin:-9px 0 0 -1px; background:#111; content:'';}
.wrap_lang .lang .inr_lang .close:before {transform:rotate(45deg)}
.wrap_lang .lang .inr_lang .close:after {transform:rotate(-45deg)}
.wrap_lang .lang .lang_now {margin:0 15px; padding-bottom:5px; border-bottom:1px solid #e5e5e5; font-weight:bold; color:#111;}
.wrap_lang .lang .lst_lang {height:350px; margin-top:5px; padding-bottom:15px;}
.wrap_lang .lang .lst_lang li + li {margin-top:4px;}
.wrap_lang .lang .lst_lang a {padding:0 15px 0 36px;}
.wrap_lang .lang .lst_lang a:before {left:15px;}
.wrap_lang .lang .lst_lang a:after,
.wrap_lang .lang .lang_now:after {position:absolute; top:16px; left:4px; width:8px; height:8px; border-radius:100%; background:#8f45e3;}
.wrap_lang .lang .lst_lang a:after {left:19px;}
.wrap_lang .lang .lang_now:after,
.wrap_lang .lang .lst_lang li.on a:after {content:'';}
@media screen and (min-width:1024px){
   .wrap_lang .lang .lst_lang a:hover:after {content:'';}
}



.wrap_lang .lang.on .btn_lang {background:#f8f5f3;}
.wrap_lang .lang .lst_lang::-webkit-scrollbar{width:4px;height:4px;background:#eee;}
.wrap_lang .lang .lst_lang::-webkit-scrollbar-track {width:4px;height:4px;background:#eee;}
.wrap_lang .lang .lst_lang::-webkit-scrollbar-thumb {width:4px;height:4px;background:#8f45e3; border-radius:4px}
.wrap_lang .lang .wrap_lst_lang {display:none; position:absolute; width:230px; font-size:15px; color:#555; transition:.2s; z-index:9999;}
.wrap_lang .lang .wrap_lst_lang:before {position:absolute; width:14px; height:14px; border:1px solid #ccc; background:#fff; transform:rotate(45deg); content:'';}
.wrap_lang .lang .wrap_lst_lang:after {position:absolute; width:13px; height:13px; background:#fff; transform:rotate(45deg); z-index:9; content:'';}

/* header */
#A_Header .logo {float:left; padding:22px 0 0;}
#A_Header .logo a {display:block; width:302px;}
#A_Header .logo a img {width:100%; vertical-align:top;}
#A_Header .headerBtn {float:right; padding:26px 0 0 0;}
#A_Header .headerBtn .loginLinks {float:left; font-size:0;}
#A_Header .headerBtn .loginLinks > li {display:inline-block; position:relative; font-size:15px;}
#A_Header .headerBtn .loginLinks > li > a {display:block; width:40px; height:40px; text-indent:-9999px; background-repeat:no-repeat; background-position:center center;}
/*#A_Header .headerBtn .loginLinks li:nth-child(1) a {background-image:url(/common/images/common/ic_login.svg); background-size:25px 28px;}
#A_Header .headerBtn .loginLinks li:nth-child(2) a {background-image:url(/common/images/common/ic_cart.svg); background-size:31px 30px;}
#A_Header .headerBtn .loginLinks li:nth-child(3) a {background-image:url(/common/images/common/ic_login.svg); background-size:25px 28px;}
*/
#A_Header .headerBtn .loginLinks .link_member {position:relative;}
#A_Header .headerBtn .loginLinks .wrap_menu_member {display:none; position:absolute; top:30px; right:50%; min-width:320px; margin-right:-160px; padding-top:20px; z-index:2;}
#A_Header .headerBtn .loginLinks .menu_member {display:flex; flex-direction: column; gap: 0.5rem; padding:12px 7px; background:#fff; border:1px solid #ccc; border-radius:6px; box-shadow:10px 10px 10px rgba(0,0,0,0.1); font-size:0;}
#A_Header .headerBtn .loginLinks .menu_member li {display:inline-block; padding:0 5px;}
#A_Header .headerBtn .loginLinks .menu_member a {width:100%; min-width:140px; display:block; padding:0.5rem 1rem; background:#ffcc58; border-radius:4px; color:#000;}
#A_Header .headerBtn .loginLinks .menu_member a span {display:flex; justify-content: center; align-items: center; gap: 1rem; font-size:15px;}
#A_Header .headerBtn .loginLinks .menu_member a span:before {display: inline-block; width:16px; height:16px; background-position:center; background-repeat:no-repeat; background-size:16px; content:'';}
#A_Header .headerBtn .loginLinks .menu_member li.signin a span:before {background-image:url(/common/images/common/ico_signin2.png)}
#A_Header .headerBtn .loginLinks .menu_member li.signup a span:before {background-image:url(/common/images/common/ico_signup2.png)}
#A_Header .headerBtn .loginLinks .link_member:hover:before,
#A_Header .headerBtn .loginLinks .link_member:hover:after {position:absolute; left:50%; width:0; height:0; margin-left:-10px; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #ccc; content:'';}
#A_Header .headerBtn .loginLinks .link_member:hover:before {top:40px;}
#A_Header .headerBtn .loginLinks .link_member:hover:after {top:42px; border-bottom-color:#fff; z-index:2;}
#A_Header .headerBtn .loginLinks .link_member:hover .wrap_menu_member {display:block;}
#A_Header .headerBtn .selectDiv {float:left;}
#A_Header .headerBtn .selectDiv select {display:inline-block; box-sizing:border-box; min-width:90px; height:40px; padding:0 20px; border:0; font-size:0.75rem; color:#333; font-weight:600; text-align:center; text-align-last:center;
    letter-spacing:0; background-color:#f3f7fa; vertical-align:top; border-radius:20px; cursor:pointer;}

#A_Header .headerBtn .loginLinks .bookcart_shopping {position:relative;}
#A_Header .headerBtn .loginLinks .shoppingnumber{background:red; border-radius:50%;width:18px; height:18px; line-height:18px;font-size:11px; color:#fff;position:absolute;top:-3px; right:-5px; text-align:center;}

.menubar {position:fixed; right:120px; bottom:80px; width:80px; height:80px; border-radius:50%; background-color:#27c7df; transition:all 0.3s ease-in-out; z-index:50;}
.menubar.on {background-color:#999;}
.menubar ul {position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; margin:0 auto; width:24px; height:21px; cursor:pointer;}
.menubar ul li {position:absolute; width:100%; height:3px; background-color:#fff; border-radius:3px;}
.menubar ul li:nth-child(1) {top:0;}
.menubar ul li:nth-child(2) {top:9px;}
.menubar ul li:nth-child(3) {top:18px;}

.menu_wrap {visibility:hidden; opacity:0; position:fixed; top:0; right:-600px; bottom:0; box-sizing:border-box; width:600px; height:100%; padding:0 120px 0 0; background-color:#fff;
    transition:all 0.3s ease-in-out; z-index:49;}
.menu_wrap.on {visibility:visible; opacity:1; right:0;}
.menu_wrap .gnb {position:absolute; bottom:320px; right:120px;}
.menu_wrap .gnb > li {margin:30px 0 0 0;}
.menu_wrap .gnb > li:first-child {margin:0;}
.menu_wrap .gnb .gnb_tit {display:block; font-size:28px;line-height:34px;font-weight:900; color:#333; text-align:right; transition:all 0.3s ease-in-out; cursor:pointer;}
.menu_wrap .gnb .gnb_tit:hover {color:#dab866;}
/*.menu_wrap .gnb .gnb_tit.on {color:#dab866;}*/
.menu_wrap .gnb .sub_menu {display:none; padding:20px 30px 20px 0; text-align:right; position:relative;}
.menu_wrap .gnb .sub_menu li {display:inline-block; width:100%; margin:10px 0 0 0; vertical-align:top;}
.menu_wrap .gnb .sub_menu li:first-child {margin:0;}
.menu_wrap .gnb .sub_menu li a {font-size:1rem; font-weight:500; color:#999; text-align:right;}
.menu_wrap .gnb .sub_menu li a:hover {color:#333;}
.menu_wrap .gnb .sub_menu li.active a {color:#333;}
.menu_wrap .gnb .sub_menu:after {content:''; position:absolute; right:0; width:1px; height:100%; background:#dab866; top:0; }

.lang {position:relative; box-sizing:border-box; }
.lang div {cursor:pointer;}
.lang div:after {display:block; clear:both; *zoom:1; content:'';}
.lang div svg {display:block; float:left; width:26px; height:26px;}
.lang div p {display:inline-block; box-sizing:border-box; min-width:90px; height:40px; padding:0 20px; border:0; font-size:14px; color:#333; font-weight:600; text-align:center; text-align-last:center;
    letter-spacing:0; background-color:#f3f7fa; vertical-align:top; border-radius:20px; cursor:pointer; line-height:40px;}
.lang .scroll {display:none; position:absolute; top:50px; left:50%; transform:translateX(-50%); width:140px; padding:15px 0; background-color:#fff; box-shadow:3px 3px 10px rgba(0,0,0,0.2); z-index:99;}
.lang .scroll li a {display:block; line-height:1.8; font-size:16px;font-weight:900; color:#666; text-align:center; font-family:'TAHOMA','simsun';}

#A_Header .menu_wrap .loginLinks {position:absolute; bottom:100px; right:210px;}
#A_Header .menu_wrap .loginLinks li {float:left; margin:0 26px 0 0;}
#A_Header .menu_wrap .loginLinks li a {display:block; width:40px; height:40px; text-indent:-9999px; background-repeat:no-repeat; background-position:center center;}
#A_Header .menu_wrap .loginLinks li:nth-child(1) a {background-image:url(/common/images/common/ic_login.svg); background-size:25px 28px;}
#A_Header .menu_wrap .loginLinks li:nth-child(2) a {background-image:url(/common/images/common/ic_cart.svg); background-size:31px 30px;}
#A_Header .menu_wrap .loginLinks .bookcart_shopping {position:relative;}
#A_Header .menu_wrap .loginLinks .shoppingnumber{background:red; border-radius:50%;width:18px; height:18px; font-size:11px; color:#fff;position:absolute;top:-3px; right:-5px; text-align:center;}

#A_Header.ver2 {z-index:9; font-size:14px; border-bottom:1px solid #ddd;}
#A_Header.ver2 *,
#A_Header.ver2 *:before,
#A_Header.ver2 *:after {box-sizing:border-box; vertical-align:top;}
#A_Header.ver2 .mo {display:none;}
#A_Header.ver2 .inner {width:100%; max-width:1400px;}
#A_Header.ver2  > .inner {position:relative; padding-top:20px; padding-bottom:20px;}
#A_Header.ver2 .logo {display:inline-block; padding:0;}
#A_Header.ver2 .logo a {width:auto;}
#A_Header.ver2 .logo a img {width:auto; height:44px;}
#A_Header.ver2 .headerBtn {position:absolute; top:20px; right:0; float:none; padding:2px 0; font-size:0;}
#A_Header.ver2 .headerBtn .loginLinks {display:inline-block;}
#A_Header.ver2 .headerBtn .loginLinks li {margin-right:20px; font-size:16px;}
#A_Header.ver2 .headerBtn .loginLinks .name_circle a {width:auto; padding:5px 0; text-indent:0;}
#A_Header.ver2 .headerBtn .loginLinks .name_circle a span {display:block; margin:0; font-size:14px; width:30px; background:#e1b757; border-radius:100%; color:#fff; text-align:center; line-height:30px;}
#A_Header.ver2 .headerBtn .loginLinks .bookcart_shopping {display:none !important;}
#A_Header.ver2 .headerBtn .loginLinks .bookcart_shopping a {background:url(/common/images/common/ic_cart.svg) no-repeat center / 31px auto;}
#A_Header.ver2 .headerBtn .loginLinks .logout a {background:url(/common/images/common/ico_logout2.png) no-repeat center / 26px auto;}
#A_Header.ver2 .headerBtn .loginLinks .menu_member li {margin:0;}

#A_Header.ver2 .searchDiv {position:absolute; width:370px; top:20px; left:50%; margin-left:-175px;}
#A_Header.ver2 .searchDiv .inp {width:100%; height:44px; padding:0 60px 0 18px; border-radius:44px; background:#f8f5f3; border:solid 1px transparent; outline:none; box-sizing:border-box; transition: border 0.5s;}
#A_Header.ver2 .searchDiv .inp:focus {border-color: #8d6d5c;}
#A_Header.ver2 .searchDiv .btn_sch {position:absolute; top:0; right:5px; width:44px; height:44px; background:url(/common/images/common/ico_sch.png) no-repeat center / 24px; filter:invert(85%) sepia(90%) saturate(6166%) hue-rotate(312deg) brightness(50%) contrast(91%); font-size:0;}
#A_Header.ver2 .wrap_menu {border-top:1px solid #eee;}
#A_Header.ver2 .wrap_menu .inner {position:relative;}
#A_Header.ver2 .tgl_menu {position:absolute; top:85px; left:-12px; width:48px; height:48px; vertical-align:top; text-align:center; z-index:1;}
#A_Header.ver2 .tgl_menu:before,
#A_Header.ver2 .tgl_menu:after {position:absolute; left:12px; right:12px; height:2px; background:#111; transition:.2s; content:'';}
#A_Header.ver2 .tgl_menu:before {top:15px;}
#A_Header.ver2 .tgl_menu:after {bottom:15px;}
#A_Header.ver2 .tgl_menu i {position:absolute; top:50%; left:50%; width:24px; height:2px; background:#111; margin:-1px 0 0 -12px; font-size:0;}
#A_Header.ver2 .gnb {display:flex; width:100%; justify-content:space-evenly; padding:0 30px; font-size:0; text-align:center; box-sizing:border-box;}
#A_Header.ver2 .gnb > li {display:inline-block; position:relative; padding:0 18px;}
#A_Header.ver2 .gnb_tit {display:block; font-size:17px; font-weight:400; color:#111; line-height:48px;}
#A_Header.ver2 .gnb_tit br {display:none; font-size:0;}
#A_Header.ver2 .gnb_tit .mo {display:none;}
#A_Header.ver2 .gnb_tit:after {display:inline-block; width:13px; height:8px; margin:20px 0 0 10px; background:url(/common/images/common/arrow02.png) no-repeat center / 13px auto; transition:.2s; content:'';}
#A_Header.ver2 .lst_submenu {display:none; position:absolute; top:48px; left:0; width:300px; padding:12px 0; border-radius:0 0 10px 10px; background:#fff; border:1px solid rgba(0,0,0,0.2); box-shadow:10px 10px 9px rgba(0,0,0,0.1);}
#A_Header.ver2 .lst_submenu li + li {margin-top:4px;}
#A_Header.ver2 .lst_submenu a {display:block; line-height:24px; padding:8px 18px; font-size:17px; color:#757575; text-align:left;}
#A_Header.ver2 .gnb > li.last .lst_submenu {width:220px;}
#A_Header.ver2 .sub_box {display:none;}
#A_Header.ver2 .wrap_lang .lang .wrap_lst_lang {top:38px; right:0; padding-top:16px;}
#A_Header.ver2 .wrap_lang .lang .wrap_lst_lang:before {top:10px; right:70px;}
#A_Header.ver2 .wrap_lang .lang .wrap_lst_lang:after {top:11px; right:71px;}

#A_Header.showAll {box-shadow:0 10px 40px rgba(0,0,0,0.1);}
#A_Header.showAll .tgl_menu i {display:none;}
#A_Header.showAll .tgl_menu:before,
#A_Header.showAll .tgl_menu:after {top:50%; left:50%; margin:-1px 0 0 -12px;}
#A_Header.showAll .tgl_menu:before {transform:rotate(45deg);}
#A_Header.showAll .tgl_menu:after {transform:rotate(-45deg);}

#A_Header.showAll .gnb {display:flex; justify-content:space-between; padding:0 100px; text-align:left;}
#A_Header.showAll .gnb > li {display:flex; flex-direction:column; flex-grow:1; max-width:33.333%; margin:0; padding:12px 0 0;}
#A_Header.showAll .gnb > li + li {border-left:1px solid #e5e5e5;}
#A_Header.showAll .lst_submenu {display:block; position:relative; top:auto; width:auto !important; border-radius:0; border:none; box-shadow:none;}
#A_Header.showAll .gnb_tit {padding:0 20px; line-height:24px; color:#8d6d5c;}
#A_Header.showAll .gnb_tit br {display:inline; font-size:1px;}
#A_Header.showAll .lst_submenu a {padding:9px 20px; font-size:16px; line-height:22px;}
#A_Header.showAll .gnb > li .gnb_tit:after {display:none;}


@media screen and (min-width:1024px){
   .wrap_lang .lang .lst_lang a:hover {background:#f8f8f8; color:#000;}
   #A_Header.ver2 .gnb > li:hover .gnb_tit {color:#8d6d5c;}
   #A_Header.ver2 .gnb > li:hover .gnb_tit:after {transform:rotate(180deg); filter:invert(85%) sepia(90%) saturate(6166%) hue-rotate(312deg) brightness(92%) contrast(91%);}
   #A_Header.ver2 .gnb > li:hover .lst_submenu {display:block;}
   #A_Header.ver2 .lst_submenu a:hover {background:#f8f8f8; color:#000; }
}

@media screen and (max-width:1400px){
   #A_Header.ver2 > .inner {padding:20px 30px;}
   #A_Header.ver2 .headerBtn {right:30px;}
   #A_Header.ver2 .tgl_menu {left:18px;}
   #A_Header.ver2 .gnb_tit {font-size:16px;}
   #A_Header.ver2 .gnb_tit .mo {display:block;}
   #A_Header.ver2 .gnb_tit .mo + .tit {display:none;}
   #A_Header.ver2 .lst_submenu {width:270px;}
   #A_Header.ver2 .gnb > li.last .lst_submenu {width:170px;}
   #A_Header.ver2 .lst_submenu a {font-size:16px;}
}
@media screen and (max-width:1024px){
   body {padding-top:128px;}
   #A_Header.ver2 > .inner {padding-left:52px}
   #A_Header.ver2 .tgl_menu {top:17px; left:0; width:50px; height:50px;}
   #A_Header.ver2 .tgl_menu i {width:26px; margin-left:-13px;}
   #A_Header.ver2 .wrap_menu .inner {padding:0 5px; white-space:nowrap; overflow:auto; transition-property:-webkit-transform; -webkit-transform:translate3d(0,0,0); pointer-events:auto; -webkit-overflow-scrolling:touch;}
   #A_Header.ver2 .searchDiv {display:none;}
   #A_Header.ver2 .gnb {display:flex; justify-content:flex-start;width:100%; padding:0;}
   #A_Header.ver2 .gnb > li {flex-grow:1; padding:0 10px;}
   #A_Header.ver2 .gnb_tit {line-height:42px;}
   #A_Header.ver2 .gnb_tit span {font-size:14px;}
   #A_Header.ver2 .gnb_tit:after {display:none !important;}
   .wrap_lang .lang.on:before {display:block; position:fixed; top:0; left:0; right:0; bottom:0; width:100vw; height:100vh; background:rgba(0,0,0,0.7); z-index:9; content:'';}
   .wrap_lang .lang.on .btn_lang {z-index:10;}
   .wrap_lang .lang.on .wrap_lst_lang {display:block; }
   #A_Header .wrap_lang .lang .lst_lang {height:65vh; max-height:500px;}
   #A_Header.ver2 .wrap_menu .inner {-ms-overflow-style: none;}
   #A_Header.ver2 .wrap_menu .inner::-webkit-scrollbar {display:none;}
   #A_Header.ver2 .wrap_menu.active {background:#f5f5f5;}
   #A_Header.ver2 .gnb_tit.on {padding:0 10px; color:#8f45e3; font-weight:bold; background:#fff;}
   #A_Header.ver2 .sub_box.on {display:block; padding:20px 0; background:#fff; box-shadow:0 10px 20px rgba(0,0,0,0.15)}
   #A_Header.ver2 .sub_box a {display:block; font-size:14px; line-height:20px; padding:8px 0.9375rem;}
   #A_Header.ver2 .sub_box li + li {margin-top:5px;}
   #A_Header.ver2 .sub_box .close {position:absolute; bottom:-24px; left:50%; width:40px; height:24px; margin-left:-20px; border-radius:0 0 20px 20px; background:#fff; box-shadow:0 11px 10px rgba(0,0,0,0.15); font-size:0;}
   #A_Header.ver2 .sub_box .close:before,
   #A_Header.ver2 .sub_box .close:after {position:absolute; top:6px; left:50%; width:2px; height:16px; margin:-8px 0 0 -1px; background:#222; content:'';}
   #A_Header.ver2 .sub_box .close:before {transform:rotate(45deg);}
   #A_Header.ver2 .sub_box .close:after {transform:rotate(-45deg);}
}
@media screen and (max-width:767px){
   body {padding-top:93px;}
   .wrap_lang .lang .btn_lang {padding:0 26px 0 10px; line-height:34px;}
   .wrap_lang .lang .btn_lang:before {width:14px; height:14px; background-size:14px;}
   .wrap_lang .lang .btn_lang:after {right:8px;}
   #A_Header.ver2 {border-bottom:none;}
   #A_Header.ver2 > .inner {padding:12px .9375rem 12px 52px;}
   #A_Header.ver2 .logo a img {height:25px;}
   #A_Header.ver2 .tgl_menu {top:0;}
   #A_Header.ver2 .headerBtn {top:8px; right:0.9375rem; padding:0;}
   #A_Header.ver2 .headerBtn .loginLinks {display:none;}
}
@media screen and (max-width:480px){
   .wrap_lang .lang .wrap_lst_lang {width:calc(100vw - 1.875rem); box-sizing:border-box;}
   .wrap_lang .lang .inr_lang {max-width:280px; margin:0 auto; border:none;}
   .wrap_lang .lang .wrap_lst_lang:before {border:none;}
   .wrap_lang .lang .wrap_lst_lang:after {display:none;}
   #A_Header.ver2 .wrap_lang .lang .wrap_lst_lang:before {right:43px;}
   #A_Footer .wrap_lang .lang .wrap_lst_lang:before {left:44px;}

}

/*top 버튼*/
.btn_top {position:fixed; width:50px; height:50px; text-indent:-9999px; bottom:80px; right:120px; background:url(/common/images/common/arrow03.png) #f5f5f5 no-repeat center / 16px auto; border-radius:100%; z-index:2;}


/* footer */

#A_Footer {width:100%; border-top:1px solid #bbb;}
#A_Footer *,
#A_Footer *:before,
#A_Footer *:after {box-sizing:border-box; vertical-align:top;}
#A_Footer .inner:after {display:block; clear:both; *zoom:1; content:'';}
#A_Footer .ft_links .terms_link {display:inline-block;}
#A_Footer .ft_links .terms_link a {float:left; display:block; margin:0 0 0 24px; line-height:1.2; font-size:0.875rem; color:#888; text-decoration:none;}
body:not(.align_right) #A_Footer .ft_links .terms_link a:first-child {margin:0;}
#A_Footer .ft_links .ft_sns {float:right;}
#A_Footer .ft_links .ft_sns li {float:left; margin:0 0 0 30px;}
#A_Footer .ft_links .ft_sns li:first-child {margin:0;}
#A_Footer .ft_links .ft_sns li a {display:block; line-height:70px; height:70px; text-indent:-9999px; background-repeat:no-repeat; background-position:0 center;}
#A_Footer .ft_links .ft_sns li:nth-child(1) a {width:17px; background-image:url(/common/images/common/sns_f.svg); background-size:17px 33px;}
#A_Footer .ft_links .ft_sns li:nth-child(2) a {width:36px; background-image:url(/common/images/common/sns_y.svg); background-size:36px 24px;}
#A_Footer .ft_links .ft_sns li:nth-child(3) a {width:29px; background-image:url(/common/images/common/sns_i.svg); background-size:29px 29px;}
#A_Footer .ft_links .ft_sns li:nth-child(4) a {width:146px; background-image:url(/common/images/common/logo_bc.svg); background-size:146px 30px;}
#A_Footer .ft_info {background:#222;}
#A_Footer .ft_info .ft_logo {display:inline-block; margin:18px 0 0 0; width:196px;}
#A_Footer .ft_info .copy {float:right; line-height:70px; font-size:0.75rem; color:#aaa;}

.align_right #A_Footer .ft_info {text-align:left;}

#A_Footer .wrap_lang {display:inline-block; margin:15px 15px 0 0;}
#A_Footer .wrap_lang .lang .btn_lang {border-radius:5px; border:1px solid #ddd;}
#A_Footer .wrap_lang .lang .wrap_lst_lang {bottom:38px; left:0; padding-bottom:16px;}
#A_Footer .wrap_lang .lang .wrap_lst_lang:before {bottom:10px; left:70px;}
#A_Footer .wrap_lang .lang .wrap_lst_lang:after {bottom:11px; left:71px;}

#A_Footer .ft_menu {background:#444;}
#A_Footer .ft_menu a {display:block;}
#A_Footer .ft_menu .gnb {display:flex; justify-content:space-between;}
#A_Footer .ft_menu .gnb > li {flex-grow:1; max-width:33.333%; padding:30px 24px 40px;}
#A_Footer .ft_menu .gnb > li + li {border-left:1px solid rgba(0,0,0,0.15)}
#A_Footer .ft_menu .gnb > li:first-child {padding-left:0;}
#A_Footer .ft_menu .gnb > li:last-child {padding-right:0;}
#A_Footer .ft_menu .gnb_tit {font-size:18px; font-weight:bold; color:#e1b757; line-height:1.2;}
#A_Footer .ft_menu .lst_submenu {margin-top:20px;}
#A_Footer .ft_menu .lst_submenu a {color:#ccc; font-size:14px; line-height:30px; transition:.2s;}
#A_Footer .ft_menu .lst_submenu li + li {margin-top:6px;}
#A_Footer .ft_menu .ft_owner {font-size: 0.75rem; padding: 1rem 0; border-top: solid 1px #3a3a3a; color: #aaa;}
#A_Footer .ft_menu .ft_owner * {color: inherit; font-size: inherit}

.align_right #A_Footer .ft_menu .gnb > li {border-left:1px solid rgba(0,0,0,0.15);}
.align_right #A_Footer .ft_menu .gnb > li:last-child {border-left:none}
.align_right #A_Footer .ft_menu .gnb > li:first-child {padding:30px 0 40px 24px;}
.align_right #A_Footer .ft_menu .gnb > li:last-child {padding:30px 24px 40px 0;}

@media screen and (min-width:1024px){
   #A_Footer .ft_menu .lst_submenu a:hover {color:#fff;}
   #A_Footer .ft_links .terms_link {display:flex; float:left; max-width:calc(100% - 460px)}
   #A_Footer .ft_links .terms_link a {display:flex; min-height:70px; align-items:center;}
   #A_Footer .wrap_lang {display:block; float:left;}
}


.book_detail .small_tit {text-align:left;}


@media screen and (min-width:1201px) and (max-width:1410px) {
    .menubar {right:60px; bottom:60px;}
    #A_Header .menu_wrap .loginLinks { bottom:80px; right:150px;}
    .btn_top  {right:60px; bottom:160px;}
}

/* tablet */
@media screen and (min-width:768px) and (max-width:1200px) {
    .inner {box-sizing:border-box; width:100%; padding:0 30px;}
    #A_Header {position:fixed; top:0; left:0; right:0; width:100%; height:90px; padding:0 30px; background-color:#fff; z-index:10;}
    #A_Header.on {border-bottom:1px solid #ddd; }

    .menubar {right:30px; bottom:30px;}
    .menu_wrap {top:90px; height:calc(100% - 90px); padding:0 30px 0 0;}
    .menu_wrap .gnb {bottom:160px; right:30px;}
    .menu_wrap .gnb > li {margin:20px 0 0 0;}

    #A_Header .headerBtn .selectDiv .lang ul {left:20%}
    #A_Header .menu_wrap .loginLinks { display:none;}
    .btn_top  {right:30px; bottom:130px;}


}


@media screen and (min-width:481px) and (max-width:767px) {

    .inner {box-sizing:border-box; width:100%; padding:0 0.9375rem;}

    #A_Header {position:fixed; top:0; left:0; right:0; width:100%; height:50px; padding:0 0.9375rem; background-color:#fff; z-index:10;}
    #A_Header.on {border-bottom:1px solid #ddd;}
    #A_Header .logo {padding:12.5px 0 0;}
    #A_Header .logo a {width:160px; height:25px;}
    #A_Header .logo .logo_group {gap: 0.25rem}
    #A_Header .logo .logo_group > * {font-size: 1rem;}
    #A_Header .headerBtn {padding:10px 0 0;}
    #A_Header .headerBtn .loginLinks {display:none; position:fixed; right:100px; bottom:30px; z-index:50;}
    #A_Header .headerBtn .loginLinks li {margin:0 20px 0 0;}
    #A_Header .headerBtn .loginLinks li:last-child {margin:0;}
    /*    #A_Header .headerBtn .selectDiv select {height:34px; border-radius:17px;}*/

    .menubar {right:15px; bottom:15px; width:60px; height:60px;}
    .btn_top  {right:15px; bottom:85px; width:60px; height:60px;}
    .menu_wrap {top:50px; width:100%; height:calc(100% - 50px); padding:0 15px 0 0;}
    .menu_wrap .gnb {right:15px; bottom:120px;}
    .menu_wrap .gnb > li {margin:15px 0 0 0;}
    /*    .menu_wrap .gnb .gnb_tit {font-size:1rem;}*/
    .menu_wrap .gnb .sub_menu {padding:10px 20px 10px 0;}
    /*    .menu_wrap .gnb .sub_menu li a {font-size:0.75rem;}*/
    #A_Header .menu_wrap .loginLinks { display:none;}

    #A_Header .headerBtn .selectDiv .lang div p {height:34px; line-height:34px; font-size:0.75rem; border-radius:17px;}
    #A_Header .headerBtn .selectDiv .lang ul {left:20%;top:40px;}

}

@media screen and (max-width:1024px){
   #A_Header.on {box-shadow:0 10px 20px rgba(0,0,0,0.05)}
   #A_Header.ver2 .tgl_menu {z-index:4;}
   #A_Header.showMoGnb .tgl_menu {z-index:1;}
   #A_Header.showMoGnb .gnb_mo {display:block; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); z-index:2;}
   #A_Header.showMoGnb .gnb_mo .inner {position:fixed; top:0; left:0; bottom:0; width:85vw; max-width:500px; min-width:260px; padding:0 0 20px; background:#fff; overflow-y:auto;}
   #A_Header.showMoGnb .gnb_mo .close {position:absolute; top:0; right:0; width:50px; height:50px; font-size:0;}
   #A_Header.showMoGnb .gnb_mo .close:before,
   #A_Header.showMoGnb .gnb_mo .close:after {position:absolute; top:50%; left:50%; width:2px; height:20px; background:#111; margin:-10px 0 0 -1px; content:'';}
   #A_Header.showMoGnb .gnb_mo .close:before {transform:rotate(45deg)}
   #A_Header.showMoGnb .gnb_mo .close:after {transform:rotate(-45deg)}
   #A_Header.showMoGnb .gnb_mo .wrap_lang {display:inline-block; padding:8px 15px}
   #A_Header.showMoGnb .gnb_mo .wrap_lang .lang .btn_lang {background:#f3f7fa;}
   #A_Header.showMoGnb .gnb_mo .wrap_lang .lang .wrap_lst_lang {position:fixed; top:60px; left:0; right:0; width:auto; padding:0 20px;}
   #A_Header.showMoGnb .gnb_mo .wrap_lang .lang .wrap_lst_lang:before {top:-6px; right:auto; left:63px; border:none;}
   #A_Header.showMoGnb .gnb_mo .wrap_lang .lang .wrap_lst_lang:after {display:none;}
   #A_Header.showMoGnb .gnb_mo .wrap_lang .lang .inr_lang {max-width:280px; border:none;}
   #A_Header.showMoGnb .menu_member {display:flex;  gap: 0.5rem; width:100%; margin-top:10px; padding:0 11px;}
    #A_Header.showMoGnb .menu_member:has(.signin) { flex-direction: column; }
   #A_Header.showMoGnb .menu_member li {display:inline-block; position:relative; line-height:0;}
   #A_Header.showMoGnb .menu_member li + li {margin-left:12px;}
   #A_Header.showMoGnb .menu_member a {display:block; width:40px; height:40px; text-align:center; font-size:0;}
   #A_Header.showMoGnb .menu_member .name a {width:auto; }
   #A_Header.showMoGnb .menu_member .name span {display:block; min-width:40px; line-height:40px; border-radius:100%; padding:0 5px; background:#8f45e3; box-sizing:border-box; font-size:13px; font-weight:bold; color:#fff;}
   #A_Header.showMoGnb .menu_member .bookcart_shopping {display:none;}
   #A_Header.showMoGnb .menu_member .bookcart_shopping a {background:url(/common/images/common/ic_cart.svg) no-repeat center / 31px auto}
   #A_Header.showMoGnb .menu_member .bookcart_shopping .shoppingnumber {position:absolute; top:-4px; right:-4px; width:20px; height:20px; line-height:20px; border-radius:20px; background:#8f45e3; font-size:12px; color:#fff; text-align:center;}
   #A_Header.showMoGnb .menu_member .signin,
   #A_Header.showMoGnb .menu_member .signup,
   #A_Header.showMoGnb .menu_member .logout {width:100%; flex-grow:1; margin:0; padding:0 4px;}
   #A_Header.showMoGnb .menu_member .signin a,
   #A_Header.showMoGnb .menu_member .signup a {width:auto; height:auto; border:1px solid #e1b757; color:#e1b757; border-radius:6px; font-size:14px; line-height:20px; font-weight:bold; display:flex; align-items:center; justify-content: center; padding:0.5rem; gap: 0.5rem;}
    #A_Header.showMoGnb .menu_member .signup a br {display: none}
   #A_Header.showMoGnb .menu_member .signin a:before,
   #A_Header.showMoGnb .menu_member .signup a:before,
   #A_Header.showMoGnb .menu_member .logout a:before {display:inline-block; width:16px; height:16px; background-position:center; background-repeat:no-repeat; background-size:16px; content:'';}
   #A_Header.showMoGnb .menu_member .signin a:before {background-image:url(/common/images/common/ico_signin.png)}
   #A_Header.showMoGnb .menu_member .signup a:before {background-image:url(/common/images/common/ico_signup.png)}
   #A_Header.showMoGnb .menu_member .logout {text-align:right;}
   #A_Header.showMoGnb .menu_member .logout a {display:inline-block; width:auto; height:auto; line-height:40px; font-size:15px;}
   #A_Header.showMoGnb .menu_member .logout a:before {margin:12px 6px 0 0; background-image:url(/common/images/common/ico_logout2.png)}

   #A_Header.showMoGnb .lst_gnb {margin-top:12px; border-top:1px solid #e5e5e5;}
   #A_Header.showMoGnb .lst_gnb > li {border-bottom:1px solid #e5e5e5;}
   #A_Header.showMoGnb .gnb_tit {position:relative; padding:15px; line-height:1.2;}
   #A_Header.showMoGnb .gnb_tit:after {background:none !important;}
   #A_Header.showMoGnb .gnb_tit:not(:only-child):after {display:block !important; position:absolute; top:21px; right:15px; width:0; height:0; margin:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:8px solid #aaa; content:''; transition:.2s;}
   #A_Header.showMoGnb .gnb_tit span {font-size:16px;}
   #A_Header.showMoGnb .gnb_tit.on:not(:only-child):after {border-top-color:#8f45e3; transform:rotate(180deg)}
   #A_Header.showMoGnb .gnb_tit.on {padding:15px;}
   #A_Header.showMoGnb .gnb_tit.on span {color:#8f45e3;}
   #A_Header.showMoGnb .gnb_tit.on + .lst_submenu {display:block; position:relative; top:auto; width:auto; margin:0 15px 15px; padding:12px 0; border-radius:0; background:#f8f8f8; border:none; box-shadow:none;}
   #A_Header.showMoGnb .gnb_tit.on + .lst_submenu  a {font-size:14px;}

   #A_Footer .ft_links {padding:20px 0;}
   #A_Footer .ft_links .terms_link {float:none; width:100%; font-size:0; text-align:center;}
   #A_Footer .ft_links .terms_link a {float:none; display:inline-block; margin:0 0 0 10px; line-height:1.3; font-size:0.8125rem; vertical-align:top;}
   #A_Footer .ft_links .ft_sns {float:none; margin:10px 0 0 0; width:100%; font-size:0; text-align:center;}
   #A_Footer .ft_links .ft_sns li {float:none; display:inline-block; margin:0 0 0 20px; vertical-align:top;}
   #A_Footer .ft_links .ft_sns li a {height:30px; line-height:30px; background-size:contain;}
   #A_Footer .ft_links .ft_sns li:nth-child(1) a {width:13px; background-size:13px 26px;}
   #A_Footer .ft_links .ft_sns li:nth-child(2) a {width:30px; background-size:30px 20px;}
   #A_Footer .ft_links .ft_sns li:nth-child(3) a {width:20px; background-size:20px 20px;}
   #A_Footer .ft_links .ft_sns li:nth-child(4) a {width:100px; background-size:100px 20px;}
   #A_Footer .ft_info {padding:20px 0;}
   #A_Footer .ft_info .ft_logo {float:none; display:block; width:150px; margin:0 auto 5px;}
   #A_Footer .ft_info .copy {float:none; display:block; line-height:1.3; text-align:center;}

   #A_Footer {border-color:#ddd}
   #A_Footer .ft_links {padding:0;}
   #A_Footer .ft_links .inner {display:flex; flex-wrap:wrap; width:100%; padding:0; justify-content:space-around; align-items:center;}
   #A_Footer .ft_links .terms_link {order:1; display:flex; width:100%; border-bottom:1px solid #ddd}
   #A_Footer .ft_links .terms_link a {display:flex; width:100%; min-height:50px; margin:0; align-items:center; justify-content:center; text-align:center; float:none; flex-grow:1; font-size:13px; color:#777; line-height:1.2;}
   #A_Footer .ft_links .terms_link a + a {border-left:1px solid #e5e5e5;}
   #A_Footer .ft_links .ft_sns {order:2; display:inline-block; width:auto; margin:0 20px; padding-top:15px;}
   #A_Footer .ft_links .wrap_lang {order:3; margin:0 0.9375rem; padding-top:12px;}
   #A_Footer .ft_links .wrap_lang .lang .btn_lang {border-radius:36px; border:none; background:#f3f7fa;}
   #A_Footer .ft_menu {margin-top:15px;}
   #A_Footer .ft_menu .inner {padding:0;}
   #A_Footer .ft_menu .gnb {display:block;}
   #A_Footer .ft_menu .gnb > li {max-width:none; padding:0;}
   #A_Footer .ft_menu .gnb > li + li {border-left:none; border-top:1px solid rgba(0,0,0,0.2)}
   #A_Footer .ft_menu .gnb_tit {display:flex; position:relative; width:100%; height:50px; align-items:center; padding:0 0.9375rem; font-size:14px; color:#fff; box-sizing:border-box;}
   #A_Footer .ft_menu .gnb_tit br {display:none; font-size:0;}
   #A_Footer .ft_menu .gnb > li .gnb_tit:after {position:absolute; top:50%; right:0.9375rem; width:0; height:0; margin-top:-3px; border-left:6px solid transparent; border-right:6px solid transparent; border-top:7px solid #fff; transition:.2s; content:'';}
   #A_Footer .ft_menu .lst_submenu {display:flex; flex-wrap:wrap; margin:-5px 0 0; padding-bottom:10px;}
   #A_Footer .ft_menu .lst_submenu li {width:50%; padding:0 0.9375rem; box-sizing:border-box;}
   #A_Footer .ft_menu .lst_submenu li + li {margin-top:0;}
   #A_Footer .ft_menu .lst_submenu li a {display:block; position:relative; margin: 0 !important; padding:8px 0 8px 6px; font-size:13px; color:#fff; line-height:16px;}
   #A_Footer .ft_menu .lst_submenu li a::before {position:absolute; top:15px; left:0; width:2px; height:2px; border-radius:100%; background:#fff; content:'';}
   #A_Footer .ft_menu .gnb > li + li .gnb_tit.on {color:#e1b757;}
   #A_Footer .ft_menu .gnb > li + li .gnb_tit.on:after {border-top-color:#e1b757; transform:rotate(180deg)}
   #A_Footer .ft_menu .ft_owner {padding: 1rem;}
   #A_Footer .wrap_lang .lang .wrap_lst_lang {left:auto; right:0;}
   #A_Footer .wrap_lang .lang .inr_lang {border:none; box-shadow:none;}
   #A_Footer .wrap_lang .lang .wrap_lst_lang:before {border:none; left:auto; right:44px;}
   #A_Footer .wrap_lang .lang .wrap_lst_lang:after {display:none;}
}

@media screen and (max-width:588px){
   #A_Header.showMoGnb .headerBtn .selectDiv {left:calc(15vw + 15px)}
}
@media screen and (max-width:306px){
   #A_Header.showMoGnb .headerBtn .selectDiv {left:calc(100vw - 260px)}
}


/* mobile */
@media screen and (max-width:480px) {
    .inner {box-sizing:border-box; width:100%; padding:0 0.9375rem;}

    #A_Header {position:fixed; top:0; left:0; right:0; width:100%; height:50px; padding:0 0.9375rem; background-color:#fff; z-index:10;}
    #A_Header.on {border-bottom:1px solid #ddd;}
    #A_Header .logo {padding:12.5px 0 0;}
    #A_Header .logo a {width:160px; height:25px;}
    #A_Header .logo .logo_group {gap: 0.25rem}
    #A_Header .logo .logo_group > * {font-size: 1rem;}
    #A_Header .headerBtn {padding:10px 0 0;}
    #A_Header .headerBtn .loginLinks {display:none; position:fixed; right:90px; bottom:30px; z-index:50;}
    #A_Header .headerBtn .loginLinks li {margin:0 20px 0 0;}
    #A_Header .headerBtn .loginLinks li:last-child {margin:0;}
    #A_Header .headerBtn .loginLinks li a {width:30px; height:30px;}
    #A_Header .headerBtn .loginLinks li:nth-child(1) a {background-size:21px 23px;}
    #A_Header .headerBtn .loginLinks li:nth-child(2) a {background-size:26px 25px;}
    /*    #A_Header .headerBtn .selectDiv select {height:34px; border-radius:17px;}*/
    #A_Header .headerBtn .selectDiv .lang ul {left:20%; top:40px;}
    #A_Header .headerBtn .selectDiv .lang div p {height:34px; line-height:34px; font-size:0.875rem; border-radius:17px;}
    .menubar {right:15px; bottom:15px; width:60px; height:60px;}
    .btn_top  {right:15px; bottom:30px; width:40px; height:40px;}
    .menu_wrap {top:50px; width:100%; height:calc(100% - 50px); padding:0 15px 0 0;}
    .menu_wrap .gnb {right:15px; bottom:120px;}
    .menu_wrap .gnb > li {margin:15px 0 0 0;}
    .menu_wrap .gnb .gnb_tit {font-size:21px;}
    .menu_wrap .gnb .sub_menu {padding:10px 20px 10px 0;}
    .menu_wrap .gnb .sub_menu li a {font-size:1.2rem;}
    #A_Header .menu_wrap .loginLinks { display:none;}
    #A_Footer .wrap_lang .lang.on .wrap_lst_lang {display:flex; position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100vh; justify-content:center; align-items:center; max-width:none; padding:0;}
    #A_Footer .wrap_lang .lang.on .inr_lang {width:300px;}
    #A_Footer .wrap_lang .lang .wrap_lst_lang:before,
    #A_Footer .wrap_lang .lang .wrap_lst_lang:after {display:none;}
    #A_Footer .wrap_lang .lang .lst_lang {height:500px; max-height:70vh}
}



/* text align */
body.align_right #A_Header.ver2 .lst_submenu a,
body.align_right #A_Footer .ft_menu .gnb,
body.align_right #A_Footer .ft_links .terms_link
{text-align:right; direction:rtl}

body.align_right .wrap_lang .lang .btn_lang:before {margin:10px 0 0 5px;}
body.align_right #A_Header.ver2 .gnb_tit:after {margin:20px 10px 0 0}
body.align_right #A_Header.showAll .gnb_tit {text-align:right;}


@media screen and (max-width: 1024px){
   body.align_right #A_Footer .ft_menu .gnb_tit {text-align:right; direction:rtl;}
   body.align_right #A_Footer .ft_menu .gnb > li + li .gnb_tit:after {right:auto; left:0.9375rem;}
   body.align_right #A_Footer .ft_menu .lst_submenu li a {text-align:right; padding:8px 6px 8px 0;}
   body.align_right #A_Footer .ft_menu .lst_submenu li a::before {left:auto; right:0;}
   body.align_right #A_Header.showMoGnb .gnb_tit {text-align:right}
   body.align_right #A_Header.showMoGnb .gnb_tit:not(:only-child):after {right:auto; left:15px; margin:0;}
   body.align_right #A_Header.showMoGnb .gnb_mo .close {right:auto; left:0;}
   body.align_right #A_Header.showMoGnb .menu_member .signin a:before,
   body.align_right #A_Header.showMoGnb .menu_member .signup a:before,
   body.align_right #A_Header.showMoGnb .menu_member .logout a:before {margin:11px 0 0 4px;}

}

.align_right #sub_contents{direction: rtl;}
.align_right .main_title h2{direction: rtl ;padding-right: 20px;}
.align_right .main_grid .hv_text strong{padding-left: 50px;}
.align_right .main_grid .hv_text .more{padding-left: 50px;}
.align_right #nav .inner2 .sub_menu li a{text-align: right !important; padding-right: 50px !important;}
.align_right #nav{direction: rtl;}
.align_right #nav .inner2 > ul > li{float: right!important;}
.align_right #nav .inner2 > ul > li .tit{text-align: right !important; background: transparent url(/common/images/sub/arrow_lnb.png) no-repeat 10% center !important;;}
.align_right .line_text_box p{direction: rtl;}
.align_right .tabernacle .text_box{direction:rtl; }
.align_right .bstudy_gospel .text_area{direction:rtl; }
.align_right .bstudy_gospel .text_area .blue_box03 ul li span{float: right !important;;}
.align_right .post_area p{direction: rtl;}
.align_right .gospel .top_box{direction: rtl;}
.align_right .main_about p,
.align_right .main_bt p{direction: rtl;}
.align_right .about_box li{direction: rtl;}
.align_right .about_box li h4{text-align: right;}
.align_right .author_box p{float: left;}
.align_right .author_box::after{display: block;content: '';clear: both;}
.align_right .author_box .tit{text-align: right; float: left; width: 540px;}
.align_right .input_table .mail input{float: right!important;;}
.align_right .input_table .mail span{float: right!important;;}
.align_right .input_table td .birthday select{margin-left: 10px; float: right!important;    background: url(/common/images/sub/arrow_down.png) no-repeat 20% center #f1f5f7 !important}
.align_right .chk_wrap .chk_box{float: right!important;}
.align_right .chk_wrap .chk_box label span{float: right!important;}
.align_right .chk_wrap .chk_box label p{margin: 0 10px 0 30px !important;}
.align_right .bibical_terms .section_tit .mini_tit{clear: both;}
.align_right .signup_form .section .choice_area .chk_wrap .chk_box + .chk_box{margin: 0 !important;}
.align_right .lang_box .lang_tit{margin: 0 25px 0 15px!important;}
.align_right .book_detail .book_img .book_info ul li span{margin-left: 10px!important; float: right;}
.align_right .faith_box li{direction: rtl;text-align: right;}
.align_right .sky_box{direction: rtl;}
.align_right .section_tit h4{ direction: rtl;float: right;}
.align_right .contact .table_box{direction: rtl;}
.align_right .book_detail .book_txt{direction: rtl;}
.align_right .section_tit .right{float: left !important;}
.align_right .login_form ul li{direction: rtl;}
.align_right .signup_form {text-align: right;}
.align_right .signup_form .section .choice_area .chk_wrap .chk_box label span{float: right!important; margin-left: 0px;}
.align_right .lang_box select{background:  #f1f5f7 url(/common/images/sub/arrow_down.png) no-repeat 10% center !important; }
.align_right .total_box .total_right select{background: url(/common/images/sub/arrow_down.png) no-repeat 10% center !important;}
.align_right .lang_box{margin-right: 0 !important;}
.align_right .file_box{float: right !important;}
.align_right .file_box label{float: right !important;}
.align_right .input_table th{text-align: right !important;}
.align_right .subj_toggle .subj_tit04{background: url(/common/images/sub/arrow_down.png) no-repeat 5% center!important;}
.align_right .subj_toggle .subj_con ul li{padding: 0 50px 0 0px!important;}
.align_right .subj_toggle .subj_tit06{background: url(/common/images/sub/arrow_next_02.png) no-repeat 5% center!important;}
.align_right .subj_toggle_next .subj_tit{    background: url(/common/images/sub/enter_plus.png) no-repeat 5% center!important;   background-size: 26px!important; }
.align_right .subj_toggle .subj_tit04{ padding: 25px 25px 25px 80px!important;}
.align_right .subj_toggle .subj_tit06{ padding: 25px 25px 25px 80px!important;}
.align_right .subj_toggle .subj_tit{ padding: 25px 25px 25px 80px!important;}
.align_right .main_about::after{display: block;content: '';clear: both;}
.align_right .main_about > p{float: left;}
.align_right .book .lang_box{float: right !important;}
.align_right .book_detail .book_img .book_info ul li:before{right: -10px !important;}
.align_right .book .sort_box .lang_tit{text-align: right!important;}
.align_right .book_area .book_list > li{float: right!important; margin: 0 20px 40px 0px!important;}
.align_right .book_area .book_list > li:nth-child(4n+1){margin-right: 0!important;}
.align_right .border_view .move_page li {justify-content:flex-end;}
.align_right .tabernacle .subj_toggle .subj_tit{background: url(/common/images/sub/arrow_next_02.png) no-repeat 5% center!important;}
.align_right .bstudy_gospel .text_area .blue_box02 strong{float: right !important;}
.align_right .product_list .txt_box{padding: 25px 60px 25px 0px!important; }
.align_right .gospel .song_toggle .aco_tit{background: url(/common/images/sub/arrow_down.png) no-repeat 5% center!important;    padding: 20px 30px 20px 80px!important;}
.align_right .list_paging ul li{float: right!important;}
.align_right .view_type2 .tit_box strong{float: right!important;}
.align_right .view_type2 .tit_box strong::after{right: auto!important; left: -10px;}
.align_right .view_type2 .tit_box .txt p{float: right!important;padding-left: 0!important; padding-right: 30px;}
.align_right .gospel_search select{ background: url(/common/images/sub/arrow_down.png) no-repeat 10% center!important; }
.align_right .book_detail .small_tit {text-align:right;}
.align_right .book_detail .pdfDown_title {width:97%;padding-right:10px;}
.align_right .book_detail .pdfDown_title2 {width:97%;padding-right:10px;}
.align_right #A_Header.ver2 .searchDiv .inp {text-align:right; direction:rtl !important;;}
@media screen and (min-width:1024px){
   .align_right #A_Footer .ft_links .terms_link {float:right;}
   .align_right #A_Footer .ft_links .ft_sns {float:left;}
   .align_right #A_Footer .ft_links .ft_sns li {float:right; margin:0 15px;}
}
@media screen and (max-width:1024px){
   .align_right #A_Header.ver2 .sub_box a {text-align:right; direction:rtl}
   .align_right #A_Footer .ft_links .ft_sns li {float:right; margin-left:20px;}
   .align_right #A_Footer .ft_links .ft_sns li:last-child {margin-left:0}
   .align_right #A_Footer .ft_links .terms_link a {border-left:1px solid #e5e5e5;}
   .align_right #A_Footer .ft_links .terms_link a:last-child {border-left:none;}
}


@media screen and (min-width: 768px) and (max-width: 1200px){
.align_right .author_box .tit{width: 100% ;}
}
@media screen and (min-width: 481px) and (max-width: 767px){
   .align_right .author_box .tit{width: 100% ;}
   .align_right .book_area .book_list li{ margin: 0 10px 30px 0px!important;}
   .align_right .product_list .txt_box .b_name{padding: 0 !important;}
   .align_right .view_type2 .tit_box .txt p{padding-right: 0;}
   .align_right .main_grid .txt_box strong{text-align: right;padding-right: 0 !important;    width: auto !important;}
   .align_right .main_grid .grid_con02 .txt_box > div{width: 100% !important}
}
@media screen and (max-width: 480px){
  .align_right .author_box .tit{width: 100% ;}
  .align_right #nav .inner2 > ul > li .tit{padding: 0 30px 0 20px!important;}
  .align_right .input_table td .birthday select + select{margin: 0!important;margin-left: 3px!important;}
  .align_right #nav .inner2 .sub_menu li a{ padding-right: 30px !important;}
  .align_right .input_table td .birthday select{margin-left: 3px!important;}

  .align_right .section_tit .right{margin-top: 0 !important;margin-bottom: 10px;}
  .align_right .subj_toggle .subj_con ul li{padding: 0 25px 0 0px!important;}
  .align_right .subj_toggle .subj_tit{ padding: 15px 15px 15px 40px!important;padding-bottom: 70px!important;}
  .align_right .subj_toggle .subj_tit04{ padding: 15px 15px 15px 40px!important;}
  .align_right .subj_toggle .subj_tit06{ padding: 15px 15px 15px 40px!important;}
  .align_right .subj_toggle_next .subj_tit{background-position: center calc(100% - 18px)!important; background-size: 35px!important; }
  .align_right .book_area .book_list li{ margin: 0 10px 40px 0px!important;}
  .align_right .book_area .book_list li:nth-child(2n+1) {margin-right: 0!important;}
  .align_right .book .lang_box{width: 100%;}
  .align_right .view_type2 .tit_box .txt p{padding-right: 0;}
   .align_right .main_grid .txt_box strong{text-align: right;padding-right: 0 !important;    width: auto !important;}
   .align_right .main_grid .grid_con02 .txt_box > div{width: 100% !important}
   .align_right .main_title h2{left: auto!important; right: 5%;}
}

.popuplayer {position: fixed; box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 1rem; cursor: grab;}
.popuplayer .img_c {min-width: 240px}
.popuplayer .closeWrap.ft_popup {padding:10px; text-align:right; font-size:0; box-sizing:border-box;}
.popuplayer .closeWrap.ft_popup a {display:inline-block; font-size:14px; line-height:16px; color:#fff; padding:10px; background:#323232; vertical-align:top;}
.popuplayer .closeWrap.ft_popup .btn_pop_close {margin-left:8px;}
.popuplayer .closeWrap.ft_popup img {display:block; width:16px; height:16px;}