@charset "utf-8";
@import url(reset.css);

@font-face{
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:400;
	src: url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2') format('woff2'),
		url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff') format('woff'),
		url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf') format('opentype');
}

@font-face{
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:300;
	src: url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2') format('woff2'),
		url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff') format('woff'),
		url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf') format('opentype');
}


@font-face{
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:400;
	src: url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2') format('woff2'),
		url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff') format('woff'),
		url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf') format('opentype');
}

@font-face{
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:500;
	src: url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2') format('woff2'),
		url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff') format('woff'),
		url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf') format('opentype');
}

@font-face{
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:700;
	src: url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2') format('woff2'),
		url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff') format('woff'),
		url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf') format('opentype');
}

@font-face{
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:900;
	src: url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2') format('woff2'),
		url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff') format('woff'),
		url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf') format('opentype');
}

/* 레이아웃 */
#wrap{font-family:'Noto Sans KR', 맑은 고딕, sans-serif;font-size:12px;color:#666;}
#wrap .in{max-width:1200px;margin:0 auto;}
#wrap #header{position:relative;z-index:2000}
#wrap.main{}
#wrap #main {margin:0 auto 50px;overflow:hidden; font-size: 16px}

#wrap #header .gnb_wrap .gnb_wrap_in > .english{margin-top:15px;width:50px; float: right}
#wrap #header .gnb_wrap .gnb_wrap_in > .english h1{margin: 0 auto; padding:10px;}
#wrap #header .gnb_wrap .gnb_wrap_in > .english a {
	border-radius: 5px;
	background-color:#dcdcdc;
	float:right;
	padding:5px;
	font-size:11px;
	font-weight:bold;
	color:#000;
	display: flex;
	width: 54px;
	border-radius: 30px;
	gap: 5px;
}
#wrap #header .gnb_wrap{background:#fff;}
#wrap #header .gnb_wrap .gnb_wrap_in{max-width: 1280px;margin:0 auto;}
#wrap #header .gnb_wrap .gnb_wrap_in h1{float:left;padding:8px 0 13px 0}
#wrap #header .gnb_wrap .gnb_wrap_in .gnb{float:left;padding: 15px 0 0 30px;width: 80%;}
#wrap #header .gnb_wrap .gnb_wrap_in .gnb > ul{margin:0 auto;text-align: center;}
#wrap #header .gnb_wrap .gnb_wrap_in .gnb > ul > li{float:left;text-align:center;position:relative;z-index:106;}
#wrap #header .gnb_wrap .gnb_wrap_in .gnb > ul > li > a{display:block;color:#070707;font-size: 19px;padding:13px 30px 20px 30px;line-height:110%;letter-spacing:-1px;}
#wrap #header .gnb_wrap .gnb_wrap_in .gnb > ul > li > .gnb_sub{display:none;position:absolute;left:0;top:50px;width:100%;height:300px;padding:30px 0 20px 0;z-index:101;border-right: 1px solid #f8f8f8;}
#wrap #header .gnb_wrap .gnb_wrap_in .gnb > ul > li > .gnb_sub > li{padding:0 10px 0 10px;}
#wrap #header .gnb_wrap .gnb_wrap_in .gnb > ul > li > .gnb_sub > li > a{display:block;padding:5px 0;font-size:14px;color:#000;letter-spacing:-1px}
#wrap #header .gnb_wrap .gnb_wrap_in .gnb > ul > li > .gnb_sub > li > a:hover{color:#0076b9}
#wrap #header .gnb_wrap .gnb_wrap_in .gnb > ul > li > .gnb_sub > li > a:focus{color:#0076b9}
#wrap #header .gnb_wrap .gnb_wrap_in .gnb > ul > li > .gnb_sub > li > a.on{color:#0076b9}
#wrap #header .gnb_wrap .gnb_wrap_in .gnb > ul:after{content:'';display:block;clear:both;}
#wrap #header .gnb_wrap .gnb_wrap_in .fullmenu{display:none;}
#wrap #header .gnb_wrap .gnb_wrap_in .fullmenu .open_fullmenu{position:absolute;right:10px;top:20px;z-index:10001}
#wrap #header .gnb_wrap .gnb_wrap_in .fullmenu .english_hidden{position:absolute; right:70px; top:10px}
#wrap #header .gnb_wrap .gnb_wrap_in .fullmenu .english_hidden h1{width:1200px; margin: 0 auto; padding:10px}
#wrap #header .gnb_wrap .gnb_wrap_in .fullmenu .english_hidden a {border-radius: 5px; background-color:#dcdcdc;float:right; padding:5px; font-size:11px; font-weight:bold; color:#000}
#wrap #header .gnb_wrap .gnb_wrap_in .fullmenu .fullmenu_list{display:none;position:absolute;left:0;top:78px;width:100%;z-index:101;background:#fff;}
#wrap #header .gnb_wrap .gnb_wrap_in .fullmenu .fullmenu_list > li > a{display:block;font-size:16px;font-weight:bold;color:#000;padding:20px 10px;line-height:120%;border-bottom:1px solid #ddd;}
#wrap #header .gnb_wrap .gnb_wrap_in .fullmenu .fullmenu_list > li:first-child > a{border-top:1px solid #ddd;}
#wrap #header .gnb_wrap .gnb_wrap_in .fullmenu .fullmenu_list > li > ul{display:none;padding:0;background:#1c77bb;}
#wrap #header .gnb_wrap .gnb_wrap_in .fullmenu .fullmenu_list > li > ul > li {border-bottom:1px solid #4e96cc;}
#wrap #header .gnb_wrap .gnb_wrap_in .fullmenu .fullmenu_list > li > ul > li:last-child{border-bottom:none}
#wrap #header .gnb_wrap .gnb_wrap_in .fullmenu .fullmenu_list > li > ul > li > a{color:#fff;display:block;padding:10px 0 10px 10px; font-size:13px}
#wrap #header .gnb_wrap .gnb_wrap_in .fullmenu .fullmenu_list > li > ul > li > ul {margin:5px 0}
#wrap #header .gnb_wrap .gnb_wrap_in .fullmenu .fullmenu_list > li > ul > li > ul > li > a {color:#fff995; padding:7px 0 12px 15px; display:block;}
#wrap #header .gnb_wrap .gnb_wrap_in:after{content:'';display:block;clear:both;}
#wrap #header .gnb_wrap .bg{display:none;position:absolute;left:0;top:72px;width:100%;height:343px;border-bottom:1px solid #d9d9d9;background-color:hsla(0,0%,92%,.95);z-index:99;}


