@charset "utf-8";

/* 마일리지 결제 인증 : */
#layer_boxnew {position:relative; width:587px; height:569px; border:3px solid #036fba; background-color:#fff}
#layer_boxnew h3 {width:541px; height:32px; margin:0 auto; position:relative; border-bottom:1px solid #036fba; padding-top:20px; text-indent:0px}
#layer_boxnew h3 p.close {position:absolute; top:20px; right:0px}
#layer_boxnew div.copy {width:531px; margin:0 auto 15px auto; background-color:#f8f8f8; border-bottom:1px solid #cfcfcf; padding:9px 0 9px 10px}
#layer_boxnew div.copy2	 {width:541px; height:60px; margin:0 auto 15px auto; background-color:#fafafa; border-bottom:1px solid #d9d6d6; padding:9px 0 0 10px}
#layer_boxnew div.box1set {width:210px; margin:0 auto; margin-bottom:20px}
#layer_boxnew div.box1set ul li.r1 { width:210px; height:142px; float:left; border:#cfcfcf 1px solid; margin-right:10px; }
#layer_boxnew div.box1set ul li.r2 { width:210px; height:142px; float:right; border:#cfcfcf 1px solid; }
#layer_boxnew div.box1set p.tit { height:28px; line-height:28px; text-align:center; background-color:#264189; color:#ffffff; font-weight:bold; margin:6px; }
#layer_boxnew div.box1set p.txt { margin:0 auto; color:#666666; padding-left:10px; padding-bottom:5px; height:65px; }
#layer_boxnew div.box1set p.txt span.txtp { text-align:center; margin:0 auto; color:#be2d00;  padding-bottom:5px; font-weight:bold;  }
#layer_boxnew div.box1set p.txt span.txtp a {color:#be2d00; }
#layer_boxnew div.box1set p.btn { text-align:center}
#layer_boxnew div.box2set {width:434px; margin:0 auto; margin-bottom:20px}
#layer_boxnew div.box2set ul li.r1 { width:210px; height:142px; float:left; border:#cfcfcf 1px solid; margin-right:10px; }
#layer_boxnew div.box2set ul li.r2 { width:210px; height:142px; float:right; border:#cfcfcf 1px solid; }
#layer_boxnew div.box2set p.tit { height:28px; line-height:28px; text-align:center; background-color:#264189; color:#ffffff; font-weight:bold; margin:6px; }
#layer_boxnew div.box2set p.txt { margin:0 auto; color:#666666; padding-left:10px; padding-bottom:5px; height:65px; }
#layer_boxnew div.box2set p.txt span.txtp { text-align:center; margin:0 auto; color:#be2d00;  padding-bottom:5px; font-weight:bold;  }
#layer_boxnew div.box2set p.txt span.txtp a {color:#be2d00}
#layer_boxnew div.box2set p.btn { text-align:center}
#layer_boxnew div.box3set {width:536px;	margin:0 auto; margin-bottom:10px}
#layer_boxnew div.box3set ul li.r1 { width:170px; height:142px; float:left; border:#cfcfcf 1px solid; margin-right:10px; }
#layer_boxnew div.box3set ul li.r2 { width:170px; height:142px; float:right; border:#cfcfcf 1px solid; }
#layer_boxnew div.box3set p.tit { height:28px; line-height:28px; text-align:center; background-color:#264189; color:#ffffff; font-weight:bold; margin:6px; }
#layer_boxnew div.box3set p.txt { margin:0 auto; color:#666666; padding-left:10px; padding-bottom:5px; height:65px; }
#layer_boxnew div.box3set p.txt span.txtp { text-align:center; margin:0 auto; color:#be2d00;  padding-bottom:5px; font-weight:bold;  }
#layer_boxnew div.box3set p.txt span.txtp a {color:#be2d00; }
#layer_boxnew div.box3set p.btn { text-align:center}
#layer_boxnew div.notice {width:529px; background-color:#f8f8f8; border:1px solid #cfcfcf; padding:10px 0 8px 10px;	margin-bottom:10px;	margin-left:23px}
#layer_boxnew div.notice ol li { color:#666666; font-size:11px; }
#layer_boxnew div.notice ol li span.col01 { color:#be2d00; }
#layer_boxnew div.btn_center { position:absolute; top:500px; left:0px; text-align:center; width:587px; }
#layer_boxnew div.btn_center02 { position:absolute;left:0px; text-align:center; width:587px; }
#layer_boxnew_hfree {position:relative;	width:587px; border:3px solid #036fba; background-color:#ffffff}
#layer_boxnew_hfree h3 {width:541px; height:32px; margin:0 auto; position:relative;	border-bottom:1px solid #036fba; padding-top:20px; text-indent:0px}
#layer_boxnew_hfree h3 p.close { position:absolute; top:20px; right:0px; }
#layer_boxnew_hfree div.copy {width:531px; margin:0 auto 15px auto;	background-color:#f8f8f8; border-bottom:1px solid #cfcfcf; padding:9px 0 9px 10px}
#layer_boxnew_hfree div.copy2 {width:541px;	height:60px; margin:0 auto 15px auto; background-color:#fafafa; border-bottom:1px solid #d9d6d6; padding:9px 0 0 10px}
#layer_boxnew_hfree div.box1set {width:210px; margin:0 auto; margin-bottom:15px}
#layer_boxnew_hfree div.box1set ul li.r1 { width:210px; height:142px; float:left; border:#cfcfcf 1px solid; margin-right:10px; }
#layer_boxnew_hfree div.box1set ul li.r2 { width:210px; height:142px; float:right; border:#cfcfcf 1px solid; }
#layer_boxnew_hfree div.box1set p.tit { height:28px; line-height:28px; text-align:center; background-color:#264189; color:#ffffff; font-weight:bold; margin:6px; }
#layer_boxnew_hfree div.box1set dl { color:#666666; padding:5px 10px 0 10px; height:65px;  }
#layer_boxnew_hfree div.box1set dd {  text-align:center; }
#layer_boxnew_hfree div.box1set dd span {color:#be2d00; font-weight:bold}
#layer_boxnew_hfree div.box1set p.btn { text-align:center}
#layer_boxnew_hfree div.box2set {width:434px; margin:0 auto; margin-bottom:15px}
#layer_boxnew_hfree div.box2set ul li.r1 { width:210px; height:142px; float:left; border:#cfcfcf 1px solid; margin-right:10px; }
#layer_boxnew_hfree div.box2set ul li.r2 { width:210px; height:142px; float:right; border:#cfcfcf 1px solid; }
#layer_boxnew_hfree div.box2set p.tit { height:28px; line-height:28px; text-align:center; background-color:#264189; color:#ffffff; font-weight:bold; margin:6px; }
#layer_boxnew_hfree div.box2set dl {color:#666666; padding:5px 10px 0 10px; height:60px}
#layer_boxnew_hfree div.box2set dd {  text-align:center; }
#layer_boxnew_hfree div.box2set dd span {color:#be2d00; font-weight:bold}
#layer_boxnew_hfree div.box2set p.btn { text-align:center}
#layer_boxnew_hfree div.box3set { width:536px; margin:0 auto; margin-bottom:15px}
#layer_boxnew_hfree div.box3set ul li.r1 { width:170px; height:142px; float:left; border:#cfcfcf 1px solid; margin-right:10px; }
#layer_boxnew_hfree div.box3set ul li.r2 { width:170px; height:142px; float:right; border:#cfcfcf 1px solid; }
#layer_boxnew_hfree div.box3set p.tit { height:28px; line-height:28px; text-align:center; background-color:#264189; color:#ffffff; font-weight:bold; margin:6px; }
#layer_boxnew_hfree div.box3set dl { color:#666666; padding:5px 7px 0 7px; height:65px;  }
#layer_boxnew_hfree div.box3set dd {  text-align:center; }
#layer_boxnew_hfree div.box3set dd span {color:#be2d00; font-weight:bold}
#layer_boxnew_hfree div.box3set dd a {color:#be2d00; font-weight:bold}
#layer_boxnew_hfree div.box3set p.btn { text-align:center}
#layer_boxnew_hfree div.notice {width:529px; background-color:#f8f8f8; border:1px solid #cfcfcf; padding:10px 0 8px 10px; margin-bottom:10px; margin-left:23px}
#layer_boxnew_hfree div.notice ol li { color:#666666; font-size:11px; }
#layer_boxnew_hfree div.notice ol li span.col01 { color:#be2d00; }
#layer_boxnew_hfree div.btn_center { text-align:center; width:587px; padding-top:10px; padding-bottom:20px; }

