@charset "UTF-8";

/* Write your custom CSS here */

/* ajax loading bar 화면 전체를 어둡게 합니다. */
#ajax_indicator {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000000;
	background: rgba(0,0,0,0.255); /* not in ie */
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000'); /* ie */
}
#ajax_indicator p {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 16px 0 0 0;
	text-align: center;
}


/************************** LOGIN CONTENTS **************************/

.page-login {
	position: relative;
	margin: 0 auto;
	padding-top: 0;
}

@media all and (max-width: 499px) {
	.page-login .page-content {
		background-color: #cde9ec;
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
	}
}


/* Login Left
 **************************/

.page-login .login-left {
	display: block;
	position: relative;
	z-index: 999;
	float: left;
	padding: 0;
	width: 378px;
	height: auto;
	overflow: visible;
	background-color: #375283;
	box-shadow: none;
}
.page-login .login-left .top-slider {
	padding-bottom: 43px;
	background-color: #efeff0;
}
.page-login .login-left .top-slider li img {
	min-width: 100%;
	height: 120px;
}
.page-login .login-left .bottom-slider {
	padding: 0;
/* 	height: 100%; */
	background-color: #375283;
}
.page-login .login-left.fpm {
	background-color: #3b87d8;
}
.page-login .login-left.fpm .bottom-slider {
	background-color: #3b87d8;
}
.page-login .login-left section h2 {
	margin: 0 auto;
	padding: 57px 0 35px;
	width: 280px !important;
	font-family: 'NotoSansB';
	font-weight: normal;
	font-size: 1.64rem;
	color: #333;
}
.page-login .login-left .bottom-slider h2 {
	padding-bottom: 55px;
	font-family: 'NotosansR';
	color: #fff;
}

#boardNewPop tr td {text-align: center;}
#boardNewPop tr td img {
	margin-bottom: 20px;
	max-width: 100%;
	height: auto;
}
#boardNewPop tr td span {
	float: left;
	width: 100%;
}
#boardNewPop tr td span p {text-align: left;}
#boardNewPop tr td span p img {
	display: block;
	margin: 0 auto;
}



/* Login Slider
 **************************/

.sliderArea {
	margin: 0 auto;
	width: 280px;
}
.sliderArea .login-slider li span {
	display: block;
	margin-top: 25px;
	height: 48px;
	font-family: 'NotosansM';
	font-size: 1.25rem;
	line-height: 1.6;
	letter-spacing: -.015em;
	color: #333;
	overflow: hidden;
}
.sliderArea .lSSlideOuter .lSPager.lSpg {
	float: left;
	width: 100%;
}
.sliderArea .lSSlideOuter .lSPager.lSpg > li {
	padding: 0 2.5px;
}
.sliderArea .lSSlideOuter .lSPager.lSpg > li a {
	width: 9px;
	height: 9px;
	background-color: #d2d2d4;
}
.sliderArea .lSSlideOuter .lSPager.lSpg > li:hover a,
.sliderArea .lSSlideOuter .lSPager.lSpg > li.active a {
	width: 9px;
	height: 9px;
	background-color: #5f6062;
}

.page-login .login-left .bottom-slider .sliderArea {
	position: relative;
	width: 100%;
}
.page-login .login-left .bottom-slider .sliderArea .lSSlideOuter {
	overflow: visible;
}
.page-login .login-left .bottom-slider .sliderArea li {
/* 	margin-right: 54.5px !important; */
/* 	margin-left: 54.5px !important; */
/* 	margin-right: 109px !important; */
	text-align: center;
}
.page-login .login-left .bottom-slider .sliderArea li span {
	margin-top: 35px;
	font-family: 'NotosansR';
	font-weight: normal;
	font-size: 1.26rem;
	letter-spacing: -.01em;
	color: #fff;
}
.page-login .login-left .bottom-slider .sliderArea img {
	width: 160px;
	height: 160px;
	overflow: hidden;
	border-radius: 100%;
}
.page-login .login-left .bottom-slider .lSAction {
	position: relative;
	top: -156px;
}
.page-login .login-left .bottom-slider .lSAction a {
	display: block;
	position: absolute;
	margin-top: -23px;
	width: 18px;
	height: 31px;
	overflow: hidden;
	opacity: .25;
}
.page-login .login-left .bottom-slider .lSAction a:hover {
	opacity: .95;
}
.page-login .login-left .bottom-slider .lSAction .lSPrev {
	left: 11%;
	margin-left: 0;
	background: url('../../images/kr/login/arrow_prev.png') no-repeat;
}
.page-login .login-left .bottom-slider .lSAction .lSNext {
	right: 11%;
	margin-right: 0;
	background: url('../../images/kr/login/arrow_next.png') no-repeat;
}

@media all and (min-width: 1200px) {
	.page-login .login-left .top-slider {height: 389px;}
	.page-login .login-left .bottom-slider h2 {padding-bottom: 35px;}
}
@media all and (min-width: 1300px) {
	.page-login .login-left section h2 {padding-top: 57px;}
}
@media all and (min-width: 1600px) {
	.page-login .login-left section h2 {padding-top: 57px;}
	.page-login .login-left .top-slider {height: 469px;}
	.page-login .login-left .bottom-slider h2 {padding-bottom: 55px;}
	.page-login .login-left .bottom-slider .sliderArea {width: 378px;}
	.page-login .login-left .bottom-slider .lSAction .lSPrev {left: 49px;}
	.page-login .login-left .bottom-slider .lSAction .lSNext {right: 49px;}
}
@media all and (min-width: 1921px) {
	.page-login .login-left section h2 {padding-top: 20%;}
	.page-login .login-left .top-slider {height: 50%;}
}

@media all and (max-width: 1199px) {
	.page-login .login-left {
		padding-top: 0;
		width: 33%;
	}
	.page-login .login-left section h2 {padding-top: 50px !important;}
	.page-login .login-left .bottom-slider h2 {padding-bottom: 35px;}
}
@media all and (max-width: 991px) {
	.page-login .login-left {display: none;}
}


/* Login Right */

.page-login .login-right {
	position: absolute;
	z-index: 999;
	float: right;
	width: 500px;
	height: 100%;
	overflow: visible;
	background-color: #fff;
	right: 0;
}


/* Login Box
 **************************/

.logo-name {
	float: left;
	margin: 85px 70px 0;
	height: 81px;
}
.logo-name img {
	display: block;
	max-width: 100%;
	max-height: 81px;
}

.logo-name2 {
	float: left;
	margin: 85px 70px 0;
	height: 65px;
}
.logo-name2 img {
	display: block;
	max-width: 100%;
	max-height: 65px;
}

.login-box {
	padding: 0 70px 0;
	background-color: #fff;
	z-index: 9999;
}
.login-box .login-content {
	float: left;
	margin-top: 127px;
	padding: 0;
	width: 100%;
}
.login-box .login-content h3 {
	margin-bottom: 40px;
	font-family: 'NotosansR';
	font-weight: normal;
	font-size: 16px;
	color: #333;
}
.login-box .login-content h3 strong {
	display: block;
	margin-top: 2px;
	font-size: 30px;
	letter-spacing: -.01em;
}
.login-box .login-content .form-group {
	position: relative;
	margin-bottom: 16px;
	margin-left: 39px;
}
.login-box .login-content .form-group:before {
	content: '';
	position: absolute;
	top: 27px;
	left: -27px;
	display: block;
	width: 24px;
	height: 29px;
	background: url('../../images/kr/login/form_icon@2x.png') 0 0 no-repeat;
	background-size: 300px;
	box-sizing: border-box;
	transform: translate(-50%,-50%);
}
.login-box .login-content .form-group.form-pw:before {
	background: url('../../images/kr/login/form_icon@2x.png') -30px 0 no-repeat;
	background-size: 300px;
}
.login-box .login-content .form-id {
	margin-bottom: 37px;
}
.login-box .form-control-login {
	display: block;
	width: 100%;
	height: 42px;
	padding: 9px 10px 10px 35px !important;
	font-family: 'NotosansR';
	font-size: 14px;
	line-height: 1.42857143;
	color: #4d4d4f;
	background-color: #fff;
	background-image: none;
	border: transparent;
	border-bottom: 1px solid #dbdbdb;
	border-radius: 0;
	outline: none;
	box-sizing: border-box;
	-webkit-box-shadow: none;
			box-shadow: none;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
.login-box .form-control-login:focus {
	color: #4d4d4f;
	background: none;
	border: none;
	border-bottom: 1px solid #4d4d4f;
	outline: none;
}
.login-box .form-control-login::-webkit-input-placeholder,
.login-box .form-control-login::-moz-placeholder,
.login-box .form-control-login:-ms-input-placeholder,
.login-box .form-control-login::placeholder {
	font-family: 'NotosansR';
	color: #5f6062;
}
.login-box .form-group input:-internal-autofill-selected,
.login-box .form-group input:-webkit-autofill {
	-webkit-box-shadow: inset 0 0 0 30px #fff !important;
	-webkit-text-fill-color: #000;
}
.login-box .form-group input:-webkit-autofill,
.login-box .form-group input:-webkit-autofill:hover,
.login-box .form-group input:-webkit-autofill:focus,
.login-box .form-group input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
}
.login-box .checkbox {
	float: right;
	margin: 0;
	width: auto;
/* 	height: 22px; */
}
.login-box .checkbox label {
	padding: 1px 0 0;
	font-family: 'NotosansM';
	font-size: 15px;
	letter-spacing: -.05em;
	color: #5f6062;
}
.login-box div.checker {
	margin-top: -1px;
	margin-right: 8px;
	width: 20px;
	height: 20px;
}
.login-box div.checker span {
	width: 20px;
	height: 20px;
	background: url('../../images/kr/login/checkbox@2x.png') top left no-repeat;
	background-size: 20px;
}
.login-box .checkbox label:hover div.checker span {
	background-position: initial;
}
.login-box div.checker.hover span.checked,
.login-box div.checker span.checked {
	background-image: url('../../images/kr/login/checkbox@2x_active.png');
	background-position: initial;
}
.login-box .checkbox.fpm div.checker span.checked {
	background-image: url('../../images/kr/login/checkboxF@2x_active.png');
	background-position: initial;
}
.login-box .checkbox input[type="checkbox"] {
	width: 20px;
	height: 20px;
}
.login-box .idpw {
	float: right;
	padding: 2px 0 50px;
}
.login-box .idpw a {
	position: relative;
	float: right;
	margin-top: 1px;
	margin-left: 21px;
	padding: 0 20px 0 20px;
	font-family: 'NotosansM';
	font-size: 15px;
	letter-spacing: -.05em;
	color: #5f6062;
	background: url('../../images/kr/login/arrow@2x.png') top 5px right / 13px no-repeat;
}
.login-box .idpw a:before {
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	width: 1px;
	height: 15px;
	background-color: #e6e6e6;
}
.login-box .btn {
	display: block;
	padding: 14px 0 15px;
	width: 100%;
	font-family: 'NotosansM';
	font-size: 1.4rem;
	letter-spacing: .07em;
	color: #fff;
	background-color: #ff4646;
}
.login-box .btn:hover {
	background-color: #e93a3a;
}
.login-box .btn2 {
	display: block;
	padding: 14px 0 15px;
	width: 100%;
	font-family: 'NotosansM';
	font-size: 1.4rem;
	letter-spacing: .07em;
	color: #fff;
	background-color: #023770;
}
.login-box .btn2:hover {
	background-color: #022b58;
}
@media (min-width: 1760px) {
	.login-footer.fpm {
		margin: 175px 0 40px;
	}
}

.login-footer {
	clear: both;
	position: relative;
	float: left;
	margin: 125px 0 40px;
	width: 100%;
	text-align: left;
}
.login-footer ul {
	float: left;
	margin: 0;
	padding: 0;
}
.login-footer ul li {
	float: left;
	margin-right: 27px;
}
.login-footer ul li a {
	position: relative;
	float: left;
	font-size: 13px;
	letter-spacing: .02em;
	color: #7c7c7e;
}
.login-footer ul li a:hover {
	color: #212121;
}
.login-footer ul li:last-child {
	margin-right: 0;
}
.login-footer ul li a:before {
	content: '';
	position: absolute;
	top: 3px;
	left: -13px;
	width: 1px;
	height: 13px;
	background-color: #d5d5d5;
}
.login-footer ul li:first-child a:before {
	display: none;
}
.login-footer ul li:last-child a {
	font-family: 'NotosansM';
	color: #5f5f5f;
}
.login-footer p {
	font-family: 'Arial';
	font-size: 11px;
	letter-spacing: .02em;
	color: #4c4d4f;
	opacity: .8;
}
.login-footer ul.footer-sns {
	position: absolute;
	top: -14px;
	right: 0px;
}
.login-footer ul.footer-sns li {
	float: left;
	margin-left: 3px;
}
.login-footer ul.footer-sns li:first-child {
	margin-left: 0;
}
.login-footer ul.footer-sns li a {
	padding: 5px;
}
.login-footer ul.footer-sns li a img {
	width: 40px;
}

