@charset "utf-8";
@import 'common.css';
/* Samsung UI Standardization Team */
/* login */
#login_container{width:700px;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);}
#login_wrap header{margin:0 auto 10px;position:relative}
.select_language{position:absolute;top:5px;right:0}
.select_language select{border:1px solid #cccccc;box-sizing:border-box;height:21px;border-radius:2px;padding:1px;width:80px}
.login_form fieldset, .img_wrap{height:250px;box-sizing:border-box}
.img_wrap{float:left;width:330px;padding:30px 20px 0;margin-right:20px;border-top:2px solid #f3f3f4;border-bottom:2px solid #f3f3f4;color:#676a82}
.img_wrap strong{display:block;font-weight:normal;font-size:24px;margin-bottom:10px}
.img_wrap p{font-size:13px;line-height:1.7em}
.login_form fieldset{background:#f3f3f4;float:right;width:350px;padding:20px;font-family:tahoma;border-radius:6px}
.login_form h2{height:0px;text-indent:-1000em}
.login_form dl{content:'';display:block;clear:both}
.login_form dt{display:none}
.login_form dd{margin-bottom:15px}
input[type="text"], input[type="password"]{border:1px solid #cccccc;box-sizing:border-box;height:34px;border-radius:3px; width:100%;line-height:28px;padding-left:10px;font-family:tahoma;font-size:12px}
input[type="text"]:active, input[type="text"]:focus, 
input[type="password"]:active, input[type="password"]:focus {border-color:#388ee5; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}
.save_id{margin:0 0 25px;color:#747474}
.save_id input{margin-right:5px}
.btn_login a{background:#66cccc;border-radius:4px;display:block;text-align:center;color:#fff;font-size:14px;padding:10px}
.btn_login a:hover{background:#4dbaba}
.find{text-align:center;margin:20px 0 0}
.find a{color:#747474}
.find a:hover{color:#454545}
.txt_en{font-family:tahoma}
.call{clear:both;padding-top:20px;text-align:center;font-family:tahoma}
.security_info{clear:both;color:#747474;font-size:11px;text-align:center;margin:20px 0 15px}
footer{position:relative;padding:15px 0 5px;font-family:tahoma;width:100%;box-sizing:border-box;font-size:.95em;color:#666}
footer p{padding:2px 0 5px 20px}


/*		//////////	2019년 B2B 개편 작업 	//////////		*/

legend{width:0;height:0;font-size:0;line-height:0;text-align:-9999px}
.main .visual_wrap{display:table;table-layout:fixed;position:relative;width:1280px;height:470px;margin:auto;margin-top:70px;background:url('../../images/neob2b/bg_box_1.png') no-repeat left top, url('../../images/neob2b/bg_box_2.png') no-repeat right top, url('../../images/neob2b/bg_box_3.png') no-repeat right bottom, url('../../images/neob2b/bg_box_4.png') no-repeat left bottom}
.main .visual_main{display:table-cell;width:100%;padding-left:120px;vertical-align:middle}
.main .visual_main > img{width:485px}
.main .login{position:absolute;top:50%;right:90px;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);width:280px;min-height:178px}
.main .login input,
.main .login button{box-sizing:border-box;appearance:none;-moz-appearance:none;-webkit-appearance:none}
.main .login .logo{height:20px;margin-bottom:10px;/*background:url('../../images/neob2b/logo_b2b_s.png') no-repeat center center;*/font-size:0; text-indent:-9999px}
.main .login input{padding:0 7px;margin-bottom:10px;border:0;border-bottom:1px solid #727272;border-radius:1px;background:none;font-size:13px}
.main .login ::placeholder{color:#151515}
.main .login :-ms-input-placeholder{color:#151515}
.main .login ::-ms-input-placeholder{color:#151515}
.main .login ::-webkit-input-placeholder{color:#151515}
.main .login button{width:100%;height:36px;/*line-height:34px;*/border:1px solid #727272;background:#fff;background-image:none;font-size:14px;overflow:hidden;cursor:pointer}
.main .login .login_link:after{display:block;content:'';clear:both}
.main .login .login_link a{margin-top:5px;color:#555}
.main .login .find_pw{float:left}
.main .login .sign_up{float:right}
.main .banner_wrap{width:1280px;margin:auto;text-align:right}
.main .banner_wrap ul li{display:inline-block}
.main .banner_wrap ul li a{display:inline-block;margin-left:10px;padding:10px 0;color:#555}
.main .banner_wrap ul li a:hover{text-decoration:underline}
.main .banner_wrap .iconset{display:inline-block;width:20px;height:16px;margin-right:3px;vertical-align:text-top;opacity:.7}
.main .banner_wrap .icon_bnr_biz{background:url("../../images/neob2b/icon_biz.png") no-repeat center center;background-size:20px}
.main .banner_wrap .icon_bnr_contact{background:url("../../images/neob2b/icon_contact.png") no-repeat center center;background-size:20px}
.main .banner_wrap .icon_bnr_reg{background:url("../../images/neob2b/icon_reg.png") no-repeat center center;background-size:20px}
