@charset "utf-8";

@font-face{font-family:nbg;
src:url(../font/NanumBarunGothic.eot);
src:local(※), url(../font/NanumBarunGothic.woff) format('woff'), url(../font/NanumBarunGothic.ttf) format('ttf');}

@font-face{font-weight:bold;
src:url(../font/NanumBarunGothicBold.eot);
src:local(※), url(../font/NanumBarunGothicBold.woff) format('woff'), url(../font/NanumBarunGothicBold.ttf) format('ttf');}

@font-face{
font-family:nskr100;
src:local(※), url(../font/NSKR100.woff) format('woff');}

@font-face{
font-family:nskr200;
src:local(※), url(../font/NSKR200.woff) format('woff');}

@font-face{
font-family:nskr300;
src:local(※), url(../font/NSKR300.woff) format('woff');}

@font-face{
font-family:nskr400;
src:local(※), url(../font/NSKR400.woff) format('woff');}

@font-face{
font-family:nskr500;
src:local(※), url(../font/NSKR500.woff) format('woff');}

@font-face{
font-family:nskr600;
src:local(※), url(../font/NSKR600.woff) format('woff');}

@font-face{
font-family:nskr700;
src:local(※), url(../font/NSKR700.woff) format('woff');}




/* reset */
 *{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;border:0;*margin:0;*padding:0;*font-size:0}/* html5 */
