@charset 'euc-kr';
.headerWrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 46px;
    background-color: #61b6d2 ;
    z-index: 1;
}
.headerWrap h1 {
    padding: 10px 0 0 15px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}
.headerWrap h1 a::before {
    width: 23px;
    height: 21px;
    margin-right:10px;
	background: url(../images/common/ico_home_wh.png) no-repeat 0 0;
    background-size: 23px auto;
    vertical-align: top;
}
.headerWrap .location {
    padding: 12px 0 0 15px;
}
.headerWrap .location ul li  {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    line-height: 16px;
    font-weight: 500;
    vertical-align: middle;
}
.headerWrap .location.main ul li  {
    font-size: 18px;
}
.headerWrap .location ul li.home::before {
    width: 23px;
    height: 21px;
    margin-right: 5px;
	background: url(../images/common/ico_home_wh.png) no-repeat 0 0;
    background-size: 23px auto;
    vertical-align: middle;    
}
.headerWrap .location ul li a.home::before {
    width: 23px;
    height: 21px;
    margin-right: 5px;
	background: url(../images/common/ico_home_wh.png) no-repeat 0 0;
    background-size: 23px auto;
    vertical-align: middle;    
}
.headerWrap .location ul li span {
    vertical-align: 0;    
}
.headerWrap .location ul li.arrow {
    position: relative;
    padding-left: 15px; 
}
.headerWrap .location ul li.arrow::before {
    position: absolute;
	top: 4px;
	left: 0;
	width: 8px;
	height: 8px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: rotate(-45deg);
}
.headBtn {
    position: absolute;
    top: 1px;
    right: 0;
    z-index: 1;
    font-size: 0;
}
.headBtn .btnAllMenu {
    width: 45px;
    height: 45px;
    text-align: center;
}
.headBtn .btnAllMenu::before {
    width: 17px;
    height: 16px;
	background: url(../images/common/ico_allmenu.png) no-repeat 0 0;
    background-size: 17px auto;
    vertical-align: top;
}
.headBtn .btnSearch {
    width: 35px;
    height: 35px;
    text-align: center;
}
.headBtn .btnSearch::before {
    width: 20px;
    height: 20px;
	background: url(../images/common/ico_search.png) no-repeat 0 0;
    background-size: 20px auto;
    vertical-align: top;
}
.headBtn a.btnSearch::before {
    vertical-align: top;
    margin-top: 8px;
}
.headBtn .btnClose {
    display: none;
    width: 45px;
    height: 45px;
    text-align: center;
}
.headBtn .btnClose::before {
    width: 17px;
    height: 16px;
	background: url(../images/common/ico_close.png) no-repeat 0 0;
    background-size: 17px auto;
    vertical-align: top;
}
.headBtn .btnSrchClose {
    width: 45px;
    height: 45px;
    background-color: #fff;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.headBtn .btnSrchClose::before {
    width: 17px;
    height: 16px;
	background: url(../images/common/ico_close_gray.png) no-repeat 0 0;
    background-size: 17px auto;
    vertical-align: top;
}
/*asideWrap*/
.asideWrap {
    display: none;
    position: fixed;
    top: 46px;
    left: -100%;
    width: 100%;
    height: calc(100% - 46px);
    background-color: #fff;
    z-index: 99;
}
.asideWrap.current {
    display: block;
    left:0;
}
.asideWrap .nav {
    height: 100%;
    background: url(../images/common/bg_nav.png) repeat-y 0 0;
    background-size: 188px auto;
}
.asideWrap .nav ul li .depth1 {
    position: relative;
    width: 188px;
    height: 70px;
    padding-left: 53px;
    line-height: 70px;
    color: #fff;
    font-size: 16px;
}
.asideWrap .nav ul li.current .depth1 {
    background-color: #fff;
    color: #61b6d2;
}
.asideWrap .nav ul li.current .depth1::before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    content: '';
    width: 188px;
    border-top: 10px solid #4f555b;
    border-top-right-radius: 9px;
}
.asideWrap .nav ul li.current .depth1::after {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    content: '';
    width: 188px;
    border-top: 10px solid #4f555b;
    border-bottom-right-radius: 9px;
}
.asideWrap .nav ul li.nav01 .depth1 {
    background: url(../images/common/bg_nav01.png) no-repeat 0 50%;
    background-size: 50px auto;
}
.asideWrap .nav ul li.current.nav01 .depth1 {
    background: #fff url(../images/common/bg_nav01_active.png) no-repeat 0 50%;
    background-size: 50px auto;
}
.asideWrap .nav ul li.nav02 .depth1 {
    background: url(../images/common/bg_nav02.png) no-repeat 0 50%;
    background-size: 50px auto;
}
.asideWrap .nav ul li.current.nav02 .depth1 {
    background: #fff url(../images/common/bg_nav02_active.png) no-repeat 0 50%;
    background-size: 50px auto;
}
.asideWrap .nav ul li.nav03 .depth1 {
    background: url(../images/common/bg_nav03.png) no-repeat 0 50%;
    background-size: 50px auto;
}
.asideWrap .nav ul li.current.nav03 .depth1 {
    background: #fff url(../images/common/bg_nav03_active.png) no-repeat 0 50%;
    background-size: 50px auto;
}
.asideWrap .nav ul li.nav04 .depth1 {
    background: url(../images/common/bg_nav04.png) no-repeat 0 50%;
    background-size: 50px auto;
}
.asideWrap .nav ul li.current.nav04 .depth1 {
    background: #fff url(../images/common/bg_nav04_active.png) no-repeat 0 50%;
    background-size: 50px auto;
}
.asideWrap .nav ul li.nav05 .depth1 {
    background: url(../images/common/bg_nav05.png) no-repeat 0 50%;
    background-size: 50px auto;
}
.asideWrap .nav ul li.current.nav05 .depth1 {
    background: #fff url(../images/common/bg_nav05_active.png) no-repeat 0 50%;
    background-size: 50px auto;
}
.asideWrap .nav ul li.nav06 .depth1 {
    background: url(../images/common/bg_nav06.png) no-repeat 0 50%;
    background-size: 50px auto;
}
.asideWrap .nav ul li.current.nav06 .depth1 {
    background: #fff url(../images/common/bg_nav06_active.png) no-repeat 0 50%;
    background-size: 50px auto;
}
.asideWrap .nav ul li .depth2Wrap {
    display: none;;
    position: absolute;
    top: 0;
    left: 188px;
    width: calc(100% - 188px);
    height: 100vh;
    padding-left: 27px; 
    overflow-y: auto;
    padding-bottom: 200px ; 
}
.asideWrap .nav ul li.current .depth2Wrap {
    display: block;
}
.asideWrap .nav ul li.current .depth2Wrap ul li {
    padding-bottom: 4px;
    margin-bottom: 9px;;
}
.asideWrap .nav ul li.current .depth2Wrap ul li a {
    display: inline-block;
    width: 100%;
    padding: 23px 0 8px;
    font-size: 16px;
    border-bottom: 1px solid #abb1b8;
    background: #fff url(../images/common/bg_depth2.png) no-repeat ;
    background-position: right 15px top 24px;
    background-size: 22px auto;    
}
.asideWrap .nav ul li.current .depth2Wrap ul li a:active  {
    background: #fff url(../images/common/bg_depth2_active.png) no-repeat ;
    background-position: right 15px top 24px;
    background-size: 22px auto;    
}



