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



/*메인*/
#mContainer {width: 100%; margin-top: 22px; min-width:1200px;}
#mContainer #Container {width: 1100px; margin: 0 auto; }

/*main*/
.nConBox1 {position:relative;min-width:1020px; width:100%; height:422px;}
.nConBox1  .btn {position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);box-sizing: border-box;}
.nConBox1  .btn li  { float: left;  margin-right:10px;}
.nConBox1  .btn { margin-top:40px; margin-left:15px; }
.nConBox1  .btn a { color:#fff;  padding:10px 17px; border-radius:50px; box-sizing:border-box;font-size:17px; display:block; width:100%; height:100%; background:rgba(87, 87, 87, 0.57); }
.nConBox1  .btn a:hover , .with .mConBox1  .main .txt .btn a:focus{background:#34456D; }
/*.nConBox1 .bx-wrapper {max-width: 1920px !important;}
.nConBox1 .bxslider li {width: 1920px !important;} */



/*info*/
.info { padding:30px 0 60px 0; box-sizing:border-box; overflow:hidden;justify-content:space-between;}
.info .fix ul {display:flex;flex-wrap:wrap;justify-content:space-between;}
.info .fix ul li {width:350px;margin:20px 0;}

/* time */
.time {width:1200px; margin:0px auto; padding:0px 0 100px 0;}
.time h3 {font-size: 22px; font-weight:bold; text-align:center;line-height:1.2px; margin-bottom:70px; position:relative;}
.time h3:after {content:''; width:50px; height:5px; position:absolute; bottom:-35px; left:50%; transform:translate(-50%,-50%); background:#5ABAEA; }
.time ul {width:1200px; overflow:hidden; display: flex;flex-wrap: wrap;justify-content: space-around;}
.time ul li:last-child {margin-left:1px;}

/*order*/
.nConBox3 { padding:40px 0 60px 0;height:463px; background:url(/image/common/mban1.png) no-repeat center top; opacity:0.95;}
.nConBox3 .fix ul {display:flex;justify-content:space-between;}
.nConBox3 .fix ul li {width:310px; margin-top:25px;}

/*대행절차 */
.nConBox7 { padding:80px 0 60px 0; background:url(/image/common/bg.png) no-repeat center ; width:100%; height:477px; box-sizing:border-box;}
.nConBox7 h3 {font-size: 22px; font-weight:bold; text-align:center;line-height:1.2px; margin-bottom:40px; position:relative;}
.nConBox7 h3:after {content:''; width:50px; height:5px; position:absolute; bottom:-35px; left:50%; transform:translate(-50%,-50%); background:#5ABAEA; }
.nConBox7 .tab {margin-bottom: 50px;position: relative; width: 100%; }
.nConBox7 .tab li { float: left; margin-right: 10px; }
.nConBox7 .tab1 { width: 100%; }
.nConBox7 .tab1 li { float: left; width: 120px; height: 140px; }
.nConBox7 .menu_tab00 mTs { display: block; margin-top:20px;}
.nConBox7 .menu_tab01 mTs { display: none; margin-top:20px;}
.nConBox7 [class^='menu_tab0'] img{max-width:100%;}
.nConBox7 .menu_tab li { float: left; border-radius:50px;}
.nmenu_tab ul {overflow:hidden;}
.nmenu_tab li a { color:#fff; padding:10px 17px; border-radius:50px; box-sizing:border-box;font-size:15px; display:block; width:100%; height:100%; }
.nmenu_tab li  { color:#fff;border-radius:50px; box-sizing:border-box;font-size:15px; display:block; margin-bottom:20px;}
.nmenu_tab ul li.active {background:#59BAEA; font-weight: bold; color: #fbfbfb;}
.nmenu_tab ul li.active a {color: #fff;}
.nmenu_tab ul li { background-color:#83848E;}

/*주인을 찾습니다*/
.nConBox4 {width: 1200px; margin: 0 auto; padding:30px 0 110px 0; position:relative; }
.nConBox4 h3 {font-size: 22px; font-weight:bold; text-align:center;line-height:1.2px; margin-bottom:70px; position:relative;}
.nConBox4 h3:after {content:''; width:50px; height:5px; position:absolute; bottom:-35px; left:50%; transform:translate(-50%,-50%); background:#5ABAEA; }
.nConBox4 .nhot-deal ul {width: 100%; text-align: center;}
.nConBox4 .nhot-deal ul:after {content: ""; display: block; clear: both; z-index: 1;}
.nConBox4 .nhot-deal ul li {float: left; width: 33%;}
.nConBox4 .nhot-deal ul li img {width: 335px; height: 323px;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.08); }
.nConBox4 .nhot-deal ul li span {display: block; width: 190px;text-align:left;padding-left:20px;}
.nConBox4 .nhot-deal ul li span.Hname {font-size: 17px;  font-weight: bold; color: #010101; white-space: nowrap; text-overflow: ellipsis; margin-top: 15px;}
.nConBox4 .nhot-deal ul li span.Hprice {font-size: 14px; color: #616161; margin-top: 10px;}
 #slider3-B {position:absolute; left: 0; top: 250px; z-index:100;}
 #slider3-N {position:absolute; right: 0px; top:250px; z-index:100;} 

 /* 하단정보배너 */
.bottom {width: 100%; padding:100px 0 30px 0;  overflow:hidden;}
.bottom .fix {width:1200px; margin:0 auto; }
.bottom .fix  ul li img {width:600px;height:284px}
.bottom .fix > ul{display: flex;flex-wrap: wrap;justify-content: space-between; }
.bottom .fix ul li {margin-bottom:50px;}
.bottom .fix .inner {position:absolute; top:90px; left:150px;}
.bottom .fix .inner li {margin-bottom:20px;}
.bottom .fix .inner li a {font-size:19px; color:#333333; }


/* Main menu */

#menu {}

#menu li
{
	padding-bottom: 10px;
	position: relative;
}

#menu ul ul a 
{
	float: left;
	height: 25px;
	padding: 0 25px;
	color: #999;
	text-transform: uppercase;
	font: bold 12px/25px Arial, Helvetica;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
}

#menu li:hover > a
{
	color: #FCBE15;
}

*html #menu > li a:hover /* IE6 */
{
	color: #FCBE15;
}

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

/* Sub-menu */

#menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    top: 45px;
    left: calc(width - 50%);
    z-index: 99999;    
    background: #012e44;
   

    -moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
    box-shadow: 0 0 2px rgba(255,255,255,.5);	
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#menu ul ul
{
  top: -10px;
  left: 150px;
}

#menu ul li
{
    float: none;
	text-align:left;
    margin: 0;
    padding: 4px 8px;
	box-sizing:border-box;
    display: block; 
	border-bottom:1px solid #333;

}

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

#menu ul a
{    
	font-size:13px;
	font-weight:300;
    padding: 10px;
	height: 10px;
	width: 130px;
	height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
	text-transform: none;
	color:#fff;
}

#menu ul a:hover
{    

	color:#fff !important;
	
}

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

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

#menu ul a:hover
{
    background: #0186ba;
	background: -moz-linear-gradient(#04acec,  #0186ba);	
	background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
	background: -webkit-linear-gradient(#04acec,  #0186ba);
	background: -o-linear-gradient(#04acec,  #0186ba);
	background: -ms-linear-gradient(#04acec,  #0186ba);
	background: linear-gradient(#04acec,  #0186ba);
	color:#fff;
}

#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 #444;
}

#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 #444;
}

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

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


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

/* Clear floated elements */
#menu:after 
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* 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: #000;
	text-decoration: none;
}
ul#topnav li:hover { background: #1376c9 url (images/topnav_a.gif) repeat-x; color: #000;  }
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;}


/** 스킨적용(2019-12-11) **/
/* 노출(사용)제외 */
.mConBox3{display:none;}/*주인을찾습니다*/
.tab .search-de{display:none;}/*국제배송조회,국내배송조회*/
.mConBox8{display:none;}/*고객센터,입금계좌안내,블로그,카페,인스타그램*/
.mConBox6 .search-pay, .mConBox .search-pay{display:none;}/*입금자를찾습니다*/

/* 주요스타일생성 */
.mConBox{width:1100px;margin:0 auto;}
.mConBox h2{position:relative;margin-bottom:13px;font-family:'NanumSquare',sans-serif;font-size:18px;font-weight:700;box-sizing:border-box;}


/* 슬라이드 */
#mContainer{margin-top:0;  width:100%;}

.m_slider{float:none;width:auto;height:auto;border:none;  width:100%;}
.m_slider img{max-width:100%; width:100%; }
.m_slider #slider1-B{position:absolute;top:50%;left:50%;margin:-23px 0 0 -595px;}
.m_slider #slider1-N{position:absolute;top:50%;left:50%;margin:-23px 0 0 550px;}
.m_slider .bxslider img { width:100%;  min-width:1200px;  max-width:1920px;  }
.m_slider #slider1-B img {width:45px; height:46px;}

/* 2020-11-09 이나경 반응형  */
#QiuckMenu {position: absolute; z-index: 10; top: 208px; right: 8%;}
#QiuckMenu2 {position: absolute; z-index: 10; top: 0px; left: 8%;} 

/* .mConBox1  2020-12-28 이나경 추가*/
.nConBox1 {width:100%; min-width:1200px;  margin: 0 auto; height:422px; position:relative;display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; 
-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.nConBox1:after {content: ""; display: block; clear: both; z-index: 1;}
.m_slider { width: 100%;height: 422px;margin: 0 auto; }
.m_slider .bxslider img  {width: 100%; height:422px; min-width:1200px;   margin: 0 auto;}



@media all and (min-width:1281px) and (max-width:1500px) {
 #QiuckMenu  {right:0 !important;}
#QiuckMenu2 {position: absolute; z-index: 10; top: 0px; left: 130px;} 
#nfooter .ncopyright {font-size:13px !important;}
.copy2 {font-size:13px;}
}

@media all and (min-width:1021px) and (max-width:1280px) {
 #QiuckMenu  {right:0 !important;}
#QiuckMenu2 {position: absolute; z-index: 10; top: 0px; left: 150px;} 
#nfooter .ncopyright {font-size:13px !important;}
.copy2 {font-size:13px;}
}

@media all and (min-width:768px) and (max-width:1020px) {
 #QiuckMenu  {right:0 !important;}
  #QiuckMenu2 {left:0 !important;}
#nfooter .ncopyright {font-size:13px !important;}
.copy2 {font-size:13px;}
}
    

@media all and (min-width:480px) and (max-width:767px) {
  #QiuckMenu  {right:0 !important;}
   #QiuckMenu2 {left:0 !important;}
  #nfooter .ncopyright {font-size:10px !important;}
  .copy2 {font-size:10px;}

}
    
@media all and (max-width:479px) {
#QiuckMenu{right:0 !important;}
 #QiuckMenu2 {left:0 !important;}
#nfooter .ncopyright {font-size:8px !important; }
.copy2 {font-size:8px;}
}    

@media all and (max-width:300px) {
 #QiuckMenu  {right:0 !important;}
  #QiuckMenu2 {left:0 !important;}
 #nfooter .ncopyright {font-size:8px !important;}
 .copy2 {font-size:8px;}

}