@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyungjo.css);
@import url(reset.css);

@font-face {
  font-family: 'GmarketSansMedium';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

html, body{width: 100%;height: 100%;}
#wrap{position: relative;width: 100%;height: 100%;}
/* header */
#header{position: absolute;top: 0;width: 100%;z-index: 500;height: 100px;background: url(../img/s_img/bg_header.png) repeat;}
#header .container{position: relative;width: 1100px;margin: 0 auto;}
#header h1.logo{position: absolute;left: 0;top: 25px;}

#header ul.gnb{position: absolute;right: 0;top: 0;z-index: 900;height: 100px;}
#header ul.gnb:after{display: block;content: '';clear: both;}
#header ul.gnb li{float: left;width: 140px;height: 104px;line-height: 100px;text-align: center;background: none;}
#header ul.gnb li a{display: block;width: 100%;height: 100px;font-size: 18px;color: #232323;font-weight: 600;}
#header ul.gnb li:hover{background: url(../img/s_img/bg_gnb_li.gif) no-repeat 0 100%;}

#header ul.gnb li ul{display: none;position: relative;z-index: 900;padding-top: 33px;}
#header ul.gnb li ul li{line-height: 1;height: 20px;margin-bottom: 18px;}
#header ul.gnb li ul li a{font-size: 16px;color: #fff;font-weight: normal;line-height: 1;transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;}
#header ul.gnb li ul li a:hover{color: #0d8c87;font-weight: 600;transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;}
#header ul.gnb li ul li:hover{background: none;}

#header #gnbBg{position: absolute;top: 100px;width: 100%;z-index: 800;background: url(../img/s_img/bg_gnbBg.png) repeat;}
/* header */

/* index */
#content.index{width: 100%;height: 100%;}
#content .main_section{position: relative;width: 100%;height: 100%;min-height: 840px;min-width: 1100px;background: url(../img/p_img/main_visual.jpg) no-repeat center center;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
#content .main_section .container{position: relative;width: 1100px;min-width: 1100px;margin: 0 auto;padding-top: 100px;text-align: center;background: url(../img/s_img/main_s.png) no-repeat center 135px;}
#content .main_section h2{margin-top: 152px;}
#content .main_section h3{margin: 18px 0 10px 0;}
#content .main_section p.txt{font-size: 18px;color: #fff;}

#content .main_section ul.c_btn{width: 480px;margin: 0 auto;margin-top: 15px;height: 122px;background: url(../img/s_img/main_btn_bg.png) no-repeat 0 0;}
#content .main_section ul.c_btn:after{display: block;content: '';clear: both;}
#content .main_section ul.c_btn li{float: left;width: 107px;height: 107px;margin-top: 8px;}

#content .main_section ul.c_btn li.c1{margin-left: 8px}
#content .main_section ul.c_btn li.c2{margin-left: 12px;}
#content .main_section ul.c_btn li.c3{margin-left: 12px;}
#content .main_section ul.c_btn li.c4{margin-left: 12px;}

#content .main_section ul.c_btn li a{display: table-cell;vertical-align: middle;width: 107px;height: 107px;font-size: 15px;line-height: 18px;color: #fefefe;font-weight: 600;background: url(../img/s_img/main_c_btn.png) no-repeat 0 0;transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;}
#content .main_section ul.c_btn li a:hover{background: url(../img/s_img/main_c_btn_on.png) no-repeat 0 0;transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;}

#content .scroll_item{position: absolute;bottom: 30px;width: 100%;height: 69px;}
#content .scroll_item .txt{width: 100%;height: 69px;text-align: center;}
#content .scroll_item .txt img{width: 40px;height: 69px;}
#content .scroll_item .txt{-webkit-animation: scroll_item 1s infinite linear, ping 1s infinite;
				 				animation: scroll_item 1s infinite linear,ping 1s infinite;}
	@-webkit-@keyframes scroll_item {
		0% {padding-top: 0;}
		50% {padding-top: 10px;}
		100% {padding-top: 0;}
	}

	@keyframes scroll_item {
		0% {padding-top: 0;}
		50% {padding-top: 10px;}
		100% {padding-top: 0;}
	}

#content .business_section{width: 100%;height: 670px;background-color: #0d8c87;}
#content .contact_section{width: 100%;height: 800px;background-color: #302418;}

#content .business_section .container{width: 1100px;margin: 0 auto;padding-top: 105px;}
#content .business_section h2{text-align: center;margin-bottom: 10px;}
#content .business_section p.txt{color: #eaeaea;font-size: 20px;font-weight: 600;text-align: center;}
#content .business_section .business_box{width: 1100px;margin: 0 auto;padding-top: 50px}
#content .business_section .business_box:after{display: block;content: '';clear: both;}
#content .business_section .business_box .item{float: left;width: 20%;text-align: center;}
#content .business_section .business_box .item .icon{}
#content .business_section .business_box .item p.title{font-size: 18px;font-weight: 600;color: #ececec;padding: 35px 0 10px 0;}
#content .business_section .business_box .item ul li{text-align: left;color: #dfdfdf;font-size: 15px;line-height: 22px;padding-left: 10px;background: url(../img/s_img/bullet_busi_item_li.gif) no-repeat 0px 10px;}
#content .business_section .business_box .item.i1 ul li{padding-left: 35px;background-position: 25px 10px;}
#content .business_section .business_box .item.i2 ul li{padding-left: 25px;background-position: 15px 10px;}
#content .business_section .business_box .item.i3 ul li{padding-left: 35px;background-position: 25px 10px;}
#content .business_section .business_box .item.i5 ul li{padding-left: 45px;background-position: 35px 10px;}

