/* 추가css */


@media screen and (min-width:1280px) {
.main #visuals { height:600px; background-image:url(/img/main_meta_05.png); background-size:auto; background-position:center; margin-top:70px; position:relative; }
.main #visuals > div { text-align:center; position:absolute; top:50%; left:0px; width:100%; margin-top:-50px; }
.main #visuals > div h1 { font-size:36px; font-weight:500; }
.main #visuals > div h2 { font-size:16px; margin-bottom:15px; }
.main #visuals > div p a { display:inline-block; width:150px; height:40px; line-height:40px; text-align:center; background-color:#09F; color:#fff; margin: 0 10px; }

#info01 { text-align:center; padding:70px 0; }
#info01 > h2 { font-size:36px; }
#info01 > p { margin:10px 0 50px; font-size:14px; }
#info01 h5 { font-size:21px; margin:30px 0 15px; }
#info01 ul li { display:inline-block; width:35%; vertical-align:top; margin:0 5%; }
#info01 ul li p { color:#666; font-size:16px; }
#info02 { text-align:center; padding:70px 0; background-color:#f4f5f8; }
#info02 > h2 { font-size:36px; }
#info02 > p { margin:10px 0 50px; }
#info02 h5 { font-size:24px; margin:30px 0 15px; }
#info02 ul li { display:inline-block; width:35%; vertical-align:top; margin:0 5%; }
#info02 ul li p { color:#666; font-size:16px; }

#minfo01 { display:none; }
#minfo02 { display:none; }
}

@media screen and (max-width:1279px) and (min-width:701px) {
.main #visuals { height:600px; background-image:url(/img/main_meta_05.png); background-size:auto; background-repeat:no-repeat; position:relative; }
.main #visuals > div { text-align:center; position:absolute; top:50%; left:0px; width:100%; margin-top:-50px; }
.main #visuals > div h1 { font-size:36px; font-weight:500; }
.main #visuals > div h2 { font-size:16px; margin-bottom:15px; }
.main #visuals > div p a { display:inline-block; width:150px; height:40px; line-height:40px; text-align:center; background-color:#09F; color:#fff; margin: 0 10px; }

#info01 { text-align:center; padding:70px 0; }
#info01 > h2 { font-size:36px; }
#info01 > p { margin:10px 0 50px; font-size:14px; }
#info01 h5 { font-size:21px; margin:30px 0 15px; }
#info01 ul li { display:inline-block; width:35%; vertical-align:top; margin:0 5%; }
#info01 ul li p { color:#666; font-size:16px; }
#info02 { text-align:center; padding:70px 0; background-color:#f4f5f8; }
#info02 > h2 { font-size:36px; }
#info02 > p { margin:10px 0 50px; }
#info02 h5 { font-size:24px; margin:30px 0 15px; }
#info02 ul li { display:inline-block; width:35%; vertical-align:top; margin:0 5%; }
#info02 ul li p { color:#666; font-size:16px; }

#minfo01 { display:none; }
#minfo02 { display:none; }
}

@media screen and (max-width:700px) {
.main #visuals { height:400px; background-image:url(/img/main_meta_05.png); background-size:200%; background-repeat:no-repeat; position:relative; background-position: 50% 50%;}
.main #visuals > div { text-align:center; position:absolute; top:50%; left:0px; width:100%; margin-top:-50px; }
.main #visuals > div h1 { font-size:30px; line-height:42px; font-weight:500; margin:0 20px; color:#black; }
.main #visuals > div h1 span { display:block; }
.main #visuals > div h2 { font-size:14px; margin-bottom:15px; color:#black; font-weight:normal; }
.main #visuals > div h2 span { display:block; }
.main #visuals > div p a { display:inline-block; width:120px; height:40px; line-height:40px; text-align:center; background-color:#09F; color:#fff; margin: 0 10px; }

#info01 { display:none; }
#info02 { display:none; }

#minfo01 { }
#minfo01 img { width:100%; }
#minfo02 { }
#minfo02 img { width:100%; }
}


