@import url("common.css");


#visual{position:relative; width:100%; height:600px; overflow:hidden; min-width:1180px;}
	.jssorb05 {position: absolute; top:500px; width:60px; left:0%; margin-left:0px; z-index:999; }
    .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {position: relative !important;  width: 15px !important; height: 15px; border-radius:13px; background: rgba(0,0,0,0.5); cursor:pointer; margin:0 3px !important; padding:0; display:inline-block; left:0px !important; }
    .jssorb05 div {  }
    .jssorb05 .av:hover { background:#087290;  }
    .jssorb05 .av { background:#087290; }

.vtxt{position:absolute; color:#fff; z-index:50; font-family:'Open Sans',sans-serif; width:590px; left:50%; margin-left:-590px; top:115px;}
	.vtxt dt{font-family:'Open Sans',sans-serif; text-transform:uppercase; font-size:57px; font-weight:300; line-height:100%;}
	.vtxt dd{font-family:'Open Sans',sans-serif; text-transform:uppercase; font-size:60px; font-weight:800; line-height:100%; margin:5px 0 0 66px}


#contents{position:relative; overflow:hidden; width:100%; min-width:1180px;}

.inner a.main_more { font-size:13px; display:block; text-decoration:none; color:#e9880f; font-weight:600; width:158px; height:56px; text-align:center; line-height:56px; box-sizing:border-box; border:1px solid #e9880f; margin-top:20px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.inner a.main_more:hover { background:#e9880f; color:#fff; }


/* Business */
.cer_con{position:relative; width:100%; height:300px; overflow:hidden; padding:0; background-color:#087290;}
.cer_con .cer_in{ width:1180px;}

.cer_goods {position:absolute; width:1180px; top:660px; left:50%; margin-left:-590px; z-index:9999;}
.cer_goods li {position:relative; float:left; width:295px; height:300px; padding:110px 25px 0; box-sizing:border-box;}

.cer_goods li.banner01 {background:url('/html/images/main/banner_icon01.png') no-repeat center 40px #c7e5ea;}
.cer_goods li.banner02 {background:url('/html/images/main/banner_icon02.png') no-repeat center 40px #ffffff;}
.cer_goods li.banner03 {background:url('/html/images/main/banner_icon03.png') no-repeat center 40px #d2dcde;}
.cer_goods li.banner04 {background:url('/html/images/main/banner_icon04.png') no-repeat center 40px #02485a;}

.cer_goods li dl dt{font-size:20px; font-family:"notoKrB",san-serif; letter-spacing:-1px; color:rgba(0,0,0,0.7); text-align:center; margin-bottom:5px;}
.cer_goods li dl dd{font-family:"notoKrM",san-serif; font-size:13px; letter-spacing:-0.5px; color:rgba(0,0,0,0.6); text-align:center; line-height:18px; margin-bottom:20px;}
.cer_goods li dl p{position:absolute; left:50%; margin-left:-65px; bottom:40px; font-family:"notoKrB",san-serif; width:130px; height:35px; font-size:13px; letter-spacing:-0.5px; color:#087290; text-align:center; line-height:33px; box-sizing:border-box; border:1px solid #027b8c; }

.cer_goods li.banner04 dl dt{font-size:20px; font-family:"notoKrB",san-serif; letter-spacing:-1px; color:rgba(255,255,255,255.7); text-align:center; margin-bottom:5px;}
.cer_goods li.banner04 dl dd{font-family:"notoKrM",san-serif; font-size:13px; letter-spacing:-0.5px; color:rgba(255,255,255,0.6); text-align:center; line-height:18px; margin-bottom:20px;}
.cer_goods li.banner04 dl p{position:absolute; left:50%; margin-left:-65px; bottom:40px; font-family:"notoKrB",san-serif; width:130px; height:35px; font-size:13px; letter-spacing:-0.5px; color:#33b7dc; text-align:center; line-height:33px; box-sizing:border-box; border:1px solid #67b0ba; }

.cer_goods li a {-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.cer_goods li a:hover > dl p{color:#fff; background:#027b8c;}