@charset "utf-8";

/* browser reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, fieldset, legend, input, select, button, textarea, p, blockquote ,th ,td, a {margin:0; padding:0; font-family:arial, tahoma, sans-serif; font-size:12px; line-height:1.0em; color:#444;}
form {margin:0; padding:0;}
input, select {vertical-align:middle;}
table {table-layout:fixed; border-collapse:collapse; border-spacing:0;}
th {text-align:center; font-weight:bold;}
td {text-align:center;}
hr {display:none;}
br {padding:0; margin:0; letter-spacing:0;}
fieldset, img {padding:0; margin:0; border:0;}
del, ins {text-decoration:none;}
label {cursor:pointer;}
sup, sub {font:10px arial, helvetica, sans-serif;}
li {list-style-type:none;}
a, a:link, a:visited, a:active, a:focus {color:#0094e5; text-decoration:none;}
/*20151104---┐*/
/*a:hover {color:#ff6600; text-decoration:none;}*/
a:hover  { text-decoration: none; opacity: 0.87; color: #339900; } /*#fff;   1:빨간색 #ff0000    노란색  #ffff00 */   
/*20151104---┘*/
h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal;}
q:before, q:after {content:"";}
abbr, acronym {border:0; font-variant:normal;}
em, cite, address {font-style:normal;}
table caption, legend {display:none;}
nav, hgroup, article, section {display:block;}
button:focus {outline: 0; }

/* Add class */
.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}
.clear {clear:both !important;}
.block {display:block !important;}
.bgnone {background:none !important;}
.brdnone {border:none !important;}
.mgnone {margin:0 !important;}
.pdnone {padding:0 !important;}
.pdlnone {padding-left:0 !important;}
.pdl5 {padding-left:5px !important;}
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.mgt5 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt30 {margin-top:30px !important;}
.mgr5 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgl20 {margin-left:20px !important;}
.layoutFL {overflow:hidden;}
.layoutFL li {float:left; width:48%;}
.layoutFL li:first-child {margin-right:5px;}
.valignTop {vertical-align:top;}
.w50 {width:50px;}
.w200 {width:200px;}
.size98p {width:98% !important;}
.size99p {width:99% !important;}
.imgW100p {width:100%; height:auto; }
.pstRlt { position: relative; }
.pstAsl { position: absolute; }


/******* for Common Header SP/DP *********/ 
/*20151104---┐*/

/*heaer_sp*/
/*.header .logo.sp a {display:inline-block; width:100%; height:100%; background:url(../images/common/logo_sp.png) 0 45% no-repeat; text-indent:-9999px;}*/
.header .logo.sp a {display:inline-block; width:148px; height:100%; background:url(../images/common/u_logo.png) 0 45% no-repeat; text-indent:-9999px;}

/*.header .logo.sp.fortest a {display:inline-block; width:100%; height:100%; background:url(../images/common/logo_fortest_sp01.png) 0 45% no-repeat; text-indent:-9999px;}*/
.header .logo.sp.fortest a {display:inline-block; width:100%; height:100%; background:url(../images/common/u_logo_test2.png) 0 45% no-repeat; text-indent:-9999px;}
/*//heaer_sp*/

/*heaer_dp*/
/*.header .logo.dp a {display:inline-block; width:100%; height:100%; background:url(../images/common/logo_dp.png) 0 45% no-repeat; text-indent:-9999px;}*/
.header .logo.dp a {display:inline-block; width:100%; height:100%; background:url(../images/common/logo_dp.png) 0 45% no-repeat; text-indent:-9999px;}

/*.header .logo.dp.fortest a {display:inline-block; width:100%; height:100%; background:url(../images/common/logo_fortest_dp01.png) 0 45% no-repeat; text-indent:-9999px;}*/
.header .logo.dp.fortest a {display:inline-block; width:100%; height:100%; background:url(../images/common/u_logo_test2.png) 0 45% no-repeat; text-indent:-9999px;}
/*//heaer_dp*/

/*20151104---┘*/

/******* for Common Login/Logout *********/ 


