@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css);

.smart_01 {
  line-height: 19px;
    font-weight: 800;
    display: block;
    width: 100%;
    color: #333;
    font-family: 'NanumSquare', sans-serif;
}
.smart_pro{
  width:100%;
  height:80px;
  box-sizing:border-box;
  border-top:4px solid #063c7c;
  border-bottom:4px solid #063c7c;
  margin-top:10px;
  background-image: url(../img/sub/smart_img01.png);
  background-repeat: no-repeat;
  background-position:  center center;
  background-size: contain;
}
.smart_pro>img {
  width:100%;
  height:auto;
}
.smart_02 {
  margin-top:25px;
  margin-bottom:5px;
    font-weight: 800;
    color: #333;
    font-size: 16px;
    font-family: 'NanumSquare', sans-serif;
}
.smart_pro02 {
  width:100%;
  overflow:hidden;
  background-color:#213256;
}
.smart_pro02>li {
  float:left;
  width:25%;
  text-align:center;
}
.smart_pro02>li>img {
  width:90%;
  height:auto;
}
.pro02_title {
  color:#fff;
  display: block;
  width:100%;
  text-align: center;
  font-size:20px;
  margin-top:10px;
  margin-bottom:10px;
}
.pro02_txt {
  margin:10px 0;
  font-weight: 400;
  color: #fff;
  font-size: 12px;
  font-family: 'NanumSquare', sans-serif;
}
.pro02_txt02 {
  display: block;
  width:90%;
  font-weight: 400;
  color: #a2acc2;
  font-size: 11px;
  font-family: 'NanumSquare', sans-serif;
  line-height: 16px;
  margin-bottom:10px;
}
.smart_cancer {
  width:100%;
border: 1px solid #ddd;
padding:10px;
box-sizing: border-box;
overflow:hidden;
}
.smart_cancer>li {
  float:left;
  width:23%;
  margin:10px 0 10px 1.5%;
}
.smart_cancer>li>div {
  width:100%;
  height:100%;
  border-radius:50%;
  background:#b0b0b0;
  text-align:center;
  padding:7.5%;
  box-sizing: border-box;

}
.smart_cancer>li>div>img {
  width:90%;
  height: auto;
}
.smart_cancer>li>p {
  text-align:center;
  width:100%;
  margin-top:10px;
  font-size: 15px;
  font-weight:600;
  color:#636363;
  font-family: 'NanumSquare', sans-serif;
}
.smart_patent {
  width:100%;
  border: 1px solid #ddd;
  padding:10px;
  box-sizing: border-box;
  overflow:hidden;
}
.smart_patent>li {
  float:left;
  width:23.5%;
  margin-right:2%;
  text-align:center;
}
.smart_patent>li:last-child {
  margin-right:0;
}
.smart_patent>li>div {
  border:1px solid #ddd;
  width:100%;
}
.smart_patent>li>div>img {
  width:100%;
  height:auto;
}
.smart_patent>li>p {
  width:100%;
  padding:5%;
box-sizing: border-box;
font-size: 13px;
font-weight:500;
color:#333;
line-height:18px;
}

.smart_faq {
  width:100%;
}
.smart_faq>h3 {
  background:#2e426c;
  font-size:13px;
  width:100%;
  height:30px;;
  margin-bottom:1px;
  font-weight:400;
box-sizing: border-box;
padding-top:8px;
text-indent:20px;
color:#fff;
list-style-type: square;
}
.smart_faq>div {
  width:100%;
  padding:2%;
  height:auto;
  line-height: 18px;
  font-size: 13px;
  font-weight:600;
  color:#636363;
  font-family: 'NanumSquare', sans-serif;
border: 1px solid #ddd;
box-sizing: border-box;
}
.smart_sample {
  width:100%;
  height:auto;
}
.smart_sample>ul {
  overflow:hidden;
  width:100%;
}
.smart_sample>ul>li {
  float:left;
  width:20%;
  height:30px;
  /*border:1px solid #ddd;*/
  text-align:center;
  margin-right:1px;
  box-sizing: border-box;
}
.smart_tab {
  width:100%;
  height:auto;
  border:1px solid #ddd;
 box-sizing: border-box;
 padding:2%;
}
.smart_tab02 {
  width:100%;
  height:auto;
  border:1px solid #ddd;
 box-sizing: border-box;
 padding:2%;
}
.smart_sample>ul>li>a {
  width:100%;
  font-size:13px;
  font-weight:500;
  /*color:#000;*/
  display: block;
  padding-top:7px;
  height:30px;
  /*background: #ddd;*/
  /*border-radius: 10px 10px 0 0;*/

}
.smart_tab>img {
  width:100%;
  height:auto;
}
.smart_tab02>img {

  display: inline-block;
  width:100%;
  height:auto;
  
 
}

#accordion>div {display:none;}
#accordion .faq1 {display:block;}

/*진행바*/
.progress_bar {width:100%; display:inline-block; vertical-align:middle; position:relative; margin-bottom:30px;}
.progress_bar > ul {padding:10px 0;}
.progress_bar > ul > li {width:25%; float:left; position:relative;}
.progress_bar > ul > li::after {content:''; display:block; width:100%; height:1px; background:#426190; position:absolute; left:50%; bottom:50%; z-index:10;}
.progress_bar > ul > li:last-child::after {display:none;}
.progress_bar > ul > li > span {display:inline-block; width:20px; height:20px; background:#426190; border-radius:50%; position:relative; z-index:100;}
.progress_bar > ul > li.on > span::after {content:''; display:block; width:28px; height:28px; position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px;  border:1px solid #24355d; border-radius:50%;}
.progress_bar > ul > li.on > span {background:#24355d;}

@media all and (max-width:639px) {
  .smart_pro {
  height: 70px;

  }
  .smart_pro02 {
    padding:2%;
    box-sizing: border-box;
  }
  .smart_pro02>li {
    width:48%;
    height:300px;
  }
  .smart_pro02>li:nth-child(1),.smart_pro02>li:nth-child(2) {
    border-bottom: 1px solid #334879;
  }
  .smart_cancer>li{
    width:25%;
    margin-bottom:10px;
    margin-left:0;
    padding-right:2%;
    padding-bottom: 10px;
  }

  .smart_cancer>li:nth-child(1),.smart_cancer>li:nth-child(2),.smart_cancer>li:nth-child(3),.smart_cancer>li:nth-child(4) {
    border-bottom:1px solid #ddd;
  }
  .smart_sample>ul>li {
    width:32.9%
  }
}