@charset "utf-8";

/* 
 * content CSS Document
 * KOWEB
 */

/* 공통 */ 
.lnb {margin-top: 30px; transform: translateY( -114px ); transition: .3s; opacity: 0;}
.lnb.scroll {transform: translateY( 0 ); opacity: 1;}
.lnb ul {display: flex; justify-content: center; align-items: center;}
.lnb ul li {position: relative;}
.lnb ul li br {display: none;}
.lnb ul li.active {background: #9f1c28; padding: 8px 32px; border-radius: 50px;}
.lnb ul li.active a {color: #fff;}
.lnb ul li:nth-child(n+2) {margin-left: 65px;}
.lnb ul li a {font-size: 20px; color: #bdbec0;}

.tab ul {display: flex; justify-content: center; max-width: 1400px; margin: 0 auto 80px; padding: 20px 0; border: 1px solid #dcdde1;}
.tab ul li {font-size: 20px; position: relative; padding: 0 30px;}
.tab ul li::before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 18px; background: #dcdde1;}
.tab ul li:nth-child(1)::before {display: none;}
.tab ul li a {color: #666;}
.tab ul li.on a {color: #9f1c28; font-weight: 600;}

.tab2 ul {display: flex; align-items: center;}
.tab2 ul li {width: 49%; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; text-align: center;}
.tab2 ul li.on {background: #ba5e67;}
.tab2 ul li.on a {color: #fff;}
.tab2 ul li:hover {background: #ba5e67;}
.tab2 ul li:hover a {color: #fff;}
.tab2 ul li:nth-child(n+2) {margin-left: 2%;}
.tab2 ul li div {height: 195px;}
.tab2 ul li a {font-size: 20px; color: #222; display: block; width: 100%; padding: 43px 0;}
.tab2 ul li i {position: relative; display: block; padding-bottom: 80px;}
.tab2 ul li i::before {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.tab2 ul li i.icon1::before {background: url('../images/content/s3_2_1.png') no-repeat; background-size: contain; width: 57px; height: 45px;}
.tab2 ul li i.icon2::before {background: url('../images/content/s3_2_2.png') no-repeat; background-size: contain; width: 53px; height: 53px;}
.tab2 ul li i.icon3::before {background: url('../images/content/s3_2_3.png') no-repeat; background-size: contain; width: 51px; height: 45px;}
.tab2 ul li.on i.icon1::before {background: url('../images/content/s3_2_1_hv.png') no-repeat; background-size: contain; width: 57px; height: 45px;}
.tab2 ul li.on i.icon2::before {background: url('../images/content/s3_2_2_hv.png') no-repeat; background-size: contain; width: 53px; height: 53px;}
.tab2 ul li.on i.icon3::before {background: url('../images/content/s3_2_3_hv.png') no-repeat; background-size: contain; width: 51px; height: 45px;}
.tab2 ul li:hover i.icon1::before {background: url('../images/content/s3_2_1_hv.png') no-repeat; background-size: contain; width: 57px; height: 45px;}
.tab2 ul li:hover i.icon2::before {background: url('../images/content/s3_2_2_hv.png') no-repeat; background-size: contain; width: 53px; height: 53px;}
.tab2 ul li:hover i.icon3::before {background: url('../images/content/s3_2_3_hv.png') no-repeat; background-size: contain; width: 51px; height: 45px;}

.sub_visual {max-width: 95.3%; position: relative; margin-left: auto; margin-top: 86px; height: 766px; background-attachment: fixed !important; transition: .5s;}
.sub_visual .txt {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: .3s; text-align: center; color: #fff; width: 90%;}
.sub_visual .txt h2 {font-size: 80px; position: relative;}
.sub_visual .txt h2::before {content: ''; position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%); width: 50px; height: 2px; background: #fff;}
.sub_visual .txt p {font-size: 17px; padding-top: 47px; font-weight: 300;}
.sub_visual.scroll {height: 500px;}
.sub_visual.scroll .txt {top: 57%;}

.sub_visual.sub01 {background: url('../images/content/sub_visual01.jpg') no-repeat center/cover; position: relative;}
.sub_visual.sub02 {background: url('../images/content/sub_visual02.jpg') no-repeat center/cover; position: relative;}
.sub_visual.sub03 {background: url('../images/content/sub_visual03.jpg') no-repeat center/cover; position: relative;}
.sub_visual.sub04 {background: url('../images/content/sub_visual04.jpg') no-repeat center/cover; position: relative;}
.sub_visual.sub05 {background: url('../images/content/sub_visual05.jpg') no-repeat center/cover; position: relative;}

.sub_area {margin: 95px 0 0;}
.sub_area.s4_1 {margin: 75px 0 0;}
.sConBox {max-width: 1400px; margin: 0 auto;}

.s_tit {max-width: 1400px; margin: 0 auto 45px;}
.s_tit h3 {font-size: 32px; color: #222; position: relative; padding-top: 15px;}
.s_tit h3::before {content: ''; position: absolute; top: 0; left: 0; width: 50px; height: 3px; background: #9f1c28;}
.s_tit.mt {margin: 130px auto 45px;}

/* 재고리스트 sub visual title 수정 */
.sub_visual.sub04 .txt h3 {font-size: 80px; position: relative;}
.sub_visual.sub04 .txt h3::before {content: ''; position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%); width: 50px; height: 2px; background: #fff;}



/* 애니효과 */
.ani{animation:visualAni 1s ease 0s forwards;opacity:0;}
.ani_x{opacity:0;transform:translateX(50px);transition-property: all;transition-duration: 0.8s;-webkit-transform:translateX(50px);-webkit-transition-property: all;-webkit-transition-duration: 0.8s;}
.ani_x.m{transform:translateX(-50px);-webkit-transform:translateX(-50px);transition-timing-function:ease;-webkit-transition-timing-function:ease}
.delay1{transition-delay:0.3s;-webkit-transition-delay:0.3s;}
.delay2{transition-delay:0.6s;-webkit-transition-delay:0.6s;}
.delay3{transition-delay:0.9s;-webkit-transition-delay:0.9s;}
.delay4{transition-delay:1.2s;-webkit-transition-delay:1.2s;}
.delay5{transition-delay:1.5s;-webkit-transition-delay:1.5s;}
.delay6{transition-delay:1.8s;-webkit-transition-delay:1.8s;}
.delay7{transition-delay:2.1s;-webkit-transition-delay:2.1s;}
.delay8{transition-delay:2.3s;-webkit-transition-delay:2.3s;}
.delay9{transition-delay:2.6s;-webkit-transition-delay:2.6s;}
.delay10{transition-delay:2.9s;-webkit-transition-delay:2.9s;}
.delay11{transition-delay:3.2s;-webkit-transition-delay:3.2s;}
.delay12{transition-delay:3.5s;-webkit-transition-delay:3.5s;}
.delay13{transition-delay:3.8s;-webkit-transition-delay:3.8s;}
.delay14{transition-delay:4.1s;-webkit-transition-delay:4.1s;}
.delay15{transition-delay:4.3s;-webkit-transition-delay:4.3s;}
.action .ani_y{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);}
.action .ani_x{opacity:1;transform:translateX(0);-webkit-transform:translateX(0);}

@media all and (max-width:1680px) {
    .sub_visual .txt h2 {font-size: 70px;}
    .sub_visual.sub04 .txt h3 {font-size: 70px;}
}
@media all and (max-width:1400px) {
    .sConBox {padding: 0 15px;}
    .s_tit {padding: 0 15px;}
    .tab {padding: 0 15px;}
    .tab2 ul li a {padding: 50px 0;}
    .tab2 ul li i {padding-bottom: 66px;}
    .tab2 ul li:nth-child(n+2) {margin-left: 1.5%;}
    .tab2 ul li i.icon1::before {width: 50px; height: 38px;}
    .tab2 ul li i.icon2::before {width: 46px; height: 46px;}
    .tab2 ul li i.icon3::before {width: 51px; height: 45px;}
    .tab2 ul li:hover i.icon1::before {width: 50px; height: 38px; background-size: contain;}
    .tab2 ul li:hover i.icon2::before {width: 46px; height: 46px; background-size: contain;}
    .tab2 ul li:hover i.icon3::before {width: 51px; height: 45px; background-size: contain;}
    .tab2 ul li.on i.icon1::before {width: 50px; height: 38px; background-size: contain;}
    .tab2 ul li.on i.icon2::before {width: 46px; height: 46px; background-size: contain;}
    .tab2 ul li.on i.icon3::before {width: 51px; height: 45px; background-size: contain;}
}
@media all and (max-width:1200px) {
    .sub_visual {max-width: 100%; background-attachment: unset !important; margin-top: 80px; height: 700px;}
    .sub_visual .txt h2 {font-size: 60px;}
    .sub_visual.sub04 .txt h3 {font-size: 60px;}
    .sub_area {margin: 75px 0 0;}  
    .lnb ul li a {font-size: 18px;}
    .lnb ul li:nth-child(n+2) {margin-left: 50px;}
    .s_tit h3 {font-size: 26px;}
}
@media all and (max-width:980px) {
    .sub_visual {height: 650px;}
    .sub_visual .txt h2 {font-size: 55px;}
    .sub_visual.sub04 .txt h3 {font-size: 55px;}
    .s_tit {margin: 0 auto 35px;}
    .tab2 ul li a {padding: 52px 0;}
    .tab2 ul li i.icon1::before {width: 45px; height: 33px;}
    .tab2 ul li i.icon2::before {width: 41px; height: 41px;}
    .tab2 ul li i.icon3::before {width: 46px; height: 40px;}
    .tab2 ul li:hover i.icon1::before {width: 45px; height: 33px; background-size: contain;}
    .tab2 ul li:hover i.icon2::before {width: 41px; height: 41px; background-size: contain;}
    .tab2 ul li:hover i.icon3::before {width: 46px; height: 40px; background-size: contain;}
    .tab2 ul li.on i.icon1::before {width: 45px; height: 33px; background-size: contain;}
    .tab2 ul li.on i.icon2::before {width: 41px; height: 41px; background-size: contain;}
    .tab2 ul li.on i.icon3::before {width: 46px; height: 40px; background-size: contain;}
    .tab2 ul li a {font-size: 17px;}
}
@media all and (max-width:920px) {
    .lnb ul li:nth-child(n+2) {margin-left: 30px;}
    .lnb ul li.active {padding: 5px 26px;}
}
@media all and (max-width:880px) {
    .lnb.v2 .wrap {min-width: 880px;}
}
@media all and (max-width:768px) {
    .sub_visual .txt h2 {font-size: 45px;}
    .sub_visual.sub04 .txt h3 {font-size: 45px;}
    .sub_visual .txt p {padding-top: 36px;}
    .lnb {overflow-x: auto;}
    .lnb.v1 .wrap {min-width: 768px;}
}
@media all and (max-width:680px) {
    .sub_visual {margin-top: 58px; height: 580px;}
    .sub_visual.scroll {height: 400px;}
    .sub_visual.scroll .txt {top: 50%;}
    .lnb {margin-top: 20px; transform: unset; opacity: unset;}
    .lnb ul li a {font-size: 16px;}
    .lnb.v1 .wrap {min-width: 680px;}
    .lnb.v2 .wrap {min-width: 800px;}
    .lnb.scroll {transform: translateY(0); transition: unset; opacity: 1;}
    .sub_area {margin: 60px 0 0;}
    .sub_area.s4_1 {margin: 40px 0 0;}
    .s_tit {margin: 0 auto 25px;}
    .s_tit h3 {font-size: 24px; padding-top: 10px; width: 100%;}
    .s_tit h3::before {width: 56px;}
    .tab ul {padding: 15px 0;}
    .tab ul li {font-size: 16px;}
    .tab2 ul li i {padding-bottom: 40px;}
    .tab2 ul li a {padding: 42px 0;}
    .tab2 ul li div {height: 145px;}
    .tab2 ul li i.icon1::before {width: 37px; height: 26px;}
    .tab2 ul li i.icon2::before {width: 28px; height: 28px;}
    .tab2 ul li i.icon3::before {width: 28px; height: 25px;}
    .tab2 ul li:hover i.icon1::before {width: 37px; height: 26px; background-size: contain;}
    .tab2 ul li:hover i.icon2::before {width: 28px; height: 28px; background-size: contain;}
    .tab2 ul li:hover i.icon3::before {width: 28px; height: 25px; background-size: contain;}
    .tab2 ul li.on i.icon1::before {width: 37px; height: 26px; background-size: contain;}
    .tab2 ul li.on i.icon2::before {width: 28px; height: 28px; background-size: contain;}
    .tab2 ul li.on i.icon3::before {width: 28px; height: 25px; background-size: contain;}
    .tab2 ul li a {font-size: 15px;}
}
@media all and (max-width:550px) {
    .tab ul {flex-direction: column; text-align: center; padding: 0; margin: 0 auto 60px;}
    .tab ul li {padding: 10px 5px;}
    .tab ul li:nth-child(n+2) {border-top: 1px solid #eee;}
    .tab ul li::before {display: none;}
    
    .lnb ul li:last-child.active {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #fff;}    
}
@media all and (max-width:480px) {
    .sub_visual {height: 400px;}
    .sub_visual .txt h2 {font-size: 38px;}
    .sub_visual.sub04 .txt h3 {font-size: 38px;}
    .sub_visual .txt p {font-size: 16px;}
}


/* 기업소개 */
.s1_1 .s1_tit {text-align: center;}
.s1_1 .s1_tit p {font-size: 20px; color: #222; line-height: 1.7;}
.s1_1 .s1_tit span {display: block; font-size: 40px; font-weight: 700; color: #a8a8a8; padding-top: 20px;}
.s1_1 .img_full {background: url('../images/content/s1_1_1.jpg') no-repeat center/cover; height: 670px; margin-top: 90px; position: relative;}
.s1_1 .cir_area {position: absolute; bottom: 52px; left: 50%; transform: translateX(-50%);}
.s1_1 .cir_area ul {display: flex; justify-content: center;}
.s1_1 .cir_area ul li {width: 206px; height: 206px; border-radius: 100%; background: rgba(188,190,192,.5); position: relative;}
.s1_1 .cir_area ul li:hover {background: rgba(159,28,40,.5);}
.s1_1 .cir_area ul li:hover::before  {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: spincir 5s linear infinite; background: url('../images/content/s1_1_1_cir.png') no-repeat center/contain; width: 285px; height: 285px;}
.s1_1 .cir_area ul li:nth-child(n+2) {margin-left: 72px;}
.s1_1 .cir_area ul li::before {content: ''; z-index: -1; position: absolute; top: 50%; left: 50%; width: 230px; height: 230px; transform: translate(-50%, -50%); background: rgba(188,190,192,.2); border-radius: 100%;}
.s1_1 .cir_area ul li::after {content: ''; position: absolute; top: 50%; left: 50%; width: 186px; height: 186px; transform: translate(-50%, -50%); border-radius: 100%; border: 1px solid rgba(255,255,255,.5);}
.s1_1 .cir_area p {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 18px; text-align: center; width: 100%;}
.s1_1 .txtBox {background-color: #f1f1f1; position: relative; z-index: -11; overflow: hidden;}
.s1_1 .txtBox .txt {text-align: center; padding: 170px 0 100px; position: relative;}
.s1_1 .txtBox .txt::before {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1px; height: 118px; background: #AB6E71;}
/* .s1_1 .txtBox .t1 {font-size: 36px; font-weight: 700; line-height: 1.3; color: #AB6E71;} */
.s1_1 .txtBox p {font-size: 38px; color: #777;}
/*.s1_1 .txtBox p:nth-child(2) {color: #AB6E71; font-weight: bold;}*/
/* .s1_1 .t_bg::before {content: 'MOQ Free'; position: absolute; bottom: -53px; left: 50%; transform: translateX(-50%); width: 100%; font-size: 150px; color: #e7e7e5; text-align: center; font-weight: 800; z-index: -1;} */
/* .s1_1 .t_bg::before {content: 'MOQ Free'; position: absolute; bottom: -29px; left: 50%; transform: translateX(-50%); width: 100%; font-size: 150px; color: #e7e7e5; text-align: center; font-weight: 800; z-index: -1;} */
@keyframes spincir {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

/* 회사정보 */
.s1_1 .info {font-family: 'Noto Sans KR', sans-serif; margin-top: 110px;}
.s1_1 .info > ul {border-top: 2px solid #666; border-bottom: 1px solid #bcbec0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.s1_1 .info > ul > li {width: 50%; padding: 15px 0;}
.s1_1 .info > ul > li:nth-child(n+3) {border-top: 1px solid #e3e3e3;}
.s1_1 .info > ul > li:nth-child(odd) {border-right: 1px solid #e3e3e3; box-sizing: border-box;}
.s1_1 .info .info_inr {padding: 0 20px; display: flex; align-items: center; height: 100%;}
.s1_1 .info .info_inr > strong {width: 24%; font-size: 16px; font-weight: 500; color: #222;}
.s1_1 .info .info_inr > span {width: 76%; text-align: left; font-size: 16px; color: #666; font-weight: 300;}
.s1_1 .info .list {width: 76%;}
.s1_1 .info .list li {font-size: 16px; color: #666;}
.s1_1 .info .list li:nth-child(n+2) {padding-top: 10px;}
.s1_1 .info .list li strong {font-weight: 300; color:#222; display: inline-block; padding-right: 6px; display: block;}
.s1_1 .info .list li span {font-weight: 300;}
.s1_1 .img_list {margin-top: 56px;}
.s1_1 .img_list ul {display: flex; justify-content: space-between;}
.s1_1 .img_list ul li {width: 32.8%;}
.s1_1 .img_list ul li img {width: 100%;}
.og_chart {margin-top: 130px;}
.og_chart .cont {background: url('../images/content/s1_2_4_bg.jpg') no-repeat center/cover; padding: 65px 0;}
.og_chart .cont .ceo {position: relative; width: 166px; height: 166px; z-index: 100; margin: 0 auto; border: 18px solid #ba5e67; background: #fff; border-radius: 100%; text-align: center; line-height: 166px; font-size: 28px; font-weight: bold; color: #222;}
.og_chart .cont .ceo::before {content: ''; position: absolute; bottom: -59px; left: 50%; transform: translateX(-50%); width: 11px; height: 11px; border-radius: 100%; background: #ba5e67;}
.og_chart .cont .inr {display: flex; justify-content: center; padding-top: 129px;}
.og_chart .cont ul.item1 {display: flex;}
.og_chart .cont ul.item1 > li:nth-child(n+2) {margin-left: 45px;}
.og_chart .cont ul.item1 .item1_name {font-size: 19px; color: #515151; text-align: center; width: 212px; padding: 21px 0; background: #fff; border-radius: 50px; border: 5px solid #bdbec0;}
.og_chart .cont ul.item2 {margin-top: 23px; border-radius: 37px; background: #fff; padding: 0 0 0 27px; height: 150px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.og_chart .cont ul.item2 {padding: 15px;}
.og_chart .cont ul.item2 li {font-size: 16px; color: #515151; padding: 0 0 0 20px; position: relative;}
.og_chart .cont ul.item2 li:nth-child(n+2) {margin-top: 6px;}
.og_chart .cont ul.item2 li:nth-child(1) {padding: 0 0 0 20px; margin-top: 20px;}
.og_chart .cont ul.item2 li::before {content: ''; position: absolute; top: 9px; left: 0; width: 5px; height: 5px; border-radius: 100%; background: #bdbec0;}
.og_chart .cont .con1 {z-index: 99; position: relative;}
.og_chart .cont .con1::before {content: ''; position: absolute; top: -63px; left: 50%; transform: translateX(-50%); width: 78.4%; height: 1px; background: #bdbec0;}
.og_chart .cont .con1 ul.item2 {position: relative;}
.og_chart .cont .con1 ul.item2::before {content: ''; position: absolute; top: -167px; left: 50%; width: 1px; height: 200px; background: #bdbec0; z-index: -9;}
.og_chart .cont .con1 ul.item2::after {content: ''; position: absolute; top: -172px; left: 47.6%; width: 11px; height: 11px; background: #bdbec0; border-radius: 50%;}
.og_chart .cont .con1 li:nth-child(3) ul.item2::before {height: 300px; top: -266px;}
.og_chart .cont .con2 {z-index: 99;}
.og_chart .cont .con2 ul.item1 > li {margin-left: 45px;}
.og_chart .cont .con2 ul.item1 .item1_name {border: 5px solid #bdbec0;}
.og_chart .cont .con2 ul.item2 {position: relative;}
.og_chart .cont .con2 ul.item2::before {content: ''; position: absolute; top: -198px; left: 50%; width: 1px; height: 230px; background: #bdbec0; z-index: -9;}
.og_chart .cont .con2 ul.item2::after {content: ''; position: absolute; top: -198px; right: 110px; width: 535px; height: 1px; background: #bdbec0; z-index: -9;}

/* 연혁 */
.history .con .img {position: relative; width: 100%; height: 300px;}
.history .con .img::before {content: ''; position: absolute; top: 0; right: 0; display: block; z-index: 100; width: 100%; height: 100%; background: #fff; transition: all 3s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;}
.history .con .img.active {opacity: 1; transition: 5s;}
.history .con .img.active::before {width: 0;}
.history .con .img .txt {position: absolute; top: 50%; left: 420px; transform: translateY(-50%); color: #fff; display: flex; align-items: center;}
.history .con .img .txt strong {font-size: 60px;}
.history .con .img .txt p {font-size: 34px; font-weight: 300; padding-left: 100px;}
.history .con .img .txt p em {font-weight: 600;}

.history .area2 .img.active::before {left: 0;}
.history .area4 .img.active::before {left: 0;}

.history .area1 .img {background: url('../images/content/s1_3_1.jpg') no-repeat;}
.history .area2 .img {background: url('../images/content/s1_3_2.jpg') no-repeat; background-position: right;}
.history .area3 .img {background: url('../images/content/s1_3_3.jpg') no-repeat;}
.history .area4 .img {background: url('../images/content/s1_3_4.jpg') no-repeat; background-position: right;}
.history .list_item {max-width: 1080px; margin: 0 auto; padding: 90px 0 115px; position: relative;}
.history .list_item::before {content: ''; position: absolute; top: 0; left: 163px; width: 1px; height: 100%; background: #bdbec0;}
.history .list_item ul li {position: relative;}
.history .list_item ul li:nth-child(n+2) {margin-top: 64px;}
.history .list_item h4.year {font-size: 30px; color: #222; position: absolute; top: 0; left: 0;}
.history .list_item .list {padding-left: 274px; position: relative;}
.history .list_item .list::before {content: ''; position: absolute; top: 4px; left: 154px; width: 9px; height: 9px; background: #fff; border: 5px solid #9f1c28; border-radius: 100%;}
.history .list_item .list p {font-size: 18px; font-weight: 400; padding-left: 15px; font-family: 'Noto Sans KR', sans-serif; color: #555; position: relative;}
.history .list_item .list p::before {content: ''; position: absolute; top: 11px; left: 0; width: 5px; height: 5px; background: #999; border-radius: 100%;}
.history .list_item .list p:nth-child(n+2) {margin-top: 12px;}

/* 인증서 */
.certificate {padding-top: 20px;}
.certificate ul {display: flex; flex-wrap: wrap;}
.certificate ul li {width:20%; margin-right: 6.5%; box-sizing: border-box;}
.certificate ul li:nth-child(4n) {margin-right: 0;}
.certificate ul li:nth-child(n+5) {margin-top: 68px;}
.certificate ul li p {font-size: 20px; color: #515151; text-align: center; padding-top: 20px; display: block;}
.certificate ul li a{display: block;}
.certificate ul li a img{width:100%; height: 397px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.certificate-load {display: none;}
.certificate-load.active {display: block;}

/* 오시는 길 */
.location {max-width: 1660px; margin-left: auto; position: relative;}
.location .map {max-width: 1530px; margin-left: auto;}
.location .map_info {position: absolute; top: 50px; left: 0; width: 31%; background: #fff; border-radius: 0 100px 0 0; padding: 64px 0;}
.location .map_info .tit {font-size: 28px; color: #222;}
.location .map_info .tit em {display: inline-block; font-size: 16px; color: #dcdde1; font-weight: 600; padding-left: 14px;}
.location .map_info ul li {position: relative; padding-left: 36px;}
.location .map_info ul li.address {margin-top: 26px;}
/* .location .map_info ul li.tel {margin-top: 92px;} */
.location .map_info ul li.way {margin-top: 12px;}
.location .map_info ul li.tel {margin-top: 12px;}
.location .map_info ul li.fax {margin-top: 12px;}
.location .map_info ul li::before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.location .map_info ul li.address::before {background: url('../images/content/s1_5_1.png') no-repeat; top: 16px; width: 19px; height: 22px; background-size: contain;}
.location .map_info ul li.tel::before {background: url('../images/content/s1_5_2.png') no-repeat; width: 19px; height: 19px; background-size: contain;}
.location .map_info ul li.fax::before {background: url('../images/content/s1_5_3.png') no-repeat; width: 19px; height: 16px; background-size: contain;}
.location .map_info ul li.car::before {background: url('../images/content/s1_5_4.png') no-repeat; width: 19px; height: 15px; background-size: contain; top: 14px;}
.location .map_info ul li.sub::before {background: url('../images/content/s1_5_5.png') no-repeat; width: 19px; height: 21px; background-size: contain; top: 16px;}
.location .map_info ul li.way ul {margin-top: 6px;}
.location .map_info ul li.way li {padding-left: 2px; font-size: 16px; color: #444; font-weight: 500; font-family: 'noto sans kr',sans-serif;}
.location .map_info ul li.way li:nth-child(n+2) {margin-top: 5px;}
.location .map_info ul li strong {font-size: 18px; color: #333;}
.location .map_info ul li strong span {font-weight: 400;}
.location .map_info ul li em {font-size: 18px; color: #222; font-weight: 700; display: inline-block; padding-left: 22px;}
.location.con2 {margin-top: 129px;}
.google-map {width: 100%; overflow: hidden;}
.google-map iframe {margin-top: -150px;}

/* 글로벌네트워크 */
.s1_6 .img_wrap {position: relative; background: url('../images/content/s1_6_1.jpg') no-repeat center; height: 725px;}
.s1_6 .img_wrap img {width: 100%;}
.s1_6 .item {position: absolute; top: 50%; left: 50%;}
.s1_6 .item p {font-size: 16px; color: #fff; font-weight: 600; padding: 6px 12px; border-radius: 50px; background: #ba5e67; position: relative;}
.s1_6 .item.seoul {margin-left: -122px; margin-top: -112px;}
.s1_6 .item.gumi {margin-left: -122px; margin-top: -25px;}
.s1_6 .item.china {margin-left: -169px; margin-top: 23px;}
.s1_6 .item.melbourne {margin-left: -59px; margin-top: 242px;}
.s1_6 .item.melbourne2 {margin-left: -59px; margin-top: 152px;}
.s1_6 .item.Las {margin-left: 259px; margin-top: 22px;}
.s1_6 .item::before {content: ''; position: absolute; top: -21px; left: 18px; width: 1px; height: 40px; background: #9f1c28;}
.s1_6 .item p::before {content: ''; position: absolute; top: -28px; left: 14px; width: 8px; height: 8px; background: #9f1c28; border-radius: 50%;}
.s1_6 .item p::after {content: ''; position: absolute; top: -32px; left: 18px; width: 16px; height: 16px; background: #9f1c28; border-radius: 50%; opacity: .3;  animation: dots 2s infinite;}
.s1_6 .item.seoul::before {top: unset; bottom: -20px; left: 11px;}
.s1_6 .item.seoul p::before {bottom: -27px; left: 8px; top: unset;}
.s1_6 .item.seoul p::after {bottom: -31px; left: 12px; top: unset;}
.s1_6 .item.melbourne2::before {top: unset; bottom: -20px; left: 11px;}
.s1_6 .item.melbourne2 p::before {bottom: -27px; left: 8px; top: unset;}
.s1_6 .item.melbourne2 p::after {bottom: -31px; left: 12px; top: unset;}
.s1_6 .item.australia::before {height: 44px; top: -31px;}
.s1_6 .item.australia p::before {top: -35px;}
.s1_6 .item.australia p::after {top: -39px;}
.s1_6 .item.gumi p::before {top: -22px;}

.mblink {margin-top: 35px; position: relative; display: none;}
.mblink a {position: absolute; bottom: 10px; right: 10px; width: 40px; height: 40px; text-indent: -999px; overflow: hidden; background: rgba(0,0,0,0.4); border-radius: 50%;}
.mblink a::after {position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -9px; width: 19px; height: 20px; content: ''; background: url(../images/common/ic_search.png) no-repeat center center; opacity: 0.8;}

@keyframes dots {
    0%{
        transform: translate(-50%,0) scale(1); opacity: .5;
    }
    100%{
        transform: translate(-50%,0) scale(2); opacity: 0;
    }
}

/* 파트너 */
.partner_list ul {display: flex; flex-wrap: wrap;}
.partner_list ul li {width: 23.7%; height: 290px; border: 1px solid #dcdde1; position: relative; margin-right: 1.7%; box-sizing: border-box;}
.partner_list ul li:nth-child(n+5) {margin-top: 26px;}
.partner_list ul li:nth-child(4n) {margin-right: 0;}
.partner_list ul li:hover .hv {opacity: 1; transition: all .5s;}
.partner_list ul li img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;}
.partner_list .hv {width: 100%; height: 100%; background: rgba(0,0,0,.7); text-align: center; opacity: 0; transition: all .5s;}
.partner_list .hv strong {font-size: 32px; color: #fff; display: block; padding-top: 100px;}
.partner_list .hv strong em {display: block; font-size: 16px; font-weight: 400;}
.partner_list .hv a {font-size: 16px; font-weight: 600; color: #fff; display: block; padding-top: 20px;}
.partner_list .hv a i {position: relative; padding-left: 49px;}
.partner_list .hv a i::before {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: url('../images/content/s1_7_arrow.png') no-repeat; width: 35px; height: 35px; background-size: contain;}
.partner_list #load {color: #fff; font-size: 16px; display: block; width: 150px; padding: 14px 0; background: #9f1c28; text-align: center; margin: 70px auto 0;}

/* 제품소개 */
.product_slide .img {position: relative; background: url('../images/content/s2_1_bg.jpg') no-repeat center/cover;}
.product_slide .img.im2 {background: url('../images/content/s2_1_bg2.jpg') no-repeat center/cover;}
.product_slide .cont {color: #fff; padding: 220px 0 74px;}
.product_slide .cont h3 {font-size: 50px;}
.product_slide .cont .box {margin-top: 20px; padding: 40px 75px; background: rgba(255,255,255,.3);}
.product_slide .cont .box strong {font-size: 24px; position: relative; padding-bottom: 34px; display: block;}
.product_slide .cont .box strong::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100px; height: 1px; background: #fff;}
.product_slide .cont ul {padding-top: 34px;}
.product_slide .cont ul li {display: flex; flex-wrap: wrap; font-size: 16px;}
.product_slide .cont ul li:nth-child(n+2) {padding-top: 8px;}
.product_slide .cont ul li .tit {width: 160px; font-weight: 500;}
.product_slide .swiper-button-prev {margin-left: 90px; background: url('../images/content/s2_1_prev.png') no-repeat; width: 55px; height: 55px; background-size: contain;}
.product_slide .swiper-button-prev::after {display: none;}
.product_slide .swiper-button-next {margin-right: 90px;background: url('../images/content/s2_1_next.png') no-repeat; width: 55px; height: 55px; background-size: contain;}
.product_slide .swiper-button-next::after {display: none;}

/* 제품소개 수정 */
.gd_info {max-width: 1400px; margin: 0 auto 60px; padding: 60px 20px; background: url(../images/content/s2_1_1.jpg) no-repeat center bottom; background-size: cover; text-align: center;}
.gd_info span {font-family: 'noto sans kr',sans-serif; color: #b91a27; font-size: 17px; font-weight: bolder; text-shadow: 1px 1px 6px #0c050ea1;}
.gd_info p {font-size: 20px; color: #fff; line-height: 2.3rem; font-family: 'noto sans kr',sans-serif; font-weight: 300; margin-top: 25px;}
.mk_info {position: relative; font-size: #333; font-size: 17px; font-family: 'noto sans kr',sans-serif; padding-left: 20px; margin-top: 25px;}
.mk_info::before {content: ''; position: absolute; top: 9px; left: 0; width: 8px; height: 8px; background: #d4d4d4;}
.s2_2 .gd_info {background: url(../images/content/s2_2_1.jpg) no-repeat center bottom;}
.s2_2 .gd_info p br {display: none;}

.service_box {margin-top: 60px;}
.service_box h4 {font-size: 35px; color: #222; text-align: center; padding-top: 96px; background: #fbfbfb; height: 470px;}
.service_box ul {display: flex; justify-content: space-between; position: relative; margin-top: -340px;}
.service_box ul li {width: 32%; border-radius: 50px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; background: #fff;}
.service_box ul li:hover {background: #9f1c28;}
.service_box ul li:hover p {color: #fff;}
.service_box ul li:hover em {color: #fff;}
.service_box ul li:nth-child(1):hover .box i.icon1 {background: url('../images/content/s2_1_icon1-1.png') no-repeat;}
.service_box ul li:nth-child(2):hover .box i.icon2 {background: url('../images/content/s2_1_icon2-1.png') no-repeat;}
.service_box ul li:nth-child(3):hover .box i.icon3 {background: url('../images/content/s2_1_icon3-1.png') no-repeat;}
.service_box .box {padding: 80px 50px;}
.service_box .box i {position: relative; padding-bottom: 100px; display: block;}
.service_box .box i::before {content: ''; position: absolute; top: 0; left: 0;}
.service_box .box i.icon1 {background: url('../images/content/s2_1_icon1.png') no-repeat; width: 57px; height: 45px; background-size: contain;}
.service_box .box i.icon2 {background: url('../images/content/s2_1_icon2.png') no-repeat; width: 53px; height: 53px; background-size: contain;}
.service_box .box i.icon3 {background: url('../images/content/s2_1_icon3.png') no-repeat; width: 58px; height: 52px; background-size: contain;}
.service_box .box p {font-size: 24px; color: #222; font-weight: bold;}
.service_box .box em {font-size: 18px; color: #666; padding-top: 23px; display: block;}

.s2_3 h3.tit {font-size: 32px; color: #222; position: relative; padding-top: 5px;}
.s2_3 h3.tit::before {content: ''; position: absolute; top: 0; left: 0; width: 50px; height: 3px; background: #9f1c28;}
.s2_3 .box_area {display: flex;}
.s2_3 .box_area .box {width: 47%;}
.s2_3 .box_area .box:nth-child(2) {margin-left: 6%;}
.s2_3 .box_area .cont {height: 256px;  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;  border-radius: 30px;}
.s2_3 .box_area .cont .t1 {font-size: 14px; color: #666; padding-top: 30px; display: block;}
.s2_3 .box_area .c_inr {margin-top: 38px; padding: 40px 50px;}
.s2_3 .box_area .c_inr ul li {display: flex;}
.s2_3 .box_area .c_inr ul li strong {width: 140px; font-size: 16px; color: #222;}
.s2_3 .box_area .c_inr ul li em {font-size: 16px; color: #666;}
.s2_3 .box_area .c_inr ul li:nth-child(n+2) {padding-top: 10px;}
.s2_3 .box_area .box.b2 p {font-size: 16px; color: #666;}
.s2_3 .box_area .box.b2 .txt {padding-top: 90px;}
.s2_3 .box_area .box.b2 .txt p {position: relative; font-size: 18px; color: #666; padding-left: 40px;}
.s2_3 .box_area .box.b2 .txt p::before {content: ''; position: absolute; top: 4px; left: 0; background: url('../images/content/s2_3_1.png') no-repeat; width: 25px; height: 18px; background-size: contain;}
.s2_3 .box_area .box.b2 .txt p em {font-weight: bold; display: inline-block; padding-right: 12px;}
.s2_3 .table_area {margin-top: 100px;}
.s2_3 .table_area .table {padding-top: 46px; font-size: 16px;}
.s2_3 .table_area .table_tit {font-size: 24px; color: #222; font-weight: 500; padding-bottom: 12px;}
.s2_3 .tBox_area {background: #f6f6f6; font-size: 16px; color: #666; margin-top: 50px; padding: 43px;}
.s2_3 .tBox_area p:nth-child(n+2) {padding-top: 25px;}

.s2_3.ty2 .box_area .c_inr {padding: 48px 30px;}
.s2_3.ty2 .box_area .c_inr ul li strong {width: 200px;}
.s2_3.ty2 .box_area .c_inr ul li em {width: 74%;}


.s4_1 .table tbody .tit {padding: 15px 15px 5px;}

.table thead {background: #222;}
.table thead th {padding: 12px 4px; color: #fff;}
.table tbody tr {border-bottom: 1px solid #e7e7e5;}
.table tbody tr:last-child {border-bottom: 2px solid #bdbec0;}
.table tbody td {text-align: center; padding: 17px 4px;}
.table tbody td.download a {width: 100%; height: 100%; display: block;}
.table tbody td.line {border-right: 1px solid #e7e7e7;}
.table tbody td .img_box {width: 100%; height: 184px; border: 1px solid #bdbec0;}
.table tbody td i.icon {position: relative; padding-right: 30px;}
.table tbody td i.icon::before {content: ''; position: absolute; top: 0; right: 0; background: url('../images/common/icon_download.png') no-repeat; width: 19px; height: 14px;}
.table tbody td.num {color: #666;}
.table tbody td a:hover {text-decoration: underline;}
.table .txtalign {text-align: left;}
/* .table .image .img {width: 190px; height: 80px; background: #efefef; margin: 0 auto; overflow: hidden;} */
.table .image .img {width: 190px; height: 80px; background: #fff; margin: 0 auto; overflow: hidden;}
.table .image .img img {max-width: 100%; max-height: 100%;}
.table.mt {padding-top: 12px;}
.table.mt2 {padding-top: 35px;}
.table.mt3 {padding-top: 65px;}
.table_area .m_txt {display: none; font-size: 13px; color: #515151;}

.table {position: relative; overflow-x: auto;}
.table table {min-width: 880px;}
.table .mbtb_quide {display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background: url('../images/common/table_scroll_icon.png'); background-size: 100%;}  

.table.v1 {overflow-x: unset;}
.table.v1 table {min-width: unset;}
.table.v1 .mbtb_quide {display: none;}

.searchBox_area {padding: 40px 0; border: 1px solid #e8e8e8; width: 100%; margin-top: 60px;}
.searchBox_area .search {width: 500px; margin: 0 auto; position: relative;}
.searchBox_area input {width: 100%; height: 60px; border: 0; border-bottom: 1px solid #c3c3c3;}
.searchBox_area .btn_search {position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: url('../images/content/searchBox_btn.png') no-repeat; background-size: contain; width: 25px; height: 26px;}

.s_2_box .titleBox {font-size: 32px; color: #222; position: relative; padding-top: 5px;}
.s_2_box .titleBox::before {content: ''; position: absolute; top: 0; left: 0; width: 50px; height: 3px; background: #9f1c28;}

.s_2_box {position: relative; margin-top: 100px;}
.s_2_box .feature_list {display: flex; justify-content: center; margin-top: 50px;}
.s_2_box .feature_list li {width: 20%; text-align: center; letter-spacing: -0.05rem;}
.s_2_box .feature_list li i {display: block; height: 130px;}
.s_2_box .feature_list li .icon_feature_01 {background: url(../images/content/s2_4_1.png) no-repeat center;}
.s_2_box .feature_list li .icon_feature_02 {background: url(../images/content/s2_4_2.png) no-repeat center;}
.s_2_box .feature_list li .icon_feature_03 {background: url(../images/content/s2_4_3.png) no-repeat center;}
.s_2_box .feature_list li .icon_feature_04 {background: url(../images/content/s2_4_4.png) no-repeat center;}
.s_2_box .feature_list li .icon_feature_05 {background: url(../images/content/s2_4_5.png) no-repeat center;}
.s_2_box .feature_list li p {font-size: 22px; color: #222; font-weight: 500; padding-top: 30px;}
.s_2_box .feature_list li span {font-size: 16px; color: #747474;}
.s_2_box .feature_list li:after {content: ""; position: absolute; top: 50%; display: block; width: 1px; height: 100px; background: #dfe0e8;}
.s_2_box .feature_list li:first-child:after {content: none;}

.s_2_box {margin-top: 100px;}
.s_2_box .product_list {display: flex; flex-direction: column; margin-top: 38px;}
.s_2_box .product_list li {padding: 0 0 0 40px; margin-top: 30px; position: relative; background: #e6e6e6; display: flex; align-items: center; justify-content: space-between;}
.s_2_box .product_list li:first-child {margin-top: 0; }
.s_2_box .product_list li p {font-size: 22px; color: #222; font-weight: 700; margin-bottom: 10px;}
.s_2_box .product_list li span {font-size: 16px; color: #747474; word-break: keep-all;}
.s_2_box .product_list li .txt {width: 40%;}
.s_2_box .product_list li .img_wrap {display: flex; align-items: center; justify-content: end; width: 775px;}

.s_2_box .product_list.imBox1 li:nth-child(1) .pt_img.v1 {background: url('../images/content/s4_3_1.png') no-repeat; background-size: contain; width: 249px; height: 108px;}
.s_2_box .product_list.imBox1 li:nth-child(2) .pt_img.v1 {background: url('../images/content/s4_3_2.png') no-repeat; background-size: contain; width: 173px; height: 65px; margin-right: 33px;}
.s_2_box .product_list.imBox1 li:nth-child(3) .pt_img.v1 {background: url('../images/content/s4_3_3.png') no-repeat; background-size: contain; width: 178px; height: 94px; margin-right: 33px;}
.s_2_box .product_list.imBox2 li:nth-child(1) .pt_img.v1 {background: url('../images/content/s4_3_9.png') no-repeat; background-size: contain; width: 163px; height: 80px; margin-top: 15px;}
.s_2_box .product_list.imBox2 li:nth-child(2) .pt_img.v1 {background: url('../images/content/s4_3_5.png') no-repeat; background-size: contain; width: 163px; height: 80px; margin-top: 15px;}
.s_2_box .product_list.imBox3 li:nth-child(1) .pt_img.v1 {background: url('../images/content/s4_3_6.png') no-repeat; background-size: contain; width: 165px; height: 108px;}
.s_2_box .product_list.imBox4 li:nth-child(1) .pt_img.v1 {background: url('../images/content/s4_3_7.png') no-repeat; background-size: contain; width: 187px; height: 95px;}
.s_2_box .product_list.imBox5 li:nth-child(1) .pt_img.v1 {background: url('../images/content/s4_3_8.png') no-repeat; background-size: contain; width: 197px; height: 93px;}
.s_2_box .product_list.imBox6 li:nth-child(1) .pt_img.v1 {background: url('../images/content/s4_3_9.png') no-repeat; background-size: contain; width: 172px; height: 122px;}
.s_2_box .product_list.imBox7 li:nth-child(1) .pt_img.v1 {background: url('../../images/content/s2_4_6.jpg') no-repeat; background-size: contain; width: 328px; height: 200px;}
.s_2_box .product_list.imBox7 li:nth-child(2) .pt_img.v1 {background: url('../../images/content/s2_4_7.jpg') no-repeat; background-size: contain; width: 328px; height: 200px;}
.s_2_box .product_list.imBox7 li:nth-child(3) .pt_img.v1 {background: url('../../images/content/s2_4_8.jpg') no-repeat; background-size: contain; width: 328px; height: 200px;}

.s_2_box .overview {display: block;}
.s_2_box .overview {margin-top: 30px;}
.s_2_box .overview p {font-size: 22px; font-weight: 700; color: #222;}
.s_2_box .overview p b {font-size: 30px; color: #9f1c28; text-transform: uppercase;}
.s_2_box .overview .img {width: 100%; height: 500px; background: url(../images/content/s2_4_0.jpg) no-repeat center/cover; margin-top: 40px;}

.s_2_box {margin-top: 100px;}
.s_2_box .ps_box {width: 100%; padding: 235px 0; background: #dfe0e2 url(../images/content/s4_4.jpg) no-repeat center; margin-top: 50px;}
.s_2_box .table {margin-top: 30px;}
.s_2_box .table tbody td {padding: 25px 5px;}
.s_2_box .table tbody tr:last-child {border-bottom: 0;}
.s_2_box .nd{padding-top: 0; margin-top: 0;}
.s_2_box .nd tbody tr:last-child {border-bottom: 2px solid #bdbec0;}


/* 고객센터 */
.s_tit.v2 {display: flex; align-items: baseline;}
.s_tit.v2 span {font-size: 16px; color: #666; padding-left: 36px; display: inline-block;}

.form form {display: flex; flex-wrap: wrap; justify-content: space-between;}
.form form .form-col {width: 49%;}
.form form .form-col:nth-child(n+3) {margin-top: 30px;}
.form form .form-col > label {display: block; font-size: 18px; color: #222;}
.form form .form-col select {width: 100%; border: 0; border-bottom: 1px solid #222; margin-top: 17px;}
.form form .form-col select option {padding-left: 8px;}
.form form .form-col input {width: 100%; border: 0; border-bottom: 1px solid #222; margin-top: 17px;}
.form form .form-col input::placeholder {font-size: 14px; color: #bcbec0;}
.form form .form-col textarea {width: 100%; border: 0; border-bottom: 1px solid #222; height: 250px;}
.form form .form-col textarea::placeholder {font-size: 14px; color: #bcbec0;}
.form form .form-col.full {width: 100%;}

.filebox {position: relative;}
.filebox input[type="file"] {position: absolute; width: 1px !important; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox input {padding: 7px 8px;}
.filebox input::placeholder {font-size: 14px; color: #bcbec0; }
.filebox label {position: absolute; right: 0; width: 120px; height: 40px; text-align: center; display: inline-block; color: #222; font-size: inherit; line-height: 40px; vertical-align: middle; background-color: #fdfdfd; cursor: pointer; background: #bdbec0;}
.filebox .upload-name {background-color: #fff; border: 1px solid #ebebeb;  -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.btn_area {width: 100%; padding: 55px 0 0;}
.btn_area input[type=submit] {box-sizing: border-box; width: 150px; padding: 14px 15px; border: None; background: #9f1c28; font-size: 16px; color: #fff; font-weight: bold; text-align: center;}

.search_box {margin-bottom: 35px; display: flex; align-items: center; justify-content: right;}
.search_box input {width: 240px; height: 45px; border: 2px solid #bdbec0; margin: 0 9px 0 0; padding: 7px 14px;}
.search_box .search_btn {width: 78px; height: 45px; color: #fff; background: #14172f;}


/* 반응형 */
@media all and (max-width:1780px) {
    .product_slide .swiper-button-prev {margin-left: 0;}
    .product_slide .swiper-button-next {margin-right: 0;}
}
@media all and (max-width:1700px) {
    .location .map {margin: 0 auto;}
    .location .map_info {padding: 64px 30px;}
}
@media all and (max-width:1660px) {
    .history .con .img {background-size: cover; background-position: center !important;}
    .history .con .img .txt {left: 50%; transform: translate(-50%, -50%); width: 100%; justify-content: center;}
    .history .con .img .txt strong {font-size: 50px;}
    .history .con .img .txt p {font-size: 30px;}

    .location {padding: 0 15px;}
}
@media all and (max-width:1600px) {
    .product_slide .cont h3 br {display: none;}
    .product_slide .cont {position: relative;}
    .product_slide .arrow {position: absolute; top: 29.5%; right: 0;}
    .product_slide .swiper-button-prev {left: 0; margin-left: -123px;}
    .product_slide .swiper-button-next {right: 0;}
}
@media all and (max-width:1500px) {
    /* .s1_1 .t_bg::before {font-size: 124px; bottom: -42px;} */
    .s1_1 .t_bg::before {font-size: 124px; bottom: -23px;}

    .certificate ul li {width: 23%; margin-right: 2.5%;}
    .certificate ul li img {width: 100%;}
}
@media all and (max-width:1400px) {
    .s1_1 .s1_tit p {width: 90%; margin: 0 auto;}
    .s1_1 .s1_tit span {font-size: 40px;}
    .s1_1 .img_full {margin-top: 60px;}
    .s1_1 .cir_area {bottom: unset; top: 50%; transform: translate(-50%, -50%); width: 64%;}
    .s1_1 .cir_area ul {flex-wrap: wrap;}
    .s1_1 .cir_area ul li:nth-child(n+2) {margin-left: unset;}
    .s1_1 .cir_area ul li:nth-child(2) {margin-left: 36px;}
    .s1_1 .cir_area ul li:nth-child(3) {margin-left: 36px;}
    .s1_1 .cir_area ul li:nth-child(5) {margin-left: 36px;}

    .product_slide .arrow {right: 30px; top: 16.8%;}
    .product_slide .cont {padding: 100px 30px;}
    .product_slide .cont .box {padding: 40px;}
    .product_slide .cont h3 {font-size: 38px;}
    .product_slide .swiper-button-prev {width: 45px; height: 45px; margin-left: -106px;}
    .product_slide .swiper-button-next {width: 45px; height: 45px;}

    .service_box h4 {height: 250px;}
    .service_box ul {margin-top: -150px;}
    .service_box ul li {width: 32.5%;}
    .service_box .box {padding: 50px 35px;}
    .service_box .box i {padding-bottom: 40px;}
    .service_box .box i.icon1 {width: 50px; height: 38px;}
    .service_box .box i.icon2 {width: 46px; height: 46px;}
    .service_box .box i.icon3 {width: 51px; height: 45px;}
    .service_box ul li:nth-child(1):hover .box i.icon1 {width: 50px; height: 38px; background-size: contain;}
    .service_box ul li:nth-child(2):hover .box i.icon2 {width: 46px; height: 46px; background-size: contain;}
    .service_box ul li:nth-child(3):hover .box i.icon3 {width: 51px; height: 45px; background-size: contain;}

    .s2_3 .box_area .box.b2 p br {display: none;}
    .s2_3 .box_area .box.b2 .txt {padding-top: 52px;}
    .s2_3 .box_area .box {width: 49%;}
    .s2_3 .box_area .box:nth-child(2) {margin-left: 2%;}
    
}
@media all and (max-width:1300px) {
    .og_chart .cont .inr {flex-direction: column-reverse; padding-top: 46px;}
    .og_chart .cont .ceo::before {bottom: -27px; border: 3px solid #fff;}
    .og_chart .cont ul.item1 {justify-content: center;}
    .og_chart .cont ul.item1 .item1_name {width: unset;}
    .og_chart .cont .con1 {margin-top: 116px; padding: 0 30px;}
    .og_chart .cont .con1::before {width: 74%;}
    .og_chart .cont .con1 ul.item1 > li {width: 25%;}
    .og_chart .cont .con1 ul.item2::after {left: 48.5%;}
    .og_chart .cont .con1 ul.item2::before {height: 200px !important; top: -167px !important;}
    .og_chart .cont .con2 ul.item2::after {display: none;}
    .og_chart .cont .con2 ul.item2::before {height: 432px;}
    .og_chart .cont .con2 ul.item1 > li {margin-left: 0; width: 21%;}
    .og_chart .cont ul.item2 li:nth-child(1) {margin-top: 10px;}

    .s1_6 .img_wrap {background-size: cover;}

    .s1_1 .info .info_inr {flex-direction: column; align-items: unset;}
    .s1_1 .info .info_inr > strong {width: 100%; padding-bottom: 12px;}
    .s1_1 .info .list {width: 100%;}
    .s1_1 .info .list li:nth-child(n+2) {padding-top: 6px;}

    .location .map_info {width: unset; box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px; position: unset; border-radius: 0 50px 0 0; border: 1px solid #eee;}
    .location .map_info .tit {font-size: 22px;}
    .location .map_info ul li strong {font-size: 16px;}
    .location .map_info ul li em {font-size: 16px; padding-left: 10px; font-weight: 500;}
    .location.con2 {margin-top: 70px;}
    .location iframe {height: 300px;}
    .location .map_info ul li.way li {font-size: 15px; word-break: keep-all;}
    .google-map {width:unset; overflow: unset;}
    .google-map iframe {margin-top: unset;}
}
@media all and (max-width:1200px) {
    .s1_1 .txtBox p {font-size: 30px;}
    .s1_1 .txtBox .txt::before {height: 96px;}
    .s1_1 .cir_area {width: 100%;}
    .s1_1 .cir_area ul li {width: 24%; height: 150px; border-radius: 0;}
    .s1_1 .cir_area ul li::after {width: 93%; height: 130px; border-radius: 0;}
    .s1_1 .cir_area ul li::before {width: 107%; height: 169px; border-radius: 0;}
    .s1_1 .cir_area ul li:nth-child(n+4) {margin-top: 40px;}
    .s1_1 .cir_area ul li:hover::before {background: unset; width: 107%; height: 169px; border: 1px solid rgba(255,255,255,.5); animation: none;}
    .s1_1 .t_bg::before {font-size: 93px; bottom: -17px;}

    .og_chart .cont .ceo {width: 150px; height: 150px; line-height: 150px; font-size: 24px; border: 15px solid #ba5e67;}
    .og_chart .cont ul.item1 > li:nth-child(n+2) {margin-left: 20px;}
    .og_chart .cont ul.item1 .item1_name {font-size: 17px; padding: 16px 0;}
    .og_chart .cont ul.item2 {height: 132px;}
    .og_chart .cont ul.item2 li {font-size: 16px;}
    .og_chart .cont .con1 {margin-top: 68px;}
    .og_chart .cont .con1::before {top: -34px; width: 72%;}
    .og_chart .cont .con1 ul.item2::after {top: -130px;}
    .og_chart .cont .con1 ul.item2::before {top: -124px !important;}
    .og_chart .cont .con2 ul.item1 > li {width: 23%;}
    .og_chart .cont .con2 ul.item2::before {height: 395px;}

    .history .con .img {height: 250px;}
    .history .con .img .txt strong {font-size: 45px;}
    .history .con .img .txt p {font-size: 28px; padding-left: 70px;}
    .history .list_item {padding: 60px 0 100px;}
    .history .list_item::before {left: 116px;}
    .history .list_item ul li:nth-child(n+2) {margin-top: 50px;}
    .history .list_item h4.year {font-size: 26px;}
    .history .list_item .list {padding-left: 185px;}
    .history .list_item .list::before {left: 108px;}

    .location .map_info .tit {font-size: 24px;}
    .location .map_info .tit em {font-size: 15px;}
    .location .map_info ul li strong {font-size: 17px;}
    .location .map_info ul li.tel {margin-top: 12px;}
    .location .map_info ul li.address::before {width: 15px; height: 18px;}
    .location .map_info ul li.tel::before {width: 16px; height: 16px;}
    .location .map_info ul li.fax::before {width: 17px; height: 14px;}
    .location .map_info ul li.car::before {width: 16px; height: 13px;}
    .location .map_info ul li.sub::before {width: 15px; height: 17px;}
    .location.con2 {margin-top: 90px;}

    .s1_6 .img_wrap {height: 480px;}
    .s1_6 .item p {font-size: 14px;}
    .s1_6 .item.seoul {margin-left: -83px; margin-top: -95px;}
    .s1_6 .item.gumi {margin-left: -83px; margin-top: -12px;}
    .s1_6 .item.china {margin-left: -200px; margin-top: 23px;}
    .s1_6 .item.china::before {left: 100px;}
    .s1_6 .item.china p::before {left: 96px;}
    .s1_6 .item.china p::after {left: 100px;}
    .s1_6 .item.melbourne {margin-left: -59px; margin-top: 159px;}
    .s1_6 .item.melbourne2 {margin-left: -40px; margin-top: 75px;}
    .s1_6 .item.Las {margin-left: 168px;}

    .partner_list ul li {height: 240px;}
    .partner_list ul li img {height: 30px;}
    .partner_list .hv strong {font-size: 28px; padding-top: 73px;}
    .partner_list .hv a {font-size: 14px;}
    .partner_list .hv a i {padding-left: 42px;}
    .partner_list .hv a i::before {width: 30px; height: 30px;}

    .s2_3 .table_area .table {font-size: 14px;}

    .s_tit.v2 {flex-direction: column;}
    .s_tit.v2 span {padding-left: 0; padding-top: 10px;}

    .form form .form-col textarea {height: 140px;}

    .certificate ul li a img {height: 345px;}
}
@media all and (max-width:1080px) {
    .history .list_item {padding: 50px 30px 90px;}
    .history .list_item::before {left: 146px;}

    .s1_1 .s1_tit p br {display: none;}

    .s2_3 .box_area .c_inr {padding: 28px 34px;}
    .s2_3 .box_area .c_inr ul li em {width: 270px;}
    
    .s_2_box {margin-top: 50px;}
    .s_2_box .feature_list {margin-top: 40px;}
    .s_2_box .feature_list li i {height: 100px;}
    .s_2_box .feature_list li .icon_feature_01,
    .s_2_box .feature_list li .icon_feature_02,
    .s_2_box .feature_list li .icon_feature_03,
    .s_2_box .feature_list li .icon_feature_04,
    .s_2_box .feature_list li .icon_feature_05 {background-size: contain;}
    .s_2_box .feature_list li p {font-size: 20px;}
    .s_2_box .feature_list li span {font-size: 15px;}
    .s_2_box .feature_list li:after {height: 70px;}
    
    .s_2_box .product_list {margin-top: 40px;}
    .s_2_box .product_list li {margin-top: 20px;}
    .s_2_box .product_list li p {margin-bottom: 10px;}
    
    .s_2_box .ps_box {padding: 180px 0; background-size: contain; margin-top: 40px;}
    .s_2_box .table {margin-top: 20px;}
    
    .s_2_box .product_list li {flex-direction: column; padding: 45px 20px}
    .s_2_box .product_list li .txt {text-align: center; width: 100%;}
    .s_2_box .product_list li .img_wrap {justify-content: center; width: unset; padding-top: 34px;}
    .s_2_box .product_list li .pt_img.v2 img {width: 280px;}

    .s_2_box .product_list.imBox7 li:nth-child(1) .pt_img.v1 {width: 252px;}
    .s_2_box .product_list.imBox7 li:nth-child(2) .pt_img.v1 {width: 297px;}
    .s_2_box .product_list.imBox7 li:nth-child(3) .pt_img.v1 {width: 300px;}

    .s2_3.ty2 .box_area {flex-direction: column;}
    .s2_3.ty2 .box_area .box:nth-child(2) {margin-left: 0; margin-top: 60px;}
    .s2_3.ty2 .box_area .box {width: 100%;}
    .s2_3.ty2 .box_area .cont {height: unset;}
    .s2_3.ty2 .box_area .c_inr {margin-top: 22px;}
    .s2_3.ty2 .box_area .c_inr ul li {flex-direction: unset;}
    .s2_3.ty2 .box_area .c_inr ul li strong {width: 220px;}
    .s2_3.ty2 .box_area .c_inr ul li em {width: unset;}
    .s2_3.ty2 .box_area .box.b2 .txt {padding-top: 42px;}
}
@media all and (max-width:1024px) {
    .gd_info p {margin-top: 20px; font-size: 18px;}
    .gd_info {padding: 45px 20px;}
    .mk_info {font-size: 16px; margin-top: 19px; word-break: keep-all;}
}
@media all and (max-width:980px) {
    .s1_1 .s1_tit p {font-size: 20px; width: 80%;}
    .s1_1 .s1_tit span {font-size: 35px;}
    .s1_1 .txtBox .txt {padding: 130px 0 100px;}
    .s1_1 .txtBox .txt::before {height: 68px;}
    .s1_1 .txtBox .t1 {font-size: 26px;}
    .s1_1 .txtBox .t2 {font-size: 18px;}
    .s1_1 .t_bg::before {font-size: 66px; bottom: -13px;}
    
    .s1_1 .info {margin-top: 55px;}
    .s1_1 .info > ul > li {flex-wrap: wrap; align-items: unset;}
    .s1_1 .info > ul > li:nth-child(n+2) {border-top: 1px solid #e3e3e3;}
    .s1_1 .info > ul > li:nth-child(n+7) {width: 100%; border-right: 0;}
    .s1_1 .info > ul > li > strong {width: 100%; text-align: left; padding: 0 20px;}
    .s1_1 .info > ul > li > span {width: 100%; padding: 0 20px;}
    .s1_1 .info .list {width: 100%;}
    .s1_1 .info .list li:nth-child(n+2) {padding-top: 5px;}

    .s_2_box .feature_list li p {font-size: 18px;}
    .s_2_box .feature_list li span {font-size: 14px;}
    
    .partner_list ul li {height: 190px;}
    .partner_list .hv strong {font-size: 22px; padding-top: 53px;}
    
    .service_box ul li {border-radius: 25px;}
    .service_box .box p {font-size: 20px;}
    .service_box .box em {font-size: 16px; padding-top: 8px;}
    .service_box .box em br {display: none;}
    .service_box .box i.icon1 {width: 45px; height: 33px;}
    .service_box .box i.icon2 {width: 41px; height: 41px;}
    .service_box .box i.icon3 {width: 46px; height: 40px;}
    .service_box ul li:nth-child(1):hover .box i.icon1 {width: 45px; height: 33px;}
    .service_box ul li:nth-child(2):hover .box i.icon2 {width: 41px; height: 41px;}
    .service_box ul li:nth-child(3):hover .box i.icon3 {width: 46px; height: 40px;}

    .form form {padding-top: 15px;}
    .form form .form-col > label {font-size: 16px;}

    .certificate ul li a img {height: 286px;}

    .s2_3 .box_area .box.b2 .txt {padding-top: 28px;}
}
@media all and (max-width:920px) {
    .s_2_box .product_list li::before {display: block;}
    .s_2_box .product_list.imBox1 li:nth-child(1)::before {right: 0;}
    .s_2_box .product_list li::before {right: 5%;}
    .s_2_box .product_list.imBox1 li:nth-child(1)::before {width: 224px; height: 101px;}
    .s_2_box .product_list.imBox1 li:nth-child(2)::before {width: 147px; height: 67px;}
    .s_2_box .product_list.imBox1 li:nth-child(3)::before {width: 164px; height: 84px;}
    .s_2_box .product_list.imBox2 li:nth-child(1)::before {width: 82px; height: 101px;}
    .s_2_box .product_list.imBox2 li:nth-child(2)::before {width: 84px; height: 92px;}
}
@media all and (max-width:880px) {
    .s1_1 .img_full {height: 600px;}
    .s1_1 .cir_area ul li {width: 28%;}
    .og_chart .cont ul.item1 {flex-wrap: wrap; justify-content: space-between;}
    .og_chart .cont ul.item1 > li:nth-child(n+2) {margin-left: 0;}
    .og_chart .cont ul.item1 > li:nth-child(n+3) ul.item2::after {display: none;}
    .og_chart .cont .con1::before {width: 46%;}
    .og_chart .cont .con1 ul.item1 > li {width: 48%;}
    .og_chart .cont .con1 ul.item1 > li:nth-child(n+3) {margin-top: 15px;}
    .og_chart .cont .con1 ul.item2::after {left: 48.8%;}
    .og_chart .cont .con2 ul.item1 {justify-content: center;}
    .og_chart .cont .con2 ul.item1 > li {width: 47%;}

    .certificate ul li {width: 32%; margin-right: 2%;}
    .certificate ul li:nth-child(4n) {margin-right: 2%;} 
    .certificate ul li:nth-child(3n) {margin-right: 0;} 
    .certificate ul li:nth-child(n+4) {margin-top: 65px;}
    .certificate ul li p {font-size: 18px;}

    .s2_3 h3.tit {font-size: 26px;}
    .s2_3 .box_area {flex-direction: column;}
    .s2_3 .box_area .box:nth-child(2) {margin-left: 0; margin-top: 60px;}
    .s2_3 .box_area .box {width: 100%;}
    .s2_3 .box_area .cont {height: unset;}
    .s2_3 .box_area .c_inr {margin-top: 22px;}
    .s2_3 .box_area .c_inr ul li {flex-direction: unset;}
    .s2_3 .box_area .c_inr ul li strong {width: 130px;}
    .s2_3 .box_area .c_inr ul li em {width: unset;}
    .s2_3 .box_area .box.b2 .txt {padding-top: 42px;}
    .s2_3 .table_area .table {padding-top: 0;}
    .s2_3 .table_area tbody td {padding: 4px;}
    .s2_3 .table_area .table_tit {font-size: 18px;}
    .table_area .m_txt {display: block; padding: 22px 0 5px;}
    .table .mbtb_quide {display: block;} 
    
    .s_2_box .titleBox {font-size: 26px;}
    
    .s_2_box .feature_list {flex-direction: row; flex-wrap: wrap; justify-content: center; margin-top: 10px;}
    .s_2_box .feature_list li {width: 30%; padding-top: 20px; }
    .s_2_box .feature_list li:after {display: none;}
    .s_2_box .feature_list li p {padding-top: 10px;}
    
    .s_2_box .product_list {margin-top: 30px;}
    .s_2_box .product_list li p {font-size: 20px;}
    .s_2_box .product_list li span {font-size: 15px;}
    
    .s_2_box .table {margin-top: 10px;}
    .s_2_box .table tbody td {padding: 20px 0;}

    .s_2_box .overview p {font-size: 18px;}
    .s_2_box .overview p b {font-size: 24px;}
    .s_2_box .overview .img {height: 370px;}

    .s2_2 .gd_info p br {display: block;}
}
@media all and (max-width:815px) {
    .s_2_box .product_list.imBox3 li:nth-child(1)::before {width: 72px; height: 77px; bottom: 30px;}
}
@media all and (max-width:800px) {
    .s1_6 .img_wrap {background: unset; height: unset;}
    .s1_6 .item {display: none;}
    .mblink {display: block;}
}
@media all and (max-width:768px) {
    .history .con .img {height: 200px;}
    .history .con .img .txt {flex-direction: column;}
    .history .con .img .txt strong {font-size: 34px;}
    .history .con .img .txt p {padding-left: 0; font-size: 22px; text-align: center; padding-top: 5px;}
    .history .con .img .txt p br {display: none;}
    .history .con .img .txt p em {display: inline-block;}
    .history .list_item ul li:nth-child(n+2) {margin-top: 40px;}

    .partner_list ul li {width: 32.13%; margin-right: 1.8%;}
    .partner_list ul li:nth-child(n+4) {margin-top: 13px;}
    .partner_list ul li:nth-child(4n) {margin-right: 1.8%;}
    .partner_list ul li:nth-child(3n) {margin-right: 0;}
    .partner_list #load {margin:  50px auto 0;}

    .service_box .box {padding: 40px; text-align: center;}
    .service_box .box i {margin: 0 auto;}
    .service_box ul {flex-direction: column;}
    .service_box ul li {width: 100%;}
    .service_box ul li:nth-child(n+2) {margin-top: 15px;}
    .service_box h4 {padding-top: 60px;}

    .s_2_box .overview .img {height: 300px;}

    .s_2_box .product_list li {padding: 25px 30px;}
    .s_2_box .product_list li::before {display: none;}
    .s_2_box .product_list li p {font-size: 17px;}
    .s_2_box .product_list li p b {font-size: 26px;}
    .s_2_box .product_list li span {font-size: 14px;}

    .s2_3.ty2 .box_area .c_inr ul li {flex-direction: column;}

    
}
@media all and (max-width:740px) {
    .gd_info {padding: 36px 25px;}
    .gd_info p {word-break: keep-all; font-size: 17px; line-height: 2rem;}
    .gd_info p br {display: none;}

    .s1_1 .txtBox .txt {padding: 100px 0 60px;}
    .s1_1 .txtBox p {font-size: 24px;}
}
@media all and (max-width:680px) {
    .s1_1 .s1_tit p {font-size: 18px; width: unset;}
    .s1_1 .s1_tit span {font-size: 30px;}
    .s1_1 .img_full {height: 500px;}
    .s1_1 .cir_area ul li {width: 45%; height: 110px; margin-left: 0 !important; background: rgba(188,190,192,.3);}
    .s1_1 .cir_area ul li::after {height: 88px;}
    .s1_1 .cir_area ul li::before {display: none;}
    .s1_1 .cir_area ul li:nth-child(n+3) {margin-top: 15px !important;}
    .s1_1 .cir_area ul li:nth-child(even) {margin-left: 15px !important;}
    .s1_1 .cir_area p {font-size: 16px;}
    .s1_1 .cir_area em {font-size: 14px;}
    .s1_1 .txtBox p {padding: 0 15px;}
    .s1_1 .txtBox .t1 {font-size: 24px;}
    .s1_1 .txtBox .t2 {font-size: 17px;}
    /* .s1_1 .t_bg::before {bottom: 0;} */
    .s1_1 .t_bg::before {bottom: -13px;}
    
    .og_chart {margin-top: 100px;}
    .og_chart .cont {padding: 45px 0;}

    .history .con .img .txt strong {font-size: 30px;}
    .history .con .img .txt p {font-size: 18px;}
    .history .list_item {padding: 40px 30px 70px;}
    .history .list_item::before {left: 113px; background: #e3e3e3;}
    .history .list_item h4.year {font-size: 20px; color: #9f1c28;}
    .history .list_item .list p {font-size: 16px;}
    .history .list_item .list {padding-left: 128px;}
    .history .list_item .list::before {top: 10px; left: 77px; width: 6px; height: 6px; border: 3px solid #9f1c28;}
    
    .certificate ul li:nth-child(n+4) {margin-top: 40px;}
    .certificate ul li a img {height: 250px;}
    .certificate ul li p {font-size: 16px;}

    .product_slide .cont h3 {font-size: 30px;}
    .product_slide .cont .box {padding: 20px 30px;}
    .product_slide .cont .box strong {font-size: 18px; padding-bottom: 20px;}
    .product_slide .cont .box strong::before {width: 50px;}
    .product_slide .cont ul {padding-top: 20px;}
    .product_slide .cont ul li:nth-child(n+2) {padding-top: 5px;}
    .product_slide .arrow {top: 20.8%;}
    .product_slide .swiper-button-prev {width: 30px; height: 30px; margin-left: -70px;}
    .product_slide .swiper-button-next {width: 30px; height: 30px;}
    .service_box {margin-top: 0;}
    .service_box h4 {font-size: 26px; background: unset; height: unset; padding-top: 60px;}
    .service_box ul {margin-top: 40px;}

    .s2_3 h3.tit {font-size: 24px;}
    .s2_3 h3.tit::before {width: 45px;}
    .s2_3 .box_area .cont {border-radius: 15px;}
    .s2_3 .box_area .c_inr ul li {flex-direction: column;}
    .s2_3 .box_area .c_inr ul li strong {width: unset;}
    .s2_3 .tBox_area {padding: 28px;}

    .form form {flex-direction: column;}
    .form form .form-col {width: unset;}
    .form form .form-col:nth-child(n+2) {margin-top: 28px;}

    .table.mt3 {padding-top: 40px;}
    .table .txtalign {text-align: center;}
    .table.v1 thead {display: none;}
    .table.v1 tbody {border-top: 2px solid #222;}
    .table.v1 col {width: 100% !important;}
    .table.v1 td {display: block;}
    .table.v1 .num {display: none;}
    .table.v1 .tit {padding: 15px;}
    .table.v1 .download {background: #eee; padding: 6px 4px; margin: 0 15px 15px !important;}
    .table tbody td.date {color: #666; text-align: left; padding: 0 15px 15px;}
    
    .s_2_box .titleBox {font-size: 24px;}
    .s_2_box .feature_list {margin-top: 0;}
    .s_2_box .feature_list li {width: 40%; padding-top: 30px;}
    .s_2_box .product_list li {margin-top: 10px;}
    .s_2_box .product_list li p {font-size: 18px; margin-bottom: 7px;}
    .s_2_box .ps_box {padding: 130px 0;} 

    .searchBox_area {margin-top: 35px;}
    .searchBox_area .search {width: 80%;}
    .searchBox_area .btn_search {width: 20px; height: 21px;}


    .s_2_box .product_list li .img_wrap {flex-direction: column;}
    .s_2_box .product_list li .pt_img.v2 {padding-top: 22px;}
    .s_2_box .product_list.imBox1 li .pt_img.v1 {margin-right: 0 !important;}
    .s_2_box .product_list.imBox2 li .pt_img.v1 {margin-top: 0 !important;}
    .s_2_box .product_list.imBox1 li:nth-child(4) .pt_img.v1 {width: 183px;}
    .s_2_box .product_list.imBox2 li:nth-child(1) .pt_img.v1 {width: 100px; height: 109px;}
    .s_2_box .product_list.imBox2 li:nth-child(2) .pt_img.v1 {width: 93px; height: 100px;}
    .s_2_box .product_list.imBox3 li:nth-child(1) .pt_img.v1 {width: 101px;}
    .s_2_box .product_list.imBox4 li:nth-child(1) .pt_img.v1 {width: 151px;}
    .s_2_box .product_list.imBox5 li:nth-child(1) .pt_img.v1 {width: 116px;}
    .s_2_box .product_list.imBox6 li:nth-child(1) .pt_img.v1 {width: 107px;}
}
@media all and (max-width:640px) {
    .s1_1 .img_list {margin-top: 40px;}
    .s1_1 .img_list ul {flex-wrap: wrap; justify-content: center;}
    .s1_1 .img_list ul li {width: 49%;}
    .s1_1 .img_list ul li:nth-child(2) {padding-left: 2%;}
    .s1_1 .img_list ul li:nth-child(3) {padding-top: 10px;}
    .og_chart .cont .con1 ul.item2::after {left: 48%;}

    .partner_list ul {justify-content: space-between;}
    .partner_list ul li {height: 150px; width: 49%; margin-right: 0;}
    .partner_list ul li:nth-child(4n) {margin-right: 0;}
    .partner_list ul li:nth-child(3n) {margin-right: 0;}
    .partner_list ul li img {height: 26px;}
    .partner_list ul li:nth-child(n+3) {margin-top: 12px;} 
    .partner_list .hv strong {padding-top: 30px;}
}
@media all and (max-width:600px) {
    .product_slide .cont {padding: 65px 15px;}
    .product_slide .cont ul li {flex-direction: column; width: 100% !important;}
    .product_slide .cont ul li:nth-child(n+2) {padding-top: 10px;}
    .product_slide .cont h3 {font-size: 26px;}
    .product_slide .arrow {top: 11.8%; right: 15px;}
    
    .s_2_box .ps_box {padding: 130px 0;}
    
    .certificate ul li a img {height: 220px;}
    
    .s1_1 .txtBox p {font-size: 18px;}
}
@media all and (max-width:550px) {
    .s1_1 .cir_area ul li::after {width: 91%;}
    .s1_1 .img_full {background-position-x: -210px;}

    .certificate ul li {width: 31.5%;}
    .certificate ul li:nth-child(n+4) {margin-top: 30px;}
    .certificate ul li a img {height: 200px;}

    .search_box input {width: 84%;}
    
    .s_2_box .product_list li {padding: 25px; background: #e6e6e6 !important;}
    
    .gd_info {padding: 31px 20px;}
    .gd_info span {font-size: 15px;}
    .gd_info p {font-size: 16px; line-height: 1.7rem; margin-top: 12px;}
    
    .mk_info {font-size: 15px; margin-top: 11px; padding-left: 19px;}
    .mk_info::before {top: 7px; width: 7px; height: 7px;}
}
@media all and (max-width:480px) {
    .s1_1 .txtBox .txt {padding: 80px 0 50px;}
    .s1_1 .txtBox .txt::before {height: 48px;}
    .s1_1 .cir_area ul li:nth-child(5) {width: 52%;}
    .s1_1 .t_bg::before {font-size: 50px; bottom: -9px;}

    .s1_1 .info > ul > li {width: 100%;}
    .s1_1 .info > ul > li:nth-child(odd) {border-right: 0;}
    .og_chart {margin-top: 80px;}

    .s_2_box .ps_box {padding: 100px 0;}
    
    .history .con .img {height: 150px;}
    .history .list_item h4.year {position: unset; padding-left: 17px;}
    .history .list_item::before {left: 22px;}
    .history .list_item .list {padding-left: 17px; padding-top: 10px;}
    .history .list_item .list::before {top: -21px; left: -13px;}

    .product_slide .cont .box {padding: 20px; margin-top: 65px;}
    .product_slide .arrow {right: unset; left: 87px; top: 138px;}

    .certificate ul li a img {height: 170px;}

    .s_2_box .overview .img {height: 180px;}
    .s_2_box .product_list li .pt_img.v2 img {width: 100%;}
}
@media all and (max-width:460px) {
    .s1_1 .img_list ul li {width: 100%;}
    .s1_1 .img_list ul li:nth-child(2) {padding-left: 0;}
    .s1_1 .img_list ul li:nth-child(n+2) {padding-top: 10px;}
    .og_chart .cont .inr {padding-top: 34px;}
    .og_chart .cont .ceo {width: 115px; height: 115px; line-height: 115px; font-size: 20px; border: 10px solid #ba5e67;}
    .og_chart .cont .ceo::before {width: 8px; height: 8px; border: 2px solid #fff; bottom: -18px;}
    .og_chart .cont .con1 {margin-top: 15px; z-index: 100;}
    .og_chart .cont .con1::before {display: none;}
    .og_chart .cont .con1 ul.item1 > li {width: 100%;}
    .og_chart .cont .con1 ul.item2::after {display: none;}
    .og_chart .cont .con1 ul.item2::before {display: none;}
    .og_chart .cont .con2 {padding: 0 30px;}
    .og_chart .cont .con2 ul.item1 > li {width: 100%}
    .og_chart .cont .con2 ul.item1 .item1_name {border: 4px solid #666;}
    .og_chart .cont .con2 ul.item2::before {height: 1079px;}
    .og_chart .cont ul.item1 .item1_name {padding: 12px 0; border: 4px solid #bdbec0;}
    .og_chart .cont ul.item1 > li:nth-child(n+2) {margin-top: 15px;}
    .og_chart .cont ul.item2 {padding: 25px; height: unset; margin-top: 10px;}
    .og_chart .cont ul.item2 li {padding: 5px 0 5px 15px !important;}
    .og_chart .cont ul.item2 li br {display: none;}
    .og_chart .cont ul.item2 li:nth-child(n+2) {border-top: 1px dashed #eee;}
    .og_chart .cont ul.item2 li::before {top: 15px;}
    
    .location .map_info {padding: 28px;}
    .location.con2 {margin-top: 50px;}
    .location .map_info ul li.way li {padding-left: 0;}

    .partner_list ul li {width:48%}
    
    .s_2_box .feature_list {justify-content: space-around;}
    .s_2_box .product_list li span {font-size: 13px;}
}
@media all and (max-width:420px) {
    .gd_info {padding: 27px 20px;}
    .gd_info span {font-size: 14px;}
    .gd_info p {font-size: 15px; line-height: 1.6rem;}
}
@media all and (max-width:400px) {
    .s2_2 .gd_info p br {display: none;}
}
@media all and (max-width:375px) {
    .s_2_box .feature_list li p {font-size: 16px;}
    .s_2_box .feature_list li span {font-size: 13px; word-break: keep-all;}
    
    .s_2_box .product_list li p {font-size: 16px; word-break: keep-all;}
    .s_2_box .product_list li span {word-break: keep-all;}
    
    .s_2_box .ps_box {padding: 80px 0; background-size: 120%;}

    .certificate ul li a img {height: 130px;}

    .mk_info {margin-top: 8px;}
}

@media all and (max-width:320px) {  
    .s_2_box .feature_list {align-items: center;}
    .s_2_box .feature_list li {width: 80%;}
    
}


/* 개인정보처리방침 */
.infor {font-size: 17px;}
.infor h5 {margin: 35px 0 5px; font-weight: bold;}
.infor span {display: block; color: #949494;}
.infor .tbox {background: #fbfbfb; padding: 10px 15px; margin: 20px 0 40px; border: 1px dashed #dadada; border-radius: 16px;}
.infor .tbox:last-child {margin: 20px 0 0;}
.infor .tbox p {color: #757575; margin: 10px 0;}
.infor .tbox p strong {display: block; color: #3c3838;}
.infor .tbox1 {text-align:center;}
.infor .tbox1 p strong {margin:10px 25px 25px; font-size:16px;}
/*이메일무단취급거부 */
.email {border-radius: 30px; border: 1px solid #cdcdcd; overflow: hidden; padding: 100px;}
.email .icon {width: 15%; float: left; margin-right: 6%;}
.email .txt {width: 78%; float: left;}
.email .txt h3 {font-size: 26px; color: #181818; font-weight: 500;}
.email .txt p {font-size: 18px; color: #6f6f6f; padding-top: 23px;}

/* 반응형 */
@media all and (max-width:1240px) {
    .email {padding: 80px 40px;}
    .email .icon {float: unset; margin: 0 auto; width: 168px;}
    .email .txt {width: 100%; text-align: center; float: unset; padding-top: 45px;}  
}
@media all and (max-width:640px) {
    .email {padding: 60px 20px;}
    .email .icon {width: 120px;}
    .email .icon img {width: 100%;}
    .email .txt {padding-top: 20px;}
    .email .txt h3 {font-size: 20px;}
    .email .txt p {font-size: 16px;}
    .infor {font-size: 16px;}  
}

.listitem .bbsDate,
.listitem .bbsFile .file,
.listitem .bbsPager,
.listitem .bbsControls{display: none !important;}
.listitem .bbsTitle_cont{position: relative;margin-bottom: 15px;}
.listitem .bbsTitle_cont:after {content: '';border-bottom: 3px solid #3a3a3a;margin-bottom: 20px;width: 100%;position: absolute;left: 0;margin-top: 15px;}
.listitem .bbsNew_container .bbsContent{border:none;}
.listitem .conts{padding-bottom:50px}
.listitem .bbsControls {margin-top: 0 !important;}
.listitem .bbsNew_container{border-bottom:2px solid #000}