*{ padding:0; margin:0; }
html {
	overflow-y:scroll;
}
html, body{
	position:relative;
	display:block;
	text-align:justify;

}
li{ list-style:none; }

h1, h2, h3, h4, h5, h6, li, p{ word-break:keep-all; }

.space05{ margin-top:5px; }
.space07{ margin-top:7px; }
.space12{ margin-top:12px; }
.space10{ margin-top:10px; }
.space15{ margin-top:15px; }
.space20{ margin-top:20px; }
.space25{ margin-top:25px; }
.space30{ margin-top:30px; }
.space35{ margin-top:35px; }
.space50{ margin-top:50px; }

::selection { background:#5797e5; color:#fff; }
::-moz-selection { background:#5797e5; color:#fff; }

#wrap{
	width:100%; height:100%;
	margin:0 auto;
	display:block;
	position:relative;
	word-break: keep-all;
	font-size:17px;
	line-height:24px;
	font-family: 'Nunito Sans', sans-serif;
	color:#494949;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	/*overflow:auto;*/
}


/* =============================
header
============================= */
#navbar{
	display:block;
	position:absolute;
	z-index:700;
	top:0; left:0;
	width:100%;
	height:81px;
	background:#fff;
	border-bottom:1px solid #ddd;
	-webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.05);
	box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.05);
}
#header{
	width:1200px;
	height:80px;
	margin:0 auto;
	position:relative;
}

#header h1#Hlogo{ padding-top:15px; display:block; float:left; margin:0; }
#header h1#Hlogo span{
	content:"";
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}
#Hmenu > div{ float:right; }
/*language*/
#language{
	width: 100px;
	height:80px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
#language li.lang{
	display:block;
	width:100%; height:40px;
	line-height:40px;
	background:#fff;
	font-size:14px;
}
#language li a{ display:table; width:100%; height:40px; padding:0 15px;  }
#language li span{ display:table-cell; width:28px; height:40px; vertical-align:middle;padding-right:7px; }
#language li span img{ display:block; }
#language li.lang.current{ background:#4480CE;  }
#language li.lang.current a{ color:#fff; }

.lnb{ height:65px; padding-top:15px; display:block; }
.lnb li.lnb_menu{ float:left; width:170px; height:65px; }
.lnb li.lnb_menu > span{
	box-sizing:border-box;
	display:block;
	height:65px;
	line-height:50px;
	text-align:center;
	font-weight:500;
	font-size:18px;
}
.lnb li.lnb_menu.current > span{ border-bottom:5px solid #4480ce;  }
.lnb li.lnb_menu.current > span a{ color:#3160a5; }
.lnb li.lnb_menu > span a{ display:block; color:#494949; }
li.lnb_menu a:hover{ color:#000; }
.Smenu{ display:none; background:#fafafa; }

#Smenu_P{
	display:none;
	position:absolute;
	width:1200px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #ddd;
	left:0; top:80px;
}
#Smenu_P > ul{ overflow:hidden; }
#Smenu_P > ul > li{
	display:inline-block;
	float:left;
	width:16.66%; height:42px;
	padding:0;
	text-align:center;
	line-height:42px;
	color:#fff;
	background:#999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
}
#Smenu_P > ul > li.line{ border-right:1px solid #ddd; }
#Smenu_P > ul > li.selectbox, #Smenu_P > ul > li:hover{ background:#4480ce; }
.productM{ display:none; width:100%; }
.productM.selectbox{ display:block; }
.productM > ul > li{
	display:inline-block;
	float:left;
	width:25%;
	padding:15px 30px 50px 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.productM > ul > li.menuH{ height:485px; }
.productM > ul > li.menuH2{ height:690px; }
.productM > ul > li.menuH3{ height:1290px; }
.productM > ul > li.line{ border-right:1px solid #ddd; }
span.PmenuL{
	display:block;
	height:20px;
	line-height:20px;
	font-size:15px;
	letter-spacing:-0.3px;
}
span.productM_title{
	display:block;
	margin:15px 0 5px 0;
	font-size:20px;
	height:25px;
	line-height:25px;
	color:#000;
	text-align: left;
}
li.productM_list{ display:block; }
li.productM_list span.productM_img{
	position:relative;
	display:block;
	width:100%; height:160px;
	border-bottom:50px solid #eee;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
li.productM_list span.productM_img img{
	display:block;
	position:absolute;
	bottom:-50px;
}

.Smenu_list > li{
	font-weight:500;
	line-height:20px;
	border-bottom:1px solid #ddd;
	font-size:16px;
}
.Smenu_list_ko li{ font-family: 'Nanum Gothic'; }
.Smenu_list li a{ display:block; color:#777; padding:15px 20px; }
.Smenu_list li.none_line{ border-bottom:none; }
li.lnb_menu .product_menu{
	width:1200px; height:auto;
	box-sizing:border-box;
	border:1px solid #ddd;
	position:absolute;
	top:80px; left:0;
	background:#fff;
}
.product_menu .Pmenu{
	display:block;
	float:left;
	box-sizing:border-box;
	min-width:358px;
	min-height:280px;
	padding:20px 30px 30px;
	border-right:1px solid #ddd;
}

.product_menu .none_line{ border-right:0; }
.product_menu .Pmenu h4{ font-size:18px; line-height:35px; }
.product_menu .Pmenu h4 a{ color:#000; }
.product_menu .Pmenu li{ line-height:25px; }
.product_menu .Pmenu a{ color:#777; }

/* =============================
main contents
============================= */
#main_content{
	width:100%;
	height:100%;
	position:relative;
	display:block;
	padding-top:81px;
}
.banner h3{
	font-size:24px;
	line-height:25px;
	color:#1d4074;
	font-family: 'Nanum Square';
	font-weight:600;
}

/*메인 슬라이드*/
#slide_wrap{
	position:relative;
	width:100%;
	height:620px;
	/*background:url('../images/visual_bg.png') no-repeat center;*/
	background-color:#f5f5f5;
}
#slide_wrap .bx-viewport,  #slide_wrap .bx-wrapper{
    position:relative;
    width:100%;
    height:100% !important;
    top:0;
    left:0;
}
#slide_wrap .bxslider, #slide_wrap .bxslider li{ height:100% !important;
}
#slide_wrap .bx-wrapper .bx-viewport{
    /*border: none !important;*/
}
#slide_wrap .main_slide > ul > li {
	position: relative;
}

#slide_wrap .main_slide .m_box {
	background: rgba(50, 50, 50, 0.5);
	/*background: rgba(0, 0, 0, 0.2);*/
	display:inline-block;
	position: absolute;
	left:50%;
	margin-left:-600px;
	padding: 20px 24px;
	width: 700px;
	bottom: 101px;

}
#slide_wrap .bxslider li {

}
#slide_wrap .bxslider li.slide1 {
	width:100% !important;
	background: url('/images/eng_main_slide1.jpg') top center no-repeat;
	background-size: cover;
}

