@charset "UTF-8";
/*----------------------------------------------------------------------
# 메인 CSS 
----------------------------------------------------------------------*/


/*----------------------------------------------------------------------
@ MAIN COMMON 
----------------------------------------------------------------------*/
#main > section {padding-top:6.25rem;padding-bottom:6.25rem; overflow-x:clip; }

.main_title_wrap { position:relative; } 
.main_title {position:relative; display:flex; align-items:center; font-size:2.5rem; color:#000; font-weight:600; padding:0rem;line-height:1; }
@media screen and (max-width: 1024px){
	.main_title { font-size:1.875rem;  }
}
@media screen and (max-width: 1024px){
	#main > section {padding-top:5rem;padding-bottom:5rem;}
}
@media screen and (max-width: 768px){
	.main_title { font-size:1.563rem;  }
}


#header { background:transparent !important; border-bottom:5px solid transparent !important; } 
#header header { margin-top:1.875rem; } 
.header-inner { display:none !important; } 
.header_top { border-bottom:1px solid transparent; }


#main_visual { height:; background-image: -webkit-linear-gradient( 0deg, rgb(139,214,249) 0%, rgb(251,250,174) 100%); padding-bottom:9rem !important; } 
#main_visual .maxWidth { position:relative; margin-top:130px; z-index:10; } 
/*
.main_title { position:absolute; top:-120px; right:0px; display:flex; align-items:flex-start; font-size:2.5rem; color:var(--menu); font-weight:400; } 
.main_title i { position:relative; top:-15px; margin-right:0.625rem; } 
.main_title i:last-child { margin-right:0; margin-left:0.625rem; } 
.main_title span { font-weight:700; }
*/
/* 메인타이틀은 GNB로 이동하면서 변경됨 */
.main_title { position:relative;  right:0px; display:flex; align-items:flex-start; font-size:2.5rem; color:var(--menu) !important; font-weight:400; } 
.main_title i { position:relative; top:-15px; margin-right:0.625rem; } 
.main_title i:last-child { margin-right:0; margin-left:0.625rem; } 
.main_title span { font-weight:700; }
.main_title.mobile { display:none; } 

.main_visual .thk-col { display:flex; flex-direction:column; justify-content: space-between; border-radius:3.125rem; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3); transition:all 0.4s ease; margin-bottom:2.5rem; } 
.main_visual .thk-col:nth-of-type(1) { background-image: -webkit-linear-gradient( 0deg, rgb(123,190,253) 0%, rgb(11,115,208) 100%); background-size:300% auto ;animation:loginbox 5s ease infinite;} 
.main_visual .thk-col:nth-of-type(2) { background-image: -webkit-linear-gradient( 0deg, rgb(100,239,248) 0%, rgb(8,163,179) 100%); background-size:300% auto ;animation:loginbox 5s ease-in-out infinite;} 
.main_visual .thk-col:nth-of-type(3) { background-image: -webkit-linear-gradient( 0deg, rgb(81,235,183) 0%, rgb(2,159,106) 100%); background-size:300% auto ;animation:loginbox 5s ease infinite;} 
.main_visual .thk-col:hover { transform:translateY(-15px); } 

