@charset "utf-8";

.visual {}
.visual > img {display:block;width:100%;}

.banner {padding-top:20px;background-color:#f6f6f6;}
.banner > .wrapper > a {display:block;margin-top:15px;}
.banner > .wrapper > a:first-child {margin-top:0;}
.banner > .wrapper > a > img {display:block;margin:0 auto;max-width:100%;}

.links {padding:20px 0;background-color:#f6f6f6;}
.links > .wrapper > .lst {width:calc(100% + 15px);margin:-15px 0 0 -15px;}
.links > .wrapper > .lst:after {display:block;content:"";clear:both;}
.links > .wrapper > .lst > a {float:left;display:block;height:110px;width:calc((100% - (15px * 2))/2);margin:15px 0 0 15px;padding:15px;line-height:20px;font-size:15px;font-weight:500;color:#5d74e6;border-radius:10px;background:#fff no-repeat left 20px bottom 10px;background-size:auto 35px;box-sizing:border-box;}
.links > .wrapper > .lst > a.t01 {background-image:url('../img/main_list01.png');}
.links > .wrapper > .lst > a.t02 {background-image:url('../img/main_list02.png');}
.links > .wrapper > .lst > a.t03 {background-image:url('../img/main_list03.png');}
.links > .wrapper > .lst > a.t04 {background-image:url('../img/main_list04.png');}
.links > .wrapper > .lst > a.t05 {background-image:url('../img/main_list05.png');}
.links > .wrapper > .lst > a.t06 {background-image:url('../img/main_list06.png');}

/*================================================================================================
 * 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) */
{
}