@charset "UTF-8";

/* 탑 비쥬얼 */
.main-visual {position: relative;}
.main-visual .sld-container {position: relative;height: 460px; width: 100%; overflow: hidden}
.main-visual .sld-container .sldes {position: relative; left:0; height: 460px;}
.main-visual .sld-container> div {position: absolute; height: 460px; width: 100%; min-width: 1200px; display: none;}
.main-visual .sld-container> div.active {display: block}
.main-visual .sld-container> div.is1 {background: url(../images/img-main/main-visu01.jpg) center center no-repeat;}
.main-visual .sld-container> div.is2 {background: url(../images/img-main/main-visu02.jpg) center center no-repeat;}

.main-visual .sld-container .main-head-copy {position: absolute; width:100%; text-align: center; padding-top: 103px;}

.main-visual .sld-pager {position: absolute; bottom:32px; left:50%; margin-left: -20px;}
.main-visual .sld-pager > a {display: inline-block; width: 20px; height: 7px; background: #fff; border-radius: 3px;}
.main-visual .sld-pager > a:hover, .main-visual .sld-pager > a.active {margin-left: -30px;}
.main-visual .sld-pager > a:hover, .main-visual .sld-pager > a.active {width: 50px; background: #ffdc1d;}
.main-visual .sld-pager > a.is2:hover, .main-visual .sld-pager > a.is2.active {margin-left: 0;}
.main-visual .sld-pager > a.is2:hover, .main-visual .sld-pager > a.is2.active {width: 50px; background: #ffdc1d;}
.main-visual .sld-pager > a > span {position: absolute;clip: rect(1px, 1px, 1px, 1px);}


/* 주요메뉴 */
.main-bans {padding: 20px 0; display: flex; justify-content: space-between; align-items: center;}
.main-bans > a {flex: 1; text-align: center; font-size: 16px; color: #000; font-weight: 500;}
.main-bans > a > p {line-height: 1.3; margin-top: 1rem;}
.main-bans > a span {font-size: 14px; color: #666; font-weight: 300;}
.main-bans > a.is1 {width: 30%;}
.main-bans > a.is2 {width: 25%;}
.main-bans > a.is3 {width: 27%;}
.main-bans > a.is4 {width: 18%;}

.main-bans.is2 > a.is1 {width: 36%;}
.main-bans.is2 > a.is2 {width: 36%;}
.main-bans.is2 > a.is3 {width: 27%;}


.bbs-container {background: #ecf3f4; padding: 25px 0; min-width: 1200px}
.bbs-container .left {float: left; width: 560px; position: relative; }
.bbs-container.is2 {background: #fff; margin-bottom: 25px;}
.bbs-container .right {float: right; width:560px; position: relative;}

.main-bbs-list .title {float: left; width: 110px; text-align: center; padding-top: 15px; height: 140px; border-right: 1px solid #ccc;}
.main-bbs-list .list {float: right; width: 425px;}
.bbs-container h3 {font-size: 20px; color: #010101; margin-bottom: 10px;}

.bbs-container .list li {position: relative; height:30px; line-height: 30px;}
.bbs-container .list li>a {display: inline-block; width: 340px; height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.bbs-container .list li .date {position: absolute; right:0; font-size: 12px; color: #999;}
.inner-left {float: left; width: 270px; border-right: 1px solid #e6e6e6;}
.inner-right {float: right; width: 235px;}
.tell-info {font-size: 28px; color: #069735; font-weight: 700;}
.bbs-container .photo-list {margin-left: -10px;}
.bbs-container .photo-list >li {float: left; width: 180px; margin-left: 10px;}

.main-qbans {float: left; width: 690px; background: #66c8b0;}
.main-qbans li {float: left; width: 50%; height: 120px; box-sizing: border-box; padding: 20px 10px 0 10px;}
.main-qbans li.is1 {background: #66c8b0;}
.main-qbans li.is2 {background: #3dba9b;}
.main-qbans li.is3 {background: #52bdb9;}
.main-qbans li.is4 {background: #3ba6a2;}
.main-qbans .col-tb>.row>.cell {padding: 0; vertical-align: top;}
.main-qbans span.cell {width: 100px;}
.main-qbans .cell h3 {font-size: 18px; color: #ffdb4b; font-weight: 500; line-height: 1;}
.main-qbans .cell .txt {font-size: 13px; color: #fff; padding-bottom: 8px; font-weight: 200;}
.main-qbans button {background-color: transparent; border: 1px solid #fff; color: #fff; width: 100px; height: 30px;}

.main-info {float: right; width: 420px; padding: 20px 25px; background: #fafafa;}
.main-info h3 {position: relative; font-size: 18px; color: #121212; font-weight: 500; border-bottom: 1px solid #dadada; margin-bottom: 10px;}
.main-info h3:after {position: absolute; left:0; bottom: -2px;  width:100%; height: 1px; background: #fff; content: ''}
.main-info h4 {font-family: 15px; color: #121212;}
.main-info .bank {font-size: 14px; color: #121212;}

.rel-site {border-top: 1px solid #ddd; padding-top: 15px; margin-bottom: -15px;}
.rel-site-container {width: 1050px; overflow: hidden;}
.rel-inner {position: relative;}
.rel-inner >a {float: left; padding:0 5px;}
.rel-cntr {position: absolute; top:8px; right:0; width: 120px; height: 40px;}
.rel-cntr > a {float: left; width: 40px; height: 40px; background: url(../images/img-common/bg-cntr.png) 0 0 no-repeat;}
.rel-cntr > a.rel-pre {background-position: 0 0;}
.rel-cntr > a.rel-next {background-position: -79px 0;}
.rel-cntr > a.rel-stop {background-position: -40px 0;}
.rel-cntr > a.rel-play {background-position: -40px -40px; display: none}


/* 레이어 팝업창  */
.pop {position: absolute; top: 150px; left:50%; width: 400px; margin-left: -700px; background: #fff; z-index: 999}
.pop.is1 {border: 1px solid #5e6094; font-size: 14px; color: #707070;}
.pop .bottom {border-top: 1px solid #ddd; font-size: 12px; padding: 0.5em;}

/* 팝업 레이어 */
.main-pop-layer {position: absolute; top:180px; left:50%; margin-left:-700px;  width:450px; z-index:33; background:rgba(214,232,246,0.96); box-shadow: 1px 0 8px rgba(0,0,0, 0.25)}
.main-pop-layer.is2 {margin-left:150px; top:180px; width:650px;}
.main-pop-layer .pop-foot {height: 27px; line-height: 27px; padding: 0 10px; text-align: right; font-size: 11px; color:#fff; background: #704d28;}
.main-pop-layer.is2 .pop-foot {background: #41447f;}
.main-pop-layer .pop-foot img {vertical-align: middle}
.main-pop-layer .pop-foot span {padding-right: 10px}