/*모바일*************************************************************/
@media all and (max-width:1099px) {

/* 공통 */
.mo_view {display:block;}
.pc_view {display:none;}
body {font-size:13px; word-break: keep-all; overflow-wrap: break-word;}
#cont_wrap {width:100%; min-height:100px; margin:0 auto; padding:0; max-width:900px;}
.view_mo {display:block;}
#contp {width:100%; padding:70px 15px 15px 15px;}
#simg {height:200px; line-height:250px; font-size:30px;}
.nav {display:none;}

/* 헤더 */
#header {height:60px;}
#header:before {height:60px;}
#header .ci {left:15px; top:17px;}
#header .ci img {height:26px;}
#header .gnb {position:fixed; background:#333; top:60px; width:100%; padding:20px; z-index:-1; left:-100%;
-webkit-transition:all 0.5s ease .1s;
-moz-transition:all 0.5s ease .1s;
-ms-transition:all 0.5s ease .1s;
-o-transition:all 0.5s ease .1s;
transition:all 0.5s ease .1s;
}
#header .gnb.on {left:0; z-index:1;}
#header .gnb li {display:block; position:relative; z-index:1;}
#header .gnb li a {color:#fff; height:50px; line-height:50px; border-top:#444 1px solid; letter-spacing:5px; display:block;
	font-size:14px;
}
#header .gnb li:first-child a {border-top:0;}
#header .gnb:after {position:fixed; background:#111; width:100%; height:100%; opacity:0; top:60px; left:0; content:''; z-index:-1; display:none;
-webkit-transition:all 0.5s ease .1s;
-moz-transition:all 0.5s ease .1s;
-ms-transition:all 0.5s ease .1s;
-o-transition:all 0.5s ease .1s;
transition:all 0.5s ease .1s;
}
#header .gnb.on:after {opacity:0.8; display:block;}
#header .gnb>li ul {display:none;}
.quick {height:auto; top:auto; bottom:0; right:0; width:100%; overflow:hidden;
	padding:15px; transform:translateY(100%); transition: all 0.5s ease .1s;
}
.quick.on {transform:translateY(0);}
.quick li {width:49%; float:left; margin:0; height:auto; line-height:100%; padding:0; border:0;
	border-radius:7px;
}
.quick li div {font-size:13px; height:30px; line-height:30px; position:relative;}
.quick li:first-child div span+span {font-size:11px; margin-left:3px;}
.quick li a {font-size:14px; height:30px; line-height:30px; border:0 !important; width:100%;
	text-align:center; color:#111 !important; display:block;
}
.quick li+li {float:right;}
.btn_all {position:fixed; right:15px; top:15px; z-index:1003; display:block;}
.btn_all.on {position:fixed;}

