@charset "UTF-8";
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');*/
body {letter-spacing: -0.05rem; line-height: 1.3; font-size: 1.6rem;}
a:focus, a:hover, a:active {text-decoration: underline;}


/* =============================================================
    cyber : sub 
============================================================= */
.ebook {padding: 20px 0; border-top: 2px solid #000; border-bottom: 1px solid #000 ;}
.ebook .row {justify-content: center;}
.ebook .row > [class*="col-"] {margin: 20px 0; padding: 40px 0; border-top: 1px solid #e5e5e5;}
.ebook .row > [class*="col-"]:nth-child(1) {border-top: none;}
.ebook .row > [class*="col-"]:nth-child(2) {border-top: none;}
.ebook .row > [class*="col-"]:nth-child(3) {border-top: none;}
.ebook .row > [class*="col-"]:nth-child(4) {border-top: none;}
.ebook .ebook-card {width: 340px; padding: 0 40px;}
.ebook .ebook-card .title {margin-bottom: 20px; text-align: center;}
.ebook .ebook-card .img {position: relative; width: 90%; height: 300px; margin: 0 auto; border-radius: 10px 0 10px 0; box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.03); overflow: hidden;}
.ebook .ebook-card .img:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(rgba(0,0,0,0) 60%, rgba(0,0,0,0.2));}
.ebook .ebook-card .bookshelf {width: 100%; height: 16px; margin-bottom: 20px; background: linear-gradient(-180deg, #f5f5f5, #fff); box-shadow: 2px 2px 10px 5px rgba(0,0,0,0.1);}
.ebook .ebook-card .link .btn {padding: 10px 30px 10px 20px; border-radius: 13px; background: #061e2d; color: #fff;}
.ebook .ebook-card .link .btn .icon {margin-left: 20px;}

.ebook.ver01 .ebook-card .title {font-weight: 700;}
.ebook.ver01 .ebook-card .img {background: url(/cyber/img/sub/elsafe.png) no-repeat center/cover; box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.05);} 
.ebook.ver01 .ebook-card .img:after {content: none;}
.ebook.ver01 .ebook-card .link .btn {margin: 3px;}
.ebook .ebook-card .link .btn {padding: 10px 30px 10px 20px;}
.ebook .ebook-card .link .btn-gray {background: #71879b;}

@media screen and (max-width: 1379px){
    .ebook .row > [class*="col-"] {margin: 0; border-top: none;}
}
@media screen and (max-width: 499px){
    .ebook.ver01 .ebook-card {padding-bottom: 30px; border-bottom: 1px solid #e5e5e5;}
    .ebook.ver01 .row > [class*="col-"] {padding-top: 0;}
    .ebook.ver01 .row > [class*="col-"]:last-child .ebook-card {border-bottom: none;}
}
@media screen and (max-width: 349px){
    .ebook .row > [class*="col-"] {padding: 15px 0;}
    .ebook .ebook-card {width: 100%;}
    .ebook .ebook-card .img {height: 255px;}
}
.sub-intro01.int01 {height: auto; margin-bottom: 60px;}
.sub-intro01.int01 .intro-cont {position: relative; width: 92%; margin-left: 8%;}
.sub-intro01.int01 .intro-cont .inner:after {content: ""; display: block; clear: both;}
.sub-intro01.int01 .intro-img {margin-left: -8%; width: auto;height: auto; box-shadow: none;}
.sub-intro01.int01 .intro-img img {width: auto;}
.sub-intro01.int01 .intro-text {width: calc(100% - 570px); padding-right: 40px;}
.sub-intro01.int01 .sub-h2 {margin-top: 30px;}
@media screen and (max-width: 1279px){
    .sub-intro01.int01 .intro-text {width: calc(100% - 570px);}
}
@media screen and (max-width: 1164px){
    .sub-intro01.int01 {margin-bottom: 0;}
    .sub-intro01.int01 .intro-cont {width: 100%; margin-left: 0; background: none;}
    .sub-intro01.int01 .intro-img {float: none; margin-left: 0;}
    .sub-intro01.int01 .intro-text {float: none; width: 100%; padding: 0;}
    .sub-intro01.int01 .intro-text .sub-h2 span {display: inline;}
}
@media screen and (max-width: 767px){
    .sub-intro01.int01 .intro-img {width: 100%;}
    .sub-intro01.int01 .intro-img img {width: 100%;}
}

.ar-cont {padding: 110px 60px; background: #f5f5f5; border-radius: 20px;}
.ar-bg {padding: 40px 40px 100px 40px; background: #fff; border-radius: 25px;}
.ar-inner {margin-top: -70px;}
.ar-step {margin-top: 20px;}
.ar-step .title {padding: 20px; margin-bottom: 10px; border-radius: 20px 20px 0 0; text-align: center; box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.1);}
.ar-step .detail {padding: 25px 40px; background: #f7f7f7;}
.ar-step .detail-inner {position: relative; width: 100%; height: 190px; background: #fff; border-radius: 10px; overflow: hidden;}
.ar-step .detail img {position: absolute; top: 10%; left: 50%; transform: translateX(-50%);}
.ar-step .detail p {position: absolute; bottom: 15px; left: 50%; width: 100%; transform: translateX(-50%); text-align: center;}
.ar-full {position: relative; width: 100%; height: 385px; background: url(/cyber/img/sub/p07/e0101-06.png) no-repeat center;} 
.ar-full.bg01 {margin-top: 60px;}
.ar-full.bg02 {margin-top: 150px; background-image: url(/cyber/img/sub/p07/e0101-07.png);}
.ar-full.bg03 {margin-top: 150px; background-image: url(/cyber/img/sub/p07/e0101-08.png);}
.ar-full .detail {position: absolute; top: 53%; left: 100px; transform: translateY(-50%);}
.ar-full .text-title .sub-h2 {color: #fff; text-align: left; line-height: 1.4;}
.ar-full .btn-group {padding-top: 45px;}
.ar-full .btn-group .btn {margin: 10px;}

.ar-full.bg02 .detail {left: auto; right: 100px;}
.ar-full.bg02 .text-title .sub-h2 {color: #fff; text-align: right; line-height: 1.4;}
.ar-full.bg03 .detail {top: 50%;}
.ar-full.bg03 .detail img {width: 90px; margin-top: 30px;}

@media screen and (max-width: 1399px){
    .ar-full {background-size: cover;}
    .ar-full.bg01 {margin-top: 40px;}
    .ar-full.bg02 {margin-top: 60px;}
    .ar-full.bg03 {margin-top: 60px;}
}
@media screen and (max-width: 1023px){
    .ar-full .detail {left: 40px;}
    .ar-full.bg02 .detail {left: auto; right: 40px;}
    .ar-full .btn-group {text-align: left;}
    .ar-full.bg02 .btn-group {text-align: right;}
}
@media screen and (max-width: 767px){
    .ar-logo {width: 235px;}
    .ar-cont {padding: 0; margin-top: 70px; background: none;}
    .ar-bg {padding: 0; background: none;}
    .ar-full {height: 280px; border-radius: 20px; margin-bottom: 180px;}
    .ar-full.bg01 {background-image: url(/cyber/img/sub/p07/e0101-06-m.png);}
    .ar-full.bg02 {background-image: url(/cyber/img/sub/p07/e0101-07-m.png);}
    .ar-full.bg03 {margin-bottom: 0; background-image: url(/cyber/img/sub/p07/e0101-08-m.png);}
    .ar-full .detail {width: 100%; height: 100%; top: 30px; left: auto; right: auto; transform: translate(0);}
    .ar-full .text-title .sub-h2 {text-align: center;}
    .ar-full.bg02 .detail {right: auto;}
    .ar-full.bg02 .text-title .sub-h2 {text-align: center;}
    .ar-full.bg03 .detail {top: 30px;}
    .ar-full .btn-group {position: absolute; bottom: -125px; width: 100%; text-align: center;}
    .ar-full.bg02 .btn-group {text-align: center;}
    .ar-full .btn-group .btn {display: block; margin: 0 auto 10px;}

    .ar-full.bg03 .detail img {display: none;}
}
@media screen and (max-width: 499px){
    .ar-logo {width: 190px;}
    .ar-full {height: 250px; margin-bottom: 140px;}
    .ar-full .btn-group {bottom: -90px;}
}
/* hitory */
.history01 .history-list:nth-child(2n) .th {text-align: right;}
.history01 .history-list:nth-child(2n) .td {text-align: left;}
.history01 .history-list:nth-child(7) {top: 900px;}
.history-wrap {height: 1040px;}
.history-detail {height: 1080px;}
.history-line {height: 98%;}
.ht .card .img-title {text-shadow: 2px 5px 10px rgba(0,0,0,0.4);}
.ht .img20 {background-image: url(/cyber/img/sub/p04/history20.png); background-position: 50% 30px;}
.ht .img21 {background-image: url(/cyber/img/sub/p04/history21.png); background-position: 50% 100px;}
.ht .img22 {background-image: url(/cyber/img/sub/p04/history22.png);}
.ht .img23 {background-image: url(/cyber/img/sub/p04/history23.png);}
.ht .img24 {background-image: url(/cyber/img/sub/p04/history24.png);}
.ht .img25 {background-image: url(/cyber/img/sub/p04/history25.png);}
.ht .img26 {background-image: url(/cyber/img/sub/p04/history26.png);}

@media screen and (max-width: 1399px){
    .history .img-pc {width: 100%;}
}
@media screen and (max-width: 1023px){
    .history01 .history-list:nth-child(2n) .th {text-align: left;}
    .history01 .history-list:nth-child(7) {top: auto;}
    .history-wrap {height: auto;}
    .history-detail {height: auto;}
}
/* 20211230 +add choi */
@media screen and (min-width: 1280px){
	.cyber-nav {width: 970px;}
	.cyber-nav a {padding: 0 18px 0 18px;}
}
@media screen and (max-width: 1279px){
    .container.sub {padding-top: 80px;}
}
.lnb-topbar a:hover, .lnb-topbar a:active, .lnb-topbar a:focus {text-decoration: none;}
.lnb-1depth > li:nth-child(2) {width: 250px;}

/* 220104 nanan */
.ebook .ebook-card .link .btn:hover, .ebook .ebook-card .link .btn:active, .ebook .ebook-card .link .btn:focus {text-decoration:none;box-shadow: 3px 3px 10px 3px rgba(0,0,0,0.2);}
.btn-group .btn {border-radius: 10px;}
.btn-group .btn:hover, .btn-group .btn:active, .btn-group .btn:focus {box-shadow: 3px 3px 10px 3px rgba(0,0,0,0.2);}
.cyber-nav a:hover {text-decoration:none; color: #006aaf;}