@charset "utf-8";

#hd {/*position: absolute;*/ width: 100%; min-width: 1000px; background-color: #fff;}
#contents	{min-width:1160px;overflow:hidden}

/* Main Slide */

.main #vis.swiper-container .swiper-button-nextVis{
    width:50px;
    height:100px;
    background-image: url(../../img/main/visual/vis_next.png);
    background-size:100%;
    position: absolute;
    right:150px;
    top: 50%;
    transform: translateY(-50%);
    z-index:999;cursor:pointer
}
.main #vis.swiper-container .swiper-button-prevVis{
    width:50px;
    height:100px;
    background-image: url(../../img/main/visual/vis_prev.png);
    background-size:100%;
    position: absolute;
    left:150px;
    top: 50%;
    transform: translateY(-50%);
    z-index:999;cursor:pointer
}
.main #vis {height:720px}
.main #vis .swiper-slide {overflow: hidden}
.main .main_wrap {width:1160px;margin: 0 auto}

.main #vis .wrap {position: relative;width:1160px;margin: 0 auto}
.main #vis .wrap .visBtn {position:absolute;top: 510px;left: 330px;max-width: 200px;}
.main #vis .wrap .visBtn a {float:left;margin-right:10px;margin-bottom:10px}

.main #vis .sw_a {position: absolute}

#vis .sw1 {background: url('../../img/main/visual/v1/bg.jpg') no-repeat center;height: 720px} 
#vis .sw1 .sw_a1 {top:73px; left:125px;font-size:46px;color:#333;font-weight:600;letter-spacing: -1.5px; opacity: 0;line-height: 1;animation:none}
#vis .sw1 .sw_a2 {top:135px; left:85px;font-size:46px;color:#333;font-weight:400;letter-spacing: -1.5px;opacity: 0;line-height: 1;animation:none}
#vis .sw1 .sw_a3 {left:315px;top:45px;width:5px;height:7px;background-color:#333;display:block;opacity: 0;animation:none}
#vis .sw1 .sw_a4 {left:360px;top:45px;width:5px;height:7px;background-color:#333;display:block;opacity: 0;animation:none}
#vis .sw1 .sw_a5 {left:399px;top:45px;width:5px;height:7px;background-color:#333;display:block;opacity: 0;animation:none}
#vis .sw1 .sw_a6 {left:439px;top:45px;width:5px;height:7px;background-color:#333;display:block;opacity: 0;animation:none}
#vis .sw1 .sw_a7 {left:492px;top:45px;width:5px;height:7px;background-color:#333;display:block;opacity: 0;animation:none}
#vis .sw1 .sw_a8 {left:535px;top:45px;width:5px;height:7px;background-color:#333;display:block;opacity: 0;animation:none}
#vis .sw1 .sw_a9 {left:50px;top:198px;width:574px;height:42px;background-color:#148ce8;display:block;opacity: 0;animation:none}
#vis .sw1 .sw_a10 {left:90px;top:208px;opacity: 0;animation:none}
#vis .sw1 .sw_a11 {left:50px;top:280px;opacity: 0;animation:none}
#vis .sw1 .sw_plus {left:215px;top:333px;z-index:99;opacity: 0;animation:none}
#vis .sw1 .sw_a12 {left:250px;top:280px;opacity: 0;animation:none}
#vis .sw1 .sw_plus2 {left:415px;top:333px;z-index:99;opacity: 0;animation:none}
#vis .sw1 .sw_a13 {left:450px;top:280px;opacity: 0;animation:none}

