/* mainVisual */
#mainVisual {overflow:hidden;margin-top: 60px;width: 100%;position: relative;}

/* mainVisual pager */
#mainVisual .pager {position:absolute;bottom:30px; width: 100%; text-align:right; display: none;}
#mainVisual .pager a {display:inline-block;width:14px; height:14px; overflow:hidden;text-indent:9999px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: #fff;border: 1px solid #24a596;}
#mainVisual .pager a.active {background: #24a596;}
#mainVisual .btnRemote {position: absolute;left:50%; top:20px; margin-left: 408px;z-index:99;}

#mainVisual .btnPrev {position: absolute;left:0; top:50%;transform:translateY(-50%);height: 50px;width: auto;}
#mainVisual .btnNext {position: absolute;right:0; top:50%;transform:translateY(-50%);height: 50px;width: auto;}
#mainVisual .btnPrev img {height: 100%;}
#mainVisual .btnNext img {height: 100%;}




/* mainContents */
#mainContents {padding: 0 0 0;}
#mainContents .auto {padding: 0;}
#mainContents h2 {position: relative;margin-bottom: 10px;}
#mainContents h2 span {display: inline-block;font-size: 18px;font-weight: 700;color: #0068b7;padding-left: 10px;backg round: #fff;padding-right:20px;z-index:3; position: relative;}

#mainContents .mainBanner li {float: left;width: 33.33%;position: relative;}
#mainContents .mainBanner li:before {content: "";display: block;width: 1px;height: 100%;background:#003c6a;position: absolute;left:0;top:0;}
#mainContents .mainBanner li:after {content: ""; display: block;width: 1px;height: 100%;background:#4792cb;position: absolute;right:0;top:0;}
#mainContents .mainBanner li:nth-child(1):before {display: none;}
#mainContents .mainBanner li:nth-child(3):after {display: none;}

#mainContents .productRolling {padding: 20px 0 10px;}
#mainContents .productRollingBox {position: relative;padding: 10px;}

/* #mainContents .productRolling h2:after {content: "";display: block;width: 100%;height: 0px;border-bottom: 1px solid #999;position: absolute; left:-10px; top:50%;margin-top: -1px;display: none;} */
#mainContents .productRolling .btnPrev {position: absolute;left:0; top:50%;transform:translateY(-90%);height: 30px;width: auto;}
#mainContents .productRolling .btnNext {position: absolute;right:0; top:50%;transform:translateY(-90%);height: 30px;width: auto;}
#mainContents .productRolling .btnPrev img {height: 100%;}
#mainContents .productRolling .btnNext img {height: 100%;}

#mainContents .productRolling ul {padding: 0 5px;}
#mainContents .productRolling li {text-align: center;width:31%;float: left;margin: 0 1.15%;}
#mainContents .productRolling li a {display: table;width: 100%;border: 1px solid #d9d9d9;}
#mainContents .productRolling li a span {display: table-cell;height: 60px;vertical-align: middle;padding: 0 10px;}
#mainContents .productRolling li a img {width: 100%;}
#mainContents .productRolling li .title {display: inline-block;text-align: center;padding: 5px 10px;backg round: #0061aa;color: #333;font-size: 11px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;margin-top: 5px;}


#mainContents .notice {padding: 20px 0; background: #eee; position: relative;min-height: 100px;}
#mainContents .notice ul {padding: 0 10px;}
#mainContents .notice li a {display: block;font-size:0.85rem ; color: #333;padding: 5px 0 5px 10px;position: relative;overflow: hidden;}
#mainContents .notice li a .txt {float: left;}
#mainContents .notice li a .date {opacity:0.7; float: right;}
#mainContents .notice li a:before {content: "";display: block;width: 3px;height: 3px; background: #333; position: absolute; left:0; top:50%; margin-top: -1px;}
#mainContents .more {position: absolute; top:15px;right:15px; font-size: 0.75rem;font-weight:700;color: #666;}