#cont_recruit_main{} .title_div{text-align:left;padding-top:64px;margin-bottom:18px;position:relative} .title_box{display:block;position:relative;letter-spacing:-1px;} .title_box .title{display:inline-block;font-size:33px;font-weight:700;color:#1b1b1b;letter-spacing:-1px;} .title_box .exp{display:inline-block;color:#888888;font-size:18px;letter-spacing:-1px;margin-left:14px;} .title_box .title_btn{position:absolute;right:0px;bottom:5px;} .title_box .title_btn a{color:#444444;font-size:16px;padding-left:20px;line-height:30px;border-radius:3px;border:1px solid #d1d5db;background:#fff;color:#4e4944;box-sizing: border-box;} .title_box .title_btn a span{margin-top:2px;} .list_loading{height:100%;background:url('../../../../common/images/ajax-loader.gif') no-repeat center center #fff;display:none;position:absolute;z-index:10;width:100%;opacity:0.5;} .main_ad_list{padding-bottom:70px;} .goods_common{display: flex;flex-wrap:wrap;align-content:center;justify-content:space-between;align-items: center;grap:0px;;} .goods_common li{position:relative;margin-bottom:20px;width:518px;} .goods_common li .no_box{width:518px;height:512px;overflow:hidden;} .goods_common li .g_box{transition-property: box-shadow;transition-timing-function: cubic-bezier(.4, 0, .2, 1);width:518px;transition-duration: .2s;height:552px;overflow:hidden;border-radius: 15px;} .goods_common li .g_box:hover{box-shadow: 0px 4px 16px 0 rgba(0, 0, 31, .1019607843);} .goods_common li .g_box a{display:block;border:1px solid #dddddd;box-sizing: border-box;height:100%;border-radius: 15px;} .goods_common li .g_box a:hover{} .goods_common li .g_box .image{position:relative;box-sizing: border-box;height:346px;overflow:hidden;width:100%;border-top-left-radius:15px;border-top-right-radius:15px;} .goods_common li .g_box .image .bg{position:relative;box-sizing: border-box;height:100%;width:100%;background:url('') no-repeat center center;background-size:cover;display:block;transition: transform 0.5s ease;} .goods_common li .g_box:hover .image .bg{transform: scale(1.15);} .goods_common li .g_box .image .best{position:absolute;right:14px;top:0px;display:none} .goods_common li .g_box .image .best strong.best1{display:block;background:url('../images/main_best01.png') no-repeat center center;width:80px;height:106px;} .goods_common li .g_box .image .best strong.best2{display:block;background:url('../images/main_best02.png') no-repeat center center;width:80px;height:106px;} .goods_common li .g_box .image .best strong.best3{display:block;background:url('../images/main_best03.png') no-repeat center center;width:80px;height:106px;} .goods_common li .g_box .name_area{position:relative;padding:15px 28px;text-align:left;word-break: break-all;width:518px;box-sizing: border-box;height:204px;} .goods_common li .g_box .name_area span.type{display:block;font-size:18px;color:#ed1c24;vertical-align:middle;margin-bottom:13px;} .goods_common li .g_box .name_area span.type .badge_list{top:-1px;position:relative} .goods_common li .g_box .name_area span.type .badge_list2{top:-1px;position:relative} .goods_common li .g_box .name_area span.type .badge_list2 strong{display:inline-block;font-weight:500;color:#ffffff;border-radius:4px;background:#492ffb;font-size:14px;line-height:20px;padding-left:9px;padding-right:9px;margin-left:2px;} .goods_common li .g_box .name_area .badge_list strong{display:inline-block;font-weight:500;color:#ffffff;border-radius:4px;background:#ed1c24;font-size:14px;line-height:20px;padding-left:9px;padding-right:9px;margin-left:2px;} .goods_common li .g_box .name_area .badge_list strong.badge18{background:#577dfb} .goods_common li .g_box .name_area .badge_list strong.badge19{background:#9d7b06} .goods_common li .g_box .name_area .badge_list strong.badge12{background:#79a906} .goods_common li .g_box .name_area .badge_list strong.badge17{background:#0b8b74} .goods_common li .g_box .name_area span.subject{display:block;font-size:24px;color:#1b1b1b;font-weight:700;margin-top:0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .goods_common li .g_box .name_area span.add_exp{display:block;font-size:16px;color:#666666;font-weight:400;margin-top:0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top:1px;} .goods_common li .g_box .name_area span.add_keyword{display:block;position:relative;padding-top:15px;} .goods_common li .g_box .name_area span.add_keyword strong{display:inline-block;box-sizing: border-box;border:1px solid #abb5d6;border-radius:3px;padding:7px 10px;font-size:15px;font-weight:600;line-height:15px;margin-right:6px;margin-bottom:4px;} .goods_common li .g_box .name_area span.add_keyword strong.tag1{background:#eef2ff;color:#415596;border-color:#abb5d6;} .goods_common li .g_box .name_area span.add_keyword strong.tag2{background:#faffee;color:#909b74;border-color:#c8d6ab;} .goods_common li .g_box .name_area span.add_keyword strong.tag3{background:#ffeef1;color:#b98891;border-color:#c8d6ab;} .goods_common li .g_box .name_area span.add_keyword strong.tag4{background:#eefffc;color:#61a196;border-color:#abd6d1;} .goods_common li .g_box .name_area span.add_keyword strong.tag1:hover{background:#eef2ff;color:#415596;border-color:#6b7185;} .goods_common li .g_box .name_area span.add_keyword strong.tag2:hover{background:#faffee;color:#909b74;border-color:#7d866b;} .goods_common li .g_box .name_area span.add_keyword strong.tag3:hover{background:#ffeef1;color:#b98891;border-color:#a68589;} .goods_common li .g_box .name_area span.add_keyword strong.tag4:hover{background:#eefffc;color:#61a196;border-color:#7a9894;} .goods_common li .g_box .name_area button.zzim{position:absolute;right:24px;top:12px;box-sizing: border-box;width:30px;height:30px;border:1px solid #e6e6e6;border-radius:15px;background:#f0f0f0;display:flex;align-items: center;justify-content:center;align-content:center;flex-direction:column;} .goods_common li .g_box .name_area button.zzim span{color:#cccccc;font-size:22px;margin-top:4px;} .goods_common li .g_box .name_area button.zzim:hover,.goods_common li .g_box .name_area button.zzim.on{background:#ed1c24;border:1px solid #ed1c24;} .goods_common li .g_box .name_area button.zzim:hover span,.goods_common li .g_box .name_area button.zzim.on span{color:#fff;} .goods_common li .g_box_no{transition-property: box-shadow;transition-timing-function: cubic-bezier(.4, 0, .2, 1);transition-duration: .2s;height:512px;width:518px;box-sizing: border-box;border:1px solid #dddddd;background:url('../images/main_ad_bg.jpg') repeat left top;border-radius: 15px;position:relative;cursor:pointer} .goods_common li .g_box_no .text_area{width:290px;height:280px;position:Absolute;top:50%;margin-top:-70px;margin-left:-145px;text-align:center;left:50%;} .goods_common li .g_box_no .text_area .title{color:#333333;font-size:34px;font-weight:700;display:block;line-height:110%;position:relative} .goods_common li .g_box_no.info_ad1 .text_area .title:before{content:'';position:absolute;left:50%;margin-left:-35px;width:70px;height:48px;top:-64px;background:url('../images/icon_diamond.png') no-repeat center center;} .goods_common li .g_box_no .text_area .stitle{color:#333333;font-size:22px;font-weight:700;display:block;line-height:110%;} .goods_common li .g_box_no .text_area .stitle strong{color:#ed1c24;} .goods_common li .g_box_no .text_area .add_exp{color:#666666;text-align:center;margin-bottom:5px;margin-top:17px;} .goods_common li .g_box_no .text_area .add_exp p{color:#666666;font-size:20px;line-height:110%} .goods_common li .g_box_no .text_area .btn_box{padding-top:25px;} .goods_common li .g_box_no .text_area .btn_box a{font-size:16px;line-height:120%;background:#ef4444;border-radius:3px;color:#fff;padding:0px 8px;line-height:31px;} .goods_common li .g_box_no .text_area .btn_box a span{font-size:18px;color:#fff;margin-right:3px;} .goods_common li .g_box_no:hover{box-shadow: 0px 4px 16px 0 rgba(0, 0, 31, .1019607843);} .goods_common li .g_box_no.info_ad2{height:452px;width:385px;} .goods_common li .g_box_no.info_ad2 .text_area .title:before{content:'';position:absolute;left:50%;margin-left:-33px;width:66px;height:63px;top:-70px;background:url('../images/icon_platinum.png') no-repeat center center;} .goods_common li .g_box_no.info_ad3{width:304px;height:406px;} .goods_common li .g_box_no.info_ad3 .text_area .title:before{content:'';position:absolute;left:50%;margin-left:-28px;width:56px;height:56px;top:-65px;background:url('../images/icon_gold.png') no-repeat center center;} .cont_recruit_list .goods_common.goods_dia_list li{width:630px;margin-right:0px;} .cont_recruit_list .goods_common.goods_dia_list li .g_box{width:630px;height:604px;} .cont_recruit_list .goods_common.goods_dia_list li .g_box .image{height:420px;} .cont_recruit_list .goods_common.goods_dia_list li .g_box .name_area{width:630px;box-sizing: border-box;} .goods_common.goods_best_list li{width:480px;margin-right:0px;} .goods_common.goods_best_list li .g_box{width:480px;height:520px;} .goods_common.goods_best_list li .g_box .image{height:319px;} .goods_common.goods_best_list li .g_box .name_area{width:478px;box-sizing: border-box;height:199px;} .goods_common.goods_best_list li .g_box .name_area span.add_keyword strong{padding:7px 6px;font-size:14px;font-weight:600;line-height:15px;margin-right:6px;margin-bottom:4px;} .goods_common.goods_partner_list li{width:385px;margin-bottom:15px;} .goods_common.goods_partner_list li .g_box{width:385px;height:460px;} .goods_common.goods_partner_list li .g_box .image{height:256px;} .goods_common.goods_partner_list li .g_box .name_area{width:383px;box-sizing: border-box;height:204px;padding: 15px 15px;} .goods_common.goods_partner_list li .g_box .name_area span.subject{font-size:22px;} .cont_recruit_list .goods_common.goods_partner_list li{width:630px;margin-right:0px;} .cont_recruit_list .goods_common.goods_partner_list li .g_box{width:630px;height:604px;} .cont_recruit_list .goods_common.goods_partner_list li .g_box .image{height:420px;} .cont_recruit_list .goods_common.goods_partner_list li .g_box .name_area{width:630px;box-sizing: border-box;} .cont_recruit_list .goods_common.goods_partner2_list li{width:412px;margin-right:0px;} .cont_recruit_list .goods_common.goods_partner2_list li .g_box{width:412px;height:444px;} .cont_recruit_list .goods_common.goods_partner2_list li .g_box .image{height:274px;} .cont_recruit_list .goods_common.goods_partner2_list li .g_box .name_area{width:410px;box-sizing: border-box;height:170px;} .cont_recruit_list .goods_common.goods_partner2_list li .g_box .name_area span.add_keyword strong{display:inline-block;box-sizing: border-box;border:1px solid #abb5d6;border-radius:3px;padding:7px 10px;font-size:15px;font-weight:600;line-height:15px;margin-right:6px;margin-bottom:4px;} .cont_recruit_list .goods_common.goods_partner2_list li .g_box{background:#fff;} .goods_common.goods_platinum_list li{width:385px;margin-bottom:15px;} .goods_common.goods_platinum_list li .g_box{width:385px;height:462px;} .goods_common.goods_platinum_list li .g_box .image{height:256px;} .goods_common.goods_platinum_list li .g_box .name_area{width:383px;box-sizing: border-box;height:204px;padding: 15px 15px;} .goods_common.goods_platinum_list li .g_box .name_area span.subject{font-size:22px;} .cont_recruit_list .goods_common.goods_platinum_list li{width:412px;margin-right:0px;} .cont_recruit_list .goods_common.goods_platinum_list li .g_box{width:412px;height:474px;} .cont_recruit_list .goods_common.goods_platinum_list li .g_box .image{height:274px;} .cont_recruit_list .goods_common.goods_platinum_list li .g_box .name_area{width:410px;box-sizing: border-box;height:200px;} .cont_recruit_list .goods_common.goods_platinum_list li .g_box .name_area span.add_keyword strong{display:inline-block;box-sizing: border-box;border:1px solid #abb5d6;border-radius:3px;padding:7px 10px;font-size:15px;font-weight:600;line-height:15px;margin-right:6px;margin-bottom:4px;} .goods_common.goods_gold_list li{width:304px;margin-bottom:15px;} .goods_common.goods_gold_list li .g_box{width:302px;height:406px;} .goods_common.goods_gold_list li .g_box .image{height:202px;} .goods_common.goods_gold_list li .g_box .name_area{width:302px;box-sizing: border-box;height:203px;padding: 15px 15px;} .goods_common.goods_gold_list li .g_box .name_area span.subject{font-size:20px;} .cont_recruit_list .goods_common.goods_gold_list li{width:305px;margin-right:0px;} .cont_recruit_list .goods_common.goods_gold_list li .g_box{width:305px;height:397px;} .cont_recruit_list .goods_common.goods_gold_list li .g_box .image{height:203px;} .cont_recruit_list .goods_common.goods_gold_list li .g_box .name_area{width:303px;box-sizing: border-box;height:194px;} .cont_recruit_list .goods_common.goods_gold_list li .g_box .name_area span.subject{font-size:18px;} .cont_recruit_list .goods_common.goods_gold_list li .g_box .name_area span.add_keyword strong{font-size:13px;font-weight: 500;padding: 7px 4px;margin-right: 4px;} .goods_common.goods_top_list li{width:304px;margin-bottom:15px;} .goods_common.goods_top_list li .g_box{width:302px;height:406px;background:#fff;} .goods_common.goods_top_list li .g_box .image{height:202px;} .goods_common.goods_top_list li .g_box .name_area{width:302px;box-sizing: border-box;height:203px;padding: 15px 15px;}} .goods_common.goods_top_list li .g_box .name_area span.subject{font-size:20px;} .cont_recruit_list .goods_common.goods_top_list li .g_box .name_area span.subject{font-size:18px;} .cont_recruit_list .goods_common.goods_top_list li .g_box .name_area span.add_keyword strong{font-size:13px;font-weight: 500;padding: 7px 4px;margin-right: 4px;} .goods_common.goods_general_list li{width:49%;margin-right:2%;} .goods_common.goods_general_list li:nth-child(even){margin-right:0%;} .goods_common.goods_general_list li .g_box{width:100%;border-radius:13px;background:#fff;height:173px;} .goods_common.goods_general_list li .g_box a{position:relative} .goods_common.goods_general_list li .g_box .image{width:188px;height:127px;position:absolute;lefT:25px;top:23px;border-radius:10px;} .goods_common.goods_general_list li .g_box .name_area{width:100%;box-sizing: border-box;height:160px;padding: 24px 28px;padding-left:230px;} .goods_common.goods_general_list li .g_box .name_area span.type{margin-bottom:5px;} .goods_common.goods_general_list li .g_box .name_area span.subject{font-size:20px;} .goods_common.goods_general_list li .g_box .name_area button.zzim{top:14px;} .goods_common.goods_general_list li .g_box .name_area span.add_keyword{padding-top:6px;} .goods_common.goods_general_list li.no_image .g_box .image{display:none} .goods_common.goods_general_list li.no_image .g_box .name_area{padding-left:28px;} .cont_recruit_list .goods_common.goods_general_list li .g_box .name_area span.add_keyword strong{font-size:13px;font-weight: 500;padding: 7px 4px;margin-right: 4px;} .cont_recruit_list .goods_common.goods_general_list li .g_box .name_area span.subject{font-size:18px;} .goods_common.goods_sgeneral_list li{width:100%;margin-right:0%;} .goods_common.goods_sgeneral_list li:nth-child(even){margin-right:0%;} .goods_common.goods_sgeneral_list li .g_box{width:100%;background:#fff;box-sizing: border-box;height:auto} .goods_common.goods_sgeneral_list li .g_box a{position:relative;display:block;height:auto;border-radius:13px;padding: 14px 15px;} .goods_common.goods_sgeneral_list li .g_box .image{width:165px;height:110px;position:absolute;lefT:15px;top:15px;border-radius:8px;} .goods_common.goods_sgeneral_list li .g_box .icon_marker{position:absolute;width:26px;height:32px;top:3px;left:15px;z-index:22} .goods_common.goods_sgeneral_list li.no_image .g_box .icon_marker{top:16px;} .goods_common.goods_sgeneral_list li .g_box .name_area{width:100%;box-sizing: border-box;height:110px;padding: 0px 0px;padding-left:175px;} .goods_common.goods_sgeneral_list li .g_box .name_area span.subject{font-size:18px;} .goods_common.goods_sgeneral_list li .g_box .name_area span.type{font-size:16px;padding-top:3px;} .goods_common.goods_sgeneral_list li .g_box .name_area button.zzim{top:0px;width:24px;height:24px;right:0px;} .goods_common.goods_sgeneral_list li .g_box .name_area button.zzim span{font-size:17px;} .goods_common.goods_sgeneral_list li .g_box .name_area span.add_keyword{padding-top:5px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .goods_common.goods_sgeneral_list li.no_image .g_box .image{display:none} .goods_common.goods_sgeneral_list li.no_image .g_box .name_area{padding-left:40px;} .goods_common.goods_sgeneral_list li .g_box .name_area span.add_keyword strong{border:0px solid #abb5d6;display:inline-block;padding: 0px 0px;font-size: 15px;font-weight:400;margin-right: 10px;background:transparent} .goods_common.goods_general_list li .g_box .icon_marker{position:absolute;width:24px;height:32px;top:3px;left:25px;z-index:22} .recruit_map_box .goods_common.goods_general_list li.no_image .g_box .name_area{padding-left:60px;} .recruit_map_box .goods_common.goods_general_list li.no_image .g_box .icon_marker{top:23px;} .goods_common.goods_etc_list li .g_box .name_area span.date{display: block;font-size: 18px;color:#333} .goods_common.goods_etc_list li{width:32%;margin-right:1%;} .goods_common.goods_etc_list li:nth-child(3){width:34%;margin-right:0%;} .goods_common.goods_etc_list li .g_box{width:100%;border-radius:13px;background:#fff;height:173px;} .goods_common.goods_etc_list li .g_box a{position:relative} .goods_common.goods_etc_list li .g_box .image{width:127px;height:127px;position:absolute;lefT:15px;top:15px;border-radius:10px;} .goods_common.goods_etc_list li .g_box .name_area{width:100%;box-sizing: border-box;height:160px;padding: 24px 28px;padding-left:160px;} .goods_common.goods_etc_list li .g_box .name_area span.subject{font-size:20px;} .goods_common.goods_etc_list li .g_box .name_area button.zzim{top:14px;} .goods_common.goods_etc_list li .g_box .name_area span.add_keyword{padding-top:10px;} .goods_common.goods_etc_list li.no_image .g_box .image{display:none} .goods_common.goods_etc_list li.no_image .g_box .name_area{padding-left:28px;} .realtime_recruit_list .goods_common.realtimeBest li{width:412px;margin-right:0px;} .realtime_recruit_list .goods_common.realtimeBest li .g_box{width:412px;height:474px;} .realtime_recruit_list .goods_common.realtimeBest li .g_box .image{height:274px;} .realtime_recruit_list .goods_common.realtimeBest li .g_box .name_area{width:410px;box-sizing: border-box;height:200px;} .realtime_recruit_list .goods_common.realtimeBest li .g_box .name_area span.add_keyword strong{display:inline-block;box-sizing: border-box;border:1px solid #abb5d6;border-radius:3px;padding:7px 10px;font-size:15px;font-weight:600;line-height:15px;margin-right:6px;margin-bottom:4px;} .goods_common.realtime li{width:49%;margin-right:2%;} .goods_common.realtime li:nth-child(even){margin-right:0%;} .goods_common.realtime li .g_box{width:100%;border-radius:13px;background:#fff;height:173px;} .goods_common.realtime li .g_box a{position:relative} .goods_common.realtime li .g_box .image{width:188px;height:127px;position:absolute;lefT:25px;top:23px;border-radius:10px;} .goods_common.realtime li .g_box .name_area{width:100%;box-sizing: border-box;height:160px;padding: 24px 28px;padding-left:230px;} .goods_common.realtime li .g_box .name_area span.subject{font-size:20px;} .goods_common.realtime li .g_box .name_area button.zzim{top:14px;} .goods_common.realtime li .g_box .name_area span.add_keyword{padding-top:10px;} .goods_common.realtime li.no_image .g_box .image{display:none} .goods_common.realtime li.no_image .g_box .name_area{padding-left:28px;} .realtime_recruit_list .goods_common.realtime li .g_box .name_area span.add_keyword strong{font-size:13px;font-weight: 500;padding: 7px 4px;margin-right: 4px;} .realtime_recruit_list .goods_common.realtime li .g_box .name_area span.subject{font-size:18px;} #main_ad_area2{background:#f5f5f5;position:relative;overflow:hidden;width:100%;} #main_ad_area2 .main_ad_list{display:block;width:1480px;} #main_ad_area2 .goods_common{display:block;} #main_ad_area2 .goods_common li{position:relative;margin-bottom:20px;} #main_ad_area2 .lSSlideOuter{overflow:visible } #main_ad_area2 .lSSlideWrapper{overflow:visible } #main_ad_area2:before{content:'';background:#f5f5f5;position:absolute;width:50%;height:100%;left:0%;margin-left:-800px;top:0%;z-index: 10;} #main_ad_area2 .lSAction>a{width:72px;height:72px;background-image: url('../images/btn_slider_main.png');background-position:left center;margin-top:-36px;left:-36px;} #main_ad_area2 .lSAction>.lSNext{background-position:-72px center;left:auto;right:-126px;} .goods_common.goods_search_list li{width:100%;margin-right:0px;} .goods_common.goods_search_list li:nth-child(even){margin-right:0%;} .goods_common.goods_search_list li .g_box{width:100%;border-radius:13px;background:#fff;height:173px;} .goods_common.goods_search_list li .g_box a{position:relative} .goods_common.goods_search_list li .g_box .image{width:188px;height:127px;position:absolute;lefT:25px;top:23px;border-radius:10px;} .goods_common.goods_search_list.etc li .g_box .image{width:127px;height:127px;position:absolute;lefT:25px;top:23px;border-radius:10px;} .goods_common.goods_search_list li .g_box .name_area{width:100%;box-sizing: border-box;height:160px;padding: 24px 28px;padding-left:230px;} .goods_common.goods_search_list.etc li .g_box .name_area{width:100%;box-sizing: border-box;height:160px;padding: 24px 28px;padding-left:170px;} .goods_common.goods_search_list li .g_box .name_area span.subject{font-size:20px;} .goods_common.goods_search_list li .g_box .name_area button.zzim{top:14px;} .goods_common.goods_search_list li .g_box .name_area span.add_keyword{padding-top:10px;} .goods_common.goods_search_list li.no_image .g_box .image{display:none} .goods_common.goods_search_list li.no_image .g_box .name_area{padding-left:28px;} .goods_common.goods_search_list li{width:100%;margin-right:0px;} .goods_common.goods_search_list li.no_result .g_box div.text{display:block;border:1px solid #dddddd;box-sizing: border-box;height:100%;border-radius: 15px;text-align:center;} .goods_common.goods_search_list li.no_result .g_box div.text strong{font-size:20px;text-align:center;line-height:160px;} .goods_common.goods_wish_list li{width:100%;margin-right:0px;} .goods_common.goods_wish_list li:nth-child(even){margin-right:0%;} .goods_common.goods_wish_list li .g_box{width:100%;border-radius:13px;background:#fff;height:173px;} .goods_common.goods_wish_list li .g_box a{position:relative} .goods_common.goods_wish_list li .g_box .image{width:188px;height:127px;position:absolute;lefT:25px;top:23px;border-radius:10px;} .goods_common.goods_wish_list.output_type_E li .g_box .image{width:127px;height:127px;position:absolute;lefT:25px;top:23px;border-radius:10px;} .goods_common.goods_wish_list li .g_box .name_area{width:100%;box-sizing: border-box;height:160px;padding: 24px 28px;padding-left:230px;} .goods_common.goods_wish_list.output_type_E li .g_box .name_area{width:100%;box-sizing: border-box;height:160px;padding: 24px 28px;padding-left:170px;} .goods_common.goods_wish_list li .g_box .name_area span.subject{font-size:20px;} .goods_common.goods_wish_list li .g_box .name_area button.zzim{top:14px;} .goods_common.goods_wish_list li .g_box .name_area span.add_keyword{padding-top:10px;} .goods_common.goods_wish_list li.no_image .g_box .image{display:none} .goods_common.goods_wish_list li.no_image .g_box .name_area{padding-left:28px;} .goods_common.goods_wish_list li{width:100%;margin-right:0px;} .goods_common.goods_wish_list li.no_result .g_box div.text{display:block;border:1px solid #dddddd;box-sizing: border-box;height:100%;border-radius: 15px;text-align:center;} .goods_common.goods_wish_list li.no_result .g_box div.text strong{font-size:20px;text-align:center;line-height:160px;} #main_today_div{background:url('../images/main_today_bg.jpg') no-repeat 0 0;background-size:cover;height:500px;} #main_today_div .box{width:1085px;margin:0 auto} #main_today_div .box .title_today{padding-top:50px;text-align:center;} #main_today_div .box .title_today .exp{padding-top:2px;font-size:20px;font-weight:700;color:#fff} #main_today_div .box .title_today .title{padding-top:2px;font-size:46px;font-weight:700;color:#fff} #main_today_div .box .today_list{width:1122px;margin-top:40px;margin-left:-38px;height:205px;} #main_today_div .box .today_list .today_li{float:left;width:336px;margin-right:38px;box-sizing: border-box;height:204px;border-radius:95px;border:3px solid #fff} #main_today_div .box .today_list .today_li:last-child{margin-right:0px;} #main_today_div .box .today_list .today_li p{text-align:center;} #main_today_div .box .today_list .today_li p.s_title{font-size:22px;color:#ffffff;font-weight:700;padding-top:30px;} #main_today_div .box .today_list .today_li p.digital{font-size:32px;color:#ffffff;font-weight:700;padding-top:10px;} #main_today_div .box .today_list .today_li p.digital strong{font-size:70px;} #main_today_div .box .text{padding-top:37px;text-align:center;font-size:18px;color:#d4d4d4;} #main_map_div {display:block;margin-top:75px;border-radius:12px;border:1px solid #dddddd;position:relative;height:678px;} #main_map_div .bg{background:url('../images/main_map_bg.jpg') no-repeat 0 0;background-size:cover;position:absolute;z-index:3;left:0px;top:0px;width:100%;height:100%;opacity:0.3} #main_map_div .map_box{padding:50px 70px;position:relative;z-index:10} #main_map_div .title_map{display:block;} #main_map_div .title_map .title{font-size:40px;color:#1b1b1b;} #main_map_div .title_map .exp{font-size:24px;color:#666666;margin-top:20px;} #main_map_div .tab_text{display:block;margin-top:70px;width:690px;} #main_map_div .tab_text ul{} #main_map_div .tab_text ul li{margin-right:10px;float:left;width:161px;margin-bottom:10px;} #main_map_div .tab_text ul li a{display:block;font-size:20px;color:#333333;text-align:center;box-sizing:border-box;border-radius:4px;border:1px solid #aaabad;line-height:49px;background:#fff;} #main_map_div .tab_text ul li a:hover{border:1px solid #000} #main_map_div .tab_text ul li.active a{color:#fff;border:1px solid #d2171e;line-height:49px;background:#d2171e;} #main_map_div .tab_text .btn_area{clear:both;padding-top:40px;text-align:center;} #main_map_div .tab_text .btn_area a{font-size:20px;background:#333333;color:#fff;line-height:51px;width:220px;display:inline-block;border-radius:26px;} #main_map_div .tab_map{display:block;position:absolute;right:194px;width:475px;height:622px;top:30px;z-index:10} #main_map_div .tab_map .bg{width:475px;height:622px;background:url('../images/main_map.png') no-repeat left top;} #main_map_div .tab_map_box{display:block;position:absolute;width:100%;height:100%;left:0px;top:0px;z-index:10} #main_map_div .tab_map_box a{position:absolute;background:#fff;line-height:34px;color:#424242;font-size:18px;text-align:center;padding-left:17px;padding-right:17px;box-shadow: 0px 4px 16px 0 rgba(0, 0, 31, .1019607843);border-radius:17px;} #main_map_div .tab_map_box a.active,#main_map_div .tab_map_box a:hover{background:#d2171e;color:#fff;} #main_map_div .tab_map_box a.map_018{left:27%;top:41%;} #main_map_div .tab_map_box a.map_017{left:10%;bottom:6%;} #main_map_div .tab_map_box a.map_015{left:60%;bottom:35%;} #main_map_div .tab_map_box a.map_013{left:20%;bottom:37%;} #main_map_div .tab_map_box a.map_012{left:45%;bottom:57%;} #main_map_div .tab_map_box a.map_010{right:30%;top:15%;} #main_map_div .tab_map_box a.map_019{left:30%;top:10%;} #main_map_div .tab_map_box a.map_009{left:35%;top:25%;} #main_map_div .tab_map_box a.map_008{right:0%;bottom:38%;} #main_map_div .tab_map_box a.map_007{left:32%;top:49%;} #main_map_div .tab_map_box a.map_014{left:13%;bottom:26%;} #main_map_div .tab_map_box a.map_005{left:63%;bottom:43%;} #main_map_div .tab_map_box a.map_004{left:75%;bottom:30%;} #main_map_div .tab_map_box a.map_003{left:10%;top:21%;} #main_map_div .tab_map_box a.map_001{left:25%;top:18%;} #main_etc_div{background:#f7f8fa;} #main_news_div .box{border:1px solid #dddddd;border-radius:14px;background:#fff;padding:30px 19px;box-shadow: 0px 4px 16px 0 rgba(0, 0, 31, .1019607843);position:relative} #main_news_div .box .news_box{} #main_news_div .box .news_box ul{width:750px;} #main_news_div .box .news_box li{border-bottom:1px solid #e6e6e6;padding-left:15px;padding-right:15px;margin-bottom:3px;} #main_news_div .box .news_box li a{display:block;padding:12px 0px;font-size:20px;font-weight:700;color:#1b1b1b;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #main_news_div .box .news_box li a span{display:block;color:#888888;font-weight:700;} #main_news_div .box .news_box li:last-child{border-bottom:0px solid #e6e6e6;margin-bottom:0px;} #main_banner_div{position:absolute;top:0px;bottom:0px;right:50px;width:687px;border-left:1px solid #e9e9e9;box-sizing: border-box;padding-left:48px;padding-top:29px;} #main_banner_div ul.banner_box {} #main_banner_div ul.banner_box li{float:left;} #main_banner_div ul.banner_box li a{display:block} #main_banner_div ul.banner_box li a p{text-align:center} #main_banner_div ul.banner_box li a .image{display:block;width:630px;height:248px;overflow:hidden;background:url('') no-repeact center center;background-size:contain;border-radius:13px;} #main_banner_div ul.banner_box li a .title{display:block;font-size:20px;color:#1b1b1b;font-weight:700;padding-top:17px;} #main_banner_div ul.banner_box li a .date{display:block;font-size:16px;color:#888888;font-weight:700;padding-top:10px;} #main_banner_div .lSAction > a{top:40%;} #main_ad_area5 .main_ad_list{display:block} #main_ad_area5 .goods_common{display:block;} #main_ad_area5 .goods_common li{position:relative;margin-bottom:20px;float:left;} #main_ad_area5 .btn_more{clear:both;display:block;text-align:center;padding-top:30px;} #main_ad_area5 .btn_more a{font-size:22px;line-height:48px;background:#767676;color:#fff;width:205px;border:1px solid #5f5f5f;border-radius:25px;display:inline-block;} #main_customer_div{position:relative;height:334px;} #main_customer_div .notice_box{position:relative;width:800px;} #main_customer_div .notice_box .notice_list{border-top:2px solid #474747;border-bottom:2px solid #474747;} #main_customer_div .notice_box .notice_list li{border-bottom:1px solid #e6e6e6} #main_customer_div .notice_box .notice_list li a{display:block;padding:20px 17px;font-size:20px;color:#1b1b1b;font-weight:700;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #main_customer_div .notice_box .notice_list li a span{font-size:16px;color:#888888;display:block;margin-top:7px;} #main_customer_div .notice_box .notice_list li:last-child{border-bottom:0px solid #e6e6e6;} #main_customer_div .banner_box{position:absolute;left:840px;top:0px;width:760px;} #main_customer_div .customer_div{height:200px;position:relative;} #main_customer_div .customer_div .banner_div{width:400px;} #main_customer_div .customer_div .banner_div li{height:90px;margin-bottom:20px;} #main_customer_div .customer_div .banner_div li a{display:block;height:100%;line-height:90px;color:#ffffff;background:#ed1c24;font-size:24px;font-weight:700;border-radius:12px;box-sizing: border-box;padding:0px 25px;position:relative} #main_customer_div .customer_div .banner_div li a span{position:absolute;font-size:40px;right:20px;top:50%;margin-top:-16px;border-radius:12px;} #main_customer_div .customer_div .banner_div li.btn_faq a{background:#474747;} #main_customer_div .customer_div .main_customer{position:absolute;right:0px;top:0px;border:1px solid #dddddd;width:340px;box-sizing: border-box;border-radius:12px;height:200px;} #main_customer_div .customer_div .main_customer .customer_area{padding:35px 28px;position:relative} #main_customer_div .customer_div .main_customer .customer_area .tel{font-size:30px;color:#333333;} #main_customer_div .customer_div .main_customer .customer_area .time{font-size:15px;color:#666666;line-height:130%;} #main_customer_div .customer_div .main_customer .customer_area .email{font-size:15px;color:#666666;line-height:130%;} #main_customer_div .customer_div .main_customer .customer_area .icon{position:absolute;right:25px;bottom:25px;} #main_customer_div .customer_div .main_customer .customer_area .icon span{font-size:60px;color:#666666;} /*이용약관팝업관련*/ .modal-body .userguide_box.adguide{height:auto;overflow-y:auto;padding:0px 20px;} .modal-body .userguide_box{height:500px;overflow-y:auto;padding:0px 20px;} .modal-body .userguide_box .index_list{display:none} .modal-body .userguide_box .round .infotxt {clear:both;line-height:160%;text-align:left;margin:20px 0 10px 0;font-size:15px;color:#555;background:#FFFFFF;} .modal-body .userguide_box .round .section{padding:0px 0 0 0; text-align:justify;font-size:14px} .modal-body .userguide_box .round .section h3{display:block;margin-top:10px;} .modal-body .userguide_box .round .section h3 a{font-size:15px} .modal-body .userguide_box .round .section p{font-size:15px;padding-top:5px;line-height:160%} .modal-body .userguide_box .round .section ol{margin-top:10px;} .modal-body .userguide_box .round .section li{line-height:160%; position:relative;font-size:13px;color:#555;padding-bottom:5px;} .modal-body .userguide_box .round .section .contact{margin:5px 0 23px 18px; padding:20px 30px 20px 0; background:#f7f7f7;} .modal-body .userguide_box .round .section .contact table{border-collapse:collapse; border-spacing:0; width:100%; _width /**/:auto;} .modal-body .userguide_box .round .section .contact table caption{display:none} .modal-body .userguide_box .round .section .contact .line{border-left:1px solid #e5e5e5;} .modal-body .userguide_box .round .section .contact th{text-align:left; color:#333; padding:5px 0 9px 29px; letter-spacing:-1px;border:0} .modal-body .userguide_box .round .section .contact td{padding:3px 0 3px 29px;} .modal-body .userguide_box .round .section .contact .col1{width:385px;} .modal-body .userguide_box .round .section .contact .col2{width:216px; padding-left:0;} .modal-body .userguide_box .round .section .contact .col3{width:185px;} .modal-body .userguide_box .round .section .contact .col4{padding-left:0;} .modal-body .userguide_box .round .section .section_soc{overflow:hidden;padding:0 0 0 23px;zoom:1} .modal-body .userguide_box .round .section .section_soc li{display:inline;float:left;margin-right:44px} .modal-body .userguide_box .round .section .section_soc li.last{margin-right:0} .modal-body .userguide_box .round .section .section_soc li .lg{margin-bottom:17px} .modal-body .userguide_box .round .section .section_soc li h5{height:26px} .modal-body .userguide_box .round .section h4{margin:10px 0 0 0;font-size:16px;color:#555;} .modal-body .userguide_box .round .section h4.first{margin:0;} .modal-body .userguide_box .round .section h4 a{color:#555;text-decoration:none;} .modal-body .userguide_box .round .section h5{font-size:14px;color:#555;margin-top:10px;padding-left:10px;} .modal-body .userguide_box .round .section p{margin-top:10px;} .modal-body .userguide_box .round .section ul{margin-bottom:-2px;} .modal-body .userguide_box .round .section ul.ex{padding-left:9px;} .modal-body .userguide_box .round .section ul.ex .first_letter{margin-left:-9px;} .modal-body .userguide_box .round .section ul ul{margin:0 0 0 10px} .modal-body .userguide_box .round .section .depth1{margin-left:10px;} .modal-body .userguide_box .round .section .depth2{margin-left:10px;} .modal-body .userguide_box .round .section .past{margin:10px 0 0 18px;} .modal-body .userguide_box .round strong.emp {color:#3a9a14;} .modal-body .userguide_box .round table.tbl_type {border-collapse:collapse;font-size:13px;color:#666;line-height:18px;margin-top:20px;} .modal-body .userguide_box .round table.tbl_type caption{display:none} .modal-body .userguide_box .round table.tbl_type td, .modal-body .userguide_box .round table.tbl_type th {padding:7px 7px 3px 7px; border:1px solid #ccc;} .modal-body .userguide_box .round table.tbl_type th {background:#f7f7f7; text-align:center;color:#333;font-weight:bold} .modal-body .userguide_box.emailGuide{height:auto;overflow-y:auto;padding:30px 20px;} .modal-body .userguide_box.emailGuide p.text{font-size:18px;text-align:left;line-height:180%;} .modal-body .userguide_box.emailGuide p.date{margin-top:10px;font-size:16px;text-align:left;line-height:180%;border-top:1px solid #777;padding-top:10px;} /*이용약관팝업관련*/ .policyBox{margin-top:20px;} .policyBox .index_list{border:2px solid #333;padding:50px;border-radius:12px;} .policyBox .index_list p{font-size:18px;padding-bottom:20px;} .policyBox .index_list dl{margin-top:10px;} .policyBox .index_list dl dt{font-size:18px;padding-bottom:5px;float:left;margin-right:20px;} .policyBox .index_list dl dd{font-size:16px;padding-bottom:10px;} .policyBox .index_list ol li{margin-top:10px;color:#000} .policyBox .index_list ol li span{font-size:18px;} .policyBox .index_list ol li a{font-size:18px;text-decoration:none;} .policyBox .infotxt {clear:both;line-height:160%;text-align:left;margin:40px 0 10px 0;font-size:20px;color:#555;background:#FFFFFF;padding:30px;} .policyBox .section{padding:30px; text-align:justify;font-size:16px;clear:both} .policyBox .section h3{display:block;margin-top:30px;} .policyBox .section h3 a{font-size:18px} .policyBox .section p{font-size:16px;padding-top:5px;line-height:160%;} .policyBox .section ol{margin-top:10px;} .policyBox .section li{line-height:160%; position:relative;font-size:16px;color:#555;padding-bottom:5px;} .policyBox .section ol ol{margin-top:10px;padding-left:20px;} .policyBox .section .contact{margin:5px 0 23px 18px; padding:20px 30px 20px 0; background:#f7f7f7;} .policyBox .section .contact table{border-collapse:collapse; border-spacing:0; width:100%; _width /**/:auto;} .policyBox .section .contact table caption{display:none} .policyBox .section .contact .line{border-left:1px solid #e5e5e5;} .policyBox .section .contact th{text-align:left; color:#333; padding:5px 0 9px 29px; letter-spacing:-1px;border:0} .policyBox .section .contact td{padding:3px 0 3px 29px;} .policyBox .section .contact .col1{width:385px;} .policyBox .section .contact .col2{width:216px; padding-left:0;} .policyBox .section .contact .col3{width:185px;} .policyBox .section .contact .col4{padding-left:0;} .policyBox .section .section_soc{overflow:hidden;padding:0 0 0 23px;zoom:1} .policyBox .section .section_soc li{display:inline;float:left;margin-right:44px} .policyBox .section .section_soc li.last{margin-right:0} .policyBox .section .section_soc li .lg{margin-bottom:17px} .policyBox .section .section_soc li h5{height:26px} .policyBox .section h4{margin:50px 0 20px 0;font-size:18px;color:#555;font-weight:700} .policyBox .section h4.first{margin:0;} .policyBox .section h4 a{color:#555;text-decoration:none;} .policyBox .section h5{font-size:18px;color:#555;margin-top:20px;padding-left:10px;font-weight:700} .policyBox .section p{margin-top:10px;} .policyBox .section ul{margin-bottom:-2px;} .policyBox .section ul.ex{padding-left:9px;} .policyBox .section ul.ex .first_letter{margin-left:-9px;} .policyBox .section ul ul{margin:0 0 0 10px} .policyBox .section .depth1{margin-left:10px;width:100%;} .policyBox .section .depth2{margin-left:10px;} .policyBox .section .past{margin:10px 0 0 18px;} .policyBox strong.emp {color:#ed1c24;} .policyBox table.tbl_type {border-collapse:collapse;font-size:14px;color:#666;line-height:130%;margin-top:20px;} .policyBox table.tbl_type caption{display:none} .policyBox table.tbl_type td, .policyBox table.tbl_type th {padding:10px; border:1px solid #ccc;} .policyBox table.tbl_type th {background:#f7f7f7; text-align:center;color:#333;font-weight:bold} /*메시지팝업*/ #alertModal{position:fixed;left:0px;top:0px;height:100%;width:100%;z-index:5000;display:none} #alertModal .alert-bg{height:100%;width:100%;background:#000;opacity:0.5;z-index:5010} #alertModal .alert-dialog{z-index:5020;width:280px;left:50%;margin-left:-140px;position:absolute;background:#fff;top:50%;} #alertModal .alert-dialog .alert-header{height:40px;position:relative;} #alertModal .alert-dialog .alert-header .closeBtn{position:absolute;right:10px;top:10px;border:0px;color:#000;font-size:16px;background:transparent;padding:0px;width:20px;height:20px;text-align:Center;} #alertModal .alert-dialog .alert-body{position:relative;padding:10px 40px 30px 40px;text-align:center;} #alertModal .alert-dialog .alert-body .text{color:#121212;font-size:15px;line-height:160%} #alertModal .alert-dialog .alert-body .text strong{color:#ec971f} #alertModal .alert-dialog .alert-footer{position:relative;height:40px;border-top:1px solid #2ac1bc} #alertModal.alertType .alert-dialog .alert-footer .cancelBtn{display:none} #alertModal.alertType .alert-dialog .alert-footer .closeBtn{display:none} #alertModal .alert-dialog .alert-footer button{width:100%;height:100%;border:0px;background:#000;color:#fff} #alertModal.confirmType .alert-dialog .alert-footer {text-align:right} #alertModal.confirmType .alert-dialog .alert-footer button{width:50%;margin:0px;display:inline-block} #alertModal.confirmType .alert-dialog .alert-footer button.cancelBtn{background-color:#ffffff;color:#000;width:48%;} #alertModal.linkType .alert-dialog .alert-footer {text-align:right} #alertModal.linkType .alert-dialog .alert-footer button{width:50%;margin:0px;display:inline-block} #alertModal.linkType .alert-dialog .alert-footer button.closeBtn{background-color:#ffffff;color:#000;width:48%;} /* 모달팝업 */ .infoModal .modal-dialog {position:relative} .infoModal .modal-dialog .info-header .close{float:none;position:absolute;right:10px;top:9px;color:#fff;opacity:1;z-index:5} .infoModal .modal-dialog .info-header .close span{color:#fff;font-size:20px} .infoModal .modal-content {} .infoModal .modal-content h4.title{display:block;font-family: 'Gmarket Sans';background:#ff0038;text-align:center;font-size:18px;color:#fff;padding:10px 0px;margin:0px;border-top-left-radius:6px;border-top-right-radius:6px;} .infoModal .modal-content .exp{text-align:center;font-size:16px;padding:20px 15px} .infoModal .modal-content .text{display:block;font-size:13px;text-align:center;} .infoModal .modal-content .text.text-left{text-align:left;} .infoModal .modal-content .zoom{padding:5px} .infoModal .modal-content .zoom img{width:100%;} .infoModal .modal-dialog .modal-footer{border-top:0px solid #fff;padding:0px 0px 15px 0px;text-align:center;} .infoModal .modal-dialog .modal-footer button{width:45%;border-color:#ed1c24;color:#ed1c24} .infoModal .modal-dialog .modal-footer button.full{width:90%;border-color:#ed1c24;color:#ed1c24} .infoModal .modal-dialog .modal-footer button.btn-select{background-color:#ed1c24;color:#fff;} .infoModal .modal-dialog .modal-footer button.btn-default:hover{background-color:#fff} .infoModal .modal-dialog .modal-footer button.confirm{background-color:#ed1c24;color:#fff;} .infoModal .modal-dialog .modal-footer button.confirm:hover{background-color:#ed1c24;color:#fff;} .infoModal .modal-dialog .modal-btn{text-align:center;padding-top:30px;} .infoModal .modal-dialog .modal-btn button.btn,.infoModal .modal-dialog .modal-btn a.btn{width:45%;} .infoModal .modal-dialog .modal-body .modalList{} .infoModal .modal-dialog .modal-body .modalList .no-result{padding:30px;font-size:13px;text-align:center;} .infoModal .modal-dialog .modal-body .modal_notice{padding:15px;font-size:13px;border:1px solid #dddddd;background:#f5f5f5;border-radius:12px;margin-bottom:10px;} .infoModal .modal-dialog .modal-body .modal_notice .ntitle{font-size:16px;color:#000;padding-bottom:10px;display:block;font-weight:700} .infoModal .modal-dialog .modal-body .modal_notice ul {} .infoModal .modal-dialog .modal-body .modal_notice ul li{font-size:14px;color:#121212;margin-bottom:5px;background: url('../images/list_dot.png') no-repeat left 9px;padding-left: 7px;} .infoModal .modal-exp {position:relative;padding:10px;} .infoModal .modal-exp strong.block{text-align:center;font-size:20px;display:block;} .infoModal .modal-exp ul{padding:10px;border:1px solid #dedede;background:#efefef;} .infoModal .modal-exp ul li{list-style: none;padding:0px;margin-bottom:10px;} .infoModal .modal-dialog .sub_tab{margin-bottom:20px;} .infoModal .modal-dialog .sub_tab ul{margin-bottom:10px;display:flex;align-items: center;flex-wrap:nowwap;justify-content:center;align-content:center;position:relative;border-left:1px solid #cccccc;} .infoModal .modal-dialog .sub_tab ul li{box-sizing: border-box;text-align:center;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;} .infoModal .modal-dialog .sub_tab ul.five li{width:20%;} .infoModal .modal-dialog .sub_tab ul.two li{width:50%;} .infoModal .modal-dialog .sub_tab ul.full li{width:100%;} .infoModal .modal-dialog .sub_tab ul.three li{width:33%;} .infoModal .modal-dialog .sub_tab ul.three li:last-child{width:34%;} .infoModal .modal-dialog .sub_tab ul li a{text-decoration:none;box-sizing: border-box;border-right:1px solid #cccccc;display:block;font-size:16px;color:#959595;line-height:40px;background:#f6f6f6;font-weight:700} .infoModal .modal-dialog .sub_tab ul li.active a{border-left:2px solid #e1424e;display:block;color:#4a4a4a;background:#fff;border-right:2px solid #e1424e;} .infoModal .modal-dialog .sub_tab ul li.active {border-bottom:1px solid #fff;border-top:2px solid #e1424e;} .infoModal .coupon_number {padding-right:70px;} .infoModal .coupon_number input {display:inline-block;box-sizing: border-box;border-radius:5px;line-height:40px;color:#333;border:1px solid #bfbfbf;;font-size:16px;padding:0px 15px;width:20%;} .infoModal .modal-listTable{width:100%;margin-bottom:50px;} .infoModal .modal-listTable table{border-top:2px solid #333333;padding:0px;margin:0px;width:100%;} .infoModal .modal-listTable table th{background:#f7f7f7;font-weight:700;font-size:16px;color:#333333;text-align:center;border-bottom:1px solid #333333;text-align:center;padding:12px 0px;} .infoModal .modal-listTable table td{background:#fff;font-weight:400;font-size:16px;color:#888888;border-bottom:1px solid #dbdbdb;padding:8px 6px;line-height:120%;text-align:center;} .infoModal .modal-listTable table td.subject{font-weight:700;text-align:left;color:#333333;} .infoModal .modal-listTable table td.text-left{text-align:left;} .infoModal .modal-listTable table td.text-center{text-align:center;} .infoModal .modal-listTable table td p{padding:10px 20px;} .infoModal .modal-listTable table td .no_result{padding:50px 0px 40px 0px;} .infoModal #pay_detail .modal-listTable table th{font-size:16px;} .infoModal #pay_detail .modal-listTable table td{font-size:16px;} .inquiry_modal_box{width:100%} .inquiry_modal_box .categoryName{margin:20px 0 0 0;border:1px solid #000000; padding:10px 0 10px 3px; font-size:16px; color:#121212;background:#efefef;text-align:center} .inquiry_modal_box .qusBox{padding:20px 0 20px 60px; font-size:16px; color:#121212;margin:0 0; border-bottom:1px solid #d3d3d5;position:relative} .inquiry_modal_box .qusBox:before{content:'';position:absolute;left:19px;top:14px;background:url('../images/icon_collect.png') no-repeat -93px -307px;width:29px;height:29px;} .inquiry_modal_box .ansBox{padding:20px 0 20px 60px; font-size:16px; color:#121212; background:#f7fafc; margin:0 0; border-bottom:1px solid #d3d3d5;position:relative} .inquiry_modal_box .ansBox:before{content:'';position:absolute;left:19px;top:14px;background:url('../images/icon_collect.png') no-repeat -125px -307px;width:29px;height:29px;} .infoModal .modal-listTableDetail{width:100%;margin-bottom:50px;} .infoModal .modal-listTableDetail table{border-top:2px solid #333333;padding:0px;margin:0px;width:100%;} .infoModal .modal-listTableDetail table th{background:#f7f7f7;font-weight:700;font-size:16px;color:#333333;text-align:center;border-bottom:1px solid #dbdbdb;text-align:center;padding:12px 0px;} .infoModal .modal-listTableDetail table td{background:#fff;font-weight:400;font-size:16px;color:#888888;border-bottom:1px solid #dbdbdb;padding:8px 6px;line-height:120%;text-align:center;} .infoModal .modal-listTableDetail table td.subject{font-weight:700;text-align:left;color:#333333;} .infoModal .modal-listTableDetail table td.text-left{text-align:left;} .infoModal .modal-listTableDetail table td.text-center{text-align:center;} .infoModal .modal-listTableDetail table td p{padding:10px 20px;} .infoModal .modal-listTableDetail table td .no_result{padding:50px 0px 40px 0px;} .m_modal_area{padding:20px 40px 0px 40px;} .m_modal_area form{position:relative;margin-bottom:50px;} .m_modal_area form div.rows{clear:both;margin-bottom:10px;} .m_modal_area form div.rows.last{margin-bottom:0px;} .m_modal_area .rows input{display:block;width:78%;box-sizing: border-box;border-radius:5px;line-height:40px;color:#333;border:1px solid #bfbfbf;;font-size:16px;padding:0px 15px;} .m_modal_area .search_modal_btn{position:absolute;right:0px;top:0px;bottom:0px;width:20%;} .m_modal_area .search_modal_btn .highlight{background:#000;width:100%;height:100%;text-align:Center;color:#fff;display:block;box-sizing: border-box;border-radius:6px;font-size:20px;border:0px;} .m_modal_area .modal_txt{border:1px solid #dddddd;background:#f5f5f5;border-radius:12px;text-align:center;padding:40px;margin-bottom:10px;} .listPage{text-align:center;margin-top:10px;clear:both;position:relative} .listPage ul.paging{display:inline;padding:0px;margin-left:-4px} .listPage ul.paging li{display:inline-block;border:1px solid #d1dade;margin-left:8px;font-size:13px;text-align:center;vertical-align:middle;border-radius:3px;} .listPage ul.paging li:hover a{} .listPage ul.paging li.btn_page{width:35px;margin-left:8px;border:1px solid #d1dade;} .listPage ul.paging li.btn_page.active{border:1px solid #333333;background:#333333;} .listPage ul.paging li.btn_page.active a{color:#fff;font-size:15px;font-weight:400;background:#333333;} .listPage ul.paging li.btn_start a,ul.paging li.btn_prev_list a,ul.paging li.btn_prev_page a{background:url('../images/page_prev.png?ver=1') no-repeat center center #fff;} .listPage ul.paging li.btn_start a,ul.paging li.btn_prev_list a,ul.paging li.btn_prev_page a{padding-left:0px;width:41px;} .listPage ul.paging li.btn_start:hover a,ul.paging li.btn_prev_list:hover a,ul.paging li.btn_prev_page:hover a{background-color:#edf2f8} .listPage ul.paging li.btn_end a,ul.paging li.btn_next_list a,ul.paging li.btn_next_page a{background:url('../images/page_next.png?ver=1') no-repeat center center #fff;} .listPage ul.paging li.btn_end a,ul.paging li.btn_next_list a,ul.paging li.btn_next_page a{padding-right:0px;width:41px;} .listPage ul.paging li.btn_end:hover a,ul.paging li.btn_next_list:hover a,ul.paging li.btn_next_page:hover a{background-color:#fff} .listPage ul.paging li a{display:block;height:38px;line-height:38px;text-decoration:none;font-size:16px;color:#666666;margin:0px;background-color:#fff;} .listPage ul.paging li a span{display:none} .listPage ul.paging li{} .listPage ul.paging li.disabled a{cursor:not-allowed;} .listPage .list_btn{position:absolute;right:0px;top:-30px;text-align:right;} .listPage .list_btn.left{position:absolute;left:0px;right:auto;} .listPage .list_btn a{font-size:16px;} .notLogin{background:#f5f5f5;border:1px solid #dddddd;border-radius:12px;padding:100px 30px 130px 30px;} .notLogin .cBox{width:340px;margin:0 auto;text-align:center;} .notLogin .cBox .title{text-align:center} .notLogin .cBox .title p{font-family: 'Gmarket Sans';font-size:30px;letter-spacing:-1px;} .notLogin .cBox .title span{font-size:100px;} .notLogin .cBox .exp{margin-top:15px;background:#fff;border:1px solid #dddddd;border-radius:12px;padding:20px 20px;text-align:center} .notLogin .cBox .exp ul{} .notLogin .cBox .exp ul li{padding-left:10px;position:relative;text-align:left;font-size:15px;line-height:130%;margin-bottom:5px;} .notLogin .cBox .exp ul li:before{content:'';background:url('../images/list_dot.png') no-repeat center center;width:3px;height:2px;position:absolute;top:8px;left:0px;} .notLogin .cBox .btn_area{margin-top:20px;} .notLogin .cBox .btn_area a{display:block;padding: 0px 20px;text-align: center;background-color: #000;border-radius: 7px;cursor: pointer;box-sizing: border-box;text-align: center;box-shadow: 0px 4px 16px 0 rgba(0, 0, 31, .1019607843);} .notLogin .cBox .btn_area a span{display:block;color: #fff;font-size: 18px;line-height: 50px;padding: 0px;font-weight: 700;height: 50px;box-sizing: border-box;} .notLogin .cBox .btn_exp{margin-top:15px;text-align:center;font-size:14px;} body #body_wrap .notLogin .cBox .btn_exp a{display:inline-block;margin-left:6px;color:#d10611;text-decoration:underline} .subTabArea{padding-top:20px;margin-bottom:30px;} .subTabArea ul li{float:left; box-sizing:border-box;margin-right:7px;} .subTabArea ul li a{font-size:16px;color:#666666;box-sizing:border-box;background:#fff;border:2px solid #cccccc;font-weight:700;display:inline-block;line-height:36px;border-radius:18px;padding-left:19px;padding-right:19px;} .subTabArea ul li.active a{color:#fff;background:#ed1c24;border-color:#e24652} .subTabArea ul.two li{float:left;width:49%;margin-right:2%;box-sizing:border-box;} .subTabArea ul.two li:last-child{margin-right:0px;} .subTabArea ul.two li a{display:block;width:!00%;box-sizing:border-box;text-align:center;} .guideContents{padding-top:40px;} .guideContents .step_ul{} .guideContents .step_ul .step_li{margin-top:50px;} .guideContents .step_ul .step_li .gbox{display: flex;flex-wrap:wrap;align-content:center;justify-content:space-between;align-items: center;grap:0px;} .guideContents .step_ul .step_li .gbox .exp_box{width:35%;padding-top:10px;} .guideContents .step_ul .step_li .gbox .exp_box .title{text-align:left;width:100%;} .guideContents .step_ul .step_li .gbox .exp_box .title span{display:inline-block;background:#293341;line-height:37px;background:#293341;border-radius:19px;padding:0px 20px;color:#fff;font-weight:700;font-size:16px;} .guideContents .step_ul .step_li .gbox .exp_box .title p{font-size:30px;color:#1c242f;font-weight:700;line-height:130%;padding-top:20px;} .guideContents .step_ul .step_li .gbox .exp_box .exp{background:#f6f7f9;border-radius:18px;margin-top:36px;padding:18px 26px;} .guideContents .step_ul .step_li .gbox .exp_box .exp p{font-size:14px;line-height:130%;margin-bottom:10px;color:#0087ff;} .guideContents .step_ul .step_li .gbox .exp_box .exp p span{margin-right:4px;} .guideContents .step_ul .step_li .gbox .exp_box .exp ul li{padding-left:10px;position:relative;text-align:left;font-size:14px;line-height:130%;margin-bottom:5px;} .guideContents .step_ul .step_li .gbox .exp_box .exp ul li:before{content:'';background:url('../images/list_dot.png') no-repeat center center;width:3px;height:2px;position:absolute;top:8px;left:0px;} .guideContents .step_ul .step_li .gbox .img_box{width:50%} .guideContents .step_ul .step_li .gbox .img_box p{background:#f0f9ff;border-top-left-radius:16px;border-top-right-radius:16px;text-align:center;padding-top:40px;} .guideContents .step_ul .step_li .gbox .img_box p img{display:inline-block} .articleContents{} .articleContents .article_select_box{padding-top:40px;width:800px;margin:0 auto} .articleContents .article_select_box .title{font-family: 'Gmarket Sans';font-size:40px;text-align:center;border-bottom:1px solid #eeeeee;padding-bottom:40px;font-weight:700} .articleContents .article_select_box .exp{font-size:22px;text-align:center;padding:50px 20px;} .articleContents .article_select_box .exp strong{color:#ed1c24;} .articleContents .article_select_box .product{position:relative;text-align:center} .articleContents .article_select_box .product .item{display:inline-block;margin-right:20px;margin-left:20px;} .articleContents .article_select_box .product .item a{display:block;text-align:center;padding:35px 30px;box-sizing: border-box;width:345px;background:#f5f5f5;border-radius:20px;} .articleContents .article_select_box .product .item .s_exp{color:#333;font-size:16px;text-align:center} .articleContents .article_select_box .product .item .s_name{color:#ed1c24;font-size:18px;text-align:center;font-weight:700;padding-top:10px;} .articleContents .article_select_box .product .item .image{text-align:Center;width:60%;margin:0 auto;padding-top:20px;} .articleContents .article_select_box .product .item .image img{width:100%;border-radius:6px;} .articleContents .article_select_box .product .item a:hover{background:#333} .articleContents .article_select_box .product .item a:hover .s_exp{color:#fff;} .articleContents .article_select_box .product .item a:hover .s_name{color:#ea6f74} #recruit_article_info .articleContents{position:relative;padding-right:180px;} #recruit_article_etcInfo .articleContents{position:relative;padding-right:180px;} #recruit_partner_article_info .articleContents{position:relative;padding-right:180px;} .article_info{text-align:left;margin-bottom:60px;} .article_info .info_title{font-size:28px;color:#1b1b1b;font-weight:700;padding:15px 0px;} .article_info .article_input_box{border-top:2px solid #333333;border-bottom:1px solid #333333;box-sizing: border-box;} .article_info .input_box{border-bottom:1px solid #dbdbdb;position:relative;padding-left:180px;padding-top:24px;padding-bottom:24px;box-sizing: border-box;min-height:100px;} .article_info .input_box.full{padding:24px;} .article_info .input_box.two{padding:0px;} .article_info .input_box.two .nrow{display: flex;flex-wrap:wrap;align-content:center;justify-content:space-between;align-items: center;grap:0px;position:relative} .article_info .input_box.two .nrow .ncol{width:50%;position:relative;border-bottom:0px solid #dbdbdb;position:relative;padding-left:180px;padding-top:24px;padding-bottom:24px;padding-right:24px;box-sizing: border-box;} .article_info .input_box label{position:absolute;left:0px;top:0px;width:160px;height:100%;background:#f7f7f7;text-align:center;font-size:18px;color:#333333;box-sizing: border-box;padding-top:37px;font-weight:400} .article_info .input_box label.strong{font-weight:700} .article_info .input_box input{border-radius:6px;;border:1px solid #dddddd;background:#fff;box-sizing: border-box;line-height:48px;padding:0px 20px;width:100%;color:#333;font-size:18px;vertical-align:middle;} .article_info .input_box textarea{border-radius:6px;;border:1px solid #dddddd;background:#fff;box-sizing: border-box;line-height:160%;padding:10px 20px;width:100%;color:#333;font-size:16px;vertical-align:middle;} .article_info .input_box p{font-size:16px;color:#737373;line-height:130%;padding:5px 0px;margin-bottom:5px;} .article_info .input_box.hasButton input{} .article_info .input_box.hasButton input.hasButton1{width:80%;} .article_info .input_box.hasButton input.hasButton2{width:60%;} .article_info .input_box.hasButton input.inline{width:300px;} .article_info .input_box button.input_btn{border-radius:6px;;border:2px solid #333;color:#333;background:#fff;box-sizing: border-box;line-height:46px;text-align:center;min-width:130px;vertical-align:middle;font-size:18px;margin-left:10px;} .article_info .input_box.hasButton input[readonly]{background:#efefef} .article_info .input_box .sms_txt{position:absolute;right:10px;top:42px;color:#666} .article_info .input_box .ncol .sms_txt{right:30px;} .article_info .map_area{height:250px;background:#efefef;position:relative} .article_info .btn_address_correction{position:absolute;z-index:100;bottom:30px;right:30px;} .article_info .btn_address_correction span{font-size:26px;vertical-align:middle} .article_info .input_box button.input_btn.gray{background:#666666;color:#fff;border-color:#666666;} .article_info .article-footer{text-align:center;padding:20px;} .article_info .article-footer button{border-radius:6px;;border:2px solid #ed1c24;color:#fff;background:#ed1c24;box-sizing: border-box;line-height:46px;text-align:center;min-width:130px;vertical-align:middle;font-size:18px;padding-left:10px;text-align:center;} .article_info .article_sub_box{} .article_info .article_sub_box .title{font-size:28px;color:#1b1b1b;font-weight:700;padding:15px 0px;margin-top:15px;} .article_info .btn_address_delete{border-radius:6px;;border:1px solid #ed1c24;color:#fff;background:#ed1c24;box-sizing: border-box;line-height:24px;text-align:center;vertical-align:middle;font-size:16px;padding:5px 10px;padding-left:5px;text-align:center;font-weight:400;margin-left:5px;} .article_info .input_checkbox {display:block;margin-left:0px;margin-top:10px;position:relative} .article_info .input_checkbox input{position:absolute;width: 100%;height: 100%;opacity: 0;cursor: pointer;} .article_info .input_checkbox label{display:inline-block;height:20px;padding-left: 28px;background: url(../images/ico_chk.svg) no-repeat 0 -56px / 20px;font-size:18px; font-weight: 500;color: #333333;line-height: 20px;position:relative;left:auto;top:auto;width:auto;padding-top:0px;cursor:pointer} .article_info .input_checkbox input:checked+label{background-position: 0 0;} .article_info .grid_box_text{display:block;padding-top:20px;} .article_info .grid_box{position:relative;display: flex;flex-wrap: wrap;padding: 9px 0 0 9px;margin: -9px;} .article_info .grid_box .grid_cell{box-sizing: border-box; border: 0 solid transparent; border-width: 0 9px 9px 0; width: calc(100% / 7);position:relative;} .article_info .grid_box .grid_cell_input{box-sizing: border-box; border: 0 solid transparent; border-width: 0 9px 9px 0;font-size:16px;} .article_info .grid_box .grid_cell_input input{line-height:35px;font-size: 16px;width:150px;} .article_info .grid_box .grid_cell_input input.short{width:100px;display:inline-block;} .article_info .grid_box .grid_cell_input input.short[readonly]{background:#efefef} .article_info .grid_box .grid_cell .grid_check{display: none !important;} .article_info .grid_box .grid_cell label{position:relative;top:auto;left:auto;background:#fff;padding-top:0px;margin-bottom:0px;} .article_info .grid_box .grid_cell .grid_check + label { display: flex; align-items: center; justify-content: center; height: 35px; width: 100%; font-weight: normal; cursor: pointer; line-height: 1.2; font-size: 16px; color: #555555 !important; text-align: center; vertical-align: middle; padding-left: 0 !important; background:#fff; border:1px solid #cdcdcd; box-sizing: border-box; background-image: none !important; background-color: #fff !important; border-radius:5px; gap: 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .article_info .grid_box .grid_cell .grid_check:checked+label { color: #fff !important; background-color: #ed1c24 !important; background-image: none !important; border-color:#ed1c24; } .article_info .grid_box .grid_cell .grid_radio{ display: none !important;} .article_info .grid_box .grid_cell .grid_radio + label { display: flex; align-items: center; justify-content: center; height: 35px; width: 100%; font-weight: normal; cursor: pointer; line-height: 1.2; font-size: 16px; color: #555555 !important; text-align: center; vertical-align: middle; padding-left: 0 !important; background:#fff; border:1px solid #cdcdcd; box-sizing: border-box; background-image: none !important; background-color: #fff !important; border-radius:5px; gap: 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .article_info .grid_box .grid_cell .grid_radio:checked+label { color: #fff !important; background-color: #ed1c24 !important; background-image: none !important; border-color:#ed1c24; } .article_info #div_price_area{min-height:100px;position:relative} .article_info .real_input{margin-bottom:20px;position:relative} .article_info .real_input .range_div{display:none} .article_info .real_input .exp{font-size:13px;padding-top:5px;} .article_info .real_input label{width:auto;display:block;text-align:left;font-weight:700;position:relative;left:auto;top:auto;height:auto;background:#fff;padding-top:0px;font-size:16px;} .article_info .real_input .form-inline{} .article_info .real_input .form-inline input{width:150px;} .article_info .input_box .partner_area{display:none} .article_button{text-align:center;} .article_button button,.article_button a{display:inline-block;border-radius:6px;;border:2px solid #676767;color:#fff;background:#676767;box-sizing: border-box;line-height:46px;text-align:center;min-width:130px;vertical-align:middle;font-size:18px;margin-left:10px;font-weight:700} .article_button button.big{min-width:200px} .article_button button.strong,.article_button a.strong{border:2px solid #ed1c24;color:#fff;background:#ed1c24;} .article_button button.blank,.article_button a.blank{border:2px solid #676767;color:#333;background:#fff;} #crob_org_image .jFiler-items{height:220px;overflow:hidden;} #crob_org_image .jFiler-theme-dragdropbox{width:300px;height:200px;margin: 0px;overflow:hidden} #crob_org_image .jFiler-input-dragDrop{width:300px;height:200px;margin: 0px;} #crob_org_image .jFiler-input-text h3{font-size:13px;} #crob_org_image .jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb{min-height:200px;width:300px;height:200px;border-radius:6px;} #crob_org_image .jFiler-items-grid .jFiler-item .jFiler-item-container{padding:0px;border: 0px solid #fff;} #crob_org_image .jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets{position:absolute;right:5px;top:5px;z-index:10} #contentModal .modal-body .modal_crop_image img{width:100%;} #crob_org_image .crop_image{position:absolute;left:600px;top:24px;height:198px;} #crob_org_image .crop_image img{height:100%;border-radius:6px;border:1px solid #000;box-sizing: border-box;} #crob_org_image .crob_txt{font-size:16px;color: #737373;padding-top:10px;} #crob_org_image .crob_txt p{line-height:120%;padding:0px;} #crob_org_image .crob_txt strong{color:#ed1c24;font-weight:400} #crob_org_image .crop_button{position:absolute;left:500px;top:130px;display:none} #crob_org_image .crop_button button{background:#666666;border-radius:6px;width:80px;height:80px;color:#fff;font-size:15px;border:1px solid #666666} #crob_org_image .crop_button button span{display:block;margin-bottom:5px;font-size:25px;} #crob_org_image .crop_reset{position:absolute;left:500px;top:40px;display:none} #crob_org_image .crop_reset button{background:#dc2424;border-radius:6px;width:80px;height:80px;color:#fff;font-size:15px;border:1px solid #dc2424} #crob_org_image .crop_reset button span{display:block;margin-bottom:5px;font-size:25px;} .upload_area .jFiler-items{position:absolute;position:absolute;left:520px;top:90px;height:125px;background:#fff;border-radius:12px;border:1px solid #dddddd;z-index:10;padding:10px;width:560px;} .upload_area .jFiler-items-grid .jFiler-item .jFiler-item-container{padding:5px;margin-right:14px;padding-bottom:20px;} .upload_area .jFiler-items ul{padding-left:10px;} .upload_area .jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb{width:80px;height:80px;min-height:80px;} .upload_area .jFiler-theme-dragdropbox{} .upload_area .jFiler-input-dragDrop{width:300px;height:200px;margin: 0px;display:inline-block;} .upload_area .jFiler-input-text h3{font-size:13px;} .upload_area .thum_area{position:absolute;left:500px;top:24px;height:198px;background:#f5f5f5;border:1px solid #dddddd;border-radius:12px;width:600px;box-sizing: border-box;padding:10px;font-size:13px;line-height:130%;} .upload_area .thum_area p{font-size:13px;line-height:130%;color:#666666;padding:0px;} .upload_area .jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets{position:absolute;right:0px;bottom:0px;z-index:10} .upload_area .jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .jFiler-item-others{display:none} #article_float{position:fixed;left:50%;bottom:50px;margin-left:480px;} #article_float.bottom{bottom:400px;} #article_float ul{} #article_float ul li{margin-bottom:10px;} #article_float ul li a{display:block;padding-left:30px;position:relative;line-height:30px;color:#939393;font-size:16px;border-radius:15px;box-sizing: border-box;width:160px;} #article_float ul li a:before{content:'';position:absolute;display:block;background:url('../images/icon_article.png') no-repeat center bottom;width:10px;height:10px;z-index:3;left:11px;top:10px;} #article_float ul li.active a{color:#fff;background:#ed1c24;} #article_float ul li.active a:before{background-position:center top;} .modal-address { display: none; position: fixed; z-index: 20000; left:0%; width:100%; top:0%; height:100%; } .modal-address:after{ content:''; position:absolute; z-index: 2; left:0%; width:100%; top:0%; height:100%; background:#000; opacity:0.5; } .modal-address .m_wrap{ position:absolute; z-index: 1000; left: 50%; padding: 20px; margin-left:-250px; border: 1px solid #333; background-color: white; border-radius: 20px; top:15%; width:500px; box-sizing: border-box; } .modal-address .m_wrap .m_title{ position:relative; font-size:20px; font-weight:700; } .modal-address .m_wrap .m_title button{ position:absolute;right:10px;bottom:2px; } #daum_address { border: 1px solid #333; } #artcle_float_info{position:absolute;right:0px;top:60px;width:430px;} #artcle_float_info.fixed{position:fixed;right:50%;top:90px;width:430px;margin-right:-640px;} #artcle_float_info .fbox{border-radius:20px;background:#fff;border:1px solid #c5cad3;box-sizing: border-box;padding:30px 30px 20px 30px;} #artcle_float_info .fbox .f_type{margin-bottom:5px;} #artcle_float_info .fbox .f_type .type{margin-bottom:5px;display: inline-block;font-weight: 400;color: #ffffff;border-radius: 4px;background: #ed1c24;font-size: 16px;line-height: 26px; padding-left: 9px;padding-right: 9px;margin-left: 2px;} #artcle_float_info .fbox .f_type .region{margin-bottom:5px;display: inline-block;font-weight: 400;color: #fff;border-radius: 4px;background: #2395c5;font-size: 16px;line-height: 24px; padding-left: 9px;padding-right: 9px;margin-left: 2px;border:1px solid #30a0d0;margin-left:5px;} #artcle_float_info .fbox .f_name{font-weight:700;font-size:22px;line-height:120%;margin-bottom:20px;} #artcle_float_info .fbox .f_word{font-weight:400;font-size:16px;line-height:130%;margin-bottom:20px;} #artcle_float_info .fbox .f_salary{margin-bottom:20px;font-size:16px;} #artcle_float_info .fbox .f_url{margin-bottom:15px;margin-top:15px;text-align:right} #artcle_float_info .fbox .f_url a{display:block;} #artcle_float_info .fbox .f_url strong.web{display:inline-block;background:url('../images/icon_website.png') no-repeat center center;height:30px;width:30px;margin-right:10px;background-size:100% 100%;} #artcle_float_info .fbox .f_url strong.youtube{display:inline-block;background:url('../images/icon_youtube.png') no-repeat center center;height:30px;width:30px;margin-right:10px;background-size:100% 100%;} #artcle_float_info .fbox div.add_keyword{display:block;position:relative;padding-top:13px;margin-bottom:20px;} #artcle_float_info .fbox div.add_keyword strong{display:inline-block;box-sizing: border-box;border:1px solid #abb5d6;border-radius:3px;padding:7px 10px;font-size:15px;font-weight:600;line-height:15px;margin-right:6px;margin-bottom:4px;} #artcle_float_info .fbox div.add_keyword strong.tag1{background:#eef2ff;color:#415596;border-color:#abb5d6;} #artcle_float_info .fbox div.add_keyword strong.tag2{background:#faffee;color:#909b74;border-color:#c8d6ab;} #artcle_float_info .fbox div.add_keyword strong.tag3{background:#ffeef1;color:#b98891;border-color:#c8d6ab;} #artcle_float_info .fbox div.add_keyword strong.tag4{background:#eefffc;color:#61a196;border-color:#abd6d1;} #artcle_float_info .fbox .f_agency{font-weight:500;font-size:16px;line-height:130%;margin-bottom:20px;color:#222;} #artcle_float_info .fbox .f_agency strong{color:#434956;font-weight:500;display:inline-block;margin-right:10px;width:80px;} #artcle_float_info .fbox .f_date{font-weight:500;font-size:16px;line-height:130%;margin-bottom:20px;color:#222} #artcle_float_info .fbox .f_date strong{color:#434956;font-weight:500;display:inline-block;margin-right:10px;width:80px;} #artcle_float_info .fbox .f_manager{font-weight:500;font-size:16px;line-height:130%;margin-bottom:20px;color:#222} #artcle_float_info .fbox .f_manager strong{color:#434956;font-weight:500;display:inline-block;margin-right:10px;width:80px;} #artcle_float_info .fbox .f_phone{font-weight:500;font-size:16px;line-height:130%;margin-bottom:20px;color:#222} #artcle_float_info .fbox .f_phone strong{color:#434956;font-weight:500;display:inline-block;margin-right:10px;width:80px;} #artcle_float_info .fbox .f_btn{margin-top:25px;} #artcle_float_info .fbox .f_btn a{display:inline-block;width:49%;margin-right:1%;background: #000;border-radius: 6px;padding: 0px 0px;border-radius: 6px;text-align: center;color: #fff;font-size: 18px;border: 1px solid #000;line-height: 48px;position:relative;box-sizing: border-box;padding-left:15px;} #artcle_float_info .fbox .f_btn a.share{display:inline-block;width:49%;margin-right:1%;background: #fff;border-radius: 6px;padding: 0px 0px;border-radius: 6px;text-align: center;color: #d02626;font-size: 18px;border: 1px solid #d02626;line-height: 48px;position:relative;box-sizing: border-box;padding-left:15px;} #artcle_float_info .fbox .f_btn a span{font-size:30px;position:absolute;left:30px;top:11px;} #recruit_article_view .articleContents{padding-right:450px;} #recruit_article_view .articleContents .article_view_image{position:relative;border:0px solid #c5cad3;border-radius:20px;} #recruit_article_view .articleContents .article_view_image li{} #recruit_article_view .articleContents .article_view_image li img{width:100%;border-radius:20px;} #recruit_article_view .articleContents .article_view_image .lSSlideOuter .lSPager.lSpg{position:absolute;left:0px;width:100%;bottom:10px;} #recruit_article_view .article_view{text-align:left;margin-bottom:40px;} #recruit_article_view .article_view .info_title{font-size:24px;color:#1b1b1b;font-weight:700;padding:15px 0px 20px 0px;} #recruit_article_view #articleEtcView .article_view .info_title{padding:0px 0px 20px 0px;margin-top:-5px;} #recruit_article_view .article_view .article_box{border-radius:15px;background:#fff;border:1px solid #c5cad3;} #recruit_article_view .article_view .article_box .input_headerbox{border-top-left-radius:15px;padding:15px 30px;border-top-right-radius:15px;background:#F7F7F7;border-bottom:1px solid #c5cad3;} #recruit_article_view .article_view .article_box .input_headerbox p.detail{line-height:160%;font-size:20px;} #recruit_article_view .article_view .article_box .input_bodybox{padding:30px;} #recruit_article_view .article_map.article_view .article_box .input_bodybox{padding:30px;padding-top:10px;} #recruit_article_view .article_map.article_view .article_box .input_box{margin-bottom:10px;} #recruit_article_view .article_view .article_box .input_box{margin-bottom:20px;position:relative;padding-left:110px;} #recruit_article_view .article_view .article_box .input_box.full{padding-left:0px;} #recruit_article_view .article_view .article_box .input_box label{font-size:16px;position:absolute;left:0px;top:1px;color:#1a1a1a;font-weight:500;text-align:left;} #recruit_article_view .article_view .article_box .input_box p{font-size:16px;line-height:160%;color:#1a1a1a;} #recruit_article_view .article_view .article_box .input_box p strong{color:#0057ff;} #recruit_article_view .article_view .article_box .input_box p strong.stitle{display:inline-block;background:#f5b75d;font-size:16px;line-height:24px;padding:0px 10px;color:#fff;border-radius:15px;margin-right:5px;margin-left:5px;} #recruit_article_view .article_view .article_box .input_box p.detail{line-height:160%;font-size:16px;color:#1a1a1a;} #recruit_article_view .article_view .article_box .input_box p.list{line-height:130%;font-size:16px;color:#1a1a1a;margin-bottom:5px;} #recruit_article_view .article_view .article_box .input_box .map_area{height:200px;border-radius:0px;background:#fff;border:1px solid #c5cad3;} #recruit_article_view .article_view .article_box .input_box span.sbox{display:inline-block;background:#f4f5f6;font-size:16px;line-height:24px;padding:0px 10px;color:#222;border-radius:3px;margin-right:5px;} #recruit_article_view .article_view .btn_zoom{position:absolute;z-index:100;top:10px;right:10px;} #recruit_article_view .article_view .btn_zoom span{font-size:24px;vertical-align:middle} #recruit_article_view .article_view .input_box .input_btn{border-radius:6px;;border:1px solid #333;color:#333;background:#fff;box-sizing: border-box;line-height:34px;text-align:center;min-width:80px;vertical-align:middle;font-size:14px;margin-left:10px;padding:0px 5px;display:inline-block;font-weight:700} #recruit_article_view .article_view .article_sbox{} #recruit_article_view .article_view .article_sbox .input_box{border-radius:15px;background:#fafafa;border:1px solid #fafafa;width:24%;margin-right:1%;float:left;text-align:Center;padding:17px 10px 12px 10px;box-sizing: border-box;} #recruit_article_view .article_view .article_sbox .input_box label{display:block;font-size:15px;color:#666} #recruit_article_view .article_view .article_sbox .input_box p{display:block;font-size:18px;color:#333;height:50px;} #recruit_article_view .lSSlideWrapper{overflow:auto} #recruit_article_view .articleContents .article_view_image .lSSlideOuter .lSPager.lSpg{bottom:-30px;} .mypageBox{background:url('../images/mypage_info_box.jpg') no-repeat center center;background-size:cover;height:230px;border-radius:12px;padding:26px 56px;box-sizing: border-box;position:relative;margin-bottom:55px;} .mypageBox .myinfo{color:#fff;text-align:left;line-height:160%} .mypageBox .myinfo .text{font-size:20px;line-height:160%} .mypageBox .myinfo .name{font-size:34px;font-weight:700;line-height:160%} .mypageBox .myinfo .name .btn_logout{margin-left:10px;background:#fff;line-height:30px;color:#000;border-radius:15px;font-size:13px;padding:0px 13px;} .mypageBox .myinfo .name .btn_logout span{font-size:20px;} .mypageBox .myinfo .name .btn_logout:hover{background:#333333;color:#fff} .mypageBox .myinfo .level{font-size:18px;line-height:160%} .mypageBox .myinfo .level span{display:inline-block;background:#000;border-radius:13px;line-height:26px;color:#fff;font-size:18px;margin-left:0px;padding:0px 20px;} .mypageBox .myinfo .btn_modify{padding-top:15px;} .mypageBox .myinfo .btn_modify a{background:#ffffff;line-height:46px;font-size:18px;color:#333333;border-radius:23px;padding:0px 23px;font-weight:700} .mypageBox .myinfo .btn_modify a:hover{background:#333333;color:#fff} .mypageBox .myinfo .btn_modify a span{margin-right:5px;} .mypageBox .myNaviButton{position:absolute;right:54px;top:30px;} .mypageBox .myNaviButton ul{} .mypageBox .myNaviButton ul li{float:left;margin-left:11px;margin-bottom:11px;} .mypageBox .myNaviButton ul li a{display:block;width:200px;height:80px;border-radius:9px;background:#fff;box-sizing: border-box;padding:0px 15px;} .mypageBox .myNaviButton ul li a:hover,.mypageBox .myNaviButton ul li.active a{background:url('../images/mypage_button_bg.jpg') repeat left top;} .mypageBox .myNaviButton ul li p{display:block;position:relative;height:100%;} .mypageBox .myNaviButton ul li p span.title{color:#333333;font-size:18px;font-weight:700;line-height:80px;} .mypageBox .myNaviButton ul li p span.point{color:#ed1c24;font-size:18px;font-weight:700;line-height:80px;position:absolute;right:0px;top:0px;} .mypageBox .myNaviButton ul li p span.point strong{color:#333333;} .mypageBox .myNaviButton ul li p span.material-symbols-outlined{position:absolute;right:0px;top:26px;font-size:30px;color:#000;} .mypageBox .myNaviButton ul li a:hover p span.title,.mypageBox .myNaviButton ul li.active a p span.title{color:#fff;} .mypageBox .myNaviButton ul li a:hover p span.point,.mypageBox .myNaviButton ul li.active a p span.point{color:#fff;} .mypageBox .myNaviButton ul li a:hover p span.point strong,.mypageBox .myNaviButton ul li.active a p span.point strong{color:#fff;} .mypageBox .myNaviButton ul li a:hover p span.material-symbols-outlined,.mypageBox .myNaviButton ul li.active a p span.material-symbols-outlined{color:#c9c9c9;} .mypageBox .myNaviButton ul li:nth-child(4){clear:both} .sub_stitle{margin-bottom:15px;position:relative} .sub_stitle h4{font-weight:700;font-size:28px;color:#1b1b1b;} .sub_stitle .title_btn{position:absolute;right:0px;bottom:0px;} .sub_stitle .title_btn a{color:#444444;font-size:16px;padding-left:20px;line-height:30px;border-radius:3px;border:1px solid #d1d5db;background:#fff;color:#4e4944;box-sizing: border-box;} .sub_stitle .title_btn a span{margin-top:2px;} .myTableArea{width:100%;margin-bottom:50px;} .myTableArea table{border-top:2px solid #333333;padding:0px;margin:0px;width:100%;} .myTableArea table th{background:#f7f7f7;font-weight:700;font-size: 18px;color:#333333text-align:center;border-bottom:1px solid #333333;text-align:center;padding:16px 0px;} .myTableArea table td{background:#fff;font-weight:400;font-size:18px;color:#888888;border-bottom:1px solid #dbdbdb;padding:14px 6px;line-height:120%;text-align:center;} .myTableArea table td.subject{font-weight:700;text-align:left;color:#333333;line-height:130%;} .myTableArea table td.text-left{text-align:left;} .myTableArea table td p{padding:10px 20px;} .myTableArea table td .no_result{background:url('../images/icon_nodata.png?') no-repeat center 50px;padding:130px 0px 40px 0px;background-size:50px 63px;} .myTableTab{width:100%;margin-top:20px;position:relative;height:36px} .myTableTab ul{display:block;position:absolute;top:0px;right:0px;} .myTableTab ul li{float:left;margin-left:4px;height:36px} .myTableTab ul li.active{} .myTableTab ul li a{box-sizing: border-box;border:2px solid #333333;border-top-left-radius:12px;border-top-right-radius:12px;background:#f7f7f7;display:block;padding:0px 20px;line-height:35px;font-size:16px;border-bottom:0px;border-bottom:2px solid #333} .myTableTab ul li.active a{border-bottom:2px solid #f7f7f7;font-weight:700} .infotxtBox{background:#f5f5f5;border:1px solid #dddddd;border-radius:12px;padding:30px;} .infotxtBox .tit{font-size:16px;color:#333;font-weight:700;margin-bottom:15px;} .infotxtBox ul li{margin-bottom:10px;padding-left:11px;position:relative;font-size:16px;} .infotxtBox ul li:before{content:'';position:absolute;display:block;background:url('../images/icon_text_li.png?ver=') no-repeat center bottom;width:3px;height:2px;z-index:3;left:0px;top:10px;} .contentInfo{position:relative;padding-right:0px;} .contentInfo{text-align:left;margin-bottom:60px;} .contentInfo .info_title{font-size:28px;color:#1b1b1b;font-weight:700;padding:15px 0px;} .contentInfo .content_input_box{border-top:2px solid #333333;border-bottom:1px solid #333333;box-sizing: border-box;} .contentInfo .input_box{border-bottom:1px solid #dbdbdb;position:relative;padding-left:200px;padding-top:24px;padding-bottom:24px;box-sizing: border-box;} .contentInfo .input_box label{position:absolute;left:0px;top:0px;width:180px;height:100%;background:#f7f7f7;text-align:center;font-size:18px;color:#333333;box-sizing: border-box;padding-top:37px;font-weight:400} .contentInfo .input_box label.strong{font-weight:700} .contentInfo .input_box input.text{border-radius:6px;;border:1px solid #dddddd;background:#fff;box-sizing: border-box;line-height:48px;padding:0px 20px;width:100%;color:#a1a1a1;font-size:18px;vertical-align:middle;} .contentInfo .input_box textarea{border-radius:6px;;border:1px solid #dddddd;background:#fff;box-sizing: border-box;line-height:160%;padding:10px 20px;width:100%;color:#a1a1a1;font-size:16px;vertical-align:middle;} .contentInfo .input_box p{font-size:16px;color:#737373;line-height:130%;padding:5px 0px;margin-bottom:5px;} .contentInfo .input_box p.text{font-size:18px;color:#333;line-height:130%;padding:13px 0px;margin-bottom:0px;} .contentInfo .input_box.hasButton{padding-right:140px} .contentInfo .input_box.hasButton input{} .contentInfo .input_box.hasButton input.hasButton1{width:80%;} .contentInfo .input_box.hasButton input.hasButton2{width:60%;} .contentInfo .input_box.hasButton input.inline{width:300px;} .contentInfo .input_box.inline p.text{display:inline-block;padding-right:20px;} .contentInfo .input_box.hasButton button{display:block;position:absolute;;right:0px;top:24px;} .contentInfo .input_box .input_btn{border-radius:6px;;border:2px solid #333;color:#333;background:#fff;box-sizing: border-box;line-height:46px;text-align:center;min-width:130px;vertical-align:middle;font-size:18px;margin-left:10px;padding:0px 10px;display:inline-block;} .contentInfo .input_box.hasButton input[readonly]{background:#efefef} .contentInfo .input_box .input_btn.gray{background:#666666;color:#fff;border-color:#666666;} .contentInfo .input_box p.alert{position:relative;padding:0px;border:0px;border-radius:0px;padding-left:20px;display:block;color:#000;} .contentInfo .input_box p.alert:before{content:'';background:url('../images/icon_alert.png');width:14px;height:14px;position:absolute;left:0px;top:2px;} .contentInfo .input_box .check_box {padding:13px 0px;color:#3333;position:relative} .contentInfo .input_box .check_box input{position: absolute;width: 100%;height: 100%;opacity: 0;cursor: pointer;} .contentInfo .input_box .check_box label{display:inline-block;height:20px;padding-left:28px;background: url('../images/ico_chk.svg') no-repeat 0 -56px / 20px;font-size: 16px; font-weight: 500;color: #333;line-height: 20px;position:relative;top:auto;lefT:auto;background-color:#fff;width:auto;height:auto;padding-top:0px;} .contentInfo .input_box .check_box label span{font-weight:700} .contentInfo .input_box .check_box input:checked+label{background-position: 0 0;} .contentInfo .input_box .check_box .check_area{position:relative;margin-bottom:15px} .contentInfo .input_box a.show{font-size:14px;color:#ee1c25;font-weight:500;position:absolute;right:0px;top:40px;text-decoration:none} .contentButton{text-align:center;padding-bottom:30px;} .contentButton.text-right{text-align:right;} .contentButton button, .contentButton a{display:inline-block;border-radius:6px;;border:2px solid #676767;color:#fff;background:#676767;box-sizing: border-box;line-height:46px;text-align:center;min-width:130px;vertical-align:middle;font-size:18px;margin-left:10px;font-weight:700} .contentButton button.strong,.contentButton a.strong{border:2px solid #ed1c24;color:#fff;background:#ed1c24;} .contentButton button.blank,.contentButton a.blank{border:2px solid #676767;color:#333;background:#fff;} #recruit_pay_order #body_content{position:relative;width:100%;padding-top:0px;background:url('../images/gray_bg.png') repeat center center;} #recruit_pay_order #member_wrap{} #member_join .body_area{} .payOrder{position:relative;padding-right:515px;margin-top:50px;} .payOrder .ad_box{border-radius:20px;background:#fff;border:1px solid #c5cad3;box-sizing: border-box;padding:30px;position:relative;min-height:2000px;} .payOrder .ad_box:before{content:'';border-radius:20px;position:absolute;left:0px;top:0px;bottom:0px;right:0px;background:#fff;opacity:0.8;z-index:3} .payOrder .ad_box #ad_image{position:relative;width:360px;padding:10px;box-sizing: border-box;} .payOrder .ad_box .ad_full_image{border:1px solid #dedede;border-radius:12px;box-sizing: border-box;z-index:2;position:relative} .payOrder .ad_box .ad_full_image img{width:100%;;} .payOrder .ad_box .ad_type_img{position:absolute;left:0px;top:20px;z-index:10;width:360px;border:2px solid #000;border-radius:6px;box-sizing: border-box;display:none} .payOrder .ad_box .ad_type_img#ad_type1{top:20px;} .payOrder .ad_box .ad_type_img#ad_type2{top:270px;} .payOrder .ad_box .ad_type_img#ad_type3{top:520px;} .payOrder .ad_box .ad_type_img#ad_type4{top:770px;} .payOrder .ad_box .ad_type_img#ad_type5{top:1000px;} .payOrder .ad_box .ad_type_img#ad_type6{top:1250px;} .payOrder .ad_box .ad_type_img#ad_type10{top:20px;} .payOrder .ad_box .ad_type_img#ad_type11{top:270px;} .payOrder .ad_box .ad_type_img img{width:100%;border-radius:6px;} .payOrder .ad_box #ad_info{position:absolute;right:20px;top:40px;width:310px;z-index:10} .payOrder .ad_box #ad_info .ad_list{margin-bottom:30px;border:2px solid #000;background:#fff;border-radius:12px;box-sizing: border-box;cursor:pointer} .payOrder .ad_box #ad_info .ad_list:hover{border:2px solid #e1373d;} .payOrder .ad_box #ad_info .ad_list.active{border:2px solid #e1373d;} .payOrder .ad_box #ad_info .ad_list .ad_select{background:#fff;padding:20px;border-radius:12px;} .payOrder .ad_box #ad_info .ad_list.active .ad_select{background:#fafafa} .payOrder .ad_box #ad_info .ad_list .ad_select .ad_title{font-family: 'Gmarket Sans';text-align:left;font-size:30px;font-weight:700;position:relative} .payOrder .ad_box #ad_info .ad_list .ad_select .ad_title a{font-family: 'Pretendard Variable';position:absolute;right:-5px;top:-5px;font-size:11px;background:#aaa;border-radius:6px;color:#fff;padding:5px 6px;} .payOrder .ad_box #ad_info .ad_list .ad_select .ad_title a span{font-size:16px;} .payOrder .ad_box #ad_info .ad_list .ad_select .ad_exp{font-size:14px;} .payOrder .ad_box #ad_info .ad_list .ad_select .ad_add{border-top:1px solid #dedede;padding-top:10px;margin-top:10px;position:relative} .payOrder .ad_box #ad_info .ad_list .ad_select .ad_add > ul{padding-bottom:10px;height:30px;} .payOrder .ad_box #ad_info .ad_list .ad_select .ad_add > ul li{float:left;margin-right:10px;position:relative;} .payOrder .ad_box #ad_info .ad_list .ad_select .ad_add > ul li input{position: absolute;width: 100%;height: 100%;opacity: 0;cursor: pointer;} .payOrder .ad_box #ad_info .ad_list .ad_select .ad_add > ul li label{display: block;height:20px;padding-left: 26px;background: url(../images/ico_chk.svg) no-repeat 0 -56px / 20px;font-size: 13px; font-weight: 400;color: #333333;line-height: 20px;} .payOrder .ad_box #ad_info .ad_list .ad_select .ad_add > ul li input:checked+label{background-position: 0 0;} .payOrder .ad_box #ad_info .ad_list .ad_select .ad_add a{font-family: 'Pretendard Variable';position:absolute;right:-5px;top:7px;font-size:11px;background:#aaa;border-radius:6px;color:#fff;padding:5px 6px;} .payOrder .ad_box #ad_info .ad_list .ad_select .ad_add a span{font-size:16px;} .payOrder .ad_box #ad_info .ad_list .ad_select .ad_add .div_icon{clear:both;display:none;border-top:1px solid #dedede;padding-top:5px;} .payOrder .ad_box #ad_info .ad_list .ad_select .ad_add .div_icon ul{} .payOrder .ad_box #ad_info .ad_list .ad_select .ad_add .div_icon ul li{float:left;margin-right:5px;margin-bottom:5px;} .payOrder .ad_box #ad_info .ad_list .ad_select .ad_add .div_icon ul li span{display:inline-block;line-height:24px;background:#fff;border:1px solid #dedede;font-size:13px;padding:0px 7px;border-radius:3px;} .payOrder .ad_box #ad_info .ad_list .ad_select .ad_add .div_icon ul li span:hover{border-color:#000} .payOrder .ad_box #ad_info .ad_list .ad_select .ad_add .div_icon ul li.active span{border-color:#379be1;background:#379be1;color:#fff;} .payOrder .ad_box #ad_info .ad_list .ad_select .ad_term{clear:both;height:30px;border-top:1px solid #dedede;} .payOrder .ad_box #ad_info .ad_list .ad_select .ad_term li{float:left;padding-top:10px;width:32%;margin-right:1%} .payOrder .ad_box #ad_info .ad_list .ad_select .ad_term .grid_radio{display: none !important;} .payOrder .ad_box #ad_info .ad_list .ad_select .ad_term .grid_radio + label { display: flex; align-items: center; justify-content: center; height: 30px; width: 100%; font-weight: normal; cursor: pointer; line-height: 30px;; font-size: 14px; color: #434956 !important; text-align: center; vertical-align: middle; box-sizing: border-box; background-image: none !important; background-color: #fff !important; border-radius:4px; padding:0px 10px; border:1px solid #434956; gap:4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .payOrder .ad_box #ad_info .ad_list .ad_select .ad_term .grid_radio:checked+label { color: #fff !important; background-color: #000 !important; background-image: none !important; } .payOrder .ad_box #ad_info .ad_list.active .ad_select .ad_term .grid_radio:checked+label { color: #fff !important; background-color: #e1373d !important; background-image: none !important; } .payOrder .ad_box #ad_info .ad_list .ad_price_area{background:#000;padding:5px 20px;border-bottom-left-radius:9px;border-bottom-right-radius:9px;box-sizing: border-box;height:70px;position:relative} .payOrder .ad_box #ad_info .ad_list.active .ad_price_area{background:#e1373d;} .payOrder .ad_box #ad_info .ad_list .ad_price_area .term{font-size:14px;color:#fff;position:absolute;left:10px;top:10px;font-weight:400} .payOrder .ad_box #ad_info .ad_list .ad_price_area .market_price{font-size:16px;color:#dedede;text-align:right;} .payOrder .ad_box #ad_info .ad_list .ad_price_area .real_price{font-size:16px;color:#fff;text-align:right;letter-spacing:-1px;line-height:180%;} .payOrder .ad_box #ad_info .ad_list .ad_price_area .real_price span{font-size:16px;color:#000;display:inline-block;background:#fff;border-radius:20px;padding:3px 10px;line-height:26px;letter-spacing:-1px;margin-right:10px;} .payOrder .ad_box #ad_info .ad_list.active .ad_price_area .real_price span{color:#000;background:#fff;} .payOrder .ad_box #ad_info .ad_list .ad_price_area .real_price strong{font-size:30px;} .payOrder #pay_box{position:absolute;right:0px;top:0px;width:500px;} .payOrder #pay_box.fixed{position:fixed;right:50%;top:90px;width:500px;margin-right:-640px;} .payOrder #pay_box fieldset{border-radius:20px;background:#fff;border:1px solid #c5cad3;box-sizing: border-box;padding:30px 30px 20px 30px;} .payOrder #pay_box .pay_stitle{text-align:left;font-size:24px;font-weight:700;} .payOrder .formbox {margin-bottom:10px;} .payOrder .formbox .rowBox{margin-top:20px;} .payOrder .formbox .rowBox .row_select{margin-bottom:15px;} .payOrder .formbox .rowBox .row_select button{width:49%;margin-right:1%;border:1px solid #c5cad3;color:#424958;background:#f4f5f6;line-height:48px;text-align:center;box-sizing: border-box;border-radius:12px;font-size:18px;font-weight:700;height:50px;} .payOrder .formbox .rowBox .row_select button.active{} .payOrder .formbox .rowBox .row_select button span{font-size:13px;font-weight:400} .payOrder .formbox .rowBox .row_select button:hover{width:49%;margin-right:1%;border:2px solid #e1373d;color:#dc5607s;background:#f4f5f6;line-height:46px;} .payOrder .formbox .rowBox .row_select button.active{border:2px solid #e1373d;color:#fff;background:#000;line-height:46px;} .payOrder .formbox .rowBox .row_select button:last-child{margin-right:0%;} .payOrder .formbox .rowBox .row_option{margin-bottom:10px;padding-right:130px;position:relative;display:none} .payOrder .formbox .rowBox .row_option input{border-radius:6px;;border:1px solid #c5cad3;background:#fff;box-sizing: border-box;line-height:48px;padding:0px 20px;width:100%;color:#a1a1a1;font-size:18px;vertical-align:middle;} .payOrder .formbox .rowBox .row_option input[readonly]{background:#efefef} .payOrder .formbox .rowBox .row_option button{position:absolute;border-radius:6px;;border:2px solid #666666;color:#fff;background:#666666;box-sizing: border-box;line-height:46px;text-align:center;min-width:120px;vertical-align:middle;font-size:16px;margin-left:10px;right:0px;top:0px;} .payOrder .formbox .rowBox .row_sale{margin-bottom:10px;position:relative;background:#fff;border-radius:6px;padding:15px 15px 5px 15px;border-radius:6px;;border:1px solid #c5cad3;} .payOrder .formbox .rowBox .row_sale p{color:#000;font-size:14px;margin-bottom:3px;text-align:right;position:relative} .payOrder .formbox .rowBox .row_sale p.total{border-top:1px solid #c4c5c5;color:#000;font-size:22px;margin-top:10px;margin-bottom:0px;text-align:right;position:relative;padding-top:10px;} .payOrder .formbox .rowBox .row_sale p strong{font-weight:400;color:#666;position:absolute;left:0px;top:0px;} .payOrder .formbox .rowBox .row_sale p.total strong{top:13px;font-size:15px;} .payOrder .formbox .rowBox .row_sale #pay_goods_point{} .payOrder .formbox .rowBox .row_sale #pay_goods_coupon{} .payOrder .formbox .rowBox .row_point{margin-bottom:10px;position:relative;background:#000;border-radius:6px;padding:5px 15px;border-radius:6px;text-align:center;color:#fff;font-size:16px;} .payOrder .formbox .rowBox .row_point span{font-weight:700;font-size:18px;} .payOrder .formbox .rowBox .row_type{margin-bottom:15px;} .payOrder .formbox .rowBox .row_type button{width:32%;margin-right:1%;border:1px solid #c5cad3;color:#424958;background:#fff;line-height:48px;text-align:center;box-sizing: border-box;border-radius:12px;font-size:18px;font-weight:700;height:50px;} .payOrder .formbox .rowBox .row_type button.active{background:#000;border:1px solid #000;color:#fff;} .payOrder .formbox .rowBox .row_type button span{font-size:13px;font-weight:400} .payOrder .formbox .rowBox .row_type button:last-child{width:32%;margin-right:0%;} .payOrder .formbox .rowBox .row_total{margin-bottom:10px;position:relative;background:#fff;border-radius:6px;padding:10px 15px;border-radius:6px;;border:1px solid #c5cad3;} .payOrder .formbox .rowBox .row_total p{color:#000;font-size:14px;margin-bottom:3px;text-align:right;position:relative} .payOrder .formbox .rowBox .row_total p strong{font-weight:400;color:#666;position:absolute;left:0px;top:0px;} .payOrder .formbox .rowBox .row_total p.total{color:#000;font-size:14px;text-align:right;position:relative;font-weight:700} .payOrder .formbox .rowBox .row_total p.total strong{top:0px;font-size:14px;color:#000} .payOrder .formbox .payArea{margin-bottom:0px;} .payOrder .formbox .payArea button.payBtn{background:#e1373d;border-radius:6px;padding:0px 0px;border-radius:6px;text-align:center;color:#fff;font-size:18px;border:0px;line-height:60px;width:100%;} .payOrder .pay_exp{border-radius:20px;background:#fff;border:1px solid #c5cad3;box-sizing: border-box;padding:20px 30px 10px 30px;margin-top:10px;} .payOrder .pay_exp .pay_exp_title{text-align: left;font-size:18px;font-weight: 700;color:#333} .payOrder .pay_exp .pay_exp_title{text-align: left;font-size:18px;font-weight: 700;color:#333} .payOrder .pay_exp .pay_exp_box{padding-top:10px;} .payOrder .pay_exp .pay_exp_box ul li{font-size:14px;color:#121212;margin-bottom:5px;background: url('../images/list_dot.png') no-repeat left 9px;padding-left: 7px;} .payOrder #div_pay_row_box{display:none;} .payOrder #div_pay_goods_box{display:none;} .pay_end_wrap {position:relative;padding-top:30px;position:relative;width:600px;margin:0 auto;} .pay_end_wrap .sub_box{background:#fff;border:1px solid #dddddd;border-radius:12px;padding:50px 30px;text-align:center;box-shadow: 0px 4px 16px 0 rgba(0, 0, 31, .1019607843);margin-bottom:25px;} .pay_end_wrap .sub_box h3{display:inline-block;text-align:center;color:#4a4a4a;font-family: 'Gmarket Sans';font-size:32px;line-height:130%;border-bottom:3px solid #ec4855;font-weight:700;padding:0px 20px;} .pay_end_wrap .sub_box .end_exp_divide{border:0px solid #00a595;position:relative;} .pay_end_wrap .sub_box .end_exp_divide p{font-size:18px;padding-top:10px;} .pay_end_wrap .sub_box .info{margin-top:40px;border:1px solid #e8e9ea;box-shadow: 0px 4px 16px 0 rgba(0, 0, 31, .1019607843);border-radius:6px;padding:20px 37px;} .pay_end_wrap .sub_box .info .box{position:relative} .pay_end_wrap .sub_box .info ul{padding:10px 30px;text-align:left;box-sizing:border-box;} .pay_end_wrap .sub_box .info ul li{font-size:16px; color:#121212;text-align:center;margin-bottom:20px;} .pay_end_wrap .sub_box .info ul li strong{color:#000} .region_tab{border:1px solid #dddddd;background:#fff;border-radius:12px;box-sizing:border-box;} .region_tab .region_depth1{border-radius:12px;box-sizing:border-box;background:#f7f7f7;padding:19px 30px;} .region_tab.hasSub .region_depth1{border-radius:0px;border-top-left-radius:12px;border-top-right-radius:12px;box-sizing:border-box;background:#f7f7f7;padding:19px 30px;} .region_tab .region_depth1 ul{} .region_tab .region_depth1 ul li{float:left;margin-right:6px;margin-bottom:3px;} .region_tab .region_depth1 ul li a{display:block;border-radius:17px;line-height:32px;border:2px solid #cccccc;color:#666666;background:#ffffff;font-size:16px;font-weight:500;min-width:128px;box-sizing:border-box;text-align:center;letter-spacing:-1px;} .region_tab .region_depth1 ul li.active a{border-color:#e1424e;background:#ed1c24;color:#fff;} .region_tab .region_depth1 ul li:hover a{border-color:#e1424e;background:#fff;color:#000;} .region_tab .region_depth2{display:none;box-sizing:border-box;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:1px solid #dddddd;padding:20px 34px 14px 34px;text-align:left;} .region_tab.hasSub .region_depth2{display:block;} .region_tab .region_depth2 ul{display:none} .region_tab .region_depth2 ul.active{display:block} .region_tab .region_depth2 ul li{float:left;margin-right:20px;margin-bottom:6px;} .region_tab .region_depth2 ul li a{color:#666666;font-size:15px;;letter-spacing:-1px;padding:5px 0px;} .region_tab .region_depth2 ul li.active a{color:#333333;font-weight:700} .region_tab .region_depth2 ul li:hover a{color:#333333;font-weight:700} #recruit_partner_article_list .region_tab .region_depth1 ul li a{letter-spacing:0px;padding:0px 20px;} #recruit_region .body_area{width:100%} #recruit_region .body_area .sub_title{width:1280px;margin:0px auto;margin-bottom:40px;} #recruit_region .region_tab{width:1280px;margin:0px auto;} #recruit_partner_article_list .body_area{width:100%} #recruit_partner_article_list .body_area .sub_title{width:1280px;margin:0px auto;margin-bottom:40px;} #recruit_partner_article_list .region_tab{width:1280px;margin:0px auto;} .cont_recruit_list_box{width:1280px;margin:0 auto;} .cont_recruit_list_box2{background:url('../images/gray_bg.png') repeat center center;} .cont_recruit_list_box2 .title_div{width:1280px;margin:0px auto;margin-bottom: 18px;} .cont_recruit_list_box2 .main_ad_list{width:1280px;margin:0px auto;} #recruit_region .main_ad_list{padding-bottom:30px;} #recruit_region .title_div{padding-top:30px;} #recruit_region .title_box .title{font-size:28px;font-family: 'Pretendard Variable';} #recruit_partner_article_list .main_ad_list{padding-bottom:30px;} #recruit_partner_article_list .title_div{padding-top:30px;} #recruit_partner_article_list .title_box .title{font-size:28px;font-family: 'Pretendard Variable';} #recruit_realtime_article .main_ad_list{padding-bottom:30px;} #recruit_realtime_article .title_div{padding-top:30px;} #recruit_realtime_article .title_box .title{font-size:28px;font-family: 'Pretendard Variable';} #recruit_search .main_ad_list{padding-bottom:30px;} #recruit_search .title_div{padding-top:30px;} #recruit_search .title_box .title{font-size:28px;font-family: 'Pretendard Variable';} #recruit_search .title_box .title span{font-size:16px;display:inline-block;margin-left:10px;font-weight:normal} #recruit_search .title_box .title span strong{font-size:18px;} #sub_ad_area4{} .map_search{margin-top:45px;height:550px;position:relative} .map_search .map_box{background:#fff;padding-right:520px;height:100%} .map_search .map_box #map_daum{border:1px solid #dedede;border-radius:12px;box-sizing:border-box;height:100%} .map_search .map_search_box{position:absolute;right:0px;top:0px;bottom:0px;width:500px;border:1px solid #dddddd;border-radius:12px;box-sizing:border-box;overflow-y:auto;} .map_search .map_search_box .map_search_form{height:88px;box-sizing:border-box;background:#f7f7f7;padding:20px;border-bottom:1px solid #dddddd;border-top-left-radius:12px;border-top-right-radius:12px;} .map_search .map_search_box .map_search_form fieldset{position:relative;} .map_search .map_search_box .map_search_form fieldset input{position:relative;box-sizing:border-box;border:3px solid #d2171e;background:#fff;width:100%;display:block;line-height:44px;padding:0px;padding-left:16px;padding-right:30px;border-radius:6px;font-size:18px;color:#959595;font-weight:500} .map_search .map_search_box .map_search_form fieldset input:focus{outline:none} .map_search .map_search_box .map_search_form fieldset button{position:absolute;background:#fff;border:0px;width:30px;height:30px;right:10px;top:12px;color:#919191;} .map_search .map_search_box .map_search_form fieldset button span{font-size:30px;} .map_search .map_search_box .map_search_result{padding:20px;} .map_search .map_maker{position:absolute;left:0px;bottom:-60px;z-index:100} .map_search .map_maker .title{background:#ed1c24;border-radius:8px;border-radius:8px;border:2px solid #ed1c24;color:#ffffff;font-size:18px;font-weight:700;box-sizing:border-box;line-height:46px;padding:0px 16px;position:absolute;border-bottom-right-radius:0px;border-top-right-radius:0px;height:50px;width:150px;left:0px;bottom:0px;z-index:11} .map_search .map_maker.active .title{} .map_search .map_maker .title a{color:#ffffff;font-size:16px;font-weight:700;box-sizing:border-box;line-height:46px;display:block;} .map_search .map_maker .title a span{position:absolute;right:14px;font-size:30px;top:10px;display:none} .map_search .map_maker .title a span.up{display:none} .map_search .map_maker.active .title a span.down{display:none} .map_search .map_maker.active .title a span.up{display:block} .map_search .map_maker .list{height:50px;background:#fff;border-radius:8px;border:2px solid #ed1c24;color:#ffffff;box-sizing:border-box;padding:10px;position:relative;padding-left:160px;} .map_search .map_maker.active .list{display:block;} .map_search .map_maker .list ul{} .map_search .map_maker .list ul li{font-size:16px;color:#333333;font-weight:500;line-height:21px;position:relative;padding-left:30px;margin-bottom:8px;padding-top:0px;float:left;margin-right:15px;} .map_search .map_maker .list span{width:24px;height:31px;background-size:contain;position:absolute;left:0px;top:-3px;} .cont_recruit_map{padding-top:85px;} .cont_recruit_map .maptitle{padding-bottom:0px;} .cont_recruit_map .maptitle h4{font-size:28px;color:#1b1b1b;font-weight:700;} .cont_recruit_map .map_result{} .cont_recruit_map .map_result .map_stitle{text-align:right} .cont_recruit_map .map_result .map_stitle h5{color:#1b1b1b;font-size:18px;display:inline-block;} .cont_recruit_map .map_result .map_stitle p{display:inline-block;font-size:18px;} .cont_recruit_map .map_result .map_stitle p span{font-weight:700;color:#ed1c24;font-size:18px;} .map_search .custom-overlay { position: relative; font-size:14px; padding:5px; } .mysiteBox {padding-top:30px;} .mysiteBox form fieldset{border:1px solid #dedede;border-radius:12px;box-sizing:border-box;display:block;padding:20px} .mysiteBox .input_box{margin-bottom:40px;} .mysiteBox .input_box > label{display:block;font-size:24px;padding-bottom:10px;} .mysiteBox .input_box > label span{font-size:18px;color:#666;font-weight:400} .mysiteBox .grid_box{position:relative;display: flex;flex-wrap: wrap;padding: 9px 0 0 9px;margin: -9px;} .mysiteBox .grid_box .grid_cell{box-sizing: border-box; border: 0 solid transparent; border-width: 0 9px 9px 0; width: calc(100% / 7);position:relative;} .mysiteBox .grid_box .grid_cell_input{box-sizing: border-box; border: 0 solid transparent; border-width: 0 9px 9px 0;} .mysiteBox .grid_box .grid_cell_input input{line-height:35px;font-size: 16px;width:120px;} .mysiteBox .grid_box .grid_cell_input input.short{width:100px;display:inline-block;} .mysiteBox .grid_box .grid_cell .grid_check{display: none !important;} .mysiteBox .grid_box .grid_cell label{position:relative;top:auto;left:auto;background:#fff;padding-top:0px;margin-bottom:0px;} .mysiteBox .grid_box .grid_cell .grid_check + label { display: flex; align-items: center; justify-content: center; height: 40px; width: 100%; font-weight: 500; cursor: pointer; line-height: 1.2; font-size: 16px; color: #555555 !important; text-align: center; vertical-align: middle; padding-left: 0 !important; background:#fff; border:1px solid #cdcdcd; box-sizing: border-box; background-image: none !important; background-color: #fff !important; border-radius:5px; gap: 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .mysiteBox .grid_box .grid_cell .grid_check:checked+label { color: #fff !important; background-color: #ed1c24 !important; background-image: none !important; border-color:#ed1c24; } .mysiteBox .article_button{padding-top:40px;} #recruit_mysite_list .body_area{width:100%;padding-top:0px;} #recruit_mysite_list #body_content{padding-bottom:0px;;} #recruit_mysite_list .body_area .sub_title{width:1280px;margin:0px auto;margin-bottom:40px;padding-top:60px;} #recruit_mysite_list .region_tab{width:1280px;margin:0px auto;} #recruit_mysite_list .main_ad_list{padding-bottom:60px;} #recruit_mysite_list .title_div{padding-top:30px;} #recruit_mysite_list .title_box .title{font-size:28px;font-family: 'Pretendard Variable';} #recruit_mysite_list .title_box .title span{font-size:18px;font-weight:500;color:#666} #recruit_mysite_list .cont_recruit_list_box2{padding:30px 0px;} .cont_etc_list{padding-top:50px;} #sub_today_div{background:url('../images/main_today_bg.jpg') no-repeat 0 0;background-size:cover;height:500px;border-radius:60px;} #sub_today_div .box{width:100%;margin:0 auto} #sub_today_div .box .title_today{padding-top:80px;text-align:center;} #sub_today_div .box .title_today .exp{padding-top:2px;font-size:20px;font-weight:700;color:#fff} #sub_today_div .box .title_today .title{padding-top:2px;font-size:46px;font-weight:700;color:#fff} #sub_today_div .box .today_list{width:80%;margin:0 auto;margin-top:40px;} #sub_today_div .box .today_list .today_li{float:left;width:31%;margin-right:2%;box-sizing: border-box;height:174px;border-radius:95px;border:3px solid #fff} #sub_today_div .box .today_list .today_li p{text-align:center;} #sub_today_div .box .today_list .today_li p.s_title{font-size:20px;color:#ffffff;font-weight:700;padding-top:20px;} #sub_today_div .box .today_list .today_li p.digital{font-size:32px;color:#ffffff;font-weight:700;padding-top:10px;} #sub_today_div .box .today_list .today_li p.digital strong{font-size:60px;} #sub_today_div .box .text{padding-top:37px;text-align:center;font-size:18px;color:#d4d4d4;} #sub_status_div .title_div{padding-top:60px;} #sub_status_div .title_box .title{font-size:28px;font-family: 'Pretendard Variable';} #sub_status_div .cont-main .cont-widget{border-radius: 15px;background: #fff;border: 1px solid #c5cad3;margin-bottom:50px;} #sub_status_div .cont-main .cont-widget h3{border-top-left-radius: 15px;padding: 15px 30px;border-top-right-radius: 15px;background: #F7F7F7;border-bottom: 1px solid #c5cad3;display:block;margin-top:0px;font-size:20px;} #sub_status_div .cont-main .cont-widget .widget-body{padding:20px;} #pay_detail .m_modal_area{padding:20px 20px 20px 20px;} #qna_box .m_modal_area{padding:20px 20px 20px 20px;} .formbox{text-align:left;margin-bottom:60px;} .formbox .info_title{font-size:28px;color:#1b1b1b;font-weight:700;padding:15px 0px;} .formbox .article_input_box{border-top:2px solid #333333;border-bottom:1px solid #333333;box-sizing: border-box;} .formbox .input_box{border-bottom:1px solid #dbdbdb;position:relative;padding-left:180px;padding-top:24px;padding-bottom:24px;box-sizing: border-box;min-height:100px;} .formbox .input_box.full{padding:24px;} .formbox .input_box.two{padding:0px;} .formbox .input_box.two .nrow{display: flex;flex-wrap:wrap;align-content:center;justify-content:space-between;align-items: center;grap:0px;position:relative} .formbox .input_box.two .nrow .ncol{width:50%;position:relative;border-bottom:0px solid #dbdbdb;position:relative;padding-left:180px;padding-top:24px;padding-bottom:24px;padding-right:24px;box-sizing: border-box;} .formbox .input_box > label{position:absolute;left:0px;top:0px;width:160px;height:100%;background:#f7f7f7;text-align:center;font-size:18px;color:#333333;box-sizing: border-box;padding-top:37px;font-weight:400} .formbox .input_box > label.strong{font-weight:700} .formbox .input_box input{border-radius:6px;;border:1px solid #dddddd;background:#fff;box-sizing: border-box;line-height:48px;padding:0px 20px;width:100%;color:#333;font-size:18px;vertical-align:middle;} .formbox .input_box textarea{border-radius:6px;;border:1px solid #dddddd;background:#fff;box-sizing: border-box;line-height:160%;padding:10px 20px;width:100%;color:#333;font-size:16px;vertical-align:middle;} .formbox .input_box p{font-size:16px;color:#737373;line-height:130%;padding:5px 0px;margin-bottom:5px;} .formbox .input_box.hasButton input{} .formbox .input_box.hasButton input.hasButton1{width:80%;} .formbox .input_box.hasButton input.hasButton2{width:60%;} .formbox .input_box input.inline{width:300px;display:inline-block} .formbox .input_box button.input_btn{border-radius:6px;;border:2px solid #333;color:#333;background:#fff;box-sizing: border-box;line-height:46px;text-align:center;min-width:130px;vertical-align:middle;font-size:18px;margin-left:10px;} .formbox .input_box.hasButton input[readonly]{background:#efefef} .formbox .input_box .sms_txt{position:absolute;right:10px;top:42px;color:#666} .formbox .input_box button.input_btn.gray{background:#666666;color:#fff;border-color:#666666;} .formbox .article-footer{text-align:center;padding:20px;} .formbox .article-footer button{border-radius:6px;;border:2px solid #ed1c24;color:#fff;background:#ed1c24;box-sizing: border-box;line-height:46px;text-align:center;min-width:130px;vertical-align:middle;font-size:18px;padding-left:10px;text-align:center;} .formbox .input_box input.grid_check{position:absolute;width:1%;height:1%;opacity: 0;cursor: pointer;} .formbox .input_box label.checkbox{margin-left:10px;display:inline-block;height:20px;padding-left: 28px;background: url(../images/ico_chk.svg) no-repeat 0 -56px / 20px;font-size:18px; font-weight: 500;color: #333333;line-height: 20px;position:relative;left:auto;top:auto;width:auto;padding-top:0px;cursor:pointer} .formbox .input_box input.grid_check:checked+label{background-position: 0 0;} .myNotice{padding-left:0px;margin-bottom:7px;text-align:right;padding-top:15px;} .myNotice span{font-size:14px; color:#ff375d;display:inline-block;padding-left:0px; margin-bottom:7px;line-height:130%;position:relative} /* 썸네일 스타일 */ /* 전체 화면 오버레이 스타일 */ .big_popup{height:100%;} .image-viewer { position: fixed; z-index: 9999; padding-top:30px; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); /* 배경 어둡게 */ text-align: center; } /* 확대된 이미지 스타일 */ .image-viewer .image{ display: flex; justify-content: center; height:100%; } .image-viewer .image .article_view_image{ margin: auto; display: block; max-width: 90%; max-height: 85%; } .image-viewer .image .article_view_image img{ width:auto; max-width:1800px; } /* 닫기 버튼 스타일 */ .image-viewer .close-btn { position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; cursor: pointer; } .icon_marker{display:inline-block;background:url('../images/icon_maker_dia.png') no-repeat center center;background-size:100% 100%;width:50px;height:65px;} .icon_marker.dia{background-image:url('../images/icon_maker_dia.png');} .icon_marker.platinum{background-image:url('../images/icon_maker_platinum.png');} .icon_marker.gold{background-image:url('../images/icon_maker_gold.png');} .icon_marker.top1{background-image:url('../images/icon_maker_top1.png');} .icon_marker.top2{background-image:url('../images/icon_maker_top2.png');} .icon_marker.general{background-image:url('../images/icon_maker_general.png');} .no_article{border:1px solid #dedede;border-radius:12px;box-sizing:border-box;display:block;padding:100px 20px 30px 20px;box-shadow: 0px 4px 16px 0 rgba(0, 0, 31, .1019607843);background:url('../images/no_article.png') no-repeat center 30px;background-size:80px 60px;} .no_article span{display:block;font-size:20px;text-align:center}