@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; margin-top:550px; }
#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;}
.subTitle_wrap {width:100%; background:#efefef;}
.subTitle {width:1000px; height:252px; margin:0 auto; background:url(../img/sub_bg.jpg);overflow:hidden;}


/*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;}


/*subTitle*/
.subTitle h1 {font-size:40px; font-weight:500; letter-spacing:-4px; margin-top:85px; margin-left:5px;}
.subTitle P {font-size:16px; font-weight:500; letter-spacing:5px; margin-top:15px; margin-left:9px; color:#f2941a; font-weight:bold;}


/*★content change★*/

.curri {width:1000px; margin:0 auto;position:relative; }
.curri h1 {font-size:46px;font-weight:500; letter-spacing:-5px; margin-top:200px; margin-bottom:100px; text-align:center;}
.curri h1 span {color:#f2941a;}
.curri h1:before {content:""; display:block; width:40px; height:2px; background:#f2941a; position:absolute; left:50%; margin-left:-20px; top:-30px;}
.curri>ol li {height:100px; margin-bottom:40px;}
.curri>ol li img {display:inline;}
.curri>ol p {display:inline-block;font-size:22px;font-weight:300; letter-spacing:-2px; margin-bottom:55px; line-height:1.7em; text-align:left; margin-left:25px; margin-top:-10px;}
.curri>ol li:nth-child(2) p {margin-top:25px;}
.curri>ol li:nth-child(3) p {margin-top:25px;}
.curri>ol li:nth-child(4) p {margin-top:15px;}
.curri>ol {width:600px; position:relative; left:50%; margin-left:-300px; top:50px; margin-bottom:170px;}


/*table*/

.curri>ul {overflow:hidden; position:relative; left:50%; width:876px; margin-left:-438px; margin-bottom:100px; text-align:center; color:#717171;}



/*levelup*/
.curri>ul .levelUp {position:absolute; width:73px; height:73px; background:#bbb; top:230px; left:254px; border-radius:50%; font-size:20px; line-height:0.8em; color:#fff; padding-top:16px; box-sizing:border-box; border:4px solid #fff;} 
.curri>ul .levelUp2 {position:absolute; width:73px; height:73px; background:#bbb; top:230px; left:546px; border-radius:50%; font-size:20px; line-height:0.8em; color:#fff; padding-top:16px; box-sizing:border-box; border:4px solid #fff;} 
/*levelup*/

/*next*/
ul .next {
    position: absolute;
    text-shadow: -1px 4px 1px #fff, -1px -4px 1px #fff; 
    font-size:43px; color:#bbb; font-weight:bold;
    left:278px; top:30px;
}

ul .next2 {
    position: absolute;
    text-shadow: -1px 4px 1px #fff, -1px -4px 1px #fff; 
    font-size:43px; color:#bbb; font-weight:bold;
    left:570px; top:33px;
}
/*next*/


.curri>ul>li {width:292px; height:890px; float:left; border-right:1px solid #ddd; box-sizing: border-box;}
.curri>ul>li:nth-child(3) {border-right:0px;}


.curri>ul>li>h2 {font-size:30px; color:#f2941a; letter-spacing:-3px; margin-top:40px; margin-bottom:20px;}
.curri>ul>li>p:nth-child(2) {font-size:20px; letter-spacing:-2px; }
.curri>ul>li>p:nth-child(3) {width:75%; margin:30px auto; height:210px; font-size:26px; letter-spacing:-1px; border-radius:50%; font-weight:bold; border:12px solid #f2941a; box-sizing:border-box; padding-top:60px; position: relative;}



ul>li:nth-child(1) .list li {margin-bottom:10px;}
ul>li:nth-child(1) .caption li {margin-bottom:24px;}
ul>li:nth-child(2) .caption li:nth-child(3):before {content: counter(item, disc) " ";
display:inline-block; width:20px; height:50%;
    color:#fff; position:absolute; left:-15px;}
ul>li:nth-child(3) .list li {margin-bottom:31px;}
ul>li:nth-child(2) .list li:nth-child(5) {text-decoration:none; position:relative;}
ul>li:nth-child(2) .list li:nth-child(5):after {content:''; display:block; position:absolute; width:170px; height:1px; background:#999; top:40px; left:50%; margin-left:-85px;}
ul>li:nth-child(3) .list li:nth-child(3) {text-decoration:none; position:relative;}
ul>li:nth-child(3) .list li:nth-child(3):after {content:''; display:block; position:absolute; width:170px; height:1px; background:#999; top:40px; left:50%; margin-left:-85px;} 

.list {height:150px; color:#999;}
.list li {font-size:18px; margin-bottom:5px; text-decoration:underline;}
.list li span {text-decoration-color:#fff;}

.caption {text-align:left; font-size:16px; letter-spacing:-1px; list-style:circle; margin-left:20px; margin-top:40px; display: inline-block; line-height:1.4em;}
.caption li {margin-bottom:10px; color:#757575; position:relative;}
/*.caption li[text] {color:#757575;}*/
.caption li:before{

content: counter(item, disc) " ";
display:inline-block; width:20px; height:50%;
    color:#f2941a; position:absolute; left:-15px;}

.caption li b {color:#f2941a;}

/*
.photo {width:868px; display:block; margin:0 auto; overflow:hidden;}
.photo li {float:left; }
*/

.photo {position:absolute; display:inline-block; width:868px; left:50%; margin-left:-434px; margin-bottom:150px;  
    overflow:hidden; }
.photo li {float:left; }  
.photo li img {}  


#m_tab {display:none;}




/*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;}
.footerWrap {width:100%;  background:#717171; overflow:hidden; margin-top:0px; }    
#footer {width:100%; height:120px; 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; }
.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;}
.subTitle_wrap {width:100%; background:#efefef; display:none; }
.subTitle {width:1000px; height:252px; margin:0 auto; background:url(../img/sub_bg.jpg);overflow:hidden; } 
 
    
/*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;}
    
    
/*★content change★*/

.curri {width:100%; margin:0 auto; position:relative; }
.curri h1 {font-size:40px;font-weight:500; letter-spacing:-4px; margin-top:120px; margin-bottom:40px; text-align:center;}
.curri h1 span {color:#f2941a;}
.curri h1:before {content:""; display:block; width:40px; height:2px; background:#f2941a; position:absolute; left:50%; margin-left:-20px; top:-30px;}   
.curri>ol li {height:80px; margin-bottom:30px;}
.curri>ol li img {display:inline; width:60px;}
.curri>ol p {display:inline-block;font-size:19px;font-weight:300; letter-spacing:-2px; margin-bottom:55px; line-height:1.7em; text-align:left; margin-left:25px; margin-top:-10px;}
.curri>ol li:nth-child(2) p {margin-top:15px;}
.curri>ol li:nth-child(3) p {margin-top:15px;}
.curri>ol li:nth-child(4) p {margin-top:5px;}
.curri>ol {width:500px; position:relative; left:50%; margin-left:-250px; top:50px; margin-bottom:130px;}
    
    
    


/*table*/

.curri>ul {overflow:hidden; position:relative; left:50%; width:630px; margin-left:-315px; margin-bottom:70px; text-align:center; color:#717171;}



/*levelup*/
.curri>ul .levelUp {position:absolute; width:53px; height:53px; background:#bbb; top:210px; left:183px; border-radius:50%; font-size:13px; line-height:1em; color:#fff; padding-top:12px; box-sizing:border-box; border:2px solid #fff;} 

.curri>ul .levelUp2 {position:absolute; width:53px; height:53px; background:#bbb; top:210px; left:393px; border-radius:50%; font-size:13px; line-height:1em; color:#fff; padding-top:12px; box-sizing:border-box; border:2px solid #fff;}     
/*levelup*/

/*next*/
ul .next {
    position: absolute;
    text-shadow: -1px 4px 1px #fff, -1px -4px 1px #fff; 
    font-size:30px; color:#bbb; font-weight:bold;
    left:200px; top:30px;
}

ul .next2 {
    position: absolute;
    text-shadow: -1px 4px 1px #fff, -1px -4px 1px #fff; 
    font-size:30px; color:#bbb; font-weight:bold;
    left:410px; top:33px;
}
/*next*/


.curri>ul>li {width:210px; height:760px; float:left; border-right:1px solid #ddd; box-sizing: border-box;}
.curri>ul>li:nth-child(3) {border-right:0px;}


.curri>ul>li>h2 {font-size:27px; color:#f2941a; letter-spacing:-3px; margin-top:40px; margin-bottom:20px;}
.curri>ul>li>p:nth-child(2) {font-size:17px; letter-spacing:-2px; }
.curri>ul>li>p:nth-child(3) {width:75%; margin:30px auto; height:150px; font-size:20px; letter-spacing:-1px; border-radius:50%; font-weight:bold; border:9px solid #f2941a; box-sizing:border-box; padding-top:40px; position: relative;}



ul>li:nth-child(1) .list li {margin-bottom:10px;}
ul>li:nth-child(1) .caption li {margin-bottom:24px;}
ul>li:nth-child(2) .caption li:nth-child(3):before {content: counter(item, disc) " ";
display:inline-block; width:20px; height:50%;
    color:#fff; position:absolute; left:-15px;}
ul>li:nth-child(3) .list li {margin-bottom:28px;}
ul>li:nth-child(2) .list li:nth-child(5) {text-decoration:none; position:relative;}
ul>li:nth-child(2) .list li:nth-child(5):after {content:''; display:block; position:absolute; width:170px; height:1px; background:#999; top:40px; left:50%; margin-left:-85px;}
ul>li:nth-child(3) .list li:nth-child(3) {text-decoration:none; position:relative;}
ul>li:nth-child(3) .list li:nth-child(3):after {content:''; display:block; position:absolute; width:170px; height:1px; background:#999; top:40px; left:50%; margin-left:-85px;} 

.list {height:150px; color:#999;}
.list li {font-size:15px; margin-bottom:5px; text-decoration:underline;}
.list li span {text-decoration-color:#fff;}

.caption {text-align:left; font-size:13px; letter-spacing:-1px; list-style:circle; margin-left:20px; margin-top:20px; display: inline-block; line-height:1.4em;}
.caption li {margin-bottom:12px; color:#757575; position:relative;}
/*.caption li[text] {color:#757575;}*/
.caption li:before{

content: counter(item, disc) " ";
display:inline-block; width:20px; height:50%;
    color:#f2941a; position:absolute; left:-15px;}

.caption li b {color:#f2941a;}
    
.photo {position:relative; display:inline-block; left:0%; margin-left:0px; margin-bottom:-2px; width:100%; 
    overflow:hidden; }
.photo li {float:left; width:50%;}  
.photo li img {width:100%;}    
    
    
    
    
    
    
    
/*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;}
    #container {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;}
    .footerWrap {width:100%;  background:#717171; overflow:hidden; margin-top:0px; }
.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;}
.subTitle_wrap {width:100%; background:#efefef; display:none; }
.subTitle {width:1000px; height:252px; margin:0 auto; background:url(../img/sub_bg.jpg);overflow:hidden; } 
 
    
    
/*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;}
    
/*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;}


/*subTitle*/
.subTitle h1 {font-size:40px; font-weight:500; letter-spacing:-4px; margin-top:85px; margin-left:5px;}
.subTitle P {font-size:16px; font-weight:500; letter-spacing:5px; margin-top:15px; margin-left:9px; color:#f2941a; font-weight:bold;}



/*★content change★*/

.curri {width:100%; margin:0 auto;position:relative; }
.curri h1 {font-size:34px;font-weight:500; letter-spacing:-4px; margin-top:80px; margin-bottom:25px;text-align:center;}
.curri h1 span {color:#f2941a;}
.curri h1:before {content:""; display:block; width:40px; height:2px; background:#f2941a; position:absolute; left:50%; margin-left:-20px; top:-30px;}
.curri>ol li {height:100px; margin-bottom:20px;}
.curri>ol li img {display:block; margin:0 auto; width:50px;}
.curri>ol p {display:block;font-size:17px;font-weight:300; letter-spacing:-2px; margin-bottom:40px; line-height:1.7em; text-align:center; margin-left:0px; margin-top:0px;  }
.curri>ol li:nth-child(2) p {margin-top:0px;}
.curri>ol li:nth-child(2) {margin-top:70px;}
.curri>ol li:nth-child(3) p {margin-top:0px;}
.curri>ol li:nth-child(4) p {margin-top:0px;}
.curri>ol {width:600px; position:relative; left:50%; margin-left:-300px; top:50px; margin-bottom:170px;}


/*table*/

#contents { position:relative; left:50%; width:292px; height:890px; overflow:hidden; margin-left:-146px; margin-bottom:100px; text-align:center; color:#717171; top:-120px; }


     

/*levelup*/
.curri>ul .levelUp { display:none; position:absolute; width:73px; height:73px; background:#bbb; top:230px; left:254px; border-radius:50%; font-size:20px; line-height:0.8em; color:#fff; padding-top:16px; box-sizing:border-box; border:4px solid #fff;} 
.curri>ul .levelUp2 {display:none; position:absolute; width:73px; height:73px; background:#bbb; top:230px; left:546px; border-radius:50%; font-size:20px; line-height:0.8em; color:#fff; padding-top:16px; box-sizing:border-box; border:4px solid #fff;} 
/*levelup*/

/*next*/
ul .next { display:none;
    position: absolute;
    text-shadow: -1px 4px 1px #fff, -1px -4px 1px #fff; 
    font-size:43px; color:#bbb; font-weight:bold;
    left:278px; top:30px;
}

ul .next2 { display:none;
    position: absolute;
    text-shadow: -1px 4px 1px #fff, -1px -4px 1px #fff; 
    font-size:43px; color:#bbb; font-weight:bold;
    left:570px; top:33px;
}
/*next*/


.curri>ul>li {width:292px; height:890px; float:none; border-right:0px solid #ddd; box-sizing: border-box; overflow:hidden;}
.curri>ul>li:nth-child(3) {border-right:0px;}

  
    
    
    
.curri>ul>li>h2 {font-size:30px; color:#f2941a; letter-spacing:-3px; margin-top:40px; margin-bottom:20px;}
.curri>ul>li>p:nth-child(2) {font-size:20px; letter-spacing:-2px; }
.curri>ul>li>p:nth-child(3) {width:75%; margin:30px auto; height:210px; font-size:26px; letter-spacing:-1px; border-radius:50%; font-weight:bold; border:12px solid #f2941a; box-sizing:border-box; padding-top:60px; position: relative;}



ul>li:nth-child(1) .list li {margin-bottom:10px;}
ul>li:nth-child(1) .caption li {margin-bottom:24px;}
ul>li:nth-child(2) .caption li:nth-child(3):before {content: counter(item, disc) " ";
display:inline-block; width:20px; height:50%;
    color:#fff; position:absolute; left:-15px;}
ul>li:nth-child(3) .list li {margin-bottom:31px;}
ul>li:nth-child(2) .list li:nth-child(5) {text-decoration:none; position:relative;}
ul>li:nth-child(2) .list li:nth-child(5):after {content:''; display:block; position:absolute; width:170px; height:1px; background:#999; top:40px; left:50%; margin-left:-85px;}
ul>li:nth-child(3) .list li:nth-child(3) {text-decoration:none; position:relative;}
ul>li:nth-child(3) .list li:nth-child(3):after {content:''; display:block; position:absolute; width:170px; height:1px; background:#999; top:40px; left:50%; margin-left:-85px;} 

.list {height:150px; color:#999;}
.list li {font-size:18px; margin-bottom:5px; text-decoration:underline;}
.list li span {text-decoration-color:#fff;}

.caption {text-align:left; font-size:16px; letter-spacing:-1px; list-style:circle; margin-left:20px; margin-top:40px; display: inline-block; line-height:1.4em;}
.caption li {margin-bottom:10px; color:#757575; position:relative;}
/*.caption li[text] {color:#757575;}*/
.caption li:before{

content: counter(item, disc) " ";
display:inline-block; width:20px; height:50%;
    color:#f2941a; position:absolute; left:-15px;}

.caption li b {color:#f2941a;}
 
.photo {position:relative; display:inline-block; left:0%; margin-left:5%; margin-right:5%; margin-bottom:30px; width:90%; margin-top:-160px;
    overflow:hidden;  }
.photo li {float:none; width:100%;}  
.photo li img {width:100%;}    
    

#m_tab {display:block; width:320px; position:relative; left:50%; margin-left: -160px; top:-50px; } 
#m_tab li {float:left; width:100px; height:30px; border:1px solid #f2941a;; border-radius:15px; margin-right:10px;}    
    #m_tab li:last-child {margin-right:0px;}  
#m_tab li a {width:100%; height:100%; display:block; padding-top:5px; box-sizing:border-box; font-size:14px; color:#f2941a;}    
 
#m_tab li a:hover {width:100%; height:100%; display:block; padding-top:5px; box-sizing:border-box; font-size:14px; color:#fff; background:#f2941a; border-radius:15px;}  
    
    
    
    
 /*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;}   

}