@charset "utf-8";

/*공통*/
.red-txt {color:#ed1b24 !important;}
.yel-txt {color:#e18b19 !important;}
.doc-tit {position:relative; padding-left:30px; font-family:'NanumSquare',sans-serif; font-size:23px; font-weight:700; color:#242424; line-height:1.4em; letter-spacing:-0.03em; padding-bottom:25px; border-bottom:1px solid #dd7e00;}
.doc-tit:before {content:""; position: absolute; width:20px; height:20px; background:url("../images/sub/doc_tit.png") no-repeat 50% 50%; left:0; top:4px;}
.doc-cnt {margin-bottom:60px;}
.doc-cnt:last-child {margin-bottom:0;}

/*about*/
.about .about-bg {width:100%; max-width:1200px; height:450px; background:url("../images/sub/about_bg.jpg") no-repeat 50% 50%; background-size:cover; margin-bottom:35px;}
.about .doc-tit {margin-bottom:55px;}
.about .doc-cnt .tit {text-align:center; font-family:'NanumSquare',sans-serif; font-size:30px; font-weight:700; color:#242424; line-height:1.4em; letter-spacing:-0.03em; margin-bottom:40px;}
.about .doc-cnt .tit span {font-size:33px;}
.about .doc-cnt .tit strong {font-size:35px; font-weight:800;}

.about .cnt {width:100%; max-width:900px; margin:0 auto;}
.about .cnt .group {position:relative; background:#f5f5f5; border-radius:60px; margin-bottom:40px; padding:32px 0 30px 20px;}
.about .cnt .group .cnt-tit {position:absolute; top:0; left:-20px; height:100%; min-height:100px; min-width:100px; padding:40px 30px; border-radius:100%; }
.about .cnt .group .cnt-tit span { flex:1; font-family:'NanumSquare',sans-serif; font-size:23px; font-weight:800; color:#fff; line-height:1.4em; letter-spacing:-0.03em;}
.about .cnt .group.type1 .cnt-tit {background:#f8991b;}
.about .cnt .group.type1 .txt {text-align:center; font-family:'NanumSquare',sans-serif; font-size:25px; font-weight:700; line-height:1.4em; letter-spacing:-0.03em; color:#454545;}
.about .cnt .group.type1 .txt strong {font-size:33px; font-weight:800; color:#242424; text-shadow:1px 0 5px rgba(0,0,0,0.1);}

.about .cnt .group ul {display:flex; justify-content: center; width:100%; padding:0  60px 0 120px;}
.about .cnt .group ul li {display:flex; width:33.333%; padding:0 10px; text-align: center; flex-direction: column; align-items: center; border-right:1px solid #ddd; font-size:16px; font-weight:500; line-height:1.3em; letter-spacing:-0.03em; color:#454545;}
.about .cnt .group ul li:last-child {border-right:0;}
.about .cnt .group ul li img {margin-bottom:10px;}

.about .cnt .group.type2 .cnt-tit {background:#e0660d; border-radius:60px;}
.about .cnt .group:last-child .cnt-tit {background:#ed1b24; border-radius:60px;}

.about .tit.mgb90 {margin-bottom:90px;}
.about .group2 {display:flex; margin:0 -15px; text-align:center;}
.about .group2 .box {width:33.33%; padding:0 15px;}
.about .box-tit {position:relative; margin:0 auto 40px auto; width:200px; height:200px; background:url("../images/sub/about_box.png") no-repeat 50% 50%; background-size:contain; display:flex; align-items:center; justify-content:center;}
.about .box-tit p {font-family:'NanumSquare',sans-serif; font-size:23px; font-weight:800; line-height:1.3em; letter-spacing:-0.03em;}
.about .box-tit span {position:absolute; bottom:0; font-family:'NanumSquare',sans-serif;  font-size:20px; font-weight:800; color:#454545;}
.about .box-cnt  p {font-family:'NanumSquare',sans-serif; padding:17px 0; font-size:20px; font-weight:800; color:#fff; border-radius:6px; margin-bottom:25px;}
.about .box-cnt ul {text-align:left; padding-left:20px;}
.about .box-cnt ul li {position:relative; padding-left:10px; font-size:16px; font-weight:400; line-height:1.4em; letter-spacing:-0.03em; color:#454545; margin-bottom:12px;}
.about .box-cnt ul li:before {content:""; position:absolute; width:3px; height:3px; background:#454545; border-radius:100%; left:0; top:10px;}
.about .box-cnt ul li:last-child {margin-bottom:0;}

.about .bt1 {color:#f8991b;}
.about .box:first-child .box-cnt p {background:#f8991b;}
.about .bt2 {color:#e0660d;}
.about .box:nth-child(2) .box-cnt  p {background:#e0660d;}
.about .bt3 {color:#ed1b24;}
.about .box:nth-child(3) .box-cnt p  {background:#ed1b24;}

/*history*/
.history .title {margin-bottom:50px; background:url('../images/sub/history_bg.jpg') 0 0 no-repeat; background-size:cover; padding:70px 50px;}
.history .title .in {display:flex; flex-direction:column; justify-content:center; font-family: 'NanumSquare'; width:200px; height:120px; background:#f8991b; padding:0 24px;}
.history .title .in .tt {font-size:30px; line-height:40px; font-weight:700; color:#fff; letter-spacing:-0.01em;}
.history .title .in p {text-align:right; font-size:20px; line-height:40px; font-weight:700; color:#fff; letter-spacing:-0.01em;}
.history .group {max-width:1100px; width:100%; margin:0 auto 55px;}
.history .group:last-child {margin-bottom:0;}
.history .tit {position:relative; z-index:1; margin-bottom:20px;}
.history .tit:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#ddd; z-index:-1;}
.history .tit span {position:relative; display:inline-block; padding-bottom:22px; font-family: 'NanumSquare'; font-size:25px; line-height:1em; font-weight:700; color:#242424;}
.history .tit span:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#242424;}
.history .cnt ul li {display:flex; margin-bottom:32px; line-height:30px;}
.history .cnt ul li:last-child {margin-bottom:0;}
.history .cnt ul li .year {flex:1 1 101px; max-width:101px; position:relative; padding-right:45px; font-family: 'NanumSquare'; font-size:23px; font-weight:800; color:#e0660d;}
.history .cnt ul li .txt {flex:1 auto; width:1%; /* display:flex; */ font-size:17px; color:#454545;}
.history .cnt ul li .intxt {display:flex; margin-bottom:35px; padding-top:2px;}
.history .cnt ul li .intxt:last-child {margin-bottom:0;}
.history .cnt ul li .month {position:relative; font-size:17px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#454545; padding-right:20px;}
.history .cnt ul li .month:before {content:""; position:absolute; top:9px; left:-26px; width:6px; height:6px; border-radius:100%; background:#e0660d;}


/* .history .cnt ul li .txt .month {flex:1 1 52px; max-width:52px; font-weight:500;}
.history .cnt ul li .txt .intxt {flex:1 auto; width:1%;} */

/*ideology*/
.ideology .doc-tit {font-weight:800;}
.ideology .txt-wrap {text-align:center; margin-bottom:45px;}
.ideology .txt-wrap p {position:relative; font-family:'NanumSquare',sans-serif; font-size:23px; font-weight:700; line-height:1.5em; letter-spacing:-0.03em; color:#242424;}
.ideology .txt-wrap p:before {content:""; position: absolute; width:24px; height:20px; background:url("../images/sub/icon_quotes1.png") no-repeat 50% 50%; top:0; margin-left:-180px;}
.ideology .txt-wrap p:after {content:""; position: absolute; width:24px; height:20px; background:url("../images/sub/icon_quotes2.png") no-repeat 50% 50%; top:0; margin-left:40px;}
.ideology .txt-wrap span {font-size:30px; font-weight:800;}
.ideology .txt-wrap strong {font-weight:700; font-size:26px;}

.ideology .group {display:flex; justify-content: center; margin:60px -15px 65px -15px;}
.ideology .group > div {width:33.333%; max-width:311px; min-height:311px; margin:0 15px; color:#fff; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; text-align:center; padding:90px 10px 10px 10px;}
.ideology .group .box1 {background-image:url("../images/sub/id_bg1.png");}
.ideology .group .box2 {background-image:url("../images/sub/id_bg2.png");}
.ideology .group .box3 {background-image:url("../images/sub/id_bg3.png");}

.ideology .group > div p:first-child {font-family:'NanumSquare',sans-serif; font-size:20px; font-weight:700; line-height:1.4em; letter-spacing:-0.03em; margin-bottom:20px;}
.ideology .group > div p:last-child {font-size:16px; font-weight:400; line-height:1.75em; letter-spacing:-0.03em;}

.ideology ul {display:flex; flex-wrap:wrap; border-bottom:2px solid #aaaaaa;}
.ideology ul li {width:50%; border-right:1px solid #ddd; border-top:1px solid #ddd;}
.ideology ul li:nth-child(n +- 2) {border-top:0;}
.ideology ul li:nth-child(even) {border-right:0;}
.ideology ul li > div {display:flex;align-items: center; padding:15px 0 15px 30px;}
.ideology ul li .txt {flex: 1 1 auto; min-width: 0; width: 1%; padding-left:20px;}
.ideology ul li .img {position:relative;}
.ideology ul li .img span {position:absolute; display:flex; align-items: center;  justify-content: center; padding-top:10px; width:100%; height:100%; top:0; left:0; color:#fff; font-size:16px; font-weight:500; line-height:1.5em; letter-spacing:-0.03em;}


/*ci*/
.ci-wrap .sub-tit {position:relative; padding-left:30px; padding-bottom:8px; margin-bottom:30px; border-bottom:1px solid #ddd; font-family: 'NanumSquare'; font-weight:800; font-size:23px; line-height:1.3em; color:#242424;}
.ci-wrap .sub-tit:after {content:""; position:absolute; top:5px; left:0; width:18px; height:18px; background:url('../images/sub/arrow1.png') 0 0 no-repeat; background-size:100% 100%;}
.ci-wrap .doc-tit {margin-bottom:30px;  font-size:25px; font-weight:800; border-bottom:0;}

.ci-wrap .concept-wrap {display:flex; align-items:center;}
.ci-wrap .concept-wrap .img {flex:1 1 539px; max-width:539px; line-height:0;}
.ci-wrap .concept-wrap .txt {flex:1 auto; width:1%; padding-left:40px;}
.ci-wrap .concept-wrap .txt .tit {margin-bottom:24px; font-family: 'NanumSquare'; font-weight:800; font-size:23px; line-height:1.3em; color:#242424;}
.ci-wrap .concept-wrap .txt p {margin-bottom:30px; font-family: 'NanumSquare'; font-size:18px; line-height:35px; color:#454545;}
.ci-wrap .concept-wrap .txt .down-btn a {display:block; width:180px; height:45px; border-radius:5px; border:1px solid #ddd; text-align:center; font-size:15px; line-height:43px; color:#454545; font-weight:500;}
.ci-wrap .concept-wrap .txt .down-btn a span {position:relative; padding-left:45px;}
.ci-wrap .concept-wrap .txt .down-btn a span:after {content:""; position:absolute; top:50%; left:0; margin-top:-9px; width:18px; height:18px; background:url('../images/sub/icon_down.png') 0 0 no-repeat; background-size:100% 100%;}
.ci-wrap .list ul {display:flex; margin:0 -31px;}
.ci-wrap .list ul li {width:50%; padding:0 31px; text-align:center;}
.ci-wrap .list ul li .img {line-height:0; margin-bottom:15px;}
.ci-wrap .list ul li .tit {font-family: 'NanumSquare'; font-weight:800; font-size:20px; line-height:1.3em; color:#242424;}
.ci-wrap .color-list {display:flex; align-items:center;}
.ci-wrap .color-list .pantone-list {flex:1 auto; width:1%;}
.ci-wrap .color-list .pantone-list ul {display:flex; margin:0 -5px;}
.ci-wrap .color-list .pantone-list ul li {width:25%; padding:0 5px;}
.ci-wrap .color-list .pantone-list ul li .color-box {width:100%; height:155px;}
.ci-wrap .color-list .pantone-list ul li .txt {width:100%; height:79px; border:1px solid #ddd; border-top:0; padding:8px 10px;}
.ci-wrap .color-list .pantone-list ul li .txt .tt {font-family: 'NanumSquare'; font-weight:800; font-size:18px; line-height:1.3em; color:#000; margin-bottom:5px;}
.ci-wrap .color-list .pantone-list ul li .txt .tt span {font-family:'Noto Sans KR'; font-weight:700;}
.ci-wrap .color-list .pantone-list ul li .txt p {font-size:16px; line-height:1.3em; color:#000;}
.ci-wrap .color-list .colorchip-list {flex:1 1 440px; max-width:440px; margin-left:50px;}
.ci-wrap .color-list .colorchip-list ul {display:flex; flex-wrap:wrap; margin:0 -11px -28px;}
.ci-wrap .color-list .colorchip-list ul li {width:50%; margin-bottom:28px; padding:0 11px; display:flex; align-items:center;}
.ci-wrap .color-list .colorchip-list ul li .color-box {flex:1 1 70px; max-width:70px; height:70px; border-radius:100%; margin-right:15px;}
.ci-wrap .color-list .colorchip-list ul li .txt {flex:1 auto; width:1%; font-size:14px; line-height:25px; font-weight:500; color:#454545;}
.ci-wrap .color-list > div > ul > li.bg1 .color-box {background:#f89920;}
.ci-wrap .color-list > div > ul > li.bg2 .color-box {background:#ed1c24;}
.ci-wrap .color-list > div > ul > li.bg3 .color-box {background:#981b1e;}
.ci-wrap .color-list > div > ul > li.bg4 .color-box {background:#231f20;}

/*org*/

.organization-wrap .bg {background:#f5f5f5;  padding:70px 0;}
.organization-wrap .img {text-align:center;}

/*partners*/
.partner-wrap .list {padding:40px 100px 0;}
.partner-wrap .list ul {display:flex; flex-wrap:wrap; margin:0 -10px;}
.partner-wrap .list ul li {width:25%; padding:0 10px; margin-bottom:20px;}
.partner-wrap .list ul li .img {position:relative; width:100%; height:0; padding-bottom:43%; overflow:hidden; border-radius:10px;}
.partner-wrap .list ul li .img:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #ddd; border-radius:10px; overflow:hidden;}
.partner-wrap .list ul li .img img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}

/*local*/
.local .group {margin-bottom:58px;}
.local .group:last-child {margin-bottom:0;}
.local .sub-tit {position:relative; padding-left:30px; margin-bottom:15px; font-family: 'NanumSquare'; font-weight:800; font-size:20px; line-height:1.3em; color:#454545;}
.local .sub-tit:after {content:""; position:absolute; top:4px; left:0; width:18px; height:18px; background:url('../images/sub/arrow1.png') 0 0 no-repeat; background-size:100% 100%;}
.local .list ul li {display:flex; padding:12px 0; border-bottom:1px solid #ddd; font-size:16px; line-height:26px; color:#454545;}
.local .list ul li .tit {flex:1 1 110px; max-width:110px; padding-left:25px; font-weight:500; color:#e0660d;}
.local .list ul li .txt {flex:1 auto; width:1%;}

.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .wrap_map {width:100% !important;}
.root_daum_roughmap .wrap_controllers {display:none;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"(주)신화시큐리티"; font-size:12px; line-height:15px;}

/*service_wrap*/
.service-wrap.si .txt-wrap {background:url("../images/sub/service_bg1.jpg") no-repeat 50% 50%; background-size:cover; padding:100px 60px; color:#fff; margin-bottom:55px;}
.service-wrap.si .txt-wrap .tit {font-family:'NanumSquare',sans-serif; font-size:35px; font-weight:700; line-height:1.1em; letter-spacing:-0.03em; margin-bottom:25px;}
.service-wrap.si .txt-wrap .txt {font-family:'NanumSquare',sans-serif; font-size:18px; font-weight:400; line-height:1.5em; letter-spacing:-0.03em;}
.service-wrap.si .sub-tit {position:relative; padding-left:30px; margin-bottom:25px; font-family: 'NanumSquare'; font-weight:800; font-size:20px; line-height:1.3em; color:#454545;}
.service-wrap.si .sub-tit:after {content:""; position:absolute; top:4px; left:0; width:18px; height:18px; background:url('../images/sub/arrow1.png') 0 0 no-repeat; background-size:100% 100%;}
.service-wrap.si .group {display:flex; align-items: center; justify-content: center; border:1px solid #ddd; padding:40px 50px;}
.service-wrap.si .cnt {margin-right:55px;}
.service-wrap.si .cnt > div {display:flex; align-items: center; margin-bottom:15px;}
.service-wrap.si .cnt > div:last-child {margin-bottom:0;}
.service-wrap.si .cnt > div p {flex: 1 1 auto; min-width: 0; width: 1%; padding-left:30px; font-size:16px; font-weight:500; line-height:1.5em; letter-spacing:-0.03em; color:#454545;}
.service-wrap.si .circle {display:flex; align-items: center; justify-content: center; width:100px; height:100px; border-radius:100%; text-align:center; color:#fff; font-size:14px; font-weight:700; line-height:1.6em; letter-spacing:-0.03em;}

.service-wrap.si .box1 .circle {background:#f8991b}
.service-wrap.si .box2 .circle {background:#e0660d}
.service-wrap.si .box3 .circle {background:#ed1b24}

.service-wrap.keep {}
.service-wrap.keep .txt-wrap {background:url("../images/sub/service_bg2.jpg") no-repeat 50% 50%; background-size:cover; padding:100px 60px; color:#fff; margin-bottom:55px;}
.service-wrap.keep .txt-wrap .tit {font-family:'NanumSquare',sans-serif; font-size:35px; font-weight:700; line-height:1.1em; letter-spacing:-0.03em; margin-bottom:25px;}
.service-wrap.keep .txt-wrap .txt {font-family:'NanumSquare',sans-serif; font-size:18px; font-weight:400; line-height:1.5em; letter-spacing:-0.03em;}
.service-wrap.keep .sub-tit {position:relative; padding-left:30px; margin-bottom:25px; font-family: 'NanumSquare'; font-weight:700; font-size:18px; line-height:1.7em; color:#454545;}
.service-wrap.keep .sub-tit:after {content:""; position:absolute; top:4px; left:0; width:18px; height:18px; background:url('../images/sub/arrow1.png') 0 0 no-repeat; background-size:100% 100%;}
.service-wrap.keep .sub-txt {text-align:center; font-family:'NanumSquare',sans-serif;  font-size:20px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#242424; margin-top:20px;}
.service-wrap.keep .img-box {margin-bottom:55px;}
.service-wrap.keep .img-box:last-child {margin-bottom:0;} 
.service-wrap.keep .img-box .cnt {display:flex; align-items: center; padding:45px 80px 40px 110px; border:1px solid #ddd;}
.service-wrap.keep .img-box .cnt .img {margin-right:120px;}
.service-wrap.keep table {border-collapse:collapse; width:100%; max-width:500px;}
.service-wrap.keep table tr:nth-child(even) td {background:#f5f5f5;}
.service-wrap.keep table th {background:#ff9a22; font-size:16px; font-weight:400; line-height:1.4em; letter-spacing:-0.03em; color:#fff; padding:12px 5px;}
.service-wrap.keep table th:first-child {border-right:1px solid #dddddd;}
.service-wrap.keep table td {text-align:center; font-size:16px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#454545; padding:13px 18px; border:1px solid #ddd; border-top:0;}
.service-wrap.keep table td ul {text-align:left;}
.service-wrap.keep table td li {position:relative; padding-left:14px; font-size:14px; font-weight:400; line-height:1.4em; letter-spacing:-0.03em; color:#454545; margin-bottom:8px;}
.service-wrap.keep table td li:last-child {margin-bottom:0;}
.service-wrap.keep table td li:before {content:""; position: absolute; width:4px; height:4px; border-radius:100%; background:#454545; left:0; top:12px;}

.service-wrap .list > ul {display:flex;}
.service-wrap .list > ul > li {width:25%; text-align:center;}
.service-wrap .list > ul > li .icon {position:relative; margin:0 auto 55px; width:184px; height:184px; border-radius:100%;}
.service-wrap .list > ul > li .icon:before {content:""; position:absolute; bottom:0; left:50%; margin-bottom:-30px; width:1px; height:30px; background:#898989;}
.service-wrap .list > ul > li .icon:after {content:""; position:absolute; bottom:0; left:50%; margin-bottom:-30px; margin-left:-7px; width:15px; height:15px; border-radius:100%; background:#898989;}
.service-wrap .list > ul > li .icon .border-l {position:relative; width:100%; line-height:0; border-radius:100%;}
.service-wrap .list > ul > li .icon .border-l:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:100%; border:15px solid #f8991b;}
.service-wrap .list > ul > li:nth-child(even) .icon .border-l:after {border-color:#f86e1b;}
.service-wrap .list > ul > li .txt {padding:0 25px;}
.service-wrap .list > ul > li .txt .tt {margin-bottom:15px; font-size:17px; line-height:1.3em; font-weight:700; color:#242424;}
.service-wrap .list > ul > li .txt ul li {position:relative; padding-left:13px; font-size:15px; line-height:25px; margin-bottom:3px; color:#454545; text-align:left;}
.service-wrap .list > ul > li .txt ul li:last-child {margin-bottom:0;}
.service-wrap .list > ul > li .txt ul li:after {content:""; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius:100%; background:#454545;}
.service-wrap .img {line-height:0;}
.service-wrap .sub-explain {display:flex;}
.service-wrap .sub-explain .pic {flex:1 1 545px; max-width:545px; margin-right:55px; line-height:0;}
.service-wrap .sub-explain .txt {flex:1 auto; width:1%;}
.service-wrap .sub-explain .txt .tt {margin-bottom:15px; font-size:16px; line-height:1.3em; font-weight:500; color:#686868;}
.service-wrap .sub-explain .txt .tt .f-c1 {color:#ec2028;}
.service-wrap .sub-explain .txt .tt .f-c2 {color:#f8991b;}
.service-wrap .sub-explain .txt p {margin-bottom:25px; font-family: 'NanumSquare'; font-size:18px; line-height:33px; color:#454545;}
.service-wrap .sub-explain .txt p strong {font-size:23px; font-weight:800; color:#242424;}
.service-wrap .sub-explain .txt ul li {position:relative; padding-left:13px; font-size:16px; line-height:28px; color:#242424; font-weight:500; margin-bottom:5px;}
.service-wrap .sub-explain .txt ul li:last-child {margin-bottom:0;}
.service-wrap .sub-explain .txt ul li:after {content:""; position:absolute; top:14px; left:0; width:4px; height:4px; border-radius:100%; background:#454545;}
.service-wrap .sub-explain .txt ul li ul li {font-weight:400; padding-left:10px;}
.service-wrap .sub-explain .txt ul li ul li:after {top:14px;; width:4px; height:1px; border-radius:0;}

.sub-tit-deco {font-size:23px; font-weight:400; color:#242424; margin-top:15px;}
.krdc .doc-tit {border-bottom:0; font-weight:800;}
.krdc .sub-tit {position:relative; padding-left:30px; margin-bottom:25px; font-family: 'NanumSquare'; font-weight:700; font-size:20px; line-height:1.7em; color:#242424;}
.krdc .sub-tit:after {content:""; position:absolute; top:7px; left:0; width:18px; height:18px; background:url('../images/sub/arrow1.png') 0 0 no-repeat; background-size:100% 100%;}

.krdc .group {margin-bottom:55px;}
.krdc .service-step {display:flex; justify-content: center; margin-bottom:40px;}
.krdc .service-step > div {position:relative; width:21.33%; margin:0 15px; box-shadow:5px 5px 5px rgba(0,0,0,0.2); border-radius:10px;}
.krdc .service-step > div .tit {text-align:center; padding:22px 5px 5px 5px; font-family:'NanumSquare',sans-serif;  font-size:20px; font-weight:800; color:#fff; letter-spacing:-0.03em; line-height:1.4em; border-radius:10px 10px 0 0 ;}
.krdc .service-step > div ul {min-height:138px; padding:30px;}
.krdc .service-step li {padding-left:10px; position:relative; font-size:16px;font-weight:500; color:#242424; letter-spacing:-0.03em;}
.krdc .service-step li:before {content:""; position:absolute; width:3px; height:3px; border-radius:100%; left:0; top:12px; background:#242424;}
.krdc .service-step > div:nth-child(1) .tit {background:#f8991b;}
.krdc .service-step > div:nth-child(1) .num {border-color:#f8991b; color:#f8991b;}
.krdc .service-step > div:nth-child(2) .tit {background:#e0660d;}
.krdc .service-step > div:nth-child(2) .num {border-color:#e0660d; color:#e0660d;}
.krdc .service-step > div:nth-child(3) .tit {background:#ed1b24;}
.krdc .service-step > div:nth-child(3) .num {border-color:#ed1b24; color:#ed1b24;}
.krdc .service-step .num {position:absolute; font-size:16px; font-weight:700; line-height:35px; letter-spacing:-0.03em; width:35px; height:35px; border:1px solid #ddd; background:#fff; top:-17.5px; left:50%; margin-left:-17.5px; border-radius:100%; display:flex; align-items: center; justify-content: center;}

.krdc .sh-cloud-info {text-align:center; background:#f8f8f8; border-radius:10px; padding:38px 10px; margin-bottom:40px;}
.krdc .sh-cloud-info p {font-family:'NanumSquare',sans-serif; font-size:20px; font-weight:700; line-height:1.3em; letter-spacing:-0.03em; color:#454545;}
.krdc .sh-cloud-info strong {font-weight:800; color:#242424;}
.krdc .sh-cloud-info .red-txt {font-weight:800;}

.krdc .sh-cloud-cnt {display:flex; margin-left:-30px;}
.krdc .sh-cloud-cnt > div {width:calc(33.333% - 30px); margin-left:30px; border-radius:10px; overflow:hidden;}
.krdc .sh-cloud-cnt .tit {font-family:'NanumSquare',sans-serif; font-size:20px; font-weight:800; text-align:center; padding:16px 5px; color:#fff;}
.krdc .sh-cloud-cnt .cnt {padding:26px 30px; min-height:228px;}
.krdc .sh-cloud-cnt li  {padding-left:10px; position:relative; font-size:16px;font-weight:400; color:#505050; letter-spacing:-0.03em;}
.krdc .sh-cloud-cnt li:before {content:""; position:absolute; width:3px; height:3px; border-radius:100%; left:0; top:12px; background:#505050;}

.krdc .sh-cloud-cnt > div:nth-child(1) .tit {background:#f8991b; border:1px solid #f8991b;}
.krdc .sh-cloud-cnt > div:nth-child(1) .cnt {border:1px solid #f8991b; border-radius:0 0 10px 10px;}
.krdc .sh-cloud-cnt > div:nth-child(2) .tit {background:#e0660d; border:1px solid #e0660d;}
.krdc .sh-cloud-cnt > div:nth-child(2) .cnt {border:1px solid #e0660d; border-radius:0 0 10px 10px;}
.krdc .sh-cloud-cnt > div:nth-child(3) .tit {background:#ed1b24; border:1px solid #ed1b24;}
.krdc .sh-cloud-cnt > div:nth-child(3) .cnt {border:1px solid #ed1b24; border-radius:0 0 10px 10px;}

.krdc .strategy {display:flex; margin-bottom:55px;}
.krdc .strategy .img {flex: 1 1 auto; min-width: 0; width: 1%;}
.krdc .strategy .cnt-wrap {padding-left:40px;}
.krdc .strategy .box {margin-bottom:35px;}
.krdc .strategy .box .tit {font-family:'NanumSquare',sans-serif; font-size:20px; font-weight:800; line-height:1.2em; letter-spacing:-0.03em; margin-bottom:15px;}
.krdc .strategy .box li {position:relative; padding-left:12px; font-size:16px; font-weight:400; letter-spacing:-0.03em; color:#454545;}
.krdc .strategy .box li:before {content:""; position:absolute; width:3px; height:3px; border-radius:100%; left:0; top:11px;}
.krdc .strategy .box1 .tit {color:#e68d4a;}
.krdc .strategy .box1 li:before {background:#e68d4a;}
.krdc .strategy .box2 .tit {color:#ee6b70;}
.krdc .strategy .box2 li:before {background:#ee6b70;}

.krdc .strategy .box3 > ul {display:flex; margin:0 -20px;}
.krdc .strategy .box3 > ul > li {padding:0 20px;}
.krdc .strategy .box3 > ul >li:nth-child(1) .circle {background:#e06389;}
.krdc .strategy .box3 > ul >li:nth-child(2) .circle {background:#e63369;}
.krdc .strategy .box3 > ul >li:nth-child(3) .circle {background:#f10048;}
.krdc .strategy .box3 .circle {width:115px; height:115px; text-align:center; display:flex; justify-content: center; align-items: center;border-radius:100%;  margin:0 auto; color:#fff; font-size:16px; font-weight:700; line-height:1.4em; letter-spacing:-0.03em;}
.krdc .strategy .box3 li li {position:relative; padding-left:13px; font-size:16px; font-weight:400; line-height:1.75em; letter-spacing:-0.03em; color:#454545;}
.krdc .strategy .box3 li li:before {content:""; position:absolute; width:3px; height:3px; background:#ff004d; border-radius:100%; left:0; top:12px;}

.krdc .table-wrap table {border-collapse:collapse; width:100%;}
.krdc .table-wrap th {background:#e68d4a; font-size:18px; font-weight:500; letter-spacing:-0.03em; color:#fff; line-height:1.3em; padding:12px 5px; border-right:1px solid #ddd;}
.krdc .table-wrap td {text-align:center; font-size:16px; font-weight:400; line-height:1.3em; letter-spacing:-0.03em; color:#454545; padding:11px 5px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.krdc .table-wrap td:last-child {text-align:left;}
.krdc .table-wrap td span {position:relative; padding-left:25px; display:block; margin-bottom:5px;}
.krdc .table-wrap td span:last-child {margin-bottom:0;}
.krdc .table-wrap td span:before {content:""; position:absolute; width:3px; height:3px; background:#242424; border-radius:100%; left:15px; top:10px;}
.krdc td img {display:block; margin:0 auto;}

.krdc .br-none {border-right:0 !important;}
.krdc .th-bb {border-bottom:1px solid #ddd;}
.krdc .bg-fe {background:#fef9f6 !important;}
.krdc .bg-fc {background:#fcf3ed !important;}

.krdc .cloud-screen {display:flex; flex-wrap:wrap; justify-content: center; margin:0 -15px -35px -15px}
.krdc .cloud-screen > div {text-align:center; width:50%; padding:0 15px; margin-bottom:35px;}
.krdc .cloud-screen .img {margin-bottom:15px;}
.krdc .img-tit {text-align:center; position:relative; padding-left:30px; font-family:'NanumSquare',sans-serif;  font-size:18px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#242424; margin-top:17px;}
.krdc .img-tit:before {content:""; position:absolute; width:18px; height:18px; background:url("../images/sub/arrow1.png") no-repeat 50% 50%; margin-left:-30px; top:0;}

.krdc .krdc-keep {text-align:center;}
.krdc .img-wrap {display:flex; justify-content: center;}
.krdc .img-wrap > div {padding:0 10px;}


/*solution-wrap*/
.solution-wrap .doc-tit {border-bottom:0; font-weight:800;}
.solution-wrap .solution-title {padding:30px 100px 30px 30px; min-height:188px; border:1px solid #ddd; border-radius:8px; display:flex; align-items:center;}
.solution-wrap .solution-title .logo {flex:1 1 314px; max-width:314px; text-align:center;}
.solution-wrap .solution-title .txt {flex:1 auto; width:1%;}
.solution-wrap .solution-title .txt .tit {font-family: 'NanumSquare'; font-size:23px; line-height:1.3em; font-weight:800; color:#e0660d; margin-bottom:10px;}
.solution-wrap .solution-title .txt p {font-size:18px; line-height:30px; font-weight:500; color:#454545;}

.solution-wrap .solution-title2 {padding:30px 100px 30px 30px; min-height:188px; border:1px solid #ddd; border-radius:8px; background:#fafafa; display:flex; align-items:center; justify-content:center;}
.solution-wrap .solution-title2.bg2 {background:#fafafa;}
.solution-wrap .solution-title2 .logo {text-align:center; margin-right:68px; line-height:0;}
.solution-wrap .solution-title2 .txt {font-size:18px; line-height:30px; font-weight:500; color:#454545; text-align:center;}
.solution-wrap .solution-title2 .txt .f-s1 {font-size:20px; color:#242424;}
.solution-wrap .solution-title2 .txt .f-s2 {font-size:23px; color:#0185b8;}
.solution-wrap .solution-title2 .txt .f-s3 {color:#2e79f8;}
.solution-wrap .solution-title2 .txt .f-s4 {font-family: 'NanumSquare'; font-weight:800; font-size:20px; color:#242424;}
.solution-wrap .solution-title2 .txt .f-s5 {color:#242424;}
.solution-wrap .solution-title2 .txt .f-s6 {color:#739550;}
.solution-wrap .solution-title2 .txt .f-s7 {font-size:23px;}
.solution-wrap .solution-title2 .txt .f-s8 {color:#ff6900;}
.solution-wrap .solution-title2 .txt .f-s9 {color:#4179bb;}
.solution-wrap .solution-title2 .txt .f-s10 {color:#00ad4e;}
.solution-wrap .solution-title2 .txt .f-s11 {color:#f07f1f;}

.solution-wrap .group {margin-bottom:55px;}
.solution-wrap .group:last-child {margin-bottom:0;}
.solution-wrap .sub-tit {position:relative; padding-left:30px; padding-bottom:12px; border-bottom:1px solid #ddd; font-size:18px; line-height:28px; font-weight:500; color:#454545; margin-bottom:40px;}
.solution-wrap .sub-tit:after {content:""; position:absolute; top:5px; left:0; width:18px; height:18px; background:url('../images/sub/arrow1.png') 0 0 no-repeat; background-size:100% 100%;}
.solution-wrap .sub-tit strong {font-family: 'NanumSquare'; font-size:23px; font-weight:800; color:#242424;}
.solution-wrap .area-list {border:1px solid #ddd; border-radius:8px; padding:40px 0; margin-bottom:60px;}
.solution-wrap .area-list ul {display:table; table-layout:fixed; width:100%;}
.solution-wrap .area-list ul li {display:table-cell; width:auto; text-align:center; border-left:1px dashed #bbb; padding-top:52px; position:relative;}
.solution-wrap .area-list ul li:first-child {border-left:0;}
.solution-wrap .area-list ul li:after {content:""; position:absolute; top:0; left:50%; margin-left:-18px; width:36px; height:36px; background:url('../images/sub/arrow2.png') 0 0 no-repeat; background-size:100% 100%;}
.solution-wrap .area-list ul li .txt {width:100%; height:56px; text-align:center; font-family: 'NanumSquare'; font-size:18px; line-height:28px; font-weight:700; letter-spacing:0; color:#454545;}
.solution-wrap .area-list ul li .txt p {display:inline-block; vertical-align:middle;}

.solution-wrap .area-list2 {border:1px solid #ddd; border-radius:8px; padding:40px 0; margin-bottom:60px;}
.solution-wrap .area-list2 > ul {display:flex; margin:0 -20px;}
.solution-wrap .area-list2 > ul > li {padding:0 100px; border-left:1px dashed #bbb; position:relative; display:flex; align-items:center;}
.solution-wrap .area-list2 > ul > li:first-child {border-left:0;}
.solution-wrap .area-list2 > ul > li .tit {margin-right:45px; text-align:center; padding-top:52px; position:relative; font-family: 'NanumSquare'; font-size:18px; line-height:28px; font-weight:700; letter-spacing:0; color:#454545;}
.solution-wrap .area-list2 > ul > li .tit:after {content:""; position:absolute; top:0; left:50%; margin-left:-18px; width:36px; height:36px; background:url('../images/sub/arrow2.png') 0 0 no-repeat; background-size:100% 100%;}
.solution-wrap .area-list2 > ul > li .list {flex:1 auto; width:1%; display:flex;}
.solution-wrap .area-list2 > ul > li .list ul {margin-right:25px;}
.solution-wrap .area-list2 > ul > li .list ul:last-child {margin-right:0;}
.solution-wrap .area-list2 > ul > li .list ul li {position:relative; padding-left:13px; font-size:16px; line-height:35px; font-weight:500; letter-spacing:0; color:#454545;}
.solution-wrap .area-list2 > ul > li .list ul li:after {content:""; position:absolute; top:14px; left:0; width:4px; height:4px; border-radius:50%; background:#454545;}

.solution-wrap .detail-area {margin-bottom:40px;}
.solution-wrap .detail-area > ul {display:flex; margin:0 -15px;}
.solution-wrap .detail-area > ul > li {width:calc(33.333333% - 30px); margin:0 15px; position:relative; border:1px solid #ddd; border-radius:8px; padding:35px 30px;}
.solution-wrap .detail-area > ul > li .tit {position:absolute; top:0; left:20px; margin-top:-20px; width:200px; height:40px; border-radius:20px; text-align:center; font-family: 'NanumSquare'; font-size:18px; line-height:40px; color:#fff; letter-spacing:0;}
.solution-wrap .detail-area > ul > li .tit.bg1 {background:#f8991b;}
.solution-wrap .detail-area > ul > li .tit.bg2 {background:#e0660d;}
.solution-wrap .detail-area > ul > li .tit.bg3 {background:#ed1b24;}
.solution-wrap .detail-area > ul > li ul li {position:relative; padding-left:13px; font-size:16px; line-height:28px; color:#454545;}
.solution-wrap .detail-area > ul > li ul li:after {content:""; position:absolute; top:14px; left:0; width:4px; height:4px; border-radius:100%; background:#454545;}
.solution-wrap .img {line-height:0;}

.solution-wrap .detail-security > ul {display:flex; padding:0 34px; background:#fafafa; border-radius:8px;}
.solution-wrap .detail-security > ul > li {width:33.333333%; padding:60px 10px 0; position:relative;}
.solution-wrap .detail-security > ul > li .tit {position:absolute; top:0; left:50%; transform:translateX(-50%); margin-top:-20px; width:calc(100% - 20px); height:40px; border-radius:20px; text-align:center; font-family: 'NanumSquare'; font-size:18px; line-height:40px; color:#fff; letter-spacing:0;}
.solution-wrap .detail-security > ul > li .tit.bg1 {background:#f8991b;}
.solution-wrap .detail-security > ul > li .tit.bg2 {background:#e0660d;}
.solution-wrap .detail-security > ul > li .tit.bg3 {background:#ed1b24;}
.solution-wrap .detail-security > ul > li ul {display:flex; flex-wrap:wrap; margin:0 -10px;}
.solution-wrap .detail-security > ul > li ul li {width:50%; padding:0 10px; margin-bottom:35px; text-align:center;}
.solution-wrap .detail-security > ul > li ul li .img {border-radius:3px; margin-bottom:8px; overflow:hidden;}
.solution-wrap .detail-security > ul > li ul li p {font-size:14px; line-height:20px; font-weight:500; color:#454545;}
.solution-wrap .cloud-list {margin-bottom:55px;}
.solution-wrap .cloud-list ul {display:flex; margin:0 -15px;}
.solution-wrap .cloud-list ul li {width:25%; padding:0 15px; text-align:center;}
.solution-wrap .cloud-list ul li .img {border-radius:8px; margin-bottom:12px; overflow:hidden;}
.solution-wrap .cloud-list ul li p {font-size:18px; line-height:28px; color:#242424; font-weight:500;}

.solution-wrap .collaboration-list > ul {display:flex; flex-wrap:wrap; margin:0 -15px; padding-top:20px;}
.solution-wrap .collaboration-list > ul > li {position:relative; width:calc(50% - 30px); margin:0 15px 50px; border-radius:8px; border:1px solid #ddd; padding:35px 53px;}
.solution-wrap .collaboration-list > ul > li .tit {position:absolute; top:0; left:20px; margin-top:-20px; width:200px; height:40px; border-radius:20px; text-align:center; font-family: 'NanumSquare'; font-size:18px; line-height:40px; color:#fff; letter-spacing:0;}
.solution-wrap .collaboration-list > ul > li .tit.bg1 {background:#f8991b;}
.solution-wrap .collaboration-list > ul > li .tit.bg2 {background:#e0660d;}
.solution-wrap .collaboration-list > ul > li .tit.bg3 {background:#ef666c;}
.solution-wrap .collaboration-list > ul > li .tit.bg4 {background:#ed1b24;}
.solution-wrap .collaboration-list > ul > li .cnt {display:flex; align-items:center; height:100%;}
.solution-wrap .collaboration-list > ul > li .cnt .icon {flex:1 1 124px; max-width:124px; margin-right:53px; line-height:0;}
.solution-wrap .collaboration-list > ul > li .cnt .txt {flex:1 auto; width:1%;}
.solution-wrap .collaboration-list > ul > li .cnt .txt ul li {position:relative; padding-left:13px; font-size:16px; line-height:23px; color:#454545; margin-bottom:5px;}
.solution-wrap .collaboration-list > ul > li .cnt .txt ul li:after {content:""; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius:100%; background:#454545;}
.solution-wrap .collaboration-list > ul > li .cnt .txt ul li:last-child {margin-bottom:0;}

.solution-wrap .solution-list {margin-top:40px;}
.solution-wrap .solution-list ul {display:flex; justify-content:center;}
.solution-wrap .solution-list ul li {padding:0 21px; text-align:center;}
.solution-wrap .solution-list ul li .img {margin-bottom:15px;}
.solution-wrap .solution-list ul li .tit {font-family: 'NanumSquare'; font-weight:800; font-size:18px; line-height:1.3em; color:#454545;}

.solution-wrap .core-function-list > ul {display:flex; flex-wrap:wrap; margin:0 -15px; padding-top:20px;}
.solution-wrap .core-function-list > ul > li {position:relative; width:calc(50% - 30px); margin:0 15px 50px; border-radius:8px; border:1px solid #ddd; padding:35px;}
.solution-wrap .core-function-list > ul > li .tit {position:absolute; top:0; left:20px; margin-top:-20px; width:200px; height:40px; border-radius:20px; text-align:center; font-family: 'NanumSquare'; font-size:18px; line-height:40px; color:#fff; letter-spacing:0;}
.solution-wrap .core-function-list > ul > li .tit.bg1 {background:#f8991b;}
.solution-wrap .core-function-list > ul > li .tit.bg2 {background:#e0660d;}
.solution-wrap .core-function-list > ul > li .tit.bg3 {background:#ef666c;}
.solution-wrap .core-function-list > ul > li .tit.bg4 {background:#ed1b24;}
.solution-wrap .core-function-list > ul > li .cnt {display:flex; align-items:center; height:100%;}
.solution-wrap .core-function-list > ul > li .cnt .img {flex:1 1 163px; max-width:163px; margin-right:35px; line-height:0;}
.solution-wrap .core-function-list > ul > li .cnt .txt {flex:1 auto; width:1%;}
.solution-wrap .core-function-list > ul > li .cnt .txt .tt {font-size:18px; line-height:27px; font-weight:700; color:#454545; margin-bottom:8px;}
.solution-wrap .core-function-list > ul > li .cnt .txt ul li {position:relative; padding-left:13px; font-size:16px; line-height:23px; color:#454545; margin-bottom:5px;}
.solution-wrap .core-function-list > ul > li .cnt .txt ul li:after {content:""; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius:100%; background:#454545;}
.solution-wrap .core-function-list > ul > li .cnt .txt ul li:last-child {margin-bottom:0;}

.solution-wrap .function-list {border:1px solid #ddd; border-radius:8px; padding:40px 0; margin-bottom:60px;}
.solution-wrap .function-list ul {display:table; table-layout:fixed; width:100%;}
.solution-wrap .function-list ul li {display:table-cell; width:auto; text-align:center; border-left:1px dashed #bbb; position:relative;}
.solution-wrap .function-list ul li:first-child {border-left:0;}
.solution-wrap .function-list ul li .icon {line-height:0; margin-bottom:15px;}
.solution-wrap .function-list ul li .txt {width:100%; height:46px; text-align:center; font-size:16px; line-height:23px; font-weight:500; letter-spacing:0; color:#454545;}
.solution-wrap .function-list ul li .txt p {display:inline-block; vertical-align:middle;}

.solution-wrap .img-list ul {display:flex; margin:0 -25px;}
.solution-wrap .img-list ul li {padding:0 25px;}
.solution-wrap .img-list ul li .sub-tit {border-bottom:0; padding-bottom:0; margin-bottom:18px; font-family: 'NanumSquare'; font-weight:800; font-size:23px; color:#242424;}
.solution-wrap .img-list ul li .img {position:relative; line-height:0; border-radius:8px; overflow:hidden;}
.solution-wrap .img-list ul li .img:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:8px; border:1px solid #ddd;}
.solution-wrap .img-list.w50 ul {flex-wrap:wrap;}
.solution-wrap .img-list.w50 ul li {width:50%; margin-bottom:35px;}
.solution-wrap .img-list.w50 ul li .sub-tit {letter-spacing:-0.05em;}
.solution-wrap .img-list.w50 ul li .sub-tit span {font-size:20px;}

.solution-wrap .img-list2 ul {display:flex; margin:0 -10px;}
.solution-wrap .img-list2 ul li {padding:0 10px;}
.solution-wrap .img-list2 ul li .img {position:relative; line-height:0; border-radius:8px; overflow:hidden;}
.solution-wrap .img-list2 ul li .img:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:8px; border:1px solid #ddd;}

.solution-wrap .img-list3 {margin-bottom:30px;}
.solution-wrap .img-list3 ul {display:flex; margin:0 -15px;}
.solution-wrap .img-list3 ul li {padding:0 15px;}

.why-solution {margin-top:70px; width:100%; padding:70px 0 100px; text-align:center; background:url('../images/sub/why_solution_bg.jpg') 50% 50% no-repeat; background-size:cover;}
.why-solution .title {margin-bottom:75px; font-family: 'NanumSquare'; font-weight:700; font-size:35px; line-height:43px; color:#fff; text-shadow:3px 3px 8px rgba(0,0,0,0.3);}
.why-solution .title strong {font-weight:800;}
.why-solution .title .f-s1 {color:#7fdcff;}
.why-solution .title .f-s2 {font-size:40px;}
.why-solution .list {max-width:1200px; width:100%; margin:0 auto;}
.why-solution .list ul {display:inline-flex; margin:0 -15px;}
.why-solution .list ul li {position:relative; margin:0 15px; width:277px; height:277px; border-radius:100%; overflow:hidden; background:#f8991b;}
.why-solution .list ul li:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:100%; border:4px solid #f8991b;}
.why-solution .list ul li:nth-child(even) {background:#e0660d;}
.why-solution .list ul li:nth-child(even):after {border-color:#e0660d;}
.why-solution .list ul li .img {line-height:0;}
.why-solution .list ul li .txt {width:100%; height:120px; padding-bottom:4px; display:flex; align-items:center; justify-content:center;}
.why-solution .list ul li .txt p {font-family: 'NanumSquare'; font-size:23px; line-height:35px; font-weight:800; color:#fff;}

.viewtinet-core-func > ul {display:flex; flex-wrap:wrap; margin:0 -15px; padding-top:20px;}
.viewtinet-core-func > ul > li {position:relative; width:calc(50% - 30px); margin:0 15px 50px; border-radius:8px; border:1px solid #ddd; padding:25px 40px; display:flex; flex-direction:column; justify-content:center;}
.viewtinet-core-func > ul > li .tit {position:absolute; top:0; right:20px; margin-top:-20px; width:200px; height:40px; border-radius:20px; text-align:center; font-family: 'NanumSquare'; font-size:20px; line-height:40px; font-weight:800; color:#fff; letter-spacing:0;}
.viewtinet-core-func > ul > li .tit.bg1 {background:#f8991b;}
.viewtinet-core-func > ul > li .tit.bg2 {background:#e0660d;}
.viewtinet-core-func > ul > li .tit.bg3 {background:#ef666c;}
.viewtinet-core-func > ul > li .tit.bg4 {background:#ed1b24;}
.viewtinet-core-func > ul > li .tt {font-size:20px; line-height:1.4em; font-weight:700; color:#454545; margin-bottom:18px;}
.viewtinet-core-func > ul > li .txt ul li {position:relative; padding-left:13px; font-size:16px; line-height:23px; color:#454545; margin-bottom:5px;}
.viewtinet-core-func > ul > li .txt ul li:after {content:""; position:absolute; top:11px; left:0; width:4px; height:4px; border-radius:100%; background:#454545;}
.viewtinet-core-func > ul > li .txt ul li:last-child {margin-bottom:0;}

.why-viewtinet {margin-top:20px; width:100%; padding:65px 0 90px; text-align:center; background:url('../images/sub/why_viewtinet_bg.jpg') 50% 50% no-repeat; background-size:cover;}
.why-viewtinet .title {margin-bottom:50px; font-family: 'NanumSquare'; font-weight:700; font-size:40px; line-height:55px; color:#fff; text-shadow:3px 3px 8px rgba(0,0,0,0.3);}
.why-viewtinet .title strong {font-weight:800;}
.why-viewtinet .title .f-s1 {font-size:50px;}
.why-viewtinet .list {max-width:1200px; width:100%; margin:0 auto;}
.why-viewtinet .list ul {display:flex; margin:0 -12px;}
.why-viewtinet .list ul li {position:relative; width:25%; margin:0 12px;}
.why-viewtinet .list ul li .img {position:relative; line-height:0; margin-bottom:15px; border-radius:8px; overflow:hidden;}
.why-viewtinet .list ul li .img:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:8px; border:5px solid #e0660d;}
.why-viewtinet .list ul li .txt {font-family: 'NanumSquare'; font-size:20px; line-height:28px; font-weight:800; color:#fff;}

.solution-wrap .necessity-list ul {display:flex; margin:0 -15px; padding-top:20px;}
.solution-wrap .necessity-list ul li {position:relative; width:calc(33.3333% - 30px); margin:0 15px; border:1px solid #ddd; border-radius:8px; padding:45px 0 30px; text-align:center;}
.solution-wrap .necessity-list ul li .tit {position:absolute; top:0; left:50%; margin-top:-20px; margin-left:-155px; width:310px; height:40px; border-radius:20px; text-align:center; font-family: 'NanumSquare'; font-size:20px; line-height:40px; font-weight:800; color:#fff; letter-spacing:0;}
.solution-wrap .necessity-list ul li .tit.bg1 {background:#f8991b;}
.solution-wrap .necessity-list ul li .tit.bg2 {background:#e0660d;}
.solution-wrap .necessity-list ul li .tit.bg3 {background:#ed1b24;}
.solution-wrap .necessity-list ul li .tt {height:50px; margin-bottom:15px; font-size:16px; line-height:25px; font-weight:500; color:#454545;}
.solution-wrap .necessity-list ul li .img {line-height:0;}

.solution-wrap .platform-list > ul {display:flex; margin:0 -7px;}
.solution-wrap .platform-list > ul > li {width:calc(25% - 14px); margin:0 7px; border:1px solid #ddd; border-radius:8px; padding:36px 4px 25px 15px;}
.solution-wrap .platform-list > ul > li .img {margin-bottom:25px;}
.solution-wrap .platform-list > ul > li .txt ul li {position:relative; padding-left:15px; font-size:14px; line-height:25px; color:#454545; font-weight:500; letter-spacing:0;}
.solution-wrap .platform-list > ul > li .txt ul li:after {content:""; position:absolute; top:12px; left:4px; width:4px; height:4px; border-radius:100%; background:#454545;}

.solution-wrap .gigamon-feature > ul {display:flex; margin:0 -7px; padding-top:20px;}
.solution-wrap .gigamon-feature > ul > li {position:relative; width:calc(25% - 14px); margin:0 7px; border:1px solid #ddd; border-radius:8px; padding:35px 12px 25px;}
.solution-wrap .gigamon-feature > ul > li .tit {position:absolute; top:0; left:20px; margin-top:-20px; width:155px; height:40px; border-radius:20px; text-align:center; font-family: 'NanumSquare'; font-size:20px; line-height:40px; font-weight:800; color:#fff; letter-spacing:0;}
.solution-wrap .gigamon-feature > ul > li .tit.bg1 {background:#f8991b;}
.solution-wrap .gigamon-feature > ul > li .tit.bg2 {background:#e0660d;}
.solution-wrap .gigamon-feature > ul > li .tit.bg3 {background:#ef666c;}
.solution-wrap .gigamon-feature > ul > li .tit.bg4 {background:#ed1b24;}
.solution-wrap .gigamon-feature > ul > li .txt ul li {position:relative; padding-left:11px; font-size:14px; line-height:25px; color:#454545; font-weight:500; letter-spacing:0;}
.solution-wrap .gigamon-feature > ul > li .txt ul li:after {content:""; position:absolute; top:12px; left:0; width:4px; height:4px; border-radius:100%; background:#454545;}
.solution-wrap .gigamon-feature > ul > li .txt ul li span {color:#ed1b24;}

.solution-wrap .security-core-func > ul {display:flex; flex-wrap:wrap; margin:0 -10px;}
.solution-wrap .security-core-func > ul > li {width:50%; padding:0 10px; margin-bottom:35px;}
.solution-wrap .security-core-func > ul > li .sub-tit {border-bottom:0; padding-bottom:0; margin-bottom:18px; font-family: 'NanumSquare'; font-weight:800; font-size:23px; color:#242424;}
.solution-wrap .security-core-func > ul > li .box {display:flex; flex-direction:column; height:calc(100% - 45px); border:1px solid #ddd; border-radius:8px; padding:30px; text-align:center;}
.solution-wrap .security-core-func > ul > li .box .txt {margin-bottom:32px; text-align:left;}
.solution-wrap .security-core-func > ul > li .box .txt .tt {font-family: 'NanumSquare'; font-weight:800; font-size:18px; line-height:1.3em; color:#407abf; margin-bottom:10px;}
.solution-wrap .security-core-func > ul > li .box .txt ul li {position:relative; padding-left:12px; font-size:16px; line-height:28px; color:#454545;}
.solution-wrap .security-core-func > ul > li .box .txt ul li:after {content:""; position:absolute; top:12px; left:0; width:4px; height:4px; border-radius:100%; background:#454545;}

.why-security {border:1px solid #ddd; border-radius:8px; display:flex; align-items:center; padding:35px 50px;}
.why-security .img {order:2; flex:1 1 446px; max-width:446px; line-height:0;}
.why-security .txt {order:1; flex:1 auto; width:1%; font-family: 'NanumSquare'; font-weight:800;}
.why-security .txt .title {margin-bottom:18px;}
.why-security .txt .title dl dt {font-size:18px; line-height:1.3em; color:#407abf; margin-bottom:8px;}
.why-security .txt .title dl dd {font-size:20px; line-height:1.3em; color:#242424;}
.why-security .txt .list {display:inline-block; padding:15px 30px; border-radius:10px; background:#fafafa;}
.why-security .txt .list ul li {position:relative; padding-left:32px; font-size:18px; line-height:40px; color:#454545;}
.why-security .txt .list ul li:after {content:""; position:absolute; top:8px; left:0; width:23px; height:23px; background:url('../images/sub/arrow3.png') 0 0 no-repeat; background-size:100% 100%;}

.firescan-need {background:#fafafa; border-radius:10px; padding:50px 65px;}
.firescan-need ul li {display:flex; align-items:center; margin-bottom:40px;}
.firescan-need ul li:last-child {margin-bottom:0;}
.firescan-need ul li .img {flex:1 1 585px; max-width:585px; line-height:0;}
.firescan-need ul li .cnt {flex:1 auto; width:1%; padding-left:50px;}
.firescan-need ul li .cnt .tit {margin-bottom:18px; font-family: 'NanumSquare'; font-weight:800; font-size:20px; line-height:1.4em; color:#242424;}
.firescan-need ul li .cnt .txt {margin-bottom:25px; font-size:16px; line-height:28px; color:#242424;}
.firescan-need ul li .cnt .conclusion {position:relative; padding-left:30px; font-size:16px; line-height:28px; color:#0473c2; font-weight:500;}
.firescan-need ul li .cnt .conclusion:after {content:""; position:absolute; top:10px; left:0; width:21px; height:8px; background:url('../images/sub/arrow4.jpg') 0 0 no-repeat; background-size:100% 100%;}
.firescan-need ul li:nth-child(odd) .img {order:2;}
.firescan-need ul li:nth-child(odd) .cnt {order:1; padding-left:0; padding-right:20px;}

.solution-wrap .firescan-core-func > ul {}
.solution-wrap .firescan-core-func > ul > li {margin-bottom:55px;}
.solution-wrap .firescan-core-func > ul > li:last-child {margin-bottom:0;}
.solution-wrap .firescan-core-func > ul > li .sub-tit {border-bottom:0; padding-bottom:0; margin-bottom:18px; font-family: 'NanumSquare'; font-weight:800; font-size:23px; line-height:1.5em; color:#242424;}
.solution-wrap .firescan-core-func > ul > li .sub-tit:after {top:7px;}
.solution-wrap .firescan-core-func > ul > li .sub-tit span {display:inline-block; font-family:'Noto Sans KR'; font-weight:400; font-size:18px; padding-right:23px; color:#454545;}
.solution-wrap .firescan-core-func .detail-manage > ul {display:flex; margin:0 -7px;}
.solution-wrap .firescan-core-func .detail-manage > ul > li {width:calc(25% - 14px); margin:0 7px; border-radius:10px; border:1px solid #ddd; padding:25px 20px;}
.solution-wrap .firescan-core-func .detail-manage > ul > li .tt {position:relative; padding-left:28px; margin-bottom:18px; font-size:16px; line-height:25px; font-weight:500; color:#454545;}
.solution-wrap .firescan-core-func .detail-manage > ul > li .tt:after {content:""; position:absolute; top:5px; left:0; width:20px; height:20px; background:url('../images/sub/arrow5.png') 0 0 no-repeat; background-size:100% 100%;}
.solution-wrap .firescan-core-func .detail-manage > ul > li .pic {text-align:center; line-height:0; margin-bottom:18px;}
.solution-wrap .firescan-core-func .detail-manage > ul > li .txt ul li {position:relative; padding-left:11px; margin-bottom:8px; font-size:14px; line-height:20px; color:#454545; font-weight:500;}
.solution-wrap .firescan-core-func .detail-manage > ul > li .txt ul li:after {content:""; position:absolute; top:9px; left:0; width:4px; height:4px; border-radius:100%; background:#454545;}
.solution-wrap .firescan-core-func .detail-manage > ul > li .txt ul li:last-child {margin-bottom:0;}
.solution-wrap .firescan-core-func .detail-manage .point-tt {margin-top:20px; display:flex;}
.solution-wrap .firescan-core-func .detail-manage .point-tt .tt {flex:1 1 95px; max-width:95px; margin-right:10px;}
.solution-wrap .firescan-core-func .detail-manage .point-tt p {flex:1 auto; width:1%; padding-top:6px; font-size:16px; line-height:30px; font-weight:500; color:#242424;}

.solution-wrap .firescan-core-func2 > ul {display:flex; flex-wrap:wrap; margin:0 -10px -85px;}
.solution-wrap .firescan-core-func2 > ul > li {width:50%; padding:0 10px; margin-bottom:85px;}
.solution-wrap .firescan-core-func2 > ul > li:last-child {margin-bottom:0;}
.solution-wrap .firescan-core-func2 > ul > li .sub-tit {border-bottom:0; padding-bottom:0; margin-bottom:18px; font-family: 'NanumSquare'; font-weight:800; font-size:23px; color:#242424;}
.solution-wrap .firescan-core-func2 > ul > li .sub-tit span {font-size:20px;}

.solution-wrap .vada-main-func {display:flex; align-items:center; border-radius:10px; border:1px solid #ddd; background:#fafafa; padding:53px 40px;}
.solution-wrap .vada-main-func .img {order:2; flex:1 1 577px; max-width:577px;}
.solution-wrap .vada-main-func .txt {order:1; flex:1 auto; width:1%;}
.solution-wrap .vada-main-func .txt ul li {position:relative; padding-left:12px; font-size:16px; line-height:28px; margin-bottom:7px; font-weight:500; color:#454545;}
.solution-wrap .vada-main-func .txt ul li:after {content:""; position:absolute; top:14px; left:0; width:3px; height:3px; border-radius:100%; background:#f8791b;}
.solution-wrap .vada-main-func .txt ul li:last-child {margin-bottom:0;}

.solution-wrap .why-vada {display:flex; align-items:center; border-radius:10px; border:1px solid #ddd; padding:40px 50px;}
.solution-wrap .why-vada .img {order:2; flex:1 1 306px; max-width:306px;}
.solution-wrap .why-vada .txt {order:1; flex:1 auto; width:1%;}
.solution-wrap .why-vada .txt ul li {display:flex; align-items:center; font-size:16px; line-height:25px; margin-bottom:14px; font-weight:500; color:#454545;}
.solution-wrap .why-vada .txt ul li:last-child {margin-bottom:0;}
.solution-wrap .why-vada .txt ul li .num {flex:1 1 25px; max-width:25px; height:25px; margin-top:3px; border-radius:100%; font-family: 'TmoneyRoundWindExtraBold'; text-align:center; color:#fff; background:#ea4654;}
.solution-wrap .why-vada .txt ul li p {flex:1 auto; width:1%; padding-left:11px;}
.solution-wrap .why-vada .txt ul li:nth-child(even) .num {background:#e46c0a;}

/*recruitment*/
.recruitment .doc-tit {border-bottom:0; font-weight:800; font-size:25px;}
.recruitment .sub-tit {position:relative; padding-left:30px; padding-bottom:8px; margin-bottom:30px; border-bottom:1px solid #ddd; font-family: 'NanumSquare'; font-weight:800; font-size:23px; line-height:1.3em; color:#242424;}
.recruitment .sub-tit:after {content:""; position:absolute; top:5px; left:0; width:18px; height:18px; background:url('../images/sub/arrow1.png') 0 0 no-repeat; background-size:100% 100%;}
.recruitment .indent {padding-left:20px;}
.recruitment .txt p {font-family: 'NanumSquare'; font-size:18px; line-height:35px; color:#454545; margin-bottom:13px;}
.recruitment .txt p:last-child {margin-bottom:0;}
.recruitment .img {line-height:0;}
.recruitment .txt + .img {margin-top:55px;}
.recruitment .sub-tit + .img {margin-top:60px;}