/* css_cnt */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
#cnt_main {margin-top: -100px;}
#cnt_main, #main_cnt a {font-family:"Pretendard Variable", serif;}
#cnt_main a {display: block;}
#cnt_main .inner {max-width:1400px; width:100%; margin:0 auto;}
#cnt_main .section_1 {padding: 200px 0 400px; background: #E4F6FF; background:linear-gradient(180deg,rgba(228, 246, 255, 1) 0%, rgba(169, 214, 255, 1) 100%); position:relative; overflow:hidden;}
#cnt_main .section_1 .img_box {position:absolute; right:0; bottom:0; z-index:1;}
#cnt_main .section_1 .img_box > img {display:block; object-fit:contain;}
#cnt_main .section_1 .img_box .img_mo {display:none;}
#cnt_main .section_1 .cont_box {position: relative;z-index:2; margin-top:120px;}
#cnt_main .section_1 .cont_box .cont_box_title {font-size: 48px; font-weight: 700; color:#315a80; word-break:keep-all;}
#cnt_main .section_1 .cont_box .cont_box_title.st_2 {color:#227ad5;}
#cnt_main .section_1 .cont_box .cont_box_desc {font-size: 26px; font-weight: 500; color:#315a80; margin-top: 16px; word-break:keep-all;}
#cnt_main .section_1 .cont_box .btn_box {display:flex; gap:32px; margin-top: 62px;}
#cnt_main .section_1 .cont_box .btn_box .cnt_btn > a {font-size: 22px; font-weight: 500; color:#fff; background-color:#51b0f9; border-radius:12px; border:1px solid #c4c4c4; padding:16px 48px; transition:0.3s;}
#cnt_main .section_1 .cont_box .btn_box .cnt_btn > a:hover {background-color: #3095e0; border:1px solid #3095e0;} 
#cnt_main .section_1 .cont_box .btn_box .cnt_btn > a.st_2 {color:#7a9ab1; background-color:#e2f4ff; transition:0.3s;}
#cnt_main .section_1 .cont_box .btn_box .cnt_btn > a.st_2:hover {background-color: #b8daf6; border:1px solid #b8daf6; color:#fff;}
    
#cnt_main .section_2 {margin-top: -150px; position:relative; z-index:2;}
#cnt_main .section_2 .cnt_list {display:flex; justify-content:center; align-items:center; gap:48px; flex-wrap:nowrap;}
#cnt_main .section_2 .cnt_list > li {width:100%; aspect-ratio: 1/1; display:flex; justify-content:center; align-items:center; border-radius:28px; border: 1px solid #c4c4c4; background-color:#fff; height:300px;}
#cnt_main .section_2 .cnt_list > li .li_cont_box {display:flex; flex-direction:column; align-items:center; gap:32px;}
#cnt_main .section_2 .cnt_list > li .li_cont_box .li_img_box {display: flex; justify-content:center; height:75px;}
#cnt_main .section_2 .cnt_list > li .li_cont_box .li_img_box > img {display: block; height:100%;}
#cnt_main .section_2 .cnt_list > li .li_cont_box .li_title_box {font-size: 28px; font-weight: 700; color:#333; word-break:keep-all; text-align:center;}
    
#cnt_main .section_3 {margin-top: 60px;}
#cnt_main .section_3 .section_3_title_box {font-size: 48px; font-weight: 700; color:#333; text-align: center; word-break:keep-all;}
#cnt_main .section_3 .cnt_list {display:flex; justify-content:center; align-items:center; gap:48px; flex-wrap:nowrap; margin-top: 48px;}
#cnt_main .section_3 .cnt_list > li {width:100%; aspect-ratio: 1/1; display:flex; justify-content:center; align-items:center; border-radius:28px; border: 1px solid #c4c4c4; background-color:#fff;height:300px;}
#cnt_main .section_3 .cnt_list > li .li_cont_box {display:flex; flex-direction:column; align-items:center; gap:32px;}
#cnt_main .section_3 .cnt_list > li .li_cont_box .li_img_box {display: flex; justify-content:center; height:75px;}
#cnt_main .section_3 .cnt_list > li .li_cont_box .li_img_box > img {display: block; height:100%;}
#cnt_main .section_3 .cnt_list > li .li_cont_box .li_title_box {font-size: 28px; font-weight: 700; color:#333; word-break:keep-all; text-align:center;}
    
