/***********set***********/
@font-face {
  font-family: "nanum";
  src: url("../font/NanumBarunGothic.eot");
  src: url("../font/NanumBarunGothic.?#iefix") format("embedded-opentype"), url("../font/NanumBarunGothic.woff") format("woff"), url("../font/NanumBarunGothic.ttf") format("truetype");
}
a { color: #333; text-decoration: none;}
a:hover,
a:focus { color: #20accd;}
.txt{
  font-size:13px;
}
button{
  cursor:pointer; font-family: 'nanum','dotum', sans-serif;
}
html{
  width:100%;
}
body {
  font-family: 'nanum','dotum', sans-serif; width: 100%; word-break:keep-all; line-height: 1.3em;
}
.txt p{
  line-height:1.35em; padding:1px 0;
}
.a11y-hidden{
    overflow:hidden; position: absolute; clip: rect(0 0 0 0); clip: rect(0,0,0,0); width: 1px;height: 1px; margin: -1px;
    border: 0; padding: 0;
 }
/*set end*/
/******************main page start**************/
body#main{
  background-color:#f0efec;
}
a.skip{
  width: 1px; height: 1px; font-size: 0px; line-height: 0px; position: absolute; left: 0px; top: 0px; color:#fff;
}
a.skip:focus{
    width:100%; height:30px; font-size:12px; text-align:center; background:#000; color:#fff; line-height:30px; z-index:100; position:absolute; display:block;
}
.container {
  width: 1200px; margin: 0px auto 0px auto;
}
section{
  display:table; width:100%;
}
header {
  padding-top: 30px;
}
header h1 {
  display: inline-block;
}
header h1 img {
  display: inline-block;
}
header nav.menuWrap {
  float: right; margin-top: 14px;
}
nav.mobile_menuWrap{
  width:100%; position:fixed; left:0px; top:0px; z-index: 10000; height:100vh; background-color:rgba(0,0,0,0.8); text-align: center; display: none;
}
ul#mGnb{
  width:100%; height:100%; display: table-cell; vertical-align: middle;
}
ul#mGnb li{
  margin-bottom: 30px;
}
ul#mGnb a{
  color:#fff;
}
ul#mGnb a:hover,ul#mGnb a:focus{
  color:#20accd;
}
.table{
   display: table-cell; vertical-align: middle;
}
.btn_modalClose,.btn_gnbClose{
  display: table-cell; vertical-align:middle; border:solid 1px #fff; background: transparent; width:30px; height:30px; border-radius: 4px;
  background: url("../img/btn_set.png")no-repeat center -122px; position: absolute; right:20%; top:15%;
}
header .container{
  position:relative; z-index: 1000;
}
#main .btn_gnbOpen{
  border-color:#20accd; background-position: center -40px;
}
.btn_gnbOpen{
  border:solid 1px #fff; background:transparent url("../img/btn_open.png")no-repeat; background-position:center -1px; width:40px; height:40px; border-radius:50%; position:absolute; right:10px;
  top:0px; display:none; text-align: center;  -webkit-appearance:none;   -webkit-align-items:center; align-items:center;
}
header nav ul#gnb li{
  text-align: right; float: left; margin-left: 40px; font-size:16px; display: inline-block;
}
header nav ul#gnb li a{
   color:#959595;
}
header nav ul#gnb li a:hover,header nav ul#gnb li a:focus{
  color:#fff;
}
#main header nav ul#gnb li a:hover,#main header nav ul#gnb li a:focus{
  color: #20accd;
}
header nav ul#gnb li:last-child{
  background-color:#20accd; border-radius: 15px; padding:2px 12px; margin-top:-4px; height:16px; line-height: 16px;
}
header nav ul#gnb li:last-child a{
  color:#fff;
}
#main header nav ul#gnb li:last-child a:hover,#main header nav ul#gnb li:last-child a:focus,
header nav ul#gnb li:last-child a:hover,header nav ul#gnb li:last-child a:focus{
  color:#d0d0d0;
}
.btn_top{
  width:34px; height:34px; border-radius: 5px; border:none; background:#a5a5a5 url("../img/btn_set.png")no-repeat center top; box-sizing: border-box;
  position:fixed; right:100px; bottom:100px; opacity:0.8; z-index:100; text-align: center; padding-top:7px;
}
.btn_top:hover,.btn_top:hover:focus{
  opacity:1;
}
#main_content .container h2{
  margin-bottom:20px;
}
#main_content .container{
  padding:60px 0; text-align:center;
}
#main_content p{
  font-size:16px; color:#787878; margin-bottom:40px; line-height:1em;
}
#main_content a{
  width:150px; height:36px; border:solid 1px #37384b; margin-bottom:55px;
  display:inline-block; font-size:14px; line-height: 36px; color:#47484e;
}
#main_content a:hover,#main_content a:focus{
  color:#20accd;
}
#main_content a#whyKlas{
   border-radius:18px 0 0 18px; margin-right:-5px;
}
#main_content a#Ksolution{
   border-radius:0 18px 18px 0; border-left:0px;
}
#img_wrap{
 position:relative; margin:0 auto; width:100%; height:540px;
}
.container  #img_wrap>img{
  opacity:0; transform:scale(0.8); transition:transform 3s ease 0.5s,opacity 2.5s ease 0.2s;
}
.container #img_wrap>img.action{
  transform:scale(1); opacity:1;
}
#img_wrap>img:nth-child(1){
  position:absolute; left:50%;  margin-left:-405px; top:0px; z-index: 3;
}
#img_wrap>img:nth-child(2){
  position:absolute; left:50%;  margin-left:-336px; top:106px; z-index: 4;
}
#img_wrap>img:nth-child(3){
  position:absolute; left:50%;  margin-left:220px; top:358px; z-index: 5;
}
#img_wrap>img:nth-child(4){
  position:absolute; left:50%;  margin-left:-432px; top:247px; z-index: 2;
}
#img_wrap>img:nth-child(5){
  position:absolute; left:50%;  margin-left:380px; top:46px; z-index: 4;
}
#img_wrap .spot_wrap{
  position:relative; width:100%; height:100%; display:none;
}
#img_wrap .spot_wrap .hot_spot{
  z-index: 10; animation:fadeIn 3s ease 0s;
}
#img_wrap .spot_wrap .hot_spot:nth-child(1){
  left:24%; top:36%;
}
#img_wrap .spot_wrap .hot_spot:nth-child(2){
  left:47%; top:36%;
}
#img_wrap .spot_wrap .hot_spot:nth-child(3){
  left:68%; top:23%;
}
#img_wrap .spot_wrap .hot_spot:nth-child(4){
  left:75%; top:30%;
}
#core_content{
  background-color:#fff; text-align:center;
}
#core_content .container{
  padding:50px 0; width:95%;
}
.core_list li:before{
  width:86px; height:85px; border-radius:20px; content:""; display: inline-block;
}
.core_list li:nth-child(1):before{
  background:#7a7a7a url("../img/main_core_icon1.png")no-repeat center ;
}
.core_list li:nth-child(2):before{
  background:#00c6e8 url("../img/main_core_icon2.png")no-repeat center ;
}
.core_list li:nth-child(3):before{
  background:#7a7a7a url("../img/main_core_icon3.png")no-repeat center ;
}
.core_list li:nth-child(4):before{
  background:#00c6e8 url("../img/main_core_icon4.png")no-repeat center ;
}
.core_list{
  width:100%;
}
.core_list li{
  float:left; width:24.25%; margin-left:1%;
}
.core_list li:first-child{
  margin-left:0px;
}
.core_list li .title{
  font-size:16px;  color:#5d5d5d; margin:16px 0 30px;
}
.core_list li .txt_box{
  font-size:13px; color:#adadad; line-height:1.3em; margin-bottom:50px;
}
.txt_box p{
  padding:1px 0 1px;
}
.txt_box p span{
  font-size:12px;
}
#features_content{
  background:url("../img/main_bg1.jpg")no-repeat fixed center/100%;
}
#features_content .container{
  padding:90px 0;
}
#features_content .klas_screenBg{
   width:492px; height:405px; display:inline-block;
   float:left; margin-top:4px; background:url("../img/main_feat_monitor.png")no-repeat center;
   position:relative;
}
.klas_screen{
  width:462px; height: 272px; position:absolute; left:15px; top:16px; overflow: hidden;
}
.klas_screen img{
  position:absolute; left:0px; top:0px; display:none;
}
#features_content article{
  width:600px; float:right;
}
#features_content article>h2.title{
  font-size:24px; color:#3b3b3b; margin-bottom:45px; line-height: 24px;
}
#features_content article>p.txt{
  font-size:14px; color:#7a7a7a; margin-bottom:10px;
}
#features_content article ul{
  width:100%;
}
#features_content article ul li{
  width:45%; float:left; margin-bottom:40px;
}
#features_content article ul li:nth-child(odd){
  margin-right:5%;
}
article ul li img{
    float:left; margin-left:10px;
}
article ul li img:first-child{
    margin-left:0;
}
article ul li figure img{
   float:inherit;
}
article ul li div.features{
  float:right; width:55%;
}
article ul li h3.title{
  font-size:18px; color:#454545;inherit;
}
article ul li p.txt:before{
  width:75px; height:1px; background-color:#20a8c9; content:""; display: block; margin:8px 0 12px;
}
article .features .txt{
  min-height:74px;
}
article ul li p.txt{
  font-size:13px; color:#989898;
}
.view{
  border:none; background:transparent; padding:0px;
}
#features_content .view{
  color:#20a8c9; margin-top:10px; height:25px;
}
#platform_content{
  background:#fff;
}
#platform_content .container{
  padding:60px 0;
}
#platform_content article{
  float:left; width:50%; padding:0 50px; box-sizing: border-box;
}
#platform_content .sub_title{
  font-size:16px; color:#6b6b6b; margin-bottom:20px; line-height: 1.3em;
}
#platform_content p.txt{
  font-size:14px; color:#8f8f8f; margin-bottom:20px;
}
#platform_content p.txt:before{
  width:100%; height:1px; content:""; display:block; margin-bottom:20px; background-color:#d1d1d1;
}
#platform_content .title{
  font-size:24px; color:#20a8c9; margin-bottom:32px; line-height:26px;
}
a.btn_moreThan{
display:block; width:176px; height:44px; border-radius:5px; background:#a5a5a5 url("../img/btn_more_icon1.png")no-repeat 142px ;
padding:14px 0 0 30px; box-sizing: border-box; position: relative; color: #fff; opacity:0.9; font-size:14px;
}
a.btn_moreThan:hover,a.btn_moreThan:focus {
opacity: 1
}
a.btn_moreThan:after{
width:50px; height:44px; content:""; display:block; position:absolute; right:0px; top:0px; z-index: 10; border-radius: 0 5px 5px 0;
background:#6f6f6f url("../img/btn_set.png")no-repeat center -78px;
}
#platform_content img{
  float:right;
}
#kcms_content{
  padding:60px 0 100px; text-align:center;
}
#kcms_content h2{
  margin-bottom:14px;
}
#kcms_content .txt{
  font-size:14px; color:#ffc709; margin-bottom:55px;
}
.kcms_list{
  width:100%;
}
.kcms_list li{
  width:23.5%; height:280px; margin-left:2%; float:left;  position:relative; background-color:#ffc709;
  background-repeat:no-repeat; background-position:center 15px;
}
.kcms_list li:first-child{
  margin-left:0; background-image:url("../img/main_kcms_icon1.png");
}
.kcms_list li:nth-child(3){
  background-image:url("../img/main_kcms_icon3.png");
}
.kcms_list li:nth-child(4){
  background-image:url("../img/main_kcms_icon4.png");
}
.kcms_list li .txt_box{
  padding:130px 50px 2px; width:100%; height:230px; box-sizing:border-box; line-height: 1em;
}
.kcms_list li:nth-child(2) .txt_box{
  background:url("../img/main_kcms_bg2.jpg")no-repeat center/cover;
}
.kcms_list li:nth-child(1):hover .txt_box{
  background:url("../img/main_kcms_bg1.jpg")no-repeat center/cover;
}
.kcms_list li:nth-child(3):hover .txt_box{
  background:url("../img/main_kcms_bg3.jpg")no-repeat center/cover;
}
.kcms_list li:nth-child(4):hover .txt_box{
  background:url("../img/main_kcms_bg4.jpg")no-repeat center/cover;
}
.kcms_list li:nth-child(2) .txt_box,.kcms_list li:hover .txt_box{
   padding:80px 50px 2px;
}
#kcms_content .kcms_list li:nth-child(2) .txt_box p.txt, #kcms_content .kcms_list li:hover .txt_box p.txt{
  color:rgba(255,255,255,0.6);
}
#kcms_content .kcms_list li:nth-child(2) .txt_box h3,#kcms_content .kcms_list li:hover .txt_box h3{
  color:#fff; margin-bottom:30px;
}
#kcms_content .txt_box p.txt{
  color:rgba(118,107,71,0.7); font-size:12px;
}
#kcms_content h3{
  margin-bottom:20px; color:#514e42; font-size:18px;
}
#kcms_content a{
 width:100%; height:30px; display:block; position:absolute; bottom:0px; left:0px; font-size:12px; color:#645a3b; opacity:0.8
}
#kcms_content a:hover,#kcms_content a:focus{
  opacity:1;
}
#chaeum_content{
  background:url("../img/main_chaeum_bg.jpg") no-repeat fixed  bottom;
  background-size:100%;
}
#chaeum_content .container{
  padding:70px 20px;
}
#chaeum_content .txt_box{
  width:80%; float:left; margin-bottom:70px;
}
#chaeum_content  h2{
  font-size:36px; margin-bottom:25px;
}
#chaeum_content  h2 span{
  color:#b6b6b6;
}
#chaeum_content .txt_box{
  color:#fff;
}
#chaeum_content .txt{
  opacity:0.9
}
#chaeum_content .btn_moreThan{
  float:right; margin-top:40px; background-color:#efefef; color:#23a2c2;
}
#chaeum_content .btn_moreThan:after{
  background:#c6c6c6 url("../img/btn_set.png")no-repeat center -34px;
}
footer{
  width:100%;  background:#292929 url("../img/pattern_bg.png");
}
footer:after,footer .container{
  content:""; display: block; float: none; clear: both;
}
div#map{
  width:600px; height:250px; display: block; float:right; position:relative; left:0px; top:0px; background-color:#fff;
}
footer .container{
  padding:65px 20px;
}
.footer_info{
  width:350px; display: inline-block; float:left; font-size:12px; margin-bottom: 80px;
}
.footer_info img{
  float:left; margin-right:10px;
}
.footer_info h2{
  height:24px; padding-top:4px; font-size:24px; color:#afafaf;
}
.footer_info h2 span{
  color:#838282;
}
.address{
  margin:35px 0; font-size:13px; color:#f5f4f4;
}
.address span{
  opacity:0.6;
}
.address span.addrNum{
  opacity:0.5;
}
.tel,.tel a{
  color:#b1adad;
}
.tel span{
  color:#23a2c2; margin-right:3px;
}
.copyright{
  color:#909090; margin-top:70px;
}
a[x-apple-data-detectors] {
  color: inherit !important;
}
/*main page end*/
/******************sub page header set***************/
.sub header{
  height:370px; width:100%; position:relative;
}
#sub1 header{
  background:url("../img/sub1_header_bg.jpg") no-repeat fixed center bottom / cover;
}
.sub header:after{
  width:100%; height:100%; background:url("../img/pattern_bg.png"); content:""; display:block;
  position:absolute; left:0px; top:0px;
}
.sub header h2{
  text-align:center; margin-top:100px;
}
.sub header .sub_title{
  color:#fff; font-size:18px; text-align:center; margin-top:10px;
}
#sub1 #gnb li:nth-child(1) a{
  color:#20accd;
}
#sub2 #gnb li:nth-child(2) a{
  color:#20accd;
}
#sub3 #gnb li:nth-child(3) a{
  color:#20accd;
}
/****************sub klas start*******************/
.main_features{
  padding:4% 0;
}
.wrap .title_wrap{
  padding:80px 20px 40px;
}
.wrap .container .title_wrap{
  padding:80px 0 40px;
}
.wrap h2{
 margin:0 0 8px; color:#747474; font-size:30px;
}
.wrap .txt{
  color:#9c9c9c;
}
.wrap .title_wrap:before{
  width:2px; height:46px; background-color:#39a8c6; content:""; display: inline-block; float:left; margin-right:10px;
}
.main_features article{
  width:100%; height:100%;
}
.main_features .text_box{
  float:left;
}
.main_features .full_view{
  float:right; position:relative;
}
.spot_wrap .hot_spot{
  width:19px; height:19px; position:absolute;
}
.spot_wrap .hot_spot .more_caption{
  width:19px; height:19px; border-radius:50%; background:#207c96 url("../img/btn_add.png")no-repeat center top;
  border:none; position:absolute; padding:0; left:0px; top:0px;
}
.spot_wrap .hot_spot .more_caption:hover,
.spot_wrap .hot_spot .more_caption:focus{
  background-color:#2aa1c2;
}
.more_caption:before{
  width:19px; height:19px; content:""; display: inline-block;
  position:absolute; left:50%; top:50%; margin:-10px auto auto -10px; border-radius: 50%;
  -moz-animation:pulsate 4s cubic-bezier(0.2, 1, 0.2, 1)2s infinite;
  -webkit-animation:pulsate 4s cubic-bezier(0.2, 1, 0.2, 1)2s infinite;
  animation:pulsate 4s cubic-bezier(0.2, 1, 0.2, 1)2s infinite;
}
.hot_spot .more_caption .text_box.right{
  right:0; left:auto;
}
.hot_spot .text_box{
  padding:10px; background-color:#fff; border-radius:8px; color: #666666; position:absolute; top:24px;
  box-shadow: 0 0 10px rgba(0,0,0,0.33), 0 0 10px rgba(0,0,0,0.18); display: none; left:0; z-index: 100;
}
.smart_home .spot_wrap .hot_spot:nth-child(1){
  left:1%; top:12%;
}
.smart_home .spot_wrap .hot_spot:nth-child(2){
  left:34%; top:30%;
}
.smart_home .spot_wrap .hot_spot:nth-child(3){
  left:1%; top:38%;
}
.smart_home .spot_wrap .hot_spot:nth-child(4){
  left:60%; top:42%;
}
.smart_home .spot_wrap .hot_spot:nth-child(5){
  left:1%; top:55%;
}
.smart_home .spot_wrap .hot_spot:nth-child(6){
  left:25%; top:57%;
}
.smart_home .spot_wrap .hot_spot:nth-child(7){
  left:1%; top:68%;
}
.smart_home .spot_wrap .hot_spot:nth-child(8){
  left:85%; top:18%;
}
.smart_home .spot_wrap .hot_spot:nth-child(9){
  left:60%; top:24%;
}
.smart_home .spot_wrap .hot_spot:nth-child(10){
  left:90%; top:30%;
}
.smart_home .spot_wrap .hot_spot:nth-child(11){
  left:78%; top:58%;
}
.smart_home .spot_wrap .hot_spot:nth-child(12){
  left:62%; top:58%;
}
.smart_home .spot_wrap .hot_spot:nth-child(13){
  left:89%; top:68%;
}
.main_features h3{
  font-size:24px; color:#20accd; margin-bottom:20px;
}
.main_features .sub_title{
  font-size:14px; color:#6d6d6d; margin-bottom:10px;
}
.main_features article .txt{
  font-size:13px; color:#929292;
}
.main_features div.txt{
  margin-bottom:60px;
}
.main_features div.txt p:before{
  content:""; display: inline-block; width:3px; height:3px; border-radius:50%; background-color:#b3b3b3;
  margin: 0 6px 2px 0; vertical-align:middle;
}
.main_features h4{
  font-size:16px; color:#30accc; margin-bottom:15px;
}
.strong_point{
  float:left; width:40%;
}
.point_img{
  margin-top:12px; width:490px; height:170px; background:#f3f3f3 url("../img/sub1_content1_point.png")no-repeat center;
}
#content2{
  background-color:#e3e3e3;
}
.main_features .loan_return .text_box.text{
  float:right; width:40%; padding-right:15px;
}
.main_features .loan_return .full_view{
  float:left;
}
.loan_return .spot_wrap .hot_spot:nth-child(1){
  left:1%; top:16%;
}
.loan_return .spot_wrap .hot_spot:nth-child(2){
  left:1%; top:26%;
}
.loan_return .spot_wrap .hot_spot:nth-child(3){
  left:1%; top:40%;
}
.loan_return .spot_wrap .hot_spot:nth-child(4){
  left:1%; top:48%;
}
.loan_return .spot_wrap .hot_spot:nth-child(5){
  left:1%; top:71%;
}
.loan_return .spot_wrap .hot_spot:nth-child(6){
  left:86%; top:15%;
}
.loan_return .spot_wrap .hot_spot:nth-child(7){
  left:86%; top:37%;
}
.loan_return .spot_wrap .hot_spot:nth-child(8){
  left:86%; top:58%;
}
.loan_return .spot_wrap .hot_spot:nth-child(9){
  left:86%; top:68%;
}
.loan_return .strong_point{
  float:right; padding-right:15px;
}
.loan_return .point_img{
  background-image:url("../img/sub1_content2_point.png");
}
.organize .point_img{
  height:250px; background:transparent url("../img/sub1_content3_point.png")no-repeat ;
}
#content4{
  background:url("../img/sub1_content4_bg.jpg")no-repeat center/cover; position:relative; display:block;
}
#content4 .container{
  overflow: hidden;  height:760px;
}
.besides button.prev_next{
  background-color:transparent; border:solid 1px #fff; border-radius:5px;  position:absolute;  top:50%; margin-top:-53px;
  width:45px; height:100px; padding:20px; z-index: 100;
}
.besides #btn_prev{
  left:100px; background:url("../img/btn_prev.png")no-repeat center;
}
.besides #btn_next{
  right:100px; background:url("../img/btn_next.png")no-repeat center;
}
.besides #btn_prev{
  left:100px;
}
.besides #btn_next{
  right:100px;
}
.besides .features_list .view_img{
  float:left;
}
.besides .features_list .text_box{
  float:right; min-width:360px;
}
.list_wrap{
  width:100%; height:100%;
}
.features_list{
  position:relative; left:0px; top:0px;
}
.features_list li{
  width:100%; float:left; padding:124px 50px; box-sizing:border-box; position:absolute; left:0px; top:0px;
}
.features_list li h3{
  float:left;  margin-right:20px; color:#fff;
}
.features_list li p.sub_title{
  color:#1bb0d1; font-size:16px;
}
.features_list li p{
  color:rgba(240,240,240,0.9);
}
.features_list li .txt{
  clear:both;
}
.besides .dot_list{
  text-align:center; position:absolute; bottom:20px; left:50%; margin-left:-52px;
}
.besides button.dot{
  background-color:rgba(255,255,255,0.5); width:16px; height:16px; border-radius:8px; border:none; margin-right:10px;
}
.besides button.dot.select{
  width:32px; background-color:rgba(255,255,255,0.9);
}
.besides button.dot:hover{
  background-color:rgba(255,255,255,0.9);
}
.besides button.dot:last-child{
  margin-right:0px;
}
/*sub klas end*/
/***********************sub ksolution start******************/
#sub2 header{
  background:url("../img/sub2_header_bg.jpg")no-repeat fixed center/cover;
}
#sub2 .wrap .title_wrap:before{
  height:56px;
}
#sub2 #kcms .title_wrap:before{
  height:68px;
}
#sub2 .wrap .title_wrap p{
  line-height: 14px;
}
figcaption p.sub_title{
  font-size:15px; color:#686868;
}
figcaption .txt span{
  color:#bdbebf;
}
.platform article{
  margin-bottom:100px;
}
#ksolution{
  padding-bottom:100px;
}
#ksolution p.txt:before{
  display: none;
}
.aid_img{
  width:50%; float:left;
}
.platform_list{
  width:50%; float: right;position:relative;
}
.platform_list h3{
  width:100%;  background-color:#f9f9f9; border:solid 1px #eceff7; border-bottom:none;
  position:relative;
}
.platform_list li:last-child h3{
  border-bottom:solid 1px #eceff7;
}
.platform_list h3 button{
  width:100%;  padding:10px 60px;  box-sizing: border-box; text-align: left; background-color:transparent; border:none; color:#8a8a8a; font-size:16px;
}
.platform_list div.txt_box{
  padding:10px 60px; border-left:solid 1px #eceff7; border-right:solid 1px #eceff7; display: none;
}
.platform_list li:last-child div.txt_box{
  border-bottom:solid 1px #eceff7;
}
.platform_list h3 .btn_add.select:after{
  display: none;
}
.platform_list h3 .btn_add.select:before{
  background-color:#fff;
}
.platform_list h3 .btn_add:before{
  content: ' ';  top: 21px; left: 25px; width: 13px;height: 3px; position:absolute; background-color:#23a2c2; display: inline-block;
}
.platform_list h3 .btn_add:after{
  content: ' ';  top: 16px;left: 30px; width: 3px;height: 13px; position:absolute; background-color:#23a2c2;
}
#kcms{
  background-color:#fdb813; padding-bottom:100px;
}
#kcms h2{
  color:#fff;
}
#kcms .title_wrap{
  float:left; width:60%;
}
#kcms .aid_img{
  float:left; width:100%; position:relative; margin-bottom:150px;
}
#kcms .aid_img:after{
  background:url("../img/sub2_kcms_monitor.png")no-repeat right; content:""; display:inline-block;
  width:100%; height:320px; position:absolute; right:0px; top:-100px;
}
#kcms_list{
  width:100%; position:relative;
}
#kcms_list li{
  width:calc(50% - 1px); height:466px; margin:1px 1px 0 0; background-color:#fafafa; float:left; position:relative;
  padding:50px; box-sizing:border-box;
}
#kcms_list li:nth-child(even){
  margin-right:0;
}
#kcms_list .txt_box{
  min-height:200px;
}
#kcms_list h3{
  font-size:20px; color:#58585b; margin-bottom:20px;
}
#kcms_list .sub_title{
  font-size:14px; color: #fdb813; margin-bottom:10px;
}
#kcms_list .txt:before{
  width:3px; height:3px; background-color:#a3a2a2;
  border-radius:50%; display: inline-block; vertical-align: center; margin:0 6px 2px 0;
}
#kcms_list .btn_view{
  border:none; background:transparent; display:inline-block; text-align: center;
}
.kcmsImg_wrap{
    text-align: center;  display: none; margin-left:-600px; width: 1200px;left: 50%; position:fixed; top:30%;z-index:10000;
}
.modal_bg{
    width:100%; height:100vh; background-color:rgba(0,0,0,0.8); position:fixed; left:0px; top:0px; z-index: 1000; display:none;
}
.btn_modalClose{
    display:none; z-index: 10000; position:fixed;
}
/*sub ksolution end*/
/********************sub chaeum start*******************/
#sub3 header{
  background:url("../img/sub3_header_bg.jpg")no-repeat fixed center/cover;
}
#sub3 header h2{
  font-size:40px; color:#fff; margin-top:140px;
}
#sub3 .wrap h2 img{
  margin-right:5px; float:left;
}
#sub3.title_wrap .sub_title{
  clear:both;
}
#sub3 .wrap .sub_title{
  color:#9c9c9c; font-size:13px;
 }
