@charset "utf-8";

@import url(//fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900|Roboto:100,300,400,500,700,900);
@import url(//cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css);
@import url(../font/font.css);
@import url("board.css");
.fa,.fa:before,.fa:after,.far,.far:before,.far:after,.fas,.fas:before,.fas:after,*:before,*:after {font-family:'FontAwesome'}

#sit_rel,
#sit_siblings,
#sit_star_sns{display:none}
i,em,address,cite{font-style:normal}
input,
select,
textarea,
button{appearance:none;border-radius:0}
*:focus{outline:none}

#header *,
#footer *,
#index *,
#direct *,
#rank *,
#aside *,
#list *,
#couponz *,
#poplayer *,
#consult *,
#today *,
#member *{margin:0;padding:0;list-style-type:none;box-sizing:border-box;border:0;font-family:'Roboto','Noto Sans KR','NotoSans','Malgun Gothic','dotum','돋움','gulim','굴림','Tahoma'}

.btn,
#bbs *,
#detail *,
#shopinfo *,
#content *,
#group *,
#listskin *,
#viewskin *{margin:0;padding:0;list-style-type:none;box-sizing:border-box;border:0;font-family:'Roboto','Noto Sans KR','NotoSans','Malgun Gothic','dotum','돋움','gulim','굴림','Tahoma'}

/**/
#side_menu{position:fixed;top:0;right:0;z-index:4000;height:100%;background:#fff}
#side_menu .side_menu_wr{display:none;width:230px;overflow-y:auto;height: 100%;border-left:1px solid #cdcdcd;}
#btn_sidemenu{position:absolute;top:50%;left:-35px;width:35px;height:50px;margin-top:-25px;background:#fff;border:1px solid #cdcdcd;border-right:0;font-size:14px}
#side_menu .side_menu_shop{padding:10px 20px;border-bottom:1px solid #f3f3f3}
#side_menu .btn_side_shop{position:relative;background:none;border:0;width:100%;height:30px;text-align:left;font-weight:bold}
#side_menu .btn_side_shop span{position:absolute;top:5px;right:0;padding:0 5px;line-height:20px;border-radius:10px;color:#fff;background:#ed1c24}
#side_menu .side_menu_shop .op_area{ display:none;border-top:1px solid #f3f3f3;margin:5px 0}
#side_menu .side_menu_shop .op_area h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#side_menu .side_menu_shop .op_area li{border-bottom:1px solid #f3f3f3;position:relative;padding:10px 0;min-height:80px;padding-left:70px}
#side_menu .side_menu_shop .op_area li .prd_img{position:absolute;top:10px;left:0px}
#side_menu .side_menu_shop .op_area li .prd_cost{display:block;font-weight:bold;margin:3px 0 0}
#side_menu .side_menu_shop .op_area  .li_empty{padding:50px 0;padding-left:0;color:#999;border-bottom:1px solid #f3f3f3;text-align:center}

#sct_sortlst{padding-bottom:20px; display: none;}

/**/
#visual .tabs .v1:hover,#visual .tabs .v1.sel{background-color:#932724}
#visual .tabs .v2:hover,#visual .tabs .v2.sel{background-color:#90c0e1}
#visual .tabs .v3:hover,#visual .tabs .v3.sel{background-color:#69bdbe}
#visual .tabs .v4:hover,#visual .tabs .v4.sel{background-color:#c1ac9e}
#visual .tabs .v5:hover,#visual .tabs .v5.sel{background-color:#4ab6e6}
#visual .tabs .v6:hover,#visual .tabs .v6.sel{background-color:#98c175}
#visual .tabs .v7:hover,#visual .tabs .v7.sel{background-color:#989391}
#visual .tabs .v8:hover,#visual .tabs .v8.sel{background-color:#82888d}
#visual .tabs .v9:hover,#visual .tabs .v9.sel{background-color:#018631}

#direct .ba1 a{background-color:#bdcdd9;background-image:url(../img/ba1.png);background-repeat:no-repeat;background-position:100% 100%}
#direct .ba2 a{background-color:#b1ccc8;background-image:url(../img/ba2.png);background-repeat:no-repeat;background-position:100% 100%}
#direct .ba3 a{background-color:#d3cbc2;background-image:url(../img/ba3.png);background-repeat:no-repeat;background-position:100% 100%}
#direct .ba4 a{background-color:#e3e6db;background-image:url(../img/ba4.png);background-repeat:no-repeat;background-position:100% 100%}

/*
#prod .shop_icon_1{background-color:#999999}
#prod .shop_icon_2{background-color:#38a7e3}
#prod .shop_icon_3{background-color:#5dae86}
#prod .shop_icon_4{background-color:#566e9e}
#prod .shop_icon_5{background-color:#625aaf}
*/

#prod .shop_icon_1{background-color:#81cdff}
#prod .shop_icon_2{background-color:#ff7e81}
#prod .shop_icon_3{background-color:#6a9c96}
#prod .shop_icon_4{background-color:#3cb34b}
#prod .shop_icon_5{background-color:#95bd5d}

#prod .top_img{background-image: url(../img/top_img1.jpg); width: 100%;height: 400px;background-size: cover;background-repeat: no-repeat;}
#prod .top_img h2{font-size: 34px;text-align: center; position: relative; top: 164px;color: #fff; letter-spacing: 2px;}
#prod .top_img .top_tab_wrap{position: relative; z-index: 49;    width: 1200px;margin: 0 auto;text-align: center;}
#prod .top_img .top_tab{    height: 49px;background: RGBA(27,27,27,0.5);position: absolute;top: 283px; left: 0;width: 100%;clear: both;overflow: hidden;}
#prod .top_img .top_tab a{ width: 20%;display: block;height: 49px;line-height: 49px;color: #fff;font-size: 15px;float: left; border-right: 1px solid RGBA(54,54,54,0.3);}
#prod .top_img .top_tab a:hover{background: #1f2c3c;}
#prod .top_img .top_tab a.on{background: #1f2c3c;}



#event .ev1 div{background-color:#e3e6db;background-image:url(../img/ev1.png);background-repeat:no-repeat;background-position:100% 100%}
#event .ev2 div{background-color:#d9d9d7;background-image:url(../img/ev2.png);background-repeat:no-repeat;background-position:100% 100%}
#event .ev3 div{background-color:#d0dae0;background-image:url(../img/ev3.png);background-repeat:no-repeat;background-position:100% 100%}
 
/**/
#blind{position:absolute;z-index:99998;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.5)}
#ktleft{display:none;position:absolute;z-index:99999;top:0px;left:0px;width:260px;min-height:1000px;background:#4a4a4a;overflow:hidden}
#ktleft .title{height:70px;border-bottom:0px solid #1a98d5;background:#fff;overflow:hidden}
#ktleft .title a{float:left;display:block;padding:15px 10px;width:33.33%;line-height:20px;text-align:center}
#ktleft .title a i{display:block;font-size:20px;color:#1a98d5}
#ktleft .title a span{display:block;font-size:12px;color:#1a98d5}
#ktleft .menu{background:#1a98d5;border-bottom:1px solid rgba(255,255,255,0.5);overflow:hidden}
#ktleft .menu a{float:left;display:block;position:relative;padding:15px 0;width:33.33%;line-height:20px;text-align:center}
#ktleft .menu a:before{content:"";position:absolute;top:0;right:0;width:1px;height:70px;background:#1a98d5}
#ktleft .menu a i{display:block;font-size:20px;color:#fff}
#ktleft .menu a span{display:block;font-size:12px;color:#fff}
#ktleft .depth1{display:block;position:relative;padding:0 15px;line-height: 60px; font-size: 18px;color:#fff;border-bottom:1px solid rgba(255,255,255,0.1);transition:all 0.2s ease-out 0s}
#ktleft .depth1 strong{position:relative;top:-2px;padding:0 4px;height:14px;line-height:14px;font-size:10px;background:#ff0000;border-radius:30px}
#ktleft .depth1 span{font-style:normal;color:#ffa800}
#ktleft .depth1 em{position:absolute;z-index:2;top:0;right:4px;width:39px;height:39px;background:url(/web/seomun/img/common/plus.png) no-repeat 50% 50%;background-size:11px 11px}
#ktleft .depth1 i{display:block;float:right;margin:10px 5px 0 0; font-size: 35px;color:#fff;transition:all 0.2s ease-out 0s}
#ktleft .depth1.sel{color:#fff;border-bottom:1px solid #7a7a7a;background:#777}
#ktleft .depth1.sel em{background:url(/web/seomun/img/common/minus.png) no-repeat 50% 50%;background-size:11px 3px}
#ktleft .depth1.sel i{color:#000;transform:rotate(180deg);transition:all 0.2s ease-in-out 0s}
#ktleft .depth2{display:none;background:#373737}
#ktleft .depth2 a{display:block;padding:0 20px;border-bottom: 1px solid #5c5c5c;line-height: 54px;font-size: 16px;color:#fff;text-decoration:none}
#ktleft .depth2 a.sel{color:#81c341}

#closeleft{position:fixed;z-index:99999; left: 270px; top: 6px;color: #fff; font-size: 38px;}
#closeleft:before{/*content:"\e870";*/display:block;width:50px;line-height:50px;font-size:24px;color:#777;text-align:center;transform:rotate(180deg);transition:all 0.2s}
#closeleft:before:hover{transform:rotate(-180deg)}

#main #quick{display: none; position:absolute;z-index:1000;top:770px;left:50%;margin-left:-720px;width:100px;transition:all 0.3s}
#main #today{display: none;position:absolute;z-index:1000;top:770px;right:50%;margin-right:-720px;width:100px;transition:all 0.3s}
#main #quick.fixed,
#main #today.fixed{position:fixed;top:20px}
#prod .nocontent{min-height:300px;line-height:300px}


	html,body{background:#fff}
	#ktplay{width:100%;height:100%}
	#ktplay .bboard{min-height:590px}
	#ktplay .wrap{position:relative;margin:0 auto;width:1200px;*zoom:1}
	#ktplay .wrap:before,
	#ktplay .wrap:after{clear:both;display:table;content:"";line-height:0}
	#ktplay .wrap.location_mo{display: none;}
	#ktplay .wrap.location_pc img, #ktplay .wrap.location_mo img{width: 100%;}
	#ktplay .latest_wr{position:relative;margin:20px auto;width:1200px;*zoom:1}
	#ktplay .latest_wr:before,
	#ktplay .latest_wr:after{clear:both;display:table;content:"";line-height:0}

	/**/
	#header{position:relative;z-index:1000;transition:all 0.4s ease-in-out}
	#header .top{position:relative;z-index:1050;height:30px;background:#fff}
	#header .header{position:relative;z-index:1040;height:90px;text-align: center;background:#fff}
	#header .header img{width: 200px;}
	#header .wrap h1{position:absolute;z-index:1050;top:60px;left:0;margin-top:0;opacity:1;transition:all 0.4s ease-in-out}
	#header .wrap button{}
	#header .top button{display:none;}
	#header .lnb,
	#header .lib{margin-top:0;opacity:1;transition:all 0.4s ease-in-out}
	#header .lib{float:left;margin-left:-10px}
	#header .lib ul{overflow:hidden}
	#header .lib li{float:left;margin-right:1px}
	#header .lib li a{display:block;padding:0 12px;line-height:30px;font-size:13px;font-weight:300;color:#333}
	#header .lib li a:hover,
	#header .lib li.sel a{color:#000;background:#dbdbdb}
	#header .lnb{float:right;margin-right:-10px}
	#header .lnb ul{overflow:hidden}
	#header .lnb li{float:left}
	#header .lnb li a{display:block;padding:0 10px;line-height:30px;font-size:12px;font-weight:300;color:#333}
	#header .lnb li a:hover{color:#000;background:#dbdbdb}
	#header .lnb .mlose{display:none}
	#header .searchbox{position:relative;margin:20px auto;width:300px}
	#header .searchbox input{float:left;padding:0 10px;width:100%;height:40px;line-height:40px;font-size:14px;border-bottom:1px solid #333;background:#fff}
	#header .searchbox button{position:absolute;top:0;right:0;display:block;width:40px;height:40px;border:0;background:none}
	#header .searchbox button i{font-size:17px;font-weight:700;color:#a7a7a7}
	#header .telephone{position:absolute;top:30px;right:0;text-align:right}
	#header .telephone .tit{position:relative;padding:0 10px;font-size:14px;font-weight:400;letter-spacing:-1px;color:#777}
	#header .telephone .phone{font-size:24px;font-family:"Arial", "sans-serif";font-weight:600;color:#525252}
	#header .telephone .time{display:none !important;padding:2px 10px;font-size:12px;font-weight:400;text-align:center;color:#fff;background:#333;border-radius:30px}
	#header.fixed{position:fixed;top:-35px;border-bottom:1px solid #aaa;box-shadow:0px 2px 0px rgba(0,0,0,0.07)}
	#header.fixed .lnb,
	#header.fixed .lib{margin-top:-10px;opacity:0}

	/**/
	#gnbshop{position:absolute;z-index:1020;top:120px;left:0;width:100%;height:50px;border-bottom:0px solid #4d4d4d;background:#fff;overflow:hidden;transition:all 0.3s}
	#gnbshop .gnbshop{margin:0 auto;position:relative;width:1200px;transition:all 0.4s ease-in-out}
	#gnbshop .depth1{margin: 0 auto;width: 80%;overflow:hidden}
	#gnbshop .depth1 *{transition:all 0.2s ease-in-out}
	#gnbshop .depth1 > li{float:left;position:relative;/*width:15%;*/width:20%;height:240px} 
	#gnbshop .depth1 > li > a{display:block;position:relative;margin:0;line-height:50px;font-size:15px;font-weight:500;letter-spacing:-0px;text-align:center;color:#222}
	#gnbshop .depth1 > li:hover{background:#fafafa}
	#gnbshop .depth1 > li:hover > a{color:#a7a7a7}	
	#gnbshop .depth1 > li > a.sel{color:#a7a7a7}
	#gnbshop .depth1 > li > a.sel:hover{color:#a7a7a7}
	#gnbshop .depth1 > li > a i{position:absolute;z-index:1;top:50px;left:50%;display:block;margin-left:-0%;width:0%;height:1px;background:#a7a7a7}
	#gnbshop .depth1 > li:hover > a i{margin-left:-40%;width:80%}
	#gnbshop .depth1 > li > a.sel i{left:50%;margin-left:-50%;width:100%;background:#0d3387}
	#gnbshop .depth1 > li > a.sel:hover i{left:50%;margin-left:-50%;width:100%;background:#cf121b}
	#gnbshop .depth2{position:absolute;top:210px;left:0;width:100%;transition:all 0.5s}
	#gnbshop .depth2 li a{display:block;line-height:25px;font-size:13px;text-align:center;color:#555}
	#gnbshop .depth2 li a:hover{color:#000}
	#gnbshop:hover .depth2{top:70px;transition:all 0.4s}
	#gnbshop.sel{height:240px;background:#fff}
	#gnbshop .mobile{display:none}
	#gnbshop #allmenu{position:absolute !important;z-index:10;top:0px;left:0;float:none;width:auto;height:56px}
	#gnbshop #allmenu a{display:block;margin:0;width:30px;height:50px;font-size:20px;color:#1a98d5;overflow:hidden}
	#gnbshop #allmenu a:hover{color:#20409a}
	#gnbshop #allmenu a span{display:none}
	#gnbshop #allmenu:hover{background:none}
	#allbg{position:fixed;z-index:1000;top:0px;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);display:none}

	/**/
	#category{display:none;position:absolute;z-index:4000;top:128px;left:50%;margin:0 0 0 -580px;width:1160px;border-top:0;background:#fff}
	#category h3{border:0;background:#1a98d5}
	#category button{display:block;color:#fff;background:none}
	#category button i{float:left;display:block;padding:0 20px 0 15px;line-height:36px;font-size:20px}
	#category button span{float:left;display:block;line-height:36px;font-size:14px;font-weight:400}
	#category a:hover{color:#1a98d5}
	#category .category{padding:20px 10px;border:1px solid #1a98d5;border-top:0;*zoom:1}
	#category .category:before,
	#category .category:after{clear:both;display:table;content:"";line-height:0}
	#category .cg1{float:left;width:20%;min-height:200px}
	#category .cg1 > a{display:block;margin:0 10px 10px 10px;padding:10px;font-weight:400;color:#777;text-align:center;background:#f3f3f3}
	#category .cg2{padding:0 20px}
	#category .cg2 > a{display:block;line-height:25px;color:#6d6d6d}

	/**/
	#footer{position:relative; background: #ffffff; }
	#footer .instafeed_area{text-align: center;margin: 60px 0;}
	#footer .instafeed_area .insta_area{margin-top: 25px;}
	#footer .instafeed_area .insta_area ul li{display: inline-block;    margin-bottom: 3px;}
	#footer .instafeed_area .insta_area ul li:hover img{opacity: 0.7;}
	#footer .instafeed_area .insta_area ul li img{width: 150px;height: 150px;}

	#footer #instafeed_slide{margin-top: 25px;}
	#footer #instafeed_slide ul li{display: inline-block;    margin-bottom: 5px;    margin-right:5px;}
	#footer #instafeed_slide ul li:hover img{opacity: 0.7;}
	#footer #instafeed_slide ul li img{width: 150px;height: 150px;object-fit: cover;}

	#footer .footer{position:relative;margin:0 auto;border-top: 1px solid #ddd;margin-top: 40px;width:1140px}
	#footer .footer h2{position:absolute;top:90px;left:0}
	#footer .footer ul{overflow:hidden}
	#footer .footer li{float:left}
	#footer .footer li a{display:block;padding:0 10px;line-height:65px;font-size:14px;color:#fafafa}
	#footer .footer li a:hover{color:#fff}
	#footer .footer p{position:absolute;top:0;right:0;line-height:65px;font-size:14px;color:#afafb0}
	#footer .footer p strong{padding-left:10px;font-size:20px;color:#fff}
	#footer .footer address{display:block;padding:30px 20px 10px;text-align: center;color:#585858;}
	#footer .footer address span{font-size:13px;margin-right: 10px;}
	#footer .footer address strong{font-size:13px}
	#footer .footer address .sns_area{    margin-bottom: 10px;}
	#footer .footer cite{display:block;padding:0 20px 20px 20px;text-align: center;font-size:12px;color:#585858;text-transform:uppercase}
	#footer .line{position:absolute;top:65px;left:0;display:block;width:100%;height:1px;background:#929294}
	#footer .phone{display:none !important}
	#footer .gotop{position:fixed;z-index:90000;bottom:20px;right:20px;display:none}
	#footer .gotop a{display:block;width:50px;height:50px;line-height:50px;font-size:12px;font-weight:400;text-align:center;color:#fff;background:#676767;overflow:hidden}
	#footer #kakao-talk-channel-chat-button{position: fixed; z-index: 90000;bottom: 80px;right: 20px;}

	#pop_slide_area:after{content: ' ';width: 100%;height: 100%;background: rgb(0 0 0 / 60%);z-index: 9999;position: absolute;top: 0; left: 0;}
	#pop_slide_area .pop_wrap{position: fixed; top: 40px; left: 40px;width: 600px; height: 600px;z-index: 99999;}
	#pop_slide_area .pop_wrap img{width: 100%; height:100%;}
	#pop_slide_area .pop_wrap i{    color: #fff; font-size: 36px;position: absolute;right: -38px;cursor: pointer;}

	/**/  
	#sortgrid{border-bottom:1px solid #eee}
	#sortgrid .sort{float:right}
	#sortgrid .sort h3{position:absolute;font-size:0;line-height:0;overflow:hidden}
	#sortgrid .sort ul{padding:20px 0;zoom:1}
	#sortgrid .sort ul:after{display:block;visibility:hidden;clear:both;content:""}
	#sortgrid .sort li{float:left}
	#sortgrid .sort li a{display:block;padding:0 16px;line-height:20px;font-size:14px;font-weight:500;color:#999;border-right:1px solid #eee}
	#sortgrid .sort li a:hover{color:#1a98d5}
	#sortgrid .sort li:last-child a{border-right:0}
	#sortgrid .path{position:absolute;top:-37px;right:0}
	#sortgrid .path a{font-size:14px;color:#555;transition:all 0.3s}
	#sortgrid .path a:hover{color:#000}
	#sortgrid .path a:before{padding:0 8px;color:#bbb}
	#sortgrid .grid{display:none;float:right;margin:0 0;padding:0;list-style:none;zoom:1}
	#sortgrid .grid:after{display:block;visibility:hidden;clear:both;content:""}
	#sortgrid .grid li{float:left;position:relative}
	#sortgrid .grid button {position:relative;margin:0;padding:0;width:45px;height:45px;border:0;cursor:pointer;background:#fff;border-right:1px solid #dfdfdf;font-size:15px}
	#sortgrid .grid button.sct_lst_list{border-left:1px solid #dfdfdf}
	#sortgrid .grid button .icon{display:block}

	/**/
	#preview{position:relative;z-index:3000;background:#eee}
	#preview ul li a img{display:block;margin:0 auto}
	#preview .bx-controls-auto{float:left;position:relative}
	#preview .bx-controls-direction a{position:absolute;top:50%;z-index:1;display:block;margin:-15px 0 0 0;width:40px;height:30px;font-size:1px;text-align:center;speak:none}
	#preview .bx-controls-direction a:hover{z-index:2}
	#preview .bx-controls-direction a:before{position:absolute;top:0px;display:block;width:30px;height:30px;line-height:32px;font-size:12px;font-weight:800;color:#fff;background:#555;transition:all 0.3s}
	#preview .bx-controls-direction a:hover:before{width:50px;color:#000;background:#fff}
	#preview .bx-prev{left:0}
	#preview .bx-prev:before{content:"\e93d";font-family:xeicon;left:0}
	#preview .bx-next{right:0}
	#preview .bx-next:before{content:"\e940";font-family:xeicon;right:0}

	/**/
	#visual{position:relative;overflow:hidden}
	#visual ul li{text-align:center}
	#visual ul li img{display:inline-block;width:auto;max-width:100%;height:auto}
	#visual .bx-viewport{z-index:10}
	#visual .bx-controls-direction a{position:absolute;top:50%;z-index:500;display:block;margin-top:-30px;width:80px;height:60px;font-size:1px;text-align:center;transition:all 0.3s}
	#visual .bx-controls-direction a:hover{z-index:200}
	#visual .bx-controls-direction a:before{position:absolute;top:0;display:block;width:80px;height:60px;line-height:62px;font-size:18px;font-weight:800;color:#000;background:#f7f7f7;transition:all 0.3s}
	#visual .bx-controls-direction a:hover:before{color:#fff;background:#1a98d5}
	#visual .bx-controls-direction a.disabled{display:none}
	#visual .bx-prev{left:-20px}
	#visual .bx-prev:before{content:"\e93d";font-family:xeicon;border-top-right-radius:60px;border-bottom-right-radius:60px}
	#visual .bx-prev:hover{left:-0px}
	#visual .bx-next{right:-20px}
	#visual .bx-next:before{content:"\e940";font-family:xeicon;border-top-left-radius:60px;border-bottom-left-radius:60px}
	#visual .bx-next:hover{right:-0px}
	#visual .bx-pager{position:absolute;z-index:100;top:85%;left:0;width:100%;text-align:center}
	#visual .bx-pager-item{display:inline;margin-right:5px}
	#visual .bx-pager-item a{display:inline-block;width:50px;height:20px;border-bottom:1px solid #fff;text-indent:-9999em;overflow:hidden;transition:all 0.3s ease-in-out}
	#visual .bx-pager-item a.active{width:50px;height:20px;border-bottom:4px solid #f39800;transition:all 0.3s ease-in-out}
	#visual .video_wrap{position: relative; padding-bottom: 56.25%;height: 0;overflow: hidden;width: 100%;}
	#visual .video_wrap iframe{position: absolute;top: 0;left: 0;width: 100%; height: 100%;}
	
	/**/
	#index{margin:50px 0 0 0}
	#index .ca00{padding:50px 0;background:#f1f7f7}#index .ca00 .item{border:0px solid #fff}
	#index .ca10{padding:50px 0;background:#ffffff}
	#index .ca20{padding:50px 0;background:#faf6f4}#index .ca20 .item{border:0px solid #fff}
	#index .ca30{padding:50px 0;background:#ffffff}
	#index .ca40{padding:50px 0;background:#faf4f9}#index .ca40 .item{border:0px solid #fff}
	#index .ca50{padding:50px 0;background:#ffffff}
	#index .ca60{padding:50px 0;background:#efefef}#index .ca60 .item{border:0px solid #fff}
	#index .ca70{padding:50px 0;background:#ffffff}
	#index .ca80{padding:50px 0;background:#f0e8f2}#index .ca80 .item{border:0px solid #fff}
	#index .ca90{padding:50px 0;background:#ffffff}
	#index .rolling_banner{background: url(../img/top_banner_pc.jpg);    background-position: center;background-attachment: fixed;background-size: cover;background-repeat: no-repeat;height: 400px;margin-top:100px;}

	#index .mid_box{margin: 60px auto;   position: relative;overflow: hidden;min-height: 980px;}
	#index .mid_box .mid_box_1{width: 40%;position: absolute; left: 96px;text-align: right;}
	#index .mid_box .mid_box_1 h2, #index .mid_box .mid_box_3 h2{ font-size: 30px;margin-bottom: 10px;}
	#index .mid_box .mid_box_1 p, #index .mid_box .mid_box_3 p{float: right;font-size: 18px ;color: #979797;word-break: keep-all;}
	#index .mid_box .mid_box_1 .mid_box_btn, #index .mid_box .mid_box_3 .mid_box_btn{ width: 100%;height: 64px;padding-top: 30px;clear: both;}
	#index .mid_box .mid_box_1 .mid_box_btn a, #index .mid_box .mid_box_3 .mid_box_btn a{padding: 10px 20px;background: #f5f5f5;color: #646464;font-size: 14px;}
	#index .mid_box .mid_box_1 .mid_box_btn a:hover, #index .mid_box .mid_box_3 .mid_box_btn a:hover{background: #e7e7e7;}
	#index .mid_box .mid_box_2{width: 40%;vertical-align: top;position: absolute;right: 96px;height: 600px;overflow: hidden;}
	#index .mid_box .mid_box_2 img, #index .mid_box .mid_box_4 img{    width: 100%;}
	#index .mid_box .mid_box_3{width: 40%;position: absolute; right: 96px;top: 786px;}
	#index .mid_box .mid_box_4{width: 40%;position: absolute; left: 96px;    top: 370px;height: 600px;overflow: hidden;}
	#index .mid_box .mid_box_1 .mid_box_btn a.fa_mo, #index .mid_box .mid_box_3 .mid_box_btn a.fa_mo{display:none}
	#index .mid_box .mid_box_1 .mid_box_btn a.fa_pc, #index .mid_box .mid_box_3 .mid_box_btn a.fa_pc{display:inline-block}

	/**/
	#direct{padding:50px 0}
	#direct h2{padding-bottom:20px;line-height:48px;font-size:22px;font-weight:500;letter-spacing:-1px}
	#direct ul{margin:0 -10px;overflow:hidden}
	#direct li{float:left;width:25%}
	#direct li a{display:block;margin:0 10px;padding:20px;transition:all 0.2s ease-in-out}
	#direct li a:hover{background-color:#eee}
	#direct li *{display:block;color:#555;color:rgba(0,0,0,0.5)}
	#direct li i{margin:10px 0;width:15px;height:2px;background:#555;background:rgba(0,0,0,0.3)}
	#direct li em{margin-bottom:4px;font-size:11px;text-transform:uppercase}
	#direct li strong{margin-bottom:60px;font-size:24px;font-weight:500;letter-spacing:-1px}
	#direct li span{margin-bottom:17px;font-size:13px}

	/**/
	#prod{padding:0}
	#prod h2{padding-bottom:20px;line-height:48px;font-size:22px;font-weight:500;letter-spacing:-1px}
	#prod ul{margin:0 -10px;overflow:hidden;display: flex;flex-wrap: wrap;}
	#prod li{float:left;position:relative;width:25%}
	#prod p{position:absolute;top:20px;right:0}
	#prod p a{position:relative;display:block;padding-right:35px;height:24px;line-height:24px;font-size:15px;font-weight:200}
	#prod p a i{position:absolute;top:0;right:0;display:block;width:23px;height:24px;background:url(../img/more.png) no-repeat 50% 50%}
	#prod li .item{min-height: auto;}
	#prod li.review_list .item{min-height: auto;} 
	#prod li.review_list .item .img{padding:0;    height: auto;}
	#prod li:hover .item{}
	
	#prod li:nth-child(3n+1) .item{}
	#prod li:hover:nth-child(3n+1) .item{}
	
	#prod li:nth-child(3n+2) .item{}
	#prod li:hover:nth-child(3n+2) .item{}
	
	
	#prod li:hover .sns{display:block}
	#prod .item{margin:0 10px 20px 10px;min-height:440px;transition:all 0.2s ease-in-out}
	#prod .img{padding:20px 0;text-align:center;overflow:hidden;height: 400px;}
	#prod .img img{position:relative;z-index:1;transition:transform 0.5s}
	#prod .img img.gallery_list{ width: 100%;object-fit: cover;height: 100%;}
	#prod .img img:hover{transform:scale(1.1)}
	#prod .txt{position:relative;z-index:2;padding:0 30px;padding-bottom:10px;overflow:hidden;text-align: center;margin-top: -10px;}
	#prod .txt strong{font-size:13px;letter-spacing:1px;color:#777;font-weight:700}
	#prod .txt a{display:block;margin:5px 0;font-size:16px;color:#333;overflow:hidden;transition:all 0.2s ease-in-out;word-break: keep-all;}
	#prod .txt a:hover{color:#000}
	#prod .txt span{display:block;font-size:13px;color:#777;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
	#prod .cost{padding:0 30px}
	#prod .cost strong{font-size:20px;font-weight:700}
	#prod .cost .tit{float:left;display:block;width:85px;line-height:21px;font-size:12px;text-align:center;letter-spacing:-1px;border:0px solid #aaa;background:#fff;border-radius:30px}
	#prod .cost .price{float:right;line-height:21px;color:#777}
	#prod .cost .prime{padding-bottom:5px;overflow:hidden}
	#prod .cost .reduced{overflow:hidden}
	#prod .cost .reduced .tit{}
	#prod .cost .reduced .price{color:#333}
	#prod .ico{position:absolute;z-index:2;top:20px;left:30px}
	#prod .shop_icon{margin-right:1px;width:40px;height:20px;line-height:20px;font-size:11px;font-weight:700;text-align:center;border-radius:0%}
	#prod .sns{display:none;position:absolute;top:240px;right:0px;text-align:center;z-index:60;width:100%}
	#prod .sns a{display:inline-block;margin:2px;padding:10px 0;width:40px;height:40px;text-align:center;background:rgba(0,0,0,0.3);border-radius:50%;transition:all 0.2s ease-in-out}
	#prod .sns a img{width:18px}
	#prod .sns .share-facebook:hover{background:#415b92}
	#prod .sns .share-twitter:hover{background:#35b3dc}
	#prod .sns .share-googleplus:hover{background:#d5503a}

	/**/
	#detail{position:relative;top:-1px;display: none;}
	#detail .detail{margin:0 auto;padding:20px 0;width:1140px;*zoom:1}
	#detail .detail:before,
	#detail .detail:after{clear:both;display:table;content:"";line-height:0}
	#detail .fr{width:440px}
	#detail .group{padding:60px 0;/*padding:30px;border:1px solid #ccc*/display:none;}
	#detail .subject{padding:10px 0;border-bottom:1px solid #999}
	#detail .subject strong{font-size:16px;color:#777}
	#detail .subject h3{padding-bottom:15px;line-height:45px;font-size:36px;font-weight:500;color:#2b2b2b}
	#detail .subject p{font-size:18px;color:#474747}
	#detail .commodity{padding:20px 0}
	#detail .commodity ul{}
	#detail .commodity li{overflow:hidden}
	#detail .commodity li label{float:left;font-size:14px}
	#detail .commodity li strong{float:right}
	#detail .commodity li strong span{position:relative;top:-2px;padding:0 3px;font-size:14px;font-weight:300}
	#detail .commodity li label,
	#detail .commodity li strong{display:block;line-height:30px}
	#detail .commodity .price{font-size:24px}
	#detail .option{padding:10px 0;border-top:1px solid #eee}
	#detail .option h4{padding:5px 0 15px 0}
	#detail .option div{margin-bottom:5px;line-height:35px;overflow:hidden}
	#detail .option div label{float:left;display:block;width:15%}
	#detail .option div span{float:left;display:block;width:85%}
	#detail .option select{width:100%;height:35px;border:1px solid #cdcdcd}
	#detail .option h3{font-size:15px}
	#detail .seloption h4{display:none}
	#detail .seloption .sit_opt_list,
	#detail .seloption .sit_spl_list{position:relative;padding:20px 0;padding-right:220px;border-bottom:1px solid #999}
	#detail .seloption .opt_name{line-height:20px;font-size:14px;font-weight:500;letter-spacing:-0px}
	#detail .seloption .opt_count{position:absolute;top:50%;right:0;margin-top:-15px}
	#detail .selprice{padding:20px 0;text-align:right;font-size:24px;font-weight:700;color:#57839e;overflow:hidden}
	#detail .selprice span{font-size:15px;font-weight:400}
	#detail .selprice .price{font-size:24px}
	#detail .selbtn{overflow:hidden}
	#detail .selbtn button{float:left;width:48%;height:45px;font-size:16px;font-weight:500;border:0}
	#detail .selbtn a{float:right;display:block;width:15%;height:45px;line-height:45px;font-size:15px;font-weight:500;text-align:center}
	#detail .selbtn button i,
	#detail .selbtn a i{font-size:16px;font-weight:300}
	#detail .selbtn .btn_order{color:#fff;background:#57839e}
	#detail .selbtn .btn_order:hover{background:#6396b5}
	#detail .selbtn .btn_buy{color:#fff;background:#003e9e}
	#detail .selbtn .btn_buy:hover{background:#0052d0}
	#detail .selbtn .btn_counsel{float:right;color:#fff;background:#666}
	#detail .selbtn .btn_counsel:hover{background:#777}
	#detail .selbtn .btn_cart{color:#fff;background:#009b48}
	#detail .selbtn .btn_cart:hover{background:#00af51}
	#detail .selbtn .btn_wish{border:1px solid #b3b3b3;background:#fff}
	#detail .selbtn .btn_wish:hover{color:#d50c0c;border:1px solid #d50c0c}
	#detail .selbtn .btn_alm{color:#fff;border:0;background:#d50c0c}
	#detail .selimage{text-align:center}
	#detail .selimage a{display:none}
	#detail .selimage a.visible{display:block}
	#detail .selthumb{    margin-top: 15px;}
	#detail .selthumb ul{}
	#detail .selthumb li{}
	#detail .selthumb li a{}
	#detail #sit_opt_added button {float:left;width:30px;height:30px;font-size:0.92em;color:#494949;border:1px solid #aaa;background:#fff}
	#detail #sit_opt_added button:hover{color:#000}
	#detail #sit_opt_added .num_input {float:left;border:0;height:30px;text-align:center;border-top:1px solid #aaa;border-bottom:1px solid #aaa}
	#detail #sit_opt_added .sit_opt_del{display:none;border:0;font-size:15px}
	#detail #sit_opt_added .sit_opt_del:hover{color:#be334a}
	#detail #sit_opt_added .sit_opt_prc{display:none;float:left;width:100px;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:700}

	/**/
	#shopinfo{margin:0 auto;width:1200px}
	#shopinfo .fixed{position:fixed;top:0;z-index:10;width:1200px}
	#shopinfo .shoptab{padding:20px 0; display: none;}
	#shopinfo .shoptab ul{*zoom:1}
	#shopinfo .shoptab ul:before,
	#shopinfo .shoptab ul:after{clear:both;display:table;content:"";line-height:0}
	#shopinfo .shoptab li{float:left;width:100%;}
	#shopinfo .shoptab li a{display:block;line-height:50px;font-size:17px;letter-spacing:-1px;text-align:center;border:1px solid #ccc;border-left:0;background:#fafafa}
	#shopinfo .shoptab li:first-child a{border-left:1px solid #ccc}
	#shopinfo .shoptab .sel a{color:#000;background:#e8f7ff}
	#shopinfo #dtinfo{text-align: center;margin:100px auto;width:85%;line-height:1.7em;overflow:hidden} /* ie6 미대응시 #sit_inf_explan {margin:0 0 10px} 만으로 충분 */
	#shopinfo #dtinfo img{max-width:100%;height:auto;    margin-bottom: 20px;}
	#shopinfo #dtinfo .v_pc{}
	#shopinfo #dtinfo .v_mb{display:none}

	/**/
	#rank{padding:50px 0;background:#fff}
	#rank h2{padding-bottom:20px;line-height:48px;font-size:22px;font-weight:500;letter-spacing:-1px}
	#rank ul{margin:0 -10px;overflow:hidden}
	#rank li{float:left;position:relative;width:20%}
	#rank li:hover .item{border:1px solid #777;background-color:#fff}
	#rank li:hover .sns{display:block}
	#rank p{position:absolute;top:20px;right:0}
	#rank p a{position:relative;display:block;padding-right:35px;height:24px;line-height:24px;font-size:15px;font-weight:200}
	#rank p a i{position:absolute;top:0;right:0;display:block;width:23px;height:24px;background:url(../img/more.png) no-repeat 50% 50%}
	#rank .item{margin:0 10px;padding:0 15px;border:1px solid #dbdbdb;background-color:#fff;transition:all 0.2s ease-in-out}
	#rank .img{padding:15px 0;text-align:center}
	#rank .img img{width:auto;max-width:100%;height:auto}
	#rank .txt{padding:2px 0;min-height:40px;overflow:hidden}
	#rank .txt a{display:block;font-size:13px;font-weight:500;letter-spacing:-1px;color:#333;transition:all 0.2s ease-in-out}
	#rank .txt a:hover{color:#000}
	#rank .txt span{display:block;padding:5px 0;font-size:11px;letter-spacing:-1px;color:#777}
	#rank .cost{padding-bottom:20px}
	#rank .cost strong{font-size:20px;font-weight:700}
	#rank .cost .tit{float:left;display:block;padding:0 10px;line-height:21px;font-size:12px;border:1px solid #aaa}
	#rank .cost .price{float:right;line-height:21px}
	#rank .cost .prime{padding-bottom:5px;overflow:hidden}
	#rank .cost .reduced{overflow:hidden}
	#rank .cost .reduced .tit{color:#de511b;border-color:#de511b}
	#rank .cost .reduced .price{color:#de511b}
	#rank .rank{position:absolute;top:0;left:10px;width:30px;height:30px;line-height:30px;font-size:14px;font-weight:700;text-align:center;color:#fff;border-radius:0%;background:#999}
	#rank .rn1{background:#df0000}

	/**/
	#review{padding:50px 0;background:#efefef}
	#review h2{padding-bottom:40px;line-height:48px;font-size:22px;font-weight:500;letter-spacing:-1px}
	#review ul{margin:0 -10px;overflow:hidden}
	#review li{float:left;width:25%}
	#review li a{display:block;position:relative;margin:0 10px;min-height:350px;background-color:#fff}
	#review li a:hover .img div{background-size:110% auto}
	#review li a:hover .txt{color:#000}
	#review .img div{width:270px;height:270px;overflow:hidden}
	#review .img img{width:270px;height:270px;transition:transform 0.5s}
	#review .img img:hover{transform:scale(1.1)}
	#review .txt{padding:0 20px;min-height:120px;color:#777;transition:all 0.3s ease-in-out}
	#review .txt strong{display:block;line-height:20px;font-size:16px;font-weight:600}
	#review .txt span{display:block;padding:5px 0;height:80px;font-size:13px;font-weight:400;overflow:hidden}
	#review .star{padding:0 20px 20px 20px}
	#review .star strong{float:left;padding-right:10px;font-size:13px}
	#review .star img{width:40%}
	#review .bx-controls{position:absolute;top:5px;right:-10px}
	#review .bx-controls-auto{float:left;position:relative}
	#review .bx-controls-direction a{position:relative;z-index:1;float:left;display:block;margin-right:10px;width:40px;height:40px;text-align:center;speak:none}
	#review .bx-controls-direction a:hover{z-index:2}
	#review .bx-controls-direction a:before{position:absolute;top:0;left:0;display:block;width:40px;height:40px;line-height:36px;font-size:16px;font-weight:600;border:2px solid #4c4c4c;background:#efefef}
	#review .bx-controls-direction a.disabled{display:none}
	#review .bx-prev:before{content:"\e93d";font-family:xeicon}
	#review .bx-next:before{content:"\e940";font-family:xeicon}

	/**/
	#event{padding:20px 0}
	#event ul{margin:0 -10px;overflow:hidden}
	#event li{float:left;width:33.33%}
	#event li div{margin:0 10px;padding:30px;min-height:220px;transition:all 0.2s ease-in-out}
	#event li div:hover{background-color:#eee}
	#event li a{display:block}
	#event li *{display:block;color:#555;color:rgba(0,0,0,0.5)}
	#event li i{margin:0 0 20px 0;width:15px;height:2px;background:#555;background:rgba(0,0,0,0.5)}
	#event li strong{font-size:20px;font-weight:600;letter-spacing:-1px}
	#event li span{display:block;padding:10px 40% 50px 0;line-height:16px;font-size:13px}

	/**/
	#contain{padding:50px 0 0 0;background:#fff}
	#article{position:relative;border-top:1px solid #ccc}
	#article > .wrap{padding-bottom:0px}
	#article > .wrap > h2{display:block;padding:60px 0 20px 0;font-size:30px;font-family:'Noto Sans KR';font-weight:500;letter-spacing:-1px;color:#222;}

	/**/
	#aside{position:absolute;z-index:1000;top:293px;right:-170px;width:150px}

	/**/
	#quick{position:absolute;z-index:900;top:293px;left:50%;margin-left:-720px;width:100px;transition:all 0.5s ease-in-out}
	#quick a{display:block;position:relative}
	#quick a:before{content:'';position:absolute;top:0;left:0;display:block;width:100px;height:95px;border:1px solid #eee;border-top:0}
	#quick.fixed{position:fixed;top:20px}
	#today{position:absolute;z-index:900;top:293px;right:50%;margin-right:-720px;width:100px;transition:all 0.5s ease-in-out}
	#today h3{padding:5px 0;font-size:12px;letter-spacing:-1px;text-align:center;color:#fff;background:#02aaff}
	#today #stv{min-height:500px;border:1px solid #ccc;border-top:0;background:#fff}
	#today #stv .stv_item{padding:10px 0;text-align:center;border-bottom:1px solid #ccc}
	#today #stv .prd_img{padding:0 0 5px 0}
	#today #stv .prd_name{padding:0 5px;font-size:12px;letter-spacing:-1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
	#today #stv .prd_cost{padding:0 5px;font-size:11px}
	#today #stv .li_empty{padding:0 5px;font-size:12px;text-align:center}
	#today #stv_ul{padding:20px 0}
	#today #stv_pg{position:absolute;bottom:0;left:0;width:100%;line-height:30px;background:#f3f3f3}
	#today #up{z-index:10;height:30px}
	#today #down{z-index:10;height:30px}
	#today.fixed{position:fixed;top:20px}
	
	/**/
	#poplayer{display:none;position:fixed;z-index:5000;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.7)}
	#poplayer .poplayer{position:absolute;z-index:5000;top:5%;left:50%;margin:0 0 0 -300px;padding:30px;width:600px;border:10px solid #4f535d;background:#fff}
	#poplayer .poplayer h3{padding-bottom:5px;font-size:24px;letter-spacing:-1px;text-align:center}
	#poplayer .product{padding-bottom:5px;border-top:2px solid #ccc}
	#poplayer .product table{width:100%;border-collapse:collapse}
	#poplayer .product table th{padding:5px 0;font-size:11px;color:#777;background:#fafafa}
	#poplayer .product thead{display:none}
	#poplayer .product a strong{display:block}
	#poplayer .product a span{display:block;font-size:12px}
	#poplayer .policy{padding-bottom:5px}
	#poplayer .policy h4{font-size:13px;letter-spacing:-1px;color:#003e9e}
	#poplayer .policy ul{padding-bottom:5px}
	#poplayer .policy ul li{font-size:12px}
	#poplayer .policy ul ul{padding:0 0 5px 10px}
	#poplayer .policy .agree{line-height:30px;text-align:center}
	#poplayer .policy .agree strong{position:relative;top:2px;padding:0 20px 0 0;font-size:12px}
	#poplayer .policy .agree label{padding-right:10px;font-size:12px}
	#poplayer .policy .area{padding:5px 10px;height:70px;border:1px solid #ccc;overflow-x:hidden; overflow-y:scroll}
	#poplayer .form .overflow{overflow:hidden}
	#poplayer .form .overflow .input{float:left;width:50%}
	#poplayer .form .input{position:relative;padding:0 0 5px 13%}
	#poplayer .form .input label{position:absolute;top:2px;left:10px;padding-right:10px;font-size:12px}
	#poplayer .form .input label strong{display:none}
	#poplayer .form .input select{padding:0 5px;height:30px;line-height:30px;border:1px solid #eee}
	#poplayer .form .input input,
	#poplayer .form .input textarea{width:100%;border:1px solid #eee}
	#poplayer .form .input .t_txt{padding:0 5px;height:30px;line-height:30px}
	#poplayer .form .input .t_area{padding:5px;height:80px}
	#poplayer .button{padding-top:10px;text-align:center}
	#poplayer .button button{padding:0 20px}
	#poplayer .button .btn_submit{color:#fff;background:#003e9e}
	
	/**/
	#consult .consult h3{margin-bottom:20px;padding:20px 0;font-size:24px;letter-spacing:-1px;text-align:center;border-bottom:2px solid #ccc}
	#consult .product{padding-bottom:20px}
	#consult .product dl{overflow:hidden}
	#consult .product dt{float:left;width:20%}
	#consult .product dd{float:left;width:80%}
	#consult .product dd a{display:block;padding:20px 0}
	#consult .product dd a strong{display:block;font-size:20px}
	#consult .product dd a span{display:block;font-size:15px}	
	#consult .product .cost{font-size:24px;font-weight:700}
	#consult .product .cost span{position:relative;top:-2px;padding:0 3px;font-size:14px;font-weight:300}
	#consult .policy h4{padding-bottom:10px;font-size:16px;letter-spacing:-1px;color:#333}
	#consult .policy ul{padding-bottom:10px}
	#consult .policy ul li{font-size:14px}
	#consult .policy ul ul{padding:0 0 5px 10px}
	#consult .policy .area{padding:20px;border-bottom:1px solid #eee}
	#consult .policy .agree{padding:15px 0;text-align:center}
	#consult .policy .agree strong{position:relative;top:2px;padding:0 20px;font-size:15px;letter-spacing:-1px}
	#consult .policy .agree label{padding-right:10px;font-size:13px}
	#consult .form{border-top:1px solid #ccc}
	#consult .form .input{position:relative}
	#consult .form .input label{position:absolute;top:0;left:20px;display:block;line-height:40px;font-size:12px}
	#consult .form .input select{padding:0 5px;height:30px;line-height:30px;border:1px solid #eee}
	#consult .form .input input,
	#consult .form .input textarea{width:100%;border:1px solid #eee}
	#consult .form .input .t_txt{padding:0 5px;height:30px;line-height:30px}
	#consult .form .input .t_area{padding:5px;height:80px}
	#consult .form .input .txt{display:block;padding:10px 0 10px 20%;border-bottom:1px solid #eee}
	#consult .form .input:last-child .txt{border-bottom:0}
	#consult .button{padding-top:20px;text-align:center}
	#consult .button a,
	#consult .button input,
	#consult .button button{padding:0 30px}
	#consult .button .btn_ok{color:#fff;background:#009b48}
	#consult .button .btn_submit{color:#fff;background:#003e9e}
	#consult .button .btn_del{color:#fff;background:#f76800}
	#consult .button .btn_cancel{color:#fff;background:#777}
	#consult .sort{margin:0 0 30px 0;*zoom:1}
	#consult .sort:before,
	#consult .sort:after{clear:both;display:table;content:"";line-height:0}
	#consult .sort ul{height:37px;border-bottom:1px solid #313131}
	#consult .sort li{float:left;margin-right:3px}
	#consult .sort li:first-child a{margin:0}
	#consult .sort li *{transition:all 0.2s ease-in-out}
	#consult .sort li a{display:inline-block;position:relative;padding:0 17px;line-height:35px;font-size:13px;font-weight:500;letter-spacing:-1px;color:#888;text-align:center;border:1px solid #e3e3e4;border-bottom:1px solid #313131;background:#f3f3f3}
	#consult .sort li a i{display:none}
	#consult .sort li a:hover{position:relative;z-index:5;color:#fff;border:1px solid #313131;background:#313131}
	#consult .sort li a.sel{position:relative;z-index:5;color:#313131;border:1px solid #313131;border-bottom:1px solid #fcfcfc;background:#fff}
	#consult .sort li a.sel i{position:absolute;z-index:6;bottom:0px;left:50%;display:block;margin-left:-25%;width:50%;height:1px;background:#aaa}
	#consult .sort li a.sel:hover{color:#014fbb}
	#consult .sort li a.sel:hover i{margin-left:-0%;width:0%}
	#consult .table table{width:100%;border-collapse:collapse}
	#consult .table caption{display:none}
	#consult .table th{line-height:45px;font-size:12px;background:#f0f0f0}
	#consult .table tr:hover{background:#fff}
	#consult .table td{padding:0 10px;font-size:13px;color:#333;text-align:center;border-bottom:1px solid #ddd}
	#consult .table a strong{display:block;font-weight:600}
	#consult .table a span{display:block;font-size:12px}
	
	#group .txt{margin-bottom:40px;height:250px;text-align:center;background:#39394d url(../img/customer.png) no-repeat 50% 0}
	#group .txt h2{padding:90px 0 5px 0;font-size:36px;font-weight:500;color:#fff}
	#group .txt p{font-size:20px;font-weight:300;color:#fff}
	#group .wrap{padding:40px 0;border-top:1px solid #aaa}
	#group .group{float:left;width:50%}
	#group .group:nth-of-type(odd) .latest{margin:0 0 0 30px}
	#group .group:nth-of-type(even) .latest{margin:0 30px 0 0}
	#group .latest{position:relative;min-height:300px}
	#group .latest h3{padding:0 10px;line-height:50px;font-size:18px;letter-spacing:-1px;border-bottom:1px solid #999;border-top:1px solid #eee}
	#group .latest li{position:relative}
	#group .latest li a{display:block;padding:0 10px;line-height:30px;font-size:14px;border-bottom:1px solid #eee}
	#group .latest li span{position:absolute;top:0;right:10px;display:block;line-height:30px}
	#group .latest .nocontent{padding:100px 0}
	#group .latest .more{position:absolute;top:20px;right:10px}
	#group .latest .more i{font-size:15px;font-weight:100;color:#999}

	#mid_slide_area .mid_slide_wrap{text-align: center;}
	#mid_slide_area .mid_slide_wrap .mid_slide_left img{width: 430px;}
	#mid_slide_area .mid_slide_wrap .mid_slide_left{    width: 430px;    position: relative;overflow: hidden;display: inline-block;vertical-align: top;margin-right: 30px;}
	#mid_slide_area .mid_slide_wrap .mid_slide_right{    display: inline-block;text-align: left; width: 45%;margin-top: 70px;}
	#mid_slide_area .mid_slide_wrap .mid_slide_right h2{    font-size:20px;margin-bottom: 10px;}
	#mid_slide_area .mid_slide_wrap .mid_slide_right p{font-size: 16px;    color: #979797;word-break: keep-all;}
	#mid_slide_area .mid_slide_wrap .mid_slide_right a{  background: #f5f5f5;padding: 10px 20px; margin: 18px 0 76px;display: inline-block;color: #646464;letter-spacing: 2px;}
	#mid_slide_area .mid_slide_wrap .mid_slide_right a:hover{    background: #e7e7e7;}
	#mid_slide_area .mid_slide_cont{text-align: center;margin: 80px 30px;}
    #mid_slide_area .mid_slide_cont h1{font-size: 30px;font-weight: 400;}
	#mid_slide_area .mid_slide_cont p{font-weight: 400;font-size: 18px; color: #979797;width: 78%;margin: 0 auto;white-space: initial;word-break: keep-all;}
	#mid_slide_area .mid_slide_wrap .bx-controls-direction a{position: absolute;top: -266px;z-index: 500;display: block;margin-top: -30px;width: 50px; height: 60px;font-size: 1px;text-align: right;transition: all 0.3s;}
    #mid_slide_area .mid_slide_wrap .bx-controls-direction a:before{z-index: 999;position: absolute;top: 0; left: 0;color: #fff;display: block; width: 40px;height: 40px;line-height: 36px; font-size: 30px; font-weight: 600;}
	#mid_slide_area .mid_slide_wrap .bx-prev:before{content: "\e93d"; font-family: xeicon;}
	#mid_slide_area .mid_slide_wrap .bx-next:before{    content: "\e940";font-family: xeicon;}
	#mid_slide_area .mid_slide_wrap .bx-controls-direction{position: relative;}
	#mid_slide_area .mid_slide_wrap .bx-next{    right: 0;}

	#pop_slide_area .pop_wrap .bx-controls-direction a{position: absolute;top: -266px;z-index: 500;display: block;margin-top: -30px;width: 50px; height: 60px;font-size: 1px;text-align: right;transition: all 0.3s;}
	#pop_slide_area .pop_wrap .bx-controls-direction a:before{    position: absolute;top: 0; left: 0;color: #fff;display: block; width: 40px;height: 40px;line-height: 36px; font-size: 30px; font-weight: 600;}
	#pop_slide_area .pop_wrap .bx-prev:before{content: "\e93d"; font-family: xeicon;}
	#pop_slide_area .pop_wrap .bx-next:before{    content: "\e940";font-family: xeicon;}
	#pop_slide_area .pop_wrap .bx-controls-direction{position: relative;}
	#pop_slide_area .pop_wrap .bx-next{    right: 0;}
http://ljs-hanbok.com/theme/cowayPuls2020/img/slide_3.jpg


@media all and (min-width:1180px) {
}

@media all and (max-width:1179px) {
	html,body{background:#fff}
	#ktplay{width:100%;height:100%;overflow:hidden;}
	#ktplay .wrap{  width: 100%;position:relative;padding:0 20px;*zoom:1}
	#ktplay .wrap:before,
	#ktplay .wrap:after{clear:both;display:table;content:"";line-height:0}

	/**/
	#header{position:relative;z-index:3000;top:0;left:0;width:100%;background:#fff;transition:all 0.4s ease-in-out}
	#header .top{height:30px;}
	#header .header{height:90px;background:#fff}
	#header .wrap h1{position:absolute;z-index:3000;top:60px;left:20px;margin-top:0;opacity:1;transition:all 0.4s ease-in-out}
	#header .wrap button{display:none}
	#header .lnb,
	#header .lib{margin-top:0;opacity:1;transition:all 0.4s ease-in-out}
	#header .lib{float:left;margin-left:-10px}
	#header .lib ul{overflow:hidden}
	#header .lib li{float:left;margin-right:1px}
	#header .lib li a{display:block;padding:0 12px;line-height:30px;font-size:13px;font-weight:300;color:#333}
	#header .lib li a:hover,
	#header .lib li.sel a{color:#000;background:#dbdbdb}
	#header .lnb{float:right;margin-right:-10px}
	#header .lnb ul{overflow:hidden}
	#header .lnb li{float:left}
	#header .lnb li a{display:block;padding:0 10px;line-height:30px;font-size:12px;font-weight:300;color:#333}
	#header .lnb li a:hover{color:#000;background:#dbdbdb}
	#header .lnb .mlose{display:none}
	#header .searchbox{position:relative;margin:20px auto;width:300px}
	#header .searchbox input{float:left;padding:0 10px;width:100%;height:40px;line-height:40px;font-size:14px;border-bottom:1px solid #333;background:#fff}
	#header .searchbox button{position:absolute;top:0;right:0;display:block;width:40px;height:40px;border:0;background:none}
	#header .searchbox button i{font-size:17px;font-weight:700;color:#1a98d5}
	#header .telephone{position:absolute;top:30px;right:20px;text-align:right}
	#header .telephone .tit{position:relative;padding:0 10px;font-size:14px;font-weight:400;letter-spacing:-1px;color:#777}
	#header .telephone .phone{font-size:24px;font-family:"Arial", "sans-serif";font-weight:600;color:#525252}
	#header .telephone .time{display:none !important;padding:2px 10px;font-size:12px;font-weight:400;text-align:center;color:#fff;background:#333;border-radius:30px}
	#header.fixed{position:fixed;top:-35px;border-bottom:1px solid #aaa;box-shadow:0px 2px 0px rgba(0,0,0,0.07)}
	#header.fixed .lnb,
	#header.fixed .lib{margin-top:-10px;opacity:0}

	/**/
	#gnbshop{position:absolute;z-index:3000;top:120px;left:0;width:100%;height:50px;border-top:1px solid #eee;border-bottom:0px solid #4d4d4d;background:#fff;overflow:hidden;transition:all 0.3s}
	#gnbshop .gnbshop{position:relative;transition:all 0.4s ease-in-out}
	#gnbshop .depth1{margin:0 0 0 60px;overflow:hidden}
	#gnbshop .depth1 *{transition:all 0.2s ease-in-out}
	#gnbshop .depth1 > li{float:left;position:relative;/*width:16.66%;*/width:20%;height:240px}
	#gnbshop .depth1 > li > a{display:block;position:relative;margin:0 10px;line-height:50px;font-size:16px;font-weight:500;letter-spacing:-0px;text-align:center;color:#222}
	#gnbshop .depth1 > li:hover{background:#fafafa}
	#gnbshop .depth1 > li:hover > a{color:#a7a7a7}	
	#gnbshop .depth1 > li > a.sel{color:#a7a7a7}
	#gnbshop .depth1 > li > a.sel:hover{color:#cf121b}
	#gnbshop .depth1 > li > a i{position:absolute;z-index:1;top:50px;left:50%;display:block;margin-left:-0%;width:0%;height:1px;background:#a7a7a7}
	#gnbshop .depth1 > li:hover > a i{margin-left:-40%;width:80%}
	#gnbshop .depth1 > li > a.sel i{left:50%;margin-left:-50%;width:100%;background:#0d3387}
	#gnbshop .depth1 > li > a.sel:hover i{left:50%;margin-left:-50%;width:100%;background:#cf121b}
	#gnbshop .depth2{position:absolute;top:210px;left:0;width:100%;transition:all 0.5s}
	#gnbshop .depth2 li a{display:block;line-height:25px;font-size:13px;text-align:center;color:#555}
	#gnbshop .depth2 li a:hover{color:#000}
	#gnbshop:hover .depth2{top:70px;transition:all 0.4s}
	#gnbshop.sel{height:240px;background:#fff}
	#gnbshop .mobile{display:none}
	#gnbshop #allmenu{position:absolute !important;z-index:10;top:0px;left:20px;float:none;width:auto;height:50px}
	#gnbshop #allmenu a{display:block;margin:0;width:30px;height:50px;font-size:20px;color:#a7a7a7;overflow:hidden}
	#gnbshop #allmenu a:hover{color:#20409a}
	#gnbshop #allmenu a span{display:none}
	#gnbshop #allmenu:hover{background:none}
	#allbg{position:fixed;z-index:2000;top:0px;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);display:none}

	/**/
	#category{display:none;position:absolute;z-index:4000;top:128px;left:50%;margin:0 0 0 -580px;width:1160px;border-top:0;background:#fff}
	#category h3{border:0;background:#a7a7a7}
	#category button{display:block;color:#fff;background:none}
	#category button i{float:left;display:block;padding:0 20px 0 15px;line-height:36px;font-size:20px}
	#category button span{float:left;display:block;line-height:36px;font-size:14px;font-weight:400}
	#category a:hover{color:#1a98d5}
	#category .category{padding:20px 10px;border:1px solid #1a98d5;border-top:0;*zoom:1}
	#category .category:before,
	#category .category:after{clear:both;display:table;content:"";line-height:0}
	#category .cg1{float:left;width:20%;min-height:200px}
	#category .cg1 > a{display:block;margin:0 10px 10px 10px;padding:10px;font-weight:400;color:#777;text-align:center;background:#f3f3f3}
	#category .cg2{padding:0 20px}
	#category .cg2 > a{display:block;line-height:25px;color:#6d6d6d}

	/**/
	#footer{position:relative;min-height:200px;}
	#footer .footer{position:relative;width: 100%;}
	#footer .footer h2{position:absolute;top:90px;left:20px}
	#footer .footer ul{padding:0 20px;overflow:hidden}
	#footer .footer li{float:left}
	#footer .footer li a{display:block;padding:0 10px;line-height:65px;font-size:13px;color:#fafafa}
	#footer .footer li a:hover{color:#fff}
	#footer .footer p{position:absolute;top:0;right:20px;line-height:65px;font-size:13px;color:#afafb0}
	#footer .footer p strong{padding-left:10px;font-size:20px;color:#fff}
	#footer .footer address{display:block;padding:    padding: 20px 0;color:#aaa}
	#footer .footer address span{font-size:12px}
	#footer .footer address strong{font-size:12px}
	#footer .footer cite{display:block;padding: 0 0 15px;font-size:12px;color:#888;text-transform:uppercase}
	#footer .line{position:absolute;top:65px;left:0;display:block;width:100%;height:1px;background:#929294}
	#footer .phone{position:fixed;z-index:90000;bottom:0;left:0;width:80%;overflow:hidden;display:none}
	#footer .phone a{float:left;display:block;padding:0 10px;width:50%;height:50px;line-height:50px;font-size:14px;font-weight:400;text-align:center;box-sizing:border-box;overflow:hidden}
	#footer .phone .ph1{color:#fff;background:#02aaff}
	#footer .phone .ph2{color:#fff;background:#777}
	#footer .gotop{position:fixed;z-index:90000;bottom:20px;right:20px;display:none}
	#footer .gotop a{display:block;height:50px;line-height:50px;font-size:12px;font-weight:400;text-align:center;color:#fff;background:#676767;overflow:hidden}
	#footer .instafeed_area .insta_area ul li img{width: 130px;height: 130px;}

	/**/
	#sortgrid{border-bottom:1px solid #eee}
	#sortgrid .sort{float:right}
	#sortgrid .sort h3{position:absolute;font-size:0;line-height:0;overflow:hidden}
	#sortgrid .sort ul{padding:20px 0;zoom:1}
	#sortgrid .sort ul:after{display:block;visibility:hidden;clear:both;content:""}
	#sortgrid .sort li{float:left}
	#sortgrid .sort li a{display:block;padding:0 16px;line-height:20px;font-size:14px;font-weight:500;font-family:'Noto Sans KR';color:#999;border-right:1px solid #eee}
	#sortgrid .sort li a:hover{color:#1a98d5}
	#sortgrid .sort li:last-child a{border-right:0}
	#sortgrid .path{position:absolute;top:-37px;right:0}
	#sortgrid .path a{font-size:14px;color:#555;transition:all 0.3s}
	#sortgrid .path a:hover{color:#000}
	#sortgrid .path a:before{padding:0 8px;color:#bbb}
	#sortgrid .grid{display:none;float:right;margin:0 0;padding:0;list-style:none;zoom:1}
	#sortgrid .grid:after{display:block;visibility:hidden;clear:both;content:""}
	#sortgrid .grid li{float:left;position:relative}
	#sortgrid .grid button {position:relative;margin:0;padding:0;width:45px;height:45px;border:0;cursor:pointer;background:#fff;border-right:1px solid #dfdfdf;font-size:15px}
	#sortgrid .grid button.sct_lst_list{border-left:1px solid #dfdfdf}
	#sortgrid .grid button .icon{display:block}

	/**/
	#preview{position:relative;background:#eee}
	#preview ul li a img{display:block;margin:0 auto;width:auto;max-width:80%;height:auto}
	#preview .bx-controls-auto{float:left;position:relative}
	#preview .bx-controls-direction a{position:absolute;top:50%;z-index:1;display:block;margin:-15px 0 0 0;width:40px;height:30px;font-size:1px;text-align:center;speak:none}
	#preview .bx-controls-direction a:hover{z-index:2}
	#preview .bx-controls-direction a:before{position:absolute;top:0px;display:block;width:30px;height:30px;line-height:32px;font-size:12px;font-weight:800;color:#fff;background:#555;transition:all 0.3s}
	#preview .bx-controls-direction a:hover:before{width:50px;color:#000;background:#fff}
	#preview .bx-prev{left:0}
	#preview .bx-prev:before{content:"\e875";left:0}
	#preview .bx-next{right:0}
	#preview .bx-next:before{content:"\e876";right:0}
	
	/**/
	#visual{position:relative;overflow:hidden}
	#visual ul li img{display:block;width:auto;max-width:100%;height:auto}
	#visual .bx-viewport{z-index:10}
	#visual .bx-controls-direction a{position:absolute;top:50%;z-index:500;display:block;width:80px;height:60px;font-size:1px;text-align:center;transition:all 0.3s}
	#visual .bx-controls-direction a:hover{z-index:200}
	#visual .bx-controls-direction a:before{position:absolute;top:-30px;display:block;width:80px;height:60px;line-height:62px;font-size:18px;font-weight:800;color:#000;background:#f7f7f7;transition:all 0.3s}
	#visual .bx-controls-direction a:hover:before{color:#fff;background:#1a98d5}
	#visual .bx-controls-direction a.disabled{display:none}
	#visual .bx-prev{left:-20px}
	#visual .bx-prev:before{content:"\e875";border-top-right-radius:60px;border-bottom-right-radius:60px}
	#visual .bx-prev:hover{left:-0px}
	#visual .bx-next{right:-20px}
	#visual .bx-next:before{content:"\e876";border-top-left-radius:60px;border-bottom-left-radius:60px}
	#visual .bx-next:hover{right:-0px}
	#visual .bx-pager{position:absolute;z-index:100;top:85%;left:0;width:100%;text-align:center}
	#visual .bx-pager-item{display:inline;margin-right:5px}
	#visual .bx-pager-item a{display:inline-block;width:50px;height:20px;border-bottom:1px solid #fff;text-indent:-9999em;overflow:hidden;transition:all 0.3s ease-in-out}
	#visual .bx-pager-item a.active{width:50px;height:20px;border-bottom:4px solid #f39800;transition:all 0.3s ease-in-out}
	
	/**/
	#index{margin:50px 0 0 0}
	#index .ca00{padding:0px 0;background:#f1f7f7}#index .ca00 .item{border:0px solid #fff}
	#index .ca10{padding:0px 0;background:#ffffff}
	#index .ca20{padding:0px 0;background:#faf6f4}#index .ca20 .item{border:0px solid #fff}
	#index .ca30{padding:0px 0;background:#ffffff}
	#index .ca40{padding:0px 0;background:#faf4f9}#index .ca40 .item{border:0px solid #fff}
	#index .ca50{padding:0px 0;background:#ffffff}
	#index .ca60{padding:0px 0;background:#efefef}#index .ca60 .item{border:0px solid #fff}
	#index .ca70{padding:0px 0;background:#ffffff}
	#index .ca80{padding:0px 0;background:#f0e8f2}#index .ca80 .item{border:0px solid #fff}
	#index .ca90{padding:0px 0;background:#ffffff}

	/**/
	#direct{}
	#direct h2{padding:10px;line-height:48px;font-size:18px;font-weight:500;letter-spacing:-1px}
	#direct ul{overflow:hidden}
	#direct li{float:left;width:50%}
	#direct li a{display:block;margin:0 10px 20px 10px;padding:20px;transition:all 0.2s ease-in-out}
	#direct li a:hover{background-color:#eee}
	#direct li *{display:block;color:#555;color:rgba(0,0,0,0.5)}
	#direct li i{margin:10px 0;width:15px;height:2px;background:#555;background:rgba(0,0,0,0.3)}
	#direct li em{margin-bottom:4px;font-size:11px;text-transform:uppercase}
	#direct li strong{margin-bottom:60px;font-size:24px;font-weight:500;letter-spacing:-1px}
	#direct li span{margin-bottom:17px;font-size:13px}
	#direct .wrap{padding:0 10px}

	/**/
	#prod{padding:0}
	#prod h2{padding:10px;line-height:48px;font-size:18px;font-weight:500;letter-spacing:-1px}
	#prod ul{overflow:hidden}
	#prod li{float:left;position:relative;width:33.333%;}
	#prod p{position:absolute;top:20px;right:20px}
	#prod p a{position:relative;display:block;padding-right:35px;height:24px;line-height:24px;font-size:15px;font-weight:200}
	#prod p a i{position:absolute;top:0;right:0;display:block;width:23px;height:24px;background:url(../img/more.png) no-repeat 50% 50%}
	#prod li:nth-child(odd) .item{}
	#prod li:nth-child(even) .item{}
	#prod li:hover:nth-child(odd) .item{}
	#prod li:hover:nth-child(even) .item{b}
	#prod li:hover .sns{display:block}
	#prod .wrap{padding:0 30px}
	#prod .item{margin:0 10px 20px 10px;min-height:480px;transition:all 0.2s ease-in-out}
	#prod .img{padding:20px 0;text-align:center;overflow:hidden}
	#prod .img img{position:relative;z-index:1;transition:transform 0.5s}
	#prod .img img:hover{transform:scale(1.1)}
	#prod .txt{position:relative;z-index:2;padding:0 30px;padding-bottom:10px;overflow:hidden}
	#prod .txt strong{font-size:13px;letter-spacing:1px;color:#777;font-weight:700}
	#prod .txt a{display:block;margin:5px 0;height:40px;line-height:20px;font-size:18px;font-weight:500;color:#333;overflow:hidden;transition:all 0.2s ease-in-out}
	#prod .txt a:hover{color:#000}
	#prod .txt span{display:block;font-size:13px;color:#777;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
	#prod .cost{padding:0 30px}
	#prod .cost strong{font-size:20px;font-weight:700}
	#prod .cost .tit{float:left;display:block;width:85px;line-height:21px;font-size:12px;text-align:center;letter-spacing:-1px;border:0px solid #aaa;background:#fff;border-radius:30px}
	#prod .cost .price{float:right;line-height:21px;color:#777}
	#prod .cost .prime{padding-bottom:5px;overflow:hidden}
	#prod .cost .reduced{overflow:hidden}
	#prod .cost .reduced .tit{}
	#prod .cost .reduced .price{color:#333}
	#prod .ico{position:absolute;z-index:2;top:20px;left:30px}
	#prod .shop_icon{margin-right:1px;width:40px;height:20px;line-height:20px;font-size:11px;font-weight:700;text-align:center;border-radius:0%}
	#prod .sns{display:none;position:absolute;top:240px;right:0px;text-align:center;z-index:60;width:100%}
	#prod .sns a{display:inline-block;margin:2px;padding:10px 0;width:40px;height:40px;text-align:center;background:rgba(0,0,0,0.3);border-radius:50%;transition:all 0.2s ease-in-out}
	#prod .sns a img{width:18px}
	#prod .sns .share-facebook:hover{background:#415b92}
	#prod .sns .share-twitter:hover{background:#35b3dc}
	#prod .sns .share-googleplus:hover{background:#d5503a}
	#prod .top_img .top_tab_wrap{width: 100%;}

	/**/
	#detail{}
	#detail .detail{    width: 100%;padding:20px 0;*zoom:1}
	#detail .detail:before,
	#detail .detail:after{clear:both;display:table;content:"";line-height:0}
	#detail .fl{width:48%}
	#detail .fr{width:48%}
	#detail .group{padding:60px 30px/*padding:30px;border:1px solid #ccc*/}
	#detail .subject{padding:10px 0;border-bottom:1px solid #999}
	#detail .subject strong{font-size:15px;color:#777}
	#detail .subject h3{padding-bottom:15px;line-height:45px;font-size:30px;font-weight:500;color:#2b2b2b}
	#detail .subject p{font-size:18px;color:#474747}
	#detail .commodity{padding:15px 0}
	#detail .commodity li{overflow:hidden}
	#detail .commodity li label{float:left;font-size:14px}
	#detail .commodity li strong{float:right}
	#detail .commodity li strong span{position:relative;top:-2px;padding:0 3px;font-size:14px;font-weight:300}
	#detail .commodity li label,
	#detail .commodity li strong{display:block;line-height:30px}
	#detail .commodity .price{font-size:24px}
	#detail .option{padding:10px 0;border-top:1px solid #eee}
	#detail .option h4{padding:5px 0 15px 0}
	#detail .option div{margin-bottom:5px;line-height:35px;overflow:hidden}
	#detail .option div label{float:left;display:block;width:15%}
	#detail .option div span{float:left;display:block;width:85%}
	#detail .option select{width:100%;height:35px;border:1px solid #cdcdcd}
	#detail .option h3{font-size:15px}
	#detail .seloption h4{display:none}
	#detail .seloption .sit_opt_list{position:relative;padding:15px 0;padding-right:220px;border-bottom:1px solid #999}
	#detail .seloption .opt_name{line-height:20px;font-size:14px;font-weight:500;letter-spacing:-0px}
	#detail .seloption .opt_count{position:absolute;top:50%;right:0;margin-top:-15px}
	#detail .selprice{padding:15px 0;text-align:right;font-size:24px;font-weight:700;color:#57839e;overflow:hidden}
	#detail .selprice span{font-size:15px;font-weight:400}
	#detail .selprice .price{font-size:24px}
	#detail .selbtn{overflow:hidden}
	#detail .selbtn button{float:left;width:48%;height:45px;font-size:16px;font-weight:500;border:0}
	#detail .selbtn a{float:right;display:block;width:15%;height:45px;line-height:45px;font-size:15px;font-weight:500;text-align:center}
	#detail .selbtn button i,
	#detail .selbtn a i{font-size:16px;font-weight:300}
	#detail .selbtn .btn_order{color:#fff;background:#57839e}
	#detail .selbtn .btn_order:hover{background:#6396b5}
	#detail .selbtn .btn_buy{color:#fff;background:#003e9e}
	#detail .selbtn .btn_buy:hover{background:#0052d0}
	#detail .selbtn .btn_counsel{float:right;color:#fff;background:#666}
	#detail .selbtn .btn_counsel:hover{background:#777}
	#detail .selbtn .btn_cart{color:#fff;background:#009b48}
	#detail .selbtn .btn_cart:hover{background:#00af51}
	#detail .selbtn .btn_wish{border:1px solid #b3b3b3;background:#fff}
	#detail .selbtn .btn_wish:hover{color:#d50c0c;border:1px solid #d50c0c}
	#detail .selbtn .btn_alm{color:#fff;border:0;background:#d50c0c}
	#detail .selimage{text-align:center}
	#detail .selimage a{display:none}
	#detail .selimage a.visible{display:block}
	#detail .selimage img{width:auto;max-width:100%;height:auto}
	#detail .selthumb{}
	#detail .selthumb ul{}
	#detail .selthumb li{}
	#detail .selthumb li a{}
	#detail #sit_opt_added button {float:left;width:30px;height:30px;border:1px solid #cdcdcd;background:#fff;color:#666;font-size:0.92em}
	#detail #sit_opt_added button:hover{color:#000}
	#detail #sit_opt_added .num_input {float:left;border:0;height:30px;border-top:1px solid #aaa;border-bottom:1px solid #aaa;text-align:center}
	#detail #sit_opt_added .sit_opt_del{border:0;font-size:15px}
	#detail #sit_opt_added .sit_opt_del:hover{color:#be334a}
	#detail #sit_opt_added .sit_opt_prc{display:block;float:left;width:100px;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:700}

	/**/
	#shopinfo{width:100%;}
	#shopinfo .fixed{position:fixed;left:0;right:0;top:0;z-index:10;width:100%}
	#shopinfo .shoptab{padding:20px;padding-top: 0;}
	#shopinfo .shoptab ul{*zoom:1}
	#shopinfo .shoptab ul:before,
	#shopinfo .shoptab ul:after{clear:both;display:table;content:"";line-height:0}
	#shopinfo .shoptab li{float:left;width:100%}
	#shopinfo .shoptab li a{display:block;line-height:50px;font-size:17px;letter-spacing:-1px;text-align:center;border:1px solid #ccc;border-left:0;background:#fafafa}
	#shopinfo .shoptab li:first-child a{border-left:1px solid #ccc}
	#shopinfo .shoptab .sel a{color:#000;background:#e8f7ff}
	#shopinfo #dtinfo{margin:100px auto;width:85%;line-height:1.7em;overflow:hidden} /* ie6 미대응시 #sit_inf_explan {margin:0 0 10px} 만으로 충분 */
	#shopinfo #dtinfo img{max-width:100%;height:auto}
	#shopinfo #dtinfo .v_pc{}
	#shopinfo #dtinfo .v_mb{display:none}

	/**/
	#rank{padding:50px 0;background:#fff}
	#rank h2{padding-bottom:20px;line-height:48px;font-size:22px;font-weight:500;letter-spacing:-1px}
	#rank ul{margin:0 -10px;overflow:hidden}
	#rank li{float:left;position:relative;width:20%}
	#rank li:hover .item{border:1px solid #777;background-color:#fff}
	#rank li:hover .sns{display:block}
	#rank p{position:absolute;top:20px;right:0}
	#rank p a{position:relative;display:block;padding-right:35px;height:24px;line-height:24px;font-size:15px;font-weight:200}
	#rank p a i{position:absolute;top:0;right:0;display:block;width:23px;height:24px;background:url(../img/more.png) no-repeat 50% 50%}
	#rank .item{margin:0 10px;padding:0 15px;border:1px solid #dbdbdb;background-color:#fff;transition:all 0.2s ease-in-out}
	#rank .img{padding:15px 0;text-align:center}
	#rank .img img{width:auto;max-width:100%;height:auto}
	#rank .txt{padding:2px 0;min-height:40px;overflow:hidden}
	#rank .txt a{display:block;font-size:13px;font-weight:500;letter-spacing:-1px;color:#333;transition:all 0.2s ease-in-out}
	#rank .txt a:hover{color:#000}
	#rank .txt span{display:block;padding:5px 0;font-size:11px;letter-spacing:-1px;color:#777}
	#rank .cost{padding-bottom:20px}
	#rank .cost strong{font-size:20px;font-weight:700}
	#rank .cost .tit{float:left;display:block;padding:0 10px;line-height:21px;font-size:12px;border:1px solid #aaa}
	#rank .cost .price{float:right;line-height:21px}
	#rank .cost .prime{padding-bottom:5px;overflow:hidden}
	#rank .cost .reduced{overflow:hidden}
	#rank .cost .reduced .tit{color:#de511b;border-color:#de511b}
	#rank .cost .reduced .price{color:#de511b}
	#rank .rank{position:absolute;top:0;left:10px;width:30px;height:30px;line-height:30px;font-size:14px;font-weight:700;text-align:center;color:#fff;border-radius:0%;background:#999}
	#rank .rn1{background:#df0000}

	/**/
	#review{padding:50px 0;background:#efefef}
	#review h2{padding-bottom:40px;line-height:48px;font-size:22px;font-weight:500;letter-spacing:-1px}
	#review ul{margin:0 -10px;overflow:hidden}
	#review li{float:left;width:25%}
	#review li a{display:block;position:relative;margin:0 10px;min-height:350px;background-color:#fff}
	#review li a:hover .img div{background-size:110% auto}
	#review li a:hover .txt{color:#000}
	#review .img div{width:270px;height:270px;overflow:hidden}
	#review .img img{width:270px;height:270px;transition:transform 0.5s}
	#review .img img:hover{transform:scale(1.1)}
	#review .txt{padding:0 20px;min-height:120px;color:#777;transition:all 0.3s ease-in-out}
	#review .txt strong{display:block;line-height:20px;font-size:16px;font-weight:600}
	#review .txt span{display:block;padding:5px 0;height:80px;font-size:13px;font-weight:400;overflow:hidden}
	#review .star{padding:0 20px 20px 20px}
	#review .star strong{float:left;padding-right:10px;font-size:13px}
	#review .star img{width:40%}
	#review .bx-controls{position:absolute;top:5px;right:20px}
	#review .bx-controls-auto{float:left;position:relative}
	#review .bx-controls-direction a{position:relative;z-index:1;float:left;display:block;margin-right:10px;width:40px;height:40px;text-align:center;speak:none}
	#review .bx-controls-direction a:hover{z-index:2}
	#review .bx-controls-direction a:before{position:absolute;top:0;left:0;display:block;width:40px;height:40px;line-height:36px;font-size:16px;font-weight:600;border:2px solid #4c4c4c;background:#efefef}
	#review .bx-controls-direction a.disabled{display:none}
	#review .bx-prev:before{content:"\e875"}
	#review .bx-next:before{content:"\e876"}

	/**/
	#event{padding:20px 0}
	#event ul{margin:0 -10px;overflow:hidden}
	#event li{float:left;width:33.33%}
	#event li div{margin:0 10px;padding:30px;min-height:220px;background-size:75% auto;transition:all 0.2s ease-in-out}
	#event li div:hover{background-color:#eee}
	#event li a{display:block}
	#event li *{display:block;color:#555;color:rgba(0,0,0,0.5)}
	#event li i{margin:0 0 20px 0;width:15px;height:2px;background:#555;background:rgba(0,0,0,0.5)}
	#event li strong{font-size:20px;font-weight:600;letter-spacing:-1px}
	#event li span{display:block;padding:10px 40% 0 0;line-height:16px;font-size:13px}

	/**/
	#contain{padding:50px 0 0 0;background:#fff}
	#article{position:relative;border-top:1px solid #ccc}
	#article > .wrap{padding-bottom:0px}
	#article > .wrap > h2{display:block;padding:60px 0 20px 0;font-size:30px;font-family:'Noto Sans KR';font-weight:500;letter-spacing:-1px;color:#222;}

	/**/
	#aside{position:absolute;z-index:1000;top:293px;right:-170px;width:150px}
	
	/**/
	#quick,
	#today{display:none}
	
	/**/
	#poplayer{display:none;position:fixed;z-index:5000;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.7)}
	#poplayer .poplayer{position:absolute;z-index:5000;top:5%;left:50%;margin:0 0 0 -300px;padding:30px;width:600px;border:10px solid #4f535d;background:#fff}
	#poplayer .poplayer h3{padding-bottom:5px;font-size:24px;letter-spacing:-1px;text-align:center}
	#poplayer .product{padding-bottom:5px;border-top:2px solid #ccc}
	#poplayer .product table{width:100%;border-collapse:collapse}
	#poplayer .product table th{padding:5px 0;font-size:11px;color:#777;background:#fafafa}
	#poplayer .product thead{display:none}
	#poplayer .product a strong{display:block}
	#poplayer .product a span{display:block;font-size:12px}
	#poplayer .policy{padding-bottom:5px}
	#poplayer .policy h4{font-size:13px;letter-spacing:-1px;color:#003e9e}
	#poplayer .policy ul{padding-bottom:5px}
	#poplayer .policy ul li{font-size:12px}
	#poplayer .policy ul ul{padding:0 0 5px 10px}
	#poplayer .policy .agree{line-height:30px;text-align:center}
	#poplayer .policy .agree strong{position:relative;top:2px;padding:0 20px 0 0;font-size:12px}
	#poplayer .policy .agree label{padding-right:10px;font-size:12px}
	#poplayer .policy .area{padding:5px 10px;height:70px;border:1px solid #ccc;overflow-x:hidden; overflow-y:scroll}
	#poplayer .form .overflow{overflow:hidden}
	#poplayer .form .overflow .input{float:left;width:50%}
	#poplayer .form .input{position:relative;padding:0 0 5px 13%}
	#poplayer .form .input label{position:absolute;top:2px;left:10px;padding-right:10px;font-size:12px}
	#poplayer .form .input label strong{display:none}
	#poplayer .form .input select{padding:0 5px;height:30px;line-height:30px;border:1px solid #eee}
	#poplayer .form .input input,
	#poplayer .form .input textarea{width:100%;border:1px solid #eee}
	#poplayer .form .input .t_txt{padding:0 5px;height:30px;line-height:30px}
	#poplayer .form .input .t_area{padding:5px;height:80px}
	#poplayer .button{padding-top:10px;text-align:center}
	#poplayer .button button{padding:0 20px}
	#poplayer .button .btn_submit{color:#fff;background:#003e9e}
	
	/**/
	#consult .consult h3{margin-bottom:20px;padding:20px 0;font-size:24px;letter-spacing:-1px;text-align:center;border-bottom:2px solid #ccc}
	#consult .product{padding-bottom:20px}
	#consult .product dl{overflow:hidden}
	#consult .product dt{float:left;width:20%}
	#consult .product dd{float:left;width:80%}
	#consult .product dd a{display:block;padding:20px 0}
	#consult .product dd a strong{display:block;font-size:20px}
	#consult .product dd a span{display:block;font-size:15px}	
	#consult .product .cost{font-size:24px;font-weight:700}
	#consult .product .cost span{position:relative;top:-2px;padding:0 3px;font-size:14px;font-weight:300}
	#consult .policy h4{font-size:13px;letter-spacing:-1px;color:#003e9e}
	#consult .policy ul{padding-bottom:5px}
	#consult .policy ul li{font-size:12px}
	#consult .policy ul ul{padding:0 0 5px 10px}
	#consult .policy .area{padding:20px;border-bottom:1px solid #eee}
	#consult .policy .agree{padding:15px 0;text-align:center}
	#consult .policy .agree strong{position:relative;top:2px;padding:0 20px;font-size:15px;letter-spacing:-1px}
	#consult .policy .agree label{padding-right:10px;font-size:13px}
	#consult .form{border:1px solid #ccc}
	#consult .form .input{position:relative}
	#consult .form .input label{position:absolute;top:0;left:20px;display:block;line-height:40px;font-size:12px}
	#consult .form .input select{padding:0 5px;height:30px;line-height:30px;border:1px solid #eee}
	#consult .form .input input,
	#consult .form .input textarea{width:100%;border:1px solid #eee}
	#consult .form .input .t_txt{padding:0 5px;height:30px;line-height:30px}
	#consult .form .input .t_area{padding:5px;height:80px}
	#consult .form .input .txt{display:block;padding:10px 0 10px 20%;border-bottom:1px solid #eee}
	#consult .form .input:last-child .txt{border-bottom:0}
	#consult .button{padding-top:20px;text-align:center}
	#consult .button a,
	#consult .button input,
	#consult .button button{padding:0 30px}
	#consult .button .btn_ok{color:#fff;background:#009b48}
	#consult .button .btn_submit{color:#fff;background:#003e9e}
	#consult .button .btn_del{color:#fff;background:#f76800}
	#consult .button .btn_cancel{color:#fff;background:#777}
	#consult .sort{margin:0 0 30px 0;*zoom:1}
	#consult .sort:before,
	#consult .sort:after{clear:both;display:table;content:"";line-height:0}
	#consult .sort ul{height:37px;border-bottom:1px solid #313131}
	#consult .sort li{float:left;margin-right:3px}
	#consult .sort li:first-child a{margin:0}
	#consult .sort li *{transition:all 0.2s ease-in-out}
	#consult .sort li a{display:inline-block;position:relative;padding:0 17px;line-height:35px;font-size:13px;font-weight:500;letter-spacing:-1px;color:#888;text-align:center;border:1px solid #e3e3e4;border-bottom:1px solid #313131;background:#f3f3f3}
	#consult .sort li a i{display:none}
	#consult .sort li a:hover{position:relative;z-index:5;color:#fff;border:1px solid #313131;background:#313131}
	#consult .sort li a.sel{position:relative;z-index:5;color:#313131;border:1px solid #313131;border-bottom:1px solid #fcfcfc;background:#fff}
	#consult .sort li a.sel i{position:absolute;z-index:6;bottom:0px;left:50%;display:block;margin-left:-25%;width:50%;height:1px;background:#aaa}
	#consult .sort li a.sel:hover{color:#014fbb}
	#consult .sort li a.sel:hover i{margin-left:-0%;width:0%}
	#consult .table table{width:100%;border-collapse:collapse}
	#consult .table caption{display:none}
	#consult .table th{line-height:45px;font-size:12px;background:#f0f0f0}
	#consult .table tr:hover{background:#fff}
	#consult .table td{padding:0 10px;font-size:13px;color:#333;text-align:center;border-bottom:1px solid #ddd}
	#consult .table a strong{display:block;font-weight:600}
	#consult .table a span{display:block;font-size:12px}

	/**/
	#group{padding:0 20px}
	#group .txt{margin-bottom:40px;height:250px;text-align:center;background:#39394d url(../img/customer.png) no-repeat 50% 0}
	#group .txt h2{padding:90px 0 5px 0;font-size:36px;font-weight:500;color:#fff}
	#group .txt p{font-size:20px;font-weight:300;color:#fff}
	#group .wrap{padding:30px 0;border-top:1px solid #aaa}
	#group .group{float:left;width:50%}
	#group .group:nth-of-type(odd) .latest{margin:0 0 0 30px}
	#group .group:nth-of-type(even) .latest{margin:0 30px 0 0}
	#group .latest{position:relative;min-height:300px}
	#group .latest h3{padding:0 10px;line-height:50px;font-size:18px;letter-spacing:-1px;border-bottom:1px solid #999;border-top:1px solid #eee}
	#group .latest li a{display:block;padding:10px;font-size:14px;border-bottom:1px solid #eee}
	#group .latest .nocontent{padding:100px 0}
	#group .latest .more{position:absolute;top:20px;right:10px}
	#group .latest .more i{font-size:15px;font-weight:100;color:#999}

	#mid_slide_area .mid_slide_wrap .mid_slide_left{width: 40%;}
	#mid_slide_area .mid_slide_wrap .mid_slide_right{width: 55%;}
}

@media all and (max-width:1024px) {
	#index .mid_box .mid_box_1{left: 70px;}
	#index .mid_box .mid_box_2{right: 70px;}
	#index .mid_box .mid_box_3{right: 70px;top: 716px;}
	#index .mid_box .mid_box_4{left: 70px;}

	#gnbshop .gnbshop{width: 100%;}
	#gnbshop .depth1 > li > a{font-size: 15px;margin:0;}
	#gnbshop .depth1{margin: 0 auto;    width: 94%;}
}

@media all and (max-width:768px) {
	html,body{background:#fff}
	#ktplay{width:100%;min-width:320px;height:100%}
	#ktplay .wrap{width: 100%;position:relative;padding:0 10px;*zoom:1}
	#ktplay .wrap:before,
	#ktplay .wrap:after{clear:both;display:table;content:"";line-height:0}
	#ktplay .wrap.location_pc{display: none;}
	#ktplay .wrap.location_mo{display: block;}

	/**/
	#header{position:relative;z-index:3000;top:0;left:0;padding-bottom:10px;width:100%;background:#fff;transition:all 0.4s ease-in-out}
	#header .top{background:#fff}
	#header .top button{display: block;position:absolute;top:0;width:50px;height:60px;font-weight:300;background:transparent}
	#header .top button i{font-size:20px;color: #585858;}
	#header .top .btn-menu{left:0}
	#header .top .btn-page{right:0; display:none;}
	#header .header{background:#fff}
	#header .wrap h1{height:60px;text-align:center;opacity:1;transition:all 0.4s ease-in-out}
	#header .wrap h1 a{display:block;position:relative;top:20px}
	#header .wrap h1 img{width:130px}
	#header .lnb,
	#header .lib{display:none}
	#header .lib{float:left;margin-left:-10px}
	#header .lib ul{overflow:hidden}
	#header .lib li{float:left;margin-right:1px}
	#header .lib li a{display:block;padding:0 12px;line-height:35px;font-size:13px;font-weight:300;color:#333}
	#header .lib li a:hover,
	#header .lib li.sel a{color:#000;background:#dbdbdb}
	#header .lnb{float:right;margin-right:-10px}
	#header .lnb ul{overflow:hidden}
	#header .lnb li{float:left}
	#header .lnb li a{display:block;padding:0 10px;line-height:35px;font-size:12px;font-weight:300;color:#333}
	#header .lnb li a:hover{color:#000;background:#dbdbdb}
	#header .lnb .mlose{display:block}
	#header.fixed{position:fixed;top:-35px;border-bottom:1px solid #aaa;box-shadow:0px 2px 0px rgba(0,0,0,0.07)}
	#header.fixed .lnb,
	#header.fixed .lib{margin-top:-10px;opacity:0}
	#header .searchbox{position:relative;padding:0 10px;overflow:hidden}
	#header .searchbox input{padding:0 10px;width:100%;height:40px;line-height:40px;font-size:14px;border:0;border-bottom:1px solid #333;background:#fff;border-radius:0}
	#header .searchbox button{position:absolute;top:0;right:0;display:block;width:40px;height:40px;border:0;background:none}
	#header .searchbox button i{font-size:17px;font-weight:700;color:#1a98d5}
	#header .telephone{display:none}
	#header .telephone span{float:left;display:block;padding:0 5px;line-height:40px;font-size:13px;font-weight:300;letter-spacing:-1px}
	#header .telephone strong{position:relative;top:5px;font-size:24px;font-weight:800;color:#20409a}
	
	/**/
	#gnbshop{display:none}

	/**/
	#category{display:none}

	/**/
	#sortgrid{border-bottom:1px solid #eee}
	#sortgrid .sort{text-align:center}
	#sortgrid .sort h3{position:absolute;font-size:0;line-height:0;overflow:hidden}
	#sortgrid .sort ul{padding:10px 0;zoom:1}
	#sortgrid .sort ul:after{display:block;visibility:hidden;clear:both;content:""}
	#sortgrid .sort li{display:inline}
	#sortgrid .sort li a{display:inline-block;padding:0 11px;line-height:20px;font-size:12px;font-weight:400;font-family:'Noto Sans KR';letter-spacing:-1px;color:#999;border-right:1px solid #eee}
	#sortgrid .sort li a:hover{color:#1a98d5}
	#sortgrid .sort li:last-child a{border-right:0}
	#sortgrid .path,
	#sortgrid .grid{display:none}

	/**/
	#footer{position:relative;}
	#footer .footer{    width: 100%;padding:30px 0;position:relative;text-align:center}
	#footer .footer a{}
	#footer .footer ul{padding:20px 0;overflow:hidden}
	#footer .footer li{display:inline-block}
	#footer .footer li a{display:inline-block;padding:0 4px;font-size:12px;letter-spacing:-1px}
	#footer .footer li a:hover{color:#fff}
	#footer .footer p{color:#afafb0}
	#footer .footer p strong{padding-left:10px;font-size:30px;color:#fff}
	#footer .footer p a{font-size:30px}
	#footer .footer address{display:block;padding:20px 30px;color:#aaa}
	#footer .footer address br{/*display:none*/}
	#footer .footer address span{font-size:12px}
	#footer .footer address strong{font-size:12px}
	#footer .footer cite{display:block;font-size:12px;color:#888;text-transform:uppercase}
	#footer .line{position:absolute;top:65px;left:0;display:none;width:100%;height:1px;background:#535355}
	#footer .phone{position:fixed;z-index:90000;bottom:0;left:0;width:80%;overflow:hidden;display:none}
	#footer .phone a{float:left;display:block;padding:0 10px;width:50%;height:50px;line-height:50px;font-size:14px;font-weight:400;text-align:center;box-sizing:border-box;overflow:hidden}
	#footer .phone .ph1{color:#fff;background:#02aaff}
	#footer .phone .ph2{color:#fff;background:#555}
	#footer .gotop{position:fixed;z-index:90000;bottom:20px;right:20px;display:none}
	#footer .gotop a{display:block;height:50px;line-height:50px;font-size:12px;font-weight:400;text-align:center;color:#fff;background:#333;overflow:hidden}
	#footer .instafeed_area .insta_area ul li img{width: 100px;height: 100px;}
	#footer #instafeed_slide ul li img{width: 100px;height: 100px;object-fit: cover;}

	/**/
	#preview{position:relative;background:#eee}
	#preview ul li a img{display:block;margin:0 auto;width:auto;max-width:80%;height:auto}
	#preview .bx-controls-auto{float:left;position:relative}
	#preview .bx-controls-direction a{position:absolute;top:50%;z-index:1;display:block;margin:-10px 0 0 0;width:30px;height:20px;font-size:1px;text-align:center;speak:none}
	#preview .bx-controls-direction a:hover{z-index:2}
	#preview .bx-controls-direction a:before{position:absolute;top:0;display:block;width:30px;height:20px;line-height:22px;font-size:11px;font-weight:800;color:#fff;background:#555;transition:all 0.3s}
	#preview .bx-controls-direction a:hover:before{width:30px;color:#000;background:#fff}
	#preview .bx-prev{left:0}
	#preview .bx-prev:before{content:"\e875";left:0}
	#preview .bx-next{right:0}
	#preview .bx-next:before{content:"\e876";right:0}

	/**/
	#visual{position:relative;overflow:hidden}
	#visual ul li img{display:block;width:auto;max-width:100%;height:auto}
	#visual .bx-viewport{z-index:10}
	#visual .bx-controls-direction a{position:absolute;top:50%;z-index:500;display:block;margin-top:-20px;width:60px;height:40px;font-size:1px;text-align:center;transition:all 0.3s}
	#visual .bx-controls-direction a:hover{z-index:200}
	#visual .bx-controls-direction a:before{position:absolute;top:0;display:block;width:60px;height:40px;line-height:42px;font-size:15px;font-weight:800;color:#000;background:#f7f7f7;transition:all 0.3s}
	#visual .bx-controls-direction a:hover:before{color:#fff;background:#1a98d5}
	#visual .bx-controls-direction a.disabled{display:none}
	#visual .bx-prev{left:-20px}
	#visual .bx-prev:before{content:"\e875";border-top-right-radius:60px;border-bottom-right-radius:60px}
	#visual .bx-prev:hover{left:0}
	#visual .bx-next{right:-20px}
	#visual .bx-next:before{content:"\e876";border-top-left-radius:60px;border-bottom-left-radius:60px}
	#visual .bx-next:hover{right:0}
	#visual .bx-pager{position:absolute;z-index:100;top:85%;left:0;width:100%;text-align:center}
	#visual .bx-pager-item{display:inline;margin-right:5px}
	#visual .bx-pager-item a{display:inline-block;width:50px;height:20px;border-bottom:1px solid #fff;text-indent:-9999em;overflow:hidden;transition:all 0.3s ease-in-out}
	#visual .bx-pager-item a.active{width:50px;height:20px;border-bottom:4px solid #f39800;transition:all 0.3s ease-in-out}

	/**/
	#index .ca00{padding:0px 0;background:#f1f7f7}#index .ca00 .item{border:0px solid #fff}
	#index .ca10{padding:0px 0;background:#ffffff}
	#index .ca20{padding:0px 0;background:#faf6f4}#index .ca20 .item{border:0px solid #fff}
	#index .ca30{padding:0px 0;background:#ffffff}
	#index .ca40{padding:0px 0;background:#faf4f9}#index .ca40 .item{border:0px solid #fff}
	#index .ca50{padding:0px 0;background:#ffffff}
	#index .ca60{padding:0px 0;background:#efefef}#index .ca60 .item{border:0px solid #fff}
	#index .ca70{padding:0px 0;background:#ffffff}
	#index .ca80{padding:0px 0;background:#f0e8f2}#index .ca80 .item{border:0px solid #fff}
	#index .ca90{padding:0px 0;background:#ffffff}

	#index .mid_box .mid_box_1{width: 100%;text-align: center; left: 0;padding: 0 30px;position: relative;}
	#index .mid_box .mid_box_2{width: 80%;text-align: center;right: 0;padding: 0 30px;position: relative; margin: 30px auto 100px;}
	#index .mid_box .mid_box_3{    width: 100%;text-align: center; right: 0;padding: 0 30px;position: relative; top: inherit;}
	#index .mid_box .mid_box_4{    width: 80%;text-align: center; left: 0;padding: 0 30px; position: relative; top: inherit;margin: 30px auto 100px;}
	#index .mid_box .mid_box_1 .mid_box_btn a.fa_mo, #index .mid_box .mid_box_3 .mid_box_btn a.fa_mo{display:inline-block}
	#index .mid_box .mid_box_1 .mid_box_btn a.fa_pc, #index .mid_box .mid_box_3 .mid_box_btn a.fa_pc{display:none}


	/**/
	#direct{}
	#direct h2{padding:10px;line-height:48px;font-size:18px;font-weight:500;letter-spacing:-1px}
	#direct ul{overflow:hidden}
	#direct li{float:left;width:50%}
	#direct li a{display:block;margin:0 5px 20px 5px;padding:9px;background-size:40% auto;transition:all 0.2s ease-in-out}
	#direct li a:hover{background-color:#eee}
	#direct li *{display:block;color:#555;color:rgba(0,0,0,0.5)}
	#direct li i{margin:5px 0;width:10px;height:2px;background:#555;background:rgba(0,0,0,0.3)}
	#direct li em{margin-bottom:4px;font-size:8px;text-transform:uppercase}
	#direct li strong{margin-bottom:20px;font-size:16px;font-weight:500;letter-spacing:-1px}
	#direct li span{margin-bottom:10px;font-size:12px}

	/**/
	#prod{padding:0}
	#prod h2{padding:10px;line-height:48px;font-size:18px;font-weight:500;letter-spacing:-1px}
	#prod ul{overflow:hidden}
	#prod li{float:left;position:relative;width:50%}
	#prod p{position:absolute;top:20px;right:20px}
	#prod p a{position:relative;display:block;padding-right:35px;height:24px;line-height:24px;font-size:15px;font-weight:200}
	#prod p a i{position:absolute;top:0;right:0;display:block;width:23px;height:24px;background:url(../img/more.png) no-repeat 50% 50%}
	#prod li:nth-child(odd) .item{}
	#prod li:nth-child(even) .item{}
	#prod li:hover:nth-child(odd) .item{}
	#prod li:hover:nth-child(even) .item{}
	#prod li:hover .sns{display:block}
	#prod .wrap{padding:0 30px}
	#prod .item{margin:0 10px 20px 10px;min-height:480px;transition:all 0.2s ease-in-out}
	#prod .img{padding:20px 0;text-align:center;overflow:hidden}
	#prod .img img{position:relative;z-index:1;transition:transform 0.5s}
	#prod .img img:hover{transform:scale(1.1)}
	#prod .txt{position:relative;z-index:2;padding:0 30px;padding-bottom:10px;overflow:hidden}
	#prod .txt strong{font-size:13px;letter-spacing:1px;color:#777;font-weight:700}
	#prod .txt a{display:block;margin:5px 0;height:40px;line-height:20px;font-size:18px;font-weight:500;color:#333;overflow:hidden;transition:all 0.2s ease-in-out}
	#prod .txt a:hover{color:#000}
	#prod .txt span{display:block;font-size:13px;color:#777;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
	#prod .cost{padding:0 30px}
	#prod .cost strong{font-size:20px;font-weight:700}
	#prod .cost .tit{float:left;display:block;width:85px;line-height:21px;font-size:12px;text-align:center;letter-spacing:-1px;border:0px solid #aaa;background:#fff;border-radius:30px}
	#prod .cost .price{float:right;line-height:21px;color:#777}
	#prod .cost .prime{padding-bottom:5px;overflow:hidden}
	#prod .cost .reduced{overflow:hidden}
	#prod .cost .reduced .tit{}
	#prod .cost .reduced .price{color:#333}
	#prod .ico{position:absolute;z-index:2;top:20px;left:30px}
	#prod .shop_icon{margin-right:1px;width:40px;height:20px;line-height:20px;font-size:11px;font-weight:700;text-align:center;border-radius:0%}
	#prod .sns{display:none;position:absolute;top:240px;right:0px;text-align:center;z-index:60;width:100%}
	#prod .sns a{display:inline-block;margin:2px;padding:10px 0;width:40px;height:40px;text-align:center;background:rgba(0,0,0,0.3);border-radius:50%;transition:all 0.2s ease-in-out}
	#prod .sns a img{width:18px}
	#prod .sns .share-facebook:hover{background:#415b92}
	#prod .sns .share-twitter:hover{background:#35b3dc}
	#prod .sns .share-googleplus:hover{background:#d5503a}
	#prod .top_img .top_tab a{}
	#prod .top_img{background-position: top;}

	/**/
	#detail{}
	#detail .detail{width: 100%;*zoom:1}
	#detail .detail:before,
	#detail .detail:after{clear:both;display:table;content:"";line-height:0}
	#detail .fl{width:100%}
	#detail .fr{width:100%}
	#detail .group{padding:60px 30px/*padding:30px;border:1px solid #ccc*/}
	#detail .subject{padding:10px 0;border-bottom:1px solid #999}
	#detail .subject strong{font-size:12px;color:#777}
	#detail .subject h3{padding-bottom:5px;line-height:40px;font-size:24px;font-weight:500;color:#2b2b2b}
	#detail .subject p{font-size:15px;color:#474747}
	#detail .commodity{padding:15px 0}
	#detail .commodity li{overflow:hidden}
	#detail .commodity li label{float:left;font-size:14px}
	#detail .commodity li strong{float:right}
	#detail .commodity li strong span{position:relative;top:-2px;padding:0 3px;font-size:14px;font-weight:300}
	#detail .commodity li label,
	#detail .commodity li strong{display:block;line-height:30px}
	#detail .commodity .price{font-size:17px}
	#detail .option{padding:10px 0;border-top:1px solid #eee}
	#detail .option h4{padding:5px 0 15px 0}
	#detail .option div{margin-bottom:5px;line-height:35px;overflow:hidden}
	#detail .option div label{float:left;display:block;width:15%}
	#detail .option div span{float:left;display:block;width:85%}
	#detail .option select{width:100%;height:35px;border:1px solid #cdcdcd}
	#detail .option h3{font-size:15px}
	#detail .seloption h4{display:none}
	#detail .seloption .sit_opt_list{position:relative;padding:15px 0;padding-right:220px;border-bottom:1px solid #999}
	#detail .seloption .opt_name{line-height:20px;font-size:14px;font-weight:500;letter-spacing:-0px}
	#detail .seloption .opt_count{position:absolute;top:50%;right:0;margin-top:-15px}
	#detail .selprice{padding:15px 0;text-align:right;font-size:17px;font-weight:700;color:#57839e;overflow:hidden}
	#detail .selprice span{font-size:15px;font-weight:400}
	#detail .selprice .price{font-size:24px}
	#detail .selbtn{overflow:hidden}
	#detail .selbtn button{float:left;width:48%;height:45px;font-size:16px;font-weight:500;border:0}
	#detail .selbtn a{float:right;display:block;width:15%;height:45px;line-height:45px;font-size:15px;font-weight:500;text-align:center}
	#detail .selbtn button i,
	#detail .selbtn a i{font-size:16px;font-weight:300}
	#detail .selbtn .btn_order{color:#fff;background:#57839e}
	#detail .selbtn .btn_order:hover{background:#6396b5}
	#detail .selbtn .btn_buy{color:#fff;background:#003e9e}
	#detail .selbtn .btn_buy:hover{background:#0052d0}
	#detail .selbtn .btn_counsel{float:right;color:#fff;background:#666}
	#detail .selbtn .btn_counsel:hover{background:#777}
	#detail .selbtn .btn_cart{color:#fff;background:#009b48}
	#detail .selbtn .btn_cart:hover{background:#00af51}
	#detail .selbtn .btn_wish{border:1px solid #b3b3b3;background:#fff}
	#detail .selbtn .btn_wish:hover{color:#d50c0c;border:1px solid #d50c0c}
	#detail .selbtn .btn_alm{color:#fff;border:0;background:#d50c0c}
	#detail .selimage{text-align:center}
	#detail .selimage a{display:none}
	#detail .selimage a.visible{display:block}
	#detail .selimage img{width:auto;max-width:100%;height:auto}
	#detail .selthumb{}
	#detail .selthumb ul{}
	#detail .selthumb li{}
	#detail .selthumb li a{}
	#detail #sit_opt_added button {float:left;width:30px;height:30px;border:1px solid #aaa;background:#fff;color:#666;font-size:0.92em}
	#detail #sit_opt_added button:hover{color:#000}
	#detail #sit_opt_added .num_input {float:left;border:0;height:30px;border-top:1px solid #aaa;border-bottom:1px solid #aaa;text-align:center}
	#detail #sit_opt_added .sit_opt_del{border:0;font-size:15px}
	#detail #sit_opt_added .sit_opt_del:hover{color:#be334a}
	#detail #sit_opt_added .sit_opt_prc{display:block;float:left;width:100px;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:700}

	/**/
	#shopinfo{width:100%}
	#shopinfo .fixed{position:fixed;left:0;right:0;top:0;z-index:10;width:100%}
	#shopinfo .shoptab{padding:10px}
	#shopinfo .shoptab ul{*zoom:1}
	#shopinfo .shoptab ul:before,
	#shopinfo .shoptab ul:after{clear:both;display:table;content:"";line-height:0}
	#shopinfo .shoptab li{float:left;width:100%}
	#shopinfo .shoptab li:last-child{width:100%}
	#shopinfo .shoptab li a{display:block;margin-bottom:5px;line-height:50px;font-size:13px;letter-spacing:-1px;text-align:center;border:1px solid #ccc;border-left:0;background:#fafafa}
	#shopinfo .shoptab li:first-child a{border-left:1px solid #ccc}
	#shopinfo .shoptab .sel a{color:#000;background:#e8f7ff}
	#shopinfo #dtinfo{margin:100px auto;width:85%;line-height:1.7em;overflow:hidden}
	#shopinfo #dtinfo img{max-width:100%;height:auto}
	#shopinfo #dtinfo .v_pc{}
	#shopinfo #dtinfo .v_mb{}

	/**/
	#sit_inf{padding:0 10px}
	
	/**/
	#rank{background:#fff}
	#rank h2{padding:0 0 20px 0;line-height:48px;font-size:18px;font-weight:500;letter-spacing:-1px}
	#rank ul{overflow:hidden}
	#rank li{float:left;position:relative;width:100%}
	#rank li:hover .item{border:1px solid #777;background-color:#fff}
	#rank li:hover .sns{display:block}
	#rank p{position:absolute;top:20px;right:10px}
	#rank p a{position:relative;display:block;padding-right:35px;height:24px;line-height:24px;font-size:15px;font-weight:200}
	#rank p a i{position:absolute;top:0;right:0;display:block;width:23px;height:24px;background:url(../img/more.png) no-repeat 50% 50%}
	#rank .item{margin:0 0 10px 0;padding:0 15px;border:1px solid #dbdbdb;background-color:#fff;transition:all 0.2s ease-in-out}
	#rank .img{padding:15px 0;text-align:center}
	#rank .img img{width:auto;max-width:100%;height:auto}
	#rank .txt{padding:2px 0;min-height:40px;overflow:hidden}
	#rank .txt a{display:block;font-size:13px;font-weight:500;letter-spacing:-1px;color:#333;transition:all 0.2s ease-in-out}
	#rank .txt a:hover{color:#000}
	#rank .txt span{display:block;padding:5px 0;font-size:11px;letter-spacing:-1px;color:#777}
	#rank .cost{padding-bottom:20px}
	#rank .cost strong{font-size:20px;font-weight:700}
	#rank .cost .tit{float:left;display:block;padding:0 10px;line-height:21px;font-size:12px;border:1px solid #aaa}
	#rank .cost .price{float:right;line-height:21px}
	#rank .cost .prime{padding-bottom:5px;overflow:hidden}
	#rank .cost .reduced{overflow:hidden}
	#rank .cost .reduced .tit{color:#de511b;border-color:#de511b}
	#rank .cost .reduced .price{color:#de511b}
	#rank .rank{position:absolute;top:0;left:0;width:50px;height:50px;line-height:50px;font-size:14px;font-weight:700;text-align:center;color:#fff;border-radius:0%;background:#999}
	#rank .rn1{background:#df0000}

	/**/
	#review{background:#efefef}
	#review h2{padding:20px 10px;font-size:22px;font-weight:500;letter-spacing:-1px}
	#review h2 span{display:block;font-weight:300}
	#review ul{overflow:hidden}
	#review li a{display:block;position:relative;margin:0 5px;min-height:350px;background-color:#fff}
	#review li a strong{display:block;padding-bottom:10px;font-size:16px;font-weight:600}s
	#review li a span{display:block;font-size:13px;font-weight:400}
	#review li a:hover .img div{background-size:110% auto}
	#review li a:hover .txt{color:#000}
	#review .wrap{padding:10px 0}
	#review .img{padding:20px}
	#review .img div{height:160px;background-repeat:no-repeat;background-position:50% 50%;background-size:100% auto;transition:all 0.3s ease-in-out;overflow:hidden}
	#review .txt{padding:0 20px;min-height:130px;color:#777;transition:all 0.3s ease-in-out}
	#review .txt strong{display:block;line-height:20px;font-size:16px;font-weight:600}
	#review .txt span{display:block;padding:5px 0;height:80px;font-size:13px;font-weight:400;overflow:hidden}
	#review .star{padding:0 20px 20px 20px}
	#review .star strong{float:left;padding-right:10px;font-size:13px}
	#review .star img{width:40%}
	#review .bx-controls{position:absolute;top:40px;right:0px}
	#review .bx-controls-auto{float:left;position:relative}
	#review .bx-controls-direction a{position:relative;z-index:1;float:left;display:block;margin-right:4px;width:30px;height:30px;text-align:center;speak:none}
	#review .bx-controls-direction a:hover{z-index:2}
	#review .bx-controls-direction a:before{position:absolute;top:0;left:0;display:block;width:30px;height:30px;line-height:26px;font-size:14px;font-weight:600;border:2px solid #4c4c4c;background:#efefef}
	#review .bx-controls-direction a.disabled{display:none}
	#review .bx-prev:before{content:"\e875"}
	#review .bx-next:before{content:"\e876"}

	/**/
	#event{padding:20px 0}
	#event ul{overflow:hidden}
	#event li{float:left;width:100%}
	#event li div{margin:0 0 10px 0;padding:20px;min-height:120px;background-size:50% auto;transition:all 0.2s ease-in-out}
	#event li div:hover{background-color:#eee}
	#event li a{display:block}
	#event li *{display:block;color:#555;color:rgba(0,0,0,0.5)}
	#event li i{margin:0 0 10px 0;width:15px;height:2px;background:#555;background:rgba(0,0,0,0.5)}
	#event li strong{font-size:17px;font-weight:600;letter-spacing:-1px}
	#event li span{display:block;padding:10px 20% 10px 0;line-height:16px;font-size:13px}

	/**/
	#contain{background:#fff}
	#article{border-top:0;position:relative}
	#article:before{content:''}
	#article > .wrap{padding-bottom:10px}
	#article > .wrap > h2{display:block;margin:10px 0;padding: 0 30px;line-height:20px;font-size:30px;font-family:'Noto Sans KR';font-weight:500;letter-spacing:-1px;color:#222;}
	#article .listlocal{right:10px}

	/**/
	#aside{position:absolute;top:233px;right:-170px;width:150px}
	#quick,
	#today{display:none}

	/**/
	#poplayer{display:none;position:fixed;z-index:5000;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.7)}
	#poplayer .poplayer{position:absolute;z-index:5000;top:0;left:0;padding:10px;border:2px solid #4f535d;background:#fff}
	#poplayer .poplayer h3{padding-bottom:5px;font-size:24px;letter-spacing:-1px;text-align:center}
	#poplayer .product{padding-bottom:5px;border-top:2px solid #ccc}
	#poplayer .product table{width:100%;border-collapse:collapse}
	#poplayer .product table th{padding:5px 0;font-size:11px;color:#777;background:#fafafa}
	#poplayer .product thead{display:none}
	#poplayer .product a strong{display:block}
	#poplayer .product a span{display:block;font-size:12px}
	#poplayer .policy{padding-bottom:5px}
	#poplayer .policy h4{font-size:13px;letter-spacing:-1px;color:#003e9e}
	#poplayer .policy ul{padding-bottom:5px}
	#poplayer .policy ul li{font-size:12px}
	#poplayer .policy ul ul{padding:0 0 5px 10px}
	#poplayer .policy .agree{line-height:30px;text-align:center}
	#poplayer .policy .agree strong{position:relative;top:2px;padding:0 20px 0 0;font-size:12px}
	#poplayer .policy .agree label{padding-right:10px;font-size:12px}
	#poplayer .policy .area{padding:5px 10px;height:70px;border:1px solid #ccc;overflow-x:hidden; overflow-y:scroll}
	#poplayer .form .input{position:relative;padding:0 0 5px 13%}
	#poplayer .form .input label{position:absolute;top:2px;left:10px;padding-right:10px;font-size:12px}
	#poplayer .form .input label strong{display:none}
	#poplayer .form .input select{padding:0 5px;height:30px;line-height:30px;border:1px solid #eee}
	#poplayer .form .input input,
	#poplayer .form .input textarea{width:100%;border:1px solid #eee}
	#poplayer .form .input .t_txt{padding:0 5px;height:30px;line-height:30px}
	#poplayer .form .input .t_area{padding:5px;height:80px}
	#poplayer .button{padding-top:10px;text-align:center}
	#poplayer .button button{padding:0 20px}
	#poplayer .button .btn_submit{color:#fff;background:#003e9e}

	/**/
	#consult .consult h3{margin-bottom:20px;padding:20px 0;font-size:24px;letter-spacing:-1px;text-align:center;border-bottom:2px solid #ccc}
	#consult .product{padding-bottom:20px}
	#consult .product dl{overflow:hidden}
	#consult .product dt a{display:block;margin:0 auto;width:150px}
	#consult .product dd{}
	#consult .product dd a{display:block;padding:20px 0}
	#consult .product dd a strong{display:block;font-size:20px}
	#consult .product dd a span{display:block;font-size:15px}	
	#consult .product .cost{font-size:24px;font-weight:700}
	#consult .product .cost span{position:relative;top:-2px;padding:0 3px;font-size:14px;font-weight:300}
	#consult .policy h4{font-size:13px;letter-spacing:-1px;color:#003e9e}
	#consult .policy ul{padding-bottom:5px}
	#consult .policy ul li{font-size:12px}
	#consult .policy ul ul{padding:0 0 5px 10px}
	#consult .policy .area{padding:10px 0;border-bottom:1px solid #eee}
	#consult .policy .agree{padding:10px 0;text-align:center}
	#consult .policy .agree strong{display:block;font-size:15px;letter-spacing:-1px}
	#consult .policy .agree label{padding-right:10px;font-size:13px}
	#consult .form{border:1px solid #ccc}
	#consult .form .input{position:relative}
	#consult .form .input label{position:absolute;top:5px;left:10px;display:block;line-height:40px;font-size:12px}
	#consult .form .input select{padding:0 5px;height:30px;line-height:30px;border:1px solid #eee}
	#consult .form .input input,
	#consult .form .input textarea{width:100%;border:1px solid #eee}
	#consult .form .input .t_txt{padding:0 5px;height:30px;line-height:30px}
	#consult .form .input .t_area{padding:5px;height:80px}
	#consult .form .input .txt{display:block;padding:10px 0 10px 20%;border-bottom:1px solid #eee}
	#consult .form .input:last-child .txt{border-bottom:0}
	#consult .button{padding-top:20px;text-align:center}
	#consult .button a,
	#consult .button input,
	#consult .button button{padding:0 20px}
	#consult .button .btn_ok{color:#fff;background:#009b48}
	#consult .button .btn_submit{color:#fff;background:#003e9e}
	#consult .button .btn_del{color:#fff;background:#f76800}
	#consult .button .btn_cancel{color:#fff;background:#555}
	#consult .sort{margin:0 0 30px 0;*zoom:1}
	#consult .sort:before,
	#consult .sort:after{clear:both;display:table;content:"";line-height:0}
	#consult .sort ul{height:37px;border-bottom:1px solid #313131}
	#consult .sort li{float:left;margin-right:3px}
	#consult .sort li:first-child a{margin:0}
	#consult .sort li *{transition:all 0.2s ease-in-out}
	#consult .sort li a{display:inline-block;position:relative;padding:0 17px;line-height:35px;font-size:13px;font-weight:500;letter-spacing:-1px;color:#888;text-align:center;border:1px solid #e3e3e4;border-bottom:1px solid #313131;background:#f3f3f3}
	#consult .sort li a i{display:none}
	#consult .sort li a:hover{position:relative;z-index:5;color:#fff;border:1px solid #313131;background:#313131}
	#consult .sort li a.sel{position:relative;z-index:5;color:#313131;border:1px solid #313131;border-bottom:1px solid #fcfcfc;background:#fff}
	#consult .sort li a.sel i{position:absolute;z-index:6;bottom:0px;left:50%;display:block;margin-left:-25%;width:50%;height:1px;background:#aaa}
	#consult .sort li a.sel:hover{color:#014fbb}
	#consult .sort li a.sel:hover i{margin-left:-0%;width:0%}
	#consult .table table{width:100%;border-collapse:collapse}
	#consult .table caption{display:none}
	#consult .table th{line-height:45px;font-size:12px;background:#f0f0f0}
	#consult .table tr:hover{background:#fff}
	#consult .table td{padding:0 10px;font-size:13px;color:#333;text-align:center;border-bottom:1px solid #ddd}
	#consult .table a strong{display:block;font-weight:600}
	#consult .table a span{display:block;font-size:12px}
	
	/**/
	#group{padding:0 10px}
	#group .txt{margin-bottom:40px;height:250px;text-align:center;background:#39394d url(../img/customer.png) no-repeat 50% 0}
	#group .txt h2{padding:90px 0 5px 0;font-size:30px;font-weight:500;color:#fff}
	#group .txt p{padding:0 20px;font-size:15px;font-weight:300;color:#fff}
	#group .wrap{padding:0 0 20px 0;border-top:0px solid #aaa}
	#group .group{float:left;width:100%}
	#group .latest{position:relative;min-height:300px}
	#group .latest h3{padding:0 10px;line-height:50px;font-size:18px;letter-spacing:-1px;border-bottom:1px solid #999;border-top:1px solid #eee}
	#group .latest li a{display:block;padding:10px;font-size:14px;border-bottom:1px solid #eee}
	#group .latest .nocontent{padding:100px 0}
	#group .latest .more{position:absolute;top:20px;right:10px}
	#group .latest .more i{font-size:15px;font-weight:100;color:#999}

	#mid_slide_area .mid_slide_wrap .mid_slide_right{width: 70%;text-align: center;}
	#mid_slide_area .mid_slide_wrap .mid_slide_left{width: 80%;}
	#mid_slide_area .mid_slide_wrap .mid_slide_left ul li{width: 100%;}
	#mid_slide_area .mid_slide_wrap .mid_slide_left img{width: 80%;}
	#mid_slide_area .mid_slide_wrap .bx-controls-direction a.bx-prev{left: 50px;}
	#mid_slide_area .mid_slide_wrap .bx-controls-direction a.bx-next{right: 50px;}
}

@media all and (max-width:480px) {
	#footer .instafeed_area{margin: 60px 20px;}
	#footer .instafeed_area .insta_id{    font-size: 16px;}
	#footer .footer address{padding: 20px 40px;text-align: left;}
	#footer .footer address span{font-size: 14px;}
	#footer .footer cite{padding: 0 40px 20px 40px;text-align: left;}

	#mid_slide_area .mid_slide_wrap .bx-controls-direction a{    top: -200px;}
	#mid_slide_area .mid_slide_wrap .mid_slide_left{ margin-right: 0;width: 90%;}
	#mid_slide_area .mid_slide_wrap .mid_slide_right{text-align: center; width: 80%;}
	#mid_slide_area .mid_slide_wrap .mid_slide_right h2{font-size: 22px;word-break: keep-all;}
	#mid_slide_area .mid_slide_wrap .mid_slide_right p{font-size: 19px;}
	#mid_slide_area .mid_slide_wrap .mid_slide_left img{width: 100%;}
	#mid_slide_area .mid_slide_wrap .mid_slide_right a{font-size: 18px; }
	#mid_slide_area .mid_slide_cont h1{    margin-bottom: 15px;}
	#mid_slide_area .mid_slide_cont p{width: 100%;}
	#mid_slide_area .mid_slide_wrap .bx-controls-direction a.bx-prev{left: 0px;}
	#mid_slide_area .mid_slide_wrap .bx-controls-direction a.bx-next{right: 0px;}

	#index .mid_box .mid_box_2, #index .mid_box .mid_box_4{width: 100%;}
	#index .mid_box .mid_box_2{margin: 30px auto 80px;height: auto;}
	#index .mid_box .mid_box_4{margin: 30px auto 0px;height: auto;}
	#index .mid_box{margin: 0 auto 60px auto;}
	#index .rolling_banner{    margin-top: -70px;background-attachment: initial;background-size: contain; margin-top: 0;}
	#index .mid_box .mid_box_1 .mid_box_btn, #index .mid_box .mid_box_3 .mid_box_btn{padding-top: 20px;}

	#pop_slide_area .pop_wrap{left: 18px;width: 80%;}
	#pop_slide_area .pop_wrap ul.pop_mid_slide li{width:100%;}
	#pop_slide_area .pop_wrap .bx-controls-direction a{top: -116px;}

	#prod li{width: 100%;}
	#prod .img img{width: 100%;height: auto;}
	#prod .wrap{padding: 0 30px;margin-top: 50px;}
	#prod .top_img .top_tab{height: 98px; top: 186px;}
	#prod .top_img .top_tab a{width: 33.33%;border-bottom: 1px solid RGBA(54,54,54,0.3);}
	#prod .top_img h2{word-break: keep-all; width: 80%;margin: 0 auto; top: 150px;}

	.break_p{display:block;}


}
@media all and (max-width:320px) {
	#mid_slide_area .mid_slide_wrap .bx-controls-direction a{top: -163px;}
	#footer .instafeed_area .insta_area ul li{margin: 3px;}
}

/*공통클래스속성*/
.nocontent{padding:50px 0;font-size:15px,'dotum','돋움','gulim','굴림','Tahoma','sans-serif';text-align:center}
.none{display:none !important}
.skip{display:none !important}
.hidden{visibility:hidden}
.block{display:block}
.both{clear:both}
.holiday{display:none;position:absolute;z-index:5000;top:50px;left:50%;margin-left:-285px !important;cursor:pointer}
.btn_mod{position:fixed;z-index:9000;bottom:0;left:0;width:100%;background:rgba(0,0,0,0.7)}
.btn_mod a{display:block;height:40px;line-height:40px;font-size:15px;font-weight:500;color:#fff;text-align:center}
.tal{text-align:left !important}
.tac{text-align:center !important}
.tar{text-align:right !important}
.fl{float:left}
.fr{float:right}
.left{text-align:left !important}
.center{text-align:center}
.right{text-align:right !important;white-space:normal;word-break:break-all}
.check label{position:absolute !important;z-index:1;top:-95px;left:5px;display:block;width:21px;height:21px;background:url(../img/common/check.png) no-repeat;text-indent:-9999em;overflow:hidden}
.blue{color:#43579f !important}
.black{color:#000 !important}
.red{color:#de511b !important}
.orange{color:#ff6c2b !important}
.gray{color:#888 !important}
.green{color:#00a19c !important}
.navy{color:#57839e !important}
.bold{font-weight:800 !important}
.price .bold{color:#c00}
.bd0{border:0 !important}
.fot15{font-size:15px !important;font-weight:800}
.finish{padding:10px 0;font-size:18px;text-align:center;color:#000;background:#fff000}

/*공통속성*/
.bd0{border:0 !important}
.bdt0{border-top:0 !important}
.bdb0{border-bottom:0 !important}
.bdb1{border-bottom:1px solid #ccc !important}
.mt1{margin-top:1px}
.mt2{margin-top:2px}
.mt3{margin-top:3px}
.mt4{margin-top:4px}
.mt5{margin-top:5px}
.mt6{margin-top:6px}
.mt7{margin-top:7px}
.mt8{margin-top:8px}
.mt9{margin-top:9px}
.mt10{margin-top:10px}
.mt11{margin-top:11px}
.mt12{margin-top:12px}
.mt13{margin-top:13px}
.mt14{margin-top:14px}
.mt15{margin-top:15px}
.mt16{margin-top:16px}
.mt17{margin-top:17px}
.mt18{margin-top:18px}
.mt19{margin-top:19px}
.mt20{margin-top:20px}
.mr1p{margin-right:1% !important}
.mr2p{margin-right:2% !important}
.mr3p{margin-right:3% !important}
.mr4p{margin-right:4% !important}
.mr5p{margin-right:5% !important}
.mr6p{margin-right:6% !important}
.mr7p{margin-right:7% !important}
.mr8p{margin-right:8% !important}
.mr9p{margin-right:9% !important}
.mr10p{margin-right:10% !important}
.mr11p{margin-right:11% !important}
.mr12p{margin-right:12% !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb35{margin-bottom:35px !important}

.mb40{margin-bottom:40px !important}
.mb45{margin-bottom:45px !important}
.mb50{margin-bottom:50px !important}
.mb55{margin-bottom:55px !important}

.pl07{padding-left:7px !important}
.pl10{padding-left:10px !important}
.pl11{padding-left:11px !important}
.pl12{padding-left:12px !important}
.pl13{padding-left:13px !important}
.pl14{padding-left:14px !important}
.pl15{padding-left:15px !important}
.pl16{padding-left:16px !important}
.pl17{padding-left:17px !important}
.pl18{padding-left:18px !important}
.pl19{padding-left:19px !important}
.pl20{padding-left:20px !important}

.pr10{padding-right:10px !important}
.pr15{padding-right:15px !important}
.pr20{padding-right:20px !important}
.pr25{padding-right:25px !important}
.pr30{padding-right:30px !important}
.pr35{padding-right:35px !important}
.pr40{padding-right:40px !important}
.pr45{padding-right:45px !important}
.pr50{padding-right:50px !important}
.pr55{padding-right:55px !important}
.pr60{padding-right:60px !important}
.pr65{padding-right:65px !important}

.w1p{width:1% !important}
.w2p{width:2% !important}
.w3p{width:3% !important}
.w4p{width:4% !important}
.w5p{width:5% !important}
.w6p{width:6% !important}
.w7p{width:7% !important}
.w8p{width:8% !important}
.w9p{width:9% !important}
.w10p{width:10% !important}
.w11p{width:11% !important}
.w12p{width:12% !important}
.w13p{width:13% !important}
.w14p{width:14% !important}
.w15p{width:15% !important}
.w16p{width:16% !important}
.w17p{width:17% !important}
.w18p{width:18% !important}
.w19p{width:19% !important}
.w20p{width:20% !important}
.w21p{width:21% !important}
.w22p{width:22% !important}
.w23p{width:23% !important}
.w24p{width:24% !important}
.w25p{width:25% !important}
.w26p{width:26% !important}
.w27p{width:27% !important}
.w28p{width:28% !important}
.w29p{width:29% !important}
.w30p{width:30% !important}
.w31p{width:31% !important}
.w32p{width:32% !important}
.w33p{width:33% !important}
.w34p{width:34% !important}
.w35p{width:35% !important}
.w36p{width:36% !important}
.w37p{width:37% !important}
.w38p{width:38% !important}
.w39p{width:39% !important}
.w40p{width:40% !important}
.w41p{width:41% !important}
.w42p{width:42% !important}
.w43p{width:43% !important}
.w44p{width:44% !important}
.w45p{width:45% !important}
.w46p{width:46% !important}
.w47p{width:47% !important}
.w48p{width:48% !important}
.w49p{width:49% !important}
.w50p{width:50% !important}
.w51p{width:51% !important}
.w52p{width:52% !important}
.w53p{width:53% !important}
.w54p{width:54% !important}
.w55p{width:55% !important}
.w56p{width:56% !important}
.w57p{width:57% !important}
.w58p{width:58% !important}
.w59p{width:59% !important}
.w60p{width:60% !important}
.w68p{width:68% !important}
.w70p{width:70% !important}
.w80p{width:80% !important}
.w90p{width:90% !important}
.w100p{width:100% !important}

.w10{width:10px !important}
.w20{width:20px !important}
.w30{width:30px !important}
.w40{width:40px !important}
.w50{width:50px !important}
.w60{width:60px !important}
.w70{width:70px !important}
.w75{width:75px !important}
.w80{width:80px !important}
.w85{width:85px !important}
.w90{width:90px !important}
.w95{width:95px !important}
.w100{width:100px !important}
.w110{width:110px !important}
.w120{width:120px !important}
.w125{width:125px !important}
.w130{width:130px !important}
.w140{width:140px !important}
.w150{width:150px !important}
.w160{width:160px !important}
.w170{width:170px !important}
.w180{width:180px !important}
.w190{width:190px !important}
.w200{width:200px !important}
.w210{width:210px !important}
.w220{width:220px !important}
.w230{width:230px !important}
.w240{width:240px !important}
.w250{width:250px !important}
.w260{width:260px !important}
.w270{width:270px !important}
.w280{width:280px !important}
.w290{width:290px !important}
.w300{width:300px !important}
.w310{width:310px !important}
.w320{width:320px !important}
.w330{width:330px !important}
.w340{width:340px !important}
.w350{width:350px !important}
.w360{width:360px !important}
.w370{width:370px !important}
.w380{width:380px !important}
.w390{width:390px !important}
.w400{width:400px !important}
.w500{width:500px !important}
.w600{width:600px !important}
.w700{width:700px !important}
.w800{width:800px !important}
.w900{width:900px !important}

.w1p{width:1% !important}
.w2p{width:2% !important}
.w3p{width:3% !important}
.w4p{width:4% !important}
.w5p{width:5% !important}
.w6p{width:6% !important}
.w7p{width:7% !important}
.w8p{width:8% !important}
.w9p{width:9% !important}
.w10p{width:10% !important}
.w11p{width:11% !important}
.w12p{width:12% !important}
.w13p{width:13% !important}
.w14p{width:14% !important}
.w15p{width:15% !important}
.w16p{width:16% !important}
.w17p{width:17% !important}
.w18p{width:18% !important}
.w19p{width:19% !important}
.w20p{width:20% !important}
.w21p{width:21% !important}
.w22p{width:22% !important}
.w23p{width:23% !important}
.w24p{width:24% !important}
.w25p{width:25% !important}
.w26p{width:26% !important}
.w27p{width:27% !important}
.w28p{width:28% !important}
.w29p{width:29% !important}
.w30p{width:30% !important}
.w31p{width:31% !important}
.w32p{width:32% !important}
.w33p{width:33% !important}
.w34p{width:34% !important}
.w35p{width:35% !important}
.w36p{width:36% !important}
.w37p{width:37% !important}
.w38p{width:38% !important}
.w39p{width:39% !important}
.w40p{width:40% !important}
.w41p{width:41% !important}
.w42p{width:42% !important}
.w43p{width:43% !important}
.w44p{width:44% !important}
.w45p{width:45% !important}
.w46p{width:46% !important}
.w47p{width:47% !important}
.w48p{width:48% !important}
.w49p{width:49% !important}
.w50p{width:50% !important}
.w51p{width:51% !important}
.w52p{width:52% !important}
.w53p{width:53% !important}
.w54p{width:54% !important}
.w55p{width:55% !important}
.w56p{width:56% !important}
.w57p{width:57% !important}
.w58p{width:58% !important}
.w59p{width:59% !important}
.w60p{width:60% !important}
.w68p{width:68% !important}
.w70p{width:70% !important}
.w80p{width:80% !important}
.w90p{width:90% !important}
.w100p{width:100% !important}

.h10{height:10px !important}
.h15{height:15px !important}
.h20{height:20px !important}
.h25{height:25px !important}
.h30{height:30px !important}
.h35{height:35px !important}
.h40{height:40px !important}
.h45{height:45px !important}
.h50{height:50px !important}
.h100{height:100px !important}
.h150{height:150px !important}
.h200{height:200px !important}
.h250{height:250px !important}
.h300{height:300px !important}

/* DatePicker Container */
.ui-datepicker{margin:5px auto;width:216px;height:auto;font:9pt Arial,sans-serif;background:#fff;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, .5)}
.ui-datepicker a{text-decoration:none}
.ui-datepicker table{width:100%}
.ui-datepicker-title{text-align:center}
.ui-datepicker-prev{float:left;background-position:center -30px}
.ui-datepicker-next{float:right;background-position:center 0px}
.ui-datepicker thead{border-bottom:1px solid #bbb;background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));background-image:-webkit-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);background-image:-o-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);background-image:-ms-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);background-image:linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );}
.ui-datepicker th{padding:5px 0;color:#666666;font-size:6pt;text-transform:uppercase;text-shadow:1px 0px 0px #fff;filter:dropshadow(color=#fff, offx=1, offy=0);}