@charset "utf-8";
@import url("default.css");
@import url("common.css");

/* 비쥬얼 */
#visual {}
#visual {position:relative; height:554px;}
#visual .rolling {height:554px; overflow:hidden;}
#visual li {height:554px;}
#visual .owl-stage-outer:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
#visual .owl-item {float:left; width:100%;box-sizing:border-box;}
#visual .owl-dots {/* display:none; */}
#visual .owl-nav {width:960px; margin:0 auto; position:relative;}
#visual .owl-nav div {width:28px; height:28px; text-indent:-9999px;  position:absolute; bottom:292px; cursor:pointer;}
#visual .owl-dots {width:960px; margin:0 auto; text-align:right; box-sizing:border-box; padding-right:42px;}
#visual .owl-dots div {background:#e5e5e5; width:11px; height:11px; display:inline-block; margin-left:14px; border-radius:99px; cursor:pointer; position:relative; top:-30px; transition:all 0.3s;}
#visual .owl-dots div.active {background:#aa0202; width:32px;}
#visual li .btn {width:960px; margin:0 auto; position:relative;}
#visual li .btn a {position:absolute;}
#visual li .btn a.btnStyle {background:#aa0202; color:#fff; height:53px; line-height:52px; font-weight:700; text-align:center; padding:0 30px; border-radius:3px; box-shadow:0px 2px 3px rgba(0,0,0,0.4); transition:all 0.3s;}
#visual li .btn a.btnStyle:hover {box-shadow:0px 3px 5px rgba(0,0,0,0.6); transition:all 0.3s;}
#visual .owl-prev {background:url(../images/main/btn_prev.png) 0 0 no-repeat; left:-20px; }
#visual .owl-prev:hover {background:url(../images/main/btn_prev_active.png) 0 0 no-repeat;}
#visual .owl-next {background:url(../images/main/btn_next.png) 0 0 no-repeat; right:-20px;}
#visual .owl-next:hover {background:url(../images/main/btn_next_active.png) 0 0 no-repeat;}
#visual .btnMovie {transition:all 0.3s; overflow:hidden;}
#visual .btnMovie span {background:url(../images/main/btn_play.png) center center no-repeat; position:absolute; width:100%; height:100%;  transition:all 0.7s; background-size:40px 40px; z-index:3;}
#visual .btnMovie img {transition:all 2s; width:100%; height:100%; position:relative; top:0; left:0;}
#visual .btnMovie:hover {box-shadow:0px 3px 5px rgba(0,0,0,0.7); transition:all 0.3s;}
#visual .btnMovie:hover span { transition:all 0.7s; background-size:60px 60px;}
#visual .btnMovie:hover img {width:110%; height:110%; transition:all 2s; top:-5%; left:-5%;}
#visual #movie {position:absolute; top:0; left:0; z-index:10000; width:100%; display:none;}
#visual #movie .inner {width:960px; margin:0 auto; position:relative; box-shadow:0px 7px 15px rgba(0,0,0,0.5);}
#visual #movie .inner .btnLayerClose {position:absolute; top:12px; right:15px;}

/* 메인 컨텐츠 */
#mainContainer {background:#f8f8f8;}
#mainContainer .inner {width:960px; margin:0 auto;  height:492px;}
#mainContainer h3 {text-align:center; padding:90px 0 17px 0; font-size:30px; font-weight:200;}
#mainContainer .box {height:246px; background:#fff; box-shadow:0px 0px 5px rgba(0,0,0,0.07); padding:0 30px; box-sizing:border-box;}
#mainContainer .notice {float:left; width:456px; position:relative;}
#mainContainer .notice .box {padding-top:28px;}
#mainContainer .notice li {font-size:18px; border-bottom:1px solid #e8e8e8; padding:12px 0; position:relative;}
#mainContainer .notice li.last {border:none;}
#mainContainer .notice li span {position:absolute; top:15px; right:0; color:#888; font-size:14px;}
#mainContainer .notice .btnMore {position:absolute; top:100px; right:0;}
#mainContainer .customer {float:right; width:456px; text-align:center; position:relative;}
#mainContainer .customer .tel {height:95px; border-bottom:1px solid #e8e8e8; box-sizing:border-box; font-size:26px; font-weight:700; color:#aa0202; padding-top:30px;}
#mainContainer .customer .tel span {display:block; font-size:14px; font-weight:300; color:#333;}
#mainContainer .customer .ars {font-size:18px; padding-top:30px;}
#mainContainer .customer .ars span {font-size:14px; font-weight:700; padding:0 10px;}
#mainContainer .customer .btn {position:absolute; bottom:0; left:0; width:100%;}
#mainContainer .customer .btn a {transition:all 0.3s; display:block; height:63px; line-height:62px; color:#fff; background:#454545; font-size:18px;}
#mainContainer .customer .btn a:hover {transition:all 0.3s; background:#222;}