/*mainWrap*/
#content {
    padding: 46px 0 51px;
}
/*subWrap*/
h3.tit {
    position: relative;
    padding-left: 8px;
    font-size: 15px;
}
h3.tit::before {
    position: absolute;
    top: 10px;
    left: 0;
    content: ""; 
    display: inline-block;
    width: 3px;
    height: 3px;
    background-color: #4f555b;
}
/*footNav*/
.bottomNav {
    position: fixed;
    bottom: 0!important;
    left: 0;
    width: 100%;
    height: 51px;
    z-index: 10;
    border-top: 1px solid #eee;
    background: #fff;
    padding-bottom: env(safe-area-inset-bottom); 
}
.bottomNav ul {
    display: flex;
    text-align: center;
}
.bottomNav ul li {
    flex: 1;
}
.bottomNav ul li a {
    display: inline-block;
    width: 100%;
    padding-top: 31px;
    font-size: 11px;
    color:#4f555b;
}
.bottomNav ul li.nav01 a {
	background: url(../images/common/ico_foot_nav01.png) no-repeat 50% 6px;
	background-size: 28px auto;
}
.bottomNav ul li.nav02 a {
	background: url(../images/common/ico_foot_nav02.png) no-repeat 50% 5px;
	background-size: 25px auto;
}
.bottomNav ul li.nav03 a {
	background: url(../images/common/ico_foot_nav03.png) no-repeat 50% 5px;
	background-size: 25px auto;
}
.bottomNav ul li.nav04 a {
	background: url(../images/common/ico_foot_nav04.png) no-repeat 50% 5px;
	background-size: 25px auto;
}
.bottomNav ul li.nav05 a {
	background: url(../images/common/ico_foot_nav05.png) no-repeat 50% 5px;
	background-size: 25px auto;
}
.bottomNav ul li a.current {
    color: #61b6d2;
}
.bottomNav ul li.nav01 a.current {
	background: url(../images/common/ico_foot_nav01_active.png) no-repeat 50% 5px;
	background-size: 25px auto;
}
.bottomNav ul li.nav02 a.current {
	background: url(../images/common/ico_foot_nav02_active.png) no-repeat 50% 5px;
	background-size: 25px auto;
}

