@charset "utf-8";

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('../../fonts/NotoSansKR-Light.woff2') format('woff2'),
       url('../../fonts/NotoSansKR-Light.woff') format('woff'),
       url('../../fonts/NotoSansKR-Light.otf') format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR Bold';
   font-style: normal;
   font-weight: 900;
   src: url('../../fonts/NotoSansKR-Bold.woff2') format('woff2'),
        url('../../fonts/NotoSansKR-Bold.woff') format('woff'),
        url('../../fonts/NotoSansKR-Bold.otf') format('opentype');
 }
/* body, input, textarea, select, button, table{ margin:0; font-size:13px; font-family:'Noto Sans KR', Dotum, Helvetica, AppleGothic, Sans-serif; color:#333; } */
/* body, textarea, select, table { margin:0; font-size:13px; font-family:'Noto Sans KR', Dotum, Helvetica, AppleGothic, Sans-serif; color:#333; } */
/* body, h1, h2, h3, h4, h5, dl, dt, dd, ul, li, ol, th, td, p, form, fieldset, legend, button { margin: 0; padding:0; } */
p { font-size:15px; color: #444 } 
table { font-size:14px; color: #222 } 

img, fieldset{ border:0 none; }
dl, ul, ol, li { list-style: none outside none; }
button{ border:0 none; cursor:pointer; display: block; }
table, th, td, div{ border-collapse:collapse; }

/* a,img,input { 
	outline:none; 
	selector-dummy:expression(this.hideFocus=true);  
} */

/* 모바일용 */
input[type=image] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

li img { vertical-align:top; }
td img { vertical-align:middle; }

a { text-decoration:none; color:#222; }
a:hover, a:active, a:focus {text-decoration:none; color: #c4c4c4}
/*
table a:link, table a:visited { color:#444; }
table a:hover, table a:active { color:#444;}
*/
address, caption, cite, code, dfn, em, var { font-style:normal; }
table{width: 100%;}

strong, .strong , b { font-weight: bold; }
h2 { font-family:'Noto Sans KR Bold' ;}
.blind, legend, caption { display:none !important; }


/* 공통 */
.hide  { display:none !important; }
.mobile { display:none !important; }
.inner {
	position:relative;
	max-width:1150px;
	margin:0 auto;
}

#wrap {
	position:relative;
	overflow:hidden;
}
.btn_start {
    display: block;
    position: relative;
    width: 100%;
    height: 50px;
    margin-bottom: 12px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
}
.btn_kakao {
    background: rgb(252,229,30);
    color: rgb(59,29,20);
}
.btn_facebook {
    background: rgb(59,87,158);
    color: #fff;
}
.btn_naver {
    background: rgb(40,209,17);
    color: #fff;
}
.space_or {
    position: relative;
    height: 40px;
    margin-bottom: 8px;
}
.space_or span {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 10;
    width: 50px;
    height: 40px;
    margin: 0 0 0 -25px;
    background: #fff;
    font-size: 14px;
    line-height: 40px;
    color: rgba(0,0,0,0.38);
    text-align: center;
}
.space_or:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(0,0,0,0.08);
}


/* 상단 이벤트 배너 */
.top-banner {
	height:60px;
}
.top-banner img.pc {
	position:absolute;
	left:50%;
	top:0;
	max-width:none;
	margin-left:-960px;
}
.top-banner .close {
	display:inline-block;
	position:absolute;
	right:0px;
	top:30px;
	width:50px;
	height:50px;
	margin-top:-25px;
	cursor:pointer;
	background:url('../../images/shop/icon.png') no-repeat -525px -25px;
}


/* 헤더 */
.header-title {
	display:none;
	z-index:100;
}
#header {
	z-index:100;
}
#header .header-wrap {
	z-index:100;
}
#header .util {
	overflow:hidden;
	background-color:#efeff2;
}
#header .util .util-menu {
	float:right;
	overflow:hidden;
	margin-bottom: 0px;
}

#header .util .lang_area {
	float: right; 
	font-size: 13px; 
	color: #333; 
	margin-left: 10px; 
	/* background: #f5f5f7;  */
	height: 42px; 
	line-height: 42px; 
	/* padding-left: 16px;  */
	padding-right: 20px;
	margin-top: -1px;
}
#header .util .lang_area span{font-size: 7px; vertical-align: 2px;}
#header .util .lang_area a{margin-left: 8px; font-size: 13px; color: #666;}
#header .util .lang_area a img{vertical-align: -4px; margin-right: 2px;}

#header .util .util-menu li {
	float:left;
	line-height:31px;
	padding:5px 0 5px 10px;
}
#header .util .util-menu li a {
	color:#7c7d81;
	font-size:13px;
}
#header .util .util-menu li:before {
	content:"";
	display:inline-block;
	width:1px;
height:13px;
	margin:-1px 10px 0 0 ;
	vertical-align:middle;
	background-color:#c4c4c4;
}
#header .util .util-menu li:nth-child(1):before,
#header .util .util-menu li:nth-child(2):before {
	display:none
}
#header .util .util-menu li.login a {
	display:inline-block;
	padding:0 8px;
	margin-top:-3px;
	color:#666;
	vertical-align:middle;
	background-color:#fff;
	border:1px solid #e1e1e1;
	border-radius:3px;
	box-sizing:border-box;
}
#header .util-m {
	display:none;
}

#header h1 {
	padding:17px 0;
}
#header h1 img {
	vertical-align:middle;
}

#header .gnb-menu {
	position:absolute;
	right:30px;
	top:32px;
}
#header .gnb-menu li {
	float:left;
	margin-left:60px;
	font-size:19px;
	font-weight:bold;
}
#header .gnb-menu li a {
	color:#000;
}
#header .close { display:none; }
#header #snb {
	position:absolute;
	left:0;
	z-index:120;
	width:100%;
	height:0;
	background-color:#fff;
	border-top:1px solid #dedede;
	/* border-bottom:2px solid #FF0B9D; */
	/* border-bottom:2px solid #473887; */
	border-bottom:2px solid #FF0B9D;	
	overflow:hidden;
}
#header #snb .inner {
	max-width:1150px;
	margin:0 auto;
	overflow:hidden;
	border-left:1px solid #dedede;
	box-sizing:border-box;
}
#header .sub-menu {
	float:left;
	width:25%;
	height:250px;
	padding:8px;
	border-right:1px solid #dedede;
	box-sizing:border-box;
}
#header .sub-menu:hover > .title {
	color:#FF0B9D;
}
#header .sub-menu a {
	color:#000;
}
#header .sub-menu .title {
	font-weight:bold;
	font-size:18px;
	color:#000;
}
#header .sub-menu ul {
	padding:15px 0;
}
#header .sub-menu li {
	margin-bottom:15px;
	font-size:15px;
	color:#383838;
	letter-spacing:-.5px;
}
#m-shadow { display:none; }

