/* Layout CSS ================================================================*/ /* wrap */ #wrap {width:100%} /* Header Top ================================================================*/ #header_top {position:relative; width:100%; z-index:3100} /* Header Top Banner */ #header_top .top_banner {display: none} #header_top .top_banner .banner_bg {position:absolute; overflow:hidden; top:0; left:0; width:100%; height:80px} #header_top .top_banner .banner_bg div {width:50%; height:100%; float:left; clear:right} #header_top .top_banner .banner_wrap {position: relative; min-width: 980px; width: 980px; height: 80px; margin: 0px auto; z-index:14} #header_top .top_banner .banner_wrap a {display: block; position: relative; z-index: 10} #header_top .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 Navication */ #header_top .top_navi {min-width:980px; position: relative; z-index: 3001; background: #F3F3F3 url('//img.1300k.com/common/2015/bg_top_navi.png') repeat-x left bottom} #header_top .top_navi .navi_wrap {width: 980px; height: 30px; margin: 0px auto} #header_top .top_navi .navi_wrap ul.relate_site {float: left; width: 450px; border-left: 1px solid #CDCCD1} #header_top .top_navi .navi_wrap ul.relate_site li {float: left; font-size: 0px; line-height: 0; border-right: 1px solid #CDCCD1} #header_top .top_navi .navi_wrap ul.relate_site li a {display: block; line-height: 1; font-size: 12px} #header_top .top_navi .navi_wrap ul.relate_site li a img {vertical-align: bottom} #header_top .top_navi .navi_wrap ul.family_site {float:left; width:509px; border-left:1px solid #cdccd1} #header_top .top_navi .navi_wrap ul.family_site li {position:relative; float:left; border-right:1px solid #cdccd1} #header_top .top_navi .navi_wrap ul.family_site li a {display:block; height:30px; background:url('//img.1300k.com/common/2016/family_site_layout_v20171108.png'); text-indent:-9999px} #header_top .top_navi .navi_wrap ul.family_site li.btn_1300k a {width:64px; height:30px; background-position:0 0} #header_top .top_navi .navi_wrap ul.family_site li.btn_1300k.on a {background-position:-80px 0} #header_top .top_navi .navi_wrap ul.family_site li.btn_1300k.on a:hover {background-position:-80px 0} #header_top .top_navi .navi_wrap ul.family_site li.btn_1300k a:hover {background-position:-160px 0} #header_top .top_navi .navi_wrap ul.family_site li.btn_1200m a {width:66px; height:30px; background-position:0 -80px} #header_top .top_navi .navi_wrap ul.family_site li.btn_1200m a:hover {background-position:-100px -80px} #header_top .top_navi .navi_wrap ul.family_site li.btn_related a {width:93px; height:30px} #header_top .top_navi .navi_wrap ul.family_site li.btn_related > a {background-position:0 -40px} #header_top .top_navi .navi_wrap ul.family_site li.btn_related > a:hover {background-position:-110px -40px} #header_top .top_navi .navi_wrap ul.family_site li.btn_related.sokoob > a {background-position:-220px -40px} #header_top .top_navi .navi_wrap ul.family_site li.btn_related.store > a {background-position:-100px -320px} #header_top .top_navi .navi_wrap ul.family_site li.btn_related.academy > a {background-position:-100px -360px} #header_top .top_navi .navi_wrap ul.family_site li.btn_related.select > a {background-position:-100px -280px} #header_top .top_navi .navi_wrap ul.family_site li.btn_related .drop_menu {width:92px} #header_top .top_navi .navi_wrap ul.family_site li.btn_related .btn_sokoob a {background-position:0 -40px} #header_top .top_navi .navi_wrap ul.family_site li.btn_related .btn_sokoob a:hover {background-position:-110px -40px} #header_top .top_navi .navi_wrap ul.family_site li.btn_related.on .btn_sokoob a {background-position:0 -240px} #header_top .top_navi .navi_wrap ul.family_site li.btn_related.on .btn_sokoob a:hover {background-position:-100px -240px} #header_top .top_navi .navi_wrap ul.family_site li.btn_related.sokoob.on .btn_sokoob a {background-position:-220px -40px} #header_top .top_navi .navi_wrap ul.family_site li.btn_related.store.on .btn_store a {background-position:-100px -320px} #header_top .top_navi .navi_wrap ul.family_site li.btn_related.academy.on .btn_academy a {background-position:-100px -360px} #header_top .top_navi .navi_wrap ul.family_site li.btn_related.select.on .btn_select a {background-position:-100px -280px} #header_top .top_navi .navi_wrap ul.family_site li.btn_sokoob a {background-position:0 -240px} #header_top .top_navi .navi_wrap ul.family_site li.btn_sokoob a:hover {background-position:-100px -240px} #header_top .top_navi .navi_wrap ul.family_site li.btn_select a {background-position:0 -280px} #header_top .top_navi .navi_wrap ul.family_site li.btn_select a:hover {background-position:-100px -280px} #header_top .top_navi .navi_wrap ul.family_site li.btn_academy a {background-position:0 -360px} #header_top .top_navi .navi_wrap ul.family_site li.btn_academy a:hover {background-position:-100px -360px} #header_top .top_navi .navi_wrap ul.family_site li.btn_store a {background-position:0 -320px} #header_top .top_navi .navi_wrap ul.family_site li.btn_store a:hover{background-position:-100px -320px} #header_top .top_navi .navi_wrap ul.family_site li.btn_gabang a {width:99px; height:30px; background-position:0 -120px} #header_top .top_navi .navi_wrap ul.family_site li.btn_gabang a:hover {background-position:-110px -120px} #header_top .top_navi .navi_wrap ul.family_site li.btn_multi a {width:85px; height:30px; background-position:0 -160px} #header_top .top_navi .navi_wrap ul.family_site li.btn_multi a:hover {background-position:-90px -160px} #header_top .top_navi .navi_wrap ul.family_site li.btn_smilage a {width:96px; height:30px; background-position:0 -200px} #header_top .top_navi .navi_wrap ul.family_site li.btn_smilage a:hover {background-position:-110px -200px} #header_top .top_navi .navi_wrap ul.family_site li.btn_smilage .drop_menu {width:95px} #header_top .top_navi .navi_wrap ul.family_site li.btn_wearlounge a {background-position:0 -440px} #header_top .top_navi .navi_wrap ul.family_site li.btn_wearlounge a:hover {background-position:-110px -440px} #header_top .top_navi .navi_wrap ul.family_site li.btn_ecobridge a {background-position:0 -400px} #header_top .top_navi .navi_wrap ul.family_site li.btn_ecobridge a:hover {background-position:-110px -400px} #header_top .top_navi .navi_wrap ul.family_site li.btn_theback a {background-position:0 -480px} #header_top .top_navi .navi_wrap ul.family_site li.btn_theback a:hover {background-position:-110px -480px} #header_top .top_navi .navi_wrap ul.family_site li .drop_menu {display:none; position:absolute; top:0; left:-1px; border-width:0 1px 1px 1px; border-style:solid; border-color:#cdccd1} #header_top .top_navi .navi_wrap ul.family_site li:hover .drop_menu {display:block} #header_top .top_navi .navi_wrap ul.family_site li .drop_menu li {background:#fff; border-top:1px solid #e6e5ee} #header_top .top_navi .navi_wrap ul.family_site li .drop_menu li:first-child {border-top:0} #header_top .top_navi .navi_wrap ul.family_site li .drop_menu li a {height:29px} #header_top .top_navi .navi_wrap ul.family_site li em {display:block; position:absolute; top:13px; right:13px; width:5px; height:3px; background-image:url('//img.1300k.com/common/2016/family_site_layout_v20171108.png'); background-position:-250px 0; background-repeat:no-repeat } #header_top .top_navi .navi_wrap ul.family_site li:hover em {background-position:-250px -30px} #header_top .top_navi .navi_wrap ul.user_menu {float: right; text-align: right} #header_top .top_navi .navi_wrap ul.user_menu li {float: left; padding: 10px 0px 6px 26px; font-size: 11px; color: #858585; line-height: 120%; letter-spacing: -1px; background: url('//img.1300k.com/common/2015/bullet_user_menu.png') no-repeat 12px 9px} #header_top .top_navi .navi_wrap ul.user_menu li:first-child {background: none} #header_top .top_navi .navi_wrap ul.user_menu li.baro-k {position: relative; z-index: 91; padding-bottom: 0px} #header_top .top_navi .navi_wrap ul.user_menu li.baro-k a {display:block; padding-bottom: 6px; position: relative; z-index: 94} #header_top .top_navi .navi_wrap ul.user_menu li.baro-k a.on {background: url('//img.1300k.com/common/2015/bullet_gdeps.png') no-repeat center bottom} #header_top .top_navi .navi_wrap ul.user_menu li.baro-k .baro-k_contact {display: none; position: absolute; top: 28px; left: -50px; z-index: 93; width: 207px; padding: 22px 0px; text-align: center; border: 1px solid #313C4F; background: white} #header_top .top_navi .navi_wrap ul.user_menu li.baro-k .baro-k_contact h5 {line-height: 1; margin-bottom: 11px} #header_top .top_navi .navi_wrap ul.user_menu li.baro-k .baro-k_contact h5 img {vertical-align: bottom} #header_top .top_navi .navi_wrap ul.user_menu li.baro-k .baro-k_contact .btn_baro-k {line-height: 1} #header_top .top_navi .navi_wrap ul.user_menu li.baro-k .baro-k_contact .btn_baro-k a {display: inline; padding-bottom: 0px} #header_top .top_navi .navi_wrap ul.user_menu li.login {position:relative; padding-bottom:0; z-index:90} #header_top .top_navi .navi_wrap ul.user_menu li.login > a {display:block; position:relative; padding-bottom:6px; z-index:93; color:#323232} #header_top .top_navi .navi_wrap ul.user_menu li.login.on > a {background: url('//img.1300k.com/common/2015/bullet_gdeps.png') no-repeat center bottom} #header_top .top_navi .navi_wrap ul.user_menu li.login .login_layer {display:none; position:absolute; top:28px; left:-150px; z-index:92; width:322px; height:350px; padding:30px 30px 0; border:1px solid #313c4f; background:#fff; text-align:center} #header_top .top_navi .navi_wrap ul.user_menu li.login .login_layer h5 {font-size:20px; font-weight:bold; color:#333} #header_top .top_navi .navi_wrap ul.user_menu li.login .login_layer .btn_payco_login {display:block; width:322px; height:16px; margin-top:20px; padding:18px 0 16px; background:#fa2828; text-align:center; text-decoration:none} #header_top .top_navi .navi_wrap ul.user_menu li.login .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} #header_top .top_navi .navi_wrap ul.user_menu li.login .login_layer .btn_1300k_login {display:block; width:318px; height:16px; margin-top:12px; padding:16px 0 14px; border:2px solid #41b40a; background:#fff; text-align:center; text-decoration:none} #header_top .top_navi .navi_wrap ul.user_menu li.login .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} #header_top .top_navi .navi_wrap ul.user_menu li.login .login_layer .guest_blk {margin-top:20px; padding-top:20px; border-top:1px dotted #dbdbdb} #header_top .top_navi .navi_wrap ul.user_menu li.login .login_layer .guest_blk p {font-size:11px; color:#666; line-height:1} #header_top .top_navi .navi_wrap ul.user_menu li.login .login_layer .guest_blk p strong {display:block; margin-bottom:6px; font-size:14px; color:#333; line-height:1} #header_top .top_navi .navi_wrap ul.user_menu li.login .login_layer .guest_blk p span {color:#fa2828} #header_top .top_navi .navi_wrap ul.user_menu li.login .login_layer .guest_blk .btn_join {display:block; width:322px; height:16px; margin-top:19px; padding:18px 0 16px; background:#515360; text-align:center; text-decoration:none} #header_top .top_navi .navi_wrap ul.user_menu li.login .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} #header_top .top_navi .navi_wrap ul.user_menu li.login .login_layer .btn_blk {padding-top:20px; text-align:center} #header_top .top_navi .navi_wrap ul.user_menu li.login .login_layer .btn_blk a {font-size:12px; font-weight:bold; color:#666; letter-spacing:-1px; text-decoration:none} #header_top .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} #header_top .top_navi .navi_wrap ul.user_menu li.mybook {position: relative; z-index: 90} #header_top .top_navi .navi_wrap ul.user_menu li.mybook a {color: #323232; padding-right: 10px; background: url('//img.1300k.com/common/2015/bullet_mybook.png') no-repeat right 3px} #header_top .top_navi .navi_wrap ul.user_menu li.mybook .mybook_menu {display: none; position: absolute; top: 0px; left: 13px; z-index: 92; width: 63px; border: 1px solid #313C4F; background: white} #header_top .top_navi .navi_wrap ul.user_menu li.mybook .mybook_menu h5 {text-align: center; border-bottom: 1px solid #E6E5EE; font-size: 0px; line-height: 0} #header_top .top_navi .navi_wrap ul.user_menu li.mybook .mybook_menu h5 a {display: block; font-size: 11px; line-height: 1; color: #323232; padding: 10px 10px 6px 0px; background: url('//img.1300k.com/common/2015/bullet_mybook.png') no-repeat 47px -34px} #header_top .top_navi .navi_wrap ul.user_menu li.mybook .mybook_menu ul {float: none; text-align: center} #header_top .top_navi .navi_wrap ul.user_menu li.mybook .mybook_menu ul li {position: static; float: none; border-bottom: 1px solid #E6E5EE; padding: 0px; font-size: 0px; line-height: 0; background: none} #header_top .top_navi .navi_wrap ul.user_menu li.mybook .mybook_menu ul li a {display: block; background: none; padding: 10px 0px 6px; font-size: 11px; line-height: 1; color: #888888} /* Header ====================================================================*/ #header {position:relative; width:100%} /* Payco Banner */ #header .banner_payco {position: absolute; z-index: 30; bottom: 50px; left: 50%; margin-left: -708px; width: 200px; text-align: right; line-height: 1} #header .banner_payco img {vertical-align: bottom} /* Main Header */ #header .main {position: relative; z-index: 3000; min-width: 980px; height: 176px} #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: 63px; padding-top: 25px; margin: 0px auto} #header .main .header_wrap h1 {float: left; width: 122px; height: 32px; line-height: 1; margin-right: 24px} #header .main .header_wrap h1 a img {vertical-align: top} #header .main .header_wrap .g_search {float: left; position: relative; width: 304px; padding-right: 164px} #header .main .header_wrap .g_search fieldset {border-bottom: 2px solid #60B23B; border-top: 0px solid white} #header .main .header_wrap .g_search fieldset p {overflow: hidden} #header .main .header_wrap .g_search fieldset p input[type="text"] {float: left; width: 254px; color: #333; font-weight: bold; padding: 8px 8px 10px; border: 0px; outline: none} #header .main .header_wrap .g_search fieldset p button {position: relative; float: right; top: 7px; width: 17px; height: 17px} #header .main .header_wrap .g_search fieldset p button img {position: absolute; bottom: 0px; left: 0px; width: 17px; height: 17px} #header .main .header_wrap .g_search .popularity_word {position: absolute; top: 0px; right: 0px; width: 144px; padding: 13px 0px} #header .main .header_wrap .g_search .popularity_word .slide_wrap {overflow: hidden; height: 13px} #header .main .header_wrap .g_search .popularity_word .slide_wrap ul li {width: 144px; height: 15px; text-align: center} #header .main .header_wrap .g_search .popularity_word .slide_wrap ul li a {color: #737373; font-weight: bold} #header .main .header_wrap .g_search .popularity_word .btn_set button {position: absolute; left: 68px; text-indent: -9999px; overflow: hidden; width: 6px; height: 4px; border: 0px; padding: 0px; background-repeat: no-repeat; background-position: left top} #header .main .header_wrap .g_search .popularity_word .btn_set button.btn_prev {top: 0px; background-image: url('//img.1300k.com/common/2015/btn_s_prev.png')} #header .main .header_wrap .g_search .popularity_word .btn_set button.btn_next {bottom: 0px; background-image: url('//img.1300k.com/common/2015/btn_s_next.png')} #header .main .header_wrap .g_search .popularity_word .btn_set button:hover {background-position: -56px top} #header .main .shop_news {position: relative; z-index: 20; width: 100%; height: 43px; padding-bottom: 2px; background: url('//img.1300k.com/common/2015/bg_shop_news.png') repeat-x left top} #header .main .shop_news .sn_wrap {overflow: hidden; width: 980px; margin: 0px auto} #header .main .shop_news ul.shop_list {position: relative; z-index: 24; float: left; background: url('//img.1300k.com/common/2015/bullet_shop.png') no-repeat left 13px} #header .main .shop_news ul.shop_list li {float: left; font-family: 'verdana','Dotum'; letter-spacing: -1px; padding: 15px 0px 13px 16px} #header .main .shop_news ul.shop_list li a {display: inline-block; height:14px} #header .main .shop_news ul.shop_list li.btn_shop {padding: 0px; background: url('//img.1300k.com/common/2015/bullet_shop.png') no-repeat right 14px} #header .main .shop_news ul.shop_list li.btn_shop a {display: block; height: 15px; padding: 14px} #header .main .shop_news ul.shop_list li.btn_shop a img {vertical-align: top} #header .main .shop_news ul.shop_list li.btn_shop a.on {background: url('//img.1300k.com/common/2015/bullet_sl_menu.png') no-repeat center bottom} #header .main .shop_news ul.shop_list li a.new {padding-right: 17px; margin-right:14px; background: url('//img.1300k.com/common/2015/ico_sl_new.png') no-repeat right 16px} #header .main .shop_news ul.shop_list li a.new_red {padding-right: 15px; background: url('//img.1300k.com/common/2015/ico_sl_new_red.png') no-repeat right 1px} #header .main .shop_news .sl_category {display: none; position: absolute; z-index: 23; top: 42px; left: 50%; width: 461px; height: 312px; overflow: hidden; border: 1px solid #282F41; background-color: white} #header .main .shop_news #slc_character {margin-left: -490px} #header .main .shop_news #slc_topic {margin-left: -490px} #header .main .shop_news #slc_smilage {margin-left: -490px} #header .main .shop_news .sl_category ul {overflow: hidden; width: 462px; background-color: #E0E0E0} #header .main .shop_news .sl_category ul li {float: left; margin: 0px 1px 1px 0px; font-size: 0; line-height: 0; width: 65px; height: 65px; background-color: white} #header .main .shop_news .sl_category ul li a {display: block; line-height: 1; font-size: 12px} #header .main .shop_news .sl_category ul li a img {vertical-align: top} #header .main .shop_news .sl_category .event_banner {padding: 20px 20px 19px 19px} #header .main .shop_news .sl_category .event_banner a img {width: 424px; height: 141px} #header .main .shop_news ul.news_list {float: right; text-align: right; padding: 15px 0px 11px} #header .main .shop_news ul.news_list li {float: left; padding-left: 28px; background: url('//img.1300k.com/common/2015/bullet_category.png') no-repeat 13px 5px} #header .main .shop_news ul.news_list li:first-child {padding-left: 0px; background: none} #header .main .shop_news ul.news_list li a {display: block; height: 12px; text-indent: 9999px; overflow: hidden; background-repeat: no-repeat; background-position: left top} #header .main .shop_news ul.news_list li a.btn_best {width: 34px; background-image: url('//img.1300k.com/common/2015/btn_c_best.png')} #header .main .shop_news ul.news_list li a.btn_onlytoday {width: 57px; background-image: url('//img.1300k.com/common/2015/btn_c_ot.png')} #header .main .shop_news ul.news_list li a.btn_newproduct {width: 34px; background-image: url('//img.1300k.com/common/2015/btn_c_np.png')} #header .main .shop_news ul.news_list li a.btn_sale {width: 23px; background-image: url('//img.1300k.com/common/2015/btn_c_sale.png')} #header .main .shop_news ul.news_list li a.btn_event {width: 34px; background-image: url('//img.1300k.com/common/2015/btn_c_event.png')} #header .main .shop_news ul.news_list li a:hover, #header .main .shop_news ul.news_list li a:focus {background-position: left -51px} #header .main .gnb {position: relative; z-index: 17; width: 100%; height: 43px; background: url('//img.1300k.com/common/2015/bg_gnb.png') repeat-x left top} #header .main .gnb .gnb_wrap {overflow: hidden; width: 980px; margin: 0px auto} #header .main .gnb ul {float: left; padding:0 5px; background: url('//img.1300k.com/common/2015/bullet_gnb.png') no-repeat 0px 17px} #header .main .gnb ul:first-child {background: none} #header .main .gnb ul li {float: left; white-space: nowrap} #header .main .gnb ul li a {display: block; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; letter-spacing: -1px; color: white; padding: 16px 0px 12px} #header .main .gnb ul li a.pad_rgt {padding-right: 15px} #header .main .gnb ul li a.pad_lft {padding-left: 16px} #header .main .gnb ul li a.on {text-decoration: none; color: #74CF43; background: url('//img.1300k.com/common/2015/bullet_gdeps.png') no-repeat center bottom} #header .main .gnb_category {display: none; position: absolute; z-index: 16; top: 175px; left: 50%; margin-left: -490px; width: 934px; height: 284px; padding: 20px 22px 23px; border: 1px solid #283040; background: white url('//img.1300k.com/common/2015/bg_gnb_category.png') repeat-y left top} #header .main .gnb_category .visual_banner {float: left; width: 159px; height: 288px; margin-right: 20px} #header .main .gnb_category ul.product_list, #header .main .gnb_category ul.brand_list {overflow: hidden; float: left; width: 140px; height: 284px; padding: 0px 20px} #header .main .gnb_category ul.product_list li, #header .main .gnb_category ul.brand_list li {height: 11px; padding-top: 2px; margin-bottom: 7px; font-size: 0; line-height: 0} #header .main .gnb_category ul.product_list li.guide_line {border-bottom: 1px dotted #E0E0E0; margin-bottom: 16px; height: 4px} #header .main .gnb_category ul.brand_list li {padding-left: 17px; background: url('//img.1300k.com/common/2015/ico_brand.png') no-repeat left center} #header .main .gnb_category ul.product_list li a, #header .main .gnb_category ul.brand_list li a {font-size: 11px; line-height: 1; color: #656565} #header .main .gnb_category .event_banner {float: left; width: 188px; height: 284px; margin-left: 20px; display: inline} #header .main .gnb_category .ico_txt {font-family: arial; font-weight: bold; font-size: 9px; margin-left: 5px} #header .main .gnb_category .ico_txt.sale {color: #e83725} #header .main .gnb_category .ico_txt.hot {color: #f96600} #header .main .gnb_category .ico_txt.best {color: #30a6c4} #header .main .gnb_category .ico_txt.new {color: #9659c0} #header .main .gnb_category_bnr {display: none} #header .main .banner_link_area {position: absolute; top: 0px; left: 50%; margin-left: 150px; width: 340px; height: 90px} #header .main .banner_link_area a {display: block; width: 100%; height: 100%; background-color: #fff; opacity: 0; filter: alpha(opacity=0)} /* Sub Header */ #header .sub {display: none; position: fixed; left: 0px; top: 0px; z-index: 3000; width: 100%; background: url('//img.1300k.com/common/2015/bg_gnb.png') repeat left top} #header .sub .header_sub_wrap {position: relative; width: 980px; height: 20px; padding: 15px 0px; margin: 0px auto} #header .sub .header_sub_wrap h1 {float: left; width: 84px; height: 24px; line-height: 0; font-size: 0; margin-right: 20px} #header .sub .header_sub_wrap h1 a {display: block; line-height: 1; font-size: 12px} #header .sub .header_sub_wrap .g_search {position: relative; float: left; width: 200px; height: 20px; padding-right: 164px} #header .sub .header_sub_wrap .g_search fieldset {overflow: hidden; border-bottom: 1px solid #70C936; border-top: 0px solid transparent} #header .sub .header_sub_wrap .g_search fieldset input[type="text"] {float: left; width: 185px; height: 14px; padding-bottom: 5px; border: 0px solid transparent; color: white; background: transparent; outline: none} #header .sub .header_sub_wrap .g_search fieldset button {float: left; position: relative; width: 15px; height: 14px; border: 0px solid transparent; margin: 0px 0px 5px 0px; padding: 0px; cursor: pointer; background-color: transparent; overflow: visible} #header .sub .header_sub_wrap .g_search fieldset button img {bottom: 0; left: 0; position: absolute} #header .sub .header_sub_wrap .g_search .popularity_word {position: absolute; right: 0px; top: 2px; width: 144px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis} #header .sub .header_sub_wrap .g_search .popularity_word a {color: white; font-weight: bold} #header .sub .header_sub_wrap h5.btn_category {position: absolute; z-index: 101; top: 19px; right: 126px; width: 84px} #header .sub .header_sub_wrap h5.btn_category a {display: block; width: 100%; height: 31px; text-indent: -9999px; overflow: hidden; background: url('//img.1300k.com/common/2015/btn_category.png') no-repeat left top} #header .sub .header_sub_wrap h5.btn_category a.on {background-position: left -114px} #header .sub .header_sub_wrap .category {display: none; position: absolute; z-index: 100; top: 49px; right: 0px; overflow: hidden; width: 220px; height: 216px; padding: 20px; background-color: white; border: 1px solid #252C43} #header .sub .header_sub_wrap .category .category_wrap {float: left; width: 89px} #header .sub .header_sub_wrap .category .category_wrap:first-child {padding-right: 19px; margin-right: 19px; border-right: 1px solid #EAE9EE} #header .sub .header_sub_wrap .category .category_wrap ul {padding-top: 4px; margin-top: 10px; border-top: 1px dashed #E0E0E0} #header .sub .header_sub_wrap .category .category_wrap ul:first-child {padding-top: 0px; margin-top: 0px; border-top: 0px} #header .sub .header_sub_wrap .category .category_wrap ul li {padding-top: 7px; font-size: 0px; line-height: 0} #header .sub .header_sub_wrap .category .category_wrap ul li a {font-size: 11px; line-height: 1; color: #656565} #header .sub .header_sub_wrap .category .category_wrap ul.shop_list li {letter-spacing: -1px} #header .sub .header_sub_wrap .category .category_wrap ul.shop_list li a {color: #A7A7A7; font-weight: bold} #header .sub .header_sub_wrap .member_menu {position: absolute; right: 38px; top: 15px; width: 65px; height: 20px} #header .sub .header_sub_wrap .menu_close {position: absolute; right: 0px; top: 15px; width: 20px; height: 20px} /* Header Banner Zone */ #header .banner_zone {position: relative} #header .banner_zone .banner_img {position: absolute; z-index: 13; top: -20px; left: 50%; width: 340px; height: 172px; margin-left: 150px} #header .banner_zone .banner_img img {width: 340px; height: 172px} #header .banner_zone .banner_img.wide {width: 600px; margin-left: 80px} #header .banner_zone .banner_img.wide img {width: 100%; height: auto} #header .banner_zone .banner_img .normal_bnr {display:block} #header .banner_zone .banner_img .wide_bnr {display:none} #header .banner_zone .banner_img.wide .normal_bnr {display:none} #header .banner_zone .banner_img.wide .wide_bnr {display:block} /* Container =================================================================*/ #container {overflow: hidden; min-width: 980px; width: 980px; margin: 0px auto} /* Family Site ===============================================================*/ #main_family {overflow:hidden; width:100%; margin-top:40px; border-top:1px solid #e9e9e9} #main_family p {width:980px; margin:0 auto} /* Footer ====================================================================*/ #footer {width: 100%; min-width: 980px; letter-spacing: -1px; word-spacing: 1px; background: url('//img.1300k.com/common/2015/bg_footer.png') repeat-x left top; margin-top: 40px; padding-bottom: 90px} #footer .foot_wrap {position: relative; width: 980px; margin: 0px auto} #footer .foot_wrap h2 {text-indent: -9999px; overflow: hidden; height: 12px; margin: 0px} #footer .foot_wrap ul.foot_menu {overflow: hidden; margin-bottom: 36px} #footer .foot_wrap ul.foot_menu li {float: left; padding: 0px 12px 0px 13px; background: url('//img.1300k.com/common/2015/bullet_fmenu.png') no-repeat left 1px} #footer .foot_wrap ul.foot_menu li:first-child {padding-left: 0px; background: none} #footer .foot_wrap ul.foot_menu li a {color: #7a7c81} #footer .foot_wrap ul.qna_menu {position: absolute; top: 12px; right: 0px} #footer .foot_wrap ul.qna_menu li {float: left; padding-left: 13px; margin-left: 12px; background: url('//img.1300k.com/common/2015/bullet_fmenu.png') no-repeat left 1px} #footer .foot_wrap ul.qna_menu li:first-child {padding-left: 0px; margin-left: 0px; background: none} #footer .foot_wrap ul.qna_menu li a {font-weight: bold; color: #5EC02D} #footer .foot_wrap p.copyright {line-height: 150%; color: #9F9F9F; margin-bottom: 12px} #footer .foot_wrap p.copyright a {color: #6D6D6D} #footer .foot_wrap p.copyright img {margin: 0px 4px} #footer .foot_wrap p.copyright strong.reserved {font-family: 'Tahoma'; letter-spacing: 0px} #footer .foot_wrap .user_insurance {position:absolute; top:63px; right:188px; width:234px; padding:14px; border:1px solid #E2E2E2; line-height:16px} #footer .foot_wrap .user_insurance h3 {font-size: 11px; color: #5A5A5A; margin-bottom:6px} #footer .foot_wrap .user_insurance p {color:#b3b3b3; letter-spacing:-1.4px} #footer .foot_wrap .user_insurance .insure_blk {overflow:hidden; margin-top:10px} #footer .foot_wrap .user_insurance .insure_blk a {display:block; float:left; height:17px} #footer .foot_wrap .user_insurance .insure_blk span {display:block; float:right; height:17px} #footer .foot_wrap .user_insurance ul {position: absolute; top: 0px; right: 0px} #footer .foot_wrap .user_insurance ul li a.btn_usafe {position: absolute; top: 30px; right: 22px; display: block; width: 120px; height: 48px} #footer .foot_wrap .user_insurance ul li a.btn_ftc {position: absolute; top: 110px; right: 0px; display: block; width: 42px; height: 30px} #footer .foot_wrap .user_insurance ul li .btn_etrust {position:absolute; top: 110px; right: 55px; display: block; width: 30px; height: 30px} #footer .foot_wrap .move_app {position:absolute; top:63px; right:0; width:171px} #footer .foot_wrap .move_app .txt {display:block; margin-bottom:15px; font-size:11px; color:#949494; letter-spacing:-0.7px; line-height:16px; text-decoration:none} #footer .foot_wrap .move_app .txt {display:block} #footer .foot_wrap .move_app .txt strong {display:inline-block; padding-right:10px; background:url('//img.1300k.com/common/2015/ico_arrow.png') no-repeat 100% 4px; *zoom:1} #footer .foot_wrap .move_app .app_blk {overflow:hidden} #footer .foot_wrap .move_app .app_blk a {display:block} #footer .foot_wrap .move_app .app_blk a.qr {float:left; width:59px; height:59px} #footer .foot_wrap .move_app .app_blk .download {float:right; width:99px; height:59px} #footer .foot_wrap .move_app .app_blk .download a {width:99px; height:27px} #footer .foot_wrap .move_app .app_blk .download a:first-child {margin-bottom:5px} #footer .foot_wrap .family_site {overflow: hidden; padding-top: 8px} #footer .foot_wrap .family_site h3 {padding-right: 6px; position: relative; top: 3px} #footer .foot_wrap .family_site h3, #footer .foot_wrap .family_site ul {float: left} #footer .foot_wrap .family_site ul li {float: left; margin: 0px 0px 0px 12px; font-size: 0; line-height: 0} #footer .foot_wrap .family_site ul li a {font-size: 12px; line-height: 1} #footer .foot_wrap .family_site ul li a img {vertical-align: top} #footer .foot_wrap .sns {position:static; margin-top:20px} /* #footer .foot_wrap .sns {position: absolute; bottom: 0px; right: 177px} */ #footer .foot_wrap .sns h3 {padding-right: 6px; position: relative; top: 4px} #footer .foot_wrap .sns h3, #footer .foot_wrap .sns ul {float: left} #footer .foot_wrap .sns ul li {float: left; margin: 0px 0px 0px 16px; font-size: 0; line-height: 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} /* 기타 헤더 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 .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}