@charset "utf-8"; .pop_bg{position:fixed;top:0px;right:0px;bottom:0px;left:0px;width:100%;height:100%;background:#000;filter:alpha(opacity=50);opacity:0.5;z-index:99} .pop_wrap{position:absolute;background:#fff;z-index:4001;text-align:left} /* 211215 z-index:100 -> 4001 */ .pop_wrap.type1{border:2px solid #29367c} .pop_wrap.type1.fixed, .pop_wrap.fixed{position:fixed} .pop_wrap.type2{border:1px solid #29367c} .pop_wrap.type3,.pop_wrap.file{border:1px solid #29367c;border-width:2px 1px 1px} .pop_wrap.type4{border:1px solid #d5d5d5} .pop_wrap.type5{border:3px solid #29367c} .pop_wrap.yeonblue{border:2px solid #3b4890}/*200604 추가*/ .pop_wrap.lightpurple{border-color:#4f4dc6} .pop_wrap.yeonpurple{border-color:#6f6dd9} .pop_wrap.type3.lightpurple .pop_head{height:36px;color:#4f4dc6} .pop_wrap.type3.lightpurple .pop_head.bg{background:#6f6dd9} .pop_wrap.type2.lightpurple .pop_head{color:#4f4dc6} .pop_wrap.gray1px{border:1px solid #ccc}/*220419*/ .pop_wrap.gray2px{border:2px solid #ccc}/*201021*/ .pop_wrap.type6{border:none} .pop_wrap.type6 .pop_head{border-top:2px solid #29367c} .pop_wrap.type6 .inner{border:1px solid #ccc;border-width:0px 1px 1px} .pop_wrap.bd_round{border:1px solid #29367c;border-width:1px;border-radius: 10px;overflow: hidden} /*230628 라운드형 추가(바로판매)*/ .pop_content{overflow:hidden;position:relative} .pop_wrap.type3 .pop_head{overflow:hidden;height:36px;padding:0 20px 0 13px;line-height:35px;border-bottom:1px solid #ccc;font-size:14px;color:#29367c}/*211118 폰트 버그 ;line-height:38px*/ .pop_wrap.file .pop_head,.pop_wrap .pop_head.bg{height:37px;padding:0 14px;line-height:35px;border-bottom:none;background:#3b4890}/*211118 폰트 버그 line-height:37px*/ .pop_wrap.file .pop_head h2,.pop_wrap .pop_head.bg h3{font-size:14px;color:#fff} .pop_wrap.type3 .pop_head h3{font-size:14px} .pop_wrap .pop_head.dashed{height:38px;line-height:38px;border-bottom:1px dashed #aaa;color:#29367c} .pop_wrap .pop_head.dashed h3{font-size:12px} .pop_info{clear:both;padding:11px 12px;background:#f3f3f3;font-size:12px;color:#555;line-height:18px}/*230628 패딩 13px 12px 9px -> 11px 12px*/ .pop_wrap .btn_box{padding:14px 0 20px;border-top:1px solid #cecdce;text-align:center} .poply_close{position:absolute;right:14px;top:13px} .icon_lyclose{display:block;width:17px;height:17px;background-position:-102px -135px} .poply_bgblueclose,.poply_saveclose,.popbtn_bgblueclose,.poply_greyclose,.btn_noagain{position:absolute;right:0;top:0} /*201020 2개추가*/ .poply_bgblueclose{line-height:0;font-size:0}/*0522 크롬 outline업데이트 이슈로 추가*/ .icon_bgblueclose,.icon_saveclose{display:inline-block;width:20px;height:20px;background-position:-107px -78px} .icon_lightpurple{display:inline-block;width:21px;height:21px;background-position:-235px -478px}/*mini`*/ .poply_whiteclose{position:absolute;right:11px;top:8px} .icon_whiteclose{display:inline-block;width:17px;height:18px;background-position:-107px -108px} .icon_blueclose{display:inline-block;width:17px;height:17px;background-position:-134px -108px} .icon_greyclose{display:inline-block;width:17px;height:17px;background-position:-155px -108px} .popbtn_bgblueclose{width:37px;height:39px;background:#29367c}/*mini*/ .icon_white_x{display:inline-block;width:17px;height:17px;background-position:-238px -400px}/*mini*/ .icon_grey_x{display:inline-block;width:20px;height:20px;background-position:-195px -818px;}/*mini*/ /*201020 추가*/ .popbtn_bgblueclose.s32{width:32px;height:32px;}/*210913*/ .popbtn_bgblueclose.s32 .icon_white_x{height:18px;margin-left:1px;background-position:-107px -108px}/*210913*/ .btn_x21{position:absolute;right:-1px;top:-1px;width:21px;height:21px;background:#29367c}/*230412*/ .btn_x21 .sp_img.icon_x{display:inline-block;width:11px;height:12px;background-position:-182px -1096px;text-align:center;}/*230412*/ .btn_grey_x17{position:absolute;right:-1px;top:-1px;width:17px;height:17px;box-sizing:border-box;border:1px #ccc solid;background:#eee } .icon_x9{display:inline-block;width:9px;height:10px;background-position:-140px -962px} /*상하 좌우 가운데*/ .ly_hm{position:absolute;left:0;top:0;width:100%;height:100%;vertical-align:middle;text-align:center;z-index:5001}/*z-index 상단 고정닉값 보다 높게 설정위해 5001*/ .ly_hm.fixed{position:fixed} .ly_hm .pop_wrap{position:relative;display:inline-block;vertical-align:middle} .ly_hm::after{content:"";display:inline-block;width:0;height:100%;vertical-align:middle;margin-right:-4px } .ly_hm .pop_wrap .pop_content{display:block } /*내용 없음*/ .empty_box{font-size:12px;color:#999;text-align:center;line-height:18px} .main_content .empty_box{height:182px;line-height:182px}/*메인*/ .notice_listwrap .empty_box{height:197px;line-height:190px}/*알림*/ .favorite_list .empty_box{height:198px;line-height:198px}/*즐겨찾기*/ .listwrap .relation_wrap .empty_box{height:142px;line-height:142px}/*리스트 연관갤러리*/ .relation_wrap .empty_box{height:122px;line-height:122px}/*본 연관갤러리*/ /*탭 메뉴*/ .tab_menubox,.block_tab{overflow:hidden} .tab_menubox button, .block_tab button{display:block;float:left;height:38px; border-style:solid;border-color:#ccc;border-bottom-color:#29367c;border-width:1px 1px 2px 0px;font-size:14px;color:#333 } .tab_menubox button.on,.tab_menubox button:first-child.on,.block_tab button.on,.block_tab button:first-child.on, .gallog_setting.three .tab_menubox button:nth-child(2).on{border:2px solid #29367c;border-width:2px 2px 0px 2px;color:#29367c;font-weight:bold} .tab_menubox button:first-child, .block_tab button:first-child{border-style:solid;border-color:#ccc;border-bottom-color:#29367c;border-width:1px 0px 2px 1px} .gallog_setting.three .tab_menubox button.on + button:nth-child(2){;border-width:1px 1px 2px 0px} .gallog_setting.three .tab_menubox button + button:nth-child(2){border-width:1px 0px 2px 1px} /***********************************************************************툴팁***********************************************************************/ .pop_tipbox{position:absolute;z-index:999} .pop_tipbox .inner{position:relative;background:#fff;border:1px solid #ccc;padding:0 10px} .pop_tipbox .tip_bg_grey.inner, .pop_tipbox.tip_bg_grey .inner{border:1px #bbb solid;background:#f3f3f3}/*pop_tipbox .tip_bg_grey.inner 확인 후 삭제 */ .pop_tipbox.daum_tip .inner{width:278px;height:32px;padding:0 10px;line-height:32px;font-size:12px;color:#555} header .pop_tipbox.daum_tip .inner{border:none} .sch_logbox .pop_tipbox.daum_tip {height:31px}/*추천검색 툴팁*/ .sch_logbox .pop_tipbox.daum_tip .inner{width:358px;height:29px;line-height:30px}/*추천검색 툴팁*/ .btn_tipclose{position:absolute;top:10px;right:8px;display:inline-block;width:14px;height:13px;margin-left:5px;background-position:-24px -241px} .btn_tipclose12{position:absolute;top:50%;right:11px;margin-top:-6px;display:inline-block;width:12px;height:12px;background-position:-267px -818px;vertical-align:-2px}/*221018 추가*/ .icon_tipclose{display:block;width:11px;height:11px;background-position:-126px -132px} .sch_logbox .btn_tipclose{top:8px} .pop_tipbox.minor_tip .inner, .pop_tipbox.ly_infotip .inner{padding:0;border:1px solid #d5d5d5;color:#555}/*마이너 갤러리 안내 팁 221018 ly_infotip 추가*/ .minor_tip_txt, .ly_infotip_txt{line-height:20px;padding: 8px 10px 10px 12px;min-width:405px}/*221018 ly_infotip 추가*/ .minor_tip_txt.bg, .ly_infotip_txt.bg{background:#f3f3f3}/*221018 .ly_infotip_txt.bg*/ .up_mgall_infobox .minor_tip_txt{min-width:368px}/*승격안내 레이어*/ .pop_tipbox.minor_tip .inner.hotgall_tip{min-width:365px;text-align:left} .hotgall_tip .minor_tip_txt{min-width:342px} .hotgall_tip .minor_tip_txt > p{padding-top:1px;letter-spacing:-0.025em} .hotgall_tip .minor_tip_txt > p::before{content:"";display:inline-block;width:2px;height:2px;background:#555;margin:0 4px 0 1px;vertical-align:5px} /*.hotgall_tip .minor_tip_txt > p:first-child{padding-top:0}*/ /*.hotgall_tip .minor_tip_txt > p:first-child::before{display:none}*/ .uadmin_opt_tip{height:25px;line-height:25px;font-weight:normal;white-space:nowrap}/*마이너 관리자 항목 안내 팁*//*211118 line-height:27px;*/ .pop_tipbox .inner.tip_blockday{width:174px;padding:12px 12px 10px 12px;font-size:11px;color:#555;line-height:18px;text-align:left} .pop_tipbox .inner.tip_blockday .icon_tipclose{right:9px;top:10px} .pop_tipbox .inner.tip_blocknik{width:240px;padding:6px 6px 5px 9px;font-size:11px;color:#555;line-height:18px;text-align:left}/*240216*/ .pop_tipbox .inner.tip_blocknik + .btn_tipclose{top:9px}/*240216*/ .pop_tipbox .tip_upgall_mngnotice{min-width:302px;max-width:400px;padding:12px 23px 10px 15px;font-size:12px;color:#555;line-height:18px;text-align:left}/*190412 승격 갤러리 매니저 알림*/ .pop_tipbox .inner.tip_upgall_mngnotice .icon_tipclose{z-index:1} .block_conduct{text-overflow:ellipsis;overflow:hidden;white-space:nowrap} .otp_box + .pop_tipbox{color: #555;font-size: 12px;line-height: 25px;letter-spacing: -0.05em;right: 18px;top:35px;width: 217px}/*200427 갤메인 otp로그인 안내 팁*/ .otp_box + .pop_tipbox .inner{padding:0 8px} /*231121 테두리 타입*/ .tip_box_bd{position:absolute;z-index:999} .tip_box_bd .tip_inner{line-height: initial;font-size: 0;padding: 7px 12px;background: #fff;border: 1px solid #386ce9;box-shadow: 0 2px 5px rgb(0 0 0 / 20%);border-radius:50px} .tip_box_bd .tip_inner::before{content: "";position: absolute;bottom: -8px;left: 16%;border-style: solid;border-width: 9px 7px 0 7px;border-color: #386ce9 transparent;z-index: 1} .tip_box_bd .tip_inner::after{content: "";position: absolute;bottom: -6.5px;left: 16%;border-style: solid;border-width: 9px 7px 0 7px;border-color: #fff transparent;z-index: 2} .tip_box_bd .tip_inner .tip_txt{color:#333;font-size: 12px;padding: 0;margin: 0} .tip_box_bd .tip_inner .tip_txt strong{color: #386ce9} .tip_box_bd .tip_inner .btn_tipclose12{position: static;background-position: -177.5px -1070.5px;margin-left: 3px;vertical-align: 5px} .positionr > .tip_box_bd{top: -45px;left: 0} .dccon_list_btm .wallet_box .tip_box_bd{top: -45px;left: -3px} .dccon_list_btm .wallet_box .tip_box_bd .tip_inner::before, .dccon_list_btm .wallet_box .tip_box_bd .tip_inner::after{left: 10%} /*//231121 테두리 타입*/ /*200811 미니 갤러리 비공개*/ .pop_tipbox.qtip{left:170px;top:-6px;display:block;font-size:12px} .pop_tipbox.qtip .inner{font-size:12px;height:25px;line-height:25px;color:#555}/*211118 폰트 버그 line-height:27px*/ /*201208 미니 갤러리 리스트*/ .join_tip{left: -63px;top:-36px} .join_tip .inner, .tip_box3 .inner, .write_type_box .pop_tipbox.tip_box3 .inner{color:#fff;font-size:12px;height: 23px;border: 0;background:#98ca33;border-radius:50px}/*220913 tip_box3 추가*/ .join_tip .inner .join_txt, .tip_box3 .inner .txt{white-space:nowrap;overflow: hidden;line-height: 24px;max-width: 780px} .join_tip:after{content: '';position: absolute;border-style: solid;border-width: 9px 5px 0px 5px;border-color: #98ca33 transparent;display:block;top:22px;left:50%;margin-left:-5px} .area_links .join_tip:after{border-width:0px 5px 9px 5px;top:-6px }/*210122 야간모드 말풍선*/ /*211102 이미지 순서 툴팁*/ .imgwrap .tip_box2{margin-left:5px;z-index:1}/*220203 z-index 추가*/ .tip_box2{position:absolute;right:0;top:27px;margin-right:129px;background:#98ca33;border-radius:5px;padding: 0!important;box-shadow:0px 2px 0 rgba(1,1,1,0.07);z-index:99} .tip_box2 .inner{position:relative;padding:7px 10px 5px 11px!important} .tip_box2 .inner .txt{padding:0;color:#fff;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;line-height:16px;word-break:keep-all;letter-spacing:0} .tip_box2::after{content:"";position:absolute;border-style:solid;border-width:6px 0px 6px 10px;border-color:transparent #98ca33;top:50%;right:-9px;margin-top:-6px} .tip_box2::before{content:"";position:absolute;border-style:solid;border-width:6px 0px 6px 8px;border-color:transparent rgba(1,1,1,0.07);top:50%;right:-8px;margin-top:-4px} /*231108 추가*/ .imgwrap .mngbtn_wrap .tip_box2{top: 0px;margin-right: 147px}/*이미지순서 버튼 없을때 위치*/ .imgwrap .mngbtn_wrap .tip_box2.cancel{margin-right: 177px} .imgwrap .tip_box2 + .mngbtn_wrap .tip_box2, .imgwrap .btn + .mngbtn_wrap .tip_box2{top: 57px} /*220913 설정 툴팁*/ .gall_issuebox .bundle{position:relative;display:inline-block} .gall_issuebox .tip_box3{top:-30px;left:50%;margin-left:-85px} .gall_issuebox .bundle:first-child .tip_box3{margin-left:-91px}/*본문*/ /*글쓰기 nft 툴팁*/ .pop_tipbox.wauto .inner{min-width:auto} .tip_box3:after{content: '';position: absolute;border-style: solid;border-width: 9px 6px 0px 6px;border-color: #98ca33 transparent;display:block;top:22px;left:50%;margin-left:-5px} .pop_tipbox.setting_list{white-space:nowrap;right:-10px;top:20px} .pop_tipbox.setting_list .inner{padding:0} .pop_tipbox.setting_list ul{line-height:17px} .pop_tipbox.setting_list li{padding:0px 11px 0 9px;border-top:1px solid #ccc} .pop_tipbox.setting_list li:first-child{border-top:none} .pop_tipbox.setting_list li > button, .pop_tipbox.setting_list li .checkbox{display:block;width:100%;height:25px;vertical-align:0;line-height:25px;text-align:left} .gall_issuebox .bundle .pop_tipbox.setting_list li > button:first-child:before{display:none} /*231226 ai이미지 간편 등록 관련 N아이콘/체크 추가*/ .pop_tipbox.setting_list li .checkbox{padding: 0 13px 0 0;width: auto} .pop_tipbox.setting_list li .checkbox input, .pop_tipbox.setting_list li .checkbox .checkmark{left: initial;right: 0;top:50%;transform: translateY(-50%)} .pop_tipbox.setting_list li .checkbox .checkmark{width: 13px;height: 13px;background-image: none;background-color: #999;border-radius: 20px} .pop_tipbox.setting_list li .checkbox .checkmark::after{content: "";display: inline-block;width:10px;height:9px;background: url(https://nstatic.dcinside.com/dc/w/images/checkbox.png) no-repeat center/contain;position: absolute;top: 3px;left: 2px} .pop_tipbox.setting_list li .checkbox input:checked +.checkmark{background: #29367c} .pop_tipbox.setting_list li .checkbox label{color: #333;margin-right: 3px} .pop_tipbox.setting_list li .checkbox .new, .pop_tipbox.setting_list li > button .new{margin: 0 0 0 2px} /*221018 nft 간편 발행 툴팁*/ .write_type_box .tip_box3.nft_tip .inner{min-width:auto } .tip_box3.nft_tip .inner, .write_type_box .tip_box3.nft_tip .inner{text-align:center;height:auto;padding:8px 31px 10px 18px} .tip_box3.nft_tip .inner .txt{line-height:16px;letter-spacing:-0.025em} .tip_box3.nft_tip:after{top:auto;bottom:-8px;border-width:9px 5px 0px 5px;margin-left:-4px} /*//221018 nft 간편 발행 툴팁*/ /*221018 bg 000(투명도70) 툴팁*/ .pop_tipbox.tip_dk .inner{color:#fff;font-size:12px;height:24px;padding:0 9px;border:0;background:rgba(0,0,0, 0.7);border-radius:50px} .pop_tipbox.tip_dk .inner .txt{white-space:nowrap;overflow: hidden;line-height:23px;max-width: 780px} .pop_tipbox.tip_dk:after{content:'';position:absolute;border-style:solid; border-width:9px 6px 0px 6px;border-color:rgba(0,0,0, 0.7) transparent;display:block;top:22px;left:50%;margin-left:-5px} .pop_tipbox.tip_dk.wallet_ifon{top:36px;right:-2px}/*댓글 nft 안내*/ .pop_tipbox.tip_dk.wallet_ifon:after{border-width:0px 6px 9px 6px;top:-9px;left:-3px;margin-left:60px}/*댓글 nft 안내*/ /*//221018 bg 000(투명도70) 툴팁*/ /*221111 nft노출 설정 툴팁*/ .tip_box2.tip_my_nftset{box-shadow:none;right:0;top:-14px } .tip_my_nftset .txt{white-space:nowrap} .tip_box2.tip_my_nftset .btn_tipclose12{margin:0;top:11px} /*//221111 nft노출 설정 툴팁*/ /*230619 비회원 갤닉네임*/ .tip_box2.tip_nomem_nick{box-shadow:none;right:auto;left:-14px;top:-57px} .tip_box2.tip_nomem_nick .inner{padding:7px 28px 7px 11px!important} .tip_box2.tip_nomem_nick .txt{white-space:nowrap} .tip_box2.tip_nomem_nick .btn_tipclose12{top:16px;right:10px} .tip_box2.tip_nomem_nick::before{display:none} .tip_box2.tip_nomem_nick::after{border-width:9px 6px 0px 6px;border-color: #98ca33 transparent;top:auto;bottom:-8px;left:33px;right:auto;} #write_wrap .tip_box2.tip_nomem_nick::after{left:38px} /*240123 본문 스포일러 툴팁*/ .intip_btn{color: #ffed44;text-decoration: underline;vertical-align: top} .spoiler_inner .txt_wrap .tip_box2{right: initial;left: 363px;top: -56px;box-shadow: none;margin: 0} .spoiler_inner .txt_wrap .tip_box2 .inner{padding: 6px 8px!important} .spoiler_inner .txt_wrap .tip_box2 .inner .txt{white-space:nowrap;text-align: left} .spoiler_inner .txt_wrap .tip_box2::before{display:none} .spoiler_inner .txt_wrap .tip_box2::after{border-width:9px 6px 0px 6px;border-color: #98ca33 transparent;top:auto;right:auto;bottom:-8px;left: 24px} /*240613 연두 돼지꼬리 화살표(인물갤때 추가)*/ .tip_box.linearrow .inner{border: 0;padding: 0;background: transparent} .tip_box.linearrow .inner::after{content: "";display: inline-block;width: 24px;height: 15px;background: url(https://nstatic.dcinside.com/dc/w/images/arrow_lt_down.png) no-repeat;position: absolute;top: 16px;left: -20px} .tip_box.linearrow .inner .txt{font-weight: bold;font-size: 12px;color: #2fa40e} /*241018 동일 ip 선택*/ .tip_box2.user_datatipbox{top:17px;margin-right:154px;box-shadow:none } .comment_wrap .gall_writer .tip_box2.user_datatipbox{margin-right:-192px}/*댓글 영역에서*/ .comment_wrap .gall_writer .tip_box2.user_datatipbox::after, .comment_wrap .gall_writer .tip_box2.user_datatipbox::before{right:auto;left:-9px;border-width:6px 10px 6px 0px} .tip_box2.nowrap .txt{white-space:nowrap} /*241115 개념글 미사용 말머리 안내*/ .tip_box2.obstruct_tipbox{top:-39px;right:50%;margin-right:-98px;width:195px;box-shadow:none} .tip_box2.obstruct_tipbox .inner .txt{text-shadow:none;font-weight:normal;padding-bottom:3px} .tip_box2.obstruct_tipbox::after{top:auto;bottom:-8px;right:auto;left:50%;margin-left:-6px;;border-width:9px 6px 0px 6px;border-color:#98ca33 transparent} .tip_box2.obstruct_tipbox::before{display:none} .tip_box2.obstruct_tipbox .btn_tipclose12{margin-top:-6px;right:10px} .i_obstruct:hover + .ly_obstruct{display:block } .ly_obstruct{display:none} .pop_tipbox.ly_obstruct{left:-1px;bottom:-59px} .recomuse_n .pop_tipbox.ly_obstruct{left:-34px} .pop_tipbox.ly_obstruct .inner{width:268px;padding:8px 10px;text-align:left;margin-bottom:0;line-height:16px;letter-spacing:-0.025em;color:#555} /* //241115 개념글 미사용 말머리 안내 */ /*250213 대왕콘 툴팁(nft 종료로 지급 방식 변경)*/ .tip_daewangcon{position:absolute;right:auto;left:9px;top:37px;;z-index:1} .dccon_list_wrap .tip_daewangcon .inner{padding:2px 32px 2px 10px;height: auto;border-bottom:none} .tip_daewangcon.topside::after{top:-9px;margin-left:-29px } .tip_daewangcon.topside::before{top:-11px;margin-left:-28px} /*250213 화살표 위쪽 방향 툴팁*/ .topside::after{border-width:0px 6px 10px 6px;right:auto;left:50%;top:-4px;margin-left:-6px;border-color:#98ca33 transparent} .topside::before{border-width:0px 6px 10px 6px;right:auto;left:50%;top:-6px;margin-left:-5px;border-color:rgba(1,1,1,0.07) transparent } /*//250213 화살표 위쪽 방향 툴팁*/ /******************************************************************* //툴팁******************************************************************************/ /*즐겨찾기*/ .favorite_list{width:418px} .favorite_list .inner{} .favorite_list .list_box{overflow:hidden;padding:11px 5px 2px 13px;overflow-y:scroll;height:181px } .favorite_list .list_box li{float:left;width:185px;height:24px;line-height:23px;padding-top:2px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}/*211118 폰트 버그 line-height:22px*/ .favorite_list .list_box li:nth-child(even){margin-left:3px} .favorite_list .list_box li:nth-child(1),.favorite_list .list_box li:nth-child(2){padding-top:0} .favorite_list .list_box li a{margin-left:3px;font-size:12px;color:#555} .pop_wrap .favorite_list .btn_box{border-top:1px solid #ccc;padding:11px 0 17px} .pop_wrap .favorite_list .btn_cancle{margin-right:2px} .btn_sfavorite{height:23px} .icon_sfavorite{display:inline-block;width:19px;height:20px;background-position:-179px 0} button.off .icon_sfavorite{background-position:-200px 0} /*연관갤러리*/ .relation_wrap{overflow:hidden;width:1158px} .listwrap .relation_wrap{width:838px;height:280px} .relation_wrap .inner{float:left;width:50%;box-sizing:border-box} .relation_wrap .inner .list_box{overflow-y:auto;height:101px;padding:16px 15px 5px} .listwrap .relation_wrap .inner .list_box{height:121px} .relation_wrap .inner .list_box li{float:left;width:33.3%;line-height:20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap} .relation_wrap .newtxt{color:#3b4890} .listwrap .relation_wrap .inner .list_box li{width:49.9%} .relation_wrap .inner:last-of-type{border-left:1px solid #ccc} .relation_wrap .pop_info b{color:#333} .relation_wrap .pop_info {color:#999} .icon_right_arrow{display:inline-block;width:10px;height:9px;background-position:-154px -59px} .relation_wrap .btn_box{padding:0 0 19px;border-top:none;line-height:15px} /*접근제한*/ .relation_wrap li .icon_restriction{position: inherit;margin-left:3px;vertical-align:-2px}/*211118 폰트 버그 vertical-align:-2px 추가 1207*/ .relation_wrap .newtxt.restriction{color:#999} /*201021 리스트 접근제한*/ .access_limit + .pop_wrap.gray2px {z-index:1} .pop_wrap.gray2px .migall_state.restriction{width:496px;height:166px;table-layout:fixed;word-break:break-all} .pop_wrap.gray2px .migall_state .inner{padding:27px 20px} /*이용안내*/ .gall_guide{width:608px;height:648px;background:#fff} .gall_guide .caption_box{overflow-y:scroll;height:595px;padding:16px 17px 0;color:#555;line-height:20px} .gall_guide .list{margin-top:5px} .gall_guide .sub_tit{padding-top:10px} .gall_guide .etc_list{margin-bottom:15px} .gall_guide .etc_list strong{display:block;margin-top:11px} .gall_guide .etc_list strong::before{content:"";display:inline-block;width:2px;height:2px;background:#555;vertical-align:4px;margin-right:3px} .gall_guide .reference{margin-top:11px;color:#29367c} /*241010 추가*/ .gall_guide .list.md{letter-spacing:-1px;margin-top:0} .gall_guide .md .sub_list > li{margin-top:10px} .gall_guide .md .sub_list > li:first-child{margin-top:5px} .gall_guide .md .sub_tit{padding-top:15px} .gall_guide .md .inner_list{margin-top:2px;margin-left:14px} .gall_guide .md .etc_list li{margin-top:10px} .gall_guide .md .etc_list p{margin-top:2px;margin-left:17px} /*차단설정*/ .block_setting_box .pop_info{padding:11px 12px 9px} .block_tab{padding-left:19px} .block_tab button{width:281px;padding-left:19px;margin:18px 0 15px} .tabcontent{overflow-y:scroll;width:579px;padding:0px 19px 0;color:#555} .tabcontent.all_setting{padding-bottom:22px;height:384px} .tabcontent.part_setting{padding-bottom:17px;height:583px} .block_setting_box .part_setting .part_schbox > .set_cont{margin-top:0} .part_schbox .radiobox:first-of-type{margin-left:30px} .part_schbox .radiobox{margin-left:12px} .block_setting_box .inner .pop_info{position:relative;margin:0px 0 6px;padding:13px 12px 10px} .block_setting_box .inner .part_setting .pop_info{margin:0px 0 6px} .block_setting_box .inner .pop_info h4{display:block;font-size:14px;margin-bottom:2px} .block_setting_box .inner .pop_info h4 .icon_mini{margin-top:5px}/*211118 폰트 버그 스타일 추가 1207 */ .block_setting_box .inner .pop_info h4 .icon_person{margin:4px 2px 0 2px}/*240613 인물갤 아이콘 추가*/ .setting_onoff{position:absolute;bottom:9px;right:14px} .setting_onoff button{width:66px;height:23px;background-position:0 -241px} .setting_onoff button.on{background-position:0 -266px} .set_cont{overflow:hidden;position:relative;padding:15px 0 16px;border-bottom:1px dashed #aaa} .set_cont:last-of-type{border-bottom:none} .setting_off .set_cont .intxt{background:#f3f3f3} .cont_tit{display:block;float:left;width:94px;margin-left:8px;font-size:12px;color:#555;font-weight:bold;line-height:30px} .intxt{border:1px solid #cecdce;width:378px;height:28px;line-height:28px;padding:0 5px} .btn_enroll{position:absolute;right:5px;top:15px;width:66px;height:30px;line-height:30px;background:#f3f3f3;border:1px solid #cecdce;color:#333;font-weight:bold;overflow:hidden}/*210126 아웃라인이슈로 overflow추가*/ .block_list{overflow:hidden;margin:10px 0 0 86px} .block_list.gall{margin:3px 0 0 0} .block_list li{float:left;margin-left:15px} .block_setting_box .part_setting .block_list.gall li:first-child{margin-left:0} .block_list span{color:#555;} .block_list.gall span{padding-right:0px} .block_setting_wrap .block_setting_box .block_list li > button{outline:none}/*0522 크롬 outline업데이트 이슈로 추가*/ .block_setting_box .block_list.gall .icon_bword_del{margin-left:3px} .block_setting_wrap .btn_box{padding:12px 0 17px} .block_setting_wrap .btn_box .btn_apply{margin-left:2px} .part_setting .gall_sel_tit{line-height:31px} .part_schbox{overflow:hidden;margin:16px 5px 26px 5px;position:relative}/*210421*/ .part_schbox .set_cont{width:262px;padding:0;margin-left:16px} .part_schbox .intxt{width:185px} .part_schbox .btn_enroll{width:66px;right:0;top:0} .block_sch_gall{overflow-y:scroll;float:left;width:534px;height:56px;margin:6px 0 0;padding:10px 0px 8px 16px;border:1px solid #cecdce} .block_sch_gall li{float:left;width:128px;line-height:20px} .block_sch_gall a{color:#555;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap} .empty_sch_gall{float:left;width:516px;height:100px;border:1px solid #cecdce;margin-top:6px;padding:10px 16px 8px 16px} /*250519*/ .pop_content.block_setting_wrap.popmini .part_schbox .set_cont{width:197px;position:absolute;right:0px;top:0}/*210421*/ .pop_content.block_setting_wrap.popmini .part_schbox .intxt{width:120px}/*201204 width:138px 수정*/ .pop_content.block_setting_wrap.popmini .set_cont.add_text .intxt{width:380px} .pop_content.block_setting_wrap.popmini .part_schbox .radiobox{padding-left:20px;margin-left:10px} .pop_content.block_setting_wrap.popmini .part_schbox .radiobox:first-of-type{margin-left:30px} /*//250519*/ /*뷰페이지 차단하기*/ .gallery_view #user_block, .minor_view #user_block{margin-left: -210px!important} .view_block_setting .pop_info{padding:13px 14px 10px;line-height:15px} .block_gallname{margin:0 15px 15px;padding:14px 4px;font-size:14px;color:#555;border-bottom:1px dashed #aaa} /*230628 보더색 333->aaa*/ .view_block_setting .inner{width:376px;padding:0 22px 21px 20px} .view_block_setting .set_cont{border-bottom:none;margin-top:7px;padding:0} .view_block_setting .cont_tit{width:100px;margin-left:0} .view_block_setting .intxt{width:199px;color:#555} .view_block_setting .btn_enroll{top:0;right:0} /*마이너 차단*/ .minor_block{width:418px;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif} .minor_block .inner{padding:17px 0 19px} .block_sel{margin-top:12px;padding:0 13px;color:#333;border-top:1px dashed #aaa} .block_sel h4{margin-bottom:6px} .block_sel:first-child{margin-top:0;border-top:none} .block_sel.reason{padding-top:15px} .minor_block .radiobox{margin-left: 12px;padding-left:18px;line-height:22px;color:#555;font-size:12px;font-weight:normal} /* 201228 margin-left: 15px -> 12px */ .minor_block .block_sel.reason .radiobox{margin-left:6px} .minor_block .block_sel.reason .reason_input_box .radiobox{margin-left: 12px}/*240625 추가*/ .minor_block .block_sel.reason .reason_input_box + .reason_input_box{margin-top: 8px}/*240625 추가*/ .minor_block .radiobox:first-of-type, .minor_block .block_sel.reason .radiobox:first-of-type{margin-left:0} .minor_block .radiobox input:checked + .checkmark, .minor_block .radiobox input[type="radio"]{top:4px} .minor_block .radiobox input + .checkmark, .minor_block .radiobox i.minor_block .radioboxnput + .checkmar{top:4px} .reason_input_box{margin-top:5px} .reason_input{width:296px;height:24px;line-height:26px;padding:0 8px;margin-left:1px;border:1px solid #cecdce}/*211118 폰트 버그 width:297px*/ .minor_block .btn_box{border-top:none;padding:0 0 16px} .minor_block .btn_blue, .minor_block .btn_lightpurple{margin-left:0} .minor_block .block_sel.code .t_area{width: 100%;box-sizing: border-box} /*240104 추가*/ /*운영 중 마이너 갤러리*/ .my_minor{width:298px}/*미니갤러리 적용후 삭제*/ .my_minor .inner{overflow-y:auto;height:215px;padding:10px 11px 10px 13px;text-align:center}/*미니갤러리 적용후 삭제*/ .my_minor .inner.my_minor_empty > p{margin-top:75px}/*미니갤러리 적용후 삭제*/ .my_minor .inner.my_minor_empty.upgall > p, .my_minor.my_minor_mini .inner.my_minor_empty > p{margin-top:0px}/*미니갤러리 적용후 삭제*/ .my_minor_list li,.my_mini_list li{line-height:22px}/*mini 클래스명 추가*/ .my_minor_list li:after{clear:both;display:block;visibility:hidden;content:""} .my_minor_list .mgll_name{float:left} .my_minor_list .mng, .my_minor_list .sub_mng, .my_minor_list .ing, .my_minor_list .lybtn{float:right}/*mini 클래스명 추가*/ .miniwrap .my_minor_list .ing{color:#29367c}/*mini 스타일 추가*/ .my_minor_list .icon_person + .ing{color:#000}/*240528 인물갤 심사중 / 240814 #d31900 -> #000*/ .my_minor_list .mng{color:#8593c0} .my_minor_list .sub_mng{color:#999} .my_minor_list .lybtn{color:#999;text-decoration: underline;line-height: 24px}/*240528 인물갤 요청중 버튼*/ .pop_wrap .my_minor_mini .inner.my_minor_empty{height:125px;padding-top:58px;text-align:center;color:#555;line-height:20px} .pop_wrap .my_minor_mini .inner.my_minor_empty.mini{padding-top:0;height:183px;line-height:183px} .pop_wrap .my_minor.my_minor_mini .inner.my_minor_empty > p{margin-top:0}/*0219*/ .inner.my_minor_empty.upgall{margin-top:67px;height:86px}/*승격 갤러리*/ .mgall_makelink, .mini_makelink, .person_makelink{display:inline-block;margin-top:9px;text-decoration:underline;color:#3b4890}/*mini 클래스명 추가*/ .icon_mgall_makelink, .icon_mini_makelink, .icon_person_makelink{display:inline-block;width:5px;height:9px;background-position:-124px -58px;margin-left:4px}/*mini 클래스명 추가*/ .deco_m{margin-left:2px} /*마이너 부재중 안내 레이어*/ .mng_absence_tip{width:718px;color:#555} /*240318 width: 708px -> 718px*/ .mng_absence_tip.sub{width: 628px}/*231010 부매니저 안내 레이어 추가*/ .mng_absence_tip .minor_tip_txt{padding:17px 9px 19px 15px} .mng_absence_tip .minor_tip_txt > strong{display:block} .mng_absence_tip .btit{text-decoration:underline;margin:10px 0 2px} .mng_absence_tip .stit{margin:5px 0 2px} .mng_absence_tip .stit,.mng_absence_tip .stxt{text-indent:5px} /*마이너 매지저 임명 레이어*/ .mns_appoint{width:398px;text-align:center;padding:47px 0 27px;line-height:20px;color:#333} .mns_appoint .btn_box{border:none} .mns_appoint .poply_bgblueclose > span{padding-right:9px;color:#555;vertical-align:5px;font-size:11px}/*211118 폰트 버그 vertical-align:1px*/ .mns_appoint .btn_grey.small{margin-left:0} .mns_appoint .poply_bgblueclose{right:-1px;outline:none}/*200521 크롬업데이트 이슈로 outline 추가*/ .chk_opt{width:266px;height:36px;margin:15px auto 9px;padding:13px 27px 16px;background:#f3f3f3;text-align:left;letter-spacing:-0.05em;line-height:17px} .chk_opt .checkbox{margin-top:6px;padding-left:19px}/*211118 폰트 버그 margin-top:3px*/ .chk_opt .checkbox:first-child{margin-top:3px}/*211118 폰트 버그 스타일 추가*/ /*200812 본인 인증*/ .mns_appoint .self_certify.chk_opt{display:table;min-height:36px;height:auto;padding:17px 27px;margin:15px auto 4px} .mns_appoint .self_certify.chk_opt .inr{display:table-cell;;vertical-align:middle;text-align:center} .mns_appoint .self_certify.chk_opt .endtxt{color:#d31900;font-size:14px;vertical-align:middle} .mns_appoint .self_certify .btn_box{padding-top:7px} .mns_appoint .self_certify.chk_opt + .chk_opt{background:#fff;margin:4px auto 0px} /*마이너 폐쇄 신청 중 레이어*/ .pop_content.mns_closing{width:398px;padding:19px 0 0;text-align:center;color:#333}/*201216 폐쇄신청중 하단 버튼 유형 변경으로 padding-bottom24 수정*/ .pop_content.mns_closing.popmini .btn_box .btn_blue.small{margin-bottom:24px}/*미니갤러리 적용후 popmini 클래스명 확인후 삭제 혹은 유지*/ .pop_content.mns_closing .pop_head{border-bottom:none} .mns_closing .btn_box{border-top:none;padding:29px 0 0px} .mns_closing .inner{line-height:18px;margin:0 20px} .pop_content.mns_closing.popmini{padding:19px 0 0} .pop_content.mns_closing .btn_bottom{width:50%;height:35px;line-height:35px;background:#f3f3f3;box-sizing:border-box;border:1px #bbb solid;border-width:1px 0 0px 1px;color:#555} .pop_content.mns_closing .btn_bottom:first-child{border-left:none} /*마이너 승력 유의 사항*/ .attention_box{width:314px;padding:0 12px 15px} .attention_box .inner{padding:11px 0 0 2px} .attention_list{margin-top:4px} .attention_box .tiptxt{margin-top:1px;padding-left:2px} /*갤러리 전체보기 레이어 팝업*/ .allgall_search{position:absolute;left:-1px;top:-1px;width:347px;height:44px;border:1px solid #29367c;background:#3b4890;z-index:2} .pop_wrap .inner_search{float:left;width:297px;background:#fff;margin:5px 0 0 5px} .pop_wrap .in_keyword{background:transparent;width:279px;height:34px;padding:0 9px;border:none;outline:none;color:#333;font-size:14px;font-weight:bold} .allgall_search .auto_wordwrap{width:347px} .allandrank .allgall_search .auto_wordwrap{box-sizing:content-box}/*220511*/ .allgall_search .auto_word{max-height:384px} .allgall_search .word_list li a.restriction{color: #aaa} /*240719 추가*/ .allgall_search .word_list li a.restriction .icon_restriction{opacity: 1;vertical-align: -1px} .pop_wrap .bnt_search{float:left;width:45px;height:44px;background-position:0 -89px} .allgall_sch_cont{width:784px;height:465px}/**/ .allgall_sch_cont .tit{display:block;color:#333} .allgall_sch_cont .left_cont{float:left;width:346px;height:403px;padding-top:56px}/**/ .key_search_area{padding:0 10px} .key_search_area .tit{padding-bottom:8px} .key_search_area ul{overflow:hidden;margin-left:-4px} .key_search_area li{float:left;margin:1px 0 4px 5px;border:1px solid #ccc;} .key_search_area li a{display:block;width:23px;height:22px;line-height:23px;border-top:1px solid #fff;background:#f3f3f3;text-align:center;font-weight:bold;font-size:12px;color:#555} .key_search_area li.sch_alphabet a{width:55px} .category_solt_area{overflow:hidden} .category_solt_area .inner{padding-left:10px} .category_solt_area .tit{margin-top:7px;padding:15px 0 0 10px;border-top:1px dashed #aaa} .category_solt_area ul{float:left;width:71px;height:261px;margin-top:10px;padding:0 7px;border-left:1px solid #e8e8e8}/**/ .category_solt_area ul:last-child{padding-right:0}/*211208*/ .category_solt_area ul:first-of-type{border-left:none;padding:0 7px 0 0}/**/ .category_solt_area ul li a{display:block;padding-top:5px;color:#555;font-size:11px;line-height:15px} .category_solt_area ul li:first-child a{padding-top:0} .category_solt_area li.on a:hover{text-decoration:underline} .category_solt_area li.on a{text-decoration:underline;color:#29367c} .allgall_sch_cont .right_cont{float:right;width:409px;height:463px;padding:3px 13px 0;border-left:2px solid #3b4890}/**/ .allgall_sch_cont .right_cont .icon_restriction{position: static;margin-left: 3px;vertical-align: -1px}/*240719 접근제한 추가*/ .result_tit{color:#29367c;font-size:12px} .result_tit strong{font-size:14px} .result_tit strong em{display:inline-block;vertical-align:top;max-width:256px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap} .result_list{margin-top:13px} .result_list .result_box{overflow-y:auto;overflow-x:hidden;height:176px;margin-top:13px;border:1px solid #ccc} .result_list .result_box.category,.result_list .result_box.empty,.result_list .minor_result_box{height:403px} .result_list .result_box ul{width:408px}/*211208*/ .result_list ul:after{clear:both;display:block;visibility:hidden;content:""} .result_list li{float:left;width:131px;margin:-1px 0 0 -1px;overflow:visible!important}/**/ .result_list li a{display:block;height:26px;padding:0 9px;line-height:26px;border:1px solid #ccc;;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .result_list li:nth-child(3n+0) a{border-right:0;width:129px} .result_list li .restriction .inr{position:relative;display:inline-block;max-width:97px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:14px}/*접근제한*/ .result_list li .restriction .inr:hover{text-decoration:underline;} .result_list li:nth-child(3n+0) .restriction .inr{border-right:0;max-width:107px} .result_list .icon_restriction{top:8px}/*211118 폰트 버그 top:7px*/ .allandrank .pop_wrap.type1{z-index:1} /*220419*/ /*지하갤 레이어*/ .under_catelist{width:514px;height:auto;padding:12px} .under_catelist .pop_head{height:25px;border-bottom:1px dashed #aaa} .under_catelist .pop_head.sort_in{padding-right:28px} .under_catelist .under_listbox{overflow:hidden;min-height:66px;margin-top:9px} .under_catelist .under_listbox li{overflow:hidden;float:left;width:33.3%} .under_catelist .under_listbox li a{color:#555;line-height:22px} .under_catelist .btn_box{overflow:hidden;height:auto;line-height:15px;padding:3px 0 0;border-top:0} .under.poply_close{top:10px} .cate_wrap .under_listbox .icon_restriction{position: inherit;margin-left:2px;vertical-align:-1px}/*211118 폰트 버그 vertical-align:-1px 추가*/ .under_catelist .under_listbox li a.restriction{color:#aaa} /*지하갤 리스트 출력 - 5덩어리*/ .fiveline.under_catelist{width:874px} .fiveline .under_listbox li{width:20%} .top_cate_wrap .section_cate #Layer43{z-index:3999}/*220411*/ /*승격 마이너 갤러리*/ .pop_upmgall{width:514px;padding:0 12px 3px} .pop_upmgall .pop_head{line-height:15px} .pop_upmgall_listbox{overflow:hidden;margin:10px 0 1px;padding-left:4px} .pop_upmgall_listbox li{float:left;width:47%;line-height:22px} .pop_upmgall_listbox li:nth-child(odd){margin-right:30px} .up_mgallname{float:left;color:#555} .up_day{float:right;color:#999} .pop_wrap .pop_upmgall .btn_box{border-top:none;padding:0} .pop_upmgall .page_num{margin:0} /*승격 마이너 갤러리가 없습니다.*/ .no_pop_upmgall{padding:50px 0;text-align:center;color:#555} /*마이너 승격 안내 레이어팝업 / 231127 추가*/ .pop_content.up_mgall_infoly{width:435px;padding:40px 20px 35px;text-align:center;color:#333} .pop_content.up_mgall_infoly .pop_head{border-bottom:none;margin-bottom:13px;color:#29367c} .pop_content.up_mgall_infoly.pd{padding: 34px 32px 30px} .pop_content.up_mgall_infoly.pd .pop_head h3{font-size: 16px} .up_mgall_infoly .btn_box{border-top:none;padding:22px 0 0px} .up_mgall_infoly .inner{line-height:18px} .up_mgall_inner{text-align: left;line-height: 1.5} .up_mgall_inner .tit{font-size: 13px;margin-top: 18px} .up_mgall_inner .txt{color: #555;margin-top: 6px} .up_mgall_inner .tip{margin-top: 2px} .up_mgall_inner .tip em{margin: 0 6px 0 1px} .up_mgall_inner .tip .lnk{color: #999;text-decoration: underline;margin-left: 6px} .up_mgall_inner .tip .lnk::after{content:"";width:5px;height:11px;display:inline-block;vertical-align:0px;margin-left:3px;;background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png)no-repeat -110px -56px} .up_mgall_inner + .btn_box{padding-top: 23px} /*접근 제한 안내 레이어 팝업*/ .pop_content.access_restrict{width:494px;padding:39px 0 35px;text-align:left;color:#333} .pop_content.access_restrict .pop_head{border-bottom:none;margin-bottom:13px;color:#29367c;text-align:center} .lightpurple .pop_content.access_restrict .pop_head{color:#4f4dc6 } .access_restrict .btn_box{border-top:none;padding:26px 0 0px} .access_restrict .inner{line-height:20px;;display:table;max-width:445px;margin:0 auto} .access_restrict .inner > p{display:table-row;width:auto} .access_restrict .inner > .inner_box{display:table-cell;width:auto} .access_restrict .inner:after,.access_restrict .inner::before{content:"";display:table-cell;width:auto} .access_restrict .reason{margin-top:10px} /*흥한갤 전체 순위*/ .pop_hot_mgall,.pop_hot_gall{width:950px;padding:0 11px 15px;font-size:12px} .pop_hot_mgall .pop_head,.pop_hot_gall .pop_head{margin-bottom:10px} .pop_hot_mgall .inner_txt, .pop_hot_gall .inner_txt{font-size:11px;color:#555} .pop_hotmgall_listbox,.pop_hotgall_listbox{overflow:hidden;margin-left:-2px;height:440px}/*1116*/ .pop_hotmgall_listbox li, .pop_hotgall_listbox li{width:185px;padding-left:5px;line-height:22px} .pop_hotmgall_listbox li a, .pop_hotgall_listbox li a{color:#333} .pop_hotmgall_listbox li a:hover, .pop_hotgall_listbox li a:hover{text-decoration:none} .pop_hotmgall_listbox li,.pop_hotgall_listbox{float:left} .pop_hot_mgall .btn_box{overflow:hidden;height:auto;line-height:15px;padding:3px 0 0;border-top:0} .miniwrap .pop_wrap .pop_hot_gall .btn_box, .pop_wrap .pop_hot_gall .btn_box{border-top:none;padding:0 0 0 15px;line-height:15px;clear:both}/*220913 .pop_wrap .pop_hot_gall .btn_box추가*/ .left_content .hotcate_list .hot_gall_box #heung_gall_all_lyr{z-index:3999}/*220412갤러리 메인 */ /*220913 전체 설정 흥한갤 전체 순위페이징*/ .pop_wrap .pop_hot_gall .dashed{font-size:12px;padding-left:0} .pop_wrap .pop_hot_gall .btn_box{padding-top:3px} .gall_issuebox .pop_wrap .pop_hot_gall button, .gall_issuebox .pop_wrap .pop_hot_mgall button{vertical-align:middle} .hot_gall_box .pop_hot_gall li, .gall_ranking .pop_hot_gall li, .pop_hot_mgall .pop_hotmgall_listbox li{text-overflow:ellipsis;overflow:hidden;white-space:nowrap} /*231020 마이너 추가*/ /*접근제한 아이콘*/ .pop_hot_mgall li a,.pop_hot_gall li a{position:relative;} .pop_hot_mgall li a.restriction,.pop_hot_gall li a.restriction{padding-right:13px} .pop_hot_mgall li a.restriction .icon_restriction,.pop_hot_gall li a.restriction .icon_restriction{top:3px}/*211118 폰트 버그*/ .pop_hot_mgall li a.restriction .num, .pop_hotmgall_listbox li a.restriction .num, .pop_hotgall_listbox li a.restriction .num{color:#333}/*201030 클래스 추가*/ .pop_hotmgall_listbox li a.restriction, .pop_hotgall_listbox li a.restriction{color:#aaa}/*201030 추가 - 접근제한*/ /*임시저장*/ .temporary_save{width:418px;text-align:left;color:#555} .save_list{padding:15px 19px 13px 17px;line-height:24px;font-family:Tahoma;font-size:11px} .save_list a{display:inline-block;width:313px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,굴림,Gulim,sans-serif;font-size:13px;color:#555;vertical-align:top;text-overflow:ellipsis;overflow:hidden;white-space:nowrap} .save_list a.notu{opacity:0.4;filter:alpha(opacity=40);color:000} .save_list a:hover{text-decoration:underline} .save_day{display:inline-block;height:13px;line-height:13px;vertical-align:-1px;color:#999} .temsave_info_box{padding:12px 15px;background:#f3f3f3;line-height:18px} .temsave_info_box p:before{content:'';padding-left:10px;background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png)no-repeat -298px -19px}/*churl*/ /*sns 공유하기*/ .voice_wrap{position: relative} /*201126 보이스리플 공유 레이어 관련 추가*/ .list_sns{width: auto;max-width: 198px;padding: 0 11px 14px 1px!important;box-sizing: border-box;min-width: 136px} /*201126 width:197px;padding:0 0px 14px 1px -> 보이스리플 공유 레이어 관련 수정 */ /*.gallog_cont .voice_wrap{margin:17px 0 18px;padding:0 27px 0 32px}201204 주석 갤로그쪽 보이스리플 공유 레이어 관련 추가*/ .list_sns li{float:left;margin:10px 0px 0 11px;border:0}/*201126 갤로그쪽 공유 레이어 관련 border:0 추가 */ /*220715 uiux 개선*/ .nlist_sns .description{display:block;margin-top:6px;line-height:100%;color:#333;text-align:center;font-size:11px} .pop_content.nlist_sns{width: 366px;padding-bottom:15px} /*231116 넓이 수정*/ .pop_content.nlist_sns .list_sns{min-width:133px;max-width:100%;padding:0 11px 15px 11px!important} .nlist_sns .urlcopy_box input, .nlist_sns .urlcopy_box label{cursor:pointer;} .nlist_sns .urlcopy_box{position:relative;padding:0 77px 0 12px} .nlist_sns .urlcopy_box .intxt{overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;outline:none;color:#999;} .nlist_sns .urlcopy_box .btn{position:absolute;top:0;right:12px;width:66px;height:28px;background:#fff;line-height:26px;border:1px #cecdce solid;color:#555;font-size:12px;text-align:center;box-sizing:border-box} .urlcopy_box .intxt[readonly]{background:#f3f3f3 } .nlist_sns .icon_sns{width:50px;height:50px;margin:0 auto} .nlist_sns .list_sns > li{margin:15px 0px 0 0} .nlist_sns .list_sns > li > a{display:block;width:86px} .nlist_sns .list_sns > li > a:hover{text-decoration:none} .nlist_sns .icon_sns.kakaotalk{background-position:-11px -193px} .nlist_sns .icon_sns.twitter{background-position:-71px -193px} .nlist_sns .icon_sns.x{background-position:-131px -253px} .nlist_sns .icon_sns.kakaostory{background-position:-131px -193px} .nlist_sns .icon_sns.facebook{background-position:-11px -253px} .nlist_sns .icon_sns.scrap{background-position:-71px -253px} /*//220715 uiux 개선*/ .icon_sns{display:block;width:51px;height:51px} .icon_sns.facebook{background-position:-11px -10px} .icon_sns.band{background-position:-73px -10px} .icon_sns.twitter{background-position:-136px -10px} .icon_sns.kakaostory{background-position:-11px -71px} .icon_sns.scrap{background-position:-73px -71px} .icon_sns.urlcopy{background-position:-136px -71px} .icon_sns.kakaotalk{background-position:-11px -132px} /*241010 공유하기 버튼 3개(성일 갤러리 공유하기 스크랩)*/ .pop_content.nlist_sns.three{width:auto} /*공유하기의 스크랩*/ .scrap_box .inner{width:376px;padding:10px 22px 15px 20px} .scrap_box .set_cont{overflow:visible;border-bottom:none;margin-top:7px;padding:0} .scrap_box .cont_tit{width:100px;height:25px;line-height:25px;margin-left:0} .scrap_txt{float:left;width:275px;height:25px;line-height:25px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap} .scrap_box .select_arraybox{width:100px;margin-left:0} .scrap_box .option_box{width:107px;font-size:11px} .scrap_wrap .btn_box{padding:20px 0;margin-top:0px} /*201204 보이스리플 공유*/ .list_sns li > button{outline:none} .reply_list .list_sns li{padding:0}/*201208 댓글 영역 보이스리플 공유하기 레이어 대응*/ .reply_list .list_sns li:first-child{margin-top:10px}/*201208 댓글 영역 보이스리플 공유하기 레이어 대응*/ .option_sort.gallog ~ .cont_listbox .voice_wrap .pop_content .list_sns li:first-child{border-top:0}/*220126갤로그 */ /*220715 uiux 개선*/ .gallog_wrap .cont_listbox .list_sns li{padding:0} .write_div div #vr_share_lyr .pop_content, .write_div #vr_share_lyr{padding-bottom:0} #vr_share_lyr .pop_content.nlist_sns{width:auto;padding-bottom:0} #vr_share_lyr .pop_content.nlist_sns .list_sns{padding:0 11px 15px 0!important} #vr_share_lyr .nlist_sns .list_sns > li{margin:15px 0px 0 11px} /*//201204 보이스리플 공유*/ /*신고하기 / 231213 아이콘 변경,추가 */ .report_ly{width:198px} .report_ly_box{padding:9px 9px 10px} .adult_report, .gall_report, .video_report{display:block;width:86px;height:86px;border:1px solid #ccc;border-radius:2px;background:#f9f9f9;color:#29367c;text-shadow: 0px -1px #fff} .adult_report{float:left} .gall_report{float:right} .icon_adult_report{display:block;width:46px;height:46px;margin:0 auto 9px;background-position:-86px -385px} .icon_gall_report{display:block;width:46px;height:46px;margin:0 auto 9px;background-position:-86px -335px} .report_ly .poply_whiteclose{right:7px} .report_ly.three{width:auto;white-space: nowrap} .report_ly.three .report_ly_box{font-size: 0;padding: 10px 11px 11px} .report_ly.three .report_ly_box > button{display: inline-block;width: 96px;margin-left: 8px;float: none;box-sizing: border-box;font-size: 11px} .report_ly.three .report_ly_box > button:first-child{margin:0} .report_ly.three .icon_adult_report{margin: 0 auto 6px;background-position: -140px -1117px} .report_ly.three .icon_gall_report{margin: 0 auto 6px;background-position: -194px -1117px} .report_ly.three .icon_video_report{margin: 0 auto 6px;background-position: -248px -1117px;display:block;width:46px;height:46px} .report_ly.three .poply_whiteclose{right:11px} /*200916 신고 - 비공개미니갤러리선택 팝업*/ .rpt_form_group .pop_add_nopengall .intxt{height:25px;padding:0 5px}/*200922*/ .pop_add_nopengall.sel .btn_box button{width:85px;padding-left:1px} .pop_add_nopengall.sel .tiptxt.ok{color:#3b4890} .pop_add_nopengall.sel .tiptxt.ok b{color:#3b4890} /*//200916 신고 - 비공개미니갤러리선택 팝업*/ /*힛추 글쓰기*/ .hitup_ly,.write_ly{width:398px;color:#555} .hitup_cont,.write_cont{padding-top:30px } .hitup_ly .txt,.write_ly .txt{font-size:14px;font-weight:bold;text-align:center} .hitgall_go{display:block;padding:0 25px 12px;text-align:right;font-size:12px;color:#555;} .hitgall_go:hover{text-decoration:none} .hitgall_go::after{content:"";width:5px;height:11px;display:inline-block;vertical-align:0px;margin-left:3px; ;background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png)no-repeat -110px -56px}/*220425*/ .hitup_ly .btn_box,.write_ly .btn_box{border-top:0;padding:10px 0 8px} /*글쓰기*/ .write_ly{padding-bottom:34px} /*알림 설정*/ .notice_setting{width:418px} .notice_setting .inner{padding:13px 0 11px 14px} .set_element_box{position:relative;padding:0 85px 0 0px;color:#333} .set_element_box .inner_txt{line-height:30px} .set_element_box .setting_onoff{right:16px;top:2px} .set_element::after{content:"|";color:#ccc;line-height:30px;margin:0 9px 0 7px} .pop_wrap .notice_setting .btn_box{float:none;border-top:0;padding:0 0 22px} .notice_setting .btn_blue.small{margin-left:2px} /*250304 한 줄 알림 정책 변경*/ .set_element .deco::before{ content:"";display:inline-block;width:8px;height:8px;background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png) no-repeat;background-position:-283px -200px;vertical-align:3px;margin-right:8px } /*알림*/ .notice_listwrap{width:418px} .notice_list{overflow-y:scroll;overflow-x:hidden;width:390px;height:179px;padding:11px 14px 7px;line-height:23px} .notice_list li{clear:both;position:relative}/*200506 position:relative 추가*/ .notice_txt{display:block;float:left;max-width:342px;color:#555;text-overflow:ellipsis;overflow:hidden;white-space:nowrap} .notice_mng .notice_txt{max-width:390px;text-overflow:inherit;white-space:normal;word-wrap:break-word;word-break:break-all;color:#555}/*마이너 매니저 알림*/ .notice_mng .notice_txt span:hover{text-decoration: underline;} .notice_mng .notice_txt.noline span:hover,.notice_mng .notice_txt.noline{text-decoration:none;cursor:default}/*201111 폐쇄알림 라인 없음*/ .notice_mng .notice_txt,.notice_mng .notice_txt span.inner{text-decoration:none} .notice_list .icon_bword_del{/*margin-left:4px*/;vertical-align:-2px}/*0522 크롬 outline업데이트 이슈로 margin-left값 주석처리*/ .btn_noti_alldel,.btn_noti_setting{outline:none;color:#333} .btn_noti_setting{margin-right:11px} .btn_noti_setting::before{content:"|";color:#ccc;line-height:30px;margin:0 8px 0 3px} /*.miniwrap .notice_txt{max-width:332px} 200506*/ .notice_list li a > .inner button, .notice_list li > button{position:absolute;margin:5px 0 0 4px;line-height:0}/*200506 추가 / 240528 실서버 구조 다름 관련 추가*/ /*.notice_list li > .icon_mini + button{margin-left:0} 0522 크롬 outline업데이트 이슈로 주석처리*/ .notice_list .notice_txt .icon_mini{margin: 3px 1px 0 0} /*201029 미니아이콘 추가*//*211118 폰트 버그 margin:0 1px 0 0*/ .notice_list .notice_txt .icon_person{margin: 2px 3px 0 -1px} /*240528 인물아이콘*/ /*/////////////////////////////////////////////////////////한줄 알림////////////////////////////////////////////////////////////////////////////////*/ .one_noticewrap{width:398px;height:17px;padding:10px 10px 10px 8px;line-height:18px}/*211118 폰트 버그 line-height:21px*/ .one_notice_txt{display:block;width:378px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap} .one_noticewrap .icon_new{margin-left:0;margin-right:3px;vertical-align:6px} .one_noticewrap .poply_close{top:10px;right:10px} /*250304 한줄 알림 노출 방식 변경 */ .alarm{position:fixed} .alarm .one_noticewrap{border:2px solid #ccc;border-width:0px 2px 2px 2px } .alarm .one_noticewrap:first-child{border:2px solid #29367c} /*//////////////////////////////////////////////////////////한줄 알림////////////////////////////////////////////////////////////////////////////////*/ /*답글 펼침 설정 */ .setting_reply{width:298px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;font-size:12px;font-weight:normal;line-height:23px} .setting_reply .pop_info{padding:11px 13px 11px} .setting_reply .inner{padding:14px 13px 15px} .setting_option{position:relative;margin-top:7px} .setting_option:first-child{margin-top:0} .setting_reply .setting_onoff{right:3px;top:0px} .setting_reply .btn_box{padding:0px 0 16px ;border-top:none} .setting_reply .btn_box button:first-child{margin-left:0} /*마아너 갤러리 운영원칙*/ .pop_content.privacy_box{width:608px}/*200922 추가*/ .tab_menubox.privacy_tab{padding:0 14px;margin:15px 0 18px} .privacy_tab button{width:290px;box-sizing:border-box} .privacy_box .inner{width:578px;padding:0 13px 0 16px} .privacy_box{color:#555;background:#fff} .privacy_box .tab_contbox{overflow-y:scroll;height:518px;padding-right:15px;margin-bottom:23px;line-height:20px} .privacy_box .tit{display:block;margin-top:15px;color:#555} .privacy_box .magtop{margin-top: 5px} /*200722 추가*/ .privacy_box ul{margin:0 2px 0} .privacy_box dt{margin:5px 0 0 0} .privacy_box .privacy dt{margin:10px 0 0 0;font-weight:bold} .privacy_box .mt_5{margin-top:5px} .privacy_box .btn_close{position:absolute;top:0;right:-46px;width:46px;height:46px;background: url(https://nstatic.dcinside.com/dgn/gallery/images/btn_minor.png) no-repeat -294px -88px;text-indent:-9999px} /*디시콘*/ .editor_wrap #div_con.pop_wrap{margin-left:-9px} .pop_content.dcconlayer{overflow:visible;width:638px} .pop_dccon_tit{float:left;font-size:14px;color:#29367c} .dccon_list_wrap .inner{height:50px;border-bottom:1px solid #29367c} .dccon_list_box.hot,.dccon_list_box.setting{padding:22px 20px 27px 20px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif} .dccon_tab_btnbox{position:relative;overflow:hidden;height:50px;background:#f3f3f3} .tab_btnlist,.tx-editor-container ul .tab_btnlist{width:432px;padding:0 50px} .tab_btnlist li{position:relative;float:left;width:70px;height:50px;padding:0;border:1px solid #ccc;border-left-color:#fff;border-width:0px 1px 0 1px} .tab_btnlist li:first-child{padding:0;margin-top:0} .tab_btnlist li.on{width:70px;background:#3b4890} .tab_btnlist li .frame{display:none} .tab_btnlist li.on .frame{display:block;width:67px;height:47px;border:3px #29367c solid;top:-2px;left:-2px} .dccon_btn{width:69px;height:50px;outline:none} .icon_dccon_recent{display:block;width:40px;height:40px;margin:0 auto;background-position:-248px -22px} .btn_dccon_next,.btn_dccon_prev{position:absolute;top:0;display:block;width:50px;height:50px} .btn_dccon_next{right:0;border-left:1px solid #fff;border-right:1px solid #29367c} .btn_dccon_prev{left:0;border-right:1px solid #ccc} .icon_dccon_next,.icon_dccon_prev{display:block;margin:0 auto;width:10px;height:16px} .icon_dccon_prev{background-position:-161px -77px} .icon_dccon_next{background-position:-173px -77px} .btn_dccon_hot,.btn_dccon_setting{width:53px;height:50px;background:#ccc} .btn_dccon_hot{float:left;border-right:1px solid #999} .btn_dccon_setting{float:right;border-left:1px solid #dbdbdb} .icon_dccon_hot,.icon_dccon_setting{display:inline-block;width:33px;height:33px} .icon_dccon_hot{background-position:-222px -68px;margin-top:8px;margin-left:2px} .icon_dccon_setting{background-position:-222px -107px;margin-top:6px} .btn_dccon_hot.on .icon_dccon_hot{background-position:-186px -68px} .btn_dccon_setting.on .icon_dccon_setting{background-position:-186px -107px} .dccon_list,.tx-editor-container ul .dccon_list{padding:0px 5px 5px 2px} .dccon_list li,.tx-editor-container .dccon_list li{float:left;margin-top:5px;margin-left:5px;border-top:none;padding:0} .dccon_list li:first-child{padding:0;margin-top:5px} .img_dccon, .img_dccon img{width:100px;height:100px;display:block} /*231030 디시콘 등록 이미지 사이즈 변경 관련 추가*/ /*인기디시콘 190109 디시콘 검색 적용 후 삭제*/ .hotcon_list li:first-child{margin-left:0;padding:0} .hotcon_list li .info_conimg{display:block;width:100px;height:100px;border:1px solid #d5d5d5}/*삭*/ /*인기디시콘 190109 디시콘 검색 적용 후 삭제*/ .dccon_info{font-size:12px;color:#999} .dccon_info:hover{text-decoration:none} .dccon_info:hover .info_contxt{text-decoration:underline} .info_contxt{margin-top:7px;text-align:center;line-height:18px} .info_contxt > strong{display:block;color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap} .info_conbtn{width:64px;height:18px;margin:4px auto 0;line-height:20px;background:#f9f9f9;border:1px solid #c4c4c4;border-radius:10px;font-size:11px;color:#3b4890;text-align:center} /*디시콘 관리*/ .dccon_setting{width:609px;padding-bottom:25px} .dccon_setting .dccon_list_box.setting{padding-top:10px;padding-bottom:18px} .dccon_setting .select_box.dccon_use{margin:11px 21px 0px 0px} .dccon_setting .table_head{width:570px;margin-top:0} .table_head{position:relative;width:598px;padding-top:34px;margin-top:9px;border-bottom:1px solid #3b4890} .thead1{width:46px} .thead2{width:228px} .thead3{width:110px} .thead4{width:81px} .thead5{width:58px} .thead6{width:76px} #setting_notuse .thead1{width:48px} #setting_notuse .thead2{width:237px} #setting_notuse .thead3{width:113px} #setting_notuse .thead4{width:82px} #setting_notuse .thead5{width:59px} #setting_notuse .thead6{width:59px} .mandudel .thead2{width:311px}/*211014 만두 서비스 종료*/ .mandudel #setting_notuse .thead2{width:317px}/*211014 만두 서비스 종료*/ .scrolls{max-height:494px;overflow:hidden;overflow-y:scroll} .dcconlayer .scrolls{max-height:294px} .dccon_storage_table thead{height:0}/*200131*/ .dccon_storage_table thead tr{position:absolute;top:0;left:0} .dccon_storage_table{width:100%;height:200px;border-collapse:initial;overflow-y:scroll} .dccon_storage_table tr:first-child td{height:auto} .dccon_storage_table tbody tr:hover{background:none} .dccon_storage_table th{height:32px;border:1px solid #3b4890;border-width:1px 0 1px 0} .dccon_storage_table td{height:auto;padding:2px 4px;border:1px solid #eee;border-width:1px 0 0px 1px;text-align:center} .dccon_storage_table td:first-child{border-left:none} .ui-sortable-helper {display: table;background:#fff} .sortable-placeholder{background:#fff} .storage_img{float:left;width:50px;height:50px} .pop_wrap .storage_img{margin:0 7px 0 5px} .storage_img img{width:50px;height:50px} .storage_name,.cmt_info p.storage_name{float:left;height:50px;line-height:50px} .icon_moving{display:inline-block;width:15px;height:10px;background-position:-264px -72px} .dccon_storage_table input{width:14px;height:14px} .select_box.dccon_use{float:right;display:inline-block;min-width:67px;height:19px;padding-left:5px;border:1px solid #ccc;margin-left:4px; font-size:11px;background:#fff;color:#333;line-height:20px;vertical-align:1px }/*211118 폰트 버그 line-height:21px*/ .dccon_cont.dccon_my .dccon_setting .bottom_paging_box{margin:16px 0} .dccon_use .select_area{font-weight:normal;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;padding-right:19px} .dccon_use .icon_option_more{display:inline-block;position:absolute} .dccon_use .icon_option_more{right:5px;top:7px;width:9px;height:5px;background-position:-126px -43px} .dccon_use .option_box{padding:6px 0px 4px 0px;background:#f3f3f3;border:1px solid #ccc;box-sizing:content-box} .dccon_use .option_box li{padding:0 5px;border-top:0;line-height:16px;font-size:11px;color:#555;font-weight:normal;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif} .dccon_use .option_box li:hover{text-decoration:underline} .dccon_infobox{padding:15px 15px 11px;margin-top:17px;background:#f3f3f3;color:#555} .dccon_infobox p{letter-spacing:-0.02em;font-size:12px;line-height:18px} .btn_grey_moving{display:inline-block;width:11px;height:11px;margin-right:5px;background-position:-285px -71px} .pop_wrap .dcconlayer .btn_box{padding:18px 0 0px;border-top:none} .pop_wrap .dcconlayer .btn_box .btn_grey.small{margin-left:0} .pop_wrap .dcconlayer .btn_box .btn_blue.small{margin-left:2px} .pop_wrap .dcconlayer li > .btn_box.dccon_list_paging{width:625px;padding:10px 0 20px} .pop_wrap .dcconlayer .btn_box.dccon_list_paging, .dccon_setting .btn_box.dccon_list_paging{padding:10px 0 0px} .dcconlayer .bottom_paging_box{margin:16px 0 0px} .view_comment .dcconlayer .bottom_paging_box{height:100%} .dcconlayer .use .dccon_infobox{margin-top:18px} /*디시콘 정보*/ .dccon_popinfo .dccon_list_wrap{position:relative} .main_content .pop_wrap .dccon_list{padding:0px 5px 5px 2px;margin-left:0} .dccon_popinfo{width:609px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif} .viewtxt_top{font-size:14px} .viewtxt_top > h4, .tx-editor-container .viewtxt_top > h4{display:inline-block} .viewtxt_top > .btn_blue.small{float:right;width:80px;height:27px;margin-top:-6px;line-height:25px;font-weight:normal;overflow:hidden}/*211118 폰트 버그 line-height:27px*/ .viewtxt_top .useday{font-size:12px;color:#29367c} .info_viewbox{border-bottom:1px #ccc solid} .viewtxt_cont{margin-top:6px;color:#333;line-height:19px} .info_viewimg{float:left;width:140px;height:140px;padding:15px 15px} .info_viewtxt{float:right;width:408px;height:138px;padding:17px 15px 15px 16px;background:#f3f3f3} .info_viewtxt .inner_txt{margin-bottom:4px;font-size:12px} .viewtxt_cont .inner_info{overflow:hidden;font-size:11px;color:#999} .viewtxt_cont .inner_info:last-of-type{margin-top:-1px} .viewtxt_cont .tbox{height:10px;padding:0px 3px 0px 2px;border:1px #ccc solid;border-radius:2px;background:#fff;font-size:11px;color:#555;letter-spacing:-0.05em}/*211118 폰트 버그 padding:2px 3px 1px 2px;*/ .dccon_list_box.popinfo{height:369px;overflow-y:scroll} .popinfo .dccon_list li{margin:15px 0 0 15px} .dccon_popinfo .dccon_infobox{margin-top:0px;padding:17px 17px 18px;border-top:1px #ccc solid } .btn_cont_report{position:absolute;bottom:-27px;right:16px;height:27px;padding:0 14px 0 15px;border:1px #ccc solid; border-radius:0 0 2px 2px;background:#fff;font-size:12px;color:#d31900;text-align:center;font-weight:bold;line-height:25px}/*211118 폰트 버그 line-height:25px 추가*/ /*댓글의 디시콘 정보 레이어 포지션관련*/ .cmt_txtbox #package_detail{margin:-8px 0 0 167px}/*댓글*/ .reply .cmt_txtbox #package_detail{margin:-17px 0 0 166px}/*답글*/ .album .cmt_txtbox #package_detail{margin:-8px 0 0 148px}/*앨범형 댓글*/ .album .reply .cmt_txtbox #package_detail{margin:-17px 0 0 152px}/*앨범형 답글*/ .uminor_admin .cmt_txtbox #package_detail{margin:-8px 0 0 186px}/*매니저 댓글*/ .uminor_admin .reply .cmt_txtbox #package_detail{margin:-17px 0 0 185px}/*매니저 답글*/ .uminor_admin .album .cmt_txtbox #package_detail{margin:-8px 0 0 170px}/*매니저 앨범형 댓글*/ .uminor_admin .album .reply .cmt_txtbox #package_detail{margin:-17px 0 0 174px}/*매니저 앨범형 답글*/ /*디시콘 구매하기 */ .dccon_buy{width:338px} .buy_info_box{padding:11px 15px 0 16px} .buy_info{overflow:hidden;height:39px;line-height:39px;border-bottom:1px #eee solid;color:#555} .buy_info .tit{float:left;width:83px;padding-left:7px;font-weight:bold} .buy_info .cont{float:left;padding-left:10px} .buy_info .cont.pw{padding-left:7px} .buy_info_box .intxt{width:188px;height:23px;line-height:23px} /*디시콘 신고하기 */ .dccon_txtarea, .cmt_txt_cont textarea.dccon_txtarea{width:292px;height:98px;padding:9px 8px;border:1px #ccc solid;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;font-size:12px} .dccon_report{width:338px;padding-bottom:19px} .dcconpop_cont{padding:16px 14px 15px} .dccon_report .fileup_box{margin-top:7px} .dccon_report .fileup_name{width:233px;height:28px;line-height:28px;padding:0 5px;border:1px #ccc solid;color:#333} .dccon_report .fileup_btn{width:64px;height:28px;line-height:28px;background:#f3f3f3;border:1px #ccc solid;color:#333} .dccon_report .fileup_hidden{width:64px;height:28px} .dccon_report_txtarea::-webkit-input-placeholder{color:#999} .dccon_report_txtarea:-moz-placeholder{color:#999} .dccon_report_txtarea::-moz-placeholder {color:#999} .dccon_report_txtarea:-ms-input-placeholder{color:#999} .dccon_report .fileup_name::-webkit-input-placeholder{color:#999} .dccon_report .fileup_name:-moz-placeholder{color:#999} .dccon_report .fileup_name::-moz-placeholder {color:#999} .dccon_report .fileup_name:-ms-input-placeholder{color:#999} /*디시콘 판매중지 신청*/ .dccon_stop{width:338px;padding-bottom:19px} .dccon_stop .dccon_txtarea,.cmt_txt_cont .dccon_stop textarea.dccon_txtarea{height:135px} /*디시콘 판매중지 요청 처리 내역*/ .dccon_stop.details{font-size:12px;color:#555} .dccon_stop.details .dcconpop_cont{padding:16px 14px 5px} .details .box{padding:7px 10px 13px;min-height:34px;border:1px #cecdce solid;background:#f3f3f3;line-height:20px} .detail_cate:first-child{margin-top:4px;border-bottom:1px #eee solid} .detail_cate {margin:15px 0 10px} .detail_cate h4{padding-bottom:7px;padding-left:4px} .detail_cate .storage_name{height:25px;line-height:14px;margin-left:5px} /*디시콘 팝업 하단 버튼*/ .dccon_stop .btn_box,.dccon_report .btn_box,.dccon_setting .btn_box{padding:0;border-top:none} .dccon_buy .btn_box, .pop_wrap .dcconlayer .dccon_buy .btn_box{border-top:none;padding:14px 0 20px} .pop_wrap .dcconlayer .btn_box .dccon_stop .btn_box button,.dccon_report .btn_box button,.dccon_buy .btn_box button,.dccon_setting .btn_box button{margin:0} .dccon_stop .btn_box .btn_blue.small,.dccon_report .btn_box .btn_blue.small,.dccon_buy .btn_box .btn_blue.small,.dccon_setting .btn_box .btn_blue.small{width:85px} .dccon_stop .btn_box button:first-child,.dccon_report .btn_box button:first-child, .dccon_buy .btn_box button:first-child,.dccon_setting .btn_box button:first-child{margin-right:2px} /*디시콘 이용안내*/ .dccon_guide{width:414px;padding:0 12px 16px 14px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;font-size:12px;color:#555} .dccon_guide .pop_head.dashed{padding-left:1px} .dccon_guide .guide_txtbox{margin-top:13px;line-height:20px} .dccon_guide .guide_txtbox li{padding:0 0 0 10px;border:none;background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png)no-repeat -296px -16px}/*churl*/ .dccon_guide li > p::before{display:none} /*디시콘 등록 정책 안내*/ .dccon_upinfo{width:528px;color:#555} .dccon_upinfo .guide_txtbox{padding:19px 23px;line-height:22px} .dccon_upinfo .guide_txtbox li{overflow:hidden} .dccon_upinfo .dot{display:inline-block;width:2px;height:2px;background:#555;margin:8px 7px 0 0} .dccon_upinfo .guide_txtbox .font_red .dot{background:#d31900} .dccon_upinfo .btn_box{padding:17px 0 30px;border-top:none} .dccon_upinfo .btn_box button{margin:0} .dccon_upinfo .btn_box button:first-child{margin-right:3px} .dccon_upinfo .check_area{margin:0;padding:21px 0 0;border-top:1px #aaa dashed;text-align:center;letter-spacing:-0.05em} .dccon_upinfo .check_area label{margin-left:3px} /*디시콘 등록*/ .dccon_up{width:597px } .dccon_up .scroll{overflow-y:scroll;overflow-x:hidden;height:404px;padding:10px 20px 20px 10px} .conimg_uplist:after{clear:both;display:block;visibility:hidden;content:""} .conimg_uplist li{position:relative;float:left;width:100px;height:128px;margin:10px 0 0 10px;line-height:0%} .conimg_uplist .file_imgupbox.empty{position:relative;top:0;width:100px;height:100px} .conimg_uplist .file_imgupbox{position:absolute;right:0;top:76px;width:24px;height:24px;margin-top:0} .conimg_uplist .file_imgupbox.empty .btn_dcconimg_add{width:100px;height:100px;background-position:-160px -210px} .conimg_uplist .file_imgupbox .btn_dcconimg_add.small{width:24px;height:24px; background-color:#3b4890} .icon_dcconimg_add{display:inline-block;width:13px;height:13px;background-position:-224px -214px} .conimg_uplist .file_imgupbox.empty input[type="file"]{width:98px;height:98px;padding:0} .conimg_uplist .file_imgupbox > input[type="file"]{width:24px;height:24px;padding:0} .conimg_uplist .file_imgupbox img{width:100%} .alt_box{position:absolute;left:0;bottom:0;width:98px;height:23px;margin-top:3px;border:1px #ccc solid;font-size:0 } .alt_box .num{display:inline-block;width:24px;height:23px;line-height:23px;background:#eee;border-right:1px #ccc solid; font-size:12px;color:#d31900;text-align:center} .makecate_group input.alt_value{width:57px;height:23px;padding:0 8px;border:none;font-size:12px;color:#333;vertical-align:top;line-height:23px}/*211118 폰트 버그 line-height:23px 추가*/ .dccon_up .dccon_infobox{margin-top:0} .dccon_up_bottom{padding:20px 20px 35px;border-top:1px #ccc solid} .dccon_up_bottom .btn_box{padding:0;margin-top:20px;border-top:none} .dccon_up_bottom .btn_box button:first-child{margin:0} /*230719 대왕디시콘 230808수정 / 231121 활성화 추가*/ .dcconlayer .pop_content.klip_sqrconnect .klip_qrbox{width: 408px;min-height: 438px} .dcconlayer .pop_content.klip_sqrconnect .klip_qrbox .qrbox{margin-top: 0} .pop_wrap .dcconlayer li.dccon_list_btm > .btn_box.dccon_list_paging{padding: 5px 0 10px} .dccon_list_btm{width: 100%} .dccon_list_btm .wallet_box:nth-of-type(1){margin-top: 10px} .dccon_list_btm .wallet_box{margin-bottom: 15px;margin-top: 0;white-space: nowrap;font-size: 0;padding-left: 14px;position: relative;letter-spacing: -0.05em} .dccon_list_btm .wallet_box .btn_wallet{letter-spacing: -0.05em;background:#386ce9;display:inline-block;padding:0 10px 0 8px;height:23px;line-height:23px;font-size:12px;color:#fff;font-weight:bold;border-radius:50px;text-shadow: 0px -1px rgb(0 0 0 / 30%);vertical-align: -6px;box-sizing: border-box} .dccon_list_btm .wallet_box .btn_wallet + .btn_wallet{margin-left: 6px} .dccon_list_btm .wallet_box .btn_wallet[style*="none"] + .btn_wallet{margin-left: 0} .dccon_list_btm .wallet_box .btn_wallet.off{background:#aaa} .dccon_list_btm .wallet_box .btn_wallet.txton{line-height: 21px;background: transparent;color:#993399;border: 1px solid #993399;text-shadow: none;padding: 0 10px;vertical-align: top} .dccon_list_btm .wallet_box .btn_wallet.time{line-height: 21px;background: transparent;color: #333;border: 1px solid transparent;text-shadow: none;padding: 0;vertical-align: top} .dccon_list_btm .wallet_box .btn_wallet.time button{color: #993399;text-decoration: underline;font-weight: bold;letter-spacing: -0.05em;vertical-align: initial;margin-left: 4px} .dccon_list_btm .wallet_box .btn_wallet::before{content: "";display: inline-block;width: 17px;height: 16px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_image.png?0719) no-repeat -237px -181px;vertical-align: -2px;margin-right: 2px} .dccon_list_btm .wallet_box .btn_wallet.off::before{background-position: -257px -181px} .dccon_list_btm .wallet_box .btn_wallet.txton::before, .dccon_list_btm .wallet_box .btn_wallet.time::before{display: none} .dccon_list_btm.guide .wallet_box .txt{color: #333;font-weight: normal} .dccon_list_btm.guide .wallet_box .btn_bigdccon_guide{color: #386ce9;margin-left:8px} .dccon_list_btm .wallet_box .txt{font-size: 12px;font-weight: bold;color: #2daf2d;vertical-align: middle;margin-left: 8px} .dccon_list_btm .wallet_box .txt.sub{font-size: 12px;color: #999} .dccon_list_btm .wallet_box .txt + .txtlnk{margin-left: 8px} .dccon_list_btm .wallet_box .txtlnk{font-size: 12px;font-weight: bold;color: #386ce9;text-decoration: underline;margin-left: 6px;vertical-align: middle} .dccon_list_btm .wallet_box .txtlnk::after{content: "";display: inline-block;width: 7px;height: 11px;background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_image.png?0719) no-repeat -282px -181px;vertical-align: -1px;margin-left: 3px} .dccon_list_btm .wallet_box .toast_msg{top: 0} /*//230719 대왕디시콘 / 231121 활성화 추가*/ /*240730 더블 디시콘 웹추가*/ .doublecon_wrap{display: block;position: relative;padding: 12px 12px 10px;border-bottom: 1px solid #29367c} .doublecon_wrap .checkbox{padding: 0 13px 0 0;width: auto} .doublecon_wrap .checkbox input, .doublecon_wrap .checkbox input + .checkmark{left: initial;right: 0;top:50%;transform: translateY(-50%)} .doublecon_wrap .checkbox input + .checkmark{width: 13px;height: 13px;background-image: none;background-color: #999;border-radius: 20px} .doublecon_wrap .checkbox input + .checkmark::after{content: "";display: inline-block;width:10px;height:9px;background: url(https://nstatic.dcinside.com/dc/w/images/checkbox.png) no-repeat center/contain;position: absolute;top: 3px;left: 2px} .doublecon_wrap .checkbox input:checked + .checkmark{background: #29367c} .doublecon_wrap .checkbox label{color: #333;margin-right: 3px} .doublecon_wrap .bgbox{background: rgb(0 0 0 / 50%);height: 60px;position: absolute;bottom: 0px;left: 80px;width: 559px;font-size: 0;text-align: center;padding-left: 35px;box-sizing: border-box} .doublecon_wrap .bgbox .coment_dccon_img{width: 60px;height: 60px;float: none;display: inline-block} .doublecon_wrap .bgbox .coment_dccon_img img, .doublecon_wrap .bgbox .coment_dccon_img video{width: 60px;height: 60px} .doublecon_wrap .bgbox .alttxt{display: inline-block;font-size: 12px;color: #fff;vertical-align: bottom;margin-left: 4px} .doublecon_wrap .bgbox .btn_close{width: 11px;height: 11px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png) no-repeat -158px -1099px;position: absolute;top: 5px;right: 5px} /*//240730 더블 디시콘 웹추가*/ /*최근방문 갤러리,갤로그*/ .pop_wrap .visit{width:454px}/*210225*/ .pop_content.visit.small{width:404px}/*210317*/ .visitab_box{overflow:hidden} .visitab_box > button{float:left;width:50%;height:37px;line-height:37px;background:#f3f3f3;color:#777;border-bottom:1px #29367c solid;outline:none}/*210326 outline추가*/ .visitab_box > button:first-child{border-right:1px #29367c solid}/*210225*/ .visitab_box > button.on{background:#fff;color:#29367c;border-bottom:1px #fff solid;font-weight:bold} .visit .tab_content{width:100%;height:204px;padding:11px 15px 15px;margin:0;box-sizing: border-box;}/*210225*/ .pop_visit_list{margin-left:-27px;font-size:12px;color:#555;}/*210225*/ .pop_visit_list li{overflow:hidden;position:relative;float:left;width:40%;padding-right:18px;margin-left:27px;line-height:23px;text-overflow:ellipsis;white-space:nowrap}/*210225*/ .pop_content.visit.small .pop_visit_list li{width:38%} /*210317*/ .pop_visit_list li a{color:#555} .pop_visit_list li a.mini{display:inline-block;max-width:160px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:top} .pop_content.visit.small .pop_visit_list li a.mini{max-width:132px} .pop_visit_list .btn_del{position:absolute;top:5px;right:0px}/*211118 폰트 버그 top:4px*/ .main_content .pop_visit_list .btn_del{line-height:13px;font-size:0}/*0522 크롬 outline업데이트 이슈로 font-size 추가*/ .paging_btnbox{clear:both;position:relative;width:100%;height:27px;padding-top:10px;text-align:center;background:#f3f3f3} .paging_btnbox .inner{overflow:hidden;margin:0 auto} .pop_wrap .visit .paging_btnbox{height:auto;background:none;padding:0 0 15px}/*210225*/ .visit .btn_prev,.visit .btn_next{display:inline-block;height:17px;font-size:0}/*0522 크롬 outline업데이트 이슈로 font-size 추가*/ .visit .icon_prev,.visit .icon_next{display:inline-block;width:17px;height:17px} .visit .icon_prev{background-position:-56px -130px} .visit .icon_next{background-position:-75px -149px} .visit .on .icon_prev{background-position:-56px -149px} .visit .on .icon_next{background-position:-75px -130px} .visit .page_num{float:none;display:inline-block;;color:#444;margin:1px 2px 0 2px;vertical-align:-1px}/*211118 폰트 버그 margin:2px 8px 0 2px;vertical-align:top*/ .visit .poply_close{top:11px} .pop_content.visit .empty_box{height:181px;line-height:181px} /*220503 즐겨찾기*/ .pop_content.bookmk{overflow:visible} .pop_visit_list.bkmark li{padding-right:0;width:44%} .pop_content.bookmk .paging_btnbox{position:relative} .pop_content.bookmk .paging_btnbox .list_modi{position:absolute;top:-2px;right:12px;color:#29367c;text-decoration:underline;padding:3px} .pop_content.bookmk .empty_box a{color:#999} .pop_content.bookmk .empty_box a:hover{text-decoration:none} .pop_content.bookmk .empty_box a span{text-decoration:underline} /*//최근방문 갤러리,갤로그*/ /*만두 팝업*/ .pop_content.mandu_pop{overflow:visible;width:638px} .mandu_tab_box > button{float:left;height:44px;line-height:44px;background:#f3f3f3; border-left:1px #29367c solid;color:#29367c;border-bottom:1px #29367c solid;font-size:14px} .mandu_tab_box > button:first-child{width:199px;border-left:0} .mandu_tab_box > button.on{background:#fff;border-bottom:1px #fff solid;font-weight:bold;text-decoration:underline} .mandu_tab_box.tab2 > button{width:297px} .mandu_tab_box.tab2 > button:first-child{width:298px;border-left:0} .mandu_tab_box.tab3 > button{width:198px} .mandu_tab_box.tab3 > button:first-child{width:199px;border-left:0} .mandu_pop .tab_content{padding:19px 33px 29px} .mandu_pop .pop_radio{margin-bottom:9px} .mandu_pop .pop_radio .radiobox{font-size:14px;padding-left:19px;margin:5px 18px 0 0;color:#555} .mandu_pop_tit{font-size:14px;color:#d31900;margin-top:3px} .mandu_num{color:#333} .mandu_pop .btn_mandu_charging{float:left;padding:0 7px;margin:2px 0 0 10px} .mandu_pop .pop_tabcont .cate_group_box{margin-top:13px} .mandu_pop .cate_group{font-size:12px;color:#555;border-bottom:1px #ccc solid} .mandu_pop .cate_group:first-child{border-top:1px #ccc solid} .mandu_pop .cate_group::after{clear:both;display:block;visibility:hidden;content:""} .mandu_pop .cate_group .tit{float:left;width:126px;height:39px;line-height:39px;padding-left:14px;background:#f3f3f3;font-weight:bold} .mandu_pop .cate_group .txt{float:left;width:422px;height:39px;padding-left:10px;;line-height:39px} .mandu_pop .option_sort{margin-top:2px} .option_sort.mandu .select_arraybox{width:114px;height:23px;line-height:23px;padding:0 19px 0 5px;background:#fff}/*211118 폰트 버그 line-height:25px*/ .option_sort.mandu .option_box{width:120px} .mandu.poply_close{top:0px;right:0;width:43px;height:44px;background:#29367c} .phone .option_sort .select_arraybox{width:27px;height:23px;padding:0 16px 0 5px;margin-right:4px;line-height:25px;background:#fff} .phone .option_sort .select_arraybox .option_box{width:30px} .mandu_pop .option_sort .select_arraybox .icon_option_more{width:9px;height:5px;background-position:-126px -43px;top:9px;right:-13px} .mandu_pop .phone .option_sort .select_arraybox .icon_option_more{right:-10px} .inp{width:399px;height:23px;padding:0 5px;line-height:23px;border:1px #bbb solid;color:#555} .phone .option_sort{float:left;font-size:12px} .phone .inp{width:38px;line-height:18px;vertical-align:0;margin-left:0px} .phone .deco{font-size:12px} .mandu_pop .btn_box{border-top:0;padding:20px 0 0} .mandu_pop .btn_box button{margin:0} .mandu_pop .btn_box button:first-child{margin-right:2px} .mandu_pop .bottom_paging_box{margin:25px 0 9px} /*만두 충전/취소 내역*/ .option_sort.method{margin-top:0} .option_sort.method .select_arraybox{width:100px;height:23px;line-height:23px}/*211118 폰트 버그 line-height:25px*/ .option_sort.method .select_arraybox .option_box{width:110px} .tabcont_table{width:100%;margin-top:13px;color:#333;font-size:12px;border-bottom:1px #3b4890 solid} .tabcont_table th{height:35px;border-width:1px 0 1px 0;border-color:#3b4890;border-style:solid;vertical-align:middle;text-align:center;color:#333} .tabcont_table td{height:31px;border-bottom:1px #eee solid;border-top:1px solid #eee;padding:2px 4px;vertical-align:middle;text-align:center;word-wrap: break-word} .tabcont_table tr:first-child td{height:31px} .tabcont_table tr:hover{background:none} .tabcont_table tr:last-child td{border-bottom:0} /*만두 선물하기*/ .tabcont.gift{margin-top:2px} .tabcont.gift .cate_group_box{margin-top:15px} .inp.gift_num{width:23px;text-align:right} .inp.nickname{width:210px} .inp.nickname[readonly]{background-color:#f3f3f3} .num_updown{margin-top:7px} .bnt_num_updownbox{margin:0 8px 0 1px} .num_up,.num_down{display:block;width:13px;height:12px} .num_up{background-position:-286px -167px} .num_down{background-position:-286px -181px;margin-top:1px} .smalltxt{color:#999} .recipient{position:relative} .btn_recipient{position:absolute;left:232px;top:0} .btn_search_nickid,.btn_recent_list{height:25px;line-height:23px;border:1px solid #bbb;background:#f3f3f3;color:#333;text-align:center;overflow:hidden}/*211118 폰트 버그 line-height:25px*/ .btn_search_nickid{width:104px;border-left:none} .btn_recent_list{width:81px} .mandu_pop .cate_group .txt.inputbox .inp.nickname{width:188px;padding-right:27px}/*200525 input del버튼 추가*/ /*만두선물 닉네임/ID검색*/ .search_nickid_box,.search_recent_box{width:338px;padding-bottom:18px} .search_nickid_box .inp.nickname{width:194px;height:23px} .report_formbox .search_nickid_box input{padding:0 5px;border:1px #bbb solid} .search_nickid_box .btn_recipient{left:206px} .mandu_pop .cate_group .txt .pop_wrap .recipient{line-height:100%} .search_nickid_box .recipient{width:310px;margin:15px auto 7px} .search_nickid_box .scroll{overflow-y:scroll;width:288px;height:131px;margin:0 auto;border:1px #aaa solid;padding:7px 10px 10px;line-height:20px} .nickid_list li > span{cursor:pointer} /*만두선물 최근내역*/ .search_recent_box .inner{padding:15px 14px 0} .recent_list{width:100%;height:182px;border-bottom:1px #aaa solid} .recent_list th{height:30px;line-height:30px;border-top:1px #aaa solid;border-bottom:1px #aaa solid;vertical-align:middle;text-align:center} .recent_list tr:hover{background:none} .recent_list td{height:25px;line-height:25px;border-top:1px #eee solid;vertical-align:middle;text-align:center } .recent_list td > span{cursor:pointer} /*만두 선물하기*/ .exchange .option_sort.mandu .select_arraybox{width:224px} .exchange .option_sort.mandu .option_box{width:230px} .mandu_count .total_num::before{content:"|";display:inline-block;padding:0 7px 0 1px;color:#ccc;font-size:12px} .exchange .info_txt{padding-top:15px;color:#555;line-height:21px} .exchange .info_txt p::before{content:"";display:inline-block;width:2px;height:2px;background:#555;vertical-align:4px;margin-right:6px} .mandu_pop .exchange .btn_box{padding:17px 0 0 } /*만두 PIN번호 확인*/ .pin_box .pop_info{padding:11px 15px 11px} .btn_pin.btn_blue.smallest{width:61px} .pin_box .inner{padding:16px 14px 19px;text-align:center} .pin_box{width:338px;height:238px} .pin_pw{width:286px;height:21px;padding:0 10px;line-height:25px;color:#555} .pinpw_box{margin-top:7px} .pin_num{width:100%;border-bottom:1px #aaa solid} .pin_num th{height:30px;line-height:30px;border-top:1px #aaa solid;border-bottom:1px #aaa solid;vertical-align:middle;text-align:center} .pin_num td{height:30px;line-height:30px;border-top:1px #aaa solid;vertical-align:middle;text-align:center;color:#333} .pin_box .btn_grey{margin:15px 0 0 } .pin_box .btn_box{padding-top:14px} .pinpw_box .pin_pw{border:1px solid #bbb} /*갤로그 설정*/ .gallog_setting{width:618px} .gallogset_tab{padding:19px 19px 16px} .gallogset_tab > button{width:281px} .gallog_setting .pop_info{padding:11px 14px 8px} .gallog_setting .setting_cont{height:186px;padding:0} .gallog_setting .gallog_bgset .setting_cont{height:191px;padding:0} .set_cont {margin-top:10px} .set_cont:first-child{margin-top:0} .set_cont .inner{margin-top:10px} .set_cont .inner:first-child{margin-top:20px} .gallog_bgset .set_cont .inner:first-child{margin-top:15px} .gallog_setting .set_cont .inner{height:30px} .option_sort.gallog_set .select_arraybox{width:316px;height:28px;line-height:28px;vertical-align:top;background:#fff} .option_sort.gallog_set .select_arraybox .option_box{overflow-y:scroll;width:326px;height:100px;padding:5px 9px 4px} .set_gall_list{overflow:hidden;margin:11px 0 0 129px} .set_gall_list:empty{display:none} .set_gall_list li{float:left;margin-left:25px;line-height:13px;font-size:0;vertical-align:top} .gallog_setting .set_cont{overflow:inherit;padding:0 0 20px} .gallog_setting .gallog_bgset .set_cont{padding:0 0 15px} /*210527*/ .gallog_setting.three{width:600px} .gallog_setting.three .tabcontent{width:562px} .three .gallogset_tab > button{width:33.3%;height:39px} .three .gallogset_tab > button:first-child{width:33.4%} .gallog_setting.three .cont_tit{margin-left:7px;width:114px} .setting_box .sehbox{position:relative;padding-left:120px;} .three .option_sort.gallog_set .select_arraybox{width:342px;margin-top:-7px} .three .option_sort.gallog_set .select_arraybox .option_box{width:352px} .three .sehbox .btn_enroll{right:0;top:-7px} .gallog_setting.three .gallog_blockset .set_cont{padding:0} .gallog_setting.three .set_cont .inner{height:auto} .gallog_setting.three .gallog_blockset .box.seh{;padding-bottom:9px}/*콘텐츠 일부공개시 갤러리 검색 리*/ .gallog_setting.three .tabcontent{overflow-y:inherit} .gallog_setting.three .gallog_blockset .set_gall_list{height:121px;overflow-y:auto;margin:2px 0 0 97px;padding:6px 0 0} .gallog_setting.three .gallog_blockset .set_gall_list li{margin-top:2px;margin-left:24px} .gallog_setting.three .tabcontent, .gallog_setting.three .setting_cont{height:auto} .gallog_setting.three .gallog_bgset{padding-bottom:17px} .gallog_setting.three .selbox{font-size:12px;color:#555;padding-top:1px;line-height:28px;padding-bottom:16px} .gallog_setting.three .set_cont:last-child .selbox{padding-bottom:21px} .gallog_setting.three .selbox .radiobox.small{padding-left:16px;margin-left:12px} .gallog_setting.three .selbox .radiobox.small:first-child{margin-left:0} .gallog_setting.three .tab_menubox.gallogset_tab{padding:19px 19px 15px } .gallog_setting.three .pop_info{padding:11px 14px 9px} .pop_wrap .gallog_setting.three .btn_box{padding:17px 0 16px} .gallog_setting.three .option_sort.gallog_set .select_arraybox .option_box{height:129px} .gallog_setting.three .btn_del{margin-left:12px} .option_sort.gallog_set .select_arraybox .option_box li .icon_mini{vertical-align:-5px} /*211118 폰트 버그 스타일 추가*/ /*//210527*/ .gallog_bgset .set_cont:last-of-type{padding-bottom:0} .gallog_setting .gallog_bgset .set_cont .inner{height:auto} .gallog_setting .cont_tit{width:140px;margin-left:6px} .gallog_setting .gallog_bgset .cont_tit{width:91px;height:50px;line-height:50px} .gallog_setting .gall_name{font-size:12px;color:#555} .gallog_setting .setting_onoff{right:5px;bottom:22px} .scr_settxt{float:left;font-size:12px;color:#555;line-height:30px} .gallog_setting .btn_del{overflow:hidden;height:13px;vertical-align:-2px;margin-left:7px} .set_gallnone{margin-left:103px;font-size:12px;color:#555;line-height:18px;padding-top:30px} .pop_wrap .gallog_setting .btn_box{padding:12px 0 21px} #gallog_config_layer .poply_whiteclose{line-height:0} .gallog_setting .tabcontent{height:243px} .gallog_blockset .btn_enroll{top:0px} .gallog_blockset .set_cont:last-child .inner{margin-top:15px} .gallog_blockset .infotxt{font-size:12px;color:#29367c;margin:11px 0 0 157px} .gallog_blockset .infotxt .tip_deco_blue{margin-right:6px} /*배경설정*/ .up_bgimg{width:174px;height:44px;padding:2px;border:1px #cecdce solid} .up_bgimg img{height:44px;max-width:174px} .gallog_set .int{width:200px;height:30px;line-height:28px;border-color:#ccc;font-size:12px} .gallog_set .int > input{border:none;width:100%;height:24px} .gallog_bgset .gallog_set .int > input{width:60px;color:#555;text-transform:uppercase} .gallog_bgset .gallog_set.bg_color .int > input{padding-left:0} .bg_fileup{position:relative;overflow:hidden} .gallog_set input[type="file"]{position:absolute;left:0;top:0;width:65px;height:50px;opacity:0;filter:alpha(opacity=0);cursor:pointer} .gallog_set .btn_fileup{width:65px;height:50px;line-height:50px;background:#f3f3f3;border:1px #ccc solid;border-width:1px 1px 1px 0px;color:#333;font-weight:bold} .gallog_set .del{height:50px;line-height:50px;font-size:12px;color:#666;text-decoration:underline;margin-left:14px} .gallog_setting .gallog_bgset .setting_onoff{right:5px;bottom:28px} .gallog_bgset .setting_onoff .tit{font-size:12px;color:#555;font-weight:bold;margin-right:4px} .gallog_setting .gallog_bgset .bg_colorbox .cont_tit{height:30px;line-height:30px} .bg_color .deco{vertical-align:-1px} .gallog_set.bg_color .int{width:93px;border-width:1px;padding-right:0}/*200922 아이패드 이슈관련 padding-right 추가*/ .gallog_set.bg_color .int input{font-weight:bold;line-height:30px;vertical-align:0px}/*211118 폰트 버그 vertical-align:-1px*/ .gallog_set.bg_color .int input[type="text" i]{padding:0}/*200922 아이패드 이슈관련 추가*/ .palette{float:left;width:145px;margin-left:8px} .color{float:left;width:14px;height:14px;margin:0px 0 2px 2px} .color > button{width:14px;height:14px;vertical-align:top} .color:first-child > button{border:1px #cecdce solid} .tabcontent.gallog_blockset .icon_mini{font-size:12px;vertical-align:-1px;margin-top:0}/*1207*/ .tabcontent.gallog_blockset .icon_person{vertical-align: top;margin-top: 0}/*240719*/ /*210527프로필 이미지*/ .gallog_bgset.pf .set_cont .inner:first-child{margin-top:25px} .gallog_setting.three .gallog_bgset.pf{padding-bottom:35px} .gallog_setting .gallog_bgset.pf .cont_tit{margin-right:11px} /*갤로그 휴면 회원, 삭제된 갤로그*/ .gallo_connect_msg{width:341px;font-size:14px;color:#29367c;line-height:24px;text-align:center;padding:25px} .pop_wrap .gallo_connect_msg .btn_box{border-top:none;padding:15px 0 0;margin-left:0} .gallog_del .adr{text-decoration:underline} /*달력*/ .calendar_wrap .inner,.autodeltime_set .calendar_wrap .inner{ position:absolute;right:-1px;top:30px;width:266px;border:2px #29367c solid;background:#fff;padding:0 ;font-family:Tahoma;z-index:100 } .cal_topbox{padding-top:20px;text-align:center;font-size:0} .prev_box,.tit_box,.next_box{display:inline-block;font-size:0;line-height:20px;vertical-align:top } .btn_prev_month{margin-left:9px} .btn_next_month{margin-right:9px} .prev_box >button > em,.next_box > button > em{display:block;width:5px;height:9px} .prev_box >button > em.icon_prev_years,.next_box > button > em.icon_next_years{width:9px} .icon_prev_years, .icon_prev_month{background-position:-254px -218px} .icon_next_years{background-position:-265px -218px} .icon_next_month{background-position:-269px -218px} .tit_box > strong{font-size:22px;color:#29367c;margin:0 15px} .calendar_box{table-layout:fixed;width:242px;margin:0px auto 13px;text-align:center;font-size:11px} .calendar_box thead th{font-weight:normal;color:#67666b;text-transform:uppercase;height:inherit;border:none;vertical-align: baseline} .calendar_box thead th:first-child{color:#d31900} .calendar_box tr{} .calendar_box td{vertical-align:top;line-height:18px;border-top:none;padding:0;} .daybox{height:20px;padding-bottom:3px;line-height:18px} .daybox:hover .writing_info{display:block} .day{color:#666} .prevday .day{color:#aaa!important} .today{font-weight:bold} .writing_day button{width:17px;height:18px;background:#3b4890;border-radius:50%;font-family:Tahoma;font-size:11px;color:#fff;vertical-align:top;line-height:18px} .writing_info{display:none;position:relative;;text-align:left;z-index:1} .writing_info .inner{top:-20px;left:31px;width:78px;height:auto;border:1px #29367c solid;background:#fff} .writing_info span{display:block;height:21px;line-height:21px;font-size:0;border-top:1px #29367c solid} .writing_info span:first-child{height:22px;line-height:22px;border-top:0} .writing_info .num,.writing_info .tit{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;font-size:12px;font-weight:normal} .writing_info .tit{display:inline-block;width:30px;padding-left:5px;background:#3b4890;color:#fff} .writing_info .num{display:inline-block;width:38px;padding-right:5px;text-align:right;color:#ed3c24;letter-spacing:-0.03em} /*가입 인증 이메일 변경하기*/ .pop_chang{width:578px;padding-bottom:26px;overflow:visible} .pop_chang .info_txt{padding:12px 22px 0 32px;color:#333;line-height:21px;letter-spacing:-0.025em} .pop_chang .info_txt p::before{content:"";display:inline-block;width:2px;height:2px;background:#333;vertical-align:4px;margin:0 6px 0 -8px} .pop_chang .info_txt p.font_red::before{background:#d31900} .pop_chang .box{width:500px;height:57px;padding:15px 20px;margin:13px auto 0;background:#f3f3f3;color:#555} .pop_chang .btn_box{border-top:none;padding:0;margin:21px 0 0} .pop_chang .btn_box button{margin:0 auto} .pop_chang .code_box{width:100%;padding:0;margin:0} .pop_chang .code_inputbox{width:370px} .pop_chang .code_input{width:298px;font-size:14px} .pop_chang .btn_white.small.btn_recode{margin-left:7px} .pop_chang .email .txt,.pop_chang .code .txt{margin-top:7px} /* 200514 이메일변경 인증추가 */ .pop_chang .mail_code{height:104px;margin-top: 9px} .pop_chang .mail_code .code_infobox{text-align:center} .pop_chang .mail_code .code_infobox p{font-weight:bold;line-height:19px} .pop_chang .mail_code .code_infobox .mail_txt{text-decoration:underline;color:#1d2761;font-weight: normal} .pop_chang .mail_code .code_box{margin-top:10px} /*회원탈퇴*/ .pop_bye{width:748px}/*210913*/ .pop_bye .inner{padding:24px 27px 28px}/*210913*/ .pop_bye .inner b{font-size:14px} .pop_bye .inner b.small{font-size:12px} .pop_bye .btn_box{height:65px;margin:22px 0 0;padding:22px 4px 0px 0;border-style:dashed;;text-align:right;font-size:0}/*210913*/ .pop_bye .checkbox{line-height:13px}/*211118 폰트 버그 스타일 추가*/ .pop_bye .check_inner{margin-bottom:18px;font-size:12px} .pop_bye .btn_box label{font-weight:bold;color:#333;margin-left:5px} .pop_bye .btn_box button{height:31px;line-height:29px;border-width:1px;font-size: 12px;margin-left:10px}/*211118 폰트 버그 line-height:30px;*/ .pop_bye .btn_box .btn_blue{color: #7b83bb;} .pop_bye .btn_box .btn_blue.out_mail{width: auto;padding: 0 16px 0 14px;} .pop_bye .btn_box.checkon .btn_blue{color:#fff} .pop_bye .btn_yeongreen, .pop_bye .btn_yeonblue{width:178px} /*.login_wrap .pop_bye .tip_deco_dot{margin-left:0}220609*/ /*210913*/ .login_wrap .pop_bye .info_txt{margin:2px 6px 0;word-break:keep-all} .login_wrap .pop_bye .info_txt:first-child{margin-top:0px} .pop_bye .info_txt p{line-height:22px} .pop_bye .tip_deco_dot.red.big{margin-left:-9px;vertical-align:5px;margin-right:8px} .pop_bye .info_txt.pit p{margin-left:8px;line-height:23px} .pop_bye .tip_deco_dot{margin-right:7px} .login_wrap .pop_content.pop_bye .pit + .info_txt{padding-left:6px;margin-left:8px} /*210913*/ /*업로드*/ .fileup_name{float:left} .fileup_btn_box{position:relative;float:left;margin-left:-1px;cursor:pointer} .fileup_btn{display:block;cursor:pointer;text-align:center} .fileup_hidden{position:absolute;left:0;top:0;filter:alpha(opacity=0);opacity:0;cursor:pointer} .fileup_hidden::-webkit-file-upload-button {cursor:pointer} .pop_wrap.file{position:relative;width:606px} .report_wrap .pop_wrap.file{left:0;top:-259px} .pop_wrap.file .pop_head h2{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif} .pop_wrap .btn_apply{width:85px;height:31px;margin:0 auto;line-height:29px;border:1px solid #29367c; border-radius:2px;background:#3b4890;font-size:12px;color:#fff;font-weight:bold;text-shadow: 0px -1px #1d2761;overflow:hidden}/*211118 폰트 버그 line-height:31px */ .pop_wrap .btn_cancle{width:85px;height:31px;margin:0 auto;line-height:29px;border:1px solid #444; border-radius:2px;background:#666;font-size:12px;color:#fff;font-weight:bold;text-shadow: 0px -1px #474747;overflow:hidden}/*211118 폰트 버그 line-height:31px */ .add_area{position:relative;height:52px;line-height:52px;padding:0 13px;background:#f3f3f3} .file_add{position:absolute;left:13px;top:11px;width:102px;height:31px;filter:alpha(opacity=0);opacity:0} .file .file_add{width:110px;cursor:pointer} .file .file_add::-webkit-file-upload-button {cursor:pointer} .btn_add{padding:0 16px 0 12px;height:31px;line-height:29px;border:1px solid #ccc;border-radius:2px;background:#fff; font-size:12px;color:#333;font-weight:bold}/*211118 폰트 버그 line-height:31px*/ .icon_add{display:inline-block;width:10px;height:10px;margin-right:5px;background-position:-58px -0px} /*이미지 업로드*/ .info_box{text-align:center} .info_img{padding:31px 0 37px;font-size:14px;color:#555} .info_txt{padding-top:74px} .img_upcont .info_txt{padding-bottom:87px} .upload_bgimg{display:block;width:139px;height:116px;margin:0 auto 17px;background-position:0 0} .img_upcont{width:606px;/*height:243px*/;font-size:14px;color:#555} .img_upcont strong{display:block;;margin-bottom:4px;font-size:16px} .img_upcont p{margin-top:8px} .img_upcont .info_txt p{margin-top:13px;text-decoration:underline} .img_uplist{position:relative;overflow-y:scroll;width:606px;height:242px;background:#fff;margin-bottom:1px} .img_uplist:after{clear:both;display:block;visibility:hidden;content:""} .img_uplist li{position:relative;float:left;width:116.7px;height:120px;background:#eee;border-left:1px solid #fff;border-top:1px solid #fff} .img_uplist li img{display:block;width:116.7px;height:120px} .img_uplist li button{position:absolute;right:0;top:0;display:none;z-index:2} .img_uplist li:hover button{display:block} .img_uplist li:hover button .icon_imgup_del{display:inline-block;width:15px;height:15px;background-position:-102px -162px} /*211102 서명*/ .wtmk_guide{position:absolute;padding:16px 24px 0;font-size:0;box-sizing:border-box} .wtmk_guide .post_guide{width:319px;padding:0 14px 14px 15px} .wtmk_guide .pop_wrap .pop_head.dashed{height:37px;line-height:40px} .wtmk_guide .post_guide .guide_txtbox{margin-top:11px;letter-spacing:-0.025em} .icon_qmark{display:inline-block;width:14px;height:13px;background-position:-203px -29px} .wtmk_guide label{color:#555;font-size:12px;margin:0 4px 0;letter-spacing:-0.05em} .pop_wrap .wtmk_guide + .btn_box{padding:22px 0 21px} .pop_wrap.file .post_guide .pop_head,.darkmode .pop_wrap.file .post_guide .pop_head {background:none;padding:0} /*//211102 서명*/ /*파일 업로드*/ .pop_wrap.file.local{width:858px} .file_upcont{padding:21px 20px 17px} .file_upbox{height:109px;padding:13px 16px 16px;margin-bottom:13px;border:1px solid #cecdce} .file_upbox li span{display:inline-block;max-width:505px;color:#555;vertical-align:top;line-height:22px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:12px} .file_upbox li .btn_del{margin-top:4px} .file_txtinfo{font-size:12px;color:#555} .file_txtinfo.bg{padding:15px 14px 13px;background:#f3f3f3} .file_txtinfo p{line-height:18px;margin-top:0} .file_txtinfo p em{padding-left:10px} .file_txtinfo p::before{content:'';display:inline-block;width:10px;height:11px;max-height:26px;background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png)no-repeat -297px -19px}/*churl*/ .pop_wrap.file .file_upcont.content_box{border:none} /*동영상 업로드*/ .video .file_upcont{padding:19px 20px 17px} .video_box{height:179px;padding:13px 16px 16px;margin-bottom:15px;border:1px solid #cecdce} .file_txtinfo p.deco{margin-left:10px}/*211118 추가*/ .file_txtinfo p.deco::before{position:absolute;left:14px;margin-top:2px}/*211118 추가*/ /*위치*/ .local_wrap{position:relative;overflow:hidden;height:465px} .local_search{float:left;width:238px;height:100%;border-right:1px solid #cecdce;background:#f3f3f3} .local_search .top_search{width:237px;height:39px;border:1px solid #cecdce;background:#cecdce} .pop_wrap .local_search .inner_search{width:195px;margin:3px 0 0 3px} .pop_wrap .local_search .in_keyword{width:177px;height:33px} .pop_wrap .local_search .bnt_search{width:39px;height:40px;background-position:0 -144px} .map_box{float:right;width:619px;height:465px} /*유튜브 등록*/ .youtube_search{height:41px;padding:11px 14px 0 13px;background:#f3f3f3} .youtube_search .inner{overflow:hidden;height:28px;border:1px solid #ccc} .pop_wrap.file.youtube .in_keyword{float:left;width:495px;height:28px;background:#fff} .bnt_ytube_up{float:right;width:64px;height:28px;line-height:28px;font-size:12px;color:#333;background:#f3f3f3;border-left:1px solid #ccc} /*.ytube_box{height:413px}*/ .empty_ytube{padding-top:178px;font-size:14px;color:#555;line-height:20px;font-weight:bold;text-align:center} .empty_ytube.font_red{color:#d31900} .pop_wrap.file.youtube{position:relative;width:606px} .pop_wrap.file.youtube .tit{padding-left:20px; height:34px;line-height:34px; background-color:#404040; color:#fff; font-family:'Malgun Gothic','맑은고딕', dotum,'돋움';font-size:12px} .pop_wrap.file.youtube .btm-area{height:413px;overflow-y:auto} .pop_wrap.file.youtube .ipt_box {background-color:#e9e9e9; border-bottom:1px solid #d3d3d3; padding:19px 16px 17px} .pop_wrap.file.youtube .ipt_box .inner{overflow:hidden; position:relative;height:28px; border:1px solid #b5b5b7; border-radius:3px; background:#fff; box-shadow: 0 0 0 rgba(218,219,219,0.1), inset 1px 1px 2px rgba(218,219,219,0.5);-webkit-box-shadow: 0 0 0 rgba(218,219,219,0.1), inset 1px 1px 2px rgba(218,219,219,0.5); -moz-box-shadow: 0 0 0 rgba(218,219,219,0.1),inset 1px 1px 2px rgba(218,219,219,0.5)} .pop_wrap.file.youtube .ipt_box input { width:480px;border:none;margin:7px 0 0 10px; font-size:12px; font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif; outline:0} .pop_wrap.file.youtube .btn_search {display:inline-block;overflow: hidden;position:absolute;top:0;right:0;width:50px;height:30px; background:#e9e8e8;border:none;border-left:1px solid #bebebe;line-height:24px;font-weight:bold;color:#555;text-align:center; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d5d6d8));background: linear-gradient(to bottom, #fff, #d5d6d8); color: #515151;-webkit-box-shadow: 0 1px 0 #fff} .pop_wrap.file.youtube .btn_search span {font-size:12px;font-weight:bold;font-weight: bold;color: #515151;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif; text-shadow: 1px 1px 0 rgba(255,255,255,1);-webkit-text-shadow: 1px 1px 0 rgba(255,255,255,1)} .pop_wrap.file.youtube .notice {margin-top:296px; text-align:center; font-size:14px; line-height:1.5; color:#555; font-weight:bold} .pop_wrap.file.youtube .notice strong{color:#d60000; font-weight:bold} .pop_wrap.file.youtube .btm-box{border-top:1px solid #d3d3d3; background:#e9e9e9;width:100%; height:50px; font-size:0; line-height:0} .pop_wrap.file.youtube .btm-box.fix{position:absolute; bottom:0; left:0} .pop_wrap.file.youtube .btm-box .btn-alg-right{text-align:right; padding:12px 16px} .pop_wrap.file.youtube .btm-box .btn-close{display:inline-block; padding:0 12px;height:23px;line-height:23px; font-size: 12px;font-weight: bold;border-bottom: 0;background: #e9e8e8;border: 1px solid #bebebe;cursor: pointer; border-radius: 3px;background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d5d6d8));background: linear-gradient(to bottom, #fff, #d5d6d8); color:#666;text-shadow: 1px 1px 0 rgba(255,255,255,1);-webkit-text-shadow: 1px 1px 0 rgba(255,255,255,1);text-align:center} .pop_wrap.file.youtube .youtube_lst > li{padding:0 16px;margin:16px 0;font-family:'Malgun Gothic','맑은고딕';color:#767676; overflow:hidden} .pop_wrap.file.youtube .youtube_lst .yt_dc_thumb{height:112px; width:200px; float:left; margin-right: 10px} .pop_wrap.file.youtube .youtube_lst .yt_dc_thumb img{display:block; width:100%} .pop_wrap.file.youtube .youtube_lst .yt-dc-content .yt-dc-title{color:#3b4890; font-size:17px; line-height:1.3; font-weight:normal} .pop_wrap.file.youtube .youtube_lst .yt-dc-content .yt-dc-byline{margin-top:5px} .pop_wrap.file.youtube .youtube_lst .yt-dc-content .yt-dc-byline{font-size:12px; line-height:1.2; color:#767676} .pop_wrap.file.youtube .youtube_lst .yt-dc-content .yt-dc-meta{margin-top:5px} .pop_wrap.file.youtube .youtube_lst .yt-dc-content .yt-dc-description{margin-top:5px} /*로딩바*/ .loding_box{width:300px;max-height:177px;padding:29px 48px 29px} .state_txt{display:block;padding-bottom:13px;font-size:16px;color:#29367c;text-align:center} .loding_progress{width:100%;height:6px;margin:9px 0 4px;border-top:1px solid #b0b0b0;border-radius:50px;background:#cfcfcf} .loding_bar{overflow:hidden;max-width:100%;height:7px;margin-top:-1px;border:1px solid #29367c;border-radius:50px;background:#3b4890;box-sizing:border-box} .loding_bar.file_caunt_bar{background:#29367c} .loding_caunt,.loding_name{font-family:Tahoma;font-size:12px;color:#555} .loding_name{overflow:hidden;width:88%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap} .pop_wrap .loding_box .btn_box{border-top:0;padding:21px 0 0} .loding_box .btn_grey.small{width:110px;margin-left:0} /*외부컨텐츠 삽입*/ .pop_wrap.file.ext_upload{width:448px} .ext_upload .inner{padding:0 20px} .ext_upload .file_txtinfo.bg{padding:14px 20px 13px;color:#333} .ext_upload .file_txtinfo.bg p::before{display:none} .upload_selbox{margin-top:14px} .upload_selbox .radiobox.small{font-size:0;padding-left:16px;margin-left:20px} .upload_selbox .radiobox.small:first-child{margin-left:0} .upload_selbox .radiobox.small label{font-size:12px;font-weight:bold;color:#555} .sauce_inbox{margin:5px 0 9px} .sauce_inbox textarea{width:388px;height:49px;padding:9px;border:1px #bbb solid;color:#333} .unselected .file_txtinfo p {opacity:0.5} .unselected .sauce_inbox textarea{background:#f3f3f3;outline:none} .uplink_inbox{margin-top:14px;padding-top:21px;border-top:1px #aaa dashed} .uplink_inbox input{width:388px;height:23px ;padding:0 9px;border:1px #bbb solid;background:#fff} .uplink_inbox.unselected input{background:#f3f3f3} .ext_upload .btn_box{margin-top:25px} .ext_upload textarea::-webkit-input-placeholder{color:#aaa} .ext_upload textarea:-moz-placeholder{color:#aaa} .ext_upload textarea::-moz-placeholder {color:#aaa} .ext_upload textarea:-ms-input-placeholder{color:#aaa} /*241022 에디터 변경 관련 추가 (.ext_upload -> .upload) */ .pop_wrap.upload{width:480px}/*250113 팝업창 사이즈 문제로 가로값 수정*/ .upload .inner{padding: 0 55px}/*250113 팝업창 사이즈 문제로 가로값 수정*/ .upload .tit{color: #333;margin-top: 16px} .upload .uplink_inbox{border: 0;padding: 0;margin-top: 10px} .upload .uplink_inbox input{width: 100%;height: 25px;line-height: 25px} .upload .uplink_inbox input:focus{outline:none} .upload .btn_box{border: 0;padding-top: 18px} /*저작권법 내용보기, 게시물 활용안내, 힛갤 경품 내용 상세*/ .copyright_law,.post_guide{width:414px;padding:0 12px 16px 14px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;font-size:12px;color:#555} .copyright_law .guide_txtbox,.post_guide .guide_txtbox{margin-top:13px;line-height:20px} .write_infobox .copyright_law p::before,.write_infobox .post_guide p::before{display:none} .pop_content.whittip{padding:12px 22px 10px 15px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;font-size:12px;color:#555;line-height:20px} .poply_close.whittip_b{top:11px;right:11px} /*승격 갤러리 매니저 운영정보*/ .pop_content.upgall_mng_info{width:608px} .pop_content.upgall_mng_info .inner{padding:18px 15px 22px;color:#333;line-height:20px} .upgall_mng_info .box{margin-bottom:15px} .upgall_mng_info .box:first-child{margin-bottom:9px} .upgall_mng_info .box:last-child{margin-bottom:0} .mns_state{height:25px;line-height:25px} .upgall_examine_ingbox{margin-bottom:9px;padding:12px 17px 11px;border:1px #bbb solid;line-height:22px;color:#29367c} .upgall_examine_ingbox a{color:#666} .upgall_examine_ingbox span.txtcut{display:inline-block;max-width:156px;vertical-align:top;max-width:100px} .upgall_examine_ingbox span.txtcut:first-child{max-width:156px;margin-right:2px} .upgall_mng_infotxt{background:#f3f3f3;padding:15px 18px 19px;;color:#666} .upgall_mng_infotxt .infotxt_box p{margin-top:5px} .upgall_mng_infotxt .infotxt_box:first-child p:first-child{margin-top:0} .pop_submng_list{position:relative} .pop_submng_list .lists{margin-bottom:7px} .pop_submng_list .lists strong{float:left} .pop_submng_list .lists .mng_nick{display:block;width:50%;float:left} .pop_submng_list .lists .mng_nick.absence{position:absolute;top:0;left:52px} .pop_submng_list .lists .mng_nick.absence > b{color:#333} .upgall_explain{border-top:1px #abaaab dashed;margin-top:15px;padding-top:14px;color:#666} .make_day{clear:both} .pop_content.upgall_mng_info .inner .reason{margin-bottom:12px;color:#666} .upgall_mng_info .mns_state_txt{line-height:33px} /*매니저 위임 신청*/ .pop_content.upgall_mng_apply{width:578px;color:#555} .pop_content.upgall_mng_apply .inner{padding:18px 15px 27px} .apply_textarea{padding-top:10px;margin-bottom:12px} .apply_textarea textarea{width:522px;height:66px;line-height:20px;padding:11px;border:1px #bbb solid;color:#555} .apply_textarea .txt_num{display:block;float:right;margin-top:6px} .pop_content.upgall_mng_apply .upgall_mng_infotxt{padding:12px 13px 11px;line-height:18px} .pop_content.upgall_mng_apply .btn_box{border-top:none;padding:21px 0 0} .pop_content.upgall_mng_apply .btn_box button:first-child{margin-left:0} .apply_textarea textarea::-webkit-input-placeholder{color:#999} .apply_textarea textarea::-moz-placeholder{color:#999} .apply_textarea textarea::-moz-placeholder {color:#999} .apply_textarea textarea:-ms-input-placeholder{color:#999} /*회원 글 삭제 로봇*/ .empty_pagewrap{width:400px;margin:125px auto 125px} .empty_pagewrap .pop_wrap{position:static} /*로봇*/ .pop_content.robot{min-width:300px;font-size:14px;color:#29367c;line-height:24px;text-align:center;padding:25px} .pop_wrap .robot .btn_box{border-top:none;padding:15px 0 0;margin-left:0} .robot_framebox{width:302px;margin:25px auto 0;line-height:100%} /*동영상 캐스트 업로드*/ .pop_wrap.file.moviecast{width:530px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;color:#555} .file.moviecast .content_box .inner{display:table;text-align:center;width:100%} .pop_wrap.file.moviecast .inr{display:table-cell;vertical-align:middle;height:311px;padding:0 40px} .mvcast_upbg{width:131px;height:130px;margin:0 auto;background-position:0 -681px } .file.moviecast .basicstxt{margin:17px 0 28px;font-size:14px;color:#555;font-weight:bold} .file.moviecast .loding_box{height:26px;padding:0;margin:0 auto 15px;text-align:left } .file.moviecast .loding_progress{margin:33px 0 4px} .file.moviecast .statustxt{color:#29367c;font-size:16px;font-weight:bold} .file.moviecast .mvsetbox{padding:18px 0 27px} .file.moviecast .mvsetbox .thum_img{position:relative;width:180px;height:120px;margin:0 auto;background:#bbb} .file.moviecast .mvsetbox .thum_img img{display:block;width:180px;height:120px;line-height:0} .file.moviecast .mvsetbox .thum_img::after{content:"";display:block;position:absolute;left:0;top:0;width:178px;height:118px;border:1px #bbb solid} .file.moviecast .setting{text-align:left} .file.moviecast .setting .group {margin-top:5px} .file.moviecast .setting .group:first-child{margin-top:14px} .file.moviecast .setting .tit{width:118px;height:30px;line-height:30px;color:#333} .file.moviecast .setting .inbox{width:297px;border:1px #bbb solid;} .file.moviecast .setting .inbox input{width:240px;height:28px;padding:0 0 0 8px;line-height:28px;border:none;color:#555} .file.moviecast .setting .inbox .max_txt{line-height:28px;margin-right:8px} .file.moviecast .setting .inbox textarea{width:281px;height:57px;border:none;padding:8px;color:#555} .file.moviecast .setting .group .select_arraybox{position:relative;width:173px;height:28px;padding-left:8px;margin-left:0;border-color:#bbb;color:#555} .file.moviecast .setting .group .select_arraybox .select_area{height:28px;line-height:30px;font-size:12px} .file.moviecast .setting .group .select_arraybox .placeholder{color:#999;} .file.moviecast .setting .group .select_arraybox .icon_option_more{top:12px;right:9px} .file.moviecast .setting .group .option_box{overflow-y:auto;background:#fff;border-color:#bbb;box-sizing:content-box;padding:6px 0 4px;left:-1px;top:28px} .file.moviecast .setting .group .option_box li{padding:0 8px;font-size:12px;line-height:20px} .file.moviecast .setting .group.set_category .option_box{max-height:99px} .file.moviecast .setting .group.setopen .option_box{max-height:60px} .file.moviecast .setting .btn_box{border:none;padding:21px 0 0;font-size:0} .file.moviecast .content_box .inner button.small{width:auto;padding:0 22px;margin-left:0} .file.moviecast .content_box .inner .setting button.small{padding:0 28px;margin-left:6px} .file.moviecast .content_box .inner .setting button:first-child{margin-left:0} .file.moviecast .setting .inbox textarea::-webkit-input-placeholder, .setting .inbox input::-webkit-input-placeholder{color:#999} .file.moviecast .setting .inbox textarea:-moz-placeholder, .setting .inbox input:-moz-placeholder{color:#999} .file.moviecast .setting .inbox textarea::-moz-placeholder, .setting .inbox input::-moz-placeholder {color:#999} .file.moviecast .setting .inbox textarea:-ms-input-placeholder, .setting .inbox input:-ms-input-placeholder{color:#999} /*로딩 gif*/ .gif_loading{;display:block;margin:33px 0 4px;text-align:center} .gif_loading img{position:relative;top:-6px} /* 210903 추가*/ .loading-box{display:block;width:100%!important;height:100%!important;text-align:center;font-size:0;white-space:nowrap;position:absolute;top:0;left:0;overflow:hidden;-webkit-overflow-scrolling:touch;box-sizing:border-box;z-index:2} .loading-box .dc-spinner{box-sizing:border-box;display:inline-block;vertical-align:middle;text-align:left;position:relative;z-index:20001} .loading-box::after{content:'';display:inline-block;width:0;height:100%;vertical-align:middle} .dc-spinner{display:block;position:relative;width:32px;height:32px;margin:0 auto} .dc-spinner span{display:block;transform-origin:16px 16px;animation:dc-spinner 1.8s linear infinite} .dc-spinner span:after{content:" ";display:block;position:absolute;top:2px;left:14px;width:3px;height:7px;border-radius:16px;background:#8c8a8c} .dc-spinner span:nth-child(1){transform:rotate(0deg);animation-delay:-1.65s} .dc-spinner span:nth-child(2){transform:rotate(30deg);animation-delay:-1.5s} .dc-spinner span:nth-child(3){transform:rotate(60deg);animation-delay:-1.35s} .dc-spinner span:nth-child(4){transform:rotate(90deg);animation-delay:-1.2s} .dc-spinner span:nth-child(5){transform:rotate(120deg);animation-delay:-1.05s} .dc-spinner span:nth-child(6){transform:rotate(150deg);animation-delay:-0.9s} .dc-spinner span:nth-child(7){transform:rotate(180deg);animation-delay:-0.75s} .dc-spinner span:nth-child(8){transform:rotate(210deg);animation-delay:-0.6s} .dc-spinner span:nth-child(9){transform:rotate(240deg);animation-delay:-0.45s} .dc-spinner span:nth-child(10){transform:rotate(270deg);animation-delay:-0.3s} .dc-spinner span:nth-child(11){transform:rotate(300deg);animation-delay:-0.15s} .dc-spinner span:nth-child(12){transform:rotate(330deg);animation-delay:0s} @keyframes dc-spinner{ 0%{opacity:1} 100%{opacity:0} } /**************************************************************************************s미니갤******************************************************************************************************/ /*미니 갤러리 전체보기 레이어*/ .lightpurple .allgall_search{background:#6f6dd9;border-color:#4f4dc6} .lightpurple .allgall_sch_cont .right_cont{border-left-color:#4f4dc6} .pop_wrap.lightpurple .allgall_search .bnt_search{background-position:-146px -805px} .pop_wrap.lightpurple .result_tit,.pop_wrap.lightpurple .category_solt_area li.on a{color:#4f4dc6} .pop_wrap.lightpurple .auto_wordwrap{border-color:#4f4dc6} .pop_wrap.lightpurple .word_close{background:#6f6dd9} /*미니 갤러리 달력*/ .calendar_wrap.type1{position:absolute} .calendar_wrap.type1 .inner{border-color:#0039bc} .calendar_wrap.type1 .calendar_box{width:244px;margin:0 auto 18px;font-size:12px} .calendar_wrap.type1 .cal_topbox{margin-bottom:12px;padding-top:18px} .calendar_wrap.type1 thead th{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif} .calendar_wrap.type1 tr:hover{background:none} .calendar_wrap .day_sel{display:inline-block;} .calendar_wrap .select_arraybox,.pop_content .calendar_wrap .select_arraybox,.vote_content .timeset .calendar_wrap .select_arraybox{ position:relative;width:40px;height:25px;padding:0 23px 0 10px;line-height:27px;background:#f3f3f3;border:1px #c4c4c4 solid; text-align:center;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;margin:0 14px 0 4px } .calendar_wrap.type1 .select_arraybox:first-child{margin:0 0 0 14px} .calendar_wrap .select_arraybox.month,.pop_content .calendar_wrap .select_arraybox.month,.vote_content .timeset .calendar_wrap .select_arraybox.month{width:20px} .calendar_wrap .select_arraybox .option_box li{font-size:14px;line-height:20px} .calendar_wrap .select_arraybox.year .option_box{overflow-y:auto;width:75px;max-height:152px} .calendar_wrap .select_arraybox.month .option_box{overflow-y:auto;width:55px;max-height:152px} .calendar_wrap.type1 .select_arraybox .icon_option_more{right:-15px;top:11px} .calendar_wrap.type1 .tit_box > strong{color:#4f4dc6;margin:0 14px}/*200820 클릭영역 수정으로 margin값수정*/ .calendar_wrap.type1 .prev_box, .calendar_wrap.type1 .next_box, .calendar_wrap.type1 .tit_box > strong{line-height:27px} .calendar_wrap.type1 .btn_prev_month, .calendar_wrap.type1 .btn_next_month{padding:9px 10px 10px}/*200820 클릭영역관련 추가*/ .calendar_wrap.type1 .daybox{width:18px;height:18px;padding:0 9px;line-height:18px;margin-top:5px} .calendar_wrap.type1 tr:first-child .daybox{margin-top:8px} .daybox.sel{background:#e5dfed} .calendar_wrap.type1 .daybox.sel.start .day, .calendar_wrap.type1 .daybox.sel.end .day{background:#4f4dc6;border-radius:50px} .calendar_wrap.type1 td:last-child .daybox.start,.calendar_wrap.type1 td:first-child .daybox.end, .calendar_wrap.type1 td.last_day .daybox.sel.start,.calendar_wrap.type1 td.first_day .daybox.sel.end{background:none} .calendar_wrap.type1 .daybox.sel.start,.calendar_wrap.type1 tr td:first-child .daybox.sel{padding-left:0;margin-left:9px} .calendar_wrap.type1 .daybox.sel.end, .calendar_wrap.type1 tr td:last-child .daybox.sel{padding-right:0;border-radius:0 50px 50px 0} .calendar_wrap.type1 tr td:first-child .daybox.sel,.calendar_wrap.type1 .daybox.sel.start{border-radius:50px 0 0 50px} .calendar_wrap.type1 .day{display:inline-block;width:17px;height:18px;font-family:Tahoma;font-size:11px} .calendar_wrap.type1 tr td:first-child .day{color:#d31900} .calendar_wrap.type1 tr td .daybox.sel .day{color:#4f4dc6} .calendar_wrap.type1 .daybox.sel.start .day,.calendar_wrap.type1 .daybox.sel.end .day,.calendar_wrap.type1 tr td:first-child .daybox.sel.start .day{color:#fff} /*220308 투표 달력*/ .vote_wrap .calendar_wrap.type1 .inner, .calendar_wrap.type1.blue .inner{border-color:#29367c}/*20221018 클래스 추가*/ .vote_wrap .calendar_wrap.type1 .tit_box > strong, .vote_wrap .calendar_wrap.type1 tr td .daybox.sel .day, .calendar_wrap.type1.blue .tit_box > strong, .calendar_wrap.type1.blue tr td .daybox.sel .day/*20221018 클래스 추가*/ {color:#29367c} .vote_wrap .calendar_wrap.type1 .daybox.sel.start .day, .vote_wrap .calendar_wrap.type1 .daybox.sel.end .day, .calendar_wrap.type1.blue .daybox.sel.start .day, .calendar_wrap.type1.blue .daybox.sel.end .day {background:#29367c} .vote_wrap .calendar_wrap.type1 .daybox.sel.start .day, .vote_wrap .calendar_wrap.type1 .daybox.sel.end .day, .vote_wrap .calendar_wrap.type1 tr td:first-child .daybox.sel.start .day, .calendar_wrap.type1.blue .daybox.sel.start .day, .calendar_wrap.type1.blue .daybox.sel.end .day, .calendar_wrap.type1.blue tr td:first-child .daybox.sel.start .day {color:#fff} .vote_wrap .daybox.sel, .calendar_wrap.type1.blue .daybox.sel{background:#e9eaf1} .calendar_wrap.type1.blue .daybox.sel.single{background:none!important} .calendar_wrap.type1.blue .daybox.sel.single .day{background:#29367c;color:#fff;border-radius:50px} /*//220308 투표 달력*/ /*미니갤러리 이용자 차단 / 240104 점선 테투리 여백 추가*/ .pop_wrap.type3.lightpurple .popmini.minor_block .pop_head{height: 35px}/*240104 추가*/ .popmini.minor_block .inner{padding:0 0 15px} .minor_block.popmini .inner.direct{min-height:130px} .minor_block.popmini .inner.direct.out{min-height:272px;} /* .popmini.minor_block .block_sel{padding:15px 16px 0;margin-top:15px} .popmini.minor_block .block_sel:first-child{margin-top:0} .popmini.minor_block .block_sel.reason{padding:14px 16px 0;margin-top:11px} */ .popmini.minor_block .block_sel{padding: 15px 0 0;margin: 15px 16px 0} .popmini.minor_block .block_sel:first-child{margin-top:0} .popmini.minor_block .block_sel.reason{padding: 14px 0 0;margin: 11px 16px 0} .minor_block.popmini .set_cont{padding:16px 16px 0} .popmini.minor_block .direct .set_cont .intxt{width:309px;} .popmini.minor_block .direct .set_cont .btn_enroll{right:16px;top:16px} .popmini.minor_block .inner.direct > div:first-child{border:none} .popmini.minor_block .direct .list ul{overflow-y:auto;height:110px;margin:17px 0 0 1px;text-align:left} .popmini.minor_block .direct .list ul li{margin-top:8px} .popmini.minor_block .direct .list ul li:first-child{margin-top:0} .popmini.minor_block .direct .list ul li .checkbox{padding-left:20px} .direct_infotxt{padding-top:16px;text-align:center;color:#999} .minor_block.popmini .inner .direct_infotxt{height:156px;line-height:137px} .minor_block.popmini .inner.direct.out .direct_infotxt{height:257px;line-height:230px;} .popmini.minor_block .btn_lightpurple{width:auto;padding:0 15px} .popmini.minor_block .btn_blue{width:auto;padding:0 15px} .popmini.minor_block .block_sel.chk_del .checkbox{height:14px;vertical-align:top}/*211118 폰트 버그 line-height:14px 삭제*/ .popmini.minor_block .block_sel.chk_del .checkbox + .checkbox{margin-left: 6px}/*240216 추가*/ .popmini.minor_block .block_sel.chk_del .checkbox label, .quick.minor_block .block_sel.chk_del .checkbox label{margin-left:5px} .bottom_paging_box .chk_del span,.bottom_paging_box .chk_del em{ margin-left:0;font-weight:normal;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;font-size:12px } /************************************************************** 241112 퀵차단 ***********************************************************************/ .minor_block.quick{width: 438px;letter-spacing: -0.025em} .minor_block.quick .block_sel .radiobox{white-space: nowrap;padding-left: 19px} .minor_block.quick .reason_input_box{ display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex; -webkit-box-align: center;-moz-align-items: center;-ms-flex-align: center;align-items: center } .minor_block.quick .reason_input_box .reason_input{width: 100%;margin-left: 6px} .minor_block.quick .btn_box{margin: 0 16px 17px;text-align: left;white-space: nowrap;font-size: 0;line-height: normal;position: relative;padding: 0} .minor_uadmin_top .minor_block.quick .btn_box{margin-top: 5px} .minor_block.quick .btn_box > button{width: 70px} .minor_block.quick .btn_box .pop_tipbox{top: -48px;right: -10px} .minor_block.quick .btn_box .pop_tipbox::after{top: initial;bottom: -8px;left: 113px} .minor_block.quick .btn_box .pop_tipbox .inner{height: auto;padding: 6px 15px;text-align: center} .minor_block.quick .btn_box .pop_tipbox .inner .txt{line-height: 1.4} .quick_block{width: calc(100% - 80px);text-align: right;position: absolute;top: 50%;right: 0;transform: translateY(-50%)} .quick_block .icon_quick{display: inline-block;width: 8px;height: 12px;background-position: -125px -1197px;margin-right: 2px;vertical-align: middle} .quick_block .txt{font-size: 12px;font-weight: bold;vertical-align: middle;margin-right: -1px} .quick_block .btn_set{display: inline-block;width: 14px;height: 14px;background-position: -139px -1197px;margin-left: 4px;outline: 0} .quick_block_inr{display: inline-block} .quick_block_inr button{color: #333;max-width: 95px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;letter-spacing: -0.025em} .quick_block_inr button:hover{text-decoration: underline} .quick_block_inr button:only-of-type{max-width: 175px} .quick_block_inr button + button{margin-left: 10px} .quick_block_inr .day{color: #333;margin-right: 1px} /*설정 레이어*/ .quick_block_ly{width: 374px;padding: 0 16px;box-sizing: border-box;letter-spacing: -0.025em;overflow: visible} .quick_block_ly + .btn_tipclose{top: 10px} .quick_block_ly .pop_head{line-height: 50px;font-size: 14px} .quick_block_ly .pop_head .inner_txt{font-size: 12px;color: #999} .quick_block_ly .block + .block{margin-top: 18px} .quick_block_ly .block_inr{font-size: 0} .quick_block_ly .block_inr + .block_inr{margin-top: 10px} .quick_block_ly .block_inr .select_box{width: 90px;height: 26px;line-height: 25px;margin: 0;font-size: 12px;vertical-align: top;box-sizing: border-box;padding-left: 8px} .quick_block_ly .block_inr .icon_option_more{top: 50%;right: 8px;transform: translateY(-50%)} .quick_block_ly .block_inr .option_box{width: calc(100% + 2px);padding: 4px 8px} .quick_block_ly .block_inr .option_box li{font-size: 12px;line-height: 20px} .quick_block_ly .block_inr input{width: calc(100% - 90px);height: 26px;vertical-align: top;font-size: 12px;color #333;letter-spacing: -0.025em;border: 1px solid #ccc;border-left-width: 0;outline: 0;padding: 0 8px;box-sizing: border-box} .quick_block_ly .block_inr input::placeholder{color: #999} .quick_block_ly .block_inr .checkbox + .checkbox{margin-left: 10px} .quick_block_ly .block_inr .checkbox label{font-size: 12px;margin-left: 5px} .quick_block_ly .btn_box{border: 0;padding: 12px 0 24px} .quick_block_ly .btn_box button{width: 70px} .miniwrap .quick_block_ly .btn_box button{background:#6f6dd9;color:#fff;border-color:#4f4dc6} .miniwrap .quick_block_ly .btn_box button.btn_grey{background:#666;border-color:#444;text-shadow: 0px -1px #474747;color:#fff}/*250325미니랩 btn_box 내 버튼 일괄 스타일 준것 대응 */ /*241121 퀵차단 틀어짐 수정*/ .bottom_paging_box .quick_block_ly .block_inr span, .bottom_paging_box .quick_block_ly .block_inr em, .bottom_paging_box .quick_block_ly span, .bottom_paging_box .type4 .btn_tipclose em {font-size:12px;margin-left:0;font-weight:normal} .minor_block.quick, .quick_block_ly{line-height:22px} .minor_uadmin_setting .minor_block.quick, .minor_uadmin_setting .quick_block_ly{line-height:normal} .quick_block_ly .pop_head .inner_txt, .quick_block_ly .block_inr .checkbox label{letter-spacing:-0.025em} .pop_wrap.type3 .type4.quick_block_lyr .pop_head{padding:0;height:51px;border-bottom:0;line-height:50px;font-size:14px}/*리스트 인물 인맥->인맥 편집*/ /*//241121 퀵차단 틀어짐 수정*/ /*************************************************************************** //241112 퀵차단 ***********************************************************************/ /*********************************************************************250311 차단 개선*********************************************************************/ .extend .quick_block{position:relative;;transform:none;width:auto} .extend .btn_box .quick_block{margin-left:15px} .block_sel.chk_del .area{position:relative} .extend .quick_block button.txt{margin:5px 0 0;font-weight:normal;text-decoration:underline;color:#333} .extend .area .quick_block button.txt{margin-top:0} .extend .block_sel.chk_del .quick_block{line-height:14px} .minor_block.quick .btn_box > button.size{width:100%} .extend .block_sel.chk_del .pop_tipbox{right:-10px;top:-55px} .extend .minor_block.quick .btn_box .pop_tipbox{top:-51px} .extend .minor_block.quick .pop_tipbox::after{top: initial;bottom:-8px;left:127px} .extend .minor_block.quick .pop_tipbox .inner{height:auto;padding:6px 15px;text-align:center} .extend .minor_block.quick .tip_box3 .inner .txt{line-height:1.4} .extend{display:flex} .extend .popmini.minor_block .inner{padding-bottom:8px} .minor_admin .extend .popmini.minor_block .pop_head + .inner{padding-bottom:15px} .extend .minor_block.quick .btn_box{display:flex;;margin:0 16px 24px} .extend .extend_area{width:198px;border-left:1px #29367c solid} .pop_wrap.lightpurple.extend .extend_area{border-color:#4f4dc6} .pop_wrap.type3 .extend_area .pop_head{position:relative;overflow:visible;color:#333;height:35px} .extend_area .pop_head h3 > button{font-size:12px;vertical-align:baseline;margin-left:5px} .extend_area .txtbox.deco::before{ content:"";display:block;position:absolute;left:50%;top:-24px;margin-left:-6px; width:18px;height:22px;background:url(https://nstatic.dcinside.com/dc/w/images/arrow_topround.png)no-repeat 0 0; } .extend_area .txtbox{line-height:16px} .extend_area .pop_head .txtbox{font-size:12px} .extend_area .inner{box-sizing:border-box;height:calc(100% - 35px)} .extend_area .txtbox.deco{position:absolute;margin:11px 0 0 19px} .extend .empty{height:100%;align-content:center;color:#555} .extend .empty{text-align:center;font-size:14px } .extend .empty .stxt{font-size:11px;margin-top:8px} .edit.quick_block_ly{width:423px;height:100%;box-sizing:border-box;padding:0} .hfull{height:calc(100% - 15px);min-height:318px;top:0;;margin:auto 0;top:0;bottom:0} .pop_wrap.type3 .edit.quick_block_ly .pop_head{color:#333;font-size:0} .pop_wrap.type3 .edit.quick_block_ly .pop_head > strong{font-size:14px} .pop_wrap.type3 .edit.quick_block_ly .pop_head .num{font-size:12px;margin-left:3px} .edit.quick_block_ly .inner{margin-top:20px;height:calc(100% - 125px);box-sizing:border-box;} .edit.quick_block_ly .scroll{height:100%;overflow-y:auto;position:relative} .edit.quick_block_ly .block + .block{margin-top:5px} .edit.quick_block_ly .block_inr{display:flex;padding:0 8px 0 16px} .edit.quick_block_ly .block_inr .row{width:calc(100% - 32px);height:26px;border:1px solid #ccc;white-space: nowrap;} .edit.quick_block_ly .block_inr .select_box{display:inline-block;width:70px;border:none;line-height:26px;color:#555} .edit.quick_block_ly .block_inr .row > input{width:calc(100% - 160px);border:none;border-left:1px #ccc solid} .edit.quick_block_ly .block_inr .ckbox{display:inline-block;;height:26px;padding:0 5px;border-left:1px #ccc solid} .edit.quick_block_ly .block_inr .ckbox .checkbox{margin:0 auto} .edit.quick_block_ly .block_inr .ckbox .checkbox > input{width:100%;height:14px} .edit.quick_block_ly .block_inr .ckbox .checkbox input + .checkmark{top:6px} .edit.quick_block_ly .block_inr .ckbox .checkbox input[type="checkbox"]{top:6px} .edit.quick_block_ly .block_inr .checkbox label{vertical-align:top;line-height:26px;color:#555} .edit.quick_block_ly .block_inr .btn_close{width:12px;height:26px;text-align:center;margin-left:10px;cursor:pointer;} .edit.quick_block_ly .block_inr .btn_close::after{ content:"";display:inline-block;width:12px;height:10px;vertical-align:top;margin-top:4px; background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png)no-repeat -121px -1181px} .edit.quick_block_ly .block_inr .icon_option_more{width:10px;height:6px} .edit.quick_block_ly .center{text-align:center} .edit.quick_block_ly .btn_add{width:calc(100% - 32px);height:26px;border-radius:5px;margin-top:10px;font-size:12px;color:#333;background:#f8f8f8;border: 1px solid #bbb;border-radius: 2px}/*야간 454545*/ .edit.quick_block_ly .btn_add::after{ content:"";display:block;width:10px;height:10px;margin:0 auto;background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png) no-repeat -109px -1181px } .edit.quick_block_ly .btn_box{padding:12px 16px 24px;font-size:0} .edit.quick_block_ly .btn_box .btn_blue, .edit.quick_block_ly .btn_box .btn_lightpurple{width:73%;margin-left:0} .edit.quick_block_ly .btn_box .btn_grey{width:25%;margin-left:5px} .extend_area .listbox{height:290px;box-sizing:border-box;padding:15px 16px 15px} .extend_area .listbox .list li{margin-top:11px} .extend_area .listbox .list li:first-child{margin-top:0} .extend_area .listbox .list button{display:flex;max-width:100%;position:relative} .extend_area .listbox .list button:hover::after{content:"";display:block;position:absolute;bottom:0px;left:0;width:99%;height:1px;background:#555} .extend_area .listbox .list button span{flex:none;margin-left:5px;letter-spacing:-0.025em;color:#555;text-align:left;font-size:12px;font-weight:normal} .extend_area .listbox .list button span:first-child{margin-left:0} .extend_area .listbox .list button .reason{flex:inherit;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .extend .minor_block .pop_head + .inner{min-height:228px}/*관리 페이지 차단 레이어 height:293px*/ /*250326 퀵차단 편집 내 기간 선택 ui 변경(셀렉트 옵션형->라디오버튼)*/ .quick_period{width:calc(100% - 54px);height:28px;box-sizing:border-box;border:1px solid #ccc;border-width:0 1px 1px;margin:0 8px 0 16px} .edit.quick_block_ly .period_sel{display:flex;padding:0 8px;} .quick_period .period_sel li{height:27px;padding-right:13px;color:#555;font-size:12px} .quick_period .period_sel li:last-child{padding-right:0} .quick_period .period_sel .radiobox{padding-left:19px;line-height:27px} .quick_period .period_sel .radiobox input[type="radio"]{width:100%;top:6px;} .quick_period .period_sel .radiobox input + .checkmark{top:6px} /********************************************************************* //250311 차단 개선 ********************************************************************/ /*미니갤러리 비공개 갤러리 추가*/ .pop_content.pop_add_nopengall{width:450px;height:224px;line-height:24px}/*200922 width 추가*/ .pop_add_nopengall .set_cont{padding:0;margin:15px 15px 20px} .pop_add_nopengall .stit{display:block} .pop_add_nopengall .basics_adr{vertical-align:0} .pop_add_nopengall .intxt{position:relative;width:156px;height:25px;line-height:25px}/*200922 width값 수정*//*211118 폰트 버그 line-height:28px*/ .pop_add_nopengall .btn_enroll{position:static;height:27px;line-height:25px;border-radius:2px}/*211118 폰트 버그 line-height:27px*/ .pop_add_nopengall .btn_box{border-top:0;padding:0px 0 0} .pop_add_nopengall .btn_box button{width:40%;margin-left:0} /*200916 width:40% 수정*/ .pop_add_nopengall .tiptxt{padding:25px 0 30px;color:#999;text-align:center;line-height:100%} .pop_add_nopengall .tiptxt.no{color:#555} .pop_add_nopengall .tiptxt.ok{color:#4f4dc6} .pop_add_nopengall .tiptxt.ok b{color:#4f4dc6;font-weight:bold;margin-right:5px} .mns_closing.popmini .inner{display:inline-block;min-width:200px;max-width:350px;padding:0;text-align:left;margin:5px auto 0;word-break:break-all;}/*폐쇄*/ /*201019 줄바꿈추가*/ .mns_closing.popmini .inner p:nth-last-child(2){margin-top: 6px} /*200828 추가*/ /*운영 중 갤러리/ 가입한 갤러리*/ .pop_wrap .my_minor_mini{width:450px} .pop_wrap .my_minor_mini .tab_menubox{width:414px} .pop_wrap .my_minor_mini .tab_menubox button{width:50%;height:39px;border-width:0 0 1px 0;background:#f3f3f3;color:#777 } .pop_wrap .my_minor_mini .tab_menubox button:first-child{border-left:0} .pop_wrap .my_minor_mini .tab_menubox button:last-child{border-right:0} .pop_wrap .my_minor_mini .tab_menubox button.on,.pop_wrap .my_minor_mini .tab_menubox button:first-child.on,.pop_wrap .my_minor_mini .block_tab button.on, .pop_wrap .my_minor_mini .block_tab button:first-child.on{border-width:0px 1px 0px 1px;background:#fff;color:#29367c} .pop_wrap .my_minor_mini .inner{overflow-y:scroll;height:169px;padding:14px 11px 10px 13px} .pop_wrap .my_minor_mini .my_minor_list,.pop_wrap .my_minor_mini .my_mini_list{margin-left:-20px;clear:both} .pop_wrap .my_minor_mini .my_minor_list li, .pop_wrap .my_minor_mini .my_mini_list li{float:left;width:45%;margin-left:20px;line-height:24px}/*201013 width수정*/ .pop_wrap .my_minor_mini li a{display:inline-block;max-width:112px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#555;vertical-align:top}/*201008 max-width 수정*/ .pop_wrap .my_minor_mini li a.add{max-width:89px}/*201008 추가*/ .pop_wrap .my_minor_mini li .minni_waiting.person + a[href*="person"].add{max-width:89px}/*240812 추가*/ .pop_wrap .my_minor_mini li a[href*="person"].add{max-width:105px}/*240812 추가*/ .pop_wrap .my_minor_mini .my_mini_list li a{max-width:168px}/*201008 수정*/ .pop_wrap .my_minor_mini .my_mini_list li a.add{max-width:160px} .pop_wrap .my_minor_mini li .minni_waiting + .mini_name{max-width:100px}/*201008 추가*/ .pop_wrap .my_minor_mini li .minni_waiting + .mini_name.add{max-width:96px} .pop_wrap .my_minor_mini li .mini_out + .mini_name{max-width:127px}/*201008 추가*/ .pop_wrap .my_minor_mini li .mini_out + .mini_name.add{max-width:112px} .pop_wrap .minni_waiting{color:#8593c0} .pop_wrap .minni_waiting.person{color:#2fa40e;float: left;margin-right: 4px} /*240528 인물갤 [양도]*/ .pop_wrap .mini_out, .pop_wrap .my_minor_mini li a.mini_out{color:#999} .mini_makelink, .person_makelink{margin-left:12px} .tab_menubox button:first-child, .block_tab button:first-child{border-style:solid;border-color:#ccc;border-bottom-color:#29367c;border-width:1px 0px 2px 1px} /*200831 비공개 아이콘 추가*/ .my_minor_mini .icon_lock2{margin:3px 0 0 3px}/*211118 폰트 버그 margin:6px 0 0 3px;vertical-align:top 1207*/ /*.my_minor_mini .icon_lock2 + .icon_mini{margin-left:0} 201008*/ .my_minor_mini .my_mini_list .icon_lock2{margin-left:-1px} /*가입 질문 답변*/ .join_question{width:418px;font-size:12px} .join_question .inner{padding:16px 13px;font-size:12px} .join_question .inner .question{line-height:20px} .question > .txt{margin-left:4px} .join_question textarea{overflow-y:scroll;;margin-top:10px;width:379px;height:57px;border:1px #bbb solid;padding:5px;color:#333} .join_question .inner .tip{margin-top:13px;margin-left:2px;color:#999} .join_question .inner .tip > em{margin-right:6px} .join_question .btn_box{padding:0 0 22px;border:0} .lightpurple .poply_bgblueclose{top:-1px;right:-1px} /*툴팁*/ .pop_tipbox.minor_tip.mini .minor_tip_txt{min-width:425px;padding:5px 9px 12px 24px} .pop_tipbox.minor_tip.mini h3{color:#4f4dc6;font-size:12px;padding:17px 15px 0} .pop_tipbox.minor_tip.mini .tip_deco_dot555{margin-left:-8px} /*비밀글 설정*/ .pop_content.secret_set{width:349px}/*200922 추가*/ .secret_set .inner{padding:23px 23px 14px;margin-right:0} .secret_set .txt,.secret_set .checkbox label{letter-spacing:-0.03em} .secret_set .pwset{font-size:14px} .secret_set .pwset input{border:1px #bbb solid;width:221px;height:30px;line-height:32px;padding:0 5px;margin-left:12px}/*200807 width수:164px 수정*/ .secret_set .checkbox{margin-top:12px;margin-left:1px} .secret_set .checkbox label{margin-left:4px;font-size:12px} .secret_set .pwset > .tit{vertical-align:top;line-height:32px}/*200807 추가*/ .secret_set .txt{margin-top:8px;font-size:12px} .secret_set .pwset + .txt{margin-top:13px}/*200807 추가*/ .secret_set .btn_box{border-top:0;margin-top:0;padding:0 0 23px} /*자동 삭제 시간 설정*/ .pop_content.autodeltime_set{overflow:visible;position:relative;width:410px}/*200922 width추가*/ .autodeltime_set .inner{margin-right:0;padding:20px 19px 14px;font-size:12px;color:#333} .autodeltime_set .time_set{;margin-bottom:15px;text-align:center} .autodeltime_set .select_arraybox,.autodeltime_set .dayin{height:31px;border:1px #bbb solid;line-height:31px;font-size:14px;vertical-align:top}/*211118 폰트 버그 line-height:33px*/ .autodeltime_set .dayin{width:108px;padding:0 5px;text-align:center} .autodeltime_set .select_arraybox{width:58px;padding-left:10px;text-align:left;margin:0 1px 0 0} .time_set .option_box{;overflow-y:auto;width:70px;max-height:132px} .time_set .option_box li{font-size:14px;text-align:center;line-height:20px} .autodeltime_set .select_arraybox .icon_option_more{top:13px;right:10px} .icon_calendar_darkblue{display:inline-block;width:25px;height:24px;background-position:-110px -781px;margin:4px 8px 0 4px}/*211118 폰트 버그 margin:3px 8px 0 4px*/ .autodeltime_set .txt{line-height:20px;/*letter-spacing:-0.05em*/} .autodeltime_set .btn_box{border:0;padding:0;margin:0 0 23px} .autodeltime_set .btn_box button{margin-left:6px} .autodeltime_set .btn_box button:first-child{margin-left:0} /*운영원칙 / 매니저의 개인정보보호의무*/ .type3.lightpurple .tab_menubox button.on, .type3.lightpurple .tab_menubox button:first-child.on, .type3.lightpurple .block_tab button.on, .type3.lightpurple .block_tab button:first-child.on{border-color:#4f4dc6;color:#4f4dc6} .type3.lightpurple .tab_menubox button, .type3.lightpurple .block_tab button{border-bottom-color:#4f4dc6;color} .pop_wrap.lightpurple .pop_hot_gall .pop_head.dashed{color:#4f4dc6} /*특정 IP 대역 입력*/ .set_content.prevent_code .pop_wrap.type3{margin-top:-8px} .pop_content.ipinbox{padding:0} .pop_content.ipinbox .pop_info{padding:8px 12px 8px} .pop_content.ipinbox .ip_inr{padding:15px 15px 0px} .pop_content.ipinbox .ip_inr textarea{width:300px;height:135px;padding:5px;border:1px #bbb solid;color:#555;line-height:16px} .pop_content.ipinbox .info_txt{position:relative;padding:8px 17px 0;font-size:12px;line-height:16px;color:#999} .pop_content.ipinbox .info_txt .tip_deco999{margin-right:3px} .pop_content.ipinbox .btn_box{margin-top:12px;border-top:none;padding-top:0} .pop_content.ipinbox .max_txt{position:absolute;right:17px;top:4px;display:block;text-align:right;line-height:24px;color:#555} .pop_content.ipinbox .ip_inr textarea::-webkit-input-placeholder{color:#999} .pop_content.ipinbox .ip_inr textarea:-moz-placeholder{color:#999} .pop_content.ipinbox .ip_inr textarea::-moz-placeholder {color:#999} .pop_content.ipinbox .ip_inr textarea:-ms-input-placeholder{color:#999} /* 200602 비밀번호 설정 안내 */ .pw_seting .impossible{color:#d31900} .pw_seting .normal{color: #ff9933} .pw_seting .safe{color: #008140} .pw_seting{width: 378px;padding: 0 12px 15px;box-sizing: border-box} .pw_seting .pop_head strong{padding-left: 3px} .pw_seting .pop_info{font-size: 14px;font-weight: bold;color: #000;line-height: 20px;height: 67px;box-sizing: border-box;padding: 15px 12px 9px 13px} .pw_seting .inner{margin-top: 13px;letter-spacing: -0.025em} .pw_seting .tip_deco_dot{margin: 10px 7px 0 0} .pw_seting .step_info{font-size: 12px;color: #333;margin-top: 13px;padding-left: 9px;box-sizing: border-box} .pw_seting .step_info em, .pw_seting .step_info span{float: left} .pw_seting .step_info li{clear: both;display: inline-block;content: "";margin: 0;line-height: 20px} .pw_seting .step_info .tit{font-size: 12px;line-height: 20px;font-weight: bold;padding: 0} .pw_seting .step_info .txt{margin-left: 5px;display:inline-block;} .pw_seting .step_info li:nth-child(2) .txt{width:300px;position:relative;padding-left: 5px;} .pw_seting .step_info li:nth-child(2) .txt::before{position:absolute;top:0;left: -3px;} .pw_seting .step_info .txt::before{content: ":";position: relative;left: -2px} /*200611 새로운 기기 로그인 알림 레이어 팝업*/ .loginpush_wrap{width: 428px;color: #555} .loginpush_wrap .inner{text-align: center;margin-top: 17px} .loginpush_wrap .btn_box{border: 0;margin-top: 0;padding: 8px 0 26px;float: none} .loginpush_wrap .pushimg_box{display: inline-block;line-height: 0;border: 0;background: none} .loginpush_wrap .pushtxt_box{display: inline-block;line-height: 22px;vertical-align: top;text-align: left;padding: 9px 0 0 13px;margin-top: 0;max-width: 310px} .loginpush_wrap .pushtxt_box .tit{font-size: 14px} /**************************************************************************************e미니갤******************************************************************************************************/ /*토스트 메시지*/ .write_type_box .inner{vertical-align:top} .toast_msg{position:absolute;top:23px;left:50%;transform:translate(-50%,0)} #write_wrap .toast_msg{top:-37px} .toast_msg span{ display:block; max-width:100%;height:24px;line-height:24px;border-radius:6px;padding:0 15px;color:#fff;font-size:12px; background:rgba(0,0,0,0.7);white-space:nowrap;text-align:center } .listwrap .issue_contentbox .mini_info .toast_msg{margin-left:3px}/*리스트 가입하기 하단에 위치*/ /*실명인증*/ .pop_content.realname{padding:0 15px; color:#555;font-size:12px} .pop_content.realname .inner{width:505px;padding:11px 0 15px;line-height:20px} /*공지 등록 갤러리 지정*/ .pop_content.fix_notice .inner{width:580px;padding:20px 19px 30px} .fix_notice .form_tit{width:98px;height:28px;line-height:28px;color:#1d2761} .fix_notice .form_txt{width:480px} .fix_notice .bg .form_tit{padding-left:2px} .fix_notice .bg .form_txt{width:440px} .fix_notice .cont.bg{background:#f5f5f5;padding:15px 18px 17px;border:1px solid #d5d5d5} .fix_notice .form_group{border-top:1px dashed #aaa;padding-top:12px;margin-top:12px;} .fix_notice .form_group:first-child{border-top:none;padding-top:0;margin-top:0} .fix_notice .inr{font-size:0;margin-top:7px} .fix_notice .inr:first-child{margin-top:0px} .fix_notice .select_arraybox{height:26px;line-height:26px;margin-left:0;padding-left:9px;} .fix_notice .select_area{margin-right:17px;font-size:12px;white-space:nowrap;color:#555} .fix_notice .select_arraybox .icon_option_more{top:12px;right:-9px} .fix_notice .option_box{width:100%;background:#fff;padding:6px 0;box-sizing:content-box;color:#555;font-size:12px;left:-1px;top:26px} .fix_notice .search .option_box{overflow-y:auto;max-height:299px} .fix_notice .option_box li{padding:0 9px;line-height:20px;font-size:12px} .fix_notice .subject .select_arraybox{width:69px}/*말머리*/ .fix_notice .search .select_arraybox{width:99px}/*갤러리 검색*/ .fix_notice .search .select_arraybox{width:115px}/*0522 추가*/ .fix_notice .checkbox{width:85px;line-height:28px;padding-left:20px;font-size:12px} .fix_notice .checkbox input[type="checkbox"]{top:7px} .fix_notice .checkbox input + .checkmark{top:7px} .fix_notice .checkbox label{letter-spacing:-0.055em;color:#333} .fix_notice .set_cont{width:220px;margin:0;padding:0} .fix_notice .intxt{width:144px;height:26px;line-height:26px;color:#555} .fix_notice .search .inr:nth-child(2) .set_cont{width:204px}/*0522 추가*/ .fix_notice .search .inr:nth-child(2) .intxt{width:127px}/*0522 추가*/ .fix_notice .btn_enroll{top:0;right:0;height:28px;line-height:28px} .fix_notice .result_list{margin-top:20px} .fix_notice .result_list .result_box{overflow-y:scroll;height:269px;margin-top:0} .fix_notice .result_list li{width:141px} .fix_notice .result_list li a{width:121px;color:#555} .fix_notice .result_list li:nth-child(3n+0) a{border-right:1px solid #ccc} .fix_notice .result_list li:nth-child(4n+0) a{width:142px;border-right:0} .fix_notice .btn_groupset{width:auto;padding:0 17px;margin:11px 0 0 0} .fix_groupbtn{position:relative;height:44px;border:1px #d5d5d5 solid;background:#f3f3f3;margin-top:16px} .fix_groupbtn .btnbox{position:absolute;top:0} .fix_groupbtn .btnbox > button{display:block;width:31px;height:44px;line-height:44px} .fix_groupbtn .btnbox.prev{left:0;border-right:1px #fff solid} .fix_groupbtn .btnbox.next{right:0;border-left:1px #d5d5d5 solid} .btn_listp{border-right:1px #d5d5d5 solid} .btn_listn{border-left:1px #fff solid} .fix_grouplist{overflow:hidden;width:492px;height:44px;margin:7px 44px} .fix_grouplist ul{overflow:hidden;display:inline-flex;height:37px;margin-left:-10px} .fix_grouplist li{position:relative;float:left;margin-left:10px;margin-bottom:10px} .fix_grouplist li .fix_btn{width:40px;height:30px;line-height:30px;border-radius:3px;background:#666;color:#fff;font-size:14px} .fix_grouplist li.sel .fix_btn{background:#d31900} .fix_listbox{overflow-y:scroll;width:552px;height:118px;padding:9px 13px 12px;margin-top:15px;border:1px #ccc solid} .fix_listbox ul{margin-left:-19px} .fix_listbox li{float:left;margin-left:19px;color:#333;font-size:0;line-height:25px} .fix_listbox li span{font-size:12px;margin-right:7px;vertical-align:top;line-height:25px} .fix_listbox li button{overflow:hidden;height:13px;line-height:13px;transform:translateY(-1px)} .fix_listbox li.sel{color:#d31900} .fix_listbox li.same{font-weight:bold}/*갤러리명 중복*/ .fix_notice .btn_box{position:relative;border:none;padding:0;margin-top:24px}/*200702 margin-top수정*/ .fix_notice .btn_box button{margin-left:0} .fix_notice .btn_box .tiptxt{display:inline-block;position:absolute;height:40px;line-height:40px;margin-left:12px} .fix_notice .btn_box .gllnum{position:absolute;left:0;top:-15px;color:#1d2761}/*200702 선택갤러리 개수*/ .list_alldel{position:absolute;top:-15px;right:-3px;color:#1d2761;text-decoration:underline;padding:3px} /*200617 그룹화 리스트 전체 삭제*/ /*//공지 등록 갤러리 지정*/ /*갤러리 그룹화 설정*/ .pop_content.fix_notice.group .inner{padding:26px 19px 30px} .fix_notice.group .form_group.search{border-top:none;padding:0;margin-top:30px} .fix_notice .form_group.group_setting .set_cont{width:135px} .fix_notice .form_group.group_setting .intxt{width:58px} .fix_notice .group_setting .tiptxt{float:left;height:28px;line-height:28px;font-size:12px;margin-left:10px} .fix_notice.group .result_list .result_box{height:188px;width:578px}/*220118 width추가*/ .fix_notice.group .fix_groupbtn{height:100%;margin-top:14px} .fix_notice.group .fix_grouplist{overflow-y:scroll;width:100%;height:140px;margin:0} .fix_notice.group .fix_grouplist ul{display:block;height:auto;padding:13px 12px 12px;margin:-13px 0 0 -14px} .fix_notice.group .fix_grouplist li{margin:13px 0 0 14px } .fix_notice.group .fix_groupbtn .del{overflow:hidden;display:block;height:13px;;position:absolute;right:-4px;top:-2px} /*.fix_notice.group .form_group.search{margin-top:30px}*/ .fix_notice.group .fix_listbox{margin-top:20px} .fix_notice .empty_box{display:table;width:100%;height:100%} .fix_notice .empty_box::after{content:"검색결과가 없습니다.";display:table-cell;height:100%;vertical-align:middle;font-size:12px} .fix_notice .result_list .result_box ul{width:561px}/*220118 width 추가*/ /*//갤러리 그룹화 설정*/ /* 200520 구글 otp 로그인 이용안내 팝업 */ .otp_popup .inner{width: 657px;height: 650px;overflow-y:scroll;line-height: 0} /*200604 otp 2단계 인증 사용 권장*/ .sp_otptxtimg{background-image:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_otptxtimg.png?4);background-repeat:no-repeat} .otp_encourage .inner{width:496px;padding-bottom:36px;line-height:0;font-size:0;color:transparent} .otp_encourage .inner .box{width:100%;} .otp_encourage .inner .box p{width:388px;margin:0 auto} .otp_encourage .inner .box.top{background-color:#f6f6f6;padding:45px 0 36px} .otp_encourage .inner .box.top p{height:93px;background-position:0 0} .otp_encourage .inner .box.middle{margin-top:30px} .otp_encourage .inner .box.middle p{width:393px;height:206px;background-position:0 -123px} .otp_encourage .inner .box.bottom{margin-top:34px} .otp_encourage .inner .pagego{display:block;width:212px;height:46px;margin:0 auto;background-position:0 -353px;line-height:0;font-size:0;color:transparent} .yeonblue .popbtn_bgblueclose{width:32px;height:32px;background:#3b4890;padding-left:1px;padding-top:1px} .yeonblue .popbtn_bgblueclose .icon_white_x{height:18px;background-position:-107px -108px} /*200812 2단계 인증 사용 권장*/ .twostep_encourage .sp_otptxtimg{background-image:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_otptxtimg3.png);background-repeat:no-repeat}/*211025 파일명 수정*/ .twostep_encourage .inner{width:496px;padding-bottom:36px;line-height:0;font-size:0;color:transparent} .twostep_encourage .inner .box{width:100%;} .twostep_encourage .inner .box p{width:388px;margin:0 auto} .twostep_encourage .inner .box.top{background-color:#f6f6f6;padding:41px 0 35px} .twostep_encourage .inner .box.top p{height:93px;background-position:-56px -43px} .twostep_encourage .inner .box.middle{margin-top:31px} .twostep_encourage .inner .box.middle p{width:393px;height:214px;background-position:-53px -202px} .twostep_encourage .inner .box.bottom{margin-top:30px} .twostep_encourage .inner .pagego{display:block;width:212px;height:46px;margin:0 auto;background-position:-144px -446px;line-height:0;font-size:0;color:transparent} .yeonblue .popbtn_bgblueclose{width:32px;height:32px;background:#3b4890;padding-left:1px;padding-top:1px} .yeonblue .popbtn_bgblueclose .icon_white_x{height:18px;background-position:-107px -108px} /*200812 미니 본인 인증 안내*/ .pop_content.self_certify{display:table;width:494px;min-height:248px;text-align:left;color:#333;text-align:center} .lightpurple .pop_content.self_certify .pop_head h3{color:#4f4dc6;font-size:18px;margin:0px 0 11px} .lightpurple .pop_content.self_certify .inner .inner_box{font-size:14px;color:#333;line-height:24px} .pop_content.self_certify .middle{display:table-cell;height:auto;vertical-align:middle;padding:35px 0} .self_certify .btn_box{border-top:none;padding:23px 0 0px;font-size:0} .self_certify .btn_box a{display:inline-block;height:24px;padding:0 22px;font-size:14px;line-height:24px;border-radius:50px;margin-left:10px} .self_certify .btn_box a:hover{text-decoration:none} .self_certify .btn_box a:first-child{margin-left:0} /*201020 미니 갤러리 안내 레이어*/ .poply_greyclose{top:18px;right: 18px;vertical-align: middle;font-size: 0} .btn_noagain{top:18px;right: 50px;vertical-align: middle;text-decoration: underline;letter-spacing: -0.025em;line-height: 20px;color: #555} .mgall_info .miniinfo_pop .inner{border:1px solid #4f4dc6} .miniinfo_pop .inner{padding: 44px 35px 38px;width: 600px;height: auto;box-sizing: border-box;color:#333;letter-spacing: -0.025em;font-size: 0} .miniinfo_pop .box:first-child{text-align: center} .miniinfo_pop .box.list{margin-top: 22px} .miniinfo_pop .list{display: table} .miniinfo_pop .list img, .miniinfo_pop .box.list ul{display: table-cell;vertical-align: middle} .miniinfo_pop .box.list ul{padding-bottom: 5px} .miniinfo_pop .list .img_box{margin: 0 14px 0 16px} .miniinfo_pop .list ul li{font-size: 14px;font-weight: bold;line-height: 22px;letter-spacing: -0.025em;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif}/*201214 font-family추가 */ .miniinfo_pop .function{border-top:1px dashed #aaa;margin-top: 14px;padding-top: 13px} .miniinfo_pop .function p{color:#777;line-height: 23px;font-size: 12px;letter-spacing: -0.025em;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif}/*201214 font-family추가 */ .miniinfo_pop .function strong{font-size: 14px;margin: 0 5px} .miniinfo_pop .function .bg{display: table;width: 100%;text-align: center;margin: 10px 0 0;border-radius: 5px;background: #f5f5f5;color: #333;font-size:0} .miniinfo_pop .function .bg li{line-height: 20px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif}/*201214 font-family추가 */ .miniinfo_pop .function .bg .img_box{line-height: 63px} .miniinfo_pop .function .bg .img_box img{vertical-align: middle} .miniinfo_pop .function .bg:first-of-type ul{display: table-cell;vertical-align: middle;width: 176px} .miniinfo_pop .function .bg:first-of-type{color: #777;padding: 15px 0} .miniinfo_pop .function .bg .tit{font-size: 16px;color: #333;display: block;font-weight: bold;padding: 0 5px;letter-spacing: -0.025em;line-height: 22px} /* .miniinfo_pop .function .bg .txt{font-size: 12px;padding: 0 5px;letter-spacing: -0.025em;} */ .miniinfo_pop .function .bg:first-of-type ul li:last-child{font-size: 12px;padding: 0 5px;letter-spacing: -0.025em} .miniinfo_pop .function .bg:last-child{font-weight: bold;padding: 18px 0} .miniinfo_pop .bg:last-child b{display: table-cell;vertical-align: middle;padding: 0 19px 0 28px;letter-spacing: -0.025em;font-size: 12px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif}/*201214 font-family추가 */ .miniinfo_pop .function .bg:last-child ul{display: table-cell;vertical-align: middle} .miniinfo_pop .function .bg:last-child ul li{display: table-cell;line-height: 20px;font-size: 14px;padding-right: 25px;letter-spacing: -0.025em;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif}/*201214 font-family추가 */ /*201110 추가*/ .miniinfo_pop .function .bg:last-child ul li em{margin-right: 5px} .miniinfo_pop .icon_secretwrite2{width: 19px;height:20px;background-position: -230px -786px;position: relative;top:-1px} .miniinfo_pop .icon_autodelwrite{width: 21px;background-position: -234px -500px} .miniinfo_pop .icon_slowrite{width: 18px} .miniinfo_pop .icon_minivote{width: 18px;background-position: -221px -819px;vertical-align:-4px} /*//201020 미니 갤러리 안내 레이어*/ /*210108 통신사 ip, vpn ip 오류신고 */ .pop_content.error_report{width:407px;line-height:24px;color:#555} .pop_content.error_report .inner{padding:0;margin:20px 20px 25px} .pop_content.error_report .stit{display:inline-block;margin-right:12px} .pop_content.error_report .intxt{width:312px} .pop_content.error_report .inr:first-child{padding-top:0} .pop_content.error_report .btn_box{border-top:0;padding:10px 0 0;position:relative;} .pop_content.error_report .btn_box button{margin-left:0} .pop_content.error_report .tip{padding:15px 0 0px;text-align:center;color:#999} .pop_content.error_report .tip > em{margin-right:6px} .pop_content.error_report .btn_box .stxt{color:#999;position:absolute;top:-19px;right:0} .pop_content.error_report .box.t{margin-bottom:17px} .pop_content.error_report .inner.open .box.t .btn_box {display:none } .pop_content.error_report .box.b{display:none;border-top:1px #cecdce solid;padding-top:20px } .pop_content.error_report .inner.open .box.b{display:block} .pop_content.error_report .tit{color:#29367c} .lightpurple .pop_content.error_report .tit{color:#4f4dc6} .pop_content.error_report .tit + .txt{padding:10px 0} /*//210108 통신사 ip, vpn ip 오류신고 */ /*210127 에러페이지 오류신고*/ .access.error_report .txt{line-height:18px} .blue_box .error_report .inner{display:block } .error_report .error_textarea{width:345px;height:53px;border:1px solid #cecdce;padding:8px 10px 10px;line-height:18px} textarea.error_textarea::placeholder{color:#aaa} textarea.error_textarea::-webkit-input-placeholder{color:#aaa} textarea.error_textarea:-moz-placeholder{color:#aaa} textarea.error_textarea::-moz-placeholder {color:#aaa} textarea.error_textarea:-ms-input-placeholder{color:#aaa} .access.error_report .stit{margin-right:0} .pop_content.error_report.access .tit + .txt{padding-top:0} /*210210접근 제한 해제 신청*/ .ly_restriction_off {font-size:12px} .ly_restriction_off .inner{padding:20px 20px 25px;color:#333} .ly_restriction_off .tit{margin-right:15px} .ly_restriction_off .required_input{vertical-align:3px} .ly_restriction_off .sauce_inbox{margin:12px 0 0} .ly_restriction_off .sauce_inbox textarea{width:468px;height:100px;color:#555;line-height:18px;margin-top:10px} .ly_restriction_off .fileupwrap{margin-top:20px} .ly_restriction_off .fileupbox{display:table;width:401px;min-height:28px;border:1px #ccc solid;table-layout:fixed} .ly_restriction_off .file_urlbox{display:table-cell;width:336px;padding:4px 8px 4px;border-right:1px #ccc solid} .ly_restriction_off .fileupbox .file_bntup{display:table-cell;margin:0;height:100%;vertical-align:middle;background:#f3f3f3;text-align:center} .ly_restriction_off .fileupbox .btn_fileup{width:38px;min-height:48px;height:100%;font-weight:bold;color:#333} .ly_restriction_off .fileupbox .btn_fileup > span{display:block } .ly_restriction_off .fileupbox .file_bntup > input[type="file"]{width:100%;min-height:48px;height:100%} .url_list{overflow:hidden;margin-left:-10px} .url_list li{float:left;margin-left:10px;line-height:20px;color:#555;word-break:break-all} .ly_restriction_off .info_txt{padding-top:0;margin-top:20px;color:#999;font-size:12px;line-height:18px} .ly_restriction_off .btn_box{border-top:none;padding:17px 0 0} /*210310최근방문*/ .newvisit_history #newvisit_more{z-index:4000}/*220303 추가*/ .under_catelist.newvisit_layer{width:702px;min-height:212px;font-size:12px;line-height:1.5} .under_catelist.newvisit_layer .pop_head{color:#555;vertical-align:top;padding-left:2px} .under_catelist.newvisit_layer .list_alldel{position:static;color:#29367c;padding:0;margin-left:6px;vertical-align:text-top}/*211118 폰트 버그 vertical-align:text-top*/ .miniwrap .under_catelist.newvisit_layer .list_alldel{color:#4f4dc6} .under_catelist.newvisit_layer .under_listbox{margin-left:-19px;margin-top:10px} .under_catelist.newvisit_layer .under_listbox li{position:relative;width:155px;margin-left:20px;margin-right:3px;color:#333} .under_catelist.newvisit_layer .under_listbox li .icon_restriction{position:static} .under_catelist.newvisit_layer .under_listbox li a{display:inline-block;max-width:95%;vertical-align:top ;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}/*210401*/ .under_catelist.newvisit_layer .under_listbox li a.mini{max-width:77%}/*210401*/ .under_catelist.newvisit_layer .under_listbox li .icon_mini{vertical-align:8px} .under_catelist.newvisit_layer .btn_visit_del{height:22px;vertical-align:top} .under_catelist.newvisit_layer .empty_visit{float:none;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);-ms-transform:translateY(-50%, -50%);padding-left:0;margin-top:19px} /*리스트 최근방문*/ .list_wrap.width1160 .under_catelist.newvisit_layer{width:814px} .list_wrap.width1160 .under_catelist.newvisit_layer .under_listbox li{width:146px} /*240812 142px -> 146px*/ /*본문, 글쓰기 최근방문*/ .width1160 .under_catelist.newvisit_layer{width:1134px} .width1160 .under_catelist.newvisit_layer .under_listbox li{width:146px} /*240812 141px -> 146px*/ .width1160 .issuebox.open .newvisit_history .pop_wrap.type2{left:-1px!important} /*220419 최근방문/즐겨찾기 */ .visit_bookmark .under_catelist.newvisit_layer .empty_visit{margin-top:24px} .visit_bookmark .pop_wrap.gray1px{width:100%;box-sizing:border-box;z-index:4000} .visit_bookmark .pop_content{overflow:visible} .pop_wrap.type3 .favorite_list .pop_head {color:#29367c;padding:0 20px 0 13px } .visit_bookmark .under_catelist{padding:0 8px 0px} .visit_bookmark .toptab_content .bkmark{width:100%} .visit_bookmark .under_catelist .under_listbox li a{color:#333} .visit_bookmark .tabslist li{float:left;width:50%;text-align:center;border-bottom:1px #3b4890 solid } .visit_bookmark .tabslist li button{position:relative;width:100%;height:40px;font-size:14px;color:#333;font-weight:bold;} .visit_bookmark .tabslist li.on button{color:#3b4890} .miniwrap .visit_bookmark .tabslist li.on button{color:#4f4dc6} .visit_bookmark .tabslist li.on button::before{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;border-bottom:4px solid #3b4890} .miniwrap .visit_bookmark .tabslist li.on button::before, .miniwrap .visit_bookmark .tabslist li{border-color:#6f6dd9 } .visit_bookmark .under_catelist.newvisit_layer{width:100%!important;min-height:197px;box-sizing:border-box} .visit_bookmark .under_catelist.newvisit_layer .under_listbox{min-height:123px;padding:0 10px;margin-left:-17px} .visit_bookmark .under_catelist.newvisit_layer .under_listbox li{margin:0 0px 0 16px} .visit_bookmark .under_catelist.newvisit_layer .under_listbox li .icon_person, .visit_bookmark .under_catelist.newvisit_layer .under_listbox li .icon_mini{vertical-align:9px} .visit_bookmark .under_catelist.newvisit_layer .under_listbox li .icon_minor{margin-top:2px} .visit_bookmark .under_catelist.newvisit_layer .under_listbox.bkmark li .icon_minor{margin-top:2px} .visit_bookmark .tabcon_bottom{position:relative;height:20px;margin:5px 0 13px} .visit_bookmark .list_modi{position:absolute;right:6px;bottom:-1px;color:#29367c;text-decoration:underline;padding:3px} .miniwrap .visit_bookmark .list_modi{color:#4f4dc6} .visit_bookmark .bottom_paging_box{position:relative;text-align:center;line-height:20px;margin-top:0;/*padding-top:14px*/} .visit_bookmark .bottom_paging_box.iconpaging{font-size:0} .visit_bookmark .iconpaging .page_first, .visit_bookmark .iconpaging .page_prev, .visit_bookmark .iconpaging .page_next, .visit_bookmark .iconpaging .page_end{display:inline-block;font-size:0!important;padding-top:0!important;vertical-align:2px} .visit_bookmark .iconpaging .page_first, .visit_bookmark .iconpaging .page_end{width:13px;height:14px;padding:0} .visit_bookmark .iconpaging .page_prev, .visit_bookmark .iconpaging .page_next{width:12px;height:14px;padding:0} .visit_bookmark .iconpaging .page_first{background-position:-1px -1px} .visit_bookmark .iconpaging .page_prev{background-position:-24px -1px;margin:0 10px 0 10px} .visit_bookmark .iconpaging .page_next{background-position:-1px -24px;margin:0 10px 0 19px} .visit_bookmark .iconpaging .page_end{background-position:-23px -24px;margin-left:0} /*//220419 최근방문/즐겨찾기 */ /*220502 말줄임 관련 추가*/ .under_catelist.newvisit_layer .under_listbox li.pr a, /*인물 갤러리*/ .under_catelist.newvisit_layer .under_listbox li.mi a{max-width:79%}/*미니갤러리*/ .under_catelist.newvisit_layer .under_listbox li.m a{max-width:82%}/*마이너 갤러리*/ /*//220502 말줄임 관련 추가*/ /*210421 매니저 관리 개선*/ .pop_content.mngsetbox{width:398px;line-height:1.5;font-size:12px} .pop_content.mngsetbox h4{;color:#333} .pop_content.mngsetbox .pop_info{padding:10px 13px} .pop_content.mngsetbox .inner{padding:0 14px} .pop_content.mngsetbox .checkbox, .pop_content.mngsetbox .radiobox{line-height:13px;margin-right:15px;color:#555}/*211118 폰트 버그 line-height:14px*/ .pop_content.mngsetbox .checkbox label{margin-left:4px} .pop_content.mngsetbox .btn_box{border:none;padding:7px 0 20px} .pop_content.mngsetbox .btn_blue.small, .pop_content.mngsetbox .btn_lightpurple.small{width:58px;margin-left:0} .mng_reportlist .minor_block_list td,.mng_reportlist .minor_block_list tr:first-child td{height:35px} /* 부매니저 권한 설정*/ .pop_content.mngsetbox .smng_info{color:#333;font-weight:bold} .pop_content.mngsetbox.submng .mng_option{border-top:1px dashed #aaa;margin-top:17px;padding-top:16px} .pop_content.mngsetbox.submng .mng_option:first-child{border:none;margin-top:17px;padding-top:0} .pop_content.mngsetbox.submng .mng_option h4{margin-bottom:10px} .pop_content.mngsetbox.submng .box{line-height:0;margin-bottom:12px;white-space: nowrap} /*240513 nowrap 추가*/ /*차단 내역 공개 설정*/ .pop_content.mngsetbox.open_mngset h4{display:inline-block;margin-right:14px } .pop_content.mngsetbox.open_mngset .mng_option{margin-top:12px} .pop_content.mngsetbox.open_mngset .mng_option:first-child{margin-top:17px} .pop_content.mngsetbox .radiobox{padding-left:18px} .pop_content.mngsetbox .radiobox input[type="radio"],.pop_content.mngsetbox .radiobox input + .checkmark{top:0} .pop_content.mngsetbox .tip{margin-top:5px;color:#999} .pop_content.mngsetbox .tip_deco999{margin-right:5px} .pop_content.mngsetbox.open_mngset .btn_box{padding-top:16px} .pop_content.mngsetbox .not .radiobox{opacity:0.3;filter:alpha(opacity=3)} .pop_content.mngsetbox .not .tip{opacity:0.3;filter:alpha(opacity=3)} /*갤러리 관리 내역*/ .mng_reportlist{width:810px;min-height:640px/*737px*/} .pop_content.mng_reportlist .tablist_cont{margin-top:13px} .pop_content.mng_reportlist .minor_block_list.empty td{height:431px} .pop_content.mng_reportlist > .inner{padding:20px 28px 30px} .pop_content.mng_reportlist .tablist_head .menu li{float:left} .pop_content.mng_reportlist .tablist_head .menu li::before{content:"|";display:inline-block; color:#ccc;margin:0 14px 0 12px;font-size:16px;vertical-align:middle} .pop_content.mng_reportlist .tablist_head .menu li:first-child::before{display:none } .pop_content.mng_reportlist .tablist_head .menu li button{font-size:14px;color:#333;font-weight:bold;margin-top:2px;line-height:31px} .pop_content.mng_reportlist .tablist_head .menu li.on button{text-decoration:underline;color:#29367c } .pop_content.mng_reportlist .tablist_head .btn_grey.small{margin-left:0;width:100px} .miniwrap .pop_content.mng_reportlist .tablist_head .menu li.on button{color:#4f4dc6} .pop_content.mng_reportlist .minor_block_list{max-height:444px}/**/ .pop_content.mng_reportlist .tablist_cont > div .inr{min-height:444px}/**/ .pop_content.mng_reportlist .minor_block_list.report .tit, .pop_content.mng_reportlist .minor_block_list.report .option, .pop_content.mng_reportlist .minor_block_list.reportlist .tit, .pop_content.mng_reportlist .minor_block_list.reportlist .option, .pop_content.mng_reportlist .minor_block_list.del .tit, .pop_content.mng_reportlist .minor_block_list .reason {text-align:left} .pop_content.mng_reportlist .minor_block_list .day{color:#333} .pop_content.mng_reportlist .other_content{margin:14px 0 11px} .mng_reportlist .search_box.grey.small{text-align:center;line-height:0;margin-top:11px} .mng_reportlist .search_box.grey.small .box{position:relative;width:380px;height:29px;display:inline-block;} .mng_reportlist .search_box.grey.small .bnt_search{float:left;width:29px;height:29px;background-position:-166px -275px} .mng_reportlist .search_box.grey.small .btn_greysearch{position:absolute;right:0;top:0 } .mng_reportlist .search_box.grey.small .box .inner_search{width:350px;height:27px;margin:0;border:1px #ccc solid;border-width:1px 0px 1px 1px} .mng_reportlist .search_box.grey.small .in_keyword{width:332px;height:27px;font-size:12px;color:#555;vertical-align:top;line-height:29px;font-weight:normal}/*211118 폰트 버그 line-height:30px*/ .mng_reportlist .bottom_paging_box{margin-top:10px} /*//210421 매니저 관리 개선*/ /*210511 힛갤 배지 선정일*/ .pop_tipbox.hitsel_allday{text-align:left;right:55px;top:69px} .pop_tipbox.hitsel_allday .tit{color:#333;font-size:12px} .pop_tipbox.hitsel_allday .inner{box-sizing:border-box;min-width:116px;border-color:#d5d5d5;padding:10px 11px 8px 10px} .pop_tipbox.hitsel_allday .daylist{float:left;margin-left:10px;margin-top:7px;} .pop_tipbox.hitsel_allday .daylist:first-child{margin-left:1px} .pop_tipbox.hitsel_allday .daylist a{color:#555} /*//210511 힛갤 배지 선정일*/ /*210511 힛갤 배지 선정일*/ .pop_tipbox.hitsel_allday{text-align:left;right:55px;top:69px} .pop_tipbox.hitsel_allday .tit{color:#333;font-size:12px} .pop_tipbox.hitsel_allday .inner{box-sizing:border-box;min-width:116px;border-color:#d5d5d5;padding:10px 11px 8px 10px} .pop_tipbox.hitsel_allday .daylist{float:left;margin-left:10px;margin-top:7px;} .pop_tipbox.hitsel_allday .daylist:first-child{margin-left:1px} .pop_tipbox.hitsel_allday .daylist a{color:#555} /*//210511 힛갤 배지 선정일*/ /*210524 힛갤 선정 축하 / 231106 갤러콘으로 수정*/ /* .pop_content.hitgall .inner{width:483px;padding:32px 22px 29px 26px;position:relative;box-sizing:border-box;color:#29367c;font-size:14px} .pop_content.hitgall .box{padding-left:112px} .pop_content.hitgall .box::before{content:"";position:absolute;;left:25px;top:26px;display:block;width:101px;height:106px;background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png?0608) no-repeat -1px -962px} .pop_content.hitgall .box p{padding-left:3px} .pop_content.hitgall .box p:first-child{padding-bottom:1px} .pop_content.hitgall .box .hitday{margin-top:-1px;color: #333} .pop_content.hitgall .hitnik{display:inline-block;vertical-align:middle;padding:0 2px 0 4px} .pop_content.hitgall .set_element_box{padding:0;margin-top:11px} .pop_content.hitgall .set_element_box .inner_txt{line-height:21px;font-weight:bold } .pop_content.hitgall .set_element_box .setting_onoff{position:relative;left:0;top:0;display:inline-block;margin-left:16px} .pop_content.hitgall .bottom_box{margin-top:16px;font-size:12px;color:#333;line-height:18px} .pop_content.hitgall .set_element_box .hitnik{padding:0 4px 0 0px} .pop_content.hitgall .set_element_box p{padding-left:0} .pop_content.hitgall .setting_onoff button{margin-top:3px} */ .pop_tipbox.hitgalltip, .pop_tipbox.gallercon_tip{left:4px;top:44px}/*210524 힛갤러리 툴팁*/ .pop_tipbox.hitgalltip .inner, .pop_tipbox.gallercon_tip .inner{background:#98ca33;border:none;border-radius:5px;color:#fff;padding:7px 9px 5px 10px;line-height:16px} .hitgalltip::before, .gallercon_tip::before{content: '';position: absolute;border-style: solid;border-width: 0px 5px 9px 5px;border-color: #98ca33 transparent;display: block; top:-7px;left: 50%; margin-left: -5px;} .pop_content.gallercon_ly .gallercon{margin: 0;vertical-align: -7px;} .pop_content.gallercon_ly .inner{width:483px;padding:32px 22px 23px 26px;position:relative;box-sizing:border-box;color:#29367c;font-size:14px} .pop_content.gallercon_ly .box{padding-left:112px} .pop_content.gallercon_ly .box::before{content:"";position:absolute;left:25px;top:25px;display:block;width: 105px;height: 105px;background: url(https://nstatic.dcinside.com/dc/w/images/bestcon_info_img.png?1) no-repeat center/contain} .pop_content.gallercon_ly .box p{padding-left:3px} .pop_content.gallercon_ly .box p:first-child{padding-bottom:1px} .pop_content.gallercon_ly .box .day{margin-top:2px;color: #333} .pop_content.gallercon_ly .imgwrap{display:inline-block;padding:0 0 0 4px} .pop_content.gallercon_ly .set_element_box{padding:0;margin-top:11px} .pop_content.gallercon_ly .set_element_box .inner_txt{font-weight:bold;line-height: 29px;} .pop_content.gallercon_ly .set_element_box .setting_onoff{position:relative;left:0;top:0;display:inline-block;margin-left:16px} .pop_content.gallercon_ly .bottom_box{margin-top:16px;font-size:12px;color:#333;line-height:18px} .pop_content.gallercon_ly .set_element_box .imgwrap{padding:0 2px 0 0px} .pop_content.gallercon_ly .set_element_box p{padding-left:0} .pop_content.gallercon_ly .setting_onoff button{margin-top:3px} /*//210524 힛갤 선정 축하 / 231106 갤러콘으로 수정*/ /*방명록 차단 설정*/ .pop_content.guestblock{width:398px;} .pop_content.guestblock .inner{padding:17px 13px 0} .pop_content.guestblock .ip_inr{padding:0} .pop_content.guestblock .cont_tit{width:102px;margin-left:0;line-height:16px;color:#333} .pop_content.guestblock .box{margin-top:7px} .pop_content.guestblock .box:first-child{margin-top:0px} .pop_content.guestblock .radiobox input[type="radio"],.pop_content.guestblock .radiobox input + .checkmark{top:1px} .pop_content.guestblock .radiobox label{font-size:12px;color:#555;line-height:15px}/*211118 폰트 버그 line-height:15px추가*/ .pop_content.guestblock .radiobox{padding-left:18px;margin-left:13px;vertical-align:top;line-height:14px}/*211118 폰트 버그 line-height:16px*/ .pop_content.guestblock .radiobox:first-child{margin-left:0} .pop_content.guestblock .ip_inr{border-top:1px #aaa dashed;margin-top:15px;padding-top:17px} .pop_content.guestblock .ip_inr:first-child{border-top:none;margin-top:0;padding-top:0} .pop_content.guestblock .ip_inr textarea{width:253px;height:74px;overflow-y:scroll;border:1px #cecdce solid;line-height:18px;padding:7px} .pop_content.guestblock .info_txt{clear:both;margin-left:84px;margin-top:7px} .pop_content.guestblock .info_txt p{margin-top:2px} .pop_content.guestblock .info_txt p:first-child{margin-top:0} .pop_content.guestblock .info_txt .tip_deco999{margin-right:1px} .pop_content.guestblock .btn_box{margin-top:17px;padding:0 0 25px} .pop_content.guestblock .btn_box button{width:58px} /*210727 성인 게시물 안내*/ .pop_wrap .adult .pop_head.dashed{height:34px;line-height:34px;padding-top:3px} .pop_wrap .adult .pop_head.dashed h3{padding-left:1px} .pop_content.adult{width:auto;min-width:307px;padding:0 10px 14px 12px}/*338px->307 210216*/ .pop_content.adult.post_guide .guide_txtbox{margin-top:11px;margin-left:9px} .pop_content.adult + .under.poply_close{right:12px;top:11px} .pop_content.adult .guide_txtbox p::before{content:'-';display:inline-block; ;width:8px;margin-right:1px;margin-left:-7px } /*210727 성인인증 레이어*/ .pop_content.ly_adult_certify{width:743px} .pop_content.ly_adult_certify .inner{padding:1px 20px 4px} .ly_adult_certify .adult_certify{display:table;table-layout:fixed} .ly_adult_certify .adult_img{display:table-cell;width:150px;height:150px;overflow:hidden} .ly_adult_certify .adult_img.sp_img{background:none;vertical-align:middle} .ly_adult_certify .adult_img::after{content:"";display:block;width:150px;height:150px;background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png)no-repeat -81px -436px}/*churl*/ .ly_adult_certify .adult_certify .box{padding:30px 0 34px 21px} .ly_adult_certify .box_infotxt{margin:0px 0 12px;font-size:14px;color:#333;line-height:22px;text-align:left} .ly_adult_certify .adult_certify .btn_box{margin-left:-3px;text-align:left;border-top:none;padding:0} .ly_adult_certify .adult_certify .btn_box a{display:inline-block;width:108px;height:24px;padding:0;margin-left:7px;line-height:24px;text-align:center;border-radius:15px;font-size:14px} .ly_adult_certify .adult_certify .btn_box a:first-child{margin-left:0} .ly_adult_certify .adult_certify .btn_box a:hover{text-decoration:none} .ly_adult_certify .btn_red.smallest{text-shadow:0px -1px #e82418 } /*210730 검색 개선 - 페이지 이동, 빠른 이동 */ .pop_content.schmove{overflow:visible } .pop_content.schmove .inner{padding:14px 16px 19px 16px;color:#333} .pop_content.schmove .inner.page{width:286px} .pop_content.schmove .inner.fast{width:326px} .pop_content.schmove .hint_txt{letter-spacing:-0.024em} .pop_content.schmove .hint_txt.font_red{padding-top:12px;padding-bottom:1px;line-height:100%} .pop_content .moveset{position:relative;margin-top:11px;font-size:0} .pop_content .moveset .tit, .pop_content .moveset input, .pop_content .moveset .num, .pop_content .moveset .txt, .pop_content .moveset > button{font-size:12px;font-weight:normal;margin-left:0;vertical-align: middle} .pop_content .moveset input{border:1px #ccc solid;width:76px;height:27px;margin:0 8px 0 7px;padding:7px 9px 8px;box-sizing:border-box;text-align:right;line-height:100%}/*211118 폰트 버그 padding:8px 9px 수정,line-height:100%추가*/ .pop_content .fast .moveset input{width:78px;padding:7px 6px 8px;text-align:left}/*211118 폰트 버그 padding:8px 6px;width:76px*/ .pop_content .moveset > button{width:60px;height:27px;line-height:25px;margin-left:15px}/*211118 폰트버그 line-height:27px*/ .pop_content .fast .moveset > button{margin-left:13px} .pop_content .moveset .num::before{content:"/";color:#333;font-size:12px;margin-right:4px} /*검색 개선 빠른이동 -달력*/ .pop_content.schmove .calendar_wrap .inner{right:auto;left:43px;top:32px;padding:0} .pop_content.schmove .cal_topbox{margin-bottom:6px} .pop_content.schmove .calendar_box .day, .pop_content.schmove .calendar_box th {font-size:11px;font-family:Tahoma;font-weight:normal} .pop_content.schmove tbody tr:hover{background:none} .pop_content.schmove tbody tr:first-child td{padding-top:4px} .pop_content.schmove .calendar_box .day{cursor:pointer;margin-left:0 } .pop_content.schmove .writing_day{width:17px;height:18px;display:inline-block;background:#3b4890;border-radius:50%;font-family:Tahoma;font-size:11px;color:#fff;vertical-align:top;line-height:18px} .pop_content.schmove .tit_box > strong{margin:0 5px} .pop_content.schmove .btn_prev_month, .pop_content.schmove .btn_next_month{padding:9px 10px 10px;margin-top:-3px} /*210820 소스 공유하기*/ .pop_content.source_share{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif} .pop_content.source_share .inner{padding:20px 20px 7px} .source_share_in,.tx-canvas textarea.source_share_in{width:408px;height:69px;border:1px #bbb solid;box-sizing:border-box;padding:8px 8px 10px;margin-top:0;overflow-y:scroll;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;color:#333;line-height:1.5} .source_share .infotxt{padding:0px 19px 14px;color:#999;font-size:12px;text-align:left;word-break:break-all;word-wrap:break-word} .source_share .infotxt .tip_deco999{margin-right:1px} .write_div .video_wrap div .pop_wrap .btn_box{padding-bottom:20px} .pop_content.source_share .btn_blue.small{width:85px;margin-left:0} /*//210820 소스 공유하기*/ /*210820 동영상 등록*/ .videoup .content_box{border:none;padding:20px 20px 17px;margin-top:0} .vdo_thumlist li a::after, .vdo_thumsel::after{content:"";position:absolute;left:0;top:0;border:1px solid #cecdce} .vdo_thumsel{overflow:hidden;float:left;position:relative;width:220px;height:220px;line-height:220px;background:#f3f3f3;margin-right:7px;vertical-align:top;text-align:center} .vdo_thumsel::after{width:218px;height:218px} .vdo_thumsel img{vertical-align:middle;max-width:100%;max-height:100%} .vdo_thumlist{float:right;width:335px} .vdo_thumlist ul{margin:-10px 0 0 -10px!important} .vdo_thumlist li{overflow:hidden;position:relative;float:left;width:105px;height:105px;;line-height:105px;background:#f3f3f3;text-align:center;margin:10px 0 0 10px!important} .vdo_thumlist li a{display:block;width:105px;height:105px} .vdo_thumlist li a::after{width:103px;height:103px;} .vdo_thumlist li.sel a::after{width:101px;height:101px;;border:2px #3b4890 solid} .vdo_thumlist li img{vertical-align:middle;max-width:100%;max-height:100%;/*image-rendering:pixelated*/} .vdo_thumbox + .vdo_formbox{margin-top:25px} .vdo_formbox{font-size:12px;color:#555;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif } .vdo_formbox .con_tit{width:81px;padding-top:5px;font-size:12px;color:#555;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;font-weight:bold } .vdo_formbox .con_inr textarea{overflow-y:scroll;width:465px;height:49px;padding:9px 9px;border:1px #cecdce solid;color:#555;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;line-height:1.5} .videoup .box.tag{margin-top:15px} .videoup .box.tag .con_inr{width:492px;margin:-7px 0 0 -7px;font-size:0} .taginput{position:relative;display:inline-block;width:123px;height:28px;border:1px #cecdce solid;padding:0 25px 0 7px;margin:7px 0 0 7px} .taginput input{display:inline-block;width:100%;height:26px;line-height:27px;border:none;color:#555}/*211118 폰트 버그 line-height:26px*/ .taginput .del{position:absolute;right:9px;top:9px;display:inline;;width:11px;height:11px;vertical-align:top;background-position:-139px -961px}/*211118 폰트 버그 top:8px*/ .taginput .del{display:inline;width:11px;height:11px;vertical-align:top;background-position:-139px -961px } .videoup .downset{margin-top:16px} .videoup .downset .con_tit{padding-top:1px} .videoup .downset .con_inr{font-size:0} .videoup .downset .radiobox{padding-left:18px;margin-left:18px} .videoup .downset .radiobox:first-child{margin-left:0} .videoup .downset label{font-weight:bold;font-size:12px} .videoup .btn_blue{margin-left:0} /*//210820 동영상 등록*/ /*210913*/ /*닉네임 변경하기, 보안 코드 재발급 하기 */ .changform_box .pop_chang.issue{width:496px}/*닉네임 변경하기*/ .con.recode .pop_chang.issue{width:668px}/*보안 코드 재발급 하기*/ .pop_chang.issue{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;font-size:14px;padding-bottom:29px} .pop_chang.issue .info_txt{padding:22px 28px 0 35px;line-height:26px;margin-top:0;letter-spacing:-0.025em} .con.recode .pop_chang.issue .info_txt{padding:22px 24px 0 24px}/*보안 코드 재발급 하기*/ .pop_chang.issue .info_txt p{font-weight:normal} .pop_chang.issue .btn_box{margin-top:17px;font-size:0} .pop_chang.issue .btn_box button{width:188px;font-size:14px;margin-left:10px;font-weight:normal} .pop_chang.issue .btn_box button:first-child{margin-left:0} .pop_content.issue .info_txt p::before{width:3px;height:3px;vertical-align:4px} /*보안 코드 인증, 구굴 otp 인증*/ .pop_content.issue.certify .inner{padding:14px 14px 15px} .pop_content.issue.certify .txt{font-size:12px;margin-bottom:10px;font-weight:normal;padding-left:0;line-height:14px;letter-spacing:0} .pop_content.issue.certify .code_inputbox{float:none;width:268px} .pop_content.issue.certify .code_input{width:197px;color:#333} .pop_content.issue.certify input.code_input:-ms-input-placeholder{color:#aaa} /*보안 코드 재발급 안내*/ .pop_content.re_codeguide{padding:2px 12px 14px} .pop_wrap .pop_content.re_codeguide .pop_head.dashed{height:35px;line-height:37px} .pop_content.re_codeguide .guide_txtbox{margin-top:11px;padding:0 2px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;font-size:12px;color:#555;font-weight:normal;line-height:20px} .pop_content.re_codeguide .pop_head{padding-left:1px} .pop_content.email_issue{width:603px} .pop_content.email_issue .inner{padding:22px 19px 22px} .login_wrap .pop_content.email_issue .form_group.email{margin-top:0} .pop_content.email_issue .form_txt{width:auto} .pop_content.email_issue .email .form_txt .int{width:187px} .pop_content.email_issue .code_box {width:auto;margin:0} .pop_content.email_issue .subject_select.email_sel .select_area{position:absolute} .pop_content.email_issue .subject_select .option_box{width:150px;height:245px;overflow-y:scroll} .pop_content.email_issue .tip_deco_bar::before{left:1px} .pop_content.email_issue .tip_msgbox p, .security_center .con.recode .pop_content.email_issue .tip_msg{font-weight:normal} .security_center .con.recode .pop_content.email_issue .incode_wrap p{padding-left:0} .pop_content.email_issue .email_agree .bg_box{padding:10px 17px 6px} .pop_content.email_issue .email_agree .agree_check{padding-top:2px} .pop_content.email_issue .code_inputbox{width:280px} .pop_content.email_issue .code_input{width:209px} .pop_content.email_issue .email_agreemsg{font-size:12px} .pop_content.email_issue .tip_msg + .email_agreemsg{margin-top:3px} .pop_content.security{width:690px} .pop_content.security .security_codewrap .securitybox{padding:39px 32px 38px} .pop_content.security .security_codewrap .code{margin-top:8px} .pop_content.security .security_codewrap .util{margin-top:30px} .pop_content.security .con.innermg{margin:0} .security_center .con.recode .pop_content.security p{font-weight:normal;letter-spacing:0} /*220808 다른 인증 사용하기(토스인증)*/ .pop_content .another_go{position:relative;bottom:-13px;right:22px} .pop_content.ly_adult_certify .another_go{bottom:20px;margin-bottom:1px}/*글쓰기 페이지의 성인 인증 레이어*/ /*//220808 토스인증*/ /*//210913*/ /*211014 만두 서비스 종료 사전 안내*/ .service_over{width:478px} .service_over .inner{padding:17px 22px 22px} .svc_overtxt{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif;font-size:12px;font-weight:bold;color:#333;letter-spacing:-0.025em;line-height:20px;margin-left:3px} .svc_overtxt.bg{background:#f3f3f3;font-weight:normal;margin:9px 0 12px;padding:14px 16px 12px 20px;line-height:18px;margin-left:0} .svc_overtxt.bg p{margin-top:4px} .svc_overtxt.bg p:first-child{margin-top:0} .svc_overtxt .tip_deco_dot{margin-left:-3px;margin-right:2px} .svc_overtxt .tip_deco_dot.em{background:none} .service_over .btn_box{border-top:0;padding:10px 0 0px} .service_over .btn_box .btn_grey{display:inline-block;height:29px;margin-left:0;padding:0 21px;font-size:12px} .svc_overcheck{position:absolute;bottom:14px;right:22px;text-align:right;font-size:11px } .svc_overcheck .checkbox{padding-left:19px} .svc_overcheck .checkbox label{vertical-align:text-top;color:#555;letter-spacing:-0.05em} .service_over + .poply_whiteclose{right:15px} .service_over .btn_box a:hover{text-decoration:none} /*//211014 만두 서비스 종료 사전 안내*/ /*211014 디시콘 이용안내 */ .pop_content.dccon_policy{width:610px;} .dccon_policy .policy_cont{overflow-y:scroll;height:595px;padding:16px 17px 0;margin-bottom:15px;color:#555;line-height:20px;border:none} /*//211014 디시콘 이용안내 */ /*211209 개인정보처리방침 레이어*/ .lyprivacy{position:absolute;width:465px;line-height:1.5;z-index:1}/*220616 z-index 추가*/ .lyprivacy .inner{position:relative;padding:10px 13px 14px;background:#fff;border:1px solid #ccc} .policy_table.ly{margin:11px 0 0} .policy_table .alignleft{text-align:left} .policy_table.ly th{height:30px} .policy_table.ly td{padding:10px} .policy_table.ly th, .policy_table.ly td{border-width:1px 0 1px 1px;font-size:11px} .policy_table.ly th:first-child, .policy_table.ly td:first-child{border-width:1px 1px 1px 0px} .lyprivacy .poply_close{top:11px;right:11px} /*//211209 개인정보처리방침 레이어*/ /*211208 시리즈*/ .icon_moving.grey{background-position:-206px -962px;vertical-align:1px} .pop_dcseries .srs_intit input::-webkit-input-placeholder, .pop_dcseries .srs_intxt textarea::-webkit-input-placeholder{color:#999} .pop_dcseries .srs_intit input:-moz-placeholder, .pop_dcseries .srs_intxt textarea:-moz-placeholder{color:#999} .pop_dcseries .srs_intit input:-ms-input-placeholder, .pop_dcseries .srs_intxt textarea:-ms-input-placeholder{color:#999} .pop_wrap.srs{width:700px;border-width:2px 0 0} .pop_wrap.srs .inner{border:1px #ccc solid;border-width:0 1px 1px} .pop_content.pop_dcseries{color:#333} .pop_dcseries .con_box{margin:0} .pop_dcseries .btn_white.small{padding-right:0;margin-left:0} .pop_dcseries .con_box.top{border-bottom:1px #ccc solid} .pop_dcseries .srs_intit input{width:100%;height:49px;line-height:49px;vertical-align:0;padding:0 15px ;border:none;border-bottom:1px #ccc solid;;box-sizing:border-box;font-size:13px;color:#333} .srs_intxt{padding:14px} .pop_dcseries .srs_intxt textarea{width:590px;height:60px;padding:7px 10px;box-sizing:border-box;border:1px #ccc solid;text-align:left;line-height:20px} .pop_dcseries .srs_intxt .btn_white.small{border-radius:0;width:70px;height:60px} .pop_dcseries .con_box.bottom{height:305px} .pop_dcseries .infotxt{padding:90px 0 0 180px;line-height:22px} .pop_dcseries .infotxt h4{font-size:14px} .pop_dcseries .infotxt h4 + p{margin-top:3px} .pop_dcseries .infotxt p{color:#666;margin-top:8px} .pop_dcseries .headbox{height:35px;padding:0 15px;line-height:35px;vertical-align:top;border-bottom:1px #eee solid;background:#f3f3f3} .pop_dcseries .headbox .fl{font-weight:bold;color:#29367c } .srs_list{overflow-y:scroll;height:269px} .srs_list li{display:table;width:100%;height:54px;box-sizing:border-box;border-top:1px #eee solid;background:#fff} .srs_list li:first-child{border-top:none} .srs_list li:last-child{border-bottom:1px #eee solid} .srs_list li > div{display:table-cell;vertical-align:middle;box-sizing:border-box} .srs_list .lbox{width:39px;padding:0 11px 0 14px } .srs_list .btn_del{margin-left:0;vertical-align:-1px} .srs_list .cbox{font-size:13px;line-height:18px;padding-top:5px} .srs_list .srsinfo{font-size:0} .srs_list .srsinfo > span{font-size:12px;color:#999;} .srs_list .srsinfo > span::before{content:"";display:inline-block;width:1px;height:11px;background:#d7d7d7;margin:0 6px;vertical-align:-1px } .srs_list .srsinfo > span:first-child::before{display:none} .srs_list .srsinfo .not{color:#d31900} .srs_list .rbox{width:43px } .srs_list .rbox .btn_moving{width:100%;height:100%} .pop_dcseries .btn_listsort{vertical-align:top;height:35px;line-height:35px;color:#777} .pop_dcseries .icon_listsort{display:inline-block;width:19px;height:13px;background-position:-28px -1px;vertical-align:-2px} .pop_dcseries .icon_listsort.new{background-position:-1px -1px} .pop_dcseries .btn_box{position:relative;padding:14px 14px 16px} .pop_dcseries .btn_box{border-top:1px #ccc solid} .pop_dcseries .btn_box .fl{font-size:0} .pop_dcseries .btn_box .btn_white.small{} .pop_dcseries .btn_srsnum{color:#29367c;font-weight:bold;text-decoration:underline;font-size:12px;margin-left:13px;line-height:29px} /*임시 저장*/ .srs_tem{width:418px} .pop_dcseries .btn_box .srs_temlist .fl{font-size:13px;color:#555;cursor:pointer} .pop_dcseries .btn_box .srs_temlist .fl .tit{display:inline-block;max-width:223px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap} .pop_dcseries .btn_box .srs_temlist .fl .num{vertical-align:top} .srs_temlist{overflow-y:scroll;height:124px;padding:15px 10px 16px 15px} .srs_temlist li{line-height:20px} .srs_temlist li:first-child{margin-top:3px} .srs_temday{font-family:Tahoma;color:#999;font-size:11px;vertical-align:top} .srs_tem .pop_head > h3{display:inline-block;color:#3c4790 } .srs_tem .pop_head .num{font-size:14px;color:#3c4790;margin-left:4px} .srs_temlist .btn_del{vertical-align:-2px} /*//211208 시리즈*/ .user_guide_popup{z-index:4002!important} /* 211215 갤러리이용안내*/ /*220221 디시 로터리 - 활동 지수 안내*/ .ly_atvt_index{padding:0px 11px 15px} .pop_wrap .ly_atvt_index .pop_head.dashed{padding-left:3px;height:37px;line-height:38px} .ly_atvt_index .guide_txtbox{color:#555;font-size:12px;margin:10px 8px 0 3px} .ly_atvt_index ~ .poply_close{right:12px;top:11px} /*//220221 디시 로터리 - 활동 지수 안내*/ /*220221 디시 로터리*/ .pop_content.ltrdate{width:500px;color:#333} .pop_content.ltrdate .inr{padding:15px 24px 26px} .pop_content.ltrdate .inr .info{font-size:12px } .pop_content.ltrdate table{width:100%;margin-top:14px} .pop_content.ltrdate thead th{height:35px;line-height:35px;border-width:1px 0 1px} .pop_content.ltrdate table td{position:relative;height:36px;text-align:center;font-size:12px;box-sizing:border-box;padding:1px 4px 3px;line-height:18px} .pop_content.ltrdate tr:last-child td{border-bottom:1px solid #3b4890} .pop_content.ltrdate .winnerchk .thead2{padding:0 4px}/*당첨자 확인레이어 내 당첨 */ .pop_content.ltrdate .winnerchk .thead2, .pop_content.ltrdate .winnerchk td:nth-last-child(2) {text-align:left;padding-left:94px}/*당첨자 확인레이어 내 당첨 220817 padding-left:97px 수정*/ .pop_content.ltrdate .winnerchk td:nth-last-child(2){padding-right:82px;padding-top:5px} .pop_content.ltrdate .winnerchk td .nik{display:inline-block;;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap} .pop_content.ltrdate tbody tr:hover{background:none} /*스크롤 테이블*/ .pop_content.ltrdate .table_head{width:452px;margin:0;padding-top:37px;margin-top:14px} .pop_content.ltrdate .scrolls{max-height:251px;overflow-y:auto} .pop_content.ltrdate .scrolls table{height:auto;margin-top:0} .pop_content.ltrdate .scrolls thead{height:0} .pop_content.ltrdate .scrolls .thead1{width:111px} .pop_content.ltrdate .scrolls .thead2{width:200px} .pop_content.ltrdate .scrolls .thead3{width:141px} .pop_content.ltrdate .scrolls thead tr{position:absolute;top:0;left:0 } .pop_content.ltrdate .scrolls tr:last-child td{border-bottom:none} .pop_content.ltrdate .btn_box{border-top:none;margin-top:18px;padding:0} .pop_content.ltrdate .bottom_paging_box + .btn_box{margin-top:8px} .pop_content.ltrdate .btn_box button{width:85px;margin-left:0} .pop_content.ltrdate .bottom_paging_box{margin-top:16px;font-size:0} /*.pop_content.ltrdate .bottom_paging_box a, .pop_content.ltrdate .bottom_paging_box em{font-size:12px;margin-left:10px}*/ /*.pop_content.ltrdate .bottom_paging_box.iconpaging a.page_end{margin-left:0}220303 추가*/ /*.pop_content.ltrdate .iconpaging .page_next{margin:0 10px 0 19px}220303 .pop_content.ltrdate .iconpaging .page_prev{margin-right:9px} .pop_content.ltrdate .iconpaging .page_first, .pop_content.ltrdate .iconpaging .page_prev, .pop_content.ltrdate .iconpaging .page_next, .pop_content.ltrdate .iconpaging .page_end{vertical-align:1px}220303*/ .ltrdate .icon_win, .ltrdate .icon_cancel{ position:absolute;display:inline-block;height:17px;line-height:15px;vertical-align:0;box-sizing:border-box;font-size:12px;border-radius:2.5px;text-align:center } .ltrdate .icon_win{min-width:29px;max-width:65px;padding:0 1px;white-space:nowrap;background:#3b4890;color:#fff;border:1px #29367c solid;text-shadow:0px -1px rgba(0, 0, 0, 0.3);letter-spacing:-0.05em;margin:1px 0 0 5px} .ltrdate .icon_cancel{width:52px;background:#fff;color:#3b4890;border:1px #3b4890 solid;margin:1px 0 0 6px} /*220817*/ .ltrdate .icon_win.money, .ltrdate .icon_win.gift{margin:1px 0 0 0;left:-7px;top:auto;} .ltrdate .icon_win.gift{background:#009933;border-color:#00701f;padding:0 2px;text-shadow: 0px -1px #00701f} .ltrdate .icon_win.green{background:#009933;border-color:#00701f;text-shadow: 0px -1px #00701f} .pop_content.ltrdate table.applylist td:nth-child(2), .pop_content.ltrdate table.applylist .thead2{padding-left:20px;} /*//220221 디시 로터리*/ /*220808 인증하기(토스인증 추가)*/ .another_certify{min-width:186px} .another_certify .inr{padding:19px 20px 20px;color:#333} .another_certify .stit{display:block ;text-align:center;font-size:13px;line-height:100%} .another_certify .txtbox, .security_center .con.recode .another_certify p {margin-top:11px;line-height:1.5;font-size:12px;font-weight:normal;padding-left:0;letter-spacing:0} .another_certify .btn_box, .otp.appinfo .another_certify .btn_box,.security_center .con.recode .another_certify .btn_box {border-top:none;padding:0;margin:12px 0 0;font-size:12px} .another_certify .btn_box button:first-child, .otp.appinfo .another_certify .btn_box button:first-child{margin-left:0} .another_certify .btn_box button{font-weight:normal } .pop_chang.issue .another_certify .btn_box button.auto{width:auto;font-size:12px} .another_certify .btn_box button.auto{padding:0 13px} /*//220808 인증하기(토스인증 추가)*/ /*220913 머리말 꼬리말 설정*/ .txtmark_setting_wrap{width:480px;box-sizing:border-box; } .txtmark_setting_wrap .tabcontent{width:auto;height:auto;overflow-y:inherit;padding:0} .txtmark_setting_wrap .tab_menubox{margin:18px 19px 0} .txtmark_setting_wrap .tab_menubox button{width:50%;height:55px;box-sizing:border-box;line-height:17px} .txtmark_setting_wrap .gallname{padding:0 10px;font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:normal} .txtmark_setting_wrap .pop_info, .txtmark_gallset .pop_info{position:relative;padding:10px 15px 10px} .txtmark_setting_wrap .tabcontent .pop_info{margin:15px 19px 0;padding:12px 13px 13px;font-size:14px} .txtmark_setting_wrap .tabcontent .reply .pop_info{margin-top:20px} .txtmark_setting_wrap .setting_onoff{bottom:10px;right:13px} .txtmark_setting_wrap .cont_tit{float:none;margin-left:0;line-height:100%;} .txtmark_setting_wrap .set_cont{padding:0 24px;margin-top:19px;border-bottom:none;overflow:inherit;} .txtmark_setting_wrap .set_cont:first-child{margin-top:16px} .txtmark_setting_wrap .set_cont .inr{position:relative} .txtmark_setting_wrap .sel_color{position:absolute;width:40px;height:17px;right:0;top:-2px;border-radius:2px } .pop_content.txtmark_setting_wrap .another_go{position:absolute;bottom:10px;right:15px} .txtmark_setting_wrap .another_go::before{display:none} .txtmark_setting_wrap .another_go::after{content:"";width:5px;height:11px;display:inline-block;background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png)no-repeat -124px -57px} .textarea_box{margin-top:12px} .textarea_box textarea{width:432px;height:80px;padding:9px 10px;box-sizing:border-box;background-color:#fff;line-height:17px;border-color:#ccc;color:#333} .textarea_box textarea:focus{outline:none} .pop_wrap .txtmark_setting_wrap .btn_box{margin-top:30px;padding:12px 0 17px} .txtmark_setting_wrap .setdel{position:relative;left:0;top:12px;padding:0px 24px 0;text-align:right;line-height:100% } .txtmark_setting_wrap .setdel button{text-decoration:underline;color:#29367c } /*240123 스포일러 경고 설정 */ .spoiler_setting_wrap .inner{width:350px;padding: 0 19px 4px 19px} .spoiler_setting_wrap .set_cont{padding: 0 0 18px;margin-top: 16px} .spoiler_setting_wrap .set_cont .tit{color: #333;font-size: 13px} .spoiler_setting_wrap .set_cont .txt{color: #555;margin-top: 6px} .spoiler_setting_wrap .set_cont .setting_onoff{bottom: initial;top: 2px;right: 0} /*갤러리별 설정 전체*/ .txtmark_gallset{width:418px} .txtmark_gallset .inner{} .txtmark_gallset .list{margin-top:17px;height:492px;overflow-y:auto} .txtmark_gallset li{border-top:1px #eee solid;margin:0px 19px 0} .txtmark_gallset li:first-child{border-top:none} .txtmark_gallset li:last-child{border-bottom:1px #eee solid} .txtmark_gallset li a{position:relative;display:block;padding:13px 20px 14px 3px;line-height:100%;font-size:14px;color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap} .txtmark_gallset li:first-child a{padding-top:4px} .txtmark_gallset li a:hover{text-decoration:none} .txtmark_gallset li a::after{content:"";position:absolute;top:15px;right:7px;display:block;width:6px;height:11px; background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png?1)no-repeat -253px -1024px} .txtmark_gallset li:first-child a::after{top:6px} .pop_wrap .txtmark_gallset .btn_box{margin-top:0;padding:12px 0 17px} /*색상 설정*/ .IroColorPicker{width:288px} .txtmark_colorset{width:378px;} .txtmark_colorset .inner > img[src*="https://nstatic.dcinside.com/dc/test/w/images"]{display:block } .txtmark_colorset .inner > div{margin:0 auto} .txtmark_colorset .sel_color.box{width:80px;height:30px;line-height:100%;border-radius:2px;margin:42px auto 22px} .txtmark_colorset .btn_box{margin-top:55px;padding:12px 0 17px} /*//220913 머리말 꼬리말 설정*/ /*220913 갤러리 정보*/ .pop_content.gall_info{overflow:inherit;} .gall_issuebox .bundle .pop_wrap button::before{display:none} .pop_content.gall_info .inner{width:438px;position:relative;margin:15px 15px 17px 15px} .pop_content.gall_info .imgbox{ width:156px;height:104px;margin:0;border:none; background:url(https://nstatic.dcinside.com/dc/w/images/img_none1.jpg)no-repeat center center;background-color:#f3f3f3;background-size:cover} .pop_content.gall_info .imgbox .cover{width:156px;height:104px;background-color:transparent} .pop_content.gall_info .gallinfo_box{position:absolute;top:0;left:174px;margin-top:11px} .pop_content.gall_info .gall_ranking{display:table;height:31px;table-layout:fixed;white-space:nowrap;;vertical-align:middle} .pop_content.gall_info .gall_ranking .granking_img, .pop_content.gall_info .gall_ranking .granking_num, .pop_content.gall_info .gall_ranking .btnbox{display:table-cell;vertical-align:middle; } .gall_issuebox .pop_content.gall_info .btnbox{padding-left:0} .gall_issuebox .pop_content.gall_info button.btn_hotgall_allview{padding:0 7px;color:#29367c} /*갤러리 순위 */ .granking_img{background-image:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_ranking.png);background-repeat:no-repeat;padding-right:6px} .granking_img.newgall{width:104px;height:27px;background-position:0px 0px }/*신규갤*/ .granking_img.bighot{width:102px;height:30px;background-position:-112px 0}/*대흥갤*/ .granking_img.hot{width:100px;height:31px;background-position:-222px 0 }/*흥한갤*/ .granking_img.normal{width:103px;height:27px;background-position:-332px 0 }/*흔한갤*/ .granking_img.darkness{width:98px;height:30px;background-position:0 -35px}/*정전갤*/ .granking_img.outsied{width:86px;height:22px;background-position:-106px -33px;}/*순위권 밖*/ /*숫자,위*/ .granking_num{font-size:0;vertical-align:top;padding-right:6px} .gnumimg,.img_wi{display:inline-block;vertical-align:top;background-image:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_num1.png?1);background-repeat:no-repeat} .gnumimg{width:16px;height:22px;margin-top:2px} .gnumimg.n0{background-position:0 0px} .gnumimg.n1{width:10px;background-position:0px -30px} .gnumimg.n2{background-position:0 -60px} .gnumimg.n3{height:23px;background-position:0 -90px;margin-top:1px} .gnumimg.n4{width:17px;background-position:0 -122px} .gnumimg.n5{width:14px;height:23px;background-position:0 -153px;margin-top:1px} .gnumimg.n6{height:24px;background-position:0 -184px;;margin-top:1px} .gnumimg.n7{width:15px;background-position:0 -216px} .gnumimg.n8{width:17px;height:23px;background-position:0 -246px;margin-top:1px} .gnumimg.n9{height:25px;background-position:0 -277px;margin-top:0} .img_wi{width:21px;height:25px;background-position:0 -309px}/*위*/ .pop_content.gall_info .gallinfo{position:relative;margin-top:9px} .pop_content.gall_info .gallinfo .day, .pop_content.gall_info .gallinfo {color:#333;line-height:22px} .pop_content.gall_info .gallinfo .info::before{content:"";display:inline-block;width:2px;height:2px;border-radius:50%;background:#333;vertical-align:5px;line-height:22px;font-size:0 } .pop_content.gall_info .gallinfo .info .tit{display:inline-block;width:59px;margin-right:4px } /*//220913 갤러리 정보*/ /*221018 nft 발행 - 비밀번호 입력*/ .nftpublish_wrap{width:998px} .nftpublish_wrap.w760{width:758px} .nftpublish_wrap .no_memberwrap{width:100%;margin:215px auto 215px} .nftpublish_wrap .no_member_cont{width:100%;border:none} .nftpublish_wrap .no_member_cont .inner{width:176px;margin:0 auto} .nftpublish_wrap .no_memberwrap .btn_box{border-top:none} .nftpublish_wrap .no_memberwrap .no_member_cont .btn_box button:nth-child(2){position:inherit} /*//221018 nft 발행 - 비밀번호 입력*/ /*221018 nft 발행 */ .nftpublish_wrap .nftpublish_box{position:relative;line-height:13px;display:table} .nftpublish_box .left{/*float:left*/;width:679px;padding:0 20px 27px;box-sizing:border-box;display:table-cell} .nftpublish_box .left::after{content:"";position:absolute;left:679px;top:0;width:1px;height:100%;display:block;background:#29367c} .nftpublish_box .left .set_cont{font-size:13px;color:#555;padding:21px 0 20px} .nftpublish_box .left .cont_tit{position:relative;width:89px;margin-left:0;font-size:13px} .nftpublish_box .left .cont_tit .essential{position:absolute;margin-top:-2px;margin-left:2px} .nftpublish_box .left .con_inr{float:left;width:550px} .nftpublish_box .left .set_cont .box{margin-top:14px} .nftpublish_box .left .set_cont .box:first-child{margin-top:0} .nftpublish_box .left .set_cont .box:after{content:"";clear:both;display:block;visibility:hidden} .nftpublish_box .left .box.url .con_inr{height:30px;line-height:30px} .nftpublish_box .left .box .int{height:30px;line-height:30px;padding:0 8px;font-size:13px} .nftpublish_box .left .box .tip{margin-top:7px;font-size:11px} .nftpublish_box .left > .tip{text-align:center;margin-top:14px;font-size:12px} .nftpublish_box .left .box.klip .tip{margin-top:0;line-height:1.5} .nftpublish_box .left .box.explain textarea{width:100%;height:95px;box-sizing:border-box;border:1px #cecdce solid;padding:5px 8px;line-height:18px;color:#555;font-size:13px} .box.klip .inr{height:30px;line-height:30px} .btn_klip_connect{height:23px;line-height:23px;vertical-align:1px;padding:0 9px;background:#386ce9;border-radius:50px;color:#fff;font-size:12px;font-weight:bold;text-shadow:0px -1px rgba(0,0,0, 0.3)} .btn_klip_connect .deco{display:inline-block;width:52px;height:23px;background-position:-25px 4px;vertical-align:-6px;margin-right:3px} .klip_connectwan{color:#386ce9;font-weight:bold;font-size:12px;margin-left:-1px} .klip_connectwan .deco{display:inline-block;width:36px;height:21px;background-position:-85px 0px;vertical-align:-5px;margin-right:4px} .klip_connectwan .txt, .btn_klip_connect .txt{letter-spacing:-0.025em} .btn_klip_connect .txt{vertical-align:1px} .btn_haeji{height:19px;padding:0 8px;background:#aaa;border-radius:50px;color:#fff;font-size:11px;line-height:19px;vertical-align:1px;font-weight:bold;text-shadow:0px -1px rgba(0,0,0, 0.3);margin-left:8px} .nftpublish_box .agree_chk{margin-top:20px} .nftpublish_box .agree_chk .chkbox{line-height:100%;font-size:12px;color:#555} /*.nftpublish_box .agree_chk .chkbox .checkbox{line-height:13px}*/ .nftpublish_box .agree_chk label{margin-left:7px;font-weight:bold } .nftpublish_box .agree_chk .bg_yeonblue{padding:14px 13px 15px;margin:15px 0 21px} .nftpublish_box .agree_chk .bg_yeonblue > div:last-child{margin-top:8px} .nftpublish_box .agree_chk .bg_yeonblue p{display:inline-block;width:48%;font-size:12px} .nftpublish_box .agree_chk .bg_yeonblue p::before{content:"";display:inline-block;width:3px;height:1px;background:#555;vertical-align:3px;margin-right:5px} .nftpublish_box .agree_chk .operatingbox{width:639px;height:75px;border:1px #cecdce solid;box-sizing:border-box;margin-top:15px;overflow-y:auto} .nftpublish_box .agree_chk .operatingbox .privacy_box.nft_privacy{} .nftpublish_box .agree_chk .operatingbox .privacy_box.nft_privacy .tab_contbox{overflow-y:visible;height:inherit; } .nftpublish_box .agree_chk .operatingbox .privacy_box.nft_privacy .inner{width:auto;;} .nftpublish_box .left .btn_nftbox{position:inherit;text-align:center;margin-top:15px} .nftpublish_box .left .btn_nftbox .btn_blue.small.btn_publish{min-width:150px;font-size:14px} .nftpublish_box .right{/*float:right*/;width:319px;box-sizing:border-box;padding:65px 34px 0;margin-bottom:50px;display:table-cell;vertical-align:top } .nftpublish_wrap .qrbox img{display:block;width:230px;height:230px;margin:0 auto } .nftpublish_box .right .qrbox img{width:184px;height:184px} .nftpublish_box .right .txtbox{font-size:14px;text-align:center;margin-top:22px;letter-spacing:-0.025em;color:#333} .nftpublish_box .right .txtbox b{font-size:18px;line-height:26px;} .nftpublish_box .right .txtbox .small{margin-top:5px;line-height:20px} .nftpublish_box .right .btn_box{position:absolute;right:0;bottom:0;width:319px;border-top:none;padding:0 0 35px} .nftpublish_box .txtbtn_cancle{font-size:13px;color:#555;text-decoration:underline;font-weight:bold;line-height:17px} /*nft 발행 안내*/ .nftpublish_box .right.annae{padding:27px 15px 26px 16px;margin-bottom:0;background:#f8f8f8 } .nftpublish_box .right .annae_box .txtbox{font-size:12px;text-align:left;line-height:100%;padding:0 3px;margin-top:12px} .nftpublish_box .right .annae_box .txtbox > p.font_grey{margin-top:11px;letter-spacing:-0.025em;font-size:11px} .nftpublish_box .right .annae_box .txtbox b{font-size:12px} .nftpublish_box .right .annae_box .txtbox .go{color:#626da6;text-decoration:underline} .nftpublish_box .annae_box .tit{display:block;text-align:center;font-size:14px;letter-spacing:-0.05em;line-height:18px} .nftpublish_box .annae_box .stepbox{margin-top:24px;padding-bottom:2px} .nftpublish_box .annae_box .bunch .inr{position:relative} .nftpublish_box .annae_box .step_tit{position:absolute;left:2px;top:-8px;width:61px;height:23px;line-height:23px;background:#fff;outline:2px #eee solid;border-radius:5px; font-size:12px;letter-spacing:-0.025em;text-align:center} .nftpublish_box .annae_box .step_txt{padding:14px 14px 14px 71px;margin-top:10px;background:#eee;border-radius:8px;letter-spacing:-0.025em} .nftpublish_box .annae_box .step_txt::before{background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_image.png)no-repeat 0 0} .nftpublish_box .annae_box .step_txt > strong{display:block ;font-size:12px;font-weight:normal;padding-bottom:2px} .nftpublish_box .annae_box .step_txt > p{position:relative;padding-left:6px;font-size:11px;color:#777;margin-top:3px} .nftpublish_box .annae_box .step_txt > p::before{content:"";position:absolute;left:1px;top:5px;display:block;width:2px;height:2px;background:#888} .nftpublish_box .annae_box .step1 .step_txt::before{content:"";position:absolute;left:14px;top:22px;display:block;width:41px;height:45px;background-position:-274px -114px} .nftpublish_box .annae_box .step2 .step_txt{width:96px;height:25px;margin:0 auto;padding:0;line-height:25px;font-size:11px;text-align:center} .nftpublish_box .annae_box .step3 .step_txt::before{content:"";position:absolute;left:15px;top:25px;display:block;width:39px;height:36px;background-position:-346px -66px} .nftpublish_box .annae_box .stepbox .deco{content:"";display:block;width:12px;height:9px;margin:6px auto 4px;background-position:-353px -0px} .nftpublish_box .right.bg{background-color:#f3f7ff} /*스피너*/ .nftpublish_box .loading_box.big{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:4004} /*//221018 nft 발행 */ /*221018 nft 발행이 완료되었습니다*/ .nft_complete{min-width:398px;text-align:center;padding:40px 15px 42px;line-height:24px;box-sizing:border-box} .nft_complete .bigt{font-size:20px;color:#333} .nft_complete .smallt{font-size:14px;color:#555} .nft_complete .btn_nftbox{position:inherit;margin-top:19px} .btn_lighterblue.small.btn_nftviewchk{margin-left:0} .btn_blue.small.btn_nftchk{margin-left:11px} .btn_lighterblue.small.btn_nftviewchk, .btn_blue.small.btn_nftchk{min-width:150px;padding:0 10px;font-size:13px} .nft_complete.set .bigt{font-size: 16px}/*230703 노출설정완료 추가*/ .nft_complete.set .smallt{font-weight: normal;margin-top: 2px} .nft_complete.set .btn_nftbox > button:only-child{margin: 0} /*//221018 nft 발행이 완료되었습니다*/ /*221018 nft 지갑 연결이 필요합니다*/ .klip_sqrconnect{line-height:22px} .pop_content.klip_sqrconnect.w760{width:758px} .pop_content.klip_sqrconnect.w760 .klip_qrbox{width:758px;min-height:603px} .pop_content.klip_sqrconnect .klip_qrbox{width:468px;min-height:488px} .klip_qrbox{width:100%;min-height:603px;text-align:center;color:#333;;box-sizing: border-box;position:relative;display:table} .klip_qrbox .inr{display:table-cell;vertical-align:middle} .nftpublish_wrap .klip_qrbox .inr{line-height:22px} .klip_sqrconnect .qrbox img{display:block;width:200px;height:200px;margin:0 auto} .klip_qrbox .bigt, .klip_sqrconnect.w760 .klip_qrbox .bigt{font-size:24px} .klip_sqrconnect .klip_qrbox .bigt{font-size:22px;line-height:30px} .klip_qrbox .middlet{font-size:18px} .klip_qrbox .smallt{font-size:14px} .klip_qrbox .tbox .smallt{color:#999;margin-top:4px} .klip_qrbox .tbox .middlet{font-size:16px;margin-top:10px} .klip_qrbox .qrbox{margin:25px 0} .klip_sqrconnect .klip_qrbox .qrbox{margin:21px 0} .klip_sqrconnect .tipinfobox{display:inline-block;min-width:280px;min-height:30px;padding:7px 15px;box-sizing:border-box;border-radius:50px;font-size:12px;color:#333;margin:0 auto 16px;text-align:center} .klip_sqrconnect .klip_qrbox .bbox .smallt{margin-top:4px;line-height:20px} .klip_sqrconnect.w760 .klip_qrbox .bbox .smallt{margin-top:0} .klip_sqrconnect + .popbtn_bgblueclose{width:32px;height:32px} .klip_sqrconnect + .popbtn_bgblueclose .icon_white_x{margin:1px 0 0 2px} .klip_sqrconnect .tipinfobox.bg_grey span.font_jajusaeg{font-weight:bold } /*nft 판매 레이어 내 큐알*/ .pop_content.nftsale_wrap.panmae .klip_qrbox, .pop_content.nftsale_wrap.panmae_quick .klip_qrbox{min-height:528px} /*230628 (혹시몰라서)바로판매 추가*/ .klip_qrbox .bunch{margin-top:3px} .klip_qrbox .bunch .tabbox .tab{display:inline-block;box-sizing:border-box;width:160px;height:40px;padding-right:5px;line-height:39px;font-size:16px;color:#999;letter-spacing:-0.025em} .klip_qrbox .bunch .tabbox .tab.on{background:#3b4890;border-radius:50px;color:#fff;padding:0} .klip_qrbox .bunch .tabbox .tab:first-child{padding-left:5px;padding-right:0} .klip_qrbox .bunch .tabbox .tab.on:first-child{padding-left:0px;padding-right:0} .klip_qrbox .bunch .tabbox{width:320px;margin:0 auto;background:#f2f2f2;border-radius:50px;font-size:0} .klip_qrbox .bunch .tabbox .tab .num{font-weight:bold } .klip_qrbox .bunch_box{display:table;width:100%;margin:18px 0 14px} .klip_qrbox .bunch_box .box{display:table-cell;height:44px;line-height:20px;vertical-align:middle;font-size:14px;color:#333;letter-spacing:-0.025em} .klip_qrbox .bunch_box .box:first-child .font_blue{margin-top:4px} .klip_qrbox .bunch_box .font_grey{color:#777} /*//221018 nft 지갑 연결이 필요합니다*/ /*221018 검정 엑스(닫기) (NFT발행완료 보라 레이어/스포일러 레이어 사용)*/ .ly_blackclose{position:absolute;right:10px;top:10px } .icon_blackclose{display:inline-block;width:17px;height:17px;background-position:-138px -29px} /*//221018 검정 엑스(닫기) */ /*221018 nft 예비발행, 실발행 안내 */ .state_tip .ly_infotip_txt{min-width:409px;padding:9px 24px 7px 14px;box-sizing:border-box;} .state_tip .ly_infotip_txt.bg{padding:8px 9px 9px 14px} .state_tip .ly_infotip_txt{font-size:12px} .state_tip .ly_infotip_txt.bg p::before{content:"";display:inline-block;width:2px;height:2px;background:#555;vertical-align:4px;margin-right:5px } .page_head .fl.clear.state .state_tip{margin-top:11px} /*//221018 nft 예비발행, 실발행 안내 */ /*221018 nft 지갑 정보*/ .ly_walletbox .inner{width:290px;box-sizing:border-box;padding:8px 17px 10px;border-radius:5px;} .wallet_adr{position:relative;padding-left:17px;text-align:left;word-break:break-all;font-size:12px;color:#333} .wallet_adr::before,.wallet_adr::after{content:"";display:inline-block;background-image:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_image.png);background-repeat:no-repeat;vertical-align:-2px} .wallet_adr::before{position:absolute;top:1px;left:-0px;width:15px;height:14px;background-position:-160px 0} .wallet_adr::after{width:12px;height:13px;background-position:-184px 0;margin-left:4px } .toast_msg.toast_wallet{top:auto;bottom:-33px} .nftpublish_infobox .toast_msg.toast_wallet{z-index:1;bottom:-15px}/*디시 NFT 본문 - NFT발행 정보 영역*/ .gallog_wrap.nft .toast_msg.toast_wallet{bottom:-20px}/*갤로그*/ /*//221018 nft 지갑 정보*/ /*221018 nft 판매 제안*/ .nftsale_wrap{width:758px;color:#333;line-height:22px} .nftsale_wrap .cont.nftsale_info{padding:20px} .nftpublish_infobox .nftsale_wrap .nftsale_info{margin-top:0} .nftsale_wrap .nft_img{position:relative; } .nftsale_wrap .nft_img.recom::before{content:"";position:absolute;top:4px;left:4px;display:block;width:12px;height:12px; background:url(https://nstatic.dcinside.com/dc/w/images/nft/icon_reco.png)no-repeat 0 0;background-size:12px 12px;z-index:1}/*개념글 아이콘 / 230627 icon_recom.png -> icon_reco.png*/ .nftsale_wrap .nft_img.ai::before{content:"";position:absolute;top:4px;left:4px;display:block;width:12px;height:12px; background:url(https://nstatic.dcinside.com/dc/w/images/nft/icon_ai.png)no-repeat 0 0;background-size:12px 12px;z-index:1}/*230627 ai 아이콘*/ .nftsale_wrap .nft_img.ai_reco::before{content:"";position:absolute;top:4px;left:4px;display:block;width:12px;height:12px; background:url(https://nstatic.dcinside.com/dc/w/images/nft/icon_ai_reco.png)no-repeat 0 0;background-size:12px 12px;z-index:1}/*230710 ai개념 아이콘*/ .nftsale_wrap .nft_img span{position:relative;display:block;width:120px;height:120px;background-repeat:no-repeat;background-size:cover;border-radius:7px} .nftsale_wrap .nft_img span::after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border:1px #eee solid;border-radius:6px} .nftsale_info h4{font-size:14px;padding-left:8px;padding-top:7px;padding-bottom:7px } .nftsale_info .box, .wallet_adrcheck .box{position:relative;display:block;width:100%;min-height:30px;box-sizing:border-box;line-height:29px;padding:0 16px;margin-top:7px; background:#f3f3f3;border-radius:50px;font-size:12px} .nftsale_info .box:first-child{margin-top:0} .nftsale_info .box> strong{margin-right:25px} .nftsale_info .box .nickname, .mynft table.list .nftsale_info .box .nickname {display:inline-block;max-width:129px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:top } .nftsale_info .box .writer_nikcon{margin-left:5px} .nftsale_info .adr{margin-left:10px;word-break:break-all} .nftsale_info .adr::before, .wallet_adrcheck .box .adr:before {content:"";display:inline-block;width:13px;height:12px;background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_image.png) no-repeat -292px -1px;vertical-align:-2px;margin-right:3px} .nftsale_info .infobox{width:584px;margin-left:14px} .nftsale_wrap .optionbox{position:relative;;border-top:1px #ccc solid;background:#f8f8f8;/*display: table*/} .nftsale_wrap .optionbox::before{content:"";display:block;width:1px;height:100%;position:absolute;top:0;left:378px;background:#ccc } .nftsale_wrap .optionbox > .left,.nftsale_wrap .optionbox > .right{float:left;box-sizing:border-box;/*display:table-cell;*/} .nftsale_wrap .optionbox > .left{width:379px;;padding:20px;} .nftsale_wrap .nftsale_operating label{font-size:12px;font-weight:bold;margin-left:7px} .nftsale_wrap .checkbox input[type="checkbox"]{top:1px} .nftsale_wrap .nftsale_operating .checkbox input + .checkmark{top:1px} .panmae_quick .precautions_list, /*230628 추가*/ .nftsale_wrap .operating{width:338px;height:117px;overflow-y:scroll;padding:10px;box-sizing:border-box;background:#fff;border:1px #e5e5e5 solid;margin-top:8px;color:#555;font-size:11px;line-height:15px} .nftsale_wrap .operating h3{font-size:12px} .nftsale_wrap .operating h4{clear:both} .nftsale_wrap .operating > div{margin-top:7px} .nftsale_wrap .operating > div ol li{margin-bottom:5px} .dcnftlist .jean_list.get .nftsale_wrap .operating > div ol li{padding-bottom:0;margin-left:0} .nftsale_wrap .operating > div ol li ol{padding-left:3px} .nftsale_wrap .nft_precautions{margin-top:16px} .nftsale_wrap .nft_precautions .tit{color:#3b4890;font-weight:bold;margin-left:-1px;font-size:12px } .nftsale_wrap .nft_precautions .tit::before{content:"";display:inline-block;width:15px;height:15px;background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_image.png) no-repeat -92px -29px;vertical-align:-3px;margin-right:6px} .precautions_list{margin-top:4px} .precautions_list p{position:relative;padding-left:12px;font-size:11px;color:#555;line-height:15px;margin-top:5px;letter-spacing:-0.025em} .precautions_list p:first-child{margin-top:0} .precautions_list p::before{content:"";display:inline-block;position:absolute;left:5px;top:6px;width:2px;height:2px;background:#555 } .nftsale_wrap .optionbox > .right{position:relative;width:379px;padding:17px 20px 17px;background:#fff}/*484*/ .nftsale_wrap .inr strong.tit{padding-left:2px} .nftsale_wrap .inr > strong.tit.font_red{font-size:12px} .nftsale_wrap .btn_open{display:inline-block;width:15px;height:15px;background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_image.png) no-repeat -23px -29px;/*vertical-align:5px*/vertical-align: -3px;margin-left:3px} .nftsale_wrap .price_info{font-size:0;position:relative;letter-spacing:-0.025em} .price_info > span{font-size:12px;color:#999} .nftsale_wrap .balance{height:36px;line-height:36px;padding:0 10px;line-height:36px;background:#f3f3f3;font-size:13px;margin-top:5px } .nftsale_wrap .price{color:#555;font-size:13px} .nftsale_wrap .price .decimal, .feeprice .decimal, .pricewon .decimal, .won .decimal{color:#999} .font_turquoise .decimal{color:#a1bbbb} .font_lightblue .decimal{color:#a7aed2} .nftsale_wrap .inprice{position:relative;margin-top:15px} .nftsale_wrap .inputbox{position:relative; ;height:36px;line-height:36px;box-sizing:border-box;font-size:12px;border:1px #cecece solid;padding:0 9px;margin-top:5px } .nftsale_wrap .inputbox > input{display:inline-block;width:278px;padding:0;height:34px;border:0;vertical-align:top;color:#333;font-size:14px;font-weight:bold } .nftsale_wrap .inputbox > input::-webkit-input-placeholder{font-size:12px;font-weight:normal; } .nftsale_wrap .inputbox > input:-moz-placeholder{font-size:12px;font-weight:normal; } .nftsale_wrap .inputbox > input::-moz-placeholder {font-size:12px;font-weight:normal; } .nftsale_wrap .inputbox > input:-ms-input-placeholder{font-size:12px;font-weight:normal; } .nftsale_wrap .inputbox > input:focus{outline:none} .nftsale_wrap .inputbox > span{position:absolute;right:8px;top:0;font-size:13px;font-weight:bold } .nftsale_wrap .pricewon{text-align:right;font-size:13px;margin-top:5px;padding:0 11px } .nftsale_wrap .set{border-top:1px dashed #aaa;padding:10px 0 10px 0} .nftsale_wrap .set:first-child{padding-top:0;border-top:0} .nftsale_wrap .fee .left{font-size:0;position:relative; } .nftsale_wrap .fee .left{font-size:13px} .nftsale_wrap .fee .left .per{font-weight:bold;margin-left:11px } .per_info{clear:both;position:relative;font-size:12px;color:#999;padding-left:2px} .feeprice{color:#555;text-align:right;font-size:13px} .feeprice.klay{font-weight:bold} .per_info .deco::before{content:"";display:inline-block;width:1px;height:13px;background:#999;vertical-align:-1px;margin:0 7px} .nftsale_wrap .set.bottom{margin-bottom:35px;padding:0 } .nftsale_wrap .total{;width:100%;text-align:center;padding:9% 0;} .nftsale_wrap .btn_box{position:absolute;left:20px;bottom:24px } .nftsale_wrap .total .klay{font-size:18px;font-weight:bold} .nftsale_wrap .total .klay > span{display:block} .nftsale_wrap .total .klay .font_turquoise, .nftsale_wrap .total .klay .font_lightblue{font-size:28px;margin-top:6px} .nftsale_wrap .total .won{font-size:13px;padding-top:11px} .nftsale_wrap .btn_box{border-top:0;padding:0} .nftsale_wrap .btn_box > button{} .nftsale_wrap .total .btn_turquoise{width:339px;height:35px;line-height:33px;font-size:14px} /*//221018 nft 판매 제안*/ /*221018 nft 판매*/ .nftsale_wrap .day_info{position:relative;width:auto;font-size:12px;letter-spacing:-0.025em;white-space: nowrap} .nftsale_wrap .day_info > .font_lightblue{position:absolute;right:0;top:1px } .nftsale_wrap .dayset{clear:both;position:relative;font-size:0;padding:6px 0 9px} .nftsale_wrap .dayset > button{width:75px;height:23px;padding-bottom:1px;line-height:20px;border-radius:2px;letter-spacing:-0.025em; ;background:#fff;border:1px #cecece solid;font-size:12px;color:#555;font-weight:bold;margin-left:5px} .nftsale_wrap .dayset > button:first-child{margin-left:0} .nftsale_wrap .dayset > button:nth-child(4){width:99px } .nftsale_wrap .dayset > button.sel{color:#3b4890} .nftsale_wrap .dayset > button.sel::before{content:"";display:inline-block;width:14px;height:12px;background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_image.png)no-repeat;background-position:-116px -29px;margin-right:2px;vertical-align:-1px} .nftsale_wrap.panmae .inr.inprice, .nftsale_wrap.panmae_quick .inr.inprice{margin-top:0}/*230628 바로판매 추가*/ .nftsale_wrap .inr.total .btn_blue{width:339px;line-height:33px;border-width:1px;margin-left:0} .nftsale_wrap .total .chkbox{margin-top:11px} .nftsale_wrap .total .chkbox label{margin-left:5px;font-size:12px;vertical-align:top;line-height:13px} .nftsale_wrap .feeprice {padding-right:11px} .dcnftlist table .nftsale_wrap.panmae{font-size:12px}/*디시 nft- 제안 */ .dcnftlist table .nftsale_wrap.panmae .right .nftsale_info{padding-top:11px} .dcnftlist table .nftsale_wrap.panmae .right .nftsale_info .infobox{width:100%;margin-left:0} /*.mynft .dcnftlist .get table .nftsale_wrap .set{padding-top:8px}*/ .mynft .dcnftlist .get table .nftsale_wrap .set:first-child{padding-top:0} .dcnftlist table .nftsale_wrap.panmae .right .nftsale_info .infobox .bg_yeonblue{padding:12px 10px;margin-bottom:4px;border-radius:5px} .dcnftlist table .nftsale_wrap.panmae .right .nftsale_info .infobox .bg_yeonblue .box{min-height:18px;line-height:18px;text-align:center;padding:0;background:none } .dcnftlist table .nftsale_wrap.panmae .right .nftsale_info .infobox .bg_yeonblue .box:nth-child(2){;height:auto;padding:0 0 0 0;text-align:center;margin-top:3px} .dcnftlist table .nftsale_wrap.panmae .right .nftsale_info .infobox .bg_yeonblue .box .adr{margin-left:0} .dcnftlist table .nftsale_wrap.panmae .right .nftsale_info .infobox .bg_yeonblue .box .adr::before{margin-right:3px} /*.dcnftlist table .nftsale_wrap.panmae .right .nftsale_info .infobox .bg_yeonblue .box .adr{position:relative;margin-left:0;word-break: break-all;text-align:left;margin-left:17px}*/ /*.dcnftlist table .nftsale_wrap.panmae .right .nftsale_info .infobox .box .adr::before{position:absolute;left:-17px;top:2px}*/ /*.dcnftlist table .nftsale_wrap.panmae .right .inr.japrice{margin-top:15px}*/ .dcnftlist table .nftsale_wrap.panmae .right .inr.japrice .right.fr{clear:both;margin-top:-3px} .dcnftlist table .nftsale_wrap.panmae .right .inr.japrice .feeprice.won{margin-top:2px } .pop_content.nftsale_wrap .calendar_wrap .inner{padding-bottom:25px} .pop_content.nftsale_wrap .calendar_wrap.type1.blue .daybox.sel{background:#edf1ff }/*f8f9fe*/ .pop_content.nftsale_wrap .cal_option.select{width:100%;padding:0;;text-align:center } .pop_content.nftsale_wrap .cal_option.select .tit{font-size:12px;margin-right:5px} .pop_content.nftsale_wrap .calendar_wrap.type1 .calendar_box{margin:0 auto 20px} .pop_content.nftsale_wrap .calendar_wrap .cal_option.select .select_arraybox{display:inline-block;width:42px;height:19px;padding:0 11px 0 0px;border:1px solid #ccc;margin:0 0px 0 5px; font-size:11px;background:#fff;color:#333;line-height:18px;vertical-align:1px} .pop_content.nftsale_wrap .calendar_wrap .cal_option.select .select_arraybox .icon_option_more{background-position:-205px -232px;right:-8px;top:7px} .pop_content.nftsale_wrap .calendar_wrap .cal_option.select .select_arraybox .option_box li{font-size:11px;line-height:16px} .pop_content.nftsale_wrap .calendar_wrap .cal_option.select .option_box{width:55px;max-height:108px;overflow-y:auto} .pop_content.nftsale_wrap .cal_option.bg_box{background:#edf1ff ;padding:10px 14px 11px 14px;margin:10px 0 0;font-size:11px;line-height:18px;letter-spacing:-0.025em;border-radius:0} .pop_content.nftsale_wrap .cal_option.bg_box p{} .pop_content.nftsale_wrap .calendar_wrap .cal_option.btn_box{position:static;margin-top:18px} .pop_content.nftsale_wrap .calendar_wrap .cal_option.btn_box button:first-child{margin-left:0} /*//221018 nft 판매*/ /*221018 가격제안 */ .sale_price{clear:both;text-align:center;padding:5px 0 0;letter-spacing:-0.025em;font-size:0;line-height:100%} .sale_price strong{font-size:15px;line-height:100%} .sale_price b{font-size:18px;margin-left:8px;line-height:100%} .font_orange .decimal{color:#ffbfae} .pop_content .right .stxt{display:block; font-size:11px;} .highestp{font-size:14px;text-align:center;padding:1px 0 8px } .highestp > b{font-weight:normal} .highestp .font_turquoise{font-size:16px} .highest{padding-top:1px} /*//221018 가격제안 */ /*221018 nft 구매*/ .nftsale_wrap.gumae .price_set .set{padding-bottom:0} .payment{box-sizing:border-box;padding:139px 0;text-align:center} .nftsale_wrap.gumae .balance{margin-top:11px} .payment .tit{font-size:20px} .payment .klay{font-size:24px;margin:9px 0} .payment .won{font-size:14px} .nftsale_wrap.gumae .btn_box{margin-top:0} .gumae .btn_orange{width:339px;height:35px;line-height:33px;font-size:14px!important} .wallet_statebox .gumae .btn_orange{margin-left:0} /*//221018 nft 구매*/ /*230628 nft 바로 판매/231130 대왕디시콘 활성화 추가*/ .pop_wrap .panmae_quick .pop_head{background: #3b4890;text-align: center;color: #fff;padding: 24px 20px 20px;height: auto;line-height: inherit;border: 0;font-size: inherit} .pop_wrap .panmae_quick .pop_head h3{font-size: 22px;padding-bottom: 8px} .pop_wrap .panmae_quick .pop_head .sub{font-size: 12px;position: relative;padding-right: 11px;margin-left: 7px;color: #fff} .pop_wrap .panmae_quick .pop_head .sub:hover{text-decoration: none} .pop_wrap .panmae_quick .pop_head .sub:first-of-type{margin: 0} .pop_wrap .panmae_quick .pop_head .sub::after{content: "";display:inline-block;width: 7px;height: 11px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_image.png?0628) no-repeat -387px -0px;position: absolute;right: 0;top: 50%;transform: translateY(-50%)} .panmae_quick + .poply_close{background: red;width: 22px;height: 22px;} .panmae_quick + .poply_close{display:inline-block;width: 24px;height: 24px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_image.png?0628) no-repeat -355px -114px;top:13px;right: 13px} .panmae_quick .cont.nftsale_info{text-align: center;line-height: initial;padding: 11px} .panmae_quick .cont.nftsale_info .info_txt{padding: 0;font-size: 22px;color: #3b4890} .panmae_quick .precautions_list, .panmae_quick .operating{height: 110px} .panmae_quick .precautions_list{margin-top: 10px} .panmae_quick .precautions_list p{padding-left: 8px} .panmae_quick .precautions_list p::before{left: 1px} .panmae_quick .optionbox > .left{padding: 0} .panmae_quick .optionbox > .right{padding: 17px 20px 24px} .panmae_quick .left .nftsale_info{padding: 19px 20px;background: #fff} .panmae_quick .left .nftsale_info .nft_img span{width: 50px;height: 50px} .panmae_quick .left .nftsale_info .infobox{width: 275px;height: 50px;line-height: 50px} .panmae_quick .left .nftsale_info .infobox h4{font-size: 15px;padding: 0;display: inline-block;max-width: 275px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap} .panmae_quick .nftsale_operating{padding: 22px 20px 0;border-top: 1px solid #ccc} .panmae_quick .nft_precautions{padding: 15px 20px 24px;margin: 0} .panmae_quick .inputbox{border-color: #3b4890} .panmae_quick .total{padding-bottom: 8%} .panmae_quick .benefit_info{margin-top: 7px;font-size: 0} .panmae_quick .benefit_info .tit{font-size: 11px;color: #fff;text-shadow: 0.5px 0.5px 0 rgb(0 0 0 / 20%);position: relative;z-index: 2;vertical-align: middle} .panmae_quick .benefit_info .tit::after{content: "";display: inline-block;width: 91px;height: 18px;background: url(https://nstatic.dcinside.com/dc/w/images/benefit_bg.png?1) no-repeat center center/contain;z-index: -1;position: absolute;top: -1px;left: -10px;} .panmae_quick .benefit_info .txt{font-size: 12px;color: #bec3e3;margin-left: 14px;vertical-align: middle} .panmae_quick .benefit_info .txt em{color: #fff100} /*//230628 nft 바로 판매*/ .nftsale_wrap .statusbox::before{content:"";display:inline-block;width:102px;height:102px;background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_image.png) no-repeat -0px -54px;margin-bottom:15px} .gagyeogjean .statusbox::before, .jean .statusbox::before{background-position:0 -164px} .gumae .statusbox::before{background-position:0 -274px} .nftsale_wrap .statusbox{font-size:24px;color:#333;padding:190px 0 210px;text-align:center;font-weight:bold } .nftsale_wrap .pop_tipbox{width:auto;;box-sizing:border-box;;font-size:12px;line-height:18px } .nftsale_wrap .pop_tipbox .inner{height:25px;line-height:25px;white-space: nowrap;padding:0 28px 0 9px;color:#555;letter-spacing:-0.025em} .nftsale_wrap .btn_tipclose{top:7px;right:7px} .nftsale_wrap .pop_tipbox.per_info_tipbox .inner{width:428px;height:100%;padding:0 8px 5px;box-sizing: border-box;} .per_info_tipbox .tit{font-size:12px;color:#555;padding:4px 0 3px 3px} .per_info_tipbox .tit .info{font-size:11px;color:#999;font-weight:normal;margin-left:4px} .per_info_tipbox p{font-size:11px;color:#999;padding:2px 0 0 2px} .nftsale_wrap .pop_tipbox.per_info_tipbox .btn_tipclose{top:8px;right:8px} .nftsale_wrap .cmstable{width:410px;height:121px;border-collapse:collapse;table-layout:fixed;font-size:11px;border:1px solid #ccc;color:#555;margin-top:1px} .nftsale_wrap .cmstable tr:hover{background:none} .nftsale_wrap .cmstable th{background:#f8f8f8;border:1px solid #ccc;height:27px;color:#555} .mynft table.list .nftsale_wrap .cmstable th{border:1px solid #ccc} .mynft .nftsale_wrap table.cmstable td{border-color:#ccc;color:#555} .nftsale_wrap .cmstable td{border:1px solid #ccc;height:17px;padding:0 10px;line-height:22px;color:#555} .nftsale_wrap .cmstable td.cms{text-align:left} .nftpublish_infobox .nftsale_wrap{line-height:22px}/*디시 nft 본문 디시 nft 발행 정보영역에 위치*/ /*221107 디시 NFT 소개 레이어*/ .ly_sogae{width:570px;padding:24px 0 27px;box-sizing:border-box;font-size:14px} .ly_sogae .tipinfobox{height:30px;line-height:30px;border-radius:50px;margin:8px 50px 0;text-align:center;color:#993399 } .ly_sogae .tit{color:#333;letter-spacing:-0.025em} .ly_sogae .box{padding:0 29px} .ly_sogae .tipinfobox.bg_grey + .box{;margin-top:12px} .ly_sogae .box textarea{width:510px;height:95px;box-sizing:border-box;padding:8px 12px 9px;margin-top:12px;border:1px #cecece solid;color:#555;line-height:20px} .ly_sogae .btn_box{border-top:none;padding:25px 0 0} /*//221107 디시 NFT 소개 레이어*/ /*221107 nft 거래 내역 레이어*/ .ly_nftdealwrap{width:902px;box-sizing:border-box;padding:0 15px 20px} .ly_nftdealwrap .nftdealwrap{border:none;padding-top:0;margin-top:17px} .ly_nftdealwrap .nftdealwrap h3.tit{text-align:left;margin-left:4px} .ly_nftdealwrap .nftdealwrap .list{margin-top:14px} .ly_nftdealwrap .nftdealwrap .list td{padding:0 20px;height:27px;vertical-align:middle} .ly_nftdealwrap .nftdealwrap td.day{width:150px} .ly_nftdealwrap .nftdealwrap .list td.price{width:200px} .nftsale_info .ly_nftdealwrap .nftdealwrap td.nik{width:190px} .ly_nftdealwrap .nftdealwrap td.adr{width:333px} .nftsale_info .ly_nftdealwrap td.adr::before{display:none } .ly_nftdealwrap .nftdealwrap .list .nickname.in, .ly_nftdealwrap .nftdealwrap .list .nickname{max-width:88%} .ly_nftdealwrap + .poply_close{top:17px;right:15px} .dcnft_wrap .ly_nftdealwrap .bottom_paging_box{margin-top:15px} .ly_nftdealwrap .bottom_paging_box, .ly_nftdealwrap .bottom_paging_box a, .ly_nftdealwrap .bottom_paging_box em, .ly_nftdealwrap .bottom_paging_box span {line-height:100%;vertical-align: top} .ly_nftdealwrap .iconpaging .page_first, .ly_nftdealwrap .iconpaging .page_prev, .ly_nftdealwrap .iconpaging .page_next, .ly_nftdealwrap .iconpaging .page_end{vertical-align:-1px} /*//221107 nft 거래 내역 레이어*/ /*221111 nft 상세 만료 시간*/ .pop_tipbox.tip_daydetail{top:-1px;left:18px} .pop_tipbox.tip_daydetail .inner{padding:3px 8px 4px;color:#555;line-height:18px;letter-spacing:-0.05em;white-space:nowrap} /*//221111 nft 상세 만료 시간*/ /*221111 내지갑*/ .lymy_wallet .inner{width:367px;padding:0 14px 20px;box-sizing:border-box} .lymy_wallet .inner h4{font-size:12px;color:#333;letter-spacing:-0.025em;margin-bottom:9px} .lymy_wallet .cont{position:relative;margin-top:18px} .lymy_wallet .cont:first-child{margin-top:16px} .lymy_wallet .box{min-height:30px;box-sizing:border-box;border-radius:50px;background:#f3f3f3;padding:7px 14px 7px;white-space:nowrap} .lymy_wallet .box .btn_wallet_adrcoyp, .mynft .list_array_option .right_box .lymy_wallet button.btn_wallet_adrcoyp{line-height:16px} .my_klayinfo{position:relative;padding:14px 13px;height:65px;box-sizing:border-box;border:1px #ccc solid;letter-spacing:-0.025em;text-align:right;line-height:18px} .my_klayinfo .klay{font-weight:bold;font-size:16px;color:#333} .my_klayinfo .krw{margin-top:1px;font-size:11px;color:#999} .my_klayinfo::before{content:"";display:inline-block;position:absolute;left:12px;top:15px;width:32px;height:32px; background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_image.png)no-repeat -120px -97px } .btn_walletoff{height:21px;line-height:21px;padding:0 9px;border-radius:50px;;background:#999;font-size:12px;color:#fff;font-weight:bold;margin:0 } .mynft .list_array_option .right_box .lymy_wallet button.btn_walletoff{margin:2px 0 0} .mynft .list_array_option .right_box .pop_wrap button.poply_bgblueclose{margin-top:0} .lymy_wallet .toast_msg.toast_wallet{top:51px;bottom:0} /*//221111 내지갑*/ /*221111 내 NFT 노출 설정*/ /* .lynft_onoffset{width:480px;box-sizing:border-box;font-size:12px} .lynft_onoffset .pop_info{padding:9px 15px 10px} .lynft_onoffset .inner{margin:20px 0 25px;padding:0 19px} .lynft_onoffset .inner .pop_info{padding:13px 14px 11px} .lynft_onoffset .inner .pop_info > p{margin-top:1px} .lynft_onoffset .inner h4{font-size:14px} .lynft_onoffset .codelist_box{margin-top:9px} .lynft_onoffset .codelist{max-height:170px;overflow-y:auto} .lynft_onoffset .codelist li{height:33px;line-height:33px;border-bottom:1px #eee solid } .lynft_onoffset .codelist .code{color:#999} .lynft_onoffset .nickname{display:inline-block;max-width:10.8em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:top;color:#333 } .location_set{margin-top:12px;color:#555} .lynft_onoffset .cont_tit{width:114px;padding-left:4px;padding-top:1px;line-height:26px} .lynft_onoffset .checkbox{margin:7px 0 0 15px} .lynft_onoffset .checkbox:first-child{margin-left:0} .lynft_onoffset .checkbox input:checked + .checkmark, .lynft_onoffset .checkbox input + .checkmark, .lynft_onoffset .checkbox input[type="checkbox"]{top:1px} .lynft_onoffset .checkbox label{margin-left:7px;font-weight:bold} .lynft_onoffset .empty_box{border-bottom:0;height:60px;line-height:60px;padding-top:15px} .mynft .list_array_option .right_box .pop_wrap.type3 button{margin:0} .mynft .list_array_option .right_box .lynft_onoffset .inner .btn_box{border:none;padding:15px 0} .mynft .list_array_option .right_box .lynft_onoffset .inner .btn_box button.btn_white{width:105px;margin:0} .mynft .list_array_option .right_box .lynft_onoffset .btn_box{padding:12px 0 18px} .mynft .list_array_option .right_box .lynft_onoffset button.btn_del{line-height:100%;vertical-align:-2px } */ /*230703 내 NFT 노출 설정 (디자인 변경)*/ .lynft_onoffset{width:480px;box-sizing:border-box;font-size:12px} .lynft_onoffset .pop_info{padding:10px 15px 10px;font-size: 14px;color: #333} .lynft_onoffset .pop_info span{display: block;font-size: 12px;margin-top: 2px} .lynft_onoffset .inner .pop_info{padding:13px 14px 11px} .lynft_onoffset .inner .pop_info > p{margin-top:1px} .lynft_onoffset .inner .box{display: block;border-top: 4px solid #f3f3f3;padding: 13px 15px 14px;} .lynft_onoffset .inner .box:first-of-type{border: 0} .lynft_onoffset .inner .box .box_inr{font-size: 12px;color: #999;position: relative} .lynft_onoffset .inner .box .box_inr h4{font-size: 16px;color: #29367c;margin-bottom: 6px} .lynft_onoffset .inner .box .box_inr h5{font-size: 14px;color: #333;margin-bottom: 6px} .lynft_onoffset .inner .box .rt{position: absolute;top: 0;right: 0px;font-size: 0} .lynft_onoffset .inner .box .rt .btn{width: 84px;height: 23px;line-height: 21px;box-sizing: border-box;border-radius:50px;background:#eee;border: 1px solid #ccc;font-size:12px;color:#333;font-weight:bold} .lynft_onoffset .inner .box:nth-of-type(2) .box_inr:first-of-type .rt, .lynft_onoffset .inner .box:nth-of-type(3) .box_inr:first-of-type .rt{top:initial;bottom: 2px} .lynft_onoffset .set_control{position:relative;width:36px;height:19px;background-color:#999;border-radius:20px;display:inline-block;cursor:pointer} .lynft_onoffset .set_control .ball{display:block;position:absolute;left:3px;top:2px;border-radius:50%;width:15px;height:15px;background-color:#fff;transition:0.15s ease-out} .lynft_onoffset .set_control.on{background-color:#333d77} .lynft_onoffset .set_control.on .ball{left:18px} .lynft_onoffset .codelist_box{margin-top:10px;border: 1px solid #e5e5e5} .lynft_onoffset .codelist_box + .box_inr{margin-top: 14px} .lynft_onoffset .codelist{padding: 6px 12px;overflow-y:auto;height:98px;box-sizing: border-box} .lynft_onoffset .codelist li{line-height:24px} .lynft_onoffset .codelist .code{color:#999} .lynft_onoffset .nickname{display:inline-block;max-width:10.8em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:top;color:#333} .lynft_onoffset .empty_box{line-height:98px;background: #f3f3f3;color: #333;} .mynft .list_array_option .right_box .pop_wrap.type3 button{margin:0} .mynft .list_array_option .right_box .lynft_onoffset .btn_box{padding:12px 0 25px} .mynft .list_array_option .right_box .lynft_onoffset button.btn_del{line-height:100%;vertical-align:-2px} /*식별 코드 추가 */ .ly_codeadd .inner{width:232px;box-sizing:border-box;padding:16px 16px 0px} .ly_codeadd .form_box{width:auto} .ly_codeadd .form_box .int{margin-top:5px;height:30px;line-height:30px;font-size:12px;color:#333} .ly_codeadd .form_box .int:first-child{margin-top:0} .ly_codeadd .btn_box{border-top:none;padding:10px 0 18px} .ly_codeadd .checkbox + .btn_box{padding-top: 13px} /*230703 고정닉 등록 관련 추가*/ .ly_codeadd .checkbox{display: block;margin: 10px 16px 0px;font-size: 12px;color: #29367c;padding-left: 21px;} .ly_codeadd .checkbox input[type="checkbox"]{margin: 0;} .ly_codeadd .checkbox input + .checkmark{background-image: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_image.png);display: inline-block;width: 16px;height: 16px;background-position: -193px -181px;top:-1px} .ly_codeadd .checkbox input:checked + .checkmark{background-position: -209px -181px;;} /*2단계 인증*/ .ly_twostep{width:313px} .ly_twostep .inner{box-sizing:border-box;padding:15px 16px 0;font-size:12px;line-height:20px;letter-spacing:-0.025em;color:#333} .ly_twostep .inner h4{font-size:14px} .ly_twostep .inner .txt{margin-top:1px} .ly_twostep .code_inputbox{margin-top:11px;border:none;font-size:0} .ly_twostep .code_inputbox .code_input{width:189px;height:31px;line-height:31px;box-sizing:border-box;margin-right:7px;padding:0 10px; color:#333;font-size:12px;letter-spacing:-0.025em;border:none;background:#f3f3f3 } .ly_twostep .btn_box{border-top-style:dashed;margin:15px 15px 0;padding:13px 0 14px;text-align:left} .ly_twostep .btn_box .tit{margin-right:15px;vertical-align:-4px;font-size:12px;color:#333;letter-spacing:-0.025em} .btn_app{width:100px;height:34px;border-radius:9px;background-image:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_image.png);background-repeat:no-repeat} .gplay{background-position:0 -439px}/*구글 플레이*/ .astore{background-position:0 -394px}/*앱스토어*/ .mynft .list_array_option .right_box .ly_twostep button.astore{margin-left:4px} /*//221111 내 NFT 노출 설정*/ /*221129 이벤트 참혀 확인 */ .pop_content.joincheck{line-height:22px} .pop_content.joincheck .inner{padding:25px 30px 29px;font-size:14px;color:#555;font-weight:bold;text-align:center} .pop_content.joincheck .inner .btn_box{border-top:none;padding:0;margin-top:11px;font-size:0} .pop_content.joincheck .inner a.btn_blue.small{margin-left:0;vertical-align:top} .pop_content.joincheck .inner a.btn_grey.small{margin-left:7px} .pop_content.joincheck .inner a.btn_blue.small:hover, .pop_content.joincheck .inner a.btn_grey.small:hover{text-decoration:none} .pop_content.joincheck .inner a.btn_blue.small, .pop_content.joincheck .inner a.btn_grey.small {display:inline-block;width:150px;height:31px;box-sizing:border-box;line-height:29px;border-width:1px;border-style:solid;border-radius:2px;font-size:12px;font-weight:bold} /*//221129 이벤트 참혀 확인 */ /*개죽이 nft 발급*/ .pop_content.codecheck, .pop_content.wincheck, .pop_content.wallet_adrcheck, .pop_content.finish{width:446px;line-height:22px} .pop_content.klip_sqrconnect.w445 .klip_qrbox{width:445px} /*식별 코드 확인*/ .pop_content.codecheck .inner{padding:28px 30px 30px} .wincheckbox.inner{text-align:center;} .pop_content .status_checkbox{color:#333} .pop_content .status_checkbox .btxt{font-size:20px} .wincheckbox.inner .mtxt{font-size:16px} .wincheckbox.inner .userinfo{text-align:left;padding:10px 15px;margin:15px 0 0;color:#555} .wincheckbox.inner .userinfo .tit{display:inline-block;width:55px} .wincheckbox.inner .userinfo .tit::after{content:":" ;display:inline-block;float:right} .wincheckbox.inner .userinfo .value{padding-left:7px} .wincheckbox.inner .info_box, .wallet_adrcheck .info_box{margin-top:9px;text-align:left} .wincheckbox.inner .btn_box, .wallet_adrcheck .inner .btn_box{border-top:none;padding:0;margin-top:15px;font-size:0} /*//식별 코드 확인*/ /*당첨여부 확인*/ .pop_content.wincheck{padding-bottom:26px} .pop_content.wincheck .jjal{padding:30px 30px 21px;text-align:center;line-height:0;/*border-bottom:1px #ccc solid*/} .pop_content.wincheck .jjal img{width:100% } .pop_content.wincheck .loding_jjal .txt_box, .pop_content.finish .txt_box{margin:0px 30px 0;text-align:center;color:#333} .pop_content.wincheck .loding_jjal{font-size:16px} .pop_content.wincheck .loding_jjal .txt, .pop_content.finish .txt{font-size:14px} .pop_content.wincheck .wcheck{padding:28px 30px 4px;text-align:center;} .wincheckbox.inner .info_box .txt, .wallet_adrcheck .info_box .txt{position:relative;display:inline-block;padding-left:14px;line-height:18px} .wincheckbox.inner .info_box .txt .deco, .wallet_adrcheck .info_box .txt .deco{position:absolute;left:0;top:0 } .wincheckbox.inner .wcheck .mtxt{display:inline-block;margin-top:11px} .wincheckbox.inner .wcheck .mtxt + .info_box{margin-top:5px;text-align:center} .wincheckbox.inner .wcheck.nomember .mtxt{margin-top:16px}/*비회원*/ .wcheck.nomember .status_checkbox, .wallet_adrcheck .status_checkbox{border-bottom:1px #ccc dashed;padding-bottom:15px }/*비회원*/ .wincheckbox.inner .btn_box button{width:auto;min-width:85px;padding:0 13px;margin-left:10px} .wincheckbox.inner .btn_box button:first-child{margin-left:0} /*//당첨확인*/ /*지갑 주소 확인*/ .pop_content.wallet_adrcheck, .pop_content.evtly_adrcheck{color:#333;font-size:12px} .pop_content.wallet_adrcheck .inner, .pop_content.evtly_adrcheck .inner{padding:28px 30px 30px} .pop_content.wallet_adrcheck .status_checkbox, .pop_content.evtly_adrcheck .status_checkbox{text-align:center} .pop_content.wallet_adrcheck .adrbox{margin-top:14px} .pop_content.wallet_adrcheck .adrbox .tit{} .pop_content.wallet_adrcheck .box, .pop_content.evtly_adrcheck .box{padding-top:7px} .pop_content.wallet_adrcheck .adr{position:relative;display:block ;padding-left:17px;text-align:left;word-break:break-all;font-size:12px;color:#333;line-height:16px} .pop_content.wallet_adrcheck .adr::before{position:absolute;left:0;top:2px} .pop_content.wallet_adrcheck .agreebox, .pop_content.evtly_adrcheck .agreebox{margin-top:15px} .pop_content.wallet_adrcheck .agree_txtbox, .pop_content.evtly_adrcheck .agree_txtbox{padding:14px 13px 15px;margin-top:7px;border:1px #cecdce solid;box-sizing:border-box } .pop_content.wallet_adrcheck .agree_txtbox li, .pop_content.evtly_adrcheck .agree_txtbox li{line-height:100%;margin-top:9px} .pop_content.wallet_adrcheck .agree_txtbox li:first-child, .pop_content.evtly_adrcheck .agree_txtbox li:first-child{margin-top:0} .pop_content.wallet_adrcheck .checkbox, .pop_content.evtly_adrcheck .checkbox{margin-top:15px;line-height:13px} .pop_content.wallet_adrcheck .checkbox label, .pop_content.evtly_adrcheck .checkbox label{margin-left:7px;font-weight:bold;color:#333} .pop_content.wallet_adrcheck .btn_box button:first-child, .pop_content.evtly_adrcheck .btn_box button:first-child{margin-left:0} /*//지갑 주소 확인*/ /*개죽이 지급 완료*/ .pop_content.finish .inner{padding:30px } .pop_content.finish .jjal img{display:block ;width:100%} .pop_content.finish .status_checkbox{margin-top:23px} .pop_content.finish .num{margin-top:9px;font-size:14px;line-height:16px;color:#333} /*.pop_content.finish .linkbox{text-align:center;color:#333;margin-top:8px;line-height:100%} .pop_content.finish .linkbox a{text-decoration:underline} */ .pop_content.finish .btn_box{margin-top:19px} /*//개죽이 지급 완료*/ /*//개죽이 nft 발급*/ /*nft 안내 레이어*/ .lynft_annae{width:528px;padding:38px 21px 29px;box-sizing:border-box } .lynft_annae .box{border-top:1px #aaa dashed;padding-top:20px;margin-top:14px} .lynft_annae .box:first-child{border-top:none;padding-top:0;margin-top:-2px} .lynft_annae h3.tit{display:inline-block;width:100%;height:25px;margin-left:-2px;background:url(https://nstatic.dcinside.com/dc/w/images/nft_annae_txtimg.png)no-repeat center 0 } .annae_txtbox{position:relative;padding-left:84px;padding-top:3px;padding-right:7px;margin-top:12px;height:65px} .annae_txtbox::before, .lynft_annae .bunch::before, .lynft_annae .step4{background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_image.png?3)no-repeat 0 0} .annae_txtbox::before{content:"";position:absolute;left:6px;top:0 ;display:block;width:63px;height:68px;background-position: -120px -195px} .lynft_annae .annae_txtbox p{font-size:13px;color:#333;letter-spacing:-0.025em;line-height:19px} .lynft_annae .box{padding-left:6px} .lynft_annae .box h4.tit{font-size:14px;color:#29367c;letter-spacing:-0.05em} .lynft_annae .stepbox{font-size:0;margin-top:3px} .lynft_annae .bunch{display:inline-block;height:80px;vertical-align:top;text-align:center;font-size:12px;color:#333} .lynft_annae .bunch p{line-height:16px;letter-spacing:-0.05em} .lynft_annae .step1.bunch p{text-align:left} .lynft_annae .bunch::before{content:"";display:block;font-size:0} .lynft_annae .step1.bunch::before{width:104px;height:38px;background-position:-160px -81px;margin:9px auto 4px} .lynft_annae .step2.bunch::before{width:52px;height:28px;background-position:-274px -22px;margin:8px auto 15px} .lynft_annae .step3.bunch::before{width:42px;height:46px;background-position:-272px -58px;margin:0 auto 5px} .lynft_annae .step5.bunch::before{width:44px;height:41px;background-position:-334px -17px;margin:2px auto 9px} .lynft_annae .step4.bunch::before{display:none } .lynft_annae .step4{width:66px;height:39px;padding:4px 0 0 8px;margin-top:3px;margin-left:8px;background-position:-174px -133px;font-size:11px;letter-spacing:-0.05em;line-height:16px;text-align:left } .lynft_annae .step4 a{text-decoration:underline;color:#993399} .lynft_annae .stepbox .deco{display:inline-block;width:14px;height:22px;margin:12px 12px 0 11px;background-position:-322px -65px;font-size:0} .lynft_annae .stepbox .deco.yeobaeg{margin:12px 4px 0 12px} .lynft_annae .bg_box{width:470px;box-sizing:border-box;padding:9px 15px 8px;margin:23px 0 0 2px;font-size:11px;line-height:17px;letter-spacing:-0.025em;color:#555;text-align:left;border-radius:5px} .lynft_annae .infotxt{margin-top:17px;margin-left:9px;font-size:12px;color:#999;line-height:18px;letter-spacing:-0.025em} /*//nft 안내 레이어*/ .privacy_box.nft_privacy .inner{width:588px;padding-right:0;padding-left:20px} .privacy_box.nft_privacy .tab_contbox{margin:20px 0;padding-right:20px} .privacy_box.nft_privacy .tit{margin-top:0} .nft_privacy ul li{margin-bottom:5px} /*230221 nft 제안 취소, 판매 취소 토스트 메시지*/ .toast_msg.panmae_cancel, .toast_msg.jean_cancel{top:-32px} .toast_msg.panmae_cancel{left:auto;right:0;transform:none} .toast_msg.panmae_cancel span, .toast_msg.jean_cancel span{border-radius:50px} /*//230221 nft 제안 취소, 판매 취소 토스트 메시지*/ /*230321 nft 제안,판매가 취소되었습니다./NFT를 삭제하시겠습니까? */ .canceled_box{position:relative;font-size:21px;font-weight:bold;display:table-cell;vertical-align: middle;;height:100%} .canceled_box p{margin-top:-30px } .canceled_box .btn_blue.small.btn_wrfull, .canceled_box .btnbox, .klip_sqrconnect .statusbox.fail .btnbox{position:absolute;left:0;right:0;bottom:30px;width:408px;margin:0 auto;font-size:14px} .canceled_box .btnbox > button, .klip_sqrconnect .statusbox.fail .btnbox > button{font-size:14px} .canceled_box.type1 .font22{font-size:22px} .canceled_box.type1 .textbox{margin-top:-30px } .canceled_box.type1 p{margin-top:12px} .canceled_box.type1 p:first-child{margin-top:0} .statusbox.fail.space{padding-bottom:30px} /*//230321 nft 제안,판매가 취소되었습니다.//NFT를 삭제하시겠습니까? */ /*룰렛*/ .pop_content.roulette_win{width:693px;line-height:1.5} .pop_content.roulette_win .inner{padding:0px 29px 29px} .pop_content.roulette_win .head{position:relative;text-align:center} .pop_content.roulette_win h3.tit{display:table;table-layout:fixed;margin:0 auto;font-size:30px;text-align:center;letter-spacing:-0.05em;color:#333;/*padding-top:13px;*/height:79px} .pop_content.roulette_win h3.tit .point{position:relative;;display:inline-block;font-size:35px;text-align:left;line-height:100%} .pop_content.roulette_win h3.tit .point .klay{display: block;padding-top:3px} .pop_content.roulette_win .rare{/*position:absolute;top:-24px/*;right:57px*/;left:0*/;display:inline-block;height:30px;line-height:29px;padding:0 10px; font-size:18px;color:#fff;letter-spacing:-0.05em;border-radius:5px } .pop_content.roulette_win .blue .rare{background:#3b4890} .pop_content.roulette_win .blue h3.tit .point{color:#3b4890} .pop_content.roulette_win .red .rare{background:#d31900} .pop_content.roulette_win .red h3.tit .point{color:#d31900} .pop_content.roulette_win h3.tit .klaybox{display: table-cell;vertical-align:bottom} .pop_content.roulette_win .windeco{display:table-cell;width:60px;line-height:0;font-size:0;vertical-align:middle; } .pop_content.roulette_win .windeco > img{width:69px;height:auto;line-height:0;padding-right:16px;transform: translateY(8px);} .pop_content.roulette_win .windeco > img[src*="mandu1"]{transform: translateY(17px);width:60px} .pop_content.roulette_win .txtbox{font-size:13px;color:#333} .pop_content.roulette_win .txtbox .small{font-size:12px} .pop_content.roulette_win .txtbox b{font-size:14px} .pop_content.roulette_win .txtbox.center{text-align:center} .pop_content.roulette_win .txtbox.center + .txtbox{width:628px;margin:16px auto 0;padding-top:16px;border-top:1px dashed #ccc} .pop_content.roulette_win .head + .txtbox{margin-top:23px} .pop_content.roulette_win .wallet_adrcheck{margin-top:14px} .pop_content.roulette_win .wallet_adrcheck .tit{font-size:14px;padding-top:11px;padding-right:10px;color:#333} .pop_content.roulette_win .wallet_adrcheck .adrbox{width:470px;margin:0 auto } .pop_content.roulette_win .wallet_adrcheck .box{width:395px;text-align:left} .pop_content.roulette_win .wallet_adrcheck .wallet_adr.code{padding-left:1px} .pop_content.roulette_win .wallet_adrcheck .wallet_adr.code::before{display:none} .pop_content.roulette_win .font_grey.txt.margin{margin-top:12px;text-align:center;line-height:100%} .pop_content.roulette_win .info_txt{margin-top:14px;padding-top:0;font-size:12px;color:#333;line-height:100%} .pop_content.roulette_win .info_txt > p{margin-top:6px} .pop_content.roulette_win .info_txt > p:first-child{margin-top:0} .pop_content.roulette_win .btn_box{border-top:0;margin-top:25px;padding:0;font-size:0} .pop_content.roulette_win .btn_box > button{font-size:13px} .pop_content.roulette_win .btn_box .btn_blue.small.btn_wrfull{margin-top:0} .pop_content.roulette_win .btnline_blue{display:block;box-sizing:border-box;width:100%;height:35px;line-height:33px;margin-top:25px;border-radius:2px;font-size:13px;color:#29367c;font-weight:bold;border:1px #29367c solid;text-align:center} .pop_content.roulette_win .btnline_blue:hover{text-decoration:none } .pop_content.roulette_win .btn_grey.small.half, .pop_content.roulette_win .btn_blue.small.half{margin-left:11px;width:49%;height:35px;line-height:33px;} .pop_content.roulette_win .small.half:first-child{margin-left:0} /*당첨 내역*/ .pop_content.roulette_win.list{width:550px;color:#333} .pop_content.roulette_win.list .inner{padding:41px 29px 29px} .pop_content.roulette_win.list .wallet_adrcheck{margin-top:0} .pop_content.roulette_win.list .wallet_adrcheck .box{width:415px} .pop_content.roulette_win.list .wallet_adrcheck .adrbox{width:100%;margin:0} .pop_content.roulette_win.list .btnline_blue.small{width:auto;height:30px;line-height:28px;padding:0 15px;margin-top:0;font-size:12px} .pop_content.roulette_win.list .bundle{margin-top:20px} .pop_content.roulette_win.list .bundle .tit{line-height:30px;font-size:14px} .pop_content.roulette_win.list .bundle .list{table-layout:fixed;width:100%;margin-top:10px} .pop_content.roulette_win.list .bundle .list th{background:#f8f8f8 } .pop_content.roulette_win.list .bundle .list th,.bundle .list .num{text-align:center} .pop_content.roulette_win.list .list th, .pop_content.roulette_win.list .list td{height:28px;border:1px #ccc solid;vertical-align:middle} .pop_content.roulette_win.list .list td{padding:0 10px} .pop_content.roulette_win.list .list .day button{text-decoration:underline;color:#3b4890} .pop_content.roulette_win.list .win_guidebox{margin-top:15px} .pop_content.roulette_win.list .win_guidebox > .btn_txtbox{text-align:right} .pop_content.roulette_win.list .win_guidebox > .btn_txtbox button{line-height:100%;padding-bottom:1px} .pop_content.roulette_win.list .win_guidebox > .btn_txtbox button::after{content:"";display:inline-block;width:11px;height:7px; margin-left:5px;vertical-align:2px;background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png)no-repeat -114px -42px} .pop_content.roulette_win.list .win_guidebox > .btn_txtbox button.open::after{background-position:-83px -51px} .pop_content.roulette_win.list .win_guide{margin:8px 0 2px;padding:16px 20px 17px;border:1px #eee solid;background:#f8f8f8;line-height:18px} .pop_content.roulette_win.list .win_guide .txtbox{color:#555;font-size:13px} .pop_content.roulette_win.list .win_guide .txtbox > p{margin-top:5px} .pop_content.roulette_win.list .win_guide .txtbox > p:first-child{margin-top:1px} .pop_content.roulette_win.list .win_guide .txtbox > ul{margin-top:20px} .pop_content.roulette_win.list .infotxt{margin-top:20px;color:#999} .pop_content.roulette_win.list .infotxt > p{margin-top:0px} .pop_content.roulette_win.list .btn_grey.small.btn_wrfull{margin-top:18px;font-size:13px} /*큐알, 개인정보 수집 이용 동의 */ .event_wrap .ly_hm.fixed .klip_sqrconnect .popbtn_bgblueclose, .evtly_adrcheck .popbtn_bgblueclose{width:32px;height:32px} .evtly_adrcheck.roulette{width:468px;line-height:22px} .evtly_adrcheck .status_checkbox{border-bottom:1px #ccc dashed;padding-bottom:15px }/*비회원*/ .evtly_adrcheck .btn_box{border-top:none} .evtly_adrcheck .info_box{text-align:left} .evtly_adrcheck .info_box .txt{position:relative;display:inline-block;padding-left:14px;line-height:18px} .evtly_adrcheck .info_box{margin-top:9px;text-align:left} .evtly_adrcheck .inner .btn_box{border-top:none;padding:0;margin-top:20px;font-size:0} .evtly_adrcheck .inner .btn_box button{margin-left:10px;font-size:13px;height:35px;line-height:33px} .evtly_adrcheck .inner .btn_box button:first-child{margin:0} .evtly_adrcheck .btn_box .btn_grey, .evtly_adrcheck .btn_box .btn_blue{width:auto;padding:0 28px} .evtly_adrcheck .info_box .txt .deco{position:absolute;left:0;top:0} /*230726 룰렛이벤트 추가 관련*/ .pop_content.roulette_win .nftlst_box{border-top: 1px #aaa dashed;margin-top: 20px;} .pop_content.roulette_win .nftlst_box .txtbox{font-size: 16px;margin-top: 19px;} .pop_content.roulette_win .nftlst_box + .btn_box{margin-top: 22px;} /*//룰렛*/ /*====================================================== ai 관련 ======================================================*/ /*230214 ai 이미지 생성*/ .ai_make{width:620px;font-size:12px;line-height:22px} .ai_make.pop_content{overflow:visible} .ai_make .inner{position:relative;} .ai_make .btn_aiguide, .ai_make a.btn_aiguide{width:80px;height:23px;line-height:21px;background:#fff;border:1px #29367c solid;border-radius:3px;vertical-align:0px;margin-left:9px;font-weight:bold;letter-spacing:-0.025em} .ai_make a.btn_aiguide{display: inline-block;width: 68px;box-sizing: border-box;text-align: center;padding: 0 6px 0 5px} /*230814 기능안내 버튼 변경*/ .ai_make a.btn_aiguide:hover{text-decoration: none} .ai_make .btn_aiguide .deco{display:inline-block;width:9px;height:6px;background-position:-285px -1023px;margin-left:3px;vertical-align:1px} .ai_make .btn_aiguide.open .deco{background-position:-268px -1023px} .ai_make .pop_head .pop_tipbox{right: 14px;top: 6px} /*231011 디시픽 링크 추가*/ .ai_make .pop_head .pop_tipbox .inner{height: 25px;line-height: 25px;padding: 0 8px;border-width: 1px;letter-spacing: -0.025em;font-weight: bold;color: #333} .ai_make .pop_head .pop_tipbox .lnk{text-decoration: underline;margin-left: 5px} .ai_make .pop_head .pop_tipbox .lnk .deco{display: inline-block;width: 10px;height: 12px;background-position: -179px -1023px;vertical-align: -2px;margin-left: 2px} .ai_make .inner{padding:12px 14px 25px} .ai_make .inr{border-top:1px #aaa dashed;margin-top:20px;padding-top:20px} .ai_make .inr:first-child{border-top:0;margin-top:0;padding-top:0} .ai_make .inr.inr2{margin-top:12px;padding-top:13px} .ai_make .hd{height:25px;line-height:25px;margin-bottom:9px} .ai_make .hd h4{font-size:13px;padding-left:1px;color:#333} .ai_make .required_input{vertical-align:0;padding-left:4px} .ai_make .inr1 .tem{margin-left:16px} .ai_make .btn_aipp_recom{color:#336633;vertical-align:-1px} .ai_make .btn_aipp_recom .deco{display:inline-block;width:9px;height:6px;background-position:-285px -1033px;margin-left:3px;vertical-align:2px} .ai_make .btn_aipp_recom.open .deco{background-position:-268px -1033px} .ai_make .btn_refer {vertical-align:-1px} .ai_make a.btn_refer::before, .ai_make .btn_recent::before, .ai_make .btn_character + .btn_aipp_recom::before {content:"";display:inline-block;width:1px;height:10px;background:#ccc;margin-left:6px;margin-right:9px;vertical-align:-1px} .ai_make .btn_refer:hover{text-decoration:none} .ai_make .btn_refer .deco{display:inline-block;width:13px;height:13px;background-position:-157px -1071px;vertical-align:-1px;margin-left:3px} .ai_make .pp_recom_box{position:relative;min-height:60px;box-sizing:border-box;padding:3px 15px 10px 3px;background:#f5fdef;border:1px #b1c9b1 solid;margin-bottom:10px} .ai_make .optbox{font-size:0;line-height:0} .ai_make .optbox .opt{display:inline-block;height:22px;line-height:20px;padding:0 5px;background:#729772;color:#fff;font-size:12px;border-radius:3px;margin:7px 0 0 7px;cursor:pointer} .ai_make .pp_recom_box .btn_close{position:absolute;top:3px;right:5px} .ai_make .pp_recom_box .btn_close .icon_close{display:inline-block;width:11px;height:11px;background-position:-178px -1071px } .tx-canvas .ai_make textarea, .ai_make textarea{width:590px;height:80px;overflow-y:scroll;box-sizing:border-box;padding:8px 7px 9px 10px;border:1px #ccc solid;color:#333} .ai_make textarea:disabled{background:#f3f3f3;color:#999} .ai_make .ai_imgup{margin-top:10px;color:#333} .ai_make .ai_imgup .txt{line-height:29px} .ai_make .btn_imgup{height:29px;line-height:27px;padding:0 11px;border:1px #ccc solid;border-radius:2px;font-weight:bold;margin-left:8px;color:#333} .ai_make .ai_imgup .btn_pp_input, .ai_make .filename{line-height:22px} .ai_make .filename{display:inline-block;font-size:13px;padding-left:15px;word-break:break-all}/*250204 word-break 추가*/ .ai_make .ai_imgup .btn_pp_input{text-decoration:underline;margin-left:15px;font-size:13px;vertical-align:-0px} .ai_make .ai_imgup .time{font-size:11px;margin-left:10px;line-height:22px;margin-top:1px} .ai_make .ai_imgup .btn_del{font-size:0;vertical-align:-4px;margin-left:1px} .ai_make .inr2 .stxt, .ai_make .inr.model .stxt{font-size:11px;color:#333} .ai_make .inr2 .stxt{margin:1px 0 0 2px} .ai_make .inr.model .stxt{margin:1px 0 0 4px} .ai_make .pp_input.ngtv{padding-top:1px} .tx-canvas .ai_make .inr2 textarea, .ai_make .inr2 textarea{height:60px} .ai_make .style{margin-left:18px} .ai_make .select_arraybox{min-width:145px;width:auto;height:25px;box-sizing:border-box;padding:0 20px 0 8px;line-height:23px;letter-spacing:-0.025em;margin-left:10px} .ai_make .option_box{box-sizing:content-box;padding:5px 0} .ai_make .option_box li{padding:0 8px} .ai_make .select_arraybox .icon_option_more{top:10px;right:-9px;width:7px;height:4px;background-position:-205px -232px} .ai_make .inr3 .tem{font-size:0;margin:4px 0 0 19px} .ai_make .inr3 .checkbox{vertical-align:-1px;margin-left:19px} .ai_make .inr3 .checkbox label{font-size:13px;color:#333;font-weight:bold;margin-left:7px} .ai_make .inr3 .info_txt{padding:11px 15px 12px;background:#f3f3f3;border:1px #ccc solid;line-height:18px;color:#333;margin-top:20px } .ai_make .inr3 .info_txt p{position:relative;padding-left:8px} .ai_make .inr3 .info_txt p::before{content:"";display:inline-block;position:absolute;left:0px;top:8px;width:2px;height:2px;background:#333} .ai_make .inr3 .info_txt p.font_red::before{background:#d31900 } .ai_make .inr.lora.hide + .inr3{margin-top:14px} .ai_make .btn_box{border-top:none;padding:20px 0 0} .ai_make .btn_box > button{width:180px;height:58px;line-height:20px;margin-left:0} .ai_make .btn_box p{font-size:14px} .ai_make .btn_box p.stxt{font-size:12px;font-weight:normal} /*기능 안내*/ .aiguide_wrap{position:absolute;top:0;left:0;overflow-y:scroll;height:100%;box-sizing:border-box;padding:14px 14px 20px;background:#fff;line-height:18px;color:#333;z-index:2} .aiguide_info{margin-bottom:10px;padding:11px 15px 13px} .aiguide_box{margin-bottom:17px} .aiguide_box:nth-child(4) .extxt{padding-top:5px} .aiguide_img{overflow:hidden;width:574px;min-height:78px;border:1px #ccc solid;text-align:center;box-sizing:border-box;} .aiguide_img img{width:100%} .aiguide_wrap .extxt{line-height:0;padding:5px} .aiguide_txt{margin-top:10px} .ai_make .aiguide_wrap .btn_box{padding:0} .ai_make .aiguide_wrap .btn_box > button{width:85px;height:31px;line-height:29px} /*230428 기능 안내 여백관련 추가*/ .aiguide_wrap.margin .aiguide_info{margin-bottom: 17px} .aiguide_wrap.margin .aiguide_box{margin-bottom: 23px} /*230814 기능안내 추가 (안내 일부 코딩, 상단 탭 추가)*/ .ai_make .tab_box{width: 100%;padding: 10px 14px;box-sizing: border-box;background:#fff;border: 1px solid #ccc;border-width:0px 1px 1px} .ai_make .tab_box .tab_lnk{display: inline-block;background: #ffee99;border: 1px solid #ffdd99;border-radius: 2px;line-height: 24px;font-size: 13px;font-weight: bold;color: #333;padding: 0 10px;margin-left: 6px} .ai_make .tab_box .tab_lnk:first-of-type{margin: 0} .ai_make .tab_box .tab_lnk:hover{text-decoration: none} .ai_make.guide .pop_head{height:auto; box-sizing:border-box;padding: 0;z-index: 100} .ai_make.guide .pop_head h3{float: none;padding:0 14px} .ai_make.guide .inner{width: 100%;height: 700px;box-sizing: border-box} .ai_make.guide .inner .aiguide_wrap{width: 100%;} .aiguide_wrap .extxtinr{background: #fff;text-align: left;overflow: hidden;padding-top: 10px} .aiguide_wrap .extxtinr > div{width: 276px;box-sizing: border-box} .aiguide_wrap .extxtinr > div p{display: block;color: #333;font-size: 12px;line-height: 2} .aiguide_wrap .extxtinr > div:nth-of-type(1):after{content: "";display: inline-block;width: 100%;height: 420px;background: url(https://nstatic.dcinside.com/dc/w/images/ai_img/function/img_controlnet2-1.png) center center/cover no-repeat} .aiguide_wrap .extxtinr > div:nth-of-type(2):after{content: "";display: inline-block;width: 100%;height: 420px;background: url(https://nstatic.dcinside.com/dc/w/images/ai_img/function/img_controlnet2-2.png) center center/cover no-repeat} /*230412 로라, 텍스츄얼 인버전*/ .ai_make .other_box, .character_prompt .other_box{height:38px} .ai_make .other_box .box, .character_prompt .other_box .box{position:absolute;left:0;top:0;width:100%;height:38px;box-sizing:border-box;padding:0 14px;background:#f3f3f3;text-align:right;font-size:0} .ai_make .other_box .box .txtbtn{line-height:38px;font-size:12px;text-decoration:underline} .ai_make .other_box .box .txtbtn::before{content:"";display:inline-block;width:1px;height:10px;margin:0 10px;background:#ccc } .ai_make .other_box .box .txtbtn:first-child::before{display:none} .btn_toggle17{margin-top:2px} .btn_toggle17.ml{margin-left:6px} .btn_toggle17 .icon_toggle17{display:inline-block;width:19px;height:19px;background-position:-127px -1095px} .hide .btn_toggle17 .icon_toggle17{background-position:-100px -1095px} .hide .pp_input.ngtv{display:none } .hide.inr.inr2 + .inr.lora{margin-top:14px} .ai_make .inr.lora{position:relative;;width:590px} .ai_make .inr.lora .hd{margin-bottom:10px} .ai_make .lora_list{overflow:hidden;white-space:nowrap;font-size:0;line-height:0;margin-left:-10px} .ai_make .inr.lora.hide .lora_list, .ai_make .inr.lora.hide .right{display:none} .ai_make .lora_list li{display:inline-block;margin-left:10px} .ai_make .lora_list li > a, .ai_make .md_allist li > a{position:relative;display:block;width:140px;height:210px;overflow:hidden} .ai_make .lora_list li a::after, .ai_make .md_allist li a::after{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:100%;box-sizing:border-box;border:1px #ccc solid} .ai_make .lora_list li a.sel::after, .ai_make .md_allist li a.sel::after{border:4px #29367c solid} .ai_make .lora_list li img, .ai_make .md_allist li img{width:140px;line-height:0;vertical-align:top} .ai_make .loraname, .ai_make .md_allist .md{position:absolute;left:0;bottom:0;width:100%;height:46px;box-sizing:border-box;padding:7px 13px; background:rgba(0, 0, 0, 0.6);color:#fff;font-size:13px;line-height:16px} .ai_make .loraname span, .ai_make .md_allist .md span{display:block;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal} .ai_make .lora_list .btn_x18{right:0;top:0} .btn_x18{position:absolute;width:18px;height:18px;background:#29367c; } .sp_img.icon_x{display:inline-block;width:11px;height:12px;;background-position:-159px -1098px;text-align:center;margin-top:2px} .ai_make .inr.lora{padding-top:13px} .ai_make .inr.lora .stxt{color:#333;font-size:11px;margin-left:2px} .ai_make .inr.lora .right{float:right;margin-top:4px} .pageing_box.size17{font-size:0;line-height:17px} .pageing_box.size17 .btn_blueprev, .pageing_box.size17 .icon_blueprev, .pageing_box.size17 .btn_bluenext, .pageing_box.size17 .icon_bluenext {width:17px;height:17px} .pageing_box.size17 .btn_bluenext{margin-left:-1px} .pageing_box.size17 .icon_blueprev{background-position:-101px -1123px} .pageing_box.size17 .icon_bluenext{background-position:-117px -1142px} .pageing_box.size17 .on .icon_blueprev{background-position:-101px -1142px} .pageing_box.size17 .on .icon_bluenext{background-position:-117px -1123px} .pageing_box.size17 .page_num{margin:0px 5px 0 0px;vertical-align:top;font-size:12px;color:#333;} .ai_make .inr.lora .btn_more, .ai_make .inr.model .btn_more{width:30px;height:17px;margin-left:7px;line-height:15px;border:1px #2d357b solid;border-radius:3px;font-size:11px} .ai_make .inr.lora .btn_more.font_blue, .ai_make .inr.model .btn_more.font_blue{color:#2d357b} /*230412 로라 설정*/ .pop_wrap.type6 .pop_content.loraset .pop_head{border-top:none} .pop_content.loraset{width:278px;color:#333;line-height:100%} .ai_make .pop_content.loraset .inner{padding:15px 14px 0;border:none} .pop_content.loraset .btnbox{text-align:center;padding:12px 0 16px;border-top:1px #cecdce solid;font-size:0} .pop_content.loraset .btnbox button{margin-left:6px} .pop_content.loraset .btnbox button:first-child{margin-left:0} .pop_content.loraset .name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:13px;padding-bottom: 3px} /*230427 텍스트 잘림 여백css 수정*/ .pop_content.loraset .tit{font-size:13px;font-weight:bold} .pop_content.loraset .gangdo{margin-top:5px;margin-bottom:17px} /*230427 텍스트 잘림 여백css 수정*/ .pop_content.loraset .gangdo .tit{line-height:25px} .pop_content.loraset .gangdo .cont{font-size:0;margin-left:10px} .pop_content.loraset .gangdo .cont .stxt{margin-left:7px;vertical-align:-4px} .pop_content.loraset .gangdo .int{width:40px;height:25px;padding:0 5px 3px 5px;border-color:#ccc;color:#333;font-size:13px;text-align:center } .pop_content.loraset .gangdo .btn_updown + .int{margin: 0 4px} .pop_content.loraset .gangdo + .chuga{margin-top:17px;margin-bottom:18px} .pop_content.loraset .chuga .tit .stxt, .pop_content.loraset .gangdo .tit .stxt{font-weight:normal} .pop_content.loraset .chuga .cont{margin-top:7px;margin-left:-5px;word-break:break-all;} .pop_content.loraset .chuga .cont span{display:block;margin-left:5px} /*230412 로라 전체 리스트*/ .pop_wrap.type6 .pop_content.lora_allist .pop_head{border-top:none} .ai_make .pop_content.lora_allist .inner{overflow-y:scroll;box-sizing:border-box;width:618px;height:715px;padding:10px 12px 19px 14px;border:none} .ai_make .pop_content.lora_allist .lora_list li:first-child, .ai_make .pop_content.lora_allist .lora_list li:nth-child(4n+1){margin-left:0} .pop_content.lora_allist .lora_list{white-space:normal;margin: 0} .ai_make .pop_content.lora_allist .lora_list li{margin:5px 0 0 5px} /*230412 최근 프롬프트 / 241031 캐릭터 프롬프트*/ .pop_wrap.type6 .pop_content.recent_prompt .pop_head{border-top:none} .ai_make .pop_content.recent_prompt .inner{width:438px;border:none;padding:0} .ai_make .pop_content.recent_prompt .other_box .txt{font-size:12px;text-align:left;color:#333;line-height:38px} .pop_content.character_prompt .pop_head{border-top:none} .pop_content.character_prompt .inner{width:383px;border:none;padding:0;position: relative} .pop_content.character_prompt .other_box .txt{font-size:12px;text-align:left;color:#333;line-height:38px} .pop_content.recent_prompt .recent_promptlist{overflow-y:scroll;height:234px;padding:15px 13px 18px} .pop_content.recent_prompt .recent_promptlist li{position:relative;width:394px;max-height:56px;box-sizing:border-box;padding:5px 18px 9px 10px;border:1px #ccc solid;line-height:20px;margin-top:10px;cursor:pointer} .pop_content.recent_prompt .recent_promptlist li:first-child{margin-top:0} .pop_content.recent_prompt .recent_promptlist li > div{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal} .pop_content.recent_prompt .recent_promptlist li > div a{display:block} .pop_content.recent_prompt .recent_promptlist li > div a:hover{text-decoration:none} .pop_content.recent_prompt .empty_box{height:93px;line-height:93px;font-size:14px;color:#333} .pop_content.character_prompt .empty_box{height: 190px;line-height: 185px;font-size:14px;color:#333} .pop_content.recent_prompt .btnbox, .pop_content.character_prompt .btnbox{border-top:1px #cecdce solid;padding:12px 0 16px;text-align:center;margin-left:0} /*230412 프롬프트 불러오기*/ .pop_wrap.type6 .pop_content.load_prompt .pop_head{border-top:none} .ai_make .pop_content.load_prompt .inner{width:438px;border:none;padding:0} .ai_make .pop_content.load_prompt .other_box .txt{font-size:12px;text-align:left;color:#333;line-height:38px} .ai_make .ai_promptbox .cont{height:34px;padding:0 14px;line-height:34px;border:1px #eee solid;border-width:1px 0 1px 0;font-size:13px} .ai_make .ai_promptbox .cont .count{margin-left:5px } .ai_promplist > ul{overflow-y:scroll;height:223px;box-sizing:border-box;padding:11px 15px 12px} .ai_promplist li{position:relative} .ai_promplist a{display:block;width:390px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:13px;line-height:23px} .ai_promplist a.sel{color:#29367c;text-decoration:underline} .ai_promplist .btn_del{margin-left:0;position:absolute;top:5px;right:0} .ai_make .pop_content.load_prompt .btnbox{border-top:1px #cecdce solid;padding:12px 0 16px;text-align:center;font-size:0} .ai_make .pop_content.load_prompt .btnbox button{margin-left:6px} .ai_make .pop_content.load_prompt .btnbox button:first-child{margin-left:0} .pop_content.load_prompt .empty_box{height:57px;line-height:57px;font-size:14px;color:#333} /*230412 프롬프트 저장하기*/ .pop_wrap.type6 .pop_content.save_prompt .pop_head{border-top:none} .ai_make .pop_content.save_prompt .inner{width:438px;border:none;padding:0} .ai_make .pop_content.save_prompt .other_box .txt{font-size:12px;text-align:left;color:#333;line-height:38px} .ai_make .save_prompt .ai_promptbox .cont{padding:4px 14px 2px} .ai_make .save_prompt .ai_promptbox .radiobox{padding-left:19px;line-height:30px} .ai_make .save_prompt .ai_promptbox .cont .font_red, .ai_make .load_prompt .ai_promptbox .cont .font_red{letter-spacing:-0.05em} .ai_make .save_prompt .ai_promptbox.new .cont{border-bottom:0} .ai_make .save_prompt .ai_promptbox.new textarea{overflow-y:inherit;width:408px;height:50px;margin:0px 15px 14px} .ai_make .save_prompt .ai_promptbox.old .cont{border-bottom:0} .ai_make .save_prompt .ai_promptbox.old .ai_promplist,.ai_make .save_prompt .ai_promptbox.old .empty_box{border-top:1px #eee solid} .ai_make .save_prompt .ai_promptbox.old .ai_promplist > ul{height:176px} .ai_make .pop_content.save_prompt .btnbox{border-top:1px #cecdce solid;padding:12px 0 16px;text-align:center;font-size:0} .ai_make .pop_content.save_prompt .btnbox button{margin-left:6px} .ai_make .pop_content.save_prompt .btnbox button:first-child{margin-left:0} .pop_content.save_prompt .empty_box{height:57px;line-height:57px;font-size:14px;color:#333} /*//230214 ai 이미지 생성*/ /*230214 샘플링/스타일 참고 레이어*/ .ai_refer_wrap{width:928px} .ai_refer_wrap .inner{box-sizing:border-box;padding:17px 14px 21px} .ai_refer_wrap .logo{position:relative;top:0;right:-4px } .ai_refer_wrap .inner .cont{margin-top:16px} .ai_refer_wrap .inner .cont:first-child{margin-top:0} .ai_refer_wrap .inner .cont h4{font-size:13px;padding-left:1px} .ai_refer_wrap .list{border:1px #e9e9e9 solid;border-width:1px 0 0px 1px;margin-top:11px } .ai_refer_wrap .list li{float:left;width:298px;height:197px;border:1px #e9e9e9 solid;border-width:0px 1px 1px 0;} .ai_refer_wrap .list li img{width:298px;line-height:0 } .ai_refer_wrap .list .tit{height:39px;line-height:37px;padding:0 14px;background:#f3f3f3;font-weight:normal;color:#333;font-size:12px } /*//230214 샘플링/스타일 참고 레이어*/ /* 230523 ai 모델 */ .ai_make .inr.model{position:relative} .ai_make .inr.model + .inr.inr1{padding-top:13px;position:relative}/*ai 모델 개발 배포후 .inr1에 relative 주기*/ .ai_make .inr.model .hd{margin-top:1px} .ai_make .model_list li{float:left;margin-left:5px} .ai_make .model_list li:first-child{margin-left:0} .ai_make .btn_md{display:block;width:69px;height:45px;box-sizing:border-box;padding:3px 5px 9px;background:#999;border:1px solid #888;color:#fff;font-size:13px;text-align:center} .ai_make .btn_md:hover{text-decoration:none } .ai_make .btn_md.sel{background:#3b4890;border-color:#29367c} .ai_make .model_list .md{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;margin-top:-7px} .ai_make .pop_content.model_allist .pop_head{border-top:none} .ai_make .pop_content.model_allist .inner{width:603px;box-sizing:border-box;border:none;padding-bottom:18px} .ai_make .md_allist{margin:-2px 0 0 -5px} .ai_make .md_allist li{float:left;margin:5px 0 0 5px} .ai_make .md_allist .mdname{position:absolute;left:1px;top:1px;width:auto;height:27px;padding: 0 10px;background:rgba(0, 0, 0, 0.6);color:#fff;text-align:center;line-height:27px;font-size:13px} .ai_make .md_allist .md{word-break: break-all} /* //230523 ai 모델 */ /*230710 ai 타일 리샘플*/ .ai_make .controlnet{padding-top: 14px;margin-bottom: -4px} .ai_make .controlnet .stxt{font-size: 11px;font-weight: normal;color: #333;margin-left: 2px} .ai_make .controlnet .checkbox{background: #f3f3f3;border: 1px solid #ccc;display: block;padding: 11px 10px 11px 30px;color: #333;font-weight: bold} .ai_make .controlnet .checkbox.open{background: #f3f7ff;border-color: #b8c2d7} .ai_make .controlnet .checkbox input[type="checkbox"], .ai_make .controlnet .checkbox input + .checkmark{top: 50%;left: 10px;transform: translateY(-50%)} .ai_make .controlnet .checkbox .stxt{color: #777;font-weight: normal;margin-left: -2px;} .ai_make .controlnet_inr{padding: 0 10px} .ai_make .controlnet_inr h5{line-height: 27px;font-size: 12px} .ai_make .controlnet_inr .filename{padding: 0} .ai_make .controlnet_inr .ai_imgup{margin-top: 15px;} .ai_make .controlnet_inr .box{margin-top: 12px} .ai_make .controlnet_inr .box h5{width: 45px} .ai_make .controlnet_inr .box .int{width:40px;height:25px;padding:0 5px 3px 5px;border-color:#ccc;color:#333;font-size:13px;text-align:center} .ai_make .controlnet_inr .box button{display: inline-block;margin-left: 3px;text-align: center;color: #3b4890;font-size: 12px;width: 96px;height: 23px;line-height: 20px;border: 1px solid #ccc;border-radius: 50px;box-sizing: border-box} .ai_make .controlnet_inr .box button:first-of-type{margin: 0;} .ai_make .controlnet_inr .box button.on{font-weight: bold;border-color: #29367c;background: #3b4890;color: #fff} /*//230710 ai 타일 리샘플*/ /*231226 ai 이미지 간편 등록*/ .ai_easy_ly{width: 568px} .ai_easy_ly .box{border-top: 1px solid #ccc;display: table;table-layout: fixed;width: 100%} .ai_easy_ly .box:first-of-type{border: 0} .ai_easy_ly .box .tit{display: table-cell;width: 105px;background: #f3f3f3;vertical-align: middle;text-align: center;font-weight: bold;color: #333} .ai_easy_ly .box .cont{display: table-cell;vertical-align: middle} .ai_easy_ly .model_list{padding: 10px} .ai_easy_ly .model_list li{float:left;margin-left:5px} .ai_easy_ly .model_list li:first-child{margin-left:0} .ai_easy_ly .btn_md{display:block;width:51px;height:26px;box-sizing:border-box;padding:4px 5px;background:#999;border:1px solid #888;color:#fff;font-size:12px;text-align:center} .ai_easy_ly .btn_md:hover{text-decoration:none} .ai_easy_ly .btn_md.sel{background:#3b4890;border-color:#29367c} .ai_easy_ly .recent_promptlist{height: 172px;box-sizing: border-box;padding: 10px;overflow-y: scroll} .ai_easy_ly .recent_promptlist li{position:relative;width: 100%;box-sizing:border-box;padding: 4px 30px 5px 10px;border:1px #ccc solid;margin-top: 7px;cursor:pointer;line-height: 18px} .ai_easy_ly .recent_promptlist li:first-child{margin-top:0} .ai_easy_ly .recent_promptlist li > div{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal} .ai_easy_ly .recent_promptlist li > div a{display:block} .ai_easy_ly .recent_promptlist li > div a:hover{text-decoration:none} .ai_easy_ly .empty_box{height: 172px;line-height: 172px;color: #333} .ai_easy_ly .btn_box{padding: 12px 0 14px} .ai_easy_ly.renewal{width: 618px}/*241031 추가*/ .ai_easy_ly.renewal .model_list{margin: -5px 0 0 -5px} .ai_easy_ly.renewal .model_list li{margin: 5px 0 0 5px} .ai_easy_ly.renewal .btn_md{width: 78px;white-space: nowrap;padding: 4px 0} /*241031 ai 이미지 생성 고도화 관련*/ .ai_make .controlnet_inr .box .btn_updown, .loraset .gangdo .btn_updown{width: 35px;height: 25px;border: 1px solid #ccc;position: relative;box-sizing: border-box;background: #f3f3f3;border-radius: 0;margin: 0} .ai_make .controlnet_inr .box .btn_updown::before, .loraset .gangdo .btn_updown::before{content: "";display: inline-block;width: 9px;height: 2px;background-color: #333;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)} .ai_make .controlnet_inr .box .btn_updown.up::after, .loraset .gangdo .btn_updown.up::after{content: "";display: inline-block;width: 9px;height: 2px;background-color: #333;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(90deg)} .ai_make .sample_list_wrap .btn_paging{display: inline-block;width: 15px;height: 30px;margin-left: 14px;text-align: right} .ai_make .sample_list_wrap .btn_paging::after{content: "";display: inline-block;width: 14px;height: 22px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_image.png?1031) no-repeat -322px -65px;vertical-align: middle} .ai_make .sample_list_wrap .btn_paging.prev{margin-left: 12px} .ai_make .sample_list_wrap .btn_paging.prev::after{transform: scale(-1, 1)} .ai_make .sample_list{font-size: 0;line-height: 0;white-space: nowrap;width: calc(100% - 30px);display: inline-block;vertical-align: middle;overflow:hidden;white-space:nowrap}/*241107 ;overflow:hidden;white-space:nowrap 추가*/ .ai_make .sample_list li{display:inline-block;margin-right:10px;width: calc(25% - 7.5px);height: 98px} .ai_make .sample_list li:last-of-type{margin: 0} .ai_make .sample_list li > a{position:relative;display:block;width: 100%;height: 100%;overflow:hidden} .ai_make .sample_list li a::after{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:100%;box-sizing:border-box;border:1px #ccc solid} .ai_make .sample_list li a.sel::after{border:4px #29367c solid} .ai_make .sample_list li img{width: 100%;height: 100%;object-fit: cover} .ai_make .sample_list_wrap{font-size: 0;line-height: 0} .ai_make .sample_name{color: #333;text-align: center;word-break: break-all;line-height: 1.5;margin: 8px 30px 0 0;font-weight: bold} .ai_make.renewal .inr3 .checkbox{margin: 4px 0 0} .ai_make.renewal .inr3 .checkbox .stxt{font-size: 11px;color: #777} .ai_make.renewal .inr3 .info_txt{margin-top: 8px} .ai_make.renewal .model_list{margin: -5px -5px 0 0} .ai_make.renewal .model_list li{margin: 5px 5px 0 0} .ai_make.renewal .btn_md{width: 94px} .ai_make.renewal .pop_content.loraset .gangdo .cont{margin: 5px 0 0} .character_prompt .sch_box{position: relative;margin: 15px 13px 0} .character_prompt .sch_box::before{content: "";display: inline-block;width: 15px;height: 16px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png?1031) no-repeat -48px -1228px;position: absolute;top: 50%;left: 7px;transform: translateY(-50%)} .character_prompt .sch_box .intxt{width: calc(100% - 65px);height: 30px;outline: 0;box-sizing: border-box;padding: 0 30px 0;border-color: #ccc} .character_prompt .sch_box .del{display: inline-block;width: 14px;height: 14px;vertical-align:top;background-position: -202px -1048px;position: absolute;top: 50%;right: 74px;transform: translateY(-50%)} .character_prompt .sch_box .btn_enroll{top: 0;right: 0} .character_prompt .sch_lst{margin: -1px 13px 13px;padding: 2px 0;border: 1px solid #ccc;box-sizing: border-box;max-height: 182px;overflow-y: auto} .character_prompt .sch_lst li a{text-decoration: none;display: block;padding: 0 8px;line-height: 22px} /*//====================================================== ai 관련 ======================================================*/ /*230327*/ .nftsale_wrap .statusbox.ing .btxt, .nftsale_wrap .statusbox.fail .btxt{display:block;margin-top:39px} .nftsale_wrap .statusbox.ing .stxt, .nftsale_wrap .statusbox.fail .stxt{font-size:16px;font-weight:normal;margin-top:31px;line-height:1.5} .nftsale_wrap .statusbox.ing{padding:153px 0 159px} .nftsale_wrap .statusbox.ing::before{display:none} .nftsale_wrap .statusbox.ing .stxt.grey{font-size:15px;color:#777;font-weight:normal;width:385px;margin:28px auto 0;text-align:left} .nftsale_wrap .statusbox.fail{padding:151px 0 151px} .nftsale_wrap .statusbox.fail::before{background-position:-120px -274px;margin-bottom:0} .nftsale_wrap .statusbox.fail .stxt:last-child{margin-top:0} .klip_qrbox .statusbox.ing, .klip_qrbox .statusbox.fail{display:table-cell;vertical-align:middle} .klip_qrbox .statusbox.ing .btxt, .klip_qrbox .statusbox.fail .btxt{display:block;margin-top:22px;font-size:21px} .klip_qrbox .statusbox.ing .stxt, .klip_qrbox .statusbox.fail .stxt{font-size:14px;font-weight:normal;margin-top:19px;line-height:1.5} .klip_qrbox .statusbox.ing::before{display:none} .klip_qrbox .statusbox.ing .stxt.grey{font-size:13px;color:#777;font-weight:normal;width:333px;margin:17px auto 0;text-align:left} .klip_qrbox .statusbox.fail::before{content:"";display:inline-block;width:102px;height:102px;background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_image.png) no-repeat -120px -274px;margin-bottom:0} .klip_qrbox .statusbox.fail .stxt:last-child{margin-top:0} /*//230327*/ /*230719 NFT 발행 혜택,구매 혜택 레이어*/ .benefit .optionbox{background: none;padding: 50px 0 52px 67px;box-sizing: border-box;border: 0} .benefit .optionbox::before{display: none} .benefit .optionbox > .left{padding: 0;width: 154px;height: 138px;position: relative;box-sizing: border-box;margin-right: 22px} .benefit .optionbox > .left::after{content: "";display: inline-block;width: 100%;height: 100%;background: url(https://nstatic.dcinside.com/dc/w/images/benefit_img1.png) no-repeat center center/contain;z-index: -1} .benefit .optionbox > .left .tit{position: absolute;top: 4px;left: 27px;color: #fff;font-size: 16px;font-weight: bold} .benefit .optionbox > .right{padding: 2px 0 0 0;width: 475px;} .benefit .optionbox > .right .info_txt{padding-top: 4px} .benefit .optionbox > .right .info_txt .txt{font-size: 14px;color: #333;line-height: 21px} .benefit .optionbox > .right .info_txt .txt.sub{color: #999} .benefit .optionbox > .right .info_txt .txt .date{color: #3f478f} .nftsale_wrap .benefit + .statusbox{padding: 130px 0 270px} .nftsale_wrap.gumae .benefit{position: absolute;bottom: 0;left: 0;width: 100%;height: 140px;background-color: #f2f2f2} .nftsale_wrap.gumae .benefit .optionbox{padding: 25px 85px 8px 96px;border:0;height: 100%} .nftsale_wrap.gumae .benefit .optionbox > .left{width: 159px;height: 134px;margin: -39px 25px 0 0} .nftsale_wrap.gumae .benefit .optionbox > .left::after{background-image: url(https://nstatic.dcinside.com/dc/w/images/benefit_img2.png)} .nftsale_wrap.gumae .benefit .optionbox > .left .tit{color:#eb6036;left: 29px} .nftsale_wrap.gumae .benefit .optionbox > .right{background: none} .nftsale_wrap.gumae .benefit .optionbox > .right{width: 390px} .nftsale_wrap.gumae .benefit .optionbox > .right .info_txt{padding-top: 2px} /*230726 룰렛이벤트 추가 관련*/ .nftsale_wrap.gumae .in_roulette + .statusbox{padding: 111px 0 262px} .nftsale_wrap.gumae .in_roulette + .statusbox::before{width: 44px;height: 44px;background-position: -193px -199px;margin: 0 -4px 0 0;vertical-align: middle;transform: translateY(3px)} .nftsale_wrap.gumae .in_roulette + .statusbox p{display: inline-block;font-size: 30px;vertical-align: middle;letter-spacing: -0.025em} .nftsale_wrap.gumae .in_roulette + .statusbox .lnk{display: block;width: 257px;height: 100px;margin: 23px auto 0} .nftsale_wrap.gumae .in_roulette + .statusbox .lnk::after{content: "";display: inline-block;width: 100%;height: 100%;background: url(https://nstatic.dcinside.com/dc/w/images/roulette_lnkimg.png) no-repeat center center/contain} /*230901 대왕디시콘 안내 레이어 / 231121 활성화 추가*/ .bigdccon_guide{width: 518px;line-height: 1.5;color: #333} .bigdccon_guide + .poply_greyclose, .bigdccon_time + .poply_greyclose, .nft_recom + .poply_greyclose{top: 13px;right: 13px} .bigdccon_guide .icon_wallet{letter-spacing: -0.05em;background:#386ce9;display:inline-block;padding:0 10px 0 8px;height:23px;line-height:23px;font-size:12px;color:#fff;font-weight:bold;border-radius:50px;text-shadow: 0px -1px rgb(0 0 0 / 30%);margin: 0 4px 0 8px} .bigdccon_guide .icon_wallet::before{content: "";display: inline-block;width: 17px;height: 16px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_image.png) no-repeat -237px -181px;vertical-align: -2px;margin-right: 2px} .bigdccon_guide .top{background: #f3f7ff;position: relative;width: 100%;font-size: 0;padding: 30px 0 27px} .bigdccon_guide .top .sub_tit{position: absolute;top: 14px;left: 18px;font-size: 12px;color: #333;font-weight: bold} .bigdccon_guide .top .img_box{width: 320px;margin: 0 auto} .bigdccon_guide .top .img_box img{width: 200px} .bigdccon_guide .top .img_box::before{content: "";display: inline-block;width: 111px;height: 67px;background: url(https://nstatic.dcinside.com/dc/w/images/bigdccon_info.png?3) no-repeat center center/contain;margin-right: 9px;vertical-align: -12px} .bigdccon_guide .block{margin: 20px 18px 0} .bigdccon_guide .block > .tit{font-size: 12px;color: #333;font-weight: bold} .bigdccon_guide .block > .txt{margin-top: 4px} .bigdccon_guide .block + .block{border-top: 1px #ccc dashed;padding-top: 16px;margin-top: 22px;margin-bottom: 24px} .bigdccon_guide .inr_block + .inr_block{margin-top: 14px} .bigdccon_guide .inr_block h4{color: #3b4890;margin-top: 6px;font-size: 14px;} .bigdccon_guide .inr_block > .txt{margin-left: 18px;margin-top: 4px} .bigdccon_guide .inr_block .bgbox{margin-left: 18px;background: #f3f3f3;border-radius: 5px;padding: 6px 8px;margin-top: 10px} .bigdccon_guide .inr_block .bgbox .font_red{margin-right: 6px} .bigdccon_guide .inr_block .bgbox .lnk, .bigdccon_time .box .btn, .nft_recom .another_nft .btm .lnk {color: #386ce9;text-decoration: underline;margin-left: 6px;vertical-align: baseline} .bigdccon_guide .inr_block .bgbox .lnk::after, .bigdccon_time .box .btn::after, .nft_recom .another_nft .btm .lnk::after {content: "";display: inline-block;width: 7px;height: 11px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_image.png) no-repeat -282px -181px;vertical-align: -1px;margin-left: 2px} /* 활성화_대왕디시콘 사용법 레이어 */ .bigdccon_guide.using .block{margin: 20px 38px 0} .bigdccon_guide.using .block + .block{margin-top: 22px;margin-bottom: 26px;padding-top: 12px;} .bigdccon_guide.using .top{background: none;padding: 36px 0 0px} .bigdccon_guide.using .top .sub_tit{background: #edf1ff;color: #3b4890;border-radius: 20px;padding: 4px 10px 3px;font-size: 11px;top: 13px;left: 13px} .bigdccon_guide.using .top .img_box{width: 375px;text-align: center} .bigdccon_guide.using .top .img_box img{width: auto} .bigdccon_guide.using .top .img_box::before{width: 87px;height: 54px;vertical-align: -8px;margin-right: 12px} .bigdccon_guide.using .inr_block{margin-top: 12px} .bigdccon_guide.using .inr_block .bgbox{margin: 0;padding: 7px 12px} .bigdccon_guide.using .inr_block .bgbox > .font_blue{font-size: 14px;display: inline-block;width: 102px;box-sizing: border-box} .bigdccon_guide.using .inr_block .bgbox .txt .font_red{font-size: 14px;margin: 0} .bigdccon_guide.using .inr_block .bgbox .round, .bigdccon_time .boxinr .round {letter-spacing: -0.05em;background:#58a2ff;display:inline-block;padding: 0 5px 0 4px;height: 15px;line-height: 15px;font-size: 11px;color:#fff;border: 1px solid transparent;border-radius:50px;margin-left: 4px;vertical-align: 1px} .bigdccon_guide.using .inr_block + .txt{margin-top: 10px} /* 활성화_사용기간 레이어 */ .bigdccon_time{min-width: 338px;text-align:center;padding: 28px 34px 28px;line-height:24px;box-sizing:border-box} .bigdccon_time .bigt{font-size:16px;color: #29367c} .bigdccon_time .smallt{font-size:12px;color: #333;line-height: initial;margin-top: 4px} .bigdccon_time .box{border: 1px solid #ccc;text-align: left;padding: 11px 14px 12px;margin-top: 16px;} .bigdccon_time .boxinr{line-height: initial} .bigdccon_time .boxinr + .boxinr{margin-top: 5px;} .bigdccon_time .boxinr .round{border-color: #29367c;color: #29367c;background: none} .bigdccon_time .boxinr .tit{display: inline-block;width: 70px} /* 활성화_nft 추천 레이어*/ .nft_recom{width: 638px;padding: 20px 14px 30px;box-sizing: border-box} .nft_recom .another_nft{margin-top: 0} .nft_recom .another_nft .tit{color: #333;font-size: 20px} .nft_recom .another_nft .btnrline_grey{font-size: 11px;width: auto;height: 22px;color: #999;line-height: 22px;padding: 0 7px 0 3px;margin-left: 4px;letter-spacing: -0.025em;vertical-align: 4px} .nft_recom .another_nft .btnrline_grey:hover{text-decoration:none} .nft_recom .another_nft .btnrline_grey::before{content:"";display:inline-block;width:17px;height:17px;vertical-align:0;background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_circle_arrow.png?11)no-repeat -26px 0;vertical-align: -4px;margin-right: 1px;transform: scale(0.8);opacity: 50%;} .nft_recom .another_nft .dcnftlist{margin-top: 18px} .nft_recom .another_nft .nfttem{width: 113px;height: 166px} .nft_recom .another_nft .nfttem .thumb, .nft_recom .another_nft .nfttem .thumb img{width: 113px;height: 110px} .nft_recom .another_nft .nfttem .linkbox.recom::before, .nft_recom .another_nft .nfttem .linkbox.ai::before, .nft_recom .another_nft .nfttem .linkbox.ai_reco::before{width: 13px;height: 13px;top: 3px;left: 3px} .nft_recom .another_nft .infobox{padding: 0 10px;margin-top: 9px} .nft_recom .another_nft .infobox .state .ing{color:#f3623b;font-size: 11px} .nft_recom .another_nft .infobox .state .uning{color:#999;font-size: 11px;max-width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: inline-block} .nft_recom .another_nft .infobox .state .period{display:inline-block;min-width: 33px;height: 14px;line-height: 12px;box-sizing:border-box;border:1px solid #f3623b;border-radius:50px;text-align:center;font-size: 10px;color:#f3623b;padding:0 2px;margin-right: 4px;transform: translateY(-3px)} .nft_recom .another_nft .infobox .state .period + .ing{display:inline-block;max-width: 60%;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap} .nft_recom .another_nft .btm{margin-top: 18px;font-size: 0;position: relative} .nft_recom .another_nft .btm .txt{font-size: 12px;color: #333} .nft_recom .another_nft .btm .lnk{font-size: 12px} .nft_recom .another_nft .btm .btn_moretxt{font-size: 12px;text-decoration: underline;color: #999;position: absolute;right: 0} .nft_recom .another_nft .btm .btn_moretxt::after{display: none} /*231211 글쓰기 editor.css 충돌 관련 추가*/ .tx-list .tx-dccone .nft_recom .nfttem .linkbox{width: 100%;height: auto} .tx-list .tx-dccone .nft_recom .btn_moretxt{width: auto;height: auto} /*//230901 대왕디시콘 안내 레이어 / 231121 활성화 추가*/ /*250213 더블콘+대왕콘(nft종료로 대왕콘 지급 방식 변경)*/ .daewangcon::after{clear:both;display:block;visibility:hidden;content:""} .daewangcon .checkbox{margin-left:7px} .daewangcon .checkbox:first-child{margin-left:0} .doublecon_wrap.daewangcon .bgbox{width:391px;left:149px} .daewangcon .right{float:right;line-height:14px} .daewangcon .right .txtbtn{font-size:13px;text-decoration:underline} .ly_daewang{width:358px;box-sizing:border-box} .ly_daewang .inner{height:auto;text-align:center;padding:25px 25px 25px;border-bottom:none;font-size:13px} .ly_daewang .inner .tit{font-size:18px;vertical-align:top;line-height:25px;font-weight:bold;color:#000;margin-bottom:9px} .ly_daewang .txt{line-height:20px} .ly_daewang .txt.align{text-align:left} .ly_daewang .situation{margin-top:8px} .ly_daewang .font_grey.situation{font-size:12px;margin-top:15px} .ly_daewang ~ .poply_greyclose{top:13px;right:13px} /* min-width: 338px;text-align:center;padding: 28px 34px 28px;line-height:24px;box-sizing:border-box font-size:18px;vertical-align:top;line-height:25px;font-weight:bold;color:#000*/ /*//250213 더블콘+대왕콘(nft종료로 대왕콘 지급 방식 변경)*/ /*231207 보안 코드 발급 안내*/ .code_guide{width: 368px} .code_guide .info_txt{padding: 0 16px;margin-top: 14px;line-height: 20px} .code_guide .info_txt p strong{text-decoration: underline} .code_guide .checkwrap{border-top: 1px dashed #aaa;margin: 12px 16px 0;padding-top: 14px} .code_guide .checkbox label{margin-left: 4px} .code_guide .btn_box{border: 0;margin-top: 14px;padding-top: 0;margin: 0;padding: 16px 0 22px} /*240105 글쓰기 안내 문구*/ .wrt_guide_ly{width: 788px} .wrt_guide_ly .box{margin: 15px;padding: 8px 10px;border: 1px solid #bbb;height: 220px;overflow-y: scroll;box-sizing: border-box} /*240115 특정 통신사 IP 대역 입력*/ .nonmember_iply{width: 398px} .nonmember_iply .box{padding: 10px 16px 0;white-space: wrap;font-size: 0} .nonmember_iply .box h4{font-size: 12px} .nonmember_iply .box .intxt{width: calc(50% - 4px);box-sizing: border-box;margin-top: 7px} .nonmember_iply .box .intxt:nth-child(2n+1){margin-left: 8px} .nonmember_iply .info_txt{padding-top:0;margin-top:12px;color:#999;font-size:12px;line-height:18px} .nonmember_iply .btn_box{border: 0;padding: 10px 0 26px} .nonmember_iply .btn_blue.small{height: 31px;line-height: 29px;margin: 0} /********************************* 인물갤러리 관련 *********************************/ /*240528*/ /*갤메인)인물갤 안내 레이어*/ .personwrap .minor_tip_txt .round_yeondu{vertical-align: 1px} .personwrap .minor_tip_txt{min-width: 355px;letter-spacing:-0.025em} /*갤메인)인물갤 양도 요청 레이어*/ .request_ly{width: 410px;padding: 0 14px;box-sizing: border-box} .request_ly .pop_head.dashed{padding: 0} .request_ly .inner{padding: 10px 3px 12px} .request_ly .top{position: relative;font-size: 0} .request_ly .top .name{display: inline-block;font-size: 12px;max-width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: top} .request_ly .top .date{font-size: 11px;color: #999;position: absolute;top: 50%;right: 0;transform: translateY(-50%)} .request_ly .txt{color: #555;margin-top: 6px;line-height: 1.7} .request_ly .img{width: 120px;height: 80px;overflow: hidden;font-size: 0} .request_ly .img{margin-top: 8px;background: url(https://nstatic.dcinside.com/dc/w/images/minorbg.png) #f3f3f3 no-repeat center center / 100% auto} .request_ly .img img{width: 100%;min-height: 80px;object-fit: cover} .request_ly .btn{color: #999;margin-top: 10px;text-decoration: underline} /*갤메인)흥한갤 전체 순위 레이어*/ .personwrap .pop_hot_gall li a{ display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex; -webkit-box-align: center;-moz-align-items: center;-ms-flex-align: center;align-items: center; } .personwrap .pop_hot_gall li a .rank_txt{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: auto;max-width: 141px;text-decoration: none;flex-shrink: 0;margin-left: 4px} .personwrap .pop_hot_gall li a .rank_job{padding-right: 5px} .personwrap .pop_hot_gall .empty_box{height: 400px;line-height: 390px}/*흥한 인물 갤러리 순위를 집계 중입니다.*/ .personwrap .pop_hot_gall li a.restriction{color: #aaa}/*240712 접근제한*/ .personwrap .pop_hot_gall li a.restriction .rank_txt{padding: 0} .personwrap .pop_hot_gall li a.restriction .icon_restriction{position: static;margin-left: 3px;vertical-align: -1px;flex-shrink: 0} /*갤메인)마우스오버 썸네일*/ .mouseover_thumb{width: 120px!important;height: auto!important;position: absolute;z-index: 4002;overflow: hidden;font-size: 0;border: 1px solid #d5d5d5!important;box-sizing: border-box;font-size: 0} .mouseover_thumb img{width: 100%;height: 80px;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 4004;background-color: #fff} .mouseover_thumb .txtbox{width: 100%;background: #fff;box-sizing: border-box;padding: 5px 3px 4px;text-align: center;padding-top: 76px} .mouseover_thumb .txtbox::after{content: "";display: inline-block;width: 100%;height: 80px;background: url(https://nstatic.dcinside.com/dc/w/images/minorbg.png) no-repeat center / auto 100%;position: absolute;top: 0;left: 0;z-index: 4003} .mouseover_thumb .txtbox .txt{font-size: 11px;color: #555;display: block;line-height: 1.4;margin-top: 9px;/*display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;*/} /*갤메인)최근 변경 프로필 레이어*/ .personwrap .pop_upmgall .btn_box{line-height: 36px} .personwrap .pop_upmgall .empty_box{height: 200px;line-height: 190px}/*최근 변경된 프로필이 없습니다.*/ /*갤메인)지하 인물 갤러리 레이어*/ /* .pop_wrap .under_catelist.person{width: 874px;padding-bottom: 18px} .pop_wrap .under_catelist.person .cate{width: 20%;display: table-cell;vertical-align: top} .pop_wrap .under_catelist.person .cate ul{padding: 12px 0 8px} */ .pop_wrap .under_catelist.person{width: 874px;padding-bottom: 18px} .pop_wrap .under_catelist.person .cate{display: block;width: 100%;border: 0} .pop_wrap .under_catelist.person .cate ul{padding: 0 0 8px;width: 100%!important;margin-top: -3px;font-size: 0} .pop_wrap .under_catelist.person .cate ul li{display: inline-block;width: 20%;box-sizing: border-box;margin-top: 15px} /*240613*/ /*리스트)인물 갤러리 만들기 완료 레이어*/ .makedone_ly{border: 4px solid #f3f3f3;border-radius: 8px;width: 580px} .makedone_ly + .poply_close{top:19px;right: 19px} .makedone_ly + .poply_close .icon_lyclose{width: 15px;height: 15px;background-position: -89px -1181px} .makedone_ly .inner{padding: 40px 12px 42px;white-space: nowrap;text-align: center} .makedone_ly .box{position: relative;padding-left: 122px;text-align: left;display: inline-block;margin: 0 auto} .makedone_ly .box::before{content: "";display: inline-block;width: 99px;height: 109px;background: url(https://nstatic.dcinside.com/dc/w/images/makedone_mandu.png) no-repeat;position: absolute;top: 50%;left: 0;transform: translateY(-53%)} .makedone_ly .box p{font-size: 13px;color: #333;line-height: 1.5;white-space: normal} .makedone_ly .box p:first-of-type{margin-top: 10px} .makedone_ly .box p mark{background: #eaf6e6;display: inline-block;margin-top: 5px;line-height: 100%} /*리스트)매니저 이력 레이어*/ .mng_history_ly{width: 498px} .mng_history_ly .inner{padding: 15px 16px 14px;height: 240px;box-sizing: border-box;overflow-y: scroll} .mng_history_ly .lst li{font-size: 0} .mng_history_ly .lst li + li{margin-top: 6px} .mng_history_ly .lst li span{font-size: 12px;color: #333;position: relative;word-break: keep-all} .mng_history_ly .lst li span + span{padding-left: 18px} .mng_history_ly .lst li span + span::before{content: "";display: inline-block;width: 1px;height: 10px;background: #ccc;position: absolute;top: 3px;left: 8px} .mng_history_ly .btn_box{text-align: right;padding: 0} .mng_history_ly .btn_box button{color: #999;text-decoration: underline;margin: 8px 10px} .mng_history_ly .btn_box button .icon_deco{display: inline-block;width: 5px;height: 9px;background-position: -101px -1165px;margin-left: 3px;transform: translateY(1px) scale(0.8)} /*리스트)매니저 이력 레이어 > 양도 요청 레이어*/ .pass_request_ly .block_tab{padding: 0;padding: 0 19px} .pass_request_ly .block_tab button{padding: 0;width: 50%;box-sizing: border-box;margin-bottom: 0} .pass_request_ly .tabcontent{width: 618px;padding: 0;;overflow-y: initial} .pass_request_ly .tabcontent .inner{padding: 0 24px;font-size: 0} .pass_request_ly .btn_btmfull{display: block;width: calc(100% - 48px);box-sizing: border-box;border-width: 1px;margin: 38px auto 20px} .pass_request_ly .btn_toss{display: block;font-size: 14px;color: #555;padding: 0 19px 0 18px;background: #0064ff;color: #fff;border-radius: 100px;min-width: initial;text-align: center;margin: 28px auto 0} .pass_request_ly .tabcontent .txtwrap{position: relative;margin-top: 18px} .pass_request_ly .tabcontent .txtwrap .tit{font-size: 14px;color: #29367c} .pass_request_ly .tabcontent .txtwrap .tit.big{font-size: 20px;color: #2fa40e} .pass_request_ly .tabcontent .txtwrap .max_txt{font-size: 12px;color: #555;position: absolute;top: 0;right: 0} .pass_request_ly .tabcontent .txtwrap textarea{width: 100%;height: 100px;outline: 0;border: 1px solid #bbb;padding: 8px;box-sizing: border-box;margin-top: 8px} .pass_request_ly .tabcontent .txtwrap .txt{display: block;color: #333;font-size: 14px;line-height: 1.6} .pass_request_ly .tabcontent .txtwrap .txt + .txt{margin-top: 12px} .pass_request_ly .tabcontent .txtwrap .txt mark{background: #eaf6e6;display: inline-block;margin-top: 5px;line-height: 100%} .pass_request_ly .tabcontent .imgwrap{margin-top: 9px} .pass_request_ly .tabcontent .imgwrap input[type="file"]{position: absolute;top: 0;left: 0;width: 100%;opacity: 0} .pass_request_ly .tabcontent .imgwrap .imgadd{display: inline-block;width: 120px;height: 80px;border: 1px solid #bbb;background-color: #f8f8f8;position: relative;box-sizing: border-box} /* .pass_request_ly .tabcontent .imgwrap .imgadd + .imgadd{margin-left: 8px} */ .pass_request_ly .tabcontent .imgwrap .imgadd .txt{width: 100%;text-align: center;font-size: 12px;color: #333;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)} .pass_request_ly .tabcontent .imgwrap .imgadd .txt::before{content: "";display: inline-block;width: 10px;height: 10px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png) no-repeat -109px -1181px;margin-right: 4px} .pass_request_ly .tabcontent .imgwrap .imgadd img{width: calc(100% + 2px);height: calc(100% + 2px);position: absolute;top: -1px;left: -1px;z-index: 2} .pass_request_ly .tabcontent .imgwrap .imgadd button{position: absolute;top: -1px;right: -1px;z-index: 3} .pass_request_ly .tabcontent .imgwrap .imgadd button .icon_imgup_del{display:inline-block;width:13px;height:13px;background-position:-165px -1179px} .pass_request_ly .tabcontent .infobox{width: 100%;box-sizing: border-box;border: 1px solid #bbb;padding: 12px 16px;margin-top: 25px} .pass_request_ly .tabcontent .infobox .tit{font-size: 14px;color: #29367c;display: block} .pass_request_ly .tabcontent .infobox .txt{font-size: 12px;color: #333;display: block;line-height: 1.6;margin-top: 5px} .pass_request_ly .tabcontent .infobox .checkbox{margin-top: 12px;display: block} .pass_request_ly .tabcontent .infobox .checkbox label{font-size: 12px;color: #333;font-weight: bold;margin-left: 6px} .pass_request_ly .tabcontent .infobox.bg{width: 470px;background: #f3f7ff;border: 0;border-radius: 8px;text-align: center;padding: 23px 16px 25px;margin-top: 20px} .pass_request_ly .tabcontent .infobox.bg .tit{font-size: 16px} .pass_request_ly .tabcontent .infobox.bg .txt{font-size: 14px;line-height: 1.5;margin-top: 8px} .pass_request_ly .tabcontent .tiptxt{font-size: 12px;color: #999;margin-top: 12px} .pass_request_ly .tabcontent .tiptxt .sp_img{margin-right: 5px} .pass_request_ly .tabcontent .chkwrap{text-align: center;margin-top: 25px} .pass_request_ly .tabcontent .chkwrap .checkbox + .checkbox{margin-left: 20px} .pass_request_ly .tabcontent .chkwrap button{font-size: 12px;color: #333;text-decoration: underline;margin-left: 7px;line-height: 14px} .pass_request_ly .tabcontent > .infobtm{background: #f3f3f3;padding: 15px 18px} .pass_request_ly .tabcontent > .infobtm .tiptxt{color: #333;margin: 0;position: relative;padding-left: 15px;letter-spacing: -0.025em;line-height: 1.6} .pass_request_ly .tabcontent > .infobtm .tip_deco{position: absolute;top: 4px;left: 0;background-position: -177px -201px} .pass_request_ly .tabcontent.certify .inner{height: 290px;box-sizing: border-box} .pass_request_ly .tabcontent.certify .txtwrap{text-align: center;margin-top: 43px} .pass_request_ly .tabcontent.certify .chkwrap .checkbox{display: block;text-align: left;margin: 0 auto} .pass_request_ly .tabcontent.certify .chkwrap .checkbox + .checkbox{margin-top: 15px} .pass_request_ly .tabcontent.certify .btn_btmfull{margin-top: 0} /*본인인증 양도_인증 결과*/ .pass_request_ly .result{ display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex; -webkit-box-align: center;-moz-align-items: center;-ms-flex-align: center;align-items: center; -webkit-box-pack: center;-moz-box-justify-content: center;-ms-flex-pack: center;justify-content: center; -webkit-box-orient: vertical;-moz-flex-direction: column;-ms-flex-direction: column;flex-direction: column; height: 342px!important } .pass_request_ly .tabcontent.certify .result .imgwrap + .txtwrap{margin-top: 28px} .pass_request_ly .tabcontent.certify .result .imgwrap + .txtwrap .txt{font-size: 12px} .pass_request_ly .tabcontent.certify .result .txtwrap{margin-top: 0} .pass_request_ly .tabcontent.certify .result .chkwrap{margin-top: 20px} /*리스트)인물 인맥도 레이어*/ .network_map_ly{width: 1018px;letter-spacing: -0.025em} .network_map_ly .maptop{padding: 0 20px;font-size: 0;margin-top: 20px;min-height: 34px;position: relative;} .network_map_ly .maptop .mapsort{display: inline-block;max-width: 670px;background: #f3f3f3;border-radius: 100px;padding: 0 32px;position: relative} .network_map_ly .maptop .mapsort > button{display: inline-block;width: 16px;height: 50%;position: absolute;top: 50%;transform: translateY(-50%)} .network_map_ly .maptop .mapsort > button::after{content: "";display: inline-block;width: 5px;height: 9px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png) no-repeat 0 0;vertical-align: -6px} .network_map_ly .maptop .mapsort > .btn_prev{left: 8px;} .network_map_ly .maptop .mapsort > .btn_next{right: 8px;} .network_map_ly .maptop .mapsort > .btn_prev::after{background-position: -119px -58px} .network_map_ly .maptop .mapsort > .btn_next::after{background-position: -110px -58px} .network_map_ly .maptop .mapsort > .btn_prev.on::after{background-position: -105px -58px} .network_map_ly .maptop .mapsort > .btn_next.on::after{background-position: -124px -58px} .network_map_ly .maptop .mapsort button + .mapsort_lst{margin: 0} .network_map_ly .maptop .mapsort .mapsort_box{overflow: hidden} /*240722 구조 변경 .mapsort_box 추가 (최근 방문 처럼 left값으로 이동)*/ .network_map_ly .maptop .mapsort .mapsort_lst{white-space: nowrap;position: relative} .network_map_ly .maptop .mapsort .mapsort_lst li{display: inline-block;height: 34px;line-height: 34px} .network_map_ly .maptop .mapsort .mapsort_lst li + li{margin-left: 17px;} .network_map_ly .maptop .mapsort .mapsort_lst li .txt{font-size: 13px;color: #777;font-weight: bold} .network_map_ly .maptop .mapsort .mapsort_lst li.on .txt{color: #29367c} .network_map_ly .maptop .mapsch{float: right;width: 240px;height: 34px;line-height: 33px;padding: 0 32px 0 12px;box-sizing: border-box;border: 1px solid #ccc;border-radius: 100px;position: relative} .network_map_ly .maptop .mapsch input{font-size: 13px;width: 100%;outline: 0;border: 0;padding: 0} .network_map_ly .maptop .mapsch button{display: inline-block;width: 25px;height: 25px;padding: 0;position: absolute;top: 50%;right: 8px;transform: translateY(-50%)} .network_map_ly .maptop .mapsch button::after{content: "";display: inline-block;width: 18px;height: 19px;background: url(https://nstatic.dcinside.com/dc/w/images/icon_sch.png?01) no-repeat} .network_map_ly .maptop .btn_mapback{display: inline-block;width: 50px;height: 34px;background: #e5e5e5;border-radius: 50px;text-align: center;position: absolute;z-index: 1} .network_map_ly .maptop .btn_mapback::after{content: "";display: inline-block;width: 9px;height: 16px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png?0701) no-repeat -89px -1209px;transform: translate(-2px, 1px)} .network_map_ly .maptop .btn_rttxt{font-size: 12px;color: #999;text-decoration: underline;position: absolute;top: 50%;right: 20px;transform: translateY(-50%)} .network_map_ly .maptop .tit{display: inline-block;font-size: 20px;color: #333;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;padding: 0 100px;box-sizing: border-box} .network_map_ly .mapcont{width: 100%;margin-top: 25px;padding: 0 52px;box-sizing: border-box;position: relative} .network_map_ly .mapcont > .empty_box{height: 533px;line-height: 543px;color: #333;font-size: 14px}/*검색된 인물이 없습니다.*/ .network_map_ly .mapcont > button{display: inline-block;width: 20px;height: 35px;position: absolute;top: 50%;transform: translateY(-50%)} .network_map_ly .mapcont > button::after{content: "";display: inline-block;width: 20px;height: 35px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png) no-repeat 0 0} .network_map_ly .mapcont > .btn_prev{left: 15px} .network_map_ly .mapcont > .btn_next{right: 15px} .network_map_ly .mapcont > .btn_prev::after{background-position: -1px -1209px} .network_map_ly .mapcont > .btn_next::after{background-position: -23px -1209px} .network_map_ly .mapcont_inr{text-align: center;width: 100%;height: 533px;position: relative} .network_map_ly .mapcont_inr .thumbox{display: inline-block;width: 120px;height: 107px;position: relative;text-align: center;border: 1px solid #d5d5d5;background: #fff;box-sizing: border-box;background: #fff;font-size: 0;text-decoration: none} .network_map_ly .mapcont_inr .thumbox .icon_new{margin: 0;background-position: -140px -1169px;position: absolute;top: -4px;left: -11px;z-index: 10;} .network_map_ly .mapcont_inr .thumbox .icon_both{display: inline-block;width: 18px;height: 18px;background-position: -67px -1209px;position: absolute;top: -6px;right: -6px;z-index: 10;} .network_map_ly .mapcont_inr .thumimg{width: 100%;height: 80px;position: relative} .network_map_ly .mapcont_inr .thumimg::before{content: "";display: inline-block;width: 100%;height: 100%;background: url(https://nstatic.dcinside.com/dc/w/images/minorbg_big.png) no-repeat center / auto 100%} .network_map_ly .mapcont_inr .thumimg img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff}/*240816 png 배경 fff 추가*/ .network_map_ly .mapcont_inr .thumtxt{font-size: 12px;color: #555;padding: 5px;max-width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis} .network_map_ly .mapcont_inr .center{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)} .network_map_ly .mapcont_inr .center .thumbox{width: 254px;height: 207px;border: 2px solid #3b4890} .network_map_ly .mapcont_inr .center .thumimg{height: 170px} .network_map_ly .mapcont_inr .center .thumimg::before{width: calc(100% - 10px);height: calc(100% - 10px);position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)} .network_map_ly .mapcont_inr .center .thumimg img{width: calc(100% - 10px);height: calc(100% - 10px)} .network_map_ly .mapcont_inr .center .thumtxt{font-size: 15px} .network_map_ly .mapcont_inr .center .empty_box{font-size: 14px;color: #333;margin-top: 10px} .network_map_ly .mapbtm{position: relative;text-align: center;margin: 22px 20px 20px;height: 34px} .network_map_ly .mapbtm .btn_mediumgrey{width: auto;font-size: 12px;border: 1px solid #666;border-radius: 100px;margin: 0;height: 34px;line-height: 33px;padding: 0 15px;position: absolute;top: 0} .network_map_ly .mapbtm .btn_mediumgrey:nth-of-type(1){left: 0} .network_map_ly .mapbtm .btn_mediumgrey:nth-of-type(2){right: 0} .network_map_ly .mapbtm .thumimg{display: inline-block;width: 26px;height: 26px;border-radius: 100px;overflow: hidden;vertical-align: -8px;margin-left: -10px} /*240924 버튼에 이미지 추가*/ .network_map_ly .mapbtm .thumimg:first-of-type{margin-left: 2px} .network_map_ly .mapbtm .thumimg::after{content: "";display: inline-block;width: 100%;height: 100%;background: url(https://nstatic.dcinside.com/dc/w/images/minorbg_big.png) no-repeat center / auto 100%} .network_map_ly .mapbtm .thumimg img{width: 100%;height: 100%;object-fit: cover;background-color: #fff} .network_map_ly .mapbtm .page_num{display: inline-block;color: #333;margin: 7px 0 0 0;font-size: 0} .network_map_ly .mapbtm .page_num .now_num{color: #29367c;font-weight: bold} .network_map_ly .mapbtm .page_num a{text-decoration: none;font-size: 14px} .network_map_ly .mapbtm .page_num a + a{margin-left: 6px} .network_map_ly .mapbtm > .btn_prev{vertical-align: bottom;margin-right: 10px} .network_map_ly .mapbtm > .btn_next{vertical-align: bottom;margin-left: 10px} .network_map_ly .mapbtm .tip_box{position: absolute;top: -45px;right: 68px} .network_map_ly .mapbtm .tip_box .inner::after{width: 64px;height: 47px;background-image: url(https://nstatic.dcinside.com/dc/w/images/arrow_rt_down.png);top: 20px;left: 98px} /*[이 갤러리를 추가한 인맥] 버튼 클릭시 전환 페이지*/ .network_map_ly .inadd .mapcont{padding: 0;margin-top: 10px} .network_map_ly .inadd .mapcont_inr{height: 600px;overflow-y: auto} .network_map_ly .inadd .mapcont_lst{font-size: 0;text-align: left;display: inline-block;width: 924px;margin-left: -12px} .network_map_ly .inadd .mapcont_lst li{position: static;display: inline-block;margin: 12px 0 0 12px} .network_map_ly .inadd .mapbtm{margin:18px 20px 20px} /*[인맥 편집] 버튼 클릭시 전환 페이지*/ .network_map_ly .profile_block{top: -30px;right: 140px}/*240927 추가*/ .network_map_ly .inedit .mapcont{white-space: nowrap;font-size: 0;margin-top: 60px;padding: 0 140px 116px;letter-spacing: -0.05em} .network_map_ly .inedit .mapcont > .empty_box{height: 459px;line-height: 479px;color: #333;font-size: 14px}/*편집 권한이 없습니다.*/ .network_map_ly .inedit .editcont_inr{display: inline-block;width: 50%;vertical-align: top;position: relative}/*240821 relative 추가*/ .network_map_ly .inedit .editcont_inr > .empty_box{background: #f8f8f8;width: 351px;height: 459px;line-height: 449px;font-size: 16px} .network_map_ly .inedit .editcont_inr .tip_box{bottom: 192px;left: 108px}/*240821 인맥을 추가해 보세요.*/ .network_map_ly .inedit .editcont_inr .tip_box .inner .txt{font-size: 14px} .network_map_ly .inedit .editcont_inr .tip_box .inner::after{width: 90px;height: 56px;background-image: url(https://nstatic.dcinside.com/dc/w/images/arrow_rt_down2.png);top: 20px;left: 125px} .network_map_ly .inedit .editcont_lst{background: #fff;width: 368px;height: 459px;padding: 10px;;border: 1px solid #bbb;box-sizing: border-box;overflow-y: scroll;scrollbar-gutter: stable} .network_map_ly .inedit .editcont_lst li{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;border: 1px solid #ddd;font-size: 0} .network_map_ly .inedit .editcont_lst li.bg{background: #f8f8f8} /*240717 이미 추가된 인물일때*/ .network_map_ly .inedit .editcont_lst li + li{margin-top: 7px} .network_map_ly .inedit .editcont_lst li .item{ /*241024 썸네일 추가*/ display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex; -webkit-box-align: center;-moz-align-items: center;-ms-flex-align: center;align-items: center; -webkit-box-pack: center;-moz-box-justify-content: center;-ms-flex-pack: center;justify-content: center; -webkit-box-orient: vertical;-moz-flex-direction: column;-ms-flex-direction: column;flex-direction: column; height: auto;padding: 5px 2px;text-align: center;font-size: 12px;color: #333;white-space: normal;margin: 0;position: relative;box-sizing: border-box } .network_map_ly .inedit .editcont_lst li .item + .item{border-left: 1px solid #ddd} .network_map_ly .inedit .editcont_lst li .num{width: 30px;background: #f9f9f9;z-index: 1} .network_map_ly .inedit .editcont_lst li .num::before{content: "";display: inline-block;width: calc(100% - 2px);height: calc(100% - 2px);background: #f3f3f3;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: -1} .network_map_ly .inedit .editcont_lst li .relation{width: 70px;} .network_map_ly .inedit .editcont_lst li .name{width: 50%;flex-shrink: 0;-webkit-box-flex: 1;-ms-flex: 1;flex-grow: 1} .network_map_ly .inedit .editcont_lst li button{width: 30px} .network_map_ly .inedit .editcont_lst li .btn_change::after{content: "";display: inline-block;width: 12px;height: 10px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png) no-repeat -109px -1197px} .network_map_ly .inedit .editcont_lst li .btn_del::after{content: "";display: inline-block;width: 10px;height: 10px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png) no-repeat -121px -1181px} .network_map_ly .inedit .editcont_lst .integrate_gallimg{width: 32px;height: 32px} .network_map_ly .inedit .editcont_lst .gallname_txt, .network_map_ly .inedit .editcont_lst .integrate_gallinfo{pointer-events: none;cursor: default;text-align: left;line-height: 1.3;margin: 0;padding-left: 42px;width: 100%;box-sizing: border-box;word-break: break-all} .network_map_ly .inedit .editcont_lst .gallname_txt{font-size: 12px} .network_map_ly .inedit .editcont_form{padding-left: 50px} .network_map_ly .inedit .editcont_form .tit{font-size: 16px;color: #333} .network_map_ly .inedit .editcont_form .infotxt{font-size: 11px;color: #d31900;margin-top: 8px} .network_map_ly .inedit .editcont_form > .btn_blue{font-size: 12px;width: 120px;height: 31px;line-height: 31px;margin: 0 0 0 0;border-width: 1px;height: 31px;line-height: 31px;margin-top: 50px} .network_map_ly .inedit .editcont_form_inr{margin-top: 32px;position: relative} .network_map_ly .inedit .editcont_form_inr .tit{font-size: 14px;color: #333;position: relative} .network_map_ly .inedit .editcont_form_inr .iptwrap{font-size: 14px;color: #333;margin-top: 8px} .network_map_ly .inedit .editcont_form_inr .iptwrap input{max-width: 319px;min-width: 152px;outline: 0;border: 1px solid #bbb;height: 24px;padding: 0 5px;box-sizing: border-box;vertical-align: 0} .network_map_ly .inedit .editcont_form_inr .iptwrap input + span{color: #555;font-size: 12px;vertical-align: 2px;} .network_map_ly .inedit .editcont_form_inr .iptwrap button{font-size: 11px;color: #2fa40e;width: 40px;height: 24px;padding: 0 1px 1px 0;border: 1px solid #4fbe17;border-radius: 2px;box-sizing: border-box;vertical-align: top} .network_map_ly .inedit .editcont_form_inr .iptwrap .tiptxt{font-size: 12px;color: #999;margin-top: 4px} .network_map_ly .inedit .editcont_form_inr .btnwrap{font-size: 11px;color: #555;margin-top: 4px} .network_map_ly .inedit .editcont_form_inr .btnwrap button{color: #fff;font-size: 11px;background: #4fbe17;border-radius: 2px;padding: 0 2px 1px;vertical-align: 0} .network_map_ly .inedit .editcont_form_inr .btnwrap button:first-of-type{margin-left: 2px} .network_map_ly .inedit .editcont_form_inr .addwrap{font-size: 12px;color: #555;font-weight: bold;margin-top: 14px} .network_map_ly .inedit .editcont_form_inr .addwrap button{vertical-align: -1px;margin-left: 5px} .network_map_ly .inedit .editcont_form_inr .addwrap button::after{content: "";display: inline-block;width: 10px;height: 10px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png) no-repeat -121px -1181px} .network_map_ly .inedit .editcont_box{width: 736px;height: 459px;border: 1px solid #bbb;padding: 16px 18px;box-sizing: border-box;overflow-y: scroll} .network_map_ly .inedit .edit_history_lst{white-space: wrap} .network_map_ly .inedit .edit_history_lst + .edit_history_lst{margin-top: 4px} /*241016 인맥 편집 검색 추가*/ .network_map_ly .btn_circle_arrow{font-size: 11px;color: #29367c;text-decoration: underline;position: absolute;bottom: 0;right: 0} .network_map_ly .btn_circle_arrow::before{content: "";display: inline-block;width: 15px;height: 14px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png) no-repeat -48px -1208px;vertical-align: -3px;margin-right: 3px} .network_map_ly .iptwrap[style*="none"] + .integrate_cont_list{margin-top: 8px;position: static;max-height: none;overflow: initial} .network_map_ly .integrate_cont_list{border: 1px solid #bbb;margin: 0;margin-top: -1px;background: #fff;max-height: 302px;overflow-y: auto;position: absolute;top: 50px;left: 0;width: 100%;box-sizing: border-box} .network_map_ly .integrate_cont_list .icon_person{background-image: url(https://nstatic.dcinside.com/dc/w/images/icon_person.png)} .network_map_ly .integrate_cont_list .btn_del{content: "";display: inline-block;width: 10px;height: 10px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png) no-repeat -121px -1181px;position: absolute;top: 2px;right: -15px} .network_map_ly .integrate_cont_list li{position: relative;cursor: pointer;padding: 6px 5px;min-height: 50px;box-sizing: border-box} .network_map_ly .integrate_cont_list li + li{border-top: 1px solid #e5e5e5} .network_map_ly .integrate_gallimg{width: 40px;height: 40px;position: absolute;top: 50%;left: 5px;transform: translateY(-50%)} .network_map_ly .integrate_gallinfo{display: block;margin-left: 48px;line-height: 1.5;color: #999} .network_map_ly .integrate_gallinfo .info::before{width: 2px;height: 2px;border-radius: 10px;vertical-align: middle;background: #b4b4b4;margin: 0 5px} .network_map_ly .gallname_txt{margin-left: 48px;text-decoration: none;line-height: 1.5;font-size: 13px;color: #555} .network_map_ly .gallname_txt .info{font-size: 11px} .network_map_ly .gallname_txt .info::before{content:"";display:inline-block;width:1px;height:10px;background:#ccc;vertical-align:-1px;;margin:0 7px 0 3px} /*접근제한*/ .network_map_ly .integrate_cont_list li .restriction, .network_map_ly .integrate_cont_list li .restriction + *{color: #ddd} .network_map_ly .restriction + .integrate_gallinfo .info::before, .network_map_ly .restriction .info::before{opacity: 0.5} .pop_content.network_map_ly.mng{overflow:visible}/*241121 리트스 인물 인맥->인맥 편집 내 퀵차단 가려짐 이슈로 추가*/ /*//241016 인맥 편집 검색 추가*/ /*1명~18명 순서*/ .mapcont_lst{width: 100%;height: 100%;} .mapcont_lst li{position: absolute} .mapcont_lst.people1 .no1{top: 142px;left: 79px} .mapcont_lst.people2 .no1{top: 142px;left: 79px} .mapcont_lst.people2 .no2{bottom: 142px;right: 79px} .mapcont_lst.people3 .no1{top: 100px;left: 79px} .mapcont_lst.people3 .no2{bottom: 180px;right: 79px} .mapcont_lst.people3 .no3{bottom: 0px;left: 50%;transform: translateX(-50%)} .mapcont_lst.people4 .no1{top: 40px;left: 150px} .mapcont_lst.people4 .no2{bottom: 90px;left: 120px} .mapcont_lst.people4 .no3{top: 120px;right: 130px} .mapcont_lst.people4 .no4{bottom: 40px;right: 140px} .mapcont_lst.people5 .no1{top: 60px;left: 130px} .mapcont_lst.people5 .no2{top: 40px;right: 140px} .mapcont_lst.people5 .no3{bottom: 110px;left: 70px} .mapcont_lst.people5 .no4{bottom: 160px;right: 70px} .mapcont_lst.people5 .no5{bottom: 0px;right: 400px} .mapcont_lst.people6 .no1{top: 0;left: 250px} .mapcont_lst.people6 .no2{top: 0;right: 250px} .mapcont_lst.people6 .no3{top: 210px;left: 90px} .mapcont_lst.people6 .no4{top: 210px;right: 90px} .mapcont_lst.people6 .no5{bottom: 0px;left: 220px} .mapcont_lst.people6 .no6{bottom: 0px;right: 220px} .mapcont_lst.people7 .no1{top: 0;left: 158px} .mapcont_lst.people7 .no2{top: 0;left: 50%;transform: translateX(-50%)} .mapcont_lst.people7 .no3{top: 0;right: 158px} .mapcont_lst.people7 .no4{top: 210px;left: 79px} .mapcont_lst.people7 .no5{top: 210px;right: 79px} .mapcont_lst.people7 .no6{bottom: 0px;left: 250px} .mapcont_lst.people7 .no7{bottom: 0px;right: 250px} .mapcont_lst.people8 .no1{top: 0;left: 158px} .mapcont_lst.people8 .no2{top: 0;left: 50%;transform: translateX(-50%)} .mapcont_lst.people8 .no3{top: 0;right: 158px} .mapcont_lst.people8 .no4{top: 210px;left: 79px} .mapcont_lst.people8 .no5{top: 210px;right: 79px} .mapcont_lst.people8 .no6{bottom: 0px;left: 158px} .mapcont_lst.people8 .no7{bottom: 0px;left: 50%;transform: translateX(-50%)} .mapcont_lst.people8 .no8{bottom: 0px;right: 158px} .mapcont_lst.people9 .no1{top: 0px;left: 158px} .mapcont_lst.people9 .no2{top: 0px;left: 50%;transform: translateX(-50%)} .mapcont_lst.people9 .no3{top: 0;right: 158px} .mapcont_lst.people9 .no4{top: 210px;left: 79px} .mapcont_lst.people9 .no5{top: 210px;right: 79px} .mapcont_lst.people9 .no6{bottom: 0px;left: 120px} .mapcont_lst.people9 .no7{bottom: 0px;left: 305px} .mapcont_lst.people9 .no8{bottom: 0px;right: 305px} .mapcont_lst.people9 .no9{bottom: 0px;right: 120px} .mapcont_lst.people10 .no1{top: 0px;left: 120px} .mapcont_lst.people10 .no2{top: 0px;left: 305px} .mapcont_lst.people10 .no3{top: 0px;right: 305px} .mapcont_lst.people10 .no4{top: 0px;right: 120px} .mapcont_lst.people10 .no5{top: 210px;left: 79px} .mapcont_lst.people10 .no6{top: 210px;right: 79px} .mapcont_lst.people10 .no7{bottom: 0px;left: 130px} .mapcont_lst.people10 .no8{bottom: 0px;left: 305px} .mapcont_lst.people10 .no9{bottom: 0px;right: 305px} .mapcont_lst.people10 .no10{bottom: 0px;right: 120px} .mapcont_lst.people11 .no1{top: 0px;left: 70px} .mapcont_lst.people11 .no2{top: 0px;left: 280px} .mapcont_lst.people11 .no3{top: 0px;right: 280px} .mapcont_lst.people11 .no4{top: 0px;right: 70px} .mapcont_lst.people11 .no5{top: 210px;left: 130px} .mapcont_lst.people11 .no6{top: 210px;right: 130px} .mapcont_lst.people11 .no7{bottom: 0px;left: 30px} .mapcont_lst.people11 .no8{bottom: 0px;left: 215px} .mapcont_lst.people11 .no9{bottom: 0px;left: 50%;transform: translateX(-50%)} .mapcont_lst.people11 .no10{bottom: 0px;right: 215px} .mapcont_lst.people11 .no11{bottom: 0px;right: 30px} .mapcont_lst.people12 .no1{top: 0px;left: 30px} .mapcont_lst.people12 .no2{top: 0px;left: 215px} .mapcont_lst.people12 .no3{top: 0px;left: 50%;transform: translateX(-50%)} .mapcont_lst.people12 .no4{top: 0px;right: 215px} .mapcont_lst.people12 .no5{top: 0px;right: 30px} .mapcont_lst.people12 .no6{top: 210px;left: 130px} .mapcont_lst.people12 .no7{top: 210px;right: 130px} .mapcont_lst.people12 .no8{bottom: 0px;left: 30px} .mapcont_lst.people12 .no9{bottom: 0px;left: 215px} .mapcont_lst.people12 .no10{bottom: 0px;left: 50%;transform: translateX(-50%)} .mapcont_lst.people12 .no11{bottom: 0px;right: 215px} .mapcont_lst.people12 .no12{bottom: 0px;right: 30px} .mapcont_lst.people13 .no1{top: 0px;left: 30px} .mapcont_lst.people13 .no2{top: 0px;left: 215px} .mapcont_lst.people13 .no3{top: 0px;left: 50%;transform: translateX(-50%)} .mapcont_lst.people13 .no4{top: 0px;right: 215px} .mapcont_lst.people13 .no5{top: 0px;right: 30px} .mapcont_lst.people13 .no6{top: 142px;left: 180px} .mapcont_lst.people13 .no7{bottom: 142px;left: 132px} .mapcont_lst.people13 .no8{top: 210px;right: 158px} .mapcont_lst.people13 .no9{bottom: 0px;left: 30px} .mapcont_lst.people13 .no10{bottom: 0px;left: 215px} .mapcont_lst.people13 .no11{bottom: 0px;left: 50%;transform: translateX(-50%)} .mapcont_lst.people13 .no12{bottom: 0px;right: 215px} .mapcont_lst.people13 .no13{bottom: 0px;right: 30px} .mapcont_lst.people14 .no1{top: 0px;left: 30px} .mapcont_lst.people14 .no2{top: 0px;left: 215px} .mapcont_lst.people14 .no3{top: 0px;left: 50%;transform: translateX(-50%)} .mapcont_lst.people14 .no4{top: 0px;right: 215px} .mapcont_lst.people14 .no5{top: 0px;right: 30px} .mapcont_lst.people14 .no6{top: 142px;left: 180px} .mapcont_lst.people14 .no7{bottom: 142px;left: 132px} .mapcont_lst.people14 .no8{top: 142px;right: 180px} .mapcont_lst.people14 .no9{bottom: 142px;right: 132px} .mapcont_lst.people14 .no10{bottom: 0px;left: 30px} .mapcont_lst.people14 .no11{bottom: 0px;left: 215px} .mapcont_lst.people14 .no12{bottom: 0px;left: 50%;transform: translateX(-50%)} .mapcont_lst.people14 .no13{bottom: 0px;right: 215px} .mapcont_lst.people14 .no14{bottom: 0px;right: 30px} .mapcont_lst.people15 .no1{top: 0px;left: 30px} .mapcont_lst.people15 .no2{top: 0px;left: 215px} .mapcont_lst.people15 .no3{top: 0px;left: 50%;transform: translateX(-50%)} .mapcont_lst.people15 .no4{top: 0px;right: 215px} .mapcont_lst.people15 .no5{top: 0px;right: 30px} .mapcont_lst.people15 .no6{top: 142px;left: 79px} .mapcont_lst.people15 .no7{bottom: 142px;left: 0px} .mapcont_lst.people15 .no8{bottom: 142px;left: 158px} .mapcont_lst.people15 .no9{top: 142px;right: 158px} .mapcont_lst.people15 .no10{bottom: 142px;right: 79px} .mapcont_lst.people15 .no11{bottom: 0px;left: 30px} .mapcont_lst.people15 .no12{bottom: 0px;left: 215px} .mapcont_lst.people15 .no13{bottom: 0px;left: 50%;transform: translateX(-50%)} .mapcont_lst.people15 .no14{bottom: 0px;right: 215px} .mapcont_lst.people15 .no15{bottom: 0px;right: 30px} .mapcont_lst.people16 .no1{top: 0px;left: 30px} .mapcont_lst.people16 .no2{top: 0px;left: 215px} .mapcont_lst.people16 .no3{top: 0px;left: 50%;transform: translateX(-50%)} .mapcont_lst.people16 .no4{top: 0px;right: 215px} .mapcont_lst.people16 .no5{top: 0px;right: 30px} .mapcont_lst.people16 .no6{top: 142px;left: 79px} .mapcont_lst.people16 .no7{bottom: 142px;left: 0px} .mapcont_lst.people16 .no8{bottom: 142px;left: 158px} .mapcont_lst.people16 .no9{top: 142px;right: 158px} .mapcont_lst.people16 .no10{top: 142px;right: 0px} .mapcont_lst.people16 .no11{bottom: 142px;right: 79px} .mapcont_lst.people16 .no12{bottom: 0px;left: 30px} .mapcont_lst.people16 .no13{bottom: 0px;left: 215px} .mapcont_lst.people16 .no14{bottom: 0px;left: 50%;transform: translateX(-50%)} .mapcont_lst.people16 .no15{bottom: 0px;right: 215px} .mapcont_lst.people16 .no16{bottom: 0px;right: 30px} .mapcont_lst.people17 .no1{top: 0px;left: 30px} .mapcont_lst.people17 .no2{top: 0px;left: 215px} .mapcont_lst.people17 .no3{top: 0px;left: 50%;transform: translateX(-50%)} .mapcont_lst.people17 .no4{top: 0px;right: 215px} .mapcont_lst.people17 .no5{top: 0px;right: 30px} .mapcont_lst.people17 .no6{top: 142px;left: 79px} .mapcont_lst.people17 .no7{bottom: 142px;left: 0px} .mapcont_lst.people17 .no8{bottom: 142px;left: 158px} .mapcont_lst.people17 .no9{top: 142px;right: 158px} .mapcont_lst.people17 .no10{top: 142px;right: 0px} .mapcont_lst.people17 .no11{bottom: 142px;right: 79px} .mapcont_lst.people17 .no12{bottom: 0px;left: 0px} .mapcont_lst.people17 .no13{bottom: 0px;left: 158px} .mapcont_lst.people17 .no14{bottom: 0px;left: 317px} .mapcont_lst.people17 .no15{bottom: 0px;right: 317px} .mapcont_lst.people17 .no16{bottom: 0px;right: 158px} .mapcont_lst.people17 .no17{bottom: 0px;right: 0px} .mapcont_lst.people18 .no1{top: 0px;left: 0px} .mapcont_lst.people18 .no2{top: 0px;left: 158px} .mapcont_lst.people18 .no3{top: 0px;left: 317px} .mapcont_lst.people18 .no4{top: 0px;right: 317px} .mapcont_lst.people18 .no5{top: 0px;right: 158px} .mapcont_lst.people18 .no6{top: 0px;right: 0px} .mapcont_lst.people18 .no7{top: 142px;left: 79px} .mapcont_lst.people18 .no8{bottom: 142px;left: 0px} .mapcont_lst.people18 .no9{bottom: 142px;left: 158px} .mapcont_lst.people18 .no10{top: 142px;right: 158px} .mapcont_lst.people18 .no11{top: 142px;right: 0px} .mapcont_lst.people18 .no12{bottom: 142px;right: 79px} .mapcont_lst.people18 .no13{bottom: 0px;left: 0px} .mapcont_lst.people18 .no14{bottom: 0px;left: 158px} .mapcont_lst.people18 .no15{bottom: 0px;left: 317px} .mapcont_lst.people18 .no16{bottom: 0px;right: 317px} .mapcont_lst.people18 .no17{bottom: 0px;right: 158px} .mapcont_lst.people18 .no18{bottom: 0px;right: 0px} /*//1명~18명 순서*/ /********************************* //인물갤러리 관련 *********************************/ /*241121 끌올 내용 상세 레이어*/ .pop_tipbox.ly_kkeulol{margin-top:5px} .pop_tipbox.ly_kkeulol .inner{width:335px;padding:12px 15px 13px} .ly_kkeulol li{margin-top:5px} .ly_kkeulol li:first-child{margin-top:0} .ly_kkeulol li a{color:#333;line-height:16px} .ly_kkeulol .btn_tipclose{top:-17px;right:0} /*//241121 끌올 내용 상세 레이어*/ /*250123 글쓰기 에디터 링크 등록 / 250212 링크 등록 원복*/ .note-modal.link-dialog.dcstyle .note-modal-content{margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)} .note-modal.link-dialog.dcstyle .note-modal-footer{padding-top: 0} .note-modal.link-dialog.dcstyle .note-btn-primary{background: #3b4890;border-color: #29367c;border-radius: 2px;float: none} .note-modal.link-dialog.dcstyle .note-icon-close::before{content: "";display: inline-block;width: 17px;height: 17px;background: url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png) no-repeat -88px -1180px} /*//250123 글쓰기 에디터 링크 등록*/ /*250404 탭 컨텐츠*/ .pop_content.tab_contly{width:480px;box-sizing:border-box} .pop_content.tab_contly .tabcontent{width:auto;height:auto;overflow-y:inherit;padding:0} .pop_content.tab_contly .tab_menubox{margin:18px 19px 0} .pop_content.tab_contly .tab_menubox button{width:50%;height:55px;box-sizing:border-box;line-height:17px} .pop_content.tab_contly .gallname{padding:0 10px;font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:normal} .pop_content.tab_contly .pop_info{position:relative;padding:10px 15px 10px} .pop_content.tab_contly .tabcontent .pop_info{margin:15px 19px 0;padding:12px 13px 13px} .pop_content.tab_contly .cont_tit{float:none;margin-left:0;line-height:100%;} .pop_content.tab_contly .set_cont{padding:0 24px;margin-top:19px;border-bottom:none;overflow:inherit;} .pop_content.tab_contly .set_cont:first-child{margin-top:16px} .pop_content.tab_contly .set_cont .inr{position:relative} .pop_content.tab_contly .btn_box{margin-top:30px;padding:12px 0 17px} .icon_qmark_aaa{display:inline-block;width:14px;height:13px;background-position:-252px -201px} .pop_content.tab_contly .another_go{position:absolute;top:10px;right:13px;bottom:auto;width:67px;height:21px;border-color:#3b4890;font-size:11px;line-height:20px;margin-left:0;color:#3b4890;letter-spacing:-0.05em;text-align:center;padding-left:1px} .pop_content.tab_contly .another_go::after{content:"";display:inline-block;border-style:solid;border-width:5px 0px 5px 5px;border-color:transparent #3b4890;margin-left:3px;vertical-align:-1px} .pop_content.tab_contly .another_go::before{display:none} /*//250404 탭 컨텐츠*/ /* 250404 자동짤방 레이어 */ .jjalbang_set .pop_bg{position:absolute;} /*.jjalbang_set.tab_contly .stxt{margin-top:5px}*/ .jjalbang_set.tab_contly{height:697px} .jjalbang_set > .pop_head.clear{padding-right:38px} .jjalbang_set > .pop_head .btn_bgline, .jjalbang_set > .pop_head .btn_blue.smaller{height:27px;line-height:21px;font-weight:bold;font-size:14px;padding:0 13px} /*.jjalbang_set > .pop_head .btn_bgline{padding:0 11px}*/ .jjalbang_set > .pop_head .btn_bgline span, .jjalbang_set > .pop_head .btn_blue.smaller span{font-weight:normal} .jjalbang_set > .pop_head .btn_blue{vertical-align:0px} .jjalbang_set .checkbox.circle{margin-left:-1px;vertical-align:0px} .jjalbang_set .setting_onoff{top:10px;right:13px;bottom:auto;} .tab_contly.jjalbang_set .tabcontent .pop_info{box-sizing:border-box;padding:11px 14px} .tab_contly.jjalbang_set .pop_info .set + .set{margin-top:4px} .pop_content.tab_contly.jjalbang_set .btn_box{border-top:none;margin-top:0;padding:27px 0} .pop_content.tab_contly.jjalbang_set .btn_box .btn_blue{width:100px;margin-left:0} .jjalbang_set .scrollarea{position:relative;overflow-y:auto;height:489px;margin-top:20px} .jjalbang_list{width:100%} .nojjal{width:274px;height:184px;background:url(https://nstatic.dcinside.com/dc/w/images/bg_mandu_127_107.png)no-repeat center center;background-color:#f3f3f3} .jjalbang_list ul{padding:0 19px} .jjalbang_list .brightness img{filter: brightness(50%)} .jjalbang_list .brightness .selbrd img{filter:none} .jjalbang_list li{position:relative;text-align:center;margin-top:21px;line-height:0} .jjalbang_list li:first-child{margin-top:0} .jjalbang_list .jjal{position:relative;display:inline-block} .jjalbang_list img{max-width:100%} .jjalbang_list li .topbox{position:absolute;top:0;left:0;width:100%} .jjalbang_list li .selbrd .topbox{position:absolute;top:2px;left:2px;width:100%} .jjalbang_list li .selbrd .topbox .btn_imgup_del{margin-right:4px} .jjalbang_list li .topbox p{ float:left; width:34px;height:19px;color:#fff;font-size:13px;background-color:#999;text-shadow: 0px -1px rgb(0 0 0 / 30%); line-height:19px;letter-spacing:-0.05em } .jjalbang_list li .topbox .btn_imgup_del{float:right;text-align:center;background-color:#999;width:19px;height:19px} .jjalbang_list li .topbox .icon_imgup_del{display:inline-block;width:15px;height:15px;background-position:-180px -1094px} .jjalbang_list .selbrd::before{content:"";position:absolute;top:0;left:0;box-sizing:border-box;display:block;width:100%;height:100%;;border:2px solid #29367c } /* //250404 자동짤방 레이어 */ /*250404 자동짤방 내 자짤 */ .jjalbang_set.jjalup, .jjalbang_set.jjalall{width:480px} .jjalbang_set .addimg{position:relative;font-size:0} .jjalbang_set .addimg .btn_add{;width:95px;padding:0;border-radius:3px;letter-spacing:-0.025em} .jjalbang_set .addimg .file_add{left:0;top:0;width:95px;cursor:pointer} .jjalbang_set .icon_qmark_aaa{vertical-align:-6px;margin-left:5px} .jjalbang_set .pop_wrap.type2 .pop_content.post_guide{width:326px} .jjalbang_set .pop_wrap.type2 .guide_txtbox p{padding-left:8px;margin-top:2px} .jjalbang_set .pop_wrap.type2 .guide_txtbox p:first-child{margin-top:0} .jjalbang_set .pop_wrap.type2 .guide_txtbox p::before{content:'';display:inline-block;width:2px;height:2px;margin-left:-8px;margin-right:6px;background:#555;vertical-align:5px} .jjalbang_set .pop_wrap.type2 .guide_txtbox p.font_red::before{background:#d31900 } .jjalbang_set .pop_wrap.type2 .pop_head.dashed{height:34px;line-height:34px;padding:3px 0 0} .jjalup .pop_info{display:flex;justify-content:/*/flex-end*/;padding:8px 10px;height:47px;box-sizing:border-box;} .jjalup .pop_info .box{flex-grow:0;align-content:center} .jjalup .pop_info .box + .box{flex-grow:1;text-align:right} .jjalup .pop_info .box .btn_whiteblack{width:48px;margin-left:0;font-weight:bold} .jjalup .pop_info .checkbox{line-height:13px;vertical-align:1px} .jjalup .pop_info .checkbox input{width:100%} .jjalup .pop_info .checkbox label{margin-left:7px;font-weight:bold} .jjalall .scrollarea{overflow-y:scroll;height:549px;padding-bottom:15px;margin-top:0} .jjalup .scrollarea{height:614px;;margin-top:0px;overflow-y:scroll} .jjalup .jjalbang_list ul{display:flex;flex-wrap:wrap;margin-left:6px;margin-top:5px;padding:0 } .jjalup .jjalbang_list li{box-sizing:border-box;margin:5px 0 0 5px} .jjalup .jjalbang_list li .jjal{width:145px;height:145px;overflow:hidden;cursor:pointer} .jjalup .jjalbang_list li img{display:block;width:100%} .jjalup li .topbox{} .jjalup .zoom{position:absolute;left:0;bottom:0} .jjalup .btn_zoom{width:19px;height:19px;font-size:0;line-height:0;color:transparent;background:#999} .jjalup .btn_zoom > span{display:block;width:13px;height:14px;background-position:-224px -1201px;margin-left:3px} .jjalup .jjalbang_list li.sel img, .jjalup .jjalbang_list li.sel .topbox, .jjalup .jjalbang_list li.sel .zoom{filter:brightness(50%)} .jjalup .selnum{position:absolute;left:0;top:0;width:100%;height:100%;font-size:42px;color:#fff;font-weight:bold;align-content:center;z-index:1} .jjalup .empty_box{padding:0 76px;height:100%;align-content:center;color:#555;align-items:center;} .jjalup .empty_box{text-align:center;font-size:18px } .jjalup .empty_box .stxt{font-size:14px;margin-top:13px;line-height:22px} .jjalup .emptytxt.left{text-align:left} /*//250404 자동짤방 내 자짤- */ /*250404 모두보기 > 자동 짤방 이미지*/ .myjjal, .jjalall .jjalbang_list li{display:flex;border-bottom:1px solid #ddd;padding:7px 0;margin-top:0;align-items:center;cursor:pointer} .myjjal::after, .jjalall .jjalbang_list li::after{ content:"";display:block;width:9px;height:15px;margin:0 11px 0 12px; background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png)no-repeat -45px -1255px }/* > */ .myjjal{border:0;/*justify-content:space-between;*/} .myjjal .jjal{width:46px;height:46px;margin:0 12px;background-color:#f3f3f3;align-content:center;text-align:center} .myjjal .jjal::before{content:"";display:inline-block;width:30px;height:32px;background:url(https://nstatic.dcinside.com/dc/w/images/sp/sp_img.png)no-repeat 0 -1254px} .myjjal::after{margin-right:26px} .jjalall .pop_info{border:1px #eee solid;border-width:1px 0;padding:9px 12px 8px} .jjalall .jjalbang_list li.all::after{background-position:-34px -1255px} .jjalall .jjalbang_list ul{padding:0} .jjalall .jjalbang_list li img{width:100%;min-height:100%} .jjalall .jjalbang_list .jjal{width:46px;height:46px;margin:0 12px; background:url(https://nstatic.dcinside.com/dc/w/images/bg_mandu_127_107.png)no-repeat center/36px 30px;background-color:#f3f3f3}/*만두*/ .jjalall .gallname{flex-grow:1;text-align:left;line-height:100%;font-size:14px;letter-spacing:-0.025em;color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap} .jjalall .jjalbang_list .all .gallname{font-weight:bold} /*//250404 모두보기 > 자동 짤방 이미지*/ /*250612 자동짤방 말풍선*/ .tip_box2.jjalbangtip::after, .tip_box2.jjalbangtip::before{display:none} .tip_box2.jjalbangtip{box-shadow:none;left:10px;top:auto;margin-top:47px;margin-right:0px;width:213px} .tip_box2.jjalbangtip .inner{padding:6px 10px 6px 11px!important} .tip_box2.jjalbangtip .btn_tipclose12{top:8px;margin-top:0} /*//250612 자동짤방 말풍선*/ /*크롬*/ @media screen and (-webkit-min-device-pixel-ratio:0) { .notice_list .icon_bword_del{vertical-align:-1px} } /*파폭*/ @-moz-document url-prefix() { .info_conbtn{line-height:18px} } /*익스 10 11*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .info_conbtn{line-height:21px} .gallog_set .int > input{height:25px} .fix_listbox li button{transform:translateY(-2px)} .icon_win, .icon_cancel{top:8px}/*디시 로터리 당첨, 당첨취소 아이콘*/ } /*익스8 */ @media \0screen { .category_solt_area ul{padding:0 9px} }