@charset "utf-8";
/* @import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css'); */
#sub_visual {width: 100%;height: 500px;position: relative;}
/* #sub_visual::after {position: absolute;content: '';width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);left: 0;top: 0;} */
#sub_visual .visual_tit {position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);z-index: 6; text-align: center; width: 100%; padding: 0 20px;}
#sub_visual .visual_tit.visual_tit02 {transform: translate(-50%,0);}
#sub_visual .visual_tit h2{color: #fff; font-weight: 700;font-family: 'S-CoreDream-6Bold' , sans-serif;font-size: 64px;}
#sub_visual .visual_tit p{color:#fff; font-size:18px; font-weight:400;}
.sub_visual01 {background: url(../images/sub/visual01.jpg) no-repeat center bottom / cover;}
.sub_visual02 {background: url(../images/sub/visual02.jpg) no-repeat center bottom / cover;}
.sub_visual03 {background: url(../images/sub/visual03.jpg) no-repeat center bottom / cover;}
.sub_visual04 {background: url(../images/sub/visual04.jpg) no-repeat center bottom / cover;}
.sub_visual05 {background: url(../images/sub/visual05.jpg) no-repeat center bottom / cover;}
.sub_visual06 {background: url(../images/sub/visual06.jpg) no-repeat center bottom / cover;}
.sub_visual07 {background: url(../images/sub/visual07.jpg) no-repeat center bottom / cover;}


