@charset "utf-8";
.mo{display: none;}
.mo_resp_563{display:none;}
.mo_resp_400{display:none;}




/* 서브 공통 */
.sub_title {font-size:48px; font-weight:bold; color:#020202; margin-bottom:100px; z-index:1;}
.sub_title02{position: relative; font-size:30px; line-height:1.5; color:#222; font-weight:bold; padding-left:15px;}
.sub_title02:before, .sub_title02:after{position: absolute; content:''; width:6px; height:6px; -webkit-border-radius:50%;border-radius:50%; left:0px;}
.sub_title02:before{background:#219d7e; top:15px;}
.sub_title02:after{background:#0c8fc3; top:25px;}

.l_align {text-align:left !important;}

.table_wrap {}
.table01 {word-break:keep-all; margin-top:20px;}
.table01 tr {border-bottom:1px solid #eee;}
.table01 thead tr {border-bottom:2px solid #444;}
.table01 th {font-size:18px; text-align:center; font-weight:bold; padding:15px 15px; color:#222;}
.table01 td {font-size:16px; text-align:center; padding:10px 15px; color:#666; border-right:1px solid #eee;}
.table01 td:last-child {border-right:none;}
.table01 td.num {font-size:12px; font-weight:bold; font-family:'Poppins', 'Noto Sans KR', 'Sans-serif'; color:#010101;}




@media all and (max-width:800px){
	.sub_title {font-size:32px; margin-bottom:40px;}
	.sub_title02 {font-size:22px;}
	.sub_title02:before{top:10px;}
	.sub_title02:after{top:20px;}
}

@media all and (max-width:640px){
	.table_box {overflow-x:scroll;}
	.table_box table {width:680px;}
	.table01 th {font-size:16px; padding:15px 5px;}
	.table01 td {font-size:15px; padding:10px 5px;}
}






/* ---회사소개--- */
/* 연혁 */

.history-banner{background:no-repeat center; background-image:url('/img/sub/history_bg.jpg'); background-size:cover; text-align:center; padding:120px 0; margin-bottom:100px;}
.history-banner .txt{font-size:32px; line-height:1.5; color:#fff; text-shadow: 3px 4px 10px rgba(106, 46, 2, 0.2); font-family:'Poppins', 'Noto Sans KR', 'Sans-serif'; word-break:keep-all;}
.history-banner .txt strong{font-size:60px; line-height:1.2; color:#fff; font-weight:600;}

/* History :: Layout */
.company-history-wrap{position: relative;}
.company-history {position:relative;}
.company-history:before{position: absolute; content:''; width:1px; height:119px; left:50%; top:-100px; background:#ddd;}
.company-history-wrapper {position:relative; padding-bottom:90px; *zoom:1;}
.company-history-wrapper:after{clear:both; display:block; content:"";}
.company-history-wrapper:before{position:absolute; top:19px; height:100%; width:1px; left:50%; background-color:#ddd; content:"";}
.company-history-wrapper:last-child:before{display:none;}
.company-history-info-box {position:relative; width:50%; }
.company-history-info-box::before{ position:absolute; top:8px; width:25px; height:25px;  background-color:#5ecbf5; border: 1px solid #5ecbf5; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content:""; opacity:0.2;}
.company-history-info-box::after{ position:absolute; top:16px; width:8px; height:8px; background-color:#5ecbf5; border: 2px solid #5ecbf5; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content:""; }
/* History :: 정보 */
.company-history-info .history-item{position:relative; font-size:24px; line-height: 1.6; letter-spacing: -0.5px; font-weight:300; color:#000; margin-bottom:20px; word-break:keep-all}
.company-history-info .history-month{position:absolute; top:1px; color:#222; font-weight:700; }
.company-history-info .history-txt{position:relative; display:inline-block; font-size:20px; color:#666;}
.company-history-year {position:absolute; top:-5px; text-align:center; font-size:50px; letter-spacing: -0.5px; color:#0c8fc3; font-weight: 900; }
/* History :: 이미지 */
.company-history-img-box{width:50%; margin-top:50px;}
.company-history-img-box span{display:inline-block;  border:1px solid #ddd;}
.company-history-img-box span img{max-width:100%;}

@media all and (min-width:801px){
	.company-history-wrapper:before,
	.company-history:before{width:2px; transform:translateX(-50%);}
	/* History :: 왼쪽 */
	.history-left .company-history-info-box{float:left;}
	.history-left .company-history-info-box::before,
	.history-left .company-history-info-box::after {left:100%; transform:translatex(-50%)}
	.history-left .company-history-info {text-align:right; padding-right: 50px;}
	.history-left .company-history-info .history-item{padding-right: 83px; }
	.history-left .company-history-info .history-month{right:0;}
	.history-left .company-history-info .history-txt{/* padding-right:15px; */ }
	.history-left .company-history-info .history-txt::before{right:0;}
	.history-left .company-history-year {left:100%; padding-left:70px;}
	.history-left .company-history-year:before{left:0}
	.history-left .company-history-img-box{float:right;}
	.history-left .company-history-img-box span{margin-left:60px}
	/* History :: 오른쪽 */
	.history-right .company-history-info-box{float:right; }
	.history-right .company-history-info-box::before,
	.history-right .company-history-info-box::after {right:100%; transform:translatex(50%)}
	.history-right .company-history-info {padding-left: 50px;}
	.history-right .company-history-info .history-item{padding-left: 83px;}
	.history-right .company-history-info .history-month{left:0;}
	.history-right .company-history-info .history-txt{/* padding-left:15px; */ }
	.history-right .company-history-info .history-txt::before{left:0;}
	.history-right .company-history-list-wrap .company-history-year {right:100%; padding-right:70px;}
	.history-right .company-history-list-wrap .company-history-year:before{right:0}
	.history-right .company-history-img-box{float:left; text-align:right;}
	.history-right .company-history-img-box span{margin-right:60px}
}

@media all and (max-width:800px){	
	.company-history-wrapper{padding-bottom:30px;}
	.company-history:before{height:73px; left:10px; top:-60px;}
	/* History :: Layout */
	.company-history-wrapper:before{left:10px; top:14px;}
	.company-history-info-box{width:auto; padding-left:120px}
	.company-history-info-box::before{top:4px; left:0; width:15px; height:15px; border-width:3px;}
	.company-history-info-box::after{top:11px;left:7px; width:5px; height:5px; border-width:1px; }
	/* History :: 정보 */
	.company-history-info .history-item{font-size:17px; padding-left:50px; margin-bottom:10px;}
	.company-history-info .history-txt{font-size:15px;}
	.company-history-info .history-month{left:0;}
	.company-history-info .history-txt:before{display:none;}
	.company-history-year{top:5px;font-size:18px; padding-left:30px; left:10px;}
	.company-history-year::before{width:20px; left:0; }
	/* History :: 이미지 */
	.company-history-img-box{width:auto; margin-top:20px}
	.company-history-img-box span{margin-left:120px;}
	/* History :: 이미지_텍스트 */
	.history-banner{padding:50px; margin-bottom:60px;}
	.history-banner .txt{font-size:21px;}
	.history-banner .txt strong{font-size:35px;}
}

@media all and (max-width:480px){
	.company-history-info-box{padding-left:40px;}
	.company-history-info{padding-top:40px}
}


/* 조직도 */
.organization section {border-bottom:1px dashed #ccc;}
.organ {font-size:20px; line-height:1.5; font-weight:500;}
.organ > ul {position: relative; display:flex;flex-direction: column; align-items: center; width:100%;}
.organ > ul > li  {position: relative; text-align:center; height:auto; padding:20px 80px; border-radius:10px;display:flex; justify-content: center; flex-direction: column;background:#fff;  margin-bottom:20px; }
.organ > ul > li:after{position: absolute;content: '';border: 1px solid #ccc; width:1px; height:150px;left: 50%;bottom:-150px; z-index:-1;}
.organ > ul > li:nth-child(1) {border:3px solid #21ade4;}
.organ > ul > li:nth-child(1) span {font-size:16px;}
.organ > ul > li:nth-child(2) {background:#426ab3; color:#fff; margin-top:10px; margin-right:530px; border:1px solid #426ab3;}
.organ > ul > li:nth-child(2):before {position: absolute;content: '';border: 1px solid #ccc;width:210px; height:1px;right:-210px;bottom:50%; z-index:-1;}
.organ > ul > li:nth-child(3) {border:2px solid #8ad4f1; margin-top:-92px; margin-left:530px;}
.organ > ul > li:nth-child(3):after,.organ > ul > li:nth-child(2):after, .organ > ul > li:nth-child(5):after {display:none;}
.organ > ul > li:nth-child(3):before{position: absolute;content: '';border: 1px solid #ccc;width:210px; height:1px;left:-210px;bottom:50%; z-index:-1;}
.organ > ul > li:nth-child(4) {background:#358ae9;color:#fff; margin-top:0; margin-bottom:50px; }

.organ > ul > li > ul {position: relative;display:flex; justify-content: space-around;padding-bottom:50px;}
.organ > ul > li > ul > li {position: relative; border:2px solid #426ab3; border-radius:30px; padding:15px 85px;}
.organ > ul > li > ul > li:after{position: absolute;content: '';border: 1px solid #ccc; width:1px; height:25px;left: 50%;top:-25px; z-index:1;}

.organ > ul > li > ul:nth-child(2) > li {border:2px solid #7eb4f1}
.organ > ul > li > ul:nth-child(2):after{position: absolute;content: '';border: 1px solid #ccc; width:1px; height:105px;right: 0;top:-128px; z-index:1;}
.organ > ul > li > ul:nth-child(2):before{width:100%; height:1px;left:14.1%;}

.organ_txt {margin-top:50px;}
.organ_txt h3 {position:relative; font-size:2.2rem; font-weight:bold; color:#222; padding-left:1.3rem; margin-bottom:2rem;}
.organ_txt h3:before {content:''; width:5px; height:5px; background:#21ade4; position:absolute; left:0; top:11px;}
.organ_txt p {font-size:1.4rem; color:#666;}
.organ_txt .bg_box {padding:3rem; background:#f7f7f7;}

.organ_list {margin-bottom:2rem; width:50%;}
.organ_list li {font-size:1.8rem; word-break:keep-all;}
.organ_list li span {display:inline-block; width:100px; color:#fff; font-weight:bold; padding:0.5rem 1.5rem; text-align:center; background:#21ade4; margin-right:1.5rem; border-radius:50px;}
.organ_list li span.opacity {opacity:0;}
.organ_list02 li span {background:#df4a4a;}


@media all and (max-width:1024px){
	.organ_list {width:100%;}
}

@media all and (max-width:768px){
	.organ > ul > li:nth-child(2) {margin-right:190px; margin-top:0;}
	.organ > ul > li:nth-child(3) {margin-left:190px;  margin-top:-80px;}
	.organ > ul > li:nth-child(2):before {right:-150px;}
	.organ > ul > li:nth-child(3):before {left:-150px;}
	.organ > ul > li:nth-child(2):before, .organ > ul > li:nth-child(3):before {width:150px;}
	.organ > ul > li:nth-child(4) {margin-bottom:40px;}
	.organ > ul > li:nth-child(5) {background:transparent;}
	.organ > ul > li {width:; padding:1.5rem 3rem; font-size:1.8rem;}
	.organ > ul > li > ul > li {padding:1.5rem 3rem;}
}

@media all and (max-width:420px){
	.organ > ul > li {width:200px;}
	.organ > ul > li:after {height:277px; bottom:-277px;}
	.organ > ul > li:nth-child(4):after{display:none;}
	.organ > ul > li > ul > li {width:200px;}
	.organ > ul > li > ul > li:after {display:none;}
	.organ > ul > li:nth-child(2) {margin-right:0; margin-top:0;}
	.organ > ul > li:nth-child(3) {margin-left:0;  margin-top:0;}
	.organ > ul > li:nth-child(2):before, .organ > ul > li:nth-child(3):before {display:none;}
	.organ > ul > li:nth-child(4) {margin-bottom:20px;}

	.organ_list li {font-size:1.6rem;}
	.organ_list li span {display:block; margin-bottom:10px;}
	.organ_list li span.opacity {display:none;}
}





/* 오시는길 */
.map_info {display: flex;flex-wrap: wrap;gap: 20px 0;background: #f9f9f9;padding: 30px;font-size: 1.2em;}
.map_info dl{width: 30%;display: flex;flex-wrap: wrap;flex-direction: row;gap: 0 10px;align-items: center;}
.map_info dl dt{color: #fff;padding: 10px;background: #21ade4;border-radius: 50px; min-width: 100px;text-align: center;}
.map_info dl:first-child{width:100%;border-bottom:1px dotted #555;padding-bottom:20px;}
.root_daum_roughmap .cont {display:none;}
.root_daum_roughmap_landing .border2 {display:block !important;}


/* 인사말 */
.greetings {min-height: 960px; position: relative; padding-bottom: 150px; overflow:hidden;}
.greetings .bg { position: absolute; left: 0; top: 160px; width: 100vw; height: 1200px; background: #f7f7f7; }
.greetings .wrap { display: flex; position: relative; }
.greetings .photo { position: relative; width: calc(50% - 90px); z-index: 1; }
.greetings .photo img { position: absolute; left: 0; top: 0; width: 420px; height: auto; aspect-ratio: 420 / 580; max-width: unset; box-shadow: 0 0 40px rgba(0, 0, 0, 0.3); }
.greetings .text { z-index: 1; width: calc(50% + 90px); position: relative; padding-top: 160px; }
.greetings .text .title { position: relative; z-index: 1; transform: translateY(-14px); margin-bottom: 45px;}
.greetings .text .title p { font-size: 50px; font-weight: 700; color: #222; line-height: 1.4; }
.greetings .text .message {  }
.greetings .text .message p { font-size: 18px; line-height: 1.75; margin-bottom: 30px; }
.greetings .text .message p:last-of-type { margin-bottom: 0; }
.greetings .text .from { margin-top: 55px; text-align: right; }
.greetings .text .from span { display: inline-block; font-size: 20px; font-weight: 500; margin-right: 25px; }
.greetings .text .from strong { display: inline-block; font-size: 25px; font-weight: 800; letter-spacing: 0.08em; }
.highlight { position: relative; width: fit-content; padding-right: 10px; }
.highlight::after {content:''; z-index:-1; position:absolute; left:-2px; bottom: 5px; width:0; height: 40%; /*height:28px;*/ background: #c9ebfc; transition: width .8s .3s ease-out; }
.highlight.on::after { width:100%; }


@media screen and (min-width:1px) and (max-width:768px) {
	.mo_none {display: none;}
	.greetings {height: auto; min-height: unset; padding-bottom: 100px; }
    .greetings .wrap {flex-direction: column; gap: 80px; }
    .greetings .bg { height: 1220px; display: none; }
    .greetings .photo { width: 100vw; }
    .greetings .photo img { width: 50%; }
	.greetings .text {padding-top:350px;}
    .greetings .text .title { margin-bottom: 25px; }
    .greetings .text .title p { font-size: 35px; }
    .greetings .text .message p { font-size: 16px; margin-bottom: 23px; }
    .greetings .text .from { text-align: left; }
    .greetings .text .from span { font-size: 18px; margin-right: 23px; }
    .greetings .text .from strong { font-size: 23px; }
}



/* 설립취지 */

.assistant {text-align: center; line-height:1.6; font-size:20px; margin-bottom:8rem; word-break:keep-all;}
.assistant > br {display: none; padding: 0;}

.list_basic { overflow:hidden; margin-bottom:10px; word-break: keep-all;}
.list_basic > li{ position:relative; color:#505050; line-height:150%;  margin-bottom:7px; padding-left:14px;  font-weight:300;}
.list_basic > li > .list_basic{margin:5px 0;}
.list_basic > li.no_bullet{ padding-left:0px; background:none !important; margin-top:5px; }
.list_basic > li.no_bullet:before{ display:none;}
.list_basic > li:before{ position:absolute; display:block; content:""; left:0;}
.lt01 > li:before{width: 4px;height: 4px;background:#1e6bc2;top: 11px;left:3px; border-radius:50%;}

.purpose h3 {font-size: 28px;padding: 10px 0; margin-bottom:20px; color: #252c66; line-height: 1.3; text-align:center; font-weight:bold;}
.found_list {overflow:hidden; margin:30px 0;}
.found_list li {position:relative; color:#252c66; line-height:150%; margin-bottom:7px; padding-left:14px; padding-bottom: 50px; text-align: center; padding-top: 205px; font-weight: 500; word-break: keep-all;}
.found_list li:nth-child(1) {background: url(/img/sub/foundation_img01.png) no-repeat top center;}
.found_list li:nth-child(2) {background: url(/img/sub/foundation_img02.png) no-repeat top center;}
.found_list li:nth-child(3) {background: url(/img/sub/foundation_img03.png) no-repeat top center;}
.found_list li:nth-child(3):after {display: none;}
.found_list li:after {position: absolute; display: block; bottom: 15px; right: 0; left: 0; content:"+"; font-size: 35px; font-weight: 300;}
.found_box .text > p {word-break:keep-all; font-size:18px; margin-bottom:20px;}

.found_box { padding: 30px; background: #f3f5fb;}
.found_box > h3 {margin-bottom: 20px;}
.found_box .text { padding-top: 320px; background: url(/img/sub/bg_foundation.png) center top no-repeat; word-break: keep-all;}
.found_box .text > p {text-align: center;}

@media all and (min-width:1024px){
	.found_box .text { padding-top: 0; padding-left:23%; background-position: left top; background-size:contain;}
	.found_box .text > p {text-align: left;}
}

@media all and (min-width:768px){
	.assistant > br {display: block;}
	.found_list li{ font-size:18px; float: left; width: 30%; margin-left: 1.5%; margin-right: 1.5%;}
	.found_list li:after {bottom: 50%;; right: -112%; font-size: 55px;}
}









.about-banner-wrap{position: relative; width:100%; height:0; padding-top:34%; margin-bottom:100px;}
.about-banner-wrap span{position: absolute; top:0; left:0; width:100%; height:100%; background:no-repeat center; background-image:url('/img/sub/greetings_img.jpg'); background-size:cover;}

.about-con01{margin-bottom:120px;}
.about-con01 .about-top-list{display: flex; align-items: center; margin-bottom:70px;}
.about-con01 .about-top-list:last-child{margin-bottom:0;}
.about-con01 .about-top-list dt{width:180px; height:180px; -webkit-border-radius:50%;border-radius:50%;}
.about-con01 .about-top-list dt span{display: block; width:100%; height:100%; background:no-repeat center;}
.about-con01 .about-top-list:nth-child(1) dt{background:#b30823;}
.about-con01 .about-top-list:nth-child(1) dt span{background-image:url('/img/sub/about_top_icon01.png');}
.about-con01 .about-top-list:nth-child(2) dt{background:#1055c2;}
.about-con01 .about-top-list:nth-child(2) dt span{background-image:url('/img/sub/about_top_icon02.png');}
.about-con01 .about-top-list:nth-child(3) dt{background:#219d7e;}
.about-con01 .about-top-list:nth-child(3) dt span{background-image:url('/img/sub/about_top_icon03.png');}
.about-con01 .about-top-list dd{width:calc(100% - 240px); margin-left:60px;}
.about-con01 .about-top-list dd .txt01{display: block; font-size:30px; line-height:1.5; letter-spacing:-0.5px; color:#000; font-weight:500; margin-bottom:10px;}
.about-con01 .about-top-list dd .txt02{font-size:18px; line-height:1.77; letter-spacing:-0.5px; color:#666;}

.sign {position:relative; }
.sign:before {content:''; width:120px; height:85px; position:absolute; right:0; bottom:0; background:url('/img/sub/sign.png') no-repeat; background-size:cover; opacity:0.5;}
.sign p {font-size:15px; text-align:right; font-weight:bold;}


@media all and ( max-width: 1024px ){
	.pc-br{display:none;}
}
@media all and (max-width:800px){
	.about-con01 .about-top-list{display: block; width:100%; margin-bottom:30px;}
	.about-con01 .about-top-list dt{margin:auto; margin-bottom:20px; width:140px; height:140px;}
	.about-con01 .about-top-list dt span{background-size:cover;}
	.about-con01 .about-top-list dd{width:100%; margin-left:0;}
	.about-con01 .about-top-list dd .txt01{font-size:20px;}
	.about-con01 .about-top-list dd .txt02{font-size:14px;}
	
	.about-banner-wrap{padding-top:280px; margin-bottom:50px;}
}
@media all and (max-width:480px){
	.about-con01 .about-top-list dt{width:100px; height:100px;}
}




/* 사업안내 */

.conts small {float:none; font-size:.944em; line-height:inherit; color:#555;}
.conts small[class*="mT"] {display:block;}


.conts .bullet {display:block; position:relative; padding-left:1.16em; font-size:1.05em; font-weight:700; color:#347DDD; background:url(/img/sub/bul_text.svg) no-repeat 0 .35em; background-size:.842em auto;}

.conts em,
.conts .em {color:#E4032E;}

.conts strong {font-weight:700;}

.conts a.link:not(.btn) {color:#1C3473; text-decoration:underline;}
.conts a.link:not(.btn)[target="_blank"]:after {content:""; display:inline-block; position:relative; vertical-align:middle; width:1.0526315789em; height:1.0526315789em; max-width:20px; max-height:20px; background:url(/img/sub/ico_blank.svg) no-repeat 50% 50%; background-size:contain; margin-left:5px;}


.conts .tip {color:#555;padding:0.5em;padding-left:1.58em; background:url(/img/sub/ico_table_guide.svg) no-repeat top .67em left 0; background-size:1.052631578947368em auto;}
.conts .tip + .tip{margin-top:-0.8em;}
.conts .tip.blue {color:#1C3473; padding-left:1.58em; background:url(/img/sub/ico_table_guide_blue.svg) no-repeat top .67em left 0; background-size:1.052631578947368em auto;}
.conts .tip.error {color:#E4032E; background-image:url(/img/sub/ico_tip_noti.svg);}

.conts .s-title {color:#1C3473; font-weight:700; font-size:1.3684em; margin-bottom:.689em;line-height:1.2;}
.conts .point {color:#1C3473;}
.conts .point2 {color:#E4032E;}
.conts .gray {color:#888;}

.conts .no-bul {padding-left:0 !important;}
.conts .no-bul:before {display:none !important;}

.conts h4,
.conts h5,
.conts h6 {display:block; position:relative; line-height:1.3em; margin-bottom:15px;}

.conts h4 {font-size:1.66em; font-weight:700; color:#222;}
.conts * ~ h4 {margin-top:1.6em;}
.conts h4 + h4 {margin-top:.8em;}
.conts .mh4	{margin-left:10px !important;}

.conts h5 {font-size:1.368em;font-weight:700;color:#004EA2;padding-left:.85em;}
.conts h5:before {content:""; display:block; position:absolute; top:.65em; left:0; width:.6154em; height:.6154em; max-width:16px; max-height:16px; background:url(/img/sub/bul_h5.svg) no-repeat 50% 50%; background-size:contain; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.conts * ~ h5 {margin-top:1.42857em;}
.conts h5 + h5 {margin-top:.7em;}
.conts h4 + h5 {margin-top:.71428em;}
.conts .mh5 {margin-left:24px !important;}

.conts h6 {font-size:1.263em;font-weight:700;color:#333;margin-left: 20px;padding-left:1em;}
.conts h6:before {content:""; display:block; position:absolute; top:.65em; left:0; width:.5em; height:.4em; max-width:18px; max-height:18px; background:url(/img/sub/bul_h6.svg) no-repeat 50% 50%; background-size:contain; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.conts * ~ h6 {margin-top:1.42857em;}
.conts h6 + h6 {margin-top:.7em;}
.conts h4 + h6,
.conts h5 + h6 {margin-top:.625em;}

.conts .mh6 {margin-left:45px;}

.business .img_wrap {margin-bottom:40px;}

@media all and (max-width:640px) {
	.conts h4,
	.conts h5,
	.conts h6 {margin-bottom:15px;}
	.conts h5 {margin-left:15px;}
	.conts h6 {margin-left:20px;}
	.conts .mh5 {margin-left:15px;}
	.conts .mh6 {margin-left:20px;}
}
@media all and (max-width:480px) {
	.conts h5 {margin-left:5px;}
	.conts h6 {margin-left:10px;}
	.conts .mh5 {margin-left:5px;}
	.conts .mh6 {margin-left:10px;}
}

.list-ul li,
.list-ol li {display:block; position:relative; line-height:1.5em; word-break:keep-all; color:#222;}
.list-ul li + li,
.list-ol li + li {margin-top:7px;}
.list-ul li li,
.list-ol li li {font-size:1em;}
.list-ul li li li,
.list-ol li li li {font-size:.9em; color:#333;}


.list-ul li {padding-left:.8em;}
.list-ul li li {padding-left:.64em;}
.list-ul li li li {padding-left:.706em;}

.list-ol li {padding-left:1.58em;}
.list-ol li li {padding-left:1.32em;}
.list-ol li li li {padding-left:1.47em;}

.list-ul li .list-ol > li {padding-left:1.58em;}
.list-ul li .list-ol > li li {padding-left:1.32em;}
.list-ol li .list-ul > li {padding-left:.8em;}

.list-ul,
.list-ol {margin:0;}

.list-ul + *,
.list-ol + * {margin-top:1em;}

* + .list-ul,
* + .list-ol {margin-top:.834em;}

.list-ul ul,
.list-ul ol,
.list-ol ul,
.list-ol ol {margin:.55em 0;}

.list-ul li:before {content:""; display:block; position:absolute; left:0; top:0; height:1.45em; background:no-repeat 0 50%; background-size:100% auto;}
.list-ul > li:before {width:.53em; max-width:10px; background-image:url(/img/sub/bul_ul_depth01.svg);}
.list-ul ul > li:before,
.list-ol ul > li:before {width:.264em; max-width:5px; background-image:url(/img/sub/bul_ul_depth02.svg);}
.list-ul ul ul > li:before,
.list-ol ul ul > li:before {width:1.126em; background-image:url(/img/sub/bul_ul_depth03.svg);}

.box-stepflow {overflow:hidden; opacity:0; transition:.3s all; -webkit-transition:.3s all; word-break:keep-all;}
.box-stepflow.complate {opacity:1;}
.box-stepflow.bak {padding:.57em 0; background:#F8FAFC;}
.box-stepflow.bak .stepflow {margin:0;}
.stepflow {display:block; position:relative; margin:0 -1.57em;}
.stepflow:after {content:""; display:block; clear:both;}
.stepflow > li {display:block; position:relative; padding:1em 1.57em; box-sizing:border-box; float:left; width:25%;}
.stepflow > li:before {content:""; display:block; position:absolute; top:50%; bottom:0; right:100%; width:1.8421em; height:1.8421em; margin-right:-.92105em; margin-top:-.92105em; border-radius:100%; background:url(/img/sub/ico_flow_arrow.svg) no-repeat 50% 50%; background-size:contain;}
.stepflow > li:last-child .item {border:2px solid #1C3473 !important;}
.stepflow > li:last-child .item .tit > * {color:#1C3473 !important;}

.stepflow.cols-5 > li {width:20% !important;}
.stepflow.cols-4 > li {width:25% !important;}
.stepflow.cols-3 > li {width:33.33% !important;}
.stepflow.cols-2 > li {width:50% !important;}
.stepflow.cols-1 > li {width:100% !important;}
@media all and (max-width:1024px) {
	.stepflow.ta-cols-5 > li {width:20% !important;}
	.stepflow.ta-cols-4 > li {width:25% !important;}
	.stepflow.ta-cols-3 > li {width:33.33% !important;}
	.stepflow.ta-cols-2 > li {width:50% !important;}
	.stepflow.ta-cols-1 > li {width:100% !important;}
}
@media all and (max-width:768px) {
	.stepflow > li {width:100%;}
	.stepflow > li:before {top:auto; bottom:100%; left:50%; margin-bottom:-.92105em; right:auto; margin-top:0; margin-left:-.92105em; transform:rotate(90deg); -webkit-transform:rotate(90deg);}
	.stepflow > li {padding-top:1.57em !important; padding-bottom:1.57em !important;}
	.stepflow > li:first-child {padding-top:1em !important;}
	.stepflow > li:first-child:before {display:none !important;}
	.stepflow > li .item .tit,
	.stepflow > li .item .con {height:auto !important;}
	.stepflow > li:before {top:auto; bottom:100%; left:50%; margin-bottom:-.92105em; right:auto; margin-top:0; margin-left:-.92105em; transform:rotate(90deg); -webkit-transform:rotate(90deg);}
	.stepflow > li .item {padding-bottom:2em;}
}

@media all and (max-width:640px) {
	.stepflow.mo-cols-5 > li {width:20% !important;}
	.stepflow.mo-cols-4 > li {width:25% !important;}
	.stepflow.mo-cols-3 > li {width:33.33% !important;}
	.stepflow.mo-cols-2 > li {width:50% !important;}
	.stepflow.mo-cols-1 > li {width:100% !important;}
}

.stepflow .item {display:block; position:relative; padding:1.5789em; z-index:0; text-align:center; border:1px solid #ddd; background:#fff;}
.stepflow .item .tit {display:table; width:100%; table-layout:fixed; font-weight:800; color:#000000;}
.stepflow .item .tit > * {display:table-cell; vertical-align:middle; text-align:center; box-sizing:border-box; line-height:1.4em; font-weight:800; color:#000; font-size:1.157em;}
.stepflow .item .con {position:relative; box-sizing:border-box;}
.stepflow .item .tit + .con {margin-top:.263em;}
.stepflow .item .tit.icon + .con {padding-top:.6em; border-top:none;}
.stepflow .item .con.mid {display:table; width:100%; table-layout:fixed;}
.stepflow .item .con.mid >  .cell {display:table-cell; vertical-align:middle;}

.box-stepflow.bak .stepflow .item {border-radius:10px; box-shadow:0 0 1.11112em 0 rgba(0,0,0,.05); border:none;}

.stepflow.descript > li {display:table; width:100% !important; table-layout:fixed; float:none !important; padding:2.1052631em 1.57em !important;}
.stepflow.descript > li:first-child {padding-top:1em !important;}
.stepflow.descript > li:last-child {padding-bottom:1em !important;}
.stepflow.descript > li:before {display:none !important;}
.stepflow.descript > li > * {display:table-cell; position:relative; vertical-align:middle;}
.stepflow.descript > li .item {width:18.88889em; padding-bottom:2em; box-sizing:border-box;}
.stepflow.descript > li .item .tit,
.stepflow.descript > li .item .con {height:auto !important;}
.stepflow.descript > li .item:before {content:""; display:block; position:absolute; top:100%; left:50%; width:1.9444445em; height:1.9444445em; margin:1.157em 0 0 -.97222225em; background:url(/img/sub/ico_flow_arrow.svg) no-repeat 50% 50%; background-size:contain; transform:rotate(90deg); -webkit-transform:rotate(90deg);}
.stepflow.descript > li:last-child .item:before {display:none;}
.stepflow.descript > li .desc {padding-left:2.22223em;}


.stepflow.ty2 .item .tit span {font-weight:600;}


.box-down {display:block; position:relative; overflow:hidden; border:1px solid #ddd; background:#fff;}
.box-down > p {font-size:1em; padding:1.666667em 1.111112em; box-sizing:border-box; color:#000; text-align:center;}
.box-down .ctrl {padding:1.111112em; text-align:center; background:#FFFCFC; border-top:1px dashed #ddd;}
.box-down .ctrl .btn {font-size:.84210526em; margin:.1em; border-color:#E4032E !important; color:#E4032E !important; background-color:#fff !important; padding:.315em .625em !important; line-height:1.5em !important;}
.box-down .ctrl .btn.icon {padding-left:1.95em !important; background-position:top 50% left .625em !important;}
.box-down img{display:block;padding-top:20px;}

.box-down.horiz > p {font-size:1.15789em; padding:1.258em 1.3636em; min-height:0; margin-right:8.42em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:800; text-align:left;}
.box-down.horiz.ty2 > p {margin-right:4.42em;}
.box-down.horiz .ctrl {position:absolute; top:-1px; right:-1px; bottom:-1px; padding:0; border:none; background:transparent;}
.box-down.horiz .ctrl .btn {font-size:1em; padding:0; margin:0; float:left; min-width:4.21em; height:100%; border-radius:0;}
.box-down.horiz .ctrl .btn + .btn {margin-left:-1px;}
.box-down.horiz .ctrl .btn.icon {text-indent:-999px; overflow:hidden; background-position:50% 50% !important; background-size:1.666667em auto !important; padding:0 !important;}
.box-down.horiz .ctrl .btn.normal {border-color:#C7CCDD !important;} 
.box-down.horiz .ctrl .btn:hover {background-color:#fff  !important;}
.box-down.horiz .ctrl .btn.icon.down {background-image:url(/img/sub/down.svg); background-repeat: no-repeat;}






/* 제품소개 */
.prodcut_table th{background:#f7f8fa; font-size:16px;}
.prodcut_table table tr  {border:1px dotted #ddd;}
.prodcut_table table tr th{border:1px dotted #ddd;}
.prodcut_table table tr td{border:1px dotted #ddd;}
.prodcut_list_box.prodcut_table > p{font-size: 1.7em; font-weight: 500;padding-top:50px; text-align:left;}
.prodcut_table tbody tr{background:#fff;}
#info_th th:last-child{border-right:0;}
.product_top{display:flex; justify-content:center;}
.product_top_column{display:flex; justify-content:center;}
/* 이미지 3개 정렬*/
.product_top_column_2{display:flex; justify-content:center;}
/* 이미지 2개 정렬*/
.product_top > div{width:50%;}
.product_top > ul{width:50%;}
.product_top_left{display:flex;}
.product_top_left > div {width:50%;}
.product_top_left > div img {width:100%;}


/*제품소개 반응형 */



/* 품질경영시스템 */
/* 생산설비 */
.prodcut_table table  tbody th:first-child,
.prodcut_table table tbody td:first-child {
	border-left: 0 !important;
}
.prodcut_table table th:last-child,
.prodcut_table table td:last-child {
	border-right: 0 !important;
}

.prodcut_table h3 {font-size: 27px;font-weight: 600;margin-bottom: 20px;}
.prodcut_table table{border-top:2px solid #333;text-align: center;font-size: 17px;letter-spacing: -1px; height:100%;  }
.prodcut_table table th, .prodcut_table table td{padding:10px;}


@media screen and (max-width:1300px){
    .prodcut_table{overflow-x: auto; width:100%; overflow-y: hidden;}
}
@media screen and (max-width:600px){
    .mo{display: block;}
}
@media screen and (max-width:900px){
    .mo_resp_900{display: block;}
}
@media screen and (max-width:1000px){
    .mo_resp_1000{display: block;}
}
@media screen and (max-width:500px){
    .mo_resp_563{display: block;}
}
@media screen and (max-width:400px){
    .mo_resp_400{display: block;}
}


/* ---제품정보--- */

/* 재질 */
.texture_box {margin-bottom:30px;}
.texture_box ul {margin-top:10px;}
.texture_box ul li {font-size:18px; color:#666; word-break:keep-all; margin-bottom:5px;}




/* ---품질정보--- */

/* 인증현황 */
.cer_gallery {display:flex; justify-content: flex-start; gap:20px 2%; flex-wrap:wrap;}
.cer_gallery > div {width:calc(94% / 4); text-align:center; box-sizing:border-box; border:1px solid #e0e0e0; transition:0.5s;}
.cer_gallery > div:hover {border:1px solid #0c8fc3;}
.cer_gallery > div p {color:#666; font-size:16px; letter-spacing:-1px; padding:15px 10px; background:#fff; box-sizing:border-box; border-top:1px solid #e0e0e0; transition:0.5s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 
100%; text-align:center;}
.cer_gallery > div:hover p {background:#0c8fc3; color:#fff; font-weight:600; border-top:1px solid #0c8fc3;}

.mfp-bottom-bar {margin-top:-25px !important;}
.mfp-title {text-align:center !important;}

@media screen and (max-width:640px){
	.cer_gallery > div {width:calc(94% / 2);}
}




/* 검사설비 */
.test_wrap {margin-bottom:70px; align-items:center;}
.test_wrap.right .txt {order:-1; margin-left:0; margin-right:5%;}
.test_wrap .img {width:50%; border:2px solid #eee;}
.test_wrap .txt {width:45%; margin-left:5%;}
.test_wrap .txt ul {margin-top:15px; display:none;}
.test_wrap .txt ul li {font-size:18px; margin-bottom:10px; word-break:keep-all;}
.test_wrap .txt ul li span {font-weight:bold; vertical-align:baseline;}

@media screen and (max-width:800px){
    .test_wrap.right .txt {order:1; margin-right:0;}
	.test_wrap .img {width:100%; margin-bottom:10px;}
	.test_wrap .txt {width:100%; margin-left:0;}
}

@media screen and (max-width:420px){
	.test_wrap {margin-bottom:30px;}
    .test_wrap .txt ul li {font-size:16px;}
}












/* 품질경영조직 */
.sub0203_margin{display:flex; justify-content:center; align-items:center; margin-top:60px;}


/* 품질경영시스템 */



/* 유성벤드 */

/* 유성벤드 반응형 style_resp 974로 옮김*/

.sub0201_align{display:flex; gap:50px; height:500px;}
.sub0201_align .sub0201bg {width:calc((100% - 50px) / 2.5); height:100%; background:url('/img/sub/sub/sub02_01_bg.jpg') no-repeat center center; background-size:cover;}
.sub0201_align .prodcut_table{width:calc((100% - 50px) / 1.5);}
.sub0201_table{ height:100%;}


/*영업품목*/ 

.table_left_align p {text-align:left; display:flex; justify-content:center; line-height:1.5;}


/*영업품목*/ 



/* ----제조공정---- */
/* 제조설비 */

.fa_slide_wrap {margin-top:70px;}
.fa_slide_wrap .facility_slide {margin-top:20px;}
.facility_slide .slick-slide {margin:0 10px;}
.facility_slide p {text-align:center; font-size:18px; font-weight:600; color:#333; margin-top:15px;}

/* 제조공정 */
.pl-ma-listcontain { padding-bottom:100px; }
.pl-ma-listcontain ul { font-size:0; text-align:center; }
.pl-ma-listcontain ul li { position:relative; display:inline-block; vertical-align:top; text-align:center;  }
.pl-ma-listcontain ul.w5 li {width:22%; margin-right:3.75%; }
.pl-ma-listcontain ul li:after { content:''; position:absolute; right:-21%; top:0;  width:21%; height:100%; background:url("/img/sub/arrow_btt_ri.png") no-repeat 50% 93px; }
.pl-ma-listcontain ul.w5 li:nth-of-type(4n) { margin-right:0; }
.pl-ma-listcontain ul.w5 li:nth-of-type(4n):after { content:none;  }
.pl-ma-listcontain ul li img { max-width:100%; }
.pl-ma-listcontain ul li div { padding-top:10px; padding-bottom:60px;  }
.pl-ma-listcontain ul li div u { text-decoration:none;  display:inline-block;  width:30px; height:30px; line-height:30px; border-radius:50%; background-color:#222; font-size:15px; color:#fff; font-family: 'Montserrat'; font-weight:600; }
.pl-ma-listcontain ul li div p { font-size:16px; color:#666; padding-top:15px; text-align:center; letter-spacing:-1px; word-break:keep-all;}
.pl-ma-listcontain ul li div p span { display:block; font-size:18px; color:#222; font-weight:500;text-align:center; padding-bottom:5px; }
.pl-ma-listcontain ul li div p b { font-weight:400; color:#222; }
.pl-ma-listcontain ul.w5 li:nth-of-type(5):before, .pl-ma-listcontain ul.w5 li:nth-of-type(9):before { content:''; position:absolute; left:-21%; top:0;  width:21%; height:100%; background:url("/img/sub/arrow_btt_ri.png") no-repeat 50% 93px;}
.pl-ma-listcontain ul.w5 li:last-of-type:after { content:none;  }

@media screen and (max-width:1300px){
	.mak-container { padding-left:50px; padding-right:50px;  }
}
@media screen and (max-width:980px){
	.pl-ma-listcontain ul.w5 li { width:28%; margin-right:4%; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(4n) { margin-right:4%; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(3n) { margin-right:0; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(4n):after { content:'';  }
	.pl-ma-listcontain ul.w5 li:nth-of-type(4n):after ,
	.pl-ma-listcontain ul.w5 li:last-of-type:after { content:none;  }

	.pl-ma-listcontain li:nth-of-type(6):before { content:none;  }

	.pl-ma-listcontain ul.w5 li:nth-of-type(6):before { content:none;  }
}
@media screen and (max-width:800px){
	.pl-ma-listcontain ul.w5 li { width:31%; margin-right:3.5%; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(5n) ,
	.pl-ma-listcontain ul.w5 li:nth-of-type(4n) { margin-right:3.5%; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(3n) { margin-right:0; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(5n):after ,
	.pl-ma-listcontain ul.w5 li:nth-of-type(4n):after { content:'';  }
	.pl-ma-listcontain ul.w5 li:nth-of-type(3n):after ,
	.pl-ma-listcontain ul.w5 li:last-of-type:after { content:none;  }

	.pl-ma-listcontain ul li:after { right:-10%; width:10%;  }
}
@media screen and (max-width:640px){
	.mak-container { padding-left:20px; padding-right:20px; padding-top:50px; }
	.mak-container .sb-title-subject  { padding-bottom:30px;  }
	.pl-ma-listcontain { padding-bottom:40px; }

	.pl-ma-listcontain ul.w5 li { width:47%; margin-right:4%; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(5n) ,
	.pl-ma-listcontain ul.w5 li:nth-of-type(4n) ,
	.pl-ma-listcontain ul.w5 li:nth-of-type(3n) { margin-right:4%; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(2n) { margin-right:0; }
	.pl-ma-listcontain ul.w5 li:nth-of-type(5n):after ,
	.pl-ma-listcontain ul.w5 li:nth-of-type(4n):after ,
	.pl-ma-listcontain ul.w5 li:nth-of-type(3n):after { content:'';  }
	.pl-ma-listcontain ul.w5 li:nth-of-type(2n):after { content:none;  }

	.pl-ma-listcontain ul.w5 li:last-of-type:after { content:none;  }

	.pl-ma-listcontain ul.w5 li:after { right:-10%; width:10%;  }

	.pl-ma-listcontain ul li div p span { font-size:16px;}
	.pl-ma-listcontain ul li div p { font-size:15px;  }

	.pl-ma-listcontain ul.w5 li:after { background-size:6px 10px; background-position:50% 19vw; }
	.pl-ma-listcontain ul li img { width:80%; }
	.pl-ma-listcontain ul li div u { width:23px; height:23px; line-height:23px; font-size:13px;  }

	
}