@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nanum+Myeongjo&family=Noto+Sans+KR:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url('https://hangeul.pstatic.net/hangeul_static/css/nanum-square.css');
@import url('//fonts.googleapis.com/earlyaccess/jejumyeongjo.css');
@import url('https://fastly.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.1/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css');

.imsi {font-family: 'Jeju Myeongjo', 'Nanum Myeongjo', serif;
font-family: 'NanumSquareLight';
font-family: 'NanumSquare';
font-family: 'NanumSquareBold';
font-family: 'NanumSquareExtraBold';
font-family: 'NanumSquareAcb';
font-family: 'NanumSquareAceb';
font-family: 'NanumSquareAcl';
font-family: 'NanumSquareAcr';
font-family: 'Wanted Sans Variable', 'Noto Sans KR' dotum, Helvetica;
}

/* 그누보드 적용을 위한 주석
body,table,input,textarea {font-size:16px;font-family: 'Noto Sans KR', sans-serif;color:#333;letter-spacing:-0.7px;word-break:keep-all; word-wrap:break-word;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block }
body, select, input, a, button{line-height:1.2;}
a{outline:none;select-dummy:expression(this.hideFocus=true);}
div, pre, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
ul, ol, li { list-style:none; }
em,address{font-style:normal;}
table {border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%;}
table th{word-wrap:break-word}
table td{word-wrap:break-word}
img, fieldset { border:none; }
img, object { vertical-align:top; }
caption {text-align:left;}
button,
input[type="submit"] { cursor:pointer; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;padding:0 10px;border:none; background:none;}
select {font-size:12px; vertical-align:middle;color:#666;}
input {font-size:12px; vertical-align:middle;color:#666;}
textarea {font-size:12px; color:#666;}
input[type="radio"]{vertical-align:middle;}
input,
button,
select,
textarea { font-family: 'Noto Sans KR', sans-serif;}

a:link{color:#666; text-decoration:none;}
a:active{color:#666; text-decoration:none;}
a:visited{color:#666; text-decoration:none;}
a:hover{color:#666; text-decoration:none;}
hr,caption, legend {width:0;height:0;font-size:0;line-height:0;overflow:hidden; visibility:hidden; text-indent:-9999px;}
*/

html {font-size:62.5%;}
html, body, div, dl, dt, dd, ul, ol, li, p {margin: 0; padding:0; list-style: none;}
body,table,input,textarea {font-family: 'Noto Sans KR', sans-serif;word-break:auto-phrase;}

#container {width:100%;max-width:100%;} /*그누보드 컨텐츠 페이지용*/

.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:7px !important; padding-right:7px !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;font-size:1.5rem; }
}

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: 5em 0 5em 0; }

.company_wrap .company_conts1 {padding:0 20.0rem; margin-top:5.0rem; gap:5%; } 
.company_wrap .company_conts1 .company_conts1_left {width:37%;}
.company_wrap .company_conts1 .company_conts1_left h3{font-size:3.6rem; font-weight:600;}
.company_wrap .company_conts1 .company_conts1_right {width:58%;}
.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.2rem; font-weight:700;  margin-top:2.5rem; display:block;}
.company_wrap .company_conts2 .conts2_box p {margin-top:0.5rem;}

.company_wrap .company_conts3 { margin-top:5.0rem;  justify-content: space-between;}
.company_wrap .company_conts3 .conts3_box { padding: 8.0rem 5.0rem; text-align:center; width:100%; background:#f8f8f8; border-radius:2.0rem; }
.company_wrap .company_conts3 .conts3_box strong {font-size:2.2rem; font-weight:600;  display:block;}
.company_wrap .company_conts3 .conts3_box span {font-size:2.2rem; font-weight:300;  display:block;}
.company_wrap .company_conts3 .conts3_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:7.0rem 0; margin-top:7.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%;}
.company_wrap .company_conts3 .conts3_box {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;border-radius: 2em 0 2em 0; }

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

.company_wrap .company_conts2 .conts2_box { padding: 5.0rem 3.0rem;}
.company_wrap .company_conts3 .conts3_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;}
.company_wrap .company_conts3 { margin-top:8.0rem;}

}