/* 20141223 스마트페이 (백채원) */
#layer_boxnew_hfree span.smartPay_fnt11 { font-size:11px; }
#layer_boxnew_hfree p.sTitle { font-weight:bold; padding:20px 0 6px 0;color:#333}
#layer_boxnew_hfree p.agree_checkBox { font-weight:bold; padding:5px 0 5px 0;color:#666}
#layer_boxnew_hfree span.sTitleN { font-weight:normal}
div.smartPay_list {width:530px;margin:0 auto}
table.smartPay_list {width:100%;table-layout:fixed}
table.smartPay_list th {color:#666;font-size:12px;font-weight:bold;background-color:#f9f9f9;border-top:1px solid #e6e6e8;border-bottom:1px solid #e6e6e8;border-left:1px solid #e6e6e8;padding:9px 0 6px 0}
table.smartPay_list td {border-bottom:1px solid #e6e6e8;border-left:1px solid #e6e6e8;padding:9px 0 5px 15px}
table.smartPay_list .fst {border-left:0px}
table.smartPay_list tr.center td {text-align:center;padding:9px 0 5px 0px}

/* 20150311 200% 보상제 추가 (신예니) */
#layer_boxnew_hfree div.indemnify { width:541px; margin:0 auto; background-color:#fff; padding:10px 0 0 0; }
#layer_boxnew_hfree div.indemnify ul li.r1 { font-weight:bold; color:#be2d00; }
#layer_boxnew_hfree div.indemnify ul.notice { width:519px; height:40px; background-color:#f8f8f8; border:1px solid #cfcfcf; padding:10px; margin:10px 0; }
#layer_boxnew_hfree div.indemnify ul.notice li.r2 { float:left; width:15px; padding-top:2px; } 
#layer_boxnew_hfree div.indemnify ul.notice li.r3 { float:right; width:490px; } 
#layer_boxnew_hfree div.indemnify div.btn { text-align:center; padding-top:10px; padding-bottom:20px; }
#layer_boxnew_w761 { position:absolute; top:400px; width:755px; height:840px; border:3px solid #036fba; background-color:#ffffff; display: none}
#layer_boxnew_w761 h3 { width:715px; height:32px; margin:0 auto; position:relative; border-bottom:1px solid #036fba; padding-top:20px; text-indent:0px}
#layer_boxnew_w761 h3 p.close { position:absolute; top:20px; right:0px; }
#layer_boxnew_w761 p.box { padding-top:20px; padding-left:20px}
.layer_boxnew_safebay {position:absolute; width:400px; border:3px solid #036fba; background-color:#ffffff; left:356px; top:190px; z-index:9999}
.layer_boxnew_safebay h3 {width:90%; height:32px; margin:0 auto; position:relative; border-bottom:1px solid #036fba; padding-top:20px; padding-bottom:5px; text-indent:0px}
.layer_boxnew_safebay h3 p.close { position:absolute; top:20px; right:0px; }
.layer_boxnew_safebay div.safebay { width:90%; margin:0 auto; background-color:#fff; padding:10px 0 0 0; }
.layer_boxnew_safebay div.safebay ul li.r1 { padding-top:10px;padding-bottom:15px}
.layer_boxnew_safebay div.safebay ul li.r2 { background-color:#f3f4f9;height:38px;padding:10px 0 0 30px;font-size:11px;text-align:left}
.layer_boxnew_safebay div.safebay ul li.r2 span { color:#036fba;font-weight:bold}
.layer_boxnew_safebay div.safebay ul li.r3 { padding-top:15px; }
.layer_boxnew_safebay div.safebay div.btn { text-align:center; padding-top:20px; padding-bottom:20px; }

/* 클린캠페인 연락처 제한 작업 20150518 김혜미 */ 
div.clean_popup p.top_tit {margin:30px 25px 20px; font-weight:bold}
div.clean_popup div.box2set {width:530px !important; height:155px}
div.clean_popup ul li {width:168px; height:148px; float:left; border:#cfcfcf 1px solid; padding-bottom:10px; margin-left:10px; position:relative}
div.clean_popup ul li:first-child {margin-left:0}
div.clean_popup ul li p.btn {position:absolute; bottom:10px; width:100%}
div.clean_popup ul li span.font_11 {letter-spacing:-0.05em}

/* 정지해제신청 - 아이디 보호조치 해제 후 비밀번호변경 20150911 김혜미 */
div.holdingclear {width:640px; padding:20px; height:405px; border:3px solid #036fba; background-color:#ffffff}
div.holdingclear h3 {height:32px; position:relative; border-bottom:1px solid #036fba; padding-bottom:5px; text-indent:0px}
div.holdingclear h3 p.close {position:absolute; top:0px; right:0px}
div.holdingclear div.con01 {background:#fafafa; padding:0 10px 15px; border-bottom:1px solid #d5d3d3; margin-bottom:20px}
div.holdingclear div.con01 h4 {padding-top:15px; color:#036fba}
div.holdingclear div.con01 ul li {color:#666; padding-left:10px; font-size:11px; background:url('/resources/image/design/service/bull_01.gif') no-repeat left 7px}
div.holdingclear div.con01 ul li span {text-decoration:underline}
div.holdingclear div.list_tab03 td {padding:0 0 0 10px}
div.holdingclear div.list_tab03 td span {color:#888; font-size:11px}
div.holdingclear div.list_tab03 td input {margin-right:10px}

/* LOL 제재조치 공지 20151008 백채원 */
#layer_div_lolnotice {width:587px; border:3px solid #036fba; background-color:#ffffff}
#layer_div_lolnotice h3 {width:541px;height:32px;margin:0 auto;position:relative;border-bottom:1px solid #036fba;padding-top:20px;text-indent:0px}
#layer_div_lolnotice h3 p.close	 { position:absolute; top:20px; right:0px; }
#layer_div_lolnotice div.lolnotice { width:541px; margin:0 auto; background-color:#fff; padding:10px 0 0 0; }
#layer_div_lolnotice div.lolnotice ul.notice { width:519px; background-color:#f8f8f8; border:1px solid #cfcfcf; padding:10px; margin:10px 0; }
#layer_div_lolnotice div.lolnotice ul.notice li { padding-left:15px} 
#layer_div_lolnotice div.lolnotice ul.notice span.impact {font-weight:bold; color:#be2d00} 
#layer_div_lolnotice div.close { background-color:#4f4f4f; padding:5px 10px 0 10px; height:25px; }
#layer_div_lolnotice div.close .right { float:right; }
#layer_div_lolnotice div.close img { vertical-align:middle; margin-bottom:0px; }

/* 20160217 경매물품 등록/관리 팝업 (김혜미) */
.layer_boxnew_itemact {position:absolute; width:420px; padding:20px; border:2px solid #036fba; background-color:#fff; right:10px; top:24px; z-index:9999}
.layer_boxnew_itemact h3 {position:relative; border-bottom:1px solid #036fba; padding-bottom:10px; text-indent:0px}
.layer_boxnew_itemact h3 p.close {position:absolute; top:0px; right:0px; }
.layer_boxnew_itemact .itemact_wrap {background-color:#fff; padding-top:10px}
.layer_boxnew_itemact .itemact_wrap h6 {color:#333}
.layer_boxnew_itemact.pop2 {top:103px; right:0; width:516px}
.layer_boxnew_itemact.pop2 .itemact_wrap {height:400px; overflow-y:scroll}
.layer_boxnew_itemact.pop3 {top:133px; right:none; left:0; width:516px}
.layer_boxnew_itemact.pop3 .itemact_wrap {height:340px; overflow-y:scroll}
.layer_boxnew_itemact.pop2 p {font-size:11px}
.layer_boxnew_itemact span.sp1 {display:inline-block; width:60px}
.layer_boxnew_itemact span.sp2 {display:inline-block; margin-left:85px}
.layer_boxnew_itemact span.sp3 {display:inline-block; width:40px}
.layer_boxnew_itemact span.step {float:left; margin:2px 5px 0 0; width:35px; height:11px; text-indent:-9999px; background:url('/resources/image/design/popup/step_auction01.gif') no-repeat}
.layer_boxnew_itemact span.st02 {background-position:0 -11px}
.layer_boxnew_itemact span.st03 {background-position:0 -22px}
.layer_boxnew_itemact span.st04 {background-position:0 -33px}
.layer_boxnew_itemact span.st05 {background-position:0 -44px}
.layer_boxnew_itemact span.st06 {background-position:0 -55px}
ul.pop_tab02 {width:100%; height:31px; overflow:hidden; margin-top:10px; background:url('/resources/image/design/popup/tab01_bg.gif') repeat-x left top}
ul.pop_tab02 li {float:left; margin-right:2px; text-align:center}
ul.pop_tab02 li a {min-width:110px; height:29px; position:relative; color:#747474; display:inline-block; line-height:32px; background:#f4f4f4; border:1px solid #d0d0d0; border-bottom:none}
ul.pop_tab02 li a.on {height:30px; color:#2c63c8; font-weight:bold; background:#fff; border-color:#747474}

/* basic layerpopup layout 2.0 */
.layerWrap {border:3px solid #036fba; padding:20px; background-color:#ffffff}
.layerWrap h3 {height:32px; position:relative; border-bottom:1px solid #036fba; font-family:notoKR; font-size:25px; color:#333}
.layerWrap h3 p.close {position:absolute; top:0px; right:0px; cursor:pointer}
.layerWrap div.copy	 {font-weight:bold; letter-spacing:-0.05em; margin-bottom:15px; border-bottom:1px solid #cfcfcf; padding:10px 10px 10px 27px; background:url('/resources/image/design/mybay/bull_12.gif') 10px 11px no-repeat; background-color:#f8f8f8; cursor:pointer}

/* 20160513 거래 프로세스 개선_구매자 선인수 처리 (김혜미) */
.buyTakeover {width:484px; z-index:9999}
.buyTakeover .list_tab02 {width:95%; margin:0 auto 10px; font-size:11px}
.buyTakeover .list_tab02 td {font-size:11px}
.buyTakeover .list_tab02 td.fst {text-align:left; padding-left:10px}
.buyTakeover .list_tab02 td.price02 {color:#d60500}
.buyTakeover .list_tab02 td span.server {display:block; color:#036fba; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.buyTakeover .list_tab02 td span.crt {display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.buyTakeover .list_tab02 td {text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.buyTakeover .pop_notice02 {width:95%; margin:0 auto 20px}

/* 말풍선 layerpopup layout */
.layer_black {position:fixed; top:0px; left:0px; width:100%; height:100%; opacity:0.5; filter:alpha(opacity=50); background-color:#000; z-index:9998}
.layer_sb {position:absolute; top:50%; left:50%; z-index:9999}
.layer_sb a.closeA {position:absolute; top:10px; right:10px; display:block; width:40px; height:40px}
.layer_sb a.closeB {position:absolute; bottom:53px; left:120px; display:block; width:170px; height:35px}
.layer_sb p {font-size:0; text-indent:-9999px}

/* 20160908 스마트폰 로그앤 서비스 중단 (김혜미)  */
.layer_sb.spSafeStop {width:410px; height:293px; margin-left:-205px; top:290px; background:url('/resources/image/design/certify/certify_renew_02.png') no-repeat}

/* 20161122 첫거래혜택 프로모션 팝업 (김혜미) */
div.ftpm_pop {margin-left:-173px; width:346px; height:347px; background:url('/resources/image/design/event_ing/evt2016/evt20161201_ft/popup.png') no-repeat}
div.ftpm_pop label {position:absolute; bottom:3px; font-size:14px; color:#fff; cursor:pointer}
div.ftpm_pop a {display:block; width:100%; height:319px}
div.ftpm_pop .close {right:5px}
div.ftpm_pop .week {left:5px; text-decoration:underline}

/* 공지사항 layerpopup layout 2.0 */
div.layer_notice {position:absolute; z-index:9999}
div.layer_notice img {margin-bottom:0}
div.layer_notice div.btn {height:28px; overflow:hidden; background-color:#4f4f4f}
div.layer_notice div.btn label {position:absolute; cursor:pointer}
div.layer_notice div.btn .week {left:10px; bottom:6px}
div.layer_notice div.btn .week img,div.layer_notice div.btn .week input {float:left}
div.layer_notice div.btn .week input {margin:0 3px 0 0; padding:0; width:13px; height:13px}
div.layer_notice div.btn .close {right:5px; bottom:7px}

/* 20170317 마일리지/결제 관리 - 마일리지출금 - 티캐시 프로세스 변경 (김혜미) */
div.mileagePayType {position:relative; overflow:hidden}
div.mileagePayType  > div {position:relative; width:210px; padding:10px; margin-top:20px; height:310px; border:1px solid #cfcfcf; letter-spacing:-0.05em}
div.mileagePayType > div h6 {padding:7px 0; color:#fff; text-align:center; font-weight:bold}
div.mileagePayType > div p {padding:0 20px}
div.mileagePayType > div div.btn {position:absolute; left:0; bottom:20px; width:100%; text-align:center}
div.mileagePayType > div p.help {margin-top:10px; font-size:11px; background:url('/resources/image/design/mybay/bull_12.gif') 4px 2px no-repeat}
div.mileagePayType div.img {height:80px; margin:20px 0; background:url('/resources/image/design/mybay/payment_img07.gif') no-repeat}
div.mileagePayType div.bank {float:left}
div.mileagePayType div.bank h6 {background-color:#2d9204}
div.mileagePayType div.bank div.img {background-position:center 100%}
div.mileagePayType div.tcash {float:right}
div.mileagePayType div.tcash h6 {background-color:#be2d00}
div.mileagePayType div.tcash div.img {background-position:center 0}

/* 20170430 메인 - 마일리지도용팝업   (김혜미) */
div.mlNotice {left:50%; top:0px; margin-left:-277px; padding:0; z-index:899; display:none}
div.mlNotice div.popWrap {position:relative; width:548px; height:575px; background:url('/resources/image/design/main/mlNotice.jpg') no-repeat}
div.mlNotice div.btn {*width:548px}
div.mlNotice p.name,div.mlNotice p.sum {position:absolute; font-weight:bold}
div.mlNotice p.name {left:0; top:35px; width:100%; height:25px; font-size:25px; line-height:25px; color:#1076be; text-align:center}
div.mlNotice p.sum {left:309px; top:104px; width:110px; height:20px; font-size:17px; line-height:20px; letter-spacing:1px; color:#fe0036; text-align:right}
@media screen and (-webkit-min-device-pixel-ratio:0) {div.mlNotice p.sum {letter-spacing:-0.5px}}
div.mlNotice a {text-indent:-9999px; font-size:0; position:absolute; height:30px; background:url('/resources/image/design/main/btn.png') no-repeat}
div.mlNotice a.link1 {left:74px; top:355px; width:190px; background-position:0 0}
div.mlNotice a.link2 {left:378px; top:355px; width:115px; background-position:0 -30px}
div.mlNotice a.link3 {left:373px; top:460px; width:150px; background-position:0 -60px}
div.mlNotice a.link4 {left:373px; top:504px; width:150px; background-position:0 -90px}

/* 20170817 상품권샵_모바일상품권_구글기프트코드_사용법 */
.googleInfo {display:none; position:absolute; top:38px; left:0; width:715px; z-index:99}
.googleInfo .layerCon {height:500px; overflow-y:auto}

/* basic layerpopup layout 3.0 (위치 및 크기는 플러그인에서 스크립트로 생성) */
.layerBox {position:relative; box-sizing:border-box; background:#fff; border:1px solid #cecece; font-family:notoKR; letter-spacing:-0.05em}
.layerBox .tit {position:relative; margin:25px 20px 0; padding-bottom:20px; border-bottom:2px solid #d5d7dd}
.layerBox .con {padding:28px 30px 20px}
.layerBox .ntc {box-sizing:border-box; height:70px; padding:0 30px; line-height:70px; background:#eff1f4; border-top:1px solid #cecece; color:#333; font-size:13px; font-weight:bold; letter-spacing:-0.1em}
.layerBox h3 {margin-bottom:10px; font-size:19px; color:#222}
.layerBox h4 {font-size:13px; color:#666}
.layerBox .close {position:absolute; right:0; top:0; width:40px; height:40px; background:#757b8f url('/resources/image/design/certify/ico_close.png') center no-repeat}
.layerBox .ico_info01 {margin-top:20px; text-align:center}
.layerBox .notice {position:relative}
.layerBox .notice:before {content:''; display:inline-block; width:20px; height:16px; margin-right:5px; vertical-align:-3px; background:url('/resources/image/design/certify/ico_info4.png') 0 0 no-repeat}
.layerBox .ntc .btn {position:absolute; right:0; bottom:17px; box-sizing:border-box; min-width:140px; height:34px; padding:0 10px; line-height:32px; border-radius:3px; border:1px solid #cecece; background:#fff; color:#333b58}
.layerBox .ntc .btn:after {content:''; position:absolute; right:10px; top:8px}
.layerBox .ntc .btn.rqst:after {width:16px; height:16px; background:url('/resources/image/design/certify/ico_info2.png') 0 0 no-repeat}
.layerBox .ntc .btn.clear:after {width:17px; height:14px; background:url('/resources/image/design/certify/ico_info3.png') 0 0 no-repeat}

.layerBox_ty03 {position:absolute; background:#fff; border:1px solid #cecece; font-family:notoKR; letter-spacing:-0.05em; z-index:9}
.layerBox_ty03 .tit {position:relative; margin:25px 20px 0; padding-bottom:20px}
.layerBox_ty03 .tit h3 {font-size:19px; color:#222; font-weight:normal}
.layerBox_ty03 .tit .close {position:absolute; top:-4px; right:0; width:24px; height:23px; background:url('/resources/image/design/popup/btn_close_04.png') center no-repeat}
.layerBox_ty03 .con {padding:20px 30px 20px; border-top:2px solid #d5d7dd; font-size:15px; color:#333b58; letter-spacing:-0.35px}
.layerBox_ty03 .con .info_list {margin-top:20px}
.layerBox_ty03 .con .info_list li {margin-top:10px; line-height:1.3; overflow:hidden}
.layerBox_ty03 .con .info_list li:first-child {margin-top:0}
.layerBox_ty03 .con .txt_list02 {margin-top:30px}

/* 통합 본인인증 고도화_20180509_김혜미 */
.ctfTotal ul.ctfList {width:100%; overflow:hidden}
.ctfTotal ul.ctfList li {position:relative; box-sizing:border-box; float:left; width:31%; margin-left:3.5%; padding:23px 20px 15px; background:#eff1f4; border:1px solid #c8c8c8; text-align:center; color:#333b58; font-size:14px; font-weight:bold; cursor:pointer}
.ctfTotal ul.ctfList li:nth-child(3n+1) {margin-left:0}
.ctfTotal ul.ctfList li:nth-child(-n+3) {margin-bottom:15px}
.ctfTotal ul.ctfList li:hover {border-color:#333b58}
.ctfTotal ul.ctfList li .img {display:block; width:90px; height:64px; margin:0 auto 10px; background:url('/resources/image/design/certify/bg_ctf_type.png') 0 0 no-repeat}
.ctfTotal ul.ctfList li.m .img {background-position-y:0}
.ctfTotal ul.ctfList li.k .img {background-position-y:20%}
.ctfTotal ul.ctfList li.s .img {background-position-y:40%}
.ctfTotal ul.ctfList li.a .img {background-position-y:60%}
.ctfTotal ul.ctfList li.t .img {background-position-y:80%}
.ctfTotal ul.ctfList li.i .img {background-position-y:100%}
.ctfTotal ul.ctfList li.last:before {content:'최근사용'; position:absolute; left:-1px; top:-1px; height:16px; padding:0 3px; background:#333b58; text-align:center; font:normal 11px/18px dotum; color:#fff}
.ctfTotal ul.ctfList li.fast:after {content:''; position:absolute; right:2px; top:1px; width:54px; height:15px; background:url('/resources/image/design/certify/ico_fast.png') 0 0 no-repeat}
.ctfTotal ul.ctfList li.none, .ctfTotal ul.ctfList li.noneHand {color:#a7a9ac}
.ctfTotal ul.ctfList li.none:hover {border-color:#c8c8c8; cursor:default} /* none - 커서:디폴트 */
.ctfTotal ul.ctfList li.noneHand:hover {border-color:#333b58} /* none - 커서:포인트 */
.ctfTotal ul.ctfList li.none .img, .ctfTotal ul.ctfList li.noneHand .img {background-position-x:100%}
/****** 브라우저별 대응 ******/
/*** ie8 ***/
@media \0screen { .ctfTotal ul.ctfList li {margin:0 0 10px 10px} }
/*** ie7 ***/
.ctfTotal ul.ctfList li {*width:22%; *margin:0 0 10px 10px}
.layerBox .ntc .btn {*bottom:42px; *min-width:100px}

/* 캐시 간편충전 상품권 발행 완료 팝업 (서재진) (위치 및 크기는 플러그인에서 스크립트로 생성) */
.layerBox_ty02 {position:absolute; background:#fff; border:1px solid #cecece; font-family:notoKR; letter-spacing:-0.05em; z-index:9}
.layerBox_ty02 .tit {position:relative; margin:25px 20px 0; padding-bottom:20px}
.layerBox_ty02 .tit h3 {font-size:19px; color:#222; font-weight:normal}
.layerBox_ty02 .tit .close {position:absolute; top:-4px; right:0; width:24px; height:23px; background:url('/resources/image/design/popup/btn_close_04.png') center no-repeat}
.layerBox_ty02 .con {padding:28px 30px 20px; border-top:2px solid #d5d7dd}
.layerBox_ty02 .con dl {*width:100%; padding:20px 0; border-bottom:1px solid #999dab; font-size:15px; color:#333b58; overflow:hidden}
.layerBox_ty02 .con dl:first-child {padding-top:0}
.layerBox_ty02 .con dt {float:left; width:117px; border-right:1px solid #c1c4cd; line-height:25px}
.layerBox_ty02 .con .check_fraud span {display:inline-block; font-size:15px; vertical-align:middle}
.layerBox_ty02 .con dd {float:left; margin-left:15px; line-height:25px; font-size:17px}
.layerBox_ty02 .check_result {width:100%; height:76px; background:#eff1f4; text-align:center}
.layerBox_ty02 .check_result::after {content:''; display:inline-block; width:0; height:100%; vertical-align:middle}
.layerBox_ty02 .check_result span {display:inline-block; line-height:1.4; font-size:16px; vertical-align:middle}
.layerBox_ty02 .check_result span.checking {color:#333}
.layerBox_ty02 .check_result span.checking::before {content:''; display:block; width:90px; height:6px; margin:5px auto; background:url('/resources/image/design/certify/ico_loading.gif')}
.layerBox_ty02 .check_result span.check {color:#6f748c}
.layerBox_ty02 .notice_tail {height:30px; background:#333b58}
.layerBox_ty02 .notice_tail .con p {line-height:1.5}
.layerBox_ty02 .notice_tail .inp_box {float:right; margin-top:9px; margin-right:20px}
.layerBox_ty02 .notice_tail .inp_box input {width:5px; height:5px}
.layerBox_ty02 .notice_tail .inp_box label {height:auto}
.layerBox_ty02 .notice_tail .inp_box label.chkbox::before {width:12px; height:12px; background:url('/resources/image/design/icon/ico_checkbox.png') no-repeat 0 0}
.layerBox_ty02 .notice_tail .inp_box input[type='checkbox'].type01:checked + label.chkbox::before {background-position-x:-13px}
.layerBox_ty02 .notice_tail label {padding-left:17px; font-size:12px; color:#d7dbe3}

/* 팝니다 상세 - 다이렉트 메시지 안내 (김혜미) */
.pop_directInfo {position:absolute; width:370px; height:250px; line-height:18px; letter-spacing:-0.01em; z-index:1}
.pop_directInfo .tit {margin:20px 0 5px; color:#d26c4b; font-size:14px; font-weight:bold}

/* safeBay 실시간 조희  팝업 (서재진) */
.pop_safe {display:none; top:60px; left:50%; width:430px; margin-left:-215px; z-index:9}
.pop_safe p.case {margin-top:20px; font-size:13px; text-align:center}
.pop_safe p.case span {vertical-align:middle}
.pop_safe p.case.on {color:#ff3066}
.pop_safe p.case.off {color:#36b388}
.pop_safe p.case.check {color:#6f748c}
.pop_safe .notice {margin:30px 0 10px; font-size:12px}
.pop_safe .notice span {display:inline-block; line-height:1.4; color:#f42e4f; vertical-align:top}
.pop_safe .notice span.ico_info01:before {margin-top:2px}
.pop_safe .txt_list01 .em {color:#635bca}
.pop_safe input[type="text"] {width:240px; line-height:25px; padding:0; background:none; border:0; font-family:notoKR; font-size:17px; color:#333b58; vertical-align:top}
.pop_safe input[type="text"]::placeholder {color:#a9afbd}
.pop_safe input[type="text"]:-webkit-input-placeholder {color:#a9afbd}
.pop_safe input[type="text"]:-moz-placeholder {color:#a9afbd}
.pop_safe input[type="text"]:-ms-placeholder {color:#a9afbd}
.pop_safe input[type="text"]:-ms-input-placeholder {color:#a9afbd}
.pop_safe .btn_full03:link {color:#fff}
.pop_safe .con dt {width:98px}

/* 아이템거래 페이지 인포 레이어팝업 (서재진) */
.info_layer {display:none; position:absolute; padding:18px 10px; background:#fff; border:1px solid #616161; z-index:9}
.info_layer .close {position:absolute; top:11px; right:9px; width:13px; height:13px; background:url('/resources/image/design/m_charge/btn_close.gif') 0 0 no-repeat; text-indent:-9999px}
.info_layer h6 {margin-bottom:7px; font-size:14px; color:#5076e4}
.info_layer p {margin-right:20px; line-height:1.4; font-size:12px; color:#616781}
.info_layer img {margin-right:20px}
.info_layer.reward_info {top:150px}
.info_layer.certify_info {top:150px}
.info_layer.grade_info {top:-60px; left:115px}

/* 구매확정팝업 (20181004 서재진) */
.fix_pop {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1002}
.fix_pop .blue01 {color:#3e62ba}
.fix_pop .blue02 {color:#1f97fd}
.fix_pop .orange {color:#1f97fd}
.fix_pop .layerBox_ty02 {top:50%; left:50%; width:644px; height:385px; border:1px solid #616161; transform:translate(-50%,-50%); box-sizing:border-box}
.fix_pop .layerBox_ty03 {top:50%; left:50%; width:644px; height:385px; border:1px solid #616161; transform:translate(-50%,-50%); box-sizing:border-box}
.fix_pop .fix_tb {margin:10px 0;}
.fix_pop .fix_tb td {width:100%; padding:8px 5px; font-size:11px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

/* 게임용품 판매 방법 팝업(20190325 서재진) */
.pop_sell_notice {top:100px; left:50%; transform:translate(-50%)}
.pop_sell_notice .guide_notice {margin-top:34px; font-family:dotum; font-size:11px; color:#747474}
.pop_sell_notice .guide_notice .pt_color {color:#f42e4f}
.pop_sell_notice .guide_notice li:before {content:'※ '; font-family:notoKR; font-size:11px}

/* 게임용품 판매 방법 팝업(20190325 서재진) */
.pop_buy_notice {width:450px; top:100px; left:50%; transform:translate(-50%)}
.pop_buy_notice .guide_notice {font-family:dotum; font-size:11px; color:#747474}
.pop_buy_notice .guide_notice .pt_color {color:#f42e4f}
.pop_buy_notice .guide_notice li:before {content:'※ '; font-family:notoKR; font-size:11px}

/* 던전앤파이터 거래 주의사항 (20190712 서재진) */
.pop_df_notice .layerBox_ty02 {width:726px; height:auto; margin:0; transform:translate(-50%, -50%);}
.pop_df_notice .layerBox_ty02 p {margin-bottom:20px; font-family:dotum; font-size:12px; color:#747474}

/* 구글기프트코드 사용법 팝업 */
.pCashInfo {display:none; position:absolute; top:38px; left:0; width:715px; z-index:99}
.pCashInfo .layerCon {height:500px; overflow-y:auto}
.pCashInfo .layerCon img {width:100%}

/* 상품권샵 - 신규상품권 이벤트 20171214 */
.giftEventNew {display:none; position:absolute; left:50%; margin-left:-278px; top:200px; width:556px; height:460px; z-index:8999; background:url('/resources/image/design/gift/pop_event_01.png') no-repeat}
.giftEventNew .btn {position:absolute; bottom:7px; right:12px}
.giftEventNew .btn label.week {display:block; width:130px; height:30px; cursor:pointer}
.giftEventNew .btn input.check {width:18px; height:18px; padding:0; margin:6px 0 0}
.giftEventNew a.close {position:absolute; top:10px; right:10px; width:60px; height:60px}
.giftEventNew .btn_link {position:absolute; top:343px; left:27px}
.giftEventNew .btn_link a {float:left; width:158px; height:48px; margin-right:14px}

/* 상품권샵 - pCash 이벤트 20190731 */
.pCashEvent {position:absolute; left:50%; margin-left:-278px; top:200px; width:556px; height:460px; z-index:8999; background:url('/resources/image/design/gift/pop_event_02.jpg') no-repeat}
.pCashEvent .btn {position:absolute; bottom:7px; right:12px}
.pCashEvent .btn label.week {display:block; width:130px; height:30px; cursor:pointer}
.pCashEvent .btn input.check {width:18px; height:18px; padding:0; margin:6px 0 0}
.pCashEvent a.close {position:absolute; top:10px; right:10px; width:60px; height:60px}
.pCashEvent .btn_buy {position:absolute; top:332px; left:142px; width:273px; height:60px}

/* 베이 세이프티 보상 안내 팝업 */
.pop_baySafety .layerBox_ty03 {width:460px; height:auto; letter-spacing:0} 

/* 증빙서류 안내 팝업 */
.pop_proof .layerBox_ty03 dl {overflow:hidden}
.pop_proof .layerBox_ty03 dt {float:left; margin-right:5px}
.pop_proof .layerBox_ty03 dd {float:left}

/* 200% 회원 보상 이용 안내 팝업 */
.pop_reward_use .layerBox_ty03 .con {font-size:14px; line-height:1.5}
.pop_reward_use .layerBox_ty03 .con .small {font-size:12px; color:#616781}
.pop_reward_use .layerBox_ty03 .con .mark_img {text-align:center}
.pop_reward_use .layerBox_ty03 .con .mark_img::before {content:''; display:block; width:46px; height:46px; margin:0 auto 10px; background:url('/resources/image/design/item/ico_safety.png') 0 -59px no-repeat}

/* 베이 세이프티 안내 팝업 */
.pop_baSafety_info .con {text-align:center}
.pop_baSafety_info .con > strong {font-weight:400; color:#635bca}
.pop_baSafety_info .con > .btn_full03 {margin:30px auto 20px}
.pop_baSafety_info .con .evt_img {display:block; margin-bottom:20px}

/* 전자계약서 팝업 */
.contract_pop {background:rgba(0,0,0,0)}
.contract_pop .layerBox_ty03 {width:662px; height:auto}
.contract_pop .layerBox_ty03 .tit {margin-left:30px}
.contract_pop .layerBox_ty03 .con {padding:30px}
.contract_pop .layerBox_ty03 .con .contract_wrap {height:370px; padding:20px 20px 0 20px; border:1px solid #e2e6e9; font-family:dotum; overflow-y:auto; box-sizing:border-box}
.contract_pop .layerBox_ty03 .con .contract_wrap h3 {line-height:1; font-family:notoKR; font-size:26px; font-weight:400; color:#222; text-align:center; letter-spacing:2px}
.contract_pop .layerBox_ty03 .con .contract_wrap p {line-height:1.8; font-size:12px; color:#333}
.contract_pop .layerBox_ty03 .con .contract_wrap li {line-height:1.8; font-size:12px; color:#333}
.contract_pop .layerBox_ty03 .con .contract_wrap > table {font-size:12px}
.contract_pop .layerBox_ty03 .con .contract_wrap > table th {height:31px; border:1px solid #d7dbe3; font-weight:400}
.contract_pop .layerBox_ty03 .con .contract_wrap > table td {height:31px; padding:10px; border:1px solid #d7dbe3; word-break:break-all}
.contract_pop .layerBox_ty03 .con .contract_wrap .date {margin-top:25px; text-align:center}
.contract_pop .layerBox_ty03 .con .contract_wrap .dl_box {width:80%; margin:15px auto 20px; overflow:hidden}
.contract_pop .layerBox_ty03 .con .contract_wrap .dl_box dl {float:left; width:35%; margin-top:5px; font-size:12px}
.contract_pop .layerBox_ty03 .con .contract_wrap .dl_box dl:nth-child(2n) {float:right}
.contract_pop .layerBox_ty03 .con .contract_wrap .dl_box dl dt {float:left; width:60px; text-align:justify}
.contract_pop .layerBox_ty03 .con .contract_wrap .dl_box dl dt::after {content:''; display:inline-block; width:100%}
.contract_pop .layerBox_ty03 .con .contract_wrap .dl_box dl dd {float:left}
.contract_pop .layerBox_ty03 .con .contract_wrap .dl_box dl dd::before {content:':'; margin:0 5px}
.contract_pop .layerBox_ty03 .con > table {width:100%; font-family:dotum; font-size:12px; color:#333}
.contract_pop .layerBox_ty03 .con > table caption {display:table-caption; height:35px; background:#d7dbe3; line-height:35px; font-weight:bold}
.contract_pop .layerBox_ty03 .con > table .inp_transfer {width:100%; height:25px; padding:0 10px; border:1px solid #ff3252; box-sizing:border-box}
.contract_pop .layerBox_ty03 .con > table th {height:30px; background:#f9f9f9; border:1px solid #e2e6e9; font-weight:400; color:#343b58; letter-spacing:0}
.contract_pop .layerBox_ty03 .con > table td {height:30px; background:#fff; padding:0 5px; border:1px solid #e2e6e9; letter-spacing:0}
.contract_pop .layerBox_ty03 .con > table td .btn_edit {float:right; width:55px; height:25px; background:#635bca; border-radius:2px; line-height:25px; font-size:11px; text-align:center; color:#fff}
.contract_pop .layerBox_ty03 .con > table td .editing {float:right; width:70px; height:25px; background:#7d8195; border-radius:2px; line-height:25px; font-size:11px; text-align:center; color:#fff}
.contract_pop .layerBox_ty03 .con > table td .txt_mail {float:left; line-height:25px}
.contract_pop .layerBox_ty03 .con > table tr:first-child td {border-top:0}
.contract_pop .layerBox_ty03 .con > table tr:first-child th {border-top:0}
.contract_pop .layerBox_ty03 .con > .inp_box {width:100%; margin-top:30px; text-align:center}
.contract_pop .layerBox_ty03 .con > .btn_box {width:66%; margin:10px auto 0; overflow:hidden}