/* =============================== Responsive utilities =============================== */


/* 768px 이하일때 실행 모바일*/
@media (max-width: 768px) {

}

/* 탭 크기 */
@media (max-width: 991px) {
body, th, td, input, select, textarea, button {font-size:13px;}
.container {padding-left:20px;padding-right:20px;}

.top_button {position:fixed;bottom:55px;right:15px;}
.top_button img {width:38px;}

  /* 헤더 */
  .header_inner {position:fixed !important;top:0;left:0;right:0;background-color:rgba(0,0,0,0.95);height:60px;padding:0 15px;}
  .logo {height:60px;line-height:60px;margin-top:-3px;}
  .logo img {width:70px;}
  .link_blog {display:none;}

  #gnb nav {display:none;}

  .link_recruit {display:none;}

  /* 사이드 메뉴 */
  .menu #snb .snb_inner {background:#222}
  .menu #snb .snb_inner nav .depth1 li a span.line {display:none}
  .menu #snb .snb_inner nav .depth1 li a {line-height:45px}

  #snb nav .depth1 {margin:0 auto;margin-top:120px;}
  #snb nav .depth1 li a {font-size:20px;}
  #snb nav {margin:0 auto;text-align:center;padding-right:0}
  #snb .company_info {text-align:center;color:#aaa;font-size:13px;line-height:20px;left:0;right:0;top:65%}
  #snb .company_info .info,
  #snb .company_info .add {display:none;}

  /* 모바일 메뉴 버튼 */
  .menu .mn_btn .bline, .menu .mn_btn:hover .bline, .menu .mn_btn:focus .bline,
  .menu .mn_btn .tline, .menu .mn_btn:hover .tline, .menu .mn_btn:focus .tline {width:30px;}

  .mn_btn {top:13px;right:15px;}
  .mn_btn {width:30px; height:31px;}
  .mn_btn .line {height:2px;}
  .mn_btn .tline,
  .mn_btn .bline {width:24px;}

  /* 메인 */
  .section, main_section {padding:15px;overflow:hidden;}
  .main #visual h3 {top:200px;font-size:30px;line-height:45px;letter-spacing:10px;padding-bottom:0px;}
  .txt_box {width:300px;top:330px;}
  .letter_8x1 span,
  #contact p{font-size:20px;margin-top:10px;}
  .main_visual_copyright {display:none}
  h2.v_title {font-size:20px;display:none;}

  .main #ment {display:none;}
  .main #business .business_bg {background:#fff;}
  .main #business .b_title h3 {padding:10px 0}
  .main #business .business_1 .b_title,
  .main #business .business_2 .b_title,
  .main #business .business_3 .b_title,
  #contact .contact_inner,
  .main #business .b_title {padding-top:30px;padding-bottom:30px;padding-right:0;padding-left:0;text-align:center;}

  .main #business {padding:0;}
  .main #business .b_title span.service {font-size:16px;}
  .main #business .b_title h3 {font-size:28px;line-height:34px;}
  .main #business .b_title p {font-size:14px;line-height:24px;}

  .main #contact a.btn_more,
  .main #business a.btn_view {padding:10px 60px;font-size:12px;line-height:20px;}

  .main #business .business_1.col-md-7 {width:100%;margin-left:0;padding:15px;}
  .main #business .business_1 figure {width:100%;height:auto;}
  .main #business .business_2 {top:0;text-align:center}
  .main #business .business_2 figure {width:100%;height:auto}
  .main #business .business_2 {padding:15px;}

  .mobile_gif img.mobile,
  .mobile_gif img.gif {top:-15px; left:15px;width:130px}
  .main #business .business_3 {width:100%;margin:0;padding:15px}
  .main #business .business_3 .col-md-5 {width:100%}

  .main #business .business_1 figure,
  .main #business .business_2 figure,
  .main #business .business_3 figure {text-align:center;box-shadow:none;
    -webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;  }

   #contact img.message {display:none;}
   #contact h3 {font-size:24px;line-height:34px;letter-spacing:9px;padding-bottom:0px;}
   #contact p {font-size:16px;}
   .v-line {margin:15px auto;height:30px;}

   #shortcut {background:#f2f2f2;padding:30px 0}
   #shortcut .v_title:before {display:none;}
   #shortcut h2.v_title {display:block;position:relative;top:0;right:0;padding:0 0 20px 0;text-align:center;
     transform:none;
    -webkit-transform:none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;}
    #shortcut .blog_latest .blog-2 {margin-top:15px;}
    #shortcut figure img {width:100%}
    #shortcut .blog_latest strong.blog_tit {font-size:18px;}

    .blog_latest .blog-1 figure {}
    .blog_latest .blog-1 figure img {min-height:200px !important}


  /* 서브 비주얼 Position */
  .visual_img.visual1 {background-position:78% 79%}
  .visual_img.visual2 {background-position:50% 20%}
  .visual_img_blur1 {background-position:78% 79%}

  .cover_black {opacity:.5}

   /* Sub Content 공통 */
  .gridlines {display:none;}
  .inner {padding-bottom:30px}

  #content.sub #visual .inner {top:30%;padding:15px 15px;}
  #content.sub #visual h2.sub_tit {font-size:30px;margin-bottom:25px;padding-bottom:25px;border-bottom:2px solid rgba(255,255,255,.3);color:#fff}
  #content.sub #visual strong.headline {font-size:15px;line-height:28px;margin-top:15px;opacity:.6}

  #content.sub .con_title {padding:30px 0 30px}
  #content.sub .con_title h3 {font-size:24px;line-height:34px;}
  p.desc {font-size:12px;line-height:18px;}

  .line {width:14px;height:1px;}


  /* ABOUT */
  .sub_about #visual strong.haedline{font-size:26px;line-height:28px;letter-spacing:0 !important;opacity:.6 }
  .sub_about #ment {background:#000;min-height: inherit !important;height:auto !important;border-top:2px solid #eb3535}
  .sub_about #ment .b {display:none;}
  .sub_about #ment .inner {position:relative;padding-top:30px;}
  .sub_about #ment strong {font-size:20px;line-height:28px;}
  .sub_about #coreValue .item strong {font-size:18px;}
  .sub_about #coreValue .inner {margin:0}
  .sub_about #coreValue .inner .item {padding-right:15px;padding-left:15px;}

  /* BUSINESS */
  .main #business .business_3 figure {height:300px}
  .sub_business #business .list .col-md-4 {}
  .sub_business #business .list {width:100%}
  .sub_business #business .it {padding:15px 15px 18px;min-height:auto;}
  .sub_business #business .it strong {font-size:24px;line-height:38px;display:block;}
  .sub_business #business .it span.kr {padding-left:0}