/* 메인 비주얼 */
.main-slide {
	position:relative;
}
.main-slide li {
	position:relative;
	height:460px;
}
.main-slide li img {
	position:absolute;
	left:50%;
	top:0;
	margin-left:-960px;
}
.main-slide .bx-controls-direction .bx-prev {
	display:block;
	position:absolute;
	left:50%;
	top:44%;
	z-index:89;
	width:79px;
	height:79px;
	margin-left:-700px;
	font-size:0;
	line-height:0;
	background:url('../../images/shop/arrows01.png') no-repeat left top;
}
.main-slide .bx-controls-direction .bx-next {
	display:block;
	position:absolute;
	right:50%;
	top:44%;
	z-index:89;
	width:79px;
	height:79px;
	margin-right:-700px;
	font-size:0;
	line-height:0;
	background:url('../../images/shop/arrows01.png') no-repeat left bottom;
}

.main-slide .bx-controls-auto {
	position:relative;
}
.main-slide .bx-controls-auto .bx-start {
	display:none;
	position:absolute;
	right:50%;
	top:-70px;
	z-index:89;
	width:29px;
	height:29px;
	margin-right:-570px;
	font-size:0;
	line-height:0;
	background:url('../../images/shop/btn_start.png') no-repeat center top;
}
.main-slide .bx-controls-auto .bx-stop {
	display:inline-block;
	position:absolute;
	right:50%;
	top:-70px;
	z-index:89;
	width:29px;
	height:29px;
	margin-right:-570px;
	font-size:0;
	line-height:0;
	background:url('../../images/shop/btn_stop.png') no-repeat center top;
}

.main-slide .bx-pager {
	display:none;
	position:relative;
	top:-70px;
	z-index:90;
	width:100px;
	margin:0 auto;
	text-align:center;
}
.main-slide .bx-pager-item {
	display:inline-block;
}
.main-slide .bx-pager-item .bx-pager-link {
	display:inline-block;
	width:8px;
	height:8px;
	margin:0 4px;
	font-size:0;
	line-height:0;
	background-color:#fcf4e7;
	border-radius:10px;
}
.main-slide .bx-pager-item .bx-pager-link.active {
	background-color:#FF0B9D;
}

/* 메인 컨텐츠 */
#content {
	position:relative;
}
#content #quick {
	position:absolute;
	left:50%;
	top:80px;
	z-index:100;
	width:146px;
	margin-left:625px;
	text-align:center;
}
#content #quick .title {
	line-height:49px;
	color:#fff;
	font-size:14px;
	background-color:#FF0B9D;
}
#content #quick .list {
	padding-bottom:10px;
	overflow:hidden;
	background-color:#fff;
	border:1px solid #e5e5e5;
	border-top:0;
}
#content #quick .list li {
	float:left;
	width:50%;
	margin:5px 0;
	color:#000;
	font-size:13px;
	letter-spacing:-.5px;
}
#content #quick .list li a {
	display:block;
	color:#666;
}
#content #quick .list li img {
	display:block;
	margin:12px auto;
}
#content #quick .today-title {
	margin-top:5px;
	line-height:49px;
	color:#fff;
	font-size:14px;
	background-color:#818285;
}
#content #quick .today-slide {
	padding-bottom:10px;
	overflow:hidden;
	background-color:#fff;
	border:1px solid #e5e5e5;
	border-top:0;
}
#content #quick .today-slide li {
	padding:0 5px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#content #quick .today-slide li img {
	display:block;
	max-height:95px;
	max-width:95px;
	margin:12px auto;
}
#content #quick .today-slide {
	position:relative;
	padding-bottom:50px;
}
#content #quick .today-slide .bx-pager {
	position:relative;
	bottom:-29px;
	z-index:50;
	text-align:center;
}
#content #quick .today-slide .bx-controls-direction .bx-prev {
	display:block;
	position:absolute;
	left:50%;
	bottom:15px;
	z-index:60;
	width:26px;
	height:26px;
	margin-left:-60px;
	font-size:0;
	line-height:0;
	background:url('../../images/shop/arrows02.gif') no-repeat left top;
}
#content #quick .today-slide .bx-controls-direction .bx-next {
	display:block;
	position:absolute;
	right:50%;
	bottom:15px;
	z-index:60;
	width:26px;
	height:26px;
	margin-right:-60px;
	font-size:0;
	line-height:0;
	background:url('../../images/shop/arrows02.gif') no-repeat left bottom;
}

#content #quick .btn-top {
	display:block;
	margin-top:5px;
	font-size:14px;
	color:#757575;
	line-height:50px;
	background-color:#fff;
	border:1px solid #e5e5e5;
}

#content .search-area {
	position:relative;
	z-index:95;
	max-width:1150px;
	margin:-30px auto;
	padding:35px 0;
	font-size:17px;
	color:#fff;
	background-color:#FF0B9D;
}
#content .search-area .inner {
	max-width:870px;
	overflow:hidden;
}
#content .search-area .title {
	margin-bottom:20px;
	font-size:21px;
	font-weight:bold;
}
#content .search-area .title:before {
	content:"";
	display:inline-block;
	width:30px;
	height:30px;
	margin:-1px 10px 0 0 ;
	vertical-align:middle;
	background:url('../../images/shop/icon.png') no-repeat -433px -36px;
}
#content .search-area .product {
	float:left;
}
#content .search-area .phone {
	float:left;
	margin-left:20px;
}
#content .search-area b {
	display:inline-block;
	margin-right:7px;
}
#content .search-area select {
	min-width:140px;
	padding:5px;
	color:#333;
	font-size:17px;
	vertical-align:middle;
	background-color:#fff;
	border:0;
	outline:0;
}
#content .search-area select.type {
	min-width:315px;
}
#content .search-area select.type.long {
	min-width:458px;
}
#content .search-area .btn-gray {
	display:inline-block;
	float:left;
	height:38px;
	margin-left:1px;
	padding:0 20px;
	line-height:38px;
	color:#fff;
	font-size:17px;
	vertical-align:middle;
	background-color:#606060;
	border:0;
	box-sizing:border-box;
}

