@charset "utf-8";
/* invention */
html{height:100%;}
html,body,td,th,p,span{margin:0px; padding:0px; font-family:'나눔고딕','NanumGothicWeb'; color:#666666;}
li,ul{margin:0px; padding:0px; list-style:none;}
#box_left{float:left;}
#box_right{float:right;}
img{border:0px; vertical-align:middle; }
input,textarea,select{vertical-align:middle; font-family:'나눔고딕','NanumGothicWeb'; color:#666666;}
body{}

input[type="text"], input[type="number"], input[type="tel"], input[type="password"], input[type="email"], input[type="search"], textarea {
-webkit-appearance: none;/*기본속성없애기*/
/*background:none;윗부분두줄보이는거 없애기*/
border-radius:0;/*기본 라운드 없애기*/
}
* {-webkit-text-size-adjust:none;}

/*기본링크*/
A:link {color: #545353; text-decoration: none; font-family:'나눔고딕','NanumGothicWeb';}
A:visited {color: #545353; text-decoration: none; font-family:'나눔고딕','NanumGothicWeb';}
A:active {color: #545353; text-decoration: none; font-family:'나눔고딕','NanumGothicWeb';}
A:hover {color: #01b7aa; text-decoration: none; font-family:'나눔고딕','NanumGothicWeb';}

.white A:link {color: #fff; text-decoration: none; font-family:'나눔고딕','NanumGothicWeb';}
.white A:visited {color: #fff; text-decoration: none; font-family:'나눔고딕','NanumGothicWeb';}
.white A:active {color: #fff; text-decoration: none; font-family:'나눔고딕','NanumGothicWeb';}
.white A:hover {color: #fff; text-decoration: none; font-family:'나눔고딕','NanumGothicWeb';}


.gray A:link {color: #c2c2c5; text-decoration: none; font-family:'나눔고딕','NanumGothicWeb';}
.gray A:visited {color: #c2c2c5; text-decoration: none; font-family:'나눔고딕','NanumGothicWeb';}
.gray A:active {color: #c2c2c5; text-decoration: none; font-family:'나눔고딕','NanumGothicWeb';}
.gray A:hover {color: #1eb7ce; text-decoration: none; font-family:'나눔고딕','NanumGothicWeb';}

.abold a:link{font-family: 'NanumGothicWebB';}
.abold a:visited{font-family: 'NanumGothicWebB';}
.abold a:active{font-family: 'NanumGothicWebB';}
.abold a:hover{font-family: 'NanumGothicWebB';}

/*font 적용*/
@font-face{font-family: 'NanumGothicWeb'; font-style: normal; font-weight: normal;  src: url('../css/NanumGothic.eot'); src: local('☺'), url('../css/NanumGothic.woff') format('woff'), url('../css/NanumGothic.ttf') format('truetype'); }
@font-face{font-family: 'NanumGothicWebB'; font-style: normal; font-weight: bold; src: url('../css/NanumGothicBold.eot'); src: local('☺'), url('../css/NanumGothicBold.woff') format('woff'), url('../css/NanumGothicBold.ttf') format('truetype'); }
@font-face{font-family: 'Avenir'; font-style: normal; font-weight: bold; src: url('../css/AvenirLTStd-Book.eot'); src: local('☺'), url('../css/AvenirLTStd-Book.woff') format('woff'); }

/* Mobile Device */
/*768px 미만 해상도의 모바일 기기를 위한 코드를 작성한다. 모든 해상도에서 이 코드가 실행됨. 미디어 쿼리를 지원하지 않는 모바일 기기를 위해 미디어 쿼리 구문을 사용하지 않는다.*/

.topbar{background-color:#2f2c34; height:43px;}
.topbar_table{}
.topbar_table td{font-size:11px; letter-spacing:-1px; width:120px; text-align:center; height:43px; border-right:1px solid #221e1b;}
.topbar_table td.toptab_on{background-color:#fff; font-weight:bold;}
.top_member{position:absolute; top:0px; right:0px; height:43px; text-align:right;}

.btn_login{background-color:#4db848; font-size:12px; font-weight:bold; width:90px; text-align:center; color:#fff; height:28px; padding:15px 0 0 0;}
.top_right{}
.top_right td span{font-size:12px; padding:0 20px 0 20px;}

.top_box{width:100%; border-bottom:1px solid #ebeaea; height:113px;}
.center_box{width:984px; margin:0 auto; position:relative;}
.center_box2{width:750px; margin:0 auto; position:relative; padding:0 0 40px 0;}
.main_search{width:391px; height:38px; background:url(../images/search_bar_bg.png) no-repeat; position:absolute; top:40px; left:200px;}
.main_search_book{width:391px; height:38px; background:url(../images/search_bar_bg_book.png) no-repeat; position:absolute; top:40px; left:200px;}
.main_search_maum{width:391px; height:38px; background:url(../images/search_bar_bg_maum.png) no-repeat; position:absolute; top:40px; left:200px;}
.main_search_select{border:0px; font-size:12px; margin:10px 0 0 20px;}
.search_input{width:255px; margin:10px 5px 0 0; border:0px; .width:230px;}

.top_notice{position:absolute; top:43px; right:30px; width:278px;  font-weight:bold; font-size:13px; z-index:9999999;}
.btn_arrow_down{ position:absolute; top:6px; right:0px;}
.top_noti_left{}
.top_noti_left li{float:left; width:278px; border-bottom:1px solid #b6b5b9; padding:8px 0 9px 0; background-color:#fff;}

.main_menu_table{ text-align:center; width:100%; font-size:14px; font-weight:bold; height:46px; border-left:1px solid #eeeeec;}
.main_menu_table td{border-right:1px solid #eeeeec; width:20%;}
.main_menu_table td.on{background-color:#ffc11b; border:1px solid #ffa61b;}
.main_menu_table td.onbook{background-color:#afcf00; border:1px solid #9bb701;}
.main_menu_table td.onmaum{background-color:#fb2b38; border:1px solid #e91a27;}
.main_menu_table td.onmaum a:link{color:#fff;}
.main_menu_table td.onmaum a:visited{color:#fff;}
.main_menu_table td.onmaum a:active{color:#fff;}
.main_menu_table td.onmaum a:hover{color:#fff;}
.push{width:23px; height:16px; background:url(../images/push_bg.png) no-repeat; text-align:center; font-size:11px; display:inline-block; padding:2px 0 0 0; color:#fff; margin:0 0 0 2px; .display:inline; .padding:2px 10px 3px 8px;}
.push_w{width:23px; height:16px; background:url(../images/push_bg_w.png) no-repeat; text-align:center; font-size:11px; display:inline-block; padding:2px 0 0 0; color:#3d3211; margin:0 0 0 2px; .display:inline; .padding:2px 10px 3px 8px;}

.main_visual_box{background-color:#ffc11b; height:493px;}
.main_visual_box_book{background-color:#afcf00; height:493px;}
.main_visual_box_maum{background-color:#fb2b38; height:493px;}
.main_banner{ position:absolute; top:20px; left:0px;}
.btn_banner_pre{position:absolute; top:202px; left:0px;}
.btn_banner_next{position:absolute; top:202px; left:711px;}
.btn_banner_next_new{position:absolute; top:202px; left:627px;}
.login_box{width:236px; height:451px; position:absolute; top:20px; right:0px; background-color:#fff; border-bottom-right-radius: 0.8em; border-bottom-left-radius: 0.8em;}

.login_table{width:100%;}
.login_table td{position:relative;}
.login_pac{ padding:17px;}
.login_input{border:1px solid #9c9a92; background-color:#eeeeec; width:126px; height:34px; padding:0 0 0 5px; font-size:12px;}
.idpass{text-align:center; font-size:11px; padding:10px 0 0 0; text-decoration:underline;}
.login_bottom{ position:absolute; top:210px; left:0px;}
.label_style{position:absolute; top:11px; left:7px; font-size:13px;}

.side_cha{ position:absolute; top:222px; right:0px;}

.footer{width:100%; background-color:#46444b; height:182px;}
.foot_menu{width:100%; background-color:#37353c; height:44px;}

.foot_right{float:right;}
.foot_menu_pac{ font-size:11px; padding:16px 0 0 0; float:left;}
span.f_m{padding:0 10px 0 10px;}
span.f_m a:link{color:#95929d;}
span.f_m a:active{color:#95929d;}
span.f_m a:visited{color:#95929d;}
span.f_m a:hover{color:#d1ced9;}

span.green A:link {color: #4bb935; text-decoration: none; font-family:'나눔고딕','NanumGothicWeb';}
span.green A:visited {color: #4bb935; text-decoration: none; font-family:'나눔고딕','NanumGothicWeb';}
span.green A:active {color: #4bb935; text-decoration: none; font-family:'나눔고딕','NanumGothicWeb';}
span.green A:hover {color: #4bb935; text-decoration: none; font-family:'나눔고딕','NanumGothicWeb';}

.foot_info{ font-size:12px; color:#b6b2be; padding:35px 0 35px 0; line-height:20px;}
.foot_logo{position:absolute; top:20px; right:0px;}

.main_cont_list{width:748px; min-height:664px;}
.card_unit{width:236px; height:316px; border-bottom-right-radius: 0.8em; border-bottom-left-radius: 0.8em; border:1px solid #e1dfdf; margin:25px 8px 0 0; display:inline-block; vertical-align:text-top; position:relative; .float:left;}
p.card_h1{font-size:18px; padding:20px 0 0 20px; font-weight:bold; }
p.card_h2{font-size:13px; padding:20px 20px 0 20px; line-height:18px; height:50px;}
p.card_h3{text-align:center; font-size:11px; padding:10px 0 0 0; }
.icon_tab{position:absolute; top:146px; right:20px;}
.icon_tab2{position:absolute; top:90px; right:20px;}

.main_notice{ width:236px; height:317px; border-bottom-right-radius: 0.8em; border-bottom-left-radius: 0.8em; background-color:#ef3a4a; position:absolute; top:25px; right:0;}
.main_notice_maum{ width:236px; height:317px; border-bottom-right-radius: 0.8em; border-bottom-left-radius: 0.8em; background-color:#828280; position:absolute; top:25px; right:0;}
.main_notice_books{ width:236px; height:317px; border-bottom-right-radius: 0.8em; border-bottom-left-radius: 0.8em; background-color:#ac5ea0; position:absolute; top:25px; right:0;}
.card_notice_pac{padding:14px 17px 0 17px;}
.not_h1{font-size:16px; padding:13px 0 10px 0;}
.not_h2{ font-size:12px; padding:0 0 4px 10px; background:url(../images/notice_dot.png) no-repeat 0px 5px;}

.playbox{width:236px; height:317px; position:absolute; top:369px; right:0px;}

.main_bottom{ padding:20px 0 40px 0;}
.main_title{font-size:15px; letter-spacing:-1px; font-family: 'NanumGothicWebB'; padding:0 0 10px 0;}

.navi{width:100%; background-color:#ececed; height:41px;}
.navi_home{margin:0 0 0 1px; float:left;}
.navi_dept_01{width:140px; height:26px; float:left; background:url(../images/icon_arrow_down.png) no-repeat 120px 13px #e2e2e3; font-size:11px; letter-spacing:-1px; padding:15px 0 0 15px; position:relative;}
.navi_dept_02{width:182px; height:26px; float:left; background:url(../images/icon_arrow_down.png) no-repeat 165px 13px #e6e6e7; font-size:11px; letter-spacing:-1px; padding:15px 0 0 15px; position:relative;}

.right_area{ width:750px; margin:0 0 0 234px; min-height:880px; padding:0 0 30px 0;}
.right_area_gall{ width:760px; margin:0 0 0 234px; min-height:880px; padding:0 0 30px 0;}
.right_min_hei{min-height:1100px;}
.left_area{position:absolute; top:0px; left:0px; width:197px;}
.subp_t{font-size:25px; padding:37px 0 0 0;  letter-spacing:-1px; font-family: 'NanumGothicWebB';}
.sub_contents{padding:22px 0 0 0;}

.lm_t{font-size:25px; font-family: 'NanumGothicWebB'; padding:38px 0 22px 0; border-bottom:3px solid #f9b809; letter-spacing:-1px;}
.lm_t2{font-size:25px; font-family: 'NanumGothicWebB'; padding:22px 0 22px 0; border-bottom:3px solid #0cc0bd; letter-spacing:-1px;}
.lm_t2_bookplus{font-size:25px; font-family: 'NanumGothicWebB'; padding:22px 0 22px 0; border-bottom:3px solid #3eb359; letter-spacing:-1px;}
.lm_t2_eduservice{font-size:25px; font-family: 'NanumGothicWebB'; padding:22px 0 22px 0; border-bottom:3px solid #bc3c69; letter-spacing:-1px;}
.lm_t3{font-size:25px; font-family: 'NanumGothicWebB'; padding:38px 0 22px 0; border-bottom:3px solid #b0d002; letter-spacing:-1px;}
.lm_t4{font-size:25px; font-family: 'NanumGothicWebB'; padding:38px 0 22px 0; border-bottom:3px solid #fb2b38; letter-spacing:-1px;}
.lm_unit{font-size:13px; border-bottom:1px solid #CCC; padding:15px 0 15px 10px; z-index:99999999999;}
.lm_banner{margin:10px 0 0 0;}
.lm_unit.on{ background:url(../images/sub_menu_on.png) no-repeat 175px 13px; font-weight:bold; }
.lm_unit.on2{ background:url(../images/sub_menu_on2.png) no-repeat 175px 15px; font-weight:bold; }
.lm_unit.on3{ background:url(../images/sub_menu_on3.png) no-repeat 175px 13px; font-weight:bold; }
.lm_unit.on4{ background:url(../images/sub_menu_on4.png) no-repeat 175px 13px; font-weight:bold; }

.sort_box{background-color:#e6e6e7; width:750px; min-height:39px; position: relative; *margin-bottom:-20px; }
.sort_box2{background-color:#e6e6e7; width:750px; position:relative;}
.sort_unit{ font-size:11px; letter-spacing:-1px; display:inline-block; padding:12px 8px 0 8px; height:27px; vertical-align:text-top; .float:left; float:left\9; }
.sort_unit2{ font-size:11px; letter-spacing:-1px; display:inline-block; padding:12px 15px 0 15px; height:27px; text-align:center; width:50px; background-color:#ef4c79; color:#fff; vertical-align:text-top; .float:left; float:left\9; }
.sort_unit3{ font-size:11px; letter-spacing:-1px; display:inline-block; padding:12px 6px 0 6px; height:27px; text-align:center; width:74px; vertical-align:text-top; .float:left; float:left\9; }
.sort_unit.on{ font-weight:bold; text-decoration:underline;}
.sort_unit3.head{background-color:#ef4c79; color:#fff; .float:left; float:left\9; }
.sort_unit3.on{font-weight:bold; text-decoration:underline;}
.upline{border-top:1px solid #c0c0c3;}

.multi_unit{border-bottom:1px solid #d2d3d3; padding:16px 0 16px 0; position:relative; min-height:170px;}
.multi_txt{ padding:0 0 0 199px;}
.multi_thumb{position:absolute;}
.multi_thumb img{border:1px solid #eee;}
.multi_thumb img:hover{border:1px solid #ccc;}
.multi_h1{font-size:20px; font-family: 'NanumGothicWebB'; padding:20px 0 0 0; height:45px;}
.multi_h2{font-size:12px; line-height:18px; padding:0px 0 0 0;}
.multi_h3{padding:15px 0 0 0;}
.multi_h3 img{padding:0px 0 5px 0;}

.btn_nouse{filter:alpha(opacity=50); opacity:0.5; cursor:default; }

/* pagenaton */
.pagenation{width:100%; text-align:center; margin:15px 0 20px 0; font-size:13px; font-weight:bold; padding:0 0 20px 0;}
.pagenation span.btn{width:25px; height:25px;}
.pagenation span.btn_on{width:25px; height:20px; text-align:center; background:url(../images/page_on.gif) no-repeat; display:inline-block; padding:5px 0 0 0; vertical-align:middle; }
.pagenation span.btn_on a{color:#fff;}
.pagenation span.btn_off{width:25px; height:20px; text-align:center; background:url(../images/page_off.gif) no-repeat; display:inline-block; padding:5px 0 0 0; vertical-align:middle; }

/* board */
.board_search{text-align:right; padding:8px 0 0 0;}
.board_search_gall{text-align:right; padding:8px 10px 0 0;}
.board_search_input{border:1px solid #c2c2c2; padding:7px; width:150px;}
.board_select{border:1px solid #c2c2c2; padding:6px;}

.board_list{border-top:2px solid #535253; width:100%; margin:10px 0 0 0;}
.board_list th{font-size:12px; background-color:#f5f5f6; border-bottom:1px solid #a9a8a9; padding:15px 0 15px 0;}
.board_list td{font-size:12px; padding:12px 0 12px 0; border-bottom:1px solid #cbcbcb; text-align:center; height:20px;}
.board_list td.txtleft{text-align:left; font-weight:bold; font-size:13px;}
.board_list td.noti_bar{background-color:#faf6ec;}

.board_view{border-top:2px solid #535253; width:100%; margin:0px 0 0 0;}
.board_view th{font-size:12px; background-color:#f5f5f6; border-bottom:1px solid #cbcbcb; padding:15px 0 15px 0;}
.board_view td{font-size:12px; border-bottom:1px solid #cbcbcb; padding:15px 0 15px 10px; line-height:20px;}

.board_write{border-top:2px solid #535253; width:100%; margin:0px 0 0 0;}
.board_write th{font-size:12px; background-color:#f5f5f6; border-bottom:1px solid #cbcbcb; padding:10px 0 10px 0;}
.board_write td{font-size:12px; border-bottom:1px solid #cbcbcb; padding:10px 0 10px 10px;}

.event_unit{border:1px solid #ddd; width:368px; position:relative; background-color:#f6f6f8; margin:10px 5px 0 0; display:inline-block;zoom:1;*display:inline/*IE7 HACK*/; vertical-align:text-top;}
.norightmar{margin-right:0px;}
.event_tag{position:absolute; top:205px; right:15px;}
.event_h1{font-size:15px; font-family: 'NanumGothicWebB'; padding:15px 15px 0 15px;}
.event_h2{font-size:12px; padding:5px 0 15px 15px;}

.subp_notice{border:1px solid #cbcbcd; height:48px; margin:0 0 7px 0; width:748px;}
.sub_notice_table{font-size:12px; height:48px; width:100%;}
.sub_notice_table td{text-align:center;}
.sub_notice_table td.txtleft{text-align:left; font-weight:bold; padding:0 0 0 18px;}
.sub_notice_table td.title{width:120px;}
.sub_notice_table td.more{width:80px; font-size:11px;}
.sub_notice_table td.date{font-size:11px; color:#999; width:80px;}

.link_open{position:absolute; top:-374px; right:64px; background-color:#37353c; width:183px;}
.link_open_unit{font-size:11px; padding:10px 0 10px 17px; border-bottom:1px solid #26242a;}

.gall_unit{ width:179px; height:204px; border:1px solid #cecdcd; background-color:#f6f6f8; margin:11px 3px 0 1px; position:relative; display:inline-block; vertical-align:text-top; .float:left; .margin:11px 8px 0 1px;}
.paper_unit{ width:179px; height:310px; border:1px solid #cecdcd; background-color:#f6f6f8; margin:11px 3px 0 1px; position:relative; display:inline-block; vertical-align:text-top; .float:left; .margin:11px 8px 0 1px;}
.icon_best{position:absolute; top:10px; right:10px;}
.gall_h1{font-size:13px; font-weight:bold; padding:13px 13px 0 13px;}
.gall_h2{font-size:11px; padding:8px 13px 0 13px;}
.over_down{position:absolute; top:-1px; left:-1px; width:181px; height:86px; text-align:center; background:url(../images/black60.png); padding:40px 0 0 0;}
.over_down_paper{position:absolute; top:-1px; left:-1px; width:181px; height:132px; text-align:center; background:url(../images/black60.png); padding:95px 0 0 0;}

span.down_txt{font-size:11px; padding:0 0 0 10px; color:#999;}
.btn_right{text-align:right; padding:10px 0 0 0;}

/* comment */
.comment_h1{font-size:15px; font-weight:bold; margin:10px 0 0 0;}
.comment_w{width:100%; margin:10px 0 0 0;}
.comment_w_area{border-top:1px solid #CCC; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:0px; width:645px; height:94px; background-color:#f6f6f8;}
.comment_unit{ border-bottom:1px solid #ccc; padding:10px 0 18px 0; position:relative;}
.comment_h1{font-size:13px;}
span.comment_date{font-size:11px; padding:0 0 0 10px; font-weight:normal;}
.comment_h2{font-size:13px; padding:10px 0 0 0; width:700px;}
.comment_option{font-size:11px; padding:10px 0 0 0; position:absolute; top:25px; right:10px;}

.m_search_t{ font-size:12px; padding:0px 15px 0 20px; display:inline-block; vertical-align:text-top; border-right:1px solid #ddd; margin:8px 10px 0 0;}

/* join */
.join_center_box{}
.join_bg{ background-color:#f3f3f3;}
.join_head{background-color:#414a69; text-align:center; margin:0px 0px 0 0px; font-size:15px; letter-spacing:-1px; color:#fff; font-weight:bold; padding:15px 0 15px 0;}
.join_w_box{background-color:#fff; margin:0px 0px 0 0px;}
.join_logos{text-align:center; padding:20px 0 20px 0;}
.join_logos img{margin:0 5px 0 5px;}
.join_tab_table{ width:100%; background-color:#e9e9e9; height:64px;}
.join_tab_table td{padding:0 0 0 10px; border-right:1px solid #d8d9dc; letter-spacing:-1px;}
p.join_tab_h1{font-size:11px;}
p.join_tab_h2{font-size:15px; font-weight:bold; padding:3px 0 0 0;}
.join_tab_table td.on{background-color:#4db848; border:0px;}
.join_tab_table td.on p.join_tab_h1{color:#fff;}
.join_tab_table td.on p.join_tab_h2{color:#fff;}

.join_tab_table2{ width:100%; background-color:#e9e9e9; height:64px;}
.join_tab_table2 td{padding:0 0 0 0px; border-right:1px solid #d8d9dc; letter-spacing:-1px; text-align:center; width:25%;}
.join_tab_table2 td.on{background-color:#4db848; border:0px;}
.join_tab_table2 td.on p.join_tab_h2{color:#fff;}

.join_footer{background-color:#46444b; margin:0 0px 0px 0px;}
.join_foot_menu {background-color:#37353c; text-align:center; font-size:13px; padding:15px 0 15px 0;}
.join_foot_info{ font-size:12px; color:#b6b2be; padding:30px 0 20px 0; line-height:20px; text-align:center;}
.join_foot_logo{text-align:center; padding:0 0 30px 0;}
.join_choice_box{border-top:1px solid #bfbfbf; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf;}
.join_contents{padding:10px 10px 15px 10px;}
.join_choice_btn{ text-align:center; font-size:16px; font-weight:bold; background-color:#4db848; color:#fff; padding:14px 0 14px 0; margin:0 0 20px 0; letter-spacing:-1px;}
.join_choice_btn2{ text-align:center; font-size:16px; font-weight:bold; background-color:#4db848; color:#fff; padding:14px 0 14px 0; margin:0 0 20px 0; letter-spacing:-1px;}
.join_choice_btn3{ text-align:center; font-size:16px; font-weight:bold; background-color:#4db848; color:#fff; padding:14px 0 14px 0; margin:0 0 20px 0; letter-spacing:-1px;}

p.join_cho_h1{font-size:15px; font-family: 'NanumGothicWebB'; padding:30px 0 0 20px;}
p.join_cho_h2{font-size:25px; font-family: 'NanumGothicWebB'; padding:5px 0 40px 20px; letter-spacing:-1px;}
.join_comment{text-align:center; font-size:13px; letter-spacing:-1px; line-height:18px;}
.join_cont_title{font-size:15px; font-family: 'NanumGothicWebB'; letter-spacing:-1px;}
.join_cont_title_line{font-size:15px; font-family: 'NanumGothicWebB'; letter-spacing:-1px; border-bottom:1px solid #999; padding:20px 0 10px 0; color:#4db848;}
span.red{color:#f95155; font-family: 'NanumGothicWebB';}
.join_rule_box{ border:1px solid #ccc; margin:10px 0 0 0; font-size:11px; padding:15px 10px 15px 10px; overflow-y:scroll; height:150px; color:#999; line-height:15px;}
.join_rule_check{text-align:right; padding:10px 0 0 0; font-size:16px; font-family: 'NanumGothicWebB';}
.join_btn{ text-align:center; text-align:center; font-size:16px; font-weight:bold; background-color:#4db848; color:#fff; padding:14px 0 14px 0; margin:20px 0 0 0;}

.board_input_style{border:1px solid #ccc; padding:3px; width:90%}
.board_input_tarea{border:1px solid #ccc; padding:3px; width:95%; height:300px;}
span.radio{padding:0 10px 0 0;}

.join_cate_t{font-size:20px; font-weight:bold; padding:5px 0 5px 0;}
.input_unit{ border-bottom:1px solid #ddd; padding:10px 0 10px 0;}
p.input_t{font-size:13px; font-family: 'NanumGothicWebB'; padding:0 0 5px 0;}
.join_input{border:1px solid #ccc; width:94%; padding:10px 10px 10px 10px;}
.join_input2{border:1px solid #ccc; width:77%; padding:10px 10px 10px 80px;}
.w_middle{width:70%;}
.w_small{width:60px;}
.w_small2{width:150px;}
.input_comment{font-size:11px; color:#999; padding:5px 0 0 0; line-height:16px;}
.input_input2{padding:8px 0 0 0; position:relative;}
.input_input{font-size:14px;}
.input_input_onlytxt{font-size:14px; font-family: 'NanumGothicWebB'; padding:7px 0 0 0; color:#333;}
.input_subt{font-size:12px; width:80px; display:inline-block;}
.join_done{ text-align:center; font-size:13px; font-family: 'NanumGothicWebB'; padding:0 0 20px 0; line-height:18px;}
.join_done_h1{font-size:20px; font-family: 'NanumGothicWebB'; padding:10px 0 0 0;}
.subpage_comment{font-size:13px; padding:10px 0 20px 0; line-height:18px;}

.join_bg_01{background:url(../images/join_bg_01.png) no-repeat bottom right; background-size:150px 80px;}
.join_bg_02{background:url(../images/join_bg_02.png) no-repeat bottom right; background-size:150px 80px;}
.join_bg_03{background:url(../images/join_bg_03.png) no-repeat bottom right; background-size:150px 80px;}

.intro_tab{margin:22px 0 0px 0;}
.intro_tab_table{ width:100%; text-align:center; height:40px; font-size:14px;}
.intro_tab_table td{}
.intro_tab_table td.on{ font-weight:bold; background-color:#01b7aa; font-size:14px; }
.intro_tab_table td.on2{ font-weight:bold; background-color:#fb2b38; font-size:14px; }
.intro_tab_table td.on3{ font-weight:bold; background-color:#afcf00; font-size:14px; }
.intro_tab_table td.off{ background-color:#f2f1f1; font-size:14px;}
.intro_tab_table td.line{border-right:0px solid #ddd;}
.intro_tab_table td.on a:link{ color:#fff;}
.intro_tab_table td.on a:active{ color:#fff;}
.intro_tab_table td.on a:visited{ color:#fff;}
.intro_tab_table td.on a:hover{ color:#fff;}


/*
.intro_tab{margin:22px 0 0px 0;}
.intro_tab_table{ width:100%; text-align:center; height:40px; font-size:13px;}
.intro_tab_table td{width:33.3%;}
.intro_tab_table td.on{ font-weight:bold; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; }
.intro_tab_table td.off{ border-bottom:1px solid #ccc; background-color:#f2f1f1; font-size:12px;}
.intro_tab_table td.line{border-right:1px solid #ddd;}
*/

.login_idpass{ text-align:center; font-size:13px; text-decoration:underline; padding:30px 0 20px 0;}

.year_t{ font-size:16px; font-family: 'NanumGothicWebB'; color:#ff3b70;}
.year_table{width:100%; border-top:2px solid #fd771e; margin:20px 0 0 0;}
.year_table th{font-size:11px; padding:5px 0 5px 10px; border-bottom:0px solid #ccc; background-color:#264f64; color:#fff; text-align:left;}
.year_table td{font-size:12px; padding:10px 0 10px 10px; border-bottom:1px solid #ccc; color:#336db5;}
.year_table td.t01{text-align:center; width:55px; padding:10px 0 10px 0; background-color:#e2e4ed;}
.year_table td.t02{font-family: 'NanumGothicWebB';}
.year_table td.t03{background-color:#f7e7ec;}
.year_table td.t04{background-color:#e7f0f7;}
.year_table th.t05{background-color:#fd531e;}
.year_table th.t06{background-color:#fd8e22;}
.year_table th.t07{background-color:#26d3c7;}
.year_table th.t08{background-color:#fc738d;}

.year_comment{ font-size:11px; font-family: 'NanumGothicWebB'; padding:10px 0 30px 0; color:#fd5522;}
.goset{font-size:12px; padding:0px 20px 13px 0; text-align:right; position:absolute; bottom:0px; right:0px;}

/* 20150223 */
.after_login{text-align:center; font-size:13px; line-height:20px; padding:20px 0 20px 0;}
.btn_box{text-align:center;}
span.nickname{font-family: 'NanumGothicWebB';}
.navi_dept_01_down{position:absolute; top:41px; left:43px; background-color:#c5c5c5; width:155px; z-index:999999999;}
.navi_dept_02_down{position:absolute; top:41px; left:197px; background-color:#c5c5c5; width:197px; z-index:999999999;}
.dept_unit{font-size:11px; border-top:1px solid #a9a9a9; padding:10px 0 10px 15px;}

.preview_top{background-color:#14bf65; padding:0px 0 0px 0; height:40px;}
.preview_title{color:#fff; font-family: 'NanumGothicWebB'; float:left; padding:12px 0 0 20px; font-size:13px;}
.preview_close{float:right; padding:8px 20px 0 0;}
.preview_cont{text-align:center; padding:30px 0 30px 0; position:relative;}
.preview_cont2{text-align:center; padding:0px 0 0px 0; position:relative; background-color:#655e54;}
.preview_pre{position:absolute; top:48%; left:0px;}
.preview_next{position:absolute; top:48%; right:0px;}

.play_top{text-align:center; background-color:#02c1b6;}
.play_cont{padding:35px 0 30px 0;}
.faq_t{font-family: 'NanumGothicWebB'; font-size:19px; letter-spacing:-1px; color:#fd9215; padding:10px 0 18px 0;}
.faq_table{border-top:2px solid #666; width:100%;}
.faq_table td{padding:10px 0 10px 0; font-size:13px; border-bottom:1px solid #CCC; line-height:17px;}
.faq_table td.qqq_icon{width:80px; text-align:center; font-weight:bold;}
.graybg{background-color:#f6f5f5;}
.faq_table_box{ padding:0 0 30px 0;}
.play_title{ font-size:19px; font-family: 'NanumGothicWebB'; padding:10px 0 0 0; color:#fd9215;}
.play_down_box{position:relative; margin:20px 0 0 0; height:270px;}
.play_down_unit{width:310px; border-top:2px solid #02c1b6; border-left:1px solid #CCC; border-right:1px solid #CCC; position:absolute; top:0px; left:0px;}
.play_down_unit2{width:310px; border-top:2px solid #02c1b6; border-left:1px solid #CCC; border-right:1px solid #CCC; position:absolute; top:0px; left:335px;}
.play_down_unit3{width:310px; border-top:2px solid #02c1b6; border-left:1px solid #CCC; border-right:1px solid #CCC; position:absolute; top:0px; left:672px;}
.play_unit_t{font-size:15px; font-family: 'NanumGothicWebB'; color:#02c1b6; padding:15px 0 15px 15px; border-bottom:1px solid #CCC;}
.play_unit{ font-size:13px; font-family: 'NanumGothicWebB'; padding:10px 15px 10px 15px; text-align:right; border-bottom:1px solid #ddd; background-color:#f8f8f8; height:25px;}
.play_down_btn{ float:left; font-size:15px; font-family: 'NanumGothicWebB'; padding:5px 0 5px 0;}
.play_comment{font-size:14px; line-height:18px;}
.play_comment_{border:2px solid #fd9215; margin-top:20px; padding:18px; font-size:14px; line-height:20px;}

.play_down_bbb{padding:10px 0 0 0;}
.paly_pen_down{width:100%; border-top:2px solid #02c1b6; border-left:1px solid #CCC; margin:20px 0 0 0;}
.paly_pen_down th{border-right:1px solid #CCC; font-size:15px; font-family: 'NanumGothicWebB'; color:#02c1b6; padding:15px 0 15px 15px; border-bottom:1px solid #CCC; text-align:left;}
.paly_pen_down th.center{padding:15px 0; text-align:center;}
.paly_pen_down th.age{color:#666;}
.paly_pen_down td{border-bottom:1px solid #ddd; background-color:#f8f8f8; border-right:1px solid #CCC; text-align:center; font-family: 'NanumGothicWebB'; font-size:13px; padding:10px 0 10px 0;}
.paly_pen_down td.book_thumb{padding:0px;}
.paly_pen_down th.all_down{text-align:center; padding:15px 0 15px 0; font-size:13px;}
.check_comment{ font-size:13px; font-weight:normal; padding:0 0 0 10px;}



.play_down_bbb{padding:10px 0 0 0;}
.paly_pen_down_toktok{width:100%; border-top:2px solid #35398a; border-left:1px solid #CCC; margin:20px 0 0 0;}
.paly_pen_down_toktok th{border-right:1px solid #CCC; font-size:15px; font-family: 'NanumGothicWebB'; color:#35398a; padding:15px 0 15px 15px; border-bottom:1px solid #CCC; text-align:left;}
.paly_pen_down_toktok th.center{padding:15px 0; text-align:center;}
.paly_pen_down_toktok th.age{color:#666;}
.paly_pen_down_toktok td{border-bottom:1px solid #ddd; background-color:#f8f8f8; border-right:1px solid #CCC; text-align:center; font-family: 'NanumGothicWebB'; font-size:13px; padding:10px 0 10px 0;}
.paly_pen_down_toktok td.book_thumb{padding:0px;}
.paly_pen_down_toktok th.all_down{text-align:center; padding:15px 0 15px 0; font-size:13px;}
.check_comment{ font-size:13px; font-weight:normal; padding:0 0 0 10px;}




/* mall */
.mall_head{background-color:#0ecd87; height:130px;}
.mall_notice{ margin:20px 0 20px 0;}
.mall_table{width:100%; border-top:1px solid #ccc; border-left:1px solid #ccc; margin:0 0 20px 0;}
.mall_table td{ border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; width:25%; font-size:12px;}
.mall_caution{padding:0 0 30px 0; font-size:12px; line-height:16px;}
p.mall_caution_t{font-size:15px; font-family: 'NanumGothicWebB'; padding:0 0 6px 0; color:#0ecd87;}
p.mall_thumb{ text-align:center; padding:20px 0 10px 0;}
p.mall_title{font-size:13px; font-family: 'NanumGothicWebB'; padding:0 0 5px 0;}
p.mall_price{font-size:13px; font-family: 'NanumGothicWebB'; padding:0 0 15px 0; color:#0ecd87;}
.mall_opt{border-top:1px solid #ebeaea; width:100%;}
.mall_opt_01{display:inline-block; width:49%; border-right:1px solid #ebeaea; font-size:12px; padding:10px 0 10px 0;}
.mall_opt_02{display:inline-block; width:49%; font-size:12px;}
.mall_opt_02 a:link{color:#0ecd87; font-family: 'NanumGothicWebB';}
.mall_opt_02 a:visited{color:#0ecd87; font-family: 'NanumGothicWebB';}
.mall_opt_02 a:active{color:#0ecd87; font-family: 'NanumGothicWebB';}
.mall_opt_02 a:hover{color:#089763; font-family: 'NanumGothicWebB';}

.play_down_notice{ margin:20px 0 20px 0; font-size:15px; font-family: 'NanumGothicWebB'; border:1px solid #ccc; padding:20px; line-height:22px;}
.play_down_t_red	{font-weight:bold; color:red; text-decoration:underline;}

.point_table{ border-top:1px solid #999; width:100%; margin:0 0 20px 0; border-left:1px solid #ccc;}
.point_table th{font-size:11px; padding:7px 0 7px 0; border-bottom:1px solid #ccc; text-align:center; background-color:#f6f6f6; border-right:1px solid #ccc;}
.point_table td{font-size:11px; padding:10px 0 10px 0; border-bottom:1px solid #ddd; text-align:center; border-right:1px solid #ccc;}

.pop_cont{padding:30px;}
.black_pop{width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../images/black60.png); z-index:999999;}
.point_detail_box{width:984px; margin:133px auto; background-color:#fff; height:690px; position:relative;}
.point_detail{width:670px; height:650px; overflow-y:scroll;}
.detail_box{border-bottom:1px solid #ccc; height:250px; position:relative;}
.detail_thumb{ padding:26px 0 0 40px;}
.detail_info{position:absolute; top:46px; left:330px;}
p.detail_h1{font-size:25px; font-family: 'NanumGothicWebB'; padding:10px 0 0 0;}
p.detail_h2{font-size:11px; padding:20px 0 0 0;}
p.detail_h4{font-size:11px; padding:0px 0 8px 0;}
p.detail_h5{font-size:11px; padding:0px 0 15px 0; line-height:18px;}
p.detail_price{font-size:25px; font-family: 'NanumGothicWebB'; color:#0ecd87; padding:10px 0 0 0;}
.detail_page{ padding:30px;}
p.detail_h3{font-size:13px; font-family: 'NanumGothicWebB'; color:#0ecd87; padding:0 0 20px 0; }
.point_buy_box{position:absolute; top:34px; left:670px; width:314px;}

.cha_box{position:relative;}
.cha_on_01{position:absolute; top:0px; left:0px;}

.point_info_table{ font-size:12px; width:100%; margin:12px 0 0 0;}
.point_info_table td{padding:15px 25px 5px 0; font-size:16px; text-align:right;}
.point_info_table th{padding:15px 0 5px 20px; text-align:left;}
.point{color:#0ecd87; font-family: 'NanumGothicWebB';}
.point_buy_info{background-color:#eaf4f3; margin:20px 0 0 0; padding:20px 20px 5px 20px;}

.mall_check{ width:280px; margin:20px;}
.mall_check td{ font-size:12px; font-family: 'NanumGothicWebB'; vertical-align:text-top; padding:0 0 10px 0; line-height:18px;}
.mall_btn{text-align:center; padding:20px 0 0 0; position:absolute; bottom:20px; right:17px;}

.mypoint{border:1px solid #ccc; text-align:center; margin:15px 0 0 0; padding:25px;}
p.my_h1{font-size:12px; padding:0 0 7px 0;}
p.my_h2{font-size:35px; font-family: 'NanumGothicWebB';}

.rule_comment{font-size:11px; line-height:17px;}

.all_cont_table{ width:100%; margin:20px 0 0 0; border:1px solid #ddd;}
.all_cont_table td{border-right:1px solid #ddd; vertical-align:text-top; padding:15px;}
.all_cont_h1{color:#16d4a5; font-size:13px; font-family: 'NanumGothicWebB'; padding:0 0 5px 0;}
.all_cont_h2{font-size:12px;}

.left_box{width:48.5%; display:inline-block; margin:20px 15px 20px 0;}
.right_box{width:48.5%; display:inline-block; margin:20px 0 20px 0;}

.down_new_h1{color:#16d4a5; font-size:13px; font-family: 'NanumGothicWebB'; padding:0 0 7px 0; border-bottom:2px solid #666; margin:0 0 10px 0;}
.down_new_table{ width:100%;}
.down_new_table td{font-size:13px; padding:4px 0 4px 0;}

.txtred{color:#fb536a; font-family: 'NanumGothicWebB';}
.txtgreen{color:#6bcb03; font-family: 'NanumGothicWebB';}
.txtblue{color:#039acb; font-family: 'NanumGothicWebB';}

.maum_product{ border-top:1px solid #ccc; margin:10px 0 0 0; border-left:1px solid #ccc;}
.maum_product td{text-align:center; width:33.3%; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:30px; position:relative;}
.maum_pro_h1{font-size:14px; font-family: 'NanumGothicWebB'; padding:20px 0 10px 0;}
.maum_pro_h2{font-size:12px; line-height:18px;}
.maum_sub_t{font-size:20px; font-family: 'NanumGothicWebB'; color:#fb2b38;}
.books_sub_t{font-size:20px; font-family: 'NanumGothicWebB'; color:#a1be01;}
.maum_t{padding:20px 0 0 0;}
.maum_txt{font-size:14px; line-height:20px; padding:10px 0 0 0;}
.maum_txt_h1{font-size:14px; padding:20px 0 0 0; font-family: 'NanumGothicWebB';}
.maum_txt_h1_red{font-size:14px; padding:20px 0 0 0; font-family: 'NanumGothicWebB'; color:#da2027;}
.maum_txt_h2{font-size:13px; padding:7px 0 0 0; line-height:18px;}
.maum_3dan{padding:0px 0 50px 0;}
.maum_dan_unit{ display:inline-block; margin:0 40px 0 0; vertical-align:text-top;}
.view_sample{position:absolute; top:30px; right:30px;}

.bookd_comment{font-size:12px; padding:10px 0 0 0;}
.books_down_pac{ text-align:right; padding:20px 0 10px 0;}

.play_h1{font-size:13px; padding:25px 0 0 0; line-height:20px;}
.play_h2{font-size:13px; padding-top:10px; line-height:20px;}


.all_cont_h3{ font-size:20px; font-family: 'NanumGothicWebB'; color:#afcf00; padding:25px 0 10px 0;}

.re_comment_01{padding-left:25px; background:url(../images/icon_comment.png) no-repeat 10px 20px #f7f7f7;}
.re_comment_02{padding-left:50px; background:url(../images/icon_comment.png) no-repeat 33px 20px #f7f7f7;}
.re_comment_03{padding-left:70px; background:url(../images/icon_comment.png) no-repeat 50px 20px #f7f7f7;}

.mall_unit_pac{border-top:1px solid #ccc; border-left:1px solid #ccc; float:left; margin:0 0 30px 0; width:100%;}
.mall_unit{border-bottom:1px solid #ccc; border-right:1px solid #ccc; width:244.5px; text-align:center; float:left; position:relative;}
.icon_off{position:absolute; top:-1px; right:-1px;}

.maum_notice{border:1px solid #d70d19; text-align:center; padding:15px 0 15px 0; font-size:13px; line-height:20px; margin:10px 0 5px 0; width:748px;}

.month_down_title{font-size:15px; border-bottom:2px solid #02c1b6; color:#02c1b6; padding:20px 0 10px 0; font-family: 'NanumGothicWebB'; width:749px;}
.month_down_pac{border-left:1px solid #ccc; padding:0 0 0 0px; float:left; min-height:41px;}
.month_down_unit{ border-right:1px solid #ccc; border-bottom:1px solid #ccc; float:left; padding:10px 0 10px 0; text-align:center; font-size:12px; width:148.5px;}
.month_down_area{min-height:150px;}

/* 20160203 artience */
.point_mall{ padding:45px 0 0 0;}
.logo_center{position:absolute; top:0px; left:50%; width:124px; margin:0 0 0 -62px;}
.top_box_new{width:100%; border-bottom:0px solid #ebeaea; height:126px;}
.main_search_new{width:274px; height:38px; background:url(../images/search_bar_bg_new.png) no-repeat; position:absolute; top:46px; right:0px;}
.search_input_new{width:140px; margin:10px 5px 0 0; border:0px; .width:120px;}

.main_menu_new{ background-color:#23b0e6;}

.main_menu_table_new{ text-align:center; width:100%; font-size:14px; font-weight:bold; height:46px; border-left:1px solid #1e99c4;}
.main_menu_table_new td{border-right:1px solid #1e99c4; width:20%;}
.main_menu_table_new td:hover{background-color:#159acd; cursor:pointer;}
.main_menu_table_new td.on{background-color:#003a68; border:0px solid #ffa61b;}
.arti_main_banner{margin:15px 0 0 0;}
.arti_sub_banner{ position:absolute; top:0px; right:0px; *top:15px;}
.arti_gogo{ position:absolute; top:230px; right:0px; width:317px; *top:245px;}
.arit_gogo_box{border-left:1px solid #003a68; border-right:1px solid #003a68; border-bottom:1px solid #003a68; height:104px; text-align:center;}
.arit_gogo_box span{display:inline-block; width:60px; height:40px; padding:20px 0 0 0; font-weight:bold; margin:22px 5px 0 5px;}
.arit_gogo_box span.on{background-color:#23b0e6; width:60px; height:40px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; color:#fff; font-weight:bold; padding:20px 0 0 0;}

.arti_login_box{background-color:#e9f1f3; width:317px; height:187px; margin:19px -4px 0 0; display:inline-block;zoom:1;*display:inline/*IE7 HACK*/; vertical-align:text-top;}
.arti_playbox{ display:inline-block;zoom:1;*display:inline/*IE7 HACK*/; margin:19px -4px 0 17px; background-color:#02c1b6; width:317px; height:187px; vertical-align:text-top;}
.toktok_playbox{ display:inline-block;zoom:1;*display:inline/*IE7 HACK*/; margin:19px -4px 0 17px; background-color:#35398a; width:317px; height:187px; vertical-align:text-top;}
.had_playbox{ display:inline-block;zoom:1;*display:inline/*IE7 HACK*/; margin:19px -4px 0 17px; background-color:#81448b; width:317px; height:187px; vertical-align:text-top;}
.bookplus_playbox{ display:inline-block;zoom:1;*display:inline/*IE7 HACK*/; margin:19px -4px 0 17px; background-color:#02c1b6; width:317px; height:187px; vertical-align:text-top;}
.arti_notice{display:inline-block;zoom:1;*display:inline/*IE7 HACK*/; margin:19px -4px 0 27px; width:307px; vertical-align:text-top;}
.arti_login_h1{ font-size:14px; font-weight:bold; color:#333; padding:25px 0 0 20px;}
.arti_input_style{border:1px solid #bed1d6; padding:11px; width:165px;}
.arti_login_pac{margin:10px 0 0 20px; position:relative;}
.arti_login_pac p{padding:0 0 6px 0;}
.login_btn{position:absolute; top:0px; left:195px;}
.arti_login_option{font-size:12.5px; padding:10px 0 0 20px; color:#666; letter-spacing:-0.5px;}
.arti_login_option span{padding:0 10px 0 0;}
.arti_notice_h1{font-size:20px; font-weight:bold; color:#333;}
.arti_notice_h1 span{ float:right; font-size:12px; padding:4px 0 0 0;}
.notice_lasted{padding:20px 0 0 0;}
.notice_lasted ul li{font-size:13px; letter-spacing:-1px; height:28px; font-weight:bold;}
.notice_lasted ul li span{float:right; font-weight:normal; font-size:12px; color:#999;}

.best_cont_h1{ font-size:26px; color:#333; letter-spacing:-0.5px; text-align:center; padding:30px 0 30px 0; background:url(../images/title_line.png) no-repeat center;}
.best_c_unit{width:317px; display:inline-block;zoom:1;*display:inline/*IE7 HACK*/; position:relative; margin:0 13px 0 0; vertical-align:text-top;}
.best_c_unit p.title{font-size:18px; font-weight:bold; padding:17px 0 12px 0;}
.best_c_unit p.sub_t{font-size:14px; padding:0 0 40px 0;}

.best_c_unit_end{width:317px; display:inline-block;zoom:1;*display:inline/*IE7 HACK*/; position:relative; margin:0 -4px 0 0; vertical-align:text-top;}
.best_c_unit_end p.title{font-size:18px; font-weight:bold; padding:17px 0 12px 0;}
.best_c_unit_end p.sub_t{font-size:14px; padding:0 0 20px 0;}

.icon_tab_new{position:absolute; top:15px; right:15px;}
.arti_middle_banner{display:inline-block;zoom:1;*display:inline/*IE7 HACK*/; margin:0 -4px 0 0; width:317px; vertical-align:text-top; position:relative;}
.middle_banner_page{position:absolute; bottom:15px; left:0px; width:100%; text-align:center;}
.middle_banner_page img{margin:0 2px 0 2px;}

.bottom_common{ border-top:1px solid #bebdbd; padding:30px 0 55px 0;}
.arti_cs{display:inline-block;zoom:1;*display:inline/*IE7 HACK*/; width:317px; margin:0 12px 0 0; vertical-align:text-top;}
.arti_cs_end{display:inline-block;zoom:1;*display:inline/*IE7 HACK*/; width:317px; margin:0 0px 0 0; vertical-align:text-top; position:relative;}
.bottm_h1{font-size:14px; color:#333; font-weight:bold; padding:0 0 15px 0;}
.family_left{position:absolute; top:32px; left:0px;}
.family_next{position:absolute; top:32px; right:0px;}

.lm_t_arti{font-size:25px; font-family: 'NanumGothicWebB'; padding:38px 0 22px 0; border-bottom:3px solid #143e63; letter-spacing:-1px;}
.lm_t_arti_02{font-size:25px; font-family: 'NanumGothicWebB'; padding:38px 0 0px 0; border-bottom:0px solid #143e63; letter-spacing:-1px;}
.intro_tab_table td.on6{ font-weight:bold; background-color:#143e63; font-size:14px; }

.main_my{background-color:#cfdee1; margin:10px 20px 0 20px; position:relative; height:90px;}
.btn_my_01{position:absolute; top:0px; right:0px;}
.btn_my_02{position:absolute; top:45px; right:0px;}
.main_my_h1{font-size:14px; font-weight:bold; color:#333; padding:27px 0 5px 20px;}
.main_my_h2{font-size:13px; padding:0 0 0 20px;}
.main_my_h2 span.green{color:#4db848; font-weight:bold;}
.main_my_option{text-align:center; font-size:13px; padding:10px 0 0 0;}
.main_my_option span{font-size:12px; font-weight:bold;}
.main_my_option span.iii{padding:0 20px 0 20px; font-weight:normal;}

/* 20160203 책보 */
.sort_unit_title{font-size:13px; letter-spacing:-1px; display:inline-block;zoom:1;*display:inline/*IE7 HACK*/; padding:12px 15px 0 15px; height:27px; text-align:center; width:70px; background-color:#7c7c7c; color:#fff; vertical-align:text-top; margin:0 -4px 0 0;}
.sort_unit_new{font-size:12px; letter-spacing:-1px; display:inline-block;zoom:1;*display:inline/*IE7 HACK*/; padding:12px 0px 0 0px; height:27px; vertical-align:text-top; font-weight:bold; margin:0 -4px 0 0; width:48px; text-align:center;  }
.sort_unit_new:hover{background-color:#CCC;}
.sort_unit_new.on{background-color:#ef4c79; color:#fff; border:1px solid #dc3a67; height:25px; width:48px;}

.sort_unit_new2{font-size:13px; letter-spacing:-1px; display:inline-block;zoom:1;*display:inline/*IE7 HACK*/; padding:12px 0px 0 0px; height:27px; vertical-align:text-top; font-weight:bold; margin:0 -4px 0 0; width:100px; text-align:center;  }
.sort_unit_new2:hover{background-color:#CCC;}
.sort_unit_new2.on{background-color:#ef4c79; color:#fff; border:1px solid #dc3a67; height:25px; width:98px;}

.sort_unit_new3{font-size:13px; letter-spacing:-1px; display:inline-block;zoom:1;*display:inline/*IE7 HACK*/; padding:12px 13px 0 13px; height:27px; vertical-align:text-top; font-weight:bold; margin:0 -4px 0 0;text-align:center;  }
.sort_unit_new3:hover{background-color:#CCC;}
.sort_unit_new3.on{background-color:#ef4c79; color:#fff; border:1px solid #dc3a67; height:25px;  }

.paly_pen_down_new{width:100%; border-top:2px solid #02c1b6; border-left:1px solid #CCC; margin:20px 0 0 0;}
.paly_pen_down_new th{border-right:1px solid #CCC; font-size:15px; font-family: 'NanumGothicWebB'; color:#02c1b6; padding:15px 0 15px 15px; border-bottom:1px solid #CCC; text-align:left;}
.paly_pen_down_new th.center{padding:15px 0; text-align:center;}
.paly_pen_down_new th.age{color:#666;}
.paly_pen_down_new td{border-bottom:1px solid #ddd; background-color:#f8f8f8; border-right:1px solid #CCC; text-align:center; font-family: 'NanumGothicWebB'; font-size:13px; padding:10px 0 10px 0; }
.paly_pen_down_new td.book_thumb{padding:0px;}
.paly_pen_down_new th.all_down{text-align:center; padding:15px 0 15px 0; font-size:13px;}

.goset_new{font-size:12px; padding:10px 0px 0px 0; text-align:right; *margin-top:20px;}
.goset_new_gall{font-size:12px; padding:10px 10px 0px 0; text-align:right; *margin-top:20px;}
.month_down_title_new{font-size:15px; border-bottom:0px solid #02c1b6; color:#02c1b6; padding:0px 0 0px 0; font-family: 'NanumGothicWebB'; width:749px; margin-bottom:-10px;}
.board_search_new{text-align:right; padding:15px 0 15px 0; border-bottom:1px solid #ddd;}

.phonics_title{font-size:20px; font-weight:bold; color:#45bdb3; letter-spacing:-0.5px; border-bottom:1px solid #999; padding:0 0 10px 0; margin:0 0 15px 0;}
.alphabet_list{padding:0 0 20px 0;}
.alphabet_unit{border:1px solid #ffc11b; display:inline-block; width:179px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; margin:0 4px 10px 0; position:relative;}
.alphabet_unit_end{border:1px solid #ffc11b; display:inline-block; width:179px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; margin:0 -4px 10px 0; position:relative;}
.alpha_h1{background-color:#ffc11b; width:50px; height:61px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 8px 0 0 8px; text-align:center; font-size:40px; color:#fff; padding:12px 0 0 0; position:absolute; top:0px; left:0px;}
.alpha_btn_pac{ position:absolute; top:8px; left:56px;}
.btn_alpha_down{background:#ddd; width:106px; font-size:11px; padding:7px 5px 7px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin:0 0 5px 0; text-align:center;}
.btn_alpha_down:hover{background-color:#CCC;}
.alpha_btn_pac a:link{color:#666;}
.alpha_btn_pac a:visited{color:#666;}
.alpha_btn_pac a:active{color:#666;}
.alpha_btn_pac a:hover{color:#333;}
.btn_alpha_view{width:106px; font-size:11px; padding:7px 5px 7px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background:#ddd; text-align:center;}
.btn_alpha_view:hover{background-color:#CCC;}
.btn_alpha_notyet{background-color:#f5f5f5; width:106px; font-size:11px; padding:7px 5px 7px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; text-align:center; color:#999; margin:0 0 5px 0;}

/* 책보메인 */
.main_menu_book{ background-color:#b0cf01;}
.main_menu_table_book{ text-align:center; width:100%; font-size:14px; font-weight:bold; height:46px; border-left:1px solid #96b101;}
.main_menu_table_book td{border-right:1px solid #96b101; width:20%;}
.main_menu_table_book td:hover{background-color:#96b101; cursor:pointer;}
.main_menu_table_book td.onbook_new{background-color:#71b101; border:0px solid #ffa61b;}
.book_gogo_box{border-left:1px solid #b0cf01; border-right:1px solid #b0cf01; border-bottom:1px solid #b0cf01; height:104px; text-align:center;}
.book_gogo_box span{display:inline-block; width:60px; height:40px; padding:20px 0 0 0; font-weight:bold; margin:22px 5px 0 5px;}
.book_gogo_box span.on{background-color:#b0cf01; width:60px; height:40px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; color:#fff; font-weight:bold; padding:20px 0 0 0;}
.books_ch{position:absolute; top:70px; left:-103px;}
.main_search_book_new{width:274px; height:38px; background:url(../images/search_bar_bg_book_new.png) no-repeat; position:absolute; top:46px; right:0px;}

/* 마음씨 메인 */
.main_menu_maum{ background-color:#fb2b38;}
.main_menu_table_maum{ text-align:center; width:100%; font-size:14px; font-weight:bold; height:46px; border-left:1px solid #cd1621;}
.main_menu_table_maum td{border-right:1px solid #cd1621; width:20%;}
.main_menu_table_maum td:hover{background-color:#cd1621; cursor:pointer;}
.main_menu_table_maum td.onmaum_new{background-color:#a7040e; border:0px solid #ffa61b;}
.maum_gogo_box{border-left:1px solid #fb2b38; border-right:1px solid #fb2b38; border-bottom:1px solid #fb2b38; height:104px; text-align:center;}
.maum_gogo_box span{display:inline-block; width:60px; height:40px; padding:20px 0 0 0; font-weight:bold; margin:22px 5px 0 5px;}
.maum_gogo_box span.on{background-color:#fb2b38; width:60px; height:40px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; color:#fff; font-weight:bold; padding:20px 0 0 0;}
.maum_ch{position:absolute; top:0px; left:-148px;}
.main_search_maum_new{width:274px; height:38px; background:url(../images/search_bar_bg_maum_new.png) no-repeat; position:absolute; top:46px; right:0px;}

/* 소나기 메인 */
.main_menu_sonagi{ background-color:#fb2b78;}
.main_menu_table_sonagi{ text-align:center; width:100%; font-size:14px; font-weight:bold; height:46px; border-left:1px solid #cd1621;}
.main_menu_table_sonagi td{border-right:1px solid #e61a66; width:20%;}
.main_menu_table_sonagi td:hover{background-color:#e61a66; cursor:pointer;}
.main_menu_table_sonagi td.onsonagi_new{background-color:#e61a66; border:0px solid #ffa61b;}
.sonagi_gogo_box{border-left:1px solid #fb2b78; border-right:1px solid #fb2b78; border-bottom:1px solid #fb2b78; height:104px; text-align:center;}
.sonagi_gogo_box span{display:inline-block; width:60px; height:40px; padding:20px 0 0 0; font-weight:bold; margin:22px 5px 0 5px;}
.sonagi_gogo_box span.on{background-color:#fb2b78; width:60px; height:40px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; color:#fff; font-weight:bold; padding:20px 0 0 0;}
.sonagi_ch{position:absolute; top:0px; left:-148px;}
.main_search_sonagi_new{width:274px; height:38px; background:url(../images/search_bar_bg_maum_new.png) no-repeat; position:absolute; top:46px; right:0px;}

/* 잉글리시크레용 메인 */
.main_menu_engk{ background-color:#ffc11c;}
.main_menu_table_engk{ text-align:center; width:100%; font-size:14px; font-weight:bold; height:46px; border-left:1px solid #ff971c;}
.main_menu_table_engk td{border-right:1px solid #ff971c; width:20%;}
.main_menu_table_engk td:hover{background-color:#ff971c; cursor:pointer;}
.main_menu_table_engk td.onbook_new{background-color:#ff7c1c; border:0px solid #ffa61b;}
.engk_gogo_box{border-left:1px solid #ffc11c; border-right:1px solid #ffc11c; border-bottom:1px solid #ffc11c; height:104px; text-align:center;}
.engk_gogo_box span{display:inline-block; width:60px; height:40px; padding:20px 0 0 0; font-weight:bold; margin:5px 5px 0 5px;}
.engk_gogo_box span.on{background-color:#ffc11c; width:60px; height:40px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; color:#fff; font-weight:bold; padding:20px 0 0 0;}
.engk_ch{position:absolute; top:0px; left:-148px;}
.main_search_engk_new{width:274px; height:38px; background:url(../images/search_bar_engk.png) no-repeat; position:absolute; top:46px; right:0px;}

/* 레디셋잉글리시 메인 */
.main_menu_readyset{ background-color:#e45d99;}
.main_menu_table_readyset{ text-align:center; width:100%; font-size:14px; font-weight:bold; height:46px; border-left:1px solid #a21e5f;}
.main_menu_table_readyset td{border-right:1px solid #a21e5f; width:20%;}
.main_menu_table_readyset td:hover{background-color:#a21e5f; cursor:pointer;}
.main_menu_table_readyset td.onbook_new{background-color:#a21e5f; border:0px solid #ffa61b;}
.readyset_gogo_box{border-left:1px solid #e45d99; border-right:1px solid #e45d99; border-bottom:1px solid #e45d99; height:104px; text-align:center;}
.readyset_gogo_box span{display:inline-block; width:60px; height:40px; padding:20px 0 0 0; font-weight:bold; margin:22px 5px 0 5px;}
.readyset_gogo_box span.on{background-color:#e45d99; width:60px; height:40px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; color:#fff; font-weight:bold; padding:20px 0 0 0;}
.readyset_ch{position:absolute; top:0px; left:-148px;}
.main_search_readyset_new{width:274px; height:38px; background:url(../images/search_bar_engk.png) no-repeat; position:absolute; top:46px; right:0px;}


/* 한글어드벤처 메인 */
.main_menu_had{ background-color:#9c6aa9;}
.main_menu_table_had{ text-align:center; width:100%; font-size:14px; font-weight:bold; height:46px; border-left:1px solid #420d50;}
.main_menu_table_had td{border-right:1px solid #420d50; width:20%;}
.main_menu_table_had td:hover{background-color:#420d50; cursor:pointer;}
.main_menu_table_had td.onbook_new{background-color:#420d50; border:0px solid #ffa61b;}
.had_gogo_box{border-left:1px solid #9c6aa9; border-right:1px solid #9c6aa9; border-bottom:1px solid #9c6aa9; height:104px; text-align:center;}
.had_gogo_box span{display:inline-block; width:60px; height:40px; padding:20px 0 0 0; font-weight:bold; margin:22px 5px 0 5px;}
.had_gogo_box span.on{background-color:#9c6aa9; width:60px; height:40px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; color:#fff; font-weight:bold; padding:20px 0 0 0;}
.had_ch{position:absolute; top:0px; left:-148px;}
.main_search_had_new{width:274px; height:38px; background:url(../images/search_bar_had.png) no-repeat; position:absolute; top:46px; right:0px;}


.lm_t_had{font-size:25px; font-family: 'NanumGothicWebB'; padding:38px 0 22px 0; border-bottom:3px solid #946daf; letter-spacing:-1px;}
.lm_unit.on5{ background:url(../images/sub_menu_on5.png) no-repeat 175px 13px; font-weight:bold; }

.lm_t_bigbook{font-size:25px; font-family: 'NanumGothicWebB'; padding:38px 0 22px 0; border-bottom:3px solid #ff7f7f; letter-spacing:-1px;}
.lm_unit.on6{ background:url(../images/sub_menu_on5.png) no-repeat 175px 13px; font-weight:bold; }

.intro_tab_had{margin:22px 0 0px 0;}
.intro_tab_had_table{ width:100%; text-align:center; height:40px; font-size:14px;}
.intro_tab_had_table td{}
.intro_tab_had_table td.on{ font-weight:bold; background-color:#946daf; font-size:14px; }
.intro_tab_had_table td.on2{ font-weight:bold; background-color:#fb2b38; font-size:14px; }
.intro_tab_had_table td.on3{ font-weight:bold; background-color:#afcf00; font-size:14px; }
.intro_tab_had_table td.off{ background-color:#f2f1f1; font-size:14px;}
.intro_tab_had_table td.line{border-right:0px solid #ddd;}
.intro_tab_had_table td.on a:link{ color:#ff7f7f;}
.intro_tab_had_table td.on a:active{ color:#ff7f7f;}
.intro_tab_had_table td.on a:visited{ color:#fff;}
.intro_tab_had_table td.on a:hover{ color:#fff;}






/* 회원가입 추가 */
.join_choice_btn4{ text-align:center; font-size:16px; font-weight:bold; background-color:#5a658d; color:#fff; padding:14px 0 14px 0; margin:0 0 20px 0; letter-spacing:-1px;}
.join_bg_04{background:url(../images/join_bg_04.png) no-repeat bottom right; background-size:150px 80px;}
.join_input_new{border:1px solid #ccc; padding:9px 10px 9px 10px;}
.w_small_new{width:100px;}
.member_radio{ padding:5px 10px 0 0; display:inline-block;}

/* 20160216 추가 */
.arti_sub_t{font-size:20px; font-family: 'NanumGothicWebB'; color:#23b0e6;}
.new_btn_01{-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border:0px; color:#666; font-family: 'NanumGothicWebB'; padding:10px 10px 10px 30px; cursor:pointer; background:url(../images/icon_viewview.png) no-repeat 10px 9px #ececed; display:inline-block; font-size:12px; font-weight:bold; margin:0 0 5px 0; }
.new_btn_02{-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border:0px; color:#666; font-family: 'NanumGothicWebB'; padding:10px 10px 10px 30px; cursor:pointer; background:url(../images/icon_downdown.png) no-repeat 10px 9px #ececed; display:inline-block; font-size:12px; font-weight:bold; margin:0 0 5px 0; }

.new_btn_03{-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border:0px; color:#666; font-family: 'NanumGothicWebB'; padding:10px 10px 10px 30px; cursor:pointer; background:url(../images/kizm_icon_02.png) no-repeat 10px 9px #ececed; display:inline-block; font-size:12px; font-weight:bold; margin:0 0 5px 0; }
.new_btn_04{-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border:0px; color:#666; font-family: 'NanumGothicWebB'; padding:10px 10px 10px 30px; cursor:pointer; background:url(../images/kizm_icon_03.png) no-repeat 10px 9px #ececed; display:inline-block; font-size:12px; font-weight:bold; margin:0 0 5px 0; }
.new_btn_05{-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border:0px; color:#666; font-family: 'NanumGothicWebB'; padding:10px 10px 10px 30px; cursor:pointer; background:url(../images/kizm_icon_04.png) no-repeat 10px 9px #ececed; display:inline-block; font-size:12px; font-weight:bold; margin:0 0 5px 0; }
.new_btn_06{-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border:0px; color:#666; font-family: 'NanumGothicWebB'; padding:10px 10px 10px 30px; cursor:pointer; background:url(../images/kizm_icon_05.png) no-repeat 10px 9px #ececed; display:inline-block; font-size:12px; font-weight:bold; margin:0 0 5px 0; }
.new_btn_07{-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border:0px; color:#666; font-family: 'NanumGothicWebB'; padding:10px 10px 10px 30px; cursor:pointer; background:url(../images/kizm_icon_01.png) no-repeat 10px 9px #ececed; display:inline-block; font-size:12px; font-weight:bold; margin:0 0 5px 0; }
.new_btn_08{-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border:0px; color:#666; font-family: 'NanumGothicWebB'; padding:10px 10px 10px 30px; cursor:pointer; background:url(../images/kizm_icon_07.png) no-repeat 10px 9px #ececed; display:inline-block; font-size:12px; font-weight:bold; margin:0 0 5px 0; }
.new_btn_09{-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border:0px; color:#666; font-family: 'NanumGothicWebB'; padding:10px 10px 10px 30px; cursor:pointer; background:url(../images/kizm_icon_08.png) no-repeat 10px 9px #ececed; display:inline-block; font-size:12px; font-weight:bold; margin:0 0 5px 0; }

.m_m_box{ width:100%; height:32px; padding:14px 0 0 0;}

.btn_alpha_down_noyet{background:url(../images/icon_down.png) no-repeat 8px 8px #ddd; width:107px; font-size:11px; padding:7px 5px 7px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin:0 0 5px 0;text-align:center;}

/* 20160223 추가 */
.paly_pen_down_new2{width:100%; border-top:2px solid #d70d19; border-left:1px solid #CCC; margin:20px 0 0 0;}
.paly_pen_down_new2 th{border-right:1px solid #CCC; font-size:15px; font-family: 'NanumGothicWebB'; color:#d70d19; padding:15px 0 15px 15px; border-bottom:1px solid #CCC; text-align:left;}
.paly_pen_down_new2 th.center{padding:15px 0; text-align:center;}
.paly_pen_down_new2 th.age{color:#666;}
.paly_pen_down_new2 td{border-bottom:1px solid #ddd; background-color:#fff; border-right:1px solid #CCC; text-align:center; font-family: 'NanumGothicWebB'; font-size:13px; padding:10px 0 10px 0; }
.paly_pen_down_new2 td.book_thumb{padding:0px;}
.paly_pen_down_new2 th.all_down{text-align:center; padding:15px 0 15px 0; font-size:13px; background-color:#f8f8f8;}
.paly_pen_down_new2 td.commonleft{text-align:left; padding:10px;}
.paly_pen_down_new2 th.headhead{text-align:center; padding:15px 0 15px 0; font-size:13px; background-color:#eeeded;}
.multi_txt2{ padding:0 0 0 220px;}

.booksday_btn_01{ display:inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-color:#a2c202; color:#fff; font-size:13px; text-align:center; margin:10px 2px 0 0; width:97px; font-weight:bold; padding:3px 0 0px 0;}
.booksday_btn_01:hover{background-color:#8da900;}
.booksday_btn_02{ display:inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-color:#339ad8; color:#fff; font-size:13px; text-align:center; margin:10px -4px 0 0; width:97px; font-weight:bold; padding:3px 0 0px 0;}
.booksday_btn_02:hover{background-color:#298dc9;}
.booksday_btn_03{ display:block; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-color:#f8aa02; color:#fff; font-size:13px; margin:4px 0 0 0; text-align:center; font-size:13px; font-weight:bold; padding:9px 0 9px 0;}
.booksday_btn_03:hover{background-color:#ee9202;}
span.booksday_h2{font-size:11px; font-weight:normal; color:#fff; line-height:18px;}
.multi_h1_new{font-size:20px; font-family: 'NanumGothicWebB'; padding:10px 0 0 0; height:38px;}
.multi_h2_new{font-size:12px; line-height:18px; padding:0px 0 0 0; min-height:47px;}

/* 20160223 꿈단지 */
.logo_center_dream{position:absolute; top:0px; left:50%; width:147px; margin:0 0 0 -63px;}
.main_search_dream{width:274px; height:38px; background:url(../images/search_bar_bg_dream.png) no-repeat; position:absolute; top:46px; right:0px;}
.main_menu_table_dream{ text-align:center; width:100%; font-size:14px; font-weight:bold; height:46px; border-left:1px solid #cc7b11;}
.main_menu_table_dream td{border-right:1px solid #cc7b11; width:20%;}
.main_menu_table_dream td:hover{background-color:#d17c0b; cursor:pointer;}
.main_menu_table_dream td.on{background-color:#d17c0b; border:0px solid #ffa61b;}
.main_menu_dream{ background-color:#f8991c;}

.dream_main_h1{ font-size:25px; color:#333; letter-spacing:-1px; text-align:left; padding:30px 0 20px 0; font-weight:bold;}
.dream_main_h1_2{ font-size:25px; color:#333; letter-spacing:-1px; text-align:left; padding:0px 0 20px 0; font-weight:bold; margin:-10px 0 0 0;}
.dream_list{padding:0 0 46px 0;}
.dream_list img{padding:0 3px 0 0; display:inline-block;}
.dream_list img.end{padding:0 -4px 0 0;}
.lm_t_dream{font-size:25px; font-family: 'NanumGothicWebB'; padding:38px 0 22px 0; border-bottom:3px solid #876b62; letter-spacing:-1px;}

.dream_class_pac{margin:20px 0 0 0;}
.dream_class_titlebar{background-color:#9e908c; font-size:14px; font-weight:bold; color:#fff; padding:10px 0 10px 0;}
.dream_month{background-color:#876b62; padding:10px 15px 10px 15px; text-align:center; width:80px; color:#fff; margin:0 10px 0 0;}
.dream_class_list{border-left:1px solid #ccc; border-right:1px solid #ccc; padding:20px 20px 0 20px;}
.dream_book{display:inline-block; width:350px; position:relative; margin:0 0 20px 0; vertical-align:text-top;}
.dream_class_bottom{ border-top:1px solid #eee; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; font-size:13px; padding:15px; background-color:#f5f5f5; color:#333;}
.dream_book_btn{position:absolute; bottom:0px; left:180px; }
.dream_book_thumb{ position:relative; }
.dream_book_thumb img{ width:170px;}
.dream_book_over{ position:absolute; top:0px; left:0px; width:170px; height:100%; text-align:center; background:url(../images/black60.png); color:#fff; font-size:14px; font-weight:bold;}
.dream_btn_01{display:inline-block; font-size:13px; width:115px; text-align:left; padding:8px 0 8px 35px; margin:5px 0 0px 0; font-weight:bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background:url(../images/icon_speaker.png) no-repeat 10px 7px #f8991c; vertical-align:text-bottom;  }
.dream_btn_02{display:inline-block; font-size:13px; width:115px; text-align:left; padding:8px 0 8px 35px; margin:5px 0 0px 0; font-weight:bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background:url(../images/icon_monitor.png) no-repeat 10px 7px #f8991c; }
.dream_book_wh{ color:#fff; padding:60px 0 0 0; display:inline-block;}









/* 20160226 gate */
.gate_logo{text-align:center; padding:59px 10px 50px 10px;}
.gate_logo img{width:80%;}
.gate_left{ padding:0 0 0 30px;}
.gate_left img{width:100%;}
.gate_right{}
.gate_right img{width:100%;}

.gate_bg_01{background-color:#fdb902; text-align:right;}
.gate_bg_02{background-color:#68b604;}
.gate_bg_03{background-color:#da2027; text-align:right;}
.gate_bg_04{background-color:#003a68;}
.gate_bg_05{background-color:#1f6ec4; text-align:right;}
.gate_bg_06{background-color:#4cbcb8;}
.gate_bg_07{background-color:#d1bd96; text-align:right;}
.gate_bg_08{background-color:#34a52e;}
.gate_bg_09{background-color:#eac20a;}





.gate_foot_go{text-align:center; font-size:12px; letter-spacing:-0.5px;}
.gate_foot_go li{display:inline-block; padding:30px 10px 0 10px;}
.gate_copy{text-align:center; font-size:11px; color:#999; padding:15px 0 0 0;}

.book_table_new{width:100%; border-top:1px solid #96b002; margin:10px 0 0 0;}
.book_table_new th{font-size:12px; text-align:center; padding:7px 0 7px 0; border-bottom:1px solid #96b002; background-color:#b0cf01; color:#fff;}
.book_table_new td{font-size:12px; border-bottom:1px solid #ccc; text-align:center; padding:7px 0 7px 0; line-height:18px;}
.book_table_new td.lefttxt{text-align:left;}
.book_table_new td.td_color{background-color:#f0f5d5;}
.new_left{width:365px; display:inline-block; margin:0 14px 0 0; vertical-align:text-top;}
.new_right{width:365px; display:inline-block; margin:0 -4px 0 0; vertical-align:text-top;}

.paly_pen_down_new3{width:100%; border-top:2px solid #02c1b6; border-left:1px solid #CCC; margin:20px 0 0 0;}
.paly_pen_down_new3 th{border-right:1px solid #CCC; font-size:15px; font-family: 'NanumGothicWebB'; color:#02c1b6; padding:15px 0 15px 15px; border-bottom:1px solid #CCC; text-align:left;}
.paly_pen_down_new3 th.center{padding:15px 0; text-align:center;}
.paly_pen_down_new3 th.age{color:#666;}
.paly_pen_down_new3 td{border-bottom:1px solid #ddd; background-color:#fff; border-right:1px solid #CCC; text-align:center; font-family: 'NanumGothicWebB'; font-size:13px; padding:10px 0 10px 0; }
.paly_pen_down_new3 td.book_thumb{padding:0px;}
.paly_pen_down_new3 th.all_down{text-align:center; padding:15px 0 15px 0; font-size:13px; background-color:#f8f8f8;}
.paly_pen_down_new3 th.headhead{text-align:center; padding:15px 0 15px 0; font-size:13px; background-color:#eeeded;}
.paly_pen_down_new3 td.commonleft{text-align:left; padding:10px;}

.new_btn_01_this{-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border:0px; color:#666; font-family: 'NanumGothicWebB'; padding:10px 10px 10px 30px; cursor:pointer; background:url(../images/icon_viewview.png) no-repeat 10px 9px #ececed; display:inline-block; font-size:12px; font-weight:bold; margin:0 0 0px 0; }

/* 20160307 : dream */
.dream_tab{width:100%; margin:20px 0 20px 0;}
.dream_tab td{text-align:center; font-size:15px; font-weight:bold; padding:15px 0 15px 0;}
.dream_tab td.on{ border-top:1px solid #f8991c; border-left:1px solid #f8991c; border-right:1px solid #f8991c;}
.dream_tab td.on a:link{color:#f8991c;}
.dream_tab td.on a:visited{color:#f8991c;}
.dream_tab td.on a:active{color:#f8991c;}
.dream_tab td.on a:hover{color:#d48317;}
.dream_tab td.off{ border-bottom:1px solid #f8991c; background-color:#f5f5f5;}
.dream_tab td.rightline{border-right:1px solid #CCC;}
.dream_intro_01{padding:0 0 30px 0;}
.dream_intro_02{padding:20px 0 30px 0;}
.subp_notice_dream{border:1px solid #cbcbcd; height:48px; margin:0 0 7px 0; width:100%;}
.comment_w_area_dream{border-top:1px solid #CCC; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:0px; width:880px; height:94px; background-color:#f6f6f8;}
.dream_sort_box{ padding:10px 0 0 0;}

.d_sort_pac{padding:0 0 6px 0;}
.d_sort_pac li{border:1px solid #ededed; font-size:13px; padding:7px 0 7px 0; display:inline-block; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; width:69px; text-align:center;}
.d_sort_pac li.on{background-color:#f8991c; color:#fff; border:1px solid #f8991c;}
.d_sort_pac li.set{background-color:#ededed;}

.d_sort_pac2{padding:0 0 6px 0;}
.d_sort_pac2 li{border:1px solid #ededed; font-size:13px; padding:7px 15px 7px 15px; display:inline-block; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; min-width:50px; text-align:center; margin:0 0 5px 0;}
.d_sort_pac2 li.on{background-color:#f8991c; color:#fff; border:1px solid #f8991c;}
.d_sort_pac2 li.set{background-color:#ededed;}

.dream_book_new{display:inline-block; width:194px; position:relative; margin:0 18px 30px 18px; vertical-align:text-top;}
.dream_class_list_new{border-left:1px solid #ccc; border-right:1px solid #ccc; padding:30px 0px 0 0px; text-align:center;}
.dream_parent_list_new{border-left:1px solid #ccc; border-right:1px solid #ccc; padding:30px 0px 0 0px; text-align:center; border-bottom:1px solid #ccc;}
.dream_book_thumb_new{ position:relative; }
.dream_book_thumb_new img{ width:194px; border:1px solid #d6d5d5;}
.dream_book_btn_new{ margin:5px 0 0 0;}
.dream_btn_01_new{display:inline-block; font-size:13px; width:160px; text-align:left; padding:8px 0 8px 35px; margin:5px 0 0px 0; font-weight:bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background:url(../images/icon_speaker.png) no-repeat 10px 7px #f8991c; vertical-align:text-bottom;  }
.dream_btn_02_new{display:inline-block; font-size:13px; width:160px; text-align:left; padding:8px 0 8px 35px; margin:5px 0 0px 0; font-weight:bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background:url(../images/icon_monitor.png) no-repeat 10px 7px #f8991c; }
.dream_book_over_new{ position:absolute; top:0px; left:0px; width:196px; height:100%; text-align:center; background:url(../images/black60.png); color:#fff; font-size:14px; font-weight:bold;}
.dream_book_wh_new{ color:#fff; padding:70px 0 0 0; display:inline-block;}
.dream_book_wh_new img{ width:auto; border:0px; margin:0 0 10px 0;}
.btn_professor{ background-color:#573f37; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; padding:5px 15px 5px 13px; font-weight:bold;}

.dream_year{ width:100%; border-left:1px solid #ddd;}
.dream_year th{text-align:center; font-size:13px; padding:10px 0 10px 0; color:#fff;}
.dream_year th.start{background-color:#c6b3ad;}
.dream_year th.three{ background-color:#ee8081;}
.dream_year th.four{ background-color:#f7b055;}
.dream_year th.five{ background-color:#b273ae;}
.dream_year th.six{ background-color:#9fce7e;}
.dream_year th.seven{ background-color:#ec79ac;}

.dream_year td{text-align:left; font-size:12px; padding:15px 0 15px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-weight:bold;}
.dream_year td.month{text-align:center; font-size:14px; font-weight:bold; padding:10px 0 10px 0; background-color:#f5f5f5;}
.dream_year td.three{ color:#d35b5c;}
.dream_year td.four{ color:#d08019;}
.dream_year td.five{ color:#a05b9c;}
.dream_year td.six{ color:#7ac347;}
.dream_year td.seven{ color:#d4518b;}

.dream_comment{font-size:12px; padding:10px 0 0 0;}

.cs_event_site{ font-size:12px; font-weight:bold; padding:0 0 5px 0;}
.cs_event_site a:link{color:#43bcc5;}
.cs_event_site a:visited{color:#43bcc5;}
.cs_event_site a:active{color:#43bcc5;}
.cs_event_site a:hover{color:#319ba3;}

/* 20160317 : 파닉스 수정 */
.gogo_tab{ padding:0 0 20px 0;}
.btn_gogo_five{background-color:#c3015b; font-size:14px; text-align:center; display:inline-block; width:245px; padding:10px 0 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin:0 3px 0 0;}
.btn_gogo_five:hover{background-color:#a9024f; }
.btn_gogo_five_off{background-color:#bbbaba; font-size:14px; text-align:center; display:inline-block; width:245px; padding:10px 0 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin:0 3px 0 0;}

.btn_gogo_six{background-color:#ea5415; font-size:14px; text-align:center; display:inline-block; width:245px; padding:10px 0 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin:0 3px 0 0;}
.btn_gogo_six:hover{background-color:#c83f05;}
.btn_gogo_six_off{background-color:#bbbaba; font-size:14px; text-align:center; display:inline-block; width:245px; padding:10px 0 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin:0 3px 0 0;}

.btn_gogo_seven{background-color:#013c64; font-size:14px; text-align:center; display:inline-block; width:245px; padding:10px 0 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.btn_gogo_seven:hover{background-color:#002e4d;}
.btn_gogo_seven_off{background-color:#bbbaba; font-size:14px; text-align:center; display:inline-block; width:245px; padding:10px 0 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}

.phonics_title_five{font-size:20px; font-weight:bold; color:#c3015b; letter-spacing:-0.5px; border-bottom:1px solid #999; padding:0 0 10px 0; margin:0 0 15px 0;}

.alphabet_unit_five{border:1px solid #c3015b; display:inline-block;zoom:1;*display:inline/*IE7 HACK*/; width:179px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; margin:0 4px 10px 0; height:74px; position:relative;}
.alphabet_unit_five_end{border:1px solid #c3015b; display:inline-block;zoom:1;*display:inline/*IE7 HACK*/; width:179px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; margin:0 -4px 10px 0; height:74px; position:relative;}
.alphabet_unit_six{border:1px solid #ea5415; display:inline-block;zoom:1;*display:inline/*IE7 HACK*/; width:179px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; margin:0 4px 10px 0; height:74px; position:relative;}
.alphabet_unit_six_end{border:1px solid #ea5415; display:inline-block;zoom:1;*display:inline/*IE7 HACK*/; width:179px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; margin:0 -4px 10px 0; height:74px; position:relative;}
.alphabet_unit_seven{border:1px solid #013c64; display:inline-block;zoom:1;*display:inline/*IE7 HACK*/; width:179px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; margin:0 4px 10px 0; height:74px; position:relative;}
.alphabet_unit_seven_end{border:1px solid #013c64; display:inline-block;zoom:1;*display:inline/*IE7 HACK*/; width:179px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; margin:0 -4px 10px 0; height:74px; position:relative;}
.five_color{background-color:#c3015b; border:1px solid #c3015b;}
.six_color{background-color:#ea5415; border:1px solid #ea5415; }
.seven_color{background-color:#013c64; border:1px solid #013c64;}

.ph_cover{display:block; padding:0 0 20px 0;}

.go_play_table{width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd; margin:20px 0 0 0;}
.go_play_table td{border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; padding:10px 0 10px 0;}
.dream_sub_tt{ width:260px; display:inline-block; font-size:12px;}

.dream_gallery_pac{text-align:center; border-top:1px solid #ddd; margin:10px 0 0 0; padding:20px 0 0 0;}
.dream_gall_unit{display:inline-block; text-align:left; margin:0 5px 0 5px; padding:0 0 25px 0; position:relative;}
.d_gall_h1{font-size:14px; font-weight:bold; padding:10px 0 0 0;}
.d_gall_h2{font-size:12px; color:#999; padding:5px 0 0 0;}
.img_border{border:1px solid #ddd;}
.d_gall_over{position:absolute; top:0px; left:0px; width:100%; height:182px; z-index:999999; text-align:center; background:url(../images/black60.png);}
.d_gall_over img{margin:65px 0 0 0;}

.btn_search{background-color:#4db848; font-size:13px; font-weight:bold; padding:8px 15px 8px 15px;}
.cs_h1{font-size:13px; padding:20px 0 0 35px; line-height:16px;}
.cs_table{ width:100%; border-top:1px solid #ddd;}
.cs_table th{font-size:13px; padding:10px 0 10px 0; border-bottom:1px solid #ccc; background-color:#f5f5f5;}
.cs_table td{font-size:13px; padding:10px 0 10px 0; border-bottom:1px solid #ccc; text-align:center;}
.cs_table_box{padding:20px 35px 0 35px; width:630px;}

.rule_pac{}

.gate_all{background-color:#d1bd96; text-align:center; padding:0 20px 0 20px; display:none;}
.gate_all img{width:100%;}

.gate_all_mobile{background-color:#d1bd96; text-align:center; padding:0 0px 0 0px; display:block;}
.gate_all_mobile img{width:100%;}

/* 20180130 */
.recommand_head{width:100%; border-bottom:0px solid #b0cf01; padding:0 0 0px 0; height:47px; position:relative;}
.btn_recommand{background-color:#ff544c; color:#fff; font-size:13px; display:inline-block; padding:10px 10px 10px 10px; position:absolute; top:0px; right:0px;}
.recomm_h1{font-size:17px; font-weight:bold; padding:10px 0 0 0; letter-spacing:-1px;}
.po_color{ color:#ff544c;}
.recommand_tab_box{background-color:#f5f5f5; height:40px;}
.recommand_tab_box li{float:left; width:25%; text-align:center; font-size:14px; height:40px; line-height:40px;}
.recommand_tab_box li.active{font-weight:bold; background-color:#b0cf01; border:1px solid #93ad02; width:24.5%;}

.recommand_list{ padding:20px 0 30px 0;}
.recommand_list li{display:inline-block; width:172px; margin:0 16px 0 0;}
.recommand_list li:nth-child(4){ margin:0 0 0 0;}
.recomm_unit_top img{border:1px solid #eee; width:170px;}
.recomm_unit_top img:hover{border:1px solid #CCC;}
.recomm_unit_bottom{padding:15px 0 0 0;}
.recomm_unit_bottom dt{font-size:15px; font-weight:bold; padding:0 0 10px 0;}
.recomm_unit_bottom dd{ font-size:12px; margin:0 0 8px 0; line-height:16px;}
	

/* 20190212 : 책보극장 추가 */
.main_menu_bigbook{ background-color:#ff7f7f;}
.main_menu_table_bigbook{ text-align:center; width:100%; font-size:14px; font-weight:bold; height:46px; border-left:1px solid #8b5050;}
.main_menu_table_bigbook td{border-right:1px solid #8b5050; width:20%;}
.main_menu_table_bigbook td:hover{background-color:#8b5050; cursor:pointer;}
.main_menu_table_bigbook td.onbook_new{background-color:#ff7c1c; border:0px solid #ffa61b;}

.main_search_bigbook_new{width:274px; height:38px; background:url(../images/search_bar_bigbook.png) no-repeat; position:absolute; top:46px; right:0px;}



/* 20190212 : 부엉이북클럽 추가 */
.main_menu_bookclub{ background-color:#00d0cd;}
.main_menu_table_bookclub{ text-align:center; width:100%; font-size:14px; font-weight:bold; height:46px; border-left:1px solid #1E9999;}
.main_menu_table_bookclub td{border-right:1px solid #1E9999; width:20%;}
.main_menu_table_bookclub td:hover{background-color:#167170; cursor:pointer;}
.main_menu_table_bookclub td.onbook_new{background-color:#167170; border:0px solid #ffa61b;}

.bookclub_gogo_box{border-left:1px solid #00d0cd; border-right:1px solid #00d0cd; border-bottom:1px solid #00d0cd; height:104px; text-align:center;}
.bookclub_gogo_box span{display:inline-block; width:60px; height:40px; padding:20px 0 0 0; font-weight:bold; margin:22px 5px 0 5px;}
.bookclub_gogo_box span.on{background-color:#00d0cd; width:60px; height:40px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; color:#fff; font-weight:bold; padding:20px 0 0 0;}

.main_search_bookclub_new{width:274px; height:38px; background:url(../images/search_bar_bookclub.png) no-repeat; position:absolute; top:46px; right:0px;}



.lm_t_bookclub{font-size:25px; font-family: 'NanumGothicWebB'; padding:38px 0 22px 0; border-bottom:3px solid #00d0cd; letter-spacing:-1px;}
.lm_unit.on5{ background:url(../images/sub_menu_on5.png) no-repeat 175px 13px; font-weight:bold; }

.lm_t_bigbook{font-size:25px; font-family: 'NanumGothicWebB'; padding:38px 0 22px 0; border-bottom:3px solid #ff7f7f; letter-spacing:-1px;}
.lm_unit.on6{ background:url(../images/sub_menu_on5.png) no-repeat 175px 13px; font-weight:bold; }

/* 2024-01-05 : 책톡톡 추가 */
.main_menu_toktok{ background-color:#35398a;}
.main_menu_table_toktok{ text-align:center; width:100%; font-size:14px; font-weight:bold; height:46px; border-left:1px solid #474cb2;}
.main_menu_table_toktok td{border-right:1px solid #474cb2; width:20%;}
.main_menu_table_toktok td:hover{background-color:#191c57; cursor:pointer;}
.main_menu_table_toktok td.onbook_new{background-color:#191c57; border:0px solid #ffa61b;}

.toktok_gogo_box{border-left:1px solid #35398a; border-right:1px solid #35398a; border-bottom:1px solid #35398a; height:104px; text-align:center;}
.toktok_gogo_box span{display:inline-block; width:60px; height:40px; padding:20px 0 0 0; font-weight:bold; margin:22px 5px 0 5px;}
.toktok_gogo_box span.on{background-color:#35398a; width:60px; height:40px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; color:#fff; font-weight:bold; padding:20px 0 0 0;}

.main_search_toktok_new{width:274px; height:38px; background:url(../images/search_bar_toktok.png) no-repeat; position:absolute; top:46px; right:0px;}



.lm_t_toktok{font-size:25px; font-family: 'NanumGothicWebB'; padding:38px 0 22px 0; border-bottom:3px solid #35398a; letter-spacing:-1px;}
.lm_unit.on5{ background:url(../images/sub_menu_on5.png) no-repeat 175px 13px; font-weight:bold; }

.lm_t_bigbook{font-size:25px; font-family: 'NanumGothicWebB'; padding:38px 0 22px 0; border-bottom:3px solid #ff7f7f; letter-spacing:-1px;}
.lm_unit.on6{ background:url(../images/sub_menu_on5.png) no-repeat 175px 13px; font-weight:bold; }

.intro_tab_toktok{margin:22px 0 0px 0;}
.intro_tab_toktok_table{ width:100%; text-align:center; height:40px; font-size:14px;}
.intro_tab_toktok_table td{}
.intro_tab_toktok_table td.on{ font-weight:bold; background-color:#35398a; font-size:14px; }
.intro_tab_toktok_table td.on2{ font-weight:bold; background-color:#fb2b38; font-size:14px; }
.intro_tab_toktok_table td.on3{ font-weight:bold; background-color:#afcf00; font-size:14px; }
.intro_tab_toktok_table td.off{ background-color:#f2f1f1; font-size:14px;}
.intro_tab_toktok_table td.line{border-right:0px solid #ddd;}
.intro_tab_toktok_table td.on a:link{ color:#fff;}
.intro_tab_toktok_table td.on a:active{ color:#fff;}
.intro_tab_toktok_table td.on a:visited{ color:#fff;}
.intro_tab_toktok_table td.on a:hover{ color:#fff;}


/* 20200223 : 놀이야 추가 */
.main_menu_play{ background-color:#9fc1e6;}
.main_menu_table_play{ text-align:center; width:100%; font-size:14px; font-weight:bold; height:46px; border-left:1px solid #618ab6;}
.main_menu_table_play td{border-right:1px solid #618ab6; width:20%;}00d0cc
.main_menu_table_play td:hover{background-color:#486a90; cursor:pointer;}
.main_menu_table_play td.onbook_new{background-color:#486a90; border:0px solid #ffa61b;}

.bookclub_gogo_box{border-left:1px solid #9fc1e6; border-right:1px solid #9fc1e6; border-bottom:1px solid #9fc1e6; height:104px; text-align:center;}
.bookclub_gogo_box span{display:inline-block; width:60px; height:40px; padding:20px 0 0 0; font-weight:bold; margin:22px 5px 0 5px;}
.bookclub_gogo_box span.on{background-color:#9fc1e6; width:60px; height:40px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; color:#fff; font-weight:bold; padding:20px 0 0 0;}

.main_search_bookclub_new{width:274px; height:38px; background:url(../images/search_bar_bookclub.png) no-repeat; position:absolute; top:46px; right:0px;}



.lm_t_bookclub{font-size:25px; font-family: 'NanumGothicWebB'; padding:38px 0 22px 0; border-bottom:3px solid #9fc1e6; letter-spacing:-1px;}
.lm_unit.on5{ background:url(../images/sub_menu_on5.png) no-repeat 175px 13px; font-weight:bold; }

.lm_t_bigbook{font-size:25px; font-family: 'NanumGothicWebB'; padding:38px 0 22px 0; border-bottom:3px solid #ff7f7f; letter-spacing:-1px;}
.lm_unit.on6{ background:url(../images/sub_menu_on5.png) no-repeat 175px 13px; font-weight:bold; }



/* 2022-01-13 : 책보플러스 추가 */

.all_cont_table_bookplus{ width:100%; margin:20px 0 0 0; border:1px solid #ddd;}
.all_cont_table_bookplus td{border-right:1px solid #ddd; vertical-align:text-top; }
.all_cont_h1_bookplus{color:#3eb359; font-size:13px; font-family: 'NanumGothicWebB'; padding:0 0 5px 0;}
.all_cont_h2_bookplus{font-size:12px;}

.main_menu_bookplus{ background-color:#3eb359;}
.main_menu_table_bookplus{ text-align:center; width:100%; font-size:14px; font-weight:bold; height:46px; border-left:1px solid #1E9999;}
.main_menu_table_bookplus td{border-right:1px solid #1E9999; width:20%;}
.main_menu_table_bookplus td:hover{background-color:#167170; cursor:pointer;}
.main_menu_table_bookplus td.onbook_new{background-color:#167170; border:0px solid #ffa61b;}

.bookplus_gogo_box{border-left:1px solid #3eb359; border-right:1px solid #3eb359; border-bottom:1px solid #3eb359; height:104px; text-align:center;}
.bookplus_gogo_box span{display:inline-block; width:60px; height:40px; padding:20px 0 0 0; font-weight:bold; margin:22px 5px 0 5px;}
.bookplus_gogo_box span.on{background-color:#3eb359; width:60px; height:40px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; color:#fff; font-weight:bold; padding:20px 0 0 0;}

.main_search_bookplus_new{width:274px; height:38px; background:url(../images/search_bar_bookplus.png) no-repeat; position:absolute; top:46px; right:0px;}



.lm_t_bookplus{font-size:25px; font-family: 'NanumGothicWebB'; padding:38px 0 22px 0; border-bottom:3px solid #3eb359; letter-spacing:-1px;}
.lm_unit.on5{ background:url(../images/sub_menu_on5_bookplus.png) no-repeat 175px 13px; font-weight:bold; }


.lm_t_bigbook{font-size:25px; font-family: 'NanumGothicWebB'; padding:38px 0 22px 0; border-bottom:3px solid #ff7f7f; letter-spacing:-1px;}
.lm_unit.on6{ background:url(../images/sub_menu_on5_bookplus.png) no-repeat 175px 13px; font-weight:bold; }




.bookplus_month_down_title{font-size:15px; border-bottom:2px solid #3eb359; color:#3eb359; padding:20px 0 10px 0; font-family: 'NanumGothicWebB'; width:749px;}
.bookplus_month_down_pac{border-left:0px solid #ccc; padding:0 0 0 10px; float:left; min-height:41px;}
.bookplus_month_down_unit_1{ border-right:0px solid #ccc; border-bottom:px solid #ccc; float:left; padding:0px 0 0px 0; text-align:center; font-size:12px; width:749px;}
.bookplus_month_down_unit_2{ border-right:0px solid #ccc; border-bottom:px solid #ccc; float:left; padding:0px 0 0px 0; text-align:center; font-size:12px; width:374.5px;}
.bookplus_month_down_area{min-height:150px;}
.bookplus_month_down_area_1{min-height:747px;}
.bookplus_month_down_area_2{min-height:374.5px;}

.play_down_bbb_bookplus{padding:10px 0 0 0;}
.paly_pen_down_bookplus{width:100%; border-top:2px solid #3eb359; border-left:1px solid #CCC; margin:20px 0 0 0;}
.paly_pen_down_bookplus th{border-right:1px solid #CCC; font-size:15px; font-family: 'NanumGothicWebB'; color:#3eb359; padding:15px 0 15px 15px; border-bottom:1px solid #CCC; text-align:left;}
.paly_pen_down_bookplus th.center{padding:15px 0; text-align:center;}
.paly_pen_down_bookplus th.age{color:#666;}
.paly_pen_down_bookplus td{border-bottom:1px solid #ddd; background-color:#f8f8f8; border-right:1px solid #CCC; text-align:center; font-family: 'NanumGothicWebB'; font-size:13px; padding:10px 0 10px 0;}
.paly_pen_down_bookplus td.book_thumb{padding:0px;}
.paly_pen_down_bookplus th.all_down{text-align:center; padding:15px 0 15px 0; font-size:13px;}
.check_comment{ font-size:13px; font-weight:normal; padding:0 0 0 10px;}



/* 2023-02-09 : 교육서비스 추가 */

.all_cont_table_eduservice{ width:100%; margin:20px 0 0 0; border:1px solid #ddd;}
.all_cont_table_eduservice td{border-right:1px solid #ddd; vertical-align:text-top; }
.all_cont_h1_eduservice{color:#b8007c; font-size:13px; font-family: 'NanumGothicWebB'; padding:0 0 5px 0;}
.all_cont_h2_eduservice{font-size:12px;}

.main_menu_eduservice{ background-color:#b8007c;}
.main_menu_table_eduservice{ text-align:center; width:100%; font-size:14px; font-weight:bold; height:46px; border-left:1px solid #4e0335;}
.main_menu_table_eduservice td{border-right:1px solid #4e0335; width:20%;}
.main_menu_table_eduservice td:hover{background-color:#5c003e; cursor:pointer;}
.main_menu_table_eduservice td.onbook_new{background-color:#5c003e; border:0px solid #ffa61b;}

.eduservice_gogo_box{border-left:1px solid #b8007c; border-right:1px solid #b8007c; border-bottom:1px solid #b8007c; height:104px; text-align:center;}
.eduservice_gogo_box span{display:inline-block; width:60px; height:40px; padding:20px 0 0 0; font-weight:bold; margin:22px 5px 0 5px;}
.eduservice_gogo_box span.on{background-color:#b8007c; width:60px; height:40px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; color:#fff; font-weight:bold; padding:20px 0 0 0;}

.main_search_eduservice_new{width:274px; height:38px; background:url(../images/search_bar_eduservice_1.png) no-repeat; position:absolute; top:46px; right:0px;}



.lm_t_eduservice{font-size:25px; font-family: 'NanumGothicWebB'; padding:38px 0 22px 0; border-bottom:3px solid #b8007c; letter-spacing:-1px;}
.lm_unit.on5{ background:url(../images/sub_menu_on5_eduservice.png) no-repeat 175px 13px; font-weight:bold; }


.lm_t_bigbook{font-size:25px; font-family: 'NanumGothicWebB'; padding:38px 0 22px 0; border-bottom:3px solid #ff7f7f; letter-spacing:-1px;}
.lm_unit.on6{ background:url(../images/sub_menu_on5_eduservice.png) no-repeat 175px 13px; font-weight:bold; }




.eduservice_month_down_title{font-size:15px; border-bottom:2px solid #b8007c; color:#b8007c; padding:20px 0 10px 0; font-family: 'NanumGothicWebB'; width:749px;}
.eduservice_month_down_pac{border-left:0px solid #ccc; padding:0 0 0 10px; float:left; min-height:41px;}
.eduservice_month_down_unit_1{ border-right:0px solid #ccc; border-bottom:px solid #ccc; float:left; padding:0px 0 0px 0; text-align:center; font-size:12px; width:749px;}
.eduservice_month_down_unit_2{ border-right:0px solid #ccc; border-bottom:px solid #ccc; float:left; padding:0px 0 0px 0; text-align:center; font-size:12px; width:374.5px;}
.eduservice_month_down_area{min-height:150px;}
.eduservice_month_down_area_1{min-height:747px;}
.eduservice_month_down_area_2{min-height:374.5px;}

.play_down_bbb_eduservice{padding:10px 0 0 0;}
.paly_pen_down_eduservice{width:100%; border-top:2px solid #b8007c; border-left:1px solid #CCC; margin:20px 0 0 0;}
.paly_pen_down_eduservice th{border-right:1px solid #CCC; font-size:15px; font-family: 'NanumGothicWebB'; color:#b8007c; padding:15px 0 15px 15px; border-bottom:1px solid #CCC; text-align:left;}
.paly_pen_down_eduservice th.center{padding:15px 0; text-align:center;}
.paly_pen_down_eduservice th.age{color:#666;}
.paly_pen_down_eduservice td{border-bottom:1px solid #ddd; background-color:#f8f8f8; border-right:1px solid #CCC; text-align:center; font-family: 'NanumGothicWebB'; font-size:13px; padding:10px 0 10px 0;}
.paly_pen_down_eduservice td.book_thumb{padding:0px;}
.paly_pen_down_eduservice th.all_down{text-align:center; padding:15px 0 15px 0; font-size:13px;}
.check_comment{ font-size:13px; font-weight:normal; padding:0 0 0 10px;}




/* Tablet & Desktop Device */
@media all and (min-width:768px) {
/*사용자 해상도가 768px 이상일 때 이 코드가 실행됨. 테블릿과 데스크톱의 공통 코드를 작성한다.*/

.gate_all{background-color:#d1bd96; text-align:center; padding:0 20px 0 20px; display:block;}
.gate_all img{width:100%;}

.gate_all_mobile{background-color:#d1bd96; text-align:center; padding:0 20px 0 20px; display:none;}
.gate_all_mobile img{width:100%;}


.rule_pac{ width:900px; margin:0 auto;}

/* 20160226 gate */
.gate_logo{text-align:center; padding:30px 0 25px 0px;}
.gate_logo img{width:450px;}
.gate_left{height:229px; width:50%; float:left; padding:0 0 0 0;}
.gate_left img{width:auto;}
.gate_right{height:229px; width:50%; float:right;}
.gate_right img{width:auto;}
.gate_center img{width:auto;}
.gate_all img{width:auto;}

.gate_bg_01{background-color:#fdb902; text-align:right;}
.gate_bg_02{background-color:#68b604;}
.gate_bg_03{background-color:#da2027; text-align:right;}
.gate_bg_04{background-color:#003a68;}

.gate_foot_go{text-align:center; font-size:12px; letter-spacing:-0.5px;}
.gate_foot_go li{display:inline-block; padding:30px 10px 0 10px;}
.gate_copy{text-align:center; font-size:11px; color:#999; padding:15px 0 0 0;}

.join_center_box{ width:480px; margin:0 auto;}
.join_head{background-color:#414a69; text-align:center; margin:15px 15px 0 15px; font-size:15px; letter-spacing:-1px; color:#fff; font-weight:bold; padding:15px 0 15px 0;}
.join_w_box{background-color:#fff; margin:0px 15px 0 15px;}
.join_footer{background-color:#46444b; margin:0 15px 15px 15px;}
.join_contents{padding:20px 20px 20px 20px;}

.join_bg_01{background:url(../images/join_bg_01.png) no-repeat top right; background-size:200px 121px;}
.join_bg_02{background:url(../images/join_bg_02.png) no-repeat top right; background-size:200px 121px;}
.join_bg_03{background:url(../images/join_bg_03.png) no-repeat top right; background-size:200px 121px;}
.join_bg_04{background:url(../images/join_bg_04.png) no-repeat top right; background-size:200px 121px;}


}

/* Tablet Device */
@media all and (min-width:768px) and (max-width:1023px) {
/*사용자 해상도가 768px 이상이고 1024px 이하일 때 이 코드가 실행됨. 아이패드 또는 비교적 작은 해상도의 랩탑이나 데스크톱에 대응하는 코드를 작성한다.*/


}
/* Desktop Device */
@media all and (min-width:1025px) {
/*사용자 해상도가 1025px 이상일 때 이 코드가 실행됨. 1025px 이상의 랩탑 또는 데스크톱에 대응하는 코드를 작성한다.*/


}
.tabmenu{display:flex;justify-content:space-between}
.tabmenu li{flex:1 1 auto;text-align:center;}
.tabmenu li a{display:block;padding:16px 10px;font-weight:bold;background-color:#9FC1E6;color:#fff;font-size:.9rem;position:relative;}
.tabmenu li a:after{content:'';height:100%;width:1px;background-color:rgba(255,255,255,.3);position:absolute;right:0;top:0;}
.tabmenu li:last-child a:after{display:none}
.tabmenu li.active a{background-color:#486A90;}
.tabmenu li.active a:after{display:none}

.tabcontent{clear:both;padding:20px 0}
.tabcontent .tab-row{clear:both;display:flex;justify-content:space-between;}
.tabcontent .tab-row a{flex:1 1 auto;}
.tabcontent .tab-row a img{width:100%;}
.tabcontent .tab-row.column-3{clear:both;margin-top:10px;overflow:hidden;margin-left:-10px;}
.tabcontent .tab-row.column-3 a{width:33.3333333%;float:left;display:block;padding-left:10px;}