/************************************** 
** 반응형  css 
***************************************/
@media (max-width: 1600px) {
    /* section {
        width: 96%;
        max-width: 1600px;
        height: auto;
        max-height: 550px;
        margin: 0 auto;
        padding: 0 2%;
        background: #ffffff;
    } */
    .header .navBar {
        width: 96%;
        max-width: 1600px;
    }
}

@media (max-width: 1200px) {
	section {
        width: 94%;
    }   
    .footWrap .container {
        width: 94%;
    }
    .priceTable {
    flex-direction: column;
    }
        .priceTable .tableimg {
        width: 100%;
        margin-bottom: 30px;
        margin-right: 0;
        height: 300px;
        background-position: inherit;
    }
    .priceTable .table {
        width: 100%;
    }
}

@media (max-width: 896px) {	
    .header {
		border-bottom: 1px solid #000000;
	}
    .header .navBar {
        width: 94%;
        padding: 0px 3%;
        background: #101116;
        height: 60px;
    }
    .header .navBar .logo a {
        width: 90%;
    }
    .header .navBar .apply {
        padding-right: 40px;
    }
    .header .navBar > .lnb > li:last-child {
        text-align: center;
        font-size: 1.4em;
    }
    .subHeader {
        margin-top: 60px;
    }
    .header .navBar .menuBtn {
		opacity: 1;
    }
	.header .navBar .lnb {
		display: none;
	}
	.header.open {
		position: relative;
		left: 0;
	}
    .header.open .navBar .menuBtn {
        right: 15px;
        top: 20px;
    } 
    .header.open .lnb {
		display: block;
		/* position: absolute; */
		/* width: 100%; */
		margin: 0 auto;
		height: 100vh;
		top: 60px;
		left: 0;
		padding-top: 30px;
		z-index: 2;
		/* overflow: hidden; */
	}
	.header.open .lnb li {
		width: 60%;
		margin: 0 20% auto;
		line-height: 70px;
		font-size: 1.4em;
		/* color: #fff; */
		/* border-bottom: 1px solid #eaeaea; */
		border-radius: 0;
	}
    .header .navBar > .lnb > .point a {
        width: 60%;
        margin: 0 auto;
        padding: 0;
        display: inline-block;
        height: 50px;
        line-height: 50px;
        margin-top: 10px;
    }
    .header .navBar > .lnb .sub .container > a:hover {
        color: #272a36; 
        background-color: transparent ;
    }
	.header.open .lnb .sub {
		position: relative;
		left: 0;
		top: 0;
		padding: 0;
		box-shadow: none;
		background: #f5f5f5;
	}
	.header.open .lnb .sub .container {
		background: transparent;
	}
	.header.open .lnb .sub .container a {
		font-size: 1.2rem;
    }
    
    .sliderWrap {
        margin-top: 60px;
    }
	.inputBox {
		width: 90%;
	}
	.inputBox .infoList .input50 {
		width: 100%;
	}
	.inputBox .infoList .input40 {
		width: 70%;
	}
	.inputBox .infoList .input80 {
		width: 68.6%;
	}
	.btn.add {
		width: 100px;
		}
    .inputBox > ul li {
        width: 100%;
    }
    .infoList dl dd > input{
        width: 100%;
    }
}

@media (max-width: 769px) {
	html {
        font-size: 13px;
    }   
    .sliderWrap {
		/* margin-top: 60px; */
	}
	.sliderSection {
		max-height: 100%;
		height: 100%;
		padding: 0;
	}
	.sliderSection .container {
		width: 100%;
	}
	.sliderSection .container .row {
		width: 100%;
		margin: 0;
	}
	.sliderSection .sliderTxt .owl-carousel .owl-item.active .slide-text p br {
		display: none;
	}
	.sliderTxt {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 92%;
		max-width: 92%;
		padding: 7% 4% 2% 4%;
		overflow: hidden;
	}
	.sliderImg {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.serviceWrap > ul > li {
		padding-top: 20px;
		margin: 0;
	}
	.serviceWrap > ul {
		flex-direction: column;
	}
	.sendWrap {
		padding: 50px 0;
	}
    .sendWrap.ty02 {
        margin-top: 60px;
        padding:0;
    }
	.inputBox .infoList dl dt {
	}
	.inputBox .infoList .icon:before {
		left: 0;
    }
    .footWrap .container > ul > li a {
        padding: 0 18px;
    }
	.footWrap .siteInfo .ci {
		top: 6px;
		display: block;
		}
    .footWrap .container > ul > li.f_mnu3 .txt {
        padding: 0 18px;
    }
    .mapInfo .item {
        margin-left: 20px;
    }
    .mapInfo .car .carImg {
        margin-right: 20px;
    }
    .table .thead {
        display: none;
    }
    .table .tbody ul:first-child{
        border-top: 2px solid #555555;
    }
 }

@media (max-width: 520px) {    
    .mapInfo .subWay,
    .mapInfo .bus,
    .mapInfo .car{
        flex-direction: column;
        align-items: baseline;
    }
    .mapInfo .bus .busImg {
        margin-bottom: 20px;
    }
    .mapInfo .item {
        margin-left: 0;
    }
    .companyInfo > ul li br {
        display: none;
    }
    .faq .boardInfo .searchRss .formInput {
        width: 100%;
        position: relative;
        position: relative;
    }     
    .boardInfo .searchRss .formSelect {
        width: 31%;
    }
    .boardInfo .searchRss .formInput {
        width: 67%;
        padding-right: 0;
    }
    .table .tbody ul li:first-child {
        display: none;
    }    
    .table ul li {
        white-space: nowrap;
        display: inline-block;
        padding: 0;
        line-height: 20px;
        text-align: left;
        width: 10%;
    }
    .table .tbody ul {
        padding: 0.8rem 0;
    }
    .table .tbody ul li.title {
        display: block;
        font-size: 1.2rem;
        font-weight: 600;
    }
    .infoList dl dt {
        padding-bottom: 10px;
    }
    .infoList dl dd {
        margin-left: 0;
    }    
    .stepBox > ul li {
        width: 100%;
    }
    .stepImg > ul {
        grid-template-columns: repeat(1, 1fr);
    }
    .stepImg > ul li .titText {
        font-size: 20px;  
    }
    .triangle{
        border-width: 0;
    }

}