@charset "UTF-8";

/*
 *
	user.css
	2017.07.24
	hmkim
 *
*/

@font-face {
	font-family:'NanumBarunGothic';
	src:url('../fonts/NanumBarunGothic.eot');
	src:local(※),
		url('../fonts/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NanumBarunGothic.woff2') format('woff2'),
		url('../fonts/NanumBarunGothic.woff') format('woff'),
		url('../fonts/NanumBarunGothic.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'NotoSans-Regular';
	src:url('../fonts/NotoSans-Regular.eot');
	src:local(※),
		url('../fonts/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NotoSans-Regular.woff2') format('woff2'),
		url('../fonts/NotoSans-Regular.woff') format('woff'),
		url('../fonts/NotoSans-Regular.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
*{margin:0; padding:0;}
/*-webkit-tap-highlight-color:transparent;*/
body{background-color:#706866; font-family:"NotoSans-Regular", "NanumBarunGothic", Arial, sans-serif; color:#333;}
ul, li{list-style-type:none;}
em{font-style:inherit;}
label{font-size:12px;}
.gray-bg{background:linear-gradient(-225deg, #e3fdf5 0%, #ffe6fa 100%);}

/* layout */
.btnCenter{padding-top:20px; margin-top:30px; border-top:1px dashed #ccc; text-align:center;}
.btnRight{padding-top:20px; margin-top:30px; border-top:1px dashed #ccc; text-align:right;}

/* form */
.control-label{padding-top:7px;}
.form-control:focus, .single-line:focus {border-color: #33cccc !important;}
.radio label{padding-left:5px;}
.radio-inline{padding-left:0;}

@media only screen and (max-width: 640px){
	.radio label{padding-left:0; padding-bottom:7px;}
	.radio-inline{padding-left:0;}
}

/* table */
.table{table-layout:fixed;}
.table > thead > tr > th, .table > tbody > tr > td{text-align:center; vertical-align:middle; word-break:break-all;}
.table > tbody > tr > th{background:#ebf1f7; text-align:center; vertical-align:middle;}
.table > tbody > tr > td.imgID img{width:50px; height:auto;}
.table > tbody > tr > td.imgID .btnBox{margin-top:5px;}
.table > tbody > tr > td.imgID > a.btn{margin-top:5px;}
.table > tbody > tr > td.disable{background:url('../img/bg_disabled.png') no-repeat 0 0; background-size:100% 100%;}
.table > tbody > tr > td.fullBtn{padding:0;}
.table > tbody > tr > td .item{padding:0 5px;}
.table > tbody > tr > td .btn{margin-bottom:1px;}
.table > tbody > tr > td .accntOwner{display:block; padding:1px 0 2px; background:#31708f; color:#fff;}
.table > tbody > tr > td .finalBox{position:relative; min-height:60px;}
.table > tbody > tr > td .final{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.table > tbody > tr > td .selBox{position:absolute; left:0; top:0; right:0; bottom:0; background:#fff; display:none;}
.table > tbody > tr > td #final_sel{margin-bottom:10px;}
.table > tbody > tr > td .btn-sm{display:inline-block; width:65px; height:30px; padding:0; line-height:30px;}
.modal .table > tbody > tr > td .btn{display:block; height:48px; padding:0; line-height:48px; border-radius:0;}
.table > tbody > tr > td select { padding-left: 12px; width: 100%; height: 34px; border: 1px solid #e5e6e7; border-radius: 1px; }

.sum{margin-bottom:10px;}
.sum > div{margin-bottom:5px; font-size:16px;}
.sum > div span{font-weight:bold;}

div.dataTables_filter label{margin-right:90px;}
.fixed_table, .fixed_table01 {position:relative;}
.fixed_table .sendMsg{position:absolute; right:0; top: 0; z-index:10;}
.fixed_table .sendMsgForP2P{position:absolute; right:0; top:64px; z-index:10;}
.fixed_table .sendNotiToPtnr{position:absolute; right:100px; top:64px; z-index:10;}
.fixed_table .invcSendMsg{position:absolute; right:0; top: 0; z-index:10;}
.fixed_table .retryImage{position:absolute; right:0; top:64px; z-index:10;}
.fixed_table .sendEmail{position:absolute; right:0; top:64px; z-index:10; margin-right: 24px;} /*ICO KYC 이메일 전송 180709*/
.fixed_table01 .sendExcel{position:absolute; right:10px; z-index:10;}
/* .fixed_table01 .sendExcel{position:absolute; right:20px; top:16px; z-index:10;} 엑셀버튼 위치가 안 맞아서 수정  2018.01.05 greente515*/
/*.fixed_table01 .sendPdf{position:absolute; right:0; top:64px; z-index:10;}*/
.fixed_table01 .btn-sm { padding: 5px 18px}
.fixed_table01 .sendExcel { background-color: rgba(31, 173, 109, 1); border-color: rgba(31, 173, 109, 1)}

/* login*/
.middle-box h1{margin:50px 0; font-size:60px; letter-spacing:-5px; color:#7a706e;}

/* gnb */
.nav-header{padding:30px 25px; background-image:none;}
.profile-element{text-align:center;}
.nav > li > a{color:#fff;}
.nav > li > a .nav-label{}
.nav > li > a i{margin-right:0;}
/*.nav > li.active{background:#8dd7d8; border-left:0; border-right:5px solid #7ebdba;}*/
.nav > li.active{background:#8dd7d8; border-left:0; }
.nav > li.active > a{color:#3e3e3e;}
.metismenu > li{border-bottom:1px solid #5a5250 ;}
.metismenu > li.active{border-bottom:1px solid #7ebdba;}
/* .metismenu li a{padding: 14px 0 14px 10px;} */
.metismenu li a{padding: 12px 8px;}
.metismenu li .profile-element a{padding-left:0;}
/* .metismenu .arrow{margin-right:10px;} */
.metismenu .fa.arrow:before{content:"\f107";}
.metismenu .active > a > .fa.arrow:before{content:"\f106";}
.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus {background-color:#8dd7d8; color:#3e3e3e;}
.nav.nav-second-level > li{border-top:1px solid #7ebdba;}

.navbar-minimalize{padding:4px 12px 6px; background:#8dd7d8; border:1px solid #7ebdba; color:#fff;}
body.mini-navbar .nav-header{background:none;}

@media only screen and (min-width: 768px){
	.navbar-static-side{width: 142px;}
	/*#page-wrapper{margin:0 0 0 120px;}*/
	#page-wrapper{flex: 1; margin:0 0 0 0; }
	.navbar-right{margin-right:0;}
}

.dashboard-header{padding:20px 20px 20px 10px;}
.page-heading{height:89px;}


/* datepicker */
.datepicker.dropdown-menu{background-color:#fd8a78; color:#fff; font-family:"NotoSans-Regular", "NanumBarunGothic", Arial, sans-serif;}
.datepicker-dropdown::after{border-bottom:6px solid #fd8a78;}
.datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover{background-color:#e37a6a;}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.active:hover, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover{
	background-color:#d56351; border-color:#be4633;
}
.datepicker table tr td.day:hover, .datepicker table tr td.day.focused{background:#e37a6a;}
.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover{background:#e37a6a;}
.datepicker.dropdown-menu th, .datepicker.dropdown-menu td{padding:4px 8px;}


/* file upload */
/* dropzone */
/*
.dropzone{padding:20px 10px; border:1px solid #e2e2e2; border-radius:3px;}
.dropzone .dz-message span{display:block; padding-bottom:20px; font-size:16px; color:#354685; font-weight:bold;}
.dropzone .dz-message strong{font-size:26px; font-weight:bold;}
.dropzone .dz-preview{width:100%; margin:0;}
.dropzone .dz-preview.dz-error .dz-error-message{width:100%; top:40px; left:0; display:none;}
.dropzone .dz-preview .dz-image{width:100%; max-width:324px; height:auto; margin:0 auto; border-radius:0;}
.dropzone .dz-preview .dz-image img{width:100%;}
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark{top:95%; left:95%; margin-left:-10px; margin-top:-8px;}
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg{display:none;}
.dropzone .dz-preview .dz-success-mark{width:19px; height:19px; background:url("../img/btn_suc_file.png") no-repeat 0 0;}
.dropzone .dz-preview .dz-error-mark{width:19px; height:19px; background:url("../img/btn_err_file.png") no-repeat 0 0; cursor:pointer;}
.dropzone .dz-preview .dz-remove{position:absolute; top:7px; right:50px; width:19px; height:19px; background:url("../img/btn_del_file.png") no-repeat 0 0; text-indent:-9999px; cursor:pointer;}
.dropzone .dz-preview .dz-details img, .dropzone-previews .dz-preview .dz-details img{width:250px; height:250px;}
.dropzone .dz-preview .dz-progress{top:100%; width:200px; margin-left:-100px;}
.dropzone .dz-preview .dz-progress .dz-upload{background:#00b9ff;}
*/
/*.dropzone .dz-preview.dz-complete .dz-progress{opacity:1;}*/

/*
.dropzone{padding:20px;}
.dropzone .dz-message strong{font-size:32px;}
.dropzone .dz-message span{font-size:20px;}

#selectedFiles{padding:5px;}
#selectedFiles p{margin-bottom:10px; border-bottom:1px solid #000; font-size:15px; color:#000; font-weight:bold;}
#selectedFiles p img{width:100%;}
*/


/* modal */
.inmodal .modal-header{padding:15px;}
.inmodal .modal-lg{max-width:600px;}
.modal-body{padding:20px;}
.modal-body .table{background:#fff;}
.modal-body .txt_back{padding:10px; border:1px solid #e5e6e7; font-size:14px; text-align:left;}
.modal-body .txt_back strong{display:block;}
.modal-body .capture img{width:100%; max-width:450px;}
.modal-body .img_detail{display:none;}

.imgIDbig .viewImg{width:100%; max-width:350px;}
.imgIDbig .preview img{width:100%; max-width:380px; margin:0 auto; object-fit: cover;}

.txt_float{float:left; width:33.3%;}

/* banner */
.banner{overflow:hidden; text-align:center;}
.banner a{display:inline-block; margin:0 10px;}
.banner a img{width:100%;}

@media only screen and (max-width: 640px){
	.wrapper{padding:0;}
	.wrapper-content{padding:0 0 14px 0;}
	.banner a{width:38%;}
}

/* ------------------------------------------------------------------------------ upload ID ------------------------------------------------------------------------------ */
.btnBtm{margin-top:15px;}
.btnBtm2{margin-top:15px;}
.btnBtm .btn{width:100%; padding:13px 12px 14px; text-align:center; background:#150180; color:#fff; border-radius:0; font-weight:bold; font-size:36px;}
.btnBtm2 .btn{width:100%; padding:13px 12px 14px; text-align:center; background:#150180; color:#fff; border-radius:0; font-weight:bold; font-size:36px;}
.btnBtm1{display:none;}

#wrapper.uploadID{height:100%;}
header{width:100%; background:#150180/* url("../img/bg_finger.png") no-repeat 50% 100%*/; text-align:center; box-shadow:0 5px 7px #ddd;}
header .headIn{position:relative; margin:0 auto; max-width:750px; /*padding:10px 10px 7px 10px;*/}
header h1{margin:0;}
header h1 img{width:100%;}
/*header h1 img{width:55%; margin-bottom:10px}
header h1 small img{width:14%;}*/
#switch-lang{position:absolute; left:25px; bottom:20%; width:70px; padding:1px; background:linear-gradient(180deg, #66bdff 0%, #3c79ff 50%, #1b43ff 100%);}
#switch-lang span{display:block; height:45px; background:#150180; font-size:26px; line-height:45px; color:#dedde9; text-transform:uppercase;}
#switch-lang .lang_list{display:none; position:absolute; left:0; top:0; width:70px; padding:1px; background:linear-gradient(180deg, #66bdff 0%, #3c79ff 50%, #1b43ff 100%);}
#switch-lang .lang_list a{display:block; height:45px; background:#150180; font-size:26px; line-height:45px; color:#dedde9;}

.uploadID .footer{position:static; text-align:center;}
.uploadID .footer div:first-child{margin-bottom:5px;}
.uploadID .footer div span{padding:0 5px;}
.uploadID .wrapper{max-width:750px; min-height:740px; margin:10px auto 0;}
.uploadID .wrapper-content{padding:0;}
.uploadID .ibox-title{padding:20px 15px 0; border-top:0; text-align:center;}
.uploadID .ibox-title h2{float:none; font-size:42px; font-weight:bold; line-height:140%;}
.uploadID .ibox-content{padding:15px 15px 20px 15px; border-top:0;}
.uploadID .ibox-content h3{position:relative; margin-bottom:15px; padding-left:10px; font-weight:normal; color:#000;}
.uploadID .ibox-content h3:before{display:block; position:absolute; left:0; top:2px; content:""; width:5px; height:15px; background:#003781;}
.uploadID .cirNum{margin:0 15px 15px 15px; padding-left:22px; font-size:24px;}
.uploadID .cirNum span{display:inline-block; width:33px; height:33px; margin-right:5px; margin-left:-22px; background:#150180; line-height:32px; text-align:center; border-radius:18px; color:#fff;}
.uploadID .pink{margin:0 15px; color:#f21d68; font-size:18px; text-align:center;}
.uploadID .pink span{position:relative; display:inline-block; padding:0 10px; margin:0 3%;}
.uploadID .pink span:before{display:block; position:absolute; left:0; top:40%; content:""; width:4px; height:4px; background:#f21d68;}
.uploadID ul li{position:relative; margin-bottom:10px; font-size:32px;}
.uploadID ul li a{font-weight:bold; font-size:32px;}
.uploadID ul li a:hover{text-decoration:underline;}
.uploadID ul li label{font-size:24px; font-weight:normal;}
.uploadID ul li:first-child label{font-weight:bold; margin-bottom:15px;}
.uploadID ul li .tip{display:block; position:absolute; right:0; top:0; color:#999;}
.uploadID .verification{text-align:center;}
.uploadID .verification p{font-size:18px;}
.uploadID .etcID li{color:#666;}
.uploadID .etcID li .other{display:block; text-decoration:underline; cursor:pointer;}
.uploadID .etcID li .otherPass{display:block; text-decoration:underline; cursor:pointer;}
.uploadID .etcID .selRadio{display:block;}
.uploadID .etcID .selRadio .i-checks{float:none; width:100%;}



.pcView{display:block; font-size:15px;}
.pcView span{color:#ff0101;}


.exampleImg img{width:100%;}
.exampleImg > div{margin-bottom:15px;}
.selID{overflow:hidden; margin-bottom:20px; padding:0 15px;}
.selID a{position:relative; display:block;}
.selID a:first-child{margin-left:0;}
.selID a:after{position:absolute; left:0; right:0; top:0; bottom:0; display:block; content:""; width:100%; height:100%;}
.selID a:hover:after, .selID a.active:after{display:none;}
.selID a.img1:after {background:url("../img/id01_off.png") no-repeat 0 0; background-size:cover;}
.selID a.img2:after {background:url("../img/id02_off.png") no-repeat 0 0; background-size:cover;}
.selID a.img3:after {background:url("../img/id03_off.png") no-repeat 0 0; background-size:cover;}
.selID a img{width:100%;}
.selID a.active{}
.selID a.active img{}
.panel-success > .panel-heading{font-size:14px;}

.uploadID .ibox-title .step{margin:0; font-size:0;}
.uploadID .ibox-title .step > img{width:100%;}

.uploadBox{position:relative;}
.uploadBox .fileUpload{position:absolute; left:0; top:0; right:0; bottom:0; z-index:10;}
.inputfile{width:0.1px; height:0.1px; opacity:0; overflow:hidden; position:absolute; z-index:-1;}
.fileUpload label{display:block; margin-bottom:0;}
#fileList{display:block; padding:30% 0; background:url("../img/bg_gray.png") no-repeat 50% 50%; background-size:cover; border:2px solid #cfd5de; text-align:center; cursor:pointer;}
#fileList > span{display:block; padding-top:40%; line-height:100%; font-size:36px;}
#fileList2{display:block; padding:10% 0; background:url("../img/bg_gray.png") no-repeat 50% 50%; background-size:cover; border:2px solid #cfd5de; text-align:center; cursor:pointer;}
#fileList2 > span{display:block; padding-top:40%; line-height:100%; font-size:36px;}
#show-picture{max-width:450px; width:100%; margin:0 auto;}
#canvas{max-width:450px; width:100%; margin:0 auto;}
.imgView{position:relative; padding-bottom:20%;}
.fList{overflow:hidden; position:absolute; left:0; bottom:0; width:100%; height:35px; border-bottom:1px dotted #999; line-height:30px;}
.fList .fileName{float:left; width:80%; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; font-size:16px; color:#000; text-align:left;}
.fList .fileBtn{float:right;}
.fList .fileBtn a{display:inline-block; padding:0 5px; margin-left:5px; background:#00b9ff; color:#fff; border-radius:8px;}
.fList .fileBtn .remove{background:#cc3333;}
/*.fileUpload{margin-bottom:10px;}
.inputfile{width:0.1px; height:0.1px; opacity:0; overflow:hidden; position:absolute; z-index:-1;}
.fileUpload label{display:block;}
.fileUpload label > div span{display:block; background:#d8effb url("../img/icon_find.png") no-repeat 64% 50%; border:1px solid #88b2c8; border-radius:8px; text-align:center; line-height:90px; font-size:20px; cursor:pointer;}
#show-picture{max-width:450px; width:100%; margin:0 auto;}
#canvas{max-width:450px; width:100%; margin:0 auto;}
.imgView{position:relative; padding-bottom:40px;}
.fList{overflow:hidden; position:absolute; left:0; bottom:0; width:100%; height:35px; border-bottom:1px dotted #999; line-height:30px;}
.fList .fileName{float:left; width:80%; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; font-size:16px; color:#000; text-align:left;}
.fList .fileBtn{float:right;}
.fList .fileBtn a{display:inline-block; padding:0 5px; margin-left:5px; background:#00b9ff; color:#fff; border-radius:8px;}
.fList .fileBtn .remove{background:#cc3333;}*/

#data{display:none;}

.uploadID .policy li{margin-bottom:20px; font-size:16px; padding-left:14px; color: #666}
.uploadID .policy li span{display:block; margin-bottom:5px; font-weight: bold; color: #000}

.grayBox{padding:33% 1% 8%; background:url("../img/bg_complete.png") no-repeat 50% 0; background-size:100% auto; border:4px solid #cfd5de; text-align:center; font-size:35px;}
.grayBox.error{background:url("../img/bg_error.png") no-repeat 50% 0; background-size:100% auto;}
.grayBox p{margin:0; line-height:120%;}
.grayBox .textTop{padding:0 0 14%;}
.contact{padding-top:15%; text-align:center; font-size:32px;}
.loading{visibility:hidden; opacity:0; position:fixed; left:0; right:0; top:0; bottom:0; background:#fff; transition: all 0.5s;}
.loading.show{visibility:visible; opacity:1;}
.loading .loadBox{position:fixed; top:37%; left:50%; width:240px; margin:0 0 0 -120px;}
.loading p{font-size:22px; text-align:center; font-weight:bold;}
.spinner{position:fixed; left:50%; top:50%; margin-left:-35px; width:70px; text-align:center;}
.spinner > div{width:18px; height:18px; border-radius:100%; display:inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out both; animation:bouncedelay 1.4s infinite ease-in-out both;}
.spinner .bounce1{-webkit-animation-delay: -0.32s; animation-delay: -0.32s; background-color:#9999ff;}
.spinner .bounce2{-webkit-animation-delay: -0.16s; animation-delay: -0.16s; background-color:#6666cc;}
.spinner .bounce3{background-color:#000099;}

.navbar-static-side, .navbar-static-top, .input-group .form-control, .pagination > .active > a{z-index:0;}

.spinner2{position:fixed; left:50%; top:48%; margin-left:-55px; width:110px; text-align:center;}
.spinner2::before{display:block; content:""; position:fixed; left:0; right:0; top:0; bottom:0;}
.spinner2 > div{width:10px; height:60px; display:inline-block; -webkit-animation: bouncedelay 1.2s infinite ease-in-out both; animation:bouncedelay 1.2s infinite ease-in-out both;}
.spinner2 .bounce1{background-color:#25edc1;}
.spinner2 .bounce2{-webkit-animation-delay: -1.1s; animation-delay: -1.1s; background-color:#b0b5b8;}
.spinner2 .bounce3{-webkit-animation-delay: -1.0s; animation-delay: -1.0s; background-color:#ff994c;}
.spinner2 .bounce4{-webkit-animation-delay: -0.9s; animation-delay: -0.9s; background-color:#fb4949;}
.spinner2 .bounce5{-webkit-animation-delay: -0.8s; animation-delay: -0.8s; background-color:#e41937;}


@-webkit-keyframes bouncedelay {
	0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
	20% { -webkit-transform: scaleY(1.0) }
}

@keyframes bouncedelay {
	0%, 40%, 100% {
		-webkit-transform: scaleY(0.4);
		transform: scaleY(0.4);
	} 20% {
		-webkit-transform: scaleY(1.0);
		transform: scaleY(1.0);
	}
}

@media only screen and (max-width: 640px){

	#wrapper.uploadID{display:table;}
	header{display:table-row; height:80px; padding-top:0; background-size:100% auto;}
	/*header h1 img{width:74%; margin-bottom:5px;}
	header h1 small img{width:22%;}*/
	label{font-size:14px;}
	#switch-lang{width:35px; left:15px;}
	#switch-lang span{height:26px; font-size:18px; line-height:26px;}

	.uploadID .wrapper{height:100%; min-height:100%;}
	.uploadID .wrapper-content{ padding:0;}
	.uploadID .ibox{height:100%; margin-bottom:0;}
	.uploadID .ibox-title{padding:15px 15px 5px;}
	.uploadID .ibox-title h2{font-size:22px;letter-spacing:-1px;}
	.uploadID .ibox-content{padding:15px 15px 35px 15px;}
	
	.ilwonID .wrapper{height:100%; min-height:100%;}
	.ilwonID .wrapper-content{ padding:0;}
	.ilwonID .ibox{height:100%; margin-bottom:0;}
	.ilwonID .ibox-title{padding:15px 15px 5px;}
	.ilwonID .ibox-title h2{font-size:22px;letter-spacing:-1px;}
	.ilwonID .ibox-content{padding:15px 15px 35px 15px;}


	.uploadID .cirNum{font-size:14px;}
	.uploadID .pink{margin:0; font-size:14px;}
	.uploadID .pink span{margin:0;}

 	.btnBtm{position:fixed; left:0; bottom:0; right:0; margin-top:0;}
	.btnBtm2{left:0; bottom:0; right:0; margin-top:0;}
	.btnBtm .btn{min-height:50px; font-size:18px; opacity:0.7;}
	.btnBtm2 .btn{min-height:50px; font-size:18px; opacity:0.7;}

	.uploadID ul li{font-size:13px;}
	.uploadID ul li a{font-size:13px;}
	.uploadID ul li:first-child label{margin-bottom:0;}
	.uploadID ul li label{font-size:16px;}
	.uploadID .policy li{margin-bottom:15px; padding-left:8px; font-size:14px;}
	.uploadID .cirNum span{width:22px; height:22px; line-height:21px;}


	.pcView{display:none !important;}
	#fileList > span{font-size:16px;}
	.fList{bottom:0;}
	/*.fileUpload label > div span{text-align:left; padding-left:25%; background-position:80% 50%;}*/
	.grayBox{font-size:20px;}
	.contact{font-size:16px;}
}

@media only screen and (max-width: 320px){
	label{font-size:13px;}
	.skip{padding:1.5% 0;}
	.grayBox{font-size:17px;}
	.btn-group-crop .btn > span > span{
		font-size:6pt !important;
	}
}

.err-pages {
	position:absolute;
	left:50%;
	top:50%;
	border:1px solid red;
	width:700px;
	margin:-164px 0 0 -354px;
	padding:50px 0;
	font-family:"NotoSans-Regular", "NanumBarunGothic", Arial, sans-serif;
	font-size:20px;
	text-align:center;
	color:#9b9b9b;
	line-height:30px;
	border:4px solid #cfcfcf;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	/*background:url(bg_admin_error.png) no-repeat 0 0;*/
}
.err-pages em {
	display:block;
	margin:50px 0 30px;
	font-size:36px;
	font-weight:700;
	color:#1f065f;
}

/* layer-area */
.layer-area {
	position:absolute;
	left:0;
	top:0;
	display:table;
	width:100%;
	height:100%;
	padding:5% 50px 0;
	background-color:rgba(0, 0, 0, 0.6);
	z-index:900;
}
.layer-area i {
	font-style:normal;
}
.layer-area .layers {
	overflow:hidden;
	position:relative;
	width:100%;
	max-width:730px;
	margin:0 auto;
	background-color:#fff;
}
.layer-area .layers .layer-head {
	/* padding:0 15px; */
	border-top:4px solid #cfd5de;
	border-right:4px solid #cfd5de;
	border-left:4px solid #cfd5de;
}
.layer-area .layers .layer-head strong {
	display:block;
	font-size:18px;
	padding:31px 0 13px;
	color:#141d2e;
	font-weight:700;
	text-align:center;
	border-bottom:1px solid #bebcbc;
}
.layer-area .layers .layer-body {
	padding:0 10px 70px;
	text-align:center;
	border-right:4px solid #cfd5de;
	border-left:4px solid #cfd5de;
}
.layer-area .layers .layer-body .message {
	padding:22px 0 17px;
	font-size:17px;
	color:#141d2e;
	font-weight:700;
	text-align:center;
	border:0;
}
.layer-area .layers .layer-body .message span {
	display:block;
}
.layer-area .layers .layer-body .message span br {
	display:none;
}
.layer-area .layers .layer-body .information {
	padding:20px 10px;
	font-size:15px;
	color:#0120e0;
	background-color:#e9ebef;
	-moz-border-radius:5px;
	border-radius:5px;
}
.layer-area .layers .layer-body .information span {
	display:block;
	margin-bottom:20px;
}
.layer-area .layers .layer-body .information span img {
	width:50px;
}
.layer-area .layers .layer-body .information i {
	display:block;
}
.layer-area .layers .layer-body .list-warn {
	margin-top:20px;
	font-size:13px;
	color:#141d2e;
	text-align:left;
	letter-spacing:-0.5px;
}
.layer-area .layers .layer-body .list-warn li {
	padding:5px 0 5px 13px;
	text-indent:-13px;
	word-break:break-word;
	word-break:keep-all;
}
.layer-area .layers .layer-body .list-warn li i {
	font-size:16px;
}
.layer-area .layers .layer-footer {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:50px;
	text-align:center;
	font-size:13px;
	color:#060606;
	line-height:50px;
	background-color:#bdbdbd;
}
.layer-area .layers .layer-close {
	position:absolute;
	right:0;
	top:0;
	width:30px;
}
.layer-area .layers .layer-close button {
	width:100%;
	margin:0;
	padding:0;
	border:0;
	background-color:transparent;
}
.layer-area .layers .layer-close button img {
	width:100%;
}
@media only screen and (min-width:480px) {
	.layer-area .layers .layer-head strong {
		font-size:22px;
	}
	.layer-area .layers .layer-body .message {
		font-size:21px;
	}
	.layer-area .layers .layer-body .information {
		font-size:19px;
	}
	.layer-area .layers .layer-body .information span img {
		width:69px;
	}
	.layer-area .layers .layer-body .list-warn {
		display:inline-block;
		font-size:17.5px;
	}
	.layer-area .layers .layer-body .list-warn li {
		letter-spacing:-1px;
	}
	.layer-area .layers .layer-footer {
		height:60px;
		font-size:17px;
		line-height:60px;
	}
}
@media only screen and (min-width:645px) {
	.layer-area .layers .layer-head strong {
		padding:58px 0 26px;
		font-size:36px;
	}
	.layer-area .layers .layer-body {
		padding-bottom:120px;
	}
	.layer-area .layers .layer-body .message {
		font-size:34px;
		padding:44px 0 34px;
	}
	.layer-area .layers .layer-body .message span {
		display:inline;
	}
	.layer-area .layers .layer-body .message span br {
		display:block;
	}
	.layer-area .layers .layer-body .information {
		font-size:30px;
	}
	.layer-area .layers .layer-body .information span,
	.layer-area .layers .layer-body .information em {
		display:inline-block;
		vertical-align:middle;
	}
	.layer-area .layers .layer-body .information span img {
		margin-top:15px;
	}
	.layer-area .layers .layer-body .information em {
		margin-left:30px;
		text-align:left;
	}
	.layer-area .layers .layer-body .list-warn {
		display:block;
		margin-top:37px;
		font-size:26px;
	}
	.layer-area .layers .layer-body .list-warn li {
		padding:10px 0 10px 18px;
		text-indent:-18px;
	}
	.layer-area .layers .layer-body .list-warn li i {
		font-size:20px;
	}
	.layer-area .layers .layer-footer {
		height:70px;
		font-size:24px;
		line-height:70px;
	}
	.layer-area .layers .layer-close {
		width:48px;
	}
	.btn-group-crop .btn > span > span{
		font-size:14pt !important;
	}	
}
@media only screen and (min-width:1200px) {
  .container .inputImgRow {
  	width:970px !important;
  }
  #fileList{
	padding: 10% 0;	
  }
}

/* minhee.song : 2021-03-12 수정 RMT-994_타발이전_1원인증_UI */
/* ------------------------------------------------------------------------------ ilwon ID ------------------------------------------------------------------------------ */
#authNoKr::-webkit-inner-spin-button{
 -webkit-appearance: none;
}
#authNoEn::-webkit-inner-spin-button{
 -webkit-appearance: none;
}

.ilwonID .footer{position:static; text-align:center;}
.ilwonID .footer div:first-child{margin-bottom:5px;}
.ilwonID .footer div span{padding:0 5px;}
.ilwonID .wrapper{max-width:750px; min-height:740px; margin:10px auto 0;}
.ilwonID .wrapper-content{padding:0;}
.ilwonID .ibox-title{padding:20px 15px 0; border-top:0; text-align:center;}
.ilwonID .ibox-title h2{float:none; font-size:42px; font-weight:bold; line-height:140%;}
.ilwonID .ibox-content{padding:15px 15px 20px 15px; border-top:0;}
.ilwonID .ibox-content p{font-size:24px;}
.ilwonID {text-align:center;}
.ilwon-content-detail, .ilwon-btn{margin-top:100px;}
.ilwon-content-detail2{margin-top:50px;}
#authNoKr, #authNoEn{text-align:center;}
.brShow{display:inline;}
.brNotShow{display:none;}

.layer-head .img-layer-close{
	padding:0 !important;
	width: 100%;
	top:0;
	text-align:center;
	background-color:transparent;
}

.layer-head .img-layer-close button{
	width: 100%;
    height: 50px;
    top: 0;
    text-align: center;
    background-color: rgb(212, 156,156);
    color: black;
    font-weight: 700;
    font-size: large;
    border: none;
}
/* minhee.song : 2021-11-25 수정 RMT-1200 안내문구 css 수정 */
.layer-area .layers .layer-body .guideMessage {
	padding:22px 0 17px;
	font-size:20px;
	color:#141d2e;
	font-weight:700;
	text-align:center;
	border:0;
}
.layer-area .layers .layer-body .guide-list {
	margin-top:20px;
	font-size:17px;
	color:#141d2e;
	text-align:center;
	/* letter-spacing:-0.5px; */
}
.layer-area .layers .layer-body .guideMessage b {
	color:red;
	/* letter-spacing:-0.5px; */
}
.checkDisabled {
	color:#c0c0c0;
}
/* minhee.song : 2022-02-16 수정 RMT-1167 마지막 접속 시간 문구 */
.lastLogin {
    height: 50px;
    padding-top: 20px;
}