@charset "UTF-8";

.left_navi_tit {display:none}
.shop_a {display:none}
.shop_a2 {display:none}

@media  (max-width: 1670px) {
.box footer { margin-left: -27px; margin-top: 30px; max-width:200px; }
}

@media screen and (max-width: 980px) {
#section_1st { margin-top:0px; }
.left_navi_tit {display:inline-block}
.shop_a {display:inline-block}
.shop_a2 {display:inline-block}

.top_bar {display:none}
.top_tell  {display:none}
.logo_wrap { margin: 0 auto;  max-width: 100%;  height: 60px;  padding-top: 0px;}
.logo_wrap li{width:50%}
#header {
    position: relative;
    border-bottom: solid 0px #ccc;
    padding: 0em 0 0em 0;
    text-align: center;
    background: #fff ;
    max-width: 100%;
    height: 60px;
    margin: 0 auto;}
#top_navi {background:#333;
    text-align: right;
    height: 60px;
    margin: 0 auto;
    width: 100%;
    max-width: 1400px;
    line-height: 60px;}

.row > .col-6-medium.end_col4 {  width: 100%;}

}	

@media screen and (max-width: 1240px) {
#nav > ul > li { display: inline-block; padding: 5px 10px; }
}

@media screen and (max-width: 1090px) {
#nav > ul > li { display: inline-block; padding: 5px 0px; }
.PC_foot_select {display:none}
}

@media screen and (max-width: 1024px) {
.foot_cont .foot_logo {  float: none;  padding: 10px 0px 10px 0; text-align:center}
.foot_cont .copyright {  float: none;  padding: 10px 0px 10px 0; text-align:center}
.copyright2{  clear:both;   text-align:left }

}



@media screen and (min-width: 981px) {
.pc980 {display: inline-block}
.mo980 {display: none}
.br_pc {display:inline-block}
.br_mo {display:none}
}


@media screen and (max-width: 980px) {
.mo980 {display: inline-block}
.pc980 {display: none}
.br_pc {display:none}
.br_mo {display:inline-block}

.foot_bar {display: none}
.first_foot {display: none}
.foot_navi_div {margin:0 auto;  max-width:800px;   float: none; line-height: 60px; text-align:center}
.foot_navi_div li { width:25%}
.foot_navi_div a {padding: 0 2px;}
}



@media screen and (max-width: 840px) {

.copyright {width:100%;}
.copyright li { float: none;}
.foot_bar2 {display:none; }
.copyright2 { text-align:center; padding:20px; }
}



@media screen and (max-width: 736px) {
.box footer { margin-left: -14px; margin-top: 30px; max-width:200px; }
}

