@charset "utf-8";

/* 마일리지 결제 인증 : */
#mileage_camp {width:580px; border:3px solid #036fba; background-color:#ffffff; padding-bottom:30px;}
#mileage_camp h3 {
    width:530px;
    height:32px;
    margin:0 auto;
    position:relative;
    border-bottom:2px solid #0b4ca0;
    padding-top:20px;
    text-indent:0px;
}
#mileage_camp h3 p.close    { position:absolute; top:20px; right:0px; }
#mileage_camp div.copy  { 
    width:520px;
    height:40px;
    margin:0 auto 15px auto;
    background-color:#fafafa;
    border-bottom:1px solid #d9d6d6;
    padding:9px 0 0 10px;
}
#mileage_camp div.copy2 { 
    width:520px;
    height:60px;
    margin:0 auto 15px auto;
    background-color:#f8f8f8;
    border-bottom:1px solid #cfcfcf;
    padding:9px 0 0 10px;
}
#mileage_camp div.mileage_box {
    width:530px;
    margin:0 auto; 
}
#mileage_camp div.mileage_box table {width:100%; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5;}
#mileage_camp div.mileage_box table th {background-color:#fbfbfb; border-right:1px solid #e5e5e5;}
#mileage_camp div.mileage_box table td {padding:10px;}
#mileage_camp div.mileage_box div.txt {color:#245fb3;}
#mileage_camp div.mileage_box div.txt span {display:inline-block; text-indent:20px;}
#mileage_camp div.notice {
    background-color:#f8f8f8; 
    border:1px solid #cfcfcf;
    padding:10px 0 8px 10px;
    margin-bottom:10px;
    position:relative;
}
#mileage_camp div.notice .btn01 { position:absolute; right:10px; top:33px; }
#mileage_camp div.notice ol li { font-size:11px; }
#mileage_camp div.notice ol li span.col01 { color:#bd2f00; }
#mileage_camp div.con_01 {
    width:455px;
    margin:0 auto;
}
#mileage_camp div.con_01 ul li.r1 { width:210px; height:160px; float:left; background:url('/resources/image/design/campaign/mileage_bg_01.gif') no-repeat left top; }
#mileage_camp div.con_01 ul li.r2 { width:210px; height:160px; float:right; background:url('/resources/image/design/campaign/mileage_bg_01.gif') no-repeat left top; }
/*기존 이미지 타이틀 방식*/
#mileage_camp div.con_01 .tit { height:38px; text-align:center; padding:10px 0 0 0; }
/*신규 텍스트 타이틀 방식 참고 http://design2.itembay.co.kr/certify/certify_03.asp*/
#mileage_camp div.con_01 .tit2{ height:20px; text-align:center; padding:8px 0 0 0; background-color:#264189; color:#ffffff; font-weight:bold; margin:6px; }
#mileage_camp div.con_01 .txt { width:173px; height:62px; margin:0 auto; line-height:17px; }
#mileage_camp div.con_01 .btn { text-align:center; }
#mileage_camp div.con_01 .col01 { color:#bf2c01; font-weight:bold; }
#mileage_camp div.con_01 .txt .btn_center { padding-top:5px; }
#mileage_camp .col02 {color:#666666;}

/* IB 보안 캠페인 레이어 : */
#campaign   {
    width:742px;
    border:4px solid #373737;
    background-color:#ffffff;
}
#campaign h3 {
    width:727px;
    margin:13px auto 0 auto;
    position:relative;
}
#campaign h3 p.close { position:absolute; top:5px; right:15px; }
#campaign div.copy { 
    text-align:center;
    padding:7px 0 0 0;
}
#campaign div.btn01 { text-align:center; }
#campaign div.btn_center { text-align:center; }


/* IB 보안 캠페인 레이어 : 첫화면 */
#campaign div.sec_box {
    padding:0 23px 20px 23px;
}
#campaign div.sec_box p.name_box {
    height:40px;
    margin:0 auto;
    color:#1e1e1el;
    font-size:14px;
    line-height:20px;
    font-weight:bold;
    background:url('/resources/image/design/campaign/security_bg_01.gif') no-repeat left top;
    padding:10px 0 0 15px;
}
#campaign div.sec_box p.name_box span.name { color:#183893; }
#campaign div.sec_box p.name_box span.use  { color:#bf0709; }
#campaign div.sec_box p.txt01 {
    height:55px;
}