#slide_wrap .bxslider li.slide2 {
	background-size: cover;
	background: url('/images/eng_main_slide2.jpg') top center no-repeat;
}

#slide_wrap .bxslider li.slide3 {
	background: url('/images/eng_main_slide3.jpg') top center no-repeat;
	background-size: cover;
}
#slide_wrap .bxslider li.slide4 {
	background: url('/images/eng_main_slide4.jpg') top center no-repeat;
	background-size: cover;
}
#slide_wrap .bxslider li.slide5 {
	background: url('/images/eng_main_slide5.jpg') top center no-repeat;
		background-size: cover;
}
#slide_wrap .bxslider li.slide6 {
	background: url('/images/eng_main_slide6.jpg') top center no-repeat;
		background-size: cover;
}

#slide_wrap > div{ width:100%; height:100%; margin:0 auto; }
#slide_wrap .Main_Pslide{ }
#slide_wrap .Main_Pslide ul.bxslider > li{ padding:0; }
#slide_wrap ul.main_slide,
#prduct_slide_wrap ul.main_slide{ overflow:hidden; display:table; width:100%; }
#slide_wrap ul.main_slide > li{ display:table-cell; float:none; }
#slide_wrap ul.main_slide > li:last-child{ vertical-align:middle; }
#slide_wrap .main_slide li.slid_text_box{ padding:40px 20px 20px; }
.Main_Pslide .slid_text_box h4{
	font-size:39px; line-height:44px;
	padding-bottom:20px;
	color:#ffffff;
	font-weight:800;
	vertical-align:top;
	text-shadow:0 1px 2px rgba(0, 0, 0, 0.7);
}
.Main_Pslide .slid_text_box > span{
	display:block;
	font-size:23px; line-height:33px;
	color:#ffffff;
	text-shadow:0 1px 6px rgba(0, 0, 0, 0.8);
	padding-bottom:8px;
}
.slid_text_box ul{ display:table; }
.slid_text_box ul li{ display:table-cell; padding:5px; font-size:20px; line-height:26px; }
/*메인 제품 슬라이드*/
#prduct_slide_wrap{
	width:100%;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	height:480px;
}
#prduct_slide_wrap > div{ display:table; width:1200px; height:100%; margin:0 auto; }
#prduct_slide_wrap .Pslide{ display:table-cell; vertical-align:middle; }
#prduct_slide_wrap ul.main_slide > li{ display:table-cell; vertical-align:middle; float:none; }
.productSlide .slid_text_box{ line-height:20px; padding:20px 50px 20px 20px; }
.productSlide .slid_text_box h4{
	font-size:25px; line-height:40px;
	padding-bottom:10px;
	color:#1d4074;
	font-weight:900;
	vertical-align:top;
}
.productSlide .slid_text_box > span{
	display:block;
	font-size:20px;
	color:#1d4074;
	padding:5px 0;
	font-weight:600;
}
.productSlide .slid_text_box li{ line-height:22px; font-size:17px; }

.productSlide .slid_text_box a{
	font-family: Arial;
	display:block;
	text-align:center;
	font-size:16px;
	margin-top:30px;
	padding:8px;
	width:140px;
	color:#4480CE;
	border:1px solid #3160a5;
	box-sizing: border-box;
	transition: all 0.3s ease-in;
}

