@charset "utf-8";

/*======== content common ========*/
#container {
    position:relative;
}
#container #content {
    width:1200px;
    margin:0 auto;
    padding:40px 0;
}


/*----- top area -----*/
#content .topArea {
    margin-bottom:45px;
}
#content .topArea h2 {
    color:#2b2b2b;
    font-size:24px;
    font-weight:300;
    text-align:center;
    background:url(../images/bg/bg_title.png) bottom repeat-x;
    padding-bottom:10px;
    margin-bottom:30px;
}
.box_tab3 ul {
    justify-content:flex-start;
    border-bottom:2px solid #333;
}
.box_tab3 li {
    display:inline-block;
    width:110px;
    color:#333;
    text-align:center;
    line-height:55px;
    border-left:1px solid #333;
	border-top:1px solid #333;
    border-bottom:1px solid #333;
    border-right:1px solid #333;
    cursor:pointer;
	height:37px;
	line-height:15px;
	padding-top:12px;
	
}

.box_tab3 {
    padding:55px 0 25px;
	font-size:14px;
	line-height:15px;
}
.box_tab2 {
    padding:55px 0 25px;
	font-size:19px;
	line-height:15px;
}
.box_tab2 li img {
	width:10%;
}

.box_tab2 ul {
    justify-content:flex-start;
    border-bottom:2px solid #333;
}
.box_tab2 li {
    display:inline-block;
    width:260px;
    

    text-align:center;
     
    cursor:pointer;
	height:97px;
	line-height:15px;
	padding-top:12px;
	
}
.box_tab2 li:first-child {
     width:10px;
	 
}
.box_tab2 li:nth-child(2) {
	 width:120px;
	 border-left:1px solid #333;
	line-height:50px;
    border-top:1px solid #333;
    border-bottom:1px solid #333;
    border-right:1px solid #333;
	color:white;
	background:red;
}
.box_tab2 li:nth-child(3) {
     width:120px;
	 line-height:50px;
    border-top:1px solid #333;
    border-bottom:1px solid #333;
    border-right:1px solid #333;
	color:white;
	background:red;
}
/*

/*----- order area -----*/
.box_tab {
    padding:35px 0 25px;
	font-size:13px;
	line-height:15px;
}
.box_tab img {
	width:75%;
}

.box_tab ul {
    justify-content:flex-start;
    border-bottom:2px solid #333;
}
.box_tab li {
    display:inline-block;
    width:170px;
    color:#333;
    text-align:center;
    line-height:55px;
    border-top:1px solid #333;
    border-bottom:1px solid #333;
    border-right:1px solid #333;
    cursor:pointer;
	height:57px;
	line-height:15px;
	padding-top:12px;
	
}
.box_tab li:first-child {
    border-left:1px solid #333;
}
/*
.box_tab li.select {
    color:#fff;
    background:#333;
}
*/
.box_tab li strong {
    display:block;
    font-weight:300;
    margin-top:0px;
}
.box_tab li span {
    color:#616161;
    font-size:13px;
}
.box_tab li:first-child strong {
    margin-top:0px;
}
.box_tab li:nth-child(5) {
}
.box_tab li:nth-child(6) {
    
}


/*----- list order -----*/
.orderArea .list_order {
    min-height:400px;
}

.orderArea .list_order .spinner{
    width:23px;
}
.orderArea .list_order table {
    width:100%;
    border-top:1px solid #fb503c;
    margin:25px 0 35px;
}
.orderArea .list_order tr {
    height:40px;
    border-bottom:1px solid #dcdcdc;
    border-right:1px solid #dcdcdc;
}

.orderArea .list_order th.newLine {
   text-align:center;
   background-color: #33ccff;
}


.orderArea .list_order th {
    text-align:center;
    border-right:1px solid #dcdcdc;
	color:#ffffff;
	background:#0066cc;
	 font-family: "¸¼Àº°íµñ", sans-serif;
	
}
.orderArea .list_order td {
    text-align:center;
    border-right:1px solid #dcdcdc;
    border-left:1px solid #dcdcdc;
	 
}


