@charset "UTF-8";
a.more{color:#002a7b;font-size:14px;font-weight:bold;position:absolute}
a.more:after{content:'';height:12px;width:12px;display:inline-block;margin-left:5px;background:url('/design/default/img/main/i_more.png') no-repeat}
#mainContents{position:relative;/* width:1280px;*/overflow:hidden;margin:auto;/* padding:0 32px;padding:2% 0;*/width:100%;z-index:1;text-align:center}
#mainContents .mainbg{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}
#mainContents .mainSlide{font-family:'Noto Sans KR',sans-serif}
#mainContents .mainSlide li div{margin:0 auto}
#mainContents .mainSlide li div>img{vertical-align:bottom;position:absolute}
#mainContents .title{position:absolute;top:190px}
#mainContents .title.left{text-align:left;left:120px}
#mainContents .title.right{text-align:right;right:60px}
#mainContents .title h3{margin-bottom:50px;width:485px;height:117px;background:url('/design/default/img/main/titleBg.png') no-repeat center center}
#mainContents .title h3>img{display:block;margin:0 auto}
#mainContents .title p{font-size:18px;margin-bottom:40px}
#mainContents .visualBtn{display:inline;padding:15px 30px;border-radius:30px;border:1px solid #a58667;text-align:center;line-height:45px;color:#a58667;font-weight:bold}
#mainContents .visualBtn:hover{background-color:#544838;color:#fff;transition:.5s}
#mainContents .visualBtn:after{content:"+";margin-left:25px}
#mainContents .mainSlide li:nth-child(3) .visualBtn{left:120px}
#mainContents .bx-wrapper{position:relative}
/* #mainContents .bx-viewport,.mainbg,.bx-wrapper,.mainSlide,.mainSlide li,.mainSlide li a,.mainSlide li img{height:100% !important} */
#mainContents .bx-controls{position:absolute;z-index:100;bottom:10px;right:50%;transform:translateX(50%)}
#mainContents .bx-pager .bx-pager-item{display:inline-block;text-indent:9999px}
#mainContents .bx-pager .bx-pager-item a{width:15px;height:15px;margin-right:10px;border-radius:10px;border:3px solid #544838}
#mainContents .bx-pager .bx-pager-item:last-child a{margin-right:0}
#mainContents .bx-pager .bx-pager-item a.active{background-color:#544838;border:3px solid #544838}
#mainContents .bx-controls-direction{display:none}
