@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_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}

/* 공지사항 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}

/* 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:30px; 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.card .img {background:url('/resources/image/design/certify/bg_ctf_type_card.png') 0 0 no-repeat; background-position: center;}
.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%}
.ctfTotal ul.ctfList li.card.none .img {background-position-x: center; filter: grayscale(1); opacity: .5;}

.ctfTotal .ctfList_easy {display: flex; justify-content: center; margin-top: 50px;}
.ctfTotal .ctfList_easy li+li {margin-left: 17px;}
.ctfTotal .ctfList_easy li a {display: block; width: 46px; height: 46px;}
.ctfTotal .ctfList_easy li.kakao a{background: url('/resources/image/design/certify/ico_easy.png') -0 -0 no-repeat;}
.ctfTotal .ctfList_easy li.toss a{background: url('/resources/image/design/certify/ico_easy.png') -46px -0 no-repeat;}
.ctfTotal .ctfList_easy li.pass a{background: url('/resources/image/design/certify/ico_easy.png') -92px -0 no-repeat;}
.ctfTotal .ctfList_easy li.samsung a{background: url('/resources/image/design/certify/ico_easy.png') -138px -0 no-repeat;}
.ctfTotal .ctfList_easy.none li a {filter: grayscale(1); cursor: inherit; pointer-events: none;}
.ctfTotal .ctfList_easy_text {text-align: center;color: #333b58;font-size: 14px;font-weight: bold; margin: 20px 0 40px;}

/* 캐시 간편충전 상품권 발행 완료 팝업 (서재진) (위치 및 크기는 플러그인에서 스크립트로 생성) */
.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}

/* 구매확정팝업 (20181004 서재진) */
.fix_pop {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:100000;}
.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%; border:1px solid #616161; transform:translate(-50%,-50%); box-sizing:border-box}
.fix_pop .bn_con {position:absolute; top:50%; left:50%; 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, sans-serif; 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, sans-serif; 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, sans-serif; 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}

/* 베이 세이프티 보상 안내 팝업 */
.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, sans-serif; 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, sans-serif; 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}

