@charset "UTF-8";

/* 기본 버튼 */
.btn_default {display:inline-flex;align-items:center;justify-content:center;min-width:90px;min-height:44px;padding:5px 30px;text-align:center;font-size:1rem;color:#212121;font-weight:500;outline:1px solid #212121;border:1px solid #fff;border-radius:5px;background-color:#fff;box-sizing:border-box;transition:0.2s}
.btn_default .text {}
.btn_default:not(.disabled):hover {border-color:#212121}
.btn_default:not(.disabled):focus, 
.btn_default:not(.disabled).on {color:#fff;border-color:#212121;background-color:#212121}
.btn_default.disabled {cursor:inherit !important;color:#757575 !important;border-color:#E0E0E0 !important;background-color:var(--colorBgGray) !important}
.btn_default.small {min-height:28px;padding:3px 20px}
.btn_default.large {min-height:54px}

/* 기본 버튼 색상 추가 */
.btn_default.c_main {color:var(--colorMain);outline-color:var(--colorMain)}
.btn_default.c_main:not(.disabled):hover {border-color:var(--colorMain)}
.btn_default.c_main:not(.disabled):focus, 
.btn_default.c_main:not(.disabled).on {color:#fff;border-color:var(--colorMain);background-color:var(--colorMain)}
.btn_default.c_sub {color:var(--colorSub);outline-color:var(--colorSub)}
.btn_default.c_sub:not(.disabled):hover {border-color:var(--colorSub)}
.btn_default.c_sub:not(.disabled):focus, 
.btn_default.c_sub:not(.disabled).on {color:#fff;border-color:var(--colorSub);background-color:var(--colorSub)}
.btn_default.blue {color:var(--colorBlue);outline-color:var(--colorBlue)}
.btn_default.blue:not(.disabled):hover {border-color:var(--colorBlue)}
.btn_default.blue:not(.disabled):focus, 
.btn_default.blue:not(.disabled).on {color:#fff;border-color:var(--colorBlue);background-color:var(--colorBlue)}
.btn_default.green {color:var(--colorGreen);outline-color:var(--colorGreen)}
.btn_default.green:not(.disabled):hover {border-color:var(--colorGreen)}
.btn_default.green:not(.disabled):focus, 
.btn_default.green:not(.disabled).on {color:#fff;border-color:var(--colorGreen);background-color:var(--colorGreen)}
.btn_default.red {color:var(--colorRed);outline-color:var(--colorRed)}
.btn_default.red:not(.disabled):hover {border-color:var(--colorRed)}
.btn_default.red:not(.disabled):focus, 
.btn_default.red:not(.disabled).on {color:#fff;border-color:var(--colorRed);background-color:var(--colorRed)}

.btn_default.black {color:#fff;outline-color:#212121;background-color:#212121;border-color:#212121}
.btn_default.black:not(.disabled):hover, 
.btn_default.black:not(.disabled):focus, 
.btn_default.black:not(.disabled).on {background-color:#3d3d3d;border-color:#3d3d3d}

/* 기본 버튼 : negative */
.btn_default.neg {color:#fff;outline-color:#848690;border-color:#848690;background-color:#848690}
.btn_default.neg:not(.disabled):hover, 
.btn_default.neg:not(.disabled):focus, 
.btn_default.neg:not(.disabled).on {color:#fff;background-color:#212121}

/* 기본 버튼 : list */
.btn_default.list {color:#fff;outline-color:#343642;border-color:#343642;background-color:#343642}
.btn_default.list:not(.disabled):hover, 
.btn_default.list:not(.disabled):focus, 
.btn_default.list.on {border-color:#212121;background-color:#212121}

/* 기본 버튼 : etc */
.btn_default.etc {color:#fff;outline-color:#616161;border-color:#616161;background-color:#616161}
.btn_default.etc:not(.disabled):hover, 
.btn_default.etc:not(.disabled):focus, 
.btn_default.etc.on {border-color:#212121;background-color:#212121}

/* 텍스트 버튼 */
.btn_txt {color:var(--colorBlack2);transition:0.2s}
.btn_txt:not(.disabled):hover, 
.btn_txt:not(.disabled):focus, 
.btn_txt.on {color:var(--colorLightBrown);text-decoration:underline}

/* 링크 버튼 */
.btn_link {}
.btn_link:not(.disabled):hover, 
.btn_link:not(.disabled):focus, 
.btn_link.on {color:var(--colorMain)}
.btn_link:not(.disabled):hover .text, 
.btn_link:not(.disabled):focus .text, 
.btn_link.on .text {text-decoration:underline}

/* 작은 버튼 */
.btn_small {display:inline-block;padding:0 8px;font-size:15px;line-height:22px;color:var(--colorBlack);background-color:#fff;border:1px solid var(--colorGray60);border-radius:5px}
.btn_small.c_main {color:var(--colorMain);border-color:var(--colorMain)}
.btn_small.c_sub {color:var(--colorSub);border-color:var(--colorSub)}
.btn_small.red {color:var(--colorRed);border-color:var(--colorRed)}
.btn_small.blue {color:#428be9;border-color:#428be9}
.btn_small .icon {display:inline-block;vertical-align:middle;transform:translateY(-2px)}
.btn_small:hover, 
.btn_small:focus, 
.btn_small.on {color:#fff;background-color:var(--colorBlack)}
.btn_small.c_main:hover, 
.btn_small.c_main:focus, 
.btn_small.c_main.on {color:#fff;background-color:var(--colorMain)}
.btn_small.c_sub:hover, 
.btn_small.c_sub:focus, 
.btn_small.c_sub.on {color:#fff;background-color:var(--colorSub)}
.btn_small.red:hover, 
.btn_small.red:focus, 
.btn_small.red.on {color:#fff;background-color:var(--colorRed)}
.btn_small.blue:hover, 
.btn_small.blue:focus, 
.btn_small.blue.on {color:#fff;background-color:#428be9}

/* 버튼 리스트 */
.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 .list_li {display:inline-block}
.btn_list .btn_default {}
.btn_list.flex {display:flex;justify-content:space-between;flex-wrap:wrap;column-gap:3px}
.btn_list.flex .list_li:not(:last-child) .btn_default {margin-right:5px}

/* 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 {padding:4px 12px;border-radius:28px}
.tag.sub {border-color:var(--colorSub);background-color:var(--colorSub)}
.tag.blue {border-color:var(--colorBlue);background-color:var(--colorBlue)}
.tag.green {border-color:var(--colorGreen);background-color:var(--colorGreen)}
.tag.red {border-color:var(--colorRed);background-color:var(--colorRed)}
.tag.gray {border-color:var(--colorGray60);background-color:var(--colorGray60)}
.tag.black {border-color:var(--colorGray90);background-color:var(--colorGray90)}
.tag.line {color:var(--colorMain);font-weight:500;background-color:#fff}
.tag.line.sub {color:var(--colorSub);background-color:#fff}
.tag.line.blue {color:var(--colorBlue);background-color:#fff}
.tag.line.green {color:var(--colorGreen);background-color:#fff}
.tag.line.red {color:var(--colorRed);background-color:#fff}
.tag.line.gray {color:var(--colorGray60);background-color:#fff}
.tag.line.black {color:var(--colorGray90);background-color:#fff}
.tag.line.white {color:var(--colorGray90);background-color:#fff;border-color:var(--colorBorderGray)}

/* 탭 */
.tab_list {}
.tab_list.mt {margin-top:65px}
.tab_list .list_inner {display:flex}
.tab_list .tab_box {flex:1;border-radius:5px;overflow:hidden}
.tab_list .tab_box .tab {display:flex;align-items:center;height:62px;text-align:center;color:#666;font-size:1.1em;font-weight:500;background-color:var(--colorBgGray)}
.tab_list .tab_box .tab .text {display:flex;align-items:center;justify-content:center;width:100%;height:calc(100% - 20px);border-right:1px solid rgba(0,0,0,0.1);transition:0.2s}
.tab_list .tab_box:last-child .tab .text {border-right:0}
.tab_list .tab_box .tab:not(.on):hover, 
.tab_list .tab_box .tab:not(.on):focus {color:var(--colorMain);font-weight:600}
.tab_list .tab_box .tab.on {color:#fff;background-color:var(--colorMain)}
.tab_list .tab_box .tab.on .text, 
.tab_list .tab_box.noline .text {border-right-color:transparent}

/* 탭2 */
.inner_tab_list {}
.inner_tab_list .mobile_tab_btn {display:none}
.inner_tab_list .list_inner {display:flex;border-bottom:1px solid #212121}
.inner_tab_list .tab_box {display:inline-flex;align-items:center}
.inner_tab_list .tab_box .tab {display:flex;align-items:center;height:100%;padding:10px 18px;color:#666;font-size:1em;border-radius:5px 5px 0 0;border:1px solid transparent;border-bottom:0;position:relative}
.inner_tab_list .tab_box .tab::before {display:none;width:100%;height:3px;content:'';background-color:#fff;position:absolute;left:0;bottom:-1px}
.inner_tab_list .tab_box .tab::after {width:1px;height:14px;content:'';background-color:var(--colorBorderGray);position:absolute;right:0;top:50%;transform:translateY(-50%)}
.inner_tab_list .tab_box .tab.on::after, 
.inner_tab_list .tab_box.noline .tab::after, 
.inner_tab_list .tab_box:last-child .tab::after {display:none}
.inner_tab_list .tab_box .tab .text {}
.inner_tab_list .tab_box .tab:hover, 
.inner_tab_list .tab_box .tab:focus {color:#212121;font-weight:500}
.inner_tab_list .tab_box .tab.on {color:#212121;font-weight:600;background-color:#fff;border-color:#212121}
.inner_tab_list .tab_box .tab.on::before {display:block}
 
.tab_cont {display:none}
.tab_cont.on {display:block}


/* 기본 표(게시판x) */
.table_basic {}
.table table {border:1px solid var(--colorBorderGray);border-bottom:0}
.table th {padding:13px 10px;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:8px 10px;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.bdr, 
.table td.bdr {border-right:1px solid var(--colorBorderGray)}
.table th.bdb, 
.table td.bdb {border-bottom:1px solid var(--colorBorderGray)}
.table th.bg, 
.table td.bg {background-color:#E6E8EA}
.table th.bg2, 
.table td.bg2 {background-color:#D6DCE2}
.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 .ess {padding-left:30px}
.table tbody .ess .ic {color:var(--colorRed);position:absolute;left:17px;top:50%;transform:translateY(-50%)}
.table_scroll_txt {display:none;width:100%;margin-bottom:5px;padding:4px 12px;text-align:left;color:var(--colorMain);font-weight:500;background-color:#E2F2FF}
.table_scroll_txt .icon {animation:scroll_iconActive 1s infinite}
.scroll_table {}
.scroll_table table {}
*/

@keyframes scroll_iconActive{
	0% {transform:translateX(0)}
	25% {transform:translateX(1px)}
	50% {transform:translateX(0)}
	75% {transform:translateX(-1px)}
	100% {transform:translateX(0)}
}


/* 완료 및 결과없음 페이지 */
.board_result {padding:60px 20px;word-break:keep-all;background-color:var(--colorBgGray);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:#fff;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.img_icon {}


@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}
	
	.tab_list.mt {margin-top:50px}
	
	/* 기본 표(게시판x) */
	.scroll_table.w1400 {overflow-y:auto}
	.scroll_table.w1400 table {width:1400px}
	.mobile_tbody_th.w1400 tr {display:grid;grid-template-columns:200px calc(100% - 200px);grid-template-rows:auto}
	.mobile_tbody_th.w1400 th:nth-child(2n), 
	.mobile_tbody_th.w1400 td:nth-child(2n) {border-right:0}
}

@media screen and (max-width:1280px){
	.btn_default {padding:8px 23px;font-size:15px}
	.btn_default.line:not(.disabled):hover, 
	.btn_default.line:not(.disabled):focus, 
	.btn_default.line.on {padding-top:7px;padding-bottom:7px}
	.btn_default.small {min-width:65px;padding-left:10px;padding-right:10px}
	.btn_smal {font-size:14px}

	/* 버튼 리스트 */
	.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.mt {margin-top:40px}
	.tab_list .tab_box .tab {height:54px}
	.inner_tab_list .tab_box .tab {padding:9px 15px}

	/* 기본 표(게시판x) */
	.table th {padding:10px}
	.table tbody .ess {padding-left:24px}
	.table tbody .ess .ic {left:12px}
	.scroll_table.w1280 {overflow-y:auto}
	.scroll_table.w1280 table {width:1280px}
	.mobile_tbody_th.w1280 tr {display:grid;grid-template-columns:200px calc(100% - 200px);grid-template-rows:auto}
	.mobile_tbody_th.w1280 th:nth-child(2n), 
	.mobile_tbody_th.w1280 td:nth-child(2n) {border-right:0}
	
	/* 완료 및 결과없음 페이지 */
	.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}
}

@media screen and (max-width:1080px){
	/* 버튼 리스트 */
	.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}
	.tag.round {padding:3px 10px}

	/* 탭 */
	.tab_list .tab_box .tab {height:48px}
	.inner_tab_list .tab_box .tab {padding:8px 12px}
	
	/* 기본 표(게시판x) */
	.table th {padding:9px 10px;line-height:1.4} 
	.table tbody .ess {padding-left:21px}
	.table tbody .ess .ic {left:10px}
	.scroll_table.w1080 {overflow-y:auto}
	.scroll_table.w1080 table {width:1080px}
	.mobile_tbody_th.w1080 tr {display:grid;grid-template-columns:180px calc(100% - 180px);grid-template-rows:auto}
	.mobile_tbody_th.w1080 th:nth-child(2n), 
	.mobile_tbody_th.w1080 td:nth-child(2n) {border-right:0}
	.mobile_tbody_th.w1280 tr, 
	.mobile_tbody_th.w1400 tr {grid-template-columns:180px calc(100% - 180px)}

	/* 완료 및 결과없음 페이지 */
	.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}
}

@media screen and (max-width:767px){	
	/* 버튼 리스트 */
	.btn_list.mt {margin-top:15px}
	.btn_list.mt2 {margin-top:25px}
	.btn_list.mb {margin-bottom:15px}
	.btn_list.mb2 {margin-bottom:25px}
	.btn_list.flex {row-gap:8px}
	.btn_list.flex .left, 
	.btn_list.flex .right {display:flex;justify-content:space-between;gap:8px;width:100%}
	.btn_list.flex .left .list_li, 
	.btn_list.flex .right .list_li {flex:1}
	.btn_list.flex .left .btn_default, 
	.btn_list.flex .right .btn_default {width:100%}
	
	/* 탭 */
	.tab_list {display:none;overflow-x:auto}
	.tab_list.mt {margin-top:30px}
	.tab_list .list_inner {}
	.tab_list .tab_box {min-width:140px}
	
	.inner_tab_list {position:relative}
	.inner_tab_list .mobile_tab_btn {display:block;width:100%;padding:15px 40px 15px 27px;font-size:1.05em;font-weight:700;text-align:left;color:var(--colorMain);border:1px solid var(--colorMain);border-radius:8px;box-shadow:0 0 8px rgba(208,213,219,0.6);position:relative}
	.inner_tab_list .mobile_tab_btn::after {font-family:'xeicon';content:'\e935';font-size:12px;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:0.2s}
	.inner_tab_list .mobile_tab_btn.on {color:#fff;background-color:var(--colorMain);border-radius:8px}
	.inner_tab_list .mobile_tab_btn.on::after {font-size:10px;transform:translateY(-50%) rotate(180deg)}
	.inner_tab_list .list_inner {display:none;width:100%;max-height:195px;background-color:#fff;border:2px solid var(--colorMain);border-radius:8px;overflow-y:auto;position:absolute;left:0;top:54px;z-index:10}
	.inner_tab_list .tab_box {display:block;border-bottom:1px solid var(--colorBorderGray)}
	.inner_tab_list .tab_box:last-child {border-bottom:0}
	.inner_tab_list .tab_box .tab {display:block;padding:12px 27px;color:#212121;border:0;border-radius:0}
	.inner_tab_list .tab_box .tab::before,
	.inner_tab_list .tab_box .tab::after {display:none !important}
	.inner_tab_list .tab_box .tab .text {}
	.inner_tab_list .tab_box .tab:hover, 
	.inner_tab_list .tab_box .tab:focus {color:var(--colorMain);background-color:#fff}
	.inner_tab_list .tab_box .tab.on {color:var(--colorMain);background-color:var(--colorBgGray)}
	.inner_tab_list .tab_box .tab.on .text {}

	/* 기본 표(게시판x) */
	.scroll_table.w768 {overflow-y:auto}
	.scroll_table.w768 table {width:768px}
	.mobile_tbody_th.w768 tr {display:grid;grid-template-columns:180px calc(100% - 180px);grid-template-rows:auto}
	.mobile_tbody_th.w768 th:nth-child(2n), 
	.mobile_tbody_th.w768 td:nth-child(2n) {border-right:0}

	/* 완료 및 결과없음 페이지 */
	.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}
}

@media screen and (max-width:480px){
	.table table {border-bottom:1px solid var(--colorBorderGray)}
	
	.btn_default {padding:7px 15px;font-size:14px}
	.btn_default.line:not(.disabled):hover, 
	.btn_default.line:not(.disabled):focus, 
	.btn_default.line.on {padding-top:6px;padding-bottom:6px}

	.btn_list .list_li {width:calc(50% - 4px)}
	.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%}
	.btn_list.flex {display:block}
	.btn_list.flex .left {margin-bottom:8px}

	.btn_icon {min-width:40px;height:40px;font-size:18px}
	
	/* 탭 */
	.inner_tab_list .mobile_tab_btn {padding:14px 35px 14px 17px}
	.inner_tab_list .mobile_tab_btn::after {font-size:11px;right:15px}
	.inner_tab_list .mobile_tab_btn.on::after {font-size:9px}
	.inner_tab_list .list_inner {max-height:179px;top:50px}
	.inner_tab_list .tab_box .tab {padding:11px 16px}

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

	/* 기본 표(게시판x) */
	.scroll_table.w480 {overflow-y:auto}
	.scroll_table.w480 table {width:480px}
	.mobile_tbody_th table {border-bottom:0}
	.mobile_tbody_th.w480 tr {display:grid;grid-template-columns:110px calc(100% - 110px);grid-template-rows:auto}
	.mobile_tbody_th.w480 th:nth-child(2n), 
	.mobile_tbody_th.w480 td:nth-child(2n) {border-right:0}
	.mobile_tbody_th.w768 tr, 
	.mobile_tbody_th.w1080 tr, 
	.mobile_tbody_th.w1280 tr, 
	.mobile_tbody_th.w1400 tr {grid-template-columns:110px calc(100% - 110px)}

	/* 완료 및 결과없음 페이지 */
	.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}
}