#campaign div.sec_box ul {
    width:696px;
    height:148px;
    margin:0 auto;
}
#campaign div.sec_box ul li { width:228px; float:left; position:relative; }
#campaign div.sec_box ul li.r2, #campaign div.sec_box ul li.r3 { margin-left:6px; }
#campaign div.sec_box ul li div.check {
    position:absolute;
    top:13px;
    left:50px;
}
#campaign div.sec_fot {
    color:#666666;
    font-weight:bold;
    background-color:#e0e0e0;
    padding:11px 0px 8px 15px;
    position:relative;
}
#campaign div.sec_fot .f_right { position:absolute; top:5px; right:5px; }


/* 보안 서비스 의무화 캠페인 페이지 */
#campaign div.body_sub {
    width:696px;
    margin:0 auto;
    padding:20px 0;
}
#campaign div.body_sub h6 { height:23px; }
#campaign div.body_sub div.tab {
    height:59px;
    background:url('/resources/image/design/campaign/security_tab_bg.gif') repeat-x left top;
}
#campaign div.body_sub div.tab ul li { float:left; padding-right:2px; }
#campaign div.body_sub div.info_01  { margin-bottom:10px; }
#campaign div.body_sub div.info_02  { 
    color:#888888; 
    font-size:11px; 
    line-height:15px;
    padding:0 0 7px 13px;
}
#campaign div.body_sub div.info_03  { 
    color:#275fbf; 
    padding:10px 0 0 0;
}
#campaign div.body_sub div.info_03 input.check { margin:0 2px 3px 15px; }
#campaign div.body_sub div.info_04  { 
    width:696px;
    position:relative;
    padding:5px 0 20px 0;
}
#campaign div.body_sub div.info_04 div.box { width:553px; height:27px; padding:6px 0 0 13px; position:absolute; top:0px; right:0px; background:url('/resources/image/design/campaign/security_09.gif') no-repeat left top; color:#555555; font-weight:bold; }
#campaign div.body_sub div.info_04 div.box input.check { margin:0 3px 3px 8px; }
#campaign div.body_sub div.info_04 div.box .bar { padding:0 0 0 30px; background:url('/resources/image/design/campaign/bar_01.gif') no-repeat 10px top; }


#campaign div.body_sub div.secu_write {
    margin-bottom:20px; 
    border-top:2px solid #333333;

}
#campaign div.body_sub table.secu_write {
    width:100%;
    table-layout:fixed;
}
#campaign div.body_sub table.secu_write th, #campaign div.body_sub table.secu_write td { text-align:left; vertical-align:top; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
#campaign div.body_sub table.secu_write th      { background-color:#f9f9f9; padding:10px 0 6px 15px; }
#campaign div.body_sub table.secu_write td      { padding:10px 0 7px 15px;  }
#campaign div.body_sub table.secu_write tr.wr th    { padding:10px 0 5px 15px; }
#campaign div.body_sub table.secu_write tr.wr td    { padding:6px 0 4px 15px; }
#campaign div.body_sub table.secu_write .fst    { border-left:0px; }
#campaign div.body_sub table.secu_write .spce   { border-left:0px; line-height:0px; font-size:0px; height:10px; padding:0px; }
#campaign div.body_sub table.secu_write td div.txt01 { position:relative; }
#campaign div.body_sub table.secu_write td div.txt02 { position:absolute; left: 180px; top:2px; color:#888888; font-size:11px; line-height:14px; }
#campaign div.body_sub table.secu_write tr.wr td div.txt02 { top:5px; }
#campaign div.body_sub span.col01 { color:#f31e1e; font-weight:bold; }
#campaign div.body_sub span.col02 { color:#555555; font-weight:bold; }
#campaign div.body_sub span.col03 { color:#888888; font-size:11px; padding-left:10px; }
#campaign div.body_sub .texton  { margin-bottom:3px; }
#campaign div.body_sub .check02 { margin-bottom:4px; margin-left:6px; }
#campaign div.body_sub select { height:20px; color:#888888; font-size:11px; margin-bottom:3px; }


