#wrapper{position:relative; background-color:#fff;}
#header{background:#fff	}
#mainHeader{padding:10px 7px; overflow:hidden;}
#footer{clear:both; padding:10px; background-color:#dcdcdd; color:#3f3e40;}
#footer .footerMenu{margin-bottom:5px;  text-align:center}
#footer .footerInfo{overflow:hidden; padding:7px; /*line-height:1.6em; height:1.6em;*/}
#footer .footerInfo .copyRight{float:left; line-height:13px}
#footer .footerInfo .power{float:right;padding:5px; padding-bottom:0}

.container_left, .container_right{padding:0; padding-bottom:10px; position:relative; box-sizing:border-box;}
.topContainer{overflow:hidden;}

@media only screen and	(max-width:600px) {
	.container_left{width:100%;float:none; }
	.container_right{width:100%;float:none;}		

	#wrapper.spacingWrapper .topContainer{background-color:#dcdcdd;}
	#wrapper.spacingWrapper .topContainer .container_left, #wrapper.spacingWrapper .topContainer .container_right{padding:10px;}
	#wrapper.spacingWrapper .topContainer .container_left{padding-bottom:0}
	#wrapper.spacingWrapper #articleViewContainer .container_left{padding:0; border-bottom:1px solid #a8aaab}		
	#wrapper.spacingWrapper .contentBox.bgBox4{border:1px solid #d0d1d2; border-top:0}
}

@media only screen and	(max-width:320px) {	
	#wrapper.spacingWrapper #articleListContainer .advertisementItem, 
	#wrapper.spacingWrapper #mainContainer .advertisementItem{
		width:320px; position:relative; left:-10px;
	}	
}