table{width:100%;border-collapse:collapse;border-spacing:0}
fieldset,img,iframe{border:0}
img{vertical-align:top}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%}
caption,legend{display:none}
html{-ms-touch-action:none}
body{-webkit-text-size-adjust:none;font-family: sans-serif;font-size:15px;color:#666}
html,body{height:100%}
a,a:link,a:visited,a:active,a:hover,a:focus{color:#666;text-decoration:none;-webkit-tap-highlight-color:transparent}
.blind{display:block;position:absolute;left:-999em;top:0;text-indent:-100%}
button{position:relative;overflow:visible}
button:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;border-radius:4px;opacity:0;filter:alpha(opacity=0)}
button span{display:inline-block;position:relative;z-index:10;color:#808080;cursor:pointer}
em, address{font-style:normal}

.t_r{text-align:right !important}
.t_l{text-align:left !important}
.f_r{float:right !important}
.f_l{float:left !important}
.p_r{position:absolute;right:0;top:0}
.p_l{position:absolute;left:0;top:0}
.font_h{font-family:sans-serif !important;}
.f_green{color:#3abe00 !important}
.f_gray{color:#999 !important}
.font_ng{font-family:sans-serif !important;}
/*.no_m{margin:0 !important}*/


/* Form */
input,textarea,select,button{border:1px solid #d3d7de;font-family: sans-serif;font-size:13px;color:#808080}
input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="date"],input[type="number"]{height:20px;padding:4px 0 0 5px;border:1px solid #e2e2e2;line-height:20px}
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="date"]:focus{color:#999}
select{height:50px;padding:0 10px;background:#fff;background-size:11px 7px;border:1px solid #d3d7de;color:#999;font-size:1em;border-radius:8px}
textarea{resize:none;padding:20px;background:#fff}
textarea:focus{color:#999}


/* layout */

#wrap{}

#header{position:relative;z-index:99}

/* 헤더 로그인 메뉴 제거 */
#header:before{content:'';position:absolute;left:0;top:0;width:100%;height:40px;background:#000} 
#header .top_menu{position:relative;width:1000px;height:40px;margin:0 auto}

#header .top_menu ul{position:absolute;right:0;overflow:hidden}
#header .top_menu ul li{float:left}
#header .top_menu ul li a{display:block;padding:0 30px;background:#ffba00;font-size:14px;line-height:40px;color:#fff}
#header .top_menu ul li:first-child a{background:#bababa}
#header .top_menu ul li a{display:block;padding:0 30px;background:#bababa;font-size:14px;line-height:40px;color:#fff}
#header .top_menu ul li.first a{background:#97cc3a}
#header .top_menu ul li.last a{background:#ffba00}
#header .inner_header{width:1000px;height:90px;margin:0 auto}
#header .inner_header h1{display:inline-block;position:relative;margin-top:20px;z-index:10}
#header .inner_header h1 a{display:inline-block}
#header #nav{position:absolute;top:70px;left:0;width:100%;height:30px;overflow:hidden;z-index:5;background:#fff;}/*  margin-top: -40px; */
#header #nav > ul{width:1000px;margin:0 auto 0;text-align:right}
#header #nav > ul > li{position:relative;display:inline-block;margin-left:20px;vertical-align:top}
#header #nav > ul > li > a{display:block;padding-bottom:15px;font-family:sans-serif;font-size:18px;color:#000}
#header #nav .depth_2{width:100%;height:110px;padding-top:20px;background:#fff;border-top:1px solid #d9d9d9}
#header #nav .depth_2 li{margin-bottom:5px;text-align:left}
#header #nav .depth_2 li a{display:inline-block;font-size:13px;color:#303030}
#header #nav .depth_2 li a:hover, #header #nav .depth_2 li.current a{color:#3abe00}
#header #nav > ul > li.view > a, #header #nav > ul > li.current > a, #header #nav > ul > li >  a:hover{color:#3abe00}

#visual{min-width:1000px;height:360px}
#visual h2{width:1000px;padding-top:210px;margin:0 auto;font-family:sans-serif;font-size:95px;font-weight:normal;color:#fff;letter-spacing:-5px}
#visual h2 strong{font-family:sans-serif}
#visual.customer{background:url('../images/bg_customer.jpg') no-repeat center}
#visual.business{background:url('../images/bg_business.jpg') no-repeat center}
#visual.e3{background:url('../images/bg_e3.jpg') no-repeat center}

#container{width:1000px;padding:0 0 100px;margin:0 auto}
#container .location{padding-top:15px;text-align:right;vertical-align:middle}
#container .location a, #container .location .current{display:inline-block;font-size:13px;color:#555;vertical-align:middle}
#container .location a:after{content:'';display:inline-block;width:7px;height:12px;padding:0 7px;background:url('../images/icon_location.gif') no-repeat center;vertical-align:middle}

#container .h3_tit{margin-top:50px;font-family:sans-serif;font-size:30px;color:#000}

#footer{background:#3e3e3e}
#footer .inner_footer {
    position: relative;
    right: 187px;
    width: 1000px;
    height: 150px;
    padding-top: 50px;
    margin: 0 auto;
    background: #3e3e3e url(../images/footer_logo.gif) no-repeat 0 50px;
}
#footer .inner_footer .footer_con{padding:10px 0 0 170px;font-size:13px;color:#fff}
#footer .inner_footer .footer_con ul{width:600px}
#footer .inner_footer .footer_con ul li{display:inline-block;margin-bottom:10px;vertical-align:middle}
#footer .inner_footer .footer_con ul li:after{content:'';display:inline-block;width:1px;height:10px;margin:3px 7px 0 10px;vertical-align:top;background:#777}
#footer .inner_footer .footer_con ul li:nth-child(3):after, #footer .inner_footer .footer_con ul li:last-child:after{display:none}
#footer .go_top {
    display: inline-block;
    position: absolute;
    right: -397px;
    top: 60px;
}

#footer .ft_right {
    float: right;
    margin: -90px -266px 0;
}


#footer .ft_right .ft_gnb:after {
    display: block;
    clear: both;
    content: ''
}

#footer .ft_right .ft_gnb>li {
    float: left;
    margin-left: 70px;
}

#footer .ft_right .ft_gnb>li:first-of-type {
    margin: 0
}

#footer .ft_right .ft_gnb>li>a {
    display: block;
    font-weight: 500;
    line-height: 26px;
    font-size: 13px;
    color: #fff;
}

#footer .ft_right .ft_gnb>li>.ft_depth2 {
    margin: 17px 0 0
}


#footer .ft_right .ft_gnb>li>.ft_depth2 li a {
    line-height: 28px;
    font-size: 13px;
    color: #fff;
}

/* 20181204 - 푸터로고 추가 - 시작 */
#footer .ft_right .ft_logo_list {
    margin-top: 25px;
    font-size: 0;
    text-align: right;
}

#footer .ft_right .ft_logo_list a {
    display: inline-block;
    margin-left: 30px;
    font-size: 0;
    line-height: 0;
}

#footer .ft_right .ft_logo_list a:first-of-type {
    margin: 0;
}

#footer .ft_right .ft_gnb .newopenIcon {
    position: relative;
    top: 5px;
    margin-left: 2px;
    width: 19px;
    height: 19px;
}

#footer .ft_right .ft_gnb .onUpperMenu {
    border-bottom: 4px solid #15c9ff;
}

/* main */

.main #visual{height:auto}
.main #visual .visualwrap{position:relative;}
.main #visual .imgwrap{position:relative;width:100%;height:100%}
.main #visual .imgwrap li{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9}
.main #visual .imgwrap li a{display:block;position:relative}