/* 베이톡 메시지 팝업 */
.pop_bay_talk_msg {position:fixed; bottom:0; right:0; width:175px; background:#fff; border:1px solid #616161; z-index:900}
.pop_bay_talk_msg .pop_header {height:30px; padding:0 10px; border-bottom:1px solid #eaeef7}
.pop_bay_talk_msg .pop_header::after {content:''; display:block; clear:both}
.pop_bay_talk_msg .pop_header h6 {float:left; line-height:30px; font-size:14px; color:#3e62ba}
.pop_bay_talk_msg .pop_header h6::before {content:''; display:inline-block; width:19px; height:18px; margin-right:5px; background:url('/resources/image/design/common/ico_bayTalk.png') 0 0 no-repeat; vertical-align:-4px}
.pop_bay_talk_msg .pop_header .btn_close {float:right; width:30px; height:30px; background:url('/resources/image/design/common/ico_close.png') center right no-repeat}
.pop_bay_talk_msg .pop_contents {position:relative; padding:16px 10px}
.pop_bay_talk_msg .pop_contents p {color:#666}
.pop_bay_talk_msg .pop_contents p > strong {color:#3e62ba}
.pop_bay_talk_msg .pop_contents > a {position:absolute; top:0; left:0; bottom:0; right:0}
.pop_bay_talk_msg .pop_contents > strong {display:block; margin-top:10px; color:#e64646}


/* 메인 - 마일리지도용팝업 */
.layer_notice.mlNotice {left:50%; top:0px; width:412px; margin-left:-206px; padding:0; border:1px solid #1f2152; font-family:notoKR; box-sizing:border-box; z-index:899}
.layer_notice.mlNotice .btn_close {position:absolute; top:10px; right:10px; width:14px; height:14px; background:url('/resources/image/design/popup_ing/ico_pop_mileage.png') -116px 0 no-repeat}
.layer_notice.mlNotice .popWrap {padding:22px 20px 21px}
.layer_notice.mlNotice .popWrap .name {font-size:20px; color:#1f2152; text-align:center}
.layer_notice.mlNotice .popWrap .mileage {margin-top:10px; font-size:18px; font-weight:100; color:#1f2152; text-align:center}
.layer_notice.mlNotice .popWrap .mileage > span {font-family:tahoma; font-size:20px; font-weight:bold; color:#ff3066}
.layer_notice.mlNotice .popWrap .info {margin-top:20px; font-size:13px; color:#9b9fa7; text-align:center}
.layer_notice.mlNotice .popWrap .btn_box {margin-top:10px; background:#f8f6f9}
.layer_notice.mlNotice .popWrap .btn_box > div {height:80px; padding:0 20px}
.layer_notice.mlNotice .popWrap .btn_box > div::after {content:''; display:inline-block; height:100%; vertical-align:middle; clear:both}
.layer_notice.mlNotice .popWrap .btn_box > div > p {display:inline-block; line-height:1.4; font-size:14px; color:#1f2152; vertical-align:middle}
.layer_notice.mlNotice .popWrap .btn_box .ib_app {width:52px; height:50px; margin-top:15px; background:url('/resources/image/design/popup_ing/ico_pop_mileage.png') 0 -37px no-repeat}
.layer_notice.mlNotice .popWrap .btn_box .ps_change {width:64px; height:51px; margin-top:14.5px; background:url('/resources/image/design/popup_ing/ico_pop_mileage.png') -52px -37px no-repeat}
.layer_notice.mlNotice .popWrap .btn_box > a {display:block; height:30px; background:#6563c9; line-height:30px; font-size:14px; font-weight:bold; color:#fff; text-align:center}
.layer_notice.mlNotice .popWrap ul {margin-top:13px}
.layer_notice.mlNotice .popWrap ul::after {content:''; display:block; clear:both}
.layer_notice.mlNotice .popWrap ul li {float:left; margin-left:20px; text-align:center}
.layer_notice.mlNotice .popWrap ul li:first-child {margin-left:0}
.layer_notice.mlNotice .popWrap ul li::before {content:''; display:block; margin:0 auto 5px; background:url('/resources/image/design/popup_ing/ico_pop_mileage.png') 0 0 no-repeat}
.layer_notice.mlNotice .popWrap ul li:nth-child(1)::before {width:51px; height:37px}
.layer_notice.mlNotice .popWrap ul li:nth-child(2)::before {width:28px; height:35px; background-position-x:-51px}
.layer_notice.mlNotice .popWrap ul li:nth-child(3)::before {width:37px; height:37px; background-position-x:-79px}
.layer_notice.mlNotice .btn .month {display:flex; bottom:6px; left:20px; align-items:center}
.layer_notice.mlNotice .btn .month > span {font-size:11px; color:#dcdcdc}
.layer_notice.mlNotice .btn .month > .check {margin:0; margin-right:5px}
.layer_notice.mlNotice .btn .close {right:20px}

/* 캐릭터 거래 페이백 팝업 */
.pop_saving .layerBox_ty03 {width:452px; height:auto}
.pop_saving .num_mileage {font-size:18px; font-weight:700; color:#883bce}
.pop_saving .txt {font-size:14px; color:#616781}

/* 플래시쿠폰 팝업 */
.pop_event_banner {position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:701; }
.pop_event_banner .bn_con {width:430px; height:419px; background:url('/resources/image/Banner/banner_galaxyzfold7.png') 0 0 no-repeat}
.pop_event_banner .layer_close {position:absolute; top:8px; right:47px; z-index: 1; width:35px; height:35px}
.pop_event_banner .bn_con .pop_link {position:absolute; top:0; left:0; width:430px; height:419px;}
.pop_event_banner .form {display:flex; position:absolute; right:48px; bottom:-15px; width:100%; justify-content: flex-end; align-items: center}
.pop_event_banner .form input[type='checkbox'].type01 {display:none}
.pop_event_banner .form label.chkbox {padding-left:17px; font-family:"맑은고딕","Malgun Gothic"; font-size:12px; color:#000}
.pop_event_banner .form label.chkbox::before {top:2px}

.pop_flashcoupon {position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:701; margin-left: 160px;}
.pop_flashcoupon .bn_con {width:180px; height:328px; background:url('/resources/image/design/item/img_flashcoupon1.png') 0 0 no-repeat}
.pop_flashcoupon .layer_close {position:absolute; top:8px; right:8px; width:22px; height:22px}
.pop_flashcoupon .info_coupon {display:flex; position:absolute; top:110px; width:100%; height:220px; flex-direction:column; align-items:center; justify-content:center}
.pop_flashcoupon .tit_game {font-family:'Malgun Gothic',sans-serif; font-size:14px; font-weight:700; color:#393629; text-align:center; width: 100%; padding: 0 10px; box-sizing: border-box;}
.pop_flashcoupon .box_coupon {position:relative; width:187px; height:83px; margin-top:20px; background:url('/resources/image/design/item/img_coupon1.png') center no-repeat}
.pop_flashcoupon .box_coupon > p {position:absolute; top:31px; right:0; left: 0; text-align: center; text-indent: -21px; font-family:'Malgun Gothic',sans-serif; font-size:12px; color:#46c900}
.pop_flashcoupon .box_coupon > p > span {font-size:24px; font-weight:700; letter-spacing:-0.5px}
.pop_flashcoupon .info_coupon .btn {display:block; width:106px; height:25px; margin-top:20px}
.pop_flashcoupon .form {display:flex; position:absolute; bottom:-23px; width:100%; justify-content: center; align-items: center}
.pop_flashcoupon .form input[type='checkbox'].type01 {display:none}
.pop_flashcoupon .form label.chkbox {padding-left:17px}
.pop_flashcoupon .form label.chkbox::before {top:2px}
.pop_flashcoupon.on .bn_con {background:url('/resources/image/design/item/img_flashcoupon2.png') 0 0 no-repeat}
.pop_flashcoupon.on .box_coupon {margin-top:10px; background:url('/resources/image/design/item/img_coupon2.png') center no-repeat}
.pop_flashcoupon.on .box_coupon > p {color:#a9a285}
.pop_flashcoupon.on .form {display:none}

/* 도전 달성 팝업 */
.pop_attainment .txt {position:absolute; top:180px; width:100%; line-height:1.5; font-family:notoKR; font-size:20px; text-align:center; color:#6c6c6c}
.pop_attainment .layer_close {position:absolute; top:15px; right:0px; width:30px; height:30px}
.pop_attainment .btn_detail {position:absolute; top:285px; left:135px; width:200px; height:54px}

.pop_point_use .con {width:820px}
.pop_point_use table {font-size:12px}

/* 광고 수신 동의 팝업 */
.add_info_pop {position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;}
.add_info_pop:before {position:absolute;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,0.7);content:'';}
.add_info_pop .pop_inner {font-family:"맑은고딕","Malgun Gothic",serif;z-index:2;}
.add_info_pop .pop_inner .pop_header {position:relative;height:37px;}
.add_info_pop .pop_inner .pop_header .close_btn {position:absolute;top:0;right:0;cursor:pointer;}
.add_info_pop .pop_inner .pop_header .box_check {padding-top:7px;}
.add_info_pop .pop_inner .pop_header input[type="checkbox"] {display:none;}
.add_info_pop .pop_inner .pop_header input[type="checkbox"]+label {line-height:20px;cursor:pointer;}
.add_info_pop .pop_inner .pop_header input[type="checkbox"]+label:before {display:block;float:left;width:20px;height:20px;margin-right:6px;background:#fff;content:'';}
.add_info_pop .pop_inner .pop_header input[type="checkbox"]:checked+label:before {background: url('/resources/image/design/popup/pop_check_today_on.jpg') no-repeat}
.add_info_pop .pop_inner .pop_header input[type="checkbox"]+label span {color:#fff}
.add_info_pop .pop_add_content {position:relative;width:539px;background:#fff}
.add_info_pop .pop_add_content .pop_check_area {width:499px;padding:0 20px;}
.add_info_pop .pop_add_content .pop_check_area strong {display:block;padding:30px 0;margin-bottom:24px;border-bottom:1px solid #ebebeb;font-size:16px;text-align:center;line-height:24px;color:#313131;}
.add_info_pop .pop_add_content .pop_check_area .agree_area {margin-bottom:20px;}
.add_info_pop .pop_add_content .pop_check_area .agree_area input[type="checkbox"] {display:none;}
.add_info_pop .pop_add_content .pop_check_area .agree_area input[type="checkbox"]+label {line-height:22px;cursor:pointer;}
.add_info_pop .pop_add_content .pop_check_area .agree_area input[type="checkbox"]+label:before {display:block;float:left;width:22px;height:22px;margin-right:10px;background: url('/resources/image/design/popup/check_add_off.jpg') no-repeat;content:'';}
.add_info_pop .pop_add_content .pop_check_area .agree_area input[type="checkbox"]:checked+label:before {background: url('/resources/image/design/popup/check_add_on.jpg') no-repeat}
.add_info_pop .pop_add_content .pop_check_area .agree_area input[type="checkbox"]+label span {font-size:14px;font-weight:700;color:#313131}
.add_info_pop .pop_add_content .pop_check_area .agree_area p {margin:10px 0 0 33px;font-size:12px;color:#313131}
.add_info_pop .pop_add_content .pop_footer {display:flex;padding-top:12px;}
.add_info_pop .pop_add_content .pop_footer button {width:100%;height:58px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;}
.add_info_pop .pop_add_content .pop_footer button:nth-child(1) {background:#635cca;}
.add_info_pop .pop_add_content .pop_footer button:nth-child(2) {background:#ccc;}

.tcash_info_pop {position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;flex-direction: column; font-family:"맑은고딕","Malgun Gothic",serif;}
.tcash_info_pop:before {position:absolute;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,0.7);content:'';}
.tcash_info_pop .pop_inner{position: relative;}
.tcash_info_pop .pop_header {position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;}
.tcash_info_pop .pop_header input[type="checkbox"] {display:none;}
.tcash_info_pop .pop_header input[type="checkbox"]+label {cursor:pointer; color: #fff; padding-left: 6px; line-height: 20px;}
.tcash_info_pop .pop_header input[type="checkbox"]+label:before {display:block;float:left;width:20px;height:20px;background:#fff;content:'';}
.tcash_info_pop .pop_header input[type="checkbox"]:checked+label:before {background: url('/resources/image/design/popup/pop_check_today_on.jpg') no-repeat}
.tcash_info_pop .pop_header .pop_close {width: 27px; height: 27px; background: url('/resources/image/design/popup/pop_close_add.png') no-repeat; background-size: 100%; cursor: pointer;}
.tcash_info_pop .pop_cont {position: relative; z-index: 1; width: 540px; background: #fff;}
.tcash_info_pop .pop_cont_top {position:relative;height:90px; display: flex; align-items: center; justify-content: center; background: url('/resources/image/design/popup/pop_head.jpg');}
.tcash_info_pop .pop_cont_top h6 {font-size: 18px; color: #fff;}
.tcash_info_pop .pop_cont_text {padding-bottom: 30px;}
.tcash_info_pop .pop_cont_text_info {padding: 30px 70px 20px;}
.tcash_info_pop .pop_cont_text_info p {font-size: 14px; font-weight: bold; color: #313131;}
.tcash_info_pop .pop_cont_text_info p:nth-of-type(2) {margin-top: 20px;}
.tcash_info_pop .pop_cont_text_info ul {margin-top: 15px;}
.tcash_info_pop .pop_cont_text_info li {font-size: 12px; color: #313131;}
.tcash_info_pop .pop_cont_text_bt {padding: 0 20px;} 
.tcash_info_pop .pop_cont_text_bt p {padding: 30px 50px 0; font-size: 12px; color: #313131;border-top: 1px solid #ebebeb;}

/* 별점 팝업 */
.pop_evaluate {
    z-index: 1004;
    display: none;
    font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", sans-serif;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.pop_evaluate.on {
    display: block;
}
.pop_evaluate .tit h3 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    text-align: center;
}
.pop_evaluate .con { 
    padding: 40px 30px;
    text-align: center;
    box-sizing: border-box;
}
.pop_evaluate .is_text {
    margin-bottom: 32px;
}
.pop_evaluate .is_text h6 {
    font-size: 14px;
    font-weight: bold;
    color: #635BCA;
}
.pop_evaluate .is_text p {
    font-size: 14px;
    line-height: 1.2;
    margin-top: 25px;
    color: #333b58;
}
.pop_evaluate .is_text p span {
    color: #635BCA;
}
.pop_evaluate .con > p {
    font-size: 20px;
    color: #333b58;
}
.pop_evaluate .is_star {
    display: flex;
    justify-content: center;
    margin-top: 24px;
    gap: 12px;
}
.pop_evaluate .is_star button {
    width: 38px;
    height: 36px;
    padding: 0;
    background: url(/resources/image/store/ico_star_38x36.png) no-repeat;
    cursor: pointer;
    background-size: 100%;
}
.pop_evaluate .is_star button.on {
    background: url(/resources/image/store/ico_star_on_38x36.png) no-repeat;
    background-size: 100%;
}
.pop_evaluate .is_btn {
    display: flex;
} 
.pop_evaluate .is_btn button {
    width: 190px;
    height: 50px;
    color: #343B58;
    font-size: 16px;
    background: #D7DBE3;
    margin-top: 50px;
    cursor: pointer;
}
.pop_evaluate .is_btn button+button {
    color: #fff;
    margin-left: 10px;
    background: #343B58;
}

.pop_store {
    display: none;
    line-height: 1.2;
    font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", sans-serif;
    box-sizing: border-box;
    z-index: 1004;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 550px;
    padding: 40px 40px 0;
    text-align: center;
    background: #fff;
    border: 1px solid #E8E8E8;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09);
    border-radius: 10px;
}
.pop_store.on {
    display: block;
}
.pop_store .pop_close {
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
}
.pop_follow h6 {
    font-size: 26px;
    font-weight: bold;
    color: #101010;
}
.pop_follow .cont {
    text-align: left;
    margin-top: 40px;
    max-height: 605px;
    overflow-y: auto;
    padding-bottom: 40px;
    overflow-y: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE, Edge 구버전 */
}
.pop_follow .cont::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
    overflow-y: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE, Edge 구버전 */
}

.pop_modify::-webkit-scrollbar {
display: none; /* Chrome, Safari */
overflow-y: auto;
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE, Edge 구버전 */
}
.pop_follow .cont li {
    display: flex;
    align-items: center;
}
.pop_follow .cont li.none_data {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    text-align: center;
}

.pop_follow .cont li.none_data p {
    font-size: 16px;
    color: #a2a2a2;
    margin-top: 16px;
}
.pop_follow .cont li .pop_profile {
    width: 82px;
    height: 82px;
    margin-right: 20px;
}
.pop_follow .cont li .pop_profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}
.pop_follow .cont .pop_info .grade_box .grade {
    width: 21px;
    height: 25px;
    margin-right: 8px;
    background-size: 100%;
}
.pop_follow .cont .pop_info h3 {
    font-size: 22px;
    font-weight: bold;
    display: flex;
    align-items: center;
    color: #101010;
}
.pop_follow .cont li + li {
    margin-top: 32px;
}
.pop_follow .cont .pop_info > div {
    display: flex;
}
.pop_follow .cont .pop_info > div p + p {
    margin-left: 20px;
}
.pop_follow .cont .pop_info p {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin-top: 8px;
    color: #626262;
}
.pop_follow .cont .pop_info p span {
    display: inline-block;
    font-weight: bold;
    margin-left: 4px;
    color: #101010;
}
.pop_follow .cont .pop_info p span.c-436CEE {
    color: #436CEE;
}
.pop_follow .cont .pop_info p img {
    margin-right: 4px;
}
.pop_follow .cont .pop_info p img.star {
    width: 12px;
    margin-left: 3px;
    margin-right: 0;
}
.pop_modify {
    padding-bottom: 40px;
    max-height: 682px;
    overflow-y: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE, Edge 구버전 */
}
.pop_modify::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
}
.pop_modify .store_home_user {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 110px;
    background: #DEDEDE;
    border-radius: 100%;
    margin: 0 auto;
}
.pop_modify .store_home_user > img {
    width: 110px;
    height: 110px;
    object-fit: cover;
    border-radius: 100%;
}
.pop_modify .store_home_user button {
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
}
.pop_modify .store_home_user input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.pop_modify .store_home_user .profile_change_btn {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 36px;
    height: 36px;
    background: url(/resources/image/store/ico_modify.png);
    cursor: pointer;
}




.pop_modify .store_home_user_edit input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.pop_modify  .store_home_user_edit {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 12px;
}
.pop_modify .store_home_user_edit button {
    font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", sans-serif;
    font-size: 12px;
    height: 30px;
    padding: 0;
    color: #626262;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    cursor: pointer;
}
.pop_modify .store_home_user_edit button:nth-of-type(1) {
    padding: 0 8px;
}
.pop_modify .store_home_user_edit label {
    display: flex;
    align-items: center;
    padding: 0 8px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    cursor: pointer;
}

.pop_modify .form {
    display: flex;
    flex-direction: column;
    text-align: left;
    margin-top: 30px;
}
.pop_modify .form .item + .item {
    margin-top: 28px;
}
.pop_modify .form .item input,
.pop_modify .form .item select,
.pop_modify .form .item textarea {
    line-height: 1.3;
    font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", sans-serif;
    font-size: 16px;
    width: 100%;
    height: 60px;
    padding: 0 20px;
    margin-top: 12px;
    color: #626262;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    box-sizing: border-box;
}
.pop_modify .form .item select {
    -webkit-appearance: none;  /* 크롬 화살표 없애기 */
    -moz-appearance: none; /* 파이어폭스 화살표 없애기 */
    appearance: none;  /* 화살표 없애기 */
    background: url("/resources/image/store/ico_select.png") no-repeat;
    background-position-y: center;
    background-position-x: calc(100% - 20px);
}
.pop_modify .form .item textarea {
    line-height: 1.3;
    resize: none; /* 변경 불가능 */
    padding: 20px;
    height: 100px;
}
.pop_modify .form .item textarea::placeholder {
    color: #b7b7b7;
}
.pop_modify .form label {
    font-weight: bold;
    font-size: 16px;
    color: #000;
}
.pop_modify .form label span {
    font-weight: 300;
    font-size: 12px;
    margin-left: 8px;
    color: #626262;
}
.pop_modify .form .select2 {
    display: flex;
    align-items: center;
    margin-top: 4px;
}
.pop_modify .form .select2 p {
    font-size: 24px;   
    margin: 0 15px;
    color: #626262;
}
.pop_modify .form .is_btn {
    display: flex;
    margin-top: 28px;
}
.pop_modify .form .is_btn button {
    font-weight: bold;
    font-size: 20px;
    width: 100%;
    height: 60px;
    color: #b7b7b7;
    border-radius: 10px;
    background: #F5F5F5;
    cursor: pointer;
}
.pop_modify .form .is_btn button + button {
    margin-left: 20px;
    color: #fff;
    background: #635BCA;
}