/* mainVisual */
.mainVisual { position:relative; width: 100%; height: 220px; overflow: hidden;}
.visual { width:auto; position:relative; z-index:-1; }
.visual li { width:100%;; height:220px; position:absolute; }
.visual li.vs1 { background: url(/mobile/kor/img/main/mainVisualImg4.jpg) no-repeat center; background-size:cover;}
.visual li.vs12 { background: url(/mobile/kor/img/main/mainVisualImg5.jpg) no-repeat center; background-size:cover;}
.visual li.vs2 { background: url(/mobile/kor/img/main/mainVisualImg2.jpg) no-repeat center; background-size:cover;}
.visual li.vs3 { background: url(/mobile/kor/img/main/mainVisualImg3.jpg) no-repeat center; background-size:cover;}

.visual li.vs1 .mainText1, .visual li.vs12 .mainText1, .visual li.vs2 .mainText1, .visual li.vs3 .mainText1 { position:absolute; top: 50%; margin: -60px 0 0 18px;}
.visual li.vs1 .mainText1 h3, .visual li.vs12 .mainText1 h3, .visual li.vs2 .mainText1 h3,  .visual li.vs3 .mainText1 h3 { font-size: 14px; line-height: 42px; color: #333; }
.visual li.vs1 .mainText1 h3 span.color, .visual li.vs12 .mainText1 h3 span.color, .visual li.vs2 .mainText1 h3 span.color , .visual li.vs3 .mainText1 h3 span.color{ font-size: 14px; line-height: 42px; color: #00a651; font-weight: normal;}
.visual li.vs1 .mainText1 h3 span, .visual li.vs12 .mainText1 h3 span, .visual li.vs2 .mainText1 h3 span, .visual li.vs3 .mainText1 h3 span  { font-size: 38px; line-height: 42px; color:#00a651; font-weight: bold;}
.visual li.vs1 .mainText1 p, .visual li.vs12 .mainText1 p,  .visual li.vs2 .mainText1 p, .visual li.vs3 .mainText1 p{ font-size: 13px; line-height: 21px; color:#666; margin-top: 5px;}

.visual li.vs1 .mainText1 h3, .visual li.vs12 .mainText1 h3, .visual li.vs1 .mainText1 p, .visual li.vs12 .mainText1 p  {color:#fff; text-shadow:1px 1px 1px #000;}


.mainVisual .bx-pager {  position:absolute; top:28px; width:auto; left:18px; z-index:99; }
.mainVisual .bx-pager div { float:left; margin-right:5px; background: blue;}
.mainVisual .bx-pager a {display: block; width:10px; height:10px; text-indent:-9999px; background:#aaa; }
.mainVisual .bx-pager a:hover, .mainVisual .bx-pager a.active { background:#00a651; }





/* article */

/* article .mainVisual { width: 100%; height: 220px; background:red;} */


.mobileNews { width: 100%; background:#305591; height: 41px; } 
.mobileNews h3 {float:left; font-size: 14px; line-height: 41px; color: #fff; margin-left:15px; width: 125px; background: url(/mobile/kor/img/main/mainNewicon.gif) no-repeat 0 14px; text-indent: 30px}

.mobileNews p { float:right; background: url(/mobile/kor/img/main/mobileNewsStick.gif) no-repeat 0 16px ; width: calc(100% - 170px); margin-right:15px; }
.mobileNews p a { display:block; width:calc(100% - 35px); padding:0 20px 0 15px; background: url(/mobile/kor/img/main/mainNewArrow.jpg) no-repeat right center; font-size: 13px; height: 41px; line-height: 41px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.mobileManu { width: 100%; overflow:hidden; background: #f4f4f4; }
.mobileManu ul { width: 93.7%; overflow:hidden; margin: 9.7% auto;}
.mobileManu ul li { float:left; text-align: center; width:33.3%; margin: 15px 0 0; }

.mobileManu ul li a { display:block; width: 95%; overflow: hidden; margin:0 auto; }

.mobileManu ul li img { width: 100%; height: auto;}

.mobileManu ul li p { font-size: 16px; color:#333; padding: 10% 0; width: 100%; text-align:center; overflow:hidden;}