#header {position:fixed; z-index:999; height:92px; width:100%;}
#header .header_wp {z-index:1000; position:relative; width:1100px; margin:0 auto;}
#header .logo {position:absolute; left:47px; top:25px; margin:0; padding:0; width:172px; height:39px; background:url(../../img/logo.png) no-repeat; text-indent:-9999px; overflow:hidden;}
#header .logo a {display:block;}
#header .menu-triangle {cursor:pointer; position: fixed; top: 10px; right: 10px; width: 0; height: 0; border-top: 100px solid #34a12c; border-left: 100px solid transparent; z-index: 31; 
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
}
#header .menu-triangle.active {
	-webkit-transform: translate3d(0px, -120px, 0px);
	-moz-transform: translate3d(0px, -120px, 0px);
	-ms-transform:translate3d(0px, -120px, 0px);
	transform: translate3d(0px, -120px, 0px);
}
#header .menu-triangle span {background:url(../../img/menu_bu.png) no-repeat 0 0; position:absolute; left:-37px; top:-79px; width:30px; height:24px;}
#header .menu {margin:0; padding:0; list-style:none; height:92px; padding-left:380px; overflow:hidden;}
#header .menu li {float:left;}
#header .menu li a {display:block; float:left; color:#fff; padding:40px 0 38px; width:168px; }
#header .menu li a span {display:block; text-indent:-9999px; overflow:hidden; text-align:center; }
#header .menu li.m1 a span {background:url(../../img/m1text.png) no-repeat 50% 0; height:13px;}
#header .menu li.m2 a span {background:url(../../img/m2text.png) no-repeat 50% 0; height:13px;}
#header .menu li.m3 a span {background:url(../../img/m3text.png) no-repeat 50% 0; height:13px;}
#header .menu li.m4 a span {background:url(../../img/m4text.png) no-repeat 50% 0; height:13px;}
#header .menu li.over a span{background-position:50% -44px !important;}

#header .menu_list {position:relative; height:0; overflow:hidden;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
#header .menu_list.active {height:193px;}
#header .menu_list .menu_bg {position:absolute; top:0; width:100%; height:193px; background:#000; opacity:0.4; }
#header .menu_list .menu_list_wp {position:relative; z-index:10; width:1100px; margin:0 auto; overflow:hidden;}
#header .menu_list ul {float:left; width:168px; height:186px; padding:0; margin:0; padding-top:12px; list-style:none; }
#header .menu_list ul:first-child {margin-left:380px; }
#header .menu_list ul li {}
#header .menu_list ul li a {display:block; color:#fff; text-align:center; padding:3px 0 4px; font-size:15px; font-weight:500}
#header .menu_list ul li a:hover {text-decoration:none; background:#34a12c; border-radius:4px;}



#header.type3 .bg {position:absolute; top:0; height:92px; width:100%; border-bottom:1px solid #bbbbbb; box-sizing:border-box; background:#000; opacity:0.7}

#menu {display:none;}

#header .bg {position:absolute; top:0; height:92px; width:100%; border-bottom:1px solid #fff; box-sizing:border-box; background:transparent; opacity:0.3;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
}

#header.type2 {}
#header.type2 .logo {position:absolute; left:47px; top:25px; margin:0; padding:0; width:172px; height:39px; background:url(../../img/logo.png) no-repeat 0 -45px; text-indent:-9999px; overflow:hidden;}
#header.type2 .menu li.m1 a span {background:url(../../img/m1text.png) no-repeat 50% -22px; height:13px;}
#header.type2 .menu li.m2 a span {background:url(../../img/m2text.png) no-repeat 50% -22px; height:13px;}
#header.type2 .menu li.m3 a span {background:url(../../img/m3text.png) no-repeat 50% -22px; height:13px;}
#header.type2 .menu li.m4 a span {background:url(../../img/m4text.png) no-repeat 50% -22px; height:13px;}
#header.type2 .menu li a:hover span{background-position:50% -44px;}

#header.type2 .menu_list .menu_bg {border-bottom:2px solid #34a12c; height:153px; box-sizing:border-box; background:#f6f6f6; opacity:1}
#header.type2 .menu_list ul li a {color:#000}
#header.type2 .menu_list ul li a:hover {color:#fff}
#header.type2 .bg {position:absolute; top:0; height:92px; width:100%; border-bottom:1px solid #bbbbbb; box-sizing:border-box; background:#fff; opacity:1}


#menu {display:none;}

.mobile_logo {display:none;}
.menu-triangle {display:none;}

#body {}
#body .sub_visual {}
#body .sub_visual {position:relative; width:100%; height:285px; overflow:hidden; text-align:center;}
#body .sub_visual .text_wp {z-index:10; position:relative; width:1100px; margin:0 auto; padding-top:147px; color:#fff; text-align:center;}
#body .sub_visual .text_wp img {}
#body .sub_visual .text_wp img:first-child {margin-bottom:10px;}
#body .sub_visual .visual_wp {left:50%; margin-left:-50%; position:absolute; top:0; width:100%; height:100%; background:#3c3c42;}
@media all and (max-width:1920px) /*768px까지 - 모바일 형식*/
{
	#body .sub_visual .visual_wp {margin-left:-960px;}
}
#body .sub_visual .visual_wp img {position:relative; }



#body .sub_menu {border:1px solid #c6c6cd; height:47px; border-width:1px 0; background:#c6c6cd; box-sizing:border-box; }
#body .sub_menu .sub_menu_wp {width:1100px; margin:0 auto; height:45px;}
#body .sub_menu ul {margin:0; padding:0; padding-left:0; list-style:none;}
#body .sub_menu ul li {float:left; text-align:center; border-right:1px solid #939397; box-sizing:border-box;}
#body .sub_menu ul li.on {background:#fff; position:relative; height:46px; top:0px;}
#body .sub_menu ul li:first-child {border-left:1px solid #939397;}
#body .sub_menu ul li a {display:block; height:45px; line-height:42px; padding:0; font-size:16px; color:#fff;}
#body .sub_menu ul li a:hover {text-decoration:none; color:#fff; background:#b9b9c0}
#body .sub_menu ul li.on a {color:#000; background:#fff}


#body .content {min-height:600px; width:1100px; margin:0 auto; }

#body .content .content_wp {padding:40px 0;}


