수정사항 커밋

This commit is contained in:
JSYOO 2021-11-18 15:40:09 +09:00
parent fd8d1aacc4
commit 99a14a478c
8 changed files with 136 additions and 57 deletions

View File

@ -195,7 +195,7 @@
MB_INFO MB_INFO
SET SET
LEAVE_SITE_DATE = DATE_FORMAT(CURDATE(), '%Y%m%d') LEAVE_SITE_DATE = DATE_FORMAT(CURDATE(), '%Y%m%d')
,LOGIN_USER_ID=#{loginUserId} + '-' + {mbInfoId} ,LOGIN_USER_ID= CONCAT(#{loginUserId},'-',#{mbInfoId})
,STATUS = "D" ,STATUS = "D"
,BIRTHDAY = NULL ,BIRTHDAY = NULL
,ZIP_CODE = NULL ,ZIP_CODE = NULL

View File

@ -33,7 +33,7 @@
<c:set var="pageTitle">공지사항</c:set> <c:set var="pageTitle">공지사항</c:set>
<script type="text/javaScript" language="javascript"> <script>
$( document ).ready(function() { $( document ).ready(function() {
@ -151,25 +151,38 @@
} else { } else {
$("div.list-data li.no-result").hide(); $("div.list-data li.no-result").hide();
$( "div.list-data").empty();
var t_title = "";
t_title += "<div class=\"list t-tit-line\">"
t_title += "<div class=\"t-chk\"><input type=\"checkbox\" id=\"allChk\" onclick=\"selectAllChk();\"></div>"
t_title += "<div class=\"t-cultural\">문화원</div>"
t_title += "<div class=\"t-data\">자료정보</div>"
t_title += "<div class=\"t-btn\">이용</div>"
t_title += "</div>"
t_title += "<li class=\"no-result\" style=\"display:none;\">"
t_title += "<span>검색결과가 없습니다.</span>"
t_title += "</li>"
$( "div.list-data").append(t_title);
// 출력 // 출력
$.each(jsonObj.data,function(key,obj) { $.each(jsonObj.data,function(key,obj) {
var t_data = ""; var t_data = "";
t_data += "<div class=\"img\"><a><img src=\"" + obj.rprsThumbUrlWithDefault + "\"</a>"; t_data += "<div class=\"img\"><a><img src=\"" + obj.rprsThumbUrlWithDefault + "\"</a>";
t_data += "<span id=\"favorites_" + obj.masterId + "\" class=\"favorites\" onclick=\"deleteInterests('single','" + obj.masterId + "');\"><img src=\"/images/icon/icon-cart-Favorites-on.png\" class=\"off\" alt=\"즐겨찾기 아이콘\"><img src=\"/images/icon/icon-cart-Favorites.png\" class=\"on\" alt=\"즐겨찾기 아이콘\"></span></div>"; t_data += "<span id=\"favorites_" + obj.masterId + "\" class=\"favorites\" onclick=\"deleteInterests('single','" + obj.masterId + "');\"><img src=\"/images/icon/icon-cart-Favorites-on.png\" class=\"off\" alt=\"즐겨찾기 아이콘\"><img src=\"/images/icon/icon-cart-Favorites.png\" class=\"on\" alt=\"즐겨찾기 아이콘\"></span></div>";
t_data += "<div class=\"type\">" t_data += "<div class=\"type\">"
if(obj.openDivCd != "3") if(!fn_isEmpty(obj.openDivCd) && obj.openDivCd != "3" && obj.operReadRangeCd == "01" && obj.digitalReadYn == 'Y')
{ {
t_data += "<span class=\"online\">온라인열람</span>" t_data += "<span class=\"online\">온라인열람</span>"
} }
if(obj.operOutRangeCd != "02") if(!fn_isEmpty(obj.openDivCd) && obj.openDivCd != "3" && !fn_isEmpty(obj.operOutRangeCd) && obj.operOutRangeCd != "02")
{ {
t_data += "<span class=\"loan\">대출</span>" t_data += "<span class=\"loan\">대출</span>"
} }
if(obj.operReadRangeCd != "03") if(!fn_isEmpty(obj.openDivCd) && obj.openDivCd != "3" && !fn_isEmpty(obj.operReadRangeCd) && obj.operReadRangeCd != "03")
{ {
t_data += "<span class=\"visit\">방문열람</span>" t_data += "<span class=\"visit\">방문열람</span>"
} }
if(obj.openDivCd != "3" && obj.operOutRangeCd != "02" && obj.operReadRangeCd != "03") if(!(!fn_isEmpty(obj.openDivCd) && obj.openDivCd != "3") && !(obj.operReadRangeCd == "01" && obj.digitalReadYn == 'Y') && !(!fn_isEmpty(obj.operOutRangeCd) && obj.operOutRangeCd != "02") && !(!fn_isEmpty(obj.operReadRangeCd) && obj.operReadRangeCd != "03"))
{ {
t_data += "<span class=\"etc\">기타</span>" t_data += "<span class=\"etc\">기타</span>"
} }
@ -307,15 +320,6 @@
</div> </div>
<div class="list-data-wrap"> <div class="list-data-wrap">
<div class="list-data"> <div class="list-data">
<div class="list t-tit-line">
<div class="t-chk"><input type="checkbox" id="allChk" onclick="selectAllChk();"></div>
<div class="t-cultural">문화원</div>
<div class="t-data">자료정보</div>
<div class="t-btn">이용</div>
</div>
<li class="no-result" style="display:none;">
<span>검색결과가 없습니다.</span>
</li>
</div> </div>
<ul id="paging" class="paging"></ul> <ul id="paging" class="paging"></ul>
<div class="btn-box"> <div class="btn-box">

View File

@ -229,8 +229,8 @@ function goList(){
</ul> </ul>
</div> </div>
<div class="b-btn"> <div class="b-btn">
<button type="button" class="btn btn-color" onclick="gfn_rentItem('${result.masterId}')">대출예약</button> <button type="button" class="btn btn-color" onclick="gfn_rentItem('${result.mngOrgCd}', '${result.masterId}')">대출예약</button>
<button type="button" class="btn btn-green" onclick="gfn_reserveReadItem('${result.masterId}')">방문열람신청</button> <button type="button" class="btn btn-green" onclick="gfn_reserveReadItem('${result.mngOrgCd}', '${result.masterId}')">방문열람신청</button>
<button type="button" class="btn btn-orange" onclick="fn_addRentCart('${result.masterId}', '${result.useStatus}')">카트담기</button> <button type="button" class="btn btn-orange" onclick="fn_addRentCart('${result.masterId}', '${result.useStatus}')">카트담기</button>
</div> </div>
<c:if test="${fn:length(keywordList) > 0 }"> <c:if test="${fn:length(keywordList) > 0 }">

View File

@ -49,7 +49,7 @@
<script src="${pageContext.request.contextPath}/js/jsgrid/nlib-jsgrid.js"></script> <script src="${pageContext.request.contextPath}/js/jsgrid/nlib-jsgrid.js"></script>
<script src="${pageContext.request.contextPath}/js/search/util.js"></script> <script src="${pageContext.request.contextPath}/js/search/util.js"></script>
<script src="${pageContext.request.contextPath}/js/search/reference.js"></script> <script src="${pageContext.request.contextPath}/js/search/reference.js"></script>
<script type="text/javaScript" language="javascript"> <script>
window.onload = function() { window.onload = function() {
@ -187,6 +187,7 @@ function goSearchNculture() {
//탭 이동 //탭 이동
function fnTabMoveSch(collection){ function fnTabMoveSch(collection){
$("#collection").val(collection); $("#collection").val(collection);
$("#pageIndex").val(1);
fnFilterSch(); fnFilterSch();
} }
function fnFilterSch(){ function fnFilterSch(){
@ -457,19 +458,18 @@ function fn_search_article(pageIndex) {
</sec:authorize> </sec:authorize>
</div> </div>
<div class="type"> <div class="type">
<c:if test="${(!empty result.openDivCd) && (result.openDivCd ne '3') }"> <c:if test="${!empty result.openDivCd && result.openDivCd ne '3' && result.operReadRangeCd eq '01' && result.digitalReadYn eq 'Y'}">
<span class="online">온라인열람</span> <span class="online">온라인열람</span>
</c:if> </c:if>
<c:if test="${(!empty result.operOutRangeCd) && (result.operOutRangeCd ne '02')}"> <c:if test="${!empty result.openDivCd && result.openDivCd ne '3' && !empty result.operOutRangeCd && result.operOutRangeCd ne '02'}">
<span class="loan">대출</span> <span class="loan">대출</span>
</c:if> </c:if>
<c:if test="${(!empty result.operReadRangeCd) && (result.operReadRangeCd ne '03')}"> <c:if test="${!empty result.openDivCd && result.openDivCd ne '3' && !empty result.operReadRangeCd && result.operReadRangeCd ne '03'}">
<span class="visit">방문열람</span> <span class="visit">방문열람</span>
</c:if> </c:if>
<c:if test="${!((!empty result.openDivCd) && (result.openDivCd ne '3')) && !((!empty result.operOutRangeCd) && (result.operOutRangeCd ne '02')) && !((!empty result.operReadRangeCd) && (result.operReadRangeCd ne '03')) }"> <c:if test="${!(!empty result.openDivCd && result.openDivCd ne '3') && !(result.operReadRangeCd eq '01' && result.digitalReadYn eq 'Y') && !(!empty result.operOutRangeCd && result.operOutRangeCd ne '02') && !(!empty result.operReadRangeCd && result.operReadRangeCd ne '03') }">
<span class="etc">기타</span> <span class="etc">기타</span>
</c:if> </c:if>
</div> </div>
<div class="title"><a href="javascript:void(0)" onclick="goDetail('${result.masterId}');"><c:out value="${result.title}"/></a></div> <div class="title"><a href="javascript:void(0)" onclick="goDetail('${result.masterId}');"><c:out value="${result.title}"/></a></div>
<div class="code"><c:out value="${result.mngtNo}"/></div> <div class="code"><c:out value="${result.mngtNo}"/></div>

View File

@ -36,8 +36,14 @@ $(document).ready(function() {
} }
}); });
function goFindPw(){
var mailDoubleSubmitFlag = false;
function goFindPw(){
if(mailDoubleSubmitFlag)
{
alert("메일 전송중입니다. 잠시만 기다려주세요.");
return false;
}
var data = $("form[name=initPw]").serialize(); var data = $("form[name=initPw]").serialize();
var regExp = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i; var regExp = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i;
if($("#initPw [name=email]").val() == "") if($("#initPw [name=email]").val() == "")
@ -52,11 +58,13 @@ function goFindPw(){
alert("이메일을 다시 확인해주세요. (예: example@mail.com)"); alert("이메일을 다시 확인해주세요. (예: example@mail.com)");
return false; return false;
} }
mailDoubleSubmitFlag = true;
$.ajax({ $.ajax({
url : "${pageContext.request.contextPath}/member/initPassword.ajax", url : "${pageContext.request.contextPath}/member/initPassword.ajax",
type : "POST", type : "POST",
data : data, data : data,
success : function(result){ success : function(result){
mailDoubleSubmitFlag = false;
if(result == "success") if(result == "success")
{ {
alert("입력하신 이메일로 임시 비밀번호가 발송되었습니다. 메일을 확인해주세요."); alert("입력하신 이메일로 임시 비밀번호가 발송되었습니다. 메일을 확인해주세요.");
@ -80,6 +88,7 @@ function goFindPw(){
} }
},error : function(){ },error : function(){
mailDoubleSubmitFlag = false;
alert("이메일 발송에 실패하였습니다. 관리자에게 문의하여 주시기 바랍니다."); alert("이메일 발송에 실패하였습니다. 관리자에게 문의하여 주시기 바랍니다.");
} }
}) })

View File

@ -237,11 +237,17 @@ $(document).ready(function() {
} }
}); });
}) })
<% <%
//이메일 인증 //이메일 인증
%> %>
var mailDoubleSubmitFlag = false;
function emailCert(){ function emailCert(){
if(mailDoubleSubmitFlag)
{
alert("메일 전송중입니다. 잠시만 기다려주세요.");
return false;
}
var regExp = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i; var regExp = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i;
@ -251,10 +257,11 @@ function emailCert(){
return false; return false;
} }
mailDoubleSubmitFlag = true;
$.ajax({ $.ajax({
url : "${pageContext.request.contextPath}/member/emailCertNum.ajax", url : "${pageContext.request.contextPath}/member/emailCertNum.ajax",
type : "POST", type : "POST",
async: false, async: true,
data : {"email" : $("#email").val()}, data : {"email" : $("#email").val()},
success : function(result){ success : function(result){
alert(result.msg); alert(result.msg);
@ -264,14 +271,17 @@ function emailCert(){
$("#emailCertYn").val("N"); $("#emailCertYn").val("N");
$("[id^='emailSuc']").css("display","none"); $("[id^='emailSuc']").css("display","none");
$("[id^='emailVrfctNo']").css("display","inline-block"); $("[id^='emailVrfctNo']").css("display","inline-block");
mailDoubleSubmitFlag = false;
} }
if(result.emailCertYn=="N") if(result.emailCertYn=="N")
{ {
$("#emailCertYn").val("N"); $("#emailCertYn").val("N");
$("[id^='emailSuc']").css("display","none"); $("[id^='emailSuc']").css("display","none");
mailDoubleSubmitFlag = false;
} }
},error : function(){ },error : function(){
mailDoubleSubmitFlag = false;
} }
}) })
} }
@ -308,10 +318,19 @@ function certEmailCheck(){
}) })
} }
var mobileDoubleSubmitFlag = false;
<% <%
//핸드폰 인증번호 받기 //핸드폰 인증번호 받기
%> %>
function mobileCert(){ function mobileCert(){
if(mobileDoubleSubmitFlag)
{
alert("인증번호 전송중입니다. 잠시만 기다려주세요.");
return false;
}
mobileDoubleSubmitFlag = true;
var mobileNo = $("#mobileNo_1").val()+ $("#mobileNo_2").val()+ $("#mobileNo_3").val(); var mobileNo = $("#mobileNo_1").val()+ $("#mobileNo_2").val()+ $("#mobileNo_3").val();
mobileNo = mobileNo.replace(/-/gi,""); mobileNo = mobileNo.replace(/-/gi,"");
@ -327,14 +346,16 @@ function mobileCert(){
$.ajax({ $.ajax({
url : "${pageContext.request.contextPath}/member/mobileCertNum.ajax", url : "${pageContext.request.contextPath}/member/mobileCertNum.ajax",
type : "POST", type : "POST",
async: false, async: true,
data : {"mobileNo" : mobileNo}, data : {"mobileNo" : mobileNo},
success : function(result){ success : function(result){
alert("인증번호가 발송됐습니다."); alert("인증번호가 발송됐습니다.");
$("#mobileCertYn").val("N"); $("#mobileCertYn").val("N");
$("[id^='mobileSuc']").css("display","none"); $("[id^='mobileSuc']").css("display","none");
$("[id^='mobileVrfctNo']").css("display","inline-block"); $("[id^='mobileVrfctNo']").css("display","inline-block");
mobileDoubleSubmitFlag = false;
},error : function(){ },error : function(){
mobileDoubleSubmitFlag = false;
} }
}) })
} }
@ -467,6 +488,11 @@ function calcAge(birth) {
return age; return age;
} }
function fn_cancel(){
document.joinForm.action ="/member/selectMemberJoiningInfo.do";
document.joinForm.submit();
}
</script> </script>
</head> </head>
<body> <body>
@ -631,7 +657,7 @@ function calcAge(birth) {
</div> </div>
<div class="btn-box"> <div class="btn-box">
<button type="button" class="btn btn-gray" id="cancel">취소</button> <button type="button" class="btn btn-gray" id="cancel" onclick="fn_cancel();">취소</button>
<button type="button" class="btn btn-color" onclick="signUp();">가입하기</button> <button type="button" class="btn btn-color" onclick="signUp();">가입하기</button>
</div> </div>
</form> </form>

View File

@ -36,7 +36,14 @@
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javaScript" language="javascript" defer="defer"> <script type="text/javaScript" language="javascript" defer="defer">
$(document).ready(function() { $(document).ready(function() {
<%
//인증완료
%>
$("[id^='mobileSuc']").css("display","inline-block");
$("[id^='emailSuc']").css("display","inline-block");
<%
// sns연동이 하나일때 연결해제버튼 제거 // sns연동이 하나일때 연결해제버튼 제거
%>
if($("inputinput[name='unlinkBtn']").length==1) if($("inputinput[name='unlinkBtn']").length==1)
{ {
$("input[name='unlinkBtn']").remove(); $("input[name='unlinkBtn']").remove();
@ -262,7 +269,13 @@ function changePassword(){
<% <%
//이메일 인증 //이메일 인증
%> %>
var mailDoubleSubmitFlag = false;
function emailCert(){ function emailCert(){
if(mailDoubleSubmitFlag)
{
alert("메일 전송중입니다. 잠시만 기다려주세요.");
return false;
}
var regExp = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i; var regExp = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i;
@ -273,10 +286,12 @@ function emailCert(){
return false; return false;
} }
mailDoubleSubmitFlag = true;
$.ajax({ $.ajax({
url : "${pageContext.request.contextPath}/member/emailCertNum.ajax", url : "${pageContext.request.contextPath}/member/emailCertNum.ajax",
type : "POST", type : "POST",
async: false, async: true,
data : {"email" : $("#email").val(), data : {"email" : $("#email").val(),
"pageName" : "myInfo"}, "pageName" : "myInfo"},
success : function(result){ success : function(result){
@ -287,13 +302,16 @@ function emailCert(){
$("#emailCertYn").val("N"); $("#emailCertYn").val("N");
$("[id^='emailSuc']").css("display","none"); $("[id^='emailSuc']").css("display","none");
$("[id^='emailVrfctNo']").css("display","inline-block"); $("[id^='emailVrfctNo']").css("display","inline-block");
mailDoubleSubmitFlag = false;
} }
if(result.emailCertYn=="N") if(result.emailCertYn=="N")
{ {
$("#emailCertYn").val("N"); $("#emailCertYn").val("N");
$("[id^='emailSuc']").css("display","none"); $("[id^='emailSuc']").css("display","none");
mailDoubleSubmitFlag = false;
} }
},error : function(){ },error : function(){
mailDoubleSubmitFlag = false;
} }
}) })
} }
@ -331,10 +349,20 @@ function certEmailCheck(){
}) })
} }
var mobileDoubleSubmitFlag = false;
<% <%
//핸드폰 인증번호 받기 //핸드폰 인증번호 받기
%> %>
function mobileCert(){ function mobileCert(){
if(mobileDoubleSubmitFlag)
{
alert("인증번호 전송중입니다. 잠시만 기다려주세요.");
return false;
}
mobileDoubleSubmitFlag = true;
var mobileNo = $("#mobileNo_1").val()+ $("#mobileNo_2").val()+ $("#mobileNo_3").val(); var mobileNo = $("#mobileNo_1").val()+ $("#mobileNo_2").val()+ $("#mobileNo_3").val();
mobileNo = mobileNo.replace(/-/gi,""); mobileNo = mobileNo.replace(/-/gi,"");
$("#mobileNo").val(mobileNo); $("#mobileNo").val(mobileNo);
@ -358,7 +386,9 @@ function mobileCert(){
$("#mobileCertYn").val("N"); $("#mobileCertYn").val("N");
$("[id^='mobileSuc']").css("display","none"); $("[id^='mobileSuc']").css("display","none");
$("[id^='mobileVrfctNo']").css("display","inline-block"); $("[id^='mobileVrfctNo']").css("display","inline-block");
mobileDoubleSubmitFlag = false;
},error : function(){ },error : function(){
mobileDoubleSubmitFlag = false;
} }
}) })
} }
@ -570,9 +600,9 @@ function snsUnlink(snsId){
<div class="form-group Userbirth"> <div class="form-group Userbirth">
<label>생년월일</label> <label>생년월일</label>
<div class="con"> <div class="con">
<select name="birth_yy" id="birth_yy"></select> <select name="birth_yy" id="birth_yy"></select>
<select name="birth_mm" id="birth_mm"></select> <select name="birth_mm" id="birth_mm"></select>
<select name="birth_dd" id="birth_dd"></select> <select name="birth_dd" id="birth_dd"></select>
</div> </div>
</div> </div>

View File

@ -252,6 +252,8 @@ transition: all 0.2s ease-in-out;
/********** 메인섹션6 **********/ /********** 메인섹션6 **********/
.sec6 {padding:100px 0px 100px;} .sec6 {padding:100px 0px 100px;}
.sec6 .inner {width:100%;position: relative;} .sec6 .inner {width:100%;position: relative;}
.sec6 .inner .more-btn {position:absolute;right:30px;top:30px;}
.sec6 .inner .more-btn a {background:#666;color:#fff;padding:5px 20px;border-radius:3px;}
.sec6 .onlineSwiper::before {content: '';width:4%;height:120%;background: #fff;display: inline-block;position: absolute;left:0px;top:-10%;z-index: 9;box-shadow:30px 0px 30px rgba(255,255,255,1.0);} .sec6 .onlineSwiper::before {content: '';width:4%;height:120%;background: #fff;display: inline-block;position: absolute;left:0px;top:-10%;z-index: 9;box-shadow:30px 0px 30px rgba(255,255,255,1.0);}
.sec6 .onlineSwiper::after {content: '';width:4%;height:120%;background: #fff;display: inline-block;position: absolute;right:0px;top:-10%;z-index: 9;box-shadow:-30px 0px 30px rgba(255,255,255,1.0);} .sec6 .onlineSwiper::after {content: '';width:4%;height:120%;background: #fff;display: inline-block;position: absolute;right:0px;top:-10%;z-index: 9;box-shadow:-30px 0px 30px rgba(255,255,255,1.0);}
.sec6 .onlineSwiper .swiper-slide {height:auto;background: #ccc;border-radius:10px;box-shadow:1px 1px 5px rgba(0,0,0,0.3);} .sec6 .onlineSwiper .swiper-slide {height:auto;background: #ccc;border-radius:10px;box-shadow:1px 1px 5px rgba(0,0,0,0.3);}
@ -341,7 +343,7 @@ footer .family_site .site_depth li a{display:block;line-height:26px;padding:0 0
/* button scroll-top */ /* button scroll-top */
.btn-go-top {width: 50px;height: 50px;border-radius: 100%;background-color: #354f68;position: absolute;right: 25px;top: -65px;z-index: 20; .btn-go-top {width: 50px;height: 50px;border-radius: 100%;background-color: #354f68;position: absolute;right: 25px;top: -65px;z-index: 20;
transition: all .2s ease;} transition: all .2s ease;}
.btn-go-top p {color:#fff;} .btn-go-top span {color:#fff;display:block;}
.btn-go-top:hover {} .btn-go-top:hover {}
.btn-go-top.go-top-fix {position: fixed;top: inherit;bottom: 15px;} .btn-go-top.go-top-fix {position: fixed;top: inherit;bottom: 15px;}
.btn-go-top.go-top-hide {opacity: 0;z-index: -1;} .btn-go-top.go-top-hide {opacity: 0;z-index: -1;}
@ -525,8 +527,13 @@ transform: rotate(45deg);
.join.connect .inner .row-bottom .join-box .success .box {background: #f0f0f0;display: inline-block;width:30%;padding:3% 35%;border-radius: 3px;border:1px solid #ddd;} .join.connect .inner .row-bottom .join-box .success .box {background: #f0f0f0;display: inline-block;width:30%;padding:3% 35%;border-radius: 3px;border:1px solid #ddd;}
.join.connect .inner .row-bottom .join-box .success .box::before {background: #f0f0f0;border-top:1px solid #ddd;border-left:1px solid #ddd;} .join.connect .inner .row-bottom .join-box .success .box::before {background: #f0f0f0;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.join.connect .inner .row-bottom .join-box .success .box .icon {float:left;margin-right:10px;} .join.connect .inner .row-bottom .join-box .success .box .icon {float:left;margin-right:10px;}
.join-box .success .box .icon.kakao {background: #ffeb00;border-radius:50%;}
.join-box .success .box .icon.naver {background: #19ce60;border-radius:50%;}
.join-box .success .box .icon.google {background: #fff;border-radius:50%;}
.join.connect .inner .row-bottom .join-box .success .box .text {float:left;} .join.connect .inner .row-bottom .join-box .success .box .text {float:left;}
.join.connect .inner .row-bottom .join-box .success .box .icon img {background: #ffeb00;padding:8px;border-radius: 50%;max-width:16px;margin-top:7px;} .join.connect .inner .row-bottom .join-box .success .box .icon.kakao img {padding:8px;max-width:16px;}
.join.connect .inner .row-bottom .join-box .success .box .icon.naver img {padding:8px;max-width:16px;}
.join.connect .inner .row-bottom .join-box .success .box .icon.google img {padding:8px;max-width:16px;}
.join.connect .inner .row-bottom .join-box .success .box .text p:nth-of-type(1) {text-align:left;font-size: 14px;font-weight:500;margin-bottom:0;} .join.connect .inner .row-bottom .join-box .success .box .text p:nth-of-type(1) {text-align:left;font-size: 14px;font-weight:500;margin-bottom:0;}
.join.connect .inner .row-bottom .join-box .success .box .text p:nth-of-type(2) {text-align:left;} .join.connect .inner .row-bottom .join-box .success .box .text p:nth-of-type(2) {text-align:left;}
.join.connect .inner .row-bottom .join-box .success .box .text p:nth-of-type(2) span{font-size: 12px;font-weight: 400;color:#666;} .join.connect .inner .row-bottom .join-box .success .box .text p:nth-of-type(2) span{font-size: 12px;font-weight: 400;color:#666;}
@ -587,6 +594,7 @@ transform: rotate(45deg);
.map .inner .row-bottom .map-box h2 {text-align:left;margin-bottom:10px;font-size:24px;font-weight: 300;} .map .inner .row-bottom .map-box h2 {text-align:left;margin-bottom:10px;font-size:24px;font-weight: 300;}
.map .inner .row-bottom .map-box h2 span {color:#376795;} .map .inner .row-bottom .map-box h2 span {color:#376795;}
.map .inner .row-bottom .map-box .info {border:1px solid #ddd;display: inline-block;width:100%;} .map .inner .row-bottom .map-box .info {border:1px solid #ddd;display: inline-block;width:100%;}
.map .inner .row-bottom .map-box .info #map {height:337px !important;}
.map .inner .row-bottom .map-box .info > div {float:left;width:21%;padding:1.95%;min-height:200px;border-right:1px solid #ddd;} .map .inner .row-bottom .map-box .info > div {float:left;width:21%;padding:1.95%;min-height:200px;border-right:1px solid #ddd;}
.map .inner .row-bottom .map-box .info > div:last-child {border-right:0;} .map .inner .row-bottom .map-box .info > div:last-child {border-right:0;}
.map .inner .row-bottom .map-box .info > div p:nth-of-type(1) {width:80px;height:80px;line-height: 80px;display: inline-block;background: #ddd;text-align: center;border-radius: 50%;margin-bottom:10px;} .map .inner .row-bottom .map-box .info > div p:nth-of-type(1) {width:80px;height:80px;line-height: 80px;display: inline-block;background: #ddd;text-align: center;border-radius: 50%;margin-bottom:10px;}
@ -795,7 +803,7 @@ transform: rotate(45deg);}
.data .inner .tabs_item .list-cart-wrap .list-data .t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;} .data .inner .tabs_item .list-cart-wrap .list-data .t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div {float:left;text-align: left;} .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div {float:left;text-align: left;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img {width:auto;height:100%;padding:0% 40px;margin-right:2%;position: relative;} .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img {width:auto;height:100%;padding:0% 40px;margin-right:2%;position: relative;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img a img {width:100%;height:100%;} .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img a img {width:100%;height:100%;max-width:75px;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type {width:70%;margin-bottom:10px;} .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type {width:70%;margin-bottom:10px;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.title {width:70%;font-size:16px;font-weight: 500;} .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.title {width:70%;font-size:16px;font-weight: 500;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.code {width:70%;font-size:12px;font-weight: 300;margin-bottom: 25px;} .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.code {width:70%;font-size:12px;font-weight: 300;margin-bottom: 25px;}
@ -1120,7 +1128,7 @@ transform: rotate(45deg);}
.interested-data .inner .data-box .list-data-wrap .list-data .t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;font-weight: 200 !important;} .interested-data .inner .data-box .list-data-wrap .list-data .t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;font-weight: 200 !important;}
.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div {float:left;text-align: left;} .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div {float:left;text-align: left;}
.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img {width:auto;height:100%;padding:0% 40px;margin-right:2%;position: relative;} .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img {width:auto;height:100%;padding:0% 40px;margin-right:2%;position: relative;}
.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img a img {width:100%;height:100%;} .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img a img {width:100%;height:100%;max-width:87px;}
.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type {width:70%;margin-bottom:10px;} .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type {width:70%;margin-bottom:10px;}
.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.title {width:70%;font-size:16px;font-weight: 500;margin:0;height:auto;} .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.title {width:70%;font-size:16px;font-weight: 500;margin:0;height:auto;}
.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.code {width:70%;font-size:12px;font-weight: 300;margin-bottom: 25px;} .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.code {width:70%;font-size:12px;font-weight: 300;margin-bottom: 25px;}
@ -1262,6 +1270,7 @@ transform: rotate(45deg);}
.noti-data .list-accordion .question {background: transparent url(/images/btn/btn-arrow-open.png) no-repeat 25px center;display: table;width: 100%;font-size: 16px;color: #666;border-bottom: 1px solid #ddd;} .noti-data .list-accordion .question {background: transparent url(/images/btn/btn-arrow-open.png) no-repeat 25px center;display: table;width: 100%;font-size: 16px;color: #666;border-bottom: 1px solid #ddd;}
.noti-data .list-accordion .question span {display: table-cell;padding-left: 25px;height: 58px;vertical-align: middle;text-align: left;} .noti-data .list-accordion .question span {display: table-cell;padding-left: 25px;height: 58px;vertical-align: middle;text-align: left;}
.noti-data .list-accordion .question span:last-child {padding-right: 50px;} .noti-data .list-accordion .question span:last-child {padding-right: 50px;}
.noti-data .list-accordion .question span unread {background:#376795;color:#fff;font-size:11px;padding:3px 5px;border-radius:3px;}
.noti-data .list-accordion .question .type {background:none;width: 210px;box-sizing: border-box;padding-left: 65px;font-weight: 600;color: #000;} .noti-data .list-accordion .question .type {background:none;width: 210px;box-sizing: border-box;padding-left: 65px;font-weight: 600;color: #000;}
.noti-data .list-accordion .question .type::before {background: none;} .noti-data .list-accordion .question .type::before {background: none;}
.noti-data .list-accordion .question.on .type::before {background: none;} .noti-data .list-accordion .question.on .type::before {background: none;}
@ -1362,7 +1371,8 @@ transform: rotate(45deg);}
.community-write textarea {display: block;padding: 15px;height: 360px;border: 1px solid #ddd;border-radius: 3px;box-sizing: border-box;width: 100%;} .community-write textarea {display: block;padding: 15px;height: 360px;border: 1px solid #ddd;border-radius: 3px;box-sizing: border-box;width: 100%;}
.community-write select {box-sizing: border-box;display: block;width: 100%;height: 38px;padding: 0 15px;border: 1px solid #ddd;border-radius: 3px;line-height: 36px;background: url(/images/btn/btn-select-qna.png) no-repeat center right;} .community-write select {box-sizing: border-box;display: block;width: 100%;height: 38px;padding: 0 15px;border: 1px solid #ddd;border-radius: 3px;line-height: 36px;background: url(/images/btn/btn-select-qna.png) no-repeat center right;}
.qna-write-table {border-top: 2px solid #000;border-bottom: 1px solid #000;} .qna-write-table {}
.community-write fieldset {border-top:1px solid #000;}
.qna-write-table li {display: table;border-bottom: 1px solid #ddd;width: 100%;min-height:42px;line-height: 42px;} .qna-write-table li {display: table;border-bottom: 1px solid #ddd;width: 100%;min-height:42px;line-height: 42px;}
.w-tit {display: table-cell;padding: 20px 20px;font-size: 16px;background: #f6f6f6;color: #666;text-align: left;width: 160px;vertical-align: top;padding-top: 16px;font-weight: 500;} .w-tit {display: table-cell;padding: 20px 20px;font-size: 16px;background: #f6f6f6;color: #666;text-align: left;width: 160px;vertical-align: top;padding-top: 16px;font-weight: 500;}
.w-form {display: table-cell;padding: 20px 20px;vertical-align: middle;text-align: left;} .w-form {display: table-cell;padding: 20px 20px;vertical-align: middle;text-align: left;}