@media screen and (max-width: 680px) {
#top_search { width: 200px; float: right;}
.logo_wrap h1 img {width:85%; padding-top:4px;}
.top_navis_icon {width:36px; padding-top:8px}
.foot_navi_div {margin:0 auto;  max-width:100%;   float: none; line-height: 50px; text-align:center}
.foot_navi_div li { width:33.3%; border:1px solid #eee; margin-top:-1px }

.foot_navi_div li.bl_none {border-left:0;}
.foot_navi_div li.br_none {border-right:0px }


.foot_navi_div a {padding: 0 2px;}
.foot_navi_a, .foot_navi_a:link, .foot_navi_a:visited , .foot_navi_a:hover {font-size: 14px;  letter-spacing:-1px  }
.foot_navi.col-12 {padding-right: 0px !important;  padding-left: 0px!important;}
#footer .container {padding-right: 0px;  padding-left: 0px;}
}


.br_mo480 {display:none}
@media screen and (max-width: 480px) {
.br_mo480  {display:inline-block}
#wrapper .m_lnb .m_famsite li a { font-size: 1em!important;}	
	
#top_search  {display:none}
.top_tell  {display:none}
.logo_wrap {margin: 0 auto;  max-width: 100%; height: 56px;  padding-top: 0px;}
.logo_wrap li{width:100%}
.logo_wrap h1 img {width:230px; padding-top:4px;}

.box h3 { color: #fff; font-size: 32px; letter-spacing: -1px;}
.box p { color: #fff; font-size: 17px; font-weight: normal;  letter-spacing: -1px; line-height:180%}
.box .button {    padding: 5px 10px 5px 30px;font-size: 18px; height:45px ; line-height:180%}

.box1 { background: url(/fnc_images/main/main_bn3_1.png) center -60px no-repeat;  max-width: 456px;  margin: 0 auto;}
.box2 { background: url(/fnc_images/main/main_bn3_2.png) center -50px no-repeat;  max-width: 456px;  margin: 0 auto;}
.box3 { background: url(/fnc_images/main/main_bn3_3.png) center -40px no-repeat;  max-width: 456px;  margin: 0 auto;}

.foot_navi_div a {font-size:13px; padding: 0px 0px;  color: #333; font-weight:normal}
.foot_navi_div {margin:0 auto;  max-width:100%;   line-height: 130%; text-align:center}
.row > .col-12-small { width: 100%; margin-bottom:20px; }
.container { width: calc(100% -0px);}
.foot_cont .foot_logo { text-align:center; float: none;  padding: 25px 0px 0px 0;}
.foot_cont .foot_logo img {text-align:center;  width:50%}
.foot_cont .copyright { text-align:center; float: none; padding: 0px 20px 20px 20px; }
#main {   position: relative;  padding: 2em 0 2em 0;}
}	



@media screen and (max-width: 420px) {
.container { width: calc(100% - 0px);}
}	




@media screen and (max-width: 380px) {
.foot_navi_div a {font-size:13px; padding: 0px 0px;  color: #333;}
}




@media screen and (min-width: 981px) {
.mo_icon {display:none}
.mo_br {display:none}
.pc_br  {display:inline-block}
.980none  {display:inline-block}
.col51   {width:50%}
.col52   {width:50%; text-align:right }
.col52  p { padding:20px}
}


@media screen and (max-width: 980px) {
.pc_br  {display:none }
.mo_br {display:inline-block}
.mo_icon {display:inline-block}
.980none  {display:none }
.col51   {width:100%!important}
.col52   {width:100%!important}
.top_navis_icon { width: 15px; padding-top: 17px;}
#top_navi .top_navis a {padding: 0 10px;}
#titleBar { width:30% ;position: absolute;}
.row > .col-12-small {  margin-bottom: 20px !important;}
.foot_cont .copyright {   padding: 0px 0px 20px 0px;}
.copyright2 {  text-align: center;  padding: 20px 0;}

}


@media screen and (min-width: 481px) {
.mo_none480 {display:inline-block}
}

@media screen and (max-width: 480px) {
.mo_none480 {display:none}
.logo_wrap {background:#fff;  margin: 0 auto; max-width: 100%;  height: 60px; padding-top: 0px;}
.top_navis_icon {    width: 15px;  padding-top: 7px;}
#top_navi .top_navis a {  font-size: 13px!important; padding-right:10px; }
#top_navi .top_navis a:hover {   font-size: 13px;}
#top_navi {    height: 30px;  line-height: 23px;}
#titleBar { width:25% ; top:33px ;position:fixed  }

#section_1st {  padding-top: 100px;}
.amazingslider-nav-1{display:none !important;}

.row p {font-size:0.875rem; }
.logo_wrap {height: 70px; background:#fff;border-bottom: 0px solid #ccc}

#user_member_part_group th {display:none}
.hoverTable th{font-size: 0.875rem; word-break: keep-all;}
.hoverTable td{font-size: 0.875rem; word-break: keep-all;}
}




























#user_goods_list.basic>ul>li .img .quick_buy ul li {
	width: 50% !important;
	height: 50px !important;
	float: left !important;
	overflow: hidden !important;
	background: url(../images/basic_quick_divine.png) repeat-y right top !important;
}
}
#user_goods_list.basic>ul>li .img .quick_buy ul li {
	width: 50% !important;
	height: 50px !important;
	float: left !important;
	overflow: hidden !important;
	background: url(../images/basic_quick_divine.png) repeat-y right top !important;
}
.quick_buy {
	display: none
}
#user_goods_list.basic>ul>li .info ul li.satisfy {
	padding-top: 20px
}
#user_goods_list.basic>ul>li .info ul li.satisfy img {
	margin-right: 3px;
	width: 10px !important;
	float: left
}
#user_goods_list.webzine>ul>li .exp .info ul li.satisfy img {
	margin-right: 3px;
	width: 10px !important;
	float: left
}
#user_goods_list .name a {
	font-size: 1.1rem
}
.user_shop_paging span {
	background: #333 !important;
	color: #fff !important
}
#user_goods_list.basic>ul>li .tag p.recommend {
	border-radius: 3% !important;
	height: 35px
}
.count_arange .search input {
	float: left !important;
	width: 80% !important
}
.count_arange .search a {
	float: left !important
}
#goods li {
	height: 320px !important
}
.board_fr input {
	width: 50% !important
}
.board_fr .btn_darkgray {
	width: 60px !important
}
.user_pop_whole .user_pop_cart ul li.on a{color:#fff !important;}
.user_shop_control ul li.on a {
    color: #fff!important;}

@media (max-width: 1024px) {
#goods li {
	height: 300px !important
}

}
 @media (max-width: 900px) {
#goods li {
	height: 280px !important
}








#user_login_whole {padding-top:80px}












/***********************반응형 게시판 기능  *************************/
#user_board_list .number {
	display: none
}
#user_board_list .writer {
	display: none
}
#user_board_list .file {
	display: none
}
#user_board_list .hit {
	display: none
}
#user_board_read_information th {
	display: none
}

