@font-face{ 
		font-family : '³ª´®°íµñ'; 
		src:url('/!!Comm/NanumGothic.eot');
		font-weight: normal;
		font-style: normal;	
		}

	*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	body, html { height:100%; font-size: 100%; padding: 0; margin: 0;}

	body, form, div, img, table, tr, td, input, a, textarea{
		font-family: "³ª´®°íµñ", Trebuchet MS, Lucida Sans Unicode, Arial;
	}

	img{
		border:none;
		margin:0;
		padding:0;
	}

	a {
		color: #ccc;
		text-decoration: none;
		outline: none;
	}

	a:hover {
		color: #000;
	}




	.MAIN_Code {	
		position:absolute;
		top:0;
		left:200px;
		z-index:0;
		display:block;
		width:calc(100% - 200px);
		margin:0;
		padding:0;
		float: left;
	}






	.SUB_title {
		position: relative;
		z-index: 1;
		width: 100%;
		height:110px;
		overflow: hidden;
		margin: 0 0 0 0;
		border-top: 1px solid #FFFFFF;
		/*border-bottom: 1px solid #eeeeee;*/
		text-align: center;
	}

	.SUB_title section {
		clear: both;
		padding-top:22px;
		display: ;
		max-width: 1200px;
		margin: 0 auto;
	}

	.SUB_title_name {	
		padding-left:20px;
		float:left;
		font-size:20px; 
		color:#444444;
	}

	.SUB_title_route {	
		margin:10px 0 0 25px;
		width:230px;
		float:left;
		font-size:13px; 
		color:#444444;
		vertical-align:bottom;
		text-align: left;
		line-height:20px;
	}




	.SUB_main {
		position: relative;
		z-index: 1;
		width: 100%;
		overflow: hidden;
		margin: 0 0 50px 0;
		text-align: center;
	}

	.SUB_main section {
		clear: both;
		display: ;
		max-width: 1200px;
		margin: 0 auto;
	}

	.SUB_mainT{
		margin:40px 0 20px 0;
		width:100%;
		/*background:#fcfcfc;
		border-top: 1px solid #ececec;*/
	}

	.SUB_main_left {	
		width:50%;
		float:left;
	}

	.SUB_main_right {	
		width:47%;
		margin-left:2%;
		float:left;
	}



	/* ¿ÞÂʸ޴º ¹× Áß¾Ó¹èÄ¡ ------------------------------------------------------------------------------------------------------------------------------------------*/
	.MAIN_LeftMenu {
		position: fixed;
		top:0;
		left:0;
		z-index: 100;
		display:block;
		width:200px;
		height:1000px;
		margin:0;
		padding: 0;
		float: left;
		background:#47474b;
		overflow: hidden;
	}

	.MAIN_LeftMenuTOP{
		height:200px;
	}

	.MAIN_LeftMenuTOPbtn {
		width:110px;
		height:30px;
		background: #464649;
		border: 1px solid #646464;
		font-size: 12px;
		color:#f5f5f6;
		text-align:center;
		padding-top:6px;
		margin:10px 0 0 10px;
	}
	
	.MAIN_LeftMenuCATE{
		margin:10px;
		height:26px;
		border-bottom: 1px solid #464649;
		font-size:13px;
		color:#f5f5f6;	
		cursor:pointer;
	}

	.MAIN_LeftMenuSMALL {
		position:fixed;
		top:0px;
		left:0px;
		z-index:1;
		display:none;
		width:60px;
		height:40px;
		margin:0;
		padding: 0;
		background:none;
	}

	#leftMENU{color:#FFFFFF; height:24px; font-size:13px;}
	#leftMENU a{font-size:13px;}
	#leftMENU a:link{color:#FFFFFF; text-decoration: none}
	#leftMENU a:visited{color:#FFFFFF; text-decoration: none}
	#leftMENU a:active{color:#FFFFFF;}
	#leftMENU a:hover{color:#aaaaaa;}





	/* »ó´Ü¸¶Å© ------------------------------------------------------------------------------------------------------------*/
	.TOPvisual_tab {
		position: relative;
		z-index: 1;
		width: 100%;
		height:300px;
		overflow: hidden;
		margin: 0em;
		background:url("/!!Comm/SHOPmainVisual/overground1.png") top center no-repeat;
		text-align: center;
	}

		/* »ó´Ü¸¶Å© ------------------------------------------------------------------------------------------------------------*/
	.TOPvisualSUB_tab {
		position: relative;
		z-index: 1;
		width: 100%;
		height:500px;
		overflow: hidden;
		margin: 0em;
		background:url("/!!Comm/SHOPmainVisual/overground1.png") top center no-repeat;
		text-align: center;
	}




	/* notice ------------------------------------------------------------------------------------------------------------*/
	.NOTICE_tab {
		position: relative;
		z-index: 1;
		width: 100%;
		overflow: hidden;
		margin: 0 0 40 0;
		background:#FFFFFF;
		text-align: center;
		border-top: 1px solid #DDDDDD;
	}

	.NOTICE_tab section {
		clear: both;
		padding-top:1em;
		display: ;
		max-width: 1200px;
		margin: 0 auto;
	}


	.NOTICE_notice1 {
		float: left;
		width: 28%;
	}
	.NOTICE_notice2 {
		float: left;
		width: 41%;
	}
	.NOTICE_notice3{
		float: left;
		width: 30%;
	}

	.NOTICE_noticeBANNER1{
		clear:both;
		background-color:#fae100;
		color:#FFFFFF;
		height:48%;
		margin-left:10%;
		margin-top:60px;
		padding-top:2%;
	}
	.NOTICE_noticeBANNER2{
		clear:both;
		background-color:#35ac38;
		color:#FFFFFF;
		height:48%;
		margin-left:10%;
		margin-top:10px;
		padding-top:2%;
	}

	#noticeMENU{line-height:32px; font-size:12px;}
	#noticeMENU a{font-size:12px;}
	#noticeMENU a:link{color:#aaaaaa; text-decoration: none}
	#noticeMENU a:visited{color:#aaaaaa; text-decoration: none}
	#noticeMENU a:active{color:#aaaaaa;}
	#noticeMENU a:hover{color:#FFFFFF;}





	/* »óÇ°Áø¿­ ------------------------------------------------------------------------------------------------------------*/
	.MAIN_dadan {
		position: relative;
		z-index: 1;
		width: 100%;
		overflow: hidden;
		margin: 0 0 40px 0;
		background:#FFFFFF;
		text-align: center;
	}

	.MAIN_dadan section {
		clear: both;
		/*padding-top:1em;*/
		display: ;
		max-width: 1200px;
		margin: 0 auto;
	}

	.goods_dadanT{
		padding:0px 0 0 0;
		width:100%;
		border-top: 1px solid #ececec;
	}

	.goods_dadanT1{
		margin:2% 0 0 2%;
		float: left;
		text-align:left;
		line-height:23px;
		width:80%;
		font-size:20px;
		font-weight:bold;
		color:#434343;
	}

	.goods_dadanT2{
		margin:2% 0 0 0;
		float: left;
		text-align:right;
		width:16%;
		font-size:16px;
		font-weight:bold;
		cursor:pointer;
	}

	.goods_dadan {
		float: left;
		width: 25%;
	}




	/* FOOTER ------------------------------------------------------------------------------------------------------------*/
	.FOOTER_tab {
		position: relative;
		z-index: 1;
		width: 100%;
		overflow: hidden;
		margin: 0;
		padding-top:30px;
		background:#222222;
		text-align: center;
	}

	.FOOTER_tab section {
		clear: both;
		padding-top:1em;
		display: ;
		max-width: 1200px;
		margin: 0 auto;
	}

	.FOOTER_mark {
		float: left;
		width: 25%;
	}

	.FOOTER_intro {
		float: left;
		width: 73%;
	}

	#footerMENU{line-height:32px; font-size:12px;}
	#footerMENU a{font-size:12px;}
	#footerMENU a:link{color:#aaaaaa; text-decoration: none}
	#footerMENU a:visited{color:#aaaaaa; text-decoration: none}
	#footerMENU a:active{color:#aaaaaa;}
	#footerMENU a:hover{color:#FFFFFF;}