#vis .sw1.on .sw_a1 {animation: vis_ani1 .7s .4s 1 ease forwards;}
#vis .sw1.on .sw_a2 {animation: vis_ani2 .7s .8s 1 ease forwards;}
#vis .sw1.on .sw_a3 {animation: vis_ani3 .5s 1.3s 1 ease forwards;}
#vis .sw1.on .sw_a4 {animation: vis_ani3 .5s 1.4s 1 ease forwards;}
#vis .sw1.on .sw_a5 {animation: vis_ani3 .5s 1.5s 1 ease forwards;}
#vis .sw1.on .sw_a6 {animation: vis_ani3 .5s 1.6s 1 ease forwards;}
#vis .sw1.on .sw_a7 {animation: vis_ani3 .5s 1.7s 1 ease forwards;}
#vis .sw1.on .sw_a8 {animation: vis_ani3 .5s 1.8s 1 ease forwards;}
#vis .sw1.on .sw_a9 {animation: vis_ani4 .8s 2.2s 1 ease forwards;}
#vis .sw1.on .sw_a10 {animation: vis_ani5 .7s 2.8s 1 ease forwards;}
#vis .sw1.on .sw_a11 {animation: vis_ani6 .7s 3.5s 1 ease forwards;}
#vis .sw1.on .sw_plus {animation: vis_ani5 .5s 3.8s 1 ease forwards;}
#vis .sw1.on .sw_a12 {animation: vis_ani7 .7s 4.1s 1 ease forwards;}
#vis .sw1.on .sw_plus2 {animation: vis_ani5 .5s 4.4s 1 ease forwards;}
#vis .sw1.on .sw_a13 {animation: vis_ani8 .7s 4.7s 1 ease forwards;}

@keyframes vis_ani1 {
    0% {top:120px;opacity: 0}
    100% {top:73px;;opacity: 1}
}
@keyframes vis_ani2 {
    0% {top:185px;opacity: 0}
    100% {top:135px;;opacity: 1}
}
@keyframes vis_ani3 {
    0% {top:35px;opacity: 0}
    50% {top:50px;opacity: 1}
    100% {top:45px;opacity: 1}
}
@keyframes vis_ani4 {
    0% {width:0;opacity: 0}
    100% {width:574px;opacity: 1}
}
@keyframes vis_ani5 {
    0% {opacity: 0}
    100% {opacity: 1}
}
@keyframes vis_ani6 {
    0% {left:0px;opacity: 0}
    100% {left:50px;opacity: 1}
}
@keyframes vis_ani7 {
    0% {left:200px;opacity: 0}
    100% {left:250px;opacity: 1}
}
@keyframes vis_ani8 {
    0% {left:400px;opacity: 0}
    100% {left:450px;opacity: 1}
}

#vis .sw2 {background: url('../../img/main/visual/v2/bg.jpg') no-repeat center;height: 720px}
#vis .sw2 .sw_a1 {top:55px; left:215px;font-size:50px;color:#b2ff0b;font-weight:500;letter-spacing: -1.5px; opacity: 0;line-height: 1;animation:none}
#vis .sw2 .sw_a2 {top:55px; left:505px;font-size:50px;color:#fff;font-weight:400;letter-spacing: -1.5px; opacity: 0;line-height: 1;animation:none}
#vis .sw2 .sw_a3 {top:135px; left:202px;font-size:22px;color:#fff;font-weight:300;opacity: 0;line-height: 1;animation:none}
#vis .sw2 .sw_a4 {top:245px; left:30px;max-width:1100px;overflow:hidden;opacity: 0;animation:none}
#vis .sw2 .sw_a5 {top:235px; left:147px;opacity: 0;animation:none}
#vis .sw2 .sw_spot {top:280px; left:300px;opacity: 0;animation:none}
#vis .sw2 .sw_a6 {top:185px; left:497px;opacity: 0;animation:none}
#vis .sw2 .sw_spot2 {top:235px; left:567px;opacity: 0;animation:none}
#vis .sw2 .sw_a7 {top:390px; left:570px;opacity: 0;animation:none}
#vis .sw2 .sw_spot3 {top:365px; left:590px;opacity: 0;animation:none}
#vis .sw2 .sw_a8 {top:207px; left:721px;opacity: 0;animation:none}
#vis .sw2 .sw_spot4 {top:257px; left:790px;opacity: 0;animation:none}
#vis .sw2 .sw_a9 {top:235px; left:1000px;opacity: 0;animation:none}
#vis .sw2 .sw_spot5 {top:280px; left:1070px;opacity: 0;animation:none}

