/* BASIC css start */
.header_bg_com {display:none;}
#mfooter {margin-top:0px !important;}

/* 상단 카테고리 */
#header { margin:0px;padding:0px;position:relative;}
#mheader {display: flex; justify-content: space-between; align-items: center; height:100%; width:100%;}
#mheader div.top_logo {display:block; margin-left:24px;}
#mheader div.top_logo a {display:none; color:#fff; font-size:18px; font-weight:700; line-height: 32px; letter-spacing:0.16em; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
#mheader div.top_logo a.logo_white {display:block; }
#mheader div.top_menu {display: flex; align-items: center; margin:0 24px 0 0;}
#mheader div.top_menu img {height:24px;-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
#mheader div.top_menu .msearch {position:relative; margin-right:24px;}
#mheader div.top_menu .mcate_bt {position:relative;}
#mheader div.top_menu .msearch img:last-child {position:absolute; left:0; opacity:0; visibility:hidden;}
#mheader div.top_menu .mcate_bt img:last-child {position:absolute; left:0; opacity:0; visibility:hidden;}

/* 상단 카테고리(고정) */
div#comment_top {position:absolute; top:0px;  margin:0 auto; padding:0px; height:80px;border-bottom:none; width:100%;background: transparent ; z-index:1000; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
div#comment_top.fixed {position: fixed; top:0px; background-color:rgba(255,255,255); border-bottom:1px solid #e8e8e8; box-sizing:border-box; z-index:1000; height:80px;}
div#comment_top.fixed #mheader {height:100%; }
#comment_top.fixed #mheader .top_logo a {color:#1a1a1a;}
#comment_top.fixed div.top_logo a.logo_white {display:none;}
#comment_top.fixed div.top_logo a.logo_black {display:block;}
#comment_top.fixed div.top_menu .msearch img:first-child {opacity:0; visibility:hidden;}
#comment_top.fixed div.top_menu .mcate_bt img:first-child {opacity:0; visibility:hidden;}
#comment_top.fixed div.top_menu .msearch img:last-child {opacity:1; visibility:visible;}
#comment_top.fixed div.top_menu .mcate_bt img:last-child {opacity:1; visibility:visible;}


/* 서브 페이지 03 스타일 */
.sub_title_t01 {font-size:28px; font-weight:700; color:#1a1a1a; line-height:32px; text-align:center;}
.sub_title_t02 {font-size:16px; color:#6a6a6a; line-height:24px; text-align:center;margin-top:8px;word-break:keep-all;}

#page_container .wrap {width:92%; margin:56px auto 72px;text-align:center; }
div.header_bg div.txt00 {color:#fff;}
div.header_bg div.txt01 {padding-top:4px;}

.sub05_sec01 {width:90%;margin:53px auto 0;}
.video {position: relative;padding-bottom: 56.25%;}
.video iframe {position: absolute;width: 100%;height: 100%;left: 0;right: 0;}

.sub05_sec02 {margin:60px 0 56px;}
.sub05_sec02 .time {margin-top:40px;font-size:20px; color:#1a1a1a; line-height:32px; text-align:center;letter-spacing:-0.03em;}
.sub05_sec02 .img_wrap {margin-top:80px;display:flex;flex-wrap:wrap; justify-content: space-between; align-items: flex-start;width:100%;}
.sub05_sec02 .img_wrap .box {width: calc(50% - 8px);margin-bottom:24px;}
.sub05_sec02 .img_wrap .box img {width:100%;;}
.sub05_sec02 .img_wrap .box > div:last-child {padding-top:16px;    box-sizing: border-box;}
.sub05_sec02 .img_wrap .box span {display:block;}
.sub05_sec02 .img_wrap .box span:nth-child(1) {font-size:13px; font-weight:400; color:#1a1a1a; line-height:20px; text-align:center;letter-spacing:-0.03em;}
.sub05_sec02 .img_wrap .box span:nth-child(2) {font-size:14px; font-weight:700; color:#1a1a1a; line-height:20px; text-align:center;letter-spacing:-0.03em;padding:8px 0 4px;position:relative;}
.sub05_sec02 .img_wrap .box span:nth-child(3) {font-size:13px; font-weight:400; color:#6a6a6a; line-height:20px; text-align:center;letter-spacing:-0.05em;}


.sub05_sec03 {margin-bottom:56px;}
.sub05_sec03 .img_wrap {margin-top:80px;display:flex;flex-wrap:wrap; justify-content: space-between; align-items: flex-start;}
.sub05_sec03 .img_wrap .box {position:relative;width: calc(50% - 8px);}
.sub05_sec03 .img_wrap .box img {width:100%;}
.sub05_sec03 .img_wrap .box::after{position:absolute;content:"";width:auto;padding:0 16px;height:25px;background: #5e5e5eba;top:0;left:0;color: #ffffff;font-size:12px;font-weight:400;line-height:25px;}
.sub05_sec03 .img_wrap .box:nth-child(1)::after {content:"PARKING ZONE";}
.sub05_sec03 .img_wrap .box:nth-child(2)::after {content:"MECHANIC CENTER";}
.sub05_sec03 .img_wrap .box > div:last-child {padding-top:16px;box-sizing: border-box;}
.sub05_sec03 .img_wrap .box span {display:block;}
.sub05_sec03 .img_wrap .box span:nth-child(1) {font-size:14px; font-weight:700; color:#1a1a1a; line-height:20px; text-align:center;letter-spacing:-0.03em;margin-bottom:4px;}
.sub05_sec03 .img_wrap .box span:nth-child(2) {font-size:13px; font-weight:400; color:#6a6a6a; line-height:20px; text-align:center;letter-spacing:-0.05em;}



.sub05_sec04  {margin-bottom:56px;}
.sub05_sec04 img {width:100%;}

.sub05_sec05 .map_area {margin:40px 0;}
.sub05_sec05 .txt {font-size:14px; color:#6a6a6a; line-height:20px; text-align:center;letter-spacing:-0.03em;}
.sub05_sec05 .txt > div span {font-weight:700;color:#1a1a1a;}
.sub05_sec05 .txt > div {font-weight:700}
.sub05_sec05 .txt div:first-child {margin-bottom:16px;font-weight:400;}
.sub05_sec05 .txt > div a {color:#6a6a6a;}


/* BASIC css end */