/* 메인 컨텐츠 - 인기있는 */
.parpular {
	padding:65px 0;
	text-align:center;
}
.parpular h2 {
	font-size:30px;
	color:#000;
}
.parpular .explain {
	margin:5px 0 35px 0;
	font-size:17px;
	color:#8a8a8a;
}

.explain2 {
	margin:5px 0 35px 0;
	font-size:17px;
	color:#8a8a8a;
}
.parpular .explain:after {
	content:"";
	display:block;
	width:90px;
	height:2px;
	margin:25px auto 0;
	background-color:#000;
}
.parpular .product {
	overflow:hidden;
	border:1px solid #e5e5e5;
}
.parpular .product li {
	position:relative;
	float:left;
	width:20%;
	padding:50px 0;
	box-sizing:border-box;
}
.parpular .product li a {
	display:block;
}
.parpular .product li .photo {
	height:166px;
}
.parpular .product li .tag-area {
	position:absolute;
	left:50%;
	top:30px;
	z-index:10;
	width:140px;
	margin-left:-70px;
	text-align:left;
}
.parpular .product li .tag-area span {
	display:inline-block;
	width:65px;
	margin:0 1px;
	font-size:15px;
	line-height:28px;
	text-align:center;
	border-radius:3px;
}
.parpular .product li .tag-area span.new {
	color:#2f3d55;
	background-color:#ffdb40;
}
.parpular .product li .tag-area span.post {
	color:#fff;
	background-color:#FF0B9D;
}
.parpular .product li .title {
	margin:20px 0 10px 0;
	font-size:20px;
	color:#000;
	font-weight:bold;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.parpular .product li .original {
	font-size:13px;
	color:#808080;
}
.parpular .product li .price {
	font-size:17px;
	color:#333;
}
.parpular .product li .price b {
	font-size:25px;
	color:#000;
}
.parpular .product li:nth-child(3) {
	border-right:1px solid #e5e5e5;
}
.parpular .product li.big {
	width:40%;
	padding-left:24%;
	text-align:left;
}
.parpular .product li.big .photo {
	position:absolute;
	left:12%;
	top:40px;
	height:304px;
}
.parpular .product li.big .title {
	margin:15px 0 60px 0;
}
.parpular .product li.big .tag-area {
	position:static;
	margin:-10px 0 0 0;
}
.parpular .product li.big .price {
	margin-top:10px;
	line-height:25px;
}
.parpular .banner {
	margin-top:40px;
}


.introbox1 {
	padding:30px 0;
	border-top:1px solid #e5e5e5;
}
.introbox1 .info {
	width: 100%; height: 100%;
	overflow:hidden;
}
.introbox1 li {
	padding: 0 20px 0 20px;
	float:left;
	height: 85px;
	font-size:17px;

}
.introbox1 li .tit {
	color:#000;
}
.introbox1 li:before {
	content:"";
	display:inline-block;
	width:46px;
	height:40px;
	margin:-5px 7px 0 0;
	vertical-align:middle;
}
.introbox1 li:first-child {
	margin:0;
	font-size:20px;
	color:#131313;
	font-family: 'Noto Sans KR Bold';
	line-height: 85px;
	border-right: 1px solid #ddd;
}
.introbox1 li:nth-child(2){
	border-right: 1px solid #ddd;
}


/* 프로젝트 목록 */
.project {
	padding:40px 0;
	text-align:center;
	background-color:#f3f3f5;
}
.project h2 {
	font-size:30px;
	color:#000;
}
.project .explain {
	margin:5px 0 35px 0;
	font-size:0;
	color:#8a8a8a;
}
.project .explain:after {
	content:"";
	display:block;
	width:90px;
	height:2px;
	margin:25px auto 0;
	background-color:#000;
}
.project .btn-add {
	display:inline-block;
	position:absolute;
	right:0;
	top:40px;
	width:110px;
	line-height:38px;
	text-align:center;
	color:#000;
	border:1px solid #000;
	border-radius:30px;
}
.project .btn-add:after {
	content:"";
	display:inline-block;
	width:16px;
	height:20px;
	margin:-2px 0 0 5px;
	vertical-align:middle;
	background:url('../../images/shop/icon.png') no-repeat -342px -40px;
}

/* 메인 컨텐츠 - 요금제 */
.charge {
	padding:40px 0;
	text-align:center;
	background-color:#f3f3f5;
}
.charge h2 {
	font-size:30px;
	color:#000;
}
.charge .explain {
	margin:5px 0 35px 0;
	font-size:0;
	color:#8a8a8a;
}
.charge .explain:after {
	content:"";
	display:block;
	width:90px;
	height:2px;
	margin:25px auto 0;
	background-color:#000;
}
/* 선불 */
.charge .btn-more {
	display:inline-block;
	position:absolute;
	right:0;
	top:40px;
	width:110px;
	line-height:38px;
	text-align:center;
	color:#000;
	border:1px solid #000;
	border-radius:50px;
}
.charge .btn-more:after {
	content:"";
	display:inline-block;
	width:16px;
	height:20px;
	margin:-2px 0 0 5px;
	vertical-align:middle;
	background:url('../../images/shop/icon.png') no-repeat -342px -40px;
}
.charge .product {
	margin:35px 0 50px 0;
	overflow:hidden;
}
.charge .product li {
	float:left;
	width:23.5%;
	margin-right:2%;
	background-color:#fff;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
}
.charge .product li img {
	max-width:100%;
}
.charge .product li:last-child {
	margin:0;
}
.charge .product li .con {
	padding:35px 0;
	color:#fff;
	font-size:17px;
	line-height:25px;
	font-weight:bold;
	background-color:#747474;
}
.charge .product li .con b {
	font-size:20px;
}
.charge .product li .con .detail {
	font-size:13px;
	color:#cfcfcf;
}

/* 후붛 */
.charge .product02 {
	margin-top:35px;
	overflow:hidden;
	border-top:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
}
.charge .product02 li {
	position:relative;
	float:left;
	width:50%;
	text-align:left;
	background-color:#fff;
	border-left:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	box-sizing:border-box;
}
.charge .product02 li a {
	display:block;
	height:170px;
	padding:40px 30px 30px 55%;
}
.charge .product02 li .photo {
	position:absolute;
	left:8%;
	top:40px;
}
.charge .product02 li .con {
	margin-bottom:30px;
	color:#000;
	font-size:17px;
	line-height:25px;
	font-weight:bold;
}
.charge .product02 li .con b {
	font-size:20px;
}
.charge .product02 li .con .detail {
	margin:10px 0 3px 0;
	font-size:13px;
	color:#8d8d8d;
}
.charge .product02 li .btn-link {
	display:inline-block;
	float:right;
	width:120px;
	line-height:46px;
	font-size:16px;
	text-align:center;
	color:#000;
	border:1px solid #000;
	border-radius:50px;
}

.banner02 {
	max-width:1150px;
	margin:0 auto;
	padding-top:40px;
}
/* */
.newapp {
	margin-top:35px;
	overflow:hidden;
	border-top:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
}
.newapp li {
	position:relative;
	float:left;
	width:50%;
	text-align:left;
	background-color:#fff;
	border-left:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	box-sizing:border-box;
}

.newapp li a {
	display:block;
	height:170px;
	padding:40px 30px 30px 55%;
}
.newapp li .photo {
	position:absolute;
	left:8%;
	top:40px;
}
.newapp li .con {
	margin-bottom:30px;
	color:#000;
	font-size:17px;
	line-height:25px;
	font-weight:bold;
}
.newapp li .con b {
	font-size:20px;
}
.newapp li .con .detail {
	margin:10px 0 3px 0;
	font-size:13px;
	color:#8d8d8d;
}
.newapp li .btn-link {
	display:inline-block;
	float:right;
	width:120px;
	line-height:46px;
	font-size:16px;
	text-align:center;
	color:#000;
	border:1px solid #000;
	border-radius:50px;
}



/* 메인 컨텐츠 - 아이즈몰 */
.eyes-mall {
	padding-top:40px;
}
.eyes-mall h2 {
	font-size:30px;
	text-align:center;
	color:#000;
}
.eyes-mall h2:after {
	content:"";
	display:block;
	width:90px;
	height:2px;
	margin:25px auto 0;
	background-color:#000;
}
.eyes-mall .product {
	margin-top:35px;
	overflow:hidden;
	border-top:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
}
.eyes-mall .product li {
	position:relative;
	float:left;
	width:50%;
	border-left:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	box-sizing:border-box;
	overflow:hidden;
}
.eyes-mall .product li a {
	display:block;
	padding:52px 30px 52px 40%;
}
.eyes-mall .product li .photo {
	position:absolute;
	left:20%;
	top:12%;
	width:91px;
	margin-left:-8%;
}
.eyes-mall .product li .title {
	font-size:20px;
	color:#000;
	font-weight:bold;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.eyes-mall .product li .original {
	margin-top:20px;
	font-size:14px;
	color:#808080;
}
.eyes-mall .product li .price {
	font-size:17px;
	color:#333;
}
.eyes-mall .product li .price b {
	font-size:25px;
	color:#000;
}
.eyes-mall .product li .btn-link {
	display:inline-block;
	position:absolute;
	right:30px;
	bottom:30px;
	width:120px;
	line-height:46px;
	font-size:16px;
	text-align:center;
	color:#000;
	border:1px solid #000;
	border-radius:50px;
}

.eyes-mall .product li.big a {
	padding:104px 30px 104px 56%;
}
.eyes-mall .product li.big .photo {
	top:25%;
	left:28%;
	width:220px;
	margin-left:-15%;
}
.eyes-mall .product li.big .btn-link {
	position:static;
	margin-top:30px;
}


/* 메인 컨텐츠 - 게시판 */
.board-area .inner {
	padding:40px 0;
	overflow:hidden;
}
.board-area .bbs {
	float:left;
	width:49%;
	padding:40px;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
}
.board-area .bbs:first-child {
	margin-right:2%;
}
.board-area .bbs .title {
	position:relative;
	margin-bottom:13px;
	padding-bottom:10px;
	font-size:20px;
	font-weight:bold;
	color:#000;
	border-bottom:1px solid #e5e5e5;
}
.board-area .bbs .title a.more {
	display:inline-block;
	position:absolute;
	right:0;
	top:4px;
	width:30px;
	height:30px;
	margin:-2px 0 0 5px;
	vertical-align:middle;
	background:url('../../images/shop/icon.png') no-repeat -336px -37px;
}
.board-area .bbs li {
	position:relative;
	padding-right:88px;
	font-size:16px;
	line-height:28px;
	color:#4d4d4d;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.board-area .bbs li a {
	color:#4d4d4d;
}
.board-area .bbs li .date {
	position:absolute;
	right:0;
	top:0;
}

.banner03 {
	position:relative;
	height:200px;
	padding-bottom:40px;
	overflow:hidden;
}
.banner03 img.pc {
	position:absolute;
	left:50%;
	top:0;
	max-width:none;
	margin-left:-960px;
}


.statics {
	border: 1px solid #e5e5e5; color: #333; font-size: 22px; text-align: center; display:inline-block; box-sizing: border-box;  width: 100%;	
}
.bottom_line {border-bottom: 1px solid #e5e5e5;  }

/*추가수정*/
.mnum {
  display:inline-block;
}

.blc01 {color:#000;font-weight:none; font-size:17px;}


/* 푸터 */
#footer {
	position:relative;
	padding:30px;
	text-align:center;
	background-color:#f3f3f5;
	border-top:1px solid #e5e5e5;
}
#footer .btn-top {
	display:none;
}
#footer .f-menu {
	margin-bottom:40px;
}
#footer .f-menu li {
	display:inline-block;
	font-size:13px;
	font-weight:bold;
	line-height:24px;
}
#footer .f-menu li a {
	color:#666;
}
#footer .f-menu li:after {
	content:"";
	display:inline-block;
	width:1px;
	height:13px;
	margin:-1px 8px 0 12px;
	vertical-align:middle;
	background-color:#c4c4c4;
}
#footer .f-menu li:last-child:after {
	display:none;
}
#footer address {
	margin:30px 15px;
	font-size:13px;
	color:#949494;
	line-height:20px;
	white-space:pre-line;
}



