Merge branch 'sub'
This commit is contained in:
subsub
commit
84320321e9
@ -68,7 +68,7 @@
|
||||
mark += " <button type='button' class='btn btn_text btn_35 darkblue_border btn_delete_apl btnDelTabB' onclick=\"delTabB('" + areaCount2 + "');\" title='신청인1 삭제'>신청인 삭제</button>";
|
||||
mark += " </div>";
|
||||
mark += " <div class='table_type_rows apl_info_input'>";
|
||||
mark += " <table>";
|
||||
mark += " <table style='border-top:2px solid #2e40ba;'>";
|
||||
mark += " <colgroup>";
|
||||
mark += " <col style='width:200px;'>";
|
||||
mark += " <col style='width:auto;'>";
|
||||
@ -1481,41 +1481,204 @@
|
||||
<div class="tooltip-wrap">
|
||||
<div class="popup_wrap layer_popup type_popup" style="width:795px;" tabindex="0" data-tooltip-con="type_popup" data-focus="type_popup" data-focus-prev="type_popup_close">
|
||||
<div class="popup_content">
|
||||
<div class="title_wrap">
|
||||
<p>하도급거래 해당 유형</p>
|
||||
<button type="button" class="btn only_icon btn_popup_close tooltip-close"><i class="icon popup close white"></i></button>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="box gray_fill">
|
||||
<dl class="box white_fill">
|
||||
<dt>· 하도급거래 중 발생한 분쟁으로서 다음 유형의 행위에 해당하는 경우</dt>
|
||||
<dd>
|
||||
<ul class="sub_info_ul">
|
||||
<li>하도급대금의 부당 결정, 하도급대금 미지급, 부당 감액, 어음할인료 미지급, 부당한 대물변제, 선급금 미지급</li>
|
||||
<li>설계변경 또는 원재료의 가격 변동 등에 따른 하도급대금 조정의무 불이행</li>
|
||||
<li>물품 등의 구매 강제</li>
|
||||
<li>부당한 위탁 취소, 부당하게 목적물 등의 수령 거부</li>
|
||||
<li>부당하게 기술자료 또는 경제적 이익 제공 요구</li>
|
||||
</ul>
|
||||
</dd>
|
||||
<dt>
|
||||
<p class="fw_medium ex_tit">※ 신청제외 대상</p>
|
||||
</dt>
|
||||
<dd>
|
||||
<div class="box gray_border gray_fill">
|
||||
<ul class="sub_info_ul mt0">
|
||||
<li>하도급법 제2조 제1항 내지 제3항의 규정에 의한 “하도급거래”, “원사업자”, “수급사업자” 요건을 충족하지 아니하는 경우</li>
|
||||
<li>당해 거래가 끝난 날로부터 3년이 지난 경우</li>
|
||||
<li>단순 민사 분쟁</li>
|
||||
</ul>
|
||||
|
||||
<form:form name="applyForm" id="applyForm2" method="post" action="/web/user/mediation/${siteIdx}/05/${siteMenuIdx}/mediationStep04_1.do">
|
||||
<input type="hidden" name="mediType" value="${mediType}">
|
||||
<div class="title_wrap">
|
||||
<c:choose>
|
||||
<c:when test="${mediType == SeedConstants.GONGJEONGGEORAE}">
|
||||
<c:set var="mediName" value="공정거래" />
|
||||
</c:when>
|
||||
<c:when test="${mediType == SeedConstants.GAMAENGGEORAE}">
|
||||
<c:set var="mediName" value="가맹사업거래" />
|
||||
</c:when>
|
||||
<c:when test="${mediType == SeedConstants.HADOGEUPGEORAE}">
|
||||
<c:set var="mediName" value="하도급거래" />
|
||||
</c:when>
|
||||
<c:when test="${mediType == SeedConstants.DAEGYUMOGEORAE}">
|
||||
<c:set var="mediName" value="대규모유통거래" />
|
||||
</c:when>
|
||||
<c:when test="${mediType == SeedConstants.YAKGWANGEORAE}">
|
||||
<c:set var="mediName" value="약관거래" />
|
||||
</c:when>
|
||||
<c:when test="${mediType == SeedConstants.DAERIJEOMGEORAE}">
|
||||
<c:set var="mediName" value="대리점거래" />
|
||||
</c:when>
|
||||
</c:choose>
|
||||
<p><c:out value="${mediName}"/> 해당 유형</p>
|
||||
|
||||
<button type="button" class="btn only_icon btn_popup_close tooltip-close"><i class="icon popup close white"></i></button>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<c:choose>
|
||||
<c:when test="${mediType == SeedConstants.GONGJEONGGEORAE}">
|
||||
<div class="box gray_fill">
|
||||
<dl class="box white_fill">
|
||||
<dt>· 사업자 간에 발생한 분쟁으로서 다음 유형의 행위에 해당하는 경우</dt>
|
||||
<dd>
|
||||
<ul class="sub_info_ul">
|
||||
<li>공정거래법 제23조 제1항의 일반 불공정거래행위<br />(거래거절, 차별적 취급, 경쟁사업자 배제, 부당 고객유인, 거래강제, 거래 상지위남용, 구속조건부거래, 사업활동 방해)</li>
|
||||
<li>병행수입 관련 불공정거래행위</li>
|
||||
<li>신문업에 있어서의 불공정거래행위</li>
|
||||
<li>특수형태근로종사자(골프장 경기보조원, 레미콘기사, 보험설계사, 학습지교사)에 대한 거래상지위남용행위</li>
|
||||
</ul>
|
||||
</dd>
|
||||
<dt>
|
||||
<p class="fw_medium ex_tit">※ 신청제외 대상</p>
|
||||
</dt>
|
||||
<dd>
|
||||
<div class="box gray_border gray_fill">
|
||||
<ul class="sub_info_ul mt0">
|
||||
<li>불공정거래행위 이외의 공정거래법 위반 행위</li>
|
||||
<li>공정위 소관 다른 법령 위반 행위(약관규제법, 하도급법, 방문판매법 등)</li>
|
||||
<li>소비자 분쟁 및 단순 민사분쟁</li>
|
||||
</ul>
|
||||
</div>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</dd>
|
||||
</dl>
|
||||
</c:when>
|
||||
<c:when test="${mediType == SeedConstants.GAMAENGGEORAE}">
|
||||
<div class="box gray_fill">
|
||||
<dl class="box white_fill">
|
||||
<dt>· 가맹사업거래 중 발생한 분쟁으로서 다음 유형의 행위에 해당하는 경우 <br />(기타 불공정거래행위 추가)</dt>
|
||||
<dd>
|
||||
<ul class="sub_info_ul">
|
||||
<li>가맹본부의 정보공개서 미제공</li>
|
||||
<li>가맹본부의 허위ㆍ과장된 정보제공</li>
|
||||
<li>부당한 계약해지</li>
|
||||
<li>부당한 계약종료</li>
|
||||
<li>영업지역의 침해</li>
|
||||
</ul>
|
||||
</dd>
|
||||
<dt>
|
||||
<p class="fw_medium ex_tit">※ 신청제외 대상</p>
|
||||
</dt>
|
||||
<dd>
|
||||
<div class="box gray_border gray_fill">
|
||||
<ul class="sub_info_ul mt0">
|
||||
<li>대리점 계약</li>
|
||||
<li>카드가맹점</li>
|
||||
<li>소비자 분쟁</li>
|
||||
</ul>
|
||||
</div>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</c:when>
|
||||
<c:when test="${mediType == SeedConstants.HADOGEUPGEORAE}">
|
||||
<div class="box gray_fill">
|
||||
<dl class="box white_fill">
|
||||
<dt>· 하도급거래 중 발생한 분쟁으로서 다음 유형의 행위에 해당하는 경우</dt>
|
||||
<dd>
|
||||
<ul class="sub_info_ul">
|
||||
<li>하도급대금의 부당 결정, 하도급대금 미지급, 부당 감액, 어음할인료 미지급, 부당한 대물변제, 선급금 미지급</li>
|
||||
<li>설계변경 또는 원재료의 가격 변동 등에 따른 하도급대금 조정의무 불이행</li>
|
||||
<li>물품 등의 구매 강제</li>
|
||||
<li>부당한 위탁 취소, 부당하게 목적물 등의 수령 거부</li>
|
||||
<li>부당하게 기술자료 또는 경제적 이익 제공 요구</li>
|
||||
</ul>
|
||||
</dd>
|
||||
<dt>
|
||||
<p class="fw_medium ex_tit">※ 신청제외 대상</p>
|
||||
</dt>
|
||||
<dd>
|
||||
<div class="box gray_border gray_fill">
|
||||
<ul class="sub_info_ul mt0">
|
||||
<li>하도급법 제2조 제1항 내지 제3항의 규정에 의한 “하도급거래”, “원사업자”, “수급사업자” 요건을 충족하지 아니하는 경우</li>
|
||||
<li>당해 거래가 끝난 날로부터 3년이 지난 경우</li>
|
||||
<li>단순 민사 분쟁</li>
|
||||
</ul>
|
||||
</div>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</c:when>
|
||||
<c:when test="${mediType == SeedConstants.DAEGYUMOGEORAE}">
|
||||
<div class="box gray_fill">
|
||||
<dl class="box white_fill">
|
||||
<dt>· 대규모유통업거래 중 발생한 분쟁으로서 다음 유형의 행위에 해당하는 경우</dt>
|
||||
<dd>
|
||||
<ul class="sub_info_ul">
|
||||
<li>대규모유통업자란, 소비자가 사용하는 상품을 다수의 사업자로부터 납품받아 판매하는 자로서 직전 사업연도 소매업종 매출액이 1천억원 이상이거나 매장면적 합계 3천㎡이상인 점포를 소매업에 사용하는 자</li>
|
||||
<li>납품업자등이란, 대규모유통업자가 판매할 상품을 공급하는 납품업자와 대규모유통업자로부터 매장의 일부를 임차하여 소매업을 영위하는 자</li>
|
||||
<li>상품대금 부당감액, 판매촉진비용의 부담전가, 상품권 구입 요구, 기타 불이익 등</li>
|
||||
</ul>
|
||||
</dd>
|
||||
<dt>
|
||||
<p class="fw_medium ex_tit">※ 신청제외 대상</p>
|
||||
</dt>
|
||||
<dd>
|
||||
<div class="box gray_border gray_fill">
|
||||
<ul class="sub_info_ul mt0">
|
||||
<li>대규모유통업자가 납품업자등에 대하여 거래상 우월적 지위에 있다고 인정되지 아니하는 경우</li>
|
||||
</ul>
|
||||
</div>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</c:when>
|
||||
<c:when test="${mediType == SeedConstants.YAKGWANGEORAE}">
|
||||
<div class="box gray_fill">
|
||||
<dl class="box white_fill">
|
||||
<dt>· 다음과 같은 불공정약관으로 인하여 피해를 입은 고객과 사업자 사이의 분쟁</dt>
|
||||
<dd>
|
||||
<ul class="sub_info_ul">
|
||||
<li>고객에게 부당하게 불리한 약관</li>
|
||||
<li>고객에게 부당하게 과중한 손해배상의무를 부담시키는 약관</li>
|
||||
<li>법률에 따른 고객의 항변권, 상계권 등의 권리를 상당한 이유 없이 배제·제한하는 약관</li>
|
||||
<li>기타 약관규제법 제17조를 위반한 불공정약관</li>
|
||||
</ul>
|
||||
</dd>
|
||||
<dt>
|
||||
<p class="fw_medium ex_tit">※ 신청제외 대상</p>
|
||||
</dt>
|
||||
<dd>
|
||||
<div class="box gray_border gray_fill">
|
||||
<ul class="sub_info_ul mt0">
|
||||
<li>소비자기본법 제2조 제1호에 따른 소비자인 경우</li>
|
||||
<li>약관의 해석이나 그 이행을 요구하는 사건</li>
|
||||
<li>약관의 무효판정을 요구하는 사건</li>
|
||||
</ul>
|
||||
</div>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</c:when>
|
||||
<c:when test="${mediType == SeedConstants.DAERIJEOMGEORAE}">
|
||||
<div class="box gray_fill">
|
||||
<dl class="box white_fill">
|
||||
<dt>· 분쟁조정신청서 작성 방법 중 대리점거래 해당 유형</dt>
|
||||
<dd>
|
||||
<ul class="sub_info_ul">
|
||||
<li>대리점거래 계약서 미제공 구입 강제, 경제상 이익 제공 강요, 판매목표 강제, 경영활동 간섭, 주문내역의 확인요청 거부 또는 회피 등 대리점거래에서 발생한 분쟁</li>
|
||||
</ul>
|
||||
</dd>
|
||||
<dt>
|
||||
<p class="fw_medium ex_tit">※ 신청제외 대상</p>
|
||||
</dt>
|
||||
<dd>
|
||||
<div class="box gray_border gray_fill">
|
||||
<ul class="sub_info_ul mt0">
|
||||
<li>공급업자가 중소기업자에 해당하거나 대리점이 중소기업자에 해당하지 아니하는 경우</li>
|
||||
<li>공급업자가 대리점에 대하여 거래상 우월한 지위를 가지고 있다고 인정되지 아니하는 경우</li>
|
||||
<li>가맹사업ㆍ금융투자업ㆍ대규모유통업에 해당하는 거래 등은 제외</li>
|
||||
</ul>
|
||||
</div>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</c:when>
|
||||
</c:choose>
|
||||
|
||||
<div class="btn_wrap center">
|
||||
<button type="button" class="btn btn_text btn_40 gray_fill tooltip-close" data-tooltip="type_popup_popup" data-focus="type_popup_popup" data-focus-next="type_popup">확인</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="btn_wrap center">
|
||||
<button type="button" class="btn btn_text btn_40 gray_fill tooltip-close" data-tooltip="type_popup_popup" data-focus="type_popup_popup" data-focus-next="type_popup">확인</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form:form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1597,7 +1760,7 @@
|
||||
<p class="cf_text"><span class="color_red">*</span>표기는 필수 입력사항</p>
|
||||
</div>
|
||||
<div class="table_type_rows">
|
||||
<table>
|
||||
<table style="border-top:2px solid #2e40ba;">
|
||||
<colgroup>
|
||||
<col style="width:200px;">
|
||||
<col style="width:auto;">
|
||||
@ -1694,7 +1857,7 @@
|
||||
</c:if>
|
||||
</div>
|
||||
<div class="table_type_rows apl_info_input">
|
||||
<table>
|
||||
<table style="border-top:2px solid #2e40ba;">
|
||||
<colgroup>
|
||||
<col style="width:200px;">
|
||||
<col style="width:auto;">
|
||||
@ -1911,7 +2074,7 @@
|
||||
<!-- <button type="button" class="btn btn_text btn_35 darkblue_border btn_delete_apl btnDelTabB" title="신청인1 삭제">신청인 삭제</button> -->
|
||||
</div>
|
||||
<div class="table_type_rows apl_info_input">
|
||||
<table>
|
||||
<table style="border-top:2px solid #2e40ba;">
|
||||
<colgroup>
|
||||
<col style="width:200px;">
|
||||
<col style="width:auto;">
|
||||
|
||||
@ -9,6 +9,12 @@
|
||||
<link href='/css/seed.contents.css' rel='stylesheet' type='text/css'/>
|
||||
<link href='/css/seed.mediaquery.css' rel='styleGsheet' type='text/css'/>
|
||||
<link href='/site/ntcc/css/gtmCustom.css' rel='stylesheet' type='text/css'/>
|
||||
|
||||
<style>
|
||||
@media screen and (max-width: 1600px){
|
||||
.search_detail .search_ul input{width:69%;}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
@ -155,32 +155,32 @@ function commonPopWindowopenForm(surl, popupwidth, popupheight, name, frm) {
|
||||
<p class="visual_title">한국공정거래조정원 <span>분쟁조정사건처리시스템</span> 입니다.</p>
|
||||
|
||||
<div class="baro_content">
|
||||
<a href="#" class="baro_link darkblue_box">
|
||||
<a href="/web/user/mediation/case/01/154/mediationApp.do" class="baro_link darkblue_box">
|
||||
<b class="baro_title">분쟁조정 신청</b>
|
||||
<p class="baro_text">언제 어디서든 온라인으로 분쟁조정<br>을 신청할 수 있습니다.</p>
|
||||
<i class="icon baro_apl"></i>
|
||||
</a>
|
||||
<a href="#" class="baro_link blue_box">
|
||||
<a href="/web/user/mediation/case/01/155/checkMediationStep01.do" class="baro_link blue_box">
|
||||
<b class="baro_title">분쟁조정 조회</b>
|
||||
<p class="baro_text">조정절차가 진행중인 각종 정보를<br>확인, 자료를 제출할 수 있습니다.</p>
|
||||
<i class="icon baro_inquiry"></i>
|
||||
</a>
|
||||
<a href="" class="baro_link">
|
||||
<a href="/web/user/lawCounsel/case/02/159/step01.do" class="baro_link">
|
||||
<b class="baro_title">무료법률 상담</b>
|
||||
<p class="baro_text">법률전문가의 상담서비스를 이용할<br>수 있습니다.</p>
|
||||
<i class="icon baro_free_counsel"></i>
|
||||
</a>
|
||||
<a href="" class="baro_link">
|
||||
<a href="/web/user/board/case/law/261/lawList.do" class="baro_link">
|
||||
<b class="baro_title">법령 자료실</b>
|
||||
<p class="baro_text">협의회 유형에 따른 법령을 확인할<br>수 있습니다.</p>
|
||||
<i class="icon baro_data"></i>
|
||||
</a>
|
||||
<a href="" class="baro_link">
|
||||
<a href="/web/user/onlineCounsel/case/01/158/step01.do" class="baro_link">
|
||||
<b class="baro_title">온라인 상담</b>
|
||||
<p class="baro_text">분쟁조정 신청 전 간단한 상담을<br>신청할 수 있습니다.</p>
|
||||
<i class="icon baro_online_counsel"></i>
|
||||
</a>
|
||||
<a href="" class="baro_link">
|
||||
<a href="/web/user/board/case/form/145/formList.do" class="baro_link">
|
||||
<b class="baro_title">분쟁조정 관련 서식</b>
|
||||
<p class="baro_text">신청서 작성예시, 위임장, 합의취하서<br>등 서식을 제공하고 있습니다.</p>
|
||||
<i class="icon baro_form"></i>
|
||||
@ -298,7 +298,7 @@ function commonPopWindowopenForm(surl, popupwidth, popupheight, name, frm) {
|
||||
background: #d4c9fe url('${popupzonedUrl}') no-repeat center bottom;
|
||||
border-radius: 10px;
|
||||
">
|
||||
<a href="#">
|
||||
<a href="/web/user/onlineCounsel/case/01/158/step01.do">
|
||||
<p class="title">분쟁조정 콜센터</p>
|
||||
<p><span class="gMarket_bold">1588-1490</span>(유료)<br>운영시간 : 평일 09:00~18:00</p>
|
||||
</a>
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 520 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
@ -17,7 +17,7 @@
|
||||
.layer_popup .box.gray_fill:first-child{margin:0 0 0 0;}
|
||||
.layer_popup .box.gray_fill .title{display:block;font-size:1.9rem;font-weight:bold;color:#333;margin:33px 0 0 0;}
|
||||
.layer_popup .box.gray_fill .title:first-child{margin:0;}
|
||||
.layer_popup .box.white_fill dt{margin:0 0 8px 0;font-size:1.7rem;font-weight:500;color:#333;}
|
||||
.layer_popup .box.white_fill dt{margin:0 0 8px 0;font-size:1.7rem;font-weight:500;color:#333;line-height:1.4;}
|
||||
.layer_popup .box.white_fill>dd{margin:0 0 30px 0;padding:0 0 0 25px;font-size:1.5rem;font-weight:400;color:#333;line-height:1.5;}
|
||||
.layer_popup .box.white_fill .sub_info_ul{font-size:1.5rem;color:#333;gap:3px;}
|
||||
.layer_popup .box.white_fill .sub_info_ul li{margin:0;}
|
||||
@ -44,6 +44,7 @@
|
||||
.type_popup .box.white_fill{margin:0;}
|
||||
.type_popup .ex_tit{font-size:1.5rem;}
|
||||
.type_popup .box.white_fill .gray_fill.gray_border{margin:0 0 0 -20px;padding:10px 10px 10px 20px;}
|
||||
.type_popup .box.white_fill dt{text-indent:-9px;margin:0 0 8px 9px;}
|
||||
.type_popup .box.white_fill>dd:last-child{margin:0;}
|
||||
|
||||
/* 간편인증 팝업 */
|
||||
|
||||
@ -304,21 +304,26 @@
|
||||
.satisfaction_area .radio_wrap .radio+label{font-size:1.5rem;}
|
||||
|
||||
/* 댓글 */
|
||||
.cmmt_wrap{margin-top: 30px;}
|
||||
.cmmt_tit{display: flex; align-items: center;}
|
||||
.cmmt_tit img{margin-right: 6px;}
|
||||
.cmmt_tit span{color: #163db1; font-weight: bold; font-size: 20px;}
|
||||
.cmmt_list{width: 100%; border-top: 1px solid #d5d5d5; margin-top: 10px;}
|
||||
.cmmt_list li{display: flex; border-bottom: 1px solid #d5d5d5; padding: 24px 0;}
|
||||
.cmmt_person{min-width: 70px; position: relative; font-size: 18px; font-weight: 500; margin-right: 10px; padding-left: 20px;}
|
||||
.cmmt_person::before{position: absolute; content: " "; width: 1px; height: 15px; background-color: #d5d5d5; right: 0; top: 4px;}
|
||||
.cmmt_detail{font-size: 18px; font-weight: 400; line-height: 1.3; letter-spacing: -0.5px; color: #222; padding-left: 20px;}
|
||||
.cmmt_date{display: inline-block; margin-top: 20px; font-weight: 400; font-size: 16px; color: #999;}
|
||||
.cmmt_view{padding:60px 0 0 0;}
|
||||
.cmmt_tit{display:flex;font-size:1.6rem;align-items:center;}
|
||||
.cmmt_tit span{color:#163db1;font-weight:bold;font-size:2rem;}
|
||||
.cmmt_tit .cmmt_icon{display:inline-block;width:31px;height:27px;background:url(/kofair_case_seed/usr/images/component/icon_cmmt.png) no-repeat center 77%;}
|
||||
.cmmt_list{width:100%;border-top:1px solid #d5d5d5;margin:10px 0 0 0;}
|
||||
.cmmt_list li{display:flex;border-bottom:1px solid #d5d5d5;padding:24px 0;}
|
||||
.cmmt_person{position:relative;min-width:70px;font-size:1.8rem;font-weight:500;padding:0 20px 0 0;}
|
||||
.cmmt_person::before{position:absolute;content:"";width:1px;height:16px;background:#d5d5d5;right:0;top:6px;}
|
||||
.cmmt_detail{font-size:1.8rem;font-weight:400;line-height:1.3;letter-spacing:-0.5px;color:#222;padding:0 0 0 20px;}
|
||||
.cmmt_date{display:inline-block;margin:20px 0 0 0;font-weight:400;font-size:1.6rem;color:#999;}
|
||||
.cmmt_detail .btn_wrap{float: right; margin-top: 15px;}
|
||||
.cmmt_detail .btn_wrap button{font-size: 16px; min-width: 60px; height: 36px; vertical-align: middle;}
|
||||
.cmmt_input{width: 100%; margin-top: 30px;}
|
||||
.cmmt_input textarea{height: 80px; width: calc(100% - 90px); vertical-align: middle; border: 2px solid #e5e5e5; border-radius: 5px; padding: 15px; box-sizing: border-box;}
|
||||
.cmmt_input .cmmt_add{width: 80px; height: 80px; border-radius: 5px; background-color: #163db1; border: 0; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 18px; transition: background-color 0.2s linear;}
|
||||
|
||||
.cmmt_wrap{display:flex;padding:20px 35px;background:#f4f5f6;border:1px solid #d5d5d5;border-radius:5px;gap:10px;margin:50px 0 80px 0;}
|
||||
.cmmt_wrap .cmmt_tit{width:60px;font-size:1.8rem;}
|
||||
.cmmt_text{width:100%;}
|
||||
.cmmt_text textarea{height:80px;width:100%;border:1px solid #e8e8e8;border-radius:5px;padding:15px;}
|
||||
.cmmt_wrap li:last-child{width:80px;}
|
||||
.cmmt_wrap .btn_add_cmmt{width:100%;height:80px;border-radius:5px;background:#2e40ba;border:0;color:#fff;margin:0 0 0 5px;font-size:1.8rem;transition:background 0.2s linear;}
|
||||
|
||||
|
||||
/* ==================== 테블릿 ==================== */
|
||||
@media screen and (max-width: 1199px){
|
||||
@ -522,6 +527,26 @@
|
||||
.satisfaction_area .radio_wrap .radio+label{font-size:3rem;}
|
||||
.satisfaction_area .btn_satisfation{width:100%;margin:50px 0 0 0;}
|
||||
|
||||
/* 댓글 */
|
||||
.cmmt_view{padding:120px 0 0 0;}
|
||||
.cmmt_tit{font-size:3.2rem;}
|
||||
.cmmt_tit span{font-size:4rem;}
|
||||
.cmmt_tit .cmmt_icon{width:62px;height:54px;background:url(/kofair_case_seed/usr/images/component/icon_cmmt_m.png) no-repeat center 77%;}
|
||||
.cmmt_list{border-top:2px solid #d5d5d5;margin:40px 0 0 0;}
|
||||
.cmmt_list li{border-bottom:2px solid #d5d5d5;padding:48px 0;}
|
||||
.cmmt_person{min-width:140px;font-size:3.6rem;padding:0 40px 0 0;}
|
||||
.cmmt_person::before{width:2px;height:32px;background:#d5d5d5;right:0;top:12px;}
|
||||
.cmmt_detail{font-size:3.6rem;padding:0 0 0 40px;}
|
||||
.cmmt_date{margin:40px 0 0 0;font-size:3.2rem;}
|
||||
.cmmt_detail .btn_wrap{margin:30px 0 0 0;}
|
||||
.cmmt_detail .btn_wrap button{font-size:3.2rem;min-width:120px;height:72px;}
|
||||
|
||||
.cmmt_wrap{padding:40px 70px;background:#f4f5f6;border:2px solid #d5d5d5;border-radius:10px;gap:20px;margin:100px 0 160px 0;}
|
||||
.cmmt_wrap .cmmt_tit{width:120px;font-size:3.6rem;}
|
||||
.cmmt_text textarea{height:160px;border:2px solid #e8e8e8;border-radius:10px;padding:30px;}
|
||||
.cmmt_wrap li:last-child{width:160px;}
|
||||
.cmmt_wrap .btn_add_cmmt{height:160px;border-radius:10px;background:#2e40ba;border:0;color:#fff;margin:0 0 0 10px;font-size:3.6rem;transition:background 0.2s linear;}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@ -689,6 +714,26 @@
|
||||
.satisfaction_area .radio_wrap .radio+label{font-size:1.5rem;}
|
||||
.satisfaction_area .btn_satisfation{width:100% !important;margin:25px 0 0 0;}
|
||||
|
||||
/* 댓글 */
|
||||
.cmmt_view{padding:60px 0 0 0;}
|
||||
.cmmt_tit{font-size:1.6rem;}
|
||||
.cmmt_tit span{font-size:2rem;}
|
||||
.cmmt_tit .cmmt_icon{width:31px;height:27px;background:url(/kofair_case_seed/usr/images/component/icon_cmmt.png) no-repeat center 77%;}
|
||||
.cmmt_list{border-top:1px solid #d5d5d5;margin:20px 0 0 0;}
|
||||
.cmmt_list li{border-bottom:1px solid #d5d5d5;padding:24px 0;}
|
||||
.cmmt_person{min-width:70px;font-size:1.8rem;padding:0 20px 0 0;}
|
||||
.cmmt_person::before{width:1px;height:16px;background:#d5d5d5;right:0;top:6px;}
|
||||
.cmmt_detail{font-size:1.8rem;padding:0 0 0 20px;}
|
||||
.cmmt_date{margin:20px 0 0 0;font-size:1.6rem;}
|
||||
.cmmt_detail .btn_wrap{margin:15px 0 0 0;}
|
||||
.cmmt_detail .btn_wrap button{font-size:1.6rem;min-width:60px;height:36px;}
|
||||
|
||||
.cmmt_wrap{padding:20px 35px;background:#f4f5f6;border:1px solid #d5d5d5;border-radius:5px;gap:10px;margin:50px 0 80px 0;}
|
||||
.cmmt_wrap .cmmt_tit{width:60px;font-size:1.8rem;}
|
||||
.cmmt_text textarea{height:80px;border:1px solid #e8e8e8;border-radius:5px;padding:15px;}
|
||||
.cmmt_wrap li:last-child{width:80px;}
|
||||
.cmmt_wrap .btn_add_cmmt{height:80px;border-radius:5px;background:#2e40ba;border:0;color:#fff;margin:0 0 0 5px;font-size:1.8rem;transition:background 0.2s linear;}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width: 499px){
|
||||
@ -710,5 +755,12 @@
|
||||
|
||||
/* view */
|
||||
|
||||
/* 댓글 */
|
||||
.cmmt_wrap{flex-wrap:wrap;padding:20px;}
|
||||
.cmmt_wrap .cmmt_tit{width:100%;}
|
||||
.cmmt_text{width:100%;}
|
||||
.cmmt_wrap li:last-child{width:100%;}
|
||||
.cmmt_wrap .btn_add_cmmt{height:50px;}
|
||||
|
||||
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user