/* @import url('./reset.css'); */
@import url('./common.css');

/* sub common */
#sub footer{margin-top: 200px;}
/* #header div a{color : #000; border-color : #000;} */
/* #header div a path{fill : #000;} */
#wrap div#header{background-color : #111111bf;}
h2{font-size: 30px; font-weight: 800; text-align: center; color: var(--primary-color)}
h4{text-align: center; margin-top: 100px; margin-bottom: 112px; font-weight: 800; font-size: 3.2rem; color : #000}
h5{font-size: 18px; line-height: 1.8; font-weight: 800; color : var(--primary-color)}
.mobile768{display : none;}

.image{text-align: center;}
.pre_line{white-space: pre-line;}

.center{text-align: center;}
.map{width: 100%; height: 500px;}

/* 인사말 */
.info01_inner01{width: 96%; max-width : 1200px; margin : 0 auto 300px;}
.bar_txt{text-align: center; }
.bar_txt span{font-size: 22px; font-weight: 800; position: relative;}
.bar_txt span::after{content : ''; display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: calc(100% + 22px); height: 9px; background: var(--primary-color); opacity: 0.15;}

.ceo_txt{text-align: center; line-height: 1.687;}

.ceo_sign{display: flex; align-items: flex-end; justify-content: center; gap: 26px;}
.ceo_sign p{font-weight: 500; font-size: 20px;}
.ceo_sign p b{font-weight: 800;}

.info01_list{display : flex; justify-content: space-between; gap: 30px;}
.info01_list li{}
.info01_list li img{width : 100%; max-width : 367px;}

.info01_inner02{width: 96%; max-width : 1520px; margin : 0 auto;}
.img{text-align: center;}
.img img{width: 100%;}
.inner2_txt{ text-align: center; line-height: 1.6875;}
.inner2_txt b{font-weight: 800;}

.khwrap .img{border : 1px solid #cccccc86; box-sizing: border-box;}
.swiper-slide{border : 1px solid #cccccc86; box-sizing: border-box;}

/* 국내외 네트워크 */
.info03_inner01{width: 96%; max-width : 1200px; margin : 0 auto 300px;}
.info03_inner02{width: 96%; max-width : 1200px; margin : 0 auto 300px;}

/* 오시는 길 */
.info05 .inner{max-width : 1200px; width : 96%; margin : 0 auto;}
.info05_wrap{display : flex; gap: 100px; margin-top:150px; margin-bottom: 70px;}
.info05_wrap .info05_tit{font-size: 2rem; font-weight: 800;}
.info05_wrap .info05_con{flex : 1 0 auto;}
.info05_wrap .info05_con ul{}
.info05_wrap .info05_con ul li{padding-left:40px; display : flex; gap:30px; margin-bottom: 13px;  line-height:2.0;}
.info05_wrap .info05_con ul li:last-child{margin-bottom: 0;}
.info05_wrap .info05_con ul li strong{ font-weight: 700;}
.info05_wrap .info05_con ul li span{ font-weight: 700;}
.info05_wrap .info05_con ul li.i_address{background: url("/file/img/s_img/info05_icon01.png") no-repeat 0 7px;}
.info05_wrap .info05_con ul li.i_tel{background: url("/file/img/s_img/info05_icon02.png") no-repeat 0 7px;}
.info05_wrap .info05_con ul li.i_fax{background: url("/file/img/s_img/info05_icon03.png") no-repeat 0 7px;}
.info05_wrap .info05_con ul li.i_email{background: url("/file/img/s_img/info05_icon04.png") no-repeat 0 7px;}
.info05_wrap .info05_con ul li span em{}
.info05 .map{width : 100%; }
.info05 .root_daum_roughmap .wrap_map{height: 500px;}

/* 고객센터 */
.gap50{gap : 50px;}
.gap20{gap : 20px;}
.gap16{gap : 16px;}
.f_wrap > label{position: relative;display : flex; align-items: center; padding-left: 43px;}
.contact_radio{width: 0;height: 0;}
.contact_radio:checked::before{content : ''; display : block; position : absolute; top: 0; left: 0; width: 30px; height: 25px;  background-color: #fff; background-image: url('/file/img/s_img/check_box.svg'); background-repeat: no-repeat; background-position: center;}
.contact_radio:checked::after{display : none;}
.contact_radio::after{content : ''; position : absolute; display : block; left: 0; top: 0; width: 25px; height: 25px; border-radius: 1px; border: 1px solid #212121;}
dl.form_w dd > input.p120{max-width: 120px;}
.p_btn{cursor: pointer;}
.p_btn .p_check{vertical-align: -1px; margin-right : 6px;}
#file_upload::file-selector-button {display: none;}

.product_btns{display : flex; gap: 20px; justify-content: center; width : 96%; margin : 0 auto 125px;}
.product_btns li{ max-width : 260px; width : 100%; text-align: center;}
.product_btns li.on a{border : 1px solid var(--primary-color); font-weight: 800;}
.product_btns li a{display: inline-block; max-width : 260px; width : 100%; height: 45px; line-height: 45px; font-size : 2rem;  border : 1px solid #d6d6d6; border-radius: 21px;}

/* 기능성 원료 */
.prod02_box_wrap{display : grid; grid-template-columns: repeat(2, 1fr); width: 96%; max-width : 1200px; margin : 0 auto; justify-content: space-between; row-gap : 112px; column-gap: 60px;}
.prod02_box_wrap .prod02_box{max-width: 570px; width : 100%; border-bottom: 1px solid #aaa;}
.prod02_box_wrap .prod02_box p{font-size: 20px; font-weight: 800; padding : 16px 0; background-color: #f2f2f2; text-align: center;}
.prod02_box_wrap .prod02_box ul{padding : 32px 0 32px 32px;}
.prod02_box_wrap .prod02_box ul li{  padding-bottom : 5px;}
.prod02_box_wrap .prod02_box ul li:last-child{padding-bottom: 0;}
.prod02_box_wrap .prod02_box ul li b{font-weight: 800;}

/*  */
.info03 .mb65{text-align: center; word-break: keep-all; }

/* 생산시설 */
.skill01 .inner{width: 96%; max-width : 1200px; margin : 0 auto;}
.sk_list{display : grid; grid-template-columns: repeat(2, 560px); justify-content: space-between; row-gap: 72px; column-gap: 20px;}
.sk_list li{}
.sk_list li img{width: 100%; max-width : 560px;}
.sk_list li p{text-align: center; margin-top: 34px;  font-weight: 800;}
.skill_content02{margin-bottom: 316px;}

.sk_txt_wrap{}
.sk_txt_wrap .sk_txt{display : flex; gap: 130px; }
.sk_txt_wrap .sk_txt .txt{flex : 1;}
.sk_txt_wrap .sk_txt:first-child .txt{border-top: 2px solid var(--primary-color);}
.sk_txt_wrap .sk_txt:last-child .txt{border-bottom: 2px solid var(--primary-color);}
.sk_txt_wrap .sk_txt .tit{position: relative; font-size: 20px; font-weight: 800; margin-top: 25px; padding-left: 22px; flex: 0 0 150px; }
.sk_txt_wrap .sk_txt .tit::before{content : ''; display: block; position: absolute; top: 8px; left: 0; width: 12px; height: 12px; background: var(--primary-color); }
.sk_txt_wrap .sk_txt .txt{border-bottom : 1px solid var(--primary-color); white-space: pre-line; padding : 29px 0 29px 20px; letter-spacing: -0.5px;}

.sk_txt .dot{position : relative;  font-weight: 800; padding-left: 20px; letter-spacing: -0.3px;}
.sk_txt .dot::before{content : ''; display : block; position : absolute; width: 8px; height: 8px; border-radius: 100%; background: var(--primary-color); top: 8px; left: 0;  }
.sk_txt .dot:last-of-type{margin-bottom: 0;}

.sk_txt .normal{ position: relative;  font-weight: 700; padding-left: 30px; line-height: 1.687;}
.sk_txt .normal::before{content : ''; display : block; position : absolute; width: 5px; height: 1px; background: #000; top: 14px; left:18px;  }
.sk_txt .tri{ font-weight: 700; padding-left: 40px; background-image: url('/file/img/s_img/tri.svg'); background-repeat: no-repeat; background-position: left 20px top 7px;}
.sk_txt .gray{padding-left: 20px;}
.br991{display : none;}

/* 제품 게시판 */
.info_txt ul li:first-child{word-break: keep-all;}
.info_txt ul li span{word-break: keep-all;}

/* 2023.06.16. */
.history_btn{display: flex; justify-content: center; margin-bottom: 210px;}
.history_btn li{position : relative; padding : 16px 17px 0; text-align: center;}
.history_btn li::after{content : ''; display : block; position : absolute; top: 0; left: 0; width: 100%; height: 5px; border-radius: 3px; background: #F2F2F2;}
.history_btn li a{display: inline-block;}
.history_btn li a p{font-size: 22px; font-weight: 400; margin-bottom: 15px; color : #bbb}

.history_btn li.on{}
.history_btn li.on::after{background: var(--primary-color);}
.history_btn li.on a{}
.history_btn li.on a p{color : #000; font-weight: 800;}
.history_btn li.on a span{color : #000}

.prod01 h4, .prod02 h4, .prod03 h4{position: relative; margin-top: 270px;}
.prod01 h4::before, .prod02 h4::before, .prod03 h4::before{content: ""; display : block; position: absolute; background-repeat: no-repeat; left: 50%; transform: translateX(-50%); background-size: contain; }
.prod01 h4::before{background-image: url('/file/img/s_img/g_logo03.png'); width: 125px; height: 118px; top: -170px}
.prod02 h4::before{background-image: url('/file/img/s_img/g_logo02.png'); width: 232px; height: 71px; top: -125px;}
.prod03 h4::before{background-image: url('/file/img/s_img/g_logo01.png'); width: 117px; height: 177px; top: -210px;}

a.m_btn{display : none;}

.logo_wrap ul{display: flex; justify-content: center; gap : 92px;}
.logo_wrap ul li{}
.logo_wrap ul li img{}

@media (max-width : 1250px){
  .inner2_txt.pre_line{white-space: normal; text-align: left; word-break: keep-all;}
  .info01 .mobile{display : block;}

  .ceo_txt.pre_line{white-space: normal; text-align: left; line-height: 1.5; word-break: keep-all;}

  /* 생산시설 */
  .sk_list{grid-template-columns: 1fr 1fr; text-align: center; row-gap: 50px;}
  .skill_content02{margin-bottom: 200px;}
}

@media (max-width : 1199px) {
  .mb160{margin-bottom: 80px;}
  h4{margin : 100px 0 80px;}
  .info05 .map{height: 400px;}
  .info05 .root_daum_roughmap .wrap_map{height: 400px;}
  .product_btns{margin-bottom: 80px;}
  .info01_inner01{margin-bottom: 150px;}

  /* 생산시설 */
  .sk_txt_wrap .sk_txt{flex-direction: column; gap: 20px}
  .sk_txt_wrap .sk_txt .tit{flex : 1 0 auto;}
  .sk_txt_wrap .sk_txt:first-child .txt{border-top : none;}
  .sk_txt_wrap .sk_txt .txt{padding-top: 0;}
  .br_tit br{display : none;}
}

@media (max-width : 1000px) {

}

@media (max-width : 991px){

  .info05_wrap .info05_tit{font-weight: 800; font-size: 1.7rem;}
  .info05_wrap{flex-direction: column; gap:18px;}
  .info05_wrap .info05_con ul li strong{flex-shrink: 0;}
  .info05_wrap .info05_con ul li{line-height: 1.5; margin-bottom: 25px; padding-left: 30px; background-position: 0px 4px !important;}

  /* 기능성원료 */
  .prod02_box_wrap{column-gap: 30px; row-gap : 60px;}
  .prod02_box_wrap .prod02_box ul{padding: 32px 0 32px 16px;}

  .inner2_txt.pre_line{ line-height: 1.5;}

  /* 생산시설 */
  .sk_list{column-gap : 10px; row-gap: 24px;}
  .skill_content02{margin-bottom: 100px;}
  .sk_txt_wrap .sk_txt .txt{white-space: normal; padding-left: 0; word-break: keep-all; font-size: 15px;}
  .br991{display : block;}
  .sk_txt_wrap .sk_txt .tit{}
  .sk_list li p{margin-top: 14px; font-size: 15px;}
  .sk_txt .dot{font-size: 15px; font-weight: 700;}
  .sk_txt .normal{font-size: 15px; line-height: 1.5;}
  .line_txt .normal{margin-bottom: 5px;}
  .sk_txt .normal{padding-left: 20px;}
  .sk_txt .normal::before{top: 11px; left: 9px;}
  .sk_txt_wrap .sk_txt .tit{margin-top: 20px;}
  .skill01 .img img{width: 50%;}
  .sk_txt .gray{font-size: 15px;}
  .sk_txt .tri{font-size: 15px;}
}

@media (max-width : 840px) {

}

@media (max-width : 768px){
  .mb160{margin-bottom: 50px;}
  #sub footer{margin-top: 100px;}
  h4{margin : 60px 0 40px; font-size: 2rem; font-weight: 800;}
  .info05_wrap .info05_con ul li{flex-direction: column; gap: 6px; margin-bottom: 15px;}
  .info05 .map{height: 300px;}
  .info05 .root_daum_roughmap .wrap_map{height: 300px;}
  .info05_wrap{margin-bottom: 20px; margin-top: 70px;}
  .info05_wrap .info05_con ul li span{font-size: 15px;}
  ul.bo_v_nb li .nb_tit{margin-right: 10px; padding-right: 10px;}
  .bo_v_nb li .nb_date{display : none;}

  .ceo_sign p{font-size: 18px;}

  .product_btns{flex-direction: row; gap: 10px; margin-bottom: 40px;}
  .product_btns li{max-width: none;}
  .product_btns li a{font-size: 1.6rem;}

  /* 기능성원료 */
  .prod02_box_wrap{grid-template-columns: 1fr; row-gap: 30px;}
  .prod02_box_wrap .prod02_box{margin : 0 auto;}
  .prod02_box_wrap .prod02_box p{ padding : 8px 0;}
  .prod02_box_wrap .prod02_box ul{padding: 16px 0 16px 5px;}
  .prod02_box_wrap .prod02_box ul li{padding-bottom: 2px; font-size: 15px;}

  .bar_txt span{font-size: 18px;}
  .mobile768{display : block;}
  .bar_txt span::after{display : none;}
  .info01_inner01{margin-bottom: 100px;}
  .info01_list{gap: 10px;}
  .ceo_sign{gap: 10px;}
  .ceo_sign img{max-width : 140px;}
  .info03_inner01{margin-bottom: 100px;}
  .info03_inner02{margin-bottom: 100px;}
  .p_btn .p_check{vertical-align: -2px;}
  .sk_txt_wrap .sk_txt .tit::before{top: 6px;}
  .history_btn{margin-bottom: 80px;}

  .history_btn li a p span{display : block;}
  .history_btn li a p{font-size: 17px;line-height: 1.3;}
  .history_btn li a p{}

  /* 2023.10.31 */
  .prod01 h4, .prod02 h4, .prod03 h4{position: relative; margin-top: 200px;}
  .prod01 h4::before{ width: 96px; height: 118px; top: -112px}
  .prod02 h4::before{ width: 138px; height: 71px; top: -86px;}
  .prod03 h4::before{ width: 70px; height: 132px; top: -133px;}

  .logo_wrap ul{ gap : 20px;}
.logo_wrap ul li{}
.logo_wrap ul li img{height: 68px;}
}

@media (max-width: 600px){

  .history_btn li{}
}

@media (max-width : 500px){

}

@media (max-width : 480px) {

}

@media (max-width: 450px){
  
}

@media (max-width : 385px){

}