@charset "utf-8";

/* 
font

font-family: 'ibm-plex-sans-kr', "sans-serif"; font-family: 'N-sans', "sans-serif"; font-family: 'Roboto', sans-serif;

*/


@font-face { font-family: "ibm-plex-sans-kr"; font-style: normal; font-weight:100; src:url(font/IBMPlexSansKR-Thin.ttf);}
@font-face { font-family: "ibm-plex-sans-kr"; font-style: normal; font-weight:200; src:url(font/IBMPlexSansKR-ExtraLight.ttf);}
@font-face { font-family: "ibm-plex-sans-kr"; font-style: normal; font-weight:300; src:url(font/IBMPlexSansKR-Light.ttf);}
@font-face { font-family: "ibm-plex-sans-kr"; font-style: normal; font-weight:400; src:url(font/IBMPlexSansKR-Regular.ttf);}
@font-face { font-family: "ibm-plex-sans-kr"; font-style: normal; font-weight:500; src:url(font/IBMPlexSansKR-Medium.ttf);}
@font-face { font-family: "ibm-plex-sans-kr"; font-style: normal; font-weight:600; src:url(font/IBMPlexSansKR-SemiBold.ttf);}
@font-face { font-family: "ibm-plex-sans-kr"; font-style: normal; font-weight:700; src:url(font/IBMPlexSansKR-Bold.ttf);}
@font-face { font-family: 'N-sans'; font-style: normal; font-weight:800; src:url(font/NotoSansKR-Bold.otf); } 
@font-face { font-family: 'N-sans'; font-style: normal; font-weight:500; src:url(font/NotoSansKR-Regular.otf); } 
@font-face { font-family: 'N-sans'; font-style: normal; font-weight:200; src:url(font/NotoSansKR-Light.otf); } 
@font-face { font-family: 'Roboto'; font-style: normal; src:url(font/Roboto-Regular.ttf); } 

