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




/* 1200px 이하 사이즈 수정용 */
@media (max-width:1200px) {
#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:19.8px; left: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%; }
.phantom-header-type01 .phantom-header-type01-container .logo img { padding-left:0; max-height:24px; }

#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, 12px); }
.pmv_wrapper p { font-size: max(.7em, 12px); padding-left:20px; padding-right:20px; }
.pmv_wrapper h1 { font-size: max(1em, 24px); letter-spacing:0;}
.pmv_wrapper p:before { left:calc(50% - 20px);}

#phantom_azur_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_azur_sec02 .wrap li:nth-child(2)::before { background:rgba(22,55,23, 0.6); }
#phantom_azur_sec02 .wrap li:nth-child(3)::before { background:rgba(0,20,0, 0.6); }
#phantom_azur_sec02 .wrap li .content { opacity:1; }

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

/* 메인페이지 종료 */


/* 회사소개 */
#phantom_content_ceo_content .wrap { flex-direction: column; }
#phantom_content_ceo_content .wrap img { margin-right:0; }

#phantom_content_ceo_content .wrap .ceo_content h3, #phantom_content_ceo_content .wrap .ceo_content .explain, #phantom_content_ceo_content .wrap .ceo_content h1.subject { text-align:center; }
#phantom_content_ceo_content .wrap .ceo_content .explain h1 { margin-top:20px; }
#phantom_content_ceo_content .wrap .ceo_content h1.subject { margin-top:50px; }
.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:13px; }
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; letter-spacing:0px; line-height:24px; margin:20px 0px;  }
footer#pd_footer .wrapper .ft_left p b { margin:0px 10px; font-size:1px; 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:15px; 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:15px; 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; }


#phantom_azur_sec02 .wrap li { width:100%; min-height:400px; }
#phantom_azur_sec02 .wrap li .content h1 { font-size:min(6vw, 24px); }
#phantom_azur_sec02 .wrap li .content p { font-size:min(4vw, 14px); }

#phantom_azur_sec03 {background-size:cover; word-break:keep-all;}
#phantom_azur_sec03 .wrap { padding:0px 20px; }
#phantom_azur_sec03 h1 { letter-spacing:-1px; border-bottom:1px solid #fff; padding:0px; font-size:min(6vw, 18px); line-height:1em; font-weight:500; }
#phantom_azur_sec03 h2 { font-size:3.6vw; }
#phantom_azur_sec03 .wrap ul { margin-top:40px; }
#phantom_azur_sec03 .wrap ul li { width:calc(50% - 10px); border:1px solid rgba(255,255,255, .5); text-align:center; font-size:0.9rem; background:none; padding:10px 0px; margin-right:20px; }
#phantom_azur_sec03 .wrap ul li.active, #phantom_azur_sec03 .wrap ul li:hover {background:none; color:#fff;}
#phantom_azur_sec03 .wrap ul li:nth-child(3n) {margin-right:20px; }
#phantom_azur_sec03 .wrap ul li:nth-child(2n) {margin-right:0px; }
#phantom_azur_sec03 .wrap ul li img { width:auto; display:block; margin:0 auto; margin-bottom:10px; }

#phantom_azur_sec04 .wrap { padding:0 20px; }
#phantom_azur_sec04 .wrap .lbox p { padding:20px 0; padding-top:60px;}
#phantom_azur_sec04 .wrap .lbox h1::before { content:''; position:absolute; opacity:0.1; left:calc(50% - 15px); bottom:-30px; width:30px; height:2px; transform:rotate(300deg); background:red; z-index:-1; }


/* 모바일 메뉴 */
.head_button { width:100%; display:flex; border-top:1px solid #e1e1e1; background: #e09e4f;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #7ed2af, #e09e4f);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #7ed2af, #e09e4f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 }
.head_button a { color:#fff; width:50%; padding:10px; text-align:center;}
.head_button a:nth-child(2n) {border-left:1px solid #fff; }
}


/* 1200이하 768이상 수정용 */
@media (min-width:768px) and (max-width:1200px) {
#phantom_content_company .wrap > ul > li { max-width:380px; margin-right:10px; }
}

/* 768px 이하 사이즈 수정용 */
@media (max-width:768px) {
#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; }

/* 서브페이지 snb */
#sub_menu .wrap .depth01 > li { width:50%; }
#sub_menu .wrap .depth01 > li:nth-child(1) { border-left: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: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:6vw; letter-spacing:-1px; color:#000; font-weight:500; line-height:36px; word-break:keep-all;} 
.consulting_form h2 { font-size:3vw; 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; }

}