@font-face { font-family: fontium; src: url("../fonts/fontium.woff2") format("woff2"); font-weight: normal; font-style: normal; }
.fonti{display: inline-block; font-style: normal; font-variant: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: normal; font-stretch: normal; line-height: 1; font-family: Fontium; font-size: inherit; text-rendering: auto; vertical-align: middle; -webkit-font-smoothing: antialiased;}
@-webkit-keyframes um-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}
@keyframes um-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}
.um-naver-blog::before{content: "";}
.um-youtube-play::before{content: "";}
.um-kakao-talk::before{content: "";}
 footer, header, section{display: block;}
 .sr_only{position: absolute; top: 0px; left: 0px; font-size: 0px; line-height: 0; display: inline-block !important; margin: 0px !important; padding: 0px !important; border: 0px !important; overflow: hidden !important;}
#skip_to_container a{z-index: 100000; position: absolute; top: 0px; left: 0px; width: 1px; height: 1px; font-size: 0px; line-height: 0; overflow: hidden;}
#skip_to_container a:focus, #skip_to_container a:active{width: 100%; height: 75px; background: rgb(33, 39, 46); color: rgb(255, 255, 255); font-size: 2em; font-weight: bold; text-align: center; text-decoration: none; line-height: 3.3em;}
input[type="submit"]{cursor: pointer;}
body{margin: 0px; padding: 0px; font-family: "맑은 고딕", "Malgun Gothic", "Nanum Gothic", "나눔 고딕", 돋움, Dotum, 굴림, Gulim; font-size: 13px; line-height: 25px; color: rgb(85, 85, 85); letter-spacing: -0.7px; text-size-adjust: 100%;}
h1, h2, form, input, ul, li, p{margin: 0px; padding: 0px;}
a{text-decoration: none; color: rgb(85, 85, 85);}
img{border: 0px;}
input[type="text"]{vertical-align: top;}
 input[type="checkbox"]{vertical-align: middle;}