.orderArea .list_order td:nth-of-type(7) {
    color:#fb503c;
}
 
.orderArea .list_order td input[type=number] {
    width:48px;
    height:22px;
}
.orderArea .list_order input[type=radio] {
    margin-right:0;
}
 
.box_list.select {
    display:block;
}
.box_list.select2 {
    display:block;
}

.box_list.select2 img{
    display:block;
	width:100%;
}
.box_list .img_product {
    width:100%;
}


/*----- box cart -----*/
.box_cart {
    width:100%;
    border-top: 2px solid #333;
}
.box_cart > div {
    width:1200px;
    margin:0 auto;
    position:relative;
}
.box_cart .btn_cart {
    width:200px;
    height:45px;
    color:#fff;
    font-size:16px;
    border:none;
    background:#222;
    padding:0 20px;
    position:absolute;
    top:-45px;
    right:0;
}
.box_cart .btn_cart::after {
    content:url(../images/icon/icon_arrow_2.png);
    float:right;
}
.box_cart.active .btn_cart::after {
    transform:rotate(180deg);
}
.box_cart .list_price {
    color:#3b3b3b;
    font-size:15px;
    line-height:40px;
}
.box_cart .list_price > ul {
    padding:40px 0;
}
.box_cart .list_price .text_name {
    margin-right:10px;
}
.box_cart .list_price .num_price {
    margin:0 20px;
}
.box_cart input[type=number] {
    width:49px;
    height:21px;
}
.box_cart .btn_delete {
    width:53px;
    height:28px;
    color:#fff;
    font-size:13px;
    border:none;
    background:#929292;
}
.list_price > div {
    text-align:right;
}
.list_price > div span:first-child {
    display:block;
    color:#fb503c;
    font-size:30px;
}
.list_price > div span:last-child {
    color:#3b3b3b;
    font-size:15px;
}


/*======== content detail ========*/
/*----- box price -----*/
.productWrap {
    align-items:flex-start;
}
.productWrap img {
    width:100px;
}
.productWrap .box_price {
    width:calc(100% - 503px);
    height:auto;
    border-top:2px solid #333;
    border-bottom:1px solid #ededed;
    margin-left:50px;
}
.productWrap .box_price > strong {
    display:block;
    height:85px;
    color:#191919;
    font-size:24px;
    line-height:85px;
    border-bottom:1px solid #ededed;
    padding:0 25px;
}
.productWrap .box_price > ul {
    padding:0 25px;

}
.productWrap .box_price > ul li {
    line-height:20px;
    padding:2px 0;
}
.productWrap .box_price > ul li:first-child,
.productWrap .box_price > ul li:nth-child(3) {
    padding-top:20px;
}
.productWrap .box_price > ul li:nth-child(2),
.productWrap .box_price > ul li:nth-child(5) {
    padding-bottom:20px;
}
.productWrap .box_price > ul:first-child li:nth-child(2) {
    border-bottom:1px solid #ededed;
}
.productWrap .box_price > ul span:first-child {
    display:inline-block;
    width:20%;
    color:#1a1919;
    font-size:15px;
}
.productWrap .box_price > ul span:last-child strong {
    font-size:23px;
    padding-right:5px;
}
.productWrap .box_price > ul li:first-child span:last-child {
    color:#fb503c;
}
.productWrap .box_price input[type=number] {
    width:48px;
    height:22px;
}

.box_btn2 {
    width:100%;
    text-align:center;
    padding:30px 0 60px;
}
 .box_btn2 button {
    width:263px;
    height:58px;
    color:#333;
    font-size:18px;
    font-weight:bold;
    border:1px solid #c8cacc;
    background:none;
}
/*----- box btn -----*/
.box_btn {
    width:100%;
    text-align:right;
    padding:30px 0 60px;
}
 .box_btn button {
    width:263px;
    height:58px;
    color:#333;
    font-size:18px;
    font-weight:bold;
    border:1px solid #c8cacc;
    background:none;
}
.box_btn button:nth-child(2) {
    color:#fff;
    border:none;
    background:#fb503c;

}
.box_btn button:nth-child(3) {
    color:#fff;
    border:none;
    background:#929292;
}


