/* BASIC css start */
#hdLogo { margin: 20px 0; text-align: center; }
#hdWrap { margin-bottom: 35px;}
#hdWrap #header { position: relative; width: 1371px; height: 592px; }
#hdWrap #header .hd-menu { padding: 14px 0 97px 0; }
#hdWrap #header .hd-menu .menu { zoom: 1; }
#hdWrap #header .hd-menu .menu:after { content: ""; display: block; clear: both; }
#hdWrap #header .hd-menu .menu li,
#hdWrap #header .hd-menu .menu a { float: left; width: auto; padding: 5px; }
#hdWrap #header .hd-menu .menu-r { position: absolute; top: 7px; right: 0; }
#hdWrap #header .hd-search { width: 160px; position:absolute; bottom: 0; left: 40px; }
#hdWrap #header .hd-search fieldset { border: 0; width: 205px; height: 22px;  } 
#hdWrap #header .hd-search .search-btn img { float:right; }
#hdWrap #header .hd-search .MS_search_word { border: 0; width: 120px; height: 22px; line-height: 22px; border-bottom:1px solid #000000;}
#MS_beecon_area{padding-left:0px; width:99px;}
#BeeconRbanEtc {left:-218px; top:35px}

#menu ul {margin:0; padding:0;}
#menu ul.box-wrap { width:1371px; height:183px; border:solid 1px #d4d4d4; border-width:1px 0; padding:25px 0;}
#menu li {float:left; display:inline-block; }
#menu .box { padding-left:60px}
#menu .m1 {width:182px;}
#menu .m2 {width:138px;}
#menu .m3 {width:125px;}
#menu .m4, #menu .m4 li {width:147px;}
#menu .m5 {width:264px; height:163px; position: relative; }
#menu .m6 {width:258px;}

#menu .m5 li {width:254px;}
#menu .m5 .sns-tit {padding:0 0 30px 60px;}
#menu .m5 .sns-icon {padding:0 0 30px 40px;}
#menu .m5 .sns-icon span {margin:0 10px;}
#menu .m5 .sns-icon span a:hover img {
	filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; 
} 

#quick-wrap {
	clear:both; position:fixed; top:0; right:0px; width:135px; height:100%; 
	z-index:980;
}
#quick-wrap #quick-bg {
	position:absolute; top:0; right:0; width:99px; height:100%; 
	background:#f6f6f6;
	border-left:solid 1px #ccc;
	z-index:990;
}
#quick-wrap #quick {
	position:absolute; 
	float:left;
	top:50%; margin-top:-364px; 
	right:0; 
	width:99px; height:729px; 
	z-index:999;
}
#quick-wrap .opner {
	position:absolute; 
	top:1px; left:-36px; 
	cursor:pointer;
}
#quick-wrap .btn-wrap {
	position:absolute; 
	top:30px;	right:0; 
	width:99px; 
}
#quick-wrap .btn-wrap ul {margin:0; padding:0; }
#quick-wrap .btn-wrap li {float:left; display:inline}
#quick-wrap .btn-wrap li.fvr {margin:30px 0 0;}
#quick-wrap .btn-wrap li a:hover img {
	filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; 
} 
#quick-wrap .q-top {
	position:absolute; 
	bottom:-90px; left:50%; margin-left:-18px; 
}

/*slide*/
.swiper-container {
        width: 100%;
        height: 100%;
        
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }



/*river_custom*/
#wrap {
    position: relative;
    overflow: hidden;
    min-width: 1371px;
}

#top {
    width: 100%;
    min-width: 1200px;
    z-index: 99 !important;
    height: 72px;
    font-size: 11px;
    background: #fff;
    font-size: 10px;
}

#top.fixed_top {
    position: fixed;
    width: 100%;
    top: 0;
}

#top .top_inner {
    width: 1371px;
    margin: 0 auto;
}


#top .top_inner .top_left {
    float: left;
    width: 400px;
    margin-top: 36px;
}

#top .top_inner .top_left span {
float:left;
}


#top .top_inner .top_left .header_menu {
margin-right:10px;
position:relative;
}

#top .top_inner .top_left .logo {
margin-right:10px;
}


#top .top_inner .top_right {
    float: right;
    width: 700px;
    margin-top: 36px;
}