.h_title {position:relative; margin-top:15px;  width:1100px; height:160px; display:table; overflow:hidden; text-align:center; border:1px solid #dddddd; background:url(../../img/sub_title_bg.png) no-repeat 50% 100%}
.h_title .wp {display:table-cell; vertical-align:middle;}
.h_title .wp .page_name {display:block; font-size:36px; text-align:center; margin:0; padding:0; margin-bottom:10px; font-family:NotoSansKR; line-height:34px; font-weight:bold;}
.h_title .wp .page_explain {display:block; font-size:16px; text-align:center; color:#999999; font-weight:600;}
.h_title .wp .page_explain .line {display:block;}


#body .content .page_navigation {overflow:hidden; font-size:14px; color:#9c9cb4;}
#body .content .page_navigation .right {float:right;}
#body .content .page_navigation .home {display:inline-block; position:relative; top:-2px; vertical-align:middle; width:13px; height:13px; overflow:hidden; text-indent:-9999px; background:url(../../img/page_navi_home.png) no-repeat 0 50%;}
#body .content .page_navigation .sep {display:inline-block; padding:0 5px; vertical-align:middle; width:4px; height:7px; overflow:hidden; text-indent:-9999px; background:url(../../img/page_navi_sep.png) no-repeat 50% 50%;}
#body .content .page_navigation .current {color:#000}


/* 콘텐츠 */


.content .cont {padding:30px 0; font-size:15px;}
.content .cont h4 {font-size:28px; font-weight:600; margin-bottom:15px; background:url(../../img/h_bu.png) no-repeat 0 0; padding-top:18px; color:#000; font-family: 'NotoSansKR';}
.content .cont h5 {font-size:14px; margin-bottom:15px; font-weight:normal; background:url(../../img/h_bu2.png) no-repeat 0 50%; padding-left:13px; margin-left:-15px;}
.content .cont .box {padding-left:15px;}
.content .cont .titwrap {position:relative; padding:3px; padding-left:125px; margin-bottom:10px; }
.tit {display:inline-block; background:#4e6d91; padding:1px 10px 4px;  border-radius:3px; color:#fff; margin-bottom:5px; min-width:85px; text-align:center;}
.content .cont .titwrap .tit {position:absolute; left:0; top:0; margin:0; border-radius:3px; text-align:center; background:#63914e; padding:1px 10px 4px; color:#fff; width:85px;}

.content .cont .table_wp {overflow-x:auto; margin-bottom:20px;} 

.content .cont table{border-top:2px solid #464e6b; border-bottom:1px solid #c6c6c6;  border-left:1px solid #c6c6c6; border-right:1px solid #c6c6c6; border-collapse: collapse; width:100%; min-width:600px; margin-bottom:30px;}
.content .cont thead th{padding:10px 0;background:#e7ebef;color:#000;font-size:14px;border-bottom:1px solid #acbcc7; font-weight:normal}
.content .cont thead th.fstCol{border-left:0;} 
.content .cont tbody th{font-weight:normal;border-top:1px solid #c5cdd3;border-left:1px solid #c5cdd3;}
.content .cont tbody th strong{font-size:14px;}
.content .cont tbody td{height:28px;padding:7px 10px;text-align:center;border-left:1px solid #c5cdd3;border-top:1px solid #c5cdd3;}
.content .cont tbody td ul {padding:0; margin:0; list-style:none;}
.content .cont tbody td ul li {background:url(../../img/li_bu.png) no-repeat 0 7px; padding-left:8px; text-align:left;}
.content .cont tbody th{border-left:0; background:#f8f8f8;} 
.content .cont tbody tr:first-child th, .content .cont tbody tr:first-child td{border-top:0;}

.content .cont table.contact_us_table {}
.content .cont table.contact_us_table tbody th{text-align:left; padding-left:25px;}
.content .cont table.contact_us_table tbody th .txt_point {color:#ec1515; position:relative; top:3px;}
.content .cont table.contact_us_table tbody td {text-align:left;}
.content .cont table.contact_us_table tbody td label {vertical-align:middle;}
.content .cont table.contact_us_table tbody td input[type=radio] {vertical-align:middle; width:18px; height:18px;}

.content .cont ul#order_list {overflow:hidden; list-style:none; margin:10px 0 20px 0; padding:0; }
.content .cont ul#order_list li {float:left; padding-right:30px; background:url(../../img/dia_sep.png) no-repeat 133px 50% }
.content .cont ul#order_list li:last-child {background:none; padding-right:0;}
.content .cont ul#order_list li .wp {padding:20px 10px 10px; border:1px solid #dbdbdb; border-radius:5px; width:100px; height:100px; line-height:18px; text-align:center;  background:#fff;}
.content .cont ul#order_list li .step {display:block; padding:0; margin:0; padding-bottom:10px; margin-bottom:10px; color:#56b8b7; font-weight:bold; border-bottom:1px solid #cccccc}
.content .cont ul#order_list li .title {display:block; padding:0; margin:0; border:none;}
.content .cont ul#order_list li .cont {display:block; padding:0; margin:0; border:none;}

.content .cont .map_area {margin-bottom:40px; border:1px solid #dddddd; padding:5px;}
.content .cont .map_area iframe {vertical-align:top;}

.content .cont .company_info { text-align:center;}
.content .cont .company_info .left {float:left;width:40%; text-align:left;}
.content .cont .company_info .left table {min-width:auto; }
.content .cont .company_info .left>img {margin:275px auto;}
.content .cont .company_info .middle { display:inline-block; margin-top:-45px; width:60%; padding-left:20px; box-sizing:border-box;}
.content .cont .company_info .middle table {min-width:auto;}
.content .cont .company_info .right {display:inline-block; width:60%; text-align:start; padding-left:20px; box-sizing:border-box;}
.content .cont .company_info .right .business {border:1px solid #c5cdd3; padding-bottom:15px;}
.content .cont .company_info .right .business h5 {text-align:center; background:#f8f8f8; padding:11px 0 13px; margin:0; font-weight:bold}
.content .cont .company_info .right .business ul {list-style:none; margin:0; padding:0 15px; overflow:hidden;}
.content .cont .company_info .right .business ul li {float:left; width:33%; text-align:center; border-right:1px solid #e4e4e4; }
.content .cont .company_info .right .business ul li.first {width:100%; padding:15px 0 10px; border-bottom:1px solid #e4e4e4; border-right:0; margin-bottom:15px;}
.content .cont .company_info .right .business ul li img {padding-bottom:5px;}
.content .cont .company_info .right .business ul li:last-child {border-right:0;}
.content .cont .company_info .right .business ul li .title {display:block; padding-top:5px; font-weight:bold}
.content .cont .company_info .right .business ul li .title span {color:#9f9f9f; font-weight:normal; font-size:12px;}
#body .content .cont .company_info .right .business ul li .title {padding:0; border:none;}


.content .cont .company_info .right .business_new { padding:12px 0; display:flex;}
.content .cont .company_info .right .business_new>div:first-child {width:35%; }
.content .cont .company_info .right .business_new .headline{ width:48px; height:10px; border-bottom:5px solid #1ab1c1; box-sizing:border-box;}
.content .cont .company_info .right .business_new h4{font-size:20px; letter-spacing:-2px; padding-top:0; color:#333; font-weight:600; line-height:30px; background:none;}
.content .cont .company_info .right .business_new h5{margin-left:0; margin-bottom:5px; padding-left:18px; font-size:15px; font-weight:600; background:url(../../img/h_bu_black.png) no-repeat 0 45%;}
.content .cont .company_info .right .business_new .dks{text-align:center; margin-top:15px; border:1px solid #c5c5c5; padding:10px; box-sizing:border-box; height:45px;}
.content .cont .company_info .right .business_new .dks>img{width:337px; height:12px;}
.content .cont .company_info .right .business_new>div:nth-child(2) {width:65%;}
.content .cont .company_info .right .business_new .service {width:calc(50% - 10px); height:174px; vertical-align:top; display:inline-block;}
.content .cont .company_info .right .business_new .service:nth-child(2) {margin-left:10px;}
.content .cont .company_info .right .business_new .service:nth-child(3) {margin-top:15px; height:137px;}
.content .cont .company_info .right .business_new .service:nth-child(4) {margin-top:15px; height:137px; margin-left:10px;}
.content .cont .company_info .right .greydoteline{margin:10px 0; width:100%; border-bottom:2px dashed #c5c5c5; }
.content .cont .company_info .right .business_new .service ul{height:100%; list-style:none; padding:0;border:1px solid #c5cdd3;}
.content .cont .company_info .right .business_new .service ul>li{ padding:0 0 0 10px;}
.content .cont .company_info .right .business_new .service ul>li.title{margin-bottom:3px; padding:5px 0; text-align:center; font-size:18px; font-weight:600; color:#ffffff;}
.content .cont .company_info .right .business_new .service h5{line-height:22px; font-size:14px; letter-spacing:-1px; background:url(../../img/h_bu_black.png) no-repeat 0 50%;}


.content .cont .sm_service {margin:0; padding:0; padding-top:15px; margin-bottom:60px; list-style:none; overflow:hidden;}
.content .cont .sm_service>li {float:left;}

.content .cont .sm_service li:last-child .box_wp {padding-right:0px}
.content .cont .sm_service li .box { padding:30px 0;}
.content .cont .sm_service li h5 {margin:0; padding:0; padding-top:90px; font-family: NotoSansKR; font-size:18px; font-weight:600; background:url(../../img/sm_bu1.png) no-repeat 50% 0; text-align:center;}
.content .cont .sm_service li h5 span {display:block; padding-bottom:25px;  background:url(../../img/sm_sep.png) no-repeat 50% 100%;}
.content .cont .sm_service li .sm1 .b_img {height:260px;}
.content .cont .sm_service li .sm2 .b_img {height:260px;}
.content .cont .sm_service li .sm3 .b_img {height:260px;}
.content .cont .sm_service li .sm4 .b_img {height:260px;}
.content .cont .sm_service li .sm5 .b_img {height:260px;}
.content .cont .sm_service li ul {margin:0; padding:0 20px; padding-top:20px;list-style:none;}
.content .cont .sm_service li ul li {padding-left:11px; font-size:14px; background:url(../../img/sm_bu.png) no-repeat 0 8px;}

.content .cont .sm_ser{margin:0; padding:0; width:1100px; height:350px;}
.content .cont .sm_ser .sms_co{width:1100px;}
.content .cont .sm_ser .sms_co .s_se{width:216px; float:left;}

.content .cont .si_service {text-align:center;}

.content .cont h4.partner_titlebox{width:fit-content; transform: translateY(25px); padding: 0 15px; background:#fff; font-weight:800;}
.content .cont .company_partner {overflow:hidden; border:1px solid #d6d6d6; padding:30px 0 30px; margin-bottom:30px;}
.content .cont .company_partner ul {padding:0; margin:0; list-style:none; overflow:hidden;}
.content .cont .company_partner ul li {float:left; width:20%; text-align:center; border-right:1px solid #d6d6d6; box-sizing:border-box; min-height:286px;}
.content .cont .company_partner ul li a {display:block;}
.content .cont .company_partner ul li a:hover {text-decoration:none;}
.content .cont .company_partner ul li a:active {text-decoration:none;}
.content .cont .company_partner ul li h5 {height:45px; vertical-align:middle; margin:0; padding:0; background:none;margin-bottom:15px;}
.content .cont .company_partner ul li:nth-child(5n) {border:none;}
.content .cont .company_partner ul li.bt { padding:30px 0 0;}
.content .cont .company_partner ul li.bt .gline{ border-top:1px solid #d6d6d6; width:80%; margin-left:10%; transform:translateY(-30px);}
.content .cont .company_partner ul li img.logo {vertical-align:middle; text-align:center; width:100%; max-width:120px;}
.content .cont .company_partner ul li p {text-align:center; color:#757575;margin-bottom:30px;}
.content .cont .company_partner ul li p span {color:#232323; font-weight:bold;}
.content .cont .company_partner ul li h6 {text-align:center; margin-bottom:30px;}
.content .cont .company_partner ul li h6 span {padding:4px 12px; background:#99babe; color:#fff; font-size:11px; display:inline-block; border-radius:14px;}
.content .cont .company_partner ul li img {}
.content .cont .company_partner ul li .p_logo {text-align:center; width:100%; max-width:100px;}

.content .cont .company_partner2 {overflow:hidden; border: 1px solid #d6d6d6; border-radius:3px; padding:5px 7px; margin-bottom:30px;} 
.content .cont .company_partner2 ul{padding:0; margin:0;display:flex; flex-wrap:wrap;vertical-align:middle;}
.content .cont .company_partner2 ul>li{list-style:none;}
.content .cont .company_partner2 ul>li .logobox{ display:inline-block; text-align:left; box-sizing:border-box; padding:5px}
.content .cont .company_partner2 ul>li .logobox>a img{margin:5px; width:100px;height:30px;}
.content .cont .company_partner2 ul>li.part{width:30%; padding:5px; display:table; vertical-align:middle; box-sizing:border-box;text-align:center; }
.content .cont .company_partner2 ul>li.w40{width:40%;}
@media (max-width: 1100px) {
	.content .cont .company_partner2 ul>li.part{width:50%;}
	.content .cont .company_partner2 ul>li.w40{width:50%;}
}
.content .cont .company_partner2 ul>li.part>div.title{padding:13px 15px;background-color:#c8e5ff; color:#0c50a0; font-weight:800; border-radius:5px; display:table-cell; vertical-align:middle; text-align:center;}
.content .cont .page_img1{width:1100px; height:905px; background-image:url(../../img/ourhistory.png)}

.solution1_cont1 {padding:60px 0 60px; overflow-x:auto;}
.solution1_cont1 img {width:100%; min-width:500px;}

.unfair_desc{padding:14px 20px;border:1px solid #ddd}
.unfair_desc span{font-size:13px;color:#555;line-height:24px}
.unfair_desc dl{margin-top:24px}
.unfair_desc dt,.unfair_desc dd{font-size:13px;color:#555;line-height:24px}
.unfair_desc dt{font-weight:bold}
.unfair_desc .responsive-table{margin-top:15px}
.unfair_desc em{display:block;font-size:13px;color:#464e6b;line-height:24px}

.agree_chk{display:block;margin-top:15px}
.agree_chk input[type="checkbox"]{width:18px;height:18px;margin:0 8px 0 0;vertical-align:middle}
.agree_chk label{margin-bottom:0;font-size:13px;font-weight:normal;color:#555;line-height:18px}

.content .cont .btns {text-align:center; padding-top:20px;}
.content .cont .btns a {display:inline-block; width:60px; text-align:center; background:#464e6b; color:#fff; padding:10px 0 12px;}
.content .cont .btns a.okbtn {background:#0c50a0;}
/*
.content .cont .map_info {}
.content .cont .map_info h4 {font-size:18px; margin-bottom:20px;  background:url(../../img/h_bu.png) no-repeat 0 0; padding-top:25px; color:#000; font-family: 'NanumBarunGothic';}
.content .cont .map_info .info{position:relative; padding-left:110px;}
.content .cont .map_info h5 {position:absolute; left:0; top:0; width:79px; margin:0; border-top:1px dotted #34a12c; color:#34a12c;  font-size:14px; padding:20px 0; padding-left:20px; }
.content .cont .map_info ul {}
.content .cont .map_info span {display:block; border-top:1px solid #dcdee2; padding:20px 0; padding-left:30px; font-size:14px; background:url(../../img/li_bu.png) no-repeat 20px 50%}
*/

.content .board_list {padding:30px 0 60px; font-size:13px;}

.visual_content {background:#f7f9fb; padding:60px 0}
.visual_content.white {background:#fff}
.company_performance {height:1976px; background:url(../../img/company_performance.jpg) no-repeat top center;}
.company_history {height:1767px; background:url(../../img/company_history.png) no-repeat top center;}
.company_performance2{height:3956px; background:url(../../img/company_performance_2023.jpg) no-repeat top center;}
.company_award{padding-top:40px; display:flex; flex-wrap:wrap; margin-left:-40px;}
.company_award .img_box{width:calc(20% - 40px); margin-left:40px; margin-bottom:40px; text-align:center;}
.company_award .img_box .txt{font-weight:600; font-size:18px; margin-top:15px;}
.company_award .img_box .img>img{max-width:100%;  box-shadow: 3px 3px 15px rgba(0,0,0,0.15);}

.layoutCenter{display:flex;width:100%;justify-content:center;}
h1.titleName{margin-top:0px;text-align:center;color: #000;font-family: 'Pretendard';font-size: 48px;font-style: normal;font-weight: 700;line-height: normal;letter-spacing: -1.2px;}
h1.titleName>span{font-weight:500;}
p.titleText{color: #333;text-align: center;font-family: 'Pretendard';font-size: 18px;font-style: normal;font-weight: 500;line-height: 28px; /* 155.556% */letter-spacing: -0.45px; width:75%; word-break: keep-all; margin: 0 auto;}
p.titleText2{color: #333;text-align: center;font-family: 'Pretendard';font-size: 18px;font-style: normal;font-weight: 500;line-height: 28px; /* 155.556% */letter-spacing: -0.45px; width:100%; word-break: keep-all; margin: 0 auto;}
.colorBox{ height:40px; box-sizing:border-box; display: inline-flex;padding: 0px 32px;justify-content: center;align-items: center;gap: 10px;border-radius: 20px;background: #34A12C;}
.content .cont .colorBox p{text-align:center; color: #FFF;font-family: Rajdhani;font-size: 24px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -0.6px;}
.prettyBluebox{display:flex; justify-content:center; background:#f1f5fa; width:100%;padding:100px 0; margin-top:60px; flex-direction: column;align-items: center;}
.grbox{position:relative; margin-bottom:25px;width:100%;height:96px;}
.grbox .greyRound{background:#f1f5fa; border:1px solid #f1f5fa;position:relative;z-index:1; display:flex; align-items:center; width:417px; height:100%; border-radius:100px;}
.grbox .subRound{box-sizing:border-box; display:flex; align-items:center; border-radius:100px; border:1px solid #ced9e7; position:absolute;top:0; right:0;width:784px;height:100%;}
.grbox .greyRound .icons{margin-left:34px; margin-right:18px; width:60px;height:60px;border-radius:13px;background:#fff;}
.grbox .greyRound .one{background: url('../../img/erp/erp_sprites.png') -7px -7px #fff;}
.grbox .greyRound .two{background: url('../../img/erp/erp_sprites.png') -81px -7px #fff;}
.grbox .greyRound .three{background: url('../../img/erp/erp_sprites.png') -7px -81px #fff;}
.grbox .greyRound .four{background: url('../../img/erp/erp_sprites.png') -81px -81px #fff;}
.grbox .greyRound .five{background: url('../../img/erp/erp_sprites.png') -155px -7px #fff;}
.grbox .greyRound .six{background: url('../../img/erp/erp_sprites.png') -155px -81px #fff;}
.grbox .greyRound .seven{background: url('../../img/erp/erp_sprites.png') -7px -155px #fff;}
.grbox .greyRound .eight{background: url('../../img/erp/erp_sprites.png') -81px -155px #fff;}
.grbox .greyRound p{color: #082139;font-family: 'Pretendard';font-size: 21px;font-style: normal;font-weight: 700;line-height: normal;letter-spacing: -0.525px;}
.grbox .subRound p{margin-left:140px; color: #333;font-family: 'Pretendard';font-size: 16px;font-style: normal;font-weight: 500;line-height: 32px; /* 200% */letter-spacing: -0.4px;}
h3.erpTitle{text-align:left;color: #082139;font-family: 'Pretendard';font-size: 30px;font-style: normal;font-weight: 700;line-height: normal;letter-spacing: -0.75px;}
p.erpText{text-align:left;color: #333;font-family: 'Pretendard';font-size: 20px;font-style: normal;font-weight: 500;line-height: 28px; /* 140% */}
.imgBox{width:calc(100% - 240px); border-radius: 25px;background: #FFF;/* blueshadow */box-shadow: -4px -4px 15px 0px rgba(43, 132, 213, 0.09);padding:60px; text-align:center;}
.blueT{letter-spacing:-1px; font-size:20px; font-weight:600; color:#0c50a0; text-align:center; margin-top:40px; }

.stepGroup{width:100%; box-sizing:border-box; margin-top:60px; display:flex; flex-wrap:wrap; justify-content:space-between; gap:40px; padding:0 40px;}
.stepGroup .step{text-align:center; background:#ffffff; border-radius:13px; padding:30px 25px; max-width:313px; box-sizing:border-box;}
.stepGroup .step h3{margin-top:15px; font-size:20px; letter-spacing:-1px; word-break:keep-all;}
.stepGroup .step p{margin-top:15px; color:#999999; font-size:16px; letter-spacing:-1px;}
.stepGroup .step.imgs{width:33%; height:auto; position:relative; background: inherit;}
.stepGroup .step.imgs>img{position:absolute; top:-25px; right:0;}

.stepGroup2{box-sizing:border-box; margin-top:80px; width:100%; display:flex; flex-wrap:wrap; gap:20px; padding: 0 20px;}
.stepGroup2 .step{width:50%; max-width:520px; background:#f0f8ff; border-radius:13px; text-align:center;}
.stepGroup2 .step.w100{width:100%; max-width:1060px;}
.stepGroup2 .step p{font-size:16px; font-weight:600; color:#888;}
.stepGroup2 .step h3{font-size:22px; margin-top:8px; margin-bottom:20px; font-weight:700; }
.stepGroup2 .step p.mtp{margin-top:36px; color:#2b84d5; font-weight:600; }
.stepGroup2 .step p.jeanBlue{color:#214063; }
.stepGroup2 .step .device{margin:0 auto;margin-top:20px; overflow:hidden; width:calc( 100% - 80px); height:174px; position:relative;}
.stepGroup2 .step .device.gw{margin:0 auto;margin-top:57px; overflow:hidden; width:calc( 100% - 80px); height:255px; position:relative;}
.stepGroup2 .step .device .pc{position:absolute; left:0; bottom:-3px;}
.stepGroup2 .step .device .mo{position:absolute; right:0; bottom:-19px;}
.stepGroup2 .step .device .pc2{position:absolute; bottom:-18px; left:11%;}
.stepGroup2 .step .device .pc3{position:absolute; bottom:-3px; left:6%;}


.stepGroup2 .step.green{background:#e5f3ef;}
.stepGroup2 .step.green p.mtp{color:#34a12c;}
.stepGroup2 .step.yellow{background:#fff8e7;}
.stepGroup2 .step.yellow p.mtp{color:#ffb606;}

.funcGroup{display:flex; flex-wrap:wrap; justify-content:space-between; gap:40px;}
.funcGroup .func{text-align:center; margin-top:80px;}
.funcGroup .func .numbers{margin:0 auto; font-family:'Rajdhani'; font-size:18px; width:26px; height:26px; color:#fff; background:#0c50a0; border-radius:26px;}
.funcGroup .func h3{margin-top:16px; font-size:22px; letter-spacing:-1px;}
.funcGroup .func p{margin-top:20px; letter-spacing:-1px; color:#999999; font-size:16px;}
.funcGroup .func .imgBg{height:196px; margin-top:20px; border-radius:13px; background:#f1f5fa; position:relative; overflow:hidden;}
.funcGroup .func .imgBg>img{margin-top:24px; margin-left:24px;}
.funcGroup .func .gwimg{position:relative; width:430px; height:250px;margin-top:20px; border-radius:13px; background:#f1f5fa; position:relative; overflow:hidden;}
.funcGroup .func .gwimg>img{position:absolute; left:-85px; bottom:-30px;}

.funcGroup.ops{justify-content:center;}
.funcGroup.ops .func .numbers{font-family:'Pretendard'; line-height:26px; font-size:16px; font-weight:500; width:fit-content; padding:0 16px; background:#ec6a2b;}
.funcGroup.ops .func .imgBg{padding: 0 24px;background:#ff75001a;}
.funcGroup.ops .func .imgBg>img {margin-left:auto;}
/* table */
.table_base{width:100%; font-size:16px; border-top:1px solid #999; border-bottom:1px solid #999;}
.table_base td{padding:20px; border-top:1px solid #e5e5e5; text-align:center; color:#646464; font-weight:500;}
.table_base td.text{text-align:left;}
.table_base td.text a{color:#242424;}
.table_base td.state {color:#575757; font-weight:bold; }
.table_base td.date {font-family:'Noto sans', sans-serif; font-size:16px;}
.table_base th{padding:12px 20px; text-align:center; background:url(../../img/board_bar.gif) 0 center no-repeat;}
.table_base th:first-child{background:none;}
.table_base td{line-height:1.7em;}
.table_base .left_td{text-align:left;}
.table_base .sort{display:block; line-height:27px; font-size:16px; font-weight:bold; color:#242424;}
.table_base .fixing td{background:#f5f5f5; color:#ff7424;}
.table_base .fixing td .sort,.table_base .fixing td a{color:#ff7424;}

.content .cont table.gwTable{margin-top:100px;border-top:1px solid #ACBED4;border-bottom:1px solid #ACBED4;border-left:0;border-right:0;}
.content .cont table.gwTable td{background:#fff; border:0;color:rgba(15,60,113,0.66);}
.content .cont table.gwTable tr:first-child td{color:#000;font-weight:700;border-bottom:1px solid #ACBED4;}
.content .cont table.gwTable td:first-child{color:#000; text-align:left; padding-left:40px;}
.content .cont table.gwTable td.blue,.content .cont table.gwTable tr:first-child td.blue{background:#EBF5FF; color:#0C50A0;}

/* paging */
.pagination{padding-top:50px; text-align:center;}
.pagination .pagination_inner{display:inline-block; overflow:hidden; list-style:none; padding:0; margin:0;}
.pagination li{float:left; width:20px; margin-left:45px; line-height:18px; text-align:center; font-weight:bold;}
.pagination li:first-child {margin-left:0;}
.pagination a{display:inline-block; font-size:16px; color:#242424; font-family: 'Roboto', sans-serif;}
.pagination a.on{color:#ff7424; border-bottom:2px solid #ffc9b5;}
.pagination .paging_btn{display:block; width:10px; height:18px; margin:0px auto; overflow:hidden; text-indent:-9999px;}
.pagination .pre{background:url(../../img/page_prev.gif) center center no-repeat;}
.pagination .next{background:url(../../img/page_next.gif) center center no-repeat;}

.paging{height:30px; text-align:center; padding:30px 0 0 0;}
.paging a, .paging strong{border:1px solid #e1e1e1; width:28px; height:28px;  text-align:center;  font-size:12px; padding:4px 9px 8px 9px; font-family:'nanumBold';    color:#767676;  margin:0 1px 0 1px; vertical-align: middle;}
.paging a:hover, .paging a:focus, .paging strong{background-color:#2d9e95; border:1px solid #2d9e95; font-size:12px; font-family:'nanumBold';    color:#fff;}

.paging a.next, .paging a.first, .paging a.prev, .paging a.last{padding:0px; background:none; margin:0 5px 0 0; border:0}

.paging a.next:hover, .paging a.next:focus  {padding:0px; background:none; margin:0 5px 0 0; border:0}

.paging a.first:hover, .paging a.first:focus    {padding:0px; background:none; margin:0 5px 0 0; border:0}

.paging a.prev:hover, .paging a.prev:focus  {padding:0px; background:none; margin:0 5px 0 0; border:0}

.paging a.last:hover, .paging a.last:focus   {padding:0px; background:none; margin:0 5px 0 0; border:0}



.content .board_view {padding:30px 0 60px; font-size:13px;}

.view_tit{position:relative;}
.view_tit .tit_top{overflow:hidden; padding-bottom:15px; text-align:center;}
.view_tit .tit_top em{display:block; color:#2c416b; font-size:30px; line-height:35px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; max-height:70px;}
.view_tit .tit_top span{display:inline-block; width:100px; margin-bottom:10px; font-size:16px; text-align:center; font-weight:bold;}
.view_tit .tit_top .bot{color:#2c6b2e; font-size:18px;font-weight:normal}
.view_tit .tit_top .bot:after{content:''; display:block; width:100px; height:2px; margin-top:8px; background:url(../../img/bu_bot.gif) 50% 0 no-repeat;}
.view_tit .tit_inner{overflow:hidden; padding-bottom:23px;}
.view_tit .tit_inner span{display:block; font-size:16px; line-height:16px; font-weight:500; color:#646464; font-family: 'Noto Sans', sans-serif; text-align:center;}
.view_tit dl{text-align:center;}
.view_tit dt{display:block; margin-bottom:10px; font-size:16px; line-height:16px;}
.view_tit dd{display:block; font-size:16px; line-height:16px; color:#646464;}
.view_tit dd.date{font-family:'Noto Sans', sans-serif;}
.view_inner{padding:30px 20px 60px; border-top:1px solid #999; font-size:16px; line-height:32px; color:#646464;}
.view_inner p {margin-bottom:20px; font-weight:500}
.view_inner .inner_img {margin:30px 0 50px}
.view_inner2 {padding:40px 20px; font-size:16px; line-height:24px; color:#242424; background:#f5f5f5; border-top:1px solid #e5e5e5;}
.view_inner img {max-width:100%;}

.board_preview .table_base{border-top:1px solid #fff; border-bottom:0;}
.board_preview .board_tit{font-size:16px; color:#34a12c; font-weight:bold; text-align:center; background:url(../../img/board_bar.gif) center right no-repeat;}
.board_preview .txt{text-align:left; padding-left:20px;}
.board_preview .txt a{color:#242424;}


/* 버튼 */
.btn_area{overflow:hidden; padding-top:35px; text-align:center;border-top: 1px solid #999;}
.btn_area .fl {float:left; margin-left:0;}

.btn_lst{display:inline-block; width:98px; text-align:center; color:#242424; font-size:16px; font-weight:bold; line-height:34px; border:1px solid #ccc;}




.page_visual  .intro {position:relative; width:100%; height:490px; overflow:hidden; text-align:center;}
.page_visual  .intro .text_wp {z-index:10; position:relative; width:1106px; margin:0 auto;}
.page_visual  .intro .text_wp h4 {font-size:26px; margin-bottom:15px; font-weight:normal; text-align:left; background:url(../../img/h_bu.png) no-repeat 0 0; padding-top:8px; margin-top:30px; color:#fff; font-family: 'NotoSansKR';}
.page_visual  .intro .visual_wp {left:50%; margin-left:-50%; position:absolute; top:0; width:100%; height:100%; background:#3c3c42;}


.whiteBox{ margin:0 auto; width:calc( 100% - 80px ); background:#ffffff; border-radius:13px; padding: 0 40px 40px 40px; box-sizing:border-box;}
.whiteBox .miniTitle{width:fit-content; transform:translateY(-20px); display:flex; margin:0 auto; height:40px; line-height:40px; background:#0c50a0; color:#ffffff; border-radius:20px; padding:0 20px; font-weight:600; font-size:16px;}

.whiteBox .groupimg { width: 100%;}
.whiteBox.mt80{margin-top:80px;}
@media all and (max-width:1920px) /*768px까지 - 모바일 형식*/
{
	.page_visual  .intro .visual_wp {margin-left:-960px;}
}
.page_visual  .intro .visual_wp img {position:relative; top:-200px}

.solution_cont {background:#f6f6f6; padding:55px 10px;}
.solution_cont .cont_wp {width:1100px; margin:0 auto; overflow-x:auto}
.solution_cont .cont_wp img {width:100%; min-width:500px;}

.company_result {overflow:hidden; margin-bottom:30px;}
.company_result .left {float:left; width:50%;}
.company_result .right {float:left; width:50%;}
.company_result ul {list-style:none; padding:0; margin:0;}
.company_result ul li {position:relative; padding-left:80px; margin-bottom:6px; color:#fff; text-align:left;  height:23px; line-height:23px; font-size:14px}
.company_result ul li .date {position:absolute; left:0; top:0; font-weight:bold; background:url(../../img/date_bg3.png) no-repeat 0 0; height:23px; line-height:23px; width:66px; padding-left:7px;}
.company_result ul li .y2014 {background-image:url(../../img/date_bg1.png);}
.company_result ul li .y2015 {background-image:url(../../img/date_bg2.png);}
.company_result ul li .y2016 {background-image:url(../../img/date_bg3.png);}
.company_result ul li .y2017 {background-image:url(../../img/date_bg4.png);}
.company_result ul li .y2018 {background-image:url(../../img/date_bg5.png);}
.company_result ul li .y2019 {background-image:url(../../img/date_bg6.png);}

#sm_dk_intro { min-height:700px}
#dk_sm {padding-top:70px;}
#dk_sm h5 {font-size:30px; color:#fff;  font-family:NotoSansKR; margin:0 0 50px; padding-bottom:30px; background:url(../../img/sm_sep.png) 50% 100% no-repeat;}
#dk_sm ul {overflow:hidden; margin-left:-40px}
#dk_sm ul li {float:left; width:25%}
#dk_sm ul li .li_wp {padding:0 20px;}
#dk_sm ul li .li_wp .box {border:2px solid #828283; border-radius:15px; padding:0 10px; min-height:453px; background-color:rgba(0, 0, 0, 0.3)}
#dk_sm ul li h4 {background:none; padding:0; padding-top:40px; font-size:0; padding-bottom:25px; border-bottom:1px solid #828283; margin:0; text-align:center;}
#dk_sm ul li h4 img {width:100%;}
#dk_sm ul li ul {padding:0; margin:0; width:100%; list-style:none; padding-top:25px; padding-bottom:30px;}
#dk_sm ul li ul li {float:none; width:auto; color:#e5e5e5; font-size:14px; padding-bottom:5px; font-family:NotoSansKR; text-align:left; padding-left:35px; background:url(../../img/sm_bu_2.png) no-repeat 23px 8px}
#dk_sm ul li ul li.pb {padding-bottom:20px;}
#dk_sm ul li ul li img {vertical-align:middle;}
#dk_sm ul li.dk1 {color:#ffd338; font-weight:bold; font-size:16px}
#dk_sm ul li.dk2 {color:#ffd338; font-weight:bold; font-size:16px}
#dk_sm ul li.dk3 {color:#ffd338; font-weight:bold; font-size:16px}
#dk_sm ul li.dk4 {color:#ffd338; font-weight:bold; font-size:16px}

.solution_tab {}
.solution_tab ul {overflow:hidden; margin:0; padding:0; list-style:none;  border:1px solid #dddddd; border-bottom:none; border-right:none;}
.solution_tab ul li{float:left; width:20%; text-align:center;  border:1px solid #dddddd; box-sizing:border-box; border-width:0 1px 1px 0; overflow:hidden; white-space:nowrap; word-break: break-all;}
.solution_tab ul li a {display:block; height:100%; color:#a8a8a8; font-size:15px; min-height:42px; line-height:42px; overflow:hidden; text-overflow: ellipsis;}
.solution_tab ul li a:hover {background:#fbfbfb; text-decoration:none;}
.solution_tab ul li.on {}
.solution_tab ul li.on a {color:#2d9e95; font-weight:bold; background:#f6f6f6 url(../../img/solution_sep.png) no-repeat 50% 100%;}
.solution_tab ul li.on a:hover {background-color:#f6f6f6}

/*3등분*/
.triple ul li{width:33%;}
.triple ul li:nth-child(3n+2){width:34%;}
/*5등분*/
.quintuple ul li{width:20%}

.education_tab {}
.education_tab ul {overflow:hidden; margin:0; padding:0; list-style:none;  border:1px solid #dddddd; border-bottom:none; border-right:none;}
.education_tab ul li{float:left; width:33%; text-align:center;  border:1px solid #dddddd; box-sizing:border-box; border-width:0 1px 1px 0;}
.education_tab ul li a {display:block; height:100%; color:#a8a8a8; font-size:15px;  padding:8px 0 12px;}
.education_tab ul li a:hover {background:#fbfbfb; text-decoration:none;}
.education_tab ul li.on {}
.education_tab ul li.on a {color:#2d9e95; font-weight:bold; background:#f6f6f6 url(../../img/solution_sep.png) no-repeat 50% 100%;}
.education_tab ul li.on a:hover {background-color:#f6f6f6}

.solution_title {position:relative; margin-top:15px;  width:1100px; height:184px; display:table; overflow:hidden; text-align:center; border:1px solid #dddddd; background:url(../../img/sub_title_bg.png) no-repeat 50% 50%}
.solution_title .wp {display:table-cell; vertical-align:middle;}
.solution_title .wp .logo {display:block; }
.solution_title .wp .logo img {width:125px;}
.solution_title .wp .solution_name {display:block; font-size:40px; margin-top:-3px; font-family:NotoSansKR; color:#373a3c;}
.solution_title .wp .down_bro {position:absolute; right:28px; top:25px;}
.solution_title .wp .site {margin-top:5px; display:inline-block; text-align:center; background:#4691c6; border-radius:15px; height:30px; line-height:30px; padding:0 20px;}
.solution_title .wp .site span {padding-left:22px; background:url(../../img/site_bu.png) no-repeat 0 50%; color:#fff}
.solution_title .wp .site:hover {opacity:0.9; text-decoration:none;}

.solution_visual {position:relative; margin-top:30px;  width:1100px; height:185px; overflow:hidden; text-align:center;}
.solution_visual .text_wp {color:#fff; margin-top:44px;}
.solution_visual .text_wp .logo {font-size:20px;  font-family:NotoSansKR; color:#aaf1be; text-shadow:1px 1px #6f6f6f}
.solution_visual .text_wp .solution_name {font-size:35px; margin-top:-3px; font-family:NotoSansKR; background:url(../../img/sm_sep.png) no-repeat 50% 100%; padding-bottom:15px;  text-shadow:1px 1px #6f6f6f}
.solution_visual.s1 { background:url(../../img/solution_visual01.jpg) no-repeat 50% -50px}
.solution_visual.s2 { background:url(../../img/solution_visual02.jpg) no-repeat 50% -60px}
.solution_visual.s3 { background:url(../../img/solution_visual03.jpg) no-repeat 50% -50px}
.solution_visual.s4 { background:url(../../img/solution_visual04.jpg) no-repeat 50% -50px}
.solution_visual.s5 { background:url(../../img/solution_visual05.jpg) no-repeat 50% -50px}
.solution_visual.s6 { background:url(../../img/solution_visual06.jpg) no-repeat 50% -50px}
.solution_visual.s7 { background:url(../../img/solution_visual07.jpg) no-repeat 50% -50px}
.solution_visual.s8 { background:url(../../img/solution_visual08.jpg) no-repeat 50% -50px}

.education_box {position:relative; border-top:1px solid #999999; border-bottom:1px solid #999999; border-right:1px solid #d6d6d6; margin-top:30px; margin-bottom:60px; overflow:hidden; padding-left:227px; min-height:500px;}
.education_box .tab_area {position:absolute; left:0; top:0; background:#efefef; width:226px; height:100%; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6}
.education_box .tab_area ul {margin:0; padding:0; list-style:none;}
.education_box .tab_area ul li {background:#f6f6f6}
.education_box .tab_area ul li.on {background:#ffffff}
.education_box .tab_area ul li a {display:block; height:95px; border-bottom:1px solid #d6d6d6; overflow:hidden; text-indent:-9999px;}
.education_box .tab_area ul li.e1 a {background:url(../../img/edu_logo_1.png) no-repeat 50% -63px}
.education_box .tab_area ul li.e2 a {background:url(../../img/edu_logo_2.png) no-repeat 50% -62px}
.education_box .tab_area ul li.e3 a {background:url(../../img/edu_logo_3.png) no-repeat 50% -52px}
.education_box .tab_area ul li.e4 a {background:url(../../img/edu_logo_4.png) no-repeat 50% -63px}
.education_box .tab_area ul li.e1.on a {background-position:50% 26px;}
.education_box .tab_area ul li.e2.on a {background-position:50% 32px;}
.education_box .tab_area ul li.e3.on a {background-position:50% 33px;}
.education_box .tab_area ul li.e4.on a {background-position:50% 34px;}
.education_box .cont_area {padding:15px;}

.education_box .btns {text-align:center; }
.education_box .btns a {display:inline-block; width:60px; text-align:center; background:#464e6b; color:#fff; padding:10px 0 12px;}
.education_box .btns a.okbtn {background:#0c50a0;}




.certification {}
.certification .list {margin-top:70px; padding-bottom:70px}
.certification .list ul {overflow:hidden; margin:0;  margin-bottom:50px; padding:0; list-style:none}
.certification .list li {position:relative; float:left; text-align:center; width:321px; height:404px; margin-right:68px; box-sizing:border-box; border-bottom:1px solid #ccd3d6; background:url(../../img/bro_bg.png) no-repeat 0 0;}
.certification .list li:last-child {margin:0;}
.certification .list li img {margin-top:50px; width:208px; height:298px; box-shadow:15px 15px 15px #d8dadc;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.certification .list li .info {position:absolute; bottom:1px; left:0; background:#fff; width:100%; height:130px; overflow:hidden; text-align:center;  opacity:1;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.certification .list li .info .title{display:block; font-size:26px; font-weight:700; padding-top:30px;}
.certification .list li .info .date{display:block; font-size:17px; color:#afafaf;}
.certification .list li:hover .info {height:0px; opacity:0;}
.certification .list li:hover img {margin-top:30px; width:235px; height:343px; }


.access{ margin:15px 0 15px; padding:0 20px; border:1px solid #cfcfcf; position:relative; }
.access table{ clear:both; width:100%; border-collapse: collapse; border:0; border-top:2px solid #666a71; margin-bottom: 10px;}
.access th, .access td{text-align: center; border:1px solid #cfcfcf; }
.access th{ padding:12px 3px 13px; color:#333; background-color:#fafafb;}
.access td{ padding:5px 3px;}
.access h5{ clear:both; margin:0; padding:30px 0 20px; font-size:18px; font-weight:normal; color:#0079c2;}
.access h5 span{ font-weight:600;}
.access p {padding-bottom:12px;}

.input_area {border:1px solid #cfcfcf; padding:20px 20px 15px 20px; margin-top:15px }
.input_area ul {padding:0; margin:0; list-style:none; overflow:hidden;}
.input_area ul li {position:relative; float:left; width:50%; margin-bottom:10px;}
.input_area ul li .wp {padding-left:130px;}
.input_area ul li .title {position:absolute; left:0; top:4px; text-align:right; padding-right:15px; width:115px; font-size:14px; font-weight:bold;}
.input_area ul li .title .txt_point {color:red}
.input_area ul li input {height:21px; width:200px}
.input_area ul li select {height:27px; width:205px}

.access_state{ margin:15px 0 15px; padding:0 20px; border:1px solid #cfcfcf; position:relative; }
.access_state .search_num {margin-top:15px; position:relative; padding-left:80px;}
.access_state .search_num .title {background: url(../../img/sm_bu.png) no-repeat 0 8px; padding-left: 11px; position:absolute; left:0; top:4px; font-size:14px; }
.access_state .search_num select {height:27px; width:300px}
.access_state table{ clear:both; width:100%; border-collapse: collapse; border:0; border-top:2px solid #666a71; margin: 15px 0 20px;}
.access_state th, .access_state td{text-align: center; border:1px solid #cfcfcf; }
.access_state th{ padding:12px 3px 13px; color:#333; background-color:#fafafb;}
.access_state td{ padding:5px 3px;}
.access_state h5{ clear:both; margin:0; padding:30px 0 20px; font-size:18px; font-weight:normal; color:#0079c2;}
.access_state h5 span{ font-weight:600;}
.access_state p {padding-bottom:12px;}


.category {overflow:hidden; padding:10px;}
.category .type {float:left; margin-right:15px; width:200px}
.category .type .title {padding:10px; border:1px solid #c5cdd3; border-radius:5px 5px 0 0; border-bottom-width:0; background:#eff3f7; font-size:14px }
.category .type .title input{position:relative; top:-1px}
.category .type .list {border:1px solid #c5cdd3; border-radius:0 0 5px 5px; padding:10px 20px; min-height:95px }

.area {width:100%; display:flex; flex-wrap:wrap; padding-top:75px;}
.content_wp .area:nth-child(3) {padding-top:75px}
.area .area_cont{width:50%; box-sizing:border-box; padding-right:45px;}
.area .pl65{padding-left:65px; padding-right:0;}
.area .area_cont h4{margin-top:17.4%; font-size:30px; font-weight:500; line-height:38px; letter-spacing: -1px;}
.area .area_cont h3{margin-bottom:20px; font-size:48px; font-weight:600; line-height:53px; letter-spacing: -1px;}
.area .area_cont span{font-size:16px; line-height:24px;   font-weight:600; color:#9f9f9f;}
.area .area_pic{width:50%; height:370px; line-height:370px}
.area .area_pic img{width:100%; vertical-align:middle;}
.visual_dy {position:relative; width:100%; padding-top:75px; padding-bottom:75px;}
.visual_dy .bgbox{width:100%; position:relative; overflow:hidden; height:461px; background:#000000;}
.visual_dy .bgbox img{width:1920px; position:absolute; top:-139%; left:0;}
.visual_dy .bgbox>ul{width:1100px; display:flex; box-sizing:border-box; padding:60px 0; position:relative; z-index:1; height:100%; justify-content:space-between; margin:0 auto;}
.visual_dy .bgbox>ul>li{border:1px solid rgba(185,233,255,0.54); border-radius:3px; width:255px; height:100%; background:#0000004d;}
.visual_dy .bgbox>ul>li h4{color:#ffffff; margin-top:30px; margin-bottom:30px; text-align:center; font-size:22px; font-weight:600;}
.visual_dy .bgbox ul.desc{color:#fff; box-sizing:border-box; padding-left:25px; font-size:14px; line-height:24px; font-weight:600; list-style:none;}

.citybg{border:0; height:428px; background:url(../../img/citybg.png) no-repeat 50% 100%;}
.citybg .wp{vertical-align:top;}
.citybg .wp .page_name{color:#ffffff; margin-top:103px;}
.citybg .wp .page_explain{color:#cfddea; text-shadow: 1.231px 1.576px 2px rgba(0, 0, 0, 0.43);}

.content .barea{padding:18px 0 20px 0;}
.barea>ul{width:100%; padding:0; position:relative; display:flex; flex-wrap:wrap; list-style:none; box-sizing:border-box; justify-content:space-between;}
.barea>ul>li{width:264px; padding:25px; margin-bottom:18px; box-sizing:border-box; min-height:427px; border:1px solid #d4d4d4;}
.barea>ul>li p{font-size:24px; text-align:center; margin:19px auto 41px auto; font-weight:600; color:#1dacae;}
.barea>ul>li p.dline{margin:3px auto 33px auto; line-height: 30px;}
.barea .area_list{width:100%; margin-bottom:7px; padding:12px 0; font-weight:700; text-align:center; border:1px solid #b0dada; color:#1dacae}
.barea .ptb6{padding:6px 0;}
.barea ul.area_list2{width:100%; margin-top:19px; font-size:14px; font-weight:600; padding-left:25px; list-style:disc;}


.erp_img1{width:calc(100% - 60px);}
.erp_img2{width:100%;}
.w50{width:50%;}
.p40box{padding-left:40px;box-sizing:border-box;}
.prettyBluebox.tp80{padding-top:80px;}

/* //콘텐츠 */


.footer {}
.footer .detail {height:217px; background:#33333c}
.footer .detail .wp {width:1100px; margin:0 auto; padding-top:55px;}
.footer .detail h3 {padding-bottom:15px; margin:0;}
.footer .detail .cont {color:#b5b5c0}
.footer .detail .location_info {float:left; padding-left:20px; width:360px;}
.footer .detail .location_info .cont {}
.footer .detail .brochure {float:left; width:250px;}
.footer .detail .brochure .cont {}
.footer .detail .brochure .cont a {color:#b5b5c0; }
.footer .detail .contact_us {float:left; width:460px;}
.footer .detail .contact_us .cont {}
.footer .detail .contact_us .cont .btns {padding-top:20px;}
.footer .detail .contact_us .cont .btns a {float:left; display:block; color:#b5b5c0; font-weight:normal}
.footer .detail .contact_us .cont .btns a:hover {text-decoration:none;}
.footer .detail .contact_us .cont .btns a.m1 {padding-right:23px;}
.footer .detail .contact_us .cont .btns a.m2 {padding-left:23px; padding-right:23px; background:url(../../img/bottom_sep.png) no-repeat 0 0;}
.footer .detail .contact_us .cont .btns a.m3 {padding-left:23px; background:url(../../img/bottom_sep.png) no-repeat 0 0;}
.footer .detail .contact_us .cont .btns a span {display:block; padding-left:50px; height:40px; line-height:40px;}
.footer .detail .contact_us .cont .btns a.m1 span{background:url(../../img/bottom_bu1.png) no-repeat 0 0;}
.footer .detail .contact_us .cont .btns a.m2 span{background:url(../../img/bottom_bu2.png) no-repeat 0 0;}
.footer .detail .contact_us .cont .btns a.m3 span{background:url(../../img/bottom_bu3.png) no-repeat 0 0;}

.footer .bottom {height:157px; background:#29292f}
.footer .bottom .wp {width:1100px; position:relative; margin:0 auto; padding-top:45px;}
.footer .bottom .logo {position:absolute; left:20px; top:40px; padding:0; margin:0;}
.footer .bottom .copyright {padding-left:235px;}
.footer .bottom .copyright ul {margin:0; padding:0; list-style:none; overflow:hidden;}
.footer .bottom .copyright ul li {}
.footer .bottom .copyright ul li a {float:left; color:#c7ced5; background:url(../../img/copyright_sep.png) no-repeat 16px 4px; padding-left:30px;}
.footer .bottom .copyright ul li:first-child a {padding:0; background:none;}
.footer .bottom .copyright p {color:#5a6271; margin:0; padding:0; margin-top:13px; line-height:25px;}
.footer .bottom .family_site {position:absolute; right:25px; top:85px; width:176px; height:35px; border:2px solid #565660; box-sizing:border-box;}
.footer .bottom .family_site h4{cursor:pointer; margin:0; padding:0 15px; line-height:31px; color:#9696a0; background:url(../../img/bottom_site_bu.png) no-repeat 95% 50%;}
.footer .bottom .family_site h4:hover {color:#fff}
.footer .bottom .family_site ul {display:none; position:absolute; bottom:33px; left:-2px; width:176px; margin:0; padding:0; list-style:none;}
.footer .bottom .family_site ul li {background:#29292f; border:2px solid #565660; border-bottom:none; box-sizing:border-box;}
.footer .bottom .family_site ul li a {padding:10px 15px; display:block; color:#9696a0}
.footer .bottom .family_site ul li a:hover {background:#43434c; color:#fff;}

@media all and (max-width:1100px) /*768px까지 - 모바일 형식*/
{
	#header .header_wp {width:900px;}
	#header .menu_list .menu_list_wp {width:900px;}
	#header .menu_list ul:first-child {margin-left:220px;}
	#header .menu {margin:0; padding:0; list-style:none; padding-left:220px; overflow:hidden;}
	/*#header.type2 .logo {position:absolute; left:0; top:40px; margin:0; padding:0; width:172px; height:39px; background:url(../../img/logo.png) no-repeat 0 -45px; text-indent:-9999px; overflow:hidden;}*/
	
	.content .cont .si_service img {width:100%; max-width:616px;}
	
	#body .sub_visual .text_wp {width:900px}
	#body .content {width:900px}
	
	#body .h_title {width:900px; height:auto;}
	#body .h_title .wp {padding:40px 10px 30px; }
	
	#body .solution_title {width:900px}
	
	#body .solution_visual {width:900px;}
	
	#body .solution_cont .cont_wp {width:900px;}
	
	#body .sub_menu .sub_menu_wp {width:900px}
	
	#body .page_visual  .intro .text_wp {width:900px;}
	
	
	#body .page_visual .intro .visual_wp {left:0; right:0; margin-left:0; text-align:center; background:url(../../img/p1bg.jpg) no-repeat 50% 50%}
	#body .page_visual .intro .visual_wp.p4 {left:0; right:0; margin-left:0; text-align:center; background:url(../../img/p4bg.jpg) no-repeat 50% 50%}
	#body .page_visual .intro .visual_wp  img {display:none;}
	
	.sm_ser {width:216px;}
	.sm_ser .s_se{width:33%;}
	
	
	#dk_sm ul li ul li {padding-left:17px; background-position:5px 8px}
	
	.content .cont .company_info {overflow:hidden; /*height:45px;*/}
	.content .cont .company_info .left {float:left; text-align:center; width:100%;}
	.content .cont .company_info .left table {min-width:auto;}
	.content .cont .company_info .left>img {margin: 50px auto;}
	.content .cont .company_info .right {float:left; width:100%; padding-left:0; box-sizing:border-box;}
	.content .cont .company_info .middle {float:left; width:100%; padding-left:0; margin-top:30px; box-sizing:border-box;}	
	
	.visual_dy .bgbox{background:rgb(0,0,0,0.62) url(../../img/p5bg.jpg) no-repeat 58% 50%;}
	.visual_dy .bgbox img{display:none;}
	.company_award .img_box{width: calc(25% - 40px);}
	.company_award .img_box .txt{font-size:14px;}
	
	.grbox{height:auto;}
	.grbox .greyRound{width:auto; border:1px solid #ced9e7; border-radius:13px 13px 0 0; background:#fff;}
	.grbox .greyRound p {font-size:16px;}
	.grbox .greyRound .icons {transform:scale(0.7);margin-left:24px;margin-right:8px;}
	.grbox .subRound{padding: 10px 30px; width:100%; position:relative;border:1px solid #ced9e7; border-top:0; background:#f1f5fa; border-radius:0 0 13px 13px;}
	.grbox .subRound P {margin-left:0;}
	
	.frameimg {width:100%; margin-top:20px;}
	h3.erpTitle {font-size:24px;}
	p.erpText {font-size:16px;}
	
	h1.titleName {font-size:40px;}
	p.titleText {font-size:16px; width:75%;}
	p.titleText2 {font-size:16px;}
	.content .cont .colorBox p {font-size:20px;}
	.imgBox {width:calc( 100% - 140px); padding:30px;}
	.imgBox img {width:100%;}
	.stepGroup{gap:20px; justify-content:space-evenly;}
	.stepGroup .step.tm{display:none;}
	.stepGroup2 {padding:0;}
	.stepGroup2 .step{width:calc( 50% - 10px);}
	.stepGroup2 .step .device .pc2{left:-15%;}
	.stepGroup2 .step .device .pc3{left:-30%;}
	
	.funcGroup{justify-content:space-evenly; gap:20px;}
	
	.footer .detail .wp {width:900px;}
	.footer .bottom .wp {width:900px;}
	.footer .detail .location_info {width:290px;}
	.footer .detail .brochure {width:290px;}
	.footer .detail .contact_us {width:290px;}
}

@media all and (max-width:1000px) /*768px까지 - 모바일 형식*/
{
	#header {height:0}
	#header .logo {z-index:100; display:none; position:absolute; left:20px; top:25px; margin:0; padding:0; width:172px; height:32px; background:url(../../img/logo.png) no-repeat; background-size:140px 68px; text-indent:-9999px; overflow:hidden;}
	.mobile_logo {}
	
	#body .h_title {width:100%; background:none}
	#body .h_title .wp {padding:30px 15px;}
	#body .h_title .wp .page_name {font-size:30px !important;}
	
	#body .solution_title {width:100%; height:auto;}
	#body .solution_title .wp {padding:30px 0;}
	#body .solution_title .wp .solution_name {font-size:30px !important;}
	#body .content {width:100%;}
	#body .content .content_wp {padding:20px}
	
	#body .sub_menu .sub_menu_wp {width:100%}
	
	#body .solution_visual {width:100%;}
	
	#body .solution_cont .cont_wp {width:100%;}
	
	#body .content .cont .company_partner {padding:0}
	#body .content .cont .company_partner ul li {float:left; width:50%; padding-bottom:20px; padding-top:20px; text-align:center; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; min-height:280px; height:280px;}
	#body .content .cont .company_partner ul li.bt {}
	#body .content .cont .company_partner ul li.bt .gline {display:none;}
	#body .content .cont .company_partner ul li:nth-child(2n) {border-right:none;}
	#body .content .cont .company_partner ul li:last-child {border-bottom:none;}
	#body .solution_tab ul li{width:50%;}
	
	#body .solution_intro .list ul.show_list {overflow:hidden; margin-top:30px}
	
	#body .content .tit_desc {padding:0 20px;}
	.h_title .wp .page_explain .line {display:inline}
	#body .content .cont h4 {font-size:22px}
	#body .content .cont .business_new h4{font-size:20px;}
	#body .content .cont .sm_service {border-right:0px; border-bottom:0px; padding-top:0;}
	#body .content .cont .sm_service .sm1 .b_img{width:80%; float:left;}
	#body .content .cont .sm_service .sm2 .b_img {width:80%; float:left;}
	#body .content .cont .sm_service .sm3 .b_img {width:80%; float:left;}
	#body .content .cont .sm_service .sm4 .b_img {width:80%; float:left;}
	#body .content .cont .sm_service .sm5 .b_img {width:80%; float:left;}
		#body .content .cont .sm_service>li img{float:left; width:100%;}


	
	
	#body .content .cont .sm_ser{margin:0; padding:0; height:1600px;}
    #body .content .cont .sm_ser .sms_co{width:768px;}
    #body .content .cont .sm_ser .sms_co .s_se{width:50%; margin:0 auto;}
	
	#body .page_visual  .intro {height:auto}
	#body .page_visual  .intro .text_wp {width:100%;}
	#body .page_visual  .intro .text_wp h4{padding-left:15px; background-position:15px 0;}
	#body .page_visual  .intro .text_wp .company_result{padding:0 15px; }
	#body .page_visual  .intro .text_wp .company_result ul li {height:auto}
	#body .page_visual  .intro .text_wp .company_result .left {width:100%}
	#body .page_visual  .intro .text_wp .company_result .right {width:100%}
	
	#header .header_wp {width:100%; margin:0;}
	#header .menu {display:none; margin:0; padding:0; list-style:none; height:122px; padding-left:220px; overflow:hidden;}
	#header.type2 .logo {position:absolute; left:0; top:40px; margin:0; padding:0; width:172px; height:39px; background:url(../../img/logo.png) no-repeat 0 -45px; text-indent:-9999px; overflow:hidden;}
	#header .bg {display:none !important}
	.mobile_logo {z-index:100; display:block; position:absolute; left:20px; top:25px; margin:0; padding:0; width:172px; height:32px; background:url(../../img/logo.png) no-repeat; background-size:140px 68px; text-indent:-9999px; overflow:hidden;}
	.mobile_logo a {display:block;}
	#body .sub_visual {    height: 225px;}
	#body .sub_visual .text_wp {width:100%; text-align:center; padding-top: 107px;}
	#body .sub_visual .text_wp img {padding:0; width:85%; max-width:389px;}
	#body .sub_visual .text_wp img:first-child {padding:0; width:85%;}
	
	#body .content .cont .page_img1{width:100%; height:615px; background:url(../../img/m_ourh.png) no-repeat;}
	
	.menu-triangle {display:block;}
	
	#menu {display:none; position:fixed; z-index:999;width:100%; height:100%;}
	#menu .wp {width:100%; height:100%; padding:10px; box-sizing:border-box;}
	#menu .wp .wp2 {position:relative; width:100%; height:100%; box-sizing:border-box; background:#34a12c; opacity:1;}
	#menu .wp ul {position:absolute; left:50%; top:50%; list-style:none; padding:0; margin:0; margin-left:-150px; margin-top:-150px; width:300px; height:300px;}
	#menu .wp ul li {text-align:center; height:75px; line-height:75px;}
	#menu .wp ul li a {font-size:24px; color:#fff; font-family:NotoSansKR;}
	#menu .wp .close_btn {position:absolute; right:7px; top:12px; padding:10px; width:18px; height:18px; background:url(../../img/menu_close_bu.png) no-repeat 50% 50%; text-indent:-9999px; }
	
	#sm_dk_intro {height:auto !important; background:#f6f6f6; padding:20px 0}
	#sm_dk_intro #dk_sm {padding:0;}
	#sm_dk_intro #dk_sm h5 {color:#000; margin-bottom:20px; padding-bottom:10px;}
	#sm_dk_intro #dk_sm ul {list-style:none;}
	#sm_dk_intro #dk_sm ul li {width:100%;float:none;}
	#sm_dk_intro #dk_sm ul>li:last-child .box {border:none !important; padding:0 !important; margin:0 !important; min-height:auto !important; }
	#sm_dk_intro .visual_wp {display:none;}
	#sm_dk_intro #dk_sm ul li .li_wp {padding:0}
	#sm_dk_intro #dk_sm ul li .li_wp .box {background:none; border-radius:0; border:none; border-bottom:1px solid #d4d4d4; padding:0; padding-bottom:10px; margin-bottom:20px; min-height:auto}
	#sm_dk_intro #dk_sm ul li .li_wp .box h4 {display:none; text-align:left; padding:0; margin:0; border:none;}
	#sm_dk_intro #dk_sm ul li .li_wp .box ul {padding:0;}
	#sm_dk_intro #dk_sm ul li .li_wp .box ul li {color:#6b6b6b}
	#sm_dk_intro #dk_sm ul li .li_wp .box ul li.pb {color:#000}
	#sm_dk_intro #dk_sm>ul {background:#fff; border:1px solid #d4d4d4; padding:25px 20px; margin:0 20px;}
	
	.footer .detail .wp {width:600px;}
	.footer .bottom .wp {width:600px;}
	.footer .detail .location_info {width:190px;}
	.footer .detail .brochure {width:190px;}
	.footer .detail .contact_us {width:190px;}
	.footer .detail .contact_us {width:190px;}
	.footer .detail .contact_us .btns {overflow:hidden;}
	.footer .detail .contact_us .cont .btns {padding-top:10px !important;}
	.footer .detail .contact_us .btns span {background:none !important; padding:0 !important; height:20px !important; color:#fff !important; line-height:20px !important;}
	.footer .detail .contact_us .cont .btns a.m1 {padding-right:10px !important;}
	.footer .detail .contact_us .cont .btns a.m2 {padding-left:10px !important;}
	.footer .bottom .copyright {padding-left:175px; }
	.footer .bottom .family_site {right:15px; top:45px;}
	.category .type {float:none; margin-right:0; margin-bottom:10px; width:100%}
	#dk_sm ul li {float:left; width:50%}
	
	#body .page_visual .intro .text_wp .company_result ul li {text-overflow: ellipsis; overflow:hidden; white-space: nowrap}
	#body .page_visual .intro .text_wp h4{color:#000; margin-bottom:25px;}
	#body .page_visual .intro .visual_wp.p4 {background:url(../../img/p4bg.jpg) no-repeat 50% 85px; background-size: 2150px;}
}


@media all and (max-width:600px) /*768px까지 - 모바일 형식*/
{
	.footer .detail .wp  {width:100%; padding-top:20px}
	.footer .detail h3 {padding-bottom:10px;}
	.footer .detail .location_info {width:auto; float:none; padding-bottom:10px;}
	.footer .detail .brochure {width:auto; padding-left:20px; float:none; padding-bottom:10px;}
	.footer .detail .contact_us {width:auto; padding-left:20px; float:none; padding-bottom:10px;}
	
	.footer .bottom .wp {width:100%; padding-top:0px;}
	.footer .bottom .logo {top:20px;}
	.footer .bottom .copyright {padding:60px 0 0 15px;}
	.footer .bottom .family_site {right:20px; top:20px;}
	
	#body .content .cont .sm_service {border-right:0px; border-bottom:0px; padding-top:0;}
	#body .content .cont .sm_service .sm1 {width:50%; float:left;}
	#body .content .cont .sm_service .sm2 {width:50%; float:left;}
	#body .content .cont .sm_service .sm3 {width:50%; float:left;}
	#body .content .cont .sm_service .sm4 {width:50%; float:left;}
	#body .content .cont .sm_service .sm5 {width:50%; float:left;}
		#body .content .cont .sm_service>li img{float:left; width:100%;}

	.area .area_pic,.area .area_cont{width:100%;}
}	
@media (min-width:1921px) and (max-width:2560px){
	.visual_dy .bgbox img{left:13%;}
}


@media all and (max-width:1100px){
	.visual_dy .bgbox{overflow-x:auto; background:rgb(0,0,0,0.62) url(../../img/p5bg.jpg) no-repeat 58% 50%;}
	.visual_dy .bgbox img{display:none;}
	.barea>ul {justify-content:space-evenly;}
	#body .citybg .wp{padding:30px 35px 100px;}
	.citybg{background:url(../../img/citybg.png) no-repeat 50% 20%;}
	#body .h_title.citybg {width:100%;}
	.citybg .wp .page_name {margin-top: 63px;}
}
@media all and (max-width:1000px){
	#body .citybg{background:url(../../img/citybg.png) no-repeat 50% 20%;}
	#body .citybg .wp .page_explain{font-size:14px;}
}
@media all and (max-width:600px) /*600px까지 - 모바일 형식*/
{
	.area {padding-top:60px;}
	.area .area_pic,.area .area_cont{width:100%;}
	.mob{flex-wrap:wrap-reverse;}
	.area .area_cont{padding-right:0;}
	.area .area_cont h4 {margin-top:0px;}
	.area .pl65{ padding-left:0;}
	.barea>ul>li {width:100%}
	.content_wp .area {padding-top:60px}
	.content_wp .area:nth-child(3){padding-top:0px}
	#body .citybg .wp{padding:30px 35px 80px;}
	
	h1.titleName {font-size:30px;}
	p.titleText {width: calc( 100% - 20px );}
	p.titleText2 {}
	.prettyBluebox {padding: 40px 0;}
	.grbox{ padding: 0 20px; box-sizing:border-box;}
	
	#body .content .content_wp { padding: 0;}
	.solution_tab ul {width:90%; margin:20px auto;}
	.p40box{padding-left:0;}
	.w50{width:100%;padding-left:20px;padding-right:20px;}
	.imgBox{width: calc( 100% - 100px);}
	
	.stepGroup2 .step{width:100%;}
	.stepGroup2 .step .device {width:100%;}
	.stepGroup2 .step .device .pc{left:-65px; width:85%;}
	.stepGroup2 .step .device .pc2{left:-115%;}
	.stepGroup2 .step .device .pc3{left:-130%;}
	
	.gwTable{display:none;}
}