#vis .sw2.on .sw_a1 {animation: vis_ani2_1 .7s .4s 1 ease forwards;}
#vis .sw2.on .sw_a2 {animation: vis_ani2_2 .7s .8s 1 ease forwards;}
#vis .sw2.on .sw_a3 {animation: vis_ani2_3 .7s 1.2s 1 ease forwards;}
#vis .sw2.on .sw_a4 {animation: vis_ani2_4 2.2s 1.6s 1 ease forwards;}
#vis .sw2.on .sw_a5 {animation: vis_ani2_5 .5s 2s 1 ease forwards;}
#vis .sw2.on .sw_spot {animation: vis_aniSpot 1.5s 2s infinite ease;}
#vis .sw2.on .sw_a6 {animation: vis_ani2_6 .5s 2.2s 1 ease forwards;}
#vis .sw2.on .sw_spot2 {animation: vis_aniSpot 1.5s 2.2s infinite ease;}
#vis .sw2.on .sw_a7 {animation: vis_ani2_7 .5s 2.4s 1 ease forwards;}
#vis .sw2.on .sw_spot3 {animation: vis_aniSpot 1.5s 2.4s infinite ease;}
#vis .sw2.on .sw_a8 {animation: vis_ani2_8 .5s 2.6s 1 ease forwards;}
#vis .sw2.on .sw_spot4 {animation: vis_aniSpot 1.5s 2.6s infinite ease;}
#vis .sw2.on .sw_a9 {animation: vis_ani2_9 .5s 2.8s 1 ease forwards;}
#vis .sw2.on .sw_spot5 {animation: vis_aniSpot 1.5s 2.8s infinite ease;}

@keyframes vis_ani2_1 {
    0% {left:170px;opacity: 0}
    100% {left:215px;opacity: 1}
}
@keyframes vis_ani2_2 {
    0% {left:550px;opacity: 0}
    100% {left:505px;opacity: 1}
}
@keyframes vis_ani2_3 {
    0% {top:165px;opacity: 0}
    100% {top:135px;opacity: 1}
}
@keyframes vis_ani2_4 {
    0% {max-width:0;left:30px;opacity: 0}
    100% {max-width:1100px;left:30px;opacity: 1}
}
@keyframes vis_ani2_5 {
    0% {left:220px;opacity: 0}
    100% {left:235px;opacity: 1}
}
@keyframes vis_ani2_6 {
    0% {top:170px;opacity: 0}
    100% {top:185px;opacity: 1}
}
@keyframes vis_ani2_7 {
    0% {top:405px;opacity: 0}
    100% {top:390px;opacity: 1}
}
@keyframes vis_ani2_8 {
    0% {top:192px;opacity: 0}
    100% {top:207px;opacity: 1}
}
@keyframes vis_ani2_9 {
    0% {left:1015px;opacity: 0}
    100% {left:1000px;opacity: 1}
}
@keyframes vis_aniSpot {
    0%,100% {opacity: 0}
    50% {opacity: 1}
}