@media all and (min-width: 1200px) {
	.page-login .login-left {
		width: 358px;
	}
	.page-login .login-right {
		width: 440px;
	}
	.page-login.kyoboFP-login .login-right {
		width: 540px;
	}
	.login-box {
		padding-right: 50px;
		padding-left: 50px;
	}
	.logo-name {
		margin: 55px 50px 0;
	}
	.logo-name2 {
		margin: 85px 70px 0;
	}
	.page-login.kyoboFP-login .login-box {
		padding-right: 70px;
		padding-left: 70px;
	}
	.login-box .login-content {
		margin-top: 47px;
	}
	.login-box .login-content.fpm {
		margin-top: 102px;
	}
	.login-footer {
		margin-top: 65px;
		margin-bottom: 38px;
	}
}

@media all and (min-width: 1300px) {
	.page-login .login-right {
		width: 510px;
	}
	.page-login.kyoboFP-login .login-right {
		width: 600px;
	}
	.login-box {
		padding-right: 70px;
		padding-left: 70px;
	}
	.page-login.kyoboFP-login .login-box {
		padding-right: 90px;
		padding-left: 90px;
	}
	.logo-name {
		margin-right: 70px;
		margin-left: 70px;
	}
	.logo-name2 {
		margin-right: 90px;
		margin-left: 90px;
	}
	.login-footer {
		margin-bottom: 10px;
	}
}

@media all and (min-width: 1536px) {
	.page-login .login-right {
		width: 562px;
	}
	.page-login.kyoboFP-login .login-right {
		width: 682px;
	}

	.page-login.kyoboFP-login .login-box {
		padding-right: 111px;
		padding-left: 111px;
	}

	.logo-name2 {
		margin-right: 111px;
		margin-left: 111px;
	}
}

@media all and (min-width: 1600px) {
	.page-login .login-left {
		width: 378px;
	}
	.page-login .login-right {
		width: 682px !important;
	}
	.logo-name {
		margin-top: 77px;
	}
	.logo-name2 {
		margin-top: 114px;
	}
	.logo-name,
	.logo-name2 {
		margin-right: 111px;
		margin-left: 111px;
	}
	.login-box {
		padding: 0 111px 0 !important;
	}
	.login-box .login-content {
		margin-top: 77px;
	}
	.login-footer {
		margin-top: 75px;
/* 		margin-bottom: 80px; */
	}
}

@media all and (max-width: 1199px) {
	.page-login .login-right {
		position: absolute;
		right: 8%;
		width: 50.5%;
		background: none;
	}
	.page-login.kyoboFP-login .login-right {
		right: 20%;
		width: 60%;
	}
	.logo-name,
	.logo-name2 {
		margin-top: 35px;
		margin-left: 0;
	}
	.login-box {
		float: left;
		margin-top: 20px;
		margin-bottom: 30px;
		padding: 20px 0 0;
		width: 100%;
	}
	.login-box .login-content {
		float: none;
		margin-top: 20px;
		padding-right: 50px;
		padding-left: 50px;
		width: auto;
	}
	.login-box .form-control-login {
		padding-left: 20px;
	}
	.login-footer {
		margin: 50px 0 30px;
		padding-right: 50px;
		padding-left: 50px;
		text-align: center;
	}
	.login-footer ul.footer-sns {
		right: auto !important;
		left: auto !important;
		margin: 40px auto 0 !important;
		text-align: center;
		position: inherit;
		display: inline-block;
	}
	.login-footer p {
		text-align: center;
	}
}

@media all and (max-width: 991px) {
	.page-login .login-right {
		right: 20%;
		width: 60%;
	}
	.login-box .login-content .form-id {
		margin-bottom: 20px;
	}
	.login-box .idpw {
		padding-bottom: 30px;
	}
}

@media (min-width: 768px) and (max-width: 799px) {
	.login-footer ul li {margin-right: 21px;}
	.login-footer ul li a:before {left: -10px;}
}

@media all and (max-width: 767px) {
	.page-login .login-right {
		left: 0;
		right: 0 !important;
		float: none;
		padding: 20px;
		width: auto !important;
	}
}
@media all and (max-width: 600px) {
	.login-box .login-content,
	.login-footer {
		padding-right: 25px;
		padding-left: 25px;
	}
}

@media all and (max-width: 500px) {
	.login-footer ul li {margin-right: 25px;}
}

@media all and (max-width: 499px) {
	.page-login .login-right {
		min-height: auto !important;
/* 		padding-right: 30px; */
/* 		padding-left: 30px; */
	}
	.logo-name,
	.logo-name2 {
		margin-top: 5%;
	}
	.logo-name img,
	.logo-name2 img {
/* 		width: 250px; */
		height: auto;
	}
	.logo-name img {
	    height: 55px;
	}
	.login-box {
		margin: 20px 0 0 !important;
		padding: 0 !important;
		background: none;
	}
	.login-box .login-content {
		margin-top: 0;
		padding: 50px 30px;
		background-color: #fff;
		border-radius: 10px;
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
		   -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
				box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	}
	.login-box .login-content h3 strong {font-size: 30px !important;}
	.login-box .idpw {width: 100%;}
	.login-box .checkbox {float: left;}
	.login-box .idpw a:before {display: none;}
	
	.login-footer {
		margin-top: 20px;
		margin-bottom: 0px;
		padding-right: 0;
		padding-left: 0;
	}
	.login-footer ul {
		float: none;
		margin: 0 auto;
	}
	.login-footer ul li {
		display: inline-block;
		float: none;
		margin: 0 10px !important;
	}
	.login-footer ul li a:before {
		/* display: none; */
		top: 4px;
		height: 11px;
		background-color: rgba(0, 0, 0, .2);
	}
	.login-footer ul li a {
		font-family: 'NotosansM';
		color: #333;
		text-shadow: 0 0 10px rgba(255, 255, 255);
	}
	.login-footer ul li:last-child a {color: #000;}
	
	.login-footer p {text-align: center;}
	.login-footer ul.footer-sns {
		position: inherit;
		right: auto;
		left: auto;
		margin: 40px auto 0;
		text-align: center;
	}
	.login-footer ul.footer-sns li {
		display: inline-block;
		float: none;
	}
	
	.loginCopy {
		margin-top: 50px !important;
		color: #222 !important;
	}
}

@media all and (max-width: 375px) {
	.login-box {
		margin: 20px 0 0 !important;
	}
	.logo-name,
	.logo-name2 {
		margin-top: 1%;
	}
	
	.login-box .idpw a {
		margin-left: 0;
		padding-left: 0;
	}
	.login-footer ul li:first-child {margin-left: 0 !important;}
	.login-footer ul li:last-child {margin-right: 0 !important;}
	
	.loginCopy {
		margin-top: 40px !important;
		color: #222 !important;
	}
}

@media all and (max-width: 360px) {
	.login-footer ul li {margin: 0 9px !important;}
}


@media (min-width: 1760px) {
	.login-footer {
	    margin-top: 75px;
	}
	.loginCopy {
		margin-top: 85px !important;
	}
}


.loginCopy {
	float: left;
	width: 100%;
	color: #7c7c7c;
	line-height: 22px;
	text-align: left;
	margin-top: 60px;
}

@media (max-width: 1199px) {
	.loginCopy {letter-spacing: -.01em;}
}



/* Login Image
 **************************/

.page-login .right-img {
	position: relative;
	z-index: 998;
	height: 937px;
	overflow: hidden;
	background: url('../../images/kr/login/bg_login.jpg') top left no-repeat;
	background-size: contain;
}
.page-login.kyoboFP-login .right-img {
	background-image: url('../../images/kr/login/bg_login_kyoboFP.jpg');
}

@media all and (min-width: 1921px) {
	.page-login .right-img {background-size: 69%;}
}

@media all and (max-width: 1199px) {
	.page-login .right-img {background-size: cover;}
}
@media all and (max-width: 499px) {
	.page-login .right-img {
		height: auto !important;
		/* background: #fff !important; */
		background-position: center;
	}
}


@media all and (min-width: 1200px) {
	.page-login .login-left,
	.page-login .login-right,
	.page-login .right-img {
		min-height: 753px;
	}
}
@media all and (min-width: 1300px) {
	.page-login .login-left,
	.page-login .login-right,
	.page-login .right-img {
/* 		min-height: 817px; */
	}
}
@media all and (min-width: 1600px) {
	.page-login .login-left,
	.page-login .login-right,
	.page-login .right-img {
		min-height: 937px;
	}
}

@media all and (max-width: 1199px) {
	.page-login .login-left,
	.page-login .login-right,
	.page-login .right-img {
		min-height: 753px;
	}
}



/************************** MAIN CONTENTS **************************/

@media (min-width: 992px) {
	.page-index .row {
		margin-right: -12px;
		margin-left: -12px;
	}
	.page-index .col-md-1,
	.page-index .col-md-2,
	.page-index .col-md-3,
	.page-index .col-md-4,
	.page-index .col-md-5,
	.page-index .col-md-6,
	.page-index .col-md-7,
	.page-index .col-md-8,
	.page-index .col-md-9,
	.page-index .col-md-10,
	.page-index .col-md-11,
	.page-index .col-md-12 {
		padding-right: 12px;
		padding-left: 12px;
	}
}



/************************** Header Nav Mobile **************************/

nav.nav-menu {
	margin-top: -40px;
	padding: 0 23px;
	overflow: hidden;
	background-color: #fff;
	border-bottom: 0px solid #d0d0d0;
}
nav.nav-menu:before {
	content: '';
	position: absolute;
	top: 0;
	left: -20px;
	z-index: 9;
	width: 20px;
	height: 100%;
	background-color: #fff;
	-webkit-box-shadow: 0 -16px 8px 10px rgb(255 255 255 / .9);
	   -moz-box-shadow: 0 -16px 8px 10px rgb(255 255 255 / .9);
			box-shadow: 0 -16px 8px 10px rgb(255 255 255 / .9);
}
nav.nav-menu:after {
	content: '';
	position: absolute;
	top: 0;
	right: -20px;
	z-index: 9;
	width: 20px;
	height: 100%;
	background-color: #fff;
	-webkit-box-shadow: 0 -16px 8px 10px rgb(255 255 255 / .9);
	   -moz-box-shadow: 0 -16px 8px 10px rgb(255 255 255 / .9);
			box-shadow: 0 -16px 8px 10px rgb(255 255 255 / .9);
}
nav.nav-menu ul {
	display: table;
	margin: 0;
	padding-left: 0;
	white-space: nowrap;
}
nav.nav-menu ul li {
	position: relative;
	display: inline-block;
	line-height: 0;
	font-size: 0;
	padding-left: 1px;
}
nav.nav-menu ul li a {
	display: inline-block;
	color: #384150;
	line-height: 1;
	font-family: 'NotosansM';
	font-size: 16px;
	letter-spacing: -1px;
	padding: 15px 16px;
}
nav.nav-menu ul li:first-child a {padding-left: 0;}
nav.nav-menu ul li a.on {
	color: #337ab7;
}
nav.nav-menu ul li a.on:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 0px;
	border-bottom: 4px solid #337ab7;
}

@media (min-width: 640px) {
	nav.nav-menu {padding: 0 30px;}
}
@media (min-width: 768px) {
	nav.nav-menu {padding: 0 15px;}
	nav.nav-menu ul {min-width: 516px;}
}
@media (min-width: 992px) {
	nav.nav-menu {display: none;}
	nav.nav-menu ul li a {display: block;}
}

@media (max-width: 499px) {
	nav.nav-menu {padding: 0 15px;}
	nav.nav-menu ul li a {
		padding: 18px 29px;
		text-align: center;
	}
}
@media (max-width: 413px) {
	nav.nav-menu ul li a {padding-right: 24px; padding-left: 24px;}
}
@media (max-width: 375px) {
	nav.nav-menu ul li a {padding-right: 22px; padding-left: 22px;}
}
@media (max-width: 360px) {
	nav.nav-menu ul li a {padding-right: 20px; padding-left: 20px;}
}



/************************** Header Search Rolling **************************/

.swiper-container.swiper-rolling {
	position: absolute;
	top: 18px;
	left: 40px;
	z-index: 9;
	width: 86% !important;
	height: 39px;
}
.swiper-rolling .swiper-wrapper {/* width: auto; */}
.swiper-rolling .swiper-slide {
	position: relative;
	width: 100%;
	text-align: left;
	-webkit-box-pack: left;
		-ms-flex-pack: left;
	-webkit-justify-content: left;
			justify-content: left;
	-webkit-box-align: left;
		-ms-flex-align: left;
	-webkit-align-items: left;
			align-items: left;
}
.swiper-rolling .swiper-slide a {
	position: absolute;
	top: 50%;
	left: 0;
	float: left;
	margin-top: -13.5px;
	padding: 6px 0 13px;
	width: auto;
	max-width: 200px;
	height: 27px;
	font-size: 13px;
/* 	letter-spacing: -.04em; */
	white-space: nowrap;
	color: #999;
	text-overflow: ellipsis;
	overflow: hidden;
}
.swiper-rolling .swiper-slide button {
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 99;
	float: right;
	margin-top: -20px;
	padding: 20px;
	background: transparent;
}

