@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap');

/* Tag */
*{ padding:0; margin: 0px;}
html{ overflow: scroll; }
body{ font-family:'Nanum Gothic', sans-serif; font-size: 16px; color:#575454 }

img{ padding:20px; }
a{ text-decoration: none}
li{ list-style: none; }

 /* Layout */
#hd{ border-bottom:solid 1px #10264f;}
#hd_top{ background: #10264f; }
#hd_top p{ color:#fff; padding: 5px 0px; }
#hd_wr{ width:1200px; margin:0px auto; }
#contents{ width:1200px; margin:0px auto; }

/* id */
#hd_wr{ position:relative;}
#inner{ background: #e4e5e6; width: 1200px; height: 200px; margin: 0 auto;}

/* class */
.tag{ border:1px #ada8a8 solid;}
.ulimg{ width: 1200px; margin: 0 auto;}
.ulimg ul { background: #ddd; overflow:hidden; border:1px solid #ddd;margin-top: 10px;}
.ulimg ul li{ float:left; width: 23%; margin-right: 2%;}
.ulimg ul li .imgbox{ width: 100%; height: 350px; margin-bottom: 30px;}
.ulimg ul li:nth-child(1) .imgbox {background:url(../img/book1.jpg) no-repeat center/100% ;}
.ulimg ul li:nth-child(2) .imgbox {background:url(../img/book2.jpg) no-repeat center/100% ;}
.ulimg ul li:nth-child(3) .imgbox {background:url(../img/book3.jpg) no-repeat center/100% ;}
.ulimg ul li:nth-child(4) .imgbox {background:url(../img/book4.jpg) no-repeat center/100% ;}

/*하단레이아웃 */
#ft{background:#10264f}
#ft_wr{margin:0 auto;width:1200px;position:relative}
#ft #ft_copy{padding:25px 0 20px}
#ft #ft_copy:after {display:block;visibility:hidden;clear:both;content:""}
#ft #ft_copy a{color:#fff;float:left;font-size:1.em;font-weight:bold;padding:0 10px;border-left:1px solid #fff;}
#ft #ft_copy a:first-child{border:none;padding-left:0}
#ft_company{color:#b0aec5}
#ft_company p.ft_info{ border-bottom:1px solid #75738c;padding:0 0 15px;line-height:20px}
#ft_company p.ft_copy{ text-align:center;color:#75738c;padding:15px 0}
#ft_family{ position:absolute;top:0;right:0}