#top .state {
    float: right;
    margin: 0;
    position: relative;
}

.state li {
    position: relative;
    display: inline-block;
    padding: 0 0 0 23px;
    margin: 0 0 0 24px;
}

.state li a {
    font-size:11px;
    color:#8d8887;
}
.state li a:hover {
color:#000;
}

.state li .bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 11px;
    background: #8d8887;
}

.state li .top_search {
position:relative;
}

.state li .top_search input.MS_search_word {
border:none;
border-bottom:1px solid #8d8887;
height: 18px;
}

.state li .top_search .search-btn  {
    position: absolute;
    top: 0;
    right: 0;
}

.main_slide {
display:none;
}

#lnb {
    height: 35px;
    line-height:37px;
    background: #fff;
    border-top:1px solid #605e5f;
    border-bottom:1px solid #605e5f;
}

#lnb.fixed_top {
    position: fixed;
    width: 100%;
    top: 72px;
    z-index: 9;
}

#lnb .lnb_inner {
    width: 1455px;
    margin: 0 auto;
}

#gnb .position > ul > li {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin: 0 26px;
}

#gnb .position > ul > li.last {
padding:0;
}

#gnb .position > ul > li > a {
    display: block;
    color: #383637;
    font-size: 12px;
}

#gnb .position > ul > li > .bottom_cate {
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -42px;
    background: rgba(255,255,255,0.8);
    border: 1px solid #e2d4cc;
    line-height: 20px;
    padding: 10px 0;
    width: 92px;
    text-align: center;
    z-index: 9999;
    display:none;
}

#gnb .position > ul > li > .bottom_cate li {
display:block;
width:100%;
line-height: 20px;
}

#gnb .position > ul > li > .bottom_cate a {
color:#555;
line-height: 20px;
width:100%;
display:block;
}

#gnb .position > ul > li > .bottom_cate a:hover {
background:#f9f9f9;
color:#111;
}



#content {
margin-top:30px;
}

.main_ban_4x1 {
margin-top:100px;
}




#aside_main {z-index:50; position:fixed; top:220px; right:0px; width:65px; color:#333 !important; height:350px;  text-align: center; display:none;}
.aside_list {margin-top:25px;}

.lol_list li{padding:0px;   text-align: center }


    .aside_con{
	  text-align:center;
      height:70px;
	}

    .aside_con>ul{
	  width:65px; height:20px; 
		}

	.aside_con>ul>li{
   position:relative;}

	.aside_con>ul>li>a{ }

	.aside_con ul li a:hover{color:#000;}


    .aside_con ul ul{display:none}

	.aside_con>ul>li:hover ul{
	   display:block; width:120px; height:25px;
	   position:absolute; top: 22px;    left: -13px; 	  float:left;
	}

	.aside_con li li{width:120px; height:21px; }



    .aside_con li li a:hover{		}


.all_menu {
    position: absolute;
    top: 36px;
    left: 0;
    width: 1125px;
    height: 690px;
    background: #a49388;
    display:none;
    z-index: 99;
}

.all_menu a:hover {
color:#000 !important;
}

.all_menu .login_box {
padding-left:38px;
height:74px;
line-height: 74px;
background:#b3a499;
}

.all_menu .login_box ul {
overflow:hidden;
}

.all_menu .login_box ul li {
float:left;
}

.all_menu .login_box ul li a {
padding-right:36px;
margin-right:36px;
border-right:1px solid #ece9e7;
color:#fff;
font-size:16px;
}

.all_menu .cate_box {
padding-left:38px;
padding-top:9px;
overflow:hidden;
}

.all_menu .cate_box span {
display:block;
float: none !important;
}

.all_menu .cate_box span.title {
font-weight:bold;
font-size:16px;
margin-bottom:15px;
color:#fff;
}

.all_menu .cate_box span.sns {
    margin-top: 35px;
}

.all_menu .cate_box span.customer {
    margin-top: 33px;
} 

.all_menu .cate_box span.event {
    margin-top: 37px;
}

.all_menu .cate_box span a {
color:#fff;
font-size:13px;
line-height:30px;
}

.all_menu .cate_box .con_01 {
width:157px;
float:left;
padding-top:26px;
}

.all_menu .cate_box .con_01 .img {
margin-bottom:30px;
}

.all_menu .cate_box .con_02 {
padding-left:57px;
width:152px;
border-right:1px solid #d2cac5;
float:left;
padding-top:16px;
height: 544px;
}

.all_menu .cate_box .con_03 {
padding-left:35px; 
width:188px;
border-right:1px solid #d2cac5;
float:left;
padding-top:16px;
height: 544px;
}

.all_menu .cate_box .con_04 {
 padding-left:34px;
 width:190px;
 border-right:1px solid #d2cac5;
 float:left;
 padding-top:16px;
 height: 544px;
}

.all_menu .cate_box .con_05 {
padding-left:41px;
float:left;
padding-top:16px;
height: 565px;
position:relative;
}

.all_menu .cate_box .con_05 .all_menu_close {
position:absolute;
bottom:0;
right:0;
}


#joinpoint {
    position: absolute;
    z-index: 199;
    top: -24px;
    right: -8px;
    height: 30px;
    line-height: 30px;
    color: #222;
    text-align: center;
    padding: 3px 0 0;
    background: url(/design/tommyboy79/river/tong_bg.png) no-repeat 50% 0;
}