@media screen and (max-width: 80em) {
	/* »ó´Ü¸¶Å© ------------------------------------------------------------------------------------------------------------*/
	.TOPvisual_tab {
		background:url("/!!Comm/SHOPmainVisual/overground4.png") top center no-repeat;
	}
}







@media screen and (max-width: 67em) {

.SUB_main_left,
.SUB_main_right{
		width:90%;
		margin-top:30px;
		margin-left:5%;
		text-align:center;
}

	/* notice ------------------------------------------------------------------------------------------------------------*/
	.NOTICE_notice1{
		clear:both;
		width:90%;
		margin-left:8%;
		margin-bottom:30px;
	}
	.NOTICE_notice2{
		clear:both;
		width:90%;
		margin-left:5%;
		margin-bottom:30px;
	}
	.NOTICE_notice3{
		clear:both;
		width:90%;
		margin-left:5%;
	}

	.NOTICE_noticeBANNER1{
		width:100%;
		margin-left:0;
		margin-top:30px;
	}
	.NOTICE_noticeBANNER2{
		width:100%;
		margin-left:0;	
		margin-top:10px;
	}

	/* FOOTER ------------------------------------------------------------------------------------------------------------*/
	.FOOTER_mark{
		float: none;
		width: 60%;
		padding: 0 0 35px 0;
		font-size: 90%;
	}

	.FOOTER_intro{
		float: none;
		width: auto;
		padding: 0 0 35px 0;
		font-size: 90%;
	}

}