/* login */
.login_wrap {position:relative; min-height:538px; height:100%; text-align:center;}
.login_wrap .inner {position:absolute; top:50%; left:50%; width:871px; margin:-270px 0 0 -430px;}
.login_wrap .inner:after {content:""; display:block; clear:both;}
.login_wrap .header { height: 40px; background: none; }
.login_wrap .header .logo { width: 320px; margin-top: 7px; margin-left: 7px; }
.login_wrap .header .logo a {background:url(../images/common/logo_b.png) 0 0 no-repeat; width:309px; height:31px;}
.login_wrap .header .logo.fortest a {background:url(../images/common/logo_b_fortest.png) 0 0 no-repeat; width:309px; height:31px;}
.login_wrap .header .logo.sd a {background:url(../images/common/logo_b_sd.png) 0 0 no-repeat;}
.login_wrap .header .logo.sd.fortest a {background:url(../images/common/logo_b_fortest_sd.png) 0 0 no-repeat; width:309px; height:31px;}
.login_wrap .container {position:static; width:888px; height:469px; padding:0; background:url(../images/common/login_bg.png) 0 0 no-repeat; text-align:left;}   /* 구주 bg*/
.login_wrap .container.login2 {position:static; width:888px; height:469px; padding:0; background:url(../images/common/login2_bg.png) 0 0 no-repeat; text-align:left;}  /* 미주 bg*/
.login_wrap .container.loginsd {position:static; width:888px; height:469px; padding:0; background:url(../images/common/login_bg_sd.png) 0 0 no-repeat; text-align:left;}  /* 미주 bg*/
/*login_sp*/
.login_wrap .header .logo.sp a {background:url(../images/common/logo_b_sp.png) 0 0 no-repeat;}
.login_wrap .header .logo.sp.fortest a {background:url(../images/common/logo_b_fortest_sp.png) 0 0 no-repeat; width:309px; height:31px;}
.login_wrap .container.loginsp { position: static; width: 874px; height: 456px; padding: 0; background: url(../images/common/login_bg_sp.png) 0 0 no-repeat; text-align: left; }  /* sales portal bg*/
/*//login_sp*/
/*login_dp*/
.login_wrap .header .logo.dp a {background:url(../images/common/logo_b_dp.png) 0 0 no-repeat;}
.login_wrap .header .logo.dp.fortest a { background: url(../images/common/logo_b_fortest_dp.png) 0 0 no-repeat; width: 300px; height: 29px; }
.login_wrap .container.logindp { position: static; width: 874px; height: 456px; padding: 0; background: url(../images/common/login_bg_dp.png) 0 0 no-repeat; text-align: left; }  /* digital plaza bg*/
.ht{ height: 180px !important; }
/*//login_dp*/
.login_wrap .container article { width: 262px; margin: 0; }
.login_wrap .container section {margin:0 20px 15px; padding:10px 8px 0; background:url(../images/common/line_divide.gif) 0 top repeat-x;}
.login_wrap .container section:after {content:""; display:block; clear:both;}
.login_wrap .container section:first-child { padding: 30px 8px 5px; background: none; height: 180px; }
.login_wrap .container section.ts {padding:20px 8px 5px; height:100px;}
.login_wrap .container section.ts2 {padding:85px 8px 5px; background:url(../images/common/login_img.png) right 135px no-repeat;}
.login_wrap .container section.ts2 dl {background:none;}
.login_wrap .container section.ts2 dt {color:#415c7e; font-size:1.6em; padding-bottom:15px; border-bottom:1px dashed #c6d4e6;}
.login_wrap .container section.ts2 dd {color:#415c7e; font-size:1.1em; padding-top:5px;}
.login_wrap .container section.ts2 .inputBox {position:relative;}
.login_wrap .container section.ts2 input[type="text"].fl {width:100%; height:30px; font-size:1.1em;}
.login_wrap .container section.ts2 .src_btn.fr {position:absolute; top:0; right:-2px;}
.login_wrap .container section.ts2 .src_btn a {width:33px; height:32px; background:url(../images/common/login_btn_src2.png) 0 0 no-repeat; text-indent:-9999px;}
.login_wrap .container section:first-child input[type="text"] {position:relative; height:25px; margin-bottom:4px; font: bold 15px/25px Arial, Candana, Tahoma; color:#222;}
.login_wrap .container section:first-child input[type="password"] {position:relative; height:25px; margin-bottom:8px; font: bold 20px/23px Arial, Candana, Tahoma; color:#222;}
.login_wrap .container section label {font-size:11px;}
.login_wrap .container section:first-child .login_btn {margin-top:20px;}
.login_wrap .container section:first-child .login_btn a {display:block; height:39px; padding-left:32px; background:url(../images/common/login_btn_f.png) 0 0 no-repeat; font:bold 15px/39px arial; color:#fff; text-decoration:none;}
.login_wrap .container section:first-child .login_btn a span {display:block; float:none; height:39px; padding-right:31px; background:url(../images/common/login_btn_e.png) right 0 no-repeat; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.login_wrap .container section:first-child .login_btn a em {display:inline-block; float:left; width:25px; height:39px; background:url(../images/common/login_icon.png) 0 8px no-repeat; vertical-align:middle;}
.login_wrap .container section .rgst_btn { margin-top: 10px; text-align: right; margin-right: 5px; }
.login_wrap .container section .rgst_btn a { font-size: 11px; color: #F00; }
.login_wrap .container section dl {padding-bottom:15px; background:url(../images/common/login_img.png) right bottom no-repeat;}
.login_wrap .container section dt {margin-bottom:10px; font:normal 16px/normal Segoe UI, Candara, arial; color:#222;}
.login_wrap .container section dd {margin-left:1px; font-size:11px; line-height:1.3em;}
.login_wrap .container section input[type="text"],
.login_wrap .container section input[type="password"] {width:100%; height:20px; text-indent:8px; border-width:1px; border-type:solid; border-color:#a9bed3 #cedae8 #cedae8 #a9bed3; line-height:20px; border-radius:2px 0 0 2px;}
.ie8 .login_wrap .container section input[type="text"],
.ie8 .login_wrap .container section input[type="password"] {border-radius:2px 0 0 2px; behavior:url(js/PIE.htc);}
.login_wrap .container section:first-child input[type="text"],
.login_wrap .container section:first-child input[type="password"] {border-radius:4px;}
.login_wrap .container section .src_btn a {display:inline-block; width:34px; height:22px; background:url(../images/common/login_btn_src.gif) 0 0 no-repeat; text-indent:-9999px;}
.login_wrap .container section input[type="text"].fl {width:160px; font: bold 12px/18px Arial, Candana, Tahoma; color:#222;}
.login_wrap .container section .src_btn.fr {margin-top:0;}
.login_wrap .footer { display: inline-block; float: right; height: 21px; margin-top: 8px; margin-right: 25px; background: url(../images/common/login_logo.png) no-repeat right 0; font-size: 12px; color: #888; line-height: 21px; padding-right: 80px; }
.login_wrap .container article section .noti {position:absolute; bottom:-38px;}
.login_wrap .container article section .noti .txt3 {font: normal 11px/12px Arial, Candana, Tahoma; color:#99b4f7; }

/* tip icon */
.tip {background:url(../images/ico/tip.png) 0 0 no-repeat; margin-top:3px; height:13px;} 
.tip a em.account {background: no-repeat 0 0; width:13px;}
.tip a {display:inline-block; margin:0 0 0 4px; padding-left:15px; font: normal 11px/12px Arial, Candana, Tahoma; color:#007bd1;}
.tip span {border-bottom:1px solid #aac3e3;}

/* logout */
.login_wrap .container_logout {position:static; width:888px; height:469px; padding:0; background:url(../images/common/logout_bg.png) 0 0 no-repeat; text-align:left;}
.login_wrap .container_logout.logout2 {position:static; width:888px; height:469px; padding:0; background:url(../images/common/logout2_bg.png) 0 0 no-repeat; text-align:left;}
/*logout_dp*/
.login_wrap .container_logout.logoutdp{ position: static; width: 874px; height: 456px; padding: 0; background: url(../images/common/logout_bg_dp.png) 0 0 no-repeat; text-align: left; }
.login_wrap .container_logout.logoutdp article section.txtbox {padding:160px 0 0 61px;}
.login_wrap .container_logout.logoutdp article section.noti { margin: 18px 0 0 10px; padding: 8px 130px 0 55px; }
/*//logout_dp*/
/*logout_sp*/
.login_wrap .container_logout.logoutsp{ position: static; width: 874px; height: 465px; padding: 0; background: url(../images/common/logout_bg_sp.png) 0 0 no-repeat; text-align: left; }
.login_wrap .container_logout.logoutsp article section.txtbox {padding:160px 0 0 61px;}
.login_wrap .container_logout.logoutsp article section.noti { margin: 18px 0 0 10px; padding: 8px 130px 0 55px; }
/*//logout_sp*/
.login_wrap .container_logout article {width:568px; margin:0;}
.login_wrap .container_logout article section.txtbox {padding:240px 0 0 100px;}
.login_wrap .container_logout article section.txtbox .txt1 {font: bold 18px/20px Arial, Candana, Tahoma; color:#042052;}
.login_wrap .container_logout article section.txtbox .txt2 {font: bold 14px/36px Arial, Candana, Tahoma; color:#175fe2;}
.login_wrap .container_logout article section.txtbox .txt2 .btn {vertical-align:top;}
.login_wrap .container_logout article section.noti {margin:87px 0 0 30px; padding: 0 70px;}
.login_wrap .container_logout article section.noti .txt3 {font: normal 11px/12px Arial, Candana, Tahoma; color:#99b4f7;}