@charset "utf-8";

@import url("globalLG.css");

/* pjsuny 20140206 */

/* 

*{margin:0;padding:0;}


html,body{width:100%;height:100%}

html{overflow-y:scroll}
body,h1,h2,h3,h4,h5,h6,th,td,input,textarea,select,option{color:#555;font-family:NanumGothic,"나눔고딕",dotum,helvetica,sans-serif;font-size:12px;}
img{border:0 none;}
table{border-collapse:collapse}
ul,ol,li{list-style:none;}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
a{color:#6d6d6d;text-decoration:none}
a:hover,a:active,a:focus{color:#222222} 
textarea{overflow:auto; margin:0; padding:0}
option{padding-right:6px}
hr{display:none}

body {	
	background:url('../img/bg.png') repeat;
}

.wrap {	
	width:100%;
	height:100%;
}

.error {
	width:230px;
	padding-left:5px;
	margin-top:120px;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #db0000;
	background-color: #ffffff;
	border-color: #db0000;
}

.loginArea {
	position:absolute;
	left:50%;
	top:50%;
	overflow:hidden;
	width:703px;
	height:375px;
	margin:-250px 0 0 -350px;
	background:url('../img/login_bg.png') no-repeat;
}

.loginArea .titleArea {
	float:left;
	width:250px;
	padding-top:60px;
	padding-left:50px;
}

.loginArea .titleArea img {
}

.loginArea .titleArea p {
	padding-top:15px;
	padding-left:5px;
	color:#999999;
	font-size:13px;
}

.loginArea .inputArea {
	float:left;
	padding-top:55px;
	padding-left:47px;
}

.loginArea .inputArea ul {
}

.loginArea .inputArea ul li {
	overflow:hidden;
	width:300px;
	height:30px;
	padding:3px 0;
	background:url('../img/input_bg.png') no-repeat 90px 0;
}

.loginArea .inputArea ul li .label {
	display:block;
	float:left;
	width:90px;
	padding-top:5px;
	color:#555555;
	font-size:13px;
}

.loginArea .inputArea ul li input {
	float:left;
	width:189px;	
	height:15px;
	margin-left:3px;
	padding:5px;
	font-size:13px;	
	border:0;
}

.loginArea .inputArea ul li select {
	float:left;
	width:199px;	
	height:25px;
	margin-left:3px;
	padding:5px;
	font-size:13px;	
	border:0;
}

.loginArea .inputArea input.btn {
	padding-top:12px;
}

.loginArea .inputArea p.find {
	background:url(../img/bull_crose.png) no-repeat 10px 5px; 
	padding-left:22px;
	margin-top:5px;
}

.footer {
	position:absolute;
	bottom:0;
	width:100%;
	padding-top:0;
	padding-bottom:20px;
	text-align:center;
}

*/