@media screen and (max-width: 52.375em) {




	/* »ó´Ü¸¶Å© ------------------------------------------------------------------------------------------------------------*/
	.TOPvisual_tab {
		background:url("/!!Comm/SHOPmainVisual/overground4.png") top center no-repeat;
	}
	.TOPvisualSUB_tab {
		background:url("/!!Comm/SHOPmainVisual/overground4.png") top center no-repeat;
	}


	/* ¿ÞÂʸ޴º ------------------------------------------------------------------------------------------------------------------------------------------*/
	.MAIN_LeftMenu {
		display:none;
	}

	.MAIN_LeftMenuSMALL {
		display:block;
	}

	/* Áß¾Ó¹èÄ¡ ------------------------------------------------------------------------------------------------------------------------------------------*/
	.MAIN_Code {	
		left:0;
		width:100%;
	}

}




@media screen and (max-width: 32em) {

	.SUB_title {
		height:150px;
	}

	.TOPvisual_tab {
		background:url("/!!Comm/SHOPmainVisual/overground4.png") top center no-repeat;
	}
	.TOPvisualSUB_tab {
		background:url("/!!Comm/SHOPmainVisual/overground4.png") top center no-repeat;
	}

	/* »óÇ°Áø¿­ ------------------------------------------------------------------------------------------------------------*/
	.goods_dadan {
		width: 50%;
	}
}






/* Button Reset */
.button,
.button a,
.button button,
.button input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(/!!Comm/img/buttonWhite.gif) no-repeat; overflow:visible; color:#333;}
.button { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.button a,
.button button,
.button input{ left:2px; vertical-align:top; cursor:pointer;}

/* Button Size */
.button.large { height:29px; background-position:left -30px; }
.button.xLarge { height:35px; background-position:left -65px; }
.button.small { height:18px; background-position:left -107px; }
.button a,
.button button,
.button input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top;}
.button.large a,
.button.large button,
.button.large input { height:30px; padding:0 10px 0 8px; font-size:16px; line-height:29px; background-position:right -30px;}
.button.xLarge a,
.button.xLarge button,
.button.xLarge input { height:35px; padding:0 10px 0 8px; font-size:20px; line-height:35px; background-position:right -65px;}
.button.small a,
.button.small button,
.button.small input { height:18px; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;}

/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{ color:#690;}
.button.green,
.button.green a,
.button.green button,
.button.green input { background-image:url(/!!Comm/img/buttonGreen.gif); color:#fff;}
.button.green *:hover,
.button.green *:active,
.button.green *:focus{ color:#ff0;}
.button.black,
.button.black a,
.button.black button,
.button.black input { background-image:url(/!!Comm/img/buttonBlack.gif); color:#fff;}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{ color:#ff0;}
.button.red,
.button.red a,
.button.red button,
.button.red input { background-image:url(/!!Comm/img/buttonRed.gif); color:#fff;}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{ color:#ff0;}
.button.blue,
.button.blue a,
.button.blue button,
.button.blue input { background-image:url(/!!Comm/img/buttonBlue.gif); color:#fff;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{ color:#ff0;}

/* Button Text Strong */
.button.strong * { font-weight:bold !important;}





/*GRID table*/	
.GRIDtable_start{
			text-align:left; background-color:#2e8ff8; font-size:12px; border-right:1px solid #e1e1e1; }
.GRIDtable_lineB{
			height:40px; text-align:center; color:#333333; font-size:12px; border-left:1px solid #bfc1cd; border-bottom:1px solid #bfc1cd; background:url('/00_ADMIN/COMMON/img/quick_back.jpg'); cursor:pointer;}
.GRIDtable_lineW{
			height:40px; text-align:center; font-size:12px; border-bottom:1px solid e9e9e9; border-left:1px solid #e1e1e1;}
.GRIDtable_lineWleft{
			padding-left:5px; height:40px; text-align:left ; font-size:12px; border-bottom:1px solid e9e9e9; border-left:1px solid #e1e1e1;}
.GRIDtable_lineWright{
			padding-right:5px; height:40px; text-align:right ; font-size:12px; border-bottom:1px solid e9e9e9; border-left:1px solid #e1e1e1;}