.main #visual .imgwrap li a .txt{position:absolute;left:50%;margin:0 0 0 -500px;font-family:sans-serif;text-align:left}
.main #visual .imgwrap li.img01 a .txt{top:20%;padding-left:100px;color:#fff}
.main #visual .imgwrap li.img01 a .txt span{display:block;font-family:sans-serif}
.main #visual .imgwrap li.img02 a .txt{top:20%;padding-left:200px;color:#000;font-family:sans-serif}
.main #visual .imgwrap li.img02 a .txt .f_green{display:block;font-family:sans-serif}
.main #visual .imgwrap li.img03 a .txt{top:15%;padding-left:400px;color:#000;font-family:sans-serif}
.main #visual .imgwrap li.img03 a .txt strong{display:block;font-family:sans-serif}
.main #visual .imgwrap li.current{position:relative}
.main #visual .imgwrap li a img{display:block;width:100%;height:auto}
.main #visual .btnwrap{position:absolute;bottom:20px;width:100%;height:15px;z-index:10;text-align:center}
.main #visual .btnwrap li{display:inline-block;width:10px;height:10px;margin-left:5px;background-color:rgba(255, 255, 255, 0.5);border-radius:5px}
.main #visual .btnwrap .current{background-color:#fff;}
.main #container .detail_btn{position:absolute;bottom:50px;right:20px;display:inline-block;padding-right:15px;background:url('../images/icon_detail.png') no-repeat right center;font-weight:bold;color:#000}
.main #container .tit_h4{font-size:80px;font-family:sans-serif;color:#000;font-weight:normal;letter-spacing:-5px}
.main #container .tit_h4 strong{font-family:sans-serif;}
.main #container .tit_h4 strong span{font-weight:normal}
.main #container{width:100%;padding:0}
.main #container .inner_con{position:relative;width:1000px;margin:0 auto}

.main #container .news{background:#97cc3a}
.main #container .news .inner_con{background:#97cc3a}
.main #container .news .inner_con ul li{position:relative;margin-bottom:5px;}
.main #container .news .inner_con ul li a{display:block;padding-right:100px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#303030}
.main #container .news .inner_con ul li a .date{position:absolute;top:0;right:0}
.main #container .news .tit_h4{display:inline-block;height:150px;vertical-align:middle;letter-spacing:-5px;line-height:150px}
.main #container .news .inner_con ul{display:inline-block;width:700px;margin-left:50px;vertical-align:middle}

.main #container .business .inner_con{}
.main #container .business .inner_con .tit_h4{margin:100px 0 70px}
.main #container .business ul{padding:0 0 130px;overflow:hidden}
.main #container .business ul li{float:left;width:33.3%}
.main #container .business ul li .img{display:block;width:245px;height:270px;margin:0 auto 30px;background-image:url('../images/main_img_business.jpg');background-repeat:no-repeat;}
.main #container .business ul li.si .img{background-position:0 15px}
.main #container .business ul li.si .img:hover{background-position:0 -368px}
.main #container .business ul li.rd .img{background-position:-320px 15px}
.main #container .business ul li.rd .img:hover{background-position:-320px -368px}
.main #container .business ul li.consulting .img{background-position:-648px 15px}
.main #container .business ul li.consulting .img:hover{background-position:-648px -368px}
.main #container .business ul li .txt{position:relative;width:275px;padding-top:40px;margin:0 auto;color:#303030;line-height:20px}
.main #container .business ul li .txt:before{content:'';position:absolute;display:inline-block;width:50px;height:1px;left:50%;top:0;margin:0 0 0 -25px;background:#d1d9dd}


.main #container .service{background:#ededed}
.main #container .service .inner_con{background:#ededed url('../images/main_bg_service.gif') no-repeat center 0}
.main #container .service .tit_h4{padding:120px 0 50px}
.main #container .service .add_txt{color:#303030}
.main #container .service .add_txt h5{margin-bottom:10px;font-size:26px;font-weight:bold}
.main #container .service ul{padding:75px 0 100px;overflow:hidden}
.main #container .service ul li{position:relative;float:left;margin-left:20px;padding-top:90px}
.main #container .service ul li:first-child{margin-left:25px}
.main #container .service ul li .txt_balloon{display:table;/* table-layout:fixed */;position:absolute;top:0;width:200px;height:60px;padding-bottom:10px;padding-top:10px;/* background:url('../images/main_balloon.png') no-repeat 0 0; */text-align:center; left: 46px;background-color: white;border-radius: 10px;}
.main #container .service ul li .txt_balloon:after {border-top:10px solid white;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 0px solid transparent;content:"";position:absolute;top:80px;left:89px;}
.main #container .service ul li .txt_balloon .txt{display:table-cell;vertical-align:middle;font-size:14px;color:#3abe00}
.main #container .service ul li .txt_balloon .txt strong{display:block;font-size:16px;line-height:20px}
.main #container .service ul li .txt_balloon .h_txt{display:none}
.main #container .service ul li:hover .txt_balloon{/* background:url('../images/main_balloon.png') no-repeat -210px 0; */background-color: #3abe00;}
.main #container .service ul li:hover .txt_balloon:after {border-top:10px solid #3abe00;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 0px solid transparent;content:"";position:absolute;top:80px;left:89px;}
.main #container .service ul li:hover .txt_balloon .txt{display:none}
.main #container .service ul li:hover .txt_balloon .txt.h_txt{display:table-cell;color:#fff}