#footer{width:100%; border-top: 1px solid #d3d3d3;  margin:0 0 30px 0;}
#footer .foot_info{width:1200px; margin: 0 auto;}
#footer .foot_info p{line-height:200%; margin-top:30px}


#s_banner_wrap {width:100%; height:517px; position: relative; margin:0 auto 20px;}
.banner_01 {background:url(../images/main01.png) no-repeat 90% 0px;width:100%; height:517px; }
.banner_01 .tit{font-size:15px;color:#fff;font-weight:bold;line-height:130%;padding-top:60px; margin: 0 auto; width:1200px;}
.banner_01 .tit strong{font-size:33px;color:#fff;line-height: 1.3;display:block;padding:20px 0 20px 0;font-weight: 400;}
.banner_01 .tit b{display: block;font-weight: 300;}
.banner_01 .tit span{border: 1px solid #fff; padding:10px; display:inline-block;color:#fff; margin-top:60px;font-weight: 400; width:150px; text-align: center;font-size:13px;}
.banner_02 {background:url(../images/main_visual06.jpg) no-repeat 90% 0px;width:100%; height:517px; }
.banner_02 .tit{font-size:15px;color:#000;font-weight:bold;line-height:130%;padding-top:60px; margin: 0 auto; width:1200px;}
.banner_02 .tit strong{font-size:33px;color:#000;line-height: 1.3;display:block;padding:20px 0 20px 0;font-weight: 400;}
.banner_02 .tit b{display: block;font-weight: 300;}
.banner_02 .tit span{border: 1px solid #000; padding:10px; display:inline-block;color:#000; margin-top:60px;font-weight: 400; width:150px; text-align: center;font-size:13px;}
.banner_03 {background:url(../images/main_visual05.jpg) no-repeat 90% 0px;width:100%; height:517px; }
.banner_03 .tit{font-size:15px;color:#000;font-weight:bold;line-height:130%;padding-top:60px; margin: 0 auto; width:1200px;}
.banner_03 .tit strong{font-size:33px;color:#000;line-height: 1.3;display:block;padding:20px 0 20px 0;font-weight: 400;}
.banner_03 .tit b{display: block;font-weight: 300;}
.banner_03 .tit span{border: 1px solid #000; padding:10px; display:inline-block;color:#000; margin-top:60px;font-weight: 400; width:150px; text-align: center;font-size:13px;}
.banner_04 {background:url(../images/main_visual04.jpg) no-repeat 90% 0px;width:100%; height:517px; }
.banner_04 .tit{font-size:15px;color:#fff;font-weight:bold;line-height:130%;padding-top:60px; margin: 0 auto; width:1200px;}
.banner_04 .tit strong{font-size:33px;color:#fff;line-height: 1.3;display:block;padding:20px 0 20px 0;font-weight: 400;}
.banner_04 .tit b{display: block;font-weight: 300;}
.banner_04 .tit span{border: 1px solid #fff; padding:10px; display:inline-block;color:#fff; margin-top:60px;font-weight: 400; width:150px; text-align: center;font-size:13px;}




.busi_area{width:1200px;margin: 60px auto;text-align: center}
.busi_area h2{font-size:33px;font-weight: 400;color: #000}
.busi_area h3{font-size:16px;margin: 10px 0 50px 0;font-weight: 400;color: #000}
.busi_area ul{width:100%;text-align: center;margin-top:30px}
.busi_area ul li{width:19%;display:inline-block;text-align: center;height: 122px;font-size: 17px}
.busi_area ul li a {display:block;}
.busi_area ul li a > span{margin-top: 105px;display: inline-block}

.busi_area ul li.icon01{background: url(../images/2025/bs_icon1.png)center 5px no-repeat; cursor: pointer}
.busi_area ul li.icon02{background: url(../images/2025/bs_icon2.png)center 5px no-repeat; cursor: pointer}
.busi_area ul li.icon03{background: url(../images/2025/bs_icon3.png)center 5px no-repeat; cursor: pointer}
.busi_area ul li.icon04{background: url(../images/2025/bs_icon4.png)center 5px no-repeat; cursor: pointer}
.busi_area ul li.icon05{background: url(../images/2025/bs_icon5.png)center 5px no-repeat; cursor: pointer}

.board_area{display:flex; width:1200px; margin:0 auto; position: relative; padding:20px 0; }
.board_area .b_box {width: 25%;background-color:#f3f3f3;border-radius: 15px;padding: 10px 30px;box-sizing: border-box;margin-right:2%;}
.board_area .b_box:last-child {margin-right:0; background:#005699;}
.board_area .b_box:last-child h2,
.board_area .b_box:last-child p {color:#fff;}
.board_area .b_box i {display:block;position:relative;width: 21px;height: 21px;font-size:0;}
.board_area .b_box i:before {content:'';display:block;width:100%;height:3px;background:#ccc;position: absolute;top: 9px;}
.board_area .b_box i:after {content:'';display:block;width:3px;height:100%;background:#ccc;position: absolute;top: 0px;left: 9px;}
.about{margin:20px auto;width:100%;}
.contact {margin:20px auto;width:100%;}
.news{margin:20px auto;width:100%;}
.product {margin:20px auto;width:100%;}
.product > img {margin-top:10px;}
.b_box h2 {font-size:20px;color:#000;font-weight: bold;width: 100%;margin-bottom: 14px; position:relative;}
.b_box h2 > a {position:absolute; top:0; right:0;}
.b_box p {font-size: 14px;line-height:160%;}


.news > .txt {width: 101%;}
.news > .txt strong{font-size:17px; font-weight:bold; color:#0078cc; display: block; line-height:120%;width:100%; white-space: nowrap;overflow: hidden; text-overflow: ellipsis}
.news > .txt span {color:#909090;font-size:13px }
.news > .txt p{font-size:14px;padding-top: 15px;max-height:70px;overflow:hidden;text-overflow: ellipsis;}

/* sub레이아웃 */
#container{padding:0;}
#container > .in{max-width:1200px;margin:0 auto;overflow:hidden;position:relative;}
.s_top01 {background:url(../images/sub_top01.jpg) no-repeat 90% 0px;width:100%; height:210px}
.s_top02 {background:url(../images/sub_top02.jpg) no-repeat 90% 0px;width:100%; height:210px}
.s_top03 {background:url(../images/sub_top03.jpg) no-repeat 90% 0px;width:100%; height:210px}
.s_top04 {background:url(../images/sub_top04.jpg) no-repeat 90% 0px;width:100%; height:210px}
.s_top05 {background:url(../images/sub_top05.jpg) no-repeat 90% 0px;width:100%; height:210px}
.s_top06 {background:url(../images/sub_top06.jpg) no-repeat 90% 0px;width:100%; height:210px}

.top_title{width:1200px; margin:0 auto; position: relative}
.top_title h2{font-size:40px; font-weight:bold; color: #fff; text-align: center; width:100%; padding-top:70px}
.path{position: absolute; right: 0; top: 50px;}
.path a {color:#fff}
.path > ul{overflow:hidden;}
.path > ul > li{float:left;background:url(../images/ico_arrow02.png) no-repeat left 7px;padding:0 10px 0 13px}
.path > ul > li > a{color:#999;font-size:12px;}
.path > ul > li:first-child{background:none;padding-left:0;}
.path > ul > li img {padding-top:2px}

.h2_tit{font-size:25px;color:#000;line-height:120%;padding-bottom:30px;text-align:left;font-weight:bold;letter-spacing:-2px;margin:20px 0;}

#contents{width:1200px; margin:0 auto;}
.h3_tit{position:relative;padding:40px 0 20px 0; }
.h3_tit h3{font-size:30px;color:#000; letter-spacing:-0.05em;}
.h3_tit span{color:#0060a3}
.s_title{width:100%; font-size:18px; line-height:150%; margin-top:50px; color:#000}
.s_title02{width:100%; font-size:16px; line-height:150%; margin:10px 0 20PX 0; color:#505050}


.m_title{width:100%;font-size:30px;font-weight: 600;text-align: center;margin:50px 0;color:#000}
.m_title span{color:#0070b8}
.m_title p {font-size:18px;font-weight: normal;color:#000;margin:20px 0;line-height: 2;}

.s_top_img{margin:30px 0}
.section{margin:30px 0 50px 0}

.sub_title{font-size:20px; font-weight:bold; color:#000; border-bottom:4px solid #2696cd; padding-bottom:10px; display:inline-block; margin-bottom:15px}
.middle_tt{font-size:18px; font-weight:bold;color:#2696cd; margin:15px 0 0 0}

.sub_img{text-align: center}
.sub_img img{max-width:100%}

.img_area{width:100%; text-align: center;}
.img_area img {max-width:100%; margin:20px 0}


.about_area{width:100%; background:url(../images/about_bg.jpg) no-repeat left top;height:500px; margin:100px 0 50px 0}
.about_area .about_right{width:45%; float: right;}
.about_area .about_right ul{}
.about_area .about_right ul > li{border-top:1px dashed #e5e5e5;padding:15px 0;overflow:hidden;; font-size: 15px}
.about_area .about_right ul > li:first-child{padding-top:0;border-top:0;}
.about_area .about_right ul > li > .title{min-width: 110px;float:left;background-color:#787878;border-radius:5px;text-align: center;color:#fff;padding: 3px 10px;margin-right:20px;float: left}
.about_area .about_right ul > li > .contents{float:left;max-width: 358px;}


.ceo_area{width:100%; background:url(../images/ceo.jpg) no-repeat left top;height:700px; margin-top:50px}
.ceo_area .ceo_right{width:60%; float: right;}
.ceo_area .ceo_right strong{font-size: 25px; color:#000; line-height:130%; margin-bottom:40px; font-weight:400; display: block}
.ceo_area .ceo_right p{font-size: 15px; line-height:150%;}
.ceo_area .ceo_right span{height:50px; vertical-align: middle; background:url(../images/sign.png) no-repeat right center; width:208px; display:block; padding:30px 0 0 0}

.vision_area{margin-top:50px; padding-bottom:50px; width:100%}
.vision_area > ul{ margin-left:40px}
.vision_area > ul > li{padding:20px 0; display: inline-block; width:100%}
.vision_area > ul > li:first-child{padding-top:0;border-top:0;}
.vision_area > ul > li > .img{width:150px;float:left;margin-right:10px;}
.vision_area > ul > li > .txt{float:left;font-weight:400; padding-top:20px}
.vision_area > ul > li > .txt > strong{display:block;font-size:20px;color:#005699;line-height:150%;padding-bottom:15px;}
.vision_area > ul > li > .txt > p{font-size:17px;color:#000;line-height:150%;margin-bottom:10px;}


.histroy_area{width:100%; background: url(../images/history_bg.jpg) no-repeat 20px 30px;}
.histroy_area .history_year{}
.histroy_area .history_year ul{position: relative; display: block;padding-left:535px}
.histroy_area .history_year ul li{padding-left:50px; display: block; background: url(../images/history_left.png) repeat-y 8px 0; line-height:180%; font-size:15px}
.histroy_area .history_year ul li:first-child{padding-left:0}
.histroy_area .history_year ul li:last-child{padding-bottom:60px}
.histroy_area .history_year ul.year01{background: url(../images/history_tt03.png) no-repeat 330px 20px}
.histroy_area .history_year ul.year02{background: url(../images/history_tt02.png) no-repeat 330px 20px}
.histroy_area .history_year ul.year03{background: url(../images/history_tt01.png) no-repeat 330px 20px}

.pho_list{margin-bottom:40px;}
.pho_list > ul{overflow:hidden;margin-left:-2%}
.pho_list > ul > li{float:left;width:31%;margin-left:2%;margin-bottom:4%;}
.pho_list > ul > li > .img{margin-bottom:20px;}
.pho_list > ul > li > .img img{width:100%;}
.pho_list > ul > li > .txt{width:100%}
.pho_list > ul > li > .txt > p{font-size:16px;color:#000;line-height:150%;height:42px;font-weight: bold;}
.pho_list > ul > li > .txt > span{font-weight:400; font-size:14px;line-height:150%;}
.pho_list.cols_4 > ul > li {width: 23%; text-align: center;}
.pho_list.cols_4  > ul > li > .txt > span {display:block; margin-top:15px;}

.pho_list02{margin-bottom:40px;}
.pho_list02 > ul{overflow:hidden;margin-left:-1%}
.pho_list02 > ul > li{float:left;width:19%;margin-left:1%;margin-bottom:4%;}
.pho_list02 > ul > li > .img{margin-bottom:10px;}
.pho_list02 > ul > li > .img img{width:100%;}
.pho_list02 > ul > li > .txt{width:100%}
.pho_list02 > ul > li > .txt > p{font-size:16px;color:#000;line-height:150%;height:42px;font-weight: bold; margin-bottom: 12px;}
.pho_list02 > ul > li > .txt > span{font-weight:400; font-size:14px;line-height:150%;}

.effect_list{margin-bottom:40px;}
.effect_list > ul{overflow:hidden;margin-left:-2%}
.effect_list > ul > li{float:left;width:48%;margin-left:2%;margin-bottom:4%;display: flex;align-items: center;}
.effect_list > ul > li > .img{width:20%; float:left}
.effect_list > ul > li > .txt{width:70%;float:left;}
.effect_list > ul > li > .txt > p{font-size:16px;color:#000;line-height:150%;height:42px;}

.partner_area{width:100%;}
.partner_area ul{overflow:hidden;margin-left:-1%}
.partner_area ul li {float:left;width:15%;margin-left:1.5%;margin-bottom:3%; border:1px solid #dcdcdc;text-align: center; padding:5px 0}
.partner_area ul li img {}


.benefit_area{width:100%;}
.benefit_area ul{overflow:hidden;margin-left:-2%}
.benefit_area ul li {float:left;width:18%;margin-left:2%;margin-bottom:3%;text-align: center; padding:5px 0; display:inline-block}
.benefit_area ul li p.txt{text-align: center; font-size: 15px; padding:10px 0; color:#000}


.ebiz_area{width:100%;}
.ebiz_area > ul{ display: inline-block; margin-bottom:20px}
.ebiz_area > ul > li{padding:0 0 0 15px; display: inline-block; width:100%; background: url(../images/ico_bul_h5.png) no-repeat 0 10px; line-height:200%; font-size:15px; color: #000}


.erp_area{width:100%;}
.erp_area > ul{ display: inline-block; margin-bottom:20px}
.erp_area > ul > li{padding:0 0 0 15px; display: inline-block; width:100%; background: url(../images/ico_bul_h5.png) no-repeat 0 10px; line-height:200%; font-size:15px; color: #000}

.table_list{padding-bottom:20px;}
.table_list table{border-collapse:collapse;width:100%;}
.table_list table th{font-size:16px;color:#000;font-weight:normal;padding:15px 0;border-top:2px solid #000;border-bottom:1px solid #000;color: #005699}
.table_list table td{text-align:center;border-bottom:1px solid #dde2e8;padding:15px 0;font-size:14px;color:#404040;}
.table_list table td.left{text-align:left; padding-left:15px;color:#000}
.table_list table input[type="checkbox"]{width:20px;height:20px;}
.table_list table .btn01{border-radius:3px;background:#666;color:#fff;font-size:12px;height:25px;line-height:25px;width:40px;text-align:center;display:block;margin:0 auto;font-weight:normal;font-family:'돋움'}


.table_list02{padding-bottom:20px;}
.table_list02 table{border-collapse:collapse;width:100%;}
.table_list02 table th{font-size:16px;color:#000;font-weight:normal;padding:15px 0;border-top:2px solid #000;border-bottom:1px solid #000;color: #005699;}
.table_list02 table td{text-align:center;border-bottom:1px solid #dde2e8;padding:15px 0;font-size:14px;color:#404040;border-right:1px solid #dde2e8;}
.table_list02 table td:last-child{border-right:none}
.table_list02 table td.left{text-align:left; padding-left:15px;color:#000}
.table_list02 table input[type="checkbox"]{width:20px;height:20px;}
.table_list02 table .btn01{border-radius:3px;background:#666;color:#fff;font-size:12px;height:25px;line-height:25px;width:40px;text-align:center;display:block;margin:0 auto;font-weight:normal;font-family:'돋움'}

.table_list03{padding-bottom:20px;margin-top:10px}
.table_list03 table{border-collapse:collapse;width:100%;border-top:2px solid #000;}
.table_list03 table th{font-size:16px;color:#000;font-weight:normal;padding:15px 0;border-bottom:1px solid #000;color: #005699;border-right:1px solid #000;}
.table_list03 table th:last-child{border-right:none}
.table_list03 table td{text-align:center;border-bottom:1px solid #dde2e8;padding:15px 0;font-size:14px;color:#404040;border-right:1px solid #dde2e8;}
.table_list03 table td:last-child{border-right:none}
.table_list03 table td.left{text-align:left; padding-left:15px;color:#000}
.table_list03 table td.b_left{border-left:1px solid #dde2e8;}
.table_list03 table input[type="checkbox"]{width:20px;height:20px;}
.table_list03 table .btn01{border-radius:3px;background:#666;color:#fff;font-size:12px;height:25px;line-height:25px;width:40px;text-align:center;display:block;margin:0 auto;font-weight:normal;font-family:'돋움'}


.news_list{padding:40px 0;}
.news_list > ul{float: left}
.news_list > ul > li{border-top:1px dashed #e5e5e5;padding:20px 0;overflow:hidden;}
.news_list > ul > li:first-child{padding-top:0;border-top:0;}
.news_list > ul > li > .img{width:230px;float:left;margin-right:20px;border:1px solid #ccc; height:150px}
.news_list > ul > li > .img img {width:100%; height:150px}
.news_list > ul > li > .txt{float:left;max-width:920px;margin-right:20px;}
.news_list > ul > li > .txt > a{display:block;}
.news_list > ul > li > .txt > a > strong{display:block;font-size:18px;color:#005699;line-height:150%;padding-bottom:15px;}
.news_list > ul > li > .txt > a > p{font-size:14px;color:#444;line-height:150%;margin-bottom:10px;}
.news_list > ul > li > .txt > .info{font-size:12px;color:#989898;line-height:150%; margin-bottom:10px}
.news_list > ul > li > .txt.long{float:none;max-width:none;}

.map_area{width:100%; margin: 0 auto;}
#map{width:100%;height:100%;}


.map_area .map_info{width:100%; margin:30px 0}
.map_area .map_info ul{}
.map_area .map_info ul > li{border-top:1px dashed #e5e5e5;padding:20px 0;overflow:hidden;; font-size: 15px}
.map_area .map_info ul > li:first-child{padding-top:0;border-top:0;}
.map_area .map_info ul > li > .title{min-width:80px;float:left;background-color:#787878; border-radius:5px; text-align: center; color:#fff; padding:3px 10px; margin:0 0 20px 0; font-size:17px}
.map_area .map_info ul > li > .contents{float:left; width:100%;}
.map_area .map_info ul > li > .contents b{font-size:16px; }


.tab_area{margin:10px 0 20px 0; float: left; width:100%}
.tab_area > ul{}
.tab_area > ul > li{float:left;}
.tab_area > ul > li > a{display:block;border-radius:2px;border:1px solid #ddd;text-align:center;padding:15px 0;margin:1px;font-size:15px;color:#666;letter-spacing:-1px}
.tab_area > ul > li > a:hover{color:#fff;background:#1e75d6;border:1px solid #1e75d6;}
.tab_area > ul > li > a:focus{color:#fff;background:#1e75d6;border:1px solid #1e75d6;}
.tab_area > ul > li > a.on{color:#fff;background:#1e75d6;border:1px solid #1e75d6;}
.tab_area.two > ul > li{width:50%}
.tab_area.three > ul > li{width:33.33%}
.tab_area.four > ul > li{width:25%}
.tab_area.six > ul > li{width:16.66%}
.tab_area.seven > ul > li{width:14.28%}


.total_view_con_wrap{overflow:hidden;}
.total_view_con_wrap .total_view_con {overflow:hidden;float:right ;padding:15px 0}
.total_view_con_wrap .total_view_con ul.sns {float:left; }
.total_view_con_wrap .total_view_con ul.sns li {float:left;width:27px; margin:0 15px 0 0;} 
.total_view_con_wrap .total_view_con ul.sns li.tw {padding:0 0 0 38px; background:url(../images/icon_twitter01.gif) no-repeat left top;}
.total_view_con_wrap .total_view_con ul.sns li.tw a{display:block;height:20px;line-height:20px;}
.total_view_con_wrap .total_view_con ul.sns li.fb {padding:0 0 0 38px;background:url(../images/icon_facebook01.gif) no-repeat left top;}
.total_view_con_wrap .total_view_con ul.sns li.fb a{display:block;height:20px;line-height:20px;}
.total_view_con_wrap .total_view_con ul.sns li.me2 {padding:0 0 0 38px;background:url(../images/icon_me2day01.gif) no-repeat left top;}
.total_view_con_wrap .total_view_con ul.sns li.psy {padding:0 0 0 38px;background:url(../images/ico_psy.gif) no-repeat left top;}
.total_view_con_wrap .total_view_con ul.sns li.cacao {padding:0 0 0 38px;background:url(../images/icon_cacao01.gif) no-repeat left top;}
.total_view_con_wrap .total_view_con ul.sns li.good {padding:0 0 0 83px;background:url(../images/icon_good01.gif) no-repeat left top;}
.total_view_con_wrap .print_area {float:right;}
.total_view_con_wrap .print_area li {float:left;}
.total_view_con_wrap .print_area li .print {margin:0 14px 0 0; padding:0 0 0 18px; background:url(../images/ico_print.gif) no-repeat left 3px; display:inline-block;height:20px;line-height:20px;}
.view_tit{border-top:2px solid #000;padding:25px;border-bottom:1px solid #000;background:#e0f6f7; clear: both}
.view_tit strong{display:block;font-size:18px;color:#000;line-height:150%;padding-bottom:10px;}
.view_tit p{font-size:14px;color:#666;}
.view_cont{padding:25px 25px 50px 25px;font-size:14px;color:#000;line-height:200%;}
.view_cont strong{font-weight: bold; font-size:15px;line-height:180%;}
.view_cont p {margin:20px 0}
.view_cont img {margin:20px 0}
.view_cont .view_img{width:100%;text-align: center}
.prevnext{border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;margin-bottom:20px;}
.prevnext table{width:100%;border-collapse:collapse;}
.prevnext table tr:first-child th{border-top:0;}
.prevnext table tr:first-child td{border-top:0;}
.prevnext table th{border-top:1px solid #e4e4e4;padding:15px 10px;font-size:14px;color:#000;}
.prevnext table td{border-top:1px solid #e4e4e4;padding:15px 10px;font-size:14px;color:#666;}
.btn_group{overflow:hidden;padding-bottom:30px}
.btn_group .center{text-align:center;}
.btn_group .left{float:left;}
.btn_group .right{float:right;}
.btn_group a{padding:10px 15px;display:inline-block;font-size:14px;letter-spacing:-1px;min-width:50px;text-align:center;}
.btn_group a.btn01{background:#666;color:#fff;}
.btn_group a.btn02{background:#1e75d6;color:#fff;}

/*contact*/
.contact_info {display:flex; width:100%;}
.contact_info > li {width:100%;margin-right:2%;background:#f7f7f7;box-sizing: border-box;padding:25px;border-radius: 15px;}
.contact_info li:last-child {margin-right:0;}
.contact_info li > h3 {color:#0070b8;font-size: 20px;margin-bottom: 10px;}
.contact_info li > p {font-size:14px;color: #8b8b8b;margin-bottom: 5px;}
.contact_info li > ul > li {position:relative;display:block;margin-bottom: 3px;padding-left: 9px;font-size: 15px;color: #000;}
.contact_info li > ul > li:before {content:'';display:block;width:3px;height:3px;background: #979797;position:absolute;top: 12px;left:0;}

/*font*/
.green{color: #30a32a; font-weight: bold}
.purple{color: #893bb6;font-weight: bold}
.brown{color: #bf9f1e;font-weight: bold}
.red{color: #ff0000;font-weight: bold}
.blue{color: #3171d3;font-weight: bold}


/*boxSlide*/

.bx-wrapper {position: relative;margin: 0 auto 60px;padding: 0;}
.bx-wrapper img {max-width: 100%;display: block;}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {	/*fix other elements on the page moving (on Chrome)*/-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform:translatez(0);transform: translatez(0);}
.bx-wrapper .bx-viewport ul {margin:0px; padding:0px;}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute;	bottom: 10px;width: 100%;}

/* LOADER */

.bx-wrapper .bx-loading {min-height: 50px;background: url(../images/bx_loader.gif) center center no-repeat #fff;height: 100%;	width: 100%;position: absolute;	top: 0;left: 0;	z-index: 2000;}

/* PAGER */

.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #ccc;padding-top: 20px;z-index:1000}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline; z-index:1001}

.bx-wrapper .bx-pager.bx-default-pager a {background: #a1dce5;text-indent: -9999px;display: block;	width: 15px;height: 15px;margin: 0 5px;	outline: 0;	-moz-border-radius: 15px;-webkit-border-radius: 15px;	border-radius: 15px;}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #fff;}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {left: 10px;	background: url(../images/controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next {right: 10px;	background: url(../images/controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-prev:hover {background-position: 0 0;}
.bx-wrapper .bx-next:hover {background-position: -43p 0;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;	margin-top: -16px;outline: 0;width: 32px;height: 32px;text-indent: -9999px;z-index:1002;}
.bx-wrapper .bx-controls-direction a.disabled {	display: none;}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;background: url(../images/controls.png) -86px -11px no-repeat;margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display: block;	text-indent: -9999px;width: 9px;height: 11px;outline: 0;background: url(../images/controls.png) -86px -44px no-repeat;	margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {position: absolute;bottom: 0;	left: 0;background: #666\9;	background: rgba(80, 80, 80, 0.75);width: 100%;}
.bx-wrapper .bx-caption span {color: #fff;font-family: Arial;display: block;font-size: .85em;	padding: 10px;}

/* 사용자 페이징 - 위치와 모양을 자유롭게 변형 */
#bx-pager1 {position: absolute; right: 10px; top:10px;}
#bx-pager1 a{float:left; margin:0 5px;display: block; width:15px; height:15px; font-size:12px; line-height:18px; text-align:center; background:#999; color:#333; border-radius: 10px}
#bx-pager1 a:hover, .bx-pager1 a:active{ background: #000; color: #CCC;}

/* 사용자 페이징 - 엑티브상태에 대한 속성값 지정 */
#bx-pager1 a.active{ background: #000; color: #CCC;}


@media only screen and (max-width: 1200px) {
	
	/* 레이아웃 */


	#wrap #header .lnb .in > ul{padding-right:10px}
	#wrap #header .english {display: none;}
	#wrap #header .gnb_wrap .gnb_wrap_in h1{padding-left:10px}
	#wrap #header .gnb_wrap .gnb_wrap_in .gnb{display:none;}
	#wrap #header .gnb_wrap .gnb_wrap_in .fullmenu{display:block;}
	#wrap #header .gnb_wrap .gnb_wrap_in .fullmenu .fullmenu_list{top:60px}
	#footer .foot_info{width:100%; margin: 0 auto;}
	#s_banner_wrap{height:500px;}

	.banner_01 {height:500px; text-align:center; background:url('../images/main_banner_m01.jpg')no-repeat center; background-size:cover; }
	.banner_01 .tit{width:100%; font-size:14px; line-height:1.4; height:100vh; background:rgba(0,0,0,0.3); word-break: keep-all;}
	.banner_01 .tit strong{font-size:23px; font-weight:600; line-height:1.3; padding:10px;}
	.banner_01 .tit b{margin-top:10px;}
	.banner_01 .tit span{margin-top: 25px;}
	
	.banner_02 {height:500px; text-align:center; background:url('../images/main_banner_m06.jpg')no-repeat center; background-size:cover; }
	.banner_02 .tit{width:100%; font-size:14px;  line-height:1.4; word-break: keep-all;}
	.banner_02 .tit strong{font-size:23px; font-weight:600; line-height:1.3; padding:10px;}
	.banner_02 .tit b{margin-top:10px;}
	.banner_02 .tit span{margin-top: 25px;}

	.banner_03 {height:500px; text-align:center; background:url('../images/main_banner_m05.jpg')no-repeat center; background-size:cover; }
	.banner_03 .tit{width:100%; font-size:14px;  line-height:1.4; word-break: keep-all;}
	.banner_03 .tit strong{font-size:23px; font-weight:600; line-height:1.3; padding:10px;}
	.banner_03 .tit b{margin-top:10px;}
	.banner_03 .tit span{margin-top: 25px;}
	
	.banner_04 {height:500px; text-align:center; background:url('../images/main_banner_m04.jpg')no-repeat center; background-size:cover; }
	.banner_04 .tit{width:100%; font-size:14px; line-height:1.4; height:100vh; background:rgba(0,0,0,0.2); word-break: keep-all;}
	.banner_04 .tit strong{font-size:23px; font-weight:600; line-height:1.3; padding:10px;}
	.banner_04 .tit b{margin-top:10px;}
	.banner_04 .tit span{margin-top: 25px;}

		
	.path{position: relative; float: left; top:0; margin-bottom:50px; width:100%}
	
	.busi_area{width:100%}
	.busi_area ul li{width: 25%;font-size:13px;margin-bottom: 25px;}

	
	.board_area{width:95%; flex-wrap:wrap;}
	.board_area .b_box {width: calc(50%  - 1%);background-color:#f3f3f3;float: left;margin-bottom:20px;}
	.board_area .b_box:nth-child(2n) {margin-right:0;}
	.product > img {width:53%; float:right;}

	.about{background:none; height: 150px;}
	.contact{background:none; height: 150px;}
	.news{height: 150px;}
	
	.about h2, .contact h2, .news h2{font-size:18px;}
	.about p, .contact p{font-size:12px;}
	
	.news > .txt {float: left;width:85%;}
	.news > .txt strong{font-size:14px; }
	.news > .txt span {color:#909090;font-size:12px }
	.news > .txt p{font-size:12px; padding-top:10px; max-height:35px;}
	
	#footer .foot_info p{width:95%;padding-left:20px}
	
	#container > .in{max-width:95%;}
	
	.s_top01 {background-size:cover;width:100%; height:150px}
	.s_top02 {background-size:cover;width:100%; height:150px}
	.s_top03 {background-size:cover;width:100%; height:150px}
	.s_top04 {background-size:cover;width:100%; height:150px}
	.s_top05, .s_top06 {background-size:cover;width:100%; height:150px}
	.top_title{width:100%;}



	.effect_list > ul > li > .img img{width:80%;}
	.effect_list > ul > li > .txt{margin-top:0px}
	.effect_list > ul > li > .txt > p{font-size:14px;color:#000;}
	
	.about_area{background:none;height:500px;}
	.about_area .about_right{width:100%; float: left;}
	
	.vision_area > ul{ margin-left:0px}
	.vision_area > ul > li > .img{width:15%;margin-right:3%;border:0;}
	.vision_area > ul > li > .img img{width:100%;}
	.vision_area > ul > li > .txt{width:80%;max-width:none;margin-right:0;}
	.vision_area > ul > li > .txt > strong{font-size:14px}
	.vision_area > ul > li > .txt > p{font-size:13px;}

	.histroy_area .history_year ul li{font-size:13px}
	
	.news_list{padding:0 10px 20px 10px}
	.news_list > ul > li > .img{width:27%;margin-right:3%;border:0;}
	.news_list > ul > li > .img img{width:100%;border:1px solid #ccc;}
	.news_list > ul > li > .txt{width:70%;max-width:none;margin-right:0;}
	.news_list > ul > li > .txt > a > strong{font-size:14px;}
	.news_list > ul > li > .txt > a > p{font-size:12px;}
	.news_list > ul > li > .txt > .info{font-size:12px;}

	.partner_area ul{margin-left:-2%; }
	.partner_area ul li {float:left;width:17.5%;margin-left:2%;}
	.partner_area ul li img {width:95%}
	
	.benefit_area ul li {width:31%; float:none; vertical-align: top;}
	.benefit_area ul li img{width:80%}
	.benefit_area ul li p.txt{font-size: 14px;}

	/*contact*/
	.contact_info {display:flex;flex-wrap: wrap;align-items: flex-start;}
	.contact_info > li {width: 49%;margin-bottom:20px;}
	.contact_info > li:nth-child(2) {margin-right:0;}
}

@media only screen and (max-width: 640px) {
	
	
	#wrap #header .gnb_wrap .gnb_wrap_in h1 img{width:80%}
	#wrap #header .gnb_wrap .gnb_wrap_in .fullmenu .open_fullmenu img {width:80%}
	
	#footer .foot_info .inner .list > ul > li{font-size: 11px}

	.banner_01 .tit span, .banner_02 .tit span, .banner_03 .tit span, .banner_04 .tit span{display:none;}
	#s_banner_wrap .pc-b {display:none;}
	.busi_area ul {text-align:left;}
	.busi_area h2{font-size:25px}
	.busi_area h3{font-size:14px}
	.busi_area ul {width:70%; text-align: justify; margin:0 auto;}
	.busi_area ul li {width:40%;}
	.busi_area ul li.icon01{background-size:60px;}
	.busi_area ul li.icon02{background-size:60px}
	.busi_area ul li.icon03{background-size:60px}
	.busi_area ul li.icon04{background-size:60px}
	.busi_area ul li.icon05{background-size:60px}
	.busi_area ul li.icon06{background-size:60px}
	.busi_area ul li{font-size: 12px;margin-bottom:20px}
	.busi_area ul li a > span{margin-top:70px; display: inline-block}
	
	.busi_area{margin:20px 0 0 0}
	.busi_area h3{margin-bottom:20px}
	.board_area .b_box{width:100%; background-color:#f3f3f3; float: left; margin-bottom:20px}

	.about{margin:20px auto;width:100%;background-size:20%;height: 165px;}
	.contact{margin:20px auto;width:100%;background-size:20%;height: 150px;}
	.news{margin:20px auto; width:100%;height: 150px; }
	.about h2, .contact h2, .news h2{font-size:20px;  width:90%}
	.about h2 a, .contact h2 a, .news h2 a{float: right}
	.about p, .contact p{font-size:13px;line-height:160%;}
	
	#footer .foot_info p{width:90%;line-height:150%;}

	
	
	.h3_tit h3{font-size:20px;}
	.s_title{font-size:14px;}
	.s_title02{font-size:13px;}
	.m_title{margin:20px 0 40px 0}
	.sub_title{font-size:17px;}
	
	.pho_list{margin-bottom:40px;}
	.pho_list > ul{overflow:hidden;margin-left:0}
	.pho_list > ul > li{float:left;width:100%;margin-left:0;margin-bottom:50px;}
	.pho_list > ul > li > .txt > p{font-size:13px;height:30px}
	.pho_list > ul > li > .txt > span{font-size:12px;line-height:130%;}
	.pho_list.cols_4 > ul > li {width:100%;}	

	.pho_list02{margin-bottom:40px;}
	.pho_list02 > ul{overflow:hidden;margin-left:0}
	.pho_list02 > ul > li{float:left;width:100%;margin-left:0;margin-bottom:50px;}
	.pho_list02 > ul > li > .txt > p{font-size:13px;height:30px}
	.pho_list02 > ul > li > .txt > span{font-weight:400; font-size:12px;line-height:130%;}

	
	.effect_list > ul{overflow:hidden;margin-left:0%}
	.effect_list > ul > li{float:left;width:100%;margin-left:0;margin-bottom:30px;}
	.effect_list > ul > li > .img{width:20%; float:left}
	.effect_list > ul > li > .img img{width:70%}
	.effect_list > ul > li > .txt{width:80%;}
	.effect_list > ul > li > .txt > p{font-size:12px; margin-top:10px}

	.m_title{font-size:20px;}
	.m_title p {font-size:15px; color:#000; margin:20px 0}
	.top_title h2{font-size:25px;padding-top:50px}

	.about_area {margin-top:50px; height: auto}
	.about_area .about_right ul > li{font-size: 13px}
	.about_area .about_right ul > li > .title{display: inline-block}
	.about_area .about_right ul > li > .contents{float:left;width:100%;padding:5px 0}
	
	.ceo_area{background:none;margin-top:30px}
	.ceo_area .ceo_right{width:100%; float: left;}
	.ceo_area .ceo_right strong{font-size: 16px;}
	.ceo_area .ceo_right p{font-size: 13px;}
	
	
	.histroy_area{background:none; margin-top: 50px}
	.histroy_area .history_year{min-height:auto}
	.histroy_area .history_year ul{padding-left:120px}
	.histroy_area .history_year ul li{font-size:13px; padding-left:20px}
	.histroy_area .history_year ul li:first-child{background:none; line-height: 0}
	.histroy_area .history_year ul.year01{background: url(../images/history_tt03.png) no-repeat left 30px; background-size:100px}
	.histroy_area .history_year ul.year02{background: url(../images/history_tt02.png) no-repeat left 0; background-size:100px}
	.histroy_area .history_year ul.year03{background: url(../images/history_tt01.png) no-repeat left 0; background-size:100px}
	
	.tab_area > ul > li > a{font-size:14px;}
	
	.table_list table th{font-size:14px;}
	.table_list table td{font-size:13px;}
	
	.news_list > ul > li > .img{width:100%;margin:0 0 10px 0;}
	.news_list > ul > li > .img img{width:100%;}
	.news_list > ul > li > .txt{width:auto;}
	
	.benefit_area ul li {width:47%;}
	.benefit_area ul li img{width:70%}
	.benefit_area ul li p.txt{font-size: 12px;}
	

	.view_tit strong{font-size:16px;}
	.view_tit p{font-size:12px;color:#666;}
	
	.view_cont{font-size:12px;line-height:180%;}
	.view_cont strong{font-size:12px;}
	.view_cont img {margin:20px 0; width:100%}
	.view_cont .view_img{width:100%;text-align: center}
	.prevnext table th{font-size:13px;}
	.prevnext table td{font-size:13px;}
	.btn_group a{font-size:12px;}
	.ebiz_area > ul > li{line-height:180%; font-size:13px;}
	.erp_area > ul > li{line-height:180%; font-size:13px;}

	/*contact*/
	.contact_info > li {margin-right:0!important; width:100%;}

}