@charset "utf-8";
/* ---------------------------------------------------------
* FileName : common.css
* ProjectName : E9Pay (Responsive Web)
* Description : 공통 스타일시트
* Author : ideumotion.com
* Date : 2017.11
--------------------------------------------------------- */
 

/* body.scrollNone {height:100%; overflow-y:hidden;}
article.wrap, section.wrap {width:1024px; margin:0 auto 0 auto;}

Form
input[type="text"], input[type="password"], input[type="file"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"] {display:block; width:100%; height:100%; font-size:16px; color:#333; line-height:42px; background-color:#fff; border:0 none;}
.disabled input[type="text"], .disabled input[type="password"], .disabled input[type="file"], .disabled input[type="search"], .disabled input[type="tel"], .disabled input[type="number"], .disabled input[type="email"] {background-color:#dcecf7;}
input[type="number"].currency {color:#ed1b23; text-align:right;}

input[type='checkbox'] {width:30px; height:30px; background:url('../images/common/form/bg_checkbox.png') 0 0 no-repeat; vertical-align:-3px;}
input[type='checkbox']:disabled {background:url('../images/common/form/bg_checkbox_on.png') 0 0 no-repeat;}
input[type='checkbox']:checked {background:url('../images/common/form/bg_checkbox_on.png') 0 0 no-repeat;}

input[type='radio'] {width:20px; height:20px; background:url('../images/common/form/bg_radio.png') 0 0 no-repeat; background-size:20px auto; vertical-align:-3px;}
input[type='radio']:disabled {background:url('../images/common/form/bg_radio_on.png') 0 0 no-repeat; background-size:20px auto;}
input[type='radio']:checked {background:url('../images/common/form/bg_radio_on.png') 0 0 no-repeat; background-size:20px auto;}

.input_text {position:relative; width:100%; height:42px; background-color:#fff; border:1px solid #999; padding:0 20px 0 20px;}
.input_text input:focus {outline:0 none;}
.text_area {position:relative; width:100%; background-color:#fff; border:1px solid #999;}
.text_area textarea {display:block; width:100%; min-height:200px; font-size:16px; color:#555; line-height:24px; border:0 none; padding:12px 12px 12px 12px;}
.text_area textarea:focus {outline:0 none;}

Ellipsis
.ellipsis {display:-webkit-box; text-overflow:ellipsis; word-wrap:break-word; white-space:nowrap; overflow:hidden;}
.ellipsis_2 {display:-webkit-box; text-overflow:ellipsis; -webkit-box-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden;}
.ellipsis_3 {display:-webkit-box; text-overflow:ellipsis; -webkit-box-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden;}

Button
.btn {-webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-touch-callout:none; -webkit-user-select:none; display:inline-block; width:100%; padding:0 0 0 0; margin:0; text-align:center; text-decoration:none !important; white-space:nowrap; border:0 none transparent; vertical-align:top; background-color:#ed1b23; overflow:visible; cursor:pointer;}
.btn::-moz-focus-inner {border:0; padding:0;}
a.btn {display:inline-block; text-decoration:none;}
button.btn {overflow:visible; display:inline-block; border:0;}
.btn .button {display:block; color:#fff; position:relative; padding:0 0 0 0; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-touch-callout:none; -webkit-user-select:none;}

.btn.normal {height:52px; font-size:16px; font-weight:bold; text-decoration:none;}
.btn.normal .button {line-height:52px;}
.btn.facebook {height:52px; font-size:16px; font-weight:normal; text-decoration:none; text-align:left; background:#3b5998 url('../images/common/btn/btn_facebook.png') 0 0 no-repeat;}
.btn.facebook .button {line-height:52px; padding-left:80px;}
.btn.google {height:52px; font-size:16px; font-weight:normal; text-decoration:none; text-align:left; background:#f9513d url('../images/common/btn/btn_google.png') 0 0 no-repeat;}
.btn.google .button {line-height:52px; padding-left:80px;}

Country Icon
span.country {display:inline-block; width:36px; height:36px; border:2px solid #e8e8e8; border-radius:36px; overflow:hidden;}
span.country.small {width:17px; height:17px; border:1px solid #e8e8e8; border-radius:17px; vertical-align:top; margin:2px 4px 0 0;}
span.country.en {background:url('../images/common/icon/icon_country_en.png') -2px -2px no-repeat; background-size:36px auto;} 영어권공통(en) - [1]
span.country.small.en {background-size:17px auto;}
span.country.kr {background:url('../images/common/icon/icon_country_kr.png') 0 0 no-repeat; background-size:36px auto;} 한국(kr) - [2]
span.country.small.kr {background-size:17px auto;}
span.country.np {background:url('../images/common/icon/icon_country_np.png') 0 0 no-repeat; background-size:36px auto;} 네팔(np) - [3]
span.country.small.np {background-size:17px auto;}
span.country.kh {background:url('../images/common/icon/icon_country_kh.png') -1px -2px no-repeat; background-size:36px auto;} 캄보디아(kh) - [4]
span.country.small.kh {background-size:17px auto;}
span.country.vn {background:url('../images/common/icon/icon_country_vn.png') -2px -2px no-repeat; background-size:36px auto;} 베트남(vn) - [5]
span.country.small.vn {background-size:17px auto;}
span.country.lk {background:url('../images/common/icon/icon_country_lk.png') -2px -2px no-repeat; background-size:36px auto;} 스리랑카(lk) - [6]
span.country.small.lk {background-size:17px auto;}
span.country.th {background:url('../images/common/icon/icon_country_th.png') -2px -2px no-repeat; background-size:36px auto;} 태국(th) - [7]
span.country.small.th {background-size:17px auto;}
span.country.uz {background:url('../images/common/icon/icon_country_uz.png') -2px -2px no-repeat; background-size:36px auto;} 우즈베키스탄(uz) - [8]
span.country.small.uz {background-size:17px auto;}
span.country.ph {background:url('../images/common/icon/icon_country_ph.png') -2px -2px no-repeat; background-size:36px auto;} 필리핀(ph) - [9]
span.country.small.ph {background-size:17px auto;}
span.country.id {background:url('../images/common/icon/icon_country_id.png') -2px -2px no-repeat; background-size:36px auto;} 인도네시아(id) - [10]
span.country.small.id {background-size:17px auto;}
span.country.bd {background:url('../images/common/icon/icon_country_bd.png') -1px -2px no-repeat; background-size:36px auto;} 방글라데시(bd) - [11]
span.country.small.bd {background-size:17px auto;}
span.country.cn {background:url('../images/common/icon/icon_country_cn.png') 0 0 no-repeat; background-size:36px auto;} 중국(cn) - [12]
span.country.small.cn {background-size:17px auto;}
span.country.tp {background:url('../images/common/icon/icon_country_tp.png') -1px -2px no-repeat; background-size:36px auto;} 동티모르(tp) - [13]
span.country.small.tp {background-size:17px auto;}
span.country.jp {background:url('../images/common/icon/icon_country_jp.png') -2px -2px no-repeat; background-size:36px auto;} 일본(jp) - [14]
span.country.small.jp {background-size:17px auto;}
span.country.la {background:url('../images/common/icon/icon_country_la.png') -2px -2px no-repeat; background-size:36px auto;} 라오스(la) - [15]
span.country.small.la {background-size:17px auto;}
span.country.mn {background:url('../images/common/icon/icon_country_mn.png') -2px 0 no-repeat; background-size:36px auto;} 몽골(mn) - [16]
span.country.small.mn {background-size:17px auto;}
span.country.mm {background:url('../images/common/icon/icon_country_mm.png') -2px -2px no-repeat; background-size:36px auto;} 미얀마(mm) - [17]
span.country.small.mm {background-size:17px auto;}
span.country.my {background:url('../images/common/icon/icon_country_my.png') -1px -2px no-repeat; background-size:36px auto;} 말레이시아(my) - [18]
span.country.small.my {background-size:17px auto;}
span.country.pk {background:url('../images/common/icon/icon_country_pk.png') -4px -2px no-repeat; background-size:36px auto;} 파키스탄(pk) - [19]
span.country.small.pk {background-size:17px auto;}
span.country.ru {background:url('../images/common/icon/icon_country_ru.png') 0 -2px no-repeat; background-size:36px auto;} 러시아(ru) - [20]
span.country.small.ru {background-size:17px auto;}
span.country.kg {background:url('../images/common/icon/icon_country_kg.png') -1px -1px no-repeat; background-size:36px auto;} 키르키즈스탄(kg) - [21]
span.country.small.kg {background-size:17px auto;}
span.country.kz {background:url('../images/common/icon/icon_country_kz.png') 0 -1px no-repeat; background-size:36px auto;} 카자흐스탄(kz) - [22]
span.country.small.kz {background-size:17px auto;}

span.country.in {background:url('../images/common/icon/icon_country_in.jpg') 0 -1px no-repeat; background-size:36px auto;} 인도(in) - [23]
span.country.small.in {background-size:17px auto;}
span.country.au {background:url('../images/common/icon/icon_country_au.png') 0 -1px no-repeat; background-size:36px auto;} 호주(au) - [24]
span.country.small.au {background-size:17px auto;}

span.country.tj {background:url('../images/common/icon/icon_country_tj.png') 0 -1px no-repeat; background-size:36px auto;} 타지키스탄(tj) - [25]
span.country.small.tj {background-size:17px auto;}

span.country.us {background:url('../images/common/icon/icon_country_us.png') 0 -1px no-repeat; background-size:36px auto;} 미국(us) - [26]
span.country.small.us {background-size:17px auto;}

span.country.tr {background:url('../images/common/icon/icon_country_tr.png') 0 -1px no-repeat; background-size:36px auto;} 터키(tr) - [27]
span.country.small.tr {background-size:17px auto;}

span.country.ua {background:url('../images/common/icon/icon_country_ua.png') 0 -1px no-repeat; background-size:36px auto;} 터키(tr) - [27]
span.country.small.ua {background-size:17px auto;}

span.country.sg {background:url('../images/common/icon/icon_country_sg.png') 0 -1px no-repeat; background-size:36px auto;} 터키(tr) - [27]
span.country.small.sg {background-size:17px auto;}

span.country.hk {background:url('../images/common/icon/icon_country_hk.png') 0 -1px no-repeat; background-size:36px auto;} 터키(tr) - [27]
span.country.small.hk {background-size:17px auto;}

Box Contents
.table_box {border-top:2px solid #555; overflow:hidden;}

Table Layout
section.table_box.type1 table {width:100%; overflow:hidden;}
section.table_box.type1 table caption {width:1px; height:1px; line-height:0; font-size:0; padding:0; margin:0; visibility:hidden;}
section.table_box.type1 table colgroup .col3 {width:33.33333333333333%;}
section.table_box.type1 table thead tr th {font-size:16px; color:#333; line-height:22px; text-align:center; border-bottom:1px solid #999; padding:17px 0 20px 0;}
section.table_box.type1 table tbody tr td {font-size:16px; color:#555; line-height:22px; text-align:center; border-bottom:1px solid #999; padding:17px 0 20px 0;}

selectric
.selectric {min-width:100px; width:100%; background-color:#fff; border:1px solid #999;}
.selectric .label {height:40px; font-size:16px; color:#555; line-height:38px; padding-left:10px !important;}
.selectric .button {background:#fff url('../images/common/btn/btn_select_arrow.png') center 16px no-repeat !important;}
.selectric .button:after {content:initial !important; background:url('../images/common/btn/btn_select_arrow.png') 0 0 no-repeat !important;}
.selectric-hover .selectric {border:1px solid #999 !important;}
.selectric-open .selectric {border:1px solid #999 !important;}
.selectric-items {background-color:#fff; border:1px solid #999;}
.selectric-items .selectric-scroll {overflow-x:hidden;}
.selectric-items .selectric-scroll ul li {display:block; min-width:100px; width:100%; font-size:16px; color:#555; line-height:38px; padding-left:20px !important; margin-top:0 !important; margin-left:0 !important;}

Common Popup
article.alert_wrap {visibility:hidden; position:absolute; top:0; left:0; width:100%; height:100%; min-height:100%; padding:0 12px 0 12px; z-index:99999; overflow:hidden;}
article.alert_wrap .alert_cont_box {position:absolute; top:50%; left:50%; width:400px; background-color:#fff; border-radius:3px; box-shadow:0 1px 1px #1c1c1c; z-index:9200; margin:-100px 0 0 -200px; overflow:hidden;}
article.alert_wrap .alert_cont_box section.header {position:relative; height:55px; border-bottom:1px solid #b6b6b6; margin:0 15px 0 15px; overflow:hidden;}
article.alert_wrap .alert_cont_box section.contents {padding:0 0 0 0; margin:0 15px 0 15px;}
article.alert_wrap .alert_cont_box section.header p {font-family:'NotoSansKR-Bold'; font-size:18px; color:#333; line-height:53px; text-align:left; padding-left:13px;}
article.alert_wrap .alert_cont_box section.header a.close {display:block; position:absolute; top:20px; right:12px; width:16px; height:16px; background:url('../images/common/btn/btn_alert_close.png') 0 0 no-repeat; background-size:16px auto; overflow:hidden;}
article.alert_wrap .alert_cont_box section.contents .footer_btn {font-size:0; padding:0 0 20px 0; overflow:hidden;}
article.alert_wrap .alert_cont_box section.contents .footer_btn .btn {float:left; width:49%; height:39px; border-radius:3px; background-color:#a7afb8;}
article.alert_wrap .alert_cont_box section.contents .footer_btn.col1 .btn {float:none; width:100%;}
article.alert_wrap .alert_cont_box section.contents .footer_btn .btn:last-child {float:right; background-color:#0e75bc;}
article.alert_wrap .alert_cont_box section.contents .footer_btn .btn .button {line-height:39px;}
article.alert_wrap .alert_dimd {display:none; position:absolute; top:0; left:0; width:100%; height:100%; min-height:100%; background-color:#000; opacity:0.7; z-index:9100;}
article.alert_wrap .alert_dimd.active {display:block;}

Alert Contents
section.contents .alert_txt {padding:20px 12px 20px 12px;}
section.contents .alert_txt p {font-size:15px; color:#555; line-height:20px; text-align:left;}
section.contents .alert_txt p.question {margin-top:6px;}
section.contents .country_sel {min-height:58px; height:198px; max-height:198px; overflow-x:hidden; overflow-y:auto;}
section.contents .country_sel ul {font-size:0; overflow:hidden;}
section.contents .country_sel ul li {position:relative; border-top:1px solid #e0e0e0; padding:10px 0 10px 10px; overflow:hidden;}
section.contents .country_sel ul li:first-child {border-top:none;}
section.contents .country_sel ul li label {display:block; cursor:pointer;}
section.contents .country_sel ul li label .country {vertical-align:top;}
section.contents .country_sel ul li label .code {display:inline-block; height:31px; font-size:16px; color:#333; line-height:30px; margin-left:6px;}
section.contents .country_sel ul li label input[type="radio"] {position:absolute; top:16px; right:10px;}


******************
	Mobile CSS
 *******************
@media only screen and (max-width:768px),
only screen and (-webkit-min-device-pixel-ratio :1.5) and (max-width: 768px),
only screen and (min-device-pixel-ratio :1.5) and (max-width: 768px),
only screen and (-webkit-min-device-pixel-ratio :2) and (max-width: 768px),
only screen and (min-device-pixel-ratio :2) and (max-width: 768px) {
	
	article.wrap, section.wrap {width:100%; margin:inherit;}
	
	Form
	input[type="text"], input[type="password"], input[type="file"], input[type="search"], input[type="tel"], input[type="number"] {line-height:44px;}
	
	input[type='checkbox'] {width:23px; height:23px; background:url('../images/common/form/bg_checkbox_m.png') 0 0 no-repeat; background-size:23px auto;}
	input[type='checkbox']:disabled {background:url('../images/common/form/bg_checkbox_m_on.png') 0 0 no-repeat; background-size:23px auto;}
	input[type='checkbox']:checked {background:url('../images/common/form/bg_checkbox_m_on.png') 0 0 no-repeat; background-size:23px auto;}
	
	.input_text {height:44px; padding:0 10px 0 10px;}
	
	Button
	.btn.normal {height:44px; font-size:16px; font-weight:bold; text-decoration:none;}
	.btn.normal .button {line-height:40px;}
	.btn.facebook {height:44px; font-size:16px; font-weight:normal; text-decoration:none; text-align:left; background:#3b5998 url('../images/common/btn/btn_facebook_m.png') 0 0 no-repeat; background-size:44px auto;}
	.btn.facebook .button {line-height:40px; padding-left:80px;}
	.btn.google {height:44px; font-size:16px; font-weight:normal; text-decoration:none; text-align:left; background:#f9513d url('../images/common/btn/btn_google_m.png') 0 0 no-repeat; background-size:44px auto;}
	.btn.google .button {line-height:40px; padding-left:80px;}
	
	selectric
	.selectric .label {padding-left:0 !important;}
	.selectric-items .selectric-scroll ul li {padding-left:10px !important;}
	
	Common Popup
	article.alert_wrap .alert_cont_box {position:absolute; top:50%; left:50%; width:90%; background-color:#fff; border-radius:3px; box-shadow:0 1px 1px #1c1c1c; z-index:9200; margin:-100px 0 0 -45%; overflow:hidden;}
	article.alert_wrap .alert_cont_box section.header {position:relative; height:55px; border-bottom:1px solid #b6b6b6; margin:0 15px 0 15px; overflow:hidden;}
	article.alert_wrap .alert_cont_box section.contents {padding:0 0 0 0; margin:0 15px 0 15px;}
	article.alert_wrap .alert_cont_box section.header p {font-family:'NotoSansKR-Bold'; font-size:18px; color:#333; line-height:53px; text-align:left; padding-left:13px;}
	article.alert_wrap .alert_cont_box section.header a.close {display:block; position:absolute; top:20px; right:12px; width:16px; height:16px; background:url('../images/common/btn/btn_alert_close.png') 0 0 no-repeat; background-size:16px auto; overflow:hidden;}
	article.alert_wrap .alert_cont_box section.contents .footer_btn {font-size:0; padding:0 0 20px 0; overflow:hidden;}
	article.alert_wrap .alert_cont_box section.contents .footer_btn .btn {float:left; width:49%; height:39px; border-radius:3px; background-color:#a7afb8;}
	article.alert_wrap .alert_cont_box section.contents .footer_btn.col1 .btn {float:none; width:100%;}
	article.alert_wrap .alert_cont_box section.contents .footer_btn .btn:last-child {float:right; background-color:#0e75bc;}
	article.alert_wrap .alert_cont_box section.contents .footer_btn .btn .button {line-height:39px;}
	
	Alert Contents
	section.contents .alert_txt {padding:20px 12px 20px 12px;}
	section.contents .alert_txt p {font-size:15px; color:#555; line-height:20px; text-align:left;}
	section.contents .alert_txt p.question {margin-top:6px;}
	section.contents .country_sel {min-height:58px; height:198px; max-height:198px; overflow-x:hidden; overflow-y:auto;}
	section.contents .country_sel ul {font-size:0; overflow:hidden;}
	section.contents .country_sel ul li {position:relative; border-top:1px solid #e0e0e0; padding:10px 0 10px 10px; overflow:hidden;}
	section.contents .country_sel ul li:first-child {border-top:none;}
	section.contents .country_sel ul li label {display:block; cursor:pointer;}
	section.contents .country_sel ul li label .country {vertical-align:top;}
	section.contents .country_sel ul li label .code {display:inline-block; height:31px; font-size:16px; color:#333; line-height:30px; margin-left:6px;}
	section.contents .country_sel ul li label input[type="radio"] {position:absolute; top:16px; right:10px;}
	
}
 */
 /* End Mobile */
input[type="text"]{display:block; width:100%; height:100%; font-size:14px; color:#1c1c1c; background-color:#fff; }
.input_text input:focus, textarea:focus {outline:0 none;}
.input_text {position:relative; width:100%; height:38px; background-color:#fff; }

.table{width: 100%; margin:auto; position:relative; color:black}
.table .thead {width:100%; text-align:center; font-size:22px}
.table .tbody{text-align:center; }
.table .tbody table{width:100%; }
.table .tbody td {padding:5px 0 5px 0; font-size:20px}
.table .thead table {width:inherit }
.table .thead table tr {border-top : 4px solid #ffd21d; border-bottom:2px solid lightgray; background-color: #f8f8f8; height:50px}
.table .tbody table tr {border-bottom:0.5px solid black; height:65px}

.table.custom1 .thead {font-size:20px}
.table.custom1 .tbody td {font-size:18px}

.pdfDownIcon {width:17px; vertical-align: middle;}
.searchBtnIcon{width:22px; }