@media only screen and	(min-width:601px){	
	.container_left{width:55%; padding:15px; float:left;}
	.container_right{width:45%; padding:15px; float:left;}				
		
	.articleList > h2{border:0;}
	.contentBox{}
	.contentBox.bgBox1{background-color:#f6f6f6;}
	.contentBox.bgBox2{background-color:#fff;}
	.contentBox.bgBox3{background-color:#fff;border:0;}	
	.contentBox.bgBox4{background-color:#fff;border:1px solid #d0d1d2; border-bottom:0; border-top:0}
	.contentBox.bgBox5{background-color:#fff; border:0;}
	.contentBox.bgBox6{background-color:#fff; padding:0}
	
	.contentBox > h2{padding:7px;}
	.contentBox h2.bgTitle1{border:0; background-color:#fff}
	.contentBox h2.bgTitle2{border:0; background-color:#fff}	
	.contentBox h2.hiddenTitle{height:0; line-height:0; padding:0; text-indent:-10000px}	
	
	/* 경계선 설정을 위한 가상 요소 */
	.container_left:after{
		content:" "; 
		position:absolute; 
		border-right:1px solid #dedede;
		height:100%;
		top:0; right:0;
	}	
	
	.container_right:after{
		content:" "; 
		position:absolute; 
		border-left:1px solid #dedede;
		height:100%;
		top:0; left:-1px;
	}
}


/*	헤더 */
.top-nav {display:inline-block; height:21px; margin-top:4px; overflow:hidden; cursor:pointer; background:url(../_img/mobile_design.png) no-repeat; background-size:180px 110px; -moz-background-size:180px 110px; -webkit-background-size:180px 110px; line-height:300px;}
#header.SET_A #menu_button {width:25px; background-position:0px 0px;}
#header.SET_A #search_button {width:22px; background-position:-30px 0px;}

#header.SET_B #menu_button {width:25px; background-position:0px -25px;}
#header.SET_B #search_button {width:22px; background-position:-30px -25px;}

#mainHeader #logo{	display:block; }
#mainHeader #logo img{max-height:25px;}
#mainHeader h1 {display:none}
#mainHeader p{text-align:right; color:#fff; font-weight:bold; font-size:20px; line-height:44px}
#mainHeader p i{margin-right:4px}

#mainHeader .headerList{overflow:hidden}
#mainHeader .headerList li{float:left}
#mainHeader .headerList .headerLeft{width:20%; text-align:left;}
#mainHeader .headerList .headerCenter{width:60%; text-align:center;}
#mainHeader .headerList .headerRight{width:20%; text-align:right;}


#mainMenuContainer { 
	position:absolute; width:280px; height:100%; top:0; left:-290px; z-index:101000; transition:left .4s; 
	background-color:#000000; color:#fff; box-shadow:2px 2px 8px black;
	overflow:hidden;
}
#mainMenuContainer .mainMenuContainer-inner {position:relative; transform:translate(0,0); transition:transform 0 ease-out}

/* close btn 
#mainMenuContainer .mainMenuContainer-inner .closebox {position:absolute; top:0; right:0; z-index:101000; display:block;}
#mainMenuContainer .mainMenuContainer-inner .closebox a {position:relative; width:48px; height:48px; cursor:pointer; display:block;}
#mainMenuContainer .mainMenuContainer-inner .closebox a i.close-btn {position:absolute; display:block; overflow:hidden; width:21px; height:21px; left:50%; top:50%; margin-left:-10.5px; margin-top:-10.5px; background:url(../_img/mobile_design.png) -120px -25px no-repeat; background-size:180px 110px; -moz-background-size:180px 110px; -webkit-background-size:180px 110px; text-indent:-5000px; z-index:11;}
*/
#menuClose{position:absolute; padding:9px; top:0; right:0; z-index:102000;color:#fff; cursor:pointer;}

#mainMenuContainer #news-category-list{overflow:hidden;}
#mainMenuContainer #news-category-list li {float:left; width:50%; border-bottom:1px solid #333333; border-right:1px solid #333333; box-sizing:border-box;}
#mainMenuContainer #news-category-list li a {  color:#fff; padding:15px 10px; display:block; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; border-bottom:1px solid #232937;  border-right:1px solid #232937; }
#mainMenuContainer #news-category-list li:nth-child(even){border-right:0}
#mainMenuContainer #news-category-list li:nth-child(even) a{border-right:0}

#mainMenuContainer #search{background-color:#111; opacity:1; padding:7px}
#mainMenuContainer p.copy{margin:7px; text-align:center;}
#mainMenuContainer .menu { overflow:hidden; border-bottom:1px solid #333333; background-color:#000000; color:#fff;}
#mainMenuContainer .menu a {overflow:hidden; padding:15px; 10px;  border-bottom:1px solid #333333; display:block; color:#fff; cursor:pointer;}

#mainMenuContainer .menu a.on{color:#FFE400}
#mainMenuContainer .menu h2 {float:left;}
#mainMenuContainer .menu i {float:right;}

#mainMenuContainer #adminLogin #adminLoginForm{display:block; position:relative; padding:10px; padding-bottom:0}
#mainMenuContainer #adminLogin #adminLoginForm input{width:90%; margin:5px auto; padding:5px}
#mainMenuContainer .admin-login-menu{}
#mainMenuContainer .admin-menu{display:none}

#mainMenuContainer #wwwAdminLogin, #mainMenuContainer #wwwAdminLogout{display:none}
#editInventoryFrame {position:fixed; width:1020px; height:650px; overflow-y:auto; background-color:#fff; border-radius:7px; left:0; top:0; color:#333; padding:15px; display:none; }

#editInventory #closeEditInventory{ position:absolute; top:0; right:0; background:url(../_img/mobile_design.png) -150px 0px no-repeat; background-size: 180px 110px; cursor:pointer; width:15px; height:15px; line-height:100px; overflow:hidden; }
#editInventory > .body{overflow:hidden; margin:10px 0}
#editInventory .inventoryBox{float:left; width:31%; margin:0 1%; }

#editInventory .inventoryBox > h3{display:inline-block; padding:7px 10px; background-color:#ddd;}
#editInventory .inventoryBox .content{border:1px solid #dedede; margin:5px; margin-left:0; margin-top:0; /*padding:7px;*/ font-size:.8em}
#editInventory .inventoryBox#previewContainer .content{font-size:1em; width:100%}

#editInventory .inventoryBox #conditionContainer{border:0;}
#editInventory .inventoryBox #skinContainer{border:0;}
#editInventory .inventoryBox #skinContainer .item{width:100%; cursor:pointer;}
#editInventory .inventoryBox #skinContainer .item li{margin-bottom:15px; border:1px solid #dedede; display:none}
#editInventory .inventoryBox #skinContainer .item li.on{border:2px solid #333}
#editInventory .inventoryBox #skinContainer .item img{max-width:100%;}
#editInventory .inventoryBox #skinContainer .skinSummary{background-color:#000;line-height:1; padding:7px; color:#fff}
#editInventory .inventoryBox #skinContainer .skinSummary h4{margin:0; font-weight:bold;}
#editInventory .inventoryBox #skinContainer .skinSummary p{margin:0; font-size:.9em; margin-top:5px; letter-spacing:.1em; line-height:1.4em}
#editInventory .inventoryBox #previewInventory{overflow-y:visible}
#editInventory .inventoryBox .adModifySubmenu h4{margin-top:7px; font-weight:bold; background-color:#444; color:#fff; display:inline-block; padding:5px;}
#editInventory .inventoryBox .textareaRezise{width:95%; padding:5px; margin:0}
#editInventory #sectionBox input{border:0; display:inline; background:transparent}
#editInventory #sectionBox h3{background-color:#cecece; padding:7px; margin:7px 0; margin-bottom:0}
#editInventory #sectionBox i{cursor:pointer}
#editInventory #sectionBox .sectionControl{margin-top:5px; text-align:right}
#editInventory #sectionBox .sectionControl > span{cursor:pointer}



/* menu search */
#mainMenuContainer .mainMenuContainer-inner .menu-search {background-color:#000000; padding:7px; position:relative;}
#mainMenuContainer .mainMenuContainer-inner .menu-search small {display:none;}
#mainMenuContainer #mainSearchForm {display:block; position:relative; margin-right:40px;}
#mainMenuContainer #mainSearchForm .keyword {width:100%; height:35px; border:1px solid #212936; color:#fff; background-color:#333333; padding:0 12px; padding-right:33px; border-radius:25px;}
#mainMenuContainer #mainSearchForm .searchButton {position:absolute; right:7px; top:50%; margin-top:-12px; background-color:transparent;  width:22px; height:22px; background:url(../_img/mobile_design.png) no-repeat; background-size:180px 110px; -moz-background-size:180px 110px; -webkit-background-size:180px 110px; line-height:300px; background-position:-30px -24px; opacity:.8; overflow:hidden;}
#mainMenuContainer #mainSearchForm .search{padding:8px 10px 10px 10px; overflow:hidden; display:none;} 
#mainMenuContainer #mainSearchForm .searchForm{position:relative; width:100%; display:block;}

#subSearchForm{height:0; overflow:hidden; transition:height .5s; padding:0;}
#subSearchForm .searchForm{display:block; position:relative;margin:6px 15px 10px 15px}
#subSearchForm .keyword{width:100%; height:25px; border:0; padding:5px; margin:0; border-radius:0; padding-right:50px; box-sizing:border-box;}
#subSearchForm .searchButton{position:absolute; top:0; right:0; margin:0; height:25px;}


#hLayer{position:fixed; width:100%; height:100%; background-color:#111; top:0; z-index:100000; opacity:.6; display:none;}



/* top button */
#moblie-top-btn {transition:right 1s; position:fixed; display:block; overflow:hidden; width:45px; height:47px; line-height:300px; background:url(../_img/mobile_top.png) no-repeat; background-size:45px 47px; -webkit-background-size:45px 47px; -moz-background-size:45px 47px; right:-45px; bottom:10px; z-index:99;}
#moblie-top-btn a {display:block;}

/* banner */
.container_banner {margin-top:15px;}
.container_banner h2 {display:none;}
.container_banner p {display:inline-block; overflow:hidden; width:100%; height:50px; line-height:300px; background-position:center center; background-repeat:no-repeat; background-size:350px 40px; -moz-background-size:350px 40px; -webkit-background-size:350px 40px;}
.container_banner p a {display:block;}

/*.advertisementItem .imageBanner{overflow:hidden; width:100%; height:40px; text-indent:-10000px; background-position:center center; background-repeat:no-repeat; background-size:350px 40px; -moz-background-size:350px 40px; -webkit-background-size:350px 40px;}*/

/* banner contents type */
.container_banner p.ad-type-1 {background-image:url(/banner/mobile_banner1.png); background-color:#d4dde4; border:1px solid #c7d0d7;}
.container_banner p.ad-type-2 {background-image:url(/banner/mobile_banner2.png); background-color:#1c252c; border:1px solid #131a20;}

.browserInfo{}
.browserInfo h1{background-color:#28a6d8; padding:15px; color:#fff}
.browserInfo ul{font-size:1.4em}
.browserInfo li{padding:10px}

/* edit style */ 
.inventoryContainer .editBox, .advertisementItem .editAd{display:none}

.edit .inventoryContainer, .edit .advertisementItem{position:relative !important; border:1px solid #666; min-height:33px !important;}
.edit .inventoryContainer .editBox, .edit .advertisementItem .editAd{	
	display:block;
	position:absolute; bottom:0; right:0;
	line-height:33px;
	max-height:33px !important;
	padding:0 7px; 
	background-color:#111;
	color:#000;
	opacity:.9; font-weight:bold;	
	font-size:11px;
	cursor:pointer;
	border:1px solid #666; border-right:0; border-bottom:0;
	z-index:99000;
}

.edit .inventoryContainer .editBox{background-color:#dcecdd}
.edit .advertisementItem .editAd{background-color:#fae4e8}

#adminPreview .inventoryContainer, #previewContainer .inventoryContainer{ outline:0}
#adminPreview .inventoryContainer .editBox, #previewContainer .inventoryContainer .editBox{display:none}
h1.previewTitle{background-color:#222; color:#fff; padding:10px}

.advertisementItem {position:relative; text-align:center;}
.advertisementItem .networkAd{padding:0; overflow:hidden}
.advertisementItem .networkAd img{max-width:100%;}
.advertisementItem .imageBanner{overflow:hidden; display:block;}
.advertisementItem .imageBanner a{display:block; padding:0; margin:0;}
.advertisementItem .imageBanner img{max-width:100%; height:auto;  vertical-align:bottom;}