.gnb_bg{display:none;}
.br{display:block;} /* 줄바꿈 */

/* 상단 메뉴 */
.gnb li:hover i{position:absolute;top:71px;display:block;width:19px;height:10px;background:url(../images/gnb/main_arrow_ic.png) 0 0 no-repeat;z-index:100;}
.gnb li:nth-child(5n+1) i{right:30px;}
.gnb li:nth-child(5n+2) i{right:30px;}
.gnb li:nth-child(5n+3) i{right:50px;}
.gnb li:nth-child(5n+4) i{right:40px;}
.gnb li:nth-child(5n+5) i{right:30px;}
.gnb_sub {border:1px solid #333;background:#21abad;}
.gnb_sub li a {color:#fff;}
.gnb_sub1 {width:250px;}
.gnb_sub2 {width:780px;}
.gnb_sub3 {width:230px;}
.gnb_sub4 {width:290px;}
.gnb_sub5 {width:280px;}


/* 비쥬얼 */
#main_visual{position:relative;display:block;width:100%;height:915px;background:url(../images/main/visual01.jpg) 50% 50% no-repeat;background-size:cover;overflow:hidden;}
#main_visual .mv_wrap{position:relative;}
#main_visual .mv{position:relative;width:100%;height:915px;background:url(../images/main/visual01.jpg) 50% 50% no-repeat;background-size:cover;z-index:10;}
#main_visual .mvc1{background-image:url(../images/main/man-banner-kor.jpg);}
#main_visual .mvc2{background-image:url(../images/main/visual02.jpg);}
#main_visual .mvc3{background-image:url(../images/main/visual03.jpg);}

#main_visual .mvc1 p{padding-top:110px;text-align:center;font-size:25px;line-height:38px;color:#fff;font-family:Lnoto;}
#main_visual .mvc1 p .txt1{display:inline-block;width:145px;height:40px;background:url(../images/main/mvc1_txt1.png) 0 50% no-repeat;background-size:contain;text-indent:-9999px;margin-right:4px;}
#main_visual .mvc1 p .txt2{color:#00cac7;text-decoration:underline;font-family:exom;}

#main_visual .mvc2 .copy_txt{padding-top:75px;text-align:center;font-size:21px;line-height:32px;color:#fff;font-family:Lnoto;}
#main_visual .mvc2 .copy_txt h2{font-size:85px;color:#04ccc7;margin-bottom:20px;font-family:ESC;}
#main_visual .mvc2 .copy_txt .copy_btn{display:block;width:200px;height:45px;line-height:38px;text-align:center;color:#fff;font-size:20px;margin:0 auto;border:1px solid #fff;border-radius:0;margin-top:20px;}


#main_visual .mvc3 .copy_txt{padding-top:87px;text-align:center;font-size:21px;line-height:32px;color:#fff;font-family:Lnoto;}
#main_visual .mvc3 .copy_txt h2{font-size:72px;color:#fff;margin-bottom:10px;font-family:Mnoto;}
#main_visual .mvc3 .copy_txt h2 .txt1t1{display:inline-block;width:402px;height:75px;background:url(../images/main/mvc3_txt1.png) 0 50% no-repeat;background-size:contain;text-indent:-9999px;margin-right:4px;}
#main_visual .mvc3 .copy_txt .copy_btn{display:block;width:200px;height:45px;line-height:38px;text-align:center;color:#fff;font-size:20px;margin:0 auto;border:1px solid #fff;border-radius:0;margin-top:20px;}

#main_visual .mvc3 .prd_list{position:relative;max-width:1600px;height:395px;margin:0 auto;margin-top:50px;overflow:hidden;}
#main_visual .mvc3 .prd_list:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
#main_visual .mvc3 .prd_list .prd_item{float:left;display:inline-block;width:18%;height:395px;background:#fff;margin-left:2.5%;}
#main_visual .mvc3 .prd_list .prd_item:nth-child(5n+1){margin-left:0;}
#main_visual .mvc3 .prd_list .prd_item a{width:100%;}
#main_visual .mvc3 .prd_list .prd_item .prd_pic{display:table;width:100%;height:240px;background:#d2d8dd;overflow:hidden;}
#main_visual .mvc3 .prd_list .prd_item .prd_pic span{display:table-cell;width:100%;height:240px;vertical-align:middle;}
#main_visual .mvc3 .prd_list .prd_item .prd_pic img{width:100%;}
#main_visual .mvc3 .prd_list .prd_item .prd_txt{width:100%;height:155px;overflow:hidden;text-align:center;}
#main_visual .mvc3 .prd_list .prd_item .prd_txt p.tit{font-size:18px;color:#01908d;margin-top:8px;}
#main_visual .mvc3 .prd_list .prd_item .prd_txt h3{background:none;padding:0;margin:0;width:85%;font-size:22px;line-height:25px;height:50px;color:#111;font-family:exob,Rnoto;margin:0 auto;margin-top:2px;margin-bottom:10px;text-transform:uppercase;overflow:hidden;}
#main_visual .mvc3 .prd_list .prd_item .prd_txt p.button{border:1px solid #b5b5b5;width:106px;height:32px;line-height:30px;font-size:15px;color:#787878;border-radius:20px;margin: 0 auto;}

#main_visual .mvc3 .prd_list_control{max-width:1600px;margin:0 auto;margin-top:50px;text-align:center;}
#main_visual .mvc3 .prd_list_control ul li{display:inline-block;width:20px;height:20px;margin-left:10px;background:url(../images/main/prd_list_off.png) 50% 50% no-repeat;background-size:cover;text-indent:-9999px;}
#main_visual .mvc3 .prd_list_control ul li:first-child{margin-left:0px;}
#main_visual .mvc3 .prd_list_control ul li a{display:block;width:20px;height:20px;}
#main_visual .mvc3 .prd_list_control ul li.on{background:url(../images/main/prd_list_on.png) 50% 50% no-repeat;}


#main_visual .mv_control{position:absolute;right:50px;top:50%;width:72px;height:330px;margin-top:-165px;z-index:20;}
#main_visual .mv_control:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
#main_visual .mv_control ul li{display:inline-block;float:left;width:72px;height:110px;}
#main_visual .mv_control ul li a{display:block;width:72px;padding-top:78px;text-align:center;font-size:16px;color:#fff;}
#main_visual .mv_control ul li.ic1{background:url(../images/main/ic1.png) 0 0 no-repeat;background-size:100%;}
#main_visual .mv_control ul li.ic2{background:url(../images/main/ic2.png) 0 0 no-repeat;background-size:100%;}
#main_visual .mv_control ul li.ic3{background:url(../images/main/ic3.png) 0 0 no-repeat;background-size:100%;}
#main_visual .mv_control ul li.ic1.on{background-image:url(../images/main/ic1on.png);}
#main_visual .mv_control ul li.ic2.on{background-image:url(../images/main/ic2on.png);}
#main_visual .mv_control ul li.ic3.on{background-image:url(../images/main/ic3on.png);}

/* 바로가기 */
#shortcuts{position:relative;width:100%;height:78px;background:#00908c;}
#shortcuts ul{max-width:1600px;margin:0 auto;}
#shortcuts ul li{float:left;width:25%;line-height:78px;height:78px;text-align:center;border-right:2px solid #157d7c;}
#shortcuts ul li:first-child{border-left:2px solid #157d7c;}
#shortcuts ul li a{color:#fff;font-size:20px;font-family:Lnoto;}


/* FFG DMC는 지금 */
#m1{padding:60px 0 70px 0;max-width:1200px;margin:0 auto;}
#m1 h2{font-size:32px;line-height:32px;color:#1a2235;text-align:center;font-family:Rnoto;margin-bottom:40px;}  
#m1 h2 span{display:inline-block;width:168px;height:32px;background:url(../images/main/m1h2.png) no-repeat;text-indent:-9999px;}
#m1 .m1c1{}
#m1 .m1c1:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
#m1 .m1c1 .m1c1_item{position:relative;float:left;width:32%;margin-left:2%;/*! max-width:285px; */}
#m1 .m1c1 .m1c1_item img{width:100%;height:230px;}
#m1 .m1c1 .m1c1_item:first-child{margin-left:0;}
#m1 .m1c1 .m1c1_item span.tit{position:absolute;left:0;bottom:0;display:block;width:100%;height:60px;background:#000;opacity:0.6;color:#fff;font-size:16px;text-align:center;padding:5px 8px;}


/* 컨텐츠 */
#m2{width:100%;height:658px;background:url(../images/main/m2bg.png) 50% 50% no-repeat;}
#main_container {max-width:1200px;margin:0 auto;padding-top:85px;}
#main_container:after{content:'';display:block;clear:both;height:0;visibility:hidden;}

#m2 .m2c a{display:block;color:#fff;padding: 30px 0 0 25px;width:100%;height:100%;}
#m2 .m2c h2{font-size:22px;background:url(../images/main/m2bg2.jpg) left bottom no-repeat;padding-bottom:15px;margin-bottom:10px;}
#m2 .m2c p{font-size:16px;}

/* 공지사항 */
.m2c1{float:left;width:50%;height:186px;background:#fff;padding:30px 25px 0 25px;overflow:hidden;}
.m2c1 h2{float:left;width:50%;display:inline-block;color:#22abad;font-size:20px;line-height:26px;}
.m2c1 a.more{width:50%;text-align:right;float:right;display:inline-block;background:url(../images/main/ic_more.png) 100% 50% no-repeat;line-height:26px;padding-right:32px;}
.m2c1 a.bbs{float:left;display:block;position:relative;width:100%;}
.m2c1 a.bbs .tit{display:block;width:100%;font-size:24px;color:#333333;font-family:Mnoto;padding:15px 0;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.m2c1 a.bbs .txt{display:block;font-size:16px;height:47px;overflow:hidden;}
.m2c1 a.bbs .date{display:none;position:absolute;right:0;bottom:0;}

/* 고객센터공지사항 */
.m2c2{float:left;width:50%;height:186px;padding:30px 25px 0 25px;background:url(../images/main/m2c2bg.jpg) 50% 50% no-repeat;color:#fff;text-align:center;overflow:hidden;} 
.m2c2 h2{font-size:24px;}
.m2c2 p.no{display:block;font-size:42px;font-family:Mnoto;padding:20px 0;}
.m2c2 p.txt{display:inline-block;font-size:18px;line-height:36px;border-top:1px solid #c0c0c4;margin-top:1px;padding:0 15px;}

/* 채용공고공지사항 */
.m2c3{float:left;width:25%;height:286px;background:#009040 url(../images/main/m2c3bg.jpg) 100% 100% no-repeat;overflow:hidden;}
/* 찾아오시는 길공지사항 */
.m2c4{float:left;width:25%;height:286px;background:#0e76bc url(../images/main/m2c4bg.jpg) 100% 100% no-repeat;overflow:hidden;}
/* 회사개요공지사항 */
.m2c5{float:left;width:25%;height:286px;background:#3b3f4b url(../images/main/m2c5bg.jpg) 100% 100% no-repeat;overflow:hidden;}
/* FFG 공지사항 */
.m2c6{float:left;width:25%;height:286px;background:#22abad url(../images/main/m2c6bg.jpg) 100% 100% no-repeat;overflow:hidden;}


@media all and (max-width:1800px) {
  #main_visual .mv_control{right:35px;}
  #main_visual .mvc3 .prd_list{width:96%;}
  #main_visual .mvc3 .prd_list .prd_item{width:17.5%;margin-left:0;margin-right:1.65%;}
}

@media all and (max-width:1400px) {
  #main_visual{height:580px;}
  #main_visual .mv_wrap{height:580px;}
  #main_visual .mv{height:580px;}

  #main_visual .mv_control{right:30px;width:55px;height:270px;margin-top:-135px;}
  #main_visual .mv_control ul li{width:55px;height:90px;}
  #main_visual .mv_control ul li a{width:55px;padding-top:58px;font-size:13px;}

  #main_visual .mvc1 p{padding-top:60px;font-size:20px;line-height:32px;}
  #main_visual .mvc1 p .txt1{width:110px;height:34px;margin-right:2px;}

  #main_visual .mvc2 .copy_txt{padding-top:45px;font-size:20px;line-height:32px;}
  #main_visual .mvc2 .copy_txt h2{font-size:55px;margin-bottom:15px;}
  #main_visual .mvc2 .copy_txt .copy_btn{width:150px;height:35px;line-height:30px;font-size:14px;margin-top:15px;}

  #main_visual .mvc3 .copy_txt{padding-top:70px;font-size:15px;line-height:22px;}
  #main_visual .mvc3 .copy_txt h2{font-size:28px;margin-bottom:8px;}
  #main_visual .mvc3 .copy_txt h2 .txt1t1{display:inline-block;width:140px;height:30px;background:url(../images/main/mvc3_txt1.png) 0 50% no-repeat;background-size:contain;text-indent:-9999px;margin-right:2px;}
  #main_visual .mvc3 .copy_txt .copy_btn{width:150px;height:35px;line-height:30px;font-size:13px;margin-top:10px;}

  #main_visual .mvc3 .prd_list{margin-top:20px;height:270px;}
  #main_visual .mvc3 .prd_list .prd_item{height:270px;margin-right:1.5%;}
  #main_visual .mvc3 .prd_list .prd_item a{width:100%;}
  #main_visual .mvc3 .prd_list .prd_item .prd_pic{height:140px;}
  #main_visual .mvc3 .prd_list .prd_item .prd_pic span{height:140px;text-align:center;}
  #main_visual .mvc3 .prd_list .prd_item .prd_pic img{width:80%;}
  #main_visual .mvc3 .prd_list .prd_item .prd_txt{height:130px;}
  #main_visual .mvc3 .prd_list .prd_item .prd_txt p.tit{font-size:13px;margin-top:8px;}
  #main_visual .mvc3 .prd_list .prd_item .prd_txt h3{font-size:16px;line-height:20px;height:40px;margin-top:2px;margin-bottom:10px;}
  #main_visual .mvc3 .prd_list .prd_item .prd_txt p.button{width:75px;height:22px;line-height:20px;font-size:13px;}
  #main_visual .mvc3 .prd_list_control{margin-top:20px;}
  #main_visual .mvc3 .prd_list_control ul li{margin-left:5px;}

}

@media all and (max-width:1199px) {
  .gnb li:nth-child(5n+1) i{right:25px;}
  .gnb li:nth-child(5n+2) i{right:25px;}
  .gnb li:nth-child(5n+3) i{right:45px;}
  .gnb li:nth-child(5n+4) i{right:35px;}
  .gnb li:nth-child(5n+5) i{right:25px;}
  .gnb_sub {border:1px solid #333;background:#21abad;}
  .gnb_sub li a{font-size:15px;line-height:45px;}
  .gnb_sub1 {left:-75px;width:760px;}
  .gnb_sub2 {left:-250px;width:675px;}
  .gnb_sub3 {left:-220px;width:500px;}
  .gnb_sub4 {left:-70px;width:270px;}
  .gnb_sub5 {left:-200px;width:435px;}
}

@media all and (max-width:1000px) {
  #main_visual{height:550px;}
  #main_visual .mv_wrap{height:550px;}
  #main_visual .mv{height:550px;}

  #main_visual .mv_control{right:50%;top:20px;width:122px;height:34px;margin-top:0;margin-right:-61px;}
  #main_visual .mv_control:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
  #main_visual .mv_control ul li{width:34px;height:34px;margin-left:10px;}
  #main_visual .mv_control ul li:first-child{margin-left:0;}
  #main_visual .mv_control ul li a{width:34px;padding-top:0;text-indent:-9999px;}

  #main_visual .mvc1 p{padding-top:74px;font-size:16px;line-height:22px;}
  #main_visual .mvc1 p .txt1{width:70px;height:24px;}

  #main_visual .mvc2 .copy_txt{padding-top:70px;font-size:16px;line-height:22px;}
  #main_visual .mvc2 .copy_txt h2{font-size:45px;margin-bottom:10px;}

  #main_visual .mvc3 .copy_txt{padding-top:70px;font-size:15px;line-height:22px;}
  #main_visual .mvc3 .copy_txt h2{font-size:28px;margin-bottom:8px;}
  #main_visual .mvc3 .copy_txt h2 .txt1t1{width:140px;height:30px;margin-right:2px;}

  #main_visual .mvc3 .prd_list{margin-top:20px;height:250px;}
  #main_visual .mvc3 .prd_list .prd_item{width:18%;height:250px;margin-right:0;margin-left:2.5%;}
  #main_visual .mvc3 .prd_list .prd_item a{width:100%;}
  #main_visual .mvc3 .prd_list .prd_item .prd_pic{height:120px;}
  #main_visual .mvc3 .prd_list .prd_item .prd_pic span{height:120px;}
  #main_visual .mvc3 .prd_list .prd_item .prd_txt{height:130px;}
  #main_visual .mvc3 .prd_list .prd_item .prd_txt p.tit{font-size:13px;margin-top:8px;}
  #main_visual .mvc3 .prd_list .prd_item .prd_txt h3{font-size:14px;line-height:18px;height:40px;margin-top:2px;margin-bottom:10px;}
  #main_visual .mvc3 .prd_list .prd_item .prd_txt p.button{width:75px;height:22px;line-height:20px;font-size:13px;}
  #main_visual .mvc3 .prd_list_control{margin-top:20px;}
  #main_visual .mvc3 .prd_list_control ul li{margin-left:5px;}

  #shortcuts{height:34px;}
  #shortcuts ul li{line-height:32px;height:32px;}
  #shortcuts ul li a{font-size:13px;}

  #m1{padding:20px 0 20px 0;max-width:1200px;margin:0 auto;}
  #m1 h2{font-size:16px;line-height:16px;margin-bottom:10px;}  
  #m1 h2 span{display:inline-block;width:98px;height:18px;background-size:contain;text-indent:-9999px;}
  #m1 .m1c1 .m1c1_item span.tit{height:46px;font-size:13px;line-height:18px;overflow:hidden;}
  #m1 .m1c1 .m1c1_item img{height:120px;}

  #m2{width:100%;height:392px;}
  #main_container {padding-top:25px;}

  #m2 .m2c a{padding: 15px 0 0 10px;}
  #m2 .m2c h2{font-size:16px;padding-bottom:15px;margin-bottom:10px;}
  #m2 .m2c p{font-size:13px;line-height:18px;}

  .m2c1{height:140px;background:#fff;padding:10px 10px 0 10px;}
  .m2c1 h2{font-size:14px;line-height:20px;}
  .m2c1 a.more{font-size:12px;background-size:20px;line-height:20px;padding-right:25px;}
  .m2c1 a.bbs .tit{font-size:16px;line-height:22px;padding:5px 0;}
  .m2c1 a.bbs .txt{font-size:13px;line-height:18px;height:34px;}
  .m2c1 a.bbs .date{display:block;position:relative;font-size:12px;} 

  .m2c2{height:140px;padding:22px 10px 0 10px;} 
  .m2c2 h2{font-size:16px;}
  .m2c2 p.no{font-size:24px;padding:12px 0;}
  .m2c2 p.txt{font-size:13px;line-height:22px;padding:0 5px;}

  .m2c3,.m2c4,.m2c5,.m2c6{height:200px;background-size:50%;}
}


@media all and (max-width:600px) {
  .br {display:inline;}
  #main_visual{height:290px;}
  #main_visual .mv_wrap{height:290px;}
  #main_visual .mv{height:290px;}
  #main_visual .mv_control{top:15px;width:110px;height:30px;margin-right:-55px;}
  #main_visual .mv_control ul li{width:30px;height:30px;margin-left:5px;}

  #main_visual .mvc1 p{display:block;width:85%;margin:0 auto;padding-top:60px;font-size:13px;line-height:18px;}
  #main_visual .mvc1 p .txt1{width:60px;height:20px;}

  #main_visual .mvc2 .copy_txt{display:block;width:85%;margin:0 auto;padding-top:50px;font-size:12px;line-height:18px;}
  #main_visual .mvc2 .copy_txt h2{font-size:27px;margin-bottom:0px;}
  #main_visual .mvc2 .copy_txt .copy_btn{background-color:#324068;border-color:#2b385b;font-size:12px;width:100px;height:25px;line-height:20px;margin-top:8px;}

  #main_visual .mvc3 .copy_txt{padding-top:60px;font-size:15px;line-height:22px;}
  #main_visual .mvc3 .copy_txt h2{font-size:21px;margin-bottom:8px;}
  #main_visual .mvc3 .copy_txt h2 .txt1t1{width:100px;height:23px;}
  #main_visual .mvc3 .copy_txt p{display:none;}
  #main_visual .mvc3 .copy_txt .copy_btn{display:none;}

  #main_visual .mvc3 .prd_list{margin-top:10px;height:150px;}
  #main_visual .mvc3 .prd_list .prd_item{height:150px;}
  #main_visual .mvc3 .prd_list .prd_item .prd_pic{height:80px;}
  #main_visual .mvc3 .prd_list .prd_item .prd_pic span{height:80px;}
  #main_visual .mvc3 .prd_list .prd_item .prd_txt{height:70px;}
  #main_visual .mvc3 .prd_list .prd_item .prd_txt p.tit{font-size:12px;margin-top:3px;}
  #main_visual .mvc3 .prd_list .prd_item .prd_txt h3{font-size:12px;line-height:16px;height:34px;margin-top:0;}
  #main_visual .mvc3 .prd_list .prd_item .prd_txt p.button{display:none;}
  #main_visual .mvc3 .prd_list_control{margin-top:10px;}
  #main_visual .mvc3 .prd_list_control ul li{margin-left:2px;}

  #shortcuts{height:62px;}
  #shortcuts ul li{width:33.33%;border:1px solid #157d7c;margin-top:-1px;margin-left:-1px;}
  #shortcuts ul li:nth-child(3n+1){border-left:none;}
  #shortcuts ul li:nth-child(3n){border-right:none;}

  #m1 .m1c1 .m1c1_item{width:49%;margin-left:2%;margin-bottom:2%;}
  #m1 .m1c1 .m1c1_item:nth-child(2n+1){margin-left:0;}
  .m2c1,.m2c2{width:100%;}
  .m2c3,.m2c4,.m2c5,.m2c6{width:50%;height:160px;}
}