.sub_business #sp strong {font-size:16px;font-weight:400}
.sub_business #sp .sp_txt_box {top:40%;}
.sub_business #sp p.desc {display:none;}

  /* Contact */
  .sub_contact #map {height:auto !important}
  .contact_label2 img{width:18px;}

  /* RECRUIT */
  .sub_recruit #want {background:#fff;}
  .sub_recruit #want .con_title p {margin-top:20px;padding:0 20px;}

  .sub_recruit #want strong {font-size:18px;line-height:20px;}
  .sub_recruit #want .want_row {margin:0;}
  .sub_recruit #want .want_row .container {padding:5px}
  .sub_recruit #want .want_row .want_tit p.kr {font-size:12px;line-height:20px;margin-bottom:8px;}
  .sub_recruit #want .want_row ul li {color:#666;font-size:12px;line-height:20px;}
   /*.sub_recruit #want .want_row {border-top:2px solid #222;padding:18px 0;}*/
  .sub_recruit #want .want_row .want_tit {padding:0}

  .sub_recruit #career {background:#f2f2f2;}
  .sub_recruit #career .item {height:80px;overflow:hidden;}
  .sub_recruit #career .item:nth-child(3),
  .sub_recruit #career .item:nth-child(4),
  .sub_recruit #career .item:nth-child(5),
  .sub_recruit #career .item:nth-child(6) {margin-top:15px;}
  .sub_recruit #career .item .num {font-size:13px;font-weight:900;color:#aaa}
  .sub_recruit #career .item .career_sub_head {font-size:14px;line-height:30px;font-weight:bold;color:#444}

  .sub_recruit .con_title p {margin-top:20px;}
  .sub_recruit #support .mail {font-size:14px;}
  .sub_recruit #support .con_title {padding:15px 0 0 0}

  .sub_recruit #career figure{}
  .sub_recruit #career .row {display:block;}
  #career .career_inner strong.career_tit {font-size:17px;line-height:30px;padding:0}
  #career .food-1,
  #career .coffee,
  #career .food-3 {padding-left:15px;padding-right:15px;}
  #career .food-1 figure, #career .taxi figure, #career .career-row-3 figure.travel2 {
    box-shadow:none;
    -webkit-box-shadow:none;
    -o-box-shadow:none;
    -moz-box-shadow:none;
    -ms-box-shadow:none;
  }

  #career .career-row-1, #career .career-row-2, #career .career-row-3{margin-bottom:40px;}
  #career .career-row-1 .line {margin-top:10px !important}
  #career .coffee {margin-top:0}
  #career .career-row-3 figure.travel2 {display:none;}

  #career .career-row-1:before,
  #career .career-row-2:before,
  #career .career-row-3:before {display:none}

  #career .career_inner h2.en {font-size:18px;line-height:22px;}
  #career .career_inner p.desc {display:none;}

  /* SUB 하단 공통 - PROJECT */
  #project .inner {padding:15px;text-align:center}
  #project strong {font-size:20px;letter-spacing:5px;}
  #project a.btn_more {padding:10px 60px;font-size:12px;line-height:20px;float:none;margin-top:15px;margin-bottom:15px;}

  #formail .contact_img {display:none;}
  #formail .form_group {padding:15px;}
  .map-submit input[type="submit"] {display:block;width:100%}
  .arrow-right.icon {display:none}

  /* Form */