ul, li{list-style: none;}
hr{display: none;}
form{margin: 0px; padding: 0px;}
.hidden{visibility: hidden; width: 1px; height: 0px; font-size: 0px; line-height: 0;}
input[placeholder]{font-family: "맑은 고딕", "Malgun Gothic", "Nanum Gothic", "나눔 고딕"; font-size: 12px;}
html{scroll-behavior: smooth;}
.hc_menu_backdrop{width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); position: absolute; left: 0px; top: 0px; z-index: 10; display: none;}
#wrap{box-sizing: border-box;}
body{position: relative; font-family: var(--hc-font-sans);}
.default_layout{position: relative; width: 1400px; margin: 0px auto; clear: both;}
#wrap, #header, #footerGroup{position: relative; width: 100%;}
#wrap{overflow: hidden;}
#header{position: fixed; margin: 0px; left: 0%; top: 0px; width: 100%; z-index: 99; height: 90px; box-sizing: border-box; text-align: center;}
#header.on_menu_open, #header.on_scroll{background: rgb(255, 255, 255);}
#header h1#logo{position: absolute; left: 5%; top: 0px; color: rgb(255, 255, 255);}
#header h1#logo a{display: inline-block; vertical-align: middle; line-height: 90px;}
#header h1#logo a svg{width: 80px; line-height: 90px; vertical-align: middle;}
#header h1#logo a .cls-1{fill: rgb(255, 255, 255) !important;}
#header.on_menu_open h1#logo a .cls-1, #header.on_scroll h1#logo a .cls-1{fill: #1b5dd7 !important;}
p.all_menu_btn{position: absolute; right: 120px; top: 18px; cursor: pointer; transition: 0.2s; text-align: center; display: none;}
p.all_menu_btn button{display: inline-block; vertical-align: middle; width: 45px; height: 45px; line-height: 45px; border-radius: 45px; background: #1b5dd7; color: rgb(255, 255, 255); transition: 0.2s;}
p.all_menu_btn button .feather{width: 20px; height: 20px; vertical-align: middle;}
#header .top_tell{position: absolute; right: 5%; top: 25px; text-align: center;}
#header .top_tell a{display: block; color: rgb(255, 255, 255); padding: 8px 15px; border-radius: 30px; font-family: Montserrat; font-size: 17px; font-weight: 700; border: 1px solid rgb(255, 255, 255);}
#header .top_tell a span{display: inline-block; vertical-align: middle; margin-right: 5px;}
#header .top_tell a span.on{display: none;}
#header .top_tell a span .hc-anim-icon{vertical-align: middle; width: 23px; height: 23px; position: relative; top: -2px;}
#header.on_menu_open .top_tell a, #header.on_scroll .top_tell a{color: #1b5dd7; border: 1px solid #1b5dd7;}
#header.on_menu_open .top_tell a span{display: none;}
#header.on_menu_open .top_tell a span.on{display: inline-block;}
#header.on_scroll .top_tell a span{display: none;}
#header.on_scroll .top_tell a span.on{display: inline-block;}
#topMenu{position: relative; transition: 0.2s; z-index: 1; text-align: center; display: inline-block;}
#topMenu li.menu_list{display: table-cell; position: relative;}
#topMenu li.menu_list a.depth_link{display: block; font-size: 18px; padding: 0px 30px; color: rgb(255, 255, 255); letter-spacing: -1px; font-weight: 600; line-height: 90px; position: relative; transition: 0.2s;}
#topMenu li.menu_list a.depth_link span.line{position: absolute; left: 47%; bottom: 0px; width: 0%; height: 0px; background: rgb(26, 52, 81); transition: 0.2s;}
#topMenu li.menu_list a.menu_on{color: rgb(255, 255, 255);}
#topMenu li.menu_list a.menu_on span.line{width: 5px; height: 5px; border-radius: 5px; bottom: 15px;}
#topMenu li div.depth_box{display: none; position: absolute; top: 90px; left: 0%; width: 100%; transition: 0.2s; border-top: 0px; box-sizing: border-box;}
#topMenu li div.depth_box ul{padding: 25px 0px;}
#topMenu li div.depth_box ul li{font-size: 14px; text-align: center; color: rgb(0, 0, 0);}
#topMenu li div.depth_box ul li a{display: block; color: rgb(0, 0, 0); line-height: 30px;}
#topMenu li div.depth_box ul li a:hover{font-weight: bold; text-decoration: none; color: #1b5dd7;}
#topMenu li div.depth_box ul li:last-child a{border-bottom: 0px;}
#topMenu li div.depth_box ul.three_depth{display: none; background: rgb(255, 255, 255);}
#topMenu li div.depth_box ul.three_depth li a{display: block; line-height: 30px; color: #1b5dd7;}
#header .depth_box_bg{background: rgb(255, 255, 255); position: absolute; left: 0px; top: 84px; width: 100%; display: none; border-radius: 0px 0px 60px 60px; border-top: 1px solid rgb(237, 237, 237);}
.hc_drawer_wrap{display: none; background: rgb(255, 255, 255); position: fixed; right: -300px; top: 0px; width: 300px; min-height: 100%; height: 100vh; transition: 0.2s; z-index: 2147483647; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px;}
.hc_drawer_wrap .hc_drawer_layer{padding: 30px; position: relative; margin-top: 40px;}
.hc_drawer_wrap .hc_drawer_layer ul{}
.hc_drawer_wrap .hc_drawer_layer ul li.all_list{margin: 30px 0px;}
.hc_drawer_wrap .hc_drawer_layer ul li.all_list button.all_depth_link{display: block; color: rgb(0, 0, 0); font-size: 22px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); line-height: 40px; padding-bottom: 10px; font-weight: bold;}
.hc_drawer_wrap .hc_drawer_layer ul li.all_list button.all_depth_link:hover{font-weight: bold; color: rgb(40, 47, 103);}
.hc_drawer_wrap .hc_drawer_layer ul li.all_list .depth_box_etc{padding: 20px 0px; display: none;}
.hc_drawer_wrap .hc_drawer_layer ul li.all_list .depth_box_etc ul{overflow: hidden; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.hc_drawer_wrap .hc_drawer_layer ul li.all_list .depth_box_etc ul li{color: rgb(85, 85, 85); font-size: 16px; margin: 10px 0px;}
.hc_drawer_wrap .hc_drawer_layer ul li.all_list .depth_box_etc ul li a{color: rgb(85, 85, 85);}
.hc_drawer_wrap .hc_drawer_layer ul li.all_list .depth_box_etc ul li a:hover{color: rgb(0, 0, 0); text-decoration: none;}
.hc_drawer_wrap .hc_drawer_layer ul li.all_list .depth_box_etc ul li .three_depth li{width: auto; font-size: 14px; margin-right: 10px;}
.hc_drawer_wrap .hc_drawer_layer ul li.all_list .depth_box_etc ul li .three_depth li a{color: rgba(0, 0, 0, 0.6);}
.hc_drawer_wrap .hc_drawer_layer .close_btn{position: absolute; right: 30px; top: 0px; width: 40px; height: 40px; cursor: pointer;}
.hc_drawer_wrap .hc_drawer_layer .close_btn::before, .hc_drawer_wrap .hc_drawer_layer .close_btn::after{position: absolute; left: 0px; content: " "; height: 26px; width: 1px; background-color: rgb(0, 0, 0);}
.hc_drawer_wrap .hc_drawer_layer .close_btn::before{transform: rotate(45deg);}
.hc_drawer_wrap .hc_drawer_layer .close_btn::after{transform: rotate(-45deg);}
#header.on_menu_open #topMenu li.menu_list a.depth_link, #header.on_scroll #topMenu li.menu_list a.depth_link{color: rgb(0, 0, 0);}
#footerGroup{position: relative; padding: 0px 0px 180px;}
#footerGroup .footer{}
#footerGroup .footer .f_util{border-bottom: 1px solid rgb(237, 237, 237); padding: 20px 0px; margin-bottom: 40px;}
#footerGroup .footer .f_util a{display: inline-block; margin-right: 40px; font-size: 14px; color: rgb(51, 51, 51); position: relative;}
#footerGroup .footer .f_util a::after{display: block; position: absolute; top: 8px; right: -23px; width: 1px; height: 9px; background: rgb(221, 221, 221); content: "";}
#footerGroup .footer .f_util a:last-child::after{content: none;}
#footerGroup .footer .f_util a:hover{font-weight: bold; text-decoration: none;}
#footerGroup .footer span{display: inline-block; padding-right: 8px;}
#footerGroup .footer .col_box{display: table; width: 100%; table-layout: fixed;}
#footerGroup .footer .col_box .col{display: table-cell; vertical-align: top; text-align: left; color: rgb(126, 126, 126); font-size: 14px; line-height: 25px;}
#footerGroup .footer .col_box .col span{position: relative; display: inline-block; margin-right: 20px;}
#footerGroup .footer .col_box .col span::after{display: block; position: absolute; top: 8px; right: -10px; width: 1px; height: 9px; background: rgb(209, 209, 209); content: "";}
#footerGroup .footer .col_box .col span:last-child::after, #footerGroup .footer .col_box .col span.last::after{content: none;}
#footerGroup .footer .col_box .col .first_col{}
#footerGroup .footer .col_box .col .f_company{font-size: 17px; font-weight: bold; color: rgb(0, 0, 0); margin-bottom: 10px;}
#footerGroup .footer .col_box .col .f_cscenter{font-weight: 900; font-size: 25px; line-height: 30px; color: rgb(0, 0, 0); margin-bottom: 5px; letter-spacing: -1px;}
#footerGroup .footer .col_box .col .f_sns a{display: inline-block;}
#footerGroup .footer .col_box .col .f_sns a .f_list{display: inline-block; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; border: 1px solid rgb(221, 221, 221); text-align: center;}
#footerGroup .footer .col_box .col .f_sns a .f_list .fonti{text-align: center; margin: 0px; right: 0px; font-size: 18px;}
#footerGroup .footer .col_box .col .f_sns a.f1:hover .f_list{background: rgb(239, 169, 0); border-color: rgb(239, 169, 0); color: rgb(255, 255, 255);}
#footerGroup .footer .col_box .col .f_sns a.f2:hover .f_list{background: rgb(54, 128, 17); border-color: rgb(54, 128, 17); color: rgb(255, 255, 255);}
#footerGroup .footer .col_box .col .f_sns a.f3:hover .f_list{background: rgb(229, 35, 35); border-color: rgb(229, 35, 35); color: rgb(255, 255, 255);}
#footerGroup .footer .col_box .col.f_1{width: 43%;}
#footerGroup .footer .col_box .col.f_2{width: 38%;}
.f_all_menu{margin-top: 40px; padding-top: 40px; border-top: 1px solid rgb(237, 237, 237);}
.f_all_menu #f_Menu{display: table; width: 100%; table-layout: fixed;}
.f_all_menu #f_Menu li.menu_list{display: table-cell; font-size: 15px;}
.f_all_menu #f_Menu li.menu_list .depth_link{font-weight: bold; color: rgb(0, 0, 0); font-size: 17px; margin-bottom: 15px; display: block;}













.hidden_text_agree{background: rgb(255, 255, 255); width: 300px; padding: 50px; border-radius: 20px;}
.hidden_text_agree .box{height: 350px; overflow: hidden auto; background: rgb(255, 255, 255);}
.hidden_text_agree .close{position: absolute; right: 0px; top: -60px; width: 100%; text-align: center;}
.hidden_text_agree .close a{display: inline-block; width: 50px; height: 50px; line-height: 50px; border-radius: 50px; text-align: center; background: #1b5dd7; color: rgb(255, 255, 255);}
.hc_contact_modal{display: none;}
@keyframes point_kakao { 
  0% { bottom: 40px; }
  100% { bottom: 50px; }
}
@media (max-width: 1024px){
#container{padding-top: 0px;}
#wrap{overflow: hidden;}
.default_layout{width: auto; padding: 0px;}
#header{height: 80px; padding: 0px; background: rgb(255, 255, 255) !important;}
#header h1#logo{text-align: left; margin-right: 0px; margin-left: 10px; left: 0px;}
#header h1#logo a{display: inline-block; vertical-align: middle; height: 80px; line-height: 75px;}
#header h1#logo a svg{width: 60px; line-height: 65px; vertical-align: middle;}
#header h1#logo a .cls-1{fill: #1b5dd7 !important;}
#header.on_menu_open h1#logo a .cls-1, #header.on_scroll h1#logo a .cls-1{fill: #1b5dd7 !important;}
p.all_menu_btn{position: absolute; right: 10px; top: 15px; display: block; width: 43px; height: 43px;}
p.all_menu_btn button{display: block;}
#header .top_tell, #header #topMenu{display: none;}
.hc_drawer_wrap{display: none; background: rgb(255, 255, 255); position: fixed; right: -300px; top: 0px; width: 300px; min-height: 100%; height: 100vh; transition: 0.2s; z-index: 2147483647; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px;}
.hc_drawer_wrap .hc_drawer_layer{padding: 30px; position: relative; margin-top: 40px;}
.hc_drawer_wrap .hc_drawer_layer ul{text-align: left;}
.hc_drawer_wrap .hc_drawer_layer ul li.all_list{margin: 10px 0px;}
.hc_drawer_wrap .hc_drawer_layer ul li.all_list button.all_depth_link{display: block; color: rgb(0, 0, 0); font-size: 17px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); line-height: 30px; padding-bottom: 10px; font-weight: bold;}
.hc_drawer_wrap .hc_drawer_layer ul li.all_list button.all_depth_link:hover{font-weight: bold; color: rgb(40, 47, 103);}
.hc_drawer_wrap .hc_drawer_layer ul li.all_list .depth_box_etc{padding: 10px 0px; display: none;}
.hc_drawer_wrap .hc_drawer_layer ul li.all_list .depth_box_etc ul{overflow: hidden; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.hc_drawer_wrap .hc_drawer_layer ul li.all_list .depth_box_etc ul li{color: rgb(85, 85, 85); font-size: 15px; margin: 5px 0px;}
.hc_drawer_wrap .hc_drawer_layer ul li.all_list .depth_box_etc ul li a{color: rgb(85, 85, 85);}
.hc_drawer_wrap .hc_drawer_layer ul li.all_list .depth_box_etc ul li a:hover{color: rgb(0, 0, 0); text-decoration: none;}
.hc_drawer_wrap .hc_drawer_layer ul li.all_list .depth_box_etc ul li .three_depth li{width: auto; font-size: 14px; margin-right: 10px;}
.hc_drawer_wrap .hc_drawer_layer ul li.all_list .depth_box_etc ul li .three_depth li a{color: rgba(0, 0, 0, 0.6);}
.hc_drawer_wrap .hc_drawer_layer .close_btn{position: absolute; right: 30px; top: 0px; width: 40px; height: 40px; cursor: pointer;}
.hc_drawer_wrap .hc_drawer_layer .close_btn::before, .hc_drawer_wrap .hc_drawer_layer .close_btn::after{position: absolute; left: 0px; content: " "; height: 26px; width: 1px; background-color: rgb(0, 0, 0);}
.hc_drawer_wrap .hc_drawer_layer .close_btn::before{transform: rotate(45deg);}
.hc_drawer_wrap .hc_drawer_layer .close_btn::after{transform: rotate(-45deg);}
#footerGroup{position: relative; padding: 0px 15px 80px; width: auto;}
#footerGroup .footer .f_util{text-align: center;}
#footerGroup .footer .f_util a{display: inline-block; margin: 0px 20px;}
#footerGroup .footer span{display: inline-block; padding-right: 8px;}
#footerGroup .footer .col_box{display: block; width: auto;}
#footerGroup .footer .col_box .col{display: block; border-bottom: 1px solid rgb(237, 237, 237); padding-bottom: 20px; margin-bottom: 20px; line-height: 25px; width: auto !important;}




.hc_contact_modal{width: 95%; margin: 0px auto; background: rgb(255, 255, 255); padding: 30px; border-radius: 30px; box-sizing: border-box;}
.hc_contact_modal .title{font-size: 22px; color: rgb(0, 0, 0); letter-spacing: -2px; font-weight: 900;}
.hc_contact_modal .title span{font-size: 13px; color: rgb(153, 153, 153); letter-spacing: -1px; font-weight: normal; display: block; line-height: 18px; margin-top: 10px;}
.hc_contact_modal ul{margin-top: 20px;}
.hc_contact_modal ul li{margin-bottom: 5px;}
.hc_contact_modal ul li select{height: 45px; line-height: 45px; background: rgb(255, 255, 255); padding: 0px 20px; vertical-align: middle; font-size: 14px; border: 1px solid rgb(237, 237, 237); border-radius: 7px; box-sizing: border-box; width: 100% !important;}
.hc_contact_modal ul li input[type="text"]{height: 45px; line-height: 45px; background: rgb(255, 255, 255); padding: 0px 20px; vertical-align: middle; font-size: 14px; border: 1px solid rgb(237, 237, 237); border-radius: 7px; box-sizing: border-box; width: 100% !important;}
.hc_contact_modal .last_text{display: table; width: 100%; table-layout: fixed;}
.hc_contact_modal .last_text span{display: table-cell; vertical-align: middle;}
.hc_contact_modal .last_text span.hipun{width: 5px;}
.hc_contact_modal .btns{margin-top: 15px;}
.hc_contact_modal .btns [type="submit"]{height: 50px; line-height: 45px; border-radius: 7px; background: #1b5dd7; font-size: 16px; border: 0px; color: rgb(255, 255, 255); box-sizing: border-box; padding: 0px 25px; vertical-align: middle; width: 100%;}
.hidden_text_agree{display: none;}
.hidden_text_agree{width: 95%; margin: 0px auto; box-sizing: border-box;}
.f_all_menu{margin-top: 40px; padding-top: 40px; border-top: 0px;}
.f_all_menu #f_Menu{display: block; width: 100%; table-layout: fixed;}
.f_all_menu #f_Menu li.menu_list{display: block; font-size: 13px; margin-bottom: 15px; padding-bottom: 15px;}
.f_all_menu #f_Menu li.menu_list .depth_link{font-size: 16px; margin-bottom: 10px;}
}
@media (min-width: 1025px) and (max-width: 1440px){
.default_layout{width: auto; padding: 0px; margin: 0px;}
#topMenu{margin-right: 5%;}
#topMenu li.menu_list a.depth_link{font-size: 16px; padding: 0px 25px;}
#header{text-align: right;}
#header h1#logo{left: 5%;}
#header .top_tell{display: none;}
#footerGroup{padding-left: 5%; padding-right: 5%; width: auto;}







.f_all_menu #f_Menu li.menu_list{font-size: 14px; text-align: center;}
.f_all_menu #f_Menu li.menu_list .depth_link{font-size: 16px;}

}
.hc_visual{text-align: center; position: relative; z-index: 0; height: 100vh; overflow: hidden;}
.hc_visual .bg{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1;}
.hc_visual .scroll_down{position: absolute; left: 0px; bottom: 80px; width: 100%; text-align: center; z-index: 99;}
.hc_visual .scroll_down .sc{color: rgb(255, 255, 255); font-size: 12px; font-weight: bold;}
.hc_visual .scroll_down .scroll_position{position: relative; display: inline-block; width: 30px; height: 55px; border: 3px solid rgb(255, 255, 255); border-radius: 40px;}
.hc_visual .scroll_down .scroll_position::after{content: ""; position: absolute; top: 8px; left: 13px; width: 4px; height: 6px; background: rgba(255, 255, 255, 0.6); border-radius: 10px; animation: 0.9s linear 0s infinite normal none running mouse;}
@keyframes mouse { 
  0% { transform: translateY(0px); }
  70% { transform: translateY(8px); }
  100% { transform: translateY(0px); }
}
.hc_visual .text{position: relative; padding-top: 13%; z-index: 99; text-align: center;}
.hc_visual .text .t1{font-size: 60px; line-height: 70px; color: rgb(255, 255, 255);}
.hc_visual .text .t1 span{font-weight: 900;}
.hc_visual .text .t2{font-size: 20px; color: rgb(255, 255, 255); margin-top: 30px;}
.hc_visual .text .t2_logo{margin: 20px 0px; text-align: center;}
.hc_visual .text .t2_logo img{vertical-align: middle; max-width: 100%;}
.hc_visual .text .t3{margin-top: 50px;}
.hc_visual .text .t3 a{display: inline-block; padding: 0px 40px; font-size: 20px; line-height: 55px; border-radius: 10px; background: #1b5dd7; color: rgb(255, 255, 255);}
.hc_service_intro_wrap{padding: 200px 0px 0px; position: relative;}
.hc_service_intro_wrap .col_box{display: table; width: 100%; table-layout: fixed;}
.hc_service_intro_wrap .col_box .col{display: table-cell; vertical-align: top; position: relative; z-index: 1;}
.hc_service_intro_wrap .col_box .col.title .t1{font-size: 50px; line-height: 60px; color: rgb(0, 0, 0); font-weight: 900;}
.hc_service_intro_wrap .col_box .col.title .t1 div{display: inline-block;}
.hc_service_intro_wrap .col_box .col.title .t2{font-size: 30px; color: rgb(0, 0, 0); line-height: 35px; margin-top: 50px;}
.hc_service_intro_wrap .col_box .col.title .t3{font-size: 17px; color: rgb(51, 51, 51); line-height: 23px; margin-top: 50px;}
.hc_service_intro_wrap .col_box .col.title .t4{margin-top: 90px;}
.hc_service_intro_wrap .col_box .col.title .t4 a{display: inline-block; line-height: 60px; padding: 0px 40px; border-radius: 50px; color: rgb(255, 255, 255); background: #1b5dd7; font-size: 17px;}
.hc_service_intro_wrap .bg{position: absolute; left: -10px; bottom: -25px; z-index: 0;}
.hc_service_intro_wrap .bg svg{width: 700px; vertical-align: middle;}
.hc_service_intro_wrap .bg .cls-1{fill: rgb(248, 248, 248) !important;}
.hc_service_intro_wrap .col_box .col.pic{padding-left: 80px;}
.hc_service_intro_wrap .col_box .col.pic .pic_list ul{font-size: 0px;}
.hc_service_intro_wrap .col_box .col.pic .pic_list ul li{width: 46%; margin: 0px 2% 4%; display: inline-block; text-align: center; position: relative; border-radius: 30px; overflow: hidden;}
.hc_service_intro_wrap .col_box .col.pic .pic_list ul li:nth-child(1), .hc_service_intro_wrap .col_box .col.pic .pic_list ul li:nth-child(3), .hc_service_intro_wrap .col_box .col.pic .pic_list ul li:nth-child(5){top: -60px; position: relative;}
.hc_service_intro_wrap .col_box .col.pic .pic_list ul li .pic{background-repeat: no-repeat; background-position: center top; background-size: cover; height: 300px; vertical-align: middle; position: relative;}
.hc_service_intro_wrap .col_box .col.pic .pic_list ul li .text_info{position: absolute; z-index: 1; left: 0px; bottom: 0px; width: 100%; padding: 30px; box-sizing: border-box; background: linear-gradient(rgba(20, 20, 20, 0) 10%, rgba(20, 20, 20, 0.25) 25%, rgba(20, 20, 20, 0.5) 50%, rgba(20, 20, 20, 0.75) 75%, rgb(20, 20, 20) 100%); color: rgb(255, 255, 255); text-align: left;}
.hc_service_intro_wrap .col_box .col.pic .pic_list ul li .text_info .t1{font-size: 14px;}
.hc_service_intro_wrap .col_box .col.pic .pic_list ul li .text_info .t2{font-size: 20px; font-weight: bold;}
.hc_service_intro_wrap .col_box .col.pic .pic_list ul li .text_info .t3{font-size: 15px; margin-top: 10px;}
.hc_stats_wrap{position: relative; padding: 160px 0px; background: rgb(248, 248, 248);}
.hc_stats_wrap .title{text-align: center;}
.hc_stats_wrap .title .t1{font-size: 23px; line-height: 30px; color: #1b5dd7; font-weight: bold;}
.hc_stats_wrap .title .t2{font-size: 50px; color: rgb(0, 0, 0); line-height: 60px; margin-top: 20px; font-weight: 900;}
.hc_stats_wrap .title .t2 div{display: inline;}
.hc_stats_wrap .title .t3{font-size: 19px; color: rgb(0, 0, 0); line-height: 23px; margin-top: 20px;}
.hc_stats_wrap ul{text-align: center; margin-top: 60px;}
.hc_stats_wrap ul li{display: inline-block; min-width: 270px;}
.hc_stats_wrap ul li .num{line-height: 100px;}
.hc_stats_wrap ul li .num strong{font-family: Montserrat; font-size: 90px; color: #1b5dd7;}
.hc_stats_wrap ul li .num span{display: inline-block; margin-left: 10px; font-size: 16px; color: rgb(0, 0, 0);}
.hc_stats_wrap ul li .num_text{margin-top: 10px; font-size: 20px; color: rgb(85, 85, 85);}
.hc_gallery_wrap{padding: 160px 0px 160px max(16px, -700px + 50vw); position: relative;}
.hc_gallery_wrap .title{text-align: left;}
.hc_gallery_wrap .title .t1{font-size: 23px; line-height: 30px; color: #1b5dd7; font-weight: bold;}
.hc_gallery_wrap .title .t1 div{font-size: 50px; color: rgb(0, 0, 0); line-height: 60px; margin-top: 20px; font-weight: 900;}
.hc_gallery_wrap .title .t2{font-size: 18px; color: rgb(0, 0, 0); margin-top: 10px;}
.hc_gallery_list_box{position: relative; overflow: hidden; margin-top: 80px;}
.hc_gallery_list_box .list_wrap{width: 100%; z-index: 1; position: relative;}
.hc_gallery_list_box .list_wrap .swiper-slide{text-align: left; justify-content: center; align-items: center;}
.hc_gallery_list_box .list_wrap .swiper-slide .pic img{width: 100%; border-radius: 20px; vertical-align: middle;}
.hc_gallery_list_box .list_wrap .swiper-slide .t1{color: rgb(0, 0, 0); font-size: 26px; letter-spacing: -2px; line-height: 22px; transition: 0.3s; margin-top: 30px; font-weight: bold;}
.hc_gallery_list_box .list_wrap .swiper-slide .t2{display: block; font-weight: normal; font-size: 17px; color: rgb(68, 68, 68); margin-top: 15px; line-height: 25px;}
.hc_gallery_wrap .btn_box{margin-top: 40px; text-align: center;}
.hc_gallery_wrap .btn_box span{vertical-align: middle; display: inline-block;}
.hc_gallery_wrap .btn_box .move .feather{width: 25px; height: 25px; vertical-align: middle; color: rgb(0, 0, 0); position: relative; top: -2px;}
.hc_gallery_wrap .btn_box strong{vertical-align: middle; display: inline-block; padding: 0px 20px; font-size: 15px; color: rgb(0, 0, 0); font-weight: bold; letter-spacing: 1px;}
.hc_gallery_wrap .btn_box strong .mb_current{color: rgb(27, 54, 147);}
.hc_gallery_wrap .hc_gallery_more{position: absolute; right: 10%; top: 250px;}
.hc_gallery_wrap .hc_gallery_more a{display: inline-block; border: 1px solid rgb(0, 0, 0); color: rgb(0, 0, 0); font-size: 17px; padding: 0px 30px; line-height: 44px; border-radius: 5px;}
.hc_service_grid_wrap{position: relative; padding: 160px 0px;}
.hc_service_grid_wrap .title{text-align: center;}
.hc_service_grid_wrap .title .t1{font-size: 23px; line-height: 30px; color: #1b5dd7; font-weight: bold;}
.hc_service_grid_wrap .title .t2{font-size: 50px; color: rgb(0, 0, 0); line-height: 60px; margin-top: 20px; font-weight: 900;}
.hc_service_grid_wrap .title .t3{font-size: 19px; color: rgb(0, 0, 0); line-height: 23px; margin-top: 20px;}
.hc_service_grid_wrap ul{text-align: center; margin-top: 60px;}
.hc_service_grid_wrap ul li{float: left; width: 32%; margin-bottom: 4%;}
.hc_service_grid_wrap ul li:nth-child(3n+2){margin-left: 2%; margin-right: 2%;}
.hc_service_grid_wrap ul li .pic{background-size: cover; padding-top: 100%; border-radius: 20px;}
.hc_service_grid_wrap ul li .txt{padding: 30px; text-align: left;}
.hc_service_grid_wrap ul li .txt .t0{position: relative;}
.hc_service_grid_wrap ul li .txt .t0 span{display: inline-block; font-size: 24px; color: #1b5dd7;}
.hc_service_grid_wrap ul li .txt .t0 .date{position: absolute; right: 0px; top: 0px; font-size: 14px; color: rgb(102, 102, 102);}
.hc_service_grid_wrap ul li .txt .t1{margin-top: 10px; font-size: 20px; color: rgb(0, 0, 0); font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hc_service_grid_wrap ul li .txt .t2{font-size: 16px; margin-top: 10px; color: rgb(68, 68, 68); height: 50px; line-height: 25px; overflow: hidden;}
.hc_service_grid_wrap .service_more_btn{margin-top: 60px; text-align: center;}
.hc_service_grid_wrap .service_more_btn button{display: inline-block; border: 0px; background: #1b5dd7; line-height: 60px; padding: 0px 60px; border-radius: 60px; font-size: 16px; color: rgb(255, 255, 255);}
.hc_brand_banner{text-align: left; margin-top: 120px; position: relative;}
.hc_brand_banner .title{font-size: 40px; font-weight: normal; color: rgb(0, 0, 0); line-height: 50px; letter-spacing: -2px;}
.hc_brand_banner .title div{color: #1b5dd7; font-weight: 900;}
.hc_brand_banner .title_icon{position: absolute; right: 0px; top: -100px;}
.hc_brand_banner .title_icon .hc-anim-icon{width: 300px; height: 300px;}
.hc_brand_banner .title_bg{margin-top: 60px; background: url("../images/about-living-kitchen.jpg") center top / cover no-repeat fixed; height: 200px;}
.hc_feature_wrap{padding: 160px 0px 60px;}
.hc_feature_wrap .title{text-align: center; margin-bottom: 70px;}
.hc_feature_wrap .title .t1{font-size: 23px; line-height: 30px; color: #1b5dd7; font-weight: bold;}
.hc_feature_wrap .title .t2{font-size: 50px; color: rgb(0, 0, 0); line-height: 60px; margin-top: 20px; font-weight: 900;}
.hc_feature_wrap .title .t3{font-size: 19px; color: rgb(0, 0, 0); line-height: 23px; margin-top: 20px;}
.hc_feature_wrap ul.list{margin-top: 15px; display: flex; gap: 15px; text-align: center;}
.hc_feature_wrap ul.list li{flex: 0 0 calc(338px); padding: 2.5rem; box-sizing: border-box; border-radius: 30px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 20px; text-align: left;}
.hc_feature_wrap ul.list li .t1{font-size: 20px; font-weight: bold; color: rgb(0, 0, 0); margin-bottom: 10px; letter-spacing: -1px;}
.hc_feature_wrap ul.list li .t2{font-size: 15px; line-height: 22px; color: rgb(119, 119, 119);}
.hc_feature_wrap ul.list li .icon{margin-bottom: 20px;}
.hc_promise_wrap{padding: 100px; margin-top: 90px; background: rgb(248, 249, 251); border-radius: 50px;}
.hc_promise_wrap .title_pic{text-align: center; padding: 50px 0px;}
.hc_promise_wrap .title{text-align: center; font-size: 33px; font-weight: bold; color: rgb(0, 0, 0); line-height: 40px;}
.hc_promise_wrap .title .line{display: inline-block; position: relative;}
.hc_promise_wrap .title .line strong{position: relative; z-index: 1;}
.hc_promise_wrap .title .line span{position: absolute; left: 0px; bottom: 0px; width: 100%; z-index: 0; background: rgba(43, 101, 87, 0.2); height: 15px;}
.hc_promise_wrap .text_wrap{margin-top: 0px; text-align: center; font-size: 17px; color: rgb(0, 0, 0);}
.hc_promise_wrap .tell_num{font-size: 90px; line-height: 100px; font-weight: 900; color: rgb(39, 74, 62); margin-top: 60px; text-align: center;}
.hc_process_wrap{position: relative; margin-top: 120px;}
.hc_process_wrap .swiper-pagination{position: absolute; left: 0px; top: 40px; width: 100%; z-index: 0; height: 1px; margin-top: 60px;}
.hc_process_wrap .swiper-pagination-progressbar{background: rgb(221, 221, 221);}
:root{--swiper-theme-color: #1b5dd7 !important;}
.hc_process_wrap .title{text-align: center;}
.hc_process_wrap .title .t1{font-size: 23px; line-height: 30px; color: #1b5dd7; font-weight: bold;}
.hc_process_wrap .title .t2{font-size: 50px; color: rgb(0, 0, 0); line-height: 60px; margin-top: 20px; font-weight: 900;}
.hc_process_wrap .title .t3{font-size: 19px; color: rgb(0, 0, 0); line-height: 23px; margin-top: 20px;}
.hc_process_wrap .list_wrap{width: 100%; z-index: 1; position: relative; padding-top: 80px; text-align: left;}
.hc_process_wrap .list_wrap .swiper-slide{text-align: left; justify-content: center; align-items: center;}
.hc_process_wrap ul li .num{text-align: center; position: relative; top: 0px;}
.hc_process_wrap ul li .num span{display: inline-block; background: rgb(221, 221, 221); color: rgb(51, 51, 51); line-height: 40px; border-radius: 40px; padding: 0px 20px; font-size: 16px; transition: 0.3s;}
.hc_process_wrap ul li.swiper-slide-active .num span{background: #1b5dd7; color: rgb(255, 255, 255);}
.hc_process_wrap ul li .box{display: block; background: rgb(255, 255, 255); border-radius: 20px; padding: 50px 30px; border: 1px solid rgb(237, 237, 237); transition: 0.3s; margin-top: 40px;}
.hc_process_wrap ul li .box .icon{text-align: center; height: 160px; line-height: 160px;}
.hc_process_wrap ul li .box .icon img{max-width: 100%; vertical-align: middle;}
.hc_process_wrap ul li .box .text{margin-top: 10px; text-align: center;}
.hc_process_wrap ul li .box .text .t1{font-size: 22px; font-weight: bold; line-height: 30px; letter-spacing: -1px; color: rgb(0, 0, 0); transition: 0.3s;}
.hc_process_wrap ul li .box .text .t2{font-size: 16px; line-height: 22px; letter-spacing: -1px; color: rgb(68, 68, 68); margin-top: 20px; height: 44px;}
.hc_process_wrap ul li.swiper-slide-active .box .text .t1{color: #1b5dd7;}
.hc_process_wrap ul li.swiper-slide-active .box{border-color: #1b5dd7;}
.hc_checklist_wrap{margin-top: 120px; overflow: hidden; background: rgb(248, 249, 251); padding: 120px 0px;}
.hc_checklist_wrap .title{text-align: center; margin-bottom: 30px;}
.hc_checklist_wrap .title .t1{font-size: 23px; line-height: 30px; color: #1b5dd7; font-weight: bold;}
.hc_checklist_wrap .title .t2{font-size: 50px; color: rgb(0, 0, 0); line-height: 60px; margin-top: 20px; font-weight: 900;}
.hc_checklist_wrap .list_wrap{margin-top: 50px; text-align: center;}
.hc_checklist_wrap .list_wrap .list{display: inline-block; width: 140px; margin: 0px 7px; position: relative; padding: 7px 15px; border: 1px solid rgb(237, 237, 237); border-radius: 10px; background: rgb(255, 255, 255);}
.hc_checklist_wrap .list_wrap .list img{vertical-align: middle;}
.hc_checklist_wrap .swiper-wrapper{display: flex; flex-wrap: nowrap; will-change: transform;}
.hc_checklist_wrap .swiper-slide{flex: 0 0 auto;}
.hc_board_wrap{margin-top: 120px; position: relative;}
.hc_board_wrap .bg{position: absolute; left: 0px; top: 0px; width: 100%; height: 600px; background: linear-gradient(to right, rgb(249, 252, 254) 0%, rgb(209, 232, 251) 100%); z-index: 0;}
.hc_board_wrap .hc_board_wrap_box{padding-top: 150px; position: relative; z-index: 1;}
.hc_board_wrap .hc_board_wrap_box .title{text-align: center;}
.hc_board_wrap .hc_board_wrap_box .title .t1{font-size: 24px; color: rgb(51, 51, 51);}
.hc_board_wrap .hc_board_wrap_box .title .t2{font-size: 50px; line-height: 60px; color: rgb(0, 0, 0); margin-top: 30px;}
.hc_board_wrap .hc_board_wrap_box .title .t2 div{font-weight: bold;}
.hc_board_wrap .hc_board_wrap_box .col_box_wrap{padding: 80px 80px 0px; background: rgb(255, 255, 255); border-radius: 50px 50px 0px 0px; margin-top: 80px;}
.hc_board_wrap .hc_board_wrap_box .col_box{display: table; width: 100%; table-layout: fixed;}
.hc_board_wrap .hc_board_wrap_box .col_box .col{display: table-cell; vertical-align: top;}
.hc_board_wrap .hc_board_wrap_box .col_box .col .col_title{font-size: 22px; line-height: 40px; font-weight: bold; color: rgb(0, 0, 0); letter-spacing: -2px; position: relative;}
.hc_board_wrap .hc_board_wrap_box .col_box .col .col_title .more{position: absolute; right: 0px; top: 0px; border: 1px solid rgb(237, 237, 237); padding: 0px 15px; line-height: 30px; border-radius: 5px; color: rgb(51, 51, 51); font-size: 14px; font-weight: normal;}
.hc_board_wrap .hc_board_wrap_box .col_box .col.col01 .user_question{padding-right: 50px;}
.hc_board_wrap .hc_board_wrap_box .col_box .col.col01 .user_question ul{padding-top: 10px;}
.hc_board_wrap .hc_board_wrap_box .col_box .col.col01 .user_question ul li{position: relative; border-bottom: 1px solid rgb(237, 237, 237); padding: 20px 0px;}
.hc_board_wrap .hc_board_wrap_box .col_box .col.col01 .user_question ul li:last-child{border-bottom: 0px;}
.hc_board_wrap .hc_board_wrap_box .col_box .col.col01 .user_question ul li .question_box{position: relative; font-size: 20px; padding-left: 55px; cursor: pointer; transition: 0.2s; color: rgb(0, 0, 0); font-weight: normal;}
.hc_board_wrap .hc_board_wrap_box .col_box .col.col01 .user_question ul li .question_box strong{position: absolute; left: 0px; top: -5px; font-size: 12px; width: 30px; height: 30px; line-height: 30px; background: #1b5dd7; color: rgb(255, 255, 255); text-align: center; border-radius: 30px; border: 1px solid #1b5dd7; font-weight: normal;}
.hc_board_wrap .hc_board_wrap_box .col_box .col.col01 .user_question ul li .question_box:hover{color: #1b5dd7; transition: 0.3s;}
.hc_board_wrap .hc_board_wrap_box .col_box .col.col01 .user_question ul li .answer_box{position: relative; margin-top: 10px; padding: 30px 20px 30px 80px; border-radius: 10px; font-size: 16px; background: rgb(248, 248, 248); display: none;}
.hc_board_wrap .hc_board_wrap_box .col_box .col.col01 .user_question ul li .answer_box strong{position: absolute; left: 30px; top: 27px; font-size: 12px; color: rgb(102, 102, 102); width: 30px; border-radius: 30px; height: 30px; line-height: 30px; text-align: center; background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221);}
.hc_board_wrap .hc_board_wrap_box .col_box .col.col02{padding-left: 50px;}
.hc_board_wrap .hc_board_wrap_box .col_box .col.col02 ul{text-align: center; position: relative; transition: 0.4s; font-size: 0px; width: 100% !important;}
.hc_board_wrap .hc_board_wrap_box .col_box .col.col02 ul li{display: block; margin-bottom: 10px; position: relative; box-sizing: border-box; top: 0px; vertical-align: top; margin-top: 0px; transition: 0.4s; width: 100% !important;}
.hc_board_wrap .hc_board_wrap_box .col_box .col.col02 ul li .box{padding: 30px 0px; background: rgb(255, 255, 255); position: relative; box-sizing: border-box; text-align: left; transition: 0.4s; border-bottom: 1px solid rgb(221, 221, 221);}
.hc_board_wrap .hc_board_wrap_box .col_box .col.col02 ul li:hover .box{border-color: #1b5dd7;}
.hc_board_wrap .hc_board_wrap_box .col_box .col.col02 ul li:last-child .box{border-bottom: 0px;}
.hc_board_wrap .hc_board_wrap_box .col_box .col.col02 ul li .info{margin-left: 0px; position: relative;}
.hc_board_wrap .hc_board_wrap_box .col_box .col.col02 ul li .info .type{color: #1b5dd7; margin-bottom: 10px; font-size: 15px; display: inline-block; border: 1px solid #1b5dd7; padding: 0px 10px; line-height: 30px; border-radius: 10px;}
.hc_board_wrap .hc_board_wrap_box .col_box .col.col02 ul li .info .t1{font-size: 25px; color: rgb(0, 0, 0); line-height: 30px; font-weight: bold; background: none; padding-left: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hc_board_wrap .hc_board_wrap_box .col_box .col.col02 ul li .info .t2{font-size: 16px; color: rgb(68, 68, 68); margin-top: 10px; line-height: 20px; display: block; white-space: normal;}
@media (max-width: 1024px){
.hc_visual{text-align: center; height: 400px; margin-top: 80px;}
.hc_visual .scroll_down{display: none;}
.hc_visual .text{padding: 15% 15px 0px;}
.hc_visual .text .t1{font-size: 35px; line-height: 40px;}
.hc_visual .text .t2{font-size: 18px; margin-top: 20px;}
.hc_service_intro_wrap{padding: 80px 15px 0px;}
.hc_service_intro_wrap .col_box{display: block;}
.hc_service_intro_wrap .col_box .col{display: block;}
.hc_service_intro_wrap .col_box .col.title .t1{font-size: 40px; line-height: 40px;}
.hc_service_intro_wrap .col_box .col.title .t1 div{display: block;}
.hc_service_intro_wrap .col_box .col.title .t2{font-size: 23px; line-height: 30px; margin-top: 30px;}
.hc_service_intro_wrap .col_box .col.title .t2 div{display: block;}
.hc_service_intro_wrap .col_box .col.title .t3{font-size: 16px; line-height: 23px; margin-top: 20px;}
.hc_service_intro_wrap .col_box .col.title .t4{margin-top: 20px;}
.hc_service_intro_wrap .col_box .col.title .t4 a{line-height: 50px; padding: 0px 30px; border-radius: 50px; font-size: 15px;}
.hc_service_intro_wrap .col_box .col.pic{padding-left: 0px; padding-top: 30px;}
.hc_service_intro_wrap .col_box .col.pic .pic_list ul{font-size: 0px;}
.hc_service_intro_wrap .col_box .col.pic .pic_list ul li{width: auto; margin: 0px 0% 2%; display: block; border-radius: 20px;}
.hc_service_intro_wrap .col_box .col.pic .pic_list ul li:nth-child(1), .hc_service_intro_wrap .col_box .col.pic .pic_list ul li:nth-child(3), .hc_service_intro_wrap .col_box .col.pic .pic_list ul li:nth-child(5){top: 0px; position: relative;}
.hc_stats_wrap{position: relative; padding: 100px 15px;}
.hc_stats_wrap .title .t1{font-size: 22px; line-height: 30px;}
.hc_stats_wrap .title .t2{font-size: 40px; line-height: 50px; margin-top: 10px;}
.hc_stats_wrap .title .t2 div{display: block;}
.hc_stats_wrap .title .t3{font-size: 15px; line-height: 23px; margin-top: 20px;}
.hc_stats_wrap ul li{display: block; min-width: auto; background: rgb(255, 255, 255); border-radius: 20px; padding: 30px; margin-bottom: 10px;}
.hc_stats_wrap ul li .num{line-height: 70px;}
.hc_stats_wrap ul li .num strong{font-size: 60px;}
.hc_gallery_wrap{padding: 80px 0px 80px 15px; position: relative;}
.hc_gallery_wrap .title{text-align: left;}
.hc_gallery_wrap .title .t1{font-size: 22px;}
.hc_gallery_wrap .title .t1 div{font-size: 40px; line-height: 50px; margin-top: 10px;}
.hc_gallery_wrap .title .t2{font-size: 15px; line-height: 22px;}
.hc_gallery_list_box{margin-top: 30px;}
.hc_gallery_wrap .hc_gallery_more{position: relative; right: 0px; top: 0px; margin-top: 20px;}
.hc_gallery_list_box .list_wrap .swiper-slide .t1{font-size: 18px; letter-spacing: -1px; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hc_gallery_list_box .list_wrap .swiper-slide .t2{font-size: 16px; line-height: 22px;}
.hc_brand_banner{text-align: left; margin-top: 80px; position: relative;}
.hc_brand_banner .title{font-size: 20px; padding: 0px 15px; line-height: 30px; letter-spacing: -2px;}
.hc_brand_banner .title div{display: inline;}
.hc_brand_banner .title_icon{position: absolute; right: 0px; top: 90px;}
.hc_brand_banner .title_icon .hc-anim-icon{width: 100px; height: 100px;}
.hc_brand_banner .title_bg{margin-top: 30px; background-size: cover; background-attachment: fixed; height: 120px;}
.hc_process_wrap{position: relative; margin-top: 80px; padding-left: 15px; padding-right: 15px;}
.hc_process_wrap .swiper-pagination{position: absolute; left: 0px; top: 40px; width: 100%; z-index: 0; height: 1px; margin-top: 60px;}
.hc_process_wrap .swiper-pagination-progressbar{background: rgb(221, 221, 221);}
:root{--swiper-theme-color: #1b5dd7 !important;}
.hc_process_wrap .title{text-align: center;}
.hc_process_wrap .title .t1{font-size: 22px;}
.hc_process_wrap .title .t2{font-size: 40px; line-height: 50px; margin-top: 10px;}
.hc_process_wrap .title .t3{font-size: 17px; line-height: 23px; margin-top: 10px;}
.hc_process_wrap ul li .box .icon{text-align: center; height: 140px; line-height: 140px;}
.hc_promise_wrap{padding: 100px 30px; margin-top: 90px; margin-left: 15px; margin-right: 15px;}
.hc_promise_wrap .title_pic{text-align: center; padding: 50px 0px;}
.hc_promise_wrap .title_pic img{max-width: 100%; vertical-align: middle;}
.hc_promise_wrap .text_wrap{line-height: 25px; font-size: 16px;}
.hc_promise_wrap .tell_num{font-size: 44px; line-height: 50px;}
.hc_board_wrap{padding-left: 15px; padding-right: 15px;}
.hc_board_wrap .bg{position: absolute; left: 0px; top: 0px; width: 100%; height: 600px; background: linear-gradient(to right, rgb(249, 252, 254) 0%, rgb(209, 232, 251) 100%); z-index: 0;}
.hc_board_wrap .hc_board_wrap_box{padding-top: 80px;}
.hc_board_wrap .hc_board_wrap_box .title{text-align: center;}
.hc_board_wrap .hc_board_wrap_box .title .t1{font-size: 22px;}
.hc_board_wrap .hc_board_wrap_box .title .t2{font-size: 30px; line-height: 40px; margin-top: 20px;}
.hc_board_wrap .hc_board_wrap_box .col_box_wrap{padding: 80px 30px 0px; border-radius: 20px 20px 0px 0px; margin-top: 30px;}
.hc_board_wrap .hc_board_wrap_box .col_box{display: block;}
.hc_board_wrap .hc_board_wrap_box .col_box .col{display: block;}
.hc_board_wrap .hc_board_wrap_box .col_box .col.col01 .user_question{padding-right: 0px;}
.hc_board_wrap .hc_board_wrap_box .col_box .col.col01 .user_question ul li .question_box{font-size: 18px; padding-left: 45px;}
.hc_board_wrap .hc_board_wrap_box .col_box .col.col01 .user_question ul li .question_box strong{top: 5px;}
.hc_board_wrap .hc_board_wrap_box .col_box .col.col02{padding-left: 0px; margin-top: 40px; padding-top: 40px; border-top: 1px solid rgb(221, 221, 221);}
.hc_board_wrap .hc_board_wrap_box .col_box .col.col02 ul li .info .t1{font-size: 20px;}
.hc_board_wrap .hc_board_wrap_box .col_box .col.col02 ul li .info .t2{font-size: 16px;}
.hc_feature_wrap{padding: 160px 15px 60px;}
.hc_feature_wrap .title{text-align: center; margin-bottom: 20px;}
.hc_feature_wrap .title .t1{font-size: 22px;}
.hc_feature_wrap .title .t2{font-size: 40px; line-height: 50px; margin-top: 10px;}
.hc_feature_wrap .title .t3{font-size: 15px; margin-top: 10px;}
.hc_feature_wrap ul.list{margin-top: 0px; display: block; text-align: center;}
.hc_feature_wrap ul.list li{display: block; padding: 30px; border-radius: 20px; margin-bottom: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 20px; text-align: left;}
.hc_service_grid_wrap{position: relative; padding: 100px 15px;}
.hc_service_grid_wrap .title .t1{font-size: 22px;}
.hc_service_grid_wrap .title .t2{font-size: 40px; line-height: 50px; margin-top: 10px;}
.hc_service_grid_wrap .title .t3{font-size: 15px; margin-top: 20px;}
.hc_service_grid_wrap ul li{width: 48%; margin: 0px 0px 4% !important;}
.hc_service_grid_wrap ul li:nth-child(2n+2){float: right;}
.hc_service_grid_wrap ul li .txt{padding: 15px;}
.hc_service_grid_wrap ul li .txt .t1{margin-top: 10px; font-size: 18px;}
.hc_service_grid_wrap ul li .txt .t2{font-size: 15px; margin-top: 5px; height: 40px; line-height: 20px;}
.hc_checklist_wrap{margin-top: 80px; padding: 120px 15px;}
.hc_checklist_wrap .title .t1{font-size: 22px;}
.hc_checklist_wrap .title .t2{font-size: 40px; line-height: 50px; margin-top: 20px;}
.hc_checklist_wrap .list_wrap{margin-top: 20px;}
.hc_checklist_wrap .list_wrap .list{width: 100px; margin: 0px 2px; padding: 7px 15px;}
}
@media (min-width: 1025px) and (max-width: 1440px){
.hc_visual .text{padding-top: 20%;}
.hc_service_intro_wrap{padding-left: 5%; padding-right: 5%; position: relative;}
.hc_stats_wrap ul li{min-width: 170px; margin: 0px 10px;}
.hc_stats_wrap ul li .num{line-height: 70px;}
.hc_stats_wrap ul li .num strong{font-size: 50px;}
.hc_gallery_wrap{padding-left: 5%;}
.hc_brand_banner .title{font-size: 40px; padding-left: 5%;}
.hc_brand_banner .title_icon{top: 0px;}
.hc_brand_banner .title_icon .hc-anim-icon{width: 200px; height: 200px;}
.hc_promise_wrap{margin-left: 5%; margin-right: 5%;}
.hc_feature_wrap{margin-left: 5%; margin-right: 5%;}
.hc_feature_wrap ul.list{margin-top: 15px; display: flex; gap: 15px; text-align: center;}
.hc_feature_wrap ul.list li{flex: 0 0 calc(25% - 12px);}
.hc_process_wrap{margin-left: 5%; margin-right: 5%;}
.hc_service_grid_wrap{margin-left: 5%; margin-right: 5%;}
}