#cnt_main .section_4 {margin: 60px 0;}
#cnt_main .section_4 .section_4_title_box {font-size: 48px; font-weight: 700; color:#333; text-align: center; word-break:keep-all;}
#cnt_main .section_4 .cnt_list {display:flex; justify-content:center; align-items:center; gap:48px; flex-wrap:nowrap; margin-top: 48px;}
#cnt_main .section_4 .cnt_list > li {width:100%; height:210px; display:flex; justify-content:center; align-items:center; border-radius:28px; border: 1px solid #c4c4c4; background-color:#fff;}
#cnt_main .section_4 .cnt_list > li .li_cont_box {display:flex; flex-direction:row; align-items:center; gap:16px;}
#cnt_main .section_4 .cnt_list > li .li_cont_box .li_img_box {display: flex; justify-content:center; height:50px;}
#cnt_main .section_4 .cnt_list > li .li_cont_box .li_img_box > img {display: block; height:100%;}
#cnt_main .section_4 .cnt_list > li .li_cont_box .li_title_box {font-size: 28px; font-weight: 500; color:#333; word-break:keep-all; text-align:center;}
#cnt_main .section_4 .cnt_list > li .li_cont_box .li_title_box > span {font-weight: 700;}
@media (max-width: 1506px) {
	#cnt_main .inner {width:100%; padding: 0 64px;}
	#cnt_main .section_2 .cnt_list > li .li_cont_box .li_img_box {height:46px;}
	#cnt_main .section_2 .cnt_list > li .li_cont_box .li_title_box {font-size: 24px}
	#cnt_main .section_3 .section_3_title_box {font-size: 42px;}
	#cnt_main .section_3 .cnt_list > li .li_cont_box .li_img_box {height:46px;}
	#cnt_main .section_3 .cnt_list > li .li_cont_box .li_title_box {font-size: 24px;}
	#cnt_main .section_4 .section_4_title_box {font-size: 42px;}
	#cnt_main .section_4 .cnt_list > li .li_cont_box .li_img_box {height:46px;}
	#cnt_main .section_4 .cnt_list > li .li_cont_box .li_title_box {font-size: 24px;}
}
@media (max-width: 1200px) {
	#cnt_main .inner {width:100%; padding: 0 32px;}
	#cnt_main .section_1 {padding: 100px 0 200px;}
	#cnt_main .section_1 .img_box {position:absolute; right:auto; left:0; bottom:0; z-index:1;}
	#cnt_main .section_1 .cont_box {margin-top: 80px;}
	#cnt_main .section_1 .cont_box .btn_box {margin-top:32px;}
	#cnt_main .section_2 .cnt_list {gap:32px;}
	#cnt_main .section_2 .cnt_list > li .li_cont_box .li_img_box {height:42px;}
	#cnt_main .section_2 .cnt_list > li .li_cont_box .li_title_box {font-size: 20px;}
	#cnt_main .section_3 {margin-top: 60px;}
	#cnt_main .section_3 .cnt_list {gap:32px;}
	#cnt_main .section_3 .section_3_title_box {font-size: 36px;}
	#cnt_main .section_3 .cnt_list > li .li_cont_box .li_img_box {height:42px;}
	#cnt_main .section_3 .cnt_list > li .li_cont_box .li_title_box {font-size: 20px;}
	#cnt_main .section_4 {margin: 60px 0}
	#cnt_main .section_4 .cnt_list {gap:32px;}
	#cnt_main .section_4 .section_4_title_box {font-size: 36px;}
	#cnt_main .section_4 .cnt_list > li {height:160px;}
	#cnt_main .section_4 .cnt_list > li .li_cont_box {gap:8px;}
	#cnt_main .section_4 .cnt_list > li .li_cont_box .li_img_box {height:42px;}
	#cnt_main .section_4 .cnt_list > li .li_cont_box .li_title_box {font-size: 20px;}
}
@media (max-width: 900px) {
	#cnt_main .section_1 {padding: 120px 0 200px;}
}
@media (max-width: 768px) {
	#cnt_main .inner {width:100%; padding: 0 16px;}
	#cnt_main .section_1 {padding: 60px 0 100px;}
	#cnt_main .section_1 .cont_box {margin-top: 120px;}
	#cnt_main .section_1 .img_box {position:absolute; left: auto; right:0; bottom:0; z-index:1;}
	#cnt_main .section_1 .img_box .img_mo {display:block;}
	#cnt_main .section_1 .img_box .img_pc {display:none;}
	#cnt_main .section_1 .cont_box .cont_box_title {font-size: 32px;}
	#cnt_main .section_1 .cont_box .cont_box_desc {font-size: 18px;}
	#cnt_main .section_1 .cont_box .btn_box {margin-top: 18px; gap:8px;}
	#cnt_main .section_1 .cont_box .btn_box .cnt_btn > a {font-size: 16px; padding: 8px 24px; border-radius:8px;}
	#cnt_main .section_2 {margin-top:60px;}
	#cnt_main .section_2 .cnt_list {gap:16px;}
	#cnt_main .section_3 .section_3_title_box {font-size: 32px;}
	#cnt_main .section_3 .cnt_list {gap:16px;}
	#cnt_main .section_4 .section_4_title_box {font-size: 32px;}
	#cnt_main .section_4 .cnt_list {gap:16px;}
}
@media (max-width: 580px) {
	#cnt_main .section_2 .cnt_list {flex-direction:column; gap:16px;}
	#cnt_main .section_2 .cnt_list > li {height:160px;}
	#cnt_main .section_3 .section_3_title_box {font-size: 28px;}
	#cnt_main .section_3 .cnt_list {flex-direction:column; gap:16px;}
	#cnt_main .section_3 .cnt_list > li {height:160px;}
	#cnt_main .section_4 .section_4_title_box {font-size: 28px;}
	#cnt_main .section_4 .cnt_list {flex-direction:column; gap:16px;}
	#cnt_main .section_4 .cnt_list > li {height:160px;}
}

