@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&display=swap');


/* Menu */
.show_768{display:none}
#particles {background: #181818; position:fixed; width: 100%; height: 100%; overflow: hidden; }
#menu {position:fixed; left:50px; top:0; width:40px; height:100%; padding-top:50px; z-index:7; }
#menu h1 {position:relative; background:url(/images/logo01.png) no-repeat; width:40px; height:79px; z-index:10;}
#menu h1 a {display:block; height:100%;}
.customer{position:fixed; right:20px; bottom:200px;  }
.customer a + a{margin-top:10px;}
a.contact{display:block; background:url(/images/contact.png) no-repeat; width:40px; height:40px;  }
a.on{display:block; background:url(/images/close.png) no-repeat; width:40px; height:40px; }
a.call{display:block; background:url(/images/call.png) no-repeat; width:40px; height:40px; }
a.login{display:block; background:url(/images/login.png) no-repeat; width:40px; height:40px; }
a.logout{display:block; background:url(/images/logout.png) no-repeat; width:40px; height:40px; }
a.mypage{display:block; background:url(/images/mypage.png) no-repeat; width:40px; height:40px; }

#nprogress .bar {background:#48bce7; position: fixed; z-index: 1031; top:0; left:0;width:100%; height:7px;}
.fade { transition: all 300ms linear 300ms;opacity: 1;}
.fade.out {opacity: 0;}


#menuToggle
{
position:absolute; top:0; bottom:0; height:70px; /*border:2px solid #2cc1ea;*/ margin:auto 0;
  border-radius:50%;
  padding:17px;
  z-index: 1;
  
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
	   left:-14px
}
#menuToggle:before{content:"MENU"; position:absolute; top:0;   color:#2cc1ea; font-weight:500;  font-size:15px; margin-bottom:10px; z-index:3;right:0;left:0;text-align:center}

#menuToggle.change:before{content:'ClOSE'}
#menuToggle input
{
 
 width: 100%;
    height: 100%; 


  

  position: absolute;
  left:0; right:0; top:0; bottom:0;
  margin:auto;
  
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}


