@charset "UTF-8";
#container { width: 100%; }

.common_navigation { margin: 0 auto; }

#content.display_main { width: 100%; }

.common_footer { padding-top: 0 !important; }

.common_footer .service_support { border-top: 0 none !important; }

/* 레이어 팝업 */
.notice_lpop { -webkit-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.2); box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.2); }

.cmmain_notipop .notice_lpop { -webkit-box-shadow: none; box-shadow: none; }

/* 브랜딩 띠배너 */
.bn_brd_tti { height: 100px; background-position: 50% 0; background-repeat: no-repeat; text-align: center; }

.bn_brd_tti a { display: inline-block; width: 1280px; height: 100px; }

/* 모델컷 html코너 */
.main_model { position: relative; z-index: 50; }

.main_model_img { position: absolute; right: 50%; top: 0; margin-right: 690px; }

/* 임시영역 */
.banner_area { margin-top: 80px; text-align: center; }

.ssgmain_theme_store + .banner_area { margin-top: 120px; }

.banner_area + .ssgmain_subject { margin-top: 120px; }

/* 메인 sp 사용 */
.ssgmain_subject .ssgmain_subject_btnmore:after, .ssgmain_keyword .ssgmain_keyword_ico, .ssgmain_deal .ssgmain_deal_ico, .ssgmain_store .ssgmain_store_new, .ssgmain_theme_more .ssgmain_theme_btnmore:after, .ssgmain_subject2 .ssgmain_subject_ico, .ssgmain_myclip_sec .ssgmain_clipcnt_link:before, .ssgmain_sitemap_sec .ssgmain_sitemap_global, .ssgmain_sns .ssgmain_sns_btn:after, .ssgmain_myclip_sec .ssgmain_clipcnt_btnmore:after, .ssgmain_rank_keyword .ssg_cont_panel_btnmore:after, .ssgmain_theme_btngo:after { background: url(../img/common/sp_ssgmain.png) no-repeat; }

/* 메인상단 슬라이드 */
.ssgmain_topslide { position: relative; width: 1280px; margin: 0 auto; padding-top: 20px; }

.ssgmain_topslide .ssgmain_topslide_list { height: 719px; overflow-y: hidden; }

.ssgmain_topslide .ssgmain_topslide_tit { display: none; position: absolute; right: 340px; bottom: 0; left: 340px; z-index: 10; text-align: center; }

.ssgmain_topslide .ssgmain_topslide_titimg { max-width: 100%; max-height: 85px; vertical-align: bottom; }

.ssgmain_topslide .ssgmain_topslide_panel { height: 719px; }

.ssgmain_topslide .ssgmain_topslide_ctrl { position: absolute; right: 0; bottom: 0; z-index: 10; }

.ssgmain_topslide .ssgmain_topslide_ctrl:after { display: block; clear: both; content: ""; }

