@charset "utf-8";

/* 본고딕 웹폰트 가져오기 180124 morenvy.com */ 
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */ 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 





/* reset.css */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea{margin:0; padding:0; font-family: 'Noto Sans KR';}
h1, h2, h3, h4, h5, h6{font-size:100%;}
img, fieldset{border:0px;}
table{border-collapse:collapse;}
ul, ol, li{list-style:none;}
address, em{font-style:normal;}
li img, object{vertical-align:top;}
input, select, textarea, form img{vertical-align:middle;}
a{ outline:1; text-decoration:none; border:nonbe;}
body { font: 12px /1.2 Dotum, "돋움", arial; color:#666;   }
.noMargin { margin:0px;}



/*layout*/
.headerWrap {width:100%;  background:#f2941a; }
#header {width:1000px; height:119px; margin:0 auto; position:relative;}
.contactWrap {width:100%; background:#626262;}
#contact {width:1000px; height:58px; margin:0 auto; position:relative;}

.slideWrap {width:1000px; height:518px; position:relative; margin:0 auto;}
#slide {width:1000px; height:518px; background:#fff; position:relative; margin:0 auto; }
#container {width:100%; margin:0 auto; }
.footerWrap {width:100%;  background:#717171; overflow:hidden;}
#footer {width:1000px; height:260px; margin:0 auto;}
.content1Wrap {width:100%; height:478px;  background:#f5f5f5; background:url(../img/con1_bg2.jpg); background-repeat:no-repeat; background-position:center bottom; }
.content1 { width:1000px; height:477px; margin:0 auto; overflow:hidden;}
.content2 { width:1000px; height:561px; margin:0 auto; overflow:hidden;}
.content3Wrap {width:100%; background:#ededed;}
.content3 { width:1000px; height:720px; margin:0 auto; overflow:hidden;}
.content4 { width:1000px; height:521px; margin:0 auto;}
.content5 {width:50%; height:431px; background:#f2941a; float:left;}
#map {width:50%; height:431px; background:#f0ede6; float:left;}


/*header*/

#header h1 {float:left; margin-top:27px;}
#gnb {float:right; font-size:18px; letter-spacing:-2px; font-weight:700; position:relative; }
#gnb>li {float:left; margin-left:20px; margin-top:61px; text-align:center; }
#gnb a {color:rgba(255,255,255,0.8); transition:color 0.5s;}
#gnb a:hover {color:rgba(255,255,255,1);}
#gnb>li:last-child {margin-top:55px; }
#gnb>li:last-child a {display:inline-block; background:rgba(255,255,255,0.8); color:#f2941a; margin-left:5px; width:93px; height:34px; border-radius:17px; padding-top:5px; box-sizing:border-box;transition:background 0.5s;}
#gnb>li:last-child a:hover {background:rgba(255,255,255,1);}
#gnb>li>ul {position:absolute; top:85px; display:none;}
#gnb>li>ul>li {float:left; margin-right:15px; font-weight:500;}
#gnb>li>ul>li>a {font-size:14px; letter-spacing:-1px; color:#535353;}
#gnb>li>ul>li>a:hover {text-decoration:underline; color:#535353;}


.toggle{ display: block; }
#nav_btn{ display: none; position:absolute; top:30px; left:20px; cursor: pointer; }
#nav_btn span, #nav_btn span:before, #nav_btn span:after{ 
width: 28px; 
height: 4px; 
float: left; 
display: block; 
background: #fff; 
position: relative; 
text-indent: -9000px; 
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}
#nav_btn span{ margin: 8px 0; }
#nav_btn span:before, #nav_btn span:after{ content: ''; position: absolute; }
#nav_btn span:before{ top: -8px; }
#nav_btn span:after{ bottom: -8px; }
#nav_btn.active span{ background-color: transparent; }
#nav_btn.active span:before, #nav_btn.active span:after{ top: 0; }
#nav_btn.active span:before{ transform: rotate(45deg); -webkit-transform: rotate(45deg); }
#nav_btn.active span:after{ transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); top: 10px; }


.btnMo .fa { font-size:35px; color:#fff;}
.catalk2 { display:none; position:absolute; bottom:-20px; right:15px; opacity:1;}   
.ntalk2 { display:none; position:absolute; bottom:-20px; right:15px; opacity:1;}  

#gnb #con2 {display:none;}


/*contact*/
#contact>img {position:absolute; top:13px; left:5px;}
.ntalk {position:absolute; right:0px; bottom:6px; display:block; }
.catalk {position:absolute; right:170px; bottom:6px; }
#contact>p {display:inline; font-size:32px; color:#b5b4b4; letter-spacing:-3px; font-weight:500; position:absolute; top:9px; left:45px;}
.phone {font-size:37px; position:absolute; top:6px; left:168px; font-weight:700; color:#f2941a; letter-spacing:-1px;}
.tel {position:absolute; top:12px; left:432px; font-size:15px; color:#b5b4b4; letter-spacing:0.5px;}
.tel span {letter-spacing:-1px; font-size:14.5px;}
.mail {position:absolute; top:29px; right:360px; font-size:15px; color:#b5b4b4;}


/*slide*/
#slide>ul {position:relative;}
#slide>li {position:absolute; width:100%;}
#slide li img {width:1400px; height:519px; position:absolute; left:50%; margin-left:-700px;}
#slide li p:nth-child(2) {position:absolute; left:2px; top:70px; color:#535353; font-size:18px; font-weight:500; letter-spacing:-1px;}
#slide li h1 {position:absolute; left:-5px; top:152px; font-size:66px; font-style:normal; font-weight:500; letter-spacing:-5px}
#slide li h1 span {color:#f2941a;}
#slide li h1::before {content:""; display:block; width:45px; height:1px; background:#535353; position:absolute; top:-38px; left:9px;}
#slide li p:nth-child(4) {position:absolute; left:0px; top:350px; font-size:18px; letter-spacing:-1px;line-height:1.5em;}


/*button*/
#button ul {display:inline-block; position:absolute; left:0px; top:455px;}
#button ul li{float:left; margin-right:7px;}
#button ul li:last-child{margin-right:0;}
#button ul li a{text-indent:-9999px;text-decoration:none;display:block;width:14px;height:14px;border-radius:7px;background:#dddad9;}
#button ul li a.target{background:#a4a4a5;}



/*content1*/
.content1 {text-align:center; }
.content1 h1 {margin-top:107px; font-size:40px; letter-spacing:-5px; font-weight:500;}
.content1 h1 span {color:#f2941a;}
.content1 p {font-size:18px; margin-top:31px;line-height:1.7em; letter-spacing:-1px; font-weight:300;}
.content1 a {display:inline-block; width:102px; height:32px; border:1px solid #f2941a; color:#f2941a;margin-top:32px; border-radius:16px; box-sizing:border-box; padding-top:7px; transition: background-color 0.5s; font-size:14px;}
.content1 a:hover {background:#f2941a; color:#fff;}

/*content2*/
.content2 {text-align:center; position:relative;}
.content2 h1 {margin-top:82px; font-size:40px; letter-spacing:-5px; font-weight:500;}
.content2 h1 span {color:#f2941a;}
.content2 p {font-size:20px; margin-top:21px; letter-spacing:-1px; font-weight:300;}
.content2 ul {margin-top:71px; color:#f2941a; position:absolute; left:50%; margin-left:-368px;}
.content2 ul li {float:left; margin-right:100px; font-size:23px; font-weight:bold; letter-spacing:-2px; }
.content2 ul li:nth-child(3){margin-right:0px;}
.content2 ul li img {display:block; margin-bottom:24px;}

/*content3*/
.content3 h1 {text-align:center; margin-top:82px;font-size:40px; letter-spacing:-5px; font-weight:500;}
.content3>p {text-align:center;font-size:18px; margin-top:14px; margin-bottom:65px; letter-spacing:-1px; font-weight:300;} 

.content3 {text-align:center;}
.content3 ul li {width:235px; float:left; margin-right:20px;}
.content3 ul li:last-child {margin-right:0px;}
.content3 ul li h2 {margin-top:20px; margin-bottom:10px; font-size:16px; color:#f2941a; letter-spacing:-1px; text-align:left;}
.content3 ul li p {text-align: justify; font-size:13px; letter-spacing:-0.5px; line-height:1.4em; }
.content3 a {clear:both; display:inline-block; width:102px; height:32px; border:1px solid #f2941a; color:#f2941a; margin-top:50px; border-radius:16px; box-sizing:border-box; padding-top:7px; transition: background-color 0.5s; font-size:14px;}
.content3 a:hover {background:#f2941a; color:#fff;}

/*content4*/
.content4 h1 {text-align:center; margin-top:82px;font-size:40px; letter-spacing:-5px; font-weight:500;}
.content4 h1 span {color:#f2941a;}
.content4 p {font-size:18px; margin-top:21px; margin-bottom:53px; letter-spacing:-1px; text-align:center; font-weight:300;}
.content4 ul {width:780px; position:relative; left:50%; margin-left:-380px;}
.content4 ul li {width:260px; height:132px; float:left;  box-sizing: border-box; position:relative;}
.content4 ul li:nth-child(1) {border-right:1px solid #e9e9e9;}
.content4 ul li:nth-child(2) {border-right:1px solid #e9e9e9;}
.content4 ul li:nth-child(4) {border-top:1px solid #e9e9e9;border-right:1px solid #e9e9e9;}
.content4 ul li:nth-child(5) {border-top:1px solid #e9e9e9;border-right:1px solid #e9e9e9;}
.content4 ul li:nth-child(6) {border-top:1px solid #e9e9e9;}
/*.content4 ul li a {width:100%; height:100%; display:inline-block;}*/
.content4 ul li a img {position:absolute; top:50%; margin-top:-15px; left:50%; margin-left:-90px; opacity:0.9;}
.content4 ul li a:hover img {opacity:1;}
.content4 ul li:nth-child(1) a img {margin-top:-30px; margin-left:-93px;}
.content4 ul li:nth-child(2) a img {margin-top:-25px; margin-left:-93px;}

/*content5*/
.content5 {position:relative;color:#fff;}
.content5 h1 {position:absolute; top:50px; right:378px; font-size:40px; letter-spacing:-3px; font-weight:500;  }
.content5 p {position:absolute; top:73px; right:112px; font-size:17px;letter-spacing:-1px; font-weight:300;}
.content5 iframe {position:absolute; width:425px; height:242px; top:120px; right:88px;}

/*content6*/


/*footer*/
#footer {text-align:center;}
#footer ul {margin-top:60px; margin-bottom:30px; display:inline-block;}
#footer li {float:left; margin-right:30px; font-size:16px; font-weight:500; letter-spacing:-1px; }
#footer li:last-child {margin-right:0px;}
#footer p {clear:both; color:#a3a2a2; font-size:16px; margin-bottom:25px;}
#footer li a {color:#bdbcbc;}
#footer li a:hover {text-decoration:underline;}


@media screen and (min-width:640px) and (max-width:999px) { 

/*layout*/
#header {width:100%; height:81px;  }
.contactWrap {width:100%;  background:#626262; overflow:hidden;}
#contact {width:100%; height:41px; margin:0 auto; position:relative; display:none; }
.slideWrap {width:100%; height:400px; position:relative;}
#slide {width:100%; height:400px; background:#fff; position:relative;  overflow:hidden;}
#footer {width:100%; height:120px; margin:0 auto;}
    .content1Wrap {width:100%; height:400px;  background:#f5f5f5; background:url(../img/con1_bg2.jpg); background-repeat:no-repeat; background-position:center bottom; }
.content1 { width:100%; height:400px; margin:0 auto; overflow:hidden;}
.content2 { width:100%; height:480px; margin:0 auto; overflow:hidden;}
.content3 { width:100%; height:580px; margin:0 auto; overflow:hidden;}
.content4 { width:100%; height:400px; margin:0 auto; }
.content5 {width:100%; height:431px; background:#f2941a; float:left;}
#map {width:100%; height:400px; background:#f0ede6; float:left;}
 
    
    
/*header*/

#header h1 {float:none; margin-top:0px; margin-left:0px; width:270px; margin:0px auto; position:relative; top:10px;}
#header h1 img {width:270px;}
#gnb {float:none; width:100%; font-size:16px; letter-spacing:-1px; font-weight:700; position:absolute; z-index:9999; top:81px; overflow:hidden; margin-left:0px;}
#gnb>li {float:none; margin-left:0px; margin-top:0px; text-align:left; height:40px; width:100%;  background:#545453; border-bottom:1px solid #777; font-weight:400; padding-bottom:0px;}
#gnb>li>a {color:rgba(255,255,255,0.8); transition:none; width:100%; height:100%; display:inline-block; background:#626262; padding-top:10px; padding-left:15px; box-sizing:border-box;}    
#gnb>li>a:hover {background:#777; color:#fff;}    
#gnb a {color:#ccc; transition:none; width:100%; display:block;}
#gnb a:hover {color:#777;}
#gnb>li:last-child {margin-top:0px; border-bottom:0px solid #777; background:#626262;}
#gnb>li:last-child a {display:inline-block;   color:#ccc; margin-left:0px; width:100%; height:100%; border-radius:0px; padding-top:10px; box-sizing:border-box; transition:none; background:none; }
#gnb>li:last-child a:hover {background:#777; height:100%;color:#fff;}
#gnb>li>ul {position:absolute; top:0px; right:0px; width:50%;}
#gnb>li>ul>li {float:none; margin-right:0px; font-weight:500;display:block; height:40px; background:#777; border-bottom:1px solid #777; }
#gnb>li>ul>li {border-bottom:1px solid #777; }
#gnb>li>ul>li:last-child {border-bottom:0px solid #777; }
#gnb>li>ul>li>a {font-size:14.5px; letter-spacing:-1px; color:#fff; width:100%; height:100%; padding-top:10px; padding-left:15px; box-sizing:border-box; font-weight:300;  }
#gnb>li>ul>li>a:hover {text-decoration:none; color:#f2941a;}    

.toggle{ display: none; }
#nav_btn{ display: block; }
    
.btnMo .fa { font-size:35px; color:#fff;}
/*
.catalk2 { display:block; position:absolute; bottom:20px; right:52px; opacity:1;}   
.ntalk2 { display:block; position:absolute; bottom:20px; right:15px; opacity:1;}  
*/
#gnb>li>a.on {background:#777; color:#fff;}
   
#gnb #con2 {display:block;}    
#gnb #online {display:none;}   
#gnb #con2 #contact02 li a {letter-spacing:0px; font-size:14.5px;}
    #gnb #con2 #contact02 li a b {font-size:18px; display:inline-block; margin-right:10px;}
    
    
    
    
    
/*contact*/
#contact>img {position:absolute; top:12px; left:15px; width:20px; display:none; }
.ntalk {position:absolute; right:15px; bottom:6px; display:block; display:none; }
.catalk {position:absolute; bottom:6px; right:185px; display:none;}
#contact>p {display:none; font-size:20px; color:#b5b4b4; letter-spacing:-3px; font-weight:500; position:absolute; top:9px; left:15px; }
.phone {font-size:21px; position:absolute; top:8px; left:50%; font-weight:700; color:#f2941a; letter-spacing:0px; margin-left:-50px;}
.phone:before {content:''; width:20px; height:20px; background:url(../img/tel.png); display:inline-block; position:absolute; top:3px; left:-27px; background-size:20px 20px; background-repeat:no-repeat;}    
.tel {position:absolute; top:12px; left:15px; font-size:14px; color:#b5b4b4; letter-spacing:0px;}
.tel span {letter-spacing:-1px; font-size:14.5px;}
.mail {top:12px; right:15px; font-size:14px; color:#b5b4b4;}   

/*slide*/
#slide>ul {position:relative; }
#slide>li {position:absolute; width:100%; }
#slide li img {width:1134px; height:420px; position:absolute; top:0px; left:550px; }
#slide ul li:nth-child(1) img {width:1134px; height:420px; position:absolute; top:0px; left:65%; }
#slide ul li:nth-child(2) img {width:1134px; height:420px; position:absolute; top:0px; left:65%; }
#slide ul li:nth-child(3) img {width:1134px; height:420px; position:absolute; top:0px; left:65%; }
#slide li p:nth-child(2) {position:absolute; left:25px; top:30px; color:#535353; font-size:16px; font-weight:500; letter-spacing:-1px;}
#slide li h1 {position:absolute; left:20px; top:100px; font-size:60px; font-style:normal; font-weight:500; letter-spacing:-5px}
#slide li h1 span {color:#f2941a;}
#slide li h1::before {content:""; display:block; width:45px; height:1px; background:#535353; position:absolute; top:-30px; left:7px;}
#slide li p:nth-child(4) {position:absolute; left:22px; top:270px; font-size:16px; letter-spacing:-1px;line-height:1.5em;}   
    
/*button*/
#button ul {display:inline-block; position:absolute; left:22px; top:360px;}
#button ul li{float:left; margin-right:7px;}
#button ul li:last-child{margin-right:0;}
#button ul li a{text-indent:-9999px;text-decoration:none;display:block;width:14px;height:14px;border-radius:7px;background:#dddad9;}
#button ul li a.target{background:#a4a4a5;}    

/*content1*/
.content1 {text-align:center; }
.content1 h1 {margin-top:75px; font-size:40px; letter-spacing:-5px; font-weight:500;}
.content1 h1 span {color:#f2941a;}
.content1 p {font-size:18px; margin-top:31px;line-height:1.7em; letter-spacing:-1px; font-weight:300;}
.content1 a {display:inline-block; width:102px; height:32px; border:1px solid #f2941a; color:#f2941a;margin-top:32px; border-radius:16px; box-sizing:border-box; padding-top:7px; transition: background-color 0.5s; font-size:14px;}
.content1 a:hover {background:#f2941a; color:#fff;}    
    
    
/*content2*/
.content2 {text-align:center; position:relative;}
.content2 h1 {margin-top:62px; font-size:40px; letter-spacing:-5px; font-weight:500;}
.content2 h1 span {color:#f2941a;}
.content2 p {font-size:20px; margin-top:21px; letter-spacing:-1px; font-weight:300;}
.content2 ul {margin-top:45px; color:#f2941a; position:absolute; left:50%; margin-left:-290px;}
.content2 ul li {float:left; margin-right:50px; font-size:23px; font-weight:bold; letter-spacing:-2px; }
.content2 ul li:nth-child(3){margin-right:0px;}
.content2 ul li img {display:block; margin-bottom:18px; width:160px;}
    
/*content3*/
.content3 h1 {text-align:center; margin-top:62px;font-size:40px; letter-spacing:-5px; font-weight:500;}
.content3>p {text-align:center;font-size:18px; margin-top:14px; margin-bottom:40px; letter-spacing:-1px; font-weight:300;} 

.content3 {text-align:center;}
.content3 ul {width:614px; margin:0 auto;}    
.content3 ul li {width:146px; float:left; margin-right:10px;}
    .content3 ul li img {width:100%;}    
.content3 ul li:last-child {margin-right:0px;}
.content3 ul li h2 {margin-top:15px; margin-bottom:10px; font-size:13px; color:#f2941a; letter-spacing:-1px; text-align:left;}
.content3 ul li p {text-align: justify; font-size:12px; letter-spacing:-0.5px; line-height:1.4em; margin-bottom:40px;}
.content3 a {clear:both; display:block; width:102px; height:32px; border:1px solid #f2941a; color:#f2941a; margin:0 auto; border-radius:16px; box-sizing:border-box; padding-top:7px; transition: background-color 0.5s; font-size:14px;}
.content3 a:hover {background:#f2941a; color:#fff;}    
    
/*content4*/
.content4 h1 {text-align:center; margin-top:62px;font-size:40px; letter-spacing:-5px; font-weight:500;}
.content4 h1 span {color:#f2941a;}
.content4 p {font-size:18px; margin-top:21px; margin-bottom:33px; letter-spacing:-1px; text-align:center; font-weight:300;}
.content4 ul {width:690px; position:relative; left:50%; margin-left:-345px;}
.content4 ul li {width:230px; height:112px; float:left;  box-sizing: border-box; position:relative;}
.content4 ul li:nth-child(1) {border-right:1px solid #e9e9e9;}
.content4 ul li:nth-child(2) {border-right:1px solid #e9e9e9;}
.content4 ul li:nth-child(4) {border-top:1px solid #e9e9e9;border-right:1px solid #e9e9e9;}
.content4 ul li:nth-child(5) {border-top:1px solid #e9e9e9;border-right:1px solid #e9e9e9;}
.content4 ul li:nth-child(6) {border-top:1px solid #e9e9e9;}
/*.content4 ul li a {width:100%; height:100%; display:inline-block;}*/
.content4 ul li a img {position:absolute; top:50%; margin-top:-15px; left:50%; margin-left:-90px; opacity:0.9;}
.content4 ul li a:hover img {opacity:1;}
.content4 ul li:nth-child(1) a img {margin-top:-30px; margin-left:-93px;}
.content4 ul li:nth-child(2) a img {margin-top:-25px; margin-left:-93px;}    

 /*content5*/
.content5 {position:relative;color:#fff;}
.content5 h1 {position:static; text-align:center; margin-top:50px; margin-bottom:20px;}
.content5 p {position:static; text-align:center; margin-top:15px; display:none;}
.content5 iframe {position:static; display:block; margin:0 auto; width:500px; height:242px;}   
    
/*footer*/
#footer {text-align:center;}
#footer ul {margin-top:60px; margin-bottom:30px; display:inline-block; display:none;}
#footer li {float:left; margin-right:30px; font-size:16px; font-weight:500; letter-spacing:-1px; }
#footer li:last-child {margin-right:0px;}
#footer p {clear:both; color:#a3a2a2; font-size:16px; margin-bottom:20px; margin-top:40px;}
#footer li a {color:#bdbcbc;}
#footer li a:hover {text-decoration:underline;}    
    
}


@media screen and (min-width:0px) and (max-width:639px) { 
 
    
/*layout*/
    .headerWrap {background:#f2941a; }
#header {width:100%; height:65px;  }
.contactWrap {width:100%;  background:#626262; overflow:hidden;}
    
#contact {width:100%; height:41px; margin:0 auto; position:relative; display:none; }
.slideWrap {width:100%; height:400px; position:relative;}
#slide {width:100%; height:450px; background:#fff; position:relative;  overflow:hidden;}
#footer {width:100%; height:50px; margin:0 auto;}
.content1 { width:100%; height:400px; margin:0 auto; overflow:hidden;}
    .content1Wrap {width:100%; height:400px;  background:#f5f5f5; background:url(../img/con1_bg2.jpg); background-repeat:no-repeat; background-position:center bottom; }
.content2 { width:100%; height:400px; margin:0 auto; overflow:hidden;}
.content3 { width:100%; height:845px; margin:0 auto; overflow:hidden;}
.content4 { width:100%; height:450px; margin:0 auto; overflow:hidden;}
.content5 {width:100%; height:400px; background:#f2941a; float:left;}
#map {width:100%; height:250px; background:#f0ede6; float:left;}
 
    
    
/*header*/

#header h1 {float:none; margin-top:0px; margin-left:0px; width:165px; margin:0px auto; position:relative; top:15px;}
#header h1 img {width:165px;}
#gnb {float:none; width:100%; font-size:16px; letter-spacing:-1px; font-weight:700; position:absolute; z-index:9999; top:65px; overflow:hidden; margin-left:0px;}
#gnb>li {float:none; margin-left:0px; margin-top:0px; text-align:left; height:40px; width:100%;  background:#545453; border-bottom:1px solid #777; font-weight:400; padding-bottom:0px;}
#gnb>li>a {color:rgba(255,255,255,0.8); transition:none; width:100%; height:100%; display:inline-block; background:#626262; padding-top:10px; padding-left:2%; box-sizing:border-box;}    
#gnb>li>a:hover {background:#777; color:#fff;}    
#gnb a {color:#ccc; transition:none; width:100%; display:block;}
#gnb a:hover {color:#777;}
#gnb>li:last-child {margin-top:0px; border-bottom:0px solid #777; background:#626262;}
#gnb>li:last-child a {display:inline-block;   color:#ccc; margin-left:0px; width:100%; height:100%; border-radius:0px; padding-top:10px; box-sizing:border-box; transition:none; background:none; }
#gnb>li:last-child a:hover {background:#777; height:100%;color:#fff;}
#gnb>li>ul {position:absolute; top:0px; right:0px; width:50%;}
#gnb>li>ul>li {float:none; margin-right:0px; font-weight:500;display:block; height:40px; background:#777; border-bottom:1px solid #777; }
#gnb>li>ul>li {border-bottom:1px solid #777; }
#gnb>li>ul>li:last-child {border-bottom:0px solid #777; }
#gnb>li>ul>li>a {font-size:14.5px; letter-spacing:-1px; color:#fff; width:100%; height:100%; padding-top:10px; padding-left:3%; box-sizing:border-box; font-weight:300;  }
#gnb>li>ul>li>a:hover {text-decoration:none; color:#f2941a;}    

.toggle{ display: none; }
#nav_btn{ display: block; top:23px; left:2%; }
    
.btnMo .fa { font-size:35px; color:#fff;}
/*
.catalk2 { display:block; position:absolute; bottom:20px; right:52px; opacity:1;}   
.ntalk2 { display:block; position:absolute; bottom:20px; right:15px; opacity:1;}  
*/
#gnb>li>a.on {background:#777; color:#fff;}
   
#gnb #con2 {display:block;}    
#gnb #online {display:none;}   
#gnb #con2 #contact02 li a {letter-spacing:0px; font-size:14.5px;}
    #gnb #con2 #contact02 li a b {font-size:18px; display:inline-block; margin-right:10px;}
    
 

/*slide*/
#slide>ul {position:relative; }
#slide>li {position:absolute; width:100%; }
#slide li img {width:639px; height:200px; position:absolute; top:0px; left:550px; }
#slide ul li:nth-child(1) img {width:700px; height:240px; position:absolute; top:220px; left:50%; margin-left:-490px;}
#slide ul li:nth-child(2) img {width:800px; height:270px; position:absolute; top:180px; left:50%; margin-left:-520px;}
#slide ul li:nth-child(3) img {width:820px; height:300px; position:absolute; top:180px; left:50%; margin-left:-555px;}
#slide li p:nth-child(2) {position:absolute; left:50%; margin-left:-90px; top:30px; color:#535353; font-size:15px; font-weight:500; letter-spacing:-1px; background:#fff; width:250px;}
/*
#slide li:nth-child(2) p:nth-child(2) {position:absolute; left:50%; margin-left:-92px; top:30px; color:#535353; font-size:15px; font-weight:500; letter-spacing:-1px;}
#slide li:nth-child(3) p:nth-child(2) {position:absolute; left:50%; margin-left:-87px; top:30px; color:#535353; font-size:15px; font-weight:500; letter-spacing:-1px;}
*/
#slide li h1 {position:absolute; left:50%; top:70px; font-size:45px; font-style:normal; font-weight:500; letter-spacing:-5px; text-align:center; margin-left:-200px; background:#fff; width:400px;}
/*#slide li:nth-child(3) h1 {position:absolute; left:50%; top:70px; font-size:45px; font-style:normal; font-weight:500; letter-spacing:-5px; text-align:center; margin-left:-145px;}*/
#slide li h1 span {color:#f2941a;}
#slide li h1::before {content:""; display:block; width:30px; height:1px; background:#535353; position:absolute; top:-10px; left:50%; margin-left:-20px;}
    #slide li:nth-child(2) h1:after {content:"";position:absolute; display:block; width:700px; height:100px; background: linear-gradient(#fff 40%, rgba(255,255,255,0)); margin-left:-200px; top:110px;}    
    #slide li:nth-child(3) h1:after {content:"";position:absolute; display:block; width:700px; height:100px; background: linear-gradient(#fff 40%, rgba(255,255,255,0)); margin-left:-200px; top:110px;}    
#slide li p:nth-child(4) {position:absolute; left:50%; top:190px; font-size:12px; letter-spacing:-1px;line-height:1.5em; text-align:center; margin-left:-150px;}   
#slide li:nth-child(2) p:nth-child(4) {position:absolute; left:50%; top:190px; font-size:12px; letter-spacing:-1px;line-height:1.5em; text-align:center; margin-left:-120px;}   
#slide li:nth-child(3) p:nth-child(4) {position:absolute; left:50%; top:190px; font-size:12px; letter-spacing:-1px;line-height:1.5em; text-align:center; margin-left:-90px;}   
    
    
    
    
/*button*/
#button ul {display:inline-block; position:absolute; left:50%; top:420px; margin-left:-35px;}
#button ul li{float:left; margin-right:7px;}
#button ul li:last-child{margin-right:0;}
#button ul li a{text-indent:-9999px;text-decoration:none;display:block;width:14px;height:14px;border-radius:7px;background:#dddad9;}
#button ul li a.target{background:#a4a4a5;}    

/*content1*/
.content1 {text-align:center; }
.content1 h1 {margin-top:120px; font-size:27px; letter-spacing:-3px; font-weight:500;}
.content1 h1 span {color:#f2941a;}
.content1 p {font-size:13px; margin-top:20px;line-height:1.7em; letter-spacing:-1px; font-weight:300;}
.content1 a {display:inline-block; width:102px; height:32px; border:1px solid #f2941a; color:#f2941a;margin-top:20px; border-radius:16px; box-sizing:border-box; padding-top:7px; transition: background-color 0.5s; font-size:14px;}
.content1 a:hover {background:#f2941a; color:#fff;}    
    
    
/*content2*/
.content2 {text-align:center; position:relative;}
.content2 h1 {margin-top:46px; font-size:27px; letter-spacing:-3px; font-weight:500;}
.content2 h1 span {color:#f2941a;}
.content2 p {font-size:15px; margin-top:17px; letter-spacing:-1px; font-weight:300; margin-bottom:20px;}
.content2 ul {margin-top:45px; color:#f2941a; position:relative; left:50%; margin-left:-90px; text-align:left; }
.content2 ul li {float:none; margin-right:50px; font-size:23px; font-weight:bold; letter-spacing:-2px; }
.content2 ul li:nth-child(3){margin-right:0px;}
.content2 ul li img {display:inline-block; margin-bottom:18px; width:60px; position:relative; top:-15px; left:-10px;}
    
/*content3*/
.content3 h1 {text-align:center; margin-top:46px;font-size:27px; letter-spacing:-3px; font-weight:500;}
.content3>p {text-align:center;font-size:14px; margin-top:14px; margin-bottom:40px; letter-spacing:-1px; font-weight:300;} 

.content3 {text-align:center;}
.content3 ul {width:345px; margin:0 auto;}    
.content3 ul li {width:165px; float:left; margin-right:15px;}
    .content3 ul li img {width:100%;}    
    .content3 ul li:nth-child(2) {margin-right:0px;}    
.content3 ul li:last-child {margin-right:0px;}
.content3 ul li h2 {margin-top:10px; margin-bottom:10px; font-size:13px; color:#f2941a; letter-spacing:-1px; text-align:left;}
.content3 ul li p {text-align: justify; font-size:12px; letter-spacing:-0.5px; line-height:1.4em; margin-bottom:40px;}
.content3 a {clear:both; display:block; width:102px; height:32px; border:1px solid #f2941a; color:#f2941a; margin:0 auto; border-radius:16px; box-sizing:border-box; padding-top:7px; transition: background-color 0.5s; font-size:14px;}
.content3 a:hover {background:#f2941a; color:#fff;}    
    
/*content4*/
.content4 h1 {text-align:center; margin-top:46px;font-size:27px; letter-spacing:-3px; font-weight:500;}
.content4 h1 span {color:#f2941a;}
.content4 p {font-size:14px; margin-top:17px; margin-bottom:33px; letter-spacing:-1px; text-align:center; font-weight:300;}
.content4 ul {width:380px; position:relative; left:50%; margin-left:-190px;}
.content4 ul li {width:190px; height:90px; float:left;  box-sizing: border-box; position:relative;}
.content4 ul li:nth-child(1) {border-right:0px solid #e9e9e9;}
.content4 ul li:nth-child(2) {border-right:0px solid #e9e9e9;}
.content4 ul li:nth-child(4) {border-top:0px solid #e9e9e9;border-right:0px solid #e9e9e9;}
.content4 ul li:nth-child(5) {border-top:0px solid #e9e9e9;border-right:0px solid #e9e9e9;}
.content4 ul li:nth-child(6) {border-top:0px solid #e9e9e9;}
/*.content4 ul li a {width:100%; height:100%; display:inline-block;}*/
.content4 ul li a img {position:absolute; top:50%; margin-top:-15px; left:50%; margin-left:-75px; opacity:0.9; width:150px;}
.content4 ul li a:hover img {opacity:1;}
.content4 ul li:nth-child(1) a img {margin-top:-30px; margin-left:-75px;}
.content4 ul li:nth-child(2) a img {margin-top:-25px; margin-left:-75px;}    

 /*content5*/
.content5 {position:relative;color:#fff; padding-left:3%; padding-right:3%; box-sizing:border-box;}
.content5 h1 {position:static; text-align:center; margin-top:40px; margin-bottom:30px; font-size:27px;}
.content5 p {position:static; text-align:center; margin-top:15px; display:none;}
.content5 iframe {position:static; display:block; margin:0 auto; width:100%; height:242px;}   
    
/*footer*/
#footer {text-align:center;}
#footer ul {margin-top:60px; margin-bottom:30px; display:inline-block; display:none;}
#footer li {float:left; margin-right:30px; font-size:16px; font-weight:500; letter-spacing:-1px; }
#footer li:last-child {margin-right:0px;}
#footer p {clear:both; color:#a3a2a2; font-size:13px; margin-bottom:20px; margin-top:30px;}
#footer li a {color:#bdbcbc;}
#footer li a:hover {text-decoration:underline;}    
    #footer img {display:none;}    
}