/******************************** 미디어 쿼리 시작 ************************************/
@media only screen and (max-width : 1550px){
/* 퀵메뉴 & 메인슬라이드 좌우버튼을 위한 사이즈 */

#quick {
	display:none;
}

.main-slide .bx-controls-direction .bx-prev {
	left:10px;
	margin-left:0;
}
.main-slide .bx-controls-direction .bx-next {
	right:10px;
	margin-right:0;
}

}


@media only screen and (max-width : 1150px){
/* 데스크톱 최대 사이즈 1150px */

	.header-title {
		display:block;
		position:relative;
		padding:12px 0;
		text-align:center;
		background-color:#fff;
		border-bottom:2px solid #FF0B9D;
	}
	.header-title .btn-menu {
		display:inline-block;
		position:absolute;
		left:20px;
		top:20px;
		z-index:110;
		width:30px;
		height:30px;
		background:url('../../images/shop/btn_menu.png') no-repeat center top;
		background-size:100% auto;
		cursor:pointer;
	}

	.header-title .btn-proj {
		display:inline-block;
		position:absolute;
		right:20px;
		top:18px;
		z-index:110;
		width:30px;
		height:30px;
		background:url('../../images/shop/btn_proj.png') no-repeat center top;
		background-size:100% auto;
		cursor:pointer;
	}


	#header {
		position:absolute;
		left:-600px;
		top:0;
		z-index:200;
		width:380px;
		height:100%;
		min-height:100%;
		background-color:#fff;
	}
	#header .header-wrap {
		overflow-y:scroll;
	}
	#header #gnb,
	#header h1 {
		display:none;
	}


	#header .util {
		display:none;
	}
	#header .util-m {
		display:block;
	}
	#header .util-m .util-menu {
		text-align:right;
		overflow:hidden;
		background-color:#281c5c;
	}
	#header .util-m .util-menu li {
		display:inline-block;
		width:24.5%;
		text-align:center;
		font-size:13px;
	}
	#header .util-m .util-menu li a {
		display:block;
		padding:10px 0;
		color:#fff;
	}
	#header .util-m .util-menu li a:before {
		content:"";
		display:block;
		width:50px;
		height:30px;
		margin:0 auto;
	}
	#header .util-m .util-menu li.home {
		float:left;
	}
	#header .util-m .util-menu li.home a:before {
		background:url('../../images/shop/icon.png') no-repeat -24px -135px;
	}
	#header .util-m .util-menu li.login a:before {
		background:url('../../images/shop/icon.png') no-repeat -124px -135px;
	}
	#header .util-m .util-menu li.logout a:before {
		background:url('../../images/shop/icon.png') no-repeat -224px -135px;
	}
	#header .util-m .util-menu li.join a:before {
		background:url('../../images/shop/icon.png') no-repeat -324px -135px;
	}
	#header .util-m .util-menu li.cart a:before {
		background:url('../../images/shop/icon.png') no-repeat -424px -135px;
	}
	#header .util-m .util-menu li.exit a:before {
		background:url('../../images/shop/icon.png') no-repeat -524px -135px;
	}	
	#header .util-m .m-info {
		display:block;
		padding:15px;
		color:#666;
		font-size:14px;
		background-color:#eceded;
	}

	#header .util-m .m-info .right {float: right; color: #333; font-size: 13px;}
	#header .util-m .m-info .right span{font-size: 7px; vertical-align: 2px;}
	#header .util-m .m-info .right a{margin-left: 3px; vertical-align: -3px;}

	#header #snb {
		position:static;
		height:100%;
		border:0;
	}

	#header #snb .inner {
		width:100%;
		float:none;
	}
	#header .sub-menu {
		width:100%;
		height:auto;
		padding:0;
		text-indent:15px;
	}
	#header .sub-menu a {
		display:block;
	}
	#header .sub-menu .title {
		font-size:18px;
		line-height:50px;
		font-weight:bold;
		background:url('../../images/shop/submenu_bg.png') no-repeat right top;
		background-size:52px auto;
		border-bottom:1px solid #e5e5e5;
	}
	#header .sub-menu.on .title {
		background-position:right bottom;
	}
	#header .sub-menu:hover .title {
		color:#000;
	}
	#header .sub-menu ul {
		display:none;
		padding:15px;
		border-bottom:1px solid #e5e5e5;
	}
	#header .sub-menu li {
		margin-bottom:0;
		padding-bottom:7px;
		line-height:30px;
		font-size:17px;
	}
	#header .sub-menu li:last-child {
		padding-bottom:0;
	}
	#header .sub-menu li:hover a {
		color:#FF0B9D;
	}
	#header .close {
		display:inline-block;
		position:absolute;
		right:-40px;
		top:20px;
		width:22px;
		height:22px;
		background:url('../../images/shop/gnb_close.png') no-repeat center top;
		background-size:100% auto;
		cursor:pointer;
	}
	#m-shadow {
		display:none;
		position:fixed;
		left:0;
		top:0;
		z-index:110;
		width:100%;
		min-height:100%;
		background-color:#000;
		opacity:.6;
	}

	.main-slide .bx-controls-auto .bx-start,
	.main-slide .bx-controls-auto .bx-stop {
		right:10px;
		margin-right:0;
	}

	.main-slide .bx-controls-direction .bx-prev ,
	.main-slide .bx-controls-direction .bx-next {
		width:55px;
		height:55px;
		background-size:100% auto;
	}
	.main-slide .bx-pager {
		display:block;
	}
	.bx-controls {
		height:0;
	}

	#content .search-area {
		margin:0 !important;
	}

	.parpular {
		padding:40px 0 0 0;
	}
	.parpular .product {
		margin:0 20px;
	}
	.parpular .banner {
		max-width:100%;
	}
	.parpular .banner img {
		display:block;
		width:100%;
	}

	.banner02 {
		max-width:100%;
		padding:0;
	}

	.charge .inner {
		margin:0 20px;
	}

	.banner02 img {
		width:100%;
	}
	.banner03 {
		padding-bottom:0;
	}
}

