#visual {font-family: 'Pretendard-Regular';position:relative; overflow:hidden}
#visual:after {display:block;visibility:hidden;clear:both;content:""}
#visual .sop {float:left; padding-top:50px}
#visual h1 {font-family:'Montserrat','Noto Sans KR'; font-size:70px; color:#393535; font-weight:800}
#visual .self h1 span {color:#009b00;}
#visual .kakao h1 span {color:#3c2929;}
#visual h2 {font-size:30px; color:#393535; font-weight:400}
#visual .cp1 {margin:100px 0 30px}
#visual .cp2 {line-height:1.2;}
#visual .cp3 {margin:50px 0;}
#visual .cp3:after {display:block;visibility:hidden;clear:both;content:""}
#visual .cp3 li {float:left; width:100%; text-align:center;}
#visual .cp3 li:last-child{margin-top:20px;}
#visual .kakao li a {display:inline-block; width:100%; padding:20px 0; border-radius:50px; background:#ffd427; box-shadow:1px 1px 5px #ccc; font-size:20px; color:#3c2929; font-weight:600;transition:0.3s ease;}
#visual .kakao li a:hover {background:#ffe681;}
#visual .tel li a {display:inline-block; width:100%; padding:20px 0; border-radius:50px; background:#003956; box-shadow:1px 1px 5px #ccc; font-size:20px; color:#fff; font-weight:500;transition:0.3s ease;}
#visual .tel li a:hover {background:#3787b0;}
#visual .self li a {display:inline-block; width:100%; padding:20px 0; border-radius:50px; background:#009b00; box-shadow:1px 1px 5px #ccc; font-size:20px; color:#fff; font-weight:600;transition:0.3s ease;}
#visual .self li a:hover {background:#393535;}
#visual .cp4:after {display:block;visibility:hidden;clear:both;content:""}
#visual .cp4 li {display:block; margin-bottom:20px; line-height:20px}
#visual .cp4 li:last-child {margin-bottom:0}
#visual .cp4 li img {margin-right:10px; margin-top:-10px}
#visual .cp4 span {font-size:20px; color:#393535; font-weight:600}
#visual .ref {float:right; animation-delay:0.5s}

@media screen and (max-width:1023px){
section#contentWrap #content{padding:0 0 50px 0;}
section#contentWrap #content #contentsArea{margin:0px auto 10px auto;}
}
@media screen and (max-width:1199px) {
#visual {padding:0px 20px}
#visual .sop {text-align:center; float:none; display:block; padding-top:0}
#visual h1 {font-size:4em}
#visual h2 {font-size:2em}
#visual .logo {text-align:center}
#visual .logo img {height:25px; width:auto}
#visual .cp1 {margin:50px 0 10px}
#visual .cp3 {margin:30px 0; padding:0 140px;}
#visual .cp3 img {height:15px; width:auto}
#visual .cp3 li {width:100%; margin-right:5%}
#visual .cp3 li:first-child a {padding:15px 0; font-size:1.25em}
#visual .cp3 li:last-child a {padding:15px 0; font-size:1.25em}
#visual .cp4 {display:none}
#visual .cp4 li {margin-bottom:20px; line-height:auto}
#visual .cp4 li img {margin-right:5px; margin-top:-5px; height:10px; width:auto}
#visual .cp4 span {font-size:1.25em}
#visual .ref {float:none; display:block}
.object{display:flex !important; justify-content:center;}
}


@media screen and (max-width:610px){
  #visual h1{font-size:3.2em;}
  #visual h2{font-size:1.5em;}
  #visual .cp3 li:first-child a {font-size:1.1em}
  #visual .cp3 li:last-child a {font-size:1.1em}
  #visual .cp3{padding:0 50px;}
  
}


@media screen and (max-width:480px){
  #visual h1{font-size:2.8em;}
  .object img{width:90%;}
}