@charset "UTF-8";
html,body{width:100%; height:100%; background:#fff;}
html,body,ul,ol,img,div,span,iframe,a,p{margin:0; padding:0; border:0; outline:none}
html,body,ul,ol,li,img,div,span,iframe,a,button,p,input,textarea,select,i{
font-family:AppleSDGothicNeo-Regular,'Roboto','Noto Sans KR',dotum,'λμ','Apple SD Gothic Neo', sans-serif;
font-weight:400; font-style:normal; font-size:14px; color:#222; word-break:keep-all; letter-spacing:-.5px;
}
h1,h2,h3,h4,h5,h6{font-style:normal; font-weight:400; padding:0; margin:0}
a{text-decoration:none; color:#222}
a:hover,a:active,a:focus{text-decoration:none}
img{border:none; width:100%; height:auto}
ul,ol{list-style:none}
iframe,object,video,embed{position:relative; top:0; left:0; max-width:100%}
select{
/*iosλμ*/
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.wrap{position:relative; z-index:1; width:100%; height:100%}
.lan_head{background:url(../images/202505_head_bg.png) no-repeat center bottom; min-height:650px}
.lan_head>div{position:relative; width:1100px; margin:0 auto}
.hd_stit{padding-top:100px}
.hd_stit p{font-size:24px;}
.hd_stit h3{font-size:30px; font-weight:700;}
.hd_stit .hd_logo{width:540px; margin-top:30px}
.hd_title{padding-top:50px}
.hd_title h3{font-size:30px; font-weight:700;}
.hd_title h2{font-size:60px; line-height:70px;}
.hd_object{position:absolute; top:90px; right:30px; width:690px}
.lan_content{position:relative; width:1100px; margin:0 auto; padding:100px 0}
.lan_content .con_1{display:flex; gap:20px;}
.lan_content .con_1>div{background:#f6f6f6; text-align:center; width:25%; padding:30px 20px; border-radius:20px}
.lan_content .con_1 img{width:80px;}
.lan_content .con_1 h4{font-size:20px; font-weight:700; margin-top:20px}
.lan_content .con_1 p{font-size:16px; color:#666;; margin-top:10px}
.lan_content .con_2 h3{font-size:30px; text-align:center; line-height:50px; padding:100px 0}
.lan_content .con_3{border:1px solid #d9d9d9; border-radius:20px; padding:20px 30px}
.lan_content .con_3>div{display:flex; gap:10px; align-items:flex-start; padding:5px 0}
.lan_content .con_3 img{width:18px; margin-top:5px}
.lan_content .con_3 p{font-size:16px;}
.lan_content .con_3 i{font-size:14px; color:#999}
.lan_process{background:#f0f7f7; width:100%; padding:100px 0}
.lan_process>div{width:1100px; margin:0 auto; text-align:center;}
.lan_process h3{font-size:30px; margin-bottom:30px}
.lan_process .process_panel{display:flex; gap:20px;}
.lan_process .process_panel>div{background:#fff; width:25%; border-radius:20px;}
.lan_process .panel_top{padding:20px 10px; border-top-left-radius:20px; border-top-right-radius:20px}
.lan_process .panel_top p{font-size:14px; font-weight:700}
.lan_process .panel_top h5{font-size:18px; font-weight:700}
.lan_process .panel_top img{width:80px; margin-top:15px}
.lan_process .panel_con{padding:20px}
.lan_process .panel_con img{width:14px}
.lan_process .panel_con p{color:#888}
.lan_process a{
background:#ef2033; display:inline-block; width:360px; color:#fff; font-size:24px;
margin-top:50px; padding:20px; border-radius:40px;
}
.lan_process .panel_top.bg_1{background:#c2f8f8}
.lan_process .panel_top.bg_2{background:#dcf3ff}
.lan_process .panel_top.bg_3{background:#d6f8c2}
.lan_process .panel_top.bg_4{background:#e8dcff}
.footer{text-align:center; padding:50px 0; width:1100px; margin:0 auto}
.footer a{display:inline-block; margin:0 auto}
.footer p{margin-top:30px; font-size:12px; color:#999; line-height:20px; word-break:keep-all}
@media (max-width: 1100px) {
.lan_head{min-height:500px; background-size:1500px;}
.lan_head>div{width:100%; padding:0 20px; box-sizing:border-box;}
.hd_stit{padding-top:70px}
.hd_stit p{font-size:18px;}
.hd_stit h3{font-size:24px}
.hd_stit .hd_logo{width:380px; margin-top:20px}
.hd_title{padding-top:50px}
.hd_title h3{font-size:24px}
.hd_title h2{font-size:40px; line-height:50px}
.hd_object{top:70px; right:30px; width:500px}
.lan_content{width:100%; padding:70px 20px; box-sizing:border-box;}
.lan_content .con_1{gap:10px}
.lan_content .con_1>div{padding:20px}
.lan_content .con_1 img{width:60px;}
.lan_content .con_1 h4{font-size:18px; margin-top:10px}
.lan_content .con_1 p{font-size:14px}
.lan_content .con_1 br{display:none}
.lan_content .con_2 h3{font-size:24px; line-height:40px; padding:70px 0}
.lan_content .con_3 i{display:block}
.lan_process{padding:70px 0}
.lan_process>div{width:100%; padding:0 20px; box-sizing:border-box;}
.lan_process h3{font-size:24px; margin-bottom:20px}
.lan_process .process_panel{gap:10px;}
.lan_process .panel_top h5{font-size:16px; min-height:50px}
.lan_process .panel_top img{width:60px; margin-top:10px}
.lan_process a{width:300px; font-size:18px; padding:15px}
.footer{width:100%; box-sizing:border-box;}
}
@media (max-width: 820px) {
.lan_head{min-height:440px; background-size:1300px;}
.hd_object{top:70px; right:10px; width:430px}
}
@media (max-width: 767px) {
.lan_head{min-height:540px; background-size:1600px;}
.lan_head>div{padding:0 10px}
.hd_stit{padding-top:30px; text-align:center;}
.hd_stit p{font-size:13px;}
.hd_stit h3{font-size:16px}
.hd_stit .hd_logo{width:320px; margin:10px auto}
.hd_title{padding-top:10px; text-align:center;}
.hd_title h3{font-size:18px}
.hd_title h2{font-size:30px; line-height:40px}
.hd_object{top:260px; right:50%; width:340px; margin-right:-130px}
.lan_content .con_1{display:block}
.lan_content .con_1>div{
display:flex; gap:10px; align-items:center; text-align:left; width:100%;
margin-bottom:10px; padding:20px; border-radius:20px; box-sizing:border-box
}
.lan_content .con_1 h4{font-size:16px; margin-top:0}
.lan_content .con_1 p{font-size:14px; margin:0}
.lan_content .con_2 h3{font-size:20px; line-height:33px; padding:50px 0}
.lan_content .con_3{padding:10px 20px}
.lan_process .panel_con{padding:15px 10px}
.lan_process .process_panel{flex-wrap:wrap}
.lan_process .process_panel>div{width:calc(50% - 5px);}
}
@media (max-width: 359px) {
.lan_process .process_panel{display:block}
.lan_process .process_panel>div{width:100%; margin-bottom:10px}
.lan_process .panel_top h5{min-height:auto}
.lan_process a{display:block; width:auto; font-size:16px}
}