#main { padding:80px 0 0 0;}

/*타이틀 스타일*/
.titleSt1 {}
.titleSt1 > dl { text-align:center;}
.titleSt1 > dl dt { font-size:24px; color:#444; font-family: "Nanum Square";}
.titleSt1 > dl dd { font-size:15px; font-weight:300; margin:15px 0 0 0; line-height:20px;}
.titleSt1 > dl dd:after { content:""; width:30px; height:1px; background:#989898; display:block; margin:7px auto 0;}

#mainVisual { position:relative;}
#mainVisual .visu {}
#mainVisual .visu li {position:relative; height:297px; background-size:cover !important;}
#mainVisual .visu li.visu01 { background:url("/mobile/en/img/main/mainVisual01.jpg") no-repeat;}
#mainVisual .visu li.visu02 { background:url("/mobile/en/img/main/mainVisual02.jpg") no-repeat;}
#mainVisual .visu li.visu03 { background:url("/mobile/en/img/main/mainVisual03.jpg") no-repeat;}
#mainVisual .visu li .txt  {text-align:center;  color:#fff; padding:113px 0 0 0;}
#mainVisual .visu li .txt > dl { font-size: 24px;  font-family: "Nanum Square","나눔스퀘어"; }
#mainVisual .visu li .txt > dl dt {line-height: 110%; text-shadow: 0 0 8px rgba(0,0,0,.5); font-weight:900; }
#mainVisual .visu li .txt > dl dd { }
#mainVisual .visu li .txt p { font-size:15px; margin:35px 0 0 0;}
#mainVisual .bx-pager { font-size:0; position:absolute; bottom:40px; text-align:center; width:100%; z-index:999;}
#mainVisual .bx-pager > div { display:inline-block; margin:0 2px;}
#mainVisual .bx-pager > div a { display:block; width:36px; height:2px; background:#fff; }
#mainVisual .bx-pager > div a.active { background:#23c337;}

#mainContents > article { padding:40px 30px; box-sizing:border-box;}
#mainContents .about { background:url("/mobile/en/img/main/bg_about.gif") no-repeat;  background-size:cover; box-sizing:border-box;}
#mainContents .about .titleSt1 { }
#mainContents .about .titleSt1 > dl dt { font-weight:900;}
#mainContents .about .titleSt1 > dl dt span { font-weight:300;}
#mainContents .about .titleSt1 > dl dt em { color:#2b9138;}
#mainContents .about .list { margin:30px 0 0 0;}
#mainContents .about .list li { position:relative; width:47.58620689655%;}
#mainContents .about .list li a { display:block; position:relative;}
#mainContents .about .list li img { width:100%; }
#mainContents .about .list li .txt { position:absolute; width:100%; height:138px; bottom:27px; color:#fff; padding:32px 26px; box-sizing:border-box; }
#mainContents .about .list li .txt dt { font-size:18px;}
#mainContents .about .list li .txt dt:after { content:""; width:10px; height:1px; background:#fff; margin:12px 0 5px; display:block;}
#mainContents .about .list li .txt dd { font-size:14px; line-height:18px;}
#mainContents .about .list li.list01 .txt { background:rgba(94,185,106,0.85);}
#mainContents .about .list li.list02 .txt { background:rgba(89,112,165,0.85);}
#mainContents .about .list li.list03 .txt { background:rgba(75,158,151,0.85);}
#mainContents .about .list li.list04 .txt { background:rgba(82,161,171,0.85);}
#mainContents .about .list li a i {     width: 60px; height: 60px; text-align: center; line-height: 60px; border-radius: 50%; background: #fff; position: absolute; bottom: 140px; left: 50%; z-index: 3; margin-left: -30px; box-shadow: 0 0 10px rgba(0,0,0,.5); font-style: normal; font-size: 27px; font-weight: 300; color: #65b16f; }
#mainContents .about .bx-wrapper { position:relative; }
#mainContents .about .bx-controls-direction { }
#mainContents .about .bx-controls-direction a { display:block; width:55px; height:55px; font-size:0; position:absolute; top:50%; margin:-27.5px 0 0 0; }
#mainContents .about .bx-prev { background:url("/mobile/en/img/main/prev01.png") no-repeat; left:-20px;}
#mainContents .about .bx-next { background:url("/mobile/en/img/main/next01.png") no-repeat; right:-20px;}

#mainContents .bsArea { padding:0; position:relative;}
#mainContents .bsArea .titleSt1 > dl { background:url("/mobile/en/img/main/bsAreaBg.jpg") no-repeat center; background-size:cover; height:190px;  text-align:center; color:#fff; padding:48px 0 0 0; box-sizing:border-box;}
#mainContents .bsArea .titleSt1 > dl dt { font-size:24px; font-family: "Nanum Square","나눔스퀘어"; color:#fff;}
#mainContents .bsArea .titleSt1 > dl dt span { font-weight:900;}
#mainContents .bsArea .titleSt1 > dl dd { font-size:15px; margin:10px 0 0 0; line-height:16px;}
#mainContents .bsArea .list {}
#mainContents .bsArea .bx-wrapper { margin:-35px auto 0 !important;}
#mainContents .bsArea .list li { text-align:center; width:57.8125%; margin:0 auto; position:relative; border-bottom:1px solid #bcd9bf; padding:0 0 52px 0;}
#mainContents .bsArea .list li .img { border:10px solid #fff; box-sizing:border-box; overflow: hidden; position: relative; height:170px;}
#mainContents .bsArea .list li .img img { max-width:370px;     position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; min-width: 100%; min-height: 100%;}
#mainContents .bsArea .list li dl { padding:0 0 0 20px; text-align:left;}
#mainContents .bsArea .list li dl dt { font-size:18px; font-weight:700; color:#333;}
#mainContents .bsArea .list li dl dd { font-size:14px; line-height:23px; margin:16px 0 0 0; }
#mainContents .bsArea .list li .more { width:170px; height:37px; border:1px solid #1f9f23; border-radius:20px; display:block; margin:48px auto 0; text-align:center; line-height:37px; color:#1f9f23; font-size:13px;}
#mainContents .bsArea .list li .more:after {     content: ""; display: inline-block; width: 5px; height: 5px; background: url(/img/main/icon_area.gif) no-repeat; margin: -3px 0 0 9px; vertical-align: middle;}
#mainContents .bsArea .bx-controls-direction { }
#mainContents .bsArea .bx-controls-direction a { display:block; width:55px; height:55px; font-size:0; position:absolute; top:387px; margin:-27.5px 0 0 0; }
#mainContents .bsArea .bx-prev { background:url("/mobile/en/img/main/prev01.png") no-repeat; left:10px;}
#mainContents .bsArea .bx-next { background:url("/mobile/en/img/main/next01.png") no-repeat; right:10px;}

#mainContents .develope { background:url("/mobile/en/img/main/bg_rd.gif") no-repeat center top; min-height:450px; text-align:center; margin:40px 0 0 0; background-size:cover;}
#mainContents .develope .titleSt1 {}
#mainContents .develope .titleSt1 dl {}
#mainContents .develope .titleSt1 dl dt { font-weight:900;}
#mainContents .develope .titleSt1 dl dt span { color:#1f9f23;}
#mainContents .develope .titleSt1 dl dd { color:#777;}
#mainContents .develope .quick { font-size:0; margin:30px 0;}
#mainContents .develope .quick li { height:117px; box-sizing:border-box; padding:42px 0 0 0; display:inline-block; vertical-align:top; width:20%;}
#mainContents .develope .quick li p { color:#fff; margin:8px 0 0 0; font-size:12px;}
#mainContents .develope .quick li:nth-child(1) { background:#64d16a}
#mainContents .develope .quick li:nth-child(2) { background:#4ac150}
#mainContents .develope .quick li:nth-child(3) { background:#32ac36}
#mainContents .develope .quick li:nth-child(4) { background:#1f9f23}
#mainContents .develope .quick li:nth-child(5) { background:#0c8310}
#mainContents .develope .txt {}
#mainContents .develope .txt dt { font-size:20px; color:#333; line-height:26px; word-break:keep-all;}
#mainContents .develope .txt dt span { color:#119915; }
#mainContents .develope .txt dd { font-size:14px; letter-spacing:-1px; margin:12px 0 0 0; line-height:1.4; word-break:keep-all;}