@media (min-width: 640px) {
	.swiper-container.swiper-rolling {
		top: 18px;
		height: 39px;
	}
	.swiper-rolling .swiper-slide a {
		padding-top: 11px;
		padding-bottom: 0;
		height: 35px;
		font-size: 14px;
	}
}
@media (min-width: 768px) {
	.swiper-container.swiper-rolling {
		top: 16px;
		left: 25px;
		height: 43px;
	}
	.swiper-rolling .swiper-slide a {margin-top: -21.5px;}
}
@media (min-width: 992px) {
	.swiper-container.swiper-rolling {
		top: 0;
		height: 51px;
	}
	.swiper-rolling .swiper-slide a {
		margin-top: -25.5px;
		padding-top: 16px;
	}
}

@media (max-width: 499px) {
	.swiper-container.swiper-rolling {
/* 		display: none; */
		top: 18px;
		left: 30px;
		height: 39px;
	}
	.swiper-rolling .swiper-slide a {max-width: 155px;}
}
@media (max-width: 385px) {
	.swiper-rolling .swiper-slide a {max-width: 145px;}
}
@media (max-width: 375px) {
	.swiper-container.swiper-rolling {left: 25px;}
	.swiper-rolling .swiper-slide a {max-width: 135px;}
}
@media (max-width: 360px) {
	.swiper-container.swiper-rolling {left: 20px;}
	.swiper-rolling .swiper-slide a {
		max-width: 126px;
		letter-spacing: -.07em;
	}
}



/************************** 인기검색어 **************************/

.slide-divP {
	position: absolute;
	top: 30px;
	right: 0;
	z-index: 9999;
	width: 210px;
	height: 380px;
	background: #e9e9e9;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 300ms ease;
	   -moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		 -o-transition: all 300ms ease;
			transition: all 300ms ease;
}
.box-show {
	-webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25);
	   -moz-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25);
			box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25);
}
.slide-divP ul {
	float: left;
	margin-top: 45px;
	padding: 0 0 0 30px;
	width: 100%;
	background-color: transparent;
}
.slide-divP ul li {
	float: left;
	padding: 5px 0 6px;
	width: 100%;
}
.slide-divP ul li a {
	float: left;
	padding: 0 !important;
	width: 100%;
	height: 20px;
	font-size: 13px !important;
	white-space: nowrap;
	color: #fff !important;
	text-overflow: ellipsis;
	overflow: hidden;
}
.slide-divP ul li a:hover {
	text-decoration: underline;
}
.slide-divP ul li a em {
	float: left;
	margin-top: 2px;
	margin-right: 9px;
	width: 18px;
	height: 18px;
	font-style: normal;
	font-size: 13px;
	color: #fff;
	text-align: center;
	background-color: rgba(240, 125, 0, 0.7);
	border-radius: 50%;
}
.slide-divP ul li a:hover em {
	color: #e9e9e9;
	background: #fff;
}

.button-divP {
	position: relative;
	z-index: 9999;
	float: right;
	width: 90px;
/* 	height: 37px; */
	text-align: left;
	background: transparent;
}

.button-openP {
	float: right;
	margin: 20px 0;
	width: 160px;
	height: 100%;
	color: #fff;
/* 	border-top: 7px solid transparent; */
/* 	border-bottom: 7px solid transparent; */
/* 	border-left: 13px solid #fff; */
}
.button-openP:before {
	content: 'KYOBO 인기검색어';
	display: block;
	width: 160px;
	font-family: 'NotosansR';
	font-size: 16px;
	color: #fff;
	text-align: right;
}
.button-closeP {
	float: right;
	margin: 20px 0;
	width: 90px;
	height: 100%;
	color: #fff;
/* 	border-top: 7px solid transparent; */
/* 	border-right: 13px solid #fff; */
/* 	border-bottom: 7px solid transparent; */
}
.button-closeP:before {
	content: '#인기검색어';
	display: block;
	width: 90px;
	font-family: 'NotosansM';
	font-size: 16px;
	color: #222;
	text-align: right;
}
.certifyArea {
	float: left;
	margin: 30px 0 10px;
	width: 100%;
}
.certifyArea span {
	float: left;
	margin-right: 7px;
	width: 8.5%;
}
.certifyArea span img {
	padding: 0 7px 0 0;
	width: 100%;
	max-width: 32px;
}
.certifyArea em strong {
	float: left;
	margin-bottom: 5px;
	width: 100%;
	font-family: 'NotosansM';
	font-size: 13px;
}
.certifyArea em {
	float: left;
	width: 89%;
	font-style: normal;
	font-family: 'NotosansR';
	font-size: 13px;
}

@media (min-width:992px) and (max-width: 1300px) {
	.certifyArea span {
		float: left;
		margin-right: 3px;
		width: 8.2%;
	}
	.certifyArea span img {
		padding: 0 5px 0 0;
		width: 100%;
		max-width: 24px;
	}
	.certifyArea em {
		font-size: 12px;
		letter-spacing: -.4px;
	}
	.certifyArea em strong {
		margin-top: -4px;
		margin-bottom: 0px;
	}
}

@media (max-width: 991px) {
	.slide-divP,
	.button-divP {display: none;}
	
	.certifyArea {
		padding-bottom: 20px;
		border-bottom: 1px solid #eee;
	}
}



/************************** Visual Banner **************************/

.swiper-container.swiper-visual {
	position: relative;
	float: left;
	margin: 0;
	width: 100%;
	height: 360px;
	background-color: #fff;
	background-color: #eff1f4;
}
.swiper-visual .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	font-size: 18px;
	text-align: center;
	background-color: #bed0c4;
	background: transparent;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
	-webkit-justify-content: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
	-webkit-align-items: center;
			align-items: center;
}
.swiper-visual .swiper-slide[data-swiper-slide-index="0"] {
	background: #bed0c4;
}
.swiper-visual .swiper-slide[data-swiper-slide-index="1"] {
	background: #e3ded8;
}
.swiper-visual .swiper-slide[data-swiper-slide-index="2"] {
	background: #f2cdd4;
}
.swiper-visual .swiper-slide[data-swiper-slide-index="3"] {
	background: #944527;
}
.swiper-visual .swiper-slide[data-swiper-slide-index="4"] {
	background: #f8dfc1;
}
.swiper-visual .swiper-slide[data-swiper-slide-index="5"] {
	background: #783b77;
}
.swiper-visual .swiper-slide-active {
	z-index: 9;
}
.swiper-visual .swiper-slide a {
	float: left;
	padding: 0 23px;
	width: 100%;
	height: 100%;
}
.swiper-visual .swiper-slide a img {
	width: 100%;
	min-height: 100%;
}

.swiper-container.swiper-visual button {
	display: none;
	position: absolute;
	top: 50%;
	z-index: 0;
	padding: 30px 15px;
	width: 10px;
	height: 60px;
	margin-top: -30px;
	text-indent: -999999px;
	overflow: hidden;
	background-position: center;
	background-size: 10px;
	background-color: rgba(0, 0, 0, .3);
	background-repeat: no-repeat;
	border: 1px solid transparent;
	opacity: 1;
}
.swiper-container.swiper-visual:hover button {/* display: block; */}
.swiper-container.swiper-visual button:hover {background-color: rgba(0, 0, 0, .55);}
.swiper-prev {
	left: 0px;
	right: auto;
	padding-left: 13px !important;
	background-image: url('../../images/kr/main/swipe-prev.png');
	-webkit-box-shadow: 5px 7px 13px 0 rgba(105, 125, 155, 0.20);
	   -moz-box-shadow: 5px 7px 13px 0 rgba(105, 125, 155, 0.20);
			box-shadow: 5px 7px 13px 0 rgba(105, 125, 155, 0.20);
}
.swiper-next {
	right: 0px;
	left: auto;
	padding-right: 13px !important;
	background-image: url('../../images/kr/main/swipe-next.png');
	-webkit-box-shadow: -5px 7px 13px 0 rgba(105, 125, 155, 0.20);
	   -moz-box-shadow: -5px 7px 13px 0 rgba(105, 125, 155, 0.20);
			box-shadow: -5px 7px 13px 0 rgba(105, 125, 155, 0.20);
}
.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: 300ms opacity;
	transform: translate3d(0, 0, 0);
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 10px;
	left: 0;
	width: 100%;
}
.swiper-pagination-bullet {
	display: inline-block;
	width: 25px;
	height: 6px;
	background: #fff;
	border-radius: 0;
	opacity: 0.2;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
}
.swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1;
}

@media (min-width: 640px) {
	.swiper-visual .swiper-slide a {padding: 0 30px;}
}
@media (min-width: 768px) {
	.swiper-visual .swiper-slide a {
		padding: 0;
		width: 710px;
	}
	.swiper-pagination-fraction,
	.swiper-pagination-custom,
	.swiper-container-horizontal > .swiper-pagination-bullets {
		bottom: 60px;
	}
}
@media (min-width: 992px) {
	.swiper-container.swiper-visual {height: 300px;}
	.swiper-visual .swiper-slide a {width: 940px;}
	.swiper-pagination-fraction,
	.swiper-pagination-custom,
	.swiper-container-horizontal > .swiper-pagination-bullets {
		bottom: 86px;
	}
}
@media (min-width: 1200px) {
	.swiper-container.swiper-visual {height: 360px;}
	.swiper-visual .swiper-slide a {width: 1200px;}
}

@media (max-width: 767px) {
	.swiper-container.swiper-visual {height: 310px;}
}
@media (max-width: 639px) {
	.swiper-container.swiper-visual {height: 240px;}
}
@media (max-width: 499px) {
	.swiper-container.swiper-visual {height: 190px;}
	.swiper-visual .swiper-slide a {
		padding: 0;
	}
	.swiper-visual .swiper-slide a img {height: auto;}
}
@media (max-width: 413px) {
	.swiper-container.swiper-visual {height: 167px;}
}
@media (max-width: 375px) {
	.swiper-container.swiper-visual {height: 170px;}
}
@media (max-width: 360px) {
	.swiper-container.swiper-visual {height: 152px;}
}



/************************** Main Tabs **************************/

.tabsEvent {
	position: relative;
	top: 0;
	z-index: 8;
	width: 100%;
}
.tabsEventCon {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}

ul.tabs {
	margin: 0 auto;
	padding: 0;
	width: 722px;
	height: 62px;
	font-family: "NanumGothic";
	font-size: 12px;
	list-style: none;
}
ul.tabs li {
	position: relative !important;
	z-index: 9;
	float: left;
	padding-top: 16px;
	width: 220px;
	height: 62px;
	font: normal 18px/34px 'NotoSansR', NanumGothic, Dotum, Helvetica;
	color: #c0c0c0;
	letter-spacing: -.3px;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
	background: #fff;
	cursor: pointer;
}
ul.tabs li:nth-child(1),
ul.tabs li:nth-child(3) {
	width: 250px;
}

