/*-------------------------------------------------
Version : 1.0
Author : CHO SUN YOUNG
Create date : 2016. 01. 18.
Last update : 2016. 01. 18.
-------------------------------------------------*/

.full-category {top: 190px; left: 50%; margin-left: -500px; width: 315px; display: none;}
.full-category .title-layout {padding: 0 25px; width: 100%; height: 50px; line-height: 50px; background: url(../../images/korean/common/bg04.png) repeat left top; box-sizing: border-box;}
.full-category .title-layout h2 {float: left; color: #fff;}

.content-layout {position: relative; clear: both; width: 100%; overflow: hidden;}
.content-layout h2 {font-size: 20px; color: #444;}

/* 상단영역 */
.content-T {margin: 40px auto 0; width: 1000px; height: 462px;}
.content-T-L {float: left; width: 315px;}

.content-T-L .ca-depth01 {margin-top: 7px;}
.content-T-L .ca-depth01 li {margin-top: -1px;}
.content-T-L .ca-depth01 li p {padding: 0 15px;}

.content-T-L .ca-depth02 {padding: 0;}
.content-T-L .ca-depth02 li {float: left; margin: 0; width: 50%;}
.content-T-L .ca-depth02 li a {display: block; padding-left: 24px; height: 37px; line-height: 37px; background: url(../../images/korean/common/bu02.png) no-repeat 16px center; border-right: 1px solid #d7d8dd; border-bottom: 1px solid #d7d8dd;}
.content-T-L .ca-depth02 li:nth-child(2n+1) a {border-left: 1px solid #d7d8dd;}
.content-T-L .ca-depth02 li.blocked {width:100%}
.content-T-L .ca-depth02 li.blocked a {border-left: 1px solid #d7d8dd;}

.content-T-C {position: relative; float: left; margin-left: 35px; margin-top: 35px; width: 315px;}

/*
.content-T-C .list {width: 100%; height: 430px; overflow: hidden;}
.content-T-C .list li {width: 100%; height: 430px;}
.content-T-C .btn-layout {position: absolute; right: 15px; bottom: 25px; overflow: hidden;}
.content-T-C .btn {float: left; overflow: hidden;}
.content-T-C .btn li,
.content-T-C .btn-layout span {float: left; margin-left: 5px;}
*/

.content-T-R {float: right; margin-top: 35px; width: 300px; font-size: 11px; color: #808080; overflow: hidden;}
.content-T-R-T {height: 150px; border-bottom: 1px solid #e3e3e3; overflow: hidden;}
.content-T-R-T .login {display: none;}
.content-T-R-T .login.on {display: block;}

.content-T-R .f-size {font-size: 13px;}

/* 로그인 정보 없을때 */
.content-T-R-T .login-layout {margin-top: 10px; overflow: hidden;}
.content-T-R-T .login-layout .login-layout-T {overflow: hidden;}
.content-T-R-T .login-layout-T .floatL {width: 213px; height: 72px; border: 1px solid #e3e3e3;}
.content-T-R-T .login-layout-T .floatL input {padding: 0 10px; width: 100%; height: 35px; line-height: 35px; border: none;}
.content-T-R-T .login-layout-T .floatL input[type="text"] {border-bottom: 1px solid #e3e3e3;}
.content-T-R-T .login-layout-T .floatR {}
.content-T-R-T .login-layout .login-layout-B {margin-top: 13px; overflow: hidden;}

/* 로그인 정보 있을때 */
.content-T-R-T .login-info {padding: 20px; padding-left: 65px; height: 70px; line-height: 1.2; background: url(../../images/korean/common/bg02.png) no-repeat 20px 18px; border: 1px solid #e3e3e3;}
.content-T-R-T .login-info .name {font-size: 15px; color: #d81a21;}
.content-T-R-T .btn-list {border-right: 1px solid #e3e3e3; overflow: hidden;}
.content-T-R-T .btn-list li {float: left; width: 99px; height: 30px; border-left: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;}
.content-T-R-T .btn-list li a {display: block; height: 30px; line-height: 30px; text-align: center;}

.content-T-R-C {margin-top: 15px; overflow: hidden;}
.content-T-R-C .title-layout {margin-bottom: 9px; height: 30px;}
.content-T-R-B {margin-top: 10px; padding: 20px; font-weight: 700; background: #f5f6f8  url(../../images/korean/main/bg01.png) no-repeat right bottom; border: 1px solid #e3e3e3;}
.content-T-R-B .txt-number {font-size: 20px; color: #323232; letter-spacing: -0.1em;}
.content-T-R-B .bank {color: #323232;}
.content-T-R .kgb {border: 1px solid #e3e3e3; border-top: none;}

/* 가운데영역 */
.content-C {clear: both; margin-bottom: 60px; overflow: hidden;}
.content-C .title-layout {margin: 40px auto 15px; width: 1000px;}
.content-C .title-layout h2 {float: left; height: 25px; line-height: 25px; font-size: 21px; color: #000;}
.content-C .title-layout .title-prod-list {float: left; margin-top: 5px; margin-left: 25px;}
.content-C .title-layout .title-prod-list li {float: left; padding-left: 20px; background: url(../../images/korean/common/bar01.png) no-repeat 9px center;}
.content-C .title-layout .title-prod-list li:first-child {padding-left: 0; background: none;}
.content-C .title-layout .title-prod-list li a {color: #595a5a;}
.content-C .title-layout .title-prod-list li.on a {color: #d81a21;}
.content-C .title-layout .btn {float: right;}

/* 이달의 베스트상품 */
.content-C .full-BG {width: 100%; height: 258px; background: #f5f6f8; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;}
.content-C .full-BG-inner {margin: 0 auto; padding: 20px 0; width: 1000px; height: 258px; overflow: hidden;}
.content-C .product-list-best {float: left; height: 258px; background: url(../../images/korean/main/bg03.png) no-repeat center bottom; overflow: hidden;}
.content-C .product-list-best li {position: relative; float: left; margin-left: 0; width: 140px; height: 258px; overflow: hidden;}
.content-C .product-list-best li a {display: block; width: 138px; height: 208px; background: #fff; border: 1px solid #e3e3e3; overflow: hidden;}

.content-C .product-list-best li .name {padding: 10px; height: 36px; font-size: 15px; font-weight: 700; color: #323232; border-bottom: 1px solid #e3e3e3; overflow: hidden;}
.content-C .product-list-best li .picture {width: 100%; height: 115px; line-height: 115px; text-align: center; overflow: hidden;}
.content-C .product-list-best li .picture img {max-width: 100%;}

.content-C .product-list-best li .price {padding: 10px 0; border-top: 1px solid #e3e3e3; overflow: hidden;}
.content-C .product-list-best li .price .sale {display: inline-block; float: left; width: 45%; text-align: center; font-size: 32px; font-weight: 700; color: #d81a21; letter-spacing: -0.05em;}
.content-C .product-list-best li .price .per {font-size: 20px;}
.content-C .product-list-best li .price .cost {display: inline-block; float: right; width: 50%; text-align: left; color: #ba820b;}
.content-C .product-list-best li .price .prime-cost {display: inline-block; margin-bottom: 3px; font-size: 13px; color: #808080; text-decoration: line-through; overflow: hidden;}
.content-C .product-list-best li .price .discount {color: #d81a21;}
.content-C .product-list-best li .category {margin-top: -1px; padding-top: 30px; height: 15px; text-align: center; color: #323232; background: url(../../images/korean/main/bg04.png) no-repeat center top;}

/*
.content-C .product-list-best li:first-child {margin-left: 0; width: 314px;}
.content-C .product-list-best li:first-child a {width: 312px; height: 256px;}
.content-C .product-list-best li:first-child a .name {padding: 15px 15px 0 15px; height: 20px; font-size: 15px; font-weight: 700; color: #323232; border-bottom: 1px solid #e3e3e3; overflow: hidden;}
.content-C .product-list-best li:first-child a .picture {width: 100%; height: 180px; text-align: center; overflow: hidden;}
.content-C .product-list-best li:first-child a .price {padding: 0; height: 40px; line-height: 40px; text-align: center;}
.content-C .product-list-best li:first-child a .price span {display: inline-block; line-height: 40px; height: 40px; vertical-align: top;}
.content-C .product-list-best li:first-child a .price .sale {float: none; width: auto; font-size: 35px; font-weight: 700; color: #d81a21;}
.content-C .product-list-best li:first-child a .price .per {font-size: 20px;}
.content-C .product-list-best li:first-child a .price .cost {float: none; width: auto;}
.content-C .product-list-best li:first-child a .price .prime-cost {margin-left: 10px;}
.content-C .product-list-best li:first-child a .price .discount {padding-left: 20px; color: #d81a21; background: url(../../images/korean/main/bu02.png) no-repeat 3px center;}
*/

.content-C .full-BG-inner .bx-wrapper {float: left; margin: 0 15px !important;}
.content-C .full-BG-inner .btn.prev {float: left;}
.content-C .full-BG-inner .btn.next {float: left;}
.content-C .full-BG-inner .btn a {display: inline-block; width: 33px; height: 210px; line-height: 210px; text-align: center; background: #fff; border: 1px solid #e3e3e3; overflow: hidden;}

.content-B {height: 48px; text-align: right; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;}

.tab-style01 {position: relative; width: 100%; height: 180px; background: url(../../images/korean/main/tab-bg.png) no-repeat left top;}
.tab-style01 > li {float: left; margin-left: 15px;}
.tab-style01 > li:first-child {margin-left: 0;}
.tab-style01 > li > a {display: inline-block; padding-bottom: 4px;}
.tab-style01 > li > a > span {display: inline-block; padding: 9px 10px;}
.tab-style01 > li.on > a {background: url(../../images/korean/main/bu03.gif) no-repeat center bottom;}
.tab-style01 > li.on > a > span {font-weight: 700; color: #fff; background: #004e80; border-radius: 10px;}
.tab-style01 > li .list {position: absolute; top: 60px; left: 0; width: 360px; height: 120px; overflow: hidden;}
.tab-style01 > li .list li {clear: both; margin-top: 15px; padding-left: 13px; height: 15px; background: url(../../images/korean/main/bu06.gif) no-repeat left 5px; overflow: hidden;}
.tab-style01 > li .list li:first-child {margin-top: 0;}
.tab-style01 > li .list li a {float: left; display: block; width: 270px;}
.tab-style01 > li .list li span.date {float: right; display: block; width: 70px; font-size: 12px; text-align: right; color: #666;}
.tab-style01 > li .btn {position: absolute; top: 10px; right: 15px;}

.tab-style02 {position: relative; width: 200px; height: 495px; border: 1px solid #dbdbdb; border-bottom: none;}
.tab-style02 > li {float: left; width: 50%;}
.tab-style02 > li > a {display: block; padding: 10px; text-align: center; font-size: 15px; color: #555; background: #f4f4f4; border-bottom: 1px solid #dbdbdb;}
.tab-style02 > li:first-child > a {border-right: 1px solid #dbdbdb;}
.tab-style02 > li .list {position: absolute; top: 55px; left: 0; width: 200px; overflow: hidden;}
.tab-style02 > li .list li {padding-left: 20px; margin-bottom: 15px; background: url(../../images/korean/main/bu04.gif) no-repeat 14px center;}
.tab-style02 > li .list li a {display: inline-block; padding: 3px 20px 3px 0; color: #666; background: url(../../images/korean/main/bu05.gif) no-repeat right center;}
.tab-style02 > li.on > a {background: #fff; color: #004e80; border-bottom: none;}

/* 버튼 */
.btn-style01 {display: inline-block; padding: 0 60px; height: 50px; line-height: 50px; font-size:16px; font-weight: 700; color: #fff; background: #636262; border: none;}
.btn-style01-01 {background: #d81a21;}
.btn-style01-02 {background: #636262;}
.btn-style01-03 {background: #7c7c7c;}
.btn-style01-04 {background: #252525;}

.btn-style02 {display: inline-block; padding: 0; width: 55px; height: 25px; line-height: 25px; text-align: center; font-size: 11px; font-weight: 700; color: #fff; border: none;}
.btn-style02-01 {background: #38210f;}

.btn-style03 {display: inline-block; padding: 0; width: 100px; height: 30px; line-height: 30px; text-align: center; vertical-align: middle; font-size: 14px; font-weight: 700; color: #fff; border: none;}


/* ========================================== 모바일 반응형 */

@media (max-width: 800px) { 
	.full-category {margin-left: -335px;}

	.content-layout {margin: 0 auto; max-width: 670px;}

	.content-T {margin: 40px auto 0; width: auto;}

	.content-T-L {width: 48%;}
	.content-T-C {margin-left: 4%; width: 48%;}

	.content-C .full-BG-inner {width: 660px; overflow: hidden;}
	.content-C .full-BG-inner .btn a {width: 28px;}
	.content-C .full-BG-inner .bx-wrapper {float: left; margin: 0 5px !important; width: 594px;}

	.content-C .title-layout {width: 670px;}
	.hidem {display:none}
}

@media(max-width: 767px) {
	.full-category {top: 50px; left: 0; margin-left: 0; width: 100%; display: block;}
	.full-category .category-layout {display: none;}

	.content-layout {width: 100%;}
	.content-T-C {margin: 0 auto; width: 100%;}

	.content-C {margin-bottom: 0;}
	.content-C .title-layout {margin: 40px auto 15px; width: 100%;}
}