@charset "utf-8";

/* 메인 비쥬얼 */
#main_visual { display:block; overflow:hidden; z-index:10; }

/* 메인 버튼 */
#main_btn { display:block; list-style:none; margin:0 20px 20px; padding:0; overflow:hidden; }
#main_btn li { display:block; float:left; width:23%; margin:1%; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#main_btn li a { display:block; }
#main_btn li a .img { display:block; width:61px; height:61px; margin:25px auto 10px; border-radius:50% 50%; }
#main_btn li:nth-child(1) a .img { background:#e5e8ee url('/m/images/main_btn_icon1.png') no-repeat center 50%; background-size:70%; }
#main_btn li:nth-child(2) a .img { background:#e5e8ee url('/m/images/main_btn_icon2.png') no-repeat center 50%; background-size:50%; }
#main_btn li:nth-child(3) a .img { background:#e5e8ee url('/m/images/main_btn_icon3.png') no-repeat center 50%; background-size:40%; }
#main_btn li:nth-child(4) a .img { background:#e5e8ee url('/m/images/main_btn_icon4.png') no-repeat center 50%; background-size:40%; }
#main_btn li:nth-child(5) a .img { background:#e5e8ee url('/m/images/main_btn_icon5.png') no-repeat center 50%; background-size:70%; }
#main_btn li:nth-child(6) a .img { background:#e5e8ee url('/m/images/main_btn_icon6.png') no-repeat center 50%; background-size:50%; }
#main_btn li:nth-child(7) a .img { background:#e5e8ee url('/m/images/main_btn_icon7.png') no-repeat center 50%; background-size:50%; }
#main_btn li:nth-child(8) a .img { background:#e5e8ee url('/m/images/main_btn_icon8.png') no-repeat center 50%; background-size:60%; }
#main_btn li a .title { font-size:90%; color:#333; font-weight:800; }

/* 메인 계열사 바로가기 */
#main_link { display:block; margin:0 20px 20px; background:#86a6cb url('/m/images/main_link_bg.png') no-repeat right 50%; background-size:contain; overflow:hidden; }
#main_link a { display:block; padding:12px; font-size:87.5%; color:#fff; font-weight:800; text-align:center; }