@charset "utf-8";

html, body{
	height:100%;
}
.intro_wrap{
	width:100%;
	height:100%;
	background:url(/kor/images/main/intro.jpg) no-repeat;

	background-size: cover;
}
.intro_cont{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:300px;
	background:url(/kor/images/main/intro_bg.png) repeat;
	margin: 0 auto;
	text-align:center;
}
.intro_cont h1{
	text-align:center;
	padding:25px 0 15px
}
.intro_cont h1 img{
	width:286px
}
.intro_cont .intro_inner{
	width: 710px;
	margin: 25px auto;
}
.intro_cont .intro_inner:after{
	display: block;
	content: '';
	clear: both;
	height: 0;
	overflow: hidden;
}
.intro_cont .intro_inner .select{
	width: 320px;
	height: 65px;
	float: left;
	position: relative;
}
.intro_cont .intro_inner .select+.select{
	float: right;
}
.intro_cont .intro_inner .select h2{
	padding-bottom:2px;
	margin-bottom:5px;
	text-align:left;
	font-size:12px;
	color:#fff;
	letter-spacing:1px;
	font-family:'Gotham A', 'Gotham B';
	font-style:normal;
	font-weight:400;
	text-transform: uppercase;
}
.intro_cont .intro_inner .select .stx{
	width: 250px;
	height: 36px;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
}
.intro_cont .intro_inner .select .stx select {
	display: block;
	width: 250px;
	height: 36px;
	background: #221e1e;
	color: #fff;
	padding: 10px 0;
	font-size: 13px;
	font-weight: 700;
	text-indent: 10px;
	border: none;
}
.intro_cont .intro_inner .select .stx select option{
	width: 250px;
	overflow: hidden;
}
.intro_cont .intro_inner .select button {
	display: block;
	width: 60px;
	height: 36px;
	position: absolute;
	right: 0;
	bottom: 0;
	background: #221e1e url(../../../data/base/imgs/intro/arr_stx.jpg) 100% 50% no-repeat;
	border: none;
	padding: 0;
}

/*
.intro_cont .intro_inner .select_store .stx select {
	background-image: url(../imgs/stx_store.jpg);
}
*/


@charset "utf-8";
/*화면 흔들림 방지 추가*/
html{overflow-y:scroll}
html,body,div,input,h2,h3,h4,p,span,label{margin:0; padding:0; font-family:'맑은 고딕', Malgun Gothic; font-size:12px; line-height:18px;}
ul,li{padding:0;margin:0;list-style:none}
img{border:0}


.intro_cont ul {padding-top:25px; width:550px; margin: 0 auto;}
.intro_cont ul li{ margin-bottom:10px;float:left;  color:#7a7978; font-size:14.5px; font-weight:600; box-sizing:border-box; padding-top:13px; display: inline-block; padding-right:14px;  background:url(/kor/images/main/link_bar.png); 	width: 250px; height:65px; margin-right:10px;}
.intro_cont ul li a {color:#9d9d9c; text-decoration:none;}
.intro_cont ul li a:hover {color:#fff; text-decoration:none; }
.intro_cont ul li.none{  box-sizing:border-box; display: inline-block; padding-right:15px;  background:url(/kor/images/main/link_bar1.png);width: 200px;height:45px;}
.small_title{color:#fff; font-size:15px;font-weight:700; padding-top:10px;  padding-left:20px; }

/*
.intro_cont ul li{display:inline-block; line-height:85px; height:85px;}
.intro_cont ul li a{color:#9d9d9c; text-decoration:none;}
*/

@media screen and    (min-width:640px) and (max-width:1024px)  {

.intro_cont{
	position:absolute; 
	left:0;
	right:0;
	bottom:50;
	height:300px;
	background:url(/kor/images/main/intro_bg.png) repeat;
	margin: 0 auto;
	text-align:center;
}


}



@media screen and  (min-width:420px) and (max-width:639px)  {

.intro_cont{
	position:absolute; 
	left:0;
	right:0;
	bottom:0px;
	height:400px;
	background:url(/kor/images/main/intro_bg.png) repeat;
	margin: 0 auto;
	text-align:center;
}


}



@media screen and  (max-width:419px)  {

.intro_cont{
	position:absolute; 
	left:0;
	right:0;
	bottom:0px;
	height:550px;
	background:url(/kor/images/main/intro_bg.png) repeat;
	margin: 0 auto;
	text-align:center;
}

.intro_cont h1 img{
	width:220px
}

}