.br_mb { display:inline-block; }
.mb_view { display:none !important; }
.mb_view2 { display:none !important; }
.flex_view { display:flex; }

/* 1200px 이하 사이즈 수정용 */
@media (max-width:1200px) {
#sub_background { margin-top:24px; }

.arc_wrap:nth-last-of-type(6), .arc_wrap:nth-last-of-type(7){display:none;}


#phantom_SummerLight_sec04 .wrap .pL_list a { width:100%; }
#phantom_SummerLight_sec04 .wrap .pL_list a:nth-child(n+2){ width:calc(50% - 5px); margin-top:10px; }
#phantom_SummerLight_sec04 .wrap .pL_list a:nth-child(2) { margin-right:10px; }
#bo_v { padding:0 10px; }
#bo_v_title .bo_v_tit { font-size:5vw; }
#bo_v_info { padding:0 5px !important; }
#bo_v_top ul { margin:15px 10px; }
#bo_gall .gall_img { height: auto !important }

label.phantom_burger_menu{ position:absolute; width:24px; color:#222; display:flex !important; top:12px; right:20px; flex-direction:column; border-radius:4px; cursor:pointer; transition: .5s;}
.phantom-header-type01 .phantom-header-type01-container { text-align:center;}
.phantom-header-type01.active { background:#fff; z-index:9999; }
.phantom-header-type01.active label.phantom_burger_menu { top:16px; transition: .5s; }
label.phantom_burger_menu i { font-size:20px; color:#222; }

.phantom-header-type01 .phantom-header-type01-container .logo { width:100%; text-align:left; display: flex; align-items: center; height:48px; }
.phantom-header-type01.active .phantom-header-type01-container .logo { height:60px; }
.phantom-header-type01 .phantom-header-type01-container .logo img { padding-left:20px; max-height:30px; }
.phantom-header-type01 .phantom-header-type01-container .logo a p { letter-spacing:-1px; line-height:1; vertical-align:middle;font-size:18px; position:relative; color:#000; display:inline-block; }

#phantom_banner .wrap .left_box { width:100%; max-width:100%; }
#phantom_banner .wrap .left_box > h1 { text-align:center; }
#phantom_banner .wrap .left_box > .button { justify-content: center; }
#phantom_banner .wrap .left_box > h1::after { left:calc(50% - 25px); }

#phantom_banner .wrap .right_box { width:100%; max-width:100%; margin-top:30px; }

/* 메인페이지 시작 */
.pmv_wrapper { text-align:center; }
.pmv_wrapper h3 { font-size: max(1em, 18px); }
.pmv_wrapper p { font-size: max(.7em, 12px); padding-left:20px; padding-right:20px; }
.pmv_wrapper h1, .pmv_wrapper h4 { font-size: max(1em, 20px); letter-spacing:0;}
.pmv_wrapper p:before { left:calc(50% - 20px);}
.pmv_wrapper h1 img { max-width:240px; }

#phantom_SummerLight_sec02 { padding-left:10px; padding-right:10px; }
#phantom_SummerLight_sec02 .wrap .sec02_title > h1 { font-size:min(32px, 6vw); }
#phantom_SummerLight_sec02 .wrap .sec02_title > h2 { font-size:min(16px, 4vw); }
#phantom_SummerLight_sec02 .wrap .sec02_title > h2::before { width:150px; }
#phantom_SummerLight_sec02 .wrap li::before {transition:0.3s ease all; content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(72,24,3, 0.6); z-index:0; }
#phantom_SummerLight_sec02 .wrap li:nth-child(2)::before { background:rgba(22,55,23, 0.6); }
#phantom_SummerLight_sec02 .wrap li:nth-child(3)::before { background:rgba(0,20,0, 0.6); }
#phantom_SummerLight_sec02 .wrap li .content { opacity:1; }


#phantom_banner .wrap { padding:0 20px; }
#phantom_banner .wrap > p { font-size:14px; }

#phantom_SummerLight_sec03 .wrap .arc_wrap { overflow:hidden; } 

#phantom_SummerLight_sec03 .wrap .sec03_title > h1,
#phantom_SummerLight_sec04 .wrap .lbox h1,
#phantom_SummerLight_sec06 .wrap .lbox h1 { font-size:min(7vw, 30px); }

#phantom_SummerLight_sec03 .wrap .sec03_title > h2,
#phantom_SummerLight_sec04 .wrap .lbox p,
#phantom_SummerLight_sec06 .wrap .lbox p {font-size: min(4vw, 14px);}

#phantom_SummerLight_sec06 { padding:100px 20px; }

.sec02_img { width:100%; }


/* 메인페이지 종료 */


/* 회사소개 */
#phantom_content_eco, #phantom_content { margin-top:50px; }
#phantom_content_ceo_content .wrap {justify-content: center; padding:0 12px;}
#phantom_content_ceo_content .wrap img { max-width:100%; width:auto; margin-right:0; }
#phantom_content_ceo_content .wrap .ceo_content { margin-left:24px; }
#phantom_content_ceo_content .wrap .ceo_content .explain { width:50%; display:inline-block; }
#phantom_content_ceo_content .wrap .ceo_content .explain h1,
#phantom_content .wrap > .wrap_content > h1{ font-size:min(24px, 6vw);  margin-top:20px; }
#phantom_content_ceo_content .wrap .ceo_content .explain p { padding-left:0 !important; }
#phantom_content_ceo_content .wrap .ceo_content h1.subject { width:100%; font-size:min(36px, 8vw);}
.phantom-header-type01 { position:fixed; background:#fff; }
#phantom_content .wrap > .wrap_content > h1,
#phantom_content_company .wrap > h1,
#phantom_content_eco .wrap .subject,
#phantom_content_eco .wrap .num_box h2,
#phantom_content_company .wrap > ul > li .content h1,
#phantom_content_ceo_content .wrap .ceo_content h1.subject,
#phantom_content_ceo_content .wrap .ceo_content .explain h1,
#phantom_history .wrap > h1,
#phantom_history .wrap > ul > li > h1,
{ font-size: clamp(1.5rem, 2.5vw, 3rem); } /* 글씨크기 본문 subject 수준 */
#phantom_content .wrap > .wrap_content > p,
#phantom_content_eco .wrap .num_box p,
#phantom_content_company .wrap > h2,
#phantom_content_company .wrap > ul > li .content p,
#phantom_content_ceo_content .wrap .ceo_content .explain p,
#phantom_history .wrap > ul > li > p,
#phantom_history .wrap > ul > li > h2,
#phantom_location .wrap .location_info li p,
#phantom_location .wrap .location_info li h1
{ font-size: clamp(14px, 2.5vw, 1rem); padding:0 10px; word-break:keep-all;} /* 글씨크기 본문 content 수준 */
#phantom_content_eco .wrap { flex-direction: column; }
#phantom_content_eco .wrap .subject, #phantom_content_eco .wrap .num_box { width:100%; }
#phantom_content_eco .wrap .num_box p { margin-top:0px; }
#phantom_content_eco .wrap .num_box .flex_box { margin-left:0px; }
#phantom_content_eco .wrap .num_box { margin-top:30px; text-align:center;align-items: center; justify-content: center; flex-direction: column; align-content: center;}
#phantom_content_eco .wrap .subject { text-align:center; }
#phantom_content_eco .wrap .num_box h2 { margin:25px 0; }
#phantom_content_eco .wrap .num_box h1 { background:#c0c0c0; color:#fff; padding:10px; }
#phantom_content_company .wrap > ul > li:nth-last-child(1) { margin-bottom:0;}
#phantom_history .wrap > ul > li > h2 {margin:0px; }
#phantom_history .wrap > ul > li > p { padding:0; }
#phantom_history .wrap > ul > li::after { left:8px; }
#phantom_history .wrap > ul > li::before { left:16px; top:4px; }
#phantom_location .wrap .location_info { flex-direction: column; margin-top:10px;}
#phantom_location .wrap .location_info li { margin:5px 20px; }
#phantom_location .wrap .location_info li h1 { padding-left:40px; padding-right:0; min-width:90px; }
#phantom_location .wrap .location_info li p { margin-left:0; }
/* 회사소개 종료 */

footer#pd_footer { width:100%; display:inline-block; padding:0px 20px; position:relative; bottom:0; font-family:'Noto Sans Kr'; }
footer#pd_footer .wrapper { width:100%; max-width:1200px; border-bottom:1px solid #9a9a9a; margin:40px auto; font-size:0;padding:10px 0px;}
footer#pd_footer .wrapper .ft_left .ft_top { font-size:11px; }
footer#pd_footer .wrapper .ft_left { width:100%; font-size:13px; text-align:center; color:#ddd; display:inline-block; }
footer#pd_footer .wrapper .ft_left p { display:block; font-weight:350; font-size:11px; letter-spacing:0px; line-height:24px; margin:20px 0px;  }
footer#pd_footer .wrapper .ft_left p b { margin:0px 5px; font-size:10px; border-right:1px solid #777;}
footer#pd_footer .wrapper .ft_right { width:100%; display:inline-block; text-align:center; vertical-align:top; margin-bottom:20px;}
footer#pd_footer .wrapper .ft_right .ft_box { display:inline-block; text-align:left; position:relative; color:#222; font-weight:600; letter-spacing:-1px; font-size:12px; padding:12px 20px; min-width:205px; }
footer#pd_footer .wrapper .ft_right .ft_box img { vertical-align:middle; position:absolute; right:20px; top:20px; }
footer#pd_footer .wrapper .ft_right .ft_tbox { display:inline-block; text-align:left; position:relative; color:#303030; font-weight:600; letter-spacing:-1px; margin-top:10px; min-width:205px; font-size:12px; padding:12px 20px; }
footer#pd_footer .wrapper .ft_right .ft_tbox img { vertical-align:middle; position:absolute; right:20px; top:18px; }
footer#pd_footer .ft_copyright {width:100%; max-width:1200px; display:inline-block; margin:40px auto; margin-top:0px; font-weight:600; color:#6b6b6b; padding:10px 0px; text-align:center;}
footer#pd_footer .ft_copyright .left_copy {display:inline-block; text-align:left; font-weight:600; letter-spacing:-1px;  font-size:15px;}
footer#pd_footer .ft_copyright .right_copy {float:right; font-size:11px; font-weight:500; letter-spacing:-0.5px;}
.br_mb { display:none; }
.mb_view { display:inline-block !important; }
.mb_view2 { display:block !important; }
.pc_view { display:none !important; }
.jm_pd { padding:20px; padding-bottom:0; font-size:3vw; line-height:6vw; word-break:keep-all;}
.flex_view { display:none !important; }

footer#pd_footer .wrapper .ft_left .ft_top strong { margin:0 10px; }
#phantom_SummerLight_sec02 .wrap li { width:100%; min-height:400px; }
#phantom_SummerLight_sec02 .wrap li .content h1 { font-size:min(6vw, 24px); }
#phantom_SummerLight_sec02 .wrap li .content p { font-size:min(4vw, 14px); }

#phantom_SummerLight_sec04 {background-size:cover; word-break:keep-all;}


.phantom_sec04_slide_title { font-size:min(16px, 5vw); }
.phantom_sec04_slide_content { font-size:min(14px, 3vw); }
#consulting .wrapper { padding:0 12px; }

#phantom_SummerLight_sec04 h1 { letter-spacing:-1px; border-bottom:1px solid transparent; padding:0px; font-size:min(16px, 5vw); line-height:1em; font-weight:500; }
#phantom_SummerLight_sec04 h2 { font-size:3.6vw; }
#phantom_SummerLight_sec04 .wrap ul { margin-top:40px; }
#phantom_SummerLight_sec04 .wrap ul li.active, #phantom_SummerLight_sec03 .wrap ul li:hover {background:none; color:#fff;}
#phantom_SummerLight_sec04 .wrap ul li:nth-child(3n) {margin-right:20px; }
#phantom_SummerLight_sec04 .wrap ul li:nth-child(2n) {margin-right:0px; }
#phantom_SummerLight_sec04 .wrap ul li img { width:auto; display:block; margin:0 auto; margin-bottom:10px; }
#phantom_SummerLight_sec04 .wrap { padding:0 10px; }
#phantom_SummerLight_sec04 .wrap .lbox p { padding:20px 0;}

/* 회사소개 */
#phantom_people .wrap > h1,
#phantom_content_eco .wrap .subject,
#phantom_content_ceo_title .wrap > h1,
#phantom_content_company .wrap > h1,
#cont > h1 { font-size:min(36px, 8vw); }
#phantom_content .wrap > h1 { font-size:min(36px, 8vw); margin-bottom:30px; padding-bottom:30px;}
#phantom_people .wrap { padding:0 20px; } 

#phantom_content_ceo_title .wrap > h2, #phantom_content_eco .wrap .num_box h2,
#cont .wrap li h1 { font-size:min(20px, 5vw); }

/* 모바일 메뉴 */
.head_button { width:100%; display:flex; border-top:1px solid #e1e1e1; background: #535353; }
.head_button a { color:#fff; width:calc(100% / 3); padding:10px; text-align:center;}
.head_button a:nth-child(2n) {border-left:1px solid #868686; border-right:1px solid #868686; }
}

/* 1200이하 768이상 수정용 */
@media (min-width:768px) and (max-width:1200px) {
#phantom_content_company .wrap > ul > li { max-width:380px; margin-right:10px; }
#phantom_SummerLight_sec04 .wrap .pdLeft { max-width:100%; width:calc(60% - 50px); }
#phantom_SummerLight_sec04 .wrap .pdRight { max-width:100%; width:40%; }
}

/* 768px 이하 사이즈 수정용 */
@media (max-width:768px) {
#phantom_people .wrap > .people_box { margin-top:30px; }
#sub_menu { display:none; }
#phantom_SummerLight_sec04 .wrap .pdLeft .pL_more { margin-top:10px; font-size:12px; }
#phantom_SummerLight_sec04 .wrap .phantom_slide_hover_media b.p_title { font-size:14px; }
#phantom_SummerLight_sec04 .wrap .phantom_media .swiper-wrapper .swiper-slide-active .phantom_slide_hover_media b.p_content { font-size:12px; }
#phantom_SummerLight_sec04 .wrap .pL_list a { width:100%; padding:15px;}
#phantom_SummerLight_sec04 .wrap .pL_list a:nth-child(n+2){ width:100%; margin-top:10px; }
#phantom_SummerLight_sec04 .wrap .pL_list a:nth-child(2) { margin-right:0px; }
#phantom_SummerLight_sec04 .wrap .pL_list a h2 { font-size:min(30px, 6vw); }
#phantom_SummerLight_sec04 .wrap .pL_list a p, .phantom_slide_product_li a .p_content { margin-top:14px !important; font-size:min(14px, 3vw) !important; }

#phantom_SummerLight_sec04 .wrap .pdRight { max-width:100%; margin-left:0; margin-top:20px;  }
#phantom_content_company .wrap > ul { flex-direction: column; align-items: center;}
#phantom_content_company .wrap > ul > li { max-width:380px; margin-bottom:30px; margin-right:0; }
#phantom_SummerLight_sec02 .wrap .arc_main .arc_wrap { margin:0; margin-bottom:10px; min-height:auto; }
#phantom_SummerLight_sec02 .wrap .arc_main .arc_wrap .arc_title { font-size:min(18px, 5vw);  height:auto; writing-mode:inherit; letter-spacing:-1px; padding:8px 0;}
#phantom_SummerLight_sec02 .wrap .arc_main .arc_wrap.active h3 b { font-size:min(24px, 6vw); }
#phantom_SummerLight_sec02 .wrap .arc_main .arc_wrap.active h3 { font-size:min(16px, 4vw); }
#phantom_SummerLight_sec02 .wrap .arc_main .arc_wrap.active { width:100%; }
#phantom_SummerLight_sec02 .wrap .arc_main .arc_wrap.active h3 { padding: 30px 16px; }
#phantom_SummerLight_sec02 .wrap .arc_main { flex-wrap:wrap;flex-direction: column; }

/* 서브페이지 snb */
#sub_menu .wrap .depth01 > li { width:50%; }
#sub_menu .wrap .depth01 > li:nth-child(1) { border-left:0; }
#cont .wrap { padding: 0 10px; justify-content: space-between; }
#cont .wrap li { margin-top:0px; margin-right:10px; width:calc(100% / 2 - 5px); margin-bottom:20px;}
#cont .wrap li:nth-child(even) { margin-right:0; }

/* 리스트 */
#bo_list, #bo_gall { padding:0 10px; }

/* 간편상담신청 */
#consulting { width:100%; background: #fff; float:left; text-align:center; margin:60px 0px; margin-bottom:0;}
#consulting h1 { display:block; font-size:min(24px, 7vw);line-height:30px; color:#000; margin-bottom:30px;font-weight:500; letter-spacing:-1px; } 
#consulting .wrapper { width:100%; max-width:1200px; margin:0 auto; text-align:left;} 
#consulting .wrapper ul { width:90%; margin-left:5%; display:inline-block; border:1px solid #dcdcdc; border-radius:5px;}
#consulting .wrapper ul li { width:100%; float:left; padding:5vw 4vw;}
#consulting .wrapper ul li:nth-last-child(1) { width:100%; float:left; padding:5vw 4vw; border-left:none; border-top:1px solid #dcdcdc;}
#consulting .wrapper ul li img { vertical-align:middle; padding-top:5px; }
#consulting .wrapper ul li .mb_cont { display:inline-block; padding-top:5px; font-size:4vw; letter-spacing:-1px; vertical-align:middle; margin:0px 10px;}
#consulting .wrapper ul li .submitbox { float:right; font-size:12px; font-weight:500; padding:8px 8vw; letter-spacing:-1px; box-shadow: 0px 1px 7px 0 rgba(0, 60, 55, 0.3); border-radius:30px;} 
#consulting .wrapper ul li:nth-last-child(1) .submitbox { float:right; font-size:12px; color:#fff; font-weight:500; padding:8px 8vw; letter-spacing:-1px; box-shadow: 0px 1px 7px 0 rgba(0, 60, 55, 0.3); border-radius:30px;} 
.consulting_form {border-radius:5px; width:100%; text-align:center; display:inline-block;}
.consulting_form h1 { font-size:min(20px, 6vw); letter-spacing:-1px; color:#000; font-weight:500; line-height:36px; word-break:keep-all;} 
.consulting_form h2 { font-size:min(14px, 4vw); letter-spacing:-1px; color:#999; font-weight:350; line-height:24px; margin-bottom:20px; word-break:keep-all;} 
.consulting_form .wrapper { width:100%; max-width:1200px; margin:60px auto; background:#f9f9f9; border:1px solid #dcdcdc; padding:20px;}
#bo_w .write_div { text-align:center; }


.modal-content { width:90%; padding:20px; }
.modal-content .pop_bt { top:20px; right:25px; }
.modal-content .content .privacy_content { height:auto; max-height:80vh; }


.menu-title img { max-height:24px; vertical-align:middle; }

#bo_cate a { padding:0 15px !important;} 

/* 회원가입 */
#sns_register { border-radius:0 !important; }
#sns_register .sns-wrap { width:auto !important; }
#register_form { padding: 0 10px; }

}
@media (max-width:960px) {
/* 회사소개 */
#phantom_content_ceo_content .wrap { flex-direction: column; }
#phantom_content_ceo_content .wrap .ceo_content { margin-left:0; display:flex; flex-wrap:wrap; } 
#phantom_content_ceo_content .wrap .ceo_content .explain:nth-of-type(2) p { padding-right:0 !important }
#phantom_content_ceo_content .wrap .ceo_content h1.subject { margin-top:10px; }
#phantom_sitemap_gnb .wrap_menu ul li h1 a > img { max-width:50px; }
#phantom_sitemap_gnb .wrap_menu ul { padding-right:5px; }

}


@media (max-width:600px) {
#phantom_SummerLight_sec03 .wrap .arc_main { display:flex; flex-wrap: wrap; flex-direction: column; padding:0 20px; align-content: center; justify-content: center; align-items: center; flex: 5; }
#phantom_SummerLight_sec03 .wrap .arc_main .arc_wrap { width:100%; }
#phantom_SummerLight_sec03 .wrap .arc_main .arc_wrap h3 {font-size: min(6vw, 24px); opacity:1; flex-wrap:wrap; padding-right:20px; text-align:left;}
#phantom_SummerLight_sec03 .wrap .arc_main .arc_wrap {flex:5;}
#phantom_SummerLight_sec03 .wrap .arc_main .arc_wrap h3 { display: flex; align-items: center; opacity:1;transition:opacity 0.3s ease-in 0.3s;}
#phantom_SummerLight_sec03 .wrap .arc_main .arc_wrap h3 b { font-size:16px; color:#fff; font-weight:600; padding:0px 16px; margin-right:10px ;border:2px solid #fff; border-radius:5px; background:#0c204c; }
#phantom_SummerLight_sec03 .wrap .arc_main .arc_wrap::before { border-radius: 5px; content: ''; position: absolute; left: 0; top: 20%; background: linear-gradient(transparent, rgba(0,0,0,.8)); z-index: 9; width: 100%; height: 80%;}
.arc_pagination { display:none !important; }
}
@media (max-width:400px) {
	#phantom_quick_inquiry { position:fixed; transition:0.3s ease all; bottom:0px; right:-400px; z-index:99999; width:100%; max-width:400px; padding:30px; text-align:center; background:#fff; border:1px solid #dcdcdc; border-radius:20px; }
	.fab-checkbox:checked ~ #phantom_quick_inquiry { right:0px; transition:0.3s ease all; }

	#phantom_SummerLight_sec04 .wrap .pdLeft .pL_Title p { display:block; margin-left:0; margin-top:5px; }

#cont .wrap { justify-content: space-between; }
#cont .wrap li { margin-top:0px; margin-right:0px; width:calc(100% ); margin-bottom:20px;}
#cont .wrap li:nth-child(even) { margin-right:0; }

#phantom_sitemap_gnb .wrap_menu ul li { width:100%; }
#phantom_sitemap_gnb .wrap_menu ul li a > p.st_content { font-size:min(12px, 4vw); margin-bottom:5px; }

}