/*공통*/
.moduleCall{padding:90px 0 100px; overflow:hidden;}
.moduleCall02{padding:90px 0 0 0;}
.moduleCall03{padding:100px 0 120px 0;}
p{font-family:'S-CoreDream-4Regular', sans-serif;}
strong{font-family:'S-CoreDream-4Regular', sans-serif;}
.play_font{font-family: 'S-CoreDream-4Regular', sans-serif !important; font-weight:600;}
.sub_tit {  font-family: 'S-CoreDream-4Regular', sans-serif;display: block;text-align: center;font-weight: 600;font-size: 44px;margin-bottom:40px;color: #333; position:relative;}
section{padding: 95px 0;}
.sub_tit h3.int_tit{font-family: 'S-CoreDream-6Bold' , sans-serif; font-size:46px; font-weight: 800;margin-bottom: 60px;}
.sub_tit p.int_tit_sub {font-size: 24px; text-align: center;}
.sub_tit p.int_tit_sub b{font-family: 'S-CoreDream-6Bold' , sans-serif;}
.sub_tit p.int_tit_sub b:nth-of-type(1) {padding-right: 50px;}
.sub_tit p.int_tit_sub span:nth-of-type(2) {padding-left: 50px; position: relative;}
.sub_tit p.int_tit_sub span:nth-of-type(2):after {position: absolute; content: ''; width:1px; height:24px; background-color: #999999; left:0; top:50%; transform: translateY(-50%);}
.sub_tit h4{  font-family:'S-CoreDream-4Regular', sans-serif;font-size:34px;text-align:center;color: #333;font-weight: 300;line-height: 44px;margin-top: 30px;padding: 0 5px;}
.sub_tit h4 strong{font-weight: 500; font-size: 34px;}
.title03{font-size:30px; color:#333; font-weight:800; position:relative;  margin-bottom:20px; display:inline-block; word-break: keep-all; font-family:'S-CoreDream-4Regular', sans-serif;}
.navtab {width: 100%; font-size: 0; text-align: center; margin-top:-80px; z-index:10;}
/* .navtab_sub{border:1px solid #ddd; box-sizing:border-box;} */
#sub_contents .inner {width:1350px; margin:0 auto; position: relative;}
.navtab .inner{width: 100%; max-width: 1350px; margin: 0 auto;}
.navtab li{height:80px;  display: inline-block; position: relative; float: left; line-height:80px;}
/* .navtab.lnb01 li{width:calc(100%/7) } */
.navtab.lnb01 li{width:16.6% }
.navtab.lnb02 li{width:33.3%}
.navtab.lnb03 li{width:25%;}
.navtab.lnb04 li{width:50%;}
.navtab.lnb05 li{width:calc(100%/5)}
.navtab li a{font-weight:600; display: block; box-sizing: border-box; height: 80px; line-height:80px;  font-size: 18px; text-align: center; cursor: pointer; color:#999; background:#fff;font-family:'S-CoreDream-3Light', sans-serif;  transform: skew(-0.001deg); border-right:none;  letter-spacing:-1px; }
.navtab li:hover a{background:#333; color:#fff;}
.navtab li.active a{background:#333; color:#fff; border-bottom:none; font-family:'S-CoreDream-5medium', sans-serif;  }
.navselect{display:none;}

/********************** 리스트 페이지 *************************/

.list_page {
  text-align: center;
  margin-top: 30px;
}

.list_page .inner02 {
  margin: 0 auto;
}

.list_page .inner02>a {
  margin: 0 20px;
}

.list_page .inner02>a:nth-child(1) {
  background: url(../images/sub/arr_l.png) no-repeat center;
  display: inline-block;
  width: 20px;
  height: 60px;
  line-height: 60px;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
}

.list_page .inner02>a:nth-child(3) {
  background: url(../images/sub/arr_r.png) no-repeat center;
  display: inline-block;
  width: 20px;
  height: 60px;
  line-height: 60px;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
}

.list_page ul {
  display: inline-block;
  margin: 0;
}

.list_page ul li a {
  font-size: 16px;
  color: #999;
  text-align: center;
  display: inline-block;
  font-family: 'S-CoreDream-3Light', sans-serif;
  font-weight: 500;
  width: 60px;
  height: 60px;
  line-height: 60px;
}

.list_page ul li {
  float: left;
  margin: 0;
  margin-bottom: 0;
}

.list_page ul::after {
  clear: both;
  content: '';
  display: block;
}

.list_page ul li a.on {
  background: #333;
  border-radius: 50%;
  color: #fff;
  margin: 0 15px;
  font-family: 'S-CoreDream-5Medium', sans-serif;
}

/* .intro01 .tx_box p b {font-size: 18px;} */


/* intro - greeting */
.intro01{position:relative; margin-bottom:280px;}
.intro01.intro01-01 {margin-bottom: 100px !important;}
.intro01 .img_box{height:720px; position:relative; width:50%;}
.intro01 .img_box.img_box02 {height:350px; position:relative; width:100%;}
.intro01 .img_box img{width:100%; height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); object-fit:cover;}
.intro01 .tx_box{ background:#fff; padding:80px 65px; position:absolute; right:0; bottom:0px; width:calc(55% -120px); border-radius: 60px 60px 0 0; min-height: 515px;}
.intro01 .tx_box.tx_box02 {width:1200px; left:50%; right:auto; transform:translateX(-50%); min-height: 400px; bottom:-250px; border-radius: 0; padding:60px 40px;text-align: center; box-sizing: border-box;}
.intro01 .tx_box strong{font-size:22px; color:#333; font-weight:600; display:block; margin-bottom:40px;font-family: 'S-CoreDream-6Bold' , sans-serif; line-height: 1.8;}
.intro01 .tx_box p{font-size:16px; color:#666; margin-bottom:25px; font-family: 'S-CoreDream-4Regular', sans-serif; line-height:2; }
.intro01 .tx_box.tx_box02 p {color: #666; line-height: 1.8;}
.intro01 .tx_box.tx_box02 p:nth-of-type(1) {margin-bottom: 60px; position: relative;}
.intro01 .tx_box.tx_box02 p:nth-of-type(1):after {content: ''; position: absolute; width:100px; height:1px; background-color: #ddd; bottom:-2em; left:50%; transform: translateX(-50%);}
.intro01 .tx_box p b {font-family: 'S-CoreDream-6Bold' , sans-serif; color: #333;}
.intro01 .tx_box p b.bText {font-size: 18px;}

.intro02{background:url(../images/sub/intro02-02.jpg) no-repeat center; padding:90px 0 0; background-size: cover; position: relative;}
.intro02 .inner {min-height:400px; display: flex;flex-direction: column; justify-content: center;}
.intro02 .title03 {color: #fff; font-size: 26px;}
.intro02 p.subtit01 {color: #bfbfbf; line-height: 1.5;}
.intro02 .txt_box {position: absolute; background-color: #fff; bottom:0; right:0;  width:calc(50%); padding:50px 70px;  box-sizing: border-box; min-height: 390px; border-radius: 50px 50px 0 0;}
.intro02 .txt_box ul li {display: table; margin-bottom: 40px;}
.intro02 .txt_box ul li p { font-family: 'S-CoreDream-6Bold' , sans-serif; text-align: left;}
.intro02 .txt_box ul li p img {display: block; margin:0 auto; margin-bottom: 10px; margin-left:0;}
.intro02 .txt_box ul li span {width:80%; display: table-cell; color: #666; vertical-align: middle; line-height: 1.8;}
.intro02 .txt_box ul li:last-child {margin-bottom: 0;}

.greetingTab {display: flex; width:400px; margin:0 auto; background-color: #eeeeee; padding: 10px; box-sizing: border-box; border-radius: 50px; align-items: center; margin-bottom: 88px; justify-content: center;}
.greetingTab a {font-size: 18px;display: inline-block; color: #999; text-align: center; width:calc((100% - 10px) / 2)}
.greetingTab a.on {background-color: #333333; color: #fff; padding: 20px; box-sizing: border-box; border-radius: 45px; font-family: 'S-CoreDream-6Bold' , sans-serif;} 

.intro_con.tab01_con {display: none;}
.intro_con.tab01_con.active {display: block;}
.intro_con.tab02_con {display: none;}
.intro_con.tab02_con.active {display: block;}
.intro_con.tab03_con {display: none;}
.intro_con.tab03_con.active {display: block;}

/* department  */
.department_con {margin-bottom: 100px;}
.department .icons {width:100%; display: flex; flex-wrap: wrap; }
.department .icons li {width: calc(100% / 5); text-align: center; min-height: 270px; position: relative; border:1px solid #eee; transition:0.5s; }
.department .icons li  a {display: flex; font-size: 24px; font-family: 'S-CoreDream-6Bold' , sans-serif; height: 100%; vertical-align: middle; flex-direction: column; justify-content: center; align-items: center;}
.department .icons li  a img {display: block; margin:0 auto; margin-bottom: 40px;}
.overlay {display: none !important; position: absolute; width:100%; padding:20px; background-color: #333; color: #fff; top:0; left: 0; height:100%; box-sizing: border-box; transition:0.5s; box-shadow: 0 0 30px rgba(51, 51, 51, 0.606); transform: scale(1.1); z-index: 1;}
.overlay  p {font-size: 18px;}
.overlay span {font-size: 14px; line-height: 1.5; font-weight: 300; text-align: left;}
.department .icons li:hover .overlay {display: flex !important; }
.department .icons li:hover .overlay  p {margin-bottom: 35px;}

/* greeting > history */
#history {
    width: 1350px;
    margin: 0 auto;
    margin-bottom: 200px;
  }
  
  #history h2 {
    text-align: center;
    font-size: 24px;
    color: #444;
    line-height: 1;
    margin-top: 30px;
  }
  
  .list_right {display: flex; align-items: center; width: 100%;}
  .list_right span {font-size: 50px; font-weight: bold; color: #333;  width: 50%;box-sizing: border-box; text-align: right; padding-right: 60px;}
  .list_right div {width: 50.1%; border-left: 1px solid #dddddd; }
  

  
  .list_right div ul {
    margin-top: 0;
  }
  
  .list_right div ul li {
    display: flex;
    position: relative;
    width: 100%;
    padding-left: 60px;
    align-items:center
  }
  
  .list_right div ul li+li {
    margin-top: 20px;
  }
  
  .list_right div ul li:before {
    content: "";
    position: absolute;
    left: -8px;
    top: 5%;
 /*    width: 12px;
    height: 12px;
    border: 3px solid #0a4a9f;
    border-radius: 50%; */
    background: url(../images/sub/dots.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width:17px;
    height:17px;
  }


  .list_right div img {width:40%;}
  
  /* .list_right div ul li:after {
    content: '';
    position: absolute;
    left: -33%;
    top: 0;
    color: #333;
    font-size: 50px;
    font-weight: bold;
  } */

  .list_right.right02 div ul li:after {
    /*content: '2017년';*/
    position: absolute;
    left: -33%;
    top: 0;
    color: #333;
    font-size: 50px;
    font-weight: bold;
  }

  .list_right dl {
    text-align: left;
    display: table;
    width: 50%;
  }
  
  .list_right dl dt {
    width: 100%;
    display: block;
    vertical-align: middle;
    font-size: 26px;
    color: #333;
    /* font-weight: bold; */
    text-align: left;
    margin-top: 10px;
    font-family: 'S-CoreDream-5Medium' , sans-serif;
    margin-bottom: 35px;
  }
  
  .list_right dl dd {
    width: 100%;
    display: block;
    vertical-align: middle;
    font-size: 16px;
    color: #666;
    text-align: left;
    word-break: keep-all;
    margin-bottom: 25px;
    font-family:'S-CoreDream-3Light' , sans-serif;
  }
  
  
  .list_left {display: flex; align-items: center; width: 100%; }
  .list_left span {font-size: 50px; font-weight: bold; color: #333;  width: 50%; order: 2; box-sizing: border-box; padding-left: 60px;}
  .list_left div {width: 50%; order: 1; border-right: 1px solid #dddddd;}
  
  

  .list_left div ul li:after {
    content: '';
    position: absolute;
    right: -33%;
    top: 0;
    color: #333;
    font-size: 50px;
    font-weight: bold;
  }
  .list_left.left02 div ul li:after {
    content: '';
    position: absolute;
    right: -33%;
    top: 0;
    color: #333;
    font-size: 50px;
    font-weight: bold;
  }

  .list_left div ul {
    margin-top: 0;
  }
  
  .list_left div ul li {
    display: flex;
    position: relative;
    width: 100%;
    padding-left: -20px;
    align-items: center;
  }

  .list_left div img {width:40%;}

  
  .list_left div ul li+li {
    margin-top: 20px;
  }
  
  .list_left div ul li:before {
    content: "";
    position: absolute;
    right: -10px;
    top: 5%;
    background: url(../images/sub/dots.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width:17px;
    height:17px;
    /* width: 12px;
    height: 12px;
    border: 3px solid #0a4a9f;
    border-radius: 50%; */
  }
  
  .list_left dl {
    text-align: right;
    display: table;
    width: 50%;
   
  }
  
  .list_left dl dt {
    width: 100%;
    display: block;
    vertical-align: middle;
    font-size: 26px;
    color: #333;
    /* font-weight: bold; */
    text-align: right;
    margin-top: 10px;
    font-family: 'S-CoreDream-5Medium' , sans-serif;
    margin-bottom: 35px;
  }
  
  .list_left dl dd {
    width: 100%;
    display: block;
    vertical-align: middle;
    font-size: 16px;
    color: #666;
    text-align: right;
   margin-bottom: 25px;
   font-family:'S-CoreDream-3Light' , sans-serif;
   line-height:1.5
  }

  .list_left.left02 div ul li {
      margin-bottom: 200px;
  }


/* history02 */

.history02 {display:flex;
    justify-content: center;
    height:100vh;
    position: relative;
    }
.history02 .wraplist {overflow: auto;
    position: -webkit-sticky;
    position: sticky;
    height: 100vh;
    top:0;
    width:50%;
    z-index:1;
    text-align:center;}
.history02 .list{ width:40%;   height:100vh; overflow:scroll}
.history02 .wraplist div {padding-bottom: 50px;}
.history02 .wraplist div.on p {color: #333;}
.history02 .wraplist div.on b {color: #333;}
.history02 .wraplist div p {font-size: 62px; padding-bottom: 20px; color: #c1c1c1; font-weight: bold;}
.history02 .wraplist div b {font-size: 24px; color: #eaeaea;}
.history02 .list ul li p {font-size: 26px; color: #666; margin-bottom: 30px;}
.history02 .list ul li p b {font-size: 36px; color: #333; font-weight: bold; padding-right: 15px;}
.history02 .list ul li {margin-bottom: 100px;}

.privacy {margin-bottom: 100px !important;}
.privacy .tx_box strong {font-size: 22px; color: #333; font-weight: 600; line-height: 1.8; padding: 40px 0 10px 0; display:block;}
.privacy .tx_box p {font-size: 16px; color: #666;}
 
.pt70mb20 {padding-top: 70px; margin-bottom: -20px !important;}

@media screen and (max-width:1410px) {
    #history {
        width:95%;
        box-sizing: border-box;
    }

    .list_left dl {
        width:80%;
        margin-left:auto;
        margin-right:30px;
    }

    .list_right dl {
        width:80%;
        margin-right:auto;
        margin-left:-30px;
    }


    .list_right div ul li {padding-left: 60px;}

    .list_left div ul li:after {
        right:-50%
    } 
     .list_right div ul li:after {
        left: -45%;
    } 
    .list_left.left02 div ul li:after {
        right:-50%
    } 
     .list_right.right02 div ul li:after {
        left: -45%;
    } 
    .list_right div {width:50.1%;}
    
}

@media screen and (max-width:1024px) {
     /* greeting - history */
     .list_left dl dt {margin-bottom: 15px; margin-top:25px;}
     .list_right dl dt {margin-bottom: 15px;}
     .list_left dl {padding-left: 10px; box-sizing: border-box;}
     .list_left dl dt {font-size: 20px;}
     .list_left dl dd {font-size: 16px; margin-bottom: 10px; word-break: keep-all;}
     .list_right dl {padding-left: 30px; box-sizing: border-box;}
     .list_right dl dt {font-size: 20px; margin-top:30px;}
     .list_right dl dd {font-size: 14px; margin-bottom: 10px; word-break: keep-all;}

     .list_left div ul li {flex-direction: column;}
     .list_right div ul li {flex-direction: column; padding-left: 30px;}
     .list_left div img {width:100%; margin-left:auto; margin-right:0; padding-right:30px;}
     .list_right div img {width:100%; margin-right:auto; margin-left:0;}
   
 
}

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

    .list_left div ul li:after {
        right:-40%;
        font-size: 30px;
        top:3%;
    } 
     .list_right div ul li:after {
        left: -35%;
        font-size: 30px;
        top:3%;
    } 
    .list_left.left02 div ul li:after {
        right:-40%;
        font-size: 30px;
        top:3%;
    } 
     .list_right.right02 div ul li:after {
        left: -35%;
        font-size: 30px;
        top:3%;
    } 

}

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


 .list_right dl dt,.list_left dl dt  {
        font-size: 16px;
    }

    .list_right dl dd,  .list_left dl dd {
        font-size: 12px;
    }
.list_left div ul li:after {
    right:-40%;
    font-size: 20px;
    top:7%;
} 
 .list_right div ul li:after {
    left: -35%;
    font-size: 20px;
    top:7%;
} 
.list_left.left02 div ul li:after {
    right:-40%;
    font-size: 20px;
    top:7%;
} 
 .list_right.right02 div ul li:after {
    left: -35%;
    font-size: 20px;
    top:7%;
} 
#history{
    margin-bottom: 0;
}

#content.orion.history .inConts > .history-wrap > ul.list li dl dt p br {display:block !important;}

}

@media screen and (max-width:480px) {
    .list_left div ul li:after {
    right:-50%;
    font-size: 18px;
    top:6%;
} 
 .list_right div ul li:after {
    left: -45%;
    font-size: 18px;
    top:6%;
} 
.list_left.left02 div ul li:after {
    right:-50%;
    font-size: 18px;
    top:6%;
} 
 .list_right.right02 div ul li:after {
    left: -45%;
    font-size: 18px;
    top:6%;
} 
.list_right span {width: 49.8%;}
.list_right span {font-size: 34px; padding-right: 20px;}
.list_left span {font-size: 34px; padding-left: 20px;}

.list_left dl {padding-right: 30px; width:100%; display: block;}
.list_right dl {width:100%; display: block;}
.list_left:last-of-type {margin-bottom: 50px;}
}


/* brand */
.brand_list {display: flex; width:100%; margin-bottom: 300px;  min-height: 555px; }
.brand_list li {width: calc((100% - 60px)/ 3); position: relative; min-height: inherit; background-size: cover; margin-right: 30px; }
.brand_list li:nth-of-type(1) { background: url(../images/sub/brand01.jpg) no-repeat center; background-size: cover;}
.brand_list li:nth-of-type(2) { background: url(../images/sub/brand02.jpg) no-repeat center; transform:translateY(115px); background-size: cover; }
.brand_list li:nth-of-type(3) { background: url(../images/sub/brand03.jpg) no-repeat center; background-size: cover; margin-right: none; }
.brand_list li .txt_area {position: absolute; right:0; bottom:0; background-color: rgba(0, 0, 0, 0.457); min-height: 220px; padding:36px; box-sizing: border-box; width:80%; color: #fff;}
.brand_list li .txt_area  p {font-size: 24px; margin-bottom: 25px; display: block; position: relative;font-family: 'S-CoreDream-5Medium' , sans-serif;}
.brand_list li .txt_area  p img {vertical-align: middle; padding-right: 10px;}
.brand_list li .txt_area  p:after {content: ''; background-color: #fff; width:150px; height:1px; position: absolute;  bottom:-50%; left:-30%;}
.brand_list li .txt_area  span {font-size: 14px; padding-top: 25px; display: block; opacity:0.7; line-height: 1.8; font-family: 'S-CoreDream-3Light' , sans-serif;}
.brand_list li .img_area {position: absolute; top:30px; right:30px; }
.brand_list li:nth-of-type(1) .img_area img {height:65px;}
.brand_list li:nth-of-type(2) .img_area img {height:56px;}
.brand_list li:nth-of-type(3) .img_area img {height:40px;}

/* product */
.productintro {padding-bottom: 100px;}
.pro_list {display: flex; width:100%; flex-wrap: wrap;}
.pro_list li {width:calc((100% - 60px) / 3); margin-left: 30px; margin-bottom: 60px;}
.pro_list li a {text-align: center; }
.pro_list li a img {display: block; margin-bottom: 30px; width:100%; }
.pro_list li:nth-child(1) {margin-left: 0;}
.pro_list li:nth-child(4n) {margin-left: 0;}
.productTab .slick-track {display: flex; width:80%;  margin:0 auto; margin-bottom:80px; position: relative;}
.productTab .slick-track  > div {width: calc((100% - 90px) / 4); margin:0 15px;}
/* .productTab:before {content: ''; background: url(../images/sub/arr_l.png) no-repeat center; position: absolute; width:20px; height:20px; top:50%; left:-10%; transform: translate(-50%,-50%);}
.productTab:after {content: ''; background: url(../images/sub/arr_r.png) no-repeat center; position: absolute; width:20px; height:20px; top:50%; right:-10%; transform: translate(-50%,-50%);} */
.productTab .ptab {width: calc((100% - 90px) / 4); /* margin-left: 30px; */ text-align: center; padding:20px; border: 1px solid #ddd; border-radius: 50px; color:#999; font-family: 'S-CoreDream-3Light' , sans-serif;}
.productTab div.on {border: 1px solid #666; color:#333; font-family: 'S-CoreDream-5Medium' , sans-serif;}
/* .productTab div:nth-of-type(1) {margin-left: 0;} */
.pro01 {display: none;}
.pro02 {display: none;}
.pro03 {display: none;}
.pro04 {display: none;}
.pro01.active {display: flex;}
.pro02.active {display: flex;}
.pro03.active {display: flex;}
.pro04.active {display: flex;}
.pro_list .txt {font-size: 20px; font-family: 'S-CoreDream-5Medium' , sans-serif;}
.prevarrow {background: url(../images/sub/arr_l.png) no-repeat center; position: absolute; width:20px; height:20px; top:1%; left:0%; transform: translateY(50%);}
.nextarrow {background: url(../images/sub/arr_r.png) no-repeat center; position: absolute; width:20px; height:20px; top:1%; right:0%; transform: translateY(50%);}
.slick-arrow.slick-hidden {display: block !important;}

.slick-list {width:90%; margin:0 auto;}
/* employment */

/********** employment ***********/
.employment {padding-bottom: 100px;}
.employment .infomenuDiv {overflow:hidden; margin-bottom:60px; margin-top:20px; width:100%; height:120px; background:#fafafa;}
.employment .infomenuDiv .num {font-size:16px; color:#333; float:left; line-height:36px;}
.employment .infomenuDiv .num span{color:#203c69;}
.employment .infomenuDiv .searchDiv {text-align: center; line-height:120px;}
.employment .infomenuDiv .searchDiv form{position:relative;}
.employment .infomenuDiv .searchDiv select {vertical-align:middle; width:180px; height:36px; background:url(../images/sub/arr_d.png) no-repeat 95% 50%; font-size:16px; color:#333; border:0; border-bottom:2px solid #333; box-sizing:border-box;  font-weight:600;}
.employment .infomenuDiv .searchDiv input[type="text"] {vertical-align:middle; width:580px; height:36px; font-size:16px; border:0; box-sizing:border-box; border-bottom:2px solid #333; background: #fafafa; margin-left:20px; color:#666;}
.employment .infomenuDiv .searchDiv button {vertical-align:middle; width:36px; line-height:36px; background:url(../images/sub/search.png) no-repeat 50% 50%; border:0; text-indent:-9999px; position:absolute; top:50%; right:300px; transform:translate(0,-50%); }
.employment .table_type1{width:100%; border-top:2px solid#333; margin-bottom:60px;}
.employment .table_type1 > ul{display:table; width:100%; }
.employment .table_type1 > ul > li{display:table-row; width:100%; box-sizing:border-box;}
.employment .table_type1 > ul > li > div {display:table-cell;}
.employment .table_type1 > ul > li.tbTh {background:#fafafa;}
.employment .table_type1 > ul > li.tbTh > div{padding:15px 0; border-bottom:1px solid #ddd; color:#333; vertical-align:middle; text-align:center; font-size:16px; font-weight:normal;  font-weight:600;}
.employment .table_type1 > ul > li.tbTd > div {text-align:center; padding:15px 5px; border-bottom:1px solid #ddd; vertical-align:middle;}
.employment .table_type1 > ul > li.tbTd .td_tit {text-align:left; }
.employment .table_type1 > ul > li.tbTd .td_tit a {font-size:16px; color:#666; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; display:block; text-overflow:ellipsis; width:400px; white-space:nowrap; overflow:hidden; }
.employment .table_type1 .td_day {width:120px;text-align:center; color:#666;font-size:16px;  }
.employment .table_type1 .td_answer{width:120px;text-align:center; color:#666;font-size:16px;  }
.employment .table_type1 .td_view {width:120px;text-align:center;font-size:16px; color:#666;}
.employment .table_type1 .td_state {width:120px;text-align:center;font-size:16px; }
.employment .table_type1 .td_num {width:100px;text-align:center; font-size:16px; color:#666;}
.employment .table_type1 .td_state span {display:inline-block; width:62px; height:28px; line-height:28px; font-size:13px; font-weight:500; color:#fff; text-align:center; border-radius:3px;}

.mblock{display:none;}

.employment .circle_list {display: flex; color: #fff; width:100%;}
.employment .circle_list li {width:210px; height:210px; border-radius: 50%; margin-left: 50px; display: flex; flex-direction: column; justify-content: center; align-items:center; text-align: center;}
.employment .circle_list li p {width:60%;}
.employment .circle_list li p:nth-child(1) {margin-bottom: 10px; padding-bottom:10px; position: relative;}
.employment .circle_list li p:nth-child(1):after {content: ''; width:100%; height:1px; background-color: #8f8f8f; position: absolute; bottom:0; left:50%; transform:translateX(-50%)}
.employment .circle_list li:nth-child(1) p:nth-child(1):after  {background-color: #d6d6d6;}
.employment .circle_list li:nth-child(2) p:nth-child(1):after  {background-color: #c2c2c2;}
.employment .circle_list li:nth-child(3) p:nth-child(1):after  {background-color: #a3a3a3;}
.employment .circle_list li:nth-child(5) p:nth-child(1):after  {background-color: #7a7a7a;}
.employment .circle_list li:nth-child(1) {background-color: #bbbbbb;}
.employment .circle_list li:nth-child(2) {background-color: #999999;}
.employment .circle_list li:nth-child(3) {background-color: #666666;}
.employment .circle_list li:nth-child(4) {background-color: #444444;}
.employment .circle_list li:nth-child(5) {background-color: #222222;}
.employment .circle_list li p:nth-child(2) b {font-size: 28px; font-family: 'S-CoreDream-5Medium' , sans-serif; display: block; margin-bottom: 10px;}
.employment .circle_list li p:nth-child(1) img {height:50px;}
.employment .charge {text-align: center; padding:50px 0;}
.employment .charge p {font-size: 22px; color: #666; padding-bottom: 30px;}
.employment .charge b {display: flex; justify-content: center; color: #333; font-size: 22px;}
.employment .charge b em {font-family: 'S-CoreDream-5Medium' , sans-serif;}
.employment .charge b em:nth-child(1) {padding-right: 45px; position: relative;}
.employment .charge b em:nth-child(1):after {position: absolute; content: ''; width:2px; height:20px; background-color: #b0b0b0; right:0; top:50%; transform: translateY(-50%);}
.employment .charge b em:nth-child(2) {padding-left: 45px;}


/* employment view */
.employmentView {width:100%; border-top:2px solid #333; margin-top:20px; }
.employmentView .titArea {min-height:100px; line-height:100px; background:#fafbfd;  position:relative; display: flex; justify-content: space-between;}
.employmentView .titArea h5.tit {font-size:24px; color:#333;  font-weight:600; white-space: nowrap; text-overflow:ellipsis; overflow:hidden; padding-left:32px;}
.employmentView .titArea h5.tit span{font-size:16px; background:#333; color:#fff; padding:5px 15px; border-radius: 30px; vertical-align: middle; margin-left:10px;}
.employmentView .titArea p {font-size:14px; color:#999; display:inline-block; margin-right:10px; }
.employmentView .titArea p span{font-size:16px; color:#666; margin:0 10px; }
.employmentView .titArea em{padding:10px 15px; float:right; margin-top: -35px; background: #65a147; border-radius:30px; color:#fff; border:1px solid #65a147;}
.employmentView .titArea em.end{color: #65a147; background:#fff; border:1px solid #65a147;}
.employmentView .txtArea {padding:40px 0px 60px; color:#999; font-size:17px; position:relative;}
.employmentView .txtArea p {font-size:15px; color:#999; line-height:1.7;}
.employmentView .txtArea .txt_img{width:100%; position:relative; margin-bottom:40px;}
.employmentView .txtArea img { width:100%; }

.employmentView .txtArea .article{
  position:absolute;
  border:1px solid #333;
  border-radius:30px;
  color:#333;
  padding:5px 15px;
  bottom:10px;
  right:10px;
  font-weight:500;
}

.employmentView .fileArea {border-top:1px solid #333 ; border-bottom:1px solid #ddd; margin-bottom:20px;}
.employmentView .fileArea span {display:inline-block; width:160px;padding:15px 0; text-align:left;font-size:16px; color:#333; background:#fafafa;   padding-left:15px;}
.employmentView .fileArea a {font-size:16px; color:#333; padding-left:10px; ;}

.employmentView .prevNext > .prev{float:left; width:100%; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.employmentView .prevNext > .next{float:left; width:100%; border-bottom:1px solid #ddd;}
.employmentView .prevNext > div > a {display:block; width:100%; vertical-align:middle;  box-sizing:border-box;}
.employmentView .prevNext > div span {padding:15px 10px ; display:inline-block; vertical-align:middle; font-size:16px; color:#333;   background:#fafafa; width: 160px; text-align:left; height:50px; padding-left:15px;  float:left;}
.employmentView .prevNext .next .arrow{float:left;}
.employmentView .prevNext .tit {width:calc(100% - 165px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.5; font-size:16px; background: none; color:#333; text-align: left;}
.employmentView .prevNext .day {float:right; padding-right:30px; display:none;}
.employment .circle_list li p span {line-height:1.5;}


.listBtn {text-align:center; margin-top:60px;}

.listBtn a {display:inline-block; margin:0 5px; text-align:center; box-sizing:border-box; width:160px; height:60px; line-height:60px; font-size:20px; color:#fff; background:#333;border-radius:8px;  }
.listBtn a.w_btn.ed {display:inline-block; margin:0 5px; text-align:center; box-sizing:border-box; width:200px; height:60px; line-height:60px; font-size:20px; color:#fff; background:#333; border-radius:30px;cursor:default;}
.listBtn a.w_btn.ed:hover { color:#333; background:#fff; cursor:default;}
.listBtn a:hover{color:#fff; background: #333;}
.listBtn a.w_btn{display:inline-block; margin:0 5px; text-align:center; box-sizing:border-box; width:200px; height:60px; line-height:60px; font-size:20px; color:#fff; background:#333; border-radius:30px;}
.listBtn .cancelBtn {background:#aaa;}

/* customer */
.customer_con {padding-bottom: 100px;}
.customer .imgArea {display: block;margin:0 auto; text-align: center; background-color: #fff; width:90px; height:90px; border-radius: 50%; line-height: 90px;margin-bottom: 35px; box-shadow: 0 0 10px #ddd; }
.customer .imgArea img {line-height: 90px; vertical-align: middle;}
.customer .txtArea{ text-align: center}
.customer .txtArea h2{font-size: 30px; margin-bottom: 34px; font-family:'S-CoreDream-5Medium' ,sans-serif;}
.customer .txtArea p{font-size: 20px; color: #666;}
.customer .txtArea a{font-size: 20px; color: #666;}
.customer .areaWrap {background-color: #fafafa; max-width:750px; min-height: 290px; margin:0 auto; display: flex; flex-direction: column; justify-content: center; border-radius: 50px; box-sizing: border-box; padding:60px;}
.customer .inner {display: flex;}
.customer .areaWrap {width:calc((100% - 50px ) / 2)}
.customer .areaWrap:nth-child(1) {margin-right: 50px;}
.customer .txtArea p img {vertical-align: middle; display: inline-block; margin-top: -8px;}
.customer .txtArea a img {vertical-align: middle; display: inline-block; margin-top: -8px;}
.customer .areaWrap:nth-child(2) .txtArea p {color: #333;} 


/* management */
.management_con {padding-bottom: 100px;}
.management_con .sub_tit p {text-align: center; font-size: 24px; font-family: 'S-CoreDream-3Light',sans-serif; color:#666; line-height:1.8;}
.management_con .sub_tit p b {font-weight: bold; font-family:'S-CoreDream-5Medium' ,sans-serif; color:#333;}
.management_con .management_list {display: flex;}
.management_con .management_list li {width: calc((100% - 70px) / 2);min-height:400px; margin-right: 35px;}
.management_con .management_list li:nth-child(3) {margin-right: 0;} 
.management_con .management_list .img_area { position: relative; background-size: cover; background-position: center; width:100%; height:100%; padding:35px;}

.management_con .management_list li:nth-child(1) .img_area { background: url(../images/sub/manage01.jpg) no-repeat;}
.management_con .management_list li:nth-child(2) .img_area { background: url(../images/sub/manage02.jpg) no-repeat;}
.management_con .management_list li:nth-child(3) .img_area { background: url(../images/sub/manage03.jpg) no-repeat;}

.management_con .management_list .img_area span {position: absolute; bottom:10x; display: block; color: #fff; bottom:0; left:0; width:80%; transform: translate(35px,-35px); line-height:1.8;}


/* export */

.export_con {padding-bottom: 100px;}
.export_con .sub_tit p {text-align: center; font-size: 24px; font-family: 'S-CoreDream-3Light',sans-serif; color:#666; line-height:1.4; }
.export_con .sub_tit p b {font-weight: bold; font-family:'S-CoreDream-5Medium' ,sans-serif; color:#333; }
.export_con .int_tit02 p span {padding-bottom:10px;}
.export img {width: 100%;} 
.export_con .int_cont02 img {width:80%}
.export_con .int_cont04 img {width:100%;}
.export_con .intWrap:nth-of-type(1) {padding-bottom:100px;}
.export_con .intWrap:nth-of-type(2) {background-color:#fafafa; padding:180px 0 80px;}
.export_con .intWrap:nth-of-type(3) {padding:100px 0;}
.export_con .intWrap:nth-of-type(4) {background-color:#fafafa; padding:180px 0 80px;}
.export_con .intWrap:nth-of-type(5) {padding-top:100px;}
.export_con .int_tit02 {display: flex; align-items: center; margin-bottom:80px;}
.export_con .int_tit02 b {margin:0 120px 0 110px; display: inline-block; font-size: 32px; font-family:'S-CoreDream-5Medium' ,sans-serif; text-align: left; width:170px;}
.export_con .int_tit02 p {width:calc(100% - 340px); font-size: 20px;}
.export_con .int_tit02 p span {color: #666; display: block; text-align: left; margin-left: 10px; text-indent: -15px; }
.export_con .int_cont {/* margin-bottom: 180px; */}
.export_con .int_cont ul {display: flex;}
.export_con .int_cont ul li {width:calc((100% - 60px) / 2)}
.export_con .int_cont ul li:nth-of-type(1) {margin-right: 60px;}
.export_con .int_cont ul li img {width:100%;}
.export_con .int_cont02 {margin-bottom: 100px;}
.export_con .int_cont03  {margin-bottom: 40px;}
.export_con .int_cont03 ul {display: flex; flex-wrap:wrap}
.export_con .int_cont03 ul li {width:calc((100% - 60px) / 2); margin-bottom: 60px;}
.export_con .int_cont03 ul li:nth-of-type(odd) {margin-right: 60px;}
.export_con .int_cont03 ul li img {width:100%;}
.export_con .int_cont04 {margin-bottom: 100px;}
.export_con .int_cont05 ul {display:flex;}
.export_con .int_cont05 li {width:calc((100% - 60px) / 2);}
.export_con .int_cont05 li:nth-of-type(1) {margin-right: 60px;}
.export_con .int_cont05 li img {width:100%;}

/* inquiry */

.online{width:100%; padding-bottom: 100px; margin-top: 50px;}
.write_form {width: 100%; margin-bottom: 80px; }
.write_form .row { min-height: 50px; border-bottom: 1px solid #d8d8d8; }
.write_form .password {/* display: none; */}
.write_form .password #w_name::placeholder {color: #999; font-size: 14px; font-weight: 200;}
.write_form .row:nth-child(1) { border-top: 1px solid #333; }
.write_form .row:after { display: block; clear: both; *zoom: 1; content: ''; }
.write_form .row.col-2 .col { float: left; width: 50%; }
.write_form .row.col-2 .col:after { display: block; clear: both; content: ''; }
.write_form .row .label {float: left; display: block; box-sizing: border-box; width: 180px; padding: 13px 20px; line-height: 42px; font-weight: 600; color: #2d2d2d;  text-align: left; background: #fafafa;}
.write_form .row .label span{color:#333; font-weight:600;}
.write_form .row .input_box {float: left; box-sizing: border-box; width: calc(100% - 818px); padding:8px 20px; }
.write_form .name .input_box{width: calc(100% - 1000px);}
.write_form .title_box .input_box{width: calc(100% - 1000px);}
.write_form .textarea_row .input_box{width: calc(100% - 760px); }
.write_form .row .input_box input { box-sizing: border-box; width: 100%; height: 46px; padding: 0 10px; color: #8e8e8e; border: 1px solid #d8d8d8; border-radius: 6px;}
.write_form .row .input_box textarea { display: block; width: 100%; height: 234px; padding: 10px; box-sizing: border-box; font-size: 1rem; color: #fff; border: 1px solid #d8d8d8; border-radius: 6px; }
.write_form .row.textarea_row .label {height: 260px;}
.write_form .emailrow .input_box{display:flex;}
.write_form .emailrow .input_box span{color:#999; line-height:42px; }
.write_form .phone .input_box {display: flex; }
.write_form .phone .input_box span{color:#999; line-height:42px; }
.emailrow select {width: 100%; background: url(../images/sub/sub_select.png) no-repeat 95% center; background-size: 12px; color: #8e8e8e; height: 46px; border: 1px solid #d8d8d8; padding-left:10px; border-radius:6px; margin-left: 10px;}
.emailrow select option{font-family: "Noto Sans KR";}
.emailrow input {float: left; width: 50%;}
.qnabut {margin: 0 auto;text-align: center;margin-top: 100px;}
.write_form .row .input_box.file input{width:400px;}
.write_form .row .filebox{position: relative;}
.write_form .row .filebox::after{display: block; content: ''; clear: both;}
.write_form .row .filebox input[type=file]{position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0 }
.write_form .row .filebox label{display:inline-block;color:#8e8e8e ;background: #f1f1f1;cursor:pointer;height: 44px; width: 130px; text-align: center;line-height: 44px;text-align:center;float:left; margin-left:10px; margin-top: 10px; font-family:'S-CoreDream-5Medium';  border-radius: 6px;}
.filebox .upload-name{display:inline-block;font-size:14px; width:calc(100% - 1162px);overflow:hidden; float:left; color: #8e8e8e; border: 1px solid #d8d8d8; border-radius: 6px; margin-left: 20px; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;word-wrap:break-word; height: 46px; line-height: 46px; float:left; margin-top: 9px; padding: 0 10px;}
.write_form .row .filebox .reset{position: absolute;right: 0;top: 50%; transform: translateY(-50%);}
.write_form .title_box span {color: #8e8e8e; font-family: 'play'; font-size: 14px; display: inline-block; margin-top: 20px;}

.agree .agreeArea {overflow-y:scroll; height:180px; border:1px solid #d8d8d8; padding:20px; box-sizing:border-box; margin:20px 0; font-size:15px; color:#8e8e8e; font-family:'Noto Sans KR'; border-radius: 6px;}
.agree .agreeArea p {font-size: 16px; color: #8e8e8e;}
.agree .th{font-size:18px; margin-bottom: 20px; font-weight: bold;}
.agree .agreeBtn {float:right; font-size:14px;}
.agree .agreeBtn input[type="checkbox"] {margin-right:10px; width:24px; height:24px;}
.agree .agreeBtn input[type="checkbox"]+label{top:-6px; position:relative;}

.chk_box input{display:none}
.chk_box input+label{display:block;overflow:visible;cursor:pointer;width:auto; margin-bottom:0; text-align: right;}
.chk_box input+label > span{display:block;position:relative; display: inline-block;box-sizing:border-box;border:1px solid #ddd;margin-right:0;margin-top:0; }
.chk_box input+label > span:before{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;margin:0 auto;transition:all .1s ease-in-out;content:''; background: rgba(0,0,0,0.1); border-radius: 10px;}
.chk_box input:checked+label > span{border: 1px solid #a3c13f;}
.chk_box input[type=checkbox]+label > span{width:24px;height:24px;margin-top:0;vertical-align: middle;margin-right: 10px; border-radius: 24px; border: 1px solid #d8d8d8;    }
.chk_box input[type=checkbox]+label > span:before{width:10px;height:10px; }
.chk_box input:checked+label > span:before{visibility:visible;opacity:1; background: #393939; border-radius: 50%;}
.chk_box p{display: inline-block; font-size: 14px; }
.listBtn02 {text-align:center; margin-top:50px;}
.listBtn02 a {display:inline-block; margin:0 5px; text-align:center; box-sizing:border-box; width:180px; height:60px; line-height:60px; font-size:20px; color:#fff; background:#393939;  transition: ease 0.3s; border-radius: 8px;}
/* .listBtn02 a:hover {background: #fff; border: 2px solid #d1131c; color: #d1131c;} */


/* guide 사업장안내 */
.guide_con .int_wrap {margin-bottom: 150px; position: relative;}
.guide_con .int_wrap:after {position: absolute;content: ''; width:100%; height:360px; background-color: #fafafa; bottom:-60px; left:0; z-index:-1;}
.guide_con .int_wrap .inner { display: flex; text-align: left; align-items:end; }
.guide_con .int_wrap .tit_top {display: flex; justify-content: space-between; align-items: center;  margin-bottom: 40px;  position: relative; border-bottom:1px solid #ddd; padding-bottom: 40px;}

.guide_con .int_wrap .tit_top h3 {font-size: 28px; font-family:'S-CoreDream-5Medium';}
.guide_con .int_wrap .tit_top p{font-size: 18px; font-size: bold}
.guide_con .int_wrap .tit_top p img {padding-right: 10px; vertical-align: middle;}
.guide_con .int_wrap .tit_sub {}
.guide_con .int_wrap .tit_sub span {font-size: 18px; color: #666; display: block; line-height: 1.8;}
.guide_con .int_wrap .tit_sub b {font-size: 18px; color: #333; display: block; margin-top: 30px; font-family:'S-CoreDream-5Medium', sans-serif;}
.guide_con .int_wrap .int_cont {width:593px}
.guide_con .int_wrap .int_cont img {display: block; width:100%;}
.guide_con .int_wrap:nth-of-type(odd) .int_tit02 {width:calc(100% - 593px); padding-left: 160px;}
.guide_con .int_wrap:nth-of-type(even) .int_tit02 {width:calc(100% - 593px); padding-right: 160px;}

.popup01,.popup02,.popup03,.popup04,.popup05 {width:100%; height:100%; position: fixed; background-color: rgba(0, 0, 0, 0.416); top:50%; left:50%; transform: translate(-50%,-50%); z-index:10; display: none;}
.popup {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:1000px; height:auto; z-index:10;  }
.popup .pop_box {height:0; padding-bottom:56.25%;}
.popup .pop_box iframe {position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:100%; height:100%; object-fit: cover;}
.popup .close {position: absolute; top:0; right:0; transform: translateX(120%);}



/* info 인사정보 */
.info ul {display: flex; border-top:2px solid #333;  }
.info ul li {width:calc(100% / 3); padding-left:30px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding-bottom: 25px;}
.info ul li b {height:76px; font-size: 20px; font-family:'S-CoreDream-5Medium',sans-serif; padding-bottom: 30px; padding-top:20px; display: inline-block;}
.info ul li b img {padding-right: 20px; vertical-align: middle;}
.info ul li p {font-size:14px; color:#666; line-height:1.2; position: relative; padding-left:15px; padding-bottom:10px;}
.info ul li p:after {content:''; position: absolute; width:5px; height:5px; background-color: #333; top:20%; left:0; transform: translateY(-50%); }
.info ul li:nth-child(3) {border-right:1px solid #ddd}


.inConts.inner {margin:0 auto; width:70%;}


#container:not(.main) > #content.orion.history {overflow:visible;}
				#content.orion.history .inConts > .history-wrap {position:relative;display:flex;margin-top:0; margin-bottom: 100px;}
				#content.orion.history .inConts > .history-wrap > div.year {position:relative;width:40%;}
				#content.orion.history .inConts > .history-wrap > div.year .wrap {position:sticky;top:100px;}
				#content.orion.history .inConts > .history-wrap > div.year .wrap > div {color:#d2d2d2;margin-top:3rem;}
				#content.orion.history .inConts > .history-wrap > div.year .wrap > div.y1 {/* margin-top:0; */}
				#content.orion.history .inConts > .history-wrap > div.year .wrap > div h2 {font-weight:700;line-height:1.2;letter-spacing:-0.02em; font-size: 42px; font-family: 'S-CoreDream-6Bold' , sans-serif;}
                #content.orion.history .inConts > .history-wrap > div.year .wrap > div p.txtB1 {font-size: 20px; margin-top: 10px; line-height: 1.5;}
				#content.orion.history .inConts > .history-wrap > div.year .wrap > div h2:after {content:"";display:inline-block;width:0;height:2px;background-color:#666;margin-left:90px;vertical-align:middle;opacity:0;}
				#content.orion.history .inConts > .history-wrap > div.year .wrap > div.on {color:#222;}
				#content.orion.history .inConts > .history-wrap > div.year .wrap > div.on h2:after {width:80px;opacity:1;}
				#content.orion.history .inConts > .history-wrap > div.year .wrap > div.on p.txtB1 {color:#666; font-size: 24px;}

				#content.orion.history .inConts > .history-wrap > ul.list {width:60%;}
				#content.orion.history .inConts > .history-wrap > ul.list li + li {margin-top:100px}
				#content.orion.history .inConts > .history-wrap > ul.list li div.year {display:none;margin-top:3.75rem;}
				#content.orion.history .inConts > .history-wrap > ul.list li div.year.first {margin-top:0;/* margin-bottom:60px */;}
				#content.orion.history .inConts > .history-wrap > ul.list li div.year h2 {font-weight:800;line-height:1.2;letter-spacing:-0.02em; font-family: 'S-CoreDream-6Bold' , sans-serif; }
				#content.orion.history .inConts > .history-wrap > ul.list li div.year p {color: #666;}
				#content.orion.history .inConts > .history-wrap > ul.list li dl {/* display:flex;flex-wrap:wrap; */ margin-bottom: 50px;}
				#content.orion.history .inConts > .history-wrap > ul.list li dl dt {width:100%;font-size:1.25rem;font-weight:800;line-height:1.4;margin-top:1.0rem;}
				#content.orion.history .inConts > .history-wrap > ul.list li dl dd {width:calc(100%);font-size:1.25rem;line-height:1.4;margin-top:5px;}
				#content.orion.history .inConts > .history-wrap > ul.list li dl dd > p + p {margin-top:0.75rem;}
				#content.orion.history .inConts > .history-wrap > ul.list li dl dt.first,
				#content.orion.history .inConts > .history-wrap > ul.list li dl dd.first {/* margin-top:0; */}
				#content.orion.history .inConts > .history-wrap > ul.list li dl figure {width:100%;margin-top:2.0rem;}
                #content.orion.history .inConts > .history-wrap > ul.list li dl dt h2 {font-size: 28px; display: inline-block; font-family: 'S-CoreDream-6Bold' , sans-serif; padding-right: 20px; vertical-align: top;}
                #content.orion.history .inConts > .history-wrap > ul.list li dl dt p {font-size: 22px; display: inline-block; color: #666;}
                #content.orion.history .inConts > .history-wrap > ul.list li dl dd img {margin-top: 0; max-width:100%; padding-left: 90px;}
                #content.orion.history .inConts > .history-wrap > ul.list .y4 .first img {/* margin-bottom: 50px; */ margin-bottom: 50px;}
                #content.orion.history .inConts > .history-wrap > ul.list li dl dt.first, #content.orion.history .inConts > .history-wrap > ul.list li dl dd.first {display: flex;}

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

    #content.orion.history .inConts > .history-wrap > div.year {width:50%;}
    #content.orion.history .inConts > .history-wrap > ul.list {width:50%;}
}

@media screen and (max-width:1440px) {
    #sub_contents .inner {width:95%; margin:0 auto;}
    .intro01 .img_box {width:80%;}

    /*brand */
    .brand_list li .txt_area span br {display: none;}
    
    /* inquiry */
    .write_form .row .in1 {width: calc(100% - 500px);}
    .write_form .title_box .input_box {width: calc(100% - 600px);}
    .write_form .textarea_row .input_box {width: calc(100% - 500px);}
    .filebox .upload-name {width: calc(100% - 540px);}
    .name_form {width:300px !important;}

    .guide_con .int_wrap:nth-of-type(odd) .int_tit02 {padding-left: 50px; width:calc(50%)}
    .guide_con .int_wrap .int_cont {width:50%;}
    .guide_con .int_wrap:nth-of-type(even) .int_tit02 {padding-right: 50px; width:calc(50%)}

    #content.orion.history .inConts > .history-wrap > div.year .wrap > div p.txtB1 {font-size: 14px;}
    #content.orion.history .inConts > .history-wrap > div.year .wrap > div.on p.txtB1 {font-size: 14px;}

}

@media screen and (max-width:1380px) {
    .intro02 .txt_box ul li p {width:170px;text-align: center;}
    .intro02 .txt_box {position: static; width:100%; margin-left:auto; margin-right:0; margin-top:50px; padding:50px 50px 20px;}
    .intro02 p.subtit01 br {display: none;}
    .intro02 .txt_box ul li p img {margin-left: auto;}

    /* brand */
    .brand_list li .txt_area {width:100%;}

    /* management */
    .management_con .management_list li {min-height: 300px;}
    .management_con .sub_tit p {font-size: 18px;}
    .management_con .management_list .img_area {background-size: cover !important;}

    .employment .infomenuDiv .searchDiv button{
        right:20%;
    }

    .brand_list li .txt_area p:after {left:-15%;}

    /* employment */
    .employment .circle_list {flex-wrap:wrap; justify-content: center; }
    .employment .circle_list li { margin: 50px 5%}

    /* export 사업소개 */
    .export_con .int_tit02 b {font-size: 28px; width:220px; margin:0; text-align: center;}
    .export_con .int_tit02 p {font-size: 16px; width: calc(100% - 220px)}
    .export_con .int_cont ul li {width:calc((100% - 40px)/ 2)}
    .export_con .int_cont ul li:nth-of-type(1) {margin-right: 40px; width:calc((100% - 40px) / 2)}
    .export_con .int_cont {margin-bottom: 50px;}
    .export_con .int_cont02 img {width:100%}
    .export_con .int_cont03 ul li {margin-bottom: 40px;  width:calc((100% - 40px) / 2)}
    .export_con .int_cont03 ul li:nth-of-type(odd){margin-right: 40px; width:calc((100% - 40px) / 2)}
    .export_con .int_cont05 li {width:calc((100% - 40px) / 2)}
    .export_con .int_cont05 li:nth-of-type(1){margin-right: 40px; width:calc((100% - 40px) / 2)}
    .export_con .intWrap:nth-of-type(1) {padding-bottom:50px;}
    .export_con .intWrap:nth-of-type(2) {background-color:#fafafa; padding:50px 0 50px;}
    .export_con .intWrap:nth-of-type(3) {padding:50px 0;}
    .export_con .intWrap:nth-of-type(4) {background-color:#fafafa; padding:50px 0 50px;}
    .export_con .intWrap:nth-of-type(5) {padding-top:50px;}

    .info ul li {padding-right: 20px;}
    .popup {width:70%}
    .popup .close img {width:20px;}

    .guide_con .int_wrap {margin-top:100px;}
    .guide_con .int_wrap:after {bottom:-60px; height:330px;}

    .guide_con .int_wrap:nth-of-type(odd) .int_tit02 {padding-left: 50px; width:calc(55%)}
    .guide_con .int_wrap .int_cont {width:45%;}
    .guide_con .int_wrap:nth-of-type(even) .int_tit02 {padding-right: 50px; width:calc(55%)}

    .export_con .int_cont ul li {max-height:400px;}
    .export_con .int_cont03 ul li {max-height:400px;}
    .export_con .int_cont05 li {max-height:400px;} 
    .export_con .int_cont ul li img {height:400px; object-fit: contain;}
    .export_con .int_cont03 ul li img {height:400px; object-fit: contain;}
    .export_con .int_cont05 li img {height:400px; object-fit: contain;}
  
    #content.orion.history .inConts > .history-wrap > div.year .wrap > div h2 {font-size: 40px;}
    #content.orion.history .inConts > .history-wrap > ul.list li dl dt h2 {font-size: 24px;}
    #content.orion.history .inConts > .history-wrap > ul.list li dl dt p {font-size: 18px;}

    #content.orion.history .inConts > .history-wrap > div.year .wrap > div h2:after {margin-left: 33px;}
    #content.orion.history .inConts > .history-wrap > div.year {width:50%;}
    #content.orion.history .inConts > .history-wrap > ul.list {width:50%;}

    #content.orion.history .inConts > .history-wrap > ul.list li dl dd img {padding-left: 82px;}
}

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



    .intro02 .txt_box ul li p {width:120px;}
    .intro01 .img_box {width:100%; height:500px;}
    .intro01 .tx_box {position: static; min-height: auto; padding: 50px 0px 0;}
    .intro01 .tx_box p {word-break: keep-all;}
    .intro01 .tx_box p br{ display: none;}
    .intro01 .tx_box p br.noBreak{ display: block;}

    .intro01 {margin-bottom: 0;}
    .intro01 .tx_box.tx_box02 {transform: translateX(0); width:100%; padding: 30px 0 30px }
    .intro02 p.subtit01 {word-break: keep-all;}
    

    /* department */
    .department .icons li {width:calc(100% / 3)}
    .brand_list li .txt_area p img {display: block; margin: 10px auto; padding-right: 0;}
    .brand_list li .txt_area p {text-align: center;}
    .management_con .management_list .img_area span {font-size: 14px; left:50%; margin:0 auto; text-align: center; transform: translate(-50%,-35px);}
    .overlay span {font-size: 13px;}

    /* management */

    /* export */
    .export_con .sub_tit p br {display: none;}
    .export_con .int_tit02 {margin-bottom:40px;}

    /* employment */
    .employment .infomenuDiv .searchDiv input[type="text"]{
        width:45%; font-size: 12px;
    }
    .employment .infomenuDiv .searchDiv button{
        right:18%;
    }
    

    .employment .infomenuDiv .searchDiv select {font-size: 12px;}
    .employment .circle_list li {margin-bottom: 20px; margin-top:20px; margin:10px 2%;}
    /* inquiry */
    .write_form .row .input_box { width: calc(100% - 250px);}
    .filebox .upload-name {width: calc(100% - 430px);}
    .write_form .row .label01 {height: 100px;}
    .write_form .title_box span {margin-top: 0; padding-left: 20px;}
    

    /* customer */
    .customer .inner {display: block;}
    .customer  .areaWrap {width:100%; margin-bottom: 50px; margin-right: 0; max-width:100%}
    .customer  .areaWrap:nth-child(1) {margin-right: 0;}


    /* guide 사업장안내 */
    .guide_con .int_wrap .tit_top {padding-bottom: 10px; margin-bottom: 10px;}
    .guide_con .int_wrap .tit_top h3 {font-size: 20px;}
    .guide_con .int_wrap:after {height:240px; bottom:-50px}
    .guide_con .int_wrap .tit_sub span {font-size: 14px;}
    .guide_con .int_wrap .tit_sub span br {display: none;}
    .guide_con .int_wrap .tit_sub b {font-size: 14px;}
    .guide_con .int_wrap .tit_top p {font-size: 14px;}
    .guide_con .int_wrap {margin-top: 100px;}

    /* info 인사정보 */
   
    .info ul li p  {font-size: 13px;}
    .export_con .int_cont ul li {max-height:280px;}
    .export_con .int_cont03 ul li {max-height:280px;}
    .export_con .int_cont05 li {max-height:280px;} 
    .export_con .int_cont ul li img {height:auto; object-fit: contain;}
    .export_con .int_cont03 ul li img {height:auto; object-fit: contain;}
    .export_con .int_cont05 li img {height:auto; object-fit: contain;}

    .export_con .intWrap:nth-of-type(1) {padding-bottom: 0 !important}
    .export_con .int_cont02 {margin-bottom: 0;}
    .export_con .int_cont03 {margin-bottom: 0;}
    .export_con .int_cont04 {margin-bottom: 0;}

    #content.orion.history .inConts > .history-wrap > div.year .wrap > div h2 {font-size: 32px;}
    #content.orion.history .inConts > .history-wrap > div.year .wrap > div  {font-size: 14px;}

    .inConts.inner {width:95%;}
}




@media screen and (max-width: 768px) {
    .listBtn a {margin-bottom:50px;}
    .intro02 .txt_box ul li p {width:auto;}
    p br{display:none;}
    #sub_visual{height: 280px;}
    .title03{font-size:26px;}
    .moduleCall{padding:40px 0; }
    .moduleCall02{padding:40px 0 0 0; }
    #sub_visual .visual_tit {top:60%;}
    #sub_visual .visual_tit h2{font-size: 54px;    top: 55%; color:#fff;}
    .navtab {display: none;}
    .navtab ul .nav_dep_1{width: 150px;}
    .navtab ul .nav_dep_2{width: 180px;}
    .navtab ul li .arrow_img{right: 7px;}
    .navselect{display:block;}
    .navselect select{display: none; position: relative; z-index: 9; width: 90%; margin: 0 auto;  background: url(../images/sub/arrow_down.png) no-repeat 96% center;color: #333;  margin-top: 30px; border:1px solid #ddd; padding:0 35px 0 20px; height:50px; }
    .navselect select option{font-size:12px;}
    .sub_tit h3.int_tit{font-size:34px; margin-top:20px; margin-bottom: 40px;}
    #sub_visual .visual_tit.visual_tit02 {transform: translate(-50%,-50%);}
    
    /****************** list page **************/
    
    .list_page ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    }
    
    .list_page .inner02>a:nth-child(1) {
    height: 40px;
    line-height: 40px;
    }
    
    .list_page .inner02>a:nth-child(3) {
    height: 40px;
    line-height: 40px;
    }


    /* greeting */
    .greetingTab {width:55%; border-radius: 50px; padding: 5px;}
    .greetingTab a.on {padding:10px;}
    .intro02 .txt_box {width:100%;}

    /* department */
    .department .icons li {width:calc(100% / 2)}

    /* brand */
    .brand_list {display: block; margin-bottom: 100px;}
    .brand_list li {width:100%; margin-top: 100px; margin: bottom 15px;}
    .brand_list li:nth-of-type(2) {transform: translateY(0);}
    .brand_list li .txt_area span {text-align: center; padding-top:0;}
    .brand_list li .txt_area p:after {display: none;}
    .brand_list li .img_area {bottom:102%;}
    .brand_list li .img_area img {height:50px;}
    /* product */
    .pro_list li {width:calc((100% - 20px) / 2); margin-left: 20px;}
    .pro_list li:nth-of-type(2n-1) {margin-left: 0;}
    .pro_list li:nth-child(4n){margin-left: 20px;}
    /* .productTab{width:85%;} */
    .productTab a {padding:10px;}
    .pro_list .txt {font-size: 14px;}

 

    /* employment*/
    
        .employment .table_type1 > ul > li.tbTd .td_tit a {width:230px; font-size:15px; color:#333; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
        .employment .table_type1 .td_day {width:70px;text-align:center; color:#999;font-size:14px; }
        .employment .table_type1 .td_answer{width:100px;text-align:center; color:#999;font-size:14px;}
        .employment .table_type1 .td_view {width:100px;text-align:center;font-size:14px; color:#999; }
        .employment .table_type1 .td_ing{width:100px; }
        .employment .table_type ul > li.tbTd > .td_ing{line-height:0;}

        .employment .infomenuDiv .searchDiv select{
                width:100px;
            }

        .employment .infomenuDiv .searchDiv input[type="text"]{
                width:45%; font-size: 12px;
            }
        .employment .infomenuDiv .searchDiv button{
                right:18%;
            }
            
        .employmentView .titArea {flex-direction: column; height:auto; line-height:30px; padding-top:20px;}
        .employmentView .titArea h5.tit{padding-left:10px;}
        .employmentView .titArea p span {margin:0; display: block; margin-top: 10px; text-align: right;}
        .employment .circle_list li {margin-top:0; margin-bottom:0; width:150px; height:150px;}
        .employment .circle_list li p:nth-child(1) img {height:30px;}
        .employment .circle_list li p:nth-child(2) b {font-size: 20px; margin-bottom: 5px;}
        .employment .circle_list li p span {font-size: 14px;}

        /* employment_view */
        .listBtn a{height:50px; line-height:50px; font-size:18px; width:140px;}

        /* management */
        .management .inner {width:100% !important;}
        .management_con .management_list {display: block;}
        .management_con .management_list li {width:100%; height:200px; margin: 0 auto; margin-bottom: 30px; }
        .management_con .management_list li:nth-child(3) {margin-right: auto;}
        .management_con .management_list li:nth-child(1) .img_area {background-position: center bottom;}
        .management_con .management_list li:nth-child(2) .img_area {background-position: center top;}
        .management_con .management_list li:nth-child(3) .img_area {background-position: center bottom;}
        .management_con .sub_tit p {font-size: 14px;}

        /* export */
        .export_con .sub_tit p {font-size: 14px;}

        /* inquiry */
        .apply .txt_box h4 {font-size: 18px;}
        .apply .txt_box p {font-size: 12px;}
        .write_form .row.col-2 .col{ width: 100%;}
        .write_form .row .label{width:130px; font-size: 12px; padding: 11px 10px;}
        .write_form .row .input_box { width: calc(100% - 130px);}
        .write_form .row .input_box.file input{width:180px;}
        .write_form .row .input_box.file label{padding:10px 20px;}
        .write_form .row .filebox label{width:75px; margin-bottom: 5px; font-size: 12px;}
        .listBtn02 a{height:50px; line-height:50px; font-size:18px; width:120px;}
        .filebox .upload-name {width: calc(100% - 275px);}
        .emailrow select {font-size: 12px;}
        .emailrow select option {font-size: 12px;}
        .chk_box p {font-size: 12px;}
        .write_form .title_box span {font-size: 11px;}
        .write_form .row .label01 {height:auto;}

        /* employment */
        p br.pc_br {display: block;}
        .employment .circle_list li p span {word-break: keep-all;}

        /* customer */
        .sub_tit p.int_tit_sub {font-size: 16px;}
        .customer .txtArea h2 {font-size: 24px;}
        .customer .txtArea p {font-size: 16px;}
        .customer .txtArea a {font-size: 16px;}
        .sub_tit p.int_tit_sub b:nth-of-type(1) {padding-right: 20px;}
        .sub_tit p.int_tit_sub span:nth-of-type(2) {padding-left: 20px;}
        

        /* export  */
        .export_con .int_tit02 b {width:150px; font-size: 20px;}
        .export_con .sub_tit p {width: calc(100% - 150px)}
        .export_con {padding-bottom: 50px;}
        .export_con .int_tit02 p span {text-indent: -10px;}

        /* info 인사정보 */
        .info ul li b {font-size: 16px;}
        .info ul li b img {padding-right: 10px;}

        .export_con .int_cont ul li {height:auto;}
        .export_con .int_cont03 ul li {height:auto;}
        .export_con .int_cont05 li {height:auto;}
        .export_con .int_cont03 ul li:nth-of-type(3),.export_con .int_cont03 ul li:nth-of-type(4) {margin-bottom: 0;}

        #content.orion.history .inConts > .history-wrap > div.year .wrap > div h2:after {display: none;}
        #content.orion.history .inConts > .history-wrap > div.year .wrap > div {padding-right: 20px;}
		
    } 

@media screen and (max-width:640px) {
    .guide_con .int_wrap {margin-top: 50px;}
    .guide_con .int_wrap .inner {flex-direction: column; 
    justify-content: center; align-items: center;}
    .guide_con .int_wrap:nth-of-type(odd) .int_tit02 {padding-top:50px}
    .guide_con .int_wrap:nth-of-type(even) .int_tit02 {padding-top:50px}
    .guide_con .int_wrap:after {height:100%;}
    .guide_con .int_wrap:nth-of-type(even) .int_tit02 {order:2;}
    .guide_con .int_wrap:nth-of-type(even) .int_cont {order:1;}
    .guide_con .int_wrap:nth-of-type(even) .int_tit02 {width:100%; padding-right: 0;}
    .guide_con .int_wrap:nth-of-type(odd) .int_tit02 {width:100%; padding-left: 0;}
    .guide_con .int_wrap .int_cont {width:100%;}
    .info ul {flex-direction: column;}
    .info ul li {width:100%; border-right:1px solid #ddd}
    .employment .circle_list {flex-direction: column; align-items: center;}
    .employment .circle_list li {margin-bottom: 20px;}

    .customer_con {padding-bottom:20px;}
    #content.orion.history .inConts > .history-wrap > div.year .wrap > div h2 {font-size: 20px;}
    #content.orion.history .inConts > .history-wrap > div.year {width:35%;}
    #content.orion.history .inConts > .history-wrap > ul.list {width:65%;}
    #content.orion.history .inConts > .history-wrap > ul.list li dl dt h2 {font-size: 18px;}
    #content.orion.history .inConts > .history-wrap > ul.list li dl dt p {font-size: 14px;}

    #content.orion.history .inConts > .history-wrap > div.year .wrap > div h2 {font-size: 16px;}
    #content.orion.history .inConts > .history-wrap > ul.list li div.year {display: block;}
    #content.orion.history .inConts > .history-wrap > ul.list li div.year h2 {font-size: 24px; margin-bottom: 10px;}
    #content.orion.history .inConts > .history-wrap > ul.list li div.year p {font-size: 18px; margin-bottom: 30px;}
    #content.orion.history .inConts > .history-wrap > div.year .wrap {display: none;}
    #content.orion.history .inConts > .history-wrap > ul.list {width:90%; margin:0 auto;}
    #content.orion.history .inConts > .history-wrap > div.year {display: none;}
    /* #content.orion.history .inConts > .history-wrap > ul.list li dl dt.first {display: none;} */
    #content.orion.history .inConts > .history-wrap > ul.list li div.year.first {margin-bottom: 0;}
    #content.orion.history .inConts > .history-wrap > ul.list li + li {margin-top: 50px;}
 
    #content.orion.history .inConts > .history-wrap > ul.list li {margin-bottom: 100px;}
    #content.orion.history .inConts > .history-wrap {margin-bottom: 0px;}
    #content.orion.history .inConts > .history-wrap > ul.list li dl dd img {padding-left: 67px;}
	#content.orion.history .inConts > .history-wrap > ul.list li dl dt p br {display:block !important;}
}

@media screen and  (max-width:480px) {
    .productTab a {padding: 5px; font-size: 12px;}
    .productTab:before {width:10px; height:10px;}
    .productTab:after {width:10px; height:10px;}
    .moduleCall03{padding:60px 0 80px 0;}
    #sub_visual {height: 280px;}
    #sub_visual .visual_tit h2{font-size: 38px;}
    #sub_visual .visual_tit p{font-size:15px; word-break:keep-all;}
    section{padding: 50px 0;}
    .navtab ul .nav_dep_1{width: 33%;}
    .navtab ul .nav_dep_2{width: 45%;}
    .sub_tit{font-size: 32px;margin-bottom: 25px;}
    .sub_tit h3.int_tit{font-size:28px; margin-bottom:40px;}
    #sub_visual .visual_tit {top:60%}

  
    /************* list page ***********/
  
  
    .list_page ul li a {
      width: 30px;
      height: 30px;
      line-height: 30px;
    }
  
    .list_page .inner02{margin:0 -10px;}
  
    .list_page .inner02>a:nth-child(1) {
      height: 30px;
      line-height: 30px;
    }
  
    .list_page .inner02>a:nth-child(3) {
      height: 30px;
      line-height: 30px;
    }
  
    .list_page .inner02>a {
      margin: 0;
    }

    /* greeting */
    .greetingTab a {font-size: 14px;}
    .intro02 .txt_box ul li{display: block;}
    .intro01 .tx_box.tx_box02 p br {display: none;}
    .intro02 .txt_box ul li span {width:100%; display: block; margin-top: 10px;}
    .intro01 .tx_box p {font-size: 14px;}
    .intro02 p.subtit01 {font-size: 14px;}
    .intro02 .txt_box ul li span {font-size: 14px;}
    .intro01 .tx_box strong {font-size: 18px;}
   
    /* department */
    .department .icons li {width:calc(100% )}

    /* breand */
    .brand_list {min-height: 400px;}
    .brand_list li .txt_area p:after {display: none;}

    /* product */
    .productTab a {width:calc(100% / 4); margin-left: 10px; font-size: 13px;}


  /* notice*/
  .employment .searchDiv .searchInput input[type="text"] {width:250px; margin-top:10px;}
  .employment .searchDiv .searchInput button {top:20px;}
  .employment .table_type1 > ul{display:block !important;}
  .employment .table_type1 > ul > li{display:block !important;overflow:hidden;border-bottom:1px solid #e6e6e6; position:relative;}
  .employment .table_type1 > ul > li > div{display:block;border-bottom:0px !important;padding:0px;}
  .employment .table_type1 > ul > li.tbTh > div {font-size:14px; float:left; width:100%;} 
  .employment .table_type1 > ul > li.tbTd{padding:10px; text-align:left; padding-right:5px;}
  .employment .table_type1 > ul > li.tbTd > div {padding:0px; border-bottom:0px;}
  .employment .table_type1 > ul > li.tbTd .td_tit a {width:230px;font-size:14px;}
  .employment .table_type1 > ul > li > div.disN {display:none;}
  .employment .table_type1 > ul > li > div.disN.td_view{display: block; width:50px; padding-right:5px; float:right;}
  .employment .table_type1 > ul > li > div.disv {display:inline-block;width:auto !important; font-size:13px;}
  .employment .table_type1 > ul > li > div.td_day:before {content:"  " !important; margin:0px !important;}
  .employment .table_type1 > ul > li > div.disv:before {content:" / "; color:#ddd; margin:0 5px;}
  .employment .mblock{display:inline-block;margin-left:-5px;}
  .employment .table_type1 .td_ing{width:100px; display:block !important;}
  .employment .table_type1 ul > li.tbTh > .td_ing{width:80px !important; display:block !important; float:right;/*padding-right:10px;*/}
 .employment  .table_type1 ul > li.tbTd > .td_ing{width:80px !important; display:block !important; float:right;}
  
 
 
  .employment .infomenuDiv{height:80px;}
  .employment .infomenuDiv .searchDiv{line-height:80px;}
 
 .employment .infomenuDiv .searchDiv select{
    width:80px;
 }
 
 .employment .infomenuDiv .searchDiv input[type="text"]{
    width:60%;
 }
 .employment .infomenuDiv .searchDiv button{
    right:3%;
 }

 .employment .charge p {font-size: 16px; padding-bottom: 10px;}
 .employment .charge b {font-size: 14px;}
 .employment .charge b em:nth-child(1) {padding-right: 20px;}
 .employment .charge b em:nth-child(2) {padding-left: 20px;}
 
 /* board_view */
 .employmentView .titArea h5.tit{font-size:20px;}
 .employmentView .fileArea span{width:120px; font-size:14px;}
 .employmentView .prevNext > div span{width:120px; font-size:14px;}
 .employmentView .fileArea a{font-size:14px;}
 .employmentView .prevNext .tit{font-size:14px;}
 
/* customer */
.customer .txtArea h2 {font-size: 20px;}
.customer .txtArea p {font-size: 14px;}
.customer .txtArea a {font-size: 14px;}

/* management */
.management_con .management_list li {width:100%;}
.management_con .management_list li:nth-child(1) .img_area {background-position: left bottom;}
.management_con .management_list li:nth-child(2) .img_area {background-position: left bottom;}
.management_con .management_list li:nth-child(3) .img_area {background-position: left bottom;}

/* inquiry */

.write_form {margin-top: 10px;}
    .write_form .row .label {width:100% ;padding: 8px 10px;font-size: 14px;}
    .write_form .row .label.file{width: 100%;}
    .write_form .row .input_box.file{width: 100%;}
    .write_form .row .input_box {width: 100%; padding: 10px;}
    .write_form .phone .input_box{width: 100%}
    .write_form .emailrow .input_box{width: 100%}
    .write_form .row .input_box.phone {max-width: 400px;}
    .write_form .row .input_box.phone input {margin: 0 0 0 5px;width: calc((100% - 60px)/2);padding: 0;}
    .write_form .row .input_box.phone input:nth-child(1) {width: 50px;}
    .write_form .row.textarea_row .label{height:auto;}
    .write_form .row.col-2 .col {float: none; width: 100%;}
    .write_form .row.col-2 .col+.col {border-top: 1px solid #ddd;}
    .write_form .row .input_box input {font-size: 12px;}
    .write_form .row .input_box.file input{width:140px;}
    .write_form .row .input_box.file label{padding:10px 20px;}
    .emailrow select option{font-size:12px;}
    .qnabut .btn_list_qna { width: 100px; height: 40px; font-size: 14px;}
    .filebox .upload-name{ width: calc(100% - 120px); margin: 10px 0 10px 10px;}
    .write_form .row .filebox label{margin-top: 12px;}
    .write_form .row .input_box textarea {font-size: 12px;}
    .agree .agreeArea p {font-size: 12px;}
    .write_form .row .label01 {height: auto;}
    .write_form .title_box span {font-size: 11px; vertical-align: middle; margin-top: -20px;}
    .name_form {width:100% !important;}

  /* customer */
  .customer .areaWrap {padding:40px;}

  /* export */


  .export_con .int_tit02 {flex-direction: column;}
  .export_con .int_tit02 b {margin-bottom: 20px;}
  .export_con .sub_tit p {width:100%;}
  .export_con .int_cont ul li {width:calc((100% - 10px) /2)}
  .export_con .int_cont ul li:nth-of-type(1) {margin-right: 10px; width:calc((100% - 10px) / 2)}

  .export_con .int_cont03 ul li {margin-bottom: 10px;}
  .export_con .int_cont03 ul li {width:calc((100% - 10px) /2)}
  .export_con .int_cont03 ul li:nth-of-type(odd){margin-right: 10px; width:calc((100% - 10px) / 2)}

  .export_con .int_cont05 ul li {width:calc((100% - 10px) /2)}
  .export_con .int_cont05 li:nth-of-type(1){margin-right: 10px; width:calc((100% - 10px) / 2)}

  .export_con .int_cont03 ul li img ,.export_con .int_cont05 li img ,.export_con .int_cont ul li img{max-height:200px; object-fit: contain;}

   /* export  */ 
   .guide_con .int_wrap .tit_top { align-items:center; justify-content:center}
   .guide_con .int_wrap .tit_top p {font-size: 12px; margin-left:auto;}
   .guide_con .int_wrap .tit_top p img {width:25px}
   .guide_con .int_wrap .tit_top h3 {font-size: 16px;}
   .export_con .int_tit02 b {width:100%; text-align: center;}
   .popup {width:80%}

   .export_con .intWrap:nth-of-type(1) {padding-bottom: 0 !important}
   .export_con .int_cont02 {margin-bottom: 0;}
   .export_con .int_cont03 {margin-bottom: 0;}
   .export_con .int_cont04 {margin-bottom: 0;}

   #content.orion.history .inConts > .history-wrap > div.year .wrap > div h2 {font-size: 16px;}
   #content.orion.history .inConts > .history-wrap > ul.list li div.year {display: block;}
   #content.orion.history .inConts > .history-wrap > ul.list li div.year h2 {font-size: 24px; margin-bottom: 10px;}
   #content.orion.history .inConts > .history-wrap > ul.list li div.year p {font-size: 18px; margin-bottom: 30px;}
   #content.orion.history .inConts > .history-wrap > div.year .wrap {display: none;}
   #content.orion.history .inConts > .history-wrap > ul.list {width:90%; margin:0 auto;}
   #content.orion.history .inConts > .history-wrap > div.year {display: none;}
   /* #content.orion.history .inConts > .history-wrap > ul.list li dl dt.first {display: none;} */
   #content.orion.history .inConts > .history-wrap > ul.list li div.year.first {margin-bottom: 0;}
   #content.orion.history .inConts > .history-wrap > ul.list li + li {margin-top: 50px;}

   #content.orion.history .inConts > .history-wrap > ul.list li {margin-bottom: 100px;}
   #content.orion.history .inConts > .history-wrap {margin-bottom: 0px;}
}

@media screen and (max-width:360px) {
    .productTab a {padding: 2px; font-size: 12px;}
    .productTab:before {width:10px; height:10px;}
    .productTab:after {width:10px; height:10px;}
}