/* story Area */
.storyArea {padding:80px 0}
.storyArea .story_inner {position:relative;}
.storyArea .story_img {position:absolute;top:-119px;left:0;z-index:99}
.storyArea .story_text {position:absolute;top:50px;left:287px;font-size:18px;color:#333;letter-spacing: -0.5px;}
.storyArea .story_text span {color:#f2575e}

.storyArea .story_left {float:left}
.storyArea .bx-wrapper {width:570px;margin-bottom:20px}
.storyArea .bx-wrapper .bx-controls {position: absolute;top: 115px;/*left: 287px;*/z-index:99;width:72px;height:20px}
.storyArea .bx-wrapper .bx-controls div {display:inline-block}
.storyArea .bx-wrapper .bx-controls div a {display:block;width:20px;height:20px;font-size:0}
.storyArea .bx-wrapper .bx-controls .bx-prev {background:url('../../img/main/story_slidePrev.png') no-repeat center center;position:absolute;left:0;top:0}
.storyArea .bx-wrapper .bx-controls .bx-next {background:url('../../img/main/story_slideNext.png') no-repeat center center;position:absolute;left:22px;top:0}
.storyArea .bx-wrapper .bx-controls .bx-stop {background:url('../../img/main/story_slideStop.png') no-repeat center center;position: absolute;top: 0;left: 26px;}
.storyArea .bx-wrapper .bx-controls .bx-start {background:url('../../img/main/story_slideStart.png') no-repeat center center;position: absolute;top: 0;left: 26px;}
.storyArea #custom_pager {width: 570px;display: block;}
.storyArea #custom_pager a {position:relative;float:left;/*width:190px;height:34px;*/line-height:0px;text-align:center;color:#fff;/*background-color:#b2b9bf;*/

border-right: 22px solid transparent;
border-left: 22px solid transparent;
border-bottom: 34px solid #b2b9bf;
width: 190px;}
.storyArea #custom_pager a span {position: absolute;left: 50%;transform: translateX(-50%);top: 17px;font-size: 14px;}
.storyArea #custom_pager a.active, .storyArea #custom_pager a:hover {border-bottom: 34px solid #91b34a;}



.storyArea .story_btn {float:right;width:570px;}
.storyArea .story_btn > a {position:relative;overflow:hidden;display:inline-block;float:left;width:275px;height:250px;}
.storyArea .story_btn .story_btn1, .storyArea .story_btn .story_btn3 {margin-right:20px}
.storyArea .story_btn .story_btn1, .storyArea .story_btn .story_btn2 {margin-bottom:20px}
.storyArea .story_btn .story_btn1 {background-color:#91b34a;color:#fff;text-align:center;padding-top:50px;transition:.3s}
.storyArea .story_btn .story_btn1:hover {background-color:#7d878f}
.storyArea .story_btn .story_btn4{background-color:#7d878f;color:#fff;text-align:center;padding-top:50px;transition:.3s}
.storyArea .story_btn .story_btn4:hover {background-color:#91b34a}
.storyArea .story_btn .story_btn1 img, .storyArea .story_btn .story_btn4 img {margin-bottom:8px}
.storyArea .story_btn .story_btn1 span, .storyArea .story_btn .story_btn4 span {display:block;font-size:16px;margin-bottom: 20px;letter-spacing: 0;}
.storyArea .story_btn .story_btn1 h3, .storyArea .story_btn .story_btn4 h3 {font-size:24px;font-weight: 300;letter-spacing: -1.5px;}
.storyArea .story_btn .story_btn1 h2, .storyArea .story_btn .story_btn4 h2 {font-size:32px;color:#fff}
.storyArea .story_btn .story_btn4 h2 {font-weight:400;letter-spacing: -1px;}
/*.storyArea .story_btn .story_btn1:hover, .storyArea .story_btn .story_btn4:hover {background-color:#026f96}*/

.storyArea .story_btn .story_btn2 {}
.storyArea .story_btn .story_btn2 img {width:100%;height:100%;transition:.3s}
.storyArea .story_btn .story_btn2:hover img {width:105%;height:105%}
.storyArea .story_btn .story_btn2 span {position:absolute;top:50px;left:30px}
.storyArea .story_btn .story_btn2 h2 {position:absolute;top:72px;left:28px}
.storyArea .story_btn .story_btn2 p {position:absolute;top:125px;left:30px}

.storyArea .story_btn .story_btn3 img {width:100%;height:100%;transition:.3s}
.storyArea .story_btn .story_btn3:hover img {width:105%;height:105%}
.storyArea .story_btn .story_btn3 span {position:absolute;top:50px;left:30px}
.storyArea .story_btn .story_btn3 h2 {position:absolute;top:72px;left:28px}
.storyArea .story_btn .story_btn3 p {position:absolute;top:125px;left:30px}

.storyArea .story_btn .story_btn2, .storyArea .story_btn .story_btn3 {text-align:left;color:#333}
.storyArea .story_btn .story_btn2 span, .storyArea .story_btn .story_btn3 span {font-size:16px;letter-spacing:0px}
.storyArea .story_btn .story_btn2 h2, .storyArea .story_btn .story_btn3 h2 {font-size:32px;text-align: left;}
.storyArea .story_btn .story_btn2 p, .storyArea .story_btn .story_btn3 p {font-size:14px;line-height: 1.3;}
.storyArea .story_btn .story_btn2:hover, .storyArea .story_btn .story_btn3:hover {color:#91b34a}
.storyArea .story_btn .story_btn2:hover h2, .storyArea .story_btn .story_btn3:hover h2 {color:#91b34a}

.storyArea .notice_slide {display: block;width: 100%;height: 60px;background-color: #91b34a;color: #fff;}
.storyArea .notice_slide h3 {font-size:24px;font-weight:400;line-height: 60px;padding-left: 25px;display: inline-block;}
.storyArea .notice_slide .bx-viewport {height:26px !important}
.storyArea .notice_slide .bx-wrapper {margin:3px auto 0}
.storyArea .notice_slide .bx-controls {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.storyArea .notice_slide .bx-controls-direction a {display:block}
.storyArea .notice_slide .bx-controls-direction a.bx-prev {background:url('../../img/main/rolling_arrow1.png') no-repeat center center;width:22px;height:22px;background-size:100%;font-size:0}
.storyArea .notice_slide .bx-controls-direction a.bx-next {background:url('../../img/main/rolling_arrow2.png') no-repeat center center;width:21px;height:22px;background-size:100%;font-size:0}

.storyArea .story_bottom {padding-top:80px}
.storyArea .story_bottom > a {position: relative;float:left;width:20%;height:150px;border-right:1px solid #d7d7d7;color:#7d878f;text-align:center}
.storyArea .story_bottom > a:last-child {border-right:0}
.storyArea .story_bottom > a:first-child > img {padding-top:13px}
.storyArea .story_bottom > a p {position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);width: 100%;font-size: 24px;}
.storyArea .story_bottom > a span {border:1px solid #7d878f;width:140px;height:30px;line-height:28px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);border-radius: 100px;text-align:left;padding-left:20px;transition:.3s;font-size:14px}
.storyArea .story_bottom > a span img {margin-left: 8px;vertical-align: top;padding-top: 11px;}
.storyArea .story_bottom > a:hover span {background-color:#75a216;color:#fff}
.storyArea .story_bottom > a:hover p {color:#75a216}


/*왜 인정*/
.whyArea {position:relative;background-color:#f1f1f1;padding:30px 0 50px}
.whyArea span.line {position:absolute;top:35px;left:66px;width:1070px;height:1px;display:inline-block;background-color:#7d878f}
.whyArea span.ho_name {position:absolute;top:15px;right:25px;display:inline-block;color:#7d878f;font-size:12px;;font-weight:300;letter-spacing: 2px;}
.whyArea .whyLeft {color:#f08054;width:1160px;margin:0 auto}
.whyArea .whyLeft h3 {font-size:50px;}
.whyArea .whyLeft h5 {font-size:24px;font-weight:400;line-height: 1.4;margin-bottom: 8px;}
.whyArea .whyLeft p {font-size:14px;color:#7d878f;margin-bottom:30px}
.whyArea .whyRight {width:1300px;position:absolute;left:215px;top:75px;background-size:cover;padding-left:142px;}
.whyArea .whyRight .whySlide li {}
.whyArea .whyLeft .whyBtn > div {float:left}
.whyArea .whyLeft .whyBtn .swiper-button-next2 {width:21px;height:22px;background:url('../../img/main/whyBtn_next.png') no-repeat center center;cursor:pointer}
.whyArea .whyLeft .whyBtn .swiper-button-prev2 {width:22px;height:22px;background:url('../../img/main/whyBtn_prev.png') no-repeat center center;cursor:pointer}

.whyArea .whyRight .whySlide > div {position:relative;font-size: 14px;display: inline-block;float:left;/*width:300px !important;*/height:300px;box-sizing:border-box;color:#111 } 
.whyArea .whyRight .whySlide > div a {display:block}

.whyArea .whyRight .whySlide > div:hover a {color:#75a216}
.whyArea .whyRight .whySlide > div:hover div {background-color:#75a216}

/*.whyArea .whyRight .whySlide > div {position:relative;font-size: 14px;box-sizing:border-box;background-size:cover;color:#111;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center;  -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center;  -webkit-align-items: center; align-items: center;}*/

.whyArea .whyRight .whySlide .why1 {background:url('../../img/main/cate_slide1.jpg') no-repeat center center;background-size:cover;}
.whyArea .whyRight .whySlide .why2 {background:url('../../img/main/cate_slide2.jpg') no-repeat center center;background-size:cover;}
.whyArea .whyRight .whySlide .why3 {background:url('../../img/main/cate_slide3.jpg') no-repeat center center;background-size:cover;}
.whyArea .whyRight .whySlide .why4 {background:url('../../img/main/cate_slide4.jpg') no-repeat center center;background-size:cover;}
.whyArea .whyRight .whySlide .why5 {background:url('../../img/main/cate_slide5.jpg') no-repeat center center;background-size:cover;}

.whyArea .whyRight .whySlide > div a > img {margin-bottom:8px;padding-left:20px;margin-top: 30px;}
.whyArea .whyRight .whySlide > div h4 {font-size:24px;padding-left:20px}
.whyArea .whyRight .whySlide > div p {padding-left:20px}
.whyArea .whyRight .whySlide > div div {position:absolute;bottom:0;width:100%;height:60px;line-height:60px;color:#fff;font-size:18px;background-color:#6d7171;opacity:0.8;padding-left: 20px;}
.whyArea .whyRight .whySlide > div div img {float: right;padding: 15px 25px 0 0;}



/*커뮤니티*/
section.communicationhArea{
    padding-top:150px;
    padding-bottom: 60px;
}
section.communicationhArea div.innerWrap{
    flex-direction: column;
}
.communicationhArea div.innerWrap > ul{
    width:1160px;
    height:403px;
    font-size:0px;
    margin-bottom:50px;
}
.communicationhArea div.innerWrap .columnWrap {margin-bottom:40px}
.communicationhArea .columnTitle {display:inline-block;float:left;margin-right:10px}
.communicationhArea div.innerWrap > ul >li{
    position: relative;
    float:left;
    width:/*390px;*/295px;
    height:inherit;
    display: inline-block;
    font-size:11px;
    background-color: #4169e1;
    overflow: hidden;
    margin:0 5px
}
.communicationhArea div.innerWrap > ul >li:last-child {margin-right:0;float:right}
.communicationhArea div.innerWrap ul.type2{
    height:80px;
    /*float:right;*/
    width:905px;
    margin-bottom:50px
}
.communicationhArea div.innerWrap ul.type2 >li{
    position: relative;
    width:/*390px;*/282px !important;
    height:inherit;
    display: inline-block;
    font-size:11px;
    background-color: #4169e1;
    overflow: hidden;
    margin:0 10px 0 0;
    float:left
}

.communicationhArea div.innerWrap > ul.type3{
    height:370px;
}

.communicationhArea div.innerWrap > ul.type3 >li{
    width:370px;
    background-color:  rgba(255, 255, 255, 0);
    overflow: visible;
    margin-left:0
}
.communicationhArea div.innerWrap > ul.type3 > li:first-child{
    margin-right:20px;
}

/* type 2 */
.communicationhArea div.innerWrap ul.type2 li > img{
    position: absolute;
    top:0;
    left:0;
    width: 80px;
    height: 80px;
}
.communicationhArea div.innerWrap ul.type2 li{
    font-size: 18px;
    border: solid #91b34a 1px;
    background-color: white;

}
.communicationhArea div.innerWrap ul.type2 li a{
    display: inline-block;
    width:100%;
    height: inherit;
    padding-top: 12px;
    padding-left: 20px;
}
.communicationhArea div.innerWrap ul.type2 li a span {display:block;color:#91b34a;font-size:14px;margin-bottom:5px}
.communicationhArea div.innerWrap ul.type2 li a > span.more{
    display: block;
    position: absolute;
    width: 25px;
    height: 25px;
    line-height: 0;
    font-size:25px;
    border: 1px solid #333333;
    padding-left: 8px;
    transition: .5s;
}
.communicationhArea div.innerWrap .columnTitle {position:relative;width:282px}
.communicationhArea div.innerWrap .columnTitle a {display:block}
.communicationhArea div.innerWrap span.more.more-right{
    position:absolute;
    top: 30px;
    right: 30px;
    width:26px;height:26px;background:url('../../img/main/column_arrow.png') no-repeat center center;
}

.communicationhArea div.innerWrap .bx-wrapper {width: 866px;float: left;}
.communicationhArea div.innerWrap .bx-wrapper .bx-controls-direction {display:none}
/* type 3 */
.communicationhArea div.innerWrap > ul.type3 li > div.header{
    width:370px;
    height:119px;
    text-align: center;
    color: white;
    background: url('../../img/main/communicationhAreaBg1.jpg') center 100% no-repeat;
    padding-top:24px;
    z-index: 10;
    background-size: cover;
    border: 1px solid #666;
    border-bottom: 0;
}
.communicationhArea div.innerWrap > ul.type3 li:nth-child(3) > div.header{
    background: url('../../img/main/communicationhAreaBg2.jpg') center 100% no-repeat;
    background-size: cover;
}
.communicationhArea div.innerWrap > ul.type3 li > div.header h3{
    font-size: 27px;
}
.communicationhArea div.innerWrap > ul.type3 li > div.header h4{
    font-size: 18px;font-weight:300
}
.communicationhArea div.innerWrap > ul.type3 li > div.cover{
    width:370px;
    height: 290px;
    background-color: white;
    z-index: 20;
}


.communicationhArea div.innerWrap .type3 .wrap_controllers {display:none}
.communicationhArea div.innerWrap .type3 li ul.sns {width: 100%;overflow: hidden;}
.communicationhArea div.innerWrap .type3 li ul.sns li {float:left;width:33.333%}


/*관련사이트*/
.under_slider {position: relative;background: #eaeaea;height:60px;padding: 10px 0;}
.under_slider #ud_slider {width:1160px;margin: 0 auto}
.under_slider #ud_slider > p {width: 168px;background-color: #eaeaea;height: 60px;position: absolute;font-size: 14px;color: #333;letter-spacing: -1px;font-weight: 500;left: 0;top: 0;z-index: 99;padding-top: 10px;}
.under_slider #ud_slider .swiper-slide {/*width: 150px !important*/}
.under_slider #ud_slider .dn {display: none}
.under_slider .left {position: absolute;top: 10px;left: 50%;margin-left: -440px;cursor: pointer;z-index: 99;}
.under_slider .right {position: absolute;top: 10px;left: 50%;margin-left: 586px;cursor: pointer}