/*----- box tab -----*/
.reviewWrap .box_tab {
    padding-bottom:25px;
}
.reviewWrap .box_tab ul {
    justify-content:flex-start;
    border-bottom:1px solid #e0e0e0;
}
.reviewWrap .box_tab li {
    width:200px;
    height:50px;
    color:#414141;
    font-size:15px;
    text-align:center;
    line-height:50px;
    border-top:1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
    border-right:1px solid #e0e0e0;
    cursor:pointer;
}
.reviewWrap .box_tab li:first-child {
    border-left:1px solid #e0e0e0;
}
.reviewWrap .box_tab li.select {
    color:#fb503c;
    border:1px solid #fb503c;
    background:none;
}
.reviewWrap .box_tab li.select span {
    color:#fb503c;
    margin-left:5px;
}


.reviewTable table tr img {
	width:15%
}
.reviewTable table {
    width:100%;
    color:#2b2b2b;
    font-size:14px;
    margin-bottom:50px;
}
.reviewTable table tr {
    height:40px;
    border-bottom:1px solid #e0e0e0;
}
.reviewTable table td:first-child {
    width:120px;
}

.reviewTable .poTxt{
	font-size:9px;
	color: red;
}


/*======== content cart ========*/
/*----- top area -----*/
#content.cart .topArea {
    width:100%;
    height:130px;
    line-height:130px;
    background:#f5f5f5;
    padding:0 35px;
}
#content.cart .topArea h2 {
    background:none;
    margin:0;
    padding:0;
}
#content.cart .topArea h2::before {
    content:url(../images/icon/icon_cart.png);
    vertical-align:middle;
    padding-right:10px;
}

#content.cart .topArea > ul li img {
    vertical-align:middle;
    padding-right:5px;
}
#content.cart .topArea > ul li:nth-child(2n) {
    margin:0 20px;
}



#content.cart .topArea2 {
    width:100%;
    height:130px;
    line-height:130px;
    background:#f5f5f5;
    padding:0 35px;
}
#content.cart .topArea2 h2 {
    background:none;
    margin:0;
    padding:0;
}
#content.cart .topArea2 h2::before {
     
    vertical-align:middle;
    padding-right:10px;
}

#content.cart .topArea2 > ul li img {
    vertical-align:middle;
    padding-right:5px;
}
#content.cart .topArea2 > ul li:nth-child(2n) {
    margin:0 20px;
}



