@charset "utf-8";

.sub_contents {width:100%;  line-height:1.55;  font-size:1.7rem; }

.wid_1600 {width:100%; position:relative; max-width:1600px; margin:auto}
.wps_100 {width:100%;}
.point {color:#e60416 !important;}
.point2{color:#80c41c !important;}
.grey_bg {background:#f8f8f8;}
.txt_l {text-align:left !important;}
.txt_c {text-align:center !important;}
.txt_r {text-align:right !important;}


.flex_box {display:flex; flex-wrap:wrap;}

.div_scroll {overflow: auto;position: relative}

@media( max-width:1600px) {
	.side_pd {padding-left:15px !important; padding-right:15px !important;}

}

@media( max-width:1024px) {
	.div_scroll table {width:1000px; font-size:16px;}
	.div_scroll img {max-width:1000px !important;}
	.sub_contents {margin-top:0rem;}
}

sup, sub {font-size:1.2rem;}

.mg_t0 {margin-top:0px!important;}
.mg_t10{margin-top:10px!important;}
.mg_t20{margin-top:20px!important;}
.mg_t30{margin-top:30px!important;}
.mg_t40{margin-top:40px!important;}
.mg_t50{margin-top:50px!important;}
.mg_t80{margin-top:80px!important;}
.mg_t100{margin-top:100px!important;}
.mg_t120{margin-top:120px!important;}
.mg_t150{margin-top:150px!important;}


.mg_b10{margin-bottom:10px!important;}
.mg_b20{margin-bottom:20px!important;}
.mg_b30{margin-bottom:30px!important;}
.mg_b40{margin-bottom:40px!important;}
.mg_b50{margin-bottom:50px!important;}
.mg_b80{margin-bottom:80px!important;}


.pd_b100 {padding-bottom:10.0rem!important;}

.txt_c {text-align:center;}






@media screen and (max-width: 1600px){

}
@media screen and (max-width: 1400px){

}
@media screen and (max-width: 1024px){

}
@media screen and (max-width: 768px){

}


/*회사소개*/
.company_wrap {}
.company_wrap .company_title  {text-align:center; margin-bottom:6.0rem; }
.company_wrap .company_title > .com_title2 {font-size:2.6rem; color:#a8a8a8;}
.company_wrap .company_title > .com_title1 {font-size:4.8rem; color:#1f2a66; font-weight:800; margin-top:-0.5rem;}

.company_wrap .company_topimg {min-height:47.8rem; border-radius:0rem; }

.company_wrap .company_conts1 {padding:0 20.0rem; margin-top:10.0rem; gap:5%; } 
.company_wrap .company_conts1 .company_conts1_left {width:47%;}
.company_wrap .company_conts1 .company_conts1_left h3{font-size:3.6rem; font-weight:600;}
.company_wrap .company_conts1 .company_conts1_right {width:48%;}
.company_wrap .company_conts1 .company_conts1_right p {font-size:1.8rem; color:#313131; margin-bottom:2.5rem;  }

.company_wrap .company_conts2 { margin-top:15.0rem;  justify-content: space-between;}
.company_wrap .company_conts2 .conts2_box { padding: 8.0rem 5.0rem; text-align:center; width:24%; background:#f8f8f8; border-radius:2.0rem; }
.company_wrap .company_conts2 .conts2_box strong {font-size:2.1rem; font-weight:700;  margin-top:2.5rem; display:block;}
.company_wrap .company_conts2 .conts2_box p {margin-top:0.5rem;}

/*
.company_wrap .company_conts { justify-content: space-between; margin-top:5.0rem;}
.company_wrap .company_conts .company_box {width:31%;  display:flex; align-items: flex-end; aspect-ratio: calc(580/480) / 1;

										 position:relative; background:#1f2a66; color:#fff; padding:3.5rem; border-radius:2.0rem; overflow:hidden;}
.company_wrap .company_conts .company_box:before {content:''; position:absolute; width:100%; height:100%; top:0; left:0; z-index:5;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 1) 100%); opacity:1;}

.company_wrap .company_conts .company_box > .num { font-size:2.0rem; font-weight:600; position:absolute; top:3.5rem; right:3.5rem; color:#fff; z-index:5;}
.company_wrap .company_conts .company_box dl {position:relative; z-index:7; transform: translateY(80px); transition: all 0.6s;}
.company_wrap .company_conts .company_box dt {font-size:2.6rem; font-weight:600; position:absolute; bottom:8.0rem; line-height:1.35;}
.company_wrap .company_conts .company_box dd {opacity: 0;  line-height:1.45;}
.company_wrap .company_conts .company_box:hover dl { transition: all 0.6s; transform: translateY(0px);}
.company_wrap .company_conts .company_box:hover dt {opacity: 0; transition: all 0.6s;}
.company_wrap .company_conts .company_box:hover dd {opacity: 1; transition: all 0.6s;}
.company_wrap .company_conts .company_box:hover:before {background:rgba(31, 42, 102, 0.95); transition: all 0.6s; }

.company_wrap .company_conts > .box1 {background: url("../../pages/images/company_bg01.jpg") no-repeat center center; background-size:cover;}
.company_wrap .company_conts > .box2 {background: url("../../pages/images/company_bg02.jpg") no-repeat center center; background-size:cover;}
.company_wrap .company_conts > .box3 {background: url("../../pages/images/company_bg03.jpg") no-repeat center center; background-size:cover;}*/

.company_overview {background:#1f2a66; color:#fff; padding:10.0rem 0; margin-top:15.0rem;}
.company_overview .left_title {width:50%; font-weight:600;}
.company_overview .left_title .txt1 {font-size:2.0rem;}
.company_overview .left_title .txt2 {font-size:4.2rem;}
.company_overview .right_conts {width:50%;  border-top:3px solid #fff; }
.company_overview .right_conts dl {display:flex; border-bottom:1px solid rgba(255,255,255,0.2); padding:2.5rem 2.0rem;;}
.company_overview .right_conts dl dt {width:15.0rem;}
.company_overview .right_conts dl dd {width:calc(100% - 15.0rem); line-height:1.45;}

@media screen and (max-width: 1200px){

.company_wrap .company_conts2 .conts2_box {width:49%; margin-bottom:2%;}


}

@media screen and (max-width: 1024px){
.company_wrap .company_conts .company_box {width:49%; margin-bottom:2.0rem;}

.company_wrap .company_title  {text-align:center; margin-bottom:5.0rem; }
.company_wrap .company_topimg {min-height:30.0rem}

.company_wrap .company_conts1 {padding:0 5.0rem; margin-top:8.0rem;}
.company_wrap .company_conts1 .company_conts1_left h3 {font-size:2.6rem;}
.company_wrap .company_conts1 .company_conts1_left p {font-size:14px;}

.company_wrap .company_conts2 .conts2_box { padding: 5.0rem 3.0rem;}



.company_overview .left_title {width:100%;}
.company_overview .right_conts {width:100%; margin-top:3.0rem;}

.company_wrap .company_conts2 { margin-top:8.0rem;}

}



@media screen and (max-width: 768px){
.company_wrap .company_title > .com_title1 {font-size:3.8rem; line-height:1.35;}
.company_wrap .company_conts1 {padding:0 1.0rem;}
.company_wrap .company_conts1 .company_conts1_left {width:100%;}
.company_wrap .company_conts1 .company_conts1_right {width:100%; margin-top:3.0rem;}

.company_wrap .company_conts2 .conts2_box {margin-bottom:1.5%;}




/*.company_wrap .company_conts .company_box {width:100%; margin-bottom:2.0rem; aspect-ratio:auto; padding:10.0rem 3.0rem 3.0rem 3.0rem; }
.company_wrap .company_conts .company_box dl {transform: translateY(0px);}
.company_wrap .company_conts .company_box dt {position:relative; bottom:auto;}
.company_wrap .company_conts .company_box dd {opacity:1;  line-height:1.45; margin-top:2.0rem;}

.company_wrap .company_conts .company_box:hover dl {}
.company_wrap .company_conts .company_box:hover dt {opacity: 1; }
.company_wrap .company_conts .company_box:hover dd {}
.company_wrap .company_conts .company_box:before {background:rgba(0, 0, 0, 0.7); }
.company_wrap .company_conts .company_box:hover:before {background:rgba(0, 0, 0, 0.7); }*/


.company_overview {margin-top:8.0rem;}
.company_overview .left_title .txt2 {font-size:3.6rem;}
.company_overview .right_conts dl dt {width:12.0rem;}
.company_overview .right_conts dl dd {width:calc(100% - 12.0rem); line-height:1.45;}
}

@media screen and (max-width: 500px){
.company_wrap .company_conts2 .conts2_box  {width:100%;margin-bottom:3.0rem;}
.company_wrap .company_conts2 .conts2_box strong br {display:none;}

}


/*CEO 인사말*/


.message_top {text-align:center;  font-size:3.6rem;}

.ceo_mesaage_top {background:#f0f0f0; margin-top:7.0rem; padding: 3.0rem 15.0rem 15.0rem 25.0rem;}
.ceo_mesaage_top .message_left { width:50%; font-size:2.8rem; padding-top:15.0rem; font-weight:500; }
.ceo_mesaage_top .message_right { width:50%;}

.ceo_bottom {background:#fff; margin-left:25.0rem; padding:8.0rem 20.0rem 8.0rem 8.0rem; margin-top:-15.0rem;}
.ceo_bottom p {margin-bottom:3.0rem; font-size:1.8rem; color:#666;}


.master_person_txt { position:relative; display:flex; margin-top:5.0rem; }
.master_person_txt span {display:block; color:#000; font-weight:600; font-size:2.0rem; margin-bottom:0.5rem;}
.master_person_txt img {max-width:192px; padding-left:30px;}


@media screen and (max-width:1600px){
.ceo_mesaage_top .message_left { font-size:2.2rem; padding-top:10.0rem; }
}


@media screen and (max-width:1200px){

.ceo_mesaage_top {padding:5.0rem;}
.ceo_bottom { margin-left:0rem; padding:8.0rem; margin-top:0rem;}

}




@media screen and (max-width:1024px){

.ceo_mesaage_top .message_left {width:100%; text-align:center; font-size:2.4rem; padding-top:0;}
.ceo_mesaage_top .message_right {width:100%; margin-top:5.0rem;}

.ceo_bottom {padding:5.0rem;}
}


@media screen and (max-width:768px){
.message_top {padding:0 5.0rem;  font-size:3.0rem; line-height:1.35;}
.message_top br {display:none;}
.master_person_txt {flex-direction: column;}
.master_person_txt img { padding-left:0; padding-top:1.0rem; max-width:150px;}

}







/*
.master_wrap { justify-content: space-between;}
.master_txt {width:50%; padding-top:3.0rem;}
.master_txt1 {font-size:3.0rem; font-weight:600; line-height:1.3; margin-bottom:3.0rem;}
.master_txt2 {font-size:2.2rem; color:#000 !important; font-weight:600; margin-bottom:3.0rem;}
.master_txt p { font-size:1.8rem; color:#666; margin-bottom:2.0rem;}


.master_img {width:45%; }
.master_person img {max-width:100%; border-radius: 4.0rem 4.0rem 0 0; }
.master_certification  {position:absolute; z-index:9; right:3.0rem; bottom:3.0rem;}

.master_person_txt {padding:3.0rem 20.0rem 3.0rem  4.0rem; background:#1f2a66;  position:relative;}
.master_person_txt span {display:block; color:#fff; font-weight:600; font-size:2.0rem; margin-bottom:0.5rem;}
.master_person_txt img {max-width:192px;}

@media screen and (max-width: 1024px){

.master_txt {width:100%; order:2; margin-top:5.0rem;}
.master_img {width:100%; order:1; }
}

@media screen and (max-width:768px){
.master_txt1 {font-size:2.6rem;}
.master_person_txt img {max-width:142px;}
}
*/

/*연혁*/
.history_top {padding:5.0rem 3.0rem;  font-size:3.0rem; font-weight:600; color:#000;  text-align:center; line-height:1.35; background:#fff;
				/*background: url("../../pages/images/his_top.jpg") no-repeat center center; background-size:cover;*/ border-radius:0rem; overflow:hidden;}


.history_wrap {width:100%; position:relative; padding-top:10rem;}
.history_wrap:before {content:""; position: absolute;top: 10px;left:50%;width:1px;height: calc(100% + 50px);background:#ddd;}

.history_list {width:100%; position:relative; display:flex; flex-wrap: wrap; margin-bottom:5.0rem;}
.history_list .his_year {width:50%; text-align:right; padding-right:4.0rem; font-size:3.6rem; font-weight:600; }

.history_list .his_img {width:100%; margin-top:2.0rem; }
.history_list .his_img img {max-width:275px; width:100%;  border-radius:0rem; border:1px solid #ddd; }

.history_list {  }
.history_list strong {color:#000;}
.history_list .his_txt {position:relative; width:100%; }
.history_list .his_txt .his_txt_inner {margin-bottom:2.5rem; position:relative;  }


.history_list .his_txt_inner {width:100%;}

.history_list .his_txt_inner dl {position:relative; width:50%; padding-top:0rem; margin-bottom:2.0rem; }
.history_list .his_txt_inner dl:nth-child(2n-1) {position:relative; margin-left:50%;  padding-left:4.0rem;}
.history_list .his_txt_inner dl:nth-child(2n) {position:relative;text-align:left;  margin-left:0%; text-align:right; padding-right:4.0rem;}

.history_list .his_txt_inner dl:nth-child(2n-1):before {content:""; position: absolute; top: 10px;left: -4px;width:8px;height:8px; border-radius:50%;background: #1d2865;}
.history_list .his_txt_inner dl:nth-child(2n-1):after {position: absolute;  left:4px; top: 13px;  display: block; content: ""; width: 20px; height: 1px;
														 background-color: #ddd}
.history_list .his_txt_inner dl:nth-child(2n):before {content:""; position: absolute;top: 10px;right: -4px;width:8px;height:8px; border-radius:50%;background: #1d2865;}
.history_list .his_txt_inner dl:nth-child(2n):after {position: absolute;  right:4px; top: 13px;  display: block; content: ""; width: 20px; height: 1px;
														 background-color: #ddd}



.history_list .his_txt_inner dl dt {font-weight:600; font-size:2.0rem; color:#000; }
.history_list .his_txt_inner dl dd {font-size:1.7rem;  color:#222;  }


@media screen and (max-width: 768px){
.history_top  {text-align:left; padding:2.0rem; font-size:2.2rem;}
.history_wrap {padding-top:5.0rem;}
.history_wrap:before {content:"";position: absolute;top: 10px; left: 20px;width:1px;height: calc(100% + 50px);background:#c6c6c6;}


.history_list .his_year {width:100%; text-align:left; padding-left:7.0rem;}
.history_list .his_txt_inner {padding-left:20px;}
.history_list .his_txt_inner dl {width:100%; }
.history_list .his_txt_inner dl:nth-child(2n-1) {margin-left:0; padding-left:5.0rem; } 
.history_list .his_txt_inner dl:nth-child(2n) {text-align:left; padding-left:5.0rem; }

.history_list .his_txt_inner dl:nth-child(2n):before {content:""; position: absolute; top: 6px;left: -4px;width:8px;height:8px; border-radius:50%;background: #1d2865;}
.history_list .his_txt_inner dl:nth-child(2n):after {position: absolute;  left:4px; top: 8px;  display: block; content: ""; width: 20px; height: 1px;
														 background-color: #ddd}


.history_list .his_txt_inner dl .his_dd2 {padding-top:1.0rem;}
}




/*.history_list:nth-child(even) .his_img {order:2; text-align: left; padding-right:0;padding-left:60px;}
.history_list:nth-child(even) .his_txt {order:1; text-align: right; padding-left:0; }
.history_list:nth-child(even) .his_txt_inner {padding-right:60px;}
.history_list:nth-child(even) .his_txt_inner:before {left: auto; right: -9px;}

.history_list:nth-child(even) .his_txt dt {order:2;}
.history_list:nth-child(even) .his_txt dd {order:1;}



@media screen and (max-width: 1024px){
.history_top {padding:8.0rem 5.0rem; font-size:2.4rem;}
.history_top br {display:none;}
.history_wrap {margin-top:8.0rem;}
.history_wrap:before {content:"";position: absolute;top: 10px;left: 30px;width:1px;height: calc(100% + 50px);background:#c6c6c6;}

.history_list .his_img {width:100%; text-align:left; padding-left:60px; margin-bottom:20px; padding-right:0;}
.history_list .his_img:before {content:"";position: absolute;top: 28px;left: 22px;width:18px;height:18px;border:5px solid #b2cce4;border-radius:50%;background: #2e75b6;}
.history_list .his_img img {}
.history_list .his_txt {width:100%;}


.history_list .his_img .his_year {position:relative;}

.history_list:nth-child(even) .his_txt_inner {padding-right:0px;  padding-left:60px;}
.history_list:nth-child(even) .his_img {order:1; text-align: left; padding-right:0; padding-left:60px;}
.history_list:nth-child(even) .his_txt {order:2; text-align: left;}

.history_list:nth-child(even) .his_txt:before {left: -9px; right: auto;}
.history_list:nth-child(even) .his_txt dt {order:1;}
.history_list:nth-child(even) .his_txt dd {order:2;}

.history_list .his_txt .his_txt_inner {padding-left:60px;}
.history_list .his_txt .his_txt_inner:before {display:none; }
.history_list:nth-child(even) .his_txt_inner:before {left: 0px; right: auto;}

.history_list .his_txt dl dt {width:50px; }
.history_list .his_txt dl dd {width:calc(100% - 50px);  }

}

@media screen and (max-width: 768px){
	.history_list {margin-bottom:5.0rem;}
	.history_list .his_img img {max-width:80%; }

	.history_list .his_txt dl dt {width:30px; }
	.history_list .his_txt dl dd {width:calc(100% - 30px);  }
}
*/




/*조직도*/
.organization {text-align:center;}
.organization img {max-width:100%;}
.organization .organization_pc {}
.organization .organization_mob {display:none;}


@media screen and (max-width: 1024px){
.organization .organization_pc {display:none;}
.organization .organization_mob {display:block;}

}



/*오시는길*/

.tab{display:none}
.tab.on{display:block}
.tab-container{width:40%; border-top:1px solid #222;}
.tabs{padding:5.0rem 10.0rem 5.0rem 0; cursor:pointer; border-bottom:1px solid #ddd;  }
.tabs.on {position:relative;  }
.tabs.on:after{content:''; position:absolute; top:50%; width:1.9rem; height:4.0rem;transform: translate(0, -50%); background: url("../../pages/images/loc_arrow.png") no-repeat center center; 
				background-size:contain; right:3.0rem; }
.tab_dl {}
.tab_dl dt {font-size: 3.2rem; font-weight:700;}
.tab_dl dd { margin-top:1.0rem}
.tab_dl dd ul li {display:flex; margin-bottom:0.3rem;}
.tab_dl dd ul li span {color:#222; padding-right:15px;}


.tab_wrap{ width:60%; padding-left:3.5rem;}

.loc_map {width:100%; margin-top:0rem; ;}
.loc_map .map_height {height:64.0rem; width:100%;}
.loc_map .root_daum_roughmap .wrap_map {height: 100% !important;}
.loc_map iframe {width:100%; height:64.0rem;}



@media screen and (max-width: 1024px){
.tab-container{width:100%;}
.tabs{padding:5.0rem 8.0rem 5.0rem 0; }
.tab_wrap { padding-left:0;width:100%; padding-top:3.5rem;}
.tab_dl dt {font-size: 2.4rem; font-weight:700;}


.loc_map .map_height {height:45.0rem; width:100%;}
.loc_map iframe {width:100%; height:45.0rem;}


}




/*

.loc_txt { border-top:1px solid #222; padding:5.0rem; border-bottom:1px solid #ddd;}
.loc_txt .loc_left {width:25%;}
.loc_txt .loc_left img {max-width:100%;}
.loc_txt .loc_right {margin:4.0rem 0 0 5.0rem;}
.loc_txt .loc_right dt {font-size:2.6rem; font-weight:600; margin-bottom:2.0rem;}
.loc_txt .loc_right dd {font-size:1.8rem; color:#888; }
.loc_txt .loc_right dd ul li { margin-right:3.0rem; margin-bottom:0.5rem;}
.loc_txt .loc_right dd ul li span {color:#202020; margin-right:15px;}



@media screen and (max-width: 1200px){
.loc_txt .loc_left  {width:100%;}
.loc_txt .loc_right {margin:5.0rem 0 0 }
}


@media screen and (max-width: 1024px){
.loc_txt {padding:3.0rem 0;}
.loc_txt .loc_right dd ul li {width:100%;}

.loc_map .map_height {height:320px}
}
*/









/******이미지효과 ******/
.img_up_01 {
    animation-name: img_up_01;
    -webkit-animation-name: img_up_01;
}



@keyframes img_up_01 {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0%, 0);
        -ms-transform: translate3d(0, 0%, 0);
    }
}

@-webkit-keyframes img_up_01 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0%, 0);
    }
}


.img_up_02 {
    animation-name: img_up_02;
    -webkit-animation-name: img_up_02;
}

@keyframes img_up_02 {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0%, 0);
        -ms-transform: translate3d(0, 0%, 0);
    }
}

@-webkit-keyframes img_up_02 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0%, 0);
    }
}

.img_wrap, .img_wrap2 {
    position: relative;
    top: 0px;
    left: 0%;
    width: 100%;
}

.img_wrap {
    overflow: hidden;
    /*animation-duration: 1.4s;*/
}

.img_wrap2 {
   /* animation-duration: 1.4s;*/
}

.img_radius {border-radius:0rem;}

@media screen and (max-width: 768px){

.img_radius {border-radius:0rem;}
}


/*브랜드*/
.brand1_top {display:flex;  justify-content: space-between;}
.brand1_top_txt {display:flex; }
.brand1_top_txt dl {padding-left:6.0rem;}
.brand1_top_txt dl dt {font-size:4.2rem; font-weight:600; line-height:1.3;}
.brand1_top_txt dl dd {font-size:2.0rem; color:#666; margin-top:1.5rem;}
.btn_shop {display:flex;  justify-content: space-between; align-items: center; gap:5.0rem; padding:1.5rem 2.5rem; border:1px solid #000; transition: all 0.6s;}
.btn_shop:hover {background:#000; color:#fff; transition: all 0.6s;}


@media screen and (max-width: 1200px){

.brand1_top {flex-wrap:wrap;}
.brand1_top_txt {width:100%;}

.btn_shop {margin-top:2.0rem; margin-left:15.0rem;}
}


@media screen and (max-width: 768px){

.brand1_top_logo {}
.brand1_top_logo img {width:70px; }
.brand1_top_txt {flex-direction: column;}
.brand1_top_txt dl {padding-left:0rem; margin-top:5.0rem;}
.btn_shop_wrap {width:100%;}
.btn_shop {width:100%; margin-left:0; justify-content: center; gap:20px;}

.brand1_top_txt dl dt {font-size:2.6rem;}
}



.brand1bg_wrap {margin-top:10.0rem;}
.brand1bg_wrap > div {padding:20.0rem 0; color:#fff;  }
.brand1bg_wrap .brand1bg_01 {background: url("../../pages/images/tigaktegak_bg01.jpg") no-repeat center center; background-size:cover;}
.brand1bg_wrap .brand1bg_02 {background: url("../../pages/images/tigaktegak_bg02.jpg") no-repeat center center; background-size:cover;}
.brand1bg_wrap .brand1bg_03 {background: url("../../pages/images/hanchips_bg.jpg") no-repeat center center; background-size:cover; min-height:613px; background-attachment:fixed; }


.brand1bg_wrap strong {font-size:3.5rem; font-weight:700; line-height:1.25;}
.brand1bg_wrap p {font-size:2.0rem; font-weight:500;}

.brand1bg_wrap .brand1bg_01 > div {justify-content: flex-end; text-align:right; }
.brand1bg_wrap .brand1bg_02 > div {justify-content: space-between;}
.brand1bg_wrap .brand1bg_02 > div >  p {text-align:right;}



@media screen and (max-width: 1400px){

.brand1bg_wrap .brand1bg_02 > div {justify-content: flex-start; text-align:left;}
.brand1bg_wrap .brand1bg_02 > div >  p {text-align:left; margin-top:2.0rem;}


}

@media screen and (max-width: 768px){
.brand1bg_wrap > div {padding:15.0rem 0;}
.brand1bg_wrap .brand1bg_01 > div {justify-content: flex-start;  text-align:left;}
.brand1bg_wrap strong {font-size:2.8rem;}
.brand1bg_wrap .brand1bg_03 {min-height:400px;}
}





.brand1_char {margin-top:10.0rem;}
.brand1_char_title {margin-bottom:5.0rem;}
.brand1_char_txt {display:flex; gap:4.0rem; align-items: center;}
.brand1_char_txt .txt5 {font-size:4.2rem; font-weight:600; line-height:1.3;}


.brand1_char_wrap { justify-content: center; gap:5%; margin-bottom:5.0rem;}
.brand1_char_wrap .brand1_img {width:38%;}
.brand1_char_wrap .brand1_txt {width:44%; display:flex; flex-direction: column; justify-content: center;  /*align-items: center;*/ padding-left:10.0rem;}
.brand1_char_wrap:nth-child(2n-1) {flex-direction: row-reverse;}

.brand1_txt {margin-bottom:5.0rem;}
.brand1_txt dl > dt {color:#1f2a66; font-size:3.4rem; font-weight:600;margin-bottom:1.0rem;}
.brand1_txt dl > dd {font-size:2.0rem; color:#666; font-weight:400; margin-bottom:0rem;}
.brand1_txt dl > dd span {display:block; font-size:1.6rem; opacity:0.6;}




@media screen and (max-width: 1400px){
.brand1_char_wrap .brand1_txt {align-items: center; padding-left:0rem;}

}


@media screen and (max-width: 1024px){

.brand1_char_txt .brand1_char_logo img {width:8.0rem;}
.brand1_char_txt .txt5 {font-size:3.0rem;}

.brand1_char_wrap .brand1_img {width:100%; order:1; }
.brand1_char_wrap .brand1_txt {width:100%; order:2; padding-top:3.0rem; padding-left:2.0rem; align-items: flex-start; }
.brand1_txt dl > dt {font-size:2.6rem;}


}



.brand_product {margin-top:15.0rem;}
.prodcut_wrap {margin: 0  -2.7rem 0 0;}
.prodcut_wrap .product_box {width:calc(25% - 2.7rem); margin-right:2.7rem; margin-bottom:2.7rem;}
.prodcut_wrap .product_box > a {/*pointer-events: none;*/}
.prodcut_wrap .product_box > a[title]:hover:after{
	content:"";
	position: absolute;
	top: -200vh;
	left: -200vw;
	width:0px;
	height:0px;
    opacity: 0;
    visibility: hidden;
}

.prodcut_wrap .product_box .img_box {width: 100%; aspect-ratio: calc(379 / 340);position: relative;border-radius: 0rem; background:#f8f8f8;}
/*.prodcut_wrap .product_box .img_box:before {content: '';position: absolute;bottom: 0;right: 0;width: 7.5rem;aspect-ratio: 1;border-top-left-radius: 3.0rem;background: #fff;}*/

.prodcut_wrap .product_box .img_box .img {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;padding: 4rem 6rem 0rem 6rem;}
.prodcut_wrap .product_box .img_box .img img {transform: scale(1.0); transition:all 0.5s;}
.prodcut_wrap .product_box a:hover .img_box .img img {transform: scale(1.05); transition:all 0.5s;}

.prodcut_wrap .product_box .img_box .pro_name {font-size:1.8rem; font-weight:600; text-align:center; padding-bottom:3.0rem; margin-top:-2.0rem;}

.prodcut_wrap .product_box .img_box .img_more {display:none; position: absolute;bottom: 0;right: 0;width: 6.0rem;aspect-ratio: 1;}
.prodcut_wrap .product_box .img_box .img_more:before {content: '';position: absolute;right: 0;background-color: transparent;top: -6.5rem;height: 5.0rem;width: 2.5rem;border-top-left-radius: 2.5rem;box-shadow: 0 -2.5rem 0 0 #fff;transform: rotate(180deg);}
.prodcut_wrap .product_box .img_box .img_more:after {content: '';position: absolute;background-color: transparent;top: 1.0rem;left: -4.0rem;height: 5.0rem;width: 2.5rem;border-top-left-radius: 2.5rem;box-shadow: 0 -2.5rem 0 0 #fff;transform: rotate(180deg);}
.prodcut_wrap .product_box .img_box .img_more .btn_more {width: 100%;height: 100%;border-radius: 100%;z-index: 9;position: relative;
															background: #000 url("../../pages/images/sec_arrow_01.png") no-repeat center;}





@media( max-width: 1200px ) {
.prodcut_wrap .product_box {width:calc(33.3% - 2.7rem); }
}


@media( max-width: 768px ) {
.prodcut_wrap .product_box {width:calc(50% - 2.7rem); }
}


/*제품자세히보기*/

.fancybox-wrap {width:120.0rem !important; /*height:80vh!important; overflow:scroll;*/  }
.fancybox-wrap .fancybox-title {background: #fff;line-height: normal;text-align: left;padding: 4.0rem  5.0rem 5.0rem 5.0rem;
								width: 100% !important;border-bottom-left-radius: 2.0rem;border-bottom-right-radius: 2.0rem;visibility: visible !important;}
.fancybox-wrap .fancybox-title .f_wrap { display:flex; gap:5%; }
.fancybox-wrap .fancybox-title .f_wrap .f_pro_img {width:55% !important;}
.fancybox-wrap .fancybox-title .f_wrap .f_pro_img img {max-width:100%; border-radius:2.0rem;}
.fancybox-wrap .fancybox-title .f_wrap .f_pro_txtwrap {width:100%; }
.fancybox-wrap .fancybox-title .f_wrap .f_pro_txt {width:40% !important; text-align:left; display:flex; flex-wrap:wrap; align-content: space-between; padding:5.0rem 0;}
.fancybox-wrap .fancybox-title .f_wrap .f_pro_txt .f_pro_txt1 {font-size:3.0rem; font-weight:600;}
.fancybox-wrap .fancybox-title .f_wrap .f_pro_txt .f_pro_txt1 span {display:block; font-size:2.0rem; color:#1f2a66; margin-bottom:0.5rem;}
.fancybox-wrap .fancybox-title .f_wrap .f_pro_txt .f_pro_txt2 {font-size:1.5rem; margin-top:2.0rem; line-height:1.45; color:#666;}
.fancybox-wrap .fancybox-title .f_wrap .f_pro_txt .f_pro_txt2 p {margin-bottom:1.05rem;}

.fancybox-wrap .fancybox-title .f_wrap .f_btn_wrap {width:100% !important; /*display:flex;   justify-content: space-between; */}
.fancybox-wrap .fancybox-title .f_wrap .f_btn_wrap a {color:#fff; width:100%; font-size:1.6rem; background:#000; padding:1.5rem; text-align:center; display:inline-block;}
.fancybox-wrap .fancybox-title .f_wrap .f_btn_wrap .f_btn_02 {}

.fancybox-wrap .fancybox-title .f_pro_scroll {position:absolute !important; bottom:3.0rem !important; right:3.0rem !important;  animation: upDownAnimation .8s ease-in-out infinite alternate}
.fancybox-wrap .fancybox-title .f_pro_scroll .scroll_img {display:flex;  align-items: center; font-weight:500; font-size:1.6rem; color: #c4c4c4; background: url('../../pages/images/fancy_mouse.png') no-repeat center right !important;
																	padding-right: 3rem;height: 3.5rem !important;}

.fancybox-title div {position: relative !important;top: auto !important;right: auto !important;width: auto !important;height: auto !important;background: none !important;}
.fancybox-skin {background: #fff !important; display: flex;justify-content: center;align-items: flex-start;width: 100% !important;border-top-left-radius: 2.0rem;border-top-right-radius: 2.0rem;
position: initial !important;}
.fancybox-skin .fancybox-inner  {}

.fancybox-outer, .fancybox-inner {position: initial !important;}
.fancybox-close {
    z-index: 8090 !important;
    width: 6.4rem !important;
    aspect-ratio: calc(64 / 65);
    height: auto !important;
    background: #000 url("../../pages/images/btn_close01.png") no-repeat center !important;
    border-radius: 100%;}


@media( max-width: 1350px ) {
	.fancybox-wrap {width: calc(100% - 4rem) !important;}
}

@media( max-width: 1024px ) {

	
	.fancybox-wrap .fancybox-title .f_pro_scroll  {display: none !important;}
	
}

@media( max-width: 1000px ) {
	.fancybox-wrap  {/*overflow-y:scroll;*/ max-width:80%; }
	.fancybox-wrap .fancybox-title {padding: 2.0rem  3.0rem 3.0rem 3.0rem;  max-height:60vh; overflow-y:scroll;}
	.fancybox-wrap .fancybox-title .f_wrap {flex-wrap:wrap;}
	.fancybox-wrap .fancybox-title .f_wrap .f_pro_img {width:100% !important;}
	.fancybox-wrap .fancybox-title .f_wrap .f_pro_txt {width:100% !important; text-align:center; }
	.fancybox-wrap .fancybox-title .f_wrap .f_pro_txt > div {width:100% !important;}
	.fancybox-wrap .fancybox-title .f_wrap .f_btn_wrap {width:60% !important; margin-top:5.0rem;}
	
	.fancybox-close {width: 4.4rem !important;background: #000 url("../../pages/images/btn_close01.png") no-repeat center / 2.2rem !important;}
	.fancybox-wrap .fancybox-title .f_wrap .f_btn_wrap {width:100% !important;}
}







/*시설안내*/


.facility_wrap { justify-content: space-between;}
.facility_wrap .facility_img {width:43%;}
.facility_wrap .facility_txt {width:45%; display:flex; flex-direction: column; justify-content: center; }

.facility_conts {margin-bottom:5.0rem;}
.facility_conts dl > dt {color:#1f2a66; font-size:2.4rem; font-weight:600;margin-bottom:1.0rem;}
.facility_conts dl > dd.txt1 {font-size:3.2rem; font-weight:600; margin-bottom:0rem;}
.facility_conts dl > dd.txt2 {font-size:1.7rem; color:#666; margin-top:2.0rem;}
.facility_conts dl > dd.txt2  p {margin-bottom:1.5rem;}

.facility_info dl {display:flex; padding:1.5rem; border-bottom:1px solid #ddd;  }
.facility_info dl dt {width:15.0rem; font-weight:500;}
.facility_info dl dd {width:calc(100% - 15.0rem);}

.facility_wrap:nth-child(2) {flex-direction: row-reverse; margin-top:15.0rem; }
.facility_wrap .facility_txt {position:relative;}
.facility_wrap .facility_txt .facility02_logo {position:absolute; top:2.0rem; right:0rem;}

@media screen and (max-width: 1300px){


.facility_wrap .facility_txt .facility02_logo {display:none;}
}
@media screen and (max-width: 1024px){
.facility_wrap .facility_img {width:100%; order:1;  justify-content: flex-start;}
.facility_wrap .facility_txt {width:100%; order:2; margin-top:5.0rem;}

.facility_conts dl > dt {margin-bottom:1.0rem;}


.facility_info dl dt {width:10.0rem; font-weight:500;}
.facility_info dl dd {width:calc(100% - 10.0rem);}


}

/*생산능력*/

.capacity_top {background:#1f2a66; padding:12.0rem 0; }
.capacity_top .capacity_title {color:#fff;}
.capacity_top .capacity_title strong {font-size:2.8rem; }
.capacity_top .capacity_title p {font-size:1.8rem;}

.capacity_conts {margin-top:5.0rem;}
.capacity_conts ul li {text-align:center; color:#fff;  width:25%;  }
.capacity_conts ul li strong { margin-top:1.0rem;font-size:2.0rem; line-height:1.35; font-weight:400; display:block;}
.capacity_conts ul li p {font-size:3.2rem; font-weight:600; margin-top:-0.5rem;}
.capacity_conts ul li p span {font-size:5.8rem;}

.capacity_img {display:flex; justify-content: space-between; margin-top:8.0rem; }
.capacity_img > div {width:32%;}
.capacity_img > div img {max-width:100%;}


@media screen and (max-width: 1024px){
.capacity_conts ul li {width:50%; margin-bottom:3.0rem;}

}

@media screen and (max-width: 768px){
.capacity_conts ul li img {width:80px;}
.capacity_img > div {width:100%; margin-bottom:3.0rem;}

}


/*기업부설연구소*/
.lab_txt_wrap {margin-top:12.0rem}
.lab_txt_wrap  .lab_tit {width:40%;font-size:3.2rem; line-height:1.35;}
.lab_txt_wrap  .lab_conts {width:60%; font-size:1.8rem; color:#666;}


@media screen and (max-width: 1200px){
.lab_txt_wrap {margin-top:8.0rem}
.lab_txt_wrap  .lab_tit {width:100%;}
.lab_txt_wrap  .lab_tit br {display:none;}
.lab_txt_wrap  .lab_conts {width:100%; margin-top:3.0rem;}

}


@media screen and (max-width: 768px){
.lab_txt_wrap  .lab_tit {font-size:2.4rem;}
}

/*인증현황*/

.cert_title {font-size:2.6rem; font-weight:600; margin-bottom:2.0rem;}

.certification_wrap {display:flex;  flex-wrap: wrap;  margin:0 -30px 0 0;}
.certification_wrap .cert_box {width:calc(25% - 30px); margin-right:30px; text-align:center; /*border-bottom:1px solid #ddd;*/ margin-bottom:35px;}
.certification_wrap .cert_box .cert_img {background:#f8f8f8;  padding:5.0rem 2.0rem; }
.certification_wrap .cert_box .cert_img img {width:100%; max-width:218px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);}
.certification_wrap .cert_box .cert_txt {color:#666; padding:2.0rem 0 3.0rem 0; font-size:16px; font-weight:600; }


@media screen and (max-width: 1200px){

.certification_wrap {display:flex;  flex-wrap: wrap;  margin:0 -25px 0 0;}
.certification_wrap .cert_box {width:calc(33% - 25px); margin-right:25px; }
.certification_wrap .cert_box .cert_img img {width:85%}


}



@media screen and (max-width: 768px){

.certification_wrap {display:flex;  flex-wrap: wrap;  margin:0 -25px 0 0;}
.certification_wrap .cert_box {width:calc(50% - 25px); margin-right:25px; }
.certification_wrap .cert_box .cert_img img {width:85%}


}



/*주요거래처*/

.partner_wrap {margin:0 -2.0rem 0 0; }
.partner_wrap .partner_box {width:calc(25% - 2.0rem); margin-right:2.0rem; margin-bottom:2.0rem; border:1px solid #ddd; text-align:center; }
.partner_wrap .partner_box img { max-width:100%;}


@media screen and (max-width: 1200px){

.partner_wrap .partner_box {width:calc(33% - 2.0rem);}
}


@media screen and (max-width: 1024px){

.partner_wrap .partner_box {width:calc(50% - 2.0rem); }


}

@media screen and (max-width: 768px){
	.partner_wrap .partner_box img { max-width:80%;}

}

/*글로벌수출*/

.global_map {/*background:#f3f3f3; padding:8.0rem 0; text-align:center;*/ }
.global_map .global_txt {}
.global_map .global_txt .global_title { width:35%; font-size:3.2rem; font-weight:600; line-height:1.3;}
.global_map .global_txt p { width:65%; color:#666; font-size:1.8rem; margin-top:0rem; }
.global_map .global_img {margin-top:8.0rem;}
.global_map .global_img img {max-width:100%;}


@media screen and (max-width: 1024px){
.global_map .global_txt .global_title {width:100%;}
.global_map .global_txt p { width:100%; margin-top:3.0rem; }


}



@media screen and (max-width: 768px){
.global_map .global_txt .global_title {font-size:2.4rem; }
.global_map .global_txt .global_title  br {display:none;}

}


/*브로슈어*/
.brochure_wrap {justify-content: center; gap:5%; margin-top:5.0rem;}
.brochure_wrap .brochure_img {width:30%; text-align:right;}
.brochure_wrap .brochure_img img {max-width:100%;}
.brochure_wrap .brochure_txt {width:30%; padding:3.0rem 0;}
.brochure_wrap .brochure_txt dl {}
.brochure_wrap .brochure_txt dl dt {font-size:3.0rem; font-weight:600; line-height:1.35;}
.brochure_wrap .brochure_txt dl dd {font-size:1.8rem; font-weight:500; margin-top:2.0rem; color:#666;}

.brochure_wrap .brochure_txt .brochure_btn {display:block; font-size:1.8rem; display:flex;justify-content: center;  gap: 1.0rem; transition: all 0.6s; margin-top:8.0rem; width:100%; padding:1.5rem; border:1px solid #1f2a66; color:#1f2a66; }
.brochure_wrap .brochure_txt .brochure_btn:hover {transition: all 0.6s; background:#1f2a66; color:#fff; }



@media screen and (max-width: 1024px){
.brochure_wrap {margin-top:0;}
.brochure_wrap .brochure_img {width:100%; text-align:center; } 
.brochure_wrap .brochure_txt {width:60%; padding:3.0rem 0; text-align:center; }


}

@media screen and (max-width: 768px){
.brochure_wrap .brochure_txt {width:80%; margin-top:5.0rem;}
.brochure_wrap .brochure_txt dl dt {font-size:2.6rem;}
.brochure_wrap .brochure_img {text-align:center; }
.brochure_wrap .brochure_img img {width:60%;}
}