@keyframes loginbox {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

.main_visual .visual_box { min-height:25.313rem; max-height:25.313rem; background:url('/common/theme/layout/images/main/visual_bg1.png') no-repeat center bottom / 100% ; background-color:#fff; border-radius:3.125rem; padding:3.125rem 1.875rem; } 
.main_visual .thk-col:nth-of-type(2)  .visual_box { background:url('/common/theme/layout/images/main/visual_bg2.png') no-repeat center bottom / 100%; background-color:#fff; border-radius:3.125rem; padding:3.125rem 3.125rem;} 
.main_visual .thk-col:nth-of-type(3)  .visual_box { background:url('/common/theme/layout/images/main/visual_bg3.png') no-repeat center bottom / 100% 244px; background-color:#fff; border-radius:3.125rem; padding:3.125rem 3.125rem;} 

.visual_title { display:flex; align-items:center; justify-content:center; font-size:2.375rem; color:#fff; font-weight:800; padding:1.875rem 1.25rem 1.25rem 1.25rem; line-height:1; } 
.visual_title .icons { margin-right:0.875rem; } 



.visual_menu_list { } 
.visual_menu_list li { padding:0.813rem 0; } 
.visual_menu_list li > a { display:flex; align-items:center; font-size:1.25rem; color:#333; font-weight:600; transition:all 0.4s ease; word-break:keep-all; } 
.visual_menu_list li > a:hover { color:#000; font-weight:700; } 

.visual_menu_list .material-symbols-outlined { margin-left:0.5rem; } 
.visual_menu_list .material-symbols-outlined.mi_new:after { content:'open_in_new'; } 

.main_visual .thk-col:nth-of-type(1) .material-symbols-outlined { color:#678af8; } 
.main_visual .thk-col:nth-of-type(2) .material-symbols-outlined { color:#5fedf6; } 
.main_visual .thk-col:nth-of-type(3) .material-symbols-outlined { color:#6bf6c7; } 


.submenu_list { display:flex; flex-direction:column; padding:0.625rem; } 
.submenu_list a { font-size:1.125rem; color:#999; font-weight:600; margin-bottom:0.525rem; transition:all 0.4s ease; } 
.submenu_list a:hover { color:#111; } 
.submenu_list a:last-child { margin-bottom:0; } 


#main_visual .top_line { position:absolute; top:0px; z-index:2; width:100%; height:335px; background:url('/common/theme/layout/images/main/visual_top_line.svg') no-repeat left bottom / cover;   } 
#main_visual .dot1 { position:absolute; top:130px; left:calc(50% + 700px); z-index:3; width:114px; height:15px; background:url('/common/theme/layout/images/main/visual_dot1.png') no-repeat center center / cover; animation: up-down 2s ease-in-out infinite alternate-reverse both; } 
#main_visual .dot2 { position:absolute; top:360px; left:calc(50% - 800px); z-index:3; width:23px; height:111px; background:url('/common/theme/layout/images/main/visual_dot2.png') no-repeat center center / cover; animation: up-down 2s ease-in-out infinite alternate-reverse both;  } 
#main_visual .bottom_line { position:absolute; bottom:0px; z-index:2; width:100%; height:380px; background:url('/common/theme/layout/images/main/visual_bottom_line.svg') no-repeat left top / cover;   } 
#main_visual .bottom_wave { position:absolute; bottom:0px; z-index:3; width:100%; height:150px; background:url('/common/theme/layout/images/main/visual_bottom_wave.svg') no-repeat left top / cover;   } 


#main_visual .move_wave1 {position:absolute; top:-1rem; left:0; width:100%; height:100%; background:url('/common/theme/layout/images/main/visual_move_wave1.png') repeat-x 20rem bottom / 1920px 502px; animation: mainwave 40s linear infinite; opacity:0.5;}
#main_visual .move_wave2 {position:absolute; top:0; left:0; width:100%; height:100%; background:url('/common/theme/layout/images/main/visual_move_wave2.png') repeat-x left bottom / 1920px 502px; animation: mainwave2 30s linear infinite; opacity:0.3;}

@keyframes mainwave{
  0%{background-position:20rem bottom;}
  100%{background-position:-1920px bottom;}
}

@keyframes mainwave2{
  0%{background-position:0 bottom;}
  100%{background-position:-1920px bottom;}
}


@keyframes up-down {
	0% { transform: translateY(10px); }
	100% { transform: translateY(-10px); }
}

@media screen and (max-width: 1920px){
	.bottom_wave { height:113px;  } 
} 



@media screen and (max-width: 1680px){
	#main_visual .dot1 { left:revert; right:0.938rem; }
	#main_visual .dot2 { left:0.938rem; }
}
@media screen and (max-width: 1200px){

	.main_title { font-size:1.875rem; } 

	.visual_menu_list li > a {  font-size:1.125rem; } 

	.visual_title { font-size:2rem;  } 
	.visual_title .icons { margin-right:0.625rem; } 

	.main_visual .visual_box { border-radius:2.5rem; padding:2.5rem 1.25rem; } 
	.main_visual .thk-col:nth-of-type(2)  .visual_box { border-radius:2.5rem; padding:2.5rem 1.25rem; } 
	.main_visual .thk-col:nth-of-type(3)  .visual_box { border-radius:2.5rem; padding:2.5rem 1.25rem; } 

} 
@media screen and (max-width: 1024px){

	#header { background-color:#fff !important; border-bottom:5px solid #e9e9e9 !important; } 
	#header header { margin-top:revert; } 
	.header-inner { display:flex !important; } 
	.header_top { border-bottom:1px solid #ddd; }

	/*
	#wrap.main #header__mobile { display:none !important; } 
	*/
	#main_visual { padding-top:2rem !important; } 

	.main_title.pc { display:none; } 

	.main_title.mobile { display:flex; align-items:center; justify-content:center; text-align:center; margin-bottom:1.25rem; line-height:1.4;  } 
	.main_title.mobile .text { word-break:keep-all; padding:0 0.938rem; } 
	.main_title.mobile i img { width:1.875rem; } 
	.main_title.mobile i { position:relative; margin-right:0.313rem; } 
	.main_title.mobile i:last-child { margin-right:0; margin-left:0.313rem; } 

	.main_visual .row-md3 .thk-col { width: calc((100% / 3 ) - 1.875rem); } 
	.visual_menu_list li > a {  font-size:1rem; } 
} 
@media screen and (max-width: 768px){
	.main_visual .row-md3 .thk-col { width: calc((100% / 1 ) - 1.875rem); } 

	.main_visual .visual_box { border-radius:2.5rem; padding:2.5rem !important; } 
	.visual_menu_list li > a {  font-size:1.25rem; } 
}