/**include css**/

/**common_layout**/
.wrap {
    overflow:hidden;
    display:block;
    width: 100%;
    min-width: 1280px;
    height: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#container{
	width:100%;
}
.layout_wrapper{
	width:1080px;
	margin:0 auto;
	clear:both;
}
.footer_wrapper{
	width:1080px;
	margin:auto;
	padding-top:40px;
}


/**header css**/
.header_wrap{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	min-width: 1280px;
	transition: all 0.3s;
	height:65px;
	background-color: transparent;
}	
.header{
    width: 100%;
	height:65px;
	padding:0 10px;
    min-width: 1280px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
	transition: all 0.3s;
}
h1.logo img {
    height: 34px;
    margin-left: 35px;
    padding: 16px 0;
    transition: all 0.3s;
}
.hd_sns{
	padding: 16px 40px;
    display: inline-block;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.hd_sns a{
	padding:0 5px;
}
.hd_sns a img{
	height:40px;
}


/**fonts**/
@font-face {
    font-family: 'Recipekorea';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/Recipekorea.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.font_recipe{font-family: 'Recipekorea';}


@font-face {
  font-family: 'LotteMartDream';
  font-style: normal;
  font-weight: 400;
  src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff') format('woff');
}
@font-face {
  font-family: 'LotteMartDream';
  font-style: normal;
  font-weight: 700;
  src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff') format('woff');
}
@font-face {
  font-family: 'LotteMartDream';
  font-style: normal;
  font-weight: 300;
  src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamLight.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamLight.woff') format('woff');
}
.lottemartdream * {
 font-family: 'LotteMartDream', sans-serif;
}


/* 페이징 관련 */
.paging{
    padding-top:50px;
	padding-bottom:50px;
    text-align:center;
}
.paging li {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 32px;
    height: 32px;
    margin-left: -1px;
    zoom: 1;
    cursor: pointer;
    color: #999;
    line-height: 32px;
    font-size: 14px;
    text-align:center;
    font-family:'noto-m'
}
.paging li a{
    display:block;
}
.paging li:hover a{
    color:#555
}
.paging li.current {
    color: #f80;
    background: #fff;
    border: 1px solid #e8e8e8;
}
.paging li.final{
    border:1px solid #ddd;
    text-indent:-9999px;
    cursor: pointer;
    background-image: url(/images/ico/ico_arr-gray_right2.png);
    background-repeat: no-repeat;
    background-size: auto 11px;
    background-position:center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.paging li.first{
    border:1px solid #ddd;
    text-indent:-9999px;
    cursor: pointer;
    background-image: url(/images/ico/ico_arr-gray_first.png);
    background-repeat: no-repeat;
    background-size: auto 11px;
    background-position:center;
}
.paging li.prev{
    border:1px solid #ddd;
    text-indent:-9999px;
    cursor: pointer;
    background-image: url(/images/ico/ico_arr-gray_left.png);
    background-repeat: no-repeat;
    background-size: auto 14px;
    background-position:center;
}
.paging li.next{
    border:1px solid #ddd;
    text-indent:-9999px;
    cursor: pointer;
    background-image: url(/images/ico/ico_arr-gray_right.png);
    background-repeat: no-repeat;
    background-size: auto 14px;
    background-position:center;
}