/* 마일리지 결제 인증 보안강화 레이어 : 2013-10-15 위찬우 추가*/
.popup_bg {display:none; width:100%;height:100%;background:#000;position:absolute;top:0;left:0;filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;z-index:1006; _width:0px; _height:0px;}
.mileage_camp01 {width:400px;height:246px;border:2px solid #0b4ca0;background-color:#ffffff; position:absolute; z-index:1007; top:50%; left:50%; margin:-135px 0 0 -175px;display:none;}
.mileage_camp01 div.pop_table01{ border:none; padding:10px 0 0 0;}
.mileage_camp01 table.pop_table01{ margin:10px 0 0 0; border-top:1px solid #cfcfcf;}
#mileage_camp02{width:370px; height:390px; margin:-195px 0 0 -175px;}
#mileage_camp03{width:370px; height:200px; margin:-100px 0 0 -175px;}
.mileage_camp01 h3 {width:351px;height:22px;margin:0 auto;position:relative;border-bottom:1px solid #036fba;padding:20px 0 10px 0;}
.mileage_camp01 h3 p.close	{position:absolute;top:20px;right:0px;}
.mileage_camp01 div.copy	{width:351px;margin:0 auto 15px auto;padding:9px 0 0 10px;font-size:11px;}
.mileage_camp01 div.copy span.txt	{color:#f65d00;}
.mileage_camp01 div.copy01	{width:351px;margin:0 auto 15px auto;padding:9px 0 0 10px;font-size:11px;letter-spacing:-1px;}
.mileage_camp01 div.copy01 span.txt	{color:#f65d00;}
.mileage_camp01 div.mileage_box {width:351px;margin:0 auto;}
.mileage_camp01 div.mileage_box table.pop_table01 {width:351px;margin:0 auto;}
.mileage_camp01 div.mileage_box table.pop_table01 th {width:351px;margin:0 auto;background-color:#fbfbfb;text-align:left;padding-left:19px;}
.mileage_camp01 div.mileage_box table.pop_table01 td {width:351px;margin:0 auto;padding:4px 0 4px 19px; border-left:1px solid #cfcfcf;}
.mileage_camp01 div.mileage_box table.pop_table01 td.img {padding:14px 0 10px 5px;}
.mileage_camp01 div.mileage_box table.pop_table01 td span.txt {color:#f31e1e;font-size:11px;}
.mileage_camp01 div.box01 ul {background:url('/resources/image/design/campaign/i_mileage_bg_01.gif') no-repeat }
.mileage_camp01 div.box01 ul li p.txt{text-align:center;padding:10px 2px 2px 2px;height:36px;}
.mileage_camp01 div.box01 ul li div.tit{text-align:center;padding-bottom:5px;}
.mileage_camp01 div.box01 ul li span.col01{text-align:center;padding:10px 2px 2px 2px;color:#f02131;font-weight:bold;}
.mileage_camp01 div.notice {background-color:#fafafa;border:1px solid #e8e8e8;padding:10px 0 8px 10px;margin-top:10px;margin-bottom:10px;position:relative;}
.mileage_camp01 div.notice .btn01 {position:absolute;right:10px;top:33px;}
.mileage_camp01 div.notice ol li {color:#282828;font-size:11px;}
.mileage_camp01 div.notice ol li.r1 {text-align:right;padding:2px 6px 0 6px;}
.mileage_camp01 div.notice ol li span.col01 {color:#f65d00;}
.mileage_camp01 div.con_01 {width:455px;margin:0 auto;}
.mileage_camp01 div.notice02 {margin-top:20px;margin-bottom:20px;}
.mileage_camp01 div.notice02 ol li {color:#888888;padding:0 0 2px 8px;background:url('/resources/image/auth/bull_03.gif') no-repeat left 5px;font-size:12px;}
.mileage_camp01 div.notice02 ol li span.r1 {color:#f65d00;letter-spacing:-1px;}
.mileage_camp01 div.con_01 ul li.r1 {width:210px;height:160px;float:left;background:url('/resources/image/design/campaign/mileage_bg_01.gif') no-repeat left top;}
.mileage_camp01 div.con_01 ul li.r2 {width:210px;height:160px;float:right;background:url('/resources/image/design/campaign/mileage_bg_01.gif') no-repeat left top;}
.mileage_camp01 div.con_01 .tit {height:38px;text-align:center;padding:10px 0 0 0;}
.mileage_camp01 div.con_01 .txt {width:170px;height:62px;margin:0 auto;color:#333333;line-height:17px;}
.mileage_camp01 div.con_01 .btn {text-align:center;}
.mileage_camp01 div.con_01 .col01 {color:#f02131;font-weight:bold;}
.mileage_camp01 div.con_01 .txt .btn_center {padding-top:5px;}
.mileage_camp01 .cerify_08{float:left; margin:5px 0 0 0;}
#mileage_camp p.mileage_close	{position:absolute;top:23px;right:28px;}
.mileage_box p.mileage_close	{position:absolute;top:20px;right:17px;}

/* 마일리지 결제 인증 : */
#mileage_camp_new {width: 587px;height: 569px;border:3px solid #0b4ca0;background-color:#ffffff;}
#mileage_camp_new h3 {width:530px;height:32px;margin:0 auto;position:relative;border-bottom:2px solid #0b4ca0;padding-top:20px;text-indent:0px;}
#mileage_camp_new .close    { position:absolute; top:20px; right:30px; }
#mileage_camp_new div.copy  { width:520px;height:40px;margin:0 auto 15px auto;background-color:#fafafa;border-bottom:1px solid #d9d6d6;padding:9px 0 0 10px;}
#mileage_camp_new div.copy2 { width:520px;height:60px;margin:0 auto 15px auto;background-color:#f8f8f8;border-bottom:1px solid #cfcfcf;padding:9px 0 0 10px;}
#mileage_camp_new div.certify_box {width:530px;margin:0 auto;}
#mileage_camp_new div.notice {background-color:#f8f8f8; border:1px solid #cfcfcf;padding:10px 0 8px 10px;margin-bottom:27px;position:relative;}
#mileage_camp_new div.notice .btn01 { position:absolute; right:10px; top:33px; }
#mileage_camp_new div.notice ol li { color:#666666; font-size:11px; }
#mileage_camp_new div.notice ol li span.col01 { color:#666666; }
#mileage_camp_new div.box2set {width:455px;margin:0 auto;}
#mileage_camp_new div.box2set ul li.r1 { width:210px; height:160px; float:left; background:url('/resources/image/design/campaign/mileage_bg_01.gif') no-repeat left top; }
#mileage_camp_new div.box2set ul li.r2 { width:210px; height:160px; float:right; background:url('/resources/image/design/campaign/mileage_bg_01.gif') no-repeat left top; }
/*신규 텍스트 타이틀 방식 참고 http://design2.itembay.co.kr/certify/certify_03.asp*/
#mileage_camp_new div.box2set .tit { height:20px; text-align:center; padding:8px 0 0 0; background-color:#264189; color:#ffffff; font-weight:bold; margin:6px; }
#mileage_camp_new div.box2set .tit2{ height:20px; text-align:center; padding:8px 0 0 0; background-color:#264189; color:#ffffff; font-weight:bold; margin:6px; }
#mileage_camp_new div.box2set .txt { width:173px; height:62px; margin:0 auto; line-height:17px; }
#mileage_camp_new div.box2set .btn { text-align:center; }
#mileage_camp_new div.box2set .col01 { color:#bf2c01; font-weight:bold; }
#mileage_camp_new div.box2set .txt .btn_center { padding-top:5px; }
#mileage_camp_new div.box2set .col01 { color:#be2d00; font-weight:bold; }
#mileage_camp_new div.box2set .col02 {color: #888888;}