@charset "utf-8";
/*@import url('//fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');*/
@import url('../fonts/remixicon/remixicon.css');

html{overflow:hidden}
*{font-style:normal;font-family:"Noto Sans KR","맑은 고딕","Malgun gothic","Apple SD Gothic Neo","Nanum Gothic","NanumGothic",sans-serif;font-weight:400;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
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,caption,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{letter-spacing:-0.03rem;color:#555;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}
nav,ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
small{font-size:80%}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sub{bottom:-.25rem}
sup{top:-.5rem}
audio,video{display:inline-block}
audio:not([controls]){display:none;height:0}
img{border-style:none}
svg:not(:root){overflow:hidden}
table{border-collapse:collapse;border-spacing:0}
th,td{vertical-align:middle}
hr{display:none}
hr:after{display:block;visibility:hidden;clear:both;content:''}
pre{overflow-x:scroll;font-size:1rem}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:600}
input,button,textarea,select{margin:0;padding:0;font-size:1rem}
input,select{vertical-align:middle}
button{cursor:pointer}
button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:0}
legend{display:table;max-width:100%;padding:0;color:inherit;white-space:normal;/* 3 */box-sizing:border-box}
progress{display:inline-block;vertical-align:baseline}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
details,menu{display:block}
summary{display:list-item}
canvas{display:inline-block}
template{display:none}
[hidden]{display:none !important}
.hidden{display:none !important}
._hide{display:none !important}
._show{display:block !important}
img{max-width:100%;height:auto}
caption{display:none}
*:hover{-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out}

