@charset 'utf-8';
/* 프로모션용 CSS */
#pro_tooltip {background-image:url('../img/xhdpi/ico_q.png');background-repeat:no-repeat;width:16px;height:15px;display:inline-block;background-size:contain;margin-bottom:-1px;cursor:pointer;}
.pro_tooltiparea{display: none;text-align: left;font-size:12px;background-color:white;border-radius:6px;color:#0c3851;text-align:center;}
#pro_name_init{display: none;text-align: left;font-size:12px;background-color:white;border-radius:6px;color:#0c3851;text-align:center;font-weight:bold;width:50%;margin:auto;font-family:'Dotum', 'Arial', 'Verdana', sans-serif;}
#pro_loading {position: fixed;top:50%;left:50%;margin-left:-21px;margin-top:-21px;z-index:10;display:none;}

/* SK Planet - Base 1.0 */
html,body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,th,td,button,blockquote{margin:0;padding:0;border:0;font-size:100%;font:inherit;}
body{-webkit-text-size-adjust:none;}
input,textarea,select,button{font:inherit;vertical-align:middle;padding:0;}
input[type='button'],input[type='text'],input[type='image'],input[type='submit'],input[type='password'],textarea{-webkit-appearance:none;border-radius:0;}
input[type='checkbox']{-webkit-appearance:checkbox;}
input[type='radio']{-webkit-appearance:radio;}
textarea{resize:none;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
img,fieldset,iframe{border:none;}
address,cite,code,dfn,em,var,th{font-style:normal;font-weight:normal;}
a{text-decoration:none;}
article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block;}

/* ----- Common ----- */
* {-webkit-tap-highlight-color:rgba(0,0,0,0);}
#phoneno02{font-size: 16px;}
#payersid{font-size: 16px;}
#gubun{font-size: 16px;}
#securetext {text-transform: uppercase;}
html, body, .wrap {height:100%;}
body {font-size:13px;line-height:18px;color:#3e3c3f;font-family:'Dotum', 'Arial', 'Verdana', sans-serif;word-break:break-all;background-color:#f5f5f5;}
a {color:#3e3c3f;}
i {font-style:normal;}
legend, hr {display:none;}
textarea {border:0;margin:0;}
button {cursor:pointer;margin:0;padding:0;}
img {vertical-align:top;}
select, .inp-st {
	box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
	-moz-appearance:none;-webkit-appearance:none;appearance:none;margin:0;padding:0;border:0 none;font-family:'Dotum', 'Arial', 'Verdana', sans-serif;color:#3e3c3f;}
::-webkit-input-placeholder { /* 크롬 4–56 */color: #9e9e9e;}
:-moz-placeholder { /* 파이어폭스 4–18 */color: #9e9e9e;opacity:  1;}
::-moz-placeholder { /* 파이어폭스 19–50 */color: #9e9e9e;opacity:  1;}
:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */color:  #9e9e9e;}
::placeholder { /* 파이어폭스 51+, 크롬 57+ */color: #9e9e9e;opacity:  1;}
select::-ms-expand {display: none;/* 화살표 없애기 for IE10, 11*/}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {select::-ms-expand {display:none;} input::-ms-clear {display:none;}}
.skip-nav {position:absolute;left:-9999px;overflow:hidden;}
.sec-code {width:6px;height:6px;}
.above-all-layer {position:absolute;left:0;top:0;z-index:1000;width:100%;height:100%;background-color:#fff;opacity:0.3;}
input[type='password'] {font-family:'Arial', 'Verdana', sans-serif;}
.guide-txt {color:#cecdc9;}
/* keyframes animation */
@-webkit-keyframes splash {
	from { background-position:0 0; }
	to { background-position:-360px 0; }
}
@keyframes splash {
	from { background-position:0 0; }
	to { background-position:-360px 0; }
}
/* theme */
	/* default - navy */
    .hide { display:none}
	.default .header-grp {background-color:#0c3851;}
	.default .header-grp .date, .default .simple-pay-history em {color:#fff;opacity: 0.5}
	.default .st01:checked + label:before {border-color:#0c3851;background-color:#0c3851;}
	.default .st01[type='radio']:checked + label:after {background-color:#0c3851;}
	.default .frm-box .caution-txt {color:#f44040;}
	.default .frm-box .fz14{font-size: 14px;}
	.default .btn-grp .btn-cell .point {background-color:#0c3851;}
	.default .btn-grp .btn-cell .point:active {background-color:#0b3249;}
	.default .btn-grp .btn-cell .point.dimmed:active {color:#fff;background-color:#0c3851;}
	.default .choose-btn-list.col-type .active a, .default .choose-btn-list.col-type .active .row {color:#fff;border-color:#0c3851;background-color:#0c3851;}
	.default .choose-btn-list.col-type .active select {color:#0c3851;}
	.default .choose-one-box .active a {border-color:#0c3851;color:#fff;background-color: #0c3851;}
	.default .key-txt-box dd strong {font-size:28px;color: #0c3851;letter-spacing: -0.04em;}
	.default .row-wrap .btn-row .ins-btn {
		display:block;overflow:hidden;width:100%;height:26px;line-height:20px;letter-spacing:-0.1em;font-size:14px;color:#0c3851;background-color:transparent;text-decoration: underline;
    padding-top: 5px;text-align: right;}
    .default .row-wrap .btn-row .ins-btnbox {
		display:block;overflow:hidden;width:100%;height:38px;line-height:38px;letter-spacing:-0.1em;font-size:14px;color:#fff;background-color:#0c3851;text-align: center;}
    .default .caution .box-cell h1 {padding-top:72px;margin:0 0 7px 0;font-size:20px;line-height:24px;background:url('../img/ico_caution_navy.png') 50% 0 no-repeat;background-size:57px 50px;color: #153f57;font-weight: bold;}
    .default .caution_cd .box-cell.u-plus h1, .default .caution .box-cell.kt h1, .default .caution .box-cell.skt h1 {margin-bottom:10px;padding-top:75px;color:#0c3851;font-weight: bold;}
    .default .caution .box-cell.u-plus h1, .default .caution .box-cell.kt h1, .default .caution .box-cell.skt h1 {margin-bottom:10px;padding-top:75px;color:#0c3851;font-weight: bold;}

	/* theme01 - blue */
	.theme01 .header-grp {background-color:#00a9da;}
	.theme01 .header-grp .date, .theme01 .simple-pay-history em {color:#046885;}
	.theme01 .st01:checked + label:before {border-color:#00a9da;background-color:#00a9da;}
	.theme01 .st01[type='radio']:checked + label:after {background-color:#00a9da;}
	.theme01 .frm-box .caution-txt {color:#00a9da;}
	.theme01 .btn-grp .btn-cell .point {background-color:#00a9da;}
	.theme01 .btn-grp .btn-cell .point:active {background-color:#0098c4;}
	.theme01 .btn-grp .btn-cell .point.dimmed:active {color:#fff;background-color:#00a9da;}
	.theme01 .choose-btn-list.col-type .active a, .theme01 .choose-btn-list.col-type .active .row {color:#00a9da;border-color:#00a9da;}
	.theme01 .choose-btn-list.col-type .active select {color:#00a9da;}
	.theme01 .choose-one-box .active a {border-color:#00a9da;color:#00a9da;}
	.theme01 .key-txt-box dd strong {font-size:28px;color: #00a9da;letter-spacing: -0.04em;}
	.theme01 .row-wrap .btn-row .ins-btn {
		display:block;overflow:hidden;width:100%;height:26px;line-height:20px;letter-spacing:-0.1em;font-size:14px;color:#025871;background-color:transparent;text-decoration: underline;
    padding-top: 5px;text-align: right;}
    .theme01 .caution .box-cell h1 {padding-top:72px;margin:0 0 7px 0;font-size:20px;line-height:24px;background:url('../img/ico_caution_blue.png') 50% 0 no-repeat;background-size:57px 50px;color: #00a9da;font-weight: bold;}
    .theme01 .caution_cd .box-cell.u-plus h1, .theme01 .caution .box-cell.kt h1, .theme01 .caution .box-cell.skt h1 {margin-bottom:10px;padding-top:75px;color:#00a9da;font-weight: bold;}
    .theme01 .caution .box-cell.u-plus h1, .theme01 .caution .box-cell.kt h1, .theme01 .caution .box-cell.skt h1 {margin-bottom:10px;padding-top:75px;color:#00a9da;font-weight: bold;}

	/* theme02 - orange */
	.theme02 .header-grp {background-color:#f35d22;}
	.theme02 .header-grp .date, .theme02 .simple-pay-history em {color:#cb3500;}
	.theme02 .st01:checked + label:before {border-color:#f35d22;background-color:#f35d22;}
	.theme02 .st01[type='radio']:checked + label:after {background-color:#f35d22;}
	.theme02 .frm-box .caution-txt {color:#f35d22;}
	.theme02 .btn-grp .btn-cell .point {background-color:#f35d22;}
	.theme02 .btn-grp .btn-cell .point:active {background-color:#da541f;}
	.theme02 .btn-grp .btn-cell .point.dimmed:active {color:#fff;background-color:#f35d22;}
	.theme02 .choose-btn-list.col-type .active a, .theme02 .choose-btn-list.col-type .active .row {color:#f35d22;border-color:#f35d22;}
	.theme02 .choose-btn-list.col-type .active select {color:#f35d22;}
	.theme02 .choose-one-box .active a {border-color:#f35d22;color:#f35d22;}
	.theme02 .key-txt-box dd strong {font-size:28px;color: #f35d22;letter-spacing: -0.04em;}
	.theme02 .row-wrap .btn-row .ins-btn {
		display:block;overflow:hidden;width:100%;height:26px;line-height:20px;letter-spacing:-0.1em;font-size:14px;color:#9e340b;background-color:transparent;text-decoration: underline;
    padding-top: 5px;text-align: right;}
    .theme02 .caution .box-cell h1 {padding-top:72px;margin:0 0 7px 0;font-size:20px;line-height:24px;background:url('../img/ico_caution_orange.png') 50% 0 no-repeat;background-size:57px 50px;color: #f35d22;font-weight: bold;}
    .theme02 .caution_cd .box-cell.u-plus h1, .theme02 .caution .box-cell.kt h1, .theme02 .caution .box-cell.skt h1 {margin-bottom:10px;padding-top:75px;color:#f35d22;font-weight: bold;}

    /* theme03 - green */
	.theme03 .header-grp {background-color:#00b04e;}
	.theme03 .header-grp .date, .theme03 .simple-pay-history em {color:#008039;}
	.theme03 .st01:checked + label:before {border-color:#00b04e;background-color:#00b04e;}
	.theme03 .st01[type='radio']:checked + label:after {background-color:#00b04e;}
	.theme03 .frm-box .caution-txt {color:#00b04e;}
	.theme03 .btn-grp .btn-cell .point {background-color:#00b04e;}
	.theme03 .btn-grp .btn-cell .point:active {background-color:#009e46;}
	.theme03 .btn-grp .btn-cell .point.dimmed:active {color:#fff;background-color:#00b04e;}
	.theme03 .choose-btn-list.col-type .active a, .theme03 .choose-btn-list.col-type .active .row {color:#00b04e;border-color:#00b04e;}
	.theme03 .choose-btn-list.col-type .active select {color:#00b04e;}
	.theme03 .choose-one-box .active a {border-color:#00b04e;color:#00b04e;}
	.theme03 .key-txt-box dd strong {font-size:28px;color: #00b04e;letter-spacing: -0.04em;}
	.theme03 .row-wrap .btn-row .ins-btn {
		display:block;overflow:hidden;width:100%;height:26px;line-height:20px;letter-spacing:-0.1em;font-size:14px;color:#025928;background-color:transparent;text-decoration: underline;
    padding-top: 5px;text-align: right;}
    .theme03 .caution .box-cell h1 {padding-top:72px;margin:0 0 7px 0;font-size:20px;line-height:24px;background:url('../img/ico_caution_green.png') 50% 0 no-repeat;background-size:57px 50px;color: #00b04e;font-weight: bold;}
    .theme03 .caution_cd .box-cell.u-plus h1, .theme03 .caution .box-cell.kt h1, .theme03 .caution .box-cell.skt h1 {margin-bottom:10px;padding-top:75px;color:#00b04e;font-weight: bold;}
    .theme03 .caution_cd .box-cell.u-plus h1, .theme03 .caution .box-cell.kt h1, .theme03 .caution .box-cell.skt h1 {margin-bottom:10px;padding-top:75px;color:#00b04e;font-weight: bold;}

	/* theme04 - pink */
	.theme04 .header-grp {background-color:#f45475;}
	.theme04 .header-grp .date, .theme04 .simple-pay-history em {color:#ce2749;}
	.theme04 .st01:checked + label:before {border-color:#f45475;background-color:#f45475;}
	.theme04 .st01[type='radio']:checked + label:after {background-color:#f45475;}
	.theme04 .frm-box .caution-txt {color:#f45475;}
	.theme04 .btn-grp .btn-cell .point {background-color:#f45475;}
	.theme04 .btn-grp .btn-cell .point:active {background-color:#db4b69;}
	.theme04 .btn-grp .btn-cell .point.dimmed:active {color:#fff;background-color:#f45475;}
	.theme04 .choose-btn-list.col-type .active a, .theme04 .choose-btn-list.col-type .active .row {color:#f45475;border-color:#f45475;}
	.theme04 .choose-btn-list.col-type .active select {color:#f45475;}
	.theme04 .choose-one-box .active a {border-color:#f45475;color:#f45475;}
	.theme04 .key-txt-box dd strong {font-size:28px;color: #f45475;letter-spacing: -0.04em;}
	.theme04 .row-wrap .btn-row .ins-btn {
		display:block;overflow:hidden;width:100%;height:26px;line-height:20px;letter-spacing:-0.1em;font-size:14px;color:#973449;background-color:transparent;text-decoration: underline;
    padding-top: 5px;text-align: right;}
    .theme04 .caution .box-cell h1 {padding-top:72px;margin:0 0 7px 0;font-size:20px;line-height:24px;background:url('../img/ico_caution_pink.png') 50% 0 no-repeat;background-size:57px 50px;color: #f45475;font-weight: bold;}
    .theme04 .caution_cd .box-cell.u-plus h1, .theme04 .caution .box-cell.kt h1, .theme04 .caution .box-cell.skt h1 {margin-bottom:10px;padding-top:75px;color:#f45475;font-weight: bold;}
    .theme04 .caution_cd .box-cell.u-plus h1, .theme04 .caution .box-cell.kt h1, .theme04 .caution .box-cell.skt h1 {margin-bottom:10px;padding-top:75px;color:#f45475;font-weight: bold;}

/* layout */
	.header-grp {position:relative;padding:27px 20px 15px 20px;}
	.header-grp h1 {height:30px;margin-bottom:12px;width: 70%;display: inline-block;}
	.header-grp .status img{height:30px;}
	.header-grp .payletter_k {background-image:url('../img/ci_payletter.png');}
	.header-grp .date, .header-grp h2 {position:absolute;right:20px;top:27px;background-repeat:no-repeat;background-position:0 0;background-size:113px 25px;width:113px;height:25px;margin-bottom:12px;text-indent: -9999px;}
	.header-grp .payletter{background-image:url('../img/bi_payletter.png');}
	.header-grp .def-txt {margin:-5px 0 2px 0;font-size:14px;color:#fff;opacity:0.8;}
	.simple-pay-history dl {position:relative;padding-bottom:7px;padding-left:68px;font-size:14px;line-height:21px;}
	.simple-pay-history dt {position:absolute;left:0;top:0;color:#fff;opacity:0.7;}
	.simple-pay-history dd {color:#fff;text-align:right;letter-spacing:-0.04em;}
	.simple-pay-history dd span {color:#fff;}
	.simple-pay-history strong {display:inline-block;vertical-align:top;margin-top:-2px;font-size:19px;}
	.content-grp {padding-bottom:100px;}
	.footer-grp {position:fixed;left:0;bottom:0;width:100%;}
	.main-footer {position:relative;z-index:12;padding:20px;}
	.main-footer .sub-txt {position:relative;z-index:12;margin-bottom:19px;font-size:13px;color:#7b7a7c;}
	.main-footer:before, .main-footer .ie-before {content:'';position:absolute;left:0;top:0;z-index:11;width:100%;height:100%;background-color:#f5f5f5;opacity:0.75;}
	.main-footer .btn-grp {position:relative;z-index:12;}
/* form check & radio style */
	.frm-chk {display:none;}
	.frm-chk + label {cursor:pointer;position:relative;display:inline-block;overflow:hidden;height:20px;margin-right:4px;vertical-align:top;font-size:13px;line-height:22px;color:#676567;}
	.f-sizeup .frm-chk + label {font-size:14px;}
	.frm-chk + label.other-line {display:inline-block;overflow:visible;height:auto;margin:0;}
	.frm-chk + label:before {
		position:absolute;left:0;top:50%;content:'';display:block;
		box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
		border:1px solid #d5d5d5;background:#fff;}
	.frm-chk + label:after {
		position:absolute;top:50%;z-index:0;content:'';display:block;
		box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
	.st01:checked + label:before {-webkit-transition:background 0.6s;-moz-transition:background 0.6s;-o-transition:background 0.6s;transition:background 0.6s;}
	/* for checkbox */
	.st01[type='checkbox'] + label {padding-left:27px;}
	.st01[type='checkbox'] + label:before {width:20px;height:20px;margin-top:-10px;border-radius:3px;}
	.st01[type='checkbox'] + label.other-line:before, .st01[type='radio'] + label.other-line:before {top:0;margin-top:0;}
	.st01[type='checkbox']:checked + label:after {left:3px;width:14px;height:10px;margin-top:-5px;border:none;background:url('../img/ico_chk.png') no-repeat;background-size:14px 10px;}
	.st01[type='checkbox']:checked + label.other-line:after {top:0;margin-top:5px;}
	/* for radio */
	.st01[type='radio'] + label {padding-left:24px;}
	.st01[type='radio'] + label:before {width:20px;height:20px;margin-top:-10px;border-radius:20px;border-color:#d6d6d6 !important;background-color:#fff !important;}
	.st01[type='radio']:checked + label:after {left:6px;width:8px;height:8px;margin-top:-4px;border-radius:8px;}
	.st01[type='radio']:checked + label.other-line:after {top:0;margin-top:6px;}
/* form group */
	.frm-grp {padding:18px 20px 0 20px;}
	.frm-grp .row {position:relative;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-top:3px;border:1px solid #e2e2e2;background-color:#fff;}
	.frm-box .row {position:relative;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-top:3px;border:1px solid #e2e2e2;background-color:#fff;}
	.frm-box .mb12{margin-bottom: 12px;}
	.frm-box .mt22{margin-top:22px;}
	.row .click {position:absolute;left:0;top:0;z-index:1;display:block;overflow:hidden;width:100%;height:100%;text-indent:100%;white-space:nowrap;background:url('../img/blank.png') repeat;}
	.frm-box.solo-st {margin-bottom:-7px;}
	.frm-box.solo-st02 {padding-top:18px;margin-bottom:0;}
	.frm-box.solo-st02 .row {margin-top:5px;}
	.frm-box.solo-st02 .row:first-of-type {margin-top:2px;}
	.frm-box .mb5{margin-bottom: 5px;}
	.frm-box .pl5{padding-left: 5px;}
	.frm-box .field {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;display:block;}
	.field label {
		display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
		position:absolute;left:0;top:0;width:100%;height:36px;padding:0px 0 0 17px;font-size:16px;white-space:nowrap;letter-spacing:-0.1em;color:#cecdc9;line-height: 36px;}
	.age_ni{color:#676767;margin:15px 0 5px;}
	.field .inp-st, .field select {overflow:hidden;width:100%;height:36px;padding:0 25px 0 17px;font-size:16px;letter-spacing:0em;background:transparent;text-align:center;}
	.field select {padding-left:17px;font-size:15px;background:url('../img/bg_select_arrow.png') 100% 50% no-repeat;background-size:23px 6px;}
	.field.active select {padding-left:17px;font-size:15px;background:url('../img/bg_select_arrow_active.png') 100% 50% no-repeat;background-size:23px 6px;}
	.field.one-field .inp-st {padding-left:0;}
	.field.one-txt {width:72px;max-width:72px;min-width:72px;text-align:center;position: relative;}
	.field.sec-txt-set {width:112px;max-width:112px;min-width:112px;position:relative;}
	.field.one-field, .field.one-field .inp-st {width:17px;max-width:17px;min-width:17px;padding:0;text-align:center;position: relative;}
	.field.one-field label {padding-top:0;padding-left:0;line-height:58px;}
	.field.one-field label img {margin-top:15px;}
	.field .sec-txt {
		display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
		position:absolute;left:0;top:0;width:100%;height:36px;line-height:36px;}
	.field .sec-txt .sec-code {margin:15px 0 0 3px;}
	.field .txt {
		box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:absolute;left:0;top:0;display:block;
		width:100%;height:36px;padding:10px 0 0 0;color:#d1d3d5;}
	.field .blind {left:-9999px;top:auto;overflow:hidden;}

	/*field2*/
	.frm-box .field2 {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;display:block;}
	.field2 label {
		display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
		position:absolute;left:0;top:0;width:100%;height:36px;padding:0px 0 0 30px;font-size:16px;white-space:nowrap;letter-spacing:-0.1em;color:#cecdc9;line-height: 36px;}
	.field2 .inp-st, .field2 select {overflow:hidden;width:100%;height:36px;padding:0 25px 0 17px;font-size:16px;letter-spacing:0em;background:transparent;}
	.field2 select {padding-left:17px;font-size:16px;background:url('../img/bg_select_arrow.png') 100% 50% no-repeat;background-size:23px 6px;}
	.field4 select {padding-left:17px;font-size:16px;background:url('../img/bg_select_arrow.png') 100% 50% no-repeat;background-size:23px 6px;text-align-last:center;-ms-text-align-last: center;-moz-text-align-last: center;overflow:hidden;width:100%;height:36px;padding:0 25px 0 17px;letter-spacing:0em;text-align: center;}
	.field4 select:required:invalid{color: #9e9e9e}
	.field4 select option[value=""][disabled]{display: none}
	.field4 select option{color: #3e3c3f}
	.field5 select {padding-left:17px;font-size:16px;background:url('../img/bg_select_arrow.png') 100% 50% no-repeat;background-size:23px 6px;overflow:hidden;width:100%;height:36px;padding:0 25px 0 17px;letter-spacing:0em;}
	.field5 select:required:invalid{color: #9e9e9e}
	.field5 select option[value=""][disabled]{display: none}
	.field5 select option{color: #3e3c3f}
	.field2.one-field .inp-st {padding-left:0;}
	.field2.one-txt {width:72px;max-width:72px;min-width:72px;text-align:center;}
	.field2.sec-txt-set {width:112px;max-width:112px;min-width:112px;}
	.field2.one-field, .field2.one-field .inp-st {width:17px;max-width:17px;min-width:17px;padding:0;text-align:center;}
	.field2.one-field label {padding-top:0;padding-left:0;line-height:58px;}
	.field2.one-field label img {margin-top:18px;}
	.field2 .sec-txt {
		display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
		position:absolute;left:0;top:0;width:100%;height:40px;line-height:40px;}
	.field2 .sec-txt .sec-code {margin:18px 0 0 3px;}
	.field2 .txt {
		box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:absolute;left:0;top:0;display:block;width:100%;height:40px;padding:10px 0 0 0;color:#d1d3d5;}
	.field2 .blind {left:-9999px;top:auto;overflow:hidden;}
	.frm-box .caution-txt {padding-top:7px;font-size:12px;}
	.row-wrap {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:table;width:100%;}
	.row-wrap .row, .row-wrap .btn-row {margin-top:0;border:none;display:table-cell;vertical-align:top;background-color:transparent;}
	.row-wrap .field {border:1px solid #e2e2e2;background-color:#fff;}
	
	/* column type */
	.col-type {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:table;width:100%;border-collapse:collapse;}
	.col-type .field, .col-type .tit, .choose-btn-list.col-type li {display:table-cell;vertical-align:top;}
	.choose-btn-list {margin-top:15px;}
	.choose-btn-list:first-child {margin-top:0;}
	/*.choose-btn-list.col-type li {width:25%;padding-left:2px;}*/
	.choose-btn-list.col-type li {width:20% !important;padding-left:2px;}
	.choose-btn-list.col-type li:nth-child(4){width:40% !important;} 
	.choose-btn-list.col-type li:first-child {padding-left:0;}
	.choose-btn-list.col-type a {
		box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:block;overflow:hidden;
		height:36px;border:1px solid #e2e2e2;line-height:36px;font-size:14px;letter-spacing:-0.04em;font-weight:bold;text-align:center;color:#3f3d40;background-color:#fff;}
	.choose-btn-list.col-type a:active {background-color:#e5e5e5;}
	.choose-btn-list.col-type .click {height:100%;border:none;line-height:auto;background-color:transparent;}
	.choose-btn-list.col-type .click:active {background-color:transparent;}
	.choose-btn-list.col-type .active a:active {background-color:#fff;}
	.choose-btn-list.col-type .row {margin:0;}
	.choose-btn-list.col-type .field {display:block;width:100%;}
	/*.choose-btn-list.col-type .field select {display:block;width:100%;padding-left:13px;padding-right:28px;height:34px;font-size:14px;font-weight:bold;line-height:34px;}*/
	.choose-btn-list.col-type .field select {display: block;width: 100%;padding-left: 10px;padding-right: 15px;height: 34px;font-size: 14px;font-weight: bold;line-height: 34px;}

	/* key text box */
	.key-txt-box {margin:-1px 0 11px 0;}
	.key-txt-box dl {position:relative;line-height:22px;letter-spacing:-0.04em;}
	.key-txt-box dt {font-size:13px;color:#2a282b;opacity: 0.8}
	.key-txt-box dd strong {font-size:28px;color: #0c3851;letter-spacing: -0.04em;}
	.key-txt-box .tip-txt {padding:3px 0 7px 0;font-size:13px;color:#a4a3a4;letter-spacing:-0.04em;}
	/* form other style box */
	.frm-box.frm-other-box {padding:2px 0 0 0;}
	.frm-box.frm-other-box .row {margin-top:15px;}
	.frm-box.frm-other-box .mt0{margin-top: 0 !important;}
	.frm-box.frm-other-box .row.dropdown {width:93px;max-width:93px;min-width:93px;padding-right:4px;}
	.frm-box.frm-other-box .row-wrap {margin-top:15px;}
	.frm-box.frm-other-box .row-wrap .row {margin-top:0;}
	.frm-box.frm-other-box .row:first-child, .frm-box.frm-other-box .row-wrap:first-child {margin-top:0;}
	.frm-box.frm-other-box .caution-txt {text-align:right;}
	.frm-box.frm-other-box .row-wrap .btn-row {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding-left:0;padding-right:4px;width:93px;max-width:93px;min-width:93px;}
	.frm-box.frm-other-box .row-wrap .btn-row .ins-btn {color:#fff;background-color:#8f8e8f;}
	.frm-box.frm-other-box .row-wrap .btn-row .ins-btn:active {color:#fff;background-color:#808080;}
	.frm-box .btn_certify{color:#fff;text-align: center;font-size:14px;background: #0c3851;padding: 5px 10px;width: 100%;height: 36px;box-sizing: border-box;}
/* button group */
	.btn-grp {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:table;width:100%;text-align:center;}
	.btn-grp .btn-row {display:table-row;}
	.btn-grp .btn-cell {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:table-cell;padding-left:4px;padding-top:4px;}
	.btn-grp .btn-cell .point {background-color:#0c3851;}
	.btn-grp .btn-cell .point:active {background-color:#0b3249;}
	.btn-grp .btn-cell .dimmed {cursor:default;opacity:0.5;}
	.btn-grp .btn-row:first-child .btn-cell {padding-top:0;}
	.btn-grp .btn-cell:first-child {padding-left:0;}
	.btn-grp .btn-cell.fixed-width {width:89px;max-width:89px;min-width:89px;}
	.btn-grp .btn-cell a, .btn-grp .btn-cell button {display:block;overflow:hidden;height:60px;color:#fff;font-size:18px;line-height:62px;background-color:#4b4a4b;}
	.btn-grp .btn-cell a:active, .btn-grp .btn-cell button:active {color:#e5e5e5;background-color:#434243;}
	.btn-grp .btn-cell .point:active {color:#e5e5e5;}
	.btn-grp .btn-cell .dimmed:active {color:#fff;background-color:#4b4a4b;}
	.btn_fix{position: fixed;bottom: 0;left:0;z-index: 9999;box-sizing: border-box;padding:15px;}
/* radio & checkbox list */
	.rdo-chk-list {/*padding-top:14px;*/font-size:13px;}
	.rdo-chk-list li {margin-top:0px;}
	.rdo-chk-list li label {color:#7c7b7d;}
	.rdo-chk-list .sub-txt {padding-left:27px;font-size:14px;line-height:23px;color:#7c7b7d;letter-spacing:-0.04em;}
	.rdo-chk-list .tip-help-box {margin-bottom:6px;}
	.rdo-chk-list .sub-txt a {text-decoration:underline;color:#7c7b7d;font-weight:bold;}
	.rdo-chk-list.other-type.space {margin-bottom:15px;}
	.rdo-chk-list li label {color:#7c7b7d;}
	.rdo-chk-list .sub-txt {padding-left:27px;font-size:14px;line-height:23px;color:#7c7b7d;letter-spacing:-0.04em;}
	.rdo-chk-list .tip-help-box {margin-bottom:6px;}
	.rdo-chk-list .sub-txt a {text-decoration:underline;color:#7c7b7d;font-weight:bold;}
	.rdo-chk-list.other-type {zoom:1;/*padding:14px 0 0 0;*/}
	.rdo-chk-list.other-type label {letter-spacing:-0.05em;}
	.rdo-chk-list.other-type:after {content:'';height:0;display:block;visibility:hidden;clear:both;}
	.rdo-chk-list.other-type li {position:relative;float:left;display:inline;margin-left:18px;}
	.rdo-chk-list.other-type.space li {margin-left:16px;}
	.rdo-chk-list.other-type.space li:first-child {margin-left:0;}
	.rdo-chk-list.other-type li:first-child {margin-left:0;}
	.rdo-chk-list.other-type .tip-help-box.active {margin-bottom:5px;}
	.rdo-chk-list .frm-chk + .img-type {height:22px;padding-left:26px;}
	.rdo-chk-list .tpay {display:block;overflow:hidden;width:81px;height:22px;vertical-align:top;white-space:nowrap;text-indent:100%;background:url('../img/bi_tpay.png') no-repeat;background-size:auto 22px;}
	.rdo-chk-list .usim-cert {display:block;overflow:hidden;width:135px;height:21px;vertical-align:top;white-space:nowrap;text-indent:100%;background:url('../img/bi_usim.png') no-repeat;background-size:auto 21px;}
	.rdo-chk-list.other-type02 li {/*margin-top:6px;*/}
	.rdo-chk-list.other-type02 .all {margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #e2e2e2;}
	.rdo-chk-list.other-type02 label {color:#3e3c3f;}
	.rdo-chk-list .mb10{margin-bottom: 10px;}
	.rdo-chk-list.other-type03 li{width: 40%;margin-bottom: 7px;position:relative;float:left;display:inline;}
	.rdo-chk-list.other-type03 li:last-child{margin-bottom: 0;}
	.rdo-chk-list.other-type04{width: 100%;display: table;}
	.rdo-chk-list.other-type04 li{display: table-cell;vertical-align: middle;width: 33.3%;}
	.rdo-chk-list.other-type05{width: 100%;display: table;}
	.rdo-chk-list.other-type05 li{display: table-cell;vertical-align: middle;}
	.rdo-chk-list.other-type05 li:nth-child(1){width: 40%;}
	.rdo-chk-list.other-type05 li:nth-child(2){width: 30%;}
	.rdo-chk-list.other-type05 li:nth-child(3){width: 30%;text-align: right}
	.rdo-chk-list.other-type05 li > div{width: 70%;}
	.rdo-chk-list.other-type05 li > span{width: 10%;}
	.rdo-chk-list.other-type06{width: 100%;display: table;}
	.rdo-chk-list.other-type06 li{display: table-cell;vertical-align: middle;}
	.rdo-chk-list.other-type06 li:nth-child(1){width: 43%;}
	.rdo-chk-list.other-type06 li:nth-child(2){width: 43%;padding:0 2%;box-sizing: border-box;}
	.rdo-chk-list.other-type06 li:nth-child(3){width: 10%;text-align: right}
	.va_top{vertical-align: top !important;}
/* common linker & list */
	.linker {display:inline-block;padding-right:11px;vertical-align:top;color:#2a282b;background:url('../img/ico_link_arrow.png') 100% 5px no-repeat;background-size:6px 10px;opacity: 0.9}
	.linker2 {display:inline-block;padding-right:11px;vertical-align:middle;color:#2a282b;background-size:6px 10px;opacity: 0.7;font-weight: bold;margin-top:2px; text-decoration: underline !important;}
	.linker_noarrow {display:inline-block;vertical-align:top;color:#2a282b;opacity: 0.9;}
	.frm-box + .linker-list {padding-top:5px;}
	.linker-list {padding-top:16px;/*padding-left:5px;*/line-height:21px;}
	.linker-list .rdo-chk-item {margin-top:4px;}
	.linker_c{display: inline-block;color: #0c3851;font-weight: bold;text-decoration: underline;}
/* caution-card */
	.complete_box{width: 100%;text-align: center;display: table}
	.complete_box .box-cell {display:table-cell;height:100%;vertical-align:middle;text-align:center;color:#676567;}
	.complete_box .box-cell h1 {padding-top:80px;margin:0 0 7px 0;font-size:20px;line-height:24px;background:url('../img/ico_complete.png') 50% 0 no-repeat;background-size:61px 61px;color: #153f57;font-weight: bold;}
	.complete_box .box-cell p {font-size:14px;}
	.complete_box .pt150{padding-top: 150px;}
/* agreement */
	.agreement-box {padding:25px 20px 0 20px;color:#666;font-size:12px;line-height:17px;max-height: 590px;overflow-y: auto;}
	.agreement-box h1 {margin-bottom:38px;font-size:18px;line-height:22px;color:#2a282b;font-weight:bold !important;}
	.agreement-box h2 {margin-bottom:16px;}
	.agreement-box h3 {margin-bottom:16px;}
	.agreement-box .txt-line {margin-bottom:16px;}
/* password faq box */
	.pw-faq-box {padding:24px 20px 68px 20px;}
	.pw-faq-box h1 {margin-bottom:36px;font-size:18px;line-height:24px;font-weight:bold;color:#2a282b;}
	.pw-faq-box dt, .pw-faq-box dd {color:#666;line-height:17px;}
	.pw-faq-box dt {margin-bottom:1px;font-size:13px;font-weight:bold;}
	.pw-faq-box dd {margin-bottom:14px;font-size:12px;}
/* etc */
	.help-txt {margin-top:11px;font-size:12px;color:#b2afa9;letter-spacing:-0.1em;}
/* common layer popup */
	.cmm-pop-layer {position:fixed;left:0;top:0;z-index:103;width:100%;height:100%;min-height:100%;background:#000;opacity:0.8;}
	.cmm-pop-wrap {
		box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
		position:fixed;left:0;top:50%;z-index:104;width:100%;padding:0 20px;
		-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}
	.cmm-pop-inner {position:relative;padding-bottom:15px;outline:none;background:#fff;}
	.cmm-pop-wrap .btn-grp {padding:0 15px;}
	.cmm-pop-wrap .btn-grp .btn-cell {padding-left:3px;}
	.cmm-pop-wrap .btn-grp .btn-cell:first-child {padding-left:0;}
	.cmm-pop-wrap .btn-grp .btn-cell a, .cmm-pop-wrap .btn-grp .btn-cell button {height:50px;line-height:52px;min-width:80px;}	
	.cmm-pop-layer1 {position:fixed;left:0;top:0;z-index:103;width:100%;height:100%;min-height:100%;background:#000;opacity:0.8;}
	.cmm-pop-wrap1 {
		box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
		position:fixed;left:0;top:50%;z-index:104;width:100%;padding:0 20px;
		-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}
	.cmm-pop-inner1 {position:relative;padding-bottom:15px;outline:none;background:#fff;}
	.cmm-pop-wrap1 .btn-grp {padding:0 15px;}
	.cmm-pop-wrap1 .btn-grp .btn-cell {padding-left:3px;}
	.cmm-pop-wrap1 .btn-grp .btn-cell:first-child {padding-left:0;}
	.cmm-pop-wrap1 .btn-grp .btn-cell a, .cmm-pop-wrap1 .btn-grp .btn-cell button {height:50px;line-height:52px;min-width:80px;}	
	/*layer popup 약관*/
	.agree-pop-wrap {
		box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
		position:fixed;left:0;top:50%;z-index:104;width:100%;height: 100%;
		-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}
	/* radio & text group */
	.rdo-txt-grp {padding:52px 27px 45px 27px;letter-spacing:-0.04em;}
	.rdo-txt-grp h2 {margin-bottom:37px;text-align:center;font-size:20px;line-height:24px;font-weight:bold;color:#2a282b;opacity: 0.9;}
	.rdo-txt-grp p {margin-top:12px;text-align: center;}
	.rdo-txt-grp .frm-chk + label {font-size:14px;line-height:23px;color:#2a282b;opacity: 0.9}
	.rdo-txt-grp .fc_g{color:#2a282b;opacity: 0.7;}
	/* choose one box */
	.choose-one-box {padding:39px 0 0 0;text-align:center;}
	.choose-one-box h1 {margin-bottom:31px;font-size:20px;line-height:24px;font-weight:bold;color:#3f3d40;}
	.choose-one-box ul {padding:0 63px 34px 63px;}
	.choose-one-box li {margin-top:2px;}
	.choose-one-box a {overflow:hidden;display:block;height:33px;border:1px solid #e2e2e2;line-height:35px;font-size:14px;color:#3f3d40;background-color:#fff;}
	.choose-one-box a:active {background-color:#e5e5e5;}
	.choose-one-box .active a:active {background-color:#0b3249;}
	/*card*/
	.label_tit{display: inline-block;vertical-align: middle;width: 20%;}
	.label_tit > em{font-size: 11px;}
	.label_slc1{display: inline-block;vertical-align: middle;width:77.7%;}
	.label_slc2{display: inline-block;vertical-align: middle;width:31%;}
	.label_slc3{display: inline-block;vertical-align: middle;width:39.4%;}
	.label_slc4{display: inline-block;vertical-align: middle;width:25%;}
	.label_slc5{display: inline-block;vertical-align: middle;width:30.6%;}
	.label_slc7{display: inline-block;vertical-align: middle;width:35%;}
	.label_slc8{display: inline-block;vertical-align: middle;width:8%;}
	.ni_tit{margin-left: 10px;display: inline-block;vertical-align: middle;}
	.first_bd{border-bottom: 1px solid #e1e2d6;padding-bottom: 5px;}
	.common_bd{border-bottom: 1px solid #e1e2d6;padding-bottom: 10px;}
	.card_info{color:#0c3851;text-align: center;display: inline-block;margin: auto;width:100%;box-sizing: border-box;padding: 6px 0;font-weight: bold;}
	.card_sub_ni{padding-left: 27px;color:rgba(42,40,43,0.7);}
	.vm{vertical-align: middle;display: inline-block;}
	.mr15{margin-right: 15px;}
	.card_cbox{margin-bottom: 10px;}
	.ipt_cardnumber{width:18.7%;display: inline-block;border:0;padding: 9px 0;text-align: center;}
	.pt0{padding-top: 0 !important;}
	.security_area img{width:100%;margin-top: 3px;height: 38px;}
	
	/*new*/
	.notice_txt{color: #7c7b7d;}
	.notice_txt > span:first-child{float: left;}
	.notice_txt > span:first-child+span{display: block;overflow: hidden;}
	.notice_tit{color:#7c7b7d;font-weight: bold;}
	.notice_txt em{color: #f44040}
	.notice_txt strong{color: #02b9ad}
	.pl27{padding-left: 27px;}
	.pl10{padding-left: 10px}
	.pl5{padding-left: 5px}
	.mt10{margin-top: 11px !important;}
	.mt7{margin-top: 7px !important;}
	.mt14{margin-top:14px;}
	.ipt_phonenumber{width:100%;display: inline-block;border:0;padding: 9px 0;text-align: center;}
	.label_slc6{display: inline-block;vertical-align: middle;width:100%;}
	.txt_info{color:#0c3851;text-align: center;display: inline-block;margin: auto;width:100%;box-sizing: border-box;font-weight: bold;font-size: 16px;height: 36px;line-height: 36px;}
	.txt_info > em{color: #02b9ad;font-weight: bold;}
	.txt_info > strong{color: #f44040;font-weight: bold;}
	.txt_info .oneline{color: #0c3851;font-weight: bold;}
	.txt_info .line{color: #9e9e9e;font-weight: normal;}
	.txt_info_line{color:#0c3851;text-align: center;display: inline-block;margin: auto;width:100%;box-sizing: border-box;font-weight: bold;font-size: 16px;height:auto;padding:5px 0;}
	.txt_info_line .col_text{color: #0c3851;font-weight: bold;display:block;line-height: 1.3}
	.highlight{color: #f44040}
	.maincolor{color: #0c3851;font-weight: bold}
	.bold{font-weight: bold;color: #f44040 !important;}
	.hyphen {display: inline-block;}
	.ta_center{text-align: center;width: 100%;display: table}
	.ta_right{text-align: right;}
	.table_state{display:table;width:100%;}
	.tit_area{color: #2a282b;font-size: 16px;font-weight:bold;}
	.number_area{color: #0c3851;font-size: 19px;font-weight: bold;}
	.btn_app{color: #fff;text-align: center;font-weight: bold;background: #0c3851;padding: 10px 15px;display: inline-block;}
	.btn_refresh{background:url(../img/ico_refresh.png) 0 50% no-repeat;width: 39px;height: 36px;}
	.btn_wrap{float: right}
	.btn_wrap button{background: #0c3851;color: #fff;text-align: center;padding: 4px 10px;box-sizing: border-box;font-size: 1.5rem;margin:0;}
	.uppercase{text-transform:uppercase;}
	.btn_wrap button:last-child{margin-left: 3px;}
	.tbl-box{display: table;width:100%;}
	.tbl-box li{display: table-cell;vertical-align: middle;}
	.tbl-box li:nth-child(1){width:24%}
	.tbl-box li:nth-child(2){width:3%}
	.tbl-box li:nth-child(3){width:35%}
	.tbl-box li:nth-child(4){width:3%}
	.tbl-box li:nth-child(5){width:35%}
	.width-resp{width:100%;display: table;border-collapse: collapse;}
	.width-resp li{display: table-cell;vertical-align: middle;}
	.width-resp li:nth-child(1){width: 25%}
	.width-resp li:nth-child(2){width: 3%}
	.width-resp li:nth-child(3){width: 33.5%}
	.width-resp li:nth-child(4){width: 3%}
	.width-resp li:nth-child(5){width: 33.5%}
	.mmyy_box{width:78%;display: inline-block;border-collapse: collapse;vertical-align: middle;}
	.mmyy_box li{display: table-cell;vertical-align: middle;}
	.mmyy_box li:nth-child(1){width: 35%}
	.mmyy_box li:nth-child(2){width: 10%}
	.mmyy_box li:nth-child(3){width: 45%}
	.mmyy_box li:nth-child(4){width: 10%}
	.number3{width:100%;display: inline-block;border-collapse: collapse;vertical-align: middle;}
	.number3 li{display: table-cell;vertical-align: middle;text-align: center}
	.number3 li input{text-align: center;}
	.number3 li:nth-child(1){width: 30%}
	.number3 li:nth-child(2){width: 5%}
	.number3 li:nth-child(3){width: 30%}
	.number3 li:nth-child(4){width: 5%}
	.number3 li:nth-child(5){width: 30%}
	.number4{width:100%;display: table;border-collapse: collapse;vertical-align: middle;}
	.number4 li{display: table-cell;vertical-align: middle;text-align: center}
	.number4 li input{text-align: center;}
	.number4 > li:nth-child(1){width: 22%}
	.number4 > li:nth-child(2){width: 4%}
	.number4 > li:nth-child(3){width: 22%}
	.number4 > li:nth-child(4){width: 4%}
	.number4 > li:nth-child(5){width: 22%}
	.number4 >li:nth-child(6){width: 4%}
	.number4 > li:nth-child(7){width: 22%}
	.field3 .inp-st{overflow:hidden;width:100%;height:36px;padding:0 10px;font-size:16px;letter-spacing:0em;background:transparent;text-align:center;}
	.number-cell{width: 100%;display:table;}
	.number-cell > li{display: inline-block;vertical-align: middle;}
	.number-cell > li:nth-child(1){width: 75%;margin-right: 1%;}
	.number-cell > li:nth-child(2){width: 23%}
	.btn-cell.pointformbtn a{background-color: white;border: 1px solid #e2e2e2;color: #0c3851;}

@media (max-width:400px){
	.field2 .inp-st, .field2 select{padding: 0 25px 0 10px;font-size:11px;}
	.field3 .inp-st{font-size: 11px;padding:0 5px;}
    .field .inp-st, .field select{font-size:11px;} 추가
    .field4 select{font-size: 11px;} 추가
}

/* ----- for mobile ----- */
@media only all and (-webkit-min-device-pixel-ratio:1.5), only all and (min-device-pixel-ratio:1.5), only all and (min--moz-device-pixel-ratio:1.5), only all and (max-width:320px) {
/* layout */
	.header-grp .payletter {background-image:url('../img/xhdpi/ci_payletter.png');}
	.header-grp .payletter_k {background-image:url('../img/xhdpi/bi_payletter_k.png');}
/* form check & radio style */
	.st01[type='checkbox']:checked + label:after {background-image:url('../img/xhdpi/ico_chk.png');}
/* form group */
	.field select {background-image:url('../img/xhdpi/bg_select_arrow.png');}
	/*.field.active select {background:url('../img/xhdpi/bg_select_arrow_active.png') 100% 50% no-repeat;}*/
	.field.active select {background: url(../img/bg_select_arrow_active.png) 100% 50% no-repeat;} 

	.row-wrap {display:-moz-box;display:-webkit-box;display:-ms-flexbox;display:box;}
	.row-wrap .row, .row-wrap .btn-row {display:block;-moz-box-flex:1.0;-webkit-box-flex:1.0;-ms-flex:1.0;box-flex:1.0; width:50%; }
	/* column type */
	.col-type {display:-moz-box;display:-webkit-box;display:-ms-flexbox;display:box;}
	.col-type .field, .col-type .tit, .choose-btn-list.col-type li {display:block;-moz-box-flex:1.0;-webkit-box-flex:1.0;-ms-flex:1.0;box-flex:1.0;width:50%;}
/* button group */
	.btn-grp {display:block;}
	.btn-grp .btn-row {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:-moz-box;display:-webkit-box;display:-ms-flexbox;display:box;}
	.btn-grp .btn-cell {display:block;-moz-box-flex:1.0;-webkit-box-flex:1.0;-ms-flex:1.0;box-flex:1.0; min-width: 80px;}
/* tip help */
	.tip-help {background-image:url('../img/xhdpi/ico_q.png');}
	.tip-help.active:after {background-image:url('../img/xhdpi/ico_bubble_tail.png');}
/* common linker & list */
	.linker {background-image:url('../img/xhdpi/ico_link_arrow.png');}
/* caution */
	.caution .box-cell h1 {background-image:url('../img/xhdpi/ico_caution.png');}
/* ----- for below 320px ----- */
@media only all and (max-width:320px) {
body {font-size:12px;line-height:16px;}
.sec-code {width:5px;height:5px;}
/* keyframes animation */
@-webkit-keyframes splash {
	from { background-position:0 0; }
	to { background-position:-320px 0; }
}
@keyframes splash {
	from { background-position:0 0; }
	to { background-position:-320px 0; }
}
/* layout */
	.header-grp {padding:24px 18px 13px 18px;}
	.header-grp h1 {width:142px;height:22px;margin-bottom:15px;background-size:142px 22px;}
	.header-grp .date, .header-grp .status {right:18px;top:21px;font-size:11px;}
	.header-grp .def-txt {margin:-4px 0 2px 0;font-size:12px;}
	.simple-pay-history dl {padding-bottom:6px;padding-left:60px;font-size:12px;line-height:19px;}
	.simple-pay-history strong {font-size:17px;}
	.content-grp {padding-bottom:123px;}
	.main-footer {padding:18px;}
	.main-footer .sub-txt {margin-bottom:17px;font-size:12px;}
/* form check & radio style */
	.frm-chk + label {height:18px;font-size:12px;line-height:20px;}
	.f-sizeup .frm-chk + label {font-size:13px;}
	/* for checkbox */
	.st01[type='checkbox'] + label {padding-left:24px;}
	.st01[type='checkbox'] + label:before {width:18px;height:18px;margin-top:-9px;}
	.st01[type='checkbox']:checked + label:after {width:12px;height:8px;margin-top:-4px;background-size:12px 8px;}
	.st01[type='checkbox']:checked + label.other-line:after {margin-top:5px;}
	/* for radio */
	.st01[type='radio'] + label {padding-left:21px;}
	.st01[type='radio'] + label:before {width:18px;height:18px;margin-top:-9px;border-radius:18px;}
	.st01[type='radio']:checked + label:after {left:6px;width:6px;height:6px;margin-top:-3px;border-radius:6px;}
	.st01[type='radio']:checked + label.other-line:after {margin-top:6px;}
/* form group */
	.frm-grp {padding:16px 18px 0 18px;}
	.frm-box.solo-st {margin-bottom:-6px;}
	.frm-box.solo-st02 {padding-top:16px;}
	.frm-box.solo-st02 .row {margin-top:4px;}
	.field label {height:52px;padding:18px 0 0 27px;font-size:14px;}
	.field .inp-st, .field select {height:36px;padding-right:10px;padding-left:10px;line-height:36px;font-size:11px;}
	.field select {padding-left:15px;font-size:13px;background-size:20px 5px;}
	.field.one-txt {width:64px;max-width:64px;min-width:64px;}
	.field.sec-txt-set {width:100px;max-width:100px;min-width:100px;}
	.field.one-field, .field.one-field .inp-st {width:15px;max-width:15px;min-width:15px;}
	.field.one-field label {line-height:52px;}
	.field.one-field label img {margin-top:23px;}
	.field .sec-txt {height:52px;line-height:52px;}
	.field .sec-txt .sec-code {margin:23px 0 0 3px;}
	.field .txt {height:52px;padding:19px 0 0 0;}
	.frm-box .caution-txt {padding-top:6px;font-size:11px;}
	.row-wrap .btn-row {width:72px;min-width:72px;max-width:72px;}
	.row-wrap .btn-row .ins-btn {height:54px;line-height:56px;font-size:14px;}
	/* column type */
	.choose-btn-list {margin-top:13px;}
	.choose-btn-list.col-type a {height:32px;line-height:32px;font-size:12px;}
	.choose-btn-list.col-type .row {margin:0;}
	.choose-btn-list.col-type .field {width:100%;}
	/*.choose-btn-list.col-type .field select {width:100%;padding-left:12px;height:30px;padding-right:25px;font-size:12px;line-height:30px;}*/
	.choose-btn-list.col-type .field select {width: 100%;padding-left: 10px;height: 30px;padding-right: 15px;font-size: 12px;line-height: 30px;}

	/* key text box */
	.key-txt-box {margin:-1px 0 10px 0;}
	.key-txt-box dl {padding-left:64px;line-height:20px;}
	.key-txt-box dt {font-size:12px;}
	.key-txt-box dd strong {font-size:18px;}
	.key-txt-box .tip-txt {padding:3px 0 6px 0;font-size:12px;}
	/* form other style box */
	.frm-box.frm-other-box .row {margin-top:13px;}
	.frm-box.frm-other-box .row.dropdown {width:83px;max-width:83px;min-width:83px;}
	.frm-box.frm-other-box .row-wrap {margin-top:13px;}
	.frm-box.frm-other-box .row-wrap .btn-row {width:83px;max-width:83px;min-width:83px;}
/* button group */
	.btn-grp .btn-cell.fixed-width {width:79px;max-width:79px;min-width:79px;}
	.btn-grp .btn-cell a, .btn-grp .btn-cell button {height:54px;font-size:16px;line-height:56px;}
/* radio & checkbox list */
	.rdo-chk-list {font-size:12px;}
	.rdo-chk-list li {margin-top:11px;}
	.rdo-chk-list .sub-txt {margin-top:-5px;padding-left:24px;font-size:12px;line-height:20px;}
	.rdo-chk-list .tip-help-box {margin-bottom:5px;}
	.rdo-chk-list.other-type.space {margin-bottom:13px;}
	.rdo-chk-list .sub-txt {margin-top:-5px;padding-left:24px;font-size:12px;line-height:20px;}
	.rdo-chk-list .tip-help-box {margin-bottom:5px;}

	.rdo-chk-list.other-type {padding-top:12px;}
	.rdo-chk-list.other-type li {margin-left:16px;}
	.rdo-chk-list.other-type.space li {margin-left:14px;}
	.rdo-chk-list.other-type .tip-help-box.active {margin-bottom:4px;}
	.rdo-chk-list .frm-chk + .img-type {height:20px;padding-left:23px;}
	.rdo-chk-list .tpay {width:74px;height:20px;background-size:74px 20px;}
	.rdo-chk-list .usim-cert {width:120px;height:19px;background-size:120px 19px;}
	.rdo-chk-list.other-type02 li {margin-top:5px;}
	.rdo-chk-list.other-type02 .all {margin-bottom:7px;padding-bottom:7px;}
/* common linker & list */
	.linker {padding-right:10px;background-position:100% 5px;background-size:5px 9px;}
	.frm-box + .linker-list {padding-top:20px;}
	.linker-list {padding-top:14px;padding-left:4px;line-height:19px;}
/* caution */
	.complete_box .box-cell h1 {padding-top:64px;margin:0 0 6px 0;font-size:18px;line-height:21px;background-size:50px 44px;}
	.complete_box .box-cell p {padding-bottom:4px;font-size:12px;}
/* agreement */
	.agreement-box {padding:22px 18px 0 18px;font-size:11px;line-height:15px;}
	.agreement-box h1 {margin-bottom:34px;font-size:16px;line-height:20px;}
	.agreement-box h2 {margin-bottom:14px;}
	.agreement-box h3 {margin-bottom:14px;}
	.agreement-box .txt-line {margin-bottom:14px;}
/* password faq box */
	.pw-faq-box {padding:21px 18px 60px 18px;}
	.pw-faq-box h1 {margin-bottom:32px;font-size:16px;line-height:21px;}
	.pw-faq-box dt, .pw-faq-box dd {line-height:15px;}
	.pw-faq-box dt {font-size:12px;}
	.pw-faq-box dd {margin-bottom:12px;font-size:11px;}
/* etc */
	.help-txt {margin-top:10px;font-size:11px;}
/* common layer popup */
	.cmm-pop-wrap {padding:0 18px;}
	.cmm-pop-inner {padding-bottom:13px;}
	.cmm-pop-wrap .btn-grp {padding:0 13px;}
	.cmm-pop-wrap .btn-grp .btn-cell a, .cmm-pop-wrap .btn-grp .btn-cell button {height:44px;line-height:46px;}
	/* radio & text group */
	.rdo-txt-grp {padding:45px 24px 40px 24px;}
	.rdo-txt-grp h2 {margin-bottom:33px;font-size:18px;line-height:21px;}
	.rdo-txt-grp p {margin-top:11px;}
	.rdo-txt-grp .frm-chk + label {font-size:12px;line-height:20px;}
	/* choose one box */
	.choose-one-box {padding:35px 0 0 0;}
	.choose-one-box h1 {margin-bottom:28px;font-size:18px;line-height:21px;}
	.choose-one-box ul {padding:0 56px 30px 56px;}
	.choose-one-box a {height:29px;line-height:31px;font-size:12px;}
}