/* Expand Shop Common ========================================================*/ /* Expand Shop Common CSS */ .exs_wrap {width:100%} .exs_wrap img {vertical-align:top} /* Expand Shop Common (Top Menu) CSS */ .exs_top_wrap {width:100%} .exs_top_wrap img {vertical-align:top} .exs_top_wrap .ses_top_frm {position:relative; text-align:left; border-bottom:1px; background:url('//img.1300k.com/mobile/special/season/bg_season_top_back.png') 0 0 repeat-x; background-size:51px 51px} .exs_top_wrap .ses_top_frm .tit_category {position:absolute; right:10px; top:0; height:51px; line-height:51px; color:#eee; font-size:14px; font-weight:bold; -webkit-text-shadow:0 1px 0 #dfdfdf; -moz-text-shadow:0 1px 0 #dfdfdf; text-shadow:0 1px 0 #dfdfdf} .exs_top_wrap .ses_top_frm a {display:inline-block} /* Expand Shop : Diary Shop ==================================================*/ /* Diary Shop Top CSS */ .exs_top_wrap .di2015_top_frm {overflow:hidden; width:100%; height:52px; background: url('//img.1300k.com/mobile/2013/special/diary/bg_di2015_top.jpg') 0 0 repeat-x; background-size:2px 52px; border-bottom:1px solid #ababab} .exs_top_wrap .di2015_top_frm h2 {float:left; width:auto; padding:16px 0 8px 9px; background:url('//img.1300k.com/mobile/2013/special/diary/bg_di2015_toplft.jpg') 0 0 no-repeat; background-size:97px 10px} .exs_top_wrap .di2015_top_frm .top_util {float:right; width:auto; padding:13px 15px 0 0; background:url('//img.1300k.com/mobile/2013/special/diary/bg_di2015_toprgt.jpg') 100% 0 no-repeat; background-size:23px 30px} .exs_top_wrap .di2015_top_frm .top_util li {float:left; position:relative; width:auto} .exs_top_wrap .di2015_top_frm .top_util li:after {position:absolute; top:13px; left:0; width:1px; height:10px; background-color:#f7edf6; content:""; -webkit-box-shadow:0 1px 0 #c882c9; -moz-box-shadow:0 1px 0 #c882c9; box-shadow:0 1px 0 #c882c9} .exs_top_wrap .di2015_top_frm .top_util li:first-child:after {display:none} .exs_top_wrap .di2015_top_frm .top_util li a {display:block; width:auto; padding:10px 11px; font-size:13px; color:#f7edf6; font-weight:bold; letter-spacing:-1px; text-align:center; -webkit-text-shadow:0 1px 0 #c882c9; -moz-text-shadow:0 1px 0 #c882c9; text-shadow:0 1px 0 #c882c9} .exs_top_wrap .di2015_top_frm .top_util li.util_on a {color:#743534; -webkit-text-shadow:none; -moz-text-shadow:none; text-shadow:none} .exs_top_wrap .di2016_top_frm { overflow: hidden; width: 100%; padding:8px; box-sizing:border-box; } .exs_top_wrap .di2016_top_frm h2 { float:left; width: 106px; height:14px; padding-top:10px; font-size:19px; line-height:35px; color:#323b4a } .exs_top_wrap .di2016_top_frm .top_util { float:right; } .exs_top_wrap .di2016_top_frm .top_util li { float:left; width:45px; text-align:center; padding-top: 2px} .exs_top_wrap .di2016_top_frm .top_util li a { display:block; width:100%; padding-top:20px; font-weight:bold; font-size:11px; color:#666666; } .exs_top_wrap .di2016_top_frm .top_util li a.btn_smartpick { background:url('//img.1300k.com/mobile/special/diary/2016/ico_smartpick.png') no-repeat center 0px; background-size:21px 20px; } .exs_top_wrap .di2016_top_frm .top_util li a.btn_mentor { background:url('//img.1300k.com/mobile/special/diary/2016/ico_mentor.png') no-repeat center 0px; background-size:20px 20px; } .exs_top_wrap .di2016_top_frm .top_util li a.btn_diary_category { background:url('//img.1300k.com/mobile/special/diary/2016/ico_cate.png') no-repeat center 0px; background-size:22px 17px} /* Diary Shop Main CSS */ .exs_wrap .di2016_frm { width: 100%; background-color: #f1f2f3;} .exs_wrap .di2016_frm h3 { margin-bottom:12px; font-size:16px; color:#323b4a;} .exs_wrap .di2016_frm a.btn_more { position: absolute; top: 1px; right: 0px; font-family: sans-serif; font-weight: bold; font-size: 10px; line-height: 1; padding-bottom: 2px; color: #929292; border-bottom: 2px solid #929292; text-transform: uppercase;} .exs_wrap .di2016_frm .hanger { overflow: hidden; position: relative; padding-bottom: 8px; background-color: #f1f2f3; } .exs_wrap .di2016_frm .hanger .diary_banner {border-bottom:1px solid #fff } .exs_wrap .di2016_frm .hanger .diary_banner .banner_wrap { overflow: hidden; min-height:180px; } .exs_wrap .di2016_frm .hanger .diary_banner .banner_wrap ul li { float: left; width: 100%; box-sizing: border-box; font-size: 0; line-height: 0; display:none; position:relative; } .exs_wrap .di2016_frm .hanger .diary_banner .banner_wrap ul li a img { width: 100%; } .exs_wrap .di2016_frm .hanger .diary_banner .indicator { width:100%; padding-top:10px; padding-bottom: 2px; text-align:center; border-bottom:1px solid #dedede; } .exs_wrap .di2016_frm .hanger .diary_banner .indicator button[type="button"] { display: inline-block; width: 10px; height: 10px; background: #ccc; box-shadow: 0px 1px 2px #555 inset; margin: 0 2px; cursor: pointer; text-indent:-20000px; border-radius: 10px; } .exs_wrap .di2016_frm .hanger .diary_banner .indicator button[type="button"].on { background: #60c31f; } .exs_wrap .di2016_frm .hanger .diary_banner .indicator button[type="button"].toggle { display:none; } .exs_wrap .di2016_frm .hotclip { width:100%; padding:20px 0 30px; text-align:center; } .exs_wrap .di2016_frm .hotclip h3 { margin-bottom:12px; font-size:18px; color:#323b4a; } .exs_wrap .di2016_frm .hotclip h3 span { color:#b8b8b8} .exs_wrap .di2016_frm .hotclip a { display:block; width:205px; height:auto; margin:0 auto;} .exs_wrap .di2016_frm .hotclip a figure.photo { width:205px; height:205px; box-sizing:border-box; margin:0 auto; border:1px solid #e2e2e2} .exs_wrap .di2016_frm .hotclip a .product_info { font-size: 13px; color: #666666; font-weight: bold; line-height: 180%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .exs_wrap .di2016_frm .hotclip a .product_info del { font-size: 17px; font-weight: normal; color: #929CA8;} .exs_wrap .di2016_frm .hotclip a .product_info strong { font-size: 18px; color: #3EB900; } .exs_wrap .di2016_frm .hotclip a .product_info span.sale { font-size: 15px; color: #d51c1c;} .exs_wrap .di2016_frm .diarygram { position:relative; width:100%} .exs_wrap .di2016_frm .diarygram a { position: relative; display: block; width: 100%; height: 228px; background-repeat: no-repeat; background-position: left center; background-size: 100% auto;} .exs_wrap .di2016_frm .diarygram a p { display: block; position: absolute; top: 50%; left: 50%; width: 232px; max-height: 90px; margin:-45px 0 0 -116px; box-sizing: border-box; text-align: center; color: #fff; } .exs_wrap .di2016_frm .diarygram a p strong { display:block; margin-bottom:10px; font-size:18px; line-height:18px;} .exs_wrap .di2016_frm .diarygram a p span { font-size:13px; color:#c5c5c5; } .exs_wrap .di2016_frm .best_seller , .exs_wrap .di2016_frm .new_arrival { position:relative; margin:20px 10px; } .exs_wrap .di2016_frm .goods_wrap { overflow: hidden; background-color: white; border-radius: 6px; border: 1px solid #E2E2E2; } .exs_wrap .di2016_frm .goods_wrap ul { overflow: hidden; padding:0 7px; border-top: 1px solid #E2E2E2;} .exs_wrap .di2016_frm .goods_wrap ul:first-child { border-top:0;} .exs_wrap .di2016_frm .goods_wrap ul li { float:left; width:50%;} .exs_wrap .di2016_frm .goods_wrap ul li a { display:block; } .exs_wrap .di2016_frm .goods_wrap ul li a figure { padding: 16px 7px;} .exs_wrap .di2016_frm .goods_wrap ul li a figure img { width: 100%; height: auto; margin-bottom: 10px;} .exs_wrap .di2016_frm .goods_wrap ul li a figure figcaption { display: block; font-size: 12px; line-height: 150%; text-align: center; font-weight: bold; color: #666666; overflow: hidden;} .exs_wrap .di2016_frm .goods_wrap ul li a figure figcaption strong { color: #3eb900; font-size: 15px;} .exs_wrap .di2016_frm .goods_wrap ul li a figure figcaption span.sale { color: #d51c1c; font-size:11px; } .exs_wrap .di2016_frm .issue_event h3 { padding:0 10px 10px 10px; border-bottom:1px solid #d8d9d9; } .exs_wrap .di2016_frm .best_new { overflow:hidden; width:100%; } .exs_wrap .di2016_frm .campaign_bar a ,.exs_wrap .di2016_frm .downcenter a { display:block; width:100%; text-align:center; } .exs_wrap .di2016_frm .campaign_bar a img ,.exs_wrap .di2016_frm .downcenter a img { width:320px; height:76px; } @media all and (min-width:640px) { .exs_wrap .di2016_frm .best_new .cont_left { float:left; width:50%; } .exs_wrap .di2016_frm .best_new .cont_right { float:right; width:50%; } .exs_wrap .di2016_frm .hanger .diary_banner .banner_wrap ul li a { display:inline-block; width:50%; } } .exs_wrap .di_2019_frm div, .exs_wrap .di_2019_frm p, .exs_wrap .di_2019_frm ul li, .exs_wrap .di_2019_frm strong, .exs_wrap .di_2019_frm span, .exs_wrap .di_2019_frm a {font-family:'Noto Sans KR', 'Malgun Gothic', Dotum} .exs_wrap .di_2019_frm .number {font-family:'Montserrat','Noto Sans KR', 'Malgun Gothic', Dotum} .exs_wrap .di_2019_frm {background:#f2ecfa} .exs_wrap .di_2019_frm strong.tit {display:block; padding:18px 0 14px; font-size:15px; color:#000; letter-spacing:0.1px} .exs_wrap .di_2019_frm .img_thumb, .exs_wrap .di_2019_frm .diary_evt_box .list_blk .tpl_evt_item .img_blk {display:block; position:relative; overflow:hidden; width:100%; height:0; margin:0 auto} .exs_wrap .di_2019_frm .img_thumb:before, .exs_wrap .di_2019_frm .diary_evt_box .list_blk .tpl_evt_item .img_blk:before {position:absolute; top:0; left:0; width:100%; height:100%; background:url('//img.1300k.com/mobile/common/loading_common.png') no-repeat 50% 50% #fff; background-size:40px auto; content:''} .exs_wrap .di_2019_frm .img_thumb img, .exs_wrap .di_2019_frm .diary_evt_box .list_blk .tpl_evt_item .img_blk img {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; margin:auto} .exs_wrap .di_2019_frm .slide_blk {position:relative; width:100%; overflow-x:hidden} .exs_wrap .di_2019_frm .swiper-container-horizontal .slide_btns {width:100%; height:8px; line-height:0; text-align:center} .exs_wrap .di_2019_frm .swiper-container-horizontal .slide_btns span.swiper-pagination-bullet {display:inline-block; width:8px; height:8px; background:#ddd; border-radius:50%; box-sizing:border-box; opacity:1} .exs_wrap .di_2019_frm .swiper-container-horizontal .slide_btns span.swiper-pagination-bullet-active {background:#df86d6; border-radius:50%; opacity:1} .exs_wrap .di_2019_frm .tit_box {position:relative; height:69px} .exs_wrap .di_2019_frm .tit_box .tit_diary {display:block; width:160px; height:25px; margin:auto; padding:22px 15px} .exs_wrap .di_2019_frm .gcate_box ul li {height:108px} .exs_wrap .di_2019_frm .gcate_box ul li a .txt {width:80%; padding-top:2px; padding-bottom:0; vertical-align:top; word-break:keep-all} .exs_wrap .di_2019_frm .btn_smart_pick {display:block; margin-top:15px} .exs_wrap .di_2019_frm .btn_smart_pick.img_thumb {padding-bottom:14.0625%} .exs_wrap .di_2019_frm .btn_smart_pick img {display:block} .exs_wrap .di_2019_frm .event_banner_box {display:block; margin-top:15px} .exs_wrap .di_2019_frm .event_banner_box.img_thumb {padding-bottom:23.4375%} .exs_wrap .di_2019_frm .event_banner_box > img {display:block} .exs_wrap .di_2019_frm .topslide_box {position:relative; width:100%; margin-top:15px; background:none} .exs_wrap .di_2019_frm .topslide_box a {display:block} .exs_wrap .di_2019_frm .topslide_box a span.img_thumb {padding-bottom:75.3125%} .exs_wrap .di_2019_frm .topslide_box a .slide_desc {position:absolute; left:0; bottom:0; width:100%; height:74px; padding:15px 80px 15px 15px; background:rgba(255, 255, 255, 0.8); box-sizing:border-box} .exs_wrap .di_2019_frm .topslide_box a .slide_desc .slide_tit {overflow:hidden; font-size:18px; font-weight:700; color:#111; line-height:1.4; letter-spacing:-1px; white-space:nowrap; text-overflow:ellipsis; word-break:break-all} .exs_wrap .di_2019_frm .topslide_box a .slide_desc .stxt {display:block; overflow:hidden; font-size:13px; font-weight:400; color:#777; line-height:1.4; letter-spacing:-0.25px; white-space:nowrap; text-overflow:ellipsis; word-break:break-all} .exs_wrap .di_2019_frm .topslide_box a .slide_desc .mark {position:absolute; top:15px; right:15px; font-size:18px; font-weight:600; color:#d60c0c} .exs_wrap .di_2019_frm .topslide_box .slide_btns {padding-top:12px} .exs_wrap .di_2019_frm .taste_box {width:100%; margin:15px 0 0; padding:0 15px; box-sizing:border-box; background:none} .exs_wrap .di_2019_frm .taste_box .taste_blk {display:block; position:relative; width:100%; height:120px; padding:15px; background:#fff; box-sizing:border-box} .exs_wrap .di_2019_frm .taste_box .taste_blk .taste_goods {display:block; position:absolute; top:15px; left:15px; overflow:hidden; width:90px; height:90px; border-radius:50%} .exs_wrap .di_2019_frm .taste_box .taste_blk .taste_goods .img_thumb {padding-bottom:100%} .exs_wrap .di_2019_frm .taste_box .taste_blk .taste_desc {font-size:14px; padding-left:105px} .exs_wrap .di_2019_frm .taste_box .taste_blk .taste_desc strong.tit {padding:10px 0 7px; font-size:14px} .exs_wrap .di_2019_frm .taste_box .taste_blk .taste_desc .name {display:block; width:100%; overflow:hidden; margin-bottom:5px; color:#222; letter-spacing:-0.25px; white-space:nowrap; text-overflow:ellipsis; word-break:break-all} .exs_wrap .di_2019_frm .taste_box .taste_blk .taste_desc .price {display:block} .exs_wrap .di_2019_frm .taste_box .taste_blk .taste_desc .price .fixed {color:#999; font-size:13px; font-weight:400; text-decoration:line-through} .exs_wrap .di_2019_frm .taste_box .taste_blk .taste_desc .discount {padding-left:5px; color:#865ecc; font-size:14px; font-weight:600} .exs_wrap .di_2019_frm .qcate_box {margin:15px 0 0; background:none} .exs_wrap .di_2019_frm .qcate_box .cate_list {overflow:hidden; width:100%; padding:0 15px 15px; box-sizing:border-box} .exs_wrap .di_2019_frm .qcate_box .cate_list li {float:left; width:25%; height:76px; background:#fff; text-align:center} .exs_wrap .di_2019_frm .qcate_box .cate_list li a {display:block; height:18px; padding-top:34px; margin:12px 0; border-left:1px dashed #dcdcdc; background-repeat:no-repeat; background-size:29px; background-position:center 2px; font-size:12px; color:#333; letter-spacing:-1px; word-break:keep-all} .exs_wrap .di_2019_frm .qcate_box .cate_list li:first-child a {border-left:none} .exs_wrap .di_2019_frm .qcate_box .cate_list li.cate1 a {background-image:url('//img.1300k.com/mobile/special/diary/2019/ico_ncate1.jpg')} .exs_wrap .di_2019_frm .qcate_box .cate_list li.cate2 a {background-image:url('//img.1300k.com/mobile/special/diary/2019/ico_ncate2.jpg')} .exs_wrap .di_2019_frm .qcate_box .cate_list li.cate3 a {background-image:url('//img.1300k.com/mobile/special/diary/2019/ico_ncate3.jpg')} .exs_wrap .di_2019_frm .qcate_box .cate_list li.cate4 a {background-image:url('//img.1300k.com/mobile/special/diary/2019/ico_ncate4.jpg')} .exs_wrap .di_2019_frm .sojang_box {width:100%; padding:0 15px; background:#fff; box-sizing:border-box} .exs_wrap .di_2019_frm .sojang_box .slide_blk {padding-bottom:18px} .exs_wrap .di_2019_frm .sojang_box .slide_blk ul {position:relative; width:100%; height:auto} .exs_wrap .di_2019_frm .sojang_box .slide_blk ul:after {display:block; clear:both; content:''} .exs_wrap .di_2019_frm .sojang_box .slide_blk li {display:block; float:left; width:50%; box-sizing:border-box} .exs_wrap .di_2019_frm .sojang_box .slide_blk li:nth-child(odd) {padding-right:15px} .exs_wrap .di_2019_frm .sojang_box .slide_blk li:nth-child(even) {padding-left:15px} .exs_wrap .di_2019_frm .sojang_box .slide_blk li a {display:block; width:100%} .exs_wrap .di_2019_frm .sojang_box .slide_blk li a span.img_thumb {padding-bottom:100%} .exs_wrap .di_2019_frm .sojang_box .slide_blk li a .sojang_desc {position:relative; padding:15px 10px; background:#fff; text-align:center; letter-spacing:-0.25px; box-sizing:border-box} .exs_wrap .di_2019_frm .sojang_box .slide_blk li a .sojang_desc .brand {display:block; overflow:hidden; width:100%; margin:0 auto; font-size:11px; font-weight:400; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; color:#888} .exs_wrap .di_2019_frm .sojang_box .slide_blk li a .sojang_desc .name {display:block; overflow:hidden; width:100%; margin:0 auto; font-weight:bold; font-size:12px; color:#222; line-height:18px; white-space:nowrap; text-overflow:ellipsis; word-break:break-all} .exs_wrap .di_2019_frm .sojang_box .slide_blk li a .sojang_desc .price {display:block; padding:3px 0 2px; font-size:13px} .exs_wrap .di_2019_frm .sojang_box .slide_blk li a .sojang_desc .price .fixed {padding-right:2px; color:#999; font-size:11px; font-weight:400; text-decoration:line-through} .exs_wrap .di_2019_frm .sojang_box .slide_blk li a .sojang_desc .price .discount {color:#333; font-weight:600} .exs_wrap .di_2019_frm .story_box {position:relative; width:100%; margin-top:20px; padding:0px 15px 23px; background:#fff url('//img.1300k.com/mobile/special/diary/2019/bg_story_box.png') no-repeat ; background-size:100% auto; box-sizing:border-box} .exs_wrap .di_2019_frm .story_box .story {position:relative; width:100%; border:1px solid rgba(0,0,0,0.05); box-sizing:border-box} .exs_wrap .di_2019_frm .story_box .story > a.img_thumb {display:block; position:relative; overflow:hidden; height:0; padding-bottom:56.25%} .exs_wrap .di_2019_frm .story_box .story > a.img_thumb > img {position:absolute; top:0; left:0; width:100%; height:100%} .exs_wrap .di_2019_frm .story_box .story .desc {position:relative; width:100%; height:63px; padding:10px 82px 10px 15px; background:#fff; letter-spacing:-0.25px; box-sizing:border-box} .exs_wrap .di_2019_frm .story_box .story .desc .tit {overflow:hidden; width:85%; height:25px; font-weight:bold; font-size:14px; color:#222; letter-spacing:-0.25px; line-height:25px; white-space:nowrap; text-overflow:ellipsis; word-break:break-all} .exs_wrap .di_2019_frm .story_box .story .desc .txt {display:block; overflow:hidden; width:85%; height:25px; font-size:12px; color:#777; letter-spacing:-0.25px; white-space:nowrap; text-overflow:ellipsis; word-break:break-all} .exs_wrap .di_2019_frm .story_box .story .desc .btn_view_gds {display:block; position:absolute; top:10px; right:0; height:15px; padding:14px 12px; border-left:1px solid #e3e3e3} .exs_wrap .di_2019_frm .story_box .story .desc .btn_view_gds > span {display:block; padding-right:15px; background:url('//img.1300k.com/mobile/special/diary/2019/ico_arrow_more.png') right center no-repeat; background-size:7px 10px; font-size:11px; color:#333; letter-spacing:-0.5px} .exs_wrap .di_2019_frm .easyfun_box {width:100%; padding:0 15px 25px; background:#fff url('//img.1300k.com/mobile/special/diary/2019/bg_easyfun.jpg') no-repeat; background-size:100%; box-sizing:border-box} .exs_wrap .di_2019_frm .easyfun_box .bnr_list ul {position:relative; width:100%; height:auto} .exs_wrap .di_2019_frm .easyfun_box .bnr_list ul:after {display:block; clear:both; content:''} .exs_wrap .di_2019_frm .easyfun_box .bnr_list li {float:left; position:relative; width:100%; margin-top:7px} .exs_wrap .di_2019_frm .easyfun_box .bnr_list li:first-child {margin-top:0} .exs_wrap .di_2019_frm .easyfun_box .bnr_list li a.img_thumb {display:block; position:relative; padding-bottom:20.69%} .exs_wrap .di_2019_frm .theme_box {position:relative; width:100%; padding:0px 15px; background:#f4f4f4; box-sizing:border-box} .exs_wrap .di_2019_frm .theme_box strong.tit {position:absolute; left:15px; top:0; height:20px; background:#f4f4f4; z-index:2} .exs_wrap .di_2019_frm .theme_box .slide_blk {padding-top:52px; padding-bottom:18px} .exs_wrap .di_2019_frm .theme_box .slide_blk .sub_tit {position:absolute; top:-32px; right:0; font-size:14px; color:#865ecc; letter-spacing:-0.25px; z-index:-1} .exs_wrap .di_2019_frm .theme_box .slide_blk a {float:left; width:50%; border:1px solid #f4f4f4; box-sizing:border-box} .exs_wrap .di_2019_frm .theme_box .slide_blk a > img {display:block} .exs_wrap .di_2019_frm .theme_box .slide_blk a span.img_thumb {padding-bottom:100%} .exs_wrap .di_2019_frm .theme_box .slide_blk .slide_btns {padding-top:12px} .exs_wrap .di_2019_frm .diary_evt_box {width:100%; background:#fff; box-sizing:border-box} .exs_wrap .di_2019_frm .diary_evt_box strong.tit {margin:0px 15px} .exs_wrap .di_2019_frm .diary_evt_box .list_blk {background:#f2f2f2} .exs_wrap .di_2019_frm .diary_evt_box .list_blk .tpl_evt_item .img_blk {padding-top:59.375%} /* Diary Shop SmartPick CSS */ .exs_wrap .di2016_smart_frm .tab_box { overflow:hidden; } .exs_wrap .di2016_smart_frm .tab_box li { float:left; height:34px; } .exs_wrap .di2016_smart_frm .tab_box li:nth-child(1) { width:23.12%} .exs_wrap .di2016_smart_frm .tab_box li:nth-child(2) { width:14.37%} .exs_wrap .di2016_smart_frm .tab_box li:nth-child(3) { width:20.78%} .exs_wrap .di2016_smart_frm .tab_box li:nth-child(4) { width:20.78%} .exs_wrap .di2016_smart_frm .tab_box li:nth-child(5) { width:20.95%} .exs_wrap .di2016_smart_frm .tab_box li a {display:block; width:100%; height:14px; padding:10px 0; background:url('//img.1300k.com/mobile/special/diary/2016/bg_tab_bar.png') #b397da 100% 10px no-repeat; background-size:1px 12px; text-align:center} .exs_wrap .di2016_smart_frm .tab_box li:nth-child(5) a { background:#b397da } .exs_wrap .di2016_smart_frm .tab_box li.on a { background:#464646} .exs_wrap .di2016_smart_frm .tab_cts { width:100%; background:#f5f5f5; border:1px solid #d1d1d1; box-sizing:border-box; } .exs_wrap .di2016_smart_frm .tab_cts .tab_blk { display:none; width:100%; height:110px; padding:20px 0; } .exs_wrap .di2016_smart_frm .tab_cts .tab_blk.on { display:block; } .exs_wrap .di2016_smart_frm .tab_cts .tab_blk .choice_lst { overflow:hidden; width:90.63%; margin:0 auto; } .exs_wrap .di2016_smart_frm .tab_cts .tab_blk .choice_lst li { float:left; width:33.3333%; text-align:center; } .exs_wrap .di2016_smart_frm .tab_cts .tab_blk:nth-child(3) li, .exs_wrap .di2016_smart_frm .tab_cts .tab_blk:nth-child(4) li{ width:50%; } .exs_wrap .di2016_smart_frm .tab_cts .tab_blk:nth-child(5) li{ width:25%; } .exs_wrap .di2016_smart_frm .lst_frm { padding-top:30px; background:#fff; } .exs_wrap .di2016_smart_frm .lst_frm h4 { text-align:center; } .exs_wrap .di2016_smart_frm ul.lst_box { overflow:hidden; width:100%; background:url('//img.1300k.com/mobile/special/diary/2016/bg_list_line.jpg') 0 100% repeat-x;} .exs_wrap .di2016_smart_frm ul.lst_box li { float:left; width:50%; height:190px; padding-top:16px; border-bottom:0; background:url('//img.1300k.com/mobile/special/diary/2016/bg_list_line.jpg') 0 100% repeat-x; text-align:center} .exs_wrap .di2016_smart_frm ul.lst_box li a.goods_img { display:block; position:relative; width:125px; height:125px; margin:0 auto 9px;} .exs_wrap .di2016_smart_frm ul.lst_box li a.goods_name { display:block; width:125px; margin:0 auto; font-size:12px; font-weight:bold; color:#666666; overflow:hidden; max-height:28px; line-height:13px; } .exs_wrap .di2016_smart_frm ul.lst_box li span.goods_prc { font-size:15px; color:#3eb900; } .exs_wrap .di2016_smart_frm ul.lst_box li span.goods_prc em { font-size:11px; color:#d51c1c; } @media all and (min-width:480px) {.exs_wrap .di2016_smart_frm ul.lst_box li {width:33.33%}} @media all and (min-width:640px) {.exs_wrap .di2016_smart_frm ul.lst_box li {width:25%}} @media all and (min-width:940px) {.exs_wrap .di2016_smart_frm ul.lst_box li {width:16.66%}} .exs_wrap .di2020_smart_frm div, .exs_wrap .di2020_smart_frm p, .exs_wrap .di2020_smart_frm span, .exs_wrap .di2020_smart_frm a {font-family: 'Noto Sans KR', 'Malgun Gothic', Dotum} .exs_wrap .di2020_smart_frm ul.lst_box li span.goods_prc {font-family:'Montserrat','Noto Sans KR', 'Malgun Gothic', Dotum;} .exs_wrap .di2020_smart_frm .tab_box {overflow:hidden;} .exs_wrap .di2020_smart_frm .tab_box li {position:relative; float:left; height:40px} .exs_wrap .di2020_smart_frm .tab_box li:before {position:absolute; left:0; top:12px; width:1px; height:16px; background:rgba(255,255,255,0.3); z-index:2; content:''} .exs_wrap .di2020_smart_frm .tab_box li:first-child:before {display:none; content:''} .exs_wrap .di2020_smart_frm .tab_box li:nth-child(1) {width:24%} .exs_wrap .di2020_smart_frm .tab_box li:nth-child(2) {width:16%} .exs_wrap .di2020_smart_frm .tab_box li:nth-child(3) {width:20%} .exs_wrap .di2020_smart_frm .tab_box li:nth-child(4) {width:20%} .exs_wrap .di2020_smart_frm .tab_box li:nth-child(5) {width:20%} .exs_wrap .di2020_smart_frm .tab_box li a {display:block; width:100%; height:40px; padding:0; background:#9a9fff; text-align:center; color:#fff; font-size:13px; font-weight:700; line-height:41px} .exs_wrap .di2020_smart_frm .tab_box li.on a {background:#4a52d8 !important; color:#fbe84a} .exs_wrap .di2020_smart_frm .tab_cts { width:100%; background:#f5f5f5; border:1px solid #d1d1d1; box-sizing:border-box} .exs_wrap .di2020_smart_frm .tab_cts .tab_blk {display:none; width:100%; height:110px; padding:20px 0} .exs_wrap .di2020_smart_frm .tab_cts .tab_blk.on {display:block} .exs_wrap .di2020_smart_frm .tab_cts .tab_blk .choice_lst {overflow:hidden; width:90.63%; margin:0 auto} .exs_wrap .di2020_smart_frm .tab_cts .tab_blk .choice_lst li {float:left; width:33.3333%; text-align:center} .exs_wrap .di2020_smart_frm .tab_cts .tab_blk:nth-child(3) li, .exs_wrap .di2020_smart_frm .tab_cts .tab_blk:nth-child(4) li{width:50%} .exs_wrap .di2020_smart_frm .tab_cts .tab_blk:nth-child(5) li{width:25%} .exs_wrap .di2020_smart_frm .lst_frm { padding-top:30px; background:#fff} .exs_wrap .di2020_smart_frm .lst_frm h4 {color:#222; font-size:16px; font-weight:700; text-align:center; letter-spacing:-0.5px; line-height:1.2} .exs_wrap .di2020_smart_frm ul.lst_box {overflow:hidden; width:100%} .exs_wrap .di2020_smart_frm ul.lst_box:after {clear:both; display:block; content:''} .exs_wrap .di2020_smart_frm ul.lst_box li {float:left; width:50%; height:200px; padding-top:16px; border-bottom:1px solid #f2f2f2; text-align:center} .exs_wrap .di2020_smart_frm ul.lst_box li a.goods_img { display:block; position:relative; width:125px; height:125px; margin:0 auto 9px;} .exs_wrap .di2020_smart_frm ul.lst_box li a.goods_name {display:-webkit-box; width:125px; height:30px; margin:5px auto 0; overflow:hidden; color:#444; font-size:12px; line-height:15px; word-break:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical} .exs_wrap .di2020_smart_frm ul.lst_box li span.goods_prc {font-size:12px; color:#333; font-weight:400; line-height:1.2} .exs_wrap .di2020_smart_frm ul.lst_box li span.goods_prc strong {font-size:15px} .exs_wrap .di2020_smart_frm ul.lst_box li span.goods_prc em {padding-left:7px; font-size:13px; color:#1ed25f; font-weight:600} @media all and (min-width:480px) {.exs_wrap .di2020_smart_frm ul.lst_box li {width:33.33%}} @media all and (min-width:640px) {.exs_wrap .di2020_smart_frm ul.lst_box li {width:25%}} @media all and (min-width:940px) {.exs_wrap .di2020_smart_frm ul.lst_box li {width:16.66%}} /* Diary Shop Mentor CSS */ .exs_wrap .di2016_mentor_frm .question_box .question_blk { width:100%; background:#5ebdcf} .exs_wrap .di2016_mentor_frm .question_box .question_blk ul { overflow:hidden; width:94%; margin:0 auto; padding:12px 0; } .exs_wrap .di2016_mentor_frm .question_box .question_blk ul li { float:left; width:79.3%; } .exs_wrap .di2016_mentor_frm .question_box .question_blk ul li:first-child { width:20.7%; } .exs_wrap .di2016_mentor_frm .question_box .question_blk ul li label { display:block; width:38px; margin-top:8px; } .exs_wrap .di2016_mentor_frm .question_box .question_blk ul li textarea { width:92%; height:45px; padding:5px; border:0; vertical-align:top; } .exs_wrap .di2016_mentor_frm .question_box .sms_blk { position:relative; padding:15px 3% 20px; background:#f1f2f3; } .exs_wrap .di2016_mentor_frm .question_box .sms_blk span.txt_sms img { display:inline-block; margin-top:4px; } .exs_wrap .di2016_mentor_frm .question_box .sms_blk .clsCheckBox { display:inline-block; margin-left:5px; } .exs_wrap .di2016_mentor_frm .question_box .sms_blk .clsCheckBox span { font-size:13px; color:#020202; font-weight:bold; -webkit-text-shadow: none; -moz-text-shadow: none; text-shadow: none;} .exs_wrap .di2016_mentor_frm .question_box .sms_blk .sms_ipt { overflow:hidden; margin-top:9px; padding-right:100px;} .exs_wrap .di2016_mentor_frm .question_box .sms_blk .sms_ipt input[type="text"] { float:left; width:19%; height:23px; padding:0 2%; font-size: 14px; color: #333; border:1px solid #d1d1d1; background:#fff; text-align:center; } .exs_wrap .di2016_mentor_frm .question_box .sms_blk .sms_ipt span.ipt_dash { float:left; padding:0 6px; line-height:25px; } .exs_wrap .di2016_mentor_frm .question_box .sms_blk .btn_mentor_question { position:absolute; top:20px; right:3%; width:94px; } .exs_wrap .di2016_mentor_frm .question_box .sms_blk ul.desc_blk { margin-top:15px; } .exs_wrap .di2016_mentor_frm .question_box .sms_blk ul.desc_blk li { padding-left:10px; font-size:11px; line-height:14px; color:#a5a5a5; letter-spacing:-1px; background:url('//img.1300k.com/mobile/special/diary/2016/bullet_desc.png') 0 4px no-repeat; background-size:5px 6px; } .exs_wrap .di2016_mentor_frm ul.lst_box li { position:relative; font-size:12px; color:#626262; font-weight:bold; background:url('//img.1300k.com/mobile/special/diary/2016/bg_list_line.jpg') 0 100% repeat-x;} .exs_wrap .di2016_mentor_frm ul.lst_box li .lst_btn { position:relative; padding:12px 80px 12px 57px; } .exs_wrap .di2016_mentor_frm ul.lst_box li .lst_btn span.blk_name { display:block; font-size:11px; color:#a5a5a5; } .exs_wrap .di2016_mentor_frm ul.lst_box li .lst_btn a.btn_answer_off { position:absolute; top:12px; right:15px; display:block; width:59px; height:30px; background:url('//img.1300k.com/mobile/special/diary/2016/img_btns.png'); background-size:118px auto; background-position:0 0; text-indent:-9999em} .exs_wrap .di2016_mentor_frm ul.lst_box li .lst_btn a.btn_answer_on { position:absolute; top:12px; right:15px; display:block; width:59px; height:30px; background:url('//img.1300k.com/mobile/special/diary/2016/img_btns.png'); background-size:118px auto; background-position:0 -37px; text-indent:-9999em} .exs_wrap .di2016_mentor_frm ul.lst_box li .lst_btn a.btn_answer_close { position:absolute; top:12px; right:15px; display:block; width:59px; height:30px; background:url('//img.1300k.com/mobile/special/diary/2016/img_btns.png'); background-size:118px auto; background-position:0 -74px; text-indent:-9999em} .exs_wrap .di2016_mentor_frm ul.lst_box li .lst_btn span.ico_q { position:absolute; display:inline-block; top:12px; left:15px; width:31px; height:24px; padding-top:7px; border-radius:50%; text-align:center;} .exs_wrap .di2016_mentor_frm ul.lst_box li .lst_answer { display:none; position:relative; border-top:1px dashed #dedede; background:#f7f7f7} .exs_wrap .di2016_mentor_frm ul.lst_box li .lst_answer .answer_txt { display:inline-block; padding:12px 20px 12px 57px; } .exs_wrap .di2016_mentor_frm ul.lst_box li .lst_answer span.ico_a { position:absolute; display:inline-block; top:12px; left:15px; width:31px; height:24px; padding-top:7px; border-radius:50%; text-align:center; background:#7dcf40 } .exs_wrap .di2016_mentor_frm ul.lst_box ul.answer_goods { overflow:hidden; width:100%; background:url('//img.1300k.com/mobile/special/diary/2016/bg_list_line.jpg') 0 100% repeat-x;} .exs_wrap .di2016_mentor_frm ul.lst_box ul.answer_goods li { float:left; width:50%; height:190px; padding-top:16px; border-bottom:0; background:url('//img.1300k.com/mobile/special/diary/2016/bg_list_line.jpg') 0 100% repeat-x; text-align:center} .exs_wrap .di2016_mentor_frm ul.lst_box ul.answer_goods li a.goods_img { display:block; position:relative; width:125px; height:125px; margin:0 auto 9px;} .exs_wrap .di2016_mentor_frm ul.lst_box ul.answer_goods li a.goods_name { display:block; width:125px; margin:0 auto; font-size:12px; font-weight:bold; color:#666666; overflow:hidden; max-height:28px; line-height:13px; } .exs_wrap .di2016_mentor_frm ul.lst_box ul.answer_goods li span.goods_prc { font-size:15px; color:#3eb900; } .exs_wrap .di2016_mentor_frm ul.lst_box ul.answer_goods li span.goods_prc em { font-size:11px; color:#d51c1c; } .exs_wrap .di2016_mentor_frm .my_lst_box { padding-bottom:25px; background:#fff; } .exs_wrap .di2016_mentor_frm .my_lst_box ul li span.ico_q { background:#afce44; } .exs_wrap .di2016_mentor_frm .best_lst_box { width:100%; padding-bottom:25px; background:#fff; } .exs_wrap .di2016_mentor_frm .best_lst_box ul li span.ico_q { background:#89cfdc; } .exs_wrap .di2016_mentor_frm .qlst_box { padding-bottom:25px; background:#fff; } .exs_wrap .di2016_mentor_frm .qlst_box ul li span.ico_q { background:#c882c9; } @media all and (min-width:480px) {.exs_wrap .di2016_mentor_frm ul.lst_box ul.answer_goods li {width:33.33%}} @media all and (min-width:640px) {.exs_wrap .di2016_mentor_frm ul.lst_box ul.answer_goods li {width:25%}} @media all and (min-width:940px) {.exs_wrap .di2016_mentor_frm ul.lst_box ul.answer_goods li {width:16.66%}} .exs_wrap .di_2020_frm div, .exs_wrap .di_2020_frm p, .exs_wrap .di_2020_frm ul li, .exs_wrap .di_2020_frm strong, .exs_wrap .di_2020_frm span, .exs_wrap .di_2020_frm a {font-family:'Noto Sans KR', 'Malgun Gothic', Dotum} .exs_wrap .di_2020_frm .number {font-family:'Montserrat','Noto Sans KR', 'Malgun Gothic', Dotum} .exs_wrap .di_2020_frm {background:#f2ecfa} .exs_wrap .di_2020_frm strong.tit {display:block; padding:18px 0 14px; font-size:15px; color:#000; letter-spacing:0.1px} .exs_wrap .di_2020_frm .img_thumb, .exs_wrap .di_2020_frm .diary_evt_box .list_blk .tpl_evt_item .img_blk {display:block; position:relative; overflow:hidden; width:100%; height:0; margin:0 auto} .exs_wrap .di_2020_frm .img_thumb:before, .exs_wrap .di_2020_frm .diary_evt_box .list_blk .tpl_evt_item .img_blk:before {position:absolute; top:0; left:0; width:100%; height:100%; background:url('//img.1300k.com/mobile/common/loading_common.png') no-repeat 50% 50% #fff; background-size:40px auto; content:''} .exs_wrap .di_2020_frm .img_thumb img, .exs_wrap .di_2020_frm .diary_evt_box .list_blk .tpl_evt_item .img_blk img {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; margin:auto} .exs_wrap .di_2020_frm .slide_blk {position:relative; width:100%; overflow-x:hidden} .exs_wrap .di_2020_frm .swiper-container-horizontal .slide_btns {width:100%; height:8px; line-height:0; text-align:center} .exs_wrap .di_2020_frm .swiper-container-horizontal .slide_btns span.swiper-pagination-bullet {display:inline-block; width:8px; height:8px; background:#ddd; border-radius:50%; box-sizing:border-box; opacity:1} .exs_wrap .di_2020_frm .swiper-container-horizontal .slide_btns span.swiper-pagination-bullet-active {background:#df86d6; border-radius:50%; opacity:1} .exs_wrap .di_2020_frm .tit_box {position:relative; height:69px} .exs_wrap .di_2020_frm .tit_box .tit_diary {display:block; width:160px; height:25px; margin:auto; padding:22px 15px} .exs_wrap .di_2020_frm .gcate_box ul li {height:108px} .exs_wrap .di_2020_frm .gcate_box ul li a .txt {width:80%; padding-top:2px; padding-bottom:0; vertical-align:top; word-break:keep-all} .exs_wrap .di_2020_frm .btn_smart_pick {display:block; margin-top:15px} .exs_wrap .di_2020_frm .btn_smart_pick.img_thumb {padding-bottom:14.0625%} .exs_wrap .di_2020_frm .btn_smart_pick img {display:block} .exs_wrap .di_2020_frm .event_banner_box {display:block; margin-top:15px} .exs_wrap .di_2020_frm .event_banner_box.img_thumb {padding-bottom:23.4375%} .exs_wrap .di_2020_frm .event_banner_box > img {display:block} .exs_wrap .di_2020_frm .topslide_box {position:relative; width:100%; margin-top:15px; background:none} .exs_wrap .di_2020_frm .topslide_box a {display:block} .exs_wrap .di_2020_frm .topslide_box a span.img_thumb {padding-bottom:75.3125%} .exs_wrap .di_2020_frm .topslide_box a .slide_desc {position:absolute; left:0; bottom:0; width:100%; height:74px; padding:15px 80px 15px 15px; background:rgba(255, 255, 255, 0.8); box-sizing:border-box} .exs_wrap .di_2020_frm .topslide_box a .slide_desc .slide_tit {overflow:hidden; font-size:18px; font-weight:700; color:#111; line-height:1.4; letter-spacing:-1px; white-space:nowrap; text-overflow:ellipsis; word-break:break-all} .exs_wrap .di_2020_frm .topslide_box a .slide_desc .stxt {display:block; overflow:hidden; font-size:13px; font-weight:400; color:#777; line-height:1.4; letter-spacing:-0.25px; white-space:nowrap; text-overflow:ellipsis; word-break:break-all} .exs_wrap .di_2020_frm .topslide_box a .slide_desc .mark {position:absolute; top:15px; right:15px; font-size:18px; font-weight:600; color:#d60c0c} .exs_wrap .di_2020_frm .topslide_box .slide_btns {padding-top:12px} .exs_wrap .di_2020_frm .taste_box {width:100%; margin:15px 0 0; padding:0 15px; box-sizing:border-box; background:none} .exs_wrap .di_2020_frm .taste_box .taste_blk {display:block; position:relative; width:100%; height:120px; padding:15px; background:#fff; box-sizing:border-box} .exs_wrap .di_2020_frm .taste_box .taste_blk .taste_goods {display:block; position:absolute; top:15px; left:15px; overflow:hidden; width:90px; height:90px; border-radius:50%} .exs_wrap .di_2020_frm .taste_box .taste_blk .taste_goods .img_thumb {padding-bottom:100%} .exs_wrap .di_2020_frm .taste_box .taste_blk .taste_desc {font-size:14px; padding-left:105px} .exs_wrap .di_2020_frm .taste_box .taste_blk .taste_desc strong.tit {padding:10px 0 7px; font-size:14px} .exs_wrap .di_2020_frm .taste_box .taste_blk .taste_desc .name {display:block; width:100%; overflow:hidden; margin-bottom:5px; color:#222; letter-spacing:-0.25px; white-space:nowrap; text-overflow:ellipsis; word-break:break-all} .exs_wrap .di_2020_frm .taste_box .taste_blk .taste_desc .price {display:block} .exs_wrap .di_2020_frm .taste_box .taste_blk .taste_desc .price .fixed {color:#999; font-size:13px; font-weight:400; text-decoration:line-through} .exs_wrap .di_2020_frm .taste_box .taste_blk .taste_desc .discount {padding-left:5px; color:#865ecc; font-size:14px; font-weight:600} .exs_wrap .di_2020_frm .qcate_box {margin:15px 0 0; background:none} .exs_wrap .di_2020_frm .qcate_box .cate_list {overflow:hidden; width:100%; padding:0 15px 15px; box-sizing:border-box} .exs_wrap .di_2020_frm .qcate_box .cate_list li {float:left; width:25%; height:76px; background:#fff; text-align:center} .exs_wrap .di_2020_frm .qcate_box .cate_list li a {display:block; height:18px; padding-top:34px; margin:12px 0; border-left:1px dashed #dcdcdc; background-repeat:no-repeat; background-size:29px; background-position:center 2px; font-size:12px; color:#333; letter-spacing:-1px; word-break:keep-all} .exs_wrap .di_2020_frm .qcate_box .cate_list li:first-child a {border-left:none} .exs_wrap .di_2020_frm .qcate_box .cate_list li.cate1 a {background-image:url('//img.1300k.com/mobile/special/diary/2019/ico_ncate1.jpg')} .exs_wrap .di_2020_frm .qcate_box .cate_list li.cate2 a {background-image:url('//img.1300k.com/mobile/special/diary/2019/ico_ncate2.jpg')} .exs_wrap .di_2020_frm .qcate_box .cate_list li.cate3 a {background-image:url('//img.1300k.com/mobile/special/diary/2019/ico_ncate3.jpg')} .exs_wrap .di_2020_frm .qcate_box .cate_list li.cate4 a {background-image:url('//img.1300k.com/mobile/special/diary/2019/ico_ncate4.jpg')} .exs_wrap .di_2020_frm .sojang_box {width:100%; padding:0 15px; background:#fff; box-sizing:border-box} .exs_wrap .di_2020_frm .sojang_box .slide_blk {padding-bottom:18px} .exs_wrap .di_2020_frm .sojang_box .slide_blk ul {position:relative; width:100%; height:auto} .exs_wrap .di_2020_frm .sojang_box .slide_blk ul:after {display:block; clear:both; content:''} .exs_wrap .di_2020_frm .sojang_box .slide_blk li {display:block; float:left; width:50%; box-sizing:border-box} .exs_wrap .di_2020_frm .sojang_box .slide_blk li:nth-child(odd) {padding-right:15px} .exs_wrap .di_2020_frm .sojang_box .slide_blk li:nth-child(even) {padding-left:15px} .exs_wrap .di_2020_frm .sojang_box .slide_blk li a {display:block; width:100%} .exs_wrap .di_2020_frm .sojang_box .slide_blk li a span.img_thumb {padding-bottom:100%} .exs_wrap .di_2020_frm .sojang_box .slide_blk li a .sojang_desc {position:relative; height:90px; padding:15px 10px; background:#fff; text-align:center; letter-spacing:-0.25px; box-sizing:border-box} .exs_wrap .di_2020_frm .sojang_box .slide_blk li a .sojang_desc .brand {display:block; overflow:hidden; width:100%; margin:0 auto; font-size:11px; font-weight:400; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; color:#888} .exs_wrap .di_2020_frm .sojang_box .slide_blk li a .sojang_desc .name {display:block; overflow:hidden; width:100%; margin:0 auto; font-weight:bold; font-size:12px; color:#222; line-height:18px; white-space:nowrap; text-overflow:ellipsis; word-break:break-all} .exs_wrap .di_2020_frm .sojang_box .slide_blk li a .sojang_desc .price {display:block; padding:3px 0 2px; font-size:13px} .exs_wrap .di_2020_frm .sojang_box .slide_blk li a .sojang_desc .price .fixed {padding-right:2px; color:#999; font-size:11px; font-weight:400; text-decoration:line-through} .exs_wrap .di_2020_frm .sojang_box .slide_blk li a .sojang_desc .price .discount {color:#333; font-weight:600} .exs_wrap .di_2020_frm .story_box {position:relative; width:100%; margin-top:20px; padding:0px 15px 23px; background:#fff url('//img.1300k.com/mobile/special/diary/2019/bg_story_box.png') no-repeat ; background-size:100% auto; box-sizing:border-box} .exs_wrap .di_2020_frm .story_box .story {position:relative; width:100%; border:1px solid rgba(0,0,0,0.05); box-sizing:border-box} .exs_wrap .di_2020_frm .story_box .story > a.img_thumb {display:block; position:relative; overflow:hidden; height:0; padding-bottom:56.25%} .exs_wrap .di_2020_frm .story_box .story > a.img_thumb > img {position:absolute; top:0; left:0; width:100%; height:100%} .exs_wrap .di_2020_frm .story_box .story .desc {position:relative; width:100%; height:63px; padding:10px 82px 10px 15px; background:#fff; letter-spacing:-0.25px; box-sizing:border-box} .exs_wrap .di_2020_frm .story_box .story .desc .tit {overflow:hidden; width:85%; height:25px; font-weight:bold; font-size:14px; color:#222; letter-spacing:-0.25px; line-height:25px; white-space:nowrap; text-overflow:ellipsis; word-break:break-all} .exs_wrap .di_2020_frm .story_box .story .desc .txt {display:block; overflow:hidden; width:85%; height:25px; font-size:12px; color:#777; letter-spacing:-0.25px; white-space:nowrap; text-overflow:ellipsis; word-break:break-all} .exs_wrap .di_2020_frm .story_box .story .desc .btn_view_gds {display:block; position:absolute; top:10px; right:0; height:15px; padding:14px 12px; border-left:1px solid #e3e3e3} .exs_wrap .di_2020_frm .story_box .story .desc .btn_view_gds > span {display:block; padding-right:15px; background:url('//img.1300k.com/mobile/special/diary/2019/ico_arrow_more.png') right center no-repeat; background-size:7px 10px; font-size:11px; color:#333; letter-spacing:-0.5px} .exs_wrap .di_2020_frm .easyfun_box {width:100%; padding:0 15px 25px; background:#fff; background-size:100%; box-sizing:border-box} .exs_wrap .di_2020_frm .easyfun_box .bnr_list ul {position:relative; width:100%; height:auto} .exs_wrap .di_2020_frm .easyfun_box .bnr_list ul:after {display:block; clear:both; content:''} .exs_wrap .di_2020_frm .easyfun_box .bnr_list li {float:left; position:relative; width:100%; margin-top:7px} .exs_wrap .di_2020_frm .easyfun_box .bnr_list li:first-child {margin-top:0} .exs_wrap .di_2020_frm .easyfun_box .bnr_list li a.img_thumb {display:block; position:relative; padding-bottom:20.69%} .exs_wrap .di_2020_frm .theme_box {position:relative; width:100%; padding:0px 15px 25px; background:#f4f4f4; box-sizing:border-box} .exs_wrap .di_2020_frm .theme_box strong.tit {position:relative; left:0; top:0; height:20px; background:none; z-index:2} .exs_wrap .di_2020_frm .theme_box .theme_blk .tab {margin-bottom:10px} .exs_wrap .di_2020_frm .theme_box .theme_blk .tab ul {width:100%} .exs_wrap .di_2020_frm .theme_box .theme_blk .tab ul:after {display:block; clear:both; content:''} .exs_wrap .di_2020_frm .theme_box .theme_blk .tab ul li {float:left; width:25%; background:#fff; margin-left:-1px} .exs_wrap .di_2020_frm .theme_box .theme_blk .tab ul li:first-child {} .exs_wrap .di_2020_frm .theme_box .theme_blk .tab ul li a {display:block; width:100%; height:35px; border:1px solid #e5e5e5; color:#858585; font-size:12px; letter-spacing:-0.3px; line-height:36px; text-align:center} .exs_wrap .di_2020_frm .theme_box .theme_blk .tab ul li.active {background:#fff} .exs_wrap .di_2020_frm .theme_box .theme_blk .tab ul li.active a {position:relative; border:1px solid #5f67e8; background:#fff; color:#5f67e8} .exs_wrap .di_2020_frm .theme_box .theme_blk .list_cont {position:relative; display:block} .exs_wrap .di_2020_frm .theme_box .theme_blk .list_cont ul:after {display:block; clear:both; content:''} .exs_wrap .di_2020_frm .theme_box .theme_blk .list_cont ul li {float:left; width:50%; border:1px solid #f4f4f4; box-sizing:border-box} .exs_wrap .di_2020_frm .theme_box .theme_blk .list_cont ul li a {} .exs_wrap .di_2020_frm .theme_box .theme_blk .list_cont ul li a img {display:block} .exs_wrap .di_2020_frm .theme_box .theme_blk .list_cont ul li a span.img_thumb {padding-bottom:100%} .exs_wrap .di_2020_frm .diary_evt_box {width:100%; background:#fff; box-sizing:border-box} .exs_wrap .di_2020_frm .diary_evt_box strong.tit {margin:0px 15px} .exs_wrap .di_2020_frm .diary_evt_box .list_blk {background:#f2f2f2} .exs_wrap .di_2020_frm .diary_evt_box .list_blk .tpl_evt_item .img_blk {padding-top:59.375%} .exs_wrap .di_2020_frm {background:#f0f2ff} .exs_wrap .di_2020_frm .qcate_box .cate_list li.cate1 a {background-image:url('//img.1300k.com/mobile/special/diary/2020/ico_ncate1.jpg')} .exs_wrap .di_2020_frm .qcate_box .cate_list li.cate2 a {background-image:url('//img.1300k.com/mobile/special/diary/2020/ico_ncate2.jpg')} .exs_wrap .di_2020_frm .qcate_box .cate_list li.cate3 a {background-image:url('//img.1300k.com/mobile/special/diary/2020/ico_ncate3.jpg')} .exs_wrap .di_2020_frm .qcate_box .cate_list li.cate4 a {background-image:url('//img.1300k.com/mobile/special/diary/2020/ico_ncate4.jpg')} .exs_wrap .di_2020_frm .tit_box {background-color:#5f67e8; background-image:url('//img.1300k.com/mobile/special/diary/2020/bg_diary_top_lft.jpg'),url('//img.1300k.com/mobile/special/diary/2020/bg_diary_top_rgt.jpg'); background-position:0 0,100% 0; background-size:auto 69px, auto 69px; background-repeat:no-repeat} .exs_wrap .di_2020_frm .tit_box .tit_diary {padding:20px 15px 24px} .exs_wrap .di_2020_frm .tit_box .tit_diary img {margin-left:-10px} .exs_wrap .di_2020_frm a.btn_smart_pick {display:block; position:relative; width:100%; height:45px; padding-left:50px; background:#fbe84a url('//img.1300k.com/mobile/special/diary/2020/ico_smartpick.png') 14px 9px/auto 24px no-repeat; color:#222; font-size:15px; font-weight:700; letter-spacing:-0.5px; line-height:45px; overflow:hidden; box-sizing:border-box} .exs_wrap .di_2020_frm .swiper-container-horizontal .slide_btns span.swiper-pagination-bullet-active {background:#5f67e8} .exs_wrap .di_2020_frm a.btn_smart_pick:after {display:block; position:absolute; top:19px; right:15px; width:7px; height:7px; border:1px solid #000; border-width:1px 1px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg); content:''} .exs_wrap .di_2020_frm .taste_box .taste_blk {height:140px; padding-top:35px; background:#fff url('//img.1300k.com/mobile/special/diary/2020/bg_taste.jpg') repeat-x 0 0/auto 20px} .exs_wrap .di_2020_frm .taste_box .taste_blk .taste_goods {top:35px} .exs_wrap .di_2020_frm .taste_box .taste_blk .taste_desc .discount{color:#4a52d7} .exs_wrap .di_2020_frm .sojang_box .slide_blk li:nth-child(odd) {padding-right:8px} .exs_wrap .di_2020_frm .sojang_box .slide_blk li:nth-child(even) {padding-left:8px} /* Expand Shop : Season Shop =================================================*/ .exs_wrap .ses_frm {min-width:320px; max-width:100%; background:#fff} .exs_wrap .ses_frm p, .exs_wrap .ses_frm span, .exs_wrap .ses_frm h4 {font-family:'Noto Sans KR', 'Malgun Gothic', Dotum} .exs_wrap .ses_frm .number {font-family:'Montserrat','Noto Sans KR', 'Malgun Gothic', Dotum} .exs_wrap .ses_frm .eng {font-family:'Roboto','Noto Sans KR', 'Malgun Gothic', Dotum} .exs_wrap .ses_frm .img_thumb {display:block; position:relative; overflow:hidden; width:100%; padding-bottom:100%; font-size:0; line-height:0} .exs_wrap .ses_frm .img_thumb:before {position:absolute; top:0; left:0; width:100%; height:100%; background:url('//img.1300k.com/mobile/common/loading_common.png') no-repeat 50% 50% #fff; background-size:40px auto; content:''} .exs_wrap .ses_frm .img_thumb img {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; max-height:100%; margin:auto} .exs_wrap .ses_frm .cate_box {margin-bottom:27px} .exs_wrap .ses_frm .main_bnr_box {overflow:hidden; position:relative; width:100%; margin-bottom:25px} .exs_wrap .ses_frm .main_bnr_box .img_thumb {padding-bottom:75.9375% !important} .exs_wrap .ses_frm .main_bnr_box .main_bnr_blk {position:absolute; bottom:0px; left:0px; width:100%; background:rgba(255, 255, 255, 0.8)} .exs_wrap .ses_frm .main_bnr_box .main_bnr_blk .desc {position:relative; padding:15px 80px 15px 15px} .exs_wrap .ses_frm .main_bnr_box .main_bnr_blk .desc p {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis} .exs_wrap .ses_frm .main_bnr_box .main_bnr_blk .desc .ico {position:absolute; right:15px; top:15px; font-size:18px; font-weight:600} .exs_wrap .ses_frm .main_bnr_box .main_bnr_blk .desc .tit {font-size:18px; font-weight:700; letter-spacing:-1px; color:#111} .exs_wrap .ses_frm .main_bnr_box .main_bnr_blk .desc .txt {font-size:13px; color:#777} .exs_wrap .ses_frm .main_bnr_box .main_bnr_btn {padding-top:10px; text-align:center} .exs_wrap .ses_frm .today_box {padding:25px 15px; margin-bottom:13px; background:#f9f9f9} .exs_wrap .ses_frm .today_box .today_pdt {position:relative; display:block; width:100%; height:100px} .exs_wrap .ses_frm .today_box .today_pdt .title {position:absolute; top:7px; left:115px; z-index:2} .exs_wrap .ses_frm .today_box .today_pdt .img_thumb {position:absolute; top:0px; left:0px; width:100px; height:100px; padding-bottom:0 !important} .exs_wrap .ses_frm .today_box .today_pdt .gdesc {padding:42px 0px 0px 115px; color:#333} .exs_wrap .ses_frm .today_box .today_pdt .gdesc .name {display:block; overflow:hidden; padding-bottom:6px; font-size:14px; color:#333; line-height:18px; white-space:nowrap; text-overflow:ellipsis} .exs_wrap .ses_frm .today_box .today_pdt .gdesc .ico {position:absolute; top:7px; left:60px; width:34px; height:34px; font-weight:600; font-size:12px; color:#fff; text-align:center; line-height:35px; border-radius:20px; z-index:2} .exs_wrap .ses_frm .today_box .today_pdt .gdesc .price .sale {font-size:12px} .exs_wrap .ses_frm .today_box .today_pdt .gdesc .price .sale strong {font-size:15px} .exs_wrap .ses_frm .today_box .today_pdt .gdesc .price .del {font-size:11px} .exs_wrap .ses_frm .today_box .today_pdt .gdesc .price .del em {padding-left:5px; font-size:12px; color:#999; text-decoration:line-through} .exs_wrap .ses_frm .bnr_box {margin-bottom:13px} .exs_wrap .ses_frm .bnr_box .img_thumb {padding-bottom:21.875% !important} .exs_wrap .ses_frm .hashtag_box {padding:30px 0px 15px; background:url('//img.1300k.com/mobile/special/season/bg_pattern.gif'); background-size:contain} .exs_wrap .ses_frm .hashtag_box h4 {padding:0px 0px 13px; font-size:16px; font-weight:700; color:#111; letter-spacing:-0.5px; text-align:center} .exs_wrap .ses_frm .hashtag_box h4 span {font-size:21px} .exs_wrap .ses_frm .hashtag_box .btn_hstg_blk {margin:0px 15px; padding-bottom:15px} .exs_wrap .ses_frm .hashtag_box .btn_hstg_blk ul li {float:left; width:auto; margin-right:10px} .exs_wrap .ses_frm .hashtag_box .btn_hstg_blk ul li a {display:inline-block; height:28px; padding:0px 10px; background:#fff; font-size:12px; line-height:27px; color:#555; border-radius:15px; border:1px solid #dedede} .exs_wrap .ses_frm .hashtag_box .btn_hstg_blk ul li.on a {color:#375fff; border:1px solid #375fff} .exs_wrap .ses_frm .hashtag_box .item_hstg_blk .item_list {overflow:hidden; padding:0 4.68%} .exs_wrap .ses_frm .hashtag_box .item_hstg_blk .item_list li {overflow:hidden; float:left; width:30%; margin-left:5%; margin-bottom:6%; border-radius:50%} .exs_wrap .ses_frm .hashtag_box .item_hstg_blk .item_list li:nth-child(3n+1) {margin-left:0} .exs_wrap .ses_frm .nowsale_box {display:inline-block; width:100%; min-height:500px; height:auto} .exs_wrap .ses_frm .nowsale_box h4 {padding:35px 0px 20px; font-size:16px; font-weight:700; color:#111; letter-spacing:-0.5px; text-align:center} .exs_wrap .ses_frm .nowsale_box ul li {float:left; width:50%; margin-bottom:30px} .exs_wrap .ses_frm .nowsale_box ul li a {display:block; text-align:center} .exs_wrap .ses_frm .nowsale_box ul li:nth-child(odd) a {padding:0px 8px 0 15px} .exs_wrap .ses_frm .nowsale_box ul li:nth-child(even) a {padding:0px 15px 0 8px} .exs_wrap .ses_frm .nowsale_box ul li a img {width:100%; height:100%} .exs_wrap .ses_frm .nowsale_box ul li .gdesc .name {display:-webkit-box; overflow:hidden; height:30px; padding:12px 0px 0px; margin-bottom:8px; color:#444; font-size:13px; line-height:15px; word-break:break-all; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical} .exs_wrap .ses_frm .nowsale_box ul li .gdesc .price .sale {color:#333; font-size:11px} .exs_wrap .ses_frm .nowsale_box ul li .gdesc .price .sale strong {font-size:15px} .exs_wrap .ses_frm .nowsale_box ul li .gdesc .price .dc_rate {font-size:13px; font-weight:600} .exs_wrap .ses_frm .theme_box {background:#fff} .exs_wrap .ses_frm .theme_box ul li .bnr_spe {display:block; position:relative; width:100%; height:0; padding-bottom:59.375%} .exs_wrap .ses_frm .theme_box ul li .bnr_spe .img_thumb {position:absolute; top:0; left:0; width:100%; height:100%; padding-bottom:0% !important} .exs_wrap .ses_frm .theme_box ul li .bnr_spe .desc_box {display:table; position:absolute; bottom:0; left:0; width:100%; height:100%; padding:10px 0; background:rgba(0, 0, 0, 0.3); table-layout:fixed} .exs_wrap .ses_frm .theme_box ul li .bnr_spe .desc_box .desc {display:table-cell; text-align:center; vertical-align:middle} .exs_wrap .ses_frm .theme_box ul li .bnr_spe .desc_box .desc .tit {display:block; overflow:hidden; font-size:22px; font-weight:700; color:#fff; white-space:nowrap; text-overflow:ellipsis; text-align:center} .exs_wrap .ses_frm .theme_box ul li .bnr_spe .desc_box .desc .discount {display:inline-block; height:20px; padding:0 10px; margin-top:10px; border:1px solid #fff; border-radius:20px; font-size:13px; font-weight:600; color:#fff; line-height:20px} .exs_wrap .ses_frm .theme_box ul li .key_pdt {padding:15px 15px 30px; background:#fff} .exs_wrap .ses_frm .theme_box ul li .key_pdt a {display:table; width:100%; height:80px; margin-top:15px; table-layout:fixed} .exs_wrap .ses_frm .theme_box ul li .key_pdt a:first-child {margin-top:0} .exs_wrap .ses_frm .theme_box ul li .key_pdt a .img_thumb {display:table-cell; width:80px; padding-bottom:0% !important; vertical-align:middle} .exs_wrap .ses_frm .theme_box ul li .key_pdt a .desc {display:table-cell; padding-left:15px; vertical-align:middle} .exs_wrap .ses_frm .theme_box ul li .key_pdt a .desc .tit {display:block; overflow:hidden; font-size:14px; color:#444; line-height:18px; white-space:nowrap; text-overflow:ellipsis} .exs_wrap .ses_frm .theme_box ul li .key_pdt a .desc .price {display:block; margin-top:6px; font-size:12px; color:#000} .exs_wrap .ses_frm .theme_box ul li .key_pdt a .desc .price strong {font-size:15px; font-weight:600} .exs_wrap .ses_frm .theme_box ul li .key_pdt a .desc .price del {padding-left:5px; font-size:12px; color:#999} .exs_wrap .ses_frm .theme_box ul li .key_pdt a .desc .tag {display:block; margin-top:6px; font-size:0; line-height:0} .exs_wrap .ses_frm .theme_box ul li .key_pdt a .desc .tag .free {display:inline-block; width:50px; height:18px; border:1px solid #498cc9; font-size:11px; color:#498cc9; line-height:16px; text-align:center; box-sizing:border-box} .exs_wrap .ses_frm .theme_box ul li .key_pdt a .desc .tag .gift {width:auto; height:18px; padding:0 4px; border:1px solid #ab7360; font-size:11px; color:#ab7360; line-height:16px; text-align:center; box-sizing:border-box} .exs_wrap .ses_frm .theme_box ul li .key_pdt a .desc .tag .oneplus {width:auto; height:18px; padding:0 4px; border:1px solid #1ed29d; font-size:11px; color:#1ed29d; line-height:16px; text-align:center; box-sizing:border-box} .exs_wrap .ses_frm .theme_box ul li .key_pdt a .desc .tag .onesame {width:auto; height:18px; padding:0 4px; border:1px solid #1ed29d; font-size:11px; color:#1ed29d; line-height:16px; text-align:center; box-sizing:border-box} .exs_wrap .ses_frm .event_box {padding-top:43px; background:url('//img.1300k.com/mobile/special/season/bg_line.gif') 0% 0% repeat-x; background-size:4px 7px} .exs_wrap .ses_frm .event_box h4 {padding-bottom:20px; font-size:16px; color:#111; text-align:center} .exs_wrap .ses_frm .event_box .list_blk {background:#f2f2f2} /* Expand Shop : Theme Shop ==================================================*/ .exs_wrap .theme_main_frm {padding:13px 10px} .exs_wrap .theme_main_frm .special_list {margin-bottom:10px} .exs_wrap .theme_main_frm .special_list h3 {width:100%; height:41px; line-height:41px; color:#fff; font-size:15px; text-align:center} .exs_wrap .theme_main_frm .special_list.character h3 {background:url('//img.1300k.com/mobile/special/brand/bg_character.png'); background-size:cover} .exs_wrap .theme_main_frm .special_list.topic h3 {background:url('//img.1300k.com/mobile/special/brand/bg_topic.png'); background-size:cover} .exs_wrap .theme_main_frm .special_list.smilage h3 {background:url('//img.1300k.com/mobile/special/brand/bg_smilage.png'); background-size:cover} .exs_wrap .theme_main_frm .special_list h3 img {margin-right:7px; vertical-align:middle} .exs_wrap .theme_main_frm .special_list ul {overflow:hidden; padding: 12px 1% 5px; background:#fff; border-bottom-left-radius:6px; border-bottom-right-radius:6px} .exs_wrap .theme_main_frm .special_list ul li {float:left; width:25%; margin-bottom:10px} .exs_wrap .theme_main_frm .special_list ul li a {display:block; width:63px; height:63px; margin:0 auto} .exs_wrap .theme_main_frm .anchor {display:block; height:48px; margin-top:-45px; visibility:hidden} .exs_wrap .theme_frm {background-color: #fff} .exs_wrap .theme_frm .header_banner {width:100%; height:150px; background: #fff} .exs_wrap .theme_frm h3 {margin-bottom:10px; font-size:14px; color:#000000} .exs_wrap .theme_frm section.special_brand {padding:17px 0; background:#f1f2f3} .exs_wrap .theme_frm section.special_brand .best_goods {position:relative; padding:10px 15px 13px; margin:0 14px; background:#fff; border:1px solid #e2e2e2; border-radius:6px} .exs_wrap .theme_frm section.special_brand .best_goods .product_wrap {overflow: hidden; width:100%; height:180px} .exs_wrap .theme_frm section.special_brand .best_goods .product_wrap ol li {position: relative; float: left; width: 100%; line-height: 0; font-size: 0; display: none} .exs_wrap .theme_frm section.special_brand .best_goods .product_wrap ol li a {position: relative; float:left; display: block; width:50%; text-align: center} .exs_wrap .theme_frm section.special_brand .best_goods .product_wrap ol li a img.photo {width: 125px; height: 125px} .exs_wrap .theme_frm section.special_brand .best_goods .product_wrap ol li a p {width:125px; overflow:hidden; margin:0 auto} .exs_wrap .theme_frm section.special_brand .best_goods .product_wrap ol li a p.product {margin:12px auto 0px; font-size:13px; font-weight:bold; color:#666666; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-1px; line-height: 150%} .exs_wrap .theme_frm section.special_brand .best_goods .product_wrap ol li a p.price {font-size:18px; color:#3eb900; font-weight:bold; line-height: 110%} .exs_wrap .theme_frm section.special_brand .best_goods .indicator {position:absolute; top:0px; right: 15px; overflow:hidden; padding: 12px 0px 0px; text-align: center; line-height: 1} .exs_wrap .theme_frm section.special_brand .best_goods .indicator button[type="button"] {display: inline-block; width: 10px; height: 10px; background: #ccc; box-shadow: 0px 1px 2px #555 inset; margin: 0 2px; cursor: pointer; text-indent:-20000px; border-radius: 10px} .exs_wrap .theme_frm section.special_brand .best_goods .indicator button[type="button"].on {background: #60c31f} .exs_wrap .theme_frm section.special_brand .best_goods .indicator button[type="button"].toggle {display: none} .exs_wrap .theme_frm article.flicking_content .category {margin: 0; padding: 10px 14px; background: #fff} @media all and (min-width:640px){ .exs_wrap .theme_main_frm .special_list ul li {width:16.6666%} .exs_wrap .theme_frm section.special_brand .best_goods .product_wrap ol li a {width:25%} .exs_wrap .theme_frm section.special_brand .best_goods .indicator {display:none} } /* Expand Shop Chance Event ==================================================*/ .exs_wrap .evt_box {width:100%; padding:16px 0; background-color:#ebebeb} .exs_wrap .evt_box .gc_pagination {background-color:#ebebeb; padding:6px 0 25px}