/* Scroll banner */	
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50%{
    -webkit-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  100%{
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }    
}

/* 2025 01 17 â�� ��ũ�� ��� ���� */    

@keyframes man_pic {
  0% {opacity:0; left:-80px;}
  100% {opacity:100%;}
}
    
@keyframes sale_support {
  0% {top:30px; opacity:0;}     
  50% {color:#fff;}
  100% {opacity:100%;}    
}
    
@keyframes annual_sales {
  0% {opacity:0;}     
  100% {opacity:100%;}    
}    
    
@keyframes flow_bg {
  0% {background: #fff url(/new/images/bottom/changub_bg.png) repeat center/cover;}     
  50% {background: #fff url(/new/images/bottom/changub_bg.png) repeat center right 453px/cover;}    
  100% {background: #fff url(/new/images/bottom/changub_bg.png) repeat center/cover;}    
}    
    
#chscroll_l{
    width:120px; height:340px; margin:5px 0; border-radius:15px; position:relative;
    background:#fff url(/new/images/bottom/changub_bg.png) repeat center/cover; 
    box-shadow:rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px; 
    animation:flow_bg 200s both infinite; animation-delay:6s;
    text-align:center; overflow:hidden;
}
    
.slogan{width:100%; animation:sale_support 2s both;} 
.slogan ul{display:flex; flex-wrap:wrap; justify-content:center; }    
.slogan ul .slogan_txt1{transform: translateY(15px);}
.slogan ul .slogan_txt2{transform: translateY(10px);} 
.slogan ul .slogan_txt3{transform: translateY(7px);}   
    
.photocon{width:100%; height:218px; position:absolute; top:123px;} 
    
.photocon p.photo{margin:0; animation:man_pic 2s both; animation-delay:1s;}
    
    
.photocon dl.subcon{
    background:#c11d66; width:100%; height:65px;
    position:absolute; bottom:0;    
}
.photocon dl.subcon dt{margin:11px 0 7px 0; animation:annual_sales 2s 1 backwards; animation-delay:2s;}
.photocon dl.subcon dd{animation:annual_sales 2s 1 backwards; animation-delay:3s;}    
/* 2025 01 17 â�� ��ũ�� ��� ��  */    

#scroll_left_bn{width:120px;position:absolute;z-index:99999;margin-top:5px;left:50%;margin-left:-680px;}
#scroll_right_bn{width:120px;position:absolute;z-index:99999;margin-top:5px;right:50%;margin-right:-680px;}	
@media(max-width:640px){#scroll_right_bn {display:none !important;}}


#changub_bn_l{width:120px;margin-top:5px;}
#changub_bn_r{width:120px;margin-top:5px;margin-bottom:7px;}	

#changub_contain_l{
    width:120px; margin:5px 0; border-radius:15px; background:#2350c5; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; 
    text-align:center; height:344px; font-weight:bold;
}

#changub_contain_l a:hover{color:#000;}

.changup_content p.solo{animation:rotate 2s ease-in-out infinite alternate;}


.chang_txt{display:inline-block; padding:12px 0 9px;}
.chang_txt .untact{font-size:16px; color:#fff; font-family: 'Nanum Gothic'; font-weight:bold;}
.chang_txt .untact span.ut_blue{font-size:16px; color:#0bfcff;}
.chang_txt .fantxt{
    font-size: 17px;
    color: #ff0000;
    font-family: 'Nanum Gothic';
    font-weight: bold;
    padding: 2px 7px 5px;
    background: #fff;
    margin: 5px 0 0 0;
    border-radius: 10px;
}

.changup_content{display:inline-block; height:275px; border-radius:10px 10px 15px 15px; background:#e5f3ff; width:100%;}
    
.changup_content dl{
   display: flex;
   width: 95%;
   justify-content: center;
   font-size: 12.5px;
   border-bottom: 1px solid #fff;
   line-height: 25px;
   letter-spacing: -1px;
   margin: 0 0 0 3px;
   font-family: 'Nanum Gothic';
}


.changup_content > dl:nth-child(5){
   border-bottom: none;    
}

.changup_content dl dt{padding:0 3px 0 0; width:50px; font-family: 'Nanum Gothic';}
.changup_content dl dd{padding:0 0 0 3px; color:#ff0000; font-family: 'Nanum Gothic';}

.franchise{
   background: #2347a7;
   border-radius: 10px;
   height: 42px;
   margin: 2px 8px;
   padding: 4px 0 0 0;
   border: 1px solid #2e4277;    
}
.franchise span{
    color:#fff; font-weight:bold;
    display: inline-block;
    line-height: 18px;
    font-family: 'Nanum Gothic';
}
.franchise b{
    color: #ffff99;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: -1px;
    font-family: 'Nanum Gothic';
}



/* Special ZONE */	
#sp_zone_wrap_2 {width:120px;margin-top:5px;margin-bottom:5px;}	
#sp_zone_wrap_2 .sp_zone {width:118px;text-align:center;padding:0;margin:0;height:184px;background:#ffffff;border:1px #D4D2D2 solid;border-top:none;}
#sp_zone_wrap_2 .sp_zone .sz_gdi {background:#ffffff;}
#sp_zone_wrap_2 .sp_zone .sz_ico {float:left;padding:0;margin:0;background:#ffffff;height:60px;width:59px;}	

#sp_zone_wrap_round .sp_contain{border-radius:10px 10px 15px 15px; background:#fff; padding:12px;}
#sp_zone_wrap_round .sz_icot{border-bottom:1px solid #e5e5e5; font-size:13px; padding:7px 0 7px 45px; font-family:'Nanum Gothic';}

#sp_zone_wrap_round .sz_gdi li:nth-child(6){border-bottom:none;}   

#tm_product .tm_tit{padding:10px 5px 5px 5px; color:#fff; font-size:13px; font-family:'Nanum Gothic';}

#tm_product .input_thema {
    border:none;
    color:#666666; width:100px; height:26px; font-size:14px; 
    margin-bottom:3px; padding:2px 0 0; 
    font-family:'Nanum Gothic'; text-indent:6px; 
    background:#f1f1f1; border-radius:10px;
    transition:all 0.5s;
}
#tm_product .input_thema:hover{background:#fff;}    
#tm_product .input_thema option {color:#646464;font-size:11px;font-family:'?��???';padding:2px 0;}    
#tm_product .tm_select_box{background:#fff; border-radius:10px 10px 15px 15px; padding: 10px 0; transition:all 0.5s;}
#tm_product .tm_select_box:hover{background:#ffff99;}
#tm_product #Select_Change{/*display:none;*/}
   


/* Certification banner */
#ja_bn{width:120px;padding-top:5px;padding-bottom:5px;}
#ja_bn2{width:120px;margin-top:10px;margin-bottom:15px;}	

/* SNS banner */
#sns{width:120px;padding-bottom:5px;cursor:pointer;}	
#sns ul{float:left;position:relative;}
#sns li{float:right;padding-bottom:5px;padding-left:5px;display:block;}
#sns li img:hover {opacity:0.8;}		
	
#sns2{width:120px;padding-bottom:5px;cursor:pointer;}	
#sns2 ul{float:left;position:relative;}
#sns2 li{padding-bottom:5px;display:block;}
#sns2 li img:hover {opacity:0.8;}		
	
/* Best thema item */	
#tm_zone2 {width:118px;margin-top:5px;padding-bottom:7px;border-radius:7px;}		
#tm_zone2 .input_thema {color:#646464;border:1px solid #ececec; width:100px;font-size:11px;margin-left:10px;margin-bottom:3px;padding:2px 0 0;font-family:'?��???';}
#tm_zone2 .input_thema option {color:#646464;font-size:11px;font-family:'?��???';padding:2px 0;}

/* Quck menu */
#q_menu2{width:120px;margin-top:5px;margin-bottom:5px;border:1px solid #e5e5e5;border-radius:7px;background:#fff;}
#q_menu2 ul{position:relative;}
#q_menu2 li{border-bottom:1px solid #e5e5e5; font-size:11px;text-align:center;padding:7px;}
#q_menu2 li a{font-size:11px;text-align:center;}
#q_menu2 li img{display:block;margin-left:32px;padding:5px;}
#q_menu2 li img:hover {opacity:0.8;}		
#q_menu2 li .todayG .thimg {width:90px;height:80px;margin:3px;border:1px solid #eee;}
#q_menu2 li .todaylist_ar{width:20px;padding-left:7px;float:right;color:#eaaaaa;}	
#q_menu2 .count {
    position: absolute;
    font-size: 11px;
    top: 10px;
    left: 65px;
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #E40408;
    color: #fff;
    text-align: center;
    font-family: '?��???';
    padding-top: 1px;
}



#q_order{width:120px; margin-top:5px; margin-bottom:10px;}
#q_order .pm_mat{height:30px;}
#q_order .pm_mat ul li{
    background:<?=$menu_bgcolor?>; text-align: center;
    padding: 7px 0 20px 0;
    border-radius: 15px 15px 0 0;
    color: #fff;
    font-family: 'Nanum Gothic';
    font-size: 15px;
}

#q_order .q_contain{background:#fff; text-align:center; padding:10px 0; border-radius:15px; box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;}
#q_order .q_contain .q_pd{padding:5px 0;}
    
#q_order .q_contain .count{
    position: absolute;
    font-size: 12px;
    top: 0px;
    left: 70px;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #E40408;
    color: #fff;
    text-align: center;
    padding-top: 1px;
    line-height: 17px;
}

#q_order .q_contain li .todayG .thimg{width:90px;height:80px;margin:3px; border:1px solid #eee;}
#q_order .q_contain li .todaylist_ar{width:20px;padding-left:7px;float:right;color:#eaaaaa;}

#q_order .q_contain a.qmenu{display:inline-block; width:120px; padding:50px 0 5px 0; font-size:13px; letter-spacing:-0.5px;}

#q_order .q_contain a.qi1{background: #fff url(/new/skin/etc/sroll_bn/qo_icon01.png) no-repeat 50% 25%; transition:all 0.2s;}
#q_order .q_contain a.qi1:hover{background-image:url(/new/skin/etc/sroll_bn/qo_icon01r.png);}
#q_order .q_contain a.qi2{background: #fff url(/new/skin/etc/sroll_bn/qo_icon04.png) no-repeat 50% 25%; transition:all 0.2s;}
#q_order .q_contain a.qi2:hover{background-image:url(/new/skin/etc/sroll_bn/qo_icon04r.png);}
#q_order .q_contain a.qi3{background: #fff url(/new/skin/etc/sroll_bn/qo_icon03.png) no-repeat 50% 25%; transition:all 0.2s;}
#q_order .q_contain a.qi3:hover{background-image:url(/new/skin/etc/sroll_bn/qo_icon03r.png);}
#q_order .q_contain a.qi4{background: #fff url(/new/skin/etc/sroll_bn/qo_icon02.png) no-repeat 50% 25%; transition:all 0.2s;}
#q_order .q_contain a.qi4:hover{background-image:url(/new/skin/etc/sroll_bn/qo_icon02r.png);}
#q_order .q_contain li:nth-child(3){border-bottom:none; padding-bottom:0 !important;}    
#q_order .q_contain li:nth-child(4){border-bottom:1px solid #e5e5e5; padding-bottom:20px !important;}
#q_order .q_contain .q_pst{position: relative;}    


/* season event */
.season_harvest{width:1100px; background:#ccd5f1; margin:30px 0 25px 0; display:inline-block;}
.season_harvest p{display:inline;}    
.season_harvest .bgoods{display:inline-flex; justify-content:center; width:100%; margin:15px 0 15px 0;}
.season_harvest .sgoods{display:inline-flex; justify-content:center; width:100%; margin:0 0 15px 0;}
.season_harvest ul li{margin: 0 1px; overflow: hidden; width:268px; height:200px; background:#fff; text-align: center;}    
.season_harvest ul li img {
    max-width: 80%;
    height: auto;
    transition: all 0.3s;
    margin: 15px 0 0;
    box-shadow:0 0;
}
.season_harvest ul li:hover img {transform: scale(1.1);}

/* season august event */
.season_august{width:1100px; background:#9ce7ff; margin:30px 0 25px 0; display:inline-block;}
.season_august p{display:inline;}    
.season_august .bgoods{display:inline-flex; justify-content: center; width: 100%; margin:15px 0 15px 0;}
.season_august .sgoods{display:inline-flex; justify-content: center; width: 100%; margin:0 0 15px 0;}
.season_august ul li{margin: 0 1px; overflow: hidden; width:268px; height:200px; background:#fff; text-align: center;}    
.season_august ul li img {
    max-width: 80%;
    height: auto;
    transition: all 0.3s;
    margin: 15px 0 0;
    box-shadow:0 0;
}
.season_august ul li:hover img {transform: scale(1.1);}



.season_family{width:1100px; background:#ebebeb; margin:0 0 25px 0; display:inline-block;}
.season_family p{display:inline;}    
.season_family .bgoods{display:inline-flex; justify-content: center; width: 100%; margin:15px 0 15px 0;}
.season_family .sgoods{display:inline-flex; justify-content: center; width: 100%; margin:0 0 15px 0;}
.season_family ul li{margin: 0 1px; overflow: hidden; width:268px; height:200px; background:#fff; text-align: center;}    
.season_family ul li img{
    max-width: 80%;
    height: auto;
    transition: all 0.3s;
    margin: 15px 0 0;
    box-shadow:0 0;
} 
.season_family ul li:hover img {transform: scale(1.1);}




/* free_card */
#free_card_bn{width:120px;margin-bottom:7px;cursor:pointer;}
#free_card_bn img:hover {opacity:0.8;rgba(0,0,0,.12);}	

#card_buy{width:120px; cursor:pointer; background:#ffcc00; text-align:center; margin-bottom:10px; border-radius:15px; box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px; transition:all 0.2s;}
#card_buy:hover{background:#99ffcc;}

#card_buy a{
    display:inline-block; padding:60px 0 16px 0;
    font-family: 'Nanum Gothic';
    font-size: 15px;
    font-weight: bold;
}


#card_buy a.cardbg{background:url(/new/skin/etc/sroll_bn/card_icon.png) no-repeat 50% 25%; transition:all 0.2s;}
#card_buy a.cardbg:hover{background-image:url(/new/skin/etc/sroll_bn/card_iconr.png);}


/* guide info banner */
#r_guide_bn{width:120px;margin-bottom:5px;cursor:pointer;}
#r_guide_bn img:hover {opacity:0.8;filter:grayscale(100%);}	
#r_top_bnt{width:120px;margin-bottom:5px;cursor:pointer;}
#r_guide_bn img:hover {opacity:0.8;}

#receipt_bn{width:120px; height:92px; border-radius:15px; background:#fff; box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px; text-align:center; overflow:hidden;}
#receipt_bn ul{padding:3px 0;}
#receipt_bn ul li a{font-family: 'Nanum Gothic'; color:#333333; font-size: 13px; display:inline-block; padding: 6px 0; font-weight: bold;}
#receipt_bn ul li a:hover{color:#ff0000;}

#receipt_bn ul li span.recep_blue{color:#006699;}
#receipt_bn ul li.doc_down{background:#6699cc;}
#receipt_bn ul li.doc_down a{color:#fff; padding:5px 0 7px 0;}
#receipt_bn ul li.doc_down b{color:#99ffff;}

/* jijeom admin */
#jj_admin_bnt{width:120px;margin-top:5px;margin-bottom:5px;cursor:pointer;}	
#jj_admin_bnt img:hover{filter:invert(100%);}
	
#main_guide_bn{width:110px;margin-bottom:5px;padding:5px;border-radius:7px;background:#d6e3e6;}
#main_guide_bn h3{text-align:center;margin-top:3px;margin-bottom:5px;}	
#main_guide_bn ul{position:relative;background:#fff;border-radius:7px;padding-bottom:3px;}
#main_guide_bn li{border-bottom:1px solid #d6e3e6;text-align:center;padding:7px;}
#main_guide_bn li a{font-size:12px;text-align:center;}	

	
/* copyright */
.info_wrap {width: 1100px;margin: 0 auto;}
.info_wrap { *zoom: 1;}
.info_wrap ul {float: left;margin-top: 0;margin-bottom: 10px;width:1100px;}
.info_wrap ul .company {float:left;width:830px;margin-bottom: 5px;line-height:180%;color:#333; position: relative;}
.info_wrap ul li.prize {float:left;margin-top:10px;width:270px;}
.info_wrap ul li.prize img {margin-left: 5px;float:right;} 	
.info_wrap .bar {padding:0 5px;font-size:10px;color:#B4B4B4;}	
.info_wrap ul .copyright {margin-top: 5px;}
.info_wrap strong {font-weight:bold;}	
.txtc_self {margin-bottom:15px;font-size:12px;line-height:180%;}