.main #container .people{}
.main #container .people .inner_con{background:#fff url('../images/main_bg_people.gif') no-repeat center 0}
.main #container .people .tit_h4{padding:110px 0 40px}
.main #container .people .add_txt{color:#303030}
.main #container .people .add_txt h5{margin-bottom:10px;font-size:26px;font-weight:bold}
.main #container .people ul{padding:100px 0;overflow:hidden}
.main #container .people ul li{float:left;width:25%;margin-bottom:40px}
.main #container .people ul li span{display:block;text-align:center;color:#303030;font-size:18px}
.main #container .people ul li .name{margin-top:20px}


/* customer */

.board_top{position:relative;width:100%;overflow:hidden}
.board_top .search{padding-bottom:10px}
.board_top .search input[type="text"]{float:left;width:200px;border-right:none}
.board_top .search button{float:left;width:55px;height:26px;text-align:center}

.board_list{}
.board_list th{height:40px;border-top:2px solid #000;border-bottom:1px solid #cecece;background:#f0f0f0;font-size:15px;line-height:40px}
.board_list td{padding:10px 10px 9px;border-bottom:1px solid #cecece;font-size:15px;text-align:center;line-height:20px}
.board_list td a{display:inline-block}
.board_list td .icon{margin-left:10px}

.board_view{}
.board_view .view_top{height:62px;padding:18px 30px 0;border-top:2px solid #000;border-bottom:1px solid #cecece;background:#f0f0f0}
.board_view .view_top .tit{margin-bottom:5px;color:#303030;font-size:20px}
.board_view .view_top .info{color:#808080;font-size:15px}
.board_view .view_con{padding:30px;border-bottom:1px solid #cecece}

.board_edit{}
.board_edit .edit_top{height:52px;padding:28px 25px 0;border-top:2px solid #000;border-bottom:1px solid #cecece;background:#f0f0f0;color:#303030}
.board_edit .edit_top h4{display:inline-block;vertical-align:middle}
.board_edit .edit_top input[type="text"]{display:inline-block;width:900px;margin-left:10px;vertical-align:middle}
.board_edit .edit_con{padding:10px;border-bottom:1px solid #cecece}

.board_bottom{margin-top:50px}
.pager{text-align:center}
.pager .num, .pager a{display:inline-block;vertical-align:middle}
.pager .num li{display:inline-block;vertical-align:middle}
.pager .num li a{display:block;width:25px;height:25px;border:1px solid #e2e2e2;text-align:center;line-height:25px;color:#929292}
.pager .num li.on a, .pager .num li a:hover{border:none;width:27px;height:27px;background:#97cc3a;line-height:27px;color:#fff}

.btn_area{position:relative;overflow:hidden;text-align:center}
.pager + .btn_area{padding-top:50px}
.btn_area .p_r{display:inline-block}
.btn_area .btn{display:inline-block;min-width:70px;height:43px;padding:0 10px;line-height:43px;color:#fff;font-size:15px;text-align:center}
.btn_area .btn.orange{background:#ee5f00}
.btn_area .btn.green{background:#97cc3a}
.btn_area .btn.gray{background:#bababa}
.btn_area .btn.black{background:#000}


/* business */

.business .info_box{padding:70px 0}
.business .info_box .tit_area{}
.business .info_box .tit_area h4{display:inline-block;width:150px;height:150px;margin-right:30px;font-size:80px;font-family:sans-serif;font-weight:normal;color:#000;text-align:center;line-height:150px;border-radius:100px;vertical-align:middle}

.business .info_box .tit_area .add_txt strong{display:block;margin-bottom:10px;font-size:36px;font-family:sans-serif;font-weight:bold;line-height:36px}
.business .info_box .tit_area .add_txt{display:inline-block;color:#000;vertical-align:middle;line-height:20px;font-weight:bold}
.business .info_box .descript{position:relative;/* padding-left:180px; */color:#303030}
.business .info_box .descript h5{margin-bottom:20px;font-size:30px}
.business .info_box .descript .con {
    /* padding-bottom: 120px; */
    overflow: hidden;
    border-bottom: 1px solid #dadada;
    width: 1001px;
}
.business .info_box .descript .con .result_list{float:left;width:50%}
.business .info_box .descript .con .result_list li{margin-bottom:5px}

.business .info_box .tit_area h4{}
.business .info_box.si{background:url('../images/business_bg_si.jpg') no-repeat 180px 50px}
.business .info_box.si .tit_area h4{background:#73d8f5}
.business .info_box.si .tit_area .add_txt strong{color:#73d8f5}
.business .info_box.si .descript{margin-top:300px}
.business .info_box.rd{background:url('../images/business_bg_rd.jpg') no-repeat 280px 70px}
.business .info_box.rd .tit_area h4{font-size:60px;background:#c1e946}
.business .info_box.rd .tit_area .add_txt strong{color:#c1e946}
.business .info_box.rd .descript{margin-top:370px}
.business .info_box.rd .descript .img_area{position:absolute;top:0;right:30px;}
.business .info_box.consulting .descript .con{border-bottom:none}
.business .info_box.consulting{background:url('../images/business_bg_consulting.jpg') no-repeat 530px 70px; height:400px;}
.business .info_box.consulting .tit_area h4{font-size:23px;background:#ffba00}
.business .info_box.consulting .tit_area .add_txt strong{color:#ffba00}
.business .info_box.consulting .descript{margin-top:50px}

a.commonbtn {
	-webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	-moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	-ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	-o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	display: block;
	margin: 20px auto;
	max-width: 110px;
	text-decoration: none;
	border-radius: 4px;
	padding: 10px 10px;
}

a.button {
	color: rgba(30, 22, 54, 0.6);
	box-shadow: rgba(30, 22, 54, 0.4) 0 0px 0px 2px inset;
/*	box-shadow: rgba(30, 22, 54, 0.4) 0 0px 0px 2px inset;<a href="#" class="button">Hover Me!</a> */
	font-size: 20px;
	text-align: center;
}

a.button:hover {
	color: rgba(255, 255, 255, 0.85);
	box-shadow: rgba(30, 22, 54, 0.7) 0 0px 0px 40px inset;
	font-size: 20px;
	text-align: center;
}

/* business service */

.business_service .tit_area{padding-bottom:20px;margin-top:70px;border-bottom:1px solid #000}
.business_service .tit_area h4{font-size:50px;color:#000}
.business_service .tit_area h4 span{color:#97cc3a}
.business_service .tit_area p{margin-top:15px;color:#303030}
.business_service .product_list > ul > li{padding-top:90px;color:#303030;border-top:1px solid #c1c1c1}
.business_service .product_list > ul > li:first-child{border-top:none}
.business_service .product_list h5{margin-bottom:20px;color:#303030;font-size:36px}
.business_service .product_list .add_txt{color:#3abe00;line-height:20px;font-size:14px}
.business_service .product_list .cont{margin-top:30px;line-height:20px;font-size:14px}
.business_service .product_list .cont ul{margin-top:45px}
.business_service .product_list .cont ul li:before{content:'-';display:inline-block;padding-right:5px;color:#303030}
.business_service .product_list > ul > li.list01{height:520px;padding-right:500px;background:url('../images/bg_service_list01.gif') no-repeat right 120px}
.business_service .product_list > ul > li.list02{height:520px;padding-left:500px;background:url('../images/bg_service_list02.gif') no-repeat left 60px}
.business_service .product_list > ul > li.list03{height:610px;padding-right:500px;background:url('../images/bg_service_list03.gif') no-repeat right 50px}
.business_service .product_list > ul > li.list04{height:470px;padding-left:500px;background:url('../images/bg_service_list04.gif') no-repeat left 100px}
.business_service .product_list > ul > li.list05{height:650px;padding-right:520px;background:url('../images/bg_service_list05.gif') no-repeat right 160px}
.business_service .product_list > ul > li.list06{height:500px;padding-left:500px;background:url('../images/bg_service_list06.gif') no-repeat left 100px}
.business_service .product_list > ul > li.list06 .btn{display:inline-block;margin-top:50px}


/* e3 greeting */
.e3.greeting{position:relative;padding-top:70px;overflow:hidden;width: 1100px;} /* 2021.06.10 추가 */
.greeting .img{position:absolute;left:0;top:70px}
.greeting .greeting_con{padding-left:258px}
.greeting .greeting_con h3{height:100px;font-family:sans-serif;font-size:70px;font-weight:normal;vertical-align:baseline;line-height:100px}
.greeting .greeting_con h3 span{display:inline-block;height:100px;font-size:100px;font-weight:bold;vertical-align:baseline}
.greeting .greeting_con .txt_area{margin-top:30px;color:#303030;line-height:20px}
.greeting .greeting_con .txt_area strong{display:block;font-size:30px;line-height:40px;letter-spacing:-1px}
.greeting .greeting_con .txt_area .intro{display:block;font-size:30px;line-height:30px;margin-bottom:10px}
.greeting .greeting_con .txt_area ul li{margin-bottom:5px;font-size:30px;color:#999;font-weight:bold;line-height:30px}
.greeting .greeting_con .txt_area ul li em{display:inline-block;margin-right:20px;color:#000;font-family:nskr400;}
.greeting .cont{line-height: 23px;}


/* history */
.e3.history{}
.e3.history h4{margin-top:70px;font-family:sans-serif;font-size:60px;color:#000;letter-spacing:-3px}
.e3.history h4 .f_green{font-family:sans-serif}
.e3.history .add_txt{padding:20px 0;color:#303030;line-height:25px}

.e3.history .history_list{padding:50px 0 100px;border-top:1px solid #000}
.e3.history .history_list .year{display:inline-block;width:250px;font-size:100px;font-family:sans-serif;color:#dadada;line-height:80px;vertical-align:top;letter-spacing:-5px}
.e3.history .history_list ul{display:inline-block;width:700px;margin-bottom:70px;vertical-align:top}
.e3.history .history_list ul li{margin-top:15px}
.e3.history .history_list ul li:first-child{margin-top:0}
.e3.history .history_list ul li strong{display:inline-block;margin-right:10px;color:#000}
.e3.history .ci, .e3.history .vision{margin-bottom:120px}
.e3.history .ci{padding-top:80px;border-top:1px solid #000}
.e3.history .partner_list{padding-top:80px;border-top:1px solid #000}
.e3.history .partner_list li{display:inline-block;padding-bottom:50px;margin-left:90px}
.e3.history .partner_list li.other{margin-left:95px}
.e3.history .partner_list li a{display:block}
.e3_partner_img01{width:100px;}
/*로고 크기 조절*/
.e3_partner_img03{width:160px;}
.KEI_Korean_4{width:80px;}
.ci_logo1{width:160px;}
.logo1_kimst{width:170px;}
.gumiLogo{width:120px;}
/* directions */
.e3.directions{}
.e3.directions > div{overflow:hidden}
.e3.directions h4{float:left;width:200px;font-size:20px;font-family:sans-serif;color:#000}
.e3.directions .con{float:left;width:800px}
.e3.directions .adr{padding:75px 0 45px;border-bottom:1px solid #000;color:#303030;line-height:20px}
.e3.directions .adr .con{margin-top:0}
.e3.directions .contact{padding:50px 0;overflow:hidden;color:#000}
.e3.directions .contact li{float:left;margin-right:70px}
.e3.directions .contact dt{margin-bottom:15px;font-weight:bold}
.e3.directions .contact dd{margin-bottom:5px}
.e3.directions .contact dd a{color:#000}
.e3.directions .map{padding:50px 0;border-top:1px solid #d8d8d8}
.e3.directions .map .con img{display:block;border:1px solid #d8d8d8}
.e3.directions .traffic{color:#303030}
.e3.directions .traffic .con li{margin-bottom:10px}
.e3.directions .traffic.subway{padding:50px 0 10px;border-top:1px solid #d8d8d8}
.e3.directions .traffic strong{display:inline-block;margin-right:15px}
.e3.directions .traffic .color_1{color:#93621c}
.e3.directions .traffic .color_2{color:#d5652c}
.e3.directions .traffic .color_3{color:#1e71b8}
.e3.directions .traffic .color_4{color:#3abe00}
.e3.directions .traffic .color_5{color:#00acec}
.e3.directions .traffic .color_6{color:#97cc3a}
.e3.directions .traffic .color_7{color:#0000ff}
#basicMap{
	height: 550px;
    width: 100%;
}

/* people */

.e3.people{}
.e3.people h4{margin-top:70px;font-family:sans-serif;font-size:60px;color:#000;letter-spacing:-3px}
.e3.people h4 .f_green{font-family:sans-serif}
.e3.people .add_txt{padding:20px 0;color:#303030;line-height:25px}
.e3.people .gallery_list{margin-bottom:100px;overflow:hidden;border-top:1px solid #000}
.e3.people .gallery_list li{float:left;margin-top:100px}
.e3.people .gallery_list li:nth-child(even){margin-left:20px}
.e3.people .gallery_list li a{display:block}
.e3.people .gallery_list li a strong{display:block;margin-bottom:15px;color:#303030;font-size:22px}
.e3.people .gallery_list li a img{border:1px solid #d7d7d7}


/* recruit */
.recruit h4{margin-top:70px;font-family:sans-serif;font-size:60px;color:#000;letter-spacing:-3px}
.recruit h4 .f_green{font-family:sans-serif}
.recruit .add_txt{padding:20px 0;color:#303030;line-height:25px}
.recruit .recruit_description{padding:60px 0 0;border-top:1px solid #000}
.recruit .recruit_description > ul{overflow:hidden}
.recruit .recruit_description > ul > li{float:left;width:50%;margin-bottom:60px}
.recruit .recruit_description dl{display:table;table-layout:fixed}
.recruit .recruit_description dl dt{display:table-cell;width:170px;height:170px;margin-right:15px;border-radius:100px;background:#afc4e6;font-size:30px;color:#303030;vertical-align:middle;font-weight:bold;text-align:center}
.recruit .recruit_description .document dl dt{background:#a1cbdd}
.recruit .recruit_description .paragon dl dt{background:#b5d0ac}
.recruit .recruit_description .welfare dl dt{background:#ccb1a5}
.recruit .recruit_description dl dd{display:table-cell;vertical-align:middle}
.recruit .recruit_description dl dd ul{margin-left:10px}
.recruit .recruit_description dl dd ul li{margin-bottom:5px;color:#303030;font-weight:bold}
.recruit .recruit_description .notice{padding:0 20px;height:45px;background:#e4e4e4;line-height:45px;color:#000}
.recruit .recruit_description .notice strong{display:inline-block;margin-right:5px}
.recruit .recruit_description .notice a{color:#000}

.recruit h5{padding:100px 0 10px;border-bottom:1px solid #000;font-size:60px;font-family:sans-serif;color:#000;letter-spacing:-3px}
/*.recruit h5{padding:100px 0 10px;border-bottom:1px solid #000;font-size:60px;font-family:nskr700;color:#000;letter-spacing:-3px}*/
.recruit h5 span{font-family:sans-serif}
.recruit .enter_msg{position:relative;overflow:hidden;margin-top:30px}
.recruit .enter_msg table{width:820px}
.recruit .enter_msg .send_msg{position:absolute;right:0;bottom:3px;display:inline-block;width:150px;height:44px;text-align:center;color:#fff;font-size:20px;background:#97cc3a;line-height:44px}
.recruit .enter_msg td{padding-top:20px}
.recruit .enter_msg td span{display:block;margin-bottom:5px;color:#000;font-size:20px;font-family:nskr200;text-align:left}
.recruit .enter_msg td.t_r span{padding-left:55px}
.recruit .enter_msg td input[type="text"]{height:32px}

/* popup */

#popup{}
#popup .pop_wrap{padding:50px}
#popup .pop_wrap h1{margin-bottom:30px;font-size:30px;color:#000}
#popup .pop_wrap .sel_server{}
#popup .pop_wrap .sel_server li{margin-top:30px}
#popup .pop_wrap .sel_server li:first-child{margin-top:0}
#popup .pop_wrap .sel_server li h2{margin-bottom:10px;color:#2ab300}
#popup .pop_wrap .sel_server li .add_txt{color:#303030;line-height:25px}
#popup .pop_wrap .sel_server li h3{margin:30px 0 10px}
#popup .pop_wrap .sel_server li ul li{margin-top:5px}
#popup .pop_wrap .sel_server li ul li:before{content:'•';}



/* login */
/*#wrap.login #header .top_menu ul li:first-child a{background:#97cc3a}
#wrap.login #header .top_menu ul li a{background:#bababa}
#wrap.login #header .top_menu ul li.last a{background:#ffba00}*/
#wrap.login #visual{height:210px;background: url('../images/bg_visual_login.gif') no-repeat 0 0}
#wrap.login #visual h2{padding-top:60px;}
#wrap.login .login_area{width:460px;margin:150px auto 0;}
#wrap.login .login_area h3{font-size:36px;color:#303030;letter-spacing:-1px}
#wrap.login .login_area .add_txt{padding:10px 0;border-bottom:1px solid #cecece;font-size:15px;color:#303030}
#wrap.login .login_area fieldset{padding-top:55px}
#wrap.login .login_area fieldset .user_id{margin-bottom:20px;}
#wrap.login .login_area fieldset label{display:inline-block;width:65px;font-size:15px;color:#303030}
#wrap.login .login_area fieldset input[type="text"],
#wrap.login .login_area fieldset input[type="password"]{display:inline-block;width:375px;height:25px;padding:3px 0 0 5px;border:1px solid #c9c9c9;vertical-align:middle;}
#wrap.login .login_area fieldset .chk{width:auto;margin:5px 0 0 65px;}
#wrap.login .login_area fieldset .chk span{display:inline-block;margin-left:10px;font-size:13px;vertical-align:middle}
#wrap.login .login_area fieldset .chk input[type="checkbox"]{display:inline-block;vertical-align:middle}


/* 20210610 추가작업 */
.ictYear01{float: left;width: 150px;border-top: 2px solid #18ccff;text-align: left;font-size: 40px;color: #18ccff;font-weight: bold;padding-top: 36px;}
.ictYearList{float: left;width: 850px;border-top: 2px solid #e6e6e6;padding-top: 36px;}
div.ictYearList ul{float: left;width: 380px;padding-left: 40px;list-style: disc;}
div.ictYearList ul li{font-size: 15px;color: #666666;line-height: 30px;}
ul.ictYear>li{overflow:hidden;padding-bottom:80px;}
div.addYearList>li{overflow:hidden;padding-bottom:80px;}

.ictYear02{float: left;width: 150px;border-top: 2px solid #a4d01e;text-align: left;font-size: 40px;color: #a4d01e;font-weight: bold;padding-top: 36px;}
div.addYearList2>li{overflow:hidden;padding-bottom:80px;}

.ictYear03{float: left;width: 150px;border-top: 2px solid #ffba00;text-align: left;font-size: 40px;color: #ffba00;font-weight: bold;padding-top: 36px;}
.ictYearList3{float: left;width: 382px;border-top: 2px solid #e6e6e6;padding-top: 36px;}
div.ictYearList3 ul{float: left;width: 380px;padding-left: 40px;list-style: disc; padding-bottom:80px;}
div.ictYearList3 ul li{font-size: 15px;color: #666666;line-height: 30px;}
div.addYearList3>li{overflow:hidden;padding-bottom:80px;}

.tabA {
    overflow: hidden;
    height: 50px;
    background: #fbfbfb;
    position: relative;
    border: 1px solid #e5e5e5;
    border-bottom: 0;
    width: 1001px;
}
.tabA ul li {
    float: left;
    border-right: 1px solid #e5e5e5;
    width: 65.7px;
}
.tabA ul li.on a {
    color: #02a58c;
    border-bottom: 3px solid #02a58c;
}
.tabA ul li a {
    display: block;
    padding: 16px 19px;
    font-size: 16px;
    color: #000;
    line-height: 1;
    letter-spacing: -.5px;
    border-bottom: 3px solid transparent;
}

.tabB {
    overflow: hidden;
    height: 50px;
    background: #fbfbfb;
    position: relative;
    border: 1px solid #e5e5e5;
    border-bottom: 0;
}
.tabB ul li {
    float: left;
    border-right: 1px solid #e5e5e5;
    width: 90px;
}
.tabB ul li.on a {
    color: #02a58c;
    border-bottom: 3px solid #02a58c;
}
.tabB ul li a {
    display: block;
    padding: 16px 30px;
    font-size: 16px;
    color: #000;
    line-height: 1;
    letter-spacing: -.5px;
    border-bottom: 3px solid transparent;
}

.listWrap li {
    padding: 20px 0;
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
}
.listWrap li p:nth-child(1) {
    width: 50%;
    color: #000;
}
.listWrap li p:nth-child(2) {
    width: 22%;
    padding-left: 20px;
}
.listWrap li p:nth-child(3) {
    width: 20%;
    text-align: right;
}
.listWrap li p {
    float: left;
    vertical-align: top;
    padding: 0 10px;
    line-height: 1.4;
}

@media screen and (min-width:0\0){
	#header #nav{top:75px}
	.main #container .news .tit_h4{line-height:185px}

	.business .info_box.si .tit_area h4{line-height:190px}
	.business .info_box.rd .tit_area h4{line-height:180px}
	.greeting .greeting_con h3{line-height:150px}
	.greeting .greeting_con .txt_area ul li{margin-bottom:0}

	.e3.history .history_list .year{line-height:120px}
}

@media screen and (min-width:1100px){
	.main #visual .imgwrap li a .txt{font-size:25px;font-family: sans-serif;letter-spacing:-1px}
	.main #visual .imgwrap li.img02 a .txt .f_green{font-family:sans-serif}
	.main #visual .imgwrap li.img03 a .txt strong{font-family:sans-serif}
}