/* Layout CSS ================================================================*/ /* wrap */ #wrap {width:100%} /* Header ================================================================*/ #header {position:relative; width:100%; z-index:3100} #header div, #header ul, #header a, #header input[type='text']{font-family:'Noto Sans KR', 'Malgun Gothic', 'Dotum', sans-serif} #header .ico_txt, #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap .gnb_cate .event_banner a p span, #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap .gnb_cate .brand_list span, #header .top_navi .navi_wrap ul.shop_menu.theme1 li .theme1_category_wrap .title span, #header .top_navi .navi_wrap ul.user_menu li.login .login_layer h5, #header .top_fix_head .top_fix_wrap .member_menu a.btn_cart span, #recent_view a.btn_top {font-family:'Montserrat','Noto Sans KR','Malgun Gothic', 'Dotum', sans-serif} #side_area_right .recent_view a.btn_top {font-family:'Montserrat','Noto Sans KR','Malgun Gothic', 'Dotum', sans-serif} /* Header Top Banner */ #header .top_banner {} #header .top_banner .banner_wrap {position:relative; min-width:980px; width:980px; height:80px; margin:0px auto; z-index:14} #header .top_banner .banner_wrap a {display:block; position:relative; z-index:10} #header .top_banner .banner_wrap a img {vertical-align:top} #header .top_banner .banner_wrap button.btn_close {position:absolute; top:30px; right:2px; z-index:12; width:19px; height:19px; border:0px; background:transparent; cursor:pointer} #header .top_banner .banner_bg {position:absolute; overflow:hidden; top:0; left:0; width:100%; height:80px} #header .top_banner .banner_bg div {width:50%; height:100%; float:left; clear:right} /* Header Top Navication */ #header .top_navi {position:relative; min-width:980px; height:40px; background:#fff; border-bottom:1px solid #e0e0e0; z-index:3001} #header .top_navi .navi_wrap {width:980px; height:40px; margin:0px auto} #header .top_navi .navi_wrap ul.shop_menu {float:left; position:relative} #header .top_navi .navi_wrap ul.shop_menu.theme1 {} #header .top_navi .navi_wrap ul.shop_menu.theme2 {} #header .top_navi .navi_wrap ul.shop_menu li {float:left; padding:13px 10px; background:url('//img.1300k.com/common/2019/bgline_shopmenu.gif') no-repeat; background-position:0% 50%} #header .top_navi .navi_wrap ul.shop_menu li a {display:inline-block; padding:0px; color:#7a7a7a; font-size:13px; letter-spacing:-0.5px; line-height:16px} #header .top_navi .navi_wrap ul.shop_menu.theme1 li:first-child {padding-left:0; background:none} #header .top_navi .navi_wrap ul.shop_menu.theme1 li a {position:relative; padding-right:20px; font-weight:700; } #header .top_navi .navi_wrap ul.shop_menu.theme1 li a:before {position:absolute; right:0px; top:50%; width:8px; height:8px; margin-top:-4px; background:url('//img.1300k.com/common/2019/btn_theme1.png') no-repeat; background-size:8px auto; background-position:0% 0%; z-index:2; content:''} #header .top_navi .navi_wrap ul.shop_menu.theme1 li:hover > a {color:#414c62; text-decoration:none} #header .top_navi .navi_wrap ul.shop_menu.theme1 li:hover a:before {background-position:0% 100%; content:''} #header .top_navi .navi_wrap ul.shop_menu.theme1 li .theme1_category_wrap {display:none; position:absolute; left:0%; top:41px; width:980px; height:198px; padding-left:140px; box-sizing:border-box} #header .top_navi .navi_wrap ul.shop_menu.theme1 li .theme1_category_wrap .title {position:absolute; left:0; top:0; width:140px; height:100%; padding:20px 25px; box-sizing:border-box} #header .top_navi .navi_wrap ul.shop_menu.theme1 li .theme1_category_wrap .title h2 {color:#fff; font-size:16px; font-weight:700} #header .top_navi .navi_wrap ul.shop_menu.theme1 li .theme1_category_wrap .title span {display:block; margin-top:6px; color:#717784; font-size:13px; font-weight:600} #header .top_navi .navi_wrap ul.shop_menu.theme1 li .theme1_category_wrap .theme1_cate {position:relative; box-sizing:border-box; background:#f6f6f6} #header .top_navi .navi_wrap ul.shop_menu.theme1 li .theme1_category_wrap .theme1_cate:after {clear:both; display:block; content:''} #header .top_navi .navi_wrap ul.shop_menu.theme1 li .theme1_category_wrap .theme1_cate ul.cate_list {height:198px; overflow:hidden; border:1px solid #e0e0e0; border-left:0; border-top:0; box-sizing:border-box} #header .top_navi .navi_wrap ul.shop_menu.theme1 li .theme1_category_wrap .theme1_cate ul.cate_list:after {clear:both; display:block; content:''} #header .top_navi .navi_wrap ul.shop_menu.theme1 li .theme1_category_wrap .theme1_cate ul.cate_list li {float:left; width:139px; height:198px; padding:18px 20px 0; border-left:1px solid #e0e0e0; box-sizing:border-box; background:none} #header .top_navi .navi_wrap ul.shop_menu.theme1 li .theme1_category_wrap .theme1_cate ul.cate_list li:before {display:none} #header .top_navi .navi_wrap ul.shop_menu.theme1 li .theme1_category_wrap .theme1_cate ul.cate_list li a {display:block; margin:10px 0px 0px; padding:0; color:#7a7a7a; font-size:13px; font-weight:400; letter-spacing:-0.5px; text-align:left} #header .top_navi .navi_wrap ul.shop_menu.theme1 li .theme1_category_wrap .theme1_cate ul.cate_list li a:before {display:none} #header .top_navi .navi_wrap ul.shop_menu.theme1 li .theme1_category_wrap .theme1_cate ul.cate_list li a:hover, #header .top_navi .navi_wrap ul.shop_menu.theme1 li .theme1_category_wrap .theme1_cate ul.cate_list li a:focus {text-decoration:underline} #header .top_navi .navi_wrap ul.shop_menu.theme1 li .theme1_category_wrap .theme1_cate ul.cate_list li a:first-child {margin-top:0} #header .top_navi .navi_wrap ul.shop_menu.theme1 li .theme1_category_wrap .theme1_cate .event_banner {position:absolute; right:0; top:0; width:280px; height:198px; padding:20px 25px 0; border-left:1px solid #e0e0e0; box-sizing:border-box} #header .top_navi .navi_wrap ul.shop_menu.theme1 li .theme1_category_wrap .theme1_cate .event_banner a {display:block; padding-right:0} #header .top_navi .navi_wrap ul.shop_menu.theme1 li .theme1_category_wrap .theme1_cate .event_banner a:before {display:none} #header .top_navi .navi_wrap ul.shop_menu.theme1 li .theme1_category_wrap .theme1_cate .event_banner a p {display:block; position:relative; overflow:hidden; margin-top:5px; color:#7a7a7a; font-size:12px; font-weight:400; text-overflow:ellipsis; white-space:nowrap} #header .top_navi .navi_wrap ul.shop_menu.theme1 li .theme1_category_wrap.smilage .title {background:#414c62 url('//img.1300k.com/common/2019/img_theme_smilage.png') no-repeat 0% 0%} #header .top_navi .navi_wrap ul.shop_menu.theme1 li .theme1_category_wrap.topic .title {background:#414c62 url('//img.1300k.com/common/2019/img_theme_topic.png') no-repeat 0% 0%} #header .top_navi .navi_wrap ul.shop_menu.theme1 li .theme1_category_wrap.character .title {background:#414c62 url('//img.1300k.com/common/2019/img_theme_character_20200218.jpg') no-repeat 0% 0%} #header .top_navi .navi_wrap ul.shop_menu.theme2 li a {font-weight:400} #header .top_navi .navi_wrap ul.shop_menu.theme2 li a.new {position:relative; padding-right:8px} #header .top_navi .navi_wrap ul.shop_menu.theme2 li a.new:after {position:absolute; right:-1px; top:-3px; color:#10d584; font-family:'Arial','Dotum',sans-serif; font-size:8px; font-weight:bold; content:'N'} #header .top_navi .navi_wrap ul.user_menu {float:right; text-align:right} #header .top_navi .navi_wrap ul.user_menu li {float:left; padding:14px 0px 13px 20px} #header .top_navi .navi_wrap ul.user_menu li > a {display:inline-block; padding:0px; color:#7a7a7a; font-family:'Dotum','Noto Sans KR','Malgun Gothic',sans-serif; font-size:12px; line-height:120%; letter-spacing:-0.5px} #header .top_navi .navi_wrap ul.user_menu li.on a {color:#414c62; font-weight:bold} #header .top_navi .navi_wrap ul.user_menu li.login {position:relative} #header .top_navi .navi_wrap ul.user_menu li.login .login_layer {display:none; position:absolute; top:40px; left:-88px; width:252px; min-height:304px; padding:22px 25px 18px; border:1px solid #e0e0e0; background:#f6f6f6; text-align:center; box-sizing:border-box; z-index:92} #header .top_navi .navi_wrap ul.user_menu li.login .login_layer:before {position:absolute; left:0; top:-6px; width:100%; height:6px; background:url('//img.1300k.com/common/2019/bullet_gdeps.png') no-repeat 50% bottom; content:''} #header .top_navi .navi_wrap ul.user_menu li.login .login_layer h5 {padding:5px 0 3px; font-size:14px; font-weight:600; color:#262626} #header .top_navi .navi_wrap ul.user_menu li.login .login_layer .btn_payco_login, #header .top_navi .navi_wrap ul.user_menu li.login .login_layer .btn_1300k_login {display:block; height:40px; margin-top:10px; padding:11px 0; font-size:12px; line-height:1.5; letter-spacing:-0.5px; text-align:center; text-decoration:none; box-sizing:border-box} #header .top_navi .navi_wrap ul.user_menu li.login .login_layer .btn_payco_login {background:#fa1414; color:#fff} #header .top_navi .navi_wrap ul.user_menu li.login .login_layer .btn_1300k_login {border:2px solid #1ed25f; background:#fff; color:#060606} #header .top_navi .navi_wrap ul.user_menu li.login .login_layer .btn_payco_login img, #header .top_navi .navi_wrap ul.user_menu li.login .login_layer .btn_1300k_login img {vertical-align:top} #header .top_navi .navi_wrap ul.user_menu li.login .login_layer .btn_non_member {display:block; margin-top:12px; background:none; color:#959ba5; text-decoration:none} #header .top_navi .navi_wrap ul.user_menu li.login .login_layer .btn_non_member span {position:relative; padding-right:12px} #header .top_navi .navi_wrap ul.user_menu li.login .login_layer .btn_non_member span:after {position:absolute; right:0px; top:3px; width:6px; height:10px; background:url('//img.1300k.com/common/2019/bg_non_member.png') no-repeat 0 0; content:''} #header .top_navi .navi_wrap ul.user_menu li.login .login_layer .guest_blk {margin-top:15px; padding-top:20px; border-top:1px solid #e0e0e0} #header .top_navi .navi_wrap ul.user_menu li.login .login_layer .guest_blk p {color:#5a5a5a; font-size:10px; letter-spacing:-0.5px; line-height:1} #header .top_navi .navi_wrap ul.user_menu li.login .login_layer .guest_blk p span {display:block; margin-bottom:6px; color:#414c62; font-size:12px; font-weight:700; letter-spacing:-0.5px; line-height:1} #header .top_navi .navi_wrap ul.user_menu li.login .login_layer .guest_blk p strong {color:#fa2828} #header .top_navi .navi_wrap ul.user_menu li.login .login_layer .guest_blk .btn_join {display:block; overflow:hidden; height:40px; margin-top:15px; background:#414c62; color:#fff; font-size:14px; line-height:41px; text-align:center; text-decoration:none} #header .top_navi .navi_wrap ul.user_menu li.login .login_layer .btn_close {position:absolute; top:0; right:0; width:15px; height:15px; padding:13px} /* Main Header */ #header .main {position:relative; z-index:3000; min-width:980px} #header .main button {border:0px; margin:0px; padding:0px; cursor:pointer; background-color:transparent; overflow:visible; outline:none} #header .main .header_wrap {position:relative; width:980px; height:50px; padding:22px 0; margin:0px auto} #header .main .header_wrap h1 {float:left; margin-right:50px; line-height:1} #header .main .header_wrap h1 a {display:inline-block} #header .main .header_wrap h1 a img {vertical-align:top} #header .main .header_wrap .g_search {float:left; position:relative; width:330px; height:50px; margin-top:3px} #header .main .header_wrap .inputBox {position:relative; width:auto} #header .main .header_wrap .g_search fieldset {border:none; border-bottom:2px solid #7f919b} #header .main .header_wrap .g_search input[type='text'] {float:left; width:330px; height:38px; padding:5px 30px 5px 5px; border:0px; border-bottom:2px solid #7f919b; outline:none; box-sizing:border-box; color:#262626; font-size:18px; font-weight:400; letter-spacing:-0.5px} #header .main .header_wrap .g_search button {position:absolute; right:5px; top:10px; width:20px; height:20px; overflow:hidden; background:url('//img.1300k.com/common/2019/btn_combine_search.png') no-repeat 50% 50%; text-indent:-999px} #header .main .header_wrap ul.news_menu {float:right; margin-top:4px; margin-right:-8px} #header .main .header_wrap ul.news_menu li {float:left; position:relative; padding:13px 9px 13px 10px} #header .main .header_wrap ul.news_menu li:before {position:absolute; left:0px; top:50%; width:1px; height:12px; margin-top:-6px; background:#e0e0e0; content:''} #header .main .header_wrap ul.news_menu li:first-child:before {display:none} #header .main .header_wrap ul.news_menu li a {position:relative; color:#262626; font-size:14px; font-weight:700; text-decoration:none} #header .main .header_wrap ul.news_menu li.ico a {padding-right:5px} #header .main .header_wrap ul.news_menu li.ico a:after {display:inline-block; position:absolute; right:-2px; top:3px; width:4px; height:4px; border-radius:3px; background:#1ed25f; content:''} #header .main .gnb_wrap {position:relative; width:100%; height:44px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background:#f6f6f6; text-align:center; z-index:17} #header .main .gnb_wrap ul.gnb_nav {display:inline-block; position:relative; min-width:980px; height:44px; margin:0; padding:0; text-align:left} #header .main .gnb_wrap ul.gnb_nav > li {float:left} #header .main .gnb_wrap ul.gnb_nav li > a {display:block; height:16px; padding:15px 9px 14px; color:#7a7a7a; font-size:14px; font-weight:400; text-align:center; text-decoration:none; letter-spacing:-1px} #header .main .gnb_wrap ul.gnb_nav li:first-child > a {padding-left:0} #header .main .gnb_wrap ul.gnb_nav li:hover > a, #header .main .gnb_wrap ul.gnb_nav li:focus > a {color:#454f65; font-weight:700} #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap {display:none; position:absolute; left:0%; top:45px; width:980px; background:#f6f6f6; border:1px solid #e0e0e0; border-top:0; z-index:3} #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap h2 {display:block; height:50px; padding:0px 26px; background:#6e7787; color:#fff; font-size:16px; font-weight:700; line-height:51px} #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap .gnb_cate {position:relative; box-sizing:border-box} #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap .gnb_cate:after {clear:both; display:block; content:''} #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap .gnb_cate ul.cate_list {float:left; width:660px; height:220px} #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap .gnb_cate ul.cate_list:after {clear:both; display:block; content:''} #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap .gnb_cate ul.cate_list li {float:left; width:165px; height:220px; padding:15px 25px 0; border-left:1px solid #e0e0e0; box-sizing:border-box} #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap .gnb_cate ul.cate_list li:first-child {border-left:none} #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap .gnb_cate ul.cate_list li a {color:#7a7a7a; font-size:13px; font-weight:400; letter-spacing:-0.5px; text-align:left} #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap .gnb_cate ul.cate_list li a:hover, #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap .gnb_cate ul.cate_list li a:focus {text-decoration:underline} #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap .gnb_cate ul.cate_list li a .ico_txt {display:inline-block; position:absolute; width:25px; margin-left:6px; color:#9da9c0; font-size:9px; font-weight:600} #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap .gnb_cate ul.cate_list li a .ico_txt.sale {color:#e83725} #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap .gnb_cate ul.cate_list li a .ico_txt.hot {color:#f96600} #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap .gnb_cate ul.cate_list li a .ico_txt.best {color:#30a6c4} #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap .gnb_cate ul.cate_list li a .ico_txt.new {color:#9659c0} #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap .gnb_cate ul.cate_list li a, #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap .gnb_cate ul.cate_list li span.guide_line {display:block; position:relative; height:15px; padding:0; margin:10px 0px 0px} #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap .gnb_cate ul.cate_list li span.guide_line:before {position:absolute; left:0; right:0; top:49%; height:1px; border-bottom:1px dotted #e0e0e0; content:''} #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap .gnb_cate ul.cate_list li a:first-child, #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap .gnb_cate ul.cate_list li span.guide_line:first-child {margin-top:0} #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap .gnb_cate .brand_list {float:left; width:100%; height:50px; padding:16px 25px; border-top:1px solid #e0e0e0; box-sizing:border-box} #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap .gnb_cate .brand_list:after {clear:both; display:block; content:''} #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap .gnb_cate .brand_list span, #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap .gnb_cate .brand_list a {float:left; height:15px; color:#7a7a7a; font-size:13px; font-weight:400; letter-spacing:-0.5px} #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap .gnb_cate .brand_list span {position:relative; padding-right:15px; margin-right:15px; color:#454f65; font-weight:600} #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap .gnb_cate .brand_list span:after {position:absolute; right:0; top:3px; width:1px; height:10px; border-right:1px solid #454f65; content:''} #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap .gnb_cate .brand_list a {padding-right:10px; margin-right:20px; background:url('//img.1300k.com/common/2019/bg_gnb_arrow.png') no-repeat 100% 3px} #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap .gnb_cate .event_banner {float:left; width:318px; height:221px; padding:18px 25px 0; border-left:1px solid #e0e0e0; box-sizing:border-box} #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap .gnb_cate .event_banner a p {display:block; position:relative; overflow:hidden; margin-top:8px; padding-right:45px; color:#7a7a7a; font-size:14px; line-height:20px; text-overflow:ellipsis; white-space:nowrap} #header .main .gnb_wrap ul.gnb_nav li .gnb_category_wrap .gnb_cate .event_banner a p span {position:absolute; right:0; top:0; color:#1ed25f; font-size:15px; font-weight:600} #header .main .suggest_area {display:none; position:absolute; left:0px; top:44px; width:330px; padding:20px 0; border:1px solid #e0e0e0; background:#fff; box-sizing:border-box; z-index:99} #header .main .suggest_area > div {padding-bottom:20px} #header .main .suggest_area > div ul, #header .main .suggest_area > div ol {padding-bottom:15px; border-bottom:1px solid #e0e0e0} #header .main .suggest_area li:hover {background:#f4f4f4} #header .main .suggest_area li a {display:block; padding:5px 20px; color:#7a7a7a; font-size:14px; font-weight:400; text-decoration:none} #header .main .suggest_area a.btn_close {position:absolute; right:20px; bottom:10px; font-size:12px; line-height:20px} #header .main .suggest_area .auto_keyword ul li a em {color:#1ed25f; font-weight:700} #header .main .suggest_area .more_keyword ul.tab {padding:0px 20px 5px; border-bottom:0; } #header .main .suggest_area .more_keyword ul.tab:after {clear:both; display:block; content:''} #header .main .suggest_area .more_keyword ul.tab li {float:left; position:relative; padding-top:0} #header .main .suggest_area .more_keyword ul.tab li:first-child {padding-right:15px; margin-right:15px} #header .main .suggest_area .more_keyword ul.tab li:first-child:before {position:absolute; right:0px; top:3px; width:1px; height:10px; background:#868686; content:''} #header .main .suggest_area .more_keyword ul.tab li a {height:30px; padding:0; color:#c3c3c3; font-size:14px; letter-spacing:-1px; font-weight:400; text-decoration:none} #header .main .suggest_area .more_keyword ul.tab li.on a {color:#262626} #header .main .suggest_area .more_keyword ul.tab li:hover {background:none} #header .main .suggest_area .more_keyword .search_recent p.empty_keyword {padding:20px 0; text-align:center; color:#7a7a7a; font-size:13px} #header .main .suggest_area .more_keyword .search_recent ul li {position:relative; padding-right:40px} #header .main .suggest_area .more_keyword .search_recent ul li:after {clear:both; display:block; content:''} #header .main .suggest_area .more_keyword .search_recent ul li span.keyword {float:left} #header .main .suggest_area .more_keyword .search_recent ul li span.keyword a {width:248px} #header .main .suggest_area .more_keyword .search_recent ul li span.date {float:right; padding:6px 0 0; color:#c7c7c7; font-family:'Roboto','Noto Sans KR','Malgun Gothic', 'Dotum', sans-serif; font-size:12px; font-weight:400} #header .main .suggest_area .more_keyword .search_recent ul li a.btn_del_keyword {position:absolute; right:0; bottom:2px; overflow:hidden; width:40px; height:20px; padding:0; background:url('//img.1300k.com/common/2019/btn_del_keyword.png') no-repeat 50% 50%; font-size:0px; text-indent:-9999px} #header .main .suggest_area .more_keyword .search_hot ol li {position:relative} #header .main .suggest_area .more_keyword .search_hot ol li a {padding-left:52px} #header .main .suggest_area .more_keyword .search_hot ol li span.number {position:absolute; display:inline-block; left:16px; bottom:5px; width:17px; padding-right:20px; color:#262626; font-family:'Roboto','Noto Sans KR','Malgun Gothic','Dotum',sans-serif; font-size:14px; text-align:right; letter-spacing:-2px} #header .main .suggest_area .more_keyword .search_hot ol li span.number:before {position:absolute; right:10px; bottom:3px; width:1px; height:10px; background:#778195; content:''} #header .main .suggest_area .more_keyword .search_hot span.date {color:#c3c3c3} #header .main .suggest_area .more_keyword .search_hot span.date, #header .main .suggest_area .more_keyword .search_recent span.history {position:absolute; left:20px; bottom:10px; font-size:12px; line-height:20px} #header .main .suggest_area .more_keyword .ico_txt {margin-left:7px; color:#10d584; font-size:12px; font-weight:600; letter-spacing:-0.3px; text-transform:lowercase} /* Fix Header */ #header .top_fix_head {display:none; position:fixed; left:0px; top:0px; width:100%; background:#454f65; background:rgba(69,79,101,0.95); z-index:3000} #header .top_fix_head .top_fix_wrap {position:relative; width:980px; height:26px; padding:17px 0px; margin:0px auto} #header .top_fix_head .top_fix_wrap:after {clear:both; display:block; content:''} #header .top_fix_head .top_fix_wrap h1 {float:left; line-height:0; margin-left:75px} #header .top_fix_head .top_fix_wrap a.btn_category {position:absolute; left:0; top:0px; overflow:hidden; width:60px; height:60px; background:url('//img.1300k.com/common/2019/btn_category.png') no-repeat 50% 50%; font-size:0; text-indent:-9999px} #header .top_fix_head .top_fix_wrap a.btn_category.on {background:#2e384e url('//img.1300k.com/common/2019/btn_close.png') no-repeat 50% 50%} #header .top_fix_head .top_fix_wrap .member_menu {float:right} #header .top_fix_head .top_fix_wrap .member_menu a {float:left; width:26px; height:26px; margin-right:10px} #header .top_fix_head .top_fix_wrap .member_menu a.btn_mybook {background:url('//img.1300k.com/common/2019/icon_mybook.png') no-repeat 50% 50%; font-size:0; text-indent:-9999px} #header .top_fix_head .top_fix_wrap .member_menu a.btn_cart {position:relative; background:url('//img.1300k.com/common/2019/icon_cart.png') no-repeat 50% 50%; font-size:0; text-indent:-9999px} #header .top_fix_head .top_fix_wrap .member_menu a.btn_cart span {position:absolute; right:-6px; top:-3px; width:16px; height:16px; background:#10d584; border-radius:50%; color:#fff; font-size:9px; line-height:17px; text-indent:0; text-align:center} #header .top_fix_head .top_fix_wrap .g_search {position:relative; float:right; width:280px; height:26px; margin-right:20px} #header .top_fix_head .top_fix_wrap .g_search fieldset {overflow:hidden; border-bottom:1px solid #fff; border-top:none} #header .top_fix_head .top_fix_wrap .g_search fieldset input[type='text'] {float:left; width:250px; height:20px; padding-bottom:5px; border:0px solid transparent; color:#fff; font-size:14px; font-weight:400; background:transparent; outline:none} #header .top_fix_head .top_fix_wrap .g_search fieldset button {position:absolute; right:0; top:-1px; width:26px; height:26px; border:0px solid transparent; padding:0px; cursor:pointer; background-color:transparent; overflow:visible} #header .top_fix_head .top_fix_wrap .g_search fieldset button img {position:absolute; bottom:0; left:0} #header .top_fix_head .top_fix_wrap .category {display:none; position:absolute; top:60px; left:0px; overflow:hidden; padding:20px 0; background-color:#2e384e; z-index:100} #header .top_fix_head .top_fix_wrap .category.on {display:block} #header .top_fix_head .top_fix_wrap .category ul:after {clear:both; display:block; content:''} #header .top_fix_head .top_fix_wrap .category li {float:left; width:90px; height:200px; padding:0px 20px; border-left:1px solid #586277} #header .top_fix_head .top_fix_wrap .category li:first-child {border-left:0} #header .top_fix_head .top_fix_wrap .category li a {display:block; margin-bottom:10px; color:#dcdcdc; font-size:14px} #header .top_fix_head .top_fix_wrap .category li a:hover, #header .top_fix_head .top_fix_wrap .category li a:focus, #header .top_fix_head .top_fix_wrap .category li a:active {color:#fff} /* Container =================================================================*/ #container {overflow:hidden; min-width:980px; width:980px; margin:0px auto} /* Footer ====================================================================*/ #footer h2, #footer div, #footer p, #footer span, #footer li, #footer a {color:#7a7c81; font-family:'Roboto','Noto Sans KR','Malgun Gothic','Dotum',sans-serif} #footer {width:100%; min-width:980px; letter-spacing:-1px; word-spacing:1px; background:#f6f6f6; margin-top:40px; padding:56px 0 60px} #footer .foot_wrap {position:relative; width:980px; height:220px; margin:0px auto} #footer .foot_wrap:before {position:absolute; right:320px; top:7px; width:1px; height:137px; background:#dfdfdf; content:''} #footer .foot_wrap h2 {position:absolute; left:0; top:3px; font-size:14px; font-weight:700} #footer .foot_wrap ul.foot_menu {position:absolute; right:180px; top:0} #footer .foot_wrap ul.foot_menu li {font-size:12px; line-height:30px} #footer .foot_wrap ul.qna_menu {position:absolute; right:0px; top:0} #footer .foot_wrap ul.qna_menu li {font-size:12px; line-height:30px} #footer .foot_wrap ul.qna_menu li a {} #footer .foot_wrap ul.qna_menu li.escrow {position:relative; margin-top:30px} #footer .foot_wrap ul.qna_menu li.escrow span {padding-right:11px; background:url('//img.1300k.com/common/2019/bg_gnb_arrow.png') no-repeat 100% 2px; font-weight:400} #footer .foot_wrap ul.qna_menu li.escrow span:hover {text-decoration:underline} #footer .foot_wrap ul.qna_menu li.escrow .layer_wooribank {display:none; position:absolute; left:0; top:-130px; overflow:hidden; width:272px; height:134px; background:url('//img.1300k.com/common/2019/layer_wooribank.png') no-repeat 100% 2px; font-size:0; text-indent:-999px; z-index:9120} #footer .foot_wrap ul.qna_menu li.escrow .layer_wooribank a {position:absolute; left:0px; top:0px; width:100%; height:100%} #footer .foot_wrap ul.qna_menu li.escrow:hover .layer_wooribank {display:block} #footer .foot_wrap p.copyright {width:530px; padding-left:125px; padding-bottom:40px; font-size:12px; line-height:21px; letter-spacing:-0.5px} #footer .foot_wrap p.copyright .line:before {position:absolute; right:-2px; top:50%; width:1px; height:10px; margin-top:-5px; background:#dfdfdf; content:''} #footer .foot_wrap p.copyright a {background:url('//img.1300k.com/common/2019/bg_gnb_arrow.png') no-repeat 100% 2px} #footer .foot_wrap p.copyright a, #footer .foot_wrap p.copyright span {position:relative; margin-right:10px; padding-right:11px} #footer .foot_wrap p.copyright span.copy {display:block; margin:0; padding:0; padding-top:20px} #footer .foot_wrap .sns {float:left; width:50%; text-align:left} #footer .foot_wrap .sns h3 {width:0; height:0; font-size:0} #footer .foot_wrap .sns h3, #footer .foot_wrap .sns ul {display:inline-block} #footer .foot_wrap .sns ul {height:26px; margin-left:120px} #footer .foot_wrap .sns ul li {float:left; margin:0px 0px 0px 15px; font-size:0; line-height:0} #footer .foot_wrap .sns ul li:first-child {margin-left:0} #footer .foot_wrap .sns ul li a {font-size:12px; line-height:1} #footer .foot_wrap .sns ul li a img {vertical-align:bottom} #footer .foot_wrap .mobile_app {float:right; width:50%; text-align:right} #footer .foot_wrap .mobile_app h3, #footer .foot_wrap .mobile_app ul.download {display:inline-block; height:26px} #footer .foot_wrap .mobile_app ul.download:after {clear:both; display:block; content:''} #footer .foot_wrap .mobile_app ul.download li {float:left; position:relative; margin-left:15px} #footer .foot_wrap .mobile_app ul.download li:first-child {margin-left:10px} #footer .foot_wrap .mobile_app ul.download li .layer_qr {display:none; position:absolute; top:-98px; right:-98px; width:98px; height:122px; background:url('//img.1300k.com/common/2019/layer_qr.png') no-repeat 0 0; z-index:9120} #footer .foot_wrap .mobile_app ul.download li .layer_qr p {padding:13px 10px 0px 10px; font-size:10px} #footer .foot_wrap .mobile_app ul.download li.qr:hover .layer_qr {display:block} /* Recent_view ====================================================================*/ #recent_view div, #recent_view li, #recent_view a {font-family:'Noto Sans KR','Malgun Gothic','Dotum',sans-serif} #recent_view .number {font-family:'Montserrat','Noto Sans KR','Malgun Gothic','Dotum',sans-serif} #recent_view {position:fixed; right:50%; bottom:50px; width:92px; margin-right:-660px; z-index:9110} #recent_view .recent_prd, #recent_view .empty_prd {width:92px; border:1px solid #e8e8e8; background:#fbfbfb; box-sizing:border-box} #recent_view .recent_prd {padding:20px 15px 18px} #recent_view .recent_prd .title {padding-bottom:10px; color:#84868a; font-size:13px; letter-spacing:-1px; text-align:center} #recent_view .recent_prd .title .number {display:block; padding-top:3px; color:#10d584; font-weight:600;letter-spacing:0px} #recent_view .recent_prd ul.prd_list li {position:relative; width:62px; height:62px; margin-bottom:5px} #recent_view .recent_prd ul.prd_list li a img {border:1px solid #e0e0e0} #recent_view .recent_prd ul.prd_list li a.prd_img {display:block; position:relative; z-index:2} #recent_view .recent_prd ul.prd_list li .desc {display:none; position:absolute; right:-5px; top:-5px; width:190px; height:72px; padding:8px 68px 8px 8px; border:1px solid #414c62; background:#fff; font-size:12px; line-height:16px; box-sizing:border-box} #recent_view .recent_prd ul.prd_list li .desc a.btn_del {overflow:hidden; position:absolute; right:0px; top:0; width:15px; height:15px; background:#414c62 url('//img.1300k.com/common/2019/btn_close.png') no-repeat 50% 50%; background-size:55% auto; font-size:0; text-indent:-999px; z-index:3} #recent_view .recent_prd ul.prd_list li .desc a {font-family:'Dotum',sans-serif; text-decoration:none} #recent_view .recent_prd ul.prd_list li .desc a .prd_name {overflow:hidden; height:32px; color:#84868a} #recent_view .recent_prd ul.prd_list li .desc a .prd_price {margin-top:5px; color:#3a4156; font-weight:bold} #recent_view .recent_prd ul.prd_list li:hover .desc {display:block} #recent_view .empty_prd {min-height:80px; padding:20px 10px; color:#84868a; font-size:12px; text-align:center; letter-spacing:-0.5px} #recent_view .recent_prd .paging {position:relative; padding:7px 10px 0; color:#ababab; font-size:13px; font-weight:600; letter-spacing:-0.5px; text-align:center} #recent_view .recent_prd .paging strong {color:#10d584} #recent_view .recent_prd .paging a {position:absolute; bottom:2px; overflow:hidden; width:12px; height:12px; font-size:0px; text-indent:-999px; opacity:0.6} #recent_view .recent_prd .paging a.btn_prv {left:-2px; background:url('//img.1300k.com/common/2019/btn_prv.png') no-repeat 50% 50%} #recent_view .recent_prd .paging a.btn_nxt {right:-2px; background:url('//img.1300k.com/common/2019/btn_nxt.png') no-repeat 50% 50%} #recent_view a.btn_top {display:block; padding:13px; background:#a2a1ab; color:#fff; font-size:14px; font-weight:600; text-align:center; text-decoration:none; letter-spacing:0px} /* Side_area_right ====================================================================*/ #side_area_right .recent_view {} #side_area_right .recent_view div, #side_area_right .recent_view li, #side_area_right .recent_view a {font-family:'Noto Sans KR','Malgun Gothic','Dotum',sans-serif} #side_area_right .recent_view .number {font-family:'Montserrat','Noto Sans KR','Malgun Gothic','Dotum',sans-serif} #side_area_right .recent_view {position:fixed; right:50%; bottom:50px; width:92px; margin-right:-660px; z-index:9110} #side_area_right .recent_view .recent_prd, #side_area_right .recent_view .empty_prd {width:92px; border:1px solid #e8e8e8; background:#fbfbfb; box-sizing:border-box} #side_area_right .recent_view .recent_prd {padding:20px 15px 18px} #side_area_right .recent_view .recent_prd .title {padding-bottom:10px; color:#84868a; font-size:13px; letter-spacing:-1px; text-align:center} #side_area_right .recent_view .recent_prd .title .number {display:block; padding-top:3px; color:#10d584; font-weight:600;letter-spacing:0px} #side_area_right .recent_view .recent_prd ul.prd_list li {position:relative; width:62px; height:62px; margin-bottom:5px} #side_area_right .recent_view .recent_prd ul.prd_list li a img {border:1px solid #e0e0e0} #side_area_right .recent_view .recent_prd ul.prd_list li a.prd_img {display:block; position:relative; z-index:2} #side_area_right .recent_view .recent_prd ul.prd_list li .desc {display:none; position:absolute; right:-5px; top:-5px; width:190px; height:72px; padding:8px 68px 8px 8px; border:1px solid #414c62; background:#fff; font-size:12px; line-height:16px; box-sizing:border-box} #side_area_right .recent_view .recent_prd ul.prd_list li .desc a.btn_del {overflow:hidden; position:absolute; right:0px; top:0; width:15px; height:15px; background:#414c62 url('//img.1300k.com/common/2019/btn_close.png') no-repeat 50% 50%; background-size:55% auto; font-size:0; text-indent:-999px; z-index:3} #side_area_right .recent_view .recent_prd ul.prd_list li .desc a {font-family:'Dotum',sans-serif; text-decoration:none} #side_area_right .recent_view .recent_prd ul.prd_list li .desc a .prd_name {overflow:hidden; height:32px; color:#84868a} #side_area_right .recent_view .recent_prd ul.prd_list li .desc a .prd_price {margin-top:5px; color:#3a4156; font-weight:bold} #side_area_right .recent_view .recent_prd ul.prd_list li:hover .desc {display:block} #side_area_right .recent_view .empty_prd {min-height:80px; padding:20px 10px; color:#84868a; font-size:12px; text-align:center; letter-spacing:-0.5px} #side_area_right .recent_view .recent_prd .paging {position:relative; padding:7px 10px 0; color:#ababab; font-size:13px; font-weight:600; letter-spacing:-0.5px; text-align:center} #side_area_right .recent_view .recent_prd .paging strong {color:#10d584} #side_area_right .recent_view .recent_prd .paging a {position:absolute; bottom:2px; overflow:hidden; width:12px; height:12px; font-size:0px; text-indent:-999px; opacity:0.6} #side_area_right .recent_view .recent_prd .paging a.btn_prv {left:-2px; background:url('//img.1300k.com/common/2019/btn_prv.png') no-repeat 50% 50%} #side_area_right .recent_view .recent_prd .paging a.btn_nxt {right:-2px; background:url('//img.1300k.com/common/2019/btn_nxt.png') no-repeat 50% 50%} #side_area_right .recent_view a.btn_top {display:block; padding:13px; background:#a2a1ab; color:#fff; font-size:14px; font-weight:600; text-align:center; text-decoration:none; letter-spacing:0px} #side_area_right .bnr_balloon {position:fixed; right:50%; top:120px; width:140px; height:140px; margin-right:-708px; z-index:9115} #side_area_right .bnr_balloon .small, #side_area_right .bnr_balloon .large {border-radius:10px} #side_area_right .bnr_balloon .bnr_off {position:absolute; right:0; top:0; z-index:1} #side_area_right .bnr_balloon .bnr_on {position:absolute; right:0; top:0; z-index:2} #side_area_right .bnr_balloon .bnr_off a, #side_area_right .bnr_balloon .bnr_on a {display:block} #side_area_right .bnr_small {position:absolute; right:50%; top:764px; width:140px; margin-right:-708px; z-index:9112} /* 기타 헤더 1 CSS ===========================================================*/ #etc_header {clear:both; width:930px; height:auto; margin:0 auto; overflow:hidden} #etc_header .logo {display:block; width:930px; height:106px; text-indent:0} #etc_header .logo .sch_area {width:240px; float:right; border:2px solid #74c737; margin-top:12px; background-color:#fff} #etc_header .logo .sch_area .txt {display:inline-block;float:left;padding-top:3px;padding-left:6px} #etc_header .logo .sch_area .bullet {float:left;margin:8px 5px 0 5px} #etc_header .logo .sch_area .inp_bx {display:inline-block; float:left} #etc_header .logo .sch_area .inp_bx .inp {width:150px; border:0} #etc_header .logo .sch_area .sch_btn {display:inline-block; float:left; cursor:pointer} .gc_ehd_jook {border-bottom:4px solid #ff8b2c; position:relative} .gc_ehd_jook .btn_jook_logo {position:absolute; top:46px; display:block; width:205px; height:58px; cursor:pointer} .gc_ehd_sokoob {border-bottom:4px solid #ffce33; position:relative} .gc_ehd_sokoob .btn_sokoob_logo {position:absolute; top:50px; display:block; width:200px; height:42px; cursor:pointer} .gc_ehd_space {border-bottom:4px solid #e9494b; position:relative} .gc_ehd_space .btn_space_logo {position:absolute; top:34px; display:block; width:150px; height:68px; cursor:pointer} #etc_container {clear:both; width:930px; height:auto; margin:10px auto; overflow:hidden} .k_ehd1 {display:block; background-image:url('//img.1300k.com/2012/common/k_ehd1_v20130528.png'); text-indent:-20000px} .ehd1_bullet {width:3px;height:2px;background-position:0 0} .ehd1_search {width:20px;height:18px;background-position:-10px 0} .ehd1_jookbox {width:930px;height:106px;background-position:0 -20px} .ehd1_sokoob {width:930px;height:106px;background-position:0 -130px} .ehd1_space {width:930px;height:106px;background-position:0 -240px} /* 기타 섹션 헤더 CSS ========================================================*/ #header_section {clear:both; width:100%; height:auto; border-bottom:4px solid #393d44} #header_section .sec_head {position:relative; width:930px; height:117px; margin:0 auto; background:url('//img.1300k.com/common/head/section/bg_tg_section.jpg') no-repeat top right} #header_section .sec_head .sch_area {width:240px; float:right; border:2px solid #74c737; margin-top:12px; background-color:#fff} #header_section .sec_head .sch_area .txt {display:inline-block;float:left;padding-top:3px;padding-left:6px} #header_section .sec_head .sch_area .bullet {float:left;margin:8px 5px 0 5px} #header_section .sec_head .sch_area .inp_bx {display:inline-block; float:left} #header_section .sec_head .sch_area .inp_bx .inp {width:150px; border:0} #header_section .sec_head .sch_area .sch_btn {display:inline-block; float:left; cursor:pointer} #header_section .sec_head .tit_logo {position:absolute; bottom:18px; left:3px; width:auto; height:35px} #header_section .sec_head .tit_SOKOOB {width:308px; background:url('//img.1300k.com/common/head/section/tit_tg_sokoob.png')} #header_section .sec_head .tit_MUSIC {width:285px; background:url('//img.1300k.com/common/head/section/tit_tg_music.png')} #header_section .sec_head .tit_ACADEMY {width:430px; background:url('//img.1300k.com/common/head/section/tit_tg_academy.png')} #header_section .sec_head .tit_STORE {width:394px; background:url('//img.1300k.com/common/head/section/tit_tg_shop.png')} #header_section .sec_sokoob {position:relative; height:170px} #header_section .sec_sokoob .tit_box {border-bottom:1px solid #c8c9cb} #header_section .sec_sokoob .tit_box .tit_blk {position:relative; width:980px; height:90px; padding-top:27px; margin:0 auto} #header_section .sec_sokoob .tit_box .tit_blk h1 {display:block; width:242px; height:66px; margin:0 auto} #header_section .sec_sokoob .tit_box .search_blk {position:absolute; overflow:hidden; top:7px; right:0; width:168px; height:35px; border-bottom:2px solid #a9a9a9} #header_section .sec_sokoob .tit_box .search_blk input[type='text'] {float:left; width:130px; height:33px; padding:0 5px; border:0; line-height:33px; font-size:11px; outline:none} #header_section .sec_sokoob .tit_box .search_blk button {float:left; width:27px; height:33px; margin:0; padding:0; border:0; cursor:pointer} #header_section .sec_sokoob .sokoob_menu {overflow:hidden; width:980px; height:52px; margin:0 auto} #header_section .sec_sokoob .sokoob_menu ul {float:left; overflow:hidden; width:461px; height:52px} #header_section .sec_sokoob .sokoob_menu ul li {float:left} #header_section .sec_sokoob .sokoob_menu ul li a {display:block; height:52px; background-image:url('//img.1300k.com/sokoob/2016/img_sokoob_gnb.png'); text-indent:-9999px} #header_section .sec_sokoob .sokoob_menu ul li.goods_recommend a {width:68px; margin-right:23px; background-position:0 0} #header_section .sec_sokoob .sokoob_menu ul li.jookbox a {width:46px; margin-right:22px; background-position:-91px 0} #header_section .sec_sokoob .sokoob_menu ul li.player a {width:46px; margin-right:23px; background-position:-159px 0} #header_section .sec_sokoob .sokoob_menu ul li.interview a {width:73px; margin-right:22px; background-position:-228px 0} #header_section .sec_sokoob .sokoob_menu ul li.event a {width:58px; margin-right:22px; background-position:-323px 0} #header_section .sec_sokoob .sokoob_menu ul li.colorpen a {width:58px; background-position:-403px 0} #header_section .sec_sokoob .sokoob_menu ul li.goods_recommend.on a , #header_section .sec_sokoob .sokoob_menu ul li.goods_recommend a:hover {background-position:0 -52px} #header_section .sec_sokoob .sokoob_menu ul li.jookbox.on a , #header_section .sec_sokoob .sokoob_menu ul li.jookbox a:hover {background-position:-91px -52px} #header_section .sec_sokoob .sokoob_menu ul li.player.on a , #header_section .sec_sokoob .sokoob_menu ul li.player a:hover {background-position:-159px -52px} #header_section .sec_sokoob .sokoob_menu ul li.interview.on a , #header_section .sec_sokoob .sokoob_menu ul li.interview a:hover {background-position:-228px -52px} #header_section .sec_sokoob .sokoob_menu ul li.event.on a , #header_section .sec_sokoob .sokoob_menu ul li.event a:hover {background-position:-323px -52px} #header_section .sec_sokoob .sokoob_menu ul li.colorpen.on a , #header_section .sec_sokoob .sokoob_menu ul li.colorpen a:hover{background-position:-403px -52px} #header_section .sec_sokoob .sokoob_menu .related_menu {float:right; width:auto; height:52px} #header_section .sec_sokoob .sokoob_menu .related_menu a {display:block; float:left; height:52px; background-image:url('//img.1300k.com/sokoob/2016/img_sokoob_gnb.png'); text-indent:-9999px} #header_section .sec_sokoob .sokoob_menu .related_menu .select_project {width:93px; margin-right:17px; background-position:-812px 0} #header_section .sec_sokoob .sokoob_menu .related_menu .academy {width:58px; background-position:-922px 0} #header_section .sec_sokoob .sokoob_menu .related_menu .select_project.on , #header_section .sec_sokoob .sokoob_menu .related_menu .select_project:hover {background-position:-812px -52px} #header_section .sec_sokoob .sokoob_menu .related_menu .academy.on , #header_section .sec_sokoob .sokoob_menu .related_menu .academy:hover {background-position:-922px -52px} #container_section {clear:both; width:930px; height:auto; margin:10px auto; overflow:hidden} /* ARK =======================================================================*/ #ark_wrap .ark_container {position:relative; width:353px; border:1px solid #60b23b; background-color:#f3f3f3; display:none} #ark_wrap .ark_container ul {margin:0; padding:0} #ark_wrap .ark_container li {margin:0; padding:0; list-style:none} #ark_wrap .ark_container .ark_content {border-bottom:1px solid #60b23b; background-color:#FFF; overflow-x:hidden; overflow-y:auto} #ark_wrap .ark_container .ark_content li {color:#777777; width:100%; padding:3px 5px; margin:1px; list-style:none; font-size:12px} #ark_wrap .ark_container .ark_content li strong {color:#EA8D07; font-weight:bold} #ark_wrap .ark_container .ark_footer {position:relative; font-size:11px; height:26px; text-align:center; background-color:#60b23b} #ark_wrap .ark_container .ark_footer a {color:#60B23B; text-decoration:none} #ark_wrap .ark_container .ark_footer .left {float:left} #ark_wrap .ark_container .ark_footer .right {float:right} /* 로그인 딤드 =======================================================================*/ .dim_login_layer {position:relative; width:448px; height:527px; padding:30px; background:#ebebeb} .dim_login_layer .inner {height:462px; padding:0 41px; background:#fff} .dim_login_layer .title {padding-top:38px; font-size:13px; font-weight:bold; color:#333; text-align:center; line-height:1; letter-spacing:-1px} .dim_login_layer .title .logo {display:block; width:132px; height:30px; margin:0 auto 27px} .dim_login_layer .logo13k {display:block; padding:40px 0 5px; text-align:center;} .dim_login_layer .line_bar {width:100%; height:1px; margin:20px 0; border-top:1px dotted #dbdbdb} .dim_login_layer .btn_payco_login {display:block; width:366px; height:16px; margin-top:20px; padding:18px 0 16px; background:#fa2828; text-align:center; text-decoration:none} .dim_login_layer .btn_payco_login span {display:inline-block; font-size:14px; color:#fff; font-weight:bold; line-height:16px; vertical-align:top; *display:inline; *zoom:1} .dim_login_layer .btn_1300k_login {display:block; width:362px; height:16px; padding:16px 0 14px; border:2px solid #41b40a; background:#fff; text-align:center; text-decoration:none} .dim_login_layer .btn_1300k_login span {display:inline-block; height:16px; padding:1px 22px 0; background:url('//img.1300k.com/login/2017/ico_arrow_green.png') 100% center no-repeat; font-size:14px; font-weight:bold; color:#41b40a; line-height:16px; vertical-align:top; *display:inline; *zoom:1} .dim_login_layer .guest_blk {margin-top:20px} .dim_login_layer .guest_blk p {font-size:12px; color:#666; line-height:1; letter-spacing:-0.5px; text-align:center} .dim_login_layer .guest_blk p strong {display:block; margin-bottom:6px; font-size:14px; color:#333; line-height:1} .dim_login_layer .guest_blk p span {color:#fa2828} .dim_login_layer .guest_blk .btn_join {display:block; width:366px; height:16px; margin-top:22px; padding:18px 0 16px; background:#515360; text-align:center; text-decoration:none} .dim_login_layer .guest_blk .btn_join span {display:inline-block; font-size:14px; color:#fff; font-weight:bold; line-height:16px; vertical-align:top; *display:inline; *zoom:1} .dim_login_layer .btn_blk {padding-top:20px; text-align:center} .dim_login_layer .btn_blk a {font-size:12px; font-weight:bold; color:#666; letter-spacing:-1px; text-decoration:none} .dim_login_layer .btn_blk .bar {display:inline-block; width:1px; height:12px; margin:0 20px; background:#ddd; vertical-align:middle; *display:inline; *zoom:1} .dim_login_layer .btn_close {position:absolute; top:30px; right:30px; width:15px; height:15px; padding:15px}