* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,time, mark, audio, video { border: 0; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
ol, ul, li {list-style: none;}
blockquote, q { quotes: none;}

label{cursor:pointer;}
input,
input[type=text],
input[type=password],
input[type=date],
input[type=search],
input[type=tel],
select {padding: 0;-moz-border-radius: 0 ; -webkit-border-radius: 0; border-radius:0; -moz-appearance: none; -webkit-appearance: none;  appearance: none; background-color: transparent; border-color:transparent; }
select option {color: #02080B !important; font-size: 14px;}
input::placeholder {font-size: 14px; }
input[type=date],
input[type=datetime-local] { position: relative;-webkit-appearance: none;background-color: transparent;-webkit-box-pack: justify;-ms-flex-pack: justify; justify-content: flex-start;text-align: left;}
input[type="date"]::-webkit-clear-button,
input[type=datetime-local]::-webkit-clear-butto,
input[type="date"]::-webkit-inner-spin-button,
input[type=datetime-local]::-webkit-inner-spin-button {display: none;}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type=datetime-local]::-webkit-calendar-picker-indicator {background: transparent;z-index: 1;}
input[type=date]::after,
input[type=datetime-local]::after {display: block; content: ''; position: absolute; right: 8px; top: 0; width: 18px; height: 100%; }
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none;   margin: 0;}
select { background-image: url(../../images/icon_down_arrow.png); background-position: 95% center; background-repeat: no-repeat; background-size: 16px auto; color: #26292E;}
a {text-decoration: none; color: #02080B;}
button {cursor: pointer; background: transparent; border: none; padding: 0; margin: 0; font-size:16px; }
table {padding: 0; border-spacing: 0; table-layout: fixed; border: 0; border-collapse: collapse;}
td {padding: 0;}
img { max-width: 100%; border: 0; vertical-align: middle;}
.clear::after { content: ""; display: block; clear: both;}
.hide { display: none;}
.hidden {position: absolute !important; top: -1px !important; left: -1px !important; width: 1px !important; height: 1px !important; overflow: hidden !important;}

input[type="date"]{background: url(../../images/icon_date.png) no-repeat 92% center; background-size:18px auto;}

/**:focus{outline:none;}*/
select:focus,
input:focus{ outline:1px solid #567BF5;}



body, html { font-family: 'Nanum Gothic', sans-serif; color: #02080B; letter-spacing: -0.5px; font-size: 16px; -webkit-text-size-adjust: none; background-color: #fff; }

/*###########공통 header###########*/
header{z-index:20; position:fixed; top:0; left:0; right:0; padding: 0 40px;  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify;   -ms-flex-pack: justify;  justify-content: space-between; height:50px; background-color:#fff; text-align:center; }
header.on{background-color: #ffffff30;}
header .top_logo{padding-left:43px; height:50px; background:url(../../images/logo_color.png) left center no-repeat;  }
header .top_logo span{display:block; padding-top:10px; font-size:14px; text-align:left; }
header .main_menu .sub{float:left; width:180px; }
/*header .main_menu .sub a{color : #fff;}*/

header .main_menu .sub > a {position:relative; display:block; line-height:50px; font-size:18px;}
header .main_menu .sub ul{display:none; padding: 10px 0; background-color:#fff;}
header .main_menu .sub ul li{line-height : 40px;}
header .main_menu .sub:hover > a{font-weight:bold;}
header .main_menu .sub:hover > a::after{position:absolute; left:0; bottom:0; content:''; display:block; width:100%; height:3px; background-color: #26292E;}

header .main_menu .sub.on > a{font-weight:bold;}
header .main_menu .sub.on > a::after{position:absolute; left:0; bottom:0; content:''; display:block; width:100%; height:3px; background-color: #26292E;}
header .main_menu .sub:hover ul{display:block;} 

header .main_menu .sub ul li a:hover{font-weight:bold;}

header .login_name span, header .login_name a{display:inline-block; padding-left:26px; line-height:50px; font-size:14px;}
header .login_name span{ background:url(../../images/icon_mem.png) left center no-repeat; }
header .login_name a{margin-left:20px; background:url(../../images/icon_logout.png) left center no-repeat;}



/*###########로그인###########*/
.login_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;-webkit-box-pack: justify;   -ms-flex-pack: justify;  justify-content: center; height:100vh; background:url(../images/login_bg.jpg) no-repeat center -100px; background-size: 1920px auto; color:#fff;}
.login_wrap::after{position:fixed; top:0; left:0; content:''; display:block; width:100vw; height:100vh; background-color:#103A52; opacity:0.5;}
.login_wrap .login_box{z-index:1; padding : 45px 110px; width:500px; height :500px; background-color:#103a52d1;}
.login_wrap .login_box h1{padding-top:12px; padding-left: 70px; display:table; margin:0 auto; height:67px; background:url(../../images/logoW.png) left center no-repeat;background-size:60px auto; text-align:left;font-size:26px; font-weight:normal;}
.login_wrap .login_box h2{margin-top:20px; text-align:center; font-weight:normal; font-size:24px; letter-spacing:3px;}
.login_wrap .login_box .login_info{margin-top:40px;}
.login_wrap .login_box .login_info input{display:block; padding: 0 12px; margin-bottom:30px; border-bottom:1px solid #fff;}
.login_wrap .login_box  login_info label, .login_wrap .login_box .login_info input{width:100%; line-height:36px; color:#fff; font-size:16px;}


.login_wrap .login_box a{display:block; margin-top:30px; width: 100%; line-height:40px; text-align:center; letter-spacing:2px; background-color: #fff; color:#26292E;}



/*###########원천징수영수증###########*/
/*.tax_wrap{ position:absolute; top: calc(50% - 260px); left: 50%; margin-left:-450px; padding-left:400px; max-width:900px; width:100%;  background:url(../images/tax_bg.jpg) no-repeat left center; background-size:contain; box-shadow:2px 2px 8px #00000021; }*/
.layout{max-width:900px; width:100%; margin:0 auto;}
.tax_wrap{ position:relative; margin: 10% auto 2rem; padding-left:400px; max-width:900px; width:100%;  background-image:url(../images/tax_bg.jpg);background-repeat: no-repeat;background-position: left center; background-size:contain; box-shadow:2px 2px 8px #00000021; }
.tax_wrap.wrap02{background-image:url(../images/tax_bg02.svg);}

.tax_wrap.wrap02 .box > div label{display:inline-block; text-align:justify; text-align-last:justify; width:85px; letter-spacing:-5px;}


.tax_wrap .box{padding:50px 40px;}
.tax_wrap .box h1{margin-bottom:30px; font-size:28px; color:#26304F;}
.tax_wrap .box > div{display: -ms-grid; display: grid; display: grid; -ms-grid-columns:120px 1fr; grid-template-columns: 120px 1fr; margin-bottom:30px;}
.tax_wrap .box > div label{line-height:36px;  color:#26304F;}


.tax_wrap .box > div input, .tax_wrap .box > div select{padding:0 8px; line-height:36px;border:1px solid #dedede; background-color:#fff;}
.tax_wrap .box .re_number{ display: -webkit-box; display: -ms-flexbox; display: flex;  -webkit-box-align: center;  -ms-flex-align: center; align-items: center; -webkit-box-pack: justify;  -ms-flex-pack: justify; justify-content:space-between;}
/*.tax_wrap .box .re_number input{max-width:130px;}*/
.tax_wrap .box .re_number input{width:calc(50% - 10px);}
.tax_wrap .box .re_number .icon_cir{width:10px; height:10px; background-color:#26292E; border-radius:50%; }
.tax_wrap .box .re_number .input_sm { width: 40px; text-align:center;}
.tax_wrap .box .row{height:86px;}
.tax_wrap .box .confi_box{display: -ms-grid; display: grid;  -ms-grid-columns: 1fr 80px;grid-template-columns: 1fr 80px;margin-bottom:10px;}
.tax_wrap .box .confi_box > button{text-align:center; color:#fff;}

.tax_wrap .box .confi_box .btn_confi{background-color:#7284C4;}
.tax_wrap .box .confi_box .btn_chk{width:80px; background-color:#172563; color:#fff;}
.tax_wrap > button{position:absolute; right:40px; bottom:30px; display:inline-block; width:calc(100% - 480px); line-height:36px; text-align:center; background-color:#567BF5; color:#fff;}

.layout .file_wrap{padding:20px 40px 20px 66px; display:flex; align-items:center; justify-content:space-between; box-shadow:2px 2px 8px #00000021;}
.layout .file_wrap h2{padding-left:158px; height:101px; line-height:101px; background:url(../images/file_bg.svg) no-repeat left center; font-size:20px; color:#26304F;}
.layout .file_wrap .box{width:60%;max-width:420px;}
.layout .file_wrap .box div{position:relative; padding-left:8px; height:38px; line-height:38px; border:1px solid #DEDEDE; overflow:hidden;}
.layout .file_wrap .box div + div{margin-top:12px;}
.layout .file_wrap .box div button{ display:block; width:100%; height:100%; text-align:left;}
.layout .file_wrap .box div button span{position:absolute; right:0; top:0; display:inline-block; width:120px; height:38px; line-height:38px; text-align:center; color:#fff; background-color:#7284C4;}


/*###########체크박스, 라디오박스###########*/
.chk_box input[type=checkbox] {display: none; }
.chk_box input[type=checkbox] + label {cursor: pointer; padding-left: 21px; background-repeat: no-repeat; background-image:  url(../images/check.png); background-position : 0 center; }
.chk_box input[type=checkbox]:checked + label {background-image: url(../images/check.png); background-position : -21px center; }
.chk_box input[type=checkbox]:disabled + label {background-image:  url(../images/check.png); }


/*.radio_box [type="radio"]:checked,
.radio_box [type="radio"]:not(:checked) {position: absolute; left: -9999px;}
.radio_box [type="radio"]:checked + label,
.radio_box [type="radio"]:not(:checked) + label{position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; color: #666;}
.radio_box [type="radio"]:checked + label:before,
.radio_box [type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 0 ; top: 0; width: 18px; height: 18px; border: 1px solid #dedede; border-radius: 100%; background: #fff;}
.radio_box [type="radio"]:checked + label:after,
.radio_box [type="radio"]:not(:checked) + label:after {content: ''; width: 12px; height: 12px; background: #2B81F5; position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;}
.radio_box [type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
.radio_box [type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

*/
.radio_box{margin-right:5px;}
.radio_box [type="radio"]:checked,
.radio_box [type="radio"]:not(:checked) {position: absolute; left: -9999px;}
.radio_box [type="radio"] + label{padding-left: 18px; background:url(../images/radio.png) no-repeat left center;}
.radio_box [type="radio"]:checked + label{ background:url(../images/radio.png) no-repeat right center;}



@media screen and (max-width:900px) {
.tax_wrap{margin: 0 auto; padding-left:0;max-width:400px; background:none;  box-shadow:none; }
.tax_wrap .box{padding:24px 12px 42px;}
.tax_wrap .box h1{ margin-bottom:12px; font-size:20px;}
.tax_wrap .box > div{display:block;  margin-bottom:12px;}
.tax_wrap .box > div label{display:block; width:100%;}
.tax_wrap .box > div label::before{position:relative; top:-4px; margin-right:6px; content:''; display:inline-block; width : 4px; height:4px; border-radius:50%; background-color : #ffcc59;}
.tax_wrap .box > div input, .tax_wrap .box > div select{width:100%;}
/*.tax_wrap .box .re_number input{width:calc(50vw - 20px);}*/
.tax_wrap > button{right:12px; bottom:0; width:calc(100% -  24px); }

.tax_wrap.wrap02 .box{background-color:rgba(255,255,255,0.8);}


.layout .file_wrap{padding:24px 12px 42px; display:block; box-shadow:none; max-width:400px; margin:0 auto;}
.layout .file_wrap h2{padding-left:0; margin-bottom:12px; height:auto; line-height:1.5; background:no-repeat;}
.layout .file_wrap .box{width:100%;}



}