#content .contact_section .container{position: relative;width: 1100px;margin: 0 auto;padding-top: 160px;text-align: center;}
#content .contact_section h2{position: absolute;top: -75px;text-align: center;width: 100%;margin: 0 auto;}
#content .contact_section h2 img{width: 300px;margin: 0 auto;}

#content .contact_section .contact_box{margin-bottom: 35px}
#content .contact_section .contact_box p.address{font-size: 18px;color: #c4c4c4;font-weight: 600;}
#content .contact_section .contact_box p.tel{font-size: 16px;color: #adadad;margin-top: 12px}
#content .contact_section .contact_box p.tel strong{color: #eaeaea;font-weight: 600;}

#content .contact_section #map{position: relative;width: 100%;height: 415px;background-color: #ebebeb;overflow: hidden;}

#content .contact_section #footers{border-top: 1px solid #5c544b;margin-top: 55px;}
#content .contact_section #footers p.copyright{color: #eaeaea;font-size: 14px;padding-top: 38px;}
/* index */

/* footer */
#footer{background-color: #e4e4e4;padding: 45px 0;text-align: center;}
#footer h2{margin-bottom: 12px;}
#footer p{color: #3d3d3d;font-size: 14px;line-height: 21px;}
#footer p.copyright{margin-top: 3px;}
/* footer */

/* sub(공통) */
#content{width: 100%;}
#content .sub_visual{width: 100%;height: 400px;text-align: center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#content .sub_visual h3{font-size: 30px;color: #fff;font-weight: 600;padding-top: 205px;padding-bottom: 10px;background: url(../img/s_img/sub_visual_h3_bullet.gif) no-repeat center 100%;}
#content .sub_visual p{color: #c7c7c7;font-size: 25px;margin-top: 24px;}

#content .sub_visual#sub1{background: url(../img/p_img/sub_visual1.jpg) no-repeat center center;}
#content .sub_visual#sub2{background: url(../img/p_img/sub_visual2.jpg) no-repeat center center;}
#content .sub_visual#sub3{background: url(../img/p_img/sub_visual3.jpg) no-repeat center center;}
#content .sub_visual#sub4{background: url(../img/p_img/sub_visual4.jpg) no-repeat center center;}

#content .sub_history{width: 100%;height: 80px;background-color: #302418;}
#content .sub_history ul{margin: 0 auto;}
/* #content .sub_history ul:after{display: block;content: '';clear: both;} */
#content .sub_history ul li{/* float: left; */height: 80px;line-height: 80px;text-align: center;}
#content .sub_history ul li:after{display: block;content: '';clear: both;}
#content .sub_history ul li a{display: inline-block;height: 80px;color: #b7b7b7;font-size: 20px;text-align: center;}
#content .sub_history ul li.on a{display: block;font-weight: 600;color: #0d8c87;background: url(../img/s_img/sub_history_home_bullet.png) no-repeat center 60px;}

#content .sub_history#sub1 ul{gap: 20px; max-width: 1100px; display: flex; margin: 0 auto; width: 100%; justify-content: space-between;}
#content .sub_history#sub1 ul li.s1{ }
#content .sub_history#sub1 ul li.s2{ }
#content .sub_history#sub1 ul li.s3{ }
#content .sub_history#sub1 ul li.s4{ }

#content .sub_history#sub2 ul{gap: 20px; max-width: 800px; display: flex; margin: 0 auto; width: 100%; justify-content: space-between;}
#content .sub_history#sub2 ul li.s1{}
#content .sub_history#sub2 ul li.s2{}
#content .sub_history#sub2 ul li.s3{}

/*#content .sub_history#sub3 ul{width: 550px;margin: 0 auto;}*/
 #content .sub_history#sub3 ul{gap: 20px; max-width: 1500px; display: flex; margin: 0 auto; width: 100%; justify-content: space-between;}

#content .sub_history#sub3 ul li.s1{}
#content .sub_history#sub3 ul li.s2{}
#content .sub_history#sub3 ul li.s3{}





#content .sub_history#sub4 ul{width: 240px;margin: 0 auto;}
#content .sub_history#sub4 ul li{width: 240px;}


#content .con_box{padding: 95px 0;}
#content .con_box .container{width: 1100px;margin: 0 auto;}
#content .con_box.sub3_3 .container{width: 1200px; margin : 0 auto;}
#content .con_box h4{text-align: center;padding-bottom: 16px;color: #2c2c2c;font-size: 30px;}
#content .con_box .title_bar{width: 40px;height: 2px;background-color: #707070;margin: 0 auto;}

#content .con_box .company_info{position: relative;width: 981px;margin: 0 auto;border-top: 8px solid #0d8c87;background-color: #fafafa;padding: 40px 0;}
#content .con_box .company_info h5{position: absolute;top: -28px;width: 100%;text-align: center;}

#content .con_box a.short_cut{display: block;width: 190px;height: 35px;margin: 0 auto;background-color: #000;text-align: center;color: #fff;font-weight: 600;font-size: 15px;line-height: 35px;}

/* sub(공통) */

/* sub1_1(회사소개/SEOJEONG ICT) */
#content .con_box.sub1_1{}
#content .con_box.sub1_1 h4{padding-bottom: 24px;}
#content .con_box.sub1_1 .motto_box{position: relative;width: 981px;margin: 0 auto;margin-top: 120px;padding-bottom: 110px;}
#content .con_box.sub1_1 .motto_box .line{position: absolute;top: 122px;width: 100%;height: 1px;background-color: #ccc;}
#content .con_box.sub1_1 .motto_box:after{display: block;content: '';clear: both;}
#content .con_box.sub1_1 .motto_box .box{float: left;width: 279px;margin-right: 72px;}
#content .con_box.sub1_1 .motto_box .box.b3{margin-right: 0}

