@charset "utf-8";
/* 공통 클래스 */
.mo{display: none;}
.mo2{display: none;}
.pc{display:block}
/* 공통 클래스 */
figure img{width:100%;height:auto}
 /*서브비주얼*/
#sidebar > div{width: 100%;}
.sVisual > div {position: relative;display: flex;flex-wrap: wrap;align-items: center;    padding-top: 5%;}
.sVisual > div p { text-align: left; font-size: 60px; color: #fff; font-weight: 600;}
#sidebar .home {width: 65px;height: 65px;float: left;background: url('../img/sub/ic_home.png') no-repeat center center / 30%; font-size: 0;border-left: 1px solid #eee;border-right: 1px solid #eee;}
#sidebar .snb > .over:after {position: absolute; top: 50%;right: 10px;margin-top: -4px;width: 10px;height: 6px;content: '';background: url('../img/sub/snb_arr.png') no-repeat;}
#sidebar .snb.snb2 > .over:after {background: url('../img/sub/snb_w.png') no-repeat;}
/* 회사소개 */
/* 회사소개 */
.intro{padding-bottom:100px}
.intro_box {width: 87%;max-width:none;display: flex;flex-wrap: wrap;flex-direction: column;margin-left: auto}
.intro_box .greetings_img{display: block;max-width: inherit;background:#eee;width:100%;height:auto;aspect-ratio:9/2}
.intro_box .greetings_img img{width:100%;height:100%;object-fit:cover}
.greetings_txt {clear: both;width: 100%;float: left;margin-bottom: 60px;    margin-top: 60px;}
.greetings_txt p {margin-bottom: 60px;font-size: 1.3em;line-height: 1.5;word-break: keep-all;/*font-weight: 300;*/}
.greetings_sign {clear: both;width: 100%;float: left;text-align: right;}
.greetings_sign span {display:inline-block;text-align:center;font-size: 30px;font-weight: 500;line-height: 1.1;color: #26247b;}
/* 회사소개 */
/*인사말*/
.greetings {}
.greetings_txt .wrap{display:flex;flex-wrap:wrap;justify-content:space-between}
.greetings_txt .wrap h2{width:20%;    word-break: keep-all;}
.greetings_txt .wrap h2::before{content: open-quote;    display: block;    line-height: 10px;vertical-align: middle;}
.greetings_txt .wrap h2::after{content: close-quote;    display: block; line-height: 1.3;vertical-align: middle;}
.greetings_txt .wrap p{width:70%;    word-break: keep-all;}

/*연혁*/
.history_box{position:relative;padding:60px 0;}
.history_box:after{content:"";display:block;width:1px;height:100%;background:#e8e8e8;position:absolute;top:0;left:50%;transform:translateX(-50%);}
.his_cont{ margin-bottom:30px;}
.his_cont:after{content:""; display:block; clear:both;}
.his_cont > div{width:50%; box-sizing:border-box;}
.his_cont > div:after{content:""; display:block; clear:both;}
.his_cont > div.right{clear:both;float:right; padding-left:40px;}
.his_cont > div h3{font-size: 30px !important;color: #211f78;font-weight: 500;margin-bottom: 30px;line-height: 1.1;position: relative;letter-spacing: -1px;}

.his_cont > div.right h3:after{content:"";display:block;width:12px;height:12px;background:#211f78;border-radius:50%;position:absolute;top:50%;left:-46px;z-index:100;transform:translateY(-50%);}

.his_cont > div.left h3:after{content:"";display:block;width:12px;height:12px;background:#211f78;border-radius:50%;position:absolute;top:50%;right:-46px;z-index:100;transform:translateY(-50%);}
.his_cont > div ul li{margin-bottom:17px;}
.his_cont > div ul li:after{content:""; display:block; clear:both;}
.his_cont > div ul li span{display:block; width:15%; float:left;font-size: 17px;font-weight: 400; }
.his_cont > div ul li span.same_date{height:21px; }
.his_cont > div ul li p{width:85%; float:left; line-height: 1.6;font-weight: 200;}
.his_cont > div ul li p strong{font-weight:600 !important; }

.his_cont > div.left{clear:both;text-align:right; padding-right:40px;}
.his_cont > div.left ul li span{float:right; margin-right:0;}
.his_cont > div.left ul li p{float:right;}
/*연혁*/




/* 조직도   */
.organ_box{margin-bottom:10%}

.mrt_table table{width:100%;background:rgba(0, 0, 0, 0.01);border-bottom:2px solid #ddd;border-left:1px solid #fff;border-right:1px solid #fff}
.mrt_table table td, .mrt_table table th{padding:1.3em 0;text-align:center}
.mrt_table table th{background:#333;color:#fff;    border-left: 1px dotted #fff;}
.mrt_table table td{border-left:1px dotted #ddd;border-right:1px dotted #ddd;border-bottom:1px dotted #ddd}

/* 조직도   */


/* 인증서 */
.certi_wrap{display:grid;    grid-template-columns: 1fr 1fr 1fr 1fr;width: 100%;gap:2em}
.certi_wrap dl dt{font-size:1.3em; padding:30px 0; font-weight:500;border-bottom:2px solid #333; margin-bottom:20px }
.certi_wrap dl dd figure{width:100%;height:auto;aspect-ratio: 323 / 457;border:1px solid #eee;box-sizing:border-box}
.certi_wrap dl dd figure img{width:100%;height:100%; object-fit: cover;}
.certi_wrap dl a{font-size:20px; width:100%; border:1px solid rgba(0,0,0,0.3); color:#fb0304 !important; padding:10px 20px; border-radius:5px; text-align:center;}
.certi_wrap dl a:hover{border:1px solid rgba(0,0,0,0); background:#666; color:#fff !important;}

/* 240425 오지훈 인증현황 추가작업 (텝메뉴 삭제요청) */
.sub0104_wrap dl {margin-bottom:100px;}
.sub0104_wrap dl:last-child{margin-bottom:0px !important;}
.sub0104_wrap dt{font-size:30px; padding-bottom:30px; font-weight:500; display:flex; justify-content: center; border-bottom:2px solid #333; margin-bottom:20px;}
.sub0104_wrap dt span{line-height:1.5; word-break:keep-all !important; text-align:center;}
.sub0104_wrap ul{display:flex; flex-wrap:wrap; gap:50px;}
.sub0104_wrap ul li img{width:100%; border:1px solid rgba(0,0,0,0.1);}

.sub0104_wrap ul li {width:calc((100% - 100px) / 4);}

/* 240513 오지훈 인증현황 추가작업 (벤치마킹.성광밴드) */
.sub0104_wrap ul li .txt_box{padding:10px;}
.sub0104_wrap ul li .tittle_iso p{font-weight:700; }
.sub0104_wrap ul li .tittle_line {border-bottom:1px solid rgba(0,0,0,0.4);}

.txt_box{text-align:center;}
.tittle_dec{text-align:center; font-size:14px !important; letter-spacing:-1px;}

/* 인증서 */


/* 사업소개 */
.process_cont h3 {font-size: 1.5em;margin-bottom: 1em;}
.process_list_wrap {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 1em;}
.process_list_wrap.first {margin-bottom:2em}
.process_list_wrap.white .process_list{background:#fff}
.process_list_wrap.white .process_list:after{border-left: 20px solid #fff;}
.process_list {width: calc(100% / 5 - 2em);background: #f7f7f7;position:relative;    min-height: 55px;display: flex;flex-wrap: wrap;justify-content: center;text-align: center;align-items: center;padding: 10px;word-break:keep-all}
.process02 .process_list {width: calc(100% / 3 - 2em);background: #f7f7f7;position:relative;    min-height: 55px;display: flex;flex-wrap: wrap;justify-content: center;text-align: center;align-items: center;padding: 10px;}
.process_list:after{position:absolute;top:33%;right:-15px;width: 0px;height: 0px;border-top: 10px solid transparent; border-left: 20px solid #f7f7f7; border-bottom: 10px solid transparent; content:"";display:block}
.process_list.last:after{display:none}
.process_list ul li:first-child{margin-bottom:5px}
.process_list ul li b{ font-size: 1.2em;font-weight: bold;color: #fff; border-radius: 50%;width: fit-content;padding: 5px;height: auto;aspect-ratio: 1 / 1;display: block; background: #ed145a; margin: 0 auto;}
.process_list ul li span{font-size:1.2em}


/*사업소개 공통 */
.service_box .wrap p{font-size:1.2em;    margin-bottom: 5%;    word-break: keep-all;line-height: 1.5;}
.service_box .wrap p:last-child{margin-bottom: 0;}
.service_box .wrap p b{font-weight:bold;font-size:1.5em;position:relative;    display: block;}
.service_box .wrap p b::before{content: ""; display: block;position: absolute;width: 15px;height: auto;aspect-ratio: 1 / 1;background: #b3b1f1;transform: rotate(45deg); z-index: -1;left: -5px;bottom: 0.7em;border-radius: 22%;}
.bg{background:#f7f7f7;margin: 5% 0;padding:5% 0; }
.bg.bottom_zerro{margin-bottom:0}
.bg .wrap p{   word-break: keep-all;}
.graphic_wrap{display:grid;    grid-template-columns: auto auto;}
.graphic_wrap figure{width:60%;height:auto;}
.graphic_wrap ul{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1em}
.graphic_wrap ul li{background: #fff;padding: 10px;width:calc(100% / 5);border-radius: 1em;box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.1);text-align:center;;transition:0.5s}
.graphic_wrap ul li:hover{background:#26247b;color:#fff;transition:0.5s}
/* 삼국무역*/

/* 오시는길 */
.map{width:100%;height:auto;aspect-ratio: 5 / 2;}
.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: #211f78;border-radius: 50px; min-width: 100px;text-align: center;}
.map_info dl:first-child{width:100%;border-bottom:1px dotted #555;padding-bottom:20px;}



/* 고객서비스 */
/* 견적안내 */
.inquiry_txt {position:relative;padding: 3em;border-radius: 2em;background:url('../img/sub/sub04_bg.png')no-repeat center center/cover;;}
.inquiry_txt h4{text-align:center;font-size:2em;margin-bottom:1.3em;    text-shadow: 0 0 30px rgba(0, 0, 0, 0.3);color:#fff}
.inquiry_txt ul{display:flex;flex-wrap:wrap;justify-content:center;    gap: 2em;}
.inquiry_txt ul li{font-size:1.2em;width:60%;padding: 2em;border: 1px solid #ddd;border-radius: 1em;text-align: center;background: rgba(255, 255, 255, 0.7);backdrop-filter: blur(5px);}
.inquiry_txt ul li i{width:40px;height:auto;display:inline-block;    margin-right: 1em;}
.inquiry_txt ul li i img{width:100%;height:auto}

/* Contact Us */
.contact_list_wrap > ul{display:flex;flex-wrap:wrap;gap:2em;    justify-content: center}
.contact_list_wrap > ul > li{width:70%;border:1px solid #eee;    border-radius: 1em 0;padding:5em;    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.04);}
.contact_list_wrap > ul > li figure{width:70px;height:auto;aspect-ratio:1/1;background:#eee;border-radius:50%;margin: -12vh auto 2em;overflow:hidden;border: 1px solid #eee;}
.contact_list_wrap > ul li p{padding-bottom:1.3em}
.contact_list_wrap > ul li p b{font-size:1.6em;font-weight:bold}
.contact_list_wrap > ul li p span{display:inline-block;padding:10px;border-radius:3em;background:#333;color:#fff}
.contact_list_wrap ul li ul li{ font-size: 1.2em;line-height: 1.2;padding-bottom: 1em;} 
/* 고객서비스 */


@media (max-width:1440px){
	.intro_box {width: 96%;display: flex;flex-wrap: wrap;flex-direction: column;margin:0 auto}
	.sVisual > div{align-items: end;padding-bottom: 5%;padding-top:0}
	.sVisual > div p { font-size: 3em; }
}
@media (max-width:1200px){
	.sVisual > div p { font-size: 2.5em; }
}

@media (max-width:1080px){
	.mo{display: block;}
	.pc{display:none}
	.sVisual{aspect-ratio: 5 / 1.5;}
	.sVisual > div p { font-size: 2.2em; }
	.con_wrap h2{font-size:2em;margin-bottom:10%}
	.greetings_txt {margin:5% 0;}
	.greetings_txt p{font-size:1.2em}
	.greetings_sign span{font-size:1.5em}
	.intro{padding-bottom:10%}

	.his_cont > div {width: 100%;}
	.his_cont > div.left h3:after {left: -46px;z-index: 100;transform: translateY(-50%);}

	.his_cont > div.left {clear: both;text-align: left;padding-right: 0;padding-left: 40px;}
	.his_cont > div.left ul li span {float: left;margin-right: 0;}
	.history_box:after {left:0;}
	.his_cont > div ul li p {word-break:keep-all;}
	.history_box {padding:60px 0 0 0;}

	.certi_wrap{display:grid;    grid-template-columns: 1fr 1fr 1fr;}

	.inquiry_txt ul li{width:100%}

}
@media (max-width:1024px){
	.greetings_txt .wrap h2{width:100%;}
	.greetings_txt .wrap h2::before, .greetings_txt .wrap h2::after{line-height:1;display:inline;vertical-align: baseline;}
	.greetings_txt .wrap p{width:100%}
	.process_list{width:calc(100% / 3 - 2em)}
	.process_list.last:after{display:block}
	.process_list.last.end:after{display:none}
	.process02 .process_list {width: calc(100% / 2 - 1em);}

	/* Contact Us */
	.contact_list_wrap > ul > li{width:90%;border:1px solid #eee;    border-radius: 1em 0;padding:3em;    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.04);}
	.contact_list_wrap > ul > li figure{margin: -9vh auto 2em;}	
}
@media (max-width:768px){
	.sVisual > div p { font-size: 2em; }
	
	.certi_wrap{display:grid;    grid-template-columns: 1fr 1fr;}

	.process_list{width:calc(100% / 2 - 1em)}

	.inquiry_txt h4{font-size:1.4em;word-break:keep-all;}
	.inquiry_txt ul li{padding:1em;font-size:1em}
	.inquiry_txt{padding:2em 1.2em}

	/* Contact Us */
	.contact_list_wrap > ul > li{width:95%; border-radius: 1em 0;padding:2em;}
	.contact_list_wrap > ul > li figure{margin: -7vh auto 2em;}	


}
@media (max-width:650px){
	.intro_box .greetings_img{aspect-ratio: 7 / 3;}
	.greetings_txt p{font-size:1em}
	.greetings_sign span{font-size:1.2em}
	.process_list.last:after{display:none}
	.process_list:after{display:none}
	.graphic_wrap{display:flex;flex-wrap:wrap;justify-content:center;        gap: 2em;}
	.graphic_wrap figure{width:50%}
	.service_box .wrap p{font-size:1em}
	.graphic_wrap ul li{width:calc(100% / 3 - 1em)}
	.mo2{display: block;}
	td.tdtell:before{display:inline-block;content:"📞";}
	td.tdfax:before{display:inline-block;content:"📠"}
	.mrt_table thead{display:none}
	.mrt_table tbody tr td{display:flex;flex-wrap:wrap;flex-direction:column;}
	.mrt_table tbody tr td:first-child{background:#333;color:#fff;}
}

@media (max-width:460px){
	.intro_box .greetings_img{aspect-ratio: 5 / 3;}
	.certi_wrap{display:grid;    grid-template-columns: 1fr;}
	.graphic_wrap ul li{width:calc(100% / 2 - 1em)}
}
@media (max-width:350px){
	.his_cont > div.left h3:after, .his_cont > div.right h3:after {display:none}
	.his_cont > div.left, .his_cont > div.right{padding-left: 10px;}
	.history_box:after{display:none}
}