@media only screen and (max-width : 1024px){
	/* 테블릿사이즈 */

	.main-slide li {
		height:373px;
	}
	.main-slide li img {
		height:373px;
		margin-left:-778px;
	}
	.main-slide .bx-controls-auto .bx-start,
	.main-slide .bx-controls-auto .bx-stop {
		top:-45px;
	}
	.main-slide .bx-pager {
		top:-45px;
	}

	.parpular .product li.big {
		padding:50px 5% 50px 22%;
	}
	.parpular .product li.big .photo {
		height:auto;
		width:39%;
	}
	.parpular .banner {
		margin-top:20px;
	}

	.charge {
		padding-bottom:20px;
	}
	.charge .explain {
		font-size:17px;
	}
	.charge .product li {
		width:24.2%;
		margin-right:1%;
	}
	.charge .product li .con {
		padding:12% 0;
	}

	.charge .product02 li .photo {
		left:5%;
		width:47%;
	}
	.charge .product02 li .con {
		margin-bottom:15px;
	}
	.charge .product02 li a {
		height:auto;
		padding:8% 20px 17% 55%;
	}
	.charge .product02 li .btn-link {
		width:110px;
		line-height:40px;
	}

	.banner02 img.pc {
		display:block;
	}

	.eyes-mall {
		margin:0 20px;
	}

	.board-area .inner {
		padding:20px;
	}
	.board-area .bbs {
		padding:30px;
	}

	.banner03 {
		height:162px;
	}
	.banner03 img.pc {
		height:162px;
		margin-left:-777px;
	}
}


