@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("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}


/**/
#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}
#sct{width: 100%;margin: 0 auto;}

/**/
#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}
#visual{;z-index: 1;}
#index .video_wrap{position: relative;padding-bottom: 48.25%;height: 0; overflow: hidden;}
#index .video_wrap iframe, .video_wrap object, .video_wrap embed{position: absolute; top:0; left: 0; width: 100%; height: 100%;}
#index .video_wrap iframe{position: absolute; top: -10%; left: -10%; width: 120%;height: 120%;}
.entry-content img, .entry-content iframe, .entry-content object, .entry-content embed {max-width: 100%;}


#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%}

#mybook{width: 70%;margin: 0 auto;}
/*
#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}

#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 !important;top:0px;left:0px;width:260px;min-height:1000px;background:#ffffff;overflow:hidden}
#ktleft .title{height:70px;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;}
#ktleft .title a span{display:block;font-size:12px;}
#ktleft .menu{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;}
#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;letter-spacing: 1px;padding:4px 15px;line-height:38px;font-size:17px;color:#4c4c4c;border-bottom:1px solid #f1f1f1;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:18px;color:#4c4c4c;transition:all 0.2s ease-out 0s}
#ktleft .depth1.sel{color:#fff;background:#a3a09d;}
#ktleft .depth1.sel em{background-size:11px 3px}
#ktleft .depth1.sel i{color:#fff;transform:rotate(180deg);transition:all 0.2s ease-in-out 0s}
#ktleft .depth2{display:none;background:#f7f7f7}
#ktleft .depth2 a{display:block;padding:6px 25px;letter-spacing: 1px;line-height:24px;font-size:17px;color:#4c4c4c;border-bottom:0px solid #596170;text-decoration:none;word-break: keep-all;}
#ktleft .depth2 a.sel{color:#81c341}
#ktleft .depth2 li{padding: 5px 0px;border-bottom: 1px solid #e5e5e5;}
#closeleft{position:fixed;z-index:99999;cursor: pointer;left:260px;top:0px;background: #4c4c4c;}
#closeleft:before{content:"\f00d";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{position:absolute;z-index:1000;top:770px;left:50%;margin-left:-720px;width:100px;transition:all 0.3s}
#main #today{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}
video{width: 100%; height: 100%; object-fit:cover;}

#mid_slide_area{margin-top: 130px;} 
#mid_slide_area .mid_slide_cont{text-align: center;margin-bottom: 50px;}
#mid_slide_area .mid_slide_cont h1{font-size: 38px;font-weight: 400;}
#mid_slide_area .mid_slide_cont h2{font-size: 16px;margin: 25px 0px 9px 0;font-weight: 300;color: #a3a09d;    word-break: keep-all;}
#mid_slide_area .mid_slide_cont p{font-size: 14px;font-weight: 300;white-space: pre-line;    word-break: keep-all;}
#mid_slide_area .mid_slide_wrap{overflow: hidden;margin: 0 auto;text-align: center;}
#mid_slide_area .mid_slide_wrap .mid_slide_left{width: 450px;height: 580px;position: relative;overflow: hidden;display: inline-block;vertical-align: top;} 
#mid_slide_area .mid_slide{width: 500px;height: 700px;} 
#mid_slide_area .mid_slide li{width: 460px; overflow: hidden;}
#mid_slide_area .mid_slide li img{width: auto;height: auto;max-width: 100%;}
#mid_slide_area .mid_slide_wrap .bx-controls-direction a{position: absolute;top: 50%;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.bx-prev{left: 0;}
#mid_slide_area .mid_slide_wrap .bx-controls-direction a.bx-next{right: 0;}
#mid_slide_area .mid_slide_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;}
#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 .mid_slide_right{display: inline-block;margin-left: 50px;text-align: left;}
#mid_slide_area .mid_slide_wrap .mid_slide_right h2{font-size: 22px;font-weight: 400;margin-top: 55px;}
#mid_slide_area .mid_slide_wrap .mid_slide_right h2 span{display: block;font-size: 18px;color: #a3a09d;letter-spacing: 1px;margin-top: 3px;}
#mid_slide_area .mid_slide_wrap .mid_slide_right p{font-size: 14px; white-space: pre-line;margin: 20px 0;}
#mid_slide_area .mid_slide_wrap .mid_slide_right a{background: #a3a09d;padding: 8px 20px;display: inline-block;margin-bottom: 34px;color: #fff;}
#mid_slide_area .mid_slide_wrap .mid_slide_right a:hover{background: #a3a09d;}	


	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 .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}
	#ktplay .wrap .brand_mobile{display: none;}
	#ktplay .wrap .brand_mobile  > img{width:100%;}
	#ktplay .wrap .brand_mobile p{font-size: 16px;margin-top: 20px;padding: 0px 25px;}
	#ktplay .wrap .brand_mobile p span{display: block;font-size: 26px;margin: 34px 0 16px;}
	#ktplay .wrap .brand_mobile .brand_mobile_txt{margin: 50px 0;text-align: left;display: block;}
	#ktplay .wrap .brand_mobile .brand_mobile_joshua{text-align: right; width: 100%;}

	/**/
	#header{position:relative;z-index:1000;transition:all 0.4s ease-in-out;height: 100px;/* border-bottom: 1px solid #e7e7e7; */ width: 100%;margin: 0 auto;}
	#header .top{position:relative;z-index:1050;background:#fff;height: 100%;z-index: 2;}
	#header .header{position:relative;z-index:1040;height:90px;background:#fff;display: none;}
	#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 .wrap .tac{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;}
	#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}
	#header.active{position: fixed;height: 70px;}
	
	/**/
	#gnbshop{position:absolute;z-index:1000;top:0px;transform: translate(-50%,0);left: 50%;width: 1200px;padding: 0 30px;height: 100px;/*height:89px;left: 50%;margin-left: -600px;*/border-top:1px solid #eee;border-bottom:0px solid #4d4d4d;overflow:hidden;transition:all 0.3s}
	/* #gnbshop.active{position: fixed;height: 70px;} */
	#gnbshop > h1{float: left;width:220px;margin-top:30px;}
	#gnbshop h1 img{width: 100%;}
	#gnbshop h1 img.active{width: 72%;}
	#gnbshop .gnbshop{margin:0 auto;position:relative;float: right;transition:all 0.4s ease-in-out}
	#gnbshop .depth1{padding-top: 25px;overflow:hidden}
	#gnbshop .depth1 > .depth2{display: none;}
	#gnbshop .depth1.active{padding-top: 10px;}
	#gnbshop .depth1 *{transition:all 0.2s ease-in-out}
/* #gnbshop .depth1 > li.g6{display:none;} */
	#gnbshop .depth1 > li.g3{width: 166px;}
	#gnbshop .depth1 > li{float:left;position:relative;width:120px;height:336px;}
	#gnbshop .depth1 > li > a{display:block;position:relative;margin:0 10px;line-height:50px;font-size:15px;font-weight:400;letter-spacing:2px;text-align:center;color:#383838}
	#gnbshop .depth1 > li:hover{}
	#gnbshop .depth1 > li:hover > a{color:#a3a09d}	
	#gnbshop .depth1 > li > a.sel{color:#a3a09d}
	#gnbshop .depth1 > li > a.sel:hover{color:#a3a09d}
	#gnbshop .depth1 > li > a i{position:absolute;z-index:1;top:50px;left:50%;display:block;margin-left:-0%;width:0%;height:1px;background:#a3a09d}
	#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:#a3a09d}
	#gnbshop .depth2{position:absolute;top:210px;left:0;width:100%;padding-top: 25px;z-index: 10;transition:all 0.5s}
	#gnbshop .depth2 li a{display:block;line-height:25px;font-size:13px;text-align:center;color:#fff;    word-break: keep-all;}
	#gnbshop .depth2 li a:hover{color:#a3a09d}
	#gnbshop:hover .depth2{top:50px;transition:all 0.4s}
	#gnbshop.sel{height: 368px !important;}
	#gnbshop_bg{display: none;top: 80px;}
	#gnbshop_bg.sel{display: block; width: 100%;height: 310px;background: rgb(66 63 62 / 90%);left: 0;border-top: 1px solid #b2a69e;position: absolute;z-index: 1;}
	#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;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;}
	#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{}
	#category .category{padding:20px 10px;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:160px;text-align: center;}
	#footer .instafeed_area{text-align: center;position: relative;height: auto; width: 940px;margin: 80px auto 100px auto;}
	#footer #instafeed_slide{position: relative;width: 100%;margin-left: 1px;}
	#footer .instafeed_area p.insta_id{margin-bottom: 20px !important;}
	#footer #instafeed{width: 90%; margin: 0 auto;margin-top: 40px;}
	#footer #instafeed li{width: 160px;display: inline-block;height: 160px;overflow: hidden;margin: 2px 4px;}
	#footer #instafeed li img{width: 100%;}
	#footer .footer{position:relative;margin:10px auto 30px;padding-bottom: 30px;width: 100%;border-top: 1px solid #e3e3e3;}
	#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;color:#585858}
	#footer .footer address span{font-size:13px}
	#footer .footer address strong{font-size:13px}
	#footer .footer cite{display:block;font-size:12px;color:#585858;text-transform:uppercase;margin-top: 15px;}
	#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 .footer address div{margin-bottom: 20px;margin-top: 60px;}
	#footer .footer address div span{margin-right: 3px;}
	#footer .footer a.instagram{background: url(../img/sns_icon_bk_insta.png);width: 29px;height: 29px;background-repeat: no-repeat;display: inline-block;}
	#footer .footer a.kakao{background: url(../img/sns_icon_bk_kakao.png);width: 29px;height: 29px;background-repeat: no-repeat;display: inline-block;}
	#footer .footer a.naver{background: url(../img/sns_icon_bk_naver.png);width: 29px;height: 29px;background-repeat: no-repeat;display: inline-block;}



	/**/
	#sortgrid{}
	#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{}
	#sortgrid .sort li:last-child a{border-right:0}
	#sortgrid .path{position:absolute;top:-37px;right:0;display: none;}
	#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;width: 100%;height: 660px;/*background: url(http://joshuabellebridal.com/theme/cowayPuls2020/img/video_bg.jpg) center no-repeat;background-size: cover;*/}
	#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;}
	#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}
	
	/**/
	#index{}
	#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 .main_banner_md div{background-attachment: fixed !important;background-position: center !important;height: 422px;position: relative; margin-top: 160px;overflow: hidden;background: url(http://joshuabellebridal.com/theme/cowayPuls2020/img/main_slide3.jpg);background-size: cover;}
	#index .main_banner_md div h3{word-break: keep-all;font-size: 22px;color: #3e3e3e;font-weight: 500;position: absolute;top: 123px;left: 95px;}
	#index .main_banner_md div span{word-break: keep-all;font-size: 16px;color: #585858;position: absolute;top: 175px;left: 95px;}

	/**/
	#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 auto;width: 1200px;overflow:hidden}
	#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{}
	#prod li:hover .item{}	
	#prod li:nth-child(3n+1) .item{background-color:#fff}
	#prod li:hover:nth-child(3n+1) .item{background-color:#fff}	
	#prod li:nth-child(3n+2) .item{background-color:#fff}
	#prod li:hover:nth-child(3n+2) .item{background-color:#fff}		 
	#prod li:hover .sns{display:block}
	.hide_area{display: none;}
	#prod .main_tail_img{width: 100%;padding: 100px 30px;text-align: center;margin-top: 160px;}
	#prod .main_tail_img li{float: none;display: inline-block;    width: 235px;height: 302px;overflow: hidden;} 
	#prod .main_tail_img li img{width: 100%;}
	#prod .main_tail_img li .tail_img_title{position: absolute;z-index: 10;top: 0;left: 0;width: 100%;}
	#prod .main_tail_img li .tail_img_title p{color: #fff;font-size: 11px;letter-spacing: 2px;position: absolute;top: 324px;left: 50%;margin-left: -140px;}	
	#prod .main_tail_img li .tail_img_title span{color: #fff;font-size: 18px;letter-spacing: 1px;display: block;margin-bottom: 20px;position: absolute;top: 160px;white-space: pre-line;text-align: center;width: 100%;}
    #prod .main_tail_img li .tail_img_title a{font-size: 14px;padding: 5px 27px;position: absolute;top: 231px;margin-left: -41px;left: 50%;background: #fff;}
	#prod .main_tail_img li .tail_img_title a:hover{opacity: 0.5;transition:all 0.2s ease-in-out}
	#prod .main_tail_img li .tail_img_bg{position: absolute;top: 0;background: #000;width: 100%;height: 100%;opacity: 0.6;z-index: 1;transition:all 0.2s ease-in-out;}
	#prod .main_tail_img li .tail_img_bg img{width: 67px;padding-top: 56px;}
	#prod .item{margin:0 10px 20px 10px;min-height:440px;transition:all 0.2s ease-in-out}
	#prod .img{text-align:center;overflow:hidden}
	#prod .img img{position:relative;z-index:1;object-fit: cover;width: 100%;height: 420px;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;display: none; overflow:hidden}
	#prod .txt.list20{position:relative;z-index:2;text-align: center;padding-top:10px;display: block; 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: 14px;font-weight: normal;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}

	/**/
	#detail{display:none;position:relative;top:-1px;background:#fff}
	#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{}
	#detail .subject{padding:10px 0;}
	#detail .subject strong{font-size:16px;color:#777}
	#detail .subject h3{font-size:18px;font-weight:400;color:#585858}
	#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}
	#detai .seloption{display: none;}
	#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;margin-right: 10px;}
	#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:#a3a09d}
	#detail .selbtn .btn_cart:hover{background:#c1c1c1}
	#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{}
	#detail .selthumb ul{margin-top: 20px;}
	#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:60px auto 160px auto;width:1200px;}
	#shopinfo .fixed{position:fixed;top:0;z-index:10;width:1200px}
	#shopinfo .shoptab{display:none;margin-bottom: 20px;}
	#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;font-size:12px;color: #383838;padding: 7px;text-align:center;border:1px solid #e9e9e9;border-left:0;background:#fafafa}
	#shopinfo .shoptab li:first-child a{}
	#shopinfo .shoptab .sel a{color:#000;background:#e8f7ff}
	#shopinfo #dtinfo{width: 92%;margin: 0 auto;text-align: center;line-height:1.7em;overflow:hidden} /* ie6 미대응시 #sit_inf_explan {margin:0 0 10px} 만으로 충분 */
	#shopinfo #dtinfo img{max-width:100%;margin-bottom: 20px;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:-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;}
	#article > .wrap{padding-bottom:0px}
	#article > .wrap > h2, .top_title > h2{display: block;padding:30px 0 20px 0;font-size:30px;font-family:'Noto Sans KR';font-weight:500;color:#585858;}
	.top_title{width: 1200px;margin: 0 auto;}

	/**/
	#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}


@media all and (min-width:769px) and (max-width:1179px) {
	html,body{background:#fff}
	#ktplay{width:100%;height:100%}
	#ktplay .wrap{position:relative;width: 100%;padding:0 30px;*zoom:1}
	#ktplay .wrap img.brand_img{width: 100%}
	#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{}
	#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;}
	#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;width:100%;padding: 0 30px;margin-left: 0;overflow:hidden;transition:all 0.3s}
	#gnbshop .gnbshop{position:relative;transition:all 0.4s ease-in-out;width: 80%;float: right;}
	#gnbshop .depth1{overflow:hidden;height: 460px;}
	#gnbshop_bg.sel{height: 384px;}
	#gnbshop.sel{height: 458px !important;}
	#gnbshop .depth1 *{transition:all 0.2s ease-in-out}
	#gnbshop .depth1 > li{float:left;position:relative;width:16%;height:282px}
	#gnbshop .depth1 > li.g3, #gnbshop .depth1 > li.g6{width:16%}
	/* #gnbshop .depth1 > li.g6{width: 128px;} */
	#gnbshop .depth1 > li > a{display:block;position:relative;margin:0 10px;line-height:50px;font-size:15px;font-weight:400;letter-spacing:-0px;text-align:center;color:#222}
	#gnbshop .depth1 > li:hover{}
	#gnbshop .depth1 > li:hover > a{color:#a3a09d}	
	#gnbshop .depth1 > li > a.sel{}
	#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;}
	#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;}
	#gnbshop .depth2 li a:hover{color:#000}
	#gnbshop:hover .depth2{top:70px;transition:all 0.4s}
	#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;;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;}
	#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{}
	#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;} 
	#footer .instafeed_area{width: 100%;}
	#footer #instafeed{width: 100%;}
	#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{}
	#footer .footer address span{font-size:12px}
	#footer .footer address strong{font-size:12px}
	#footer .footer cite{display:block;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;}
	#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}

	/**/
	#sortgrid{}
	#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{ }
	#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{}
	#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 .video_wrap iframe{top: -15%;left: -15%;width: 130%; height: 130%;}

	/**/
	#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;width:100%;}
	#prod li{float:left;position:relative;width:33%}
	#prod .main_tail_img li{width: 230px;height: 295px;}
	#prod .main_tail_img li .tail_img_title p{top: 264px;margin-left: -95px;}
	#prod .main_tail_img li .tail_img_title span{top: 135px;}
	#prod .main_tail_img li .tail_img_title a{top: 194px}
	#prod .main_tail_img li .tail_img_bg{padding-top: 20px;}
	#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 10px}
	#prod .main_tail_img{width: 100%;padding: 100px 30px;text-align: center;margin-top: 160px;}
	#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: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{}
	#detail .detail{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 strong{font-size:15px;color:#777}
	#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}
	#shopinfo .shoptab ul{*zoom:1}
	#shopinfo .shoptab ul:before,
	#shopinfo .shoptab ul:after{clear:both;display:table;content:"";line-height:0}
	#shopinfo .shoptab li:first-child a{}
	#shopinfo .shoptab .sel a{color:#000;background:#e8f7ff}
	#shopinfo #dtinfo{width: 92%;margin: 0 auto;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;}
	#article > .wrap{padding-bottom:0px}
	#article > .wrap > h2, .top_title > h2{display:block;padding:60px 0 20px 0;font-size:30px;font-family:'Noto Sans KR';font-weight:500;letter-spacing:-1px;}
	.top_title{width: 100%;padding: 0 30px;}
	
	/**/
	#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;}
	#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}
	
	#index .main_banner_md div span{width: 50%;display: inline-block;word-break: keep-all;}
}

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

	/**/
	#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{position:absolute;top:0;width:50px;height:60px;font-weight:300;background:transparent;display: block;left:0}
	#header .top button i{font-size:20px;color: #505050;}
	#header .wrap .tac{display: block;width:200px;margin:20px auto}
	#header .wrap .tac img{width: 100%;;}
	#header .top .btn-page{right:0}
	#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; }
	#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,#gnbshop_bg.sel{display:none}
	
	/**/
	#category{display:none}

	/**/
	#sortgrid{}
	#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{ }
	#sortgrid .sort li:last-child a{border-right:0}
	#sortgrid .path,
	#sortgrid .grid{display:none}

	/**/
	#footer{position:relative;}
	#footer .instafeed_area{width: 99%;}
	#footer #instafeed{width: 100%;}
	#footer #instafeed li{width: 110px;height: 110px;}
	#footer .footer{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;width: 80%;margin: 0 auto;}
	#footer .footer address br{display:none}
	#footer .footer address span{font-size:12px;word-break: keep-all;display: inline-block;}
	#footer .footer address strong{font-size:12px;}
	#footer .footer cite{display:block;text-transform:uppercase;width: 80%;margin: 0 auto;margin-top: 15px;}
	#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 a{display:block;height:50px;line-height:50px;font-size:12px;font-weight:400;text-align:center;color:#fff;background:#333;overflow:hidden}
	#footer .footer address div{margin-top:0;}
	
	/**/
	#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;height: auto;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 .main_banner_md div{height: 380px;margin-top: 100px;background-attachment: inherit !important;}
	#index .main_banner_md div h3{top: 173px;left: 32px;font-size: 20px;}
    #index .main_banner_md div span{top: 213px;left: 32px;font-size: 14px;}
	#index .video_wrap{padding-bottom: 65.25%;}
	#index .video_wrap iframe{top: -15%;left: -15%;width: 130%; height: 130%;}
	
	/**/
	#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;width: 100%;}
	#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 10px;width: 100%;}
	#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 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 .main_tail_img{width: 100%;padding: 100px 30px;text-align: center;margin-top: 20px;}

	/**/
	#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{text-align: center;}
	#detail .subject strong{font-size:12px;color:#777}
	#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%;padding: 0 20px;}
	#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;}
	#shopinfo .shoptab li:last-child{}
	#shopinfo .shoptab li:first-child a{}
	#shopinfo .shoptab .sel a{color:#000;background:#e8f7ff}
	#shopinfo #dtinfo{margin:0 0 10px;width:auto !important;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{padding:0 10px;background:#fff;margin-top: 30px;}
	#article{position:relative}
	#article:before{content:''}
	#article > .wrap{padding-bottom:10px;width: 100%;}
	#article > .wrap > h2, .top_title > h2{display:block;margin:10px 0 20px;padding:0;line-height:20px;font-size:24px;font-family:'Noto Sans KR';font-weight:500;}
	#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_left{width: 100%;}
	#mid_slide_area .mid_slide_cont{padding: 0px 70px;}
	#mid_slide_area .mid_slide_wrap .mid_slide_right{text-align: center;margin-left: 0;padding: 0px 40px;}
	
	#prod .main_tail_img li{width: 49%;height: auto;padding: 5px;}
    #prod .main_tail_img li > img{width: 100%;height: 386px;object-fit: cover;}
    
    #mid_slide_area .mid_slide_wrap .mid_slide_right p{word-break: keep-all;width: 60%;margin: 20px auto;}
	
}
@media all and (max-width: 480px) { 
	#mybook{width: 100%;margin: 0 auto;}
	
	#detail .subject h3{font-size: 16px;}
	#detail .group{padding: 20px;}

	#index .main_banner_md div{height: 214px;margin-top: 95px;}
	#index .main_banner_md div h3{top: 104px;left: 6%;width: 80%;font-size: 14px;}
    #index .main_banner_md div span{top: 130px;left: 6%;font-size: 11px;width: 80%;}
	#index .video_wrap{    padding-bottom: 73.25%;}
	#index .video_wrap iframe{top: -23%;left: -23%;width: 140%; height: 140%;}
		
	#footer .footer{padding: 30px 20px;width: 100%;}
	#footer .footer address{white-space: pre-line;text-align: left;width: 90%;}
	#footer .footer address div{white-space: normal;}
	#footer .footer address span{font-size: 11px;}
	#footer .footer cite{white-space: pre-line;margin-top: 10px;font-size: 10px;text-align:center;width: 90%;}
	#footer .footer address div{margin-top: 0;    margin-bottom: 5px;}
	
	#ktplay .wrap{padding: 0 20px;}
	#ktplay .wrap .brand_mobile p{font-size: 14px;padding: 0px 15px;}
	#ktplay .wrap .brand_mobile p span{font-size:22px;font-weight: 500;}
	#prod .main_tail_img{padding: 100px 30px;margin-top: 30px;}
	#prod .main_tail_img li{margin-bottom: 15px;}
	#prod li{    width: 100%;}
	
	#mid_slide_area .mid_slide_cont{padding: 0px 15px;}
	#mid_slide_area .mid_slide_cont h2{font-size: 16px;white-space: pre-line}
	#mid_slide_area .mid_slide_cont h1{font-size: 29px;}
	#mid_slide_area .mid_slide_wrap .mid_slide_left{height: 442px;}

	#ktplay .wrap .brand_mobile .brand_mobile_txt{width: 100%;}

	#prod .main_tail_img li{width: 100%;height: auto;}
	
	#mid_slide_area .mid_slide_wrap .mid_slide_right p{width: 100%;}
	#mid_slide_area .mid_slide_wrap .mid_slide_right{padding: 0px 15px;}

	

}
@media all and (max-width: 320px) { 
	#ktplay .wrap{padding: 0px 10px;}
	#ktplay .wrap .brand_mobile .brand_mobile_txt{width: 100%;}
	#ktplay .wrap .brand_mobile p{padding: 0px 18px;}
	#ktplay .wrap .brand_mobile p span{font-size:22px;font-weight: 500;}
	#index .main_banner_md div h3{top: 110px;}
    #index .main_banner_md div span{top: 151px;}
}
/*공통클래스속성*/
.nocontent{padding:50px 0;font-size:15px;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}
.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}
.cursor{cursor: pointer;}

/*공통속성*/
.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;}
.ui-datepicker th{padding:5px 0;color:#666666;font-size:6pt;text-transform:uppercase;text-shadow:1px 0px 0px #fff;}


/*ft_sns*/
.ft_sns{display:flex;justify-content: center;gap:38px}
.ft_sns a{position:relative;background:#f2f2f2;font-size:10px;width:80px;height:30px;line-height:30px;text-align:center;}
.ft_sns img{position:absolute;left:-30px;margin-right:20px !important;}
.ft_txt.m{display: none;}
.ft_txt.pc{display:block;}

.btm_fix{display:flex;flex-direction:column;position:fixed;bottom:50px;right:5%;}

@media all and (max-width:768px) {
		.ft_sns{flex-direction: column;align-items: center;gap:10px;}
		.ft_sns a{transform:translateX(17.5px)}
		.ft_txt.m{text-align: center;display:block;}
		.ft_txt.pc{display:none;}
		cite{text-align:center;}
}

.g1 .depth2:last-child{display: none;}