@charset "utf-8";

/* @import url('http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@import url('http://fonts.googleapis.com/css?family=Lato:300,400,700');
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css'); */
@import url('/common/css/T0000007/bootstrap.min.css');
@import url('/common/css/T0000007/push-effects.css');

@import url('/common/css/T0000007/layout.css');
@import url('/common/css/T0000007/component.css');
@import url('/common/css/T0000007/icon.css');
@import url('/common/css/T0000007/idangerous.swiper.css');
@import url('/common/css/T0000007/common.css');
@import url('/common/css/T0000007/ui.purple.css');
@import url('/common/css/T0000007/ui.black.css');

@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'codropsicons';
	src:url('/common/fonts/codropsicons/codropsicons.eot');
	src:url('/common/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
		url('/common/codropsicons/codropsicons.woff') format('woff'),
		url('/common/codropsicons/codropsicons.ttf') format('truetype'),
		url('/common/codropsicons/codropsicons.svg#codropsicons') format('svg');
}

/* =============================================================================
Category : Media Queries
============================================================================= */

/*
col-xs-6 일반 스마트폰 세로, 가로
col-sm-4 고해상도 스마트폰 가로, 태블릿 세로
col-md-6 태블릿 가로
col-lg-4 와이드 스크린
*/

/* 메인, 서브메인 카테고리 링크 버튼 */
#category .item div,
#category .sub div { padding: 0; text-align: center; }
#category .item div a.block,
#category .sub div a.block { margin: 0 0 10px 0; }

@media only screen and (max-width: 767px) { /* col-xs, 스마트폰 */		
	#category .item div:nth-child(odd) a.block,
	#category .sub div:nth-child(odd) a.block { margin-right: 5px; }
	#category .item div:nth-child(even) a.block,
	#category .sub div:nth-child(even) a.block { margin-left: 5px; }
	.slide-max-height { max-height: 167px; }
	/* .btn-mname {position:absolute;bottom:0px;left:34%;z-index: 1000;}
	.btn-mname2 {position:absolute;bottom:0px;left:29%;z-index: 1000;}
	.btn-mname3 {position:absolute;bottom:0px;left:21%;z-index: 1000;}
	.btn-mname4 {position:absolute;bottom:0px;left:24%;z-index: 1000;}
	.btn-mname5 {position:absolute;bottom:0px;left:28%;z-index: 1000;}
	.btn-mname6 {position:absolute;bottom:0px;left:10%;z-index: 1000;} */
}
@media only screen and (min-width: 768px) and (max-width: 991px) { /* col-sm, 고해상도 스마트폰 가로, 태블릿 세로 */
	#loginWrap {height:100%;background-image:url('/images/T0000007/login_bg.png'); background-position:center top;background-repeat:no-repeat; background-size:100% auto;}
	#loginWrap div {text-align: center;}
	#category .item div:nth-child(3n-1) a.block,
	#category .sub div:nth-child(3n-1) a.block { margin: 0 10px 10px 10px; }
	.slide-max-height { max-height: 196px; }
	/* .btn-mname {position:absolute;bottom:0px;left:43%;z-index: 1000;}
	.btn-mname2 {position:absolute;bottom:0px;left:40%;z-index: 1000;}
	.btn-mname3 {position:absolute;bottom:0px;left:34%;z-index: 1000;}
	.btn-mname4 {position:absolute;bottom:0px;left:34%;z-index: 1000;}
	.btn-mname5 {position:absolute;bottom:0px;left:38%;z-index: 1000;}
	.btn-mname6 {position:absolute;bottom:0px;left:29%;z-index: 1000;} */
}
@media only screen and (min-width: 992px) and (max-width: 1199px) { /* col-md, 태블릿 가로 */
	#loginWrap {height:100%;background-image:url('/images/T0000007/login_bg.png'); background-position:center top;background-repeat:no-repeat; background-size:100% auto;}
	#loginWrap div {text-align: center;}
	#loginWrap img {width:60%;}
	#category .item div:nth-child(odd) a.block { margin-right: 5px; }
	#category .item div:nth-child(even) a.block { margin-left: 5px; }
	#category .sub div a.block { margin: 0 5px 10px 5px; }
	#category .sub div:nth-child(4n-3) a.block { margin-left: 0; }
	#category .sub div:nth-child(4n) a.block { margin-right: 0; }
	.slide-max-height { max-height: 256px; }
}
@media only screen and (min-width: 1200px) { /* col-lg, 와이드 스크린 */
	#loginWrap {height:100%;background-image:url('/images/T0000007/login_bg.png'); background-position:center top;background-repeat:no-repeat; background-size:100% auto;}
	#loginWrap div {text-align: center;}
	#loginWrap img {width:60%;}
	#category .item div:nth-child(3n-1) a.block { margin: 0 10px 10px 10px; }
	#category .sub div a.block { margin: 0 5px 10px 5px; }
	#category .sub div:nth-child(4n-3) a.block { margin-left: 0; }
	#category .sub div:nth-child(4n) a.block { margin-right: 0; }
	.slide-max-height { max-height: 256px; }
}