@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700');

*{font-family:Noto Sans Korean, NanumSR, Nanum Gothic,'나눔고딕','돋움',Dotum,AppleGothic,sans-serif;  list-style:none; text-decoration:none;}
#wrapper {position:relative; width:100%; }
.wrap{width:1330px; margin:0 auto; }

#headerWrap {position:absolute; top:0px;  width:100%; z-index:999999;}
.headerInner {position:relative; /* width:1330px;*/ width:100%; margin:0 auto;}
.lang {z-index:999;position:relative; width:1330px; margin:0 auto;  height:25px; text-align:right; line-height:25px; margin-top:5px; margin-bottom:10px;
}

#contentWrap {position:relative; width:100%; overflow:hidden; }
.content {position:relative; width:1200px; margin:0px auto; padding:0; clear:both;}
#footerWrap {position:relative; width:100%; clear:both;}

::selection {background:rgba(255,153,0,0.5); color:#fff;}
:focus {outline: none;}
.purple{color:#B960AD !important;}
.green{color:#78C60E!important;}
.orange{color:#FF8A00 !important;}

.mobile{display:none !important}


/*Header*/
#headerWrap{width:100%; height:100px;  z-index:9999;}
#headerWrap .headerInner{height:100px;}

#headerWrap .headerInner .tlogo{background:none; text-align:center; position:relative;  float:left; height:100px;
 line-height:100px; box-sizing:border-box; padding:0px 0; width:20%; }
#headerWrap .headerInner .tlogo img{ padding-top:5%;}


.total{ z-index:9; position:absolute; top:0px; right:1%;  height:90px;   background:#none;}
.total ul {margin-top:35px;}
.total ul li{display:inline-block;float:left; color:#fff;}
.total ul li span{padding-left:15px; padding-right:15px; }

.mobileview1{display:none;}

.gnbArea{width:80%; height:100%; position:relative; float:left; top:0;  border-top:none;  z-index:0; background:#none; }
.gnbArea p.closeBtn{display:none}
.gnbArea>ul{position:absolute; top:0px; left:0px; /*width:1102px;*/ height:100px; /*zoom:1;*/  background:#fff;
/*box-shadow: 10px 10px 15px #000; */}

.gnbArea>ul:after{content:'';display:block; clear:both}
.gnbArea>ul>li{position:relative;  float:left; text-align:center; box-sizing:border-box;}

.gnbArea>ul>li>a{position:relative; z-index:9; display:block; height:100%; padding:0; font-size:18px; color:#000; font-weight:500;  cursor:pointer;  letter-spacing:-0.05em}
.gnbArea>ul>li>a>span{display:inline-block;width:160px; padding-top:35px; font-weight:500; }
.gnbArea>ul>li>a>span:after{content:""; display:block; position:absolute; width:100%; height:100%;  left:50%; margin-left:-50%; height:3px; background:#333333; margin-top:44px; transition:all .3s; transform:scaleX(0);}
.gnbArea>ul>li:last-child>a>span{}

.gnbArea>ul>li>.subMenu{position:relative; z-index:9; display:none;}

.gnbArea>ul>li.on>a{color:#000; font-weight:900; }
.gnbArea>ul>li.on:after{background:rgba(0,0,0,0.8); display:block; content:""; position:absolute; width:100%; height:70%; top:100px; left:50%; margin-left:-50%;}
.gnbArea>ul>li.on>a>span{padding:35px 26.5px 25px;}
.gnbArea>ul>li.on>a>span:after {transform:scaleX(1);}
.gnbArea>ul>li.on>.subMenu{display:block;  padding:50px 0px 20px 0px;}
.gnbArea>ul>li.on>.subMenu li{width:100%; text-align:center;}
.gnbArea>ul>li.on>.subMenu li a{width:100%; font-size:14px; padding:6px 0; color:rgba(250,250,250,0.6); display:inline-block;}
.gnbArea>ul>li.on>.subMenu li a:hover{ color:#fff; }

.full_menu_wrap{ display:none; position:absolute; top:0px;width:100%; height:350px; background:#0f449c; border-top:2px solid #075186; z-index:99999;}
.full_menu_wrap .full_menu_img{float:left; background:url('/kr/img/common/hd_full_img.png') no-repeat left bottom; width:431px; height:199px;}
.full_menu_wrap .full_menu{float:right; margin-left:20px;  width:1090px;}
.full_menu_wrap .full_menu>li{ float:left; text-align:left; width:174px; padding-top:34px;  margin-right:7px;}
.full_menu_wrap .full_menu>li:last-child{margin-right:7px;}
.full_menu_wrap .full_menu>li span{ text-align:center; padding:21px; border:2px solid #597db8; font-weight:500; font-family:Noto Sans Korean, NanumSR,sans-serif; display:block; font-size:18px; margin-bottom:10px; color:#fff;}
.full_menu_wrap .full_menu>li a{margin-left:16px; position:relative; font-size:14px;  padding:7px 0; display:block; color:#fff;}
.full_menu_wrap .full_menu>li a:hover{color:#fff; font-weight:bold;}
.full_menu_wrap .full_menu>li a:hover:before{content:""; display:block; width:3px; height:3px; background:#BC58AF; position:absolute; top:13px; left:-10px;}

/* 메인이미지 */
#visual { width:100%; overflow:hidden; position:relative;  height:890px;  padding-top:0px; background:#333; }
/* Visual Fade Effect */
.visual_left{ background:url('/html/images/yega_topleftbg.jpg')center;background-size:100%;position:relative; float:left; width:20%;    height:890px; }
.leftcontact {width:80%; bottom:0; position:absolute; left:10%; padding-bottom:10%;}

.lefttt01{color:#fff; font-size:18px; font-family: 'Montserrat', sans-serif; font-weight:600; margin-bottom:25px;}
.lefttt02{color:#fff; font-size:14px; font-family: 'Montserrat', sans-serif; font-weight:600; line-height:22px;}
.lefttt02 span{padding-left:15px; padding-right:15px; }
.pl4{padding-left:3px;}

.visual_wrap { position:relative; width:80%; height:100%; margin:0 auto;    float:right; }

.visual_box { position:absolute; width:100%; margin:0 auto;}
.visual_box div {position:absolute; top:0;  left:0; border:0px solid red; height:890px; width:100%;    border:0px solid red; }
.visual_box div  img{width:100%;}
.v_ul { position:absolute;  bottom:300px; right:50%; margin-right:-74px;    z-index:999; }
.v_ul li { float:left;  z-index:1;  cursor:pointer; margin-right:6px; }
.v_btn01 {  position:absolute;  top:750px;  left:-97px; background:#b07947; width:95px; height:95px; cursor:pointer; color:#fff ! important; font-weight:600;  font-size:14px;line-height:40px; opacity:0.9; text-transform:uppercase;z-index:999; }
.v_btn02 {  position:absolute;  z-index:1; background:#c4956a; top:750px;  left:0px; width:95px; height:95px; cursor:pointer; color:#fff ! important; font-weight:600;  font-size:14px;line-height:40px; opacity:0.9; text-transform:uppercase;z-index:999;  }

/* 메인 슬라이드 버튼*/
.btnArrowBox { position:absolute; z-index:999; left:50px; }

.visual_p { /*position:absolute;*/  left:0;}

#visual .visual_p { /*position:absolute;*/  left:0;}
#visual .visual_p img{width:100%;}
#visual .vs_txt {position:absolute; right:0%; bottom:0; margin-left:0px; text-align:center; z-index:50; background:url(../images/main/bg_vtxt.png) no-repeat center top;}
#visual .vs_txt .m-txt {margin:0px 0 0}

.mainbg01{background:url('/html/images/main01.jpg'); background-size:cover;}
.mainbg02{background:url('/html/images/main02.jpg'); background-size:cover;}
.mainbg03{background:url('/html/images/main03.jpg'); background-size:cover;}
.mainbg04{background:url('/html/images/main04.jpg'); background-size:cover;}
.mainbg05{background:url('/html/images/main05.jpg'); background-size:cover;}






@media screen and (max-width:1200px) {
#visual{height:600px;}
.visual_wrap1 {position:relative; width:100%; height:500px;   float:left;background:url('/kr/images/main/main_04.jpg'); background-size:cover; }
.visual_tex1 { position:absolute; width:100%; text-align:right; z-index:999; bottom:0;}
.visual_tex1 img{width:30%;}
.visual_left{display:none;}
.visual_wrap{width:100%;}
}


@media screen and (max-width:890px) {
#visual{height:600px; position:relative; }
.mainbg01{background:url('/html/images/main01.jpg'); background-size:150%;}
.mainbg02{background:url('/html/images/main02.jpg');  background-size:150%;}
.mainbg03{background:url('/html/images/main03.jpg');  background-size:150%;}
.mainbg04{background:url('/html/images/main04.jpg');  background-size:150%;}
.mainbg05{background:url('/html/images/main05.jpg');  background-size:150%;}
#visual .vs_txt {position:absolute; right:0%; bottom:0; margin-left:0px; text-align:center; z-index:50; background:url(../images/main/bg_vtxt.png) no-repeat center top;}
#visual .vs_txt .m-txt img{width:100%;}

.v_btn01 {  position:absolute;  top:300px;  left:0px; background:#b07947; width:55px; height:55px; cursor:pointer; color:#fff ! important; 
    font-weight:600;  font-size:14px;line-height:40px; opacity:0.9; text-transform:uppercase;z-index:999; }
    .v_btn01 img{width:100%;}
.v_btn02 {  position:absolute;  z-index:1; background:#b07947; top:300px;  left:56px; width:55px; 
    height:55px; cursor:pointer; color:#fff ! important; font-weight:600;  font-size:14px;line-height:40px; opacity:0.9; text-transform:uppercase;z-index:999;  }
 .v_btn02 img{width:100%;}
}


@media screen and (max-width:580px) {
#visual{background:#333;}
.mainbg01{background:url('/html/images/main01.jpg')center top; background-size:150%;}
.mainbg02{background:url('/html/images/main02.jpg')center top;  background-size:150%;}
.mainbg03{background:url('/html/images/main03.jpg')center top;  background-size:150%;}
.mainbg04{background:url('/html/images/main04.jpg')center top;  background-size:150%;}
.mainbg05{background:url('/html/images/main05.jpg')center top;  background-size:150%;}
#visual .vs_txt {position:absolute; right:0%; bottom:0; margin-left:0px; text-align:center; z-index:50; background:url(../images/main/bg_vtxt.png) no-repeat center top;}
#visual .vs_txt .m-txt img{width:100%;}
}





/******** 원단소개*************/
.fabric{position:relative; width:100%; overflow:hidden;background:url('/kr/images/main/fabric_bg.jpg'); padding:70px 0px 0px 0px; text-align:center; border:0px solid red;}
.fabricarea{position:relative; width:1300px; margin:70px auto; text-align:left; border:0px solid red;}
.subfabric{position:relative; width:100%; overflow:hidden;background:url('/kr/images/main/fabric_bg.jpg'); padding:70px 0px 30px 0px; text-align:center; border:0px solid red;}
.subfabricarea{position:relative; width:1300px; margin:70px auto; text-align:left; border:0px solid red;}

.fabriclist{background: #fff; text-align:left; box-shadow:5px 5px 10px rgba(0,0,0,0.1);
z-index:555; position: absolute; top:20% !important; right:2%; margin:auto; width:450px; padding:55px 45px; box-sizing:border-box; border:0px solid #efefef;
}
.sub_fabriclist{ font-size:17px; line-height:26px;
background: #fff; text-align:left;box-shadow:5px 5px 10px rgba(0,0,0,0.1);
z-index:555; position: absolute; top:-10% !important; right:5%; margin:auto; width:90%; padding:55px 45px; box-sizing:border-box; border:1px solid #efefef;
}
.mt20per{margin-top:20%; }
.mb35 { margin-bottom:55px  !important;}
.fabriclist ul li img:hover { cursor:pointer; transform:scale(1.1); border-radius:100px; box-shadow:8px 12px 18px rgba(0,0,0,0.25); transition:all 0.2s ease-in-out; left:0; top:0; border:0px solid #af9676; content:''; box-sizing:border-box; z-index:8888;}

.fabriclist ul li dl{width:100%; float:left; display:inline-block; }
.fabriclist ul li dl dt{width:30%;    float:left; text-align:left;  border:0px solid red;}

.fabriclist ul li dl dd{width:70%;   float:left; padding-left:20px; box-sizing:border-box; }

.fabriclistt{color:#000; font-size:1.7em; font-weight:600; line-height:27px;}
.fabriclistt span{color:#cc6633; font-weight:600;}
.fabriclistt1{color:rgba(0,0,0,0.6); font-size:1.1em; margin-top:15px; line-height:24px;}
.fabricarea1{display:none;}


@media screen and (max-width:1200px) {
.fabric{padding:20px 0px;}
.fabricarea{position:relative; width:100%; overflow:hidden;  margin:30px auto;}
.fabricarea img{width:100%;}
.subfabric{padding:0px; }
.subfabricarea{width:100%; margin:0 auto;}
.sub_fabriclist{position:relative; width:100%;  right:0%;   padding:15px; font-size:15px;}
.mt20per{margin-top:0%; }
}




@media screen and (max-width:870px) {
.fabricarea{ margin:30px auto;}
.fabriclist{position:relative !important; background: #fff; text-align:left; 
z-index:555;  margin:auto; width:100%; padding:35px 25px; box-sizing:border-box; border:0px solid #efefef; overflow:hidden;}
 }  


@media screen and (max-width:580px) {

.fabriclist ul li dl dt{width:20%;    float:left; text-align:left;  border:0px solid red;}
.fabriclist ul li dl dd{width:80%;   float:left; padding-left:15px; box-sizing:border-box; }
.fabriclistt{color:#000; font-size:1.4em; font-weight:600; line-height:27px;}
.fabriclistt span{color:#cc6633; font-weight:600;}
.mb35 { margin-bottom:25px  !important;}
}


/******** 생산공정시작 *************/
.processarea{ position:relative; width:100%;overflow:hidden;background:url('/html/images/yega_bg01.jpg')top; margin-top:35px;}
.process{position:relative; width:1300px; margin:0px auto; padding:0; clear:both; text-align:center;}
.processleft{float:left;  text-align:left; width:30%;  box-sizing:border-box; padding:120px 0px; }
.processright{float:left; width:70%;  padding:120px 0px;   border-left:1px solid rgba(250,250,250,0.2);}
.processtt{color:#be9167; font-size:16px; line-height:35px;}
.processtt1{ font-family: 'Montserrat', sans-serif; color:#FFF; font-size:65px; line-height:55px;  font-weight:700;}
.processtt1 span{font-weight:100;}
.processtt2{color:#fff; font-size:35px; line-height:35px; font-weight:500;margin-top:35px;}
.processtt2 span{font-weight:200;}
.processtt3{color:#cccccc; font-size:15px; line-height:40px; margin-top:15px; }
.processarea2_1{display:none;}


@media screen and (max-width:1200px) {

.process{width:100%;}

}




@media screen and (max-width:870px) {
.processleft{float:left;  text-align:center; width:100%;  box-sizing:border-box; padding:20px 0px; }
.processright{float:left; width:100%;  padding:20px 20px 40px 20px;  box-sizing:border-box; border-left:0px solid rgba(250,250,250,0.2);}
.processtt1{ font-family: 'Montserrat', sans-serif; color:#FFF; font-size:30px; line-height:25px;  font-weight:700;}
}



#m_board1 {
    float:right;
    position: relative;
    width:85%;
    margin-right: 0;
    position: relative;
    margin: 0 auto;
    border:0px solid #ddd;
}

.tabs1 {
    width:200px;
    background:none;
    margin-top:30px;
    border:0px solid red;
    overflow:hidden;
    float:right;
    
}
.tabs1 li {
    display:inline-block;
    margin:0 auto;    
    
    color:rgba(250,250,250,0.6);
    float:left;
    background:none;
   height:45px; 
      line-height:45px;
   
    width:100%;
    text-align:right;
     border:0px solid red;
    
   
    box-sizing:border-box;
    

}
.tabs1 li a {
    font-size:19px;
    color:rgba(250,250,250,0.6);
     padding-right:55px;
    
      height:45px; 
      line-height:45px; background:url('/html/images/bar01over.png')right no-repeat;
  
    
}
.tabs1 li a:hover {
    color: #fff;
    font-size:22px; 
   
    background:url('/html/images/bar01.png')right no-repeat;
}

.tabs1 li.wd50per{width:50% !important;}

.tabs1 .active a {
    color: #fff;
    background:none;
    box-sizing: border-box;
    font-size:20px;
    font-weight: 500;
    text-decoration:none;
    
    background:url('/html/images/bar01.png')right no-repeat;
    

}
#m_board1 .more {
    position: absolute;
    right: 17px;
    top: 16px;
}
#m_board1 .more a {
    display: block;
    padding: 5px;
    border: 1px solid #ddd;
}
#m_board1 .more a:hover {
    border: 1px solid #1e83eb
}
#m_board1 .tab_container1 {
    border: 0px solid red;
    text-align: left;
    background: none;
     
    
    text-align:center;
    overflow:hidden;
}
#m_board1 .tab_content1 ul li {
    display: inline-block;
    width:100%;
    float:left;
   
    border:0px solid #e1e1e1;
    padding:0px;
    box-sizing: border-box;
    text-align:center;
    position:relative; 
    margin:0px;
}7777777777777


.tab_content1{margin-top:0px; background:none;}
/*.tab_content1 ul li div {opacity:1; position:absolute; bottom:0; right:0px; width:40%; height:50%; background:rgba(0,0,0,0.7); padding:25px; 
text-align:left;}
*/
.processtt4{position:relative; text-align:right; width:100%;float:right;font-size:55px; line-height:65px;  color:#fff;  font-weight:100;}
.processtt5{position:relative; text-align:right;  width:100%;font-size:1.1em; line-height:25px; color:#fff;  font-weight:200;border:0px solid red;
margin-bottom:30px; 
}

.wd100per{width:100%;}

/*.tab_content1 ul li:hover > div { border: 1px solid #000; opacity:1; background:url("/images/back_01.png"); transition-duration: 900ms;}*/


@media screen and (max-width:870px) {
.tabs1{width:100%;}
.tabs1 li{width:31%; margin:1%; text-align:center; font-sze:15px !important; border:1px solid rgba(250,250,250,0.2);  height:45px; 
      line-height:45px;}
.tabs1 li a {    font-size:16px;
    color:rgba(250,250,250,0.6);
     padding-right:0px;
    
      height:45px; 
      line-height:45px; background:none;  
    
}
.tabs1 .active a {background:none;  font-size:17px; }
.tabs1 li a:hover{background:none; font-size:17px;  }
#m_board1 {width:100%;}
#m_board1 .tab_container1 {width:100%;}

.processtt4{position:relative; text-align:center; width:100%;float:right;font-size:35px; line-height:65px;  color:#fff;  font-weight:300;}
.processtt5{position:relative; text-align:center;  width:100%;font-size:1em; line-height:25px; color:#fff;  font-weight:200;border:0px solid red;
margin-bottom:30px; 
}



}



.main_about{position:relative; width:100%;   padding-top:0px; padding-bottom:100px;box-sizing:border-box;}
.aboutdiv{width:1300px; margin:0 auto;position:relative; }
.aboutdivtt{position:absolute; top:15%; left:0px; font-size:55px; color:#333333;  font-weight:600; }
.aboutdivtt span{font-weight:100;}
.aboutdivtt1{margin-top:25px; margin-left:5px; font-size:18px !important; color:#333333;  font-weight:400; letter-spacing:-0.5px; line-height :35px;}


@media screen and (max-width:1200px) {

.aboutdiv{width:100%; margin:0 auto;position:relative;position:relative; }
.aboutdiv img{width:100%;}

}

@media screen and (max-width:970px) {
.main_about{position:relative; width:100%;   padding-top:0px; padding-bottom:40px;box-sizing:border-box;}
.aboutdivtt{position:relative; top:15%; left:0px; font-size:35px; color:#333333;  font-weight:600; }
.aboutdivtt span{font-weight:100;}
.aboutdivtt1{font-size:17px !important; color:#333333; }
   
}

@media screen and (max-width:580px) {
.main_about{position:relative; width:100%;   padding-top:0px; padding-bottom:30px;box-sizing:border-box;}
.aboutdiv{ margin:0 auto;position:relative;  padding:50px 0px;}
.aboutdivtt{position:relative; top:15%; left:0px; font-size:25px; color:#333333;  font-weight:600; }
.aboutdivtt1{width:90%; margin:0 auto; line-height:22px; font-size:16px !important; margin-top:10px; }

   } 


/******** 활용분야 *************/
.useinfo{overflow:hidden; position:relative; width:100%; background:#f5f5f5;  padding:0px 0px 100px 0px; box-sizing:border-box;}
.usett{overflow:hidden;width:80%; float:right; position:relative; height:150px; background:url('/kr/images/main/bar_01.png')bottom; 
padding-top:85px; box-sizing:border-box; }
.usett ul li{float:left; display:inline-block; height:50px;}
.usett1{background:url('/kr/images/main/dot02.png') left top no-repeat; padding-left:0px;  font-family: 'Montserrat', sans-serif; color:#000;
font-size:55px; font-weight:200; height:50px; line-height:50px; letter-spacing:-0.1em;}
.usett1 span{font-weight:500; letter-spacing:0em;font-family: 'Montserrat', sans-serif;}
.pl25{padding-left:25px; line-height:22px; color:#999999;  font-size:1em; margin-top:5px;}

.usephotoa{position:relative; width:100%; height:535px; text-align:center;  overflow:hidden; margin-top:90px; 
    /* background:url('/kr/images/main/use_bg.jpg') center; */ border:3px solid red;

}
.usephoto{position:relative; /* width:1300px; */  margin: 0 auto; overflow:hidden;}

.usephoto ul {display:inline-block;  width:1300px; }
.usephoto ul li.first01{width:5%;}
.usephoto ul li.secon01{ 
/*  width:90%; text-align:right; position:relative; */
   width:95%; position:relative;
}

.usephoto ul li .more01{position:absolute; bottom:0; right:0px; }
.usephoto ul li .detail01{
    /* position:absolute; text-align:left; top:25%; left:-200px; background:#000; padding:35px; width:279px; */
    position:absolute; z-index:999; text-align:center; bottom:0%; background:#000; padding:15px 0;  width:100%;
    opacity:0.5; 
}
.usephoto ul li.last01{width:10%;}




/* .usett2{color:#999999; font-size:1.4em; line-height:45px;} */
.usett2{color:#eee; font-size:1.4em; line-height:45px;}
.usett3{color:#c4956a; font-size:1.5em; line-height:75px; font-weight:500;}
.usett4{color:#fff;font-size:1.1em; line-height:35px; }

.arrowButton {
    background-color:#ffffff;
    border-radius:45px;
    border:2px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    color:#666666;
     font-family: 'Montserrat', sans-serif;
    font-size:30px;
    font-weight:bold;
    width:50px;
    height:50px;
    line-height:40px;
    text-decoration:none;
    padding-left:2px;
    box-sizing:border-box;
    margin-bottom:3px;
    
}
.arrowButton:hover {
    color:#fff !important;
    background:url('/kr/images/main/btnbg.jpg') center;
}

.arrowButton a:hover { color:#fff; }

.arrowButton:active {
    position:relative;
    
}

.bar01{width:80%; float:right; background:#c4956a; height:5px;  margin-top:15px;}

@media screen and (max-width:979px) {

}


/******** notice *************/
.noticearea {background:#fff; text-align:center; position:relative; width:100%; overflow:hidden; padding:70px 0px 70px 0px; box-sizing:border-box;   background:url('/kr/images/main/noticebg.jpg')center;}
.noticett{overflow:hidden;  margin:0 auto;   font-family: 'Montserrat', sans-serif;

color:#000; background:url('/kr/images/main/noticebg1.jpg')left top no-repeat;line-height:60px; height:60px; padding-top:10px; padding-left:20px;
font-size:55px; letter-spacing:0em; font-weight:100;}
.noticett span{font-weight:600;  font-family: 'Montserrat', sans-serif;}
.noticett1{font-size:1.1em; margin-top:15px; line-height:20px;}
.noticett1 span{font-weight:500;}


.notice{position:relative; width:1300px; margin:0px auto; padding:0; clear:both; text-align:center;}
.notice ul li{width:29%; display:inline-block;border:0px solid red; margin:3% 2%; box-sizing:border-box;text-align:center; }
.notice ul li img{width:100%;}
.date_st1{font-size:20px; font-weight:700; color:#cccccc; line-height:55px; font-family: 'Montserrat', sans-serif;}
.notice_title1{font-size:24px; color:#333; line-height:55px;  margin-top:15px;  }
.notice_title2{font-size:15px; line-height:20px; width:80%; margin:0 auto; color:#999999; overflow-y:hidden; }

.btnstyle01{display:inline-block; padding:15px 25px; font-size:17px;   border:1px solid #000; border-radius:25px;}
.btnstyle01 a{display:inline-block;  }
.btnstyle01:hover{background:#000; color:#fff; }

 @media screen and (max-width:979px) {
.noticearea {padding:30px 0px 30px 0px; }
.noticett{ height:55px; padding-top:0px; padding-left:0px; font-size:30px;  background:none;}
.noticett1{font-size:1.1em;}

.notice{position:relative; width:100%; margin:0px auto; padding:0; clear:both; text-align:center;}
.notice ul li{width:90%;}
 }

.quick_area{width:100%; height:230px;}
.quick_area>ul{}
.quick_area>ul>li{display:inline-block; float:left;}
.quick_area>ul>li.first{ background:url('/kr/images/common/quick_bg.png'); background-size:cover;  height:230px; width:50%; 
 box-sizing:border-box; border-right:1px solid #303334; }
.quick_area>ul>li.second{ background:url('/kr/images/common/quick_bg01.png'); background-size:cover;  height:230px;  width:50%;  text-align:left;}
.brochure{padding-top:45px;width:63%;float:left;  height:230px; text-align:center; color:#fff; line-height:25px; font-size:15px; }
.brochure span{font-size:20px; font-weight:500;}


.actionImg10 { background-color: #fff;  overflow: hidden;    position: relative;}
.actionImg10 .lm_img img {  filter: grayscale(0%); height: 230px;  transition: all 0.8s ease 0s; width: 100%;}
.actionImg10 .lm_txt {    position: absolute; right:0;   top:20%; width:63%; float:right;  text-align:center; color:#fff}
.actionImg10 .lm_txt h2 { font-size:22px; font-weight:400; line-height:20px; margin-top:10px; margin-bottom:10px;}
.actionImg10 .lm_txt p {  font-size:15px; line-height:20px;}

.actionImg10 .lm_txt1 {    position: absolute; left:0;   top:20%; width:63%;  text-align:center; color:#fff}
.actionImg10 .lm_txt1 h2 { font-size:22px; font-weight:400; line-height:20px; margin-top:10px; margin-bottom:10px;}
.actionImg10 .lm_txt1 p { font-size:15px; line-height:20px; }


.actionImg10 .lm_txt .more { width:170px; text-align:center; margin:20px auto 0; background:url(/img/main/s_bt_bg.png) repeat; border:1px solid #fff; font-size:15px; padding:7px 0; }
.actionImg10 a:hover .lm_txt .more { cursor:pointer; background:#490201;}
.actionImg10:hover::after {transform: scaleX(1.2); }
.actionImg10:hover .lm_img img { filter: grayscale(0%); transform: scale(1.1); }



/***** 하단폼 *****/
.formarea{width:100%; position:relative; padding:150px 0px; background:url('/html/images/inquiry.jpg')no-repeat; background-size:cover; }
.formarea1{width:1250px; margin:0 auto; border:0px solid red; text-align:right;  overflow:hidden; padding-right:150px;}
.formarea2{width:530px; position:relative; overflow:hidden; float:right;}
.formtit2{  line-height:50px; font-size:45px;  text-align:left; color:#000; font-weight:100;}
.formtit2 span{ font-weight:600;}
.formtit{ line-height:25px; font-size:16px;  text-align:left;color:#000; font-weight:300;}
.formtit span{ font-weight:100;}
.form1{position:relative;  width:100%;  background:#282828; margin-top:25px; padding:40px; box-sizing:border-box; }
.form1 ul{margin-bottom:0px;}
.form1 ul li{width:100%; display:inline-block; padding:10px 0px;  border-bottom:1px solid rgba(250,250,250,0.2);}
.form1 ul li dl{width:100%;  display:inline-block; float:left;}
.form1 ul li dl dt{width:20%; float:left;  display:inline-block; text-align:left; color:#fff; }
.form1 ul li dl dd{width:80%; float:left;  display:inline-block; text-align:left;}
.form1 ul li dl dd input{}

.form2{position:relative;  width:100%;  padding:20px; box-sizing:border-box; background: rgb(196,149,106); text-align:left;
background: linear-gradient(120deg, rgba(196,149,106,1) 0%, rgba(125,62,4,1) 100%); box-shadow:2px 2px 10px rgba(0,0,0,0.3); }
.form2 ul li{display:inline-block; width:100%; text-align:center; color:#fff; font-size:22px;  height:45px; line-height:45px; box-sizing:border-box;  }

.formsty1{width:90%; border:1px solid rgba(250,250,250,0.1); background:rgba(250,250,250,0.2); height:35px; line-height:35px; color:#FFF; }
.formsty1_1{ width:28%; border:1px solid rgba(250,250,250,0.1); background:rgba(250,250,250,0.2); height:35px; line-height:35px; color:#FFF; }
.formsty1_2{width:90%; border:1px solid rgba(250,250,250,0.1); background:rgba(250,250,250,0.2); color:#FFF; height:65px; }

 @media screen and (max-width:979px) {
.formarea{ background:#efefef; height:auto; padding:20px 0px; }
.formarea1{width:100%; margin:0 auto; border:0px solid red; text-align:right;  overflow:hidden; padding:20px; box-sizing:border-box;  }
.formarea2{width:100%;margin-top:0px; }
.formtit2{ font-size:30px; text-align:center;  }
.formtit{font-size:16px; line-height:25px;}
.form1{ padding:20px; }
.formsty1{ height:30px; line-height:30px; width:80%; }
.form2{padding:10%;}

.form2 ul li img{width:40%;}
 }








/* Footer */
.copy1{width:100%;  margin:0 auto; }
#footerWrap{width:100%; overflow:hidden; background:#333333; padding:40px 0 40px; border-top:1px solid #333333;}
#footerWrap #copyrightWrap .copyInner>*{}
#footerWrap .copyInner .f_logo{margin-right:25px}
#footerWrap .copyInner .copymenu{margin-top:5px;   border-bottom:1px solid #4b515e; padding:15px 0px 15px;}
#footerWrap .copyInner .copymenu li{color:#fff; font-size:15px;}
#footerWrap .copyInner .copymenu span{display:inline-block; margin-right:30px; color:#fff;}

#footerWrap .copyInner .copy{margin-top:15px; width:100%; border:0px solid #4b515e;  background:url(/kr/images/common/copy_logo.png)no-repeat right;}
#footerWrap .copyInner .copy li{color:#efefef; font-size:14px; line-height:25px; text-align:center; }
#footerWrap .copyInner .copy span{display:inline-block; margin-right:5px; color:#999; font-weight:500;}

.blac{color:#fff; font-weight:500;}
.mr35{margin-right:25px ! important;}
.copyright{color:#fff !important; padding-top:25px;}
.pcview {display:block;}
.mobileview {display:none;}

/*Visual*/
#visual{width:100%; overflow:hidden;}
#visual .visual_fade div.visual_img{float:left; position:relative;}
#visual .visual_fade div.visual_img .visual_img_wrap{position:absolute; top:50%; left:50%; margin-left:-600px; height:304px; margin-top:-152px}
#visual .visual_fade div.visual_img .v_img{width:100%;}
#visual .visual_fade div.visual_img .v_link{display:inline-block; font-size:14px; font-weight:100; color:#5b5b5b; border:1px solid #b7b7b7; padding:12px 14px; margin:20px 0 0;
    -ms-transition-duration:0.5s; 
    -moz-transition-duration:0.5s; 
    -o-transition-duration:0.5s; 
    -webkit-transition-duration:0.5s;
    transition-duration:0.5s;
}
#visual .visual_fade div.visual_img .v_link:hover{background:rgba(255,255,255,0.5);
    -ms-transition-duration:0.5s; 
    -moz-transition-duration:0.5s; 
    -o-transition-duration:0.5s; 
    -webkit-transition-duration:0.5s;
    transition-duration:0.5s;
}

#visual .visual_txt{}
#visual .visual_txt .visual_txt_1{font-family:"KoreanYNSJG"; font-weight:200; font-size:45px; color:#333333; line-height:60px;}
#visual .visual_txt .visual_txt_1 img{margin-bottom:10px}
#visual .visual_txt .visual_txt_1 span{font-family:"KoreanYNSJG"; font-weight:500;}
#visual .visual_txt .visual_txt_2{font-family:"KoreanYNSjG"; font-weight:200; color:#333333; font-size:18px; line-height:28px; margin-top:15px;}



/* contWrap1 */
#contWrap1{width:100%; overflow:hidden; margin:50px 0;}
#contWrap1 .content{overflow:hidden;}

#contWrap1 div.con1_box{width:393px; height:340px; float:left; position:relative; border:1px solid #E1E1E1; box-sizing:border-box;}
#contWrap1 .con1_box01{background:url('/img/main/main_con1_01_01.png') no-repeat center center; background-size:cover;}
#contWrap1 .con1_box02{background:url('/img/main/main_con1_02_01.png') no-repeat center center; background-size:cover;margin:0 10px;}
#contWrap1 .con1_box03{}

#contWrap1 div.con1_box .con1_txt{position:absolute; color:#666; font-size:16px; font-weight:normal; line-height:18px;}

#contWrap1 div.con1_box .con1_txt .con1_txt_box span{font-size:28px; color:#202020; font-weight:400; letter-spacing:-0.05em; display:inline-block; margin-bottom:15px;}
#contWrap1 div.con1_box .con1_txt .con1_txt_box span b{font-weight:900}
#contWrap1 div.con1_box .con1_txt a{display:inline-block; border:1px solid #DBDBDB; font-family:'dotum'; color:#666666; padding:5px 13px; font-size:12px; margin-top:13px;}
#contWrap1 .con1_box01 .con1_txt{bottom:25px; left:25px;}
#contWrap1 .con1_box02 .con1_txt{top:25px; right:25px;}
#contWrap1 .con1_box02 .con1_txt a{float:right}

#contWrap1 div.con2_box{width:393px; height:130px; float:left; position:relative;  box-sizing:border-box; margin-top:10px;}
#contWrap1 .con2_box01{background:url('/img/main/main_con2_01.png') no-repeat center center; background-color:#C78EBF; background-size:cover;}
#contWrap1 .con2_box02{background:url('/img/main/main_con2_02.png') no-repeat center center; background-color:#FAA619; background-size:cover ;margin:0 10px;}
#contWrap1 .con2_box03{background:url('/img/main/main_con2_03.png') no-repeat center center; background-size:cover; border:1px solid #E1E1E1;}

.close1{position:absolute; top:270px; right:16%;}
.close1 .closebtn{width:100px; padding:10px; text-align:center; color:#fff;  border:2px solid #fff; cursor:pointer;}



/**상단내려오는 전체메뉴***/
.allMenu {position: fixed; 
left: 0; 
top: -1000px; 
width: 100%; 
height:1000px; 
text-align: center; z-index:200; overflow: hidden;}

.allMenu .allInner {display: table; width: 100%; height:100%; background:rgba(0,0,0,0.9);
background-size:cover; float:right;  }



.allMenu .btn_menu_close {position: absolute; right: 3%; top: 5%; z-index:999999;}
.allMenu .allleft{float:left; background:#fff;  background-size:cover; width:60%; height: 100%;    }
.allMenu .allMenuWrap {padding-top:10%; vertical-align: middle; width:100%; float:right; box-sizing:border-box;}
.allMenu dl {display: inline-block;}
.allMenu dt {font-size:30px; font-weight: 800; color: #efefef; line-height:95px; position: relative; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; cursor:pointer; text-align:center;}
.allMenu dt .line {width: 0px; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.allMenu dt a {font-size: 50px; font-weight: 800; color: #efefef; display: block;}
.allMenu dd {border-bottom: 1px solid #fff; display: none;}
.allMenu dd a {display: block; font-size: 26px; color: #666; line-height: 50px; font-weight: 400; position: relative; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.allMenu dd a .bg {width: 0; height: 50px; position: absolute; left: 0; top: 0; background: #1861a8; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.allMenu dd a .txt {position: relative; z-index: 1;}

.allMenu dt:hover {color: #fff;}
.allMenu dt:hover a {color: #fff;}
.allMenu dt:hover .line {width: 100%;}
.allMenu dt.active {color: #fff;}
.allMenu dt.active a {color: #fff;}
.allMenu dt.active .line {width: 100%;}
.allMenu dd a:hover {color: #fff;}
.allMenu dd a:hover .bg {width: 100%;}


.alltit1{padding-top:28%; font-size:14px; font-weight:600; color:#999999; letter-spacing:15px; padding-left:15px; line-height:35px;}
.alltit{font-size:45px; font-weight:100; }
.alltit span{font-weight:600;}
.alltit2{font-size:15px;  line-height:28px;}

.sitearea {position:relative; width:90%; margin:0 auto; padding-top:35px;}


.sitemaparea {position:relative;  width:14%; margin-left:20px;  margin-right:20px; float:left; margin-bottom:10px;}
.sitemaparea ul li{display:inline-block; width:100%; margin:0 8px;  background:none; }
.sitemaparea ul li.fisrt{height:90px; line-height:90px; /*background:url(/images/sub/site.svg); */ text-align:center; border-bottom:1px solid #124e8a; background-size:cover;  box-sizing:border-box; color:#fff; font-size:20px; font-weight:500; }
.sitemaparea ul li.secon{height:40px; border-bottom:1px solid rgba(21,90,155,0.3); line-height:40px; padding-left:0px; box-sizing:border-box;  text-align:center; color:#fff !important; }
.sitemaparea ul li.secon a{color:#Fff;}

/**상단내려오는 전체메뉴***/


@media screen and (max-width:1300px) {

#headerWrap{width:100%; height:90px; z-index:9999;}
#headerWrap .headerInner{height:90px; }
#headerWrap .headerInner .tlogo{position:relative; z-index:999999; float:left; height:100px; line-height:100px; box-sizing:border-box; padding:0px 0; width:180px;}
/*#headerWrap .headerInner .tlogo img{width:140%;}*/
#headerWrap .headerInner .total{display:block; z-index:999; position:absolute; top:50px; left:40px ! important; width:180px; background:#none; height:60px; }
.total ul {margin-top:35px;}
.total ul li{display:inline;padding:0px 5px 0px;}
.total ul li:last-child{display:none;}

.gnbArea{width:82%; height:100%; position:relative; float:right; top:0;  border-top:none;  z-index:0; background:#none; }
.gnbArea p.closeBtn{display:none;}
.gnbArea>ul{position:absolute; top:0px; left:0px; /*width:1102px;*/ height:100px; /*zoom:1;*/  background:#fff;
/*box-shadow: 10px 10px 15px #000; */}

.gnbArea>ul:after{content:'';display:block;clear:both}
.gnbArea>ul>li{position:relative;  float:left; text-align:center; box-sizing:border-box;}

.gnbArea>ul>li>a{position:relative; z-index:9; display:block; height:100%;padding:0; font-size:18px; color:#000; font-weight:500;  cursor:pointer;  letter-spacing:-0.05em}
.gnbArea>ul>li>a>span{display:inline-block;width:160px; padding-top:35px; font-weight:500; }
.gnbArea>ul>li>a>span:after{content:""; display:block; position:absolute; width:100%; height:100%;  left:50%; margin-left:-50%; height:3px; background:#003366; margin-top:44px; transition:all .3s; transform:scaleX(0);}
.gnbArea>ul>li:last-child>a>span{}

.gnbArea>ul>li>.subMenu{position:relative; z-index:9; display:none;}

.gnbArea>ul>li.on>a{color:#003366; font-weight:900; }
.gnbArea>ul>li.on:after{background:rgba(2,31,79,0.90); display:block; content:""; position:absolute; width:100%; height:70%; top:100px; left:50%; margin-left:-50%;}
.gnbArea>ul>li.on>a>span{padding:35px 26.5px 25px;}
.gnbArea>ul>li.on>a>span:after {transform:scaleX(1);}
.gnbArea>ul>li.on>.subMenu{display:block;  padding:50px 0px 20px 0px;}
.gnbArea>ul>li.on>.subMenu li{width:100%; text-align:center;}
.gnbArea>ul>li.on>.subMenu li a{width:100%; font-size:14px; padding:6px 0; color:#FFF; display:inline-block;}
.gnbArea>ul>li.on>.subMenu li a:hover{ color:#00a8ff; }


}




@media screen and (max-width:1200px) {

    .wrap{width:100%;}
    .content{width:100%;}
    #wrapper{margin-top:70px;}

    /* Header */
    #headerWrap{height:70px; position:fixed; top:0; background:#FFF; border-bottom:1px solid #DDDDDD}
    #headerWrap .headerInner{height:70px;}
    #headerWrap .mobile{display:block !important;}
    #headerWrap .gnbArea{display:none;}
    #headerWrap .headerInner .tlogo{position:relative; left:50%; margin-left:-83px; margin-top:0%; height:80px; line-height:70px; width:170px; padding:0px 0;}
    /*#headerWrap .headerInner .tlogo img{width:100%;}*/
    #headerWrap #menu-call{width:80px; height:70px; border-right:1px solid #ddd; position:absolute; top:0; left:0; background:url('/html/images/m_call.png') no-repeat center center; background-size:27px;}
    .total{display:none;}
    .lang {z-index:999;position:relative; width:100%; margin:0 auto;  height:25px; text-align:center; line-height:25px; margin-top:5px; margin-bottom:10px;}
    #headerWrap .headerInner .total{display:none;}
    
    .pcview1{display:none;}
    .mobileview1{display:block;}





    /* Main */
    #contWrap1 .content{width:98%; margin:0 1%;}
    #contWrap1 div.con1_box{width:48%;}
    #contWrap1 div.con2_box{width:32%;}

    #contWrap1 .content{position:relative; height:360px;}
    #contWrap1 div.con1_box{width:49.5%;}
    #contWrap1 div.con1_box01{height:168px; position:absolute; left:0; background:url('/img/main/m_main_con1_01_01.png') no-repeat center center; background-size:100% 100%;}
    #contWrap1 div.con1_box02{height:168px; position:absolute; left:0; top:168px; background:url('/img/main/m_main_con1_02_01.png') no-repeat -77px top; margin:5px 0; }
    #contWrap1 div.con1_box03{position:absolute; right:0; overflow:hidden;}
    .slick-slide img{width:100%;}

    #contWrap1 .content2{height:auto; overflow:hidden;}
    .content .con2_box.pc{display:none;}
        .content .con2_mobile.mobile{display:block !important}
    .content .con2_mobile.mobile .con2_mobile_con1{width:100%; float:left; overflow:hidden; /*display:none;*/}
    .content .con2_mobile.mobile .con2_mobile_con1 .con_mobile_ment{width:50%; height:100%;position:absolute; top:0; left:0; background-color:rgba(142, 199, 66, 0.85); z-index:9; box-sizing:border-box; padding:40px 20px;}
    .content .con2_mobile.mobile .con2_mobile_con1 .con_mobile_ment img{width:100%; margin-bottom:15px;}
    .content .con2_mobile.mobile .con2_mobile_con1 .con_mobile_ment div{word-break:keep-all; width:100%; font-size:1.8em; line-height:1.3em; font-weight:300; color:#FFF;  margin-bottom:15px;}
    .content .con2_mobile.mobile .con2_mobile_con1 .con_mobile_ment div b{display:block; font-size:30px; margin-bottom:12px; line-height:25px;}
    .content .con2_mobile.mobile .con2_mobile_con1 .con_mobile_ment a{display:inline-block; color:#FFF; overflow:hidden; border:1px solid #FFF; margin-right:5px; font-size:14px; padding:5px 10px; float:left; margin-bottom:5px;}
    .content .con2_mobile.mobile .con2_mobile_con1 .con2_mobile_m{width:100%; height:100%; }
    .content .con2_mobile.mobile .con2_mobile_con1 .con2_mobile_m .root_daum_roughmap_landing{width:100%; height:100%;}
    .content .con2_mobile.mobile .con2_mobile_con1 .con2_mobile_m .root_daum_roughmap .wrap_controllers{display:none !important}
    .content .con2_mobile.mobile .con2_mobile_con1 img{width:100%; float:left; }
    .content .con2_mobile.mobile .con2_mobile_con2{width:100%; float:left;}
    .content .con2_mobile.mobile .con2_mobile_con2>div{width:50%;float:left; overflow:hidden; line-height:0;}
    .content .con2_mobile.mobile .con2_mobile_con2>div img{width:100%;}



#footerWrap{width:100%; overflow:hidden; background:#333333; padding:40px 0 40px; border-top:1px solid #333333;}






}





@media screen and (max-width:750px) {
#contWrap1 .content{position:static; height:auto; overflow:hidden;}
    #contWrap1 div.con1_box01{position:relative;}
        #contWrap1 div.con1_box02{position:relative; top:0}
        #contWrap1 div.con1_box03{position:static;}
    .visual_fade .pc{display:none !important;}
    .visual_fade .mobile{display:block !important;}

    /*content*/
    /*
    #contWrap1 div.con1_box{width:50%; margin:0 0 5px; height:305px; }
    #contWrap1 div.con1_box .con1_txt img{width:85%}
    */
    #contWrap1 div.con1_box.con1_box03{width:100%;  margin:0 0 5px; height:auto}
    #contWrap1 div.con1_box.con1_box03 .slick-slide img{width:100%;}


/**/
    #contWrap1 div.con1_box{width:100%;}
    #contWrap1 div.con1_box01{border:0; background:none; height:auto; overflow:hidden;}
    #contWrap1 div.con1_box01 .con1_txt.pc{display:none;}
    #contWrap1 div.con1_box01 .con1_img.mobile{display:block !important;}
    #contWrap1 div.con1_box01 .con1_img.mobile img{width:100%; height:auto; border:1px solid #E1E1E1;}
    #contWrap1 div.con1_box02{border:0; background:none;  height:auto; overflow:hidden; margin:5px 0; }
    #contWrap1 div.con1_box02 .con1_txt.pc{display:none;}
    #contWrap1 div.con1_box02 .con1_img.mobile{display:block !important;}
    #contWrap1 div.con1_box02 .con1_img.mobile img{width:100%; height:auto; border:1px solid #E1E1E1;}
    .content .con2_box.pc{display:none;}

    .content .con2_mobile.mobile{display:block !important}
    .content .con2_mobile.mobile .con2_mobile_con1{width:100%; overflow:hidden; display:block; margin-bottom:5px !important;}
    .content .con2_mobile.mobile .con2_mobile_con1 img{width:100%;}
    .content .con2_mobile.mobile .con2_mobile_con1 .con_mobile_ment div{font-size:20px; }
    .content .con2_mobile.mobile .con2_mobile_con2{width:100%; float:left;}
    .content .con2_mobile.mobile .con2_mobile_con2>div{width:50%; float:left; overflow:hidden;}
    .content .con2_mobile.mobile .con2_mobile_con2>div img{width:100%}
    





/*하단부분 */
    /* quick */
    .quick_area{width:100%; height:200px;}
    .quick_area>ul{}
    .quick_area>ul>li{display:inline-block;}
    .quick_area>ul>li.first{ background:url('/kr/images/common/quick_bg.png'); background-size:cover;  height:180px; width:100%; 
    box-sizing:border-box; border-right:1px solid #303334; }
    .quick_area>ul>li.second{ background:url('/kr/images/common/quick_bg01.png'); background-size:cover;  height:180px;  width:100%;  text-align:center;}
.actionImg10 { background-color: #fff;  overflow: hidden;    position: relative;}
.actionImg10 .lm_img img {  filter: grayscale(0%); height: 180px;  transition: all 0.8s ease 0s; width: 100%;}
.actionImg10 .lm_txt {    position: absolute; right:0;   top:15%; width:100%; float:right;  text-align:center; color:#fff}
.actionImg10 .lm_txt h2 { font-size:16px; font-weight:600; line-height:30px; margin-top:10px; margin-bottom:2px;}
.actionImg10 .lm_txt p { font-size:17px; line-height:15px;}

.actionImg10 .lm_txt1 {    position: absolute; left:0;   top:15%; width:100%;  text-align:center; color:#fff}
.actionImg10 .lm_txt1 h2 { font-size:16px; font-weight:600; line-height:30px; margin-top:10px; margin-bottom:2px;}
.actionImg10 .lm_txt1 p { font-size:17px; line-height:15px;}


    /* Footer */
.copy1{width:100%;  margin:0 auto; }
#footerWrap{width:100%; overflow:hidden; background:#333333; padding:40px 0 40px; border-top:1px solid #333333;}
#footerWrap #copyrightWrap .copyInner>*{}
#footerWrap .copyInner .f_logo{margin-right:25px}
#footerWrap .copyInner .copymenu{margin-top:0px;   border-bottom:1px solid #4b515e; padding:10px 0px 10px;}
#footerWrap .copyInner .copymenu li{color:#fff; font-size:13px;}
#footerWrap .copyInner .copymenu span{display:inline-block; margin-right:30px; color:#fff;}

#footerWrap .copyInner .copy{margin-top:15px; width:100%; border:0px solid #4b515e;  background:url(/images/common/copy_logo1.png)no-repeat right;}
#footerWrap .copyInner .copy li{color:#949495; font-size:13px;line-height:20px; }
#footerWrap .copyInner .copy span{display:inline-block; margin-right:0px; color:#666666;}
.copyright{color:#000 !important; padding-top:15px;}

.pcview {display:none;}
.mobileview {display:block; text-align:center; margin-top:15px; line-height:22px; color:#999;}
.copyright2{font-size:12px; color:#fff;}
/*하단부분 */

    
}


@media screen and (max-width:550px) {

.mobilenone{display:none;}



/*header*/
    #wrapper{margin-top:55px;}
    #headerWrap{height:55px;}
    #headerWrap .headerInner{height:55px;}
    #headerWrap .headerInner .tlogo{height:55px; padding:px 0; text-align:center;}
    #headerWrap #menu-call{height:55px; width:55px;}
    #headerWrap .headerInner .tlogo img{width:115px;}






}

@media screen and (max-width:430px) {
.content .con2_mobile.mobile .con2_mobile_con1 .con_mobile_ment div{font-size:16px; }




}



@media screen and (max-width:380px) {
    
    .content .con2_mobile.mobile .con2_mobile_con2>div{width:100%; float:left; overflow:hidden;}
    .content .con2_mobile.mobile .con2_mobile_con2>div img{width:100%}

}


/********procudts *************/
.productdivleft{width:15%; float:left; bordeR:0px solid red;position:relative; box-sizing:bordere-box; 
background:url('/html/images/probg01.jpg'); font-size:0px; height:535px; background-size:cover !important;
}

.productdivcenter{width:70%; float:left; position:relative; box-sizing:border-box;  padding:0px 105px;  bordeR:0px solid red; }
.productlist{width:100%; float:left; position:relative;}
.imgarea{width:70%; float:right; }
.imgarea img{width:100%;}
.detailarea{position:absolute; top:25%;  
background:#282828; padding:75px 45px;color:#c4956a; font-size:45px;}
.detailarea span{font-size:17px; color:#999; font-weight:500;}
.moreicon{ position:absolute; bottom:0%;  right:0px; }
.arrowicon{position:absolute; bottom:0%;  right:20px;}

.productdivright{background-size:cover !important; width:15%;  height:535px; float:left; bordeR:0px solid red;position:relative;
box-sizing:border-box;background:url('/html/images/probg02.jpg');   font-size:0px;}