@media screen and (max-width: 768px){
.company_wrap .company_title > .com_title2 {font-size: 2rem;}


.company_wrap .company_title > .com_title1 {font-size:3.8rem; line-height:1.35;}
.company_wrap .company_conts1 {padding:0 0.5rem;margin-top: 2.0rem;}

.company_wrap .company_conts1 .company_conts1_left {width:100%;}
.company_wrap .company_conts1 .company_conts1_right {width:100%; margin-top:2.0rem;}

.company_wrap .company_conts2 .conts2_box {margin-bottom:1.5%;}
.company_wrap .company_conts3 .conts3_box {margin-bottom:1.5%;margin-top: 2.0rem;}

.company_wrap .company_conts1 .company_conts1_right p {font-size: 1.5rem; margin-bottom: 1.5rem;}
.company_wrap .company_conts3 .conts3_box span { font-size: 1.6rem;}

.company_wrap .company_conts3 {margin-top:0;}

/*.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:0;}
.company_overview .left_title .txt1 {font-size:1.8rem;}
.company_overview .left_title .txt2 {font-size:2.2rem;}
.company_overview .right_conts dl dt {width:12.0rem;}
.company_overview .right_conts dl dd {width:calc(100% - 12.0rem); line-height:1.45;}

.company_overview .right_conts dl {padding: 1.5rem 1.0rem;}
}

@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;}
.company_wrap .company_conts3 .conts3_box  {width:100%;margin-bottom:3.0rem;}
.company_wrap .company_conts3 .conts3_box strong br {display:none;}
.company_wrap .company_conts3 .conts3_box span br {display:none;}

.company_overview {padding: 5.0rem 0;}

}


/*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; text-align:right; }
.ceo_mesaage_top .message_right { width:50%;}
.ceo_mesaage_top .message_right img { width:100%;max-width:600px;}

.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; align-items: center;}
.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:2.0rem 2.0rem 0 2.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.0rem; padding-top:0; letter-spacing:-1px;}
.ceo_mesaage_top .message_right {width:100%; margin-top:2.0rem;}
.ceo_mesaage_top .message_right img { width:95%;}
.ceo_bottom {padding:2.0rem;}
.ceo_bottom p { font-size: 1.5rem;}
.master_person_txt span {font-size: 1.6rem;}
}


@media screen and (max-width:768px){
.message_top {padding:0 1.0rem;  font-size:2.5rem; letter-spacing:-1px; line-height:1.35;}
.message_top br {display:none;}
.ceo_mesaage_top .message_left { text-align:left; }
.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:2px 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("/img/0104_arrow.png") no-repeat center center; 
				background-size:contain; right:3.0rem; }
.tab_dl {padding:}
.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:2.0rem 2.0rem 2.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;}
}


.brand2_top {display:flex;  justify-content: space-between;}
.brand2_top_txt {display:flex;flex-direction: column; }
.brand2_top_txt dl {padding:5rem 0 1rem;}
.brand2_top_txt dl dt {font-size:3.2rem; font-weight:600; line-height:1.3;}
.brand2_top_txt dl dd {font-size:2.0rem; color:#666; margin-top:1.5rem;}

.brand2_top_img {}
.brand2_top_img img {width:100%;padding:2px 0;}

@media screen and (max-width: 1200px){
.brand2_top {flex-wrap:wrap;}
.brand2_top_txt {width:100%;}
}

@media screen and (max-width: 768px){
.brand2_top_txt {flex-direction: column;}
.brand2_top_txt dl {padding:3rem 0 0.5rem;}

.brand2_top_txt dl dt {font-size:1.7rem;letter-spacing:-1px;}
}






.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;*/ font-family: 'Wanted Sans Variable'; }
.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;padding: 5rem;margin:0 auto;max-width:1600px;}
.facility_wrap .facility_img {width:46%;}
.facility_wrap .facility_img img {width:100%;}
.facility_wrap .facility_txt {width:46%; display:flex; flex-direction: column; justify-content: center; }