.board_complete_wrap {border-top: 1px solid #5e5e5e; border-bottom: 1px solid #5e5e5e; padding: 50px 0; text-align: center;}

.bd_complete_title {color: #191919; font-size: 35px; line-height: 1;  }
.bd_complete_title span {color: #2cc1ea;}
.bd_complete_text {color: #a5a5a5; font-size: 18px; line-height: 1.55; margin-top: 20px; }
.apply_btn_wrap {display: flex; justify-content: center; margin-top: 30px;}
.apply_btn_wrap a {display: flex; justify-content: center; align-items: center; height: 50px; border:1px solid #727272; color: #fff; padding: 3px 50px 0; font-size: 16px;}






/* #menuToggle span

{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 10px;
  position: relative;
  
  background: #cdcdcd;
  border-radius: 3px;
  
  z-index: 1;
  
  -webkit-transform-origin: 4px 0px;
  
          transform-origin: 4px 0px;
  
  transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease,
              -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease,
              -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menuToggle span:first-child
{
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
		  display:block;
  
}


#menuToggle span:nth-last-child(2)
{
  -webkit-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
}


#menuToggle span:nth-of-type(1)
{
 background:#2cc1ea;
 width:30px; height:3px;
		  
}
#menuToggle span:nth-of-type(2)
{
 background:#2cc1ea;
 width:30px; height:3px;
 left:10px;
		  
}
#menuToggle span:nth-of-type(3)
{
 background:#2cc1ea;
 width:30px; height:3px;
		  
}


#menuToggle input:checked ~ span
{
  opacity: 1;
  -webkit-transform: rotate(45deg) translate(-2px, -1px);
          transform: rotate(45deg) translate(-2px, -1px);
  background: #2cc1ea;
}


#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  -webkit-transform: rotate(0deg) scale(0.2, 0.2);
          transform: rotate(0deg) scale(0.2, 0.2);
}



#menuToggle input:checked ~ span:nth-last-child(2)
{
  -webkit-transform: rotate(-45deg) translate(0, -1px);
          transform: rotate(-45deg) translate(0, -1px);
		  left:0;
}

 */

#menu_left
{
  position: fixed; 
  overflow-x:hidden;

  width: 600px;
  left:0;
  margin: 0 0 0 -50px;
  padding:50px 60px 50px 200px;
  height:100%;
  top:0;
 
  background: #202020;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  -webkit-transform-origin: 0% 0%;
  
          transform-origin: 0% 0%;
  -webkit-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
  
  transition: -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}



#menuToggle input:checked ~ #menu_left
{
  -webkit-transform: none;
          transform: none;
}
.menu_list{display:table; width:100%; height:100%; }
.menu_inner{display:table-cell; vertical-align:middle; }
.menu_inner ul{margin-top:40px; }
.menu_inner ul li{position:relative ; font-size:28px; color:#fff;line-height:1.8;}
.menu_inner ul li a{color:#fff;}
.menu_inner ul li a:hover{color:#2cc1ea;}

.menu_inner ul li a:after {content:"";width:0;height:2px;background:#2cc1ea;position:absolute;top:50%;left:-15px;transition:.3s;}
.menu_inner ul li a:hover:after {width:100%;}

.menu_inner address {margin:60px 0 30px 0; padding:50px 20px 45px 0; border-top:1px solid #414141; border-bottom:1px solid #414141;}
.menu_inner address p + p {margin-top:10px;}
.menu_inner address > p {font-size:13px; color:#c2c2c2;  }
.menu_inner address p.icon{background:url(/images/over_icon01.png) left center no-repeat; padding-left:25px;}
.menu_inner address p.email{background:url(/images/over_icon02.png) left center no-repeat; padding-left:25px;}
.menu_inner address p.address{background:url(/images/over_icon03.png) left top 5px no-repeat; padding-left:25px;}
.menu_inner address p a{color:#c2c2c2; }

.menu_inner .house {background:url(/images/home.png) left top no-repeat; padding-left:35px;padding-bottom:35px}
.menu_inner .house a{width:40px;height:40px;}



#main_content{ /*position:fixed; */height: 100vh; margin-left:90px;  width:100%;   display:table; }

.main_text {width:50%; display:table-cell; vertical-align:middle; text-align:center;  }
.main_text_inner {display:inline-block; text-align:left;}
.title {line-height:1; font-size:65px; color:#fff; font-weight:400;}
.title span {display:block; color:#2cc1ea; margin-left:40px; margin-top:15px;}
.desc {text-align:right;}
.desc p {text-align:left; display:inline-block; font-size:17px;  color:#b8b8b8; line-height:1.6; margin:70px 0 60px;word-break:keep-all}
.main_text_inner > span {margin:0 0 0 112px; position:relative; padding-left:110px;}
.main_text_inner > span a {font-size:19px; color:#fff;}
.main_text_inner > span:before {content:'';  display:block;position:absolute; top:0; bottom:0; left:0; margin:auto 0; width:100px; height:1px; background:#fff;}


.main_img {width:50%; display:table-cell; vertical-align:top; position:relative;   }
.main_logo {width:557px; height:665px; background:url(/images/main_logo.png) no-repeat; /*position:absolute; top:-53px;left:0;*/ background-size:contain; }
.cooperation{position:absolute; right:100px ;bottom:50px;  }
.cooperation li {font-size:14px; color:#fff;  display:inline-block;}
.cooperation li + li {margin-left:50px;}
.cooperation li span {display:inline-block;  vertical-align:middle; margin-top:-20px;}
.cooperation li strong {
    font-size: 65px;
    color: #2cc1ea;
    margin-left: 20px;
    font-weight: 400;
    line-height: 1;
    display: inline-block;
    vertical-align: bottom;
}





/* sub */


#particles {z-index:-99999; position:fixed; left:0; top:0; width:100%; height:100%;}
#sub_visual{height:270px; display:table; width:1200px; margin:0 auto; }
.sub_inner {vertical-align:middle; display:table-cell;}
.sub_inner p {font-size:55px; color:#29c2ec; font-weight:bold; position:relative; line-height:1;}
.sub_inner p:after {content:''; width:280px; height:1px; display:inline-block; background:#29c2ec;  margin-left:30px;}
/*.sub_work_inner.sub_inner p:after {content:''; width:280px; height:1px; display:block; background:#29c2ec; position:absolute; bottom:8px; left:400px;}
.sub_serv_inner.sub_inner p:after {content:''; width:280px; height:1px; display:block; background:#29c2ec; position:absolute; bottom:8px; left:320px;}
.sub_proc_inner.sub_inner p:after {content:''; width:280px; height:1px; display:block; background:#29c2ec; position:absolute; bottom:8px; left:320px;}
.sub_inqu_inner.sub_inner p:after {content:''; width:280px; height:1px; display:block; background:#29c2ec; position:absolute; bottom:8px; left:300px;}
.sub_news_inner.sub_inner p:after {content:''; width:280px; height:1px; display:block; background:#29c2ec; position:absolute; bottom:8px; left:320px;}
.sub_status_inner.sub_inner p:after {content:''; width:280px; height:1px; display:block; background:#29c2ec; position:absolute; bottom:8px; left:520px;}
.sub_maint_inner.sub_inner p:after {content:''; width:280px; height:1px; display:block; background:#29c2ec; position:absolute; bottom:8px; left:320px;}*/

#sub_content{position:relative; max-width:1200px; margin:0 auto; width:100%; padding:30px 0 0 0;}
.sub_pun_content:before{content:"Coexistence"; position:absolute; left:0; top:170px; font-size:245px; line-height:1; font-weight:bold; color:#1e1e1e; z-index:-1;letter-spacing:-2px;}
.sub_work_content:before{content:"D.PUNCH WORK"; position:absolute; left:0; top:100px; font-size:196px; line-height:1; font-weight:bold; color:#1e1e1e; z-index:-1;font-family: 'Rajdhani', sans-serif; letter-spacing:-2px;}
.sub_serv_content:before{content:"D.PUNCH SERVICES"; position:absolute; left:0; top:150px;  font-size:160px; line-height:1; font-weight:bold; color:#1e1e1e; z-index:-1;font-family: 'Rajdhani', sans-serif; letter-spacing:-2px;}
.sub_client_content:before{content:"D.PUNCH CLIENT"; position:absolute; left:0; top:150px; font-size:185px; line-height:1; font-weight:bold; color:#1e1e1e; z-index:-1;font-family: 'Rajdhani', sans-serif; letter-spacing:-2px;}
.sub_proc_content:before{content:"D.PUNCH PROCESS"; position:absolute; left:0; top:150px;  font-size:164px; line-height:1; font-weight:bold; color:#1e1e1e; z-index:-1;font-family: 'Rajdhani', sans-serif; letter-spacing:-2px;}
.sub_inqu_content:before{content:"D.PUNCH INQUIRY"; position:absolute; left:0; top:150px;  font-size:170px; line-height:1; font-weight:bold; color:#1e1e1e; z-index:-1;font-family: 'Rajdhani', sans-serif; letter-spacing:-2px;}
.sub_news_content:before{content:"D.PUNCH NEWS"; position:absolute; left:0; top:120px;  font-size:198px; line-height:1; font-weight:bold; color:#1e1e1e; z-index:-1;font-family: 'Rajdhani', sans-serif; letter-spacing:-2px;}
.sub_status_content:before{content:"PRODUCTION STATUS"; position:absolute; left:0; top:120px;  font-size:146px; line-height:1; font-weight:bold; color:#1e1e1e; z-index:-1;font-family: 'Rajdhani', sans-serif; letter-spacing:-2px;}
.sub_maint_content:before{content:"MAINTENANCE"; position:absolute; left:0; top:120px;  font-size:198px; line-height:1; font-weight:bold; color:#1e1e1e; z-index:-1;font-family: 'Rajdhani', sans-serif; letter-spacing:-2px;}

#sub_bbs{position:relative; margin:0 110px;}
#sub_title_wrap{position:relative; max-width:1200px; margin:0 auto 50px; width:100%;margin-bottom:105px;}

.sub_inqu_content .sub_title{width:100%;}
.sub_work_content .sub_title{width:100%;}
.sub_pun_content .sub_title{float:left; width:50%;}
.sub_serv_content .sub_title{width:100%;}
.sub_title span{display:block; font-size:25px; line-height:1; color:#fff;}
.sub_title strong{display:block; font-size:45px; color:#fff; line-height:1.3; margin-top:40px;  }
.po_title{ margin-bottom:50px;}
.po_title span{display:block; font-size:25px; line-height:1; color:#fff;}
.po_title strong{display:block; font-size:45px; color:#fff; line-height:1.3; margin-top:40px; }

.sub_list{float:right; width:50%;}
.sub_list dl + dl{margin-top:70px;}
.sub_list dl dt{font-size:23px; font-weight:bold;  color:#29c2ec;  }
.sub_list dl dd{font-size:15px; color:#fff; margin-top:25px; }




/* d.punch */

.our_img{position:relative; background:url(/images/pun_bg01.jpg) no-repeat; height:504px; margin-top:230px; z-index:1; }
.our_img:before{content:""; position:absolute; right:0; top:-100px; background:url(/images/pun_bg02.png) no-repeat; width:250px; height:333px; z-index:-111;}
.our_img:after{content:""; position:absolute; right:0; bottom:200px; background:url(/images/pun_bg03.png) no-repeat; width:277px; height:277px; z-index:-999;}
.our_img h2{position:absolute; max-width:1200px; top:-50px;left:0; right:0; width:100%; margin:0 auto; font-size:80px; line-height:1; color:#2cc1ea;}

.how_to_work{position:relative; padding:430px 0 185px 0; margin-top:-250px; }
.how_to_work:before{content:""; position:absolute; width:174px; height:246px; right:0; bottom:0; background:url(/images/circle03.png) no-repeat;}
.how_to_work h2{position:relative; font-size:60px; color:#fff; line-height:1;  text-align:center;}
.how_to_work h2:before{content:""; position:absolute; top:80px; left:0; right:0; margin:0 auto;  width:10px; height:30px; -webkit-transform:skew(-20deg); -ms-transform:skew(-20deg); -moz-transform:skew(-20deg); -o-transform:skew(-20deg); background:#2cc1ea;}
.how_to_work ul{max-width:1200px; margin:140px auto 0; }
.how_to_work ul li{float:left; display:table; width:380px; height:245px; background:#181818; border:1px solid #a4a4a4; position:relative; transition:all 300ms linear;}
.how_to_work ul li.mdp {margin-left:30px;}
.how_to_work ul li.mtp {margin-top:30px;}
.how_to_work ul li:hover{background:#2cc1ea; border:1px solid #2cc1ea; transition:all 300ms linear;}
.how_to_work ul li:hover dl dt:before{content:""; position:absolute; top:5px; left:-30px; right:0; margin:0 auto;  width:13px; height:6px; -webkit-transform:skew(-50deg); -moz-transform:skew(-50deg); -ms-transform:skew(-50deg); -o-transform:skew(-50deg); background:#fff;}

.how_to_work ul li dl{display:table-cell; vertical-align:middle; text-align:center;}
.how_to_work ul li dl dt{position:relative; font-size:36px; line-height:1; color:#fff; font-weight:bold}
.how_to_work ul li dl dt:before{content:""; position:absolute; top:5px; left:-30px; right:0; margin:0 auto;  width:13px; height:6px; -webkit-transform:skew(-50deg); -moz-transform:skew(-50deg); -ms-transform:skew(-50deg); -o-transform:skew(-50deg); background:#2cc1ea;}
.how_to_work ul li dl dd{font-size:15px; line-height:1.3; color:#fff; margin-top:20px; }

/*#people_list{position:relative; padding:400px 0 95px 0; margin-top:-250px; }*/
#people_list h2{position:relative; font-size:60px; color:#fff; line-height:1;  text-align:center; }
#people_list h2:before{content:""; position:absolute; top:80px; left:0; right:0; margin:0 auto;  width:10px; height:30px; -webkit-transform:skew(-20deg); -ms-transform:skew(-20deg);  -moz-transform:skew(-20deg); -o-transform:skew(-20deg); background:#2cc1ea; /* z-index:-3; */}
.people_wrap {max-width:1200px; margin:140px auto 0;}
.people_wrap dl {width:25%; float:left; text-align:center; position:relative; padding:265px 0 70px 0;}
.people_wrap dl.people01:before {content:''; background:url("/images/people01.png") center  0 no-repeat; width:160px; height:226px; position:absolute; top:0; left:0; right:0; margin:0 auto;}
.people_wrap dl.people02:before{content:''; background:url("/images/people02.png") center  0 no-repeat; width:160px; height:243px; position:absolute; top:0; left:0; right:0; margin:0 auto;}
.people_wrap dl.people03:before{content:''; background:url("/images/people03.png") center  0 no-repeat; width:160px; height:243px; position:absolute; top:0; left:0; right:0; margin:0 auto;}
.people_wrap dl.people04:before{content:''; background:url("/images/people04.png") center  0 no-repeat; width:160px; height:217px; position:absolute; top:0; left:0; right:0; margin:0 auto;}
.people_wrap dl.people05:before{content:''; background:url("/images/people05.png") center  0 no-repeat; width:160px; height:229px; position:absolute; top:0; left:0; right:0; margin:0 auto;}
.people_wrap dl.people06:before{content:''; background:url("/images/people06.png") center  0 no-repeat; width:160px; height:210px; position:absolute; top:0; left:0; right:0; margin:0 auto;}
.people_wrap dl.people07:before{content:''; background:url("/images/people07.png") center  0 no-repeat; width:160px; height:203px; position:absolute; top:0; left:0; right:0; margin:0 auto;}
.people_wrap dl.people08:before{content:''; background:url("/images/people08.png") center  0 no-repeat; width:192px; height:205px; position:absolute; top:0; left:0; right:0; margin:0 auto;}
.people_wrap dl.people09:before{content:''; background:url("/images/people/person09.png") center  0 no-repeat; width:192px; height:245px; position:absolute; top:0; left:0; right:0; margin:0 auto;}
.people_wrap dl.people10:before{content:''; background:url("/images/people/person10.png") center  0 no-repeat; width:192px; height:245px; position:absolute; top:0; left:0; right:0; margin:0 auto;}
.people_wrap dl.people11:before{content:''; background:url("/images/people/person11.png") center  0 no-repeat; width:192px; height:245px; position:absolute; top:0; left:0; right:0; margin:0 auto;}
.people_wrap dl.people12:before{content:''; background:url("/images/people/person12.png") center  0 no-repeat; width:192px; height:245px; position:absolute; top:0; left:0; right:0; margin:0 auto;}


.people_wrap dl dt {font-size:15px; color:#fff; line-height:1;}
.people_wrap dl dd {font-size:22px; color:#29c2ec;}


/*#people_list ul{max-width:1200px; margin:140px auto 0; }
#people_list ul li {width:25%; float:left; text-align:center; }
#people_list ul li dl {position:relative; padding:265px 0 70px 0;}
#people_list ul li dl.people01:before{content:''; background:url("/images/people01.png") center  0 no-repeat; width:160px; height:226px; position:absolute; top:0; left:0; right:0; margin:0 auto;}
#people_list ul li dl.people02:before{content:''; background:url("/images/people02.png") center  0 no-repeat; width:160px; height:243px; position:absolute; top:0; left:0; right:0; margin:0 auto;}
#people_list ul li dl.people03:before{content:''; background:url("/images/people03.png") center  0 no-repeat; width:160px; height:243px; position:absolute; top:0; left:0; right:0; margin:0 auto;}
#people_list ul li dl.people04:before{content:''; background:url("/images/people04.png") center  0 no-repeat; width:160px; height:217px; position:absolute; top:0; left:0; right:0; margin:0 auto;}
#people_list ul li dl.people05:before{content:''; background:url("/images/people05.png") center  0 no-repeat; width:160px; height:229px; position:absolute; top:0; left:0; right:0; margin:0 auto;}
#people_list ul li dl.people06:before{content:''; background:url("/images/people06.png") center  0 no-repeat; width:160px; height:210px; position:absolute; top:0; left:0; right:0; margin:0 auto;}
#people_list ul li dl.people07:before{content:''; background:url("/images/people07.png") center  0 no-repeat; width:160px; height:203px; position:absolute; top:0; left:0; right:0; margin:0 auto;}
#people_list ul li dl.people08:before{content:''; background:url("/images/people08.png") center  0 no-repeat; width:192px; height:205px; position:absolute; top:0; left:0; right:0; margin:0 auto;}

#people_list ul li dt {font-size:15px; color:#fff; line-height:1;}
#people_list ul li dd {font-size:22px; color:#29c2ec;}
*/


#address{position:relative; max-width:1200px; margin:100px auto;  z-index:1;}
#address:before{content:"Location"; position:absolute; right:0; top:0; font-size:200px; font-weight:bold; line-height:1;  color:#1d1d1d; z-index:-1; font-family: 'Rajdhani', sans-serif;}
#address dl{float:left;}
#address dl + dl {margin-left:100px;}
#address dl dt{position:relative; font-size:22px; line-height:1; font-weight:bold;}
#address dl dt:before{content:""; position:absolute; width:10px; height:1px; background:#000; bottom:0; left:-10px; z-index:9;}
#address dl dt{font-size:22px; font-weight:bold; color:#fff; }
#address dl dd{font-size:15px; line-height:1.4; color:#fff; margin-top:30px; }

#sub_banner {padding:100px 20px 65px 20px; text-align:center;}
#sub_banner ul li {display:inline-block; font-size:23px;  color:#fff;}
#sub_banner ul li.sub_call span{background:url("/images/sub_call.png") left center no-repeat; width:48px; height:44px; display:inline-block; vertical-align:middle; margin-top:-2px; margin-right:20px;}
#sub_banner ul li.sub_email {margin-left:70px;}
#sub_banner ul li.sub_email span{background:url("/images/sub_mail.png") left center no-repeat; width:50px; height:24px; display:inline-block; vertical-align:middle; margin-top:-2px; margin-right:20px;}


#sub_input {padding:50px 20px 150px 20px;}
.sub_input_inner {max-width:1200px; margin:0 auto;  position:relative; z-index:1;}
.sub_input_inner:before {content:''; background:url("/images/inqu_bg01.png") no-repeat; width:301px; height:302px; position:absolute; top:-100px; left:-200px; z-index:-1;}
/*.sub_input_inner:after {content:''; background:url("/images/inqu_bg02.png") no-repeat; width:277px; height:277px; position:absolute; bottom:-50px; right:-150px; z-index:-1;}*/
.sub_input_inner h2 {font-size:17px; color:#cccccc; line-height:1; margin-bottom:20px;}
.check_box {border:1px solid #fff; padding:22px 38px; background:#181818; }
.check_box ul li {display:inline-block; font-size:15px; color:#ccc;}
.check_box ul li + li {margin-left:78px;}
.check_box ul li input {vertical-align:middle; margin-top:-2px; margin-right:10px;}

.text_input_box {margin-bottom:30px;  background:#181818;}
.text_input_box ul li {width:49%; float:left; height:75px; padding:40px 10px 15px 55px; border-bottom:1px solid #cdcdcd; font-size:15px; color:#bfbfbf;}
.text_input_box ul li.md2p {margin-left:2%;}
.text_input_box ul li:nth-child(1) {background:url(/images/sub_icon01.png) 15px 45px no-repeat; }
.text_input_box ul li:nth-child(2) {background:url(/images/sub_icon02.png) 15px 45px no-repeat; }
.text_input_box ul li:nth-child(3) {background:url(/images/sub_icon03.png) 15px 45px no-repeat; }
.text_input_box ul li:nth-child(4) {background:url(/images/sub_icon04.png) 15px 45px no-repeat; }
.text_input_box ul li:nth-child(5) {background:url(/images/sub_icon05.png) 15px 45px no-repeat; }
.text_input_box ul li:nth-child(6) {background:url(/images/sub_icon06.png) 15px 45px no-repeat; }
.text_input_box ul li input {margin-left:10px; border:0; background:#181818; color:#fff; font-size:15px; width:300px;}

.sub_input_inner textarea {width:100%; height:180px; border:1px solid #ccc; background:#181818; color:#fff; font-size:15px; display:block;}
.search_box {position:relative; height:45px; border:1px solid #ccc; margin-top:30px; padding-right:90px; background:#181818; }
.search_box input {width:100%; height:100%; border:0;background:#181818;}
.search_box a {font-size:15px; position:absolute; right:0; top:0; padding:10px 15px; color:#bfbfbf;}
.inform_box {margin:20px 0; font-size:15px; color:#ccc;}
.inform_box input {vertical-align:middle; margin-top:-2px; margin-right:10px;}
.send {text-align:center;}
.send a.send_btn {display:inline-block; font-size:23px; font-weight:bold;  height:83px; line-height:80px; color:#181818; background:#29c2ec; padding:0 100px;}




/* service */

#service_wrap {margin:285px 0 190px 0;}
.service_inner {max-width:1200px; margin:0 auto; }
.service_inner ul li {width:380px; height:405px; float:left; border:1px solid #227e97; position:relative; padding:65px 0 0 0; text-align:center; }
.service_inner ul li.serv_md {margin-left:30px;}
.service_inner ul li.serv_mt {margin-top:76px;}

.service_inner ul li.serv01:before {content:'01';  position:absolute; left:40px; top:-60px; font-size:65px; color:#29c2ec; line-height:1;  padding-top:15px; letter-spacing:-2px;}
.service_inner ul li.serv02:before {content:'02';  position:absolute; left:40px; top:-60px; font-size:65px; color:#29c2ec; line-height:1;  padding-top:15px; letter-spacing:-2px;}
.service_inner ul li.serv03:before {content:'03';  position:absolute; left:40px; top:-60px; font-size:65px; color:#29c2ec; line-height:1;  padding-top:15px; letter-spacing:-2px;}
.service_inner ul li.serv04:before {content:'04';  position:absolute; left:40px; top:-60px; font-size:65px; color:#29c2ec; line-height:1;  padding-top:15px; letter-spacing:-2px;}
.service_inner ul li.serv05:before {content:'05';  position:absolute; left:40px; top:-60px; font-size:65px; color:#29c2ec; line-height:1;  padding-top:15px; letter-spacing:-2px;}
.service_inner ul li.serv06:before {content:'06';  position:absolute; left:40px; top:-60px; font-size:65px; color:#29c2ec; line-height:1;  padding-top:15px; letter-spacing:-2px;}

/* .service_inner ul li.serv01:before {content:'01'; width:55px; height:55px; background:#29c2ec; position:absolute; left:0; right:0; top:-30px; margin:0 auto; font-size:25px;  text-align:center; color:#ffffff; line-height:1; padding-top:15px; letter-spacing:-2px;}
.service_inner ul li.serv02:before {content:'02'; width:55px; height:55px; background:#29c2ec; position:absolute; left:0; right:0; top:-30px; margin:0 auto; font-size:25px;  text-align:center; color:#ffffff; line-height:1; padding-top:15px; letter-spacing:-2px;}
.service_inner ul li.serv03:before {content:'03'; width:55px; height:55px; background:#29c2ec; position:absolute; left:0; right:0; top:-30px; margin:0 auto; font-size:25px;  text-align:center; color:#ffffff; line-height:1; padding-top:15px; letter-spacing:-2px;}
.service_inner ul li.serv04:before {content:'04'; width:55px; height:55px; background:#29c2ec; position:absolute; left:0; right:0; top:-30px; margin:0 auto; font-size:25px;  text-align:center; color:#ffffff; line-height:1; padding-top:15px; letter-spacing:-2px;}
.service_inner ul li.serv05:before {content:'05'; width:55px; height:55px; background:#29c2ec; position:absolute; left:0; right:0; top:-30px; margin:0 auto; font-size:25px;  text-align:center; color:#ffffff; line-height:1; padding-top:15px; letter-spacing:-2px;}
.service_inner ul li.serv06:before {content:'06'; width:55px; height:55px; background:#29c2ec; position:absolute; left:0; right:0; top:-30px; margin:0 auto; font-size:25px;  text-align:center; color:#ffffff; line-height:1; padding-top:15px; letter-spacing:-2px;}*/
.serv_title {color:#29c2ec; font-size:36px; line-height:1; margin-bottom:35px;}
.serv_desc {color:#29c2ec; font-size:15px; margin-bottom:55px;}
.service_inner ul li dl dd {font-size:15px; color:#fff;}




/* client */

#client_wrap {max-width:1200px; margin:165px auto 200px;}
#client_wrap ul {border:1px solid #3d3d3d; border-bottom:none;}
#client_wrap ul li {width:25%; float:left; height:150px; border-bottom:1px solid #3d3d3d; border-right:1px solid #3d3d3d;}
#client_wrap ul li:nth-child(4n) {border-right:none;}
#client_wrap ul li a {display:block;  height:100%; position:relative;}
#client_wrap ul li:nth-child(1) a:before {content:''; background:url("/images/client01.png")  no-repeat; height:34px; width:170px; position:absolute; top:0; bottom:0; right:0; left:0; margin:auto;}
#client_wrap ul li:nth-child(2) a:before {content:''; background:url("/images/client02.png")  no-repeat; height:27px; width:158px; position:absolute; top:0; bottom:0; right:0; left:0; margin:auto;}
#client_wrap ul li:nth-child(3) a:before {content:''; background:url("/images/client03.png")  no-repeat; height:72px; width:156px; position:absolute; top:0; bottom:0; right:0; left:0; margin:auto;}
#client_wrap ul li:nth-child(4) a:before {content:''; background:url("/images/client04.png")  no-repeat; height:36px; width:179px; position:absolute; top:0; bottom:0; right:0; left:0; margin:auto;}




/* process */

#process_wrap {max-width:1400px; margin:310px auto 0; padding:0 20px; }
#process_wrap ul li {width:1085px; height:270px; position:relative; margin-bottom:130px; display:table;}
#process_wrap ul li dl {display:table-cell; vertical-align:middle;}
#process_wrap ul li:nth-child(2n-1) {float:left; padding-left:225px;}
#process_wrap ul li:nth-child(2n-1) h2 {font-size:80px; color:#fff; position:absolute; top:60px; left:-52px; line-height:1; transform:rotate(-90deg);}
#process_wrap ul li:nth-child(2n-1) h3 {font-size:60px; color:#29c2ec; position:absolute; top:-45px; left:100px; line-height:1;}
#process_wrap ul li:nth-child(2n-1) dt {font-size:28px; color:#fff; line-height:1; margin-bottom:15px; position:relative;}
#process_wrap ul li:nth-child(2n-1) dt:before {content:''; width:100px; height:1px; background:#fff; position:absolute; top:0; bottom:0; left:-120px; margin:auto 0;}
#process_wrap ul li:nth-child(2n-1) dd {font-size:15px; color:#fff;}
.process_br {display:block;}
#process_wrap ul li:nth-child(2n) {float:right; padding-right:225px;}
#process_wrap ul li:nth-child(2n) h2 {font-size:80px; color:#fff; position:absolute; top:60px; right:-52px; line-height:1; transform:rotate(90deg);}
#process_wrap ul li:nth-child(2n) h3 {font-size:60px; color:#29c2ec; position:absolute; top:-45px; right:100px; line-height:1;}
#process_wrap ul li:nth-child(2n) dl {text-align:right;}
#process_wrap ul li:nth-child(2n) dt {font-size:28px; color:#fff; line-height:1; margin-bottom:15px; position:relative;}
#process_wrap ul li:nth-child(2n) dt:before {content:''; width:100px; height:1px; background:#fff; position:absolute; top:0; bottom:0; right:-120px; margin:auto 0;}
#process_wrap ul li:nth-child(2n) dd {font-size:15px; color:#fff;}

#process_wrap ul li:nth-child(1) {background:url(/images/process_bg01.jpg) center no-repeat; background-size:cover;}
#process_wrap ul li:nth-child(2) {background:url(/images/process_bg02.jpg) center no-repeat; background-size:cover;}
#process_wrap ul li:nth-child(3) {background:url(/images/process_bg03.jpg) center no-repeat; background-size:cover;}
#process_wrap ul li:nth-child(4) {background:url(/images/process_bg04.jpg) center no-repeat; background-size:cover;}
#process_wrap ul li:nth-child(5) {background:url(/images/process_bg05.jpg) center no-repeat; background-size:cover;}
#process_wrap ul li:nth-child(2n-1):before {content:''; width:865px;  height:235px; border:1px solid #227991; position:absolute; top:68px; left:410px;z-index:-1;}
#process_wrap ul li:nth-child(2n):before {content:''; width:865px;  height:235px; border:1px solid #227991; position:absolute; top:68px; right:410px;z-index:-1;}
/*#process_wrap > a {display:block; width:345px; height:97px; line-height:97px; background:#29c2ec; font-size:18px; color:#010101; font-weight:bold;margin:0 auto; text-align:center;}
#process_wrap > a i {background:url(/images/process_arr.png) no-repeat; width:35px; height:11px; display:inline-block; margin-left:10px;}*/


/* footer */

#footer_s {position:relative; min-height:160px; margin-top:110px;}
#footer_s h1 {background:url(/images/logo01.png) no-repeat; background-size:contain; width:40px; height:68px; position:absolute; left:50px; top:0; }
.foot_sns {position:absolute; top:0; right:60px;}
.foot_sns a.instagram {background:url(/images/over_sns01.png) no-repeat; width:20px; height:20px; display:inline-block;}
.foot_sns a.blog{background:url(/images/over_sns02.png) no-repeat; width:20px; height:20px; display:inline-block;}
.foot_sns a.facebook{background:url(/images/over_sns03.png) no-repeat; width:11px; height:20px; display:inline-block;}

#footer_s p {position:absolute; right:60px; top:45px;  color:#b3b3b3;}
#footer_s dl {position:absolute;left:60px; margin-left:70px; text-align:left; top:0; }
#footer_s dl dd {font-size:14px; color:#a5a5a5;line-height:22px}


#filter_b {margin:0 0 30px 0 ;}
#filter_b a {display:inline-block;padding:2px;color:#fff;line-height:30px;padding:0 10px;font-size:18px;border-radius:3px;border:1px solid transparent}
#filter_b a + a{margin-left:10px;}
#filter_b a.active{ color:#2cc1ea;}
#filter_b .over { color:#2cc1ea;}
#filter_b a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;}
#filter_b {z-index:2;color:#fff;font-weight:bold; text-align:center;zoom:1}


#main_footer{position:absolute;  width:100%; text-align:center; bottom:30px; padding:0 15px;    }
#main_footer dl{}
#main_footer dl dd{font-size:14px; line-height:1.8; color:#b8b8b8;}

/* 스크롤 */

#scrollbar::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #181818;
}

#scrollbar::-webkit-scrollbar
{
	width: 15px;
	background-color: #181818;
}

#scrollbar::-webkit-scrollbar-thumb
{
	background-color: #0ae;
	
	background-image: -webkit-gradient(linear, 0 0, 0 100%,
	                   color-stop(.5, rgba(255, 255, 255, .2)),
					   color-stop(.5, transparent), to(transparent));
}
body{
	scrollbar-base-color: #29c2ec;
  scrollbar-face-color: #29c2ec;
  scrollbar-3dlight-color: #29c2ec;
  scrollbar-highlight-color: #000;
  scrollbar-track-color: #000;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #000;
  scrollbar-dark-shadow-color: #000;
}



/* quick menu */
#quick_menu{position:fixed; right:-250px; bottom:15px;  border-radius:15px; background:#fff; width:220px; padding:25px; z-index:100;  transition:all 0.5s; display:none;}
#quick_menu.on{right:100px;display:block;}
#quick_menu h2{font-size:18px; color:#444; line-height:1; margin-bottom:15px;}
#quick_menu label{position:absolute; top:0; left:10px;  height: 35px; line-height: 35px;width: 17px;text-align:center; color:#888; z-index:10;}
#quick_menu input.id{padding-left:40px; height:35px; width:100%; border:1px solid #dfdfdf;}
#quick_menu input.ph_inner{ height:35px; width:100%; border:1px solid #dfdfdf;}
#quick_menu input.ph{padding-left:40px; height:35px; width:100%; border:1px solid #dfdfdf;}
#quick_menu input.te{padding-left:40px; height:35px; width:100%; border:1px solid #dfdfdf;}
#quick_menu select{border:1px solid #dfdfdf; height:35px;}
#quick_menu textarea{width:100%; padding-left:40px; border:1px solid #dfdfdf; }
.quick_icon{position:relative; }
.quick_icon + .quick_icon{margin-top:10px;}

.quick_icon label.icon01{background:url(/images/icon01_new.png) left center no-repeat; width:17px; height:15px;}
.quick_icon label.icon02{background:url(/images/icon02_new.png) left center no-repeat; width:17px; height:17px;}
.quick_icon label.icon03{background:url(/images/icon03_new.png) left center no-repeat; width:17px; height:19px;}
.quick_btn{display:block; width:100%; height:35px; background:#29c2ec; color:#181818; font-size:15px; text-align:center; font-weight:bold;  border:0px;}
.circle_quick{width: 0px; position:absolute; top:0; bottom:0; right:-10px; margin:Auto 0;
height: 0px;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 20px solid #fff;}
.quick_close{position:Absolute; right:20px; top:20px; background:black;}


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

#menu {position:fixed; left:0; top:0; width:100%; height:110px; padding-top:0; background:#181818}
#menu h1 {background:url(/images/logo01.png) no-repeat; width:40px; height:60px;  background-size:contain; position:absolute; top:30px; left:3.33vw;}
/*.customer{position:fixed; bottom:50px; left:3.33vw;}*/
#menuToggle{ right:10px; top:20px; padding:10px}




#main_content{position:absolute; margin-left:0; margin-top:80px; padding:2vw 3.33vw; }

.main_text {width:60%;}
.title {font-size:60px;}
.title span {margin-left: 2.66vw; margin-top: 1vw;}
.desc {text-align:left;}
.desc p {margin:4.66vw 0 4vw 0;}
.main_text_inner > span {margin:0; padding-left:7.33vw; }
.main_text_inner > span:before {width:6.66vw;}

.main_logo {width: 37.13vw; height: 44.33vw; background-size:contain;  top:20px; left:-50px; }
#sub_bbs{position:relative; margin-left:0;  padding:0 3vw; margin-right:0;}
#sub_title_wrap{margin-bottom:105px}


.sub_pun_content:before{content:"Coexistence"; position:absolute; left:0; bottom:-30px; right:0; text-align:center; font-size: 17.50vw;}
.sub_work_content:before{content:"D.PUNCH WORK"; position:absolute; left:0; bottom:-30px; right:0; text-align:center; font-size: 14.00vw;}
.sub_serv_content:before{content:"D.PUNCH SERVICES"; position:absolute; left:0; bottom:-30px; right:0; text-align:center; font-size:11.42vw; }
.sub_client_content:before{content:"D.PUNCH CLIENT"; position:absolute; left:0; bottom:-30px; right:0; text-align:center; font-size:13.21vw; }
.sub_proc_content:before{content:"D.PUNCH PROCESS"; position:absolute; left:0; bottom:-30px; right:0; text-align:center; font-size:11.71vw; }
.sub_inqu_content:before{content:"D.PUNCH INQUIRY"; position:absolute; left:0; bottom:-30px; right:0; text-align:center; font-size: 12.14vw;}
.sub_news_content:before{content:"D.PUNCH NEWS"; position:absolute; left:0; bottom:-30px; right:0; text-align:center; font-size: 14.14vw;}
.sub_status_content:before{content:"PRODUCTION STATUS"; position:absolute; left:0; bottom:-30px; right:0; text-align:center; font-size: 11.12vw;}
.sub_maint_content:before{content:"MAINTENANCE"; position:absolute; left:0; bottom:-30px; right:0; text-align:center; font-size: 14.14vw;}


#sub_visual{margin-top:60px 0}

.sub_inner p {font-size:53px; line-height:1; font-weight:800;}
.our_img{position:relative; background:url(/images/pun_bg01.jpg) center no-repeat; height:500px;  margin-top:180px; background-size:cover; z-index:1;}
.how_to_work{padding:385px 0 50px 0;}
.how_to_work ul{max-width:85.71vw;  margin:120px auto 0;}
.how_to_work ul li{width:27.14vw; height:17.5vw;}
.how_to_work ul li.mdp {margin-left:2.14vw;}
.how_to_work ul li.mtp {margin-top:2.14vw;}
.how_to_work ul li dl dt{font-size:2.5vw;}
.how_to_work ul li dl dd{font-size: 1.07vw;}

#service_wrap {margin:235px 0 0 0;}
.service_inner {max-width: 85.71vw;}
.service_inner ul li {width:27.14vw;}
.service_inner ul li.serv_md {margin-left: 2.14vw;}
.service_inner ul li.serv_mt {margin-top:5.42vw;}
.serv_title {font-size:32px;}
.serv_desc {font-size:14px;}
.service_inner ul li dl dd {font-size:14px;}

#process_wrap {max-width:100vw;margin-top:235px}
#process_wrap ul li {width:100%;}
#process_wrap ul li:nth-child(2n-1) {float:none;}
#process_wrap ul li:nth-child(2n) {float:none;}
#process_wrap ul li:nth-child(2n-1) h2 {font-size:70px;}
#process_wrap ul li:nth-child(2n-1) h3 {top:-30px;left:130px; font-size:50px;}
#process_wrap ul li:nth-child(2n) h3 {top:-30px;right:130px;font-size:50px;}
#process_wrap ul li:nth-child(2n-1) h2 {top:-50px; left:30px;transform:none;}
#process_wrap ul li:nth-child(2n) h2 {top:-50px; right:30px; transform:none;}
#process_wrap ul li:nth-child(2n-1):before {display:none;}
#process_wrap ul li:nth-child(2n):before {display:none;}
#process_wrap ul li:nth-child(2n-1) dt {font-size:26px;}
#process_wrap ul li:nth-child(2n-1) dd {font-size:14px;}

}





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

#menu { height:80px;}
#menu h1 {height:40px;  top:20px; left:3.33vw;}	

#main_content{margin-top:60px; padding:5vw 3vw;}

.main_text { width:100%;}
.main_text_inner {text-align:center;margin-bottom:10%}
.title span {margin-left:0;}	
.desc {text-align:center;}	
.desc p {text-align:center; display:inline-block; font-size:15px;  color:#b8b8b8; line-height:1.7; margin:70px 0 60px;margin:4.66vw 0 4vw 0;}
.main_text_inner > span {margin:0;padding-left:0;}
.main_text_inner > span:before {content:'';  display:block;position:absolute; top:0; bottom:0; left:100px; margin:auto 0; width:30px; height:1px; background:#fff;}
.main_text_inner > span:after {content:'';  display:block;position:absolute; top:0; bottom:0; right:100px; margin:auto 0; width:30px; height:1px; background:#fff;}
.cooperation{position:absolute; left:0; right:0; text-align:center;  bottom:10px;  }


.main_img {display:none;}

#client_wrap {max-width:100vw; padding:0 2%;}
#client_wrap ul li {width:50%;}

#sub_title_wrap{margin-bottom:55px;}
#sub_visual {width:100%;margin:80px 0 50px 0;}
.sub_inner {text-align:center; padding:0 3vw;}
#sub_visual .sub_inner p:after {display:none;}
.sub_title {text-align:center;}
.sub_title span{display:block; font-size:25px; line-height:1; color:#fff;}
.sub_title strong{display:block; font-size:45px; color:#fff; line-height:1.4; margin-top:20px;  }


#sub_banner ul {display:inline-block; text-align:left;}
#sub_banner ul li {display:block;}	
#sub_banner ul li.sub_email {margin-left:0; margin-top:10px;}
#sub_input {padding:50px 20px 150px 20px;}

.sub_title span.sub_title_br {display:inline;}
.sub_title span.sub_br {display:inline;}
.sub_title strong{display:block; font-size:42px;}

.po_title {text-align:center;}
.po_title strong{display:block; font-size:42px;}


.sub_pun_content:before{top:100px;}
.sub_work_content:before{top:100px;}
.sub_serv_content:before{top:100px;}
.sub_client_content:before{top:100px;}
.sub_proc_content:before{top:100px;}
.sub_inqu_content:before{top:100px;}
.sub_news_content:before{top:100px;}
.sub_status_content:before{top:100px;}
.sub_maint_content:before{top:100px;}



/*#sub_content.sub_pun_content:before{font-size:20vw;}*/
.sub_inner p {font-size:53px; line-height:1;}
.sub_pun_content .sub_title{float:none; width:100%;}


.sub_list{float:none; width:100% ; text-align:left; margin-top:50px; padding:0 16.66vw;}
.sub_list dl + dl{margin-top:70px;}
.sub_list dl dt{text-align:center;}
.our_img{ height:400px;}
.our_img h2 { text-align:center; font-size:60px;}

.how_to_work h2{position:relative; font-size:50px;}
.how_to_work ul{max-width:100vw; margin: 11.66vw auto 0;}
.how_to_work ul li{width:33.333%; height:210px;}
.how_to_work ul li.mdp {margin-left:0;}
.how_to_work ul li.mtp {margin-top:0;}
.how_to_work ul li dl dt{font-size:31px;}
.how_to_work ul li dl dd{font-size: 14px;}

#people_list h2{font-size:50px;}


#address{max-width:100%; text-align:center;}
#address dl {float:none; display:inline-block; text-align:left; }
#address dl + dl {margin-left:20px;}

.check_box { padding:22px 20px;  text-align:center;}
.check_box ul li + li {margin-left:20px;}

.text_input_box ul li input {width:22vw; margin-left:0;}
.send a.send_btn {font-size:18px;  height:70px; line-height:73px; padding:0 50px;}

#service_wrap {margin:160px 0 0 0;}
.service_inner {max-width:100vw; padding:0 2%;}
.service_inner ul li {width:49%;height:380px;}
.service_inner ul li.serv_md {margin-left:0;}
.service_inner ul li.serv_mt {margin-top:0;}
.service_inner ul li.serv_md02 {margin-left:2%;}
.service_inner ul li.serv_mt02 {margin-top:60px;}
.serv_desc {margin-bottom:40px;}


#footer_s {position:relative; padding:10px 20px; text-align:center; margin-top:50px}
#footer_s h1 {position:relative;  left:0; top:0; margin:0 auto;}
#footer_s p {position:relative;  text-align:center; right:0; top:0; margin-top:10px;}
#footer_s dl {position:relative;left:0; margin-left:0; text-align:center; top:0; margin-top:20px;}
#footer_s dl dd {font-size:14px; color:#a5a5a5; }
.foot_sns {position:static; top:0; right:0; left:0; margin-top:30px;}

}




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

.sub_title strong{display:block; font-size:38px;}
.po_title strong{display:block; font-size:38px;}
.main_text_inner{margin-bottom:20%}
.main_text_inner > span a {font-size:16px; color:#fff;}
.people_wrap dl {width:50%;}
.cooperation{display:none;}

#process_wrap {margin-top:175px}
#process_wrap ul li:nth-child(2n-1) h3 {left:0; right:0; text-align:center;}
#process_wrap ul li:nth-child(2n) h3 {right:0; left:0; text-align:center; }
#process_wrap ul li:nth-child(2n-1) h2 {display:none;}
#process_wrap ul li:nth-child(2n-1) h3 {font-size:48px;}
#process_wrap ul li:nth-child(2n) h2 {display:none;}
#process_wrap ul li:nth-child(2n) dt:before {display:none;}
#process_wrap ul li:nth-child(2n-1) dt {font-size:24px;}
#process_wrap ul li:nth-child(2n-1) dt:before {display:none;}
#process_wrap ul li:nth-child(2n-1) dd {font-size:13px; color:#fff;}
#process_wrap ul li:nth-child(2n-1) {padding-left:0; text-align:center; padding:0 5%;}
#process_wrap ul li:nth-child(2n) {padding-right:0; padding:0 5%;}
#process_wrap ul li:nth-child(2n) dl {text-align:center;}
#process_wrap ul li:nth-child(2n) dd {font-size:15px;}
#process_wrap ul li:nth-child(2n) dt {font-size:24px;}
.how_to_work {padding:19
0px 0 145px 0;}
.how_to_work ul li{width:33.333%; height:190px;}
.how_to_work ul li dl dt{font-size:28px;}
.how_to_work ul li dl dd{font-size: 15px;}

.process_br {display:inline;}
.title {font-size:55px;}

.serv_title {font-size:30px;}
.serv_desc {font-size:15px;}
.service_inner ul li dl dd {font-size:15px;}

}




@media screen and (max-width:680px) {
.main_text_inner{margin-bottom:35%}
.menu_inner address{padding-right:0}
#menu_left
{
  position: fixed; 
  
  width: 90%;
  left:0;
  margin: 0 0 0 -50px;
  padding:50px 20px 50px 100px;
  height:100%;
  top:0;
 
  background: #202020;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  -webkit-transform-origin: 0% 0%;
  
          transform-origin: 0% 0%;
  -webkit-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
  
  transition: -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

.menu_inner ul li{position:relative ; font-size:23px; color:#fff;line-height:28px;padding:10px 0}

.customer{bottom:20px;right:0;}

#main_content{position:fixed;  width:100%; height:100%; }
.main_img{display:none;}
.main_text{display:Table-cell; vertical-align:middle;}
.title {font-size:42px;line-height:46px}
.desc p {font-size:15px;}
.main_text_inner > span a {font-size:14px;}


#filter_b a {font-size:16px;padding: 0 5px;}
#filter_b a  + a{margin-left:0;}

#sub_visual {margin:80px 0 20px 0;height:150px;}
.sub_inner {padding:0 3vw;}
.sub_inner p {font-size:38px;}

#sub_title_wrap{margin-bottom:100px}
.sub_title span{font-size:20px;}
.sub_title strong{font-size:26px;}

.po_title span{font-size:20px;}
.po_title strong{font-size:26px;}


.sub_pun_content:before{top:60px;}
.sub_work_content:before{top:90px;}
.sub_serv_content:before{top:110px;}
.sub_client_content:before{top:80px;}
.sub_proc_content:before{top:110px;}
.sub_inqu_content:before{top:80px;}
.sub_news_content:before{top:90px;}
.sub_status_content:before{top:80px;}
.sub_maint_content:before{top:80px;}



#sub_banner {padding:30px 3vw 30px 3vw; }
#sub_banner ul li {font-size:16px;}
#sub_banner ul li.sub_call span{margin-right: 2.94vw;}
#sub_banner ul li.sub_email span{margin-right: 2.94vw;}


.text_input_box ul li input {width:100px; margin-left:10px;}
.text_input_box ul li {width:100%; float:none; height:75px;}
.text_input_box ul li.md2p {margin-left:0;}


.sub_list{float:none; width:100% ; text-align:left; margin-top:50px; padding:0 3vw;}
.sub_list dl dt{font-size:20px;}
.sub_list dl dd{font-size:14px; }


.our_img h2{font-size: 8.38vw; top:-25px;}
.our_img{height:200px;margin-top:130px; }
.our_img:before {content:""; display:none}
.our_img:after {content:"";  display:none}

.how_to_work{padding:360px 0 110px 0;}
.how_to_work h2{ font-size:35px; }
.how_to_work ul{max-width:100vw; margin:100px auto 0;}
.how_to_work ul li{width:50%; min-height:200px; padding:20px 3vw;}
.how_to_work ul li dl dt{font-size:26px;}


#people_list h2 {font-size:35px;}

#service_wrap {margin:180px 0 0 0;}
.service_inner ul li {width:100%; padding:65px 2% 0 2%;}
.service_inner ul li.serv_md02 {margin-left:0;}
.service_inner ul li.serv_mt02 {margin-top:60px;}
.service_inner ul li.serv_mt03 {margin-top:60px;}
.serv_title {font-size:30px; margin-bottom:30px;}



#client_wrap {margin:95px auto 200px;}

#process_wrap {margin-top:180px; }
#process_wrap ul li {height:200px; margin-bottom:80px;}
#process_wrap ul li:nth-child(2n-1) h3 {font-size:8.32vw;top:-30px;}
#process_wrap ul li:nth-child(2n) h3 {font-size:8.32vw;top:-30px;}
#process_wrap > a {width:250px; height:65px; line-height:65px; font-size:15px;}
#process_wrap > a i {display:none;}
#process_wrap ul li:nth-child(2n-1) dt {font-size:20px;}
#process_wrap ul li:nth-child(2n-1) dd {font-size:12px;}
#process_wrap ul li:nth-child(2n) dt {font-size:20px;}
#process_wrap ul li:nth-child(2n) dd {font-size:12px;}

#address dl {float:none; display:block; padding:0 7.35vw;}
#address dl + dl {margin-left:0; margin-top:50px;}
#address:before{left:0;right:0; top:50px;text-align:center; font-size: 25vw; }
#footer_s {padding:60px 20px 30px 20px;margin-top:40px}
.foot_sns {position:static; top:0; right:0; left:0; margin-top:30px;}

.send a.send_btn {font-size:15px;  height:60px; line-height:65px; padding:0 30px;}
#footer_s{padding-bottom:70px}
}




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

.title {font-size:32px;line-height:36px}
.desc p {font-size:11px;line-height:1.7}

#filter_b a {font-size:15px;}

.how_to_work ul li{width:100%; }
.people_wrap dl {width:100%;}
#client_wrap ul li {width:100%;}

#process_wrap ul li:nth-child(2n-1) h3 {top:-20px;}
#process_wrap ul li:nth-child(2n) h3 {top:-20px;}
#menuToggle{right:0}

} 


/* ************************************ 
  renew
************************************ */


/* main */
body{overflow-x:hidden}
#main_footer.dp_main_footer{bottom:40px;padding:0 20px}
.dp_main_footer p{font-size:13px;line-height:21px;color:#605f5f;font-family:'NanumSquare'}
#main_content.dp_main_content{margin:0;padding-left:90px;position:static;height:100vh}
.main_tt{display:table-cell;vertical-align:middle;width:62.13%;text-align:center}
.main_tt .tt_inner{display:inline-block;text-align:left}
.main_tt h2{font-size:75px;line-height:88px;color:#fff;font-family:'Playfair Display';font-weight:400;padding-left:37px;text-indent:-37px}
.main_tt h2 span{color:#2cc1ea;font-family:'Playfair Display';font-weight:400}
.main_tt p{font-size:17px;line-height:1.6;color:#b8b8b8;font-weight:400;font-family:'Playfair Display';padding:70px 0 30px 135px}
.main_tt .btnArea{padding-left:135px;margin-bottom:50px}
.main_tt .btnArea a.animated-button_line{font-family:'Playfair Display';margin-left:0}
.main_tt .btnArea a.animated-button_line:before{height:1px}
.main_imgArea{display:table-cell;vertical-align:top;padding:0 20px 0 0;width:37.87%}
.main_imgArea img{position:relative;left:-10px;top:-50px}
.request_btn{position:fixed;right:50px;bottom:140px;display:inline-block;width:165px;line-height:65px;color:#fff;text-align:center;border-radius:50px;font-size:18px;background:#2abde5}
.request_btn .btn_ic{display:inline-block;width:30px;height:25px;background:url("/images/inqu_ic.png") no-repeat;background-size:100%;vertical-align:middle;margin-top:-3px;margin-left:7px}
#menu.dp_menu{z-index:30}
.dp_menu .customer{left:50px;right:auto;bottom:30px;display:none}
.dp_menu #menuToggle:before{display:none}
.dp_menu #menuToggle{width:40px;height:47px;bottom:40px}
.dp_menu #menuToggle span{-webkit-transition:all 0.3s ease;transition:all 0.3s ease}
.dp_menu #menuToggle span:nth-of-type(1){width:40px;height:1px;position:absolute;top:15px;left:0}
.dp_menu #menuToggle span:nth-of-type(2){width:40px;height:1px;position:absolute;top:31px;left:0}
.dp_menu #menuToggle input:checked ~ span:nth-last-child(2){-webkit-transform:rotate(-45deg) translate(1px, 1px);-ms-transform:rotate(-45deg) translate(1px, 1px);transform:rotate(-45deg) translate(1px, 1px);top:37px;background:#fff}
.dp_menu #menuToggle input:checked ~ span:nth-last-child(3){opacity:1;-webkit-transform:rotate(45deg) scale(1);-ms-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1);top:12px;background:#fff}
.dp_menu #menu_left{width:510px;margin:0;padding:50px 110px 50px 150px}
.dp_menu .menu_inner{padding-top:75px}
.dp_menu .menu_inner .house{display:inline-block}
.dp_menu .menu_inner ul{margin-top:10px}
.dp_menu .menu_inner ul li{font-size:30px;font-family:'Playfair Display';line-height:60px}
.dp_menu .menu_inner ul li a{position:relative}
.dp_menu .menu_inner ul li a:after{height:1px;left:-10px;margin-top:3px}
.dp_menu .menu_inner ul li a:hover:after{width:120%}
.dp_menu .menu_inner address{padding:40px 0 35px 0}
.dp_menu .menu_inner address p{font-size:13px;line-height:18px;padding-top:2px;padding-bottom:2px;font-family:'NanumSquare';color:#c2c2c2}
.dp_menu .menu_inner address p.icon{background-position:0 2px}
.dp_menu .menu_inner address p.email{background-position:0 7px}
.dp_menu .menu_inner address p.address{background-position:0 3px}
.dp_menu .menu_inner address p a{font-family:'NanumSquare'}
.dp_menu .menu_inner address p + p{margin-top:5px}
.dp_menu .over_sns{font-size:0}
.dp_menu .over_sns a{display:inline-block;vertical-align:middle;margin-right:9px}
.menu_list .over_sns a{display:inline-block;vertical-align:middle;margin-right:9px}


@media (max-width:1400px){
	#menuToggle{left:auto}
	#main_content.dp_main_content{padding:0 20px}
	.main_imgArea{padding:0;vertical-align:middle}
	.main_tt h2{font-size:65px;line-height:78px}
	.main_tt p br{display:none}
	#menu.dp_menu{background:rgba(24, 24, 24, 0.8)}
	#menu.dp_menu h1{left:20px;top:0;bottom:0;margin:auto 0}
	.dp_menu #menuToggle{right:20px;top:0;bottom:0;margin:auto 0}
	.dp_menu .menu_inner{padding-top:0}
	#menuToggle:before{top:-5px}
}
@media (max-width:1200px){
	.main_tt{width:100%}
	.main_imgArea{display:none}
	.main_tt .tt_inner{text-align:center}
	.main_tt h2{padding-left:0;text-indent:0}
	.main_tt p{padding:70px 0 30px 0}
	.main_tt .btnArea{padding-left:0}
	.main_tt p br{display:block}
	.dp_menu .customer{bottom:30px;left:20px}

	.board_complete_wrap {padding: 5.81vw 0; }
	.apply_alert_ic {width: 6.84vw; height: 6.84vw;}
	.bd_complete_title {  font-size: 3.42vw; }
	.bd_complete_text { font-size: 1.76vw; margin-top: 1.95vw; }
	.apply_btn_wrap {margin-top: 2.93vw;}
	.apply_btn_wrap a {height: 4.88vw; padding: 0.29vw 4.88vw 0; font-size: 1.76vw;}


}
@media (max-width:900px){
.momo{display:block; }
	#main_footer.dp_main_footer{bottom:30px}
	.main_tt h2{font-size:55px;line-height:68px}
	.main_tt p{padding:58px 0 24px 0;font-size:16px}
	.main_tt a.animated-button_line{font-size:17px}
	.main_tt .btnArea a.animated-button_line{padding-left:80px}
	.main_tt a.animated-button_line:before{width:70px}
	.request_btn{font-size:17px;line-height:65px;width:160px;right:20px;bottom:140px}
}
@media (max-width:768px){
	.request_btn{bottom:30px;font-size:16px;width:140px;line-height:65px}
	#main_footer{bottom:70px}
	.show_768{display:block}
	#main_footer{}

	.board_complete_wrap {padding: 10.42vw 0; }
	.apply_alert_ic {width: 9.11vw; height: 9.11vw;}
	.bd_complete_title {  font-size: 4.56vw; }
	.bd_complete_text { font-size: 3.26vw; margin-top: 2.60vw;}
	.apply_btn_wrap {margin-top: 3.91vw;}
	.apply_btn_wrap a {height: 8.51vw; padding: 0.39vw 6.51vw 0; font-size: 3.26vw; }

}
@media (max-width:680px){
	.dp_menu #menu_left{padding:50px 40px 50px 60px;width:80%}
	.dp_menu .menu_inner{padding-top:0}
	.dp_menu .menu_inner ul li{font-size:25px;line-height:50px}
	.dp_menu .menu_inner address{padding:30px 0 25px 0;margin:40px 0 30px 0}
	.dp_menu .menu_inner address p{font-size:12px;line-height:16px;padding-left:22px !important}
	.main_tt h2{font-size:45px;line-height:58px}
	.main_tt p br{display:none}
	#main_footer dl dd{line-height:21px;font-size:13px}
}
@media (max-width:480px){
	.request_btn.dp_request span{display:none}
	.request_btn.dp_request{right:15px;bottom:70px;line-height:40px;width:40px !important}
	.request_btn .btn_ic{width:22px;margin-top:-2px;height:20px}

}
@media (max-width:420px){
/* 	.hide_420{display:none} */
	.main_tt h2{font-size:35px;line-height:48px}
	.main_tt p{padding:46px 0 20px 0;font-size:15px}
	.main_tt a.animated-button_line{font-size:16px}
	/* .request_btn{font-size:15px;line-height:45px;width:130px} */
	/* .request_btn .btn_ic{width:20px;height:17px;margin-left:3px} */
}



/* dpunch */
.text-center{text-align:center}
.inner{max-width:1240px;margin:0 auto;padding:0 20px}
.sub_vis h2{padding:160px 0 125px;font-size:80px;line-height:1;color:#29c2ec;font-weight:700;font-family:'Playfair Display'}
.sub_vis h2:after{content:''; width:280px; height:1px; display:inline-block; background:#29c2ec;margin-left:8px}
.subList{position:relative}
.subList > div{position:relative;z-index:3}
.subList h3{font-size:25px;line-height:1;font-weight:400;font-family:'Playfair Display';color:#fff;padding-bottom:35px}
.subList h4{font-size:45px;line-height:1.3;font-weight:400;font-family: 'NanumSquare';color:#fff}
.subList:before{content:'';position:absolute;bottom:0;left:0;right:0;font-size:245px;line-height:1;color:rgba(255, 254, 254, 0.01);font-family: 'Rajdhani', sans-serif;font-weight:700;letter-spacing:-2px;text-align:center}
	.subList.dp_subList:before{content:'Coexistence';bottom:-30px}
.dp_subList .ttArea{float:left;width:50%;padding:0 20px 0 0}
.dp_subList .descArea{float:left;width:50%;padding:65px 0 0 0}
.dp_subList	dt{font-size:23px;line-height:1;color:#29c2ec;padding-bottom:20px;font-family: 'NanumSquare';font-weight:700}
.dp_subList	dd{font-size:15px;line-height:1.7;color:#fff;padding-bottom:65px;font-family: 'NanumSquare'}
.dpunch_sce01{padding-top:160px}
.dpunch_sce01 .inner{position:relative}
.dpunch_sce01 h2{font-size:80px;line-height:1;color:#29c2ec;font-weight:700;font-family:'Playfair Display';position:absolute;bottom:-20px;left:20px;right:20px;z-index:3}
.dpunch_sce01 .imgArea{position:relative}
.dpunch_sce01 .imgArea:before{content:'';display:block;position:absolute;top:-300px;right:-80px;width:551px;height:415px;background:url("/images/value_img01.png") no-repeat;z-index:1}
.dpunch_sce01 .imgArea:after{content:'';display:block;position:absolute;bottom:-210px;left:130px;width:301px;height:302px;background:url("/images/value_img02.png") no-repeat;z-index:1}
.dpunch_sce01 .imgArea img{position:relative;z-index:2}
.stt01{font-size:60px;line-height:1;color:#fff;font-fa mily:'Playfair Display';padding:135px 0 0 0}
.stt01:after{content:'';display:block;width:12px;height:26px;-webkit-transform:skew(-20deg);-ms-transform:skew(-20deg);-moz-transform:skew(-20deg);-o-transform:skew(-20deg);background:#2cc1ea;margin:30px auto 75px}
.how_list{margin:-15px -15px 0}
.how_list li{float:left;width:33.33%;padding:15px}
.how_list .listInner{display:table;width:100%;height:245px;border:1px solid #a3a3a3;-webkit-transition:background 0.3s ease, border 0.3s ease;transition:background 0.2s ease, border 0.2s ease}
.how_list dl{display:table-cell;vertical-align:middle}
.how_list dt{font-size:36px;line-height:1.2;color:#fff;font-weight:700;font-family:'Playfair Display';padding-bottom:30px;position:relative}
.how_list dt:before{content:""; position:absolute; top:5px; left:-30px; right:0; margin:0 auto;  width:13px; height:6px; -webkit-transform:skew(-50deg); -moz-transform:skew(-50deg); -ms-transform:skew(-50deg); -o-transform:skew(-50deg); background:#2cc1ea;-webkit-transition:background 0.2s ease;transition:background 0.2s ease}
.how_list dd{font-size:15px;line-height:1.7;color:#fff;font-weight:400;font-family:'NanumSquare'}
.how_list .listInner:hover{border-color:#23b8e1;background:#23b8e1}
.how_list .listInner:hover dt:before{background:#fff}
.dt_peopleList{margin:-35px 0 0}
.dt_peopleList li{float:left;width:25%;padding:35px 0}
.dt_peopleList dt{font-size:15px;color:#fff;font-weight:400;font-family:'Playfair Display';line-height:1;padding:20px 0 12px 0}
.dt_peopleList dd{font-size:22px;color:#29c2ec;font-weight:400;font-family:'Playfair Display';line-height:1}
.dpunch_sec03 .stt01{padding-top:100px}
.clientList li{float:left;width:25%}
.locationArea{text-align:left;padding:60px 0 0 0}
.dp_address{float:left;width:50%}
.dp_contact{float:left;width:50%;padding-left:130px}
.locationArea dt{line-height:1;color:#fff;font-size:22px;font-family:'Playfair Display';font-weight:700;position:relative;padding:0 0 20px 20px}
.locationArea dt:before{content:'';display:block;width:12px;height:1px;background:#fff;position:absolute;top:20px;left:0}
.locationArea dd{line-height:1.5;color:#fff;font-size:16px;font-family:'NanumSquare';font-weight:400;padding-left:20px}
.locationArea dd a{color:#fff}
.locationArea dd span{font-size:20px;font-weight:700;margin-left:3px}


#price_content{position: relative;max-width: 1200px;margin: 0 auto;width: 100%;padding:50px 0; }
#price_content ul:nth-child(1) {display:table; width:100%; table-layout:fixed; }
#price_content ul:nth-child(1) li{display:Table-cell; vertical-align:top; }

#price_content ul:nth-child(3) {display:table; width:100%; }
#price_content ul:nth-child(3) li{display:Table-cell; vertical-align:middle; }
#price_content ul:nth-child(4) {display:table; width:100%;  table-layout:fixed;}
/* #price_content ul:nth-child(4) li{display:Table-cell; vertical-align:middle; } */
#price_content ul + ul {margin-top:50px; }
#price_content ul li p{font-size:14px; color:#fff; }
#price_content ul li h2{font-size: 23px;font-weight: bold;color: #29c2ec; margin-bottom:10px;}
#price_content ul li table{width:100%; border-top: 1px solid #444;}
#price_content ul li table th{padding:15px; border-bottom: 1px solid #444; background:#333; color:#fff; font-weight:normal; font-size:15px;  text-align:center;}
#price_content ul li table td{position:relative; padding:15px; font-size:14px; border-bottom: 1px solid #444; color:#fff;  border-left:1px solid #444;}
#price_content ul li table td:nth-child(1){border-left:none;}
#price_content ul li table th.center{text-align:Center;}
#price_content ul li table td.center{text-align:Center;}
#price_content ul li table td.price{color:#29c2ec; font-size:26px;  font-weight:800;}
#price_content ul li table td.price_s{color:#29c2ec; font-size:16px;  font-weight:800;}
#price_content ul li table td p.price_m{color:#29c2ec; font-size:26px;  font-weight:800;}
#price_content ul li table td p.price_m span{font-size: 18px; font-weight: 500;}
#price_content ul li table td p.price_ms{color:#29c2ec; font-size:16px;  font-weight:800;}
#price_content ul li table td p.dc{color:red; font-size:18px;  font-weight:800;}
#price_content ul li table td.right{text-align:right;}
#price_content ul li table td .sign{width: 40px; display: inline-block; margin-left: 10px;}
#price_content #bch_wrap > li{vertical-align:top;border-bottom:1px solid #444}
#price_content .bch_tt{text-align:center;background:#333}
#price_content #bch_tt_list li{display:block;padding:2px 0}
#price_content #bch_wrap > li table.bch_left td{border-right:1px solid #444}
#price_content #bch_wrap > li table tr:last-child th, #price_content #bch_wrap > li table tr:last-child td{border-bottom:0}
.dodo{position:absolute; left:65px; top:10px; }
.dodo img{height:40px; }




@media (max-width:1280px){
	.subList:before{font-size:19.141vw}
}
@media (max-width:1200px){
	.dp_subList dd br{display:none}
	.sub_vis h2{text-align:center;font-size:70px}
	.sub_vis h2:after{display:none}
	.dpunch_sce01 h2{font-size:70px}
	.how_list{margin:-10px -10px 0}		
	.how_list li{padding:10px}

	#price_content{padding:10px;}
	#price_content ul:nth-child(1) li{display:block; }
	#price_content ul:nth-child(1) li:nth-child(2){display:block;margin-top:50px;}
	#price_content ul:nth-child(4) li{display:block; }
	#price_content ul:nth-child(4) li:nth-child(2){margin-top:50px;}
}
@media (max-width:970px){
	.sub_vis h2{font-size:50px;padding:150px 0 85px}
	.subList h3{font-size:22px;padding-bottom:30px}
	.subList h4{font-size:36px}
	.dp_subList dt{font-size:21px;padding-bottom:16px}
	.dp_subList{text-align:center}
	.dp_subList .ttArea{width:auto;float:none;padding:0}
	.dp_subList .descArea{width:auto;float:none}
	.dp_subList dd br{display:block}
	.dp_subList dd{font-size:14px;padding-bottom:55px}
	.dp_subList .descArea{padding:55px 0 0 0}
	.dpunch_sce01 .imgArea:before{right:-310px}
	.dpunch_sce01 .imgArea:after{left:-210px}
	.dpunch_sce01 h2{text-align:center;font-size:50px;position:static}
	.dpunch_sce01{padding-top:80px}
	.stt01{font-size:45px;padding:90px 0 0 0}
	.stt01:after{margin:25px auto 60px}
	.dpunch_sec03 .stt01{padding-top:80px}
	.how_list dt{font-size:31px;padding-bottom:24px}
	.how_list dd{font-size:14px}
	.how_list .listInner{height:215px}
	.how_list li{width:50%}
	.dt_peopleList{margin:-30px 0 0 0}
	.dt_peopleList li{width:33.33%;padding:30px 0}
	.dt_peopleList dt{font-size:14px;padding:10px 0 10px}
	.dt_peopleList dd{font-size:20px}
	.dt_peopleList .imgArea img{width:160px}
	.clientList{margin:-10px 0 0 0}
	.clientList li{padding:10px 0}
	.mapArea iframe{height:350px !important}
	.locationArea dt{font-size:20px;padding:0 0 16px 20px}
	.locationArea{padding:40px 0 0}

	.dp_address{float:none;width:auto}
	.dp_contact{float:none;width:auto;padding:40px 0 0 0}
}
@media (max-width:680px){
	.dp_subList dd br{display:none}
	.subList:before{display:none}
	.dpunch_sce01 .imgArea:before{right:-470px}
	.dpunch_sce01 .imgArea:after{left:-250px}
	.dt_peopleList{margin:-30px -5px 0}
	.dt_peopleList li{width:50%;padding:30px 5px}
	.dt_peopleList li:nth-child(2n+1){clear:both}
	.stt01:after{width:10px;height:20px}
	.clientList li{width:33.33%}
	.locationArea dd{font-size:15px}
	.locationArea dd span{font-size:18px}
	#price_content ul li table td p.price_m span{display: block;}
}
@media (max-width:480px){
	.sub_vis h2{font-size:38px}
	.subList h3{font-size:18px;padding-bottom:25px}
	.subList h4{font-size:25px}
	.dp_subList dt{font-size:17px;padding-bottom:12px}
	.dp_subList dd{padding-bottom:45px}
	.dp_subList .descArea{padding:45px 0 0 0}
	.dpunch_sce01 h2{font-size:38px}
	.dpunch_sce01{padding-top:60px}
	.stt01{font-size:30px;padding:60px 0 0 0}
	.stt01:after{margin:18px auto 40px}
	.dpunch_sec03 .stt01{padding-top:60px}
	.how_list dt{font-size:23px;padding-bottom:20px}
	.how_list dt:before{top:0;left:-20px}
	.how_list{margin:-10px auto 0;max-width:280px}
	.how_list li{padding:10px 0;width:100%}
	.how_list .listInner{height:185px}
	.dt_peopleList dd{font-size:17px}
	.dt_peopleList .imgArea img{width:140px}
	.clientList li{width:50%}
	.mapArea iframe{height:250px !important}
	.locationArea dt{font-size:17px}
	.locationArea dd{font-size:14px}
	.locationArea dd span{font-size:16px}
	.locationArea dt:before{top:17px}
}

/* service */
.subList.sv_subList:before{content:'D.PUNCH SERVICES';font-size:159px;bottom:-130px}
.sv_content{position:relative;z-index:5}
.sv_tabWrap{padding:120px 0 90px 0}
.sv_tab{padding:0 12px}
.sv_tab li{float:left;width:20%;padding:0 5px}
.sv_tab li a{display:block;line-height:51px;border:2px solid #fff;color:#fff;font-size:23px;font-weight:500;font-fa mily:'NanumSquare';text-align:center;border-radius:50px;-webkit-transition:background 0.3s ease, border 0.3s ease;transition:background 0.3s ease, border 0.3s ease}
.sv_tab li.on a{border-color:#29c2ec;background:#29c2ec}
.sv_tab li a:hover{border-color:#29c2ec;background:#29c2ec}
.sv_wrap .ttArea h3{font-size:35px;line-height:1.3;color:#fff;font-weight:300;font-fa mily:'NanumSquare'}
.sv_wrap .ttArea h3 span{font-weight:700;font-f amily:'NanumSquare'}
.sv_wrap .ttArea p{font-size:20px;line-height:1.5;color:#fff;font-weight:300;font-fa mily:'NanumSquare';padding-top:20px}
.stt02{font-size:45px;line-height:1;color:#fff;padding:85px 0 0 0;font-weight:700}
.stt02 span{font-weight:300}
.stt02:after{content:'';display:block;width:12px;height:26px;-webkit-transform:skew(-20deg);-ms-transform:skew(-20deg);-moz-transform:skew(-20deg);-o-transform:skew(-20deg);background:#2cc1ea;margin:20px auto 65px}
.sv_sec01{padding-bottom:60px}
.sv_typeList{margin:0 -10px}
.sv_typeList li{float:left;width:25%;padding:0 10px}
.sv_typeList .listInner{border:1px solid #a0a0a0;-webkit-transition:background 0.3s ease, border 0.3s ease;transition:background 0.3s ease, border 0.3s ease;padding:40px 10px 20px;min-height:395px}
.sv_typeList .listInner:hover{border:1px solid #4ad0f4;background:#4ad0f4}
.sv_typeList .imgArea{padding-bottom:30px}
.sv_typeList h4{font-size:27px;line-height:1.2;color:#fff;position:relative;font-weight:700}
.sv_typeList h4:before{content:""; position:absolute; top:0; left:-30px; right:0; margin:0 auto;  width:13px; height:6px; -webkit-transform:skew(-50deg); -moz-transform:skew(-50deg); -ms-transform:skew(-50deg); -o-transform:skew(-50deg); background:#2cc1ea;-webkit-transition:background 0.2s ease;transition:background 0.2s ease}
.sv_typeList .listInner:hover h4:before{background:#fff}
.sv_typeList p{font-size:18px;line-height:1.4;color:#fff;font-weight:300;padding-top:20px}
.reasonList li{float:left;width:50%;border:1px solid #a3a3a3;height:195px;margin-bottom:-1px;display:table;padding:45px 0 0 0}
.reasonList li:nth-child(2n){margin-left:-1px}
.reasonList .imgArea{display:table-cell;vertical-align:top;text-align:right;width:105px;padding:5px 0 0 0}
.reasonList .txtArea{display:table-cell;vertical-align:top;text-align:left;padding:0 22px}
.reasonList .txtArea h4{font-size:27px;line-height:1.2;color:#fff;font-weight:700;padding-bottom:15px}
.reasonList .txtArea p{font-size:18px;line-height:1.4;color:#fff;font-weight:300}
.sv_btnArea{padding-top:110px}
.sv_btnArea .btn{display:inline-block;width:345px;line-height:97px;background:#29c2ec;color:#010101;font-size:18px;font-family:'NanumSquare';font-weight:700}
.sv_btnArea .btn .btn_ic{display:inline-block;vertical-align:middle;margin-left:10px;margin-top:-1px;width:35px;height:11px;background:url("/images/service/project_ic.png") no-repeat;-webkit-transition:margin 0.3s ease;transition:margin 0.3s ease}
.sv_btnArea .btn:hover .btn_ic{margin-left:30px}


@media (max-width:1280px){
	.subList.sv_subList:before{font-size:12.422vw}
}
@media (max-width:1200px){
	.sv_subList{text-align:center}
	.sv_tab{padding:0;margin:0 -5px}
	.sv_typeList p .sub_br{display:none}
	.sv_typeList h4{font-size:25px}
	.reasonList li{width:100%}
	.reasonList li:nth-child(2n){margin-left:0}
}
@media (max-width:970px){
	.subList.sv_subList:before{bottom:-80px}
	.sv_tabWrap{padding:80px 0 70px 0}
	.sv_tab li{width:33.33%;padding:5px}
	.sv_tab li a{font-size:20px;line-height:48px}
	.sv_wrap .ttArea h3{font-size:30px}
	.sv_wrap .ttArea h3 .sub_br{display:none}
	.sv_wrap .ttArea p{font-size:17px;padding-top:15px}
	.stt02{padding:60px 0 0 0;font-size:40px;line-height:1.2}
	.stt02:after{margin:15px auto 40px}
	.sv_typeList li{width:50%;padding:10px}
	.sv_typeList li:nth-child(2n+1){clear:both}
	.sv_typeList .imgArea{padding-bottom:25px}
	.sv_typeList .imgArea img{width:67px}
	.sv_typeList h4{font-size:22px}
	.sv_typeList p{font-size:17px;padding-top:16px}
	.sv_typeList .listInner{min-height:315px}
	.sv_typeList h4:before{top:-3px}
	.sv_sec01{padding-bottom:40px}
	.reasonList .txtArea h4{font-size:22px;padding-bottom:12px}
	.reasonList .txtArea p{font-size:17px}
	.reasonList li{height:175px;padding:40px 0 0 0}
	.reasonList .imgArea{width:95px}
	.reasonList .imgArea img{width:48px}
	.sv_btnArea{padding-top:80px}
	.sv_btnArea .btn{line-height:90px;font-size:17px;width:320px}

}
@media (max-width:680px){
	.sv_wrap .ttArea p br {display:none}
	.sv_typeList{max-width:350px;margin:-10px auto 0}
	.sv_typeList li{width:100%;padding:10px 0}
	.sv_typeList li:nth-child(2n+1){clear:none}
	.sv_typeList .listInner{min-height:auto;padding:40px 10px 40px}
	.reasonList li{height:auto;padding:40px 0}
	.reasonList .txtArea p br{display:none}
}
@media (max-width:480px){
	.sv_tabWrap{padding:60px 0 40px 0}
	.sv_tab li{width:50%}
	.sv_tab li a{font-size:17px;line-height:45px;border-width:1px}
	.sv_wrap .ttArea h3{font-size:22px}
	.sv_wrap .ttArea p{font-size:15px}
	.stt02{padding:54px 0 0 0;font-size:28px}
	.sv_typeList .imgArea{padding-bottom:20px}
	.sv_typeList h4{font-size:18px}
	.sv_typeList p{font-size:15px;padding-top:12px}
	.sv_typeList h4:before{top:-5px}
	.sv_typeList .imgArea img{width:55px}
	.sv_sec01{padding-bottom:30px}
	.reasonList li{padding:35px 0}
	.reasonList .txtArea h4{font-size:18px}
	.reasonList .txtArea p{font-size:15px}
	.reasonList .imgArea{width:auto;display:block;padding:0 20px;text-align:left}
	.reasonList .txtArea{display:block;padding:20px 20px 0}
	.sv_btnArea{padding-top:60px}
	.sv_btnArea .btn{line-height:80px;font-size:15px;width:280px}
}

/* work */
.subList.work_subList:before{content:'D.PUNCH WORK';font-size:194px;bottom:-130px}
.work_number{padding-top:80px;position:relative;z-index:3}
.numberList{text-align:center;font-size:0}
.numberList li{display:inline-block;vertical-align:middle;padding:0 45px;font-size:18px;line-height:1;color:#fff;font-weight:500}
.numberList li span{font-size:65px;font-weight:700;color:#2cc1ea;margin-left:10px;vertical-align:middle;display:inline-block;margin-top:-13px}

@media (max-width:1280px){
	.subList.work_subList:before{font-size:15.156vw}
}
@media (max-width:1200px){
	.work_subList{text-align:center}
	.numberList li{padding:0 20px}
}
@media (max-width:970px){
	.subList.work_subList:before{bottom:-80px}
	.numberList li{font-size:17px;display:block;padding:20px 0}
	.numberList li span{font-size:55px}
	.work_number{padding-top:60px}
}
@media (max-width:480px){
	.numberList li{font-size:16px}
	.numberList li span{font-size:40px;margin-left:8px}
	.work_number{padding-top:40px}
}

/* inquiry */
.subList.inqu_subList:before{content:'D.PUNCH INQUIRY';font-size:170px;bottom:-70px}
.inqu_tt{text-align:center;padding:100px 0 0 0}
.inqu_tt ul{font-size:0}
.inqu_tt ul li{display:inline-block;vertical-align:middle;padding:0 45px}
.inqu_tt ul li a{display:inline-block;font-size:23px;line-height:1.2;color:#fff;font-weight:700;font-family: 'NanumSquare', sans-serif;position:relative}
.inqu_tt ul li a:before{content:'';display:inline-block;vertical-align:middle;margin-right:20px}
.inqu_tt ul li:first-child a:before{width:48px;height:44px;background:url("/images/sub_call.png") no-repeat;background-size:100%}
.inqu_tt ul li:last-child a:before{width:50px;height:24px;background:url("/images/sub_mail.png") no-repeat;background-size:100%}
.inqu_formWrap{padding:60px 0}
.inqu_formWrap h2{font-size:17px;line-height:1;color:#ccc;font-family: 'NanumSquare', sans-serif;font-weight:700;padding-bottom:20px}
.inqu_check{border:1px solid #bfbfbf;padding:20px 38px;background:#181818}
.inqu_check ul li{float:left;margin-right:70px;position:relative}
.inqu_check input[type="checkbox"]{position:absolute;top:0;left:0;opacity:0}
.inqu_check input[type="checkbox"] + label{font-size:15px;color:#ccc;line-height:1;font-family: 'NanumSquare', sans-serif;cursor:pointer}
.inqu_check input[type="checkbox"] + label > span{display:inline-block;width:13px;height:13px;background:url("/images/agree_ic.png") no-repeat;background-position:0 0;vertical-align:middle;margin-top:-2px;margin-right:7px}
.inqu_check input[type="checkbox"]:checked + label > span{background-position:0 -13px}
.inqu_agree{position:relative}
.inqu_agree input[type="checkbox"]{position:absolute;top:0;left:0;opacity:0}
.inqu_agree input[type="checkbox"] + label{font-size:15px;color:#ccc;line-height:1;font-family: 'NanumSquare', sans-serif;cursor:pointer}
.inqu_agree input[type="checkbox"] + label > span{display:inline-block;width:13px;height:13px;background:url("/images/agree_ic.png") no-repeat;background-position:0 0;vertical-align:middle;margin-top:-2px;margin-right:7px}
.inqu_agree input[type="checkbox"]:checked + label > span{background-position:0 -13px}
.inqu_list{margin:0 -15px;background:#181818;padding-bottom:40px}
.inqu_list li{padding:25px 15px 0;float:left;width:50%}
.inqu_list .listInner{width:100%;display:table;border-bottom:1px solid #cdcdcd}
.inqu_list .labelArea{display:table-cell;vertical-align:middle;width:160px;padding:12px 0 12px 20px}
.inqu_list .labelArea label{font-size:15px;line-height:1;color:#bfbfbf}
.inqu_list .labelArea label:before{content:'';display:inline-block;vertical-align:middle;margin-top:-2px;margin-right:20px}
.inqu_list li:nth-child(1) .labelArea label:before{width:20px;height:18px;background:url("/images/sub_icon01.png") no-repeat}
.inqu_list li:nth-child(2) .labelArea label:before{width:20px;height:20px;background:url("/images/sub_icon02.png") no-repeat}
.inqu_list li:nth-child(3) .labelArea label:before{width:20px;height:17px;background:url("/images/sub_icon03.png") no-repeat}
.inqu_list li:nth-child(4) .labelArea label:before{width:20px;height:12px;background:url("/images/sub_icon04.png") no-repeat}
.inqu_list li:nth-child(5) .labelArea label:before{width:20px;height:20px;background:url("/images/sub_icon05.png") no-repeat}
.inqu_list li:nth-child(6) .labelArea label:before{width:20px;height:13px;background:url("/images/sub_icon06.png") no-repeat}
.inqu_formWrap input{-webkit-appearance: none;-webkit-border-radius: 0;}
.inqu_list .inputArea{display:table-cell;vertical-align:middle;padding:5px 0}
.inqu_list .inputArea input{width:100%;background:#181818;border:1px solid transparent;border-radius:0;height:40px;box-shadow:none;outline:none;color:#fff;font-size:15px;padding:0 5px}
.inqu_list .inputArea input:focus{border-color:#29c2ec !important}
.inqu_list .inputArea input::placeholder {color:#bfbfbf;font-size:15px}
.inqu_list .inputArea input::-webkit-input-placeholder {color:#bfbfbf;font-size:15px}
.inqu_list .inputArea input:-ms-input-placeholder {color:#bfbfbf;font-size:15px}
.inqu_descArea{padding-bottom:30px}
.inqu_descArea textArea{width:100%;height:180px;overflow-y:auto;border:1px solid #cccccc;resize:none;color:#fff;font-size:15px;outline:none;box-shadow:none;background:#181818;padding:20px}
.fileWrap{border:1px solid #bfbfbf;height:50px;position:relative}
.fileWrap .file_search{position:absolute;right:0;top:0;font-size:15px;color:#bfbfbf;font-family: 'NanumSquare', sans-serif;line-height:48px;padding:0 25px;cursor:pointer}
.inqu_agree{padding-top:25px}
.inqu_formWrap .btnArea{text-align:center;padding:70px 0 50px}
.btn_inquiry{display:inline-block;border:0;border-radius:0;background:#29c2ec;text-align:center;line-height:80px;width:390px;color:#181818;font-size:23px;font-family: 'NanumSquare', sans-serif;font-weight:700}




@media (max-width:1280px){
	.subList.inqu_subList:before{font-size:13.281vw}
}
@media (max-width:1200px){
	.inqu_subList{text-align:center}
	.inqu_tt ul li{padding:0 20px}
}
@media (max-width:1050px){
	.inqu_list li{width:100%}
}
@media (max-width:970px){
	.subList.inqu_subList:before{bottom:-50px}
	.inqu_tt{padding:60px 0 0 0}
	.inqu_tt ul li a{font-size:21px}
	.inqu_tt ul li a:before{margin-top:2px;margin-right:12px}
	.inqu_tt ul li:first-child a:before{width:36px;height:32px}
	.inqu_tt ul li:last-child a:before{width:37px;height:18px}
	.inqu_formWrap h2{font-size:14px;padding-bottom:15px}
	.inqu_check{padding:20px 30px}
	.inqu_check ul li{display:inline-block;padding:5px;float:none;margin-right:10px}
	.inqu_list .labelArea label{font-size:13px}
	.inqu_list .labelArea{padding:10px 0;width:80px}
	.inqu_list li:last-child .labelArea{width:120px}
	.inqu_list .labelArea label:before{margin-right:10px}
	.inqu_list .inputArea input::placeholder {color:#bfbfbf;font-size:13px}
	.inqu_list .inputArea input::-webkit-input-placeholder {color:#bfbfbf;font-size:13px}
	.inqu_list .inputArea input:-ms-input-placeholder {color:#bfbfbf;font-size:13px}
	.inqu_list{padding-bottom:30px}
	.inqu_list .inputArea input{height:38px}
	.inqu_descArea textArea{padding:15px;font-size:13px;height:120px}
	.fileWrap{height:45px}
	.fileWrap .file_search{font-size:13px;line-height:43px;padding:0 20px}
	.inqu_agree{padding-top:18px}
	.inqu_check input[type="checkbox"] + label{font-size:13px}
	.inqu_agree input[type="checkbox"] + label{font-size:13px}
	.inqu_list li{padding:18px 15px 0}
	.btn_inquiry{font-size:21px;width:370px;line-height:70px}
	.inqu_formWrap .btnArea{padding:50px 0 0}
}
@media (max-width:680px){
	.inqu_tt ul{display:inline-block}
	.inqu_tt ul li{display:block;padding:10px 0;text-align:left}
	.inqu_tt ul li:first-child{padding-top:0}
}

@media (max-width:480px){
	.inqu_tt{padding:50px 0 0 0}
	.inqu_tt ul li{padding:10px 0}
	.inqu_tt ul li a{font-size:17px}
	.inqu_formWrap{padding-bottom:0}
	.btn_inquiry{font-size:17px;width:260px;line-height:60px}

}