@charset "utf-8";
html,body{background:#fff}

#banner_wrap{ width:100%;background:url('../images/main/banner_bg.png');}
.banner_main{ width:100%;/*max-width:1200px; 20220610*/margin:0 auto;}
.banner_mobile {display:none;}
#mobile_tab {display:none;}

i,em,address,cite{font-style:normal}

/* 모바일 */
/* 머리부분 */

#sub_cate6 li {float:left;width:16.6%;border-right:1px solid #f6f6f6}
#sub_cate6 li:nth-child(6n) {border-right:0}

#sub_cate5 li {float:left;width:20%;border-right:1px solid #f6f6f6}
#sub_cate5 li:nth-child(5n) {border-right:0}

#sub_cate4 li {float:left;width:25%;border-right:1px solid #f6f6f6}
#sub_cate4 li:nth-child(4n) {border-right:0}

#sub_cate3 li {float:left;width:33.3333333%;border-right:1px solid #f6f6f6}
#sub_cate3 li:nth-child(3n) {border-right:0}

#sub_cate2 li {float:left;width:50%;border-right:1px solid #f6f6f6}
#sub_cate2 li:nth-child(2n) {border-right:0}

#sub_cate1 li {float:left;width:100%;}

@media all and (min-width:1200px) {
	/* HEADER */
	#divHeader	{position:fixed;  width:100%;  min-width:1200px; height:145px;z-index:10;background:#fff;}
	#SearchAear	{position:relative; width:1200px; margin:0 auto;margin-bottom:10px;}
	#SearchAear #topLogo	{margin:0 auto; /*width:450px;width:350px;*/width:237px; padding-top:25px;}
	#topSnsW		{position:absolute; top:48px; left:77px;}/* 20210302추가 */
	#topWin		{position:absolute; top:48px; right:0px;}/* 20210302추가 */

	/* 메뉴 */
	/* 메인메뉴 */
	#divMenu			{position:relative; width:100%; min-width:1200px;}
	#main_navi			{position:absolute; top:0; left:0; width:100%; height:60px; display:block; overflow:hidden; z-index:10;}
	#main_navibg      {position:absolute;background : linear-gradient( 45deg, #009fdb, #023965 );width:100%;  height:61px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; /*margin-top:10px;*/z-index:10;/*scroll 시 메뉴배경변화속도*/transition:all 0.7s ease;}

	#main_navi #gnb	{width:1200px; margin:0 auto;}
	#main_navi #gnb>ul{float:left; /*padding-top:12px;*/}
	#main_navi #gnb span	{font-size:20px; color:#fff; font-weight:300;/*scroll 시 텍스트변화속도*/transition:all 0.5s ease;}
	#main_navi #gnb span:hover{color:#fff;font-weight:600;}
	#main_navi #gnb>ul>li	{float:left; /*width:200px;*/width:240px; text-align:center; height:60px; line-height:60px; position:relative; }
	#main_navi #gnb>ul>li>a:after{display:block; position:absolute; left:0; bottom:0; content: ""; width:100%; height:3px; background:#fff; transform:scale(0, 1); transition:all 0.3s ease;}
	#main_navi #gnb>ul>li>a.active, 
	#main_navi #gnb>ul>li>a:hover{}
	#main_navi #gnb>ul>li>a.active:after, 
	#main_navi #gnb>ul>li>a:hover:after	{transform: scale(1, 1);}
	#main_navi #gnb>ul>li .two_depth		{position:absolute; top:70px; left:0; width:200px; margin-left:0; text-align:center; opacity:1; display:block;/*display:block;*/}
	#main_navi #gnb>ul>li .two_depth ul li {margin-top:10px; width:200px; text-align:left;line-height:25px;height:25px;}
	#main_navi #gnb>ul>li .two_depth ul li:first-child {margin-top:0;}
	#main_navi #gnb>ul>li .two_depth ul li a {color:#333; font-size:16px; letter-spacing:-1px;padding:5px 10px;}
	#main_navi #gnb>ul>li .two_depth ul li a:hover {background:#00ccff;color: #fff; font-weight:bold;  transform:scale(0, 1); transition:all 0.3s ease;}
	#main_navi #gnb>ul>li .two_depth ul li span:hover{color: #00ccff !important;}
	#main_navi.active {height:280px; background:url('../images/common/gnb_bg.gif') repeat-x 0 60px;}
	/*이미지 제작은 60 height 에서  repeat 60뺀 만큼*/ 
	#main_navi #gnb>ul>li .navi_bg {position:absolute; left:-270px;color:#888;font-size:13px;z-index:5;text-align:left;}

	.two_depth .m01list	{padding-left:75px;}
	.two_depth .m02list	{padding-left:55px;}
	.two_depth .m03list	{padding-left:60px;}
	.two_depth .m04list	{padding-left:55px;}
	.two_depth .m05list	{padding-left:40px;}
	.two_depth .m06list	{padding-left:65px;}
	.two_depth .m07list	{padding-left:30px;}
	.two_depth .m08list	{padding-left:45px;}

	#topWrap		{width:100%;display:none;}
	.subtitle_pc {width:100%;
	height:150px;
	display:block;
	background-image:    url('../images/title/sub_title.png');
	background-size:     cover;
	background-repeat:   no-repeat;
	background-position: center center;}
	.subtitle_mobile {display:none;}

	#wrapper{width:100%;height:100%;top:145px;}/*탑메뉴 높이 만큼 내린다*/
	#wrapper .wrap{position:relative;margin:0 auto;width:1200px;*zoom:1}
	#wrapper .wrap:before,
	#wrapper .wrap:after{clear:both;display:table;content:"";line-height:0}

	.product_list{padding:50px 0}
	.product_list h2{padding-bottom:20px;line-height:48px;font-size:22px;font-weight:500;letter-spacing:-1px}
	.product_list ul{margin:0 -10px;overflow:hidden}
	.product_list li{float:left;position:relative;width:25%}
	.product_list p{position:absolute;top:20px;right:0}
	.product_list p a{position:relative;display:block;padding-right:35px;height:24px;line-height:24px;font-size:15px;font-weight:200}
	.product_list p a i{position:absolute;top:0;right:0;display:block;width:23px;height:24px;background:url(../images/common/arrow_more.png) no-repeat 50% 50%}
	.product_list li .itemlist{background-color:#e3e3e3}
	.product_list li:hover .itemlist{background-color:#fafafa}

	.product_list li:nth-child(3n+1) .itemlist{background-color:#d6e2ea}
	.product_list li:hover:nth-child(3n+1) .itemlist{background-color:#eaf2f7}
	.product_list li:nth-child(3n+2) .itemlist{background-color:#d6eae4}
	.product_list li:hover:nth-child(3n+2) .itemlist{background-color:#ecf6f3}
	.product_list li:hover .sns{display:block}

	.product_list .itemlist{margin:0 10px 20px 10px;min-height:440px;background-color:#d6e2ea;transition:all 0.2s ease-in-out}
	.product_list .img{padding:20px 0;text-align:center;overflow:hidden}
	.product_list .img img{position:relative;z-index:1;transition:transform 0.5s}
	.product_list .img img:hover{transform:scale(1.1)}
	.product_list .wrap{position:relative;margin:0 auto;width:1200px;*zoom:1}
	.product_list .wrap:before,
	.product_list .wrap:after{clear:both;display:table;content:"";line-height:0}
	.product_list .latest_wr{position:relative;margin:20px auto;width:1200px;*zoom:1}
	.product_list .latest_wr:before,
	.product_list .latest_wr:after{clear:both;display:table;content:"";line-height:0}

	#sct_sortlst{padding-bottom:20px}

	#sortgrid .path{position:absolute;top:-30px;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}

	.sub_cate {clear:both;margin:0px 0 20px;}
	.sub_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
	.sub_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
	.sub_cate a {text-decoration:none}
	.sub_cate li{line-height:20px;float:left; border-right:2px solid #fff;  padding:15px 0; text-align:center;background:#e5e5e5; border-right:1px solid #ccc; border-top:1px solid #ccc; border-bottom:2px solid #009fdb; font-size:14px;}
	.sub_cate li.on{background:#009fdb; color:#fff; border-right:1px solid #009fdb; border-bottom:2px solid #0091c7; border-top:1px solid #009fdb; }
	.sub_cate li.on a{color:#fff !important; }
	.sub_cate li:hover{background:#009fdb;color:#fff;  border-right:1px solid #009fdb; border-bottom:2px solid #0091c7;border-top:1px solid #009fdb;}
	.sub_cate li:hover a{color:#fff;}

	#board_list,
	#board_view,
	#board_write {width:1200px;margin:0 auto;font-size:16px;}
	/*게시판 */
	.gallery_list{padding:50px 0}
	.gallery_list ul{margin:0 -10px;overflow:hidden}
	.gallery_list li{float:left;position:relative;width:25%}
	.gallery_list p{position:absolute;top:20px;right:0}
	.gallery_list p a{position:relative;display:block;padding-right:35px;height:24px;line-height:24px;font-size:15px;font-weight:200}
	.gallery_list li .itemlist{ border:2px solid #ddd;}
	.gallery_list li:hover .itemlist{border:2px solid #009fdb;box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 10px 0px;}
	.gallery_list .itemlist{margin:0 10px 20px 10px;min-height:320px;transition:all 0.2s ease-in-out}
	.gallery_list .img{padding:20px 0;text-align:center;overflow:hidden}
	.gallery_list .img img{position:relative;z-index:1;transition:transform 0.5s}
	.gallery_list .wrap{position:relative;margin:0 auto;width:1200px;*zoom:1}
	.gallery_list .wrap:before,
	.gallery_list .wrap:after{clear:both;display:table;content:"";line-height:0}

	/**/
	#productInfo{position:relative;top:-1px;background:#d5e2ea}
	#productInfo .productOption{margin:0 auto;padding:20px 0;width:1160px;*zoom:1}
	#productInfo .productOption:before,
	#productInfo .productOption:after{clear:both;display:table;content:"";line-height:0}
	#productInfo .fl{padding:20px 0px;max-width:400px;}
	#productInfo .fr{width:480px}
	#productInfo .group{padding:40px 0;width:460px;/*padding:30px;border:1px solid #ccc*/}
	#productInfo .summary{padding:10px 0;border-bottom:1px solid #999}
	#productInfo .summary strong{font-size:16px;color:#777}
	#productInfo .summary h3{padding-bottom:15px;line-height:45px;font-size:36px;font-weight:500;color:#2b2b2b}
	#productInfo .summary p{font-size:18px;color:#474747;height:26px;}
	#productInfo .prodInfo{padding:20px 0;border-bottom: 1px solid #999;}
	#productInfo .prodInfo ul{}
	#productInfo .prodInfo li{overflow:hidden}
	#productInfo .prodInfo li label{float:left;font-size:16px;font-weight:600;padding-left:30px;}
	#productInfo .prodInfo li strong{float:right;padding-right:30px;font-weight:300;}
	#productInfo .prodInfo li strong span{position:relative;top:-2px;padding:0 3px;font-size:14px;font-weight:300}
	#productInfo .prodInfo li label,
	#productInfo .prodInfo li strong{display:block;line-height:30px}
	#productInfo .prodInfo .price{font-size:20px;font-weight:bold;}
	#productInfo .option{padding:10px 0;border-top:1px solid #eee}
	#productInfo .option h4{padding:5px 0 15px 0}
	#productInfo .option div{margin-bottom:5px;line-height:35px;overflow:hidden}
	#productInfo .option div label{float:left;display:block;width:15%}
	#productInfo .option div span{float:left;display:block;width:85%}
	#productInfo .option select{width:100%;height:35px;border:1px solid #cdcdcd}
	#productInfo .option h3{font-size:15px}
	#productInfo .seloption h4{display:none}
	#productInfo .seloption .sit_opt_list,
	#productInfo .seloption .sit_spl_list{position:relative;padding:20px 0;padding-right:220px;border-bottom:1px solid #999}
	#productInfo .seloption .opt_name{line-height:20px;font-size:14px;font-weight:500;letter-spacing:-0px}
	#productInfo .seloption .opt_count{position:absolute;top:50%;right:0;margin-top:-15px}
	#productInfo .selprice{padding:20px 0;text-align:right;font-size:24px;font-weight:700;color:#57839e;overflow:hidden}
	#productInfo .selprice span{font-size:15px;font-weight:400}
	#productInfo .selprice .price{font-size:24px}
	#productInfo .selbtn{overflow:hidden;clear: both;margin-top: 10px;}
	#productInfo .selbtn button{float:left;width:48%;height:45px;font-size:16px;font-weight:500;border:0}
	#productInfo .selbtn a{float:right;display:block;width:48%;height:45px;line-height:45px;font-size:16px;font-weight:500;text-align:center}
	#productInfo .selbtn button i,
	#productInfo .selbtn a i{font-size:16px;font-weight:300}
	#productInfo .selbtn .btn_order{float:left;color:#fff;background:#57839e}
	#productInfo .selbtn .btn_order:hover{background:#6396b5}
	#productInfo .selbtn .btn_buy{color:#fff;background:#003e9e}
	#productInfo .selbtn .btn_buy:hover{background:#0052d0}
	#productInfo .selbtn .btn_counsel{float:right;color:#fff;background:#666}
	#productInfo .selbtn .btn_counsel:hover{background:#777}
	#productInfo .selimage{text-align:center;padding-bottom:5px;}
	#productInfo .selimage a{display:none}
	#productInfo .selimage a.visible{display:block}
	#productInfo .selthumb{}
	#productInfo .selthumb ul{}
	#productInfo .selthumb li{}
	#productInfo .selthumb li a{}
	#productInfo #sit_opt_added button {float:left;width:30px;height:30px;font-size:0.92em;color:#494949;border:1px solid #aaa;background:#fff}
	#productInfo #sit_opt_added button:hover{color:#000}
	#productInfo #sit_opt_added .num_input {float:left;border:0;height:30px;text-align:center;border-top:1px solid #aaa;border-bottom:1px solid #aaa}
	#productInfo #sit_opt_added .sit_opt_del{display:none;border:0;font-size:15px}
	#productInfo #sit_opt_added .sit_opt_del:hover{color:#be334a}
	#productInfo #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}

	/**/
	#layer_popup{background:#FFFFFF;}
	#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 dd{padding-left:40px;}
	#consult .product dd a{display:block;padding:20px 0}
	#consult .product dd  strong{display:block;font-size:20px}
	#consult .product dd  span{display:block;font-size:15px}	
	#consult .form{border-top:1px solid #ccc;width:100%;padding-bottom:20px}
	#consult .form .input{position:relative}
	#consult .form .input .label{float:left;text-align:center;line-height:40px;height:40px;font-size:16px;width:150px;}
	#consult .form .input input,
	#consult .form .input textarea{float:left;width:80%;}
	#consult .form .input input {height:40px;padding:0 5px;}
	#consult .form .input .t_area{padding:5px;height:80px}
	#consult .form .input .txt{float:left;padding:10px 0 10px 10px;line-height:50px;height:50px;font-size:16px;width:600px;}
	#consult .form .input:last-child .txt{border-bottom:0}
	#consult .policy{clear:both;padding-top:60px;}
	#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-top:1px solid #eee;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}
	.po2{margin-left:25px;}
	
	#consult .policy .agree label{padding-right:10px;font-size:13px}

	#consult .button{padding:20px;text-align:center}
	#consult .button a,
	#consult .button input,
	#consult .button button{line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:500;border:0;font-size: 1em;-webkit-transition:background-color 0.3s ease-out;-moz-transition:background-color 0.3s ease-out;-o-transition:background-color 0.3s ease-out;transition:background-color 0.3s ease-out}
	#consult .button a.bt	{display:inline-block; height:35px; line-height:35px; padding:0 15px;border:1px solid #767676; font-size:1em; font-weight:bold; color:#111;vertical-align:middle;}
	#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}
















	#container > .wrap{padding-bottom:0px}
	#container > .wrap > h2{display:block;padding:60px 0 20px 0;font-size:22px;font-family:'Noto Sans KR';font-weight:500;letter-spacing:-1px;color:#57839e;border-bottom:1px solid #88a4b6}


	/**/
	#footer{position:relative;/*min-height:200px;*/background:#868686;top:145px;} /*탑메뉴 높이 만큼 내린다*/
	#footer .footer{position:relative;margin:0 auto;width:1200px}
	#footer .footer h2{position:absolute;top:90px;left:0}
	#footer .footer ul{overflow:hidden}
	#footer .footer li{float:left}
	#footer .footer li a{display:block;padding:0 10px;line-height:65px;font-size:14px;color:#fafafa}
	#footer .footer li a:hover{color:#fff}
	#footer .footer p{position:absolute;top:0;right:0;line-height:65px;font-size:14px;color:#afafb0}
	#footer .footer p strong{padding-left:10px;font-size:20px;color:#fff}
	#footer .footer address{display:block;padding:20px 0 10px 250px;color:#aaa}
	#footer .footer address span{font-size:13px}
	#footer .footer address strong{font-size:13px}
	#footer .footer cite{display:block;padding:0 0 0 250px;font-size:12px;color:#888;text-transform:uppercase}
	#footer .line{position:absolute;top:65px;left:0;display:block;width:100%;height:1px;background:#929294}
	#footer .phone{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}

	
}

@media all and (min-width:749px) and (max-width:1199px) {
	html,body{background:#fff}
	#divHeader	{display:none;}
	/*
	#divHeader	{position:relative;  width:100%;min-width:100%;height:90px;display:none;}
	#SearchAear	{position:relative; width:100%; margin-bottom:10px;!important}
	*/
	#topSnsW, 
	#divMenu,
	#topWin {display:none;}
	#topLogo img{width:100%;margin:0 auto;} /*PC버전 이미지*/
	#mobile_tab {display:block;}
	.main_products_mobile li img{width:100%;height:auto;}
	#topWrap {display:;}	
	.subtitle_pc {display:none;}
	.subtitle_mobile {width:100%;display:block;}
	.subtitle_mobile img {width:100%;height:auto;}


	#top h1 a img		{margin-left:1.7rem;width:45%}

	#wrapper{width:100%;min-width:749px;height:100%}
	#wrapper .wrap{position:relative;padding:0 10px;*zoom:1}
	#wrapper .wrap:before,
	#wrapper .wrap:after{clear:both;display:table;content:"";line-height:0}

	.banner_pc {display:none;}
	.banner_mobile {display:block;}
	.banner_main{ width:100%;margin:0 auto;}
	.main_bn_mobile{ width:100%;max-width:925px;margin:0 auto;}

	.product_list{padding:0}
	.product_list h2{padding:10px;line-height:48px;font-size:20px;font-weight:700;letter-spacing:-1px}
	.product_list ul{overflow:hidden}
	.product_list li{float:left;position:relative;width:50%}
	.product_list .wrap{padding:0}
	.product_list p{/*position:absolute;*/top:10px;right:20px}
	.product_list p a{position:relative;display:block;padding-right:35px;height:24px;line-height:24px;font-size:15px;font-weight:200}
	.product_list p a i{position:absolute;top:0;right:0;display:block;width:23px;height:24px;background:url(../images/common/arrow_more.png) no-repeat 50% 50%}
	.product_list li:nth-child(odd) .itemlist{background-color:#d6e2ea}
	.product_list li:nth-child(even) .itemlist{background-color:#e3e3e3}
	.product_list li:hover:nth-child(odd) .itemlist{background-color:#eaf2f7}
	.product_list li:hover:nth-child(even) .itemlist{background-color:#fafafa}
	
	.product_list .itemlist{margin:0 10px 20px 10px;min-height:410px;background-color:#d6e2ea;transition:all 0.2s ease-in-out}
	.product_list .img{padding:40px 0 0;text-align:center;overflow:hidden}
	.product_list .img img{position:relative;z-index:1;transition:transform 0.5s}
	.product_list .img img:hover{transform:scale(1.1)}

	/*게시판 */
	.gallery_list{padding:0}
	.gallery_list ul{overflow:hidden}
	.gallery_list li{float:left;position:relative;width:50%}
	.gallery_list p{position:absolute;top:20px;right:0}
	.gallery_list p a{position:relative;display:block;padding-right:35px;height:24px;line-height:24px;font-size:15px;font-weight:200}
	.gallery_list li .itemlist{ border:2px solid #ddd;}
	.gallery_list li:hover .itemlist{border:2px solid #009fdb;box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 10px 0px;}
	.gallery_list .itemlist{margin:0 10px 20px 10px;min-height:320px;transition:all 0.2s ease-in-out}
	.gallery_list .img{padding:20px 0;text-align:center;overflow:hidden}
	.gallery_list .img img{position:relative;z-index:1;transition:transform 0.5s}
	.gallery_list .wrap{padding:0}
	.gallery_list .wrap:before,
	.gallery_list .wrap:after{clear:both;display:table;content:"";line-height:0}

	/**/
	#productInfo{background:#d5e2ea}
	#productInfo .productOption{padding:20px 0;*zoom:1}
	#productInfo .productOption:before,
	#productInfo .productOption:after{clear:both;display:table;content:"";line-height:0}
	#productInfo .fl{width:48%;padding:20px 0px;}
	#productInfo .fr{width:48%}
	#productInfo .group{padding:40px 30px}
	#productInfo .summary{padding:10px 0;border-bottom:1px solid #999}
	#productInfo .summary strong{font-size:15px;color:#777}
	#productInfo .summary h3{padding-bottom:15px;line-height:45px;font-size:26px;font-weight:500;color:#2b2b2b}
	#productInfo .summary p{font-size:16px;color:#474747;height:24px;}
	#productInfo .prodInfo{padding:15px 0;border-bottom: 1px solid #999;}
	#productInfo .prodInfo li{overflow:hidden}
	#productInfo .prodInfo li label{float:left;font-size:14px;padding-left:30px;}
	#productInfo .prodInfo li strong{float:right;font-weight:300;padding-right:30px;}
	#productInfo .prodInfo li strong span{position:relative;top:-2px;padding:0 3px;font-size:14px;font-weight:300}
	#productInfo .prodInfo li label,
	#productInfo .prodInfo li strong{display:block;line-height:30px}
	#productInfo .prodInfo .price{font-size:20px;font-weight:bold;}
	#productInfo .option{padding:10px 0;border-top:1px solid #eee}
	#productInfo .option h4{padding:5px 0 15px 0}
	#productInfo .option div{margin-bottom:5px;line-height:35px;overflow:hidden}
	#productInfo .option div label{float:left;display:block;width:15%}
	#productInfo .option div span{float:left;display:block;width:85%}
	#productInfo .option select{width:100%;height:35px;border:1px solid #cdcdcd}
	#productInfo .option h3{font-size:15px}
	#productInfo .seloption h4{display:none}
	#productInfo .seloption .sit_opt_list{position:relative;padding:15px 0;padding-right:220px;border-bottom:1px solid #999}
	#productInfo .seloption .opt_name{line-height:20px;font-size:14px;font-weight:500;letter-spacing:-0px}
	#productInfo .seloption .opt_count{position:absolute;top:50%;right:0;margin-top:-15px}
	#productInfo .selprice{padding:15px 0;text-align:right;font-size:24px;font-weight:700;color:#57839e;overflow:hidden}
	#productInfo .selprice span{font-size:15px;font-weight:400}
	#productInfo .selprice .price{font-size:24px}
	#productInfo .selbtn{overflow:hidden;clear: both;margin-top: 10px;}
	#productInfo .selbtn button{float:left;width:48%;height:45px;font-size:16px;font-weight:500;border:0}
	#productInfo .selbtn a{float:right;display:block;width:48%;height:45px;line-height:45px;font-size:16px;font-weight:500;text-align:center}
	#productInfo .selbtn button i,
	#productInfo .selbtn a i{font-size:16px;font-weight:300}

	#productInfo .selbtn .btn_order{float:left;color:#fff;background:#57839e}
	#productInfo .selbtn .btn_order:hover{background:#6396b5}
	#productInfo .selbtn .btn_buy{color:#fff;background:#003e9e}
	#productInfo .selbtn .btn_buy:hover{background:#0052d0}
	#productInfo .selbtn .btn_counsel{float:right;color:#fff;background:#666}
	#productInfo .selbtn .btn_counsel:hover{background:#777}
	#productInfo .selimage{text-align:center;}
	#productInfo .selimage a{display:none}
	#productInfo .selimage a.visible{display:block}
	#productInfo .selimage img{width:auto;max-width:100%;height:auto}
	#productInfo .selthumb{}
	#productInfo .selthumb ul{}
	#productInfo .selthumb li{}
	#productInfo .selthumb li a{}
	#productInfo #sit_opt_added button {float:left;width:30px;height:30px;border:1px solid #cdcdcd;background:#fff;color:#666;font-size:0.92em}
	#productInfo #sit_opt_added button:hover{color:#000}
	#productInfo #sit_opt_added .num_input {float:left;border:0;height:30px;border-top:1px solid #aaa;border-bottom:1px solid #aaa;text-align:center}
	#productInfo #sit_opt_added .sit_opt_del{border:0;font-size:15px}
	#productInfo #sit_opt_added .sit_opt_del:hover{color:#be334a}
	#productInfo #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}




	/**/
	#layer_popup{background:#FFFFFF;}
	#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 dd{padding-left:40px;}
	#consult .product dd a{display:block;padding:20px 0}
	#consult .product dd  strong{display:block;font-size:20px}
	#consult .product dd  span{display:block;font-size:15px}	
	#consult .form{border-top:1px solid #ccc;width:100%;padding-bottom:20px}
	#consult .form .input{position:relative}
	#consult .form .input .label{float:left;text-align:center;line-height:40px;height:40px;font-size:16px;width:30px;min-width:150px;}
	#consult .form .input input,
	#consult .form .input textarea{float:left;width:80%;}
	#consult .form .input input {height:40px;padding:0 5px;}
	#consult .form .input .t_area{padding:5px;height:80px}
	#consult .form .input .txt{float:left;padding:10px 0 10px 10px;line-height:50px;height:50px;font-size:16px;width:70%;min-width:400px;}
	#consult .form .input:last-child .txt{border-bottom:0}
	#consult .policy{clear:both;padding-top:60px;}
	#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-top:1px solid #eee;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}
	.po2{margin-left:25px;}
	
	#consult .policy .agree label{padding-right:10px;font-size:13px}

	#consult .button{padding:20px;text-align:center}
	#consult .button a,
	#consult .button input,
	#consult .button button{line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:500;border:0;font-size: 1em;-webkit-transition:background-color 0.3s ease-out;-moz-transition:background-color 0.3s ease-out;-o-transition:background-color 0.3s ease-out;transition:background-color 0.3s ease-out}
	#consult .button a.bt	{display:inline-block; height:35px; line-height:35px; padding:0 15px;border:1px solid #767676; font-size:1em; font-weight:bold; color:#111;vertical-align:middle;}
	#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}




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

	#container > .wrap{padding-bottom:0px}
	#container > .wrap > h2{display:block;padding:20px 0;font-size:20px;font-family:'Noto Sans KR';font-weight:500;letter-spacing:-1px;color:#57839e;border-bottom:1px solid #88a4b6}
	#sct_sortlst{display:none;}

	.sub_cate {clear:both;width:100%;max-width:1199px;margin:0px 0 20px;padding:0px 10px;}
	.sub_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
	.sub_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
	.sub_cate a {text-decoration:none}
	.sub_cate li{line-height:18px;float:left; border-right:2px solid #fff;  padding:10px 0; text-align:center;background:#e5e5e5; border-right:1px solid #ccc; border-top:1px solid #ccc; border-bottom:2px solid #009fdb; font-size:14px;}
	.sub_cate li.on{background:#009fdb; color:#fff; border-right:1px solid #009fdb; border-bottom:2px solid #0091c7; border-top:1px solid #009fdb; }
	.sub_cate li.on span{color:#fff !important; }
	.sub_cate li.on a{color:#fff !important; }
	.sub_cate li:hover{background:#009fdb;color:#fff;  border-right:1px solid #009fdb; border-bottom:2px solid #0091c7;border-top:1px solid #009fdb;}
	.sub_cate li:hover a{color:#fff;}
}

@media all and (max-width:748px) {
	#divHeader	{display:none;}
	#topSnsW, 	#divMenu,	#topWin {display:none;}
	#topLogo img{width:100%;margin:0 auto;} /*PC버전 이미지*/
	#mobile_tab {display:block;}
	.main_products_mobile li img{width:100%;height:auto;}
	#topWrap {display:block;}	
	.subtitle_pc {display:none;}
	.subtitle_mobile {width:100%;display:block;}
	.subtitle_mobile img {width:100%;height:auto;}

	#top h1 a img		{margin-left:1.7rem;width:55%}

	#wrapper{width:100%;min-width:320px;height:100%}
	#wrapper .wrap{position:relative;padding:0 10px;*zoom:1}
	#wrapper .wrap:before,
	#wrapper .wrap:after{clear:both;display:table;content:"";line-height:0}

	.banner_pc {display:none;}
	.banner_mobile {display:block;}
	.banner_main{ width:100%;margin:0 auto;}
	.main_bn_mobile{ width:100%;max-width:610px;margin:0 auto;}

	.product_list{padding:0}
	.product_list h2{padding:0px 10px;line-height:48px;font-size:20px;font-weight:700;letter-spacing:-1px}
	.product_list ul{overflow:hidden}
	.product_list li{float:left;position:relative;width:100%}
	.product_list p{position:absolute;top:13px;right:20px}
	.product_list p a{position:relative;display:inline-block;padding-right:35px;height:24px;line-height:24px;font-size:15px;font-weight:200}
	.product_list p a i{position:absolute;top:0;right:0;display:block;width:23px;height:24px;background:url(../images/common/arrow_more.png) no-repeat 50% 50%}
	.product_list li:nth-child(odd) .itemlist{background-color:#d6e2ea}
	.product_list li:nth-child(even) .itemlist{background-color:#e3e3e3}
	.product_list li:hover:nth-child(odd) .itemlist{background-color:#eaf2f7}
	.product_list li:hover:nth-child(even) .itemlist{background-color:#fafafa}
	.product_list li:hover .sns{display:block}
	.product_list .wrap{padding:0 10px}
	.product_list .itemlist{margin:0 10px 20px 10px;min-height:480px;background-color:#d6e2ea;transition:all 0.2s ease-in-out}
	.product_list .img{padding:60px 0 0;text-align:center;overflow:hidden}
	.product_list .img img{position:relative;z-index:1;transition:transform 0.5s}

	.product_list .txt{position:relative;z-index:2;padding:0 30px;padding-bottom:10px;overflow:hidden}
	.product_list .txt strong{font-size:13px;letter-spacing:1px;color:#777;font-weight:700}
	.product_list .txt a{display:block;margin:5px 0;height:40px;line-height:20px;font-size:18px;font-weight:500;color:#333;overflow:hidden;transition:all 0.2s ease-in-out}
	.product_list .txt a:hover{color:#000}
	.product_list .txt span{display:block;font-size:13px;color:#777;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
	.product_list .cost{padding:0 30px}
	.product_list .cost strong{font-size:20px;font-weight:700}
	.product_list .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}
	.product_list .cost .price{float:right;line-height:21px;color:#777}
	.product_list .cost .prime{padding-bottom:5px;overflow:hidden}
	.product_list .cost .saved{overflow:hidden}
	.product_list .cost .saved .tit{}
	.product_list .cost .saved .price{color:#333}
	.product_list .ico{position:absolute;z-index:2;top:20px;left:30px}
	.product_list .shop_icon{margin-right:1px;width:40px;height:20px;line-height:20px;font-size:11px;font-weight:700;text-align:center;border-radius:0%}
	.product_list .sns{display:none;position:absolute;top:240px;right:0px;text-align:center;z-index:60;width:100%}
	.product_list .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}
	.product_list .sns a img{width:18px}
	.product_list .sns .share-facebook:hover{background:#415b92}
	.product_list .sns .share-twitter:hover{background:#35b3dc}
	.product_list .sns .share-googleplus:hover{background:#d5503a}

	
	
	#sct_sortlst{display:none;}





	/*게시판 */
	.gallery_list{padding:0}
	.gallery_list ul{overflow:hidden}
	.gallery_list li{float:left;position:relative;width:100%}
	.gallery_list p{position:absolute;top:20px;right:0}
	.gallery_list p a{position:relative;display:block;padding-right:35px;height:24px;line-height:24px;font-size:15px;font-weight:200}
	.gallery_list li .itemlist{ border:2px solid #ddd;}
	.gallery_list li:hover .itemlist{border:2px solid #009fdb;box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 10px 0px;}
	.gallery_list .itemlist{margin:0 10px 20px 10px;min-height:320px;transition:all 0.2s ease-in-out}
	.gallery_list .img{padding:20px 0;text-align:center;overflow:hidden}
	.gallery_list .img img{position:relative;z-index:1;transition:transform 0.5s}
	.gallery_list .wrap{padding:0}
	.gallery_list .wrap:before,
	.gallery_list .wrap:after{clear:both;display:table;content:"";line-height:0}

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



	/**/
	#layer_popup{background:#FFFFFF;}
	#consult h3{margin-bottom:20px;padding:20px 0;font-size:22px;letter-spacing:-1px;text-align:center;border-bottom:2px solid #ccc;}
	#consult .product{padding-bottom:20px}
	#consult .product dl{overflow:hidden}
	#consult .product dd{padding-left:20px;}
	#consult .product dd a{display:block;padding:20px 0}
	#consult .product dd  strong{display:block;font-size:18px}
	#consult .product dd  span{display:block;font-size:15px}	
	#consult .form{border-top:1px solid #ccc;width:100%;padding-bottom:20px}
	#consult .form .input{position:relative}
	#consult .form .input .label{float:left;text-align:center;line-height:40px;height:40px;font-size:16px;width:30px;min-width:100px;}
	#consult .form .input input,
	#consult .form .input textarea{float:left;width:90%;}
	#consult .form .input input {height:30px;padding:0 5px;}
	#consult .form .input .t_area{padding:5px;height:80px}
	#consult .form .input .txt{float:left;padding:10px 0 10px 10px;line-height:40px;height:40px;font-size:14px;width:70%;min-width:250px;}
	#consult .form .input:last-child .txt{border-bottom:0}
	#consult .policy{clear:both;padding-top:60px;}
	#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-top:1px solid #eee;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}
	.po2{margin-left:25px;}
	
	#consult .policy .agree label{padding-right:10px;font-size:13px}

	#consult .button{padding:20px;text-align:center}
	#consult .button a,
	#consult .button input,
	#consult .button button{line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:500;border:0;font-size: 1em;-webkit-transition:background-color 0.3s ease-out;-moz-transition:background-color 0.3s ease-out;-o-transition:background-color 0.3s ease-out;transition:background-color 0.3s ease-out}
	#consult .button a.bt	{display:inline-block; height:35px; line-height:35px; padding:0 15px;border:1px solid #767676; font-size:1em; font-weight:bold; color:#111;vertical-align:middle;}
	#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}
	#container > .wrap{padding-bottom:10px}
	#container > .wrap > h2{display:block;margin:10px 0;padding:0 0 0 20px;line-height:20px;font-size:20px;font-family:'Noto Sans KR';font-weight:500;letter-spacing:-1px;color:#57839e;border-left:5px solid #ccc}
	#container .listlocal{right:10px}
	.sub_cate {clear:both;margin:0px 0 20px;}
	.sub_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
	.sub_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
	.sub_cate a {text-decoration:none}
	.sub_cate li{line-height:16px;float:left; border-right:1px solid #fff;  padding:15px 0; text-align:center;background:#e5e5e5; border-right:1px solid #ccc; border-top:1px solid #ccc;  font-size:12px;}
	.sub_cate li.on{background:#535355; color:#fff; border-right:1px solid #535355; }
	.sub_cate li.on a{color:#fff !important; }
	.sub_cate li:hover{background:#535355;color:#fff;  border-right:1px solid #535355; }
	.sub_cate li:hover a{color:#fff;}

	.item_cnt{display:none;} /* 숫자표시할 칸이 안나옴*/

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


	/*  원봉 */

	.m_con_b{display:block}
	.m_con_bl{display:inline-block} 
	.m_con_l{display:inline}
	.m_con_tc{display:table-cell}

	.t_only_b{display:none}

	.m_only_b{display:none}
	/* 원봉*/

}

/*공통레이어들 */
#container .sect00{padding:20px 0;background:#ffffff}
#container .sect10{padding:20px 0;background:#f1f7f7}
#container .sect10 .itemlist{border:0px solid #fff}
#container .sect20{padding:20px 0;background:#ffffff}
#container .sect30{padding:20px 0;background:#faf6f4}
#container .sect30 .itemlist{border:0px solid #fff}
#container .sect40{padding:20px 0;background:#ffffff}
#container .sect50{padding:20px 0;background:#faf4f9}
#container .sect50 .itemlist{border:0px solid #fff}
#container .sect60{padding:20px 0;background:#ffffff}
#container .sect70{padding:20px 0;background:#efefef}
#container .sect70 .itemlist{border:0px solid #fff}
#container .sect80{padding:20px 0;background:#ffffff}
#container .sect90{padding:20px 0;background:#f0e8f2}
#container .sect90 .itemlist{border:0px solid #fff}


.product_list li:hover .sns{display:block}


.item_status_icon {position:absolute;margin:40px 10px 20px;min-height:440px;width:100%;}
.item_status_icon ul {width:100%;}
.item_status_icon ul li {width:45%;padding:10px 0px;}
.item_status_icon ul li:nth-child(2n){float:right;right:-53px;}
.item_status_icon ul li:nth-child(2n+1){float:left;left:15px;}

.item_status_icon ul li div {width:75px;height:75px;}
.item_status_icon ul li .new_prodcut{background:url('../images/product/new.png') no-repeat;z-index:9999;}
.item_status_icon ul li .best_prodcut{background:url('../images/product/best.png') no-repeat;z-index:9999;}
.item_status_icon ul li .popular_prodcut{background:url('../images/product/popular.png') no-repeat;z-index:9999;}
.item_status_icon ul li .recommend_prodcut{background:url('../images/product/recommend.png') no-repeat;z-index:9999;}
.item_status_icon ul li .discount_prodcut{background:url('../images/product/discount.png') no-repeat;z-index:9999;}


.product_list .txt{position:relative;z-index:2;padding:0 30px;padding-bottom:10px;overflow:hidden}
.product_list .txt strong{font-size:13px;letter-spacing:1px;color:#777;font-weight:700}
.product_list .txt a{display:block;margin:5px 0;height:30px;line-height:30px;font-size:16px;font-weight:500;color:#333;overflow:hidden;transition:all 0.2s ease-in-out}
.product_list .txt a:hover{color:#000}
.product_list .txt span{display:block;font-size:15px;color:#777;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.product_list .cost{padding:0 30px}
.product_list .cost strong{font-size:18px;font-weight:700}
.product_list .cost .tit{float:left;display:block;width:85px;height:30px;line-height:30px;font-size:14px;text-align:center;letter-spacing:-1px;border:0px solid #aaa;background:#fff;border-radius:30px}
.product_list .cost .price{float:right;height:30px;line-height:30px;color:#777;}
.product_list .cost .prime{padding-bottom:5px;overflow:hidden}
.product_list .cost .saved{overflow:hidden}
.product_list .cost .saved .tit{}
.product_list .cost .saved .price{color:#333}
.product_list .sns{display:none;position:absolute;top:240px;right:0px;text-align:center;z-index:60;width:100%}
.product_list .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}
.product_list .sns a img{width:18px}
.product_list .sns .share-facebook:hover{background:#415b92}
.product_list .sns .share-twitter:hover{background:#35b3dc}
.product_list .sns .share-googleplus:hover{background:#d5503a}
.product_list .shop_icon{margin-right:1px;width:40px;height:20px;line-height:20px;font-size:12px;font-weight:500;text-align:center;border-radius:5px}
.product_list .ico{position:absolute;z-index:2;top:20px;left:30px}




/*  제품 상세 제조사별 소스 인클루드*/
	/* 원봉 */
	.product_spec_wrap{position:relative;height:100%;width:40%;min-height:530px;margin-left:60%;padding-top:0;background:#fff;overflow:hidden;}
	.product_spec_wrap .info_txt{padding-left:30px;text-align:left;padding-top:40px}
	.product_spec_wrap .name{font-size:26px;color:#666}
	.product_spec_wrap .name > span{display:block;margin-top:10px;font-size:48px;color:#333}
	.product_spec_wrap .info{font-size:18px;color:#c9b06d;line-height:26px;margin-top:10px}
	.product_spec_wrap .product_spec{position:absolute;bottom:0;}
	.product_spec_wrap .product_spec table th,
	.product_spec_wrap .product_spec table td{border-bottom:none;}
	/* table */
	table{width:100%;table-layout:fixed}
	table .tl{text-align:left !important}
	table .tc{text-align:center !important}
	table .tr{text-align:right !important}
	table .date{font-size:14px !important;color:#888 !important}
	table .t_m_title{margin-top:5px;color:#444;}

	table.list_data th,
	table.list_data td{padding:20px;font-size:16px;color:#666;text-align:center;vertical-align:middle;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;background:#fff}
	table.list_data th{color:#333;background:#ececec}

	table.input_data th,
	table.input_data td{padding:10px 20px;color:#888;text-align:left;line-height:24px;vertical-align:top;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;background:#fff}
	table.input_data th{color:#666;background:#f5f5f5}

	table.type01{width:100%}
	table.type01 td,table.type01 th{text-align:center;vertical-align:middle}
	table.type01 th{height:50px;font-size:16px;color:#888;text-align:center;border:1px solid #e3e3e3;background:#fbfbfb}
	table.type01 td{font-size:16px;color:#888;padding:10px 20px;height:30px;border:1px solid #e3e3e3}


	/*.product_info_slide{position:relative;margin:75px auto;padding-bottom:35px;}*/
	.product_info_slide > div{padding:0px;border:solid 1px #d9d9d9}
	.product_info_list {list-style-type: none;padding:10px;}
	.product_info_list li {display:inline-table;max-width:285px;height:420px;padding:10px;}
	.product_info_list li .thumb{text-align:left;}
	.product_info_list li dl{text-align:left}
	.product_info_list li dl dt{margin-bottom:12px;font-size:18px;color:#333}
	.product_info_list li dl dd{margin-bottom:5px;font-size:14px;color:#888;line-height:20px;min-height:100px;}
	.product_info_list li dl dd:last-child{margin-bottom:0;}
	.product_info_slide .bx-pager{top:auto;bottom:0;}
	.product_info_slide .bx-pager a{width:15px;height:15px;background:#edf1f2}
	.product_info_slide .bx-pager a.active{background:#acb522}
	


		.product_spec{position:relative;margin-top:30px;height:100%;width:100%;padding-top:0;background:#fff;overflow:hidden;}
		.product_spec table th,
		.product_spec table td{border-bottom:none;}
		.m_con_b{display:none}
		.m_con_bl{display:none} 
		.m_con_l{display:none}
		.m_con_tc{display:none}
		.m_br{display:none}
	
	
	
	/*  원봉 */


	/* 위닉스 */
	.tab_panel .pd_detail_info h5 {font-size: 20px;padding-bottom: 15px;text-align: left;}
	.tab_panel {display: block;}
	.tab_panel img.once_img{position: relative;left: 50%;transform: translateX(-50%);display: block;}

	.tab_panel .pd_order_info{background: #f7f7f7;border:1px solid #ccc;text-align: left;padding: 42px 43px;font-size: 15px;color:#888;line-height: 1.86;letter-spacing: -0.063em;width: 1400px;margin: 0 auto 140px;box-sizing: border-box;}
	.tab_panel .pd_order_info .vishidden{visibility: hidden;}

	.tab_panel .pd_detail_info{padding-top: 60px;width: 1400px;margin: 0 auto;}
	.tab_panel .pd_detail_info:first-child{padding-top: 0;}
	.tab_panel .pd_detail_info:last-child{margin-bottom: 140px;}
	.tab_panel .pd_detail_info h5{font-size: 20px;padding-bottom: 15px;text-align: left;}
	.tab_panel .pd_detail_info table{width:1400px;margin:0 auto;border-top:1px solid #2a2a2a;display: block;}
	.tab_panel .pd_detail_info table tbody tr>*{float:left;padding-left:50px;letter-spacing:-0.37px;font-size:15px;line-height:60px;border-bottom:1px solid #d9d9d9;text-align:left;box-sizing: border-box;font-family: 'Lato-Light','NotoSans-Light';}
	.tab_panel .pd_detail_info table tbody tr th{width:200px;background:#f7f7f7;font-family:'Lato-Bold','NotoSans-Medium';text-align: left;font-weight: normal;}
	.tab_panel .pd_detail_info table tbody tr td{width:500px;}
	.tab_panel .pd_detail_info table tbody tr td.large{width:1200px}

	
	
	/* 위닉스 */

 /*황금맷돌 본문*/
.cont_wrap {margin-bottom: 120px; } 
.cf:after {clear: both; display: block; content: "";}
.intro_detail .top_intro {
	background-size: cover;
	background-position: center center;
	margin-bottom: 35px;
	padding: 70px 0;
}

.intro_detail .top_intro img {
	display: block;
	margin: 0 auto;
}

.intro_detail .intro_banner {
	display: block;
	width: 100%;
	margin-bottom: 60px;
}

.intro_detail .mobile {
	display: none;
}

.intro_detail .icon_list {
	margin: 0 -0.3%;
	margin-bottom: 30px;
}

.icon_list li {
	float: left;
	width: 19.4%;
	margin: 0 0.3% 15px;
	border: 1px solid #b7b7b7;
}

.intro_detail .icon_list li img {
	display: block;
	width: 100%;
	max-width: 230px;
}

.intro_detail .intro_info {
	border: 1px solid #b7b7b7;
	padding: 30px;
}

.intro_detail .intro_info table {
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #8a8a8a;
}

.intro_detail .intro_info table.mobile_tb {
	display: none;
}

.intro_detail .intro_info table tr {
	border-bottom: 1px solid #8a8a8a;
}

.intro_detail .intro_info table th.top_th {
	height: 40px;
	background: #b7b7b7;
	font-size: 18px;
	font-weight: 700;
	color: #494949;
	padding: 5px;
	border-left: 1px solid #8a8a8a;
}

.intro_detail .intro_info table th.top_th:first-child {
	border-left: 0;
}

.intro_detail .intro_info table th.left_th {
	height: 40px;
	background: #f3f3f3;
	font-size: 16px;
	font-weight: 700;
	color: #494949;
	padding: 5px;
	border-left: 1px solid #8a8a8a;
	width: 220px;
}

.intro_detail .intro_info table th.left_th:first-child {
	border-left: 0;
}

.intro_detail .intro_info table td {
	height: 40px;
	font-size: 16px;
	font-weight: 700;
	color: #494949;
	padding: 5px;
	border-left: 1px solid #8a8a8a;
	text-align: center;
}

.intro_detail .intro_info .gray_box {
	background: #7d7d7d;
	padding: 30px 40px;
	color: #ffffff;
}

.intro_detail .intro_info .gray_box p {
	font-size: 18px;
	font-weight: 700;
	margin-top: 10px;
	word-break: keep-all;
	background: url(../img/gray_dot.png) no-repeat left 8px;
	padding-left: 15px;
}

.intro_detail .intro_info .gray_box p:first-child {
	margin-top: 0;
}

.intro_detail .cada {
	display: block;
	width: 100%;
	margin: 30px auto 20px;
}

.intro_detail .cada.mobile {
	display: none;
}

.intro_detail .down_btn {
	float: right;
	width: 315px;
	height: 42px;
	line-height: 42px;
	color: #ffffff;
	background: #1d1000;
	font-size: 18px;
	text-align: center;
}

.intro_detail .down_btn2 {
	margin-bottom: 50px;
}

.intro_detail .video_wrap {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	clear: both;
}

.intro_detail .video_wrap iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

	@media screen and (max-width : 1300px){
	.intro_detail .top_intro {
		margin-bottom: 35px;
		padding: 60px 0;
	}

	.intro_detail .intro_banner {
		margin-bottom: 50px;
	}

	.intro_detail .icon_list {
		margin-bottom: 20px;
	}

	.intro_detail .intro_info {
		padding: 20px;
	}

	.intro_detail .intro_info table {
		margin-bottom: 20px;
	}

	.intro_detail .intro_info table th.top_th {
		font-size: 17px;
	}

	.intro_detail .intro_info table th.left_th {
		width: 180px;
	}

	.intro_detail .intro_info .gray_box {
		padding: 20px 30px;
	}

	.intro_detail .intro_info .gray_box p {
		font-size: 17px;
		padding-left: 12px;
	}
	}

	@media screen and (max-width : 1080px){
	.intro_detail .top_intro {
		margin-bottom: 30px;
		padding: 40px 0;
	}

	.intro_detail .top_intro img {
		width: 50%;
	}

	.intro_detail .intro_banner {
		margin-bottom: 40px;
	}

	.intro_detail .icon_list {
		margin: 0 -0.5%;
		margin-bottom: 20px;
	}

	.icon_list li {
		width: 24%;
		margin: 0 0.5% 10px;
	}

	.intro_detail .intro_info {
		padding: 20px;
	}

	.intro_detail .intro_info table {
		margin-bottom: 15px;
	}

	.intro_detail .intro_info table th.top_th {
		font-size: 16px;
	}

	.intro_detail .intro_info table th.left_th {
		font-size: 15px;
		width: 120px;
	}

	.intro_detail .intro_info table td {
		font-size: 15px;
	}

	.intro_detail .intro_info .gray_box {
		padding: 20px;
	}

	.intro_detail .intro_info .gray_box p {
		font-size: 16px;
		margin-top: 10px;
		background: url(../img/gray_dot.png) no-repeat left 7px;
		background-size: 4px;
		padding-left: 10px;
	}
	}

	@media screen and (max-width : 900px){
	.intro_detail .top_intro {
		margin-bottom: 25px;
		padding: 25px 0;
	}

	.intro_detail .intro_banner {
		margin-bottom: 30px;
	}

	.intro_detail .icon_list {
		margin-bottom: 10px;
	}

	.intro_detail .intro_info {
		padding: 15px;
	}

	.intro_detail .intro_info table {
		margin-bottom: 10px;
	}

	.intro_detail .intro_info table th.top_th {
		height: 35px;
		font-size: 14px;
		padding: 5px;
	}

	.intro_detail .intro_info table th.left_th {
		height: 35px;
		font-size: 14px;
		width: 70px;
	}

	.intro_detail .intro_info table th.left_th2 {
		width: 100px !important;
	}

	.intro_detail .intro_info table td {
		height: 35px;
		font-size: 14px;
	}

	.intro_detail .intro_info .gray_box {
		padding: 20px;
	}

	.intro_detail .intro_info .gray_box p {
		font-size: 15px;
	}

	.intro_detail .cada {
		margin: 20px auto 10px;
	}

	.intro_detail .down_btn {
		width: 220px;
		height: 35px;
		line-height: 35px;
		font-size: 16px;
	}

	.intro_detail .down_btn img {
		width: 25px;
	}

	.intro_detail .down_btn2 {
		margin-bottom: 40px;
	}
	}

	@media screen and (max-width : 700px){
	.intro_detail .top_intro {
		margin-bottom: 20px;
	}

	.intro_detail .top_intro img {
		width: 70%;
	}

	.intro_detail .intro_banner {
		margin-bottom: 20px;
	}

	.intro_detail .icon_list {
	}

	.icon_list li {
		width: 32.333%;
	}

	.intro_detail .intro_info {
		padding: 15px;
	}

	.intro_detail .intro_info table {
		margin-bottom: 10px;
	}

	.intro_detail .intro_info table th.top_th {
		font-size: 13px;
	}

	.intro_detail .intro_info table th.left_th {
		font-size: 13px;
		width: 70px;
	}

	.intro_detail .intro_info table td {
		height: 35px;
		font-size: 13px;
	}

	.intro_detail .intro_info .gray_box {
		padding: 15px;
	}

	.intro_detail .intro_info .gray_box p {
		font-size: 14px;
		margin-top: 7px;
		background-size: 3px;
		padding-left: 7px;
	}

	.intro_detail .cada.pc {
		display: none;
	}

	.intro_detail .cada.mobile {
		display: block;
	}

	.intro_detail .down_btn2 {
		margin-bottom: 30px;
	}
	}
	

	@media screen and (max-width : 550px) {
	.intro_detail .pc {
		display: none;
	}

	.intro_detail .mobile {
		display: block;
	}

	.intro_detail .top_intro {
		margin-bottom: 10px;
		padding: 25px 0;
	}

	.intro_detail .top_intro img {
		width: 80%;
	}

	.intro_detail .intro_banner {
		margin-bottom: 10px;
	}

	.icon_list li {
		width: 49%;
	}

	.intro_detail .intro_info {
		padding: 0px;
		border: 0;
	}

	.intro_detail .intro_info table {
		margin-bottom: 10px;
	}

	.intro_detail .intro_info table.pc_tb {
		display: none;
	}

	.intro_detail .intro_info table.mobile_tb {
		display: table;
	}

	.intro_detail .intro_info table th.top_th {
		height: 35px;
		font-size: 13px;
		padding: 5px;
	}

	.intro_detail .intro_info table th.left_th {
		height: 35px;
		font-size: 13px;
		width: 80px;
	}

	.intro_detail .intro_info table td {
		height: 35px;
		font-size: 13px;
	}

	.intro_detail .intro_info .gray_box {
		padding: 15px 10px;
	}

	.intro_detail .intro_info .gray_box p {
		font-size: 13px;
	}

	.intro_detail .cada {
		margin: 15px auto 10px;
	}

	.intro_detail .down_btn {
		width: 160px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}

	.intro_detail .down_btn img {
		width: 20px;
	}

	.intro_detail .down_btn2 {
		margin-bottom: 25px;
	}
	}

/*******  황금맷돌  ***********/





/*******   쿠쿠  ***********/
.prd_detail > div{padding-bottom:140px}
.prd_detail > div:last-child{padding-bottom:0}
.prd_detail .prd_section01 .img{margin:100px 0}
.prd_detail .prd_section02 .prd_tab{margin-bottom:60px}
.prd_detail .prd_section03 .prd_tab{margin-bottom:50px}
.prd_detail .prd_tbl_info{position:relative;}
.prd_detail .prd_tbl_info .btn-right{position:absolute; top:-15px; right:0}
.prd_detail .prd_tbl_info .tit_03{margin-bottom:35px;display: inline-block;font-size: 25px; font-weight: 500; vertical-align: middle;!important;}
.prd_detail .prd_tbl_info .tbl_wrap:after{display:block; content:''; clear:both}
.prd_detail .prd_tbl_info .tbl{float:none; width:100%;}
.prd_detail .prd_tbl_info .tbl + .tbl{margin-left:35px}
.prd_detail .prd_tbl_info .tbl th, .prd_detail .prd_tbl_info .tbl td{padding-left:0; text-align:left; line-height:20px;}

.tbl_wrap .btn-wrap-left{margin-top:20px; text-align:left;}
.tbl.type_border thead{border-top:2px solid #312f2d}
.tbl.type_border thead th{background-color:#f5f5f5; font-weight:300; border-bottom:0}
.tbl.type_border th{font-weight:500}
.tbl.type_border th, .tbl.type_border td{word-break:break-all; padding:18px 10px; border-bottom:1px solid #d5d6d3; font-size:15px; text-align:center}
.tbl.type_border.type_m thead th{font-size:13px}
.tbl.type_border.type_m td{padding:23px 0 22px 0}
.tbl .btn_s{min-width:52px; padding:12px 14px 11px 14px;}
.tbl.type_data{border-top:2px solid #312f2d}
.tbl.type_data th{background-color:#f5f5f5; font-weight:500}
.tbl.type_data th, .tbl.type_data td{padding:20px; border-bottom:1px solid #c7c8c4; border-left:1px solid #c7c8c4; text-align:center}
.tbl.type_data th:first-child, .tbl.type_data td:first-child{ border-left:0;}
.tbl.type_data.type_left td, .tbl.type_data.type_left th{border-left:0}
.tbl.type_data.type_left td{text-align:left}
.tbl .tbl_top{position:relative}
.tbl .tbl_top + table{margin-top:20px}
.tbl .tbl_top .right_area{position:absolute; top:-30px; right:0}


/*******   쿠쿠  ***********/



/*******   SK매직  ***********/
/* 제품 상세-탭 */
.tabContent{padding-top:80px;}
.tabContent .listBox{margin-top:0;}
.prdSpec {margin-top:50px;}

.prdSpec .title{margin:50px 0 30px;}
.prdSpec .title:first-child{margin-top:0;}
.prdSpec .title h3 {display: inline-block;font-weight: 700;font-size: 24px;}

.prdSpec .tabContent#con1 .tblCont{text-align:left;}

/* Table */
.prdSpec table{width:100%;border-collapse:collapse;border-spacing:0}
.tblCont{border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8}
.tblCont th, .tblCont td{padding:17px 20px;line-height:23px;}
.tblCont th{padding:20px;background-color:#f4f4f4;border-top:1px solid #e8e8e8;text-align:center;font-weight:normal;color:#222;}
.tblCont th.td{background-color:#fff;border-right:1px solid #e8e8e8;text-align:left;}
.tblCont td{padding:20px;border-top:1px solid #e8e8e8;}
.tblCont tr:first-child th, .tblCont tr:first-child td{border-top:0;}
.tblCont em.price{font-size:17px;color:#de4f41;font-weight:500;}
.tblCont .rLine{display:inline-block;vertical-align:middle;}
.tblCont .rLine + .rLine{position:relative;margin-left:9px;padding-left:12px;}
.tblCont .rLine + .rLine:before{content:'';display:block;position:absolute;top:2px;left:0;width:1px;height:13px;background:#e8e8e8;}
.tblCont.col th,
.tblCont.col td{padding:20px 5px;text-align:center;}
.tblCont.type2{border-top:1px solid #666;border-bottom:1px solid #bbb;}
.tblCont td .note{margin-top:10px;font-size:13px;line-height:23px;color:#999;}
.tblCont.line th,.prdSpec  .tblCont.line td{border-right:1px solid #e8e8e8;border-left:1px solid #e8e8e8;}
.tblCont.line th:first-child, .tblCont.line td:first-child{border-left:0;}
.tblCont.line th:last-child, .tblCont.line td:last-child{border-right:0;}


/*******   SK매직  ***********/

/*  제품 상세 제조사별 소스 인클루드*/






.gallery_list .subject{position:relative;z-index:2;padding:0 20px;padding-bottom:10px;overflow:hidden;}
.gallery_list .subject a{display:block;margin:5px 0;height:50px;line-height:25px;font-size:16px;font-weight:700;color:#333;overflow:hidden;text-overflow: ellipsis;transition:all 0.2s ease-in-out}
.gallery_list .subject a:hover{color:#000}
.gallery_list .subject span{display:block;font-size:16px;color:#777;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.gallery_list .write_info{position:relative;z-index:2;padding:0 20px;padding-bottom:10px;overflow:hidden;font-size:14px;background:#ddd;}
.gallery_list .write_info span.write_name {float:left;padding-top:8px;}
.gallery_list .write_info span.write_date {float:right;padding-top:8px;}
.gallery_list .write_info strong{letter-spacing:1px;color:#777;font-weight:700}


.fl{float:left}
.fr{float:right}


#sit_pvi_thumb{text-align:center;zoom:1}
#sit_pvi_thumb:after{display:block;visibility:hidden;clear:both;content:"";}
#sit_pvi_thumb li{display:inline-block;margin:5px;border:solid 1px #cdcdcd;padding:5px;}
#sit_pvi_thumb .li_last{margin:0 !important}
#sit_pvi_thumb img{}
#sit_pvi_nwbig {padding:10px 0;text-align:center}
#sit_pvi_nwbig span {display:none}
#sit_pvi_nwbig span.visible {display:inline}
#sit_pvi_nw ul {margin:0 0 20px;text-align:center;padding:0 10px;list-style:none;zoom:1}
#sit_pvi_nw ul:after {display:block;visibility:hidden;clear:both;content:""}
#sit_pvi_nw li {display:inline-block;margin:0 0 1px 1px}
#sit_pvi_nw li img {width:60px;height:60px}







.sc_tab5{width:19%; clear:both; margin-top:30px;}
.sc_tab5 li{line-height:30px;float:left; width:16.5%; margin:10px 0px; border-right:2px solid #fff;  padding:15px 0;  text-align:center;background:#e5e5e5; border-right:1px solid #ccc; border-top:1px solid #ccc; border-bottom:2px solid #009fdb; font-size:17px;}
.sc_tab5 li.on{background:#009fdb; color:#fff; border-right:1px solid #009fdb; border-bottom:2px solid #0091c7; border-top:1px solid #009fdb; }
.sc_tab5 li.on span{color:#fff !important; }
.sc_tab5 li:hover{background:#ccc; border-right:1px solid #ccc; border-bottom:2px solid #0091c7;border-top:1px solid #ccc;}

/* list search */
.bbsTop					{clear:both; position:relative;  height:auto;  height:32px;}
.bbsTop div				{float:left; }
.bbsTop .bbsSearch	{float:right;  line-height:34px; text-align:right}/* 2020 09 15*/
.bbsSearch label		{visibility:hidden; height:0; width:0; font-size:0; position:absolute; left:-5000px;}
.bbsSearch input[type=text]		{ height:32px; margin:0; border:1px solid #ddd; background:#ffffff; vertical-align:top;}
.bbsSearch select		{height:32px; margin:0; font-size:16px; line-height:2em; border:1px solid #ddd; background:#fff; vertical-align:top;}/* 2020 09 15*/
.bbsSearch button	{width:50px; height:32px;  line-height:32px;margin:0; font-size:16px; color:#ffffff; font-weight:bold; }
.bbsTop .bbstotal					{float:left;  line-height:30px;}



/* 로그인 창*/	
.loginWrap					{width:500px; height:150px; margin:0 auto; padding:30px 50px; border:1px solid #e1e1e1; background-color:#f5f5f5;}
.loginWrap .boxLogin	{float:left; width:260px;}
.loginWrap .boxLogin .txt	{width:220px; font-size:16px; font-weight:bold;}
.loginWrap .boxLogin .inputEm {width:220px; margin-bottom:10px;}
.loginWrap .boxLogin .button {float:left; width:240px;}
.loginWrap .boxLogin .button .btnEmBlue {width:240px;}

input.inputEm	{height:42px; padding:0 15px 2px; border:1px solid #314c9d; font-size:14px; line-height:18px;}

.btnEmBlue, 
a.btnEmBlue.disable:hover{display:inline-block; width:130px; height:57px; padding:45px 0px; background:#314c9d; text-align:center;}
a.btnEmBlue:hover			{background:#0076b7; text-decoration:none;}
.btnEmBlue .btnTxt			{display:inline-block; color:#fff; font-size:18px; vertical-align:top; margin-top:-7px; line-height:normal;}




/* 상단로고 */
#top			{width:100%; text-align: center; vertical-align: middle; margin: 0 auto;	}
#top h1		{margin: 0 auto;	padding: 20px 0px;}
#topWrap .menu	{position: absolute; left:10px; top:28px;}
#topWrap .menu i 	{font-size:22px;color:#023965;!important;}
.menufColor {color:#023965;}
/* hidden 레이어 */ 
#hidden_menu_wrap		{position:fixed;display:none; text-align: left; width:250px; top:0px; left:-250px; height:100%; overflow:hidden; z-index:10000; box-shadow:0px 0px 100px  20px #000; background:#009fdb/* url('../../images/mobile/common/hidden_bg.gif') repeat-y*/;-webkit-transition: all .6s ease;-moz-transition: all .6s ease;-ms-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s ease;}
#hidden_menu_box			{position:absolute; top:0px;}
#hidden_menu_box h4		{width:250px; height: 90px; padding-left: 20px;color:#fff; background:#009fdb; vertical-align: middle; display: table-cell; text-align:left;border-bottom: 1px solid #ffffff;	}
.mClose							{position: absolute; top:33px; right: 10px;}
.mClose i						{font-size:30px;}
.mClosefColor {color:#fff;}
.mArrow								{float:right; padding:0px 10px 0 0; }
.main_category_arr {font-size:24px;}

#hidden_menu				{position:relative; background:#009fdb;}
#hidden_menu:after			{clear: both; content: " ";  display: block;} 
#hidden_menu li				{width:250px; padding:10px 0; border-bottom:1px solid #bfbfbf; font-size:16px; letter-spacing:-0.5px; color: #ffffff;}
#hidden_menu li a			{color:#333; text-decoration:none; background:url('') no-repeat; padding-left: 20px; color: #ffffff;}

#hidden_menu li.sm_on		{font-weight:bold; background:#009fdb;}
#hidden_menu li.sm_on a		{color:#ffc152;}

#hidden_menu ul  li ul					{width:250px; margin:15px 0 0 0; background:#696969;}
#hidden_menu ul  li ul li					{width:250px; padding:7px 0; font-size:14px; font-weight:normal; letter-spacing:0; line-height:18px;border:none;}
#hidden_menu ul li.sm_on ul li a		{color:#fff; }
#hidden_menu ul li.sm_on ul li.cm_fc a	{color:#ffc152; font-weight:bold;}
#hidden_menu ul li.sm_on ul li a:hover	{color:#fff; font-weight:bold;}
#hidden_menu .mlist li ul { display:none;}
#mask {position:absolute;width:100%;height:100%;min-height:100%;background-color: rgba(101, 104, 104, 0.5); z-index:90;  display:none;transition:width 0.6s;}

/* 모바일 끝*/

@keyframes rotate180 {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@keyframes rotate0 {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}