* {
    margin:0 auto; 
    padding:0;
    list-style:none;
    font-family:"맑은 고딕";
    

}
body {
    width: 1200px;
    background-color: #fffbe2; /*연한베이지*/
    
}

a {
    text-decoration: none; 
    color: inherit;
    
}

#clear {
    clear:both;/*float 속성을 끊는다.*/
}

button {
    cursor:pointer;
}

header {
    width:1200px;
	
    color: #fff;
}

/*---------------------여기부터 우측 아이콘메뉴*/
#iconmenu {
    position: fixed;
    width: 60px;
    height: 220px;
    margin-left: 1200px;
    margin-top: 30px;
    float: right;
}

.homeicon {
    cursor: pointer;
}

.shopicon {
    cursor: pointer;	
}

#shopboticon {
    display: none;
}

#shopfbicon {
    display: none;
}

#shopinstaicon {
    display: none;
}

#shoptwiticon {
    display: none;
}


.shopbox {
    cursor: pointer;
		width: 430px;
    height: 60px;
}

#searchbox {
    width: 430px;
    height: 60px;
}

.searchicon {
    cursor: pointer;
    float: left;
}

.searchbox {
    float: left;
    width: 300px;
    height: 60px;
    
}


#searchtext {
    border: 2px solid #2c3d24;
    float: left;
    width: 100px;
    margin-top: 15px;
    text-align: center;
    display: none;
    font-weight: bold;
}

#searchbutton {
    width: 50px;
    float: left;
    border: 2px solid #2c3d24;
    background-color: #e9b23d;
    color: #2c3d24;
    margin-top: 15px;
    display: none;
    font-weight: bold;
    margin-left: 2px;
}

.topicon {
    cursor: pointer;
    margin-top: 4px;
}



/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ여기부터 로고*/


/*-------------------------- 여기서부터 메뉴화면 -------------------------*/

#logo_menu {
    float: left;
    width:1200px;
    height:150px;
    /*float: inherit;*/
}

#logo_menu img {
    margin-top: 80px;
    
    width:330px;
    height:70px;
}

#logo_menu a {
    margin-top: 80px;
    margin-left: 435px;
}

nav {
    width:1200px;
    height:30px;
    float:left;
    background-color: #2c3d24;
    color:#222328; /*검정색*/

}

#menu_menu {
    width:1200px;
    float:left;
    margin-top:0px;
    color:#fffbe2; /*검정색*/
    text-align:center;
	
    
}

#menu_menu>li {
    float:left;
    transition:all 0.4s;
    
}

#menu_menu>li:hover {
    
    background-color:rgba(233, 178, 61, 1);
    color:#222328; /*검정색*/
        
}

.sub_menu {
    float: left;
    font-size: 100%;
    padding-left: 5px;
    padding-top: 3px;
    height: 26.8px;
    width: 110px;
    /*transition:all 0.4s;*/
}

.sub1_menu {
    float: left;
    font-size: 100%;
    padding-left: 5px;
    padding-top: 3px;
    height: 26.8px;
    width: 110px;
    /*transition:all 0.4s;*/
}

.sub2_menu {
    float: left;
    font-size: 100%;
    padding-left: 5px;
    padding-top: 3px;
    height: 26.8px;
    width: 110px;
	/*transition:all 0.4s;*/
}

.sub3_menu {
    float: left;
    font-size: 100%;
    padding-left: 5px;
    padding-top: 3px;
    height: 26.8px;
    width: 110px;
    /*transition:all 0.4s;*/
}

.sub4_menu {
    float: left;
    font-size: 100%;
    padding-left: 5px;
    padding-top: 3px;
    height: 26.8px;
    width: 110px;
    /*transition:all 0.4s;*/
}


.login_menu {
    margin-left: 380px;
    float: right;
    
	color: #222328;
    font-size: 90%;
    padding-left: 5px;
    padding-top: 5px;
    height: 24.8px;
    width: 110px;
	background-color: rgba(233, 178, 61, 1);
    /*transition:all 0.4s;*/
}

