/* swiper slider */
.main_content01{ width: 100%; margin: auto; height:443px; position: relative;}
.main_content01 .visual_slide{width: 100%; height: 100%;}
.main_content01 .visual_img,.visual_img_m { width: 100%; height:100%; background-position: center;  background-repeat: no-repeat; background-size: cover;}
.main_content01 .visual_img_m  {display: none;}

.main_content01 .up_black_p {width:100%; height:100%; background-color: #000; opacity: 0.3; position:absolute; top:0; left:0; right:0;}

.main_content01 .visual_text { width: 100%; color: #fff; position: absolute; max-width: 1260px; margin: auto; top: 0px; bottom: 0; right:0; left: 0;z-index: 10; text-align: left; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.main_content01 .visual_text p {width:100%; line-height: 1; opacity: 1; transition-property: opacity; word-break: keep-all; letter-spacing: -2.5px; text-align: center; color:#fff;}
.main_content01 .visual_text p:nth-child(1) {font-size: 48px; font-weight: bold; line-height: 60px; font-weight: 700;}
.main_content01 .visual_text p:nth-child(2) {font-size: 36px; line-height: 36px;}

/* 슬라이드 텍스트 움직임 css */
.main_content01 .visual_text p:nth-child(1).now_moveing {opacity: 1; transition-delay: 0s; transition-duration: 1.5s;}
.main_content01 .visual_text p:nth-child(2).now_moveing {opacity: 1; transition-delay: 0.5s; transition-duration: 1.5s;}

.swiper-pagination {left:50% !important; transform:translateX(-50%) !important;}

.main_content01 .sw_pagi_navi { position: absolute; z-index: 100; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; width: 100%; margin: auto; left: 0; right: 0; top:50%;}
.main_content01 .sw_pagi_navi.prev-next div[class ^= 'swiper-button'] { background: none; width: 30px; height: 30px; overflow: hidden; position: absolute; font-size: 20px; color: #fff; border-radius: 15px; text-align: center; display: flex; justify-content: center; align-items: center; line-height: 1; margin: 0; padding-top: 2px;}
.main_content01 .sw_pagi_navi.prev-next div[class ^= 'swiper-button']:focus { outline: unset;}
.main_content01 .sw_pagi_navi.prev-next div.swiper-button-prev {background-color: rgba(0,0,0,0); margin-right: 5px; padding-right: 5px; border:1px solid #fff; left:10px;}
.main_content01 .sw_pagi_navi.prev-next div.swiper-button-next { background-color: rgba(0,0,0,0); padding-left: 5px; border:1px solid #fff; right:10px;}


.mg_135 {margin:135px auto;}


/*  이미지fixed 공통부분 */
.content_line {width:100%; height:310px; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; position:relative; background-position: center;}
.content_line .up_black_p {width:100%; height:100%; background-color: #000; position:absolute; top:0; left:0; right:0; opacity: 0.2; }
.content_line .up_white_p {width:100%; height:100%; background-color: #fff; position:absolute; top:0; left:0; right:0; opacity: 0.1; }
.content_line section {height:100%; color:#fff; display: flex; flex-flow:column nowrap; justify-content:center; align-items: center; position:relative; z-index: 9;}
.content_line section h3{font-size: 48px; }
.content_line section p {font-size: 36px; }
.content_line.font_B section {color:#000;}


/*  회사소개 */
.introduction_main_content {width: 100%; padding-top:199px; text-align: center; max-width: 100%; margin: auto; overflow: hidden;}
.introduction_main_content .content_01 {width:100%; position:relative; text-align: center; font-size: 18px; letter-spacing: 1px; margin:46px auto; display: flex; flex-flow:row wrap; justify-content: space-between; align-items: center; }
.introduction_main_content .content_01 .intro_text {width:670px; margin:auto; line-height: 33px;}
.introduction_main_content .content_01 .intro_text span {display: block; word-break: keep-all;}
.introduction_main_content .content_01 .intro_movie {width:42%; height:437px; position:relative; right:0; top:0;}
.introduction_main_content .content_01 .intro_movie div {width:100%; height:100%; position:absolute; z-index: 99; background-color:#ddd;}
.introduction_main_content .content_01 .intro_movie div img {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); cursor:pointer;}
.content_line.intro_line_02_img {background-image:url('../../../img/introduction_ceo_message_bg.jpg'); }
.introduction_main_content .content_02 {width:100%; max-width: 1550px; margin:135px auto 210px;}
.introduction_main_content .content_02 figure {display: flex; flex-flow:row nowrap; justify-content: space-between; align-items: flex-start; }
.introduction_main_content .content_02 figure img {width:40%; height:auto;}
.introduction_main_content .content_02 figure figcaption {font-size: 18px; line-height: 33px; text-align: left; letter-spacing: 0.1px; width:58%; padding:0 40px}
.introduction_main_content .content_02 figure figcaption p { word-break:keep-all;}
.introduction_main_content .content_02 figure figcaption span {font-weight: 800; color:rgb(33,33,33); }
.content_line.intro_line_03_img {background-image:url('../../../img/introduction_mission_bg.jpg'); }
.introduction_main_content .content_03 {display: flex; color:rgb(33,33,33); font-size: 18px; line-height: 33px;}
.introduction_main_content .content_03 p{margin:auto; word-break: keep-all;}
.introduction_main_content .content_03 p span{display: block;}
.introduction_main_content .content_05 img,
.introduction_main_content .content_06 img {width:100%;}
.content_line.intro_line_04_img {background-image:url('../../../img/introduction_cp_bg.jpg'); }
.content_line.intro_line_05_img {background-image:url('../../../img/introduction_cv_bg.jpg'); }
.content_line.intro_line_06_img {background-image:url('../../../img/introduction_oc_bg.jpg'); }
.content_line.intro_line_07_img {background-image:url('../../../img/introduction_ci_bg.jpg'); }
.introduction_main_content .content_07 img {width:442px; height:auto;}
.introduction_main_content .content_07 a {width:211px; height:44px; display: block; margin:auto;}
.introduction_main_content .download_box {width:211px; height:44px; border:4px solid #ddd; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; font-size: 16px; font-weight: 800; line-height: 39px; transition: all ease 0.5s;}
.introduction_main_content .download_box i {margin-right:5px;}
.introduction_main_content .download_box:hover {color:#00a9dc; border:4px solid #00a9dc; }
.content_line.intro_line_08_img {background-image:url('../../../img/introduction_brochure_bg.jpg'); }
.introduction_main_content .content_08 img {width:442px; height:auto;}
.introduction_main_content .content_08 a {width:211px; height:44px; display: block; margin:10px auto 0;}
@media (max-width:1200px){
    .introduction_main_content .content_01 .intro_text {width:500px;}
    .introduction_main_content .content_04 img {width:100%;}
}
@media (max-width:990px){
    .introduction_main_content .content_01 .intro_text {width:80%;}
    .introduction_main_content .content_01 .intro_text p {font-size: 14px; line-height: 21px; text-align: left;}
    .introduction_main_content .content_01 .intro_text span {display: inline;}
    .introduction_main_content .content_01 .intro_movie {display: none;}
    .introduction_main_content .content_02 {margin:60px auto;}
    .introduction_main_content .content_02 figure {flex-flow:column wrap; justify-content: center; align-items: center;}
    .introduction_main_content .content_02 figure img {width:70%;}
    .introduction_main_content .content_02 figure figcaption {width:80%; padding:0; font-size: 14px; line-height: 26px;}
    .introduction_main_content .content_03 {width:80%;font-size: 14px; line-height: 23px;}
    .introduction_main_content .content_03 p span{display: inline;}
    .introduction_main_content .content_07 img {width:40%;}
    .introduction_main_content .content_08 img {width:80%;}
}
@media (max-width:350px){
    .introduction_main_content .main_content01 .visual_text p:nth-child(2) {font-size: 17px;}
    .introduction_main_content .main_content01 .sw_pagi_navi.prev-next div.swiper-button-next {right:5px;}
    .introduction_main_content .main_content01 .sw_pagi_navi.prev-next div.swiper-button-prev {left:5px;}
}





/*  연혁 */
.history_main_content {width: 100%; padding-top:199px; text-align: center; max-width: 100%; margin: auto; overflow: hidden;}
.history_main_content .history_content_sub_head {background-image:url('../../../img/history_bg.jpg');}
.history_main_content .history_content {width:100%; max-width: 1200px; margin:75px auto 200px;}
.history_main_content .history_content ul {width:100%;}
.history_main_content .history_content ul li {display: flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; color:#212121; margin-top:15px;}
.history_main_content .history_content ul li img {width:584px; height:auto;}
.history_main_content .history_content ul li:nth-of-type(2n) img{margin-left:auto;}
.history_main_content .history_content ul li:nth-of-type(odd) section {padding: 0 15px;}
.history_main_content .history_content ul li section {text-align: left;}
.history_main_content .history_content ul li h3 {font-size: 60px; font-weight: 700; margin-bottom:35px;}
.history_main_content .history_content ul li p {font-size: 16px; margin-bottom:35px;}
.history_main_content .history_content ul li p span {margin-left:72px; display: block;}
@media (max-width:1200px){
    .history_main_content .history_content {padding:0 20px;  margin:30px auto 100px;}
    .history_main_content .history_content ul li img {width:500px;}
}
@media (max-width:990px){
    .history_main_content .history_content ul li img {display: none;}
    .history_main_content .history_content ul li:nth-of-type(odd) section {padding:0;}
    .history_main_content .history_content ul li h3 {font-size: 30px; margin-bottom: 18px;}
    .history_main_content .history_content ul li p {font-size: 15px; margin-bottom:19px; word-break: keep-all;}
}


/*  product */
.product_main_content {width: 100%; padding-top:199px; text-align: center; max-width: 100%; margin: auto; overflow: hidden;}
.product_main_content .main_content01 {height:572px;}
.product_main_content .main_content01 .visual_text p:nth-child(1) {font-size: 72px;}
.product_main_content .main_content01 .visual_text p:nth-child(2) {font-size: 20px; letter-spacing: 0px;}
.product_main_content .content_01,
.product_main_content .content_02{width:100%; height:auto; font-size: 18px; color:212121; text-align: center; line-height: 33px; margin:102px auto 34px;}
.product_main_content .content_01 p,
.product_main_content .content_02 p {word-break: keep-all;}
.product_main_content .content_01 p span,
.product_main_content .content_02 p span,
.product_main_content .content_03 p span  {display:block;}
.product_main_content .content_01 img,
.product_main_content .content_02 img{width:67%; margin:111px auto;}
.content_line.product_line_03_img {background-image:url('../../../img/product_freemold_bg.jpg'); }
.product_main_content .content_03 {width:100%; height:auto; font-size: 18px; color:212121; text-align: center; line-height: 33px; margin:100px auto;}
@media (max-width:990px){
    .product_main_content .main_content01 {height:230px;}
    .product_main_content .main_content01 .visual_text p:nth-child(1) {font-size: 36px;}
    .product_main_content .main_content01 .visual_text p:nth-child(2) {font-size: 13px; letter-spacing: 0.1px;}
    .product_main_content .content_01 p span,
    .product_main_content .content_02 p span,
    .product_main_content .content_03 p span {display:inline; word-break: keep-all;}
    .product_main_content .content_01,
    .product_main_content .content_02,
    .product_main_content .content_03 {width:80%; font-size: 14px; margin:40px auto; line-height: 22px; text-align: left;}
    .product_main_content .content_01 img,
    .product_main_content .content_02 img {display: none;}
}



/*  manufacturing */
.manufacturing_main_content {width: 100%; padding-top:199px; text-align: center; max-width: 100%; margin: auto; overflow: hidden;}
.manufacturing_main_content .content_01,
.manufacturing_main_content .content_02{width:100%; height:auto; font-size: 18px; text-align: center; color:rgb(33,33,33); line-height: 33px; margin:102px auto 34px; display: flex; flex-flow:column;}
.manufacturing_main_content .content_01 p,
.manufacturing_main_content .content_02 p {margin:65px auto 140px; word-break: keep-all;}
.manufacturing_main_content .content_01 img,
.manufacturing_main_content .content_02 img{width:50%; height:100%; margin:auto;}
.content_line.manufacturing_line_02_img {background-image:url('../../../img/manufacturing_bg1.jpg'); }
.manufacturing_main_content .content_02 {width:100%; max-width: 1200px; margin:auto; font-size: 18px; color:rgb(33,33,33) ;margin:102px auto 0; display: flex; flex-flow:column;}
.manufacturing_main_content .content_02 div{display: flex; flex-flow: row wrap; justify-content: space-between; align-items:center;}
.manufacturing_main_content .content_02 div img:nth-of-type(1) {width:35%; height:auto;}
.manufacturing_main_content .content_02 div img:nth-of-type(2) {width:50%; height:auto;}
.manufacturing_main_content .content_03 {width:100%; height:auto; font-size: 18px; text-align: center; color:rgb(33,33,33); line-height: 33px; margin:102px auto 188px; display: flex; flex-flow:column;}
.manufacturing_main_content .content_03 img {width:70%; height:auto;}
.content_line.manufacturing_line_03_img {background-image:url('../../../img/manufacturing_bg2.jpg'); }
.manufacturing_main_content .content_03 p span {display: block;}
@media (max-width:990px){
    .manufacturing_main_content .content_01,
    .manufacturing_main_content .content_02,
    .manufacturing_main_content .content_03 {margin:40px auto;}
    .manufacturing_main_content .content_01 img,
    .manufacturing_main_content .content_02 img {width:100%;}
    .manufacturing_main_content .content_01 p,
    .manufacturing_main_content .content_02 p,
    .manufacturing_main_content .content_03 p {width:80%; font-size: 14px; line-height: 22px; text-align: left; margin:40px auto 0;}
    .manufacturing_main_content .content_02 div {flex-flow:column wrap;}
    .manufacturing_main_content .content_02 div img {width:100% !important;}
    .manufacturing_main_content .content_03 img {width:100%;}
    .manufacturing_main_content .content_03 p span {display: inline; word-break: keep-all;}
}




/*  CLIENTS */
.clients_main_content {width: 100%; padding-top:199px; text-align: center; max-width: 100%; margin: auto; overflow: hidden;}
.clients_main_content .clients_content_sub_head {background-image:url('../../../img/clients_bg.jpg'); background-position: center;}
.clients_main_content .content_01.pc_part {display: block;}
.clients_main_content .content_01.mobile_part {display: none;}
.clients_main_content .content_01 {width:100%; max-width:1200px; margin:100px auto 250px; display: flex; flex-flow:row wrap; justify-content: space-between; align-items: center;}
.clients_main_content .content_01 img {width:26%;
    /* filter:gray; -webkit-filter:grayscale(100%); */
}
@media (max-width:990px){
    .clients_main_content .content_01 {margin:100px auto;}
    .clients_main_content .content_01.pc_part {display: none;}
    .clients_main_content .content_01.mobile_part {display: flex; justify-content: flex-start; align-items: flex-start; margin:50px auto 100px; width:95%;}
    .clients_main_content .content_01 img {width:45%;}
}



/*  contact */
.contact_main_content {width: 100%; padding-top:199px; text-align: center; max-width: 100%; margin: auto; overflow: hidden;}
.contact_main_content .contact_content_sub_head {background-image:url('../../../img/contact_bg.jpg'); background-position: center;}
.contact_main_content .content_01 {width:100%; max-width:1200px; margin:100px auto 150px; display: flex; flex-flow:row wrap; justify-content: space-between; align-items: center;}
.contact_main_content .content_01 img {width:100%; }
@media (max-width:990px){
    .contact_main_content .content_01 {margin:100px auto;}
}



/*  sustainbility */
.sustainbility_main_content {width: 100%; padding-top:199px; text-align: center; max-width: 100%; margin: auto; overflow: hidden;}
.sustainbility_main_content .content_01 {width:100%; max-width:1200px; margin:100px auto 150px; text-align: center; font-size: 16px; line-height: 42px;}
.sustainbility_main_content .content_01 span{display: block;}
@media (max-width:990px){
    .sustainbility_main_content .content_01 {width:80%; font-size: 14px; line-height: 23px; text-align: left; margin:40px auto;}
    .sustainbility_main_content .content_01 p {}
    .sustainbility_main_content .content_01 span{display: inline; word-break: keep-all;}
    .sustainbility_main_content .content_01 span.H_b {display: inline-block;}
}







/*  공통 */
@media (max-width:990px){
    .swiper-pagination-bullet {width:8px !important; height:8px !important; margin:0 5px !important;}

    /*  슬라이드 */
    .main_content01 {height:210px;}
    .main_content01 .visual_text p {letter-spacing: -0.5px;}
    .main_content01 .visual_text p:nth-child(1) {font-size: 22px; line-height: 25px;}
    .main_content01 .visual_text p:nth-child(2) {font-size: 18px;}
    .swiper-pagination {bottom:22px !important;}

    .product_main_content .main_content01 .visual_text p:nth-child(1) {font-size: 36px; line-height: 25px; font-weight: 600;}
    .product_main_content .main_content01 .visual_text p:nth-child(2) {font-size: 15px;}
    .manufacturing_main_content .main_content01 .visual_text p:nth-child(1),
    .sustainbility_main_content .main_content01 .visual_text p:nth-child(1),
    .clients_main_content .main_content01 .visual_text p:nth-child(1),
    .contact_main_content .main_content01 .visual_text p:nth-child(1) {font-size: 28px; line-height: 31px; font-weight: 600;}
    .manufacturing_main_content .main_content01 .visual_text p:nth-child(2),
    .sustainbility_main_content .main_content01 .visual_text p:nth-child(2),
    .clients_main_content .main_content01 .visual_text p:nth-child(2),
    .contact_main_content .main_content01 .visual_text p:nth-child(2) {font-size: 24px;}

    /*  서브헤드 */




    /*  중간 이미지 라인 */
    .introduction_main_content,
    .history_main_content,
    .product_main_content,
    .manufacturing_main_content,
    .clients_main_content,
    .contact_main_content,
    .sustainbility_main_content {padding-top: 58px;}

    .introduction_main_content .content_line section h3 {font-size: 22px; line-height: 44px;}
    .introduction_main_content .content_line section p {font-size: 18px; font-weight: 500;}

    .content_line {height:185px; background-attachment: inherit;}
    .content_line section h3 {font-size: 28px; line-height: 55px; font-weight: 800;}
    .content_line section p {font-size: 24px; font-weight: 500;}

    .mg_135 {margin:60px auto;}
}