@charset "utf-8";

/* gray_box */
.gray_box { background:#f3f3f3; text-align:center; padding:40px; }
@media all and (max-width:1600px) {
	.gray_box { width:94%; padding:3%; }
	.gray_box img { width:100%; }
}
@media all and (max-width:767px) {	
	.gray_box { width:94%; padding:3%; }
}

/* ÄÜÅÙÃ÷ »ó´Ü ºñÁÖ¾ó */
.meta .org_top {position:relative; background:url("../../imgs/2023/meta_top.png") no-repeat center center; background-size:cover; height:295px; text-align:center;}
.meta .org_top ul li { font-size:20px; }
.org_top ul li.li_big { font-size:25px; }

/* Æ÷Æ®Æú¸®¿À ÅÇ */
.table_tab {width:100%; border-bottom:1px solid #d6d6d6; margin:0 0 20px;}
.table_tab ul li {float:left; width:20%; text-align:center; line-height:50px; border-left:1px solid #d6d6d6; box-sizing: border-box; border-right:1px solid #d6d6d6; border-top:2px solid #d6d6d6; background:#f0f0f0; font-size:19px; font-family: "Noto Sans KR"}
.table_tab ul li a {color:#5d5d5d; display:inline-block;}
.table_tab ul li:first-child { border-left:1px solid #d6d6d6; }
.table_tab ul li.on:last-child {background:#fff; border-top:2px solid #3c89d6; color:#000; box-sizing: border-box; }
.table_tab ul li.on:first-child {background:#fff; border-top:2px solid #3c89d6 !important; color:#000; box-sizing: border-box; border-left:1px solid #d6d6d6; }
.table_tab ul li {border-left:none;}

@media all and (max-width:767px) {
	.table_tab {width:100%; border-bottom:none;}
	.table_tab ul li {float:none; width:100%; }
	.table_tab ul li:last-child {border-left:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; border-top:1px solid #d6d6d6;}
	.table_tab ul li:first-child {border-left:1px solid #d6d6d6; border-top:1px solid #d6d6d6;}
}

/* ÀÎ»ç¸» */
.greet .m_tit{font-family:"Iropke Batang"; font-size:28px; font-weight:600; color:#222; text-align:left; letter-spacing:0em; margin-bottom:20px;}
.greet .m_tit span{font-family:"NanumSquare"; font-size:40px; display:block;}
.greet .greet_in{margin-top:70px; width:100%;}
.greet_l{position:relative; float:left; background:url("../../imgs/2023/greet.png") no-repeat center bottom; width:370px; height:449px;}
.greet_l ul{position:absolute; right:0; top:62px; z-index:10;}
.greet_l ul li{background:#fff; height:50px; padding-top:12px; text-align:center; font-size:22px; width:220px;}
.greet_l ul li.b_c{color:#fff; background:#16729f;}
.greet_r{float:right; padding:40px 0 0 4%; width:70%; word-break:keep-all;}
@media all and (max-width:1600px) {
	.greet_l { width:25%; background-size: cover; }
	.greet_r { padding: 0 0 0 4%; }
}
@media all and (max-width:767px) {
	.greet_l { width:100%; background-size: cover; height:150px; margin-bottom:20px; }
	.greet_r { padding: 0; width:100%; font-size:14px;}
	.greet .m_tit { font-size:16px; }
	.greet .m_tit span { font-size:18px; }
}


/* ¿¬Çõ */
h3{font-size:32px; color:#00a3f3; background:url("../../imgs/contents/his_line.gif") no-repeat right 50px; height:60px; margin-top:30px;}
h3.h_r{background:url("../../imgs/contents/his_line.gif") no-repeat left 50px;}

.history .tabContent div h3 { }
/*.history{margin:0 auto; text-align:center; background:url("../../imgs/contents/his_dote.png") no-repeat center bottom;}
.history ul li strong{color:#00a3f3; margin-right:10px; font-weight:normal;}
.his{float:left; text-align:right; padding-right:3%; width:47%; background:url("../../imgs/contents/his_bg.png") repeat-y right 0px;}
.his2{float:right; text-align:left; padding-left:3%; width:47%;}
.minHe{min-height:300px}
.history .tabContent { float:left; border-left:1px solid #ddd; padding:70px 0 70px 60px; width:60%;}
.history .tabContent div { margin-bottom:60px; display:flex; }
.history .tabContent h3 { width: 20%;text-align:left; position:relative; color:#f1981d; font-size:36px; font-weight:800; display:inline-block; margin-top:0; vertical-align:top;}
.history .tabContent h3:before { content:''; position:absolute; top:0;left:-76px; width:18px; height:18px; background:#fff; border-radius:100px; border:6px solid #fcead2; }
.history .tabContent ul {  display:inline-block; width:80%;}
.history .tabContent ul li { margin-bottom:20px; display:flex; }
.history .tabContent ul li strong { color:#000; font-weight:800; margin-right:30px;width: 5%; }
.history .tabContent ul li span { width:95%; }
.history .org_top{position:relative; background:url("../../imgs/2023/history.png") no-repeat center center; background-size:cover; height:295px; text-align:center;}*/
@media all and (max-width:880px) {
	.history .tabContent { float:none; border-left:1px solid #ddd; padding:70px 0 70px 3%; width:97%; border:0;}
	.history .tabContent h3:before { display:none; }
	.history .mn_category1 li { width:33.3%; }
}
@media all and (max-width:767px) {
	.history .tabContent { display:block; padding:10px 0 0 0;}
	.history .tabContent h3 { width:15%; font-size:18px; height:auto; margin:0 0 10px 0;}
	.history .tabContent ul li { margin:0 0 5px 0; }
	.history .tabContent ul li strong { font-size:14px;}
	.history .tabContent ul li span { font-size:14px;}
	.history .tabContent div { margin-bottom:20px }
	.history .org_top{height:150px;}
}
@media all and (max-width:480px) {
	.history .tabContent div { display:grid; }
	.history .tabContent ul	{ width:100%; }
	.history .tabContent ul li { width:100%; }
	.history .tabContent ul li strong { width:10%; margin-right:0;}
	.history .tabContent ul li span { width:90%; }
	.history .mn_category1 li.on a:after { display:none; }
}
@media all and (max-width:450px) {
	.history .mn_category1 li a { width:auto; }
}
/*
@media all and (max-width:1024px) {
		.his h3, .his2 h3.h_r{border-bottom:1px solid #bbbbbb; height:30px; padding-bottom:10px; margin:30px 0 10px !important;}
		.history ul{border-bottom:1px solid #efefef; padding-bottom:20px;}
		.history{margin:0 5%; text-align:center; background:none;}
		.his{float:left; text-align:left; padding-right:0%; width:100%; background:none;}
		.his2{clear:right; padding-left:0%; width:100%; height:auto !important;}
		.minHe{min-height:auto;}
}
@media all and (max-width:580px) {
       .mn_category1 li a {width:120px;height:110px;padding:20px 5px 0 5px;}
}*/


/* ºñÀü */
.vision{text-align:center; margin:0 auto; word-break:keep-all;}
.ttop{position:relative; background:url("../../imgs/2023/vision.png") no-repeat center center; height:594px; text-align:center; margin:0 auto; overflow:hidden; width:94%; padding:0 3%; background-size:cover;}
.ttop .ttop_txt { background:rgba(0,0,0,0.5);height: 494px;width: 100%;margin: 0 auto;margin-top: 50px; text-align:center; }
.ttop p {padding-top: 11%; color:#fff; font-size:21px;line-height:50px; width:70%;     display: inline-block;}
.ttop ul{padding-top:30px;}
.ttop ul li{color:#fff; font-size:28px; font-family:'Iropke Batang';}
.wid_70{width:70%; margin:0 auto; font-size:20px; font-weight:300;}
.vision h3 {font-size:30px; color:#000; background:none; height:auto; margin-top:60px; text-align:left; font-weight:400; border-left:6px solid #f1981d; padding-left:30px;}
ul.vi_list {display:flex;text-align:center; width:100%; margin-top:60px; overflow:hidden;}
ul.vi_list li {  text-align:center; width:33.3%; }
ul.vi_list li div { border-radius:100px; width:180px; height:150px;box-shadow: 0 0 5px #999; text-align:center; margin:0 auto; padding-top:30px; margin-top:10px;}
ul.vi_list li strong { font-size:25px; font-weight:600; color:#000; display:block; margin:15px 0; }
ul.vi_list li span { font-size:20px; font-weight:400; color:#000; display:block; }
@media all and (max-width:767px) {
		.ttop ul{padding-top:40px;}
		.ttop ul li{font-size:20px; }
		.wid_70{width:80%; font-size:16px; }
		ul.vi_list {width:98%; }
		.ttop{height:auto; padding-bottom: 3%;}
		.ttop .ttop_txt {margin-top: 20px;height: auto; padding-bottom:5%;}
		.ttop p {padding-top: 5%; color:#fff; font-size:14px;line-height:24px; width:94%; }
		.vision h3 {font-size:14px; margin-top:20px; padding-left: 15px;}
		.vision h3 br { display:none; }
		ul.vi_list {margin-top:20px;}
		ul.vi_list li div { width:100px; height:85px; margin-top:5px; padding-top:15px;}
		ul.vi_list li div img { width:70%; }
		ul.vi_list li strong { font-size:18px; }
		ul.vi_list li span { font-size:16px; }
}
@media all and (max-width:460px) {
	ul.vi_list { display:block; margin:0 auto; margin-top:10px; }
	ul.vi_list li { margin-left:auto;margin-right:auto; margin-bottom:20px; width:100%; }
	ul.vi_list li strong { margin:10px 0 }



}

/* Á¶Á÷µµ */
.org{text-align:center; margin:0 auto; word-break:keep-all;}
.org_top{position:relative; background:url("../../imgs/2023/organi.png") no-repeat center center; background-size:cover; height:295px; text-align:center;}
.org_top ul{padding-top:30px;}
.org_top ul li{color:#fff; font-size:30px; line-height:45px;}
.org_top ul li.li_big{font-size:50px; margin:55px 0 30px 0; }

@media all and (max-width:767px) {
	.org_top ul li{font-size:24px;}
	.org_top ul li.li_big{font-size:38px;}
	.org_top{ height:150px; }
	.org_top ul li{ font-size:18px; line-height:30px;}
	.org_top ul li.li_big{font-size:30px; margin:10px 0 10px 0; }
}

/* ¿À½Ã´Â±æ */
.map{width:100%;}
h2.mH{font-size:25px; color:#000; margin-bottom:20px;}
.map .m_left{width:46%; margin:0 2%; float:left;}
.map .m_right{width:46%; margin:0 2%; }
.maps {position:relative; border:1px solid #ddd; border-bottom:none; overflow:hidden; margin-bottom:40px;}
.maps .maps_wrap {margin:-135px 0 0 0;}
.maps iframe {width:100%; height:650px;}
.maps_info {}
.maps_info h3 {font-size:15px; text-align:center;}
.maps_info ul {position:relative; z-index:1; font-size:20px;}
.maps_info li {color:#000; margin-bottom:10px;}
.maps_info li span {display: inline-block; width:150px; color:#000; font-weight:bold;}
.maps_info .bg {width:100%; }
@media all and (max-width:767px) {
	h2.mH{font-size:18px; }
	.maps_info ul {font-size:16px;}
	.maps_info li span {width:80px;}
}

/* »ç¾÷¿µ¿ª ITÄÁ¼³ÆÃ */
.consul{width:100%; }
.consul_l{width:38%; margin-right:4%; float:left;}
.consul_r{width:58%; float:right;}
.consul_r p{padding:15px 0;}
.consul_r p span{font-size:28px; background:url("../../imgs/contents/consul_bar.gif") no-repeat left 0px;}
.consul .con_top {position:relative; background:url("../../imgs/2023/consul_top.png") no-repeat center center; background-size:cover; height:auto; min-height:295px; text-align:center; padding: 0 3%;}
.consul .consul_box { border:1px solid #ccc; border-top:2px solid #666; padding:40px;  }
.consul .consul_box p { font-size:16px; line-height:30px;}
.consul .consul_box span { font-size:30px; font-weight:600;}

@media all and (max-width:767px) {
	.consul_l{width:100%; margin-right:0; clear:left;}
	.consul_r{width:100%; clear:right;}
	.consul .consul_box { border:1px solid #ccc; border-top:2px solid #666; padding:3%;  }
	.consul .consul_box p { font-size:14px; line-height:21px;}
	.consul .consul_box span { font-size:18px; ;}
}

/* ½Ã½ºÅÛ ÅëÇÕ»ç¾÷ */
.tong{width:100%; }
.tong_l{width:52%; margin-right:4%; margin-bottom:20px; float:left;}
.tong_r{width:44%; float:right; }
.tong_r h4{font-size:24px; text-align:center; color:#00a3f3; border-top:2px solid #006ca1; border-bottom:2px solid #00a3f3; padding:10px;}
@media all and (max-width:1400px) {
		.tong_l{width:54%; }
		.tong_l img{width:100%; }
		.tong_r{width:42%; }
}
@media all and (max-width:680px) {
		.tong_l{width:100%; margin-right:0; clear:left;}
		.tong_r{width:100%; clear:right;}
}


/* ¸ÞÅ¸¹ö½º */
.meta{width:100%; }
.meta_l{width:44%; margin-right:4%; float:left;}
.meta_r{width:52%; float:right;}
.meta_r p{padding:15px 0;}
.meta_r p span{font-size:28px; background:url("../../imgs/contents/consul_bar.gif") no-repeat left 0px;}
.meta .con_top {position:relative; background:url("../../imgs/2023/meta_top.png") no-repeat center center; background-size:cover; height:auto; min-height:295px; text-align:center; padding: 0 3%;}
.con_top ul { padding:70px 0; }
.con_top ul li { color:#fff; font-size:20px; width:60%; margin-left:auto; margin-right:auto; line-height:36px;}
.con_top ul li.li_big { font-size:25px; font-weight:600; margin-top:0; margin-bottom: 30px;}
@media all and (max-width:1400px) {
		.meta_l img{width:100%; }
}
@media all and (max-width:767px) {
	.con_top { height:auto; padding:0 10px; min-height:auto !important; }
	.con_top ul { padding:15px 0; }
	.con_top ul li{ font-size:14px; line-height:24px; width:90%;}
	.con_top ul li.li_big{font-size:18px; margin:10px 0 10px 0; }
}
@media all and (max-width:680px) {
		.meta_l{width:100%; margin-right:0; clear:left;}
		.meta_r{width:100%; clear:right;}
}

/* ERP»ç¾÷ */
.erp{width:100%; }
.erp_l{width:44%; margin-right:4%; float:left;}
.erp_r{width:52%; float:right;}
.erp_r p{padding:15px 0;}
.erp_r p span{font-size:28px; background:url("../../imgs/contents/consul_bar.gif") no-repeat left 0px;}
.erp .con_top {position:relative; background:url("../../imgs/2023/erp_top.png") no-repeat center center; background-size:cover; height:auto; min-height:295px; text-align:center; padding: 0 3%;}
@media all and (max-width:1400px) {
		.erp_l img{width:100%; }
}
@media all and (max-width:680px) {
		.erp_l{width:100%; margin-right:0; clear:left;}
		.erp_r{width:100%; clear:right;}
}


/* SM»ç¾÷ */
.sm .con_top {position:relative; background:url("../../imgs/2023/sm_top.png") no-repeat center center; background-size:cover; height:auto; min-height:295px; text-align:center; padding: 0 3%;}
.sm h3 {font-size:25px; text-align:center; font-weight:normal; color:#000; background:none; line-height:25px; word-break:keep-all; margin:0 0 20px 0; height:auto;}
.sm p {text-align:center; word-break:keep-all;}
.sm .gray_box { margin:0 0 40px 0; }
@media all and (max-width:767px) {
	.sm h3 { font-size:18px; }
}
/*.sm .sm_con1 {width:80%; position:relative; margin:0 auto;}
.sm .sm_con1 ul li {float:left;}
.sm .sm_con1 ul li:nth-child(1) { width:calc(100% / 4 - 3%); padding:0 3% 0 0; background:url("../../imgs/contents/sm_arrow1.gif")no-repeat 95% 50%;}
.sm .sm_con1 ul li:nth-child(1) span {background:#3398cc; color:#fff; text-align:center; display:block; font-size:19px; padding:9px 0;}
.sm .sm_con1 ul li:nth-child(2) {width:calc(100% / 4 - 2%); padding:0 3% 0 0; background:url("../../imgs/contents/sm_arrow1.gif")no-repeat 95% 50%;}
.sm .sm_con1 ul li:nth-child(2) span {background:#95be32; color:#fff; text-align:center; display:block; font-size:19px; padding:9px 0;}
.sm .sm_con1 ul li:nth-child(3) {width:calc(100% / 4 - 2.5%); padding:0 3% 0 0; background:url("../../imgs/contents/sm_arrow1.gif")no-repeat 95% 50%;}
.sm .sm_con1 ul li:nth-child(3) span {background:#3398cc; color:#fff; text-align:center; display:block; font-size:19px; padding:9px 0;}
.sm .sm_con1 ul li:nth-child(4) {width:calc(100% / 4 - 2.5% );}
.sm .sm_con1 ul li:nth-child(4) span {background:#95be32; color:#fff; text-align:center; display:block; font-size:19px; padding:9px 0;}
.sm .sm_con1 ul li ul { border-left:1px solid #bbb; border-right:1px solid #bbb; border-bottom:1px solid #bbb; padding:7%;}
.sm .sm_con1 ul li ul li {float:none !important; border:none; font-size:17px; width:calc(100% - 14px) !important; padding:0 0 0 14px !important; background:url("../../imgs/contents/sm_li.gif")no-repeat 3px 50% !important; line-height:27px;}

.sm .sm_con2 {border-top:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc; width:90%; position:relative; margin:0 auto; padding:22px 0 ;}
.sm .sm_con2 .sm_blue {color:#00a3f3;}
.sm .sm_con2 dl {position:relative; margin:0 auto; width:72%;}
.sm .sm_con2 dl.sm_dl1 dt {width:134px; height:94px; background:#00a3f3; border-radius:2000px; text-align:center; font-size:21px; line-height:24px; color:#fff; padding:40px 0 0; float:left;}
.sm .sm_con2 dl.sm_dl1 dd {width:calc(80% - 2%); padding:40px 0 0 2%; float:left;}
.sm .sm_con2 dl.sm_dl2 {margin:20px auto;}
.sm .sm_con2 dl.sm_dl2 dt {width:134px; height:94px; background:#125374; border-radius:2000px; text-align:center; font-size:21px; line-height:24px; color:#fff; padding:40px 0 0; float:left;}
.sm .sm_con2 dl.sm_dl2 dd {width:calc(80% - 2%); padding:16px 0 0 2%; float:left;}
.sm .sm_con2 dl.sm_dl3 dt {width:134px; height:94px; background:#ee9c38; border-radius:2000px; text-align:center; font-size:21px; line-height:24px; color:#fff; padding:40px 0 0; float:left;}
.sm .sm_con2 dl.sm_dl3 dd {width:calc(80% - 2%); padding:40px 0 0 2%; float:left;}
.sm .sm_con2 dl dd { font-size:18px;}


@media all and (max-width:1400px) {
	.sm { padding:0 20px;}
	.sm p {text-align:center;}
	.sm .sm_con1 {width:100%; position:relative; margin:0 auto;}
	.sm .sm_con1 ul li {float:left;}
	.sm .sm_con1 ul li:nth-child(1) { width:calc(100% / 2 - 3%); padding:0 3% 3% 0; background:url("../../imgs/contents/sm_arrow1.gif")no-repeat 98% 50%;}
	.sm .sm_con1 ul li:nth-child(2) {width:calc(100% / 2); padding:0 0 3% 0; background:url("../../imgs/contents/sm_arrow3.gif")no-repeat 50% bottom;}
	.sm .sm_con1 ul li:nth-child(3) {width:calc(100% / 2 - 3%); margin:2% 0 0 ; padding:0 3% 0 0; background:url("../../imgs/contents/sm_arrow1.gif")no-repeat 98% 50%;}
	.sm .sm_con1 ul li:nth-child(4) {width:calc(100% / 2); margin:2% 0 0 ;}
	.sm .sm_con1 ul li ul { border-left:1px solid #bbb; border-right:1px solid #bbb; border-bottom:1px solid #bbb; padding:20px 7%;}
	.sm .sm_con1 ul li ul li {margin:0 !important; float:none !important; border:none; font-size:17px; width:calc(100% - 14px) !important; padding:0 0 0 14px !important; background:url("../../imgs/contents/sm_li.gif")no-repeat 3px 14px !important; line-height:27px;}

	.sm .sm_con2 {border-top:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc; width:100%; position:relative; margin:0 auto; padding:22px 0 ;}
	.sm .sm_con2 dl {position:relative; margin:0 auto; width:100%;}
	.sm .sm_con2 dl.sm_dl1 dt {width:134px; height:94px; background:#00a3f3; border-radius:2000px; text-align:center; font-size:21px; line-height:24px; color:#fff; padding:40px 0 0; float:left;}
	.sm .sm_con2 dl.sm_dl2 {margin:20px auto;}
	.sm .sm_con2 dl.sm_dl2 dt {width:134px; height:94px; background:#125374; border-radius:2000px; text-align:center; font-size:21px; line-height:24px; color:#fff; padding:40px 0 0; float:left;}
	.sm .sm_con2 dl.sm_dl3 dt {width:134px; height:94px; background:#ee9c38; border-radius:2000px; text-align:center; font-size:21px; line-height:24px; color:#fff; padding:40px 0 0; float:left;}

}

@media all and (max-width:680px) {
	.sm h3 {font-size:25px; text-align:center; font-weight:normal; color:#000; background:none; line-height:25px; margin:60px 0 20px;}
	.sm .sm_con1 ul li {float:none;}
	.sm .sm_con1 ul li:nth-child(1) { width:100%; padding:0 0 4% 0; background:url("../../imgs/contents/sm_arrow2.gif")no-repeat 50% bottom;}
	.sm .sm_con1 ul li:nth-child(2) {width:100%; margin:2% 0 0 ; padding:0 0 4% 0; background:url("../../imgs/contents/sm_arrow2.gif")no-repeat 50% bottom;}
	.sm .sm_con1 ul li:nth-child(3) {width:100%; margin:2% 0 0 ; padding:0 0 4% 0; background:url("../../imgs/contents/sm_arrow2.gif")no-repeat 50% bottom;}
	.sm .sm_con1 ul li:nth-child(4) {width:100%; margin:2% 0 0 ;}

	.sm .sm_con2 dl.sm_dl1 dt {width:100%; height:94px; background:#00a3f3; border-radius:0; text-align:center; font-size:24px; line-height:34px; color:#fff; padding:32px 0 0; float:none;}
	.sm .sm_con2 dl.sm_dl1 dd {width:100%; padding:20px 0 20px 0; float:none;}
	.sm .sm_con2 dl.sm_dl2 {margin:20px auto;}
	.sm .sm_con2 dl.sm_dl2 dt {width:100%; height:94px; background:#125374; border-radius:0; text-align:center; font-size:24px; line-height:34px; color:#fff; padding:32px 0 0; float:none;}
	.sm .sm_con2 dl.sm_dl2 dd {width:100%; padding:20px 0 20px 0; float:none;}
	.sm .sm_con2 dl.sm_dl3 dt {width:100%; height:94px; background:#ee9c38; border-radius:0; text-align:center; font-size:24px; line-height:34px; color:#fff; padding:32px 0 0; float:none;}
	.sm .sm_con2 dl.sm_dl3 dd {width:100%; padding:20px 0 20px 0; float:none;}
	.sm .sm_con2 dl dd ul li { background:url("../../imgs/contents/sm_li.gif")no-repeat 3px 14px; padding:0 0 0 14px; margin:0 0 5px;}
	.sm .sm_con2 dl dd { font-size:18px;}

}*/


/* si»ç¾÷ */
.si {position:relative;}
.si .con_top {position:relative; background:url("../../imgs/2023/si_top.png") no-repeat center center; background-size:cover; height:auto; min-height:295px; text-align:center; padding:30px 3% 0 3%; margin-bottom:40px;}
.si .si_con1 {float:left; width:100%;}
.si h3 {font-size:30px; color:#000; background:none; height:auto; margin-top:60px;margin-bottom:20px; text-align:left; font-weight:400; border-left:6px solid #f1981d; padding-left:30px;}
.si .si_con1 img {width:100%}

@media all and (max-width:1000px) {
	.si {position:relative;}
	.si .si_con1 {float:none; width:100%;}
	.si .si_con1 img {width:100%}
	.si .si_con2 {float:none; width:100%; background:url("../../imgs/contents/con_si_arrow2.gif")no-repeat 50% 20px; padding:140px 0 0;}
}
@media all and (max-width:767px) {
	.si .con_top {padding:0;}
	.si h3 {font-size:14px; margin-top:20px; padding-left: 15px;}
}
/* À¥È¨ÆäÀÌÁö */
.WebDe {width:100%; text-align:center;}
.WebDe_con1 {width:39%; margin-right:4%; float:left; padding:0 0 0 5%;}
.WebDe_con2 {width:52%; float:right;}
.WebDe .con_top {position:relative; background:url("../../imgs/2023/web_Bg.png") no-repeat center center; background-size:cover; height:auto; min-height:295px; text-align:center; padding: 0 3%;}
@media all and (max-width:697px) {
		.WebDe img {width:100%; }
}
@media all and (max-width:680px) {
		.WebDe_con1 {width:100%; margin-right:0; clear:left;}
		.WebDe_con2{width:100%; clear:right;}
}


/* ¸ð¹ÙÀÏ È¨ÆäÀÌÁö */
.mobile {position:relative; }	 
.mobile .con_top {position:relative; background:url("../../imgs/2023/mobile_top.png") no-repeat center center; background-size:cover; height:auto; min-height:295px; text-align:center; padding: 0 3%;}
.mobile .mobile_con1 {margin:30px;}
.mobile .mobile_con1 ul {position:relative; width:80%; margin:0 auto;}
.mobile .mobile_con1 ul li {float:left; text-align:center;}
.mobile .mobile_con1 ul li:nth-child(1) {width:40%}
.mobile .mobile_con1 ul li:nth-child(2) {width:20%}
.mobile .mobile_con1 ul li:nth-child(3) {width:40%}
.mobile .mobile_con1 ul li span {display:block; font-size:18px; color:#000; margin:20px 0 0;}
.mobile .mobile_con1 ul li p {font-size:22px; color:#000; background:url("../../imgs/contents/mobile_arrow1.gif")no-repeat 50% 300px; padding:340px 0 0 ;}
.mobile .mobile_con1 ul li p span {font-size:22px; color:#3366cc; display:inline-block; margin:0;}
.mobile .mobile_con1 ul li span.mo_tit {font-size:22px; color:#000; margin:0 0 15px;}


@media all and (max-width:1024px) {
	/* ¸ð¹ÙÀÏ È¨ÆäÀÌÁö */
	.mobile .mobile_con1 ul li {float:none; text-align:center;}
	.mobile .mobile_con1 ul li img {width:100%;}
	.mobile .mobile_con1 ul li:nth-child(1) {width:100%}
	.mobile .mobile_con1 ul li:nth-child(2) {width:100%}
	.mobile .mobile_con1 ul li:nth-child(3) {width:100%}
	.mobile .mobile_con1 ul li p {font-size:22px; color:#000; background:url("../../imgs/contents/mobile_arrow2.gif")no-repeat 50% 0; padding:100px 0 0 ; margin:30px 0;}
}

/* Enia-21 ¼Ö·ç¼Ç */
.enia21 {position:relative; margin:0 0 40px 0;}
.enia21 .org_top{position:relative; background:url("../../imgs/2023/enia21_top.png") no-repeat center center; background-size:cover; height:295px; text-align:center;}
.enia21 .org_top ul li.li_big { margin: 85px 0 30px 0; }
.enia21 h3 {font-size:27px; text-align:center; font-weight:normal; color:#000; background:none; line-height:25px; margin:60px 0 20px;}
.enia21 .enia21_ul {float:left; background:#f8f8f8; width:calc(100% / 5 - 2%); margin:0 2% 2% 0; min-height:243px; border-radius:15px; }
.enia21 .enia21_ul h4 { font-size:20px; text-align:center; font-weight:normal; color:#222222; padding:20px 0; margin:0 20px; border-bottom:2px solid #7e7e7e;}
.enia21 .enia21_ul ul {padding:7% 7% 0 8%;}
.enia21 .enia21_ul ul li {float:left; width:calc(50% - 14px); padding:0 0 0 14px; background:url("../../imgs/contents/sm_li.gif")no-repeat 3px 12px; color:#000; margin:0 0 5px;}
.enia21 .enia21_ul:nth-child(1) { background:#1c3e83; color:#fff; }
.enia21 .enia21_ul:nth-child(1) h4 { color:#fff; border-bottom:2px solid #fff; }
.enia21 .enia21_ul:nth-child(1) ul li { color:#fff;}
.enia21 .enia21_ul:nth-child(6) { background:#068c8f; color:#fff; }
.enia21 .enia21_ul:nth-child(6) h4 { color:#fff; border-bottom:2px solid #fff; }
.enia21 .enia21_ul:nth-child(6) ul li { color:#fff;}
.enia21 .enia21_con1 {float:left; width:100%; padding:0 0 0 0; border-right:1px solid #e5e5e5; box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;}
.enia21 .enia21_con2 {float:left; width:100%; padding:0 0 0 0;}
.enia21 .enia21_con3 {float:left; width:100%; padding:0 0 0 0;}
.enia21 .enia21_con3 h3 {font-size:27px; text-align:center; font-weight:normal; color:#000; background:none; line-height:25px; margin:60px 0  0;}
.enia21 .enia21_con3 .contTable_b td > ul > li { color:#222; font-weight:500;}
.enia21 .enia21_con3 .contTable_b td > ul > li > ul { display:block; }
.enia21 .enia21_con3 .contTable_b td > ul > li > ul > li { color:#555; font-weight:normal; }
.enia21 .enia21_con4 {float:left; width:48%; padding:0 0 0 2%; margin:100px 0 0;}
.enia21 img.conImg { width:auto; }
.enia21 table img { display:inline-block; vertical-align:middle; margin:0 20px 0 0; }
.enia21 table ul { display:inline-block; vertical-align:middle; }
@media all and (max-width:1024px) {
	/* Enia-21 ¼Ö·ç¼Ç */
	.enia21 .enia21_ul {float:left; background:#e8e8e8; width:calc(100% / 2 - 1%); margin:0 2% 2% 0; min-height:243px;}
	.enia21 div.enia21_ul:nth-child(2) {margin:0 0 2% 0;}
	.enia21 div.enia21_ul:nth-child(4) {margin:0 0 2% 0;}
	.enia21 div.enia21_ul:nth-child(6) {margin:0 0 2% 0;}
	.enia21 div.enia21_ul:nth-child(8) {margin:0 0 2% 0;}
	.enia21 .enia21_ul ul {padding:7% 7% 0 8%;}
	.enia21 .enia21_ul ul li {float:left; width:calc(50% - 14px); padding:0 0 0 14px; background:url("../../imgs/contents/sm_li.gif")no-repeat 3px 12px; color:#000; margin:0 0 5px;}	
	.enia21 .enia21_con1 {float:none; width:100%; padding:0 0 0 0; border-right:none; box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;}
	.enia21 .enia21_con2 {float:none; width:100%; padding:0 0 0 0;}
	.enia21 .enia21_con3 {float:none; width:100%; padding:0 0 0 0;}
	.enia21 .enia21_con3 h3 {font-size:27px; text-align:center; font-weight:normal; color:#000; background:none; line-height:25px; margin:60px 0  0;}
	.enia21 .enia21_con4 {float:none; width:100%; padding:0 0 0 0; margin:40px 0 0;}
}
@media all and (max-width:767px) {
	.enia21 .org_top{ height:150px; }
	.enia21 .org_top ul li.li_big{font-size:21px; margin:30px 0 10px 0; }
}
@media all and (max-width:680px) {
	.enia21 .enia21_ul {float:left; background:#e8e8e8; width:100%; margin:0 0 2% 0; min-height:243px;}
	.enia21 .enia21_ul ul {padding:7% 7%  7% 8%;}
	.enia21 .enia21_ul ul li {float:none; width:100%; padding:0 0 0 14px; background:url("../../imgs/contents/sm_li.gif")no-repeat 3px 12px; color:#000; margin:0 0 5px;}
}
@media all and (max-width:600px) {
.enia21 img.conImg { width:100%; }
}

/* e-hrm ¼Ö·ç¼Ç */
.ehrm {position:relative;}
.ehrm .con_top ul { padding:50px 0; }
.ehrm .con_top {position:relative; background:url("../../imgs/2023/hrm_top.png") no-repeat center center; background-size:cover; height:295px; text-align:center;}
.ehrm .con_top ul li.li_big {font-size: 25px; }
.ehrm .con_top ul li { width:90%; font-size: 18px; }
.ehrm h3 {font-size:29px; text-align:center; font-weight:normal; color:#000; background:none; line-height:25px; margin:60px 0 0;}
.ehrm h4.ehrm_h4 {font-size:23px; text-align:center; font-weight:normal; color:#000; background:none; line-height:25px; margin:60px 0 20px;}
.ehrm p {background:#eee; width:80%; padding:3% 10%; text-align:center; font-size:18px; word-break:keep-all;}
.ehrm .ehrm_con1 {position:relative; margin:40px auto; width:80%;}
.ehrm .ehrm_ul {float:left; width:calc(100% / 5 - 2%); margin:0 2% 0 0;}
.ehrm div.ehrm_ul:last-child {margin:0;}
.ehrm .ehrm_ul h4 {background:#1c3e83; font-size:21px; color:#fff; text-align:center; width:100%; padding:10px 0; font-weight:normal; border-radius:10px 0 10px 0;}
.ehrm .ehrm_ul ul {background:#f2f2f2; padding:7% 7% 7% 8%; min-height:320px;}
.ehrm .ehrm_ul ul li {padding:0 0 0 14px; background:url("../../imgs/contents/sm_li.gif")no-repeat 3px 12px; color:#000;  margin:0 0 5px;}
.water .listLeft li { min-height:auto; }
@media all and (max-width:1155px) {
	.ehrm .con_top ul li.li_big { margin-bottom: 20px; }
	.ehrm .con_top ul li { line-height:28px; font-size:16px;}
	.ehrm .con_top { height:auto; }
}
@media all and (max-width:1024px) {
	.ehrm .ehrm_ul {float:left; width:calc(100% / 2 - 2%); margin:0 2% 2% 0;}	
	.ehrm .con_top ul li { width:96%;}
}
@media all and (max-width:747px) {
	.ehrm .con_top ul {padding:20px 0;}
}
@media all and (max-width:680px) {
	.ehrm .ehrm_con1 {position:relative; margin:40px auto; width:100%;}
	.ehrm .ehrm_ul {float:none; width:100%; margin:0 0 20px 0;}	
}


/* Enia-MRV ¼Ö·ç¼Ç */
.mrv {position:relative;}
.mrv .con_top {position:relative; background:url("../../imgs/2023/mrv_top.png") no-repeat center center; background-size:cover; height:295px; text-align:center; margin-bottom:40px;}
.mrv .con_top ul li.li_big { font-size:36px; margin:60px 0 30px 0;}
.mrv h3 {font-size:29px; text-align:center; font-weight:normal; color:#000; background:none; line-height:25px; margin:60px 0 0;}
.mrv .con_top ul li { width:100%; text-align:center; }
.mrv_con > ul > li { width:48%; display:flex; float:left; margin:0 0 30px 0; padding:0 2% 0 0;align-items: flex-start;}
.mrv_con ul li img { margin-right:20px; }
.mrv_con ul li .con_txt h5 { font-size:20px; color:#1c3e83; margin:5px 0;}
.mrv_con ul li .con_txt ul li { font-size:15px; background: url(../../imgs/contents/sm_li.gif)no-repeat 3px 12px; padding:0 0 0 15px}
@media all and (max-width:1024px) {
	.mrv .mrv_con1 {float:none; width:100%;}
	.mrv .mrv_con2 {float:none; width:100%; margin:40px 0 0;}
	.mrv_con > ul > li { width:100%; padding:0; float:none;}
}
@media all and (max-width:767px) {
	.mrv .con_top{ height:150px; }
	.mrv .con_top ul li.li_big{font-size:21px; margin:30px 0 10px 0; }
	.mrv h3 {font-size:21px; margin:0;}
}
@media all and (max-width:480px) {
	.mrv_con > ul > li { display:block; text-align:center;}
	.mrv_con ul li .con_txt ul li  { text-align:left; }
	.mrv_con ul li img { margin-right:0; }
}

/* RFID¼Ö·ç¼Ç */
.rfid {position:relative;}
.rfid h3 {font-size:29px; text-align:center; font-weight:normal; color:#000; background:none; line-height:25px; margin:60px 0 0;}
.rfid .con_top {position:relative; background:url("../../imgs/2023/rfid_top.png") no-repeat center center; background-size:cover; height:295px; text-align:center; margin-bottom:40px;}
.rfid .con_top li { width:90%; }
.rfid_con > ul { overflow:hidden; }
.rfid_con > ul > li { width:48%; display:flex; float:left; margin:0 0 30px 0; padding:0 2% 0 0;align-items: flex-start;}
.rfid_con ul li img { margin-right:20px; }
.rfid_con ul li .con_txt h5 { font-size:20px; color:#1c3e83; margin:0 0 5px 0;}
.rfid_con ul li .con_txt ul li { font-size:15px; background: url(../../imgs/contents/sm_li.gif)no-repeat 3px 12px; padding:0 0 0 15px}
.rfid_con2 { overflow:hidden; display:flex; align-items: flex-end;}
.rfid_con2 .con_img { text-align:center; }
.rfid_con2 .con_box { margin-left:40px; }
.rfid_con2 .con_box strong { position:relative; display:block; text-align:center; color:#fff; background:#1c3e83; border-radius:30px; font-size:24px; padding:8px 0; font-weight:normal; margin-bottom:35px; }
.rfid_con2 .con_box strong:after { content:''; position:absolute; bottom:-42px; display:block; width:100%; height:42px; background:url("../../imgs/2023/line_bullet.png") no-repeat center center; }
.rfid_con2 .con_box ul { background:#f8f8f8; border-radius:20px; padding:30px;}
.rfid_con2 .con_box ul li {font-size:18px; color:#000; line-height:34px;}

/* ÀüÀÚÁ¤ºÎÇÁ·¹ÀÓ¿öÅ©±â¹Ý cms */
.frcms {position:relative;}
.frcms .con_top {position:relative; background:url("../../imgs/2023/frcms_top.jpg") no-repeat center center; background-size:cover; height:295px; text-align:center; margin-bottom:40px;}
.frcms .frcms_con1 { margin:0 0 20px 0; }
.frcms .frcms_con1 img { width:100%;}
.frcms .frcms_con2 {}
@media all and (max-width:1400px) {
	.rfid_con2 { display:block; }
	.rfid_con2 .con_box { margin:20px 0 0 0; }
}
@media all and (max-width:1080px) {
	.rfid_con > ul > li { letter-spacing:-2px; }
	.rfid_con2 .con_img img { width:100%; }
}
@media all and (max-width:1024px) {
	.frcms .frcms_con1 {float:none; width:100%;}
	.frcms .frcms_con2 {float:none; width:100%; margin:40px 0 0;}
	.rfid_con > ul > li { width:100%; padding:0; float:none; letter-spacing:0;}
}
@media all and (max-width:767px) {
.rfid_con2 .con_box strong { font-size:18px; }
.rfid_con2 .con_box ul li {font-size:14px; line-height:20px;}
.frcms .con_top { height:auto; }
}
@media all and (max-width:480px) {
	.rfid_con > ul > li { display:block; text-align:center;}
	.rfid_con ul li .con_txt ul li  { text-align:left; }
	.rfid_con ul li img { margin-right:0; }
}
/* º¹ÁöÅÃ½Ã º¸Á¶±Ý Á¤»ê½Ã½ºÅÛ */
.taxi {position:relative;}
.taxi .con_top {position:relative; background:url("../../imgs/2023/taxi_top.png") no-repeat center center; background-size:cover; height:295px; text-align:center; margin-bottom:40px;}
.taxi h3 {font-size:29px; text-align:center; font-weight:normal; color:#000; background:none; line-height:25px; margin:60px 0 0;}
.taxi h4 {font-size:20px; font-weight:normal; color: #0c4fa4; padding: 0 0 6px 10px;}
.taxi .taxi_div {width:75%; margin:0 auto; word-break:keep-all;}
.taxi .taxi_con1 {float:left; width:calc(50% - 110px -  2%); background:url("../../imgs/contents/taxi_icon1.jpg") no-repeat 0 0; min-height:200px; padding:0 2% 0 110px;}
.taxi .taxi_con1 ul {padding:0;}
.taxi .taxi_con2 {float:left; width:calc(50% - 110px -  2%); background:url("../../imgs/contents/taxi_icon2.jpg") no-repeat 0 0; min-height:200px; padding:0 2% 0 110px;}
.taxi .taxi_con2 ul {padding:0;}
.taxi .taxi_con3 {float:left; width:calc(50% - 110px -  2%); background:url("../../imgs/contents/taxi_icon3.jpg") no-repeat 0 0; min-height:200px; padding:0 2% 0 110px;}
.taxi .taxi_con3 ul {padding:0;}
.taxi .taxi_con4 {float:left; width:calc(50% - 110px -  2%); background:url("../../imgs/contents/taxi_icon4.jpg") no-repeat 0 0; min-height:200px; padding:0 2% 0 110px;}
.taxi .taxi_con4 ul {padding:0;}

@media all and (max-width:1024px) {
	.taxi .taxi_div {width:100%; margin:0 auto; word-break:keep-all;}
}
@media all and (max-width:767px) {
	.taxi .con_top { height:auto; }
}
@media all and (max-width:680px) {
	.taxi .taxi_con1 {float:left; width:calc(100% - 110px); background:url("../../imgs/contents/taxi_icon1.jpg") no-repeat 0 0; min-height:200px; padding:0 0 0 110px;}
	.taxi .taxi_con2 {float:left; width:calc(100% - 110px); background:url("../../imgs/contents/taxi_icon2.jpg") no-repeat 0 0; min-height:200px; padding:0 0 0 110px;}
	.taxi .taxi_con3 {float:left; width:calc(100% - 110px); background:url("../../imgs/contents/taxi_icon3.jpg") no-repeat 0 0; min-height:200px; padding:0 0 0 110px;}
	.taxi .taxi_con4 {float:left; width:calc(100% - 110px); background:url("../../imgs/contents/taxi_icon4.jpg") no-repeat 0 0; min-height:200px; padding:0 0 0 110px;}
}

/* »ç°ÝÀå ÃÑ±â°ü¸® ¹ÙÄÚµå½Ã½ºÅÛ */
.gun {position:relative;}
.gun .con_top {position:relative; background:url("../../imgs/2023/gun_top.png") no-repeat center center; background-size:cover; height:295px; text-align:center; margin-bottom:40px;}
.gun h3 {font-size:29px; text-align:center; font-weight:normal; color:#000; background:none; line-height:25px; margin:60px 0 0;}
.gun h4 {font-size:20px; font-weight:normal; color: #0c4fa4; padding: 0 0 6px 10px;}
.gun .gun_div {width:75%; margin:0 auto; word-break:keep-all;}
.gun .gun_con1 {float:left; width:calc(50% - 110px -  2%); background:url("../../imgs/contents/gun_icon1.jpg") no-repeat 0 0; min-height:200px; padding:0 2% 0 110px;}
.gun .gun_con1 ul {padding:0;}
.gun .gun_con2 {float:left; width:calc(50% - 110px -  2%); background:url("../../imgs/contents/gun_icon2.jpg") no-repeat 0 0; min-height:200px; padding:0 2% 0 110px;}
.gun .gun_con2 ul {padding:0;}
.gun .gun_con3 {float:left; width:calc(50% - 110px -  2%); background:url("../../imgs/contents/gun_icon3.jpg") no-repeat 0 0; min-height:200px; padding:0 2% 0 110px;}
.gun .gun_con3 ul {padding:0;}
.gun .gun_con4 {float:left; width:calc(50% - 110px -  2%); background:url("../../imgs/contents/gun_icon4.jpg") no-repeat 0 0; min-height:200px; padding:0 2% 0 110px;}
.gun .gun_con4 ul {padding:0;}
.gun .gun_con5 {float:left; width:calc(50% - 110px -  2%); background:url("../../imgs/contents/gun_icon4.jpg") no-repeat 0 0; min-height:200px; padding:0 2% 0 110px;}
.gun .gun_con5 ul {padding:0;}
.gun .gun_img {margin:20px 0 0 ; width:100%;}

@media all and (max-width:1024px) {
	.gun .gun_div {width:100%; margin:0 auto; word-break:keep-all;}
}
@media all and (max-width:767px) {
	.gun .con_top { height:auto; }
}
@media all and (max-width:680px) {
	.gun .gun_con1 {float:left; width:calc(100% - 110px); background:url("../../imgs/contents/gun_icon1.jpg") no-repeat 0 0; min-height:200px; padding:0 0 0 110px;}
	.gun .gun_con2 {float:left; width:calc(100% - 110px); background:url("../../imgs/contents/gun_icon2.jpg") no-repeat 0 0; min-height:200px; padding:0 0 0 110px;}
	.gun .gun_con3 {float:left; width:calc(100% - 110px); background:url("../../imgs/contents/gun_icon3.jpg") no-repeat 0 0; min-height:200px; padding:0 0 0 110px;}
	.gun .gun_con4 {float:left; width:calc(100% - 110px); background:url("../../imgs/contents/gun_icon4.jpg") no-repeat 0 0; min-height:200px; padding:0 0 0 110px;}
	.gun .gun_con5 {float:left; width:calc(100% - 110px); background:url("../../imgs/contents/gun_icon4.jpg") no-repeat 0 0; min-height:200px; padding:0 0 0 110px;}
	.gun .gun_img img {width:100%;}
}

/* Àå³­°¨ ´ë¿©°ü¸® ¹ÙÄÚµå½Ã½ºÅÛ */
.toy {position:relative;}
.toy .con_top {position:relative; background:url("../../imgs/2023/toy_top.png") no-repeat center center; background-size:cover; height:295px; text-align:center; margin-bottom:40px;}
.toy h3 {font-size:29px; text-align:center; font-weight:normal; color:#000; background:none; line-height:25px; margin:60px 0 0;}
.toy h4 {font-size:20px; font-weight:normal; color: #0c4fa4; padding: 0 0 6px 10px;}
.toy .toy_div {width:75%; margin:0 auto; word-break:keep-all;}
.toy .toy_con1 {float:left; width:calc(50% - 110px -  2%); background:url("../../imgs/contents/toy_icon1.jpg") no-repeat 0 0; min-height:200px; padding:0 2% 0 110px;}
.toy .toy_con1 ul {padding:0;}
.toy .toy_con2 {float:left; width:calc(50% - 110px -  2%); background:url("../../imgs/contents/toy_icon2.jpg") no-repeat 0 0; min-height:200px; padding:0 2% 0 110px;}
.toy .toy_con2 ul {padding:0;}
.toy .toy_con3 {float:left; width:calc(50% - 110px -  2%); background:url("../../imgs/contents/toy_icon3.jpg") no-repeat 0 0; min-height:200px; padding:0 2% 0 110px;}
.toy .toy_con3 ul {padding:0;}
.toy .toy_con4 {float:left; width:calc(50% - 110px -  2%); background:url("../../imgs/contents/toy_icon4.jpg") no-repeat 0 0; min-height:200px; padding:0 2% 0 110px;}
.toy .toy_con4 ul {padding:0;}
.toy .toy_img {margin:20px 0 0;}

@media all and (max-width:1024px) {
	.toy .toy_div {width:100%; margin:0 auto; word-break:keep-all;}
}
@media all and (max-width:767px) {
	.toy .con_top { height:auto; }
}
@media all and (max-width:680px) {
	.toy .toy_con1 {float:left; width:calc(100% - 110px); background:url("../../imgs/contents/toy_icon1.jpg") no-repeat 0 0; min-height:200px; padding:0 0 0 110px;}
	.toy .toy_con2 {float:left; width:calc(100% - 110px); background:url("../../imgs/contents/toy_icon2.jpg") no-repeat 0 0; min-height:200px; padding:0 0 0 110px;}
	.toy .toy_con3 {float:left; width:calc(100% - 110px); background:url("../../imgs/contents/toy_icon3.jpg") no-repeat 0 0; min-height:200px; padding:0 0 0 110px;}
	.toy .toy_con4 {float:left; width:calc(100% - 110px); background:url("../../imgs/contents/toy_icon4.jpg") no-repeat 0 0; min-height:200px; padding:0 0 0 110px;}
	.toy .toy_img img {width:100%;}
}

/* ³óÆ¯»ê¹° ¸ð¹ÙÀÏ Çãºê½Ã½ºÅÛ */
.farm {position:relative;}
.farm .con_top {position:relative; background:url("../../imgs/2023/farm_top.png") no-repeat center center; background-size:cover; height:295px; text-align:center; margin-bottom:40px;}
.farm h3 {font-size:29px; text-align:center; font-weight:normal; color:#000; background:none; line-height:25px; margin:60px 0 0;}
.farm h4 {font-size:20px; font-weight:normal; color: #0c4fa4; padding: 0 0 6px 10px;}
.farm .farm_div {width:75%; margin:0 auto; word-break:keep-all;}
.farm .farm_con1 {float:left; width:calc(50% - 110px -  2%); background:url("../../imgs/contents/farm_icon1.jpg") no-repeat 0 0; min-height:200px; padding:0 2% 0 110px;}
.farm .farm_con1 ul {padding:0;}
.farm .farm_con2 {float:left; width:calc(50% - 110px -  2%); background:url("../../imgs/contents/farm_icon2.jpg") no-repeat 0 0; min-height:200px; padding:0 2% 0 110px;}
.farm .farm_con2 ul {padding:0;}
.farm .farm_con3 {float:left; width:calc(50% - 110px -  2%); background:url("../../imgs/contents/farm_icon3.jpg") no-repeat 0 0; min-height:200px; padding:0 2% 0 110px;}
.farm .farm_con3 ul {padding:0;}
.farm .farm_con4 {float:left; width:calc(50% - 110px -  2%); background:url("../../imgs/contents/farm_icon4.jpg") no-repeat 0 0; min-height:200px; padding:0 2% 0 110px;}
.farm .farm_con4 ul {padding:0;}
.farm .farm_img {margin:20px 0 0;}

@media all and (max-width:1024px) {
	.farm .farm_div {width:100%; margin:0 auto; word-break:keep-all;}
}
@media all and (max-width:767px) {
	.farm .con_top { height:auto; }
}
@media all and (max-width:680px) {
	.farm .farm_con1 {float:left; width:calc(100% - 110px); background:url("../../imgs/contents/farm_icon1.jpg") no-repeat 0 0; min-height:200px; padding:0 0 0 110px;}
	.farm .farm_con2 {float:left; width:calc(100% - 110px); background:url("../../imgs/contents/farm_icon2.jpg") no-repeat 0 0; min-height:200px; padding:0 0 0 110px;}
	.farm .farm_con3 {float:left; width:calc(100% - 110px); background:url("../../imgs/contents/farm_icon3.jpg") no-repeat 0 0; min-height:200px; padding:0 0 0 110px;}
	.farm .farm_con4 {float:left; width:calc(100% - 110px); background:url("../../imgs/contents/farm_icon4.jpg") no-repeat 0 0; min-height:200px; padding:0 0 0 110px;}
	.farm .farm_img img {width:100%;}
}




/* Ã¤¿ë¾È³» */
.job{text-align:center; margin:0 auto; word-break:keep-all;}
.job .con_top {position:relative; background:url("../../imgs/2023/job_top.png") no-repeat center center; background-size:cover; height:auto; min-height:295px; text-align:center; padding:30px 3% 0 3%; margin-bottom:40px;}
.job .person { margin:0 0 80px 0; }
.job .person h3 { color:#343434; font-size:35px; margin:60px 0; height:100%; background:none;}
.job .person h3 span { color:#f09517; font-size:20px; display:block; font-weight:400; }
.job .person ul { display:flex; }
.job .person ul {display:flex;text-align:center; width:100%; margin-top:60px; overflow:hidden;}
.job .person ul li {  text-align:center; width:25%; }
.job .person ul li strong { font-size:25px; font-weight:600; color:#000; display:block; margin:15px 0; }
.job .person ul li span { font-size:20px; font-weight:400; color:#000; display:block; }
.job .person2 { background:#f3f3f3; padding:50px 0; margin-bottom:60px;}
.job .person2 h3 { color:#343434; font-size:35px; margin:0 0 60px 0; height:100%; background:none;}
.job .person2 ul {display:flex;text-align:center; width:60%;margin:0 auto; margin-top:60px; overflow:hidden;}
.job .person2 ul li {  text-align:center; width:33.3%; border-right:1px solid #ddd;}
.job .person2 ul li:nth-child(3) { border:0; }
.job .person2 ul li div { border-radius:100px; width:180px; height:150px;box-shadow: 0 0 5px #999; text-align:center; margin:0 auto; padding-top:30px; margin-top:10px;}
.job .person2 ul li strong { font-size:25px; font-weight:600; color:#000; display:block; margin:15px 0; }
.job .person2 ul li span { margin-top:20px; font-size:20px; font-weight:400; color:#000; display:block; }
@media all and (max-width:1600px) {
	.job .job_step { width:100%; }
}
@media all and (max-width:767px) {
	.job .con_top { padding:0 3% 0 3%;}
	.job .person { margin:0 0 40px 0 }
	.job .person h3 { font-size:18px; margin:10px 0; }
	.job .person h3 span { font-size:16px; }
	.job .person ul { margin:15px 0 0 0; }
	.job .person ul li strong { font-size:16px; margin:5px 0; }
	.job .person ul li span { font-size:14px; }
	.job .person ul li img { width:50%; }
	.job .person2 { padding:10px 0; }
	.job .person2 ul { width:100%; }
	.job .person2 ul li span { font-size:14px; margin:5px 0; }
	.job .person2 ul li img { width:30%; }
	.job .person2 h3 { font-size:18px; margin:10px 0; }
}
@media all and (max-width:460px) {	
	.job .person ul { display:block; }
	.job .person ul li { width:100%; margin:0 0 15px 0 }
	.job .person ul li img { width:20%; }
	.job .person2 { margin-bottom:20px;}
	.job .person2 ul { display:block; margin-top:20px; }
	.job .person2 ul li { width:100%; margin:0 0 15px 0 }
	.job .person2 ul li img { width:15%; }
}


/* °ßÀû¹®ÀÇ */
.estimate_ttop .con_top {position:relative; background:url("../../imgs/2023/estimate_top.png") no-repeat center center; background-size:cover; height:auto; min-height:295px; text-align:center; padding:30px 3% 0 3%; margin-bottom:40px;}
.estimate_l{position:relative; float:left; width:40%; padding:50px 5%; margin-top:20px; background:#2072a8; color:#fff;}
.estimate_l:after{position:absolute; top:-20px; left:20px; width:56px; height:83px; content:''; display:block; background:url("../../imgs/contents/estimate_point01.png") no-repeat;}
.estimate_l dt{width:55%; float:left;}
.estimate_l dt li{font-size:22px; position:relative; padding-left:20px;}
.estimate_l dt li:after{position:absolute; top:12px; left:0px; width:9px; height:9px; content:''; display:block; background:url("../../imgs/contents/estimate_ico1.png") no-repeat;}
.estimate_l dd{position:relative; width:40%; padding:50px 0 0 5%; float:left; font-weight:400;}
.estimate_l dd:after{position:absolute; top:12px; left:0px; width:1px; height:180px; content:''; display:block; background:#fff;}
.estimate_l dd:before{position:absolute; top:12px; left:25px; width:30px; height:30px; content:''; display:block; background:url("../../imgs/contents/estimate_ico2.png") no-repeat;}
.estimate_l dd span{display:block; font-weight:600;}
.estimate_r{position:relative; float:right; width:40%; padding:50px 5%; background:#0295dd; margin:60px 0 40px; color:#fff;}
.estimate_r:after{position:absolute; bottom:-20px; right:20px; width:79px; height:75px; content:''; display:block; background:url("../../imgs/contents/estimate_point02.png") no-repeat;}
.estimate_r dt{width:55%; float:left;}
.estimate_r dt li{font-size:22px; position:relative; padding-left:20px;}
.estimate_r dt li:after{position:absolute; top:12px; left:0px; width:9px; height:9px; content:''; display:block; background:url("../../imgs/contents/estimate_ico1.png") no-repeat;}
.estimate_r dd{position:relative; width:40%; padding:50px 0 0 5%; float:left; font-weight:400;}
.estimate_r dd:after{position:absolute; top:12px; left:0px; width:1px; height:203px; content:''; display:block; background:#fff;}
.estimate_r dd:before{position:absolute; top:12px; left:25px; width:30px; height:30px; content:''; display:block; background:url("../../imgs/contents/estimate_ico2.png") no-repeat;}
.estimate_r dd span{display:block; font-weight:600;}
@media all and (max-width:767px) {
		.estimate_ttop .con_top { padding:0 3% 0 3%;}
}
@media all and (max-width:480px) {
		.estimate_l dt{width:100%; clear:left;}
		.estimate_l dt li{font-size:19px;}
		.estimate_l dt li:after{top:10px;}
		.estimate_l dd{width:94%; padding:70px 0 0 6%; clear:left;}
		.estimate_l dd:after{position:absolute; top:12px; left:0px; width:100%; height:1px; content:''; display:block; background:#fff;}
		.estimate_l dd:before{top:32px;}
		.estimate_r dt{width:100%; clear:left;}
		.estimate_r dt li{font-size:19px;}
		.estimate_r dt li:after{top:10px;}
		.estimate_r dd{width:94%; padding:70px 0 0 6%; clear:left;}
		.estimate_r dd:after{position:absolute; top:12px; left:0px; width:100%; height:1px; content:''; display:block; background:#fff;}
		.estimate_r dd:before{top:32px;}
}

/* À¥¾î¿öµåÄÚ¸®¾Æ*/
.webaward{width:100%; }
.webaward_l{width:50%; float:left;}
.webaward_l img{width:100%;}
.webaward_r{width:50%; float:right;}
.webaward_r dl{margin-left:5%; width:95%;}
.webaward_r dt{float:left; width:18%;}
.webaward_r dd{margin-top:40px; width:79%; margin-left:3%; float:left;}
.webaward_r dd li {color:#999; letter-spacing:0;}
.webaward_r dd li strong{color:#222; font-weight:normal;}
.webaward_r dd li span{color:#d42128;}
.webaward_r .mobile_img img{width:100%;}
.webaward_r .pc_img img{width:100%;}
.webaward_r p{padding:15px 0;}
@media all and (max-width:1400px) {
		.webaward_l{width:80%; clear:left;}
		.webaward_r{width:80%; clear:right;}
		.webaward_l img{width:100%; }
}
@media all and (max-width:960px) {
		.webaward_l{width:100%; clear:left;}
		.webaward_r{width:100%; clear:right;}
		.webaward_r dl{margin-left:0; width:100%; margin:0 auto;}
		.webaward_r dt{float:left; width:18%;}
		.webaward_r dd{margin-top:40px; width:79%; margin-left:3%; float:left;}
}
@media all and (max-width:767px) {
		.webaward_l{width:100%; clear:left;}
		.webaward_r{width:100%; clear:right;}
		.webaward_r dl{margin-left:0; width:100%; margin:0 auto;}
		.webaward_r dt{clear:left;  margin:0 auto;}
		.webaward_r dt{width:100%; text-align:center;}
		.webaward_r dd{margin-top:0px; margin-bottom:20px; width:100%; margin-left:0; clear:left;}
		.webaward_r dd ul{text-align:center;}
		.webaward_r dd ul li{word-break:keep-all;}
}

/* ´Ü°è µµÇ¥*/
.jinro_step{margin-top:10px; margin-bottom:10px; display:inline-block;}
.jinro_step:after {clear: both; content: ""; display: block;}
.jinro_step li {position:relative; float:left; padding:0 30px 5px 0; }
.jinro_step li div span{display:block; font-size:16px;}
.jinro_step li div {position:relative; width:130px; height:130px; padding:40px 0 0 0; line-height:22px; color:#fff; border-radius:100px; background:#ff7a22; font-size:18px; text-align:center; box-sizing:border-box;}
.jinro_step li:after {position:absolute; top:50px; right:0; content:''; display:block; width:30px; height:30px; background:url("../../imgs/contents/curr02_all_arrow2.gif") 0 0 no-repeat; background-size:30px 30px;}
.jinro_step li:last-child:after {display:none;}
@media all and (max-width:767px) {
	.jinro_step li{padding:10px 30px 5px 0;}
	.jinro_step li div {position:relative; width:76px; height:76px; padding:13px 0 0 0; font-size:15px;}
	.jinro_step li:after {top:35px; }
} 
.jinro_step2{margin-top:10px; margin-bottom:10px; display:inline-block;}
.jinro_step2:after {clear: both; content: ""; display: block;}
.jinro_step2 li {position:relative; float:left; padding:0 30px 5px 0; }
.jinro_step2 li div span{display:block; font-size:16px;}
.jinro_step2 li div {position:relative; width:130px; height:130px; padding:40px 0 0 0; line-height:22px; color:#fff; border-radius:100px; background:#ff7a22; font-size:18px; text-align:center; box-sizing:border-box;}
.jinro_step2 li:after {position:absolute; top:50px; right:0; content:''; display:block; width:30px; height:30px; background:url("../../imgs/contents/curr02_all_arrow2.gif") 0 0 no-repeat; background-size:30px 30px;}
.jinro_step2 li:last-child:after {display:none;}
@media all and (max-width:767px) {
	.jinro_step2 li{padding:10px 30px 5px 0;}
	.jinro_step2 li div {position:relative; width:90px; height:76px; padding:13px 0 0 0; font-size:15px;}
	.jinro_step2 li:after {top:35px; }
} 


/* ÀÌ¹ÌÁö Ãà¼Ò */
.pc_img{display:block;}
.mobile_img{display:none;}
@media all and (max-width:1600px) {
		img.conImg{width:100%;}
}
@media all and (max-width:767px) {
		.pc_img{display:none;}
		.mobile_img{display:block;}
}

/* °¡·ÎÆø */
.width70{width:70%; margin:0 auto;}
.width80{width:80%; margin:0 auto;overflow:hidden;}
.width90{width:90%; margin:0 auto;}
@media all and (max-width:767px) {
		.width70{width:100%;}
		.width80{width:100%;}
		.width90{width:100%;}
}




/* °³¿ä */
.conbox_img{padding-left:321px !important; background:#eee url("../../imgs/contents/bg_ez_data_conbox.png") left 84px center no-repeat !important; }


@media all and (max-width:1258px) {
    .conbox_img{padding-left:2% !important; padding-top:100px !important; background-position:center top 20px !important; text-align:center !important;}
}

@media all and (max-width:768px) {
    .conbox_img{padding-left:2% !important; padding-top:100px !important; background-position:center top 20px !important;}
    
    .table_scroll{overflow-x:auto; white-space:nowrap;}
    .table_scroll table{width:auto;}
}

/* ±¸¼ºµµ ez-Data Ãß°¡ÀÛ¾÷ */
.img_box{text-align:center;}

@media all and (max-width:1500px) {
    .img_box img{width:100%;}
}

/* Áö¿øÇÃ·§Æû */
.ez_data_area:after{display:block; content:""; clear:both;}
.ez_data_area > div{float:left; width:calc(100%/2 - 25px); margin-right:50px;}
.ez_data_area > div:nth-child(2n){margin-right:0;}
.ez_data_area h4{padding-left:30px; background:url("../../imgs/contents/icon_ez_data_bul.png") left 10px center no-repeat; font-size:22px; color:#555; font-weight:normal;}
.ez_data_area .area_cont{padding:60px 25px 25px 25px; border:1px solid #bcbcbc; border-radius:10px; box-shadow:3px 3px 3px rgba(0,0,0,0.15); text-align:center;}
.ez_data_area .area_cont img{}
.ez_data_area .area_cont .txt_box{height:160px; margin-top:56px; padding:30px 40px; background-color:#eee; border-radius:5px; text-align:left; box-sizing:border-box;}
.ez_data_area .area_cont .txt_box ul{}
.ez_data_area .area_cont .txt_box ul li{position:relative; margin-bottom:10px; padding-left:15px; font-size:18px;}
.ez_data_area .area_cont .txt_box ul li:last-child{margin-bottom:0;}
.ez_data_area .area_cont .txt_box ul li:before{display:block; content:""; position:absolute; left:0; top:11px; width:4px; height:4px; border-radius:50%; background-color:#555;}
.ez .con_top {position:relative; background:url("../../imgs/2023/ez_top.png") no-repeat center center; background-size:cover; height:295px; text-align:center; margin-bottom:40px;}

@media all and (max-width:1258px) {
    .ez_data_area > div{float:none; width:100%; margin-right:0; margin-top:20px;}
    .ez_data_area > div:first-child{margin-top:0;}
    
    .ez_data_area .area_cont .txt_box{height:auto;}
    .ez_data_area .area_cont .txt_box ul li{font-size:16px;}
    
}
@media all and (max-width:767px) {
	.ez .con_top { height:auto; }
}
@media all and (max-width:670px) {
    .ez_data_area .area_cont{padding:60px 15px 15px 15px;}
    .ez_data_area .area_cont img{width:100%;}
    .ez_data_area .area_cont .txt_box{padding:5%;}
    
}

/* Æ¯ÀåÁ¡ */
.line_box{padding:23px 0; box-sizing:border-box; border-top:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc;}
.line_box > div{overflow:hidden; }
.line_box > div:last-child{margin-top:20px;}
.line_box > div > div{float:left;}
.line_box .line_box_tit{width:548px; height:140px; padding-left:165px; padding-top:37px; background:#1874b7 url("../../imgs/contents/bg_ez_data_features.png") left 45px center no-repeat; border-radius:0 500px 500px 0; color:#fff;  box-sizing:border-box;}
.line_box .line_box_tit span{font-size:16px; }
.line_box .line_box_tit p{margin-top:10px; font-size:22px;}
.line_box .line_box_list{padding:18px 0 0 58px;}
.line_box .line_box_list ul{}
.line_box .line_box_list ul li{position:relative; margin-bottom:10px; padding-left:14px; font-size:17px; color:#555;}
.line_box .line_box_list ul li:last-child{margin-bottom:0;}
.line_box .line_box_list ul li:before{display:block; content:""; position:absolute; left:0; top:11px; width:4px; height:4px; border-radius:50%; background-color:#555;}

.line_box > div:last-child .line_box_tit{background-image:url("../../imgs/contents/bg_ez_data_features2.png"); background-color:#75c4b0;}

@media all and (max-width:1200px) {
    .line_box .line_box_tit{width:100%; height:auto; padding-bottom:37px; padding-right:30px;}
    .line_box .line_box_list{padding-left:20px;}
    .line_box .line_box_list ul li{font-size:16px;}
}

@media all and (max-width:500px) {
    .line_box > div .line_box_tit{padding-left:20px; background-image:none !important;}
}

/* ÁÖ¿äÈ­¸é */
.ez_data_area4:after{display:block; content:""; clear:both;}
.ez_data_area4 > div{float:left; width:calc(100%/2 - 25px); margin-right:50px;}
.ez_data_area4 > div:nth-child(2n){margin-right:0;}
.ez_data_area4 > div:nth-child(3), .ez_data_area4 > div:nth-child(4){margin-top:48px;}
.ez_data_area4 .screen_box{padding:18px 15px 15px 15px; border:1px solid #bcbcbc; background-color:#fafafa; border-radius:10px; box-sizing:border-box;}
.ez_data_area4 .screen_box img{}
.ez_data_area4 .screen_box .txt{float:right; width:calc(100% - 540px); padding-left:5px; box-sizing:border-box;}
.ez_data_area4 > div:nth-child(2n) .screen_box .txt{float:left; padding-left:0;}
.ez_data_area4 .screen_box .txt p{position:relative; margin-bottom:12px; padding-left:12px; font-size:20px; color:#333;}
.ez_data_area4 .screen_box .txt p:before{display:block; content:""; position:absolute; left:0; top:11px; width:4px; height:4px; border-radius:50%; background-color:#555;}
.ez_data_area4 .screen_box .txt ul{padding-left:16px; }
.ez_data_area4 .screen_box .txt ul li{margin-bottom:8px; font-size:15px; color:#555;}

@media all and (max-width:1470px) {
    .ez_data_area4 > div{float:none; width:100%; margin-right:0; margin-top:20px;}
    .ez_data_area4 > div:first-child{margin-top:0;}
    .ez_data_area4 > div:nth-child(3), .ez_data_area4 > div:nth-child(4){margin-top:20px;}
    
    .ez_data_area4 .screen_box img{width:auto;}    
    .ez_data_area4 > div:nth-child(2n) .screen_box .txt{float:right;}
}

@media all and (max-width:768px) {
    .ez_data_area4 .screen_box img{width:100%;}
    .ez_data_area4 .screen_box .txt, .ez_data_area4 > div:nth-child(2n) .screen_box .txt{float:none !important; width:100%;}
    .ez_data_area4 .screen_box .txt p{margin-top:7px; margin-bottom:7px;}
}


/*Æ÷Æ®Æú¸®¿À */
.port {background:url('/imgs/contents/portBg.png') no-repeat right top;overflow:hidden;padding:70px 0 0;}
.port ul {width:100%;}
.port ul li {position:relative;width:calc(23% - 10px);margin:1% 1.2%;display:inline-block;vertical-align: top;}
.port ul li:after {content:""; display:block; clear:both;} 
.port ul li a {overflow:hidden;display:block;border:1px solid #c0c1ca;background:#fff;box-sizing:border-box;color:#828493;padding:30px;}
.port ul li:nth-child(3n) a {border:1px solid #c9b4ab;color:#c9b4ab;}
.port ul li a:hover {box-shadow:1px 5px 7px rgba(0,0,0,0.3);}
.port ul li a div{position:relative;z-index:1;}
.port ul li a div span {display:block;padding-bottom:30px;}
/*.port ul li a div span img{max-width:100%;}*/
.port ul li a div span em {display:inline-block;font-style: normal;}
.port ul li a div span em:after {content:""; display:block; clear:both;background:#828493;width:100%;height:1px;margin-top:15px}   
.port ul li:nth-child(3n) a div span em:after {background:#b18978;}   
.port ul li a div span.title {color:#6c6f84;font-size:20px;font-weight:bold;height:40px;line-height:1.3;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.port ul li a div span:nth-child(1) {padding-bottom:20px;}
.port ul li a div span:nth-child(4) {padding-bottom:0;}
.port ul li:nth-child(3n) a div span.title {color:#b18978}
.port ul li a div span.link { position:relative; margin:0 2px; padding-right:20px; white-space:nowrap;font-weight:300; overflow: hidden;white-space: pre;text-overflow: ellipsis;}
.port ul li a div span.link:after {display:block; position:absolute; top:7px; right:0; width:13px; height:13px; margin:0 1px; background:transparent url('/imgs/contents/new_link2.png') no-repeat; content:"";}
.port ul li a:hover div span.link {background:url('/imgs/contents/text_bg.png') repeat-x 0 100%;font-weight:300;}
.port ul li a .over{position:absolute;top:0;left:0;z-index:0;display:block;width:100%;height:100%;}
.port ul li a .over span{display:block;position:absolute;background:#79869b;padding:0 !important;transition:all .3s;}
.port ul li:nth-child(3n) a .over span{background:#c9b4ab;}
.port ul li a .over span.bar1{top:0;right:0;width:0;height:5px;transition-delay:0s;}
.port ul li a .over span.bar2{bottom:0;left:0;width:5px;height:0;transition-delay:0s;}
.port ul li a .over span.bar3{bottom:0;right:0;width:0;height:5px;transition-delay:.3s;}
.port ul li a .over span.bar4{bottom:0;right:0;width:5px;height:0;transition-delay:.3s;}
.port ul li a:hover .over span.bar1{width:100%;transition-delay:.3s;}
.port ul li a:hover .over span.bar2{height:100%;transition-delay:.3s;}
.port ul li a:hover .over span.bar3{width:100%;transition-delay:0s;}
.port ul li a:hover .over span.bar4{height:100%;transition-delay:0s;}
.open_btn {margin:60px 0px;}
@media all and (max-width:1600px){
   .port ul li a div span img{width:100%;}
}
@media all and (max-width:1400px){
   .port ul li a div span.title br {display:none;}
}
@media all and (max-width:1200px) {
   .port ul li {position:relative;width:calc(30.5% - 10px);}
}
@media all and (max-width:800px) {
   .port ul li {position:relative;width:calc(48.5% - 10px);margin:1% 1.2%;}
   .open_btn {margin:20px 0px;}
}
@media screen and (max-width:600px) {
   .port ul li {position:relative;width:calc(99.5% - 10px);}
}
/*Æ÷Æ®Æú¸®¿À ¸ÞÅ¸¹ö½º Ãß°¡ 0805*/
.port2 {background:url('/imgs/contents/portBg.png') no-repeat right top;overflow:hidden;padding:70px 0 0;}
.port2 ul {width:100%;}
.port2 ul li {position:relative;width:calc(19% - 10px);margin:0.5% 0.5%;display:inline-block;}
.port2 ul li:after {content:""; display:block; clear:both;} 
.port2 ul li a {overflow:hidden;display:block;border:1px solid #c0c1ca;background:#fff;box-sizing:border-box;color:#828493;padding:30px;}
.port2 ul li:nth-child(3n) a {border:1px solid #c9b4ab;color:#c9b4ab;}
.port2 ul li a:hover {box-shadow:1px 5px 7px rgba(0,0,0,0.3);}
.port2 ul li a div{position:relative;z-index:1;}
.port2 ul li a div span {display:block;padding-bottom:30px;}
/*.port ul li a div span img{max-width:100%;}*/
.port2 ul li a div span em {display:inline-block;font-style: normal;}
.port2 ul li a div span em:after {content:""; display:block; clear:both;background:#828493;width:100%;height:1px;margin-top:15px}   
.port2 ul li:nth-child(3n) a div span em:after {background:#b18978;}   
.port2 ul li a div span.title {color:#6c6f84;font-size:20px;font-weight:bold;height:40px;line-height:1.3;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.port2 ul li a div span:nth-child(1) {padding-bottom:20px;}
.port2 ul li a div span:nth-child(4) {padding-bottom:0;}
.port2 ul li:nth-child(3n) a div span.title {color:#b18978}
.port2 ul li a div span.link {display:inline-block !important; position:relative; margin:0 2px; padding-right:20px; white-space:nowrap;font-weight:300;}
.port2 ul li a div span.link:after {display:block; position:absolute; top:7px; right:0; width:7px; height:13px; margin:0 1px; background:transparent url('/imgs/contents/new_arr.png') no-repeat; content:"";}
.port2 ul li a div span:nth-child(3n) {padding-bottom:0px;}
.port2 ul li a:hover div span.link {background:url('/imgs/contents/text_bg.png') repeat-x 0 100%;font-weight:300;}
.port2 ul li a .over{position:absolute;top:0;left:0;z-index:0;display:block;width:100%;height:100%;}
.port2 ul li a .over span{display:block;position:absolute;background:#79869b;padding:0 !important;transition:all .3s;}
.port2 ul li:nth-child(3n) a .over span{background:#c9b4ab;}
.port2 ul li a .over span.bar1{top:0;right:0;width:0;height:5px;transition-delay:0s;}
.port2 ul li a .over span.bar2{bottom:0;left:0;width:5px;height:0;transition-delay:0s;}
.port2 ul li a .over span.bar3{bottom:0;right:0;width:0;height:5px;transition-delay:.3s;}
.port2 ul li a .over span.bar4{bottom:0;right:0;width:5px;height:0;transition-delay:.3s;}
.port2 ul li a:hover .over span.bar1{width:100%;transition-delay:.3s;}
.port2 ul li a:hover .over span.bar2{height:100%;transition-delay:.3s;}
.port2 ul li a:hover .over span.bar3{width:100%;transition-delay:0s;}
.port2 ul li a:hover .over span.bar4{height:100%;transition-delay:0s;}
@media all and (max-width:1400px){
   .port2 ul li a div span.title br {display:none;}
   .port2 ul li a div span img{max-width:100%;}
}
@media all and (max-width:1200px) {
   .port2 ul li {position:relative;width:calc(30.5% - 10px);}
}
@media all and (max-width:800px) {
   .port2 ul li {position:relative;width:calc(48.5% - 10px);margin:1% 1.2%;}
}
@media screen and (max-width:600px) {
   .port2 ul li {position:relative;width:calc(99.5% - 10px);}
}

.meteCnt {background:url('/imgs/contents/portBg.png') no-repeat right top;overflow:hidden;padding:20px 70px 0;}
.meteCnt h3 {display:inline-block;font-size:28px;color:#000;background:none;}
.meteCnt h3 span {color:#f66f26;}
.meteCnt h3:before {content:""; display:block; clear:both;background:#828493;width:100%;height:1px;margin-bottom:15px}   
.meteCnt p {padding:20px 0px; font-size:17px;}
.meteCnt p span {color:#4193e0;}
.meteCnt .btn { float:right; margin-top:20px;}
.meteCnt .btn a {display:inline-block;border:1px solid #989898;padding:10px 30px;}
@media all and (max-width:800px) {
   .meteCnt {padding:0px 20px;}
}

.con_meta2 {border-top:1px solid #bcbcbc;border-bottom:1px solid #bcbcbc;padding:20px 0;margin:20px 0 30px;}
.con_meta2 ul.conList{margin:12px 0 5px 0px;word-break:keep-all;}
.con_meta2 ul.conList>li{position:relative;line-height:28px;padding:0 0 0 16px;margin:5px 0;}
.con_meta2 ul.conList>li:after{content:'';display:block;position:absolute;top:10px;left:0;width:8px;height:8px;border-radius:300px;background:#009ed9;}
.con_meta2 ul.conList span {color:#000;font-size:20px;}
.con_meta3 p {position:relative;display:inline-block;padding:0 15px;z-index:10;font-size:22px;color:#067ecd;}
.con_meta3 p:before{position:absolute;bottom:0px;left:0;z-index:-1;content:'';display:block;width:100%;height:17px;border-radius:30px;background:#e2f3fa;}
.con_meta3 p span {color:#1a77e0;}
.con_meta3 p em {font-style:normal;font-size:28px;font-weight:bold;}
@media all and (max-width:1200px) {
  .con_meta3 p:before {background:none;}
}


/*Æ÷Æ®Æú¸®¿À Á¢±Ù¼º*/
.total {text-align:right;margin-bottom:20px; }
.total span {display:inline-block; background: #0e94cb;border-radius: 300px;padding: 10px 20px; color: #fff;}
.wa_mark ul li {border-bottom:1px solid #d0d0d0;padding:20px 0px;}
.wa_mark ul li:first-child{border-top:1px solid #d0d0d0;}
.wa_mark .title { display: block; position: relative; color: #111; } 
.wa_mark .title.new_link3:after {display: block; content:""; width:22px; height:21px; background: url('/imgs/contents/new_link3.png')no-repeat; position: absolute; top: 10%; right: 10%;}
.wa_mark .title .year { display: inline-block; width: 18rem; vertical-align: middle; margin-right: -4px; text-align:center;} 
.wa_mark .title .year span { display: inline-block; position: relative;font-size:16px; letter-spacing: 0; color:#0e8cb0} 
.wa_mark .title .year span::after { display: block; content: ""; width:5px; height:5px; background: #0e8cb0; border-radius: 50%; position: absolute; top: .65rem; left: calc(100% + .5rem); } 
.wa_mark .title .name {font-size:20px;}
.wa_mark .title .name span {font-weight:300;font-size:17px;}
@media (max-width:768px){
	 .wa_mark .title .year { display: block; width: 100%; margin-right: 0; margin-bottom: 1rem; text-align:left; } 
	 .wa_mark .title.new_link3:after {top: 0%; right: 2%; }
	 .wa_mark .title .name {font-size:18px;}

}

/*¸ð¹ÙÀÏ±³¿ÜÃ¼Çè*/
.mobLea {position:relative;}
.mobLea .con_top {position:relative; background:url("../../imgs/2023/mobLea_top.png") no-repeat center center; background-size:cover; height:295px; text-align:center; margin-bottom:40px;}
.mobLea h3 {font-size:27px; text-align:center; font-weight:normal; color:#000; background:none; line-height:25px; margin:60px 0 5px;}
.mobLea .boxTitle01 p { margin:0 0 40px 0; }
.mobLea_con { display:flex; justify-content: space-between; padding:0 10%; margin-bottom:40px;align-items: flex-start; }
.mobLea_con ul li { border-bottom:1px solid #ddd; padding:40px 0; text-align:left;}
.mobLea_con ul li strong { color:#1c3e83; font-size:14px; width:80px; display:inline-block; }
.mobLea_con ul li span { color:#363636; font-size:16px; }
.mobTitle {background:#1c3e83; text-align:center;font-size:35px;padding:50px 0;color:#fff;font-family:"Iropke Batang";}
.mobTitle span:first-child{color:#f8d044;font-weight:bold;}
.mobTitle span:last-child{color:#6bf8d8;font-weight:bold;}
.mobLea_con { overflow:hidden; }
.mobLea_con2 ul { display:flex; justify-content: center; }
.mobLea_con2 ul li { background:#f9f9f9; padding:0; text-align:center; width:260px; height:240px; padding:30px; }
.mobLea_con2 ul li:nth-child(2) { margin:0 80px; }
.mobLea_con2 ul li img { display:block; margin:0 auto; }
.mobLea_con2 ul li strong { display:block; font-size:18px; color:#222; margin:10px 0; }
.mobLea_con2 ul li span { display:block; font-size:14px; }
@media all and (max-width:1600px){
	.mobLea_con ul { width:30%; }
	.mobLea_con img { width:65%; }
	.mobLea_con { padding:0 3%; }	
}
@media all and (max-width:1024px){
	.mobTitle {padding:30px;font-size:30px;line-height:1.3;}
	.mobLea_con { display:block; }
	.mobLea_con ul { width:100%; }
	.mobLea_con img { width:100%; }
	.mobLea_con2 ul li:nth-child(2) { margin:0 20px; }
}
@media all and (max-width:767px) {
	.mobLea .con_top{ height:auto; }
	.mobLea_con2 ul { display:block; } 
	.mobLea_con2 ul li { width:100%; padding:10px 0; height:auto; }
	.mobLea_con2 ul li:nth-child(2) { margin:10px 0; }	
	.mobLea_con2 ul li img { width:80px }
.mobLea_con2 ul li strong { font-size:16px; }
}
.boxStyle01{border:1px solid #e3e3e3;padding:60px 40px;overflow:hidden;}

.boxTitle01 {text-align:center;}
.boxTitle01 p {position:relative;font-size:30px;letter-spacing:-1px;color:#0e2c5d;}
.boxTitle01 p:after {position:absolute; top:0; left:13%; content:""; width:18px; height:15px; background:url('/imgs/contents/mob_blit01.png');}
.boxTitle01 p:before {position:absolute; top:0; right:13%; content:""; width:18px; height:15px; background:url('/imgs/contents/mob_blit02.png')}
.boxTitle01 p strong {color:#2678cc;font-size:30px;}
.boxTitle01 p span{position:relative;display:inline-block;padding:0 15px;z-index:10;}
.boxTitle01 p span:before{position:absolute;bottom:0px;left:0;z-index:-1;content:'';display:block;width:100%;height:17px;border-radius:30px;background:#e2f3fa;}

.boxTitle02 {text-align:center;}
.boxTitle02 p {position:relative;font-size:30px;letter-spacing:-1px;color:#0e2c5d;}
.boxTitle02 p strong {color:#2678cc;font-size:30px;}
.boxTitle02 p span{position:relative;display:inline-block;padding:0 15px;z-index:10;}
.boxTitle02 p span:before{position:absolute;bottom:0px;left:0;z-index:-1;content:'';display:block;width:100%;height:17px;border-radius:30px;background:#e2f3fa;}
@media all and (max-width:1400px){
   .boxTitle01 p:after, .boxTitle01 p:before {position:initial;background:none;}
   .boxTitle01 p, .boxTitle02 p {font-size:27px;}
}
@media all and (max-width:1024px){
   .boxStyle01{padding:30px 20px;}

   .boxTitle01 p:after, .boxTitle01 p:before {position:initial;}
   .boxTitle01 p span {line-height:1.2;}
   .boxTitle01 p span:before {position:initial;background:none;}

   .boxTitle02 {text-align:center;background:url('/imgs/contents/tit_bar.gif') repeat-x 0 100%;padding:0 0 30px;}
   .boxTitle02 p span {line-height:1.2;}
   .boxTitle02 p span:before {position:initial;background:none;}
}

.listLeft {width:50%;float:left; border-right:1px solid #ddd;margin:60px 0 0;}
.listRight {width:49%;float:left;margin:60px 0 0; }
.listRight li {margin:0px 0 35px 40px !important;}
.mob_list li{position:relative;float:left;height:110px;box-sizing:border-box;padding: 15px 30px 0 150px;margin: 0px 0 35px;line-height:1.5;letter-spacing:-0.03em;word-break:keep-all;}
.mob_list li:before{position:absolute;top:0;left: 0px;content:'';display:block;width:129px;height:124px;background-size:100%;}
.mob_list li strong{position:relative;display:block;font-size:20px;padding-bottom:5px;color:#0d3d7b;font-weight:500;}
.mob_list li.icon01:before{background:url('/imgs/contents/mob_icon01.png') no-repeat;}
.mob_list li.icon02:before{background:url('/imgs/contents/mob_icon02.png') no-repeat;}
.mob_list li.icon03:before{background:url('/imgs/contents/mob_icon03.png') no-repeat;}
.mob_list li.icon04:before{background:url('/imgs/contents/mob_icon04.png') no-repeat;}
.mob_list li.icon05:before{background:url('/imgs/contents/mob_icon05.png') no-repeat;}
.mob_list li.icon06:before{background:url('/imgs/contents/mob_icon06.png') no-repeat;}
.mob_list li.icon07:before{background:url('/imgs/contents/mob_icon07.png') no-repeat;}
.mob_list li.icon08:before{background:url('/imgs/contents/mob_icon08.png') no-repeat;}
.mob_list li.icon09:before{background:url('/imgs/contents/mob_icon09.png') no-repeat;}
.mob_list li.icon10:before{background:url('/imgs/contents/mob_icon10.png') no-repeat;}
.mob_list li.icon11:before{background:url('/imgs/contents/mob_icon11.png') no-repeat;}
.mob_list li.icon12:before{background:url('/imgs/contents/mob_icon12.png') no-repeat;}
.mob_list li.icon13:before{background:url('/imgs/contents/mob_icon13.png') no-repeat;}
.mob_list li.icon14:before{background:url('/imgs/contents/mob_icon14.png') no-repeat;}
.mob_list li.icon15:before{background:url('/imgs/contents/mob_icon15.png') no-repeat;}
.mob_list li.icon16:before{background:url('/imgs/contents/mob_icon16.png') no-repeat;}
@media all and (max-width:1024px){    
   .listLeft {width:100%;border:none;margin:40px 0 0;}
   .listRight {width:100%;margin:10px 0 0;}
   .listLeft li , .listRight li {margin:0px 0 15px  0px !important;height:124px;}
}
@media all and (max-width:768px){    
   .listLeft {width:100%;border:none;margin:40px 0 0;}
   .listLeft li {/*height:auto;*/}
   .listRight {width:100%;margin:10px 0 0;}
   .listRight li {margin:0px 0 35px 0px !important;/*height:auto;*/}
}
@media all and (max-width:640px){    
   .listLeft li, .listRight li {height:auto;min-height:124px;}
}
@media all and (max-width:480px){
	.mob_list li{padding:0;height:auto;}
	.mob_list li:before{position:relative;top:auto;left:auto;margin:0 auto 10px;background-size:100% !important;height:100px;width:95px;}
}

.custBox {background:#068c8f;overflow:hidden;font-size:20px;color:#fff;margin:40px 0 0;}
.custBox .left {background:#1c3e83;float:left;text-align:center;}
.custBox .left span {height:200px;display:table-cell;vertical-align:middle;padding:0 50px;}
.custBox .right {float:left;}
.custBox .right ul{display:table-cell;height:200px;vertical-align:middle;font-weight:400;padding-left:90px;}
.custBox .right ul li{position:relative;padding-left:9px;line-height:1.5;margin-bottom:7px;}
.custBox .right ul li:before{position:absolute;top:12px;left:0;content:'';display:block;width:5px;height:5px;background:#fff;}
.custBox .right ul li span {float:left;}
.custBox .right ul li div {padding:0 0 0 100px;line-height:1.7;}
.custBox .right ul li div span {background:#008066;width:30px;height:30px;border-radius: 300px;display: inline-block;text-align: center;}
.custBox .right ul li div span:last-child {background:#01987a;}
  @media all and (max-width:1200px){  
  .custBox .left span {padding:0 40px;}
  }
 @media all and (max-width:1200px){    
  .custBox .left {width:100%;}
  .custBox .left span {display:block;padding:20px;height:auto;}
  .custBox .right ul {padding:20px 50px;}
 }
 @media all and (max-width:640px){
   .custBox .right ul {padding:20px;font-size:17px;}
   .custBox .right ul li div {padding:35px 0 0 ;}
 }


 /* Àú¼öÁ¶°ü¸®½Ã½ºÅÛ */
.tank_subject { margin:80px 0 0 0; background:url('/imgs/contents/con_si_arrow1.gif') no-repeat center center; overflow:hidden;}
.tank_subject .box-left { float:left; width:45%; }
.tank_subject .box-right { float:right; width:45%; }
.tank_subject strong { display:block; width:100%; text-align:center; color:#fff; font-size:24px; padding:20px 0; border-radius:40px 40px 0 0; background:#1c3e83;}
.tank_subject .box-right strong { display:block; width:100%; text-align:center; background:#068c8f; color:#fff; font-size:24px; padding:20px 0; border-radius:40px 40px 0 0;}
.tank_subject ul { padding:20px 30px 30px 30px; border:1px solid #b9b9b9; border-top:0; }
.tank_subject ul li { color:#333; font-size:16px; line-height:36px; font-weight:400; background:url('/imgs/contents/sm_li.gif') no-repeat 0 17px; padding-left:15px; border-bottom:1px solid #e5e5e5; letter-spacing:-1.5px;}

h3.tit3 {font-size: 27px; text-align: center; font-weight: normal; color: #000; background: none; line-height: 25px; margin: 80px 0 5px;}
.sub_list { padding:0 0 0 0;}
.sub_list li.high{position:relative;float:left;height:135px;box-sizing:border-box;padding: 0 30px 0 180px;margin: 0px 40px 35px 0;line-height:1.5;letter-spacing:-0.03em;word-break:keep-all;overflow:hidden;}
.sub_list li.high:before{position:absolute;top:0;left: 0px;content:'';display:block;width:129px;height:124px;background-size:100%;}
.sub_list li.high strong {position:relative;display:block;font-size:20px;padding-bottom:5px;color:#0d3d7b;font-weight:500;}
.sub_list li.high:last-child { margin-bottom:0; }
.sub_list li.icon01:before{background:url('/imgs/contents/tank_icon03.png') no-repeat; display:block; width:129px; height:124px; }
.sub_list li.icon02:before{background:url('/imgs/contents/tank_icon06.png') no-repeat; display:block; width:129px; height:124px; }
.sub_list li.icon03:before{background:url('/imgs/contents/tank_icon07.png') no-repeat; display:block; width:129px; height:124px; }
.sub_list li.icon04:before{background:url('/imgs/contents/tank_icon04.png') no-repeat; display:block; width:129px; height:124px; }
.sub_list li.icon05:before{background:url('/imgs/contents/tank_icon05.png') no-repeat; display:block; width:129px; height:124px; }
.sub_list li.high ul {float:left;}
.sub_list li ul li { background:url('/imgs/contents/sm_li.gif') no-repeat 0 11px; padding-left:15px; margin:0 20px 0 0;}
.sub_list.listRight li ul li { margin:0 20px 0 0 !important;}
.effect { text-align:center; margin:0 0 40px 0; padding:0 0 130px 0; background:url('/imgs/contents/con_si_arrow2.gif') no-repeat center bottom;}
.effect ul li { display:inline-block; width:250px; height:250px; border-radius:300px; padding:5px; vertical-align:bottom; position:relative; margin:0 10px; box-shadow:3px 3px 5px #999;}
.effect ul li span {display:inline-block; border:1px solid #fff; color:#fff; font-size:21px; border-radius:300px; width:208px; height:158px; padding:90px 20px 0 20px;word-break:keep-all;}
.effect ul li:nth-child(1) { background:#1c3e83; }
.effect ul li:nth-child(2) { background:#065d8f; }
.effect ul li:nth-child(3) { background:#068c8f; }
.effect ul li.center:before { content:''; background:url('/imgs/contents/effect_icon01.png') no-repeat; width:80px; height:80px; display:block; position:absolute; left:-47px; top:98px; z-index:999; }
.effect ul li.center:after { content:''; background:url('/imgs/contents/effect_icon02.png') no-repeat; width:80px; height:80px; display:block; position:absolute; right:-57px; top:98px; z-index:999;}
.effect_img { margin-top:60px; }

@media all and (max-width:1599px){
	.tank_subject ul { min-height:380px; }
}
@media all and (max-width:1380px){
	.effect_img img { width:100%; }
}
@media all and (max-width:991px){
	.tank_subject { background:none; }
	.tank_subject .box-left { float:none; width:100%; padding:0 0 110px 0; margin:0 0 20px 0; background:url('/imgs/contents/con_si_arrow2.gif') no-repeat bottom center;}
	.tank_subject .box-right { float:none; width:100%; }
	.tank_subject ul { min-height:auto; }
	.effect ul li span { width:158px; height:138px; padding:60px 20px 0 20px; font-size:18px;}
	.effect ul li { width:200px; height:200px; }
	.effect ul li.center:after { top:65px; }
	.effect_img { overflow-y:scroll; }
	.effect_img img { width:auto; }
}
@media all and (max-width:768px){
	.tank_subject strong { font-size:18px; padding:10px 0; }
	.tank_subject ul li { font-size:14px; }
	.boxTitle02 p.tit { font-size:21px; }
	.boxTitle02 p.tit strong { font-size:21px; }
	.sub_list li.high { margin:0 0 20px 0; padding:0 0 0 150px; height:auto; }
	.sub_list li.high strong { font-size:18px;}
	.effect ul li { width:100%; height:auto; margin:0 0 5px 0; }
	.effect ul li span { width:100%; height:auto; border:0; padding:0;}
	.effect ul li.center:before { display:none; }
	.effect ul li.center:after { display:none; }
}
@media all and (max-width:480px){
	.sub_list li.high { float:none; width:100%; padding:135px 0 0 0; }
	.sub_list li.icon01:before { width:100%; background:url('/imgs/contents/tank_icon03.png') no-repeat center 0; }
	.sub_list li.icon02:before { width:100%; background:url('/imgs/contents/tank_icon03.png') no-repeat center 0; }
	.sub_list li.icon03:before { width:100%; background:url('/imgs/contents/tank_icon03.png') no-repeat center 0; }
	.sub_list li.icon04:before { width:100%; background:url('/imgs/contents/tank_icon03.png') no-repeat center 0; }
	.sub_list li.icon05:before { width:100%; background:url('/imgs/contents/tank_icon03.png') no-repeat center 0; }
	.sub_list li.high strong { text-align:center; }
}


/* ÀÎÁõÇöÈ² */
.lisence { position:relative; }
.lisence h3 { text-align:center; color:#000; margin:60px 0 40px 0; height:auto; background:none;}
.lisence .slick-slider { padding:0 5%; }
.lisence img { width:250px; background:#fff; padding:4px; border:1px solid #ddd; margin: 0 auto; box-shadow: 8px 8px 0 0 #f1f1f1;}
.lisence .slick-center { text-align:center; }
.lisence strong { color:#000; font-weight:400; font-size:18px; letter-spacing:-1px;line-height: 22px; word-break: keep-all; display:block; margin:20px 20%; text-align:center; }
.lisence .slick-next { background:url('/imgs/2023/lisence-next.png') no-repeat 0 0; font-size:0; border:0; width:24px; height:46px; position:absolute; top:35%; right:0; z-index: 100; }
.lisence .slick-prev { background:url('/imgs/2023/lisence-prev.png') no-repeat 0 0; font-size:0; border:0; width:24px; height:46px; position:absolute; top:35%; left:0; z-index: 100; }
.lisence button:hover { cursor:pointer; }
.lisence .slick-track { width:100%; }
.lisence .slick-list { width:100%; }
@media all and (max-width:1600px){
	.lisence .slick-slide { width:25%; }
	.lisence img { width:80%; }
}
@media all and (max-width:991px){
	.lisence h3 { font-size:18px; margin:20px 0; }
	.lisence strong { font-size:14px; line-height: 18px;}
}


.history .mn_category1 { overflow: hidden; display: flex; padding: 10px 0 15px; margin:50px auto 80px auto; text-align: center; } 
.history .mn_category1 li a { font-family: 'Montserrat'; font-style: italic; }
.history { overflow:hidden; }
.history .tabContent { width: 100%; } 
.history .tabContent div { display: flex; margin-bottom: 60px; } 
.history .tabContent:before { content: ''; position: absolute; top: 240px; left: 50%; width: 1px; height: 100%; background: #d8d8d8; } 
.history .tabContent .year, .history .tabContent .hisCon { width: 50%; } 
.history .tabContent ul { display: inline-block; width: 80%; padding-left: 100px; } 
.history .tabContent .his2 ul { padding-right: 100px; text-align:right; } 
.history .tabContent .his2 ul li { flex-direction: row-reverse; display:flex; } 
.history .tabContent ul li { display:flex; }
.history .tabContent h3 { font-family: 'Montserrat'; display: inline-block; position: relative; width: 100%; text-align: right; color: #045a97; font-size: 55px; font-weight: 800; font-style: italic; vertical-align: top; margin-top: 0; padding-right: 80px; } 
.history .tabContent .h_r { padding-left: 80px; text-align: left; } 
.history .tabContent .his2 ul li strong { margin-left:15px; margin-right:0; } 
.history .tabContent ul li strong { margin-right: 15px; width: 5%; color: #6597bc; font-weight: 800; width:40px; display:inline-block;} 
.history .tabContent ul li span { word-break:keep-all; }
.history .tabContent h3:before { content: ''; position: absolute; top: 0; right: -13px; width: 24px; height: 24px; background:url('/imgs/2023/blue_bull.png') no-repeat center center; } 
.history .tabContent .his2 h3:before { left: -12px; } 
.history .tabContent .hisCon { position:relative; } 
.history .tabContent .hisCon:before { content: ""; position: absolute; top: 12px; left: 14px; width: 60px; height: 1px; border-top: 1px dashed #d8d8d8; } 
.history .tabContent .his2 .hisCon { justify-content: flex-end; } 
.history .tabContent .his2 .hisCon:before { display:none; } 
.history .tabContent .his2 .hisCon:after { content: ""; position: absolute; top: 12px; right: 14px; width: 60px; height: 1px; border-top: 1px dashed #d8d8d8; } 



@media (max-width: 1024px) {
.mn_category1 { margin: 20px 0; width:100%; }
.mn_category1 li a { padding:10px 0;  }
.history .tabContent ul{padding-left: 100px;}
.history .tabContent .his2 {flex-direction: row-reverse;justify-content: flex-end; } 
.history .tabContent:before {left: 30%;} 
.history .tabContent .year {width: 25%; }  
.history .tabContent h3 {font-size: 45px;font-weight: 800;padding-right:0;} 
.history .tabContent .h_r {padding-left: 0;text-align:right; } 
.history .tabContent .hisCon {width: 100%;}
.history .tabContent .hisCon:before, .history .tabContent .his2 .hisCon:after {display:none; } 
.history .tabContent .his2 ul {text-align:left; } 
.history .tabContent .his2 ul li {flex-direction: row; } 
.history .tabContent .his2 ul {padding-right:0;padding-left: 100px;} 
.history .tabContent .his2 ul li strong {margin-right: 15px;margin-left: 0; } 
.history .tabContent .his2 .hisCon {justify-content: flex-start; } 
.history .tabContent { float:none; border-left:1px solid #ddd; padding:0 0 70px 3%; width:97%; border:0; } 
.history .tabContent h3:before { display:none; } 
.history .tabContent:before { display:none; } 
 }

@media (max-width: 767px) {
	.history .tabContent ul, .history .tabContent .his2 ul{padding-left:0px;}
	.history .tabContent:before {left: 20%;}
  .history .tabContent:before {left: 20%;}
 .history .tabContent .h_r{text-align:left;}
	.history .tabContent h3 { width:100%; font-size:16px; height:auto; margin:0 0 10px 0; text-align:left;} 
	.history .tabContent ul li { margin:0 0 5px 0; }
	.history .tabContent ul li strong {font-size:14px;}
	.history .tabContent ul li span { width:90%; font-size:14px;}
	.history .tabContent div { margin-bottom:20px }
	.history .org_top{height:150px;}
	.mn_category1 li a { font-size:14px; }
	.mn_category1 li.on a { font-size:14px; }
}
@media all and (max-width:480px) {
	.history .tabContent ul, .history .tabContent .his2 ul {width:100%;padding: 0;}
	.history .tabContent ul li { width:100%; }
	.history .tabContent ul li strong { width:10%;}
	.mn_category1 li.on a:after { display:none; }
}


/* °ßÀû¹®ÀÇ */
.cont_innr h2{font-size: 40px; font-weight: 500; margin: 10px 0 25px 0; color:#000;}
.cont_innr h3{font-size: 30px; font-weight: 400; margin: 20px 0; background:none; height:auto;}

.cont_innr .title{margin-bottom: 140px;}
.cont_innr .title p:first-of-type{font-weight: 300; color: #f09517;}
.cont_innr{position: relative; width: 100%; margin: 0 auto;}
.cont_innr:before{content:''; position: absolute; left: 50px; top: 250px; width: 163px; height: 100%; background:url('/imgs/2023/title_bg.png') no-repeat left top; }
.card{display: flex; justify-content: end; margin-bottom: 140px;}
.card_visual{width: 700px; padding: 78px 0; background-color: #f2f2f2; border-radius: 20px;}
.card_visual img{max-width: 100%; padding: 0 125px 0 95px;}
.card_visual_cont{display: flex;}
.card_visual_cont p{font-size: 22px; font-weight: 400; margin: 25px; line-height: 20px; letter-spacing: 0;}

.card_text li{margin-bottom: 5px;}
.card_text p{position: relative; font-size: 30px; font-weight: 500; letter-spacing: 1px; margin: 78px 0 35px 0;}
.card_text p::before{content: ""; position: absolute; top: 20px; left: -25px; width: 12px; height: 12px; border-radius: 50%; background-color: #21a7d0;}
.card_text p::after{content: ""; display: inline-block; margin: 0px 0px 10px 20px; width: 180px; height: 1px; background-color: #21a7d0;}

.card_text2 li{margin-bottom: 5px;}
.card_text2 p{position: relative; font-size: 30px; font-weight: 500; letter-spacing: 1px; margin: 78px 0 35px 0;}
.card_text2 p::before{content: ""; position: absolute; top: 20px; left: -25px; width: 12px; height: 12px; border-radius: 50%; background-color: #f09517;}
.card_text2 p::after{content: ""; display: inline-block; margin: 0px 0px 10px 20px; width: 180px; height: 1px; background-color: #f09517;}

.value_cont{display: flex; justify-content: space-between;}

@media all and (max-width:1600px){
    .cont_innr h2{font-size: 30px; text-align: center;}
    .cont_innr h3{text-align: center;}
    .card{justify-content: center;}
    .cont_innr .title p{text-align: center;}
    .cont_innr{width: 100%;}
    .cont_innr::before{display: none;}

    .value_cont{flex-wrap: wrap; justify-content: center;}
    .value_cont p{text-align: center;}
    .value_cont img{width: 100%;}
    .left{margin-bottom: 100px;}
}

@media all and (max-width:1200px){
    .cont_innr h2{margin: 0 0 50px 0; font-size:16px; margin:0;}
    .cont_innr .title{margin-bottom: 50px;}
    .card ul{margin-right: calc(100% - 550px);}
    .card_text p::after{position: absolute; left: -40px; top: 15px; width: 1px; height: 200px;}
    .card_text2 p::after{position: absolute; left: -40px; top: 15px; width: 1px; height: 235px;}

    .card_text p::before{display: none;}
    .card_text2 p::before{display: none;}
    .card{flex-wrap: wrap; margin-bottom: 50px;}
    .card_visual{width: 100%; border-radius: 0;}
    .card_visual_cont{justify-content: center;}
    .card_visual img{padding: 0;}
	.card_text p { margin:0 0 15px 0; }
	.card_text2 p { margin:0 0 15px 0; }
	.card_visual_cont p { font-size:16px; }
    
    
}
@media all and (max-width:900px){
.card ul{margin-right: 0;}
}

@media all and (max-width:480px){
	.card_visual img { display:none; }
	.card_visual { padding:0; }
}

/* ½ÇÀû */
.port_list { margin-top:40px; }
.port_list .mn_category1 li a { font-family: 'Montserrat';font-style: italic; }
.port_list .tabContent { width:50%; margin:0 auto; margin-top:60px;}
.port_list .tabContent .con { display:flex; margin:0 0 40px 0; }
.port_list .tabContent h3 {font-style: italic; letter-spacing: 0; width: 130px; background:url('/imgs/2023/blue_bull.png') no-repeat left 10px; font-family: 'Montserrat'; color: #045a97; font-size: 36px; letter-spacing:-2px; font-weight: 600; text-align:left; height:auto; line-height: normal; margin:0 40px 0 0; padding:0 40px 0 45px; } 
.port_list .tabContent ul { margin:5px 0 0 0; }
.port_list .tabContent ul li { margin:0 0 15px 0; position:relative; }
.port_list .tabContent ul li:before { content:''; position:absolute; top:11px; left:-13px; width:3px; height:3px; background:#666; }
.port_list .tabContent ul li span { font-weight:300; letter-spacing:0; color:#363636;}

@media all and (max-width:1600px){
	.port_list .mn_category1 { width:70%; }
	.port_list .tabContent { width:70%; }
}
@media all and (max-width:991px){
	.port_list .mn_category1 { width:100%; }
	.port_list .tabContent { width:100%; }
}
@media all and (max-width:880px){
	.port_list .mn_category1 li {width: 33.3%;}
}
@media (max-width: 767px) {   
	.port_list .tabContent { margin-top: 20px; }
	.port_list .tabContent h3 { width:50px; padding: 0; font-size: 21px; background:none;} 
	.port_list .tabContent ul { margin:0; }
	.port_list .tabContent ul li span {font-size: 14px;}
	.port_list .tabContent ul li { margin:0 0 5px 0; }
	.port_list .tabContent .con { margin:0 0 20px 0; }
}
@media all and (max-width:480px){
	.port_list .tabContent .con { display:block}
	.port_list .tabContent ul { margin-left:5%; }
	.port_list .tabContent ul li { margin:0; }
	.port_list .tabContent h3 { width:100%; }
}
@media all and (max-width:450px){
	.mn_category1 li a { width:auto; }
	.port_list .mn_category1 { display:block; }
	.port_list .mn_category1 li { width:100%; }
}

/* À¥Á¢±Ù¼º */
.accessibility .tabContent ul li strong span { font-size:12px;  }
.accessibility .tabContent ul li a { background: transparent url('/imgs/2023/new_link3.png') no-repeat center right; padding-right:30px; }


/* 20260909 BUSINESS - AIOS */
.aios .con_top{position:relative; background:url("/img/2026/aios_top.png") no-repeat center center; background-size:cover; height:auto; min-height:295px; text-align:center; padding: 0 3%;}
.aios .con_top ul li{width: 80%;}
.aios h3{font-size:27px; text-align:center; font-weight:normal; color:#000; background:none; line-height:25px; margin:100px 0 20px;}
.aios h3:nth-of-type(1){margin-top: 60px;}

.aios .aios_sys{display: grid; grid-template-columns: repeat(3, 1fr); align-items: stretch; gap: 80px;}
.aios .aios_sys > li{display: flex; align-items: center; flex-direction: column; justify-content: flex-start; gap: 30px; padding: 40px 20px; border-radius: 10px; background: #f7f7f7;}
.aios .aios_sys img{width:260px; height:104px; object-fit:contain;}
.aios .aios_sys strong{font-size:25px; font-weight:600; color:#222;}
.aios .aios_sys span{text-align: center; font-size:17px; font-weight:400; color:#555;}

.aios .aios_result{display: grid; grid-template-columns: repeat(4, 1fr);}
.aios .aios_result > li{position: relative; display: flex; flex-direction: column; align-items: center; gap: 20px;}
.aios .aios_result > li:not(:last-child):after{content:''; position: absolute; top: 50%; right: 0; width: 1px; height: 65%; background: #ddd; transform: translateY(-50%);}
.aios .aios_result div{display: flex; flex-direction: column; gap: 10px;}
.aios .aios_result div span:first-child{color:#222; text-align: center; font-size: 40px; font-weight: 600;}
.aios .aios_result div span{text-align: center; font-size:16px; font-weight:400; color:#555}
.aios .aios_result div span .up{color:#0d8ce8;}
.aios .aios_result div span .down{color:#f39c12;}

.aios .aios_list{display: grid; grid-template-columns: repeat(3, 1fr); gap: 80px;}
.aios .aios_list > li{display: flex; align-items: flex-start; gap: 30px; padding: 30px 40px; border: 1px solid #ddd; border-radius: 10px;}
.aios .aios_list > li div:first-child span{font-size: 42px; font-weight: 600; color: #045a97; line-height: 42px;}
.aios .aios_list > li div:first-child{color:#045a97; font-size: 40px; font-weight: 600; line-height: 40px;}
.aios .aios_list > li div:last-child{display: flex; flex-direction: column; gap: 10px;}
.aios .aios_list > li div:last-child strong{font-size:25px; font-weight:600; color:#222;}
.aios .aios_list > li div:last-child span{font-size:16px; font-weight:400; color:#555;}

.aios .aios_industry{display: grid; grid-template-columns: repeat(3, 1fr); gap: 80px;}
.aios .aios_industry > li{display: flex; align-items: center; gap: 30px; padding: 30px 40px; border: 1px solid #ddd; border-radius: 10px;}
.aios .aios_industry > li div:last-child p{font-size:25px; font-weight:600; color:#222; line-height: 25px; padding-left: 14px;}
.aios .aios_industry > li div:last-child{display: flex; flex-direction: column; gap: 10px;}
.aios .aios_industry > li div:last-child span{display: block; font-size:16px; font-weight:400; padding-top: 6px;}
.aios .aios_industry > li div:last-child ul li{position:relative; padding-left:14px; font-size:16px; font-weight:400; color:#555;}
.aios .aios_industry > li div:last-child ul li:before{display:block; content:""; position:absolute; left:0; top:11px; width:4px; height:4px; border-radius:50%; background-color:#555;}

.aios_vast_enia{display: grid; grid-template-columns: repeat(2, 1fr); gap: 80px;}
.aios_vast_enia > li{display: flex; flex-direction: column; align-items: center; gap:40px;padding:40px; border: 1px solid #ddd; border-radius: 10px;}
.aios_vast_enia > li .txt{width:100%; padding:30px 40px; background-color:#eee; border-radius:5px; text-align:left; box-sizing:border-box;}
.aios_vast_enia > li .txt ul{display: flex; flex-direction: column; gap: 10px;}
.aios_vast_enia > li .txt ul li{position:relative; padding-left:15px; font-size:18px}
.aios_vast_enia > li .txt ul li:before{display:block; content:""; position:absolute; left:0; top:11px; width:4px; height:4px; border-radius:50%; background-color:#555;}

.aios .cont_bottom{position:relative; display: flex; align-items: center; justify-content: space-between; height:auto; min-height:260px; padding: 0 3%;  text-align:center; border-radius:10px; background:url("/img/2026/aios_bottom.png") no-repeat center center; background-size:cover;}
.aios .cont_bottom .txt_wrap{text-align: left;}
.aios .cont_bottom .txt_wrap .tit{font-size:25px; font-weight:600; color:#fff;}
.aios .cont_bottom .txt_wrap .tit span{color:#1adaf1;}
.aios .cont_bottom .txt_wrap .bottom_txt{font-size:17px; font-weight:400; color:#fff; line-height: 28px; margin-top: 20px;}

.aios .cont_bottom .btn_wrap{display: flex; align-items: center; gap: 16px;}
.aios .cont_bottom .btn_wrap a{display: flex; align-items: center; gap: 12px; padding: 18px 26px; font-size: 16px; font-weight: 600; border-radius: 8px; box-sizing: border-box; transition: opacity .2s ease;}
.aios .cont_bottom .btn_wrap a:hover{opacity: .85;}
.aios .cont_bottom .btn_wrap a img{width: 16px; height: auto;}
.aios .cont_bottom .btn_wrap .btn_type1{color: #fff; background: #018ab0;}
.aios .cont_bottom .btn_wrap .btn_type2{color: #1a1a1a; background: #eceff1;}

@media all and (max-width:1200px){
	.aios h3{font-size: 24px;}

	.aios .aios_sys{gap: 50px;}
	.aios .aios_sys img{width: 220px; height: 88px;}
	.aios .aios_sys strong{font-size: 22px;}
	.aios .aios_sys span{font-size: 16px;}

	.aios .aios_result > li img{width: 110px; height: auto;}
	.aios .aios_result div span:first-child{font-size: 34px;}
	.aios .aios_result div span{font-size: 15px;}

	.aios .aios_list{gap: 50px;}
	.aios .aios_list > li{padding: 25px 30px;}
	.aios .aios_list > li div:first-child, .aios .aios_list > li div:first-child span{font-size: 34px; line-height: 34px;}
	.aios .aios_list > li div:last-child strong{font-size: 22px;}
	.aios .aios_list > li div:last-child span{font-size: 15px;}

	.aios .aios_industry{gap: 50px;}
	.aios .aios_industry > li{padding: 25px 30px;}
	.aios .aios_industry > li > div:first-child img{width: 80px; height: auto;}
	.aios .aios_industry > li div:last-child p{font-size: 22px;}
	.aios .aios_industry > li div:last-child span, .aios .aios_industry > li div:last-child ul li{font-size: 15px;}

	.aios_vast_enia{gap: 50px;}
	.aios_vast_enia > li{gap: 30px; padding: 30px;}
	.aios_vast_enia > li > div:first-child img{width: 240px; height: auto;}
	.aios_vast_enia > li .txt ul li{font-size: 16px;}

	.aios .cont_bottom{flex-direction: column; align-items: flex-start; min-height: auto; padding: 50px 5%; gap: 30px;}
	.aios .cont_bottom .txt_wrap .tit{font-size: 20px;}
	.aios .cont_bottom .txt_wrap .bottom_txt{font-size: 15px;}
	.aios .cont_bottom .btn_wrap{width: 100%; flex-wrap: wrap;}
	.aios .cont_bottom .btn_wrap a{flex: 1 1 auto; justify-content: center; padding: 16px 20px; font-size: 14px;}
	.aios .cont_bottom .btn_wrap a img{width: 13px;}
}
@media all and (max-width:1024px){
	.aios h3{font-size: 23px;}

	.aios .aios_sys, .aios .aios_list{grid-template-columns: repeat(2, 1fr); gap: 40px;}
	.aios .aios_sys img{width: 180px; height: 72px;}
	.aios .aios_sys strong{font-size: 20px;}

	.aios .aios_result{grid-template-columns: repeat(2, 1fr); gap: 40px 20px;}
	.aios .aios_result > li:nth-child(2n):after{display: none;}
	.aios .aios_result > li img{width: 90px;}
	.aios .aios_result div span:first-child{font-size: 32px;}

	.aios .aios_industry, .aios_vast_enia{grid-template-columns: repeat(2, 1fr); gap: 40px;}
	.aios .aios_industry > li > div:first-child img{width: 70px;}

	.aios_vast_enia > li > div:first-child img{width: 220px;}
}
@media all and (max-width:767px){
	.aios h3{font-size: 22px; margin: 60px 0 15px;}
	.aios h3:nth-of-type(1){margin-top: 40px;}
	.aios .con_top ul li{width: 100%;}

	.aios .aios_sys > li{padding: 30px 20px;}
	.aios .aios_sys img{width: 100%; max-width: 220px; height: auto;}
	.aios .aios_sys strong{font-size: 20px;}
	.aios .aios_sys span{font-size: 15px;}

	.aios .aios_result{grid-template-columns: repeat(2, 1fr); gap: 30px 15px;}
	.aios .aios_result > li:after{display: none;}
	.aios .aios_result > li img{width: 80px;}
	.aios .aios_result div span:first-child{font-size: 30px;}

	.aios .aios_list{gap: 20px;}
	.aios .aios_list > li{flex-direction: column; align-items: flex-start; gap: 15px; padding: 25px 30px;}
	.aios .aios_list > li div:first-child, .aios .aios_list > li div:first-child span{font-size: 32px; line-height: 32px;}
	.aios .aios_list > li div:last-child strong{font-size: 20px;}

	.aios .aios_industry{grid-template-columns: 1fr; gap: 20px;}
	.aios .aios_industry > li{padding: 25px 30px;}
	.aios .aios_industry > li > div:first-child img{width: 60px;}
	.aios .aios_industry > li div:last-child p{font-size: 20px;}

	.aios_vast_enia{grid-template-columns: 1fr; gap: 20px;}
	.aios_vast_enia > li{padding: 30px;}
	.aios_vast_enia > li > div:first-child img{width: 200px;}
	.aios_vast_enia > li .txt{padding: 20px 25px;}
}
@media all and (max-width:680px){
	.aios h3{font-size: 20px;}

	.aios .aios_sys, .aios .aios_list{grid-template-columns: 1fr; gap: 20px;}
	.aios .aios_list li{padding: 25px 30px;}
}
@media all and (max-width:480px){
	.aios h3{font-size: 19px;}

	.aios .aios_sys img{width: 100%; max-width: 160px; height: auto;}

	.aios .aios_result{grid-template-columns: 1fr; gap: 30px;}
	.aios .aios_result > li img{width: 56px;}
	.aios .aios_result div span:first-child{font-size: 26px;}

	.aios .aios_industry > li{flex-direction: column; align-items: flex-start; gap: 15px;}
	.aios .aios_industry > li > div:first-child img{width: 50px;}

	.aios_vast_enia > li > div:first-child img{width: 160px;}

	.aios .cont_bottom .txt_wrap .tit{font-size: 18px;}
	.aios .cont_bottom .txt_wrap .bottom_txt{font-size: 14px;}
	.aios .cont_bottom .btn_wrap{flex-direction: column; align-items: stretch;}
	.aios .cont_bottom .btn_wrap a{width: 100%;}
}