@charset "utf-8";
/* CSS Document */

body{}
.box1{}
.PC{ display:none !important}
.PHONE{ display:block !important}

@media screen and (max-width:1280px){
body{ font-size:13px}
.doc, .pop .popCon{ font-size:12px}

#header{ position:fixed; z-index:1000; width:100%}
#header .top_wrap{ padding:0; height:5em; display:flex; align-items:center}
#header .top_wrap .clock,
#header .top_wrap .user{ position:fixed; z-index:2; margin:0; font-size:1em; right:6em; width:calc(100% - 6em); box-sizing:border-box; display:none; text-align:center; background:#0b3746}
#header .top_wrap .clock{ top:0; line-height:2em; padding:.75em 0; opacity:1}
#header .top_wrap .clock > i{ opacity:.5}
#header .top_wrap .user{ top:3em; line-height:3em; padding-bottom:1em; border-bottom:1px solid rgba(0,0,0,.3)}
#header .top_wrap .user .xi{ font-size:2em}
#header .top_wrap .user .t1,
#header .top_wrap .user .t2{ font-size:1.25em}
#header.on .top_wrap .clock,
#header.on .top_wrap .user{ display:block}

#header .top_wrap .btn{ width:3em; line-height:3em; padding:0; margin:0 .5em 0 0; font-size:1em; text-align:center}
#header .top_wrap .btn .xi{ margin:0; font-size:1.5em}
#header .top_wrap .btn .tt{ display:none}

#header .top_wrap{ padding-left:4em}
#header .gnb_wrap{ display:none}

#header .all_wrap{ position:relative; z-index:1; display:block}
#header .all_wrap .allBtn{ display:flex; align-items:center; justify-content:center; position:absolute; left:0; top:0; z-index:1; width:4em; height:5em; color:#fff}
#header .all_wrap .allBtn .xi{ font-size:2.5em}
#header .all_wrap .allBtn .xi:before{content:"\e91c"}
#header .all_wrap .all{ position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.7); opacity:0; visibility:hidden; transition:.3s}
#header .all_wrap .all .wrap_in{ position:absolute; left:0; top:0; width:calc(100% - 6em); height:calc(100% - 7em); padding-top:7em; background:#134354}
#header .all_wrap .all .gnb{ display:block}
#header .all_wrap .all .gnb > li .dp1{ display:block; text-align:left; padding:1.5em 2em; padding-right:4em; color:#fff; position:relative}
#header .all_wrap .all .gnb > li .dp1 .xi{ font-size:1em; margin-right:.25em}
#header .all_wrap .all .gnb > li .dp1 .va{ font-size:1.25em}
#header .all_wrap .all .gnb > li .dp1:after{ content:"\e941"; font-family:xeicon!important; position:absolute; right:0; top:50%; margin-top:-.5em; width:4em; line-height:1em; text-align:center}
#header .all_wrap .all .gnb > li.on .dp1{ background:#3795ad}
#header .all_wrap .all .gnb > li.on .dp1:after{ transform:rotate(-90deg)}
#header .all_wrap .all .gnb > li.click .dp1:after{ transform:rotate(180deg)}
#header .all_wrap .all .gnb > li .dp2{ display:block; transform:scaleY(0); transform-origin:left top; position: absolute; background:rgba(255,255,255,.1)}
#header .all_wrap .all .gnb > li .dp1,
#header .all_wrap .all .gnb > li .dp2{border-bottom:1px solid rgba(0,0,0,.3); border-top:1px solid rgba(255,255,255,.1)}
#header .all_wrap .all .gnb > li .dp2 > li > a{ display:none}
#header .all_wrap .all .gnb > li .dp3{ display:block}
#header .all_wrap .all .gnb > li .dp3 > li > a{ padding:1em 2.5em; color:#fff; opacity:.7; text-align:left; display:block}
#header .all_wrap .all .gnb > li .dp3 > li > a .va{ font-size:1.063em; position:relative}
#header .all_wrap .all .gnb > li .dp3 > li > a:before{ width:auto; content:"-"; margin-right:.25em}
#header .all_wrap .all .gnb > li .dp3 > li.on > a{ opacity:1}
#header .all_wrap .all .gnb > li .dp3 > li.on > a .va:after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; border-bottom:1px solid #fff}
#header .all_wrap .all .gnb > li.on .dp2,
#header .all_wrap .all .gnb > li.click .dp2{ position:relative; transform:scaleY(1); padding:1.5em 0; transition:.3s}
#header.on .all_wrap .all{ opacity:1; visibility: visible}
#header.on .all_wrap .allBtn{ position:fixed; left:auto; right:1em; top:0; z-index:1; margin-right:0}
#header.on .all_wrap .allBtn .xi:before{content:"\e921"}

#contents{ margin-top:5em; display:block}
#contents .lnb_wrap{ display:none}
#contents .doc_wrap{ padding:1em; width:100%; box-sizing:border-box}
.adm_table_wrap .adm_table{ max-width: none}
}
@media screen and (max-width:1024px){
body{ font-size:11px}
.doc, .pop .popCon{ font-size:10px}

.half_table > div{width:100% !important;}
.adm_table th,
.adm_table td{ padding:.5em; height:3em}
.adm_input{ padding:.5em .75em; height:3em}
.adm_input[type="date"]{min-width:120px;}

.adm_table.response{}
}
@media screen and (max-width:800px){


}
@media screen and (max-width:480px){

}
@media screen and (max-width:380px){
body{ font-size:10px}
.doc, .pop .popCon{ font-size:9px}
}
@media all and (orientation:landscape){

}