.productSlide .slid_text_box a:hover{ background:#4480CE; color:#fff; }


.banner_wrap{
	width:1200px;
	margin:60px auto;
	display:block;
	position:relative;
	overflow:hidden;
}
.banner{
	display:block;
	box-sizing:border-box;
	border:1px solid #ddd;
	background:#f5f5f5;
}
.banner .expview {
	height:240px;
	overflow:hidden;
}
.banner ul{ overflow:hidden; }
.banner ul li{ display:block; }
.banner_img{ height:240px;
	display: block;
	overflow: hidden;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.banner_img:hover{
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.banner_img01{
	background:url('../images/main_banner_01.jpg') no-repeat center;
	background-size:cover;
}
.banner_img02{
	background:url('../images/main_banner_02.jpg') no-repeat center;
	background-size:cover;
}
.banner_img03{
	background:url('../images/main_banner_03.jpg') no-repeat center;
	background-size:cover;
}
.banner li.banner_text{ padding:30px; min-height:147px; letter-spacing:-0.5px; }
.banner li img{ width:100%; display:block; }
.banner span.title{
	display:block;
	font-size:24px;
	line-height:25px;
	color:#1d4074;
	font-family: 'Nanum Square';
	font-weight:600;
	margin-bottom:12px;
}
.banner a{ color:#494949; }


.banner_contact{
	padding:50px 60px;
	background:url('../images/main_contact_bg.jpg') no-repeat center;
	background-size:cover;
	text-align:center;
	color:#fff;
}
.banner_contact h3{
	font-size:24px;
	line-height:25px;
	color:#fff;
	font-family: 'Nanum Square';
	font-weight:600;
 }
.banner_contact p{ margin-bottom:20px; }
 .banner_contact li{
	display:inline-block;
	width:140px; height:40px;
	margin:4px 0;
	line-height:40px;
	text-align:center;
	border:1px solid #fff;
	transition: all 0.2s ease-in;
}
.banner_contact li a {
	display: block;
	color: #fff;
	transition: all 0.2s ease-in;

}
.banner_contact li:hover {
	background: #fff;
}
.banner_contact li a:hover {
	color:#1d4074;
}


/* =============================
footer
============================= */
#footer_wrap{
	width:100%;
	background:#fff;
	border-top:1px solid #ccc;
}
.footer{
	width:1200px;
	padding:25px 0 30px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
.footer h2.Flogo{ display:block; float:left; width:170px; height:60px; }

.footer .Fabanner{
	position:absolute;
	top:25px; right:0;
	width:160px;
	height:60px;
}

p.info{ float:left; line-height:20px; font-size:13px; color:#888; padding-left:50px; text-align:left; }
p.info span{ padding-left:10px; }
.lang_site{ width:160px; height:60px; float:right; }
ul.F_language{ width:160px; height:20px; overflow:hidden; }
ul.F_language a{ color:#000; }
.footer_info li.Fabanner{ float:right; }
ul.F_language li{ float:left; font-size:14px; line-height:20px; }
ul.F_language li.Flang{ width:75px;  box-sizing:border-box; }
ul.F_language li.Flang.en{ padding-left:10px; }
ul.F_language li span{ display:block; float:left; margin-right:5px;  }
ul.F_language li img{ display:block; }
#family_site{ min-width:160px; padding:5px; margin-top:5px; }

.quality-photo figure {text-align:center;margin:50px 0;}
.quality-photo figure img {border:1px solid #ddd;}
.quality-photo figcaption {font-size:14px; font-weight: 700; font-family:"Noto Sans KR";text-align:center;color:#555;}


.career-photo figure {text-align:center;margin-bottom:30px}
.career-photo figure img {width:100%}
.career-photo3 figure img {width:100%}

h5.career_cont_caption {
	padding-left:8px;
	margin-bottom:20px;
	font-size:20px;
	line-height:25px;
	color:#000;
	font-weight:600;
	border-left:3px solid #396fbf;
}



.tablet_footer{ display:none; width:100%; padding:25px 25px 30px; text-align:center; }
.tablet_footer p.info{ float:none; line-height:22px; font-size:15px; color:#888; padding-left:0; }
ul.footer_language{ overflow:hidden; }
ul.footer_language li{ display:inline-block; line-height:18px; }
ul.footer_language li span{ padding-right:5px; }
ul.footer_language li.line{ padding:0 10px; }
ul.footer_language li a{ color:#494949; }




/*sub_menu*/
#sub_visual{
	width:100%; height:300px;
	min-width:1200px;
	position:relative;
	display:block;
	text-align:center;
}
#sub_visual.sub_visual01{
	background:url('../images/sub_visual01.jpg') no-repeat center;
	background-size:cover;
}
.sub_menu_wrap{
	width:100%;
	position:absolute;
	bottom:0; left:0;
}
#sub_visual h1{
	line-height:90px;
	font-size:40px;
	color:#fff;
	font-weight:700;
}
#sub_visual .menu_bar{
	height:50px;
	border-top:1px solid #ccc;
	background:rgba(0,0,0,0.4);
}
#sub_visual .menu_bar li{
	display:inline-block;
	line-height:50px;
	font-size:16px;
	padding:0 20px;
}
#sub_visual .menu_bar li a{ color:#ccc; }
#sub_visual .menu_bar li.active a{ color:#fff; }

/*sub_contents*/
.sub_contents{
	width:1200px;
	margin:70px auto 80px;
	position:relative;
	display:block;
}
h2.en_title{ font-family:'Arial'; }
/*sub_top*/
.sub_top{ text-align:center; font-family: 'Nanum Gothic'; }
.sub_top h2{  line-height:40px; font-size:32px; font-weight:600; }
.sub_top ul.menu_tab{ width:514px; height:42px; margin:12px auto 50px; }
.sub_top ul.menu_tab_about01{ width:514px; }
.sub_top ul.menu_tab_contact{ width:343px; }
.sub_top li{
	display:block;
	float:left;
	width:170px; height:40px;
	border:1px solid #ccc;
	text-align:center;
	line-height:40px;
	color:#888;
	background:#fff;
	cursor:pointer;
}
.sub_top li.left{ margin-left:-1px; }
.sub_top li.current{ background:#3160a5; color:#fff; }

.contents_note{
	padding:40px 60px 60px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.tab_note{ display:none; }
.tab_note.current{ display:block; }


/*table {
    border-top: 1px solid #CCCCCC;
}

table th {
    border-bottom: 1px solid #CCCCCC;
    background: #EEEEEE;
    text-align: center;
    font-size: 14px;
    width: 168px;
    padding: 20px;}

table td {
    border-bottom: 1px solid #CCCCCC;
    text-align: left;
    font-size: 14px;
    padding: 20px;
	vertical-align:middle;
}
table td input[type=text]{
	padding:5px;
}

table .noborder {border:0px;}*/


/* =============================
Sub page
============================= */
#content{
	width:100%; height:100%;
	position: relative;
	background: #fff;
	margin:0; padding-top:81px;
}
.sub_visual{ width:100%; }
.sub_visual_company{ /*회사소개*/
	background:url('../images/sub_visual10.jpg') no-repeat center;
	background-color:#000;
	background-size:cover;
}
.sub_visual_product{ /*제품소개*/
	background:url('../images/sub_visual02.png') no-repeat center;
	background-color:#000;
	background-size:cover;
}


.sub_visual_product_1{ /*Overhead Line*/
	background:#fff url('../images/eng_main_slide1.jpg') no-repeat center bottom;
	background-size:cover;
}

.sub_visual_product_2{ /*Underground*/
	background:#fff url('../images/eng_main_slide2.jpg') no-repeat center bottom;
	background-size:cover;
}

.sub_visual_product_3{ /*Substation*/
	background:#fff url('../images/eng_main_slide3.jpg') no-repeat center 80%;
	background-size:cover;
}

.sub_visual_product_4{ /*Metro/Railway*/
	background:#fff url('../images/eng_main_slide4.jpg') no-repeat center 60%;
	background-size:cover;
}

.sub_visual_product_5{ /*Nuclear Power Plant*/
	background:#fff url('../images/eng_main_slide5.jpg') no-repeat center 60%;
	background-size:cover;
}

.sub_visual_product_6{ /*Power IT*/
	background:#fff url('../images/eng_main_slide6.jpg') no-repeat center 60%;
	background-size:cover;
}

.sub_visual_contact{ /*고객센터*/
	background:url('../images/sub_visual07.jpg') no-repeat center;
	background-color:#000;
	background-size:cover;
}
.sub_visual_event{ /*회사소개*/
	background:url('../images/sub_visual101.jpg') no-repeat center;
	background-color:#000;
	background-size:cover;
}

.sub_visual_bg {
	display: block;
	background: url('../images/sub_visual_dot.png') repeat;
}
.sub_visual h2{
	font-size:50px;
	line-height:60px;
	font-weight:600;
	padding:120px 0;
	margin:0;
	color:#fff;
	text-align:center;
}

#content h1, h2, h3, h4, h5, h6{ margin:0; }

.Tcenter{ text-align:center !important; }
.container{ width:1200px; padding-left:0; padding-right:0;  }
.row{ margin-left:0; margin-right:0; }
.row2{ padding-left:0; padding-right:0; }
.container .sub_content{ border-left:1px solid #ddd; min-height:700px; }
.Cnote h4{ font-size:26px; line-height:32px; }
h3.sub_menu_title{
	padding:85px 20px 25px 20px;
	line-height:40px;
	font-size:30px;
	color:#213c63;
	font-weight:700;
	background-color:#eee;
}
.sub_menu_list, .MList { padding:0; }
.sub_menu_list .menu_name{
	display:block;
	line-height:24px;
	font-size:20px;
	padding:10px 20px;
	border-bottom:1px solid #ddd;
	cursor:pointer;
}
.sub_menu_list > li a{ color:#494949; }
.sub_menu_list .menu_name.active,
li.MList:hover .menu_name,
.sub_menu_list > li.active a{ color:#3160a5; font-weight:600; }
.MList > ul{ display:none; padding:15px 20px; border-bottom:1px solid #ddd; }
.MList > ul li{ display:block; line-height:20px; padding:5px 0; }
.MList > ul li a{ color:#777; }
.MList > ul li:hover a, .MList > ul li.active a{ color:#000; }

.content_note{ padding:0 0 80px 50px; }
h3.sub_title{ font-size:29px; color:#000; font-weight:700; }
h3.sub_title > ul{ display:table; height:30px; line-height:35px; }
h3.sub_title > ul > li{ display:table-cell; vertical-align: middle; text-align:left; font-size:20px; padding:5px 10px 5px 0px;  }
h3.sub_title > ul > li.title_icon{ height:38px; padding:5px 10px 5px 0; }
h3.sub_title > ul > li img{ display:block; width:26px;  }

.route{ width:100%; height:30px; font-size:14px; line-height:30px; margin:10px 0 45px; color:#777; }
.route .arrow{ padding:0 5px; }

/*=====about us=====*/
.greeting_headline{
	display:block;
	float:none;
	width:100%;
	padding:30px 30px 40px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background:url('../images/greeting_bg.png') no-repeat center;
	background-color:#222;
	background-size:cover;
	color:#fff;
}
.greeting_headline h4{  font-size:30px; line-height:36px; }
.greeting_headline p{ font-size:18px; line-height:26px; }
p.underline{ padding:30px 0; border-bottom:1px solid #ddd; display:block; clear:both}


.profile_box {
	border : 1px solid #ddd;
	text-align : center;
	padding : 20px;
	font-weight : 700;
	font-size : 21px;
	color:#213c63;
	background: url(../images/pattern-line.png) repeat;
    background-color: #eee;
}

.about_us_bt_img {
	margin-top:35px;
}
.about_us_bt_img img{
	max-width: 100%;
	height:auto;
}


.profile_icon li {float:left;}
/*.profile_icon::after{clear:both;content: "";display: block;} */

/*.profile_icon_1 {
	background: url(../images/profile_icon_1.png) no-repeat;
	height:
}*/


.profile_cont {
    padding: 30px 20px 30px;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.profile_cont h4 {font-size:21px; color:#213c63;font-weight: 600;}

/*vision*/
.vision_text h4{ color:#396fbf; font-weight:600; text-align:center; font-size:34px; line-height:42px; }
.vision_text h4 span.line{ display:block; width:80px; height:5px; background:#396fbf; margin:20px auto; }
.vision_text h4 span.subheading{ display:block; font-size:20px; color:#494949; text-align:center; line-height:28px; }
.vision_wrap ul{ overflow:hidden; }
.vision_wrap ul li{ display:table; margin:7px 0; }
li.vision span{
	display:table-cell;
	width:100%; height:120px;
	vertical-align:middle;
	padding:20px 15px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #ddd;
	background:url('../images/character_bg.png') repeat;
	background-color:#f8f8f8;
}
p.arrow{ font-size:50px; text-align:center; color:#396fbf; }
span.vision_img{ display:block; }
span.vision_img img{ display:block; width: 80%; margin:20px auto; }

/*=====product=====*/
ul.product_category{
	overflow:hidden;
	margin:0 auto;
	display:table;
	float:none;
	width:100%;
}
ul.product_category li{
	display:table-cell;
	margin-right: -1px;
	border:1px solid #ddd;
	font-size:19px;
	font-weight:600;
	line-height:24px;
	background:#f5f5f5;
	text-align:center;
	vertical-align:middle;
}
ul.product_category li a{ display:block; padding:13px 20px; }
ul.product_category li.current{ background:#4480ce; border:1px solid #4480ce; }
ul.product_category li.current a{ color:#fff;  }

.Scontents{ width:100%; position:relative; padding-top:50px; }
.product_explanation > span{ width:84%; position:absolute; top:40px;left:50%; margin-left:-42%; }
.product_explanation > div > img { width:100%;}
.Scontents_categnote .product_explanation span{ top:0; }
.product_explanation span img{ width:100%; }

.explanation{ margin-top:38%; padding:18% 30px 50px; background:#f5f5f5; }
.explanation03{ padding:20px 30px 50px; background:#f5f5f5; }
.explanation02{ padding-top:12%; }

.Scontents_categnote .explanation{ margin-top:35%; }
h4.productN{
	text-align:center;
	line-height:42px;
	font-size:36px;
	padding:10px 0;
	font-weight:600;
	color:#000;
}
h4.productN > span{ white-space:nowrap; }
h4.productN:after{
	content:'';
	display:block;
	width:60px; height:7px;
	margin:20px auto 15px;
	background:#396fbf;
}

/* float 된 속성을 부모 사이즈에 인식하기 위해 가상 선택자 추가 */
article:after{content:""; display: block; clear: both}

.Scontents p{ font-size:19px; line-height:28px; word-break:keep-all; }
.character_wrap { overflow:hidden; }
.character_wrap .character{
	display:block;
	min-height:210px;
	padding:30px;
	margin-bottom:14px;
	border:1px solid #ddd;
	text-align:center;
	background:url('../images/character_bg.png') repeat;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.character_wrap .character p{ margin-bottom:0; }
.character span.character_num{
	display:block;
	width:90px; height:96px;
	margin:0 auto;
	background:url('../images/character_num.png') no-repeat;
}
.character span.character_num.num01{ background-position:0 0; }
.character span.character_num.num02{ background-position:0 -96px; }
.character span.character_num.num03{ background-position:0 -192px; }
.character span.character_num.num04{ background-position:0 -288px; }
.character span.character_num.num05{ background-position:0 -384px; }
.character span.character_num.num06{ background-position:0 -480px; }
.character span.character_num.num07{ background-position:0 -576px; }
.character span.character_num.num08{ background-position:0 -672px; }
.character span.character_num.num09{ background-position:0 -768px; }
.character span.character_num.num10{ background-position:0 -864px; }
.character span.character_num.num11{ background-position:0 -960px; }
.character span.character_num.num12{ background-position:0 -1056px; }
.character_wrap02 .character{ min-height:230px; }
.character_wrap03 .character{ min-height:260px; }
.character_wrap .character01{ min-height:260px; }
.character_wrap .character02{ min-height:310px; }

.product_info{ overflow:hidden; }
.info_wrap{
	display:table;
	table-layout:fixed;
	width:100%;
	border:1px solid #ddd; height:100%;
}

.info_title{
	display:table-cell;
	float:none;
	padding:30px;
	background-color:#a8c8ea;
}
.info_title h5{ font-size:19px; line-height:28px; color:#fff; font-weight:600; text-align: left}
.info_note{
	display:table;
	float:none;
	width:100%;
	padding:30px 20px 30px 20px;
	font-size:18px;
	line-height:26px;
}
.info_note p{ font-size:18px; line-height:26px;  }
ul.info_list{
	margin: 0;
	display: table;
	table-layout: fixed;
}
ul.info_list li{ display: inline; display: table-cell; padding:5px; text-overflow: ellipsis; }
ul.info_list li.space{ width:15px;  }

/*chart style*/
h5.strapline{
	padding-left:8px;
	margin-bottom:20px;
	font-size:29px;
	line-height:30px;
	color:#000;
	font-weight:600;
	border-left:5px solid #396fbf;
	clear:both;
}
.ratings{
	position:relative;
	width:100%;
}
.ratings .table-responsive{ position:relative; }
.ratings table{ width:100%; border-bottom:1px solid #000; }
.ratings table th{
	padding:10px;
	color:#fff;
	font-size:17px;
	text-align:center;
	background:#999;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	vertical-align:middle;
}
.ratings02 table th{width:30%;}
.ratings table th.unberline{ border-bottom:1px solid #fff; }
.ratings table td{ text-align:center; padding:10px; border-right:1px solid #ddd; border-bottom:1px solid #aaa; vertical-align:middle; }
.ratings table th.chart_bg01{ background:#666; line-height:22px; }
.ratings table td.list{ background:#f5f5f5; border-right:1px solid #aaa; text-align:left; }

.ratings table td p {font-size:17px}
.ratings table td.Talign{ text-align:center !important; }
.ratings table td.line_right_none{ border-right:0 !important; }
.ratings table td span{ white-space:nowrap; }
p.Fcolor{ color:#aaa; font-size:18px; line-height:24px; }

.project > div{ overflow:hidden; position:relative; }
.project img{ display:block; width:100%; }

.table-responsive .table02 table th{ font-size:15px; letter-spacing:-0.5px; padding:10px 5px; line-height:20px; }
.table-responsive .table02 table td{ font-size:15px; letter-spacing:-0.5px; padding:10px 5px; line-height:20px; }

/*PowerIT*/
/*.PowerIT_wrap{
	overflow:hidden;
	display:table;
	table-layout:fixed;
	border-collapse: separate;
    border-spacing: 7px;
}
.PowerIT_wrap > div{ display:table-cell; float:none; height:100%; padding-left:0; }
.PowerIT_wrap .PowerIT_box{
	border:1px solid #ddd; height:100%; background:#f5f5f5;
}
.PowerIT_box span.PowerIT_img{
	display:block;
	min-height:420px;
	padding:50px;
	background:#fff;
}
.PowerIT_box span.PowerIT_img img{ display:block; width:100%; }
.explanationPIT{
	width:100%;
	padding:40px 20px;
	box-sizing:border-box;
}*/

.PowerIT_box_wrap{
	display:table !important;
	table-layout:fixed;
	width:100%;
	padding:0;
	border:1px solid #ddd;
	border-spacing:0;
}
.PowerIT_box_wrap > .PowerIT_img,
.PowerIT_box_wrap > .explanationPIT{ display:table-cell; vertical-align:middle; float:none; }
.PowerIT_box_wrap > .PowerIT_img{ width:42%; background:#fff; padding:30px 20px; }
.PowerIT_box_wrap > .PowerIT_img img{ display:block; width:100%; }
.PowerIT_box_wrap > .explanationPIT{ width:58%; padding:30px 25px; box-sizing:border-box; background:#f5f5f5; }

.explanationPIT ul{ display:table; padding:0; }
.explanationPIT ul li{ display:table-cell; padding:5px 0; text-align:left; }
.explanationPIT ul li:first-child{ padding-right:8px;  }

/*=====contact=====*/
/*문의하기*/
.infomation_form{
	position:relative;
	display:block;
	width:100%;
}
.infomation_form > h2{
	height:30px;
	line-height:30px;
	font-size:25px;
	text-align:center;
	font-weight:500;
}

.infomation_form table{ border-top:1px solid #ccc; margin-top:10px; }
.infomation_form th{
	padding:15px;
	background:#f5f5f5;
	font-weight:500;
}
.infomation_form th,
.infomation_form td{ border-bottom:1px solid #dedede; padding:12px 15px; }
.infomation_form td.send_btn{ text-align:center; padding:20px 0; }
.infomation_form .send_btn table{ border-top:0; border-bottom:0; padding:5px; }
.infomation_form input[type="text"]{
	height:29px;
	line-height:25px;
	padding:2px 5px;
	border:1px solid #aaa;
}
.infomation_form input[type="submit"]{
	cursor:pointer;
	padding:5px 20px;
	font-size:15px;
	background:#666;
	font-weight:600;
	border:0;
	color:#fff;
}
.infomation_form input[type="submit"]:hover{
	background:#25619E;
	border:0;
	color:#fff;
}
.infomation_form textarea{
	width:100%; height:250px; border:1px solid #aaa;
	padding:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}


.wrap_map{ height:450px !important; }
.map_info{ text-align:center; }
p.location_num span{
	white-space:nowrap;
	display:inline-block;
	margin:5px 10px;
}
p.location_num span i{  }


span.point_txt {color:#4480ce}
td.sfs {font-size:11px;}


/* 연혁 */


.new.year {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 10px;
    background-position: top right;
    background-repeat: no-repeat;
    background-image: url('/images/year-left.png');
}

.new.year.par {
    background-position: top left;
    background-repeat: no-repeat;
    background-image: url('/images/year-right.png');
    margin-top: 80px;
}

.new.year.impar {
    clear: both;
}

.new.year h2 {
    font-size: 25px;
    color: #00549e;
    margin: 0;
    line-height: 1em;
}

.year_content {
    padding: 0;
    margin: -15px 18px 0 0;
    clear:both;
    text-align: right;
}

.year_number {
    float: right;
    padding: 8px 0;
    margin-right: 57px;
    margin-left: 30px;
}

.par .year_content {
    margin: -10px 0 0 21px;
    text-align: left;
}


.par .year_number {
    float: left;
    margin-left: 59px;
    padding-bottom: 12px
}

.news.timeline {
    margin: 0 auto;
    float: none;
}

.bgr_timeline {
	margin-top:50px;
    overflow: auto;
    background-position: 50% 50px;
    background-repeat: repeat-y;
    background-image: url('/images/timeline.png');
}

.new p {
    font-size: 17px;
    margin: 10px 0;
}



.li_dot li::before{
	content: "• ";
	color:#006699;
}

.li_dot li{	padding-left:1.5em !important;	text-indent:-1.5em !important; }
/* =============================
Media queries
============================= */
@media (min-width:1200px) {
	#header{ display:block; }
	#tablet_menu{ display:none; }
}

@media screen and (max-width:1200px){

	/*=====header=====*/
	#header{ width:100%; }
	#navbar{ height:50px; }
	#header{ display:none !important; }
	#tablet_menu{
		position:relative;
		display:block;
		width:100%;
		height:50px;
	}
	#tablet_menu > div{ display:block; position:absolute; }
	#tablet_menu div.menu_list_btn{
		display:block; position:absolute;
		width:50px; height:50px;
		background:url('../images/tablet_menu_icon.png');
		top:0; left:0;
	}
	#tablet_menu > div.Hlogo{
		width:240px; height:50px;
		padding:11px 0;
		top:0; left:50%;
		margin-left:-58px;
	}
	#tablet_menu > div.Hlogo img{ display:block; height:30px}

	.language_select {
		background: #fafafa;
		border: 1px solid #ccc;
		cursor: pointer;
		overflow: hidden;
		padding: 0 10px 0 6px;
		position: absolute;
		top: 5px; right:10px;
		width: 70px;
		height: 38px;
		z-index: 500;
	}
	.language_select a {
		color: #494949;
		cursor: pointer;
		display:block;
	}
	.language_select ul {
		margin: 0;
		overflow: hidden;
	}
	.language_select li {
		display: block;
		line-height: 18px;
		padding: 10px 0;
		font-size:15px;
	}
	.language_select li img {
		display: block;
		float: left;
	}
	.language_select li img.lang_icon {
		padding:0 5px 15px 0;
	}
	.language_select li span {
		display: block;
		float: right;
		margin: 7px 0;
	}

	.footer{ display:none; }
	.tablet_footer{ display:block; }
	.tablet_footer p.info{ text-align:center; margin-bottom:20px; }
	.tablet_footer p.info span{ white-space:nowrap; display:inline-block; margin:0 5px; }
	#family_site{ display:block; margin:5px auto; min-width: 180px }

	/*main page*/
	#main_content{ padding-top:50px; }
	#slide_wrap{ height:500px; background-size:cover; }
	#slide_wrap > div{ width:100%; }

	#slide_wrap .main_slide .m_box { width:500px; left:50%; margin-left:-450px;}

	#prduct_slide_wrap > div{ width:100%; }

	.banner_wrap{ width:100%; margin:30px auto; padding:0 10px; }
	.banner_wrap > div{ padding:0 4px; }

	.footer{ width:100%; padding:25px 10px 30px; }

	/*sub page*/
	#content{ padding-top:50px; }

	.sub_menu { display:none; }
	.container{ width:100%; }
	.content_note{
		width:100%;
		padding:20px 15px 50px;
	}
	#Smenu_P{ width:100%; }

	.route{ margin-bottom:10px; }

	.explanation{
		padding-top:25%;
	}

	.explanation{ margin-top:35%; padding:22% 30px 50px; }
	.explanation02{ padding-top:12%; }

	.character_wrap .character{ min-height:270px; }

	.info_wrap{  overflow:none; height:auto; }
	.info_title{ position:relative; padding:15px; }
	.info_note{ float:none; }
	.Flogo > img {width:198px;}

}

@media screen and (max-width:1024px){
	.banner-slider{ height:450px !important; }
	#slide_wrap{ height:460px; background-size:cover; }
	.banner li.banner_text{ min-height:200px; }

	.sub_visual h2{ font-size:40px; padding:80px 0; }
	.info_wrap{ display:block; width:100%; }
	.info_title{ display:block; width:100%; }
	#slide_wrap .main_slide .m_box { width:100%; left:0; margin:0;}
}

@media screen and (max-width:767px){
	/* 연혁 { */
	.year_content {
        padding: 10px 0;
        clear: both;
        margin: -15px 0 0 0;
        text-align: right;
    }
    .par .year_content {
        padding: 10px 0;
        margin: -15px 0 0 0;
        text-align: left;
    }
    /* } 연혁 */
#slide_wrap .main_slide .m_box h4 {font-size:26px}
	#slide_wrap{ background-size:cover; }
	.main_slide > li{ width:100%; display:block !important; }
	.main_slide > li img{ margin:0 auto; width:80%; }

	/* 메인이미지 */
	#slide_wrap .bxslider li.slide1 { background-position: 60% center}
	#slide_wrap .bxslider li.slide2 { background-position: 90% center; background-size:cover;}


	#prduct_slide_wrap{ height:auto !important; padding:10px 0; }
	.productSlide .slid_text_box h4{ text-align:center; font-size:20px;letter-spacing: -1px}
	.productSlide .slid_text_box a{ margin:30px auto 0; }

	.vision_wrap ul li{ display:block; }
	.vision_wrap ul li span{ display:block; height:auto; text-align:center; }

	.banner_wrap{ width:100%;  }
	.banner_wrap > .space{ margin:10px 0; }
	.banner ul{ display:table; width:100%; }
	.banner ul li{ display:table-cell; width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.banner li.banner_text{ padding:30px; min-height:105px; letter-spacing:-0.5px; text-align:left;}
	.banner li img{ width:100%; display:block; }
	.PowerIT_box span.PowerIT_img{ min-height:0 !important; }


	ul.product_category li{
		display:block;
		width:100%;
		margin:4px 0;
	}

	.sub_visual h2{ font-size:34px; padding:35px 0; }

	.route{ display:none; }
	h4.productN{ font-size:36px; line-height:40px; }
	.ratings table{ width:100%; min-width:849px; overflow:scroll-x; }

	.character_wrap02 .character,
	.character_wrap03 .character,
	.character_wrap .character02,
	.character_wrap .character01,
	.character_wrap .character{ min-height:auto !important; }

	.info_title{ padding:10px 15px; }
	.info_title h5{ font-size:20px; line-height:24px; }
	.info_note{ padding:10px; }

	.PowerIT_box_wrap{  display:block !important; }
	.PowerIT_box_wrap > .PowerIT_img,
	.PowerIT_box_wrap > .explanationPIT{ display:block; width:100%; }
	.PowerIT_box_wrap > .PowerIT_img{ padding:30px; }
	.profile_icon li {width:25%}
	.profile_icon li img {width:100%}

	.career_cont .photo1 {width:100%;}

}

@media screen and (max-width:480px){
	#tablet_menu > div.Hlogo {
		width:160px;
		left:50%;
		margin-left:-75px;
	}
	.Flogo > img {}
	#bo_gall .gall_li {
		margin:0;
		float:none;
		width:100% !important;
	}
		#bo_gall .gall_con li {
			width:100% !important;
		text-align:center;
		margin:0 auto;
	}
	.chart_bg01 {width:30%;}
	#slide_wrap .main_slide .m_box h4 {font-size:26px}
	#slide_wrap .main_slide .m_box span {font-size:16px;line-height: 20px; text-align:left;}

	#slide_wrap .slide1 {
		background-position: 10% 20px;
	}
	#slide_wrap .slide2 { background-position:10% 20px;
	}

	.slid_text_box h4{  font-size:30px; line-height:35px; }
	.slid_text_box > span{ font-size:24px; }
	.main_slide > li img{ width:100%; }
	.slid_text_box ul li{ padding:2px 5px; text-align:left; }

	.banner ul{ display:block; overflow:hidden; }
	.banner ul li{ display:block; width:100%; }
	.banner li.banner_text{ padding:30px 15px; }
	.banner li img{ width:100%; display:block; }
	.banner_contact { padding:35px 10px 30px; }

	.footer_language{ display:none; }
	.tablet_footer p.info{ font-size:14px; line-height:18px; }

	.sub_visual h2{ font-size:25px; padding:20px 0; }

	.content_note{ padding:20px 10px 30px; }
	ul.product_category li{ 	font-size:18px; line-height:23px; }
	ul.product_category li a{ padding:10px; }

	h3.sub_title{ font-size:28px; }
	h3.sub_title > ul{ line-height:28px; }
	h3.sub_title > ul > li.title_icon{ height:40px; }
	h3.sub_title > ul > li img{ display:block; width:24px;  }

	.Cnote{ margin-top:20px; text-align:left;}
	.Scontents{ padding-top:20px; }
	.container .sub_content{ min-height:0; }

	span.vision_img img{ width: 100%; }

	.product_explanation span{ top:20px; width:100%; margin-left:-50%; }
	h4.productN{ font-size:30px; line-height:34px; }
	h4.productN > span{ margin-left:0; }
	.explanation{ padding-left:15px; padding-right:15px; padding-top:32%; }
	.Scontents p{ font-size:16px; line-height:24px; }
	.character_wrap, .product_info{ margin-top:20px; }

	.info_title{ padding:10px 15px; }
	.info_title h5{ font-size:20px; line-height:24px; }
	.info_note{ 	font-size:16px; line-height:24px; padding:20px 15px; }

	h5.strapline{ font-size:20px; line-height:24px; }

	.PowerIT_box_wrap > .PowerIT_img{ padding:30px 20px; }
	.PowerIT_box_wrap > .explanationPIT{ padding:30px 10px 40px; }

	#map_canvas,
	.wrap_map{ height:250px !important; }
	.map_info{ margin-top:30px; }
	.map_info h4{ font-size:17px; line-height:26px; }
	.profile_icon li {width:20%}
	.profile_icon li img {width:100%}
	.career_cont img {width:100%}

	.res_space07 {margin-top: 7px}
		.iemail1, .iemail2 {
		width: 93px;
	}
	.itel1, .itel2, .itel3 {
		width: 50px;
	}
	.idesc {
		width: 200px !important;
	}
	.infomation_form table th {
		width: 30%;
	}
	.ichumbu {
		width: 211px;
	}

}

@media screen and (max-width:360px){
		.iemail1, .iemail2 {
		width: 93px;
	}
	.itel1, .itel2, .itel3 {
		width: 50px;
	}
	.idesc {
		width: 200px !important;
	}
	.infomation_form table th {
		width: 30%;
	}
	.ichumbu {
		width: 211px;
	}
	.Main_Pslide .slid_text_box h4{ font-size:35px; line-height:38px; padding-bottom:12px; }
	.Main_Pslide .slid_text_box > span{ font-size:26px; line-height:30px; }
	.slid_text_box ul li{ font-size:18px; line-height:24px; }

	h3.sub_title{ font-size:20px; }
	h3.sub_title > ul{ line-height:26px; }
	h3.sub_title > ul > li.title_icon{ height:24px; }
	h3.sub_title > ul > li img{ display:block; width:20px;  }

	ul.product_category li{ 	font-size:16px; line-height:20px; }
	ul.product_category li a{ padding:8px; }

	h4.productN{ font-size:22px; line-height:28px; }
	h4.productN:after{ margin:15px auto 8px; }

	.PowerIT_box_wrap > .PowerIT_img{ padding:20px 10px; }


}

/* 최종파일 점검 */
.ls-1 {
	letter-spacing: -1px;
}




.li_dot li::before{
	content: "• ";
	color:#3F79C5;
	padding-left:5px;
}
.li_dot li {
	padding-left: 1.0em !important;
	text-indent: -1.0em !important;
}

.li_dot li a:hover {
	text-decoration: underline;
}


.mt30 { margin-top: 30px}
.mt40 { margin-top: 40px}
.mt50 { margin-top: 50px}
.mt60 { margin-top: 60px}
.mt70 { margin-top: 70px}
.mt80 { margin-top: 80px}
.mt90 { margin-top: 90px}
.mt100 { margin-top: 100px}
.mb15 { margin-bottom: 15px}
.mb20 { margin-bottom: 20px}
.mb30 { margin-bottom: 30px}
.mb40 { margin-bottom: 40px}
.mb50 { margin-bottom: 50px}
.mb70 { margin-bottom: 70px}