/* body.on {
  height: 100vh;
  overflow: hidden;
} */

@keyframes bounce {

  25%{
    top: -5px;
  }

  50%{
    top: 0px;
  }

  75%{
    top: -5px;
  }

  100% {
    top: 0px;
  }
}

a{
  cursor:pointer;
}

.form-control {box-shadow: none;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{z-index: 0;background-color: #0055a1; border-color: #0055a1;}
#header {
    box-shadow: 3px 3px 10px #ccc;
    height: 130px;
    width: 100%;
    padding-top: 10px;
    position: fixed;
    z-index: 1;
    background: #fff;
}
.pointer{
  cursor:pointer;
}
.inner {
    max-width: 1200px;
    margin: 0 auto;
}
.logo {
    width: 100px;
    height: 40px;
    background: url("../../img/hp/logo.png") center center no-repeat;
    background-size: cover;
    display: block;
}
.logo_en {
    width: 140px;
    height: 40px;
    background: url("../../img/hp/logo_en1.png") center center no-repeat;
    background-size:contain;
    display: block;
}

.hd_lang {
  display: flex;
  justify-content: flex-end;
}
.hd_lang a {
  font-size: 11px;
  margin-left: 10px;
  color: #4073bc;
}
.hd_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.hd_flex li {
  margin-left: 20px;
  cursor:pointer;
}
.hd_flex ul {
  display: flex;
  align-items: center;
}
.hd_flex a {
  font-weight: 500;
  font-size: 15px;
}
.hd_nav {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.menu_btn {display: none;}
.hd_nav > li {
  position: relative;
  overflow: hidden;
  height: 20px;

}
.hd_nav > li.on {
  height: 200px;
  overflow: visible;
}
.hd_nav > li > a {
  display: block;
  font-weight: bold;
}
.hd_nav ul {
  position: absolute;
  top: 39px;
  left: 50%;
  width: 150%;
  background: #fff;
  transform: translateX(-50%);
  border: 1px solid #eee;
}
.hd_nav > li:nth-child(3) ul {width:150%;}
.hd_nav > li:nth-child(3) .cate_2{left:115px;}
.hd_nav > li:nth-child(3) .customer_ul {}
.hd_nav > li .supplier_ul {width: 219%;}

.hd_nav > li:nth-child(2) ul {}
.hd_nav > li:nth-child(2) .customer_ul {}

.company_list ul {
  width: 149%;
}
.item_list ul {
  width: 276%;
}
.hd_nav ul li {
  margin-bottom: 15px;
  font-size: 13px;
  text-align: center;
  position:relative;

}
.hd_nav ul li:nth-child(1) {
  width: 100%;
  height: 3px;
  background: #fba557;
  padding-left: 0;
  position:relative;
  top:-4px;
}
.hd_nav ul li:last-child {

}
.hd_nav ul li a {
  font-weight: 500;

}
.hd_nav ul li a:hover {

}
.dark_bg {
  display: none;
}

/* head_sub */
.message {
  width: 25px;
  height: 25px;
  position: relative;
}
.message img {
  width: 100%;
}
.n_message {
  width: 17px;
  height: 17px;
  display: block;
  position: absolute;
  top: 5px;
  left: 105%;
  transform: translate(-50%,-50%);
  background: #f93f3f;
  border-radius: 100%;
  border: 2px solid #fff;
  color: #fff;
  font-size: 10px;
  text-align: center;
  font-weight: 300;
  line-height: 13px;
}
.mywoori > a {
  color: #4073bc;
}
.profile_logo {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: relative;
  border: 1px solid #ccc;
  overflow: hidden;
}
.profile_logo img {
  width: 62%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.show_my_menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  background: #f9f9f9;
  width: 100%;
  padding: 15px;
  margin-top: 5px;
  border-radius: 10px;
}
.show_my_menu img {
  width: 25px;
  height: 25px;
  margin: 0 auto;
  margin-bottom: 5px;
}
.show_my_menu li {
  text-align: center;
  width: 33%;
}
.show_my_menu a {
  font-size: 12px;
  text-align: center;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


/* login */

.login_bg {
  background: #f2f2f2;
  height: 100vh;
  padding-top: 250px;
}
.login_box {
  width: 80%;
  background: #fff;
  padding: 80px 70px;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  box-shadow: 3px 3px 30px #ddd;
}
.login_box > div {
  width: 45%;
}
.login_box > div:nth-child(2) {
  width: 3%;
}
.login_box_line {
  width: 1px;
  height: 210px;
}
.login_box_line span {
  width: 1px;
  height: 100%;
  display: block;
  background: #ccc;
  margin: 0 auto;
}
.login_content ul {
  display: flex;
}
.login_content > ul li {
  margin-right: 20px;
}


.login_content a {
  cursor:pointer;
}
.login_content a .under_bar{
  display: block;
  width: 100%;
  height: 3px;
  background: #4073bc;
  margin-top: 10px;
}
.login_content .boldf{
  font-weight:700;
  color: #4073bc;
}
.input_box {
  width: 100%;
}
.input_box input {
  display: block;
  margin-top: 15px;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  border: 1px solid #999;
  padding-left: 10px;
  color: #858585;
  width: 100%;
}
.input_box input:first-child {
  margin-top: 0;
}
.login_set {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  align-items: center;
  line-height: 1;
  margin-top: 30px;
}
.login_set label{
  cursor:pointer;
}
.login_set > div {
  display: flex;
  align-items: center;
}
.login_set ul a {
  font-size: 13px;
}
.login_set ul li {
  margin-left: 5px;
}
.login_set input {
  margin: 0;
  margin-right: 5px;
}
.login_button {
  margin-top: 30px;
    cursor:pointer;
}
.find_div a{
  cursor:pointer;
}
.login_button a {
  background: #F6861F;
  color: #fff;
  text-align: center;
  padding: 13px 10px;
  border-radius: 20px;
  width: 100%;
  display: block;
}

.m_logo {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.m_logo img {
  width: 100%;
}
.login_guide > p {
  color: #666;
  margin-bottom: 20px;
  font-size: 15px;
}
.join_button {
  display: flex;
  justify-content: space-between;
  align-self: flex-end;
}
.join_button > a {
  width: 48%;
  border-radius: 20px;
  display: block;
  background: #4073bc;
  text-align: center;
  color: #fff;
  font-weight: 300;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
}

/* join */

.jsupp{display:none;}
.join_bg {
  background: #f2f2f2;
  width: 100%;
  padding-top: 200px;
  padding-bottom: 50px;
}
.join_title h2 {
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 5px;
}
.join_title p {
  font-weight: 500;
}
.join_box {
  width: 40%;
  background: #fff;
  border-radius: 10px;
  margin: 0 auto;
  padding: 40px;
  box-shadow: 3px 3px 30px #eee;
}
.en_join_select {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
  padding: 30px 0;
}
.en_join_select input {
  margin-right: 10px;
}
.en_join_select label{
  margin-right:20px;
}
.join_select {
  display: flex;
  justify-content: space-between;
  width: 70%;
  margin: 0 auto;
  padding: 30px 0;
}
.join_select input {
  margin-right: 10px;
  margin-top: 0;
}
.join_select label{
  margin-right:20px;
}
.join_select > div {display: flex; align-items: center;}
.join_txt {
  margin-bottom: 20px;
}
.join_txt div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.join_txt p {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 10px;
}
.join_txt span {
  color: #d85353;
}
.join_txt input {
  width: 100%;
  height: 40px;
  background: #f9f9f9;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 12px;
  padding-left: 10px;
}
.join_txt .tel_num_div input:first-child{
  width:30%;
}
.join_txt .tel_num_div input:last-child{
  width:68%;
}
.join_txt #cell_num1{width:20%;text-align:center;}
.join_txt #cell_num2{width:40%;margin-left:5px;text-align:center;}
.join_txt #cell_num3{width:40%;margin-left:5px;text-align:center;}
.join_txt select {
  height: 40px;
  background: #f9f9f9;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 12px;
  padding-left: 10px;
  width: 27%;
}
.email_txt {
  margin-bottom: 10px;
}
.email_txt input {
  width: 73%;
}
.email_txt p:last-child {
  width: 26%;
  text-align: center;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  color: #fff;
  background: #fba557;
  margin-bottom: 0;
  font-weight: 300;
  cursor:pointer;
}

.phone_id {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  margin-bottom: 15px;
}
.phone_id p {
  font-size: 13px;
  font-weight: 300;
  color: #ccc;
  margin-bottom: 15px;
  line-height: 1.5;
}
.phone_id > p:first-child {
  text-align: left;
  font-size: 13px;
  color: #000;
  font-weight: 500;
}
.phone_id:not(:first-child) {
  text-align: center;
  font-weight:400;
}
.phone_id_button_01 {
  border: 1px solid #000;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  margin: 15px 0;
  font-weight: 600;
  cursor:pointer;
}
.phone_id_button_01:hover{
  border:1px solid #ccc;
}
.phone_id_button_01 a {
  font-weight: 500;
}
.phone_id_button_01 > div {
  width: 25px;
  height: 25px;
}
.phone_id_button_01 img {
  width: 100%;
}
.phone_id_button_02 {

  display: flex;
  display:none;
  justify-content: space-between;
  margin-bottom: 0;
}
.phone_id_button_02 input {
  width: 73%;
}
.phone_id_button_02 p {
  width: 25%;
  text-align: center;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  color: #fff;
  background: #fba557;
  margin-bottom: 0;
}
.phone_id_button_02 input {
  width: 73%;
}
.phone_id_button_02 .cert_btn{
  width: 25%;
  text-align: center;
  height: 40px;
  /* line-height: 40px; */
  font-size:14px;
  border-radius: 5px;
  color: #fff;
  background: #fba557;
  outline-color: #fba557;
  margin-bottom: 0;
}
.phone_id_button_03 p{
  color:#858585;
}

.email_auth_num{
  display:none;
}

.join_btn {margin-top: 5px;}
.join_txt .file_title{display:flex;justify-content:space-between;margin-bottom:2px;}
.join_txt .file_title p{margin-bottom:5px;}
.join_txt .file_title .exp{font-weight:700}
.join_txt label{
  background: #fba557;
  border-radius: 20px;
  padding: 7px 20px;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
  cursor:pointer;
}
.join_txt label:before{
  content:"";
}
.join_txt input[type="file"]{
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  border:0;
}
.join_txt .profile_button {
  background: #fba557;
  border-radius: 20px;
  padding: 7px 20px;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
}
.all_agree {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
  border: 1px solid #000;
  border-radius: 5px;
  height: 50px;
  margin: 20px 0;
  cursor:pointer;
}
.all_agree p {
  font-weight: 500;
  line-height: 20px;
  align-items: center;
  display: flex;
  position: relative;
}
.all_agree p img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.all_agree p img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.all_agree.on {
  background: #000;
  color: #fff;
}
.all_agree.on img:nth-child(2) {
  opacity: 1;
}
.all_agree.on img:nth-child(1) {
  opacity: 0;
}
.agree {
  font-size: 13px;
  line-height: 2;
  margin-bottom: 35px;
}
.agree div {
  display: flex;
  align-items: center;
  position: relative;
}
.agree div img {
  width: 15px;
  height: 15px;
  margin-right: 10px;
}
.agree p {
  color: #d85353;
}
.agree p span {
  border-bottom: none;
}
.agree a {
  display: block;
  color: #d85353;
}
.agree span {
  color: #000;
  border-bottom: 1px solid #000;
}
.agree img:nth-child(2) {
  position: absolute;
  top: 5.5px;
  left: 0;
  display: none;
}
.agree img:nth-child(1).on {
  opacity: 0;
}
.agree img:nth-child(2).on {
  display: block;
}
.agree .chk_hidden{display:none;}

.join_button_02 {
  width:100%;
  text-align: center;
  background: #fba557;
  border-radius: 30px;
  height: 40px;
  line-height: 0px;
  color:#fff;
  cursor:pointer;
  border:0;
  outline:none;
}
.join_button_02 a {
  color: #fff;
}
.pill {margin-right: 5px;}

/* find_id */
.fid_bg {
  background: #f2f2f2;
  height: 100%;
  padding-top: 250px;
  padding-bottom:120px;
  border:1px solid;
}
.fid_box {
  width: 40%;
  background: #fff;
  padding: 50px;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  box-shadow: 3px 3px 30px #eee;
  border:0;
}
.fid_content{
  width:80%;
  margin: 0 auto;
  height:100%;
}
.fid_content .title{
  width:100%;
  text-align:center;
  font-weight:700;
  font-size:18px;
  margin-bottom:50px;
}
.fid_content .fid_result_box{
  text-align:center;
  margin-bottom:20px;
}
.fid_content .view_id{
  padding:20px;
  text-align:center;
  width:100%;
  border:1px solid #ccc;
}
.fid_content .view_id div{
  color:#858585;
  height:40px;
  margin-top:10px;
}
.fid_content .view_id .id_info{
  color:#333;
  font-size:28px;
}
.fid_box .input_box input {
  display: block;
  margin-top: 10px;
  height: 40px;
  border-radius: 5px;
  border: 1px solid #999;
  padding-left: 10px;
  color: #858585;
  width: 100%;
}
.fid_box .input_box .sec{
  margin-top:20px;
}
.fid_button{
  margin-top:50px;
}
.find_btn{
  background: #F6861F;
  color: #fff;
  text-align: center;
  padding: 13px 10px;
  border-radius: 20px;
  width: 100%;
  display: block;
  outline:none;
  border:1px solid #ea9446;
}


/* index */
.padding {
  padding-top: 130px;
}
.sub_banner {
  background: url("../../img/hp/banner.jpg") center 56% no-repeat;
  background-size: cover;
  height: 240px;
}
.sub_banner_en {
  background: url("../../img/hp/en_banner_02.jpg") center 56% no-repeat;
  background-size: cover;
  height: 240px;
}
.main {
  height: 55vh;
  min-height: 600px;
}
.main > .inner {
  max-width: 1200px;
  height: 450px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
}
.left_visual {
  width: 15%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #e9ecf5;
  text-align: center;
  padding: 40px 0;
}
.left_visual i {
  margin-left: 5px;
  color: #088A08;
}
.left_visual > div, .left_visual > a  {
  background: #fff;
  box-shadow: 3px 3px 18px #b1b8ca;
  width: 80%;
  margin: 0 auto;
  padding: 20px;
}
.left_visual > div {
  margin-bottom: 20px;
  height: 254px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.left_visual > div p {
  line-height: 1.3;
  color: #1d2f61;
  font-weight: 600;
  font-size: 18px;
}
.left_visual > a {
  padding: 30px;
  line-height: 1.3;
  font-size: 14px;
  color: #21366b;
}
.left_visual > a p {
  font-weight: 500;
}
.left_visual > a p span {
  /* color: #ace634; */
  color: #088A08;
  font-weight: 500;
  margin-right: 3px;
}
.left_visual div div {
  width: 70px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.left_visual img {
  width: 100%;
}
.main_visual {
  width: 70%;
  height: 100%;
  overflow: hidden;
  position:relative;
  z-index: 0;
}
.right_visual {
  width: 12%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.right_visual p {
  color: #21366b;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}
.right_visual p span {
  font-size: 17px;
  color: #fba557;
  font-weight: 600;
}
.right_visual a {
  background: #fff;
  width: 95%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 3px 3px 15px #ddd;
  text-align: center;
  padding: 20px 0;
  cursor:pointer;

}
.right_visual a:last-child {
  margin-bottom: 0;
}
.r_visual_img {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  margin-bottom: 5px;
}
.right_visual a img {
  width: 100%;
}
.swiper-container {
      width: 100%;
      height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-wrapper > div:nth-child(1) {
  background: url("../../img/hp/main_visual_01.jpg") center center no-repeat;
  background-size: cover;
}
.swiper-wrapper > div:nth-child(2) {
  background: url("../../img/hp/main_visual_02.jpg") center center no-repeat;
  background-size: cover;
}
.swiper-wrapper > div:nth-child(3) {
  background: url("../../img/hp/main_visual_03.jpg") center center no-repeat;
  background-size: cover;
}

.swiper-container {
z-index: -100;
}
:root {
  --swiper-theme-color: #fff;
}

/* present */

.present_bg {
  width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 30px;
}
.present {
  background: #fff;
  width: 100%;
  padding-top: 40px;
}
.present > .inner {
  display: flex;
  position: relative;
}
.present_banner {
  width: 100%;
  height: 350px;
  background: url("../../img/hp/present_banner.jpg") center center no-repeat;
  background-size: cover;
}
.present_tit {
  width: 35%;
}
.present_tit h2 {
  font-size: 34px;
  font-weight: 400;
}
.present_tit h2 span {
  font-weight: 600;
  margin-right: 5px;
  display: block;
  font-size: 60px;
}
.present_tit > span {
  display: block;
  width: 70px;
  height: 3px;
  background: #000;
  margin-top: 20px;
}
.present_tit p {
  font-size: 40px;
  margin-top: 20px;
}
.present_tit .ovv {font-size: 48px;margin-top:20px;font-weight: 500;}
.present_content {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: -15%;
  right: 0;
  transform: translateY(-50%);
  width: 62%
}
.present_content > div {
  width: 32%;
  height: 270px;
  justify-content: space-between;
  position: relative;
  text-align: center;
  color: #fff;
}
.en_present_content > div {height: 370px;}
.img_box {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.img_box img {
  width: 100%;
}
.blue_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 18, 58, 0.6);
}
.present_content > div:nth-child(1) {
  background: url("../../img/hp/pic_01.jpg") center center no-repeat;
  background-size: cover;
}
.present_content > div:nth-child(2) {
  background: url("../../img/hp/pic_02.jpg") center center no-repeat;
  background-size: cover;
  margin-top: 50px;
}
.present_content > div:nth-child(3) {
  background: url("../../img/hp/pic_03.jpg") center center no-repeat;
  background-size: cover;
}
.present_content > div > div:nth-child(2) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 79%;
}
.present_content > div > div:nth-child(2) p {
  font-weight: 500;
  font-size: 17px;
}
.present_content > div > div:nth-child(2) p::after {
  content: "";
  width: 22px;
  height: 2px;
  background: #fff;
  display: block;
  margin: 0 auto;
  margin-top: 13px;
}
.present_content > div > div:nth-child(2) span {
  font-size: 14px;
  font-weight: 400;
  margin-top: 9px;
  display: block;
  line-height: 1.3;
}
.present_content > div > div:nth-child(2) .no_margin {margin-top: 0;}
.mission {
  width: 100%;
  height: auto;
  background: url("../../img/hp/present_banner_02.jpg") center center no-repeat;
  background-size: cover;
  margin-top: 150px;
  color: #fff;
  padding-bottom:1px;
}
.mission h4 {
  text-align: center;
  padding-top: 80px;
  font-size: 45px;
  font-weight: 400;
  letter-spacing: -2px;
  margin-bottom: 100px;
}
.mission h4 span {
  display: block;
  font-weight: 500;
  margin-top: 5px;
  color: #00a5e9;
  font-size: 60px;
  letter-spacing: -2px;
}
.mission .inner {
  position: relative;
  margin-bottom: 80px;
}
.mission_box {
  background: #fff;
  height: auto;
  color: #000;
  width: 97%;
  margin-left: 3%;
  margin-bottom: 30px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  line-height:1.3;
  padding: 50px 30px;
}
.mission_box > div {
  position: absolute;
  width: 150px;
  height: 130px;
  background: #00a5e9;
  color: #fff;
  top: 10%;
  left: 5%;
  transform: translate(-50%,-50%);
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* history */

.history_banner {
  width: 100%;
  height: 350px;
  background: url("../../img/hp/history_banner.jpg") center center no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
.history_tit {
  text-align: center;
  font-size: 34px;
  color: #fff;
  font-weight: 400;
}
.history_banner h2 {
  margin-bottom: 15px;
  font-weight: 300;
  letter-spacing: 10px;
  font-size: 30px;
}
.history_banner span {
  display: block;
  width: 460px;
  height: 4px;
  background: #fff;
  margin: 0 auto;
  margin-bottom: 10px;
}
.history_tit p {
  font-weight: 600;
  letter-spacing: 10px;
  font-size: 60px;
}
#ko_history_banner h2 {font-size: 26px; letter-spacing: 7px;}
#ko_history_banner span {width: 377px;}
.history {
  position: relative;
  height: auto;
  min-height: 872px;
  padding-bottom: 30px;
}
.history_year {
  width: 230px;
  height: 461px;
  border-right: 1px solid #ccc;
  position: absolute;
  top: -80px;
  left: 0;
}
#history_year_02 {
  top: 370px;
  height: 503px;
}
#history_content_02 {
  padding-top: 0
}
.year_box {
  width: 230px;
  height: 150px;
  background: #00a5e9;
  color: #fff;
  font-size: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.year_box h3 {
  font-weight: 600;
}
.spot {
  position: absolute;
  transform: translateX(-50%);
  left: 100%;
  width: 25px;
  height: 25px;
  background: #00a5e9;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.spot span {
  display: block;
  width: 11px;
  height: 11px;
  border-radius: 100%;
  background: #fff;
}


.spot_2021_01 {
  top: 206px;
}

.spot_2021_02 {
  top: 338px;
}
.spot_2021_03 {
  top: 315px;
}


.spot_2020_01 {
  top: 200px;
}

.spot_2020_02 {
  top: 198px;
}
.spot_2020_03 {
  top: 346px;
}


.en_spot_2021_01 {
  top: 173px;
}

.en_spot_2021_02 {
  top: 338px;
}
.en_spot_2021_03 {
  top: 315px;
}


.en_spot_2020_01 {
  top: 200px;
}

.en_spot_2020_02 {
  top: 170px;
}
.en_spot_2020_03 {
  top: 318px;
}



#history_content_02 > div {
  padding-top: 220px;
}
#en_history #history_content_02 > div {
  padding-top: 191px;
}
#en_history #history_content_02 > div:nth-child(2) {padding-top: 80px;}
.history_content > div:nth-child(2) {
  padding-top: 80px;
}
#history_content_02 > div:nth-child(2) {
  padding-top: 80px;
}



#en_history_content_02 > div {
  padding-top: 220px;
}
#en_history #en_history_content_02 > div {
  padding-top: 191px;
}
#en_history #en_history_content_02 > div:nth-child(2) {padding-top: 80px;}
.history_content > div:nth-child(2) {
  padding-top: 80px;
}
#en_history_content_02 > div:nth-child(2) {
  padding-top: 80px;
}




.history_content > div {
  margin-left: 270px;
  padding-top: 116px;
  display: flex;
}

.history_content h4 {
  font-size: 40px;
  font-weight: 600;
  margin-right: 30px;
}
.history_content ul {
  font-size: 20px;
  line-height: 1.7;
}


.en_history_content > div {
  margin-left: 270px;
  padding-top: 82px;
  display: flex;
}

.en_history_content h4 {
  font-size: 40px;
  font-weight: 600;
  margin-right: 30px;
}
.en_history_content ul {
  font-size: 20px;
  line-height: 1.7;
}



/* direction */

.company_banner {
  width: 100%;
  height: 300px;
  background: url("../../img/hp/company.jpg") center center no-repeat;
  background-size: cover;
  margin-bottom: 40px;
}
.company > div > ul {
  display: flex;
  justify-content: space-between;
  background: #f2f2f2;
  padding: 30px;
  border-radius: 10px;
  margin-bottom: 40px;
}
.company > div > ul li {
  width: 32%;
  display: flex;
  justify-content: space-between;
}
.company > div > ul li span {
  width: 70px;
  height: 70px;
  background: #0055a1;
  margin-right: 20px;
  border-radius: 100%;
  position: relative;
}
.company > div > ul li span img {
  width: 60%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.company > div > ul li div {
  width: 77%;
  padding-top: 5px;
  color: #444;
}
.company > div > ul li p {
  font-size: 14px;
  margin-top: 5px;
  line-height: 1.3;
  font-weight: 400;
}
.company > div > ul li h3 {
  font-weight: 500;
  color: #000;
}
.company_title {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.company h2 {
  font-weight: 600;
  font-size: 20px;
  display: flex;
  align-items: center;
}
.company h2 span {
  width: 5px;
  height: 22px;
  background: #0055a1;
  display: block;
  margin-right: 7px;
}
.company > div > div {
  margin-bottom: 40px;
}
.company .map {
  width: 100%;
  height: 450px;
  background: pink;
  margin-bottom: 20px;
}
.company div div ul li {
  display: flex;
  align-items: baseline;
  margin-bottom: 10px;
  line-height: 1.4;
}
.company div div ul li div:nth-child(1) {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-right: 25px;
  font-weight: 600;
  font-size: 17px;
}
.company div div ul li span {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: #b0d600;
  display: block;
  margin-right: 10px;
}
.company div div ul li div:nth-child(2) {
  color: #555;
  font-size: 15px;
}
.company div div ul li div:nth-child(2) h4 {
  font-size: 17px;
  font-weight: 500;
  color: #333;
  margin-bottom: 5px;
}

.company .traffic img{width:25px;height:25px;margin-right:3px;}
.company .traffic ul{display:flex;}
.company .traffic ul li:nth-child(2){margin-left:2%;margin-right:2%;}


#map {height: 600px;width: 100%;}
#map2 {height: 600px;width: 100%;margin-bottom:20px;}
.iw_strong{font-size:20px;font-weight:700;}
.iw_div{border:1px solid #ccc; border-radius:10px; padding:10px;}
.iw_div img{width:26px;height:26px;margin-left:10px;}
.iw_div hr{height:2px;margin:8px;}


/* supplier_01 */

.item_01, .add_rfq, .quotation, .mypage, .customer {
  margin-top: 50px;
  height: 100%;
  min-height: 700px;
}
.item_01 {height: 100vh;}
.supplier_01 {
  margin-top: 50px;
  height: auto;
  padding-bottom: 30px;
  min-height: 800px;
}
.tit {
  display: flex;
  font-weight: 600;
  font-size: 20px;
  align-items: center;
  margin-bottom: 25px;
}
.tit span {
  width: 5px;
  height: 22px;
  background: #0055a1;
  display: block;
  margin-right: 7px;
}
.supplier_01_tit {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  margin-top: 30px;
}
.supplier_01_tit h3 {
  display: flex;
  align-items: center;
  font-size: 19px;
}
.supplier_01_tit h3 span {
  width: 10px;
  height: 10px;
  background: #b0d600;
  border-radius: 100%;
  margin-right: 10px;
}
.supplier_01 .heavy {
  font-weight: 600;
  color: #00458d;
  margin-bottom: 20px;
  font-size: 19px;
}
.supplier_01 .heavy::before {
  content: "-";
  display: inline-block;
  font-weight: 600;
  margin-right: 5px;
}
.subsupp h3 {
  font-weight: 600;
  color: #00458d;
  margin-bottom: 20px;
  font-size: 19px;
}
.subsupp h3::before {
  content: "-";
  display: inline-block;
  font-weight: 600;
  margin-right: 5px;
}
.supplier_01_tit p {
  margin-left: 10px;
  font-weight: 600;
  color: #005fab;
}
.sup_box {
  /* width: 100%; */
  width: 60%;
  display: flex;
  align-items: center;
  background: #f7f7f7;
  justify-content: space-around;
  padding: 30px;
  height: 35%;
  /* padding: 60px;
  height: 500px; */
  margin-bottom: 30px;
}
.sup_box > div:not(:nth-child(2)) {
  background: #fff;
  box-shadow: 3px 3px 25px #ddd;
  display: flex;
  justify-content: space-around;
  position: relative;
  padding: 30px 20px;
  width: 40%;
}
.sup_box > div:nth-child(1) > div {
  background: #68bae1;
}
.sup_box > div:nth-child(3) > div {
  background: #005fab;
}
.sup_box ul {
  margin-top: 30px;
}
.sup_box ul li {
  margin-bottom: 20px;
  font-weight: 500;
}
.sup_title {
  position: absolute;
  top: 0;
  left: 50%;
  width:105px;
  transform: translate(-50%,-50%);
  background: #68bae1;
  color: #fff;
  padding: 15px 23px;
  text-align: center;
}
.sup_title_en {
  position: absolute;
  top: 0;
  left: 50%;
  width:125px;
  transform: translate(-50%,-50%);
  background: #68bae1;
  color: #fff;
  padding: 15px 23px;
  text-align: center;
  word-break: break-all;
  font-size: 14px;
  line-height:1.2;
}

.sup_title p {
  line-height: 1.2;
  font-size: 14px;
}
.sup_box > div:nth-child(1) > ul:nth-child(3) li {
  font-weight: 400;
  color: #666;
  display: flex;
  align-items: center;
}
.sup_box > div:nth-child(1) > ul:nth-child(3) img {
  width: 15px;
  margin-right: 5px;
}
.sup_box > div:nth-child(3) {
  justify-content: center;
  text-align: center;
}
.plus_ico {
  width: 30px;
  height: 30px;
}
.plus_ico img {
  width: 100%;
}
.supplier_01 > p {
  color: #68bae1;
  margin-top: 10px;
  margin-bottom: 50px;
  font-size: 14px;
}

/* supplier_02 */

.supplier_02 .sup_box li {
  text-align: center;
}

/* supplier_03 */

.sup_list {
  width: 100%;
  background: #f7f7f7;
  display: flex;
  flex-wrap: wrap;
  padding: 30px;
}
.sup_list > div:not(:nth-child(5n)) {
  margin-right: 1%;
}
.supplier03_box {
  background: #fff;
  box-shadow: 3px 3px 10px #ddd;
  width: 19%;
  padding: 20px;
  margin-bottom: 20px;
}
.logo_box {
  width: 70%;
  height: 100px;
  margin: 0 auto;
  position: relative;
}
.logo_box img {
  width: 100%;
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
}
.no_logo_box img {
  width: 25%;
}
.supplier03_box p {
  text-align: center;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
}

/* item_01 */

.item_01_list {
  display: flex;
  flex-wrap: wrap;
}
.item_01_list .noimage{width:60%}
.item_01_list li > span {
  width: 8px;
  height: 8px;
  display: inline-block;
  background: #b0d600;
  border-radius: 100%;
  margin-right: 15px;
}
.item_01_list > li {
  margin-bottom: 20px;
  background: #ebf2fa;
  padding: 25px 20px;
  width: 32.6%;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.item_01 .item_01_list > li:not(:nth-child(3n)) {
  margin-right: 1%;
}
.show_pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(255,255,255,0.4);
  z-index: 100;
  cursor: default;
  display: none;
}
.close_pic {
  position: relative;
  display: block;
}
.close_pic i {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 25px;
  font-weight: 500;
}
.item_01_list .show_pic {
  z-index: 5000;
}

.li_pic {
  width: 40%;
  height: 500px;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: block;
  background: #fff;
  box-shadow: 3px 3px 20px #ccc;
  text-align: center;
  cursor:pointer;
}
.li_pic div {
  position: relative;
  top: 48%;
  left: 50%;
  width:66%;
  height:450px;
  transform: translate(-50%,-50%);
}
.li_pic img {
  object-fit:contain;
  width: 100%;
  height:100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.li_pic p {
  color: #c5c5c5;
  font-size: 20px;
  font-weight: 600;
  margin-top: 10px;
}



/* add_rfq */

.add_rfq {
  height: 100%;
  min-height: 1200px;
}
.add_rfq p {
  line-height: 1.5;
}
.add_rfq > div:nth-child(2) {
  margin-bottom: 45px;
}
.add_rfq > div:nth-child(2) {
  margin-bottom: 45px;
}
.add_rfq > div > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}
.add_rfq > div > .add_btn {
  margin-bottom: 30px;
}
.add_rfq > div > div > div:nth-child(1) {
  width: 15%;
}
.add_rfq > div > div > div:nth-child(2) {
  width: 85%;
}
.add_rfq input {
  border: none;
  background: #f4f4f4;
  padding: 11px 13px;
  font-size: 14px;
  border-radius: 4px;
}
.add_rfq div > input {width: 100%;}
.quotation .add_rfq input {
  width: 100%;
}
#rfq .add_rfq input {
  width: 100%;
}
.add_rfq input::placeholder {
  color: #bbb;
}
.add_rfq i {
  cursor: pointer;
}
.add_rfq .rfq_cust{height:40px;width: 100%;border:none;background: #f4f4f4; padding: 10px;font-size: 14px;border-radius: 4px;}
.add_div > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}
.add_rfq .add_list {
  margin-bottom: 15px;
}
.add_rfq .add_list .add_head{
  display:flex;
  justify-content:space-between;
}
.add_rfq .add_list .iname{
  width:29%;
}
.add_rfq .add_list .itype{
  width:20%;
}
.add_rfq .add_list .iweight{
  width:20%;
}
.add_rfq .add_list .isum{
  width:18%;
}
.add_rfq .add_list .add_head div:last-child{
  width:3%;
}
.add_rfq .add_div > div > div {
  font-size: 14px;
}
.add_rfq .add_div > .add_head > div:nth-child(1) {width: 3%;}
.add_rfq .add_div .plus_div{width:100%;display:flex;flex-direction:column;}
.add_rfq .add_div .plus_div .plus_div_line{display:flex;flex-direction:row;justify-content:flex-start;width:100%;margin-bottom:20px;padding-left:185px;justify-content: space-between;}
.add_rfq .add_div .plus_div_line:last-child {margin-bottom: 0;}
.add_rfq .add_div .pnum{display:flex;align-items:center;width: 3%;}
.add_rfq .add_div .pname {width: 29%}
.add_rfq .add_div .psel {width: 20%}
.add_rfq .add_div .psel .item_sel{height:46px;}
.add_rfq .add_div .pwei input{text-align:center;}
.add_rfq .add_div .pwei {width: 20%}
.add_rfq .add_div .pquan {width: 18%}
.add_rfq .add_div .pquan input{text-align:center;}
.add_rfq .add_div .picon{display:flex;align-items:center;justify-content:center;}
.add_rfq .add_div .plus_div .noclick{cursor:default;}
.add_rfq .sero{flex-direction:column;}
.add_rfq .sero input{text-align:center;}
.add_rfq .sero .add_div{width:100%;}
.add_rfq .sero .add_div div:first-child{width:15%}
.add_rfq .sero .add_div div:nth-child(2){width:3%}
.add_rfq .sero .add_div div:nth-child(3){width:30%}
.add_rfq .sero .add_div div:nth-child(4){width:25%}
.add_rfq .sero .add_div div:nth-child(5){width:18%}
.add_rfq .sero .add_div div:nth-child(6){width:14%}
#capture .tit button{font-size:14px;font-weight:500;margin-left:60px;height:30px;}
.process .d_txt {width: 100%; font-size: 13px;background: none; margin-top: 10px;margin-left: 10px;text-align: right;}
.process .add_list div{display:flex;justify-content:space-between;}
.process .add_list div > div{display: flex;justify-content: center;align-items: center;}
.process .add_list div > div:nth-child(1){width:3%;}
.process .add_list div > div:nth-child(2){width:30%;}
.process .add_list div > div:nth-child(3){width:25%;}
.process .add_list div > div:nth-child(4){width:18%;}
.process .add_list div > div:nth-child(5){width:14%;}
.process .add_div_txt div > div:nth-child(1){width:3%;}
.process .add_div_txt div > div:nth-child(2){width:30%;}
.process .add_div_txt div > div:nth-child(3){width:25%;}
.process .add_div_txt div > div:nth-child(4){width:18%;}
.process .add_div_txt div > div:nth-child(5){width:14%;}
.process a{color:#858585;}
.process a:hover{text-decoration: underline;color:#5858FA}
.process .padding{padding-top:130px;}
.process .add_rfq_btn{text-align:center;display:flex;justify-content:flex-end;margin-bottom:20px;}
.process .add_rfq_btn button{width:150px;background: #fba557; color: #fff;font-weight: 500;padding: 13px 0;border-radius: 30px;border:0;outline:none;}
.process .add_rfq_btn .del{background:#72bd3b;margin-right:30px;}
.process .add_rfq_btn .pri{background:#036eb7;margin-right:30px;width:175px;}

.add_btn {
  text-align: center;
}
.add_btn div:first-child {
  width: 15%;
}
.add_btn div:nth-child(2) {
  display: flex;
  justify-content: flex-end;
}
.add_btn div:nth-child(2) p {
  background: #4073bc;
  color: #fff;
  border-radius: 5px;
  padding: 13px 0;
  font-size: 15px;
  cursor: pointer;
  width: 100%;
}
.check_div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.check_div > div > div {
  display: flex;
  align-items: center;
}
.check_div > div:nth-child(2) {
  display: flex;
  align-items: center;
  width: 85%;
  justify-content: flex-start;
}
#rfq .check_div > div:nth-child(2) input {
  width: 40%;
}
#rfq .check_div > div:nth-child(2) > div:nth-child(1) {
  width: 13%;
}
#rfq .check_div > div:nth-child(2) > div:nth-child(1) label{width:100%}
#rfq .check_div > div:nth-child(2) > div:nth-child(2) {
  width: 10%;
}
#rfq .check_div > div:nth-child(2) > div:nth-child(2) label{width:100%}
#rfq .check_div > div:nth-child(2) > div:nth-child(3) {
  width: 10%;
}
#rfq .check_div > div:nth-child(2) > div:nth-child(3) label{width:100%}
#rfq .check_div > div:nth-child(2) > div:nth-child(4) {
  width: 10%;
}
#rfq .check_div > div:nth-child(2) > div:nth-child(4) label{width:100%}
#rfq .check_div > div:nth-child(2) > div:nth-child(5) {
  width: 60%;
}
#rfq .check_div > div:nth-child(2) > div:nth-child(5) input {
  width: 100%;
}
.add_rfq .rfq_purpose > div:nth-child(2) > div {
  width: 100%;
}
.add_rfq .rfq_purpose > div:nth-child(2) > div input {
  width: 100%;
}
.check_div .etc_txt{height:46px;}
.check_div .etc_txt input{display:none;}
.add_rfq > div > .add_file {
  margin-bottom: 0;
}
.add_rfq_btn {text-align:center;display:flex;justify-content:space-between;}
.add_rfq_btn button{
  background: #036eb7;
  color: #fff;
  font-weight: 500;
  padding: 11px 35px;
  border-radius: 30px;
  border:0;
  outline:none;
}
.add_rfq > div > .file_line > .upfile_div {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.add_rfq > div > .add_rfq_btn_div {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.add_rfq .add_rfq_btn_div > .add_rfq_btn {width: 240px;}

.file_list{width:100%;height:100px;border:1px solid #ccc;border-radius:5px;padding:10px;margin-bottom:10px;display:flex;font-size:13px;flex-wrap: wrap;}
.file_list p{margin-right:15px;color:#858585;}
.file_list div{display:flex;flex-direction:column;}
.file_list a{margin-right:10px;}
.file_list a:hover{text-decoration: underline;color:#5858FA}
.sign_list a:hover{text-decoration: underline;color:#5858FA}
.upfile_div label{width:85px; background: #818181;border-radius:30px;color: #fff;font-size: 100%;font-weight: 400;text-align:center;cursor:pointer;padding: 7px 15px;font-size: 13px;}
.upfile_div input[type="file"]{width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.btn_div{width:100%;}

.sign_list label{ width: 100%;height: 46px;background: #818181;border-radius:5px;line-height: 46px;color: #fff;font-size: 100%;font-weight: 400;text-align:center;cursor:pointer;}
.sign_list input[type="file"]{width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.sign_list input{outline:none;}


/* process */

.process_div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 120px;
}
.currency div div {margin-right: 20px;}
.currency div div label input {margin-right: 5px;}
.process_box {
  background: #F7C27C;
  height: 100%;
  width: 25%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}
.pro1{
  background:#ffedc6;
}
.pro2{
  background:#ffe2a2;
}
.pro3{
  background:#ffd474;
}
.process_box p {
  font-size: 13px;
  margin-top: 10px;
}
.process_box p span {
  display: block;
  font-size: 13px;
  color: #555;
  font-weight: 500;
  margin-bottom: 3px;
}
.process_ico {
  width: 40px;
}
.process_ico img {
  width: 100%;
}
.add_div > .add_none {
  display: none;
}
.process .add_div_txt > div:nth-child(3) {
  width: 85%;
  display:flex;
}
.process .add_div_txt > .garo{display:flex;flex-direction:row;}

/* quotation */

.add_rfq_btn .doc{background:#036eb7;color:#fff;margin-right:30px;}
.quotation {
  height: 100%;
}
.quotation p {
  line-height: 1.5;
}
.quotation > div:nth-child(2) {
  margin-bottom: 45px;
}
.quotation > div > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.quotation > div > div > div:nth-child(1) {
  width: 15%;
}
.quotation > div > div > div:nth-child(2) {
  width: 85%;
}
.quotation .file_line {justify-content: flex-end;margin-bottom: 25px;align-items: flex-end;}
.quotation .file_line .upfile_div {width: 85px;}
.quotation .add_file {margin-bottom: 0;}
.quotation .add_rfq_btn_div {justify-content: flex-end;}
.add_rfq_btn_div a button {padding: 11px 10px; background: #fba557; color: #fff;border-radius: 30px;outline: none;width: 90px;border: none;}
.add_rfq_btn a button {background: #fba557;}
.quotation .add_rfq_btn_div a button {padding: 11px 10px; background: #fba557; color: #fff;border-radius: 30px;outline: none;width: 90px;border: none;}
.quotation .add_rfq_btn_div .add_rfq_btn {width: 250px;}
.quotation input {
  width: 100%;
  border: none;
  background: #f4f4f4;
  padding: 13px;
  font-size: 14px;
  border-radius: 4px;
}
.quotation .add_list {
  margin-bottom: 0;
}
.add_rfq .add_list > div:nth-child(1) {margin-bottom: 0;}
.quotation .add_div > div > div {
  font-size: 14px;
}
.quotation .add_div > div > div:nth-child(1) {
  width: 3%;
}
.quotation .add_div > div > div:nth-child(2) {
  width: 20%;
}
.quotation .add_div > div > div:nth-child(3) {
  width: 15%;
}
.quotation .add_div > div > div:nth-child(4) {
  width: 15%;
}
.quotation .add_div > div > div:nth-child(5) {
  width: 15%;
}
.quotation .add_div > div > div:nth-child(6) {
  width: 15%;
}
.quotation .add_div input{text-align:center}

.quotation select {
  width: 100%;
  border: none;
  border-radius: 4px;
  background: #f4f4f4;
  padding: 12px 0;
}
.total_price {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  text-align: center;
  padding: 13px 0;
  display: flex;
  justify-content: space-between;
  align-items:center;
}
.total_price > div:nth-child(1) {
  border-right: 1px solid #ddd;
  width: 30%;
}
.total_price > div:nth-child(6) {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  width: 35%;
  height:100%;
  padding-right:5px;
  text-align:right;
  color:#555;
}
.total_price .total .tp{font-size:25px;margin-right:10px;}
.total_price .total select{width:30%}
.quotation .detail_list > div:nth-child(2) {
  width: 14%;
}
.quotation .detail_list > div:nth-child(3) {
  width: 70%;
}
.quotation .sign_list > div:nth-child(2) {display: flex;justify-content: space-between;}
.quotation .sign_list > div:nth-child(2) > div:nth-child(1){
  width: 86%;
}
.quotation .sign_list > div:nth-child(2) > div:nth-child(2) {
  width: 12%;
}
.quotation .sign_list > div:nth-child(3) {
  width: 9%;
  text-align: center;
}
.sign_list > div:last-child p {
  padding: 15px 0;
  background: #aaa;
  border-radius: 3px;
  color: #fff;
}

.quotation .proc_btn{display:flex;justify-content:flex-end;}
.quotation .del{background:#036eb7;}

#my_detail{width:100%;padding: 100px 0;background: #f5f5f5;}
#my_detail .form-control {height: 43px;}
#my_detail .cont{width:70%;margin:0 auto;padding: 50px 70px;background: #fff;box-shadow: 1px 1px 10px #ccc;border-radius: 10px;}
#my_detail .cont .md_title{width:100%;text-align: center;}
#my_detail .cont .md_title h1{font-size:25px; font-weight:700;margin-bottom: 40px;}
#my_detail .cont .md_txt{display:flex;justify-content:flex-start;align-items:center;padding-bottom: 30px;}
#my_detail .cont .md_txt h3{width:15%;text-align: left;}
#my_detail h3:nth-child(1) {font-weight: 500;}
#my_detail .cont .md_txt > div {width: 85%;display: flex;justify-content: space-between;}
#my_detail .cont .mail{height:120px;width:100%;}
#my_detail .cont .mail div{width:100%;}
#my_detail .cont .mail .input_mail{display:flex;width:100%;}
#my_detail .cont .mail .input_mail input{height:40px;margin-bottom:8px;}
#my_detail .cont .mail .notice_mail{font-size:12px;color:#FA5882}
#my_detail .md_txt #md_phone > div {width: 82%;display: flex;}
#my_detail #tel_num1{width:19%;text-align:center;}
#my_detail #tel_num2{width:80%;text-align:left;}
#my_detail #fax_num1{width:19%;text-align:center;}
#my_detail #fax_num{width:80%;}
#my_detail #cell_num1{width:26%;text-align:center;}
#my_detail #cell_num2{width:37%;margin-left:5px;text-align:center;}
#my_detail #cell_num3{width:37%;margin-left:5px;text-align:center;}
#my_detail #email{width:100%;}
#femail { width: 84%;}
.cert_input {width: 82%;}
#my_detail .cert_btn{width:17%;text-align: center;height: 43px;font-size:14px;border-radius: 5px;color: #fff;background: #036eb7;outline-color:#036eb7;margin-bottom: 0;border:0;}
#my_detail .send_btn{width:17%;text-align: center;height: 43px;font-size:14px;border-radius: 5px;color: #fff;background: #036eb7;outline-color:#036eb7;margin-bottom: 0;border:0;}

#my_detail .profile_img{display:flex;justify-content:flex-start;align-items:center;width:100%;height:120px;margin-bottom:20px;}
#my_detail .profile_img h3{width:15%;text-align: left;}
#my_detail .logo_img{display:flex;justify-content:flex-start;align-items:center;width:100%;height:120px;margin-bottom:20px;}
#my_detail .logo_img h3{width:15%;text-align: left;}

#my_detail .photo_box{width:85%;height:90px;border-radius:5px;}
#my_detail .photo_box div{border-radius:5px;display: flex;align-items: flex-end;justify-content: flex-start;}
#my_detail .photo_box .file_custom {height:100%;width:50%;}
#my_detail .photo_box .file_custom label {background-color:rgba(0, 0, 0, 0.6);font-size:13px;color:#fff;padding:8px 15px;border-radius:50px;text-align:center;margin-left: 170px;}
#my_detail .photo_box .file_custom label:before{content:"";}
#my_detail .photo_box .file_custom input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
#my_detail .photo_box .file_custom1 {height:100%;width:100%;}
#my_detail .photo_box .file_custom1 label {background-color:rgba(0, 0, 0, 0.6);font-size:13px;color:#fff;padding:8px 15px;border-radius:50px;text-align:center;margin-left: 170px;}
#my_detail .photo_box .file_custom1 label:before{content:"";}
#my_detail .photo_box .file_custom1 input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
#my_detail .photo_box label {cursor: pointer;margin-top: 10px;border-radius: 30px; padding: 0 15px; background: #aaa; color: #fff;line-height: 30px;font-size: 14px;}
#my_detail .cont .submit_div{width:20%;margin:0 auto;margin-top: 50px;display: flex;align-items: center; justify-content: center;}
#my_detail .cont .submit_div .submit_btn{width:100%;min-width: 113px;text-align: center;height:43px;font-size:17px;font-weight: 500;border-radius:20px;color: #fff;background: #fba557;outline:none;margin-bottom: 0;border:0;}


/* notice */

.table_div tr:not(:first-child) {background: #f6fafd;}
.table_div tr:first-child td {font-weight: 500;}
#notice{width:100%;margin-top:50px;min-height:585px;}
#notice .cont{max-width:1200px;margin:0 auto;}
#notice .cont .notice_cont{width:100%;}
#notice .cont .notice_cont .table_div{width:100%; border-top:2px solid #333;}
#notice .cont .notice_cont h2{margin-bottom:30px;}
#notice .cont .notice_cont .table_div tr:hover{cursor:pointer; background:#e3eef7;}
#notice .cont .notice_cont .table_div td{vertical-align:middle;border-bottom:1px solid #ccc;}
#notice .cont .notice_cont .table_div .td_no{height:80px;width:40px;text-align:center;color:#858585;}
#notice .cont .notice_cont .table_div .td_imp{width:40px;text-align:center;}
#notice .cont .notice_cont .table_div .td_imp .imp_mark{border:1px solid #F6861F;padding:3px 5px;border-radius:5px;background:#F6861F;color:#fff;font-size: 10px;}
#notice .cont .notice_cont .table_div .td_title{width:75%;padding-left:10px;}
#notice .cont .notice_cont .table_div .td_title p {line-height: 20px;display: flex;align-items: center;}
#notice .cont .notice_cont .table_div .td_wdate{width:150px;text-align:center;color:#858585;}
#notice .cont .notice_cont .table_div .td_view{width:60px;text-align:center;color:#858585;}
#notice .cont .notice_cont .table_div .paging{border:0;text-align:center;background:#fff;cursor:default;}
.td_head{text-align:center;color:#000;;height:50px;}
#notice .cont .notice_cont .table_div tr:nth-child(1):hover {background: #fff;cursor:default;}
#notice .cont .notice_cont .table_div .nod:hover{cursor:default; background:none}
#notice .cont .notice_cont .table_div .nod{width:100%;}
#notice .cont .notice_cont .table_div .nod .notd{width:100%;text-align:center;font-size:18px;font-weight:700;border:0;height:180px;}

tr {padding: 0 10px;}
table {width: 100%;}
#notice tr:last-child {border-top:2px solid #333;}
.list_rfq tr:last-child {border-top:2px solid #333;}
#industry tr:last-child {border-top:2px solid #333;}
.imp {color: #fff;border-radius: 7px;font-size: 13px;margin-right: 3px;width: 18px;height: 18px;}
.imp img {width: 18px; height: 18px;}
.fileicon { width: 22px; height: 22px;display: inline-block;margin-left: 5px;}
.fileicon img {width: 100%;}

/* notice_detail */
#notice_detail{width:100%;margin-top:50px;height: 100%;min-height: 730px;}
#notice_detail .cont{max-width:1200px;margin:0 auto;}
#notice_detail .cont .notice_cont{width:100%;padding-bottom:30px;}
#notice_detail .cont .notice_cont .table_div{width:100%;border-top:2px solid #858585;padding:20px 10px;}
#notice_detail .cont .notice_cont h2{margin-bottom:30px;}
#notice_detail .cont .notice_cont .no_title{width:100%;display:flex;justify-content:space-between;align-items:center;border-top:2px solid #858585;border-bottom:1px solid #ccc;padding: 10px;}
#notice_detail .cont .notice_cont .no_title h3{font-size:18px; font-weight:700;}
#notice_detail .cont .notice_cont .no_title .right{display:flex;justify-content:space-between;color:#858585;}
#notice_detail .cont .notice_cont .no_title .right h4 {margin-left: 10px;display: flex;font-size: 14px;}
#notice_detail .cont .notice_cont .no_title .right h4 i {display: none;margin-right: 5px;}
#notice_detail .cont .notice_cont .no_title .right h4 p {margin-right: 5px;}
#notice_detail .cont .notice_cont .no_content{min-height:350px;padding: 40px;background: #f7f7f7;line-height:150%;}
#notice_detail .cont .notice_cont .no_content pre{overflow:hidden;white-space:pre-wrap}
/* #notice_detail .cont .notice_cont .no_content img{width:100%;min-width:100px; max-width:500px;} */
#notice_detail .cont .notice_cont .list_btn_div{width:100%;text-align:right;margin-top:20px;}
#notice_detail .cont .notice_cont .list_btn_div .list_btn{color: #fff;background:#fba557;width:120px;height:40px;border-radius:20px;outline:none;border:0;}
#notice_detail .cont .notice_cont .attach{display:flex;justify-content:space-between;align-items:center; }
#notice_detail .cont .notice_cont .attach .attfile{width:80%;text-align:left;}
#notice_detail .cont .notice_cont .attach .attfile a{color:#858585;margin-right:15px;}
#notice_detail .cont .notice_cont .attach .attfile a:hover{text-decoration: underline;color:#5858FA}
#notice_detail .cont .notice_cont .attach .attfile_btn{width:10%;}
#notice_detail .cont .notice_cont .attach .attfile_btn .list_btn{width:100%;}
/* #notice_detail .notice_cont img{width:100%} */

/* industry */
#industry{width:100%;margin-top:50px;min-height:585px;}
#industry .cont{max-width:1200px;margin:0 auto;height:100%;}
#industry .cont .notice_cont{width:100%;}
#industry .cont .notice_cont .table_div{width:100%; border-top:2px solid #333;}
#industry .cont .notice_cont h2{margin-bottom:30px;}
#industry .cont .notice_cont .table_div table{width:100%;}
#industry .cont .notice_cont .table_div tr:hover{cursor:pointer; background:#e3eef7;}
#industry .cont .notice_cont .table_div td{vertical-align:middle;border-bottom:1px solid #ccc;}
#industry .cont .notice_cont .table_div .td_no{height:80px;width:40px;text-align:center;color:#858585;}
#industry .cont .notice_cont .table_div .td_imp{width:60px;text-align:right;}
#industry .cont .notice_cont .table_div .td_title{width:75%;padding-left:10px;text-align:left;}
#industry .cont .notice_cont .table_div .td_wdate{width:150px;text-align:center;color:#858585;}
#industry .cont .notice_cont .table_div .td_view{width:60px;text-align:center;color:#858585;}
#industry .cont .notice_cont .table_div .paging{border:0;text-align:center;background:#fff;cursor:default;}
#industry .cont .notice_cont .table_div tr:nth-child(1):hover {cursor: default; background: #fff;}
#industry .cont .notice_cont .table_div .nod:hover{cursor:default; background:none}
#industry .cont .notice_cont .table_div .nod{width:100%;}
#industry .cont .notice_cont .table_div .nod .notd{width:100%;text-align:center;font-size:18px;font-weight:700;border:0;height:180px;}
#industry .ibottom {display: flex;margin-top:10px;font-size: 13px;color: #aaa;}
#industry .ibottom .idate {margin-right: 10px;font-weight: 300;}
#industry .ibottom .iview {font-weight: 300;}
#industry .ibottom i {margin-right: 5px;font-size: 14px;}
/* #notice .nbottom {display: flex;margin-top:10px;font-size: 13px;color: #aaa;}
#notice .nbottom .idate {margin-right: 10px;font-weight: 300;}
#notice .nbottom .iview {font-weight: 300;}
#notice .nbottom i {margin-right: 5px;font-size: 14px;} */
.ndate, .nview {font-weight: 100;}

/* mypage */

.profile_box {
  width: 100%;
  height: 210px;
  background: #f7f7f7;
  border-radius: 10px;
  padding: 30px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.profile_box > div {
  display: flex;
}
.profile {
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 360px;
  padding: 10px 0;
}
.profile h3 {
  font-size: 30px;
  margin-bottom: 10px;
}
.profile ul {
  display: flex;
  justify-content: space-between;
  background: #fff;
  height: 80px;
  padding: 15px;
  border-radius: 5px;
}
.profile ul li {
  width: 33%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  cursor:pointer;
}
.profile ul li p {
  margin-bottom: 10px;
  font-size: 17px;
  font-weight: 500;
  color: #0055a1;
}
.profile ul li > span {
  color: #555;
  font-size: 13px;
  font-weight: 400;
}
.profile ul li p span {
  font-size: 20px;
  color: #fba557;
  margin-right: 2px;
}
.profile_pic {
  width: 150px;
  height: 150px;
  overflow: hidden;
  border-radius: 100%;
  position: relative;
}
.profile_pic img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 120%;
}
.profile_btn {
  background: #0055a1;
  color: #fff;
  padding: 15px 45px;
  border-radius: 5px;
}
.profile_btn a {
  color: #fff;
}
.rfq_list {
  font-size: 20px;
  margin-bottom: 40px;
}
.rfq_list .tit {
  margin-bottom: 0;
  font-weight: 600;
}
.rfq_list > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
}
.rfq_list > div:nth-child(1) > a {
  font-size: 14px;
  background: #c5dc95;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
}
.rfq_list > div:nth-child(2) {
  border-top: 2px solid #333;
  border-bottom: 2px solid #333;
  margin-top: 20px;
  padding: 10px 0;
}
.rfq_list ul {
  width: 100%;
}
.rfq_list li {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  padding: 30px 20px;
  border-bottom: 1px solid #ccc;
}
.rfq_list li:last-child {
  border: none;
}
.list {
  display: flex;
}
.list_pic {
  width: 130px;
  overflow: hidden;
  height: 100px;
  /* background: pink; */
  border-radius: 10px;
  margin-right: 20px;
  position: relative;
}
.list_pic img{width:100%;position: absolute;top: 50%; left: 50%; transform: translate(-50%,-50%);}
.rfq_list li .state{border:1px solid;border-radius:20px;color:#fff;background:#AAAAAA;font-size:15px;text-align:center;padding: 10px 35px;}
.rfq_list li .ok{background:#FBA557}
.rfq_list li .no{background:#0055a1}
.rfq_list li .en {padding: 11px 20px;}


.list_txt {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 5px 0;
}
.list_txt h4 {
  font-weight: 500;
  font-size: 22px;
}
.list_txt p {
  font-size: 16px;
  margin-top: 20px;
}
.list_txt > div {
  display: flex;
  flex-direction: column;
}
.list_txt span {
  font-size: 15px;
  color: #666;
}
.rfq_t_btn {
  background: #fba557;
  border: none;
  color: #fff;
  font-size: 17px;
  padding: 10px 27px;
  border-radius: 30px;
}
.rfq_f_btn {
  background: #ccc;
  border: none;
  color: #fff;
  font-size: 17px;
  padding: 10px 20px;
  border-radius: 30px;
}


/* rfq_list */

.list_rfq{width:100%;margin-top:50px;min-height: 585px;}
.list_rfq .cont{max-width:1200px;margin:0 auto;}
.list_rfq .cont .notice_cont{width:100%;}
.list_rfq .cont .notice_cont .table_div{width:100%; border-top:2px solid #000;}
.list_rfq .cont .notice_cont .table_div table{width:100%;}
.list_rfq .cont .notice_cont h2{margin-bottom:30px;}
.list_rfq .cont .notice_cont .table_div tr:hover{cursor:pointer; background:#e3eef7;}
.list_rfq .cont .notice_cont .table_div .nod:hover{cursor:default; background:none}
.list_rfq .cont .notice_cont .table_div .nod{width:100%;}
.list_rfq .cont .notice_cont .table_div .nod .notd{width:100%;text-align:center;font-size:18px;font-weight:700;border:0;height:180px;}
.list_rfq .cont .notice_cont .table_div td{vertical-align:middle;border-bottom:1px solid #ccc;text-align:center;}
.list_rfq .cont .notice_cont .table_div .td_recode {width: 13%;}
.list_rfq .cont .notice_cont .table_div .td_no{height:3%;width:40px;color:#858585;height:110px;}
.list_rfq .cont .notice_cont .table_div .td_logo{width:0;}
.list_rfq .cont .notice_cont .table_div .td_logo .logo_img{width:100px;height:100px;padding:5px;margin:0 auto;}
.list_rfq .cont .notice_cont .table_div .td_logo .logo_img img{min-width:80px; width:90px;}
.list_rfq .cont .notice_cont .table_div .td_code{width:15%}
.list_rfq .cont .notice_cont .table_div .td_title{width:54%;}
#list_quo .cont .notice_cont .table_div .td_title{width:43%;}
#list_quo .cont .notice_cont .table_div .td_title div {text-align: center;}
#list_quo .cont .notice_cont .table_div .td_recode{width: 11%;}
.list_rfq .cont .notice_cont .table_div .td_wdate{width:10%;text-align:center;color:#858585;}
.list_rfq .cont .notice_cont .table_div .td_state{text-align:center;color:#858585;}
.list_rfq .cont .notice_cont .table_div .td_state .state{min-width: 170px;max-width:70%;width:66%;border-radius:30px;color:#fff;background:#AAAAAA;margin: 0 auto;}
.list_rfq .cont .notice_cont .table_div .td_state .state p {line-height: 24px;font-size: 14px;}
.list_rfq .cont .notice_cont .table_div .td_state .complete {padding: 3px 10px;}
.list_rfq .cont .notice_cont .table_div .td_state .state {padding: 5px 10px;}
.list_rfq .cont .notice_cont .table_div .td_state .ok{background:#FBA557}
.list_rfq .cont .notice_cont .table_div .td_state .no{background:#036eb7}
.list_rfq .cont .notice_cont .table_div .paging{border:0;text-align:center;background:#fff;cursor:default;}
.paging {padding: 30px 0;padding-top: 20px;}
.list_rfq .cont .notice_cont .table_div tr:nth-child(1):hover{cursor:default; background:#fff;}
.quo_guide {
  text-align: left;
  font-size: 13px;
  margin-bottom: 20px;
}
.quo_guide p {margin-bottom: 10px;}
.quo_guide_btn {background: #ccc;border-radius: 30px; padding: 7px 15px;font-size: 11px;color: #fff;font-weight: 500;min-width: 60px;display: inline-block;text-align: center;margin-right: 10px;min-width: 100px;}
#quo_guide_02 {background:#FBA557;}
#quo_guide_03 {background:#0055a1;}

/* customer01 */

.customer .item_01_list {
  padding-top: 20px;
}
.customer .item_01_list li {
  width: 19%;
  margin-bottom: 20px;
  align-items: center;
  padding: 80px 15px;
  cursor: default;
  position: relative;
}
.customer .item_01_list li div {
  width: 15px;
  position: absolute;
}
.customer .item_01_list li div:nth-child(1) {
  top: 10px;
  left: 10px;
}
.customer .item_01_list li div:nth-child(2) {
  bottom: 10px;
  right: 10px;
}
.customer .item_01_list div img {
  width: 100%;
}
.customer .item_01_list li:not(:nth-child(5n)) {
  margin-right: 1%;
}
.customer .item_01_list li p {
  text-align: center;
  font-weight: 500;
  font-size: 17px;
  margin: 0 auto;
}
.customer_list {
  display: flex;
  align-items: center;
}
.customer_list li {
  margin-bottom: 10px;
  font-size: 17px;
  margin-right: 20px;
  padding: 15px 25px;
  border-radius: 5px;
  cursor: pointer;
  background: #f2f2f2;
}
.customer_list .on_css{
  font-weight: 600;
  border: 1px solid #333;
  background:#fff;
  box-shadow: 2px 2px 10px #ccc;
}
.pro_company  {
  display: none;
}

#msg {display: none;width: 100%;height: 100vh;position: absolute;top: 0; left: 0;}
#msg.on {display: block;}
#msg .msg_reply{position:fixed;top:50%;left:50%;transform: translate(-50%,-50%);display:block;width:65%;height:64%;z-index:5;display:none;}
/* #msg .msg_reply .reply_cont{border:1px solid;width:100%;height:100%;display:flex;justify-content:space-between;overflow:auto;background: #fff;} */
#msg .msg_reply .reply_cont{width:100%;height:100%;min-height: 367px;display:flex;flex-direction:column;background: #fff;border-radius: 10px;box-shadow: 1px 1px 30px #aaa;}
#msg .msg_reply .reply_cont .rep_top_menu{width:100%;display:flex;justify-content:space-between;align-items: center;padding: 15px;}
/* #msg .msg_reply .reply_cont .rep_top_menu div{border:1px solid;} */
#msg .msg_reply .reply_cont .top_div{display:flex;justify-content:flex-end;}
#msg .msg_reply .reply_cont .rep_top_menu .form-control {padding: 6px;border: none;color: #000;font-weight: 400;box-shadow: none;}
#msg .msg_reply .reply_cont .rep_top_menu .rep_top_right {display: flex;}
#msg .msg_reply .reply_cont .rep_top_menu #msg_stxt {border: none;width: 150px;font-size: 13px;font-weight: 400;line-height: 27px;}
#msg .msg_reply .reply_cont .rep_top_menu .top_rbtn input::placeholder {color: #000;}
#msg .msg_reply .reply_cont .rep_top_menu .bottom_div{margin-left: 10px;}
#msg .msg_reply .reply_cont .rep_top_menu .btni{font-size:26px;cursor:pointer;}
#msg .msg_reply .reply_cont .rep_top_menu div:hover{cursor:pointer;}
#msg .msg_reply .reply_cont .rep_mid_menu {background: #e1e5e9; height: 45px; line-height: 45px;}
#msg .msg_reply .reply_cont .rep_mid_menu .top_div {display: flex;justify-content: space-between;color: #fff;}
#msg .msg_reply .reply_cont .rep_mid_menu .top_div > div {text-align: center;width: 50%;}
#msg .msg_reply .reply_cont .rep_body{display:flex;height: 83%;min-height: 234px;justify-content: space-between;padding-bottom: 20px;}
#msg .rep_send_box{display:none;height:93%;margin: 0 auto;margin-top:30px;min-height: 333px;width: 95%;border-radius: 15px;background: #f5f6f9;padding-bottom: 30px;}
#msg .rep_send_box .send_box{margin-top:20px;text-align:center;height: 76%;}
#msg .rep_send_box .send_box h3{margin-bottom:20px;}
#msg .rep_send_box .send_box .send{margin:0 auto;width:90%;height:87%;padding:10px;resize:none;}
#msg .rep_send_box .send_btn{margin-top:30px;text-align:center;}
#msg .rep_send_box .send_btn button{margin:0 auto;width: 80px;color: #fff;background: #fba557}
#msg .rep_left_box {background: #f5f6f9;border-radius: 20px;margin-top: 20px;width: 46%;margin-left: 20px;height: 95%;min-height: 222px;}
#msg .rep_left {overflow: auto;height:88%;}
.rep_left::-webkit-scrollbar {
    width: 10px;
  }
  .rep_left::-webkit-scrollbar-thumb {
    background-color: #9cc0d8;
    border-radius: 10px;
    background-clip: padding-box;
    border: 2px solid transparent;
  }
  .rep_left::-webkit-scrollbar-track {
    background-color: #e6e8ec;
    border-radius: 10px;
  }
  .rep_body.on {overflow: auto;}
  .rep_body::-webkit-scrollbar {
      width: 10px;
    }
    .rep_body::-webkit-scrollbar-thumb {
      background-color: #95a5d8;
      border-radius: 10px;
      background-clip: padding-box;
      border: 2px solid transparent;
    }
    .rep_body::-webkit-scrollbar-track {
      background-color: #e1e1e2;
      border-radius: 10px;
    }
#msg .rep_left .left_head{display:flex;height:50px;justify-content:space-between;align-items:center;border-bottom:1px solid;padding-right: 10px;}
#msg .rep_left .read_sel{width:35%;height:100%;text-align:left;border:0;outline:0;box-shadow:none;font-size:16px;}
#msg .rep_left .left_head .rep_stxt{border:0px;width:160px;height:100%;outline:none;text-align:right;font-size:15px;color:#858585;margin-left:8%;margin-right:1%;}
#msg .rep_left .left_head .btni{font-size:26px;margin-right:2%;cursor:pointer;}
#msg .left_btn{display:flex;justify-content:center;height: 35px;border-radius: 20px 20px 0 0;background: #c9deec;font-size: 14px;}
#msg .left_btn div{display:flex;align-items:center;justify-content:center;cursor:pointer;color: #fff;width: 50%;color:#505050;}
#msg .left_btn div:hover{color:#0055a1;}

#msg .left_btn .lbtn.on{color:#fff;font-weight:500;background:#0055a1;border-radius: 20px 0px 0 0;}
#msg .left_btn .rbtn.on{color:#fff;font-weight:500;background:#0055a1;border-radius: 0px 20px 0 0;}

#msg .rep_left .lbtn{margin-right:30px;}
#msg .on .send_txt {font-weight:500;}
#msg .on .rec_txt{font-weight:500;}
#msg .top_lbtn {cursor: pointer;background:#808080;}
#msg .top_rbtn {cursor: pointer;background:#808080;}
.top_lbtn.on {color:#fff;font-weight:500;background:#0055a1 !important;}
.top_rbtn.on {color:#fff;font-weight:500;background:#0055a1 !important;}
.top_rbtn.on i {color: #000;}
#msg .rep_left .rbtn{}
#msg .rep_left .left_cont{height:100%; padding: 0 10px;}
#msg .rep_left .left_cont .cont_block{padding:14px 0;height:auto;border-bottom:1px solid #dee3ec;display:flex;justify-content:flex-start;cursor:pointer;}
#msg .rep_left .left_cont .cont_block:hover{background:#FBEFF5;}
#msg .rep_left .left_cont .cont_block .p_img {width:80px;height: 80px;border-radius:100%;overflow: hidden;position: relative;background: #fff;box-shadow: 1px 1px 10px #ccc;}
#msg .rep_left .left_cont .cont_block .p_img img{width:100%;position: absolute;top: 50%; left: 50%; transform: translate(-50%,-50%);}
#msg .rep_left .left_cont .cont_block .text{margin-left:4%;width:100%;padding:5px;width: 60%;}
#msg .rep_left .left_cont .cont_block .text table{width:100%;}
#msg .rep_left .left_cont .cont_block .text td{vertical-align:middle;}
#msg .rep_left .left_cont .cont_block .text .td_name{width:50%;font-size:15px;text-align:left;}
#msg .rep_left .left_cont .cont_block .text .td_read{width:100%;font-size:13px;text-align:left;font-weight:bolder;color:#F6861F;}
#msg .rep_left .left_cont .cont_block .text .td_date{font-size:12px;text-align:right;}
#msg .rep_left .left_cont .cont_block .text .td_msg{font-size:13px;text-align:left;word-break:break-all;padding-top:10px;}
#msg .rep_right{width:46%;height:95%;background: #f6faef; border-radius: 20px;margin-top: 20px;margin-right: 20px;min-height: 222px;overflow: auto;padding-bottom: 30px;}
#msg .rep_right::-webkit-scrollbar {
  width: 10px;
}
.rep_right::-webkit-scrollbar-thumb {
  background-color: #d8efad;
  border-radius: 20px;
}
.rep_right::-webkit-scrollbar-track {
  background-color: #dee4d2;
  border-radius: 20px;
}
.read_div {display: flex;justify-content: space-between;}
#msg .cname_div {font-size: 15px; color: #0156a1;font-weight: 500;margin-bottom: 5px;}
#msg .read_right {color: #ccc;font-weight: 300;}
#msg .read_left {color: ##F6861F; font-weight: 700;}
#msg .rep_right .right_head{width:100%;height:50px;padding-right:10px;border-bottom:1px solid;display:flex;justify-content:flex-end;align-items:center;}
#msg .rep_right .right_head .btni{font-size:26px;margin-right:2%;cursor:pointer;}
#msg .rep_right .right_cont{width:100%;display:flex;flex-direction:column;align-items:center; display:none;}
#msg .rep_right .right_cont .right_top{display:flex;justify-content:center;flex-direction:column;padding:20px;width:100%;}
#msg .rep_right .right_cont .text_bolder{font-weight:500;font-size: 15px;}
#msg .rep_right .right_cont .right_top .sender{width:70%;border:0;outline:none;color:#0B614B;font-size:17px;font-weight:bold;}
#msg .rep_right .right_cont .right_top .msg_cont{margin-top: 15px;background: #fff;border-radius:5px;height:160px;padding-top:10px;padding-left:10px;padding-bottom:10px;font-size:13px;}
#msg .rep_right .right_cont .right_top .msg_cont .msg{width:100%;height:130px;word-break:break-all;resize:none;border:0; outline:none;overflow:hidden;}
#msg .rep_right .right_cont .right_bottom{width:100%;height:200px;padding:20px;padding-top: 10px;}
#msg .rep_right .right_cont .right_bottom .rep_cont{background: #fff;border-radius:5px;height:95%;margin-top:15px;padding-top:10px;padding-left:10px;padding-bottom:10px;}
#msg .rep_right .right_cont .right_bottom .rep_cont .input_rep{width:100%;resize:none;height:100%;border:0;outline:none;padding:10px;font-size:13px;}
#msg .rep_right .submit_btn{width:90%;margin:0 auto;text-align:center;margin-top:20px;display:none;}
#msg .rep_right .submit_btn input{width:80px;margin:0 auto;border-radius: 8px;background: #fba557;color: #fff;}
.reply_cont::-webkit-scrollbar {border-radius: 10px;}
.reply_cont::-webkit-scrollbar {
    width: 10px;
  }
  .reply_cont::-webkit-scrollbar-thumb {
    background-color: #d8efad;
    border-radius: 20px;
  }
  .reply_cont::-webkit-scrollbar-track {
    background-color: #dee4d2;
    border-radius: 20px;
  }

/* 모바일 용 */


#m_msg .msg_reply{position:fixed;top:50%;left:50%;display:block;width:90%;height:69%;z-index:5;display:none;transform: translate(-50%,-50%);}
#m_msg .msg_reply .xbtn{width:100%;text-align:center;position:absolute;}
#m_msg .msg_reply .xbtn p{margin:0 auto;width:10%;color:#000;background-color: rgba(1,1,1,0.1);}
#m_msg .msg_reply .reply_cont{width:100%;height:100%;display:flex;flex-direction:column;background: #fff;border-radius: 10px;box-shadow: 1px 1px 10px #ccc;}
#m_msg .msg_reply .reply_cont .rep_top_menu{min-height:50px;width:100%;display:flex;justify-content:space-between;align-items: center;padding: 0 10px;}
#m_msg .msg_reply .reply_cont .rep_top_menu .top_lbtn{}
#m_msg .msg_reply .reply_cont .rep_top_menu .top_lbtn .form-control {border: none; box-shadow: none;font-weight: 400;color: #000;
  /*ios대응*/
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;}
#m_msg .msg_reply .reply_cont .rep_top_menu .rep_top_right {display: flex;justify-content: flex-end;align-items: center;}
#m_msg .msg_reply .reply_cont .rep_top_menu .top_rbtn{display: flex;height: 22px;margin-right: 5px;}
#m_msg .msg_reply .reply_cont .rep_top_menu .top_rbtn .rep_stxt {width: 100px;border: none;font-size: 14px;height: 22px;line-height: 22px;font-weight: 400;}
#m_msg .msg_reply .reply_cont .rep_top_menu div:hover{cursor:pointer;}
#m_msg .msg_reply .reply_cont .rep_top_menu .btni{font-size:20px;cursor:pointer;line-height: 22px;}
#m_msg .msg_reply .reply_cont .rep_mid_menu {color: #fff;display: flex;justify-content: space-between;background: #e1e5e9;padding: 12px 0;}
#m_msg .msg_reply .reply_cont .rep_mid_menu > div {width: 50%;text-align: center;font-size: 13px;}
#m_msg .msg_reply .reply_cont .rep_body{width: 92%;margin: 0 auto;margin-top: 10px;height: 76%;background: #f5f6f9;border-radius: 20px 20px 10px 10px;}
#m_msg .rep_send_box{display:none;width:100%;margin-top:30px;}
#m_msg .rep_send_box .send_box{margin-top:20px;text-align:center;}
#m_msg .rep_send_box .send_box h3{margin-bottom:20px;font-size: 14px;font-weight: 400;}
#m_msg .rep_send_box .send_box .send{margin:0 auto;width:86%;height:211px;padding:10px;resize:none;border: none;box-shadow: none;border-radius: 7px;}
#m_msg .rep_send_box .send_btn{margin-top:20px;text-align:center;}
#m_msg .rep_send_box .send_btn button{margin:0 auto;color: #fff;background: #fba557;}
#m_msg .rep_left_box {width: 100%;height: 100%;overflow: auto;}
#m_msg .rep_left{width:100%;min-height:440px;}
#m_msg .rep_left .left_head{display:flex;height:45px;justify-content:space-between;align-items:center;border-bottom:1px solid;padding-left: 7px;}
#m_msg .rep_left .read_sel{width:27%;height:100%;text-align:left;border:0;outline:0;box-shadow:none;font-size:13px;}
#m_msg .rep_left .form-control {padding: 0}
#m_msg .rep_left .left_head .rep_stxt{border:0px;width:110px;height:100%;outline:none;text-align:right;font-size:13px;color:#858585;margin-left:8%;margin-right:1%;}
#m_msg .rep_left .left_head .btni{font-size:21px;cursor:pointer;padding-right: 7px;}
#m_msg .rep_left .left_btn{display:flex;justify-content:space-between;padding:13px 0;font-size: 13px;border-radius: 20px 20px 0 0;background: #c9deec;color: #fff;}
#m_msg .rep_left .left_btn div{display:flex;align-items:center;justify-content:center;cursor:pointer;width:50%;text-align: center;}
#m_msg .rep_left .left_btn div:hover{color:#0055a1;font-weight:700;}
#m_msg .on{color:#0055a1;font-weight:700;}
#m_msg .rep_left .left_cont{height: 100%;}
#m_msg .rep_left .left_cont .cont_block{padding:14px 10px;height:auto;border-bottom:1px solid #dee3ec;display:flex;justify-content:flex-start;cursor:pointer;}
#m_msg .rep_left .left_cont .cont_block:hover{background:#FBEFF5;}
#m_msg .rep_left .left_cont .cont_block .p_img img{width:50px;height:50px;border:1px solid #ccc;border-radius:50px;}
#m_msg .rep_left .left_cont .cont_block .text{margin-left:4%;width:100%;padding:5px;}
#m_msg .rep_left .left_cont .cont_block .text table{width:100%;}
#m_msg .rep_left .left_cont .cont_block .text td{vertical-align:middle;}
#m_msg .rep_left .left_cont .cont_block .text .cname_div {color: #0156a1;font-weight: 500;font-size: 15px;margin-bottom: 5px;}
#m_msg .rep_left .left_cont .cont_block .text .read_div {display: flex;justify-content: space-between;font-size: 12px;}
#m_msg .rep_left .left_cont .cont_block .text .td_name{width:50%;font-size:15px;text-align:left;font-weight: 500;}
#m_msg .rep_left .left_cont .cont_block .text .td_msg{font-size:13px;text-align:left;word-break:break-all;padding-top:5px;line-height: 1.3;}
#m_msg .rep_left .left_cont .cont_block .text .read_left {font-weight: 700;color:#F6861F;}
#m_msg .rep_left .left_cont .cont_block .text .read_right {color:#ccc;font-weight: 300;}
#m_msg .rep_left .left_cont > div:last-child {border: none;}
#m_msg .rep_right{position: relative;height:100%;display:none;overflow: auto;background: #f6faef;padding-bottom: 20px;border-radius: 15px;}
#m_msg .rep_right .right_head{width:100%;height:45px;border-bottom:1px solid;display:flex;justify-content:flex-end;align-items:center;}
#m_msg .rep_right .right_head .btni{font-size:21px;margin-right:2%;cursor:pointer;}
#m_msg .rep_right .right_cont{width:100%;height:147%;align-items:center;}
#m_msg .rep_right .right_cont .right_top{display:flex;justify-content:center;flex-direction:column;padding:20px;width:100%;}
#m_msg .rep_right .right_cont .text_bolder{font-weight:500;margin-bottom:1%;}
#m_msg .rep_right .right_cont .right_top .sender{width:70%;border:0;outline:none;color:#0B614B;font-size:17px;font-weight:bold;}
#m_msg .rep_right .right_cont .right_top .msg_cont{border-radius:5px;height:180px;padding-top:10px;padding-left:10px;padding-bottom:10px;font-size:13px;background: #fff;margin-top: 10px;}
#m_msg .rep_right .right_cont .right_top .msg_cont .msg{width:100%;height:130px;word-break:break-all;resize:none;border:0; outline:none;overflow:hidden;border-radius: 7px;}
#m_msg .rep_right .right_cont .right_bottom{width:100%;height:200px;padding:20px;}
#m_msg .rep_right .right_cont .right_bottom .rep_cont{background: #fff;border-radius:5px;height:180px;margin-top:2%;padding-top:10px;padding-left:10px;padding-bottom:10px;}
#m_msg .rep_right .right_cont .right_bottom .rep_cont .input_rep{width:100%;resize:none;height:100%;border:0;outline:none;padding:10px;font-size:13px;}
#m_msg .rep_right .submit_btn{width:90%;margin:0 auto;padding:10px;text-align:center;display:none;}
#m_msg .rep_right .submit_btn input{width:80px;margin:0 auto;color: #fff;background: #fba557;border-radius: 5px;}
.undo_ico i {transform: rotate(-45deg);color: #7abf33;font-size: 25px;}
.undo_ico {width: 20px;height: 20px;position: absolute;top: 5px;right: 10px;}

/* 메인940px 마이페이770px history supplier_01반응형 공지디테 쿼테이션버튼 */


#footer {
  width: 100%;
  background: #eee;
  padding-top: 30px;
}
#footer .inner > div > div {
  display: flex;
}
.f_logo {
  width: 100px;
  height: 50px;
  position: relative;
}
.f_logo img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.f_logo_en {
  width: 120px;
  height: 50px;
  position: relative;
}
.f_logo_en img {
  width: 80%;
  position: absolute;
  top: 0;
  right: 0;
}
#footer .inner div p {
  font-size: 12px;
  color: #333;
  line-height:1.5;
}
#footer i {
  color: #325a87;
  margin-right: 10px;
  transform: scale(-1,1);
}
#footer > div:nth-child(1) {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: 1px solid #989898;
  padding-bottom: 15px;
}
#footer > div > div > div:not(:last-child) {
  margin-bottom: 10px;
}
#footer > div:last-child {
  margin-top: 15px;
  display: flex;
  padding-bottom: 20px;
}
#footer > div:last-child p {
  color: #999;
  line-height: 1.3;
  font-weight: 500;
  font-size: 12px;
  margin-right: 7px;
}
#footer > div:last-child span {
  font-weight: 400;
}





/* 반응형 */

@media all and (max-width:1240px) {
  .logo_en {width: 114px;}
  .inner {
    width: 90%;
  }
  .main > .inner {height: 390px;}
  .right_visual a {padding: 7px 0;}
  .left_visual > div p {
    font-size: 16px;
  }
  .present_tit h2 {
    font-size: 40px;
  }
  .present_content {
    width: 65%;
  }
  .en_present_content {width: 68%;}
  .company > div > ul li p {
    font-size: 12px;
  }
  .company > div > ul li span {
    width: 60px;
    height: 60px;
  }
  .company > div > ul li span img {
    width: 50%;
  }
  .mission_box p {
    line-height: 1.5;
    width: 70%;
  }
  #my_detail .cont .md_txt h3 {
    width: 25%;
  }
  #my_detail .cont .md_txt > div {
    width: 75%;
  }
  #my_detail .profile_img h3 {
    width: 25%;
  }
  #my_detail .logo_img h3 {
    width: 25%;
  }
  #my_detail .photo_box {
    width: 75%;
  }
  #notice_detail .cont .notice_cont .no_content {
    padding: 20px 30px;
  }
}
@media all and (max-width:1210px) {
  .left_visual > a {
    padding: 30px 20px;
  }
  .left_visual > div {
    padding: 20px 15px;
    height: 252px;
  }
  .item_01_list > li {
    font-size: 14px;
  }
  .item_01_list > li p {
    width: 80%;
  }
  .join_box {
    width: 450px;
  }
  .supplier03_box {
    width: 24%;
  }
  .sup_list > div:not(:nth-child(5n)) {
    margin-right: 0;
  }
  .sup_list > div:not(:nth-child(4n)) {
    margin-right: 1%;
  }
}
@media all and (max-width:1120px) {
  .login_box {
    flex-direction: column;
  }
  .login_box > div {
    width: 100%;
  }
  .login_box > div:nth-child(2) {
    width: 95%;
    height: 1px;
    background: #ccc;
    margin: 20px auto;
  }
  .m_logo {
    display: none;
  }
  .login_guide > p {
    text-align: center;
    font-size: 12px;
    margin-bottom: 15px;
  }
  .sub_banner_en {height: 167px;}
  .en_present_tit h2 {font-size: 35px;}
  .en_present_tit h2 span {font-size: 50px;}
}
/* @media all and (max-width:1070px) {
  #en_history #history_content_02 > div:nth-child(2) {padding-top: 10px;}
} */
@media all and (max-width:1040px) {
  .main > .inner {height: 350px;}
  .right_visual a {box-shadow: 2px 2px 10px #ddd;}
  .r_visual_img {width: 40px; height: 40px;}
  .present_tit h2 {
    font-size: 30px;
  }
  .en_present {top: 0;}
  .en_present > .inner {
    display: flex;
    height: 450px;
  }
  .present_tit .ovv {font-size: 30px;}
  .en_present .present_content > div > div:nth-child(2) span {line-height: 1.5;}
  .en_present .present_tit {
    width: 100%;
  }
  .en_present .present_content {
    width: 100%;
    top: 82%;
  }
  .present_tit h2 span {
    font-size: 40px;
  }
  .present_tit p {
    font-size: 34px;
  }
  .present_content {
    width: 69%;
  }
  .en_present_content {width:72%; }
  .process > div > div {
    flex-direction: column;
  }
  .process > div > div > div:nth-child(1) {
    width: 100%;
    margin-bottom: 10px;
  }
  .process > div > div > div:nth-child(2) {
    width: 100%;
  }
  .process .add_div_txt > div:nth-child(3) {
    width: 100%;
  }
  .process .add_div_txt > div:nth-child(3) >div:nth-child(1) {width: 3%;}
  .process > div > div > div:nth-child(1) p {
    font-weight: 500;
    font-size: 17px;
  }
  .process > div > div > div:nth-child(2) p {
    font-size: 14px;
  }
  .process .add_btn div:nth-child(2) p {
    color: #fff;
  }
  .process > div > .add_btn > div:nth-child(1) {
    margin-bottom: 0;
  }
  .quotation > div > div {
    flex-direction: column;
  }
  .quotation > div > div > div:nth-child(1) {
    width: 100%;
    margin-bottom: 10px;
  }
  .quotation > div > div > div:nth-child(2) {
    width: 100%;
  }
  .quotation .add_div_txt > div:nth-child(3) {
    width: 100%;
  }
  .quotation .add_div_txt > div:nth-child(3) >div:nth-child(1) {width: 3%;}
  .quotation > div > div > div:nth-child(1) p {
    font-weight: 500;
    font-size: 17px;
  }
  .quotation > div > div > div:nth-child(2) p {
    font-size: 14px;
  }
  .quotation .add_btn div:nth-child(2) p {
    color: #fff;
  }
  .quotation > div > .add_btn > div:nth-child(1) {
    margin-bottom: 0;
  }
  .quotation .detail_list > div:nth-child(2) {width: 100%;margin-bottom: 10px;}
  .quotation .detail_list > div:nth-child(3) {width: 100%;}
  .check_div > div:nth-child(2) > div:nth-child(3) p {
    color: #000;
  }
  .quotation .sign_list > div:nth-child(2) {width: 100%;}
  .quotation .add_rfq_btn_div .add_rfq_btn {margin: 0;margin-right: 20px;}
  .quotation .add_rfq_btn_div {flex-direction: row;}
}
@media all and (max-width:1025px) {
  .main {
    height: 66vh;
    min-height: 700px;
  }
  .left_visual > a {
    padding: 30px 10px;
  }
  #notice .cont .notice_cont .table_div .td_title {
    width: 66%;
  }
}
@media all and (max-width:990px) {
  .company > div > ul li div {
    width: 60%;
  }
  .list_rfq .cont .notice_cont .table_div .td_head {font-size: 14px;}
  .list_rfq .cont .notice_cont .table_div .td_state .state {min-width: 140px;}
  .list_rfq .cont .notice_cont .table_div .td_state .state p {
    font-size: 12px;
    line-height: 23px;
  }
  .list_rfq .cont .notice_cont .table_div .td_title {
    width: 48%;
  }
  #list_quo .cont .notice_cont .table_div .td_title {
    width: 35%;
    font-size: 14px;
  }
  .list_rfq .cont .notice_cont .table_div .td_wdate {
    width: 16%;
    font-size: 13px;
  }
  #list_quo .cont .notice_cont .table_div .recode {
    font-size: 12px;
    margin-top: 5px;
    color: #aaa;
  }
  #list_quo .cont .notice_cont .table_div .qtitle {
    font-size: 18px;
  }
  .list_rfq .cont .notice_cont .table_div .td_code {font-size: 13px;width: 14%;}
  .list_rfq .cont .notice_cont .table_div .td_recode {width: 9%;}
  .supplier03_box {
    width: 32%;
  }
  .sup_list > div:not(:nth-child(4n)) {
    margin-right: 0;
  }
  .sup_list > div:not(:nth-child(3n)) {
    margin-right: 1%;
  }
  #my_detail .cont .md_cont > div {flex-direction: column;align-items: flex-start;}
  #my_detail .cont .md_cont > div > h3 {width: 100%;}
  #my_detail .cont .md_cont > div > h3:not(:first-child) {margin-top: 10px;}
  #my_detail .cont .md_cont > div > div {width: 100%;margin-top: 15px;}
  #my_detail .profile_img {height: 162px; }
  #my_detail .cont .md_cont .submit_div {align-items: center;justify-content: center;flex-direction: row}
}
@media all and (max-width:1087px) {
  #en_history .spot_03 {top: 247px;}
  #en_history #history_year_02 {height: 382px;}
}
@media all and (max-width:940px){
  #header {
    height: 80px;
  }
  .logo {
    width: 80px;
    height: 30px;
  }
  .hd_nav {
    display: none;
  }
  .hd_flex ul li:not(:last-child) {
    display: none;
  }
  .menu_btn {
    display: block;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 21px;
  }
  .menu_btn span {
    width: 25px;
    height: 3px;
    background: #00458d;
    display: block;
  }
  .padding {
    padding-top: 80px;
  }
  .dark_bg {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
  }
  .dark_bg.on {
    display: block;
  }
  .show_menu {
    display: block;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    width: 250px;
    height: 100vh;
    padding: 0 20px;
    padding-top: 50px;
  }
  .category {
    padding: 0 10px;
  }
  .category > li {
    margin-bottom: 20px;
    height: 25px;
    overflow: hidden;
    transition: 0.3s;
  }
  .category > li p {
    padding-bottom: 10px;
  }
  .category > li.on p {
    color: #005fab;
    border-bottom: 2px solid #005fab;
  }
  .category > li:nth-child(1).on {
    height: 110px;
  }
  .category > li:nth-child(2).on {
    height: 140px;
  }
  .category > li:nth-child(3).on {
    height: 90px;
  }
  .category > li:nth-child(4).on {
    height: 140px;
  }
  .category > li > a, .show_menu > ul > li > p {
    font-weight: 500;
    font-size: 17px;
  }
  .category > li ul {
    margin-top: 10px;
    margin-left: 10px;
  }
  .category > li ul li {
    margin-bottom: 10px;
  }
  .category > li ul li a {
    font-size: 14px;
    font-weight: 400;
  }
  .show_menu p {
    display: flex;
    justify-content: space-between;
  }
  .show_menu a:hover {
    color: #156fb7;
  }
  .show_menu p:hover {
    color: #156fb7;
  }
  .close_btn {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #000;
    cursor: pointer;
  }
  .main > .inner {height: 330px;}
  .left_visual > div {padding: 20px 10px;}
  .left_visual > a {padding: 10px}
  .join_bg {padding-top: 140px;}
  #mts_form .content {
    width: 90%
  }
  .circle {
    width: 200px;
    min-width: 200px;
    height: 200px
  }
}
@media all and (max-width:929px) {
  .en_present_content {
    top: 100%;
    flex-direction: column;
  }
  .en_present_content > div {width: 100%;height: 244px;}
  .en_present_content > div:nth-child(2) {margin-top: 0;}
  .en_present > .inner {height: 616px;}
  .en_mission {margin-top: 280px;}
}
@media all and (max-width:940px) {
  #en_history .spot_03 {top: 281px;}
}
@media all and (max-width:900px) {
  .present_banner {
    height: 228px;
  }
  .present {
    top: 0;
  }
  .present > .inner {
    flex-direction: column;
    height: 400px;
  }
  .en_mission {margin-top : 513px;}
  .present_tit {
    width: 100%;
  }
  .present_tit > span {
    margin-top: 15px;
  }
  .present_content {
    width: 100%;
    top: 82%;
  }
  .present_tit p {font-size: 30px;}
  .en_present .present_content {top: 128%;}

  /* history */

  .history {
    min-height: 580px;
  }
  .history_year {
    height: 150px;
    border: none;
  }
  .spot {
    left: 0%;
  }
  .spot_02 {top: 210px;}
  .spot_03 {top: 350px;}
  .history_content {
    border-left: 1px solid #ccc;
  }
  .history_content > div {
    margin-left: 50px;
  }
  #history_content_02 {padding-top: 141px;}
  #map {
    height: 500px;
  }
  .profile_box {
    flex-direction: column;
    height: 255px;
  }
  .profile {
    width: 76%;
  }
  .profile_box > div {
    width: 100%;
  }
  .profile_box > .profile_btn {
    width: 110px;
    padding: 10px 0;
    text-align: center;
  }
  .profile_box > .profile_btn a {
    width: 100%;
  }
  #notice .cont .notice_cont .table_div .td_title {
    width: 49%;
  }
  #en_history #history_content_02 > div {padding-top: 104px;}
  #en_history .spot_03 {top: 354px;}
  .sup_box {
    flex-direction: column;
    height: 700px;
    width: 100%;
  }
  #my_detail .cont .md_cont .md_txt #md_phone {flex-direction: column;}
  #my_detail .cont .md_cont .md_txt #md_phone > div {width: 100%;margin-bottom: 5px;}
  #my_detail .cont .md_cont .md_txt #md_phone > input {width: 100%;}
  #my_detail .logo_img {height: 150px;}
  #my_detail .cont .md_cont .md_txt #md_conf {flex-direction: column;}
  #my_detail .cont .md_cont .md_txt #md_conf > input {width: 100%;}
  #my_detail .cont .md_cont .md_txt #md_conf > input:first-child {margin-bottom: 5px;}
}
@media all and (max-width:880px) {
  .main {
    min-height: 595px;
    height: 58vh;
  }
  .sub_banner, .sub_banner_en {
    height: 150px;
  }
  .main > .inner {
    height: 290px;
    margin-top: 37px;
  }
  .left_visual {
    padding: 10px 5px;
  }
  .left_visual > div {
    width: 90%;
    height: 186px;
    padding: 20px 10px;
  }
  .left_visual div div {
    width: 46px;
  }
  .left_visual > div p {
    font-size: 13px;
  }
  .left_visual > a {
    width: 90%;
    padding: 15px 0;
    font-size: 12px;
  }
  .right_visual a {
    padding: 10px 0;
    margin-bottom: 6px;
  }
  .r_visual_img {
    width: 34px;
    height: 34px;
  }
  .right_visual p {
    font-size: 10px;
    line-height: 1.3;
  }
  .right_visual p span {
    font-size: 15px;
  }
  .list_rfq .cont .notice_cont .table_div .td_title {
    width: 49%;
  }
  .list_rfq .cont .notice_cont .table_div .td_state .state {
    width: 68%;
  }
  .list_rfq .cont .notice_cont .table_div .td_wdate {width: 13%;}
  .#list_quo .cont .notice_cont .table_div .td_title {
    width: 38%;
  }
  #list_quo .cont .notice_cont .table_div .td_wdate {width: 12%;}
}
@media all and (max-width:827px) {
  #en_history .spot_03 {top: 356px;}
}
@media all and (min-width:750px) {
  #m_msg .msg_reply {width: 77%;}
  #m_msg .msg_reply .reply_cont .rep_body {
    margin-top: 20px;
  }
  #m_msg .msg_reply .reply_cont .rep_body {height: 82%;}
}
@media all and (min-width:800px) and (max-width:1000px){
  .customer .item_01_list li {
    width: 19%;
    height:150px;
    margin-bottom: 20px;
    align-items: center;
    padding: 80px 15px;
    cursor: default;
    position: relative;
  }
}
@media all and (max-width:800px) {
  .mission h4 {font-size: 38px;}
  .mission h4 span {font-size: 50px;}
  .mission_box > p {
    font-size: 15px;
    width: 80%;
  }
  .mission_box > div {width: 126px;height: 104px;}
  .customer {
    min-height: 1080px;
  }
  .sup_box ul li {
    font-size: 14px;
  }
  .customer .item_01_list li {
    width: 49%;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .customer .item_01_list li:not(:nth-child(5n)) {
      margin-right: 0%;
  }
  .customer .item_01_list li:not(:nth-child(2n)) {
      margin-right: 1%;
  }
  .customer_list {
    justify-content: space-between;
  }
  .customer_list li {
    width: 49%;
    margin-right: 0;
  }
  .quotation .proc_btn{justify-content:center;}
}
@media all and (max-width:770px) {
  .sub_banner {
    background: url("../../img/hp/banner_01.jpg") center center no-repeat;
    background-size: cover;
  }
  .sub_banner_en {
    background: url("../../img/hp/en_banner_03.jpg") center center no-repeat;
    background-size: cover;
  }
  .company_banner {
    height: 200px;
  }
  .company > div > ul li div {
    width: 53%;
  }
  .sup_box > div:not(:nth-child(2)) {
    width: 100%;
  }
  .sup_box ul li {
    font-size: 16px;
  }
  .plus_ico {
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
  }
  .customer .item_01_list li {
    margin-bottom: 5px;
  }
  .process_div {
    height: 140px;
  }
  .process_box h3 {
    font-size: 14px;
    font-weight: 500;
  }
  .process_box p span {
    font-size: 12px;
  }
  #rfq .check_div > div:nth-child(2) {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  #rfq .check_div > div:nth-child(2) > div:not(:last-child) {
    width: 15%;
  }
  #rfq .check_div > div:nth-child(2) > div:nth-child(5) {
    width: 100%;
    margin-top: 10px;
  }
  #rfq .check_div > div:nth-child(2) input {
    width: 13px;
    margin-top: 2px;
  }
  #rfq .check_div p {
    margin-left: 5px;
  }
  .supplier03_box {
    width: 49%;
  }
  .sup_list > div:not(:nth-child(3n)) {
    margin-right: 0;
  }
  .sup_list > div:nth-child(odd) {
    margin-right: 1%;
  }
  #notice .cont .notice_cont .table_div .td_title {
    width: 60%;
  }
  #list_quo .cont .notice_cont .table_div .td_title {width: 32%;}
}
@media all and (max-width:730px) {
  .profile_box > .profile_btn {
    padding: 12px 10px;
    width: 120px
  }
}
@media all and (max-width:844px) {
  #en_history .spot_03 {top: 386px;}
}
@media all and (max-width:700px) {
  .main > .inner {
    flex-direction: column;
    width: 100%;
    margin-top: 3px;
  }
  .left_visual {
    width: 100%;
    flex-direction: row;
    height: 100px;
    display: none;
  }
  .left_visual > div {
    height: 100%;
    width: 49%;
    flex-direction: row;
    align-items: center;
  }
  .left_visual div div {
    width: 47px;
    height: 47px;
    margin: 0;
  }
  .left_visual > a {
    width: 49%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .main_visual {
    width: 100%;
    height: 300px;
  }
  .right_visual {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 3px;
    background: #e9ecf5;
    padding: 20px;
  }
  .right_visual a {
    width: 31%;
    margin: 0;
    padding: 25px 0;
  }
  .mission_box > div {
    width: 100px;
    height: 85px;
  }.mission_box > div p {
    font-size: 17px;
  }
  #en_history #history_content_02 > div:nth-child(2) {padding-top: 26px;}
  #en_history .spot_02 {top: 212px;}
  #en_history .spot_03 {top: 345px;}
  .list_rfq .cont .notice_cont .table_div .td_title {
    width: 33%;
  }
  .list_rfq .cont .notice_cont .table_div tr td:nth-child(2) {
    display: none;
  }
  .list_rfq .cont .notice_cont .table_div td:nth-child(4) {
    display: none;
  }
  .list_rfq .cont .notice_cont .table_div td:nth-child(5) {
    display: none;
  }
  .list_rfq .cont .notice_cont .table_div td:nth-child(6) {
    display: none;
  }
  #list_quo .cont .notice_cont .table_div td:nth-child(7) {
    display: none;
  }
  .list_rfq .cont .notice_cont .table_div .td_code {
    width: 86%;
    text-align: left;
  }
  .list_rfq .cont .notice_cont .table_div .td_logo {
    width: 84%;
    text-align: left;
  }
  .list_rfq .cont .notice_cont .table_div .td_title {
    width: 86%;
    text-align: left;
  }
  .history_content li {font-size: 16px}
  .spot_03 {top: 339px;}
  .quotation .sign_list > div:nth-child(2) > div:nth-child(1) {width: 84%;}
  .quotation .sign_list > div:nth-child(2) > div:nth-child(2) {width: 14%;}
  #notice .cont .notice_cont .table_div .td_title {
    width: 86%;
  }
  .qnum, .rnum {
    font-size: 12px;
    color: #ccc;
    font-weight: 300;
  }
  .qtitle, .rtitle {
    font-weight: 500;
    margin-top: 5px;
    font-size: 18px;
  }
  .ntitle {font-weight: 500;}
  .qdate, .rdate {
    font-size: 12px;
    color: #aaa;
    font-weight: 300;
    margin-top: 5px;
  }
  .qdate {margin-top: 5px;}
  .nview {margin-left: 10px;}
  .no{background:#0055a1}
  .qstate .ok{background:#FBA557;border-radius: 40px;}
  .rstate .ok{background:#FBA557;border-radius: 40px;}
  .qstate .no{background:#0055a1;border-radius: 40px;}
  .rstate .no{background:#0055a1;border-radius: 40px;}
  .qstate, .rstate {
    width: 64%;
    background: #ccc;
    color: #fff;
    border-radius: 40px;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    margin-top: 7px;
    max-width: 170px;
  }
  .qstate {max-width: 88px;margin-top: 5px;}
  .together {display: flex;align-items: center;justify-content: space-between;}
  .quo_guide {text-align: left;}
  .quo_guide_btn {display: block;width: 135px;margin-bottom: 5px;}
  #list_quo .quo_guide_btn {display: block;max-width: 70px;}
}
@media all and (max-width:693px) {
  #en_history .spot_03 {top: 346px;}
}
@media all and (max-width:630px) {
  #notice_detail .cont .notice_cont .no_title .right h4 p {display: none;}
  #notice_detail .cont .notice_cont .no_title .right h4 i {display: block;}
  #notice_detail .cont .notice_cont .no_content {padding-top: 20px;}
}
@media all and (max-width:586px) {
  #en_history .spot_03 {top: 372px;}
}
@media all and (max-width:600px) {
  .present_banner {
    height: 154px;
  }
  .present_content > div:nth-child(2) {
    margin-top: 0;
  }
  .en_present .present_content {top: 117%;}
  .present_content {
    top: 108%;
    flex-direction: column;
  }
  .present_content > div {
    width: 100%;
    height: 190px;
  }
  .en_present_content > div {height: 216px;}
  .present_content > div > div:nth-child(2) p::after {
    margin-top: 10px;
  }
  .present_content > div > div:nth-child(2) span {
    margin-top: 7px;
  }
  .img_box {
    width: 36px;
    height: 36px;
  }
  .mission {
    margin-top: 350px;
    height: auto;
  }
  .en_mission {margin-top: 415px;}
  .mission .inner {
    margin-bottom: 67px;
  }
  .mission h4 {
    padding-top: 45px;
    font-size: 30px;
    margin-bottom: 70px;
  }
  .mission h4 span {
    font-size: 40px;
  }
  .mission_box {
    padding: 30px;
    font-size: 15px;
  }
  .mission_box > div {
    width: 94px;
    height: 68px;
    top: 0;
    left: 7%;
    font-size: 17px;
  }
  #map2 {
    height: 450px;
    margin-bottom: 30px;
  }
  .item_01_list > li {
    width: 49%;
  }
  .item_01_list > li:not(:nth-child(3n)) {
    margin-right: 0;
  }
  .item_01_list > li:nth-child(odd) {
    margin-right: 1%;
  }
  .item_01_list > li p {
    width: 80%;
  }
  .login_box {
    width: 95%;
  }
  .login_content ul {
    font-size: 14px;
  }
  .login_button a {
    padding: 11px 10px;
  }
  .supplier03_box {
    width: 48%;
  }
  .sup_list > div:nth-child(odd) {
    margin-right: 2%;
  }
  .logo_box {
    width: 80%;
  }
  .join_select {width: 90%;}
  #my_detail .padding {padding-top: 50px;}
  #my_detail .cont {padding: 50px;width: 80%;}
}
/* @media all and (max-width:571px) {
  #en_history .spot_03 {top: 400px;}
} */
@media all and (max-width:560px) {
  .history_banner {
    height: 206px;
  }
  .history_tit p {
    font-size: 36px;
  }
  .history_banner h2 {
    letter-spacing: 5px;
  }
  .history_banner span {
    width: 237px;
  }
  .history_content > div {
    margin-left: 38px;
  }
  .history_year {
    top: -47px;
  }
  .year_box {
    width: 166px;
    height: 96px;
    font-size: 31px;
  }
  .spot_01 {
    top: 148px;
  }
  .spot_02 {
    top: 146px;
  }
  .spot_03 {
    top: 242px;
  }
  #en_history #history_year_02 {top: 182px;}
  #en_history .spot_02 {top: 135px;}
  #en_history .spot_03 {top: 297px;}
  .history_content h4 {
    font-size: 34px;
  }
  .history_content > div {
    padding-top: 96px;
  }
  .history_content ul {
    font-size: 17px;
  }
  #history_content_02 > div:nth-child(2) {padding-top: 44px;}
  #history_year_02 {top:178px;}
  #history_content_02 {padding-top: 83px;}
  #en_history  #history_content_02 {padding-top: 78px;}
  .company_title p {
    font-size: 12px;
    width: 80%;
  }
  .customer .item_01_list li {
    padding: 50px 20px;
  }
  .customer .item_01_list li p {
    font-size: 14px;
  }
  .rfq_list li .state {
    font-size: 13px;
    padding: 8px 20px;
  }
  .mypage {
    height: 173vh;
  }
  .profile_box {
    height: 242px;
    padding: 20px 30px;
  }
  .profile_pic {
    width: 53px;
    height: 53px;
    position: absolute;
  }
  .profile {
    width: 100%;
    margin-left: 0;
    padding-bottom: 15px;
  }
  .profile h3 {
    margin-bottom: 30px;
    margin-left: 70px;
    font-size: 25px;
    padding-top: 5px;
  }
  .list_pic {
    width: 126px;
    height: 113px;
    border-radius: 5px;
  }
  .profile_box > .profile_btn a {
    font-size: 14px;
  }
  .rfq_list li {
    flex-direction: column;
    align-items: flex-end;
    padding: 15px 20px;
  }
  .list {
    width: 100%;
  }
  .rfq_t_btn {
    font-size: 13px;
    padding: 7px 18px;
  }
  .rfq_f_btn {
    font-size: 13px;
    padding: 7px 18px;
  }
  #rfq .check_div > div:nth-child(2) > div:not(:last-child) {
    width: 25%;
  }
  .login_box {
    padding: 40px;
  }
  .join_box {
    width: 95%;
  }
  .list_rfq .cont .notice_cont .table_div {
    padding: 0;
  }
  .list_rfq .cont .notice_cont .table_div tr {
    padding: 0 10px;
  }
  .list_rfq .cont .notice_cont .table_div .td_state .state p {
    line-height: 29px;
  }
  .add_list > div:nth-child(2){
    display: none;
  }
  .process .add_div_txt {
    flex-direction: row;
    background: #e4ebf5;
    padding: 10px 20px;
    border-radius: 5px;
    padding-top: 20px;
  }
  .quotation .add_div_txt {
    flex-direction: row;
    background: #e4ebf5;
    padding: 10px 20px;
    border-radius: 5px;
    padding-top: 20px;
  }
  .quotqtino .add_div_txt {
    flex-direction: row;
    background: #e4ebf5;
    padding: 10px 20px;
    border-radius: 5px;
    padding-top: 20px;
  }
  .process .add_div_txt div:nth-child(1) {
    display: none;
  }
  .quotation .add_div_txt div:nth-child(1) {
    display: none;
  }
  .process .add_div > .add_none {
    display: block;
    width: 23%;
  }
  .quotation .add_div > .add_none {
    display: block;
    width: 23%;
  }
  .process .add_div_txt .add_none p {
    text-align: left;
    height: 46px;
    line-height: 46px;
    font-size: 13px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }
  .quotation .add_div_txt .add_none p {
    text-align: left;
    height: 46px;
    line-height: 46px;
    font-size: 13px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }
  .process .add_div_txt div:nth-child(3) {
    flex-direction: column;
    width: 82%;
  }
  .quotation .add_div_txt div:nth-child(3) {
    flex-direction: column;
    width: 82%;
  }
  .process .add_div_txt div:nth-child(3) div {
    width: 100%;
    margin-bottom: 10px;
  }
  .quotation .add_div_txt div:nth-child(3) div {
    width: 100%;
    margin-bottom: 10px;
  }
  .process .add_rfq > div > div {
    align-items: flex-start;
  }
  .process .add_div_txt input {
    background: #fff;
  }
  .quotation .add_div_txt input {
    background: #fff;
    text-align: left;
  }
  .total_price > div:nth-child(6) {
    margin-right: 0;
  }
  .total_price .total .tp {font-size: 20px;}
  .list_num {
    display: none;
  }
  .logo_box {
    height: 80px;
    height: 80px;/*지움*/
  }
  .list_pic {width: 90px;}
  .quotation .sign_list > div:nth-child(2) > div:nth-child(1) {width: 79%;}
  .quotation .sign_list > div:nth-child(2) > div:nth-child(2) {width: 19%;}
  #footer > div:nth-child(1) > div:nth-child(1) {
    width: 60%;
  }
}
@media all and (max-width:533px) {
  #en_history .spot_03 {top: 325px;}
}
@media all and (max-width:523px) {
  .spot_03 {top: 270px;}
}
@media all and (max-width:500px) {
  #industry .cont .notice_cont .table_div td:nth-child(3) {
    display: none;
  }
  #industry .cont .notice_cont .table_div td:nth-child(4) {
    display: none;
  }
  #industry .cont .notice_cont .table_div .td_title {
    width: 86%;
    text-align: left;
  }
  #industry .cont .notice_cont .table_div .td_no {
    height: 70px;
  }
  #notice .cont .notice_cont .table_div td:nth-child(3) {
    display: none;
  }
  #notice .cont .notice_cont .table_div td:nth-child(4) {
    display: none;
  }
  #notice .cont .notice_cont .table_div .td_title {
    width: 86%;
  }
  .qnum, .rnum {
    font-size: 12px;
    color: #ccc;
    font-weight: 300;
  }
  .qtitle, .rtitle {
    font-weight: 500;
    margin-top: 5px;
    font-size: 18px;
  }
  .ntitle {font-weight: 500;}
  .qdate, .rdate {
    font-size: 12px;
    color: #aaa;
    font-weight: 300;
    margin-top: 5px;
  }
  .qdate {margin-top: 5px;}
  .nview {margin-left: 10px;}
  .no{background:#0055a1}
  .qstate .ok{background:#FBA557;border-radius: 40px;}
  .rstate .ok{background:#FBA557;border-radius: 40px;}
  .qstate .no{background:#0055a1;border-radius: 40px;}
  .rstate .no{background:#0055a1;border-radius: 40px;}
  .together {display: flex;align-items: center;justify-content: space-between;}
  .quo_guide {text-align: left;}
  .en_present_content > div {height: 228px;}
  .en_mission {margin-top: 440px;}
}
/* @media all and (max-width:490px) {
  #en_history .spot_03 {top: 342px;}
} */
@media all and (max-width:480px) {
  .sub_banner, .sub_banner_en  {
    height: 130px;
  }
  .main_visual {
    height: 255px;
  }
  .en_present_content > div {height: 260px;}
  .en_present .present_content {top: 132%;}
  .en_mission {margin-top: 545px;}
  .history {
    height: auto;
    min-height: 418px;
  }
  .history_banner {
    height: 182px;
  }
  .history_banner h2 {
    font-size: 13px;
    letter-spacing: 4px;
  }
  .history_banner span {
    width: 185px;
  }
  .history_tit p {
    font-size: 27px;
  }
  .history_year {
    top: -40px;
  }
  .year_box {
    width: 143px;
    height: 80px;
    font-size: 24px;
  }
  .spot {
    width: 18px;
    height: 18px;
  }
  .spot span {
    width: 8px;
    height: 8px;
  }
  .spot_01 {
    top: 119px;
  }
  .spot_02 {top: 125px;}
  .spot_03 {
    top: 250px;
  }
  .history_content > div {
    padding-top: 74px;
    margin-left: 29px;
  }
  .history_content > div:nth-child(2) {
    padding-top: 21px;
  }
  .history_content h4 {
    font-size: 25px;
    margin-right: 18px;
  }
  .history_content ul {
    font-size: 13px;
  }
  .company_banner {
    height: 180px;
  }
  .company > div > ul {
    flex-direction: column;
  }
  .company > div > ul li {
    width: 100%;
  }
  .company > div > ul li:not(:last-child) {
    margin-bottom: 20px;
  }
  .company_title p {
    font-size: 14px;
  }
  .company .traffic ul {
    display: flex;
    flex-direction: column;
  }
  .company div div ul li {
    margin-bottom: 30px;
  }
  .company .traffic ul li:nth-child(2) {
    margin-left: 0;
    margin-right: 0;
  }
  #map {
    height: 400px;
  }
  #map2 {
    height: 400px;
  }
  .sup_box {
    padding: 40px;
    padding-top: 50px;
  }
  .sup_box ul li {
    font-size: 13px;
  }
  .sup_box > div:nth-child(1) > ul:nth-child(3) img {
    width: 10px;
  }
  .sup_title p {
    font-size: 12px;
  }
  .plus_ico {
    height: 1px;
  }
  .item_01 {
    min-height: 1170px;
  }
  .item_01_list > li {
    width: 100%;
  }
  .item_01_list > li:nth-child(odd) {
    margin-right: 0;
  }
  .li_pic {
    width: 85%;
    top:50%;
  }
  .customer .item_01_list li:not(:nth-child(4n)) {
    margin-right: 0;
  }
  .customer .item_01_list li:nth-child(odd) {
    margin-right: 1%;
  }
  .customer_list li {
    font-size: 14px;
    padding: 15px;
  }
  .mypage {
    height: 185vh;
  }
  .profile_box {
    padding: 20px;
  }
  .profile_box > .profile_btn {
    padding: 10px 0;
  }
  .rfq_list input {
    margin-top: 10px;
  }
  .rfq_list > div:nth-child(1) > a {
    font-size: 12px;
  }
  .join_box {
    padding: 30px 20px;
    border-radius: 5px;
  }
  .join_txt input {
    font-size: 11px;
  }
  .join_select {
    width: 80%;
  }
  .phone_id_button_01 a {
    font-size: 13px;
  }
  .phone_id p {
    font-size: 11px;
  }
  .all_agree p {
    font-size: 13px;
  }
  .logo_box {
    width: 100%;
  }
  #my_detail .padding {padding-top: 30px;}
  #my_detail .cont {padding: 30px;}
  #history_year_02 {top: 135px;}
  #history_content_02 {padding-top: 49px;}
  #en_history #history_year_02 {top: 133px;}
  #en_history #history_content_02 {padding-top: 58px;}
  #en_history .spot_03 {top: 323px;}
  #ko_history_banner span {width: 249px;}
  #ko_history_banner h2 {font-size: 16px;letter-spacing: 3px;}
}
@media all and (max-width:438px) {
  #en_history #history_year_02 {top: 162px;}
  #en_history .spot_02 {top: 133px;}
  #en_history .spot_03 {top: 322px;}
}

@media all and (max-width:440px) {
  .process_content {
    margin-bottom: 50px;
  }
  .process_div {
    flex-direction: column;
  }
  .process_box {
    width: 100%;
    padding: 20px 0;
  }
  .process_ico {
    width: 30px;
    height: 100px;
    transform: rotate(90deg);
    margin-bottom: 10px;
  }
  .project_content {
    margin-top: 260px;
  }
  .process .add_div_txt .add_none p {
    line-height: 1;
  }
  .quotation .sign_list > div:nth-child(2) > div:nth-child(1) {width: 75%;}
  .quotation .sign_list > div:nth-child(2) > div:nth-child(2) {width: 23%;}
  #notice_detail .cont .notice_cont .no_title h3 {margin-bottom: 10px;}
  #notice_detail .cont .notice_cont .no_title {flex-direction: column;align-items: stretch;padding: 10px;}
  #notice_detail .cont .notice_cont .no_title .right {justify-content: flex-end;font-size: 14px;}
  #notice_detail .cont .notice_cont .no_title .right h4:first-child {margin-left: 0;}
  .join_select {width: 100%;}
}
@media all and (max-width:427px) {
  .currency div div {margin-right: 5px;}
}
@media all and (max-width:423px) {
  .spot_03 {top: 275px;}
  .mission_box > div {left: 10%;width: 97px;height: 64px;}
}
@media all and (max-width:400px) {
  .join_txt label{
    width: 92px;
  }
  .file_title .exp{
    font-size:13px;
  }
  .login_set p {
    font-size: 11px;
  }
  .login_set ul li a {
    font-size: 11px;
  }
  .login_guide > p {
    font-size: 11px;
  }
  .join_button > a {
    font-size: 11px;
    height: 32px;
    line-height: 32px;
  }
  .sup_list {
    padding: 15px;
  }
}
@media all and (max-width:380px) {
  .join_txt label{
    width: 92px;
  }
  .file_title .exp{
    font-size:13px;
  }
  .sub_banner {
    height: 113px;
    background: url("../../img/hp/banner_01.jpg") center center no-repeat;
    background-size: cover;
  }
  .sub_banner_en {
    height: 113px;
  }
  .main {
    min-height: 460px;
    height: 48vh;
  }
  .main_visual {
    height: 180px;
  }
  .right_visual {
    padding: 130px 20px;
    padding-top: 30px;
    height: 160px;
  }
  .right_visual a {
    padding: 15px 0;
    height: 100px;
  }
  .en_present .present_content {top: 143%;}
  .en_present_content > div {height: 290px;}
  .en_mission {margin-top: 635px;}
  .company_banner {
    height: 140px;
  }
  .company > div > ul li div {
    width: 70%;
  }
  #map {
    height: 300px;
  }
  #map2 {
    height: 300px;
  }
  .company_title p {
    font-size: 12px;
  }
  .sup_box ul li {
    font-size: 11px;
  }
  .sup_title p {
    font-size: 11px;
  }
  .customer .item_01_list li div {
    width: 10px;
    height: 10px;
  }
  .customer .item_01_list li div:nth-child(1) {
    top: 5px;
    left: 5px;
  }
  .profile ul li > span {
    font-size: 12px;
  }
  .login_bg {
    padding-top: 150px;
  }
  .login_box {
    padding: 25px;
  }
  .login_content ul {
    font-size: 13px;
  }
  .sup_list {
    padding: 0;
    background: #fff;
  }
  .join_txt label{
    width: 92px;
  }

  .file_title .exp{
    font-size:13px;
  }
  .process .add_div_txt .add_none p {
    font-size: 11px;
  }
  .list_pic {
    width: 60px;
    height: 60px;
  }
  #footer > div:nth-child(1) {
    align-items: flex-start;
  }
  .f_logo {
    width: 66px;
  }
  #footer > div:last-child {
    flex-direction: column;
  }
}
@media all and (max-width:374px) {
  #en_history .spot_03 {top: 349px;}
}
@media all and (max-width:363px) {
  .supplier03_box {
    padding: 20px 10px;
  }
  .join_select {
    font-size: 13px;
  }
  #my_detail .padding {padding-top: 15px;}
  #my_detail .cont {width: 85%;padding: 20px 15px;}
}
@media all and (max-width:353px) {
  #history_year_02 {top: 162px;}
}
@media all and (max-width:340px) {
  .join_txt label{
    width: 92px;
  }
  .file_title .exp{
    font-size:13px;
  }
  .item_01 {
    min-height: 1208px;
  }
  .mission_box > div {left: 13%;}
}
/* @media all and (max-width:338px) {
  #en_history .spot_03 {top: 378px;}
} */
@media all and (max-width:321px) {
  .sub_banner, .sub_banner_en {
    height: 82px;
  }
  .main {
    min-height: 386px;
  }
  .main_visual {
    height: 180px;
  }
  .company > div > ul li div {
    width: 65%;
  }
  .sup_box {
    padding: 40px;
  }
  .customer .item_01_list li p {
    font-size: 10px;
  }
  .profile_box {
    padding: 15px;
    height: 218px;
  }
  .rfq_list li {
    padding: 15px;
  }
  .join_txt .profile_button {
    font-size: 11px;
  }
  .join_select {flex-direction: column;background: #dcecf7;border-radius: 5px;margin: 20px 0;padding: 15px;}
  .join_select > div:first-child {margin-bottom: 5px;}
  #m_msg .msg_reply {min-height: 448px;}
}
@media all and (max-width:321px) {
  #en_history .spot_03 {top: 377px;}
}
@media all and (max-width:318px) {
  .history_content > div {
    margin-left: 17px;
  }
  .history_content h4 {
    margin-right: 7px;
  }
  .sup_box > div:nth-child(3) .sup_title {width: 100px;}
  #en_history .spot_03 {top: 349px;}
}
/* @media all and (max-width:313px) {
  #en_history .spot_03 {top: 349px;}
} */
@media all and (max-width:296px) {
  #en_history .spot_03 {top: 376px;}
}
@media all and (max-width:281px) {
  #en_history .spot_03 {top: 402px;}
}
@media all and (max-width:270px) {
  #en_history .spot_03 {top: 430px;}
}
@media all and (max-width:260px) {
  #en_history #history_year_02 {top: 190px;}
  #en_history .spot_03 {top: 428px;}
}








/* 카테고리 2 추가작업 */

li.on a.on + .cate_2{
  display:block;
}


.bottom_line{
  transition: all linear 0.4s;
  border-bottom:2px solid #fba557;
  width:0px;
  position:absolute;
  margin : 5px auto 0px auto;
  bottom:-8px;
  transform: translate(15%, 50%);
}


.cate_2{
  position: absolute;
  left: 101px;
  top: 0px;
  width: 108px;
  background: #fff;
  line-height: 24px;
  text-align: center;
  cursor:pointer;
  box-shadow: 0px 0px 1px #606060;
  display:none
}


.left_line{
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width:0px;
  border : 2px solid #ff7f00;
  opacity:0;
}


.cate_2_line{
  position:relative;
}

.cate_2 > div{
  width:108px;
  height:30px;
  line-height:30px;
}

.cate_2 .cate_2_name:hover + .left_line{
  opacity:1;
}




/* comment */

.comment{
  margin-bottom:100px;
}


.comment_time{
  padding:7px 0px;
}


.comment_div{
  margin-bottom:40px;
}


.comment_line{
  padding:13px 13px;
  margin-top:10px;
  box-shadow:0px 0px 4px #dadada;
  border-radius:5px;
}


.comment_write{
  width:100%;
}

.comment_content{
  width:100%;
  margin-top:10px;
}

.comment_id_view{
  margin-top:9px;
  margin-left:10px;
  color:#a0a0a0;
  font-size:0.9em;
}


.user_type{
  border-radius:5px;
  margin:0px 10px;
  padding:0px 10px;
  color:#d0d0d0;
  font-size:0.9em;
  background:#505050;
  line-height:27px;
}

.comment_content_view{
  margin-top:10px;
  min-height: 55px;
  word-break:break-all;
  text-align:left;
}


.comment_content{
  padding:10px 10px;
}


.comment_reg_div{
  width:100%;
  text-align:right;
}

.comment_reg{
  background:#3a8afd;
  padding:12px 10px;
  width:80px;
  text-align:center;
  margin-top:10px;
  display:inline-block;
  cursor:pointer;
  border-radius:5px;
  color:#fff;
}


.reply_reg{
  background:#3a8afd;
  padding:12px 10px;
  width:80px;
  text-align:center;
  margin-top:10px;
  display:inline-block;
  cursor:pointer;
  border-radius:5px;
  color:#fff;
}

.comment_answer_div{
  width:100%;
  text-align:right;
  cursor:pointer;
  margin : 28px 0px 6px 0px;
}


.comment_answer_button{
  width:100%;
  text-align:right;
  margin-bottom: 6px;
}

.comment_answer{

  padding:10px;
  width:51px;
  text-align:center;
  margin-top:10px;
  display:inline-block;
  cursor:pointer;
  border-radius:5px;
  color:#a8a8a8;
  font-size:0.9em;

}


.comment_delete{

  padding:10px;
  width:51px;
  text-align:center;
  margin-top:10px;
  display:inline-block;
  cursor:pointer;
  border-radius:5px;
  color:#a8a8a8;
  font-size:0.9em;

}

.reply_view{

  padding:10px;
  width:70px;
  text-align:center;
  margin-top:10px;
  display:inline-block;
  cursor:pointer;
  border-radius:5px;
  color:#a8a8a8;
  font-size:0.9em;

}


.reply_content{
  width:88%;
  display:inline-block;
}



.reply_div{
  width:100%;
  text-align:right;
}



.reply_line{
  border-bottom:1px solid #d0d0d0;
  padding:4px 10px;
  margin-top:10px;
  display:inline-block;
  width:89%;
}



.reply_content_view{
  margin-top:10px;
  min-height: 55px;
  word-break:break-all;
  text-align:left;
}





.reply_private_div{
  padding:15px 0px;
}


.reply_div{
  display:none;
}



.comment_answer_div{
  display:none;
}



.mts_new{
  display: inline-block;
  background: #b9ffda;
  color: #23db79;
  padding: 5px 7px;
  border-radius: 5px;
  font-size: 0.7em;
  margin-left:7px;
}
.banner_div{
  width:100%;
  height:370px;
  position: relative;
  margin-bottom: 10px;
  background: #000000;
}

.banner_img{
    width:100%;
    height:100%;
    object-fit: cover;
    opacity: 0.5;

}

.img_str_one{
  position:absolute;
  top:7%;
  left: 50%;
  transform: translate(-50%, 0%);
  color:#fff;
  font-size:2.7em;

  text-shadow: 1px 2px 4px #000000;
  line-height: 55px;
  width: 100%;
  text-align: center;
}

.img_str_one div{
  font-weight:600;
}

.img_str_two{
  position:absolute;
  top:41%;
  left: 50%;
  transform: translate(-50%, 10%);
  color:#fff;
  font-size:1.4em;
  width: 100%;
  text-shadow: 0px 1px 3px #000000;
  line-height: 35px;
}

.img_str_two div:nth-child(1){

}

.img_str_two div{

  text-align: center;
}

.content{
  width:100%;
  text-align: center;
  padding : 5px 0px;
  margin-top:100px;
}

.mts_div{
  width: 100%;
  margin-top: 8px;
  margin-bottom: 100px;
  display: flex;
}
.mts_div > div:last-child .circle_text {

}

.circle{
    border-radius:50%;
    border:2px solid #036eb7;
    width:250px;
    min-width: 250px;
    height:250px;
        margin: auto;
}
.circle:not(:last-child) {
  margin-right: 10px
}
.circle_text{
  background: #fff;
  height: 30px;
  position: relative;
  top: -2px;
  font-weight: 600;
  font-size:1.3em;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.3
}

.mts_all_cnt{
  color: #02a4ed;
  position: relative;
  top: 80px;
  font-size: 2.3em;
  font-weight: 600;
}
.mts_div > div:last-child .mts_all_cnt {
  font-size: 1.9em;
  top: 85px
}
.list_move{
  font-size: 1.2em;
  background: #02a4ed;
  color: #fff;
  width: 440px;
  display: inline-block;
  padding: 25px 10px;
  cursor:pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position:absolute;
  top:70%;
  box-shadow: 0px 0px 4px #808080;
}
.list_div {
  width:100%;
  text-align:center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.list_move img {
  width: 25px;
  margin-left: 10px
}
#mts_form .content {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.list_b_txt {
  color:#02a4ed;font-size:2.7em;font-weight:600;
  padding-top: 20px
}
.list_s_txt {
  color:#000000;font-size:2.2em;font-weight:600;margin-top:22px;
  padding-bottom: 30px
}
@media all and (max-width:940px){
  #mts_form .content {
    width: 90%
  }
  .circle {
    width: 200px;
    min-width: 200px;
    height: 200px
  }
  .mts_all_cnt, .mts_div > div:last-child .mts_all_cnt {
    top: 38%;
    transform: translateY(-50%);
  }
  .mts_div > div:last-child .mts_all_cnt {
    font-size: 1.5em
  }
  .mts_all_cnt {
    font-size: 1.8em
  }
  .list_move {
    font-size: 1.1em;
    padding: 23px 0
  }
  .img_str_two {
    width: 100%;
    text-align: center;
  }
  .list_b_txt {
    font-size: 2.2em
  }
  .list_s_txt {
    font-size: 1.9em;
    margin-top: 15px
  }
}
@media all and (max-width:740px){
  .circle {
    width: 180px;
    min-width: 180px;
    height: 180px
  }
  .circle_text {
    font-size: 1em
  }
  .mts_div > div:last-child .mts_all_cnt {
    font-size: 1.3em
  }
  .mts_all_cnt {
    font-size: 1.5em
  }
  .img_str_one {
    font-size: 2.2em
  }
  .img_str_two {
    font-size: 1.1em
  }
  .banner_div {
    height: 300px
  }
}
@media all and (max-width:680px){
  .circle {
    width: 150px;
    height: 150px;
    min-width: 150px;
  }
  .circle_text {
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
  }
}
@media all and (max-width:600px){
  .circle {
    border: none;
    margin: 0;
    height: 100px
  }
  .mts_div {
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 60px
  }
  .mts_all_cnt, .mts_div > div:last-child .mts_all_cnt {
    transform: translateX(-50%);
    left: 50%;
    top: 14%
  }
  .circle {
    width: auto;
    min-width: inherit;
    height: auto;
  }
  .circle_text {
    width: auto;
    height: auto;
    font-size: 1em;
    font-weight: 500;
    height: 42px;
    margin-bottom: 20px
  }
  .circle_text, .mts_all_cnt, .mts_div > div:last-child .mts_all_cnt {
    position: inherit;
    transform: none;
  }
  .mts_div > div:last-child .circle_text {
    padding-top: 0
  }
  .list_b_txt {
    font-size: 1.7em;
    padding-top: 0
  }
  .banner_div {
    height: 250px
  }
  .img_str_two {
    top: 42%
  }
  .img_str_one {
    font-size: 1.9em
  }
  .img_str_one div {
    line-height: 1.3
  }
  .img_str_two div {
    line-height: 1.4
  }
  .circle:not(:last-child) {
    margin-right: 0
  }
  .circle {
    width: 33%;
    border-radius: 0;
    padding: 5px 0;
  }
  .list_s_txt {
    margin-top: 10px;
    font-size: 1.5em
  }
  .circle:not(:last-child) {
    border-right: 1px solid #ccc
  }
  .list_move {
    font-size: 0.9em;
    width: 320px;
    height: 40px;
    padding: 20px 0;
  }
  .list_move img {
    width: 20px
  }
}
@media all and (max-width:480px){
  .img_str_one {
    font-size: 1.7em
  }
  .img_str_two {
    font-size: 0.9em
  }
  .banner_div {
    height: 220px;
    margin-bottom: 25px
  }
  .list_b_txt {
    font-size: 1.5em
  }
  .list_s_txt {
    font-size: 1.2em
  }
  .mts_div {
    margin-top: 10px
  }
  #mts_form {
    min-height: calc(100vh - 250px)
  }
}
@media all and (max-width:414px){
  .img_str_one {
    font-size: 1.4em
  }
  .img_str_two {
    font-size: 0.8em
  }
  .banner_div {
    height: 180px
  }
  .mts_div > div:last-child .mts_all_cnt {
    font-size: 1em
  }
  .mts_all_cnt {
    font-size: 1.1em
  }
  .circle_text {
    font-size: 0.9em;
    margin-bottom: 10px
  }
  .list_b_txt {
    font-size: 1.2em
  }
  .list_s_txt {
    font-size: 1em
  }
}
@media all and (max-width:345px){
  .img_str_one {
    font-size: 1.2em
  }
  .banner_div {
    height: 165px
  }
}
@media all and (max-width:300px){
  .img_str_one {
    font-size: 1.1em
  }
  .img_str_two {
    font-size: 0.7em
  }
  .banner_div {
    height: 145px
  }
  .mts_div > div:last-child .mts_all_cnt {
    font-size: 0.8em
  }
  .mts_all_cnt {
    font-size: 0.9em
  }
  .circle_text {
    font-size: 0.7em
  }
  .circle {
    padding-top: 0
  }
  .list_move {
    font-size: 0.7em;
    width: 200px;
    padding: 15px 0
  }
}