.login_bar_menu {
    float: left;
    margin-top: 5px;
    color: #c1bfbf;
    font-size: 90%;
    /*transition:all 0.4s;*/
}

.join_menu {
    
    color: #c1bfbf;
    float: right;
    font-size: 90%;
    padding-left: 5px;
    padding-top: 5px;
    height: 24.8px;
    width: 110.6px;
    /*transition:all 0.4s;*/
}

nav>ul>.join_menu:hover {
    background-color:rgba(233, 178, 61, 1);
    
}


/*----------------------- 여기부터 로그인창*/

#loginbox {
	width: 1200px;
	height: 800px;
}	

#logintitle {
	margin-top: 500px;
	width: 1200px;
	height: 50px;
	color: #2c3d24;
	font-weight: 600;
	font-size: 200%;
	margin-left: 435px;
	text-align: center;
	
}

#idbox {
	
	color: #2c3d24;
	margin-top: 70px;
	
}



#id {
	margin-left: 450px;
	width: 300px;
	height: 50px;
	display: inline;
	background-color: rgba(233, 178, 61, 0.4);
	border: 1px;
    border-radius:20px;
	display: inline;
	text-align: center;
	font-weight: 1000;
	font-size: 20px;
	color: #2c3d24;
}



#pw {
	width: 300px;
	height: 50px;
	background-color: rgba(233, 178, 61, 0.4);
	border: 1px;
    border-radius:20px;
	margin-left: 450px;
	margin-top: 10px;
	text-align: center;
	font-weight: 1000;
	font-size: 20px;
	color: rgb(44, 61, 36);
}

#autologincheck {
	width: 10px;
	height: 10px;
	background-color: rgba(233, 178, 61, 0.4);
	border: 1px;
    margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: 1000;
	font-size: 20px;
	color: #2c3d24;
}

#autologin {
	width: 50px;
	height: 50px;
	margin-left: 460px;
	margin-top: 10px;
	text-align: center;
	font-weight: 1000;
	font-size: 12px;
	color: #2c3d24;
}

#myidpw {
	width: 50px;
	height: 50px;
	margin-left: 65px;
	margin-top: 10px;
	text-align: center;
	font-weight: 1000;
	font-size: 12px;
	color: #2c3d24;
}

#myidpw:hover {
	width: 50px;
	height: 50px;
	margin-left: 65px;
	margin-top: 10px;
	text-align: center;
	font-weight: 1000;
	font-size: 12px;
	color: #2c3d24;
	cursor: pointer;
	border-bottom: 1px solid #2c3d24;
}

#loginbutton {
	width: 300px;
	height: 50px;
	background-color: rgb(44, 61, 36);
	border: 1px;
    border-radius:20px;
	margin-left: 450px;
	margin-top: 10px;
	margin-bottom: 60px;
	text-align: center;
	font-weight: 1000;
	font-size: 20px;
	color: rgba(233, 178, 61, 1);
	cursor: pointer;
}

#othertitle {
	width: 1200px;
	height: 50px;
	color: #2c3d24;
	font-weight: 600;
	font-size: 200%;
	margin-left: 440px;
	margin-top: 150px;
	text-align: center;
	
	
}

#morebutton{
	width: 10px;
	height: 10px;
	
}

#other {
	width: 300px;
	margin-top: 10px;
}

.other {
	margin-bottom: 10px;
}

/*--------------- 여기는 메뉴 - 푸터*/

footer {
    width:1200px;
    height:150px;
}

#footer_logo {
    width:200px;
    height:100px;
    float:left;
    margin-top: 10px;
}

#copyright {
    width:800px;
    height:50px;
    text-align: center;
    font-size: 70%;
    float: left;
    margin-left: 200px;
    padding-right: 50px;
    padding-top: 200px; /*패딩은 바깥여백/마진은 안쪽여백*/
}

#sns {
    width:250px;
    height:50px;
    padding-right: 15px;
    float: left;
    margin-left: 522px;
}

#sns img {
    width: 30px;
    height: 30px;
    margin: 10px;
}