.joinpoint {
    display: inline-block;
    animation-name: joinpoint;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@keyframes joinpoint {
    0% {
		 transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }
    10% {
		 transform: scale(1) rotate(0deg) translateX(0px) translateY(-3px) skewX(0deg) skewY(0deg);
    }
    20% {
		 transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }
    30% {
		 transform: scale(1) rotate(0deg) translateX(0px) translateY(-3px) skewX(0deg) skewY(0deg);
    }
    40% {
		 transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }
    100% {
		 transform:  scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }
}


.colorChange {
 animation-name:colorChange;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes colorChange {
    0%   {color: #8d8887;}
    25%  {color: #db6d56;}
    50%  {color: #8d8887;}
    100% {color: #db6d56;}
}

#joinpoint .text {
display: block;
    width: 44px;
    margin: 0px;
    text-align: center;
    font-size: 10px;
    color: #000;
}






/* BASIC css start */
/* µ¿ÀûÀ¸·Î »ý¼ºµÇ´Â ÅÂ±× */
.bx-wrapper{position:relative; width:100%}
.slide {width:100%; min-width:1366px;}
.slide img {width:100%; min-width:1366px;}
.slide a {width:100%; min-width:1366px;}
.main_slide{position:relative; width:100%;min-width:1366px; margin:0 auto; }
.main_slide .bxslider{overflow:hidden; min-width:1366px; height:auto; }
.main_slide .bxslider > li{float:left;}
.main_slide .bxslider > img{width:100%; min-width:1366px;}
.bx-prev{position:absolute; top:40%; left:30px;  }
.bx-next{position:absolute; top:40%; right:30px;  }



.css3button{
	padding: 5px 10px;
  
}
	
.css3button a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 84px;
	color: #fff;
    text-indent: -9999px
 
}


/* BASIC css end */



#prdBrand .item-wrap .item-list li .won {
border-top:none;
}

.new_title {
font-weight: bold;
    font-size: 33px;
    margin-bottom: 33px;
    text-align:center;
    color:#303030;
    margin-top:80px;
}


/*»ó´Ü ÃÖ»ó´Ü ¹è³Ê Ãß°¡ 2017-07-20 */
.top_ban_con {
width:100%;
position:relative;
}

.top_ban_con .ban_img {
    display: block;
    width: 100%;
    height: 70px;
    background: url(/design/tommyboy79/river/top_banner1.jpg) no-repeat 50% 50%;
}

.top_ban_con .close_btn {
    position: absolute;
    z-index: 5;
    bottom: 21px;
    right: 20px;
    cursor: pointer;
    }


/*¸®½ºÆ®ÆäÀÌÁö ¸®´º¾ó °øÅë css*/

.new_cate_tt {
    font-size: 18px;
    color: #a49388;
    margin-left: -23px;
    box-sizing: border-box;
        font-weight: bold;
}


.bst_btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 42px;
    height: 20px;
    line-height: 20px;
    background: #a49387;
    color: #fff;
    text-align: center;
    font-size: 12px;
}

.item-wrap .item-info {
    border-bottom: 1px solid #f4f4f4;
    position:relative;
}



#prdBrand .cate-wrap .item-order {
    float: none;
    position: absolute;
    top:16px;
    left:1080px;

}


.item-wrapbest .item-list li {
    margin-bottom: 20px;
}

.new_sort_list li {
padding-left:10px;
}

.new_sort_list li a span.on {
color: #ae0905;
    font-weight: bold;
}

.new_down_cate_list span {
margin-right:30px;
}

.new_down_cate_list span.last-child {
margin-right:0;
}

.new_down_cate_list span  a {
color:#585858;
}

.new_down_cate_list span .point {
font-weight:bold;
color:#111;
}


/* °í°´¼¾ÅÍ ¸®´º¾ó °øÅë css*/

.new_cscenter_box {
overflow:hidden;
color:#585858;
margin-top:80px;
}

.new_cscenter_box .title_box {
text-align:center;
color:#303030;
}

.new_cscenter_box .title_box .tt {
    font-weight: bold;
    font-size: 33px;
    margin-bottom: 33px;
}

.new_cscenter_box .title_box .num {
    font-size: 33px;
    font-weight: bold;
    color: #796d65;
}

.new_cscenter_box .title_box .text {
    margin-top: 30px;
    font-size: 13px;
    line-height: 20px;
} 

.new_cscenter_box .link_box {
    margin-top: 30px;
    overflow: hidden;
    border-left: 1px solid #8d8887;
    width: 603px;
    /* text-align: center; */
    margin: 0 auto;
    margin-top: 70px;
}



.new_cscenter_box .link_box .con {
float: left;
    width: 160px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    border: 1px solid #8d8887;
}


.new_cscenter_box .link_box .con a {
    display: block;
    font-size: 13px;
    line-height: 80px;
    color: #585858;
}

.new_cscenter_box .link_box .con {
margin-left:-1px;
}

.new_cscenter_box .link_box .left {
float:left;
}

.new_cscenter_box .link_box .left .top {
display:block;
overflow:hidden;
}

.new_cscenter_box .link_box .left .bottom {
display:block;
overflow:hidden;
margin-top:-1px;
}

.new_cscenter_box .link_box .right {
    float: left;
    width: 120px;
    height: 163px;
    line-height:163px;
    font-size: 20px;
    background: #a49388;
    color: #fff;
    text-align:center;
}

.new_cscenter_box .link_box .right a {
 color: #fff;
 display:block;
font-size:13px;
 line-height:163px;
}

.new_cscenter_box .noti {
    text-align: center;
    margin-top: 36px;
    margin-bottom: 50px;
    font-size: 15px;
    line-height:26px;
}

.new_cscenter_box .noti .last {
margin-top:10px;
color:#0f3884;
}

.new_cscenter_box .noti .last span {
text-decoration:underline;
}


.new_board_title {
font-size:14px;
width:140px;
height:40px;
line-height:40px;
margin:0 auto;
padding:3px 5px;
border:1px solid #8d8887;
    text-align: center;
    margin-bottom:50px;
    margin-top:50px;
    color:#585858;
}

#bbsData .bbs-link-btm {
overflow:hidden;
}

#bbsData .new_board_bk_btn {
display:block;
width:100px;
height:30px;
line-height:30px;
text-align:center;
background:#585858;
color:#fff;
float: right;
box-sizing:border-box;
}

#bbsData .new_board_wh_btn {
display:block;
width:100px;
height:30px;
line-height:30px;
text-align:center;
background:#fff;
color:#585858;
border:1px solid #585858;
float: right;
box-sizing:border-box;
}

#bbsData .new_board_txt_table {
border-top: 2px solid #6C6C6C;
}

#bbsData .new_board_txt_table tbody {
    border-top: 1px solid #000;
}

#bbsData .new_board_txt_table tbody tr {
    border-top: 1px solid #000;
}


#bbsData .new_board_txt_table tbody th, #bbsData .new_board_txt_table tbody td {
    padding: 6px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
        padding-left: 10px;
}


#bbsData .new_board_txt_table tbody th {
    background: #F8F8F8;
    font-weight: bold;
    color: #6B6B6B;
    padding-left: 10px;
    text-align:left;
}


/* BASIC css end */