#content .con_box.sub1_1 .motto_box .box h5{text-align: center;padding-top: 85px;}
#content .con_box.sub1_1 .motto_box .box.b1 h5{background: url(../img/s_img/sub1_1_motto_icon1.png) no-repeat center 1px;}
#content .con_box.sub1_1 .motto_box .box.b2 h5{background: url(../img/s_img/sub1_1_motto_icon2.png) no-repeat center 11px;}
#content .con_box.sub1_1 .motto_box .box.b3 h5{background: url(../img/s_img/sub1_1_motto_icon3.png) no-repeat center 35px;}
#content .con_box.sub1_1 .motto_box .box h5 span{position: relative;z-index: 100;display: block;font-size: 17px;color: #4d4d4d;padding-bottom: 28px;background: url(../img/s_img/sub1_1_motto_bullet.png) no-repeat center 100%;}
#content .con_box.sub1_1 .motto_box .box.b2 h5 span{background: url(../img/s_img/sub1_1_motto_bullet_.png) no-repeat center 100%;}

#content .con_box.sub1_1 .motto_box .box .motto_con{width: 100%;height: 167px;margin-top: 16px;background: url(../img/s_img/sub1_1_motto_con.png) no-repeat center center;}
#content .con_box.sub1_1 .motto_box .box .motto_con p.tit{padding-top: 42px;padding-bottom: 7px;font-size: 15px;color: #232323;text-align: center;font-weight: 600;}
#content .con_box.sub1_1 .motto_box .box .motto_con ul li{font-size: 15px;color: #595959;line-height: 21px;padding-left: 9px;background: url(../img/s_img/sub1_1_motto_con_bullet.gif) no-repeat 0 10px;}

#content .con_box.sub1_1 .motto_box .box.b1 .motto_con ul{padding-left: 83px;}
#content .con_box.sub1_1 .motto_box .box.b2 .motto_con ul{padding-left: 24px;}
#content .con_box.sub1_1 .motto_box .box.b3 .motto_con ul{padding-left: 31px;}

#content .con_box.sub1_1 .company_info ul{padding-left: 128px;}
#content .con_box.sub1_1 .company_info ul li{font-size: 15px;color: #4d4d4d;margin-bottom: 15px;}
#content .con_box.sub1_1 .company_info ul li.last{margin-bottom: 0;}
#content .con_box.sub1_1 .company_info ul li:after{display: block;content: '';clear: both;}
#content .con_box.sub1_1 .company_info ul li .tit{float: left;font-weight: 600;width: 72px;}
#content .con_box.sub1_1 .company_info ul li .txt{float: left;}
/* sub1_1(회사소개/SEOJEONG ICT) */

/* sub1_2(회사소개/기업 인증 내역) */
#content .con_box.sub1_2{}
#content .con_box.sub1_2 .cert_box{}
#content .con_box.sub1_2 .cert_box ul{width: 865px;margin: 0 auto;margin-top: 90px;}
#content .con_box.sub1_2 .cert_box ul:after{display: block;content: '';clear: both;}
#content .con_box.sub1_2 .cert_box ul li{float: left;margin-right: 29px;}
#content .con_box.sub1_2 .cert_box ul li img{width: 269px;}
#content .con_box.sub1_2 .cert_box ul li.last{margin-right: 0;}
#content .con_box.sub1_2 .cert_box ul li p{font-size: 15px;color: #4d4d4d;font-weight: 600;margin-top: 10px;text-align: center;}
#content .con_box.sub1_2 .cert_box ul.bottom{width: 567px;margin: 0 auto;margin-top: 50px;}

#content .con_box.sub1_2 .tech_box{margin-top: 115px;}
#content .con_box.sub1_2 .tech_box .tech{margin-top: 85px;}
#content .con_box.sub1_2 .tech_box .tech .box{margin-bottom: 45px;}
#content .con_box.sub1_2 .tech_box .tech .box:after{display: block;content: '';clear: both;}
#content .con_box.sub1_2 .tech_box .tech .box .left{float: left;width: 360px;}
#content .con_box.sub1_2 .tech_box .tech .box .right{float: left;margin-left: 40px;width: 700px;}

#content .con_box.sub1_2 .tech_box .tech .box .right ul{width: 700px;height: 214px;display: table-cell;vertical-align: bottom;}
#content .con_box.sub1_2 .tech_box .tech .box.last .right ul{vertical-align: middle;}
#content .con_box.sub1_2 .tech_box .tech .box .right ul li{line-height: 28px;font-size: 15px;}
#content .con_box.sub1_2 .tech_box .tech .box .right ul li:after{display: block;content: '';clear: both;}
#content .con_box.sub1_2 .tech_box .tech .box .right ul li .tit{float: left;width: 85px;font-weight: 600;color: #2d2d2d;}
#content .con_box.sub1_2 .tech_box .tech .box .right ul li .txt{float: left;width: 615px;color: #4d4d4d;}
/* sub1_2(회사소개/기업 인증 내역) */

/* sub1_3(회사소개/CI 소개) */
#content .con_box.sub1_3{}
#content .con_box.sub1_3 p.subscript{font-size: 16px;line-height: 24px;color: #231f20;text-align: center;margin-bottom: 30px;}
#content .con_box.sub1_3 .ci_box{width: 100%;height: 302px;background: url(../img/s_img/sub1_3_bg_ci_box.png) no-repeat center center;}
#content .con_box.sub1_3 .ci_box:after{display: block;content: '';clear: both;}
#content .con_box.sub1_3 .ci_box .box{float: left;width: 50%;text-align: center;}
#content .con_box.sub1_3 .ci_box .box .ci{margin: 83px 0 63px 0;}

