@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/earlyaccess/jejumyeongjo.css');

*{padding:0;margin:0;font-size:14px;font-weight:500;box-sizing:border-box;line-height:1.6;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;color:#333;}
body{width:100%;min-width:1500px;}
ul, ol{list-style:none;}
a{text-decoration:none;color:inherit;}
img{border:none;max-width:100%;}

/* 공통 common */
.inner{width:1180px;margin:0 auto;}
.flex_wrap{display:flex;justify-content:space-between;}
.sub_cont>.inner {margin-bottom: 120px;}

/* 헤더 header */
header {width: 100%;background:#fff;position: fixed;top: 0;left: 0;z-index: 9997;}
header .logo img{width: 244px;}
header .inner {display: flex;justify-content: space-between;align-items: center;height:100px;transition: .3s;}
header .gnb {letter-spacing: -0.7px;}
header .gnb.depth1{margin-left:100px;}
header .gnb.depth1>li {float:left;}
header .gnb.depth1>li>a {font-size:1.2rem;display:block;margin-right:40px;}
header .gnb.depth1 .depth2 {position: absolute;z-index: 9999;margin-top: 70px;opacity: 0;transform: translateY(-300px);transition: .5s;}
header .gnb.depth1>li:nth-child(2) .depth2 {transition-duration: .6s;}
header .gnb.depth1>li:nth-child(3) .depth2 {transition-duration: .7s;}
header .gnb.depth1>li:nth-child(4) .depth2 {transition-duration: .8s;}
header .gnb.depth1>li:nth-child(5) .depth2 {transition-duration: .9s;}
header .gnb.depth1 .depth2 li {margin-bottom: 15px;font-size: 13px;}
header .gnb.depth1 .depth2 li a {display: block;line-height: 15px;}
header .gnb.depth1 .depth2 li a:hover {color:#ccc}
header::after {content: '';background: #fff;width: 100%;height: 290px;position: absolute;top:100px;left: 0;transform: translateY(-300px);transition: .5s;opacity: 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
header.active::after {transform: translateY(0);opacity: 1;}
header.shadow {box-shadow: 0 0 20px rgba(0, 0, 0, .2);}
header .gnb.depth1 .depth2.active {opacity: 1;transform: translateY(0);}

ul.translate {}
ul.translate li{float:left;padding:2px 8px;font-size:12px !important;}
ul.translate li + li{padding-left:10px;}
ul.translate li a{display:block;opacity:.6;}
ul.translate li.on{border:1px solid rgba(255,255,255,.6);border-radius:30px;}
ul.translate li.on a{opacity:1;}


header .toggle_menu_btn { display: none;}
header .toggle_menu_btn {  width: 28px;  height: 20px;  position: relative;}
header .toggle_menu_btn span {  width: 100%;  height: 3px;  background: #000;  position: absolute;  transition: .3s;}
header .toggle_menu_btn span:nth-child(1) {  top: 0;}
header .toggle_menu_btn span:nth-child(2) {  top: calc(50% - 2px);}
header .toggle_menu_btn span:nth-child(3) {  bottom: 0;}
header .toggle_menu_btn.open span:nth-child(1) {top: calc(50% - 2px); transform: rotate(45deg);}
header .toggle_menu_btn.open span:nth-child(2) { opacity: 0;transform: translateX(10px);}
header .toggle_menu_btn.open span:nth-child(3) {top: calc(50% - 2px); transform: rotate(-45deg);}
header .toggle_menu_cont { display: none; position: fixed; top: 99px; left: 0; width: 100%; background:linear-gradient(180deg, #fff ,#82afc0); height: 100vh; z-index: 9999; padding: 20px;}
header .toggle_menu_cont a.m_toggle_main {font-size: 18px;font-weight: 600;color: #175594; }
header .toggle_menu_cont .depth2 { border-top: 1px solid #24406630; margin-bottom: 18px;flex-wrap:wrap;display: flex; }
header .toggle_menu_cont .depth2 a{ color:#797979;}
header .toggle_menu_cont.open { display: block;}
header .toggle_menu_cont ul.depth2>li {width: 33%;}
header .toggle_menu_cont li {line-height: 30px;}
header .toggle_menu_cont>li {color: #244066; }


/* 메인 main */
#main section{padding:80px 0;}
#main section h2{font-size:2.75rem;font-weight:700;letter-spacing:-0.1rem;margin: 30px 0;}
#main section h5{font-size:1rem;font-weight:700;}
#main section p.slogan{font-size:1.75rem;font-family: 'Jeju Myeongjo', serif;margin-bottom:20px;font-weight:500;}
#main section p.exp{font-size:1rem;color:#555;}

/* slick */
.slick-slide{width:100%;height:auto;}

#main .section01{padding:0;}
.section01 .main_slider{width:100%;height:100vh;max-height:1000px;position:relative;}
.section01 .main_slider .item.bg01{width:100%;height:100vh;max-height:1000px;background:url('../Img/main_slider_img04.jpg') center no-repeat;background-size:cover;}
.section01 .main_slider .item.bg02{width:100%;height:100vh;max-height:1000px;background:url('../Img/main_slider_img05.jpg') center no-repeat;background-size:cover;}
.section01 .main_slider .item.bg03{width:100%;height:100vh;max-height:1000px;background:url('../Img/main_slider_img00_01.jpg') center no-repeat;background-size:cover;}
/* .section01 .btn_next{display:block;z-index:888;width:100px;height:100px;position:absolute;bottom:0;background:#eee url('../Img/btn_next.png') center no-repeat;right:0;cursor:pointer;}
.section01 .btn_prev{display:block;z-index:888;width:100px;height:100px;position:absolute;bottom:0;background:#fff url('../Img/btn_prev.png') center no-repeat;right:100px;cursor:pointer;} */
.section01 .main_slider .item .inner{height:100%;position:relative;}
.section01 .main_slider .item .txt_wrap{position:absolute;left:50%;top:220px;transform:translateX(-50%);text-align: center;}
.section01 .main_slider .main_tit{color:#504a49;font-size:20px;}
.section01 .main_slider .sub_tit{color:#2c93d1;margin:30px 0;font-size:40px;}
.section01 .main_slider .txt{font-size:24px;margin-top:20px;color:#504a49;font-weight:500;font-family: 'Jeju Myeongjo', serif;}
.section01 .main_slider .txt2{font-size:30px;color:#504a49;font-weight:500;font-family: 'Jeju Myeongjo', serif;}
.section01 .main_slider .txt span{display: inline-block;font-family: 'Jeju Myeongjo', serif;font-size: 24px;font-weight: 600;}
.section01>.inner{position:relative;}
.section01 .main_slider .slick-dots{top:900px;}
.section01 .slick-dots li button::before{content:'●';color:#2c93d1;}
.section01 .slick-dots li.slick-active button:before{color:#2c93d1;opacity:1;}
.section01 .scroll_icon{position:absolute;right:30px;top:50%;transform:translateY(-50%);z-index:90;}

.section01 .main_slider .slick-active .sub_tit{animation: fadeIn 1.0s;}
.section01 .main_slider .slick-active .main_tit{animation: fadeIn2 1.4s;}
.section01 .main_slider .slick-active .txt{animation: fadeIn2 1.8s;}

@keyframes fadeIn{from{opacity:0;transform:translateY(-30%);} to {opacity:1;transform:translateY(0)}}
@keyframes fadeIn2{from{opacity:0;} to {opacity:1;}}

.section02 ul.tabs{display:flex;justify-content:flex-end;margin:46px 0;}
.section02 ul.tabs li{width:184px;height:40px;background:#e1e1e1;border-radius:10px;margin-left:20px;}
.section02 ul.tabs li a{color:#4d3939;display:block;line-height:40px;text-align:center;font-size:1.25rem;font-family: 'Jeju Myeongjo', serif;}
.section02 ul.tabs li.active{background:#2c93d1}
.section02 ul.tabs li.active a{color:#fff}
.section02 .tit{font-size:18px;color:#6d6d6d;margin-top:20px;text-align:center;}
.section02 .slick-list.draggable{width:1182px;}

.section03>.inner {text-align: center;}
.section03{height:542px;background:#99cce5 url('../Img/section03_bg01.png') center no-repeat;position:relative; text-align: center;}
.section03 .section03_img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.section03 .section03_img2{margin-bottom: 22px;}
.section03 p{font-size:18px;letter-spacing: -0.05em;}
.section03 .btn{width:164px;height:34px;transition:.3s;background:#c12424;border-radius:34px;font-size:0.875rem;color:#fff;display:block;text-align:center;line-height:34px;margin: 30px auto;}
.section03 .btn:hover{background:#750404;}

.section04{text-align:center;}
.section04 h5{color:#6d6d6d;}
.section04 .flex_wrap{margin-top:50px;}
.section04 .flex_box{width:calc(33.333% - 20px);background:#000;height:430px;position:relative;overflow: hidden;}
.section04 .flex_box .txt_wrap{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2;}
.section04 .flex_box .txt_wrap h3{line-height:1;font-size: 1.95rem;color:#fff;margin-bottom:30px;letter-spacing: -1.2;}
.section04 .flex_box .txt_wrap p{color:#fff;}
.section04 .flex_box img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(1);opacity:.5;z-index:1;}
.section04 .flex_box img.section4_img{width:100%;height:100%;transform:translate(-50%, -50%) scale(1);transition:.3s;}
.section04 .flex_box:hover img.section4_img{transform:translate(-50%, -50%) scale(1.1);}
.section04 .flex_box:hover .txt_wrap h3{color:#a6c7da;}
.section04 .flex_box img.haccp_icon{top:20px;left:auto;right:20px;transform:inherit;height:auto;opacity:1;}

.section05{height:630px;background:#2f3030;position:relative;}
.section05 .bg01{height:630px;background:url('../Img/section05_bg01.png') center no-repeat;width:66.666%;position:absolute;top:0;left:0;z-index:1;}
.section05 .inner{position:relative;height:100%;}
.section05 .inquiry_wrap{width:calc(66.666% - 10px);display:flex;justify-content:space-between;z-index:2;background:#fff;position:absolute;top:50%;right:0;transform:translateY(-50%);padding:30px;}
.section05 .inquiry_wrap h5{color:#ddd;letter-spacing:10px;font-size:1.5rem;}
.section05 .inquiry_wrap h3{font-size:2.5rem;}
.section05 .inquiry_wrap p{font-size:1.25rem;color:#777;}
.section05 .inquiry_wrap a.btn{color:#fff;font-size:1.25rem;transition:.3s;background:#2e93d1;display:block;width:50%;text-align:center;display:flex;justify-content:center;align-items:center;}
.section05 .inquiry_wrap a.btn:hover{background:#0c3d5a}

.section06 h2 span{font-weight:300;font-size:2.75rem;}
.section06{text-align:center;}
.section06 .flex_box{width:calc(33.333% - 20px);background:#f4f4f4;border:1px solid #ddd;}
.section06 .flex_box .icon_wrap{height:120px;display:flex;align-items:center;justify-content:center;}
.section06 .flex_box .txt_wrap{height:42px;display:flex;justify-content:center;align-items:center;color:#777;border-top:1px solid #ddd;}

.section06 .product_slider1 {margin-top: 50px;}
.section06 .cust_txt { width: 200px; height: 80px;  background: #f4f4f4;  margin: 0 20px 20px 0; border: 1px solid #000; line-height: 80px; text-align: center; color: #828282; font-size: 20px; font-weight: 600;}

/* 퀵메뉴 */

#quick_menu {position: fixed; bottom: 11%; right: 0; margin: -138px 0 0; z-index: 90;}
#quick_menu ul {text-align: right;}
#quick_menu ul li {margin: 1px 0 0;}
#quick_menu ul li:first-child {margin: 0;}
#quick_menu ul li a {border-radius: 4px;box-sizing:content-box;display: inline-block;width: 0;padding: 0 0 0 45px;background: #f4f4f4 0 0 no-repeat;font-weight: 700;font-size: 14px;line-height: 45px;color:#555;text-align: left;transition: width .3s;white-space: nowrap;}
#quick_menu ul .q1 a {font-size: 14px; line-height: 16px; padding: 6px 0 7px 45px;}
#quick_menu ul .q1 a:hover {padding: 6px 0 7px 60px;width: 153px;}
#quick_menu ul li a:hover {width: 117px; padding: 0 0 0 60px; background-position: 0 -50px;}
#quick_menu ul li.q1 a {background-image: url(../Img/quick_icon01.png);}
#quick_menu ul li.q2 a {background-image: url(../Img/quick_icon02.png);}
#quick_menu ul li.q3 a {background-image: url(../Img/quick_icon03.png);}
#quick_menu ul li.q4 a {background-image: url(../Img/quick_icon04.png);}
#quick_menu ul li.q5 a {background-image: url(../Img/quick_icon05.png);}
.q5 {cursor: pointer;}

/*mobile quick*/
/*--------*/

.ham_btn {width: 48px;
    height: 48px;
    border: 1px solid #85b1c2;
    box-sizing: border-box;
    position: fixed;
    bottom: 100px;
    right: 5px;
    border-radius: 10px;
  background: url(/Img/m_q_left.png)no-repeat center / cover;
  display: none;
  z-index: 99;
}
.h_btn {width:35px; height:50px;
		margin-left:6px;
		padding-top:5px;}
.h_btn li {width:35px; height:5px;
		   background-color:#fff;
		   margin:5px 0;}


.lnb li {width:350px; height:50px;
		 background-color:#fff;}
.lnb a li  {
    color: #797979;}

.lnb {width:0; overflow:hidden;position:fixed; bottom:160px; right:-2;margin-top: 55px; transition:all 1s ease-in;    border-radius: 10px; border: 1px solid #85b1c2;}
.lnb .m_q1 {line-height: 12px; color: #797979;}
.lnb .m_q1_eng{font-size: 13px;}

#ham {display:none;}
#ham:checked ~ .lnb {width:350px;}

/*
.line {transition:all 1s;
		overflow:hidden;}*/
#ham:checked ~ .ham_btn {  background: url(/Img/m_q_right.png)no-repeat center / cover;}


footer{background:#2f3030;padding:42px 0;}
footer img{width: 244px;}
footer .inner{display:flex;align-items:flex-start;}
footer .info{margin-left:120px;}
footer .info p{color:#fff;font-size:0.875rem;}
footer .info p.copyright{opacity:.5;margin-top:20px;font-size: 0.75rem;}
footer a.foot_adm {font-size: 10px;padding: 3px;border: 1px solid #f2f2f2;border-radius: 10px;margin-left: 5px;color: #f2f2f2;}

/* sub */
.sub_tit_area{height:240px;margin-top:100px;position:relative;}
.sub_tit_area.bg01{background:url('../Img/sub_tit_bg01.jpg') center no-repeat;}
.sub_tit_area.bg02{background:url('../Img/sub_tit_bg02.jpg') center no-repeat;}
.sub_tit_area.bg03{background:url('../Img/sub_tit_bg03.jpg') center no-repeat;}
.sub_tit_area.bg04{background:url('../Img/sub_tit_bg04.jpg') center no-repeat;}
.sub_tit_area.bg05{background:url('../Img/sub_tit_bg05.jpg') center no-repeat;}
.sub_tit_area.bg06{background:url('../Img/sub_tit_bg06.jpg') center no-repeat;}

.sub_tit_area .txt_wrap{position:absolute;top:50%;transform:translateY(-50%);}
.sub_tit_area h2{color:#fff;font-size:2.25rem;font-weight:600;}
.sub_tit_area p{color:#fff;font-size:1.125rem;opacity:.7;font-weight:300;}

.sub_path_wrap{background:#f4f4f4;}
.sub_path_wrap ul.sub_path{height:74px;display:flex;align-items:center;}
.sub_path_wrap ul.sub_path li{}
.sub_path_wrap ul.sub_path li a{font-size:1rem;display:block;line-height:74px;height:100%;padding:0 20px;}
.sub_path_wrap ul.sub_path li a.current{border-bottom:2px solid #2494d2;}

.sub_cont {}
.sub_cont h3.sub_cont_tit{font-size:2rem;text-align:center;font-weight:600;margin-top:120px;}
.sub_cont p.sub_cont_txt{color:#777;text-align:center;font-weight:400;margin:30px 0 90px;}
.sub_cont p.sub_cont_txt>i{color:#719fb9;font-style: normal;font-weight:500;}


.sub_cont.barea01>.inner {margin-bottom: 0;}
.sub_cont .baea01{width: 100%; text-align: center;}
.sub_cont .baea02{width: 100%; text-align: center;}
.sub_cont .baea03{width: 100%; text-align: center;}

.sub_cont .product01{width: 100%; text-align: center;}
.sub_cont .product02{width: 100%; text-align: center;}
.sub_cont .product03{width: 100%; text-align: center;}
.sub_cont .product04{width: 100%; text-align: center;}

.sub_cont .inquiry01{width: 100%; text-align: center;}

.sub_cont .consumer01{width: 100%; text-align: center;}

.product_list .flex_wrap{justify-content:flex-start;flex-wrap:wrap;}
.product_list .flex_box{width:calc(25% - 20px);margin-right:20px;margin-bottom:20px;position:relative;transition:.3s;}
.product_list .flex_box:nth-child(4n){margin-right:0;}
.product_list .flex_box .img_wrap{padding:20px;height:320px;display:flex;align-items:center;justify-content:center;}
.product_list .flex_box .pro_name{width:206px;height:32px;background:#d2c1c9;margin: 30px auto;text-align:center;line-height:32px;border-radius:30px;}
.product_list .flex_box .txt_wrap{opacity:0;display:flex;align-items:center;flex-direction:column;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);transition:.3s;}
.product_list .flex_box .txt_wrap p{font-size:16px;color:#fff;margin-bottom:20px;}
.product_list .flex_box:hover .txt_wrap{opacity: 1;}
.product03.product_list .flex_box .img_wrap{padding:0;height:auto;}
.product_list .icon {margin-right: 15px;}

.product_cont h3.pro_name{font-size:30px;font-family: 'Jeju Myeongjo', serif;font-weight:600;}
.product_cont p.pro_exp{font-size:18px;color:#777;}

.product_cont .flex_box{width:calc(50% - 30px);}
.product_cont .flex_box img{max-width:100%;}
.product_cont .exp_wrap{display:flex;margin-top:40px;flex-wrap:wrap;}
.product_cont .exp_box .icon{margin-right:12px;}
.product_cont .exp_box dt{font-size:18px;}
.product_cont_eng .exp_box dt{font-size:18px;font-weight: 600;letter-spacing: -0.04em;}
.product_cont .exp_box dd{font-size:16px;color:#777;}
.product_cont_eng .exp_box dd{font-size:15px;color:#777;}
.product_cont .exp_box{display:flex;margin-bottom:10px;width:calc(50% - 10px);}
.product_cont .exp_box2{width:100%;}
.product_cont .exp_box2 dd i{font-size:16px;color:#f285b5; font-style: normal;}
.exp_box.exp_box2 img {height: 100%;}
.product_cont h3.pro_exp_tit{display:inline-block;padding:10px 18px;margin-bottom:30px;background:#f285b5;border-radius:10px;font-size:20px;color:#fff;font-family: 'Jeju Myeongjo', serif;}
.product_cont p.pro_exp_tit2{font-size:15px;}
.product_cont p.pro_exp_txt{font-size:14px;color:#777;font-weight:400;}
.product_cont p.pro_exp_txt>i {font-style: normal; font-size: 14px; color: #777; font-weight: 600;}
.product_cont article{padding:50px 0;}

.product_cont .article02{background:#f7eff3;}
.product_cont .article02 img{margin-top:30px;}
.product_cont .article02 .flex_wrap{position:relative;}
.product_cont .article02 .flex_wrap::after{content:'';position:absolute;top:0;left:calc(50% - 2px);background:#fff;height:100%;width:2px;}
.product_cont .article03 .flex_box.component{display:flex;justify-content:space-between;}
.product_cont .article03 .flex_box.component>div{width:calc(50% - 10px);}
.product_cont .article03 .flex_box.component p{font-size:18px;color:#777;margin-bottom:20px;}
.product_cont .article03_1 {width: 1180px; border-top:solid 1px #f7eff3; margin: 0 auto;}

.cont .exp_area{position:relative;}
.cont .exp_area .bg_area{width:60%;height:400px;}
.cont .exp_area .bg_area.bg01{background:url('../Img/about06_bg01.jpg') center no-repeat;background-size:cover;}
.cont .exp_area .txt_wrap{width:50%;background:#2c93d1;height:250px;position:absolute;top:50%;right:0;transform:translateY(-50%);}
.cont .exp_area .txt_wrap h4, .cont .exp_area .txt_wrap h6, .cont .exp_area .txt_wrap p{color:#fff;}
.cont .inner {margin-bottom: 120px;}

.about01, .about02, .about03, .about04{text-align:center;}

.about05{background:#eee;  padding: 125px 0 1px 0;}
.about05 .flex_wrap{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 20px;}
.about05 .flex_box{border:1px solid #ddd;background:#fff;}
.about05 .flex_box:nth-child(4n){margin-right:0;}
.flex_box.flex_box01 {margin-left: 20px;}

/*.about06{padding:50px 0 100px;}
.about06 .flex_box { width: calc(25% - 20px);  background: #f4f4f4;  border: 1px solid #ddd;}
.about06 .flex_box .icon_wrap {height: 120px;display: flex;align-items: center;justify-content: center;}
.about06 .flex_box .txt_wrap {height: 42px;display: flex;justify-content: center;align-items: center;color: #777;border-top: 1px solid #ddd;}*/
.about06 .flex_wrap {flex-wrap:wrap; justify-content:flex-start;}
.about06 .txt_box { width: calc(25% - 20px);  background: #f4f4f4;  margin: 0 20px 20px 0; border: 1px solid #000; height: 120px; line-height: 120px; text-align: center; color: #bfbfbf; font-size: 30px; font-weight: 600;}
.about06 .txt_box:nth-child(5) {line-height: 35px;padding-top:25px;}
.about06 .txt_box:nth-child(16) {line-height: 35px;padding-top:25px;}
/**/
.about07 .map_wrap {position: relative;}
.about07 .map_box {width: 445px; height: 379px; padding:50px; background: #efefef; position:absolute; bottom: -14px; left: 84px;box-shadow: 7px -6px 3px rgba(0,0,0,0.2); z-index: 9;}
.about07 .map_box .s_tit {color: #999;}
.about07 .map_box .b_tit {color: #333; font-size: 30px; padding: 5px 0 50px 0; position: relative;}
.about07 .map_box .b_tit::after {content: ""; position: absolute;bottom: 34px;left: -134px;width: 212px; height: 3px; background: #d72025;}
.about07 .map_box li {color: #666;line-height: 35px;}
.about07 .map_box2 {width: 50%; margin-left: 50%;   padding: 45px 0;}
.about07 .map_box2 p {font-size: 20px; color: #676767; padding: 12px 0 12px 53px;}
.about07 .map_box2 p img {margin-right: 20px;}
.about07 .map_box2 .icon_add {background: url(/Img/about07_icon01.png)no-repeat 0px 12px;}
.about07 .map_box2 .icon_tel {background: url(/Img/about07_icon02.png)no-repeat 0px 12px;}
.about07 .map_box2 .icon_fax {background: url(/Img/about07_icon03.png)no-repeat 0px 12px;}
.root_daum_roughmap {width: 100%;}

.barea01 .article01 .img_wrap {text-align: center;}
.sub_cont .txt_box_bg {width: 100%; background: #f4f4f4; padding: 100px; position: relative; overflow: hidden;;}
.sub_cont .txt_box_bg .txt_box {width: 1180px; margin: 0 auto;}
.sub_cont .txt_box_bg .txt_box .txt_b {position: relative; width: 590px; display:table-cell; line-height: 20px; z-index: 2;}
.sub_cont .txt_box_bg .txt_box .txt_b h3 {font-size: 30px; font-weight: 700; color: #2494d4;}
.sub_cont .txt_box_bg .txt_box .txt_b p {font-size: 16px;}
.sub_cont .txt_box_bg .txt_box img {position: absolute; top: -66px; left: 12%;  height: auto;z-index: 1; opacity: 0.5;}

.product04 .flex_wrap {justify-content: center;}

.br_none {display: none;}
.pro_exp_link {display: none;}
#ham {display: none;}
.m_img {display: none;}

@media (max-width:1179px){
  body{width:100%;min-width:340px;}
  .inner{width:100%;padding:0 20px;}
  .section02 .slick-list.draggable {width: 100%;}
  .section02 .item {width: calc(50% - 5px); margin-right: 5px}

  .section05 .inquiry_wrap {right: 6%;}

  .section06 .slick-list.draggable {width: 100%;}
  .section06 .cust_txt {width: auto;}
  /*.section06 .item {width: calc(50% - 5px); margin-right: 5px;}*/
  /*.section06 .cust_txt {width: calc(25% - 5px); margin-right: 5px;}*/
  .sub_path_wrap ul.sub_path {height: auto;width: 100%;flex-wrap: wrap;}
  .sub_path_wrap ul.sub_path li {text-align: center; width: 25%; height: 50px;white-space: nowrap; text-overflow: ellipsis;}
  .sub_path_wrap ul.sub_path li a { white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden;line-height: 50px;}
}

@media (max-width: 1000px){
  #pop_ham {display: block;}
  #quick_menu {display: none;}
  header::after {display: none;}
  header .toggle_menu_btn {display: block;position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
  header .gnb {display: none;}
  header .gnb.depth1 {display: none;}
  header .translate {margin-right: 60px;}


  .about06 .txt_box {font-size: 25px;}

  .about07 .map_box {width: 42%; left: 43px;}
  .about07 .map_box .b_tit::after {left: -89px; width: 168px;}

  .sub_cont .txt_box_bg .txt_box {width: 100%;}
  .sub_cont .txt_box_bg .txt_box img {left: -2%;}
  .sub_cont .txt_box_bg .txt_box .txt_b {width: 50%;}
  .product_cont .exp_box .icon {width: 64px;}
  .product_cont .exp_box.exp_box2 img {width: 64px;}
  .product_cont .exp_box dt {font-size: 16px;}
  .product_cont .exp_box dd {font-size: 13px;}

  .product_list .flex_box .img_wrap { height: 224px;}

}

@media (max-width:768px) {
  .ham_btn {display: block;}
  .m_img {display: block;}
  .pc_img {display: none;}

  .br_none {display: block;}
  #main section h2 {font-size: 1.9rem;}
  #main section p.slogan {font-size: 1.55rem;}

  header .inner .logo {width: 48%;}
  header .translate {margin-right: 35px;}

  footer .inner {flex-direction:column;}
  footer .info {margin-left: 10px;margin-top: 22px;}
  footer .info p{padding-bottom:6px;margin-bottom:6px;}

  .sub_tit_area .txt_wrap {width: 91%;}
  header .toggle_menu_cont ul.depth2>li {
    width: 33%;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 6px;}


  .section01 .scroll_icon {display: none;}
  .section01 .main_slider .item .txt_wrap {width: 64%; top: 144px;}
  .section01 .main_slider .sub_tit {margin: 20px 0 10px 0;}
  .section01 .main_slider .txt {font-size: 17px; margin-top: 12px;}
  .section01 .main_slider .txt2 {font-size: 20px;}

  .section01 .main_slider .item.bg01 {background: url(../Img/m_main_slider_img01.jpg) no-repeat center / cover;}
  .section01 .main_slider .item.bg02 {background: url(../Img/m_main_slider_img02.jpg) no-repeat center / cover;}
  .section01 .main_slider .item.bg03 {background: url(../Img/m_main_slider_img03.jpg) no-repeat center / cover;}
  .section01 .main_slider .slick-dots {top: -281px; position: relative; opacity: 0}

  .section02 ul.tabs li {width: calc(50% - 3px); margin-left: 0; margin-bottom: 5px;}
  .section02 ul.tabs {display: flex;flex-wrap: wrap;margin: 22px 0 9px 0px; justify-content: space-between;}
  #main .section02 { padding: 22px 0;}
  .section02 .tit {font-size: 13px;}

  .section03 {margin-top: 70px;}

  .section04 .flex_wrap {flex-wrap: wrap;}
  .section04 .flex_box {width: 100%; height: 200px; margin-bottom: 20px;}
  .section04 .flex_box img.section4_img {height: auto;}


  .section05 .inquiry_wrap a.btn { width: 100%;margin-top: 20px;padding: 50px;}
  .section05 .inquiry_wrap {flex-wrap: wrap;right: 50%;transform: translate(50%,-50%); width: 90%;}
  .section05 .bg01 {width: 100%;}
  .section06 h2 span {font-weight: 300;font-size: 1.9rem;}
  .sub_path_wrap ul.sub_path {height: auto;width: 100%;flex-wrap: wrap;}
  .sub_path_wrap ul.sub_path li {text-align: center; width: 25%; height: 50px;white-space: nowrap; text-overflow: ellipsis;}
  .sub_path_wrap ul.sub_path li a {padding:0 7px; line-height: 50px;     white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
  .sub_cont h3.sub_cont_tit { margin-top: 76px;}
  .sub_cont p.sub_cont_txt {margin: 20px 0 55px;}
  .sub_about05> .inner {margin-bottom: 0;}

  .about05 { padding: 90px 0 1px 0;}
  .about05 .flex_wrap{grid-template-columns: repeat(2,1fr);grid-gap: 10px;}

  .about06 .txt_box {width: calc(33.33% - 5px); margin: 0 5px 6px 0; height: 46px;line-height: 46px; font-size: 11px;}
  .about06 .txt_box:nth-child(5) {line-height: 35px;padding-top:4px; font-size: 11px;}
  .about06 .txt_box:nth-child(16) {line-height: 35px;padding-top:4px; font-size: 11px;}

  .about07 .map_box {width: 100%;padding: 16px;position: static; box-shadow: none; height: auto; margin-top: 10px;}
  .about07 .map_box .b_tit {padding: 5px 0 27px 0;}
  .about07 .map_box .b_tit::after {bottom: 16px;left: 0;width: 162px;}

  .about07 .map_box2 {width: 100%;margin-left:0; padding: 34px 0 0 0;}
  .about07 .map_box2 p {font-size: 15px;}
  .about07 .map_box2 p img {margin-right: 8px; width: 8%;}

  .barea .sub_path_wrap ul.sub_path li {text-align: center; width: 33%; height: 50px;white-space: nowrap; text-overflow: ellipsis;}
  .barea01>.inner {margin-bottom: 0;}
  .sub_cont.barea .txt_box_bg {padding: 50px 20px;}
  .sub_cont .txt_box_bg .txt_box .txt_b {width: auto;}
  .sub_cont .txt_box_bg .txt_box .txt_b p {font-size: 14px;}
  .sub_cont .txt_box_bg .txt_box01 {width: 0;}
  .sub_cont .txt_box_bg .txt_box02 { width: 100%;}

  .product_list .flex_box {width: 100%; margin-right: 0px;}
  .product_list .flex_box .img_wrap {height: auto;}
  .product_list .flex_box .txt_wrap {display: none;}
  .product_list .flex_box .pro_name {width: 250px;height: 40px;background: #d2c1c9;margin: 0px auto 30px;line-height: 40px;}
  .product03 .flex_box .pro_name {width: 250px;height: 40px;background: #d2c1c9;margin: 20px auto 30px;line-height: 40px;}

  .product_cont .flex_wrap {display: block;}
  .product_cont .flex_box {width: 100%;}
  .product_cont .exp_box .icon {width: 64px; height: 64px;}
  .product_cont h3.pro_name {font-size: 23px;}
  .product_cont p.pro_exp {font-size: 14px;}

  .product_cont>.inner {margin-bottom: 0;}
  .product_cont article {padding: 0;}
  .product_cont .exp_wrap {margin-top: 58px;}
  .pro_exp_link {display: block; color: #f285b5; font-weight: 500; padding: 5px; border: 1px solid #f285b5; border-radius: 16px; width: 94px; margin-top: 7px;}
  .product_cont_eng .pro_exp_link {width:132px; }
  .pro_exp_link02 {margin: 20px auto 0;}

  .section02 .item {width: 100%; }
  .section06 .cust_txt {width: calc(100% - 5px);}


}


/*  */
/* 회사개요 */
.about01 .flex_bx{display: flex;align-items: center;}
.about01 .flex_bx .left_bx{margin-right: 70px;width: 60%}
.about01 .flex_bx .right_bx{text-align: left;width: 40%}
.about01 .flex_bx .right_bx li{font-size: 15px;color: 696969;list-style: circle;margin-bottom: 20px}
.about01 .flex_bx .right_bx li span{font-weight: bold;font-size: 16px;display: inline-block;}

.about01 .tb-wr{padding-top: 70px}
.about01 table.tb{width: 100%;vertical-align: middle;border-top: 2px solid #0d4b99;border-collapse: collapse;}
.about01 table.tb tr th,
.about01 table.tb tr td{font-size: 16px;padding: 30px;border-bottom: 1px solid #c9c9c9;}
.about01 table.tb tr th{color: #000;font-weight: bold;text-align: center;background-color: #ecf0f3}
.about01 table.tb tr td{color: #5f5f5f;text-align: left;}
.about01 table.tb tr td span{font-size: 16px;color: #000;}

.about01 table.mo_tb{display: none;}


@media(max-width:960px){
  .about01 .flex_bx{flex-direction: column;}
  .about01 .flex_bx .left_bx{margin-right: 0;width: 100%;}
  .about01 .flex_bx .left_bx img.about_img{width: 100%}
  .about01 .flex_bx .right_bx{width: 100%;padding-left: 30px;margin-top: 37px}
  .about01 .flex_bx .right_bx br{display: none;}

  .about01 table.pc_tb{display: none;}
  .about01 table.mo_tb{display: block;}
}
@media(max-width:550px){
  .about01 .flex_bx .right_bx li{margin-bottom: 6px}
  .about01 .flex_bx .right_bx{margin-top: 18px;padding-left: 23px;}
  .about01 .tb-wr{padding-top: 29px}
  .about01 table.tb tr th, .about01 table.tb tr td{padding: 12px;}
  .about01 table.tb tr th{white-space: nowrap;}
}


/* footer/영문 - 오른쪽 하단 파일 다운로드 버튼 */
#quick_menu ul .q1.eng_q1 a:hover{width: 186px}
#quick_menu ul .q4.eng_q4 a:hover{width: 186px}
#quick_menu ul .q5.eng_q5 a:hover{width: 186px}




















/