@import url("common.css");

			/* layout_Area */
			body{-webkit-text-size-adjust:none; }
			#wrap{width:100%; margin:0 auto; }
			#header{width:100%; height:256px;  margin:0 auto;}
			#container{padding:40px 0 40px 0; width:100%; height:756px; overflow:hidden;}


			/* header_Area */
			#header .inner{width:100%; text-align:center; position:relative;}
			#header .inner .logo{margin:0 0 0 0; padding:18px 0 17px 0; width:100%; border-bottom:1px solid #BEBEBE;}
			#header .inner .logo img{width:100%;}


			/* width320px 미디어쿼리 시작 */
			@media(min-width:320px){
			/* layout_Area */
			#wrap{width:100%; margin:0 auto;}
			#header{width:100%; height:50%; }
			#container{padding:0 0 10px 0; width:100%; height:100%; }


			/* header_Area */
			#header .inner{width:100%; text-align:center;}
			#header .inner .logo{padding:9px 0 8.5px 0; width:100%; }
			#header .inner .logo img{width:50%;}

			}

			/* width360px 미디어쿼리 시작 */
			 @media(min-width:360px){
			/* layout_Area */
			#wrap{width:100%; margin:0 auto; }
			#header{ width:100%; height:50%; }
			#container{padding:0 0 10px 0; width:100%; height:80%;}
			}


			#header .inner .sch_area {width:92%; margin:20px 0 0 0; padding:0 4% 20px 4%; }
			#header .inner .sch_area .sch_line{width:100%;}
			#header .inner .sch_area .sch_line:after{content:""; display:block; clear:both;}
			#header .inner .sch_area .sch_line li{float:left;}
			#header .inner .sch_area .sch_line li.sch_1{width:70%; position:relative;}
			#header .inner .sch_area .sch_line li.sch_1 span.btn{position:absolute; top:0px; right:-4px;}
			#header .inner .sch_area .sch_line li.sch_1 span.btn img{width:29px; padding-top:2px;}
			#header .inner .sch_area .sch_line li.sch_2{width:14%; padding-left:3%; padding-top:2px;}
			#header .inner .sch_area .sch_line li.sch_3{width:14%; padding-left:2%; padding-top:2px;}

			#header .inner .sch_area .sch_box{width:100%; padding:5px 0 5px 0; border:2px solid #6B5C57}
			#header .inner .sch_area a.login{display:inline-block; width:100%; padding:6px 0 6px 0; font-size:11px; font-weight:bold; color:#fff; border:1px solid #A7A61A;
			background: -moz-linear-gradient(top,  #DFE03E 1px, #B6B624 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(1px,#DFE03E), color-stop(100%,#B6B624)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #DFE03E 1px,#B6B624 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #DFE03E 1px,#B6B624 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #DFE03E 1px,#B6B624 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #DFE03E 1px,#B6B624 100%); /* W3C */}
			#header .inner .sch_area a.join{display:inline-block; width:100%; padding:6px 0 6px 0; font-size:11px; font-weight:bold; color:#fff; border:1px solid #5E504D;
			background: -moz-linear-gradient(top,  #B0A5A3 1px, #6B5E58 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(1px,#B0A5A3), color-stop(100%,#6B5E58)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #B0A5A3 1px,#6B5E58 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #B0A5A3 1px,#6B5E58 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #B0A5A3 1px,#6B5E58 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #B0A5A3 1px,#6B5E58 100%); /* W3C */}

			#header .gnb_area{width:100%;}
			#header .gnb_area .gnb{padding:10px 0 10px 0; text-align:center; background:url("../images/common/gnb_bg.gif") 0 0 repeat-x;}
			#header .gnb_area .gnb li{display:inline; padding-left:10px; position:relative;}
			#header .gnb_area .gnb li.first{padding-left:0;}
			#header .gnb_area .gnb li a{font-size:1.188em; color:#fff; font-weight:bold; letter-spacing:-1px;}
			#header .gnb_area .gnb li a:hover{text-decoration:none; color:#B6B524;}
			#header .gnb_area .gnb li.basket{width:50px; height:38px;}
			#header .gnb_area .gnb li.basket span{position:absolute; left:2px; top:-7px;width:20px; height:20px; padding:6px 2px 0 0; color:#fff; background: url("../images/common/basket_num_bg.png") right 50% no-repeat; background-size:100%;}

			@media(min-width:320px){
			#header .inner .sch_area {width:92%; margin:10px 0 0 0; padding:0 4% 10px 4%; }
			#header .inner .sch_area .sch_line li.sch_1{width:67%;}
			}

			/* width360px 미디어쿼리 시작 */
			 @media(min-width:360px){
			#header .inner .sch_area .sch_line li.sch_1{width:67%;}

			#header .inner .sch_area .sch_line li.sch_2{width:14%; padding-left:2%; padding-top:2px;}
			#header .inner .sch_area .sch_line li.sch_3{width:14%; padding-left:2%; padding-top:2px;}

			}
			#container .banner_area{width:100%; border-bottom:1px solid #DCDCDC; position:relative; }
			#container .banner_area .slider{width:100%; height:100%; }
			#container .banner_area .slider .slides .slide {height: 100%; float: left; clear: none;}
			#container .banner_area .slider .slides:after{content:""; display:block; clear:both;}
			#container .banner_area .slider .slides .slide a {}
			#container .banner_area .slider .slides .slide img {width:100%; }
			#container .banner_area .slider .slider-arrow {display:none; }
			#container .banner_area .slider .slider-nav {width:100%; position: absolute; right:0; top:20px;}
			#container .banner_area .slider .slider-btns {width:23px; height:23px; float:left; margin-right:10px; overflow:hidden; display: block; background: url("../images/btn/banner_btn1.png") 0 0 no-repeat;}
			#container .banner_area .slider .slider-btns:hover {background-position:0 -28px;}
			#container .banner_area .slider .slider-btns_on {background-position:0 -28px;}
			
			/* 탭 영역*/
			#container .product_area{margin:0; padding:0;}
			#container .product_area .m_tab{width:100%; overflow:hidden;}
			#container .product_area .m_tab li{float:left; width:50%;  text-align:center; border-top:2px solid #DCD9A6; border-right:1px solid #DCD9A6; border-bottom:2px solid #DCD9A6; border-left:2px solid #DCD9A6;position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
			#container .product_area .m_tab li.last{float:left; width:50%;  text-align:center; border-top:2px solid #DCD9A6; border-right:2px solid #DCD9A6; border-bottom:2px solid #DCD9A6; border-left:1px solid #DCD9A6;position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
			#container .product_area .m_tab li a{width:100%;  padding:10px 0 10px 0; display:inline-block; font-size:1.125em; color:#787548; font-weight:bold; letter-spacing:-2px;}
			#container .product_area .m_tab li a:hover{text-decoration:none;}
			#container .product_area .m_tab li a span.bg1{display:inline-block; padding-left:20px; background: url("../images/ico/ico_tab1.png") 0 50% no-repeat; background-size:17px 17px;}
			#container .product_area .m_tab li a span.bg2{display:inline-block; padding-left:20px; background: url("../images/ico/ico_tab2.png") 0 50% no-repeat; background-size:17px 17px;}
			#container .product_area .m_tab li a.selected{background-color:#EEEBBF;}
			/*#container .product_area .m_tab li img{width:100%;}
			 #container .product_area .m_tab li>a span.tab_on{width:100%;}
			#container .product_area .m_tab li>a span.tab_on img{width:100%;}
			#container .product_area .m_tab li>a span.tab_on{position:absolute; top:0; left:0; display:none;}
			#container .product_area .m_tab li>a.selected span.tab_on{display:block;} */
		
			#container .view {width:100%; }
			#container .view .inner_v{ width:100%; min-height:100%; background:url("../images/common/product_BG.gif") 0 0 repeat;}
			#container .view .inner_v .product_img{padding:2% 5% 2% 5%; width:90%; overflow:hidden;}
			#container .view .inner_v .product_img li{float:left; width:47%; margin-left:4%; background-color:#FFF; position:relative; border:1px solid #CBCDC2; }
			#container .view .inner_v .product_img li.first{margin-left:0;}
			#container .view .inner_v .product_img li img{width:100%;}
			#container .view .inner_v .product_img li .ico_img{position:absolute; top:0; left:0; width:25%;}
			#container .view .inner_v .product_img li span{}
			#container .view .inner_v .product_img li>span.ico_img img{width:100%;}
			#container .view .inner_v .product_img li>span.p_title{display:block; padding:10px 0 4px 0; font-size:1.0em; color:#333; font-weight:bold; text-align:center; }
			#container .view .inner_v .product_img li>span.p_sub_title{display:block; padding:0 0 4px 0; font-size:0.813em; color:#555; text-align:center; letter-spacing:-1px;}
			#container .view .inner_v .product_img li>span.p_price{padding-right:5px; font-size:1.125em; color:#78830b; font-weight:bold; display:block; text-align:right;}
			#container .view .inner_v .product_img li>span.p_price>span.txt_price{color:#000;}


			#container .product_img{padding:2% 5% 2% 5%; width:90%; overflow:hidden;}
			#container .product_img li{float:left; width:47%; margin-left:4%; background-color:#FFF; position:relative; border:1px solid #CBCDC2; }
			#container .product_img li.first{margin-left:0;}
			#container .product_img li img{width:100%;}
			#container .product_img li .ico_img{position:absolute; top:0; left:0; width:25%;}
			#container .product_img li span{}
			#container .product_img li>span.ico_img img{width:100%;}
			#container .product_img li>span.p_title{display:block; padding:10px 0 4px 0; font-size:1.0em; color:#333; font-weight:bold; text-align:center; }
			#container .product_img li>span.p_sub_title{display:block; padding:0 0 4px 0; font-size:0.813em; color:#555; text-align:center; letter-spacing:-1px;}
			#container .product_img li>span.p_price{padding-right:5px; font-size:1.125em; color:#78830b; font-weight:bold; display:block; text-align:right;}
			#container .product_img li>span.p_price>span.txt_price{color:#000;}

			#container .tilte_style{width:100%;}
			#container .tilte_style .title{margin:5% 2% 15px 2%; width:96%; border-bottom:1px solid #DADACE; }
			#container .tilte_style .title span.txt_big{font-size:1.250em !important; color:#444; font-weight:bold;}
			#container .tilte_style .title span.txt_small{padding:2px 0 0 5px ; font-size:0.875em;  color:#444;}

			#container .tilte_style1{width:100%;}
			#container .tilte_style1 .title{margin:5% 2% 15px 2%; width:96%;  }
			#container .tilte_style1 .title:after{content:""; display:block; clear:both;}
			#container .tilte_style1 .title span.txt_title{float:left; width:30%; padding-left:20px; font-size:1.250em !important; color:#444; font-weight:bold; background:url("../images/ico/ico_bullet1.gif") 0 0 no-repeat; background-size:15px 15px;}
			#container .tilte_style1 .title span.txt_chk{float:right; width:60%; text-align:right; }

			/** kkang(2014-07-21) 추가 **/
			#container .private{width:100%;text-align:center;margin:0 auto;}


			#container .cont_img_area {width:100%;}
			#container .cont_img_area img{padding:0 2% 5% 2%; width:96%;}

			#footer .f_menu{width:100%; border-top:1px solid #DADACE; border-bottom:1px solid #272927; padding:14px 0 14px 0; text-align:center; background-color:#000;}
			#footer .f_menu ul{ }
			#footer .f_menu ul>li{display:inline; padding-left:25px; background:url("../images/ico/ico_bullet.gif") 12px 50% no-repeat; background-size:1px 100%;}
			#footer .f_menu ul>li a{font-size:1.063em; color:#a6a6a6;}
			#footer .f_menu ul>li.first{ padding-left:0; background:none;}
			#footer .address{width:100%; height:100%; background:url("../images/common/footer_bg.gif") center top no-repeat; background-size:100%;}
			#footer .address .in_address{padding:10px 2% 20px 2%; width:96%; word-wrap:break-word; position:relative;}
			#footer .address .in_address .txt_add{}
			#footer .address .in_address .txt_add li{line-height:20px; font-size:1.0em; color:#bababa;}
			#footer .address .in_address .txt_add li span{font-weight:bold; color:#fff;}
			#footer .address .in_address .copy{font-size:0.938em; color:#8c8c8c;}
			#footer .address .in_address .kcp{position:absolute; bottom:20px; right:0; }
			#footer .address .in_address .kcp img{width:50%;}

			/* sub_list 영역 */
			#container .sub_list_area{width:100%; background:url("../images/contents/sub_m_bg.gif") center 0 no-repeat; background-size:100% 100%;}
			#container .sub_list_area .sub_list{width:97%; padding:2% 1% 0 2%; display:inline-block;}
			#container .sub_list_area .sub_list li{float:left; width:49%; margin:0 0 2px 2px; padding:2% 3% 2% 3%; background:#FFF url("../images/ico/ico_arrow.png") 95% 50% no-repeat; opacity:0.8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
			#container .sub_list_area .sub_list li a{font-size:1.125em; color:#444; font-weight:bold;}

			#container .product_list{width:96%;padding:2% 2%;}
			#container .info_box{padding:0 2% 0 2%; width:96%;} 

			#container .login_box{padding:0 2% 5% 2%; width:96%; }
			#container .login_box .login_area{padding:4% 2% 4% 2%; width:100%; border:6px solid #D1D0AE; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative;}
			#container .login_box .login_area .id_box{width:80%; }
			#container .login_box .login_area .id_box label{display:inline-block; width:20%;  padding:2% 3% 2% 3%; font-size:12px; font-weight:bold; color:#585757;}
			#container .login_box .login_area .id_box input{width:65%; padding:2% 3% 2% 3%;}
			#container .login_box .login_area .ps_box{padding-bottom:3%; width:80%; }
			#container .login_box .login_area .ps_box label{display:inline-block; width:20%;  padding:2% 3% 2% 3%; font-size:12px; font-weight:bold; color:#585757;}
			#container .login_box .login_area .ps_box input{width:65%; padding:2% 3% 2% 3%;}
			#container .login_box .login_area .login_btn{position:absolute; top:12%; right:3%; width:18%; text-align:center; background-color:#544945;}
			#container .login_box .login_area .login_btn a{display:inline-block; width:100%; padding:35% 0 35% 0;  color:#fff; font-weight:bold; }

			@media(min-width:400px){
			#container .login_box .login_area .id_box{width:80%; padding-bottom:3%;}
			}
			#container .mypage_box{padding:0 2% 5% 2%; width:96%;}
			#container .mypage_box .mypage_area{width:100%; padding:10% 3% 5% 3%; background: url("../images/common/mypage_bg.gif") 0 0 no-repeat; background-size:100% 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative;}


			/* table_style */
			#container .table_style1{width:100%;} 
			#container .table_style1 td{padding:2% 0 2% 0; font-size:1.5em; color:#333; border-bottom:1px solid #d1d1d1;}
			#container .table_style1 td.img{padding:2% 0 2% 0; vertical-align:top; font-size:1.5em; color:#333; border-bottom:1px solid #d1d1d1;}
			#container .table_style1 td.chk_box{vertical-align:top;}
			#container .table_style1 td.bg{padding:3% 0 3% 0; background-color:#F2F2F2; border-top:1px solid #888; border-bottom:1px solid #888;}
			#container .table_style1 td.b_none{border-bottom:none;}
			#container .table_style1 td img{width:100%; border:1px solid #D1D1D1;} 
			#container .table_style1 td.txt_area{padding:2% 2% 2% 4%; vertical-align:top; position:relative;}
			#container .table_style1 td ul.txt_ul{width:100%; height:100%;}
			#container .table_style1 td ul.txt_ul li.title{font-size:1.250em; font-weight:bold; color:#333;}
			#container .table_style1 td ul.txt_ul li.sub_title{padding-bottom:3%; font-size:1.0em; color:#555;}
			#container .table_style1 td ul.txt_ul li.sub_title span{vertical-align:0;}
			#container .table_style1 td p.price{position:absolute; bottom:2%; right:2%; font-size:15px; color:#555; font-weight:bold;}
			#container .table_style1 td p.price span{color:#78830b;}
			#container .table_style1 td p.total_price {padding-right:4%; text-align:right; font-size:15px; font-weight:bold;}
			#container .table_style1 td p.total_price span{color:#78830b;}


			#container .table_style2{width:100%;} 
			#container .table_style2 th{padding:2% 0 2% 5%; font-size:1.063em; color:#302927; font-weight:bold; border-bottom:1px solid #d1d1d1;}
			#container .table_style2 td{padding:2% 5% 2% 5%; font-size:1.063em; color:#302927; text-align:right; border-bottom:1px solid #d1d1d1;}
			#container .table_style2 th.line{border-top:1px solid #d1d1d1;}
			#container .table_style2 td.line{border-top:1px solid #d1d1d1;}
			#container .table_style2 td span{padding:0 1% 0 1%; font-size:1.063em; color:#78830b; font-weight:bold;}

			#container .table_style3{width:100%;} 
			#container .table_style3 th{padding:2% 0 2% 2%; font-size:1.063em; color:#302927; font-weight:bold; text-align:left; border-bottom:1px solid #d1d1d1; background-color:#F2F2F2}
			#container .table_style3 td{padding:2% 2% 2% 2%; font-size:1.063em; color:#302927; text-align:left; border-bottom:1px solid #d1d1d1;}
			#container .table_style3 th.line{border-top:1px solid #d1d1d1;}
			#container .table_style3 th.center{ text-align:center; }
			#container .table_style3 td.center{ text-align:center; }
			#container .table_style3 td.line{border-top:1px solid #d1d1d1;}
			#container .table_style3 td span{padding:0 1% 0 1%; font-size:1.063em; color:#78830b; font-weight:bold;}

			#container .table_style4{width:100%; border-top:1px solid #767E62; } 
			#container .table_style4 th{padding:2% 0 2% 0; font-size:1.0em; color:#333; font-weight:normal; border-bottom:1px solid #C7CDB8;}
			#container .table_style4 td{padding:2% 2% 2% 0; font-size:1.0em; color:#333; text-align:right; border-bottom:1px solid #C7CDB8;}
			#container .table_style4 th.price{padding:4% 0 4% 0; font-size:1.0em; color:#333; font-weight:normal; border-bottom:1px solid #C7CDB8;}
			#container .table_style4 td.price{padding:4% 4% 4% 0; font-size:1.0em; color:#333; text-align:right; border-bottom:1px solid #C7CDB8;}
			#container .table_style4 td.none{border:none;}
			#container .table_style4 th.bgc{padding:2% 0 2% 0; background-color:#F2F2F2; border:none; }
			#container .table_style4 td.bgc{padding:2% 2% 2% 2%; background-color:#F2F2F2; border:none; white-space:normal;  letter-spacing:-1px;} 
			#container .table_style4 th.line{border-bottom:1px solid #767E62;}
			#container .table_style4 td.line{border-bottom:1px solid #767E62;}
			#container .table_style4 td.total{padding:2% 2% 2% 0; border-bottom:none; font-size:1.125em;  text-align:right; font-weight:bold; color:#222;}
			#container .table_style4 td.total span.price{color:#78830b; font-size:1.125em;  font-weight:bold;}

			@media(max-width:320px){
				#container .table_style4 td.bgc{padding:2% 2% 2% 2%; background-color:#F2F2F2; border:none; white-space:normal; letter-spacing:-1px;}
			}
			@media(max-width:420px){
				#container .table_style4 td.bgc{padding:2% 2% 2% 2%; background-color:#F2F2F2; border:none; white-space:normal; letter-spacing:-1px;}
			}
			/* btn_align_style */
			#container .btn_l_area{text-align:left;}
			#container .btn_c_area{text-align:center; padding:2% 0 2% 0;}
			#container .btn_r_area{text-align:right;}

			/* btn_style */
			#container  a.btn_style{display:inline-block; width:73px; padding:6px 0 6px 0; font-size:11px; font-weight:bold; text-align:center; color:#444; border:1px solid #B2B2B2;
			-moz-border-radius: 3px; 
			-webkit-border-radius: 3px;
			border-radius: 3px;
			background: -moz-linear-gradient(top,  #F8F8F8 1px, #D1D1D1 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(1px,#F8F8F8), color-stop(100%,#D1D1D1)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #F8F8F8 1px,#D1D1D1 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #F8F8F8 1px,#D1D1D1 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #F8F8F8 1px,#D1D1D1 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #F8F8F8 1px,#D1D1D1 100%); /* W3C */}
			#container  a.btn_style1 span.ico{padding-left:15px; background:url("../images/ico/ico_arrow2.png") 0 45% no-repeat; background-size:23%;}
			#container  a.btn_style1{display:inline-block; width:150px; padding:6px 0 6px 0; font-size:11px; font-weight:bold; text-align:center; color:#fff; border:1px solid #DE6809;
			-moz-border-radius: 3px; 
			-webkit-border-radius: 3px;
			border-radius: 3px;
			background: -moz-linear-gradient(top,  #FBDF28 1px, #EF7615 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(1px,#FBDF28), color-stop(100%,#EF7615)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #FBDF28 1px,#EF7615 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #FBDF28 1px,#EF7615 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #FBDF28 1px,#EF7615 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #FBDF28 1px,#EF7615 100%); /* W3C */}
			#container  a.btn_style2 span.ico{padding-left:15px; background:url("../images/ico/ico_basket.png") 0 45% no-repeat; background-size:23%;}
			#container  a.btn_style2{display:inline-block; width:150px; padding:6px 0 6px 0; font-size:11px; font-weight:bold; text-align:center; color:#fff; border:1px solid #A7A61A;
			-moz-border-radius: 3px; 
			-webkit-border-radius: 3px;
			border-radius: 3px;
			background: -moz-linear-gradient(top,  #EEEE44 1px, #B6B524 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(1px,#EEEE44), color-stop(100%,#B6B524)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #EEEE44 1px,#B6B524 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #EEEE44 1px,#B6B524 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #EEEE44 1px,#B6B524 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #EEEE44 1px,#B6B524 100%); /* W3C */}

			#container  a.btn_style3{display:inline-block; width:48%; padding:2% 0 2% 0; font-size:11px; font-weight:bold; text-align:center; color:#fff; border:1px solid #9E9997;
			-moz-border-radius: 3px; 
			-webkit-border-radius: 3px;
			border-radius: 3px;
			background: -moz-linear-gradient(top,  #9E9997 1px, #9E9997 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(1px,#9E9997), color-stop(100%,#9E9997)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #9E9997 1px,#9E9997 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #9E9997 1px,#9E9997 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #9E9997 1px,#9E9997 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #9E9997 1px,#9E9997 100%); /* W3C */}

			#container  a.btn_style4{display:inline-block; width:40px; padding:6px 0 6px 0; font-size:11px; font-weight:bold; text-align:center; color:#444; border:1px solid #B2B2B2;
			-moz-border-radius: 3px; 
			-webkit-border-radius: 3px;
			border-radius: 3px;
			background: -moz-linear-gradient(top,  #F8F8F8 1px, #D1D1D1 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(1px,#F8F8F8), color-stop(100%,#D1D1D1)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #F8F8F8 1px,#D1D1D1 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #F8F8F8 1px,#D1D1D1 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #F8F8F8 1px,#D1D1D1 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #F8F8F8 1px,#D1D1D1 100%); /* W3C */}

			#container  a.btn_style5 span.ico{padding-left:15px; background:url("../images/ico/ico_arrow2.png") 0 45% no-repeat; background-size:23%;}
			#container  a.btn_style5{display:inline-block; width:45%; padding:6px 0 6px 0; font-size:11px; font-weight:bold; text-align:center; color:#fff; border:1px solid #DE6809;
			-moz-border-radius: 3px; 
			-webkit-border-radius: 3px;
			border-radius: 3px;
			background: -moz-linear-gradient(top,  #FBDF28 1px, #EF7615 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(1px,#FBDF28), color-stop(100%,#EF7615)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #FBDF28 1px,#EF7615 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #FBDF28 1px,#EF7615 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #FBDF28 1px,#EF7615 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #FBDF28 1px,#EF7615 100%); /* W3C */}
			#container  a.btn_style6 span.ico{padding-left:15px; background:url("../images/ico/ico_basket.png") 0 45% no-repeat; background-size:23%;}
			#container  a.btn_style6{display:inline-block; width:45%; padding:6px 0 6px 0; font-size:11px; font-weight:bold; text-align:center; color:#fff; border:1px solid #A7A61A;
			-moz-border-radius: 3px; 
			-webkit-border-radius: 3px;
			border-radius: 3px;
			background: -moz-linear-gradient(top,  #EEEE44 1px, #B6B524 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(1px,#EEEE44), color-stop(100%,#B6B524)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #EEEE44 1px,#B6B524 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #EEEE44 1px,#B6B524 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #EEEE44 1px,#B6B524 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #EEEE44 1px,#B6B524 100%); /* W3C */}


			/* input_style */
			.input_style{width:60px; padding:5px 5px 5px 5px; border:1px solid #D1D1D1; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
			.input_style1{width:60px; padding:3px 3px 3px 3px; border:1px solid #D1D1D1; text-align:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

			/* sub_view 영역 */
			#container .view_area{width:96%; padding:2% 2% 0 2%; }
			#container .view_area .sub_tab{width:100%; overflow:hidden;}
			#container .view_area .sub_tab li{float:left; background-color:#F5F5F5; border-top:1px solid #D1D1D1; border-left:1px solid #D1D1D1;  border-bottom:1px solid #B6B524; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
			#container .view_area .sub_tab li.tab_type1{width:33.3%;}
			#container .view_area .sub_tab li.tab_type2{width:33.3%;}
			#container .view_area .sub_tab li.tab_type3{width:33.4%; border-right:1px solid #D1D1D1;}
			#container .view_area .sub_tab li a{display:inline-block; width:100%; color:#444; font-size:1.063em; font-weight:bold; letter-spacing:-2px; padding:10px 0 10px 0; text-align:center; background-color:#F5F5F5;}
			#container .view_area .sub_tab li a.selected{display:inline-block; width:100%; color:#fff; padding:10px 0 10px 0; text-align:center; background:url("../images/common/s_tab_bg.gif") 0 0 repeat;}
			#container .view_area .sub_tab li a:hover{text-decoration:none;}

			#container .s_view{width:96%; padding:0 2%; text-align:center;}
			#container .s_view .inner_v{width:100%; text-align:center; }
			#container .s_view .inner_v img{width:100%;}

		/* 팝업 영역 */
		.popupbox {
			width:80%;

			display: none; /* Hidden as default */
			float: left;
			position: fixed;
			top: 50%; left: 50%;
			z-index: 99999;
			background-color:#FFF;
			border:2px solid #000;
			-moz-border-radius: 10px; 
			-webkit-border-radius: 10px;
			border-radius: 10px;
			}
		#fade { 
			display: none; /* Hidden as default */
			background: #000;
			position: fixed; left: 0; top: 0;
			width: 100%; height: 100%;
			opacity: .80;
			z-index: 9999;
			}
		.layer_pop{padding: 10% 0 5% 0; width:100%; height:100%; text-align:center;  position:relative;}
		.layer_pop .icon_img{padding-bottom:4%; margin:0 auto; width:25%; }
		.layer_pop .icon_img img{padding-bottom:4%; width:100%; }
		.layer_pop p.txt{padding-bottom:4%;}
		.layer_pop .close_btn{text-align:center; z-index:99999999;}
		.layer_pop .close_btn a.btn_style{display:inline-block; width:50px; padding:6px 0 6px 0; font-size:11px; font-weight:bold; text-align:center; color:#444; border:1px solid #B2B2B2;
			-moz-border-radius: 3px; 
			-webkit-border-radius: 3px;
			border-radius: 3px;
			background: -moz-linear-gradient(top,  #F8F8F8 1px, #D1D1D1 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(1px,#F8F8F8), color-stop(100%,#D1D1D1)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #F8F8F8 1px,#D1D1D1 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #F8F8F8 1px,#D1D1D1 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #F8F8F8 1px,#D1D1D1 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #F8F8F8 1px,#D1D1D1 100%); /* W3C */}

#container .paging{margin:10px 0 10px 0; text-align:center;}
#container .paging span.prev{padding:4px 7px; display:inline-block; vertical-align:-2px; color:#676513; border:1px solid #D0C9BF; background-color:#E7E5DF;}
#container .paging span.next{padding:4px 7px; display:inline-block; vertical-align:-2px; color:#676513; border:1px solid #D0C9BF; background-color:#E7E5DF;}
#container .paging a{padding:4px 8px; display:inline-block; vertical-align:-2px; border:1px solid #D0C9BF; text-decoration:none; }
#container .paging a:hover{padding:4px 8px; display:inline-block; vertical-align:-2px; border:1px solid #ADAA2F; background-color:#BFBC3B;}
#container .paging span.on{padding:4px 8px; display:inline-block; vertical-align:-2px; border:1px solid #ADAA2F; background-color:#BFBC3B;}
#container .paging span{}