.facility_wrap_2 {display: flex; margin: 3rem auto; max-width: 1600px; justify-content: space-around;}
.facility_wrap_2 .facility_img {width:46%;}
.facility_wrap_2 .facility_img img {width:100%;}
.facility_wrap_2 .facility_img p {font-size:2.5rem;letter-spacing:-1px;margin:2rem 0 1rem;color:#222;font-weight:500;}
.facility_wrap_2 .facility_img p:before {display:inline-block;content:"";background:#a5b9f4;width:15px;height:15px;margin-right:5px;margin-bottom: 5px;border-radius:50%;vertical-align: middle;}

.facility_conts {margin:5.0rem 0 1.0rem;color:#fff;}
.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.5rem; font-weight:500; margin-bottom:1rem;}
.facility_conts dl > dd.txt1 strong {color:#f4fc74;}
.facility_conts dl > dd.txt2 {font-size:1.7rem;}
.facility_conts dl > dd.txt2 p {font-size:2.1rem;}

.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 {padding: 3rem 2rem;}
.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 {margin: 2.0rem 0 1.0rem;}
.facility_conts dl > dt {margin-bottom:1.0rem;}
.facility_conts dl > dd.txt1 {font-size: 2.3rem;}
.facility_conts dl > dd.txt2 p {font-size: 1.7rem;}

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

.facility_wrap_2 {flex-direction: column;}
.facility_wrap_2 .facility_img {width:100%;}
.facility_wrap_2 .facility_img p {font-size: 1.7rem;}
}

/*생산능력*/

.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:30%;font-size:3.2rem; line-height:1.35;}
.lab_txt_wrap  .lab_conts {width:70%; 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%;}
}




/*지속가능성*/