@media only screen and (max-width : 960px){
	/* 애매한 레이아웃 정리 ( 상단 이벤트 팝업 포함되어있음 ) */

	.main-slide li {
		height:300px;
	}
	.main-slide li img.pc {
		height:300px;
		/* margin-left:-626px; */
	}

	#content .search-area {
		padding:20px;
	}
	#content .search-area select {
		width:100%;
		min-width:auto;
	}
	#content .search-area .product,
	#content .search-area .phone {
		position:relative;
		float:none;
		width:100%;
		padding-left:80px;
		overflow:hidden;
		box-sizing:border-box;
	}
	#content .search-area .phone {
		margin:5px 0 10px 0;
	}
	#content .search-area .phone select {
		float:left;
		width:49.5%;
	}
	#content .search-area .phone select.type {
		min-width:auto;
		margin-left:1%;
	}
	#content .search-area .phone select.type.long {
		min-width:100%;
		margin-left:0;
	}
	#content .search-area b {
		display:inline-block;
		position:absolute;
		left:0;
		top:5px;
		width:80px;
	}
	#content .search-area .btn-gray {
		float:right;
	}

	.parpular {
		padding-top:40px;
	}
	.parpular .product li {
		width:50%;
		padding:5% 0;
	}
	.parpular .product li:nth-child(3) {
		border:0;
	}
	.parpular .product li.big {
		display:none;
	}
	/**/
	.parpular .product li.big2 {
		display:block;
	}
	/**/
	.eyes-mall .product li a {
		padding:30px 30px 30px 55%;
	}
	.eyes-mall .product li .photo {
		top:13%;
		left:20%;
		width:131px;
	}
	.eyes-mall .product li.big a {
		padding:118px 5% 118px 58%;
	}
	.eyes-mall .product li.big .photo {
		top:18%;
		left:25%;
		width:153px;
	}
	.eyes-mall .product li .btn-link {
		position:static;
		margin-top:10px;
	}

	


}


@media only screen and (max-width : 768px){
	/* 모바일사이즈 */

	.pc { display:none !important; }
	.mobile { display:block !important; }

	.top-banner {
		height:auto;
	}
	.top-banner img.mobile {
		width:100%;
	}

	.header-title {
		padding:10px 0;
	}
	.header-title img {
		height:25px;
	}
	.header-title .btn-menu {
		left:15px;
		top:15px;
		width:24px;
		height:24px;
	}

	.header-title .btn-proj {
		position:absolute;
		right:15px;
		top:12px;
		width:24px;
		height:24px;
	}


	#header {
		width:280px;
	}
	#header .util-m .util-menu li {
		font-size:12px;
	}
	#header .util-m .util-menu li a {
		padding-bottom:5px;
	}
	#header .util-m .m-info {
		padding:15px 15px; 
	}

	#header .sub-menu .title {
		font-size:18px;
		line-height:50px;
	}
	#header .sub-menu ul {
		padding:10px;
	}
	#header .sub-menu li {
		padding-bottom:5px;
		font-size:17px;
	}

	.main-slide li {
		height:320px;
	}
	.main-slide li img {
		width:768px;
		height:320px;
		margin-left:-384px;
	}
	.main-slide .bx-controls-auto {
		display:none;
	}


	#content .search-area .title {
		margin-bottom:10px;
		font-size:18px;
	}
	#content .search-area .title:before {
		margin-right:5px;
		background-size:450px auto;
		background-position:-322px -24px;
	}
	#content .search-area b {
		font-size:15px;
	}
	#content .search-area select {
		font-size:15px;
	}
	#content .search-area .btn-gray {
		font-size:15px;
	}

	.parpular h2 {
		font-size:27px;
	}
	.parpular .explain {
		margin:5px 0 25px 0;
		font-size:15px;
	}
	.parpular .explain:after {
		margin-top:20px;
	}
	.parpular .product li .tag-area span {
		width:50px;
		line-height:24px;
		font-size:13px;
	}
	.parpular .product li .title {
		font-size:18px;
	}
	.parpular .product li .price {
		font-size:15px;
	}
	.parpular .product li .price b {
		font-size:22px;
	}

	.charge h2 {
		font-size:27px;
	}
	.charge .explain {
		margin:5px 0 25px 0;
		font-size:15px;
	}
	.charge .explain:after {
		margin-top:20px;
	}
	.charge .btn-more {
		top:60px;
		width:90px;
		line-height:30px;
	}
	.charge .product {
		margin:20px 0 40px 0;
	}
	.charge .product li {
		width:32.333%;
	}
	.charge .product li:nth-child(4) {
		display:none;
	}
	.charge .product li .con {
		font-size:15px;
	}
	.charge .product li .con b {
		font-size:18px;
	}

	.charge .product02 li {
		width:100%;
	}
	/*
	.charge .product02 li:nth-child(3),
	.charge .product02 li:nth-child(4) {
		display:none;
	}
	*/
	.charge .product02 li a {
		padding:8% 20px 13% 44%;
	}
	.charge .product02 li .photo {
		width:35%;
	}
	.charge .product02 li .btn-link {
		width:95px;
		font-size:14px;
		line-height:36px;
	}

	.eyes-mall h2 {
		font-size:27px;
	}
	.eyes-mall h2:after {
		margin:20px auto 0;
	}

	.eyes-mall .product li.big {
		display:none;
	}
	/*
	.eyes-mall .product li {
		text-align:center;
	}
	.eyes-mall .product li .photo {
		position:static;
		max-width:50%;
		width:auto;
		margin:0 auto;
	}
	.eyes-mall .product li a {
		padding:3% 10px 10% 10px;
	}
	.eyes-mall .product li .btn-link {
		width:94px;
		font-size:14px;
		line-height:36px;
	}
	*/
	/**/
	.eyes-mall .product li {
	width: 100%;
	}
	.eyes-mall .product li.big2 {
		display:block;
	}
	/**/
	.board-area .bbs {
		width:100%;
		padding:20px 0;
		margin:0 !important;
		border:0;
	}
	.board-area .bbs.notice {
		margin-bottom:20px;
	}
	.board-area .bbs .title {
		font-size:18px;
	}
	.board-area .bbs .title a.more {
		top:3px;
	}
	.board-area .bbs li {
		font-size:14px;
	}

	.banner03 {
		height:auto;
	}
	.banner03 img {
		width:100%;
	}

	#footer .btn-top {
		display:inline-block;
		position:fixed;
		bottom:40px;
		right:10px;
		z-index:300;
		width:50px;
		height:50px;
	}
	#footer .btn-top img {
		width:100%;
	}
	#footer .f-menu {
		margin-bottom:30px;
	}
	#footer .f-menu li {
		font-size:12px;
		line-height:18px;
	}

	#footer .f-logo {
		width:140px;
	}

}