html, body { color: #333; font-family: 'ibm-plex-sans-kr', "sans-serif"; font-weight: 500; overflow-x: hidden;letter-spacing: -.025em;word-spacing: -0.025em; } 
html { overflow-x: hidden; min-width: 320px; } 
/* layout */
section { position: relative; min-height:800px; } 
.pagew { width: 100%; max-width: 1300px; margin: 0 auto; } /* 기본 페이지 최대 가로값 1300 */
.gray_round_box { border: 1px solid #e8e8e8; padding: 20px 30px; border-radius: 15px; margin-bottom: 40px; }
.gray_box {border-top: 2px solid #3e3e3e; border-bottom: 1px solid #808080; margin-bottom: 40px;} 
.half .gray_round_box { float: left; width: 49%; } 
.half .gray_round_box:first-of-type { margin-right: 2%; } 
.scroll_box { overflow: hidden; overflow-y: auto; } 
div.web_hide { display: none!important; } 
div.mob_hide { display: block!important; } 
.web_hide { display: none!important; } 
.mob_hide { display: inline-block!important; } 
.mob_hide2 { display: block!important; } 
tr.web_hide { display: none !important; } 
td.mob_hide, th.mob_hide { display: table-cell!important; } 
td.web_hide, th.web_hide { display: none!important; } 

select { font-family: 'ibm-plex-sans-kr', "sans-serif"; } 
.readonly { background-color: #f8f8f9!important; cursor: default; pointer-events: none; } 


a:focus-visible { outline: 2px solid #000; } 
button:focus-visible { outline: 2px solid #000; } 
input:focus-visible { outline: 2px solid #000; } 


/* class */
/* float */
.clearfix::after { content: ''; display: block; clear: both; } 
.flr { float: right!important } 
.fll { float: left!important } 
.fln { float: none!important } 
/* hidden */
.txt_hidden { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0); } 
.visible { visibility:hidden!important; } 
/* diplay */
.dip_bl { display: block!important; } 
.dip_inb { display: inline-block!important; } 
.dip_n { display: none!important; } 
/* position */
.por { position: relative; } 
.poa { position: absolute; } 
.pof { position: fixed; } 
.poa_r { position: absolute; right: 0; } 
/* text align */
.tal { text-align: left!important } 
.tac { text-align: center } 
.tar { text-align: right } 
/* margin */
.m0 { margin: 0px!important; } 
.m5 { margin: 5px!important; } 
.m10 { margin: 10px!important; } 
.m15 { margin: 15px!important; } 
.m20 { margin: 20px!important; } 
/* margin-top */
.mt0 { margin-top: 0px!important; } 
.mt5 { margin-top: 5px!important; } 
.mt10 { margin-top: 10px!important; } 
.mt15 { margin-top: 15px!important; } 
.mt20 { margin-top: 20px!important; } 
.mt30 { margin-top: 30px!important; } 
.mt40 { margin-top: 40px!important; } 
.mt45 { margin-top: 45px!important; } 
.mt50 { margin-top: 50px!important; }
.mt65 { margin-top: 65px!important; }  
/* margin-bottom */
.mb0 { margin-bottom: 0px!important; } 
.mb5 { margin-bottom: 5px!important; } 
.mb10 { margin-bottom: 10px!important; } 
.mb15 { margin-bottom: 15px!important; } 
.mb16 { margin-bottom: 16px!important; } 
.mb20 { margin-bottom: 20px!important; } 
.mb25 { margin-bottom: 25px!important; } 
.mb30 { margin-bottom: 30px!important; } 
.mb40 { margin-bottom: 40px!important; } 
.mb50 { margin-bottom: 50px!important; } 
.mb60 { margin-bottom: 60px!important; } 
.mb70 { margin-bottom: 70px!important; } 
.mb100 { margin-bottom: 100px!important; } 
/* margin-left */
.ml0 { margin-left: 0px!important; } 
.ml5 { margin-left: 5px!important; } 
.ml6 { margin-left: 6px!important; } 
.ml10 { margin-left: 10px!important; } 
.ml15 { margin-left: 15px!important; } 
.ml20 { margin-left: 20px!important; } 
.ml30 { margin-left: 30px!important; } 
.ml50 { margin-left: 50px!important; } 
/* margin-right */
.mr0 { margin-right: 0px!important; } 
.mr5 { margin-right: 5px!important; } 
.mr6 { margin-right: 6px!important; } 
.mr10 { margin-right: 10px!important; } 
.mr15 { margin-right: 15px!important; } 
.mr20 { margin-right: 20px!important; } 
.mr30 { margin-right: 30px!important; } 
.mr40 { margin-right: 40px!important; } 
.mr50 { margin-right: 50px!important; } 
/* padding */
.p0 { padding: 0px!important; } 
.p5 { padding: 5px!important; } 
.p10 { padding: 10px!important; } 
.p15 { padding: 15px!important; } 
.p20 { padding: 20px!important; } 
.p30 { padding: 30px!important; } 
/* padding-top */
.pt0 { padding-top: 0px!important; } 
.pt5 { padding-top: 5px!important; } 
.pt10 { padding-top: 10px!important; } 
.pt20 { padding-top: 20px!important; } 
.pt30 { padding-top: 30px!important; } 
.pt40 { padding-top: 40px!important; } 
/* padding-bottom */
.pb0 { padding-bottom: 0px!important; } 
.pb5 { padding-bottom: 5px!important; } 
.pb10 { padding-bottom: 10px!important; } 
.pb20 { padding-bottom: 20px!important; } 
.pb25 { padding-bottom: 25px!important; } 
.pb30 { padding-bottom: 30px!important; } 
.pb60 { padding-bottom: 60px!important; } 
/* padding-right */
.pr0 { padding-right: 0px!important; } 
.pr5 { padding-right: 5px!important; } 
.pr10 { padding-right: 10px!important; } 
.pr20 { padding-right: 20px!important; } 
.pr30 { padding-right: 30px!important; } 
.pr45 { padding-right: 45px!important; } 
.pr80 { padding-right: 80px!important; } 
/* padding-left */
.pl0 { padding-left: 0px!important; } 
.pl5 { padding-left: 5px!important; } 
.pl10 { padding-left: 10px!important; } 
.pl15 { padding-left: 15px!important; } 
.pl20 { padding-left: 20px!important; } 
.pl30 { padding-left: 30px!important; } 
.pl45 { padding-left: 45px!important; } 
.pl80 { padding-left: 80px!important; } 
/* width */
.w90 { width: 90px!important; } 
.w100 { width: 100px!important; } 
.w120 { width: 120px!important; } 
.w121 { width: 121px!important; } 
.w130 { width: 130px!important; } 
.w150 { width: 150px!important; } 
.w160 { width: 160px!important; } 
.w180 { width: 180px!important; } 
.w184 { width: 184px!important; } 
.w200 { width: 200px!important; } 
.w220 { width: 220px!important; } 
.w225 { width: 225px!important; } 
.w245 { width: 245px!important; } 
.w250 { width: 250px!important; } 
.w270 { width: 270px!important; } 
.w300 { width: 300px!important; } 
.w310 { width: 310px!important; } 
.w370 { width: 370px!important; } 
.w735 { width: 735px!important; } 
.w815 { width: 815px!important; } 
.w1000 { width: 1000px!important; } 

/* font */
.word { word-break: keep-all; } 
.sub_title {font-size: 1.5rem; margin:65px 0 40px 0;font-family: 'ibm-plex-sans-kr', "sans-serif"; font-weight: 600;}
.item_title { font-size: 1.5rem; margin-bottom: 55px;font-family: 'ibm-plex-sans-kr', "sans-serif"; font-weight: 600;} 

.info_txt { margin-bottom: 10px; font-size: 0.875rem; color: #333; } 
.info_txt:last-of-type { margin-bottom: 0; } 
.basic_txt { font-size: 1.25rem; color: #333; line-height: 1.7;font-weight: 400; word-break: break-all; } 
.basic_txt span { display: block; } 
.box p.title { margin-bottom: 20px;; text-align: center; font-size: 1.625rem; font-weight: 600; } 
.box p.desc { color:#333; text-align: center; font-size: 1rem; } 

.sub_box { border: 1px solid #e5e5e5; box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.08)}
.sub_box2 { border: 1px solid #e5e5e5; box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.08);padding: 20px 30px; margin-bottom: 20px;}

.title_wrap { margin-top: 30px; margin-bottom: 20px; } 
.container_title { font-size: 1.625rem; color: #333; font-weight: 600; } 
.sub_heading { font-size: 1.25rem; color: #333; font-weight: 800; } 

.bold { font-weight: 900; } 
.blue_bold { font-size: 1.125rem; color:#1a54cb; font-weight: 600; } 
.basic_bold { font-size: 1.125rem; color:#333; margin-bottom: 14px; } 

.notice {display: inline-block; width: 35px; height: 25px;line-height: 25px; font-size: 0.875rem;font-style: normal; font-weight: 500; color: #3294e8; background-color: #ebf7ff; border-radius: 5px; text-align: center;}

/* text */
.text { vertical-align: middle; width: 100%; height: 42px; line-height: 40px; border: 1px solid #ccc; padding: 0 20px; font-family:'ibm-plex-sans-kr', "sans-serif"; font-size: 1rem; } 
.textarea { width: 100%; height: auto; min-height: 420px; padding: 10px 20px; overflow: hidden; overflow-y: auto; border: 1px solid #ccc; resize: vertical; font-family:'ibm-plex-sans-kr', "sans-serif"; font-size: 1rem; } 
.textarea_s { width: 100%; height: auto; min-height: 100px; padding: 10px 20px; overflow: hidden; overflow-y: auto; border: 1px solid #ccc; resize: vertical; font-family:'ibm-plex-sans-kr', "sans-serif"; font-size: 1rem; } 
input::placeholder {color:#b5b5b5 ;} 


/* checkbox */
.custom_checkbox { overflow: hidden; position:relative; display: inline-block; min-height: 26px; vertical-align: middle; font-size: 1.063rem; cursor: pointer; } 
.custom_checkbox input[type="checkbox"] { position: absolute; z-index:-1; left:-30px; width: 20px; border: 0; } 
.custom_checkbox input[type="checkbox"] + span { z-index: 1; left:0; display: inline-block; vertical-align: middle; width:23px; height: 23px; border-radius: 3px; background-color: #e7e8ec; margin-right: 10px; } 
.custom_checkbox input[type="checkbox"]:focus + span { border: 2px solid #000; } 
.custom_checkbox span::after { content:''; display: block; width:100%; height:100%; background:url(..//image/icon_check.png) 50% 50% no-repeat; } 


/* search */
.search_wrap { width: 100%; height: auto;  text-align: center; padding-top: 80px;}
.search_box {display: flex; justify-content: center;}
.search_box .text { display: inline-block; max-width: 374px; height: 45px;  margin: 0 10px; padding: 3px 20px 0 20px;border: 1px solid #3e3e3e;}
.btn_search {display: inline-block; width: 100px; height: 45px; line-height: 45px; background-color: #707070; color: #fff; text-align: center;}

/* pagination */
.pagination {position: relative; width: 100%; text-align: center; margin-top: 10px; margin-bottom: 40px;}
.pagination ul {display: inline-block; width: auto; margin: 0 auto;}
.pagination ul li { float: left; margin-right: 5px;}
.pagination ul li:last-of-type { margin-right: 0px;}
.pagination ul li a {display: block; width: 35px; height: 35px; line-height: 32px; background-color: #fff; background-position: 50% 50%;
	background-repeat: no-repeat; border: 1px solid #e8e8e8; font-size: 0.938rem;}

.pagination ul li a.first {
	background-image: url(..//image/pagination_first.png);
}
.pagination ul li a.prev {
	background-image: url(..//image/pagination_prev.png);
}
.pagination ul li a.next {
	background-image: url(..//image/pagination_next.png);
}
.pagination ul li a.last {
	background-image: url(..//image/pagination_last.png);
}

/* 2023-10-27 심상군 추가 */
.pagination1 li a {display: block; width: 35px; height: 35px; line-height: 32px; background-color: #fff; background-position: 50% 50%;
	background-repeat: no-repeat; border: 1px solid #e8e8e8; font-size: 0.938rem;}

.pagination1 ul {display: inline-block; width: auto; margin: 0 auto;}
.pagination1 li { float: left; margin-right: 5px;}

.pagination1 li a.first {
	background-image: url(../resource/image/pagination_first.png);
}
.pagination1 li a.prev {
	background-image: url(../resource/image/pagination_prev.png);
}
.pagination1 li a.next {
	background-image: url(../resource/image/pagination_next.png);
}
.pagination1 li a.last {
	background-image: url(../resource/image/pagination_last.png);
}

/* table default style */
table.default { width: 100%; border-top: 2px solid #bababa; text-align: center; } 
table.default th, table.default td { height: 50px; font-size: 1rem; border-bottom: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; table-layout: fixed; } 
table.default th:last-of-type, table.default td:last-of-type { border-right: 0; } 
table.default th { color: #333; background-color: #fafafa; } 
table.default td { color: #666; } 



/* btn */
.btn_wrap { width: 100%; text-align: center; } 
.btn_wrap2 { width: 100%; text-align: center; } 
.btn_basic { display: inline-block; vertical-align: middle; width: auto; min-width: 200px; height: 45px; line-height: 42px; text-align: center; padding: 0 7px; font-size: 1rem; color: #fff; font-weight: 800; margin-right: 10px; } 

.btn_write { position: absolute; right: 0; display: inline-block; margin-top:-10px; vertical-align: middle; width: 100%; max-width: 160px; height: 45px; line-height: 42px; text-align: center; padding: 0 7px; color:#fff; font-size: 1.063rem;background-color: #163381} 
.btn_live { position: absolute; right: 0; left:0; display: inline-block; margin-top:-10px; vertical-align: middle; width: 100%; max-width: 100%; height: 45px; line-height: 45px; color:#fff; font-size: 1rem;  background-color: #163381; } 
.btn_basic:last-of-type { margin-right: 10px; } 
.btn_basic.btn_white { color: #333; border: 1px solid #9d9d9d; } 




/* media */
@media screen and (max-width: 800px) { 

 html, body { font-size: 15px; } 
 section { position: relative; min-height:700px; padding: 0 20px; } 
 div.web_hide { display: block!important; } 
 div.mob_hide { display: none!important; } 
 .web_hide { display: inline-block!important; } 
 .mob_hide { display: none!important; } 
 .mob_hide2 { display: none!important; } 
 tr.web_hide { display: block !important; } 
 td.mob_hide, th.mob_hide { display: none!important; } 
 td.web_hide, th.web_hide { display: table-cell!important; } 

 /* font */
 .item_title { font-size: 1rem; margin-bottom: 30px; } 
 .basic_txt { font-size: 1rem; } 
 .box p.title { margin-bottom: 20px;; text-align: center; font-size: 1.25rem; font-weight: 600; } 
 .box p.desc { color:#333; text-align: center; font-size: 0.813rem; } 
 .sub_title {font-size: 1.125rem; margin:30px 0 20px 0;font-family: 'ibm-plex-sans-kr', "sans-serif"; font-weight: 600;}
 .notice {display: inline-block; width: 30px; height: 20px;line-height: 20px; font-size: 0.813rem;font-style: normal; font-weight: 500; color: #3294e8; background-color: #ebf7ff; border-radius: 5px; text-align: center; margin-right: 10px;}

 /* text */
 .text { vertical-align: middle; width: 100%; height: 38px; line-height: 32px; border: 1px solid #ccc; padding: 0 20px; font-family: 'N-sans', "sans-serif"; font-size: 0.875rem; margin-bottom: 1px; } 
 .textarea { width: 100%; height: 280px; padding: 10px 20px; overflow: hidden; overflow-y: auto; border: 1px solid #ccc; resize: vertical; font-family: 'ibm-plex-sans-kr', "sans-serif";  font-size: 0.875rem; } 
 .textarea_s { width: 100%; height: 100px; padding: 10px 20px; overflow: hidden; overflow-y: auto; border: 1px solid #ccc; resize: vertical; font-family: 'ibm-plex-sans-kr', "sans-serif";  font-size: 0.875rem; } 

 /* search */
 .search_wrap { width: 100%; height: auto;  text-align: center; padding-top: 40px;}
 .search_box {display: flex; justify-content: center;}
 .search_box .text { display: inline-block; max-width: calc(100% - 146px); height: 34px;font-size: 0.875rem;  margin: 0 5px; padding: 0px 10px 0 10px;border: 1px solid #3e3e3e;}
 .btn_search {display: inline-block; width: 46px; height: 34px; line-height: 34px; font-size: 0.875rem; background-color: #707070; color: #fff;}

 /* pagination */
 .pagination { position: static; width: 100%; text-align: center; margin-top: 10px; margin-bottom: 50px;} 
 .pagination1 { position: static; width: 100%; text-align: center; margin-top: 10px; margin-bottom: 50px;} 

  /* checkbox */
	.custom_checkbox { overflow: hidden; position:relative; display: inline-block; min-height: 13px; vertical-align: middle; font-size: 0.813rem; cursor: pointer; } 
	.custom_checkbox input[type="checkbox"] { position: absolute; z-index:-1; left:-30px; width: 20px; border: 0; } 
	.custom_checkbox input[type="checkbox"] + span { z-index: 1; left:0; display: inline-block; vertical-align: middle; width:20px; height: 20px; border-radius: 3px; background-color: #e7e8ec; margin-right: 10px; } 
	.custom_checkbox input[type="checkbox"]:focus + span { border: 2px solid #000; } 
	.custom_checkbox span::after { content:''; display: block; width:100%; height:100%; background:url(..//image/icon_check.png) 50% 50% no-repeat; background-size: 13px; } 
 
 /* btn */
	.btn_write { position: absolute; z-index: 999; bottom: 0; right: 0; left:0; width: 100%; max-width: 100%; height: 45px; line-height: 45px; color:#fff; font-size: 1rem;  background-color: #163381!important; } 
	.btn_live { position: absolute; z-index: 999; bottom: 0; right: 0; left:0; width: 100%; max-width: 100%; height: 45px; line-height: 45px; color:#fff; font-size: 1rem;  background-color: #163381!important; } 
	.btn_wrap { position: absolute; z-index: 999; bottom: 0; right: 0; left:0; } 
	.btn_basic { min-width: 40%; } 
	.btn_wrap .btn_basic { float: left; border-radius: 0; width: 50%; height: 45px; line-height: 45px;; margin-right: 0; } 
	.btn_wrap .btn_basic.btn_white{ background-color: #dfe4ea!important; color: #2a4175; border-color: #dfe4ea; } 
	

}