@charset "utf-8";

/* FONT */
/*  * NG (Korean) http://www.google.com/webfonts/earlyaccess */

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code, del, dfn, em, font, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {font-family:'Noto Sans KR', 'Tahoma', 'arial'; border:0 none; margin:0; padding:0;}
body, input, button, textarea, select {font-family:'Noto Sans KR', 'Tahoma', 'arial'; color:#333; font-size:14px; margin:0; padding:0;}
table {border-collapse:collapse; table-layout:fixed; width:100%;}
th, td {overflow:hidden;}
select, input, img {vertical-align:top;}
-ms-select {color:#333; font-family:'Noto Sans KR', '맑은 고딕', '돋움', ​dotum, 'sans-serif';}
address, caption, cite, code, dfn, em, strong, th, var, i {font-style:normal;}
ul, li, ol {list-style-type:none;}
hr {display:none;}
legend {position:absolute; z-index:-1; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
caption {z-index:-1; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
a {color:#1e1e1e; font-family:'Noto Sans KR', '맑은 고딕', '돋움', ​dotum, 'sans-serif'; text-decoration:none;}
a:hover {text-decoration:underline;}
a:focus {outline:1px dotted #aaa; text-decoration:underline;}

/*******************************************************************

※시사북스 font-size em 표기 (14px에 비례한 em)
20px 1.429em
18px 1.286em
17px 1.214em
16px 1.143em
15px 1.071em
14px 1em
13px 0.929em
12px 0.857em
11px 0.786em

********************************************************************/

/* skip */
#skipnavi {position:fixed; left:0; top:0; width:100%; z-index:900;}
#skipnavi a {position:absolute; left:0; top:-9999px; display:block; width:100%; height:30px; color:#fff; font-weight:bold; line-height:30px; text-align:center; background:#000;}
#skipnavi a:focus, #skipnavi a:active {top:0;}
#skipnavi a:hover {text-decoration:underline;}

/* WRAP */
#wrap {min-width:1090px;}

/* HEADER */
#header {overflow:visible; box-sizing:border-box; position:relative; padding-top:62px; height:138px;}
.head_search {overflow:hidden; position:relative; margin:0 auto; height:76px; width:1090px;}
.head_search h1 {position:absolute; left:0; top:16px;}
.head_search .unite_search {overflow:hidden; margin:6px auto 0; width:455px;}
.head_search .unite_search .input_wrap {float:left; border:1px solid #333; box-sizing:border-box; padding:11px 10px; height:46px; width:365px; border-radius: 30px 0 0 30px;
    border-right: 0;}
.head_search .unite_search .input_wrap .option {float:left; width:105px;}
.head_search .unite_search .input_wrap .option select {border:none; font-size:14px; font-weight:bold; width:100%;}
.head_search .unite_search .input_wrap .input_txt {float:left; margin-left:5px; width:360px;}
.head_search .unite_search .input_wrap .input_txt input[type="text"] {letter-spacing: 0.05em; border:none; font-size:18px; line-height:18px; height:18px; width:100%;}
.head_search .unite_search .btn_search {float:left; box-sizing:border-box; height:46px; width:90px;}
.head_search .unite_search .btn_search button[type="button"] {background-color:#fff; display:block; border:none; color:#fff; font-size:14px; font-weight:bold; line-height:38px; text-align:center; height:46px; width:100%;     border-radius: 0 30px 30px 0;
    border: 1px solid #222;
    border-left: 0px;}
.head_search .unite_search .btn_search button[type="button"] img{
  width: 20px;
}
.head_search .head_bnr_wrap {position:absolute; right:0; top:0;}
.head_bnr_container {overflow:hidden; position:relative;}
.head_bnr_container .slide_area {margin-right:45px; height:76px; width:200px;}
.head_bnr_container .slide_area ul {overflow:hidden; position:absolute; left:0; top:0; height:76px; width:300%;}
.head_bnr_container .slide_area li {float:left; height:76px; width:200px;}
.head_bnr_container .btn_control_bnr {overflow:hidden; position:absolute; right:0; top:30px;}
.head_bnr_container .btn_control_bnr .btn_bnr {display:block; float:left;}
.head_bnr_container .btn_control_bnr .btn_bnr.next {margin-left:-1px;}

/* UTILL_MENU */
.utill_menu {background-color:#f9f9f9; border-bottom:1px solid #d9d9d9; box-sizing:border-box; position:absolute; left:0; top:0; height:38px; width:100%; z-index:15;}
.utill_container {margin:0 auto; height:38px; width:1090px;}
.utill_container .site_section {float:left;}
.utill_container .site_section ul {overflow:hidden;}
.utill_container .site_section li {float:left; border-right:1px solid #d9d9d9;}
.utill_container .site_section li:first-child {border-left:1px solid #d9d9d9;}
.utill_container .site_section li a {display:block; color:#777; font-size:13px; text-align:center; padding:10px 20px;}
.utill_container .site_section li.on a {background-color:#fff; border-bottom:1px solid #fff; color:#6c428f;}
.utill_container .site_section li a:hover {background-color:#fff; border-bottom:1px solid #fff; color:#6c428f;}
.utill_container .user_menu {float:right;}
.user_menu_container {overflow:hidden;}
.user_menu_container > li {float:left; border-left:1px solid #d9d9d9;}
.user_menu_container > li > a {display:block; color:#777; font-size:13px; text-align:center; padding:9px 20px;}
.user_menu_container .drop_my_menu {background:url(/images/jpn/bullet/arrow_gray_7x4.gif) no-repeat 80% 17px; border-right:1px solid #d9d9d9;}
.user_menu_container .drop_my_menu .btn_drop_open {padding-right:40px;}
.user_menu_container .drop_my_menu .menu_list {display:none;}
.user_menu_container .drop_my_menu:hover {border-color:#333; border-bottom:1px solid #333;}
.user_menu_container .drop_my_menu:hover .menu_list {display:block; overflow:hidden;}
.user_menu_container .drop_my_menu:hover .menu_list ul {overflow:hidden; border-bottom:1px solid #d9d9d9;}
.user_menu_container .drop_my_menu:hover .menu_list li {overflow:hidden; background-color:#f9f9f9; border-top:1px solid #d9d9d9;}
.user_menu_container .drop_my_menu:hover .menu_list li:first-child {border-top:none;}
.user_menu_container .drop_my_menu:hover .menu_list li:hover {background-color:#fff;}
.user_menu_container .drop_my_menu:hover .menu_list li a {display:inline-block; color:#777; padding:10px 0 10px 20px;}

/* GNB */
#gnb {background-color:#6c428f; position:relative; height:44px; width:100%;}
.gnb_container {overflow:hidden; position:relative; margin:0 auto; width:1090px;}
.gnb_container .btn_site_map {display:block; overflow:hidden; position:absolute; left:0; top:0; height:44px; width:44px;}
.gnb_container .gnb_menu {float:left; margin-left:76px;}
.gnb_container .gnb_menu ul {overflow:hidden; padding-top:10px;}
.gnb_container .gnb_menu li {float:left;}
.gnb_container .gnb_menu li + li {background:url(/images/jpn/bullet/bar_gnb_div.png) no-repeat 0 5px; margin-left:20px; padding-left:20px;}
.gnb_container .gnb_menu a {color:#fff; font-size:16px; font-weight:500;}
.gnb_container .special_menu {background-color:#4f048d; float:right; padding-right:20px; padding-left:20px; height:44px;}/* 포인트컬러 */
.gnb_container .special_menu ul {overflow:hidden; padding-top:10px;}
.gnb_container .special_menu li {float:left;}
.gnb_container .special_menu li + li {margin-left:20px;}
.gnb_container .special_menu a {color:#fff; font-weight:bold; line-height:22px;}

.site_map {background:url(/images/jpn/layout/bg_site_map.png) repeat-x 0 bottom; position:absolute; left:0; top:44px; padding-bottom:8px; width:100%; z-index:99;}
.site_map .site_map_container {background:#fff url(/images/emptypage/layout/bg_site_map_img.png) no-repeat 0 0; overflow:hidden; margin:0 auto; padding-top:30px;}
.site_map .site_map_contents {overflow:hidden; margin:0 auto; width:1090px;}
.site_map .site_map_contents .list_all_menu {float:left;}
.site_map .site_map_contents .list_all_menu .depth_wrap {float:left; height:350px;}
.site_map .site_map_contents .list_all_menu .depth_wrap + .depth_wrap {border-left:1px solid #d9d9d9; margin-left:30px; padding-left:30px;}
.site_map .site_map_contents .list_all_menu .depth_wrap .menu_container {overflow:hidden;}
.site_map .menu_container .depth_tit {overflow:hidden; border-bottom:1px solid #777; padding-bottom:11px; width:192px;}
.site_map .menu_container .depth_tit ~ .depth_tit {padding-top:15px;}
.site_map .menu_container .depth_tit a {font-size:16px; font-weight:bold;}
.site_map .menu_container .depth_02 {overflow:hidden; padding-top:20px;}
.site_map .menu_container .depth_02 li {background:url(/images/jpn/bullet/dot_gray_3x3.gif) no-repeat 0 7px; padding-left:10px;}
.site_map .menu_container .depth_02 li + li {margin-top:12px;}
.site_map .menu_container .depth_02 a {color:#777; font-size:14px;}

.site_map .site_map_contents .ad_bnr_contents {float:left; margin-left:30px;}
.site_map .site_map_contents .ad_bnr_contents .bnr_area_01 {float:left; border-left:1px solid #d9d9d9; padding:0 29px; width:260px; height:350px;}
.site_map .site_map_contents .ad_bnr_contents .bnr_area_01 .depth_tit {overflow:hidden; border-bottom:1px solid #777; padding-bottom:11px; width:100%;}
.site_map .site_map_contents .ad_bnr_contents .bnr_area_01 .depth_tit em {font-size:16px; font-weight:bold;}
.site_map .site_map_contents .ad_bnr_contents .bnr_area_01 p{padding-top: 20px; color:#777; font-size: 14px; line-height: 150%; letter-spacing: -1px;}
.site_map .site_map_contents .ad_bnr_contents .bnr_area_01 .btn_area {margin-top: 20px;}
.site_map .site_map_contents .ad_bnr_contents .bnr_area_01 .btn_area a{padding:7px 9px; font-size: 13px; font-weight:normal;}
.site_map .site_map_contents .ad_bnr_contents .bnr_area_01 .vi{position: relative;}
.site_map .site_map_contents .ad_bnr_contents .bnr_area_01 .vi > *{position: absolute;}
.site_map .site_map_contents .ad_bnr_contents .bnr_area_01 .vi .i_1{top:130px; left:0px; opacity: 0;}
.site_map .site_map_contents .ad_bnr_contents .bnr_area_01 .vi .i_2{top:105px; left:175px; opacity: 0;}
.site_map .site_map_contents .ad_bnr_contents .bnr_area_01 .vi .i_3{top:15px; left:75px; opacity: 0;}

.site_map .site_map_contents .ad_bnr_contents .bnr_area_02 {float:left; border-left:1px solid #d9d9d9; padding-left:30px; height:350px;}
.site_map .site_map_contents .ad_bnr_contents .bnr_area_02 a {display:block; overflow:hidden; height:96px; width:262px;}
.site_map .site_map_contents .ad_bnr_contents .bnr_area_02 a + a {margin-top:10px;}

/*
.site_map .site_map_contents .ad_bnr_contents .bnr_area_02 .slide_area {height:227px; width:262px;}
.site_map .site_map_contents .ad_bnr_contents .bnr_area_02 .slide_area > ul {overflow:hidden; position:absolute; height:227px; width:400%;}
.site_map .site_map_contents .ad_bnr_contents .bnr_area_02 .set_group {float:left;}
.site_map .site_map_contents .ad_bnr_contents .bnr_area_02 .set_group .col_bnr {overflow:hidden; height:108px; width:262px;}
.site_map .site_map_contents .ad_bnr_contents .bnr_area_02 .set_group .col_bnr + .col_bnr {margin-top:11px;}
*/

/* FOOTER */
#footer {position: relative; border-top:1px solid #d9d9d9;}
.footer_container {width:100%;}
.footer_container .footer_wrap{position: relative; margin:0 auto; width:1090px; height: 50px;}
.footer_container .footer_wrap .sitemap_btn{overflow:hidden; position: absolute; top:20px; right:0;}
.footer_container .footer_wrap .sitemap_btn a {float:left;}
.footer_container .footer_sitemap{overflow: hidden; width:100%; border-bottom: 1px solid #d9d9d9;}
.footer_container .footer_sitemap .f_s{position: relative; overflow: hidden; width:1061px; height: 50px;}
.footer_container .footer_sitemap .f_s ul{position: absolute; top:0; left:0; width:300%;}
.footer_container .footer_sitemap .f_s ul li{float: left; margin-right:44px; width:133px;}
.footer_container .footer_sitemap .f_s ul li a{display:block; box-sizing:border-box; padding-top:18px; height:50px;}

/* .footer_container .footer_sitemap .sitemap_btn{float: left; margin-top:20px;} */
.footer_container .footer_btn_area{overflow: hidden; border-bottom: 1px solid #d9d9d9;}
.footer_container .footer_btn_area ul{overflow: hidden; float: left;}
.footer_container .footer_btn_area ul li{position: relative; float: left;}
.footer_container .footer_btn_area ul li a{display: block; padding:20px 13px; color:#777; font-size: 13px;}
.footer_container .footer_btn_area ul li a strong{color:#333; font-size: 13px;}
.footer_container .footer_btn_area ul li:before{content: ''; display: inline-block; position: absolute; top:23px; left:0; width:1px; height:11px; background-color: #cecece;}
.footer_container .footer_btn_area ul li:first-child a{padding-left: 0;}
.footer_container .footer_btn_area ul li:first-child:before{content: none;}
.footer_container .footer_btn_area .family_site_btn{float: right; border-right: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9;}
.footer_container .footer_btn_area .family_site_btn a{display: block; box-sizing:border-box; padding-top:19px; padding-bottom:19px; color:#333; background: url(/images/jpn/layout/family_arrow.png) no-repeat 185px 24px; font-weight: bold; font-size: 13px; text-indent:20px; height:55px; width:219px;}
.footer_container .footer_btn_area .family_site_btn.on a{color:#fff; background:#333 url(/images/jpn/layout/family_arrow_on.png) no-repeat 185px 24px;}
.footer_container .info_area{overflow:hidden; width:100%; background-color: #f6f6f6;}
.footer_container .info_area .footer_wrap{padding-top:30px; padding-bottom:30px; height:100%;}
.footer_container .info_area .footer_wrap .rep_info{overflow:hidden; margin-bottom:30px;}
.footer_container .info_area .footer_wrap .rep_info > div{overflow: hidden;}
.footer_container .info_area .footer_wrap .rep_info > div dl{overflow: hidden; float: left; font-size: 13px; color:#999; line-height: 150%;}
.footer_container .info_area .footer_wrap .rep_info > div dl dt{float: left;}
.footer_container .info_area .footer_wrap .rep_info > div dl dt:after{content: ':'; margin: 0 2px;}
.footer_container .info_area .footer_wrap .rep_info > div dl dd{float: left;}
.footer_container .info_area .footer_wrap .rep_info > div dl:first-child:after{content: ''; display: inline-block; margin: 4px 3px 0 5px; width:2px; height: 12px; background-color:#b5b5b5; }
.footer_container .info_area .footer_wrap .admin_info{font-size: 13px; color:#999; line-height: 150%;}
.footer_container .info_area .footer_wrap .admin_info > div{overflow: hidden;}
.footer_container .info_area .footer_wrap .admin_info > div > *{float: left;}
.footer_container .info_area .footer_wrap .admin_info > div > dl{float: left; overflow: hidden; position: relative; padding-left: 10px; margin-right: 10px;}
.footer_container .info_area .footer_wrap .admin_info > div > dl:before{content: ''; position: absolute; top:4px; left:0; display: inline-block; width:2px; height: 12px; background-color:#b5b5b5;}
.footer_container .info_area .footer_wrap .admin_info > div > .address{margin-right: 5px;}
.footer_container .info_area .footer_wrap .admin_info > div > dl dt{float: left;}
.footer_container .info_area .footer_wrap .admin_info > div > dl dt:after{content: ':'; margin: 0 2px;}
.footer_container .info_area .footer_wrap .admin_info > div > dl dd{float: left;}
.footer_container .info_area .footer_wrap .admin_info > div > dl dd a{font-size: 13px; color:#999;}
.footer_container .info_area .footer_wrap .admin_info > div.num_area > dl:first-child{padding-left: 0;}
.footer_container .info_area .footer_wrap .admin_info > div.num_area > dl:first-child:before{content: none;}
.footer_container .info_area .footer_wrap > img{position: absolute; top:30px; right:0;}
.footer_wrap .copy_txt{margin-top:3px; color:#333; font-size: 13px;}

.footer_container .family_pop{position: absolute; right: 50%; bottom: 327px; z-index: 5; display: none; overflow: hidden; margin-right: -544px; width: 1090px; height: 0; border: 1px solid #333; background-color: #fff;}
.footer_container .family_pop .list{overflow: hidden; padding-bottom: 38px;}
.footer_container .family_pop .list .f_part{float: left; padding-top: 10px; padding-left: 60px; width: 145px;}
.footer_container .family_pop .list .f_part > div strong{display: inline-block; margin-top: 20px; margin-bottom: 10px; color:#333; font-size: 15px;}
.footer_container .family_pop .list .f_part > div ul li a{display: inline-block; padding:2px 0; color:#777; font-size: 13px;}
.footer_container .family_pop .list .f_part > div ul li{}
.footer_container .family_pop .list .f_part > div ul li:before{content: ''; display: inline-block; margin-right: 5px; margin-bottom: 3px; width: 3px; height: 3px; background-color: #c9c9c9;}
.footer_container .family_pop .sns_list{overflow: hidden;background-color: #f6f6f6; width: 100%; height: 50px;}
.footer_container .family_pop .sns_list > *{float: left;}
.footer_container .family_pop .sns_list > strong{display: inline-block; margin: 18px 125px 0 25px;}
.footer_container .family_pop .sns_list > div.chn{margin-left: 35px;}
.footer_container .family_pop .sns_list > div{margin-top:15px;}
.footer_container .family_pop .sns_list > div > strong{float: left; margin-top: 4px; margin-right: 10px; color:#333; font-size: 15px;}
.footer_container .family_pop .sns_list > div > ul{overflow: hidden; float: left;}
.footer_container .family_pop .sns_list > div > ul li{float: left; margin-left:10px;}
.footer_container .family_pop .sns_list > div > ul li a{display: inline-block; padding:5px 5px 5px 30px;/*padding:19px 10px 19px 30px; */font-size: 13px;}
.footer_container .family_pop .sns_list > div > ul li.blog a{background: url(/images/jpn/layout/footer_icon_b.png) no-repeat;}
.footer_container .family_pop .sns_list > div > ul li.facebook a{background: url(/images/jpn/layout/footer_icon_f.png) no-repeat;}
.footer_container .family_pop .sns_list > div > ul li.insta a{background: url(/images/jpn/layout/footer_icon_i.png) no-repeat;}
.footer_container .family_pop .sns_list > div > ul li.cafe a{background: url(/images/jpn/layout/footer_icon_c.png) no-repeat;}
.footer_container .family_pop .sns_list > div > ul li.youtube a{background: url(/images/jpn/layout/footer_icon_y.png) no-repeat;}
.footer_container .family_pop .sns_list > div.jpn> strong{margin-left: 0;}

/* QUICK */
#quick {background-color:#fff; overflow:hidden; border-right:1px solid #acacac; border-left:1px solid #acacac; position:fixed; right:0; top:0; min-height:1080px; width:110px; z-index:20;}
.service_link {overflow:hidden; width:110px;}
.service_link .go_link {background:url(/images/jpn/bullet/arrow_wh_4x7.gif) no-repeat 90% 50% #333; display:block; overflow:hidden; border-bottom:1px solid #000; color:#fff; font-size:12px; padding:10px;}
.lately_books_wrap {overflow:hidden;}
.lately_books_wrap .title_lately {overflow:hidden; border-bottom:1px solid #acacac; padding:10px;}
.lately_books_wrap .title_lately h2 {color:#777; font-size:12px;}
.lately_books_wrap .title_lately h2 span {font-weight:normal;}
.lately_books_wrap .title_lately h2 strong {color:#6c428f;}
.lately_books_wrap .title_lately h2 strong:before {color:#6c428f; content:'(';}
.lately_books_wrap .title_lately h2 strong:after {color:#6c428f; content:')';}
.history_container {overflow:hidden; padding-right:15px; padding-left:16px; height:362px;}
.history_container .list_none {color:#777; font-size:12px; text-align:center; padding-top:165px;}
.history_container .list_view {overflow:hidden; margin-top:10px; margin-bottom:10px;}
.history_container .list_view .slide_area {margin-bottom:10px; height:316px; width:77px;}
.history_container .list_view .slide_area > ul {overflow:hidden; position:absolute; left:0; top:0; height:316px; width:300%;}
.history_container .list_view .slide_area .row_history {float:left; width:77px;}
.history_container .list_view .slide_area .col_history {overflow:hidden;}
.history_container .list_view .slide_area .col_history + .col_history {margin-top:8px;}

.history_container .list_view .btn_control_bnr {overflow:hidden; text-align:center;}
.history_container .list_view .btn_control_bnr * {display:inline-block;}
.history_container .list_view .btn_control_bnr .now_p {font-size:11px;}
.history_container .list_view .btn_control_bnr .now_p:after {color:#999; content:'/';}
.history_container .list_view .btn_control_bnr .all_p {color:#999; font-size:11px; font-weight:bold;}
.history_container .list_view .btn_control_bnr .prev {margin-right:5px;}
.history_container .list_view .btn_control_bnr .next {margin-left:5px;}
.history_container .list_view .btn_control_bnr img {vertical-align:middle;}

.quick_ad_bnr {overflow:hidden;}
.quick_ad_bnr .slide_area {margin-bottom:10px; height:320px; width:110px;}
.quick_ad_bnr .slide_area > ul {overflow:hidden; position:absolute; left:0; top:0; height:320px; width:300%;}
.quick_ad_bnr .slide_area .row_ad {float:left; height:320px; width:110px;}
.quick_ad_bnr .slide_area .col_ad {height:160px; width:110px;}

.quick_ad_bnr .btn_control_bnr {overflow:hidden; text-align:center; margin-bottom:10px;}
.quick_ad_bnr .btn_control_bnr * {display:inline-block;}
.quick_ad_bnr .btn_control_bnr .now_p {font-size:11px;}
.quick_ad_bnr .btn_control_bnr .now_p:after {color:#999; content:'/';}
.quick_ad_bnr .btn_control_bnr .all_p {color:#999; font-size:11px; font-weight:bold;}
.quick_ad_bnr .btn_control_bnr .prev {margin-right:5px;}
.quick_ad_bnr .btn_control_bnr .next {margin-left:5px;}
.quick_ad_bnr .btn_control_bnr img {vertical-align:middle;}

.goto_top {background:url(/images/jpn/bullet/arrow_blue_7x4.gif) no-repeat 27% 50%; display:block; overflow:hidden; border-top:1px solid #acacac; font-weight:bold; text-align:center; padding:10px 15px;}

/* LOCATION */
.location {overflow:hidden; border-bottom:1px solid #d9d9d9; padding-top:15px; padding-bottom:15px; width:100%;}
.location .location_container {overflow:hidden; margin:0 auto; width:1090px;}
.location .location_container ul {overflow:hidden;}
.location .location_container li {float:left; color:#333; font-size:12px;}
.location .location_container li + li:after {float:left; color:#999; content:'>'; font-size:12px; margin-right:10px; margin-left:10px;}
.location .location_container li a {color:#999; font-size:12px;}

/* CONTAINER,contents */
#container {overflow:hidden; margin-bottom:80px;}
#contents {overflow: hidden; margin: 0 auto; padding-top: 40px; width: 1090px;}
#contents.siso_shop {width: 100%; padding-top: 0;}
.siso_shop .title_02, .siso_shop .tab_product, .siso_shop #book_list, .siso_shop .tab_area ul{overflow:hidden; width: 1090px; margin: 0 auto;}
/* COMMON_STYLE */
#wrap button {cursor:pointer;}
.blind {overflow:hidden; font-size:0; line-height:0; position:absolute; height:0; width:0;}
.placeholder {color:#999;}
.slide_area {overflow:hidden; position:relative;}

.t_l {text-align:left !important;}
.t_c {text-align:center;}
.t_r {text-align:right;}

.new_board {background:url(/images/jpn/icon/new_01.png) no-repeat 0 0; display:block; float:left; line-height:0; text-indent:-9999px; margin-top:-1px; margin-left:5px; height:18px; width:18px;}

.title {overflow:hidden; margin-bottom:20px;}
.title h3 {float:left; font-size:24px; line-height:1.3em; margin-right:30px;}

.title_02 {overflow:hidden; margin-bottom:20px;}
.title_02 * {float:left; font-size:18px; line-height:1.2em;}
.category_shop .title_02{position: absolute; width:0; height: 0; top: -1px; left: 0; overflow: hidden; margin-bottom: 0;}
.category_shop .title_02 + form{background-color: #f8f8f8; border-top: 1px solid #ebebeb; border-bottom: 1px solid #d9d9d9;}

.title_bdr {overflow:hidden; border-bottom:1px solid #d9d9d9; margin-bottom:40px; padding-bottom:15px;}
.title_bdr * {font-size:20px;}

.title_bg {overflow:hidden; background-color:#f9f9f9; border-bottom:1px solid #d9d9d9; padding:20px 30px;}
.title_bg * {font-size:18px;}

.sotr_board {float:left; padding-top:10px;}
.sotr_board li {float:left;}
.sotr_board li + li {background:url(/images/jpn/bullet/div_gray_1x10.gif) no-repeat 0 3px; margin-left:8px; padding-left:10px;}
.sotr_board a {color:#999; font-size:13px;}
.sotr_board a:hover {color:#333; font-weight:bold;}
.sotr_board li.on a {color:#333; font-weight:bold;}

.paging {overflow:hidden; text-align:center; margin-top:20px;}
.paging > a {line-height:0;}
.paging span {display:inline-block; overflow:hidden;}
.paging span * {display:inline-block; line-height:30px; height:30px; width:30px;}
.paging span strong {text-decoration:underline;}
.paging span a {color:#777;}

.bullet_roll {overflow:hidden; text-align:center; margin-top:20px;}
.bullet_roll * {display:inline-block;}
.bullet_roll .square {background-color:#fff; border:1px solid #ccc; line-height:0px; height:8px; width:8px;}
.bullet_roll .square + .square {margin-left:1px;}
.bullet_roll .square:hover {background-color:#444; border:1px solid #444;}
.bullet_roll .square.on {background-color:#444; border:1px solid #444;}

div.search_none,
div.data_none {overflow:hidden; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; text-align:center; padding-top:50px; padding-bottom:50px;}
.search_none p,
.data_none p {font-size:14px; padding-top:20px;}
.search_none .btn_area,
.data_none .btn_area {margin-top:20px;}

/* LIST STYLE */
.dot_li {overflow:hidden;}
.dot_li li {overflow:hidden; position:relative; padding-left:10px;}
.dot_li li:before {background-color:#bdbdbd; content:""; position:absolute; left:0; top:7px; height:3px; width:3px;}

/* BOX LAYOUT */
.bdr_d9 {border:1px solid #d9d9d9;}
.bdr_333 {border:2px solid #333;}
.bt_2px {border-top:2px solid #333;}
.bb_d9 {border-bottom:1px solid #d9d9d9;}
.pd_20 {padding:20px;}
.pd_30 {padding:30px;}
.pd_3025 {padding:30px 25px;}
.pd_4030 {padding:40px 22px;}
.f9_box {background-color:#f9f9f9; border:1px solid #d9d9d9; padding:15px 18px;}
.f9_box * {color:#777; line-height:20px;}
.bg_f6 {overflow:hidden; background-color:#f6f6f6;}
.bg_f6 .bg_f6_tit {overflow:hidden; font-size:20px; font-weight:bold; line-height:1.5em; text-align:center;}
.box_bdr {border-top:1px solid #333; border-bottom:1px solid #d9d9d9; padding-top:10px; padding-bottom:10px;}
.box_bdr .bg_f6 {padding:45px 50px;}

/* POINT COLOR */
.txt_777 {color:#777;}
.txt_point {color:#6c428f;}/* TEXT포인트컬러 */
.bg_point {background-color:#6c428f; border:1px solid #6c428f; color:#fff;}/* 사이트-BG포인트컬러 */

/* TEXT STYLE */
.star_txt {color:#777; font-size:13px; line-height:20px;}
.star_txt:before {content:'*'; padding-right:5px;}

/* BUTTON STYLE */
.btn_area {overflow:hidden;}
.btn_area * {display:inline-block; box-sizing:border-box; font-weight:bold; text-align:center;}
.btn_area i {padding-right:9px;}
.btn_area img {vertical-align:-1px;}
.align_left {text-align:left;}
.align_center {text-align:center;}
.align_right {text-align:right;}
.btn_bk {background-color:#333; border:1px solid #333; color:#fff;}
.btn_fff {background-color:#fff; border:1px solid #d9d9d9; color:#777;}
.btn_fff02 {background-color:#fff; border:1px solid #d9d9d9; color:#333;}
.btn_777 {background-color:#777; border:1px solid #777; color:#fff;}
.btn_siso {background-color:#6c428f; border:1px solid #6c428f; color:#fff;}/* 시소스토리_포인트컬러 */
.btn_jp {background-color:#1165b0; border:1px solid #1165b0; color:#fff;}/* 일본어사이트_포인트컬러 */
.btn_ch {background-color:#ed1c24; border:1px solid #ed1c24; color:#fff;}/* 중국어사이트_포인트컬러 */
.btn_ko {background-color:#b6265f; border:1px solid #b6265f; color:#fff;}/* 한글파크_포인트컬러 */
.btn_lan {background-color:#00a0a3; border:1px solid #00a0a3; color:#fff;}/* 랭기지플러스_포인트컬러 */
.btn_sc {background-color:#068748; border:1px solid #068748; color:#fff;}/* 교과서_포인트컬러 */
.btn_ss {background-color:#ed1c24; border:1px solid #ed1c24; color:#fff;}/* 시소스터디_포인트컬러 */
.h_50 {line-height:50px; height:50px;}
button.h_50 {line-height:48px;}
.h_34 {line-height:34px; height:52px;}
button.h_34 {line-height:32px;}
.h_30 {font-size:13px; line-height:30px; height:30px;}
button.h_30 {line-height:28px;}
.w_180 {font-size:16px; width:180px;}
/*button.w_180 {width:180px;}*/
.w_108 {width:108px;}
/*button.w_108 {width:108px;}*/
.w_98 {width:98px;}
/*button.w_98 {width:98px;}*/
.p_30 {padding-right:30px; padding-left:30px;}
.p_20 {padding-right:20px; padding-left:20px;}
.p_25 {padding-right:25px; padding-left:25px;}
.p_10 {padding-right:10px; padding-left:10px;}
.more {background-color:#fff; display:block; border:1px solid #d9d9d9; color:#777; font-size:14px; font-weight:bold; box-sizing:border-box; text-align:center; padding-top:15px; padding-bottom:15px; width:100%;}
.btn_qna {display:block; color:#fff; font-size:12px; font-weight:bold; line-height:24px; text-align:center; margin:0 auto; height:24px; width:65px;}
.qna_receive {background-color:#999;}
.qna_answer {background-color:#6c428f;}/* 포인트컬러 */
.more_02 {display:block; color:#999; font-size:13px; font-weight:bold; position:absolute; right:0; top:5px;}
.more_02:after {content:''; display:inline-block; margin-bottom:1px; margin-left:5px; width:0; height:0; border-top:3px solid transparent; border-bottom:3px solid transparent; border-left:3px solid #929292;}

/* TAB STYLE */
.tab_area {overflow:hidden;}
.tab_area li {float:left; box-sizing:border-box;}
.tab_area li a {display:block; overflow:hidden; box-sizing:border-box; text-align:center;}
.tab_area .number:before {content:"(";}
.tab_area .number:after {content:")";}

.number_2ea li {width:50%;}
.number_3ea li {width:33.3333%;}
.number_4ea li {width:25%;}
.number_5ea li {width:20%;}
.number_6ea li {width:16.6666%;}
.number_7ea li {width:14.285%;}
.number_8ea li {width:12.5%;}

.style_01 ul {overflow:hidden;}
.style_01 li {background-color:#f9f9f9; border-top:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding-top:13px; padding-bottom:12px; height:45px;}
.style_01 li:first-child {border-left:1px solid #d9d9d9;}
.style_01 li.on {background-color:#999; border:1px solid #999;}
.style_01 li a {font-size:14px; font-weight:bold;}
.style_01 li.on a {color:#fff;}

.style_02 ul {overflow:hidden;}
.style_02 li {background-color:#f9f9f9; border-top:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; height:38px;}
.style_02 li:first-child {border-left:1px solid #d9d9d9;}
.style_02 ul ~ ul li {margin-top:-1px;}
.style_02 li a {color:#777; line-height:36px; height:36px;}

.style_02 li.on {background-color:#fff; border:1px solid #6c428f;}
.style_02 ul ~ ul li.on {margin-top:0; height:37px;}
.style_02 li.on a {color:#6c428f; font-weight:bold;}

.style_03 {overflow:visible; border-bottom:1px solid #333;}
.style_03 ul {height:44px;}
.style_03 li {width:219px;}
.style_03 li a {background-color:#f9f9f9; border-top:1px solid #d9d9d9; border-right:1px solid #d9d9d9; box-sizing:content-box; height:15px; padding-top:14px; padding-bottom:14px;}
.style_03 li:first-child a {border-left:1px solid #d9d9d9;}
.style_03 li.on a {background-color:#fff; border-top:1px solid #333; border-right:1px solid #333; border-left:1px solid #333; padding-bottom:15px;}

.board_tab {background-color:#f9f9f9; overflow:hidden; border-top:2px solid #333; border-bottom:1px solid #d9d9d9; margin-bottom:30px; padding-top:30px; padding-bottom:40px;}
.style_04 {overflow:hidden;}
.style_04 ul {overflow:hidden; text-align:center;}
.style_04 li {display:inline-block; float:none;}
.style_04 li a {box-sizing:content-box; font-weight:bold; line-height:34px; padding-right:20px; padding-left:20px; height:34px;}

/* BOARD COMMON */
.comment_board {color:#777; font-size:12px; position:absolute; right:0; top:-30px;}
.comment_board .count {color:#6c428f; padding-left:5px;}

.lang_sort {display:block; overflow:hidden; box-sizing:border-box; font-size:11px; font-weight:normal; text-align:center; margin:0 auto; padding-top:1px; padding-bottom:1px; width:72px;}
.lang_sort.all {border:1px solid #333;}
.lang_sort.siso {border:1px solid #6c428f; color:#6c428f;}
.lang_sort.jpn {border:1px solid #1165b0; color:#1165b0;}
.lang_sort.chn {border:1px solid #ed1c24; color:#ed1c24;}
.lang_sort.kor {border:1px solid #b6265f; color:#b6265f;}
.lang_sort.lang {border:1px solid #00a0a3; color:#00a0a3;}
.lang_sort.scbook {border:1px solid #068748; color:#068748;}

/* BOARD_LIST */
.board_list {overflow:visible; position:relative;}
.board_list thead th {border-bottom:1px solid #e5e5e5; padding-top:20px; padding-bottom:20px;}
.board_list thead tr:first-child th {border-top:1px solid #333;}
.board_list tbody td {border-bottom:1px solid #e5e5e5; text-align:center; padding-top:18px; padding-bottom:18px;}
.board_list tbody .t_l {padding-right:20px; padding-left:20px;}
.board_list tbody .t_l a {display:block; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; max-width:90%;}
.board_list tbody .t_l .reply {float:left; font-size:13px; margin-left:5px;}
.board_list tbody .t_l .reply:before {content:"("}
.board_list tbody .t_l .reply:after {content:")"}
.board_list tbody .search_none td,
.board_list tbody .data_none td {padding-top:50px; padding-bottom:50px;}
.board_list .notice {font-weight:bold;}

/* BOARD_SEARCH */
.board_search {background-color:#f9f9f9; overflow:hidden; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; margin-top:40px;}
.search_container {overflow:hidden; text-align:center; margin:0 auto; padding-top:30px; padding-bottom:30px;}
.search_container select, input[type="text"], button.btn_bk {display:inline-block;}
.search_container input[type="text"] {width:500px;}

/* BOARD_VIEW */
.board_view {overflow:hidden;}
.board_view thead th {border-top:1px solid #333; border-bottom:1px solid #e5e5e5; padding-top:20px; padding-bottom:20px;}
.board_view .board_title {overflow:hidden; line-height:20px; word-break:break-all; max-width:780px;}
.board_view .file th {padding:10px 20px;}
.board_view .file .file_wrap {overflow:hidden;}
.board_view .file .file_wrap + .file_wrap {margin-top:10px;}
.board_view .file .file_wrap a {color:#777; font-size:13px; font-weight:normal; padding-left:5px;}
.board_view .file .file_wrap img {vertical-align:middle;}
.board_view .board_date {overflow:hidden;}
.board_view .board_date dt,
.board_view .board_date dd {display:inline-block;}
.board_view .board_date dd {background:url(/images/jpn/bullet/div_gray_1x12.gif) no-repeat 0 50%; color:#777; font-weight:normal; margin-left:10px; padding-left:10px;}
.board_view .board_date {overflow:hidden;}
.board_view .board_writer dt,
.board_view .board_writer dd {display:inline-block;}
.board_view .board_writer dd {background:url(/images/jpn/bullet/div_gray_1x12.gif) no-repeat 0 50%; color:#777; font-weight:normal; margin-left:10px; padding-left:10px;}
.board_view tbody .view_contents {border-bottom:1px solid #e5e5e5; line-height:1.429em; padding:30px 30px 70px;}
.board_view .post_preview {overflow:hidden; margin-top:30px;}
.board_view .post_preview dl {overflow:hidden;}
.board_view .post_preview dl:first-child {border-top:1px solid #333; border-bottom:1px solid #e5e5e5;}
.board_view .post_preview dl + dl {border-bottom:1px solid #e5e5e5;}
.board_view .post_preview dt {background-color:#f9f9f9; float:left; font-weight:bold; text-align:center; padding-top:20px; padding-bottom:20px; width:80px;}
.board_view .post_preview dd {float:left; padding:18px;}
.board_view .post_preview dd a {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; max-width:940px;}
.board_view .btn_area {margin-top:20px;}

/* 댓글 */
.comment_wrap {overflow:hidden; margin-top:30px;}
.comment_wrap dl {overflow:hidden; border-bottom:1px solid #333; margin-bottom:10px; padding-bottom:10px;}
.comment_wrap dt {display:inline; color:#777; font-weight:bold;}
.comment_wrap dd {display:inline; font-weight:bold;}
.comment_wrap dd:before {content:"(";}
.comment_wrap dd:after {content:")";}
.comment_wrap .comment_input {overflow:hidden; border-bottom:1px solid #d9d9d9; padding-bottom:10px;}
.comment_wrap .comment_input .txtarea {float:left; height:78px; width:960px;}
.comment_wrap .comment_input .txtarea textarea {resize:none; height:100%; width:100%;}
.comment_wrap .comment_input .btn_area {float:left; margin-top:0; margin-left:10px;}
.comment_wrap .comment_input .btn_area .confirm_comment {height:78px; width:120px;}
.comment_wrap .board_list td {color:#777; line-height:22px;}
.comment_wrap .board_list .comment_content {overflow:hidden;}
.comment_wrap .board_list .btn_area {margin-top:10px;}

/* BOARD_WRITE */
.board_write {overflow:visible; position:relative;}
.board_write .essential:before {color:#6c428f; content:'(*)';}
.board_write tr:first-child th,
.board_write tr:first-child td {border-top:1px solid #333;}
.board_write th {background-color:#f9f9f9; border-bottom:1px solid #e5e5e5; text-align:left; vertical-align:middle; padding:20px 0 20px 20px;}
.board_write th .essential:before {padding-left:5px;}
.board_write td {border-bottom:1px solid #e5e5e5; padding:10px 10px 10px 15px;}
/*.board_write .btn_area {margin-top:20px;}*/

/* 1:1문의 */
.customer .board_list .go_write {position:absolute; right:0; bottom:-54px; z-index:2;}
.customer .board_writer {float:left;}
.customer .board_date {float:right;}
.customer .board_view .view_contents {padding:25px 20px 30px 20px;}
.customer .question_wrap {overflow:hidden;}
.customer .question_wrap .icon {background:url(/images/jpn/icon/icon_q.png) no-repeat 0 0; display:block; float:left; line-height:0; text-indent:-9999px; height:22px; width:22px;}
.customer .question_wrap .q_contents {float:left; overflow:hidden; line-height:22px; margin-left:20px; max-width:980px;}
.customer .board_view .view_contents.answer {background-color:#f9f9f9;}
.customer .answer_wrap {overflow:hidden;}
.customer .answer_wrap .icon {background:url(/images/jpn/icon/icon_a.png) no-repeat 0 0; display:block; float:left; line-height:0; text-indent:-9999px; height:22px; width:22px;}
.customer .answer_wrap .a_contents {float:left; overflow:hidden; line-height:22px; margin-left:20px; max-width:980px;}
.customer .answer_wrap .basic_comment {float:left; overflow:hidden; line-height:22px; margin-left:20px; max-width:980px;}
.customer .board_write .btn_area {margin-top:20px;}

/* FORM */
#contents input[type="text"],
#contents input[type="password"],
#popup_wrap input[type="text"],
#popup_wrap input[type="password"] {border:1px solid #d9d9d9; box-sizing:border-box; line-height:1em; height:52px; padding:8px 9px;}
textarea {border:1px solid #d9d9d9; box-sizing:border-box; resize:vertical; padding:8px 9px; width:100%;}
#contents select, #popup_wrap select {border:1px solid #d9d9d9; box-sizing:border-box; height:52px; padding:6px 9px 6px 9px;}
#contents select *, #popup_wrap select * {font-family:font-family:'Noto Sans KR', '맑은 고딕', '돋움', ​dotum, 'sans-serif'; font-size:14px; padding:3px;}
#contents button:hover {text-decoration:underline;}
input[type="radio"], input[type="checkbox"] {vertical-align:middle;}
label {cursor:pointer;}
.focus {border-color:#6c428f !important;}/* 사이트_포인트컬러 */
#container #user_id, #container #user_pw{
	height: 52px;
}

.email {overflow:hidden;}
.email select {width:141px;}
.email input[type="text"] {font-size:14px; width:126px;}
.email input[type="text"]:first-child {width:130px;}
.email input[type="text"] + input[type="text"] {width:170px;}
.email em {font-size:14px; line-height:45px;}

.mobile {overflow:hidden;}
.mobile select {width:126px;}
.mobile input[type="text"] {font-size:14px; text-align:center; width:126px;}
.mobile em {font-size:14px; line-height:45px;}

.address_input {overflow:hidden;}
.address_input .mail_num,
.address_input .btn_area,
.address_input .detail_num {display:inline-block; overflow:hidden;}

/* 상품리스트탭 */
.siso_shop .tab_product{border:none;}
.tab_product {overflow:hidden; border-top:1px solid #333; border-bottom:1px solid #d9d9d9; height:45px;}
.tab_product .order_sort {float:left;}
.tab_product .order_sort li {float:left;}
.tab_product .order_sort li + li {margin-left:20px;}
.tab_product .order_sort a {display:inline-block; color:#777; line-height:43px; height:43px;}
.tab_product .order_sort a:hover {text-decoration:none;}
.tab_product .order_sort .on {border-bottom:1px solid #6c428f;}
.tab_product .order_sort .on a {border-bottom:1px solid #6c428f; color:#6c428f; font-weight:bold;}/* 포인트컬러 */

.tab_product .etc_sort {float:right;}
.tab_product .etc_sort .btn_shape {float:left; padding-top:15px;}
.tab_product .etc_sort .btn_shape a {display:inline-block; overflow:hidden; line-height:0; height:16px; width:16px;}
.tab_product .etc_sort .btn_shape a + a {margin-left:6px;}
.tab_product .etc_sort .btn_shape a.on img {margin-top:-17px;}
.tab_product .etc_sort .btn_shape a:hover img {margin-top:-17px;}
.tab_product .etc_sort .count_sort {float:left; margin-left:10px; padding-top:5px;}

/* 상품목록-상세공통:MP3,동영상(유료,무료) */
.media_icon {overflow:hidden; margin-bottom:10px;}
.media_icon .icon_m {display:inline-block; color:#fff; font-size:11px; text-align:center; padding:2px;}
.media_icon .free_mp3 {background-color:#9f79e5; border:1px solid #8266b6;}
.media_icon .free_movie {background-color:#4994d9; border:1px solid #4b78a5;}
.media_icon .vocie_class {background-color:#3aaa73; border:1px solid #399165;}
.media_icon .charge_movie {background-color:#ee7975; border:1px solid #dd5955;}

/* 상품목록-상세공통:난이도 */
.difficult {overflow:hidden; margin-top:15px;}
.difficult ol {overflow:hidden;}
.difficult li {background-color:#fff; float:left; font-size:14px; margin-left:-1px; padding:5px 10px;}
.difficult li:first-child {margin-left:0;}
.difficult li.on {border-color:#fa6c76; color: #f7414e; position: relative;}

/* 상품목록-상세공통:책구성상품 */
.component_container .list_component .icon_prod {background-repeat:no-repeat; background-position:0 0; overflow:hidden; color:#777; font-size:12px; line-height:19px; padding-left:25px; height:19px;}
.component_container .list_component .cd {background-image:url(/images/jpn/icon/product_cd.png);}
.component_container .list_component .tape {background-image:url(/images/jpn/icon/product_tape.png);}
.component_container .list_component .book {background-image:url(/images/jpn/icon/product_book.png);}
.component_container .list_component .note {background-image:url(/images/jpn/icon/product_note.png);}
.component_container .list_component .cellophane {background-image:url(/images/jpn/icon/product_cellophane.png);}
.component_container .list_component .sticker {background-image:url(/images/jpn/icon/product_sticker.png);}
.component_container .list_component .gift {background-image:url(/images/book/icon/product_gift.png);}

/* 상품리스트-자세히보기타입 */
.detail_view {overflow:hidden;}
.detail_view .row_wrap {overflow:hidden;}
.detail_view .row_wrap .product_wrap {border-bottom:1px solid #d9d9d9; height:345px;}
.detail_view .thumnail {float:left; margin-top:30px; width:217px;}
.detail_view .detail_info {float:left; margin-top:30px; margin-left:50px; width:643px;}
.detail_view .detail_component {display:none; overflow:hidden; font-size:0; line-height:0; height:0; width:0;}

.detail_view .book_component {background-color:#f9f9f9; float:left; margin-left:50px; height:345px; width:130px;}
.detail_view .book_component .component_container {overflow:hidden; padding-top:23px; padding-bottom:22px;}
.detail_view .component_container .list_component {overflow:hidden; padding-right:20px; padding-left:20px;}
.detail_view .component_container .list_component .icon_prod {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; max-width:80px;}
.detail_view .component_container .list_component .icon_prod + .icon_prod {margin-top:15px;}

.detail_view .component_container .media_contet {margin-top:20px;}
.detail_view .component_container .media_contet .btn_fff {display:block; margin:0 auto; width:90px;}

/* 상품리스트-COMMON STYLE */
.product_wrap {overflow:hidden;}
.product_wrap .thumnail {position:relative;}
.product_wrap .thumnail .book_active_wrap {display:none;}
.product_wrap .thumnail:hover .book_active_wrap {display:block; overflow:hidden; line-height:0; text-align:center; position:absolute; left:0; top:50%; margin-top:-22px; height:45px; width:100%; z-index:5;}
.product_wrap .thumnail:hover .book_active_wrap .icon {display:inline-block; overflow:hidden; height:45px; width:45px;}
.product_wrap .thumnail:hover .book_active_wrap .wish {margin-left:7px;}
.product_wrap .thumnail:hover .book_active_wrap .wish.on img {margin-top:-46px;}
.thumnail .soldout {position:absolute; left:0; top:0; height:55px; width:55px; z-index:2; text-align: left;}
.thumnail .new_prod {position:absolute; left:0; top:0; height:55px; width:55px; z-index:2; text-align: left;}

.product_wrap .title_wrap {overflow:hidden; margin-bottom:15px;}
.product_wrap .title_container {display:block; overflow:hidden;}
.product_wrap .title_container > span {display:block;}
.product_wrap .title_container .ex_copy {color:#777; font-size: 15px; margin-bottom:10px;}
.product_wrap .title_container .title_book {overflow:hidden; height:45px;}
.product_wrap .title_container .title_book strong {font-size:22px;}
.product_wrap .title_container .title_book span {font-size:17px;}
.product_wrap .title_container .title_book span:before {content:":"; padding-right:5px; padding-left:5px;}
.product_wrap .txt_contents {overflow:hidden;}
.product_wrap .txt_contents .writer {overflow:hidden; color:#777; font-size: 15px; margin-bottom:20px;}
.product_wrap .txt_contents .price {overflow:hidden; margin-bottom:20px;}
.product_wrap .txt_contents .price strong {color:#f7414e; font-size:19px;}
.product_wrap .txt_contents .price strong:after {content:"원"; font-size:13px;}
.product_wrap .txt_contents .txt_preview {overflow:hidden; position:relative; padding-right:20px; max-height:40px;}
.product_wrap .txt_contents .txt_preview:after {color:#777; content:"..."; position:absolute; right:10px; bottom:0; z-index:2;}
.product_wrap .txt_contents .txt_preview p {color:#777; line-height:1.5em; font-size: 15px; position:relative; min-height:22px; z-index:3;}
.product_wrap .txt_contents .txt_preview p:after {background-color:#fff; content:""; position:absolute; right:-10px; bottom:0; height:8px; width:15px; z-index:3;}

/* 상품리스트-간단보기 */
/*.simple_view {overflow:hidden; border-bottom:1px solid #d9d9d9;}*/
.simple_view {overflow:hidden;}
.simple_view .row_wrap {overflow:hidden; margin-top:40px; padding-bottom:40px;}
.simple_view .row_wrap .product_wrap {float:left; width:160px;}
.simple_view .row_wrap .product_wrap .cover_thumnail{height: 208px;}
.simple_view .row_wrap .product_wrap+.product_wrap{padding-left:72px;}
.simple_view .row_wrap .product_wrap .thumnail {margin-bottom:20px;}
.simple_view .detail_info {overflow:hidden;}
.simple_view .title_container .ex_copy {display:none; overflow:hidden; line-height:0; margin:0; height:0; width:0;}
.simple_view .title_container .title_book {position:relative; padding-right:10px; /*max-height:40px;*/}
.simple_view .title_container .title_book:after {content:"..."; position:absolute; right:0; bottom:0; z-index:2;}
.simple_view .title_container .title_book strong {display:block; font-size:14px; line-height:1.429em; position:relative; min-height:20px; z-index:3;}
.simple_view .title_container .title_book strong:after {background-color:#fff; content:""; position:absolute; right:-9px; top:81%; height:5px; width:13px; z-index:3;}
.simple_view .title_container .title_book span {display:none; overflow:hidden; line-height:0; margin:0; height:0; width:0;}
.simple_view .txt_contents .writer {font-size:15px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; margin-bottom:10px; max-width:155px;}
.simple_view .txt_contents .detail_component {overflow:hidden; position:relative; max-height:40px;}
.simple_view .txt_contents .detail_component:after {position:absolute; content:""; right:0; bottom:0; z-index:2;}
.simple_view .txt_contents .detail_component ul {overflow:hidden; position:relative; padding-right:5px; min-height:40px; z-index:3;}
.simple_view .txt_contents .detail_component ul:after {background-color:#fff; content:""; position:absolute; right:0; bottom:0; height:5px; width:15px; z-index:3;}
.simple_view .txt_contents .detail_component li {display:inline; color:#6c428f; font-size:13px; line-height:1.429em;}
.simple_view .txt_contents .detail_component li + li {margin-left:-2px;}
.simple_view .txt_contents .detail_component li + li:before {content:",";}
.simple_view .txt_contents .price {margin-top:15px; margin-bottom:15px;}
.simple_view .txt_contents .price strong {font-size:17px;}
.simple_view .txt_contents .txt_preview {display:none; font-size:0; line-height:0; margin:0; height:0; width:0;}
.simple_view .txt_contents .difficult li {padding:3px 4px;}
.simple_view .book_component {float:none; overflow:hidden;}
.simple_view .book_component .list_component {display:none; overflow:hidden; font-size:0; line-height:0; position:absolute; height:0; width:0;}
.simple_view .book_component .media_contet {overflow:hidden; margin-top:40px}
.simple_view .book_component .media_contet .down_mp3 {display:block; box-sizing:border-box; width:100%;}
.simple_view .book_component .media_contet .down_movie {display:block; box-sizing:border-box; width:100%;}

/* 팝업:layout */
#popup_wrap {overflow:hidden; position:relative;}
#popup_wrap .close {display:block; overflow:hidden; position:absolute; right:0; top:0;}
#popup_header {background-color:#6c428f; box-sizing:border-box; position:relative; padding:18px 30px; height:57px; width:100%; z-index:5;}
#popup_header h1 {color:#fff; font-size:18px;}
#popup_contents {overflow:hidden; box-sizing:border-box; padding:30px 30px 40px; width:100%;}
#popup_wrap button {cursor:pointer;}
#popup_wrap button:hover {text-decoration:underline;}
#popup_wrap .close_pop {position:absolute; right:0; top:0; z-index:5; height:57px; width:57px;}

/* 팝업:자료요청 */
.data_request {overflow:hidden; padding-right:10px; padding-left:10px;}
.data_request .f9_box {margin-bottom:44px;}
.data_request .address_input .detail_num {display:block; width:100%;}
.data_request .input_number {overflow:hidden;}
.data_request .input_number * {vertical-align:middle;}
.data_request .choice_road {overflow:hidden;}
.data_request .choice_road > span + span {padding-left:10px;}
.data_request .choice_road .input_etc {margin-top:10px;}
.data_request .btn_area {margin-top:20px;}

/* 약관 */
.policy_iframe {overflow:hidden; box-sizing:border-box; color:#777; width:100%;}
.policy_iframe .policy_div {overflow:hidden;}
.policy_iframe .policy_div p {font-size:13px; line-height:24px;}
.policy_iframe .policy_div + .policy_div {margin-top:15px;}
.policy_iframe .policy_div .policy_h {font-weight:bold;}
.policy_iframe .policy_div .policy_h:before {content:"<";}
.policy_iframe .policy_div .policy_h:after {content:">";}
.policy_iframe .policy_div .policy_tit {margin-top:10px; margin-bottom:10px;}
.policy_iframe .policy_div .policy_content {font-size:13px;}
.policy_iframe .policy_div .clasue_table{padding:0; border-top:1px solid #eee; border-bottom: 1px solid #eee; margin-top: 10px; margin-bottom: 10px;}
.policy_iframe .policy_div .clasue_table th{background-color: #f8f8f8; padding: 2px;}
.policy_iframe .policy_div .clasue_table td{border-top: 1px solid #eee; text-align: center; padding: 5px;}


/* 추가 */
.more_03 {display:block; position:absolute; right:0; top:0; text-indent: -9999em; width: 35px; height: 35px; border:1px solid #e6e6e6; background-color: #fdfdfd;}
.more_03:after, .more_03:before {content:''; display: block; width: 1px; height: 19px; background: #707070; position: absolute; top:50%; transform: translateY(-50%); left:50%;}
.more_03:before{ transform: rotate(-90deg) translateY(-50%); top: 9px;left: 26px;}

.cf::after{
  content:"";
  display: table;
  clear: both;
}

/*시소퀵*/

#quick_siso{
	 background-color: rgba(255,255,255,0.5);
    overflow: hidden;
    border: 1px solid #acacac;

    position: absolute;
    right: 0;
    top: 0px;

    width: 110px;
    z-index: 20;
}
#quick_siso.quick_siso_main{top: 780px;}

#quick_siso.fixed_quick{
	 position: fixed;
    right: 0;
    top: 0px;
}

@media ( max-width: 1740px ) {
  #quick_siso.quick_siso_main{top: 780px;}
}
@media ( max-width: 1680px ) {
  #quick_siso.quick_siso_main{top: 666px;}
}

@media ( max-width: 1280px ) {
  #quick_siso.quick_siso_main{top: 600px;}
}



.mySwiper_newbook .row_wrap{
	overflow: visible;
	width: 1070px;
}

.mySwiper_newbook {
	width: 100%;
}

.mySwiper_newbook .swiper-button-next, .mySwiper_newbook .swiper-button-prev{
	width: 15px;
    background-size: 15px;
}

.swiper-button-prev{
	left: 0;
}

.mySwiper_newbook .swiper-button-next{
	right: 0;
}


/* top_intro */
.top_intro {overflow:hidden; position:relative; margin-bottom:70px; height:680px;}

.visual_area {overflow:hidden; position:relative;}
.visual_area .img_wrap {overflow:hidden; position:relative; right:50%; margin:0 -960px 0 auto; height:680px; width:1920px;}
.visual_area .img_wrap .visual_img {position:absolute; left:0; top:0; z-index:2;}
.visual_area .img_wrap .visual_img:first-child{z-index: 3;}
.visual_area .img_wrap .visual_img img{display: inline-block; width:100%;}
.visual_area .txt_bullet {/*background:url(/images/main/visual_border.gif) no-repeat 0 0; */position:absolute; left:50%; top:60px; overflow: hidden; margin-left:-545px; height:550px; width:1090px; z-index:10;}
.visual_area .txt_bullet .box_line{position: relative; z-index: 2;}
.visual_area .txt_bullet .box_line > div{position: absolute; top:0; left:0; overflow: hidden;}
.visual_area .txt_bullet .box_line > div.top{left:545px; width:0px;}
.visual_area .txt_bullet .box_line > div.right{left:540px; height: 0;}
.visual_area .txt_bullet .box_line > div.bottom{top:540px; left:545px; width:0px;}
.visual_area .txt_bullet .box_line > div.left{left:540px;  height: 0;}

.visual_area .txt_bullet .box_line > div.top > span{display: block; border-top: 10px solid #fff; width:1090px;}
.visual_area .txt_bullet .box_line > div.right > span{display: block; border-right: 10px solid #fff; height:550px;}
.visual_area .txt_bullet .box_line > div.bottom > span{display: block; border-bottom: 10px solid #fff; width:1090px;}
.visual_area .txt_bullet .box_line > div.left > span{display: block; border-left: 10px solid #fff; height:550px;}
.visual_area .txt_bullet .txt_contents {display: block; overflow:hidden; box-sizing:border-box; position:relative; padding:50px 50px 40px 50px; height:550px; width:1090px;}

.visual_area .txt_bullet .txt_contents .visual_txt{display: block; position:absolute; left:50px; top:50px; z-index:3;}
.visual_area .txt_bullet .txt_contents .visual_txt img{display: block; position:absolute; top:0; left:0;}
.visual_area .txt_bullet .txt_contents .visual_txt img.t_1{left: -590px;}
.visual_area .txt_bullet .txt_contents .visual_txt img.t_2{top:290px; opacity: 0; filter:alpha(opacity=0);}
/* .visual_area .txt_bullet .txt_contents .visual_txt {position:absolute; left:50px; top:50px; z-index:3;}
.visual_area .txt_bullet .txt_contents .visual_txt img.m{}
.visual_area .txt_bullet .txt_contents .visual_txt img.s{} */

.visual_area .txt_bullet .bullet_page {text-align:left; left:-75px; bottom:40px;}

.top_intro .go_homepage {position: relative; overflow:hidden; box-sizing:border-box; position:absolute; left:0; bottom:0; padding-top:104px; height:349px; width:100%; z-index:3;}
.top_intro .go_homepage ul {position: relative; top:250px; overflow:hidden; margin:0 auto; width:1270px;}
.top_intro .go_homepage li {float:left;}
.top_intro .go_homepage li + li {margin-left:55px;}
@media (max-width: 1090px){
  .top_intro .go_homepage ul {width:1090px; top: 265px;}
  .top_intro .go_homepage li {width: 144px;}
  .top_intro .go_homepage li img{width: 100%;}
  .top_intro .go_homepage li + li {margin-left:45px;}
}
.bullet_page {overflow:hidden; position:absolute; z-index: 1;}
.bullet_page .arrow_btn {background:url(/images/main/arrow_onoff_01.png) no-repeat 0 0; display:inline-block; overflow:hidden; text-indent:-9999px; height:11px; width:14px;}
.bullet_page .arrow_btn + .arrow_btn {margin-left:3px;}
.bullet_page .arrow_btn:hover {background-position:0 -12px;}
.bullet_page .arrow_btn.on {background-position:0 -12px;}