.sus_top {margin-bottom:2.0rem; font-size:3.6rem; text-align:center; font-weight:500 ; color:#000; line-height:1.45;}
.sus_top span {display:block; font-size:3.0rem;font-weight:600; color:#1f2a66; }

.sus_txt {text-align:center; font-size:2.2rem; width:100%;   margin-bottom:5.0rem; color:#666; font-weight:500;}


.sus_top_2 {margin-bottom:2.0rem; font-size:4rem; text-align:center; font-weight:500 ; color:#000; line-height:1.45;}
.sus_txt_2 {text-align:center; font-size:2.8rem; width:100%;   margin-bottom:1.0rem; color:#666; font-weight:500;}



@media screen and (max-width: 1024px){
.sus_top  {font-size:2.6rem;}

.sus_top_2  {font-size:2.6rem;}
.sus_txt_2 {font-size:1.8rem;}

}


/*윤리경영*/

.ethical_box_wrap {margin-top:8.0rem;  justify-content: space-between;}
.ethical_box {width:24%; padding:5.0rem; background:#f8f8f8; text-align:center;  }
.ethical_box span img {width:75px;}
.ethical_box dl {margin-top:1.5rem;}
.ethical_box dt {font-size:2.4rem; font-weight:600;  color:#1f2a66;}
.ethical_box dd {color:#666; font-size:1.7rem; margin-top:1.0rem;}

.ethical2_box_wrap {margin-top:8.0rem;  justify-content: space-between;}
.ethical2_box {width:29%; margin:2%;padding:4.0rem 1.0rem;  background:#f8f8f8;text-align:center;  border-radius:80px; box-shadow:5px 5px 5px rgba(0,0,0,0.3);}
.ethical2_box span img {width:75px;}
.ethical2_box dl {}
.ethical2_box dt {font-size:3.0rem; font-weight:600;  color:#1f2a66; letter-spacing:-1px;}
.ethical2_box dd {color:#666; font-size:1.7rem; margin-top:1.0rem;}

.ethical2_box:nth-child(even){background:#6979ce;}
.ethical2_box:nth-child(even) dt {color:#fff;}


.grey_innerbox {padding:6.0rem;}
.ethical_inner {margin-bottom:4.0rem;}
.ethical_inner:last-child {margin-bottom:0;}
.ethical_inner dt {font-weight:600; color:#000;width:6.0rem;}
.ethical_inner dd { width:calc(100% - 6.0rem); }

.esg_name {color:#000; align-items: flex-end; /*justify-content: flex-end;*/ }
.esg_name .esg_name_txt {}
.esg_name .esg_name_txt .esg_date {font-size:1.8rem; font-weight:500;}
.esg_name .esg_name_txt p strong {font-size:2.4rem; font-weight:600;  display:inline-block; padding-left:1.0rem;}

.esg_name .esg_name_img { padding-left:20px;}


.ethical_02 {padding:5.0rem;}
.ethical_02 img {max-width:40.0rem; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}

@media screen and (max-width: 1200px){
.ethical_box {width:49%; margin-bottom:2.5rem;}
.ethical2_box {width:46%;}

}
@media screen and (max-width: 768px){
.ethical2_box_wrap { margin-top: 3.0rem;}
.ethical2_box {width:100%;padding: 2.0rem 0.5rem;}
.ethical2_box dt {font-size:1.8rem;}

.grey_innerbox {padding:3.0rem;}
.esg_name .esg_name_img  img {width:12.0rem;}
.ethical_box span img {width:65px;}
.esg_name .esg_name_txt p strong {display:block; padding-left:0;}
}


@media screen and (max-width: 500px){
.ethical_box {width:100%;}
.ethical2_box {width:100%;}

.ethical_02 img {max-width:50.0rem;}

}


/*사회공헌*/
.social_img_wrap {width:100%;max-width:1400px;margin:0 auto; text-align:center;}
.social_img_wrap ul {margin:5.0rem 0 -2.0rem 0 0}
.social_img_wrap ul li {width:calc(25% - 2.0rem); margin:1.0rem;}
.social_img_wrap ul li img {width:100%;}
.social_img_wrap ul li p {font-size:17px;padding:10px 0;}

@media screen and (max-width: 1024px){
.social_img_wrap ul li {width:calc(33% - 2.0rem); }
}


@media screen and (max-width: 768px){
.social_img_wrap ul li {width:calc(50% - 1.0rem); margin:0.5rem;}
.social_img_wrap ul li p {font-size:15px;padding:5px 0;}
}



/*지속가능경영*/
.esg_inner {margin-bottom:4.0rem;}
.esg_inner:last-child {margin-bottom:0;}
.esg_inner dt {font-weight:600; color:#000;}
.esg_inner dd { padding-left:2.0rem; margin-top:1.5rem; }


.biz_wrap_inner2 {text-align:center; background:#f8f8f8; padding:5.0rem 3.0rem;   }
.biz_wrap_inner2 .biz_left2 {font-size:3.0rem; font-weight:600;}
.biz_wrap_inner2 .biz_right2 .report_down {max-width:30.0rem; margin:3.0rem auto 0; color:#fff;justify-content: center; align-items: center; gap:2.0rem; background:#1f2a66; padding: 1.5rem ; 
											border-radius:5px; }
.biz_wrap_inner2 .biz_right2 .report_down .report_down_txt {color:#fff; font-size:2.2rem; font-weight:600; }








/*창업문의*/
.startup_top {width:100%; }
.startup_top .startup_txt1 {font-size:1.8rem; color:#666; font-weight:500; margin-bottom:3.0rem; line-height:1.45;}
.startup_top .ico_box_wrap {position:relative;  display:flex; flex-wrap:wrap;  justify-content: space-between; padding:0 2.0rem; }
.startup_top .ico_box_wrap:before {content:''; position:absolute; width:100%; height:1px; background:#ddd; top:15.6rem; left:0;}
.startup_top .ico_box_wrap .ico_box {width:calc (100% / 8); text-align:center; }
.startup_top .ico_box_wrap .ico_box .ico_img { text-align:center; }
.startup_top .ico_box_wrap .ico_box .ico_img img {max-width:100%;}
.startup_top .ico_box_wrap .ico_box .ico_txt > span {position:relative; color:#1f2a66; font-weight:900; display:block; font-size:1.8rem; margin-top:6.0rem; }
.startup_top .ico_box_wrap .ico_box .ico_txt > span:before {content:''; position:absolute;  background:#1f2a66; border-radius:100%; width:10px; height:10px; top:-3.0rem; left:50%; transform: translate(-50%, 0); }
.startup_top .ico_box_wrap .ico_box .ico_txt > strong {color:#6b6b6b; font-size:1.8rem; line-height:1.3; font-weight:500; margin-top:0.5rem; display:block;}


.startup_top .startup_txt2 {background:#f9f9f9; padding:5.0rem; margin-top:5.0rem;}
.startup_top .startup_txt2 ul {}
.startup_top .startup_txt2 ul li {position:relative; font-size:1.8rem; color:#666; margin-bottom:0.8rem; padding-left:15px;}
.startup_top .startup_txt2 ul li:before {content:''; width:3px; height:3px; background:#666; left:0; top:8px; position:absolute; }


@media screen and (max-width: 1200px){
.startup_top .ico_box_wrap:before {display:none;}
.startup_top .ico_box_wrap .ico_box {width:calc(100% / 4); margin-bottom:3.0rem;}
.startup_top .ico_box_wrap .ico_box .ico_txt > span {margin-top:2.0rem;}
.startup_top .ico_box_wrap .ico_box .ico_txt > span:before {display:none;}


}


@media screen and (max-width: 768px){
.startup_top .startup_txt1 {text-align:center; }
.startup_top .ico_box_wrap .ico_box {width:calc(100% / 2);}
.startup_top .ico_box_wrap .ico_box .ico_img img {max-width:50%;}
.startup_top .startup_txt2 {padding:5.0rem 3.0rem; line-height:1.45;}

}



/*고객문의*/
.maill_contacts {width:100%; max-width:1400px; margin:0 auto 3.0rem; }
.maill_contacts ul {display:flex; justify-content: space-between; flex-wrap: wrap;}
.maill_contacts ul li {width:32%; border:1px solid #ddd; padding:3.0rem; display:flex; gap:3.0rem; font-size:1.8rem; align-items: center; margin:1rem auto;}
.maill_contacts ul li > span {padding:2.0rem; background:#f8f8f8; color:#000;  border-radius:5.0rem;}
.maill_contacts ul li .material-icons { font-size:3.0rem;}
.maill_contacts ul li > div {}
.maill_contacts ul li p {font-size:2.0rem; }
.maill_contacts ul li strong {display:block;font-size:2.2rem;margin-top:0.3rem;font-family: 'Wanted Sans Variable', 'Noto Sans KR' dotum, Helvetica;}


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

.maill_contacts ul {flex-wrap:wrap;}
.maill_contacts ul li {width:100%; margin-bottom:2.0rem;}
}








/*공통*/

.biz_left {width:35.0rem; font-size:3.0rem; font-weight:600; }
.biz_right {width:calc(100% - 35.0rem);  font-size:1.8rem; color:#666; line-height:1.65;}

.biz_right ul.ul_li {}
.biz_right ul.ul_li li { line-height:1.5;font-size:1.8rem; color:#666; margin-bottom:0.7rem; position:relative; padding-left:1.5rem; }
.biz_right ul.ul_li li:before {content:''; width:4px; height:4px; background:#ebb613; border-radius:100%; position:absolute; left:0; top:1.0rem}



.biz_right ul.ul_li02 li {line-height:1.5;font-size:2.0rem; color:#000; font-weight:600; margin-bottom:4.0rem; position:relative; padding-left:1.5rem; }
.biz_right ul.ul_li02 li:before {content:''; width:4px; height:4px; background:#ebb613; border-radius:100%; position:absolute; left:0; top:1.0rem}
.biz_right ul.ul_li02 li > p {font-weight:400; font-size:1.8rem; color:#666; line-height:1.6; margin-top:0.5rem;}





@media screen and (max-width: 1024px){
.biz_left {width:100%;}
.biz_left  br {display:none;}
.biz_right {width:100%; margin-top:3.0rem;} 
}


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

.biz_wrap_inner2 .biz_right2 .report_down {max-width:50.0rem;}
.biz_right {width:100%; margin-top:1.5rem;} 

}