/* 모임 개설하기 */ .meeting_build_wrap{ padding: 50px 20px 150px 20px; /*padding: 50px 20px;*/} .meeting_buil d_wrap > h1{font-size: 1.6em; padding-left: 20px; border-left: 4px solid #6bcfa5; line-height: 1em; margin-bottom: 20px;} .formLeft{float:left; width:calc(100% - 240px);} .formRight{float:right; width:210px; margin-left:30px; } .build_form .build_inner{ /*padding:15px 0;*/ padding: 50px 0; position:relative;} .so_log table{ border:none!important;} .so_log_all{display: flex; justify-content: center} .build_form .build_inner:last-child{border-bottom:0;} /*.build_form .build_inner > div{float: left;}*/ .build_form .build_inner .inner_title{/*width: 230px;*/ width: 30%; font-size: 1.2em; font-weight:400; padding: 10px 0px; margin-right:20px; color:#585858} .build_form .build_inner .inner_title small{color: #ef4c57; margin-left: 5px; font-size:0.7em} .build_form .build_inner .inner_title p{font-size:0.8em; font-weight:400; color:#555555;} .build_form .build_inner .inner_title p a{display:block; font-size:1.1em; font-weight:bold; margin-top:5px; color:#ef4c57; text-decoration:underline;} .build_form .build_inner .inner_cont{width: calc(70% - 20px); background: #fff; /* width: calc(100% - 250px); padding:15px 20px; background-color:#f7f7f7; border:1px solid #efefef;*/} .build_form .build_inner.main_img .inner_cont{position: relative;} .build_form .build_inner.main_img .inner_cont img{width:100%;} .build_form .build_inner.main_img .inner_cont input[type="file"]{display: block; width: 200px} .build_form .build_inner.main_img .inner_cont .creatorImg{width:300px; margin:auto; height:200px; overflow:hidden; border:1px solid #deb4b6;} .build_form .build_inner.main_img .inner_cont .help_tooltip{float:left; margin-left:50px; padding: 40px; width:calc(100% - 250px); height: 200px; border: 1px solid #dadaef; background: #fcfcfe} .build_form .build_inner.main_img .inner_cont .help_tooltip p.tooltip01{margin-bottom: 10px;} .build_form .build_inner.main_img .inner_cont .help_tooltip p.tooltip02{padding-left: 5px; font-size: 0.9em; font-weight: 600; background: #fff; border: 1px dotted #ccc; padding: 20px;} .build_form .build_inner.main_img .inner_cont .help_tooltip p.tooltip02 span{display: block; margin-bottom: 5px;} .build_form .build_inner.main_img .inner_cont .help_tooltip p.tooltip02 span:last-child{margin-bottom: 0;} .build_form .build_inner.main_img .inner_cont .help_tooltip p.tooltip02 span a{font-size: 0.9em; color: #5f85b9; margin-left: 10px; text-decoration: underline;} .inner_cont .select_div{float: none;} .build_form .build_inner .inner_cont input.form-control{width:100%; height: auto; line-height: normal; padding: 1em 0.7em; border-radius: 5px; border:1px solid #ededed;} .join_form .build_form .build_inner .inner_cont input.form-control{transition: all 0.3s} .join_form .build_form .build_inner .inner_cont input.form-control:hover{border:1px solid #333} .login_wrap .build_form .build_inner .inner_cont input#subbtn{border:none!important; background: #ea2526; color: #fff; font-size: 1rem; font-weight: 400; letter-spacing:2px} .build_form .build_inner .inner_cont input.form-control.focus{border: 1px solid #f90228} .build_form .build_inner.date_wrap .inner_cont > div{float: left; width: calc(100% / 2 - 10px); margin-right: 10px;} .build_form .build_inner.date_wrap .inner_cont > div:last-child, .build_form .build_inner.date_wrap1 .inner_cont > div:last-child{margin-right: 0;} .build_form .build_inner.map_wrap .inner_cont input[type="text"]{width: 300px; float: left;} .build_form .build_inner.map_wrap .inner_cont input[type="button"]{width: 100px; float: left; color: #fff; border: 1px solid #f90228; border-left: none; background: #f90228; margin-left:10px;} .build_form .build_inner.map_wrap .inner_cont #map{float: left;} .build_form .build_inner.map_wrap .inner_cont .more_add_wrap{float: left; width: 100%; margin-top:15px;} .build_form .build_inner.map_wrap .inner_cont .more_add_wrap input{width: 100%;} @media (max-width : 480px){ .build_form.mo{ display: block!important; } .build_form.mo .left_wrap, .build_form.mo .right_wrap{width: 100%} } .newloginW {} .newloginW input { padding: 0 10px !important; height: 50px !important; font-size: 1rem; line-height: 1rem !important; font-weight: 400; color: rgba(0,0,0,.84); } .innerBg { background: #fff; border: 1px solid #f0f0f0; border-radius: 3px; padding: 7px 5px; } .cbwrap { font-size: 0.75rem; font-weight: normal; margin-top: 20px; background: #fcf3f2; border-radius: 3px; padding: 10px; color : #6c6c6c } .cbwrap li { margin-bottom: 10px} .cbwrap li:last-child { margin-bottom: 0; } .chooseBox { width: calc(50% - 10px); height: 100px; border: 1px solid #ddd; display: flex; justify-content: center; align-items: center; text-align: center; border-radius: 2px; cursor: pointer; color: #ddd;} .chooseBox i { font-size: 25px; padding-bottom: 10px; } .chooseBox:first-child { margin-right: 20px; } .cbBottom { margin-top: 120px !important; border-color: #f0f0f0 !important} .cbinput { border: 1px solid #ddd; } .cb_off{color:#ddd; border-color: #ddd;} .cb_on { color: rgba(199, 32, 48, 0.8); border-color: rgba(199, 32, 48, 0.8); } .month { position: relative; cursor: pointer;} .calender_i { position: absolute; left: 0; top: 50%; transform: translateY(-50%);} .meeting_build_wrap .btn_wrap p.flN{float:none; width:auto;} .build_form .build_inner .inner_cont .pay_div{padding: 10px 0;} .build_form .build_inner .inner_cont .pay_div input[type="radio"]{float: left; margin-top: 2px; margin-right: 5px;} .build_form .build_inner .inner_cont .pay_div label{margin: 0px 20px 0px 5px; float: left;} .build_form .build_inner .inner_cont .pay_div .pay_value{float: left; margin-left: 10px; margin-top:-10px; display: none;} .build_form .build_inner .inner_cont .pay_div .pay_value input{width: 200px; text-align: right; margin-left:10px;} .build_form .build_inner .inner_cont .pay_div .pay_value small{font-size: 1em; display: inline-block;} .build_form .build_inner .inner_cont .pay_div.payment_div label{float: none;} .build_form .build_inner .inner_cont .pay_div.payment_div .check_text{border: 1px solid #cacae0; background: #fcfcfe; padding: 15px; margin-top: 15px;} .build_form .build_inner .inner_cont .pay_div.payment_div .check_text p{margin-bottom: 5px; font-size: 0.9em;} .build_form .build_inner .inner_cont .pay_div.payment_div .check_text p:last-child{margin-bottom: 0px;} .build_form .build_inner.recruit_div .inner_cont > div{float: left; margin-right: 20px;} .build_form .build_inner.recruit_div .inner_cont > div input[type="text"]{width: 150px; text-align: right;} .build_form .build_inner .inner_cont > div small{display: block;} .build_form .build_inner .inner_cont #editor{float: none; margin: 0; border: 1px solid #ccc; height: 600px; padding: 20px;} .cke_contents{min-height: 500px;} .cke_editable *{margin: 0;} .build_form .build_inner.meeting_contact_div .inner_cont > div{float: left; width: calc(100% / 2 - 5px); margin-right: 10px;} .build_form .build_inner.meeting_contact_div .inner_cont > div:last-child{margin-right: 0px;} .btn_wrap{text-align: center; /*width:415px;*/ margin:auto;} .crowd_saveBtn{text-align: inherit} .crowd_saveBtn .sub_p input{font-size: 1em; padding:10px 20px; letter-spacing: 0} .opening_btn{width:639px; margin:auto;} .crowd_build_wrap .opening_btn p{float: left;} .crowd_build_wrap .opening_btn p:first-child{margin-right:20px;} .crowd_build_wrap .opening_btn p:last-child input{background-color:#eee; color:#000; border:1px solid #eee;} .btn_wrap p input, .btn_wrap p a{padding:10px 60px; background:#e91c1f; border-color:#e91c1f; color: #fff; font-size: 1.3em; letter-spacing: 2px;} @media screen and (max-width: 1500px) { .build_form .build_inner .inner_title{ width: 180px;} .build_form .build_inner .inner_cont{ width: calc(100% - 200px)} } /* 등록하기 - formRight */ .formRight { background: #fff; padding: 10px; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05), 0px 1px 0px rgba(0, 0, 0, 0.1); } .formRight h5{margin-bottom:5px; font-weight:600;} .formRight p{color:#333; font-weight:400;} .formRight>div{margin-top:50px;} .formRight>div:first-child{margin-top:0;} /* 등록하기 - 기본정보 - 해시태그 */ .hashTag{position:relative; float:left; width:calc(100% - 20px); background-color:#fff; border:1px solid #ddd; cursor:text; padding:8px 7px;} .hashTag>span{display:none; position:absolute; left:7px; top:10px; color:#606060;} .hashTag ul{/*height:100%;*/} .hashTag ul li{padding:0; /*height:100%;*/ display:inline-block; line-height:21px;} .hashTag ul li input{padding:0; line-height:19px; vertical-align:top;} .onTag{cursor:default; margin-right:5px; background-color:#f5f7fa; border:1px solid #dadce0;} .onTag span{vertical-align:top; line-height:18px;} .onTag button{display:inline-block; cursor:pointer; width:15px; height:15px; border:0; background-color:#f5f7fa; margin-left:3px; vertical-align:top; padding:0; line-height:15px;} @media screen and (max-width: 640px){ .opening_btn{width:100%;} .crowd_build_wrap .opening_btn p{float:none;} .crowd_build_wrap .opening_btn p input{width:100%;} .crowd_build_wrap .opening_btn p:first-child{margin-right:0px; margin-bottom:20px;} } .meeting_build_wrap .save_reward{margin-bottom: 20px;} .meeting_build_wrap .save_reward p{text-align: right;} .meeting_build_wrap .save_reward p input{width: 110px; padding: 10px; background: #b62932; color: #fff; border: 0;} .build_form.added_reward{padding: 0 20px; margin-bottom: 10px; padding-bottom: 0px;} .build_form.added_reward .build_inner .inner_title{width: 100%; float: none;} .build_form.added_reward .build_inner .inner_cont{width: 100%; float: none; padding: 0px 15px; margin-top:15px;} .build_form.added_reward .build_inner .inner_cont ul{margin-top:15px;} .build_form.added_reward .build_inner .inner_cont ul li{float: left; padding: 0; width: 33.333333%} .build_form.added_reward .build_inner .inner_cont ul li span{margin:0; font-weight: bold;} .build_form.added_reward .build_inner{border-bottom:0; padding: 20px 0;} .build_form.added_reward .build_inner .build_section{width: calc(100% - 151px); border-right: 1px solid #ccc;} .build_form.added_reward .build_inner .build_btn_wrap{width:150px; padding-left: 20px; padding-top:12px; padding-bottom: 12px;} .build_form.added_reward .build_inner .build_btn_wrap p{text-align: center; width: 100%; margin-bottom: 10px;} .build_form.added_reward .build_inner .build_btn_wrap p:last-child{margin-bottom:0;} .build_form.added_reward .build_inner .build_btn_wrap p input{padding: 10px; width: 100%; font-size: 0.9em; font-weight: bold; color:#333} .build_form.added_reward .build_inner .build_btn_wrap p input.del_btn{background: #4e4e4e; color: #fff; font-weight: 400;} @media screen and (max-width: 1100px){ .build_form .build_inner.main_img .inner_cont .help_tooltip{padding: 40px 20px;} } @media screen and (max-width: 1024px){ .build_form .build_inner > div{float: none;} .build_form .build_inner .inner_cont{width: 100%;} .build_form .build_inner.main_img .inner_cont .help_tooltip{padding: 20px 40px;} .build_form .build_inner .inner_title{margin-bottom: 10px; width:100%;} } @media screen and (max-width: 900px){ .build_form .build_inner.main_img .inner_cont .creatorImg{float:none; margin:auto; margin-bottom:20px;} .build_form .build_inner.main_img .inner_cont .help_tooltip{float:none; margin-left:0;height: auto; width:100%;} } @media screen and (max-width: 749px){ .formRight{display:none;} .formLeft{width:100%;} .meet_add_wrap{margin-top:0px} .meeting_build_wrap{padding: 50px 0px;} /* .build_form{padding:15px 10px;} */ .build_form .build_inner{padding:15px 0px;} .build_form .build_inner.main_img .inner_cont img{/* width: 150px; */} .build_form .build_inner.main_img .inner_cont .help_tooltip p.tooltip02{padding:10px;} /* .build_form .build_inner.main_img .inner_cont > div:first-child{text-align: center;} */ .build_form .build_inner.main_img .inner_cont input[type="file"]{width: 100%;} } @media screen and (max-width: 487px){ .build_form .build_inner.map_wrap .inner_cont > input[type="text"]{width: calc(100% - 100px)} } @media screen and (max-width: 425px){ .build_form .build_inner.date_wrap .inner_cont > div, .build_form .build_inner.date_wrap1 .inner_cont > div, .build_form .build_inner.recruit_div .inner_cont > div, .build_form .build_inner.meeting_contact_div .inner_cont > div{float: none; width: 100%; margin: 0; margin-bottom: 10px;} } /* 대표이미지 가이드 help_thumimg.jsp */ .meet_help{padding: 20px; background: #fcfcfe} .meet_help h1{font-size: 1.6em; padding-left: 20px; border-left: 4px solid #224779; line-height: 1em; margin-bottom: 20px;} .meet_help .btn_wrap{margin-top:50px;} .meet_help .build_form{padding: 30px 0px;} .meet_help .build_form h2{font-size: 1.4em; font-weight: 600;} .meet_help .build_form h2 span{background:#224779; color: #fff; padding: 5px; padding-left: 15px; font-weight: normal;} .meet_help .build_form .cont_inner{margin-top:10px; padding: 20px;} .meet_help .build_form .cont_inner.text_box{background: #fcfcfe; border: 1px solid #ccc; margin: 20px; margin-bottom: 0px;} .meet_help .build_form .cont_inner b{font-size: 1.2em;} .meet_help .build_form .cont_inner img{width: 100%;} .meet_help .build_form .cont_inner p.img_p {padding: 20px 60px;} /* 모임 개설 신청 완료 add_comlete.jsp*/ .entry_info_wrap.add_info_wrap div > div > ul li{float: none; width:100%; border-left: 0;} .entry_info_wrap.add_info_wrap div > div > ul li > span{width: 150px;} .wrap_800.entry_info_wrap.add_info_wrap div > div > ul li > p{width: calc(100% - 150px)} .entry_info_wrap.add_info_wrap div > div > ul li.half_width ul li{float: left; width: 50%; border-bottom:0px;} .entry_info_wrap.add_info_wrap div > div > ul li.half_width ul li:first-child{border-right: 1px solid #ccc;} .entry_info_wrap.add_info_wrap div > div > ul li.double_line p{padding: 11px 17px;} @media screen and (max-width: 650px){ .entry_info_wrap.add_info_wrap div > div > ul li.half_width ul li{float: none; width: 100%; border-right: 0px; } .entry_info_wrap.add_info_wrap div > div > ul li.half_width ul li:first-child{border-bottom: 1px solid #ccc;} } /* 마이페이지 common/mypage/mypage.jsp */ .mypage_wrap.crowd_wrapper .top_nav{background: #343b6f} /*.mypage_wrap .sidenav .profile_top{background: #c72030;}*/ .myPI { width: 100px; height: 100px; border-radius: 50%; border: 1px solid #eee; margin: 0 auto; } .myPI > img { width: 100px; height: 100px; border-radius: 50%; border: 1px solid #eee;} .barcode_modal.mp_class > h2{background: #343b6f} .barcode_modal.mp_class .btn_group p.ok_btn{background: #343b6f} .mypage_wrap .top_inner{background: #656a98; padding:15px 0px 0px 0px; background-image: url("/images/g_mp_bg.jpg"); background-size: 100% auto; background-position: center;} .mypage_wrap .top_inner h1{text-align: left; color: #fff; letter-spacing: 1px; padding-top: 50px; font-weight: 400; font-size: 2.6em; padding-left: 0px; overflow: hidden; text-shadow: 3px 4px 5px #262d67; -webkit-text-shadow: 3px 4px 5px #262d67; -moz-text-shadow: 3px 4px 5px #262d67; -ms-text-shadow: 3px 4px 5px #262d67; -o-text-shadow: 3px 4px 5px #262d67;} .mypage_wrap .top_inner h1 span{display: block; width: 70%; height: 1px; background: rgba(255, 255, 255, 0.76); margin-top: 17px; float: right;} .mypage_wrap .top_inner .mypage_top {float: left; background: #fff; margin-top: 10px; padding: 50px 40px;} .mypage_wrap .top_inner .mypage_top1{width: calc(50% - 20px); margin-right: 20px; box-shadow: 6px 6px 8px rgba(63, 64, 74, 0.84); -webkit-box-shadow: 6px 6px 8px rgba(63, 64, 74, 0.84); -moz-box-shadow: 6px 6px 8px rgba(63, 64, 74, 0.84); -ms-box-shadow: 6px 6px 8px rgba(63, 64, 74, 0.84); -o-box-shadow: 6px 6px 8px rgba(63, 64, 74, 0.84);} .mypage_wrap .top_inner .mypage_top2{width: 100%; padding: 0px; background: transparent;} .mypage_wrap .top_inner .mypage_top > div{float: left;} .mypage_wrap .top_inner .mypage_top .profile_img{margin-right: 30px;} .mypage_wrap .top_inner .mypage_top .profile_img img{width: 150px; border-radius: 50%; border: 2px solid #333; padding: 4px;} .mypage_wrap .top_inner .mypage_top .profile_img input{display: block; width: 150px; margin-top: 15px;} .mypage_wrap .top_inner .mypage_top .profile{margin-top:40px; width: calc(100% - 180px); word-break: break-all;} .mypage_wrap .top_inner .mypage_top .profile h2{word-break: break-all; line-height: 1.6em;} .mypage_wrap .top_inner .mypage_top .profile small{word-break: break-all; line-height: 1.6em;} .mypage_wrap .top_inner .wrap_1100 > small{margin-top: 50px; display: block; font-size: 1.2em; color: #fff; font-weight: 400;} .mypage_wrap .top_inner .mypage_top2 > div {background: #fff; padding: 0px; width: calc(25% - 6px); margin-right: 8px; box-shadow: 6px 6px 8px rgba(63, 64, 74, 0.84); -webkit-box-shadow: 6px 6px 8px rgba(63, 64, 74, 0.84); -moz-box-shadow: 6px 6px 8px rgba(63, 64, 74, 0.84); -ms-box-shadow: 6px 6px 8px rgba(63, 64, 74, 0.84); -o-box-shadow: 6px 6px 8px rgba(63, 64, 74, 0.84);} .mypage_wrap .top_inner .mypage_top2 > div:last-child {margin-right: 0px;} .mypage_wrap .top_inner .mypage_top2 > div.m_bottom {margin-bottom: 10px;} .mypage_wrap .top_inner .mypage_top2 > div a{padding: 35px 20px; display: block; width: 100%; height: 100%;} .mypage_wrap .top_inner .mypage_top2 > div a:hover{background: #f0f1ff} .mypage_wrap .top_inner .mypage_top2 > div img{display: block; text-align: center; margin: 0 auto;} .mypage_wrap .top_inner .mypage_top2 > div a span{display: block; text-align: center; font-size: 1.2em; padding-top: 15px;} .mypage_wrap .sub_cont{padding-bottom: 100px; padding-top:30px;} .mypage_wrap .sub_cont h2.title{font-size: 1.4em; font-weight: 600; display: inline-block; background: #fff; padding: 0px 10px; padding-right: 40px;} .mypage_wrap .sub_cont .wrap_1100{position: relative;} .mypage_wrap .sub_cont .underline{width: calc(100% - 120px); position: absolute; top:10px; height: 1px; background: #969696; left: 120px;} .mypage_wrap .sub_cont .sub_cont_inner{padding-top:50px;} .mypage_wrap .sub_cont .sub_cont_inner .user_infomation{width: calc(100% / 3 - 6px); margin-right: 9px; border: 1px solid #ccc; background: #fff; float: left; padding: 20px; height: 195px;} .mypage_wrap .sub_cont .sub_cont_inner .user_infomation:hover{box-shadow: 2px 2px 7px #cecece; -webkit-box-shadow: 2px 2px 7px #cecece; -moz-box-shadow: 2px 2px 7px #cecece; -ms-box-shadow: 2px 2px 7px #cecece; -o-box-shadow: 2px 2px 7px #cecece; background: #f8f8ff} .mypage_wrap .sub_cont .sub_cont_inner .user_infomation03{margin-right: 0px;} .mypage_wrap .sub_cont .sub_cont_inner .user_infomation03 p{padding: 0px 10px;} .mypage_wrap .sub_cont .sub_cont_inner .user_infomation03 p input{padding: 5px 20px; font-size: 0.9em; margin-bottom: 10px;} .mypage_wrap .sub_cont .sub_cont_inner .user_infomation02 img{width: 80%; display: block; margin: 0 auto;} .mypage_wrap .sub_cont .sub_cont_inner .user_infomation02 p.sub_text{font-size: 0.9em; text-align: center; margin-top: 5px; color: #757575;} .mypage_wrap .sub_cont .sub_cont_inner .user_infomation > span{font-weight: 600; margin-bottom: 10px; display: block;} .mypage_wrap .sub_cont .sub_cont_inner .user_infomation > div > span{font-weight: 600; margin-bottom: 10px; display: block;} .mypage_wrap .sub_cont .sub_cont_inner .user_infomation01 h3{font-size: 1.4em; padding: 0px 10px 10px 10px} .mypage_wrap .sub_cont .sub_cont_inner .user_infomation01 p {padding: 0px 10px} .mypage_wrap .sub_cont .sub_cont_inner .user_infomation04{width: calc(50% - 9px); margin-top: 10px; height: 110px;} .mypage_wrap .sub_cont .sub_cont_inner .user_infomation04 .flatRoundedCheckbox p{float: left; width: calc(100% - 100px); margin-right: 20px; font-size: 0.9em;} .mypage_wrap .sub_cont .sub_cont_inner .user_infomation04 .flatRoundedCheckbox input, .mypage_wrap .sub_cont .sub_cont_inner .user_infomation04 .flatRoundedCheckbox label{float: right; width: 150px;} .mypage_wrap .sub_cont .sub_cont_inner .user_infomation04 .flatRoundedCheckbox label{width: 80px; height: 40px;} .mypage_wrap .sub_cont .sub_cont_inner .user_infomation05{width: 50%; margin-right: 0px; margin-top: 10px; height: 110px;} .mypage_wrap .sub_cont .sub_cont_inner .user_infomation05 .user_infomation05_in p{float: left; width: calc(100% - 100px); margin-right: 20px; font-size: 0.9em;} .mypage_wrap .sub_cont .sub_cont_inner .user_infomation05 .user_infomation05_in a{float: right; width: 80px; text-align: center; border: 1px solid #ccc; padding: 10px 14px; font-size:0.9em;} input#flatOneRoundedCheckbox{ height: 0; width: 0; visibility: hidden; } .flatRoundedCheckbox label { cursor: pointer; text-indent: -9999px; background: #bfbfbf; display: block; border-radius: 100px; position: relative; } .flatRoundedCheckbox label:after { content: ''; position: absolute; top: 5px; left: 5px; width: 30px; height: 30px; background: #fff; border-radius: 90px; transition: 0.3s; } .flatRoundedCheckbox input:checked + label { background: #656a98; } .flatRoundedCheckbox input:checked + label:after { left: calc(100% - 5px); transform: translateX(-100%); } .flatRoundedCheckbox label:active:after { width: 60px; } @media screen and (max-width: 1100px){ } @media screen and (max-width: 1024px){ .mypage_wrap .top_inner .mypage_top1{width: calc(60% - 20px)} .mypage_wrap .top_inner .mypage_top2 > div a{padding: 35px 0px} } @media screen and (max-width: 900px){ .mypage_wrap .top_inner .mypage_top2{width: 100%; float: none; margin-top: 20px;} .mypage_wrap .top_inner .mypage_top1{width: 100%; float: none; min-height: 300px;} .mypage_wrap .top_inner .mypage_top2 > div a{padding: 35px 0px} .mypage_wrap .top_inner .mypage_top2 > div.m_bottom{margin-bottom: 0px} .mypage_wrap .top_inner .mypage_top2 > div:nth-child(2){margin-right: 13px;} .mypage_wrap .top_inner .mypage_top2 > div{width:calc(25% - 10px); margin-right: 13px;} .mypage_wrap .sub_cont .sub_cont_inner .user_infomation02{margin-right: 0px;} .mypage_wrap .sub_cont .sub_cont_inner .user_infomation{width: calc(100% / 2 - 6px);} .mypage_wrap .sub_cont .sub_cont_inner .user_infomation03{margin-right: 0px; width: 100%; margin-top:10px;} .mypage_wrap .sub_cont .sub_cont_inner .user_infomation02 img{max-width: 270px;} } @media screen and (max-width: 749px){ .mypage_wrap .sub_contents .sub_top{padding-top:0px;} .mypage_wrap .top_inner{padding-bottom: 50px;} .mypage_wrap .sub_cont .sub_cont_inner .user_infomation04, .mypage_wrap .sub_cont .sub_cont_inner .user_infomation05{width: 100%; margin-right: 0px;} } @media screen and (max-width: 570px){ .mypage_wrap .top_inner .mypage_top2 > div{width: calc(50% - 7px); margin-right: 14px;} .mypage_wrap .top_inner .mypage_top2 > div.m_bottom{margin-bottom: 10px;} .mypage_wrap .top_inner .mypage_top2 > div:nth-child(2n){margin-right: 0;} .mypage_wrap .sub_cont .sub_cont_inner .user_infomation{width: 100%; margin-right: 0px; margin-bottom: 10px; margin-top:0px;} } /* 마이페이지 - 프로필 수정 */ .m_profile_wrap .sub_contents .sub_top{padding-top:20px;} .m_profile_wrap .sub_contents .sub_top .profile_img{margin-top: 100px;} .m_profile_wrap .sub_contents .sub_top .profile_img img{width: 180px; /*border-radius: 50%;*/ display: block; margin: 0 auto; cursor:pointer;} .m_profile_wrap .sub_contents .sub_top .profile_img input{width: 160px; margin: 0 auto; display: block; margin-top: 20px;} .m_profile_wrap .sub_contents .sub_cont .sub_cont_wrap{background: #fff; padding: 50px 0px; border: 1px solid #ccc; margin-bottom: 50px;} .m_profile_wrap .sub_contents .sub_cont .sub_cont_wrap .wrap_800{padding: 0px 40px;} .m_profile_wrap .mypage_input_div {padding: 0px 0px ;margin-bottom: 10px;;} .m_profile_wrap .mypage_input_div label{width: 155px; background: transparent; padding: 20px; display: inline-block; text-align: right; float: left; color: #353b6f; font-size: 1.2em; font-weight: bold;} .m_profile_wrap .mypage_input_div .input_div_inner {width: calc(100% - 185px); margin-left: 20px; float: right; min-height: 58px; padding: 5px 0px;} .m_profile_wrap .mypage_input_div .input_div_inner input{padding: 15px; width: 100%; font-size: 0.9em; letter-spacing: 1px; border-bottom: 1px solid #eee; font-size: 1.2em;} .m_profile_wrap .mypage_input_div .input_div_inner input.focus{border: 1px solid #3844ab;} .m_profile_wrap .mypage_input_div .input_div_inner input.user_pw{width: 200px; border: 1px solid #ccc;} .m_profile_wrap .mypage_input_div .input_div_inner input.phone_input{width:250px; border: 1px solid #ccc; margin-right:10px; background-color:#e7e7e7;} .m_profile_wrap .mypage_input_div.profile_address .input_div_inner input{float: left; width: 100%; margin-bottom: 5px;} .m_profile_wrap .mypage_input_div.profile_address .input_div_inner input:first-child, .m_profile_wrap .mypage_input_div.profile_address .input_div_inner input:nth-child(2){width: 49.4%;} .m_profile_wrap .mypage_input_div.profile_address .input_div_inner input:nth-child(2){border: 1px solid #ccc; float: right;} .m_profile_wrap .mypage_input_div.mypage_submit_div{text-align: center; margin-top: 50px;} .m_profile_wrap .mypage_input_div.mypage_submit_div input{padding: 20px 100px; background: #4f5694; color: #fff; font-size: 1.2em; letter-spacing: 2px;} .m_profile_wrap .mypage_input_div .input_div_inner select{width: 150px; padding: 14px;} @media screen and (max-width: 1100px){ .m_profile_wrap .sub_contents .sub_cont .sub_cont_wrap {padding-left: 20px; padding-right: 20px; margin-left: 20px; margin-right: 20px; width: calc(100% - 40px);} } @media screen and (max-width: 800px){ .m_profile_wrap .sub_contents .sub_cont .sub_cont_wrap .wrap_800{padding: 0px;} } @media screen and (max-width: 749px){ .m_profile_wrap .sub_contents .sub_top{padding-top:0px;} .m_profile_wrap .sub_contents .sub_top .profile_img{margin-top:50px;} .m_profile_wrap .sub_contents .sub_cont .sub_cont_wrap{padding: 30px 0px;} } @media screen and (max-width: 570px){ .m_profile_wrap .mypage_input_div{margin-bottom:0;} .m_profile_wrap .mypage_input_div label{float: none; width: 100%; background: transparent; text-align: left; font-size: 1em; font-weight: 800; padding: 20px 0px; padding-bottom: 0px;} .m_profile_wrap .mypage_input_div .input_div_inner{width: 100%; margin-left: 0px; line-height:9px;} .m_profile_wrap .mypage_input_div .input_div_inner input{border: 1px solid #ccc;} .m_profile_wrap .mypage_input_div.profile_address .input_div_inner input:nth-child(2){background: #eee} } /* // 마이페이지 크라우드펀딩 관리 // */ .my_crowd .top_inner{background-image: none; background: #fff; padding-bottom: 230px;} .my_crowd .sub_contents .sub_top{} .mypage_bg{ background-image: linear-gradient( rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 1) ), url(/images/main_img/mypage_bg.jpg); background-size: cover; background-position: center; } .my_crowd .top_inner h1{padding-left: 20px; padding-right: 20px; text-align: center; color: #333; font-weight: 400; padding-top: 30px; line-height:29px; text-shadow: 3px 4px 5px #e2e2e2; -moz-text-shadow: 3px 4px 5px #e2e2e2; -webkit-text-shadow: 3px 4px 5px #e2e2e2; -o-text-shadow: 3px 4px 5px #e2e2e2; -ms-text-shadow: 3px 4px 5px #e2e2e2; } .my_crowd .top_inner .wrap_1100 > img{display: block; margin: 0 auto; padding-top: 50px;} .my_crowd .top_inner span.under_line{display: block; width:80px; height: 2px; background: #fff; margin:0 auto; margin-top:30px; box-shadow: 2px 2px 5px #b5b5b5; -webkit-box-shadow: 2px 2px 5px #b5b5b5; -moz-box-shadow: 2px 2px 5px #b5b5b5; -ms-box-shadow: 2px 2px 5px #b5b5b5; -o-box-shadow: 2px 2px 5px #b5b5b5; background: #333;} .my_crowd .top_cont{margin-top: -150px; padding-bottom: 150px;} .my_crowd .top_cont .crowd_section > div{width: 50%; float: left;} .my_crowd .top_cont .crowd_section > div .slide_wrap{position: absolute; top: 0; left: 0; width: 100%; height: 50%; background: #c72030; opacity: 0; background-image: url("/images/g_mypage_icon_on.png"); background-repeat: no-repeat; background-position-x: 5%; background-position-y: 40%; background-size: 100px;} .my_crowd .top_cont .crowd_section > div a{width: 80%; position: relative; height: 300px; background-color: #fff; border: 1px solid #ddd; display: block; margin: 0 auto; padding: 100px 20px 0px 20px; font-size: 1.6em; text-align: center; border-radius: 5px; background-repeat: no-repeat; background-position-x: 50%; background-position-y: 10%; background-size: 100px;} .my_crowd .top_cont .crowd_section > div a span.title{position: relative; z-index: 2; top: 30px;} .my_crowd .top_cont .crowd_section > div:first-child a{background-image: url("/images/c_m_m_creator.png"); margin: 0 auto;} .my_crowd .top_cont .crowd_section > div:nth-child(2) a{background-image: url("/images/c_m_m_backer.png");} .my_crowd .top_cont .crowd_section > div a:hover{background-color:#fffdfd; border: 1px solid #c72030;} .my_crowd .top_cont .crowd_section > div:nth-child(2) a:hover{border: 1px solid #444a7b; background-color: #fcfcff} .my_crowd .top_cont .crowd_section > div a span.under_line{display: block; width: 40px; height: 2px; background: #676767; margin: 0px auto; margin-top: 60px; margin-bottom: 30px;} .my_crowd .top_cont .crowd_section > div a span.on_line{display: block; font-size: 0.7em; text-align: center;} @media screen and (max-width: 800px){ .my_crowd .top_cont .crowd_section > div a{width: 90%; background-size: 80px;} .my_crowd .top_cont .crowd_section > div a .slide_wrap{background-size: 80px;} } @media screen and (max-width: 700px){ .my_crowd .top_cont .crowd_section > div{float: none; width: 100%; margin-bottom: 20px;} .my_crowd .top_cont .crowd_section > div a .slide_wrap{background-position-y:35%;} } /* // 마이페이지 크라우드펀딩 관리 // 개설 캠페인 관리 */ .my_crowd .cont_table .cont_table_inner {border: 1px solid #eee; background: #fff; margin-bottom:25px; width: calc((100% - 60px)/4); margin-right: 20px; border-radius: 5px; position: relative; display: flex; flex-direction: column;} .my_crowd .cont_table .cont_table_inner .table_inner_top { display: flex; flex-direction: column; flex: 1; } .cmBtn { margin-top: auto !important; } /* box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); */ .my_crowd .cont_table .cont_table_inner:nth-child(4n) { margin-right: 0} .my_crowd .cont_table .cont_table_inner:hover{background: #fdfdfd} .my_crowd .top_inner b{font-weight: normal;} .clMore { position: absolute; right: 10px; top: 10px; } .clMore i { padding: 10px; color: #333; cursor: pointer; position: absolute; top: 0; right: 0;} .clMore .clmBox { background: #fff; width: 60px; position: absolute; right: 10px; top: 30px; border-radius: 3px; box-shadow: 0 3px 8px rgba(0,0,0,0.1); z-index: 10; } .clMore .clmBox { cursor: pointer; display: none;} .clMore .clmBox li{ padding: 10px 0; border-bottom: 1px solid #ededed; text-align: center; cursor: pointer; } .clMore .clmBox li:hover { background-color: #f5f5f5; } .clMore .clmBox li:last-child{ border: unset; } /*.my_crowd .my_crowd_inner .sub_top{background: #f7f7f7;}*/ .my_crowd .my_crowd_inner .top_inner {background: /* #b72932 */ #fff; padding-bottom:30px;} .my_crowd .my_crowd_inner .cont_table{background: #fff; margin-top: 0px; margin-bottom: 0px; padding-bottom: 150px;} .my_crowd .my_crowd_inner .top_inner h1{font-size: 1.625rem; font-weight: 600; color: #333; text-shadow: none; line-height: 20px} .my_crowd .my_crowd_inner .top_inner h1 b{display: block; margin: 15px 0px; font-size: 1.125rem; color: #707070; font-weight: bold;} .my_crowd .cont_table .help_text{margin-bottom:20px; font-size:0.937rem; padding-left: 15px; border-left: 3px solid #c72030; line-height: 1.8em; font-weight:400;} /*.my_crowd .cont_table .content_project {margin-top: 50px;}*/ .my_crowd .cont_table .content_project .content_menubtn {margin-bottom: 60px;} .my_crowd .cont_table .content_project .content_menubtn_s {margin-right: 5px; padding: 4px 16px; display: inline-flex; flex-shrink: 0; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 32px; font-size: 12px; line-height: 24px; color: #585858; min-width: 55px; cursor: pointer; background: transparent; border: 1px solid rgba(0,0,0,0.15); box-sizing: border-box; border-radius: 23px; overflow-wrap: break-word; white-space: nowrap; user-select: none; } .my_crowd .cont_table .content_project .btn_action {opacity: 1; background: #4f4f4f; color: #fff; border-color: #4f4f4f;} .my_crowd .cont_table .visible_wrap{padding: 15px;} .my_crowd .cont_table .visible_wrap.no_project{padding: 70px 0px;} .my_crowd .cont_table .visible_wrap.no_project p{ text-align: center; font-size:1.1em; line-height: 1.8em;} .my_crowd .cont_table .visible_wrap .progress{ display: inline-block; margin-right: 10px; margin-bottom: 10px;} .my_crowd .cont_table .visible_wrap > span{margin-right: 10px; margin-bottom: 10px; display: inline-block;} .my_crowd .cont_table .visible_wrap span{font-size: 0.812rem; color: #90949c; font-weight:400; position: relative} .my_crowd .cont_table .visible_wrap span i { display: inline-block; width: 8px; height: 8px; background: #eee; border-radius: 50%; margin-right: 5px;} .my_crowd .cont_table .visible_wrap h2{font-size: 1rem; width: 100%; overflow: hidden; word-break: break-word; text-overflow: ellipsis; white-space: break-spaces; margin-bottom: 10px;} .my_crowd .cont_table .visible_wrap span.act{color: #353b6f; } .my_crowd .cont_table .visible_wrap span.alcohol{background: #b10d0d; color: #fff; border-radius: 20px; font-weight: 400; font-size: 0.8em; padding: 2px 10px;} .my_crowd .cont_table .hidden_div {padding: 20px 15px } /*.my_crowd .cont_table .hidden_div .campaign_info > div{ width: calc(100% / 4); text-align: center;}*/ .my_crowd .cont_table .hidden_div .campaign_info .pay_div > *{display: inline-block;} .my_crowd .cont_table .hidden_div .campaign_info .pay_div .p_bold{font-weight: 600; margin-left: 10px;} .my_crowd .cont_table .visible_wrap span.end{color: #90949c; font-weight:400;} .my_crowd .cont_table .visible_wrap span.end i { background: #c4c4c4} /*.my_crowd .cont_table .type_div{padding: 5px 30px; border-top: 1px dotted #ccc; font-size: 0.9em; font-weight: 600; background: #f5f5f5; display: table; width: 100%;}*/ .my_crowd .cont_table .type_div { color: #90949c; font-size: 0.875rem; font-weight: 400;} .my_crowd .cont_table .pay_div { color: #90949c; font-size: 0.875rem; font-weight: 400; padding: 5px 0; } .my_crowd .cont_table .date_div { color: #90949c; font-size: 0.875rem; font-weight: 400;} .my_crowd .cont_table .cate_div { color: #90949c; font-size: 0.875rem; font-weight: 400;} .my_crowd .cont_table .type_div p{word-break: break-all; display: table-cell; vertical-align: middle;} .my_crowd .cont_table .type_div input{float: right; font-weight: bold; border: 0; background: transparent; color: #c72030; width: auto; border-right: 1px solid #ccc; padding: 0px 15px; margin: 0; line-height:27px;} .my_crowd .cont_table .type_div input.update_btn{border-right: 0; color: #333;} .my_crowd .cont_table .type_div input.rewarder_list{line-height:12px; border-right:0; border: 1px solid #ccc; color: #333; background: #fff; padding: 7px 10px; width: 105px; text-decoration: none; margin: 0;} .my_crowd .cont_table .hidden_div .campaign_info .rewarder_list input{padding: 10px 30px; margin-top: -10px; background: #b72932; border: 0px; color: #fff; float: right; letter-spacing: 1px;} .topTxt { padding: 60px 0 50px; } .topTxt h2 { font-size: 1.562rem; font-weight: 700; } .topTxt h2 span{ font-size: 1rem; font-weight: normal} .topTxt h2 .ttNumber{ font-size: 1.562rem; color: #e91c1f; font-weight: bold} .topTxt p { font-size: 1rem; font-weight: 400; margin-top: 10px;} .topTxt .topTxtInfo { margin-top: 10px; color:#7d7d7d; font-weight: 400; font-size: 14px; display: inline-block; line-height: 1.4em } .noTable { border: none !important; width: 100% !important;} .compaginImg { background: #eee; border-radius: 5px 5px 0 0; height: 150px; width: 100%; } .my_crowd .cont_table .visible_wrap span .write { background: #ffdd94 !important;} .my_crowd .cont_table .visible_wrap span .ong { background: #86e3ce !important;} .my_crowd .cont_table .visible_wrap span .return { background: #fa897b !important;} .my_crowd .cont_table .visible_wrap span .standb { background: #ccabdb !important;} .my_crowd .cont_table .visible_wrap span .oc { background: #7eb6ff !important;} .partnersN { color: #cbcbcb !important; margin: 0 !important;} .cmBtn { border-top: 1px solid #eee; text-align: center; } .cmBtn a { font-size: 1rem; color: #44484B; display: inline-block; padding: 15px 0; width: 100%;} /* ondemand_ css */ .ondemand_ta ul{overflow: hidden;} @media screen and (max-width: 1100px){ .my_crowd .cont_table .wrap_1100{padding:0 10px;} } @media screen and (max-width: 1024px){ .mpWrap { display: block} .cont_table_inner { width: 100% !important; } .compaginImg { min-height: 225px; } } @media screen and (max-width: 750px){ .my_crowd .cont_table .wrap_1100{padding:0 5px;} .my_crowd .cont_table .hidden_div .campaign_info > div{width: 50%; height: 33px;} /*.my_crowd .cont_table .hidden_div .campaign_info > div:first-child, .my_crowd .cont_table .hidden_div .campaign_info > div:nth-child(2){margin-bottom: 10px;}*/ .my_crowd .cont_table .hidden_div .campaign_info .rewarder_list input{float: none; margin-top:0px;} .my_crowd .cont_table .hidden_div .campaign_info > div p, .my_crowd .cont_table .hidden_div .campaign_info > div label{line-height:normal;} .visible_wrap { padding-bottom: 0 !important;} } @media screen and (max-width: 450px){ .my_crowd .cont_table .hidden_div .campaign_info > div{width: 100%; height: auto; text-align: left;} .my_crowd .cont_table .hidden_div .campaign_info > div p, .my_crowd .cont_table .hidden_div .campaign_info > div label{line-height: inherit;} } /* 마이페이지 - 후원자 목록 관리 */ .table_wrap{position: relative;} .Ldelivery{float:left; line-height:35px; border:1px solid #ccc; margin-bottom:20px;} .Ldelivery select{width:200px; border:0; text-align:center; padding:0 10px; background-image:url("/images/main_img/select_arrow.png"); background-position:180px center; background-repeat:no-repeat; background-size:auto 9px;} .Ldelivery input[type=button]{border:0; border-left:1px solid #ccc; text-align:center; line-height:35px; padding:0 15px;} .Routput{float:right; line-height:35px; border:1px solid #ccc;} .Routput input[type=button]{padding:0 20px; border:0; line-height:35px; border-right:1px solid #ccc;} .Routput .exel_btn{border-right:0;} #myTable{table-layout: fixed;} #myTable tbody tr td, #myTable tbody tr th{text-overflow:ellipsis; overflow:hidden; padding: 15px 18px;} .my_crowd .cont_table.backer_table .dataTables_scrollFoot tfoot th{font-weight: 400; background: #f9f9f9; padding: 20px 10px;} .my_crowd .cont_table.backer_table .dataTables_scrollFoot tfoot th.bold{font-weight: 600;} .my_crowd .cont_table.backer_table .dataTables_scrollFoot tfoot th.bold span{ color: #e20000; font-size: 1.1em;} #myTable .add_row{background: #f7f7f7;} #myTable .add_row td{text-align: left;} #myTable .indent{text-indent: -999px} #myTable span.indent{display: inline-block;} #myTable .add_row td{padding: 10px 18px;} #myTable .add_row .indent_title{text-align: center; font-weight: 600;} .fact{font-weight: 600;} .fact span{border: 1px solid #333; width: 20px; height: 20px; display: inline-block;border-radius: 10px; color: #333; cursor: pointer; text-align: center; line-height: 1.7em;} p.fact{margin-top: -17px; text-align: right;} p.fact span{font-size: 0.9em;} .my_crowd .cont_table.backer_table .wrap_1100{border: 0px; background: transparent; padding-top:0px;} .dataTables_scrollBody{max-height: 500px; min-height: 200px;} .dataTables_wrapper .dataTables_filter input{border: 1px solid #ccc; padding: 10px; border-radius: 5px;} .dataTables_wrapper .dataTables_filter{margin-bottom: 10px;} .backer_table .notice_text{padding: 20px; background: #f7f7f7; margin-bottom: 20px; border-left: 2px solid #c72030; font-weight: 600;} @media screen and (max-width: 640px){ .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {float: none; text-align: right !important;} } /* 마이페이지 - 후원자 목록 관리 - 엑셀업로드 */ .DEU:after{content:""; display:block; clear:both;} .DEU{padding:30px;} .DEU h3{margin-bottom:8px;} .DEU h3 b{color:#b72932;} .DEU small{display:block; margin-bottom:20px;} .DEU p{float:left; width:100px; line-height:30px; background-color:#ccc; text-align:center; margin-top:0;} .DEU div{float:left; border-top:1px solid #ccc; border-bottom:1px solid #ccc; height:28px;} .DEU div input{line-height:30px; margin-top:5px; margin-left:5px;} .DEU a{display:block; text-align:center; text-decoration:none; float:left; width:50px; line-height:30px; background-color:#333; color:#fff;} /* 마이페이지 - 리워드 신청 관리*/ .my_crowd .cont_table .visible_wrap.no_project a{display: block; width:220px; line-height:40px; text-align: center; margin: 0 auto; margin-top: 30px; border: 1px solid #b72932; background: #b72932; color: #fff; border-radius:30px; font-size:1em;} .my_crowd .cont_table .visible_wrap.reward_entry_wrap{cursor: pointer; background-image: url("/images/g_arrow.gif"); background-repeat: no-repeat; background-size: 30px; background-position-x: 95%; background-position-y: 54px;} .my_crowd .cont_table .visible_wrap.reward_entry_wrap.active{background-image: url("/images/g_arrow01.gif");} .my_crowd .cont_table .visible_wrap.reward_entry_wrap h2{display: block; width: calc(100% - 70px); word-break: break-all; line-height: 1.5em;} .my_crowd .cont_table .visible_wrap.reward_entry_wrap h2 a{font-size: 0.5em; border: 1px solid #ccc; padding: 4px 10px; margin-left: 10px;} .my_crowd .cont_table .hidden_div.reward_hidden_wrap{border-top: 1px dotted #ccc; padding:30px; display: none;} .my_crowd .cont_table .hidden_div.reward_hidden_wrap .value_div .mg_btm{margin-bottom: 20px;} .my_crowd .cont_table .hidden_div.reward_hidden_wrap .value_div p.rewards_name{font-size: 1.2em; font-weight: 600; width: calc(100% - 200px); float: left;} .my_crowd .cont_table .hidden_div.reward_hidden_wrap .value_div .rewards_count_box{float: right;} .my_crowd .cont_table .hidden_div.reward_hidden_wrap .value_div .rewards_count_box p{float: left; line-height: 1em;} .my_crowd .cont_table .hidden_div.reward_hidden_wrap .value_div .rewards_count_box p.rewards_count{width: 75px;} .my_crowd .cont_table .hidden_div.reward_hidden_wrap .value_div .rewards_count_box p.rewards_value{width: 80px; text-align: right;} .my_crowd .cont_table .hidden_div.reward_hidden_wrap .value_div .rewards_count_box p.rewards_value.pull_right{float: right;} .my_crowd .cont_table .hidden_div.reward_hidden_wrap .nice_value{border-top: 1px solid #ccc; padding-top:30px;} .my_crowd .cont_table .hidden_div.reward_hidden_wrap .nice_value p{float: left; width: 20%; text-align: center; font-size: 1.4em;} .my_crowd .cont_table .hidden_div.reward_hidden_wrap .nice_value p span{display: block; text-align: center; font-size: 0.8em; margin-bottom: 5px;} .my_crowd .cont_table .hidden_div.reward_hidden_wrap .nice_value p.all_value{color: #c72030;} .my_crowd .cont_table .hidden_div.reward_hidden_wrap .nice_value p.all_value span{color: #333;} .my_crowd .cont_table .footer_div{border-top: 1px solid #ccc; padding: 10px 30px; background: #f9f9f9;} .my_crowd .cont_table .footer_div .cancle_btn_wrap{float: right;} .my_crowd .cont_table .footer_div > p{float: left;} .my_crowd .cont_table .footer_div .Dinto{font-weight:600; background-color:#fff; padding:7px 15px; border:1px solid #ccc;} .my_crowd .cont_table .footer_div .Dinto2{font-weight:600; background-color:#fff; padding:7px 15px; border:1px solid #ccc;} .my_crowd .cont_table .footer_div .text_button input{padding: 5px 20px; font-size: 0.9em; letter-spacing: 1px; color: #fff; border: 1px solid #b72932; background: #b72932;} @media screen and (max-width: 580px){ .my_crowd .cont_table .visible_wrap.reward_entry_wrap h2{ width: calc(100% - 50px); font-size: 1.4em;} .my_crowd .cont_table .hidden_div.reward_hidden_wrap .nice_value p{width: 50%; margin-bottom: 20px;} .my_crowd .cont_table .hidden_div.reward_hidden_wrap .nice_value p:nth-child(3), .my_crowd .cont_table .hidden_div.reward_hidden_wrap .nice_value p:nth-child(4){margin-bottom: 0px;} .my_crowd .cont_table .footer_div > p{text-align: right; margin-bottom: 15px;} .my_crowd .cont_table .footer_div .cancle_btn_wrap > p{float: right;} .my_crowd .cont_table .footer_div .text_cancle{margin-bottom: 0px;} .my_crowd .cont_table .hidden_div.reward_hidden_wrap .value_div p.rewards_name{width: 100%; margin-bottom: 10px;} .my_crowd .cont_table .hidden_div.reward_hidden_wrap .value_div .rewards_count_box p.rewards_count{width: 65px;} .my_crowd .cont_table .hidden_div.reward_hidden_wrap .value_div .rewards_count_box p.rewards_value{width: 65px;} } /* 배송조회 */ .Dinto_pop{padding:20px 40px;} .Dinto_pop h3{padding-bottom:7px; border-bottom:1px solid #ccc;} .Dinto_pop ul{padding-left:0; margin-bottom:50px;} .Dinto_pop ul li{list-style:none; margin-bottom:15px;} .Dinto_pop ul li span{display:inline-block; width:120px; color:#c72030; font-weight:600;} .Dinto_pop table{text-align:left; width:100%; border-collapse:collapse;} .Dinto_pop thead tr{padding-bottom:10px; border-bottom:1px solid #ccc; height:40px;} .Dinto_pop tbody tr{line-height:40px; color:#777;} .Dinto_pop tbody tr:nth-child(even){background-color:rgba(197,61,69,0.1);} /* 마이페이지 - 미팅서비스 메인 */ .my_crowd .sub_contents.meeting_contents .sub_top{background: #f6f8ff} .my_crowd .meeting_contents .crowd_section > div:first-child a{background-image: url(/images/g_mypage_icon3.png);} .my_crowd .meeting_contents .crowd_section > div:last-child a{background-image: url(/images/g_mypage_icon4.png);} .my_crowd .cont_table .meeting_add_inner .visible_wrap.no_project{padding: 20px;} .my_crowd .cont_table .meeting_add_inner .visible_wrap.no_project a{border: 1px solid #225e9e; background: #225e9e;} /* 마이페이지 - 주최모임관리 */ .my_crowd .cont_table .meeting_add_inner .visible_wrap > h3{border: 2px solid #245e9d; display: inline-block; padding: 5px; float: left; margin-right: 40px;} .my_crowd .cont_table .meeting_add_inner .visible_wrap > h3 img{width: 150px; height: auto; border: 1px solid #8e8e8e} .my_crowd .cont_table .meeting_add_inner .visible_wrap .visible_inner{float: left; width: calc(100% - 205px); margin-top:5px;} .my_crowd .cont_table .meeting_add_inner .visible_wrap .visible_inner h2{display: block; word-break: break-all; line-height: 1.4em; height: 55px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .my_crowd .cont_table .visible_wrap span.zero_dog{margin-left: 10px; color: #245e9d;} .my_crowd .cont_table .meeting_add_inner .visible_wrap .visible_inner .visible_under{padding-top:12px; margin-top: 6px; border-top: 1px dotted #ccc;} .my_crowd .cont_table .meeting_add_inner .visible_wrap .visible_inner .visible_under p{font-size: 0.9em; float: left; text-align: left; width: 50%;} .my_crowd .cont_table .meeting_add_inner .visible_wrap .visible_inner .visible_under p span{font-size: 1em;} .my_crowd .cont_table .meeting_add_inner .visible_wrap .visible_inner .visible_under p span.entry_li_op{color: red} .my_crowd .cont_table .meeting_add_inner .visible_wrap .visible_inner .visible_under .input_box{text-align: right; margin-top: 14px;} .my_crowd .cont_table .meeting_add_inner .visible_wrap .visible_inner .visible_under .input_box input{padding: 5px 15px; margin-right: 5px; font-size: 0.9em; background: #245e9d; border: 1px solid #245e9d; color: #fff;} @media screen and (max-width: 768px){ .my_crowd .cont_table .meeting_add_inner .visible_wrap > h3{display: none;} .my_crowd .cont_table .meeting_add_inner .visible_wrap .visible_inner{width: 100%;} .btn_wrap { margin: 0; width:100%;} } @media screen and (max-width: 580px){ .my_crowd .cont_table .meeting_add_inner .visible_wrap .visible_inner .visible_under p{font-size: 1em; float: none; margin-bottom: 5px; width: 100%;} } /* 마이페이지 - 모임 수정 */ .my_crowd .my_crowd_inner .cont_table.meeting_table{background: transparent;} .my_crowd .my_crowd_inner .cont_table.meeting_table .dataTables_wrapper .dataTables_scroll{background: #fff;} .my_crowd .my_crowd_inner .sub_top .meet_adm_nav{background: #fff;} .my_crowd .my_crowd_inner .sub_top .meet_adm_nav > div{padding: 0px 20px;} .my_crowd .my_crowd_inner .sub_top .meet_adm_nav > div ul{} .my_crowd .my_crowd_inner .sub_top .meet_adm_nav > div ul li{width: calc(100% / 4); float: left; text-align: center;} .my_crowd .my_crowd_inner .sub_top .meet_adm_nav > div ul li a{display: block; text-align: center; padding: 20px 10px; border: 1px solid #ccc; border-right: 0px;} .my_crowd .my_crowd_inner .sub_top .meet_adm_nav > div ul li a.border_top{background: #fcfcfe; border-bottom: 1px solid #fcfcfe; border-top:1px solid #353b6f; font-weight: 600;} .my_crowd .my_crowd_inner .sub_top .meet_adm_nav > div ul li:last-child a{border-right: 1px solid #ccc;} .my_crowd .my_crowd_inner .sub_top.meeting_adm_wrap{background: #fcfcfe;} /* 마이페이지 - 참가자 선택 */ #myTable .tb_txt select{appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; background: url("/images/g_arrow.gif") no-repeat 95% 50%; background-size: 20px; width: 100%; padding: .5em; border: 1px solid #353b6f; border-radius:0;} #myTable select::-ms-expand{display: none} /* 마이페이지 - 방명록 관리 */ #myTable .guest_row td span{display: block; font-size: 0.9em; font-weight: 600;} #myTable .guest_row td .float_row{width: calc(100% / 3); float: left;} #myTable .guest_row td .float_row .float_inner{text-align: left;} #myTable .guest_row td > div.cf{width: 89%; margin: 0 auto;} #myTable #toggle_tr td input.del_btn{padding: 5px 15px; font-size: 0.9em; letter-spacing: 1px; background: #f7f7f7} .click_wrap{margin-left: 10px; position: absolute; top: -33px; z-index: 1;} .barcode_p{} .barcode_p input{} .barcode_p label{margin-left: 10px; margin-right: 20px; font-weight: 600; color: #24319e} .barcode_p label:last-child{color: #bb1414} .barcode_input_p {margin-top:15px;} .barcode_input_p i{font-size: 1.4em;} .barcode_input_p input[type="text"] {padding: 10px 20px; border: 1px solid #eee; margin-left: 10px; margin-right: 5px;} .dataTables_wrapper .dataTables_filter input{border-radius: 0px; border: 1px solid #eee;} .table_wrap .exel_p{text-align: right; margin-top: -20px;} .table_wrap .exel_p input{padding: 10px 20px; letter-spacing: 1px; background: #293177; border: 1px solid #293177; color: #fff;} .barcode_input_p input[type="submit"] {padding: 10px 20px; font-size: 0.9em;} /* 마이페이지 - 참가모임관리 */ .my_crowd .cont_table .help_text.help2{border-left:3px solid #353b6f} .my_crowd .cont_table .visible_wrap.no_project a.ms_a{background: #353b6f; border: 1px solid #353b6f; padding: 10px 30px;} .my_crowd .cont_table .visible_wrap span.act2{color: #353b6f;} .my_crowd .cont_table .footer_div .text_button input.del_btn2{background: #353b6f; border: 1px solid #353b6f} .my_crowd .cont_table .hidden_div.reward_hidden_wrap .value_div .mg_btm.ms_btm{margin-bottom: 0px;} .my_crowd .cont_table .hidden_div.reward_hidden_wrap .value_div .mg_btm.ms_btm p{margin-bottom: 20px; float: left; width: 50%; font-size: 1.1em;} .my_crowd .cont_table .hidden_div.reward_hidden_wrap .value_div .mg_btm.ms_btm p:nth-child(3), .my_crowd .cont_table .hidden_div.reward_hidden_wrap .value_div .mg_btm.ms_btm p:nth-child(4){margin-bottom: 0px;} .my_crowd .cont_table .hidden_div.reward_hidden_wrap .value_div .mg_btm.ms_btm span{margin-bottom: 5px; display: block; font-size: 0.8em; font-weight: 600;} .my_crowd .cont_table .hidden_div.reward_hidden_wrap .value_div .mg_btm.ms_btm p b{letter-spacing: 2px; color: #ea0000} @media screen and (max-width: 580px){ .my_crowd .cont_table .hidden_div.reward_hidden_wrap .value_div .mg_btm.ms_btm p{float: none; width: 100%;} .my_crowd .cont_table .hidden_div.reward_hidden_wrap .value_div .mg_btm.ms_btm p:nth-child(3){margin-bottom: 20px;} } /* 크라우드펀딩 등록 페이지 */ .crowd_build_wrap > h1{border-left: 4px solid #b72932;} .crowd_build_wrap .build_form .build_inner.main_img .inner_cont .help_tooltip p.tooltip02 span a{color: #b72932} .crowd_build_wrap .build_form .build_inner .inner_cont input.form-control:focus{border:1px solid #333;} .crowd_build_wrap .btn_wrap p input{background:#e91c1f; border-radius: 3px; transition: all .3s} .crowd_build_wrap .btn_wrap p input:hover { background: #d21618; border-color: #d21618;} .btn_wrap p .nextBtn{background:#383838 !important; border-color:#383838 !important;} .btn_wrap p.sub_p{float:left;} .btn_wrap p.sub_p:first-of-type{margin-right:30px;} .tooltip_absolute{background: url("/images/g_tooltip.gif"); position: absolute; bottom: -80px; left: 16px; display: none; z-index:1;} .tooltip_div{float: left; position: relative;} .tooltip_inner{float: left; padding: 10px; width: 350px; height: 77px; position: relative;} p.tooltip_help{cursor: pointer; text-decoration: underline; float: left; font-weight: 600; font-size: 0.9em; position: relative;} p.tooltip_help span.tip_icon{display:inline-block; width: 18px; height: 18px; background: #b72932; border-radius: 20px; text-align: center; line-height: 18px; margin-top: 9px; font-size: 0.8em; color: #fff; border:0px; margin-right: 5px} .inner_cont p span.tip_icon{display:inline-block; width: 18px; height: 18px; background: #b72932; border-radius: 20px; text-align: center; line-height: 18px; margin-top: 9px; font-size: 0.8em; color: #fff; border:0px; margin-right: 5px} .tooltip_inner p:first-child{margin-top:21px;} .tooltip_inner p{font-size: 0.9em; margin-left: 10px;} .tooltip_inner span.close_float{position: absolute; top: 23px; right: 8px; font-weight: 600; cursor: pointer;} .left_spacing {display: block; margin-left:15px;} /* 크라우드펀딩 등록 완료 페이지 */ .campaign_middle .reward_notice.reward_order_wrap .go_mpage{margin-top:0;} #reward_complete .entry_info_wrap{border-top:0px; padding-top:0px;} .entry_info_wrap.entry_info_wrap1 div > div{margin-top:0;} .entry_info_wrap1 .reward_order_wrap .order_list_wrap{margin-top:20px;} .entry_info_wrap1 .reward_order_wrap > h3{font-size: 1.3em; letter-spacing: 0;} /* 크라우드펀딩 간편상담신청 */ .build_form .build_inner.cont_table_inner{border-bottom: 0px; padding: 0px 20px;} .build_form .build_inner.cont_table_inner > div{float: none;} .build_form .build_inner.cont_table_inner .visible_wrap{background-image:url("/images/g_arrow.gif"); background-repeat: no-repeat; background-position-x: 99%; background-position-y: 10px; cursor: pointer;} .build_form .build_inner.cont_table_inner .visible_wrap.active{background-image:url("/images/g_arrow01.gif"); } .build_form .build_inner.cont_table_inner h2{font-size: 1.3em; font-weight: 400; padding: 10px 0px;} .build_form .build_inner.cont_table_inner .footer_div{margin-top: 10px; border: 1px solid #eee; padding: 10px 20px; background: #f9f9f9;} .build_form .build_inner.cont_table_inner .footer_div p.text_cancle{float: left;} .build_form .build_inner.cont_table_inner .footer_div p.text_button{float: right;} .build_form .build_inner .inner_cont ul li{padding: 10px;} .build_form .build_inner .inner_cont ul li input{} .build_form .build_inner .inner_cont ul li span{margin-left: 10px;} .build_form .build_inner .inner_cont ul li span b{font-size: 0.9em} .build_form .build_inner .inner_cont ul li span input.more2{margin-top:10px;} /* .build_form .build_inner.cont_table_inner h2 input{float: right;} */ .build_form .build_inner.cont_table_inner h2 label{width: calc(100% - 20px); display: block; float: left;} .build_form .build_inner.cont_table_inner .help_txt{background: #f9f9f9; padding: 10px; border: 1px solid #ccc; font-size: 0.875rem; margin-top: 8px;} .build_form .build_inner.cont_table_inner h2.afree_2{margin-top: 20px; border-top: 1px dotted #ccc; padding-top: 20px;} /* 크라우드펀딩 사전예약 */ .progress-inner .progerss_bottom.reser_bottom{border-top: 1px solid #e8e8e8; font-size: 0.9em; padding: 5px 0px; background: #f9f9f9; } /*통신판매기록부*/ table.dataTable thead th, table.dataTable thead td{vertical-align: middle; font-size: 0.9em;} #myTable tbody tr td, #myTable tbody tr th{font-size: 0.9em; padding: 15px 5px;} /* 크라우드펀딩 파티너스 리스트 */ .partner_wrap #slider_wrapper .carousel-cell{position: relative;} .partner_wrap .carousel-cell a .carousel_txt{display: block;} .partner_wrap .carousel-cell a {display: table;} .partner_wrap .carousel_txt .top_title{margin-bottom: 10px; margin-top:4% ;font-size: 1em; font-weight:400; color:#d5d5d5;} .partner_wrap .carousel_txt .sub_title{font-size:2em; color:#fff; font-weight: 600} .partner_wrap .carousel_txt .title_cont{display: inline-block; margin-top: 30px; font-size: 1.1em; line-height: 20px; color:#d5d5d5; font-weight:400;} .entry_partner_wrap{padding: 20px 30px; background: #fff;} .entry_partner_wrap p{font-size: 1.4em; line-height: 61px; float: left;} .entry_partner_wrap a{float: right; padding: 18px 40px; border: 1px solid #db6256; background: #db6256; color: #fff; font-size: 1.5em; line-height: initial; margin-right: 30px;} .partner_wrap .select_wrap h2{font-weight: 500; font-size: 1.6em; float: left; line-height: 1em; margin-bottom:15px} .partner_wrap .select_wrap h2 span{} .partner_wrap .progress-inner .cate_div_in{margin-top: 0px;} .partner_wrap .progress-inner .camp_info{height:auto; padding:15px 0;} .partner_wrap .progress-inner .progerss_bottom{padding: 3px 10px; display: block;} .partner_wrap .progress-inner .progerss_bottom span{font-size: 0.8em; display: block; text-align: right; color: #a5a5a5; } .partner_wrap .sub_contents{/* padding-bottom: 150px */;} .partner_wrap .section_inner .project_section img{display: block; border-radius: 5px 5px 0 0} @media screen and (max-width: 749px){ .partner_wrap #slider_wrapper {margin-top:1px; height: 300px;} .partner_wrap #slider_wrapper .carousel-cell{height: 300px;} .partner_wrap .carousel-cell a .carousel_txt{font-size: 10px;} .entry_partner_wrap a{float: none; margin: 0; display: inline-block;} .entry_partner_wrap p{float: none; display: block; text-align: center; margin-bottom: 15px; padding: 0px;} .entry_partner_wrap .wrap_1100{text-align: center;} .entry_partner_wrap{padding: 25px 10px;} .partner_wrap .carousel_txt .title_cont{font-size:1.1em;} .partner_wrap .carousel_txt .sub_title{font-size:1.9em;} .carousel_txt button{margin-top: 10% !important} .progress-inner .camp_info p{margin-bottom:0!important;} } @media screen and (max-width: 540px){ .partner_wrap .progress-inner .camp_info{/*padding:5px;*/ padding: 8px;} } /* 파트너스 리스트 */ .partners_wrap #slider_wrapper .carousel-cell{position: relative;} .partners_wrap .carousel-cell a .carousel_txt{display: table-cell; vertical-align: middle; text-align: center;} .partners_wrap .carousel-cell a {background-size: cover; margin-top: 50px;} .partners_wrap .carousel_txt .carousel_bg{display: inline-block; padding: 30px 50px; background:rgba(255, 255, 255, 0.75); border: 3px solid rgba(17, 81, 107, 0.57); } .partners_wrap .carousel_txt .top_title{display: inline-block; border-bottom: 1px solid #b3b3b3; margin-bottom: 20px; font-size: 1.5em; letter-spacing: 3px; line-height: 1.5em} .partners_wrap .carousel_txt .sub_title{font-size: 3.2em; font-weight: 600; letter-spacing: 1px;} .partners_wrap .carousel_txt .sub_title span{color: #3c6cab;} .partners_wrap .carousel_txt .title_cont{display: inline-block; margin-top: 30px; font-size: 1.3em; line-height: 1.6em;} .partners_wrap .select_wrap h2{font-weight: 600; font-size: 1.6em; float: left; line-height: 1em; padding-left: 15px; border-left: 3px solid #b72932; margin-top:8px;} /*.partners_wrap .partner_chart{background-color: rgba(255, 242, 242, 0.2); box-shadow: rgb(0 0 0 / 4%) 0px 1px 8px, rgb(0 0 0 / 2%) 0px 1px 0px}*/ .partners_wrap .partner_chart .partner_intro{width: 100%;} .partners_wrap .partner_chart .wrap_1100 .partner_intro h2{font-size: 2.2em; font-weight: 500; color: #333; line-height: 1.6em;} .partners_wrap .partner_chart .wrap_1100 .partner_intro p{margin: 20px 0px; font-size: 1em; line-height: 1.6em; color: #8a8a8a;} .partners_wrap .partner_chart .wrap_1100 .partner_intro a{font-size: 1.1em; text-decoration: underline; color: #8a8a8a} .partners_wrap .partner_chart .wrap_1100 .partner_intro a b{color: #333; text-decoration: none;} .partners_wrap .partner_chart .chart_inner{padding-top: 50px;} .partners_wrap .partner_chart .chart_inner > div{float: left; width: 30%; margin-right: 3%; padding:20px; border-radius: 5px; border:1px solid #ededed} .partners_wrap .partner_chart .chart_inner > div:last-child{margin-right:0!important;} .partners_wrap .partner_chart .chart_inner > div > span{display: block; margin-bottom: 20px; font-weight: 500; color:#737373} .partners_wrap .partner_chart .chart_inner > div h3{color: #b72932; font-size: 1.8em;} .partners_wrap .partner_chart .chart_inner > div h3 span{color: #8a8a8a; font-size: 0.7em} @media screen and (max-width: 1100px){ } @media screen and (max-width: 749px){ .partners_wrap .partner_chart .wrap_1100{padding:50px 30px;} .partners_wrap #slider_wrapper {margin-top:1px; height: 340px;} .partners_wrap #slider_wrapper .carousel-cell{height: 340px;} .partners_wrap .carousel-cell a .carousel_txt{font-size: 10px;} .entry_partner_wrap a{float: none; margin: 0; display: inline-block; width:100%;} .entry_partner_wrap p{float: none; display: block; text-align: center; margin-bottom: 15px; padding: 0px;} .entry_partner_wrap .wrap_1100{text-align: center;} .entry_partner_wrap{padding: 25px 10px;} .partners_wrap .partner_chart{margin-bottom:40px;} .partners_wrap .partner_chart .partner_intro{width: 100%;} .partners_wrap .partner_chart .chart_inner > div{width: 50%; margin-bottom: 25px;} } @media screen and (max-width: 580px){ .partners_wrap .partner_chart{margin-bottom:20px;} .partners_wrap .partner_chart .wrap_1100{padding:40px 10px;} .partners_wrap .partner_chart .chart_inner > div{width: 100%;} } /* 로그인 페이지 */ .login_wrapper .crowd_build_wrap > h1{font-size: 1.8em; border: 0px; margin-bottom: 10px; padding: 0px; letter-spacing: 3px; font-weight: 600} .login_wrapper .crowd_build_wrap > p{margin-bottom: 10px;} .login_wrapper .sub_contents{padding: 100px 0px; background: #fff; display: flex; margin: 0 auto; justify-content: center} .login_wrapper .sub_contents .wrap_auto{width: 440px; /*margin: 0 auto;*/ position: relative;} .log_ban{width:400px; height:500px; background:#eee; border-radius: 20px; margin-left:2%} .login_wrapper .build_form{background: #fff; border: 0px; padding: 15px 0px; margin-bottom: 30px;} .login_wrapper .build_form .build_inner{border: 0px; padding: 0px;} .login_wrapper .build_form .build_inner .inner_cont{width: 100%; margin-bottom: 0px; padding:0; background-color:#fff; border:0;} .login_wrapper .build_form .build_inner .inner_cont:last-child{margin-bottom: 0px;} .login_wrapper .build_form .build_inner .inner_cont input.form-control{width: 100%; margin-bottom: 15px; padding: 15px; border-radius: 3px; transition: all 0.3s} .login_wrapper .build_form .build_inner .inner_cont input[name="user_id"]::placeholder { color: rgba(0,0,0,.15); font-weight: 400 !important; } .login_wrapper .build_form .build_inner .inner_cont input[name="password"]::placeholder { color: rgba(0,0,0,.15); font-weight: 400 !important; } .login_wrapper .build_form .build_inner .inner_cont input.log_ip{border-color:rgba(0,0,0,.15);} .login_wrapper .build_form .build_inner .inner_cont input.log_ip:hover{border-color:#333;} .login_wrapper .build_form .build_inner .inner_cont label {font-size: 0.9em; display: block; margin-bottom: 5px; font-weight: 600;} .login_wrapper .build_form .build_inner .inner_cont input[type="submit"]{color: #fff; background: #252525; border: 1px solid #252525;} .login_wrapper .build_form2{padding: 10px 0px; border-bottom: 0px; margin-bottom: 20px;} .login_wrapper .fb_iframe_widget{width: 100%;} .login_wrapper .build_form .build_inner > input[type="checkbox"]{display: none;} .login_wrapper .build_form .build_inner > input[type="checkbox"] + label {color: #757575} .login_wrapper .build_form .build_inner > input[type="checkbox"] + label span{width: 15px; height: 15px; border: 1px solid #ccc; margin-right: 10px; display: inline-block; vertical-align: middle; cursor: pointer; border-radius:3px;} .login_wrapper .build_form .build_inner > input[type="checkbox"]:checked + label span{/*background: url("/images/g_checkbox.gif") no-repeat; background-size: 100%;*/ border: 1px solid #eee;} .login_wrapper .crowd_build_wrap .login_btn_box p a{color:#e91c1f; border-bottom: 1px solid #e91c1f; } .login_wrapper .crowd_build_wrap .login_btn_box p{color:#757575; font-size: 1em;} .login_wrapper .crowd_build_wrap .login_btn_box .text-left{margin-right: 10px;} .inner_cont input::placeholder{color:#d5d5d5} .inner_cont input{outline: none!important;} /*.mem_sch{float:right!important;}*/ /*.build_form .build_inner .mem_sch a {color:#757575;}*/ .log_build_wrap .build_form .build_inner .inner_cont input.form-control:focus{border: 1px solid #e91c1f} /* 로그인_네이버 */ .naver_login{/*background-color:#03cf5d; border:0; border-radius:3px;*/ cursor:pointer;} .naver_login tr td{border:0;} .tLogo{width:40px; height:40px; padding:10px; border:0;} .tLogo img{width:40px; height:40px;} .tLogin{color:#fff; font-size:1.2em; border:0;} /* 로그인_페이스북 */ .facebook_login{/*background-color:#3a5ca9; border:0; border-radius:3px;*/} .facebook_login .tLogo{padding:5px;} .facebook_login img{transform: translateY(5px)} /*.facebook_login .tLogo img{width:auto; height:100%;}*/ _:-ms-input-placeholder, :root .facebook_login .tLogo {height:30px;} /* 로그인_카카오톡 */ .kakao_login{/*background-color:#ffe609; border:0; border-radius:3px;*/} .kakao_login .tLogin{color:#381e1f;} /* 로그인_구글 */ .google_login{border-radius:3px; border-collapse:unset;} .google_login .tLogin{color:#000} @media screen and (max-width: 1024px){ .login_wrapper .build_form .build_inner .inner_cont{padding: 0px;} } @media screen and (max-width: 749px){ .login_wrapper .meeting_build_wrap{padding: 50px 5.208%;} } @media screen and (max-width: 540px){ .login_wrapper .sub_contents .wrap_auto{width:100%;} } /* 회원가입 */ .sign_wrapper .crowd_build_wrap > h1{margin-bottom: 30px; border: 0px; padding: 0px; font-size: 1.8em;} .sign_wrapper .build_form {padding: 0; } .sign_wrapper .build_form .build_inner{padding:10px 0;} .sign_wrapper .build_form .build_inner .inner_cont{width: 100%; background-color:#fff; padding:0; border:0; /*margin-top:10px;*/ /*width: calc(100% - 220px);*/} .sign_wrapper .build_form{ background: #fff; margin-bottom: 20px;} .sign_wrapper .build_form .build_inner:last-child{border-bottom: 0px;} .sign_wrapper .build_form2{ border: 1px solid #ddd; padding:0 20px; } .sign_wrapper .build_form .build_inner .inner_title{ width: 100%/*width:200px;*/} .sign_wrapper .build_form .build_inner .inner_cont.check_cont{ padding-bottom: 10px; /*padding: 10px 0px;*/} .sign_wrapper .build_form .build_inner input[type="checkbox"]{display: none;} .sign_wrapper .build_form .build_inner input[type="checkbox"] + label {color: #333} .sign_wrapper .build_form .build_inner input[type="checkbox"] + label span{width: 17px; height: 17px; border: 1px solid #ccc; margin-right: 10px; display: inline-block; vertical-align: middle; cursor: pointer; border-radius:3px;} .sign_wrapper .build_form .build_inner input[type="checkbox"]:checked + label span{background: url("/images/g_checkbox.gif") no-repeat; background-size: 100%; border: 0px;} .inputalert{display: block; margin-top: 5px; font-size: 0.9em; } .signBtnWrap p {margin-right: 0 !important; float: none !important;} .sign_btn { width: 100%; } .cer{margin-bottom:7%} /*.e-mail a{background:#3d3d3d; color:#fff; padding:10px; border-radius: 10px}*/ input.email{padding:10px 20px!important; color:#fff; background:#3d3d3d!important; border-color: #3d3d3d!important; border-radius: 5px!important;} input.phone{padding:10px 20px!important; color:#fff; background:#3d3d3d!important; border-color: #3d3d3d!important; border-radius: 5px!important;} .join_agree{margin-bottom: 6%} .join_agree hr{margin-bottom: 20px} .join_agree label{display: block!important;} .join_agree .cnTxt{width:93%;} .join_agree .cnTxt a{float:right; color:#6d6d6d} .so_login{position:relative; margin:16px 0; text-align: center; line-height: 16px; font-size:12px;} .so_login:before{position:absolute; top:50%; left:0; background:rgba(0,0,0,.06); width: 100%; height:1px; content: "";} .so_login span{display: inline-block; position: relative; background: #fff; padding:0 10px; color:rgba(0,0,0,.54); font-size: 12px;} .crowd_build_wrap .regist_Form .build_inner .inner_cont input.form-control:focus{} @media screen and (max-width: 1024px){ .build_form.regist_Form .build_inner > div {float: none; width: 100%;} .sign_wrapper .build_form .build_inner .inner_cont{width: 100%;} } /*회원가입 완료*/ .login_wrapper .build_form .build_inner .inner_cont > p{text-align: center; line-height: 1.6em;} .login_wrapper .build_form .build_inner .inner_cont > p span{font-weight: 600; color: #20559c;} .login_wrapper .build_form2 .build_inner .button_box input.form-control{width: 49.7%; float: left;} .login_wrapper .build_form2 .build_inner .button_box input.form-control:last-child{float: right; background: #333; color: #fff;} .login_wrapper.complete .sub_contents{padding: 200px 0px;} .login_wrapper.complete .crowd_build_wrap > h1 span{color: #b72932} /* 아이디저장 및 아이디 찾기, 비밀번호 찾기 wrap */ .saveID { cursor: pointer; } .saveID input[type="checkbox"] {display: none; } .saveID .siIcon { display: inline-block; width: 16px; height: 16px; border: 1px solid rgba(0,0,0,.15); border-radius: 2px; position: relative; transition: all .25s; margin-right: 5px} .saveID .siIcon:hover { border-color: #ea2526;} .saveID .siIcon:before { content: ''; position: absolute; top: 0; left: 4px; width: 3px; height: 8px; border-right: 3px solid #fff; border-bottom: 3px solid #fff; transform: rotate(45deg) scale(0); border-radius: 1px } .saveID input[type="checkbox"]:checked ~ .siIcon { background: #ea2526; border-color: #ea2526; } .saveID input[type="checkbox"]:checked ~ .siIcon:before { opacity: 1; transform: rotate(45deg) scale(1) } .saveID .siTxt { font-size: 0.812rem; font-weight: 400; color: rgba(0,0,0,.54); } .loginAction .mem_sch a { font-size: 0.812rem !important; font-weight: 400 !important; color: rgba(0,0,0,.54) !important; } /*아이디찾기*/ .login_wrapper .build_form .build_inner .inner_cont.serch_div > p{text-align:center; font-size: 1.4em; line-height: 1.6em; letter-spacing: 1px;} .login_wrapper .build_form .build_inner .inner_cont.serch_div > p span{color: #20669a;} /*비밀번호 찾기*/ .login_wrapper .build_form .build_inner .inner_cont.serch_div > p.login_text{text-align: center;} /* 크라우드펀딩 모의투자 */ .shamMain{height:400px; margin-bottom: 30px;} .cs_height{display:block; height:100%; width:100%; background-position:center; background-repeat:no-repeat; background-size:cover;} .partners_wrap .partner_chart .wrap_1100{padding: 50px 0px;} .partners_wrap .partner_chart .partner_intro.sham_intro{width: 100%;} .partners_wrap .partner_chart .wrap_1100 .partner_intro.sham_intro h2{margin-bottom:15px; text-align: center; color: #b72932} .partners_wrap .partner_chart .wrap_1100 .partner_intro.sham_intro p{margin: 0px; text-align: center;} .partners_wrap .partner_chart .wrap_1100 .partner_intro.sham_intro p.small_txt{margin-top: 10px; color: #333;} .partners_wrap .partner_chart .wrap_1100 .partner_intro.sham_intro p.small_txt span{color: #376fa5; font-weight: 600;} .partners_wrap .partner_chart .chart_inner .chart_box{width: 100%; float: none; border: 1px solid #eee; padding: 50px 20px; background: #fff; border-radius: 5px} .partners_wrap .partner_chart .chart_inner .chart_box > div{float: left; width: 50%; margin-bottom: 20px;} .partners_wrap .partner_chart .chart_inner{position: relative;} .partners_wrap .partner_chart .chart_inner > h3.poab{position: absolute; background: #fcfcfe; left: 20px; top: 42px; padding: 0px 15px; font-size: 1.3em; letter-spacing: 1px; font-weight: 600;} .partners_wrap .partner_chart .chart_inner .chart_box > div > span{padding: 5px 6px; font-size: 1em; color: #fff; background: #b72932; margin-left: 10px; margin-bottom: 10px; display: inline-block;} .partners_wrap .partner_chart .chart_inner .chart_box > div > p{padding: 0px 10px; font-size: 1em; line-height: 1.6em; color:#6d6d6d} .partners_wrap .partner_chart .chart_inner .chart_box > div:nth-child(3), .partners_wrap .partner_chart .chart_inner .chart_box > div:nth-child(4){margin-bottom: 0px;} .partners_wrap .partner_chart .chart_inner .chart_box > div > p > b{color: #b72932;} .partners_wrap .partner_chart .chart_inner > p.small_txt{margin-top: 20px; margin-bottom:10px; color: #333; margin-left: 10px; font-size: 1.1em;} .partners_wrap .partner_chart .chart_inner > p.small_txt span{color: #c72030; font-weight: 600;} .select_wrap.sham_list{margin-bottom: 30px;} .sham_lists .progress-inner h3.dot_txt{text-align: left;} .sham_lists .progress-inner .camp_info span{color: #333; font-size: 0.8em;} .sham_lists .progress-inner .camp_info span.acting{color: #af2d2d; font-weight: 600; } .partners_wrap .partner_chart .chart_inner .chart_box > div p.fact{text-align: left; font-size: 1em; margin-top: 0px;} .sham_lists .progress-inner .sham-progress{padding: 0px 15px;} .sham_lists .progress-inner .sham-progress p span{font-weight: 500; color: #3d3d3d; font-size: 1em; margin-left: 3%} .sham_lists .progress-inner .sham-progress p span.act{color: #333;} .sham_lists .progress-inner .progerss_bottom .entry_btn_p{} .sham_lists .progress-inner .progerss_bottom .entry_btn_p input{width: 100%; color: #fff; padding: 10px 15px; background: #b72932} .sham_lists .progress-inner .progerss_bottom .entry_btn_p input.end_btn{background: #9e9e9e; border-radius: 0 0 5px 5px} .sham_inner.section_inner{padding: 50px 0px 50px;} /*.third_section .section_inner .project_section{width: calc(100% / 4 - 15px);}*/ /*.third_section .sub_section .section_inner .project_section:nth-child( 4n ){margin-right: 0px;}*/ .sham_inner .project_section a{padding-bottom:0;} .sham_inner .sham_campaign{padding:2px 10px;} .sham_inner .sham_campaign span{margin-bottom:5px; color:#6d6d6d; font-size: 0.9em ;overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; display:-webkit-box; word-wrap:break-word; word-break:break-all; line-height:20px; height:20px;} .sham_inner .sham_campaign .dot_txt{overflow:hidden; text-overflow:ellipsis; white-space:pre-line; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} @media screen and (max-width: 1100px){ /*.partners_wrap .partner_chart .partner_intro.sham_intro{padding:50px 10px;}*/ .third_section .section_inner .project_section{width: calc(100% / 3 - 10px);} } @media screen and (max-width: 850px){ .third_section .section_inner .project_section{width: calc(100% / 2 - 9px);} .third_section .sub_section .section_inner .project_section:nth-child( 4n ){margin-right: 15px;} .third_section .sub_section .section_inner .project_section:nth-child( 3n ){margin-right: 15px;} .third_section .sub_section .section_inner .project_section:nth-child( 2n ){margin-right: 0px;} } @media screen and (max-width: 749px){ .partners_wrap .partner_chart .chart_inner .chart_box > div{width: 100%;} .shamMain{height:200px !important;} /*.shamMain h1{line-height: 200px !important;}*/ } @media screen and (max-width: 580px){ .third_section .section_inner .project_section{width: 100%;} .third_section .sub_section .section_inner .project_section:nth-child( 4n ){margin-right: 0px;} .third_section .sub_section .section_inner .project_section:nth-child( 3n ){margin-right: 0px;} .third_section .sub_section .section_inner .project_section:nth-child( 2n ){margin-right: 0px;} .sham_inner .sham_campaign .dot_txt{-webkit-line-clamp:1; height:25px;} .sham_lists .progerss_bottom{padding-top:25px;} } /* 모의 크라우드펀딩 투자리스트 */ .investListContent{border:1px solid #ccc; padding:10px 20px; margin:20px 0;} .ILCleft{float:left; width:200px; height:133px; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;} .ILCright{float:left; width:calc(100% - 260px); margin-left:20px; margin-top:20px;} .ILCright h3{text-align: left; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; display:-webkit-box; word-break:break-all; line-height:30px; height:60px; margin-bottom:10px;} .ILCright span{font-size:1.2em; margin-right:20px; line-height:2em;} .ILCcancel{float:right; width:20px; margin-left:20px; line-height:60px;} .ILCcancel a{color:#1a1a1a; font-size:2em; cursor:pointer;} /*모의 크라우드펀딩 기관 전용관 리스트*/ .partners_wrap .sham_list_info .wrap_1100 .partner_intro.sham_intro p{text-align: left;} .partners_wrap .sham_list_info .wrap_1100 .partner_intro.sham_intro h2{text-align: left; color: #333;} .partners_wrap .sham_list_info .wrap_1100 .partner_intro.sham_intro a{float: right; text-decoration: none; background: #b72932; color: #fff; font-weight: 500; padding:10px 20px;} .partners_wrap .sham_list_info .chart_inner .chart_box > div{width: 33.33333%; float: left; margin-bottom: 0px; border-right: 1px solid #737373} .partners_wrap .sham_list_info .chart_inner .chart_box > div:last-child{border:none!important;} .partners_wrap .sham_list_info .chart_inner .chart_box > div > span{color: #737373; margin: 0 0 10px 0; font-size: 1.1em; display: block; text-align: center; font-weight: 400; background: transparent;} .partners_wrap .sham_list_info .chart_inner .chart_box > div > span b{font-weight: bold; font-size: 1.2em;} .partners_wrap .sham_list_info .chart_inner .chart_box > div > p{text-align: center; font-weight: 600;} .partners_wrap .sham_list_info .chart_inner .chart_box > div > p span{font-size: 1.6em; font-weight: 500; color:#3d3d3d} .partners_wrap .sham_list_info .chart_inner > h3.poab{left: 50%; margin-left: -85px;} .partners_wrap .sham_inner .progress-inner h3.dot_txt{text-align: left; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; display:-webkit-box; word-wrap:break-word; word-break:break-all; line-height:23px; height:46px;} .partners_wrap .sham_inner .progress-inner .camp_info > span.team_name{display: block; margin-bottom: 5px;} .partners_wrap .admin_div{margin-top:50px; background:#eaeef1; padding:50px 0;} .partners_wrap .admin_div .admin_title{padding: 0px 10px;} .partners_wrap .admin_div .admin_title h3{font-weight: 600; margin-bottom: 10px;} .partners_wrap .admin_div .admin_title h3 p{display: inline; font-size:0.6em; font-weight:400; margin-left:2%} .partners_wrap .admin_div .chart_box{ margin-top: 30px;} .partners_wrap .admin_div .chart_box p{/*width: calc(100% / 4 - 10px);*/ margin: 0 5px; float: left; border: 1px solid #bcc0c3; text-align: center; font-weight: 400; border-radius:10px} .partners_wrap .admin_div .chart_box p.adm_page{background: #212529;} .partners_wrap .admin_div .chart_box p.adm_page a{color: #fff;} .partners_wrap .admin_div .chart_box p a{display: block; width: 100%; height: 100%; padding: 10px 25px; color:#6d6d6d} .partners_wrap .admin_div .chart_box p input{border: 0px; padding: 22.5px 10px; width: 100%;} .partners_wrap .admin_div .admin_help{border: 1px solid #eee; padding: 20px; margin: 20px 0 5px 0; background: #fff; border-radius: 3px; width:70%} .partners_wrap .admin_div .admin_help > h4{cursor: pointer; background-image: url(/images/g_arrow.gif); background-size: 30px; background-position-x: 100%; background-position-y:0; background-repeat: no-repeat;} .partners_wrap .admin_div .admin_help > h4.active{background-image: url(/images/g_arrow01.gif);} .partners_wrap .admin_div .admin_help ul{padding: 20px 0 15px; margin-top:20px;} .partners_wrap .admin_div .admin_help ul li{margin-bottom: 10px;} .partners_wrap .admin_div .admin_help ul li:last-child{margin-bottom: 0px;} .partners_wrap .admin_div .admin_help ul li label{width: 120px; float: left; font-size: 1em; font-weight: 400; color:#3d3d3d;} .partners_wrap .admin_div .admin_help ul li p{width: calc(100% - 120px); float: right; font-size: 1em; line-height: 1.4em; color:#3d3d3d} .partners_wrap .progress-inner .sham-progress{padding: 10px 15px;} .partners_wrap .progress-inner .sham-progress p{font-weight: 400; color:#6d6d6d} .partners_wrap #sham-container{position: fixed; right: 10%; bottom: 5%; z-index: 1} .partners_wrap #sham-container .fixed_wrap{display: none; width: 250px; border-top:2px solid #b72932; margin-bottom: 50px;} .partners_wrap #sham-container .admin_title, .partners_wrap #moreMenu .invenstor_wrap{padding: 20px 10px; border: 1px solid #ccc; margin-bottom: 10px; background: #fff} .partners_wrap #sham-container .admin_title h3{font-weight: 600; margin-bottom: 0px; font-size: 1.3em; text-align: center;} .partners_wrap #sham-container .invenstor_wrap > div{width: 100%; padding: 15px; text-align: center; background: #fff; border: 1px solid #ccc; margin-bottom: 5px; box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3); -o-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3); -ms-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3);} .partners_wrap #sham-container .invenstor_wrap > div > span{font-weight: 600; color: #b72932} .partners_wrap #sham-container .invenstor_wrap > div > span b{color: #333} .partners_wrap #sham-container .invenstor_wrap > div p{font-size: 1.2em; margin-top: 5px;} .partners_wrap #sham-container .invenstor_wrap > div p span{font-weight: 600;} .partners_wrap #sham-container .invenstor_wrap > .chart_3 {padding: 0px; border: 0px;} .partners_wrap #sham-container .invenstor_wrap > .chart_3 p{margin-top:0px; font-size: 1em;} .partners_wrap #sham-container .invenstor_wrap > .chart_3 p input{padding: 15px 30px; background: #fff; color: #b72932; border: 1px solid #b72932; width: 100%; font-weight: 600;} #click_me{position: absolute; bottom: 50px; right: 0; width:70px; height:70px; background-image: url("/images/g_funny.png"); background-repeat: no-repeat; background-size: 100%; text-indent: -9999px; border-radius: 40px; cursor: pointer; box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3); -o-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3); -ms-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3);} #click_me.active{width: 40px; height: 40px; background-image: url("/images/g_funny_close.png")} .funny_help_box{height: 70px; margin-right: 90px; margin-bottom: 5px; width: 350px; position: absolute; right: 0; bottom: 5%; box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3); -o-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3); -ms-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3);} .funny_help_box p{float: left; width: 300px; padding: 16px 20px; font-size: 0.9em; background: #fff; border: 1px solid #b72931;} .funny_help_box a{float: right; width: 50px; background: #b72931; color: #fff; line-height: 70px; text-align: center; font-weight: 400; font-size: 0.9em;} .funny_help_box input[type="checkbox"]{display: none;} .funny_help_box input[type="checkbox"] + label{float: right; width: 50px; background: #b72931; color: #fff; line-height: 70px; text-align: center; font-weight: 400; font-size: 0.9em;} .funny_help_box input[type="checkbox"]:checked + label{float: right; width: 50px; background: #b72931; color: #fff; line-height: 70px; text-align: center; font-weight: 400; font-size: 0.9em;} @media screen and (max-width: 1100px){ .sham_wrapper .carousel-cell{height: 300px;} .partners_wrap .admin_div{padding: 50px 20px 50px 20px;} } @media screen and (max-width: 749px){ .sham_wrapper #slider_wrapper{margin-top:1px;} } @media screen and (max-width: 630px){ .investListContent{padding:10px 5px;} .ILCleft{width:165px; height:110px;} .ILCright{width:calc(100% - 215px); margin-left:10px; margin-top:0;} .ILCright h3{font-size:1.3em; line-height:23px; height:46px; margin-bottom:5px; font-weight:600;} .ILCright span{margin-right: 5px; line-height:1.5em;} .ILCcancel{line-height:50px;} } @media screen and (max-width: 560px){ .sham_wrapper .carousel-cell{height: 330px;} .partners_wrap .admin_div .chart_box p{width:calc(100% / 2 - 10px); margin-bottom: 10px;} .partners_wrap .admin_div .chart_box p:nth-child(3), .partners_wrap .admin_div .chart_box p:nth-child(4){margin-bottom: 0px;} .partners_wrap .admin_div .admin_help ul li{margin-bottom: 20px;} .partners_wrap .admin_div .admin_help ul li label{float: none;} .partners_wrap .admin_div .admin_help ul li p{width: 100%; float: none; padding-left: 9px; margin-top: 5px;} .partners_wrap .admin_div{padding: 30px 10px 30px 10px;} .partners_wrap .sham_list_info .chart_inner .chart_box > div{float: none; width: 100%; margin-bottom: 20px; border:none!important;} .partners_wrap .sham_list_info .chart_inner .chart_box > div:last-child{margin-bottom: 0px;} .partners_wrap .sham_list_info .wrap_1100 .partner_intro.sham_intro h2{font-size: 1.8em;} #click_me{right: -25px;} .funny_help_box{margin-right: 70px; width: 250px;} .funny_help_box p{width: 200px; padding: 16px 10px;} .partners_wrap #sham-container .fixed_wrap{margin-right: -22px;} .partners_wrap .sham_list_info .chart_inner > h3.poab{margin-left:-66px!important;} .partners_wrap .admin_div .admin_title h3 p{margin-top: 3%; display: block} .partners_wrap .admin_div .admin_help{width:100%} } @media screen and (max-width: 540px){ .sham_campaign.campaign b{-webkit-line-clamp:1; height:auto;} .partners_wrap .progress-inner .sham-progress{padding:2px 10px;} } /* 모의투자 - 나의 투자 관리 */ .sub_contents.invest_contents{background: #f4f4f9;} .invest_table .sub_top h1{font-size: 1.5em; text-align: left;} .invest_table .sub_top h1 b{display: block; font-size: 1.1em; margin-top: 10px; line-height: 1em; border-left: 3px solid #e91c1f; padding-left: 20px;} .invest_table{padding-bottom: 100px;} .invest_table .sub_top{padding: 20px 0px; background-color:#fff;} .partners_wrap .partner_chart.sham_chart .wrap_800{padding: 50px 0px;} .partners_wrap .sham_list_info .wrap_800 .partner_intro.sham_intro p{text-align: left; margin: 0; font-size: 1.3em; line-height: 1.6em; color: #8a8a8a;} .partners_wrap .sham_list_info .wrap_800 .partner_intro.sham_intro h2{text-align: left; color: #333; margin-bottom: 20px; font-size: 2.2em; font-weight: bold; line-height: 1.6em} .partners_wrap .sham_list_info .wrap_800 .partner_intro.sham_intro h2 a{float: right; text-decoration: none; background: #b72932; color: #fff; font-size: 0.5em; font-weight: 500; padding: 0px 20px;} .invest_form .invest_inner{ background: #fff; min-height: 150px; margin: 20px 0; border-radius: 5px;} .invest_form .invest_inner.none_invest{text-align: center; display: table; width: 100%;} .invest_form .invest_inner.none_invest p{vertical-align: middle; display: table-cell; font-size: 1.3em; letter-spacing: 1px; color: #000;} .invest_form .invest_inner.none_invest p span{display: block; margin-top: 15px;} .invest_form .invest_inner.none_invest p span input{font-size:0.7em; padding: 5px 15px; background: #b72931; color: #fff; border: 1px solid #b72931;} .invest_form .invest_inner span.child{width: 150px; height: 150px; display: inline-block; background-size: 100% 100%;} .invest_form .invest_inner > a{display: inline-block; float: left;} .invest_form .invest_inner .sham_info{float: left; width: calc(100% - 150px); padding: 18px 20px;} .invest_form .invest_inner .sham_info h3{font-size: 1.5em; line-height: 1.6em; height: 62px; overflow: hidden;} .invest_form .invest_inner .sham_info .sham_info_inner{margin-top: 15px; border-top: 1px dotted #ddd; padding-top: 10px;} .invest_form .invest_inner .sham_info .sham_info_inner p{font-size: 1.1em; float: left; width: 50%; line-height: 27px;} .invest_form .invest_inner .sham_info .sham_info_inner p b{color: #b72931;} .invest_form .invest_inner .sham_info .sham_info_inner p:last-child{text-align: right;} .invest_form .invest_inner .sham_info .sham_info_inner p:last-child input{padding: 6px 20px; background: #b72931; color: #fff; border-color:#b72931; font-size: 0.8em;} .invest_table .reward_1st input{padding: 15px 90px; background: #f7f7f7; font-weight: 600; letter-spacing: 2px;} /* 모의투자 통계 chart.jsp*/ .resultWrap{display:none; font-size:1.3em; text-align:center;} .listBtn{float:right; display:block; padding:8px 20px; background-color:#ededed; border-radius: 3px;} .result>span,.result>p,.resultTitle>span,.resultTitle>p{float:left;} .resultTitle>span{width:40px;} .resultTitle>p{width:calc((100% - 40px) / 3);} .resultTitle{font-weight:600; color:#303030; margin-bottom:20px;} .result{line-height:40px;} .resultWrap.on{display:block;} .result>span{width:40px; height:40px; border-radius:50px; background-color:#fff; box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2); margin-bottom:10px;} .result .off{box-shadow:none; } .result>span>img{display:block; width:40px; height:40px;} .result>p{width:calc((100% - 40px) / 3); margin-bottom:10px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} .rankUp{background: rgba(252,243,242,0.6); border-radius:7px; padding:10px 20px; margin-bottom:20px;} .rankUp img{float: left; width:70px;} .rankUpTxt{float:left; width:calc(100% - 570px); } .rankUpTxt p{width:100%; float:left; line-height:35px;; font-weight:600; text-align:center; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} .chart_wrap{padding: 20px 0px;} .chart_wrap h2{font-size: 1.6em; font-weight: 400; border-left: 3px solid #e91c1f; padding-left: 20px; line-height: 1em; margin-bottom:15px;} .chart_wrap .total_invest{margin-top:30px; margin-bottom: 50px;} .chart_wrap .total_invest .total_invest_inner{width: calc(100% / 2 - 10px); float: left; padding: 50px 20px; border: 1px solid #eee; border-radius: 3px} .chart_wrap .total_invest .total_invest_inner:last-child{float: right;} .chart_wrap .total_invest .total_invest_inner p{text-align: center; font-weight: 600; font-size: 1.8em;} .chart_wrap .total_invest .total_invest_inner p span{display: block; text-align: center; font-weight: 400; font-size: 0.6em; margin-bottom: 10px;} .chart_wrap .total_invest .total_invest_inner p b{color:#e91c1f;} .examples{width: 100%; margin-top: 10px; margin-bottom:30px;} .examples li{float:left; width:calc(100% / 4); cursor: pointer; border-bottom: 1px solid #b72932; text-align:center; padding:10px; font-size:1.2em; font-weight:600; letter-spacing:1px; word-break:break-word; height: 50px} .examples .on{border:1px solid #e91c1f; color:#e91c1f; border-bottom:0; border-radius:6px 6px 0 0;} .rankUpCell{width:250px; float:left; text-align:center; font-size:1.5em; font-weight:600; line-height:70px;} /* 모의투자 - 추첨하기 */ .raffle_wrap{margin-top: 0px;} .raffle_wrap > div{margin-top: 20px;} .raffle_wrap .raffle_left{float: left; border: 0px solid #ccc; width: 520px; padding: 20px; margin-right: 10px; padding-left: 0px;} .raffle_wrap .raffleDiv{background-color:#b72932; padding:30px 10px; color:#fff;} .raffle_wrap .raffle_left .input_box input{width:100%; border-radius:10px; color:#1a1a1a; text-align:center; font-size:1.2em;} .raffle_wrap .raffle_left .input_box button{margin:auto; display:block; padding: 0.9em; color: #fff; border: 0; font-size: 0.9em; font-size:1.3em; background-color:#b72932; margin-top:20px; letter-spacing:2px;} .raffle_wrap .raffle_left p.raffle_num{display: block; margin-bottom:10px; font-size: 1.4em;} .raffle_wrap .raffle_left p.raffle_num b{font-weight:900;} .raffle_wrap .raffle_notice{float:left; width:100%; margin-bottom:30px;} .raffle_wrap .raffle_notice h3{font-size: 1.2em; display: inline-block; background: #fff; font-weight: 600; margin-left: 10px; padding: 0px 10px;} .raffle_wrap .raffle_notice ul{border: 1px solid #ccc; padding: 20px 50px; margin-top: -10px; padding-top:30px; background: #fdfdff;} .raffle_wrap .raffle_notice ul li{margin-bottom: 15px;} .raffle_wrap .raffle_notice ul li:last-child{margin-bottom: 0px;} .raffle_wrap .raffle_notice ul li span{float: left; width: 20px; text-align: center;} .raffle_wrap .raffle_notice ul li p{float: right; width: calc(100% - 30px); line-height: 1.6em;} .raffle_wrap .raffle_notice ul li p b{font-weight: 600; color: #b72932;} .raffle_wrap .raffle_right{float:left; width: calc(100% - 550px); padding: 20px;} .raffle_wrap .raffle_right p.raffle_num{display: block; margin-bottom:10px; font-size: 1.4em;} .raffle_wrap .raffle_right .raffle_result{border: 1px solid #ccc; padding: 20px;} .raffle_wrap .raffle_right .raffle_result > input{ width: 100%; margin-bottom: 15px; border: 0px; border-bottom: 1px solid #ccc; text-align: center;} .raffle_wrap .raffle_right > p.end_button{text-align: right; margin-top: 15px;} .raffle_wrap .raffle_right > p.end_button input{padding: 0.6em 1.2em; font-size: 0.9em;} .raffle_wrap .raffle_right > p.end_button input[type="submit"]{background: #b72932; color: #fff; border-color: #b72932;} @media screen and (max-width: 1100px){ .raffle_wrap{padding: 0px 0px;} .raffle_wrap .raffle_left{padding: 20px 0px;} .raffle_wrap .raffle_right{padding-right: 0px; width:calc(100% - 380px); padding: 20px 0px;} .raffle_wrap .raffle_left{width: 350px;} } @media screen and (max-width: 855px){ .raffle_wrap .raffle_left{float: none; width: 100%;} .raffle_wrap .raffle_right{float: none; width: 100%;} .raffle_wrap .raffle_left .raffle_notice ul li{margin-bottom: 5px;} .raffle_wrap .raffle_left .raffle_notice{margin-top: 30px;} .raffle_wrap .raffle_right .raffle_result > input{width: 49.2%; margin: 0px 0.4%; margin-bottom: 15px; float: left;} } @media screen and (max-width: 749px){ .partners_wrap .invest_wrap .partner_chart{padding-top: 0px;} } @media screen and (max-width: 650px){ .raffle_wrap .raffle_right .raffle_result > input{width: 100%; margin: 0; margin-bottom: 15px; float: none;} /*.examples li{height:60px;}*/ .rankUp{margin:20px 10px;} .rankUpTxt{display:none;} .rankUp img{width:40px;} .rankUpCell{line-height:40px; width:calc((100% - 40px) / 2); font-size:1.2em;} } /* 추첨결과보기 */ .invest_form .invest_inners{min-height: auto; padding:15px 20px; } .invest_form .invest_inners a{display: block;} .invest_form .invest_inners p{line-height: 33.69px;} .invest_form .invest_inners p small{font-size: 0.9em; color: #9c9c9c; margin-left: 10px;} .invest_form .invest_inners p span{font-size: 1.2em;} .invest_form .invest_inners p span.go_list_btn{float: right; border: 1px solid #ccc; padding: 0.5em; font-size:0.9em; margin-top: 0px; background: #f5f5f5; border: 1px solid #d2d2d2; line-height: 1.9em;} .invest_form .invest_div {float: left; width: 49%; margin-right: 1%;} /* 추첨결과보기2 */ .invest_form2 .invest_inners {float: left; width: 49%; margin-right: 1%;} .invest_form2 .invest_inners:nth-child(2n) {float: right; margin-right: 0; margin-left: 1%;} .invest_form2 .raffle_tit2{font-size: 1.2em; margin-top: 20px; margin-bottom: 10px} .invest_form2 .raffle_tit2 b{color: #b72932;} .invest_table .go_to_crowd{text-align: center; margin-top: 20px;} .invest_table .go_to_crowd a{padding: 10px 30px; border: 1px solid #c72030; background: #c72030; color: #fff; display: inline-block; border-radius: 3px; margin-top: 20px; } /* 모의투자 캠페인 관리자 페이지 */ .invest_form.sham_adm_forn .invest_inners > div {float: left;} .invest_form.sham_adm_forn .invest_inners .campaign_sham{width: calc(100% - 300px);} .invest_form.sham_adm_forn .invest_inners .campaign_sham h4{display: block; min-height: 20px; overflow: hidden; line-height: 1.6em;} .invest_form.sham_adm_forn .invest_inners .campaign_sham p b{color: #000;} .invest_form.sham_adm_forn .invest_inners .campaign_sham_btn {width: 300px; display: inline-block; height: 53px; text-align: right;} .invest_form.sham_adm_forn .invest_inners .campaign_sham_btn span{display: inline-block; vertical-align: middle; text-align: center; margin-left:10px;} .invest_form.sham_adm_forn .invest_inners .campaign_sham_btn span.status_name{font-weight: 600; color: #e91c1f;} .invest_form.sham_adm_forn .invest_inners .campaign_sham_btn span.equals input{display:block; background:#e91c1f; color: #fff; padding: 5px 20px; font-size: 0.8em; border-color: #b72932;} .invest_form.sham_adm_forn .invest_inners .campaign_sham_btn span.equals2 input{display:inline-block; background: #fff; border-color: #eee; color: #333; border-radius: 3px; } @media screen and (max-width: 749px){ .campaign_sham { padding-bottom: 20px} .invest_form .invest_inners{padding-bottom: 10px;} .invest_form.sham_adm_forn .invest_inners .campaign_sham{width: 100%; float: none;} .invest_form.sham_adm_forn .invest_inners .campaign_sham_btn{width: 100%; float: none; display: block; height: auto; padding-top: 20px; border-top: 1px dotted #ccc; text-align: right;} .invest_form.sham_adm_forn .invest_inners .campaign_sham_btn span{display: inline-block; margin-left: 10px;} .invest_form.sham_adm_forn .invest_inners .campaign_sham_btn span input{margin-top:0;} } /* 모의투자 캠페인 등록하기 */ .build_form .build_inner.main_img .sham_img.inner_cont img{width: 340px;} .build_form .build_inner.main_img .sham_img.inner_cont .help_tooltip{position: static; height: auto; margin-top: 20px; padding: 20px;} .build_form .build_inner.main_img .sham_img.inner_cont .help_tooltip p.tooltip02 {padding: 10px 20px;} /* 모의투자 상세페이지 */ .sub_contents.sham_detail{padding-top: 150px;} .partners_wrap .sub_contents.sham_detail .partner_chart .wrap_1100 .partner_intro.sham_intro h2{margin-bottom: 10px; font-size: 1.6em; line-height: 1.6em;} .partners_wrap .sub_contents.sham_detail .partner_chart .wrap_1100 .partner_intro.sham_intro p{font-size: 1em;} .partners_wrap .sub_contents.sham_detail .partner_chart .wrap_1100 .partner_intro.sham_intro p span{color: #333;} .partners_wrap .sub_contents.sham_detail .sham_main_img{width: 750px;} .partners_wrap .sub_contents.sham_detail .sham_main_img img{width: 100%;} .partners_wrap .sub_contents.sham_detail .sham_camp_info{width: calc(100% - 750px);} .sham_wrapper .sub_contents.detail_wrap .sub_section .sub_top{height: 450px;} .sham_wrapper .sub_contents.detail_wrap .sub_section .hash_wrap > span{font-size: 1em;} .sham_wrapper .sub_contents.detail_wrap .sub_section .hash_wrap > span span{font-size: 1em;} .sham_wrapper .sub_contents.detail_wrap .sub_section h2.title{margin-top:10px; margin-bottom: 0;} .sham_wrapper .sub_contents.detail_wrap .sub_section .hash_wrap{margin-top:0;} .sham_wrapper .sub_contents.detail_wrap .sub_section .sub_header > .text_div{width: 100%;} .sham_wrapper .reward_btn_inst {display: block; width: 100%; height: 100%;} .sham_wrapper .reward_btn_inst input{width: 100%; height: 100%; background: #b72932; color: #fff; font-size: 1.2em; letter-spacing: 1px;} .sham_wrapper .reward_btn_inst input.close_btn{background: #d2d2d2; color: #333;} .sham_wrapper .campany_content.wrap_1100{margin-top: 10px; margin-bottom: 150px;} .sham_wrapper div.top_right .right_wrap .company_info .company_wrap .company_inner p span{display: inline-block; text-align: inherit; width: auto; float: none; font-size:1.6em;} .sham_wrapper div.top_right .right_wrap .company_info .company_wrap .company_inner p span b.special{color: #b72932} .sham_wrapper div.top_right .right_wrap .company_info .company_wrap .company_inner p, .sham_wrapper div.top_right .right_wrap .share_wrap .share_inner .share_box p{overflow: inherit; margin-bottom: 25px;} .sham_wrapper div.top_right .right_wrap .company_info .company_wrap .company_inner p:last-child{font-weight: 600; margin-bottom: 0;} .sham_wrapper div.top_right .right_wrap .company_info .company_wrap .company_inner h4{margin-bottom: 35px;} .sham_wrapper div.top_right .inst_notice{padding: 15px 20px; border: 1px solid #ddd; line-height: 1.6em;} .sham_wrapper div.top_right .inst_notice span{font-weight: 600; color: #b72932} .sham_wrapper div.top_right .inst_notice_wrap .right_opner2{display: none;} .partners_wrap #sham-container .invenstor_wrap > div.chart_4{padding: 0;} .partners_wrap #sham-container .invenstor_wrap > div.chart_4 p{margin-top: 0; font-size: 1em;} .partners_wrap #sham-container .invenstor_wrap > div.chart_4 p input{padding: 15px; font-size: 1.1em; border: 1px solid #b72932;} @media screen and (max-width: 1100px){ .sham_wrapper div.top_left, .sham_wrapper div.top_right{padding: 0px 10px; margin-bottom: 100px;} .sham_wrapper div.top_right .right_wrap .right_opner{height: auto; display: none;} .sham_wrapper div.top_right .inst_notice_wrap > div{float: left; width: calc(100% - 310px);} .sham_wrapper div.top_right .inst_notice_wrap .right_opner2{display: block; float: right; margin-left: 10px; width: 300px; height: 72px;} .sham_wrapper div.top_right .right_wrap .right_opner p{position: static; width: auto;} .sham_wrapper div.top_right .right_wrap .right_section{width: 100%; margin: 0;} .sham_wrapper div.top_right .right_wrap .company_info .company_wrap{height: auto;} .sham_wrapper div.top_right .right_wrap .company_info{float: none; width: 100%;} } @media screen and (max-width: 749px){ .sham_wrapper div.top_right .inst_notice_wrap .right_opner2{margin-left: 0; width: 100%;} .sham_wrapper div.top_right .inst_notice_wrap > div{display: none;} } /* 모의 크라우드펀딩 투자하기 */ .top_inner .inst_notice2{margin-top: 10px; padding: 20px 10px; } .top_inner .inst_notice2 > li{margin-bottom: 10px;} .top_inner .inst_notice2 > li:last-child{margin-bottom: 0px;} .top_inner .inst_notice2 li p{float: right; width: calc(100% - 17px)} .top_inner .inst_notice2 li span{float: left; margin-right: 10px;} .top_inner .inst_notice2 li p b{color: #b72932;} .invest_table .invest_input{padding: 120px 50px; border: 1px solid #e8e8ef; background: #fbfbff; margin: 0px 20px;} .invest_table .invest_input p.sham_title{ font-size: 1.3em; font-weight: 600; margin-bottom: 20px;} .invest_table .invest_input p.sham_title b{font-size: 1.3em; color: #b72932;} .invest_table .invest_input .sham_input{font-size: 1.6em;} .invest_table .invest_input .sham_input input{width: calc(100% - 90px); text-align: center; border: 2px solid #a21e29; margin-right: 10px; font-size: 0.9em;} .reward_1st.reward_2nd input{background: #fff; border: 1px solid #a5a5a5; padding: 15px 90px; font-weight: 600; letter-spacing: 2px;} @media screen and (max-width: 1100px){ .invest_table .wrap_1100{padding: 0px 10px;} .invest_table .invest_input .wrap_800{padding: 0px 10px; width: 100%;} } @media screen and (max-width: 800px){ .invest_table .invest_input .wrap_800{padding: 0px 10px;} .invest_table .invest_input .sham_input{font-size: 1.4em;} } @media screen and (max-width: 650px){ .invest_table .invest_input{padding: 80px 30px; margin: 0;} } @media screen and (max-width: 500px){ .invest_table .invest_input p.sham_title{font-size: 1.2em;} .invest_table .invest_input .sham_input{font-size: 1.2em;} .invest_table .invest_input .sham_input input{width: calc(100% - 60px);} } /* 온라인 방명록 */ .partners_wrap .partner_chart .partner_intro2{width: 100%;} .partners_wrap .partner_chart .wrap_1100 .partner_intro2 a{text-decoration: none; color: #fff; background: #376fa5; padding: 10px 25px;} .section_inner .project_section.project_section2 > a{position: relative; overflow: hidden;} .progress-inner.progress-inner2{ position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.65); color: #fff; display: table; width: 100%; height: 230px; opacity: 0;} .section_inner .project_section.project_section2 > a span{background-size: 100%;} .section_inner .project_section.project_section2 > a:hover span{background-size: 400px;} .section_inner .project_section.project_section2 > a:hover .progress-inner.progress-inner2{opacity: 1;} .partners_wrap .sham_inner .progress-inner2 h3.dot_txt span.under_line{display: block; width: 25px; height: 1px; margin: 0 auto; margin-top: 10px; background: #fff;} .meet_wrapper .progress-inner.progress-inner2 .camp_info{height: auto; display: table-cell; vertical-align: middle;} .partners_wrap .sham_inner .progress-inner2 h3.dot_txt{height: auto; margin: 0; text-align: center;} .meet_wrapper .section_inner .project_section > a > span.guest_img{min-height: 230px;} /* 온라인 방명록 등록 */ .build_form .build_inner.main_img.onguest .inner_cont img{width: 295px;} .build_form .build_inner.main_img.onguest .inner_cont .help_tooltip{left: 310px; padding: 50px 40px; width: calc(100% - 310px);} .meeting_build_wrap .notice{padding: 20px; border: 1px solid #ccc; background: #fff; margin-bottom: 20px;} .meeting_build_wrap .notice p{margin-bottom: 10px;} .meeting_build_wrap .notice p:last-child{margin-bottom: 0px;} /*파트너스*/ p.waiting_p{text-align: center; display: block; min-height: 150px; line-height: 150px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 1.1em;} #wrap.crowd_wrapper.partners_gnb_wrap .top_nav{background: #00525d} #wrap.partners_gnb_wrap .sidenav .profile_top{background: #2397a7} .build_form .build_inner .inner_cont input#file_input{border: 0;} .yack_01 .build_inner .check_cont input[type="checkbox"]{display: none;} .yack_01 .build_inner .check_cont input[type="checkbox"] + label {color: #333; font-size: 1.2em} .yack_01 .build_inner .check_cont input[type="checkbox"] + label span{width: 17px; height: 17px; border: 1px solid #ccc; margin-right: 10px; display: inline-block; vertical-align: middle; cursor: pointer; border-radius:3px;} .yack_01 .build_inner .check_cont input[type="checkbox"]:checked + label span{background: url("/images/g_checkbox.gif") no-repeat; background-size: 100%; border: 0px;} .yack_01 .build_inner .check_cont .hidden_div{display: none; padding: 15px; /*border: 1px solid #ccc;*/ margin-top: 20px; background: #f7f8f9; font-size: 0.875rem;} .yack_01 .build_inner .check_cont > a.visible_wrap{font-size: 0.9em; margin-left: 10px; border: 1px solid #ccc; padding: 5px 20px;} /* .build_form.yack_01{padding: 20px;} */ .yack_01 .build_inner {border: 0;} .yack_01 .build_inner .inner_title{font-size: 1.2em; padding: 0;} .build_form.yack_01 .build_inner .inner_cont ul li{font-size: 0.9em;} /* .partners_gnb_wrap .crowd_build_wrap .btn_wrap p input{background: #02525c; border-color: #02525c;} */ .partners_gnb_wrap .crowd_build_wrap > h1{border-left: 4px solid #02525c;} .partner_wrap.partners_gnb_wrap .select_wrap h2{border-left: 3px solid #02525c} /* 가치업센터 */ .center_wrap .carousel-cell .carousel_txt{display: table; width: 100%; height: 100%;} .center_wrap .carousel-cell .carousel_txt .carousel_body{display: table-cell; text-align: center; vertical-align: middle;} .center_wrap .carousel-cell .carousel_txt .carousel_body button{display: none;} .center_wrap .carousel-cell .carousel_txt .carousel_body h2{font-size: 2.6em; margin-bottom: 30px;} .center_wrap .carousel-cell .carousel_txt .carousel_body h2 span{color: #b72932} .center_wrap .carousel-cell .carousel_txt .carousel_body .form-control{width: 600px; font-size: 1.6em; padding: .6em .5em; border: 3px solid rgba(255, 255, 255, 0.52); padding-left: 60px; background-color: rgba(255, 255, 255, 0.15); background-image: url("/images/g_search.png"); background-repeat: no-repeat; background-position: 16px 13px; background-size: 25px;} .center_wrap .carousel-cell .carousel_txt .carousel_body .form-control.focus{border: 3px solid #416596; background-image: url("/images/g_search_on.png"); background-color:rgba(255, 255, 255, 0.63)} .center_section{padding: 80px 0px; text-align: left;} .center_section .partner_intro p{font-size: 1.2em; margin-bottom: 20px; line-height: 1.6em; text-align: center;} .center_section .link_wrap{padding: 35px 0px; border-top:1px dotted #ccc; border-bottom: 1px dotted #ccc; margin-top:60px;} .center_section .link_wrap .link_inner{width: calc(25% - 10px); margin: 0px 5px; float: left; text-align: center;} .center_section .link_wrap .link_inner a{display: block; width: 100%; height: 100%;} .center_section .link_wrap .link_inner a i {font-size: 1.8em; margin-bottom: 20px; color: #b72932; display: block;} .center_section .link_wrap .link_inner a h2{margin-bottom: 0px; display: inline-block; border-bottom: 3px solid #fcfcfe; line-height: 1.4em;} .center_section .link_wrap .link_inner a p{margin: 0 auto; width: 85%; word-break: break-all; line-height: 1.6em; display: block;} .center_section .link_wrap .link_inner a:hover h2{border-bottom: 3px solid rgba(183, 41, 50, 0.4)} .crowd_help{padding-bottom: 100px;} .crowd_help a{display: block;} .crowd_help a img{width: 350px; float: left; border: 1px solid #ccc;} .crowd_help a .crowd_help_txt{width: calc(100% - 350px); float: right; padding: 20px 50px;} .crowd_help a .crowd_help_txt h3{font-size: 1.8em; margin-bottom: 30px; border-left: 3px solid #b72932; line-height: 1em; padding-left: 15px;} .crowd_help a .crowd_help_txt p{margin-bottom: 10px; font-size: 1.1em; line-height: 1.4em; word-break: break-all;} .crowd_help a .crowd_help_txt p:last-child{margin-bottom: 0px; font-size: 0.8em; margin-top: 30px; text-align: right;} .crowd_help a .crowd_help_txt p span{font-weight: 600;} .g_service{padding-bottom: 50px;} .g_service > div{float: left;} .g_service > .go_service{width: 60%; height: 320px;} .g_service > .go_service .service_content{display: table; width: 101%; height:100%; background-image: url(/images/g_center_img2.jpg); background-size: cover; background-attachment: fixed; background-position-x: -500px;} .g_service > .go_service .service_content a{display: table-cell; text-align: center; vertical-align: middle; color: #fff;} .g_service > .go_service .service_content a h3{font-size: 1.8em; margin-bottom: 20px; letter-spacing: 1px;} .g_service > .go_service .service_content a h3 span{color: #fd9aa0} .g_service > .go_service .service_content a p{margin-bottom:20px;} .g_service > .go_service .service_content a > span{border: 1px solid #ababab; padding: 10px 70px; display: inline-block; background: rgba(0,0,0,0.4)} .g_service > .g_movie{width: 40%; } .g_service > .g_movie video{height: 320px; background: #000} .service_link{padding-bottom: 50px;} .service_link .wrap_1100 > div{float: left; padding: 10px;} .service_link .go_crowd{width: 66.6666%;} .service_link .wrap_1100 > div .title .inner h2{border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 20px;} .service_link .wrap_1100 > div .title .inner h2 img{width: 22px; margin-right: 10px;} .service_link .go_meet{width: 33.3333%;} .service_link .crowd_section > div{width: 49%; height: 150px; display: table;} .service_link .crowd_section .go_reser{float: left;} .service_link .crowd_section .go_crowdfunding{float: right;} .service_link .crowd_section > div a{display: table-cell; vertical-align: middle; text-align: center; padding: 20px; border: 1px solid #ccc;} .service_link .crowd_section > div a:hover{border: 1px solid #b72932} .service_link .meet_section > div{width: 100%; height: 150px; display: table;} .service_link .meet_section > div a{display: table-cell; vertical-align: middle; text-align: center; padding: 20px; border: 1px solid #ccc;} .service_link .meet_section > div a:hover{border: 1px solid #204386} .service_link .meet_section > div a p, .service_link .crowd_section > div a p{margin-bottom: 10px;} .service_link .meet_section > div a h3 span{color: #204386} .service_link .crowd_section > div a h3 span{color: #b72932} .partner_section{padding-bottom: 50px;} .partner_section .wrap_1100{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 30px 10px; } .partner_section h3{position: relative; margin: 0px 10px; float: left;} .partner_section a{float: right; font-size: 0.7em; border: 1px solid #b72932; background: #b72932; color: #fff; padding: 10px 30px; font-weight: 400; position: absolute; right: 10px; top: 50%; margin-top: -19px;} @media screen and (max-width: 749px){ .service_link .meet_section > div a p, .service_link .crowd_section > div a p{display: none;} .g_service > div{float: none;} .g_service > .go_service{width: 100%; height: 200px;} .g_service > .g_movie{width: 100%;} .crowd_help a .crowd_help_txt{padding: 10px; width: calc(100% - 250px);} .crowd_help a img{width: 250px;} .crowd_help a .crowd_help_txt h3{font-size: 1.4em; margin-bottom: 20px; line-height: 1.6} .crowd_help a .crowd_help_txt p{font-size: 1em;} .partner_section h3{float: none; text-align: center; margin-bottom: 20px; display: block;} .partner_section a{position: static; float: none; display: inline-block; font-size: 1em; padding: 7px 15px;} .partner_section .wrap_1100{text-align: center;} } @media screen and (max-width: 600px){ .center_wrap .carousel-cell a .carousel_txt .carousel_body .form-control{width: 90%;} .center_section .link_wrap .link_inner{width: calc(50% - 10px); padding: 20px 0px;} .crowd_help a{text-align: center;} .crowd_help a img{float: none; margin-bottom: 30px; width: 100%;} .crowd_help a .crowd_help_txt{float: none; text-align: center; text-align: left; width: 100%;} .service_link .wrap_1100 > div{float: none; width: 100%;} } @media screen and (max-width: 400px){ .center_section .link_wrap{padding: 20px 0px;} .service_link .crowd_section > div a h3, .service_link .meet_section > div a h3{font-size: 1.3em} .center_section .link_wrap .link_inner a{font-size: 0.7em} .partner_section h3{font-size: 1.4em;} } /* 자주묻는 질문 */ .carousel-cell .carousel-inner{display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative;} .center_wrap .carousel-cell .carousel_txt .carousel_body .title_cont a{padding: .8em 1.5em; margin: 0px 5px; border: 2px solid #c1c1c1; font-size: 1.2em; display: inline-block; color: #929292; font-weight: 600; background: rgba(255, 255, 255, 0.39)} .center_wrap .carousel-cell .carousel_txt .carousel_body .title_cont a.active{background: rgba(255, 255, 255, 0.67); border-color:#b72932; color: #b72932} /* .faq_section{padding-bottom: 150px;} */ .faq_section .tabs-menu li{width: calc(100% / 3 - 1px)} .faq_section .tabs-menu li{float: left;} .faq_section .tabs-menu .active-tab span{color: #ca4e4e;} .faq_section .tabs-menu .active-tab {border-bottom: 1px solid #ca4e4e;} .faq_section .contents_div_footer{border: 0; background: #fff;} .faq_section .contents_div_footer > ul.detail_notice01{border: 0; font-size: 1.4em; line-height: 1.6em;} .faq_section .contents_div_footer > ul.detail_notice01 > li{padding: 0px 20px; border-bottom: 0; margin-bottom: 10px; font-size: 0.9em;} .faq_section .contents_div_footer > ul.detail_notice01 > li p{float: left; width: calc(100% - 15px)} .faq_section .contents_div_footer > ul.detail_notice01 > li span{float: left; width: 15px; } .faq_section .contents_div_footer > ul.detail_notice01 > li .sub_notice_box{padding: 0px 15px;} .faq_section .contents_div_footer > ul.detail_notice01 > li.text_head{font-size: 1em; font-weight: 600; padding: 10px 0px; border-bottom: 1px solid #ccc; margin-bottom: 20px;} .faq_section .contents_div_footer > ul.detail_notice01 > li.text_head span{float: left; margin-right: 10px;} .faq_section .contents_div_footer > ul.detail_notice01 > li.text_head p{float: left; width: calc(100% - 25px);} .faq_section .contents_div_footer > h2{font-size: 1.5em; line-height: 1em; margin: 30px 0px; background: #b72932; color: #fff; padding: 20px 30px;} .faq_section .panel-2 .contents_div_footer{margin-top: 20px;} .panel-2 .faq_nav_wrap{text-align: center; margin-top: 30px; padding-bottom: 10px;} .panel-2 .faq_nav_wrap .faq_nav {display: inline-block;} .panel-2 .faq_nav_wrap .faq_nav li{float: left; padding-right: 10px; margin-right: 10px; border-right: 1px solid #ccc; line-height: 1em; font-size: 1.3em;} .panel-2 .faq_nav_wrap .faq_nav li:last-child{margin-right: 0; padding-right: 0; border-right: 0;} @media screen and (max-width: 1100px){ .faq_section .contents_div_footer {width: 100%;} .faq_section .tabs-content{width: 100%;} } @media screen and (max-width: 560px){ .faq_section .contents_div_footer > ul.detail_notice01{padding: 10px 0px;} } /* 통합검색 */ .search_wrapper {padding: 50px 20px;} .search_wrapper .search_title{margin-bottom: 20px; padding-left: 20px; border-left: 3px solid #b72932; line-height: 1em;} .search_contents{padding-top: 20px;} .search_contents .search_list{border: 1px solid #ccc; margin-bottom: 20px; padding: 50px;} .search_contents .search_list > div{float: left;} .search_contents .search_list .category{width: 200px; font-size: 1.5em; text-align: center; color: #828282; line-height: 1.6; font-weight: 400; text-align: left;} .search_contents .search_list .list_content{width: calc(100% - 200px);} .search_contents .search_list .list_content h2{font-size: 1.6em; line-height: 1.6; max-height: 70px; min-height: 35px; margin-bottom: 20px; overflow: hidden;} .search_contents .search_list .list_content h2 a{word-break: break-all;} .search_contents .search_list .list_content p{font-size: 1.2em; color: #828282; font-weight: 400; word-break: break-all;} .search_contents .no_search h2{text-align: center; font-size: 1.5em;} @media screen and (max-width: 880px){ .search_contents .search_list .category{width: 150px;} .search_contents .search_list .list_content{width: calc(100% - 150px);} .search_contents .search_list{padding: 50px 30px;} } @media screen and (max-width: 749px){ .search_wrapper{padding: 50px 0px;} .search_contents .search_list .list_content h2{max-height: 60px; min-height: 30px;} } @media screen and (max-width: 600px){ .search_contents .search_list > div{float: none;} .search_contents .search_list .category, .search_contents .search_list .list_content{width: 100%;} .search_contents .search_list{padding: 30px;} .search_contents .search_list .category{margin-bottom: 15px;} .search_contents .search_list .list_content{padding: 0px 10px;} } /* 공지사항 */ .carousel-cell.notice_cell{height: 300px;} .meet_wrapper #slider_wrapper.notice_slider{height: 300px;} .center_wrap .table_wrap{margin-top:0; position: relative;} .center_wrap table.dataTable thead .sorting, .center_wrap table.dataTable thead .sorting_asc{font-size: 1.5em; font-weight: 400; text-align: center; padding: 20px 10px;} .center_wrap table.dataTable thead th{font-size: 1.5em; font-weight: 400; text-align: center; padding: 20px 10px;} .center_wrap #myTable tbody tr td .tb_txt{font-size: 1.2em; font-weight: 400;} .center_wrap #myTable tbody tr td .tb_txt.tb_left{font-weight: 600;} .center_wrap .table_wrap .write_btn{position: absolute; bottom: -8px; right: 0;} .center_wrap .table_wrap .write_btn a{padding: 7px 45px; text-align: center; border: 1px solid #224779; font-size: 0.9em; background: #224779; color: #fff;} /*공지사항 - read 페이지 */ .meet_wrapper #slider_wrapper.notice_wrap, .meet_wrapper #slider_wrapper.notice_wrap .carousel-cell{height: 250px;} .center_wrap .carousel-cell .carousel_txt .carousel_body h2.notice_title{color: #fff; font-size: 2em; line-height: 1.6} .center_wrap .carousel-cell .carousel_txt .carousel_body p.writer{color: rgba(255, 255, 255, 0.8); font-size:1.1em} .center_section.notice_section{padding: 20px} .center_section.notice_section span.date{display: block; text-align: right; border-bottom: 1px dotted #ccc; padding: 0px 10px; padding-bottom: 20px; color: #828282;} #ck_contents.notice_cont{padding: 50px 10px; border-bottom: 1px dotted #ccc;} .notice_content .down_file{border-bottom: 1px solid #ccc;} .notice_content .down_file p{padding: 20px 10px;} .notice_content .page_btn{margin-top: 20px; padding-bottom: 90px; text-align: right;} .notice_content .page_btn p{display: inline-block;} .notice_content .page_btn p input{padding: 6px 15px;} @media screen and (max-width: 800px){ .notice_section .wrap_800{padding-left: 0; padding-right: 0; width: 100% !important;} } @media screen and (max-width: 487px){ .center_wrap .carousel-cell .carousel_txt .carousel_body p.writer{text-align: left; padding: 0 25px;} .center_wrap .carousel-cell .carousel_txt .carousel_body h2.notice_title{text-align: left; padding: 0px 20px;} } /* 기획전 페이지 */ #tab-ex1{ display: flex; flex-wrap: wrap; background: #fff; } #collection_main{padding-top:50px;} #collection_main .section_inner .project_section{width: calc(100% / 2 - 10px); margin-right: 20px;} #collection_main .sub_section .section_inner .project_section:nth-child( 4n ){margin-right: 0;} #collection_main .sub_section .section_inner .project_section:nth-child( 2n ){margin-right: 0;} #collection_main .progress-inner h3{font-size: 1.3em; height: auto;} #collection_main .progress-inner .cate_div_in span:first-child{font-size: 1em} #collection_main .progress-inner h4{font-size: 1em; margin-top:15px; color:#737373} #collection_main .progress-inner h4 span{font-weight: 600;} #collection_main .progress-inner .camp_info{height: 105px; border-bottom: 0;} @media screen and (max-width: 1100px){ #collection_main .section_inner .project_section:nth-child( 3n ){margin-right: 15px;} } @media screen and (max-width: 749px){ #collection_main{padding-top:50px;} } @media screen and (max-width: 648px){ #collection_main .section_inner .project_section{width: 100%; margin-right: 0;} } .partners_wrap.collection_wrap #slider_wrapper{height: 480px;} .partners_wrap.collection_wrap #slider_wrapper .carousel-cell{height: 480px;} .partners_wrap.collection_wrap #slider_wrapper .carousel-cell a{max-width: 1900px; margin: 0 auto;} /*상세페이지 에디터 가이드*/ .build_form .build_inner .inner_title a.editor_guide{display: block; font-size: 0.7em; margin-left: 15px; margin-top: 10px; color: #5e92cc; text-decoration: underline; font-weight: bold;} /* 모의 크라우드펀딩*/ .eventTxt {font-size: 0.937rem; } .mt50 { margin-top: 50px;} .p50 { padding: 50px 0 !important; } .muBox { justify-content: space-between; cursor: pointer; } @media (max-width: 768px) { .login_wrapper .sub_contents { padding: 0; } .chart_wrap .total_invest .total_invest_inner { padding: 50px 5px; } .examples li span { display: none;} .log_ban{display: none} } /* 캠페인 관리 공통 */ .comMWrap { padding: 60px 0 40px; } .comMWrap h3 { font-size: 1.437rem; font-weight: bold; padding-bottom: 10px;} .comNotice { color: #b72932; transform: translateY(-5px) } .comState { color: #585858; font-size: 0.875rem; padding-right: 20px;} .cmQWrap input { display: none;} .cmQWrap input + label { cursor: pointer; } .cmQWrap input + label + div { display: none; width: 300px; height: 300px; background: #f5f5f5; border: 1px solid #eeeeee; position: relative; transform: translateX(-115px); } .cmQWrap input:checked + label + div { display: block} .cmQWrap input + label + div label { position: absolute; bottom: 0; left: 10px; background: #333; color: #fff; padding: 20px} /*.cmTabL { overflow-y: auto}*/ .cmTitL { margin-bottom: 40px ; overflow-y: auto;} .cmTitL li { border: 1px solid #cbcece; border-radius: 30px; margin-right: 5px; box-sizing: border-box;} .cmTitL li:last-child { display: none;} .cmTitL li a { font-size: 0.75rem; display: inline-block; padding: 4px 10px; color: #d5d5d5; font-weight: 400; box-sizing: border-box; } .cmTitL li i { margin-right: 5px; font-size: 5px;} .cmTitL .action { background: #4f4f4f; color: #fff; border-color: #4f4f4f} .cmGuide { background-color: #f7f7f7; padding: 20px; border-radius: 5px; margin-bottom: 40px; } .cmGuide p { font-weight: 500; font-size: 1rem; color: #3d3d3d; padding-bottom: 10px; } .cmGuide p em { font-size: 12px ; font-style: normal; color: #6d6d6d; font-weight: 400; margin-right: 5px} .cmGuide p b { color: #b72932; } .cmGuide span { color: #3d3d3d; font-weight: 400; } .cmGuide span em { font-size: 11px ; font-style: normal; color: #bbbbbb; display: block; margin-bottom: 10px; margin-left: 10px; } .cmSw { width: 60%; margin-bottom: 40px} .cmSw select {border: 1px solid #e5e5e5; padding: 10px; border-radius: 3px; cursor: pointer} .cmSw select:focus { outline: none;} .cmSw form { } .iconAfter { position: relative} .iconAfter:after { content: "\f13a" ; display: inline-block; font-family : FontAwesome; position: absolute; right: 10px; top:50%; transform: translateY(-50%); color: #3d3d3d} .cmSw input { border: 1px solid #e5e5e5; padding: 10px; border-radius: 3px; transition: all .3s } .cmSw input:hover { border-color: #333;} .cmSw input:focus { border-color: #333; outline: none;} .w100 {width: 100%} .openAWrap { margin-bottom: 50px; } .requiredT:after { content: '*'; display: inline-block; margin-left: 3px; color: #ff6666; transform: translateY(1px); font-size: 16px;} .oaTit { padding-bottom: 20px; } .oaTit p { font-size: 1.062rem; font-weight: 500; color: #292929; } .oaTit span { padding-top: 8px; color: #6d6d6d; font-size: 0.812rem; display: inline-block; font-weight: 400 } .labelB { width: calc((100% - 20px)/2); margin-right: 20px;} .labelB:last-child { margin-right: 0; } .labelB label { display: block; color: #3d3d3d; font-weight: 500; margin-bottom: 10px; } .labelB input { width: 100%; } .labelB select { width: 100%} .applyBtn { cursor: pointer; padding: 10px 40px; color: #fff; background-color: #3d3d3d; border-color: #3d3d3d; border-radius: 5px; margin-bottom: 20px; } @media screen and (max-width: 1400px) { .cmSw { width: 80%; } } @media screen and (max-width: 1200px) { .cmSw { width: 100%; } .cmTitL li { position: relative; display: inline-flex; flex-shrink: 0;} } @media screen and (max-width: 720px) { .cmTitL { margin-bottom: 0} .applyBtn {width: 100%; padding: 20px 0} } /* 캠페인 관리 ( 캠페인 작성 tab01) */ .cpIwrap {} .cImg { width: 200px; height: 130px; border-radius: 3px; border: 1px solid #e4e4e4; } .cImg:after { border: 1px solid #e4e4e4; border-radius: 3px;} .cplEmpty { background-color: #babdc0; width: 100%; height: 100%; border-radius: 5px; display: flex; align-items: center; justify-content: center} .cplEmpty p { text-align: center; color: #fff; } .cmTWrap { width: calc(100% - 220px); margin-left: 20px;} .cmTWrap h3 { padding-bottom: 30px; font-size: 1.125rem; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .cmTWrap > ul > li { margin-right: 10px; } .cmTWrap > ul > li > a { display: inline-block; padding: 10px 20px; border: 1px solid #e4e4e4; border-radius: 5px; } @media screen and ( max-width: 720px) { } @media screen and ( max-width: 400px) { .cmlWrap { display: block;} .cpIwrap, .cImg, .cplEmpty {min-height: 225px; width: 100%;} .cmTWrap { width: 100%; margin-left: 0; margin-top: 20px;} .cmTWrap ul li { width: calc((100% - 20px)/2)} .cmTWrap ul li a { width: 100%; text-align: center; } } /* 캠페인 관리 (오픈예정 tab02) */ .cmInfoB { box-shadow: 0 5px 10px rgba(0,0,0,0.05); width: calc((100% - 20px)/3); padding: 20px; border-radius: 5px; border:1px solid #f6f6f6; margin-bottom: 40px;} .cmInfoB p { font-size: 0.937rem; font-weight: 500; padding-bottom: 10px; } .cmInfoB h4 { font-size: 1.875rem; padding-bottom: 30px;} .cmInfoB span { display: block; font-weight: 400; color: #6d6d6d; font-size: 0.812rem; } .backerSInfo { border: 0; border-collapse: separate !important; margin-bottom: 60px; } .backerSInfo caption { text-align: left; font-weight: 500; font-size: 1rem; margin-bottom: 20px; } .backerSInfo thead { background-color: #f7f7f7 ; } .backerSInfo thead th { border-bottom: 0; } .backerSInfo thead th:nth-child(1) { border-radius: 5px 0 0 5px } .backerSInfo thead th:nth-child(3) {border-radius: 0 5px 5px 0; } .backerSInfo tr:nth-child(even) { background-color: #f7f7f7; border-radius: 2px} .backerSInfo tbody td { border-top: 0} .arrowBtn li { margin-right: 5px; color: #b1b1b1; padding: 5px; cursor: pointer; } .arrowBtn .active {color: #b72932; font-weight: bold} @media screen and (max-width: 720px) { .cmInfoB{ width: calc((100% - 20px)/2);} } /* 캠페인 관리 (후원현황 tab04)*/ .cibWrap { } .cibWrap > div:first-child {margin-right: 20px; } .cmInfoB .none { color: #fff; } .backerSInfo tbody td:nth-child(3) { overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} @media screen and (max-width: 1420px) { .cibWrap .cmInfoB{ width: calc((100% - 20px)/2);} } @media screen and (max-width: 400px) { .cibWrap { display: block;} .cibWrap .cmInfoB{ width: 100%;} } /* 캠페인 관리 (발송관리 tab06)*/ .allSendWrap { border: 1px solid #ededed; padding:20px; width: 100%; border-radius: 5px; margin-bottom: 40px; } .allSendWrap > ul:first-child { border-bottom: 1px solid #ededed; padding-bottom: 20px; } .allSendWrap > ul:last-child { padding-top: 20px; } .allSendWrap > ul > li { font-size: 14px; font-weight: 400; color: #6d6d6d; width: calc(100%/4); } .allSendWrap > ul > li > span { font-size: 14px; font-weight: 400; color: #6d6d6d; display: block; margin-bottom: 15px} .allSendWrap > ul > li > b { font-size: 18px; font-weight: 600; color: #333; margin-right: 5px} .bLTop { margin-bottom: 15px; } .bLTop li:first-child{ font-size: 17px; color: #333333; } .bLTop li b {font-size: 20px; color: #333; font-weight: 500 } .bLTop li:first-child span { color: #ff6666; font-weight: 600; font-size: 20px} .resetGird { color: #a5a5a5; font-size: 12px; border: none; position: relative; margin-left: 15px; } .resetGird:after { content: ''; display: inline-block; position: absolute; left: -5px; top:50%; transform: translateY(-50%); height: 15px; width: 1px; background-color: #eee; } .searchCT {} .searchCT .afterSelect {border: 1px solid #ededed; margin-right: 5px; padding: 5px; border-radius: 3px; } .searchCT select {padding-right: 20px; border: none !important; } .searchCT select:focus {outline: none; } .searchCT .nonePBc { margin-right: 5px;} .searchCT input { height: 40px;} .searchCT button { border-color: #3d3d3d; background-color: #3d3d3d; color: #fff; transition: all .3s; font-weight: 400; padding: 4px 20px; border-radius: 3px; height: 40px; } .searchCT button span { transition: all .3s; color: #fff !important; } .searchCT button:hover span { opacity: 0.5; } .searchCT02 {} .searchCT02 li .afterSelect { margin: 0 10px; border: 1px solid #ededed; padding: 5px; border-radius: 3px;} .searchCT02 li .afterSelect:before { right: 9px !important; } .searchCT02 li .afterSelect:after { right: 10px !important; } .searchCT02 li .afterSelect select { padding-right: 20px; padding-left: 5px; border: none !important; } .searchCT02 button {border-color: #ededed; border-radius: 3px; padding: 5px 10px; } .searchCT02 button:hover {border-color: #b2b2b2; } .bsmOpen { height: 40px;} .backerList { margin-bottom : 50px } .table-scroll table { border: none;} /*.table-scroll table>thead>tr>th { border-bottom: none; }*/ .table-scroll table>tbody>tr>td { border-top: none; } .table-scroll { position:relative; width: 100%; overflow:hidden; border:1px solid #eee; } .table-wrap { width:100%; overflow:auto; } .table-scroll table { width:100%; margin:auto; /*border-collapse:separate;*/ border-spacing:0; } .table-scroll th, .table-scroll td { padding:5px 10px; /*border:1px solid #000;*/ white-space:nowrap; vertical-align:middle; border-bottom:1px solid #eee; border-right: 1px solid #eee; } .table-scroll tbody td { padding: 15px 10px; } .table-scroll thead, .table-scroll tfoot { background:#f9f9f9 !important; font-weight: 500; color: #333; vertical-align: middle; height: 40px; } .table-scroll tbody { background:#fff !important; font-weight: 400; color: #3d3d3d; } .clone { position:absolute; top:0; left:0; pointer-events:none; } .clone th, .clone td { visibility:hidden } .clone td, .clone th { border-color:transparent } /*.clone tbody th {*/ /* visibility:visible;*/ /* color:red;*/ /*}*/ .clone .fixed-side { /*border:1px solid #000;*/ visibility:visible; border-right: 1px solid #eee; border-bottom: 1px solid #eee; } .sendInfoBtn { border-radius: 5px; padding: 5px 10px; border-color: #ff6666; color: #ff6666; margin: 10px 0} .sendModal { position: fixed; left: 0; top: 0; z-index: 999; background-color: rgba(0,0,0,0.6); width: 100%; height: 100vh; display: none; } .sendTxt { background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 65px 50px 60px; box-shadow: 0 2px 6px rgba(0,0,0,0.4); min-width: 400px;} .sendTxt p { line-height: 32px; color: #181818; font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; } .sendTxt label { display: block; margin-bottom: 8px; line-height: 24px; font-size: 1rem; color: #414141; font-weight: 400; margin-top: 10px; } .sendTxt input { border: 1px solid #e5e5e5; border-radius: 3px; height: 48px; font-weight: 400; line-height: 1.2em; transition: all .3s; width: 100%; padding: 5px 10px; color: #333; font-size: 1rem} .sendTxt input::placeholder { color: #cfcfcf; font-weight: 400} .sendTxt input:hover {border-color: #333} .sendTxt input:focus { outline: 1px solid #333; border-color: #fff } .sendTxt input:focus:hover {border-color: #fff;} .sendTxt input:focus:after { outline: 1px solid #333; border-color: #fff } .backerInfo {} .backerInfo li { color: #6d6d6d; font-weight: 400; margin-bottom: 5px; font-size: 15px; } .backerInfo li span {color: #3d3d3d; margin-left: 10px; font-weight: 500; } .rewardBInfo { padding-bottom: 20px; border-bottom: 1px solid #eee; margin-bottom: 20px; } .rewardBInfo li { color: #6d6d6d} .rewardBInfo .rewardName { color: #333; font-weight: 500; font-size: 0.975rem; margin: 20px 0 10px;} .sendTxt select { border: 1px solid #e5e5e5; width: 100%; height: 48px; padding: 5px 10px; font-size: 1rem; } .sendTxt select:hover {border-color: #e5e5e5; } .sendTxt select:focus { outline: 1px solid #333; border-color: #fff } .sendTxt select:focus:hover {border-color: #fff;} .sendTxt select:focus:after { outline: 1px solid #333; border-color: #fff } .sendModal select option:first-child { color: #cfcfcf; font-weight: 400} .sendTxt select option[value=""][disabled] { color: #cfcfcf !important; } .holdBack {background: #f9f8f9; cursor: default; } .holdBack:hover { border-color: #e5e5e5 !important; } .holdBack:focus { outline: none !important; border-color: #e5e5e5 } .holdBack:focus:hover {border-color: #e5e5e5;} .holdBack:focus:after { outline: 1px solid #e5e5e5 !important; border-color: #e5e5e5 } .sendTxt form span { display: block; margin-bottom: 15px; color: #c9c9ca; font-size: 12px; font-weight: 400; } .smNotice { display: block; color: #6d6d6d; font-size: 15px; margin-bottom: 30px} .conpleteBtn { width: 100%; padding: 15px 0; text-align: center; border-radius: 3px; background-color: rgba(199,32,48,0.8); border:none; color: #fff; font-size: 1rem; letter-spacing: 1px; } .conpleteBtn span { transition: all .3s } .conpleteBtn:hover span { opacity: 0.5; } .cmsClose { position: absolute; right: 20px; top: 20px; padding: 15px; cursor: pointer; font-size: 16px; border-color: #fff } .cmsClose:after { content: ''; display: inline-block; width: 1px; height: 16px; transform: rotate(45deg) translateY(-50%); background-color: #000; position: absolute; top: 45%; left: 9px } .cmsClose:before { content: ''; display: inline-block; width: 1px; height: 16px; transform: rotate(-45deg) translateY(-50%); background-color: #000; position: absolute; top: 45%; left: 20px; } .blanketSendModal { position: fixed; left: 0; top: 0; z-index: 999; background-color: rgba(0,0,0,0.6); height: 100vh; width: 100%; } .blanketSendTxt {background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 65px 50px 60px; box-shadow: 0 2px 6px rgba(0,0,0,0.4); min-width: 660px; max-width: 920px;} .blanketSendTxt .title { font-size: 28px; font-weight: 700; margin-bottom: 45px;} .blanketSendTxt > div { font-size: 1.062rem; color: rgba(0,0,0,.84); margin-bottom: 15px} .blanketSendTxt > div > button { display: block; } .downloadExcel { border: 1px solid rgba(0,0,0,.15); border-radius: 3px; background-color: #fff; padding: 10px 20px; color: rgba(0,0,0,.54); cursor: pointer; margin-top: 15px; } .blanketSendTxt > div >ul { margin-top: 10px;} .blanketSendTxt > div >ul > li { font-size: 0.812rem; color: #60656a; position: relative; padding-left: 10px; line-height: 30px } .blanketSendTxt > div >ul > li:before { content: '·'; display: inline-block; position: absolute; left: 0; } .blanketSendTxt .uploadFile { display: block; background-color: #3d3d3d; width: 150px; padding: 15px 10px; text-align: center; margin-top: 15px; border-radius: 3px; color: #fff; cursor: pointer } .blanketSendTxt .uploadFile input { display: none; } .uploadFileWrap span { margin-top: 8px; color: #adadad; display: block; } .uploadFileWrap section { margin-top: 15px; background-color: #ededed; padding: 5px 15px; font-size: 12px; border-radius: 30px; font-style: normal; width: fit-content} .uploadFileWrap .deleteFile { height: 16px; width: 16px; margin-left: 8px; position: relative; background: transparent; border: none; } .uploadFileWrap .deleteFile:before { content: ''; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(45deg); width: 12px; height: 1px; background-color: #3d3d3d; } .uploadFileWrap .deleteFile:after { content: ''; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(-45deg); width: 12px; height: 1px; background-color: #3d3d3d; } .blanketSendTxt .bsBtn { margin-bottom: 0; margin-top: 40px; } .blanketSendTxt .bsBtn button { border-radius: 3px; padding: 15px 0; } .blanketSendTxt .bsBtn .resetB { width: 30%; color: #ddd; transition: all 0.3s; } .blanketSendTxt .bsBtn .resetB:hover { color: #3d3d3d; } .blanketSendTxt .bsBtn .completeB { background: rgba(233,28,31,0.8); width: 68%; color: #fff; border-color: rgba(233,28,31,0.8);} .blanketSendTxt .bsBtn .completeB span { transition: all 0.3s; font-size: 1rem } .blanketSendTxt .bsBtn .completeB:hover span { opacity: 0.5; } .bsClose { position: absolute; right: 20px; top: 20px; padding: 15px; cursor: pointer; font-size: 16px; border-color: #fff } .bsClose:after { content: ''; display: inline-block; width: 1px; height: 16px; transform: rotate(45deg) translateY(-50%); background-color: #000; position: absolute; top: 45%; left: 9px } .bsClose:before { content: ''; display: inline-block; width: 1px; height: 16px; transform: rotate(-45deg) translateY(-50%); background-color: #000; position: absolute; top: 45%; left: 20px; } /* 정산관리 */ .calculateTit { font-size: 1.062rem; font-weight: 500; color: #3d3d3d; margin-bottom: 20px; } .calculateBtnW {} .calculateBtnW button { border-color: #e4e4e4; padding: 10px 20px; border-radius: 5px; } .calculateBtnW button i { margin-right: 5px; } /* 나의 쿠폰*/ .cmWrap { position: fixed; left: 0; top: 0; z-index: 999; background-color: rgba(0,0,0,0.6); width: 100%; height: 100vh; display: none;} .cmTxt { background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 65px 20px 45px; box-shadow: 0 2px 6px rgba(0,0,0,0.4); min-width: 400px;} .cmTxt p { line-height: 32px; color: #181818; font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; } .cmTxt label { display: block; margin-bottom: 8px; line-height: 24px; font-size: 1rem; color: #414141; font-weight: 400;} .cmTxt input { border: 1px solid #e5e5e5; border-radius: 3px; height: 48px; font-weight: 400; line-height: 1.2em; transition: all .3s; width: 100%; padding: 5px 10px; color: #333; font-size: 1rem} .cmTxt input::placeholder { color: #cfcfcf; font-weight: 400} .cmTxt input:hover {border-color: #333} .cmTxt input:focus { outline: 1px solid rgba(199,32,48,0.8); border-color: #fff } .cmTxt input:focus:hover {border-color: #fff;} .cmTxt input:focus:after { outline: 1px solid rgba(199,32,48,0.8); border-color: #fff } .cmBtnWrap { margin-top: 20px; float: right; } .cmBtnWrap button:nth-child(1) { border-color: #e5e5e5; padding: 10px 20px; color: #e5e5e5; transition: all .3s; border-radius: 3px; font-size: 1rem;} .cmBtnWrap button:nth-child(1):hover { border-color: #cbcbcb; color: #333;} .cmBtnWrap button:nth-child(2) { border-color:#ef5451; padding: 10px 20px; background-color:rgba(233, 28, 31, .8); font-size: 1rem; transition: all .3s; border-radius: 3px; color: #fff} .cmClose { position: absolute; right: 20px; top: 20px; padding: 15px; cursor: pointer; font-size: 16px; border-color: #fff; transition: all .3s } .cmClose:hover { transform: rotate(180deg)} .cmClose:after { content: ''; display: inline-block; width: 1px; height: 16px; transform: rotate(45deg) translateY(-50%); background-color: #000; position: absolute; top: 45%; left: 9px } .cmClose:before { content: ''; display: inline-block; width: 1px; height: 16px; transform: rotate(-45deg) translateY(-50%); background-color: #000; position: absolute; top: 45%; left: 20px; } .mcTitL { margin-bottom: 40px ; overflow-y: auto;} .mcTitL li { margin-right: 5px; box-sizing: border-box;} .mcTitL li:last-child { display: none;} .mcTitL li a { font-size: 0.975rem; display: inline-block; padding: 10px 20px; color:rgba(0,0,0,0.45); font-weight: 400; box-sizing: border-box; } .mcTitL li a span { color: #e91c1f; font-weight: 400; } /*.mcTitL .action { border-bottom: 2px solid #c72030; color: #a1a0a0}*/ .mcTitL .action a { color: rgba(0,0,0,.85); font-weight: 500} .mcTitL li{ transition: all .3s cubic-bezier(.645, .045, .355, 1); position:relative; overflow: hidden } .mcTitL li:before { content: ''; left: 0; bottom: 0; height: 2px; background: #e91c1f; position: absolute; display: inline-block; width: 0 } .mcTitL .action:before { width: 100%; transition: all .3s cubic-bezier(0.65, 0.05, 0.36, 1);} .crBtn { padding: 10px 30px 10px 10px; color: #333; background-color: #fff; vertical-align: middle; cursor: pointer; border-color: #fff; font-size: 0.937rem} .crBtn i { font-size: 12px; } .mcLWrap { width: 60%; margin: 40px 0} /*.myList { margin-top: 30px}*/ /*.myList > li { border: 1px solid #ededed; border-radius: 5px; padding: 20px 15px; position: relative; margin-bottom: 20px;}*/ .myList { } .myList > li { border-bottom: 1px solid #ededed; padding: 30px 0; position: relative; } .myList > li p { font-size: 1.125rem; font-weight: bold; margin-bottom: 20px; color: #e91c1f} .myList > li > em {font-size: 0.875rem; color: rgba(0,0,0,.85); display: block; margin-bottom: 15px; font-style: normal } .myList > li span { font-size: 0.812rem; color: #7a7a7a; display: block; margin-bottom: 5px} .myList > li > span > em { font-style: normal; padding-left: 5px} .myList .moreBtn { position: absolute; right: 5px; top: 10px; padding: 5px 15px; border-color: #fff} .myList .moreBtn i { font-size: 18px } .endCoupon { border-top: 1px solid #ededed;} .endCoupon > li > p { color: #ddd;} .mcEnd { position: absolute; right: 15px; top: 20px;} .mcEnd li { padding: 5px; font-size: 0.75rem; color: #b7b7b7} @media screen and (max-width: 1400px) { .mcLWrap { width: 80%; } } @media screen and (max-width: 720px) { .mcLWrap { width: 100%; } .topTxt { padding : 30px 0 40px} } /* 포인트 관리 */ .pointSearch li { margin-right: 8px; } .pointSearch .psBtn { border: 1px solid #ededed; padding: 8px 20px; color: #585858; cursor: pointer; border-radius: 5px; } .pointSearch .active {border-color: #e91c1f; color: #e91c1f; } .pointSearch input { border: 1px solid #ededed; cursor: pointer; padding: 6px; border-radius: 5px; } .pointSearch select { border: 1px solid #ededed; cursor: pointer; padding: 7px 10px; border-radius: 5px; width: 120px; } .pointSearch li:last-child {position: relative;} .noBrackdown { padding: 40px 0; } .brackdownWrap { padding: 40px 0; } .brackdownList { border-bottom: 1px solid #ededed; } .brackdownList:first-child { border-top: 1px solid #ededed;} .brackdownList li { width: 20%; text-align: center; padding : 20px 0; } .brackdownList li:nth-child(2) { width: 40%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .blD li:nth-child(4) { color: #f25555; } /*차감*/ .blP li:nth-child(4) { color: #557CF2; } /*적립*/ .pointGuide { padding-bottom: 40px;} .pointGuide p { font-size: 1rem; color: #181818;} .pointGuide ul {padding: 20px 0} .pointGuide ul li { font-size: 0.875rem; color: #585858; line-height: 1.5; } .pointGuide a {font-size: 0.875rem; color: #585858; text-decoration: underline} @media screen and (max-width: 800px) { .pointSearch { flex-wrap: wrap} .psBtn { width: calc((100% - 30px)/4); padding: 10px 0 !important; text-align: center; margin-right: 10px!important; margin-bottom: 20px} .bmr0 { margin-right: 0 !important;} .pointSearch li:nth-child(5) {margin-right: 0; width: 100%; margin-bottom: 20px; display: none;} .pointSearch input[type="date"] { width: calc((100% - 20px)/2); padding: 10px 5px} .pointSearch input[type="date"]:first-child { margin-right: 3px} .pointSearch input[type="date"]:last-child { margin-left: 3px} .pointSearch li:last-child { width: 100%} .pointSearch select { width: 100%; margin-right: 0} } /* 메시지 리스트 */ .searchMW { margin-right: 15px} .searchMW input[type='search'] { border-bottom: 1px solid #ededed; } .searchMW input[type='search']:focus { outline: none;} .searchMW a { display: inline-block; position: relative; width: 30px; height: 30px; border-bottom:1px solid #ededed; cursor: pointer} .searchMW a:before { content: ''; position: absolute; left: 5px; top: 5px; width: 15px; height: 15px; border-radius: 50%; border: 1px solid #181818;} .searchMW a:after { content: ''; position: absolute; right: 8px; bottom: 3px; width: 1px; height: 8px; background-color: #181818; transform: rotate(-45deg)} .viewMW { padding: 0 10px; width: 120px; } .mWrap{ width: 100%; margin: 50px 0; } .borderT { border-top: 1px solid #ededed } .mContent{ padding: 15px; position: relative; transition: all .3s} .mContent:hover { background-color: rgba(233, 28, 31, .015); } .muInfo { margin-bottom: 10px} .userProfileWrap { width:40px ; margin-right: 8px; } .userProfileWrap > .noPI { width: 40px; height: 40px; display: inline-block; position: relative; border-radius: 50%; vertical-align: middle; background: url("/images/noPI.jpg") no-repeat 50%/cover } .userProfileWrap > .userPI { display: block; border-radius: 50%; background: #fff no-repeat 50%/cover; width: 100%; height: 100%;} .mNInfo { flex: 1;} .mNInfo > div { font-size: 0.812rem; } .userName { color: #333; } .compaginName { color: #999898} .moreTxt {position: absolute; right: 10px; bottom: -95px; background: #fff; border-radius: 5px; width: 80px; box-shadow: 0 3px 8px rgba(0,0,0,0.1); padding: 0 5px; z-index: 9;} .moreTxt li {padding: 10px 0; border-bottom: 1px solid #ededed; text-align: center} .moreTxt li:last-child { border-bottom: none;} .moreTxt li button { width: 100%; border-color: #fff; cursor: pointer; transition: all .3s; letter-spacing: 2px } .moreTxt li button:hover { font-weight: 500; } .mTxt { margin-bottom: 10px;} .mTInfo { overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; vertical-align: middle; height: 100%;} .mBttom { justify-content: space-between} .mBttom span { font-size: 0.75rem; color: #999898; } .mNumber { border-radius: 50%; background: rgba(233, 28, 31, .8); color: #fff !important; width: 18px; height: 18px; text-align: center; vertical-align: middle} .mBtn { position: absolute; cursor: pointer; right: 15px; top: 15px;} /*.mBtn .more { padding: 6px; width: 35px; font-size: 1rem; border-color: transparent; background-color:transparent;}*/ .moreMBtn { width: 30px; height: 30px; position: relative; background: transparent; border: none; } .moreMBtn span { display: inline-block; width: 3px; height: 3px; background-color: rgba(0,0,0,.54); border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .moreMBtn span:before { content: ''; display: inline-block; width: 3px; height: 3px; background-color: rgba(0,0,0,.54); border-radius: 50%; position: absolute; left: 0; top: -6px;} .moreMBtn span:after { content: ''; display: inline-block; width: 3px; height: 3px; background-color: rgba(0,0,0,.54); border-radius: 50%; position: absolute; left: 0; bottom: -6px;} @media screen and (max-width: 1300px) { .mWrap { width: 80%;} } @media screen and (max-width: 1024px) { .mWrap { width: 100%; margin: 30px 0;} } @media screen and (max-width: 720px) { .mWrap { width: 100%; margin: 20px 0;} } /* 메시지 유저 신고 (모달) */ .mReportW { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 999; background-color: rgba(0,0,0,0.6); display: none;} .mReport { background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); box-shadow: 0 2px 6px rgba(0,0,0,0.4); min-width: 400px; padding: 65px 20px 20px 20px; max-width: 600px;} .mReport p { line-height: 32px; color: #181818; font-size: 1.5rem; font-weight: bold; } .mReport span { margin-bottom: 8px; line-height: 24px; font-size: 1rem; color: #414141; font-weight: 400; margin-top: 20px; display: block} .mReport input { border: 1px solid #e5e5e5; border-radius: 3px; height: 48px; font-weight: 400; line-height: 1.2em; padding: 5px 10px; color: #333; font-size: 1rem; width: 100%; } .wuser input[type="text"] { background-color: #f8f7f7; cursor: default;} .mReport input[type="text"]:focus {outline: none; } .mReport textarea { border: 1px solid #e5e5e5; border-radius: 3px; font-weight: 400; color: #333; display: block; transition: all .3s; width: 100%;} .mReport textarea::placeholder { color: #cfcfcf; font-weight: 400} .mReport textarea:hover { border-color: #333; } .mReport textarea:focus { outline: 1px solid rgba(199,32,48,0.8); border-color: #fff } .mReport textarea:focus:hover {border-color: #fff;} .mReport textarea:focus:after { outline: 1px solid rgba(199,32,48,0.8); border-color: #fff } .mReport input[type="file"] { display: none; } .mRUpW {} .mRUpW input[type="text"]{ background-color: #fff !important; flex: 1; height: 35px; margin-right: 8px; cursor: default;} .mRUp { background-color: #3d3d3d; color: #fff !important; padding: 8px 15px; border-radius: 3px; display: inline-block; font-size: 0.812rem !important; margin: 0; cursor: pointer !important;} /* #626262 */ .mRUp { font-size: 5px} .mReport em { display: inline-block; font-style: normal; margin-top: 30px; color: #838383; font-size: 13px } .mRBtn { margin-top: 30px; float: right; } .mRBtn button:nth-child(1) { border-color: #e5e5e5; padding: 8px 15px; color: #e5e5e5; border-radius: 3px; font-size: 0.937rem; } .mRBtn button:nth-child(1):hover { border-color: #cbcbcb; color: #333;} .mRBtn button:nth-child(2) {border-color: #c5545b; padding: 8px 15px; background-color: rgba(199,32,48,0.8); border-radius: 3px; font-size: 0.937rem; color: #fff; } .mrClose { position: absolute; right: 20px; top: 20px; padding: 15px; cursor: pointer; font-size: 16px; border-color: #fff } .mrClose:after { content: ''; display: inline-block; width: 1px; height: 16px; transform: rotate(45deg) translateY(-50%); background-color: #000; position: absolute; top: 45%; left: 9px } .mrClose:before { content: ''; display: inline-block; width: 1px; height: 16px; transform: rotate(-45deg) translateY(-50%); background-color: #000; position: absolute; top: 45%; left: 20px; } /* 메시지 상세 */ .mmContentW { background-color: #f9f9f9; height: 100vh; overflow: hidden} .mmc { background-color: #fff; margin-top : 40px; margin-bottom: 60px; flex-direction: column; position: relative; height: 100vh } .mcTB { height: 50px; border-bottom: 1px solid #eee; padding: 0 10px} .goBack { flex: 1;} .goBack a { display: inline-block; padding: 10px 20px 10px 25px; position: relative; cursor: pointer; font-weight: 500; color: #3e3e3e; transition: all .3s} .goBack a:before { content: ''; position: absolute; left: 14px; top: 12px; width: 2px; height: 8px; background-color: #3e3e3e; transform: rotate(45deg); transition: all .3s } .goBack a:after { content: ''; position: absolute; left: 14px; bottom: 12px; width: 2px; height: 8px; background-color: #3e3e3e; transform: rotate(-45deg); transition: all .3s } .goBack a:hover { color: rgba(199,32,48,0.8);} .goBack a:hover:before{ background-color: rgba(199,32,48,0.8);} .goBack a:hover:after{ background-color: rgba(199,32,48,0.8);} .mmcCN {flex: 2;} .mmcCN a { color: #3e3e3e; font-size: 0.937rem; font-weight: 500; } .mcUI { padding: 20px; box-shadow: 0 3px 8px rgb(238 238 238); } .mcuP { width:30px ; margin-right: 8px; } .mcuP > .noPI { width: 30px; height: 30px; display: inline-block; position: relative; border-radius: 50%; vertical-align: middle; background: url("/images/noPI.jpg") no-repeat 50%/cover } .mcuP > .userPI { display: block; border-radius: 50%; background: #fff no-repeat 50%/cover; width: 100%; height: 100%;} .mcuM { position: relative;} .mmc { background-color: #fff; margin-top : 40px; margin-bottom: 60px; } .mcTB { height: 50px; border-bottom: 1px solid #eee; padding: 0 10px} .goBack { flex: 1;} .goBack a { display: inline-block; padding: 10px 20px 10px 25px; position: relative; cursor: pointer; font-weight: 500; color: #3e3e3e; transition: all .3s} /*.goBack a:before { content: ''; ption: absolute; left: 14px; bottom: 12px; width: 2px; height: 8px; background-color: #3e3e3e; transform: rotate(-45deg); transition: all .3s }*/ .goBack a:hover { color: rgba(199,32,48,0.8);} .goBack a:hover:before{ background-color: rgba(199,32,48,0.8);} .goBack a:hover:after{ background-color: rgba(199,32,48,0.8);} .mmcCN {flex: 2;} .mmcCN a { color: #3e3e3e; font-size: 0.937rem; font-weight: 500; text-align: center; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .null80px { width:80px} .mcUI { padding: 20px; box-shadow: 0 3px 8px rgb(238 238 238); } .mcuP { width:30px ; margin-right: 8px; } .mcuP > .noPI { width: 30px; height: 30px; display: inline-block; position: relative; border-radius: 50%; vertical-align: middle; background: url("/images/noPI.jpg") no-repeat 50%/cover } .mcuP > .userPI { display: block; border-radius: 50%; background: #fff no-repeat 50%/cover; width: 100%; height: 100%;} .mcuM { position: relative;} .mcuM .more { padding: 8px 15px; transform: translateX(10px); border: none; font-size: 1rem; cursor: pointer } .mcuM .murBtn {position: absolute; right: 5px; bottom: -35px; background: #fff; border-radius: 5px; width: 80px; box-shadow: 0 3px 8px rgba(0,0,0,0.1); padding: 10px 5px; border-color: #fff; z-index: 99} .mcTxt { flex: 1; overflow-y: scroll} .mctW { padding: 0 5.208%; } .mctW li { margin: 40px 0; } .mctC { margin-top: 10px; background-color: #fafafa; padding: 15px; border-radius: 5px; } .mcF span { margin-top: 5px; color: #585858; font-size: 0.8rem; display: inline-block} .mDate { margin-right: 5px } .mAlret { background-color: rgba(1248,100, 83,0.9) ; color: #fff; position: relative; text-align: center; height: 50px; line-height: 50px; font-size: 1rem; } .mAClose { position: absolute; right: 20px; top: 50%; padding: 15px; cursor: pointer; font-size: 16px; border-color: #fff; transform: translateY(-50%) ; background: transparent; border: none;} .mAClose:after { content: ''; display: inline-block; width: 1px; height: 16px; transform: rotate(45deg) translateY(-50%); background-color: #fff; position: absolute; top: 45%; left: 9px } .mAClose:before { content: ''; display: inline-block; width: 1px; height: 16px; transform: rotate(-45deg) translateY(-50%); background-color: #fff; position: absolute; top: 45%; left: 20px; } .mctWrite { border-top: 1px solid #ededed; padding: 20px 10px; position: relative; width: 100%; background-color: #fff } .mctwFile { width: 50px; height: 100px } .mctwFile input[type="file"] { display: none;} .mctwFile label { display: inline-block; height: 100%; width: 100%; cursor: pointer; text-align: center; } .mctwFile label:before { content: "\f03e"; font-family: FontAwesome; display: block; position: relative; top: 50%; left: 50%; font-size: 20px; transform: translate(-50%,-50%); color: #737373} .mctwFile label i { font-size: 25px; } .mctwTxt { flex: 1; margin: 0 10px; border: 1px solid #e6eaed; background-color: #fcfcfc; height: 100px; overflow-y: hidden; border-radius: 5px; } .mctwTxt section { padding: 10px; width: calc(100% - 110px); } .mctwTxt textarea { overflow-y: auto; resize: none; border:none; width: 100%; height: 100%; color: #181818; font-size: 0.937rem; line-height: 1.2; background-color:transparent; padding: 0 !important; } .mctwTxt button { position: absolute; right: 30px; top: 30px; height: 80px; padding: 0 20px; border-radius: 5px; background-color: #e1e1e1; color: rgba(255,255,255,0.6); } .mctwTxt button i { margin-right: 5px; } .onMessage { background-color: #f86453 !important; color: #fff !important;} .sendBtn { height: 40px; } .sendBtn button { padding: 10px 20px; color: #d9d9d9; transition: all .3s; border:none; } .sendBtn button i { margin-right: 5px; } .sendBtn button span { font-weight: 500;} @media screen and (max-width: 720px) { .mmc { margin: 0 0 !important;} .mctW { padding: 0 2.777%} .mAlret { text-align: left; padding-left: 20px;} .mAClose { right: 10px} } @media screen and (max-width: 400px) { .mctwFile { width: 30px; } .mctwTxt { margin-right: 0; height: 80px; } .mctwTxt section { width: calc(100% - 70px)} .mctWrite button { right: 20px; top: 40px; height: 60px; } .mctWrite button span { display: none; } } /* my 설정 common */ .msWrap { width: 100%; margin: 50px 0} .msTitle { font-size: 1.062rem; color: #3d3d3d; font-weight: 500; padding-bottom: 20px; } .msRevise { width: 60%; } .msRevise > li {margin-bottom: 40px; } .msWrap input { border: 1px solid #ededed; padding: 10px; border-radius: 3px; width: 100%; transition: all .3s } .msWrap input::placeholder { color: #cfcfcf; font-weight: 400} .msWrap input:hover {border-color: #333} .msWrap input:focus { outline: 1px solid #333; border-color: #fff } .msWrap input:focus:hover {border-color: #fff;} .msWrap input:focus:after { outline: 1px solid #333; border-color: #fff } .msWrap select { padding: 10px 30px 10px 10px; margin-right: 5px; border-color: #ededed !important;} .msWrap select:hover {border-color: #333} .msWrap select:focus { outline: 1px solid #333; border-color: #fff } .msWrap select:focus:hover {border-color: #fff;} .msWrap select:focus:after { outline: 1px solid #333; border-color: #fff } .msWrap .iconAfter:after { right: 15px !important;} .msGuide { border: 1px solid #ededed; height: 100%; padding: 20px; border-radius: 3px; width: 35%;} .msGuide p { font-size: 1rem; color: #3d3d3d; font-weight: 500; margin-bottom: 20px; line-height: 1.4} .msGuide span { font-size: 14px; color: #6D6D6D; font-weight: 400; display: block; margin-bottom: 10px; line-height: 1.5} .msGuide span:last-child { margin-bottom: 0} /* My 설정 > 프로필 수정*/ .profileImgWrap {} .profileImg { width: 100px; height: 100px; border-radius: 50%; border: none; background: url("/images/noPI.jpg") no-repeat 50%/cover; padding: 0;} .profileImg span { width: 100px; height: 100px; border-radius: 50%; border: 1px solid #e4e4e4; display: block} .piBtn { margin-left: 20px; } .piBtn button { font-size: 0.812rem; padding: 5px 10px; border-radius: 3px; color: #6d6d6d; margin-right: 5px; transition: all .3s } .piBtn button:hover { background: #f2f2f2; } .piBtn span { display: block; font-size: 0.75rem; margin-top: 10px; color: #6d6d6d; } .piExplain { border: 1px solid #ededed; padding: 10px; border-radius: 3px; width: 100%; height: 100px; transition: all .3s} .piExplain textarea { border: none; resize:none; padding: 0; width: 100%; } .piExplain textarea::placeholder { color: #cfcfcf; font-weight: 400} .piExplain:hover {border-color: #333} .piExplain:focus-within { outline: 1px solid #333; border-color: #fff } .phoneWrite { flex: 1; } .readonlyContact { background-color: #f4f4f4 !important; color: #8f8f8f !important; border-color: #dedede !important; cursor: not-allowed !important; } .readonlyContact:hover, .readonlyContact:focus { border-color: #dedede !important; outline: none !important; cursor: not-allowed !important; } .phoneCertify { cursor: pointer; padding: 10px 20px; color: #fff; background-color: #3d3d3d; border-color: #3d3d3d; border-radius: 3px; margin-left: 10px } .phoneCertify span { transition: all .3s; font-weight: 400 } .phoneCertify:hover span { opacity: 0.5; transition: all .3s } .emailWrite { flex: 1; } .emailCertify { cursor: pointer; padding: 10px 20px; color: #fff; background-color: #3d3d3d; border-color: #3d3d3d; border-radius: 3px; margin-left: 10px } .emailCertify span { transition: all .3s; font-weight: 400 } .emailCertify:hover span { opacity: 0.5; transition: all .3s } .snsDelete { padding: 10px 15px; border-radius: 3px; margin-left: 5px; border-color: #ededed; transition: all .3s } .snsDelete:hover { background-color: #faf9f9; } .snsDelete i { font-size: 15px} .snsPlus { padding: 0; margin-top: 20px; border: none; font-size: 0.875rem; color: #3d3d3d; font-weight: 500 } .snsPlus span { width: 25px; height: 25px; border:1px solid #3d3d3d ; border-radius: 50%; display: inline-block; position: relative; margin-right: 8px} .snsPlus span:before { content: ''; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 10px; height: 1px; background-color: #3d3d3d } .snsPlus span:after { content: ''; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1px; height: 10px; background-color: #3d3d3d } .saveBtn { cursor: pointer; padding: 10px 40px; color: #fff; background-color: #3d3d3d; border-color: #3d3d3d; border-radius: 3px; } .saveBtn span { transition: all .3s; font-weight: 400 } .saveBtn:hover span { opacity: 0.5; transition: all .3s } @media screen and (max-width: 1024px){ .msWrap { display: block} .msRevise { width: 100%;} .msGuide { width: 100%; } } /* 설정 > 계정 */ .noClick{ background-color: #f8f7f7; cursor: default;} .noClick:hover { border-color: #ededed !important;} .noClick:focus { border-color: #ededed !important; outline: none !important;} .passwordRWrap form { display: none; } .passwordRWrap form label { margin-bottom: 20px; display: inline-block } .pRBtn { border-color: #ededed; padding: 10px 50px; border-radius: 3px; transition: all .3s } .pRBtn:hover { background: #f2f2f2; color: #6d6d6d } .cancelBtn { border-color: #ededed; padding: 10px 50px; border-radius: 3px; transition: all .3s } .cancelBtn:hover { background: #f2f2f2; color: #6d6d6d } .checkNews { display: inline-block} .checkNews input { display: none; } .checkNews span { display: inline-block; vertical-align: middle; cursor: pointer; color: #6d6d6d } .checkNews .cnIcon { position: relative; width: 15px; height: 15px; border: 1px solid #ededed; border-radius: 3px; transition: background 0.1s ease; } .checkNews .cnIcon:after { content: ''; position: absolute; top: -3px; left: 4px; width: 5px; height: 11px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg) scale(0); transition: all .3s ease; transition-delay: 0.15s; opacity: 0;} .checkNews .cnTxt { margin-left: 5px;} .checkNews input:checked ~ .cnIcon { border-color: transparent; background: #ff6666; animation: jelly 0.6s ease} .checkNews input:checked ~ .cnIcon:after { opacity: 1; transform: rotate(45deg) scale(1)} @keyframes jelly { form {transform : scale(1, 1) ; } 30% {transform : scale(1.25, 0.75) ; } 40% {transform : scale(0.75, 1.25) ; } 50% {transform : scale(1.15, 0.85) ; } 65% {transform : scale(0.95, 1.05) ; } 70% {transform : scale(1.05, 0.95) ; } to {transform : scale(1,1) ; } } .withdrawal { font-size: 0.875rem; border-bottom: 1px solid #6d6d6d; color: #6d6d6d; padding: 0 0 5px; display: inline-block} /* 회원탈퇴 */ .withdrawalWrap { padding-bottom: 100px; } .withdrawalWrap h2 { font-size: 1.562rem; padding: 60px 0 50px; } .wQuestion > li { border-bottom: 1px solid #ededed; padding: 40px 0;} .wQuestion > li:first-child { padding-top: 0; padding-bottom: 40px; } .wQuestion > li:last-child { border-bottom: 0} .withdrawalTit { font-size: 18px; font-weight: 500; line-height: 1.5; margin-right: 100px; width: 180px } .wq > li { margin-bottom: 40px;} .wq p { font-size: 1rem; color: #3d3d3d; font-weight: 500; padding-bottom: 10px; } .wq span { font-size: 14px; color: #6d6d6d; } .wq .chatOpen { color: rgba(199,32,48,0.8); padding: 0; border:none; } .wq .iconAfter { margin-top: 15px } .wQuestion select { padding: 10px 20px 10px 10px; border-color: #ededed; width: 100%} .wQuestion select:hover {border-color: #333} .wQuestion select:focus { outline: 1px solid #333; border-color: #fff } .wQuestion select:focus:hover {border-color: #fff;} .wQuestion select:focus:after { outline: 1px solid #333; border-color: #fff } .wq .iconAfter ~ input { margin-top: 15px } .wQuestion input { border: 1px solid #ededed; padding: 10px; border-radius: 3px; width: 100% } .wQuestion input::placeholder { color: #cfcfcf; font-weight: 400} .wQuestion input:hover {border-color: #333} .wQuestion input:focus { outline: 1px solid #333; border-color: #fff } .wQuestion input:focus:hover {border-color: #fff;} .wQuestion input:focus:after { outline: 1px solid #333; border-color: #fff } .wq02 p { padding-bottom: 15px;} .wq02 > li > span { display: block; padding-bottom: 8px; line-height: 1.8; position: relative; padding-left: 10px} .wq02 > li > span:before { content: '-'; display: inline-block; position: absolute; left: 0; top: 0; color: #6d6d6d } .wq02 > li > span b { color: #5e5e5e; font-weight: 600} .checkNote { cursor: pointer; } .checkNote input { display: none; } .checkNote span { display: inline-block; vertical-align: middle; cursor: pointer; color: #6d6d6d } .checkNote .cnIcon { position: relative; width: 15px; height: 15px; border: 1px solid #ededed; border-radius: 3px; transition: background 0.1s ease; } .checkNote .cnIcon:after { content: ''; position: absolute; top: -3px; left: 4px; width: 5px; height: 11px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg) scale(0); transition: all .3s ease; transition-delay: 0.15s; opacity: 0;} .checkNote .cnTxt { margin-left: 5px;} .checkNote input:checked ~ .cnIcon { border-color: transparent; background: #3d3d3d; animation: jelly 0.6s ease} .checkNote input:checked ~ .cnIcon:after { opacity: 1; transform: rotate(45deg) scale(1)} @keyframes jelly { form {transform : scale(1, 1) ; } 30% {transform : scale(1.25, 0.75) ; } 40% {transform : scale(0.75, 1.25) ; } 50% {transform : scale(1.15, 0.85) ; } 65% {transform : scale(0.95, 1.05) ; } 70% {transform : scale(1.05, 0.95) ; } to {transform : scale(1,1) ; } } .phoneNumber{ width: 250px !important; } .withdrawalBtn { cursor: pointer; padding: 10px 40px; color: #fff; background-color: #3d3d3d; border-color: #3d3d3d; border-radius: 3px; } .withdrawalBtn span { transition: all .3s; font-weight: 400 } .withdrawalBtn:hover span { opacity: 0.5; transition: all .3s } @media screen and (max-width: 1024px) { .wQuestion > li { display: block; } .withdrawalTit { margin-bottom: 40px; width: 100%; margin-right: 0} .wq > li:last-child { margin-bottom: 0} .wq02 li:nth-child(2) {margin-bottom: 20px;} .wq02 label { display: inline-block; width: 100%; padding: 20px 0; } .wQuestion form { width: 100%; } .wQuestion form input { flex: 1 ;} .wQuestion form button { padding: 10px 40px; } .withdrawalBtn { width: 100%; padding: 20px 0} } @media screen and (max-width: 720px) { .withdrawalWrap p { line-height: 1.8; } .wQuestion form button { padding: 10px 20px} .mobileNone { display: none; } } /* 설정 > 결제수단 */ .cardPlus { color: #fa897b; cursor: pointer; font-size: 1rem; } .noneCard { border: 1px dashed #ededed; padding: 40px; text-align: center; cursor: pointer; border-right: 5px; margin-bottom: 50px } .noneCard p { color: #3d3d3d; font-weight: 600; font-size: 1.25rem; line-height: 2rem; } .noneCard span { display: inline-block; margin-top: 20px; color: #6D6D6D} .cardWrap { border: 1px solid #ededed; margin-bottom: 10px; width: 100%; padding: 20px 15px; transition: all .3s} .cardWrap:hover { background: rgba(183,41,50,0.03) } .cardInfo { flex: 1; font-size: 1rem; font-weight: 500; color: #3d3d3d } .cardInfo p span { font-size: 12px; color: #fff; font-weight: 400; padding: 1px 6px 2px; background: #ef5451; border-radius: 3px; margin-left: 5px; min-height: 18px; line-height: 16px; margin-top: 0} .cardInfo span { color: #acacac; display: inline-block; margin-top: 10px; font-size: 14px; font-weight: 400} .ciMore { position: relative;} .ciMore button { width: 30px; height: 30px; border-radius: 50%; border-color: #ededed; color: #3d3d3d; font-size: 12px; transition: all 0.3s} .ciMore button:hover { background: #f9f9f9} .ciMBtn {position: absolute; right: 10px; bottom: -105px; background: #fff; border-radius: 5px; width: 80px; box-shadow: 0 3px 8px rgba(0,0,0,0.1); padding: 0 5px;} .ciMBtn li {padding: 10px 0; border-bottom: 1px solid #ededed; text-align: center} .ciMBtn li:last-child { border-bottom: none;} .ciMBtn li button { width: 100%; border-color: #fff; cursor: pointer; border-radius: 0; transition: all .3s; font-size: 13px; letter-spacing: 2px; } .ciMBtn li button:hover { background: #fff; font-weight: 500} /* 결제수단 모달 */ .cardModalW { position: fixed; left: 0; top: 0; z-index: 999; background-color: rgba(0,0,0,0.6); width: 100%; height: 100vh; display: none; } .cardMTxt { background: #fff; padding: 24px 32px 40px; box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.16); border-radius: 4px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: inline-block; max-width: 400px} .modalTop { font-weight: bold; font-size: 1.5rem; color: #181818; } .smClose { width: 22px; height: 22px; float: right; position: relative; border: none; } .smClose:after { content: ''; display: inline-block; width: 1px; height: 16px; transform: rotate(45deg) translateY(-50%); background-color: #000; position: absolute; top: 45%; left: 4px } .smClose:before { content: ''; display: inline-block; width: 1px; height: 16px; transform: rotate(-45deg) translateY(-50%); background-color: #000; position: absolute; top: 45%; left: 15px; } .cardModalW form > div:first-child { margin-top: 40px; } .cardModalW form > div { margin-bottom: 20px; font-size: 1rem; font-weight: 500; } .cardModalW form input { border: 1px solid #ededed;} .modalradio { cursor: pointer; display: inline-block} .modalradio input { display: none; } .modalradio span { display: inline-block; vertical-align: middle; cursor: pointer; color: #6d6d6d } .modalradio .icon { position: relative; width: 20px; height: 20px; border: 1px solid #ededed; transition: background 0.1s ease; border-radius: 50% } .modalradio .icon:after { content: ''; position: absolute; top: 2px; left: 5px; width: 5px; height: 9px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg) scale(0); transition: all .3s ease; transition-delay: 0.15s; opacity: 0;} .modalradio .txt { margin-left: 5px; font-size: 1rem; color: #3d3d3d; font-weight: 400; } .modalradio input:checked ~ .icon { border-color: transparent; background: #ff6666; } .modalradio input:checked ~ .icon:after { opacity: 1; transform: rotate(45deg) scale(1)} .cardModalW .cardNumber section { width: 100%} .cardModalW .cardNumber input { width: calc((100% - 18px)/4); margin-right: 6px; height: 36px} .cardModalW input { border: 1px solid #ededed; padding: 10px; border-radius: 2px; width: 100%; margin-top: 10px; } .cardModalW input::placeholder { color: #cfcfcf; font-weight: 400} /*.cardModalW input:hover {border-color: #333}*/ .cardModalW input:focus { outline: 1px solid #333; border-color: #fff } .cardModalW input:focus:hover {border-color: #fff;} .cardModalW input:focus:after { outline: 1px solid #333; border-color: #fff } .cardEd input { width: calc((100% - 6px)/2); margin-right: 6px} .checkContent { color: #333; border-bottom: 1px solid #333; } .registerBtn { display: block; width: 100%; margin-top: 25px; background: rgba(199,32,48,0.8); color: #fff; padding: 16px 0; border-radius: 5px; border: none; } .registerBtn span { font-size: 1rem; letter-spacing: 1px } .registerBtn:hover span { opacity: 0.5} /* 설정 > 배송지 */ .addressPlus { color: #fa897b; cursor: pointer; font-size: 1rem; } .noneAddress { border: 1px dashed #ededed; padding: 40px; text-align: center; cursor: pointer; border-right: 5px; margin-bottom: 50px } .noneAddress p { color: #3d3d3d; font-weight: 600; font-size: 1.25rem; line-height: 2rem; } .noneAddress span { display: inline-block; margin-top: 20px; color: #6D6D6D} .addressWrap { border: 1px solid #ededed; margin-bottom: 10px; width: 100%; padding: 20px 15px; transition: all .3s} .addressWrap:hover { background: rgba(183,41,50,0.03) } .addressInfo { flex: 1; font-size: 1rem; font-weight: 500; color: #3d3d3d } .addressInfo p span { font-size: 12px; color: #fff; font-weight: 400; padding: 1px 6px 2px; background: #fa897b; border-radius: 3px; margin-left: 5px; min-height: 18px; line-height: 16px} .addressInfo > span { color: #acacac; margin-top: 10px; font-size: 14px; font-weight: 400; display: block} .ciMore { position: relative;} .ciMore button { width: 30px; height: 30px; border-radius: 50%; border-color: #ededed; color: #3d3d3d; font-size: 12px; transition: all 0.3s} .ciMore button:hover { background: #f9f9f9} .ciMBtn {position: absolute; right: 10px; bottom: -105px; background: #fff; border-radius: 5px; width: 80px; box-shadow: 0 3px 8px rgba(0,0,0,0.1); padding: 0 5px;} .ciMBtn li {padding: 10px 0; border-bottom: 1px solid #ededed; text-align: center} .ciMBtn li:last-child { border-bottom: none;} .ciMBtn li button { width: 100%; border-color: #fff; cursor: pointer; border-radius: 0; transition: all .3s; font-size: 13px; letter-spacing: 2px; } .ciMBtn li button:hover { background: #fff; font-weight: 500} /* 배송지 모달 */ .addressModalW { position: fixed; left: 0; top: 0; z-index: 999; background-color: rgba(0,0,0,0.6); width: 100%; height: 100vh; display: none; } .addressMTxt { background: #fff; padding: 24px 32px 40px; box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.16); border-radius: 4px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: inline-block; width: 400px; max-height: 80%; height: 100%; } .modalTop { font-weight: bold; font-size: 1.5rem; color: #181818; } .smClose { width: 22px; height: 22px; float: right; position: relative; border: none; } .smClose:after { content: ''; display: inline-block; width: 1px; height: 16px; transform: rotate(45deg) translateY(-50%); background-color: #000; position: absolute; top: 45%; left: 4px } .smClose:before { content: ''; display: inline-block; width: 1px; height: 16px; transform: rotate(-45deg) translateY(-50%); background-color: #000; position: absolute; top: 45%; left: 15px; } .addressModalW form { margin-top: 40px; max-height: 75%; overflow-y: auto; } .addressModalW form label { margin-bottom: 10px; font-size: 1rem; font-weight: 500; display: block; margin-top: 30px; } .addressModalW form input { border: 1px solid #ededed;} .cardModalW .cardNumber section { width: 100%} .cardModalW .cardNumber input { width: calc((100% - 18px)/4); margin-right: 6px; height: 36px} .addressModalW input { border: 1px solid #ededed; padding: 10px; border-radius: 2px; width: 100%; } .addressModalW input::placeholder { color: #cfcfcf; font-weight: 400} /*.adressModalW input:hover {border-color: #333}*/ .addressModalW input:focus { outline: 1px solid #333; border-color: #fff } .addressModalW input:focus:hover {border-color: #fff;} .addressModalW input:focus:after { outline: 1px solid #333; border-color: #fff } .addressSearch { border: 1px solid #ededed; border-radius: 3px; padding: 5px 10px; } .addressSearch input { flex: 1; padding: 0; border-color: #fff !important;} .addressSearch input:focus { outline: 1px solid #fff; border-color: #fff } .addressSearch input:focus:hover {border-color: #fff;} .addressSearch input:focus:after { outline: 1px solid #fff; border-color: #fff } .addressSearch button { display: inline-block; position: relative; width: 30px; height: 30px; border-color: #fff; cursor: pointer; transform: translateX(5px)} .addressSearch button:before { content: ''; position: absolute; left: 5px; top: 5px; width: 15px; height: 15px; border-radius: 50%; border: 1px solid #181818;} .addressSearch button:after { content: ''; position: absolute; right: 6px; bottom: 3px; width: 1px; height: 8px; background-color: #181818; transform: rotate(-45deg)} .contactAddress { margin-bottom: 10px} .caDelete { padding: 10px 15px; border-radius: 3px; margin-left: 5px; border-color: #ededed; transition: all .3s; } .caDelete:hover { background-color: #faf9f9; } .caDelete i { font-size: 15px} .caPlus { padding: 0; border: none; font-size: 0.875rem; color: #3d3d3d; font-weight: 500 } .caPlus span { width: 20px; height: 20px; border: 1px solid #3d3d3d ; border-radius: 50%; display: inline-block; position: relative; margin-right: 5px} .caPlus span:before { content: '+'; display: inline-block; font-size: 15px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #3d3d3d ; font-weight: 600 } .cardEd input { width: calc((100% - 6px)/2); margin-right: 6px} .checkContent { color: #333; border-bottom: 1px solid #333; } /* 후원 내역 상세 (common) #faf8f7 rgba(0,0,0,1%) */ .bTBC { padding: 20px 0; border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; } .backgroundC { background-color: rgba(0,0,0,0.02); color: #9e9e9e; padding: 10px 15px;} .backgroundC li { line-height: 1.8em; } .backgroundC li:last-child { border-top: 1px solid #eaeaea; padding-top: 5px; margin-top: 10px; } .backgroundC li:last-child span { color: rgba(233, 28, 31, .8); font-weight: 800; } .rilTit { font-size: 1rem; font-weight: 500; } .changeBtn { color: rgba(233, 28, 31, .95); border: none; } .bTBC div { color: #676767; margin-bottom: 5px; font-weight: 400; } .bTBC div span { width:80px; color: #484949; font-weight: 500; margin-right: 10px} .blNotice { font-weight: 600;} .paymentCancel { margin-top: 20px; } .paymentCancel button { width: 100%; padding: 15px 0; border-radius: 3px; color: #9f9f9f; font-weight: 400; transition: all .3s } .paymentCancel button:hover {background-color: #f9f9f9; } .paymentCancel span { display: inline-block; color: #676767; font-size: 13px; margin-top: 10px; line-height: 1.5em} .blwrap { position: fixed; left: 0; top: 0; z-index: 999; background-color: rgba(0,0,0,0.6); width: 100%; height: 100vh; display: none;} .blTxt { background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 65px 20px 45px; box-shadow: 0 2px 6px rgba(0,0,0,0.4); min-width: 400px;} .blTxt > p { line-height: 32px; color: #181818; font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; } .blTxt > p > span > a { font-weight: 400; color: rgba(233, 28, 31, .95);} .roWrap .afterSelect { border: 1px solid #ededed; border-radius: 3px; padding: 10px 0 } .roWrap .afterSelect select { padding-left: 10px; } .roBtnWrap { margin-top: 20px; float: right; } .roBtnWrap button:nth-child(1) { border-color: #e5e5e5; padding: 10px 20px; color: #e5e5e5; transition: all .3s; border-radius: 3px; font-size: 1rem;} .roBtnWrap button:nth-child(1):hover { border-color: #cbcbcb; color: #333;} .roBtnWrap button:nth-child(2) { border-color:#ef5451; padding: 10px 20px; background-color:rgba(233, 28, 31, .8); font-size: 1rem; transition: all .3s; border-radius: 3px; color: #fff} .blClose { position: absolute; right: 20px; top: 20px; padding: 15px; cursor: pointer; font-size: 16px; border-color: #fff } .blClose:after { content: ''; display: inline-block; width: 1px; height: 16px; transform: rotate(45deg) translateY(-50%); background-color: #000; position: absolute; top: 45%; left: 9px } .blClose:before { content: ''; display: inline-block; width: 1px; height: 16px; transform: rotate(-45deg) translateY(-50%); background-color: #000; position: absolute; top: 45%; left: 20px; } .blwrap form { border-top: 1px solid #ededed; } .blwrap label { border-bottom: 1px solid #ededed; padding: 15px 0; cursor: pointer; transition: all .3s } .blwrap label:hover { background: rgba(183,41,50,0.03) } .blwrap input[type="radio"] {display: none; } .blwrap .icon { width: 20px; height: 20px; border-radius: 50%; border: 1px solid #ededed; margin-right: 10px; position: relative } .blwrap .icon:after { content: ''; position: absolute; top: 2px; left: 5px; width: 5px; height: 9px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg) scale(0); transition: all .3s ease; transition-delay: 0.15s; opacity: 0;} .blwrap input:checked ~ .icon { background: rgba(233, 28, 31, .8); border-color: #ef5451;} .blwrap input:checked ~ .icon:after { opacity: 1; transform: rotate(45deg) scale(1)} .mt_info_cont .rewardInfoList .barcode_modal div:first-child{ margin-bottom: 30px; } .mt_info_cont .rewardInfoList .barcode_modal .barcode_button.mo{ display: none; } .mt_info_cont .rewardInfoList .barcode_modal .bcode_content .mo{ display: none; }.mt_info_cont .rewardInfoList .barcode_modal .bcode_content .bar_close{ display: none; } @media screen and (max-width: 1024px) { .blwrap .blTxt { height: 100vh; padding: 65px 30px 45px } .mt_info{ padding-left: 20px; padding-right: 20px; } .mt_info_cont{ padding-left: 20px; padding-right: 20px; } .mt_info_cont .mWrap{ padding-left: 10px; padding-right: 10px; } } @media screen and (max-width: 720px) { .blwrap .blTxt { height: 100vh; padding: 65px 30px 45px } } @media screen and (max-width: 540px) { .mt_info{ padding: 30px 20px; } .mt_info .topTxt{ padding: 0; } .mt_info .topTxt h1{ font-size: 18px; font-weight: 600; } .mt_info_cont .rewardInfoList .barcode_modal .barcode_button.mo{ display: block; text-align: center; } .mt_info_cont .rewardInfoList .barcode_modal .barcode_button.mo button{ width: 120px; height: 40px; margin: 20px 0; background-color: #F86453; color: #ffffff; border-radius: 5px; font-weight: 500; border:0px; } .mt_info_cont .rewardInfoList .barcode_modal .bcode_content{ display: none; } .mt_info_cont .rewardInfoList .barcode_modal .bcode_content.on{ display: block; position: fixed; top: 0; left: 0; z-index: 999999; width: 100vw; height: 100vh; background-color: #fff; padding: 20px 15px; overflow: hidden; } .mt_info_cont .rewardInfoList .barcode_modal .bcode_content .mo{ display: block; } .mt_info_cont .rewardInfoList .barcode_modal .bcode_content{ display: none; } .mt_info_cont .rewardInfoList .barcode_modal .bcode_content.on{ display: block; } .mt_info_cont .rewardInfoList .barcode_modal .bcode_content div{ width:100%; height: 100%; } .mt_info_cont .rewardInfoList .barcode_modal .bcode_content .bar_close.mo{ display: block; width: 40px; height: 40px; background-image: url("../../images/icon_close.png"); background-repeat: no-repeat; background-size: 25px auto; background-position: center; text-indent: -9999999px; } .mt_info_cont .rewardInfoList .barcode_modal .bcode_content div h2 { position: absolute; top: 50%; left: 50%; display: block; transform-origin: center; transform: translate(-50%,-50%) rotate(270deg); margin-top: auto; margin-bottom: auto; } } /* 밋업 크리에이터 관리*/ .exl_btn_wrap{align-items: flex-end;} .exelBtn { border: 1px solid #ededed; display: inline-block; border-radius: 3px; padding: 5px 10px; height: 30px; } .guestTable { border: 1px solid #eee !important; } .guestTable thead { background-color: #f9f9f9 !important;} .guestTable th { font-size: 13px; border-right: 1px solid #eee;} .guestTable th:last-child { border-right: none;} .guestTable td { border-top: 1px solid #eee !important; border-right: 1px solid #eee; } .guestTable td:last-child { border-right: none;} .guestTable tfoot{ background-color: #f9f9f9 !important;} .tab02_button_wrap{ display: flex; justify-content: space-between; margin-bottom: 10px; } .tab_bottom_btn{ margin-top: 10px; display: flex; justify-content: flex-end; } .tab_bottom_btn #cancel{ border: 1px solid #333; border-radius: 4px; padding: 5px 15px; margin-right: 5px; } .tab_bottom_btn #enter{ background: #333; border-radius: 4px; padding: 5px 15px; border: unset; color: #fff; } #return{ border: 1px solid #333; border-radius: 4px; padding: 5px 15px; margin-right: 5px; } #return span{ color: #333; font-weight: 400; } #approval{ background: #333; border-radius: 4px; padding: 5px 15px; border: unset; } #approval span{ color: #fff; font-weight: 400; } #allapproval{ background: #333; border-radius: 4px; padding: 5px 15px; border: unset; } #allapproval span{ color: #fff; font-weight: 400; } #enter{ background: #333; border-radius: 4px; padding: 5px 15px; border: unset; color: #fff; } /* 밋업 입장처리 모달 */ #enter_ck_wrap{ display: none; position: fixed; z-index: 999; width: 100%; height: 100%; top:0; left:0; background-color: rgba(0,0,0,0.3); } .enter_ck{ z-index: 9999; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 400px; background-color: #ffffff; padding: 30px 30px 60px 30px; box-shadow: 3px 3px 5px #ddd; border-radius: 5px; } .enter_ck .enter_ck_close{ width: 40px; height: 40px; margin-bottom: 30px; margin-left: auto; } .enter_ck .enter_ck_close a{ display: block; width: 100%; height: 100%; background-image: url("../../images/icon_close.png"); background-repeat: no-repeat; background-size: 20px 20px; background-position: center; } .enter_ck .enter_tl{ font-family: inherit; font-size: 28px; font-weight: 600; text-align: center; margin-bottom: 40px;} .enter_ck .enter_list{ padding: 0 20px; margin-bottom: 40px; } .enter_ck div ul li{ width:100%; display: flex; justify-content: left; margin-bottom: 5px; } .enter_ck div ul li span{ display: block; height: 20px; } .enter_ck div ul li .el1{ width: 120px; margin-right: 10px; text-align: right; font-weight: 500; } .enter_ck div ul li .el2{ width: 230px; } .enter_person{ margin-bottom: 40px; } .enter_person p:first-child{ font-size: 16px; font-weight: 600; margin-bottom: 20px; text-align: center; } .enter_person div{ padding: 0 80px; } .enter_person div ul li{ display: flex; justify-content: space-between; } .enter_person div ul li >*{ display: block; height: 20px; vertical-align: middle;; line-height: 20px; } .enter_person div ul li p:first-child{ font-weight: 500; } .enter_person div ul li input[type="text"]{ display: inline-block; width: 30%; height: 20px; outline: none; vertical-align: top; text-align: right; border-width: 0; border-bottom: 1px solid #ccc; margin-left: 20px; } .enter_person div ul li p span{ display: inline-block; text-align: center; } .enter_person div ul li .ep1{ margin-right: 5px; } .enter_suc{ width: 60%; height: 50px; background-color: #F86453; color: #fff; margin-left: auto; margin-right: auto; text-align: center; line-height: 50px; font-weight: 500; font-size: 18px; border-radius: 5px; } /* 밋업 배커 */ .contImg { width: 200px; height: 120px; border-radius: 3px; border: 1px solid #e4e4e4; margin-right: 20px } .visible_wrap li:nth-child(2) { width: calc(100% - 220px); } .requestW { display: block; margin-bottom: 5px; } .contFInfo { padding: 0 5px 15px; } .contFInfo li a { color: #333; font-weight: 400; display: inline-block; padding: 5px 10px;} .contFInfo li { padding: 5px 10px; } /*.contFInfo li:last-child { margin-left: 10px; position: relative; padding: 5px 10px; }*/ /*.contFInfo li:last-child:before { content: ''; display: inline-block; width: 2px; height: 12px; background-color: #e4e4e4; position: absolute; left: -5px; top: 50%; transform: translateY(-50%) }*/ .placeMeet li:first-child{ width: 65px;} @media screen and (max-width: 720px) { .contImg { width: 100px; height: 70px; } .visible_wrap li:nth-child(2) { width: calc(100% - 120px); } .placeMeet li:first-child{ width: 80px;} } /* 관심 캠페인 */ .LikeW > div:nth-child(3n) { margin-right: 0 !important;} @media screen and (max-width: 1100px) { .LikeW .project_section { width: calc((100% - 80px)/3) !important; margin-right: 40px !important;} } @media screen and (max-width: 767px) { .LikeW .project_section { width: 100% !important; margin-right: 0 !important; margin-bottom: 15px} .LikeW .project_section a { display: flex; } .LikeW .project_section .img_box { width: 150px; height: 100px !important;} .LikeW .progress-inner { width: calc(100% - 150px); padding-left: 10px; } .LikeW .campaign small {margin-top: 5px !important;} .LikeW .progress-inner .campaign b { -webkit-line-clamp:1; height: auto; margin-bottom: 15px !important} .meetupLike .progress-inner { padding-left: 10px; } .meetupLike .progress-inner b { -webkit-line-clamp:1; height: auto; margin-bottom: 15px } } /* 모의 크라우드펀딩*/ .shamList { border: 1px solid #e4e4e4; border-radius: 5px; overflow: hidden; } .shamList .img_box { border: none !important; border-radius: 0 !important;} .shamList .team_name { color: #a8a8a8 !important; } .shamList .sham-progress { padding: 10px 10px 15px !important; } .shamList .sham-progress ul:first-child { margin-bottom: 5px;} .shamList .sham-progress ul li:first-child { width: 70px; color: #a8a8a8; } .shamList .sham-progress ul li:last-child { font-weight: 500} /*모크 관리자*/ .shamBg { border-bottom: 1px solid #ededed; padding: 50px 0} .shamBg h2 { color: rgba(0,0,0,0.85); font-weight: 700; } .shamBg p { color: rgba(0,0,0,.45); margin-top: 10px;} .shamRR .go_to_crowd a {background: #ededed; color: #292929; border: none;} .shamCA { padding: 0 0 15px 0 !important; border-bottom: 1px solid #ededed; border-radius: 0 !important; } /*모크 캠페인 디테일*/ .shamCD {} .shamCD .shamCategory { font-size: 0.9em; font-weight: 500; padding: 10px; color: #757575; background: #fafafa; border: 1px solid rgb(239, 239, 239); border-radius: 2px; display: inline-block} .shamCD .detailRight .detailTit { margin: 10px 0 8px; font-weight: 400; color: #212121; } .shamCD .detailRight h1 { font-size: 2em; font-weight: 600; } .shamCD .detailRight h1 small { font-weight: 400; color: #212121; margin-left: 3px; font-size: 0.937rem;} .shamCD .shamRBW { border-top: 1px solid rgb(244, 244, 244); padding: 20px 0 10px;} .shamCD .shamRBW .shamRB { margin-bottom: 10px } .shamCD .shamRBW .shamRB li:first-child { margin-right: 20px; font-weight: 700; color: #3d3d3d; font-size: 12px; } /*.shamCD .shamRBW .shamWith { padding: 16px 20px; border: 1px solid rgb(239, 239, 239); box-shadow: rgb(0 0 0 / 5%) 2px 2px 6px; line-height: 20px; margin-top: 20px; }*/ /*.shamCD .shamRBW .shamWith span { font-weight: 600; color: #e91c1f; }*/ .shamCD .shamRBW .shamWith { padding: 16px 20px; line-height: 25px; margin-top: 20px; border-radius: 5px; color: rgba(0,0,0,.5); background: rgb(253, 244, 243)} .shamCD .shamRBW .shamWith span { font-weight: 600; color: rgb(235, 75, 56); } /*.shamCD .cke_content_div { position: relative; width: 100%; height: 100%; }*/ /*.shamCD .cke_content_div .mainImg { position: absolute; left: 0; top: 0; padding-bottom: 60.25%}*/ .shamCD .detailLeft .mainImg { padding-bottom: 60.25%; } /* 밋업 결제 완료 페이지*/ .sub_foot_wrap{ width: 1100px; margin:0 auto; padding: 30px 30px; background-color: #FDF3F2; margin-bottom: 80px; } .sub_foot .sub_foot_title, .sub_foot .sub_foot_title span{font-size: 1.2rem; font-weight: 600; margin-bottom: 10px;} .sub_foot li {display: flex; justify-content: left;margin-bottom: 5px;} .sub_foot li p{font-size: 0.95rem;} .sub_foot li p:first-child{width: 10%; font-weight: 600; } .sub_foot_wrap .sub_foot_tPrice{ display: flex; justify-content: right; width: 100%; font-size: 1.1rem; font-weight: 600;} .sub_foot_wrap .sub_foot_tPRice .sub_foot_tp_s{font-size: 1.2rem;!important;} .sub_foot_wrap .sub_foot_tPrice p:last-child{margin-left: 5px;} .sub_foot_wrap .sub_foot_tPrice p:last-child span{font-size: 1.3rem; margin-right: 3px;} .sub_foot_wrap .sub_foot_tPRice div p{display: inline-block;} .sub_foot_wrap .sub_foot_tPrice p:last-child,.sub_foot_tPRice p:last-child span{ color: #b71c24; font-weight: 600;}