@charset "utf-8";

/* pjsuny 20131028 */

*{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:"돋움",dotum,helvetica,sans-serif;font-size:12px;color:#555555}
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 {
	}

.wrap {
	background:url(../../img/mainbg.gif) no-repeat top center; 
	width:100%; height:520px;
	margin:0 auto;
}

.header {
	width:1460px;
	height:365px;
	margin:0 auto;
	text-align:left;
}

.logo { 
	float:left;
	padding-top:15px;
}

.logo2 { 
	/* label
	width:1310px;
	text-align:central;
	float:central;
	padding-top:60px;
*/
	width:1310px;
	text-align:central;
	float:central;
	padding-top:20px;
}
.fla{ float:right; padding-top:34px; padding-right:75px; width:400px; height:100px;  }

.contwrap {
	width:100%;

}


.content {
	overflow:hidden;
	width:952px;
	margin:0 auto;
	padding-top:10px;

}

.content .contbox {
	float:left;
	height:170px;
	margin-right:8px;
	background:#ffffff;
	padding-left:28px;
	
}


.content .contbox h4{
	padding-bottom:7px;
}


.content .contbox .login {
	width:320px;
	height:120px;
	margin-bottom:8px;
	border:1px solid #d0cece;	
}


.content .contbox .login .inn{
	overflow:hidden;
	padding:15px 0 0 15px;
}

.content .contbox .login .inn .in{
	float:left;
	width:200px;
	margin-right:4px;
	margin-left:1px;

}

.content .contbox .login .inn .in .id{
	background:url(../../img/main_login_id.gif) no-repeat 0 5px;
	padding-left:68px;
	margin-bottom:4px;
}

.content .contbox .login .inn .in .pw{
	background:url(../../img/main_login_pw.gif) no-repeat 0 5px;
	padding-left:68px;
	margin-bottom:4px;
}

.content .contbox .login .inn .in .language{
	background:url(../../img/main_login_language.gif) no-repeat 0 5px;
	padding-left:68px; 
}

.content .contbox .login .inn .in input{
	width:129px;
	height:17px;
	background:#eeeeee;
	border:1px solid #c3c3c3;
}

.content .contbox .login .inn .in select{
	width:131px;
	height:19px;
	background:#eeeeee;
	border:1px solid #c3c3c3;
}

.content .contbox .login .inn .in .saveid{
	padding-left:68px;
	padding-top:6px;
	font-size:11px;
}

.content .contbox .login .inn .in .saveid input{
	width:13px;
	background:#ffffff;
	margin-right:5px;
	border:0px;
}

.content .contbox .login .inn .in .searchid{
	padding-left:68px;
	padding-top:6px;
	font-size:11px;
}

.content .contbox .login .inn .in .searchid a{
	color:#555555;
}

.content .contbox .login .inn .btn{
	float:left;
	width:64px;
}

.content .contbox .login .inn .btn a{
	display:block;
	padding-bottom:5px;
}

.content .contbox .login .inn .lgnbtm{
	float:left;
	width:230px;
	margin-right:1px;
	margin-left:68px;
	
}

.content .contbox .login .inn .login_check{ 
	clear:both;
	width:250px;
}



.content2 {
	width:364px;
	float:left;
	padding-left:5px;
}

.content2 .rawBanner{
	clear:both;

}


.content2 .rawBanner p {
	float:left;
	padding-right:15px;
}


.content3{
	width:210px;
	float:left;
	padding-left:5px;

}
.content3 .colBanner1{
	clear:both;
	padding-left:10px;
}

.content3 .colBanner1 img{
	float:left;
	padding-right:5px;
	padding-bottom:16px;
}
.content3 .colBanner2{
	clear:both;
}

.content3 .colBanner2 img {
	float:left;
	padding:0 3px;

}


.footer {
		/*overflow:hidden; 131030 삭제*/
	width:100%;
	height:85px;
	margin:0 auto;
	text-align:center;
		/*131031 추가*/
	background:url(../../img/main_footer_bg.png) repeat-x;
	padding-top:20px;

}

.footer .copyright {
	/*float:left;*/
	/*131031 추가*/
	padding-left:16px;
}

.footer .copyright img{
}


/*new login*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap');
.html-login {overflow: auto;}
.body-login {display: table; text-align: center;}
.wrap-login {font-family: 'Noto Sans KR', sans-serif; font-size: 12px; box-sizing: border-box; display: table-cell; text-align: center; vertical-align: middle;}
.contwrap-login {width: 923px; margin: 30px auto; text-align: left;}
.wrap-login .login-logo1 {text-indent: -999em; display: inline-block; width: 167px; height: 35px; background:url(../../img/login-logo-hankook.png) center center no-repeat;}
.wrap-login .login-formbox {margin-top: 14px; padding-left: 581px; background:url(../../img/login-bg.jpg) 0 0 no-repeat;}
.wrap-login .login-formbox .login-logo2 {text-indent: -999em; display: block; width: 143px; height: 36px; margin: 0 auto 32px; background:url(../../img/login-logo-gheps.png) center center no-repeat;}
.wrap-login .login-formbox .formbox {display: table; width: 100%; height: 372px; padding: 0 55px 0 45px; border: 1px solid #e5e5e5; box-sizing: border-box;}
.wrap-login .login-formbox .formbox > form {display: table-cell; vertical-align: middle;}
.wrap-login .formbox .tagbox {margin-top: 11px;}
.wrap-login .formbox .tagbox .tag {width: 100%; box-sizing: border-box;}
.wrap-login .formbox .tagbox .input {height: 38px; padding: 5px 10px; line-height: 28px; border: 1px solid #a5a5a5; background-color: #efefef;}
.wrap-login .formbox .tagbox .select {height: 38px; padding: 5px 10px; line-height: 28px; border: 1px solid #a5a5a5; background-color: #efefef; color: #a5a5a5;}
.wrap-login .formbox .chkbox {margin-top: 10px; margin-bottom: 12px;}
.wrap-login .formbox .chkbox input + label {margin-left: 3px; font-size: 11px; color: #999; cursor: pointer;}
.wrap-login .formbox .btnbox a {display: block; height: 38px; font-size: 14px; font-weight: 600; line-height: 28px; padding: 5px 0; text-align: center; color: #fff; background-color: #ee7c1c; border-radius: 4px; box-sizing: border-box; margin-top: 4px;}
.wrap-login .formbox .btnbox a:hover {background-color: #e4700e;}
.wrap-login .formbox .barbox {margin-top: 3px; text-align: center;}
.wrap-login .formbox .barbox a,
.wrap-login .formbox .barbox .bar {display: inline-block; vertical-align: middle;}
.wrap-login .formbox .barbox a {padding: 7px 0; font-size: 12px; letter-spacing: -1px; color: #898989;}
.wrap-login .formbox .barbox a:hover {color: #333;}
.wrap-login .formbox .barbox .bar {}
.wrap-login .formbox .barbox .bar::before {content:''; display: block; width: 1px; height: 9px; background-color: #d4d4d4;}

.wrap-login .tag::placeholder {color:#a5a5a5;}
.wrap-login .tag::-webkit-input-placeholder {color:#a5a5a5;}
.wrap-login .tag::-moz-placeholder {color:#a5a5a5;}
.wrap-login .tag:-ms-input-placeholder{color:#a5a5a5;}
.wrap-login .tag::-ms-input-placeholder{color:#a5a5a5;}

.wrap-login .iconText-linkbox {padding: 0 1px; margin-top: 16px; overflow: hidden;}
.wrap-login .iconText-linkbox ul {float: left; width: calc(50% - 1px); height: 106px; font-size: 0; text-align: left;}
.wrap-login .iconText-linkbox ul + ul {float: right; text-align: right;}
.wrap-login .iconText-linkbox ul li {border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #d4d4d4; border-left: 1px solid #d4d4d4; display: inline-block; font-size: 14px; width: 154px; height: 100%; box-sizing: border-box;}
.wrap-login .iconText-linkbox ul li {margin-left: -1px;}
.wrap-login .iconText-linkbox ul + ul li {margin-left: 0; margin-right: -1px;}
.wrap-login .iconText-linkbox ul li a {display: table; width: 100%; height: 100%; padding-top: 57px; padding-bottom: 17px; font-size: 14px; font-weight: 600; color: #707070; line-height: 15px; text-align: center; background-position: center 17px; background-repeat: no-repeat; box-sizing: border-box;}
.wrap-login .iconText-linkbox ul li a:hover {color: #000; background-color: #f7f7f7;}
.wrap-login .iconText-linkbox ul li a span {display: table-cell; vertical-align: middle;}
.wrap-login .iconText-linkbox ul li a.icon1 {background-image: url(../../img/login-icon-1.png);}
.wrap-login .iconText-linkbox ul li a.icon2 {background-image: url(../../img/login-icon-2.png);}
.wrap-login .iconText-linkbox ul li a.icon3 {background-image: url(../../img/login-icon-3.png);}
.wrap-login .iconText-linkbox ul li a.icon4 {background-image: url(../../img/login-icon-4.png);}
.wrap-login .iconText-linkbox ul li a.icon5 {background-image: url(../../img/login-icon-5.png);}
.wrap-login .iconText-linkbox ul li a.icon6 {background-image: url(../../img/login-icon-6.png);}

.wrap-login .text-linkbox {margin-top: 3px;}
.wrap-login .text-linkbox ul {text-align: center;}
.wrap-login .text-linkbox ul li {display: inline-block;}
.wrap-login .text-linkbox ul li + li {position: relative; padding-left: 5px;}
.wrap-login .text-linkbox ul li + li::before {content:''; display: block; width: 1px; height: 9px; background-color: #d4d4d4; position: absolute; left: 0; top: 9px;}
.wrap-login .text-linkbox ul li a {display: block; letter-spacing: -1px; font-size: 12px; color: #898989; padding: 5px;}
.wrap-login .text-linkbox ul li a:hover {color: #000;}

.wrap-login .icon-linkbox {margin-top: 3px;}
.wrap-login .icon-linkbox ul {text-align: center;}
.wrap-login .icon-linkbox ul li {display: inline-block; vertical-align: top; width: 31px; height: 31px;}
.wrap-login .icon-linkbox ul li a {border-radius: 31px; text-indent: -999em; display: block; background-repeat: no-repeat; background-position: center center; width: 100%; height: 100%;}
.wrap-login .icon-linkbox ul li a:hover {border: 2px solid #ee7c1c; box-sizing: border-box;}
.wrap-login .icon-linkbox ul li .icon1 {background-image: url(../../img/login-lang-1.png);}
.wrap-login .icon-linkbox ul li .icon2 {background-image: url(../../img/login-lang-2.png);}
.wrap-login .icon-linkbox ul li .icon3 {background-image: url(../../img/login-lang-3.png);}

.wrap-login .iconText-linkbox + .icon-linkbox {margin-top: 15px;}

.wrap-login .footer-login {margin-top: 30px; text-align: center;}
.wrap-login .footer-login p {color: #666;}