.bottomNav ul li.nav03 a.current {
	background: url(../images/common/ico_foot_nav03_active.png) no-repeat 50% 5px;
	background-size: 25px auto;
}
.bottomNav ul li.nav04 a.current {
	background: url(../images/common/ico_foot_nav04_active.png) no-repeat 50% 5px;
	background-size: 25px auto;
}

.bottomNav ul li.nav05 a.current {
	background: url(../images/common/ico_foot_nav05_active.png) no-repeat 50% 5px;
	background-size: 25px auto;
}

/*checkbox : ÷´Ü¾ÈÀüÀåÄ¡ Æ˾÷¿¡¼­ »ç¿ëÇϴ üũ¹Ú½º*/
.chkecboxWrap2 {
	display: inline-block;
	position: relative;
	line-height: 0;
	box-sizing: border-box;
}
.chkecboxWrap2 input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 17px;
	height: 17px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: url(../images/common/bg_checkbox.png) no-repeat 0 0;
	background-size: 17px auto;
	appearance: none;
	-webkit-appearance: none;
}
.chkecboxWrap2 input[type="checkbox"]:checked {
	background-position: 0 -17px;
}

.chkecboxWrap2 input:disabled {
	background-position: 0 0;
}


/*checkbox*/
.chkecboxWrap {
	display: inline-block;
	position: relative;
	padding-left: 24px;
	line-height: 0;
	box-sizing: border-box;
}
.chkecboxWrap input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 17px;
	height: 17px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: url(../images/common/bg_checkbox.png) no-repeat 0 0;
	background-size: 17px auto;
	appearance: none;
	-webkit-appearance: none;
}
.chkecboxWrap input[type="checkbox"]:checked {
	background-position: 0 -17px;
}
.chkecboxWrap label {
	font-size: 14px;
	line-height: 17px;
	color: #222;
}
.chkecboxWrap input:disabled {
	background-position: 0 0;
}
.chkecboxWrap input:disabled + label {
	color: #bbb;
}
/*radio*/
.radioWrap {
	display: inline-block;
	position: relative;
	padding-left: 24px;
	line-height: 0;
	box-sizing: border-box;
}
.radioWrap input[type="radio"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 17px;
	height: 17px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: url(../images/common/bg_radio.png) no-repeat 0 0;
	background-size: 17px auto;
	appearance: none;
	-webkit-appearance: none;
}
.radioWrap input[type="radio"]:checked {
	background-position: 0 -17px;
}
.radioWrap label {
	font-size: 14px;
	line-height: 17px;
	color: #222;
}
.radioWrap input:disabled {
	background-position: 0 0;
}
.radioWrap input:disabled + label {
	color: #bbb;
}
.radioWrap.chk input[type="radio"] {
    width: 18px;
    height: 12px;
	background: url(../images/common/ico_radiochk.png) no-repeat 0 0;
	background-size: 18px auto;
}
.radioWrap.chk  input[type="radio"]:checked {
	background-position: 0 -12px;
}
/*select*/
select {
    width: 100%;
}
/*btn*/
.btnWrap {
    text-align: center;
}
.btnWrap.gab {
    padding:0 15px;
}
.btnWrap.gap {
    margin: 0 0 40px;
    padding: 0 15px;
}
.btnWrap .btnRd {
    display: inline-block;
    width: 100%;
    border-radius: 30px;
    height: 45px;
    font-size: 16px;
    color: #fff;
    background-color: #61b6d2;
}
.btnWrap .btnRd.small {
    display: inline-block;
    width: 150px;
    border-radius: 30px;
    height: 35px;
    font-size: 14px;
}
.btnWrap .btnRd.middle {
    display: inline-block;
    width: 150px;
    border-radius: 40px;
    height: 40px;
    font-size: 14px;
}
.btnWrap .btnRd.wide {
    width: 100%;
}
.btnRdLine {
    min-width: 70px;
    height: 35px;
    padding: 0 7px;
    margin-left: 15px;
    line-height: 33px;
    border: 1px solid #61b6d2;
    color:#61b6d2;
    border-radius: 20px;;
}
.btnTooltip::before {
    width: 15px;
    height: 15px;
	background: url(../images/common/ico_tooltip.png) no-repeat 0 0;
	background-size: 15px auto;    
}

.btnMore::before {
    width: 20px;
    height: 20px;    
	background: url(../images/common/toggle_open.png) no-repeat 0 0;
	background-size: 20px auto;
}

