This commit is contained in:
kdh0120
parent
b679f8eade
commit
711bba11c0
Binary file not shown.
Binary file not shown.
Binary file not shown.
500
FO/css/style.css
500
FO/css/style.css
|
|
@ -28,7 +28,7 @@ body {}
|
||||||
@media (min-width:1221px) {
|
@media (min-width:1221px) {
|
||||||
#gnb {position: fixed; z-index:100; top: 0; left: 0; right: 0; height: 100px; background: #fff;}
|
#gnb {position: fixed; z-index:100; top: 0; left: 0; right: 0; height: 100px; background: #fff;}
|
||||||
.gngLogo {height: 100px; position: absolute; top: 0; left: 0; z-index: 1;}
|
.gngLogo {height: 100px; position: absolute; top: 0; left: 0; z-index: 1;}
|
||||||
.gngLogo a {display:block; height:100%; width:187px; text-indent:-9999px; background:url('../../img/common/gnb_logo.jpg')no-repeat center center; background-size: 100% auto;}
|
.gngLogo a {display: block;height: 100%;width: 200px;text-indent: -9999px;background: url('../../img/common/intranet_logo_b.png')no-repeat center center;}
|
||||||
.gnbWrap:after {content: ''; display: table; clear: both;}
|
.gnbWrap:after {content: ''; display: table; clear: both;}
|
||||||
.gnbRht {float: right;}
|
.gnbRht {float: right;}
|
||||||
.gnbRht:after {content: ''; display: table; clear: both;}
|
.gnbRht:after {content: ''; display: table; clear: both;}
|
||||||
|
|
@ -61,7 +61,14 @@ body {}
|
||||||
#gnb {z-index:100; position: fixed; left: 0; right: 0; top: 0; border: solid 1px #ddd; height: 61px; background: #fff;}
|
#gnb {z-index:100; position: fixed; left: 0; right: 0; top: 0; border: solid 1px #ddd; height: 61px; background: #fff;}
|
||||||
#gnbTop {height:61px; border-bottom: solid 1px #e0e0e0; background: #fff; z-index: 103; position: relative;}
|
#gnbTop {height:61px; border-bottom: solid 1px #e0e0e0; background: #fff; z-index: 103; position: relative;}
|
||||||
.gngLogo {z-index:105; left: 60px; right: 60px; position: absolute;}
|
.gngLogo {z-index:105; left: 60px; right: 60px; position: absolute;}
|
||||||
.gngLogo a {display:block; height:60px; text-indent:-9999px; background:url('../../img/common/gnb_logo.jpg')no-repeat center center; background-size: auto 30px !important; -webkit-transition: all 0.3s; transition: all 0.3s;}
|
.gngLogo a {
|
||||||
|
display: block;
|
||||||
|
height: 60px;
|
||||||
|
text-indent: -9999px;
|
||||||
|
background: url('../../img/common/intranet_logo_b.png')no-repeat center center;
|
||||||
|
-webkit-transition: all 0.3s;
|
||||||
|
transition: all 0.3s;
|
||||||
|
}
|
||||||
.gnbMo {display:block; width:60px; height:60px; position:fixed; z-index:105; padding:23px 25px 23px 15px; left:0; top:0; cursor:pointer;}
|
.gnbMo {display:block; width:60px; height:60px; position:fixed; z-index:105; padding:23px 25px 23px 15px; left:0; top:0; cursor:pointer;}
|
||||||
.gnbMo span {display:block; height:1px; background:#000; margin-bottom:5px; position:relative; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
|
.gnbMo span {display:block; height:1px; background:#000; margin-bottom:5px; position:relative; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
|
||||||
.gnbMo span:last-child {margin-bottom:0;}
|
.gnbMo span:last-child {margin-bottom:0;}
|
||||||
|
|
@ -152,11 +159,11 @@ body {}
|
||||||
.mainTop p {font-size: 14pt; font-weight: 300; margin-top: 20px;}
|
.mainTop p {font-size: 14pt; font-weight: 300; margin-top: 20px;}
|
||||||
.mainTab {margin-top: 100px;}
|
.mainTab {margin-top: 100px;}
|
||||||
.mainTab:after {content: ''; display: table; clear: both;}
|
.mainTab:after {content: ''; display: table; clear: both;}
|
||||||
.mainTab li {float: left; position: relative; padding-right: 16px; margin-right: 15px;}
|
.mainTab li { float: left; position: relative; padding-right: 16px; margin-right: 15px; }
|
||||||
.mainTab li:last-child {margin-right: 0; padding-right: 0;}
|
.mainTab li:last-child {margin-right: 0;padding-right: 0;}
|
||||||
.mainTab li:after {content: ''; display: block; width: 1px; height: 14px; background: #fff; position: absolute; right: 0; top: 50%; margin-top: -7px;}
|
.mainTab li:after {content: '';display: block;width: 1px;height: 14px;background: #fff;position: absolute;right: 0;top: 50%;margin-top: -7px;}
|
||||||
.mainTab li:last-child:after {display: none;}
|
.mainTab li:last-child:after {display: none;}
|
||||||
.mainTab li a {display: block; font-size: 14pt; color: rgba(255,255,255,0.5);}
|
.mainTab li a {display: block;font-size: 14pt;color: rgba(255,255,255,0.5);}
|
||||||
.mainTab li.current a {color: #fff;}
|
.mainTab li.current a {color: #fff;}
|
||||||
.mainSch {margin-top: 15px;}
|
.mainSch {margin-top: 15px;}
|
||||||
.mainSch:after {content: ''; display: table; clear: both;}
|
.mainSch:after {content: ''; display: table; clear: both;}
|
||||||
|
|
@ -193,10 +200,7 @@ a.msBtn {display: block; height: 130px; line-height: 130px; text-align: center;
|
||||||
#main {max-height: auto; padding-top: 60px; padding-bottom: 60px; background-size: cover;}
|
#main {max-height: auto; padding-top: 60px; padding-bottom: 60px; background-size: cover;}
|
||||||
.mainTop h2 {font-size: 22pt;}
|
.mainTop h2 {font-size: 22pt;}
|
||||||
.mainTop p {font-size: 12pt; margin-top: 10px;}
|
.mainTop p {font-size: 12pt; margin-top: 10px;}
|
||||||
.mainTab {margin-top: 60px; text-align: center;}
|
.mainSch {margin-top: 30px; padding: 0 30px;}
|
||||||
.mainTab li {float: none; display: inline-block; margin-right: 12px;}
|
|
||||||
.mainTab li a {font-size: 12pt;}
|
|
||||||
.mainSch {margin-top: 20px; padding: 0 30px;}
|
|
||||||
.mainSch > li {float: none; width: 100%; height: auto; border-right: none; margin-bottom: 10px; border-radius: 5px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important;}
|
.mainSch > li {float: none; width: 100%; height: auto; border-right: none; margin-bottom: 10px; border-radius: 5px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important;}
|
||||||
.mainSch > li:last-child {margin-bottom: 0; margin-top: 30px;}
|
.mainSch > li:last-child {margin-bottom: 0; margin-top: 30px;}
|
||||||
.msCont em {display: none;}
|
.msCont em {display: none;}
|
||||||
|
|
@ -1926,16 +1930,12 @@ a.apyMore span {display: inline-block; height: 58px; line-height: 58px; padding-
|
||||||
.jnItro h5 {color: #0047a7; font-size: 26pt; letter-spacing: -0.075em; font-weight: 500; line-height: 1.2em;}
|
.jnItro h5 {color: #0047a7; font-size: 26pt; letter-spacing: -0.075em; font-weight: 500; line-height: 1.2em;}
|
||||||
.jnItro p {color: #666; font-size: 12pt; line-height: 1.8em; margin-top: 30px;}
|
.jnItro p {color: #666; font-size: 12pt; line-height: 1.8em; margin-top: 30px;}
|
||||||
.jnItro a {display: block; width: 500px; height: 60px; line-height: 60px; text-align: center; color: #fff; background: #0047a7; font-size: 13pt; margin-top: 60px;}
|
.jnItro a {display: block; width: 500px; height: 60px; line-height: 60px; text-align: center; color: #fff; background: #0047a7; font-size: 13pt; margin-top: 60px;}
|
||||||
.privacy h4 {font-size: 18pt; font-weight: 500; color: #000; margin-top: 60px;}
|
.privacy h4 {font-size: 12pt; font-weight: 500; color: #000;}
|
||||||
.privacy h4:first-child {margin-top: 0;}
|
.privacy h5 {font-size: 12pt; font-weight: 500; color: #0047a7; margin-top: 30px;}
|
||||||
.privacy h5 {font-size: 14pt; font-weight: 500; color: #0047a7; margin-top: 30px;}
|
|
||||||
.privacy h5:first-child {margin-top: 0;}
|
|
||||||
.privacy p {color: #666; font-size: 11pt; margin-top: 10px; line-height: 1.8em;}
|
.privacy p {color: #666; font-size: 11pt; margin-top: 10px; line-height: 1.8em;}
|
||||||
.privacy a {color: #0047a7; font-weight: 500;}
|
.privacy p a {color: #0047a7; font-weight: 500;}
|
||||||
.privacy > ul {margin-top: 10px;}
|
|
||||||
.privacy > ul > li > ul {padding-left: 10px; margin-top: 5px; margin-bottom: 5px;}
|
|
||||||
.privacy li {color: #666; font-size: 11pt; line-height: 1.8em;}
|
|
||||||
.privacy b {font-weight: 500; color: #333;}
|
|
||||||
|
|
||||||
|
|
||||||
@media (max-width:900px) {
|
@media (max-width:900px) {
|
||||||
|
|
@ -1944,15 +1944,14 @@ a.apyMore span {display: inline-block; height: 58px; line-height: 58px; padding-
|
||||||
.jnItro h5 {font-size: 16pt; text-align: center; margin-top: 20px;}
|
.jnItro h5 {font-size: 16pt; text-align: center; margin-top: 20px;}
|
||||||
.jnItro p {font-size: 11pt; margin-top: 15px;}
|
.jnItro p {font-size: 11pt; margin-top: 15px;}
|
||||||
.jnItro a {width: 100%; height: 50px; line-height: 50px; font-size: 12pt; margin-top: 30px;}
|
.jnItro a {width: 100%; height: 50px; line-height: 50px; font-size: 12pt; margin-top: 30px;}
|
||||||
.privacy h4 {font-size: 13pt; margin-bottom: -20px;}
|
.privacy h4 {font-size: 11pt;}
|
||||||
.privacy h5 {font-size: 11pt;}
|
.privacy h5 {font-size: 11pt;}
|
||||||
.privacy p {font-size: 10pt;}
|
.privacy p {font-size: 10pt;}
|
||||||
.privacy li {font-size: 10pt;}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.schCont li { float: left; width: 20%;padding-right: 10px;}
|
||||||
|
|
||||||
/* 스마트검색 */
|
/* 스마트검색 */
|
||||||
.pt0 {padding-top: 0;}
|
.pt0 {padding-top: 0;}
|
||||||
|
|
@ -1968,7 +1967,7 @@ a.apyMore span {display: inline-block; height: 58px; line-height: 58px; padding-
|
||||||
.schTab li.current:after {content: ''; display: block; height: 2px; position: absolute; left: 0; right: 0; bottom: 0; background: #0047a7;}
|
.schTab li.current:after {content: ''; display: block; height: 2px; position: absolute; left: 0; right: 0; bottom: 0; background: #0047a7;}
|
||||||
.schCont {position: relative; padding-right: 50px; margin-top: 20px;}
|
.schCont {position: relative; padding-right: 50px; margin-top: 20px;}
|
||||||
.schCont:after {content: ''; display: table; clear: both;}
|
.schCont:after {content: ''; display: table; clear: both;}
|
||||||
.schCont li {float: left; width: 25%; padding-right: 10px;}
|
.schCont li {float: left; width: 20%; padding-right: 10px;}
|
||||||
.schCont li select {display: block; width: 100%;}
|
.schCont li select {display: block; width: 100%;}
|
||||||
.schCont li:last-child {width: 50px; position: absolute; right: 0; top: 0; padding-right: 0;}
|
.schCont li:last-child {width: 50px; position: absolute; right: 0; top: 0; padding-right: 0;}
|
||||||
.schCont li:last-child a,
|
.schCont li:last-child a,
|
||||||
|
|
@ -1994,6 +1993,7 @@ span.org {color: #ff5a00;}
|
||||||
.smtlCont h5 em {display: inline-block; vertical-align: middle; padding: 0 5px; width: 50px; height: 20px; line-height: 20px; color: #fff; font-size: 9pt; text-align: center; margin-right: 5px; font-style: normal;}
|
.smtlCont h5 em {display: inline-block; vertical-align: middle; padding: 0 5px; width: 50px; height: 20px; line-height: 20px; color: #fff; font-size: 9pt; text-align: center; margin-right: 5px; font-style: normal;}
|
||||||
.smtlCont h5 em.org {background: #f60;}
|
.smtlCont h5 em.org {background: #f60;}
|
||||||
.smtlCont h5 em.grn {background: #259e41;}
|
.smtlCont h5 em.grn {background: #259e41;}
|
||||||
|
.smtlCont h5 em.blu {background: #0000ff;}
|
||||||
.smtlCont h5 span {vertical-align: middle;}
|
.smtlCont h5 span {vertical-align: middle;}
|
||||||
.smtlCont p {margin-top: 10px; color: #888; position: relative; padding-left: 8px;}
|
.smtlCont p {margin-top: 10px; color: #888; position: relative; padding-left: 8px;}
|
||||||
.smtlCont p:before {content: ''; display: block; width: 2px; height: 2px; background: #888; position: absolute; left: 0; top: 10px;}
|
.smtlCont p:before {content: ''; display: block; width: 2px; height: 2px; background: #888; position: absolute; left: 0; top: 10px;}
|
||||||
|
|
@ -2202,9 +2202,9 @@ span.org {color: #ff5a00;}
|
||||||
.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;}
|
.jnSel {margin: 0 -30px; padding-top: 50px; text-align:center;}
|
||||||
.jnSel:after {content: ''; display: table; clear: both;}
|
.jnSel:after {content: ''; display: table; clear: both;}
|
||||||
.jnSel > div {float: left; width: 33.3333%; padding: 0 30px;}
|
.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 {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;}
|
||||||
|
|
@ -2380,8 +2380,10 @@ span.org {color: #ff5a00;}
|
||||||
.tchCont {margin-top: 30px;}
|
.tchCont {margin-top: 30px;}
|
||||||
.tchCont h4 {height: 60px; line-height: 58px; text-align: center; border: solid 1px #d6d6d6; font-size: 16pt; font-weight: 500;}
|
.tchCont h4 {height: 60px; line-height: 58px; text-align: center; border: solid 1px #d6d6d6; font-size: 16pt; font-weight: 500;}
|
||||||
.tchCont h4 span {font-weight: 300; font-size: 13pt;}
|
.tchCont h4 span {font-weight: 300; font-size: 13pt;}
|
||||||
|
.tchCont > img {width: 27%; display: inline-block; margin:30px 1%; vertical-align:top;}
|
||||||
|
.tchCont > ul {width: 70%; display: inline-block;}
|
||||||
.tchCont > ul:after {content: ''; display: table; clear: both;}
|
.tchCont > ul:after {content: ''; display: table; clear: both;}
|
||||||
.tchCont > ul > li {margin-top: 30px; float: left; width: 50%; position: relative; padding-left: 170px;}
|
.tchCont > ul > li {margin-top: 30px; position: relative; padding-left: 170px;}
|
||||||
.tchCont > ul > li > h5 {width: 150px; height: 50px; line-height: 50px; text-align: center; background: #f9f9f9; font-size: 12pt; font-weight: 500; position: absolute; left: 0; top: 0;}
|
.tchCont > ul > li > h5 {width: 150px; height: 50px; line-height: 50px; text-align: center; background: #f9f9f9; font-size: 12pt; font-weight: 500; position: absolute; left: 0; top: 0;}
|
||||||
.tchCont > ul > li > ul {min-height: 50px;}
|
.tchCont > ul > li > ul {min-height: 50px;}
|
||||||
.tchCont > ul > li > ul > li {position: relative; padding-left: 8px; font-size: 11pt; color: #666; margin-bottom: 5px;}
|
.tchCont > ul > li > ul > li {position: relative; padding-left: 8px; font-size: 11pt; color: #666; margin-bottom: 5px;}
|
||||||
|
|
@ -2551,7 +2553,8 @@ span.org {color: #ff5a00;}
|
||||||
.inRulCnt {display: block; height: auto;}
|
.inRulCnt {display: block; height: auto;}
|
||||||
.inRulCnt > div {display: block; padding: 10px;}
|
.inRulCnt > div {display: block; padding: 10px;}
|
||||||
|
|
||||||
|
.tchCont > img {margin-top: 15px; width:37%;}
|
||||||
|
.tchCont > ul {width: 60%;}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -2561,70 +2564,203 @@ span.org {color: #ff5a00;}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* 이수방법 */
|
||||||
|
.isuFlow {margin: 0 -15px;}
|
||||||
|
.isuFlow:after {content: ''; display: table; clear: both;}
|
||||||
|
.isuFlow > li {float: left; width: 25%; padding: 0 15px;}
|
||||||
/* 이수방법 */
|
.isuFlow > li div {border: solid 2px #e6e6e6; padding: 8px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
|
||||||
.isuFlow {margin: 0 -15px;}
|
.isuFlow > li h5 {background: #0047a7; color: #fff; height: 50px; line-height: 50px; text-align: center; font-size: 13pt; font-weight: 400; border-radius: 12px 12px 0 0; -moz-border-radius: 12px 12px 0 0; -webkit-border-radius: 12px 12px 0 0;}
|
||||||
.isuFlow:after {content: ''; display: table; clear: both;}
|
.isuFlow > li img {display: block; margin: 30px auto; width: 66px;}
|
||||||
.isuFlow > li {float: left; width: 25%; padding: 0 15px;}
|
.isuFlow > li ul {padding: 0.5em 15px; background: #f4f4f4; height: 6.3em; border-radius: 0 0 12px 12px; -moz-border-radius: 0 0 12px 12px; -webkit-border-radius: 0 0 12px 12px;}
|
||||||
.isuFlow > li div {border: solid 2px #e6e6e6; padding: 8px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
|
.isuFlow > li ul li {color: #666; font-size: 12pt; line-height: 1.6em;}
|
||||||
.isuFlow > li h5 {background: #0047a7; color: #fff; height: 50px; line-height: 50px; text-align: center; font-size: 13pt; font-weight: 400; border-radius: 12px 12px 0 0; -moz-border-radius: 12px 12px 0 0; -webkit-border-radius: 12px 12px 0 0;}
|
.isuCdtn {margin-top: 30px;}
|
||||||
.isuFlow > li img {display: block; margin: 30px auto; width: 66px;}
|
.isuCdtn dt {margin-bottom: 15px; color: #0047a7; font-size: 14pt; font-weight: 700;}
|
||||||
.isuFlow > li ul {padding: 0.5em 15px; background: #f4f4f4; height: 6.3em; border-radius: 0 0 12px 12px; -moz-border-radius: 0 0 12px 12px; -webkit-border-radius: 0 0 12px 12px;}
|
.isuCdtn dd {}
|
||||||
.isuFlow > li ul li {color: #666; font-size: 12pt; line-height: 1.6em;}
|
.subDot {}
|
||||||
.isuCdtn {margin-top: 30px;}
|
.subDot li {color: #666; font-size: 12pt; margin-bottom: 5px; position: relative; padding-left: 8px;}
|
||||||
.isuCdtn dt {margin-bottom: 15px; color: #0047a7; font-size: 14pt; font-weight: 700;}
|
.subDot li:last-child {margin-bottom: 0;}
|
||||||
.isuCdtn dd {}
|
.subDot li:before {content: ''; display: block; width: 2px; height: 2px; background: #666; position: absolute; left: 0; top: 10px;}
|
||||||
.subDot {}
|
.subDot li span.bk {color: #000; font-weight: 500; margin-right: 5px;}
|
||||||
.subDot li {color: #666; font-size: 12pt; margin-bottom: 5px; position: relative; padding-left: 8px;}
|
.subDot li span.bk:before {background: #000;}
|
||||||
.subDot li:last-child {margin-bottom: 0;}
|
.isuRed {color: #f00; margin-top: 15px; font-size: 12pt; font-weight: 500;}
|
||||||
.subDot li:before {content: ''; display: block; width: 2px; height: 2px; background: #666; position: absolute; left: 0; top: 10px;}
|
.isuAtn {margin-top: 30px; border: solid 1px #e6e6e6; padding: 0 30px 30px;}
|
||||||
.subDot li span.bk {color: #000; font-weight: 500; margin-right: 5px;}
|
.isuAtn h5 {background: #3a3a3b; text-align: center; color: #fff; height: 30px; line-height: 28px; width: 200px; margin: 0 auto; font-size: 12pt; font-weight: 500; border-radius: 0 0 30px 30px; -moz-border-radius: 0 0 30px 30px; -webkit-border-radius: 0 0 30px 30px;}
|
||||||
.subDot li span.bk:before {background: #000;}
|
.isuAtn p {margin-top: 30px; color: #666; font-size: 13pt; line-height: 1.6em;}
|
||||||
.isuRed {color: #f00; margin-top: 15px; font-size: 12pt; font-weight: 500;}
|
.isuList {margin-top: 30px;}
|
||||||
.isuAtn {margin-top: 30px; border: solid 1px #e6e6e6; padding: 0 30px 30px;}
|
.isuList > li {position: relative; padding-left: 160px; margin-bottom: 30px;}
|
||||||
.isuAtn h5 {background: #3a3a3b; text-align: center; color: #fff; height: 30px; line-height: 28px; width: 200px; margin: 0 auto; font-size: 12pt; font-weight: 500; border-radius: 0 0 30px 30px; -moz-border-radius: 0 0 30px 30px; -webkit-border-radius: 0 0 30px 30px;}
|
.isuList > li:last-child {margin-bottom: 0;}
|
||||||
.isuAtn p {margin-top: 30px; color: #666; font-size: 13pt; line-height: 1.6em;}
|
.isuList > li span {display: block; width: 130px; height: 130px; border: solid 1px #0047a7; position: absolute; left: 0; top: 0; padding: 35px 0;}
|
||||||
.isuList {margin-top: 30px;}
|
.isuList > li span img {display: block; margin: 0 auto; width: 60px;}
|
||||||
.isuList > li {position: relative; padding-left: 160px; margin-bottom: 30px;}
|
.isuList > li dl {min-height: 160px;}
|
||||||
.isuList > li:last-child {margin-bottom: 0;}
|
.isuList > li dl dt {color: #0047a7; font-size: 14pt; font-weight: 500;}
|
||||||
.isuList > li span {display: block; width: 130px; height: 130px; border: solid 1px #0047a7; position: absolute; left: 0; top: 0; padding: 35px 0;}
|
.isuList > li dl dd {margin-top: 10px;}
|
||||||
.isuList > li span img {display: block; margin: 0 auto; width: 60px;}
|
.isuList > li dl dd ul {padding-left: 15px;}
|
||||||
.isuList > li dl {min-height: 160px;}
|
.isuList > li dl dd ul li {list-style: decimal; color: #666; font-size: 12pt; margin-bottom: 3px;}
|
||||||
.isuList > li dl dt {color: #0047a7; font-size: 14pt; font-weight: 500;}
|
.isuList > li dl dd ul li:last-child {margin-bottom: 0;}
|
||||||
.isuList > li dl dd {margin-top: 10px;}
|
@media (max-width:1200px) {
|
||||||
.isuList > li dl dd ul {padding-left: 15px;}
|
.isuFlow {margin: 0;}
|
||||||
.isuList > li dl dd ul li {list-style: decimal; color: #666; font-size: 12pt; margin-bottom: 3px;}
|
.isuFlow > li {float: none; width: 100%; padding: 0; margin-bottom: 20px;}
|
||||||
.isuList > li dl dd ul li:last-child {margin-bottom: 0;}
|
.isuFlow > li:last-child {margin-bottom: 0;}
|
||||||
|
.isuFlow > li div {border: solid 1px #e6e6e6; padding: 5px;}
|
||||||
@media (max-width:1200px) {
|
.isuFlow > li h5 {height: 40px; line-height: 40px; font-size: 12pt; border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; -webkit-border-radius: 15px 15px 0 0;}
|
||||||
.isuFlow {margin: 0;}
|
.isuFlow > li img {margin: 15px auto; width: 44px;}
|
||||||
.isuFlow > li {float: none; width: 100%; padding: 0; margin-bottom: 20px;}
|
.isuFlow > li ul {padding: 10px; height: auto; border-radius: 0 0 15px 15px; -moz-border-radius: 0 0 15px 15px; -webkit-border-radius: 0 0 15px 15px;}
|
||||||
.isuFlow > li:last-child {margin-bottom: 0;}
|
.isuFlow > li ul li {font-size: 11pt;}
|
||||||
.isuFlow > li div {border: solid 1px #e6e6e6; padding: 5px;}
|
.isuCdtn {margin-top: 20px;}
|
||||||
.isuFlow > li h5 {height: 40px; line-height: 40px; font-size: 12pt; border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; -webkit-border-radius: 15px 15px 0 0;}
|
.isuCdtn dt {margin-bottom: 10px; font-size: 13pt;}
|
||||||
.isuFlow > li img {margin: 15px auto; width: 44px;}
|
.subDot li {font-size: 11pt;}
|
||||||
.isuFlow > li ul {padding: 10px; height: auto; border-radius: 0 0 15px 15px; -moz-border-radius: 0 0 15px 15px; -webkit-border-radius: 0 0 15px 15px;}
|
.subDot li span.bk {display: block;}
|
||||||
.isuFlow > li ul li {font-size: 11pt;}
|
.isuRed {font-size: 11pt;}
|
||||||
.isuCdtn {margin-top: 20px;}
|
.isuAtn {padding: 0 15px 15px;}
|
||||||
.isuCdtn dt {margin-bottom: 10px; font-size: 13pt;}
|
.isuAtn h5 {width: 140px; font-size: 11pt;}
|
||||||
.subDot li {font-size: 11pt;}
|
.isuAtn p {margin-top: 15px; font-size: 11pt;}
|
||||||
.subDot li span.bk {display: block;}
|
.isuList > li {padding-left: 90px;}
|
||||||
.isuRed {font-size: 11pt;}
|
.isuList > li:last-child {margin-bottom: 0;}
|
||||||
.isuAtn {padding: 0 15px 15px;}
|
.isuList > li span {width: 75px; height: 75px; padding: 22px 0;}
|
||||||
.isuAtn h5 {width: 140px; font-size: 11pt;}
|
.isuList > li span img {width: 30px;}
|
||||||
.isuAtn p {margin-top: 15px; font-size: 11pt;}
|
.isuList > li dl dt {font-size: 12pt;}
|
||||||
.isuList > li {padding-left: 90px;}
|
.isuList > li dl dd {margin-top: 5px;}
|
||||||
.isuList > li:last-child {margin-bottom: 0;}
|
.isuList > li dl dd ul {padding-left: 15px;}
|
||||||
.isuList > li span {width: 75px; height: 75px; padding: 22px 0;}
|
.isuList > li dl dd ul li {font-size: 11pt; margin-bottom: 10px; line-height: 1.5em;}
|
||||||
.isuList > li span img {width: 30px;}
|
}
|
||||||
.isuList > li dl dt {font-size: 12pt;}
|
.mosaList {margin-top: 20px;}
|
||||||
.isuList > li dl dd {margin-top: 5px;}
|
.mosaList dt {color: #0047a7; font-size: 13pt; font-weight: 500;}
|
||||||
.isuList > li dl dd ul {padding-left: 15px;}
|
.mosaList dd {color: #666; font-size: 12pt; margin-top: 5px;}
|
||||||
.isuList > li dl dd ul li {font-size: 11pt; margin-bottom: 10px; line-height: 1.5em;}
|
.mosaHow {margin: 0 -8px;}
|
||||||
|
.mosaHow:after {content: ''; display: table; clear: both;}
|
||||||
|
.mosaHow li {float: left; width: 33.3333%; padding: 0 8px;}
|
||||||
|
.mosaHow li div {border: solid 2px #e6e6e6; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; overflow: hidden;}
|
||||||
|
.mosaHow li h5 {background: #f9f9f9; height: 50px; line-height: 50px; text-align: center; font-size: 14pt; font-weight: 500;}
|
||||||
|
.mosaHow li p {color: #666; font-size: 12pt; line-height: 1.6em; padding: 30px; text-align: center;}
|
||||||
|
@media (max-width:1200px) {
|
||||||
|
.mosaList {margin-top: 10px;}
|
||||||
|
.mosaList dt {font-size: 12pt;}
|
||||||
|
.mosaList dd {font-size: 11pt; margin-top: 2px;}
|
||||||
|
.mosaHow {margin: 0;}
|
||||||
|
.mosaHow li {float: none; width: 100%; padding: 0; margin-bottom: 15px;}
|
||||||
|
.mosaHow li:last-child {margin-bottom: 0;}
|
||||||
|
.mosaHow li div {border: solid 1px #e6e6e6;}
|
||||||
|
.mosaHow li h5 {height: 40px; line-height: 40px; font-size: 13pt;}
|
||||||
|
.mosaHow li p {font-size: 11pt; padding: 15px;}
|
||||||
|
}
|
||||||
|
.prgInfo {background: #f9f9f9; padding: 30px; text-align: center; color: #0047a7; font-size: 13pt; font-weight: 500;}
|
||||||
|
.prgDwn {margin: 0 -30px;}
|
||||||
|
.prgDwn:after {content: ''; display: table; clear: both;}
|
||||||
|
.prgDwn li {float: left; width: 50%; padding: 0 30px;}
|
||||||
|
.prgDwn li a {display: block; padding: 30px 100px 30px 0; text-align: center; position: relative; border: solid 2px #0047a7; color: #0047a7; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; overflow: hidden;}
|
||||||
|
.prgDwn li a:after {content: ''; display: block; width: 100px; position: absolute; right: 0; top: 0; bottom: 0; background: #0047a7 url('../../img/sub/program_down.png')no-repeat center center;}
|
||||||
|
.prgDwn li a img {display: inline-block; vertical-align: middle; margin-right: 30px;}
|
||||||
|
.prgDwn li a span {vertical-align: middle; font-size: 15pt; font-weight: 500;}
|
||||||
|
@media (max-width:1200px) {
|
||||||
|
.prgInfo {padding: 15px; font-size: 11pt;}
|
||||||
|
.prgDwn {margin: 0; padding-top: 10px;}
|
||||||
|
.prgDwn li {float: none; width: 100%; padding: 0; margin-bottom: 10px;}
|
||||||
|
.prgDwn li:last-child {margin-bottom: 0;}
|
||||||
|
.prgDwn li a {padding: 15px 60px 15px 0; border: solid 1px #0047a7; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
|
||||||
|
.prgDwn li a:after {width: 60px; background-size: 18px auto;}
|
||||||
|
.prgDwn li a img {margin-right: 15px; width: 25px;}
|
||||||
|
.prgDwn li a span {font-size: 12pt;}
|
||||||
|
}
|
||||||
|
ul.slyList:after {content: ''; display: table; clear: both;}
|
||||||
|
ul.slyList li {float:left;}
|
||||||
|
ul.slyList li a {display:block; white-space: nowrap;}
|
||||||
|
@media (min-width:1201px) {
|
||||||
|
.slyTab ul {transform: translateZ(0px) translateX(0px) !important; width: 100% !important;}
|
||||||
|
}
|
||||||
|
.buildTab ul li {width: 20%;}
|
||||||
|
.buildTab ul li a {display: table; width: 100%; height: 90px; border: solid 1px #dfdfdf; background: #f9f9f9; border-right-color: #f9f9f9;}
|
||||||
|
.buildTab ul li:last-child a {border-right-color: #dfdfdf;}
|
||||||
|
.buildTab ul li a span {display: table-cell; width: 100%; vertical-align: middle; text-align: right; padding-left: 25px; padding-right: 25px; color: #898989; font-size: 11pt; line-height: 1.3em; position: relative;}
|
||||||
|
.buildTab ul li.active a {border: solid 2px #0047a7; background: #fff;}
|
||||||
|
.buildTab ul li.active a span {color: #0047a7; font-weight: 500;}
|
||||||
|
.buildTab ul li a span:before {content: ''; display: block; width: 50px; height: 50px; position: absolute; left: 25px; top: 50%; margin-top: -25px; background-size: cover !important;}
|
||||||
|
.buildTab ul li:nth-child(1) a span:before {background: url('../../img/sub/build_tab_ico01.png')no-repeat center center;}
|
||||||
|
.buildTab ul li:nth-child(2) a span:before {background: url('../../img/sub/build_tab_ico02.png')no-repeat center center;}
|
||||||
|
.buildTab ul li:nth-child(3) a span:before {background: url('../../img/sub/build_tab_ico03.png')no-repeat center center;}
|
||||||
|
.buildTab ul li:nth-child(4) a span:before {background: url('../../img/sub/build_tab_ico04.png')no-repeat center center;}
|
||||||
|
.buildTab ul li:nth-child(5) a span:before {background: url('../../img/sub/build_tab_ico05.png')no-repeat center center;}
|
||||||
|
.buildTab ul li:nth-child(1).active a span:before {background: url('../../img/sub/build_tab_ico01_on.png')no-repeat center center;}
|
||||||
|
.buildTab ul li:nth-child(2).active a span:before {background: url('../../img/sub/build_tab_ico02_on.png')no-repeat center center;}
|
||||||
|
.buildTab ul li:nth-child(3).active a span:before {background: url('../../img/sub/build_tab_ico03_on.png')no-repeat center center;}
|
||||||
|
.buildTab ul li:nth-child(4).active a span:before {background: url('../../img/sub/build_tab_ico04_on.png')no-repeat center center;}
|
||||||
|
.buildTab ul li:nth-child(5).active a span:before {background: url('../../img/sub/build_tab_ico05_on.png')no-repeat center center;}
|
||||||
|
.etcTab ul li {width: 33.3333%;}
|
||||||
|
.etcTab ul li a {display: table; width: 100%; height: 90px; border: solid 1px #dfdfdf; background: #f9f9f9; border-right-color: #f9f9f9; text-align: center;}
|
||||||
|
.etcTab ul li:last-child a {border-right-color: #dfdfdf;}
|
||||||
|
.etcTab ul li a span {display: table-cell; width: 100%; vertical-align: middle; color: #898989; font-size: 11pt; line-height: 1.3em; position: relative;}
|
||||||
|
.etcTab ul li.active a {border: solid 2px #0047a7; background: #fff;}
|
||||||
|
.etcTab ul li.active a span {color: #0047a7; font-weight: 500;}
|
||||||
|
.etcTab ul li a span:before {content: ''; display: block; width: 54px; height: 50px; display: inline-block; margin-right: 20px; vertical-align: middle; background-size: cover !important;}
|
||||||
|
.etcTab ul li:nth-child(1) a span:before {background: url('../../img/sub/etc_tab_ico01.png')no-repeat center center;}
|
||||||
|
.etcTab ul li:nth-child(1).active a span:before {background: url('../../img/sub/etc_tab_ico01_on.png')no-repeat center center;}
|
||||||
|
.etcTab ul li.active a span {color: #0047a7; font-weight: 500;}
|
||||||
|
.buildTab ul li a span:before {content: ''; display: block; width: 50px; height: 50px; position: absolute; left: 25px; top: 50%; margin-top: -25px; background-size: cover !important;}
|
||||||
|
.subName {color: #0047a7; margin-top: 30px; margin-bottom: 15px; font-size: 14pt; font-weight: 500;}
|
||||||
|
.subText {font-size: 12pt; line-height: 1.8em; margin-top: 15px; color: #666;}
|
||||||
|
.subText span.bk {color: #000;}
|
||||||
|
.subText span.org {color: #ff5a00;}
|
||||||
|
@media (max-width:1200px) {
|
||||||
|
.buildTab {margin: 0 -15px; padding: 0 15px;}
|
||||||
|
.buildTab ul li {width: 200px;}
|
||||||
|
.buildTab ul li a {height: 70px;}
|
||||||
|
.buildTab ul li a span {padding-left: 15px; padding-right: 15px;}
|
||||||
|
.buildTab ul li a span:before {width: 40px; height: 40px; left: 15px; margin-top: -20px;}
|
||||||
|
.etcTab {margin: 0 -15px; padding: 0 15px;}
|
||||||
|
.etcTab ul li {width: 260px;}
|
||||||
|
.etcTab ul li a {height: 70px;}
|
||||||
|
.etcTab ul li a span {padding-left: 15px; padding-right: 15px;}
|
||||||
|
.etcTab ul li a span:before {width: 44px; height: 40px;}
|
||||||
|
.subName {font-size: 13pt;}
|
||||||
|
.subText {font-size: 11pt;}
|
||||||
|
}
|
||||||
|
.cptcy {}
|
||||||
|
.cptcy:after {content: ''; display: table; clear: both;}
|
||||||
|
.cptcy > div {float: left; width: 25%; padding: 0 6px;}
|
||||||
|
.cptCont {border: solid 2px #d6d6d6; padding: 20px 15px; height: 460px;}
|
||||||
|
.cptCont h5 {text-align: center; color: #0047a7; margin-bottom: 30px; font-size: 13pt;}
|
||||||
|
.cptCont p {font-size: 11pt; line-height: 1.4em;}
|
||||||
|
.cptCont li {font-size: 11pt;}
|
||||||
|
.lstNum {padding-left: 15px;}
|
||||||
|
.lstNum li {list-style: decimal; margin-bottom: 15px;}
|
||||||
|
.lstNum li:last-child {margin-bottom: 0;}
|
||||||
|
.lstNum li span.org {color: #ff5a00;}
|
||||||
|
.lstNum li span.blu {color: #0047a7;}
|
||||||
|
.scrWrap {margin: -15px -10px; padding-top: 50px;}
|
||||||
|
.scrWrap:after {content: ''; display: table; clear: both;}
|
||||||
|
.scrWrap > div {float: left; padding: 15px 10px;}
|
||||||
|
.scrWrap > div.col1 {width: 100%;}
|
||||||
|
.scrWrap > div.col2 {width: 50%;}
|
||||||
|
.scrCont {border: solid 1px #000; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; overflow: hidden;}
|
||||||
|
.scrCont > div {padding: 30px;}
|
||||||
|
.scrWrap > div.col2 .scrCont {height: 560px;}
|
||||||
|
.scrCont h5 {height: 50px; line-height: 50px; text-align: center; background: #3a3a3b; color: #fff; font-size: 15pt; font-weight: 500; width: 370px; margin: 0 auto; border-radius: 0px 0px 40px 40px; -moz-border-radius: 0px 0px 40px 40px; -webkit-border-radius: 0px 0px 40px 40px;}
|
||||||
|
.scrHalf {padding: 30px;}
|
||||||
|
.scrHalf:after {content: ''; display: table; clear: both;}
|
||||||
|
.scrHalf dt {float: left; width: 40%;}
|
||||||
|
.scrHalf dt h6 {font-size: 14pt; margin-bottom: 10px;}
|
||||||
|
.scrHalf dd {float: left; width: 60%; padding-left: 20px;}
|
||||||
|
.scrHalf p {font-size: 11pt; line-height: 1.4em;}
|
||||||
|
.scrHalf li {font-size: 11pt;}
|
||||||
|
.scrGrph {display: block; border: solid 1px #0047a7; margin-top: 20px;}
|
||||||
|
.scrGrph img {display: block; width: 100%;}
|
||||||
|
@media (max-width:1200px) {
|
||||||
|
.cptcy > div {float: none; width: 100%; padding: 0; margin-bottom: 15px;}
|
||||||
|
.cptcy > div:last-child {margin-bottom: 0;}
|
||||||
|
.cptCont {height: auto;}
|
||||||
|
.cptCont h5 {margin-bottom:}
|
||||||
|
.lstNum li {margin-bottom: 5px;}
|
||||||
|
.scrWrap {margin: 0; padding-top: 30px;}
|
||||||
|
.scrWrap > div {float: none; padding: 0; margin-bottom: 15px;}
|
||||||
|
.scrWrap > div:last-child {margin-bottom: 0;}
|
||||||
|
.scrWrap > div.col2 {width: 100%;}
|
||||||
|
.scrCont > div {padding: 15px;}
|
||||||
|
.scrWrap > div.col2 .scrCont {height: auto;}
|
||||||
|
.scrCont h5 {height: 40px; line-height: 40px; font-size: 12pt; width: 70%; border-radius: 0px 0px 30px 30px; -moz-border-radius: 0px 0px 30px 30px; -webkit-border-radius: 0px 0px 30px 30px;}
|
||||||
|
.scrHalf {padding: 15px;}
|
||||||
|
.scrHalf dt {float: none; width: 100%;}
|
||||||
|
.scrHalf dt h6 {font-size: 14pt; margin-bottom: 5px;}
|
||||||
|
.scrHalf dd {float: none; width: 100%; padding-left: 0; margin-top: 15px;}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -2633,185 +2769,3 @@ span.org {color: #ff5a00;}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.mosaList {margin-top: 20px;}
|
|
||||||
.mosaList dt {color: #0047a7; font-size: 13pt; font-weight: 500;}
|
|
||||||
.mosaList dd {color: #666; font-size: 12pt; margin-top: 5px;}
|
|
||||||
.mosaHow {margin: 0 -8px;}
|
|
||||||
.mosaHow:after {content: ''; display: table; clear: both;}
|
|
||||||
.mosaHow li {float: left; width: 33.3333%; padding: 0 8px;}
|
|
||||||
.mosaHow li div {border: solid 2px #e6e6e6; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; overflow: hidden;}
|
|
||||||
.mosaHow li h5 {background: #f9f9f9; height: 50px; line-height: 50px; text-align: center; font-size: 14pt; font-weight: 500;}
|
|
||||||
.mosaHow li p {color: #666; font-size: 12pt; line-height: 1.6em; padding: 30px; text-align: center;}
|
|
||||||
|
|
||||||
@media (max-width:1200px) {
|
|
||||||
.mosaList {margin-top: 10px;}
|
|
||||||
.mosaList dt {font-size: 12pt;}
|
|
||||||
.mosaList dd {font-size: 11pt; margin-top: 2px;}
|
|
||||||
.mosaHow {margin: 0;}
|
|
||||||
.mosaHow li {float: none; width: 100%; padding: 0; margin-bottom: 15px;}
|
|
||||||
.mosaHow li:last-child {margin-bottom: 0;}
|
|
||||||
.mosaHow li div {border: solid 1px #e6e6e6;}
|
|
||||||
.mosaHow li h5 {height: 40px; line-height: 40px; font-size: 13pt;}
|
|
||||||
.mosaHow li p {font-size: 11pt; padding: 15px;}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.prgInfo {background: #f9f9f9; padding: 30px; text-align: center; color: #0047a7; font-size: 13pt; font-weight: 500;}
|
|
||||||
.prgDwn {margin: 0 -30px;}
|
|
||||||
.prgDwn:after {content: ''; display: table; clear: both;}
|
|
||||||
.prgDwn li {float: left; width: 50%; padding: 0 30px;}
|
|
||||||
.prgDwn li a {display: block; padding: 30px 100px 30px 0; text-align: center; position: relative; border: solid 2px #0047a7; color: #0047a7; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; overflow: hidden;}
|
|
||||||
.prgDwn li a:after {content: ''; display: block; width: 100px; position: absolute; right: 0; top: 0; bottom: 0; background: #0047a7 url('../../img/sub/program_down.png')no-repeat center center;}
|
|
||||||
.prgDwn li a img {display: inline-block; vertical-align: middle; margin-right: 30px;}
|
|
||||||
.prgDwn li a span {vertical-align: middle; font-size: 15pt; font-weight: 500;}
|
|
||||||
|
|
||||||
@media (max-width:1200px) {
|
|
||||||
.prgInfo {padding: 15px; font-size: 11pt;}
|
|
||||||
.prgDwn {margin: 0; padding-top: 10px;}
|
|
||||||
.prgDwn li {float: none; width: 100%; padding: 0; margin-bottom: 10px;}
|
|
||||||
.prgDwn li:last-child {margin-bottom: 0;}
|
|
||||||
.prgDwn li a {padding: 15px 60px 15px 0; border: solid 1px #0047a7; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
|
|
||||||
.prgDwn li a:after {width: 60px; background-size: 18px auto;}
|
|
||||||
.prgDwn li a img {margin-right: 15px; width: 25px;}
|
|
||||||
.prgDwn li a span {font-size: 12pt;}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
ul.slyList:after {content: ''; display: table; clear: both;}
|
|
||||||
ul.slyList li {float:left;}
|
|
||||||
ul.slyList li a {display:block; white-space: nowrap;}
|
|
||||||
|
|
||||||
|
|
||||||
@media (min-width:1201px) {
|
|
||||||
.slyTab ul {transform: translateZ(0px) translateX(0px) !important; width: 100% !important;}
|
|
||||||
}
|
|
||||||
|
|
||||||
.buildTab ul li {width: 20%;}
|
|
||||||
.buildTab ul li a {display: table; width: 100%; height: 90px; border: solid 1px #dfdfdf; background: #f9f9f9; border-right-color: #f9f9f9;}
|
|
||||||
.buildTab ul li:last-child a {border-right-color: #dfdfdf;}
|
|
||||||
.buildTab ul li a span {display: table-cell; width: 100%; vertical-align: middle; text-align: right; padding-left: 25px; padding-right: 25px; color: #898989; font-size: 11pt; line-height: 1.3em; position: relative;}
|
|
||||||
.buildTab ul li.active a {border: solid 2px #0047a7; background: #fff;}
|
|
||||||
.buildTab ul li.active a span {color: #0047a7; font-weight: 500;}
|
|
||||||
.buildTab ul li a span:before {content: ''; display: block; width: 50px; height: 50px; position: absolute; left: 25px; top: 50%; margin-top: -25px; background-size: cover !important;}
|
|
||||||
.buildTab ul li:nth-child(1) a span:before {background: url('../../img/sub/build_tab_ico01.png')no-repeat center center;}
|
|
||||||
.buildTab ul li:nth-child(2) a span:before {background: url('../../img/sub/build_tab_ico02.png')no-repeat center center;}
|
|
||||||
.buildTab ul li:nth-child(3) a span:before {background: url('../../img/sub/build_tab_ico03.png')no-repeat center center;}
|
|
||||||
.buildTab ul li:nth-child(4) a span:before {background: url('../../img/sub/build_tab_ico04.png')no-repeat center center;}
|
|
||||||
.buildTab ul li:nth-child(5) a span:before {background: url('../../img/sub/build_tab_ico05.png')no-repeat center center;}
|
|
||||||
.buildTab ul li:nth-child(1).active a span:before {background: url('../../img/sub/build_tab_ico01_on.png')no-repeat center center;}
|
|
||||||
.buildTab ul li:nth-child(2).active a span:before {background: url('../../img/sub/build_tab_ico02_on.png')no-repeat center center;}
|
|
||||||
.buildTab ul li:nth-child(3).active a span:before {background: url('../../img/sub/build_tab_ico03_on.png')no-repeat center center;}
|
|
||||||
.buildTab ul li:nth-child(4).active a span:before {background: url('../../img/sub/build_tab_ico04_on.png')no-repeat center center;}
|
|
||||||
.buildTab ul li:nth-child(5).active a span:before {background: url('../../img/sub/build_tab_ico05_on.png')no-repeat center center;}
|
|
||||||
.etcTab ul li {width: 33.3333%;}
|
|
||||||
.etcTab ul li a {display: table; width: 100%; height: 90px; border: solid 1px #dfdfdf; background: #f9f9f9; border-right-color: #f9f9f9; text-align: center;}
|
|
||||||
.etcTab ul li:last-child a {border-right-color: #dfdfdf;}
|
|
||||||
.etcTab ul li a span {display: table-cell; width: 100%; vertical-align: middle; color: #898989; font-size: 11pt; line-height: 1.3em; position: relative;}
|
|
||||||
.etcTab ul li.active a {border: solid 2px #0047a7; background: #fff;}
|
|
||||||
.etcTab ul li.active a span {color: #0047a7; font-weight: 500;}
|
|
||||||
.etcTab ul li a span:before {content: ''; display: block; width: 54px; height: 50px; display: inline-block; margin-right: 20px; vertical-align: middle; background-size: cover !important;}
|
|
||||||
.etcTab ul li:nth-child(1) a span:before {background: url('../../img/sub/etc_tab_ico01.png')no-repeat center center;}
|
|
||||||
.etcTab ul li:nth-child(1).active a span:before {background: url('../../img/sub/etc_tab_ico01_on.png')no-repeat center center;}
|
|
||||||
.etcTab ul li.active a span {color: #0047a7; font-weight: 500;}
|
|
||||||
.buildTab ul li a span:before {content: ''; display: block; width: 50px; height: 50px; position: absolute; left: 25px; top: 50%; margin-top: -25px; background-size: cover !important;}
|
|
||||||
.subName {color: #0047a7; margin-top: 30px; margin-bottom: 15px; font-size: 14pt; font-weight: 500;}
|
|
||||||
.subText {font-size: 12pt; line-height: 1.8em; margin-top: 15px; color: #666;}
|
|
||||||
.subText span.bk {color: #000;}
|
|
||||||
.subText span.org {color: #ff5a00;}
|
|
||||||
|
|
||||||
@media (max-width:1200px) {
|
|
||||||
.buildTab {margin: 0 -15px; padding: 0 15px;}
|
|
||||||
.buildTab ul li {width: 200px;}
|
|
||||||
.buildTab ul li a {height: 70px;}
|
|
||||||
.buildTab ul li a span {padding-left: 15px; padding-right: 15px;}
|
|
||||||
.buildTab ul li a span:before {width: 40px; height: 40px; left: 15px; margin-top: -20px;}
|
|
||||||
.etcTab {margin: 0 -15px; padding: 0 15px;}
|
|
||||||
.etcTab ul li {width: 260px;}
|
|
||||||
.etcTab ul li a {height: 70px;}
|
|
||||||
.etcTab ul li a span {padding-left: 15px; padding-right: 15px;}
|
|
||||||
.etcTab ul li a span:before {width: 44px; height: 40px;}
|
|
||||||
.subName {font-size: 13pt;}
|
|
||||||
.subText {font-size: 11pt;}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.cptcy {}
|
|
||||||
.cptcy:after {content: ''; display: table; clear: both;}
|
|
||||||
.cptcy > div {float: left; width: 25%; padding: 0 6px;}
|
|
||||||
.cptCont {border: solid 2px #d6d6d6; padding: 20px 15px; height: 460px;}
|
|
||||||
.cptCont h5 {text-align: center; color: #0047a7; margin-bottom: 30px; font-size: 13pt;}
|
|
||||||
.cptCont p {font-size: 11pt; line-height: 1.4em;}
|
|
||||||
.cptCont li {font-size: 11pt;}
|
|
||||||
.lstNum {padding-left: 15px;}
|
|
||||||
.lstNum li {list-style: decimal; margin-bottom: 15px;}
|
|
||||||
.lstNum li:last-child {margin-bottom: 0;}
|
|
||||||
.lstNum li span.org {color: #ff5a00;}
|
|
||||||
.lstNum li span.blu {color: #0047a7;}
|
|
||||||
.scrWrap {margin: -15px -10px; padding-top: 50px;}
|
|
||||||
.scrWrap:after {content: ''; display: table; clear: both;}
|
|
||||||
.scrWrap > div {float: left; padding: 15px 10px;}
|
|
||||||
.scrWrap > div.col1 {width: 100%;}
|
|
||||||
.scrWrap > div.col2 {width: 50%;}
|
|
||||||
.scrCont {border: solid 1px #000; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; overflow: hidden;}
|
|
||||||
.scrCont > div {padding: 30px;}
|
|
||||||
.scrWrap > div.col2 .scrCont {height: 560px;}
|
|
||||||
.scrCont h5 {height: 50px; line-height: 50px; text-align: center; background: #3a3a3b; color: #fff; font-size: 15pt; font-weight: 500; width: 370px; margin: 0 auto; border-radius: 0px 0px 40px 40px; -moz-border-radius: 0px 0px 40px 40px; -webkit-border-radius: 0px 0px 40px 40px;}
|
|
||||||
.scrHalf {padding: 30px;}
|
|
||||||
.scrHalf:after {content: ''; display: table; clear: both;}
|
|
||||||
.scrHalf dt {float: left; width: 40%;}
|
|
||||||
.scrHalf dt h6 {font-size: 14pt; margin-bottom: 10px;}
|
|
||||||
.scrHalf dd {float: left; width: 60%; padding-left: 20px;}
|
|
||||||
.scrHalf p {font-size: 11pt; line-height: 1.4em;}
|
|
||||||
.scrHalf li {font-size: 11pt;}
|
|
||||||
.scrGrph {display: block; border: solid 1px #0047a7; margin-top: 20px;}
|
|
||||||
.scrGrph img {display: block; width: 100%;}
|
|
||||||
|
|
||||||
|
|
||||||
@media (max-width:1200px) {
|
|
||||||
.cptcy > div {float: none; width: 100%; padding: 0; margin-bottom: 15px;}
|
|
||||||
.cptcy > div:last-child {margin-bottom: 0;}
|
|
||||||
.cptCont {height: auto;}
|
|
||||||
.cptCont h5 {margin-bottom:}
|
|
||||||
.lstNum li {margin-bottom: 5px;}
|
|
||||||
.scrWrap {margin: 0; padding-top: 30px;}
|
|
||||||
.scrWrap > div {float: none; padding: 0; margin-bottom: 15px;}
|
|
||||||
.scrWrap > div:last-child {margin-bottom: 0;}
|
|
||||||
.scrWrap > div.col2 {width: 100%;}
|
|
||||||
.scrCont > div {padding: 15px;}
|
|
||||||
.scrWrap > div.col2 .scrCont {height: auto;}
|
|
||||||
.scrCont h5 {height: 40px; line-height: 40px; font-size: 12pt; width: 70%; border-radius: 0px 0px 30px 30px; -moz-border-radius: 0px 0px 30px 30px; -webkit-border-radius: 0px 0px 30px 30px;}
|
|
||||||
.scrHalf {padding: 15px;}
|
|
||||||
.scrHalf dt {float: none; width: 100%;}
|
|
||||||
.scrHalf dt h6 {font-size: 14pt; margin-bottom: 5px;}
|
|
||||||
.scrHalf dd {float: none; width: 100%; padding-left: 0; margin-top: 15px;}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
Binary file not shown.
Loading…
Reference in New Issue