@charset "UTF-8";

 /*메인컨텐츠*/

 #main h3 {letter-spacing:-1px}

#main .bn_wrap {background-color:#f9f9f9; padding:115px 0; width:100%;  min-width:1124px; display:inline-block}
#main .bn {width:48%; display:inline-block; height:215px;   box-sizing:border-box;  position:relative; background-color:#fff}
#main .bn h4 {font-size:21px; font-weight:600; color:#333; letter-spacing:-1.5px}
#main .bn span.s_line {width:20px; margin:15px 0; height:1px; background-color:#333; display:inline-block}
#main .bn p {letter-spacing:0.3px;}
#main .bn p.img {width:35%; height:100%; background:url('/common/img/20445863 (1).jpg') no-repeat center; background-size:cover; float:left} 
#main .bn div {width:60%; float:right; margin-top:30px; font-size:16px; color:#666}
#main .bn div span.btn {float:right; font-size:14px; padding:5px 15px; border:1px solid #999; background-color:#fff; right:20px; position:absolute; bottom:30px; color:#666; transition: background-color 0.3s ease-in;}

#main .bn:hover {box-shadow:5px 5px 12px #ddd}
#main .bn:hover  div span.btn {background-color:#333; color:#fff}

#main .about {width:100%; display:inline-block; height:340px; background:url('/common/img/20700531.png') no-repeat center;  background-size:100%; position:relative;  text-align:center;  background-attachment: fixed; }
#main .about  div {position:absolute; top:50%; width:100%; text-align:center; transform: translate(0, -50%); font-size:18px; color:#111; line-height:1.6em;}
#main .about div b {font-size:31px; letter-spacing:-2px; font-weight:700; color:#333; padding-bottom:25px  ; width:100%; display:inline-block}

#main .bg {width:100%; display:inline-block; background-color:#f9f9f9; padding:90px 0 100px 0;}


#main .notice {width:57%; float:left; background-color:#fff; border:1px solid #ddd; box-sizing:border-box; padding:3%; height:355px; border-radius:3px; box-shadow:5px 5px 12px rgba(0,0,0,.1)}
#main .notice h3 {font-size:21px;  font-weight:600; color:#333; width:100%; display:inline-block}
#main .notice h3 a {float:right; font-size:30px; font-weight:200 ;color:#999; margin-top:-10px}
#main .notice ul {width:100%; margin-top:10px}
#main .notice ul li {width:100%; font-size:0.95em;  border-bottom:1px solid #ddd; display:inline-block; line-height:42px; color:#555}
#main .notice ul li:last-child {border-bottom:none}
#main .notice ul li span {float:right; font-size:0.87em; color:#999}


#main .customer {width:380px; float:right; text-align:Center; background-color:#fff; border:1px solid #ddd; box-sizing:border-box; padding:3%; height:355px; border-radius:3px; box-shadow:5px 5px 12px rgba(0,0,0,.1)}


#main .customer h3 {font-size:20px; font-weight:600; color:#333; width:100%; display:inline-block}
#main .customer .tel {font-size:30px; font-weight:800; padding:10px 0 15px 0; color:#333; width:100%; display:inline-block}
#main .customer span.s_line {width:20px;   height:1px; background-color:#333; display:inline-block}
#main .customer p {font-size:15px; line-height:1.5em; color:#666; width:100%; display:inline-block; padding-top:20px;}
#main .customer a {border:1px solid #333; padding:7px 0; margin-top:15px; width:100%; display:inline-block; }
#main .customer a:hover {background-color:#333 ; color:#fff !important}