/* 링크 */
a{color:#555;text-decoration:none;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
a:hover,a:active,a:focus{color:#008bf6;text-decoration:none}
a::-moz-focus-inner{border:none}/*파이어폭스에서 패딩 발생을 방지*/
a[class~="btn"]{vertical-align:middle;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;text-decoration:none} /* 버튼의 경우에 언더라인 삭제 */
:hover,:active,:focus{-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}

[type="text"],[type="id"],[type="password"],[type="date"],[type="number"],select{max-width:100%;height:36px;padding-left:12px;padding-right:12px;background-color:#fff}
[type="date"]{padding-right:5px}
button{height:36px;vertical-align:middle;}
th [type="text"],th [type="password"],th [type="date"],th select,th button,th .btn,td [type="text"],td [type="password"],td [type="number"],td select,td button,td .btn{/*margin:-8px 0*/}
[type="checkbox"],[type="radio"]{box-sizing:border-box}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
input, select, textarea, button{font:inherit;color:inherit;vertical-align:middle}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #f6f8f9 inset !important}
select::-ms-expand{display:none}
select{border:1px solid #dcdcdc;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;padding-left:12px;background:url(../img/common/appearance.gif) #fff no-repeat right center}
select:disabled{background:url(../img/common/appearance_disabled.gif) no-repeat right center}
[type="text"],[type="id"],[type="password"],[type="date"],[type="number"],textarea{border:1px solid #dcdcdc;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;outline:none}
[type="text"]:focus,[type="id"]:focus,[type="password"]:focus,[type="date"]:focus,[type="number"]:focus,textarea:focus,select:focus{border:1px solid #558ab7 !important;outline:-webkit-focus-ring-color auto 0;/*-webkit-box-shadow:0 0 5px #9ed4ff;-moz-box-shadow:0 0 5px #9ed4ff;box-shadow:0 0 5px #9ed4ff*/}
input[type="checkbox"]{width:18px;height:18px;margin-right:5px;border-radius:3px;border:0}
.placeholdersjs{font-size:1rem;color:#aaa}
input::-ms-clear{display:none}
input::-webkit-input-placeholder{color:#888;font-size:1rem;font-weight:300}
input:-moz-placeholder{color:#888;font-size:1rem;font-weight:300}
input::-moz-placeholder{color:#888;font-size:1rem;font-weight:300}
input:-ms-input-placeholder{color:#888;font-size:1rem;font-weight:300}
textarea{overflow-x:hidden;overflow-y:auto;resize:none;width:100%;padding:10px;border:1px solid #dcdcdc;background:#fff;line-height:150%}
textarea::-webkit-input-placeholder{color:#888;font-size:1rem;font-weight:300}
textarea:-moz-placeholder{color:#888;font-size:1rem;font-weight:300}
textarea::-moz-placeholder{color:#888;font-size:1rem;font-weight:300}
textarea:-ms-input-placeholder{color:#888;font-size:1rem;font-weight:300}

@media screen and (min-width:767px){
	[type="date"]{width:130px}
}

:focus{outline:-webkit-focus-ring-color auto 0}
.msg_sound_only,.sound_only{display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0;text-indent:-9999rem;line-height:0;border:0 !important;overflow:hidden !important}

.clfix:after,.clear:after{display:block;visibility:hidden;clear:both;height:0;content:''}
.clfix,.clear{clear:both;display:block}
.clfix,.clear{zoom:1}
.fl{float:left !important}
.fr{float:right !important}
.align-left{text-align:left !important}
.align-center{text-align:center !important}
.align-right{text-align:right !important}
.valign-bottom{vertical-align:bottom}

.b_none{border:none !important}

.w100per{width:100% !important}

.p0{padding:0 !important}
.pb20{padding-bottom:20px}
.mt0{margin-top:0}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}

.fs11{font-size:11px !important}
.fs12{font-size:12px !important}

.li-fl li{float:left;display:block}
.dl-fl dt,.dl-fl dd{float:left;display:block}
.d-inlineblock{display:inline-block;vertical-align:middle}
.d-inlineblock li,.d-inlineblock dt,.d-inlineblock dd{display:inline-block;vertical-align:middle}
.d-block{display:inline-block;vertical-align:middle}
.d-block li,.d-block dt,.d-block dd{display:block;vertical-align:middle}

html,body{width:100%;height:100%;background-color:transparent}
iframe{background-color:transparent}

i[class^="ri-"]{margin-right:1rem}
.ico{display:flex;flex-wrap:wrap;width:48px;height:48px;padding:12px}
.ico i[class^="ri-"]{margin-right:0;font-size:24px}

.cb_wrap{display:inline-block;position:relative;height:15px;margin:0;padding:0;vertical-align:middle}
[type="checkbox"].cb1{display:none}
[type="checkbox"].cb1 + label{display:inline-block;position:relative;height:15px;padding-left:calc(15px + 0.5rem);line-height:15px}
[type="checkbox"].cb1 + label:before{content:"";display:inline-block;position:absolute;top:0;left:0;width:15px;height:15px;border:1px solid #dcdcdc;border-radius:3px;background-color:#fff;cursor:pointer;vertical-align:middle}
[type="checkbox"].cb1:checked + label:before{content:"\eb7b";display:inline-block;border:1px solid #1e67c5;background-color:#1e67c5;font-family:"remixicon";font-size:0.8rem;font-weight:800;color:#fff;text-align:center;line-height:15px}

[type="radio"].cb1{display:none}
[type="radio"].cb1 + label{display:inline-block;position:relative;height:15px;padding-left:calc(15px + 0.5rem);line-height:15px}
[type="radio"].cb1 + label:before{content:"";display:inline-block;position:absolute;top:0;left:0;width:15px;height:15px;border:1px solid #dcdcdc;border-radius:100%;background-color:#fff;box-shadow:0px 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);cursor:pointer;vertical-align:middle}
[type="radio"].cb1:checked + label:before{border:1px solid #1e67c5}
[type="radio"].cb1 + label:active:before, [type="radio"].cb1:checked + label:active:before{}
[type="radio"].cb1:checked + label:after{content:"";position:absolute;top:4px;left:4px;width:7px;height:7px;border-radius:100%;background-color:#1e67c5;box-shadow:inset 0px 0px 10px rgba(0,0,0,0.3)}

input+input{margin-left:5px}
input+label+input{margin-left:10px}
.cb_wrap+.cb_wrap{margin-left:10px}
label + .cb1 + label{margin-left:10px}

.full_input{width:100%}
.half_input{width:49.5%}
.half_input+.half_input{margin-left:1%}
.half_input+label+.half_input{margin-left:1%}

@media screen and (min-width:767px){
	.cb_wrap{height:18px}
	[type="checkbox"].cb1 + label{height:18px;padding-left:calc(18px + 0.5rem);line-height:18px}
	[type="checkbox"].cb1 + label:before{width:18px;height:18px}
	[type="checkbox"].cb1:checked + label:before{font-size:0.9rem;line-height:18px}
	[type="radio"].cb1 + label{height:18px;padding-left:calc(18px + 0.5rem);line-height:18px}
	[type="radio"].cb1 + label:before{width:18px;height:18px}
	[type="radio"].cb1:checked + label:after{top:4px;left:4px;width:10px;height:10px;}
}

.wbtnWrap{padding-top:2rem;text-align:center}
.wbtnWrap2{}
.wbtnWrap2 li{display:inline-block;padding-right:1px}
.wbtnWrap2.fr li{display:inline-block;padding-left:1px}
.wbtnWrap3{padding-top:2rem;text-align:right}
.wbtn{display:inline-flex;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center;margin-left:0;border:1px solid #536476;background-color:#536476;color:#fff;text-decoration:none;text-align:center;vertical-align:middle;line-height:1}
.wbtn:hover,.wbtn:focus,.wbtn:active{border:1px solid #6d839a;background-color:#6d839a;color:#fff;text-decoration:none}
.wbtn+.wbtn{margin-left:1%}

.wbtn1{min-width:100px;min-height:44px;padding:12px 12px;font-size:1.25rem}
.wbtn2{width:20px;height:20px;padding:4px 2px 0 2px;font-size:11px;font-weight:normal;text-align:center;line-height:11px}
.wbtn3{min-width:100px;min-height:36px;padding:12px 12px}
.wbtn4{min-width:70px;min-height:36px;padding:12px 12px;font-size:1.125rem}
.wbtn5{min-width:60px;min-height:23px;padding:5px 5px}
.wbtn6{width:30px;height:30px;padding:6px 0;font-size:14px;font-weight:normal;text-align:center}
.wbtn7{min-width:30px;min-height:30px;padding:7px 7px 5px 6px}
.wbtn[class*=wauto]{width:auto;min-width:auto}
.wbtn[class*=wbtncolor1]{border:1px solid rgb(45,129,224);background-color:rgb(45,129,224);color:#fff}
.wbtn[class*=wbtncolor1]:hover,.btn[class*=wbtncolor1]:focus,.btn[class*=wbtncolor1]:active{border:1px solid rgb(45,129,224);background-color:rgba(45,129,224,.8)}
.wbtn[class*=wbtncolor2]{border:1px solid #555;background-color:#555;color:#fff}
.wbtn[class*=wbtncolor2]:hover,.btn[class*=wbtncolor2]:focus,.btn[class*=wbtncolor2]:active{border:1px solid #777;background-color:#777}
.wbtn[class*=wbtncolor3]{border:1px solid #d7d8de;background-color:#fff;color:#536476}
.wbtn[class*=wbtncolor3]:hover,.btn[class*=wbtncolor3]:focus,.btn[class*=wbtncolor3]:active{border:1px solid #d7d8de;background-color:#d7d8de}
.wbtn[class*=wbtnradius4]{border-radius:4px}

.wbtn *{color:#fff;line-height:1;vertical-align:middle}
.wbtn[class*=wbtncolor3]:before{color:#536476}
@media screen and (min-width:767px){
	.wbtn1{min-height:56px;padding:12px 12px;font-size:1.125rem}
	.wbtn3{height:44px;padding:12px 12px}
	.wbtn4{height:36px;padding:12px 12px}
}

.filebox input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.filebox label{display:inline-block;vertical-align:middle;cursor:pointer}
.filebox .upload-name{display:inline-block;height:30px;margin:-8px 0;padding-left:10px;border:1px solid #dcdcdc;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle}
.filebox .upload-display{float:right;display:inline-block;width:auto;height:30px;margin:-6px 0 -6px 5px;border:1px solid #dcdcdc;vertical-align:middle}
.filebox .upload-display img{display:block;width:auto;height:30px}

.tbl{font-size:1.125rem}
.tbl th,.tbl td{line-height:150%}

.tbl1{border:1px solid #d7d8de;border-width:1px 1px 0 0;background-color:#fff}
.tbl1 th,.tbl1 td{padding:8px 5px;border:1px solid #d7d8de;border-width:0 0 1px 1px;text-align:center;word-break:break-all;word-wrap:break-word}
.tbl1 thead th,.tbl1 thead td{background-color:#fafafa;font-size:12px;font-weight:600}

.tbl2{border:1px solid #d7d8de;border-width:1px 1px 0 0;background-color:#fff}
.tbl2 th,.tbl2 td{padding:6px;border:1px solid #d7d8de;border-width:0 0 1px 1px;text-align:center;word-break:break-all;word-wrap:break-word}
.tbl2 thead th,.tbl2 thead td{padding:4px;background-color:#f5f6fa;border-bottom:1px solid #aaa;color:#333;font-size:12px;font-weight:600}
.tbl2 thead th *,.tbl2 thead td *{;font-size:12px;font-weight:600;color:#333}
.tbl2 tbody th{background-color:#f9fafc;color:#333}

.tbl3{border:1px solid #d7d8de;border-width:1px 1px 0 0;background-color:#fff}
.tbl3 th,.tbl3 td{height:35px;padding:10px;border:1px solid #d7d8de;border-width:0 0 1px 1px;text-align:center;word-break:break-all;word-wrap:break-word}
.tbl3 thead th,.tbl3 thead td{padding:12px 5px;background-color:#f5f6fa;border-bottom:1px solid #aaa;color:#333;font-size:12px;font-weight:600}
.tbl3 thead th *,.tbl3 thead td *{;font-size:12px;font-weight:600;color:#333}
.tbl3 tbody th{background-color:#f9fafc;color:#333}
.tbl3 tbody tr:nth-child(2n) th,.tbl3 tbody tr:nth-child(2n) td{background-color:#f9fafc}
.tbl3 tbody tr:hover th,.tbl3 tbody tr:focus th{color:#000}
.tbl3 tbody tr:hover td,.tbl3 tbody tr:focus td{background-color:#ecf6fa;color:#000}

.tbl4{border:1px solid #d7d8de;border-width:1px 1px 0 0;background-color:#fff}
.tbl4 th,.tbl4 td{height:38px;padding:6px 5px;border:1px solid #e6e6e6;border-width:0 0 1px 1px;text-align:center;word-break:break-all;word-wrap:break-word}
.tbl4 tbody th{border-right:1px solid #aaa;background-color:#f5f6fa;color:#333;font-weight:600}
.tbl4 thead th,.tbl4 thead td{height:34px;padding:4px;background-color:#f5f6fa;border-bottom:1px solid #aaa;font-size:12px;font-weight:600;color:#333}
.tbl4 thead th *,.tbl4 thead td *{;font-size:12px;font-weight:600;color:#333}
.tbl4 thead+tbody th{border-right:0;background-color:#fafafa}
.tbl4 tbody tr:hover td,.tbl4 tbody tr:focus td{background-color:transparent;color:#000}
.tbl4 tbody tr:hover,.tbl4 tbody tr:focus{background-color:#ecf6fa}

.tbl5{border:1px solid #d7d8de;border-width:1px 1px 0 0;background-color:#fff}
.tbl5 th,.tbl5 td{padding:0;border:1px solid #d7d8de;border-width:0 0 1px 1px;text-align:center;word-break:break-all;word-wrap:break-word}
.tbl5 thead th,.tbl5 thead td{padding:0;background-color:#f5f6fa;border-bottom:1px solid #aaa;color:#333;font-size:12px;font-weight:600}
.tbl5 thead th *,.tbl5 thead td *{font-size:12px;font-weight:600;color:#333}
.tbl5 tbody th{background-color:#f9fafc;color:#333}

.tbl-scrollWrap{position:relative;padding-top:38px;border-top:1px solid #d7d8de;border-bottom:1px solid #d7d8de;border-right:1px solid #d7d8de;background-color:#f5f6fa}
.tbl-scroll{height:106px;overflow-x:hidden;overflow-y:scroll}
.tbl-scroll-fixed{display:inline-table;position:absolute;top:0;z-index:2;width:calc(100% - 17px)}
.tbl-scroll table{width:calc(100% - 1px)}
.tbl-scroll2{overflow-x:auto;overflow-y:hidden}
.tbl-scroll2 table{width:100%;min-width:767px !important}
.tbl-scroll3{overflow-x:hidden;overflow-y:auto}

.tbl ol,.tbl ul,.tbl dl{margin-top:-2px;margin-bottom:-2px}
.tbl li,.tbl dt,.tbl dd{padding-top:2px;padding-bottom:2px}
@media screen and (min-width:767px){
	.tbl2 th,.tbl2 td{min-height:44px;padding:7px}
	.tbl4 th,.tbl4 td{padding:6px 7px}
	.tbl4 thead th,.tbl4 thead td{font-size:14px}
	.tbl4 tbody th,.tbl4 tbody td{height:44px}
}
@media screen and (min-width:1000px){
	.tbl2 th,.tbl2 td{height:48px;padding:9px}
	.tbl4 th,.tbl4 td{padding:6px 10px}
	.tbl4 thead th,.tbl4 thead td{font-size:15px}
	.tbl4 tbody th,.tbl4 tbody td{height:48px;font-size:1rem}
	.tbl ol,.tbl ul,.tbl dl{margin-top:-3px;margin-bottom:-3px}
	.tbl li,.tbl dt,.tbl dd{padding-top:3px;padding-bottom:3px}
}

.tbl-fixed{table-layout:fixed}
.tbl_tit,.txt-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto !important}/*말줄임*/
.tbl-center th,.tbl-center td{text-align:center}
.tbl-td-left tbody td{text-align:left}
.tbl-vtop th,.tbl-vtop td{vertical-align:top}
.tbl_b0 th,.tbl_b0 td{border:0 !important}

::-webkit-scrollbar{width:6px;scrollbar-color:#ccc #eee;scrollbar-width:thin}
::-webkit-scrollbar{height:6px;scrollbar-color:#ccc #eee;scrollbar-width:thin}
::-webkit-scrollbar-thumb{border-radius:6px;background-color:#ccc}
::-webkit-scrollbar-track{border-radius:6px;background-color:#eee}
.scroller-x{overflow-x:auto;zoom:1}
.scroller-y{overflow-y:auto;zoom:1}
@media screen and (min-width:767px){
	.scroller-x{overflow-x:hidden}
	.scroller-y{overflow-y:hidden}
	::-webkit-scrollbar{width:10px}
	::-webkit-scrollbar{height:10px}
	::-webkit-scrollbar-thumb{border-radius:10px}
	::-webkit-scrollbar-track{border-radius:10px}
}

html{overflow-x:hidden;overflow-y:auto;}
body{margin-top:56px;padding-bottom:56px;line-height:1}

/*#########################*/
/*######       header         ######*/
/*#########################*/
#header{display:flex;align-content:center;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;width:100%;height:56px;background-color:#ffd237}
#header h1{font-size:1.3rem;font-weight:900;color:#000000;text-align:center}
#header h1 img{width:36px;height:auto;margin-right:0.5rem;vertical-align:middle}
#header .hd-left{position:absolute;top:4px;left:4px}
#header .hd-right{position:absolute;top:4px;right:4px}
#header .ico i{color:#fff}

/*#########################*/
/*######     search_wr       ######*/
/*#########################*/
#search_wr,.search_wr{margin-bottom:12px;padding:12px;background-color:rgba(0,0,0,.05);text-align:center}
#search_wr input,.search_wr input{margin-left:6px}
#search_wr label,.search_wr label{display:inline-block;margin-left:6px}
#search_wr button,.search_wr button{margin:0 6px}
#search_wr li,.search_wr li{text-align:left}
@media screen and (min-width:767px){
	#search_wr,.search_wr{margin-bottom:24px;padding:24px}
	#search_wr input,.search_wr input{margin-left:12px}
	#search_wr label,.search_wr label{margin-left:12px}
	#search_wr button,.search_wr button{margin:0 12px}
}

/*#########################*/
/*#####     page-menu        #####*/
/*#########################*/
#page-menu .tabmnu{margin-bottom:12px;padding:0;border-bottom:1px solid rgba(0,0,0,.1)}
#page-menu .tabmnu ul{display:flex;flex-direction:row;justify-content:center;align-items:flex-end;max-width:320px;width:92%;height:36px;margin:0 auto;background-color:rgb(255, 255, 255)}
#page-menu .tabmnu li{display:inline-block;padding:8px 12px;border-bottom:0;font-size:1.125rem}
#page-menu .tabmnu li.on{border-bottom:2px solid rgb(45,129,224)}
#page-menu .tabcon{max-width:320px;width:92%;margin:0 auto;padding:12px 0}
#page-menu .tabcon{display:none;padding:6px 0}
#page-menu .tabcon.on{display:block}
#page-menu .tabcon li{padding:4px 0}
#page-menu .tabcon a{font-weight:500}
@media screen and (min-width:767px){
	#page-menu .tabmnu{margin-bottom:24px}
	#page-menu .tabmnu ul{width:95%;height:44px}
	#page-menu .tabmnu li{padding:8px 24px}
	#page-menu .tabcon li{padding:8px 0}
}

/*#########################*/
/*#####      page-login        #####*/
/*#########################*/
#page-login{display:flex;flex-direction:column;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center;width:100%;height:calc(100% + 56px);margin-top:-56px;background:url('../img/login/bg.png') #ffd237 no-repeat  center top;background-size:150% auto}
#page-login #login{display:block;width:100%}
#page-login h1{display:block;width:100%;margin-top:-30%;margin-bottom:2rem;font-size:24px;font-weight:900;color:#000000;text-align:center}
#page-login h1 img{width:40px;height:auto;margin-right:1rem;vertical-align:middle}
#page-login #contents{display:block;max-width:320px;width:92%;margin:0 auto}
#page-login li{padding:6px 0}
#page-login [type="id"],#page-login [type="password"],#page-login button{width:100%;border:1px solid #57712a;border-radius:4px}
#page-login button{border:1px solid rgb(45,129,224);background-color:rgb(45,129,224);font-size:1.125rem;font-weight:900;color:#fff;}

@media(orientation: Landscape){/*가로 모드일 때*/
    #page-login{display:block}
	#page-login h1{margin-top:0;padding-top:3rem}
}
@media(orientation: Portrait){/*세로 모드일 때*/
   #page-login h1{margin-top:-30%}
}
@media screen and (min-width:767px){
	#page-login{background-size:100% auto}
	#page-login h1{margin-top:50px}
	#page-login h1 img{width:60px;height:auto}
	#page-login [type="id"],#page-login [type="password"],#page-login button{height:44px;border-radius:8px}
	#page-login button{height:56px}
}

/*#########################*/
/*####      page-customer      ####*/
/*#########################*/
#page-customer #search_wr{padding:12px 0}
#page-customer #search_wr input{max-width:200px;width:calc(100% - 92px)}
#page-customer #contents{width:92%;margin:0 auto;padding:12px 0 0}
#page-customer #contents .tbl{width:100%;min-width:100% !important}
#page-customer #contents .tbl .col1{width:70px}
#page-customer #contents .tbl .col2{width:70px}
#page-customer #contents .tbl .col3{width:calc(100% - 140px);text-align:left}
#page-customer #contents .tbl thead .col3{text-align:center}
@media screen and (min-width:480px){
	#page-customer #contents .tbl .col1{width:100px}
	#page-customer #contents .tbl .col2{width:100px}
	#page-customer #contents .tbl .col3{width:calc(100% - 200px)}
}
@media screen and (min-width:767px){
	#page-customer #contents{width:95%;padding:24px 0 0}
	#page-customer #contents .tbl .col1{width:20%}
	#page-customer #contents .tbl .col2{width:30%}
	#page-customer #contents .tbl .col3{width:50%}
}

/*#########################*/
/*#####        page-item       #####*/
/*#########################*/
#page-item .search_wr{text-align:center}
#page-item .search_wr li{display:inline-block;padding:2px 0;text-align:center}
#page-item .search_wr li:nth-child(1){display:block;padding-right:86px}
#page-item .search_wr li:nth-child(2){width:calc(100% - 86px)}
#page-item .search_wr label{min-width:50px}
#page-item .search_wr input{max-width:200px;width:calc(100% - 92px)}
#page-item #contents{width:92%;margin:0 auto;padding:12px 0 0}
#page-item #contents .tbl{width:100%;min-width:100% !important}
#page-item #contents .tbl .col1{width:70px}
#page-item #contents .tbl .col2{width:70px}
#page-item #contents .tbl .col3{width:calc(100% - 140px)}
@media screen and (min-width:480px){
	#page-item .search_wr{text-align:center}
	#page-item .search_wr li{padding:0}
	#page-item .search_wr li:nth-child(1){display:inline-block;padding-right:0}
	#page-item .search_wr li:nth-child(2){width:auto}
	#page-item .search_wr label{min-width:auto}
	#page-item #contents .tbl .col1{width:100px}
	#page-item #contents .tbl .col2{width:100px}
	#page-item #contents .tbl .col3{width:calc(100% - 200px)}
}
@media screen and (min-width:767px){
	#page-item #contents{width:95%;padding:24px 0 0}
	#page-item #contents .tbl .col1{width:20%}
	#page-item #contents .tbl .col2{width:30%}
	#page-item #contents .tbl .col3{width:50%}
}

/*#########################*/
/*#####       page-apply      #####*/
/*#########################*/
#page-apply .contents{width:92%;margin:0 auto;padding:12px 0 0}
#page-apply .contents .tbl{width:100%}
#page-apply .contents .tbl .col1{width:100px}
#page-apply .contents .tbl .col2{width:calc(100% - 100px)}
@media screen and (min-width:767px){
	#page-apply .contents{width:95%;padding:24px 0 0}
	#page-apply .contents .tbl .col1{width:30%}
	#page-apply .contents .tbl .col2{width:70%}
}

/*#########################*/
/*####      page-customer      ####*/
/*#########################*/
#page-list .search_wr{text-align:left}
#page-list .search_wr li{display:inline-block;padding:2px 0;text-align:left}
#page-list .search_wr li:nth-child(1){display:block}
#page-list .search_wr li:nth-child(2){width:calc(100% - 86px)}
#page-list .search_wr label{min-width:50px}
#page-list .search_wr input{max-width:calc(100% - 62px)}
#page-list .search_wr [type="date"]{max-width:calc(100% - 62px)}
#page-list #contents{width:92%;margin:0 auto;padding:12px 0 0}
#page-list #contents .tbl{width:100%;min-width:500px !important}
#page-list #contents .tbl .col1{width:40px}
#page-list #contents .tbl .col2{width:auto}
#page-list #contents .tbl .col3{width:auto}
#page-list #contents .tbl .col4{width:60px}
#page-list #contents .tbl .col5{width:60px}
#page-list #contents .tbl .col6{width:60px}
#page-list #contents .tbl .col7{width:60px}
#page-list #contents .tbl .col8{width:60px}
@media screen and (min-width:480px){
	#page-list .search_wr{text-align:center}
	#page-list .search_wr li{padding:0}
	#page-list .search_wr li:nth-child(1){display:inline-block;padding-right:0}
	#page-list .search_wr li:nth-child(2){width:auto}
	#page-list .search_wr label{min-width:auto}
	#page-list .search_wr input{max-width:120px}
}
@media screen and (min-width:767px){
	#page-list #contents{width:95%;padding:24px 0 0}
}
@media screen and (min-width:1000px){
	#page-list #contents .tbl .col1{width:5%}
	#page-list #contents .tbl .col2{width:auto}
	#page-list #contents .tbl .col3{width:auto}
	#page-list #contents .tbl .col4{width:12%}
	#page-list #contents .tbl .col5{width:12%}
	#page-list #contents .tbl .col6{width:12%}
	#page-list #contents .tbl .col7{width:12%}
	#page-list #contents .tbl .col8{width:12%}
}

/*#########################*/
/*######       page-info      #####*/
/*#########################*/
#page-info .contents{width:92%;margin:0 auto;padding:12px 0 0}
#page-info .contents .tbl{width:100%;max-width:100%;}
#page-info .contents .tbl .col1{width:80px}
#page-info .contents .tbl .col2{width:calc(100% - 80px)}
#page-info .contents .tbl .tbl-td-center{text-align:center !important}
#page-info .contents .tbl .tbl-td-center p{padding-bottom:20px;font-weight:700}
@media screen and (min-width:767px){
	#page-info .contents{width:95%;padding:24px 0 0}
	#page-info .contents .tbl .col1{width:30%}
	#page-info .contents .tbl .col2{width:70%}
}

html{font-size:13px}
@media screen and (min-width:767px){
	html{font-size:14px}
}
@media screen and (min-width:1000px){
	html{font-size:15px}
}
@media screen and (min-width:1200px){
	html{font-size:16px}
}