html {overflow-y:scroll;}
body {background:#ffffff;}
input[type=checkbox], input[type=radio], span {vertical-align:middle; }
h2 {overflow:hidden; position:absolute; left:10000px}

.pd0 {padding : 0px 0px 0px 0px}

.pd10 {padding:10px}
.pdt15 {padding-top:15px}
.pdt38 {padding-top:38px}
.pdr6 {padding-right:6px}
.pdr30 {padding-right:30px}
.mgt5 {margin-top:5px;}
.mgt1 {margin-top:1px;}
.mgt15 {margin-top:15px;}
.mgt20 {margin-top:20px;}
.mgt22 {margin-top:22px;}
.mgt30 {margin-top:30px}
.mgt40 {margin-top:40px}
.mgt58 {margin-top:58px}
.mgl5 {margin-left:5px}
.mgl8 {margin-left:8px}
.mgl10 {margin-left:10px}
.mgl15 {margin-left:15px}
.mgl38 {margin-left:38px}
.mgl140 {margin-left:140px}
.mgl148 {margin-left:148px}
.mgr12 {margin-right:12px}
.mgr20 {margin-right:20px}
.mgr25 {margin-right:25px}
.mgr30 {margin-right:30px}
.mgb6 {margin-bottom:6px}
.mgb8 {margin-bottom:8px}
.bdr1 {border-right:1px solid #ebebeb}
.txtRd {color:#d7237c}
.txtBl {color:#0076a3}

.wrap {position:relative; width:100%}
.header {width:990px; height:75px; margin:0 auto;}
.container {width:100%; border-top:3px solid #c40452; border-bottom:1px solid #d7d7d7}
.footer {width:990px; margin:0 auto }

.header { overflow:hidden}
.header h1 {float:left;}
.header .language {float:right;}
.header .language button {cursor:pointer;outline: none;}
.header .language button.default {overflow:hidden; display:block; width:150px; height:25px; color:#666; font-weight:bold; line-height:-5px; background:url('../imgLg/arrow_down.png') no-repeat 142px 13px;}
.header .language button.on {text-decoration:none; background:url('../imgLg/arrow_up.png') no-repeat 142px 13px; line-height:-5px; color:#c40452;}
.header .language ul {width:128px; position:absolute; left:50%; top:47px; margin-left:342px; border:2px solid #c40452; background:#fff; }
.header .language li {display:block;clear:both;width:128px;height:27px;text-align:center;border-bottom:1px solid #e3e3e3;font-weight:normal;line-height:27px;}
.header .language li a {display:block;width:128px;height:27px;background-color:#fff;}
.header .language li a:hover, .header .language li a:focus {background:#f1f1f1; text-decoration:none;}
.container .visual {width:100%; height:350px; text-align:center;}/*20160129수정*/
.container .sectionBg {width:100%; height:207px; background:url('../imgLg/bg_section2.png') repeat-y top center}
.container .section1 {overflow:hidden; width:990px; height:185px; margin:0 auto;}
.container .section2 {overflow:hidden; width:990px; margin:0 auto; }
.container .pannel {float:left}
.container .pannel h3 {font-size:20px; letter-spacing:-2px}
.container .login {overflow:hidden; width:343px; height:185px; }
.container .login .loginBox {overflow:hidden}
.container .login .loginBox .inputBox {display:inline-block; float:left; width:182px}
.container .login .loginBox .inputBox li {position:relative}
.container .login .loginBox .inputBox input {width:180px; height:24px; border:1px solid #ccc; padding-left:5px; padding-top:4px}
.container .login .loginBox .inputBox input.hidden {display: none;}
.container .login .loginBox .inputBox label {position:absolute; top:6px; left:10px; color:#9b9b9b}
.container .login .loginBox a {display:inline-block; float:left}
.container .login .option {clear:both; overflow:hidden;}
.container .login .option li {float:left; letter-spacing:-1px}
.container .login .option li input[type=checkbox] {border:0}
.container .regist {width:341px; height:185px; background:url('../imgLg/bg_regist.png') no-repeat 180px 36px}
.container .newbiz {width:302px; height:185px; background:url('../imgLg/bg_newbiz.png') no-repeat 170px 36px}
.container .notice {position:relative; width:343px; height:207px;}
.container .notice .more {position:absolute; top:35px; right:30px}
.container .notice li {overflow:hidden; line-height:30px;}
.container .notice li a {float:left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 240px;}
.container .notice li span {float:right}
.container .shortCut {width:343px; height:207px; background:#f5f5f5}
.container .shortCut ul {overflow:hidden; padding:18px 20px}
.container .shortCut li {float:left; width:67px; height:65px; text-align:center; padding:10px 17px }

.container .callNum {width:302px; height:103px; background:#fff url('../img/bg_callnum.png') no-repeat 50px 35px}
.container .callNum .num {font-size:25px; color:#c20033; font-weight:bold; letter-spacing:-1px}
.container .sell {width:302px; height:103px; background:url('../img/bg_sell.png') no-repeat 40px 35px}
.container .sell .txt {font-size:25px; line-height:100%; color:#333; font-weight:bold; letter-spacing:-1px; background:url('../img/arrow_bnn.png') no-repeat 125px 45px}
/*
.container .callNum {width:302px; height:207px; background:url('../imgLg/bg_callnum.png') no-repeat 25px 46px}
.container .callNum .num {font-size:25px; color:#c20033; font-weight:bold; letter-spacing:-1px}
.container .callNum a {font-weight:bold; text-decoration:none; }
.container .callNum a:hover, .container .callNum a:focus {color:#000}
*/

.footer {overflow:hidden}
.footer .copyright {float:left; overflow:hidden}
.footer .copyright li {float:left}
.footer .copyright li a {font-weight:bold; text-decoration:none; }
.footer .copyright li a:hover, .footer .copyright li a:focus {color:#000}
.footer .copyright li.add {color:#898989; font-size:11px; line-height:16px}
.footer .bizEthics {padding-left:20px; float:left; overflow:hidden}
.footer .bizEthics li {float:left}
.footer .bizEthics li a {font-weight:bold; text-decoration:none; }
.footer .bizEthics li a:hover, .footer .bizEthics li a:focus {color:#000}
.footer .bizEthics li.add {color:#898989; font-size:11px; line-height:16px}

/* 메인 이미지 슬라이드 20160129추가 */
#slides {display:none; width:100%; height:350px; margin:0 auto; position:relative}
#slides .slidesjs-navigation {position:absolute; top:320px; left:50%; margin-left:-25px}
a.slidesjs-next,a.slidesjs-previous,a.slidesjs-play,a.slidesjs-stop {display:block;width:33px;height:26px;overflow: hidden;text-indent: -9999px;float: left;margin-right:5px;}
a.slidesjs-next {display:none;}
a.slidesjs-previous {display:none;}
a.slidesjs-play {position:absolute;left:900px;top:3px;z-index:100;width:6px; height:12px;padding:3px 18px 3px 0;background:url(../imgLg/arrow_img_play.png) no-repeat center center;}
a.slidesjs-stop {position:absolute;left:900px;top:3px;z-index:100;width:6px; height:12px;padding:3px 18px 3px 0;background:url(../imgLg/arrow_img_stop.png) no-repeat center center;}
.slidesjs-pagination {position:absolute;left:50%;top:323px;z-index:100;list-style: none;}
.slidesjs-pagination li {float: left;margin: 0 2px;}
.slidesjs-pagination li a {display: block;width: 12px;height: 0;padding-top: 12px;background: url(../imgLg/arrow_img_off.png) no-repeat left top;float: left;overflow: hidden;}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {background: url(../imgLg/arrow_img_on.png) no-repeat left top;}
#slides a:link,#slides a:visited {color: #333}
#slides a:hover,#slides a:active {color: #9e2020}

.main_img1{width:100%; height:350px; background:url(../imgLg/basic.png) no-repeat top center;}
.main_img2{width:100%; height:350px; background:url(../imgLg/material.png) no-repeat top center;}
.main_img3{width:100%; height:350px; background:url(../imgLg/battery.png) no-repeat top center;}
.main_img4{width:100%; height:350px; background:url(../imgLg/it.png) no-repeat top center;}

.main_img1_cn{width:100%; height:350px; background:url(../imgLg/basic_cn.png) no-repeat top center;}
.main_img2_cn{width:100%; height:350px; background:url(../imgLg/material_cn.png) no-repeat top center;}
.main_img3_cn{width:100%; height:350px; background:url(../imgLg/battery_cn.png) no-repeat top center;}
.main_img4_cn{width:100%; height:350px; background:url(../imgLg/it_cn.png) no-repeat top center;}

.main_img1_global{width:100%; height:350px; background:url(../imgLg/basic_global.png) no-repeat top center;}
.main_img2_global{width:100%; height:350px; background:url(../imgLg/material_global.png) no-repeat top center;}
.main_img3_global{width:100%; height:350px; background:url(../imgLg/battery_global.png) no-repeat top center;}
.main_img4_global{width:100%; height:350px; background:url(../imgLg/it_global.png) no-repeat top center;}