@charset 'UTF-8';

@media(max-width: 768px) {
	.swiper-button-next, .swiper-button-prev{
		display:none;
	}
	.swiper-container{
		/* height:320px; */
		height:729px;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
		top:20px;
	}
	.cont_1{
		max-width: 768px;
		min-width: 320px;
		padding-top:78px;
		/* height:270px; */
	}
	.searchArea{
		max-width:80%;
		min-width:80%;
		z-index:100;
	}
	.searchBox {
		width: 100%;
	}
	.searchBox dt {
		width:35%;
		box-sizing: border-box;
		padding:28px 13px 26px 13px;
	}
	.searchBox dt span{
		font-size:2rem;
	}
	.searchBox dd {
		float:right;
		width:61%;
	}
	.searchBox dd input {
		color: #606060;
		vertical-align: top;
		margin-top: 26px;
		width : -webkit-calc(100% - 74px); /* for Chrome, Safari */
		width :    -moz-calc(100% - 74px); /* for Firefox */
		width :         calc(100% - 74px); /* for IE */
		float:left;
	}
	.bandBg {
		max-width:768px;
		min-width:320px;
		height: auto;
	}
	.bandBgBtmContent {
		max-width: 768px;
		min-width: 320px;
		min-height:150px;
	}
	.countryAddress, .loginArea{
		float:none;
		width:100%;
	}
	.countryAddress dl {
		display: table;
		padding:40px 10px 10px;
		width : -webkit-calc(33.3% - 20px); /* for Chrome, Safari */
		width :    -moz-calc(33.3% - 20px); /* for Firefox */
		width :         calc(33.3% - 20px); /* for IE */
	}
	.countryAddress dt,.countryAddress dd {
		float:none;
		display: table-cell;
		height:auto;
	}
	.loginArea{
		display:none;
		/* padding:10px 0; */
	}
	/* .loginArea form{
		padding:10px;
		width:70%;
		margin:0 auto;
	} */
	.mainContents{
		max-width:768px;
		min-width:320px;
	}

	.cont_2 .floatL{
		position: relative;
		width:100%;
		float:none;
	}
	.cont_2 .floatL div{
		padding:20px;
	}
	.noticeNqnaMore .more{
		position: absolute;
		right:27px;
		top:19px;
	}
	.cont_2 .noticeNqnaMore p{
		padding:0;
	}

	.cont_2 .noticeNqnaInfo{
		padding:0;
		box-sizing: border-box;
		/* margin-top:-1px; */
		width:50%;
		float:left;
	}
	.cont_2 .noticeNqnaInfo.news{
		padding:0 6px 19px 27px;
	}
	.cont_2 .noticeNqnaInfo.faq{
		padding:0 27px 19px 6px;
	}
	.cont_2 .noticeNqnaInfo div {
		padding: 23px 27px;
		background: #fff;
		min-height: auto;
		height:181px;
	}

	.cont_2 .noticeNqnaInfo div:after{
		display: block;
		content: "";
		clear: both;
	}
	.cont_2 .noticeNqnaInfo div p.infoText {
		float:left;
		width:80%;
		height: auto;
		overflow: hidden;
		white-space: nowrap;
		color: #101010;
	}
	.cont_2 .noticeNqnaInfo.faq div p.infoText{
		height:70px;
	}

	.cont_2 .noticeNqnaInfo div p.date {
		clear:both;
		padding-top:10px;
	}

	.cont_2 .customerSvc {
		color: #fff;
		padding: 0;
		height: 206px;
		clear:both;
	}

	.cont_2 .customerSvc h3{
		padding: 36px 0 0 32px;
		line-height: 3rem;
	}
	.cont_2 .customerSvc h4{
		padding: 30px 0 0 32px;
		line-height: 3.6rem;
	}
	.cont_2 .customerSvc h4 span{
		padding-bottom:21px;
	}
	.cont_2 .customerSvc .kakaoLink{
		padding-left:32px;
	}
	.cont_3{
		padding-bottom:35px;
	}
	.cont_3 ul li{
		float: left;
		width:50% !important;
		padding: 0;
	}
	.cont_3 ul li:nth-child(even){
		padding-left:5px;
		width : -webkit-calc(50% - 5px) !important; /* for Chrome, Safari */
		width :    -moz-calc(50% - 5px) !important; /* for Firefox */
		width :         calc(50% - 5px) !important; /* for IE */
	}
	.cont_3 ul li:nth-child(3), .cont_3 ul li:nth-child(4){
		padding-top:5px;
	}

	.cont_3_img{
		position: relative;
	}
	.cont_3_img .more {
		position: absolute;right:10px;bottom:10px;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
		top:524px;
	}
	.swiper-inline-text h2{
		max-width: 768px;
		min-width: 320px;
		text-align: center;
		font-size:5.6rem;
	}
	.swiper-inline-text h3{
		max-width: 768px;
		min-width: 320px;
		text-align: center;
		font-size:2.1rem;
	}
}

@media(max-width: 320px) {
	.searchBox dt span{
		font-size:1.8rem;
	}
}