.serviceCommunity #comhead {border-bottom: none;} .serviceCommunity .card {border-radius:4px !important; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15) !important; border:none !important; } .serviceCommunity .card-body {padding:0 !important; } .serviceCommunity .cont1 {padding:0 24px; padding-top:0px;} .serviceCommunity .cont1 {font-family: Noto Sans KR; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.47; letter-spacing: -0.75px; text-align: left; color: #333; margin-left:0px;} .serviceCommunity .contbg {overflow:hidden;background-image: linear-gradient(to bottom, rgba(232, 232, 232, 0.3), rgba(255, 255, 255, 1)), url("/images/gbp/samimg.png"); border-radius:4px !important;} .serviceCommunity .contbg {height:147px; padding-top:125px;} .serviceCommunity .cont_prf {padding:0 24px; margin-top:3px;} .serviceCommunity .prfimg {float:left; margin-right:10px; margin-left:-4px; width:32px; height:32px; border-radius:50%; margin-top:4px;} .serviceCommunity .cont2 {float:left; font-family: Spoqa Han Sans Neo; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; text-align: left; color: #536dfe; margin-top:10px; margin-right:10px;} .serviceCommunity .cont3 {float:right; font-family: Noto Sans KR; font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.18; letter-spacing: -0.28px; text-align: left; color: #929292; margin-top:14px;} .serviceCommunity .cont3l {float:left; font-family: Noto Sans KR; font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.18; letter-spacing: -0.28px; text-align: left; color: #929292; margin-top:14px; margin-left:38px; } .serviceCommunity .cont5 {float:left; font-family: Lexend Deca; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; text-align: left; color: #4d4f5c; margin-right:5px; margin-top:3px;} .serviceCommunity .contsbj {width: calc ( 100% - 44px ); display: block; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; } .serviceCommunity .contsbj {font-family: Noto Sans KR; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.47; letter-spacing: -0.75px; text-align: left; color: #333; margin-left:22px;margin-right:10px; margin-top:0px;} .serviceCommunity .contsbj a{ text-decoration: none !important; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: pre-line;} .serviceCommunity .cont4 { padding:0 24px; margin-top:7px; width:100%; overflow: hidden; word-break: break-word; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .serviceCommunity .cont4 {font-family: Noto Sans KR; font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.54; letter-spacing: -0.65px; text-align: left; color: #6a6a6a;} .serviceCommunity .contmin {min-height:40px !important; margin-top:10px; } .serviceCommunity .avatarx {border-radius:50%;} .serviceCommunity .mh100 {min-height:100px;} .serviceCommunity .cont_sub {padding:0 20px; margin-top:10px; margin-bottom:14px;} .serviceCommunity .ic_hit {float:left;} .serviceCommunity .ic_fav {float:left;} .serviceCommunity .ic_reply {float:left;} .serviceCommunity .card:hover { outline: 1px solid #8c9dfe !important; } .serviceCommunity .nocont {padding:20px 24px;} .serviceCommunity .nocont {font-family: Noto Sans KR; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.47; letter-spacing: -0.75px; text-align: center; color: #333;} .serviceCommunity #tab0 {float:left; position: fixed;overflow-y: scroll; width:50%;background-color: #fff; min-height:100px; z-index:2;padding-top:5px; margin-right:0%; margin-top: 27px;} .serviceCommunity #tab2 {float:left; width:50%; min-height:100px; z-index:2;padding-top:5px; margin-right:0%;margin-top:20px;} .serviceCommunity .writebox {background-color:#fff; padding-left:34px;padding-right: 20px; /*border-radius: 4px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); */ padding-top:25px;margin-bottom: 30px;} .serviceCommunity .ic_xg {float:right; width:14.3px; height:auto; margin-right:-4px;} .serviceCommunity .wrt1 {font-family: Spoqa Han Sans Neo; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.45px; text-align: left; color: #333;} .serviceCommunity .wline {width:100%; height:1px; background-color:#e6e6e6; margin:7.5px auto;} .serviceCommunity .writebox select {width:100%; height:38px; border-radius: 4px; border: solid 1px #e6e6e6; margin-bottom:8px; padding:0 18px;appearance: none;} .serviceCommunity .writebox select {font-family: Spoqa Han Sans Neo; font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 2.08; letter-spacing: -0.33px; text-align: left; color: #5a5a5a;} .serviceCommunity .wbox {width:100%; min-height:500px; border-radius: 4px; border: solid 1px #e6e6e6; background-color: #fff; padding:16px 18px; box-shadow:none !important; } .serviceCommunity .wbox {font-family: Noto Sans KR; font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.69; letter-spacing: -0.65px; text-align: left; color: #2b2b2b;} .serviceCommunity .tagin {height:auto; min-height:38px; margin-top:8px;} .serviceCommunity .wrts {font-family: Spoqa Han Sans Neo; font-size: 10px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 2; letter-spacing: -0.25px; text-align: left; color: #8c9eff; margin-left:11px;} .serviceCommunity .wrtbtn {float:right; padding-bottom:60px; margin-top:40px;} .serviceCommunity .wrtbtn .btn1 {float:right; width:109px; height:50px; border-radius: 12px; border: solid 1px #536dfe; background-color: #536dfe; padding-top:10px;} .serviceCommunity .wrtbtn .btn1 { font-family: Spoqa Han Sans Neo; font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.8; letter-spacing: -0.38px; text-align: center; color: #fff;} .serviceCommunity .wrtbtn .btn1 img {margin-right:12px;} .serviceCommunity .wrtbtn .btn1:hover {background-color:#304ffe;} .serviceCommunity .wrtbtn .btn2 {float:right; width:164px; height:50px; border-radius: 12px; border: solid 1px #536dfe; background-color: #fff; margin-right:7px; padding-left:12px; padding-top:10px; } .serviceCommunity .wrtbtn .btn2 { font-family: Spoqa Han Sans Neo; font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.8; letter-spacing: -0.38px; text-align: center; color: #536dfe;} .serviceCommunity .wrtbtn .btn2 img {margin-right:5px;} .serviceCommunity .wrtbtn .btn2:hover {background-color:#f5f6fa;} .serviceCommunity .wrtbtn .btn3 {float:right; width:109px; height:50px; border-radius: 12px; border: solid 1px #bcbccb; background-color: #fff; padding-top:10px; margin-right:7px;} .serviceCommunity .wrtbtn .btn3 { font-family: Spoqa Han Sans Neo; font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.8; letter-spacing: -0.38px; text-align: center; color: #bcbccb;} .serviceCommunity .wrtbtn .btn3 img {margin-right:12px;} .serviceCommunity .wrtbtn .btn3:hover {background-color:#fcfcfc;} .serviceCommunity .wrtbtnl {float:left; } .serviceCommunity .wtimg {float:left; margin-top:2px;} .serviceCommunity .wrtt1 {float:left; color: #536dfe;} .serviceCommunity .wrtb {float:left; border-left:1px solid #BCBCCB; height:24px; margin-left:10px; margin-top:2px;} .serviceCommunity .wrtt2 {float:left; width:40px; text-align:center; } .serviceCommunity .sbjbox {width:100%; border-radius: 4px; border: solid 1px #e6e6e6; background-color: #fcfcfc; padding:12px 8px 8px 14px; margin-top:14px;} .serviceCommunity .sbjt1 {float:left; width:85%; font-family: Spoqa Han Sans Neo; font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.8; letter-spacing: -0.75px; text-align: left; color: #333; word-break:break-all;} .serviceCommunity .sbjt1c { width:85%; font-family: Spoqa Han Sans Neo; font-size: 12px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.8; letter-spacing: -0.6px; text-align: left; color: #929292; word-break:break-all;} .serviceCommunity .btn_more {float:right; width:20px; height:auto; margin-top:5px;} .serviceCommunity .sbjprf {float:left; width:32px; height:auto; margin-top:9px;} .serviceCommunity .sbjt2 {float:left; font-family: Spoqa Han Sans Neo; font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; text-align: left; color: #536dfe; margin-top:16px; margin-left:10px;} .serviceCommunity .sbjt3 {float:left; font-family: Spoqa Han Sans Neo; font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.18; letter-spacing: -0.28px; text-align: left; color: #929292; margin-top:20px; margin-left:10px;} .serviceCommunity .sbjt4 {float:right; font-family: Spoqa Han Sans Neo; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; text-align: right; color: #4d4f5c; margin-top:16px; margin-right:5px;} .serviceCommunity .sic_hit {float:right; width:24px; height:auto; margin-right:1px; margin-top:13px; } .serviceCommunity .sic_reply {float:right; width:24px; height:auto; margin-right:1px; margin-top:13px;} .serviceCommunity .conbox {padding:20px 4px; word-break:break-all !important;} .serviceCommunity .cline {width:100%; height:1px; background-color:#dfdfdf; margin-top:9.5px;} .serviceCommunity .cbt1 {float:left; width:82px; height:30px; border-radius: 17px; border: solid 1px #536dfe; padding-top:4px; margin-top:0px;} .serviceCommunity .cbt1 {font-family: Spoqa Han Sans Neo; font-size: 13px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.54; letter-spacing: -0.33px; text-align: center; color: #536dfe;} .serviceCommunity .favbox {float:right; min-width:68px; height:24px; border-radius: 12px; background-color: rgba(140, 158, 255, 0.07); padding-left:7px; padding-right:10px; margin-top:7.5px;} .serviceCommunity .sbjt5 {float:right; font-family: Lexend Deca; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; text-align: left; color: #333; margin-top:2px;} .serviceCommunity .sic_fav {float:left; width:24px; height:auto; margin-right:10px;} .serviceCommunity .sic_scrap {float:right; width:24px; height:auto; margin-right:8px; margin-top:7.5px;} .serviceCommunity .sic_share {float:right; width:24px; height:auto; margin-right:8px; margin-top:7.5px;} .serviceCommunity .btbox {float:right; padding-top:5px; margin-right:7px; margin-top:5px;} .serviceCommunity .bt_del {float:right; font-family: Spoqa Han Sans Neo; font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.18; letter-spacing: -0.28px; text-align: left; color: #929292;} .serviceCommunity .bt_edit {float:right; font-family: Spoqa Han Sans Neo; font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.18; letter-spacing: -0.28px; text-align: left; color: #929292; margin-right:5px; } .serviceCommunity .bt_del a {text-decoration:none; color: #929292;} .serviceCommunity .bt_edit a {text-decoration:none; color: #929292;} .serviceCommunity .tagbox {width:100%; margin-top:18px;} .serviceCommunity .tagbox div {float:left; border-radius: 12px; background-color: #f1f1f1; padding:0 12px; margin-right:7px; cursor:pointer;} .serviceCommunity .tagbox div {font-family: Spoqa Han Sans Neo; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.3px; text-align: center; color: #5a5a5a;} .serviceCommunity .pdtl {padding-left:33px;} .serviceCommunity .wsbjbox {width:100%; height:38px; padding:4px; border-radius: 4px; border: solid 1px #e6e6e6; margin-bottom:10px;} .serviceCommunity .wsbjboxt {width:100%; min-height:38px; padding:4px; border-radius: 4px; border: solid 1px #e6e6e6; margin-bottom:10px;} .serviceCommunity .wsbjbox2 {width:100%; min-height:28px; padding:4px; border-radius: 4px; border: solid 1px #e6e6e6; } .serviceCommunity .wsel {float:left; width:130px !important; height:28px !important; background-color:#f5f6fa; border:none !important; } .serviceCommunity .wsbj {float:left; } .serviceCommunity .wspl {float:left; margin-left:4px; margin-top:4px; width:1px; height:20px; background-color:#e6e6e6;} .serviceCommunity .wdiv {float:left; width:125px; height:28px; background-color:#f5f6fa; } .serviceCommunity .wdiv {font-family:Spoqa Han Sans Neo; font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 2.08; letter-spacing: -0.33px; text-align: center; color: #5a5a5a;} .serviceCommunity .wsbj {width:76%; min-width:250px; height:30px ; border-radius: 4px; border: solid 1px #e6e6e6; margin-bottom:8px; padding:0 18px;} .serviceCommunity .wsbj {font-family: Spoqa Han Sans Neo; font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 2.08; letter-spacing: -0.33px; text-align: left; color: #2b2b2b;} .serviceCommunity .wsbj:placeholder {font-size: 12px; color: #929292;} .serviceCommunity .stbox {float:left; width:76%; min-width:250px; min-height:28px; } .serviceCommunity .stagin {float:left;} .serviceCommunity .stagin {min-height:28px ; padding:0 18px; } .serviceCommunity .stagin {width:100%; font-family: Spoqa Han Sans Neo; font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 2.08; letter-spacing: -0.33px; text-align: left; color: #2b2b2b;} .serviceCommunity .stagin:placeholder {font-size: 12px; color: #929292;} .serviceCommunity .sttag {float:left; height: 24px; border-radius: 12px; background-color: #e5f8fd; padding:0 12px; padding-top:2px; margin-left:4px; margin-top:2px;} .serviceCommunity .sttag {font-family: Spoqa Han Sans Neo; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.3px; text-align: center; color: #5a5a5a;} .serviceCommunity .sttag img {margin-left:5px; margin-top:-2px;} .serviceCommunity #sttxt {position:absolute; font-size: 12px; color: #929292; margin-top:-23px; margin-left:10px;} .serviceCommunity .icblvl {position:absolute; margin-left:0px; margin-top:-10px;} .serviceCommunity .icalvl {position:absolute; margin-left:4px; margin-top:-6px;} .serviceCommunity .bcomp {width:20px; height:20px; background:url('/images/gbp/level/ic_samc.png') 0 -2px no-repeat; color:#fff; display:inline-block; position:absolute; text-align:center; margin-left:5px; margin-top:0px;} .serviceCommunity .concate {display:inline-block; padding:3px 4px 2px; border-radius:3px; background-color:#f3f3f3; margin-top:18px; margin-left:20px;} .serviceCommunity .concate {font-family:Spoqa Han Sans Neo; font-size: 10px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: -0.75px; text-align: left; color: #929292;} .serviceCommunity .poptemp {position:absolute; width:540px; min-height:450px; background-color:#fff; padding:20px 0px;} .serviceCommunity .poptemp {border-radius: 4px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); border: solid 1px #a4a4a4;} .serviceCommunity .ptt1 {font-family: Spoqa Han Sans Neo; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.17; letter-spacing: -0.45px; text-align: left; color: #5a5a5a; margin-left:30px;} .serviceCommunity .ptt2 {float:left; font-family: Spoqa Han Sans Neo; font-size: 12px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.3px; text-align: left; color: #929292; margin-top:12px; margin-left:30px;} .serviceCommunity .ptt3 {float:right; font-family: Spoqa Han Sans Neo; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: -0.35px; text-align: left; color: #bcbccb; margin-right:17px; margin-top:10px;} .serviceCommunity .ptt3 span {color: #536dfe;} .serviceCommunity .tic_x {position:absolute; top:17px; right:17px;} .serviceCommunity .ptbox {width:100%; height:360px; overflow-y:auto; margin-top:19px;} .serviceCommunity .ptbox {border-top:1px solid #dfdfdf;} .serviceCommunity .tplist {width:100%; height:68.5px; border-bottom:1px solid #dfdfdf; padding:14px 30px;} .serviceCommunity .tpt {float:left; font-family: Spoqa Han Sans Neo; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: -0.35px; text-align: left; color: #5a5a5a; width: 400px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .serviceCommunity .tpd {font-family: Spoqa Han Sans Neo; font-size: 10px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: -0.25px; text-align: left; color: #bcbccb;} .serviceCommunity .ic_trash {float: right; top: 10px; position: relative;} .serviceCommunity #tab1l {padding:0;} .serviceCommunity .listbox {padding:0; border-radius: 4px; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.05); background-color: #fff; margin:0;} .serviceCommunity .comlist {padding:0; } .serviceCommunity .comlist:hover { background-color: #fcfdff;} .serviceCommunity .comlist:first-child {padding-top:0px;} .serviceCommunity .comlistin {border-radius: 4px; margin:0 18px; border-bottom:1px solid #f5f6fa;} .serviceCommunity .comlistleft {float:left; width:70%; padding-top:34px; padding-bottom:18px;} .serviceCommunity .comlistright {float:right; } .serviceCommunity .comlistright img {width:128px; height:72px; margin-top:24px; margin-right:40px;} .serviceCommunity .comlistright img {border-radius:8px;} .serviceCommunity .comlistcate {float:left; min-width:36px; padding: 4px 5px 3px; border-radius: 3px; background-color: #f3f3f3; margin-right:10px; margin-left:16px;} .serviceCommunity .comlistcate {font-family: Spoqa Han Sans Neo; font-size: 10px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: -0.5px; text-align: left; color: #929292;} .serviceCommunity .comlistsbj {font-family: Noto Sans KR; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.47; letter-spacing: -0.75px; text-align: left; color: #333; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; } .serviceCommunity .comfl {float:left; margin-right:18px;} .serviceCommunity .conlistbg {width:128px; height:72px; margin-top:24px; margin-right:40px;} .serviceCommunity .conlistbg {border-radius:8px;} .serviceCommunity .subhead {margin-top:0; margin-bottom:34px; margin-left:0px; } .serviceCommunity .subhead {font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.8; letter-spacing: -0.38px; text-align: left; color: #5a5a5a;} .serviceCommunity .mh15 {height:15px;} .serviceCommunity .fcard {outline:2px solid #8c9dfe !important;} .serviceCommunity .fcomlist {background-color:rgba(184,236,254,0.2);} .serviceCommunity .modal { position: fixed; top: 0; left: 0; z-index: 1055; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; white-space: nowrap; overflow: hidden; text-align: left; } .serviceCommunity h4, .h4{ font-size: 1em; } .serviceCommunity button{ margin: 0; padding: 0; font-family: 'Spoqa Han Sans Neo', sans-serif; font-size: 1em; line-height: unset; } .serviceCommunity #tab2 {position:fixed; height:100%; overflow-y:scroll; padding-bottom:100px;} .serviceCommunity #tab2 { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .serviceCommunity #tab2::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/ } .serviceCommunity #tab1 { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .serviceCommunity #tab1::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/ } .serviceCommunity #tab1l { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .serviceCommunity #tab1l::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/ } .serviceCommunity #tab1 {overflow-y:scroll;} .serviceCommunity #tab1 { margin-top:5px; padding-top:20px; } .serviceCommunity #tab1l {overflow-y:scroll; } .serviceCommunity #tab1l {margin-top:5px; padding:0; padding-top:30px;} .serviceCommunity .ccon { padding: 16px; } .serviceCommunity .form-check { display: block; min-height: 1.35rem; padding-left: 1.5em; margin-bottom: 0.125rem; } .serviceCommunity .form-check .form-check-input { float: left; margin-left: -1.5em; } .serviceCommunity .form-check-input { display: block; width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0, 0, 0, 0.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; } .serviceCommunity .form-check-input[type="checkbox"] { border-radius: 0.25em; } .serviceCommunity .form-check-input[type="radio"] { border-radius: 50%; } .serviceCommunity .form-check-input:active { filter: brightness(90%); } .serviceCommunity .form-check-input:focus { border-color: #a3a8ee; outline: 0; box-shadow: 0 0 0 0.25rem rgba(70, 80, 221, 0.25); } .serviceCommunity .form-check-input:checked { background-color: #4650dd; border-color: #4650dd; } .serviceCommunity .form-check-input:checked[type="checkbox"] { display: block; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); } .serviceCommunity .form-check-input:checked[type="radio"] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .serviceCommunity .form-check-input[type="checkbox"]:indeterminate { background-color: #4650dd; border-color: #4650dd; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .serviceCommunity .form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; } .serviceCommunity .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { opacity: 0.5; } /*@media screen and (max-width:750px)*/ /*{*/ /* .serviceCommunity #tab1{ padding: 10px 0px 0px 10px !important;}*/ /*}*/ .serviceCommunity .wrap-state { width: 100%; min-width: 1136px; height: 61px; background-color: #fff; box-shadow: 0px 2px 6px 0px rgb(0, 0, 0, .04); position: fixed; z-index: 200; left: 300px; top: 0px; } /*.serviceCommunity #tab2{*/ /* position: fixed;*/ /* height: 100%;*/ /* float: left;*/ /* min-height: 100px;*/ /* z-index: 2;*/ /* margin-right: 0%;*/ /*}*/ /*.serviceCommunity #tab1{*/ /* float: right;*/ /* width: calc( 100% - 648px );*/ /*}*/ .serviceCommunity .sbjt2s { float: left; width: 32px; padding-top: 15px; } .serviceCommunity .cmtbox { width: 100%; border-radius: 12px; border: solid 1px #e6e6e6; background-color: #fff; margin-bottom: 1.5px; } .serviceCommunity .cmt1s { float: left; width: 20%; } .serviceCommunity .cmt1 { padding: 9px 18px 0 18px; } .serviceCommunity .cmt1 { height: 37px; color: #2b2b2b; } .serviceCommunity .cmtinfo { color: #999999; padding: 20px; } .serviceCommunity #cmt2s { float: left; width: calc( 100% - 185px ); height: 25px; } .serviceCommunity .cmt2s input { width: 100%; border: none; border-radius: 12px; padding-top: 9px; outline: none; cursor: pointer; } .serviceCommunity #wcmtbox{ font-family: Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; text-align: left; } .serviceCommunity .wrbox{ padding: 5px 0 0 0; margin: 0; } .serviceCommunity .cmtsbj { font-family: Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: -0.35px; text-align: left; color: #333; height: 50.5px; border-top: 1px solid #dfdfdf; padding-top: 19.5px; } .serviceCommunity .cmtsbj span { font-family: Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -0.38px; text-align: left; color: #536dfe; } .serviceCommunity #bskr-clist { padding: 0; font-family: Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; background: #fff; } .serviceCommunity #bskr-clist .citem.first { border-top: 0; } .serviceCommunity #bskr-clist .citem { border-top: #d5d5d5 solid 0px; } .serviceCommunity .citembox { box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.09); border: solid 1px #e6e6e6; background-color: #fff; padding: 0px; margin-bottom: 10px; } .serviceCommunity #bskr-clist .citem.first .sbj { padding-top: 0; } .serviceCommunity #bskr-clist .citem .sbj { padding: 10px 0 10px 0; line-height: 24px; vertical-align: middle; } .serviceCommunity #bskr-clist .citem .sbj .info { padding-left: 20px; padding-top: 5px; color: #888888; } .serviceCommunity .citembox .sbj .info { width: 100%; padding-top: 16px; } .citembox .sbj .info .prfimg{ float: left; margin-right: 14px; margin-left: 18px; } .serviceCommunity .citembox .sbj .info .infobox { float: left; padding-top: 12px; } .serviceCommunity .citembox .sbj .info .name { font-weight: bold; font-family: Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.0; letter-spacing: normal; text-align: left; color: #536dfe !important; } .serviceCommunity .citembox .sbj .info .time { font-family: Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size: 10px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: -0.25px; text-align: left; color: #bcbccb; margin-top: 4px; } .serviceCommunity .cmtline { height: 1px; margin: 20px 18px 0 18px; background-color: #e6e6e6; } .serviceCommunity #bskr-clist .citem .sbj .control { padding-top: 5px; color: #9a9a9a; } .serviceCommunity #bskr-clist .citem .content { min-height: 20px; margin: 5px 0 20px 0; line-height: 1.5; text-align: justify; word-break: break-all; word-break: break-word; overflow: auto; } .serviceCommunity .content { font-family: Noto Sans KR, Lexend Deca !important; font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.54; letter-spacing: -0.65px; text-align: left; color: #5a5a5a; padding: 0 18px; } .serviceCommunity .cmt_btm { width: 100%; height: 36px; background-color: #fcfcfc; border-top: 1px solid #e6e6e6; } .serviceCommunity .cfavbox { float: left; margin-top: 6px; width: 62px; margin-left: 16px; min-width: 68px; height: 24px; border-radius: 12px; background-color: rgba(140, 158, 255, 0.07); padding-left: 7px; padding-right: 10px; } .serviceCommunity .sic_cfav { float: left; margin-right: 4px; } .serviceCommunity .cfavt { float: left; font-family: Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; text-align: left; color: #333; margin-top: 3px; } .serviceCommunity .crepbox { float: left; margin-top: 6px; width: 55px; } .serviceCommunity .sic_crep { float: left; margin-right: 4px; } .serviceCommunity .crept { float: left; font-family: Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; text-align: left; color: #333; margin-top: 3px; } .serviceCommunity .bt_add { float: left; font-family: Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; margin-top: 13px; font-size: 11px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.18; letter-spacing: -0.28px; text-align: left; color: #536dfe; cursor: pointer; } .serviceCommunity .cmt2 textarea {width:100%; border:none; outline:none; resize:none;} .serviceCommunity .cmt2 textarea {font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.69; letter-spacing: -0.65px; text-align: left; color: #5a5a5a; padding:18px;} .serviceCommunity .cmtbtm {width:100%; height:54px; border-top:1px solid #e6e6e6; } .serviceCommunity .cmt3 {float:left; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size: 10px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: -0.25px; text-align: left; color: #b5b5b5; margin-top:16px; margin-left:18px;} .serviceCommunity .cbtn1 {float:right; width:80px; height:30px; border-radius: 12px; background-color: #536dfe; padding-top:8px; margin-top:10px; margin-right:18px; cursor:pointer;} .serviceCommunity .cbtn1 img {width:18px; height:auto; margin-right:8px; margin-top:-2px;} .serviceCommunity .cbtn3 {float:right; width:80px; height:30px; border-radius: 12px; border: solid 1px #bcbccb; background-color: #fff; padding-top:8px; margin-top:10px; margin-right:8px; cursor:pointer;} .serviceCommunity .cbtn3 img {width:18px; height:auto; margin-right:8px; margin-top:-2px;} .serviceCommunity .cbtn1 {font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.08; letter-spacing: normal; text-align: center; color: #fff;} .serviceCommunity .cbtn2 {float:left; width:80px; height:30px; border-radius: 12px; border: solid 1px #536dfe; background-color: #fff; padding-top:8px; margin-top:10px; margin-right:8px; cursor:pointer;} .serviceCommunity .cbtn2 {font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.08; letter-spacing: normal; text-align: center; color: #536dfe;} .serviceCommunity .cbtn2 img {width:18px; height:auto; margin-right:0; margin-top:-2px;} .serviceCommunity .cbtn3 {font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.08; letter-spacing: normal; text-align: center; color: #bcbccb;} .serviceCommunity .cbtn1:hover {background-color:#304ffe;} .serviceCommunity .cbtn2:hover {background-color:#f5f6fa;} .serviceCommunity .cbtn3:hover {background-color:#fcfcfc;} .serviceCommunity .cbtn2l {float:left; width:115px; height:30px; border-radius: 12px; border: solid 1px #536dfe; background-color: #fff; padding-top:8px; margin-top:10px; margin-left:18px; cursor:pointer;} .serviceCommunity .cbtn2l {font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.08; letter-spacing: normal; text-align: center; color: #536dfe;} .serviceCommunity .cbtn2l img {width:18px; height:auto; margin-right:0; margin-top:-2px;} .serviceCommunity .cbtn2l:hover {background-color:#f5f6fa;} .serviceCommunity .cmt1s {float:left; width:185px; } .serviceCommunity #cmt2s {float:left; width:calc ( 100% - 185px ); height:25px;} .serviceCommunity .cmt2s input {width:100%; border:none; /*padding-top:5px;*/ outline:none; cursor:pointer; } .serviceCommunity .cmt2s input::placeholder {font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; text-align: left; color: #bcbccb;} .serviceCommunity .cwtimg {float:left; margin-left:6px;} .serviceCommunity .cwrtt1 {float:left; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.08; letter-spacing: normal; text-align: left; color: #536dfe; margin-left:2px;} .serviceCommunity .cwrtb {float:left; border-left:1px solid #BCBCCB; height:14px; margin-left:5px; margin-top:0px;} .serviceCommunity .cwrtt2 {float:left; width:30px; text-align:center;} .serviceCommunity .tablehead {width:1120px; padding:0; margin-top:20px; } .serviceCommunity .title {float:left; font-family: Spoqa Han Sans Neo; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.22; letter-spacing: -0.45px; text-align: left; color: #3a3a3a; margin-left:40px;} .serviceCommunity .txt_list {float:right; font-family: Spoqa Han Sans Neo; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.29; letter-spacing: -0.35px; text-align: right; color: #3b6498; margin-top:4px; } .serviceCommunity .txt_list {text-decoration:underline; cursor:pointer;} .serviceCommunity .bt_tgl {float: right; font-family: Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; margin-top: 13px; margin-right: 18px; font-size: 11px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.18; letter-spacing: -0.28px; text-align: left; color: #536dfe;} /* 추가 */ .serviceCommunity .cmtsbj {height:50.5px; border-top:1px solid #dfdfdf; padding-top:19.5px; } .serviceCommunity .cmtsbj {font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: -0.35px; text-align: left; color: #333;} .serviceCommunity .cmtsbj span {font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif;font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -0.38px; text-align: left; color: #536dfe;} .serviceCommunity .nodbox {height:50.5px; background-color:#fff; padding-top:20px; } .serviceCommunity .nodbox {font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: -0.35px; text-align: left; color: #333;} .serviceCommunity #bskr-clist {padding:0; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; } .serviceCommunity #bskr-clist {} .serviceCommunity .citembox {box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.09); border: solid 1px #e6e6e6; background-color: #fff; padding:0px; margin-bottom:10px;} .serviceCommunity .citembox .sbj .info {width:100%; margin:0; padding-top:16px; } .serviceCommunity .citembox .sbj .info .prfimg {float:left; margin-right:14px; margin-left:18px;} .serviceCommunity .citembox .sbj .info .infobox {float:left; padding-top:12px;} .serviceCommunity .citembox .sbj .info .name {font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.0; letter-spacing: normal; text-align: left; color:#536dfe !important;} .serviceCommunity .btn_more {float:right; margin-right:4px; margin-top:8px;} .serviceCommunity .btbox {float:right; padding-top:10px; margin-right:7px; } .serviceCommunity .bt_del {float:right; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.18; letter-spacing: -0.28px; text-align: left; color: #929292;} .serviceCommunity .bt_edit {float:right; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.18; letter-spacing: -0.28px; text-align: left; color: #929292; margin-right:5px; } .serviceCommunity .bt_chk {float:right; width:68px; height:24px; border-radius: 12px; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.16); background-color: #fff; padding:2px 12px 0 7px; margin-top:5px; margin-right:10px;} .serviceCommunity .bt_chk .chkt {float:right; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; text-align: right; color: #536dfe;} .serviceCommunity .bt_chk .ic_chk {float:left; width:24px; height:auto; margin-top:-2px;} .serviceCommunity .bt_chk_on {background-color:#ffa801; } .serviceCommunity .bt_chk_on .chkt {color:#fff;} .serviceCommunity .cmtline {height:1px; margin:0 18px; margin-top:20px; background-color:#e6e6e6;} .serviceCommunity .oline {height:1px; margin:0 18px; margin-top:10px; margin-bottom:10px; background-color:#e6e6e6;} .serviceCommunity .sgtxt {font-size:12px; font-weight:normal; line-height:2; letter-spacing:-0.3px; color:#9a9a9a; margin-left:5px; } .serviceCommunity .i_reply {vertical-align:middle; margin-left:18px; } .serviceCommunity .cmt_btm {width:100%; height:36px; background-color:#fcfcfc; border-top:1px solid #e6e6e6;} .serviceCommunity .cfavbox {min-width:68px; height:24px; border-radius: 12px; background-color: rgba(140, 158, 255, 0.07); padding-left:7px; padding-right:10px;} .serviceCommunity .cfavbox {float:left; margin-top:6px; width:62px; margin-left:16px;} .serviceCommunity .crepbox {float:left; margin-top:6px; width:55px; } .serviceCommunity .sic_cfav {float:left; margin-right:4px;} .serviceCommunity .sic_crep {float:left; margin-right:4px;} .serviceCommunity .ofavbox {min-width:68px; height:24px; border-radius: 12px; background-color: rgba(140, 158, 255, 0.07); padding-left:7px; padding-right:10px;} .serviceCommunity .ofavbox {float:right; margin-right:20px; margin-top:5px; } .serviceCommunity .sic_ofav {float:left; margin-right:4px;} .serviceCommunity .ofavt {float:left; font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif;font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; text-align: left; color: #333; margin-top:3px;} .serviceCommunity.oline-write {display:none;} .serviceCommunity #bskr-clist .citem .oline-write { width:100%; margin: 0; padding: 0; border-top:0px solid red; } .serviceCommunity .rpl {float:left; margin-right:6px;} .serviceCommunity .btn-rcmt:hover, .btn-rcmt:focus, .btn-rcmt:active, .btn-rcmt.active { color: #9a9a9a; background-color: #fff; border-color: #9A9A9A; } .serviceCommunity #bskr-clist .oitem {float:right; position: relative;width:95%; max-width:1280px; margin:0;padding:10px 10px 0px 0;word-break: break-all;word-break: break-word;} .serviceCommunity #bskr-clist .oitem {border:1px solid #e6e6e6; border-radius: 12px; margin-top:4px; margin-right:4px; margin-bottom:4px;} .serviceCommunity .owbox {float:right; position: relative;width:95%; max-width:1280px; margin:0;padding:0;word-break: break-all;word-break: break-word;} .serviceCommunity .owbox {border:1px solid #e6e6e6; border-radius: 12px; margin-top:4px; margin-right:4px; margin-bottom:4px;} .serviceCommunity .onebox {background-color:#fdfdfd; } .serviceCommunity .ownic {font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; text-align: left; color: #2b2b2b;} .serviceCommunity .ownic {width:100%; height:40px; padding:0 18px; padding-top:10px;} .serviceCommunity .owebox {width:100%; border-top:1px solid #e6e6e6; } .serviceCommunity .owebox textarea {width:100%; border:none; outline:none; padding:20px;} .serviceCommunity .owbtm {width:100%; padding:10px 18px; border-top:1px solid #e6e6e6;} .serviceCommunity .bt_oadd {float:right; width:80px; height:30px; border-radius: 12px; background-color: #536dfe; padding-top:3px; margin-top:-1px; margin-right:0px; cursor:pointer; outline:none; border:none;} .serviceCommunity .bt_oadd {font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.08; letter-spacing: normal; text-align: center; color: #fff;} .serviceCommunity .bt_oadd img {width:18px; height:auto; margin-right:8px; margin-top:-2px;} .serviceCommunity .cbtn2 {float:right; width:80px; height:30px; border-radius: 12px; border: solid 1px #536dfe; background-color: #fff; padding-top:8px; margin-top:10px; margin-right:8px; cursor:pointer;} .serviceCommunity .cbtn2 {font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.08; letter-spacing: normal; text-align: center; color: #536dfe;} .serviceCommunity .cbtn2 img {width:18px; height:auto; margin-right:0; margin-top:-2px;} .serviceCommunity .bt_occ {float:right; width:80px; height:30px; border-radius: 12px; border: solid 1px #bcbccb; background-color: #fff; padding-top:8px; margin-top:-1px; margin-right:8px; cursor:pointer;} .serviceCommunity .bt_occ {font-family:Noto Sans KR, Apple SD Gothic Neo, Lexend Deca, Sans-serif; font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.08; letter-spacing: normal; text-align: center; color: #bcbccb;} .serviceCommunity .bt_occ img {width:18px; height:auto; margin-right:8px; margin-top:-2px;} .serviceCommunity .bt_oadd:hover {background-color:#304ffe;} .serviceCommunity .cbtn2:hover {background-color:#f5f6fa;} .serviceCommunity .bt_occ:hover {background-color:#fcfcfc !important;} .serviceCommunity .mcmimg {width:100%; max-width:100px !important; height:auto;} .serviceCommunity #bimgpop {position:absolute; width:800px;} .serviceCommunity #bimg {width:100%; height:auto;} .serviceCommunity .oneebox .note-editor {font-family: 'Noto Sans KR', 'Arial Black', 'Comic Sans MS', 'Courier New', 'Impact', 'Verdana';} @media screen and (max-width:750px) { .serviceCommunity .bt_oadd {margin-top:-2px; padding-top:0px;} .serviceCommunity .bt_oadd img {margin-top:0px;} .serviceCommunity .bt_occ {margin-top:-2px; padding-top:2px;} .serviceCommunity .bt_occ img {margin-top:-2px; padding-top:5px;} .mobile .serviceCommunity .cmtinfo { color: #999999; padding: 30px; } .mobile .serviceCommunity .writebox{ padding:20px !important; } } /** 일반화면일때의 해상도별 조정 **/ /*@media screen and (max-width:560px)*/ /*{*/ /* !*.serviceCommunity .ccon {width:100% !important; }*!*/ /* .serviceCommunity .colss {width:100%;}*/ /* .serviceCommunity .grid-sizer {width: 100%;}*/ /*}*/ /*@media screen and (min-width:561px) and (max-width:733px)*/ /*{*/ /* !*.serviceCommunity .ccon {width:100% !important;}*!*/ /* .serviceCommunity .colss {width:48%;}*/ /* .serviceCommunity .grid-sizer {width: 48%;}*/ /*}*/ /*@media screen and (min-width:734px) and (max-width:900px)*/ /*{*/ /* !*.serviceCommunity .ccon {width: calc( 102% - 300px ) !important;}*!*/ /* !*.serviceCommunity .ccon {margin-left:300px;}*!*/ /* !*.serviceCommunity #tab2 {margin-left:300px;}*!*/ /* .serviceCommunity .colss {width:100%;}*/ /* .serviceCommunity .grid-sizer {width: 100%;}*/ /*}*/ /*@media screen and (min-width:900px) and (max-width:1200px)*/ /*{*/ /* !*.serviceCommunity .ccon {width: calc( 102% - 300px ) !important;}*!*/ /* !*.serviceCommunity .ccon {margin-left:300px;}*!*/ /* !*.serviceCommunity #tab2 {margin-left:300px;}*!*/ /* .serviceCommunity .colss {width:48%;}*/ /* .serviceCommunity .grid-sizer {width: 48%;}*/ /*}*/ /*@media screen and (min-width:1201px) and (max-width:1500px)*/ /*{*/ /* !*.serviceCommunity .ccon {width: calc( 103% - 300px ) !important;}*!*/ /* !*.serviceCommunity .ccon {margin-left:300px;}*!*/ /* !*.serviceCommunity #tab2 {margin-left:300px;}*!*/ /* .serviceCommunity .colss {width:31%;}*/ /* .serviceCommunity .grid-sizer {width: 31%;}*/ /*}*/ /*@media screen and (min-width:1500px) and (max-width:1903px)*/ /*{*/ /* !*.serviceCommunity .ccon {width: calc( 103% - 300px ) !important;}*!*/ /* !*.serviceCommunity .ccon {margin-left:300px;}*!*/ /* !*.serviceCommunity #tab2 {margin-left:300px;}*!*/ /* .serviceCommunity .colss {width:23%;}*/ /* .serviceCommunity .grid-sizer {width: 23%;}*/ /*}*/ /*@media screen and (min-width:1904px) and (max-width:2216px)*/ /*{*/ /* !*.serviceCommunity .ccon {width: calc( 102% - 300px ) !important;}*!*/ /* !*.serviceCommunity .ccon {margin-left:300px;}*!*/ /* !*.serviceCommunity #tab2 {margin-left:300px;}*!*/ /* .serviceCommunity .colss {width:18.5%;}*/ /* .serviceCommunity .grid-sizer {width: 18.5%;}*/ /*}*/ /*@media screen and (min-width:2217px) and (max-width:2543px)*/ /*{*/ /* !*.serviceCommunity .ccon {width: calc( 101% - 300px ) !important;}*!*/ /* !*.serviceCommunity .ccon {margin-left:300px;}*!*/ /* !*.serviceCommunity #tab2 {margin-left:300px;}*!*/ /* .serviceCommunity .colss {width:15.5%;}*/ /* .serviceCommunity .grid-sizer {width: 15.5%;}*/ /*}*/ /*@media screen and (min-width:2544px) and (max-width:3190px)*/ /*{*/ /* !*.serviceCommunity .ccon {width: calc( 102% - 300px ) !important;}*!*/ /* !*.serviceCommunity .ccon {margin-left:300px;}*!*/ /* !*.serviceCommunity #tab2 {margin-left:300px;}*!*/ /* .serviceCommunity .colss {width:13.2%;}*/ /* .serviceCommunity .grid-sizer {width: 13.2%;}*/ /*}*/ /*@media screen and (min-width:3191px) and (max-width:3600px)*/ /*{*/ /* !*.serviceCommunity .ccon {width: calc( 102% - 300px ) !important;}*!*/ /* .serviceCommunity .ccon {margin-left:300px;}*/ /* !*.serviceCommunity #tab2 {margin-left:300px;}*!*/ /* .serviceCommunity .colss {width:11.5%;}*/ /* .serviceCommunity .grid-sizer {width: 11.5%;}*/ /*}*/ /*@media screen and (min-width:3601px) and (max-width:4200px)*/ /*{*/ /* !*.serviceCommunity .ccon {width: calc( 102% - 300px ) !important;}*!*/ /* !*.serviceCommunity .ccon {margin-left:300px;}*!*/ /* !*.serviceCommunity #tab2 {margin-left:300px;}*!*/ /* .serviceCommunity .colss {width:9.2%;}*/ /* .serviceCommunity .grid-sizer {width: 9.2%;}*/ /*}*/ /*@media screen and (min-width:4201px) and (max-width:4800px)*/ /*{*/ /* !*.serviceCommunity .ccon {width: calc( 102% - 300px ) !important;}*!*/ /* !*.serviceCommunity .ccon {margin-left:300px;}*!*/ /* !*.serviceCommunity #tab2 {margin-left:300px;}*!*/ /* .serviceCommunity .colss {width:8.4%;}*/ /* .serviceCommunity .grid-sizer {width: 8.4%;}*/ /*}*/ /*@media screen and (min-width:4800px) {*/ /* !*.serviceCommunity .ccon {width: calc( 102% - 300px ) !important;}*!*/ /* !*.serviceCommunity .ccon {*!*/ /* !* margin-left: 300px;*!*/ /* !*}*!*/ /* !*.serviceCommunity #tab2 {*!*/ /* !* margin-left: 300px;*!*/ /* !*}*!*/ /* .serviceCommunity .colss {*/ /* width: 7.11%;*/ /* }*/ /* .serviceCommunity .grid-sizer {*/ /* width: 7.11%;*/ /* }*/ /*}*/ /** detail 화면일 때의 해상도별 조정 **/ /*@media screen and (max-width:560px)*/ /*{*/ /* .serviceCommunity #menu {display:block; left:-300px;}*/ /* .serviceCommunity #tab1 {width: calc(100% - 85px);}*/ /* .serviceCommunity #tab1l {width: calc(100% - 85px);}*/ /* .serviceCommunity #tab2 {width: calc(100% - 100px);}*/ /* .serviceCommunity #tab2 {position: relative}*/ /* .serviceCommunity .rcon {width:calc( 100% - 30px ); }*/ /* .serviceCommunity .colss {width:100%;}*/ /* .serviceCommunity .grid-sizer {width: 100%;}*/ /*}*/ /*@media screen and (min-width:561px) and (max-width:733px)*/ /*{*/ /* .serviceCommunity #menu {display:block; left:-300px;}*/ /* .serviceCommunity #tab1 {width: calc(100% + 45px);}*/ /* .serviceCommunity #tab1l {width: calc(100% + 45px);}*/ /* .serviceCommunity #tab2 {width: calc(100% + 30px);}*/ /* .serviceCommunity #tab2 {position: relative}*/ /* .serviceCommunity .rcon {width: calc( 100% - 30px ) !important;}*/ /* .serviceCommunity .colss {width:47.5%;}*/ /* .serviceCommunity .grid-sizer {width: 47.5%;}*/ /*}*/ /*@media screen and (min-width:734px) and (max-width:948px)*/ /*{*/ /* .serviceCommunity #menu {display:block; left:0px;}*/ /* .serviceCommunity #tab1 {width: calc(100% - 15px);}*/ /* .serviceCommunity #tab1l {width: calc(100% - 15px);}*/ /* .serviceCommunity #tab2 {width: calc(100% - 30px);}*/ /* .serviceCommunity #tab2 {position: relative}*/ /* .serviceCommunity .rcon {width: calc( 100% - 270px ) !important;}*/ /* !*.serviceCommunity .rcon {margin-left:300px;}*!*/ /* .serviceCommunity .colss {width:100%;}*/ /* .serviceCommunity .grid-sizer {width: 100%;}*/ /*}*/ /*@media screen and (min-width:949px) and (max-width:1200px)*/ /*{*/ /* .serviceCommunity #menu {display:block; left:0px;}*/ /* .serviceCommunity #tab1 {width: calc(100% - 15px);}*/ /* .serviceCommunity #tab1l {width: calc(100% - 15px);}*/ /* .serviceCommunity #tab2 {width: calc(100% - 30px);}*/ /* .serviceCommunity #tab2 {position: relative}*/ /* .serviceCommunity .rcon {width: calc( 100% - 270px ) !important;}*/ /* !*.serviceCommunity .rcon {margin-left:300px;}*!*/ /* .serviceCommunity .colss {width:48%;}*/ /* .serviceCommunity .grid-sizer {width: 48%;}*/ /*}*/ /*@media screen and (min-width:1201px) and (max-width:1500px)*/ /*{*/ /* .serviceCommunity .rcon {width: calc( 100% - 270px ) !important;}*/ /* !*.serviceCommunity .rcon {margin-left:300px; }*!*/ /* .serviceCommunity .colss {width:100%;}*/ /* .serviceCommunity .grid-sizer {width: 100%;}*/ /* .serviceCommunity #tab1 {width: calc(100% - 648px); float: right}*/ /*}*/ /*@media screen and (min-width:1500px) and (max-width:1903px)*/ /*{*/ /* .serviceCommunity .rcon {width: calc( 100% - 270px ) !important;}*/ /* !*.serviceCommunity .rcon {margin-left:300px;}*!*/ /* .serviceCommunity .colss {width:48%;}*/ /* .serviceCommunity .grid-sizer {width: 48%;}*/ /* .serviceCommunity #tab1 {width: calc(100% - 648px); float: right}*/ /*}*/ /*@media screen and (min-width:1904px) and (max-width:2216px)*/ /*{*/ /* .serviceCommunity .rcon {width: calc( 100% - 270px ) !important;}*/ /* !*.serviceCommunity .rcon {margin-left:300px; }*!*/ /* .serviceCommunity .colss {width:31.5%;}*/ /* .serviceCommunity .grid-sizer {width: 31.5%;}*/ /* .serviceCommunity #tab1 {width: calc(100% - 648px); float: right}*/ /*}*/ /*@media screen and (min-width:2217px) and (max-width:2543px)*/ /*{*/ /* .serviceCommunity .rcon {width: calc( 100% - 270px ) !important;}*/ /* !*.serviceCommunity .rcon {margin-left:300px; }*!*/ /* .serviceCommunity .colss {width:23.5%;}*/ /* .serviceCommunity .grid-sizer {width: 23.5%;}*/ /* .serviceCommunity #tab1 {width: calc(100% - 648px); float: right}*/ /*}*/ /*@media screen and (min-width:2544px) and (max-width:2900px)*/ /*{*/ /* .serviceCommunity .rcon {width: calc( 100% - 270px ) !important;}*/ /* !*.serviceCommunity .rcon {margin-left:300px; }*!*/ /* .serviceCommunity .colss {width:18.9%;}*/ /* .serviceCommunity .grid-sizer {width: 18.9%;}*/ /* .serviceCommunity #tab1 {width: calc(100% - 648px); float: right}*/ /*}*/ /*@media screen and (min-width:2901px) and (max-width:3190px)*/ /*{*/ /* .serviceCommunity .rcon {width: calc( 100% - 270px ) !important;}*/ /* !*.serviceCommunity .rcon {margin-left:300px; }*!*/ /* .serviceCommunity .colss {width:15.7%;}*/ /* .serviceCommunity .grid-sizer {width: 15.7%;}*/ /* .serviceCommunity #tab1 {width: calc(100% - 648px); float: right}*/ /*}*/ /*@media screen and (min-width:3191px) and (max-width:3600px)*/ /*{*/ /* .serviceCommunity .rcon {width: calc( 100% - 270px ) !important;}*/ /* !*.serviceCommunity .rcon {margin-left:300px; }*!*/ /* .serviceCommunity .colss {width:13.4%;}*/ /* .serviceCommunity .grid-sizer {width: 13.4%;}*/ /* .serviceCommunity #tab1 {width: calc(100% - 648px); float: right}*/ /*}*/ /*@media screen and (min-width:3601px) and (max-width:4200px)*/ /*{*/ /* .serviceCommunity .rcon {width: calc( 100% - 270px ) !important;}*/ /* !*.serviceCommunity .rcon {margin-left:300px; }*!*/ /* .serviceCommunity .colss {width:11.74%;}*/ /* .serviceCommunity .grid-sizer {width: 11.74%;}*/ /* .serviceCommunity #tab1 {width: calc(100% - 648px); float: right}*/ /*}*/ /*@media screen and (min-width:4201px) and (max-width:4600px)*/ /*{*/ /* .serviceCommunity .rcon {width: calc( 100% - 270px ) !important;}*/ /* !*.serviceCommunity .rcon {margin-left:300px; }*!*/ /* .serviceCommunity .colss {width:9.36%;}*/ /* .serviceCommunity .grid-sizer {width: 9.36%;}*/ /* .serviceCommunity #tab1 {width: calc(100% - 648px); float: right}*/ /*}*/ /*@media screen and (min-width:4601px) and (max-width:4999px)*/ /*{*/ /* .serviceCommunity .rcon {width: calc( 100% - 270px ) !important;}*/ /* !*.serviceCommunity .rcon {margin-left:300px; }*!*/ /* .serviceCommunity .colss {width:8.54%;}*/ /* .serviceCommunity .grid-sizer {width: 8.54%;}*/ /* .serviceCommunity #tab1 {width: calc(100% - 648px); float: right}*/ /*}*/ /*@media screen and (min-width:5000px)*/ /*{*/ /* .serviceCommunity .rcon {width: calc( 100% - 270px ) !important;}*/ /* !*.serviceCommunity .rcon {margin-left:300px; }*!*/ /* .serviceCommunity .colss {width:7.20%;}*/ /* .serviceCommunity .grid-sizer {width: 7.20%;}*/ /* .serviceCommunity #tab1 {width: calc(100% - 648px); float: right}*/ /*}*/ .serviceCommunity #subject { border: 0; outline: none; width: 65%; } .mobile .mct1 { font-family: Spoqa Han Sans Neo; font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.23; letter-spacing: -0.55px; text-align: left; color: #929292; float: left; margin-left: 15px; } .mobile .mcomhsub { position: relative; margin-top: 20px; padding-bottom: 15px; } .mobile .mct1 p { float: left; font-weight: bold; color: #536dfe; } .mobile .sortboxhead { font-family: Spoqa Han Sans Neo; font-size: 10px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: -1px; text-align: left; color: #536dfe; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #f5f6fa; float: right; width: 90px; height: 30px; z-index: 97; background-color: #f5f6fa; border-radius: 15px; margin-right: 15px; padding: 0 10px; padding-top: 4px; margin-top: -8px; } .mobile .sortboxhead img { margin-top: -2px; margin-right: 1px; } .mobile .ms_arr { width: 7px; height: auto; margin-left: 8px; } .mobile .sortbox { position: absolute; width: 90px; z-index: 96; right: 15px; margin-top: 30px; border-radius: 15px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #fff; padding-top: 15px; } .mobile .tabtm { font-family: Spoqa Han Sans Neo; font-size: 10px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: -1px; text-align: left; color: #a1a1bb; width: 90px; height: 40px; margin-right: 15px; padding: 0 10px; padding-top: 4px; margin-top: -8px; } .mobile .tabtm img { margin-top: -2px; margin-right: 1px; } .mobile #tab1l{padding: 0;} .mobile .comlistleft{ float: left;width: calc(100% - 90px); padding: 15px 0px 0px 0px; } .mobile #tab1{ width: 100%;} .mobile .comlistmt {padding-top: 15px;} #tab1l {padding: 23px;} .mobile .comlistin { margin: 0 15px; } /*.mobile .comfl { float: none; margin-right: 18px; }*/ .mobile .comlistin {border-radius: 0px; margin: 0 15px; border-bottom: 1px solid #f5f6fa;} .mobile .comfl { float: left; margin-right: 10px; } .mobile .comlistmb { margin-top: 12px; margin-bottom: 15px; } .mobile .conlistbgm { background-size: cover; border-radius: 8px; width: 90px; height: 50px; margin-top: 0px; margin-right: 15px; margin-bottom: -20px; box-sizing: border-box; } .mobile .comlistmright { float: right; width: 90px !important; padding-top: 15px; } .mobile .contm2{ float: left; font-family: Spoqa Han Sans Neo; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; text-align: left; color: #536dfe; margin-top: 10px; margin-right: 10px; } .mobile #tab1 { padding: 10px !important; } .mobile #tab1l { padding: 0px !important; } .listbox{ width: 100%; } .mobile .listbox{ width: 100%; } .mobile .comlistcate { min-width: 36px; padding: 4px 5px 3px; border-radius: 3px; background-color: #f3f3f3; margin-right: 10px; margin-left: 0px; margin-top: 2px; } .mobile .ic_fav { float: left; margin-left: 10px; } .mobile .ic_reply { float: left; margin-left: 10px; } .mobile .contm3l { float: left; font-family: Noto Sans KR; font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.18; letter-spacing: -0.28px; text-align: left; color: #929292; margin-top: 14px; margin-left: 38px; } .mobile .cont_subm { padding: 0px; margin-top: 8px; } .mobile .contm5 { float: left; font-family: Lexend Deca; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; text-align: left; color: #4d4f5c; margin-right: 5px; margin-top: 3px; } .mobile .serviceCommunity .poptemp{width: 100%;margin-top:unset!important;} .mobile .serviceCommunity .wrtbtn .btn2 {width: 104px; font-size: 12px; height: 33px; padding-left: 6px; padding-top: 5px; } .mobile .serviceCommunity .wrtbtn .btn2 img{ width: 18px; height: auto; margin-right: 3px; } .mobile .serviceCommunity .wrtb{ height: 18px; margin-left: 5px; margin-top: 2px;} .mobile .serviceCommunity .wrtt2{ float: left; width: 20px; text-align: center;} .mobile .serviceCommunity .stagin {width: 320px;} .serviceCommunity .halfWidth { display: block; width: 50%; position: fixed; height: 100%; margin-left: 50%;} .community .citembox .sbj .info .btn_wrap { padding-top: 5px; margin-right: 20px; float: right; } .community .citembox .sbj .info .tag_check { display: flex; align-items: center; justify-content: center; gap: 10px; height: 25px; padding: 0 10px; line-height: 25px; font-size: 12px; letter-spacing: -0.33px; color: #536df9; border-radius: 50px; box-shadow: 0 0 2px #00000029; } .community .citembox .sbj .info .tag_check::before { content: ''; width: 13px; height: 25px; background: url('../images/gbp/btn_checkB.svg') center no-repeat; } .community .citembox .sbj .info .tag_check.tag_org { color: #fff; background-color: #fea828; } .community .citembox .sbj .info .tag_check.tag_org::before { background: url('../images/gbp/btn_checkW.svg') center no-repeat; } .community .citembox .sbj .info .tag_check { gap: 8px; width: max-content; height: 21px; line-height: 21px; font-size: 10px; letter-spacing: 0; box-shadow: 0 0 2px #00000029; } .community .citembox .sbj .info .tag_check::before { height: 21px; } .community .cmtsbj .sort_wrap { padding-bottom: 5px; position: absolute; bottom: 0; right: 0; display: flex; gap: 12px; } /*.community .sort_wrap {*/ /* display: none;*/ /*}*/ .community .cmtsbj .sort_wrap .btn_sort input { display: none; } .community .cmtsbj .sort_wrap .btn_sort label { display: flex; align-items: center; gap: 10px; padding: 0 14px; margin: 0; line-height: 34px; font-family: 'Spoqa Han Sans Neo'; font-size: 11px; font-weight: 500; letter-spacing: -0.28px; color: #5a5a5a; background-color: #e6e6e6; border-radius: 50px; } .community .cmtsbj .sort_wrap .btn_sort label::before { content: ''; width: 20px; height: 20px; } .community .cmtsbj .sort_wrap .btn_sort.ic_new label::before { background: url('../images/gbp/ic_s01.png') center no-repeat; } .community .cmtsbj .sort_wrap .btn_sort.ic_like label::before { background: url('../images/gbp/ic_s02.png') center no-repeat; } .community .cmtsbj .sort_wrap .btn_sort input:checked+label { color: #536dfe; background-color: #eaedff; } .community .cmtsbj .sort_wrap .btn_sort.ic_new input:checked+label::before { background: url('../images/gbp/ic_s01_on.png') center no-repeat; } .community .cmtsbj .sort_wrap .btn_sort.ic_like input:checked+label::before { background: url('../images/gbp/ic_s02_on.png') center no-repeat; } .community .cmtsbj { position: relative; padding-bottom: 20px; } .community .cmtsbjInfo .sort_wrap { padding-bottom: 5px; position: absolute; bottom: 0; right: 0; display: flex; gap: 12px; } .community .cmtsbjInfo .sort_wrap { padding-bottom: 5px; position: absolute; bottom: 0; right: 0; display: flex; gap: 12px; } /*.community .sort_wrap {*/ /* display: none;*/ /*}*/ .community .cmtsbjInfo .sort_wrap .btn_sort input { display: none; } .community .cmtsbjInfo .sort_wrap .btn_sort label { display: flex; align-items: center; gap: 10px; padding: 0 14px; margin: 0; line-height: 34px; font-family: 'Spoqa Han Sans Neo'; font-size: 11px; font-weight: 500; letter-spacing: -0.28px; color: #5a5a5a; background-color: #e6e6e6; border-radius: 50px; } .community .cmtsbjInfo .sort_wrap .btn_sort label::before { content: ''; width: 20px; height: 20px; } .community .cmtsbjInfo .sort_wrap .btn_sort.ic_new label::before { background: url('../images/gbp/ic_s01.png') center no-repeat; } .community .cmtsbjInfo .sort_wrap .btn_sort.ic_like label::before { background: url('../images/gbp/ic_s02.png') center no-repeat; } .community .cmtsbjInfo .sort_wrap .btn_sort input:checked+label { color: #536dfe; background-color: #eaedff; } .community .cmtsbjInfo .sort_wrap .btn_sort.ic_new input:checked+label::before { background: url('../images/gbp/ic_s01_on.png') center no-repeat; } .community .cmtsbjInfo .sort_wrap .btn_sort.ic_like input:checked+label::before { background: url('../images/gbp/ic_s02_on.png') center no-repeat; } .community .cmtsbjInfo { position: relative; padding-bottom: 20px; } .serviceCommunity .schpage {width:100%; min-height:500px; } .serviceCommunity .sch_head {height:50px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.04); background-color: #fff; margin-top:0;} .serviceCommunity .ic_lar {float:left; width:24px; height:24px; margin-left:15px; margin-top:12px;} .serviceCommunity .stxt1 {width:100px; margin:0 auto;} .serviceCommunity .stxt1 {font-family: Spoqa Han Sans Neo; font-size: 20px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.04; letter-spacing: -1.3px; text-align: center; color: #5a5a5a; padding-top:13px;} .serviceCommunity .sch_inbox {margin-top:10px;} .serviceCommunity .sch_inp {width:90%; height:40px; margin:0 auto; border-radius: 8px; background-color:#fcfcfc; padding:0px 10px;} .serviceCommunity .ic_sch {float:left; width:18px; height:18px; margin-right:10px; margin-top:12px;} .serviceCommunity .sch_inp input {float:left; margin-top:9px; border:none; outline:none; width:90%; background-color:transparent;} .serviceCommunity .icalvl {position:absolute; margin-left:4px; margin-top:-6px;} .serviceCommunity .listbox {padding:0 !important; border-radius: 4px; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.05); background-color: #fff; margin:0px;} .serviceCommunity .comlist {padding:0; } .serviceCommunity .comlist:hover { background-color: #fcfdff;} .serviceCommunity .comlist:first-child {padding-top:0px;} .serviceCommunity .comlistin {border-radius: 4px; margin:0 18px; border-bottom:1px solid #f5f6fa;} .serviceCommunity .comlistright img {width:128px; height:72px; margin-top:24px; margin-right:40px;} .serviceCommunity .comlistright img {border-radius:8px;} .serviceCommunity .comlistcate {float:left; min-width:36px; padding: 4px 5px 3px; border-radius: 3px; background-color: #f3f3f3; margin-right:10px; margin-left:16px;} .serviceCommunity .comlistcate {font-family: Spoqa Han Sans Neo; font-size: 10px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: -0.5px; text-align: left; color: #929292;} .serviceCommunity .comfl {float:left; margin-right:18px;} .serviceCommunity .comlist {padding:0; } .serviceCommunity .comlist:hover { background-color: #fcfdff;} .serviceCommunity .comlist:first-child {padding-top:0px;} .serviceCommunity .comlistin {border-radius: 0px; margin:0 15px; border-bottom:1px solid #f5f6fa;} .serviceCommunity .comlistmt {padding-top:15px; } .serviceCommunity .comlistmb {margin-top:12px; margin-bottom:15px;} .serviceCommunity .comlistmleft {float:left; width:70%;} .serviceCommunity .comlistmright {float:right; width:100px; } .serviceCommunity .comlistcate {min-width:36px; padding: 4px 5px 3px; border-radius: 3px; background-color: #f3f3f3; margin-right:10px; margin-left:0px; margin-top:2px;} .serviceCommunity .comlistcate {font-family: Spoqa Han Sans Neo; font-size: 10px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: -0.5px; text-align: left; color: #929292;} .serviceCommunity .comfl {float:left; margin-right:10px;} .serviceCommunity .conlistbgm {width:100px; height:56px; margin-top:0px; margin-right:15px;border-radius:8px;} .serviceCommunity .cont_prfm {padding:0; } .serviceCommunity .contm2 {float:left; font-family: Lexend Deca, Spoqa Han Sans Neo; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; text-align: left; color: #536dfe; margin-top:10px; margin-right:10px;} .serviceCommunity .contm3l {float:left; font-family: Noto Sans KR; font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.18; letter-spacing: -0.28px; text-align: left; color: #929292; margin-top:14px; margin-left:38px; } .serviceCommunity .contm5 {float:left; font-family: Lexend Deca; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; text-align: left; color: #4d4f5c; margin-right:5px; margin-top:3px;} .serviceCommunity .cont_subm {padding:0px; margin-top:8px;} .serviceCommunity .ic_hit {float:left;} .serviceCommunity .ic_fav {float:left; margin-left:10px;} .serviceCommunity .ic_reply {float:left; margin-left:10px;} .serviceCommunity .poptemp{position: relative;z-index: 9999;margin:0 auto;margin-top: 10%} .mobile .serviceCommunity .tpt.hand{width: 100%;} .mobile .serviceCommunity .comlistsbj{max-width: 140px;} .mobile .serviceCommunity .conlistbgm { width: 90px; height: 50px; margin-top: 0px; margin-right: 15px; margin-bottom: -20px; } .mobile .serviceCommunity #tab0{margin-top: 0px;padding-top:0px;}