.ssgmain_topslide .ssgmain_topslide_pager { float: left; margin-right: 12px; font-family: "Roboto-Regular", sans-serif; font-size: 15px; line-height: 40px; color: #969696; }

.ssgmain_topslide .ssgmain_topslide_index { color: #222; }

.ssgmain_topslide .ssgmain_topslide_btn { float: left; }

.ssgmain_topslide .ssgmain_topslide_prev, .ssgmain_topslide .ssgmain_topslide_next, .ssgmain_topslide_auto { background: url(../img/common/sp_main_slide.png) no-repeat; }

.ssgmain_topslide .ssgmain_topslide_prev { width: 40px; height: 40px; background-position: 0 0; }

.ssgmain_topslide .ssgmain_topslide_prev:hover { background-position: 0 -100px; }

.ssgmain_topslide .ssgmain_topslide_next { width: 40px; height: 40px; background-position: -50px 0; }

.ssgmain_topslide .ssgmain_topslide_next:hover { background-position: -50px -100px; }

.ssgmain_topslide .ssgmain_topslide_auto { width: 30px; height: 40px; background-position: -150px -50px; }

.ssgmain_topslide .ssgmain_topslide_auto:hover { background-position: -150px -100px; }

.ssgmain_topslide .ssgmain_topslide_auto.on { background-position: -100px -50px; }

.ssgmain_topslide .ssgmain_topslide_auto.on:hover { background-position: -100px -100px; }

.ssgmain_topslide .sr_toggle .sr_off { display: block; }

.ssgmain_topslide .sr_toggle .sr_on { display: none; }

.ssgmain_topslide .sr_toggle.on .sr_off { display: none; }

.ssgmain_topslide .sr_toggle.on .sr_on { display: block; }

.main_model + .ssgmain_subject, .ssgmain_topslide + .ssgmain_subject { margin: 50px auto 0; }

.ssgmain_vvip .ssgmain_vvip_slide { position: relative; width: 1240px; margin: 0 auto; color: #af7451; font-family: "나눔바른고딕", NanumBarunGothic, dotum, sans-serif; }

.ssgmain_vvip .ssgmain_vvip_birthday { font-size: 46px; font-family: "Roboto-Regular", sans-serif; font-weight: bold; letter-spacing: 2px; }

.ssgmain_vvip .ssgmain_vvip_month { position: absolute; top: 395px; left: 106px; }

.ssgmain_vvip .ssgmain_vvip_day { position: absolute; top: 472px; left: 106px; }

.ssgmain_vvip .ssgmain_vvip_user { position: absolute; top: 385px; left: 338px; font-size: 32px; font-family: NanumBarunGothicBold, dotum, sans-serif; letter-spacing: 1.5px; line-height: 44px; }

.ssgmain_vvip .ssgmain_vvip_name { border-bottom: 1px solid #af7451; }

.ssgmain_vvip .ssgmain_vvip_btnview { position: absolute; top: 497px; left: 339px; width: 198px; height: 37px; background: url(../img/common/b.gif); }

.ssgmain_vvip .ssgmain_vvip_btnmov { position: absolute; width: 180px; height: 170px; background: url(../img/common/b.gif); }

.ssgmain_vvip .ssgmain_vvip_btnmov1 { top: 194px; right: 88px; }

.ssgmain_vvip .ssgmain_vvip_btnmov2 { top: 365px; right: 88px; }

.ssgmain_vvip .ssgmain_vvip_layer { display: none; position: absolute; top: 0; left: 50%; width: 1240px; height: 650px; margin-left: -620px; background: #f7f7f7; }

.ssgmain_vvip .ssgmain_vvip_tit { display: block; width: 89px; height: 16px; margin: 32px auto 29px; background: url(../img/vvip/sp_ssgmain_vvip.png) no-repeat; }

.ssgmain_vvip .ssgmain_vvip_playbx { width: 880px; height: 496px; margin: 0 auto; background-color: #fff; }

.ssgmain_vvip .ssgmain_vvip_player { display: none; width: 100%; height: 100%; }

.ssgmain_vvip .ssgmain_vvip_btnclose { position: absolute; top: 33px; right: 57px; width: 60px; height: 85px; background: url(../img/vvip/sp_ssgmain_vvip.png) no-repeat 0 -30px; }

.ssgmain_topgrid { width: 1240px; margin: 0 auto; }

.ssgmain_topgrid:after { display: block; clear: both; content: ""; }

.ssgmain_topgrid .ssgmain_topgrid_col { float: left; margin-left: 20px; }

.ssgmain_topgrid .ssgmain_topgrid_col:first-child { margin-left: 0; }

.ssgmain_topgrid .ssgmain_topgrid_col.ty_quarter { width: 300px; }

.ssgmain_topgrid .ssgmain_topgrid_col.ty_half { width: 600px; }

.ssgmain_topgrid .ssgmain_topgrid_col.ty_half:first-child:nth-last-child(2) { margin-left: 10px; }

.ssgmain_topgrid .ssgmain_topgrid_col.ty_full { width: 1240px; }

.ssgmain_topbn { position: relative; font-family: "나눔바른고딕", NanumBarunGothic, sans-serif; }

.ssgmain_topbn .ssgmain_topbn_link { display: block; text-decoration: none; }

.ssgmain_topbn .ssgmain_topbn_img { width: 100%; font-size: 12px; vertical-align: top; }

.ssgmain_topbn .ssgmain_topbn_detailbx { padding: 12px 20px 27px; }

.ssgmain_topbn .ssgmain_topbn_tit { display: block; font-size: 17px; line-height: 25px; color: #222; letter-spacing: -0.5px; }

.ssgmain_topbn .ssgmain_topbn_tit2 { font-size: 13px; line-height: 22px; color: #777; letter-spacing: -0.5px; }

:lang(en) .ssgmain_topbn .ssgmain_topbn_tit, :lang(en) .ssgmain_topbn .ssgmain_topbn_tit2, :lang(zh) .ssgmain_topbn .ssgmain_topbn_tit, :lang(zh) .ssgmain_topbn .ssgmain_topbn_tit2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ssgmain_topbn .ssgmain_topbn_badgearea { margin: -22px 0 0 18px; }

.ssgmain_topbn .ssgmain_topbn_badgearea:after { display: block; clear: both; content: ""; }

.ssgmain_topbn .cm_mall_ic { float: left; position: relative; z-index: 10; height: 40px; margin-right: -8px; border-radius: 22px; border: 2px solid #fff; }

.ssgmain_topbn .ssgmain_topbn_badge { float: left; position: relative; z-index: 10; height: 40px; margin-right: -8px; border-radius: 22px; border: 2px solid #fff; background: url(../img/common/sp_badge_mall.png) no-repeat; }

.ssgmain_topbn .ssgmain_topbn_badge.ssg { width: 97px; background-position: 0 0; }

.ssgmain_topbn .ssgmain_topbn_badge.sm { width: 84px; background-position: 0 -50px; }

.ssgmain_topbn .ssgmain_topbn_badge.sd { width: 102px; background-position: 0 -100px; }

.ssgmain_topbn .ssgmain_topbn_badge.em { width: 90px; background-position: 0 -150px; }

.ssgmain_topbn .ssgmain_topbn_badge.tr { width: 100px; background-position: 0 -200px; }

.ssgmain_topbn .ssgmain_topbn_badge.bt { width: 60px; background-position: 0 -250px; }

.ssgmain_topbn .ssgmain_topbn_badge.tv { width: 108px; background-position: 0 -300px; }

.ssgmain_topbn .ssgmain_topbn_badge.si { width: 113px; background-position: 0 -350px; }

.ssgmain_topbn .ssgmain_topbn_badge.sf { width: 96px; background-position: 0 -400px; }

.ssgmain_topbn .ssgmain_topbn_badge.hwd { width: 84px; background-position: 0 -450px; }

.ssgmain_topbn .ssgmain_topbn_badge.outlet { width: 133px; background-position: 0 -500px; }

.ssgmain_topbn .ssgmain_topbn_badge.mnmorning { width: 84px; background-position: 0 -550px; }

.ssgmain_topbn .ssgmain_topbn_benefit { float: left; position: relative; height: 40px; margin-right: -8px; padding: 0 17px; border-radius: 22px; border: 2px solid #fff; background: #fff; font-family: "Roboto-Regular", sans-serif; font-size: 25px; font-weight: bold; line-height: 40px; color: #222; letter-spacing: -1px; }

.ssgmain_topbn .ssgmain_topbn_benefit:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 20px; border: 1px solid #222; content: ""; }

.ssgmain_topbn .ssgmain_topbn_benefit .ssgmain_topbn_subtx { display: inline-block; margin: 2px 0 0 2px; font-family: NanumBarunGothicBold, dotum, sans-serif; font-size: 15px; font-weight: normal; letter-spacing: 0; vertical-align: top; }

.ssgmain_topgrid .ssgmain_topgrid_col.ty_half .ssgmain_topbn_badgearea { position: absolute; top: 10px; left: 10px; margin: 0; }

.ssgmain_topgrid .ssgmain_topgrid_col.ty_half .ssgmain_topbn_badge { margin-right: -5px; border: 0; }

.ssgmain_topgrid .ssgmain_topgrid_col.ty_half .cm_mall_ic { margin-right: -5px; border: 0; }

.ssgmain_topgrid .ssgmain_topgrid_col.ty_half .ssgmain_topbn_benefit { border: 0; margin-right: -5px; }

.ssgmain_topgrid .ssgmain_topgrid_col.ty_half .ssgmain_topbn_detailbx { position: absolute; top: 483px; left: 0; width: 260px; padding: 28px 0 27px 30px; background: #fff; background: rgba(255, 255, 255, 0.8); }

:lang(en) .ssgmain_topgrid .ssgmain_topgrid_col.ty_half .ssgmain_topbn_detailbx { padding-right: 20px; }

.ssgmain_topgrid .ssgmain_topgrid_col.ty_half .ssgmain_topbn_tit { font-size: 20px; letter-spacing: -1px; }

.ssgmain_topgrid .ssgmain_topgrid_col.ty_half .ssgmain_topbn_tit2 { margin-top: 3px; }

.ssgmain_topgrid .ssgmain_topgrid_col.ty_full .ssgmain_topbn_badgearea { position: absolute; top: 10px; left: 10px; margin: 0; }

.ssgmain_topgrid .ssgmain_topgrid_col.ty_full .ssgmain_topbn_badge { margin-right: -5px; border: 0; }

.ssgmain_topgrid .ssgmain_topgrid_col.ty_full .cm_mall_ic { margin-right: -5px; border: 0; }

.ssgmain_topgrid .ssgmain_topgrid_col.ty_full .ssgmain_topbn_benefit { border: 0; margin-right: -5px; }

@media \0screen { .ssgmain_topbn .ssgmain_topbn_badge { border-color: transparent; } }

/* 메인테마 공통 */
.ssgmain_subject { position: relative; width: 1280px; min-height: 35px; margin: 80px auto 0; background: url(../img/common/bg_dot_line.png) repeat-x 0 24px; font-family: "나눔바른고딕", NanumBarunGothic, dotum, sans-serif; text-align: center; word-break: break-all; }

.ssgmain_subject .ssgmain_subject_tit { display: inline-block; margin-bottom: -2px; padding: 2px 40px 0; background: #fff; font-family: NanumBarunGothicBold, dotum, sans-serif; font-size: 25px; font-weight: normal; line-height: 25px; color: #222; letter-spacing: 1px; vertical-align: top; }

.ssgmain_subject .ssgmain_subject_copy { margin-top: 13px; font-size: 15px; line-height: 25px; color: #777; }

.ssgmain_subject .ssgmain_subject_btnmore { position: absolute; right: 0; bottom: 5px; min-width: 98px; border: 1px solid #d5d5d5; font-size: 12px; line-height: 38px; color: #777; text-align: center; text-decoration: none; }

.ssgmain_subject .ssgmain_subject_btnmore:after { display: inline-block; width: 17px; height: 9px; margin: 14px 0 0 6px; background-position: -110px 0; vertical-align: top; content: ""; }

.ssgmain_subject2 { width: 1280px; margin: 0 auto; background: url(../img/common/bg_dot_line.png) repeat-x 0 19px; text-align: center; word-break: break-all; }

.ssgmain_subject2 .ssgmain_subject_tit { display: inline-block; margin-bottom: -2px; padding: 2px 40px 0; background: #fff; font-family: NanumBarunGothicBold, dotum, sans-serif; font-size: 19px; font-weight: normal; line-height: 20px; color: #222; letter-spacing: 6px; vertical-align: top; }

.ssgmain_subject2 .ssgmain_subject_eng { display: inline-block; font-family: "Roboto-Medium", sans-serif; font-size: 20px; font-weight: bold; line-height: 20px; vertical-align: top; }

.ssgmain_subject2 .ssgmain_subject_ico { display: inline-block; width: 40px; height: 40px; margin: -10px 6px -10px 0; background-position: -290px 0; vertical-align: top; }

.ssgmain_theme_sec { width: 1280px; margin: 30px auto 0; }

.ssgmain_theme_sec + .ssgmain_theme_sec { margin-top: 40px; }

.ssgmain_theme_sec.ssgmain_theme_item, .ssgmain_theme_sec.ssgmain_theme_planitem, .ssgmain_theme_sec.ssgmain_theme_planitem2, .ssgmain_theme_sec.ssgmain_theme_sns { padding-bottom: 15px; }

.ssgmain_theme_sec.ssgmain_theme_store .ssgmain_grid { margin-top: 35px; }

.ssgmain_theme_sec.ssgmain_theme_store .ssgmain_grid:first-child { margin-top: 0; }

.ssgmain_theme_sec.ssgmain_theme_store .cmplan_detailbx { padding-bottom: 0; }

.ssgmain_theme_loading { width: 1280px; height: 60px; margin: 40px auto 0; background: url(../img/common/loading.gif) no-repeat 50% 50%; }

.ssgmain_theme_more { width: 1280px; margin: 40px auto 0; text-align: center; }

.ssgmain_theme_more .ssgmain_theme_btnmore { position: relative; width: 900px; height: 60px; border: 1px solid #222; -webkit-box-shadow: 4px 4px #f8f8f8; box-shadow: 4px 4px #f8f8f8; font-family: NanumBarunGothicBold, dotum, sans-serif; font-size: 15px; line-height: 58px; color: #222; letter-spacing: -0.3px; }

.ssgmain_theme_more .ssgmain_theme_btnmore:after { display: inline-block; width: 16px; height: 10px; margin: 24px 0 0 10px; background-position: -110px -20px; vertical-align: top; content: ""; }

.ssgmain_grid:after { display: block; clear: both; content: ""; }

.ssgmain_gridcol2 { float: left; width: 620px; margin-left: 40px; }

.ssgmain_gridcol2:first-child { margin-left: 0; }

.ssgmain_gridcol3 { float: left; width: 400px; margin-left: 40px; }

.ssgmain_gridcol3:first-child { margin-left: 0; }

.ssgmain_keyword { position: relative; height: 341px; border: 1px solid #ff5b59; -webkit-box-shadow: 4px 4px #f8f8f8; box-shadow: 4px 4px #f8f8f8; font-family: "나눔바른고딕", NanumBarunGothic, dotum, sans-serif; font-size: 0; text-align: center; }

.ssgmain_keyword:after { display: inline-block; width: 0; height: 100%; vertical-align: middle; content: ""; }

.ssgmain_keyword .ssgmain_keyword_inner { display: inline-block; position: relative; width: 100%; font-size: 12px; vertical-align: middle; }

.ssgmain_keyword .ssgmain_keyword_ico { display: inline-block; width: 40px; height: 40px; background-position: 0 0; vertical-align: top; }

.ssgmain_keyword .ssgmain_keyword_tit { margin-top: 11px; font-size: 18px; line-height: 20px; color: #222; letter-spacing: -0.5px; }

.ssgmain_keyword .ssgmain_keyword_btnlist { overflow: hidden; max-height: 70px; margin-top: 25px; font-size: 0; }

.ssgmain_keyword .ssgmain_keyword_btnitem { display: inline-block; max-width: 90%; margin: 5px 2px 0 3px; vertical-align: top; }

.ssgmain_keyword .ssgmain_keyword_btn { display: inline-block; overflow: hidden; max-width: 100%; padding: 0 14px; border: 1px solid #d8d8d8; border-radius: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px; line-height: 28px; color: #666; letter-spacing: -0.3px; vertical-align: top; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; }

.ssgmain_keyword .ssgmain_keyword_btn:hover { color: #ff5b59; border: 1px solid #ff5b59; }

/* 메인테마 해바/오반장 */
.ssgmain_deal { position: relative; height: 472px; border-width: 1px; border-style: solid; -webkit-box-shadow: 4px 4px #f8f8f8; box-shadow: 4px 4px #f8f8f8; font-family: "나눔바른고딕", NanumBarunGothic, dotum, sans-serif; font-size: 0; text-align: center; word-break: break-all; }

.ssgmain_deal .ssgmain_deal_link { display: block; position: relative; height: 100%; padding-top: 39px; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; }

.ssgmain_deal .ssgmain_deal_ico { display: block; margin: 0 auto; }

.ssgmain_deal .ssgmain_deal_tit { overflow: hidden; max-height: 48px; margin-top: 20px; font-size: 18px; line-height: 24px; color: #222; letter-spacing: -0.5px; }

.ssgmain_deal .ssgmain_deal_imgbx { overflow: hidden; width: 240px; height: 240px; margin: 13px auto 0; border-radius: 120px; }

.ssgmain_deal .ssgmain_deal_img { vertical-align: top; }

.ssgmain_deal .ssgmain_deal_itemtx { overflow: hidden; height: 16px; margin-top: 11px; padding: 0 20px; font-size: 13px; line-height: 16px; color: #777; letter-spacing: -0.3px; white-space: nowrap; text-overflow: ellipsis; }

.ssgmain_deal .ssgmain_deal_pricebx { height: 24px; }

.ssgmain_deal .ssgmain_deal_pricebar { display: inline-block; margin: 5px 0 0 2px; font-family: NanumBarunGothicBold, dotum, sans-serif; font-size: 15px; line-height: 17px; vertical-align: top; }

.ssgmain_deal .ssgmain_deal_optprice { display: inline-block; font-family: "Roboto-Medium", NanumBarunGothicBold, dotum, sans-serif; line-height: 24px; color: #222; vertical-align: top; }

.ssgmain_deal .ssgmain_deal_optprice .ssgmain_deal_price { font-size: 20px; letter-spacing: -0.5px; }

.ssgmain_deal .ssgmain_deal_optprice .ssgmain_deal_pricetx { display: inline-block; margin-top: 8px; font-family: "나눔바른고딕", NanumBarunGothic, dotum, sans-serif; font-size: 11px; line-height: 12px; vertical-align: top; }

.ssgmain_deal .ssgmain_deal_orgprice { display: inline-block; margin: 5px 0 0 6px; line-height: 16px; color: #777; vertical-align: top; }

.ssgmain_deal .ssgmain_deal_orgprice .ssgmain_deal_price { font-family: "Roboto-Regular", "나눔바른고딕", NanumBarunGothic, dotum, sans-serif; font-size: 14px; letter-spacing: -0.5px; }

.ssgmain_deal .ssgmain_deal_orgprice .ssgmain_deal_pricetx { display: inline-block; margin-top: 2px; font-size: 11px; line-height: 12px; vertical-align: top; }

.ssgmain_deal_hb { border-color: #3fd3ff; }

.ssgmain_deal_hb .ssgmain_deal_ico { width: 159px; height: 32px; background-position: 0 -110px; }

.ssgmain_deal_obj { border-color: #ffd800; }

.ssgmain_deal_obj .ssgmain_deal_ico { width: 121px; height: 28px; background-position: -170px -110px; }

.ssgmain_deal_obj .ssgmain_deal_tit { margin-top: 24px; }

/* 메인테마 공식스토어 */
.ssgmain_store .ssgmain_store_tagarea { position: absolute; top: 0; left: 0; }

/* 363218 오픈 후 삭제 */
.ssgmain_store .ssgmain_store_new { display: inline-block; width: 55px; height: 25px; background-position: -50px 0; vertical-align: top; }

/* //363218 오픈 후 삭제 */
.ssgmain_store .ssgmain_store_open { display: inline-block; vertical-align: top; background: url(../img/common/ic_open.png) no-repeat 0 0; width: 64px; height: 25px; }

.ssgmain_store .ssgmain_store_util { position: absolute; }

.ssgmain_store .cm_clip_item a.sel_clip { width: 40px; height: 40px; margin-right: 0; background-image: url(../img/common/sp_ssgmain.png) !important; background-position: -240px 0; }

.ssgmain_store .cm_clip_item.on a.sel_clip { background-position: -290px 0; }

.ssgmain_store_default .ssgmain_store_util { right: 9px; bottom: 40px; }

.ssgmain_store_wide .ssgmain_store_util { right: 295px; bottom: 50px; }

.ssgmain_store_wide .ssgmain_store_item { position: absolute; right: 0; bottom: 0; }

.ssgmain_store_wide .ssgmain_store_item:after { display: block; clear: both; content: ""; }

.ssgmain_store_wide .ssgmain_store_itemlink { float: left; position: relative; }

.ssgmain_store_wide .ssgmain_store_itemlink:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../img/common/bg_black_opct2.png); content: ""; }

.ssgmain_theme_store + .ssgmain_subject { margin-top: 120px; }

/* 메인테마 쓱스타그램 */
.ssgmain_sns { font-family: "나눔바른고딕", NanumBarunGothic, dotum, sans-serif; }

.ssgmain_sns .ssgmain_sns_tablist { float: left; margin-right: 12px; }

.ssgmain_sns .ssgmain_sns_tablist:after { display: block; clear: both; content: ""; }

.ssgmain_sns .ssgmain_sns_tablist > li { float: left; margin-left: 3px; }

.ssgmain_sns .ssgmain_sns_tablist > li:first-child { margin-left: 0; }

.ssgmain_sns .ssgmain_sns_btn { position: relative; width: 44px; height: 44px; }

.ssgmain_sns .ssgmain_sns_btn:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: -190px 0; content: ""; }

.ssgmain_sns .ssgmain_sns_tithash { overflow: hidden; padding-top: 2px; font-size: 20px; line-height: 42px; color: #222; letter-spacing: -0.5px; white-space: nowrap; text-overflow: ellipsis; }

.ssgmain_sns .ssgmain_sns_itempanel { display: none; }

.ssgmain_sns .on .ssgmain_sns_btn:after { background-position: -140px 0; }

.ssgmain_sns .ssgmain_sns_itempanel.on { display: block; }

.ssgmain_theme_sns:after { display: block; clear: both; content: ""; }

.ssgmain_theme_sns .ssgmain_sns { overflow: hidden; float: left; width: 386px; margin-left: 61px; }

.ssgmain_theme_sns .ssgmain_sns:first-child { margin-left: 0; }

/* 메인테마 오늘의소식 */
.ssgmain_theme_news .ssgmain_keyword { height: 244px; }

/* 메인테마 상품목록 */
.ssgmain_theme_item { margin-top: 0; }

/* 메인테마 상품+기획전 */
.ssgmain_theme_itemplan, .ssgmain_theme_planitem, .ssgmain_theme_urr { margin-top: 0; }

.ssgmain_theme_itemplan .ssgmain_grid { margin-top: 16px; }

.ssgmain_theme_planitem2 .ssgmain_keyword .ssgmain_keyword_btnlist { max-height: 210px; margin-top: 15px; }

.ssgmain_theme_planitem2 .ssgmain_keyword .ssgmain_keyword_btnitem { display: block; margin-right: auto; margin-left: auto; }

.ssgmain_theme_urr ul.cunit_thmb_lst { display: inline; }

.ssgmain_theme_urr a.btn_theme_urr_more { display: inline-block; padding-top: 30px; }

/* 메인테마에서 공통UI 분기 */
/* 공통상품유닛 분기 */
.ssgmain_sns .cunit_thmb_lst3 { width: 100%; }

.ssgmain_sns .cunit_thmb_lst > li { padding-top: 10px; }

.ssgmain_theme_planitem .cunit_thmb_lst > li.ssgmain_planbx { width: 620px; padding-bottom: 10px; }

.ssgmain_theme_planitem .cunit_thmb_lst > li:nth-child(4n + 4) { margin-right: 40px; }

.ssgmain_theme_planitem .cunit_thmb_lst > li:nth-child(4n + 3) { margin-right: 0; }

@media \0screen { .ssgmain_theme_planitem .cunit_thmb_lst > li.ssgmain_planbx { margin-right: 20px; } }

/* 공통기획전배너(.cmplan_unit) 분기 */
.cmplan_unit.ssgmain_mgz .cmplan_tit2 { margin-top: 1px; }

.cmplan_unit.ssgmain_store_default .cmplan_detailbx { padding-right: 60px; }

.cmplan_unit.ssgmain_store_wide .cmplan_detailbx { height: 120px; padding-right: 350px; padding-bottom: 0; }

.ssgmain_theme_news .ssgmain_deal + .cmplan_unit { margin-top: 40px; }

.ssgmain_theme_planitem .cmplan_unit .cmplan_detailbx { padding-bottom: 0; }

.ssgmain_theme_planitem2 .cmplan_unit .cmplan_detailbx { padding-bottom: 10px; }

/* //메인테마에서 공통UI 분기 */
/* for you */
.ssgmain_foryou_sec { margin-top: 120px; }

.ssgmain_foryou_sec .ssgmain_subject2 { margin-bottom: 40px; }

/* my clip */
.ssgmain_myclip_sec { width: 1280px; margin: 90px auto 0; font-family: "나눔바른고딕", NanumBarunGothic, dotum, sans-serif; }

.ssgmain_myclip_sec .ssgmain_subject2 { margin-bottom: 42px; }

.ssgmain_myclip_sec .ssgmain_clipcnt { float: left; width: 200px; height: 372px; padding: 24px 5px 0 19px; border: 1px solid #e7e7e7; -webkit-box-sizing: border-box; box-sizing: border-box; }

.ssgmain_myclip_sec .ssgmain_clipcnt_tit { font-size: 18px; font-weight: normal; line-height: 24px; color: #222; letter-spacing: -1px; }

.ssgmain_myclip_sec .ssgmain_clipcnt_list { margin-top: 30px; }

.ssgmain_myclip_sec .ssgmain_clipcnt_list:after { display: block; clear: both; content: ""; }

.ssgmain_myclip_sec .ssgmain_clipcnt_item { margin-top: 25px; }

.ssgmain_myclip_sec .ssgmain_clipcnt_item:first-child { margin-top: 0; }

.ssgmain_myclip_sec .ssgmain_clipcnt_link { display: block; font-size: 12px; line-height: 24px; color: #222; letter-spacing: -0.5px; text-decoration: none; }

.ssgmain_myclip_sec .ssgmain_clipcnt_link:hover { text-decoration: underline; }

.ssgmain_myclip_sec .ssgmain_clipcnt_link:before { display: inline-block; vertical-align: middle; content: ""; }

.ssgmain_myclip_sec .ssgmain_ico_prdt:before { width: 25px; height: 25px; margin: 0 18px 0 3px; background-position: 0 -60px; }

.ssgmain_myclip_sec .ssgmain_ico_brd:before { width: 30px; height: 26px; margin: 0 15px 0 1px; background-position: -40px -60px; }

.ssgmain_myclip_sec .ssgmain_ico_ctgr:before { width: 30px; height: 30px; margin: 0 15px 0 1px; background-position: -80px -60px; }

.ssgmain_myclip_sec .ssgmain_ico_cnts:before { width: 31px; height: 29px; margin-right: 15px; background-position: -120px -60px; }

.ssgmain_myclip_sec .ssgmain_clipcnt_num { display: inline-block; margin: -2px 0 0 6px; font-family: "Roboto-Medium", sans-serif; font-size: 20px; color: #ff3e3e; line-height: 24px; vertical-align: middle; }

.ssgmain_myclip_sec .ssgmain_clipcnt_more { margin: 33px 14px 0 0; border-top: 1px solid #e7e7e7; }

.ssgmain_myclip_sec .ssgmain_clipcnt_btnmore { display: block; padding: 17px 0; line-height: 14px; color: #777; text-align: center; }

.ssgmain_myclip_sec .ssgmain_clipcnt_btnmore:hover { text-decoration: underline; }

.ssgmain_myclip_sec .ssgmain_clipcnt_btnmore:after { display: inline-block; width: 17px; height: 9px; margin: 2px 0 0 6px; background-position: -110px 0; vertical-align: top; content: ""; }

.ssgmain_myclip_sec .ssgmain_cliplist { overflow: hidden; min-height: 320px; margin-left: 220px; background: url(../img/common/bg_dot_line_v.png) -20px 0; }

.ssgmain_myclip_sec .ssgmain_clipctrl { clear: both; width: 80px; margin: 20px auto 0; }

.ssgmain_myclip_sec .ssgmain_clipctrl:after { display: block; clear: both; content: ""; }

.ssgmain_myclip_sec .ssgmain_clipctrl_prev, .ssgmain_myclip_sec .ssgmain_clipctrl_next { float: left; width: 40px; height: 40px; background: url(../img/common/sp_main_slide.png) no-repeat; }

.ssgmain_myclip_sec .ssgmain_clipctrl_prev { background-position: 0 0; }

.ssgmain_myclip_sec .ssgmain_clipctrl_prev:hover { background-position: 0 -100px; }

.ssgmain_myclip_sec .ssgmain_clipctrl_prev.disabled { background-position: 0 -50px; }

.ssgmain_myclip_sec .ssgmain_clipctrl_next { background-position: -50px 0; }

.ssgmain_myclip_sec .ssgmain_clipctrl_next:hover { background-position: -50px -100px; }

.ssgmain_myclip_sec .ssgmain_clipctrl_next.disabled { background-position: -50px -50px; }

/* 공통상품유닛 분기 */
.ssgmain_myclip_sec .cunit_thmb_lst { width: 1060px; }

.ssgmain_myclip_sec .cunit_thmb_lst6 > li { padding-top: 0; }

.ssgmain_myclip_sec .cunit_thmb_lst6 > li:nth-child(5n + 5) { margin-right: 0; }

.ssgmain_myclip_sec .cunit_thmb_lst6 > li:nth-child(6n + 6) { margin-right: 40px; }

@media \0screen { .ssgmain_myclip_sec .ssgmain_cliplist { background: none; } }

/* sitemap */
.ssgmain_sitemap_sec { margin-top: 50px; padding: 57px 0 30px; background: #f8f8f8; font-family: "나눔바른고딕", NanumBarunGothic, dotum, sans-serif; }

.ssgmain_sitemap_sec .ssgmain_sitemap { width: 1190px; margin: 0 auto; padding: 30px 45px; border-top: 2px solid #222; background: #fff; }

.ssgmain_sitemap_sec .ssgmain_sitemap:after { display: block; clear: both; content: ""; }

.ssgmain_sitemap_sec .ssgmain_sitemap_list { float: left; width: 175px; margin-left: 28px; letter-spacing: -0.5px; }

.ssgmain_sitemap_sec .ssgmain_sitemap_list:first-child { margin-left: 0; }

.ssgmain_sitemap_sec .ssgmain_sitemap_tit { margin-bottom: 13px; font-family: NanumBarunGothicBold, dotum, sans-serif; font-size: 13px; color: #222; line-height: 15px; }

.ssgmain_sitemap_sec .ssgmain_sitemap_link { display: inline-block; overflow: hidden; max-width: 100%; line-height: 30px; color: #666; vertical-align: top; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; }

.ssgmain_sitemap_sec .ssgmain_sitemap_link:hover { text-decoration: underline; }

.ssgmain_sitemap_sec .ssgmain_sitemap_btn { display: inline-block; margin-top: 4px; padding: 2px 8px 0 6px; border: 1px solid #dcdcdc; border-radius: 2px; line-height: 17px; color: #555; vertical-align: top; text-decoration: none; }

.ssgmain_sitemap_sec .ssgmain_sitemap_btn:after { display: inline-block; margin: 4px 0 0 6px; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 4px solid #ff5b59; vertical-align: top; content: ""; }

.ssgmain_sitemap_sec .ssgmain_sitemap_global { display: block; width: 300px; height: 20px; margin: 25px auto 0; background-position: 0 -150px; }

/* 고해상도 대응 */
@media screen and (-webkit-min-device-pixel-ratio: 2) { .ssgmain_subject .ssgmain_subject_btnmore:after, .ssgmain_keyword .ssgmain_keyword_ico, .ssgmain_deal .ssgmain_deal_ico, .ssgmain_store .ssgmain_store_new, .ssgmain_theme_more .ssgmain_theme_btnmore:after, .ssgmain_subject2 .ssgmain_subject_ico, .ssgmain_myclip_sec .ssgmain_clipcnt_link:before, .ssgmain_sitemap_sec .ssgmain_sitemap_global, .ssgmain_sns .ssgmain_sns_btn:after, .ssgmain_myclip_sec .ssgmain_clipcnt_btnmore:after { background-image: url(../img/common/sp_ssgmain_2x.png); background-size: 500px auto; }
    .ssgmain_store .ssgmain_store_open { background-image: url(../img/common/ic_open_2x.png); background-size: 64px auto; }
    .ssgmain_store .cm_clip_item a.sel_clip { background-image: url(../img/common/sp_ssgmain_2x.png) !important; background-size: 500px auto; }
    .ssgmain_topslide .ssgmain_topslide_prev, .ssgmain_topslide .ssgmain_topslide_next, .ssgmain_topslide_auto, .ssgmain_myclip_sec .ssgmain_clipctrl_prev, .ssgmain_myclip_sec .ssgmain_clipctrl_next, .cmgrand_open_btn .cmgrand_open_btnprev, .cmgrand_open_btn .cmgrand_open_btnnext { background-image: url(../img/common/sp_main_slide_2x.png); background-size: 180px auto; }
    .ssgmain_topbn .ssgmain_topbn_badge { background-image: url(../img/common/sp_badge_mall_2x.png); background-size: 200px auto; } }

/* 급상승검색어 */
.ssgmain_theme_sec.ssgmain_rank_keyword, .ssgmain_theme_sec.ssgmain_rank_order { position: relative; left: 0; }

.ssgmain_theme_sec .rank_tab_list { width: 1280px; height: 45px; font-size: 15px; border: 1px solid #e7e7e7; }

.ssgmain_theme_sec .rank_tab_list li { float: left; display: inline-block; width: 128px; text-align: center; }

.ssgmain_theme_sec .rank_tab_list button { display: block; font-family: "나눔바른고딕", NanumBarunGothic, dotum, sans-serif; letter-spacing: -0.4px; color: #222; width: 100%; height: 45px; line-height: 18px; text-align: center; vertical-align: middle; }

.ssgmain_theme_sec .rank_tab_list li.on { background-color: #222; }

.ssgmain_theme_sec .rank_tab_list li.on button { color: #fff; }

.ssgmain_theme_sec .keyword_info { font-size: 12px; letter-spacing: -0.3px; color: #969696; line-height: 14px; text-align: right; font-family: "나눔바른고딕", NanumBarunGothic, sans-serif; padding-bottom: 8px; }

.ssgmain_theme_sec.ssgmain_rank_keyword .rank_tab_cont { padding: 30px 0 0 20px; position: relative; overflow: hidden; }

.ssgmain_rank_keyword .srank_tab_list { position: relative; width: 270px; }

.ssgmain_rank_keyword .srank_tab_list li { float: left; width: 125px; text-align: center; }

.ssgmain_rank_keyword .srank_tab_list li button { font-size: 13px; font-family: "나눔바른고딕", NanumBarunGothic, dotum, sans-serif; color: #969696; border-bottom: 4px solid #e7e7e7; width: 100%; padding-bottom: 5px; }

.ssgmain_rank_keyword .srank_tab_list li.on button { border-bottom: 4px solid #000; color: #000; }

.ssgmain_rank_keyword .srank_tab_cont { position: relative; display: block; float: left; width: 1240px; }

.ssgmain_rank_keyword .srank_tab_cont .rank_flip { min-height: 436px; }

.ssgmain_rank_keyword .srank_tab_cont .ssg_cont_panel { position: relative; float: left; width: 1260px; padding-top: 18px; }

.ssgmain_rank_keyword .srank_tab_cont .ssg_cont_panel .rank_nowbest_tab { width: 290px; position: relative; height: 37px; line-height: 48px; }

.ssgmain_rank_keyword .srank_tab_cont .ssg_cont_panel a.rank_link { display: block; position: relative; padding: 0; text-overflow: ellipsis; white-space: nowrap; color: #000; font-family: NanumBarunGothicBold, sans-serif; font-size: 14px; }

.ssgmain_rank_keyword .srank_tab_cont .ssg_cont_panel a.rank_link .rank_num { display: inline-block; text-align: center; width: 40px; color: #777; font-family: "나눔바른고딕", NanumBarunGothic, sans-serif; font-size: 14px; font-weight: normal; }

.ssgmain_rank_keyword .srank_tab_cont .ssg_cont_panel a.rank_link .rank_tx { display: inline-block; width: 165px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; }

.ssgmain_rank_keyword .srank_tab_cont .ssg_cont_panel a.rank_link .rank_ico { display: inline-block; width: 11px; height: 10px; margin-top: 18px; background: url(../img/common_layout/sp_cmjump_rank_ico.png) no-repeat; vertical-align: top; }

.ssgmain_rank_keyword .srank_tab_cont .ssg_cont_panel a.rank_link .rank_up { color: #ff5b59; }

.ssgmain_rank_keyword .srank_tab_cont .ssg_cont_panel a.rank_link .rank_up .rank_ico { width: 11px; height: 10px; background-position: 0 0; }

.ssgmain_rank_keyword .srank_tab_cont .ssg_cont_panel a.rank_link .rank_down { color: #343aa3; }

.ssgmain_rank_keyword .srank_tab_cont .ssg_cont_panel a.rank_link .rank_down .rank_ico { background-position: 0 -50px; }

.ssgmain_rank_keyword .srank_tab_cont .ssg_cont_panel a.rank_link .rank_same .rank_ico { height: 1px; margin: 0; background-position: 0 -100px; vertical-align: middle; }

.ssgmain_rank_keyword .srank_tab_cont .ssg_cont_panel a.rank_link .rank_new { color: #000; }

.ssgmain_rank_keyword .srank_tab_cont .ssg_cont_panel a.rank_link .rank_new .rank_ico { width: 23px; background-position: 0 -150px; }

.rank_order_item .rank_order_top { display: block; }

.rank_order_item .rank_state { display: inline-block; position: relative; }

.rank_order_item .rank_order_top .rank_num { display: inline-block; color: #000; font-family: "나눔바른고딕", NanumBarunGothic, sans-serif; font-size: 14px; font-weight: normal; }

.rank_order_item .rank_order_top .rank_ico { display: inline-block; width: 11px; height: 10px; margin-left: 5px; background: url(../img/common_layout/sp_cmjump_rank_ico.png) no-repeat; vertical-align: top; }

.rank_order_item .rank_order_top .rank_up { color: #ff5b59; }

.rank_order_item .rank_order_top .rank_up .rank_ico { width: 11px; height: 10px; background-position: 0 0; margin-top: 3px; }

.rank_order_item .rank_order_top .rank_down { color: #343aa3; }

.rank_order_item .rank_order_top .rank_down .rank_ico { background-position: 0 -50px; margin-top: 4px; }

.rank_order_item .rank_order_top .rank_same .rank_ico { height: 1px; margin: -10px 0 0 5px; background-position: 0 -100px; vertical-align: middle; }

.rank_order_item .rank_order_top .rank_new { color: #000; }

.rank_order_item .rank_order_top .rank_new .rank_ico { width: 23px; background-position: 0 -150px; }

.rank_order_item .rank_order_top .rank_count { padding: 0; text-overflow: ellipsis; white-space: nowrap; font-family: NanumBarunGothicBold, sans-serif; font-size: 14px; }

.ssgmain_rank_keyword .srank_tab_cont .ssg_cont_panel .rank_nowbest_cont { display: none; }

.ssgmain_theme_sec.ssgmain_rank_order .rank_tab_cont { padding-top: 10px; }

/* 급상승검색어 탭수정 #374896 */
.ssgmain_theme_sec.ssgmain_rank_keyword.v2, .ssgmain_theme_sec.ssgmain_rank_order.v2 { position: relative; left: 0; }

.ssgmain_theme_sec.v2 .rank_tab_list { width: 1280px; height: 45px; font-size: 15px; border: 1px solid #e7e7e7; display: table; table-layout: fixed; }

.ssgmain_theme_sec.v2 .rank_tab_list li { float: none; display: table-cell; width: auto; text-align: center; }

.ssgmain_theme_sec.v2 .rank_tab_list button { display: block; font-family: "나눔바른고딕", NanumBarunGothic, dotum, sans-serif; letter-spacing: -0.4px; color: #222; width: 100%; height: 45px; line-height: 18px; text-align: center; vertical-align: middle; }

.ssgmain_theme_sec.v2 .rank_tab_list li.on { background-color: #222; }

.ssgmain_theme_sec.v2 .rank_tab_list li.on button { color: #fff; }

.ssgmain_theme_sec.v2 .keyword_info { font-size: 12px; letter-spacing: -0.3px; color: #969696; line-height: 14px; text-align: right; font-family: "나눔바른고딕", NanumBarunGothic, sans-serif; padding-bottom: 8px; }

.ssgmain_theme_sec.ssgmain_rank_keyword.v2 .rank_tab_cont { padding: 30px 0 0 20px; position: relative; overflow: hidden; min-height: 480px; }

.ssgmain_theme_sec.ssgmain_rank_order.v2 .rank_tab_cont { padding-top: 10px; min-height: 590px; }

/* //급상승검색어 탭수정 */
.ssgmain_rank_keyword .srank_tab_cont .ssg_cont_panel .on .rank_nowbest_tab { position: relative; line-height: 48px; z-index: 999; }

.ssgmain_rank_keyword .srank_tab_cont .ssg_cont_panel .on .rank_nowbest_tab .rank_more { display: block; position: absolute; top: 0; bottom: 0; left: -20px; width: 320px; height: 47px; background: url(../img/common_layout/rank_tab_bg.png) no-repeat; content: ""; }

.ssgmain_rank_keyword .srank_tab_cont .ssg_cont_panel .on .rank_nowbest_cont { display: block; position: absolute; top: -50px; left: 290px; width: 970px; height: 100%; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 9; }

.ssgmain_rank_keyword .srank_tab_cont .ssg_cont_panel .on .rank_nowbest_cont:before { position: absolute; top: 30px; left: -19px; width: 1px; height: 415px; background: #e7e7e7; content: ""; }

.ssgmain_rank_keyword .srank_tab_cont .ssg_cont_panel .bx_pro_cont { width: 100%; }

.ssgmain_rank_keyword .srank_tab_cont .ssg_cont_panel .bx_pro_cont { margin: 0; padding: 0 0 0 30px; height: 100%; width: 870px; }

.ssgmain_rank_keyword .srank_tab_cont .ssg_cont_panel .bx_pro_cont .cunit_thmb_lst li.cunit_t290 { margin-right: 20px; }

.ssgmain_rank_keyword .srank_tab_cont .ssg_cont_panel .bx_pro_ctrl { position: absolute; top: 0; left: 0; width: 100%; z-index: 99; }

.ssgmain_rank_keyword .srank_tab_cont .ssg_cont_panel .bx_pro_ctrl .rank_pro_btn { position: absolute; top: 190px; width: 34px; height: 35px; background: url(../img/common_layout/sp_rank_ctrl.png) no-repeat; }

.ssgmain_rank_keyword .srank_tab_cont .ssg_cont_panel .rank_pro_btn.rank_pro_prev { left: 0; background-position: 3px 0; }

.ssgmain_rank_keyword .srank_tab_cont .ssg_cont_panel .rank_pro_btn.rank_pro_next { right: 0; background-position: -34px 0; }

.ssgmain_rank_keyword .ssg_cont_panel_btnmore { position: relative; float: right; min-width: 131px; border: 1px solid #d5d5d5; font-size: 11px; line-height: 38px; color: #858585; text-align: center; text-decoration: none; margin-bottom: 10px; }

.ssgmain_rank_keyword .ssg_cont_panel_btnmore:after { display: inline-block; width: 17px; height: 9px; margin: 14px 0 0 6px; background-position: -110px 0; vertical-align: top; content: ""; }

/* 더보기 컨텐츠 */
.btn_more:after { background: url(../img/display/sp_cctg_main.png) no-repeat; }

.moreContent .exp_content { display: none; outline: transparent; }

.moreContent .exp_content.on { display: block; }

.rank_order_more { margin-top: 40px; text-align: center; }

.rank_order_more .btn_more { width: 500px; height: 50px; border: 1px solid #222; font-size: 14px; line-height: 48px; color: #222; letter-spacing: -0.3px; }

.rank_order_more .btn_more:after { display: inline-block; width: 10px; height: 6px; margin: 21px 0 0 5px; background-position: -22px -13px; vertical-align: top; content: ""; }

.rank_order_more .btn_more.on:after { background-position: -34px -13px; }

.rank_order_more .btn_toggle .sr_off { display: inline; }

.rank_order_more .btn_toggle .sr_on { display: none; }

.rank_order_more .btn_toggle.on .sr_off { display: none; }

.rank_order_more .btn_toggle.on .sr_on { display: inline; }

.ssgmain_theme_sec .rank_tab_cont .rank_tab_panel, .ssgmain_rank_keyword .ssg_cont_panel { display: none; }

.ssgmain_theme_sec .rank_tab_cont .rank_tab_panel.on, .ssgmain_rank_keyword .ssg_cont_panel.on { display: block; }

/* 선물매장 */
.giftsvc_cate_tit { padding: 0 30px; background: #9ee2f3; }

.giftsvc_cate_tit .giftsvc_tit_area { margin: 0 auto; padding: 30px 0 40px; text-align: left; }

.giftsvc_cate_tit .giftsvc_flag { margin-bottom: 14px; line-height: 1; }

.giftsvc_cate_tit .giftsvc_service { display: inline-block; min-width: 70px; height: 25px; border-radius: 15px; border: solid 1px #26a7c7; font-size: 14px; font-weight: bold; letter-spacing: -0.2px; color: #1090b0; text-align: center; line-height: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.giftsvc_cate_tit .giftsvc_tit { display: inline-block; position: relative; font-size: 30px; line-height: 1.33; letter-spacing: -0.5px; }

.giftsvc_cate_tit .giftsvc_tit:after { content: ""; display: inline-block; position: absolute; left: 100%; width: 64px; height: 66px; margin: -34px 0 0 22px; background: url("../img/common/bg_giftsvc_tit01.png") no-repeat; }

@media screen and (-webkit-min-device-pixel-ratio: 2) { .giftsvc_cate_tit .giftsvc_tit:after { background-image: url("../img/common/bg_giftsvc_tit01@2x.png"); background-size: 64px auto; } }

.giftsvc_cate_tit .giftsvc_tittx { font-size: 16px; line-height: 24px; letter-spacing: -0.3px; }

.giftsvc_cate { position: absolute; bottom: 0; right: 21px; }

.giftsvc_cate .giftsvc_cate_mn { display: inline-block; position: relative; min-width: 100px; vertical-align: top; }

.giftsvc_cate .giftsvc_cate_mn .giftsvc_cate_link { display: block; text-align: center; }

.giftsvc_cate .giftsvc_cate_mn .giftsvc_cate_img { display: block; position: relative; width: 82px; height: 82px; margin: 0 auto; }

.giftsvc_cate .giftsvc_cate_mn .giftsvc_cate_img > span { position: absolute; top: 0; left: 0; }

.giftsvc_cate .giftsvc_cate_mn .giftsvc_cate_img img { width: 100%; vertical-align: top; border-radius: 50%; }

.giftsvc_cate .giftsvc_cate_mn .giftsvc_cate_img .img_off { display: block; }

.giftsvc_cate .giftsvc_cate_mn .giftsvc_cate_img .img_on { display: none; }

.giftsvc_cate .giftsvc_cate_mn .giftsvc_cate_tx { display: inline-block; padding: 10px 8px 13px; font-size: 13px; font-family: Roboto-Medium, NanumBarunGothicBold, sans-serif; color: #4a4a4a; line-height: 17px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.giftsvc_cate .giftsvc_cate_mn.on .giftsvc_cate_img .img_off { display: none; }

.giftsvc_cate .giftsvc_cate_mn.on .giftsvc_cate_img .img_on { display: block; }

.giftsvc_cate .giftsvc_cate_mn.on .giftsvc_cate_tx { border-bottom: 2px solid #222; color: #222; }

.ssgmain_theme_giftsvc:after { display: block; clear: both; content: ""; }

.ssgmain_theme_btngo { position: relative; float: right; min-width: 100px; padding: 0 17px; border: 1px solid #d5d5d5; font-size: 12px; font-family: Roboto-Regular, "나눔바른고딕", NanumBarunGothic, dotum, sans-serif; font-weight: bold; line-height: 38px; color: #777; text-align: center; text-decoration: none; letter-spacing: -0.3px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px; }

.ssgmain_theme_btngo:after { display: inline-block; width: 17px; height: 9px; margin: 15px 0 0 6px; background-position: -110px 0; vertical-align: top; content: ""; }

.ssgmain_store_util .cmlike .cmlike_btn { padding: 6px; border: 1px solid transparent; }

.ssgmain_store_util .cmlike.on .cmlike_btn { border: 1px solid #ff5b59; border-radius: 100%; }

/*# sourceMappingURL=main_v2.css.map */