#content.cart .productWrap table {
    width:100%;
    border-top:1px solid #fb503c;
}
#content.cart .productWrap tr {
    
    border-bottom:1px solid #e0e0e0;
}
#content.cart .productWrap th {
    height:55px;
    font-size:14px;
    border-left:1px solid #e0e0e0;
    border-right:1px solid #e0e0e0;
    background:#f7f7f9;
}
#content.cart .productWrap th:first-child {
    text-align:center;
}
#content.cart .productWrap td {
    height:80px;
    color:#666;
    font-size:14px;
    border-left:1px solid #e0e0e0;
    border-right:1px solid #e0e0e0;
}
#content.cart .productWrap td img {
    margin-right:10px;

}
#content.cart .productWrap tr input[type=checkbox] {
    display:inline-block;
}
#content.cart .productWrap .num_price {
    font-size:14px;
}
#content.cart .productWrap .num_price span:first-child {
    display:block;
    text-decoration: line-through;
}
#content.cart .productWrap .num_price span:last-child {
    color:#fb503c;
}
#content.cart .productWrap td input[type=number] {
    display:inline-block;
    width:49px;
    height:21px;
}
#content.cart .productWrap td .btn_modify {
    display:block;
    width:49px;
    height:28px;
    color:#fff;
    font-size:13px;
    border:none;
    background:#fb503c;
    margin:5px auto 0;
}
#content.cart .productWrap td .btn_delete {
    width:49px;
    height:28px;
    color:#fff;
    font-size:13px;
    border:none;
    background:#929292;
}
#content.cart .orderArea .priceWrap {
    padding:35px 0 90px;
}
#content.cart .box_btn {
    text-align:center;
}
#content.cart .priceWrap .box_price {
    height:150px;
    border-top:2px solid #333;
    border-bottom:1px solid #ededed;
    padding:0 30px;
}
#content.cart .priceWrap .box_price > strong {
    color:#191919;
    font-size:24px;
}
#content.cart .priceWrap .box_price > strong > span {
    color:#fb503c;
}
#content.cart .priceWrap .box_price ul {
    line-height:30px;
}
#content.cart .priceWrap .box_price ul span:first-child {
    display:inline-block;
    width:120px;
    color:#1a1919;
    font-size:15px;
}
#content.cart .selectArea .box_price ul span:first-child {
    width:200px;
}
#content.cart .priceWrap .box_price ul span:last-child {
    color: #646464;
    font-size: 14px;
}
#content.cart .priceWrap .box_price ul span:last-child > a {
    display:inline-block;
    height:30px;
    color:#fff;
    font-size:13px;
    background:#232323;
    padding:0 10px;
}
#content.cart .priceWrap .box_price ul span input[type=text] {
    height:30px;
    border:1px solid #e9e9e9;
}
#content.cart .priceWrap .box_payment {
    text-align:right;
    margin-top:25px;
}
#content.cart .priceWrap .box_payment span:first-child {
    display:inline-block;
    width:120px;
    color:#1a1919;
    font-size:15px;
    text-align:left;
}
#content.cart .priceWrap .box_payment span:last-child {
    color:#fb503c;
    font-size:15px;
}
#content.cart .priceWrap .box_payment span:last-child strong {
    font-size:23px;
}

.selectArea .addressWrap .box_top > ul {
    justify-content:flex-start;
}
.selectArea .addressWrap .box_top > ul > li {
    margin-top:5px;
}
.selectArea .addressWrap table {
    width:100%;
    border-top:1px solid #ababab;
    margin:20px 0 25px;
}
.selectArea .addressWrap table tr {
    height:50px;
    border-bottom:1px solid #ededed;
    padding:5px 0;
}
.selectArea .addressWrap table tr:nth-child(2n) {
    height:100px;
}
.selectArea .addressWrap table th {
    width:130px;
    color:#2b2b2b;
    font-size:15px;
    font-weight:300;
    text-align:center;
    background:#f7f7f9;
}
.selectArea .addressWrap table td {
    padding:0 10px;
}
.selectArea .addressWrap table input[type=text] {
    width:340px;
    height:30px;
    border:1px solid #e9e9e9;
    margin-right:5px;
}

.selectArea .addressWrap table textarea {
	 margin:5px 5px 0 0;
    border:1px solid #e9e9e9;
 
}
.selectArea .addressWrap table tr:nth-child(2) input[type=text] {
    margin:3px 5px 0 0;
}
.selectArea .addressWrap table .num_tell input[type=text] {
    width:115px;
}
.selectArea .addressWrap table button {
    width:136px;
    height:34px;
    color:#2b2b2b;
    font-size:13px;
    border:1px solid #4c5a66;
    background:none;
}
.selectArea .addressWrap table p {
    color:#2b2b2b;
    font-size:13px;
}
.selectArea .addressWrap table p strong {
    color:#fb503c;
}
.selectArea > div .box_top ul {
    margin:15px 0;
}
.selectArea .box_top > strong {
    font-size:24px;
}