.cnt_footer {padding:52px 0; background-color:#74bbf3;}
.cnt_footer, .cnt_footer a {font-family:"Pretendard Variable", serif;}
.cnt_footer a {display: block;}
.cnt_footer .inner_footer {max-width:1330px; width:100%; margin:0 auto;}
.cnt_footer .cnt_footer_wrap{display: flex; justify-content:space-between; align-items:flex-start;}
.cnt_footer .img_box > a > img {display: block; height:32px;}
.cnt_footer .footer_cont_box_center .footer_info_box { }
.cnt_footer .footer_cont_box_center .footer_info_box > span {font-size: 16px; font-weight: 400; color:#fff; border-left:1px solid #fff; padding:0 8px;}
.cnt_footer .footer_cont_box_center .footer_info_box > span:first-child {border-left: none; padding-left: 0;}
.cnt_footer .footer_cont_box_center .footer_copy_box {margin-top: 16px; font-size: 16px; color:#fff; opacity:0.8;}
.cnt_footer .footer_cont_box_right {display:flex; gap: 32px;}
.cnt_footer .footer_cont_box_right .footer_list .list_title > a {font-size: 18px; font-weight: 600; color:#fff; margin-bottom: 12px;}
.cnt_footer .footer_cont_box_right .footer_list > li > a {font-size: 14px; font-weight: 400; color:#fff;}
.cnt_footer .footer_cont_box_right .footer_list > li > a.bold {font-weight: 600;}
.cnt_footer .footer_cont_box_right .footer_list > li + li {margin-bottom: 6px;}
.cnt_footer .footer_copy_box_mobile {display:none;}
@media (max-width: 1664px) {
	.cnt_footer .inner_footer {width:100%; padding: 0 32px;}
}
@media (max-width: 1520px) {
	.cnt_footer .cnt_footer_wrap {flex-direction:column;}
	.cnt_footer .footer_cont_box_center {margin-top:32px;}
	.cnt_footer .footer_cont_box_right {margin-top: 32px;}
}
@media (max-width: 1200px) {
	.cnt_footer .footer_cont_box_center .footer_info_box > span {font-size: 14px;}
}
@media (max-width: 768px) {
	.cnt_footer .inner_footer {width:100%; padding: 0 16px;}
	.cnt_footer .img_box > a > img {height:26px;}
	.cnt_footer .cnt_footer_wrap {align-items:center;}
	.cnt_footer .footer_cont_box_center .footer_info_box {flex-direction:column; align-items:center;}
	.cnt_footer .footer_cont_box_center .footer_info_box > span {border:none;}
	.cnt_footer .footer_cont_box_center .footer_info_box > span + span {margin-top: 12px;}
	.cnt_footer .footer_cont_box_right .footer_list > li > a {text-align: center;}
	.cnt_footer .footer_cont_box_center .footer_copy_box {display: none;}
	.cnt_footer .footer_copy_box_mobile {display: block; margin-top: 16px; font-size: 12px; color:#fff; opacity:0.8;}
}

.cnt_header {width:100%; position: fixed; top:0; left: 0; z-index:9999; transition: background 0.3s ease;}
.cnt_header.scrolled {background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
.cnt_header, .cnt_header a {font-family:"Pretendard Variable", serif;}
.cnt_header a {display: block;}
.cnt_header .inner_header {max-width:1330px; width:100%; margin:0 auto;}
.cnt_header .cnt_header_wrap {display: flex; justify-content:space-between; align-items:center;}
.cnt_header .img_box > a > img {display: block; height:32px;}
.cnt_header .cnt_gnb {display:flex; align-items:center;}
.cnt_header .cnt_gnb > li {position: relative;}
.cnt_header .cnt_gnb > li > a {width:100%; padding:0 48px; font-size: 18px; font-weight: 500; color:#333; transition:0.3s; line-height:74px;}
.cnt_header .cnt_gnb > li > a:hover {font-weight: 700;}
.cnt_header .cnt_gnb > li .sub_gnb_box {width:142px; background-color:#fff;position: absolute; top:100%; left:50%; transform:translateX(-50%) scaleY(0); border-top: 4px solid #34495E; transition:0.2s; transform-origin:top; box-shadow: 0 5px 5px rgba(0, 0, 0, .1);}
.cnt_header .cnt_gnb > li:hover .sub_gnb_box {transform:translateX(-50%) scaleY(1);}
.cnt_header .cnt_gnb > li .sub_gnb_box > li > a {font-size: 16px; text-align: center; padding:16px; transition:0.3s;}
.cnt_header .cnt_gnb > li .sub_gnb_box > li > a:hover {background-color:#51b0f9; color:#fff;}
.cnt_header .cnt_gnb .btn_box > a {width:120px;text-align: center; line-height:1.5; font-size: 16px; font-weight: 500; color:#234a84; padding: 8px 12px; background-color:#bde7ff; border:1px solid #c4c4c4; border-radius:8px; transition:0.2s;}
.cnt_header .cnt_gnb .btn_box > a:hover {background-color:#51b0f9; border:1px solid #51b0f9; color:#fff;}
.cnt_header .btn_ham {display: none;}
.cnt_header .btn_ham > img {height:32px;}

.cnt_header .cnt_header_mo_wrap {width:70%; height: 100vh; background-color: #fff; position:absolute; top:0; right:0; display:flex; flex-direction:column; align-items: flex-end;}
.cnt_header .btn_close {width:100%; margin-top: 24px; padding: 0 32px; text-align:right;}
.cnt_header .btn_close > img {height:32px;}
.cnt_header .cnt_gnb_mo {width:100%; margin-top:24px;}
.cnt_header .cnt_gnb_mo > li {border-bottom: 1px solid #34495e; padding-bottom:20px;}
.cnt_header .cnt_gnb_mo > li + li {margin-top: 32px;}
.cnt_header .cnt_gnb_mo > li > a {padding: 0 32px; font-size: 18px; font-weight: 600; margin-bottom:12px;}
.cnt_header .cnt_gnb_mo > li .sub_gnb_box_mo > li > a {padding: 0 32px; font-size: 16px; font-weight: 500; line-height:36px;}


.cnt_header.sub_h{background:#2476da;}
.cnt_header.sub_h .cnt_gnb > li > a{color:#fff;}
.cnt_header.sub_h .cnt_gnb .btn_box > a{color:#234a84;}

	.cnt_header .cnt_gnb > li > a {padding:0;}
	.img_box {flex: 1 1 auto;}
	.cnt_header .cnt_gnb {flex: 1 1 60%;     justify-content: space-between;}
	
@media (max-width: 1793px) {
	.cnt_header .inner_header {width:100%; padding: 0 32px;}
}
@media (max-width: 1200px) {
	.cnt_header .cnt_gnb > li > a {font-size:15px;}
}
@media (max-width: 768px) {
	.cnt_header .cnt_gnb {display:none;}
	.cnt_header .cnt_header_wrap {padding: 24px 0;}
	.cnt_header .btn_ham {display: block;}
	.cnt_header .inner_header {width:100%; padding:0 16px;}
	.cnt_header .img_box > a > img {height:26px;}
}

.webkit_a {background:#f6f9ff; border-radius:10px;padding:30px; display:flex;     box-shadow: 0 0 10px rgba(0, 0, 0, .2);}
.webkit_b {background:#f6f9ff; border-radius:10px;padding:30px; display:flex; flex-flow:column wrap;    box-shadow: 0 0 10px rgba(0, 0, 0, .2);}
.webkit_b .section{width:100%; padding: 30px;}
.webkit_b h2 {font-weight:bold;}
.webkit_b .btn {margin:20px auto 0 auto;}
.chart-page {background:#fff !important;}

@media (max-width: 768px) {
}