@charset "utf-8";

.main-wrap {background:url('../img/main_head_bg01.png') no-repeat right top;background-size:auto 170px;}
.main-wrap img.visual {display:block;width:100%;}
.main-wrap img.visual-tail {display:block;width:100%;margin-top:-15px;}
.main-wrap .lnk-list {width:80%;margin:30px auto 0;line-height:45px;font-size:18px;font-weight:600;color:#3d8d74;text-align:center;}
.main-wrap .lnk-list > .itm {display:block;margin-top:15px;background-color:#fff;border:1px solid #3b8d73;border-radius:22px;box-shadow: 1px 3px 5px 0px rgba(59,141,115,1);}
.main-wrap .lnk-list > .itm:first-child {margin-top:0;}
.main-wrap .lnk-list > .itm:hover {color:#fff;background:#6ac0b5;-webkit-tap-highlight-color:transparent;background:linear-gradient(0deg,#6ac0b5 0%, #add8ce 80%);background:-webkit-linear-gradient(0deg,#6ac0b5 0%, #add8ce 80%);background:-moz-linear-gradient(0deg,#6ac0b5 0%, #add8ce 80%);}
.main-wrap .lnk-list > .itm > i {display:inline-block;vertical-align:middle;margin:0 3px;font-style:normal;font-size:0.95em;font-weight:500;opacity:0.7;}
.main-wrap .tail {margin-top:20px;line-height:20px;font-size:18px;font-weight:500;color:#666;text-align:center;}
.main-wrap .tail > span {display:inline-block;vertical-align:middle;padding-left:30px;background:url('../img/common_tel01.png') no-repeat left center;background-size:auto 16px;}
.main-wrap .tail > a:visited {color:inherit;}


@media(max-width:375px){
    .main-wrap .lnk-list {line-height:40px;font-size:16px;}
    .main-wrap .tail {line-height:18px;font-size:16px;}
}



/*================================================================================================
 * Tablet & Mobile 공용 : ~ 1023px
 *================================================================================================*/
@media (max-width:1023px) /* (max-width:1025px) */
{
}

/*================================================================================================
 * Tablet : 638px~1023px 해상도에서 해석하는 코드 
 *================================================================================================*/
@media (min-width:638px) and (max-width:1023px) /* (max-width:1025px) */
{   
}

/*================================================================================================
 * Mobile : 637px 이하 해상도에서 해석하는 코드
 *================================================================================================*/
@media(max-width:637px)
{
}

/*================================================================================================
 * Mobile : ~379px 해상도에서 해석하는 코드 (해상도 낮은 Mobile)
 *================================================================================================*/
@media (max-width:379px) /* (max-width:1025px) */
{
}