@charset "utf-8"; /* CSS Document */ /************************************************* LAYER CONTENT *************************************************/ .layer-marketer {position:relative;} .layer-marketer a {position:absolute;top:7px;right:0;display:inline-block;padding:4px 8px;background:#f3f5f7;border:1px solid #dfdfdf;border-radius:2px;font-size:13px;color:#333;} .layer-marketer dl dt {display:none;} .layer-marketer dl dd {color:#00bdcd;font-size:15px;} .layer-marketer dl dd strong {font-size:16px;} .layer-marketer p:not(.txt-type04) {margin:16px 0 4px;font-size:12px;text-align:right;color:#888;} #layerMailConfirm .layer-marketer dl dd,page-notification #layerMailSend .layer-marketer dl dd, #divElder_Confirm .layer-marketer dl dd,box-ranking #uiUsePoint01 .layer-marketer dl dd {margin:0 auto;color:#555;display:table;} #uiUsePoint01 .layer-marketer dl dd {margin:0 auto;color:#555;display:table;} .layerCheckList .layer-txt-type.s2{border: 1px solid #ddd; padding: 10px; background: #f6f6f6;} .layerCheckList .layer-txt-type.s2 dd:last-child {border:none;} .layerCheckList .layer-txt-type.s1 .check-type.s1 { padding-top: 5px; border-bottom: none; font-size: 14px;font-weight: 500;padding-bottom: 5px;} .layerCheckList .layer-txt-type.s1 dd {padding-left: 0 !important;} .layerCheckList.layer-wrap .layer-txt-type04 .check-type.s1 > label:before {background-position: 0 -128px;} .layerCheckList.layer-wrap .layer-txt-type04 .check-type.s1 > label.check:before{background-position:0 -160px;} #layerReview p {text-align: center;} #layerReview .img-tenja {display: block; width:180px; height:180px;margin: 20px auto; position: relative;} #layerReview .img-tenja:before{content: ''; width:180px; height:180px; position: absolute;background-image:url(../img/img_tenja_star.png);background-repeat:no-repeat;background-size:180px auto; } .layer-wrap .input-txt.label, .layer-wrap .select-type02.label{margin-top: -5px;} .layer-wrap .area-step ul {width: 100%; overflow: hidden;margin: 15px 0;} .layer-wrap .area-step li {position: relative; padding: 8px 0;width:33.3%; float: left; text-align: center; background: #fff; color: #999; font-size: 14px; border:1px solid #00bdcd;box-sizing: border-box;border-radius: 30px;} .layer-wrap .area-step li.on{ color:#00bdcd;} .layer-wrap .area-step li:first-child {border-right:0px; border-top-right-radius: 0; border-bottom-right-radius: 0;} .layer-wrap .area-step li:first-child:after, .layer-wrap .area-step li:nth-child(2):after{content: ""; width: 0;height: 0; display: inline-block;position: absolute; top: 14px; right: -7px;left: inherit;border-top: 5px solid transparent;border-right: 0; border-bottom: 5px solid transparent;border-left: 8px solid #ddd; z-index: 10;} .layer-wrap .area-step li.on:after{border-left: 8px solid #00bdcd;} .layer-wrap .area-step li:nth-child(2) {border-radius: 0;border-left:0; border-right:0;} .layer-wrap .area-step li.off:nth-child(2):after{border-left: 8px solid #ddd;} .layer-wrap .area-step li:last-child {border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0;} .layer-wrap .form-type .txt-limit{position: relative;top: 5px; text-align: right; font-size: 12px;color: #999;} .layer-wrap .form-type textarea.textarea-limit {margin-top: -10px;} .layer-wrap .btn-wrap03 {margin: 1rem 0;} .layer-wrap .layer-txt-type {margin:15px 0 10px 0; color: #333; } .layer-wrap .box-txt-type {margin: 10px 0px 10px 0; font-size: 13px; line-height: 1.5; padding:10px; background: #f5f5f5; color:#777;border-bottom:1px solid #eaeaea; box-sizing: border-box;} .layer-wrap a.btn-file {position: relative; display: inline-block; margin:3px;padding:5px 30px 5px 10px;font-size:13px; font-weight: 300; background-color: #3271a2; color:#fff; text-decoration: none; } .layer-wrap a.btn-file:after {content: ''; width:32px; height:32px; position: absolute; right:0;margin-top:-5px;background-image:url("../img/bg_icon_sprite.png");background-repeat:no-repeat;background-position:-544px -299px; background-size:640px auto;} .layer-wrap .layer-resume-end {text-align: center;} .layer-wrap .layer-resume-end h2 {position: relative;padding-top:150px;font-weight: 300; font-size:22px;} .layer-wrap .layer-resume-end h2:before {content: ''; width:128px; height:128px; position: absolute;left:50%;top:20px;margin-left:-64px;;margin-top:-5px;background-image:url("../img/bg_iconlayer_sprite.png?version=201902071300");background-repeat:no-repeat;background-position:0px -1126px; background-size:640px auto;} @media (max-width:380px) { .layer-wrap .area-step li {font-size:12px; letter-spacing: -1px; padding:8px 6px;} } @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { .layer-wrap .layer-resume-end h2:before{background-image:url("../img/bg_iconlayer_sprite@2x.png?version=201902071300");} } /************************************************* LAYER CONTENT_포인트 사용확인- 레이어 인 레이어 *************************************************/ #uiUsePoint01.layer-wrap.layer-info.s2 {max-width:640px;width:95%;} #uiUsePoint01.layer-wrap.layer-info.s2 .layer-cont {border:2px solid #01bdce;box-shadow:3px 5px 15px rgba(0,0,0,0.4);} #layerWarning_5907.layer-wrap .layer-txt-type03.s1 {max-height:110px; overflow-y: auto;} #layerTPcallGuide .txt-type02 span.mark-tip, #layerTPcallIssue .txt-type02 span.mark-tip{margin-right:5px;padding:2px 8px;position:relative;top:-3px;background-color:#27b0a8;color:#fff;font-size:12px;font-weight:500;border-radius:3px;} @media (min-width:640px) { #uiUsePoint01.layer-wrap.layer-info.s2 {max-width:650px;} } @media (min-width:769px) { #uiUsePoint01.layer-wrap.layer-info.s2 {max-width:590px;} } @media (max-width:769px) { #layerWarning_5907.layer-wrap .layer-txt-type03.s1 {max-height:62px; overflow-y: auto;} } /************************************************* LAYER CONTENT_OX퀴즈 *************************************************/ .layer-wrap.layer-quiz {max-width:390px;padding:15px;background:none;pointer-events:none;} .layer-wrap.layer-quiz img {width:100%;} .layer-wrap.layer-quiz .layer-cont {max-width:360px;width:99%;max-height:99%;margin:0 auto;padding:39px 15px 15px;display:inline-block;position:relative;vertical-align:middle;background-color:#fff;border-radius:20px;pointer-events:all;box-sizing:border-box;overflow-y:auto;/*overflow:hidden;*/} .layer-wrap.layer-quiz:before {content:'';width:0.01%;height:100%;margin-right:-3px;display:inline-block;vertical-align:middle;} .layer-wrap.layer-quiz .btn-close:before {background-position:-96px 0;} .layer-wrap.layer-quiz h1 {width:200px;margin:0 auto 23px;} .layer-quiz .layer-quiz-start {height:436.5px;padding:15px 0;position:relative;background:#bad7e3;border-radius:12px;overflow:hidden;} .layer-quiz .layer-quiz-start img {max-width:270px;margin:30px auto 0;display:block;} .layer-quiz .layer-quiz-start a {height:0;padding-top:25%;display:block;position:absolute;bottom:4%;left:7%;right:7%;background:url(../img/bin.gif) repeat 0 0;font-size:0;line-height:0;} .layer-quiz .layer-quiz-problem h2 {height:105px;line-height:160%;padding:0 5px 20px 20px;font-size:18px;color:#555;font-weight:300;word-break:keep-all;} .layer-quiz .layer-quiz-problem h2:before {content:'Q. ';font-weight:bold;} .layer-quiz .btn-quiz {margin:15px -15px -15px;position:relative;background-color:#18abe5;overflow:hidden;} .layer-quiz .btn-quiz:before {content:'';display:block;position:absolute;top:0;left:50%;width:1px;height:100%;background:rgba(255,255,255,0.5);} .layer-quiz .btn-quiz button {float:left;display:block;width:50%;height:60px;} .layer-quiz .btn-quiz button img {max-width:125px;} .layer-quiz .btn-quiz button:hover {background-color:#52cbfa;} .layer-quiz .btn-quiz button:focus {background-color:#028ac0;} .layer-quiz .layer-quiz-right, .layer-quiz .layer-quiz-wrong {height:416.5px;line-height:160%;padding:50px 5px 0 5px;background-color:#21396a;border-radius:30px;text-align:center;} .layer-quiz .layer-quiz-right h2, .layer-quiz .layer-quiz-wrong h2 {height:148px;} .layer-quiz .layer-quiz-right h2 img, .layer-quiz .layer-quiz-wrong h2 img {display:block;margin:auto;width:auto;height:100%;} .layer-quiz .layer-quiz-right h3 {padding:15px 10px;font-size:19px;font-weight:bold;word-break:keep-all;} .layer-quiz .layer-quiz-right p, .layer-quiz .layer-quiz-wrong p {padding:0 10px 15px;font-size:15px;font-weight:300;/*word-break:keep-all;*/} .layer-quiz .layer-quiz-right p {text-align:left;} .layer-quiz .layer-quiz-right a, .layer-quiz .layer-quiz-end a, .layer-quiz .layer-quiz-wrong a {display:block;margin:10px auto;max-width:155px;width:80%;padding:10px 12px;font-size:15px;background-color:#fff;border-radius:50px;color:#21396a;line-height:1.428567143;box-sizing:border-box;} .layer-quiz .layer-quiz-right a:hover, .layer-quiz .layer-quiz-wrong a:hover {background-color:#5eb4e7;color:#fff;} .layer-quiz .layer-quiz-wrong {background-color:#e4c19f;} .layer-quiz .layer-quiz-wrong p {padding-top:15px;font-size:19px;color:#333;} .layer-quiz .layer-quiz-end {height:416.5px;padding:50px 5px 0 5px;text-align:center;color:#21396a;line-height:170%;} .layer-quiz .layer-quiz-end h2 {height:115px;background-image:url(../img/icon-quiz-end.gif);background-repeat:no-repeat;background-position:50% 0;background-size:auto 100%;font-size:0;line-height:0;} .layer-quiz .layer-quiz-end h3 {padding:15px 10px 20px;;font-size:19px;font-weight:300;word-break:keep-all;} .layer-quiz .layer-quiz-end p {padding:0 10px 15px;font-size:15px;font-weight:300;text-align:left;word-break:keep-all;} .layer-quiz .layer-quiz-end a {background-color:#5eb4e7;color:#fff;} .layer-quiz .layer-quiz-end a:hover {background-color:#82d0ff;} /*** mobile ***/ @media (max-width:768px) { .layer-quiz .layer-quiz-start {height:auto;} .layer-quiz .layer-quiz-right, .layer-quiz .layer-quiz-wrong {height:auto;padding:25px 5px;} .layer-quiz .layer-quiz-end {height:auto;padding:25px 5px;} } /************************************************* LAYER CONTENT_페이팔인증 *************************************************/ .layer-wrap.layer-guide, .layer-wrap.layer-certimg {max-width:685px;height:100%;margin:auto;padding:15px;top:0;left:0;right:0;bottom:0;background:none;box-sizing:border-box;} .layer-wrap.layer-guide img, .layer-wrap.layer-certimg img {width:100%;} .layer-wrap.layer-guide .layer-cont, .layer-wrap.layer-certimg .layer-cont {width:99%;max-width:650px;margin:0 auto;padding:45px 15px 15px;position:relative;display:inline-block;vertical-align:middle;background-color:#fff;border-radius:4px;box-sizing:border-box;overflow:hidden;} .layer-wrap.layer-guide:before, .layer-wrap.layer-certimg:before {content:'';width:0.01%;height:100%;margin-right:-3px;display:inline-block;vertical-align:middle;} .layer-wrap.layer-guide .btn-close:before, .layer-wrap.layer-certimg .btn-close:before {background-position:-96px 0;} .layer-wrap.layer-guide h1.tit-type {line-height:1.39;margin:0;padding-top:0;font-size:25px;color:#222;font-weight:300;overflow:hidden;} .layer-guide .layer-guide-img {padding:15px 0;position:relative;overflow:hidden;} .layer-guide .layer-guide-img img {max-width:570px;margin:0 auto;display:block;} .layer-certimg .layer-certimg-img {padding:10px;position:relative;background-image:url(../img/bg_pattern3.png);background-repeat:repeat;background-size:16px auto;overflow:hidden;} .layer-certimg .layer-certimg-img img {width:auto;max-width:563px;max-height:500px;margin:0 auto;display:block;} /************************************************* LAYER CONTENT_페이스북 공유 *************************************************/ .layer-wrap.layer-facebook2 .layer-cont {padding:30px !important;} .layer-wrap.layer-facebook2 .btn-wrap .btn-type02 {border-color:#ced0d4;background-color:#f6f7f9;color:#4b4f56;} .layer-wrap.layer-facebook2 .btn-wrap .btn-type02:hover {border-color:#ced0d4;background-color:#e9ebee;color:#4b4f56;} .layer-wrap.layer-facebook2 .btn-wrap .btn-type {border-color:#4468b0;background-color:#4468b0;color:#fff;} .layer-wrap.layer-facebook2 .btn-wrap .btn-type:hover {border-color:#385897;background-color:#385897;color:#fff;} /*** mobile ***/ @media (max-width:768px) { .layer-wrap.layer-facebook2 .btn-wrap button { width:100%;} } /************************************************* LAYER CONTENT_입력폼 퍼가기 *************************************************/ .layer-wrap.layer-inputform {max-width:700px !important;} .layer-wrap.layer-inputform .select-type.s1 .select-cont li .colorchip {float:right;width:auto;} .layer-wrap.layer-inputform .select-type.s1 .select-cont li .colorchip span {width:18px;height:18px;margin:0 1px;border:1px solid #888;} .layer-wrap.layer-inputform .select-type.s1 .select-cont li .preview {float:right;width:auto;line-height:1.42857143;padding:2px 11px 3px;font-size:12px;border:1px solid #4b688c;border-radius:100px;color:#4b688c;text-align:center;box-sizing:border-box;} .layer-wrap.layer-inputform .select-type.s1 .select-cont li .tooltipped:after {content:'';width:100px;height:150px;padding:0;border:2px solid rgba(0,0,0,0.8);background-image:url(../img/bg_theme_sprite@2x.png);background-repeat:repeat;background-size:600px auto;} .layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-basic .tooltipped:after {background-position:0 0;} .layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-white .tooltipped:after {background-position:-100px 0;} .layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-gray .tooltipped:after {background-position:-200px 0;} .layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-beige .tooltipped:after {background-position:-300px 0;} .layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-brown .tooltipped:after {background-position:-400px 0;} .layer-wrap.layer-inputform.layer-inputform .select-type.s1 .select-cont li.theme-black .tooltipped:after {background-position:-500px 0;} .layer-wrap .select-type.s1 .select-cont li.theme-basic .colorchip .chip1 {background-color:#dcf3ff;} .layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-basic .colorchip .chip2 {background-color:#315d93;} .layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-basic .colorchip .chip3 {background-color:#555;} .layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-white .colorchip .chip1 {background-color:#fff;} .layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-white .colorchip .chip2 {background-color:#d11616;} .layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-white .colorchip .chip3 {background-color:#333;} .layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-gray .colorchip .chip1 {background-color:#f2f4f6;} .layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-gray .colorchip .chip2 {background-color:#09bcd1;} .layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-gray .colorchip .chip3 {background-color:#6f7b8a;} .layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-beige .colorchip .chip1 {background-color:#f5e9dd;} .layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-beige .colorchip .chip2 {background-color:#7a6e67;} .layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-beige .colorchip .chip3 {background-color:#806058;} .layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-brown .colorchip .chip1 {background-color:#7a6e67;} .layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-brown .colorchip .chip2 {background-color:#ff393a;} .layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-brown .colorchip .chip3 {background-color:#fff;} .layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-black .colorchip .chip1 {background-color:#2a2e36;} .layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-black .colorchip .chip2 {background-color:#ff5454;} .layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-black .colorchip .chip3 {background-color:#fff;} .layer-wrap.layer-inputform .form-type03 .form-tit {color:#00bdcd;font-size:18px;font-weight:300;} .layer-wrap.layer-inputform .form-type03 .select-type02 {background-color:transparent;} .layer-wrap.layer-inputform .form-type03 .box-type.s2 div:not(.input-txt) label {color:#00bdcd;font-size:18px;font-weight:300;} .layer-wrap.layer-inputform .form-type03 .box-type.s2 textarea {height:130px;} .layer-wrap.layer-inputform .form-type03 .btn-wrap02 .btn-type {margin:5px 0 0 0;border-radius:0;} .layer-wrap.layer-inputform .form-type03 .box-type02 {margin-top:20px;padding:10px 0 0 0;border-top:1px dotted #888;} .layer-wrap.layer-inputform .form-type03 .box-type02 .btn-wrap02 .btn-type {margin:-5px 0 0 0;} .layer-wrap.layer-inputform .form-type03 .box-type02.area-copy {overflow:hidden; } .layer-wrap.layer-inputform .form-type03 .box-type02.area-copy div {width:calc(100% - 65px); float:left;} .layer-wrap.layer-inputform .form-type03 .box-type02.area-copy .btn-wrap02 {width: 65px;margin-top:10px; display:inline-block;} .layer-wrap.layer-inputform .form-type03 .box-type02.area-copy .btn-wrap02 .btn-type {min-width:60px;height:80px;margin-left: 5px;} .layer-wrap.layer-inputform .input-txt.s4.access > select {margin-right:10px;} /*** desktop ***/ @media (min-width:769px) { .layer-wrap.layer-inputform .select-type.s1 .select-cont li .colorchip {display:none;} .layer-wrap.layer-inputform .form-type03 .box-type02.area-copy .btn-wrap02 {margin-top:15px;} .layer-wrap.layer-inputform .form-type03 .box-type02.area-copy .btn-wrap02 .btn-type {height: 160px;} } /*** mobile ***/ @media (max-width:768px) { .layer-wrap.layer-inputform .select-type.s1 .select-cont li .preview {display:none;} } #layerChoiceDBShare .layer-cont p {margin-bottom:15px;} #layerChoiceDBShare .list-info02 li {position:relative;padding:12px 105px 12px 12px;} #layerChoiceDBShare .list-info02 li a, #layerChoiceDBShare .list-info02 li button{min-width:90px;margin-top:-16px;padding:5px 8px;position:absolute;top:50%;right:12px;} /************************************************* LAYER CONTENT_외부입력폼 개인정보취급방침 포함 방법 *************************************************/ #layerIncludeOutform .form-list {display: block; margin-top:0;overflow-y: auto; background-color:#fafafa; border-bottom:1px solid #eee;box-sizing: border-box;} #layerIncludeOutform .form-list a .list-form {position:relative; padding:10px;border-top:1px solid #eee; } #layerIncludeOutform .form-list a .list-form:after {content:'';width:32px;height:32px;margin:-16px 0;display:block;position:absolute;top:50%;right:12px;background-image:url(../img/bg_shapes_sprite.png?version=201802011400);background-repeat:no-repeat;background-position:-128px -32px;background-size:640px auto;} #layerIncludeOutform .form-list .ui-btn-open .list-form {background-color:#00bdcd; color:#fff} #layerIncludeOutform .form-list .ui-btn-open .list-form:after {background-position:-192px -32px;} #layerIncludeOutform .form-list .box-cont {width:100%;position: relative; padding:15px;border-top:1px dotted #eee;background-color:#fff;box-sizing: border-box;} #layerIncludeOutform .form-list .box-cont .txt-type05 {display: block;padding:5px 0 10px 0;font-size:14px; font-weight:300; position: relative;} #layerIncludeOutform .form-list .box-cont .txt-type05:before {content: "";position: absolute; top:5px; left:-15px;background-color: transparent;} #layerIncludeOutform .form-list .box-cont .txt-type05.num-1:before {content: "1.";} #layerIncludeOutform .form-list .box-cont .txt-type05.num-2:before {content: "2."} #layerIncludeOutform .form-list .box-cont .txt-type05.num-3:before {content: "3."} #layerIncludeOutform .form-list .box-cont .txt-type05.num-4:before {content: "4."} #layerIncludeOutform .form-list .box-cont .txt-type05.num-5:before {content: "5."} #layerIncludeOutform .form-list .box-cont .txt-type05.num-6:before {content: "6."} #layerIncludeOutform .form-list .box-cont .tit-type07 {margin:10px 0;} #layerIncludeOutform.layer-wrap .layer-cont p.txt-type04 {color:#ff1461 !important; padding:0 0 0 15px} #layerIncludeOutform.layer-wrap .layer-cont p.txt-type04:before {left:0px;} #layerIncludeOutform .form-list .form-photo {display: block; text-align: center;margin-bottom: 20px;} #layerIncludeOutform .form-list .form-photo img{width: 100%; max-width: 510px;} /************************************************* LAYER CONTENT_외부입력폼 소문채널 URL제출 방법 *************************************************/ #layerChannelURLOutform .form-list {display: block; margin-top:0;overflow-y: auto; background-color:#fafafa; border-bottom:1px solid #eee;box-sizing: border-box;} #layerChannelURLOutform .form-list a .list-form {position:relative; padding:10px;border-top:1px solid #eee; } #layerChannelURLOutform .form-list a .list-form:after {content:'';width:32px;height:32px;margin:-16px 0;display:block;position:absolute;top:50%;right:12px;background-image:url(../img/bg_shapes_sprite.png?version=201802011400);background-repeat:no-repeat;background-position:-128px -32px;background-size:640px auto;} #layerChannelURLOutform .form-list .ui-btn-open .list-form {background-color:#00bdcd; color:#fff} #layerChannelURLOutform .form-list .ui-btn-open .list-form:after {background-position:-192px -32px;} #layerChannelURLOutform .form-list .box-cont {width:100%;position: relative; padding:15px;border-top:1px dotted #eee;background-color:#fff;box-sizing: border-box;} #layerChannelURLOutform .form-list .box-cont .txt-type05 {display: block;padding:5px 0 10px 0;font-size:14px; font-weight:300; position: relative;} #layerChannelURLOutform .form-list .box-cont .txt-type05:before {content: "";position: absolute; top:5px; left:-15px;background-color: transparent;} #layerChannelURLOutform .form-list .box-cont .txt-type05.num-1:before {content: "1.";} #layerChannelURLOutform .form-list .box-cont .txt-type05.num-2:before {content: "2."} #layerChannelURLOutform .form-list .box-cont .txt-type05.num-3:before {content: "3."} #layerChannelURLOutform .form-list .box-cont .txt-type05.num-4:before {content: "4."} #layerChannelURLOutform .form-list .box-cont .txt-type05.num-5:before {content: "5."} #layerChannelURLOutform .form-list .box-cont .txt-type05.num-6:before {content: "6."} #layerChannelURLOutform .form-list .box-cont .tit-type07 {margin:10px 0;} #layerChannelURLOutform.layer-wrap .layer-cont p.txt-type04 {color:#ff1461 !important; padding:0 0 0 15px} #layerChannelURLOutform.layer-wrap .layer-cont p.txt-type04:before {left:0px;} #layerChannelURLOutform .form-list .form-photo {display: block; text-align: center;margin-bottom: 20px;} #layerChannelURLOutform .form-list .form-photo img{width: 100%; max-width: 510px;} /************************************************* LAYER CONTENT_페이스북 소문 URL 확인하는 방법 *************************************************/ #layerGuideFacebookURL .area-cont .txt-type05{display: block;padding:5px 0 10px 0;font-size:14px; font-weight:300; position: relative;} #layerGuideFacebookURL .area-cont .txt-type05:before {width:0;} #layerGuideFacebookURL .area-cont .form-photo {display: block; text-align: center;margin:10px 0;} #layerGuideFacebookURL .area-cont .form-photo img{width: 100%; max-width: 510px;} /************************************************* LAYER CONTENT_전체 지점 보기 *************************************************/ #layerAllbrunchlist .form-list {display: block; margin-top:0;overflow-y: auto; background-color:#fafafa; border-bottom:1px solid #eee;} #layerAllbrunchlist .form-list a .list-zone {position:relative; padding:10px;border-top:1px solid #eee; } #layerAllbrunchlist .form-list a .list-zone:after {content:'';width:32px;height:32px;margin:-16px 0;display:block;position:absolute;top:50%;right:12px;background-image:url(../img/bg_shapes_sprite.png?version=201802011400);background-repeat:no-repeat;background-position:-128px -32px;background-size:640px auto;} #layerAllbrunchlist .form-list .ui-btn-open .list-zone {background-color:#00bdcd; color:#fff} #layerAllbrunchlist .form-list .ui-btn-open .list-zone:after {background-position:-192px -32px;} #layerAllbrunchlist .form-list a li{width:calc(100% - 32px);position: relative; padding:10px;border-top:1px dotted #eee;background-color:#fff;} #layerAllbrunchlist .form-list a li:after{content:'';width:32px;height:32px;margin:-16px 0;display:block;position:absolute;top:50%;right:0;background-image:url(../img/bg_icon_sprite.png?version=201802011400);background-repeat:no-repeat;background-position:-352px -64px;background-size:640px auto;} #layerAllbrunchlist .form-list a li:hover {background-color:#fffff1;} #layerAllbrunchlist .form-list a li .list-photo {margin-right:10px;width: 35px; height:35px; display: inline-block;vertical-align: top;} #layerAllbrunchlist .form-list a li .list-photo img{width: 35px;} #layerAllbrunchlist .form-list a li .list-tit {padding-top:8px; width:calc(100% - 70px); line-height:1.3; display: inline-block;font-size: 15px; font-weight: 300;color:#555;} @media (max-width:768px) { #layerAllbrunchlist .form-list {max-height:420px; } #layerAllbrunchlist .form-list a li .list-tit { font-size: 13px; margin-top: 0px;} } @media (max-width:360px) { #layerAllbrunchlist .form-list {max-height:300px; } #layerAllbrunchlist .form-list a li .list-tit { font-size: 13px; margin-top: 0px;} } @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { #layerAllbrunchlist .form-list .list-zone:after {background-image:url(../img/bg_shapes_sprite@2x.png?version=201802011400);} #layerAllbrunchlist .form-list a li:after{background-image:url(../img/bg_icon_sprite@2x.png?version=201802011400);} } /************************************************* LAYER CONTENT_USP 제안하기 *************************************************/ #layerUSP .layer-cont .box-person, #layerUSP02 .layer-cont .box-person{margin-top:-1.5rem;padding:25px 0;background:#ffc109;text-align:center;} #layerSpecialOpen .layer-cont .box-person{margin-top:-1.5rem;padding:25px 0;background:#9786da;text-align:center;} #layerUSP .layer-cont .box-person .img-usp, #layerUSP02 .layer-cont .box-person .img-usp, #layerSpecialOpen .layer-cont .box-person .img-usp{width:105px;height:105px;background-position:-415px -267px;background-size:640px;} #layerUSP .layer-cont .box-person .img-usp img, #layerUSP02 .layer-cont .box-person .img-usp img, #layerSpecialOpen .layer-cont .box-person .img-usp img{width:105px;border-radius:50%;box-shadow:0 0 0 5px rgba(255,255,255,0.4);} #layerUSP .layer-cont .box-person .txt-name, #layerUSP02 .layer-cont .box-person .txt-name, #layerSpecialOpen .layer-cont .box-person .txt-name{margin-top:10px;font-size:22px;font-weight:300;line-height:1.5;color:#fff;} #layerUSP .layer-cont .box-person .txt-name .txt-desc, #layerUSP02 .layer-cont .box-person .txt-name .txt-desc, #layerSpecialOpen .layer-cont .box-person .txt-name .txt-desc {display:block;font-size:14px;} #layerUSP02 .layer-cont .list-usp {padding:8px 1.5rem;position: relative;} #layerUSP02 .layer-cont .list-usp .form-wrap {padding:10px 0;} #layerUSP02 .layer-cont .list-usp .form-wrap .input-file > .file-txt{font-size:15px; line-height: 2.2;} #layerUSP02 .layer-cont .list-usp .form-wrap .input-file span{font-size:15px;} #layerUSP02 .layer-cont .list-usp textarea {margin:10px 0 0 0; padding:10px;height:100px;border:0;background-color:#f7f7f7;} #layerUSP02 .layer-cont .list-usp .txt-limit {position: absolute; top:25px; right:1.5rem; font-size:12px; color:#999; text-align: right;} #layerUSP .layer-cont .list-usp dl, #layerSpecialOpen .layer-cont .list-usp dl{padding:8px 1.5rem;position:relative;border-top:1px solid #ddd;overflow:hidden;} #layerUSP .layer-cont .list-usp dl dt, #layerSpecialOpen .layer-cont .list-usp dl dt{float:left;padding:12px 0;margin-left:15px;font-size:17px;font-weight:300;line-height:1.4;} #layerUSP .layer-cont .list-usp dl:before, #layerSpecialOpen .layer-cont .list-usp dl:before{content:"";width:32px;height:32px;position:absolute;top:17px;left:10px;background-image:url(../img/bg_icon_sprite.png);background-position:-415px -267px;background-size:640px;} #layerUSP .layer-cont .list-usp dl.phone:before, #layerSpecialOpen .layer-cont .list-usp dl.phone:before{background-position:-448px -267px;} #layerUSP .layer-cont .list-usp dl.email:before, #layerSpecialOpen .layer-cont .list-usp dl.email:before{background-position:-480px -267px;} #layerUSP .layer-cont .list-usp dl.kakaotalk:before, #layerSpecialOpen .layer-cont .list-usp dl.kakaotalk:before{background-position:-512px -267px;} #layerUSP .layer-cont .list-usp dl.skype:before, #layerSpecialOpen .layer-cont .list-usp dl.skype:before{background-position:-544px -267px;} #layerUSP .layer-cont .list-usp dl.line:before, #layerSpecialOpen .layer-cont .list-usp dl.line:before{background-position:-576px -267px;} #layerUSP .layer-cont .list-usp dl dd, #layerSpecialOpen .layer-cont .list-usp dl dd{text-align:right;} #layerUSP .layer-cont .list-usp dl dd button, #layerUSP .layer-cont .list-usp dl dd a, #layerSpecialOpen .layer-cont .list-usp dl dd button, #layerSpecialOpen .layer-cont .list-usp dl dd a{min-width:60px;} @media (max-width:768px) { #layerUSP .layer-cont .box-person, #layerUSP02 .layer-cont .box-person, #layerSpecialOpen .layer-cont .box-person {margin-top:-1.9rem;} #layerUSP .layer-cont .box-person .img-usp img, #layerUSP02 .layer-cont .box-person .img-usp img, #layerSpecialOpen .layer-cont .box-person .img-usp img{width:90px;} #layerSpecialOpen .layer-cont .list-usp dl dt, #layerUSP .layer-cont .list-usp dl dt {width:calc(100% - 100px);margin-left:28px;padding:12px 0;font-size:15px;} #layerUSP .layer-cont .list-usp dl:before {top:15px;} } @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { #layerUSP .layer-cont .list-usp dl:before, #layerUSP02 .layer-cont .list-usp dl:before, #layerSpecialOpen .layer-cont .list-usp dl:before{background-image:url(../img/bg_icon_sprite@2x.png);} } /************************************************* LAYER CONTENT *************************************************/ #layerCancellation-PT .txt-type.s1 + .tit-type03.s2, #layerCancellation-Pro .txt-type.s1 + .tit-type03.s2{margin-top:25px;font-size: 18px;} #layerPTIncentive .txt-type.s1 + .tit-type03.s1{margin-top:25px;} #layerPTIncentive .tit-type03.s1, #layerTPcallIssue .tit-type03.s1, #layerTPcallGuide .tit-type03.s1 {margin:0.3em 0 0;font-size:18px;font-weight:400; color:#333;} #layerPTIncentive .txt-type, #layerTPcallIssue .txt-type, #layerTPcallGuide .txt-type {margin-top:0.2em;margin-bottom:0.4em;line-height: 1.4;} #layerCancellation-PT .txt-type, #layerCancellation-Pro .txt-type{margin-bottom:10px;margin-top:0.2em;line-height: 1.6;} #layerCancellation-PT .txt-type strong, #layerCancellation-Pro .txt-type strong {display: block; color: #555; font-weight: 600;} #layerCancellation-PT .txt-type.s1.last-txt, #layerCancellation-Pro .txt-type.s1.last-txt{margin-top: 1em;} #layerCancellation-PT .txt-type.s2, #layerCancellation-Pro .txt-type.s2, #layerPTIncentive .txt-type.s2, #layerTPcallIssue .txt-type.s2, #layerTPcallGuide .txt-type.s2 {text-align: center;margin-top:0.2em;margin-bottom:0.4em;line-height: 1.4;} #layerCancellation-PT .txt-type:before, #layerCancellation-Pro .txt-type:before, #layerPTIncentive .txt-type:before, #layerTPcallGuide .txt-type:before, #layerTPcallIssue .txt-type:before{width:0;} #layerTPcallIssue .txt-type02, #layerTPcallGuide .txt-type02 {margin-top:20px; margin-bottom: 10px;} #layerTPcallIssue .area-img, #layerTPcallGuide .area-img {margin: 10px auto;background:#eff0f2; text-align: center;} #layerPTIncentive .txt-type02 p, #layerTPcallIssue .txt-type02 p, #layerTPcallGuide .txt-type02 p {margin-bottom:5px;font-weight:600;} #layerPTIncentive .txt-type02 li, #layerTPcallGuide .txt-type02 li, #layerTPcallIssue .txt-type02 li {margin:0.3em auto 0; position: relative;padding-left:15px;} #layerPTIncentive .txt-type02 li:before, #layerTPcallGuide .txt-type02 li:before {content:"※"; position: absolute; top:0; left:0;background:none;} #layerCancellation-PT .txt-type02 li, #layerCancellation-Pro .txt-type02 li{margin:0.3em auto 0; position: relative;padding-left:7px;} #layerCancellation-PT .txt-type02 li:before , #layerCancellation-Pro .txt-type02 li:before {content:""; position: absolute; top:9px;; left:0;width: 2px; height: 2px; background: #777; border-radius: 50%;} #layerCancellation-PT .txt-type02 li.close:before, #layerCancellation-Pro .txt-type02 li.close:before{display: none;} #layerCancellation-PT .txt-type02 li.tit-type03.s2, #layerCancellation-Pro .txt-type02 li.tit-type03.s2 {padding-left: 0;margin-top: -5px;font-size:18px;} #layerTPcallIssue .layer-marketer dl dd, #layerTPcallGuide .layer-marketer dl dd {margin-top:-20px; padding-top:20px; font-size:16px;text-align:center; } #layerTPcallIssue.layer-wrap.layer-info .btn-wrap {border-bottom:1px dotted #ddd;margin-bottom: 25px;padding-bottom: 20px; } #layerTPcallIssue .txt-type + .tit-type03, #layerTPcallGuide .txt-type + .tit-type03 {margin-top:20px;} #layerCancellation-PT.layer-wrap [class^=btn-type].auto, #layerCancellation-Pro.layer-wrap [class^=btn-type].auto {min-width: 170px; } #layerCancellation-PT.layer-wrap li.tit-type03.s2, #layerCancellation-Pro.layer-wrap li.tit-type03.s2{position: relative;} #layerCancellation-PT.layer-wrap .btn-detail, #layerCancellation-Pro.layer-wrap .btn-detail {position: absolute; right:0; top:0; width:auto;line-height:1.42857143;margin:2px 0;padding:4px 8px;display:block;border:1px solid #00bdcd;border-radius:100px;color:#00bdcd;font-size:12px;text-align:center;box-sizing:border-box;} /************************************************* LAYER CONTENT_텐핑콜 전화번호 노출 -설정 완료 레이어 *************************************************/ .layer-cont.form-auto {position: relative;} .layer-cont.form-auto .form-txt {display:block;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,1);color:#223c56;font-size:20px;font-weight: 300; text-align:center;z-index:10;} .layer-cont.form-auto .form-txt.open {display:block;opacity:1;/**animation-name:aniOK;animation-duration:4s;pointer-events:none;**/} .layer-cont.form-auto .form-txt.open .txt-ok {width:380px;position: absolute;top:50%;left:50%;margin-left:-190px;margin-top:-35px;} .layer-cont.form-auto .form-txt.open .txt-ok p{position: relative; color:#01bdcd;} .layer-cont.form-auto .form-txt.open .txt-ok p:after {content:"";width:40px;height:40px;position:absolute;top:-50px;left:50%;margin-left:-20px;background-image:url(../img/img_CheckOk@2x.png);background-size:40px;} .layer-cont.form-auto .form-txt.open .txt-fail {width:400px;position: absolute;top:50%;left:50%;margin-left:-200px;margin-top:-60px;} @media (max-width:450px) { .layer-cont.form-auto .form-txt.open .txt-ok {width:280px;margin-left:-140px;} #layerCancellation-PT.layer-wrap [class^=btn-type].auto, #layerCancellation-Pro.layer-wrap [class^=btn-type].auto{width: 100%; } #layerCancellation-PT .txt-type02 li.tit-type03.s2, #layerCancellation-Pro .txt-type02 li.tit-type03.s2{font-size: 16px;} } /************************************************* 메인 *************************************************/ #container #content.page-main {padding-top:0;padding-bottom:0;} #container #content.page-main:before {display:none;} .page-main .form-align + .txt-type02 + .hid + .list-type, .page-main .form-align + .container-report + .hid + .list-type{margin-top:0px;} .page-main .form-align + .container-report, .page-main .form-align + .txt-type02, .page-main .form-align + .hid + .list-type {margin-top:43px;} .page-main .form-align + .txt-type02 + .hid + .list-type li:first-child {margin-top:0px;} .page-main .txt-type02.bn-sp {position: relative;text-align: left; padding:0;z-index: 9;} .page-main .txt-type02.bn-sp:before {content:'';display:block;position: absolute; top:50%;left:5px; margin-top:-16px;;width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-416px -32px;background-size:640px auto;} .page-main .txt-type02.bn-sp:after {content:'';display:block;position: absolute; top:50%;right:5px; margin-top:-16px;;width:32px;height:32px;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-96px -32px;background-size:640px auto;} .page-main .txt-type02.bn-sp:hover {background-color: #375186;} .page-main .txt-type02.bn-sp a{display: block;padding:15px 35px 15px 35px; margin:0; min-height: 10px;color: #fff;} .page-main .txt-type02.bn-league {position: relative;text-align: left; padding:0; background:#511e7a;font-size: 17px; font-weight: 300;overflow: hidden;background-image:url(../img/bg_league.png);background-repeat:no-repeat;background-position:85% 0; } .page-main .txt-type02.bn-league.s1{background-image:url(../img/bg_league_01.png);} .page-main .txt-type02.bn-league:before {content:'';display:block;position: absolute; top:0;left:0px; margin-top:-37px;margin-left:-27px;width:128px;height:128px;background-image:url(../img/bg_icon_sprite.png?version=201811270943);background-repeat:no-repeat;background-position:-384px -473px;background-size:640px auto;} /*.page-main .txt-type02.bn-league:after {content:'';display:block;position: absolute; top:0;right:5px; width:478px;height:100%;;background-image:url(../img/bg_league.png);background-repeat:no-repeat;background-size:478px auto;}*/ .page-main .txt-type02.bn-league a{display: block;padding:15px 15px 15px 70px; margin:0; min-height: 10px;color: #fff; z-index: 10} .page-main .txt-type02.bn-league span{display: block;font-size: 14px;line-height: 1.8;} .page-main .txt-type02.bn-league span.btn-detail {position: relative; float: right; font-size: 0; padding: 0; margin-top:-33px;width: 20px; height: 20px; top:50%; right: 0;background: #fff; color:#4d1d71; border-radius: 30px; z-index: 10;} .page-main .txt-type02.bn-league span.btn-detail:after {content:'';display:block;position: absolute; top:50%;right: 50%;margin-top:-16px;margin-right: -16px;width:32px;height:32px;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-64px -160px;background-size:640px auto;} /*****/ .page-main .txt-type02.s10 { background-color: #6ebdde;} .page-main .txt-type02.bn-report {position: relative;text-align: left; padding:0;z-index: 9;} .page-main .txt-type02.bn-report:before {content:'';display:block;position: absolute; top:50%;left:5px; margin-top:-16px;;width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-352px -32px;background-size:640px auto;} .page-main .ui-toggle.container-report .txt-type02.bn-report a:after {content:'';display:block;position: absolute; top:50%;right:10px; margin-top:-16px;;width:32px;height:32px;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-512px -32px;background-size:640px auto;} .page-main .ui-toggle.container-report .txt-type02.bn-report a.ui-btn-open:after {background-position:-544px -32px;} .page-main .ui-toggle.container-report .txt-type02.bn-report:hover {background-color:#48afda} .page-main .ui-toggle.container-report .txt-type02.bn-report a{display: block; padding:15px 35px 15px 35px;margin:0; min-height: 10px;color: #fff;} .page-main .ui-toggle.container-report ul {overflow: hidden;margin-bottom: 10px;background-color:#fffee4;} .page-main .ui-toggle.container-report li { position: relative; width: 100%; float: left; padding:15px 15px 15px 45px; border-bottom: 1px solid #ddd;box-sizing: border-box;} .page-main .ui-toggle.container-report li:before {content:'';display:block;position: absolute; top:50%;left:12px; margin-top:-18px;;width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-608px -299px;background-size:640px auto;} .page-main .ui-toggle.container-report li:hover{background:#fcfbd5;} .page-main .ui-toggle.container-report li span a { width: 100%;height:1.4em;line-height:1.4em;margin:0px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;color:#222;font-weight:300;overflow:hidden;} .page-main .ui-toggle.container-report .btn-type {position: absolute; top:50%; right:15px; padding: 6px 12px; margin-top:-16px; font-size: 14px; font-weight: 300;} /*****판매- 쇼핑몰/상품 탭 스타일 추가 */ .page-main .tab-type03 ul {width:100%;} .page-main .tab-type03 li.on{margin:0;width:50%;display: inline-block;background-color:#1cbccb; color:#fff;} .page-main .tab-type03 li {margin:0; width:50%;display: inline-block;background-color:#98cfd4; color:#fff;} .page-main .tab-type03 li a{color:#fff;} .page-main .tab-type03 li a:before{content:'';display:block;position: absolute; top:50%;left:50%; margin-left:-55px;margin-top:-18px;;width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-480px -64px;background-size:640px auto;} .page-main .tab-type03 li.goods a:before{background-position:-448px -64px;margin-left:-45px;} .page-main [class^=tab-type03] li .on:after, .page-main [class^=tab-type03] li a:hover:after, .page-main [class^=tab-type03] li button:hover:after {height: 0; background-color: #0ac1d3;} .page-main [class^=tab-type03] li a:after, .page-main [class^=tab-type03] li button:after{height: 0;background-color: #84c9cf;} /*** desktop ***/ @media (max-width:1000px) { .page-main .txt-type02.bn-league.s1 {background-position: 85% 10px!important; background-size: 225px !important;} } @media (min-width:769px) { #container #content.page-main {padding-top:51px;} .page-main .ui-toggle.container-report .txt-type02.bn-report a{padding:15px 45px 15px 42px;} .page-main .ui-toggle.container-report .txt-type02.bn-report a:after {right:20px;} .page-main .tab-type {position:fixed;left:250px;right:0;top:60px;z-index:90;} .page-main .form-align {position:fixed;left:250px;right:0;top:111px;z-index:80;background:#e8ecef;} .page-main.page-shopping .form-align {top:165px;} .page-main .form-align + .container-report, .page-main .form-align + .layer-report, .page-main .form-align + .hid + .list-type {margin-top:43px;} .page-main .form-align + .txt-type02 {margin-top:43px;} .page-main .form-align + .txt-type02 + .hid + .list-type {margin-top:0px;} .page-main .form-align + .txt-type02 + .hid + .list-type li:first-child {margin-top:0px;} .page-main .txt-type02.bn-sp:before {left:12px; } .page-main .txt-type02.bn-sp:after {right:15px;} .page-main .txt-type02.bn-sp a {padding: 15px 40px 15px 42px;} .page-main .txt-type02.bn-league{font-size: 20px;} .page-main .txt-type02.bn-league:before {left:0px;margin-top: -27px; } .page-main .txt-type02.bn-league a {padding: 15px 30px 15px 80px;} .page-main .txt-type02.bn-league span.btn-detail {top:50%;right:0; margin-right:0px; line-height: 1.5; margin-top:-38px;font-size: 13px;width: auto; background-position:85% 0;padding:5px 20px 5px 10px;} .page-main .txt-type02.bn-league span.btn-detail:after { top:50%;right:-5px;margin-right: 0; margin-top:-16px;} .page-main .txt-type02.bn-report:before {left:12px;} .page-main .txt-type02.bn-report:after {right:15px;} .page-main .txt-type02.bn-report a {padding: 15px 40px 15px 42px;} .page-main .tab-type03 li.on {width:70%;} .page-main .tab-type03 li{min-width: 155px; width:30%;} } @media (min-width:1200px) { .page-main .ui-toggle.container-report li {width:50%;} .page-main .ui-toggle.container-report li.s1 {width:100%;} } @media (max-width:450px) { .page-main .txt-type02.bn-league{background-image:none !important; } } /************************************************* Index-CPS-shoppingmall -CPS2차 개편 *************************************************/ /**CPS배너 **/ .page-main.page-shopping div.banner-txt .ban-tit span {position: relative;vertical-align: middle;} .page-main.page-shopping div.banner-txt .ban-tit span:before {content: ''; display:inline-block;margin-bottom:-20px;width:130px;height:70px;background-image:url(../img/bg_shopping_bn.png);background-repeat:no-repeat;background-position:0px 0px;background-size:260px auto;} .page-main.page-shopping div.banner-txt.goods {background-color: #63b6db;} .page-main.page-shopping div.banner-txt.goods .ban-tit span:before {background-position:-130px 0px;} .page-main.page-shopping div.banner-txt .ban-tit span:after{content: ''; display:inline-block;margin-bottom:-20px;width:70px;height:70px;background-image:url(../img/bg_shopping_bn.png);background-repeat:no-repeat;background-position:0px -70px;background-size:260px auto;} .page-main.page-shopping .list-type [class^=txt-cam]:after{display: none} /**정렬 **/ .page-main.page-shopping .form-align .wrap-btn {position: absolute; top:5px;right: 10px;} .page-main.page-shopping .form-align .wrap-btn .btn-type, .page-main.page-shopping .form-align .wrap-btn .btn-type02 {padding:4px 8px; font-size: 12px;} .page-main.page-shopping .layer-report + .tab-type03 + .form-align + .hid + .list-type, .page-main.page-shopping .layer-report + .tab-type03 + .form-align + .list-type, .page-main.page-shopping .form-align + .container-report + .hid + .list-type{margin-top: 15px;} .page-main.page-shopping .container-report, .page-main.page-shopping .layer-report {margin-top: 100px;} .page-main.page-shopping .form-align + .hid + .list-type , .page-main.page-shopping .form-align + .list-type {margin-top: 100px;} .page-main.page-shopping .list-type.s1{width:100%;padding:0;} .page-main.page-shopping .list-type .inner {position: relative; display: table; margin: 0 auto; font-size:0; line-height: 0px;} .page-main.page-shopping .list-type .inner.s1{width: 100% !important;} .page-main.page-shopping .list-type .list-cont {position: relative; display: inline-block; margin:5px; width:225px;border-bottom:1px solid #b3b6b9;background-color:#fff; box-shadow:1px 1px 0 0 rgba(0,0,0,0.1);} .page-main.page-shopping .list-type .icon-txt {border-left-color:rgba(226,66,23,0.8);z-index:1;} .page-main.page-shopping .list-type .list-cont > a {padding:0px;height:auto; display: block;} .page-main.page-shopping .list-type .list-cont .list-photo {margin:0px; padding:0px;width:100%;height:auto;display: block; position: relative;top:0; left:0;border:0px;border-bottom:1px solid rgba(0,0,0,.07);border-radius: 0px;} .page-main.page-shopping .list-type .list-cont .list-photo .num-buy {position: absolute; bottom:10px;right:10px;padding:10px 8px; background-color: rgba(255,255,255,0.80); color:#777; font-size:11px; font-weight:300;border-radius: 10px;z-index:7;} .page-main.page-shopping .list-type .list-cont .list-photo .cont-photo {width:100%;height:0px;margin-bottom:0px;padding-bottom:100%;position:relative;overflow:hidden; background-position:top center;background-repeat:no-repeat;background-size:cover;} .page-main.page-shopping .list-type .list-cont .list-txt {padding:10px;display:table; width: 100%; box-sizing: border-box;} .page-main.page-shopping .list-type .list-cont .list-txt {min-height:88px;} .page-main.page-shopping .list-type .list-cont.goods .list-txt {min-height:107px;} .page-main.page-shopping .list-type .list-cont a .list-txt .txt-cate {font-size:12px;} .page-main.page-shopping .list-type .list-cont a .list-txt p {height:18px;display: block; color:#999;font-size:13px;line-height: 1.4;} .page-main.page-shopping .list-type .list-cont .list-tit {padding:0;height:1.4em;line-height:1.4em;margin:3px 0 5px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;color:#222;font-size:18px;font-weight:300;overflow:hidden;} .page-main.page-shopping .list-type .list-cont.goods .list-tit {font-size:16px; height:2.8em;-webkit-line-clamp:2;} .page-main.page-shopping .list-type .list-cont a .list-txt p span {color:#1cbccb; margin-right:10px;} .page-main.page-shopping .list-type.s1 .list-footer {padding:0.2rem 0.5rem;margin: 0;text-align: left;box-sizing: border-box;} .page-main.page-shopping .list-type.s1 .list-footer dt {display:none; } .page-main.page-shopping .list-type .list-footer .icon-k {} .page-main.page-shopping .list-type .inner .list-footer .btn-result {right: 10px;} /***상품 소문내기 /크롬 확장 프로그램 배너 ***/ .page-main.page-shopping .list-form.s1 {margin:0px 0 10px 0;padding:0px;width:100%; min-height:100px;position: relative; text-align: center;background-color:#667281;border-radius: 5px; transition: all 0.5s; box-sizing:border-box; } .page-main.page-shopping .list-form .area-form {position: relative;padding:1.5em 20px; box-sizing: border-box; } .page-main.page-shopping .list-form.chrome .area-form{padding:1.5em 290px 1.5em 20px;} .page-main.page-shopping .list-form.s1 .form-tit {margin:35px 0 35px 0;color:#fff;font-size:20px;font-weight:300;} .page-main.page-shopping .list-form .input-type, .page-main.page-shopping .list-form .form-cont {max-width:580px;margin:20px auto;} .page-main.page-shopping .list-form .form-cont:before {content:'';width:34px;height:1px;margin:30px auto 27px;display:block;background-color:#fff;} .page-main.page-shopping .list-form .form-cont {display: none;} .page-main.page-shopping .list-form .form-cont.open {display: block;} .page-main.page-shopping .list-form .form-cont textarea {height:100px;margin:14px 0 6px;border-radius:0;background-color:#e8ecef;} .page-main.page-shopping .list-form .form-cont .btn-sns {width:60px;height:60px;} .page-main.page-shopping .list-form .form-cont .btn-sns:before {width:60px;height:60px;margin:0px;background-position-y:-92px;} /****** [BANNER CHROME - Home-CPS] ******/ .page-main.page-shopping .list-form .btn-chrome {display: none !important;position: relative;} .chrome .page-main.page-shopping .list-form.chrome .btn-chrome {display:block!important;width:170px;height:95px !important;padding:0 !important;position:absolute !important;top:-24px;right:12px;background-image:url(../img/bn_chrome_sm.png);background-repeat:no-repeat;background-position:0 0;background-size:170px auto;font-size:0;line-height:0;overflow:visible !important;} .chrome .page-main.page-shopping .list-form.chrome .btn-chrome > p {display:none;width:170px;line-height:1.5;padding:10px 15px;position:absolute;top:95px;right:0;background-color:#fff;border:1px solid #667281;border-radius:5px;font-size:14px;color:#1e659a !important;text-align:left;box-shadow:0 2px 2px 5px rgba(0,0,0,0.05);box-sizing:border-box;z-index: 8;} .page-main.page-shopping .list-form.chrome .btn-chrome > p:before {content:'';width:10px;height:10px;margin:0 -5px;display:block;position:absolute;bottom:-5px;left:50%;background-color:#fff;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);} .page-main.page-shopping .list-form.chrome .btn-chrome > p:after {content:'';width:100%;height:40px;margin-top:10px;display:block;background-image:url(../img/img_chrome_page.png?version=201803061530);background-repeat:no-repeat;background-position:-80px 0;background-size:228px auto;} .page-main.page-shopping .list-form.chrome .btn-chrome:hover > p {display:block;} @media (min-width:1951px) { .page-main.page-shopping .list-type .inner{width:1645px;} } @media (max-width:1950px) { .page-main.page-shopping .list-type .inner{width:1414px;} } @media (max-width:1720px) { .page-main.page-shopping .list-type .inner{width:1178px;} } @media (min-width:1480px) { .page-main.page-shopping .list-form.chrome .area-form{padding:1.5em 20px !important;} } @media (max-width:1480px) { .page-main.page-shopping .list-type .inner{width:940px;} } @media (min-width:1440px) { .page-main.page-shopping .list-form.chrome .area-form{padding:1.5em 220px 1.5em 20px;} .chrome .page-main.page-shopping .list-form.chrome .btn-chrome {width:260px;background-image:url(../img/bn_chrome.png);background-size:260px auto;} .chrome .page-main.page-shopping .list-form.chrome .btn-chrome > p {width:260px} .chrome .page-main.page-shopping .list-form.chrome .btn-chrome > p:after{background-position:0 0;} } @media (max-width:1240px) { .page-main.page-shopping .list-type .inner{width:705px;} .page-main.page-shopping .list-form.chrome .area-form{padding:1.5em 190px 1.5em 20px;} } @media (max-width:980px) { .page-main.page-shopping .list-type .inner {width:470px;} .page-main.page-shopping .list-form.chrome .area-form{padding:1.5em 185px 1.5em 20px;} .page-main.page-shopping .list-form.s1 .form-tit {font-size: 15px;} } @media (max-width:907px) { .page-main.page-shopping .list-form.chrome .btn-chrome {width:170px !important;height:95px;background-image:url(../img/bn_chrome_sm.png)!important;background-size:170px auto !important;} } @media (min-width:769px) { .page-main.page-shopping .list-form .form-cont .btn-sns.icon-k{} .page-main.page-shopping [class^=tab-type03]{position: fixed;left: 250px; right: 0;top: 111px;z-index: 8;} } @media (max-width:768px) { .page-main.page-shopping [class^=tab-type03]{position: fixed;left: 0px; right: 0;top: 139px;z-index: 8;} .page-main .form-align {position: fixed; left:0px;right:0;top:138px;z-index:8;background:#e8ecef;} .page-main.page-shopping .form-align {top:190px;} .page-main.page-shopping .list-form{display: block; margin:0;padding:0px;width:100%; position:relative; left:0;top:0; bottom:0; text-align: center;background-color:#667281;border-radius: 0px; transition: all 0.5s; box-sizing:border-box; } .page-main.page-shopping .list-form.s1 .form-tit {margin:30px 0 25px 0} .page-main.page-shopping .list-form.s1 {min-height: auto;} .page-main.page-shopping .list-form .area-form {position: relative; padding:1.5em 10px !important; height: auto; } .page-main.page-shopping .list-form .form-cont:before{margin:25px auto 20px;} .page-main.page-shopping .layer-report{margin-top:90px;} .page-main.page-shopping .form-align + .layer-report {margin-top:10px;} .page-main.page-shopping .form-align + .hid + .list-type, .page-main.page-shopping .form-align + .list-type {margin-top:100px;} .page-main.page-shopping .list-type .inner{width:100%;padding:0 10px; box-sizing: border-box;} .page-main.page-shopping .list-type .inner.s1 .txt-nodata {font-size: 18px;line-height: 1.5;} .page-main.page-shopping .list-type .list-cont {width:calc(33% - 10px);} .page-main.page-shopping .list-type .list-cont > a {height:auto;} .page-main.page-shopping .list-type .list-cont .list-photo {width: 100%;height: auto;} .page-main.page-shopping .list-type .list-footer .icon-k {display:inline-block;} .page-main.page-shopping .list-type .list-footer .icon-n {display:none;} .page-main.page-shopping .list-cont.list-form {width: 99% !important; } .chrome .page-main.page-shopping .list-form.chrome .btn-chrome {display:none !important;} } @media (max-width:640px) { .page-main.page-shopping .list-type .list-cont.list-form {width: 100%!important;} .page-main.page-shopping .list-type .list-cont {width:calc(50% - 11px) !important;} .page-main.page-shopping .list-type .list-cont .list-photo .cont-photo {width:100%;height:0px;margin-bottom:0px;padding-bottom:100%;position:relative;overflow:hidden; background-position:top center;background-repeat:no-repeat;background-size:cover;} .page-main.page-shopping div.banner-txt .ban-tit span:before{width:65px;height:35px;margin-bottom:-10px;background-size:130px auto;} .page-main.page-shopping div.banner-txt.goods .ban-tit span:before {background-position:-65px 0px;} .page-main.page-shopping div.banner-txt .ban-tit span:after{width:35px;height:35px;margin-bottom:-10px;background-position:0px -35px;background-size:130px auto;} .page-main.page-shopping .list-type .list-cont a .list-txt p {font-size: 12px;} } @media (max-width:480px) { .page-main.page-shopping .form-align {padding:0 10px 0 20px;} .page-main.page-shopping .list-form .form-cont .btn-sns {width:60px;height:60px;} } @media (max-width:380px) { .page-main.page-shopping div.banner-txt p{letter-spacing: -0.04em;} .page-main.page-shopping .list-type .list-footer dd{margin: 3px 0;} .page-main.page-shopping .list-type .list-footer .btn-sns{width:30px; height:30px;margin:2px 3px;right:0px;} .page-main.page-shopping .list-type .list-footer .btn-result{width:30px; height:30px; margin:2px 1px; top:3px;} .page-main.page-shopping .list-type .inner .list-footer .btn-result {right: 5px; top:5px;} .page-main.page-shopping .list-type .list-footer .btn-sns:before{margin:0px;width:30px; height:30px;} .page-main.page-shopping .list-type .list-footer .btn-result:before{width:30px; height:30px;margin:0px;background-position:-54px -371px} .page-main.page-shopping .list-type .list-footer .icon-k:before {background-position:-70px -208px;} .page-main.page-shopping .list-type .list-footer .icon-f:before {background-position:-135px -208px;} .page-main.page-shopping .list-type .list-footer .icon-m:before {background-position:-5px -208px;} } @media (max-width:320px) { .page-main.page-shopping .list-type .list-footer .btn-sns {margin:2px 1px;} } @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { .page-main.page-shopping .list-form .ui-btn-open a:after{background-image:url(../img/bg_shapes_sprite@2x.png?version=201804201011); } .page-main .ui-toggle.container-report li:before {background-image:url(../img/bg_icon_sprite@2x.png);} .page-main .txt-type02.bn-league:before {background-image:url(../img/bg_icon_sprite@2x.png);} .page-main .txt-type02.bn-league span.btn-detail:after {background-image:url(../img/bg_shapes_sprite@2x.png?version=201804201011); } } /************************************************* 캠페인 로그인 *************************************************/ .page-campaignsignin .form-type {max-width:500px;} .page-campaignsignin .box-type03 .check-type label {font-size:14px;} .page-campaignsignin .box-type03 a.box-cont {padding-top:3px;} /************************************************* 텐핑 마케터 리포트 제출 타임 *************************************************/ .layer-wrap.layer-report {display:block;overflow-y:visible;position:relative;top:auto;left:auto;bottom:auto;right:auto;z-index:0;margin:4px 0 0;width:100%;height:auto;background:#fff;border-bottom:1px solid #abaeb0;box-shadow:1px 2px 2px 0 rgba(0,0,0,0.05);} .layer-wrap.layer-report .layer-container {padding-bottom:1.5rem;} .layer-wrap.layer-report .layer-tit {color:#222;} .layer-wrap.layer-report .layer-tit:before {background-position:-96px 0;} .layer-wrap.layer-report .layer-tit:after {background-color:#222;} /**리포트타임 레이아웃 추가 **/ .layer-wrap.layer-report.s1 .layer-container {padding-bottom: 15px;} .layer-wrap.layer-report.s1 .layer-tit02 {padding-top:12px;margin-bottom:12px;margin-left:100px;margin-top:10px;font-size:22px;color:#222;font-weight:100;text-align:left;} .layer-wrap.layer-report.s1 .layer-tit02:before {content:'';width:96px;height:96px;position: absolute; top:10px; left:5px; margin:0 auto 8px;display:inline-block;background-image:url(../img/bg_iconlayer_sprite.png);background-repeat:no-repeat;background-position:-96px 0;background-size:640px auto;} .layer-wrap.layer-report.s1 ul {margin-left:100px;margin-right:30px;; max-width: none;} .layer-wrap.layer-report.s1 ul li {display:inline-block;position:relative;width:100%;padding:6px 60px 6px 20px;background-color:#fff;box-shadow:1px 1px 0 1px rgba(0,0,0,0.1);box-sizing:border-box;text-align:left;} .layer-wrap.layer-report.s1 ul li a:first-child {display:inline-block;width:97%;font-size:16px;line-height:1.5;font-weight:300;color:#555;vertical-align:middle;} .layer-wrap.layer-report.s1 ul li:after {content:'';display:inline-block;width:0.01%;height:50px;vertical-align:middle;} .layer-wrap.layer-report.s1 ul li a + a {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:box;-webkit-box-pack:center;-webkit-box-orient:vertical;align-items:center;justify-content:center;-ms-flex-direction:column;position:absolute;top:0;right:0;width:60px;height:100%;background:#f0f0f0;font-size:12px;color:#18abe5;font-weight:300;text-align:center;} .layer-wrap.layer-report.s1 ul li a + a:before {content:'';display:block;margin:0 auto;width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:0 -32px;background-size:640px auto;} .layer-wrap.layer-report.s1 ul li:before {content:'';display:block;position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;border-radius:2px;height:100%;border:1px solid #000;border-top:0;opacity:0.1;pointer-events:none;} .layer-wrap.layer-report.s1 ul li {margin-top:5px;} .layer-wrap.layer-report.s1 .ui-toggle .btn-wrap01 {padding: 5px 10px; margin-bottom: -15px; text-align: center;} .layer-wrap.layer-report.s1 .ui-toggle a.btn-type02.ui-btn {position: relative; line-height:1.42857143;margin:10px 0;min-width: 150px; display:inline-block;color:#555;font-size:14px;text-align:center;box-sizing:border-box;} .layer-wrap.layer-report.s1 .ui-toggle a.btn-type02.ui-btn:after{ content:'';width:32px;height:32px;position: absolute; top:-5px; left:50%; margin:0 auto ;margin-left: 20px; display:inline-block;background-image:url("../img/bg_shapes_sprite.png");background-repeat:no-repeat;background-position:-416px -32px;background-size:640px auto; } .layer-wrap.layer-report.s1 .ui-toggle a.btn-type02.ui-btn.ui-btn-open:after {background-position:-448px -32px} @media (max-width:768px) { .layer-wrap.layer-report.s1 .layer-tit02 {margin-left:50px; font-size: 16px;} .layer-wrap.layer-report.s1 .layer-tit02:before {width:48px;height:48px;background-position: -48px 0;top:12px; background-size:320px auto} .layer-wrap.layer-report.s1 ul {margin-left:0px; margin-right: 0; max-width: none;} .layer-wrap.layer-report.s1 ul li a:first-child{font-size: 14px;} .layer-wrap.layer-report .cont-img:before {content:'';width:300px;height:600px;margin:0 auto ;display:block;background-image:url("../img/img_report_m.png");background-repeat:no-repeat;background-size:300px auto; } .layer-wrap.layer-report .cont-img img{display: none;} } .layer-wrap.layer-report.s1, .layer-wrap.layer-report.promote {max-height: none;} .layer-wrap.layer-report h3 {width: 100%; max-width:900px;line-height:1.5;margin:10px auto;display:table;color:#333;font-size:18px;font-weight:300;text-align: left;} .layer-wrap.layer-report p { width: 100%; max-width:900px;line-height:1.5;margin:15px auto;display:table;color:#555;font-size:15px;font-weight:300;} .layer-wrap.layer-report .txt-type02 {max-width:900px;margin:10px auto;} .layer-wrap.layer-report .txt-type02.tip-request{position: relative;padding-left: 55px; margin-bottom:20px;border-radius: 5px;box-sizing: border-box;} .layer-wrap.layer-report .txt-type02.tip-request em {position: absolute; padding:2px 8px; top:15px; left:15px;background-color:#06a0dd;color:#fff;font-size:12px;font-weight:500;border-radius:3px;} .layer-wrap.layer-report ul.txt-type, .layer-wrap.layer-report .cont-img {max-width:900px;margin:10px auto;padding: 10px 0;} .layer-wrap.layer-report .cont-img {text-align: center; } .layer-wrap.layer-report ul.txt-type li {display:block;position:relative;width:100%;min-height: 0; padding:0px;background-color:transparent;box-shadow:none;box-sizing:border-box;text-align:left;} .layer-wrap.layer-report ul.txt-type li:before, .layer-wrap.layer-report ul.txt-type li:after{display: none;} /*.layer-wrap.layer-report ul {margin-left:auto;margin-right:auto;max-width:640px;} .layer-wrap.layer-report ul li {display:block;position:relative;width:100%;padding:10px 60px 10px 20px;background-color:#fff;box-shadow:1px 1px 0 1px rgba(0,0,0,0.1);box-sizing:border-box;text-align:left;} .layer-wrap.layer-report ul li a:first-child {display:inline-block;width:97%;font-size:16px;line-height:1.5;font-weight:300;color:#555;vertical-align:middle;} .layer-wrap.layer-report ul li:after {content:'';display:inline-block;width:0.01%;height:50px;vertical-align:middle;} .layer-wrap.layer-report ul li a + a {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:box;-webkit-box-pack:center;-webkit-box-orient:vertical;align-items:center;justify-content:center;-ms-flex-direction:column;position:absolute;top:0;right:0;width:60px;height:100%;background:#f0f0f0;font-size:12px;color:#18abe5;font-weight:300;text-align:center;} .layer-wrap.layer-report ul li a + a:before {content:'';display:block;margin:0 auto;width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:0 -32px;background-size:640px auto;} .layer-wrap.layer-report ul li:before {content:'';display:block;position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;border-radius:2px;height:100%;border:1px solid #000;border-top:0;opacity:0.1;pointer-events:none;} .layer-wrap.layer-report ul li + li {margin-top:5px;}*/ /*** retina specific ***/ @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { .layer-wrap.layer-report ul li a + a:before {background-image:url(../img/bg_icon_sprite@2x.png);} } /************************************************* LAYER CONTENT_마케터 프로필 *************************************************/ #layerProfile.layer-wrap {max-height:840px !important;} #layerProfile input.input-date, #layerProfile input.input-date-month{cursor:pointer;} #layerProfile.layer-wrap .layer-loading {display: none; position: absolute;top:3px;left:1px; margin:10px; width:96%;height:97%;max-width:760px;max-height:830px;background-color:#fff; opacity: 0.8;font-size:0;line-height:0;z-index:1000000;} #layerProfile.layer-wrap .layer-loading.open {display: block;pointer-events:visibleFill;} #layerProfile.layer-wrap .layer-loading.open + .layer-cont {pointer-events:none;} #layerProfile.layer-wrap .layer-loading .area-loading {width: 100%; margin:0 auto;} #layerProfile.layer-wrap .layer-loading .area-loading:before {content:'';width:70px;height:70px;margin:auto;display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.85);background-image:url(../img/loading.gif);background-repeat:no-repeat;background-position:50% 50%;background-size:28px auto;border-radius:5px;} #layerProfile.layer-wrap .btn-close {background-color:rgb(255, 255, 255, 0.5);pointer-events:all;} #layerProfile .section-profile{padding-bottom:15px;border-bottom:1px solid #d6d6d7; box-shadow:1px 1px 0 0 rgba(0,0,0,0.1);box-sizing:border-box;} #layerProfile .box-type05 {margin: 0 1.5rem 1.5rem 1.5rem;} #layerProfile .box-type05 h2 {font-size: 18px; font-weight: 300; } #layerProfile .box-type05 h2.tit-type.btn span {display: inline-block; margin-left:10px;} #layerProfile .box-type05 h2.tit-type.btn span a {display: inline-block; padding:2px 8px;font-size:12px; border:1px solid #e87879; color: #e87879; border-radius:5px;} #layerProfile .box-type05 h2.tit-type.btn span a:hover {background:#e87879; color: #fff; } #layerProfile .section-profile .box-type05 .cont-photo {display: inline-block;position:relative; width: 100px;height: 100px; overflow: hidden; margin-right: 15px; vertical-align: top; } #layerProfile .section-profile .box-type05 .cont-photo .bg_photo{width: 100px; height: 100px;overflow: hidden; background-size: cover; background-position: top center;border-radius: 50%;} /**#layerProfile .section-profile .box-type05 .cont-photo img{width: 100px;height: 100px; border-radius:50%;margin:0; padding:0; vertical-align: top; }**/ #layerProfile .section-profile .box-type05 .cont-txt {display: inline-block; width: calc(100% - 130px);} #layerProfile .section-profile .box-type05 .cont-txt h3{font-size: 18px; font-weight:bold; display: inline-block; color:#333;} #layerProfile .section-profile .box-type05 .cont-txt .btn-type02.btn-modify{min-width: 50px; padding: 4px;margin-left:15px;font-size:13px;} #layerProfile .section-profile .box-type05 .cont-txt li {color:#555;font-weight:300;font-size:13px;line-height: 1.5} #layerProfile .section-profile .box-type05 .cont-txt li.txt-level {font-size: 15px;margin-bottom: 7px;} #layerProfile .section-profile .box-type05 .cont-txt li.txt-level .area-marketer {display:inline-block;} #layerProfile .section-profile .box-type05 .cont-txt li.txt-level .marketer-type{margin-right: 10px;} #layerProfile .section-profile .box-type05 .cont-txt li.txt-level a{text-decoration: underline; color: #555;} #layerProfile .section-profile .box-type05 .cont-txt li.txt-level a:hover {color: #fff;background-color:#00bdcd;} #layerProfile .section-profile .box-type05 .cont-txt li.txt-level a.btn-link{position: relative; font-size:12px; margin-top: 1px;line-height: 1.5;} #layerProfile .section-profile .box-type05 .cont-txt li.txt-level a.btn-link:hover {background: none; color:#999;} #layerProfile .section-profile .box-type05 .cont-txt li.txt-level a.btn-link:after{content:""; width:0; height:0; margin-left:0.3rem; display:inline-block; left:inherit; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #777;} #layerProfile .section-profile .box-type05 .cont-txt li span {color:#999; display: inline-block; padding:0 5px;} #layerProfile .section-profile .box-type05 .cont-txt li.txt-level .txt-confidence {display: inline-block;} #layerProfile .section-profile .box-type05 .cont-txt li.txt-level .guide {width:18px;height:18px;display:inline-block;text-decoration: none; position:relative;top:0px;left:-2px;border-radius:50%;background-color:#ffcc00;color:#fff;font-size:0;line-height:0;text-align:center;padding:0;} #layerProfile .section-profile .box-type05 .cont-txt li.txt-level .guide:before {content:'?';width:18px;height:18px;line-height:18px;font-size:12px;font-weight:600; } #layerProfile .section-profile .box-type05 .cont-txt li.txt-level .tooltipped{max-width: 200px;height: 20px;} #layerProfile .section-profile .box-type05 .cont-txt li.txt-level .txt-confidence.level-top {position: relative;} #layerProfile .section-profile .box-type05 .cont-txt li.txt-level .txt-confidence.level-top .tooltipped span{font-size:0; width:30px; height:20px;margin-left:-16px;} #layerProfile .section-profile .box-type05 .cont-txt li.txt-level .txt-confidence.level-top .tooltipped span:after {content:'';width:32px;height:32px;display:inline-block;position:absolute;top: 10px;left: 0;margin-top:-16px;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-544px -601px;background-size:640px auto;vertical-align:middle;z-index:1;} @media (max-width:640px) { #layerProfile .section-profile .box-type05 .cont-txt li.txt-level .area-marketer {display:block;} #layerProfile .section-profile .box-type05 .cont-txt li.txt-level a.btn-link{display: block;margin-top: 7px; margin-left: 0px;line-height: 1.5;} #layerProfile .section-profile .box-type05 .cont-txt li.txt-level .tooltipped-n:after, #layerProfile .section-profile .box-type05 .cont-txt li.txt-level .tooltipped-ne:after, #layerProfile .section-profile .box-type05 .cont-txt li.txt-level .tooltipped-nw:after {right:80px;} } #layerProfile .section-cont {border-top:10px solid #e8ecef;min-height:618px; } #layerProfile .section-cont .wrap-timeline {min-height: 300px;} #layerProfile .section-cont .tab-type04 {border: 0px;} #layerProfile .section-cont .tab-type04 ul {width:100%;overflow:hidden;} #layerProfile .section-cont .tab-type04 li {width:calc(50% - 1px);padding:20px 0; margin: 0;float: left; display: inline-block; border-bottom:1px solid #e1e1e1; background-color: #fbfbfb; color:#999; font-size: 15px;box-sizing:border-box; cursor: pointer;} #layerProfile .section-cont .tab-type04 li.on {border-top:1px solid #e1e1e1; border-bottom:0px; background-color: #fff; color:#333;} #layerProfile .section-cont .tab-type04 li:first-child {border-right:1px solid #e1e1e1;} #layerProfile .section-cont .tab-type04 li:list-child {width:50% !important;} #layerProfile .txt-type02.s4{line-height:1.5;margin:10px 0;padding:12px 12px 12px 35px;position:relative;font-size:13px;font-weight:300;text-align:left;overflow:hidden;box-sizing: border-box;} #layerProfile .txt-type02.s5{line-height:1.5;margin:10px 0;padding:15px 60px 15px 35px;position:relative;font-size:14px;font-weight:300;text-align:left;overflow:hidden;box-sizing: border-box;} #layerProfile .txt-type02.s4:before, #layerProfile .txt-type02.s5:before {content:'';width:32px;height:32px;display:inline-block;position:absolute;top:50%;left:5px;margin-top:-16px;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-352px -32px;background-size:640px auto;vertical-align:middle;z-index:1;} #layerProfile .txt-type02.s4 a, #layerProfile .txt-type02.s5 a{margin:0;position:absolute;top:50%;right:10px;margin-top:-16px;min-width:50px !important;padding:5px;} #layerProfile .section-cont .box-type05 .wrap-sorting {width: 100%; margin-top:1.2rem; } #layerProfile .section-cont .box-type05 .wrap-sorting ul{padding:0;margin:5px auto;text-align: center;overflow: hidden;} #layerProfile .section-cont .box-type05 .wrap-sorting li a{float: left; width: 32%; background-color: #fff; color:#00bdcd; border-top:1px solid #00bdcd;border-bottom:1px solid #00bdcd; font-size:13px; padding:8px 0; line-height: 1.428567143;border-radius: 0;} #layerProfile .section-cont .box-type05 .wrap-sorting li.all a {width: 33%;border:1px solid #00bdcd; border-top-left-radius: 30px; border-bottom-left-radius: 30px;} #layerProfile .section-cont .box-type05 .wrap-sorting li.category a {width: 33%;border:1px solid #00bdcd; border-top-right-radius: 30px; border-bottom-right-radius: 30px;} #layerProfile .section-cont .box-type05 .wrap-sorting li a.on{background-color:#00bdcd; color:#fff;} #layerProfile .section-cont .box-type05 .wrap-sorting li a.on:hover {background-color:#1cbccb !important;color:#fff;} #layerProfile .section-cont .box-type05 .wrap-sorting li a:hover {color:#1cbccb;} #layerProfile .section-cont .box-type05 .wrap-btn {text-align: center;margin: 0 auto;} #layerProfile .section-cont .box-type05 .wrap-btn .check-type {margin:0.5em 0.8em;} #layerProfile .section-cont .box-type05 .wrap-btn .check-type:after {content:''; position:absolute; top:3px;left:24px; height:1px; width:59px;margin-top:10px;background-color:#00bdcd;} #layerProfile .section-cont .box-type05 .wrap-btn .check-type.s1:after {height:0px;} #layerProfile .section-cont .box-type05 .wrap-btn .check-type input{border:0px; display: none;} #layerProfile .section-cont .box-type05 .wrap-btn .check-type > label:before {content:'';display:block;position:absolute;top:-3px;left:0;width:32px;height:32px;background-image:url(../img/bg_form_sprite.png?version=201804051530);background-repeat:no-repeat;background-position:0 -680px;background-size:32px auto;} #layerProfile .section-cont .box-type05 .wrap-btn .check-type.disabled > label:before {background-position:0 -744px;} #layerProfile .section-cont .box-type05 .wrap-btn .check-type.disabled > label.check:before {background-position:0 -776px;} #layerProfile .section-cont .box-type05 .wrap-btn .check-type > label.check:before {background-position:0 -712px;} #layerProfile .section-cont .box-type05 .wrap-btn .check-type label{padding:28px 0 0 5px; font-size:13px;color:#999;} #layerProfile .section-cont .box-type05 .wrap-btn .check-type label.on{color:#00bdcd;} #layerProfile .section-cont .box-type05 h2 {padding-top:0.8em;} #layerProfile .section-cont .box-type05 .wrap-date{position: relative;} #layerProfile .section-cont .box-type05 .wrap-date span{font-size:14px;color:#00bdcd;vertical-align: super; } #layerProfile .section-cont .box-type05 .wrap-btn.arrow {display:inline-block; padding-left:10px; position: absolute; top:10px;} #layerProfile .section-cont .box-type05 .input-txt.s2:after {height: 0px;} #layerProfile .section-cont .box-type05 .wrap-date .input-txt > label {display: none;} #layerProfile .section-cont .box-type05 .wrap-date .input-txt.month input.input-date-month{position:absolute;top:0;left:0;opacity:0;} #layerProfile .section-cont .box-type05 .wrap-date .input-txt.month div.input-date-month{color:#00bdcd;font-weight:300;} #layerProfile .section-cont .box-type05 .wrap-date .btn-arr{width:25px; height:25px;background-color:#f4f4f4;border:1px solid #ddd;} #layerProfile .section-cont .box-type05 .wrap-date .btn-arr:before{content:'';width:32px;height:32px;margin:-16px 0 0 -16px;display:inline-block;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-32px -160px;background-size:640px auto;opacity: 0.5; vertical-align:middle;} #layerProfile .section-cont .box-type05 .wrap-date .btn-arr.s1:before {background-position:-64px -160px;} #layerProfile .section-cont .box-type05 .wrap-date .btn-arr[disabled], #layerProfile .section-cont .box-type05 .wrap-date .btn-arr.s1[disabled] {border:1px solid #e8e8e8;} #layerProfile .section-cont .box-type05 .wrap-date .btn-arr[disabled]:before, #layerProfile .section-cont .box-type05 .wrap-date .btn-arr.s1[disabled]:before {opacity:0.2;} #layerProfile .section-cont .cont-chart {height: 320px; overflow: hidden; text-align: left;} #layerProfile .section-cont .wrap-tbl {margin:10px 0;} #layerProfile .section-cont .wrap-tbl .tbl-type th, #layerProfile .section-cont .wrap-tbl .tbl-type td{border-left:0; border-right:0;} #layerProfile .section-cont .wrap-tbl .tbl-type td .mark{margin:-2px 0 auto 5px;display: inline-block; padding:2px 6px; font-size:0.8em; background-color:#c2c8cd;font-style:normal;font-weight: 300; color: #fff; border-radius:30px;} #layerProfile .section-cont .wrap-tbl .tbl-type td.up{color:#00bdcd;font-weight: 300;} #layerProfile .section-cont .wrap-tbl .tbl-type td.up:before{content: '▲';margin-right: 5px; font-size: 11px;} #layerProfile .section-cont .wrap-tbl .tbl-type td.down{color:#ff613d;font-weight: 300;} #layerProfile .section-cont .wrap-tbl .tbl-type td.down:before{content: '▼' ;margin-right: 5px; font-size: 11px;} #layerProfile .section-cont .wrap-tbl .tbl-type td.new{color:#fe006a; font-style:italic;font-weight: 300;} #layerProfile .section-cont .box-type05 .wrap-timeline li {display: block; position:relative; padding:3px 0; overflow:hidden;} #layerProfile .section-cont .box-type05 .wrap-timeline li .txt-date {float: left; position:relative; width: 170px; display: inline-block; font-size:14px;color:#00bdcd; font-style: italic; font-weight: 300;} #layerProfile .section-cont .box-type05 .wrap-timeline li .txt-date:after{content:'';position:absolute; top:8px;right:30px;width: 5px; height: 5px; background-color:#00bdcd;border-radius:50%;display:inline-block;z-index: 10;} #layerProfile .section-cont .box-type05 .wrap-timeline li .txt-date span{margin:-2px 0 auto 5px;padding:2px 6px; font-size:0.8em; background-color:#c2c8cd;font-style:normal;font-weight: 300; color: #fff; border-radius:30px;} #layerProfile .section-cont .box-type05 .wrap-timeline li .txt-date-null:after{background-color:#dadada;} #layerProfile .section-cont .box-type05 .wrap-timeline li .txt-date-null.s1:after{display: none;} #layerProfile .section-cont .box-type05 .wrap-timeline li .txt-cont {display: inline-block; width:calc(100% - 170px);font-size:14px;vertical-align: top;} #layerProfile .section-cont .box-type05 .wrap-timeline li .txt-cont:before{content:'';position:absolute; top:-1px; left:137px;width: 1px; height: 120%;background-color: #dadada;display:inline-block;} #layerProfile .section-cont .box-type05 .wrap-timeline li .txt-cont.s1:before{top:14px;} #layerProfile .section-cont .box-type05 .wrap-timeline li .txt-cont.s2:before{height:12px;} #layerProfile .section-cont .box-type05 .wrap-timeline li .txt-cont.s3:before{height:0px;} #layerProfile .section-cont .box-type05 .wrap-timeline li .txt-cont span {padding-left:10px;display: block; color:#999; font-size:13px;} #layerProfile .section-cont .box-type05 .wrap-timeline li .txt-cont span:before {content:'-'; margin-left:-10px;} #layerProfile .section-cont .box-type05 .wrap-timeline li .txt-cont span.wrap-btn-more:before {display: none;} #layerProfile .section-cont .box-type05 .wrap-timeline li .txt-cont span.wrap-btn-more .ui-btn {position: relative;} #layerProfile .section-cont .box-type05 .wrap-timeline li .txt-cont span.wrap-btn-more .ui-btn:after {content:'';display: inline-block;position:absolute;top:0; margin:-7px;width: 32px; height: 32px; background-image: url(../img/bg_shapes_sprite.png?version-201805101035); background-repeat:no-repeat;background-position:-352px -32px;background-size:640px auto;} #layerProfile .section-cont .box-type05 .wrap-timeline li .txt-cont span.wrap-btn-more .ui-btn.ui-btn-open:after {background-position:-384px -32px;} /*** mobile ***/ @media (max-width:768px) { #layerProfile.layer-wrap .btn-close {margin:15px;} #layerProfile .section-profile .box-type05 .cont-txt h3{font-size: 16px;} #layerProfile .section-profile .box-type05 .cont-txt .btn-type02.btn-modify{min-width:45px;font-size:12px;max-height:30px;margin-left:5px;} #layerProfile .section-profile .box-type05 .cont-txt li.txt-level{font-size: 14px;margin-bottom: 3px;} #layerProfile .section-profile .box-type05 .cont-txt li {padding:2px 0; font-size:12px;line-height: 1.4em;} #layerProfile .section-cont .wrap-tbl .tbl-type th, #layerProfile .section-cont .wrap-tbl .tbl-type td{ padding:8px 5px;} #layerProfile .section-cont .box-type05 .wrap-date .input-txt {width:100px;} #layerProfile .section-cont .box-type05 .wrap-date .input-txt.s2.month {width:150px !important;} #layerProfile .section-cont .box-type05 .wrap-date .input-txt.s2.day {width:200px !important;} #layerProfile .section-cont .box-type05 .wrap-date .input-txt.s2.week {width:265px !important;} #layerProfile .section-cont .box-type05 .wrap-date .input-txt .input-date, #layerProfile .section-cont .box-type05 .wrap-date .input-txt .input-date-month{font-size:14px !important;} #layerProfile .section-cont .box-type05 .wrap-timeline li .txt-date {width: 135px; } #layerProfile .section-cont .box-type05 .wrap-timeline li .txt-date:after{right:10px;} #layerProfile .section-cont .box-type05 .wrap-timeline li .txt-cont {width:calc(100% - 135px);} #layerProfile .section-cont .box-type05 .wrap-timeline li .txt-cont:before{left:122px;} #layerProfile .section-cont .box-type05 .wrap-timeline li .txt-cont.s1:before{top:14px;} #layerProfile .section-cont .box-type05 .wrap-timeline li .txt-cont.s2:before{height:12px;} } @media (max-width:640px) { #layerProfile.layer-wrap .layer-loading {width:96%;height:97%;max-width:700px;max-height:840px;} } @media (max-width:480px) { #layerProfile.layer-wrap .layer-loading {width:94%;height:97%;} } @media (max-width:380px) { #layerProfile .section-cont .box-type05 .wrap-btn.arrow{padding-left: 0px;} #layerProfile .box-type05 {margin:0 1.2rem 1.2rem 1.2rem} #layerProfile .section-cont .box-type05 .wrap-timeline li .txt-date{ width: 115px; font-size:12px;} #layerProfile .section-cont .box-type05 .wrap-timeline li .txt-date:after{right:9px;} #layerProfile .section-cont .box-type05 .wrap-timeline li .txt-cont {width:calc(100% - 120px);font-size:13px;} #layerProfile .section-cont .box-type05 .wrap-timeline li .txt-cont:before{left:103px;} #layerProfile .section-cont .box-type05 .wrap-timeline li .txt-cont span {font-size:12px;} #layerProfile .section-cont .box-type05 .wrap-date .input-txt.s2.week {width:215px !important;} #layerProfile .section-cont .box-type05 .wrap-date .input-txt.week input{letter-spacing: -1px;font-size:13px !important;} } @media (max-width:320px) { #layerProfile .box-type05 {margin:0 0.8rem 1rem 0.8rem} } @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { #layerProfile .section-cont .box-type05 .wrap-btn .check-type > label:before{background-image:url(../img/bg_form_sprite@2x.png?version=201804051530);} #layerProfile .section-cont .box-type05 .wrap-timeline li .txt-cont span.wrap-btn-more .ui-btn:after { background-image:url(../img/bg_shapes_sprite@2x.png?version-201805101035); } } #layerRankingMission .txt-type02.s13{padding:15px 0 0;} #layerRankingMission .txt-type02.s11 {margin:-26px -30px 0;padding:15px 30px 5px;} #layerRankingMission .txt-type02.s11 .area-img{text-align: center;} #layerRankingMission .txt-type02.s11 .area-img img {max-width: 380px; margin:0 auto;} #layerRankingMission .txt-type02 li{margin: 0.3em auto 0;} @media (max-width:768px) { #layerRankingMission .txt-type02.s11 {margin:-20px -15px 0;padding:15px;} } /************************************************* 소문낸 채널 정보 등록 *************************************************/ .page-request .layer-wrap.layer-report {border-bottom:0;box-shadow:none;} .page-request .list-type [class^=txt-cam]:before {width:10px;} .page-request .cont-type > .cont-tit + .list-type.s2, .page-request .cont-type.s1 div.txt-type{max-width: 900px; margin: 0 auto;} .page-request .list-type.s2 > a {max-width: none;} .page-request .bg-url.cont-type.s1 .txt-type05 {margin:20px 0 10px; color:#333;} /*** mobile ***/ @media (max-width:768px) { .page-request .list-type.s2 {padding: 0;} } /************************************************* 첫소문감사 *************************************************/ .layer-firstreport .layer-cont strong {display:block;margin-top:11px;font-size:18px;font-weight:400;} .layer-firstreport .layer-cont > p { margin:0 auto;display:table;} /*********************************************** 포인트 랭킹 ***********************************************/ .page-ranking .list-type03.dp-btn-mentor li, .page-ranking.page-event .list-type03 li{position: relative;overflow: hidden; min-height: 90px;box-sizing: border-box;} .page-ranking .list-type03.dp-btn-mentor li dl {width: calc(100% - 45px);} .page-ranking .list-type03.dp-btn-mentor li .btn-add-mentor a {position: absolute;font-size:11px; right: 0; top:0;border-left:1px dotted #e1e1e1; color: #279fd4;font-weight: 300;text-align: center;line-height: 1.1;width: 45px; height:90px;padding-top:45px;box-sizing: border-box;} .page-ranking .list-type03.dp-btn-mentor li .btn-add-mentor a:hover{background: #f8f8f8;color:#086f9c;} .page-ranking .list-type03.dp-btn-mentor li .btn-add-mentor a.disable, .page-ranking .list-type03.dp-btn-mentor li .btn-add-mentor a.disable:hover{color:#abaaab;background-color:transparent;} .page-ranking .list-type03.dp-btn-mentor li .btn-add-mentor a:before {content:'';display: inline-block;position:absolute;top:50%; right:5px;margin-top:-32px;width: 32px; height:32px; background-image: url(../img/bg_icon_sprite.png?version=201809061030); background-repeat:no-repeat;background-position:-128px -409px;background-size:640px auto;} .page-ranking .list-type03.dp-btn-mentor li .btn-add-mentor a.change-mentor:before {background-position:-160px -409px;} .page-ranking .list-type03.dp-btn-mentor li .btn-add-mentor a.disable:before {background-position:-128px -441px;} .page-ranking .list-type03.dp-btn-mentor li .btn-add-mentor a.change-mentor.disable:before {background-position:-160px -441px;} .page-ranking .txt-type02 {padding:15px 0;} .page-ranking .txt-type02.s9 {position: relative;padding-left:180px;box-sizing: border-box;} .page-ranking .txt-type02.s9:before {content:'';display: inline-block;position:absolute;top:50%; left:50%;margin-top:-64px;margin-left:-210px;width: 128px; height:128px; background-image: url(../img/bg_icon_sprite.png?version=201809061030); background-repeat:no-repeat;background-position:0px -473px;background-size:640px auto;} .page-ranking .txt-type02.s9.master:before {background-position:-128px -473px;} .page-ranking .txt-type02.s9 li {margin: 0.73em auto; max-width: 350px;} .page-ranking .txt-type02.s9 li.area-title h3{color:#e7e7e7;} .page-ranking .txt-type02.s9.master li.area-title h3 {color:#ffd24b;} .page-ranking .txt-type02.s9 li.area-title:before{display: none;} .page-ranking .txt-type02.s9 li span {color:#c9dbff;} .page-ranking .mark-prom{display: inline-block; padding:2px 8px; margin:5px 2px 0 0; color:#fff!important;background-color: #46529e; font-size:11px !important; letter-spacing: -1px; border-radius: 5px; } .page-ranking .mark-teacher{display: inline-block; padding:2px 8px; margin:5px 2px 0 0; color:#fff!important;background-color: #19b695; font-size:11px !important; letter-spacing: -1px; border-radius: 5px; } .page-ranking .list-goal {background-color: #e7f8ff;} .page-ranking .list-type03 dl.list-cont a {padding:0; border:0;display:inline; margin:0;background-color:transparent;} .page-ranking .list-type03 dl.list-cont a:before, .page-ranking .list-type03 dl.list-cont a:after{display: none;} .page-ranking .list-type03 dl dd.icon-ranking span {display: inline-block} .page-ranking .list-type03 dl dd.icon-ranking > div {display: inline-block; position: relative;} .page-ranking .list-type03 dl dd.icon-ranking > div .tooltipped{border:0;overflow:visible;} .page-ranking .list-type03 dl dd.icon-ranking .mark-level, .page-ranking .list-type03 dl dd.icon-ranking .mark-my, .page-ranking .list-type03 dl dd.icon-ranking .mark-hidden {position: relative;font-size: 0;width: 28px;height:28px; display: inline-block;} .page-ranking .list-type03 dl dd.icon-ranking .mark-level:before, .page-ranking .list-type03 dl dd.icon-ranking .mark-my:before, .page-ranking .list-type03 dl dd.icon-ranking .mark-hidden:before {content:'';display:inline-block;position: absolute; top:0; left:0px; width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png?version=201901301530);background-repeat:no-repeat;background-position:-576px -601px;background-size:640px auto;} .page-ranking .list-type03 dl dd.icon-ranking .mark-my:before {content:'';display:inline-block;position: absolute; top:0; left:0px; width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png?version=201901301530);background-repeat:no-repeat;background-position:-608px -601px;background-size:640px auto;} .page-ranking .list-type03 dl dd.icon-ranking .mark-hidden:before { background-position:-608px -630px;} /*텐핑리그 UI변경- 미션 종료타임 ,그래프 추가 20181121*/ .page-ranking.page-event .txt-type02.s9, .page-ranking.page-event .txt-type02.s11{position: relative;padding-left:0px;box-sizing: border-box;} .page-ranking.page-event .txt-type02.s9:before{display: none;} .page-ranking.page-event .txt-type02.s9 li {margin: 0.73em auto; max-width: 800px;} .page-ranking.page-event .txt-type02.s9 li.area-title h3{font-size: 22px;color:#e7e7e7;} .page-ranking.page-event .txt-type02 .cont-league {position: relative; margin: 0em auto; padding:10px;max-width: 800px;box-sizing: border-box;} .page-ranking.page-event .txt-type02.s9 .cont-league li.area-title h3{color:#ffd24b;} .page-ranking.page-event .txt-type02 .cont-league.cont-hall-fame ul{position: relative;} .page-ranking.page-event .txt-type02.s9 .cont-league.cont-hall-fame ul:before {content:'';position: absolute; top:50%; left:50%; margin-left:-237px;margin-top: -48px; width:96px;height:96px; background-image:url(../img/bg_icon_sprite.png?version=201903251400);background-repeat:no-repeat;background-position:0px -713px;background-size:640px auto;} .page-ranking.page-event .txt-type02.s9 .cont-league.cont-hall-fame ul:after {content:'';position: absolute; top:50%; left:50%; margin-left:140px;margin-top: -48px; width:96px;height:96px; background-image:url(../img/bg_icon_sprite.png?version=201903251400);background-repeat:no-repeat;background-position:-96px -713px;background-size:640px auto;} .page-ranking.page-event .txt-type02.s9 .cont-league.cont-hall-fame li {text-align: center; font-size: 15px; padding-left: 0px;} .page-ranking.page-event .txt-type02.s9 .cont-league.cont-hall-fame li:before {display: none;} .page-ranking.page-event .txt-type02.s9 .cont-league.cont-hall-fame li.area-title h3{text-align: center; font-size:30px;} .page-ranking.page-event .txt-type02.s9 .cont-league li span {font-size: 13px;} .page-ranking.page-event .txt-type02.s9 .cont-league .box-time {position: absolute; right:0; top:10px;width:240px;overflow: hidden;} .page-ranking.page-event .txt-type02.s9 .cont-league .box-time h4 {text-align: center;} .page-ranking.page-event .txt-type02.s9 .cont-league .box-tim .clock{margin:2em;} .page-ranking.page-event .txt-type02.s11 .cont-league ul {padding:0px 90px 10px 0px;} .page-ranking.page-event .txt-type02.s11 .cont-league li{color:#FFDB71} .page-ranking.page-event .txt-type02 .cont-league .wrap-btn-mission{position: absolute; right: 10px; top:10px;} .page-ranking.page-event .txt-type02 .cont-league .box-levelmission {width: 100%; padding:10px; line-height: 1.6; margin: 5px 0; border-radius: 5px; font-size:14px; background: #655899;color:#fff; box-sizing: border-box; } .page-ranking.page-event .txt-type02 .cont-league .box-levelmission .box-tit {display: inline-block;position: relative; margin-left:30px;} .page-ranking.page-event .txt-type02 .cont-league .box-levelmission .box-tit:before{content:'';display:inline-block;position: absolute; top:-4px; left:-35px; margin:0 auto;width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png?version=201812181300);background-repeat:no-repeat;background-position:-480px -331px;background-size:640px auto;} .page-ranking.page-event .txt-type02 .cont-league .box-levelmission .box-tit.s1:before{background-position:-416px -331px;} .page-ranking.page-event .txt-type02 .cont-league .box-levelmission .box-tit.s2 {vertical-align: top;} .page-ranking.page-event .txt-type02 .cont-league .box-levelmission .box-tit.s2:before{background-position:-544px -331px;} .page-ranking.page-event .txt-type02 .cont-league .box-levelmission .box-tit.s3 {vertical-align: top;} .page-ranking.page-event .txt-type02 .cont-league .box-levelmission .box-tit.s3:before{background-position:-416px -362px;} .page-ranking.page-event .txt-type02 .cont-league .box-levelmission .box-txt {display: inline-block;} .page-ranking.page-event .txt-type02 .cont-league .box-levelmission .box-txt span.clear{color:#FFE58A;} .page-ranking.page-event .txt-type02 .cont-league .box-levelmission .box-tit em{color:#71f5ff;margin-right: 10px;} .page-ranking.page-event .txt-type02 .cont-league .box-levelmission .box-tit span {display: inline-block; margin: 0 10px 0 0; padding:3px 5px; width: 45px; font-size: 12px; ;color:#fff;text-align: center;border-radius: 30px;} .page-ranking.page-event .txt-type02 .cont-league .box-levelmission .box-tit span.icon-progress{background:#ffb205;} .page-ranking.page-event .txt-type02 .cont-league .box-levelmission .box-tit span.icon-ready{background:#b1b1b1;} .page-ranking.page-event .txt-type02 .cont-league .box-levelmission .box-tit span.icon-succ{background:#0fc271;} .page-ranking.page-event .txt-type02 .cont-league .box-levelmission .box-tit span.icon-fail{background:#b72d17;} .page-ranking.page-event .txt-type02 .cont-league .box-levelmission .box-tit span.icon-standby{background:#b4a7e9;} .page-ranking.page-event .txt-type02 .cont-league .box-levelmission .box-tit span.icon-block{background:#909090;} .page-ranking.page-event .txt-type02 .cont-league .box-spacialmission {background-color: #a894f6; color: #fff;border-radius: 3px;} .page-ranking.page-event .txt-type02 .cont-league .box-spacialmission:hover {background:#8a6efa;} .page-ranking.page-event .txt-type02 .cont-league .box-spacialmission a {display: block; padding: 0; margin: 0;position: relative;color:#fff;} .page-ranking.page-event .txt-type02 .cont-league .box-spacialmission a:after {content:'';display:block;position: absolute; top:50%;right:5px; margin-top:-16px; width:32px;height:32px;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat; background-position: -96px -64px;background-size:640px auto;} .page-ranking.page-event .txt-type02 .cont-league .box-spacialmission a > div{padding: 15px 40px 15px 15px;} .page-ranking.page-event .txt-type02 .cont-league .box-spacialmission a h2 {display: inline-block; position: relative; margin-right: 38px;line-height: 1.6;text-shadow: 1px 1px 1px rgba(0,0,0,0.3); padding-left: 32px; font-size: 18px;} .page-ranking.page-event .txt-type02 .cont-league .box-spacialmission a h2:before {content:'';display:inline-block;position: absolute; top:0; left:-5px;; width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png?version=201901281600);background-repeat:no-repeat;background-position:-512px -601px;background-size:640px auto;} .page-ranking.page-event .txt-type02 .cont-league .box-spacialmission a .box-txt, .page-ranking.page-event .txt-type02 .cont-league .box-spacialmission a .box-txt span{display: inline-block;} .page-ranking.page-event .txt-type02 .cont-league .cont-grap {width: 100%; margin: 40px 0 0; position: relative;border: 1px solid #6982b3; background: #3c5381; -moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.3);-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3);box-shadow: inset 0 0 10px rgba(0,0,0,0.3);box-sizing: border-box; border-radius: 30px;} .page-ranking.page-event .txt-type02 .cont-league .txt-grap {position: absolute; width: 100%; top:0; left:0; text-align: center;font-size:12px; font-weight: 300;opacity: 0.9; z-index: 10;} .page-ranking.page-event .txt-type02 .cont-league .line-grap{position: relative; background: #13d47d; height:15px;box-sizing: border-box; border-radius: 30px;} .page-ranking.page-event .txt-type02 .cont-league .line-grap.me:after{content:'';display:block;width:32px;height:32px;position: absolute; top:-26px; right:-10px; background-image:url(../img/bg_icon_sprite.png?version=201811201600);background-repeat:no-repeat;background-position:-480px -601px;background-size:640px auto;z-index:1000; } .page-ranking.page-event .txt-type02 .cont-league .icon-mymission, .page-ranking.page-event .txt-type02 .cont-league .icon-levelmission, .page-ranking.page-event .txt-type02 .cont-league .icon-hiddenmission, .page-ranking.page-event .txt-type02 .cont-league .icon-rankingmission{position: absolute; top:-30px;width:32px;height:32px;margin-left:-25px;} .page-ranking.page-event .txt-type02 .cont-league .icon-mymission:after{content:'';display:block;width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png?version=201811201600);background-repeat:no-repeat;background-position:-448px -331px;background-size:640px auto;} .page-ranking.page-event .txt-type02 .cont-league .icon-levelmission:after{content:'';display:block;margin:0 auto;width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png?version=201811201600);background-repeat:no-repeat;background-position:-512px -331px;background-size:640px auto;} .page-ranking.page-event .txt-type02 .cont-league .icon-hiddenmission:after{content:'';display:block;margin:0 auto;width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png?version=201811201600);background-repeat:no-repeat;background-position:-448px -362px;background-size:640px auto;} .page-ranking.page-event .txt-type02 .cont-league .icon-rankingmission:after{content:'';display:block;margin:0 auto;width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png?version=201812181100);background-repeat:no-repeat;background-position:-32px -601px;background-size:640px auto;} .page-ranking.page-event .txt-type02 .cont-league .icon-rankingmission.s2:after{background-position:-64px -601px;} .page-ranking.page-event .txt-type02 .cont-league .icon-rankingmission.s3:after{background-position:-96px -601px;} .page-ranking.page-event .txt-type02 .cont-league .icon-rankingmission.clear:after{background-position:-576px -331px;} .page-ranking.page-event .txt-type02 .cont-league .icon-rankingmission.s2.clear:after{background-position:-608px -331px;} .page-ranking.page-event .txt-type02 .cont-league .icon-rankingmission.s3.clear:after{background-position:0px -601px;} .page-ranking.page-event .txt-type02 .cont-league .icon-rankingrival{position: absolute; top:-30px;width:32px;height:32px;margin-left:-15px;z-index: 1000;} .page-ranking.page-event .txt-type02 .cont-league .icon-rankingrival span.txt-ranking {position:absolute;width: 40px;bottom:-19px; font-size:11px;padding-bottom: 10px;padding-left:3px;} .page-ranking.page-event .txt-type02 .cont-league .icon-rankingrival span.txt-ranking:after{content:'';display:block;width:32px;height:32px;position: absolute; top:9px; left:-7px; background-image:url(../img/bg_icon_sprite.png?version=201811201600);background-repeat:no-repeat;background-position:-448px -601px;background-size:640px auto;} .page-ranking.page-event .txt-type02 .cont-league .icon-rankingrival .tooltipped {z-index: 1004;} .page-ranking.page-event .txt-type02 .cont-league .icon-rankingrival .tooltipped:before {top: -10px;left:10px;z-index: 1004;} .page-ranking.page-event .txt-type02 .cont-league .icon-rankingrival .tooltipped:after{margin-bottom: 10px;margin-left:5px;margin-right:-35px;z-index: 1004;} .page-ranking.page-event .flip-clock-divider .flip-clock-label {color:#a997d1;} .page-ranking.page-event .txt-type02 .cont-league .cont-grap .icon-opacity {opacity:0.3;} .page-ranking .list-type03 li.change-rank {position: relative;} .page-ranking .list-type03 li.change-rank .mark-rank{display: inline-block;position: absolute;bottom: 25px;left: 15px;width: 25px; text-align: center} .page-ranking .list-type03 li.change-rank .mark-rank:before{content:''; display: inline-block;width: 0; height: 0; position: absolute; top:5px; left: 50%;margin-left: -16px;bottom: auto; margin-right:0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #2862cd;} .page-ranking .list-type03 li.change-rank .mark-rank.up {color:#de3300;} .page-ranking .list-type03 li.change-rank .mark-rank.up:before{border-top: 5px solid transparent; border-bottom: 5px solid #de3300;top:2px;} .page-ranking .list-type03 li.change-rank .mark-rank.down{color:#2862cd;} .page-ranking .list-type03 li.change-rank .mark-rank.down:before{ position: absolute; top:7px;} .page-ranking .list-type03 li.change-rank .mark-rank.new, .page-ranking .list-type03 li.change-rank .mark-rank.same{font-size:0;width: 30px; } .page-ranking .list-type03 li.change-rank .mark-rank.new:before{content:'NEW'; width: 30px; height:12px;top: -8px;left: 50%; margin-left: -21px; color:#f37941; border:0;font-size:10px;} .page-ranking .list-type03 li.change-rank .mark-rank.same:before{border:0; width:10px;margin-left: -13px; height:2px; top: -5px;background: #7f8fa1;} @media (min-width:769px) { .page-ranking.page-event .flip-clock-dot {background: #ccc;} .page-ranking.page-event .flip-clock-divider .flip-clock-label {color: rgba(255, 255, 255, 0.3);} .page-ranking .list-type03 li.change-rank .mark-rank {left:28px; bottom:18px;} .page-ranking .list-type03 li.change-rank .mark-rank.down:before {top:7px;} } /*** mobile ***/ @media (max-width:768px) { .page-ranking .txt-type02.s9 li {max-width: none;margin: 0.73em 0px} .page-ranking .txt-type02.s9:before {left:50px;margin-left:-50px; } .page-ranking.page-event .txt-type02 .cont-league{ padding: 0 10px;} .page-ranking.page-event .txt-type02.s11 .cont-league ul {padding-top: 0px;} .page-ranking.page-event .txt-type02.s9 .cont-league .box-time {position: relative; width:300px;height:70px;top:0; margin: 0px auto 5px; background: #fff;border-radius: 10px;box-sizing: border-box; } .page-ranking.page-event .txt-type02.s9 .cont-league .box-time h4 {color:#526ea4; width:90px; margin:15px 0 15px 15px;;padding: 2px 0 8px;font-size: 14px;/**추가**/ display: inline-block; } .page-ranking.page-event .txt-type02 .cont-league .box-levelmission {font-size: 13px; font-weight: 300; } .page-ranking.page-event .txt-type02 .cont-league .box-levelmission .box-tit {display:block;padding-bottom: 10px;} .page-ranking .list-type03 li {min-height: 75px;box-sizing: border-box;} .page-ranking .list-type03 li .btn-add-mentor a { height:75px;} .page-ranking.page-event .txt-type02 .cont-league .box-spacialmission a h2 {display: block;margin-bottom: 10px;} .page-ranking.page-event .txt-type02.s9 .cont-league.cont-hall-fame ul:before { margin-left: -205px;} .page-ranking.page-event .txt-type02.s9 .cont-league.cont-hall-fame ul:after {margin-left: 108px;} .page-ranking.page-event .txt-type02.s9 .cont-league.cont-hall-fame li {font-size: 13px;} .page-ranking.page-event .txt-type02.s9 .cont-league.cont-hall-fame li.area-title h3{ font-size: 22px;height: 32px;} } @media (max-width:375px) { .page-ranking [class^=tab-type] li a, .page-ranking [class^=tab-type] li button {padding:19px 12px;} .page-ranking .txt-type02.s9:before {left:40px;margin-left:-50px; } .page-ranking.page-event .txt-type02 .cont-league .box-spacialmission a span {display: block;line-height: 1.6;} .page-ranking.page-event .txt-type02.s9 .cont-league.cont-hall-fame ul:before, .page-ranking.page-event .txt-type02.s9 .cont-league.cont-hall-fame ul:after {display: none} } @media (max-width:320px) { .page-ranking [class^=tab-type] li a, .page-ranking [class^=tab-type] li button {padding:19px 7px;} .page-ranking .list-type03 dl.list-cont dt:first-child + dd {font-size: 13px;} } @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { .page-ranking .list-type03.dp-btn-mentor li .btn-add-mentor a:before, .page-ranking .txt-type02.s9:before, .page-ranking.page-event .txt-type02 .cont-league .icon-mymission:after, .page-ranking.page-event .txt-type02 .cont-league .icon-levelmission:after, .page-ranking.page-event .txt-type02 .cont-league .icon-rankingmission:after, .page-ranking.page-event .txt-type02 .cont-league .box-levelmission .box-tit:before, .page-ranking.page-event .txt-type02 .cont-league .box-spacialmission a h2:before {background-image: url(../img/bg_icon_sprite@2x.png?version=201901281600);} .page-ranking.page-event .txt-type02 .cont-league .box-spacialmission a:after {background-image: url("../img/bg_shapes_sprite@2x.png?version=201901281600");} .page-ranking .list-type03 dl dd.icon-ranking span:before, .page-ranking.page-event .txt-type02 .cont-league .line-grap.me:after, .page-ranking.page-event .txt-type02 .cont-league .icon-rankingrival span.txt-ranking:after, .page-ranking.page-event .txt-type02 .cont-league .box-spacialmission a h2:before, .page-ranking.page-event .txt-type02.s9 .cont-league.cont-hall-fame ul:before, .page-ranking.page-event .txt-type02.s9 .cont-league.cont-hall-fame ul:after {background-image: url(../img/bg_icon_sprite@2x.png?version=201903251400);} } /*****명예의 전당*****/ .page-ranking.page-event .area-hall-fame .txt-type02 {border-top:1px dotted #bdbdd4; background:#e4e4f0;} .page-ranking.page-event .area-hall-fame .txt-type02 .cont-league ul {padding: 0px 0px 10px 0px;} .page-ranking.page-event .area-hall-fame .txt-type02 .cont-league .tit-season:before{display: none;} .page-ranking.page-event .area-hall-fame .txt-type02 .cont-league .tit-season strong {margin-right:10px;font-size:22px;font-weight: 300; color:#463c7b;} .page-ranking.page-event .area-hall-fame .txt-type02 .cont-league .tit-season span {font-size: 13px; color:#463c7b;opacity: 0.7;} .page-ranking.page-event .area-hall-fame .txt-type02 .tit-league {display:block; color:#463c7b; font-size:15px;font-weight: 300;margin-top:25px;} .page-ranking.page-event .area-hall-fame .txt-type02 .tit-league em{color: #1399d4;margin-left:7px; font-weight:400;} .page-ranking.page-event .area-hall-fame .txt-type02 .tit-league span{display: inline-block;margin-left:7px;} .page-ranking.page-event .area-hall-fame .txt-type02 .tit-league.s1 {margin-top:5px; border: 1px solid #bdbdd4;padding: 15px 10px;border-radius: 10px;background: #f3f2f1;;} .page-ranking.page-event .area-hall-fame .txt-type02 .tit-league.s1 em{ min-width: 100px;display: inline-block;} .page-ranking.page-event .area-hall-fame .txt-type02 p.no-winner { margin-top:15px;padding: 15px 10px;border-radius: 10px;background: #f3f2f1;color: #463c7b;} .page-ranking.page-event .area-hall-fame .txt-type02 ol {padding:10px 0;} .page-ranking.page-event .area-hall-fame .txt-type02 .list-type03 li {position: relative;min-height: 63px;background:#fff;color:#463c7b;border-radius: 10px;border:0;box-sizing: border-box;overflow: hidden;} .page-ranking.page-event .area-hall-fame .txt-type02 .list-type03 li.achieve-mission {border: 2px solid #ffdb71; overflow: inherit;} .page-ranking.page-event .area-hall-fame .txt-type02 .list-type03 li:before{background:#fff;} .page-ranking.page-event .area-hall-fame .txt-type02 .list-type03 li .txt-people {width: calc(100% - 185px); display: inline-block; margin-top: 8px;} .page-ranking.page-event .area-hall-fame .txt-type02 .list-type03 li .txt-people .txt-id{max-width:calc(100% - 135px); font-size: 16px;} .page-ranking.page-event .area-hall-fame .txt-type02 .list-type03 li .txt-people span {width: auto; display: inline-block;} .page-ranking.page-event .area-hall-fame .txt-type02 .list-type03 li .txt-money{position: relative; float:right;width: 180px;font-size: 18px;line-height: 33px;text-align: right;} .page-ranking.page-event .area-hall-fame .txt-type02 .list-type03 li.achieve-mission .txt-money {margin-top: -5px;} .page-ranking.page-event .area-hall-fame .txt-type02 .list-type03 li.achieve-mission .txt-money span.mark-mission{position: relative;white-space: normal; font-size: 0;top:5px;width: 28px;height:28px; margin-right:5px;display: inline-block;} .page-ranking.page-event .area-hall-fame .txt-type02 .list-type03 li.achieve-mission .txt-money span.mark-mission:before{content:'';display:inline-block;position: absolute; top:0px;; left:0; width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png?version=201903211100);background-repeat:no-repeat;background-position:-32px -633px;background-size:640px auto;} .page-ranking.page-event .area-hall-fame .txt-type02 .list-type03 li.achieve-mission .tooltipped{border:0;overflow:inherit;display: inline-block;z-index: 100;} .page-ranking.page-event .area-hall-fame .txt-type02 .list-type03 li.achieve-mission .tooltipped:before {top:0;} .page-ranking.page-event .area-hall-fame .txt-type02 .list-type03 li.achieve-mission .tooltipped:after {margin-bottom:0;} .page-ranking.page-event .area-hall-fame .txt-type02 .list-type03 li .txt-people span.mark-school {display:inline-block;vertical-align: middle;margin-top: -8px;} .page-ranking.page-event .area-hall-fame .txt-type02 .list-type03 li .txt-people span.mark-school .mark-prom {max-width:100%;} .page-ranking.page-event .area-hall-fame .txt-type02 .list-type03 li .txt-people .relation {line-height:1.42857143;margin:-13px 5px -5px 10px;padding:1px 10px 2px;position:relative;display:inline-block;border-radius:10px;color:#fff;font-size:11px;text-align:center;vertical-align:middle;} .page-ranking.page-event .area-hall-fame .txt-type02 .list-type03 li .txt-people .relation:before {content:'';margin-top:-3px;margin-right:-1px;position:absolute;top:50%;right:100%;border-top:3px solid transparent;border-bottom:3px solid transparent;} .page-ranking.page-event .area-hall-fame .txt-type02 .list-type03 li .txt-people .relation.mentor {background-color:#1d3766;} .page-ranking.page-event .area-hall-fame .txt-type02 .list-type03 li .txt-people .relation.junior {background-color:#0d9ad6;} .page-ranking.page-event .area-hall-fame .txt-type02 .list-type03 li .txt-people .relation.me {background-color:#15b0c5;} .page-ranking.page-event .area-hall-fame .txt-type02 .list-type03 li .txt-people .mentor:before {border-right:6px solid #1d3766;} .page-ranking.page-event .area-hall-fame .txt-type02 .list-type03 li .txt-people .junior:before {border-right:6px solid #0d9ad6;} .page-ranking.page-event .area-hall-fame .txt-type02 .list-type03 li .txt-people .me:before {border-right:6px solid #15b0c5;} @media (max-width:768px) { .page-ranking.page-event .area-hall-fame .txt-type02 ol.list-type03 li:before {top: 20px;} .page-ranking.page-event .area-hall-fame .txt-type02 ol.list-type03 li:nth-child(3) ~ li:before {width: 20px;left: 11px;} .page-ranking.page-event .area-hall-fame .txt-type02 .cont-league .tit-season strong { font-size: 20px;} .page-ranking.page-event .area-hall-fame .txt-type02 .list-type03 li .txt-people .txt-id {font-size:14px;} .page-ranking.page-event .area-hall-fame .txt-type02 .tit-league{margin-top:10px;} } @media (max-width:640px) { .page-ranking.page-event .area-hall-fame .txt-type02 .cont-league ul span {display: block;} .page-ranking.page-event .area-hall-fame .txt-type02 .tit-league span{display: block; margin-top: 5px;} .page-ranking.page-event .area-hall-fame .txt-type02 .list-type03 li .txt-people {width:100%;} .page-ranking.page-event .area-hall-fame .txt-type02 .list-type03 li .txt-money {width:100%; float: none;font-size: 18px;} .page-ranking.page-event .area-hall-fame .txt-type02 .list-type03 li .txt-people .txt-id{max-width:calc(100% - 135px);} } /*********************************************** 포인트 관리 ***********************************************/ .page-listpoint .txt-type02.s9 {padding:20px;} .page-listpoint .txt-type02.s9 .cont-league{position: relative; margin: 0 auto;max-width: 1000px; min-height: 95px;overflow: hidden;} .page-listpoint .txt-type02.s9 .cont-league > ul{width: calc(100% - 240px); display: inline-block; margin-top:20px;} .page-listpoint .txt-type02.s9 a {color:#fff;} .page-listpoint .txt-type02.s9 .cont-league li:before {display: none;} .page-listpoint .txt-type02.s9 .cont-league .box-time{width: 240px;display: inline-block;position: absolute; top:0;right: 0px; text-align: center;box-sizing: border-box;} .page-listpoint .txt-type02.s9 .cont-league .box-time h4 { text-align: center;} .page-listpoint .flip-clock-divider .flip-clock-label {color:#8e7fcd} @media (max-width:768px) { .page-listpoint .txt-type02.s9 .cont-league{margin: 0;} .page-listpoint .txt-type02.s9 .cont-league > ul {margin:0 0 10px; width: 100%; } .page-listpoint .txt-type02.s9 .cont-league .box-time {display: block; position: relative; width:280px;height:70px; margin: 0px auto ; background: #fff;border-radius: 10px;box-sizing: border-box; overflow: hidden;} .page-listpoint .txt-type02.s9 .cont-league .box-time h4 {color:#526ea4; width:85px; margin:15px 0;padding: 2px 0 8px;font-size: 14px;/**추가**/ display: inline-block; } } .page-withdrawalpoint .txt-type {margin-bottom:0.4rem;} .page-listpoint .form-search {position:relative;} .page-listpoint .btn-excel {line-height:1.42857143;padding:7px 12px;position:absolute;top:15px;right:10px;border-radius:100px;border:1px solid #0ab694;font-size:14px;} .page-listpoint .section, .page-listwithdrawal .section{padding:20px 10px;border-bottom:1px solid #d2d2d2;} .page-listpoint .txt-total , .page-listwithdrawal .txt-total {line-height:1.42857143;margin:0 auto;display:table;font-size:16px;text-align:left;} .page-listpoint .txt-total strong, .page-listwithdrawal .txt-total strong{word-break:keep-all;} .page-listpoint .txt-total strong em, .page-listwithdrawal .txt-total strong em{font-size:12px;} .page-listpoint .total1, .page-listwithdrawal .total1{color:#333;font-weight:500;} .page-listpoint .total2, .page-listwithdrawal .total2{font-weight:normal;} .page-listpoint .total3, .page-listwithdrawal .total3{color:#ed145b;font-weight:500;} .page-listpoint .list-type05 .list-cont dt.txt-down {float: none;} .page-listpoint .list-type05 .list-cont dd.txt-down {margin:10px 0 0 7px ;} .page-listwithdrawal .txt-type02.bn-sp, .page-listusepoint .txt-type02.bn-sp, .page-listpoint .txt-type02.bn-sp {position: relative;text-align: left; padding:0;} .page-listwithdrawal .txt-type02.bn-sp:before, .page-listusepoint .txt-type02.bn-sp:before, .page-listpoint .txt-type02.bn-sp:before {content:'';display:block;position: absolute; top:50%;left:5px; margin-top:-16px;width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-416px -32px;background-size:640px auto;} .page-listwithdrawal .txt-type02.bn-sp:after, .page-listusepoint .txt-type02.bn-sp:after, .page-listpoint .txt-type02.bn-sp:after {content:'';display:block;position: absolute; top:50%;right:5px; margin-top:-16px; width:32px;height:32px;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-96px -32px;background-size:640px auto;} .page-listwithdrawal .txt-type02.bn-sp.bn-close:after, .page-listusepoint .txt-type02.bn-sp.bn-close:after, .page-listpoint .txt-type02.bn-sp.bn-close:after {display: none;} .page-listwithdrawal .txt-type02.bn-sp:hover, .page-listusepoint .txt-type02.bn-sp:hover, .page-listpoint .txt-type02.bn-sp:hover {background-color: #375186;} .page-listwithdrawal .txt-type02.bn-sp a, .page-listusepoint .txt-type02.bn-sp a, .page-listpoint .txt-type02.bn-sp a{display: block;padding:15px 35px 15px 35px; margin:0; min-height: 10px;color: #fff;} .page-listpoint .txt-type02.s4.bn-sp .btn-close:before, .page-listusepoint .txt-type02.s4.bn-sp .btn-close:before, .page-listwithdrawal .txt-type02.s4.bn-sp .btn-close:before{content:'';width:32px;height:32px;margin:-16px;display:block;position:absolute;top:50%;left:50%;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-64px 0;background-size:640px auto;} /**계약연장 배너**/ .page-listwithdrawal .txt-type02.bn-extension, .page-listusepoint .txt-type02.bn-extension, .page-listpoint .txt-type02.bn-extension {padding: 0;} .page-listwithdrawal .txt-type02.bn-extension .btn-max, .page-listusepoint .txt-type02.bn-extension .btn-max, .page-listpoint .txt-type02.bn-extension .btn-max {position: relative;text-align: left; padding:0;max-width: 1000px; margin: 0 auto;} .page-listwithdrawal .txt-type02.bn-extension .btn-max:before, .page-listusepoint .txt-type02.bn-extension .btn-max:before, .page-listpoint .txt-type02.bn-extension .btn-max:before{content:'';display:block;position: absolute; top:50%;left:5px; margin-top:-16px;width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-416px -32px;background-size:640px auto;} .page-listwithdrawal .txt-type02.bn-extension .btn-max:hover, .page-listusepoint .txt-type02.bn-extension .btn-max:hover, .page-listpoint .txt-type02.bn-extension .btn-max:hover {background-color: #375186;} .page-listwithdrawal .txt-type02.bn-extension .btn-max a, .page-listusepoint .txt-type02.bn-extension .btn-max a, .page-listpoint .txt-type02.bn-extension .btn-max a{display: block;padding:15px 35px 15px 35px; margin:0; min-height: 10px;color: #fff;} .page-listwithdrawal .txt-type02.bn-extension .btn-max .btn-close, .page-listusepoint .txt-type02.bn-extension .btn-max .btn-close, .page-listpoint .txt-type02.bn-extension .btn-max .btn-close {position:absolute;top:50%;right:0;margin-top: -25px; width:50px;height:50px;font-size:0;line-height:0; z-index: 10;} .page-listwithdrawal .txt-type02.bn-extension .btn-max .btn-close:before, .page-listusepoint .txt-type02.bn-extension .btn-max .btn-close:before, .page-listpoint .txt-type02.bn-extension .btn-max .btn-close:before{content:'';width:32px;height:32px;margin:-16px;display:block;position:absolute;top:50%;left:50%;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-64px 0;background-size:640px auto;} /**계약해지 배너**/ .page-listwithdrawal .txt-type02.bn-warning02, .page-listusepoint .txt-type02.bn-warning02, .page-listpoint .txt-type02.bn-warning02 {position: relative;text-align: left; padding:0;} .page-listwithdrawal .txt-type02.bn-warning02:before, .page-listusepoint .txt-type02.bn-warning02:before, .page-listpoint .txt-type02.bn-warning02:before {content:'';display:block;position: absolute; top:50%;left:5px; margin-top:-16px;width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-256px -32px;background-size:640px auto;} .page-listwithdrawal .txt-type02.bn-warning02:hover, .page-listusepoint .txt-type02.bn-warning02:hover, .page-listpoint .txt-type02.bn-warning02:hover {background-color:#ff6f4e;} .page-listwithdrawal .txt-type02.bn-warning02 a, .page-listusepoint .txt-type02.bn-warning02 a, .page-listpoint .txt-type02.bn-warning02 a{display: block;padding:15px 35px 11px 35px; margin:0; min-height: 10px;color: #fff;} .page-listwithdrawal .txt-type02.bn-warning02 .btn-close, .page-listpoint .txt-type02.bn-warning02 .btn-close, .page-listusepoint .txt-type02.bn-warning02 .btn-close, .page-listpoint .txt-type02.s4.bn-sp .btn-close, .page-listusepoint .txt-type02.s4.bn-sp .btn-close, .page-listwithdrawal .txt-type02.s4.bn-sp .btn-close, .page-listpoint .txt-type02.bn-warning .layer-close, .page-listusepoint .txt-type02.bn-warning .layer-close, .page-listwithdrawal .txt-type02.bn-warning .layer-close, .page-listpoint .txt-type02.bn-warning02 .layer-close, .page-listusepoint .txt-type02.bn-warning02 .layer-close, .page-listwithdrawal .txt-type02.bn-warning02 .layer-close{position:absolute;top:50%;right:0;margin-top: -25px; width:50px;height:50px;font-size:0;line-height:0; z-index: 10;} .page-listusepoint .txt-type02.bn-warning02 .btn-type02, .page-listwithdrawal .txt-type02.bn-warning02 .btn-type02, .page-listpoint .txt-type02.bn-warning02 .btn-type02 {position:relative;display: inline-block; margin-top: 5px; margin-left: 5px; padding:3px 8px;width:auto;height:24px; font-size:12px; border:1px solid #fff; color:#fff;border-radius:30px;box-size:border-box; z-index: 10;} .page-listpoint .txt-type02.bn-warning02 .layer-close:before, .page-listusepoint .txt-type02.bn-warning02 .layer-close:before, .page-listwithdrawal .txt-type02.bn-warning02 .layer-close:before, .page-listwithdrawal .txt-type02.bn-warning02.s1 .btn-close:before, .page-listpoint .txt-type02.bn-warning02.s1 .btn-close:before, .page-listusepoint .txt-type02.bn-warning02.s1 .btn-close:before, .page-listpoint .txt-type02.bn-warning .layer-close:before, .page-listusepoint .txt-type02.bn-warning .layer-close:before, .page-listwithdrawal .txt-type02.bn-warning .layer-close:before {content:'';width:32px;height:32px;margin:-16px;display:block;position:absolute;top:50%;left:50%; background-image:url(../img/bg_shapes_sprite.png?version=201903251400); background-repeat:no-repeat;background-position:-64px 0;background-size:640px auto;} /**경고 버튼 -링크 없음**/ .page-listpoint .txt-type02.bn-warning, .page-listusepoint .txt-type02.bn-warning, .page-listwithdrawal .txt-type02.bn-warning {position: relative;display: block;padding:15px 40px 15px 40px;margin:0;min-height: 10px;text-align: left;} .page-listpoint .txt-type02.bn-warning:before, .page-listusepoint .txt-type02.bn-warning:before, .page-listwithdrawal .txt-type02.bn-warning:before{content:'';display:block;position: absolute; top:50%;left:5px; margin-top:-16px;width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png?version=201903251400);background-repeat:no-repeat;background-position:-256px -32px;background-size:640px auto;} .page-listwithdrawal .cont-type05.area-btn{border:0;} /*** retina specific ***/ @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { .page-listpoint .txt-type02.bn-sp:before {background-image:url(../img/bg_icon_sprite@2x.png);} .page-listpoint .txt-type02.bn-sp:after{background-image:url(../img/bg_shapes_sprite@2x.png);} .page-listpoint .txt-type02.bn-warning:before, .page-listusepoint .txt-type02.bn-warning:before, .page-listwithdrawal .txt-type02.bn-warning:before, .page-listwithdrawal .txt-type02.bn-warning02:before, .page-listusepoint .txt-type02.bn-warning02:before, .page-listpoint .txt-type02.bn-warning02:before {background-image:url(../img/bg_icon_sprite@2x.png);} .page-ranking.page-event .area-hall-fame .txt-type02 .list-type03 li.achieve-mission .txt-money span.mark-mission:before {background-image:url(../img/bg_icon_sprite@2x.png);} .page-listwithdrawal .txt-type02.bn-warning02.s1 .btn-close:before, .page-listpoint .txt-type02.bn-warning02.s1 .btn-close:before, .page-listusepoint .txt-type02.bn-warning02.s1 .btn-close:before {background-image:url(../img/bg_shapes_sprite@2x.png);} } /**************/ .page-listpoint .section:not([style="display:none;"]) + .section:before {display: none;} .page-listpoint .section.box-s1 .tit-type{padding-top: 0.7em;} .page-listpoint .section.box-s1 {position:relative;} .page-listpoint .section.box-s1 .btn-close {position:absolute;top:0;right:0;width:50px;height:50px;font-size:0;line-height:0;} .page-listpoint .section.box-s1 .btn-close:before {content:'';width:32px;height:32px;margin:-16px;display:block;position:absolute;top:50%;left:50%;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-96px 0;background-size:640px auto;} /*** mobile ***/ @media (max-width:425px) { .page-listpoint .txt-total span {display:block;} .page-withdrawalpoint .txt-type.s2 .btn-type02 {display: block; margin-top: 10px;} } /*** mobile ***/ @media (max-width:640px) { .page-listpoint .btn-excel {display:none;} } /*********************************************** 포인트 인출 ********************************************** */ .page-listwithdrawal .list-type05 li > .list-tit, .page-listwithdrawal .list-type05 li > p {height: 6.8em;} .page-listwithdrawal .list-type05 li > .list-tit span.txt-banknum{margin-top:0.76em; display: block;} .page-listwithdrawal .list-type05 li > .list-tit time {margin-top: 0.65em;} /*********************************************** 포인트 인출-인출버튼 UI변경 ********************************************** */ /***인출버튼 추가**/ .page-listwithdrawal .cont-type05 .cont-btn {width:100%;margin:0-20px;padding:10px 20px 15px;display:inline-block;} .page-listwithdrawal .cont-type05 .cont-btn a {position: relative;margin:0 auto;top:0; right:0; width:100%;max-width:500px;padding:8px 17px;display:block;background-color:#00bdcd;border-color:#00bdcd;box-sizing:border-box;color:#fff;text-align:center;border-radius: 30px;} /****[포인트 사용 -PT마케터 ]****/ .page-listusepoint .cont-type05.cont-ptM:before {content:'';width: 33.3%;height:56px;display:block;position:absolute;top:37px;left:0;border-right:1px solid #76818f;} .page-listusepoint .cont-type05.cont-ptM:after {width: 66.6%;} .page-listusepoint .cont-type05.cont-ptM p small{display: block; padding-top:8px; font-size:13px; opacity: 0.8;} .page-listusepoint .cont-type05.cont-ptM .cont-txt{text-align: left; margin: 20px -50px 0 -50px; padding:20px 50px 0 50px; display:block;position:relative;border-top:1px solid #858e9a;clear:both;} .page-listusepoint .cont-type05.cont-ptM .txt-type02.s2 li{max-width: none;} @media (min-width: 1000px){ .page-listusepoint .cont-type05.cont-ptM p strong {font-size: 32px !important;} .page-listusepoint .txt-type02 .cont-type05.cont-ptM p strong {font-size: 28px !important;} } @media (min-width: 641px){ .page-listusepoint .cont-type05.cont-ptM {padding: 0 20px;} .page-listusepoint .cont-type05.cont-ptM p, .page-listusepoint .cont-type05.cont-ptM .cont-tit{float:left; width:33.3%;} .page-listusepoint .cont-type05.cont-ptM p {margin:80px 0 0 -33.3%;padding-bottom:36px;font-size:20px;font-weight:200;} .page-listusepoint .cont-type05.cont-ptM p strong {font-size: 22px;} } /*** mobile ***/ @media (max-width: 640px){ .page-listusepoint .cont-type05.cont-ptM:before {display: none;} .page-listusepoint .cont-type05.cont-ptM p small{font-size:12px;padding-top:5px; } .page-listusepoint .cont-type05 .cont-btn {margin:0px -20px -20px -20px;} .page-listusepoint .cont-type05.cont-ptM .cont-tit{width: 50%; font-size:13px;} .page-listusepoint .cont-type05.cont-ptM p {width: 50%; font-size: 20px;} } /****[포인트 인출-PT마케터 ]****/ .page-listwithdrawal .cont-type05.cont-ptM:before {content:'';width: 33.3%;height:56px;display:block;position:absolute;top:37px;left:0;border-right:1px solid #76818f;} .page-listwithdrawal .cont-type05.cont-ptM:after {width: 66.6%;} .page-listwithdrawal .cont-type05.cont-ptM p small{display: block; padding-top:8px; font-size:13px; opacity: 0.8;} .page-listwithdrawal .cont-type05.cont-ptM .cont-txt{text-align: left; margin: 20px -50px 0 -50px; padding:20px 50px 0 50px; display:block;position:relative;border-top:1px solid #858e9a;clear:both;} .page-listwithdrawal .cont-type05.cont-ptM .txt-type02.s2 li{max-width: none;} @media (min-width: 1000px){ .page-listwithdrawal .cont-type05.cont-ptM p strong {font-size: 32px;} } @media (min-width: 641px){ .page-listwithdrawal .cont-type05.cont-ptM {padding: 0 20px;} .page-listwithdrawal .cont-type05.cont-ptM p, .page-listwithdrawal .cont-type05.cont-ptM .cont-tit{float:left; width:33.3%;} .page-listwithdrawal .cont-type05.cont-ptM p {margin:80px 0 0 -33.3%;padding-bottom:36px;font-size:20px;font-weight:200;} .page-listwithdrawal .cont-type05.cont-ptM p strong {font-size: 22px;} } /*** mobile ***/ @media (max-width: 640px){ .page-listwithdrawal .cont-type05.cont-ptM:before {display: none;} .page-listwithdrawal .cont-type05.cont-ptM p small{font-size:12px;padding-top:5px; } .page-listwithdrawal .cont-type05 .cont-btn {margin:-20px;} .page-listwithdrawal .cont-type05 .cont-btn02 + .cont-btn {margin-top: 0;} .page-listwithdrawal .cont-type05.cont-ptM .cont-tit{width: 50%; font-size:13px;} .page-listwithdrawal .cont-type05.cont-ptM p {width: 50%; font-size: 20px;} } /****[포인트 리스트 - PT마케터 인센티브 UX변경 - 그래프 추가-1219]****/ /*******[내 포인트]*****/ .page-listpoint .txt-type02 {overflow: hidden;} .page-listpoint .txt-type02 .cont-league{margin: 0 auto; max-width: 1000px; } .page-listpoint .txt-type02 .cont-txt{float: left; width:68%;} .page-listpoint .txt-type02 .cont-type05.cont-ptM {float: left; width: 32%;} .page-listpoint .txt-type02 .cont-type05.cont-ptM .cont-tit, .page-listpoint .txt-type02 .cont-type05.cont-ptM p {margin: 0;padding: 15px 0 0 10px;float: none;width: 100%;line-height: 1.2; text-align: left;} .page-listpoint .txt-type02 .cont-type05.cont-ptM .cont-tit small img{width: 43px;margin: 0 1px 0 3px;} .page-listpoint .txt-type02 .cont-type05.cont-ptM:before, .page-listpoint .txt-type02 .cont-type05.cont-ptM:after{display: none;} .page-listpoint .txt-type02 .cont-type05.cont-ptM {padding: 0; background-color: transparent;border-top:none;} .page-listpoint .txt-type02 .cont-type05.cont-ptM p strong{font-size: 28px;} .page-listpoint .txt-type02 .cont-type05.cont-ptM p span{display: block;position: relative;} .page-listpoint .txt-type02 .cont-type05.cont-ptM p span em{position: absolute; left:-10px;} .page-listpoint .txt-type02 .cont-league .box-Incentivemission {width: 100%; padding:10px; line-height: 1.6; margin: 5px 0; border-radius: 5px; font-size:14px; background: #526d8c;color:rgba(255,255,255,0.7); box-sizing: border-box; } .page-listpoint .txt-type02 .cont-league .box-Incentivemission .box-tit {display: inline-block;position: relative; margin-left:30px; width: 175px;vertical-align: top;} .page-listpoint .txt-type02 .cont-league .box-Incentivemission .box-tit:before{content:'';display:inline-block;position: absolute; top:-4px; left:-35px; margin:0 auto;width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png?version=201812261600);background-repeat:no-repeat;background-position:-192px -601px;background-size:640px auto;} .page-listpoint .txt-type02 .cont-league .box-Incentivemission .box-tit.s1:before{background-position:-160px -601px;} .page-listpoint .txt-type02 .cont-league .box-Incentivemission .box-tit em{display: inline-block; min-width: 95px;color:#71f5ff; } .page-listpoint .txt-type02 .cont-league .box-Incentivemission .box-tit span {display: inline-block; margin: 0 10px 0 0; padding:3px 5px; width: 45px; font-size: 12px; ;color:#fff;text-align: center;border-radius: 30px;} .page-listpoint .txt-type02 .cont-league .box-Incentivemission .box-tit span.icon-progress{background:#ffb205;} .page-listpoint .txt-type02 .cont-league .box-Incentivemission .box-tit span.icon-ready{background:#b1b1b1;} .page-listpoint .txt-type02 .cont-league .box-Incentivemission .box-tit span.icon-succ{background:#0fc271;} .page-listpoint .txt-type02 .cont-league .box-Incentivemission .box-tit span.icon-fail{background:#b72d17;} .page-listpoint .txt-type02 .cont-league .box-Incentivemission .box-tit span.icon-standby{background:#b4a7e9;} .page-listpoint .txt-type02 .cont-league .box-Incentivemission .box-txt {display: inline-block;} .page-listpoint .txt-type02 .cont-league .box-Incentivemission .box-txt em {color:#ffcc00;} .page-listpoint .txt-type02 .cont-league .cont-grap {margin: 40px 0 0; width: 100%; position: relative;border: 1px solid #6982b3; background: #3c5381; -moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.3);-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3);box-shadow:inset 0 0 10px rgba(0,0,0,0.3);box-sizing: border-box; border-radius: 30px;} .page-listpoint .txt-type02 .cont-league .txt-grap {position: absolute; width: 100%; top:0; left:0; text-align: center;font-size:12px; font-weight: 300;opacity: 0.9; z-index: 10;} .page-listpoint .txt-type02 .cont-league .line-grap{position: relative; background: #fe613d; height:15px;box-sizing: border-box; border-radius: 30px;} .page-listpoint .txt-type02 .cont-league .line-grap.s1{background: #13d47d;} .page-listpoint .txt-type02 .cont-league .icon-Incentivemission, .page-listpoint .txt-type02 .cont-league .icon-rankingmission{margin-left:-25px;position: absolute; top:-30px;width:32px;height:32px;} .page-listpoint .txt-type02 .cont-league .icon-Incentivemission:after{content:'';display:block;width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png?version=201812261600);background-repeat:no-repeat;background-position:-224px -601px;background-size:640px auto;} .page-listpoint .txt-type02 .cont-league .icon-Incentivemission.s2:after{background-position:-256px -601px;} .page-listpoint .txt-type02 .cont-league .box-alerttxt {width: 100%;position:relative;padding:10px; line-height: 1.6; margin: 15px 0 5px; border-radius: 5px; font-size:14px; background: #808fa1; color:rgba(255,255,255,0.7); box-sizing: border-box; } .page-listpoint .txt-type02 .cont-league .box-alerttxt:before {content:''; display: inline-block;width: 0; height: 0; position: absolute; top:-5px; left:50%; bottom: auto; margin-right:-5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #808fa1;} .page-listpoint .txt-type02 .cont-league .box-alerttxt em {display: block;padding-left:25px;position: relative; font-weight:bold; color:#fff;} .page-listpoint .txt-type02 .cont-league .box-alerttxt em:before {content:'';display:inline-block;position: absolute; top: 0;left: 0;margin: -4px -5px;width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png?version=201901241400);background-repeat:no-repeat;background-position:-288px -601px;background-size:640px auto;} .page-listpoint .txt-type02 .cont-league .box-alerttxt.s1 em:before {background-position:-320px -601px;} .page-listpoint .txt-type02 .cont-league .box-alerttxt.s2 em:before{background-position:-352px -601px;} .page-listpoint .txt-type02 .cont-league .box-alerttxt.s3 em:before{background-position:-384px -601px;} .page-listpoint .txt-type02 .cont-league .box-alerttxt.s4 em:before{background-position:-416px -601px;} /**프로마케터 plus 등급 -포인트 **/ .page-listpoint .txt-type02 .cont-league.s-pro .cont-type05.cont-ptM .cont-tit.icon-pro {position: relative; padding-left: 30px;padding-top:5px;box-sizing: border-box;} .page-listpoint .txt-type02 .cont-league.s-pro .cont-type05.cont-ptM .cont-tit.icon-pro:before{content:'';display:inline-block;position: absolute; top:-3px; left:0px; margin:0 auto;width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png?version=201902281100);background-repeat:no-repeat;background-position:0px -633px;;background-size:640px auto;} .page-listpoint .txt-type02 .cont-league.s-pro {max-width: 800px;box-sizing: border-box;} .page-listpoint .txt-type02 .cont-league.s-pro .cont-type05.cont-ptM{float: none; width: 100%;overflow: hidden;} .page-listpoint .txt-type02 .cont-league.s-pro .cont-type05.cont-ptM .cont-tit.icon-pro{width: 56%;float: left;} .page-listpoint .txt-type02 .cont-league.s-pro .cont-type05.cont-ptM p{width: 44%;padding: 0;margin-top: 0; float:right;text-align: right;} .page-listpoint .txt-type02 .cont-league.s-pro .cont-txt {float: none; width: 100%;overflow: hidden;} .page-listpoint .txt-type02 .cont-league.s-pro .cont-grap{margin-top:30px;} /*** mobile ***/ @media (max-width: 768px){ .page-listpoint .txt-type02 .cont-type05.cont-ptM .cont-tit { padding-left: 0;padding-top: 3px;width: 48%;height: auto; float: left; } .page-listpoint .txt-type02 .cont-type05.cont-ptM p {padding-top: 0;padding-left: 0; width: 52%;height: auto;float: left; text-align: right;} .page-listpoint .txt-type02 .cont-type05.cont-ptM, .page-listpoint .txt-type02 .cont-txt{float: none; width: 100%;overflow: hidden;} .page-listpoint .txt-type02 .cont-type05.cont-ptM p strong{font-size: 20px;} .page-listpoint .txt-type02 .cont-type05.cont-ptM p em {position: relative!important;left: 0 !important;} .page-listpoint .txt-type02 .cont-league .box-Incentivemission .box-tit {display: block;width: 100%;} .page-listpoint .txt-type02 .cont-league .box-Incentivemission .box-tit em{display: inline-block;} .page-listpoint .txt-type02 .cont-league .box-Incentivemission .box-txt {padding-left: 30px;margin-top: 10px;} .page-listpoint .txt-type02 .cont-league.s-pro {padding: 0; } .page-listpoint .txt-type02 .cont-league.s-pro .cont-type05.cont-ptM .cont-tit.icon-pro{width: 56%;padding-left: 22px;} .page-listpoint .txt-type02 .cont-league.s-pro .cont-type05.cont-ptM .cont-tit.icon-pro:before{top:-3px; left:-8px;} .page-listpoint .txt-type02 .cont-league.s-pro .cont-type05.cont-ptM p{width: 44%;padding-left: 0;} } @media (max-width: 320px){ .page-listpoint .txt-type02 .cont-league .box-Incentivemission .box-txt {padding-left: 10px;font-size:12px;} } @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { .page-listpoint .txt-type02 .cont-type05.cont-ptM .cont-tit.icon-pro:before, .page-listpoint .txt-type02 .cont-league .icon-Incentivemission:after, .page-listpoint .txt-type02 .cont-league .box-Incentivemission .box-tit:before, .page-listpoint .txt-type02 .cont-league .box-alerttxt em:before, .page-listpoint .txt-type02 .cont-league.s-pro .cont-type05.cont-ptM .cont-tit.icon-pro:before {background-image:url(../img/bg_icon_sprite@2x.png?version=201903061400);} } /*******[포인트 인출]*****/ .page-listwithdrawal .txt-type02 {overflow: hidden;} .page-listwithdrawal .txt-type02 .cont-league{margin: 0 auto; max-width: 1000px; } .page-listwithdrawal .txt-type02 .cont-txt{float: left; width:68%;} .page-listwithdrawal .txt-type02 .cont-type05.cont-ptM {float: left; width: 32%;} .page-listwithdrawal .txt-type02 .cont-type05.cont-ptM .cont-tit, .page-listwithdrawal .txt-type02 .cont-type05.cont-ptM p {margin: 0;padding: 15px 0 0 10px;float: none;width: 100%;line-height: 1.2; text-align: left;} .page-listwithdrawal .txt-type02 .cont-type05.cont-ptM .cont-tit small img{width: 43px;margin: 0 1px 0 3px;} .page-listwithdrawal .txt-type02 .s-pro .cont-type05.cont-ptM p {padding-left: 30px;box-sizing: border-box;} .page-listwithdrawal .txt-type02 .cont-type05.cont-ptM:before, .page-listwithdrawal .txt-type02 .cont-type05.cont-ptM:after{display: none;} .page-listwithdrawal .txt-type02 .cont-type05.cont-ptM {padding: 0; background-color: transparent;border-top:none;} .page-listwithdrawal .txt-type02 .cont-type05.cont-ptM p strong{font-size: 28px;} .page-listwithdrawal .txt-type02 .cont-type05.cont-ptM p span{display: block;position: relative;} .page-listwithdrawal .txt-type02 .cont-type05.cont-ptM p span em{position: absolute; left:-10px;} .page-listwithdrawal .txt-type02 .cont-league .box-Incentivemission {width: 100%; padding:10px; line-height: 1.6; margin: 5px 0; border-radius: 5px; font-size:14px; background: #526d8c;color:rgba(255,255,255,0.7); box-sizing: border-box; } .page-listwithdrawal .txt-type02 .cont-league .box-Incentivemission .box-tit {display: inline-block;position: relative; margin-left:30px;width: 175px; vertical-align: top;} .page-listwithdrawal .txt-type02 .cont-league .box-Incentivemission .box-tit:before{content:'';display:inline-block;position: absolute; top:-4px; left:-35px; margin:0 auto;width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png?version=201812261600);background-repeat:no-repeat;background-position:-192px -601px;background-size:640px auto;} .page-listwithdrawal .txt-type02 .cont-league .box-Incentivemission .box-tit.s1:before{background-position:-160px -601px;} .page-listwithdrawal .txt-type02 .cont-league .box-Incentivemission .box-txt {display: inline-block;} .page-listwithdrawal .txt-type02 .cont-league .box-Incentivemission .box-tit em{min-width:95px; display: inline-block;color:#71f5ff;} .page-listwithdrawal .txt-type02 .cont-league .box-Incentivemission .box-tit span {display: inline-block; margin: 0 10px 0 0; padding:3px 5px; width: 45px; font-size: 12px; ;color:#fff;text-align: center;border-radius: 30px;} .page-listwithdrawal .txt-type02 .cont-league .box-Incentivemission .box-tit span.icon-progress{background:#ffb205;} .page-listwithdrawal .txt-type02 .cont-league .box-Incentivemission .box-tit span.icon-ready{background:#b1b1b1;} .page-listwithdrawal .txt-type02 .cont-league .box-Incentivemission .box-tit span.icon-succ{background:#0fc271;} .page-listwithdrawal .txt-type02 .cont-league .box-Incentivemission .box-tit span.icon-fail{background:#b72d17;} .page-listwithdrawal .txt-type02 .cont-league .box-Incentivemission .box-tit span.icon-standby{background:#b4a7e9;} .page-listwithdrawal .txt-type02 .cont-league .box-Incentivemission .box-txt {display: inline-block;} .page-listwithdrawal .txt-type02 .cont-league .box-Incentivemission .box-txt em {color:#ffcc00;} .page-listwithdrawal .txt-type02 .cont-league .cont-grap {margin: 40px 0 0; width: 100%; position: relative;border: 1px solid #6982b3; background: #3c5381; -moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.3);-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3);box-shadow:inset 0 0 10px rgba(0,0,0,0.3);box-sizing: border-box; border-radius: 30px;} .page-listwithdrawal .txt-type02 .cont-league .txt-grap {position: absolute; width: 100%; top:0; left:0; text-align: center;font-size:12px; font-weight: 300;opacity: 0.9; z-index: 10;} .page-listwithdrawal .txt-type02 .cont-league .line-grap{position: relative; background: #fe613d; height:15px;box-sizing: border-box; border-radius: 30px;} .page-listwithdrawal .txt-type02 .cont-league .line-grap.s1{background: #13d47d;} .page-listwithdrawal .txt-type02 .cont-league .icon-Incentivemission, .page-listwithdrawal .txt-type02 .cont-league .icon-rankingmission{margin-left:-25px;position: absolute; top:-30px;width:32px;height:32px;} .page-listwithdrawal .txt-type02 .cont-league .icon-Incentivemission:after{content:'';display:block;width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png?version=201812261600);background-repeat:no-repeat;background-position:-224px -601px;background-size:640px auto;} .page-listwithdrawal .txt-type02 .cont-league .icon-Incentivemission.s2:after{background-position:-256px -601px;} .page-listwithdrawal .txt-type02 .cont-league .box-alerttxt {width: 100%;position:relative;padding:10px; line-height: 1.6; margin: 15px 0 5px; border-radius: 5px; font-size:14px; background: #808fa1; color:rgba(255,255,255,0.7); box-sizing: border-box; } .page-listwithdrawal .txt-type02 .cont-league .box-alerttxt:before {content:''; display: inline-block;width: 0; height: 0; position: absolute; top:-5px; left:50%; bottom: auto; margin-right:-5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #808fa1;} .page-listwithdrawal .txt-type02 .cont-league .box-alerttxt em {display: block;padding-left:25px;position: relative; font-weight:bold; color:#fff;} .page-listwithdrawal .txt-type02 .cont-league .box-alerttxt em:before {content:'';display:inline-block;position: absolute; top: 0;left: 0;margin: -4px -5px;width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png?version=201901241400);background-repeat:no-repeat;background-position:-288px -601px;background-size:640px auto;} .page-listwithdrawal .txt-type02 .cont-league .box-alerttxt.s1 em:before {background-position:-320px -601px;} .page-listwithdrawal .txt-type02 .cont-league .box-alerttxt.s2 em:before{background-position:-352px -601px;} .page-listwithdrawal .txt-type02 .cont-league .box-alerttxt.s3 em:before{background-position:-384px -601px;} .page-listwithdrawal .txt-type02 .cont-league .box-alerttxt.s4 em:before{background-position:-416px -601px;} /*** 인출버튼 ***/ .page-listwithdrawal .cont-type05.area-btn:before, .page-listwithdrawal .cont-type05.area-btn:after {display: none;} /**프로마케터 plus 등급 -포인트 **/ .page-listwithdrawal .txt-type02 .cont-league.s-pro .cont-type05.cont-ptM .cont-tit.icon-pro {position: relative; padding-left: 30px;padding-top:5px;box-sizing: border-box;} .page-listwithdrawal .txt-type02 .cont-league.s-pro .cont-type05.cont-ptM .cont-tit.icon-pro:before{content:'';display:inline-block;position: absolute; top:-3px; left:0px; margin:0 auto;width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png?version=201902281100);background-repeat:no-repeat;background-position:0px -633px;;background-size:640px auto;} .page-listwithdrawal .txt-type02 .cont-league.s-pro {max-width: 800px;box-sizing: border-box;} .page-listwithdrawal .txt-type02 .cont-league.s-pro .cont-type05.cont-ptM{float: none; width: 100%;overflow: hidden;} .page-listwithdrawal .txt-type02 .cont-league.s-pro .cont-type05.cont-ptM .cont-tit.icon-pro{width: 56%;float: left;} .page-listwithdrawal .txt-type02 .cont-league.s-pro .cont-type05.cont-ptM p{width: 44%;padding: 0;margin-top: 0; float:right;text-align: right;} .page-listwithdrawal .txt-type02 .cont-league.s-pro .cont-txt {float: none; width: 100%;overflow: hidden;} .page-listwithdrawal .txt-type02 .cont-league.s-pro .cont-grap{margin-top:30px;} /*** mobile ***/ @media (max-width: 768px){ .page-listwithdrawal .txt-type02 .cont-type05.cont-ptM .cont-tit { padding-left: 0;padding-top: 2px;width: 47%;height: auto; float: left; } .page-listwithdrawal .txt-type02 .cont-type05.cont-ptM p {padding-top: 0;padding-left: 0; width: 53%;height: auto;float: left; text-align: right;} .page-listwithdrawal .txt-type02 .cont-type05.cont-ptM, .page-listwithdrawal .txt-type02 .cont-txt{float: none; width: 100%;overflow: hidden;} .page-listwithdrawal .txt-type02 .cont-type05.cont-ptM p strong{font-size: 20px;} .page-listwithdrawal .txt-type02 .cont-type05.cont-ptM p em {position: relative!important;left: 0 !important;} .page-listwithdrawal .txt-type02 .cont-league .box-Incentivemission .box-tit{display: block;width:100%;} .page-listwithdrawal .txt-type02 .cont-league .box-Incentivemission .box-tit em{display: inline-block;} .page-listwithdrawal .txt-type02 .cont-league .box-Incentivemission .box-txt {padding-left: 30px;margin-top: 10px;} .page-listwithdrawal .txt-type02 .cont-league.s-pro{padding: 0; } .page-listwithdrawal .txt-type02 .cont-league.s-pro .cont-type05.cont-ptM .cont-tit.icon-pro{width: 56%;padding-left: 22px;} .page-listwithdrawal .txt-type02 .cont-league.s-pro .cont-type05.cont-ptM .cont-tit.icon-pro:before{top:-3px; left:-8px;} .page-listwithdrawal .txt-type02 .cont-league.s-pro .cont-type05.cont-ptM p{width: 44%;padding-left: 0;} } @media (max-width: 320px){ .page-listwithdrawal .txt-type02 .cont-league .box-Incentivemission .box-txt {padding-left: 10px;font-size:12px;} } @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { .page-listwithdrawal .txt-type02 .cont-league .icon-Incentivemission:after, .page-listwithdrawal .txt-type02 .cont-league .box-alerttxt em:before, .page-listwithdrawal .txt-type02 .cont-league.s-pro .cont-type05.cont-ptM .cont-tit.icon-pro:before, .page-listwithdrawal .txt-type02 .cont-league .box-Incentivemission .box-tit:before{background-image:url(../img/bg_icon_sprite@2x.png?version=201901241400);} } /*******[포인트 사용]*****/ .page-listusepoint .txt-type02 {overflow: hidden;} .page-listusepoint .txt-type02 .cont-league{margin: 0 auto; max-width: 1000px; } .page-listusepoint .txt-type02 .cont-txt{float: left; width: 68%;} .page-listusepoint .txt-type02 .cont-type05.cont-ptM {float: left; width: 32%;} .page-listusepoint .txt-type02 .cont-type05.cont-ptM .cont-tit, .page-listusepoint .txt-type02 .cont-type05.cont-ptM p {margin: 0;padding: 15px 0 0 10px;float: none;width: 100%;line-height: 1.2; text-align: left;} .page-listusepoint .txt-type02 .s-pro .cont-type05.cont-ptM p {padding-left: 30px;box-sizing: border-box;} .page-listusepoint .txt-type02 .cont-type05.cont-ptM .cont-tit small img{width: 43px;margin: 0 1px 0 3px;} .page-listusepoint .txt-type02 .cont-type05.cont-ptM:before, .page-listusepoint .txt-type02 .cont-type05.cont-ptM:after{display: none;} .page-listusepoint .txt-type02 .cont-type05.cont-ptM {padding: 0; background-color: transparent;border-top:none;} .page-listusepoint .txt-type02 .cont-type05.cont-ptM p strong{font-size: 28px;} .page-listusepoint .txt-type02 .cont-type05.cont-ptM p span{display: block;position: relative;} .page-listusepoint .txt-type02 .cont-type05.cont-ptM p span em{position: absolute; left:-10px;} .page-listusepoint .txt-type02 .cont-league .box-Incentivemission {width: 100%; padding:10px; line-height: 1.6; margin: 5px 0; border-radius: 5px; font-size:14px; background: #526d8c;color:rgba(255,255,255,0.7); box-sizing: border-box; } .page-listusepoint .txt-type02 .cont-league .box-Incentivemission .box-tit {display: inline-block;position: relative; margin-left:30px;width: 175px;vertical-align: top;} .page-listusepoint .txt-type02 .cont-league .box-Incentivemission .box-tit:before{content:'';display:inline-block;position: absolute; top:-4px; left:-35px; margin:0 auto;width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png?version=201812261600);background-repeat:no-repeat;background-position:-192px -601px;background-size:640px auto;} .page-listusepoint .txt-type02 .cont-league .box-Incentivemission .box-tit.s1:before{background-position:-160px -601px;} .page-listusepoint .txt-type02 .cont-league .box-Incentivemission .box-txt {display: inline-block;} .page-listusepoint .txt-type02 .cont-league .box-Incentivemission .box-tit em{display: inline-block;min-width: 95px; color:#71f5ff;} .page-listusepoint .txt-type02 .cont-league .box-Incentivemission .box-tit span {display: inline-block; margin: 0 10px 0 0; padding:3px 5px; width: 45px; font-size: 12px; ;color:#fff;text-align: center;border-radius: 30px;} .page-listusepoint .txt-type02 .cont-league .box-Incentivemission .box-tit span.icon-progress{background:#ffb205;} .page-listusepoint .txt-type02 .cont-league .box-Incentivemission .box-tit span.icon-ready{background:#b1b1b1;} .page-listusepoint .txt-type02 .cont-league .box-Incentivemission .box-tit span.icon-succ{background:#0fc271;} .page-listusepoint .txt-type02 .cont-league .box-Incentivemission .box-tit span.icon-fail{background:#b72d17;} .page-listusepoint .txt-type02 .cont-league .box-Incentivemission .box-tit span.icon-standby{background:#b4a7e9;} .page-listusepoint .txt-type02 .cont-league .box-Incentivemission .box-txt {display: inline-block;} .page-listusepoint .txt-type02 .cont-league .box-Incentivemission .box-txt em {color:#ffcc00;} .page-listusepoint .txt-type02 .cont-league .cont-grap {margin: 40px 0 0; width: 100%; position: relative;border: 1px solid #6982b3; background: #3c5381; -moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.3);-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3);box-shadow:inset 0 0 10px rgba(0,0,0,0.3);box-sizing: border-box; border-radius: 30px;} .page-listusepoint .txt-type02 .cont-league .txt-grap {position: absolute; width: 100%; top:0; left:0; text-align: center;font-size:12px; font-weight: 300;opacity: 0.9; z-index: 10;} .page-listusepoint .txt-type02 .cont-league .line-grap{position: relative; background: #fe613d; height:15px;box-sizing: border-box; border-radius: 30px;} .page-listusepoint .txt-type02 .cont-league .line-grap.s1{background: #13d47d;} .page-listusepoint .txt-type02 .cont-league .icon-Incentivemission, .page-listusepoint .txt-type02 .cont-league .icon-rankingmission{margin-left:-25px;position: absolute; top:-30px;width:32px;height:32px;} .page-listusepoint .txt-type02 .cont-league .icon-Incentivemission:after{content:'';display:block;width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png?version=201812261600);background-repeat:no-repeat;background-position:-224px -601px;background-size:640px auto;} .page-listusepoint .txt-type02 .cont-league .icon-Incentivemission.s2:after{background-position:-256px -601px;} .page-listusepoint .txt-type02 .cont-league .box-alerttxt {width: 100%;position:relative;padding:10px; line-height: 1.6; margin: 15px 0 5px; border-radius: 5px; font-size:14px; background: #808fa1; color:rgba(255,255,255,0.7); box-sizing: border-box; } .page-listusepoint .txt-type02 .cont-league .box-alerttxt:before {content:''; display: inline-block;width: 0; height: 0; position: absolute; top:-5px; left:50%; bottom: auto; margin-right:-5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #808fa1;} .page-listusepoint .txt-type02 .cont-league .box-alerttxt em {display: block;padding-left:25px;position: relative; font-weight:bold; color:#fff;} .page-listusepoint .txt-type02 .cont-league .box-alerttxt em:before {content:'';display:inline-block;position: absolute; top: 0;left: 0;margin: -4px -5px;width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png?version=201901241400);background-repeat:no-repeat;background-position:-288px -601px;background-size:640px auto;} .page-listusepoint .txt-type02 .cont-league .box-alerttxt.s1 em:before {background-position:-320px -601px;} .page-listusepoint .txt-type02 .cont-league .box-alerttxt.s2 em:before{background-position:-352px -601px;} .page-listusepoint .txt-type02 .cont-league .box-alerttxt.s3 em:before{background-position:-384px -601px;} .page-listusepoint .txt-type02 .cont-league .box-alerttxt.s4 em:before{background-position:-416px -601px;} /**프로마케터 plus 등급 -포인트 **/ .page-listusepoint .txt-type02 .cont-league.s-pro .cont-type05.cont-ptM .cont-tit.icon-pro {position: relative; padding-left: 30px;padding-top:5px;box-sizing: border-box;} .page-listusepoint .txt-type02 .cont-league.s-pro .cont-type05.cont-ptM .cont-tit.icon-pro:before{content:'';display:inline-block;position: absolute; top:-3px; left:0px; margin:0 auto;width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png?version=201902281100);background-repeat:no-repeat;background-position:0px -633px;;background-size:640px auto;} .page-listusepoint .txt-type02 .cont-league.s-pro {max-width: 800px; box-sizing: border-box;} .page-listusepoint .txt-type02 .cont-league.s-pro .cont-type05.cont-ptM{float: none; width: 100%;overflow: hidden;} .page-listusepoint .txt-type02 .cont-league.s-pro .cont-type05.cont-ptM .cont-tit.icon-pro{width: 56%;float: left;} .page-listusepoint .txt-type02 .cont-league.s-pro .cont-type05.cont-ptM p{width: 44%;padding: 0;margin-top: 0; float:right;text-align: right;} .page-listusepoint .txt-type02 .cont-league.s-pro .cont-txt {float: none; width: 100%;overflow: hidden;} .page-listusepoint .txt-type02 .cont-league.s-pro .cont-grap{margin-top:30px;} /*** mobile ***/ @media (max-width: 768px){ .page-listusepoint .txt-type02 .cont-type05.cont-ptM .cont-tit { padding-left: 0;padding-top: 2px;width: 47%;height: auto; float: left; } .page-listusepoint .txt-type02 .cont-type05.cont-ptM p {padding-top: 0;padding-left: 0; width: 53%;height: auto;float: left; text-align: right;} .page-listusepoint .txt-type02 .cont-type05.cont-ptM, .page-listusepoint .txt-type02 .cont-txt{float: none; width: 100%;overflow: hidden;} .page-listusepoint .txt-type02 .cont-type05.cont-ptM p strong{font-size: 20px;} .page-listusepoint .txt-type02 .cont-type05.cont-ptM p em {position: relative!important;left: 0 !important;} .page-listusepoint .txt-type02 .cont-league .box-Incentivemission .box-tit {display: block; width: 100%;} .page-listusepoint .txt-type02 .cont-league .box-Incentivemission .box-tit em{display: inline-block;} .page-listusepoint .txt-type02 .cont-league .box-Incentivemission .box-txt {padding-left: 30px;margin-top: 10px;} .page-listusepoint .txt-type02 .cont-league.s-pro {padding:0} .page-listusepoint .txt-type02 .cont-league.s-pro .cont-type05.cont-ptM .cont-tit.icon-pro{width: 56%;padding-left:22px;} .page-listusepoint .txt-type02 .cont-league.s-pro .cont-type05.cont-ptM .cont-tit.icon-pro:before{top:-3px; left:-8px;} .page-listusepoint .txt-type02 .cont-league.s-pro .cont-type05.cont-ptM p{width: 44%;padding-left: 0;} } @media (max-width: 320px){ .page-listusepoint .txt-type02 .cont-league .box-Incentivemission .box-txt {padding-left: 10px;font-size:12px;} } @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { .page-listusepoint .txt-type02 .cont-league .icon-Incentivemission:after, .page-listusepoint .txt-type02 .cont-league .box-alerttxt em:before, .page-listusepoint .txt-type02 .s-pro .cont-type05.cont-ptM .cont-tit.icon-pro:before, .page-listusepoint .txt-type02 .cont-league .box-Incentivemission .box-tit:before{background-image:url(../img/bg_icon_sprite@2x.png?version=201902291100);} } /****[포인트 리스트 -PT마케터 ]****/ .page-listpoint .cont-type05.cont-ptM:before {content:'';width: 33.3%;height:56px;display:block;position:absolute;top:37px;left:0;border-right:1px solid #76818f;} .page-listpoint .cont-type05.cont-ptM:after {width: 66.6%;} .page-listpoint .cont-type05.cont-ptM p small{display: block; padding-top:8px; font-size:13px; opacity: 0.8;} .page-listpoint .cont-type05.cont-ptM .cont-txt{text-align: left; margin: 20px -50px 0 -50px; padding:20px 50px 0 50px; display:block;position:relative;border-top:1px solid #858e9a;clear:both;} .page-listpoint .cont-type05.cont-ptM .txt-type02.s2 li{max-width: none;} @media (min-width: 1000px){ .page-listpoint .cont-type05.cont-ptM p strong {font-size: 32px;} } @media (min-width: 641px){ .page-listpoint .cont-type05.cont-ptM {padding: 0 20px;} .page-listpoint .cont-type05.cont-ptM p, .page-listpoint .cont-type05.cont-ptM .cont-tit{float:left; width:33.3%;} .page-listpoint .cont-type05.cont-ptM p {margin:80px 0 0 -33.3%;padding-bottom:36px;font-size:20px;font-weight:200;} .page-listpoint .cont-type05.cont-ptM p strong {font-size: 22px;} } /*** mobile ***/ @media (max-width: 640px){ .page-listpoint .cont-type05.cont-ptM:before {display: none;} .page-listpoint .cont-type05.cont-ptM p small{font-size:12px;padding-top:5px; } .page-listpoint .cont-type05 .cont-btn {margin:0px -20px -20px -20px;} .page-listpoint .cont-type05.cont-ptM .cont-tit{width: 50%; font-size:13px;} .page-listpoint .cont-type05.cont-ptM p {width: 50%; font-size: 20px;} } /************************************************* 텐스쿨 *************************************************/ .page-InfoLecture2 {box-sizing: border-box;} .page-InfoLecture2 .wrap-banner {background-repeat: repeat; /*background: #397fb3; /* For browsers that do not support gradients * / background: -webkit-linear-gradient(top , #ac9390, #a9907f); /* For Safari 5.1 to 6.0 * / background: -o-linear-gradient(bottom, #ac9390, #a9907f); /* For Opera 11.1 to 12.0 * / background: -moz-linear-gradient(bottom, #ac9390, #a9907f); /* For Firefox 3.6 to 15 * / background: linear-gradient(to bottom, #ac9390, #a9907f ); /* Standard syntax */} .page-InfoLecture2 .wrap-banner .cont-banner {margin:0 auto;height:400px; max-width:800px;position: relative; display: block;background-repeat: no-repeat; overflow: hidden;} .page-InfoLecture2 .wrap-banner .cont-banner-mo {display: none;} .page-InfoLecture2 .wrap-banner .cont-banner .box-txt {width: 320px;height: 100%;padding:40px 20px; position: absolute; right: 0; color:#fff;box-sizing: border-box; /**background: rgba(0,0,0,0.5);**/} .page-InfoLecture2 .wrap-banner .cont-banner .box-txt .tit-type {padding: 0; margin: 0;color:#00bdcd; font-weight: 300; } .page-InfoLecture2 .wrap-banner .cont-banner .box-txt .tit-type:after{background:#00bdcd} .page-InfoLecture2 .wrap-banner .cont-banner .box-txt .bnr-txt {font-size:17px; font-weight:300;line-height: 1.5;opacity: 0.8;} .page-InfoLecture2 .wrap-banner .cont-banner .box-txt .list-cont02 {position: absolute; bottom:30px;width: 280px; font-size:14px; font-weight:300; line-height: 1.2;} .page-InfoLecture2 .wrap-banner .cont-banner .box-txt .list-cont02 dd {padding:4px 4px 3px 0;} .page-InfoLecture2 .wrap-banner .cont-banner .box-txt .list-cont02 dd span {text-decoration: line-through;} .page-InfoLecture2 .wrap-banner .cont-banner .box-txt .list-cont02 dt {float:left; clear:right; padding:4px 4px 3px 0;} /**TAB***/ .page-InfoLecture2 #navbar {overflow: hidden;z-index: 1;} .page-InfoLecture2 .sticky {position: fixed;top: 55px;margin-left: -125px; background: #fafafa;} .page-InfoLecture2 .sticky + .content {margin-top: 60px;} .page-InfoLecture2 .tab-type04.s1{width: 100%; height: auto; margin-top: 5px; } .page-InfoLecture2 .tab-type04.s1 > div {margin: 0 auto; max-width: 800px;} .page-InfoLecture2 .tab-type04.s1 > div >ul {display: inline-block;} .page-InfoLecture2 .tab-type04.s1 > div .btn-wrap02 {margin: 0 5px; display: inline-block; vertical-align: top;} .page-InfoLecture2 .tab-type04.s1 > div .btn-wrap02 .btn-type02, .page-InfoLecture2 .tab-type04.s1 > div .btn-wrap02 .btn-type {display: inline-block;} .page-InfoLecture2 .area-bg {width: 100%; padding-bottom: 10px; height: auto; overflow: hidden; display: block; background-color: #FAF9F9;} .page-InfoLecture2 .area-cont-ten {margin:0 auto; width: 100%; max-width:800px} .page-InfoLecture2 .area-cont-ten .cont-board img{width: 100%;} .page-InfoLecture2 .area-cont-ten .cont-board.teacher {background-repeat: no-repeat;min-height:180px;padding-top:10px; padding-right: 230px;background-size:200px;; background-position: 100% 20px; } .page-InfoLecture2 .area-cont-ten .cont-board.teacher .tit-type07 {font-size:17px; color:#555; margin:5px 0 5px;font-weight: bold;} .page-InfoLecture2 .area-cont-ten .cont-board.teacher .tit-type07 span {font-size:15px;font-weight: 300;} .page-InfoLecture2 .area-cont-ten .cont-board.teacher .txt-letter {margin-top:10px;} .page-InfoLecture2 .area-cont-ten .cont-board.teacher .txt-career{color:#00bdcd;margin-top:15px;} .page-InfoLecture2 .area-cont-ten .cont-board.s1 .list-photo-curri {width: 300px; height: 190px; display: inline-block;margin-right: 35px;} .page-InfoLecture2 .area-cont-ten .cont-board.s1 .list-photo-curri img {width: 100%;} .page-InfoLecture2 .area-txt-curri { width: calc(100% - 340px);display: inline-block; vertical-align: top;} .page-InfoLecture2 .area-txt-curri .mark-date{display: inline-block;margin-bottom: 5px; border:1px solid #00bdcd; color:#00bdcd; padding:4px 12px; border-radius: 100px; font-size: 15px; font-weight: 300;} .txt-curri {margin-left:10px;} .page-InfoLecture2 .area-cont-ten.student {position:relative; min-height: 250px;} .page-InfoLecture2 .area-cont-ten.student:after {content:''; width :210px; height:200px;position:absolute;top:30px; right: 20px;; background-image: url(../img/icon_10_tensh_curr.png)} .page-InfoLecture2 .area-cont-ten.student .cont-board.s2{font-size: 15px; line-height: 1.6;} .page-InfoLecture2 .area-cont-ten .cont-board.c1{color:#002a9c;} .page-InfoLecture2 .btn-wrap02{margin: 0.2rem auto;} .page-InfoLecture2 .btn-wrap02.s1{max-width: 760px;} .page-InfoLecture2 .area-map {height:430px;position:relative;overflow: hidden;} .page-InfoLecture2 .area-map #map {height:430px;position:relative;} .page-InfoLecture2 .tit-type03{margin: 0 0 0.2em;} @media (max-width:1030px) { .page-InfoLecture2 .tab-type04.s1 > div > ul button, .page-InfoLecture2 .tab-type04.s1 > div > ul a {font-size:13px;padding: 19px 5px; } .page-InfoLecture2 .tab-type04.s1 > div .btn-wrap02 {margin: 3px; display: inline-block; vertical-align: top;} .page-InfoLecture2 .tab-type04.s1 > div .btn-wrap02 .btn-type02, .page-InfoLecture2 .tab-type04.s1 > div .btn-wrap02 .btn-type {font-size: 13px; padding:6px;} } @media (max-width:768px) { .page-InfoLecture2 .wrap-banner .cont-banner{width: 100%; height:390px; background-position:top center;background-size: 400px auto;} .page-InfoLecture2 .wrap-banner .cont-banner .box-txt {width: 100%; padding:15px 15px; top:200px; bottom:0; height:auto;} .page-InfoLecture2 .wrap-banner .cont-banner .box-txt .tit-type {font-size:20px;} .page-InfoLecture2 .wrap-banner .cont-banner .box-txt .tit-type:after{ margin: 0.6em 0 0.5em;} .page-InfoLecture2 .wrap-banner .cont-banner .box-txt .list-cont02 {margin-top:30px; position: relative; font-size: 13px; opacity: 0.7;} .page-InfoLecture2 .wrap-banner .cont-banner .box-txt .bnr-txt {display: none; font-size:15px; font-weight:300;line-height: 1.5;opacity: 0.8;} .page-InfoLecture2 .sticky {position: relative;margin-left: 0px; top:0; background: #fff;} .page-InfoLecture2 .sticky + .content {margin-top:0px;} .page-InfoLecture2 .tab-type04.s1 > div {position: relative; width: 100%; height: 50px; overflow: hidden;} .page-InfoLecture2 .tab-type04.s1 > div >ul {display: none;} .page-InfoLecture2 .tab-type04.s1 > div .btn-wrap02 {position: absolute; right: 10px;} .page-InfoLecture2 .area-cont-ten {margin:0 auto; width:100%;} .page-InfoLecture2 .area-cont-ten .cont-board{font-size: 13px;} .page-InfoLecture2 .area-cont-ten .cont-board.s1 .list-photo-curri{display: none;} .page-InfoLecture2 .area-cont-ten .cont-board.s2 {font-size:14px; letter-spacing: 1.5;} .page-InfoLecture2 .area-txt-curri {width: 100%;} .page-InfoLecture2 .area-cont-ten .cont-board.teacher {background-repeat: no-repeat;padding-top:10px; padding-right: 130px; background-size:120px;; background-position: 100% 40px; } .page-InfoLecture2 .area-cont-ten.student{min-height: auto;} .page-InfoLecture2 .area-cont-ten.student:after{display: none;} } /************************************************* 소문박스 *************************************************/ .box-type .box-cont.AD-type4 {max-width:100%;} /************************************************* 초보 가이드 + 수익노하우 *************************************************/ .page-listlecture .list-type07 dl{margin-left: 185px;} .page-listlecture .list-type07 dl dd span{text-decoration: line-through;} @media (max-width:929px) { .page-listlecture .list-type07 dl{margin-left: 110px;} } /*** mobile ***/ @media (max-width:768px) { .page-guide .btn-wrap02, .page-listlecture .btn-wrap02 {display:block;margin:0;padding:10px !important;} .page-guide .btn-wrap02 > [class^=btn-type], .page-listlecture .btn-wrap02 > [class^=btn-type] {display:block;width:100%;margin-left:0;margin-right:0;} .page-listlecture .list-type07 dl{margin-left: 0px;} } /************************************************* 캠페인 상세 *************************************************/ .page-sendcampaign {min-height:100%;background-color:#fff;} .page-sendcampaign .box-land {width:100%;position:absolute;top:0;bottom:55px;background-color:#fff;} .aside-share {padding:6px 10rem 3px;position:fixed;bottom:0;left:0;right:0;background:#0cbed4;text-align:center;} .aside-share .btn-result{top:6px;} .aside-share .btn-result:before {background-image: url(../img/bg_icon_sprite.png?version=201802071305);background-position:-92px -363px;} .aside-share dt {width:100px;position:absolute;left:1.1rem;top:11px;text-align:left;color:#fff;font-size:14px;line-height:1;} .aside-share dt a {display:inline-block;color:#fff;font-weight:normal;vertical-align:middle;} .aside-share dt a strong {font-weight:normal;} .aside-share dt:before {content:'';width:32px;height:32px;margin:0;display:inline-block;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-64px -32px;background-size:640px auto;vertical-align:middle;} .aside-share dt:after {content:'';width:32px;height:32px;margin:0 -25px 0 -8px;display:inline-block;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:0 -32px;background-size:640px auto;vertical-align:middle;} /*** mobile ***/ @media (max-width:380px) { .aside-share .btn-result:before {top:-3px; background-position:-138px -363px;} .aside-share .btn-sns {margin-right:-6px;} } @media (max-width:560px) { .aside-share {padding:6px 13px 6px 50px;;text-align:center;} .aside-share .icon-t, .aside-share .icon-d {display:none;} } @media (max-width:768px) { .aside-share dt {width:10em;font-size:12px;} .aside-share dt a {max-width:60%;} } @media (min-width:701px) { .page-endcampaign {padding:20px 0;} .aside-share .icon-k {display:none;} } /*** retina specific ***/ @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { .aside-share dt:before {background-image:url(../img/bg_icon_sprite@2x.png);} .aside-share dt:after {background-image:url(../img/bg_shapes_sprite@2x.png);} .aside-share .btn-result:before{background-image:url(../img/bg_icon_sprite@2x.png?version=201802071305);} } /************************************************* 종료 캠페인 *************************************************/ @media (max-width:768px) { .page-endcampaign .box-type02 {border-radius:0;} } /************************************************* 미리보기 *************************************************/ #page-preview .bg-img {width:100%;text-align:left;box-sizing:border-box;} #page-preview .show {margin:0;display:block;} #page-preview .show figure {border:1px solid #ddd;} /**** 콘텐츠 이미지 스타일 수정 ***/ #page-preview .show figure {border:1px solid #ddd;border-bottom: 0px;} #page-preview .show .area-download {border:1px solid #ddd;border-top:0;} #page-preview .show .area-download .txt-size{height:35px;line-height:35px;position:relative;background-color:#f7f7f7;border-top:1px solid #ddd;color:#777;text-align:left;} #page-preview .show .area-download .txt-size:hover{background-color:#e7ebee;color:#01bdce;} #page-preview .show .area-download .txt-size:after {content:'';width:32px;height:32px;position:absolute;top:0;right:0;background-image:url(../img/bg_icon_sprite.png?version=201801181150);background-repeat:no-repeat;background-size:640px auto;background-position:-480px -32px;} #page-preview .show .area-download .txt-size span {padding:0 10px;} /*** mobile ***/ @media (max-width:768px) { #page-preview .show {max-width:100%;} } /*** retina specific ***/ @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { #page-preview .show .area-download .txt-size:after {background-image:url(../img/bg_icon_sprite@2x.png?version=201801181150);} } /************************************************* 콘텐츠 상세보기 *************************************************/ #waterfall {max-width:1024px;margin:0 auto;} #waterfall li.show {opacity:1;} #waterfall li > div {transition:all 0.5s;} #subwaterfall li.show {margin:3px !important;} #subwaterfall li.show figure {border:1px solid #ddd;} /**** 콘텐츠 이미지 스타일 수정 ***/ .page-socialmedia textarea {resize: none;} .cont-ADPage .figure-type.s1 #subwaterfall li.show figure {border:1px solid #ddd;border-bottom: 0px;} .page-socialmedia .figure-type.s1 #subwaterfall li.show figure:before{display:none;} .page-socialmedia .figure-type.s1 #subwaterfall li.show figure:after {content: ''; width:32px;height:32px;position:absolute;bottom:0;right:0;background-image:url(../img/bg_icon_sprite.png?version=201805251104);background-repeat:no-repeat;background-size:640px auto;background-position:-384px -64px;} .page-socialmedia .figure-type.s1 #subwaterfall li.show .area-download {border:1px solid #ddd; border-top:0;} .page-socialmedia .figure-type.s1 #subwaterfall li.show .area-download .txt-size{position: relative; background-color:#f7f7f7; border-top:1px solid #ddd; text-align: left;color:#777; height:35px;line-height: 35px;} .page-socialmedia .figure-type.s1 #subwaterfall li.show .area-download .txt-size:hover{background-color:#e7ebee;color:#01bdce;} .page-socialmedia .figure-type.s1 #subwaterfall li.show .area-download .txt-size:after {content:'';width:32px;height:32px;position:absolute;top:0;right:0;background-image:url(../img/bg_icon_sprite.png?version=201801181150);background-repeat:no-repeat;background-size:640px auto;background-position:-480px -32px;} .page-socialmedia .figure-type.s1 #subwaterfall li.show .area-download .txt-size span {padding:0 10px;} .cont-ADPage .tit-type06, .page-socialmedia .st-line{border-top:1px dotted #99d2d7;} .page-socialmedia .cont-type03 > .tit-type06:first-child {border-top:none;padding:0 0 0 10px;} .page-socialmedia .cont-type03 > .tit-type06:first-child:before {margin:-6px 0;} .page-socialmedia .cont-type03 .tit-type06.s1{border-top:1px dotted #99d2d7 !important;margin:10px 0 5px;padding:20px 0 0 10px;border:none;} .page-socialmedia .cont-type03 .tit-type06.s1:before {margin:2px 0;} .page-socialmedia .cont-type08#ADNotice > .cont-tit {padding-left:32px;position:relative;} .page-socialmedia .cont-type08#ADNotice > .cont-tit:before {content:'';width:32px;height:32px;margin-left:-175px;position:absolute;bottom:17px;left:50%;background-image:url(../img/icon_bell2.gif);background-repeat:no-repeat;background-size:32px auto;background-position:0 0;} .page-socialmedia .cont-type08#ADNotice .cont-type03.box-type02 .cont-type03 {padding:10px 20px !important;} .page-socialmedia .cont-type08#ADNotice .cont-type03 h5.tit-type06, .page-socialmedia .cont-type08 .cont-type03 h5.tit-type06{margin:0;border:none;padding:20px 0 0 0;} .page-socialmedia .cont-type08#ADNotice .cont-type03 h5.tit-type06:before, .page-socialmedia .cont-type08 .cont-type03 h5.tit-type06:before {display:none;} .page-socialmedia .cont-type08#ADNotice .cont-type03 h5.tit-type06 em, .page-socialmedia .cont-type08 .cont-type03 h5.tit-type06 em{margin-right:5px;padding:2px 8px;position:relative;top:-3px;background-color:#27b0a8;color:#fff;font-size:12px;font-weight:500;border-radius:3px;} .page-socialmedia .cont-type08#ADNotice .cont-type03 h5.tit-type06 + .txt-base{padding:5px 0 15px 0px;} .page-socialmedia .cont-type08 .cont-type03 .txt-condition {font-size: 15px; line-height: 1.5; padding-bottom:10px; } .page-socialmedia .cont-type08 .cont-type03 .txt-condition span {color:#ef2c6c;display: block;} .page-socialmedia .cont-type08 .cont-type03 .txt-condition em {font-size: 16px;color:#ef2c6c;display: block;font-weight: 500;padding-bottom:5px;} .page-socialmedia .cont-type08#ADNotice .cont-type03 > .cont-txt, .page-socialmedia .cont-type08#ADNotice2 .cont-type03 > .cont-txt{padding-left:2px;} .page-socialmedia .cont-type08#ADNotice .cont-type03 > .cont-txt li, .page-socialmedia .cont-type08#ADNotice2 .cont-type03 > .cont-txt li{list-style:none;} .page-socialmedia .cont-visible-mo {display: none;} .page-socialmedia .cont-type08 .btn-type03.s3 {position: relative; background-color: #ff7252; border-color: #ff7252;} .page-socialmedia .cont-type08 .btn-type03.s3.ui-btn:after {content:"";width:0;height:0;margin:-2px -50px 0 0;position:absolute;top:50%;right:50%;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #fff;border-bottom:0px;z-index:3;} .page-socialmedia .cont-type08 .btn-type03.s3.ui-btn.ui-btn-open:after {margin:-2px -31px 0 0;border-bottom:5px solid #fff;border-top:0px;} /***소문내기 참고 사이트 ***/ .page-socialmedia .cont-type08 ul.txt-type.s9 li {position: relative; margin: 0;padding:5px 0; line-height: 1.6; color:#555;box-sizing: border-box;} .page-socialmedia .cont-type08 ul.txt-type.s9 li a {color:#555;text-decoration:underline;height:1.4em;line-height:1.4em; margin:-5px 0 5px 120px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;font-weight:300;overflow:hidden;} .page-socialmedia .cont-type08 .txt-type.s9 span.txt-site {position: absolute; top:3px; left:24px; width:120px; color:#555; font-size:12px;} /************CPS2차 개편 실시간, 인기 상품***********************/ .page-socialmedia .cont-type08#HotGoods .cont-type03 h5.tit-type06, .page-socialmedia .cont-type08#NewGoods .cont-type03 h5.tit-type06{margin:0;border:none;padding:20px 0 0 0;} .page-socialmedia .cont-type08#HotGoods .cont-type03 h5.tit-type06 em, .page-socialmedia .cont-type08#NewGoods .cont-type03 h5.tit-type06 em{margin-right:5px;padding:2px 8px;position:relative;top:-3px;background-color:#fe6d54;color:#fff;font-size:12px;font-weight:500;border-radius:3px;} .page-socialmedia .cont-type08#NewGoods .cont-type03 h5.tit-type06 em {background-color:#1aa5e2;} .page-socialmedia .cont-type08#HotGoods .cont-type03 h5.tit-type06:before, .page-socialmedia .cont-type08#NewGoods .cont-type03 h5.tit-type06:before{display:none;} .page-socialmedia .txt-type02.txt-tip {padding:15px 15px 10px 55px;position: relative;line-height: 1.7;} .page-socialmedia .txt-type02.txt-tip .mark-tip{position: absolute; left:15px; top:4px; margin-right:5px;margin-top: 10px; padding:2px 8px;background-color:#27b0a8;color:#fff;font-size:12px;font-weight:500;border-radius:3px;} .page-socialmedia .txt-type02.txt-tip .btn-link {line-height: 1.4;margin-left: 5px;display: inline-block; word-wrap: normal;} @media (max-width:768px) { .page-socialmedia .cont-visible-mo {display: block;} } /***사이트 클릭**/ .page-socialmedia .cont-ADPage .cont-type08#ADNotice > .cont-tit {padding-left: 0; position:relative;} .page-socialmedia .cont-ADPage .cont-type08#ADNotice > .cont-tit:before {content:'';width:32px;height:32px;position:absolute;margin-left:-180px; bottom:17px;left:50%;background-image:url(../img/icon_bell2.gif);background-repeat:no-repeat;background-size:32px auto;background-position:0 0;} .page-socialmedia .cont-ADPage .cont-type08#ADNotice > .cont-tit em{margin-left:32px;} .page-socialmedia .cont-ADPage .box-type02 {max-width:1004px;} /**사이트 클릭 확장 프로그램 **/ .page-socialmedia .cont-ADPage .box-type02.chrome-down { position: relative; padding-right:220px !important; } .page-socialmedia .cont-ADPage .box-type02.chrome-down .banner-chrome{width:190px;height:85px !important;padding:0 !important;position:absolute !important;top:7px;right:12px;background-image:url(../img/bn_chrome_page.png);background-repeat:no-repeat;background-position:0 0;background-size:190px auto;font-size:0;line-height:0;overflow:visible !important;} .page-socialmedia .cont-ADPage .box-type02.chrome-down .banner-chrome > p {display:none;width:240px;line-height:1.5;padding:10px 15px;position:absolute;top:100%;right:-25px;background-color:#fff;border:1px solid #667281;border-radius:5px;font-size:13px;color:#1e659a !important;text-align:left;box-shadow:0 2px 2px 5px rgba(0,0,0,0.05);box-sizing:border-box; z-index: 11;} .page-socialmedia .cont-ADPage .box-type02.chrome-down .banner-chrome > p:before {content:'';width:10px;height:10px;margin:0 -5px;display:block;position:absolute;top:-3px;left:30%;background-color:#fff;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);} .page-socialmedia .cont-ADPage .box-type02.chrome-down .banner-chrome > p:after {content:'';width:100%;height:40px;margin-top:10px;display:block;background-image:url(../img/img_chrome_page.png?version=201803061530);background-repeat:no-repeat;background-position:-20px 0;background-size:230px auto;} .page-socialmedia .cont-ADPage .box-type02.chrome-down .banner-chrome:hover > p {display:block;} .page-socialmedia .cont-ADPage .box-type02.chrome-down .banner-chrome {display:block !important;} .page-socialmedia .cont-ADPage .cont-type08#ADPage > .cont-tit {position:relative;} .page-socialmedia .cont-ADPage .cont-type08#ADPage > .cont-tit:before {content:'';width:32px;height:32px;position:absolute;margin-left:-175px; bottom:17px;left:50%;background-image:url(../img/icon-page.gif);background-repeat:no-repeat;background-size:32px auto;background-position:0 0;} .page-socialmedia .cont-ADPage .cont-type08#ADPage > .cont-tit.cps:before {margin-left:-165px;} .page-socialmedia .cont-ADPage .cont-type08#ADPage > .cont-tit em{margin-left:32px;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .txt-base.s5 {font-size:15px;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .form-norecent {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:box;-webkit-box-pack:center;-webkit-box-orient:vertical;align-items:center;justify-content:center;-ms-flex-direction:column;text-align:center;height:130px;background-color:#fff;color:#C8C8C8;font-size:15px;line-height: 1.5} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .form-norecent:before {content:'';width:32px;height:32px;margin:15px auto 13px;display:block;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-96px -32px;background-size:640px auto;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 {border-top:1px solid #e2e8ed;margin:15px 0 0 0; position: relative;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 .list-cont {padding:6px 0; position: relative; border-bottom:1px solid #e2e8ed; overflow: hidden;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 .list-cont:last-child {border-bottom:0px;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 .area-more {margin:15px 0 -5px 0; text-align: center;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 .area-more .btn-more03 {position: relative;display: block;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 .area-more .btn-more03:after {content:'';width:32px;height:32px;position:absolute ;top:50%;left:50% ;margin:-15px 0px 10px 43px;display:inline-block;background-image:url(../img/bg_shapes_sprite.png?version=201802081020);background-repeat:no-repeat;background-position:-352px -32px;background-size:640px auto;vertical-align:middle;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 .area-more .btn-more03.hide:after {background-position:-384px -32px;margin-left:38px;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 .list-cont a {display: block;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 .list-cont .list-tit {float: left;width: calc(100% - 130px);padding-top: 10px;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 .list-cont .list-tit h3 {height:1.4em;line-height:1.4em;margin:0px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;color:#222;font-size:16px;font-weight:300;overflow:hidden;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 .list-cont .list-tit span{font-size:11px; color:#999; padding-top: 10px;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 dt{font-size: 0px; text-align: right;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 dd .btn-sns02{width:40px;height:40px;display: inline-block;position: relative;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 dd .btn-sns02 em {width:40px;height:40px; font-size:0;display: inline-block;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 dd .btn-sns02 em:before {content:'';width:40px;height:40px;display:block;position:absolute;top:0;left:0;background-image:url(../img/bg_sns_sprite.png?version=201804231100);background-repeat:no-repeat;background-position:-65px -203px;background-size:640px auto;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 dd .btn-sns02.icon-k em:before{background-position:-65px -203px;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 dd .btn-sns02.icon-f em:before{background-position:-130px -203px;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 dd .btn-sns02.icon-n em:before{background-position:-195px -203px;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 dd .btn-sns02.icon-url em:before{background-position:-390px -203px;} @media (max-width:768px) { .page-socialmedia .cont-ADPage .box-type02.chrome-down .banner-chrome {display:none !important;} .page-socialmedia .cont-ADPage .box-type02.chrome-down {padding-right:10px !important;} } /***CPS 타이틀 수정 ***/ .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 dl.list-footer.s1 span.btn-modify {display: block; text-align: right;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 dd .btn-sns02.icon-modify em:before{background-position:-455px -203px;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 .area-modify {display: none; position:absolute; top:0; left:0; width: 100%; background: #fff;padding: 10px 0;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 .area-modify.show{display: block;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 .area-modify .input-txt input{position: relative; padding:7px; border:1px solid #e9e9e9; background:#f8f8f8; font-size:15px; border-radius:3px;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 .area-modify .input-txt input:focus {padding-right:34px; border-color:#01bdce;color:#01bdce;background-color: #fffff5;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 .area-modify .input-txt input[disabled], .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 .area-modify .input-txt input[readonly] {padding:7px; font-size:15px;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 .area-modify .input-txt:after {height:0px;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 .area-modify .input-txt input + button.btn-delete {right:0px; margin-top: -18px;} @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 dd .btn-sns02 em:before{background-image:url(../img/bg_sns_sprite@2x.png?version=201804261100);} .page-socialmedia .cont-ADPage .box-type02.chrome-down .banner-chrome > p:after {background-image:url(../img/img_chrome@2x.png?version=201803061530);} .page-socialmedia .list-type.s5 .list-tit span:last-child:after {background-image:url(../img/bg_icon_sprite@2x.png?version=201809201100);} } .page-socialmedia .bg-video-fb .list-type h2.list-tit { margin-top:10px;-webkit-line-clamp:1;} .page-socialmedia .bg-video-fb .list-type h2.list-tit {height:1.4em;} .page-socialmedia .bg-msg fieldset.form-type {padding:0;} .page-socialmedia .bg-msg textarea[readonly] {background-color:#f7f7f7 !important;color:#888 !important;} .page-socialmedia .bg-msg .input-add { padding:0 15px 5px 15px;background-color:#f7f7f7;border:1px solid #eee;} .page-socialmedia .bg-msg .input-add + .input-add {margin-top:10px;} .page-socialmedia .bg-msg .input-add .input-txt input {padding:6px 0 5px 0;} .page-socialmedia .bg-msg .input-add .btn-wrap.s1 {width:78px; margin:5px 0px 0px 0px;} .page-socialmedia .bg-msg .input-add .btn-type, .page-socialmedia .bg-msg .input-add .btn-type02{min-width: 72px; margin:3px 0 3px 5px;padding:8px 15px;} .page-socialmedia .bg-msg .input-add .btn-wrap.s7 .btn-type03 {background-color:#fff;color:#00bdcd;} .page-socialmedia .bg-msg .input-add02 {margin-top: 15px; padding:0 10px;background-color:#f7f7f7;border:1px solid #eee;} .page-socialmedia .bg-msg .input-add02 .box-type.s1 {padding:5px 10px 5px 35px !important;} .page-socialmedia .bg-msg .input-add02 .box-type.s1 .form-tit {font-size:15px; font-weight: 300;} .page-socialmedia .bg-msg .input-add02 .txt-type02 {background-color:transparent; border-bottom: 1px dotted #ddd;} .page-socialmedia .bg-msg .input-add02 [class^=check-type], [class^=radio-type]{font-size: 14px;} .page-socialmedia .bg-msg .figure-type {max-width:175px;margin:0 auto;} .page-socialmedia .bg-msg .figure-type > a {width:100%;margin:0;display:inline-block;border:0px solid #e4e4e4;} .page-socialmedia .bg-msg .figure-type figure {position:relative;} .page-socialmedia .bg-msg .figure-type figure:before {display:none;} .page-socialmedia .bg-msg .figure-type figure figcaption {width:100%;line-height:30px;position:absolute;left:0;bottom:0;color:#fff;font-size:15px;} .page-socialmedia .bg-msg .figure-type figure img {width:100%;} .page-socialmedia > .txt-type.s1 {max-width:984px;margin:0 auto;} .page-socialmedia .input-add .txt-type02 {padding:8px 0 8px 70px !important;background-color:transparent !important;color:#777;} .page-socialmedia .txt-type02.s5 em {width:62px;position:absolute;top:8px;left:0;margin-right:5px;padding:1px auto;font-size:13px;color:#00bd7f;border:1px solid #00bd7f;text-align:center;border-radius:30px;} .page-socialmedia .txt-type02.s5 em.s1 {color:#ef2c6c;border-color:#ef2c6c;} .page-socialmedia .txt-type02.s5 em.s2 {color:#00bdcd;border-color:#00bdcd;} .page-socialmedia .list-type > a > ul li .tpcall:before, .page-socialmedia .list-type > li > a > ul li .tpcall:before {margin-top:0;top:-7px } .page-socialmedia .list-type > a > ul li .tpcall .txt-mo {display: none;} .page-socialmedia .txt-type04.tpcall {padding-top:0px;} .page-socialmedia .txt-type04.tpcall2 {padding:5px 5px 10px 30px;} .page-socialmedia .bg-img .btn-wrap .btn-type03 {position:relative;} .page-socialmedia .bg-img .btn-wrap .btn-type03.btn-open:after {margin:-2px -50px 0 0;border-top:5px solid #fff;} .page-socialmedia .bg-img .btn-wrap .btn-type03.btn-close:after {margin:-2px -31px 0 0;border-bottom:5px solid #fff;} .page-socialmedia .bg-img .btn-wrap .btn-type03.btn-open:after, .page-socialmedia .bg-img .btn-wrap .btn-type03.btn-close:after {content:"";width:0;height:0;position:absolute;top:50%;right:50%;border-left:4px solid transparent;border-right:4px solid transparent;z-index:3;} .page-socialmedia .cont-visiblePC .input-add .btn-wrap.s1{margin:0px; width:90px; display: inline-block;} .page-socialmedia .cont-visiblePC .input-add .btn-wrap.s1 .btn-size{width:80px !important;margin:3px;} .page-socialmedia .cont-visiblePC .input-add .btn-size {width:105px !important;height:36px!important;} .page-socialmedia .txt-type02.notice {padding-left:35px;margin-bottom:10px;position:relative;font-weight:300;} .page-socialmedia .txt-type02.notice:before {content:'';width:32px;height:32px;position:absolute;top:10px;left:20px;margin:-2px -25px 0 -18px;display:inline-block;background-image:url(../img/bg_icon_sprite.png?version=201801041334);background-repeat:no-repeat;background-position:-416px -32px;background-size:640px auto;vertical-align:middle;} @media (max-width:768px) { .page-socialmedia .bg-msg .input-add .btn-type, .page-socialmedia .bg-msg .input-add .btn-type02{min-width: 60px; margin:3px 0 3px 5px;padding:5px 10px;} .page-socialmedia .bg-msg .input-add .btn-wrap.s1{width:65px;margin:5px 0px 5px 5px;} } /** 비 로그인 시 **/ .page-socialmedia.no-login .txt-type02 {padding:0;background-color:#00bdcd;} .page-socialmedia.no-login .btn-wrap.login {max-width:350px;margin:0 auto;padding:20px 0;} .page-socialmedia.no-login .btn-wrap.login .btn-type02 {background-color:#fff;} /**데일리캡(일일상환금액 소진)종료 알림 **/ .page-socialmedia .txt-type02.s8 {padding:12px 0; margin-top:-12px;margin-bottom:10px;position: relative;text-align: center;} .page-socialmedia .txt-type02.s8:after {display: inline-block; text-decoration: none; position:absolute;z-index:10001;width:0;height:0;color:rgba(0,0,0,0.8);content:"";border:5px solid transparent;top:-10px;right:50%;margin-right:-5px;border-bottom-color:#ef2c6c;} .page-socialmedia .txt-type02.s8 .cont-end{position: relative; margin:0 auto;max-width: 1024px; text-align: left;} .page-socialmedia .txt-type02.s8 .cont-end p {padding-left:55px;} .page-socialmedia .txt-type02.s8 .cont-end p:before {content:'';width:32px;height:32px;position:absolute;top:10px;left:0;margin:-16px -25px 0 30px;display:inline-block;background-image:url(../img/bg_icon_sprite.png?version=201802041334);background-repeat:no-repeat;background-position:-263px -32px;background-size:640px auto;vertical-align:middle;} .page-socialmedia .txt-type02.s8 .cont-end.s1 {position: relative; overflow: hidden;} .page-socialmedia .txt-type02.s8 .cont-end.s1 p{display: inline-block;width: calc(100% - 170px);line-height: 1.6;} .page-socialmedia .txt-type02.s8 .cont-end .btn-type04{float: right;margin: 0;padding:3px 8px;font-size:13px;margin-right: 10px;} /**프론트 스마트 노출 알림 **/ .page-socialmedia .txt-type02.s1 {padding:12px 0; margin-top:-12px;margin-bottom:10px;position: relative;text-align: center;} .page-socialmedia .txt-type02.s1 .cont-end{position: relative; margin:0 auto;max-width: 1024px; text-align: left;} .page-socialmedia .txt-type02.s1 .cont-end p {padding-left:55px;} .page-socialmedia .txt-type02.s1 .cont-end p:before {content:'';width:32px;height:32px;position:absolute;top:10px;left:0;margin:-14px -25px 0 30px;display:inline-block;background-image:url(../img/bg_icon_sprite.png?version=201802041334);background-repeat:no-repeat; background-position: -360px -32px;background-size:640px auto;vertical-align:middle;} .page-socialmedia .txt-type02.s1 .cont-end.s1 {position: relative; overflow: hidden;} .page-socialmedia .txt-type02.s1 .cont-end.s1 p{display: inline-block;width: calc(100% - 150px);line-height: 1.6;} .page-socialmedia .txt-type02.s1 .cont-end .btn-type04{float: right;display: inline-block;margin: 0;padding:3px 8px;font-size:13px;margin-right: 10px;} /** 콘텐츠 박스**/ .page-socialmedia .txt-type02.s7 {padding: 5px 10px; border-radius: 3px;margin-bottom:20px;} .page-socialmedia .txt-type02.s7 em {margin-right:10px;position: relative; font-size:12px;} .page-socialmedia .txt-type02.s7 em:after {content: ""; width:1px; height:0.75em;position: absolute; top:5px; left:23px;; background-color: #fff;opacity:0.5;} /**확장 프로그램 **/ .page-socialmedia .box-type02 .txt-type.btn.s2 {position: relative;padding:8px 100px 15px 0;line-height:1.7em; color:#777;font-size:14px;background: none; border: 0;} .page-socialmedia .box-type02 .txt-type.btn.s3 {position: relative; padding:7px 100px 10px 10px;line-height:27px; color:#36729e;font-size:14px;font-weight: bold;background: none; border: 0;} .page-socialmedia .box-type02 .txt-type.btn.s3:before {content:'';width: 3px; height: 3px; border-radius: 50%; position: absolute; left:2px; top:20px; margin-top: -1px; background-color:#36729e;} .page-socialmedia .tit-type06 + .txt-type.btn {padding-bottom:0 !important;} .page-socialmedia .txt-base p strong {font-size: 13px;} .page-socialmedia .box-type02 .banner-chrome.ad{margin:5px 0;padding:2px 8px;width: 92px;/** position: absolute;right: 0;top:0; **/text-align: center; background: #3271a2; color:#fff;font-size:13px; border-radius: 2px; text-decoration: none;box-sizing: border-box;} .page-socialmedia .box-type02 .banner-chrome.ad > p {display:none; width:240px;line-height:1.5;padding:10px 15px;position:absolute;top:53px; left:-5px;;background-color:#fff;border:1px solid #667281;border-radius:5px;font-size:13px;color:#1e659a !important;text-align:left;box-shadow:0 2px 2px 5px rgba(0,0,0,0.05);box-sizing:border-box; z-index: 11;} .page-socialmedia .box-type02 .banner-chrome.ad > p:before {content:'';width:10px;height:10px;margin:0 -5px;display:block;position:absolute;top:-3px;left:10%;border-radius: 0; background-color:#fff;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);} .page-socialmedia .box-type02 .banner-chrome.ad > p:after {content:'';width:100%;height:40px;margin-top:10px;display:block;background-image:url(../img/img_chrome_prohibition.png?version=201803211530);background-repeat:no-repeat;background-position:-20px 0;background-size:230px auto;} .page-socialmedia .box-type02 .banner-chrome.ad:hover > p {display:block;} .page-socialmedia .box-type02 .banner-chrome.ad {display:block!important;} .page-socialmedia .box-type02 .txt-type.btn.s1{position: relative;padding:0px 100px 10px 10px;;line-height:1.7em; color:#999;font-size:13px;background: none; border: 0;} .page-socialmedia .box-type02 .txt-type.btn.s1:before {content:'';width: 3px; height: 3px; border-radius: 50%; position: absolute; left:2px; top:10px; margin-top: -1px; background-color: #999;} .page-socialmedia .box-type02 .txt-type.btn .tit-pos {position: absolute;top:-5px;right:0;} .page-socialmedia .cont-tit.s1 {background-image: url(../img/bg_tit_cr.png); background-position: center -18px;; background-repeat: no-repeat;background-size: 300px auto;} @media (max-width:919px) { .page-socialmedia li.show .box-type02 {max-width:700px;} } @media (min-width:768px) { .page-socialmedia.no-login .btn-move {top:460px;} .page-socialmedia.suggest_usp .btn-move {top:420px;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 dd .btn-sns02.icon-k{display: none;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .input-type {max-width:700px;margin:0 auto;} } /*** mobile ***/ @media (max-width:768px) { #ADNotice .cont-type03.box-type02 .cont-type03 {padding:15px 10px !important;} .page-socialmedia .cont-visiblePC {display:none;} .page-socialmedia.no-login .btn-wrap.login {padding:20px 10px;max-width:none;} .page-socialmedia .txt-type02.s1, .page-socialmedia .txt-type02.s8{margin-top:-7px;} .page-socialmedia .txt-type02.s1 .cont-end p, .page-socialmedia .txt-type02.s8 .cont-end p{margin-top: 3px;padding-left:33px;padding-right: 10px;font-size: 12px;} .page-socialmedia .txt-type02.s1 .cont-end p:before, .page-socialmedia .txt-type02.s8 .cont-end p:before {margin-left:7px;} .page-socialmedia .txt-type02.s8 .cont-end.s1 p{width: calc(100% - 150px);} .page-socialmedia .cont-ADPage .box-type02 {padding:10px !important;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .form-norecent {font-size:13px;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 .area-more {margin:15px 0 5px 0;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 .list-cont .list-tit h3 {height:2.8em;-webkit-line-clamp:2; font-size:14px;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 dl.list-footer {margin-top:10px;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 dl.list-footer.s1 {margin-top:0px !important;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .result-page .list-type02 dd .btn-sns02.icon-n{display: none;} .page-socialmedia .cont-ADPage .cont-type08#ADPage .txt-base.s5 {font-size:13px;} .page-socialmedia .box-type02 .txt-type.btn.s2{display: none;} .page-socialmedia .box-type02 .txt-type.btn.s1 {padding:8px 0px 10px 10px} .page-socialmedia .box-type02 .txt-type.btn.s1:before {top:18px;} .page-socialmedia .box-type02 .txt-type.btn .tit-pos {top:0px;} .page-socialmedia .box-type02 .txt-type.btn.s3 {padding: 0px 100px 15px 10px; } .page-socialmedia .box-type02 .txt-type.btn .tit-pos.s1{display: inline-block;} .page-socialmedia .btn-excel {display:none;} .page-socialmedia .list-type > a, .page-socialmedia .list-type > li > a {min-height: 156px;} .page-socialmedia .list-type > a > ul li, .page-socialmedia .list-type > li > a > ul li {white-space:normal; line-height: 1.3; margin:4px 0;} .page-socialmedia .list-type > a > ul li.txt-desc, .page-socialmedia .list-type > li > a > ul li.txt-desc {white-space:nowrap;} .page-socialmedia .box-type02 .tx-chrome {display: none;} .page-socialmedia .list-type > a > ul li .tpcall, .page-socialmedia .list-type > a > ul li .tpcall .txt-mo{display: inline-block;} .page-socialmedia .list-type > a > ul li .tpcall .tooltipped, .page-socialmedia .list-type > a > ul li.tp .tooltipped, .page-socialmedia .list-type > a > ul li .special-price .tooltipped {border-bottom:1px dotted #999; pointer-events:auto;} } @media (max-width:425px) { .page-socialmedia .box-type02 .txt-type.btn.s3 {padding: 0px 0px 15px 10px; line-height: 1.5em;} .page-socialmedia .box-type02 .txt-type.btn.s3:before{top:10px;} .page-socialmedia .box-type02 .txt-type.btn .tit-pos.s1{position: relative;margin:0;} .page-socialmedia .tit-type06 .btn-excel {display:none;} .page-socialmedia .cont-ADPage .input-type > input.s1{padding:10px 25px 10px 5px;} .page-socialmedia .cont-ADPage .input-type > .btn-type.s1 {font-size:12px;padding:8px 5px;} .page-socialmedia .cont-ADPage .input-type > .btn-delete:before {margin:-16px -10px;} .page-socialmedia .list-type > a > dl dd.icon-os, .page-socialmedia .list-type > li > a > dl dd.icon-os {margin-left:12px;position: absolute; top:110px;left:5px; width:90px; height:20px;} .page-socialmedia .list-type > a, .page-socialmedia .list-type > li > a {min-height: 120px;} .page-socialmedia .txt-type02.s1 span {display: inline;} } @media (max-width:360px) { .page-socialmedia .cont-type08#ADNotice > .cont-tit:before {margin-left:-142px;bottom:12px;} .page-socialmedia .cont-ADPage .cont-type08#ADNotice > .cont-tit:before, .page-socialmedia .cont-ADPage .cont-type08#ADPage > .cont-tit:before{margin-left:-142px;bottom:12px;} .page-socialmedia .cont-ADPage .cont-type08#ADPage > .cont-tit.cps:before{margin-left:-138px;} .page-socialmedia .tit-type06 {font-size:20px;} .page-socialmedia .cont-tit.s1 {background-position: center -25px;} } /*** retina specific ***/ @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { .page-socialmedia .txt-type02.notice:before {background-image:url(../img/bg_icon_sprite@2x.png?version=201801041334);} .page-socialmedia .figure-type.s1 #subwaterfall li.show figure:after {background-image:url(../img/bg_icon_sprite@2x.png?version=201805251104);} .page-socialmedia .figure-type.s1 #subwaterfall li.show .area-download .txt-size:after {background-image:url(../img/bg_icon_sprite@2x.png?version=201805251104);} .page-socialmedia .txt-type02.s8 .cont-end p:before{background-image:url(../img/bg_icon_sprite@2x.png?version=201802041334);} .page-socialmedia .cont-tit.s1 {background-image: url(../img/bg_tit_cr@2x.png); } } /************************************************* 콘텐츠 차단 *************************************************/ .page-socialmediablock .list-type.s5 > a, .page-socialmediablock .list-type.s5 li > a {max-width:700px;} .page-socialmediablock .list-type.s5 > a > ul, .page-socialmediablock .list-type.s5 > li > a > ul {padding-left:0;} /************************************************* USP 제안하기 *************************************************/ .page-socialmedia .list-type.s7 {margin-top:-5px;position:relative;background-color:#fffff5;font-size:13px;overflow: visible;} .page-socialmedia .list-type.s7:after {content:'';display:block;height:1px;border-bottom:1px solid #d7dadd;} .page-socialmedia .list-type.s7 .tooltipped{border-bottom:1px dotted #999} .page-socialmedia .usp-wrap {max-width:1024px;margin:auto;border-top:1px solid #f1f1f1;} .page-socialmedia .list-usp { padding:15px 23px;margin:0 auto;position:relative;border:none;} .page-socialmedia .list-usp dt {display:inline-block;position:relative;color:#555;} .page-socialmedia .list-usp dt .usp-person {display:none;} .page-socialmedia .list-usp dt .txt-usp {padding:10px 0 10px 32px;position:relative;font-size:14px;} .page-socialmedia .list-usp dt .txt-usp:before {content:"";width:32px;height:32px;position:absolute;top:4px;left:0px;background-image:url(../img/bg_icon_sprite.png?version=201712201440);background-repeat:no-repeat;background-position:-415px -267px;background-size:640px;} .page-socialmedia .list-usp dd{position:absolute;right:25px ;top:11px;} .page-socialmedia .list-usp dt .txt-usp .txt-mo {display: none;} .page-socialmedia .list-usp dd .tel-num {position:relative;padding:10px 0 10px 32px;margin-right:10px;} .page-socialmedia .list-usp dd .tel-num:before {content:"";width:32px;height:32px;position:absolute;top:3px;left:0;background-image:url(../img/bg_icon_sprite.png?version=201712201440);background-position:-448px -267px;background-size:640px;} .page-socialmedia .list-usp dd .tel-num a {font-size:15px;} .page-socialmedia .list-usp dd .btn-type02 {padding:1px 8px;margin-top:0;} /*** mobile ***/ @media (max-width:768px) { .page-socialmedia .list-usp {padding:5px 15px 15px;} .page-socialmedia .list-usp dt .usp-person {padding:10px 0 10px 18px;line-height:1.5;display:block;position:relative;font-size:14px;} .page-socialmedia .list-usp dt .usp-person:before {content:"";width:32px;height:32px;position:absolute;top:3px;left:0;margin-left:-15px;background-image:url(../img/bg_icon_sprite.png?version=201712201440);background-repeat:no-repeat;background-position:-608px -267px;background-size:640px;} .page-socialmedia .list-usp dt .txt-usp{padding-left:18px;} .page-socialmedia .list-usp dt .txt-usp:before {left:-16px;} .page-socialmedia .list-usp dt em {display:none;} .page-socialmedia .list-usp dt .txt-usp .txt-mo {display: inline-block;} .page-socialmedia .list-usp dd{right:10px;top:13px;} .page-socialmedia .list-usp dd .tel-num:before {top:3px;} .page-socialmedia .list-usp dd a {font-size:12px;} .page-socialmedia .list-usp dd .btn-type02 { margin-top:0px;} .page-socialmedia .list-type.s7 .tooltipped-s:after{right:-80%;} } @media (max-width:425px) { .page-socialmedia .list-usp {padding:2px 0 15px 16px;} .page-socialmedia .list-usp dd{right:10px;top:10px;} .page-socialmedia .list-usp dt .usp-person, .page-socialmedia .list-usp, .page-socialmedia .list-usp dd .tel-num a {font-size:12px;} .page-socialmedia .list-usp dd .tel-num {margin-right:5px;} } @media (max-width:380px) { .page-socialmedia .list-usp dd .btn-type02 em {display:none;} } /*** retina specific ***/ @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { .page-socialmedia .list-usp dt .usp-person:before, .page-socialmedia .list-usp dt .txt-usp:before, .page-socialmedia .list-usp dd .tel-num:before {background-image:url(../img/bg_icon_sprite@2x.png?version=201712201440);} } /************************************************* 스페셜 공개신청 *************************************************/ .page-socialmedia .list-type.s8 {margin-top:-5px;position:relative;background-color:#9786da;font-size:13px;overflow: visible;} .page-socialmedia .list-type.s8:after {content:'';display:block;height:1px;border-bottom:1px solid #d7dadd;} .page-socialmedia .list-type.s8 .tooltipped{border-bottom:1px dotted #fff;} .page-socialmedia .list-usp.s1 dt .txt-sp-open:before { content: '';width: 32px;height: 32px;position: absolute; top: 18px;left: 0;margin: -14px -25px 0 6px;display: inline-block;background-image: url(../img/bg_icon_sprite.png?version=201808291331);background-repeat: no-repeat;background-position: -360px -32px;background-size: 640px auto;vertical-align: middle;} .page-socialmedia .special-open-wrap {max-width:1024px;margin:auto;} .page-socialmedia .list-usp.s1 { padding:15px 23px;margin:0 auto;position:relative;border:none;} .page-socialmedia .list-usp.s1 dt {display:inline-block;position:relative;color:#fff;} .page-socialmedia .list-usp.s1 dt .txt-sp-open {padding:0px 0 0px 32px;position:relative;font-size:14px;} .page-socialmedia .list-usp.s1 dt .txt-sp-open:before {content:"";width:32px;height:32px;position:absolute;top:8px;left:0px;background-image:url(../img/bg_icon_sprite.png?version=201712201440);background-repeat:no-repeat;background-position:-360px -32px;;background-size:640px;} .page-socialmedia .list-usp.s1 dd{position:absolute;right:25px ;top:50%; margin-top:-20px;} .page-socialmedia .list-usp.s1 dd .tel-num {position:relative;padding:10px 0 10px 32px;margin-right:10px;} .page-socialmedia .list-usp.s1 dd .tel-num:before {content:"";width:32px;height:32px;position:absolute;top:3px;left:0;background-image:url(../img/bg_icon_sprite.png?version=201712201440);background-position:-448px -267px;background-size:640px;} .page-socialmedia .list-usp.s1 dd .tel-num a {font-size:15px;color:#fff;} .page-socialmedia .list-usp.s1 dd .btn-type04 {color: #00bdcd;} /*** mobile ***/ @media (max-width:768px) { .page-socialmedia .list-usp.s1 {padding:10px 15px;} .page-socialmedia .list-usp.s1 dt .usp-person {padding:10px 0 10px 18px;line-height:1.5;display:block;position:relative;font-size:14px;} .page-socialmedia .list-usp.s1 dt .usp-person:before {content:"";width:32px;height:32px;position:absolute;top:3px;left:0;margin-left:-15px;background-image:url(../img/bg_icon_sprite.png?version=201712201440);background-repeat:no-repeat;background-position:-608px -267px;background-size:640px;} .page-socialmedia .list-usp.s1 dt .txt-sp-open{padding:10px 60px 10px 18px; font-size: 13px;} .page-socialmedia .list-usp.s1 dt .txt-sp-open:before {left:-16px;top:18px;} .page-socialmedia .list-usp.s1 dd .tel-num:before {top:3px;} .page-socialmedia .list-usp.s1 dd a {font-size:12px;} .page-socialmedia .list-usp.s1 dd{right:10px;} } @media (max-width:425px) { .page-socialmedia .list-usp.s1 {padding:2px 0 2px 16px;} .page-socialmedia .list-usp.s1 dt .usp-person, .page-socialmedia .list-usp.s1, .page-socialmedia .list-usp.s1 dd .tel-num a {font-size:12px;} .page-socialmedia .list-usp.s1 dd .tel-num {margin-right:5px;} } @media (max-width:380px) { .page-socialmedia .list-usp.s1 dd .btn-type02 em {display:none;} } /*** retina specific ***/ @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { .page-socialmedia .list-usp.s1 dt .usp-person:before, .page-socialmedia .list-usp.s1 dt .txt-usp:before, .page-socialmedia .list-usp.s1 dd .tel-num:before {background-image:url(../img/bg_icon_sprite@2x.png?version=201712201440);} } /************************************* 스페셜 공개 신청 결과 **************************************/ .page-socialmedia .txt-type02 {padding:0px;} .page-socialmedia .txt-type02 .area-cont {max-width:1024px;margin:0 auto;padding:0 0px;} .page-socialmedia .txt-type02.s16 {border-bottom:1px solid #e8ecef;background: #9786db;} /**상태 cont-state**/ .page-socialmedia .txt-type02 .cont-state {padding:15px 10px 15px 70px;margin:0 auto;position:relative;font-size:14px;font-weight:300;line-height:1.5;} .page-socialmedia .txt-type02 .cont-state:before {content:'반려'; margin:0px 5px 0 25px;position:absolute;top:17px;left:0;padding:0px 6px;display:inline-block;font-size:12px;border-radius:30px;background-color:#ff5f7b;; color:#fff;;} .page-socialmedia .txt-type02.mark-inspection .cont-state{padding-left:80px;} .page-socialmedia .txt-type02.mark-reinspection .cont-state {padding-left:90px;} .page-socialmedia .txt-type02.mark-apply .cont-state:before {content:'승인';background-color:#8ed344;} .page-socialmedia .txt-type02.mark-inspection .cont-state:before {content:'심사 중';background-color:#ffae00;} .page-socialmedia .txt-type02.mark-reinspection .cont-state:before {content:'재심사 중 ';background-color:#ffae00;} /**사유 **/ .page-socialmedia .txt-type02 .txt-wrap { font-size:13px;background:#f5f8fa;color:#777;border-bottom:1px solid #ececec;} .page-socialmedia .txt-type02 .txt-wrap .txt-reason {max-width:1024px;padding:5px 20px;margin:0 auto;overflow:hidden;} .page-socialmedia .txt-type02 .txt-wrap .txt-reason .cont {margin-left:50px;margin:0 auto;padding:0px;position:relative;line-height:1.4em;height:0px;display:block;text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;} .page-socialmedia .txt-type02 .txt-wrap .txt-reason .cont:before{content:'└ 사유 : ' ;color:#00cbaf;font-size:13px;position:absolute;top:5px;left:25px;} .page-socialmedia .txt-type02.s1 .txt-wrap .txt-reason .cont:before {color:#ffb13d;} .page-socialmedia .txt-type02 .txt-wrap .txt-reason .cont.show {height:auto;-webkit-line-clamp:initial;padding:5px 10px 10px 70px;} /**사유-내용보기 버튼 **/ .page-socialmedia .txt-type02 .txt-wrap .txt-reason .btn-wrap01 {text-align:center;} .page-socialmedia .txt-type02 .txt-wrap .txt-reason .btn-open {width:100%;padding:8px 0;display:block;border-radius:3px;} .page-socialmedia .txt-type02 .txt-wrap .txt-reason .btn-open span {position:relative;margin-right:20px;} .page-socialmedia .txt-type02 .txt-wrap .txt-reason .btn-open span:after {content:'';width:32px;height:32px;margin:-16px 20px;display:inline-block;position:absolute;top:50%;left:50%;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-224px -32px;background-size:640px auto;} .page-socialmedia .txt-type02 .txt-wrap .txt-reason .btn-open.hide span:after {background-position:-256px -32px;} .page-socialmedia .txt-type02 .cont-state .btn-wrap {position:absolute;right:0px;top:50%;margin-top:-22px;margin-right: 20px;} .page-socialmedia .txt-type02 .btn-close {position:absolute;top:50%;right:10px;margin-top: -25px;;width:50px;height:50px;font-size:0;line-height:0;} .page-socialmedia .txt-type02 .btn-close:before {content:'';width:32px;height:32px;margin:-16px;display:block;position:absolute;top:50%;left:50%;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-64px 0;background-size:640px auto;} .page-socialmedia .txt-type02 .cont-state .btn-type04 {background:#fff;border:1px solid #fff;color:#00bdcd;} @media (max-width:768px) { .page-socialmedia .txt-type02 .cont-state {padding:15px 10px 15px 45px;font-size:13px;} .page-socialmedia .txt-type02 .cont-state:before {margin:0px 5px 0 5px;} .page-socialmedia .txt-type02.mark-inspection .cont-state {padding-left:60px;} .page-socialmedia .txt-type02.btn .cont-state {padding-right:80px;} .page-socialmedia .txt-type02.mark-reinspection .cont-state {padding-left:70px;} .page-socialmedia .txt-type02 .cont-state .btn-wrap {position: absolute;right: -40px;top: 50%;margin-top: -20px;margin-right: 50px;} .page-socialmedia .txt-type02 .btn-close{right:0px;} .page-socialmedia .txt-type02 .txt-wrap .txt-reason .cont.show {padding:5px 0px 10px 50px;} .page-socialmedia .txt-type02 .txt-wrap .txt-reason .cont:before{left:0;} .page-socialmedia .txt-type02 .cont-state .btn-type04 {font-size:13px;} } /************************************************* 알람켜기-툴팁 *************************************************/ .page-analytics .list-type .area-alert{margin: 10px;padding: 10px; position: absolute;top: -12px;right:35px;width: 220px; background:rgba(17, 39, 86, 0.8);;color:#fff;border-radius: 5px;box-shadow:1px 1px rgba(0,0,0,0.3);z-index: 10;} .page-analytics .list-type .area-alert:before {position:absolute;z-index:1000001;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;top:50%;bottom:50%;right:-10px;margin-top:-5px;border-left-color:rgba(17, 39, 86, 0.8);} .page-analytics .list-type .area-alert p{display: inline-block; width: calc(100% - 30px);} .page-analytics .list-type .area-alert .btn-close {position:absolute;top:0;right:0px;width:50px;height:50px;font-size:0;line-height:0;} .page-analytics .list-type .area-alert .btn-close:before {content:'';width:32px;height:32px;margin:-16px;display:block;position:absolute;top:50%;left:50%;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-64px 0;background-size:640px auto;} @media (max-width:768px) { .page-analytics .list-type .area-alert{right:20px;} .page-analytics .list-type .area-alert p{display: inline-block; width: calc(100% - 20px);} } /************************************************* CPS2차- 인기상품/ 실시간 상품 *************************************************/ .page-socialmedia .cont-type08 .box-goods {margin: 20px 0 10px 0;overflow: hidden;position: relative;} .page-socialmedia .cont-type08 .box-goods .wrap-btn-prev, .page-socialmedia .cont-type08 .box-goods .wrap-btn-next {display: inline-block; position: absolute; top:0; width:40px; height:180px;border-radius: 5px} .page-socialmedia .cont-type08 .box-goods .wrap-btn-prev { left:0} .page-socialmedia .cont-type08 .box-goods .wrap-btn-next {right:0} .page-socialmedia .cont-type08 .box-goods .wrap-btn-next .btn-arr03 {position: relative; width: 100%; height: 100%;} .page-socialmedia .cont-type08 .box-goods .btn-arr03:before{content:"";width:32px;height:32px;position:absolute;top:50%;left:50%;margin:-32px 0 0 -16px;;background-image:url(../img/bg_shapes_sprite.png);background-position:-576px -32px;background-size:640px;} .page-socialmedia .cont-type08 .box-goods .wrap-btn-next .btn-arr03:before {background-position:-608px -32px;} .page-socialmedia .cont-type08 .box-goods .cont-photo {margin:0 auto; text-align: center; overflow: hidden} .page-socialmedia .cont-type08 .box-goods .cont-photo ul {margin: 0 auto; height: 180px;} .page-socialmedia .cont-type08 .box-goods .cont-photo li{float: left; margin:0 10px;width: 126px;display: inline-block;} .page-socialmedia .cont-type08 .box-goods .cont-photo li .list-photo, .page-socialmedia .cont-type08 .box-goods .cont-photo li .list-photo img{width: 126px; height: 126px;} .page-socialmedia .cont-type08 .box-goods .cont-photo li .list-txt {padding:0;height:2.6em;line-height:1.3em;margin:5px 0 5px;text-align: left;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;color:#555;font-size:13px;font-weight:300;overflow:hidden; } /*** mobile ***/ @media (max-width:768px) { .page-socialmedia .cont-type08 .box-goods .wrap-btn-prev, .page-socialmedia .cont-type08 .box-goods .wrap-btn-next {width:30px; height:130px;} .page-socialmedia .cont-type08 .box-goods .cont-photo { height: 130px; } .page-socialmedia .cont-type08 .box-goods .cont-photo li{width: 85px;} .page-socialmedia .cont-type08 .box-goods .cont-photo li .list-photo, .page-socialmedia .cont-type08 .box-goods .cont-photo li .list-photo img{width: 85px; height: 85px;} } @media (max-width:480px) { .page-socialmedia .cont-type08 .box-goods .cont-photo li{width:85px;margin:0 5px;} .page-socialmedia .cont-type08 .box-goods .cont-photo li .list-photo, .page-socialmedia .cont-type08 .box-goods .cont-photo li .list-photo img{width: 85px; height: 85px;} } /************************************************* 캠페인 분석 보고서 *************************************************/ .page-analytics .btn-wrap, .page-analytics .cont-type07 {max-width:1024px;margin:0 auto;} .page-analytics .cont-type07 {padding:0 20px;} .page-analytics .cont-type07 .tbl-type tbody.tbl-toggle tr{display:none; } .page-analytics .cont-type07 .tbl-type tbody.tbl-toggle tr:first-child {display: table-row;} .page-analytics .cont-type07 .tbl-type tbody.tbl-ellipsis tr:first-child td{background: #fffee4;} .page-analytics .cont-type07 .tbl-type tbody.tbl-ellipsis.tbl-toggle tr:first-child td{background: #fff;} .page-analytics .cont-type07 .btn-wrap.s7 {padding-bottom: 0;} .page-analytics .cont-type07 .btn-wrap.s7 .btn-type03.btn-close, .page-analytics .cont-type07 .btn-wrap.s7 .btn-type03.btn-open{position: relative;font-size: 14px;} .page-analytics .cont-type07 .btn-wrap.s7 .btn-type03.btn-close:after, .page-analytics .cont-type07 .btn-wrap.s7 .btn-type03.btn-open:after{content:"";width:0;height:0;position:absolute;top:50%;right:50%;margin:-2px -80px 0 0;border-left:4px solid transparent;border-right:4px solid transparent;z-index:3;} .page-analytics .cont-type07 .btn-wrap.s7 .btn-type03.btn-open:after {border-top:5px solid #fff;} .page-analytics .cont-type07 .btn-wrap.s7 .btn-type03.btn-close:after {border-bottom:5px solid #fff;} /******************** 데일리캡(일일상환금액 소진)종료 알림 ****************************/ .page-analytics .txt-type02.s8 {padding:12px 0; margin-top:-12px;margin-bottom:10px;position: relative;text-align: center;} .page-analytics .txt-type02.s8:after {display: inline-block; text-decoration: none; position:absolute;z-index:1000001;width:0;height:0;color:rgba(0,0,0,0.8);content:"";border:5px solid transparent;top:-10px;right:50%;margin-right:-5px;border-bottom-color:#ef2c6c;} .page-analytics .txt-type02.s8 .cont-end{position: relative; margin:0 auto;max-width: 1024px; text-align: left;} .page-analytics .txt-type02.s8 .cont-end p {padding-left:63px;} .page-analytics .txt-type02.s8 .cont-end p:before {content:'';width:32px;height:32px;position:absolute;top:50%;left:0;margin:-16px -25px 0 32px;display:inline-block;background-image:url(../img/bg_icon_sprite.png?version=201802041334);background-repeat:no-repeat;background-position:-263px -32px;background-size:640px auto;vertical-align:middle;} .page-analytics .txt-type02.s8 .cont-end.s1 {position: relative; overflow: hidden;} .page-analytics .txt-type02.s8 .cont-end.s1 p{display: inline-block;width: calc(100% - 175px);line-height: 1.6;} .page-analytics .txt-type02.s8 .cont-end .btn-type04{float: right;margin: 0;padding:3px 8px;font-size:13px;margin-right: 10px;} .page-analytics .list-type > a > ul li .tpcall .txt-mo {display: none;} .page-analytics .cont-chart .text-strong {font-weight: bold;color: #ffe8ab;} /******************** 비즈 마케터 보너스 지급 기능 ****************************/ .page-analytics .txt-type02.s5.point {padding:12px 0; margin-top:0px;margin-bottom:0px;position: relative;text-align: center;} .page-analytics .txt-type02.s5.point .cont-point{position: relative; margin:0 auto;max-width: 1024px; text-align: left;} .page-analytics .txt-type02.s5.point .cont-point p{padding-left:63px;} .page-analytics .txt-type02.s5.point .cont-point p:before {content:'';width:32px;height:32px;margin:-16px -25px 0 25px; display:inline-block;position:absolute;top:50%;left:0;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-352px -32px;background-size:640px auto;vertical-align:middle;z-index:1;} /******************** 단가 상승 요청 ****************************/ /** .cont-notice : s1:오렌지 반려 s2:그레이 심사중 s6:그린 적용 s7:그린 부분 적용 .s4 .cont-notice:네이비 콘텐츠 진입 안내 .s5 .cont-notice:노랑 최근 30일 기준 요청 안내 **/ .page-analytics .txt-type02 {padding:0px;} .page-analytics .txt-type02 .area-cont {max-width:1024px;margin:0 auto;padding:0 0px;} .page-analytics .txt-type02.s5 {margin-top:40px;} .page-analytics .txt-type02.s1 {background:#ffb13d;} /**안내 cont-notice**/ .page-analytics .txt-type02 .cont-notice { padding:15px 0 15px 54px;position:relative;color:#fff;font-size:15px;font-weight:300;overflow:hidden;} .page-analytics .txt-type02.s4 .cont-notice:before, .page-analytics .txt-type02.s5 .cont-notice:before {content:'';width:32px;height:32px;margin:0px -25px 0 25px; display:inline-block;position:absolute;top:9px;left:0;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-352px -32px;background-size:640px auto;vertical-align:middle;z-index:1;} .page-analytics .txt-type02.s4.app-notice {margin-top: 25px;} .page-analytics .txt-type02.s4.app-notice .cont-notice {padding: 15px 40px 15px 65px; text-align: left;} .page-analytics .txt-type02.s4.app-notice .cont-notice p{line-height: 1.8;} .page-analytics .txt-type02.s4.app-notice .cont-notice:before {content:'TIP';padding: 5px 8px;margin: -10px -25px 0 20px;width:auto;height: 10px;display:inline-block;position:absolute;top: 50%;left:0;background-color: #fff;line-height: 0.7; border-radius: 50px;color:#21396a;vertical-align:middle;z-index:1;font-size: 13px;font-weight:600;} .page-analytics .txt-type02.s4.app-notice .btn-close {top:50%;right: 20px;margin-top: -25px;} .page-analytics .txt-type02.s4 .cont-notice li:first-child {line-height:1.4;} .page-analytics .txt-type02.s4 .cont-notice li:last-child {position:absolute;right:0px;top:0px;} .page-analytics .txt-type02.s4 .cont-notice li:before {display:none;} .page-analytics .txt-type02.s4 .cont-notice [class^=btn-type].auto{margin-right:10px;} .page-analytics .txt-type02.class-notice {margin-top:20px;} .page-analytics .txt-type02 .cont-class { padding:15px 100px 15px 20px;position:relative;color:#222;font-size:20px;font-weight:300;overflow:hidden;} .page-analytics .txt-type02 .cont-class span{font-size:15px; padding:5px 0;color:#555; display: black;} .page-analytics .txt-type02 .cont-class p{padding:5px 0;} .page-analytics .txt-type02 .cont-class .btn-type {position: absolute; top:50%; margin-top:-18px; right:20px;} .page-analytics .txt-type02 .cont-class .btn-type.s1{background: #555; border-color:#555;} @media (max-width:768px) { .page-analytics .txt-type02.s4.app-notice .cont-notice {padding: 15px 40px 15px 50px;} .page-analytics .txt-type02.s4.app-notice .cont-notice:before {margin: 0 -25px 0 10px;top: 18px;font-size:12px;} .page-analytics .txt-type02.s4.app-notice .cont-notice p{line-height: 1.6;} .page-analytics .txt-type02.s4.app-notice .cont-notice .btn-link {display: inline-block;word-wrap: normal;} .page-analytics .txt-type02 .cont-class { padding:10px;font-size:17px;font-weight:300;text-align: center;overflow:hidden;} .page-analytics .txt-type02 .cont-class span{font-size:12px; } .page-analytics .txt-type02 .cont-class .btn-type {position: relative; margin-top:10px; top:0; right:0;} } /**상태 cont-state**/ .page-analytics .txt-type02 .cont-state {padding:15px 10px 15px 70px;margin:0 auto;position:relative;font-size:15px;font-weight:300;line-height:1.5;} .page-analytics .txt-type02 .cont-state:before {content:'반려'; margin:0px 5px 0 25px;position:absolute;top:17px;left:0;padding:0px 6px;display:inline-block;font-size:12px;border-radius:30px;border:1px solid #fff;color:fff;} .page-analytics .txt-type02.s2 .cont-state {padding-left:80px;} .page-analytics .txt-type02.s2 .cont-state:before {content:'심사 중';} .page-analytics .txt-type02.s6 .cont-state:before {content:'적용';} .page-analytics .txt-type02.s6.c1 .cont-state {padding-left:90px;} .page-analytics .txt-type02.s6.c1 .cont-state:before {content:'부분 적용';} /**사유 **/ .page-analytics .txt-type02 .txt-wrap { font-size:13px;background:#f5f8fa;color:#777;border-bottom:1px solid #ececec;} .page-analytics .txt-type02 .txt-wrap .txt-reason {max-width:1024px;padding:5px 20px;margin:0 auto;overflow:hidden;} .page-analytics .txt-type02 .txt-wrap .txt-reason .cont {margin-left:50px;margin:0 auto;padding:0px;position:relative;line-height:1.4em;height:0px;display:block;text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;} .page-analytics .txt-type02 .txt-wrap .txt-reason .cont:before{content:'└ 사유 : ' ;color:#00cbaf;font-size:13px;position:absolute;top:5px;left:25px;} .page-analytics .txt-type02.s1 .txt-wrap .txt-reason .cont:before {color:#ffb13d;} .page-analytics .txt-type02 .txt-wrap .txt-reason .cont.show {height:auto;-webkit-line-clamp:initial;padding:5px 10px 10px 70px;} /**사유-내용보기 버튼 **/ .page-analytics .txt-type02 .txt-wrap .txt-reason .btn-wrap01 {text-align:center;} .page-analytics .txt-type02 .txt-wrap .txt-reason .btn-open {width:100%;padding:8px 0;display:block;border-radius:3px;} .page-analytics .txt-type02 .txt-wrap .txt-reason .btn-open span {position:relative;margin-right:20px;} .page-analytics .txt-type02 .txt-wrap .txt-reason .btn-open span:after {content:'';width:32px;height:32px;margin:-16px 20px;display:inline-block;position:absolute;top:50%;left:50%;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-224px -32px;background-size:640px auto;} .page-analytics .txt-type02 .txt-wrap .txt-reason .btn-open.hide span:after {background-position:-256px -32px;} .page-analytics .txt-type02 .cont-state .btn-wrap {position:absolute;right:0px;top:50%;margin-top:-24px;margin-right: 20px;} .page-analytics .txt-type02 .btn-close {position:absolute;top:0;right:10px;width:50px;height:50px;font-size:0;line-height:0;} .page-analytics .txt-type02 .btn-close:before {content:'';width:32px;height:32px;margin:-16px;display:block;position:absolute;top:50%;left:50%;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-64px 0;background-size:640px auto;} .page-analytics .txt-type02 .cont-state .btn-type04 {background:#fff;border:1px solid #fff;color:#00bdcd;} .page-analytics .radio-type02 > label.check {border-color:#00bdcd;background-color:#00bdcd;color:#fff;} .page-analytics .btn-wrap.s1 > .check-type label , .page-analytics .btn-wrap.s1 .check-type label {margin-right:10px;color:#555;font-size:14px;} .page-analytics .btn-wrap.s1 .radio-type label, .page-analytics .btn-wrap.s1 > .radio-type label {color:#555;font-size:14px;} .page-analytics .btn-wrap.s1 > .btn-excelview {float:right;display: inline-block;width:auto;margin:0;padding:7px 12px;font-size:14px;} .page-analytics .btn-wrap.s1 > .btn-crosscheck {float:right;display: inline-block; width:auto;margin:0;margin-right: 10px; padding:7px 12px;font-size:14px;} .page-analytics .btn-wrap.s1 {padding-bottom:10px;} .page-analytics .btn-wrap.s6 > .btn-excelview, .page-analytics .btn-wrap.s6 > .btn-crosscheck{width:auto;margin:0;padding:7px 12px;position:absolute;top:-46px;right:0;font-size:14px;} .page-analytics .btn-wrap.s5 .form-search .input-date-wrap {margin:10px 0;} .page-analytics .btn-wrap.s5 .form-search .input-date-wrap [class^=check-type]:not(div), .page-analytics .btn-wrap.s5 .form-search .input-date-wrap [class^=radio-type]:not(div) {margin-right:0;} .page-analytics .btn-wrap.s5 .form-search .input-date-wrap [class^=check-type]:not(div):last-child, .page-analytics .btn-wrap.s5 .form-search .input-date-wrap [class^=radio-type]:not(div):last-child {margin-right:5px;} .page-analytics .section {overflow:hidden;} .page-analytics .cont-type07:nth-child(2) .tit-type03 {margin:20px 0 15px;} .page-analytics .cont-type07{position: relative;} .page-analytics .cont-type07 .tit-type03 {margin:40px 0 15px;} .page-analytics .cont-type07 .area-right{position: absolute; right: 20px; top:-10px;} .page-analytics .cont-type07 .area-right .btn-type.c3{padding:6px 12px 6px 32px;border-radius: 3px;} .page-analytics .cont-type07 .area-right .btn-type.c3:before {content:''; width:32px;height:32px;margin:-18px 0;display:block;position:absolute;top:50%;left:8px;background-image:url(../img/bg_icon_sprite.png?version=201808201120); background-repeat:no-repeat;background-position:-516px -64px;background-size:640px auto;} .page-analytics .cont-chart {width:100%;margin-top:30px;} .page-analytics .cont-chart .no-data {line-height:500px;font-size:16px;text-align:center;background-color:#fafafa;} .page-analytics .section-cont {float:left;width:50%;margin:30px 0;padding-right:10px;box-sizing:border-box;} .page-analytics .section-cont.s1 {float:right;padding-right:0;padding-left:10px;} .page-analytics .input-date-wrap select {width:130px;height:0;line-height:0;font-size:0;opacity:0;} .page-analytics .div-wrap { margin-top:40px;min-height: 115px; padding:30px 20px;position:relative;background-color:#f3f7fa;text-align:center;box-sizing: border-box; overflow: hidden;} .page-analytics .txt-type02.s5 + .div-wrap.s1{margin-top:0;} .page-analytics .div-wrap.s1 { background-color:#fffee4;} .page-analytics .div-wrap:before {content:" ";display:table;} .page-analytics .div-wrap:after {content:" ";display:table;clear:both;} .page-analytics .div-wrap .tit-type03 {width:170px;height:100%;margin:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:box;-webkit-box-pack:center;-webkit-box-orient:vertical;/*align-items:center;*/justify-content:center;-ms-flex-direction:column;position:absolute;top:0;left:20px;text-align:left;color:#333;font-size:18px;word-break:break-all;} .page-analytics .div-wrap .tit-type03.s1 {height: 130px;} .page-analytics .div-wrap .tit-type03:after {content:'';width:1px;height:67px;position:absolute;top:35px;right:-15px;background-color:rgba(0,0,0,0.2);} /*****/ .page-analytics .div-wrap .div-report{ /*position: absolute0;*/float:right;right:10px;padding:0px 30px;width:calc(100% - 220px);margin-bottom:-5px;text-align:left;/*background: rgba(256,256,256,0.9); border: 1px solid #eaeaea; */box-sizing: border-box; z-index: 100;} .page-analytics .div-wrap .div-report h2{margin: 0 auto; width: 100%;text-align: center; margin-bottom:15px; color:#333; font-size:23px; font-weight: 300;} .page-analytics .div-wrap .div-report h2:before{content:'';width:96px;height:96px;margin:0 auto 8px;display:block;background-image:url(../img/bg_iconlayer_sprite.png?version=201812281600);background-repeat:no-repeat;background-position:-96px 0;background-size:640px auto;} .page-analytics .div-wrap .div-report h2:after {content:'';width:25px;height:1px;margin:15px auto 0;display:block;background-color:#222;} .page-analytics .div-wrap .div-report h2.s1{text-align: left;padding-left:96px;margin-bottom: 30px; padding-top:20px; position: relative;box-sizing: border-box;} .page-analytics .div-wrap .div-report h2.s1:before{content:'';position: absolute;;left:-5px;top:0px; width:96px;height:96px;display:inline-block;background-image:url(../img/bg_iconlayer_sprite.png?version=201812281600);background-repeat:no-repeat;background-position:-96px 0;background-size:640px auto;} .page-analytics .div-wrap .div-report h2.s1:after {display: none} .page-analytics .div-wrap .div-report p{font-size:16px; color:#555; line-height: 1.8;padding:10px 0;} .page-analytics .div-wrap .div-report .btn-type[disable], .page-analytics .div-wrap .div-report .btn-type[disable]:hover {background-color:#a5ccd0;border-color:#a5ccd0;color:#e7f1f2;} .page-analytics .div-wrap .div-report ul {margin: 10px 0; background: #fff; padding: 10px; border-radius: 3px;} .page-analytics .div-wrap .div-report li {list-style: decimal; margin-left: 20px;line-height: 1.8; font-weight: 500; color: #21396a;} /*****/ .page-analytics .div-wrap .wrap-report {margin-bottom:-5px;padding:10px;width:calc(100% - 220px);height: 100%;; position: absolute;right:10px;text-align:left;background: rgba(243, 247, 250,0.7); box-sizing: border-box; z-index: 100;} .page-analytics .div-wrap .wrap-report.s1 {padding:0px 10px;} .page-analytics .div-wrap .wrap-report a{display: block;} .page-analytics .div-wrap .wrap-report .layer-report {max-width: 530px; width:100%; margin: 100px auto 0;padding:20px; background: #fff; border:1px solid #ddd; box-sizing: border-box;} .page-analytics .div-wrap .wrap-report .layer-report.s1 { position: relative; max-width: 600px;margin: 5px auto 0;padding:0 20px; } .page-analytics .div-wrap .wrap-report h2{padding:10px 0 10px 80px; min-height:70px; margin-bottom:10px; position: relative; color:#333; font-size:0.87rem; font-weight: 300;text-align: left; box-sizing: border-box;} .page-analytics .div-wrap .wrap-report .layer-report.s1 h2 {padding:10px 110px 10px 80px;} .page-analytics .div-wrap .wrap-report .layer-report.s1 .btn-type.btn-layer {position: absolute; right: 10px; top:50%;font-size: 13px; width: 105px; box-sizing: border-box; margin-top: -20px;} .page-analytics .div-wrap .wrap-report h2:before{content:'';position: absolute;left:-10px;top:-15px; width:96px;height:96px;display:inline-block;background-image:url(../img/bg_iconlayer_sprite.png);background-repeat:no-repeat;background-position:-480px 0;background-size:640px auto;} .page-analytics .div-wrap .wrap-report.s1 h2{margin: 0;min-height: 65px;} .page-analytics .div-wrap .wrap-report h2.s1:after {display: none} .page-analytics .div-wrap .wrap-report p{font-size:16px; color:#555; line-height: 1.8;padding:10px 0;} .page-analytics .div-wrap .wrap-report .btn-type[disable], .page-analytics .div-wrap .wrap-report .btn-type[disable]:hover {background-color:#a5ccd0;border-color:#a5ccd0;color:#e7f1f2;} .page-analytics .div-wrap .wrap-report ul {margin: 10px 0; background: #fff; padding:0 10px; border-radius: 3px;} .page-analytics .div-wrap .wrap-report li {list-style: decimal; margin-left: 20px;padding:5px 0;line-height: 1.6; font-weight: 500; color: #21396a;} .page-analytics .div-wrap > ul { float:right;width:calc(100% - 176px);min-height:80px;margin-bottom:-5px;position:relative;text-align:right;} .page-analytics .div-wrap > ul.box-ranking {min-height:60px;margin-bottom:0px;} .page-analytics .div-wrap > ul.box-ranking li span.txt-no-data {font-size: 13px; color:#999;} .page-analytics .div-wrap > ul > li {margin:10px;display:inline-block;color:#333;font-size:32px;text-align:center;box-sizing:border-box;} .page-analytics .div-wrap > ul > li h4 {margin:0 auto;display:table-cell;color:#666;font-size:14px;font-weight:400;vertical-align:bottom;} .page-analytics .div-wrap > ul > li > h4 {line-height:1.39;} .page-analytics .div-wrap > ul > li .tit-type {margin:0;padding:0;color:#666;font-size:14px;font-weight:400;} .page-analytics .div-wrap > ul > li.txt-notice{display: inline-block;width: calc(100% - 200px);margin:10px;padding:15px;font-size:14px;text-align: left;background-color:#90a7b7;color:#fff; border-radius: 3px; box-sizing: border-box;vertical-align: top;} .page-analytics .div-wrap.s1 > ul > li.txt-notice {background-color: #ffde97;color:#9b6e5e;} .page-analytics .div-wrap > ul > li.txt-notice.s1, .page-analytics .div-wrap.s1 > ul > li.txt-notice.s1 {background-color: #e3e3e3; color:#888;text-align: center; } .page-analytics .div-wrap > ul > li.cont-chart {margin: 10px 75px 0 -75px;} .page-analytics .div-wrap > ul > li.cont-chart div.cont-chart {height:450px;} .page-analytics .div-wrap > ul > li > ul > li {margin:3px;display:inline-block;color:#333;font-size:14px;text-align:center;box-sizing:border-box;} .page-analytics .div-wrap > ul > li > ul > li h4 {color:#999;font-size:13px;} .page-analytics .div-wrap > ul > .loading-data {margin:-2px;padding:0;position:absolute;top:50%;right:50%;text-align:center !important;} .page-analytics .div-wrap > ul > .no-data {width:160px;margin:-13px -80px;padding:0;position:absolute;top:50%;right:50%;text-align:center !important;font-size:16px;color:#222;} .page-analytics .tbl-type tbody td .ellipsis {max-width:550px;} .page-analytics .tbl-type tbody td .ellipsis2 {max-width:220px;} .page-analytics .tbl-type > tbody td a {max-width:550px;} /****POPOVER****/ /*.page-analytics .tbl-wrap.area-popover {overflow-y:visible !important;}*/ .page-analytics .popover-wrapper {position:relative;} /*.page-analytics .tbl-type .ui-cont > td > .tbl-scroll.area-popover-intb {height:auto;overflow:visible;}*/ .page-analytics .popover-wrapper a.popover-link {display:inline-block;} /* .page-analytics .popover-content {padding:0.8rem;width:320px;margin-left:-175px;margin-top:35px;position:absolute;left:50%;transform:translate(0,10px);background-color:#333;box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.26);border-radius:3px;opacity:0;visibility:hidden;} */ .popover-content {width:320px;margin-top:8px;padding:0.8rem;position:absolute;top:0;left:0;background-color:#333;box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.26);border-radius:3px;/*transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);*/-webkit-transform:scale(0);transform:scale(0);transform-origin:29px -10px;opacity:0;z-index:1000;} .popover-content:before {content:'';position:absolute;top:-8px;right:calc(50% - 10px);border-style:solid;border-width:0 10px 10px 10px;border-color:transparent transparent #333 transparent;transition-duration:0.3s;transition-property:transform;z-index:-1;} /*.page-analytics .popover-wrapper.click .popover-content {transform:translate(0,-20px);transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);z-index:10;opacity:1;visibility:visible;}*/ .popover-wrapper.open .popover-content {-webkit-transform:scale(1);transform:scale(1);opacity:1;} .popover-content.in {-webkit-transform:scale(1);transform:scale(1);transition: opacity 0.5s, scale 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);opacity:1;} .popover-message {min-height:80px;position:relative;text-align:left;color:#d9d9d9;line-height:1.5;} .popover-message .loading-data{position:absolute;top:50%;left: 50%;} .popover-message .popover-state {margin:15px 0 5px 0;} .popover-message .popover-state span {display:inline-block;padding:0 12px; position: relative;font-size:12px;} .popover-message .popover-state span:before {content:'';width:8px;height:8px;position:absolute;top:6px;left:0;background-color:#ffb400;} .popover-message .popover-state span.s2:before {background-color:#00bdcd;} .popover-message .popover-state span.s3:before {background-color:#ff5f7b;} .popover-message .popover-grap {width:100%;height:15px;} .popover-message .popover-grap span {float:left;height:15px;color:transparent;background-color:#00bdcd;display:inline-block;margin:0;padding:0;} .popover-message .popover-grap span.s1{background-color:#ffb400;} .popover-message .popover-grap span.s2{background-color:#00bdcd;} .popover-message .popover-grap span.s3{background-color:#ff5f7b;} .page-analytics .btn-guide em{margin-left:5px;width:12px;height:12px;line-height:1.428567143;display:inline-block;position:relative;top:2px;border:1px solid #18acc5;border-radius:100px;background-color:#26bad3;color:#fff;font-size:12px;font-weight:bold;text-align:center;} .page-analytics .btn-guide em:before {content:'?';width:12px;height:12px;margin:0px;position:absolute;top:0px;left:0;line-height: 12px;} .page-analytics .btn-guide.tooltipped {z-index: 100;} /*** mobile ***/ @media (max-width:768px) { .page-analytics .div-wrap .div-report{left:0; width:100%;padding:0px 10px 10px 10px;/*min-height: 600px;*/} .page-analytics .div-wrap .div-report h2{ font-size:19px;} .page-analytics .div-wrap .div-report h2.s1{padding-left: 0;padding-top:100px;margin: auto 0; text-align: center;} .page-analytics .div-wrap .div-report h2.s1:before{left:50%; margin-left:-48px; } .page-analytics .div-wrap .div-report p{font-size:14px; line-height: 1.7;} .page-analytics .div-wrap .div-report ul {margin: 5px 0;} .page-analytics .div-wrap .div-report li {lline-height: 1.6; } .page-analytics .div-wrap .wrap-report {width:100%;right:0;} .page-analytics .div-wrap .wrap-report .layer-report {margin-top:70px;padding:10px;} .page-analytics .div-wrap .wrap-report .layer-report.s1 {margin-top:0px;padding:0 10px 10px 10px;;} .page-analytics .div-wrap .wrap-report h2{padding-top:10px; width: 100%;font-size: 18px;} .page-analytics .div-wrap .tit-type03.s1 {height: auto;} .page-analytics .div-wrap .tit-type03 {width:100%;margin:0 auto 20px;display:table;position:relative;left:0;font-size:20px;text-align:center;} .page-analytics .div-wrap.s1 > ul.box-ranking {min-height:0px;} .page-analytics .btn-wrap.s1 > .check-type label {margin-right:0;font-size:13px;} .page-analytics .btn-wrap.s1 > .radio-type { text-align: left;} .page-analytics .btn-wrap.s1 > .radio-type label {margin:0 0 10px 0; font-size:13px;} .page-analytics .btn-wrap.s1 > .radio-type > label:before {top:0;} .page-analytics .div-wrap .tit-type03:after {display:none;} .page-analytics .div-wrap > ul {float:none;width:auto;text-align:center;} .page-analytics .div-wrap > ul > .loading-data {right:50%;} .page-analytics .div-wrap > ul > .no-data {width:100%;margin:-13px 0;padding:37px 0;position:relative;top:0%;right:0%;} .page-analytics .div-wrap > ul > li.txt-notice{display: block;margin: 10px 0;width:100%;} .page-analytics .div-wrap > ul > li.cont-chart {margin: 10px 0;} .page-analytics .div-wrap > ul > li.cont-chart div.cont-chart {height:400px;} .page-analytics .txt-type02.s8{margin-top:-7px;} .page-analytics .txt-type02.s8 .cont-end p {padding-left:32px;padding-right: 10px;font-size: 12px;} .page-analytics .txt-type02.s8 .cont-end p:before {margin-left:7px;} .page-analytics .popover-wrapper {position:inherit;} .page-analytics .popover-content:before{right: calc(50% - 0px);} .page-analytics .popover-content.s1:before{right:calc(50% - 40px)} .page-analytics .popover-message .popover-state span {display: block; } .page-analytics .popover-content {padding: 0.8rem;width:270px;margin-left:0;left:0;} .page-analytics .btn-wrap.s1 > .btn-excelview{display: none;} .page-analytics .btn-wrap.s1 > .btn-crosscheck {margin:0 0 10px 0;} .page-analytics .txt-type02.s8 .cont-end.s1 p{width: calc(100% - 150px);} .page-analytics .txt-type02.s5.point .cont-point p{padding-left:32px;padding-right: 10px;font-size: 12px;} .page-analytics .txt-type02.s5.point .cont-point p:before {margin-left:0px;} /************************************************* 소문결과- 단가 상승 요청 *************************************************/ .page-analytics .txt-type02 .cont-notice {font-size:13px;line-height:1.4;height:auto;} .page-analytics .txt-type02.s4 .cont-notice li:first-child {padding-right:55px;line-height:1.4;} .page-analytics .txt-type02.s1 .cont-state, .page-analytics .txt-type02.s6.btn .cont-state, .page-analytics .txt-type02.s6.c1 .cont-state {padding-right:95px;} .page-analytics .txt-type02.s6.c1 .cont-state {padding-left:75px;} .page-analytics .txt-type02 .cont-state{padding: 15px 40px 15px 50px;font-size:13px;} .page-analytics .txt-type02 .cont-state .btn-wrap { top:50%;margin-top:-24px;margin-right:10px;padding-bottom:0px;} .page-analytics .txt-type02.s2 .cont-state {padding-left: 65px;} .page-analytics .txt-type02 .cont-state:before{margin: 0px 5px 0 10px;} .page-analytics .txt-type02 .btn-close {right:0px;} .page-analytics .txt-type02 .txt-wrap .txt-reason {padding: 5px 10px;} .page-analytics .txt-type02 .txt-wrap .txt-reason span {padding-right:0px;} .page-analytics .txt-type02 .txt-wrap .txt-reason .btn-wrap01 .btn-open.hide {border-top:1px dotted #ddd;} .popover-content.in{left:10px !important;} } /*@media (min-width:550px) { .page-analytics .div-wrap .wrap-report.s1 h2 {padding-top: 20px !important;} }*/ @media (max-width:425px) { .page-analytics .div-wrap .tit-type03 {font-size:15px;} .page-analytics .div-wrap > ul > li {font-size:24px;} .page-analytics .div-wrap > ul > li > ul > li {font-size:12px;} .page-analytics .list-type > a > dl dd.icon-os, .page-analytics .list-type > li > a > dl dd.icon-os {width:100px;height:20px;position:absolute;top:110px;left:0px;} .page-analytics .div-wrap > ul > li.cont-chart div.cont-chart {height:360px;} .page-analytics .div-wrap.box-report {min-height: 210px;} .page-analytics .div-wrap .wrap-report li {font-size:13px;} .page-analytics .div-wrap .wrap-report .layer-report.s1 h2 {padding-right: 0;} .page-analytics .div-wrap .wrap-report .layer-report.s1 .btn-type.btn-layer {position: relative;display: block;width: 100%; right: 0;margin: 0;} } @media (max-width:380px) { .page-analytics .list-type .list-footer dd p.special-open, .list-type .list-footer dd p.special-open {letter-spacing:-1px;font-size:12px;} .page-analytics .list-type .list-footer dd p.credit-rating, .list-type .list-footer dd p.credit-rating {letter-spacing:-1px;font-size:12px;} .page-analytics .div-wrap .div-report p{font-size:13px; line-height: 1.6;} .page-analytics .div-wrap .div-report li {font-size:13px; } .page-analytics .div-wrap .div-report h2 {font-size: 17px; margin-bottom: 10px;} .page-analytics .div-wrap .wrap-report h2{font-size: 15px;} } @media (max-width:380px) { .popover-content {width:300px;} .page-analytics .div-wrap > ul > li.cont-chart div.cont-chart {height:330px;} } /*보류 .page-analytics .list-type.s5 .list-tit span{line-height: 1.4;} .page-analytics .list-type.s5 .list-tit span:first-child{max-width: calc(100% - 70px);display: inline-block; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;} .page-analytics .list-type.s5 .list-tit span:last-child {position: relative;} .page-analytics .list-type.s5 .list-tit span:last-child:after {content:'';width:32px; height:32px;display:block;position: absolute; margin-top:-19px;top:50%; right: -32px; background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-576px 0;background-size:640px auto;z-index: 10;}*/ @media (max-width:768px) { /*.page-analytics .list-type.s5 .list-tit span:first-child{max-width: calc(100% - 25px);line-height: 1.4; max-height: 2.8em;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word;display: -webkit-inline-box;white-space: normal;} .page-analytics .list-type.s5 .list-tit span:last-child:after{right: -30px;}*/ .page-analytics .list-type > a > ul li, .page-analytics .list-type > li > a > ul li {line-height:1.3;margin:4px 0;white-space:normal; } .page-analytics .list-type > a > ul li .tooltipped {border-bottom:0px dotted #999;} .page-analytics .list-type > a > ul li .tpcall .tooltipped, .page-analytics .list-type > a > ul li.tp .tooltipped, .page-analytics .list-type > a > ul li .special-price .tooltipped{border-bottom:1px dotted #999;pointer-events:auto} .page-analytics .list-type > a > ul li .tpcall:before, .page-analytics .list-type > li > a > ul li .tpcall:before {margin-top:0;top:-7px } .page-analytics .list-type > a > ul li .tpcall .txt-mo {display: inline-block;} .page-analytics .section-cont {float:none;width:100%;margin:30px 0 0 0;padding-right:0px;} .page-analytics .section-cont.s1 {float:none;padding-right:0;padding-left:0px;} .page-analytics .btn-wrap > .btn-excelview {display:none;} .page-analytics .btn-wrap.s1 {height:0;margin:0 !important;padding:0 !important;position:relative;overflow:visible;} .page-analytics .btn-wrap.s1 .form-search02 {position:absolute;top:-46px;right:0;} .page-analytics .btn-wrap.s1 .form-search02.s1 {margin-bottom:10px;position:relative;top:0;} .page-analytics .btn-wrap .btn-cont + .btn-cont {float:left;display:block;text-align:left;} .page-analytics .btn-wrap .btn-cont + .btn-cont .check-type.s1{margin:0.85em 0 0.714em;} .page-analytics .btn-wrap.s5 .form-search {width:100%;padding:0 20px;box-sizing:border-box;} .page-analytics .btn-wrap.s5 .input-date-wrap {width:100%;margin-bottom:10px;} .page-analytics .btn-wrap.s5 .input-date-wrap .ms-parent, .page-analytics .btn-wrap.s5 .input-date-wrap .select-type {width:100% !important;} .page-analytics .btn-wrap.s5 .input-date-wrap .radio-type02 {float:left;margin:0;box-sizing:border-box;} .page-analytics .btn-wrap.s5 .input-date-wrap .radio-type02:nth-child(1) {width:50%;padding-right:4px;} .page-analytics .btn-wrap.s5 .input-date-wrap .radio-type02:nth-child(2) {width:50%;padding-left:4px;} .page-analytics .btn-wrap.s5 .input-date-wrap .radio-type02:nth-child(3) {width:33.3333%;margin-top:8px;padding-right:4px;} .page-analytics .btn-wrap.s5 .input-date-wrap .radio-type02:nth-child(4) {width:33.3333%;margin-top:8px;padding-right:2px;padding-left:2px;} .page-analytics .btn-wrap.s5 .input-date-wrap .radio-type02:nth-child(5) {width:33.3333%;margin-top:8px;margin-right:0 !important;padding-left:4px;} .page-analytics .btn-wrap.s5 .input-date-wrap .radio-type02 label {width:100%;padding:7px 0;} .page-analytics .btn-wrap.s5 .btn-type {width:100%;} .page-analytics .btn-pagination {margin:20px -10px;} .page-analytics .tbl-type tbody td .ellipsis {max-width:250px;} .page-analytics .tbl-type > tbody td a {max-width:250px;} .page-analytics .txt-type02 .cont-notice {padding: 15px 10px 15px 30px;} .page-analytics .txt-type02.s4 .cont-notice:before, .page-analytics .txt-type02.s5 .cont-notice:before{margin:0px -25px 0 0px;} .page-analytics .txt-type02 .txt-wrap .txt-reason .cont.show {padding: 5px 10px 10px 50px;} .page-analytics .txt-type02 .txt-wrap .txt-reason .cont:before {left: 0px;} } /*** retina specific ***/ @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { .page-analytics .cont-type07 .area-right .btn-type.c3:before, .page-analytics .txt-type02 .cont-notice:before, .page-analytics .txt-type02.s8 .cont-end p:before, .page-analytics .txt-type02.s4 .cont-notice:before, .page-analytics .txt-type02.s5 .cont-notice:before, .page-analytics .list-type.s5 .list-tit span:last-child:after{background-image:url(../img/bg_icon_sprite@2x.png?version=201809201100);} .page-analytics .txt-type02 .txt-wrap .txt-reason .btn-open span:after, .page-analytics .popover-wrapper .btn-close:before, .page-analytics .txt-type02 .btn-close:before {background-image:url(../img/bg_shapes_sprite@2x.png?version=201807301402);} .page-analytics .div-wrap .wrap-report h2:before{background-image:url(../img/bg_iconlayer_sprite@2x.png?version=201812281600);} } /************************************************* CPA 참여자 상세 보기 *************************************************/ .page-analytics .tbl-type li.type2 dl.list-cont {padding:10px;} .page-analytics .tbl-type li.type2 dl.list-cont dt {padding-left:6px; position: relative;display: inline-block; color:#1b5fa0;} .page-analytics .tbl-type li.type2 dl.list-cont dt:before {content:""; width:3px; height:3px; background-color:#1b5fa0; border-radius: 50%;position: absolute; top:50%; left:0px;} .page-analytics .tbl-type li.type2 dl.list-cont dd {display:inline-block;} /************************************************* CPA+DB 상담 완료 -RecommandCampaign *************************************************/ .page-recommandcampaign .box-type02.cont-type08 .cont-tit.icon-complete {margin:0 auto;width:100%;padding:160px 0 0 0;font-size:25px;} .page-recommandcampaign .box-type02.cont-type08 .icon-complete:before {content:'';width:128px;height:128px;margin-left:-64px;margin-top:40px;display:block;position:absolute;top:0;left:50%;background-image:url(../img/bg_iconlayer_sprite.png);background-repeat:no-repeat;background-position:0 -1126px;background-size:640px auto;} .page-recommandcampaign .box-type02.cont-type08 .icon-complete.cont-tit:after {height:0;margin:0.3em 0;} .page-recommandcampaign .box-type02.cont-type08 .cont-tit {padding-top:1em;font-size:22px;} .page-recommandcampaign .box-type02.cont-type08 .cont-tit:after {margin:0.6em auto 0.9em;} .page-recommandcampaign .box-type02.cont-type08 p {display:table;margin:0 auto;padding-bottom:10px;text-align:center;font-size:16px;color:#777;font-weight:300;} .page-recommandcampaign .list-type.s3 {overflow:hidden;} .page-recommandcampaign .list-type.s3 li {width:50%;float:left;} .page-recommandcampaign .list-type.s3 li.cont-num-01 {width:70%;margin:0 auto;border:1px solid #eaeaea;background-color:#F3F3F3;float:none;} .page-recommandcampaign .list-type.s3 a {border:none;} .page-recommandcampaign .list-type > a, .page-recommandcampaign .list-type > li > a {padding:15px;} .page-recommandcampaign .list-type.s3 > a, .page-recommandcampaign .list-type.s3 li > a, .page-recommandcampaign .list-type.s3 .list-cont > a {min-height:auto;} .page-recommandcampaign .list-type.s3 .list-tit {margin-top:20px;} /*** mobile ***/ @media (max-width:640px) { .page-recommandcampaign .box-type02.cont-type08 .cont-tit.icon-complete {padding:140px 0 0 0;} .page-recommandcampaign .box-type02.cont-type08 .icon-complete:before {margin-top:20px;} .page-recommandcampaign .list-type.s3 li, .page-recommandcampaign .list-type.s3 li.cont-num-01 {width:100%;border:none;background:none;} .page-recommandcampaign .list-type > a, .page-recommandcampaign .list-type > li > a {padding:10px;} } @media (max-width:380px) { .page-recommandcampaign .box-type02.cont-type08 p {text-align:left;font-size:14px;} .page-recommandcampaign .box-type02.cont-type08 .cont-tit {font-size:20px;} } /*** retina specific ***/ @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { .page-recommandcampaign .box-type02.cont-type08 .icon-complete:before {background-image:url(../img/bg_iconlayer_sprite@2x.png);} } /************************************************* 등급 안내 *************************************************/ #container #content.page-regsuperior, #container #content.page-specialbenefit{padding-bottom:0px;} .page-regsuperior .section .box-type03 .txt-base, .page-specialbenefit .section .box-type03 .txt-base{-webkit-box-flex:2;-moz-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2;} .page-regsuperior .section .box-type05, .page-specialbenefit .section .box-type05{padding:20px 0 20px 100px;border-bottom:1px dotted #ddd;} .page-regsuperior .section .box-type05.s1, .page-specialbenefit .section .box-type05.s1{border-bottom:1px solid #ddd;} .page-regsuperior .section .box-type05.s3, .page-specialbenefit .section .box-type05.s3{border:0;} .page-regsuperior .section .box-type05 .icon-mem, .page-specialbenefit .section .box-type05 .icon-mem{position:absolute;top:20px;left:28px;} .page-regsuperior .section .box-type05 .tit-type03, .page-specialbenefit .section .box-type05 .tit-type03{margin:7px 0 0 0;padding:0 15px;} .page-regsuperior .section .box-type05 .txt-base, .page-specialbenefit .section .box-type05 .txt-base{padding:0 15px 5px;} .page-regsuperior .section p.txt-type, .page-specialbenefit .section p.txt-type{border-top:1px solid #dadada; } .page-regsuperior .icon-mem, .page-specialbenefit .icon-mem{width:80px;height:70px;display:inline-block;font-size:0;line-height:0;} .page-regsuperior .icon-mem.r6, .page-regsuperior .icon-mem.r7, .page-specialbenefit .icon-mem.r6, .page-specialbenefit .icon-mem.r7{height:80px;} .page-regsuperior .icon-mem:before, .page-specialbenefit .icon-mem:before{content:'';width:100%;height:100%;display:inline-block;background-image:url(../img/bg_iconlayer_sprite.png?version=201802211436);background-repeat:no-repeat;background-position:0 0;background-size:640px auto;} .page-regsuperior .icon-mem.r1:before {background-position:0 -1056px;} .page-regsuperior .icon-mem.r2:before {background-position:-80px -1056px;} .page-regsuperior .icon-mem.r3:before {background-position:-160px -1056px;} .page-regsuperior .icon-mem.r4:before {background-position:-240px -1056px;} .page-regsuperior .icon-mem.r5:before {background-position:-320px -1056px;} .page-specialbenefit .icon-mem.r6:before {background-position:-80px -1254px;} .page-specialbenefit .icon-mem.r7:before {background-position:0px -1254px;} .page-regsuperior .txt-type.s4 + .form-type.s1, .page-regsuperior .txt-type02 + .form-type.s1, .page-specialbenefit .txt-type.s4 + .form-type.s1, .page-specialbenefit .txt-type02 + .form-type.s1{margin-top:50px;} .page-regsuperior .tit-type .btn-excelview, .page-specialbenefit .tit-type .btn-excelview {margin:0;padding:5px 12px;} /*** mobile ***/ @media (max-width:640px) { #container #content.page-regsuperior {padding-bottom:50px;} .page-regsuperior .form-type > .tit-type05 + .radio-type {margin-bottom:10px;} #container #content.page-specialbenefit {padding-bottom:50px;} .page-specialbenefit .form-type > .tit-type05 + .radio-type {margin-bottom:10px;} } /*** retina specific ***/ @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { .page-regsuperior .icon-mem:before {background-image:url(../img/bg_iconlayer_sprite@2x.png?version=201802211436);} .page-specialbenefit .icon-mem:before {background-image:url(../img/bg_iconlayer_sprite@2x.png?version=201802211436);} } /************************************************* 선후배 게시판 *************************************************/ .box-nomentor .tit-type:before {content:'';width:320px;height:160px;margin:0 auto 15px;display:block;background-image:url(../img/ko/bg_nomentor.png);background-repeat:no-repeat;background-position:0 0;background-size:320px auto;} .page-mentorboard .radio-type:not(div), .page-menteeboard .radio-type:not(div), .page-listpoint .radio-type:not(div) {margin:30px 5px 0px 0;} .page-boardwrite .btn-wrap.s1 .btn-type {min-width:80px;} .page-boardwrite .input-txt > .btn-type02 {min-width:86px;margin-right:0.5rem;padding:0;} .page-boardwrite .icon-mem.r1:before {background-position:0 -120px;} .page-boardwrite .icon-mem.r2:before {background-position:-40px -120px;} .page-boardwrite .icon-mem.r3:before {background-position:-80px -120px;} .page-boardwrite .icon-mem.r4:before {background-position:-120px -120px;} .page-boardwrite .icon-mem.r5:before {background-position:-160px -120px;} .page-boardwrite .icon-mem.r1-f:before {background-position:0 -160px;} .page-boardwrite .icon-mem.r2-f:before {background-position:-40px -160px;} .page-boardwrite .icon-mem.r3-f:before {background-position:-80px -160px;} .page-boardwrite .icon-mem.r4-f:before {background-position:-120px -160px;} .page-boardwrite .icon-mem.r5-f:before {background-position:-160px -160px;} /*** mobile ***/ @media (max-width:760px) { .page-mentorboard .box-type03, .page-menteeboard .box-type03{display:block;} .page-mentorboard .box-type03 .box-cont + .box-cont, .page-menteeboard .box-type03 .box-cont + .box-cont{text-align:left;} .page-boardwrite .btn-wrap.s1 {text-align:center;} .page-boardwrite .input-txt > .btn-type02 {min-width:78px;padding:0;} } /*** retina specific ***/ @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { .box-nomentor .tit-type:before {background-image:url(../img/ko/bg_nomentor@2x.png);} } /* TD color */ .tbl-type tbody td.remain100, .tbl-type.s1 > tbody td.remain100 { background-color:#1ebfce !important;} .tbl-type tbody td.remain90, .tbl-type.s1 > tbody td.remain90 { background-color:#34c5d3 !important;} .tbl-type tbody td.remain80, .tbl-type.s1 > tbody td.remain80 { background-color:#4bccd8 !important;} .tbl-type tbody td.remain70, .tbl-type.s1 > tbody td.remain70 { background-color:#61d2dd !important;} .tbl-type tbody td.remain60, .tbl-type.s1 > tbody td.remain60 { background-color:#78d9e2 !important;} .tbl-type tbody td.remain50, .tbl-type.s1 > tbody td.remain50 { background-color:#8edfe6 !important;} .tbl-type tbody td.remain40, .tbl-type.s1 > tbody td.remain40 { background-color:#a5e5eb !important;} .tbl-type tbody td.remain30, .tbl-type.s1 > tbody td.remain30 { background-color:#bbecf0 !important;} .tbl-type tbody td.remain20, .tbl-type.s1 > tbody td.remain20 { background-color:#d2f2f5 !important;} .tbl-type tbody td.remain10, .tbl-type.s1 > tbody td.remain10 { background-color:#e8f8fa !important;} .tbl-type tbody td.remain0, .tbl-type.s1 > tbody td.remain0 { background-color:#f4fcfd !important;} .tbl-type > tbody td.error, .tbl-type > tbody tr.error td {background-color:#fffee4 !important;} /************************************************* 회원 정보 수정 *************************************************/ .page-modifytel .input-txt.s1 > label, .page-modifytel .input-txt.s1 > span > label {line-height:2.5em;display:block;color:#888 !important;font-size:14px;} .page-modifytel .input-txt.s1 > input, .page-modifytel .input-txt.s1 > span > input {padding-left:100px;} /************************************************* 마케터 소개 *************************************************/ .page-aboutRecruit .swiper-container {width:100%;height:500px;margin-left:auto;margin-right:auto;position:relative;z-index:1;} .page-aboutRecruit .swiper-container .swiper-wrapper {width:100%;height:100%;z-index:1;} .page-aboutRecruit .swiper-container .swiper-wrapper {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-o-transform:translate(0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} .page-aboutRecruit .swiper-container-fade .swiper-slide {pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;} .page-aboutRecruit .swiper-container .swiper-slide {width:100%;height:100%;background-position:center;background-size:cover;pointer-events:auto;} .page-aboutRecruit .swiper-pagination-fraction, .page-aboutRecruit .swiper-pagination-custom, .page-aboutRecruit .swiper-container-horizontal > .swiper-pagination-bullets {width:100%;left:0;bottom:10px;} .page-aboutRecruit .swiper-pagination {position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10;} .page-aboutRecruit .swiper-pagination.swiper-pagination-hidden {opacity:0;} .page-aboutRecruit .swiper-pagination-fraction, .page-aboutRecruit .swiper-pagination-custom, .page-aboutRecruit .swiper-container-horizontal > .swiper-pagination-bullets {width:100%;left:0;bottom:10px;} .page-aboutRecruit .swiper-pagination-bullet {width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:0.2;} .page-aboutRecruit button.swiper-pagination-bullet {margin:0;padding:0;border:none;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none;} .page-aboutRecruit .swiper-pagination-clickable .swiper-pagination-bullet {cursor:pointer;} .page-aboutRecruit .swiper-pagination-white .swiper-pagination-bullet {background-color:#fff;} .page-aboutRecruit .swiper-pagination-bullet-active {background:#007aff;opacity:1;} .page-aboutRecruit .swiper-pagination-white .swiper-pagination-bullet-active {background-color:#fff;} .page-aboutRecruit .swiper-pagination-black .swiper-pagination-bullet-active {background:#000;} .page-aboutRecruit .swiper-container-vertical > .swiper-pagination-bullets {right:10px;top:50%;-webkit-transform:translate3d(0, -50%, 0);-moz-transform:translate3d(0, -50%, 0);-o-transform:translate(0, -50%);-ms-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);} .page-aboutRecruit .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {margin:5px 0;display:block;} .page-aboutRecruit .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;} .page-aboutRecruit .swiper-button-prev, .page-aboutRecruit .swiper-button-next {width:27px;height:44px;margin-top:-22px;position:absolute;top:50%;background-size:27px 44px;background-position:center;background-repeat:no-repeat;cursor:pointer;z-index:10;} .page-aboutRecruit .swiper-button-prev.swiper-button-disabled, .page-aboutRecruit .swiper-button-next.swiper-button-disabled {cursor:auto;pointer-events:none;opacity:0.35;} .page-aboutRecruit .swiper-button-prev, .page-aboutRecruit .swiper-container-rtl .swiper-button-next {left:10px;right:auto;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");} .page-aboutRecruit .swiper-button-prev.swiper-button-black, .page-aboutRecruit .swiper-container-rtl .swiper-button-next.swiper-button-black {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");} .page-aboutRecruit .swiper-button-prev.swiper-button-white, .page-aboutRecruit .swiper-container-rtl .swiper-button-next.swiper-button-white {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");} .page-aboutRecruit .swiper-button-next, .page-aboutRecruit .swiper-container-rtl .swiper-button-prev {right:10px;left:auto;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");} .page-aboutRecruit .swiper-button-next.swiper-button-black, .page-aboutRecruit .swiper-container-rtl .swiper-button-prev.swiper-button-black {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");} .page-aboutRecruit .swiper-button-next.swiper-button-white, .page-aboutRecruit .swiper-container-rtl .swiper-button-prev.swiper-button-white {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");} .page-aboutRecruit .main-banner {position:relative;padding:0px;height:500px;background-attachment:fixed;background-size:cover;background-position:center;box-sizing:border-box;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-backface-visibility:hidden;text-align:center;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;z-index:100;} .page-aboutRecruit .main-banner h2 {opacity:1;position:relative;top:0;margin-top:0;margin-bottom:7px;padding:0 5px;font-size:28px;font-weight:300;color:#fff;line-height:1.5;} .page-aboutRecruit .title-logo {margin:0 auto;background-position:center;width:250px;height:224px;background-image:url("../Img/recruit/logo_10ping_recruit.png");background-size:contain;background-repeat:no-repeat;box-sizing:border-box;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);} .page-aboutRecruit .main-tx {position:relative;width:100%;padding:25px 0;margin:0 auto;background-color:rgb(41, 54, 85);color:#c0a66f;line-height:1.5em;font-size:16px;text-align:center;z-index:3;} .page-aboutRecruit .main-banner p {display:inline-block;font-size:15px;color:#fff;font-weight:300;line-height:1.5;text-align:left;} .page-aboutRecruit .main-banner .main-cont {width:100%;background-color:rgba(0,0,0,0.3);display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:box;-webkit-box-pack:center;-webkit-box-orient:vertical;align-items:center;justify-content:center;-ms-flex-direction:column;position:relative;height:100%;z-index:2;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-backface-visibility:hidden;} .page-aboutRecruit .main-banner .main-cont .area-go-btn {margin:0 auto;margin-top:20px;} .page-aboutRecruit .main-banner .main-cont .area-go-btn button, .page-aboutRecruit .main-banner .main-cont .area-go-btn a {background-color:#fff;color:#555;padding:7px;width:150px;font-size:16px;-webkit-border-radius:30px;-ms-border-radius:30px;border-radius:30px;} /**타이틀**/ .page-aboutRecruit .area-cont-recruit {margin:0 auto; max-width:930px;padding:0 20px;} .page-aboutRecruit .tit-type {margin:0 auto;max-width: 930px;/*text-align:center;*/} .page-aboutRecruit .tit-type:after {content:'';margin:0.6em 0 0.4em;} .page-aboutRecruit .cont-board-recruit {min-height:220px;max-width:930px;padding:2rem 1.5rem 1.5rem 16rem;font-size:16px;font-weight:300;line-height:1.5;background-image:url("../img/recruit/img_aboutrecruit.png?version=201811190920");background-repeat:no-repeat;background-size:235px;background-position:20px 0px;overflow:hidden;} .page-aboutRecruit .cont-txt-recruit {max-width:930px; padding:0.3rem 0 1.5em 0;font-size:16px;font-weight:300;line-height:1.5;} .page-aboutRecruit .cont-img-growth{margin: 0 auto;margin-bottom:20px;padding:0.3rem 0 1.5em 0; text-align: center; max-width:880px;} .page-aboutRecruit .cont-img-growth:after {content:'';margin: 0 auto;height:400px;display:block;background-image:url("../img/recruit/img_growth.png?version=201902181400");background-repeat:no-repeat;background-size:contain;text-align: center; vertical-align:middle;z-index:1;} .page-aboutRecruit .cont-img-growth img {display: none;} .page-aboutRecruit .txt-type02.s4 {position:relative;padding:20px 15px 20px 50px;text-align:left;font-size:15px;} .page-aboutRecruit .txt-type02.s4:before {content:'';width:32px;height:32px;display:inline-block;position:absolute;top:14px;left:15px;background-image:url(../img/bg_icon_sprite.png?version=201811210900);background-repeat:no-repeat;background-position:-352px -32px;background-size:640px auto;vertical-align:middle;z-index:1;} .page-aboutRecruit .txt-type02.s4 a {position:absolute;top:7px;right:20px;} .page-aboutRecruit .box-type.s3 {background: #f5fdff;} .page-aboutRecruit .box-type.s3 ul.txt-type.pt {margin: 0;} .page-aboutRecruit .box-type.s3 .tit-type03{margin:1.1em 0 0em 0.8em;} .page-aboutRecruit .section .box-type05 {padding: 20px 0 0px 0px; max-width: 930px;} .page-aboutRecruit .section .box-type05 p.icon-pt, .page-aboutRecruit .section .box-type05 p.icon-pro, .page-aboutRecruit .section .box-type05 p.icon-inhouse, .page-aboutRecruit .section .box-type05 p.icon-manager{padding-left: 90px; margin-top: 20px; min-height:80px;} .page-aboutRecruit .section .box-type05 p.icon-pt:before {content:''; position: absolute; top:20px;; left:0; width:80px;height:80px;display:inline-block;background-image:url("../img/bg_iconlayer_sprite.png?version=201811210900;");background-repeat:no-repeat;background-position:-160px -1254px;background-size:640px auto;} .page-aboutRecruit .section .box-type05 p.icon-pro:before {content:''; position: absolute; top:20px;; left:0; width:80px;height:80px;display:inline-block;background-image:url("../img/bg_iconlayer_sprite.png?version=201811210900;");background-repeat:no-repeat;background-position:-240px -1254px;background-size:640px auto;} .page-aboutRecruit .section .box-type05 p.icon-inhouse:before {content:''; position: absolute; top:20px;; left:0; width:80px;height:80px;display:inline-block;background-image:url("../img/bg_iconlayer_sprite.png?version=201811210900;");background-repeat:no-repeat;background-position:-320px -1254px;background-size:640px auto;} .page-aboutRecruit .section .box-type05 p.icon-manager:before {content:''; position: absolute; top:20px;; left:0; width:80px;height:80px;display:inline-block;background-image:url("../img/bg_iconlayer_sprite.png?version=201902071100;");background-repeat:no-repeat;background-position:-400px -1254px;background-size:640px auto;} /**PT마케터 혜택 및 대상**/ .page-aboutRecruit .section .box-type.s2 {overflow: hidden; margin:10px 0; background: #fff;} .page-aboutRecruit .section .box-type.s2 li {float: left;position: relative;width: 25%; min-height: 200px; padding-top: 30px; padding: 10px; box-sizing: border-box; text-align: center;} .page-aboutRecruit .section .box-type.s2 li .icon_benefit {display: block;padding-bottom:30px;margin: 0 auto;position: relative;} .page-aboutRecruit .section .box-type.s2 li .icon_benefit:after{content:'';display:block;position: absolute; top:0px; left:50%; width:28px; height:1px; background-color:#333;margin-top:110px;margin-left:-14px;} .page-aboutRecruit .section .box-type.s2 li .icon_benefit img {width: 96px;} .page-aboutRecruit .section .box-type.s2 li span {text-align:center;} .page-aboutRecruit .section .box-type.s2.c1{background: #fff;} /**채용프로세서** / .page-aboutRecruit .section .cont-processor {overflow: hidden; margin:10px 0;} .page-aboutRecruit .section .cont-processor .box-processor {float: left;position: relative;width: 25%; min-height: 200px; padding-top: 30px; padding: 10px; box-sizing: border-box; text-align: left;} .page-aboutRecruit .section .cont-processor .box-processor:before {content:'';width:96px;height:96px;display:inline-block;position:absolute;top:14px;left:15px;background-image:url("../img/recruit/bg_m03.jpg");background-repeat:no-repeat;background-position:-352px -32px;background-size:640px auto;vertical-align:middle;z-index:1;} .page-aboutRecruit .section .cont-processor .box-processor:after { content:'';width:32px;height:32px;display:inline-block;position:absolute;top:48px;right:-0.5em;background-image:url("../img/bg_shapes_sprite.png");background-repeat:no-repeat;background-position:-96px -32px;background-size:640px auto;vertical-align:middle;z-index:1;} .page-aboutRecruit .section .cont-processor .box-processor h5{font-size: 15px; color:#555;margin-bottom: 10px;margin-top: 120px;padding-left: 10px;} .page-aboutRecruit .section .cont-processor .box-processor li {width: 100%; padding:8px 0 8px 10px;; position: relative; list-style: none; text-align: left; box-sizing: border-box;} .page-aboutRecruit .section .cont-processor .box-processor li:before {content: ""; width: 5px; height: 1px; background: #777;position: absolute; top:18px; left:0;} **/ .page-aboutRecruit .section .cont-processor { margin-top: 20px; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:center !important; justify-content:center !important; } .page-aboutRecruit .section .cont-processor .box-processor { width:25%; padding:15px; border-radius:100%; position: relative; } .page-aboutRecruit .section .cont-processor .box-processor:before {content:'';margin: 0 auto;width:96px;height:96px;display:inline-block;position:absolute;top:14px;left:50%; margin-left: -48px; background-image:url("../img/recruit/img_recruit-processor.png");background-repeat:no-repeat;background-position:0px 0px;background-size:400px auto;vertical-align:middle;z-index:1;} .page-aboutRecruit .section .cont-processor .box-processor.s2:before{background-position:-96px 0px;} .page-aboutRecruit .section .cont-processor .box-processor.s3:before{background-position:-192px 0px;} .page-aboutRecruit .section .cont-processor .box-processor.s4:before{background-position:-288px 0px;} .page-aboutRecruit .section .cont-processor .box-processor:after { content:""; width:0; height:0; margin-left:-0.7rem; display:inline-block; position:absolute; bottom:-1.2rem; margin-top:-0.7rem; top:120px;; right:0; left:inherit; border-top:0.5rem solid transparent; border-right:0; border-bottom:0.5rem solid transparent; border-left:0.5rem solid #00bdcc; } .page-aboutRecruit .section .cont-processor .box-processor.s4{ margin-bottom:0; margin-right:1.5rem; } .page-aboutRecruit .section .cont-processor .box-processor.s4:after {display: none;} .page-aboutRecruit .section .cont-processor .box-processor h5{font-size: 15px; color:#555;margin-bottom: 10px;margin-top: 120px;text-align: center;min-height: 38px;} .page-aboutRecruit .section .cont-processor .box-processor ul {min-height: 150px;} .page-aboutRecruit .section .cont-processor .box-processor li {width: 100%; padding:5px 0 5px 10px;font-size:13px; position: relative; list-style: none; text-align: left; box-sizing: border-box;} .page-aboutRecruit .section .cont-processor .box-processor li:before {content: ""; width: 5px; height: 1px; background: #777;position: absolute; top:14px; left:0;} .page-aboutRecruit .section .btn-wrap {margin: 1.5rem 0;} @media (max-width:768px) { .page-aboutRecruit .title-logo {width: 200px;height: 200px;} .page-aboutRecruit .main-banner {padding:0;} .page-aboutRecruit .main-banner p {font-size:14px;} .page-aboutRecruit .wrap-scroll .main-banner {background-position:50% -50px;} .page-aboutRecruit .main-tx {font-size:15px;} .page-aboutRecruit .swiper-container, .page-aboutRecruit .swiper-container .swiper-wrapper, .page-aboutRecruit .main-banner, .page-aboutRecruit .emptyspace {width:100%;} .page-aboutRecruit .main-banner .main-cont .area-go-btn {margin-top:10px;} .page-aboutRecruit .main-banner .main-cont .area-go-btn button, .page-aboutRecruit .main-banner .main-cont .area-go-btn a {width:130px;font-size:15px;} .page-aboutRecruit .cont-board-recruit, .page-aboutRecruit .cont-txt-recruit {font-size:15px;background:none;padding:0 1.5rem 01.5rem;min-height:auto;} .page-aboutRecruit .txt-type02.s4 {padding-right:70px;} .page-aboutRecruit .txt-type02.s4 a {right:10px;} .page-aboutRecruit .cont-img-growth {text-align: center;width: 100%;} .page-aboutRecruit .cont-img-growth img{display: block;margin:0 auto;max-width:500px;} .page-aboutRecruit .cont-img-growth:after {display: none;} .page-aboutRecruit .section .cont-processor .box-processor h5 {min-height: 19px;} .page-aboutRecruit .section .box-type05 p.icon-pt, .page-aboutRecruit .section .box-type05 p.icon-pro, .page-aboutRecruit .section .box-type05 p.icon-inhouse, .page-aboutRecruit .section .box-type05 p.icon-manager { margin-top: 0px;} } @media (max-width:480px) { .page-aboutRecruit .title-logo {width: 150px;height: 150px;} } /*** mobile ***/ @media (max-width:700px) and (orientation:landscape) { .page-aboutRecruit .main-banner {height:auto !important;padding:8rem 20px 5.2rem;} .page-aboutRecruit .main-banner h2 {font-size:30px;} .page-aboutRecruit .main-banner p {font-size:14px;} .page-aboutRecruit .wrap-scroll .main-banner {background-position:100% 0;} .page-aboutRecruit .main-banner .main-cont:before, .page-aboutRecruit .main-banner .main-cont:after {display:none;} .page-aboutRecruit .title-logo {margin-bottom:30px;} } @media (min-width:1000px) { .page-aboutRecruit .cont-board-recruit {margin:0 auto;max-width:600px;} .page-aboutRecruit .cont-txt-recruit {margin:0 auto;} .page-aboutRecruit .section .cont-processor .box-processor h5{min-height: 18px;} .page-aboutRecruit .section .cont-processor .box-processor ul {min-height: 115px;} } /*** mobile ***/ @media (max-width:640px) { .page-aboutRecruit .main-banner .main-cont:before, .page-aboutRecruit .main-banner .main-cont:after {display:none;} .page-aboutRecruit .main-banner h2 {font-size:20px;} .page-aboutRecruit .swiper-container, .page-aboutRecruit .swiper-container .swiper-wrapper, .page-aboutRecruit .main-banner/**, .emptyspace**/{height:50rem;width:100%;} .page-aboutRecruit .btn-wrap02 .btn-type {width:50%;} .page-aboutRecruit .section .box-type.s2 li {width: 50% !important; min-height: 220px;} .page-aboutRecruit .section .cont-processor {display: block; } .page-aboutRecruit .section .cont-processor .box-processor {position: relative;margin: 20px 0; width: 100%; min-height: 120px; background:#f5fdff; border-radius: 30px;box-sizing: border-box; } .page-aboutRecruit .section .cont-processor .box-processor h5{margin-top:0; padding-left: 115px;min-height: 18px; text-align: left; } .page-aboutRecruit .section .cont-processor .box-processor ul {padding-top: 0; padding-left: 105px;min-height: 50px;} .page-aboutRecruit .section .cont-processor .box-processor li {min-height:none; padding :5px 5px 5px 10px;; } .page-aboutRecruit .section .cont-processor .box-processor:before{left:15px;top:50%; margin-top:-48px; margin-left: 0;} .page-aboutRecruit .section .cont-processor .box-processor:after {content:"";width:0;height:0;margin-left:-0.7rem;padding-bottom: 100px;display:inline-block;position:absolute;top: -7px;left:50%;border-top:0.7rem solid #00bdcc;border-right:0.7rem solid transparent;border-bottom:0;border-left:0.7rem solid transparent; } .page-aboutRecruit .section .cont-processor .box-processor.s1:after {display: none;} .page-aboutRecruit .section .cont-processor .box-processor.s4:after {display: inline-block} } @media (max-width:380px) { .page-aboutRecruit .main-banner h2{font-size:1.2em;padding-top:25px;} .page-aboutRecruit .swiper-container, .page-aboutRecruit .swiper-container .swiper-wrapper, .page-aboutRecruit .main-banner, .page-aboutRecruit .emptyspace {height:42rem;} .page-aboutRecruit .box-type.s2 li {width: 50%; min-height: 200px;} } @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { .page-aboutRecruit .txt-type02.s4:before {background-image:url(../img/bg_icon_sprite@2x.png?version=201807091600);} .page-aboutRecruit .section .box-type05 p.icon-pt:before, .page-aboutRecruit .section .box-type05 p.icon-pro:before, .page-aboutRecruit .section .box-type05 p.icon-inhouse:before {background-image:url("../img/bg_iconlayer_sprite@2x.png?version=201902071100;");} } /************************************************* 텐핑라운지 *************************************************/ .page-aboutlounge .swiper-container {width:100%;height:500px;margin-left:auto;margin-right:auto;position:relative;z-index:1;} .page-aboutlounge .swiper-container .swiper-wrapper {width:100%;height:100%;z-index:1;} .page-aboutlounge .swiper-container .swiper-wrapper {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-o-transform:translate(0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} .page-aboutlounge .swiper-container-fade .swiper-slide {pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;} .page-aboutlounge .swiper-container .swiper-slide {width:100%;height:100%;background-position:center;background-size:cover;pointer-events:auto;} .page-aboutlounge .swiper-pagination-fraction, .page-aboutlounge .swiper-pagination-custom, .page-aboutlounge .swiper-container-horizontal > .swiper-pagination-bullets {width:100%;left:0;bottom:10px;} .page-aboutlounge .swiper-pagination {position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10;} .page-aboutlounge .swiper-pagination.swiper-pagination-hidden {opacity:0;} .page-aboutlounge .swiper-pagination-fraction, .page-aboutlounge .swiper-pagination-custom, .page-aboutlounge .swiper-container-horizontal > .swiper-pagination-bullets {width:100%;left:0;bottom:10px;} .page-aboutlounge .swiper-pagination-bullet {width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:0.2;} .page-aboutlounge button.swiper-pagination-bullet {margin:0;padding:0;border:none;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none;} .page-aboutlounge .swiper-pagination-clickable .swiper-pagination-bullet {cursor:pointer;} .page-aboutlounge .swiper-pagination-white .swiper-pagination-bullet {background-color:#fff;} .page-aboutlounge .swiper-pagination-bullet-active {background:#007aff;opacity:1;} .page-aboutlounge .swiper-pagination-white .swiper-pagination-bullet-active {background-color:#fff;} .page-aboutlounge .swiper-pagination-black .swiper-pagination-bullet-active {background:#000;} .page-aboutlounge .swiper-container-vertical > .swiper-pagination-bullets {right:10px;top:50%;-webkit-transform:translate3d(0, -50%, 0);-moz-transform:translate3d(0, -50%, 0);-o-transform:translate(0, -50%);-ms-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);} .page-aboutlounge .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {margin:5px 0;display:block;} .page-aboutlounge .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;} .page-aboutlounge .swiper-button-prev, .page-aboutlounge .swiper-button-next {width:27px;height:44px;margin-top:-22px;position:absolute;top:50%;background-size:27px 44px;background-position:center;background-repeat:no-repeat;cursor:pointer;z-index:10;} .page-aboutlounge .swiper-button-prev.swiper-button-disabled, .page-aboutlounge .swiper-button-next.swiper-button-disabled {cursor:auto;pointer-events:none;opacity:0.35;} .page-aboutlounge .swiper-button-prev, .page-aboutlounge .swiper-container-rtl .swiper-button-next {left:10px;right:auto;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");} .page-aboutlounge .swiper-button-prev.swiper-button-black, .page-aboutlounge .swiper-container-rtl .swiper-button-next.swiper-button-black {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");} .page-aboutlounge .swiper-button-prev.swiper-button-white, .page-aboutlounge .swiper-container-rtl .swiper-button-next.swiper-button-white {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");} .page-aboutlounge .swiper-button-next, .page-aboutlounge .swiper-container-rtl .swiper-button-prev {right:10px;left:auto;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");} .page-aboutlounge .swiper-button-next.swiper-button-black, .page-aboutlounge .swiper-container-rtl .swiper-button-prev.swiper-button-black {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");} .page-aboutlounge .swiper-button-next.swiper-button-white, .page-aboutlounge .swiper-container-rtl .swiper-button-prev.swiper-button-white {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");} .page-aboutlounge .main-banner {position:relative;padding:0px;height:500px;background-attachment:fixed;background-size:cover;background-position:center;box-sizing:border-box;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-backface-visibility:hidden;text-align:center;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;z-index:100;} .page-aboutlounge .main-banner h2 {opacity:1;position:relative;top:0;margin-top:0;margin-bottom:7px;padding:0 5px;font-size:28px;font-weight:300;color:#fff;line-height:1.5;} .page-aboutlounge .main-banner h3 {opacity:1;position:relative;top:0;margin-top:0;margin-bottom:7px;padding:0 5px;font-size:20px;font-weight:300;color:#fff;line-height:1.5;} .page-aboutlounge .title-logo {margin:0 auto;background-position:center;width:250px;height:224px;background-image:url(../Img/lounge/logo_10pinglounge_neon.png);background-size:contain;background-repeat:no-repeat;box-sizing:border-box;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);} .page-aboutlounge .main-tx {position:relative;width:100%;padding:25px 0;margin:0 auto;background-color:rgb(41, 54, 85);color:#c0a66f;line-height:1.5em;font-size:16px;text-align:center;z-index:3;} .page-aboutlounge .main-banner p {display:inline-block;font-size:15px;color:#fff;font-weight:300;line-height:1.5;text-align:left;} .page-aboutlounge .main-banner .main-cont {width:100%;background-color:rgba(0,0,0,0.4);display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:box;-webkit-box-pack:center;-webkit-box-orient:vertical;align-items:center;justify-content:center;-ms-flex-direction:column;position:relative;height:100%;z-index:2;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-backface-visibility:hidden;} .page-aboutlounge .main-banner .main-cont .area-go-btn {margin:0 auto;margin-top:20px;} .page-aboutlounge .main-banner .main-cont .area-go-btn button {background-color:#fff;color:#555;padding:7px;width:150px;font-size:16px;-webkit-border-radius:30px;-ms-border-radius:30px;border-radius:30px;} /**타이틀**/ .page-aboutlounge .tit-type {margin:0 auto;text-align:center;} .page-aboutlounge .tit-type:after {content:'';width:0;margin:0.6em 0 0.4em;} .page-aboutlounge .tit-type.s1 {text-align: left; line-height:1.39;margin:0 1.5rem 0;padding-top:1.56em;color:#222;font-size:25px;font-weight:300;overflow:hidden;} .page-aboutlounge .tit-type:after {content:'';width:1.52em;height:1px;margin:0.6em 0 0.96em;display:block;background-color:#222;} .page-aboutlounge .cont-board-lounge {min-height:220px;max-width:930px;padding:2rem 1.5rem 1.5rem 17rem;font-size:16px;font-weight:300;line-height:1.5;background-image:url(../img/lounge/img_aboutlounge.png);background-repeat:no-repeat;background-size:300px;background-position:20px 0px;overflow:hidden;} .page-aboutlounge .txt-type02.s4 {position:relative;padding:20px 15px 20px 50px;text-align:left;font-size:15px;} .page-aboutlounge .txt-type02.s4:before {content:'';width:32px;height:32px;display:inline-block;position:absolute;top:14px;left:15px;background-image:url(../img/bg_icon_sprite.png?version=201807091600);background-repeat:no-repeat;background-position:-352px -32px;background-size:640px auto;vertical-align:middle;z-index:1;} .page-aboutlounge .txt-type02.s4 a {position:absolute;top:7px;right:20px;} /*** mobile ***/ @media (max-width:700px) and (orientation:landscape) { .page-aboutlounge .main-banner {height:auto !important;padding:8rem 20px 5.2rem;} .page-aboutlounge .main-banner h2 {font-size:30px;} .page-aboutlounge .main-banner p {font-size:14px;} .page-aboutlounge .wrap-scroll .main-banner {background-position:100% 0;} .page-aboutlounge .main-banner .main-cont:before, .page-aboutlounge .main-banner .main-cont:after {display:none;} .page-aboutlounge .title-logo {margin-bottom:30px;} } @media (min-width:1000px) { .page-aboutlounge .cont-board-lounge{margin:0 auto;max-width:600px;} } /*** desktop ***/ @media (max-width:768px) { .page-aboutlounge .main-banner {padding:0;} .page-aboutlounge .main-banner p {font-size:14px;} .page-aboutlounge .wrap-scroll .main-banner {background-position:50% -50px;} .page-aboutlounge .main-tx {font-size:15px;} .page-aboutlounge .swiper-container, .page-aboutlounge .swiper-container .swiper-wrapper, .page-aboutlounge .main-banner, .page-aboutlounge .emptyspace {width:100%;} .page-aboutlounge .main-banner .main-cont .area-go-btn {margin-top:10px;} .page-aboutlounge .main-banner .main-cont .area-go-btn button {width:130px;font-size:15px;} .page-aboutlounge .cont-board-lounge{font-size:15px;background:none;padding:0 1.5rem 01.5rem;min-height:auto;} .page-aboutlounge .txt-type02.s4 {padding-right:70px;} .page-aboutlounge .txt-type02.s4 a {right:10px;} } /*** mobile ***/ @media (max-width:640px) { .page-aboutlounge .main-banner .main-cont:before, .page-aboutlounge .main-banner .main-cont:after {display:none;} .page-aboutlounge .main-banner h2 {font-size:20px;} .page-aboutlounge .main-banner h3 {font-size:15px;} .page-aboutlounge .swiper-container, .page-aboutlounge .swiper-container .swiper-wrapper, .page-aboutlounge .main-banner/**, .emptyspace**/{height:50rem;width:100%;} .page-aboutlounge .btn-wrap02 .btn-type {width:50%;} } @media (max-width:380px) { .page-aboutlounge .main-banner h2{font-size:1.2em;padding-top:25px;} .page-aboutlounge .main-banner h3{font-size:1em;padding-top:10px;} .page-aboutlounge .swiper-container, .page-aboutlounge .swiper-container .swiper-wrapper, .page-aboutlounge .main-banner, .page-aboutlounge .emptyspace {height:42rem;} } @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { .page-aboutlounge .txt-type02.s4:before {background-image:url(../img/bg_icon_sprite@2x.png?version=201807091600);} } /************************************************* 신청권 수신함 *************************************************/ .page-mailbox .form-type {max-width: 700px;} .page-mailbox .txt-nodata.s2 {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:box;-webkit-box-pack:center;-webkit-box-orient:vertical;align-items:center;justify-content:center;-ms-flex-direction:column;margin-top:4px;width:100%;height:250px;background-color:#fff;border-bottom:1px solid #b3b6b9;box-shadow:1px 1px 0 0 rgba(0,0,0,0.1);text-align:center;color:#1db2c6;font-size:22px;} .page-mailbox .txt-nodata.s2:before {content:'';display:block;margin:-60px auto 0;width:128px;height:128px;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-size:640px auto;background-position:-128px -139px;} .page-mailbox .txt-nodata.s2 span {font-size:15px;color:#999;} .page-mailbox .list-type07 {padding:0;} .page-mailbox .list-type07 > li {position:relative;padding:0 1.5rem;} .page-mailbox .list-type07 > li a:after {content:'';width:32px;height:32px;margin:-16px 0;display:block;position:absolute;top:46%;right:12px;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-128px -32px;background-size:640px auto;} .page-mailbox .list-type07 > li a.open:after {background-position:-160px -32px;} .page-mailbox .list-type07 > li .tit-type02 a {padding:15px 0; display: inline; } .page-mailbox .list-type07 > li .tit-type02 a:after{width: 0;} .page-mailbox .list-type07 > li a p {font-weight:300;font-size:14px;display:inline;line-height:1.8;padding-top:20px;} .page-mailbox .list-type07 h3 {padding-top:10px;} .page-mailbox .list-type07 div.txt-state {min-width:70px;padding:2px 8px;display:inline;top:3px;} .page-mailbox .list-type07 .list-img {width:80px;height:80px;margin-right:15px;;background-image:none;} .page-mailbox .list-type07 .list-img img {display:block;} .page-mailbox .view-cont {border-top:1px dotted #ddd;padding:1rem 0 0;} .page-mailbox .view-cont .view-img {margin:0 auto;max-width:700px;} .page-mailbox .view-cont .view-img img {width:100%;max-width:700px;} .page-mailbox .view-cont .form-type {position:relative;} .page-mailbox .view-cont .tit-type02 {padding:0.7rem 0 0.2rem;line-height: 1.5;font-size:14px; color:#555; margin-top: 16px;font-weight: 400;} .page-mailbox .view-cont .tit-type02.area-txt {font-size:17px; color:#222;font-weight:400;} .page-mailbox .view-cont .txt-limit {position:relative;top:5px;text-align:right;font-size:12px;color:#999;} .page-mailbox .view-cont .total {padding-top:20px;color:#ff1461;font-size:18px;font-weight:500;text-align:center;} .page-mailbox .view-cont .txt-type04 {margin:0 auto;display:table;} .page-mailbox .view-cont .btn-limit {margin:0.5rem 0 0 0;text-align:right;} .page-mailbox .view-cont .btn-limit .btn-type {min-width:100px;padding:8px 12px;} .page-mailbox .view-cont .btn-limit .btn-type:after {display:none;} .page-mailbox .view-cont .form-unite {overflow:hidden;padding:10px 0;} .page-mailbox .view-cont .form-unite .input-txt-wrap {float:left;width:50%;padding-right:10px;display:inline;box-sizing:border-box;} .page-mailbox .view-cont .form-unite .input-txt-wrap + .input-txt-wrap {padding-right:0;padding-left:10px;} .page-mailbox .view-cont .input-txt, .page-mailbox .view-cont .select-type02 {margin:0;} /**텐핑라운지 설명 **/ .page-mailbox .cont-about {margin:1.5rem;} .page-mailbox .cont-about .bg-membership {padding:40px 30px;background-color:#e4d3c1;background-image:url(../Img/lounge/bg_benefit_01.jpg);background-repeat:no-repeat;background-position:50% 62%;background-size:cover;box-sizing:border-box;-webkit-backface-visibility:hidden;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);transition:all 0.5s ease-in-out;} .page-mailbox .cont-about .bg-membership.sunny10ping {background-image:url(../Img/lounge/bg_benefit_02.jpg);background-position:50% 47%;} .page-mailbox .cont-about .bg-membership.promaketer {background-image:url(../Img/lounge/bg_benefit_03.jpg);background-position:50% 45%;} .page-mailbox .cont-about .bg-membership.counseling {background-image:url(../Img/lounge/bg_benefit_04.jpg);background-position:50% 70%;} .page-mailbox .cont-about .bg-membership .box-color {max-width:400px;padding:20px;background-color:rgba(12, 190, 212, 0.6);color:#fff;text-align:left;} .page-mailbox .cont-about .bg-membership .box-color h3 {font-weight:300;font-size:25px;text-shadow:0px 0px 1px #008696;} .page-mailbox .cont-about .bg-membership .box-color .about-text {font-weight:300;font-size:15px;padding-top:20px;text-shadow:0px 0px 1px #008696;} /**텐핑라운지 혜택 **/ .page-mailbox .cont-about .txt-benefit {padding:20px 0;text-align:left;overflow:hidden;} .page-mailbox .cont-about .txt-benefit .tit-type {line-height:1.39;width:200px;margin:5px 0 0 0 ;padding:0 30px 0 0;font-size:18px;color:#00bdcd;font-weight:300;overflow:hidden;float:left;} .page-mailbox .cont-about .txt-benefit ul.list-benefit {width:65%;float:left;overflow:hidden;} .page-mailbox .cont-about .txt-benefit ul.list-benefit li {position:relative;line-height:150%;margin:5px 0;padding-left:26px;float:left;width:35%;min-width:320px;font-size:1.05em;color:#777;vertical-align:middle;} .page-mailbox .cont-about .txt-benefit ul.list-benefit li em {position:absolute;left:0px;font-size:1.3em;color:rgba(12, 190, 212, 1);font-weight:300;font-family:Baskerville, 'Palatino Linotype', Palatino, 'Century Schoolbook L', 'Times New Roman', 'serif';line-height:inherit;padding-right:3px;} /*** desktop ***/ @media (min-width:1200px){ .page-mailbox .cont-about .bg-membership .box-color {max-width:450px;} } /*** mobile ***/ @media (max-width:768px) { .page-mailbox .list-type07 .list-tit {padding-right:30px;} .page-mailbox .list-type07 > li a:after {right:0;} .page-mailbox .form-type {padding:15px 0;} .page-mailbox .view-cont .txt-type04 {font-size:13px;} .page-mailbox .view-cont .form-unite .input-txt-wrap {float:none;width:100%;padding:0;} .page-mailbox .view-cont .select-type02{margin:10px 0;} .page-mailbox .view-cont .txt-limit {top:0px;right:0;} .page-mailbox .view-cont .btn-limit {right:0;} /**텐핑라운지 설명 **/ .page-mailbox .cont-about {margin:10px 0;} .page-mailbox .cont-about .bg-membership .box-color {max-width:420px;padding:15px;} /**텐핑라운지 혜택 **/ .page-mailbox .cont-about .txt-benefit {padding:20px;text-align:left;overflow:hidden;} .page-mailbox .cont-about .txt-benefit ul.list-benefit {float:left;overflow:hidden;} .page-mailbox .cont-about .txt-benefit ul.list-benefit li {width:100%;font-size:1em;vertical-align:middle;float:left;} } @media (max-width:640px) { .page-mailbox .cont-about .txt-benefit ul.list-benefit {width:100%;} .page-mailbox .cont-about .bg-membership .box-color {background-color:rgba(12, 190, 212, 0.75);} .page-mailbox .cont-about .txt-benefit .tit-type:after {content:'';width:1.52em;height:1px;margin:0.6em 0 0.96em;display:block;background-color:#222;} } @media (max-width:380px) { .page-mailbox .cont-about .bg-membership {padding:30px 15px;background-image:url(../Img/lounge/bg_benefit_01.jpg) no-repeat 50% 0;background-size:200%;} .page-mailbox .cont-about .bg-membership .box-color {padding:10px;} .page-mailbox .cont-about .bg-membership .box-color h3 {font-size:20px;} .page-mailbox .cont-about .bg-membership .box-color .about-text {font-size:14px;padding-top:15px;line-height:150%;} .page-mailbox .cont-about .txt-benefit ul.list-benefit {width:100%;float:left;overflow:hidden;} .page-mailbox .cont-about .txt-benefit ul.list-benefit li em {font-size:1.5em;} } /*** retina specific ***/ @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { .page-mailbox .txt-nodata.s2:before {background-image:url(../img/bg_icon_sprite@2x.png);} .page-mailbox .list-type07 li a:after {background-image:url(../img/bg_shapes_sprite@2x.png);} } /************************************************* 업무 공간 지원 - 텐핑스쿨 지역별 게시판 *************************************************/ /************************************************* 텐핑스쿨배너 *************************************************/ .page-school .area-select-menu {position: relative;} .page-school .btn-select-close {display:none;} .page-school .swiper-container {width:100%;height:500px;margin-left:auto;margin-right:auto;position:relative;z-index:1;} .page-school .swiper-container .swiper-wrapper {width:100%;height:100%;z-index:1;} .page-school .swiper-container .swiper-wrapper {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-o-transform:translate(0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} .page-school .swiper-container-fade .swiper-slide {pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;} .page-school .swiper-container .swiper-slide {width:100%;height:100%;background-position:center;background-size:cover;pointer-events:auto;} .page-school .swiper-pagination-fraction, .page-school .swiper-pagination-custom, .page-school .swiper-container-horizontal > .swiper-pagination-bullets {width:100%;left:0;bottom:10px;} .page-school .swiper-pagination {position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10;} .page-school .swiper-pagination.swiper-pagination-hidden {opacity:0;} .page-school .swiper-pagination-fraction, .page-school .swiper-pagination-custom, .page-school .swiper-container-horizontal > .swiper-pagination-bullets {width:100%;left:0;bottom:10px;} .page-school .swiper-pagination-bullet {width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:0.2;} .page-school button.swiper-pagination-bullet {margin:0;padding:0;border:none;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none;} .page-school .swiper-pagination-clickable .swiper-pagination-bullet {cursor:pointer;} .page-school .swiper-pagination-white .swiper-pagination-bullet {background-color:#fff;} .page-school .swiper-pagination-bullet-active {background:#007aff;opacity:1;} .page-school .swiper-pagination-white .swiper-pagination-bullet-active {background-color:#fff;} .page-school .swiper-pagination-black .swiper-pagination-bullet-active {background:#000;} .page-school .swiper-container-vertical > .swiper-pagination-bullets {right:10px;top:50%;-webkit-transform:translate3d(0, -50%, 0);-moz-transform:translate3d(0, -50%, 0);-o-transform:translate(0, -50%);-ms-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);} .page-school .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {margin:5px 0;display:block;} .page-school .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;} .page-school .swiper-button-prev, .page-school .swiper-button-next {width:27px;height:44px;margin-top:-22px;position:absolute;top:50%;background-size:27px 44px;background-position:center;background-repeat:no-repeat;cursor:pointer;z-index:10;} .page-school .swiper-button-prev.swiper-button-disabled, .page-school .swiper-button-next.swiper-button-disabled {cursor:auto;pointer-events:none;opacity:0.35;} .page-school .swiper-button-prev, .page-school .swiper-container-rtl .swiper-button-next {left:10px;right:auto;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");} .page-school .swiper-button-prev.swiper-button-black, .page-school .swiper-container-rtl .swiper-button-next.swiper-button-black {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");} .page-school .swiper-button-prev.swiper-button-white, .page-school .swiper-container-rtl .swiper-button-next.swiper-button-white {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");} .page-school .swiper-button-next, .page-school .swiper-container-rtl .swiper-button-prev {right:10px;left:auto;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");} .page-school .swiper-button-next.swiper-button-black, .page-school .swiper-container-rtl .swiper-button-prev.swiper-button-black {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");} .page-school .swiper-button-next.swiper-button-white, .page-school .swiper-container-rtl .swiper-button-prev.swiper-button-white {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");} .page-school .main-banner {position:relative;padding:0px;height:500px;background-attachment:fixed;background-size:cover;background-position:center;box-sizing:border-box;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-backface-visibility:hidden;text-align:center;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;z-index:100;} .page-school .main-banner h2 {opacity:1;position:relative;top:0;margin-top:0;margin-bottom:7px;padding:0 5px;font-size:28px;font-weight:300;color:#fff;line-height:1.5;} .page-school .main-banner h3 {opacity:1;position:relative;top:0;margin-top:0;margin-bottom:7px;padding:0 5px;font-size:20px;font-weight:300;color:#fff;line-height:1.5;} .page-school .title-logo {margin:0 auto;background-position:center;width:250px;height:180px;background-image:url("../Img/recruit/logo_10pingschool_2.png");background-size:contain;background-repeat:no-repeat;box-sizing:border-box;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);} .page-school .main-tx {position:relative;width:100%;padding:25px 0;margin:0 auto;background-color:rgb(41, 54, 85);color:#c0a66f;line-height:1.5em;font-size:16px;text-align:center;z-index:3;} .page-school .main-banner p {display:inline-block;font-size:15px;color:#fff;font-weight:300;line-height:1.5;text-align:left;} .page-school .main-banner .main-cont {width:100%;background-color:rgba(0,0,0,0.3);display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:box;-webkit-box-pack:center;-webkit-box-orient:vertical;align-items:center;justify-content:center;-ms-flex-direction:column;position:relative;height:100%;z-index:2;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-backface-visibility:hidden;} .page-school .main-banner .main-cont .area-go-btn {margin:0 auto;margin-top:20px;} .page-school .main-banner .main-cont .area-go-btn button {background-color:#fff;color:#555;padding:7px;width:150px;font-size:16px;-webkit-border-radius:30px;-ms-border-radius:30px;border-radius:30px;} /**특별한 혜택-**/ .page-school .cont-type { padding: 0 1.5rem 0.55rem;} .page-school .tit-type.s1+.txt-base {display: block; width:100%;padding:0 0 20px 0;box-sizing: border-box;} .page-school .tit-type.s1 {text-align: left; line-height:1.39;margin:0 ;padding-top:1.56em;color:#222;font-size:25px;font-weight:300;overflow:hidden;} .page-school .tit-type.s1:after {content:'';width:1.52em;height:1px;margin:0.6em 0 0.96em;display:block;background-color:#222;} .page-school .box-type.s2 ul {overflow:hidden;padding:20px;} .page-school .box-type.s2 li {float:left;position:relative;width:25%;padding: 0 10px;box-sizing: border-box; text-align:center;} .page-school .box-type.s2 li .icon_benefit {display: block;padding-bottom:30px;margin: 0 auto;position: relative;} .page-school .box-type.s2 li .icon_benefit:after{content:'';display:block;position: absolute; top:0px; left:50%; width:28px; height:1px; background-color:#333;margin-top:110px;margin-left:-14px;} .page-school .box-type.s2 li .icon_benefit img {width: 96px;} .page-school .box-type.s2 li span {text-align:center;} /**지역게시판-**/ .page-school .box-list {margin-top:10px;} .page-school .box-list ul.list-border {border-top:1px solid #999; } .page-school .box-list ul.list-border.s1 {padding:10px 15px; border-top:1px solid #ddd;} .page-school .box-list ul.list-border li {border-bottom:1px dotted #ddd;box-sizing: border-box;padding: 10px 20px;;} .page-school .box-list ul.list-border li:last-child {border-bottom:1px solid #ddd;} .page-school .box-list ul.list-border li a{position: relative; padding-left:10px;height:1.6em;line-height:1.4em;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;color:#555;font-size:15px;font-weight:300;overflow:hidden;} .page-school .box-list ul.list-border li a em {padding:2px 5px; line-height: 1.4; background-color: #00bdcd; color:#fff; font-size:11px;border-radius: 3px;} .page-school .box-list ul.list-border li a.new:before {content:'';width:3px;height:3px;display:inline-block;position:absolute;left:0px;top:8px;background-color:#ff003c;border-radius:30px;} /**담당매니저**/ .page-school .box-list .list-community {width:100%; margin:0px;border-top: 1px solid #999; overflow: hidden;} .page-school .box-list .list-community.box-3 li.manager, .page-school .box-list .list-community.box-1 li.manager{width:100%;height:280px;} .page-school .box-list .list-community li.manager {position: relative;float: left;padding:20px 15px;width: 50%;height:250px;color:#555;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd; box-sizing: border-box;overflow: hidden} .page-school .box-list .list-community li.manager {height:300px;} .page-school .box-list .list-community li.manager:last-child{border-right: 0;} .page-school .box-list .list-community li.manager span {display: block; font-size: 15px; color:#555;font-weight: 300;} .page-school .box-list .list-community li.manager span {line-height: 1.5;} .page-school .box-list .list-community li.manager h3 {font-size: 20px; font-weight: 300;} .page-school .box-list .list-community li.manager .area-txt {padding-top:20px;display: inline-block;width: calc(100% - 105px);text-align: left;box-sizing: border-box;} .page-school .box-list .list-community li.manager .area-txt h3 {margin-top:5px; color:#333;} .page-school .box-list .list-community li.manager .area-img{display: inline-block;width:100px;vertical-align: top; } .page-school .box-list .list-community li.manager .area-img img{width:100%; border-radius: 100px;} .page-school .box-list .list-community li.manager .wrap-btn-go {margin-top: 5px;text-align:left;margin-left: 10px;} .page-school .box-list .list-community li.manager .wrap-btn-go a {display: inline-block; padding-right:15px; font-size: 12px;} .page-school .box-list .list-community li.manager .list-teacher {display: block; width: 100%;} .page-school .box-list .list-community li.manager .list-teacher li {position: relative; display: block; padding:3px 10px;color:#777; font-size:14px;} .page-school .box-list .list-community li.manager .list-teacher li:before {content:'';width:5px;height:1px;display:inline-block;position:absolute;left:0px;top:12px;background-color:#999;border-radius:30px;} .page-school .box-list .list-community li.manager .list-teacher li.title {margin:10px 0;padding:5px 0px;font-size:16px;color:#555;} .page-school .box-list .list-community li.manager .list-teacher li.title:before {display:none; } /**티타임 초대장**/ .page-school .box-type.teatime h2{color: #fff; text-align: center;margin:0; width: 100%;margin-bottom: 10px;box-sizing: border-box;} .page-school .box-type.teatime .txt-base {color: #fff; text-align: center;margin:0;padding:0; width: 100%;box-sizing: border-box;} .page-school .box-type.teatime h2:after{display: none;} .page-school .box-type.teatime .tit-type02{color:#fff; padding:5px 0; font-size: 14px;} .page-school .box-type.teatime .form-type textarea{padding:12px;border-radius: 3px;} .page-school .box-type.teatime .txt-limit {display: inline-block;} .page-school .box-type.teatime .input-txt{background-color: #fff;padding:7px 12px 6px;border-radius: 3px;} .page-school .box-type.teatime select{background-color: #fff;padding:12px;border-radius: 3px;background-position: 98% -78px;} .page-school .box-type.teatime .input-txt-wrap {width: 49%;display: inline-block;vertical-align: top;} .page-school .box-type.teatime .input-txt-wrap + .input-txt-wrap {float: right;} .page-school .box-type.teatime .btn-wrap{margin: 10px 0;width: 100%;} .page-school .box-type.teatime .btn-type02{background: #fff;} .page-school .form-type textarea{padding:12px; height: 4.2rem;border:1px solid #00bdcd;border-radius: 3px;} /**오시는 길**/ .page-school .form-type.map {padding: 0;} .page-school .form-type.map .tit-type02 {text-align: center; font-size: 25px; padding: 0.3rem 0 0.9rem;margin-top: 20px;} .page-school .form-type.map .tit-type02.s1 {text-align:left; font-size: 14px; padding: 0rem;color:#777;} @media (min-width:1100px) { .page-school .box-list .list-community.box-3 li.manager{width:33.3%;height:300px;} .page-school .box-list .list-community.box-1 li.manager{width:50%;height:300px;border-right:1px solid #ddd;} } @media (max-width:768px) { .page-school .main-banner h3 {font-size:15px;} .page-school .box-list .list-community li.manager, .page-school .box-list .list-community.box-3 li.manager{height:270px; } .page-school .box-list .list-community li.manager .area-img {width:80px;} .page-school .box-list .list-community li.manager .area-txt {padding-top: 10px; width: calc(100% - 85px);} .page-school .box-list .list-community li.manager .list-teacher li {font-size:13px;} .page-school .box-list .list-community li.manager .list-teacher li.title {font-size:14px;} .page-school .box-type.teatime .input-txt-wrap {width: 100%} .page-school .box-type.teatime .input-txt {padding:4px 5px;margin: 5px 0;} .page-school .box-type.teatime .select-type02{font-size:15px;margin: 5px 0; padding:10px 5px;background-position: 98% -83px;} .page-school .box-type.teatime .form-type{padding:10px } .page-school .tit-type.s1 {padding-top: 1em; font-size:20px;} .page-school .box-list .list-community li.manager .area-txt h3{font-size:17px;} .tab-type02.dispaly-m {display: none;} } @media (max-width:640px) { .page-school .box-type.s2 li {width:50%; min-height: 195px;padding:15px;} .page-school .box-list .list-community li.manager{width: 100%;height: auto!important;} .page-school .form-type.map .tit-type02 {font-size: 18px;} } /************************************************* 업무 공간 지원 - 제휴 지점 *************************************************/ .page-brunchlist .area-brn {overflow:hidden;margin-top:-15px;} .page-brunchlist .area-brn p{margin-top:15px;} .page-brunchlist .txt-base {display: inline-block; width: calc(100% - 200px);} .page-brunchlist a.btn-map {float: right;margin-right: 0.8rem;} .page-brunchlist .txt-type02.s4 {position:relative;padding:20px 15px 20px 50px;text-align:left;font-size:15px;} .page-brunchlist .txt-type02.s4:before {content:'';width:32px;height:32px;display:inline-block;position:absolute;top:14px;left:15px;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-352px -32px;background-size:640px auto;vertical-align:middle;z-index:1;} .page-brunchlist .txt-type02.s4 a {position:absolute;top:7px;right:20px;} .page-brunchlist .list-type07 li {padding:20px 0;} .page-brunchlist .list-type07 .list-tit {font-weight:300;word-wrap:normal;white-space:normal;} .page-brunchlist .list-type07 .list-img {width:110px;height:110px;} .page-brunchlist .list-type07 .list-cont {display:block;font-size:14px;padding-left:124px;} .page-brunchlist .list-type07 .btn-wrap {margin:1.5rem 0 0 0;} /**업무공간 지원 업체 혜택 자동화-**/ .page-brunchlist .area-benefit .box-type.s2 {margin-top:20px;} .page-brunchlist .area-benefit .box-type.s2 li {padding-top:20px;} .page-brunchlist .area-benefit .box-type.s2 li:before{display: none;} .page-brunchlist .box-type.s2 li .icon_benefit {display: block;padding-bottom:30px;margin: 0 auto;position: relative;} .page-brunchlist .box-type.s2 li .icon_benefit:after{content:'';display:block;position: absolute; top:0px; left:50%; width:28px; height:1px; background-color:#333;margin-top:110px;margin-left:-14px;} .page-brunchlist .box-type.s2 li .icon_benefit.s1:after{display: none;} .page-brunchlist .box-type.s2 li .icon_benefit img {width: 96px;} .page-brunchlist .box-type.s2 li span {text-align:center;} .page-brunchlist .area-logo {margin:0 auto;width:192px;height:96px;background-image:url(../img/bg_support.png?version=201801230155);background-repeat:no-repeat;background-position:0px 0px;background-size:640px auto;vertical-align:middle;z-index:1;font-size:0;} .page-brunchlist .area-logo.pinpoint {background-position:-193px 0px;} .page-brunchlist .area-logo.pathfinder {background-position:-385px 0px;} .page-brunchlist .area-logo.fairworks {background-position:0px -97px;} .page-brunchlist .box-type.s2 ul {overflow:hidden;padding:20px;} .page-brunchlist .box-type.s2 li {float:left;position:relative;width:25%;padding-top:150px;text-align:center;} .page-brunchlist .box-type.s2 li:before {content:'';display:inline-block;position:absolute;top:10px;left:50%;margin-left:-64px;width:128px;height:128px;background-image:url(../img/bg_support.png?version=201802211402);background-repeat:no-repeat;background-position:0 -500px;background-size:640px auto;vertical-align:middle;z-index:5;} .page-brunchlist .box-type.s2 li.fastfive01:before {background-position:0 -500px;} .page-brunchlist .box-type.s2 li.fastfive02:before {background-position:-129px -500px;} .page-brunchlist .box-type.s2 li.fastfive03:before {background-position:-257px -500px ;} .page-brunchlist .box-type.s2 li.fastfive04:before {background-position:-385px -500px ;} .page-brunchlist .box-type.s2 li.pinpoint01:before {background-position:0 -628px;} .page-brunchlist .box-type.s2 li.pinpoint02:before {background-position:-129px -628px;} .page-brunchlist .box-type.s2 li.pinpoint03:before {background-position:-257px -628px ;} .page-brunchlist .box-type.s2 li.pinpoint04:before {background-position:-385px -628px ;} .page-brunchlist .box-type.s2 li.pathfinder01:before {background-position:0 -756px;} .page-brunchlist .box-type.s2 li.pathfinder02:before {background-position:-129px -756px;} .page-brunchlist .box-type.s2 li.pathfinder03:before {background-position:-257px -756px;} .page-brunchlist .box-type.s2 li.pathfinder04:before {background-position:-385px -756px;} /**fairworks**/ .page-brunchlist .box-type.s2 li.fairworks01:before {background-position:0 -884px;} .page-brunchlist .box-type.s2 li.fairworks02:before {background-position:-129px -884px;} .page-brunchlist .box-type.s2 li.fairworks03:before {background-position:-257px -884px;} .page-brunchlist .box-type.s2 li.fairworks04:before {background-position:-385px -884px;} .page-brunchlist .cont-type {padding:0;} .page-brunchlist .cont-tit:after {margin:0.6em auto 0;} .page-brunchlist .area-map {height:430px;position:relative;overflow: hidden;} .page-brunchlist .area-map #map {height:430px;position:relative;} .page-brunchlist .area-map .area-location {margin-left:-150px;width:300px;position:absolute;left:50%;top:10px;} .page-brunchlist .area-map .area-location > ul {position:relative;width:300px;background:#00bdcd;border-radius:30px;overflow:hidden;} .page-brunchlist .area-map .area-location > ul li {padding:8px 11px;float:left;border:1px solid #00bdcd;} .page-brunchlist .area-map .area-location > ul li.txt-city {color:#fff;height:18px;} /**.page-brunchlist .area-map .area-location > ul li.txt-city:after {content:'';width:32px;height:32px;position:absolute;top:0;right:0;background-image:url(../img/bg_select_sprite.png);background-repeat:no-repeat;background-position:100% -135px;background-size:32px auto;}**/ /**수정 */ .page-brunchlist .area-map .area-location > ul.s1 {position:relative;overflow:hidden;background:#fff;border:1px solid #00bdcd;border-radius:30px;} .page-brunchlist .area-map .area-location > ul.s1 li {padding:8px 11px;float:none; border:0px;text-align: center;} .page-brunchlist .area-map .area-location > ul.s1 li.txt-city {color:#00bdcd;;height:18px;} .page-brunchlist .area-map .area-location .select-city {margin-left:-135px;width:270px;position:absolute;left:50%;top:0;border-radius:20px;background-color:#00bdcd;z-index:1;} .page-brunchlist .area-map .area-location .select-city li {padding:8px 12px;color:#fff;font-size:14px;border-bottom:1px dotted #78e6f0;} .page-brunchlist .area-map .area-location .select-city li:after {content:'';width:32px;height:32px;position:absolute;top:0;right:0;background-image:url(../img/bg_select_sprite.png);background-repeat:no-repeat;background-position:100% -135px;background-size:32px auto;} .page-brunchlist .area-map .area-location .select-city li:hover, .page-brunchlist .area-map .area-location .select-city li button:hover {color:#a2f7ff} .page-brunchlist .area-map .area-location .select-city li button{color:#fff;} @media (max-width:929px) { .page-brunchlist .list-type07 .list-img img {display:block !important;} } @media (max-width:768px) { .page-brunchlist .txt-base {display: inline-block; width: calc(100% - 150px);} .page-brunchlist .list-type07 .list-img img {display:block !important;} .page-brunchlist .txt-type02.s4 {padding-right:70px;} .page-brunchlist .txt-type02.s4 a {right:10px;} } @media (max-width:640px) { .page-brunchlist .box-type.s2 ul li { width:50%} .page-brunchlist .area-map {height:280px;} .page-brunchlist .area-map #map {height:280px;} .page-brunchlist .area-map .area-location, .page-brunchlist .area-map .area-location .select-city {width :250px;margin-left:-145px; } .page-brunchlist .area-map .area-location ul {width :250px;} .page-brunchlist .area-map .area-location > ul li {padding:8px 11px;font-size:13px;} .page-brunchlist a.btn-map {font-size: 12px;} } @media (max-width:375px) { .page-brunchlist .list-type07 .list-cont {padding-left:0px;} .page-brunchlist .txt-base {display: inline-block; width: calc(100% - 140px);} .page-brunchlist .area-brn {overflow:hidden;margin-top:-10px;} .page-brunchlist .area-brn p{margin-top:10px;} } @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { .page-brunchlist .txt-type02.s4:before {background-image:url(../img/bg_icon_sprite@2x.png);} .page-brunchlist .area-logo, .page-brunchlist .box-type.s2 li:before { background-image:url(../img/bg_support@2x.png?version=201802211402);} } /************************************************* 업무 공간 지원 - 이용권 결제 *************************************************/ .page-paymentLecture [class^=check-type]:not(div), [class^=radio-type]:not(div) {margin: 5px 5px 5px 0;} .page-paymentLecture .form-type .tit-type02 {padding:0.7rem 0 0.2rem;line-height: 1.5;color:#01bdce;} .page-paymentLecture .form-type .txt-limit {position:relative;top:-25px;text-align:right;font-size:12px;color:#999;} .page-paymentLecture .form-type .txt-limit + textarea {padding: 0 0 12px 0;} @media (max-width:768px) { .page-paymentLecture .form-type .txt-limit {top:0px} } /************************************************* 업무 공간 지원 - 이용권 결제 *************************************************/ .page-paymentvoucher .txt-nodata.s2 {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:box;-webkit-box-pack:center;-webkit-box-orient:vertical;align-items:center;justify-content:center;-ms-flex-direction:column;margin-top:4px;width:100%;height:250px;background-color:#fff;border-bottom:1px solid #b3b6b9;box-shadow:1px 1px 0 0 rgba(0,0,0,0.1);text-align:center;color:#1db2c6;font-size:22px;} .page-paymentvoucher .txt-nodata.s2:before {content:'';display:block;margin:-60px auto 0;width:128px;height:128px;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-size:640px auto;background-position:-256px -139px;} .page-paymentvoucher .txt-nodata.s2 span {font-size:15px;color:#999;} .page-paymentvoucher .list-type07 {padding:0;} .page-paymentvoucher .list-type07 > li {position:relative;padding:0 1.5rem;} .page-paymentvoucher .list-type07 > li:last-child {border-bottom:1px solid #d2d2d2;} .page-paymentvoucher .list-type07 > li a:after {content:'';width:32px;height:32px;margin:-16px 0;display:block;position:absolute;top:46%;right:12px;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-128px -32px;background-size:640px auto;} .page-paymentvoucher .list-type07 > li a.open:after {background-position:-160px -32px;} .page-paymentvoucher .list-type07 > li a p {font-weight:300;font-size:14px;display:inline;line-height:1.8;padding-top:20px;} .page-paymentvoucher .list-type07 h3 {padding-top:10px;} .page-paymentvoucher .list-type07 div.txt-state {min-width:70px;padding:2px 8px;display:inline;top:3px;} .page-paymentvoucher .list-type07 .list-img {width:80px;height:80px;margin-right:15px;;background-image:none;} .page-paymentvoucher .list-type07 .list-img img {display:block;} .page-paymentvoucher .view-cont {padding:1rem 0 ;border-top:1px dotted #ddd;} .page-paymentvoucher .view-cont .view-img {margin:0 auto;max-width:700px;} .page-paymentvoucher .view-cont .view-img img {width:100%;max-width:700px;} .page-paymentvoucher .view-cont .form-type {position:relative;} .page-paymentvoucher .view-cont .tit-type02 {padding:0.7rem 0 0.2rem;} .page-paymentvoucher .view-cont .txt-limit {position:relative;top:5px;text-align:right;font-size:12px;color:#999;} .page-paymentvoucher .view-cont .total {padding-top:20px;color:#ff1461;font-size:18px;font-weight:500;text-align:center;} .page-paymentvoucher .view-cont .txt-type04 {margin:0 auto;display:table;} .page-paymentvoucher .view-cont .btn-limit {margin:0.5rem 0 0 0;text-align:right;} .page-paymentvoucher .view-cont .btn-limit .btn-type {min-width:100px;padding:8px 12px;} .page-paymentvoucher .view-cont .btn-limit .btn-type:after {display:none;} .page-paymentvoucher .view-cont .form-unite {overflow:hidden;padding:10px 0;} .page-paymentvoucher .view-cont .form-unite .input-txt-wrap {float:left;width:50%;padding-right:10px;display:inline;box-sizing:border-box;} .page-paymentvoucher .view-cont .form-unite .input-txt-wrap + .input-txt-wrap {padding-right:0;padding-left:10px;} .page-paymentvoucher .view-cont .input-txt, .page-paymentvoucher .view-cont .select-type02 {margin:0;} .page-paymentvoucher .box-type.s1 {margin:15px 0;padding:10px;} .page-paymentvoucher .box-type.s1 dl {padding:5px 15px;overflow:hidden;} .page-paymentvoucher .box-type.s1 dl dd {float:left;text-align:left;font-size:15px;color:#777;} .page-paymentvoucher .box-type.s1 dl dt {float:right;text-align:right;font-size:15px;} .page-paymentvoucher .box-type.s1 dl dt:before {width:0px;} .page-paymentvoucher .box-type.s1 dl.total4 {padding:10px 15px;overflow:hidden;border-top:1px dotted #ddd;} .page-paymentvoucher .box-type.s1 dl.total4 dd {color:#333;} .page-paymentvoucher .box-type.s1 dl.total4 dt {font-size:18px;font-weight:300;color:#ff1461;} .page-paymentvoucher .check-type.s1 {position:relative;padding-bottom:20px;} .page-paymentvoucher .check-type.s1 > label {font-size:0;} .page-paymentvoucher .check-type.s1 .txt-check {position:absolute;top:16px;left:35px;font-size:16px;color:#555;} .page-paymentvoucher .check-type.s1 .txt-check a.btn-link {display:inline;} .page-paymentvoucher .check-type.s1 .txt-check a.btn-link:after {width:0px;} @media (max-width:768px) { .page-paymentvoucher .list-type07 .list-tit {padding-right:30px;} .page-paymentvoucher .list-type07 > li a:after {right:0;} .page-paymentvoucher .form-type {padding:15px 0 0 0;} .page-paymentvoucher .view-cont .txt-type04 {font-size:13px;} .page-paymentvoucher .view-cont .form-unite .input-txt-wrap {float:none;width:100%;padding:0;} .page-paymentvoucher .view-cont .select-type02{margin:10px 0;} .page-paymentvoucher .view-cont .txt-limit {top:0px;right:0;} .page-paymentvoucher .view-cont .btn-limit {right:0;} .page-paymentvoucher .box-type.s1 dl dt {clear:none;} .page-paymentvoucher .check-type.s1 .txt-check, .page-paymentvoucher .check-type.s1 .txt-check a.btn-link {font-size:15px;} .page-paymentvoucher .txt-nodata.s2 span {font-size:13px;letter-spacing:-0.5px} } /*** retina specific ***/ @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { .page-paymentvoucher .txt-nodata.s2:before {background-image:url(../img/bg_icon_sprite@2x.png);} .page-brunchlist .area-map .area-location .select-city li:after {background-image:url(../img/bg_icon_sprite@2x.png);} .page-paymentvoucher .list-type07 li a:after {background-image:url(../img/bg_shapes_sprite@2x.png);} } /************************************************* 알림설정 *************************************************/ .page-notisetting .area-apppush:after{content:'';display:block;width:100%;height:0.4rem;border-top:1px solid #d7dadd;background-color:#e8ecef;margin-bottom: 5px;} .page-notisetting .area-apppush .txt-type02.s9.apppush {position: relative;border-bottom: 1px solid #b3b6b9;} .page-notisetting .area-apppush .txt-type02.s9.apppush p{width: calc(100% - 100px) ;display: inline-block;padding-left:40px;} .page-notisetting .area-apppush .txt-type02.s9.apppush p:before{content:"";width:32px;height:32px;position:absolute;top:10px;left:20px;background-image:url(../img/bg_icon_sprite.png?version=201810010350);background-repeat:no-repeat;background-position:-415px -267px;background-size:640px;} .page-notisetting .area-apppush .txt-type02.s9.apppush .btn-type02{display: inline-block;position: absolute; top:50%;right:10px;margin-top:-19px;} @media (max-width:768px) { .page-notisetting .area-apppush .txt-type02.s9.apppush p{padding-left:20px;} .page-notisetting .area-apppush .txt-type02.s9.apppush p:before{left:0px;} } @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { .page-notisetting .area-apppush .txt-type02.s9.apppush p:before {background-image:url(../img/bg_icon_sprite@2x.png?version=201810010350);} } /************************************************* 콘텐츠박스 가이드 *************************************************/ /***콘텐츠 박스 다각화 배포시 삭제해도 됩니다**/ #layerContBoxGuide .box-type > div { margin:0 0 5px 0;padding:10px;background-color:#fff;border:1px solid #dae2e3;display:block;overflow:hidden;} #layerContBoxGuide .box-type > div a { text-decoration:none;} #layerContBoxGuide .box-type > div a .img-msg {float:left;width:65px;height:65px;line-height:0;margin-right:10px;display:block;} #layerContBoxGuide .box-type > div a .img-msg img{ width:65px;height:65px;} #layerContBoxGuide .box-type > div .cont-msg { overflow:hidden;} #layerContBoxGuide .box-type > div .cont-msg .tit-msg{ height:1.4em;line-height:1.4em;margin:0 0 7px 0;color:#333;font-size:15px;word-break:break-all;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;} #layerContBoxGuide .box-type > div a .cont-msg .txt-msg{ height:2.8em;line-height:1.4em;color:#777;font-size:13px;word-break:break-all;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;} /**가로 텍스트 박스 **/ #layerContBoxGuide .box-type .area-cont-txt { margin:0 0 5px 0;padding:10px;background-color:#fff;border:1px solid #dae2e3;display:block;overflow:hidden;} #layerContBoxGuide .box-type .area-cont-txt a { text-decoration:none;} #layerContBoxGuide .box-type .area-cont-txt a .img-msg {float:left;width:65px;height:65px;line-height:0;margin-right:10px;display:block;} #layerContBoxGuide .box-type .area-cont-txt a .img-msg img{ width:65px;height:65px;} #layerContBoxGuide .box-type .area-cont-txt a .cont-msg { overflow:hidden;} #layerContBoxGuide .box-type .area-cont-txt a .cont-msg .tit-msg{ height:1.4em;line-height:1.4em;margin:0 0 7px 0;color:#333;font-size:15px;word-break:break-all;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;} #layerContBoxGuide .box-type .area-cont-txt a .cont-msg .txt-msg{ height:2.8em;line-height:1.4em;color:#777;font-size:13px;word-break:break-all;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;} #layerContBoxGuide .box-type.guide > div { padding:0;} #layerContBoxGuide .box-type p {font-size:14px;margin-top:20px;margin-bottom:10px;} #layerContBoxGuide .box-type p:first-child{margin-top:0;} #layerContBoxGuide .box-type .cont-check {border:2px solid #fe620f;} /**큰 사각 박스 **/ #layerContBoxGuide .box-type .area-cont-big {margin:5px auto;width:100%; max-width:800px; min-height:100%; background:none;background:#fff; border:1px solid #dae2e3; overflow:hidden;} #layerContBoxGuide .box-type .area-cont-big .box-cont {padding:10px 15px; box-sizing: border-box; } #layerContBoxGuide .box-type .area-cont-big .box-cont .cont-img{padding:5px 0;} #layerContBoxGuide .box-type .area-cont-big .box-cont .cont-img img{width:100%;} #layerContBoxGuide .box-type .area-cont-big .box-cont .cont-txt{margin:5px 0; color:#333; font-size:18px; font-weight:300;text-align:left;} /**작은 사각 박스 **/ #layerContBoxGuide .box-type .area-cont-sm {margin:5px auto; padding:0; width:100%; max-width:800px; min-height:100%; background:none;border:none;overflow:hidden;} #layerContBoxGuide .box-type .area-cont-sm .box-cont {width:33%; float: left;} #layerContBoxGuide .box-type .area-cont-sm .box-cont > div {margin:10px;} #layerContBoxGuide .box-type .area-cont-sm .box-cont .cont-img img{width:100%;} #layerContBoxGuide .box-type .area-cont-sm .box-cont .cont-txt{margin:5px 0; color:#333; font-size:13px;line-height:1.4em;height:2.6em;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;font-weight:300;text-align:left;overflow: hidden;} @media (max-width:640px) { #layerContBoxGuide .box-type .img-guide img {display:none;} #layerContBoxGuide .box-type .img-guide.naver {width:100%;height:120px;background:#fff url(../Img/img_guidenaver_01@2x.png) no-repeat;background-size:contain;background-position:center;} #layerContBoxGuide .box-type .img-guide.daum {width:100%;height:106px;background:#fff url(../Img/img_guidedaum_02@2x.png) no-repeat;background-size:contain;background-position:center;} #layerContBoxGuide .box-type .img-guide.tstory {width:100%;height:90px;background:#fff url(../Img/img_guideTstory_03@2x.png) no-repeat;background-size:contain;background-position:center;} #layerContBoxGuide .box-type .area-cont-big .box-cont .cont-txt {font-size:15px;} } /************************************************* 본문 이미지 *************************************************/ .page-regsuperior .figure-type, .page-specialbenefit .figure-type, .page-listqna .figure-type {margin:15px 0 50px;text-align:left;} .page-regsuperior .figure-type figure:before, .page-specialbenefit .figure-type figure:before, .page-listqna .figure-type figure:before {display:none;} /*** mobile ***/ @media (max-width:425px) { .page-regsuperior .figure-type, .page-specialbenefit .figure-type, .page-listqna .figure-type {max-width:100%;} } /************************************************* 나의 문의 내역 *************************************************/ @media (max-width:768px) { .page-listqna .list-type04 .list-tit h2, .page-listqna .list-type04 .list-tit dd.tit{display: block;} .page-listqna .list-type04 .list-tit dd {display: inline-block;} .page-listqna .list-type04 .list-tit dd[class^=icon-state] {padding-top:8px;} } /************************************************* 사업자회원 - 메일 인증 결과 SignUpConfirmBiz *************************************************/ #mailConfirm {width:100%;min-height:100%;padding:3.5rem 1.5rem 20px;background-color:#fff;box-sizing:border-box;} #mailConfirm h1 {max-width:500px;line-height:1;margin:0 auto;color:#00bdcd;font-size:43px;font-weight:300;} #mailConfirm.mail-send h1, #mailConfirm.mail-success h1, #mailConfirm.mail-fail h1 {max-width:320px;} #mailConfirm h1 a:not(.btn-type) {width:128px;height:128px;margin:-0.35rem 0 0.5rem -12px;display:block;background-image:url(../img/img_confirmfail.gif);background-repeat:no-repeat;background-size:128px ;font-size:0;line-height:0;} #mailConfirm.mail-send h1 a:not(.btn-type), #mailConfirm.mail-success h1 a:not(.btn-type) {width:128px;height:128px;display:block;background-image:url(../img/bg_iconlayer_sprite.png);background-repeat:no-repeat;background-position:-128px -1126px;background-size:640px auto;font-size:0;line-height:0;} #mailConfirm h1:after {content:'';width:0.74em;height:1px;margin:0.65em 0 0 0;display:block;background-color:#00bdcd;} #mailConfirm.mail-fail {background:#ff613d;} #mailConfirm[class^=mail] {height:100%;padding:1.5rem;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:box;-webkit-box-pack:center;-webkit-box-orient:vertical;align-items:center;justify-content:center;-ms-flex-direction:column;} #mailConfirm[class^=mail] h1 {font-size:0;line-height:0;} #mailConfirm[class^=mail] h1 a {width:128px;height:128px;margin:0 auto;background-size:128px ;} #mailConfirm[class^=mail] h1:after {width:25px;margin:1.35rem auto;background-color:#fff;} #mailConfirm[class^=mail] p {text-align:center;color:#fff;font-size:23px;font-weight:300;} #mailConfirm[class^=mail] > a {max-width:320px;line-height:1.42857143;margin:2.5rem auto;padding:6px 12px;display:block;border-radius:2.43em;background-color:#fff;color:#00bdcd;font-size:20px;font-weight:300;text-align:center;box-sizing:border-box;} #mailConfirm[class^=mail] span { display:block;color:#fff;border:none;font-size:18px;padding:20px 0 0;text-align:center;font-weight:300;line-height:1.6;} #mailConfirm[class^=mail] span a {color:#fff;text-decoration:underline;} #mailConfirm.mail-fail a {color:#ff613d;} #mailConfirm.mail-send, #mailConfirm.mail-send h1 a, #mailConfirm.mail-send p, #mailConfirm.mail-success, #mailConfirm.mail-success h1 a, #mailConfirm.mail-success p {color:#555;} #mailConfirm.mail-send a, #mailConfirm.mail-success a {background-color:#00bdcd;color:#fff;} #mailConfirm.mail-send h1:after, #mailConfirm.mail-success h1:after {background:#333;} #mailConfirm.mail-send h1 a, #mailConfirm.mail-success h1 a {background:transparent;} #mailConfirm.mail-send span, #mailConfirm.mail-success span {color:#01bdcd;} #mailConfirm.mail-send span a {color:#01bdcd;background:transparent;} /*** mobile ***/ @media (max-width:500px) { #mailConfirm h1 {font-size:36px;} #mailConfirm h1.s1 {font-size:18px;} #mailConfirm[class^=mail] p {font-size:18px;} #mailConfirm[class^=mail] > a {font-size:16px;} } /*** retina specific ***/ @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { #mailConfirm.mail-send h1 a:not(.btn-type), #mailConfirm.mail-success h1 a:not(.btn-type) {background-image:url(../img/bg_iconlayer_sprite@2x.png);} } /************************************************* 사업자회원 - SignUpConfirmBiz *************************************************/ #signupConfirm {width:100%;min-height:100%;padding:3.5rem 1.5rem 20px;background-color:#fff;box-sizing:border-box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:box;-webkit-box-pack:center;-webkit-box-orient:vertical;align-items:center;justify-content:center;-ms-flex-direction:column;} #signupConfirm h1 {max-width:500px;line-height:1;margin:0 auto;color:#00bdcd;font-size:43px;font-weight:300;} #signupConfirm h1 {max-width:320px;} #signupConfirm h1 a:not(.btn-type) {width:128px;height:128px;display:block;background-image:url(../img/bg_iconlayer_sprite.png);background-repeat:no-repeat;background-position:-128px -1126px;background-size:640px auto;font-size:0;line-height:0;margin:0 auto;} #signupConfirm h1:after {content:'';width:0.74em;height:1px;margin:0.65em 0 0 0;display:block;background-color:#00bdcd;} #signupConfirm{height:100%;padding:1.5rem;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:box;-webkit-box-pack:center;-webkit-box-orient:vertical;align-items:center;justify-content:center;-ms-flex-direction:column;} #signupConfirm h1 {font-size:0;line-height:0;} #signupConfirm h1 a {width:128px;height:128px;margin:0 auto;background-size:128px ;} #signupConfirm h1:after {width:25px;margin:1.35rem auto;background-color:#fff;} #signupConfirm p {text-align:center;color:#fff;font-size:23px;font-weight:300;} #signupConfirm > a {max-width:320px;line-height:1.42857143;margin:2.5rem auto;padding:6px 12px;display:block;border-radius:2.43em;background-color:#fff;color:#00bdcd;font-size:20px;font-weight:300;text-align:center;box-sizing:border-box;} #signupConfirm span { display:block;color:#fff;border:none;font-size:18px;padding:20px 0 0;text-align:center;font-weight:300;line-height:1.6;} #signupConfirm span a {color:#fff;text-decoration:underline;} #signupConfirm, #signupConfirm h1 a, #signupConfirm p {color:#555;} #signupConfirm a {background-color:#00bdcd;color:#fff;} #signupConfirm h1:after{background:#333;} #signupConfirm h1 a {background:transparent;} #signupConfirm span {color:#01bdcd;} /*** mobile ***/ @media (max-width:500px) { #signupConfirm h1 {font-size:36px;} #signupConfirm h1.s1 {font-size:18px;} #signupConfirm[class^=mail] p {font-size:18px;} #signupConfirm[class^=mail] > a {font-size:16px;} } /*** retina specific ***/ @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { #signupConfirm h1 a:not(.btn-type) {background-image:url(../img/bg_iconlayer_sprite@2x.png);} } /************************************************* 사업자 회원가입 - Signup Biz *************************************************/ #memCont .form-type .radio-type label {font-size:16px;} #memCont [class^=check-type]:not(div), #memCont [class^=radio-type]:not(div) {margin:0.75em 1rem 0.625em 0;} /************************************************* 추가 정보 수정 *************************************************/ .page-modifyinfo .input-txt {position:relative;} .page-modifyinfo .input-txt .icon-confirm {width:32px;height:32px;font-size:0;line-height:0;} .page-modifyinfo .input-txt .icon-confirm {position:absolute;top:-5px;right:15px;} .page-modifyinfo .input-txt .icon-confirm:before {content:'';width:32px;height:32px;display:block;position:absolute;top:50%;left:50%;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-128px -192px;background-size:640px auto;font-size:0;line-height:0;} .page-modifyinfo .txt-type02, .page-withdrawalpoint .txt-type02 {text-align: center; border-radius: 3px; margin: 10px 0;} .page-modifyinfo .txt-type02 p, .page-withdrawalpoint .txt-type02 p{margin: 10px 0;color:#777;} @media (max-width:768px) { .page-modifyinfo .cont-visible-pc {display: none;} } /*** retina specific ***/ @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { .page-modifyinfo .input-txt .icon-confirm:before {background-image:url(../img/bg_shapes_sprite@2x.png);} } /************************************************* 헤더-개인화 영역- 이메일 인증 표시 *************************************************/ .header-info dl dd span.mail-confirm {position:relative;color:transparent;} .header-info dl dd span.mail-confirm:after{content:'';width:32px;height:32px;display:block;position:absolute;top:-5px;right:-5px;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-160px -192px;background-size:640px auto;font-size:0;line-height:0;} /*** retina specific ***/ @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { .header-info dl dd span.mail-confirm:after {background-image:url(../img/bg_shapes_sprite@2x.png);} } /************************************************* 포인트 사용 *************************************************/ .page-listusepoint .cont-type06.box-cont .list-type {margin:5px 0;border:1px solid #dae2e3;} .page-listusepoint .cont-type06.box-cont .list-type .list-photo {width:60px;height:60px;margin-right:15px;} .page-listusepoint .cont-type06.box-cont .list-type > a {padding:15px;min-height:60px;overflow:hidden;} .page-listusepoint .cont-type06.box-cont .list-type .list-tit{height:60px;line-height:60px;margin:0;font-size:18px;} /*** mobile ***/ @media (max-width:768px) { .page-listusepoint .cont-type06.box-cont .list-type .list-tit{margin:0 auto;font-size:15px;} } @media (max-width:320px) { .page-listusepoint .cont-type06.box-cont .list-type .list-tit{font-size:14px;} } /************************************************* Layer포인트 사용 *************************************************/ #layerUsePoint .box-type {background:#fff;padding:0;margin:0;} #layerUsePoint .box-type > div {margin:0 0 5px 0;padding:10px;background-color:#fff;border:1px solid #dae2e3;display:block;overflow:hidden;} #layerUsePoint .box-type > div a {text-decoration:none;} #layerUsePoint .box-type > div a .img-msg {float:left;width:65px;height:65px;line-height:0;margin-right:10px;display:block;} #layerUsePoint .box-type > div a .img-msg img {width:65px;height:65px;} #layerUsePoint .box-type > div a .cont-msg {overflow:hidden;} #layerUsePoint .box-type > div a .cont-msg .tit-msg {height:1.4em;line-height:1.4em;margin:0 0 7px 0;color:#333;font-size:18px;font-weight:300;word-break:break-all;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;} #layerUsePoint .box-type > div a .cont-msg .txt-msg {line-height:1.4em;color:#777;font-size:13px;word-break:break-all;word-wrap:break-word;} #layerUsePoint .txt-type.s1 {padding:15px;} #layerUsePoint .box-type03 {text-align:right;font-size:14px;height:27px;} #layerUsePoint .box-type03 a {display:table;position:absolute;right:30px;} #layerUsePoint .box-check {position:relative;} #layerUsePoint .box-check .txt-must {position:absolute;top:6px;right:0;color:#999;font-size:13px;} /*** mobile ***/ @media (max-width:768px) { #layerUsePoint .box-type03 a {right:15px;} } /************************************************* 페이스북 타임라인 등록 현황 *************************************************/ .page-TimelinRegisterlist .list-type04 > dd, .page-TimelinRegisterlist .list-type04 .list-cont {background: #f0f0f0; padding:1.5rem;} .page-TimelinRegisterlist p.txt-type{margin-top: 0;} .page-TimelinRegisterlist p.txt-type + p.txt-type{ margin-top: -20px;} .page-TimelinRegisterlist p.txt-type span {color:#777;} @media (max-width: 768px){ .page-TimelinRegisterlist .list-type04 .list-tit h2 {font-size:15px;} .page-TimelinRegisterlist .list-type04 .list-tit .tit ~ dd {display:inline-block;} .page-TimelinRegisterlist .list-type04 .list-tit dd{font-size:12px;} } /************************************************* 연락처 추가 접수 현황 *************************************************/ .page-addregisterlist .cont-type.s1 .cont-tit-txt.s1 {padding-bottom: 10px; color:#555;} .page-addregisterlist .cont-type.s1 p{color:#555;} .page-addregisterlist .cont-type.s1 .txt-type04 {max-width:900px;margin-left:auto;margin-right:auto;color:#999;padding: 5px 0 5px 30px;} .page-addregisterlist .cont-type.s1 .txt-type04 li {color:#ef2c6c;} .page-addregisterlist .btn-wrap.s5 {text-align: left;padding-top: 0px;margin-top:5px; } .page-addregisterlist .btn-wrap.s5 .form-search .input-date-wrap {margin: 10px 0;} .page-addregisterlist [class^=check-type], .page-addregisterlist[class^=radio-type] { font-size: 15px;} @media (max-width: 768px){ .page-addregisterlist .btn-wrap.s5 {margin-top:20px; } .page-addregisterlist .btn-wrap.s5 .input-date-wrap {width: 100%;} .page-addregisterlist .btn-wrap.s5 .select-type, .page-addregisterlist .btn-wrap.s5 .input-date-wrap .select-type.s2{width: 100% !important; font-size: 14px;} .page-addregisterlist .btn-wrap.s5 .check-type {margin: 0.3em 0 0.3em;} .page-addregisterlist .check-type > label {font-size: 14px;} .page-addregisterlist .cont-type.s1 .txt-type04{ padding-left: 10px;} .page-addregisterlist .cont-type.s1 .txt-type04 li{font-size: 13px ;} } /************************************************* 외부 입력폼 추가 신청 *************************************************/ .page-addapplicationform .txt-type04 .btn-type02{margin-left: 10px;} .page-addapplicationform .txt-type04 .btn-type02:after{content: '▼';font-size: 0.6em;margin-left: 5px;} .page-addapplicationform .txt-type04 .btn-type02.open:after{content: '▲';} .page-addapplicationform .tit-type06 {margin-top: 0px;} .page-addapplicationform .txt-type04 [class^=btn-type] {border-color: #00bdcd; color: #00bdcd;} .page-addapplicationform .txt-type04 [class^=btn-type]:hover{background:#fff; border-color: #6cd0d9;color: #6cd0d9;} .page-addapplicationform .cont-type03 > .cont-txt li {list-style: none;} .page-addapplicationform .cont-type.s1 .form-type{padding:0;} .page-addapplicationform .list-type > a > ul li .tpcall .txt-mo {display: none;} .page-addapplicationform .check-type > label {padding:0px 0 0 34px;color:#777;} .page-addapplicationform .input-txt.disabled label, .page-addapplicationform .input-txt.disabled input {color:#555 !important;} .page-addapplicationform .check-type > .btn-type02{margin-left: 34px;padding:5px 12px;} .page-addapplicationform .txt-type02.s4 {margin-top:15px;padding:20px 80px 20px 45px;position: relative; text-align:left;} .page-addapplicationform .txt-type02.s4:before {content:'';width:32px;height:32px;display:block;position:absolute;top:50%;left:10px;margin-top:-16px;background-image:url(../img/bg_icon_sprite.png?version=201802131000);background-repeat:no-repeat;background-position:-352px -32px;background-size:640px auto;font-size:0;line-height:0;} .page-addapplicationform .txt-type02.s4 button { position: absolute;top:50%; right:10px; margin-top: -19px} .page-addapplicationform .list-type.s5 > a, .page-addapplicationform .list-type.s5 li > a, .page-addapplicationform .list-type.s5 .mark-wrap, .page-addapplicationform .list-type.s5 .list-footer{max-width:940px !important;} @media (max-width:768px) { .page-addapplicationform .list-type > a > ul li .tpcall:before, .page-addapplicationform .list-type > li > a > ul li .tpcall:before{margin-top:0;top:-7px } .page-addapplicationform .list-type > a > ul li .tpcall, .page-addapplicationform .list-type > a > ul li .tpcall .txt-mo{ display: inline-block;} .page-addapplicationform .list-type > a > ul li {white-space:normal;} .page-addapplicationform .list-type > a > ul li .tpcall .tooltipped, .page-addapplicationform .list-type > a > ul li.tp .tooltipped, .page-addapplicationform .list-type > a > ul li .special-price .tooltipped {border-bottom:1px dotted #999; pointer-events:auto;} } /*** retina specific ***/ @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { .page-addapplicationform .txt-type02.s4:before {background-image:url(../img/bg_icon_sprite@2x.png?version=201802131000);} } /************************************************* 스페셜 공개 신청 *************************************************/ .page-joinrequestform .cont-reason{margin:0 auto; max-width: 930px; padding-top: 30px;} .page-joinrequestform .cont-reason .box-reason {margin: 10px 0px;; padding: 20px; background:#f8f8f8} .page-joinrequestform .cont-reason .box-reason .tit-type03{margin: 0.2em 0 0.3em;} .page-joinrequestform .cont-reason .box-reason p, .page-joinrequestform .cont-reason .box-reason li {line-height: 1.6;color:#777;} .page-joinrequestform .cont-reason .box-reason li {list-style: decimal;margin-left: 15px;} .page-joinrequestform .tit-type05 {margin: 0;} .page-joinrequestform .txt-type04 .btn-type02{margin-left: 10px;} .page-joinrequestform .txt-type04 .btn-type02:after{content: '▼';font-size: 0.6em;margin-left: 5px;} .page-joinrequestform .txt-type04 .btn-type02.open:after{content: '▲';} .page-joinrequestform .tit-type06 {margin-top: 0px;} .page-joinrequestform .txt-type04 [class^=btn-type] {border-color: #00bdcd; color: #00bdcd;} .page-joinrequestform .txt-type04 [class^=btn-type]:hover{background:#fff; border-color: #6cd0d9;color: #6cd0d9;} .page-joinrequestform .cont-type03 > .cont-txt li {list-style: none;} .page-joinrequestform .cont-type.s1 .form-type{padding:0;} .page-joinrequestform .list-type > a > ul li .tpcall .txt-mo {display: none;} .page-joinrequestform .check-type > label {padding:0px 0 0 34px;color:#777;} .page-joinrequestform .input-txt.disabled label, .page-joinrequestform .input-txt.disabled input {color:#555 !important;} .page-joinrequestform .check-type > .btn-type02{margin-left: 34px;padding:5px 12px;} .page-joinrequestform .txt-type02.s4 {margin-top:15px;padding:20px 80px 20px 45px;position: relative; text-align:left;} .page-joinrequestform .txt-type02.s4:before {content:'';width:32px;height:32px;display:block;position:absolute;top:50%;left:10px;margin-top:-16px;background-image:url(../img/bg_icon_sprite.png?version=201802131000);background-repeat:no-repeat;background-position:-352px -32px;background-size:640px auto;font-size:0;line-height:0;} .page-joinrequestform .txt-type02.s4 button { position: absolute;top:50%; right:10px; margin-top: -19px} .page-joinrequestform .list-type.s5 > a, .page-joinrequestform .list-type.s5 li > a, .page-joinrequestform .list-type.s5 .mark-wrap, .page-joinrequestform .list-type.s5 .list-footer{max-width:940px !important;} @media (max-width:768px) { .page-joinrequestform .cont-reason .box-reason {margin: 10px -15px;padding: 15px;} .page-joinrequestform .list-type > a > ul li .tpcall:before, .page-joinrequestform .list-type > li > a > ul li .tpcall:before{margin-top:0;top:-7px } .page-joinrequestform .list-type > a > ul li .tpcall, .page-joinrequestform .list-type > a > ul li .tpcall .txt-mo{ display: inline-block;} .page-joinrequestform .list-type > a > ul li {white-space:normal;} .page-joinrequestform .list-type > a > ul li .tpcall .tooltipped, .page-joinrequestform .list-type > a > ul li.tp .tooltipped, .page-joinrequestform .list-type > a > ul li .special-price .tooltipped {border-bottom:1px dotted #999; pointer-events:auto;} } /*** retina specific ***/ @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { .page-addapplicationform .txt-type02.s4:before .txt-type02.s4:before {background-image:url(../img/bg_icon_sprite@2x.png?version=201802131000);} } /************************************************* 연락처 등록 현황 *************************************************/ .page-registerlist .cont-type.s1 .cont-tit-txt.s1 {padding-bottom: 10px;} .page-registerlist .cont-type.s1 .form-type {padding:0;} .page-registerlist .list-type > a > ul li .tpcall .txt-mo {display: none;} .page-registerlist .list-type.s5 > a, .page-registerlist .list-type.s5 li > a, .page-registerlist .list-type.s5 .mark-wrap, .page-registerlist .list-type.s5 .list-footer {max-width:940px !important;} @media (max-width:768px) { .page-registerlist .list-type > a > ul li .tpcall:before, .page-registerlist .list-type > li > a > ul li .tpcall:before {margin-top:0;top:-7px } .page-registerlist .list-type > a > ul li .tpcall, .page-registerlist .list-type > a > ul li .tpcall .txt-mo {display: inline-block;} .page-registerlist .list-type > a > ul li {white-space:normal;} .page-registerlist .list-type > a > ul li .tpcall .tooltipped, .page-registerlist .list-type > a > ul li.tp .tooltipped, .page-registerlist .list-type > a > ul li .special-price .tooltipped{border-bottom:1px dotted #999; pointer-events:auto;} } /************************************************* 단가 상승 요청 *************************************************/ .page-requestrisecost .list-type > a > ul li .tpcall .txt-mo {display: none;} .page-requestrisecost .list-type.s5 > a, .page-requestrisecost .list-type.s5 li > a, .page-requestrisecost .list-type.s5 .mark-wrap, .page-requestrisecost .list-type.s5 .list-footer {max-width:940px !important;} .page-requestrisecost .txt-type.s2 li.s1 {color:#ff1461;} .page-requestrisecost .box-cont02 {display:block;overflow:hidden;} .page-requestrisecost .box-cont02 .input-txt.input-price {float:left;width:45%;} .page-requestrisecost .box-cont02 .arrow {float:left;width:10%;text-align:center;margin-top:25px;} .page-requestrisecost .txt-limit {position:relative;top:5px;text-align:right;font-size:12px;color:#999;} .page-requestrisecost .input-unit.form-error {margin-top:1px;margin-right:0;width:45%;} .page-requestrisecost .cont-type.s1 .form-type {padding:0;} @media (max-width:768px) { .page-requestrisecost .list-type > a > ul li .tpcall:before, .page-requestrisecost .list-type > li > a > ul li .tpcall:before {margin-top:0;top:-7px } .page-requestrisecost .list-type > a > ul li .tpcall, .page-requestrisecost .list-type > a > ul li .tpcall .txt-mo {display: inline-block;} .page-requestrisecost .list-type > a > ul li {white-space:normal;} .page-requestrisecost .list-type > a > ul li .tpcall .tooltipped, .page-requestrisecost .list-type > a > ul li.tp .tooltipped, .page-requestrisecost .list-type > a > ul li .special-price .tooltipped{border-bottom:1px dotted #999; pointer-events:auto;} } @media (max-width:640px) { .page-requestrisecost .box-cont02 .input-txt.input-price {float:left;width:90%;} .page-requestrisecost .box-cont02 .input-txt.input-price.s5 {float:left;width:100%;} .page-requestrisecost .input-unit.form-error {width:100%;} } /************************************************* 크로스체크 *************************************************/ .page-crosscheck .cont-type.s1 .form-type {padding:0;} .page-crosscheck .list-type.s5 > a, .page-crosscheck .list-type.s5 li > a, .page-crosscheck .list-type.s5 .mark-wrap, .page-crosscheck .list-type.s5 .list-footer {max-width:940px !important;} .page-crosscheck .list-type > a > ul li .tpcall .txt-mo {display: none;} .page-crosscheck .input-date-wrap.s1 {margin-left: 10px;} .page-crosscheck .input-date-wrap.s1 .input-txt.s2.s1 {width: 180px;} .page-crosscheck .txt-type02.c1{margin-top:15px;} .page-crosscheck .txt-type.s2 li.s1 {color:#ff1461;} .page-crosscheck .box-cont02 {display:block;overflow:hidden;} .page-crosscheck .box-cont02 .input-txt.input-price {float:left;width:45%;} .page-crosscheck .box-cont02 .arrow {float:left;width:10%;text-align:center;margin-top:25px;} .page-crosscheck .txt-limit {position:relative;top:5px;text-align:right;font-size:12px;color:#999;} .page-crosscheck .input-unit.form-error {margin-top:1px;margin-right:0;width:45%;} @media (max-width:768px) { .page-crosscheck .list-type > a > ul li .tpcall:before, .page-crosscheck .list-type > li > a > ul li .tpcall:before {margin-top:0;top:-7px } .page-crosscheck .list-type > a > ul li .tpcall, .page-crosscheck .list-type > a > ul li .tpcall .txt-mo {display: inline-block;} .page-crosscheck .list-type > a > ul li {white-space:normal;} .page-crosscheck .list-type > a > ul li .tpcall .tooltipped, .page-crosscheck .list-type > a > ul li.tp .tooltipped, .page-crosscheck .list-type > a > ul li .special-price .tooltipped {border-bottom:1px dotted #999; pointer-events:auto;} } @media (max-width:640px) { .page-crosscheck .input-date-wrap.s1 .input-txt.s2.s1 {width: 120px;} .page-crosscheck .box-cont02 .input-txt.input-price {float:left;width:90%;} .page-crosscheck .box-cont02 .input-txt.input-price.s5 {float:left;width:100%;} .page-crosscheck .input-unit.form-error {width:100%;} } /************************************************* 텐핑 추천 커뮤니티 *************************************************/ .page-affiliateApplication .tit-type06 { max-width: 900px;margin: 0 auto;margin-bottom: 15px;padding: 5px 0 0 20px;color:#0c4f84;} .page-affiliateApplication .tit-type06:before {margin-top:-3px;margin-left: 5px;} .page-affiliateApplication .txt-limit {position:relative;top:5px;text-align:right;font-size:12px;color:#999;} .page-affiliateApplication .txt-limit.s1{top:-30px;} .page-affiliateApplication .form-type textarea, .page-affiliateApplication .form-type .form-textarea{padding: 0 0 12px 0;margin: 0 0 0.5rem 0;} .page-affiliateApplication p.cont-tit-txt {margin-bottom:20px;} .page-affiliateApplication .txt-type.s2 ul {max-width: 900px; margin: 0 auto;margin-bottom: 15px;} .page-affiliateApplication .input-unit-wrap .input-unit-cont{ padding-right: 0px;} .page-affiliateApplication .input-unit-wrap .input-unit-cont input{height: 40px;} .page-affiliateApplication .input-unit-wrap .input-unit-cont:after {content: '';} .page-applicationList .list-type04 .list-cont .area-btn {text-align: right;} .page-applicationList .list-type04 .list-cont dl:before{display: none;} .page-applicationList .list-type04 .list-cont dl{padding-bottom:10px;} .page-applicationList .list-type04 .list-cont dt {margin-top:12px;float:left;clear:left;margin-right:5px;color:#555;font-weight:bold;background: none;line-height: 1.5;} .page-applicationList .list-type04 .list-cont dt:before {content:'';display:inline-block;margin:-3px 4px 0 0;width:3px;height:3px;border-radius:50%;background-color:#bababa;vertical-align:middle;} .page-applicationList .list-type04 .list-cont dt, .page-applicationList .list-type04 .list-cont dd {margin-top:0.5em;padding-top:0;font-size: 14px;color:#555;line-height: 1.5;} .page-applicationList .list-type04 .list-cont dt:first-child{margin-top:0px;} .page-applicationList .list-type04 .list-cont li p strong {font-size:14px;color:#999;} @media (max-width: 768px){ .page-applicationList .list-type04 .list-tit .tit ~ dd {display: block;} } /************************************************* 텐핑 추천 커뮤니티 *************************************************/ .page-community .txt-base {width: 100%;box-sizing: border-box;} .page-community .txt-type02.s4.bn-sp {margin-bottom: 10px; padding:0;position: relative;text-align: left;background-color: #21396a; z-index: 9;} .page-community .txt-type02.s4.bn-sp:before {content:'';display:block;position: absolute; top:50%;left:5px; margin-top:-16px;;width:32px;height:32px;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-416px -32px;background-size:640px auto;} .page-community .txt-type02.s4.bn-sp:after {content:'';display:block;position: absolute; top:50%;right:5px; margin-top:-16px;;width:32px;height:32px;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-96px -32px;background-size:640px auto;} .page-community .txt-type02.s4.bn-sp:hover {background-color: #375186;} .page-community .txt-type02.s4.bn-sp a{position: relative; display: block;padding:15px 35px 15px 35px;top:0; left:0; margin:0; min-height: 10px;color: #fff;} .page-community .area-brn {overflow:hidden;margin-top:-15px;} .page-community .area-brn p{margin-top:15px;} .page-community .btn-search {position: relative; top:2px;margin-top: 5px; height:35px; width:75px!important;display:inline-block;text-indent:1px;padding-left: 15px; font-weight: 300; white-space:nowrap;border-color:#00bdcd;background-color:#00bdcd;border-radius:100px;color:#fff;} .page-community .btn-search:before {content:'';width:32px;height:32px;margin:-16px 10px 0 -43px;display:inline-block;position:absolute;top:50%;left:60%;background-image:url(../img/bg_icon_sprite.png?version=201808301000);background-repeat:no-repeat;background-position:-544px 0px;background-size:640px auto;vertical-align:middle;} .page-community .txt-type02 {position:relative;padding:0px 15px 15px 20px;text-align:right;font-size:15px;background: #fff;} .page-community .txt-type02 a {position:absolute;top:7px;right:20px;} .page-community .list-type07{border-bottom: 1px solid #d2d2d2;padding:0;} .page-community .list-type07 a{padding:15px;} .page-community .list-type07 li {padding:0;} .page-community .list-type07 .list-tit {font-weight:300;word-wrap:normal;white-space:normal;} .page-community .list-type07 dl dt{display:none;} .page-community .list-type07 dl dd {margin-left: 5px;} .page-community .list-type07 dl dd.txt-favicon{position:relative;height: 20px; padding-left:20px;padding-top: 5px;} .page-community .list-type07 dl dd.txt-favicon:before {content:'';width:32px;height:32px;margin:-16px 0 0 -10px;display:inline-block;position:absolute;top:50%;left:0; background-image:url(../img/bg_icon_sprite.png?version=201809041652);background-repeat:no-repeat;background-position:-448px -299px;background-size:640px auto;vertical-align:middle;} .page-community .list-type07 dl dd.txt-favicon:after{content:'';width:2px;height:2px;margin:-2.5px 0 0 0.38em;display:inline-block;background-color:#ddd;vertical-align:middle;} .page-community .list-type07 dl dd.txt-favicon.daum:before{background-position:-224px -267px;} .page-community .list-type07 dl dd.txt-favicon.kakaoopen:before{background-position:-128px -267px;} .page-community .list-type07 dl dd.txt-favicon.naver:before{background-position:-384px -267px;} .page-community .list-type07 dl dd.txt-favicon.naverblog:before{background-position:-192px -267px;} .page-community .list-type07 dl dd.txt-favicon.band:before{background-position:-320px -267px;} .page-community .list-type07 dl dd.txt-favicon.tstory:before{background-position:-480px -299px;} .page-community .list-type07 dl dd.txt-favicon.youtube:before{background-position:-512px -299px;} .page-community .list-type07 .list-img {width:110px;height:110px;} .page-community .list-type07 .wrap-txt {margin-top: 10px;} .page-community .list-type07 .list-cont {display:block;font-size:14px;padding-left:124px;} .page-community .list-type07 .wrap-btn-go {margin-top: 15px;} .page-community .list-type07 .wrap-btn-go span {display: inline-block; padding:3px 15px 3px 6px; font-size: 12px; background: #dfdfdf; color:#777;border-radius: 30px;} .page-community .list-type07 .cont-new .list-img, .page-community .list-type07 .cont-hot .list-img{position: relative;} .page-community .list-type07 .cont-new .list-img img, .page-community .list-type07 .cont-hot .list-img img{border:1px solid #dedede;} .page-community .list-type07 .cont-new .list-img:before {content:'NEW'; padding:0 4px;position:absolute;left:0;top:0; background-color:#ff003c; color:#fff; font-size:10px;line-height:1.5; } .page-community .list-type07 .cont-new .list-img:after{content:'';width:5px;height:5px;display:inline-block;position:absolute;right:-14px;top:45px;background-color:#ff003c;border-radius:30px;} .page-community .list-type07 .cont-hot .list-img:before {content:'HOT'; padding:0 4px;position:absolute;left:0;top:0; background-color:#ff0097; color:#fff; font-size:10px;line-height:1.5; } .page-community .wrap-community {padding: 0 1.5rem 15px;} .page-community .wrap-community li {padding:10px 0;} @media (max-width: 768px){ .page-community .list-type07 dl dd{display:inline-block;} .page-community .txt-type02.s4.bn-sp:before {left:12px; } .page-community .txt-type02.s4.bn-sp:after {right:15px;} .page-community .txt-type02.s4.bn-sp a {padding: 15px 40px 15px 42px;font-size:13px;} } @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { .page-community .btn-search:before, .page-community .list-type07 dl dd.txt-favicon:before {background-image:url(../img/bg_icon_sprite@2x.png?version=201809041652);} .page-community .txt-type02.s4.bn-sp:before{background-image:url(../img/bg_icon_sprite@2x.png?version=201809131410);} .page-community .txt-type02.s4.bn-sp:after{background-image:url(../img/bg_shapes_sprite@2x.png?version=201809131410);} } /************************************************* 커뮤니티 ui 수정 *************************************************/ .bn-cafe {padding:40px 30px; background:#8699ac; background-image: url("../img/bg_communication.jpg"); background-position: center; } .bn-cafe a{color:#fff;} .bn-cafe .cont-cafe{position: relative;min-height: 130px;padding-right: 260px;} .bn-cafe .cont-cafe:after{content:'';width:260px;height:170px;display:inline-block;position:absolute;top:50%;right:-20px;margin-top:-85px;;background-image:url("../img/icon-communication.png");background-repeat:no-repeat;background-size:216px auto;vertical-align:middle;} .bn-cafe .cont-cafe h2 {font-size: 40px; font-weight: 600; } .bn-cafe .cont-cafe h2 em{ display: block;margin-bottom:5px; font-size:18px;color:#ffd885;} .bn-cafe .cont-cafe p{margin-bottom: 15px;margin-top: 10px; font-size: 20px;} .bn-cafe .cont-cafe span { padding:5px 20px 5px 8px; font-size: 13px; background-color: #fff; color:#555;border-radius: 30px;} .bn-cafe .cont-cafe span:after {content:'';width:32px;height:32px;margin:-5px -25px 0 -10px;display:inline-block;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-64px -32px;background-size:640px auto;vertical-align:middle; filter: grayscale(100%);} .page-community .wrap-tit {padding: 10px 15px;background: #f2f2f2;margin-top: 20px; border-top: 1px solid #ddd;} .page-community .wrap-tit h2 {display: inline-block;margin-right: 10px; font-size: 22px; font-weight: 300; color: #333;} .page-community .wrap-tit h2 em{ display: block; font-size:15px; font-weight:600;} .page-community .wrap-tit p{display: inline-block; margin-top: 10px;} .page-community .wrap-block .list-community {width:100%; margin:0px;border-top: 1px solid #ddd; overflow: hidden;} .page-community .wrap-block .list-community li.list-school {position: relative;float: left;padding:20px 15px;width: 25%;height:250px;color:#555;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd; box-sizing: border-box;overflow: hidden} .page-community .wrap-block .list-community.box-5 li.list-school, .page-community .wrap-block .list-community.box-10 li.list-school, .page-community .wrap-block .list-community.box-13 li.list-school, .page-community .wrap-block .list-community.box-14 li.list-school, .page-community .wrap-block .list-community.box-15 li.list-school {width: 20%;} .page-community .wrap-block .list-community.box-6 li.list-school, .page-community .wrap-block .list-community.box-9 li.list-school, .page-community .wrap-block .list-community.box-11 li.list-school, .page-community .wrap-block .list-community.box-17 li.list-school, .page-community .wrap-block .list-community.box-18 li.list-school {width:33.333%;} .page-community .wrap-block .list-community.box-7 li.list-school, .page-community .wrap-block .list-community.box-8 li.list-school, .page-community .wrap-block .list-community.box-12 li.list-school, .page-community .wrap-block .list-community.box-16 li.list-school, .page-community .wrap-block .list-community.box-19 li.list-school, .page-community .wrap-block .list-community.box-20 li.list-school {width:25%;} .page-community .wrap-block .list-community li.list-school:last-child{border-right: 0;} .page-community .wrap-block .list-community li.list-school.new {display:none;} .page-community .wrap-block .list-community.box-7 li.list-school.new, .page-community .wrap-block .list-community.box-11 li.list-school.new, .page-community .wrap-block .list-community.box-13 li.list-school.new, .page-community .wrap-block .list-community.box-14 li.list-school.new, .page-community .wrap-block .list-community.box-17 li.list-school.new, .page-community .wrap-block .list-community.box-19 li.list-school.new {display: inline-block;} .page-community .wrap-block .list-community li.list-school.manager {height:280px;} .page-community .wrap-block .list-community li.list-school span {display: block; font-size: 15px; color:#555;font-weight: 300;} .page-community .wrap-block .list-community li.list-school.manager span {line-height: 1.5;} .page-community .wrap-block .list-community li.list-school h3 {font-size: 20px; font-weight: 300;} .page-community .wrap-block .list-community li.list-school .img-zone {position: absolute; top:15px; right:10px; width: 64px; height: 64px;} .page-community .wrap-block .list-community li.list-school .img-zone img{width: 100%;} .page-community .wrap-block .list-community li.list-school .wrap-btn-go {margin-top: 15px;text-align: right;} .page-community .wrap-block .list-community li.list-school.manager .wrap-btn-go {margin-top: 5px;;} .page-community .wrap-block .list-community li.list-school .wrap-btn-go a {display: inline-block; padding-right:15px; font-size: 12px;} .page-community .wrap-block .list-community li.list-school .wrap-btn-go a:after{content:'';width:32px;height:32px;margin:-5px -25px 0 -10px;display:inline-block;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-64px -32px;background-size:640px auto;vertical-align:middle;} /*.page-community .wrap-block .list-community li.list-school:after{content:'';width:64px;height:64px;display:inline-block;position:absolute;top:15px;right:10px;background-image:url("../img/icon-zone.png");background-repeat:no-repeat;background-position: 0px 0px; background-size:320px auto;} .page-community .wrap-block .list-community li.list-school.title:after {display: none;} .page-community .wrap-block .list-community li.list-school.seoul:after{background-position: 0px 0px;} .page-community .wrap-block .list-community li.list-school.busan:after{background-position: -64px 0;} .page-community .wrap-block .list-community li.list-school.deajeon:after{background-position: -128px 0;} .page-community .wrap-block .list-community li.list-school.new:after{background-position: -192px 0;} .page-community .wrap-block .list-community li.list-school.suwon:after{background-position: -256px 0;}*/ .page-community .wrap-block .list-community li.list-school.new p {position: absolute; top:50%; margin:-30px 15px 0; color:#b6b6b6; text-align: left;} .page-community .wrap-block .list-community li.list-school.manager .area-img{display: inline-block;width:80px;vertical-align: top; } .page-community .wrap-block .list-community li.list-school.manager .area-img img{width:100%; border-radius: 100px;} .page-community .wrap-block .list-community li.list-school.manager .area-txt { float:left; min-height: 100px;display: inline-block;width: calc(100% - 80px);text-align: left;} .page-community .wrap-block .list-community li.list-school.manager .area-txt h3 {margin-top:10px;} .page-community .wrap-block .list-community li.list-school.manager:after{display: none;} .page-community .wrap-block ul.list-community + ul.list-community {border-top:0;} .page-community .wrap-block ul.list-border {border-top:1px solid #555; } .page-community .wrap-block ul.list-border.s1 {padding:10px 15px; border-top:1px solid #ddd;} .page-community .wrap-block ul.list-border li {border-bottom:1px dotted #ddd;padding:10px 0; box-sizing: border-box;} .page-community .wrap-block ul.list-border li:last-child {border-bottom:none;;} .page-community .wrap-block ul.list-border li a{position: relative; padding-left:10px;height:1.6em;line-height:1.4em;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;color:#555;font-size:13px;font-weight:300;overflow:hidden;} .page-community .wrap-block ul.list-border li a em {padding:2px 5px; line-height: 1.4; background-color: #00bdcd; color:#fff; font-size:11px;border-radius: 3px;} .page-community .wrap-block ul.list-border li a.new:before {content:'';width:3px;height:3px;display:inline-block;position:absolute;left:0px;top:8px;background-color:#ff003c;border-radius:30px;} @media (min-width:1400px) { .page-community .wrap-block .list-community.box-4 li.list-school:nth-child(4), .page-community .wrap-block .list-community.box-5 li.list-school:nth-child(5), .page-community .wrap-block .list-community.box-6 li.list-school:nth-child(3), .page-community .wrap-block .list-community.box-6 li.list-school:nth-child(6), .page-community .wrap-block .list-community.box-7 li.list-school:nth-child(4), .page-community .wrap-block .list-community.box-8 li.list-school:nth-child(4), .page-community .wrap-block .list-community.box-8 li.list-school:nth-child(8), .page-community .wrap-block .list-community.box-9 li.list-school:nth-child(3), .page-community .wrap-block .list-community.box-9 li.list-school:nth-child(6), .page-community .wrap-block .list-community.box-9 li.list-school:nth-child(9), .page-community .wrap-block .list-community.box-10 li.list-school:nth-child(5), .page-community .wrap-block .list-community.box-10 li.list-school:nth-child(10), .page-community .wrap-block .list-community.box-11 li.list-school:nth-child(3), .page-community .wrap-block .list-community.box-11 li.list-school:nth-child(6), .page-community .wrap-block .list-community.box-11 li.list-school:nth-child(9), .page-community .wrap-block .list-community.box-12 li.list-school:nth-child(4), .page-community .wrap-block .list-community.box-12 li.list-school:nth-child(8), .page-community .wrap-block .list-community.box-12 li.list-school:nth-child(12), .page-community .wrap-block .list-community.box-13 li.list-school:nth-child(5), .page-community .wrap-block .list-community.box-13 li.list-school:nth-child(10), .page-community .wrap-block .list-community.box-14 li.list-school:nth-child(5), .page-community .wrap-block .list-community.box-14 li.list-school:nth-child(10), .page-community .wrap-block .list-community.box-14 li.list-school:nth-child(15), .page-community .wrap-block .list-community.box-15 li.list-school:nth-child(5), .page-community .wrap-block .list-community.box-15 li.list-school:nth-child(10), .page-community .wrap-block .list-community.box-15 li.list-school:nth-child(15), .page-community .wrap-block .list-community.box-16 li.list-school:nth-child(4), .page-community .wrap-block .list-community.box-16 li.list-school:nth-child(8), .page-community .wrap-block .list-community.box-16 li.list-school:nth-child(12), .page-community .wrap-block .list-community.box-17 li.list-school:nth-child(3), .page-community .wrap-block .list-community.box-17 li.list-school:nth-child(6), .page-community .wrap-block .list-community.box-17 li.list-school:nth-child(9), .page-community .wrap-block .list-community.box-17 li.list-school:nth-child(12), .page-community .wrap-block .list-community.box-17 li.list-school:nth-child(15), .page-community .wrap-block .list-community.box-18 li.list-school:nth-child(3), .page-community .wrap-block .list-community.box-18 li.list-school:nth-child(6), .page-community .wrap-block .list-community.box-18 li.list-school:nth-child(9), .page-community .wrap-block .list-community.box-18 li.list-school:nth-child(12), .page-community .wrap-block .list-community.box-18 li.list-school:nth-child(15), .page-community .wrap-block .list-community.box-18 li.list-school:nth-child(18), .page-community .wrap-block .list-community.box-19 li.list-school:nth-child(4), .page-community .wrap-block .list-community.box-19 li.list-school:nth-child(8), .page-community .wrap-block .list-community.box-19 li.list-school:nth-child(12), .page-community .wrap-block .list-community.box-19 li.list-school:nth-child(16), .page-community .wrap-block .list-community.box-20 li.list-school:nth-child(4), .page-community .wrap-block .list-community.box-20 li.list-school:nth-child(8), .page-community .wrap-block .list-community.box-20 li.list-school:nth-child(12), .page-community .wrap-block .list-community.box-20 li.list-school:nth-child(16), .page-community .wrap-block .list-community.box-20 li.list-school:nth-child(20), .page-community .wrap-block .list-community.box-21 li.list-school:nth-child(3), .page-community .wrap-block .list-community.box-21 li.list-school:nth-child(6), .page-community .wrap-block .list-community.box-21 li.list-school:nth-child(9), .page-community .wrap-block .list-community.box-21 li.list-school:nth-child(12), .page-community .wrap-block .list-community.box-21 li.list-school:nth-child(15), .page-community .wrap-block .list-community.box-21 li.list-school:nth-child(18), .page-community .wrap-block .list-community.box-21 li.list-school:nth-child(21), .page-community .wrap-block .list-community li.list-school:last-child{border-right: 0;} } @media (max-width:1400px) { .page-community .wrap-block .list-community li.list-school{width:50% !important;} .page-community .wrap-block .list-community li.list-school:nth-child(2n){border-right:0px;} .page-community .wrap-block .list-community li.list-school:first-child, .page-community .wrap-block .list-community li.list-school:nth-child(2) {border-bottom:1px solid #ddd;} .page-community .wrap-block .list-community.box-5 li.list-school.new, .page-community .wrap-block .list-community.box-7 li.list-school.new, .page-community .wrap-block .list-community.box-9 li.list-school.new, .page-community .wrap-block .list-community.box-11 li.list-school.new, .page-community .wrap-block .list-community.box-13 li.list-school.new, .page-community .wrap-block .list-community.box-15 li.list-school.new, .page-community .wrap-block .list-community.box-17 li.list-school.new, .page-community .wrap-block .list-community.box-19 li.list-school.new, .page-community .wrap-block .list-community.box-21 li.list-school.new {display: inline-block} } @media (max-width:930px) { .page-community .list-type07 .list-img img {display: block !important;} } @media (max-width:768px) { .bn-cafe {padding:30px 20px;} .bn-cafe .cont-cafe h2{font-size: 22px} .bn-cafe .cont-cafe h2 em{font-size: 15px;} .bn-cafe .cont-cafe p {font-size: 16px;margin-top:5px;} .bn-cafe .cont-cafe {min-height:50px; padding-right:0px;/*padding-right: 100px; */} .bn-cafe .cont-cafe:after{display: none; width: 130px; height:85px;margin-top:-47px; background-size: 108px auto;} .page-community .wrap-block .list-community li.list-school:after {width:64px;height:64px;background-size:320px auto;} .page-community .wrap-block .list-community li.list-school.seoul:after{background-position: 0px 0px;} .page-community .wrap-block .list-community li.list-school.busan:after{background-position: -64px 0;} .page-community .wrap-block .list-community li.list-school.deajeon:after{background-position: -126px 0;} .page-community .wrap-block .list-community li.list-school.new:after{background-position: -190px 0;} .page-community .wrap-block .list-community li.list-school h3 {font-size: 22px; } .page-community .wrap-block .list-community li.list-school span {font-size: 14px; } .page-community .wrap-tit h2{font-size:22px;} .page-community .wrap-tit h2 em{font-size:15px;} } @media (max-width:640px) { .page-community .wrap-block .list-community li.list-school.manager .area-img{width: 70px; } .page-community .wrap-block .list-community li.list-school.manager .area-txt {min-height:80px;} .page-community .wrap-block .list-community li.list-school.manager .area-txt {width: calc(100% - 70px);margin-top:0px;padding-top: 0;} .page-community .wrap-block .list-community li.list-school.manager .area-txt span{font-size:13px;} .page-community .wrap-block .list-community li.list-school.manager .area-txt h3{font-size:18px;} .page-community .wrap-block .list-community li.list-school.manager .wrap-btn-go {margin-top:5px;} .page-community .wrap-block .list-community li.list-school{width:100% !important;} .page-community .wrap-block .list-community li.list-school.manager{border-bottom: 1px solid #ddd;border-right:0px;height: 260px;} .page-community .wrap-block .list-community li.list-school.new {display: none;} } /************************************************* 알림 *************************************************/ .page-notification .list-type06 .no-link { padding: 15px 25px 15px 60px;display: block;position: relative; left: 0;border-top: 1px solid #dadada;background-color: #fff; -webkit-transition: all 0.2s; -moz-transition: all 0.2s;-o-transition: all 0.2s; transition: all 0.2s;box-sizing: border-box;} .page-notification .list-type06 .active .no-link {background-color:#fcfcea;border-top:1px solid #e2e2d2;} .page-notification .list-type06 .important .no-link {background-color:#fcfcea;border-top:1px solid #e2e2d2;} .page-notification .list-type06 .important02 .no-link {background-color:#ffefe2;border-top:1px solid #e2d8d2;} .page-notification .list-type06 .notice .no-link {background-color:#ffc0cb;border-top:1px solid #e5acb6;} .page-notification .select-wrap.s1 > span:after, .page-notification .select-wrap.s1 > strong:after {background-image:url(../img/bg_shapes_sprite.png);background-position:-416px -32px;} /*** retina specific ***/ @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { .page-notification .select-wrap.s1 > span:after, .page-notification .select-wrap.s1 > strong:after, .page-notification .select-wrap.open > strong:after {background-image:url(../img/bg_shapes_sprite@2x.png);} } /************************************************* 문의하기 *************************************************/ .page-inquire .txt-type.s2{margin-top:15px;} @media (max-width:640px) { .page-inquire .txt-type.s2 .btn-type02 {display: block; margin-top: 10px;} } /************************************************* 공지사항 *************************************************/ .page-viewnotice .cont-type02 .cont-txt {padding-bottom:1em;border-bottom:1px solid #e1e1e1;} .page-viewnotice .cont-type02 .btn-wrap.s1 {margin: 1.2rem 0.5rem 0;} .page-viewnotice .cont-type02 .btn-wrap.s1 .btn-type {min-width: 80px;} @media (max-width:768px) { .page-viewnotice .cont-type02 .btn-wrap.s1{text-align: center;} } /************************************************* 소문박스 *************************************************/ .page-adbox .radio-type.title { margin: 10px 5px 10px 0;} /************************************************* 레이어- 수집한 연락처 등록 *************************************************/ #layerRegisterTel .txt-type02.s4 {line-height:1.5;margin-bottom:35px;padding-left:35px;position:relative;font-size:16px;font-weight:300;text-align:left;overflow:hidden;} #layerRegisterTel .txt-type02.s4:before {content:'';width:32px;height:32px;display:inline-block;position:absolute;top:10px;left:5px;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-256px -32px;background-size:640px auto;vertical-align:middle;z-index:1;} #layerRegisterTel .txt-type02.s4 a {margin:0;position:absolute;top:7px;right:10px;} #layerRegisterTel .txt-type02.s1 {margin:0 0 10px 0;} #layerRegisterTel .subbox-type.c1 {margin-bottom:20px;padding-bottom:20px;border-bottom:1px dotted #999;} #layerRegisterTel .tit-sub {margin-bottom:15px;font-size:16px;font-weight:300;} #layerRegisterTel .tbl-wrap > p, #layerRegisterList .tbl-wrap > p {margin:10px 0;color:#888;font-size:13px;} #layerRegisterTel .txt-sub, #layerRegisterList .txt-sub{margin:0px 0 10px 17px;color:#ff613d;font-size:13px;} #layerRegisterTel .txt-type02.s1, #layerRegisterTel .txt-type02.s5, #layerRegisterList .txt-type02.s5, #layerRegisterList .txt-type02.s6{padding:5px 10px;} #layerRegisterList .txt-type02.s5 {margin-bottom:20px;} #layerRegisterTel .tbl-type, #layerRegisterList .tbl-type {border:0px;} #layerRegisterTel .input-file.s1 > label ~ .file-txt {height:30px;} #layerRegisterTel .form-type {max-width:900px;} #layerRegisterTel .form-type .check-type > label {padding-top:0px; color:#777;} #layerRegisterTel .check-type {margin-top: 1em;} #layerRegisterTel .check-type > label {color:#555;} #layerRegisterTel .check-type > label:before {top:0;} @media (max-width:768px) { #layerRegisterTel .txt-sub, #layerRegisterList .txt-sub{margin:0px 0 10px 5px} } @media (max-width:640px) { #layerRegisterTel .txt-type02.s4 a {margin:0;position:relative;margin-left:10px;} #layerRegisterTel .input-file.s1 > label ~ .file-txt {max-width:50%} } @media (max-width:380px) { #layerRegisterTel .input-file.s1 > label ~ .file-txt {max-width:42%} } /*** retina specific ***/ @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { #layerRegisterTel .txt-type02.s4:before {background-image:url(../img/bg_icon_sprite@2x.png);} } /************************************************* 레이어 본인 인증 *************************************************/ #layerConfirmation p{letter-spacing:-0.02em} #layerConfirmation .area-banner {position:absolute;bottom:0;left:0;right:0;} #layerConfirmation .area-banner .txt-type02.s4 {margin-top:15px;padding:20px 80px 20px 45px;position:relative;text-align:left;} #layerConfirmation .area-banner .txt-type02.s4:before {content:'';width:32px;height:32px;display:block;position:absolute;top:50%;left:10px;margin-top:-16px;background-image:url(../img/bg_icon_sprite.png?version=201802131000);background-repeat:no-repeat;background-position:-352px -32px;background-size:640px auto;font-size:0;line-height:0;} #layerConfirmation .area-banner .txt-type02.s4 button {position:absolute;top:50%;right:10px;margin-top:-19px;min-width: 60px;} #layerConfirmation .btn-wrap{margin-bottom:60px;} @media (max-width:640px) { #layerConfirmation .area-banner .txt-type02.s4 {padding:15px 70px 15px 40px;position:relative;text-align:left;} #layerConfirmation .area-banner .txt-type02.s4:before{left:5px;} #layerConfirmation .area-banner .txt-type02.s4 button {right:10px;} } /*** retina specific ***/ @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) { #layerConfirmation .area-banner .txt-type02.s4:before {background-image:url(../img/bg_icon_sprite@2x.png?version=201802131000);} } /************************************************* 이전 버튼 노출 되는 페이지 [모바일버전] *************************************************/ @media (max-width:768px) { #container .page-listnotice .page-tit > a, /* 공지사항 리스트 */ #container .page-viewnotice .page-tit > a, /* 공지사항 상세 */ #container .page-listfaq .page-tit > a, /* FAQ */ #container .page-inquire .page-tit > a, /* 문의하기 */ #container .page-report .page-tit > a, /* 신고하기 */ #container .page-listqna .page-tit > a, /* 나의 문의내역 */ #container .page-modifypw .page-tit > a, /* 비밀번호 변경 */ #container .page-modifyinfo .page-tit > a, /* 추가정보 수정 */ #container .page-notisetting .page-tit > a, /* 알림 설정 */ #container .page-notification .page-tit > a, /* 알림 */ #container .page-secession .page-tit > a, /* 회원 탈퇴 */ #container .page-appinfo .page-tit > a /* 버전 */ {width:58px;display:block;background-color:#fff;z-index:9;} }