.selectArea .payInfo .box_top > ul {
    justify-content:flex-start;
}
.selectArea .payInfo .box_top > ul > li {
    margin-top:5px;
}
.selectArea .payInfo table {
    width:100%;
    border-top:1px solid #ababab;
    margin:20px 0 25px;
}
.selectArea .payInfo table tr {
    height:50px;
    border-bottom:1px solid #ededed;
    padding:5px 0;
}
 
.selectArea .payInfo table th {
    width:130px;
    color:#2b2b2b;
    font-size:15px;
    font-weight:300;
    text-align:center;
    background:#f7f7f9;
}
.selectArea .payInfo table td {
    padding:0 10px;
}
.selectArea .payInfo table input[type=text] {
    width:340px;
    height:30px;
    border:1px solid #e9e9e9;
    margin-right:5px;
}

.selectArea .payInfo table textarea {
	 margin:5px 5px 0 0;
    border:1px solid #e9e9e9;
 
}
.selectArea .payInfo table tr:nth-child(2) input[type=text] {
    margin:3px 5px 0 0;
}
.selectArea .payInfo table .num_tell input[type=text] {
    width:115px;
}
.selectArea .payInfo table button {
    width:136px;
    height:34px;
    color:#2b2b2b;
    font-size:13px;
    border:1px solid #4c5a66;
    background:none;
}
.selectArea .payInfo table p {
    color:#2b2b2b;
    font-size:13px;
}
.selectArea .payInfo table p strong {
    color:#fb503c;
}
.selectArea > div .box_top ul {
    margin:15px 0;
}
.selectArea .box_top > strong {
    font-size:24px;
}

/*======== step3 ========*/
#content.step3 .orderArea {
    text-align:center;
    border:1px solid #e9e9e9;
    padding:65px 0 45px;
}
#content.step3 .orderArea > strong {
    color:#fb503c;
    font-size:24px;
}
#content.step3 .orderArea > p {
    color:#111;
    font-size:16px;
    margin-bottom:30px;
}
#content.step3 .orderArea > ul {
    max-width:340px;
    color:#111;
    font-size:18px;
    text-align:center;
    line-height:33px;
    background:#f7f7f9;
    padding:25px 50px;
    margin:auto;
}
#content.step3 .orderArea > ul span {
    font-size:15px;
}
#content.step3 .selectArea .box_price > strong {
    display:block;
    font-size:24px;
    margin:30px 0 25px;
}
#content.step3 .selectArea .box_price > table {
    width:100%;
    border-top:1px solid #ababab;
}
#content.step3 .selectArea .box_price > table tr {
    height:55px;
    border-bottom:1px solid #e9e9e9;
}
#content.step3 .selectArea .box_price > table tr:last-child {
    height:105px;
}
#content.step3 .selectArea .box_price > table th {
    text-align:center;
    background:#f7f7f9;
}
#content.step3 .selectArea .box_price > table td {
    padding:0 30px;
}
#content.step3 .selectArea .box_price > table tr:first-child td {
    color:#fb503c;
    font-size:18px;
    text-align:right;
}
#content.step3 .selectArea .box_price > table tr:first-child td strong {
    font-size:23px;
}
#content.step3 .selectArea .box_price > table tr:last-child td span:first-child {
    display:block;
}
#content.step3 .selectArea .box_price > table tr:last-child td span:nth-child(2) {
    padding-right:20px;
}
#content.step3 .selectArea .box_price > table tr:last-child td span:last-child {
    border-left:1px solid #a7a7a7;
    padding-left:20px;
}
#content.step3 .box_btn button {
    width:126px;
    height:48px;
    color:#fff;
    font-size:16px;
    background:#232323;
}