#content .con_box.sub1_3 .con{width: 100%;margin-top: 90px;}
#content .con_box.sub1_3 .con:after{display: block;content: '';clear: both;}
#content .con_box.sub1_3 .con .left{float: left;width: 235px;color: #0d8c87;font-size: 17px;text-indent: 8px;background: url(../img/s_img/sub1_3_con_p_txt_bullet.png) no-repeat 0 0;font-weight: 600;}
#content .con_box.sub1_3 .con .right{float: right;width: 865px;}
#content .con_box.sub1_3 .con .right p.txt{font-size: 15px;color: #3c393a;line-height: 21px;}
#content .con_box.sub1_3 .con .right .ci_box{background: none;height: auto;}
#content .con_box.sub1_3 .con .right .ci_box p.sm{font-size: 13px;color: #3c393a;font-weight: 600;margin-top: 10px;}

#content .con_box.sub1_3 .con.c1 .right .ci_box{margin-top: 70px;}
#content .con_box.sub1_3 .con.c1 .right .ci_box p.lang{margin-bottom: 30px;}
#content .con_box.sub1_3 .con.c1 .right .ci_box .ho{margin-bottom: 40px;}
#content .con_box.sub1_3 .con.c1 .right .ci_box .ve p.sm{margin-top: 20px;}

#content .con_box.sub1_3 .con.c2 .right .ci_box{width: 560px;margin-top: 65px;margin-left: 90px;}
#content .con_box.sub1_3 .con.c2 .right .ci_box .box.b1{margin-top: 15px;}

#content .con_box.sub1_3 .con.c3 .ci_wrap{}
#content .con_box.sub1_3 .con.c3 .ci_wrap .title{margin-top: 45px;margin-bottom: 50px;text-align: center;}
#content .con_box.sub1_3 .con.c3 .ci_wrap .ci_box{}
#content .con_box.sub1_3 .con.c3 .ci_wrap .ci_box .box .ho{height: 165px;}
#content .con_box.sub1_3 .con.c3 .ci_wrap .ci_box .box.b1 .ho img{margin-top: 10px;}
#content .con_box.sub1_3 .con.c3 .ci_wrap .ci_box .box.b1 .ve p.sm{margin-top: 20px;}

#content .con_box.sub1_3 .con.c4 .ci_wrap{margin-top: 60px}
#content .con_box.sub1_3 .con.c4 .ci_wrap .title{text-align: center;margin-bottom: 15px;}
#content .con_box.sub1_3 .con.c4 .ci_wrap .ci_box{width: 720px;margin: 0 auto;}
#content .con_box.sub1_3 .con.c4 .ci_wrap .ci_box .box{width: 33.33333333333333%;}
#content .con_box.sub1_3 .con.c4 .ci_wrap .ci_box .box p.sm{margin-bottom: 10px;}
#content .con_box.sub1_3 .con.c4 .ci_wrap p.etc{font-size: 13px;font-weight: 600;color: #ff0000;text-align: center;margin-top: 25px;}

#content .con_box.sub1_3 .con.c5 .ci_box .color{margin: 40px 0;}

#content .con_box.sub1_3 .con.c6 .ci_box .long{text-align: center;margin-top: 30px;}
#content .con_box.sub1_3 .con.c6 .ci_box  p.sm{margin-bottom: 10px;}
/* sub1_3(회사소개/CI 소개) */

/* sub1_4(회사소개/Contact Us) */
#content .con_box.sub1_4{}
#content .con_box.sub1_4 #map{width: 100%;height: 470px;position: relative;overflow: hidden;margin-bottom: 95px;}

#content .con_box.sub1_4 .company_info{}
#content .con_box.sub1_4 .company_info p{color: #4d4d4d;font-size: 15px;text-align: center;}
#content .con_box.sub1_4 .company_info p.address{font-weight: 600;margin-bottom: 15px;}
#content .con_box.sub1_4 .company_info .tel_box{margin-top: 30px;}
#content .con_box.sub1_4 .company_info .tel_box .tel_title{width: 136px;margin: 0 auto;height: 25px;line-height: 25px;margin-bottom: 12px;font-size: 15px;background-color: #5f3813;text-align: center;color: #fff;font-weight: 600;}
#content .con_box.sub1_4 .company_info .tel_box p{line-height: 22px;}
/* sub1_4(회사소개/Contact Us) */

/* sub2_1(사업내용/사업분야) */
#content .con_box.sub2_1{}
#content .con_box.sub2_1 .b_box{padding: 300px 0;}
#content .con_box.sub2_1 .b_box .business{}
#content .con_box.sub2_1 .b_box .business ul{position: relative;width: 945px;margin: 0 auto;height: 301px;}
#content .con_box.sub2_1 .b_box .business ul li{position: absolute;}
#content .con_box.sub2_1 .b_box .business ul li.b1{bottom: 0;left: 0;}
#content .con_box.sub2_1 .b_box .business ul li.b2{top: 0;left: 179px;}
#content .con_box.sub2_1 .b_box .business ul li.b3{bottom: 0;left: 359px;}
#content .con_box.sub2_1 .b_box .business ul li.b4{top: 0;left: 539px;}
#content .con_box.sub2_1 .b_box .business ul li.b5{bottom: 0;left: 719px;}

#content .con_box.sub2_1 .b_box .business ul li .container{position: relative;width: 100%;}
#content .con_box.sub2_1 .b_box .business ul li p.title{position: absolute;bottom: 40px;width: 100%;text-align: center;color: #fff;font-weight: 600;font-size: 17px;line-height: 22px;}
#content .con_box.sub2_1 .b_box .business ul li.b3 p.title{bottom: 30px;}

#content .con_box.sub2_1 .b_box .business ul li .detail{position: absolute;padding: 50px 0;width: 100%;height: 160px;background: url(../img/s_img/sub2_1_detail_icon.png) no-repeat center 20px;}
#content .con_box.sub2_1 .b_box .business ul li .detail p{padding-left: 10px;background: url(../img/s_img/sub2_1_detail_p_bullet.gif) no-repeat 0 center;line-height: 23px;font-size: 15px;}

