KimHanJin
/
YNICTE
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

(201028)css수정

This commit is contained in:
kdh0120 2020-10-28 01:27:44 +00:00
parent 64ddf629dd
commit ec9905f5f7
1 changed files with 49 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

96
FO/css/style.css
View File

@ -2072,53 +2072,55 @@ html.lock, body.lock {display:block; width:100%; height:100%; overflow:hidden;}
/* 회원가입 */ /* 회원가입 */
.jnStep {margin: 0 -8px;} .jnStep {margin: 0 -8px;}
.jnStep:after {content: ''; display: table; clear: both;} .jnStep:after {content: ''; display: table; clear: both;}
.jnStep li {float: left; width: 33.3333%; padding: 0 8px;} .jnStep li {float: left; width: 33.3333%; padding: 0 8px;}
.jnStep li > div { .jnStep li > div {
height: 60px; padding: 2px; height: 60px; padding: 2px;
border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;
background: #0047a7; background: #0047a7;
background: -moz-linear-gradient(45deg, #0047a7 21%, #e8b800 54%); background: -moz-linear-gradient(45deg, #0047a7 21%, #e8b800 54%);
background: -webkit-linear-gradient(45deg, #0047a7 21%,#e8b800 54%); background: -webkit-linear-gradient(45deg, #0047a7 21%,#e8b800 54%);
background: 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 ); 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 > 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 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 {background: #0047a7;}
.jnStep li.current > div > div {background: #0047a7;} .jnStep li.current > div > div {background: #0047a7;}
.jnStep li.current span {color: #fff;} .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 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(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(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(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(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(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;} .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 {margin: 0 -30px; padding-top: 50px;}
.jnSel:after {content: ''; display: table; clear: both;} .jnSel:after {content: ''; display: table; clear: both;}
.jnSel > div {/*float: left;*/ width: 33.3333%; padding: 0 30px; display:inline-block;} .jnSel > div {float: left; width: 33.3333%; padding: 0 30px;}
.jnsCont {background: #f8f8f8; border: solid 1px #e1e1e1; text-align: center; padding: 50px 0;} .jnsCont {background: #f8f8f8; border: solid 1px #e1e1e1; text-align: center; padding: 50px 0;}
.jnsCont img {} .jnsCont img {}
.jnsCont p {font-size: 14pt; font-weight: 500; margin: 20px 0;} .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;} .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 {text-align: center; padding: 30px 0;}
.rstNon h6 {color: #0047a7; font-size: 13pt; font-weight: 400;} .rstNon h6 {color: #0047a7; font-size: 13pt; font-weight: 400;}
.rstNon p {color: #666; margin-top: 5px;} .rstNon p {color: #666; margin-top: 5px;}
@media (max-width:900px) { @media (max-width:900px) {
.jnStep {margin: 0 -3px;} .jnStep {margin: 0 -3px;}
.jnStep li {padding: 0 3px;} .jnStep li {padding: 0 3px;}
.jnStep li > div {height: 40px; padding: 2px;} .jnStep li > div {height: 40px; padding: 2px;}
.jnStep li span {height: 36px; line-height: 36px; font-size: 10pt;} .jnStep li span {height: 36px; line-height: 36px; font-size: 10pt;}
.jnStep li span:before {display: none;} .jnStep li span:before {display: none;}
.jnSel {margin: 0; padding-top: 30px;} .jnSel {margin: 0; padding-top: 30px;}
.jnSel > div {float: none; width: 100%; padding: 0; margin-bottom: 15px;} .jnSel > div {float: none; width: 100%; padding: 0; margin-bottom: 15px;}
.jnSel > div:last-child {margin-bottom: 0;} .jnSel > div:last-child {margin-bottom: 0;}
.jnsCont {padding: 30px 0;} .jnsCont {padding: 30px 0;}
.jnsCont p {font-size: 12pt; margin: 15px 0;} .jnsCont p {font-size: 12pt; margin: 15px 0;}
} }