#sub3 .wrap h2{
  font-size:24px; margin-bottom:10px;
}
#sub3 .wrap .title_wrap:before{
 margin-top:-2px;
}
#sub3 .wrap h2 span{
  color:#adafb1; font-size:22px;
}
.chaeum_about{
  background-color:#fafafa;
}
#sub3 .title_wrap{
  padding-bottom:30px;
}
#sub3 .txt{
  color:#878787; font-size:14px; margin-bottom:60px;
}
#chaeum{
  margin-bottom:80px;
}
#chaeum ul{
  width:100%; border:solid 1px #d8d8d8;
}
#chaeum ul li{
  width:100%; height:220px; border-bottom:solid 1px #d8d8d8;
}
#chaeum ul li:last-child{
  border-bottom:none;
}
#chaeum ul li div{
  float:left;
}
#chaeum ul li div.title{
  width:25%; height:100%; text-align:center; padding:50px; box-sizing: border-box;
  background:url("../img/pattern_bg_grey.png");
}
#chaeum ul li div.title:before{
  content:""; display: block; height:74px;  text-align: center;
}
#chaeum ul li:nth-child(1) div.title:before{
  background:url("../img/sub3_iconSet.png")no-repeat center bottom;
}
#chaeum ul li:nth-child(2) div.title:before{
  background:url("../img/sub3_iconSet.png")no-repeat center -74px;
}
#chaeum ul li:nth-child(3) div.title:before{
  background:url("../img/sub3_iconSet.png")no-repeat center top;
}
#chaeum .txt_box{
  padding:30px; box-sizing:border-box; height:100%; width:75%;
}
#chaeum p.txt:before{
  width:3px; height:3px; border-radius:50%; background-color:#b3b3b3;
  margin: 0 6px 2px 0; vertical-align:middle; display: inline-block;
}
#chaeum p.txt{
  font-size:13px; color:#9c9c9c; margin-bottom:0px; padding:1px 0;
}
#bussiness .txt:before{
  display: none;
}
.bussiness_partner{
  padding:50px 0;
}
.bussiness_partner h3{
  font-size:18px; color:#6b6b6b;
}
.partner_list li:before{
  content:""; display: block; width:100px; height:1px; background-color:#e2e2e2; margin:80px 0 30px;
}
.partner_list li:nth-child(1):before{
  margin-top:40px;
}
.partner_list li:nth-child(3):before{
  width:130px;
}
.partner_list li:nth-child(1) h4{
  color:#009ee1;
}
.partner_list li:nth-child(1) h4:nth-child(1):before{
  content:""; display: inline-block;
}
.partner_list li:nth-child(2) h4{
  color:#fcaf17;
}
.partner_list li:nth-child(3) h4{
  color:#79797b;
}
#bussiness .txt{
  font-size:13px; margin:10px 0 20px;
}
#bussiness .new_txt:before{
  content:"new"; display: inline-block; margin-right:5px; background-color:#1bb0d1; padding:2px 6px;
   border-radius:4px; color:#fff;
}
#bussiness .new_txt{
  font-size:14px; color:#69697b
}
/*chaeum page end*/
/***********animation setting***********/
@keyframes pulsate {
  100%{
    background-color:#207c96;
    opacity: 0;
    transform:scale(2.5);
  }
  0%{
    background-color:#207c96;
    opacity: 0.7;
    transform:scale(1);
  }
}
@keyframes fadeIn{
  100%{
    opacity:1;
  }
  70%{
    opacity:0;
  }
  0%{
    opacity:0;
  }
}
/************media screen*************/
@media screen and (max-width:1500px) {
  .btn_top{
    right:20px;
  }
  .besides button.prev_next{
    width:30px; height:78px;
  }
  .besides #btn_prev{
    background-size:50%; left:50px;  
  }
  .besides #btn_next{
    background-size:50%; right:50px;
  }
  .besides .features_list li{
    padding:124px 100px;
  }
  #chaeum_content{
    background-size:cover; background-position: center;
  }
  #features_content {
    background-size:cover;
  }
}
@media screen and (max-width:1280px) {
  .container{
    width:98%; padding:0 20px; box-sizing: border-box; display: inline-block;
  }
  #features_content article{
    clear:both; float:none; margin: auto;
  }
  #features_content .klas_screenBg{
    left:50%; margin-left:-246px;
  }
  #features_content article ul li{
    width:21.25%;
  }
  #features_content article ul li{
    margin-right: 5%;
  }
  #features_content article ul li:last-child{
    margin-right:0;
  }
  #features_content article{
    width:98%;
  }
  #features_content .klas_screenBg{
    float:none; margin-bottom: 50px;
  }
  #img_wrap{
    width:98%;
  }
  .strong_point{
    float:none; clear: both; width:490px;
  }
  article ul li .view_img img{
    width:550px;
  }
}
@media screen and (max-width:1200px) {
  article ul li .view_img img{
    width:430px;
  }
  #content4 .container{
    height:600px;
  }
  .main_features .loan_return .text_box.text{
    width:auto;
  }
  .full_view{
    margin-bottom: 30px;
  }
  .footer_info{
    width:320px;
  }
  .main_features .full_view,.full_view img{
    width:650px;
  }
  #kcms_list li{
    width:100%;  height:auto;
  }
  #kcms_list .txt_box{
    float:left; max-width:50%; margin-right:50px;
  }
  #kcms_list .btn_wrap{
    float:right;  margin-top:15px;
  }
  #kcms_list .btn_view{
    float:left;
  }
}
@media screen and (max-width:1030px) {
    #platform_content article{
      width:45%; padding-left:20px;
    }
    #platform_content img{
      float:none;
    }
    .besides .features_list li:after{
      content:""; display: block; float:left; clear:both;
    }
    .besides .features_list .text_box,article ul li .view_img img{
      float:none; clear:both;
    }
    .map{
      width:500px;
    }
    .platform article{
      margin-bottom:0;
    }
    .aid_img,.platform_list{
      float:none; margin: 0 auto; width:532px;
    }
    .aid_img{
      margin-bottom:30px;
    }
    #kcms_list .btn_wrap,  #kcms_list .txt_box{
      float:none;  clear:both; display: table; margin-right:0;
    }
    #kcms_list .txt_box{
      max-width:100%;
    }
    .main_features .full_view,.full_view img{
      width:550px;
    }
    .loan_return .strong_point{
      float:none;
    }
    .core_list li{
      width:48.5%;
    }
    .kcmsImg_wrap{
        width:98%; margin-left:-49%;
    }
    .btn_modalClose{
        top:10px; right:10%;
    }
    #features_content article ul li{
      width:45%;
    }
    .kcms_list li{
      width:48%; margin-bottom:2%;
    }
    .kcms_list li:nth-child(odd){
      margin-left:0;
    }
    #kcms_content{
      padding-bottom:50px;
    }
    div#map{
      width:500px; height:250px;
    }
}
@media screen and (max-width:990px) {
  #gnb{
    display:none;
  }
  .btn_gnbOpen{
    display: block;
  }
  #img_wrap{
    height:450px;
  }
  #img_wrap img{
    display: none;
  }
  #img_wrap img:first-child{
    display:block; width:88%; margin-left:-44%;
  }
  #chaeum_content .txt_box{
    width:98%; float:none; margin-bottom:20px;
  }
  #chaeum_content .btn_moreThan{
    float:none;
  }
  .main_features .loan_return .text_box.text,
  .loan_return .strong_point{
    float:left;
  }
  .main_features .loan_return .full_view{
    float:right;
  }
  .besides .features_list .text_box,
  .besides .features_list .view_img{
    float:none; clear:both; display:table; margin:0 auto;
  }
  #platform_content img{
    width:54%;
  }
  article ul li .view_img img{
    margin-bottom: 30px;
  }
  .besides .features_list li{
    padding:30px 0;
  }
  .main_features .full_view,.full_view img{
    width:500px;
  }
  .strong_point{
    width:55%;
  }
  #kcms .title_wrap{
    width:100%;
  }
  #kcms .aid_img{
    margin-bottom:30px;
  }
  #kcms .aid_img:after{
    position:static;
  }
  .besides .dot_list{
    display:none;
  }
  #chaeum ul li{
    height:230px;
  }
  div#map{
    width:400px;
  }
}
@media screen and (max-width:800px) {
  #img_wrap{
    height:400px;
  }
  .core_list li{
    width:100%; float:none; margin-left:0px;
  }
  .main_features .text_box,
  .main_features .full_view,
  .main_features .loan_return .full_view{
    float:none; clear:both;
  }
  #platform_content article{
    width:100%; float:none; margin-bottom: 50px;
  }
  #platform_content img{
    width:auto; padding-left: 20px;
  }
  .besides .dot_list{
    bottom:10px;
  }
  #sub2 .wrap h2{
      font-size:24px;
  }
  #chaeum ul li{
    height:250px;
  }
  #chaeum ul li div.title{
    padding:50px 20px;
  }
  #chaeum .txt_box{
    padding:20px;
  }
  div#map,.footer_info{
    float:none;clear: both;
  }
  div#map{
    width:98%;
  }
  .footer_info{
    margin-bottom: 20px;
  }
}
@media screen and (max-width:600px){
  .btn_top {
    bottom:20px;
  }
  .core_list li .txt_box{
     width:300px; margin:0 auto 50px;
   }
  #img_wrap{
    height:300px;
  }
  #features_content .klas_screenBg{
    display: none;
  }
  #features_content article{
    padding:20px; box-sizing: border-box;
  }
  #features_content article ul li{
    width:98%; float:none; clear:both; padding:20px 0; margin:0px;
  }
  #features_content article ul li:nth-child(odd){
    margin:0;
  }
  article ul li div.features{
    width:75%;
  }
  #features_content .view{
    display: none;
  }
  #platform_content img{
    width:85%;
  }
  .kcms_list li{
     width:100%; float:none; margin:0 0 2%;
   }
  .main_features .full_view,.full_view img{
    width:460px;
  }
  article ul li .view_img img{
    width:300px;
  }
  .besides #btn_next{
    background:rgba(0,0,0,0.5) url("../img/btn_slide.png")no-repeat center top; right:10px;
  }
  .besides #btn_prev{
    background:rgba(0,0,0,0.5) url("../img/btn_slide.png")no-repeat center bottom; left:10px;
  }
  .besides button.prev_next{
     margin-top:-75px;
  }
  .strong_point{
    width:98%;
  }
  .point_img,.organize .point_img{
    width:100%; background-size:contain; height:150px;
  }
  #sub2 .wrap h2{
    font-size:20px; line-height: 22px;
  }
  .aid_img, .platform_list{
    width:100%;
  }
  .aid_img{
    width:98%; height:auto;
  }
  .aid_img img{
    max-width:100%;
  }
  #kcms_list li{
    padding:20px;
  }
  #kcms .aid_img:after{
    display: none;
  }
  article ul li figure img{
      width:85%;
  }
  #chaeum ul li{
  height:auto;
  }
  #chaeum ul li div.title{
    width:100%; height:100%; clear: both;
  }
  #chaeum ul li div{
    float:none;
  }
  #chaeum .txt_box{
    width:100%;
  }
  .address{
    margin:20px 0 ;
  }
  .copyright{
    margin-top:40px;
  }
}
@media screen and (max-width:500px){
  #header h1 img{
    width:85px;
  }
  #main #main_content h2 img{
    width:200px;
  }
  #img_wrap{
    height:250px;
  }
  article ul li div.features,article ul li img{
    float:none; clear:both;
  }
  article ul li div.features{
    width:95%; box-sizing: border-box;
  }
  .main_features .full_view,.full_view img{
    width:360px;
  }
  .main_features{
    padding:10% 0;
  }
  .sub header h2 img{
    width:80%;
  }
  .sub header .sub_title{
    font-size:14px;
  }
  #content4 .container{
    padding:0px;
  }
  #chaeum ul li div.title{
    padding:50px 10px;
  }
  .besides button.prev_next{
    margin-top: -150px;
  }
  #sub3 header h2{
    font-size: 24px;
  }
  #sub3 .wrap h2 span{
    font-size: 14px;
  }
  #sub3 .wrap h2{
    font-size: 16px; height:25px; margin-bottom: 3px;
  }
}
@media screen and (max-width:400px){
  #main_content a{
    width:40%;
  }
  #img_wrap{
    height:200px;
  }
  #kcms_content .txt{
    margin-bottom: 20px;
  }
  .main_features .full_view,.full_view img{
    width:98%;
  }
  article ul li .view_img img{
    width:280px;
  }
  .besides .features_list li{
    padding:20px;
  }
  .sub header .sub_title,#main_content p{
    font-size:12px;
  }
  #sub2 section{
    display: block;
  }
  #kcms .title_wrap{
    float:none;
  }
  footer .container{
    padding:20px;
  }
  .footer_info{
    width:100%;
  }
  .footer_info img{
    float:none; margin:0 0 2% 1.5%;
  }
  .copyright{
    margin-top:50px;
  }
  .footer_info h2{
    font-size:18px;
  }
  #sub3 .wrap h2{
    font-size: 15px;
  }
}