#content .con_box.sub2_1 .b_box .business ul li.b1 .detail p{margin-left: 40px;}
#content .con_box.sub2_1 .b_box .business ul li.b2 .detail p{margin-left: 38px;}
#content .con_box.sub2_1 .b_box .business ul li.b3 .detail p{margin-left: 50px;}
#content .con_box.sub2_1 .b_box .business ul li.b4 .detail p{margin-left: 10px;}
#content .con_box.sub2_1 .b_box .business ul li.b5 .detail p{margin-left: 45px;}

#content .con_box.sub2_1 .b_box .business ul li.b2 .detail{height: 80px;top: -190px;background: url(../img/s_img/sub2_1_detail_icon.png) no-repeat center 155px;}
#content .con_box.sub2_1 .b_box .business ul li.b4 .detail{height: 130px;top: -215px;background: url(../img/s_img/sub2_1_detail_icon.png) no-repeat center 180px;}
/* sub2_1(사업내용/사업분야) */

/* sub2_2(사업내용/SI사업) */
#content .con_box.sub2_2{}
#content .con_box.sub2_2 .si_box{position: relative;margin-bottom: 135px;}

#content .con_box.sub2_2 .si_box p.subscript{font-size: 20px;color: #4d4d4d;text-align: center;margin: 60px 0;}
#content .con_box.sub2_2 .si_box p.subscript strong{color: #0d8c87;font-weight: 600;}
#content .con_box.sub2_2 .si_box .si_con{position: relative;width: 100%;}
#content .con_box.sub2_2 .si_box .si_con:after{display: block;content: '';clear: both;}
#content .con_box.sub2_2 .si_box .si_con .line{position: absolute;top: 118px;z-index: 99;width: 100%;height: 1px;background-color: #ccc;}

#content .con_box.sub2_2 .si_box .si_con .box{position: relative;z-index: 100;float: left;width: 255px;margin-right: 26.66666666666667px;}
#content .con_box.sub2_2 .si_box .si_con .box.last{margin-right: 0;}

#content .con_box.sub2_2 .si_box .si_con .box .num{text-align: center;}
#content .con_box.sub2_2 .si_box .si_con .box .tit{font-size: 17px;font-weight: 600;color: #4d4d4d;text-align: center;height: 60px;line-height: 35px;}
#content .con_box.sub2_2 .si_box .si_con .box ul li{font-size: 15px;line-height: 21px;color: #595959;background: url(../img/s_img/sub1_1_motto_con_bullet.gif) no-repeat 0 10px;padding-left: 8px;}


#content .con_box.sub2_2 .si_box.s1 .si_con .box ul{width: 242px;padding-left: 13px;height: 125px;margin-top: 20px;padding-top: 42px;background: url(../img/s_img/sub2_2_si_con_box1.gif) no-repeat 0 0;}
#content .con_box.sub2_2 .si_box.s2 .si_con .box ul{width: 210px;padding-left: 45px;height: 266px;margin-top: 20px;padding-top: 42px;background: url(../img/s_img/sub2_2_si_con_box2.gif) no-repeat 0 0;}
#content .con_box.sub2_2 .si_box.s3 .si_con .box .txt{width: 100%;height: 167px;margin-top: 10px;text-align: center;font-size: 15px;color: #595959;line-height: 21px;background: url(../img/s_img/sub2_2_si_con_box3.gif) no-repeat center center;}
#content .con_box.sub2_2 .si_box.s3 .si_con .box p{padding-top: 52px;}

#content .con_box.sub2_2 .si_box .si_con .box.b1 .tit, #content .con_box.sub2_2 .si_box .si_con .box.b3 .tit{background: url(../img/s_img/sub1_1_motto_bullet.png) no-repeat center 100%;}
#content .con_box.sub2_2 .si_box .si_con .box.b2 .tit, #content .con_box.sub2_2 .si_box .si_con .box.b4 .tit{background: url(../img/s_img/sub1_1_motto_bullet_.png) no-repeat center 100%;}

#content .con_box.sub2_2 .si_box.s2 .si_con .box.b3 ul{width: 242px;padding-left: 13px;}

#content .con_box.sub2_2 .si_box.s2 .si_con .box{position: relative;}
#content .con_box.sub2_2 .si_box.s2 .si_con .box .logo_box:after{display: block;content: '';clear: both;}
#content .con_box.sub2_2 .si_box.s2 .si_con .box .logo_box .item{float: left;}

#content .con_box.sub2_2 .si_box.s2 .si_con .box.b1 .logo_box{position: absolute;left: 10px;bottom: 40px;}
#content .con_box.sub2_2 .si_box.s2 .si_con .box.b2 .logo_box{position: absolute;left: 20px;bottom: 20px;}
#content .con_box.sub2_2 .si_box.s2 .si_con .box.b3 .logo_box{position: absolute;left: 18px;bottom: 50px;}
#content .con_box.sub2_2 .si_box.s2 .si_con .box.b4 .logo_box{position: absolute;left: 10px;bottom: 26px;}

#content .con_box.sub2_2 .si_box.s3 .img{text-align: center;margin-bottom: 80px;}
#content .con_box.sub2_2 .si_box.s3 .si_con .box{width: 33.33333333333333%;text-align: center;margin-right: 0;}
/* sub2_2(사업내용/SI사업) */

/* sub2_3(사업내용/LG U+) */
#content .con_box.sub2_3{}
#content .con_box.sub2_3 p.subscript{font-size: 20px;color: #4d4d4d;text-align: center;margin: 60px 0 20px 0;}
#content .con_box.sub2_3 p.subscript strong{color: #0d8c87;font-weight: 600;}

