From ec9905f5f7d2c8466a781eb33e7c191096d15091 Mon Sep 17 00:00:00 2001 From: kdh0120 Date: Wed, 28 Oct 2020 01:27:44 +0000 Subject: [PATCH] =?UTF-8?q?(201028)css=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- FO/css/style.css | 96 ++++++++++++++++++++++++------------------------ 1 file changed, 49 insertions(+), 47 deletions(-) diff --git a/FO/css/style.css b/FO/css/style.css index ba8adc7..f9e636c 100644 --- a/FO/css/style.css +++ b/FO/css/style.css @@ -2072,53 +2072,55 @@ html.lock, body.lock {display:block; width:100%; height:100%; overflow:hidden;} /* ȸ¿ø°¡ÀÔ */ -.jnStep {margin: 0 -8px;} -.jnStep:after {content: ''; display: table; clear: both;} -.jnStep li {float: left; width: 33.3333%; padding: 0 8px;} -.jnStep li > div { - height: 60px; padding: 2px; - border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; - background: #0047a7; - background: -moz-linear-gradient(45deg, #0047a7 21%, #e8b800 54%); - background: -webkit-linear-gradient(45deg, #0047a7 21%,#e8b800 54%); - background: linear-gradient(45deg, #0047a7 21%,#e8b800 54%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0047a7', endColorstr='#e8b800',GradientType=1 ); -} -.jnStep li > div > div {background: #fff; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;} -.jnStep li span {display: block; height: 56px; line-height: 56px; text-align: center; color: #0047a7; font-size: 13pt;} -.jnStep li.current > div {background: #0047a7;} -.jnStep li.current > div > div {background: #0047a7;} -.jnStep li.current span {color: #fff;} -.jnStep li span:before {content: ''; display: inline-block; width: 28px; height: 33px; background-size: cover !important; vertical-align: middle; margin-right: 10px; margin-top: -5px;} -.jnStep li:nth-child(1) span:before {background: url('../../img/common/join_step01.png')no-repeat center center;} -.jnStep li:nth-child(2) span:before {background: url('../../img/common/join_step02.png')no-repeat center center;} -.jnStep li:nth-child(3) span:before {background: url('../../img/common/join_step03.png')no-repeat center center;} -.jnStep li:nth-child(1).current span:before {background: url('../../img/common/join_step01_on.png')no-repeat center center;} -.jnStep li:nth-child(2).current span:before {background: url('../../img/common/join_step02_on.png')no-repeat center center;} -.jnStep li:nth-child(3).current span:before {background: url('../../img/common/join_step03_on.png')no-repeat center center;} -.jnSel {margin: 0 -30px; padding-top: 50px; text-align:center;} -.jnSel:after {content: ''; display: table; clear: both;} -.jnSel > div {/*float: left;*/ width: 33.3333%; padding: 0 30px; display:inline-block;} -.jnsCont {background: #f8f8f8; border: solid 1px #e1e1e1; text-align: center; padding: 50px 0;} -.jnsCont img {} -.jnsCont p {font-size: 14pt; font-weight: 500; margin: 20px 0;} -.jnsCont a {display: inline-block; width: 120px; height: 40px; line-height: 40px; color: #fff; background: #484848; font-size: 12pt;} -.rstNon {text-align: center; padding: 30px 0;} -.rstNon h6 {color: #0047a7; font-size: 13pt; font-weight: 400;} -.rstNon p {color: #666; margin-top: 5px;} - -@media (max-width:900px) { - .jnStep {margin: 0 -3px;} - .jnStep li {padding: 0 3px;} - .jnStep li > div {height: 40px; padding: 2px;} - .jnStep li span {height: 36px; line-height: 36px; font-size: 10pt;} - .jnStep li span:before {display: none;} - .jnSel {margin: 0; padding-top: 30px;} - .jnSel > div {float: none; width: 100%; padding: 0; margin-bottom: 15px;} - .jnSel > div:last-child {margin-bottom: 0;} - .jnsCont {padding: 30px 0;} - .jnsCont p {font-size: 12pt; margin: 15px 0;} -} +.jnStep {margin: 0 -8px;} +.jnStep:after {content: ''; display: table; clear: both;} +.jnStep li {float: left; width: 33.3333%; padding: 0 8px;} +.jnStep li > div { + height: 60px; padding: 2px; + border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; + background: #0047a7; + background: -moz-linear-gradient(45deg, #0047a7 21%, #e8b800 54%); + background: -webkit-linear-gradient(45deg, #0047a7 21%,#e8b800 54%); + background: linear-gradient(45deg, #0047a7 21%,#e8b800 54%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0047a7', endColorstr='#e8b800',GradientType=1 ); +} +.jnStep li > div > div {background: #fff; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;} +.jnStep li span {display: block; height: 56px; line-height: 56px; text-align: center; color: #0047a7; font-size: 13pt;} +.jnStep li.current > div {background: #0047a7;} +.jnStep li.current > div > div {background: #0047a7;} +.jnStep li.current span {color: #fff;} +.jnStep li span:before {content: ''; display: inline-block; width: 28px; height: 33px; background-size: cover !important; vertical-align: middle; margin-right: 10px; margin-top: -5px;} +.jnStep li:nth-child(1) span:before {background: url('../../img/common/join_step01.png')no-repeat center center;} +.jnStep li:nth-child(2) span:before {background: url('../../img/common/join_step02.png')no-repeat center center;} +.jnStep li:nth-child(3) span:before {background: url('../../img/common/join_step03.png')no-repeat center center;} +.jnStep li:nth-child(1).current span:before {background: url('../../img/common/join_step01_on.png')no-repeat center center;} +.jnStep li:nth-child(2).current span:before {background: url('../../img/common/join_step02_on.png')no-repeat center center;} +.jnStep li:nth-child(3).current span:before {background: url('../../img/common/join_step03_on.png')no-repeat center center;} +.jnSel {margin: 0 -30px; padding-top: 50px;} +.jnSel:after {content: ''; display: table; clear: both;} +.jnSel > div {float: left; width: 33.3333%; padding: 0 30px;} +.jnsCont {background: #f8f8f8; border: solid 1px #e1e1e1; text-align: center; padding: 50px 0;} +.jnsCont img {} +.jnsCont p {font-size: 14pt; font-weight: 500; margin: 20px 0;} +.jnsCont a {display: inline-block; width: 120px; height: 40px; line-height: 40px; color: #fff; background: #484848; font-size: 12pt;} +.rstNon {text-align: center; padding: 30px 0;} +.rstNon h6 {color: #0047a7; font-size: 13pt; font-weight: 400;} +.rstNon p {color: #666; margin-top: 5px;} + +@media (max-width:900px) { + .jnStep {margin: 0 -3px;} + .jnStep li {padding: 0 3px;} + .jnStep li > div {height: 40px; padding: 2px;} + .jnStep li span {height: 36px; line-height: 36px; font-size: 10pt;} + .jnStep li span:before {display: none;} + .jnSel {margin: 0; padding-top: 30px;} + .jnSel > div {float: none; width: 100%; padding: 0; margin-bottom: 15px;} + .jnSel > div:last-child {margin-bottom: 0;} + .jnsCont {padding: 30px 0;} + .jnsCont p {font-size: 12pt; margin: 15px 0;} +} + +