/* 추가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 */


header {background-color: #ffffff;border-bottom: 1px solid rgba(28, 32, 40, .05);position: -webkit-sticky;position: sticky;top: 0;width: 100%;z-index: 100; box-shadow:0 3px 4px 0 rgba(0,0,0,.05);     z-index: 110;}

		header nav{box-sizing:border-box;display:flex;height:64px;justify-content:space-between;margin:0 auto;padding:0 28px 0 32px;position:relative;transform:translateX(0);white-space:nowrap;width:100%; max-width:1264px}
		.hearder_nav_box{display:flex;flex:1 1}
		.hearder_menu_box{display:flex;flex:1 1;margin-left:40px}
		.hearder_menu{display:flex;flex:1 1}
		.hearder_logo{background:url(../img/logo_metapro.svg?v=2) no-repeat;background-size:160px auto;display:block; margin-top:14px;width:160px;height:46px}

		.hearder_menu>li{display:flex;position:relative}
		.hearder_menu>li:before{background-image:linear-gradient(to right bottom,#fff 45%,transparent 55%);border-radius:2px;content:"";display:none;filter:drop-shadow(0 8px 32px hsla(210,5%,69%,.34));height:12px;left:50%;position:absolute;top:calc(100% - 1px);transform:rotate(45deg) translateX(-50%);width:12px;z-index:10}
		.hearder_menu>li:hover:before{display:block}
		.hearder_menu>li:hover p a{color:#ff6c00}
		.hearder_menu>li:hover div{display:block}

		.hearder_menu>li p a{color:#1c2028;display:inline-block;font-size:16px;font-weight:500;line-height:24px;padding:21px 16px 0;position:relative; font-weight:600;}
		.hearder_menu>li p a:hover{text-decoration:none}
		.hearder_menu>li p a.Header_new-dot__usetJ:after{background-color:#ff6c00;border-radius:4px;content:"";height:4px;margin:3px 0 0 2px;position:absolute;width:4px}

		.hearder_menu>li div{background-color:#fff;border-radius:12px;display:none;filter:drop-shadow(0 8px 32px hsla(210,5%,69%,.34));left:0;position:absolute;top:100%;transform:translateZ(0);white-space:nowrap}
		.hearder_menu>li div dl{display:flex;flex-direction:column;gap:4px;max-height:calc(80vh - 56px);overflow-y:auto;padding:16px 4px 16px 16px;position:relative;scrollbar-gutter:stable;z-index:10}

		.hearder_menu>li div dl::-webkit-scrollbar{width:12px}
		.hearder_menu>li div dl::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:rgba(28,32,40,.2);border:4px solid transparent;border-radius:15px}
		.hearder_menu>li div dl::-webkit-scrollbar-thumb:hover{background-color:rgba(28,32,40,.3)}
		
		.hearder_menu>li div dl::-webkit-scrollbar-track{background:transparent}

		.hearder_menu>li div dl a{color:#1c2028;display:block;font-size:15px;line-height:40px;padding:0 12px}
		.hearder_menu>li div dl a:hover{background-color:#f6f7f8;border-radius:8px;text-decoration:none}

		.hearder_login_box{align-items:center;display:flex;gap:12px}
		.hearder_login_box div:nth-of-type(1){display:flex;gap:3px;margin:0 }
		.hearder_login_box div:nth-of-type(1) a{font-size:13px;font-weight:600; height:36px; line-height:36px; padding:0px 7px; vertical-align: bottom; border-radius:10px; margin-left:5px;}
		.hearder_login_box div:nth-of-type(1) a:hover{text-decoration:none}
		.hearder_login_box div:nth-of-type(1) li a:first-of-type ,
		.hearder_login_box div:nth-of-type(1) li a:last-of-type {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;  color:#cf7c2e;  }
		.hearder_login_box div:nth-of-type(1) li a:hover{background-color:#f6f7f8; border-radius:5px;}
		
		.hearder_login_box div:nth-of-type(1) li a img{width:18px; display:inline-block; margin-right:3px; height:auto; vertical-align: text-bottom;filter: invert(22%) sepia(47%) saturate(3159%) hue-rotate(338deg) brightness(85%) contrast(89%); }			
		.hearder_login_box div:nth-of-type(1) > a{background-color:#1c2028;border-radius:4px;color:#fff}

		.hearder_login_box > button{background:#f6f7f8 url(/img/menu_ham.png) no-repeat 50%/24px;border:none;border-radius:4px;cursor:pointer;height:32px;margin:0;width:32px}

		.blind{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}
	
	
	.hearder_login_box div:nth-of-type(2) {position: relative; padding:10px 0;}
		.hearder_login_box div:nth-of-type(2):hover p {background-color:#f6f7f8; border-radius: 8px}
		.hearder_login_box div:nth-of-type(2):hover ul{display: block}

		.hearder_login_box div:nth-of-type(2) p{color:#3d414b;cursor:pointer;display:flex;font-size:13px;font-weight:600;line-height:20px;padding:6px 5px 6px 8px}
		.hearder_login_box div:nth-of-type(2) p:after{background:url(/img/arrow_b.png) no-repeat;background-size:16px 16px;content:"";display:inline-block;height:16px;margin-top:3px;vertical-align:top;width:16px}
		.hearder_login_box div:nth-of-type(2) ul{border-radius:12px;display:none;left:-16px;top:100%;white-space:nowrap;max-height:calc(80vh - 56px);padding:16px;position:relative;z-index:10}
		.hearder_login_box div:nth-of-type(2):hover ul{}
		.hearder_login_box div:nth-of-type(2) ul,.hearder_login_box div:nth-of-type(2) ul:before{background-color:#fff;filter:drop-shadow(0 8px 32px hsla(210,5%,69%,.34));position:absolute}
		.hearder_login_box div:nth-of-type(2) ul:before{border-radius:2px;content:"";display:inline-block;height:12px;left:32px;top:-5px;transform:rotate(45deg);width:12px}
		.hearder_login_box div:nth-of-type(2) ul:after{border-top:20px solid transparent;content:"";display:block;left:0;position:absolute;top:-16px;width:100%}
		.hearder_login_box div:nth-of-type(2) ul button{color:#1c2028;font-size:15px;line-height:32px;padding:0 12px;background:#fff}
		.hearder_login_box div:nth-of-type(2) ul button:hover{color:#ff6c00}

	section.visual{background: url(/img/main_visual_bg.png) no-repeat 50% 0;background-size: auto 655px;height: 655px;left: 0; top: 0;width: 100%;z-index: 10; margin-top: 100px;}
	section.visual dl{height: 575px;margin: 0 auto;padding: 0 32px;position: relative;width:100%; max-width: 1200px;}
	section.visual dl dt{margin: 0 auto;padding-top: 140px;position: relative; width:100%;max-width: 1120px;z-index: 20;}	
	section.visual dl dt h1{#1c2028;font-size:clamp(30px, 2.5vw, 60px);font-weight: 700;line-height: clamp(35px, 2.5vw, 72px);}
	section.visual dl dt h1 strong{font-weight: 700;color:#cf7c2e}
	section.visual dl dt p{color: #984d1b;margin-top: 24px; font-size:clamp(14px, 2vw, 24px);font-weight: 700;line-height: clamp(20px, 2vw, 32px);}
	section.visual dl dt div{display: flex;margin: 48px 0 32px 0;}
	section.visual dl dt div button{background-color: #543e35;border-radius: 4px;color:#f8f9fa;display: block; font-size:18px;font-weight: 700; height: 56px; line-height: 56px; overflow: hidden;position: relative; text-align: center;
	text-decoration: none; width: 240px;}
	section.visual dl dt div button:nth-of-type(2){background-color: transparent;border: 1px solid #b6aba1;   color: #4f3327;   margin-left: 8px;}
	section.visual dl dt span{display:block;color:#acb0b4;font-size: 10px;letter-spacing: -.2px;line-height: 17px;}
	section.visual dl dt span br:nth-of-type(1){display:none;}
	section.visual dl dd{align-items: center;display: flex;height: 528px;justify-content: center;position: absolute;right: 8px;top: 55px;width: 556px; max-width:50%;}	
	section.visual dl dd img{width:100%;}
	
	
	.hearder_allmenu_box{ bottom:0;box-sizing:border-box;display:none;left:0;margin:0;min-width:0;overflow-y:auto;padding:40px;position:fixed; right:0;top:0;z-index:1000; background: rgba(0, 0, 0, .6);}
		.hearder_allmenu_box .habox{background-color:#fff;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;margin:auto;max-height:100%;min-height:220px;overflow:auto;padding:0 40px 12px;scrollbar-gutter:stable}
		.hearder_allmenu_box div dl{display:flex;flex-direction:column; position:relative}
		.hearder_allmenu_box div dl dt{align-items:center;background-color:#fff;border-bottom:2px solid #1c2028;display:flex;gap:0 12px;justify-content:space-between;padding:28px 0 16px;position:-webkit-sticky;position:sticky;top:0;z-index:20}
		.hearder_allmenu_box div dl dd{ display:grid;grid-template-columns:repeat(5,1fr);padding:28px 0}
		.hearder_allmenu_box dl dt h2{color:#1c2028;font-size:24px;font-weight:700;line-height:31px}
		.hearder_allmenu_box dl dt button{background:url(/img/menu_cloase.png) no-repeat;background-size:32px 32px;flex:0 0 32px;height:32px;width:32px}
		.hearder_allmenu_box dl div{width:172px}
		.hearder_allmenu_box dl div strong{color:#1c2028;display:inline-block;font-size:18px;font-weight:600;line-height:25px;padding:0 0 12px;position:relative;vertical-align:top}
		.hearder_allmenu_box dl div a{color:#3d414b;display:inline-block;font-size:15px;line-height:23px;position:relative}
		.hearder_allmenu_box dl div li+li{margin-top:8px}
		
		.hearder_allmenu_box.on{display:flex;}
		
	.section_3{background:rgb(246, 247, 251); padding:80px 0 100px 0;}
	.section_3 ul{display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; width: 100%;  height: fit-content;  margin: 48px auto 0px; }	
		.section_3 ul li{height: 240px; width: 100%; border-radius: 8px; background: rgb(255, 255, 255); transition: 0.2s; border:1px solid #f1f1f1;}
		.section_3 ul li:hover{ transform: translateY(-4px);}
		#cnt_main  .section_3 ul li a { display: flex; align-items: center; width: 100%; height: 100%; padding: 48px;}	
		.section_3 ul li div {display: flex;flex-direction: column;}
		.section_3 ul li img{margin-left: auto;}
		.section_3 ul li div h3 { color: rgb(42, 46, 59); font-size: 20px; font-weight: 700; line-height: 30px;}	
		.section_3 ul li div p{ margin-top: 4px; color: rgb(128, 135, 145); font-size: 14px; line-height: 21px;}
		.section_3 ul li div p.link {margin-top: 12px; color: rgb(39, 110, 241); font-size: 13px; line-height: 18px;}
	
	
	#cnt_main .section_4{padding:80px 0 100px 0; margin:0 !important;}
	.section_4 ul{ width: 100%; display: flex; flex-flow:nowrap row; -webkit-box-align: center; align-items: center; justify-content: space-around; gap: 16px;margin: 48px auto 0px;;	}	
		.section_4 ul li{width: 100%; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; gap: 0px; padding-top: 32px; 
		height: 200px; box-sizing: border-box; border: 1px solid #f1f1f1; border-radius: 8px;}	
		.section_4 ul li:hover{ transform: translateY(-4px);}
		.section_4 ul li h6{line-height: 30px; font-weight: 700; font-size: 20px; color: rgb(42, 46, 59);}	
		.section_4 ul li p{color: rgb(128, 135, 145); font-size: 14px; line-height: 22px; font-weight: inherit;  margin: 12px 0px 16px; text-align:center;}
		.section_4 ul li div{ width: 100%; display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 25px;}
		.section_4 ul li div img{}

	.section_5{display:none;}
	.contract_timeset .rtime .time + .inputset{display:none;}
		
@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:1264px; 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: 600; 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: 600; 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 { 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; max-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: 32px; font-weight: 700; color:#333; text-align: center; word-break:keep-all;}
#cnt_main .section_3 .section_3_title_box br{display:none;}
#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;max-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: 32px; 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: 600; 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;}




.cnt_footer {padding:52px 0; background-color:#f6f7f8;}
.cnt_footer, .cnt_footer a { }
.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 div > a > img {display: block; height:45PX;}
.cnt_footer .footer_cont_box_center .footer_info_box { }
.cnt_footer .footer_cont_box_center .footer_info_box > span {display:inline-block;font-size: 16px; font-weight: 400; color:#707882; }
.cnt_footer .footer_cont_box_center .footer_info_box > span:after{content:""; display:inline-block; width:1px ; height:10px ; background:#ccc; 0 4px 0 6px;    margin: 0 5px;}
.cnt_footer .footer_cont_box_center .footer_info_box > span:last-child:after {display:none;}
.cnt_footer .footer_cont_box_center .footer_info_box br:nth-of-type(1){display:none;}
.cnt_footer .footer_cont_box_center .footer_info_box span:nth-of-type(3):after{display:none;}
.cnt_footer .footer_cont_box_center .footer_info_box br:nth-of-type(3){display:none;}
.cnt_footer .footer_cont_box_center .footer_copy_box {margin-top: 16px; font-size: 16px; color:#707882; 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:#707882; margin-bottom: 12px;}
.cnt_footer .footer_cont_box_right .footer_list > li > a {font-size: 14px; font-weight: 400; color:#707882;}
.cnt_footer .footer_cont_box_right .footer_list > li > a.bold {font-weight: 600; color:#3d414b;}
.cnt_footer .footer_cont_box_right .footer_list > li + li {margin-bottom: 6px;}
.cnt_footer .footer_copy_box_mobile {display:none;}

.footer_bottom a {display:flex; flex-flow:row wrap; align-items:center; justify-content:center;}
.footer_bottom a img {height:18px; margin-right:3px;    margin-top: -2px;}
@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: 1000px) {
	section.visual dl dt div button:nth-of-type(2),
	.hearder_menu>li {display:none;}	
	section.visual dl dt div{display: flex;margin: 20px 0 15px 0;}
	section.visual dl dt {height:490px;    padding-top: 50px;}
	section.visual dl dd {width:30%; min-width:200px;    height: 420px;}
	section.visual {height:490px;}
	section.visual {   background:none}    
	section.visual dl dt span {width: 100%; position:absolute;bottom: 5%; text-align:center;}	
	section.visual dl dt span br:nth-of-type(1){display:block;}
	section.visual dl dt span br:nth-of-type(2){display:none;}
	section.visual dl dt div button{width:140px; border-radius: 4px;    font-size: 15px;    height: 48px;    line-height: 21px; background:#543e35;}
	
	.hearder_allmenu_box {padding:0; background:none;}
	.hearder_allmenu_box .habox{padding: 0 20px 12px;  position: absolute; right: 0; height: 100%; border-radius: 12px 0 0 12px;}
	.hearder_allmenu_box div dl{min-width:auto;}
	.hearder_allmenu_box div dl dt{border-bottom:none; justify-content: flex-end;    padding: 15px 0 6px;}
	.hearder_allmenu_box div dl dd{grid-template-columns: repeat(1, 1fr); padding: 10px 0;}
	.hearder_allmenu_box dl dt button {margin:0 10px;}
	.hearder_allmenu_box dl dt h2{display:none;}
	.hearder_allmenu_box dl div strong{    padding: 0px;}
	.hearder_allmenu_box dl div li+li{margin-top:0;}
	.hearder_allmenu_box dl div ul{margin-bottom:10px; margin-bottom: 10px; background: #f1f1f1; padding: 5px 10px; border-radius: 10px;}
	
	.hearder_allmenu_box dl div{width:100%;}
	.hearder_login_box div:nth-of-type(1) a {font-size: 11px; font-weight: 600; line-height: 20px; padding: 5px 10px;}
	.hearder_login_box div:nth-of-type(2) {display:none;}
	.hearder_login_box div:nth-of-type(1) {display:none;}
	
	#cnt_main .section_3 div ul{grid-template-columns: repeat(1,1fr);  gap: 8px; margin-top:32px;}
	#cnt_main .section_3 div ul li{height: 124px;}
	#cnt_main .section_3 div ul li a{padding: 12px 24px;}
	#cnt_main .section_3 div ul li h3{font-size: 16px; line-height: 22px;}
	#cnt_main .section_3 div ul li p{margin-top: 9px;font-size: 12px;line-height: 16px;}
	#cnt_main .section_3 div ul li p.inlk{display: none;}
	#cnt_main .section_3 div ul li img{margin-top: 0px; width: 30%; height: auto; max-width: 100px;height: auto;}
	#cnt_main .section_3 div .section_3_title_box,	
	#cnt_main .section_4 div .section_4_title_box{font-size: 20px; line-height: 28px;}
	#cnt_main .section_4 ul{flex-flow:wrap row; margin-top:30px;}
	#cnt_main .section_4 ul li{height: 124px; align-items: flex-start; -webkit-box-pack: start; justify-content: center; padding: 12px 14px; position:relative;}
	#cnt_main .section_4 ul li h6{font-size: 16px; line-height: 22px;}
	#cnt_main .section_4 ul li p{margin: 9px 0 0;font-size: 12px;line-height: 16px; text-align:left; width:65%; word-break: keep-all;}
	#cnt_main .section_4 ul li > img,
	#cnt_main .section_4 ul li div{position:absolute; right:12px; top:50%; transform:translatey(-50%); width:auto;}
	
	#cnt_main .section_4 ul li img{max-width:30%;}
	#cnt_main .section_4 ul li div{gap:5px;}
		
	#cnt_main .section_4{display:none;}
	#cnt_main .section_5{display:block;}
	#cnt_main .section_3 .section_3_title_box br{display:block;}
		
	.section_5{min-height:300px;padding:30px 0 48px;background:linear-gradient(154deg,#f9fafb 38%,#eef2f8 38%,#eef2f8 72%,#f9fafb 72%)}
	.section_5 h1{color:#333;font-size:30px;line-height:36px;font-weight:bold;padding:30px 0 12px;display:block;text-align:center}
	.section_5 h5{color:#333;font-size:15px;line-height:20px;font-weight:300;display:block;text-align:center}
	.section_5 .motion01 .imgMain{position:relative;height:240px;margin-top:20px}
	.section_5 .motion01 .imgMain img.ms01{width:275px;position:absolute;bottom:0;right:0;z-index:10}
	.section_5 .motion01 .imgMain img.ms02{width:158px;position:absolute;bottom:110px;right:0;z-index:20}
	.section_5 .motion02{padding:0 30px;box-sizing:border-box;margin-top:-20px}
	.section_5 .motion02 h4{font-size:19px;line-height:16px;color:#093687;margin-bottom:8px;padding-bottom:0;font-weight:bold;}
	.section_5 .motion02 p{font-size:14px;line-height:18px;color:#666}
	.section_5 .motion02 .company-list{margin-top:13px}
	.section_5 .motion02 .company-list img{height:15px; margin-left: 12px;}
	.section_5 .motion03{text-align:right;padding:0 30px;box-sizing:border-box;margin-top:86px}
	.section_5 .motion03 h4{font-size:19px;line-height:25px;color:#093687;padding-bottom:8px; font-weight:bold;}
	.section_5 .motion03 p{font-size:14px;line-height:18px;color:#666}
	.section_5 .motion03 .textlogo{margin-top:13px;display:block}
	.section_5 .motion03 .textlogo img{height:15px;}
	
	
	.frm_write{padding:30px 0;}
	.frm_write li:nth-of-type(1) .dlist>dd span{flex:1 1 90% !important;}
	content .webkit_b {padding:30px 10px 10px 10px;     min-height: 400px;}
	content .webkit_b  .section {padding: 10px;}
	content .pagination-container{margin:0}
	
	
	.cnt_footer .footer_cont_box_center{margin-top:5px;}
	.cnt_footer .footer_cont_box_center .footer_info_box > span + span{line-height: 0px;}
	.cnt_footer .footer_cont_box_center .footer_info_box br:nth-of-type(1),
	.cnt_footer .footer_cont_box_center .footer_info_box br:nth-of-type(3){display:block;}
	.cnt_footer .footer_cont_box_center .footer_info_box br:nth-of-type(2){display:none;}
	.cnt_footer .footer_cont_box_center .footer_info_box span:nth-of-type(3):after{display:inline-block;}
	.cnt_footer .footer_cont_box_center .footer_info_box span:nth-of-type(2):after,
	.cnt_footer .footer_cont_box_center .footer_info_box span:nth-of-type(4):after{display:none;}
	
	.btnset ct br{display:block;}
	
	header nav {padding: 0 10px 0 10px;}
	.cnt_footer .footer_cont_box_right .footer_list > li + li {margin-bottom:0px;}
	.cnt_footer .footer_cont_box_right .footer_list .list_title > a {margin-bottom:5px;}
	
	
	
	.cnt_footer .cnt_footer_wrap {flex-direction:column; align-items: center;} 
	
	
	.footer_bottom {position:fixed; bottom:0; left:0; width:100%; height:60px; display:flex; background:#222; align-items:center; z-index:100;}
		.footer_bottom li{flex:1; border-right:1px solid rgba(255,255,255,.1);}
		.footer_bottom li a{color:#fff;}
		footer .cnt_footer {padding: 30px 0 90px 0;}
	
	
	
	}
	
	
	
@media (max-width: 1000px) {
	#cnt_main .section_1 {padding: 120px 0 200px;}
	#cnt_main .inner {width:100%; }
	#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;}

  /* 슬라이드 애니메이션: 오른쪽에서 왼쪽으로 */
  .hearder_allmenu_box {
    position: fixed !important;
    top: 0 !important;
    left: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    min-width: 280px !important; 
    transform: translateX(100%) !important;
    -webkit-transform: translateX(100%) !important;
    transition: transform 1s ease-in-out !important;
    -webkit-transition: transform 1s ease-in-out !important;
    z-index: 99999 !important;
    margin: 0 !important;
    padding: 0 !important; 
    text-align: left !important;
    display: block !important;
  }

  .hearder_allmenu_box.on {
    transform: translateX(0) !important;
    -webkit-transform: translateX(0) !important;
    display: block !important;
  }

  /* 배경 오버레이 */
  .hearder_allmenu_box::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0; 
    height: 100vh;
        width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
    opacity: 0;
    transition: opacity 1s 1s ease;
    pointer-events: none;
  }

  .hearder_allmenu_box.on::before {
    opacity: 1;
    pointer-events: auto;
  }
  .hearder_allmenu_box.off::before {
    opacity: 0;
    pointer-events: auto;
    transition: opacity 0s ease;
  }

  /* 대메뉴 스타일 */
  .hearder_allmenu_box .menu-title {
    display: block;
    padding: 15px 20px;
    font-weight: bold;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    position: relative;
    text-decoration: none;
    color: inherit;
  }

  .hearder_allmenu_box .menu-title:hover {
    background: #f5f5f5;
  }

  /* 아코디언 아이콘 (+ / -) */
  .hearder_allmenu_box .menu-item:has(.sub-menu) .menu-title::after {
    content: '+';
    position: absolute;
    right: 20px;
    font-size: 20px;
    font-weight: normal;
    transition: all 0.5s ease;
  }

  .hearder_allmenu_box .menu-item.active .menu-title::after {
    content: '−';
    transform: rotate(0deg);
  }

  /* 하부메뉴 기본 숨김 (아코디언) */
  .hearder_allmenu_box .sub-menu {
    display: none !important;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.8s ease-in-out !important;
    background: #f8f8f8;
  }

  /* 하부메뉴 펼침 */
  .hearder_allmenu_box .menu-item.active .sub-menu {
    display: block !important;
    max-height: 500px;
  }

  .hearder_allmenu_box .sub-menu li {
    padding: 0;
  }

  .hearder_allmenu_box .sub-menu li a {
    display: block;
    padding: 12px 20px 12px 40px;
    border-bottom: 1px solid #eee;
    color: #666;
    text-decoration: none;
  }

  .hearder_allmenu_box .sub-menu li a:hover {
    background: #f0f0f0;
  }

  /* 내부 박스도 왼쪽 정렬 강제 */
  .hearder_allmenu_box .habox {
    width: 70% !important;
    max-width: 220px;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    text-align: left !important;
    box-shadow: -2px 0 10px rgba(0,0,0,0.1);
  }
}
@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;}
}
@media (max-width: 1664px) {
	.cnt_footer .inner_footer {width:100%; padding: 0 32px;}
}
@media (max-width: 1520px) {
	.cnt_footer .footer_cont_box_right {margin-top: 18px;}
}
@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 div > 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 { }
	.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:#707882; 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 div > 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: 600; 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: 600; 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: 600; 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:#f6f7f8; border-radius:10px;padding:30px; display:flex;     box-shadow: 0 0 3px rgba(0, 0, 0, .2);}
.webkit_b {background:#f6f7f8; border-radius:10px;padding:30px; display:flex; flex-flow:column wrap;    box-shadow: 0 0 3px rgba(0, 0, 0, .2);min-height: 600px;}
.webkit_b .section{width:100%; padding: 30px;}
.webkit_b h2 {font-weight:bold;}
.webkit_b .btn {margin:  0 auto;}
.chart-page {background:#fff !important;}

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