@charset "utf-8";

.sub-tab02{text-align:center; font-size:0;}
.sub-tab02 div{display:inline;}
.sub-tab02 div a{width:100%; font-size:24px;font-weight:700; padding:26px 40px; border-bottom:5px solid #ddd; position:relative;}
.sub-tab02 div a:hover,
.sub-tab02 div.curr a{color:#005baa; border-bottom:5px solid #005baa;}
.sub-tab02 div a:after{width:5px; height:5px; top:40px; left:0px; background:#ccc; border-radius:100%; content:""; display:block; position:absolute;}
.sub-tab02 div:first-child a:after{width:0;}


/*
.as-section{background:#f8f8f8; padding:0 0 100px;}
.as-section .as{}
.as-section .as:after{clear:both; display:block; content:"";}
.as-section .as li{float:left; width:22%; height:360px; margin-bottom:30px;}
.as-section .as li.arrow{width:4%;position:relative;}
.as-section .as li.arrow i{width:100%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute; text-align:center; font-size:28px; color:#525252;}
.as-section .as li .box{height:360px; border:1px solid #25bab1; border-radius:20px; background:#fff; padding:40px;position:relative; box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.as-section .as li .box h3{color:#25bab1; font-size:20px; font-weight:900; border-bottom:1px solid #dedede; padding-bottom:20px;}
.as-section .as li .box h1{font-size:24px; font-weight:800; margin:30px 0 20px;}
.as-section .as li .box p{font-size:18px;}
.as-section .as li .box span{position:absolute; right:40px; bottom:40px;}
.as-section .as li .box span img{height:60px;}

.sub-tab02 {text-align:center; font-size:0;}
.sub-tab02 div {display:inline;}
.sub-tab02 div a {width:100%; font-size:24px; font-weight:700; padding:26px 40px; border-bottom:5px solid #ddd; position:relative;}
.sub-tab02 div a:hover,
.sub-tab02 div.curr a {color:#005baa; border-bottom:5px solid #005baa;}
.sub-tab02 div a:after {width:5px; height:5px; top:40px; left:0px; background:#ccc; border-radius:100%; content:""; display:block; position:absolute;}
.sub-tab02 div:first-child a:after {width:0;}

/* 태블릿 (1024px 이하) *
@media screen and (max-width:1024px) {
  .sub-tab02 div a {font-size:20px; padding:20px 30px;}
  .sub-tab02 div a:after {top:32px;}
}

/* 모바일 (768px 이하) *
@media screen and (max-width:768px) {
  .sub-tab02 {text-align:left;}
  .sub-tab02 div {display:block; margin-bottom:10px;}
  .sub-tab02 div a {display:block; font-size:18px; padding:15px 20px; border-bottom:2px solid #ddd;}
  .sub-tab02 div a:hover,
  .sub-tab02 div.curr a {border-bottom:2px solid #005baa;}
  .sub-tab02 div a:after {display:none;} /* 모바일에서는 점 제거 */
}
*/
.page-tit .tab-area{margin-top:50px;}

.as-section {background:#f8f8f8; padding:0 0 100px;}
.as-section .as {}
.as-section .as:after {clear:both; display:block; content:"";}
.as-section .as li {float:left; width:22%; height:360px; margin-bottom:30px;}
.as-section .as li.arrow {width:4%; position:relative;}
.as-section .as li.arrow i {width:100%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute; text-align:center; font-size:28px; color:#525252;}
.as-section .as li .box {height:360px; border:1px solid #25bab1; border-radius:20px; background:#fff; padding:40px; position:relative; box-shadow:rgba(99,99,99,0.2) 0px 2px 8px 0px;}
.as-section .as li .box h3 {color:#25bab1; font-size:20px; font-weight:900; border-bottom:1px solid #dedede; padding-bottom:20px;}
.as-section .as li .box h1 {font-size:24px; font-weight:800; margin:30px 0 20px;}
.as-section .as li .box p {font-size:18px;}
.as-section .as li .box span {position:absolute; right:40px; bottom:40px;}
.as-section .as li .box span img {height:60px;}

/* 태블릿 (가로 1024px 이하) */
@media screen and (max-width:1024px) {
  .as-section .as li {width:46%; margin:2%; height:auto;}
  .as-section .as li.arrow {display:none;}
  .as-section .as li .box {height:auto; padding:30px;}
  .as-section .as li .box h1 {font-size:22px; margin:20px 0 15px;}
  .as-section .as li .box p {font-size:16px;}
}

/* 모바일 (가로 768px 이하) */
@media screen and (max-width:768px) {
  .as-section .as li {width:100%; margin:0 0 20px; float:none;}
  .as-section .as li.arrow {display:none;}
  .as-section .as li .box {padding:20px;}
  .as-section .as li .box h3 {font-size:18px;}
  .as-section .as li .box h1 {font-size:20px;}
  .as-section .as li .box p {font-size:15px;}
  .as-section .as li .box span img {height:50px;}
}

.claim-section{padding:0 0 100px;}
.claim-section p{text-align:center;}
.claim-section p img{width:80%;}