#formail .input-text, #formail input[type="text"], #formail input[type="input"], #formail input[type="password"], #formail input[type="email"], #formail input[type="number"], #formail input[type="url"], #formail input[type="tel"], #formail input[type="search"], #formail textarea, #formail select
{padding:12px;}

  /* 푸터 */
  .footer_inner {padding:15px 15px 65px;font-size:12px;line-height:18px;}
  .footer_inner .logo_btm {padding:0;}
  .footer_inner .logo_btm img {width:65px;}
  .footer_inner address {padding-top:7px;padding-bottom:7px;}
  .footer_inner address span {padding-left:0; padding-right:0;}
  .footer_inner address span:before {display:none;}
  .footer_inner .copyright {float:none !important}

  .footer_inner .link_sns {position:fixed;bottom:0;left:0;width:100%;display:block;float:none;background:#fff; z-index:99;border-top:1px solid #dbdbdb;}
  .footer_inner .link_sns ul li {display:inline-block;width:33%;text-align:center;border-left:1px solid #dbdbdb;box-sizing:border-box;}
  .footer_inner .link_sns ul li:first-child {border-left:none;}
  .footer_inner .link_sns ul li:hover {background:#f2f2f2}
  .footer_inner .link_sns ul li a {display:inline-block;line-height:40px;}
  .footer_inner .link_sns ul li a img {width:18px;margin-bottom:0px;margin-right:3px;}
  .footer_inner .link_sns ul li a span {display:inline-block;}

  .down_btn img{width:38px;}
}

/* PC 크기 */
@media (min-width: 992px){
  .container {width:1250px;}
}

@media (min-width: 992px){
  .container02 {width:1300px;}
}

/* 768px 이하일때 실행 모바일*/
@media (max-width: 330px) {

.footer_inner .link_sns ul li {width:32%}
.main #visual h3 {font-size:20px;line-height:34px}
.txt_box .square {width:70%;margin:0 auto;}
.letter_8x1 span, #contact p {font-size:16px}
.letter_8x1 span {text-align:left}
.main #business .business_3 figure {height:auto !important}
.main #business .b_title h3 {font-size:24px;}
.main #business .business_1 .b_title, .main #business .business_2 .b_title, .main #business .business_3 .b_title, #contact .contact_inner, .main #business .b_title{
  padding-top:15px;padding-bottom:15px;}
  .mobile_gif img.mobile, .mobile_gif img.gif {width:100px;}

#contact h3 {font-size:18px;line-height:22px;}

.sub_about #ment strong {font-size:17px;}
.sub_about #visual strong.haedline {font-size:20px;line-height:26px;}

#content.sub .con_title .en {font-size:20px;letter-spacing:1px !important}
#content.sub .con_title h3 {font-size:18px;line-height:20px}
.sub_about #coreValue .inner .item {padding:0}
.sub_recruit #want .want_row .container {padding:0}
.sub_recruit #want strong {font-size:16px;line-height:18px;}
.sub_recruit #want .want_row .want_tit p.kr {margin-top:5px;}
.sub_recruit #want .want_row .want_list {padding-left:7px;}
#career .career_inner h2.en {font-size:15px;line-height:17px;}
#career .career_inner strong.career_tit {font-size:14px;}

#career .food-1-txt {padding-left:0}
#career .coffee-txt {padding-right:10px;}
#career .career-row-1, #career .career-row-2, #career .career-row-3 {margin-bottom:20px;}

#content.sub .con_title {padding:20px 0 20px}
#content.sub #visual strong.headline {font-size:14px;line-hegith:24px;}

br{content:"";display:block;}


}