This commit is contained in:
kdh0120 2020-12-29 00:21:43 +00:00
parent b679f8eade
commit 711bba11c0
5 changed files with 227 additions and 273 deletions

View File

@ -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%;}
} }
@ -2562,10 +2565,6 @@ span.org {color: #ff5a00;}
/* 이수방법 */ /* 이수방법 */
.isuFlow {margin: 0 -15px;} .isuFlow {margin: 0 -15px;}
.isuFlow:after {content: ''; display: table; clear: both;} .isuFlow:after {content: ''; display: table; clear: both;}
@ -2599,7 +2598,6 @@ span.org {color: #ff5a00;}
.isuList > li dl dd ul {padding-left: 15px;} .isuList > li dl dd ul {padding-left: 15px;}
.isuList > li dl dd ul li {list-style: decimal; color: #666; font-size: 12pt; margin-bottom: 3px;} .isuList > li dl dd ul li {list-style: decimal; color: #666; font-size: 12pt; margin-bottom: 3px;}
.isuList > li dl dd ul li:last-child {margin-bottom: 0;} .isuList > li dl dd ul li:last-child {margin-bottom: 0;}
@media (max-width:1200px) { @media (max-width:1200px) {
.isuFlow {margin: 0;} .isuFlow {margin: 0;}
.isuFlow > li {float: none; width: 100%; padding: 0; margin-bottom: 20px;} .isuFlow > li {float: none; width: 100%; padding: 0; margin-bottom: 20px;}
@ -2626,13 +2624,6 @@ span.org {color: #ff5a00;}
.isuList > li dl dd ul {padding-left: 15px;} .isuList > li dl dd ul {padding-left: 15px;}
.isuList > li dl dd ul li {font-size: 11pt; margin-bottom: 10px; line-height: 1.5em;} .isuList > li dl dd ul li {font-size: 11pt; margin-bottom: 10px; line-height: 1.5em;}
} }
.mosaList {margin-top: 20px;} .mosaList {margin-top: 20px;}
.mosaList dt {color: #0047a7; font-size: 13pt; font-weight: 500;} .mosaList dt {color: #0047a7; font-size: 13pt; font-weight: 500;}
.mosaList dd {color: #666; font-size: 12pt; margin-top: 5px;} .mosaList dd {color: #666; font-size: 12pt; margin-top: 5px;}
@ -2642,7 +2633,6 @@ span.org {color: #ff5a00;}
.mosaHow li div {border: solid 2px #e6e6e6; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; overflow: hidden;} .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 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;} .mosaHow li p {color: #666; font-size: 12pt; line-height: 1.6em; padding: 30px; text-align: center;}
@media (max-width:1200px) { @media (max-width:1200px) {
.mosaList {margin-top: 10px;} .mosaList {margin-top: 10px;}
.mosaList dt {font-size: 12pt;} .mosaList dt {font-size: 12pt;}
@ -2654,13 +2644,6 @@ span.org {color: #ff5a00;}
.mosaHow li h5 {height: 40px; line-height: 40px; font-size: 13pt;} .mosaHow li h5 {height: 40px; line-height: 40px; font-size: 13pt;}
.mosaHow li p {font-size: 11pt; padding: 15px;} .mosaHow li p {font-size: 11pt; padding: 15px;}
} }
.prgInfo {background: #f9f9f9; padding: 30px; text-align: center; color: #0047a7; font-size: 13pt; font-weight: 500;} .prgInfo {background: #f9f9f9; padding: 30px; text-align: center; color: #0047a7; font-size: 13pt; font-weight: 500;}
.prgDwn {margin: 0 -30px;} .prgDwn {margin: 0 -30px;}
.prgDwn:after {content: ''; display: table; clear: both;} .prgDwn:after {content: ''; display: table; clear: both;}
@ -2669,7 +2652,6 @@ span.org {color: #ff5a00;}
.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: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 img {display: inline-block; vertical-align: middle; margin-right: 30px;}
.prgDwn li a span {vertical-align: middle; font-size: 15pt; font-weight: 500;} .prgDwn li a span {vertical-align: middle; font-size: 15pt; font-weight: 500;}
@media (max-width:1200px) { @media (max-width:1200px) {
.prgInfo {padding: 15px; font-size: 11pt;} .prgInfo {padding: 15px; font-size: 11pt;}
.prgDwn {margin: 0; padding-top: 10px;} .prgDwn {margin: 0; padding-top: 10px;}
@ -2680,20 +2662,12 @@ span.org {color: #ff5a00;}
.prgDwn li a img {margin-right: 15px; width: 25px;} .prgDwn li a img {margin-right: 15px; width: 25px;}
.prgDwn li a span {font-size: 12pt;} .prgDwn li a span {font-size: 12pt;}
} }
ul.slyList:after {content: ''; display: table; clear: both;} ul.slyList:after {content: ''; display: table; clear: both;}
ul.slyList li {float:left;} ul.slyList li {float:left;}
ul.slyList li a {display:block; white-space: nowrap;} ul.slyList li a {display:block; white-space: nowrap;}
@media (min-width:1201px) { @media (min-width:1201px) {
.slyTab ul {transform: translateZ(0px) translateX(0px) !important; width: 100% !important;} .slyTab ul {transform: translateZ(0px) translateX(0px) !important; width: 100% !important;}
} }
.buildTab ul li {width: 20%;} .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 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:last-child a {border-right-color: #dfdfdf;}
@ -2726,7 +2700,6 @@ ul.slyList li a {display:block; white-space: nowrap;}
.subText {font-size: 12pt; line-height: 1.8em; margin-top: 15px; color: #666;} .subText {font-size: 12pt; line-height: 1.8em; margin-top: 15px; color: #666;}
.subText span.bk {color: #000;} .subText span.bk {color: #000;}
.subText span.org {color: #ff5a00;} .subText span.org {color: #ff5a00;}
@media (max-width:1200px) { @media (max-width:1200px) {
.buildTab {margin: 0 -15px; padding: 0 15px;} .buildTab {margin: 0 -15px; padding: 0 15px;}
.buildTab ul li {width: 200px;} .buildTab ul li {width: 200px;}
@ -2741,10 +2714,6 @@ ul.slyList li a {display:block; white-space: nowrap;}
.subName {font-size: 13pt;} .subName {font-size: 13pt;}
.subText {font-size: 11pt;} .subText {font-size: 11pt;}
} }
.cptcy {} .cptcy {}
.cptcy:after {content: ''; display: table; clear: both;} .cptcy:after {content: ''; display: table; clear: both;}
.cptcy > div {float: left; width: 25%; padding: 0 6px;} .cptcy > div {float: left; width: 25%; padding: 0 6px;}
@ -2775,8 +2744,6 @@ ul.slyList li a {display:block; white-space: nowrap;}
.scrHalf li {font-size: 11pt;} .scrHalf li {font-size: 11pt;}
.scrGrph {display: block; border: solid 1px #0047a7; margin-top: 20px;} .scrGrph {display: block; border: solid 1px #0047a7; margin-top: 20px;}
.scrGrph img {display: block; width: 100%;} .scrGrph img {display: block; width: 100%;}
@media (max-width:1200px) { @media (max-width:1200px) {
.cptcy > div {float: none; width: 100%; padding: 0; margin-bottom: 15px;} .cptcy > div {float: none; width: 100%; padding: 0; margin-bottom: 15px;}
.cptcy > div:last-child {margin-bottom: 0;} .cptcy > div:last-child {margin-bottom: 0;}
@ -2802,16 +2769,3 @@ ul.slyList li a {display:block; white-space: nowrap;}