@charset "utf-8";
/* CSS Document */


/*-------------------------------------------- banner 관련 - 시작 --------------------------------------------*/

.banner {
	display:inline-table;
	overflow:hidden;
	width:100%;
	background-color:#000;
	background-image:url(../img/mainBg1.png);
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:scroll;
}

.bannerIn {
	display:inline-table;
	position:relative;
	padding:1% 0;
	text-align:center;
}

.arrow {
	position:absolute;
	text-align:center;
	top:50%;
	display:table;
	width:100%;
	max-width:1100px;
}

.arrowLeft {
	display:inline-block;
	width:64px;
	float:left;
	text-align:left;
}

.arrowRight {
	display:inline-block;
	width:64px;
	float:right;
	text-align:right;
}

.dot {
	position:absolute;
	bottom:20px;
	width:100%;
}

.list {
	display:inline-block;
	width:12px;
	height:12px;
	margin:0 5px;
}


#bg {
	width:100%;
}

#m1 {
	position:absolute;
	top:50;
	left:0px;
}

#m2 {
	position:absolute;
	top:50;
	left:2000px;
}

#m3 {
	position:absolute;
	top:50;
	left:4000px;
}

.bannerIn img {
	width:98%;
	max-width:1100px;
}

.bannerInM0 {
	display:none;
	width:95%;
	padding:2% 0;
}

.bannerInMo img {
	display:none;
	width:100%;
}

/*-------------------------------------------- banner 관련 - 끝 --------------------------------------------*/

/*-------------------------------------------- search, menu, category 관련 - 시작 --------------------------------------------*/

.title {
	display:inline-table;
	width:100%;
	background-color:#191919;
}

.titEng {
	width:95%;
	max-width:1100px;
	padding-top:3%;
	text-align:left;
	font-size:18pt;
	font-family:Gulim;
	color:#fff;
}

.titKor {
	text-align:left;
	font-size:10pt;
	font-family:Gulim;
	color:#999;
	padding-left:20px;
}

.titExp {
	text-align:center;
	font-size:12pt;
	font-family:Gulim;
	color:#999;
}

.search {
	display:inline-table;
	width:100%;
	padding:2% 0;
	background-color:#191919;
}

.searchSub {
	display:inline-table;
	width:100%;
	padding:2% 0;
}

.search img {
	width:100%;
}

.searchIn {
	display:inline-table;
	width:80%;
	max-width:450px;
	background-color:#fff;
}

.searchInput {
	display:inline-block;
	width:90%;
	padding-top:10px;
	float:left;
	text-align:center;
}

.searchForm {
	width:95%;
	color:#343434;
	font-size:14pt;
	border:0px;
}

.searchBtn {
	display:inline-block;
	float:right;
	max-width:40px;
	background-color:#1758a7;
}

.iconMenu {
	display:inline-table;
	width:100%;
	padding:1% 0;
	background-color:#4f4f4f;
}

.iconMenuIn {
	width:95%;
	max-width:1100px;
	background-color:#4f4f4f;
}

.iconMenuBox {
	display:inline-block;
	float:left;
	width:12%;
	padding:1% 4%;
	text-align:center;
	color:#fff;
	font-family:Gulim;
	font-size:14pt;
}

.iconImg {
	width:100%;
	max-width:110px;
}

.category {
	display:inline-table;
	width:100%;
	background-color:#191919;
	padding-bottom:5%;
}

.categoryIn {
	width:95%;
	max-width:1100px;
	margin:auto;
}

.categoryBox {
	display:inline-block;
	float:left;
	padding:0.5%;
	width:19%;
}
.categoryBox img{
	width:100%;
	max-width:210px;
}

/*-------------------------------------------- search, menu, category 관련 - 끝 --------------------------------------------*/

/*-------------------------------------------- line 관련 - 시작 --------------------------------------------*/

.line {
	width:100%;
	background-color:#191919;
}

.lineIn {
	display:inline-table;
	width:95%;
	max-width:1100px;
	padding:1% 0;
}

.lineBlue {
	float:left;
	width:30%;
	height:2px;
	background-color:#1758a7;
}

.lineGray {
	float:right;
	width:70%;
	height:2px;
	background-color:#cccccc;
}

/*-------------------------------------------- line 관련 - 끝 --------------------------------------------*/

/* PC용 CSS */
@media all and (max-width:960px){
	
}

/* 태블릿용 CSS */
@media all and (min-width:768px){
	
}

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

.bannerIn {
	display:none;
}

.bannerInMo {
	display:inline-table;
	position:relative;
	padding:5% 0;
	text-align:center;
}

#mbg {
	width:100%;
}

#mb1 {
	position:absolute;
	top:20px;
	left:0px;
}

#mb2 {
	position:absolute;
	top:20px;
	left:1000px;
}

#mb3 {
	position:absolute;
	top:20px;
	left:2000px;
}

.bannerInMo img{
	display:block;
	width:95%;
}

.title {
	display:none;
}

.line {
	display:none;
}
.search,.searchSub {
	padding:5% 0;
}

.searchIn {
	max-width:none;
}

.searchInput {
	width:85%;
}

.iconMenuBox {
	font-size:9pt;
	padding:3% 4%;
}

.category {
	display:inline-table;
	width:100%;
	background-color:#191919;
	padding:5% 0;
}

.categoryBox {
	display:inline-block;
	float:left;
	padding:1%;
	width:48%;
}

.categoryBox img{
	width:100%;
	max-width:none;
}

}