@charset "utf-8";

@import url('reset.css');
@import url('swiper.min.css');
@import url('layout.css');


@media (min-width: 1024px) {
}

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

@media (max-width: 1100px) {
#sub_container > .resp_inner {padding-left: var(--leftRightMargin);padding-right: var(--leftRightMargin);}

.main_swiper .cont{padding-left: 60px}
.intro_section .intro_text{font-size: 2.5vw;}
}

@media (max-width: 1023px) {
#header{padding: 0 2.8rem;}
.hamburger{display: block}
.hamburger.show{border-color: #000;border-width: 2px;z-index: 1011;position: fixed;top:10px;right: 14px;transition: border-color 300ms cubic-bezier(0.64, 0.005, 0.315, 1);}
.hamburger.show .btn_total:before, 
.hamburger.show .btn_total:after{background-color: #000;}
/* #lnb{display: none} */

.total_nav{visibility:hidden;position: fixed;width: 100%;height: 100%;top:0;left:0;transform: translateX(100%);background-color: #fff;z-index: 1000;margin-left: 0;z-index: 1010;}
.total_nav.open{visibility:visible;transform: translateX(0);transition: transform 700ms cubic-bezier(0.64, 0.005, 0.315, 1);}
.total_nav .total_inner{padding: 45px 25px 50px;width: 100%;min-height: 100%;display: flex;justify-content: center;align-items: center;overflow-y: auto}
#lnb{display: block;text-align: center;margin-left: 0;height: auto}
#lnb > li{margin-bottom: 1.8rem;overflow: hidden}
#lnb > li:last-child{margin-bottom: 0}
#lnb > li > a{color: #000;font-size: 3.4rem;font-weight: 700;transform: translateY(100%);}
.total_nav.open #lnb > li > a{transform: translateY(0);transition: transform 600ms;transition-delay: 0.8s}
#lnb li.en > a{font-size: 2.8rem}

.business_info{padding: 8.4rem 2rem 0}
.business_info .cont{padding-left: 4rem;}

.popup_zone{left:50%;transform: translateX(-50%);width: 100%;}
.popup_zone .main_popup{position: absolute;top:0;left:50%;transform: translateX(-50%)}
}

@media (max-width: 767px) {
.pc,
.pc.inline{display: none !important;}
.mo{display: block !important;}
.mo.inline{display: inline !important;}
.mo.iblock{display: inline-block !important;}
.mo.iflex{display: inline-flex !important;}

.popup_zone{top: 86px;}

colgroup.pc,
col.pc,
th.pc,
td.pc{display: none !important;}

colgroup.mo{display: table-column-group !important;}

:root {
  --headH: 62px;
  --leftRightMargin: 2.5rem;
}
#header{padding: 0 var(--leftRightMargin);}
.logo img{width: 92px;}

.main_swiper .cont{padding: 0 3rem;bottom: 18.6rem;}

.intro_section{padding-left: var(--leftRightMargin);padding-right: var(--leftRightMargin)}
.intro_section .intro_text{font-size: 2.6rem;line-height: 1.4;}
.intro_section .intro_text p{font-size: 2.2rem;margin-top: 0.8rem}

.intro_section .logo_box{width: 150px;height:184px}
.intro_section .logo_box span{padding-bottom: 30px;}

.board_type01{display: block}
.board_type01 > li{width: 100%;margin-bottom: 4rem;}
.board_type01 > li:last-child{margin-bottom: 0}
.board_type01 .cont {padding-top: 1.8rem;}
.board_type01 .title{font-size: 1.6em;margin-bottom: 1rem;}
.board_type01 .desc{font-size: 1.8rem;}

.features_section{padding-bottom: 10rem;}

#footer{padding-bottom: 6rem;}
#footer .copy{font-size: 1.4rem;}

.sub_visual{height: 210px}
.sub_visual#sub01,
.sub_visual#sub02{padding-bottom: 5rem}
.sub_visual .subtitle{font-size: 3.6rem;}

#sub_container {padding-top: 7rem;padding-bottom: 10rem;}
#sub_container > .resp_inner{padding-left: var(--leftRightMargin);padding-right: var(--leftRightMargin)}

.snb_area{bottom: 2rem;}
#snb{gap: 1.4rem}
#snb a{height: 34px;font-size: 1.7rem;}

.business_info{padding: 6rem 0 0;}
.business_area .point{font-size: 2.1rem;margin-bottom: 8rem;}
.business_area .point strong{font-size: 2.8rem}
.business_area .point p{line-height: 1.35}
.business_info .row{display: block;margin-bottom: 6rem;}
.business_info .thumb{width: 100%}
.business_info .cont{padding-left: 0;padding-top: 2rem}

.company_area .point{font-size: 2.6rem;line-height: 1.4}
.company_area .point p{font-size: 2.2rem;line-height: 1.5}
.company_info{margin-top: 8rem;padding-top: 8rem;}
.company_info .row,
.company_info .col{display: block}
.company_info .col{font-size: 2rem;}
.company_info .col:first-child{border-right: 0;padding-bottom: 0;width: 100%;margin-bottom: 1.2rem}
.company_info .col:last-child{padding-left: 0;line-height: 1.4}
.company_info .tit{font-size: 3.2rem}
.company_info .ko{font-size: 2.2rem;margin-top: 0.1rem;}
.company_info .row + .row{margin-top: 6rem}

.greetings_area .ceo{padding-right: 0}
.greetings_area .ceo strong{font-size: 3rem}

.location_area .map_box{margin-top: 2rem;margin-bottom: 6rem;}
.location_area .map_box .wrap_map {height: 320px !important;}
.root_daum_roughmap .map > div:first-child{top: 25px !important}
.location_info dt{font-size: 2.6rem}
.location_info dd + dt {margin-top: 5rem;}

.gallery_list01{column-gap: 1.6rem;row-gap: 2.6rem;}
.gallery_list01 > li {width: calc((100% - 1.6rem) / 2);}
.gallery_list01 .tit{font-size: 2.1rem;}

.member_info{display: block}

.layer_zone .layer_cont{padding: 50px 18px 30px;}
.layer_zone .close{top: 8px;right: 10px;}

.member_info .col:first-child{width: 100%;}
.member_info .col:last-child{padding-left: 0;padding-top: 15px;}
.member_info .name{font-size: 2.8rem}
.member_info .ko{font-size: 2.2rem}
.member_info .util_area {margin-top: 1.5rem;}

.gallery_list02{column-gap: 1.6rem;row-gap: 2.6rem;}
.gallery_list02 > li {width: calc((100% - 1.6rem) / 2);}
.gallery_list02 .tit{font-size: 2.2rem;}

.inquiry_area .point strong{font-size: 2.6rem;}
.inquiry_area .point{margin-bottom: 5.5rem;}
.inquiry_form .label{font-size: 1.9rem;margin-bottom: 1rem;}
.inquiry_form .agree_area{margin-bottom: 2.5rem;}

.int, 
.sel, 
.file_box .file_name,
.file_box .btn_file{height: 5.9rem;font-size: 2rem;}
.textarea{height: 214px;font-size: 2rem;}
.file_box .btn_file{width: 110px;}

.check label{font-size: 1.8rem}

.title01{margin-bottom: 4rem;}

#footer .sns{margin-top: 1rem;}

.layer_zone.privacy .terms_box{height:48rem}
}

@media (max-width: 500px) {
#footer .info_area{display: block;padding-top: 4rem;}
#footer .info_area .col{padding-bottom: 3rem}
#footer .info_area .col:last-child{padding-bottom: 0}
}