/* mainVisual */
#mainVisual {overflow:hidden; position:absolute; width: 100%;height: 520px; top:0;}
#mainVisual .visualList li {height:520px;position: relative;background-repeat: no-repeat;background-position: 50% 0; -webkit-background-size: cover;
background-size: cover;}
#mainVisual .visualList li.visual01 {background-image:url("../images/main/visual01.jpg")}
#mainVisual .visualList li.visual02 {background-image:url("../images/main/visual02.jpg")}
#mainVisual .visualList li.visual03 {background-image:url("../images/main/visual03.jpg")}
#mainVisual .visualList li.visual04 {background-image:url("../images/main/visual04.jpg")}
/* 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;}

/* mainContents */
#mainContents {padding: 30px 0;}
#mainContents .mainBanner li {margin-left: 18px; float: left;}
#mainContents .mainBanner li:first-child {margin-left: 0;}
#mainContents .mainBanner li .title {display: block;font-family: "nanumB";font-size: 16px;padding: 5px 0 10px; position: relative;}
#mainContents .mainBanner li .title:after {content: "";display: block;width: 40px;height: 1px; position: absolute;top:0; }

#mainContents .mainBanner .mainBanner01 .title {color:#e76200;}
#mainContents .mainBanner .mainBanner01 .title:after {background: #e76200;}
#mainContents .mainBanner .mainBanner02 .title {color:#0092d1;}
#mainContents .mainBanner .mainBanner02 .title:after {background: #0092d1;}
#mainContents .mainBanner .mainBanner03 .title {color:#002e72;}
#mainContents .mainBanner .mainBanner03 .title:after {background: #002e72;}

#mainContents .quickMenu {padding: 60px 0;}
#mainContents .quickMenu li {width: 20%;height: 150px;float: left; text-align: center; border-left: 1px dashed #d9d9d9; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; position: relative;}
#mainContents .quickMenu li:first-child {border-left: none;}
#mainContents .quickMenu li dl { position: absolute; top:100px;width: 100%;}
#mainContents .quickMenu li dt {display: inline-block;font-size: 13px; font-family: "nanumB"; color:#333;margin-bottom: 10px;padding-right: 10px; background: url("../images/main/arrow.png") no-repeat 100% 50%;}
#mainContents .quickMenu li dd {font-size: 11px;}