#content .con_box.sub2_3 .lg_box{position: relative;margin-top: 135px;}
#content .con_box.sub2_3 .lg_box:after{display: block;content: '';clear: both;}
#content .con_box.sub2_3 .lg_box .line{position: absolute;z-index: 99;top: 117px;width: 100%;height: 1px;background-color: #ccc;}

#content .con_box.sub2_3 .lg_box .box{position: relative;z-index: 100;float: left;width: 33.33333333333333%;text-align: center;}
#content .con_box.sub2_3 .lg_box .box h5{width: 100%;height: 120px;}
#content .con_box.sub2_3 .lg_box .box h5 span{display: block;width: 100%;height: 125px;font-size: 17px;font-weight: 600;line-height: 175px;color: #4d4d4d;background: url(../img/s_img/sub1_1_motto_bullet.png) no-repeat center 100%;}
#content .con_box.sub2_3 .lg_box .box.b2 h5 span{background: url(../img/s_img/sub1_1_motto_bullet_.png) no-repeat center 100%;}

#content .con_box.sub2_3 .lg_box .box.b1 h5{background: url(../img/s_img/sub2_3_icon1.gif) no-repeat center 18px;}
#content .con_box.sub2_3 .lg_box .box.b2 h5{background: url(../img/s_img/sub2_3_icon2.gif) no-repeat center 6px;}
#content .con_box.sub2_3 .lg_box .box.b3 h5{background: url(../img/s_img/sub2_3_icon3.gif) no-repeat center 0px;}

#content .con_box.sub2_3 .lg_box .box .lg_con{margin-top: 20px;padding-top: 45px;height: 67px;font-size: 15px;color: #595959;line-height: 21px;background: url(../img/s_img/sub2_3_lg_con.gif) no-repeat center center}
/* sub2_3(사업내용/LG U+) */

/* sub3_1(제품소개/내부정보 유출방지) */
#content .con_box.sub3_1{}
#content .con_box.sub3_1 p.subscript{font-size: 20px;color: #4d4d4d;text-align: center;line-height: 30px;margin: 40px 0 30px 0;}
#content .con_box.sub3_1 p.subscript strong{color: #0d8c87;font-weight: 600;}

#content .con_box.sub3_1 .prot{margin-bottom: 85px;}
#content .con_box.sub3_1 .prot a.short_cut{margin: 0 auto;margin-top: 60px;margin-bottom: 40px;}
#content .con_box.sub3_1 .prot .img{text-align: center;}
#content .con_box.sub3_1 .prot p.txt{font-size: 15px;line-height: 24px;color: #4d4d4d;text-align: center;margin-top: 45px;}

#content .con_box.sub3_1 .equip{}
#content .con_box.sub3_1 .equip .img{text-align: center;margin: 60px 0 75px 0;}
#content .con_box.sub3_1 .equip p.subscript{margin: 0 0 10px 0;}
#content .con_box.sub3_1 .equip ul.icon{width: 336px;margin: 0 auto;}
#content .con_box.sub3_1 .equip ul.icon:after{display: block;content: '';clear: both;}
#content .con_box.sub3_1 .equip ul.icon li{float: left;}
#content .con_box.sub3_1 .equip .equip_box{margin-top: 45px;}
#content .con_box.sub3_1 .equip .equip_box:after{display: block;content: '';clear: both;}
#content .con_box.sub3_1 .equip .equip_box .box{float: left;width: 521px;padding-top: 30px;height: 110px;margin-bottom: 13px;padding-left: 20px;border: 1px solid #d7d7d7;margin-right: 14px;}
#content .con_box.sub3_1 .equip .equip_box .box.right{margin-right: 0;}

#content .con_box.sub3_1 .equip .equip_box .box h5{font-size: 17px;color: #0d8c87;font-weight: 600;padding-left: 8px;background: url(../img/s_img/sub3_1_h5_bullet.gif) no-repeat 0 center;}
#content .con_box.sub3_1 .equip .equip_box .box h5 span{font-size: 14px;font-weight: normal;}
#content .con_box.sub3_1 .equip .equip_box .box ul{margin-top: 10px;}
#content .con_box.sub3_1 .equip .equip_box .box ul li{font-size: 15px;line-height: 21px;color: #3c393a;padding-left: 8px;background: url(../img/s_img/sub1_1_motto_con_bullet.gif) no-repeat 0 9px;}
/* sub3_1(제품소개/내부정보 유출방지) */

/* sub3_2(제품소개/시스템 인프라 구축) */
#content .con_box.sub3_2{}
#content .con_box.sub3_2 p.subscript{font-size: 20px;color: #4d4d4d;text-align: center;line-height: 30px;margin: 60px 0 50px 0;}
#content .con_box.sub3_2 p.subscript strong{color: #0d8c87;font-weight: 600;}
#content .con_box.sub3_2 .infra_box{position: relative;text-align: center;}
#content .con_box.sub3_2 .infra_box:after{display: block;content: '';clear: both;}
#content .con_box.sub3_2 .infra_box .line{position: absolute;top: 118px;width: 100%;z-index: 99;height: 1px;background-color: #ccc;}

#content .con_box.sub3_2 .infra_box .box{position: relative;z-index: 100;float: left;width: 211px;margin-right: 11.25px;}
#content .con_box.sub3_2 .infra_box .box.b5{margin-right: 0;}

#content .con_box.sub3_2 .infra_box .box .title{height: 60px;}
#content .con_box.sub3_2 .infra_box .box .title span{display: block;height: 60px;line-height: 40px;font-weight: 600;color: #4d4d4d;font-size: 17px;background: url(../img/s_img/sub1_1_motto_bullet.png) no-repeat center 100%;}
#content .con_box.sub3_2 .infra_box .box.b2 .title span, #content .con_box.sub3_2 .infra_box .box.b4 .title span{background: url(../img/s_img/sub1_1_motto_bullet_.png) no-repeat center 100%;}

