From 6f7f99f90c71f2f977b9056a6574017c216bb5ed Mon Sep 17 00:00:00 2001 From: kdh0120 Date: Mon, 28 Dec 2020 01:06:21 +0000 Subject: [PATCH] --- BO/obj/Debug/BO.csprojAssemblyReference.cache | Bin 43009 -> 43009 bytes FO/css/common.css | 4 +- FO/css/lecture.css | 2 +- FO/css/mypage.css | 2 +- FO/css/style.css | 310 ++++++++++++++++-- 5 files changed, 283 insertions(+), 35 deletions(-) diff --git a/BO/obj/Debug/BO.csprojAssemblyReference.cache b/BO/obj/Debug/BO.csprojAssemblyReference.cache index f9154698f9401b17978a890e49a5bd5bbe989450..a80dc89677010746c085a056df7a55b22c827d87 100644 GIT binary patch delta 16 XcmZp?z|?qwX@fr_W7y^Z#*NDWH&X^# delta 16 XcmZp?z|?qwX@fr_W5DJB#*NDWH!lWL diff --git a/FO/css/common.css b/FO/css/common.css index fc4a6d3..54d8ad1 100644 --- a/FO/css/common.css +++ b/FO/css/common.css @@ -1,4 +1,4 @@ -@charset "utf-8"; +@charset "utf-8"; @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900|Rajdhani:300,400,500,600,700&display=swap&subset=korean'); @@ -18,7 +18,7 @@ caption {display: none;} a {background: transparent; cursor:pointer;} a:active, a:hover {outline: 0;} abbr[title] {border-bottom: 1px dotted;} -b, strong, th {font-weight: 400;} +b, strong, th {font-weight: 700;} dfn {font-style: italic;} mark {background: #ff0; color: #000;} small {font-size: 80%;} diff --git a/FO/css/lecture.css b/FO/css/lecture.css index 0b03a34..465e416 100644 --- a/FO/css/lecture.css +++ b/FO/css/lecture.css @@ -186,7 +186,7 @@ .lctcWeek th, .lctcWeek td {display:block; width:100%;} .lctcWeek table {border-top:solid 1px #d6d6d6;} - .lctcWeek tr {position:relative;padding:15px 0; padding-right:70px;border-bottom:solid 1px #d6d6d6;} + .lctcWeek tr {position:relative; padding:15px 0; padding-left:95px; padding-right:70px; border-bottom:solid 1px #d6d6d6;} .lctcWeek th, .lctcWeek td {padding:0; border-top:none; border-bottom:none;} .lctcWeek th {width:80px; position:absolute; left:0; top:15px;} diff --git a/FO/css/mypage.css b/FO/css/mypage.css index c7da651..525426a 100644 --- a/FO/css/mypage.css +++ b/FO/css/mypage.css @@ -86,7 +86,7 @@ .mpgcList li a h5 b {display:block; height:20px; line-height:20px; float:left;} .mpgcList li a h5 span.inline {display: inline-block; float: none; vertical-align: middle; margin-top: -3px;} .mpgcList li a h5 em {font-size:14pt; color:#238dfa; margin-right:10px; font-style:normal;} -.mpgcList li a h5 span {padding: 0 10px;color: #fff;margin-right: 5px;font-weight: 300;font-size: 10pt;background-color: #333583} +.mpgcList li a h5 span {padding:0 10px; color:#fff; margin-right:5px; font-weight:300; font-size:10pt;} .mpgcList li a h5 span.mpglLable1 {background:#333583;} .mpgcList li a h5 span.mpglLable2 {background:#77b743;} .mpgcList li a h5 b {font-size:14pt; font-weight:400;} diff --git a/FO/css/style.css b/FO/css/style.css index 941e51a..ffa7e1c 100644 --- a/FO/css/style.css +++ b/FO/css/style.css @@ -19,7 +19,7 @@ body {} .mt10 {margin-top:10px;} .mt20 {margin-top:20px;} .mt30 {margin-top:30px;} -.mt60 {margin-top:60px;} +.mt60 {margin-top:60px !important;} .pt0 {padding-top:0 !important;} .mt0 {margin-top:0 !important;} @@ -28,7 +28,7 @@ body {} @media (min-width:1221px) { #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 a {display: block;height: 100%;width: 200px;text-indent: -9999px;background: url('../../img/common/intranet_logo_b.png')no-repeat center center;} + .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;} .gnbWrap:after {content: ''; display: table; clear: both;} .gnbRht {float: right;} .gnbRht:after {content: ''; display: table; clear: both;} @@ -61,14 +61,7 @@ body {} #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;} .gngLogo {z-index:105; left: 60px; right: 60px; position: absolute;} - .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; - } + .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;} .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:last-child {margin-bottom:0;} @@ -159,11 +152,11 @@ body {} .mainTop p {font-size: 14pt; font-weight: 300; margin-top: 20px;} .mainTab {margin-top: 100px;} .mainTab:after {content: ''; display: table; clear: both;} -.mainTab li { float: left; position: relative; padding-right: 16px; margin-right: 15px; } -.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 {float: left; position: relative; padding-right: 16px; margin-right: 15px;} +.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: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;} .mainSch {margin-top: 15px;} .mainSch:after {content: ''; display: table; clear: both;} @@ -200,7 +193,10 @@ 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;} .mainTop h2 {font-size: 22pt;} .mainTop p {font-size: 12pt; margin-top: 10px;} - .mainSch {margin-top: 30px; padding: 0 30px;} + .mainTab {margin-top: 60px; text-align: center;} + .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:last-child {margin-bottom: 0; margin-top: 30px;} .msCont em {display: none;} @@ -1930,12 +1926,16 @@ 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 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;} -.privacy h4 {font-size: 12pt; font-weight: 500; color: #000;} -.privacy h5 {font-size: 12pt; font-weight: 500; color: #0047a7; margin-top: 30px;} +.privacy h4 {font-size: 18pt; font-weight: 500; color: #000; margin-top: 60px;} +.privacy h4:first-child {margin-top: 0;} +.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 a {color: #0047a7; font-weight: 500;} - - +.privacy 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) { @@ -1944,14 +1944,15 @@ a.apyMore span {display: inline-block; height: 58px; line-height: 58px; padding- .jnItro h5 {font-size: 16pt; text-align: center; margin-top: 20px;} .jnItro p {font-size: 11pt; margin-top: 15px;} .jnItro a {width: 100%; height: 50px; line-height: 50px; font-size: 12pt; margin-top: 30px;} - .privacy h4 {font-size: 11pt;} + .privacy h4 {font-size: 13pt; margin-bottom: -20px;} .privacy h5 {font-size: 11pt;} .privacy p {font-size: 10pt;} + .privacy li {font-size: 10pt;} } -.schCont li { float: left; width: 20%;padding-right: 10px;} + /* 스마트검색 */ .pt0 {padding-top: 0;} @@ -1967,7 +1968,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;} .schCont {position: relative; padding-right: 50px; margin-top: 20px;} .schCont:after {content: ''; display: table; clear: both;} -.schCont li {float: left; width: 20%; padding-right: 10px;} +.schCont li {float: left; width: 25%; padding-right: 10px;} .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 a, @@ -1993,7 +1994,6 @@ 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.org {background: #f60;} .smtlCont h5 em.grn {background: #259e41;} -.smtlCont h5 em.blu {background: #0000ff;} .smtlCont h5 span {vertical-align: middle;} .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;} @@ -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(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 {margin: 0 -30px; padding-top: 50px;} .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 img {} .jnsCont p {font-size: 14pt; font-weight: 500; margin: 20px 0;} @@ -2333,6 +2333,7 @@ span.org {color: #ff5a00;} .dotList li {margin-bottom: 5px; color: #666; font-size: 12pt; padding-left: 8px; position: relative;} .dotList li:last-child {margin-bottom: 0;} .dotList li:before {content: ''; display: block; width: 2px; height: 2px; background: #666; position: absolute; left: 0; top: 10px;} +.dotList li span.red {color: #f00;} .rfndType {margin: 0 -30px;} .rfndType:after {content: ''; display: table; clear: both;} .rfndType li {padding: 0 30px; float: left; width: 33.3333%;} @@ -2347,6 +2348,7 @@ span.org {color: #ff5a00;} .subTable th, .subTable td {border: solid 1px #d6d6d6; padding: 10px; color: #666; font-size: 11pt; text-align: center;} .subTable th {background: #f7f7f7; color: #000; font-weight: 400;} +.subTable span.blu {color: #0047a7; font-weight: 500;} @media (max-width:900px) { .rfndFlw {margin: 0; padding-top: 5px;} @@ -2378,10 +2380,8 @@ span.org {color: #ff5a00;} .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 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 > li {margin-top: 30px; position: relative; padding-left: 170px;} +.tchCont > ul > li {margin-top: 30px; float: left; width: 50%; 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 > ul {min-height: 50px;} .tchCont > ul > li > ul > li {position: relative; padding-left: 8px; font-size: 11pt; color: #666; margin-bottom: 5px;} @@ -2444,6 +2444,7 @@ span.org {color: #ff5a00;} .gryBox dl:first-child {margin-top: 0;} .gryBox dt {font-size: 12pt; color: #000; font-weight: 400;} .gryBox dd {margin-top: 10px;} +.gryBox h5 {text-align: center; font-size: 16pt; line-height: 1.4em;} .cclCont {margin: 0 -30px;} .cclCont:after {content: ''; display: table; clear: both;} @@ -2509,9 +2510,11 @@ span.org {color: #ff5a00;} .plcCont {padding-left: 0; padding-top: 0; margin-top: 10px;} .plcTitle {position: static; width: 100%; height: auto; padding: 5px; margin-bottom: 10px;} .plcTitle > div > div {font-size: 11pt;} + .plcTitle > div > div br {display: none;} .gryBox {padding: 15px;} .gryBox dl {margin-top: 15px;} .gryBox dt {font-size: 11pt;} + .gryBox h5 {font-size: 12pt;} .cclCont {margin: 0;} .cclCont li {float: none; width: 100%; padding: 0; margin-bottom: 15px;} @@ -2548,8 +2551,7 @@ span.org {color: #ff5a00;} .inRulCnt {display: block; height: auto;} .inRulCnt > div {display: block; padding: 10px;} - .tchCont > img {margin-top: 15px; width:37%;} - .tchCont > ul {width: 60%;} + } @@ -2564,6 +2566,252 @@ 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 > 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 > li img {display: block; margin: 30px auto; width: 66px;} +.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 ul li {color: #666; font-size: 12pt; line-height: 1.6em;} +.isuCdtn {margin-top: 30px;} +.isuCdtn dt {margin-bottom: 15px; color: #0047a7; font-size: 14pt; font-weight: 700;} +.isuCdtn dd {} +.subDot {} +.subDot li {color: #666; font-size: 12pt; margin-bottom: 5px; position: relative; padding-left: 8px;} +.subDot li:last-child {margin-bottom: 0;} +.subDot li:before {content: ''; display: block; width: 2px; height: 2px; background: #666; position: absolute; left: 0; top: 10px;} +.subDot li span.bk {color: #000; font-weight: 500; margin-right: 5px;} +.subDot li span.bk:before {background: #000;} +.isuRed {color: #f00; margin-top: 15px; font-size: 12pt; font-weight: 500;} +.isuAtn {margin-top: 30px; border: solid 1px #e6e6e6; padding: 0 30px 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;} +.isuAtn p {margin-top: 30px; color: #666; font-size: 13pt; line-height: 1.6em;} +.isuList {margin-top: 30px;} +.isuList > li {position: relative; padding-left: 160px; margin-bottom: 30px;} +.isuList > li:last-child {margin-bottom: 0;} +.isuList > li span {display: block; width: 130px; height: 130px; border: solid 1px #0047a7; position: absolute; left: 0; top: 0; padding: 35px 0;} +.isuList > li span img {display: block; margin: 0 auto; width: 60px;} +.isuList > li dl {min-height: 160px;} +.isuList > li dl dt {color: #0047a7; font-size: 14pt; font-weight: 500;} +.isuList > li dl dd {margin-top: 10px;} +.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:last-child {margin-bottom: 0;} + +@media (max-width:1200px) { + .isuFlow {margin: 0;} + .isuFlow > li {float: none; width: 100%; padding: 0; margin-bottom: 20px;} + .isuFlow > li:last-child {margin-bottom: 0;} + .isuFlow > li div {border: solid 1px #e6e6e6; padding: 5px;} + .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 > li img {margin: 15px auto; width: 44px;} + .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 ul li {font-size: 11pt;} + .isuCdtn {margin-top: 20px;} + .isuCdtn dt {margin-bottom: 10px; font-size: 13pt;} + .subDot li {font-size: 11pt;} + .subDot li span.bk {display: block;} + .isuRed {font-size: 11pt;} + .isuAtn {padding: 0 15px 15px;} + .isuAtn h5 {width: 140px; font-size: 11pt;} + .isuAtn p {margin-top: 15px; font-size: 11pt;} + .isuList > li {padding-left: 90px;} + .isuList > li:last-child {margin-bottom: 0;} + .isuList > li span {width: 75px; height: 75px; padding: 22px 0;} + .isuList > li span img {width: 30px;} + .isuList > li dl dt {font-size: 12pt;} + .isuList > li dl dd {margin-top: 5px;} + .isuList > li dl dd ul {padding-left: 15px;} + .isuList > li dl dd ul li {font-size: 11pt; margin-bottom: 10px; line-height: 1.5em;} +} + + + + + + + +.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;} +} + + + + + + + + + + + + + + + + +