/*----- media -----*/
@media (max-width: 1200px) {
    #container #content {
        max-width:1200px;
        width:100%;
    }
    .box_cart > div {
        max-width:1200px;
        width:100%;
        padding:0 10px;
    }
    .orderArea {
        padding:0 10px;
    }
    .productWrap img {
        width:20%;
    }
    #content.cart .productWrap img {
        width:100%;
    }
    .productWrap .box_price {
        width:calc(100% - 400px);
    }
    .productWrap .box_price > ul li {
        line-height:25px;
    }
    .productWrap .box_price > ul li:first-child,
    .productWrap .box_price > ul li:nth-child(3) {
        padding-top:10px;
    }
    .productWrap .box_price > ul li:nth-child(2),
    .productWrap .box_price > ul li:nth-child(5) {
        padding-bottom:10px;
    }
    .productWrap .box_price > ul:first-child li:nth-child(2) {
        border-bottom:1px solid #ededed;
    }
    .productWrap .box_price > ul span:first-child {
        display:inline-block;
        font-size:13px;
    }
    .productWrap .box_price > ul span:last-child strong {
        font-size:18px;
        padding-right:5px;
    }
}
@media (max-width: 850px) {
    #content.cart .box_btn button {
        width:32%;
        font-size:16px;
    }
}
@media (max-width: 768px) {
    .box_tab li {
        width: 50%;
    }
    .orderArea .list_order {
        overflow-x: auto;
    }
    .orderArea .list_order table {
        width: 768px;
    }
    .productWrap img {
        width: 100%;
    }
    .productWrap .box_price {
        width: 100%;
        margin-left: 0;
    }
    .box_btn button {
        width: 49%;
    }
    .reviewWrap .box_tab li {
        width: 33.33333%;
    }
    .reviewWrap table td:first-child {
        width:50px;
    }
    .reviewWrap table td:first-child img {
        transform:scale(.7);
        transform-origin:top left;
    }
    .productWrap {
        overflow-x: auto;
    }
    #content.cart .topArea {
        padding:0 10px;
    }
    #content.cart .topArea > ul {
        font-size:13px;
    }
    #content.cart .topArea > ul li:nth-child(2n - 1) img {
        width:30px;
        margin:auto;
    }
    #content.cart .topArea > ul li:nth-child(2n) {
        margin:0 5px;
    }
    #content.cart .topArea > ul li:nth-child(2n) img {
        width:15px;
        margin:auto;
    }
    #content.cart .productWrap table {
        width:768px;
    }
    .selectArea {
        padding:0 10px;
    }
    .selectArea .addressWrap table input[type=text] {
        width:200px;
    }
    .selectArea .addressWrap table .num_tell input[type=text] {
        width:80px;
    }
    #content.cart .productWrap td label {
        font-size:14px;
    }
    #content.step3 .selectArea .box_price > table th {
        font-size:13px;
    }
    #content.step3 .selectArea .box_price > table td {
        font-size:13px;
    }
    #content.step3 .orderArea > strong {
        font-size:20px;
    }
    #content.step3 .orderArea > p {
        font-size:14px;
    }
    #content.step3 .orderArea > ul {
        font-size:15px;
    }
    #content.step3 .orderArea > ul span {
        font-size:13px;
    }
}
@media (max-width: 600px) {
    .reviewWrap .box_list {
        overflow-x:auto;
    }
    .reviewWrap .box_list table {
        width:600px;
    }
}
@media (max-width: 480px) {
	
	#content.cart .productWrap img {
        width:100%;
    }

    #content.cart .box_btn button {
        width:32%;
        font-size:14px;
    }
    #content.cart .topArea > ul {
        display:none;
    }
    .selectArea .addressWrap table input[type=text],
    .selectArea .addressWrap table button {
        width:100%;
    }
    .box_tab li:nth-child(3) {
        border-left: 1px solid #333;
    }
    .productWrap .box_price > ul span:first-child {
        width:45%;
    }
    .productWrap .box_price > strong {
        min-height:85px;
        line-height:3rem;
    }
	 
	#content.cart .priceWrap .box_price {
	height:255px;
    border-top:2px solid #333;
    border-bottom:1px solid #ededed;
    padding:0 30px;
	}

	#content.cart .priceWrap .box_price > strong {
		color:#191919;
	    font-size:21px;
	}
	
}