@charset "utf-8";
@import url("/Library/Css/user_layout.css?=ver2");


/*메인*/

#mContainer {width: 100%;}
#mContainer #Container {width: 100%; margin: 0 auto;}

.mConBox1 {width: 100%; margin:20px auto;}
.mCont1{width: 100%; margin: 0 auto; position:relative; top:-62px}
.mConBox1:after {content: ""; display: block; clear: both; z-index: 1;}

/*메인 롤링 배너*/
.m_slider{position:relative; width:100%; overflow:hidden; height:630px;}
.m_slider .bx-wrapper .bx-viewport{height:630px;}
.m_slider img{height:630px; width:100%; display:block;}
.m_slider .frame {overflow: hidden; position: relative;}
.m_slider .frame ul {list-style: none; margin: 0; padding: 0; position: absolute;}
.m_slider ul li{float: left; !important;}
.m_slider .frame ul li { float: left; margin: 0 1px 0 0; padding: 0; cursor: pointer; }
.m_slider .frame ul li img {width:100%; height:630px;}
.m_slider .frame ul li.active { color: #fff; background: #a03232; }
.m_slider .bx-controls {position:absolute; width:100%; height:16px; bottom:27px; left: 0; z-index:100; }
.m_slider .bx-pager {display:table; margin:0 auto;}
.m_slider .bx-pager .bx-pager-item {float:left;}
.m_slider .bx-pager .bx-pager-item .active {}
.m_slider .bx-controls-direction {display:none;}
.m_slider .Rbtn1{position:absolute; left:-17px; top:248px; z-index:100;}
.m_slider .Rbtn2{position:absolute; right:-17px; top:248px; z-index:100;}
.m_slider .over_bg{background:url(/image/main/banner_over.png) bottom center no-repeat;width:100%; height:570px;}

.m_slider .bx-pager a {
    background: #000;
    display: block;
    width: 20px;
    height:20px;
    text-indent: -9999px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.m_slider .bx-pager a.active {
    background:#fff;
}

.mConBox2 {width:1160px; margin: 0 auto; }
.mConBox2 ul:after {content: ""; display: block; clear: both; z-index: 1;}
.mConBox2 ul li {float: left; height:182px; text-align:center; overflow:hidden;}

/*hot deal*/

.mConBox3 {width: 1160px; margin: 0 auto; margin-top:55px; display:none;}

.mConBox3 h2 {width:100%; color:#fff; font-size:40px; font-weight: bold; font-family:'NanumSquare', sans-serif; text-align: center; background:#252525; padding-top:46px; padding-bottom:42px; }
.mConBox3 h2 span {float:right; margin-right:28px;}

.hot-deal ul {width: 100%; text-align: center;}
.hot-deal ul:after {content: ""; display: block; clear: both; z-index: 1;}
.hot-deal ul li {float:left; width:290px; height:267px; overflow:hidden; position:relative;}
.hot-deal ul li img {width:100%;}
.hot-deal ul li .HDtxt {background:rgba(255,47,47,0.8); position:absolute; left:0; top:0; width:100%; height:100%; padding:60px 40px; box-sizing:border-box;  display:none; text-align:left;}
.hot-deal ul li:hover .HDtxt {display:block;}
.hot-deal ul li span {display: block; color: #fff}
.hot-deal ul li span.Hname {font-size:20px; font-weight:bold; overflow: hidden; height:38px; overflow:hidden; word-break:break-all; text-overflow:ellipsis;}
.hot-deal ul li span.Hprice1 {font-size:16px; font-weight: bold; position:absolute; left:40px; bottom:85px; text-decoration:line-through;}
.hot-deal ul li span.Hprice2 {font-size:20px; font-weight: bold; position:absolute; left:40px; bottom:60px;}

/* 공지 */
.mConBox4 {width:1160px; margin:0 auto; margin-top:50px;}
.mConBox4:after {display:block; clear:both; content:'';}
.mConBox4 > div {float:left; width:343px; height:373px; padding:38px 49px; box-sizing:border-box; border-radius:10px;  margin-right:65px; text-align:left;}
.mConBox4 > div h2 {text-align:center; font-size:20px; font-weight:bold; padding-bottom:30px; font-family:'NanumSquare', sans-serif;}
.mConBox4 > div h2 img {display:block; margin:0 auto; margin-bottom:16px;}

.mConBox4 .mNotice {background:#ff5959; color:#fff; text-align:center; position:relative;}
.mConBox4 .mNotice .Ntc_list {display:block; height:120px; overflow:hidden;}
.mConBox4 .mNotice .Ntc_list li {text-align:left; padding-bottom:12px;}
.mConBox4 .mNotice .Ntc_list li a {color:#fff; font-size:14px; display:block; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.mConBox4 .mNotice .Ntc_list li a:hover {text-decoration:underline;}
.mConBox4 .mNotice .btn_more2 {position:absolute; left:49px; bottom:42px; }

.mConBox4 .mExchange {background:#e1e1e1; }
.mConBox4 .mExchange .date {text-align:center; width:100%; padding-bottom:57px; font-size:14px;}
.mConBox4 .mExchange .exc_box {background:url(/Image/Main/bigflag_us.png)no-repeat; height:63px; padding-left:80px; padding-top:5px;}
.mConBox4 .mExchange .exc_box span {font-size:22px; font-weight:bold; font-family:'Arial';}

.mConBox4 .mNodata {margin-right:0; background:#252525; color:#fff;position:relative;}
.mConBox4 .mNodata .Ndt_list {display:block; height:120px; overflow:hidden;}
.mConBox4 .mNodata .Ndt_list li {text-align:left; padding-bottom:10px;}
.mConBox4 .mNodata .Ndt_list li a {color:#fff; font-size:14px; display:block; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.mConBox4 .mNodata .Ndt_list li a:hover {text-decoration:underline;}
.mConBox4 .mNodata .btn_more2 {position:absolute; left:49px; bottom:42px; }

/*BEST 쇼핑몰*/
.mConBox5 {width: 1160px; margin: 0 auto; margin-top:55px; margin-bottom:100px;}
.mConBox5 h2 {padding-bottom:43px;}

.Bshop {position: relative; width: 100%; box-sizing: border-box; background: #fff;}
.Bshop ul li {width:275px; height:113px; border:1px solid #ddd; box-sizing:border-box; overflow:hidden;}
.m_slider2 #slider2-B {position:absolute; left:-80px; top:30px; z-index:10;}
.m_slider2 #slider2-N {position:absolute; right:-80px; top:30px; z-index:10;}

/* Main menu */

#menu {}

#menu li{position: relative;}
#menu ul ul a {
font-family: 'NanumSquare Neo OTF';
font-size: 20px;
font-weight: 800;
line-height: 24px;
letter-spacing: 0em;
text-align: center;
}

#menu li:hover > ul
{
	display: block;
}

/* Sub-menu */

#menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    top:59px;
    left: calc(width - 50%);
    z-index: 99999;    
    background: linear-gradient(0deg, #000000, #000000),
	linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
    box-shadow: 0 0 5px rgba(0,0,0,0.2);	
    -moz-border-radius: 5px;
    border-radius: 5px;
	width:240px;
}

#menu ul ul
{
  top: 0;
  left: 150px;
}

#menu ul li
{
    float: none;
	text-align:left;
    margin: 0
    display: block; 

}

#menu ul li:last-child
{   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    	box-shadow: none;    
}

#menu ul a
{    
	font-size:20px;
	font-weight:700;
	width: 240px;
	height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
	text-transform: none;
	color: #FFFFFFB2;
	text-align:center;
	line-height:70px;
	font-weight:bold;
	font-family:"NanumSquare Neo OTF";
}

*html #menu ul a /* IE6 */
{    
	height: 10px;
}

*:first-child+html #menu ul a /* IE7 */
{    
	height: 10px;
}

#menu ul a:hover
{
    background: #0066FF;

}

#menu ul li:first-child > a
{
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#menu ul li:first-child > a:after
{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #fff;
}

#menu ul ul li:first-child a:after
{
    left: -8px;
    top: 12px;
    width: 0;
    height: 0;
    border-left: 0;	
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 8px solid #fff;
}

#menu ul li:first-child a:hover:after
{
    border-bottom-color: #FFC0C1; 
}

#menu ul ul li:first-child a:hover:after
{
    border-right-color: #FFC0C1; 
    border-bottom-color: transparent; 	
}


#menu ul li:last-child > a
{
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}



* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */

ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 970px;
	list-style: none;
	position: relative;
	font-size: 1.2em;
	background:url(images/topnav_s.gif) repeat-x;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 1px solid #555;
}
ul#topnav li a {
	padding: 10px 15px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
}
ul#topnav li:hover { background: #1376c9 url (images/topnav_a.gif) repeat-x; }
ul#topnav li span {
	float: left;
	padding: 15px 0;
	position: absolute;
	left: 0; top:35px;
	display: none;
	width: 970px;
	background: #1376c9;
	color: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; }
ul#topnav li span a:hover {text-decoration: underline;}


/** 스킨적용(2020-04-27) **/
/* 헤더 */
#menu ul a{width:auto;}
#menu ul a:hover{background: #0066FF; color:#fff;}

/* 그리드 */
[class^=mConBox] .grid{width:1160px;margin:0 auto;}

/* 주요메뉴 */
.mConBox2{margin-top:0;}

/* 핫딜 */
.mConBox3{display:block;width:auto;padding:50px 0;background-color:#141d44;}
.mConBox3 h2{position:relative;margin-bottom:24px;padding:0;background-color:transparent;line-height:1;}
.mConBox3 h2 span{float:none;position:absolute;top:12px;right:0;margin-right:0;}
.mConBox3 .hot-deal ul li .HDtxt{background-color:rgba(129,174,214,0.9);}

/* 공지사항, 고시환율, 노데이터 */
.mConBox4{margin-top:0;padding:80px 0}
.mConBox4 .mNotice{background-color:#81b3d6;}
.mConBox4 .mExchange{background-color:#d7e8f4;}
.mConBox4 .mNodata{background-color:#425874;}

/* 베스트쇼핑몰 */
.mConBox5{width:auto;margin-top:0;margin-bottom:0;padding: 80px 0 0;}
.mConBox5 h2{font-family:'NanumSquare',sans-serif;font-size:40px;font-weight:bold;color:#333;text-align:center;}
.mConBox5 .Bshop{background-color:transparent;}
.mConBox5 .Bshop ul li{height:107px;border:none; text-align: center;}
.mConBox5 .Bshop ul li img{max-width: 100%; height: 100%;}
.mConBox5 .m_slider2 #slider2-B, .mConBox5 .m_slider2 #slider2-N{top:25px;}

/* 베송대행절차&구매대행절차 */
.mConBox6{padding-bottom:60px;}
.mConBox6 .menu_tab ul{display:flex;margin-bottom:33px;border-bottom:4px solid #ef4d4d;}
.mConBox6 .menu_tab ul li{flex:1;font-size:20px;font-weight:bold;text-align:center;}
.mConBox6 .menu_tab ul li:not(.active){border:1px solid #b9b9b9;border-bottom:none;}
.mConBox6 .menu_tab ul li:first-child{border-top-left-radius:10px;}
.mConBox6 .menu_tab ul li:last-child{border-top-right-radius:10px;}
.mConBox6 .menu_tab ul li a{display:block;line-height:53px;}
.mConBox6 .menu_tab ul li.active{background-color:#ef4d4d;}
.mConBox6 .menu_tab ul li.active a{color:#fff;}

/*################################################################ renew ###################################################################*/

h2{border-bottom:2px solid #000; font-family: 'NanumSquare Neo OTF'; font-style: normal; font-weight: 800;
font-size: 20px;line-height: 28px; height: 28px; padding-bottom:20px;}

.dflexA{display: flex; align-items: center; justify-content:space-between;}
.mCont2{background-color:#222; width:100%;}
.mCont2 .info-btn{flex-direction: row; justify-content: center; display: flex; align-items: center; padding:40px 0;}
.mCont2 .info-btn ul{width:1505px;}
.mCont2 .info-btn li{width:240px; height:92px; border-radius:16px;}
.mCont2 .info-btn li a{display:block; width:100%; height:100%;}
.mCont2 .info-btn li:hover a{margin-top:-10px; border:2px solid #0469ff; border-radius:18px;}
.w1169{width:1169px; margin:0 auto;}
.mCont3{margin-top:30px;}
.mCont3 h2{line-height:40px; height:40px;}
.mCont3 > div{width:551px;}
.mCont3 ul{height:315px;}
.mCont3 ul li{height:62px; line-height:62px; border-bottom:1px solid #ddd;}
.noticeA li a{font-family: 'Aclonica'; font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: 0em; width:82%; text-overflow:ellipsis; 
overflow:hidden; white-space:nowrap; color:#000;}
.noticeA li span{font-family:"NanumSquare Neo OTF"; font-size: 14px; font-weight: 700; line-height: 20px; letter-spacing: 0em; color:#999;
}
.statA li{}
.statA li p{font-family:"Aclonica";  font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: 0em; width:82%; text-overflow:ellipsis; 
overflow:hidden; white-space:nowrap;}
.statA li p strong{font-family: 'NanumSquare Neo OTF'; font-size: 24px; font-weight: 700; display:inline-block; width:100px;}
.statA li span.grayD{font-family:'NanumSquare Neo OTF'; font-size: 14px; font-weight: 700; line-height: 20px; letter-spacing: 0em; color:#999;}

.mCont3 div.statA strong{display:inline-block; width:100px;}

.mCont4{margin-top:45px;}
.mCont4 h2{}
.mCont4 ul{flex-wrap:wrap; }
.mCont4 li{width:578px; height:71px; border-bottom:1px solid #ddd; display:flex; flex-wrap:nowrap; align-items:center;}
.mCont4 li strong{display:inline-block; margin-left:20px; width:30%;font-family:'NanumSquare Neo OTF'; font-size: 24px;
font-weight: 700; line-height: 24px;}
.mCont4 li strong > img{display:inline-block; margin-right:20px;}
.mCont4 li > p{margin-right:20px; font-family: 'NanumSquare Neo OTF'; font-size: 16px; font-weight: 800;}
.mCont4 li > p .gray{color:#666; font-family: 'NanumSquare Neo OTF'; font-size: 16px; font-weight: 700;}
.mCont4 li > p span > em{font-style:normal; color:#999; font-weight:800; }
.mCont4 li > p .bg{display:inline-block; width:100px; height:40px; background-color:#00B11c; color:#fff; border-radius:80px; text-align:center;
line-height:40px; font-size:16px; margin-left:5px;}
.mCont4 li > p .bg1{background-color:#BABAB9;}

.mCont5{margin-top:30px; position:relative;}

.m_slider2 .bx-controls {position:absolute; width:100%; height:20px; bottom:27px; left: 0; z-index:100; }
.m_slider2 .bx-pager {display:table; margin:0 auto;}
.m_slider2 .bx-pager .bx-pager-item {float:left;}
.m_slider2 .bx-pager .bx-pager-item .active {}
.m_slider2 .bx-controls-direction {display:none;}

.m_slider2 .bx-pager a {background: #000; display: block;width: 20px; height:20px;  margin: 0 5px; -moz-border-radius:20px;
-webkit-border-radius:20px; border-radius:20px; color:#000;}

.m_slider2 .bx-pager a.active {background:#fff; color:#fff;}

.mCont6{margin:30px 0 190px;}
.mCont6 h2 a:hover{color:#0066ff;}
.mCont6 .m_slider3{margin:0; margin-top:20px;}
.mCont6 .mNodata li a{display:block; margin-bottom:10px;}
.mCont6 .mNodata li p.txt{font-family: 'NanumSquare Neo OTF';line-height: 22px;font-size: 15px;font-weight: 800;color:#000;width: 220px;display: flex;flex-wrap: nowrap;justify-content: space-between;margin-left: 15px;}

.mCont6 .mNodata li p.txt span{color:#666;}