#user_board_list .date { width: 20% !important;}
.filename img {
	width: 15px !important;
}
}
@media (max-width: 800px) {
#goods li {
	height: 280px !important
}
#user_board_photo ul li {
	width: 48% !important
}
}
@media (max-width: 700px) {
#goods li {
	height: 370px !important
}

#whole #footer #info .layout #i_hours {
	float: none;
	width: 100%;
	border-top: #fff 3px solid;
}
#whole #footer #info .layout #i_bank {
	float: none;
	width: 100%;
}
#user_shop_arange .count_arange {
    float: none !important; clear:both; padding-top:10px;
}.user_shop_rowtable .phone input{width:20% }
#user_shop_whole .shop_login{float:none; width:100%} 
#user_shop_whole .no_member{float:none; width:100%; margin-top:10px;}
#user_shop_whole {width:95%; margin:0 auto}
.navigation  img{ display:none}
#user_shop_my_main #user_shop_my_menu {  width:100%!important;   float: none !important;}
#user_shop_my_main #user_shop_my_menu li {float:left; 
    border: #ccc 1px solid !important;
    padding: 0px 10px !important;
    margin: 0px 3px 3px 0px !important;}
#user_shop_my_main #user_shop_my_contents {   padding-left: 0px !important; } 

#user_shop_my_menu .title {  display: none;}
#user_shop_my_main #user_shop_my_menu ul.my_info {  margin-top: 0px;}

#user_shop_my_main #user_shop_my_contents .recent_orderlist {
padding-top:30px;     margin-bottom: 50px;    clear: both;}
#user_shop_my_main { padding-top: 20px!important;}
#user_shop_my_main #user_shop_my_menu ul.my_shop {   padding-bottom: 10px !important;  border-bottom: 0px solid #ddd !important; }

#user_shop_my_navi .navigation ul li p {  padding: 30px 0px 0px 0px !important;    font-size: 0.8rem;}
.recent_orderlist table th {font-size:13px}
#user_shop_my_main #user_shop_my_contents table th {    padding: 9px 3px ; line-height:130%}
}



@media (max-width: 600px) {
#goods li {
	height: 340px !important
}
#frequent li {
	height: 120px !important
}
#whole #footer #footer_container #f_menu a {
	padding: 0px 5px;
!important
}
#user_goods_view #goods_exp .image_view {
	width: 100% !important;float:none !important
}
#user_goods_view #goods_exp .goods_info {
	clear: both;width: 98% !important;margin:0 auto;float:none !important;
margin:0 auto
}
.exp .inner>div.stastic {
    width: 100% !important;
}
.exp .inner>div.stastic li{float:left !important; padding-right:10px;}
.exp .inner>div.info {
    width: 100% !important;
    min-height: 120px !important;
}


@media (max-width: 500px) {
#goods li {
	width: 22%;
	height: 300px !important
}

}
@media (max-width: 480px) {
#goods li {
	width: 22%;
	height: 280px !important
}
#frequent li {
	width: 25% !important
}
#user_goods_list.basic>ul>li {
	width: 45% !important
}
#user_goods_list .name a {
	font-size: 0.9rem;
}

#user_shop_my_navi .title p.point { font-size: 14px; padding: 0 0px!important;}
#user_shop_my_main #user_shop_my_contents .gray_btn {  padding: 0 3px!important; font-size:12px!important; }

.user_shop_cart .user_shop_item .info ul.item li.option_name {float:none; width:100%}
.user_shop_cart .user_shop_item .info ul.item li.option_price {float:none; width:100%}
.user_shop_cart .user_shop_item .info ul.item li.option_delete {float:none; width:100%}
.user_shop_cart .user_shop_item .info ul.item>li.option_count { float:none; width:100%!important; text-align: center;}
.user_shop_cart .user_shop_item .info ul.item>li.option_delete {
    position: relative!important;   border: 1px solid #ddd;  border-radius: 3px;  overflow: hidden; width:24px;}


.user_shop_cart .user_shop_item .info ul.item {    padding: 10px  10px!important;}
.user_shop_cart .user_shop_item .info ul.item>li.option_name { width: 100%!important; clear: both;}

.user_shop_coltable th {padding:4px; font-size:12px; ;}
.user_shop_coltable td {padding:4px;font-size:12px; ;


.user_shop_cart .user_shop_item .info h3 {  font-size: 1.0em!important;}
h2, h3, h4, h5, h6 {   font-size: 1.0em!important;}

#user_goods_view #goods_contents .goods_tab td{padding:8px 2px}

}


input[type="file"], input[type="checkbox"], input[type="radio"], select {
    margin: 0 0 0 0;
}