/* .current .btnMore::before {
	background: url(../images/common/toggle_close.png) no-repeat 0 0;
	background-size: 20px auto; 
} */
/**/
.ellipsis {
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    width:100%;
    overflow:hidden;
}
/**/
.primary {
    color: #1382b5;
}
/*table*/
th {
    padding: 6px 15px;
    background-color: #eceff1;
    font-size: 12px;
    color: #777e85;
}
/* th:not(:last-child) {
    border-right: 1px solid #dde0e2;
} */
td {
    padding: 11px 15px;
    font-size: 12px;
    color: #777e85;
    border-bottom: 1px solid #dde0e2;
}
td:not(:last-child) {
    border-right: 1px solid #dde0e2;
}
.ctTable th {
    text-align: center;
}
.ctTable td {
    text-align: center;
}
/*dashList*/
.noteWrap .tit {
    padding-bottom: 3px;
    font-size: 13px;
}
.dashList li {
    position: relative;
    padding-left: 8px;
    font-size: 13px;
}
.dashList li::before {
    position: absolute;
    top: 2px;
    left: 0;
    content: "-"; 
    display: inline-block;
    color: #4f555b;
    line-height: 1;
    vertical-align: top;;
}
.bull {
    position: relative;
    padding-left: 10px;
    font-size: 14px;
}
.bull::after {
    position: absolute;
    top: 7px;
    left: 0;
    display: inline-block;
    content: '';
    width: 3px;
    height: 3px;
    background-color: #101010;
}
/**/
.layerPopup {
    display: none;
    position: fixed;
    top: 46px;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100vh;
    background-color: #fff;
}
.layerPopup .btnPopClose {
    position: absolute;
    top: -45px;
    right: 45px;
    width: 45px;
    height: 45px;
    background-color: #fff;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.layerPopup .btnPopClose::before {
    width: 17px;
    height: 16px;
	background: url(../images/common/ico_close_gray.png) no-repeat 0 0;
    background-size: 17px auto;
    vertical-align: top;
    margin-top: 4px;
}
/**paging**/
.paging {margin:25px 10px; display: flex; font-size:12px;justify-content: space-between;}
.paging a {margin-right:2px; width:30px; height: 30px; line-height: 30px; text-align:center; color: #abb1b8; font-size: 12px}
.paging .on {font-weight:bold; margin-right:2px; width:30px; height: 30px; text-align:center;border-radius:50%; line-height: 30px; background: #dff7ff; font-size: 12px; color: #1382b5;}
.paging .prev { background: url(../images/common/bg_page.png) no-repeat 50% 50%; background-size: 30px 30px}
.paging .next { background: url(../images/common/bg_page.png) no-repeat 50% 50%; background-size: 30px 30px; transform: rotate(180deg);}

.pagingBtn_no_nextprev {
		display:flex;
   justify-content: center;
   margin:30px 0px;
}
.pagingBtn_no_nextprev .listLink {
		
    width: 100px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    border-radius: 20px;
    color:#fff;
    background-color: #61b6d2;
}

.pagingBtn {
    display: flex;
    padding: 0 20px;
    margin: 30px 0;
    align-items: center;
    justify-content: space-between;
}
.pagingBtn .listLink {
    width: 100px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    border-radius: 20px;
    color:#fff;
    background-color: #61b6d2;
}



.pagingBtn a {
    color: #777e85;    
}
.pagingBtn .bf::before,
.pagingBtn .af::after {
    width: 9px;
    height: 8px;
    background: url(../images/common/ico_list.png) no-repeat;
    background-size: 9px 8px;  
    margin-right: 17px;
}
.pagingBtn .btnNext::after {
    margin-left: 17px;
    margin-right: 0;
 	transform: rotate(180deg);
}
.flex {
    display: flex;
    justify-content: space-between;  
}
.hide {
    display: none;
}
.show {
    display: block !important;
}
/**/
.ui-datepicker {
    border:1px solid #dde0e2;
    background-color: #fff;
}
/**/
.gap25 {
    margin-left: 25px;
    margin-right: 25px;    
}
.gap15 {
    padding: 15px;
}
@media screen and (min-width:0) and (max-width: 360px){
    .asideWrap .nav {
        background-size: 158px auto;
    }
    .asideWrap .nav ul li .depth1 {
        width: 158px;
    }
    .asideWrap .nav ul li.current .depth1::before {
        width: 158px;
    }
    .asideWrap .nav ul li.current .depth1::after {
        width: 158px;
    }
    .asideWrap .nav ul li .depth2Wrap {
        left: 158px;
        width: calc(100% - 158px);
    }
}