@charset "utf-8";

/* 내용관리 */
#ctt { background:#fff; }
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con { }
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

.intro {  width:100%; max-width:1230px; line-height:1; margin:0 auto; padding:clamp(60px, 10vw, 120px) 15px; text-align:center;  font-size:15px; }

.blue_box { display:flex; line-height:1.5; background:linear-gradient(to right, #244689 0%, #3056bb 100%); color:#fff; font-size:clamp(16px, 2.2vw, 23px); font-weight:200; word-break:keep-all; }
.blue_box .text_wrap { display:flex; align-items:center; justify-content:center; width:70%; padding:max(30px, 4%) 24px; text-align:left; }
.blue_box .text_wrap .tit { display:none; margin-bottom:max(10px, 2%); font-size:1.2em; font-weight:bold; }
.blue_box .text_wrap .txt span { font-weight:500; }
.blue_box .img_wrap { display:flex; flex-grow:1; background-color:#232454; background-image:url(./img/section_img.jpg); background-repeat:no-repeat; background-position:center; background-size:auto 180%; }

.contents_box { display:flex; flex-flow:column; justify-content:space-between; width:100%; margin:min(10%, 30px) auto 0; padding-top:max(20px, 4%); word-break:keep-all; }
.contents_box .elements { display:flex; flex-flow:row; width:100%; margin-bottom:20px; }
.contents_box .elements:last-of-type { margin-bottom:0; }
.contents_box .elements .tit { display:flex; flex-flow:column; align-items:flex-start; justify-content:center; width:35%; max-width:300px; line-height:1.5; padding:4% clamp(20px, 3vw ,50px); background:linear-gradient(to right, #244689 0%, #3056bb 100%); font-size:clamp(16px, 2.2vw, 23px); font-weight:600; color:#fff;}
.contents_box .elements .tit span { font-size:0.85em; font-weight:200; letter-spacing:-0.05em; }
.contents_box .elements .txt_wrap { display:flex; flex-flow:row wrap; flex-grow:1; width:80%; margin-left:clamp(30px, 4vw, 50px); padding:4% clamp(20px, 3vw ,15%); background:#f4f5fa; word-break:keep-all; position:relative; }
.contents_box .elements .txt_wrap::before { content:''; width:clamp(30px, 4vw, 50px); height:2px; background:#3056bb; position:absolute; left:clamp(-50px, -4vw, -30px); top:50%; transform:translateY(-50%); }
.contents_box .elements .txt_wrap .txt { display:flex; width:100%; margin-top:max(5px, 1%); line-height:1.5; font-size:clamp(15px, 2vw, 20px); text-align:left; }
.contents_box .elements .txt_wrap .txt:first-of-type { margin-top:0; }
.contents_box .elements .txt_wrap .txt span { margin-right:5px; font-weight:600; }
.contents_box .elements .txt_wrap .txt p { word-break:keep-all; }

.table_box { display:flex; flex-flow:column; width:100%; padding-top:max(50px, 10%); }
.table_box .table_title { display:flex; flex-flow:row; align-items:center; font-size:clamp(16px, 2vw, 22px); font-weight:bold; text-align:left; }
.table_box .table_title .circle { display:flex; align-items:center; justify-content:center; width:clamp(16px, 2vw, 24px); aspect-ratio:1/1; margin-right:min(10px, 2%); border-radius:50%; background:linear-gradient(to right, #244689 0%, #3056bb 100%); }
.table_box .table_title .circle::after { content:''; display:block; width:50%; aspect-ratio:1/1; border-radius:50%; background:#fff; }
.table_box table { line-height:1.5; margin-top:clamp(20px, 2vw, 30px); border-top:2px solid #000; border-bottom:2px solid #000; font-size:clamp(14px, 1.6vw, 20px); text-align:center; word-break:keep-all;}
.table_box table thead {}
.table_box table thead tr {}
.table_box table thead tr th { padding:clamp(10px, 1vw, 14px); border-bottom:1px solid #000; background:#e2eaff; }
.table_box table thead tr th.border_right { border-right:1px solid #ccc; }
.table_box table tbody {}
.table_box table tbody tr {}
.table_box table tbody tr td { padding:clamp(10px, 1vw, 14px); border-top:1px solid #ccc; }
.table_box table tbody tr td.border_right { border-right:1px solid #ccc; }
.table_box table tbody tr:first-of-type td { border-top:0; }
.table_box table tbody tr td .tit { font-weight:600; }
.table_box table tbody tr td .txt { font-size:0.9em; }

.table_box table.pc_table {}

.table_box table.mo_table { display:none; }
.table_box table.mo_table tr {}
.table_box table.mo_table tr td { padding:0; }
.table_box table.mo_table tr:first-of-type td { border-top:0; }
.table_box table.mo_table tr td .txt {}
.table_box table.mo_table tr td .txt div { padding:clamp(10px, 1vw, 14px) clamp(14px, 1.6vw, 18px); border-bottom:1px dashed #ccc; }
.table_box table.mo_table tr td .txt div:last-of-type { border-bottom:0; }
.table_box table.mo_table tr td .txt div span { font-weight:600; }

/* 반응형 */
@media (max-width: 1450px){
	
}

@media (max-width: 1250px){

}

@media (max-width: 1200px){

}

@media (max-width: 980px){

}

@media (max-width: 760px){
	.contents_box .elements { flex-flow:column; }
	.contents_box .elements .tit { display:flex; flex-flow:row; align-items:center; justify-content:flex-start; width:100%; max-width:none; }
	.contents_box .elements .tit span { margin-left:5px; }
	.contents_box .elements .txt_wrap { width:100%; margin:0; }
	.contents_box .elements .txt_wrap::before { content:''; display:none; }

}

@media (max-width: 540px){
	.blue_box { flex-flow:column-reverse; }
	.blue_box .text_wrap { display:flex; flex-flow:column; width:100%; text-align:center; }
	.blue_box .text_wrap .tit { display:flex; }
	.blue_box .img_wrap { aspect-ratio:5/2; }
	


	.table_box table.pc_table { display:none; }
	.table_box table.mo_table { display:table; }
}