#content .con_box.sub3_2 .infra_box .box ul{width: 100%;margin-top: 20px;height: 320px;padding-top: 45px;background: url(../img/s_img/sub3_2_infra_box.gif) no-repeat 0 0;}
#content .con_box.sub3_2 .infra_box .box.b3 ul{padding-top: 90px;height: 275px;}
#content .con_box.sub3_2 .infra_box .box.b4 ul{padding-top: 55px;height: 310px;}
/* sub3_2(제품소개/시스템 인프라 구축) */

/* sub3_3 (제품소개/전기차충전서비스) - 2022.06.13 */

.sub3_3{font-family: 'Noto Sans KR', sans-serif;}
.tab_menu{display : flex; justify-content: space-between; margin-top: 100px;}
.tab_menu li{width: 350px;  text-align: center;}
.tab_menu li a{display : inline-block; width: 100%; padding : 18.5px 0; font-size: 20px; font-weight: 400; color : #fff; border-radius: 20px; background: #0D8C87;}
.tab_menu li.active a{background: #0c817d;}

.top_tit{text-align: center; margin : 91px 0 118px;}
.top_tit.last{margin: 70px 0 60px;}
.top_tit p{color :#E4007F; font-size: 20px; font-weight: 600; margin-bottom: 5px; line-height: 29px;}
.top_tit h5{font-size: 35px; font-weight: bold; color: #222; line-height: 52px;}

.first{display : flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #707070; padding-bottom: 60px; margin-bottom: 60px;}
.first .left{
  font-size: 33px;
  font-weight: bold;
  line-height: 52px;
  background: linear-gradient(to right, #E4007F, #F1AF72);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color : #fff;
}
.first .right{
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
}

/* second */
.second{
  display : flex;
  justify-content: space-between;
  padding-bottom: 85px;
  margin-bottom: 65px;
  border-bottom: 1px solid #707070;
}
.second .left{text-align: center; padding-left: 44px;}
.second .left img{}
.second .left p{
  font-size: 35px;
  font-weight: bold;
  line-height: 52px;
  margin-top: 25px;
}

.second .right{}
.second .right ul{
  display : flex;
  align-items: flex-end;
}
.second .right ul li{margin-right: 135px; text-align: center;}
.second .right ul li:last-child{margin-right: 50px;}
.second .right ul li img{}
.second .right ul li dl{text-align: left;}
.second .right ul li dl dt{
  font-size: 18px;
  font-weight: bold;
  line-height: 27px;
  color : #E4007F;
  margin : 24px 0 5px;
}
.second .right ul li dl dd{
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  color :#222222;
}

/* third */
.third{text-align: center; padding-bottom: 96px; margin-bottom: 70px; border-bottom: 1px solid #707070;}
.third img{}
.third .table_wrap{border-top : 1px solid #D9D9D9;border-radius : 10px 10px 0 0; margin-top: 60px;}
.third table{width: 100%; }
.third table tr{}
.third table tr th{}
.third table tr td{}
.third table thead{}
.third table thead tr th{   font-size: 18px; color : #fff;background: #E4007F; height: 35px; border-radius : 10px 10px 0 0;}
.third table tbody tr th{width: 50%; padding : 9px 0; border : 1px solid #D9D9D9; box-sizing: border-box; font-size: 18px; font-weight: bold; line-height: 26px;}
.third table tbody tr td{width: 50%; padding : 9px 0; border : 1px solid #D9D9D9; box-sizing: border-box; font-size: 16px; font-weight: 300; line-height: 26px;}

/* fourth */
.fourth{padding-bottom: 100px; border-bottom : 1px solid #707070;}
.fourth .list{display : flex; justify-content: space-between;}
.fourth .list li{width: 350px; height: 400px; padding-top: 47px; box-sizing: border-box; text-align: center; background: #F6F6F6;}
.fourth .list li .num{display : inline-block; font-size: 18px; font-weight: bold; line-height: 27px; color : #E4007F; border-bottom : 2px solid #E4007F; }
.fourth .list li .tit{font-size: 60px; font-weight: bold; color: #222; margin : 50px 0 43px; line-height: 1.5;}
.fourth .list li .txt{font-size: 20px; line-height: 26px; font-weight: 400;}
.fourth .list li .txt strong{color :#E4007F;}

/* fifth */
.fifth{}
.fifth .contents{display : flex; align-items: flex-end;}
.fifth .contents .left{background-image: url('/file/img/s_img/tablet.png'); background-repeat: no-repeat;width: 769px; height: 1069px; display : flex; justify-content: center; padding-top: 55px; box-sizing: border-box; }
.fifth .contents .left ul{}
.fifth .contents .left ul li{ position : relative; margin-bottom: 16px; }
.fifth .contents .left ul li:nth-child(2n){padding-left: 48px; box-sizing: border-box;}
.fifth .contents .left ul li:last-child{padding-bottom: 77px;}

.fifth .contents .left ul li img{display : inline-block;}
.fifth .contents .left ul li:nth-child(2n-1) img{margin-right: 41px; vertical-align: bottom;}
.fifth .contents .left ul li:nth-child(2n) img{margin-left: 37px; vertical-align: top; padding-top: 3px;}
.fifth .contents .left ul li span{display : inline-flex; letter-spacing: -1px; align-items: center;  width: 451px; height: 84px; background: #F5F5F5; border-radius: 20px; font-size: 18px; font-weight: 500; line-height: 27px; color: #222; padding : 15px 0; padding-left: 32px; box-sizing: border-box;}
.fifth .contents .left ul li:nth-child(2n) span{position : relative; display : inline-block; background: #E4007F; color : #fff; padding : 14px 0; width: 434px; text-align: right; height: auto; padding-right: 41px; padding-left:initial;}
.fifth .contents .left ul li:nth-child(2n) span::before{content:''; display: block; position : absolute; width:0; height: 0; border-top : 29px solid #E4007F; border-left : 29px solid transparent;  border-right : 29px solid transparent; border-bottom : 29px solid transparent; left: 405px; top: 40px; }
.fifth .contents .left ul li:nth-child(2n-1) span::after{content:''; display : block; position : absolute; width:0; height: 0; border-top : 29px solid #F5F5F5; border-left : 29px solid transparent;  border-right : 29px solid transparent; border-bottom : 29px solid transparent; left: 115px; top: 29px;}
.fifth .contents .left ul li:nth-child(2n) span.position{position : absolute; bottom: 0; left: 48px;}
.fifth .contents .left ul li:nth-child(2n) span.position::before{top: 10px;}
.fifth .contents .right{padding-bottom: 51px; margin-left: 40px; text-align: center;}
.fifth .contents .right img{}
.fifth .contents .right p{font-size: 20px; font-weight: 500;font-family: 'GmarketSansMedium';  margin : 36px 0 20px;}

/* sub3_3 end */

/* sub3_3_2 - 절차 안내 */
.sub3_3_2{font-family: 'Noto Sans KR', sans-serif;}
#content .con_box.sub3_3_2 .container{width: 1200px;}
.tit01{font-size: 18px; line-height: 27px; font-weight: 400; color : #222222; text-align: center; padding-bottom: 50px; margin-bottom: 80px; border-bottom: 1px solid #707070;}

.process_wrap{}
.process_wrap .top{display : flex; margin-bottom: 70px;}
.process_wrap .top .left{padding-left: 43px; padding-top: 25px;}
.process_wrap .top .left img{display : inline-block; padding-left: 24px;}
.process_wrap .top .left p{font-size: 35px; font-weight: bold; color : #222222; margin-top: 24px; line-height: 52px;}

.process_wrap .top .right{margin-left: 108px;}
.process_wrap .top .right img{}

.process_wrap .bot{display : flex;}
.process_wrap .bot .left{padding-left: 49px;}
.process_wrap .bot .left ul{display : flex; flex-wrap: wrap;  border-right : 1px solid #707070;}
.process_wrap .bot .left ul li{ position : relative; padding-right: 90px; padding-bottom: 71px;}
.process_wrap .bot .left ul li:last-child{padding-bottom: 0;}
.process_wrap .bot .left ul li:nth-child(1)::after, .process_wrap .bot .left ul li:nth-child(2)::after{content : ''; position : absolute; display : block; width: 30px; height: 30px; background-image: url('/file/img/s_img/right_arrow.png'); right: 30px; top: 92px;}
.process_wrap .bot .left ul li:nth-child(3)::after{content : ''; position : absolute; display : block; width: 30px; height: 30px; background-image: url('/file/img/s_img/down_arrow.png'); right: 84px;bottom : 24px;}
.process_wrap .bot .left ul li:nth-child(4)::after, .process_wrap .bot .left ul li:nth-child(5)::after{content : ''; position : absolute; display : block; width: 30px; height: 30px; background-image: url('/file/img/s_img/left_arrow.png'); right: 30px; top: 92px;}
.process_wrap .bot .left ul li:nth-child(7)::after{content : ''; position : absolute; display : block; width: 30px; height: 30px; background-image: url('/file/img/s_img/down_arrow.png'); right: 175px;top : -68px;}


.process_wrap .bot .left ul li:nth-child(3n){padding-right: 0;}
.process_wrap .bot .left ul li div{display : flex; justify-content: center; align-items: center; width: 202px;height: 202px; border-radius: 100%; background: #F8F8F8;}
.process_wrap .bot .left ul li img{}
.process_wrap .bot .left ul li p{text-align: center; font-size: 18px; font-weight: 400; line-height: 27px; margin-top: 16px; color : #222222;}

.process_wrap .bot .right{padding-left: 60px; padding-right: 40px; white-space: nowrap;padding-top: 55px; box-sizing: border-box;}
.process_wrap .bot .right dl{margin-bottom: 78px; }
.process_wrap .bot .right dl:last-child{margin-bottom: 0;}
.process_wrap .bot .right dl dt{font-size: 18px; font-weight: bold; line-height: 27px; color : #E4007F; margin-bottom: 5px;}
.process_wrap .bot .right dl dd{font-size: 18px; font-weight: 400; line-height: 27px; color : #222222;}
/* sub3_3_2 - 절차 안내 End */

/* sub3_3_3 - 충전기 소개 */
#content .con_box.sub3_3_3 .container{width: 1200px;}
.sub3_3_3{font-family: 'Noto Sans KR', sans-serif;}
.sub3_3_3 ul{display : flex; flex-wrap: wrap; align-items: flex-end;}
.sub3_3_3 ul li{width : 350px; margin-right: 75px; text-align: center; margin-bottom: 54px;}
.sub3_3_3 ul li:nth-child(3){margin-right: 0;}
.sub3_3_3 ul li img{}

.sub3_3_3 ul li p{position : absolute; font-size: 16px; font-weight: 400; margin-top: 9px;}
.sub3_3_3 ul li table{border-top : 9px solid #E4007F; width: 100%; margin-top: 32px;}
.sub3_3_3 ul li table tr{}
.sub3_3_3 ul li table tr th{font-family: 'Noto Sans KR', sans-serif;font-size: 18px; font-weight: 500; border: 1px solid #D9D9D9; box-sizing: border-box;}
.sub3_3_3 ul li table tr td{font-family: 'Noto Sans KR', sans-serif;text-align: left; line-height: 26px; border: 1px solid #D9D9D9; padding : 10px 0 10px 24px; box-sizing: border-box; font-size: 16px; font-weight: 300;}
/* sub3_3_3 - 충전기 소개 End */