@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Light.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Light.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Light.otf') format('opentype');
    font-weight: 300;
	font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Regular.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Regular.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Regular.otf') format('opentype');
    font-weight: 400;
	font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Medium.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Medium.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Medium.otf') format('opentype');
    font-weight: 500;
	font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-SemiBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-SemiBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-SemiBold.otf') format('opentype');
    font-weight: 600;
	font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Bold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Bold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard-Bold.otf') format('opentype');
    font-weight: 700;
	font-style: normal;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,
q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,
tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,
mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block;
}

body {
	width:780px;
	margin:0 auto;
    line-height: 1;
	overflow-x:hidden;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    color: black;
    text-decoration: none;
}

a:link {
    color: black;
    text-decoration: none;
}

button {
    background: none;
    font-size: inherit;
    font-family: inherit;
    cursor: pointer;
    color: inherit;
    box-sizing: border-box;
    border: 0;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

body {
    font-family: 'Pretendard';
    color: #191919;
}

.inner {
    max-width: 1200px;
    margin: 0 auto;
    height: 100%;
}

.wrap {
    /*min-height: 1000px;*/
}

header {
    height: 60px;
    background: #fff;
}

header .inner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

header .logo {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-44%);
}

header h2 {
    font-size: 20px;
    color: #0f408f;
    font-family: 'Pretendard';
    margin-top: 2px;
    text-align: center;
	font-weight:bold;
}

.s_con_visual {
	width:100%;
    height: auto;
    /*background: #0066CC url('../images/s_visual_img.png');
    background-position: center;
	background-size: cover;*/
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
	background:#0066CC;
}

.s_con_visual img{
	width:100%;
	object-fit:cover;
}

/*.s_con_visual .visual_con {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.s_con_visual .visual_con h3 {
    display: block;
    text-align: center;
    font-family: 'GmarketSansBold';
    font-size: 44px;
    color: #006753;
    margin-top: -15px;
}*/

.jang_text{
	background:#efefef;
	padding:20px 0;
	text-align:center;
	font-family: 'Pretendard';
	font-weight: 600;
	color:#333;
	font-size: 1.18rem;
	line-height:28px;
	border:2px solid #051050;
	border-left:none;
	border-right:none;
}

.jang_text h2{
	color:#051050;
	font-family: 'Pretendard';
	font-size: 1.75rem;
	font-weight: 800;
	margin-bottom:10px;
}
.wrap {
   /* min-height: 955px;*/
}

