/* 공통 */
/* header{height:90px !important} */
/* header .pc_header{padding: 14px 0px;} */
/* header .in_header{height: 90px !important;} */
.wrap.type02{overflow-x:initial}
.wrap.type04{overflow-y:hidden}





/* 개인정보처리방침, 이메일무단수집거부 일때의 헤더 */
.wrap.type03 header .pc_header .logo_wrap .logo1{display:none}
.wrap.type03 header .pc_header .logo_wrap .logo2{display:block}
.wrap.type03 header{border-bottom:1px solid #efefef; background: rgb(255 255 255 / 63%); backdrop-filter: blur(10px);}
.wrap.type03 header .pc_header .menu_wrap .in_menu > li > a{color:#333;}
.wrap.type03 header .pc_header .menu_wrap .pc_submenu{border:1px solid #efefef;}
.wrap.type03 header .pc_header .menu_wrap > div:nth-child(1) > a{border:1px solid #333; color:#333;}
.wrap.type03 header .in_header .menu_bar span{background:#333;}

/* 서브배너 */
.sub_header { height:100vh; position: relative; overflow: hidden;}
.sub_header .content h1{font-size: 3em;font-weight: normal;}
.sub_header .content h3{font-size:1.5em;font-weight: lighter;}
.sub_cont{ display:block; position:relative; background:#fff;}
/* .sub_cont:before{position:absolute; content:""; width:100%; height:200px; background:#fff; left:0; top:0;} */

.show-box .sub-bg {animation: zoom-out-effect 2s ease-out; display:block; position: fixed; width: 100%; padding-bottom: 100vh;
  top: 0; left: 0; background-position: center !important; background-size: cover !important; -moz-transition: 0.1s;-o-transition: 0.1s;-webkit-transition: 0.1s;transition: 0.1s; z-index: -1;
}
@keyframes zoom-out-effect {
  0% {
    transform: scale(1.15, 1.15);
  }
  100% {
    transform: scale(1, 1);
  }
}
.sub_banner_btm{position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%);}
.scroll_btn{position:absolute; bottom:0;right:0; }
.scroll_btn em{    position: absolute; top: -130px; color: rgb(255 255 255 / 84%); left: 50%; transform: translateX(-50%) rotate(90deg);}
.scroll_btn span { background: rgba(255,255,255,0.3); bottom:0px; height: 100px; overflow: hidden; position: absolute; width: 1px;    }
.scroll_btn span::before { animation: pill 3.5s linear infinite; background:#fff; border-radius: 2px; content: ''; display: block; height: 100px; left: 0; position: absolute; width: 1px;  }
.scroll_btn:before{    position: absolute; content: "SCROLL DOWN"; left: -50px; top: -165px; font-size: 13px; color: rgb(255 255 255 / 74%); transform: rotate(90deg); font-weight: 200; width: 100px;}

@keyframes pill {
  0% { top: -100px; }
  50% { top: 0; }
  100% { top: 140px }
}

.show-box {height: 100%; position:relative;}
.show-box .sub-bg1{background:url(../img/aws/16628224593623.jpg) no-repeat;}
.show-box .sub-bg2{background:url(../img/aws/166603692959180.jpg) no-repeat;}
.show-box .sub-bg3{background:url(../img/aws/166112225899013.jpg) no-repeat;}
.show-box .sub-bg4{background-repeat: no-repeat;}
.show-box .sub-bg5{background:url(../img/aws/166112347231950.jpg) no-repeat;}
.show-box .sub-bg6{background:url(../img/aws/166112178833674.jpg) no-repeat;}
.brand-tit{  position: absolute; top: 50%;     display: flex; justify-content: space-between;    width: 100%; left: 50%; transform: translate(-50%,-50%); }
.brand-tit em{display:block; font-size: 18px; letter-spacing:4px; color: rgb(255 255 255 / 85%); font-weight: 300; padding-left:5px}
.brand-tit p{ color: #fff;  }
.brand-tit span{font-size: 50px;  font-family: 'Jeju Myeongjo', serif; color: #fff; line-height: 1.5;  }
:lang(zh) .brand-tit span{font-family: "Noto Serif SC", serif !important;}
:lang(en) .brand-tit span{font-size: 45px;}
.sub_header ul{    display: flex; color:#fff;}
.sub_header ul li{}
.sub_header ul li span{position:relative; display: inline-block; padding: 0px 16px; opacity:0.9 }
.sub_header ul li:last-child span:before{display:none;}
.sub_header ul li span:before{position: absolute; content: ""; width: 4px; height: 4px; background: #fff; border-radius: 50%; top: 9px; right: 0;}

/* 홍삼소개 배너 */
.sb_type02 .brand-tit{justify-content: center;text-align: center;}
.sb_type02 .brand-tit em{position: absolute; top: 50%; left: 50%;     color: rgb(255 255 255 / 8%);   font-size: 260px; transform: translate(-50%,-50%); padding-left:0;}
.sb_type02 .brand-tit span{    font-size: 70px;}
.sub_header .clouds{ position: absolute; bottom:-100px; left:0; width: 100%; height: 100%; overflow: hidden;}

.sub_header .clouds img{ position: absolute; bottom: 0; max-width: 100%; animation: animate calc(30s * var(--i)) linear infinite;}
.sub_header .clouds img:nth-child(1){}
.sub_header .clouds img:nth-child(2){}
.sub_header .clouds img:nth-child(3){}
.sub_header .clouds img:nth-child(4){opacity:0.7;    bottom: -80px;}
.sub_header .clouds img:nth-child(5){}

@keyframes animate{
  0%{
      transform: translateX(-100%);
  }
  100%{
      transform: translateX(100%);
  }
}





.sub_tab{display: flex; border-bottom: 1px solid #efefef; margin-bottom:150px;}
.sub_tab li{}
.sub_tab li a{display:block; padding-bottom:8px; position:relative; font-size: 20px; font-weight: 600; margin-right:60px;}
.sub_tab li a{white-space: nowrap;}
.sub_tab{overflow-x: auto; overflow-y: hidden;}
.sub_tab li.on a{    font-weight: 800;}
.sub_tab li.on a:before{bottom:0; position:absolute; content:""; width:100%; height:3px;   background: linear-gradient(to right, #8dcda2, #0bac9f);}

.swiper { width: 100%; height: 100%;}
.swiper-slide { display: flex; justify-content: center; align-items: center;}
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;}

.t_pagination{display: flex; justify-content: center; margin-top:80px;align-items: center;}
.t_pagination.type02{margin-top:10px}
.t_pagination a{margin:0px 10px;}
.t_pagination a.page_btn.btn_1{    transform: rotate(90deg);}
.t_pagination a.page_btn.btn_2{    transform: rotate(-90deg);}
.t_pagination a.page_num.on{    font-weight: 600; color: #fff; background: #131313; padding: 4px 12px; border-radius: 50%;}
.t_pagination a i{       filter: invert(0.5); display: block; width: 19px;}



/* 이벤트 */
select {width: 80px; border:none; padding: 10px 0px; background: url(../img/aws/166078225352482.png) no-repeat 95% 50%;
    -webkit-appearance: none; -moz-appearance: none; appearance: none; outline:none;background-size: 10px; font-size:15px}
select::-ms-expand { display: none;}
.search_wrap{    display: flex; align-items: center; justify-content: space-between;}
.search_wrap p{font-weight: 500; color: #777;}
.search_wrap span{color: #0bac9f; font-weight: 800; padding-right: 2px;}
.search_wrap div{display: flex; align-items: center; background: #f9f9f9; padding: 7px 16px;}
.search_wrap div select{cursor: pointer;}
.search_wrap input{    border: none; outline: none; width: 320px; padding: 0px 10px; margin-left: 10px; border-left: 1px solid #ccc; font-size: 12px;  font-size:15px}
.search_wrap i{display:block; cursor:pointer; width:20px;}
.board{padding-top: 30px;}
.in_board{display: flex;flex-wrap: wrap;}
.in_board li{width:33.33%; margin-bottom:70px; padding: 0px 10px; z-index: 9; cursor:pointer;}
.in_board li:hover > div i{ transform: scale(1.1);}
.in_board li > div{overflow:hidden; position:relative; background:#fff; border: 1px solid #efefef;}
.in_board li > div i{display:block; position:relative; transition:all 0.3s; height: 350px; margin-bottom: 80px;}
.in_board li > div i img{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.in_board li > div div{    padding: 24px; position: absolute; bottom: -71px; background: #fff; transition:all 0.3s; width: 100%;}
.in_board li:hover > div > div{bottom:0px;}
.in_board li > div div span{font-size: 14px; color: #a1a1a1;}
.in_board li > div div i{display: block; }
.in_board li > div div h4{padding:10px 0px; font-size: 22px;}
.in_board li > div div p{    font-size: 16px;}

/* 공지사항 */
.board.type02{border-top: 1px solid #333; padding-top:0px; margin-top:50px;}
.board.type02 > div{}
.board.type02 > div ul{}
.board.type02 > div ul li{}
.board.type02 > div ul li > a{border-bottom:1px solid #efefef; display: flex;    padding: 24px 40px; width: 100%; justify-content: space-between; align-items: center;}
.board.type02 > div ul li > a > div{    display: flex; align-items: center; width: calc(100% - 120px); margin-right:32px;}
.board.type02 > div ul li > a > div > span{    font-size: 18px; font-weight: 800; padding-right:50px;}
.board.type02 > div ul li > a > div p{font-size:20px;    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board.type02 > div ul li > a i{    display: block; width: 16px; transform: rotate(-90deg);}
.board.type02 > div ul li > a .notice_right{width:120px;}
.board.type02 > div ul li > a .notice_right span{font-size: 15px; font-weight: 400;padding-right: 20px; color: #777;}
.board.type02 > div ul li > a .notice_right span i{}



/* 제품소개 */
.item_cont{display:flex; padding-top:100px;}
.item_cont > div{width:50%; margin-right:70px;}
.swiper { width: 100%; height: 300px; margin-left: auto; margin-right: auto;}
.swiper-slide { background-size: cover; background-position: center;}
.item_swiper2 { height: 360px; width: 100%;}
.item_swiper { height: 110px; box-sizing: border-box; padding-top:10px;}
.item_swiper .swiper-slide { width: 25%; height: 100%; opacity: 0.4;}
.item_swiper .swiper-slide-thumb-active { opacity: 1;}
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;}
.item_cont .item_img .swiper-slide{border:1px solid #f5f5f5;}
.item_cont .item_txtbox{margin-right:0; display: flex; flex-direction: column; justify-content: space-between;}
.item_cont .item_txtbox h3{font-size: 42px;}
.item_cont .item_txtbox > div > div span{color:#a1a1a1}
.item_cont .item_txtbox > div > div h4{font-size: 40px;}

.item_cont .item_txtbox > div p strong{ font-size: 20px; font-weight: 800;background: linear-gradient(to right, #8dcda2, #0bac9f); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.item_cont .item_txtbox > ul{}
.item_cont .item_txtbox > ul li{}
.item_cont .item_txtbox > ul li div{display:flex; padding-bottom:16px;}
.item_cont .item_txtbox > ul li div span{    width: 170px; font-size: 17px; font-weight: 600; }
.item_cont .item_txtbox > ul li div p{    font-size: 17px; color: #333; font-weight: 600;}
.item_cont .item_btm > div{display:flex;align-items: center;padding: 20px 0px; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef;}
.item_cont .item_btm > div span{width: 70px;}
.item_cont .item_btm > div p{font-weight:600; padding-top: 0px !important; padding-bottom: 0px !important;}
.item_cont .item_btm ul{padding-top:24px;    display: flex; padding-top:32px;}
.item_cont .item_btm ul li{cursor:pointer; width:100%;}
.item_cont .item_btm ul li div{display:flex;padding-bottom:0px !important;justify-content: center;background: #0bac9f; color:#fff !important;}
.item_cont .item_btm ul li div > div{background: #0ba397;}
.item_cont .item_btm ul li div span{color:#fff;}
.item_cont .item_btm ul li div span{ width:calc(100% - 50px) !important; padding:15px;display: inline-block;     font-size: 15px !important;}
.item_cont .item_btm ul li div > div{width:50px;}
.item_cont .item_btm ul li:nth-child(1) div i{  }
.item_cont .item_btm ul li:nth-child(1) div i img{ filter: invert(1);}
.item_cont .item_btm ul li div i{display: block; width:54px; height:54px; padding:16px; transform: rotate(-90deg); background:#0aa397;}
.sub_cont > div .item_detail{padding-top:100px;}
.sub_cont > div .item_detail h5{font-size: 24px;}
.sub_cont > div .item_detail ul{padding-top:32px;}
.sub_cont > div .item_detail ul li{}
.sub_cont > div .item_detail ul li p{position:relative; padding-left:20px; font-size:17px;}
.sub_cont > div .item_detail ul li p:before{    position: absolute; content: ""; width: 5px; height: 5px; background: #000; left: 0; top: 10px; border-radius: 50%;}


.list_page{position:relative; display:flex;justify-content: flex-end;}

.item_list_cont ul{display:flex; flex-wrap: wrap;}
.item_list_cont ul li{width: 33.33%; margin-bottom: 50px;}
.item_list_cont ul li > div{padding:0px 16px; cursor:pointer;}
.item_list_cont ul li > div i{display: block; padding: 30px;transition:all 0.4s; width:290px; height:350px}
.item_list_cont ul li > div:hover i{background:#f7f7f7; padding:40px;}
.item_list_cont ul li > div > div{}
.item_list_cont ul li > div > div p{    font-size: 20px; font-weight: 600; margin-top: 24px;}
.item_list_cont ul li > div > div span{font-size: 17px; color: #777; padding-top: 5px; display: block;}
.item_list_cont {width: calc(100% - 280px); padding-left: 50px;}



/* 제품소개 리스트 수정10.18 */
.itemList_top{}
.itemList_top .item_name{}
.itemList_top .item_name span{color: #0bac9f;    font-size: 15px; font-weight: 800; display: none;}

.itemList_top .item_name h3{font-size: 60px; padding: 16px 0px 14px; font-weight: 800;}
.itemList_top .item_txtbox{}
.itemList_top .item_txtbox div{}
.itemList_top .item_txtbox div p{ font-size: 30px; line-height: 1.7;}
.itemList_top .item_txtbox div p strong{font-weight: 800;}
.itemList_top .item_txtbox div span{  font-weight:600;  font-size: 17px; display: block; padding-top: 24px;}
.itemList_top .item_txtbox .img01{background:url(../img/aws/1666047359517.jpg) no-repeat;}
.itemList_btm{}
.itemList_btm > div:nth-child(1){padding-bottom:50px;}
.itemList_btm > div:nth-child(1) p{font-size: 17px; font-weight:600; color:#575757;}
.itemList_btm h4{font-size: 50px; font-weight:700;}
.itemList_btm > div{}
.itemList_btm ul{    display: flex; flex-wrap: wrap;}
.itemList_btm ul li{width:33.33%; cursor:pointer;}
.itemList_btm ul li div{padding:0px 10px; margin-bottom:40px;}
.itemList_btm ul li div i{position:relative;    display: block; padding-bottom: 70%; overflow:hidden; border: 1px solid rgba(0,0,0,0.1);}
.itemList_btm ul li div i img{position:absolute; content:""; width:100%; height:100%; left:0; top:0; transition:all 0.3s;}
.itemList_btm ul li div p{    font-size: 20px; font-weight: 600; padding-top: 16px;}
.itemList_top .item_txtbox .item-move {    margin: 48px 0 100px; width:124%; overflow:hidden; position:relative;  height: 500px; display: none;}

.in_img { position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%; will-change: transform; animation-duration: 27s; animation-name:img-move; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: linear; transform: translateX(0) scale(1);
  background-repeat: no-repeat; background-size: cover;}


@keyframes img-move {
  0% {
    transform: translateX(-5%) scale(1.1);
  }
  100% {
    transform: translateX(5%) scale(1.1);
  }
}



/* CEO 인사말 */
.ceo_top{ text-align: center; margin: 0 auto;}
.ceo_top span{ margin: 0 auto;   display: block; width: 150px;}
.ceo_top p{font-weight: 600; font-size: 20px; margin-top: 20px;}
.ceo_btm{display: flex; padding-top:50px;}
.ceo_btm i{display:block; }
.ceo_btm > div{ width:50%;}
.ceo_btm > div:last-child{padding:50px 0px;}
.ceo_btm > div > div{  padding-bottom:45px;}
.ceo_btm > div div span{}
.ceo_btm > div > div > span, .ceo_btm > div div > p{font-size:28px; font-weight:600}
.ceo_btm > div ul{}
.ceo_btm > div ul li{padding-bottom:30px;}
.ceo_btm > div ul li:last-child{padding-bottom:0px;display: flex; align-items: flex-end;    justify-content: space-between;}
.ceo_btm > div ul li:last-child > div{padding-bottom:0px;}
.ceo_btm > div ul li:last-child div:nth-child(2){}
.ceo_btm > div ul li:last-child div:nth-child(2) i{display: inline-block; cursor:pointer; margin-left:10px; width:40px;}
.ceo_btm > div ul li:last-child span{color:#777}
.ceo_btm > div ul li p{font-size:17px; word-break:keep-all}
.ceo_btm > div ul li p em{font-size: 28px; font-weight:600}
.ceo_btm > div ul li p strong{background: linear-gradient(to right, #8dcda2, #0bac9f);    font-size: 18px; font-weight: 800; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.fill_before { margin-right:70px; position: relative; width: 50%;
    background: url(../img/aws/166603909617578.jpg) 50% / cover; }
.fill_after { position: absolute; left: 0; top: 0; z-index: 5; background: #fff; width: 100%; height: 100%; transform-origin: 100% 0; transition: all 1s ease;}
.fill_before.on .fill_after { transform: scaleX(0);}
.ceo_btm .ceo_imgtxt{padding:54px;}
.ceo_btm .ceo_imgtxt em{width: 120px; display: block;}
.ceo_btm .ceo_imgtxt span{display:block; font-size: 20px; color: #fff; font-weight: 500; padding-top:32px;}



/* 오시는 길 */
.location_wrap{}
.location_wrap > h3{}
:lang(en) .map_wrap{display: none;}
.map_wrap_en{display: none;}
:lang(en) .map_wrap_en{display: block; width: 100%; height: 500px;}
:lang(en) .map_wrap_en iframe{width: 100%; height: 100%;}

.map_wrap .root_daum_roughmap{width: 100%;}
.map_wrap .root_daum_roughmap .wrap_map{height:500px;}
.map_wrap .root_daum_roughmap .border1, .map_wrap .root_daum_roughmap .border2, .map_wrap .root_daum_roughmap .border3, .map_wrap .root_daum_roughmap .border4{display:none;}
.map_info{margin-top:70px; position:relative;}
.map_info .info_detail{}
.map_info .info_detail h4{font-size: 26px; padding-bottom: 20px; margin-bottom: 20px;
  border-bottom: 1px dashed #ddd;
  padding-right: 300px;

}
.map_info .info_detail ul{display: flex;}
.map_info .info_detail ul li{margin-right:40px;}
.map_info .info_detail ul li div{display: flex;}
.map_info .info_detail ul li div span{  background: linear-gradient(to right, #8dcda2, #0bac9f);   -webkit-background-clip: text; -webkit-text-fill-color: transparent;   font-weight: 800; color: #777; font-size: 18px;}
.map_info .info_detail ul li div p{    font-weight: 800; font-size: 18px; padding-left: 10px;}
.map_info .info_link{display:flex; position:absolute;position: absolute;bottom: -15px; right: 0;}
.map_info .info_link p{  justify-content: center;cursor:pointer; transition:all 0.3s;  z-index: 1; padding: 24px;position:relative; display: flex; flex-direction: column; align-items: center; margin-left: 16px;    width: 130px; height: 130px; border: 1px solid #ddd; background: #fff; border-radius: 50%;}
.map_info .info_link p:hover{background: linear-gradient(to right, #8dcda2, #0bac9f); }
.map_info .info_link p i{display: block; width: 22px; transition:all 0.2s; }
.map_info .info_link p:hover i{filter:invert(1); }
.map_info .info_link p span{padding: 8px 0px 5px; font-size:14px; transition:all 0.2s; font-weight:600; text-align: center;}
.map_info .info_link p:hover span{color:#fff;}
.map_info .info_link p em{filter: invert(1); display: block; width: 13px; transform: rotate(45deg); transition:all 0.2s; }
.map_info .info_link p:hover em{filter: inherit}

/* 회사연혁 */
.history_wrap{display: flex;}
.history_wrap .sidebar{width: 40%; position: sticky;margin-right: -2px; z-index: 1;     border-top: 0;border-right: 2px solid #131313;height: 400px;top:0; background:none;}
.history_wrap .sidebar > div{position: absolute; top: 50%;}
.history_wrap .sidebar > div span{font-size: 20px;display: block; font-weight:600; color:#777; line-height:1.7}
:lang(en) .history_wrap .sidebar > div span{padding-right: 32px;}
.history_wrap .sidebar > div p{line-height:1;}
.history_wrap .sidebar > div p:first-child{font-size: 110px;color:#f5f5f5}
.history_wrap .sidebar > div p:last-child{font-size: 80px; color:#131313; position: relative; top: -35px; left: 50px;}
.history_wrap .s_content{width: 60%;}
.history_wrap .s_content ul{position: relative; padding-left: 70px;}
.history_wrap .s_content ul:before{position:absolute; content:""; width:2px; height:100%; left:0; top:0; background:#efefef;}
.history_wrap .s_content ul li{position:relative;}
.history_wrap .s_content ul li:before{ z-index: 1;   position: absolute; content: ""; height: 19px; width: 19px; background: #0bac9f; border-radius: 50%; left: -79px; top: 0;}
.history_wrap .s_content ul li div{ padding-bottom:80px; padding-top:5px;}
.history_wrap .s_content ul li div i{border-radius:20px; overflow:hidden; display: block; position: relative; width: 100%; padding-bottom: 50%;}
.history_wrap .s_content ul li div i img{position:absolute; left:0; top:0; width:100%; height:100%;}
.history_wrap .s_content ul li div p{position:relative; font-size: 20px; margin-top: 32px; font-weight:600; padding-left:16px;}
.history_wrap .s_content ul li div p:before{position:absolute; content:""; top:14px; width:5px; height:5px; border-radius:50%; background:#131313; left:0;}




/* 공장소개 */
.factory_intro{}
.factory_intro > p{font-size: 40px; line-height:1.5}
.factory_intro > p strong{  background: linear-gradient(to right, #8dcda2, #0bac9f);   -webkit-background-clip: text; -webkit-text-fill-color: transparent;  font-weight: 500; font-size: 40px;}
.factory_intro > div{background: #f7f7f7; padding: 64px 0px; margin-top:64px;}
.factory_intro > div .f_intro_txt{}
.factory_intro > div .f_intro_txt p{font-size: 20px; word-break: keep-all; line-height: 1.7;}
.factory_intro > div .f_intro_img{margin-top:50px;}
.factory_intro > div .f_intro_img h4{    padding-bottom: 16px; font-size: 26px;}
.factory_intro > div .f_intro_img div{}
.factory_intro > div .f_intro_img div i{display:block;}
.factory_wrap{padding-top:50px;}
.factory_wrap .panels{}
.fill_before.type02 {  position: relative; width:100%; padding-bottom:53%; background: url(../img/aws/166310555096105_2.jpg) 50% / cover; }
.fill_before.type02:before{display: none; position: absolute; content: ""; background: rgb(0 0 0 / 27%); top: 0; left: 0; width: 100%; height: 100%;}
.fill_after.type02 { position: absolute; left: 0; top: 0; z-index: 5; background: #f7f7f7; width: 100%; height: 100%; transform-origin: 100% 0; transition: all 1s ease;}
.fill_before.on .fill_after { transform: scaleX(0);}
.fc_link{display:flex; padding-top:100px;}
.fc_link li{width:25%; }
.fc_link li a{ border: 1px solid #efefef;   margin: 0px 8px; display: block; position: relative;}
.fc_link li a i{overflow:hidden; display:block;}
.fc_link li a i img{transition:all 0.3s;}
.fc_link li a:hover i img{transform:scale(1.1)}
.fc_link li a span{ font-size:18px;  width: 100%; font-weight:600; display: flex; align-items: center; justify-content: space-between; background: #fff; padding: 14px;}
.fc_link li a span i{display:block; width:16px; transform: rotate(-90deg);}
.pin_wrap{    position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);width: 100%; height: 100%;}
.pin_wrap li{position: absolute; cursor:pointer;}
.pin_wrap li > div{position:relative;    display: flex; align-items: center;}
.pin_wrap li i{display:none !important; position:absolute;  z-index:1;    left: 0; top: 40px;/* border: 1px solid rgb(255 255 255 / 40%);*/  width: 390px; height: 290px;}
.pin_wrap li i img{position:absolute; left:0; top:0; width:100%; }
.pin_wrap li .zoom{    position: relative;}
.pin_wrap li .zoom .out-one{width: 100px; height: 100px; margin: -50px;  opacity: 0.3;  animation: outer-circle 2s infinite;}
.zoom .inner-circle, .zoom .out-one { position: absolute; border-radius: 50%; background:#fff; left: 0px; top: 0px;}
.pin_wrap li .zoom .inner-circle{   width: 11px; height: 11px; left: 50%; top: 50%; border-radius: 50%; background: #fff !important; transform: translate(-50%,-50%);}
.pin_wrap li span{padding-left: 25px; color:#fff; font-weight:600}
@-webkit-keyframes outer-circle {
    0% {
      -webkit-transform: scale(0.4);
    }
    50% {
      -webkit-transform: scale(0.25);
    }
    100% {
      -webkit-transform: scale(0.4);
    }
  }
  .pin_wrap .pin1{left: 29%; top: 25%;}
  .pin_wrap .pin2{left: 35%; top: 12%;}
  :lang(en) .pin_wrap .pin2{top: 15%;}
  .pin_wrap .pin3{top: 10%; left: 54%;}
  .pin_wrap .pin4{right: 36%; top: 18%;}
  .pin_wrap .pin5{right: 44%; top: 23%;}
  :lang(en) .pin_wrap .pin5{left: 44%; right: initial;}
  .pin_wrap .pin6{    right: 34%; bottom: 46%;}
  .pin_wrap .pin7{right: 20%; top: 35%;}
  :lang(en) .pin_wrap .pin7 { left: 71%; width: 190px; max-width: 100%;}
  .pin_wrap .pin8{right: 20%; top: 13%;}
  :lang(en) .pin_wrap .pin8{left: 72%; right: initial; top: 15%; }

  .fc_top_txt{padding-bottom: 80px; font-size:20px}
  .fc_top_txt p{}
  .fc_top_txt strong{    position: relative; left: -4px;font-size: 40px; display: inline-block;padding-bottom:10px;   font-weight:500;  background: linear-gradient(to right, #8dcda2, #0bac9f); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
  .fc_top_txt span{line-height:1.7}
  .fc_slider_wrap{position:relative; background:#f7f7f7;}
  .fc_slider_wrap:before{    position: absolute; content: ""; width: 100%; height: 100%; background: url(../img/aws/166111417221665.jpg) no-repeat;
    top: 0; left: 0; opacity: 0.7; background-position: top; background-size: cover;}
  .fc_slider_wrap > div{position:relative; display:flex;  top: 1px;}
  .fc_slider{height:auto; width:50%}
  .fc_slider .swiper-wrapper{}
  .fc_slider .swiper-wrapper .swiper-slide{position:relative; background-size:cover !important; background-position: center !important; padding-bottom:55%;}
  .fc_slider .s1{background:url(../img/sub/factory01.jpg) no-repeat;}
  .fc_slider .s2{background:url(../img/sub/factory02.jpg) no-repeat;}
  .fc_slider .s3{background:url(../img/sub/factory03.jpg) no-repeat;}
  .fc_slider .s4{background:url(../img/sub/factory04.jpg) no-repeat;}
  .fc_slider .s5{background:url(../img/sub/factory05.jpg) no-repeat;}
  .fc_slider .s6{background:url(../img/sub/factory06.jpg) no-repeat;}
  
  .fc_slider.type02 ul li i{display:block; position:relative; background-size:cover !important; background-position: center !important; padding-bottom:55%;}
  .fc_slider.type02 ul li i.s7{background:url(../img/sub/factory07.jpg) no-repeat;}
  .fc_slider.type02 ul li i.s8{background:url(../img/sub/factory08.jpg) no-repeat;}
  .fc_slider.type02 ul li i.s9{background:url(../img/sub/factory09.jpg) no-repeat;}
  
  .fc_slider .swiper-wrapper .swiper-slide span{background: linear-gradient(to top, rgb(0 0 0 / 80%), rgb(255 255 255 / 0%)); position: absolute; bottom: 0; width: 100%; padding: 30px 40px; color: #fff; font-size: 30px; text-align: right;}
  .fc_slider_wrap .f_box{ width: 50%; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; padding:0px 100px}
  .fc_slider_wrap .f_box div{}
  .fc_slider_wrap .f_box div h5{font-size: 34px; padding-bottom:24px; font-weight:500}
  .fc_slider_wrap .f_box div h5 span{font-weight:600;}
  .fc_slider_wrap .f_box div p{font-size: 18px;line-height: 1.7; color:#777}
  .fc_slider_wrap .f_box div p span{display: block;}
  .fc_slider_wrap .f_box div p strong{font-weight: 800; background: linear-gradient(to right, #8dcda2, #0bac9f); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
  .fc_slider_wrap .f_box .arrow_wrap{display:flex; padding-top:100px;}
  .fc_slider_wrap .f_box .arrow_wrap li{cursor:pointer;}
  .fc_slider_wrap .f_box .arrow_wrap li i{display: block; width: 40px; background: #0bac9f;; border-radius: 50%; padding: 12px;}
  .fc_slider_wrap .f_box .arrow_wrap .a_left{margin-right: 8px; transform: rotate(180deg);}
  .fc_slider_wrap .f_box .arrow_wrap .a_right{}
  .fc_slider_wrap .etc:nth-child(2){flex-direction: row-reverse;}
  .fc_slider_wrap .etc:nth-child(2) .f_box{align-items: flex-end;}

  .fc_mov{background:none !important;padding: 0px !important;}
  .fc_mov h4{font-size: 26px; padding-bottom: 20px;}
  .fc_mov div{aspect-ratio: 16 / 9;}
  .fc_mov div iframe{display: block; width:100%; height:100%;}


  /* 문의하기 */
  .inquiry_wrap{}
  .inquiry_wrap .inquiry_top{padding-bottom: 24px; border-bottom: 1px dashed #efefef; margin-bottom: 50px;}
  .inquiry_wrap .inquiry_top span{font-size: 40px; font-weight: 600; }
  .inquiry_wrap .inquiry_top p{font-size: 18px; font-weight: 600; color: #777;}
  .inquiry_wrap .inquiry_cont{}
  .inquiry_wrap .inquiry_cont ul{}
  .inquiry_wrap .inquiry_cont ul li{}
  .inquiry_wrap .inquiry_cont ul li > div{     display: flex; align-items: center; padding-bottom: 24px; border-bottom: 1px solid #efefef; margin-bottom: 24px;}
  .inquiry_wrap .inquiry_cont ul li > div div.w50 input{width:50%;}
  .inquiry_wrap .inquiry_cont ul li > div > span{font-size: 18px; font-weight:600;width: 170px;}
  .inquiry_wrap .inquiry_cont ul li > div div{display: flex; width: calc(100% - 170px); align-items: center;}
  .inquiry_wrap .inquiry_cont ul li > div div span{padding:0px 10px}
  .inquiry_wrap .inquiry_cont ul li > div div input{ font-size:17px; padding:10px; width:100%;      height: 50px; border: none; outline: none; background: #f7f7f7;}
  .inquiry_wrap .inquiry_cont ul li > div div textarea{resize:none;outline:none;overflow-y: auto; padding:10px;    border: none; background: #f7f7f7;}
  .inquiry_wrap .inquiry_cont .sec_privacy{}
  .inquiry_wrap .inquiry_cont .sec_privacy h4{    font-size: 18px;  padding-top: 26px;}
  .inquiry_wrap .inquiry_cont .sec_privacy .privacy_cont{height:200px; padding:10px; overflow-y:auto; border:1px solid #dddd; margin:16px 0px;}
  .inquiry_wrap .send_btn{margin-top: 100px;    display: flex; justify-content: center;}
  .inquiry_wrap .send_btn button{    margin: 0 auto; width: 180px; border: 1px solid #131313;border-radius:30px; padding: 16px;transition:all 0.3s; font-size: 16px; font-weight: 600;}
  .inquiry_wrap .send_btn button:hover{background:#131313; color:#fff;}
  .radio_box { display: inline-block; position: relative; padding-left: 30px; margin-right: 24px; cursor: pointer;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.radio_box input[type="radio"] { display: none; }
.on2 { width: 20px; height: 20px; background: #ddd; border-radius: 50%; position: absolute; top: 2px; left: 0; }
.radio_box input[type="radio"]:checked + .on2 { background: #0bac9f; }
.on2:after { content: ""; position: absolute; display: none; }
.radio_box input[type="radio"]:checked + .on2:after { display: block; }
.on2:after { width: 10px; height: 10px; background: #fff; border-radius: 50%; position: absolute; left: 5px; top: 5px; }

/* 게시판 상세페이지 */
.view_wrap{background:#fff; margin-top:100px;}
.view_wrap .view01{border-top: 1px solid #131313; border-bottom: 1px solid #efefef;}
.view_wrap .view01 .view_top{    padding: 24px 0px; border-bottom: 1px solid #efefef;}
.view_wrap .view01 .view_top h3{font-size: 28px; padding-bottom:20px}
.view_wrap .view01 .view_top ul{    display: flex; justify-content: flex-end;}
.view_wrap .view01 .view_top ul li{padding-left:16px;}
.view_wrap .view01 .view_top ul li span{font-weight:600;}
.view_wrap .view01 .view_top ul li span strong{}
.view_wrap .view01 .view_mid{}
.view_wrap .view01 .view_mid .view_cont{padding:50px 0px; border-bottom: 1px solid #131313;}
.view_wrap .view01 .view_mid .view_cont .ad_mov{aspect-ratio: 16 / 9;}
.view_wrap .view01 .view_mid .view_cont .ad_mov iframe{ display: block; width:100%; height:100%;}
.view_wrap .view01 .view_mid .view_cont .ad_text{margin-top:48px;}
.view_wrap .view01 .view_mid .file_wrap{ border-bottom:1px solid #efefef;   display: flex; background: #f7f7f7; padding: 20px;}
.view_wrap .view01 .view_mid .file_wrap span{width:160px;}
.view_wrap .view01 .view_mid .file_wrap p{width:calc(100% - 160px);}
.view_wrap .view01 .view_btm{}
.view_wrap .view01 .view_btm li{display: flex; padding:20px;}
.view_wrap .view01 .view_btm li:first-child{border-bottom:1px solid #efefef;}
.view_wrap .view01 .view_btm li span{width:160px;}
.view_wrap .view01 .view_btm li p{width:calc(100% - 160px);}
.view_wrap .go_list{margin-top: 100px;   display: flex; justify-content: center;}
.view_wrap .go_list a{  margin: 0 auto; border-radius:30px; width: 180px; text-align:center; border: 1px solid #131313; padding: 16px;transition:all 0.3s; font-size: 16px; font-weight: 600;}
.view_wrap .go_list a:hover{background:#131313; color:#fff;}



/* 브랜드스토리 */
.sub_cont.type02{position:relative;}
.sub_cont.type02:before{position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0;
  background: url(../img/aws/166136067534236.png) no-repeat; background-size: contain; background-position: top; opacity: 0.4;}
.brand_wrap{}
.brand_wrap .brand_top{ position:relative; padding-top: 40px;}
.brand_wrap .brand_top .top_part01{padding-top:70px;}
.brand_wrap .brand_top .top_part01 li{}
.brand_wrap .brand_top .top_part01 li p{padding-top: 0; font-size: 18px; padding-bottom:5px;}
.brand_wrap .brand_top h3{position:relative; line-height:1.5; font-size: 40px; padding-left:50px; font-weight:500}
.brand_wrap .brand_top h3:before{position: absolute; content: "SLOGAN"; left:0; font-size: 120px; color: #f7f7f7; z-index: -1; top: -80px;}
.brand_wrap .brand_top h3 strong{}
.brand_wrap .brand_top p{font-size: 20px; padding-top:32px; padding-left:50px; line-height:1.7}
.brand_mid{padding-top:130px;}
.brand_mid > h4{font-size: 40px; padding-bottom:60px; font-weight:500;}
.brand_mid > div{display:flex;}
.brand_mid .scroll_container{width:50%;}
.brand_mid .scroll_container:nth-child(1){padding-right:50px; }
.brand_mid .scroll_container:nth-child(2){padding-top: 180px;padding-left:50px;}
.brand_mid .scroll_container .img_reveal{position:relative;}
.brand_mid .scroll_container .img_reveal span{  z-index:1;  position: absolute; padding-left: 32px; padding-bottom: 32px; color: rgb(255 255 255 / 41%); font-size: 80px; line-height: 1; display: block; width: 100%; bottom: 0; left: 0; }
  .brand_mid .scroll_container .img_reveal span:before{position: absolute; content: ""; width: 100%; height: 100%; background: linear-gradient(transparent, rgb(0 0 0 / 60%)); left: 0; bottom: 0; z-index: -1;}
  .brand_mid .scroll_container .image-wrap{position:relative; padding-bottom:105%; }
.brand_mid .scroll_container .image-wrap img{position:absolute; left:0; top:0; width:100%; height:100%;transition:all 0.5s;}
.brand_mid .scroll_container .txtwrap{padding-top:48px;padding-left:32px;}
.brand_mid .scroll_container .txtwrap h2{font-size: 24px;    padding-bottom: 16px;}
.brand_mid .scroll_container .txtwrap p{font-size: 18px;}



@keyframes rotate_image{
  100% {
      transform: rotate(360deg);
  }
}

/* 홍삼소개 */
.intro_wrap{position:relative; background:#fff;}
.intro_wrap:before{position:absolute; content:""; top:-200px; left:0;width:100%; height: 200px;background: linear-gradient(transparent, #fff);}
.intro_wrap .intro_top{padding-top:50px;}
.intro_wrap .intro_top h3{position:relative; font-weight:500;  line-height:1.5;  font-size: 40px; padding-left: 45px;}
.intro_wrap .intro_top h3:before{    position: absolute; content: "GINSENG"; left: 0; font-size: 120px; color: #f7f7f7; z-index: -1; top: -100px;}
.intro_wrap .intro_top p{font-size: 20px; padding-left: 50px; padding-top: 24px;}
.intro_wrap .intro_mid{position:relative;}
/* .intro_wrap .intro_mid:before{    position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/aws/166111417221665.jpg) no-repeat; background-size: cover; background-position: center; opacity: 0.4;} */
.intro_wrap .intro_mid > div{}
.intro_wrap .in_intro > div h4{font-size:40px;  padding-bottom:50px;}

.gin_sec{ position:relative; background-position: right !important; background-attachment: fixed !important; background-size:cover !important; text-align: center; height: 100vh;}

.g_intro01 {background: #fff;  height:40vh;}
.g_intro01 h3{font-size: 40px;}
.g_intro01 p{font-size: 19px; padding-top: 16px;}
.g_intro02 {background: url("../img/aws/166613509850269.jpg");}
.g_intro03 {background: url("../img/aws/166620271478021.jpg");}
.g_intro04 {background: url("../img/aws/166653925557672.jpg");}
.g_intro05 {background: url("../img/aws/166620357687357.jpg");}

.g_intro06 {background: url("../img/sub/bg01.jpg");}
.g_intro07 {background: url("../img/sub/bg02.jpg");}
.g_intro08 {background: url("../img/aws/166653942546730.jpg");}
.gin_sec .gin_txt{  z-index:9; text-align:left; position: absolute; color:#fff;; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.gin_sec .gin_txt > div em{position:absolute;     left: -30px; top: -80px; font-size: 160px; line-height: 1; font-weight: 800; opacity: 0.3;}
.gin_sec .gin_txt > div > div{width: 600px; padding-left:60px; max-width: 100%;}
.gin_sec .gin_txt > div > div span{    font-size: 60px; font-weight: 700;}
.gin_sec .gin_txt > div > div p{font-size: 22px; opacity:0.9; padding-top:16px;}


.intro_mid .in_scroll_mid{padding-top:100px;}
/* .scroll_container{position:relative; width: 100%;   height: 100vh; overflow:hidden;} */
.scroll_container .image-wrap { transition: 1s ease-out; transition-delay: 0.2s; position: relative; width: auto; overflow: hidden; clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); visibility: hidden;}
.scroll_container .animating .image-wrap { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); visibility: visible; transform: skewY(0);}
.intro_mid .gin_sec .fadeup { opacity: 0; transition: 0.4s ease-out; transform: translateY(40px);}
.intro_mid .gin_sec .fading-up { opacity: 1; transition: 1s ease-out; transform: translateY(0px); transition-delay: 0.7s;}




.intro_btm{}
.intro_btm > div{}
.certify ul{display: flex;flex-wrap: wrap;}
.certify ul li{width: 25%;}
.certify ul li > div{ padding-bottom:48px; cursor:pointer; margin:0px 16px;}
.certify ul li > div i{display: block; border:1px solid #f5f5f5;    background: #f7f7f7; padding: 24px; }
.certify ul li > div p{margin-top:20px; font-size: 20px;font-weight:600}
/* .certify_popup{position: fixed; left:0; top:0; z-index:9; width:100%; height:100%; background: rgb(0 0 0 / 50%);} */
.certify_popup{  display:none;width: 480px;z-index:9;box-shadow: 0 0 14px 2px rgb(219 218 218 / 28%); top: 50%; position: fixed; left: 50%; transform: translate(-50%,-50%); border:1px solid #efefef; background: #fff;}
.certify_popup > div i{display: block; width: 300px; margin: 0 auto; border: 3px solid #efefef;}
.certify_popup .certi_top{padding: 20px; border-bottom: 1px solid #efefef;text-align: center;}
.certify_popup .certi_top h3{font-size:20px;}
.certify_popup .certi_top span{position:relative;width:20px; height:20px; cursor:pointer;}
.certify_popup .certi_top span:before{position:absolute; content:""; width:1px; height:20px;  transform: translateX(-50%) rotate(45deg); background:#000; right:50%;}
.certify_popup .certi_top span:after{position:absolute; transform: translateX(-50%) rotate(-45deg); content:"";width:1px; height:20px; transform:rotate(-45deg); background:#000; right:50%;}
.certify_popup .certi_btm{    padding: 32px; max-height: 70vh; overflow-y: auto;}
.certify_popup .certi_btm .certi_txt{    padding-top: 24px; text-align: center; font-size: 20px;}
.certify_popup.mov{padding:50px;background: rgb(0 0 0 / 64%);}
.certify_popup.mov > div{width: 760px; max-width: 97%;}
.certify_popup.mov .mov_sec{position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.certify_popup.mov .mov_sec iframe, .certify_popup.mov .mov_sec object, .certify_popup.mov .mov_sec embed {position:absolute; top:0; left:0; width:100%; height:100%;}
.certify_popup.mov > span{position: absolute; width: 40px; height: 40px; right: 100px; top: 60px;}
.certify_popup.mov > span:before{position: absolute; content: ""; width: 30px; height: 2px; background: #fff; transform: rotate(45deg) translateX(-50%); left: 50%; top: 85%;}
.certify_popup.mov > span:after{position: absolute; content: ""; width: 30px; height: 2px; background: #fff; transform: rotate(-45deg) translateX(-50%); left: 50%; top: 33%;}


.intro_wrap .intro_mid > div > div > ul{position:absolute; top:45%; transform:translateY(-50%); z-index:1; width:100%;}
.intro_wrap .intro_mid > div > div > ul li{cursor:pointer;}
.intro_wrap .intro_mid > div > div > ul li i{display: block; transition:all 0.2s; width: 60px; background: #f5f5f5; border-radius: 50%; padding: 18px;box-shadow: 0px 2px 14px #cfcfcf9c;}
.intro_wrap .intro_mid > div > div > ul li i img{    filter: invert(0.9);}
.intro_wrap .intro_mid > div > div > ul li.pro_left{position: absolute; left: -30px; transform: rotate(180deg);}
.intro_wrap .intro_mid > div > div > ul li.pro_right{position: absolute; right: -30px;}
.intro_wrap .intro_mid > div > div > ul li.pro_right i{}
.intro_wrap .intro_mid > div > div > ul li:hover i{background:#0bac9f;}
.intro_wrap .intro_mid > div > div > ul li:hover i img{filter:invert(0)}

/* 개인정보처리방침 / 이메일무단수집거부 */
.privacy_wrap h3{font-size: 40px; padding-top: 50px; padding-bottom: 32px; border-bottom: 1px solid #000;}
.privacy_wrap div{padding-top:70px;}

/* 브랜드 */
.brand_wrap{}
.brand_wrap .icon_wrap{display:flex; padding-top:50px;justify-content: flex-end;}
.brand_wrap .icon_wrap li{}
.brand_wrap .icon_wrap li a{display: block; width: 45px; transition:all 0.1s; background: #efefef; margin: 0px 5px; border-radius: 50%; padding: 9px;}
.brand_wrap .icon_wrap li a:hover{background: linear-gradient(to right, #8dcda2, #0bac9f);}
.brand_wrap .brand_cont{}



@media (hover: hover) {
  .brand_wrap .brand_mid ul li > div i:hover img{transform:scale(1.05)}
  .certify .img-list > li:hover:before{opacity:1;}
  .certify .img-list > li:hover > a{background:#ffc054; color:#fff;}
  .certify .img-list > li:hover > a div span i{opacity:1; }
  .intro_wrap .intro_mid .step_swiper .swiper-slide .process_txt button:hover span{background:#fff; color:#0bac9f;}
  .itemList_btm ul li div i:hover img{transform:scale(1.05);}
  .brand_mid .scroll_container .image-wrap:hover img{transform:scale(1.1);}

  .pin_wrap li:hover i{display:block !important;}
}