ul.tabs li.active {
	position: absolute;
	z-index: 99;
	font-family: "NotoSansM";
	color: #222;
	/* box-shadow: -5px 0 5px -5px #aaa, 5px 0 5px -5px #aaa; */
}
ul.tabs li:nth-child(1).active {
	background: linear-gradient(-230deg, transparent 50px, #f7f7f7 51px);
}
ul.tabs li:nth-child(2).active {background: #f7f7f7 !important;}
ul.tabs li:nth-child(3).active {
	background: linear-gradient(230deg, transparent 50px, #f7f7f7 51px);
}

@media (max-width: 767px) {
	ul.tabs li:nth-child(1).active,
	ul.tabs li:nth-child(3).active {
		background: #f7f7f7 !important;
	}
}

ul.tabs li img {
	float: left;
	margin: 0 -40px 0 55px;
	opacity: 0.4;
}
ul.tabs li.active img {
	opacity: 1;
}
ul.tabs li:nth-child(1) img {
	float: left;
	margin: 0 -15px 0 70px;
	opacity: 0.4;
}
ul.tabs li:nth-child(1).active img {
	opacity: 1;
}
ul.tabs li:nth-child(3) img {
	float: left;
	margin: 0 -75px 0 40px;
	opacity: 0.4;
}
ul.tabs li:nth-child(3).active img {
	opacity: 1;
}

.tab_container {
	clear: both;
	float: left;
	width: 100%;
	background: #f7f7f7;
	border-top: none;
}
.tab_content {
	display: none;
/* 	width: 1200px; */
	margin: 50px auto;
	font-size: 12px;
}
.tab_container .tab_content ul {
/* 	margin: 0 -15px; */
/* 	padding: 0px; */
	border: 1px solid #e0e0e0;
}
.tab_container .tab_content ul li .wrap-proList {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}
.tab_content p {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	line-height: 20px;
}

@media (min-width: 992px) {
	ul.tabs li:nth-child(1) {
		background: linear-gradient(-230deg, transparent 50px, #ffffff 51px);
	}
	ul.tabs li:nth-child(3) {
		background: linear-gradient(230deg, transparent 50px, #ffffff 51px);
	}
	
	.tabsEvent {
		position: relative;
		top: -62px;
		margin-bottom: -25px;
	}
}

@media (min-width: 768px) and (max-width: 919px) {
	ul.tabs li img {margin: 0 -60px 0 65px;}
	ul.tabs li.active img {
		margin-right: -50px;
		margin-left: 80px;
	}
	ul.tabs li:nth-child(1) img {margin: 0 -40px 0 50px;}
	ul.tabs li:nth-child(1).active img {margin: 0 -25px 0 75px;}
	ul.tabs li:nth-child(3) img {margin: 0 -65px 0 65px;}
	ul.tabs li:nth-child(3).active img {margin: 0 -90px 0 60px;}
}
@media (min-width: 920px) and (max-width: 991px) {
	ul.tabs li:nth-child(1) {padding-left: 60px;}
	ul.tabs li:nth-child(3) {padding-right: 60px;}
	ul.tabs li img {margin: 0 -70px 0 85px;}
	ul.tabs li:nth-child(1) img {margin: 0 -25px 0 45px;}
	ul.tabs li:nth-child(3) img {margin: 0 -80px 0 45px;}
	ul.tabs li.active img {
		margin-right: -70px;
		margin-left: 90px;
	}
	ul.tabs li:nth-child(1).active img {
		margin-right: -70px;
		margin-left: 25px;
	}
	ul.tabs li:nth-child(3).active img {
		margin-right: -50px;
		margin-left: 75px;
	}
}

@media (max-width: 991px) {
	ul.tabs {width: 100% !important;}
	ul.tabs li {width: 33.3333333% !important;}
}
@media (max-width: 767px) {
	ul.tabs li.active img,
	ul.tabs li img,
	ul.tabs li:first-child img {margin-left: 40px;}
}
@media (max-width: 639px) {
	ul.tabs li {font-size: 17px;}
	ul.tabs li img,
	ul.tabs li.active img {
		margin-right: -10px;
		margin-left: 20px;
	}
	ul.tabs li:nth-child(1) img,
	ul.tabs li:nth-child(1).active img {
		margin-right: -15px;
		margin-left: 10px;
	}
	ul.tabs li:nth-child(3) img,
	ul.tabs li:nth-child(3).active img {
		margin-right: -30px;
		margin-left: 25px;
	}
}
@media (max-width: 499px) {
	.tab_content {
		margin: 20px auto;
/* 		width: 100%; */
	}
	ul.tabs {
		height: 50px;
	}
	ul.tabs li img {display: none !important;}
	ul.tabs li {
		padding-top: 9px;
		font: normal 15px/34px 'NotoSansM', NanumGothic, Dotum, Helvetica;
		height: 50px;
	}
}



/* 이벤트기획
 **************************/

.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	background: transparent;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
	-webkit-justify-content: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
	-webkit-align-items: center;
			align-items: center;
}

@media (max-width: 991px) {
	.swiper-slide > a span.date {
		top: 33% !important;
		padding: 3px 0px 4px !important;
		text-align: center;
		letter-spacing: 0px !important;
	}
}

#tab3 .swiper-slide > a span.date {
	font-size: 13px;
	letter-spacing: -.7px;
	padding: 6px 10px 6px;
}
.swiper-slide > a span.date {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	font-size: 12px;
	color: #fff;
	letter-spacing: -.7px;
	padding: 7px 4px 6px;
	background-color: rgba(0, 0, 0, .5);
	z-index: 99;
}

.swiper-slide > a {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}

.swiper-view .swiper-slide {
	height: 81px;
}
.swiper-view .swiper-slide a {
	background-color: #eee;
}
.swiper-view .swiper-slide a img {
	float: left;
	width: 100%;
	height: 100%;
	border: none;
}
.swiper-view .swiper-slide a span {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 9;
	float: left;
	width: 100%;
	margin-top: -31px;
	padding: 10px 15px;
	font-size: 16px;
	line-height: 22px;
	background: transparent;
	transition: 1s;
}
.swiper-view .swiper-slide:nth-child(1) a span {
/* 	background: #006241; */
}
.swiper-view .swiper-slide:nth-child(2) a span {
/* 	background: #efba4e; */
}
.swiper-view .swiper-slide:nth-child(3) a span {
/* 	background: #d9117c; */
}
.swiper-view .swiper-slide:nth-child(4) a span {
/* 	background: #b12536; */
}
.swiper-view .swiper-slide:nth-child(5) a span {
/* 	background: #e7604c; */
}
.swiper-view .swiper-slide a span b {
	float: left;
	height: auto;
	font-family: 'NotoSansR', NanumGothic;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: -.5px;
	color: #fff;
	line-height: 1.4rem;
}

@media (max-width: 499px) {
	.swiper-view .swiper-slide a span {padding: 7px 10px;}
	.swiper-view .swiper-slide a span b {
		font-size: 12px;
		line-height: 1.1rem;
	}
}


.swiper-button-prev,
.swiper-button-next {
	background: none;
}
.view-prev,
.view-next {
/* 	width: 25px; */
/* 	height: 50px; */
}
.view-prev {
	left: -15px;
/* 	background-image: url('../../images/kr/main/arrow.gif'); */
/* 	background-position: top -50px left 0; */
}
.view-next {
	right: -15px;
/* 	background-image: url('../../images/kr/main/arrow.gif'); */
/* 	background-position: top -50px left -25px; */
}

@media (min-width: 640px) {
	.swiper-view .swiper-slide {
		width: 18%;
		height: 106px;
	}
}
@media (min-width: 768px) {
	.swiper-view .swiper-slide {
		width: 18%;
		height: 86px;
	}
}
@media (min-width: 992px) {
	.swiper-view .swiper-slide {
		margin-right: 30px;
		width: 18%;
		height: 82px;
	}
}
@media (min-width: 1200px) {
	.swiper-view .swiper-slide {height: 96px;}
}

@media (max-width: 499px) {
	.swiper-view .swiper-slide {
		width: 50%;
		height: 80px;
	}
}



/* 나의 쇼핑정보
 **************************/
@media (min-width: 1200px) {
	.swiper-info {
		width: 90%;
	}
}
.swiper-info .swiper-slide {
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 10px;
 	/* margin-right: 3px;*/ 
	width: 20%;
	height: 71px;
	line-height: normal;
	border-left: 1px solid #d7d7d7;
	text-align: center;
	
}
.swiper-info .swiper-slide:nth-child(5) {border-right: 1px solid #d7d7d7;}
.swiper-info .swiper-slide h6 {
	margin: 0 0 20px;
	/*padding: 0 0 0 25px;*/
	font-family: 'NotoSansR', NanumGothic;
	font-weight: normal;
	font-size: 18px;
	line-height: 22.652px;
	letter-spacing: -.3px;
}
.swiper-info .swiper-slide:nth-child(5) h6,
.swiper-info .swiper-slide:nth-child(6) h6 {
	background: linear-gradient(to right, #015ca3, #44b035, #44b035);
	font-family: 'NotoSansB';
	color: transparent;
	-webkit-background-clip: text;
}
.swiper-info .swiper-slide em {
	/*padding: 0 0 0 25px;*/
	font-style: normal;
	font-family: "Spoqa-Medium", 'NotoSansM', NanumGothic;
	font-size: 30px;
	line-height: 20px;
}

@media (max-width: 991px) {
	.swiper-info.swiper-container {overflow: visible;}
	.swiper-info .swiper-slide {width: 25%;}
	.swiper-info .swiper-slide:nth-child(5),
	.swiper-info .swiper-slide:nth-child(6) {width: 30%;}
}

@media (max-width: 639px) {
	.swiper-info .swiper-slide {width: 49.5%;}
	.swiper-info .swiper-slide:nth-child(5),
	.swiper-info .swiper-slide:nth-child(6) {width: 52%;}
}


@media (min-width: 1200px) {
	.tab_content .myShopping {
		text-align: center;
	}
}

.myShopping .tab-menu {
	overflow: visible !important;
}
.myShopping dl {
	display: table;
	white-space: nowrap;
}
.myShopping dd {
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 40px;
	width: 12%;
	height: 71px;
	line-height: normal;
	border-left: 1px solid #d7d7d7;
}
.myShopping dd:nth-child(5),
.myShopping dd:nth-child(6) {
	width: 16%;
}
.myShopping dd:nth-child(5) h6,
.myShopping dd:nth-child(6) h6 {
	color: #e50208;
}
.myShopping dd h6 {
	margin: 0 0 20px;
	padding: 0 0 0 25px;
	font-family: 'NotoSansL', NanumGothic;
	font-weight: 600;
	font-size: 18px;
	line-height: 22.652px;
}
.myShopping dd em {
	padding: 0 0 0 25px;
	font-style: normal;
	font-family: "Spoqa-Medium", 'NotoSansM', NanumGothic;
	font-size: 30px;
	line-height: 20px;
}

@media (min-width: 768px) {
	.myShopping dl {width: 793px !important;}
}
@media (min-width: 992px) {
	.myShopping dl {
		width: 970px !important;
		transform: none !important;
	}
}
@media (min-width: 1200px) {
	.myShopping dl {
/* 		margin-left: 40px; */
		width: 1200px !important;
	}
}

@media (max-width: 1199px) {
	.myShopping dd {margin-left: 37px;}
	.myShopping dd:first-child {margin-left: 0;}
}
/* @media (max-width: 991px) {
	.myShopping dl {
		position: relative;
	}
	.myShopping dl:before {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #d7d7d7;
	}
	.myShopping dd {
		margin-left: 0;
		width: 33.33333333% !important;
		text-align: center;
	}
	.myShopping dd:first-child,
	.myShopping dd:nth-of-type(4) {border-left: none;}
	.myShopping dd h6,
	.myShopping dd em {padding-left: 0;}
}
@media (max-width: 639px) {
	.myShopping dl:before {top: 33.33333333%;}
	.myShopping dl:after {
		content: '';
		position: absolute;
		top: 66.66666666%;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #d7d7d7;
	}
	.myShopping dd {width: 50% !important;}
	.myShopping dd:nth-of-type(4){border-left: 1px solid #d7d7d7;}
	.myShopping dd:nth-of-type(odd) {border-left: none;}
} */



/* 추천상품
 **************************/

.swiper-recommand .swiper-slide:hover .cd-item-details {
	opacity: 1;
	transition: opacity 0.4s linear;
}
.swiper-recommand .cd-item-info {
	padding: 15px 0 0;
	background-color: transparent;;
}
.swiper-recommand .cd-item-info > b {
	height: 48px;
	font-size: 15px;
	line-height: 22px;
	letter-spacing: -.5px;
	color: #121212;
}
.swiper-recommand .swiper-slide:hover .cd-item-info > b {
	text-decoration: underline;
	cursor: pointer;
}
.swiper-recommand .cd-item-info .cd-price {
	margin: 1px 0 3px !important;
	font-family: "Spoqa-Medium", 'NotoSansM', NanumGothic;
	font-weight: normal;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: -.5px;
}
.swiper-recommand .cd-item-info .cd-price b {
	font-family: "Spoqa-Light", 'NotoSansL', NanumGothic;
	color: #999;
	text-decoration: line-through;
}

.recommand-prev {left: -15px;}
.recommand-next {right: -15px;}

@media (min-width: 1200px) {
	.swiper-recommand .cd-item-info .cd-price {margin: 8px 0 6px !important;}
}

/* 
.tab_eCoupon {
	font-family: 'NotoSansL', NanumGothic;
	font-size: 20px;
	margin: 0 auto;
}
.tab_eCoupon li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0 15px 0;
	width: 20%;
}
.tab_eCoupon li a {
	display: block;
}

.tab_eCoupon li .tab_icons {
	float: right;
	position: absolute;
	right: 0px;
	bottom: 0px;
	opacity: 0;
	transition: opacity 0.4s linear;
}
.tab_eCoupon li:hover .tab_icons {opacity: 1;}
.tab_eCoupon li .tab_icons a {float: left; padding: 0 0 0 3px;}
.tab_eCoupon li .tab_icons a img {border: 1px solid #ddd;}
.tab_eCoupon li .tab_icons a:hover img {border: 1px solid #e50208;}
.tab_eCoupon li img {
	float: left;
	width: 100%;
	border: 1px solid #e0e0e0;
}
.tab_eCoupon li span {
	float: left;
	margin-top: 15px;
	width: 100%;
	font-size: 16px;
	line-height: 22px;
	transition: 1s;
}
.tab_eCoupon li span b {
	float: left;
	height: 55px;
	font-family: 'NotoSansR', NanumGothic;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: -.5px;
	color: #121212;
}
.tab_eCoupon li:hover span b {
	text-decoration: underline;
	cursor: pointer;
}
.tab_eCoupon li span em {
	float: left;
	width: 100%;
	font-family: "Spoqa-Regular", 'NotoSansR', NanumGothic;
	font-style: normal;
}
.tab_eCoupon li span em ins {
	font-family: "Spoqa-Light", 'NotoSansL', NanumGothic;
	color: #999;
	text-decoration: line-through;
}
.tab_eCoupon li span em strong {
	letter-spacing: -.5px;
	font-size: 18px;
	font-family: "Spoqa-Medium", 'NotoSansM', NanumGothic;
	font-weight: normal;
	margin-left: 8px;
	margin-right: 1px;
}

@media (min-width: 768px) {
	.tab_eCoupon li {width: 50%;}
}
@media (min-width: 992px) {
	.tab_eCoupon li {width: 25%;}
}
@media (min-width: 1200px) {
	.tab_eCoupon li {width: 20%;}
}

@media (max-width: 1199px) {
	.tab_eCoupon li:last-child {display: none;}
} */


.icon-proList {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 999;
	margin-top: -22px;
	padding: 4px 15px;
	opacity: 0;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		 -o-transform: translateX(-50%);
			transform: translateX(-50%);
}
.product-item:hover .icon-proList,
.contentslider-std-sale .sliderkit-panel:hover .icon-proList,
.contentslider-std-wish .sliderkit-panel ul li:hover .icon-proList,
.tab_container .tab_content ul li:hover .icon-proList {
	background: #fff;
	border-radius: 50px;
	opacity: 1;
	-webkit-box-shadow: 2px 2px 3px 0 rgba(35, 37, 40, 0.15);
	   -moz-box-shadow: 2px 2px 3px 0 rgba(35, 37, 40, 0.15);
			box-shadow: 2px 2px 3px 0 rgba(35, 37, 40, 0.15);
	transition: opacity 0.4s linear;
}
.icon-proList i {
	display: table-cell;
	padding: 6px;
	cursor: pointer;
}
.icon-proList i:nth-of-type(2) {display: none;}
.icon-proList i img {
	width: 24px;
	border: none !important;
	opacity: .6;
}
.icon-proList i:hover img {
	opacity: 1;
}

@media (max-width: 991px) {
	.icon-proList i:first-child {display: none;}
	.icon-proList i:nth-of-type(2) {display: table-cell;}
}



/************************** Main Contents **************************/

/* Main Product
 **************************/

.page-index h2 {
	margin-top: 20px;
	margin-bottom: 40px;
	font-family: 'NotoSansM', NanumGothic;
	font-size: 24px;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
}

@media (max-width: 991px) {
	.page-index h2 {
		font-size: 22px;
		margin-top: 40px;
		margin-bottom: 30px;
	}
}
@media (max-width: 375px) {
	.page-index h2 {letter-spacing: -.03em;}
}
@media (max-width: 360px) {
	.page-index h2 {font-size: 23px;}
}



.rollBanner {
	float: left;
	margin: 0;
}
.rollBanner .box a {
	position: relative;
	float: left;
	width: 100%;
	font-weight: 500;
	font-size: 20px;
	color: #444444;
	overflow: hidden;
	background-color: #eee;
	border: 1px solid #e8e8e8;
}
.rollBanner .box img {
	width: 100%;
	min-height: 100%;
}
.rollBanner .box .txt {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 20px;
	text-align: center;
	background-color: rgba(255,255,255,0.95);
}
.rollBanner .box a:hover .txt {
	display: block;
}
.rollBanner .box .txt p {
	margin: 50px 0 5px;
	font-family: 'NotoSansR', NanumGothic;
	font-weight: normal;
	font-size: 15px;
	color: #121212;
}
.rollBanner:first-child .box .txt p {
	margin: 50px 0 10px;
	font-family: 'NotoSansR', NanumGothic;
	font-weight: normal;
	font-size: 18px;
	line-height: 20px;
	color: #121212;
}
.rollBanner .box .txt strong {
	float: left;
	margin: 12px 0 9px;
	width: 100%;
	font-family: 'NotoSansM', NanumGothic;
	font-weight: normal;
	font-size: 18px;
	color: #121212;
}
.rollBanner:first-child .box .txt strong {
	float: left;
	margin: 10px 0 8px;
	width: 100%;
	font-family: 'NotoSansM', NanumGothic;
	font-weight: normal;
	font-size: 20px;
	color: #121212;
}
.rollBanner .box .txt span {
	font-family: 'NotoSansR', NanumGothic;
	font-weight: normal;
	font-size: 13px;
	color: #555555;
}
.rollBanner:first-child .box .txt span {
	font-family: 'NotoSansR', NanumGothic;
	font-weight: normal;
	font-size: 13px;
	color: #555555;
}

.rollBanner .box.noneList a {
	padding-top: 60px;
	font-family: 'NotoSansR', NanumGothic;
	font-weight: normal;
	font-size: 13px;
	color: #999;
	text-align: center;
	background-color: #fafafa;
}
.rollBanner .box.noneList img {
	margin: 0 auto 6px;
	width: 50px;
	min-height: auto;
	transform: none;
	opacity: .6;
}

@media (min-width: 992px) {
	.rollBanner {
		margin: 20px 0 50px;
		width: 22.3%;
	}
	.rollBanner:first-child {
/* 		padding: 0; */
		width: 55.4%;
	}
	.rollBanner .box a {height: 165px;}
	.rollBanner .box .txt p {margin-top: 35px;}
}
@media (min-width: 1200px) {
	.rollBanner .box a {height: 211px;}
	.rollBanner .box .txt p {margin-top: 50px;}
}

@media (max-width: 991px) {
	.rollBanner:first-child {
		margin: 40px 0 0px;
	}
	.rollBanner:nth-of-type(2) {
		padding-right: 0;
	}
	.rollBanner:nth-of-type(3) {
		padding-left: 0;
	}
	.rollBanner:first-child .box a {height: 232px;}
	.rollBanner .box a {height: 305px;}
	.rollBanner:first-child .box .txt p {margin-top: 10%;}
	.rollBanner .box .txt p {margin-top: 25%;}
}
@media (max-width: 767px) {
	.rollBanner:first-child .box a {height: 222px;}
	.rollBanner .box a {height: 292px;}
}
@media (max-width: 639px) {
	.rollBanner:first-child .box a {height: 182px;}
	.rollBanner .box a {height: 239px;}
	.rollBanner .box a:hover .txt {display: none;}
}
@media (max-width: 499px) {
	.rollBanner:first-child .box a {height: 141px;}
	.rollBanner .box a {height: 185px;}
	.rollBanner:first-child .box .txt p {margin-top: 7%;}
	.rollBanner .box .txt p {margin-top: 22%;}
	.rollBanner .box.noneList a {
		padding-top: 35px;
	}
	.rollBanner:first-child .box.noneList a {
		padding-top: 20px !important;
	}
	.rollBanner:nth-of-type(2),
	.rollBanner:nth-of-type(3) {
		margin-top: -1px;
	}
	.rollBanner:nth-of-type(3).rollBanner .box.noneList a {
		border-left: none;
	}
}
@media (max-width: 414px) {
	.rollBanner .box a {height: 162px;}
	.rollBanner:first-child .box a {height: 123px;}
	.rollBanner:first-child .box .txt p {margin-top: 5%;}
	.rollBanner .box .txt p {margin-top: 20%;}
}
@media (max-width: 390px) {
	.rollBanner:first-child .box a {height: 153px;}
	.rollBanner .box a {height: 153px;}
	.rollBanner:first-child .box .txt p {margin-top: 7%;}
	.rollBanner .box .txt p {margin-top: 17%;}
}
@media (max-width: 375px) {
	.rollBanner:first-child .box a {height: 110px;}
	.rollBanner .box a {height: 145px;}
	.rollBanner:first-child .box .txt p {margin-top: 4%;}
}
@media (max-width: 360px) {
/* 	.rollBanner:first-child .box a {height: 107px;} */
	.rollBanner:first-child .box a {height: 93px;}
	.rollBanner .box a {height: 122px;}
}



/* 오늘의 특가
 **************************/

.sliderkit {
	display: none;
	position: relative;
	margin-top: 20px;
	text-align: left;
	overflow: hidden;
}
.sliderkit h2 {
	margin-top: 0;
	margin-bottom: 20px;
	font-family: 'NotoSansM', NanumGothic;
	font-size: 22px;
	font-weight: normal;
	line-height: 20px !important;
	text-align: left;
}
.sliderkit a,
.sliderkit a:hover {text-decoration: none;}
.sliderkit a:focus {outline: 1px dotted #000;/*optional*/}
.sliderkit p {
	margin: 0;
	padding: 0;
	height: 100%;
	line-height: 20px;
	cursor: pointer;
}
.sliderkit p img {
	width: 100%;
	min-height: 100%;
	border: 0;
	background-color: #f8fafd;
}
.contentslider-std-sale {
	padding: 0px;
	width: 100%;
	height: auto;
}

.sliderkit p.adult {
	background-color: #fafafa;
}

.sliderkit p.adult img {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 0;
	width: auto;
	height: auto;
	background-color: transparent;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		 -o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
}

@media (max-width: 991px) {
	.sliderkit {margin-top: 50px;}
}



/* Panel */
.contentslider-std-sale .sliderkit-panels {
	margin: 0px;
	padding: 12px;
	width: 100%;
	height: auto;
	background: transparent;
	border: 1px solid #e8e8e8;
}
.contentslider-std-sale .sliderkit-panel {
	margin: 0 0 -9px;
	padding: 0px;
	width: 100%;
	height: auto;
	line-height: 20px;
	text-align: center;
	overflow: hidden;
	background: transparent;
}
.contentslider-std-sale .sliderkit-panel > em {
	position: relative;
	display: inline-block;
	width: 100%;
	height: auto;
	font-style: normal;
}
.contentslider-std-sale .sliderkit-panel > em p img {
/* 	margin: 0 auto; */
/* 	width: 100%; */
}
.contentslider-std-sale .sliderkit-panel > ul {
	display: inline-block;
	margin: 15px 0 0;
	padding: 0;
	width: 100%;
	cursor: pointer;
}
.contentslider-std-sale .sliderkit-panel .proName {
	float: left;
	width: 100%;
	height: 29px;
	font-family: 'NotoSansR', NanumGothic;
	font-size: 14px;
	white-space: nowrap;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
}
.contentslider-std-sale .sliderkit-panel:hover .proName {
	text-decoration: underline;
	cursor: pointer;
}
.contentslider-std-sale .sliderkit-panel .price {
	float: left;
	margin-top: 7px;
	height: 52px;
	font-family: "Spoqa-Regular", 'NotoSansL', NanumGothic;
	font-weight: normal;
	font-size: 16px;
	text-align: left;
}
.contentslider-std-sale .sliderkit-panel .price ins {
	float: left;
	margin-bottom: 0;
	height: 20px;
	font-family: "Spoqa-Bold", 'NotoSansB', NanumGothic;
	color: #ff6927;
	text-decoration: none;
}
.contentslider-std-sale .sliderkit-panel .price ins .amount {
	float: none;
	margin-right: 8px;
	margin-left: 5px;
	width: auto;
	font-family: "Spoqa-Regular", 'NotoSansR', NanumGothic;
	font-size: 16px;
	color: #999;
	text-decoration: line-through;
}
.contentslider-std-sale .sliderkit-panel .price strong {
	font-family: "Spoqa-Medium", 'NotoSansM', NanumGothic;
	font-weight: normal;
	font-size: 18px;
}
.contentslider-std-sale .sliderkit-panel .price .date {
	float: left;
	margin-top: 5px;
	width: 100%;
	height: 22px;
	font-family: "Spoqa-Regular", 'NotoSansR', NanumGothic;
	font-size: 13px;
	line-height: 1.85rem;
	color: #333;
}
.contentslider-std-sale .sliderkit-panel .explain {
	float: left;
	margin-top: 7px;
	width: 85%;
	min-height: 20px;
	font-size: 12px;
	color: #888888;
	text-align: left;
}

/* Panels buttons */
.contentslider-std-sale .sliderkit-go-btn {
	position: absolute;
	top: 0px;
	z-index: 10;
}
.contentslider-std-sale .sliderkit-go-prev {right: 22px;}
.contentslider-std-sale .sliderkit-go-next {right: 0px;}
.contentslider-std-sale .sliderkit-go-btn a {
	display: block;
	width: 22px;
	height: 23px;
	background: transparent url("../../images/kr/main/btn.gif") no-repeat 0 0;
	cursor: pointer;
}
.contentslider-std-sale .sliderkit-go-prev a {background-position: 0 0;}
.contentslider-std-sale .sliderkit-go-next a {background-position: -22px 0;}
/*.contentslider-std-sale .sliderkit-go-prev a:hover {background-position: -44px 0;}
.contentslider-std-sale .sliderkit-go-next a:hover {background-position: -66px 0;}*/
.contentslider-std-sale .sliderkit-go-btn span {display: none;}

@media (min-width: 640px) {
	.contentslider-std-sale .sliderkit-panels {padding: 20px;}
}
@media (min-width: 992px) {
	.contentslider-std-sale .sliderkit-panel .price {height: 37px;}
}
@media (min-width: 1200px) {
	.contentslider-std-sale .sliderkit-panel .price {height: 46px;}
}

@media (max-width: 991px) {
	.contentslider-std-sale .sliderkit-panel {margin-bottom: 0;}
}



/* 우리들의 위시리스트
 **************************/

.contentslider-std-wish {
	padding: 0px;
	width: 100%;
	height: auto;
}

/* Panel */
.contentslider-std-wish .sliderkit-panels {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: auto;
	background: transparent;
	border-top: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
}
.contentslider-std-wish .sliderkit-panel {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: auto;
	line-height: 20px;
	overflow: hidden;
	background: transparent;
}
.contentslider-std-wish .sliderkit-panel ul {margin-bottom: 0px;}
.contentslider-std-wish .sliderkit-panel ul li {
	position: relative;
	float: left;
	margin: 0px;
	padding: 12px;
	width: 50%;
	height: 400px;
	vertical-align: top;
	overflow: hidden;
	border-bottom:1px solid #e8e8e8;
	border-left:1px solid #e8e8e8;
}
.contentslider-std-wish .sliderkit-panel ul li > em {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	font-style: normal;
}
.contentslider-std-wish .sliderkit-panel ul li > span {
	float: left;
	width: 100%;
	cursor: pointer;
}
.contentslider-std-wish .sliderkit-panel ul li > span > dl {
	margin: 0;
	padding: 0;
}
.contentslider-std-wish .sliderkit-panel ul li > span:hover .proName {
	text-decoration: underline;
	cursor: pointer;
}
.contentslider-std-wish .sliderkit-panel ul li > span .proName {
	margin-top: 5px;
	height: 43px;
	font-family: 'NotoSansR', NanumGothic;
	font-size: 14px;
	text-align: left;
	overflow: hidden;
}
@media (max-width: 499px) {
	.contentslider-std-wish .sliderkit-panel ul li > span {
		padding-top: 10px;
	}
	.contentslider-std-wish .sliderkit-panel ul li > span .price {
		margin: 7px 0 2px !important;
	}
	.contentslider-std-wish .sliderkit-panel ul li > span .proName {
		height: 41px;
	}
}
.contentslider-std-wish .sliderkit-panel ul li > span .price {
	margin: 15px 0 10px;
	font-family: "Spoqa-Regular", 'NotoSansR', NanumGothic;
	font-size: 16px;
	line-height: 20px;
}
.contentslider-std-wish .sliderkit-panel ul li > span .price ins {
	float: left;
	margin-right: 8px;
	margin-bottom: 5px;
	width: auto;
	font-family: "Spoqa-Bold", 'NotoSansB', NanumGothic;
	color: #ff6927;
	text-decoration: none;
}
.contentslider-std-wish .sliderkit-panel ul li > span .price ins .amount {
	float: none;
	margin-left: 5px;
	width: auto;
	font-family: "Spoqa-Regular", 'NotoSansR', NanumGothic;
	font-size: 16px;
	color: #999;
	text-decoration: line-through;
}
.contentslider-std-wish .sliderkit-panel ul li > span .price strong {
	font-family: "Spoqa-Medium", 'NotoSansM', NanumGothic;
	font-weight: normal;
	font-size: 18px;
}
.contentslider-std-wish .sliderkit-panel ul li > span .price .date {
	float: left;
	margin-top: 0;
	width: 100%;
	height: 22px;
	font-family: 'NotosansL';
	font-size: 13px;
	line-height: 1.85rem;
	color: #333;
}
.contentslider-std-wish .sliderkit-panel ul li > span .explain {
	min-height: 50px;
	font-size: 12px;
	line-height: 18px;
	color: #888888;
}

@media (min-width: 640px) and (max-width: 767px) {
	.contentslider-std-wish .sliderkit-panel ul li {height: 176px;}
	.contentslider-std-wish .sliderkit-panel ul li > span .price .date {
		line-height: 1.35rem;
		letter-spacing: -.05em;
	}
}
@media (min-width: 640px) {
	.contentslider-std-wish .sliderkit-panel ul li {padding: 20px;}
	.contentslider-std-wish .sliderkit-panel ul li > em {width: 45%;}
	.contentslider-std-wish .sliderkit-panel ul li > span {
		margin-left: 3%;
		width: 52%;
	}
	.contentslider-std-wish .sliderkit-panel ul li > span .proName {margin-top: 0;}
	.contentslider-std-wish .sliderkit-panel ul li > span .price ins {
		margin-right: 0;
		width: 100%;
	}
	.contentslider-std-wish .sliderkit-panel ul li > span .price .date {margin-top: 5px;}
}
@media (min-width: 768px) {
	.contentslider-std-wish .sliderkit-panel ul li {height: auto;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.contentslider-std-wish .sliderkit-panel ul li > span .price .date {letter-spacing: -.05em;}
}
@media (min-width: 992px) {
	.contentslider-std-wish .sliderkit-panel ul li {height: 192px;}
	.contentslider-std-wish .sliderkit-panel ul li > em {width: 49%;}
	.contentslider-std-wish .sliderkit-panel ul li > span {
		margin-left: 3%;
		width: 48%;
	}
	.contentslider-std-wish .sliderkit-panel ul li > span .proName {min-height: 60px;}
	.contentslider-std-wish .sliderkit-panel ul li > span .price .date {margin-top: 8px;}
}
@media (min-width: 1200px) {
	.contentslider-std-wish .sliderkit-panel ul li {height: 238px;}
	.contentslider-std-wish .sliderkit-panel ul li > em {width: 54.7%;}
	.contentslider-std-wish .sliderkit-panel ul li > span {
		margin-left: 4%;
		width: 41.3%;
	}
	.contentslider-std-wish .sliderkit-panel ul li > span .proName {max-height: 100px;}
	.contentslider-std-wish .sliderkit-panel ul li > span .price .date {margin-top: 15px;}
}

@media (max-width: 600px) {
	.contentslider-std-wish .sliderkit-panel ul li {height: 380px;}
}
@media (max-width: 550px) {
	.contentslider-std-wish .sliderkit-panel ul li {height: 378px;}
	.contentslider-std-wish .sliderkit-panel ul li > span .price ins {width: 100%;}
}
@media (max-width: 499px) {
	.contentslider-std-wish .sliderkit-panel ul li {height: 315px;}
}
@media (max-width: 413px) {
	.contentslider-std-wish .sliderkit-panel ul li {height: 313px;}
}
@media (max-width: 375px) {
	.contentslider-std-wish .sliderkit-panel ul li {height: 300px;}
}
@media (max-width: 360px) {
	.contentslider-std-wish .sliderkit-panel ul li {height: 295px;}
}


/* Panels buttons */
.contentslider-std-wish .sliderkit-go-btn {
	position: absolute;
	top: 0px;
	z-index: 10;
}
.contentslider-std-wish .sliderkit-go-prev {right: 22px;}
.contentslider-std-wish .sliderkit-go-next {right: 0px;}
.contentslider-std-wish .sliderkit-go-btn a {
	display: block;
	width: 22px;
	height: 23px;
	background: transparent url("../../images/kr/main/btn.gif") no-repeat 0 0;
	cursor: pointer;
}
.contentslider-std-wish .sliderkit-go-prev a {background-position: 0 0;}
.contentslider-std-wish .sliderkit-go-next a {background-position: -22px 0;}
/*.contentslider-std-wish .sliderkit-go-prev a:hover {background-position: -44px 0;}
.contentslider-std-wish .sliderkit-go-next a:hover {background-position: -66px 0;}*/
.contentslider-std-wish .sliderkit-go-btn span {display: none;}



/* Main Middle Banner
 **************************/

.main_middle_banner {
	margin-top: 70px;
	margin-bottom: 30px;
	background: #edf6f1;
	background-image: url('../../images/kr/main/ban_bg.png');
	background-size: cover;
	background-repeat: no-repeat;
}
.main_middle_banner h2 {
	margin: 42px 0 25px;
	font-family: 'NotoSansM', NanumGothic;
	font-weight: normal;
	font-size: 26px;
	line-height: 35px;
	text-align: center;
}

.arrow-up {
	display: block;
	margin: 0 auto;
	width: 0px;
	height: 0px;
	border: 24px solid transparent;
	border-top-width: 0px;
	border-bottom-color: #fff;
}

@media (max-width: 389px) {
	.main_middle_banner h2 {
		margin: 25px 35px 15px !important;
	}
}
@media (max-width: 499px) {
	.main_middle_banner {
		background-position: top left -110px;
	}
	.main_middle_banner h2 {
		font-size: 24px;
		margin: 25px 49px 15px;
		line-height: 32px;
	}
	.main_middle_banner .arrow-up {
	    border: 20px solid transparent;
	    border-top-width: 0px;
    	border-bottom-color: #fff;
	}
}

@media (min-width: 640px) {
	.main_middle_banner h2 {line-height: 20px;}
}



/* Bottom Tab
 **************************/

.tab-best {
	float: left;
	width: 100%;
	overflow: visible !important;
}
ul.tabs1 {
	margin: 20px 0 0;
	padding: 0;
	font-size: 0;
	list-style-type: none;
}

ul.tabs1 li  {
	display: block;
	position: relative;
	float: left;
	margin: 10px 8px;
	padding: 12px 18px;
	width: auto;
	min-width: 80px;
	font-family: 'NotoSansR', NanumGothic;
	font-size: 15px;
	color: #121212;
	text-align: center;
	text-decoration: none;
	background: #f6f6f6;
	border: 0;
	border-radius:50px;
	outline:none;
}
ul.tabs1 li:nth-child(7) {
	width: auto;
}
ul.tabs1 li:hover {
	color: #121212;
	background: #f3f6fd;
	cursor: pointer;
}
ul.tabs1 li.active,
ul.tabs1 li.active:hover {
	top: 0px;
	font-family: 'NotoSansR', NanumGothic;
	color: #ffffff;
	background: #1c4196;
}
ul.tabs1 li.active:hover {
	text-decoration: none;
}
ul.tabs1 li.active:before {
	content: '';
	display: inline-block;
	position: absolute;
	bottom: -9px;
	left: 50%;
	z-index: 11;
	margin-left: -9px;
	width: 19px;
	height: 9px;
	background-image: none;
}

.tab_container1 {
	clear: both;
	float: left;
	width: 100%;
	background:transparent;
	border-top: none;
}
.tab_content1 {
	display: none;
	margin: 50px auto 0;
	font-size: 12px;
	text-align: center;
}
.tab_container1 .tab_content1 ul {
	margin-bottom: 0;
	padding: 0px;
}

@media (min-width: 992px) {
	ul.tabs1 {
		display: flex;
		width: 100% !important;
		place-content: center;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		transform: none !important;
	}
	ul.tabs1 li:last-child {
		border-right:1px solid #e0e0e0;
	}
}

@media (max-width: 991px) {
/* 	ul.tabs1 {display: none;} */
	ul.tabs1 {
		float: left;
		margin: 0;
		padding: 0;
		width: auto;
		min-width: 1700px;
		height: 100%;
		list-style: none;
	}
	ul.tabs1 li {
		margin: 0 4px;
		font-size: 15px;
/* 		border-radius: 0; */
	}
}


.moreArea {
	float: left;
	margin: 10px auto 0;
	width: 100%;
	text-align: center;
}
@media (max-width: 499px) {
	.btn-more {width: 100% !important;}
}
.btn-more {
	display: inline-block;
	margin: 0;
	padding: 12px 0;
	width: 25%;
	height: 45px;
	font-family: 'NotoSansM', NanumGothic;
	font-size: 15px;
	line-height: 20px;
	color: #121212;
	text-align: center;
	background: #fff;
	border: 1px solid #e5e5e5;
	cursor: pointer;
}
.btn-more:hover {
	border: 1px solid #ebebeb;
	box-shadow: inset 0 5px 9px -5px #efefef,
				inset -5px 0 9px -5px #efefef,
				inset 5px 0 9px -5px #efefef;
}



/* Best Menu Mobile */

.page-index .frame {
	float: left;
	margin: 20px 0 40px;
	width: 100%;
	height: 36px;
	line-height: 32px;
	overflow: hidden;
}
.page-index .frame ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
	height: 100%;
}
.page-index .frame ul li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	width: auto;
	height: 100%;
	text-align: center;
	cursor: pointer;
}
.page-index .frame ul li a {
	border: 2px solid transparent;
}
.page-index .frame ul li a,
.page-index .frame ul li.active a,
.page-index .frame ul li.active a:hover,
.page-index .frame ul li.active a:focus {
	min-width: 100%;
	padding: 0 25px;
	font-family: 'NotosansM';
	font-size: 16px;
	text-align: center;
}
.page-index .frame ul li a em {
	display: none;
}

@media (min-width: 992px) {
	.page-index .frame {
		margin: 0;
		height: 0;
	}
}

@media (max-width: 991px) {
	.page-index .pro-heading .panel-title {
/* 		float: none; */
		width: 100%;
	}
	.page-index .pro-heading > .tab-header {display: none;}
	.page-index .pro-heading button {
		clear: both;
		margin-top: -113px;
	}
	
	.page-index .frame {/* width: auto; */}
}
@media (max-width: 767px) {
	.page-index .pro-heading {overflow: visible !important;}
	
	.page-index .frame {
/* 		margin: 0 0 30px -30px; */
		overflow: visible !important;
	}
}
@media (max-width: 639px) {
	.page-index .frame {
/* 		margin-left: -23px; */
/* 		padding-left: 23px; */
	}
	.page-index .frame ul li a,
	.page-index .frame ul li.active a,
	.page-index .frame ul li.active a:hover,
	.page-index .frame ul li.active a:focus {
		padding: 0 25px;
	}
	
	.page-index .pro-heading button {
		margin-top: -118px;
	}
}
@media (max-width: 499px) {
	.page-index .frame {
		margin-bottom: 20px;
		margin-left: -15px;
		padding-left: 15px;
	}
	.page-index .frame ul li a,
	.page-index .frame ul li.active a,
	.page-index .frame ul li.active a:hover,
	.page-index .frame ul li.active a:focus {
		padding: 0 15px;
	}
	
	.page-index .pro-heading button {
		margin-top: -95px;
	}
}



/************************** Bottom Promotion **************************/

@media (max-width: 991px) {
	.magazine {margin-top: 40px !important;}
}

.magazine {
	margin-top: 70px;
	padding: 40px 0 0;
	width: 100%;
	border-top: 1px solid #e8e8e8;
}
.magazine span:hover {cursor: pointer;}
.magazine b {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
}
.magazine .col-xs-6:nth-child(odd) b:after {
	content: '';
	display: inline-block !important;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -12px;
	border-right: 12px solid transparent;
	border-bottom: 12px solid #fff;
	border-left: 12px solid transparent;
}
.magazine .col-xs-6:nth-child(even) b:before {
	content: '';
	display: inline-block !important;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -12px;
	border-top: 12px solid #fff;
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
}
.magazine img {
	width: 100%;
/* 	min-height: 100%; */
	background-color: #eee;
}
.magazine .noneList {
	padding-top: 50px;
	font-family: 'NotoSansR', NanumGothic;
	font-weight: normal;
	font-size: 13px;
	color: #999;
	text-align: center;
	background-color: #fafafa;
}
.magazine .noneList img {
	margin: 0 auto 6px;
	width: 60px;
	min-height: auto;
	background-color: transparent;
	transform: none;
	opacity: .6;
}
.magazine h3 {line-height: 28px;}
.magazine h3.orange {
	float: left;
	margin: 0;
	padding: 20px 0 3px;
	width: 100%;
	font-family: 'NotoSansM', NanumGothic;
	font-weight: normal;
	font-size: 15px;
	color: #fc6200;
}


@media (max-width: 991px) {
	.magazine h3.blue {padding: 0 !important;}
}


.magazine h3.blue {
	float: left;
	margin: 0;
	padding: 20px 0 3px;
	width: 100%;
	font-family: 'NotoSansM', NanumGothic;
	font-weight: normal;
	font-size: 15px;
	color: #0c6ed1;
}
.magazine h3.gray {
	margin: 0;
	padding: 20px 0 3px;
	font-family: 'NotoSansM', NanumGothic;
	font-weight: normal;
	font-size: 15px;
	color: #858585;
}
.magazine .container .row div:nth-child(3) h3.orange {
	margin: 0;
	padding: 20px 0 3px;
	font-family: 'NotoSansM', NanumGothic;
	font-weight: normal;
	font-size: 15px;
	color: #333;
}
.magazine strong {
	font-family: 'NotoSansM', NanumGothic;
	font-weight: normal;
	font-size: 18px;
	line-height: 20px;
	color: #333;
}
.magazine span:hover p {text-decoration: underline;}
.magazine p {
	margin-bottom: 25px;
	padding: 20px 0 0;
	font-family: 'NotoSansL', NanumGothic;
	font-weight: normal;
	font-size: 13px;
	line-height: 20px;
	color: #666666;
}
.magazine p.line {
	padding-bottom: 30px;
	border-bottom: 1px solid #e8e8e8;
}

@media (min-width: 640px) and (max-width: 767px) {
	.magazine .col-xs-6 {height: 310px;}
}
@media (min-width: 640px) {
	.magazine b {height: 164px;}
	.magazine p.line {
		padding-bottom: 25px;
		border-bottom: none;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.magazine .col-xs-6 {height: 359px;}
}
@media (min-width: 768px) {
	.magazine b {height: 213px;}
}
@media (min-width: 992px) {
	.magazine b {height: 134px;}
}
@media (min-width: 1200px) {
	.magazine b {
		height: 174px;
		background-color: #eee;
	}
}

@media (max-width: 639px) {
	.magazine .col-xs-6 {width: 100%;}
}
@media (max-width: 500px) {
	.magazine b {height: 270px;}
}



/* Notice
 **************************/

.community {
	margin-top: 40px;
	padding-top: 30px;
	border-top: 1px solid #e8e8e8;
}

.community .row {
	margin-right: -15px;
	margin-left: -15px;
}
.community .col-md-4,
.community .col-md-8 {
	padding-right: 15px;
	padding-left: 15px;
}

.community .notice {
	font-size: 12px;
	line-height: 22px;
}
.community .notice h3 {
	margin-bottom: 3px;
}
.community .notice li a {
	float: left;
	padding: 0 20px 0 0;
	width: 100%;
	font-family: 'NotoSansR', NanumGothic;
	font-weight: normal;
	font-size: 13px;
	line-height: 22.5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.community .notice li a:hover {
	text-decoration: underline;
}
.community h3 {
	margin-bottom: 10px;
	font-family: 'NotoSansM', NanumGothic;
	font-weight: normal;
	font-size: 16px;
}
.community .notice ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 88px;
}
.community .notice ul img {
	margin: 0 auto 6px;
	width: 60px;
	transform: none;
}


@media (max-width: 991px) {
	.community {
		margin-top: 20px !important;
		padding-top: 20px !important;
	}
	.community h3 {
		font-family: 'NotoSansB', NanumGothic;
	}
}

@media (min-width: 992px) {
	.community .notice ul {
		height: 87px;
		margin: 6px 0 0;
		border-right: 1px solid #e8e8e8;
	}
}



/* 브랜드
 **************************/

.partnerArea {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

.swiper-brand .swiper-slide {
	width: 20%;
	border: 1px solid #e5e5e5;
}
.swiper-brand .swiper-slide a {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}
.swiper-brand .swiper-slide a img {
	width: 100%;
	height: 100%;
}
.swiper-brand .swiper-slide a span {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	padding: 4px 8px;
	width: 90%;
	font-family: 'NotosansM';
	white-space: nowrap;
	text-align: center;
	text-transform: uppercase;
	background-color: #fff;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		 -o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
}
.brand-prev,
.brand-next {
	width: 25px;
	height: 50px;
}
.brand-prev:after,
.brand-next:after {display: none;}
.brand-prev {
	left: 3px;
	background-image: url('../../images/kr/main/arrow.gif');
	background-position: top -50px left 0;
}
.brand-next {
	right: 3px;
	background-image: url('../../images/kr/main/arrow.gif');
	background-position: top -50px left -25px;
}
.brand-prev.swiper-button-disabled,
.brand-next.swiper-button-disabled {display: none;}

@media (max-width: 991px) {
	.partnerArea {
		position: relative;
		float: left;
		margin-top: 50px;
	}
	.brand-prev {left: -12px;}
	.brand-next {right: -12px;}
}

@media (max-width: 499px) {
	.partnerArea {
		margin-bottom: 20px;
	}
}


/************************** Top Button **************************/

.topbtn {
	display:none;
	position: fixed;
	right: 43px;
	bottom: 120px;
	z-index: 99;
	width: 40px;
	height: 40px;
	background-image: url(../../images/kr/footer/topbtn_img.png);
	background-color: rgba(255,255,255,0);
	background-position: left top;
	background-repeat: no-repeat;
}
.topbtn .screen_out {
	position: absolute;
	top: -9999px;
	left: -9999px;
	width: 1px;
	height: 1px;
	font-size: 1px;
	overflow: hidden;
}



@media (max-width: 767px) {
	.topbtn {right: 32px !important;}
	.hottalk {right: 20px !important;}
}

@media (max-width: 499px) {
	.topbtn {right: 27px !important;}
	.hottalk {right: 15px !important;}
}



/************************** HOT TALK **************************/

.hottalk {
	position: fixed;
	right: 30px;
	bottom: 41px;
	z-index: 99;
	float: right;
}
.hottalk button {
	background: none;
	padding: 0;
}
.hottalk button img {width: 65px;}



/************************** List View Type **************************/

.cd-list dd {
	position: relative;
	float: left;
	margin-bottom: 15px;
	width: 100%;
	height: 212px;
	background-color: #fff;
	border: 1px solid #ececec;
}
.cd-list dd:hover {
	width: 100%;
	height: 212px;
	background-color: #fff;
	border: 1px solid transparent;
	-webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.075);
	   -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.075);
			box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.075);
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
		 -o-transition: all 0.25s ease-in-out;
			transition: all 0.25s ease-in-out;
}
.cd-list dd:nth-of-type(1) {
	margin-top: 0;
}
.cd-list dd:nth-last-of-type(1) {
	margin-bottom: 22px;
}


/* Left
 **************************/

.cd-list dd > label {
	position: absolute;
	top: 12px;
	left: 13px;
}
.cd-list dd > p {
	position: relative;
	float: left;
	margin: 15px 20px 15px 15px;
	width: 180px;
	max-height: 180px;
	cursor: pointer;
}
.cd-list dd > p img {
	width: 180px;
	height: 180px;
	border: 0px solid #ececec;
}
.cd-list dd > p i.number {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 3px 5px;
	min-width: 28px;
	font-style: normal;
	font-family: 'NotosansR';
	font-size: 14px;
	color: #fff;
	text-align: center;
	background-color: #005bac;
}
.cd-list dd > p.adult {
	height: 180px;
	background-color: #fafafa;
}
.cd-list dd > p.adult img {
	position: absolute;
	top: 50%;
	padding: 0 16px;
	width: 100%;
	height: auto;
	min-height: auto;
	background-color: transparent;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		 -o-transform: translateY(-50%);
			transform: translateY(-50%);
}

@media (max-width: 639px) {
	.cd-list dd {
		height: auto;
		min-height: 128px;
		max-height: 183px;
	}
	.cd-list dd:hover {height: auto;}
	.cd-list dd > label {
		top: 14px;
		left: 14px;
		z-index: 9;
	}
	.cd-list dd > p {
		margin: 13px 10px 0 12px;
		width: 85px;
		height: 85px;
	}
	.cd-list dd > p img {
		width: 100%;
		height: auto;
	}
}


/* Info
 **************************/

.cd-list .pro-name {
	float: left;
	width: 50%;
	padding: 15px 0 0;
}
.cd-list .pro-name .cd-soldout {
	position: initial;
	margin-bottom: -10px;
	width: auto;
}
.cd-list .pro-name .cd-soldout span {
	float: left;
	margin-right: 1px;
	padding: 3px 0;
	width: 50px;
}
.cd-list .pro-name .cd-soldout span:nth-of-type(1),
.cd-list .pro-name .cd-soldout span:nth-of-type(2),
.cd-list .pro-name .cd-soldout span:nth-of-type(3) {display: inline-block;}

.cd-list .pro-name .pro-info {
	float: left;
	width: 100%;
	font-size: 15px;
	font-style: normal;
}
.cd-list .pro-name .pro-info a {
	float: left;
	width: 100%;
}
.cd-list .pro-name .pro-info a:hover {
	text-decoration: underline;
}
.cd-list .pro-name .pro-info a b {
	float: left;
	margin-top: 6px;
	width: 100%;
	max-height: 44px;
	font-family: 'NotosansR';
	font-size: 14px;
	line-height: 1.7rem;
	color: #222;
	overflow: hidden;
}
.cd-list .pro-name .pro-info a:hover b {
	text-decoration: underline;
}
.cd-list .pro-name .pro-info a b strong {
	float: left;
	margin-right: 3px;
	font-family: 'NotosansM';
	font-size: 14px;
	color: #222;
}
.cd-list .pro-name .pro-info a b i.number {
	float: left;
	margin-right: 5px;
	height: auto;
	font-style: normal;
	font-family: 'NanumSquareRoundEB';
	font-size: 22px;
	color: #005bac;
	background-color: transparent;
	border-radius: 0;
	opacity: 1;
}
.cd-list .pro-name .pro-info span {
	float: left;
	width: 100%;
	font-size: 13px;
	line-height: 1.9rem;
	color: #999;
}
.cd-list .pro-name .pro-info span b {
	font-family: 'NotosansR';
	cursor: pointer;
}
.cd-list .pro-name .pro-info > strong {
	float: left;
	margin-top: 2px;
	width: 100%;
	font-family: 'NotosansL';
	font-size: 12px;
/* 	letter-spacing: -.07em; */
	line-height: 1.35rem;
	color: #999;
}
.cd-list .pro-name .pro-info > strong span {
	float: none;
	margin-left: 15px;
	width: auto;
	letter-spacing: initial;
	color: #333;
}

.cd-list .pro-name .pro-price {
	float: left;
	margin-top: 2px;
	width: 100%;
	font-family: 'Spoqa-Bold', 'NotosansB';
	font-size: 18px;
	font-weight: normal;
	line-height: 2.5rem;
	color: #222;
}
.cd-list .pro-name .pro-price i {
	margin-right: 5px;
	font-style: normal;
	font-family: "Spoqa-Bold", 'NotoSansB';
	font-weight: normal;
	font-size: 16px;
	color: #ff6927;
}
.cd-list .pro-name .pro-price b {
	display: inline;
	float: none;
	margin-right: 9px;
	width: 100%;
	font-family: 'Spoqa-Regular', 'NotosansR';
	font-size: 16px;
	font-weight: normal;
/* 	letter-spacing: -0.04em; */
	word-spacing: 0.04em;
	color: #999;
	text-align: center;
	text-decoration: line-through;
	text-decoration-thickness: 1px;
}
.cd-list .pro-name .pro-price b .won {display: none;}
.cd-list .pro-name .pro-price .won {
	margin: 0;
	font-family: 'NotosansR';
	font-size: 18px;
	color: #333;
}
.cd-list .pro-name .pro-price span {
	margin-left: 15px;
	font-family: 'NotosansL';
	font-size: 13px;
	color: #999;
}
.cd-list .pro-name p {
	position: absolute;
	bottom: 13px;
	float: left;
	margin: 3px 0 0;
	width: 50%;
	height: 35px;
	font-family: 'NotosansL';
	font-size: 13px;
	line-height: 1.5rem;
	color: #999;
	overflow: hidden;
}
.cd-list .pro-name p b,
.cd-list .pro-name p strong,
.cd-list .pro-name p span,
.cd-list .pro-name p em {
	font-style: normal;
	font-family: 'NotosansR';
}

@media (min-width: 992px) {
	.cd-list dd > p {position: absolute;}
	.cd-list .pro-name {
		position: absolute;
		left: 215px;
		height: 100%;
	}
}
@media (min-width: 1200px) {
	.cd-list .pro-name {width: 57%;}
	.cd-list .pro-name .pro-info a b {/* max-height: 46px; */}
	.cd-list .pro-name p {width: 57%;}
}
@media (min-width: 1300px) {
	.cd-list .pro-name {width: 50%;}
	.cd-list .pro-name p {width: 50%;}
}

@media (max-width: 639px) {
	.cd-list .pro-name {
		padding-top: 14px;
		padding-bottom: 10px;
		width: 65%;
	}
	.cd-list .pro-name .cd-soldout span {
		margin-right: 3px;
		padding: 2px 5px;
		width: 50px;
		font-size: 11px;
		letter-spacing: -.04em;
	}
	.cd-list .pro-name .pro-info a b {max-height: 61px;}
	.cd-list .pro-name .pro-price {
		margin-top: 7px;
		line-height: 1.55rem;
	}
	.cd-list .pro-name p {
		position: initial;
		bottom: 15px;
		left: 10px;
		width: 94%;
		height: auto;
		max-height: 35px;
	}
}
@media (max-width: 499px) {
	.cd-list .pro-name {width: 71%;}
}
@media (max-width: 413px) {
	.cd-list .pro-name {width: 70%;}
}
@media (max-width: 385px) {
	.cd-list .pro-name {width: 69%;}
}
@media (max-width: 375px) {
	.cd-list .pro-name {width: 68%;}
}
@media (max-width: 360px) {
	.cd-list .pro-name {width: 67%;}
}


/* Right
 **************************/

.cd-list .level {
	position: absolute;
	bottom: 15px;
	right: 15px;
	margin: 0;
	padding: 0;
}
.cd-list .level ul {
	float: left;
	width: 100%;
	padding: 14px 0 0;
}
.cd-list .level li {
	float: left;
}
.cd-list .level button {
	display: none;
	margin-bottom: 3px;
	padding: 7px 0;
	width: 110px;
	height: 33px;
	font-family: 'NotosansR';
	font-size: 13px;
	color: #222;
	background-color: #fff;
	border: 1px solid #d5d5d5;
}
.cd-list .level button:hover {
	color: #222;
	background-color: #f7f7f7;
	border: 1px solid #d5d5d5;
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
		 -o-transition: all 0.25s ease-in-out;
			transition: all 0.25s ease-in-out;
}
.cd-list .level button:nth-of-type(1),
.cd-list .level button:nth-of-type(2),
.cd-list .level button:nth-of-type(3),
.cd-list .level button:nth-of-type(4) {display: block;}

.cd-list .level button.btn-basket-list {
	color: #fff;
	background-color: #1a70d3;
	border: 1px solid transparent;
}
.cd-list .level button:hover.btn-basket-list {
	color: #fff;
	background-color: #075cbf;
	border: 1px solid transparent;
}
.cd-list .level button.btn-basket-line {
	color: #222;
	background-color: #f7f7fa;
	border: 1px solid #e1e1e1;
}
.cd-list .level button:hover.btn-basket-line {
	color: #222;
	background-color: #ededf3;
	border: 1px solid #e1e1e1;
}
.cd-list .level button.btn-basket-buy {
	color: #fff;
	background-color: #1abac4;
	border: 1px solid transparent;
}
.cd-list .level button:hover.btn-basket-buy {
	color: #fff;
	background-color: #05a3ad;
	border: 1px solid transparent;
}
.cd-list .level button.btn-default {
	color: #0c6eaf;
	background-color: #fff;
	border: 2px solid #0c6eaf;
}
.cd-list .level button.btn-addon {
	margin: 0;
	padding: 0;
	width: 40px;
	color: #fff;
	background-color: #999;
	border: 0px solid transparent;
}
.cd-list .level button.btn-addon i {
	margin: 0;
	width: 40px;
	height: 40px;
	line-height: 41px;
}
.cd-list .level li input[type="text"] {
	width: 70px !important;
	height: 40px;
	background: #fff;
	border-radius: 0;
	border: 1px solid #dce1e4 !important;
	box-shadow: none !important;
	font-size: 13px;
	text-align: center;
	padding: 6px 10px !important;
	margin: 0 -1px;
}

@media (min-width: 1200px) {
	.cd-list .level button {width: 140px;}
}

@media (max-width: 639px) {
	.cd-list .level {
		top: 105px;
		left: 12px;
	}
	.cd-list .level button.btn-addon {
		width: 25px;
		height: 25px;
	}
	.cd-list .level button.btn-addon i {
		width: 25px;
		height: 25px;
		font-size: 11px;
		line-height: 25px;
	}
	.cd-list .level li input[type="text"] {
		width: 37px !important;
		height: 25px;
	}
	.cd-list .level button.btn-basket-list,
	.cd-list .level button.btn-basket-line {
		margin-top: 4px;
		padding: 3px 0;
		width: 85px;
		height: 30px;
		font-size: 12px;
		letter-spacing: -.05em;
	}
}


.delivery-pop h1 {
	margin: 0;
	padding: 10px 30px 20px 15px;
/* 	width: 100%; */
	font-weight: normal !important;
	font-size: 20px;
	color: #ffffff;
/* 	background: #25b82b; */
	background: linear-gradient(145deg,#25b82b,#504cf0);
/* 	border-top: 5px solid #009f65; */
/* 	border-radius: 12px 12px 0 0; */
}
.delivery-pop h1 b {
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	width: 100%;
	/* text-align: center; */
}
.delivery-pop h1 button.close {
	float: right;
	margin: -37px -16px 0 0;
	opacity: 1;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	text-shadow: none;
	color: #000;
	background: transparent;
}
.delivery-pop h1 button.close:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	filter: alpha(opacity=50);
	opacity: .5;
}
.delivery-pop h1 button.close span {
	margin: 0;
	font-size: 28px;
	color: #fff;
	font-weight: normal;
	text-shadow: none;
}
.delivery-pop  h1 span {
	margin-right: 15px;
	font-size: 15px;
}

.delivery-pop .title {
	float: left;
	margin: 25px 0 10px;
	padding: 5px 20px 0;
/* 	width: 100%; */
	font-family: 'NotosansM';
	font-size: 18px;
	background-color: #fff;
}
.delivery-pop > dl {
	padding-right: 20px;
	padding-left: 20px;
}
.delivery-pop > dl dd {
	float: left;
	margin-bottom: 15px;
	width: 100%;
	height: auto;
	min-height: 128px;
	max-height: 183px;
	background-color: #fff;
	border: 1px solid #ececec;
}
.delivery-pop > dl dd > p {
	position: relative;
	float: left;
	margin: 15px 20px 15px 15px;
	width: 180px;
	max-height: 180px;
	cursor: pointer;
		margin: 13px 10px 0 12px;
		width: 85px;
		height: 85px;
}
.delivery-pop > dl dd > p img {
	width: 100%;
	height: auto;
}
.delivery-pop .pro-name {
	float: left;
	width: 50%;
	padding: 15px 0 0;
		padding-top: 14px;
		padding-bottom: 10px;
		width: 65%;
}
.delivery-pop .pro-name .pro-info {
	float: left;
	width: 100%;
	font-size: 15px;
	font-style: normal;
}
.delivery-pop .pro-name .pro-info a {
	float: left;
	width: 100%;
}
.delivery-pop .pro-name .pro-info > strong {
	float: left;
	margin-top: 2px;
	width: 100%;
	font-family: 'NotosansL';
	font-size: 12px;
/* 	letter-spacing: -.07em; */
	line-height: 2.15rem;
	color: #999;
}
.delivery-pop .pro-name > p {
	float: left;
	margin: 3px 0 0;
	width: 50%;
	height: 35px;
	font-family: 'NotosansL';
	font-size: 13px;
	line-height: 1.5rem;
	color: #999;
	overflow: hidden;
		width: 94%;
		height: auto;
		max-height: 35px;
}

.delivery-pop table tr th {
	padding: 5px 0px;
	height: 37px;
	background-color: transparent;
	border-bottom: none;
}
.delivery-pop table tr td {
	padding: 5px 0px;
	height: 37px;
	border-bottom: none;
}

.delivery-pop .tableth {
	float: none;
	padding: 0 20px;
	width: auto;
}
.delivery-pop .tableth table {
	padding-top: 10px;
}
.delivery-pop .tableth tr:first-child th,
.delivery-pop .tableth tr:first-child td {
	padding-top: 15px;
}
.delivery-pop .tableth th.address {
	padding-top: 13px;
	vertical-align: text-top;
}
.delivery-pop .tableth .form-control {
	padding-right: 10px !important;
	padding-left: 10px !important;
	width: 100% !important;
	height: 34px;
}
.delivery-pop .tableth .address .form-control {
	margin-top: 5px;
}
.delivery-pop .tableth .address .form-control:first-child {
	margin-top: 0;
	width: 79% !important;
}
.delivery-pop .tableth .address .btn {
	float: right;
}
.delivery-pop .tableth table tr td textarea {
	line-height: 1.7;
	resize: none;
}

.delivery-pop .table-view {
	float: left;
	padding: 0 20px 20px;
	width: 100%;
	border-top: 0px solid #aaa;
	border-bottom: 0px solid #ccc;
}

.address-buttons {
	margin-top: 20px !important;
	margin-bottom: 30px;
	padding: 0 20px;
}
.address-buttons .btn {
	padding: 10px 0;
	width: 100%;
	font-family: 'NotosansM';
	font-size: 15px !important;
}