.contents{
	width:95%;
	margin:20px auto 30px auto;
}
.tab_list {
    margin: 0 auto 20px auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.tab_list .tab {
    font-size: 18px;
    font-weight: 500;
    padding: 10.75px 18px;
    /* min-width:170px; */
    background: #f8f8f8;
    /* margin-right: 15px; */
    border-radius: 5px;
    line-height: 1.3;
    width: calc(100% / 3 - 14px);
	min-height: 45px;
}

.tab_list .tab.active {
    background: #051050;
    color: #fff;
    font-weight: 500;
}

.tab_list .tab:nth-child(1).active{
	background: #006464;
}

.tab_list .tab:nth-child(2).active{
	background: #ec6800;
}

.tab_list .tab:nth-child(3).active{
	background: #0090d7;
}

.tab_list .tab:nth-child(4).active{
	background: #f39800;
}

.tab_list .tab:nth-child(5).active{
	background: #5f52a0;
}

.tab_list .tab:nth-child(6).active{
	background: #0058a2;
}

.tab_list .tab.gray {
    background: #ccc;
    color: #1d1d1d;
}

.tab_list .tab:last-child {
    margin-right: 0;
}

.tab_list .tab span {
    font-size: 16px;
	letter-spacing:-1px;
}

.tab_list button:nth-child(n+4) {
    margin-top: 0;
}

.tab_panel{display:none;}
.tab_panel.active{display:block;}

.titleBox{
	display:flex;
	background: #051050;
	color:#fff;
	padding:15px 20px;
	margin-bottom:20px;
	border-radius:10px;
}

.titleBox .big_num{
	width:70px;
	border-right:1px solid #fff;
	font-size:40px;
	    padding-top: 5px;
    font-weight: 800;
}

.titleBox .ti_txt{
	margin-left:20px;
}
.titleBox .ti_txt h3{
	font-family: 'Pretendard';
	font-size: 1.43rem;
	font-weight: 600;
	display:block;
	margin-bottom: 11px;
}


.tab_panel1.active .titleBox{
	background: #006464;
}

.tab_panel2.active .titleBox{
	background: #ec6800;
}

.tab_panel3.active .titleBox{
	background: #0090d7;
}

.tab_panel4.active .titleBox{
	background: #f39800;
}

.tab_panel5.active .titleBox{
	background: #5f52a0;
}

.tab_panel6.active .titleBox{
	background: #0058a2;
}

.tab_txt1{
	font-size: 19px;
	color:#333;
	line-height:28px;
	margin:0 10px 20px 10px;
}

.tab_txt1.add{
	margin-top:20px;
}

.bul_table2 {
    width: 100%;
    display: table;
    margin-left: 10px;
}

.bul_table2_tr {
    display: table-row;

}

.bul_table2_td {
    display: table-cell;
    font-weight: 400;
    font-size: 19px;
    line-height: 30px;
    overflow: hidden;
}

.bul_table2_td.icon {
    width: 2%;
}

.bul_table2_td.icon span {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 10px;
    border: none;
    border-radius: 3px;
    background: #777;
    vertical-align: 4px;
}

.bul_table2_td.text {
    width: 3%;
}

.bul_table2_td table {
    width: 97%;
    margin: 10px 0;
}

.bul_table2_td .info {
    margin-top: 10px;
}

.bul_table2_td.red{color:red;}

.bul_table2.sub {
    margin-left: 0;
}

.bul_table2.sub .bul_table2_td {
    padding-bottom: 0;
}

.bul_table2_td.img {
    padding-top: 10px;
}

.txt_box{
	display:block;
	border:1px solid #eee;
	padding:30px;
	width:100%;
	margin:0 auto 20px auto;
	box-sizing: border-box;
	border-radius:10px;
	font-family: 'Pretendard';
	font-weight:400;
	margin-bottom:50px;
}

.txt_box h2{margin:0 0 20px 0;padding:0;font-size:1.5rem;color:#000;font-weight:600;}

.txt_box ol{list-style:auto;margin:0 0 0 16px;color:#555555}
.txt_box ul{list-style:none;padding: 0;color:#555555;margin-top:5px;}

.txt_box ol li, .txt_box ul li{
	padding:2px 0;
	line-height:1.3;
}

#info_scroll ul li {
    padding: 2px 0 2px 10px;
    line-height: 1.3;
}

#info_scroll{margin-bottom:10px;}

.agree_c{text-align:center;font-family: 'Pretendard';font-weight:400;margin-bottom:20px;}

 table th, table td{
	font-family: 'Pretendard';font-weight:400;
 }
table .dns{display:none;}

table.boardList.data_cell {width: 100%;margin:0 auto; display: block;border-top: 2px solid #2b569c;}
table.boardList.data_cell thead {display: none;}
table.boardList.data_cell tbody {display: block;}
table.boardList.data_cell tbody tr {display: block; border-bottom: 1px solid #e0e0e0;}
table.boardList.data_cell tbody tr.no_text{padding:5px 0;}
table.boardList.data_cell tbody tr:nth-child(even) {background: #fbfbfb;}
table.boardList.data_cell tbody td {display: block; display: flex; border-bottom: none; height: auto; line-height: 1.5em; align-items: start; -ms-flex-align: start; text-align: left;font-family: 'Pretendard';padding:5px 0;}
table.boardList.data_cell tbody td.cor {font-size: 14px;}
table.boardList.data_cell [data-cell-header]:before {content: attr(data-cell-header); margin-right: 10px; font-weight: bold; width: 25%; text-align: left !important; flex-shrink: 0; line-height: 1.5em; word-break: break-all;font-family: 'Pretendard';}
table.boardList.data_cell tbody td + td {padding-top: 0;}
table.boardList.data_cell tbody td a {display: block; width: 100%; text-align: left;text-decoration:none;color:#000;}
table.boardList.data_cell tbody td a.btn_table_gray,
table.boardList.data_cell tbody td a.btn_table_white {display: inline-block; width: auto; text-align: center;}
table.boardList.data_cell tbody td a br {display: none;}
table.boardList.data_cell tbody td img + img {margin-left: 10px;}

.bbsWrite{font-size:14px;}
.bbsWrite h4{margin-bottom:3px;}
.bbsWrite table.boardWrite {border-top:2px solid #2b569c;font-size:14px;border-bottom:1px solid #2b569c;width:100%}
.bbsWrite thead th {padding:9px 10px 8px;background:#fbfbfb;border-bottom:1px solid #c1c1c1;font-size:14px;color:#171717;text-align:center;border-bottom:1px solid #e6e6e6;}
.bbsWrite tbody th {padding:9px 10px 8px;background:#fbfbfb;border-bottom:1px solid #c1c1c1;font-size:14px;color:#171717;text-align:center;border-bottom:1px solid #e6e6e6;}
.bbsWrite tbody td {padding:9px 10px;border-bottom:1px solid #e6e6e6;font-size:14px;color:#171717;}
.bbsWrite tbody td a {color:#171717;}
.bbsWrite input[type="text"],.bbsWrite input[type="number"] {font-size:14px;height:17px;padding:5px 2px 4px 2px;color:#171717;border:1px solid #c1c1c1;font-family: 'Pretendard';}
.bbsWrite .bbsCont {color:#171717;}
.bbsWrite textarea {width:98%;height:100px;resize:none;font-family: 'Pretendard';font-size:14px;}
.bbsWrite .bbsCont .holder::-webkit-input-placeholder{color:#F4271C; font-size:26px;padding-top:10px; line-height:3rem;font-weight:bold;}
.bbsWrite .bbsCont .holder::-ms-input-placeholder{color:#F4271C; font-size:26px;padding-top:10px; line-height:3rem;font-weight:bold;}

.bbsWrite tbody td select[name=GJ_REGTEL1]{ height:30px}

.bbsView table.boardView {border-top:2px solid #2b569c;width:100%;}
.bbsView table.boardView.dong tr th{background:#fdf7f5;}
.bbsView tbody th {padding:9px 10px 8px;background:#fbfbfb;border-bottom:1px solid #c1c1c1;border-left:1px solid #c1c1c1;font-size:16px;color:#171717;text-align:center;}
.bbsView tbody td {padding:9px 10px 8px;border-bottom:1px solid #c1c1c1;border-left:1px solid #c1c1c1;font-size:16px;color:#171717;}
.bbsView tbody th.bd0, .bbsView tbody td.bd0{border-left:none;}
.bbsView tbody .title{padding: 15px 0; font-size:18px; text-align:center; font-weight:bold;}
.bbsView tbody tr:not(:first-child) .title{font-weight:normal;text-align:left;padding-left:10px;}
.bbsView .bbsCont {margin-bottom:20px;font-size:1rem;padding:10px;line-height:1.5;}


.btnDiv{margin:20px auto 0 auto;text-align:right;width:100%;}
.btnDiv.center{text-align:center;}
.btn{
	display:inline-block;
	font-family: 'Pretendard';
	font-weight:500;
	padding:10px 15px;
	border-radius:10px;
	text-decoration:none;
	margin:0 0 0 auto;
}
.btn.register{
	color:#fff;
	background:#0f408f;
	margin-left:5px;
}
.btn.register[type=submit]{
	border:none;
	color:#fff;
	background:#0f408f;
	font-weight:500;
	font-size:1rem;
	padding: 6px 15px;
}
.btn.list{
	color:#000;
	background:#efefef;
}

.btn.login{
	color:#fff;
	background:#b20000;
	margin-right:10px;
}

.btn.bbswrite{
	color:#171717;
	background:#e3e3e3;
	margin-right:10px;
	margin-bottom:10px;
}

.btn.bbswrite_b{
	color:#fff;
	background:#545454;
}

.btn.delete{
	color:#fff;
	background:#777;
}

iframe{display:none;}


.mo_br {display:none;}

.wrap.default{
	background:linear-gradient(to bottom,#0066CC 20%, #04104E 80%);
}

@media screen and (max-width: 780px) {
   body{width:100%;}
   
   .s_con_visual {
		background-size: 100%;
		background-repeat:no-repeat;
	}
	
	.jang_text{
		font-size: 1.08rem;
	}
	
	.mo_br {display:block;}
	
	.tab_list .tab {
		min-height: 92px;
	}
	
	.mainImg{padding-top:60px;}
}

@media screen and (max-width: 380px) {
	.tab_list .tab {
		padding: 10.75px 15px;
		    font-size: 17px;
	}
	
}