@charset "utf-8";

/* header 컨텐츠 */
header {margin:0 auto; width:100%; height:36px; position:sticky; top:0; left:0; z-index:100; background:#f5f5f5;}
nav {position:relative; width:1160px; height:36px; margin:0 auto; background:#f5f5f5;}
#wrap_nav {position:relative; width:1160px; height:36px; margin:0 auto;}

.top_brand {position:absolute; top:6px; left:10px;}
.top_brand li {float:left; margin:0 14px 0 0; line-height:20px;}
.top_brand a {display:inline-block; font-size:12px; color:#222; letter-spacing:-1px; font-weight:600;}
.top_brand a:hover {text-decoration:underline;}
/*
.top_brand span {display:block; width:21px; height:21px; margin:1px 0 0 1px; background:url(/images/common/logo_hanbit_top.png) no-repeat 0 0; text-indent:-99999px;}
*/
.top_brand span {display:block; width:50px; height:21px; margin:0px 0 0 1px; padding-top:1px; background:#ffffff; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; text-align:center; color:#000000; font-weight:bold; vertical-align:middle; font-family:arial !important;}

.top_menu {position:absolute; top:0; right:0; height:36px;}
.top_menu li {float:left; vertical-align:middle;}
.top_menu li .myhanbit {padding:4px 9px 0 9px; width:66px;}
.top_menu a {display:block; font-size:12px; color:#6e6e6e; padding:4px 7px 0 7px; font-weight:600;}
.top_menu a:hover {text-decoration:underline;}
.top_menu .top_menu_store {float:right;}
.top_menu .top_menu_store a {display:block; width:102px; height:36px; padding:4px 6px 0 0; margin:0; background:#eb5520 url(/images/common/top_icon_store.png) 75px 12px no-repeat; color:#fff; text-align:center;}
.top_menu .top_menu_store a:hover {background:#e03010 url(/images/common/top_icon_store.png) 75px 12px no-repeat; color:#fff;}

#main_search_area {display:none;}
/* //header 컨텐츠 */

/* GNB */
#wrap_gnb {position:relative; margin:0 auto; min-width:1160px;}
#wrap_gnb h1 {position:absolute; top:20px; left:50%; margin-left:-574px; text-indent:-99999px; z-index:100001;}
#wrap_gnb h1 a {display:block; position:absolute; top:0; width:186px; height:42px; margin:0 0 0 3px; background:url(/realtime/images/logo_realtime.png) no-repeat 0 0;}
#wrap_gnb h1.ssize a {top:-15px; left:0; width:124px; height:28px; margin:5px 0 0 2px; background:url(/realtime/images/logo_realtime.png) no-repeat 0 0; background-size:124px 28px;}
#wrap_gnb .wrap_gnb_ssize {border:0 !important};

#gnb {position:fixed; width:100%; left:0;}
#gnb a {padding:10px 0 20px; font-family:'NanumSquareNeo-Variable'; font-size:19px; transition:all .3s; font-weight:700;}
#gnb a:hover {color:#000; transition:all .1s;}
#gnb a.curr {padding:10px 0 10px; border-bottom:1px solid #000; color:#000; transition:all .1s;}
#gnb a.curr:hover {border:0;}
#gnb ul {width:1160px; margin:0 auto; padding-top:20px; text-align:right;}
#gnb li {display:inline-block; position:relative; height:56px; padding:0; margin:5px 20px 0; vertical-align:middle;}
#gnb li ul {display:none; position:absolute; top:50px; left:50%; width:160px; padding:10px 5px; margin:0 0 0 -85px; background:#00afa0; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; text-align:center;}
#gnb li li {display:block; height:inherit; margin:5px 20px; vertical-align:middle;}
#gnb li li a {font-family:'NanumSquareNeo-Variable'; padding:10px 0; font-size:14px; color:#fff;}
#gnb li li a:hover {font-family:'NanumSquareNeo-Variable'; text-decoration:underline; color:#fff;}

#gnb .search {width:76px; height:42px; margin:-7px 0 5px 20px !important;}
#gnb .search a {display:block; width:76px; height:42px; padding:0; background:#333641 url(/images/common/icon_seach_r.png) no-repeat center 9px; -moz-border-radius:50px; -khtml-border-radius:50px; -webkit-border-radius:50px; border-radius:50px;}
#gnb .search a:hover {border:0; background:#222 url(/images/common/icon_seach_r.png) no-repeat center 9px; -moz-border-radius:50px; -khtml-border-radius:50px; -webkit-border-radius:50px; border-radius:50px;}
#gnb .search span {display:none;}

#gnb.default {height:54px; margin:0 auto;}
#gnb.fixed {width:100%; height:54px; background-color:rgba(255,255,255,0.9); -webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.1); box-shadow:0 0 0 1px rgba(0,0,0,0.1);}

#gnb.menu_ssize {padding:5px 0 0;}
#gnb.menu_ssize ul {padding:0 !important}
#gnb.menu_ssize a {font-size:15px; padding:10px 0 5px;}
#gnb.menu_ssize .search {width:52px; height:36px; margin:-17px 0 0 0 !important;}
#gnb.menu_ssize .search a {display:block; width:52px; height:36px; padding:0; background-position:center 9px; background-size:18px 17px;}
/* //GNB */

/* 리얼타임 통합 검색 2019-10-15 */
#main_search_area {position:absolute; top:129px; left:0; width:100%; height:550px; background:#fff; border-bottom:1px solid #f9f9f9; z-index:999998;font-family: "Apple SD Gothic Neo",Helvetica,arial,"나눔고딕","Nanum Gothic", "맑은 고딕", "Malgun Gothic", "돋움",Dotum,Tahoma,Geneva,sans-serif; padding:15px; box-shadow:2px 2px 5px #bebdbd;}
#main_search_area.fixed {position:fixed !important;}
.msa_wrap {width:800px; margin:0 auto; padding-top:23px;}

/*통합검색 - 검색버튼*/
.main_search_area ol, ul, li {list-style:none;}
.main_search_area input, img, a {outline:0;text-decoration: none;}
.msa_srch_wrap .msa_srch_field {border:0;}
.msa_srch_wrap .msa_srch_field legend{overflow:hidden; visibility:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0;}
.msa_srch_wrap input {width:720px; height:80px; vertical-align:middle; font-size:28px; border-top:#333641 8px solid; border-bottom:#333641 8px solid;}
.msa_srch_wrap .srch_keyword {padding:2px 5px 2px 20px; border-right:0; border-left: #333641 8px solid;}
.msa_srch_wrap .srch_btn {float:right; width:80px; height:80px; margin:0; background:url(/realtime/images/icon_seach.png) no-repeat center; border-left:0; border-right:#333641 8px solid; text-indent:-99999px;}

/*통합검색 - 인기검색어*/
.msa_srch_polular {cursor:pointer;}
.msa_wrap .msa_srch_polular {position:relative; width:100%; padding:43px 60px 27px 60px; background:#fff; text-align:left;}
.msa_wrap .msa_srch_polular .tit {color:#000; font-size:20px; font-weight:600;}
.msa_wrap .msa_srch_polular .tit span {color:#787878; font-size:18px; font-weight:300; letter-spacing:-1px;}
.msa_wrap .popula_box {margin-top:32px; overflow:hidden;}
.msa_wrap .popula_box .left {float:left; width:44%;}
.msa_wrap .msa_srch_polular li {height:50px;}
.msa_wrap .msa_srch_polular li a {display:block; font-size:17px; color:#787878; line-height:20px;}
.msa_wrap .msa_srch_polular li a.active {color:#000; font-weight:600;}
.msa_wrap .popula_box .right {float:right; width:44%;}
.msa_wrap .msa_srch_polular li span {display:inline;}
.msa_wrap .msa_wrap_close a {position:absolute; left:50%; width:40px; height:39px; margin:0 0 0 360px; background:url(/images/common/icon_close2.png) center no-repeat; background-size: 18px 18px; text-indent:-99999px; z-index:999999; bottom:0px; background-color:#eee;}
.msa_wrap a:visited {text-decoration:underline;text-decoration-color: currentColor;}
.msa_wrap a:hover   {text-decoration:underline;text-decoration-color: currentColor;}
.msa_wrap a:active  {text-decoration:underline;text-decoration-color: currentColor;}

/*통합검색 - 검색결과/검색서제스쳔*/
.msa_srch_suggestion {cursor:pointer;}
.msa_srch_suggestion {width:100%; position:relative; text-align:left; padding:32px 30px 0;}
.msa_srch_suggestion .tit {color:#000; font-size:17px; font-weight:600;letter-spacing:-1px;}
.msa_srch_suggestion .sugg_left {width:50%; float:left; font-size:14px;}
.msa_srch_suggestion .sugg_left .books_list li {height:32px;}
.msa_srch_suggestion .keysel {color:#333641; font-weight:600;}
.msa_srch_suggestion .sugg_right {width:50%; float:right; font-size:12px; line-height:22px;}
.msa_srch_suggestion .sugg_right .sugg_edu {margin-top:9px;}
.msa_srch_suggestion .sugg_right .sugg_cont {margin-top:9px;}
.msa_srch_suggestion .sugg_right .sugg_book_detail .draft a.b_title {font-size:1.2em; color:#333641; line-height:10px;}
.msa_srch_suggestion .sugg_right .sugg_book_detail .b_int {color:#787878; margin-top:10px; margin-bottom:10px;font-size:11px;}
.msa_srch_suggestion .sugg_right .sugg_book_detail .b_type span {color:#787878; border:1px solid #ddd; padding:5px 8px;font-size:11px;}
.sugg_book_detail .cover {width:120px;}
.sugg_book_detail .cover a img {width:105px;}

ul.books_list > li > a > p {text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:355px; overflow:hidden;} /* 브랜드별 CSS 추가 필요 */
.edu_list li {text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:373px; overflow:hidden;} /* 브랜드별 CSS 추가 필요 */
.sugg_cont li {text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:373px; overflow:hidden;} /* 브랜드별 CSS 추가 필요 */
/* //리얼타임 통합 검색 2019-10-15 */

/* LNB */
#gnb.fixed .lnb {position:absolute; left:50%; width:1140px; height:60px; margin:0 0 0 -570px;}
.lnb {position:absolute; left:0; width:100%; height:52px; border-top:1px solid #ccc;}
.lnb_area {position:absolute; left:50%; width:1140px; height:52px; margin:0 0 0 -570px;}
.lnb .lnb_depth1 {float:left; padding:0 43px;}
.lnb .lnb_depth1 li {float:left; padding:12px 0; list-style:none;}
.lnb .lnb_depth1 span {float:left; color:#ccc; padding:12px 30px; text-align:center;}
.lnb .lnb_depth1 a {padding:5px;}
.lnb .lnb_depth1 a:hover {color:#666;}
.lnb .lnb_depth1 a.curr {color:#666;}

.lnb .lnb_depth1_category {float:left; width:200px; padding:1px 10px 0 0; margin:10px 0 0 0;}
.lnb .lnb_depth1_category a {display:block; color:#555;}
.lnb .lnb_depth1_category a:hover {color:#222;}
.lnb .lnb_depth1_category a.gnb_category {display:block; width:200px; padding:0 0 0 40px; font-family:'NanumGothicBold'; background:#666 url(/images/common/icon_gnb_category.png) no-repeat 16px 8px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#fff;}
.lnb .lnb_depth1_category a.gnb_category:hover {-moz-border-radius:5px 5px 0 0; -khtml-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.lnb .lnb_depth1_category ul {display:none; width:200px; padding:3px 0 0; margin:-3px 0 0 0; background:#666; border-bottom:1px solid #ccc; -moz-border-radius:0 0 5px 5px; -khtml-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}
.lnb .lnb_depth1_category ul li {position:relative; padding:7px 0 9px 40px; background:#f9f9f9 url(/images/common/bl_grey2.gif) no-repeat 28px 17px; border-top:1px solid #eee; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #f9f9f9; font-family:'NanumGothic'; color:#555; line-height:22px;}
.lnb .lnb_depth1_category ul li:hover {background:#fff url(/realtime/images/icon_gnb_bl.png) no-repeat 184px 14px; border-top:1px solid #666; border-right:1px solid #666; border-left:1px solid #666; border-bottom:1px solid #666;}
.lnb .lnb_depth1_category ul li ul {display:none; position:absolute; top:-1px; left:198px; padding:0; margin:0; background:#fff; border-top:1px solid #666; border-right:1px solid #666; border-left:1px solid #666; border-bottom:1px solid #666; border-radius:0; z-index:100;}
.lnb .lnb_depth1_category ul li ul li {padding:7px 0 9px 20px; background:#fff; border-top:1px solid #fff; border-bottom:1px solid #eee; border-left:1px solid #fff; border-right:1px solid #fff; }
.lnb .lnb_depth1_category ul li ul li:hover {background:#f9f9f9 url(/realtime/images/icon_gnb_bl.png) no-repeat 184px 14px; border-top:1px solid #fff; border-bottom:1px solid #eee; border-left:1px solid #fff; border-right:1px solid #fff;}

.lnb .lnb_depth1_category ul li.gnb_category_free {padding:17px 0 9px 40px; background:#fff url(/realtime/images/icon_gnb_free.png) no-repeat 13px 16px;}
.lnb .lnb_depth1_category ul li.gnb_category_free:hover {background:#fff url(/realtime/images/icon_gnb_free_r.png) no-repeat 13px 16px; border-top:1px solid #eee; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #f9f9f9; color:#222;}

.lnb .lnb_depth1_category ul li.gnb_category_oreilly {padding:17px 0 9px 40px; background:#fff url(/realtime/images/icon_gnb_oreilly.png) no-repeat 13px 16px;}
.lnb .lnb_depth1_category ul li.gnb_category_oreilly:hover {background:#fff url(/realtime/images/icon_gnb_oreilly_r.png) no-repeat 13px 16px; border-top:1px solid #eee; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #f9f9f9; color:#222;}

.lnb .lnb_depth1_category ul li.gnb_category_series {padding:17px 0 9px 40px; background:#fff url(/images/common/icon_gnb_series.png) no-repeat 13px 16px;}
.lnb .lnb_depth1_category ul li.gnb_category_series:hover {background:#fff url(/realtime/images/icon_gnb_series_r.png) no-repeat 13px 16px; border-top:1px solid #eee; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #f9f9f9; color:#222;}
.lnb .lnb_depth1_category ul li.gnb_category_full {padding:7px 0 19px 40px; background:#fff url(/images/common/icon_gnb_full.png) no-repeat 13px 6px;}
.lnb .lnb_depth1_category ul li.gnb_category_full:hover {background:#fff url(/realtime/images/icon_gnb_full_r.png) no-repeat 13px 6px; border-top:1px solid #eee; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #f9f9f9; color:#222;}
/* //LNB */

/* 푸터 */
footer {background:#2a2c34;}
footer, footer li, footer a {color:#fff;}
footer a:hover {text-decoration:underline;}
footer a:hover strong {text-decoration:underline;}

.foot_notice {clear:both; width:100%; min-width:1140px; height:56px; margin:80px 0 0 0; background:#21232a; line-height:56px; text-align:center;}
.foot_notice span {margin-right:10px; font-family:NanumGothicBold; font-size:16px;}

.foot_contents {width:1140px; height:200px; margin:0 auto; font-size:12px;}
.foot_contents .foot_menu {float:left; width:300px; height:240px;}
.foot_contents .foot_menu ul {float:right; width:260px; margin:32px 40px 0;}
.foot_contents .foot_menu li {line-height:30px;}
.foot_contents .foot_menu strong {color:#fff; text-decoration:underline;}

.foot_contents .foot_sns {float:left; width:540px; height:279px; text-align:center; border-right:1px solid #46474e; border-left:1px solid #46474e; box-sizing:border-box;}
.foot_contents .foot_sns ul {width:100%; margin:0 auto; overflow:hidden; text-align:center;}
.foot_contents .foot_sns li {display:inline-block; text-align:center;}
.foot_contents .foot_sns a {display:block; width:35px; height:30px; margin:65px  20px 30px; text-indent:-99999px;}
.foot_contents .foot_sns a:hover {opacity:0.8;}
.foot_contents .foot_sns .foot_facebook a {background:url(/images/common/foot_sns_facebook.png) no-repeat 0 0;}
.foot_contents .foot_sns .foot_googleplus a {background:url(/images/common/foot_sns_googleplus.png) no-repeat 0 0;}
.foot_contents .foot_sns .foot_twitter a {background:url(/images/common/foot_sns_twitter.png) no-repeat 0 0;}
.foot_contents .foot_sns .foot_youtube a {background:url(/images/common/foot_sns_youtube.png) no-repeat 0 0;}
.foot_contents .foot_sns .foot_bolg a {background:url(/images/common/foot_sns_blog.png) no-repeat 0 0;}
.foot_contents .foot_sns .foot_instagram a {background:url(/images/common/foot_sns_instagram.png) no-repeat 0 0;}
.foot_contents .foot_sns .foot_naverpost a {background:url(/images/common/foot_sns_naverpost.png) no-repeat 0 0;}
.foot_contents .foot_sns .foot_kakao a {background:url(/images/common/foot_sns_kakao.png) no-repeat 0 0;}

.foot_srch {width:400px; height:40px; margin:0 auto; border:0; background:#f5f5f5;} 
.foot_srch legend {overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;} 
.foot_srch input {width:350px; height:33px; border:0; background:#f5f5f5; vertical-align:middle;} 
.foot_srch .foot_srch_keyword {padding:2px 3px 5px; line-height:15px} 
.foot_srch .foot_srch_btn {width:40px; height:40px; background:url(/realtime/images/icon_seach.png) no-repeat center; text-indent:-99999px;} 

.foot_contents .foot_about {float:left; width:300px; height:240px; background:#2a2c34;}
.foot_contents .foot_about_area {margin:35px 0 0 40px; overflow:hidden;}
.foot_contents .foot_about_area p {line-height:28px;}

.copyright {display:block; clear:both; height:64px; background:#323232; font-size:12px; line-height:64px; text-align:center; min-width:1140px;}

/*드롭업*/
.family_menu {position:absolute; vertical-align:middle; width:259px; background-color:#eee; color:#000; margin-top:4px;}
.family_menu span {display:inline-block; padding:1px 0 3px 9px;}
.family_menu .family_icon {position:relative; display:inline-block; width:26px; height:17px; overflow:hidden; vertical-align:middle; float:right; right:6px; margin-top:8px;}
.family_menu .family_icon:before {content:"";  position:absolute; top:50%; left:50%; width:8px; height:8px; -webkit-transform:translate(-50%, -50%) rotate(45deg); transform:translate(-50%, -50%) rotate(45deg); border-top:1px solid #000; border-left:1px solid #000;}
.family_menu .family_icon.rotate:before {transform: translate(-50%, -50%) rotate(-135deg); -webkit-transform: translate(-50%, -50%) rotate(-135deg); margin-top: -4px;}
.family_menu ul { position:absolute; bottom:0; width:259px; padding:5px 10px; margin-bottom:35px; background:#eee; border-bottom:0;}
.family_menu ul li a {display:block; position:relative; padding:2px 0; font-size:12px; color:#000; text-decoration:none;}
.family_menu ul li a:hover{color:#00afa0;}
.family_menu ul {opacity:1;}
.ico_outlink[data-v-f12001e6] {margin:3px 0 0 4px; width:9px; height:9px; stroke:#999; stroke-width:1.3;}
/*//드롭업*/
/* //푸터 */

/* 공통 */
#container {position:relative; width:100%; padding:150px 0 0; border-top:1px solid #f3f3f3;}
#container.ssize {padding:90px 0 0; border-top:1px solid #fff; transition:all .1s;}

.docu_title {overflow:hidden; width:1160px; margin:0 auto;}
.docu_title h2 {float:left; padding:0 8px 5px 10px; margin:20px 0 0 0; font-size:26px; font-family:'NanumSquareNeo-Variable'; letter-spacing:-0.03em;}
.docu_title h2 a {font-weight:normal; color:#999;}
.docu_title h2 a:hover {text-decoration:underline;}
.docu_title h2 span {display:inline-block; padding:0 25px; background:url(/images/common/icon_title_depth.png) no-repeat center; text-indent:-99999px;}

.docu_title .top_navi {display:none; float:right; padding:0; margin:75px 0 0 0; font-size:0.750em; color:#bbb;}
.docu_title .top_navi span {padding:0 5px;}

.docu_title2 {overflow:hidden; width:960px; margin:0 auto;}
.docu_title2 h2 {float:left; padding:0 8px 15px 10px; margin:20px 0 0 0; font-size:26px; font-family:'NanumGothicBold'; letter-spacing:-0.03em;}
/* //공통 */

/* 공통 - 레이아웃 */
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
/* //공통 - 레이아웃 */

/* 공통 - 버튼 */
.btn_area_board {position:relative; overflow:hidden; width:1140px; margin:40px auto 0; padding:40px 0 0 0; border-top:1px solid #ddd;}
.btn_area_board .left {float:left; margin:0 0 0 10px;}
.btn_area_board .right {float:right; margin:0 10px 0 0;}
.btn_area_board .right a {display:inline-block; margin-left:10px;}
.btn_area_board div {display:inline-block; margin:0 2px;}
.btn_area_board a {display:block; height:40px; padding:0 40px; line-height:36px; background:#fafafa; border:1px solid #e7e7e7; font-family:'NanumGothicBold'; color:#555; -moz-border-radius:50px; -khtml-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; transition:all .3s;}
.btn_area_board a:hover {background:#fff; border:1px solid #aaa; color:#222;}
.btn_area_board a.btn_edit {background:#666; border:none; font-family:'NanumGothicBold'; color:#FFF; -moz-border-radius:50px; -khtml-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; transition:all .3s;}
.btn_area_board a.btn_edit:hover {background:#222;}

.btn_label_default {margin:30px auto 0; text-align:center;}
.btn_label_default label {display:inline-block; margin:30px auto 0;}
.btn_label_default .btn_register {min-width:160px; height:56px; padding:0 30px; margin:0 4px; background:#666; border:1px solid #666; font-family:'NanumGothicBold'; font-size:16px; color:#fff; -moz-border-radius:50px; -khtml-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; cursor:pointer; transition:all .3s;}
.btn_label_default .btn_register:hover {background:#222; border:1px solid #222;}
.btn_label_default .btn_white {min-width:160px; height:56px; padding:0 10px; margin:0 4px; background:#fafafa; border:1px solid #e7e7e7; font-family:'NanumGothicBold'; font-size:16px; color:#777; -moz-border-radius:50px; -khtml-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; cursor:pointer; transition:all .3s;}
.btn_label_default .btn_white:hover {background:#fff; border:1px solid #aaa; color:#222;}

.btn_area {position:relative; margin:40px 0 0; text-align:center;}
.btn_area div {display:inline-block; margin:0 2px;}
.btn_area a {display:block; min-width:180px; height:44px; padding:0 30px; line-height:44px;}
.btn_area input {display:block; min-width:180px; height:44px; padding:0 30px; line-height:41px;}

.btn_white {background:#fafafa; border:1px solid #e7e7e7; font-family:'NanumGothicBold'; color:#777; -moz-border-radius:50px; -khtml-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; transition:all .3s;}
.btn_white:hover {background:#fff; border:1px solid #aaa; color:#222;}

.btn_dw_default { padding: 6px 8px 6px 22px;background:#666 url(/images/common/foot_download_icon.png) no-repeat 2px center; background-size:19px 19px; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; font-size:12px; line-height:12px; font-family:'NanumGothicBold'; color:#fff; text-align:center;}
.btn_dw_default:hover {background:#666 url(/images/common/foot_download_icon.png) no-repeat 2px center;text-decoration:none;}
/* //공통 - 버튼 */

/* 공통 상단 비주얼텍스트 영역 */
.top_info_txt_area {height:160px; margin-bottom:40px; background:#444; text-align:center; color:#fff; line-height:150px;}
/* //공통 상단 비주얼텍스트 영역 */

/* 해당 리스트 없을 경우 보여지는 테이블 리스트 */
.no_item_list {overflow:hidden; width:100%; height:160px; text-align:center; border-bottom:#ddd 1px solid; line-height:160px;}
/* //해당 리스트 없을 경우 보여지는 테이블 리스트 */

/* 리얼타임 메인 */
.brand_main_wrap {width:1140px; margin:0 auto;}

.main_new_webbook .tit {margin-bottom:16px; font-size:20px; font-family:'NanumSquareNeo-Variable';letter-spacing:-1px; font-weight:700;}

.brand_main_book {clear:both; position:relative; width:1140px; margin:0 auto;}
.brand_main_tab {position:relative; width:1140px; height:80px; margin:0 auto;}
.brand_main_tab li {float:left;}
.brand_main_tab span {float:left; color:#ccc; padding:5px 44px; text-align:center;}

.brand_main_tab .main_tab_menu {position:absolute; top:0; left:8px;}
.brand_main_tab .main_tab_menu li {float:left;}
.brand_main_tab .main_tab_menu a {font-size:20px; color:#777;letter-spacing:-1px;}
.brand_main_tab .main_tab_menu a:hover {padding:0 0 12px; border-bottom:1px solid #666; font-family:'NanumSquareNeo-Variable'; color:#222; font-weight:700;}
.brand_main_tab .main_tab_menu a.curr {padding:0 0 12px; border-bottom:1px solid #666; font-family:'NanumSquareNeo-Variable'; color:#222; font-weight:700;}

.brand_main_book .btn_more a {display:block; position:absolute; top:0; left:50%; width:50px; height:50px; margin:0 0 0 524px; background:url(/images/common/btn_more.png) no-repeat 0 0; text-indent:-99999px;}
.brand_main_book .btn_more a:hover {opacity:0.5;}

.brand_main_network {clear:both; position:relative; width:1140px;}
.brand_main_network .tit {margin-bottom:16px; font-size:20px; font-family:'NanumGothicBold';}
.brand_main_network .btn_more a {display:block; position:absolute; top:0; left:50%; width:50px; height:50px; margin:0 0 0 524px; background:url(/images/common/btn_more.png) no-repeat 0 0; text-indent:-99999px;}
.brand_main_network .btn_more a:hover {opacity:0.5;}

.brand_main_top_banner {width:1140px; height:540px; margin:128px 0 60px;}
.brand_main_top_banner .bn_left {float:left; width:570px;}
.brand_main_top_banner .bn_right {float:left; width:570px;}

.brand_main_edu {clear:both; position:relative; width:1140px;}
.brand_main_edu .tit {margin-bottom:16px; font-size:20px; font-family:'NanumGothicBold';}
.brand_main_edu .btn_more a {display:block; position:absolute; top:0; left:50%; width:50px; height:50px; margin:0 0 0 524px; background:url(/images/common/btn_more.png) no-repeat 0 0; text-indent:-99999px;}
.brand_main_edu .btn_more a:hover {opacity:0.5;}

.main_edu_list {position:relative; display:table; float:left; width:20%; text-align:center;line-height:160%;}
.main_edu_list .view_box {display:table-cell; text-align:center;}
.main_edu_list .view_box .view_box_block {position:relative; width:210px; height:210px; text-align:center; margin:0 auto; -moz-border-radius:280px; -khtml-border-radius:280px; -webkit-border-radius:280px; border-radius:280px;}
.main_edu_list .view_box .view_box_block .img_hidden {display:none;}
.main_edu_list .view_box .view_box_block .pop_quick_menu {display:none;}
.main_edu_list .view_box .view_box_block .price {display:none;}
.main_edu_list .view_box .view_box_block .item_tit {display:none;}

.main_edu_list .view_box .view_box_block:hover img {opacity:0;}
.main_edu_list .view_box .view_box_block:hover .pop_quick_menu {display:block; position:absolute; width:210px; height:56px; z-index:100; margin:60px 0 0;}
.main_edu_list .view_box .view_box_block:hover .pop_quick_menu a {margin:4px;}
.main_edu_list .view_box .view_box_block:hover .pop_quick_menu a:hover {opacity:1;}
.main_edu_list .view_box .view_box_block:hover .pop_quick_menu a img {width:56px; height:56px; opacity:1;}
.main_edu_list .view_box .view_box_block:hover .price {display:block; margin-top:130px; color:#fff; font-size:18px; font-family:'NanumGothicBold';letter-spacing:-1px;}
.main_edu_list .view_box .view_box_block:hover .item_tit {display:block; margin-top:130px; color:#fff; font-size:14px; line-height:1.6em;}

.main_edu_list .view_box .view_box_block:hover .img_hidden {display:block;  position:absolute; left:0; width:210px; height:210px; background:#00afa0; -moz-border-radius:280px; -khtml-border-radius:280px; -webkit-border-radius:280px; border-radius:280px; z-index:10;}
.main_edu_list .view_box .view_box_block img.thumb {width:210px; height:210px; -moz-border-radius:280px; -khtml-border-radius:280px; -webkit-border-radius:280px; border-radius:280px;}
.main_edu_list .edu_tit {letter-spacing:-1px;}
.main_edu_list .edu_tit a:hover {opacity:0.5;text-decoration:underline;}
.main_edu_list .edu_period {color:#666;letter-spacing:-1px;font-size:12px;}


.brand_main_wrap .edu_banner_area {overflow:hidden; width:1160px;  margin:40px 0;}

.brand_main_wrap .edu_banner_area .bn_l {float:left; width:570px; height:140px;}
.brand_main_wrap .edu_banner_area .bn_l a {display:inline-block; width:570px; height:140px; padding:35px 0 0 30px; background:#353535 url(/realtime/images/ico_schedule.png) no-repeat 430px 34px;}
.brand_main_wrap .edu_banner_area .bn_l a:hover {background:#252525 url(/realtime/images/ico_schedule.png) no-repeat 430px 34px;}
.brand_main_wrap .edu_banner_area .bn_l a p {color:#FFF; font-size:18px; line-height:30px;}
.brand_main_wrap .edu_banner_area .bn_l a p img {margin-left:6px; vertical-align:middle;}
.brand_main_wrap .edu_banner_area .bn_l a:hover p {text-decoration:underline;}

.brand_main_wrap .edu_banner_area .bn_r {float:right; width:570px; height:140px;}
.brand_main_wrap .edu_banner_area .bn_r a {display:inline-block; width:570px; height:140px; padding:35px 0 0 30px; background:#3c588b url(/realtime/images/ico_map_location.png) no-repeat 430px 34px;}
.brand_main_wrap .edu_banner_area .bn_r a:hover {background:#3c588b url(/realtime/images/ico_map_location.png) no-repeat 430px 34px;}
.brand_main_wrap .edu_banner_area .bn_r a p {color:#FFF; font-size:18px; line-height:30px;}
.brand_main_wrap .edu_banner_area .bn_r a p img {margin-left:6px; vertical-align:middle;}
.brand_main_wrap .edu_banner_area .bn_r a:hover p {text-decoration:underline;}

/* //리얼타임 메인 */

/* 메인 - 브랜드 프로모션 */
.brand_main_promotion {position:relative; width:570px; height:540px; overflow:hidden;}

#touchSlider_brand_media_promo {position:relative; overflow:hidden; width:570px; height:540px; margin:0; /*transition:all 0.5 sease-in-out; animation:a_cdefault 1s 1;*/}
#touchSlider_brand_media_promo ul {width:99999px; height:540px; position:absolute; top:0; left:0; overflow:hidden; margin:0;}
#touchSlider_brand_media_promo ul li {float:left; width:100%; height:540px; color:#fff; text-align:center;}

#brand_media_promo_btn {display:none; transition:all 0.5s;}

.btn_promo_left {position:absolute; top:50%; left:0; width:37px; margin-top:-20px;}
.btn_promo_left a {display:block; width:37px; height:40px; background:url(/realtime/images/btn_top_network_l.png) no-repeat 0 0;}
.btn_promo_right {position:absolute; top:50%; right:0; width:37px; margin-top:-20px;}
.btn_promo_right a {display:block; width:37px; height:40px; background:url(/realtime/images/btn_top_network_r.png) 0 0 no-repeat;}

.btn_promo_area_page {position:absolute; bottom:20px; left:0; width:100%; text-align:center;}
.btn_promo_area_page .btn_promo_page {display:inline-block; width:10px; height:10px; margin:0 3px; font-size:0px; line-height:0; text-indent:-99999px; background:#fff; border:1px solid #fff; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.btn_promo_area_page .btn_promo_page.on {background:#333641; border:1px solid #fff;}
/* //메인 - 브랜드 프로모션 */

/* 리얼타임 메인 - 상단 배너 네트워크 */
article#brand_main_network_prm {float:left; width:570px; height:260px; /*transition:all 0.5 sease-in-out; animation:a_cdefault 1s 1;*/ background:#eaedee; text-align:center;}
article#brand_main_network_prm .bg {position:relative; overflow:hidden; width:100%; height:260px; margin:0 auto;}

#touchSlider_brand_top_network {position:relative; overflow:hidden; height:260px;}
#touchSlider_brand_top_network ul {width:99999px; height:260px; position:absolute; top:0; left:0; overflow:hidden; margin:0;}
#touchSlider_brand_top_network ul li {float:left; width:100%; height:260px; color:#fff; text-align:center;}

#brand_main_top_network_btn {display:none; transition:all 0.5s;}

.btn_brand_top_network_left {position:absolute; top:50%; left:0; width:37px; margin-top:-20px;}
.btn_brand_top_network_left a {display:block; width:37px; height:40px; background:url(/realtime/images/btn_top_network_l.png) no-repeat 0 0;}
.btn_brand_top_network_right {position:absolute; top:50%; right:0; width:37px; margin-top:-20px;}
.btn_brand_top_network_right a {display:block; width:37px; height:40px; background:url(/realtime/images/btn_top_network_r.png) 0 0 no-repeat;}

.btn_brand_top_network_area_page {position:absolute; bottom:20px; right:20px; width:100%; text-align:center;}
.btn_brand_top_network_area_page .btn_brand_top_network_page {display:inline-block; width:10px; height:10px; margin:0 3px; font-size:0px; line-height:0; text-indent:-99999px; background:#b3b1b0; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.btn_brand_top_network_area_page .btn_brand_top_network_page.on {background:#666;}
/* //리얼타임 메인 - 상단 배너 네트워크 */

/* 리얼타임 메인 - 상단 배너 베스트셀러 */
.brand_main_best {overflow:hidden; float:left; position:relative; width:285px; height:280px; padding:14px 26px 0; border-right:#e7e7e7 1px solid; border-bottom:#e7e7e7 1px solid;}
.brand_main_best h3 {margin-bottom:10px; font-size:16px; font-family:'NanumGothicBold';}

#touchSlider_book_best {overflow:hidden; position:relative; width:100%; height:220px; text-align:center;}
#touchSlider_book_best ul {}
#touchSlider_book_best ul li {}

.brand_main_best .book_view_box {height:220px;}
.brand_main_best .book_view_box_block {}
.brand_main_best .book_view_box_block img.thumb {height:160px;}

.brand_main_best .book_tit {line-height:20px; height:40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.brand_main_best .book_tit a {}
.brand_main_best .book_tit a:hover {text-decoration:underline;}

.book_best_btn_area {}
.book_best_btn_area img {width:16px; height:26px;}
.btn_book_best_prev {display:inline-block; position:absolute; top:122px; left:26px; width:16px; height:26px;}
.btn_book_best_next {display:inline-block; position:absolute; top:122px; right:26px; width:16px; height:26px;}
/* //리얼타임 메인 - 상단 배너 베스트셀러 */

/* 리얼타임 메인 - 상단 배너 시리즈 */
.brand_main_series {overflow:hidden; float:left; position:relative; width:285px; height:280px; padding:14px 26px 0; background:#f7f7f7; border-right:#e7e7e7 1px solid; border-bottom:#e7e7e7 1px solid;}
.brand_main_series h3 {margin-bottom:10px; font-size:16px; font-family:'NanumGothicBold';}

#touchSlider_book_series {overflow:hidden; position:relative; width:100%; height:220px; text-align:center;}
#touchSlider_book_series ul {}
#touchSlider_book_series ul li {}

.brand_main_series .book_view_box {height:220px;}
.brand_main_series .book_view_box_block {}
.brand_main_series .book_view_box_block img.thumb {height:160px;}

.brand_main_series .book_tit {line-height:20px; height:40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.brand_main_series .book_tit a {}
.brand_main_series .book_tit a:hover {text-decoration:underline;}
/* //리얼타임 메인 - 상단 배너 시리즈 */

/* 리얼타임 메인 - 상단 배너 모집 */
.brand_main_recruit {overflow:hidden; float:left; position:relative; width:285px; height:140px; padding:20px 0 0 24px; background:#faf6f5 url(/realtime/images/ico_realtime_wongo.png) no-repeat 200px 34px; border-right:#e7e7e7 1px solid; border-bottom:#e7e7e7 1px solid;}
.brand_main_recruit p {font-size:16px; font-family:'NanumGothicBold'; color:#333; line-height:120%; width:170px;}
.brand_main_recruit p span {font-size:12px; color:#666;letter-spacing:-1px;}
a:hover .brand_main_recruit {background:#666 url(/realtime/images/ico_realtime_wongo.png) no-repeat 200px 34px; border-right:#666 1px solid; border-bottom:#666 1px solid;}
a:hover .brand_main_recruit p {color:#fff;}
a:hover .brand_main_recruit p span {color:#ddd;}

.brand_main_service {overflow:hidden; float:left; position:relative; width:285px; height:140px; padding:20px 0 0 24px; background:#fefdfc url(/realtime/images/ico_realtime_help.png) no-repeat 200px 34px; border-right:#e7e7e7 1px solid; border-bottom:#e7e7e7 1px solid;}
.brand_main_service p {font-size:16px; font-family:'NanumGothicBold'; color:#333; line-height:120%;width:170px;}
.brand_main_service p span {font-size:12px; color:#666;letter-spacing:-1px;}
a:hover .brand_main_service {background:#666 url(/realtime/images/ico_realtime_help.png) no-repeat 200px 34px; border-right:#666 1px solid; border-bottom:#666 1px solid; border-right:#e7e7e7 1px solid; border-bottom:#e7e7e7 1px solid;}
a:hover .brand_main_service p {color:#fff;}
a:hover .brand_main_service p span {color:#ddd;}

/* 리얼타임 메인 - 상단 배너 모집 */

/* 리얼타임 - 브랜드 소개 */
.realtime_wrap {overflow:hidden; width:1140px; margin:0 auto;}

/*.realtime_wrap .brand_info_con {background:url(/realtime/images/realtime_info_img6.png) no-repeat 590px 730px;}*/
.realtime_wrap .brand_info_con {}
.realtime_wrap .brand_info_con dl {overflow:hidden; position:relative; margin-bottom:62px;}
.realtime_wrap .brand_info_con dt {margin-bottom:10px; font-size:20px; font-family:'NanumSquareNeo-Variable'; color:#ff6633;}
.realtime_wrap .brand_info_con dt.tit {font-size:40px; color:#222;}
.realtime_wrap .brand_info_con dd {margin-bottom:20px; line-height:28px;}          
.realtime_wrap .brand_info_con dd p {font-size:16px; font-family:'NanumSquareNeo-Variable';}
.realtime_wrap .brand_info_con dd.book_info {margin-top:90px}
.realtime_wrap .brand_info_con dd.book_info p {margin-bottom:5px; font-size:16px; font-family:'NanumSquareNeo-Variable'; color:#333;}
.realtime_wrap .brand_info_con dd.book_info ul {}
.realtime_wrap .brand_info_con dd.book_info li {float:left; margin-right:20px;}
/* //리얼타임 - 브랜드 소개 */


/* 리얼타임 서비스 이용안내 */
.realtime_wrap .service_con dl {overflow:hidden; width:940px; margin:0 auto; position:relative; margin-bottom:62px;}
.realtime_wrap .service_con dt {font-size:20px; font-family:'NanumGothicBold';}
.realtime_wrap .service_con dd {margin-bottom:40px; line-height:28px;}

.realtime_wrap .service_con dd .link {color:#ff6633;}
.realtime_wrap .service_con dd .link:hover {text-decoration:underline;}

.service_con dd .tbl_type_list {width:300px; margin:20px 0;}
.service_con dd .tbl_type_list th.last {border-right:#aaa 1px solid;}

.service_con dd .btn_ask {display:inline-block; padding:5px 15px; background:#fff; border:1px solid #ccc; border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; font-family:'NanumGothicBold'; font-size:13px; cursor:pointer; transition:all .2s;}
.service_con dd .btn_ask:hover {background:#fafafa; border:1px solid #777;}

.rl_tbl table {
  margin:15px 0;
  border:0;
}
.rl_tbl th {
  background-color:#333641;
  color:#ffffff;
}
.rl_tbl,.rl_tbl th,.rl_tbl td {
  text-align:center;
  padding:6px;
  border-collapse:collapse;
}
.rl_tbl th,.rl_tbl td {
  border: 1px solid #dddddd;
  border-width:1px 0 1px 0
}
.rl_tbl tr {
  border: 1px solid #dddddd;
}
.rl_tbl tr:nth-child(odd){
  background-color:#f9f9f9;
}
.rl_tbl tr:nth-child(even){
  background-color:#ffffff;
}
/* //리얼타임 서비스 이용안내 */

/* 시리즈 페이징 추가 */
ul.simplePagerNav {text-align:center;}
ul.simplePagerNav li {display:inline-block !important; float:inherit !important; padding-left:0 !important; margin-left:3px !important; margin-right:3px !important;}
ul.simplePagerNav li a {display:inline-block; width:32px; height:32px; margin:40px 0 5px; font-size:14px; font-family:Tahoma,'Nanum Gothic', Sans-serif; color:#222; border-radius:16px; -moz-border-radius:16px; -khtml-border-radius:16px; -webkit-border-radius:16px;}
ul.simplePagerNav li a:hover, ul.simplePagerNav li a:active, ul.simplePagerNav li a:focus  {background:#333641; color:#fff;}
ul.simplePagerNav li.currentPage a {display:inline-block; width:32px; height:32px; background:#333641; color:#FFF !important; border-radius:16px; -moz-border-radius:16px; -khtml-border-radius:16px; -webkit-border-radius:16px;}

/* PROJECT 리스트 */
.prj_cate_list_area {clear:both;}
.prj_cate_list_area ul {width:1154px; margin:0 -7px;}
.prj_cate_list_area li.cate_list {float:left; width:216px; margin:0 7px 60px;}
.prj_cate_list_area li.cate_list a {}
.prj_cate_list_area li.cate_list a:hover {text-decoration:underline;}
.prj_cate_list_area li.cate_list a img {width:216px; height:216px;}
.prj_cate_list_area li.cate_list a:hover img {opacity:0.8;}

.prj_cate_list_area li.cate_list .li_tit {height:46px; margin:7px 0 6px; line-height:20px;}
.prj_cate_list_area li.cate_list .brd {font-size:12px; font-family:'NanumGothicBold'; color:#777;}
.prj_cate_list_area li.cate_list .brd_m {padding-left:30px; background:url(/images/store/icon_brd2_m.png) no-repeat 0 6px;}
.prj_cate_list_area li.cate_list .netw_hits {display:inline-block; height:32px; margin-right:20px; padding-left:39px; background:url(/images/common/icon_hits.png) no-repeat 0;}
.prj_cate_list_area li.cate_list .netw_like {display:inline-block; height:32px; padding-left:39px; background:url(/images/common/icon_like.png) no-repeat 0;}

/* 20210623 */

.brand_m_wrap {width:100%; margin:0 auto;}

/* 메인 고정 배너 */
.brand_m_banner {width:100%; min-width:1160px; height:350px; margin:93px auto 60px; background:#0a1a16 url(/images/design/realtim_promotion.jpg) no-repeat center center;}
.brand_m_banner .main_text {margin:0 auto; width:840px; display:block; position:relative; top:50px; color:#fff;}
.brand_m_banner .main_text h1 {font-size:54px; font-family:'NanumSquareNeo-Variable'; letter-spacing:-3px;}
.brand_m_banner .main_text p {font-size:17px; line-height:26px; font-family:'NanumSquareNeo-Variable'; letter-spacing:-1px; font-weight:300;}
/* // 메인 고정 배너 */

.brand_btn a.btn_brand_intro {
    background: #333641;
}

.brand_btn a {
    padding: 4px 25px 4px 30px;
    margin: 20px auto 0;
}
.brand_btn a {
    display: inline-block;
    padding: 4px 20px 4px 20px;
    margin: 20px 0 0 0;
    border-radius: 70px;
    text-align: center;
    font-size: 12px;
    letter-spacing: -1px;
    color: #fff;
}

/*top_dropdown*/
.top_dropdown{position:relative; display:inline-block; padding:0 7px 0 0;}
.top_dropbtn{font-weight:400; color:rgb(37, 37, 37); text-align:left; cursor:pointer; font-size:12px; background:url(/images/common/top_downbtn.png) no-repeat left 59px top 16px; background-size:7px;}
.top_upbtn{font-weight:400; color:rgb(37, 37, 37); padding:0 7px 0 0; text-align:left; cursor:pointer; font-size:12px; background:url(/images/common/top_upbtn.png) no-repeat left 59px top 12px; background-size:7px;}
.top_dropdown-content{display:none; position:absolute; z-index:1; font-weight:400; background-color:#f9f9f9; min-width:auto; border:1px solid #00afa0; top:2px;}
.top_dropdown-content a{display:block; text-decoration:none; color:rgb(37, 37, 37); font-size:12px; padding:1px 18px 0 10px;}
.top_dropdown-content a:hover{background-color:#fff; color:#028378;}
.top_dropdown:hover .top_dropdown-content{display:block;}
#top_arrow{border-radius:100%; position:relative; color:#18aa9b; transition:0.3s ease-in-out; vertical-align:middle;}
/* //top_dropdown*/