@media only screen and (max-width : 640px){
	/* 모바일사이즈 - 애매한것들 정리 */

	.parpular .product li {
		width:50%;
	}
	/*
	.parpular .product li:nth-child(3) {
		display:none;
	}
	*/

	.charge .btn-more {
		display:none;
	}
	.charge .product li {
		width:49%;
		margin-bottom:2%;
	}
	.charge .product li:nth-child(odd) {
		margin-right:2%;
	}
	.charge .product li:nth-child(even) {
		margin-right:0;
	}
	.charge .product li:nth-child(4) {
		display:inline-block;
	}
	.charge .product li img {
		max-width:80%;
	}
	.charge .product li .con {
		padding:8% 0;
		font-size:14px;
		line-height:21px;
	}
	.charge .product li .con b {
		font-size:16px;
	}

	.charge .product02 {
		margin-top:0;
	}



}


@media only screen and (max-width : 480px){
/* 360~480 사이즈 */

	.main-slide li {
		height:220px;
	}
	.main-slide li img {
		width:auto;
		height:220px;
		margin-left:-264px;
	}

	.main-slide .bx-controls-direction .bx-prev ,
	.main-slide .bx-controls-direction .bx-next {
		top:40%;
		width:45px;
		height:45px;
	}

	#content .search-area {
		padding:20px 10px;
	}
	#content .search-area .title {
		margin-bottom:5px;
		font-size:16px;
	}
	#content .search-area .title:before {
		margin-right:0;
		background-size:400px auto;
		background-position:-285px -20px;
	}
	#content .search-area .product,
	#content .search-area .phone {
		padding-left:60px;
	}
	#content .search-area b {
		width:60px;
		font-size:13px;
	}
	#content .search-area select {
		font-size:13px;
	}
	#content .search-area .btn-gray {
		height:32px;
		padding:0 15px;
		font-size:13px;
		line-height:32px;
	}
	.parpular {
		padding-top:30px;
	}
	.parpular h2 {
		font-size:23px;
	}
	.parpular .explain {
		font-size:13px;
	}
	.parpular .product {
		margin:0 10px;
	}
	.parpular .product li .tag-area {
		top:10px;
		left:10px;
		width:100%;
		margin:0;
		text-align:left;
	}
	.parpular .product li .title {
		margin:15px 0 5px 0;
		font-size:16px;
	}
	.parpular .product li .photo {
		height:130px;
	}
	.charge .product li .con .detail {
		margin-top:5px;
		font-size:12px;
		font-weight:normal;
	}
	.parpular .product li .price b {
		font-size:20px;
	}


	.charge .inner {
		margin:0 10px;
	}
	.charge h2 {
		font-size:23px;
	}
	.charge .explain {
		font-size:13px;
	}
	.charge .product02 li a {
		padding:7% 20px 15% 40%;
	}
	.charge .product02 li .photo {
		top:16%;
	}
	.charge .product02 li .con {
		margin-bottom:5px;
		font-size:15px;
	}
	.charge .product02 li .con .detail {
		margin:5px 0 0 0;
		font-size:12px;
		font-weight:normal;
	}
	.charge .product02 li .con b {
		font-size:18px;
	}
	.charge .product02 li .btn-link {
		width:80px;
		line-height:32px;
	}

	.eyes-mall h2 {
		font-size:23px;
	}
	.eyes-mall .product {
		margin-top:25px;
	}
	.eyes-mall .product li .title {
		font-size:18px;
	}
	.eyes-mall .product li .photo {
		max-width:55%;
	}
	.eyes-mall .product li .original {
		margin-top:15px;
		font-size:12px;
	}
	.eyes-mall .product li .price {
		font-size:15px;
	}
	.eyes-mall .product li .price b {
		font-size:20px;
	}
	.eyes-mall .product li .btn-link {
		width:80px;
		line-height:32px;
	}

	.board-area .bbs {
		width:100%;
		padding:10px 0;
		margin:0 !important;
		border:0;
	}
	.board-area .bbs .title {
		font-size:16px;
	}

}

