@charset "UTF-8";

/* 버튼 */
.btn_custom {display:inline-flex;align-items:center;justify-content:center;column-gap:3px;min-width:180px;min-height:44px;padding:0 10px;text-align:center;font-size:1em;line-height:1;color:#fff;font-weight:700;border-radius:6px;background-color:var(--colorMain);border:1px solid var(--colorMain);vertical-align:top}
.btn_custom.vm {vertical-align:middle}
.btn_custom.sm {min-width:120px}
.btn_custom.mine {min-width:70px;min-height: 30px}
.btn_custom .icon {}
.btn_custom:hover, 
.btn_custom:focus {background-color:var(--colorSub);border-color:var(--colorSub);outline-offset:3px}
.btn_custom.g90 {background-color:var(--colorGray90);border-color:var(--colorGray90)}
.btn_custom.g90:hover,
.btn_custom.g90:focus {background-color:var(--colorGray80);border-color:var(--colorGray80)}
.btn_custom.blue, 
.btn_custom.enter {background-color:var(--colorBlue);border-color:var(--colorBlue)}
.btn_custom.blue:hover, 
.btn_custom.blue:focus, 
.btn_custom.enter:hover, 
.btn_custom.enter:focus {background-color:#4C87F6;border-color:#4C87F6}
.btn_custom.blue2, 
.btn_custom.modify, 
.btn_custom.download, 
.btn_custom.upload {color:#fff;background-color:#0B78CB;border-color:#0B78CB}
.btn_custom.blue2:hover, 
.btn_custom.blue2:focus, 
.btn_custom.modify:hover, 
.btn_custom.modify:focus, 
.btn_custom.download:hover, 
.btn_custom.download:focus, 
.btn_custom.upload:hover, 
.btn_custom.upload:focus {background-color:#2098F3;border-color:#2098F3}
.btn_custom.red {background-color:var(--colorRed);border-color:var(--colorRed)}
.btn_custom.red:hover, 
.btn_custom.red:focus {background-color:#F05F42;border-color:#F05F42}

.btn_custom.outline {color:var(--colorMain);background-color:#fff;border-color:var(--colorMain)}
.btn_custom.outline:hover, 
.btn_custom.outline:focus {color:#fff;background-color:var(--colorMain);border-color:var(--colorMain)}
.btn_custom.outline.normal, 
.btn_custom.list {color:var(--colorGray90);background-color:#fff;border-color:var(--colorBorderGray)}
.btn_custom.outline.normal:hover, 
.btn_custom.outline.normal:focus, 
.btn_custom.list:hover, 
.btn_custom.list:focus {color:#fff;background-color:var(--colorGray90);border-color:var(--colorBorderGray)}
.btn_custom.outline.g90 {color:var(--colorGray90);background-color:#fff;border-color:var(--colorGray90)}
.btn_custom.outline.g90:hover, 
.btn_custom.outline.g90:focus {color:#fff;background-color:var(--colorGray90);border-color:var(--colorGray90)}
.btn_custom.outline.blue, 
.btn_custom.outline.enter {color:var(--colorBlue);background-color:#fff;border-color:var(--colorBlue)}
.btn_custom.outline.blue:hover, 
.btn_custom.outline.blue:focus, 
.btn_custom.outline.enter:hover, 
.btn_custom.outline.enter:focus {color:#fff;background-color:var(--colorBlue);border-color:var(--colorBlue)}
.btn_custom.outline.red, 
.btn_custom.delete {color:var(--colorRed);background-color:#fff;border-color:var(--colorRed)}
.btn_custom.outline.red:hover, 
.btn_custom.outline.red:focus, 
.btn_custom.delete:hover, 
.btn_custom.delete:focus {color:#fff;background-color:var(--colorRed);border-color:var(--colorRed)}
.btn_custom.outline.blue2, 
.btn_custom.outline.modify, 
.btn_custom.outline.download, 
.btn_custom.outline.upload {color:#0B78CB;background-color:#fff;border-color:#0B78CB}
.btn_custom.outline.blue2:hover, 
.btn_custom.outline.blue2:focus, 
.btn_custom.outline.modify:hover, 
.btn_custom.outline.modify:focus, 
.btn_custom.outline.download:hover, 
.btn_custom.outline.download:focus, 
.btn_custom.outline.upload:hover, 
.btn_custom.outline.upload:focus {color:#fff;background-color:#0B78CB;border-color:#0B78CB}

.btn_custom.disabled, 
.btn_custom.disabled:hover, 
.btn_custom.disabled:focus {cursor:inherit;color:#6D7882;background-color:#E6E8EA;border-color:#E6E8EA}

/* 버튼 리스트 */
.btn_list {}
.btn_list.mt {margin-top:25px}
.btn_list.mt2 {margin-top:40px}
.btn_list.mb {margin-bottom:25px}
.btn_list.mb2 {margin-bottom:40px}
.btn_list.flex {display:flex;justify-content:space-between;flex-wrap:wrap;column-gap:3px}
.btn_list .list_li {display:inline-block}
.btn_list .btn_custom {}

.btn_link {color:var(--colorBlue)}
.btn_link .text {transition:0.3s}
.btn_link .icon {transform:translateY(-1px)}
.btn_link:hover, 
.btn_link:focus {color:var(--colorMain)}
.btn_link:hover .text, 
.btn_link:focus .text {text-decoration:underline;text-underline-offset:2px}

.btn_icon {display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:#fff;background-color:#6d7882;border-radius:6px}
.btn_icon:hover,
.btn_icon:focus {background-color:var(--colorGray70)}

/* 작은 버튼 */
.btn_small {padding:5px 12px;font-size:14px;font-weight:normal;color:var(--colorWhite);text-align:center;background-color:var(--colorMain);border:1px solid var(--colorMain);border-radius:6px}
.btn_small:hover, 
.btn_small:focus {background-color:#4C87F6;border-color:#4C87F6;outline-offset:2px}
.btn_small .icon {vertical-align:baseline}
.btn_small.sub {background-color:var(--colorSub);border-color:var(--colorSub)}
.btn_small.sub:hover, 
.btn_small.sub:focus {background-color:var(--colorMain);border-color:var(--colorMain)}
.btn_small.g90 {background-color:var(--colorGray90);border-color:var(--colorGray90)}
.btn_small.g90:hover,
.btn_small.g90:focus {background-color:var(--colorGray80);border-color:var(--colorGray80)}
.btn_small.blue {background-color:var(--colorBlue);border-color:var(--colorBlue)}
.btn_small.blue:hover, 
.btn_small.blue:focus {background-color:#4C87F6;border-color:#4C87F6}
.btn_small.red {background-color:var(--colorRed);border-color:var(--colorRed)}
.btn_small.red:hover, 
.btn_small.red:focus {background-color:#F05F42;border-color:#F05F42}
.btn_small.disabled, 
.btn_small.disabled:hover, 
.btn_small.disabled:focus {cursor:inherit;color:#6D7882;background-color:#E6E8EA;border-color:var(--colorBorderGray)}

.btn_small.outline {color:var(--colorMain);font-weight:500;background-color:#fff}
.btn_small.outline:hover,
.btn_small.outline:focus {color:#4C87F6;background-color:#fff;border-color:#4C87F6}
.btn_small.outline.sub {color:var(--colorSub);background-color:#fff}
.btn_small.outline.sub:hover,
.btn_small.outline.sub:focus {color:var(--colorMain);background-color:#fff;border-color:var(--colorMain)}
.btn_small.outline.g90 {color:var(--colorGray90);background-color:#fff}
.btn_small.outline.g90:hover,
.btn_small.outline.g90:focus {color:var(--colorGray80);background-color:#fff;border-color:var(--colorGray80)}
.btn_small.outline.blue {color:var(--colorBlue);background-color:#fff}
.btn_small.outline.blue:hover,
.btn_small.outline.blue:focus {color:#4C87F6;background-color:#fff;border-color:#4C87F6}
.btn_small.outline.red {color:var(--colorRed);background-color:#fff}
.btn_small.outline.red:hover,
.btn_small.outline.red:focus {color:#F05F42;background-color:#fff;border-color:#F05F42}
.btn_small.outline.disabled, 
.btn_small.outline.disabled:hover,
.btn_small.outline.disabled:focus {color:#6D7882;background-color:var(--colorBgGray);border-color:#6D7882}

.btn_table_ctrl {}
.btn_table_ctrl .icon {vertical-align:middle;transition:0.3s}
.btn_table_ctrl.current .icon {vertical-align:text-top;transform:rotate(180deg)}

/* tag */
.tag {display:inline-block;padding:6px 12px;color:#fff;font-size:14px;line-height:1;border-radius:6px;border:1px solid var(--colorMain);background-color:var(--colorMain)}
.tag.round {border-radius:28px}
.tag.sub {border-color:var(--colorSub);background-color:var(--colorSub)}
.tag.blue {border-color:var(--colorBlue);background-color:var(--colorBlue)}
.tag.red {border-color:var(--colorRed);background-color:var(--colorRed)}
.tag.black {border-color:var(--colorBlack);background-color:var(--colorBlack)}
.tag.line {color:var(--colorMain);background-color:#fff}
.tag.line.sub {color:var(--colorSub);background-color:#fff}
.tag.line.blue {color:var(--colorBlue);background-color:#fff}
.tag.line.red {color:var(--colorRed);background-color:#fff}
.tag.line.black {color:var(--colorBlack);background-color:#fff}

/* 탭 */
.tab_list {}
.tab_list .list_inner {display:flex}
.tab_list .tab_box {flex:1}
.tab_list .tab_box .tab {display:block;width:100%;height:62px;text-align:center;color:var(--colorGray90);font-weight:500;background-color:var(--colorBgGray);border-top:1px solid var(--colorBorderGray);border-bottom:1px solid var(--colorBorderGray)}
.tab_list .tab_box .tab .text {display:flex;align-items:center;justify-content:center;width:100%;height:calc(100% - 20px);margin:10px 0;border-right:1px solid var(--colorBorderGray)}
.tab_list .tab_box:last-child .tab .text {border-right:0}
.tab_list:not(.no_data) .tab_box .tab:not(.on):hover, 
.tab_list:not(.no_data) .tab_box .tab:not(.on):focus {color:var(--colorMain);background-color:#fff}
.tab_list .tab_box .tab.on {color:var(--colorMain);font-weight:700;background-color:#fff;border-top:3px solid var(--colorMain);border-bottom-color:#fff}
.tab_list .tab_box .tab.on .text, 
.tab_list .tab_box.noline .text {border-right-color:#fff}
.tab_cont {display:none}
.tab_cont.on {display:block}

.tab_list.sty2 .list_inner { padding: 8px; background: #F4F5F6; border-radius: 100px; }
.tab_list.sty2 .tab_box .tab .text { margin:0; font-size: 20px; height:100%; font-weight: 700;border-right:0}
.tab_list.sty2 .tab_box .tab.on { color: #fff; background: linear-gradient(45deg, #00618A, #007DB2); border-radius: 100px;border: none; }
.tab_list.sty2 .tab_box .tab.on .text, .tab_list.sty2 .tab_box.noline .text { border-right: none}
.tab_list.sty2 .tab_box .tab { border: none; background: none; color: #6D7882; }
.tab_list.sty2 .tab_box .tab:not(.on):hover, 
.tab_list.sty2 .tab_box .tab:not(.on):focus { border-radius: 100px; }


/* 기본 표(게시판x) */
.table {}
.table table {border:1px solid var(--colorBorderGray)}
.table th {padding:13px 17px;color:var(--colorGray90);font-weight:700;word-break:keep-all;background-color:var(--colorBgGray);border-right:1px solid var(--colorBorderGray);border-bottom:1px solid var(--colorBorderGray);position:relative}
.table td {padding:13px 17px;color:var(--colorGray70);word-break:keep-all;border-right:1px solid var(--colorBorderGray);border-bottom:1px solid var(--colorBorderGray);position:relative}
.table th:last-child, 
.table td:last-child {border-right:0}
.table th.bg, 
.table td.bg {background-color:#E6E8EA}
.table thead {}
.table thead th {text-align:center}
.table tbody {}
.table tbody th {text-align:left;border-bottom:1px solid var(--colorBorderGray);position:relative}
.table tbody td {border-bottom:1px solid var(--colorBorderGray)}
.table tbody .bdr {border-right:1px solid var(--colorBorderGray) !important}
.table tbody .bdr0 {border-right:0 !important}
.table tbody .bdl {border-left:1px solid var(--colorBorderGray) !important}
.table tbody .bdl0 {border-left:0 !important}
.table tbody .bdb {border-bottom:1px solid var(--colorBorderGray) !important}
.table tbody .bdb0 {border-bottom:0 !important}
.table tbody .bdt {border-top:1px solid var(--colorBorderGray) !important}
.table tbody .bdt0 {border-top:0 !important}
.table tbody .ess {padding-left:30px}
.table tbody .link_hover {display:block}
.table tbody tr.hover {}
.table tbody tr.hover .link_hover {color:var(--colorMain);text-decoration:underline;text-underline-offset:2px}

/* .table tbody .ess .ic {color:var(--colorRed);position:absolute;left:17px;top:50%;transform:translateY(-50%)} */


/* 완료 및 결과없음 페이지 */
.board_result {padding:60px 20px;word-break:keep-all;border:1px solid var(--colorBorderGray);border-radius:10px}
.board_result .icon_box {display:flex;align-items:center;justify-content:center;width:160px;height:160px;margin:0 auto 35px auto;color:var(--colorMain);background-color:var(--colorBgGray);border-radius:100%}
.board_result .icon_box .icon {width:80px;height:80px}
.board_result .icon_box .icon:not(.img_icon) {font-size:50px;font-weight:700;border:4px solid var(--colorMain);border-radius:100%}
.board_result .icon_box .icon:not(.img_icon)::before {vertical-align:sub}
.board_result .icon_box .icon.noline {border:0}
.board_result .icon_box .icon.img_icon {}

.board_result .icon_box.s2 {padding:20px}
.board_result .icon_box.s2 .icon {width:auto;height:auto}


@media screen and (max-width:1400px){
	/* 완료 및 결과없음 페이지 */
	.board_result {padding:45px 15px}
	.board_result .icon_box {width:130px;height:130px;margin-bottom:30px}
	.board_result .icon_box .icon {width:64px;height:64px}
	.board_result .icon_box .icon:not(.img_icon) {font-size:40px}
}

@media screen and (max-width:1280px){
	/* 버튼 리스트 */
	.btn_list.mt {margin-top:20px}
	.btn_list.mt2 {margin-top:35px}
	.btn_list.mb {margin-bottom:20px}
	.btn_list.mb2 {margin-bottom:35px}
	
	/* tag */
	.tag {padding:5px 10px}

	/* 탭 */
	.tab_list .tab_box .tab {height:54px}

	/* 기본 표(게시판x) */
	.table th, 
	.table td {padding:10px 12px}
	.table tbody .ess {padding-left:24px}
/* 	.table tbody .ess .ic {left:12px} */
	
	/* 완료 및 결과없음 페이지 */
	.board_result {padding:40px 15px}
	.board_result .icon_box {width:100px;height:100px;margin-bottom:22px}
	.board_result .icon_box .icon {width:52px;height:52px}
	.board_result .icon_box .icon:not(.img_icon) {font-size:34px;border-width:3px}
	/* 탭스타일 */
	.tab_list.sty2 .tab_box .tab .text { font-size: 18px;}
}

@media screen and (max-width:1080px){
	/* 버튼 */
	.btn_custom {min-width:150px}

	/* 버튼 리스트 */
	.btn_list.mt {margin-top:17px}
	.btn_list.mt2 {margin-top:30px}
	.btn_list.mb {margin-bottom:17px}
	.btn_list.mb2 {margin-bottom:30px}
	
	/* tag */
	.tag {padding:4px 9px;font-size:13px}

	/* 탭 */
	.tab_list .tab_box .tab {height:48px}
	
	/* 기본 표(게시판x) */
	.table th, 
	.table td {padding:9px 10px;line-height:1.4}
	.table tbody .ess {padding-left:21px}
/* 	.table tbody .ess .ic {left:10px} */

	/* 완료 및 결과없음 페이지 */
	.board_result .icon_box {width:80px;height:80px;margin-bottom:20px}
	.board_result .icon_box .icon {width:42px;height:42px}
	.board_result .icon_box .icon:not(.img_icon) {font-size:26px;border-width:2px}
	.board_result .icon_box.s2 {padding:16px}
	
	/* 탭스타일 */
	.tab_list.sty2 .tab_box .tab .text { font-size: 16px;}
}

@media screen and (max-width:767px){	
	/* 버튼 */
	.btn_custom {min-width:120px}
	.btn_custom.sm {min-width:inherit}
	
	/* 버튼 리스트 */
	.btn_list.mt {margin-top:15px}
	.btn_list.mt2 {margin-top:25px}
	.btn_list.mb {margin-bottom:15px}
	.btn_list.mb2 {margin-bottom:25px}
	
	/* 탭 */
	.tab_list {overflow-x:auto}
	.tab_list .list_inner {}
	.tab_list .tab_box {min-width:140px}

	/* 완료 및 결과없음 페이지 */
	.board_result {padding:25px 10px}
	.board_result .icon_box {width:64px;height:64px;margin-bottom:15px}
	.board_result .icon_box .icon {width:36px;height:36px}
	.board_result .icon_box .icon:not(.img_icon) {font-size:23px}
	.board_result .icon_box.s2 {padding:12px}

	/* 탭스타일 */
/* 	.tab_list .list_inner { flex-wrap: wrap;  } */
	/* .tab_list .tab_box { flex: 1 0 50%; } */
	.tab_list.sty2 .list_inner {padding:5px}
	.tab_list.sty2 .tab_box .tab { background-color: var(--colorBgGray); border-radius: 100px;}
	.tab_list.sty2 .tab_box .tab .text {font-size:1em;border: none;}
	
	.table tbody .ess {padding-left:13px}
	
	/* 기본 표(게시판x) */
	.table.mblock table {display:block;border-bottom:0}
	.table.mblock colgroup {display:none !important}
	.table.mblock table tbody {display:block}
	.table.mblock table tr {display:grid;grid-template-columns:1fr 3fr}
	.table.mblock table td {border-right:0}
	.table.mblock table tbody th {min-width:100px}
	.table.scrolled { overflow-x: auto; }
	.table.scrolled table { width: 767px;  }
}

@media screen and (max-width:480px){
	.btn_custom {min-height:40px;padding:0 5px}
	/* .btn_list .list_li {width:calc(50% - 2px)} */
	.btn_list .list_li.mbl {width:100%}
/* 	.btn_list .list_li.mbl.top {margin-top:8px} */
	.btn_list .list_li.mbl.btm {margin-bottom:8px} 
	.btn_list .btn_custom {width:100%}

	/* tag */
	.tag {font-size:12px}

	/* 완료 및 결과없음 페이지 */
	.board_result {padding:20px 10px}
	.board_result .icon_box {width:54px;height:54px}
	.board_result .icon_box .icon {width:30px;height:30px}
	.board_result .icon_box .icon:not(.img_icon) {font-size:19px}
	.board_result .icon_box.s2 {padding:10px}

	/* 탭스타일 */
	.tab_list .tab_box {min-width:inherit;font-size:0.9375em}
	.tab_list .tab_box .tab {height:40px}
	
	.tab_list.sty2 .list_inner {padding:0;border-radius:3px}
	.tab_list.sty2 .tab_box .tab, 
	.tab_list.sty2 .tab_box .tab.on, 
	.tab_list.sty2 .tab_box .tab:not(.on):hover, 
	.tab_list.sty2 .tab_box .tab:not(.on):focus {border-radius:3px}
	
	.table tbody .ess {padding-left:10px}
	
	/* 기본 표(게시판x) */
	.table.mblock table tbody th {min-width:60px}
}