.arrow {width:40px; padding:10px; border:#797d85 1px solid;}
.mcont_wrap .mcont h2 {font-size:20px; margin-bottom:30px;}
.mcont_wrap .mcont01 {height:65vh;}
.mcont_wrap .mcont01 ul.mt {transform:scale(2);}
.mcont_wrap .mcont01 .cg ul.st {line-height:14px; font-size:9px; align-items:center;}
.mcont_wrap .mcont01 .cg ul.st .c01 {font-size:12px; line-height:17px;}
.mcont_wrap .mcont01 .cg ul.st .c01 div {font-size:14px;}
.mcont_wrap .mcont01 .cg ul.st .c02 div {font-size:12px;}
.mcont_wrap .mcont01 .m_city {width:80%; left:10%;}
.mcont_wrap .mcont01 .subway {width:30px; left:10%;}
.mcont_wrap .mcont01 .subway02 {left:auto; right:10%;}
.mcont_wrap .mcont01 .road .line {width:75%;}
.mcont_wrap .mcont02 .arrow {margin:20px 5px 0 0;}
.mcont_wrap .mcont02 .slide_cont {flex-wrap: nowrap !important;   /* 자식 요소 줄바꿈 금지 */
  width: max-content !important;}
.mcont_wrap .mcont02 .slide_cont li {width: 80vw !important; font-size: 3vw;
    line-height: 150%; padding:10px; margin:0;
    
    /* [핵심] 자식 요소가 줄어들거나 찌그러지지 않게 방지 */
    flex-shrink: 0 !important;
    flex: unset !important;
    box-sizing: border-box;
}
.mcont_wrap .mcont02 .slide_cont li>div {font-size:10px; margin:30px 0;}
.mcont_wrap .mcont02 .slide_cont li>div span {font-size:24px;}
.mcont_wrap .mcont02 .slide_cont li dl {padding:0 15px;}
.mcont_wrap .mcont02 .slide_cont li dl:before {right:20px; bottom:20px; font-size:9px;}
.mcont_wrap .mcont02 .slide_cont li dl dt {font-size:17px; margin-bottom:10px;}
.mcont_wrap .mcont02 .slide_cont li .img_wrap {position:relative; width:100%; left:0; bottom:0; border-radius:10px;
	margin-top:15px; height:200px;
}
.mcont_wrap .mcont02 .icon {width:70%;}
.mcont_wrap .mcont03 .slide_cont_wrap {height:auto; width:80vw;}
.mcont_wrap .mcont03 .slide_cont li {width:100% !important;}
.mcont_wrap .mcont03 .slide_cont li>dl {position:relative; top:0; left:0; font-size:12px;}
.mcont_wrap .mcont03 .slide_cont li dl dt {font-size:14px; line-height:19px;}
.mcont_wrap .mcont03 .img_all {position:relative; width:100%; margin-top:20px;}
.mcont_wrap .mcont03 .arrow {position:relative; bottom:auto; left:0; margin-top:20px;}
.mcont_wrap .mcont03 .arrow_r {left:2px;}
.mcont_wrap .mcont04>div {width:90%;}
.mcont_wrap .mcont04>div dl {position:relative; top:0; left:0; font-size:12px; line-height:19px;
	transform: translateY(0); overflow:hidden; margin-bottom:20px;
}
.mcont_wrap .mcont04>div dl dt {font-size:16px; line-height:20px; float:left; margin-right:30px; display:none;}
.mcont_wrap .mcont04>div dl dd {text-align:left;}
.mcont_wrap .mcont04>div>img {width:100%;}
.mcont_wrap .mcont04>div dl dd img {width:120px; margin-top:10px;}

#footer {padding:20px 15px;}
#footer dl.wrap {font-size:12px; line-height:140%;}
#footer .wrap dt {font-size:14px; margin-bottom:5px;}
#footer .wrap .duck_foot, #footer .wrap .copy {font-size:9px; margin:5px 0; line-height:140%;}
#footer .wrap .duck_foot {font-size:2vw;}
#footer .wrap .footer_part {position:relative; right:auto; bottom:auto; width:50%; margin-top:5px;}
#footer .wrap .br {display:block; height:0;}

.duck_foot {font-size:9px; line-height:14px;}
.scont .duck_foot {margin-top:10px;}

.simg {height:30vh;}
.simg h2 {font-size:26px; padding:0; top:50%; position:absolute; left:50%; transform:translate(-50%, -50%);}
.simg .icon {width:100%;}

.tab {width:100%; border:0; left:0 !important;}
.tab li a {height:50px; line-height:50px; font-size:12px;}

.scont {width:100%; padding:0 15px; margin:40px 0;}
.scont h2 {font-size:19px; line-height:27px; margin-bottom:20px; display:block;}
.scont h2 div {font-size:21px; line-height:34px;}
.scont h2 div span {display:block;}
.scont h2 p {font-size:14px; margin:20px 0 0 0;}
.scont h2 p span {display:block;}
.scont h3 {font-size:16px; line-height:24px; margin-bottom:20px;}

.busip.sub01p .scont table tr {width:48%; padding:0; float:left;}
.busip.sub01p .scont table tr:nth-child(2n) {float:right;}
.busip.sub01p .scont table tr th {font-size:14px;}
.busip.sub01p .scont table tr th, .busip.sub01p .scont table tr td {padding:7px 0;}
.busip.sub02p .scont .sc01 ul li {width:100%; margin:15px 0 !important;}
.busip.sub02p .scont .sc01 ul li:first-child {margin-top:0 !important;}
.busip.sub02p .scont .sc01 ul li img {width:17%;}
.busip.sub02p .scont .sc01 ul li dl {margin-left:25%; font-size:3.2vw; line-height:150%;}
.busip.sub02p .scont .sc01 ul li dl dt {font-size:4vw;}
.busip.sub03p .scont {width:100%;}
.busip.sub03p .scont .slide_cont li {width:80%; font-size:3vw; padding:10px; line-height:150%;
	margin-top:30px !important;
}
.busip.sub03p .scont .slide_cont li:first-child {margin-top:0 !important;}
.busip.sub03p .scont .slide_cont li:nth-child(2n) {float:right;}
.busip.sub03p .scont .slide_cont li>div {font-size:10px; margin:30px 0;}
.busip.sub03p .scont .slide_cont li>div span {font-size:24px;}
.busip.sub03p .scont .slide_cont li dl {padding:0 15px;}
.busip.sub03p .scont .slide_cont li dl:before {right:20px; bottom:20px; font-size:9px;}
.busip.sub03p .scont .slide_cont li dl dt {font-size:17px; margin-bottom:10px;}
.busip.sub03p .scont .slide_cont li .img_wrap {position:relative; width:100%; left:0; bottom:0; border-radius:10px;
	margin-top:15px; height:200px;
}
.busip.sub04p .scont {position:relative; margin-top:0; padding-top:40px;}
.busip.sub04p .scont:before {height:38%; top:0;}
.busip.sub04p .scont h3 {position:relative; left:0; font-size:13px; line-height:19px;}
.busip.sub04p .scont .img_wrap {margin-top:20px;}
.busip.sub04p .scont .sc01 ul {width:100%;}
.busip.sub04p .scont .sc01 ul li {padding-bottom:80px;}
.busip.sub04p .scont .sc01 ul li dl dt {font-size:15px; line-height:25px; margin-bottom:10px;}
.busip.sub04p .scont .sc01 ul li dl dd {font-size:13px;}
.busip.sub04p .scont .sc01 ul li img {width:70px; bottom:7px; right:7px;}
.busip.sub04p .scont .sc01 ul li+li+li {padding-top:80px;}

.busip.sub05p .sc dl {position:relative; top:0; left:0; font-size:12px; line-height:19px;
	transform: translateY(0); overflow:hidden; margin-bottom:20px;
}
.busip.sub05p .sc dl dt {font-size:16px; line-height:20px; float:left; margin-right:30px;}
.busip.sub05p .sc dl dd {text-align:left;}
.busip.sub05p .sc>img {width:100%;}
.busip.sub05p .sc dl dd img {width:120px; margin-top:10px;}

}