/*****171218 추가*****/
*{letter-spacing: -0.5px;}
.hide{display: none;}
input{padding: 0;}

/* input[type=text],
input[type=password] { 
	padding: 0 5px;  
	box-sizing: border-box;
} */

h1, figure{margin:0}
table{border-collapse:collapse;border-spacing:0; width: 100%; table-layout: fixed;}
button{cursor: pointer; background: none;}
label{cursor: pointer;}
fieldset, iframe { border: 0; vertical-align: top }

/*clearfix*/
.cf:before, .cf:after{
 content: ''; display: block; clear:both
}

/*단어 keep*/
*{word-break: break-all;}

/*말줄임표 - 주의!! ie8에서 적용 안됨*/
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}

/*접근성 지키며 텍스트 숨기기*/
.invisible, caption, legend{border: 0; clip: rect(0 0 0 0); clip: rect(1px, 1px, 1px, 1px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

/* Form 요소 */
/* input[type="text"], input[type="password"] {
	border: 1px;
	solid #ccc; 
	padding: 0 5px; 
	box-sizing: border-box;
} */
input[type=image]{cursor: pointer;}
select {border: 1px solid #ccc; color: #333;}
textarea {color: #333; border: 1px solid #ccc;}


/*2018 03 추가*/
.top-banner .today{position: absolute; z-index: 110; top: 22px; right: 40px; color: #fff; font-size: 10px;}
.top-banner .today input{vertical-align: -3px; margin-right: 3px;}
.charge .product li a{position: relative; display: inline-block;}
.charge .product li a .hover_color{position: absolute; width: 100%; height: 100%; color: #fff; font-weight: bold; box-sizing: border-box; padding: 50% 10px 0; word-break: keep-all; font-size: 0;}
.charge .product li a .hover_color:hover{background: rgba(237,28,36,0.77); font-size: 20px;}

.charge .product02 li a{position: relative; display: block; overflow: g
;}
.charge .product02 li a .hover_color{position: absolute; width: 100%; height: 100%; color: #fff; font-weight: bold; box-sizing: border-box; padding: 15% 10px 0; word-break: keep-all; font-size: 0; left: 0; top:0; z-index: 2; text-align: center;}
.charge .product02 li a .hover_color:hover{background: rgba(237,28,36,0.77); font-size: 20px;}

/*2018 06 추가 - 팝업 */
*{ margin:0; padding:0; }
body, html { width: 100%; height: 100%;  }
.rtitle { width:60%; min-height: 65%; padding: 5%; font-family: "mulgun-gothic"; background:rgb(239, 239, 239); font-size: 14px; position: fixed; left: 15%; top: 10%;  z-index:9999;}
.rtitle p { font-size: 1em; }
.rtitle p.second { margin-top: 10%; }
.btn-box { width: 100%; height: 40px; margin-top: 20px;}
.today-btn { min-width: 75%; margin-right: 5%; float: left; line-height: 40px; }
.today-btn input { width: 15px; height: 15px;  }
.today-btn label { margin-left: 3%; }
.pop-btn-box { float: right; width: 20%; height: 40px;  background: #fff; cursor: pointer; background: #e4383f;  }
.pop-btn-box a { display: block; width: 100%; height: 100%; line-height: 40px; color: #fff; text-align: center; text-decoration: none; }

.rtitle_web { width: 285px; height: 300px; position: fixed; top:0; left:0;  z-index: 9999; background: #fff; border: 1px solid #ddd; padding: 2%;}
.rtitle_web .modal-desc{ width: 100%; height: 250px;  overflow: auto; }

@media screen and (min-width:1151px){
    #header #snb .inner {border-left:none; padding-left: 60px;}
    #header .sub-menu {width:25%;}
    #header .sub-menu:first-child {border-left:1px solid #fedede;}
}

#content .search-area{margin: 0; max-width: 100%;}

.parpular .product li:nth-child(3) {border-right:none; border-left:1px solid #e5e5e5;}

.parpular .product li .ico {position: absolute; left: 25%; top:35px;}
.parpular .product li.big .ico {position: absolute; left: 35px; top:25px;}
.parpular .product li.big .title {font-size: 23px; height: 50px;}
.parpular .product li.big .original{margin-bottom: 5px; height: 40px;}

.main_round_btn{color: #000; display: inline-block !important; padding: 0 25px; line-height: 44px; border: 1px solid #818181; border-radius:22px; font-size: 16px; font-weight: bold; margin-left: 5px;}
.main_round_btn:hover{background-color:#ed1d25;color:white;}

.parpular .product li.big .pager{position: absolute; left: 13%; bottom:15px; width: 35%; text-align: center; line-height: 10px;}
.parpular .product li.big .pager span{display: inline-block; font-size: 35px; color: #ccc;}
.parpular .product li.big .pager span.on{color: #FF0B9D;}

.parpular .product li .ico_area{}
.ico_hot{display: inline-block; width: 44px; line-height: 28px; text-align: center; font-size: 13px; color: #fff;  border-radius: 3px; background: #ff3076;}
.ico_event{display: inline-block; width: 44px; line-height: 28px; text-align: center; font-size: 13px; color: #fff;  border-radius: 3px; background: #00bda9;}
.parpular .product li .title{margin-top: 5px; margin-bottom: 5px;}

.eyes-mall .product li .btn-link:hover{color: #fff; background: #FF0B9D;}

.eyes-mall .pager{position: absolute; left: 0; bottom:50px; width: 55%; text-align: center; line-height: 10px;}
.eyes-mall .pager span{display: inline-block; font-size: 35px; color: #ccc;}
.eyes-mall .pager span.on{color: #FF0B9D;}

.plan_list .round_btn:hover{color: #fff; background: #000;}

@media only screen and (max-width : 960px){
    .parpular .product li:nth-child(3) {border-left:none;}
    .parpular .product li .ico {left: 25%; top:15px;}
	.rtitle_web { width: 50%; height: 320px; top: 30%; left: 25%; }
}

@media only screen and (max-width : 450px){
	.rtitle_web { width: 60%; height: 320px; top: 30%; left: 20%; }
}