﻿@charset "utf-8";
@import url("/Library/Css/user_layout.css?ver=1.0");


/* 메인 Css */

.mainVisual{height:690px; width:1200px; margin:0 auto;}
.mainVisual .Dwidth{height:450px; overflow:hidden; padding-top:165px;}
.m_banner{width:100%; height:450px; overflow:hidden; position:relative;}

.m_banner li {width:100%; text-align:center;height:450px;}
.m_banner li a{height:450px; display:block; width:1200px; margin:0 auto;}
.bx-controls-direction a{position:absolute; top:50%; margin-top:-25px; outline:0; width:27px; height:50px; z-index:50;}
.bx-controls-direction .bx-prev{left:10px;}
.bx-controls-direction .bx-next{right:10px;}

.m_con1{height:860px; width:100%; background:url('/image/main/apply_bg.png') top center no-repeat;}
.m_con1 .Dwidth{height:291px; padding-top:400px;}
.m_con1 .apply_wrap{width:990px; margin:0 auto; overflow:hidden;}
.m_con1 .apply_btn a{display:block;}
.m_con1 .apply_01{float:left;}
.m_con1 .apply_02{float:right;}

.m_con2{height:860px; width:100%;}
.m_con2 .Dwidth{padding-top:158px;}
.m_con2 .bnrList_wrap{}
.m_con2 ul{overflow:hidden;}
.m_con2 ul li{float:left; margin-right:10px;}
.m_con2 ul li:nth-child(5) , .m_con2 .bnrList_wrap ul li:nth-child(10){margin-right:0px;}
.m_con2 ul li.hgt_1{margin-top:10px;}
.m_con2 ul li.hgt_2{margin-top:10px; position:relative; top:-65px;}
.m_con2 ul li.hgt_3{margin-top:10px; position:relative; top:-35px;}
.m_con2 ul li.hgt_4{margin-top:10px; position:relative; top:-55px;}
.m_con2 ul li a{display:block; position:relative; }
/*.m_con2 ul li a .bnrList_imgBox{background-color:rgba(0,0,0,0.5);}
.m_con2 ul li a img{border:1px solid #000; box-sizing:border-box; opacity:0.7;} */
.m_con2 ul li a p {width:140px; height:25px; line-height:25px; font-size:11px; color:#222; text-align:center; background:#fff; box-sizing:border-box; position:absolute; bottom:15px; left:50%; margin-left:-70px;}
.m_con2 ul li:hover a p{background:#333; color:#fff;} /*background-color:rgba(255,255,255,1); color:#333; font-weight:bold;*/
.m_con2 ul li:nth-child(1) a img{width: 232px; height:300px;}

/*테스트페이지*/
.m_con1_t{height:500px; width:100%; background:url('/image/main/apply_bg02.png') top center no-repeat;}
.m_con1_t .Dwidth{height:275px; padding-top:225px;}
.m_con1_t .apply_wrap{width:990px; margin:0 auto; overflow:hidden;}
.m_con1_t .apply_btn a{display:block;}
.m_con1_t .apply_01{float:left;}
.m_con1_t .apply_02{float:right;}

.m_con2_t{height:375px; width:100%;}
.m_con2_t .Dwidth{padding-top:115px;}
.m_con2_t .bnrList_wrap{}
.m_con2_t ul{overflow:hidden;}
.m_con2_t ul li{float:left; margin-right:14px;}
.m_con2_t ul li:nth-child(6){margin-right:0px;}
.m_con2_t ul li a{display:block; position:relative;}
.m_con2_t ul li a .bnrList_imgBox{background-color:rgba(0,0,0,0.5);}
.m_con2_t ul li a img{border:1px solid #000; box-sizing:border-box; opacity:0.7;}
.m_con2_t ul li a p {width:140px; height:25px; line-height:25px; font-size:11px; color:#222; text-align:center; background:#fff; box-sizing:border-box; position:absolute; bottom:15px; left:50%; margin-left:-70px;}
.m_con2_t ul li:hover a p{background:#333; color:#fff;}

.m-add1-t{}
.m-add1-t .Dwidth{padding-top:100px;}
.m-add1-t .tax-wrap{}
.m-add1-t .taxBox{border:2px solid #0066f1; overflow:hidden;}
.m-add1-t .tax-left{float:left; position:relative;}
.m-add1-t .info-box{position:absolute; right:22px; top:18px;}
.m-add1-t .info-box .name{color:#fff; font-size:18px; font-weight:bold; padding-bottom:15px; border-bottom:1px solid #aaa;}
.m-add1-t .info-box .name span{font-size:13px; font-weight:normal;}
.m-add1-t .info-box ul{margin-top:10px;}
.m-add1-t .info-box ul li{color:#fff; font-size:13px; line-height:22px;}

.m-add1-t .tax-right{float:right; background:#f5f5f5; width:405px; height:146px;}
.m-add1-t .link-box{text-align:right; padding:28px 38px 0 0;}
.m-add1-t .tax-title{font-size:26px; font-weight:bold; position:relative; margin-bottom:20px}
.m-add1-t .tax-title:before{content:''; width:8px; height:8px; border-radius:50%; background:#ff4947; position:absolute; left:132px; top:5px;}
.m-add1-t .tax-title p{font-size:13px; margin-top:10px;}
.m-add1-t .link-box a{font-size:13px; color:#555;}
.m-add1-t .link-box a:hover{font-weight:bold; color:#ff4947;}

.m_con3_t{width:100%;}
.m_con3_t .Dwidth{padding-top:140px;}
.m_con3_t .hotDeal{}
.m_con3_t .hotDeal_titleBox{position:relative; font-size:30px; color:#333; text-align:center; margin-bottom:50px;}
.m_con3_t .hotDeal_titleBox:after{position:absolute; top:15px; left:0; content:""; display:block; width:100%; height:5px; background-color:#222;}
.m_con3_t .hotDeal_title{background-color:#fff; padding:0 10px; font-weight:600; position:relative; z-index:2;}
.m_con3_t .hotDeal ul{overflow:hidden;}
.m_con3_t .hotDeal ul li{float:left; width:200px; height:280px; margin-right:50px; margin-bottom:50px;border:1px solid #eaeaea; box-sizing:border-box;}/*width:277px; height:270px; border:1px solid #eee; box-sizing:border-box;*/
.m_con3_t .hotDeal ul li.hot_bnr{width:700px; margin-right:50px; border:none;}
.m_con3_t .hotDeal ul li.hot_bnr img{width:100%; height:280px;}
.m_con3_t .hotDeal ul li.mr_0{margin-right:0px;}
.m_con3_t .hotDeal ul li .product_box{text-align:center; position:relative;}
.m_con3_t .hotDeal ul li .product_box .product_img{width:198px; height:198px; overflow:hidden; display:block;}
.m_con3_t .hotDeal ul li .product_box .product_img2{width:200px; height:200px; overflow:hidden; display:block; border-radius:50%; margin-bottom:15px;}
.m_con3_t .hotDeal ul li .product_box .product_img2 img{width:200px; height:200px; position:relative; left:50%; top:50%; transform: translate(-50%, -50%);}
.m_con3_t .hotDeal ul li .product_box .product_img img{width:198px; height:198px;}
.m_con3_t .hotDeal ul li .product_box .product_infoBox{width:100%; text-align:center; margin-top:25px;}
.m_con3_t .hotDeal ul li .product_box .product_title{width:85%; margin:0 auto; font-size:12px; color:#666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.m_con3_t .hotDeal ul li .product_box .product_price{color:#eb3d36; font-weight:800; padding-top:10px;}
.m_con3_t .hotDeal ul li .product_box .product_price .pro_hPrice_box{text-decoration:line-through; display:inline-block; padding-right:16px;}
.m_con3_t .hotDeal ul li .product_box .product_price span.pro_hPrice{ font-size:12px; color:#666;}
.m_con3_t .hotDeal ul li:hover .product_img2 img{width:210px; height:210px; position:relative; left:50%; top:50%; transform:translate(-50%, -50%); transition:.2s}



.ft_13 {font-size:13px;}
.ft_14 {font-size:14px;}
.ft_15 {font-size:15px;}
.ft_16 {font-size:16px;}


.CountBox {background:#fafafa;width:230px;height:298px;border:1px solid #333;background:url('/image/main/DeliveryBox.png') no-repeat;}
.TblCount {width:100%;}
.TblCount th, .TblCount td {padding:10px 5px;}
.TblCount th {width:55%;font-size:15px;font-weight:bold;font-family:"Nanum Gothic", Nanum Gothic;color:#fff;}
.TblCount td {font-size:15px;font-weight:bold;font-family:"Nanum Gothic", Nanum Gothic;color:#ffff00;text-align:right;}
.TblCount td.Cnt {color:#ffff00;}