merge master into develop - CscListRForm.jsp FAQ 아코디언 버그 수정

build/resources/main/static/mobile/brand/AF/css/css.css

@@ -0,0 +1,223 @@
+html, body, div, span, strong, a, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, samp, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+    margin: 0;
+    padding: 0;
+}
+h1, h2, h3, h4, h5, h6 {
+    text-transform: uppercase;
+}
+h1, h2, h3, h4, h5, h6, p {
+    word-break: keep-all;
+    line-height: 1.3;
+}
+img {
+    max-width: 100%;
+    height: auto !important;
+}
+.topBg {
+    width: 100%;
+    height: 150px;
+    background: url("/mobile/brand/AF/images/brand_top.jpg") center center no-repeat;
+    background-size: cover;
+    position: relative;
+    top: 0;
+    left: 0;
+    /* margin-top: -63px; */
+}
+.topBg .conW {
+	display: table;
+	height: 100%;
+	position: relative;
+	width: 100%;
+	margin: 0 auto;
+}
+.topBg .titleW {
+	display: table-cell;
+	vertical-align: middle;
+	margin: 0 auto;
+	text-align: center;
+}
+
+.topBg h2 , .topBg p {
+	color: #fff;
+}
+.topBg h2 {
+	font-size: 25px;
+	font-weight: 700;
+}
+.topBg p {
+	margin-top: 10px;
+	font-size: 18px;
+}
+.page_wrap {
+	position: relative;
+	padding-top: 10%;
+	padding: 10% 5%;
+}
+.page_wrap h3 {
+    font-size: 25px;
+	font-weight: 700;
+}
+.page_wrap .stit {
+	font-style: normal;
+	display: inline-block;
+	font-size: 18px;
+	color: #cc5346;	
+	padding-bottom: 10px;
+}
+
+.page_wrap p {
+	font-size: 16px;
+	font-weight: 400;
+}
+
+.page_wrap .titW {
+	font-size: 25px;
+}
+
+.page_wrap .strong {
+	display: inline-block;
+	font-weight: 700;
+}
+
+.page_wrap .pointW {
+	background: #d16458;
+	padding: 0px 2px;
+	margin: 0 1px;
+	display: inline-block;
+	color: #fff;
+}
+
+.brandW {
+	padding-top: 0 !important;
+	padding-bottom: 0 !important;
+}
+
+.safeCareW {
+	padding-top: 0 !important;
+	padding-bottom: 0 !important;
+	background: #fafafa;
+}
+
+/* brand */
+.brand .con {
+	position: relative;
+	margin: 0 auto;
+	text-align: center;
+	border-bottom: 1px solid #e0e0e0;
+	padding: 10% 0;
+}
+
+.brand .con1 {
+	padding-top: 0%;
+}
+
+.brand .con3 {
+	border-bottom: none;
+	padding: 10% 0 0 0 ;
+}
+
+.brand .con .stit {
+	color: #cc5346;	
+	padding-bottom: 2%;
+}
+
+.brand .con .strong {
+	font-size: 20px;
+}
+
+.brand .con .titleW {
+	padding-bottom: 3%;	
+}
+
+.brand .con .conImg {
+	padding: 8% 0;
+}
+
+.brand .con2 .conImg {
+	padding: 0 0 8% 0;
+}
+
+.brand .con3 .conImg {
+	padding: 0;
+}
+
+.brand .con1 .strong {
+	margin-top: 10px;
+}
+
+.brand .con2 .strong {
+	margin-top: 0 !important;
+}
+
+.brand .conT .dep {
+	margin-top: 20px;
+}
+
+/* safecare */
+.safeCare .titW {
+	position: relative;
+	padding-top: 45px;
+}
+.safeCare .titW:before {
+	content: "";
+	position: absolute;
+	left: 50%;
+	margin-left: -18px;
+	top: 0;
+	background: url("/mobile/brand/AF/images/img_point.png") center center no-repeat;
+	width: 36px;
+	height: 27px;
+}
+
+.safeCare .titW p {
+	font-size: 18px;
+	text-align: center;
+	
+}
+.safeCare .point {
+	margin-top: 2px;
+}
+
+.safeCare .con {
+	position: relative;
+	padding-top: 10%;
+	text-align: center;
+}
+
+.safeCare .con1 {
+	position: relative;
+	padding-top: 10%;
+}
+
+.safeCare .con1 .line {
+	width: 1px;
+    height: 20%;
+    background: #000;
+    position: absolute;
+    left: 50%;
+    margin-left: -0.5px;
+    top: -7%;
+    z-index: 10;
+}
+
+.safeCare .con .conImg {
+	position: relative;
+}
+
+.safeCare .con .txtW {
+	z-index: 1;
+	background: #fff;
+	display: block;
+	width: 95%;
+	margin: 0 auto;
+	position: relative;
+	margin-top: -8% !important;
+	z-index: 1;
+	box-shadow: 0px 5px 8px #f1f1f1;
+}
+.safeCare .con .txt {
+	padding: 7% 5%;
+}
+.safeCare .con .txt p {
+	padding-top: 5%;
+}