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

#mContainer {width: 100%;  }
#mContainer #Container {width: 1100px; margin: 0 auto;}
.fix {width: 1100px; margin: 0px auto;}

/* 메인 롤링 배너 */
.mConBox1 .bxslider {overflow:hidden; }
.mConBox1 .bx-viewport {height:810px !important;} 
.m_slider > ul {list-style: none; margin: 0; padding: 0; position: absolute;height: 822px;}
.m_slider > ul li{float: left; !important; }
.m_slider > ul li { float: left; margin: 0 1px 0 0; padding: 0; cursor: pointer; }
.m_slider > ul li .ban {width:100%;  max-width: 100%; min-width: 1200px; height: auto;   position:relative;}
.m_slider > ul li.active { color: #fff; background: #a03232; }
.m_slider{width:100%; }
.m_slider  {overflow: hidden; }
.m_slider .bxslider {list-style: none; margin: 0; padding: 0; position: absolute;}
.m_slider .bxslider .mainb {float: left; !important;}
.m_slider ul .mainb { float: left; margin: 0 1px 0 0; padding: 0; cursor: pointer; }
.m_slider ul .mainb img {width:100%; position:relative;}

/* .mConBox1 */
.mConBox1 {width: 100%; margin: 0 auto; position:relative;}
.mConBox1 .m_slider {float: left; width:100%; }
.mConBox1 {width: 1920px; margin: 0 auto;clear:both; position:relative; overflow:hidden; 
width: 100%; 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; 
}
.mConBox1 .m_slider {width: 1920px;  margin:0 auto;}
ul.bxslider img {max-width:100%; width:100%; height:822px; min-width: 1920px; object-fit: cover; }



/* up이미지_버튼   */
.fix2 {width: 1100px; margin: 0px auto; }
.mConBox1 .upi { background:url(/image/main/quibg.png) no-repeat center; width:696px;  background-size: contain; height:202px;   position:absolute; bottom:10%;  vertical-align:middle;    padding: 85px 40px; box-sizing: border-box;}
.mConBox1 .upi li {float:left; margin-right: 60px;}
.mConBox1 .upi li:last-child {margin-right: 0px;}
.mConBox1 .up2 {overflow:hidden; position:absolute; bottom:0.1%;}
.mConBox1 .up2 li {float:left;}
/* .mConBox1 .up3 {background:#A8A8A8; padding: 30px 20px;box-sizing: border-box;width:404px; height:151px;position:absolute; bottom: 16.3%; left: 57.7%;  vertical-align:middle;}
.mConBox1 .up4 {overflow:hidden; position:absolute;   bottom: 7.4%; left: 57.7%; }
.mConBox1 .up4 li {float:left;}
.mConBox1 .up5 {position:absolute; bottom:0.1%; left: 57.7%; }
.mConBox1 .up6 {overflow:hidden; position:absolute;   bottom: 0%; left: 57.7%; } */
 
/* up이미지_버튼 */  
.fix2 {    width: 1100px;
    margin: 0px auto;
    height: 800px;
    position: absolute;
    bottom: 0;
    transform: translateX(-50%);
    left: 50%; }

.mConBox1 .upi11 { background:url(/image/main/quibgc.png) no-repeat center; width:696px; height:202px;   position:absolute; bottom:10%;  vertical-align:middle;    padding: 85px 40px; box-sizing: border-box;}
.mConBox1 .upi11 li {float:left; margin-right: 50px;}
.mConBox1 .upi11 li:last-child {margin-right: 0px;}
.mConBox1 .up2 {overflow:hidden; position:absolute; bottom:0.1%;}
.mConBox1 .up2 li {float:left;}
.mConBox1 .up3 {background:#A8A8A8; padding: 28px 20px;box-sizing: border-box;width:404px; height:154px;position:absolute; bottom: 16%; right:0; vertical-align:middle;}
.mConBox1 .up4 {overflow:hidden; position:absolute;   bottom: 7.4%; right:0;}
.mConBox1 .up4 li {float:left;}
.mConBox1 .up5 {position:absolute; bottom:0.1%; right:0;}
.mConBox1 .up6 {overflow:hidden; position:absolute;   bottom: 0%; right:0; background: #A7DEF1; }
.mConBox1 .up6 img {height:67.5px; width:403.9px; object-fit: cover;}
.mConBox1 .up6 img:first-child {top:-1px;} 




/* up이미지_버튼  
.fix2 {width: 1100px; margin: 0px auto;   }
.mConBox1 .upi11 { background:url(/image/main/quibgc.png) no-repeat center; width:696px; height:202px;   position:absolute; bottom:10%;  vertical-align:middle;    padding: 85px 40px; box-sizing: border-box;}
.mConBox1 .upi11 li {float:left; margin-right: 50px;}
.mConBox1 .upi11 li:last-child {margin-right: 0px;}
.mConBox1 .up2 {overflow:hidden; position:absolute; bottom:0.1%;}
.mConBox1 .up2 li {float:left;}
.mConBox1 .up3 {background:url(/image/main/logbg.png) no-repeat center; padding: 35px 20px;box-sizing: border-box;width:404px; height:151px;position:absolute; bottom: 16.4%; left: 57.7%;  vertical-align:middle;}
.mConBox1 .up4 {overflow:hidden; position:absolute;   bottom: 7.4%; left: 57.7%;}
.mConBox1 .up4 li {float:left;}
.mConBox1 .up5 {position:absolute; bottom:0.1%;  left: 57.7%;}
.mConBox1 .up6 {overflow:hidden; position:absolute;   bottom: 0%; left: 57.7%; background: #A7DEF1; }
.mConBox1 .up6 img {height:67.5px; width:403.9px; object-fit: cover;}
.mConBox1 .up6 img:first-child {top:-1px;} 
 */

@media (max-width: 1367px) {
.mConBox1 .upi { background:url(/image/main/quibg.png) no-repeat center;line-height: 530px;  background-size: contain; height:650px;   position:absolute; bottom: -20.2%;  vertical-align:middle;    padding: 85px 40px; box-sizing: border-box;}
.mConBox1 .upi li {float:left; margin-right: 50px;}
.mConBox1 .up2 {overflow:hidden; position:absolute; bottom:0.1%; width:700px;  }
.mConBox1 .up2 img {width:350px;height:60px; object-fit: cover; }
.mConBox1 .up4 img {height:55px; width:202px; object-fit: cover; }
.mConBox1 .up4 {overflow:hidden; position:absolute;   bottom: 7.4%; right:0;  }
.mConBox1 .up5 {position:absolute; bottom:0.1%;  right:0; }
.mConBox1 .up6 {overflow:hidden; position:absolute;   bottom: 0%; right:0; background: #A7DEF1; }
.mConBox1 .up3 {background:url(/image/main/logbg.png) no-repeat center; padding: 31px 20px;box-sizing: border-box;width:404px; height:160px;position:absolute; bottom: 13.7%;  right:0; vertical-align:middle;}}


@media (max-width: 1240px) {
.mConBox1 .upi { background:url(/image/main/quibg.png) no-repeat center;  line-height: 530px;  background-size: contain; height:650px;   position:absolute; bottom:-19.9%;  vertical-align:middle;    padding: 85px 40px; box-sizing: border-box;}
.mConBox1 .upi li {float:left; margin-right: 50px;}
.mConBox1 .up2 {overflow:hidden; position:absolute; bottom:0.1%; width:700px;  }
.mConBox1 .up2 img {width:350px;height:60px; object-fit: cover; }
.mConBox1 .up4 img {height:55px; width:202px;object-fit: cover; }
.mConBox1 .up4 {overflow:hidden; position:absolute;   bottom: 7.4%;  right:0; }
.mConBox1 .up5 {position:absolute; bottom:0.1%;  right:0;}
.mConBox1 .up6 {overflow:hidden; position:absolute;   bottom: 0%;  right:0; background: #A7DEF1;  }
.mConBox1 .up3 {background:url(/image/main/logbg.png) no-repeat center; padding: 31px 20px;box-sizing: border-box;width:404px; height:160px;position:absolute; bottom: 13.7%; right:0; vertical-align:middle;}
}
@media (max-width: 1099px) {
.mConBox1 .upi { background:url(/image/main/quibg.png) no-repeat center; width:650px; line-height: 530px;  background-size: contain; height:650px;   position:absolute; bottom:-20.8%;  vertical-align:middle;  padding: 85px 40px; box-sizing: border-box;}
.mConBox1 .upi li {float:left; margin-right: 50px;}
.mConBox1 .up2 {overflow:hidden; position:absolute; bottom:0.1%; width:650px;  }
.mConBox1 .up2 img {width:325px;height:63px; object-fit: cover; }
.mConBox1 .up4 img {height:50px; width:202px;object-fit: cover; }
.mConBox1 .up4 {overflow:hidden; position:absolute;   bottom: 7.4%;right:4.2%;   }
.mConBox1 .up5 {position:absolute; bottom:0.1%; right:4.2%;  }
.mConBox1 .up6 {overflow:hidden; position:absolute;   bottom: 0%; right:4.2%;   }
.mConBox1 .up3 {background:url(/image/main/logbg.png) no-repeat center; padding: 27px 20px;box-sizing: border-box;width:404px; height:145px;position:absolute; bottom: 13.5%; right:4.2%;   vertical-align:middle;}
}
@media (max-width: 995px) {
.mConBox1 .upi { background:url(/image/main/quibg.png) no-repeat center; width:396px;  background-size: cover; height:202px;   position:absolute; bottom:10%;  vertical-align:middle;    padding: 85px 40px; box-sizing: border-box;}

}
@media (max-width: 768px) {
.mConBox1 .upi { background:url(/image/main/quibg.png) no-repeat center; width:396px;  background-size: cover; height:202px;   position:absolute; bottom:10%;  vertical-align:middle;    padding: 85px 40px; box-sizing: border-box;}

}
@media (max-width: 480px) {
.mConBox1 .upi { background:url(/image/main/quibg.png) no-repeat center; width:396px;  background-size: cover; height:202px;   position:absolute; bottom:10%;  vertical-align:middle;    padding: 85px 40px; box-sizing: border-box;}

}


 /* 로그인 */
.login-box h2 { font-size: 15px; font-weight: bold;  color: #fff; margin-bottom: 5px;border-bottom: 1px solid #fff;padding-bottom: 5px; box-sizing: border-box;margin-top: -10px;}
.login-box h2 span.out a {font-size: 12px; font-weight: 300; color:  #fff; margin-left:20px;}
.login-box .logout ul li {  font-size: 14px;  color:#fff; font-weight:bold;  margin-top: 4px;}
.input-sec { overflow: hidden; }

/* 출고마감시한&출항스케줄 */
.mConBox9{width: 100% }
.mConBox9 img  {width: 100% }
.mConBox2{width: 100% }
.mConBox2 img  {width: 100% }

/* 주인을 찾습니다*/
.mConBox4 {width: 1100px; margin: 0 auto; padding:80px 0 60px 0;padding-left:1px; position:relative;}
.mConBox4 h2 { font-size: 23px; font-weight: bold;  text-align: left;  margin-bottom: 50px; color:#333333; position:relative;}
.mConBox4 h2:after { position:absolute; top:-24px; left:0px; content:''; background: #FED03A; width:53px; height:4px;}
.mConBox4 ul {width: 100%;  padding-left:2px;}
.mConBox4 ul:after {content: ""; display: block; clear: both; z-index: 1;}
.mConBox4 ul li {float: left; max-width: 7.4%; width:263px  !important; overflow:hidden; border: 1px solid #FED03A;box-sizing:border-box; } 
.mConBox4 ul li:nth-child(4n) {margin-right:0px}
.mConBox4 .photo img {width:264px; height:167px; border: 1px solid #FED03A;box-sizing:border-box;      object-fit: cover;  } 
.mConBox4 ul li span {display: block; }
.mConBox4 ul li .Hdat {font-size: 15px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mConBox4 ul li .Hnum {font-size: 15px; font-weight: bold; margin-top: 7px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mConBox4 .txt{ border-top: 1px solid #FED03A; padding: 17px; box-sizing:border-box; width:264px; border-top:none; }
#slider3-B {position:absolute; right: 30px; top: 13%; z-index:100; border:none;}
#slider3-N {position:absolute; right: 0px; top: 13%; z-index:100;border:none;}
.bx-wrapper {max-width:100% !important;}

/* 대행절차 */
.mConBox7 {width: 100%; margin: 0px auto; padding-top:55px; box-sizing: border-box; background:url(/Image/Main/bg2.png) no-repeat center; height:415px;}
.mConBox7 .fix {width: 1100px; margin: 0px auto;}
.tab {position: relative; width: 100%;}
.tab .search-de {position: absolute; top: 5px; right: 0;}
.tab .search-de span {display: inline-block;}
.tab .search-de span.in-de {margin-left: 20px;}
.tab .stepTab .menu_tab {margin-bottom}
.tab .stepTab .menu_tab ul {width: auto;margin-bottom:41px;}
.tab .stepTab .menu_tab ul:after {content:""; display: block; clear: both; z-index: 1;}
.tab .stepTab .menu_tab ul li {float: left;text-align: center; vertical-align: middle; font-size: 20px; margin-right:27px;}
.tab .stepTab .menu_tab ul li:last-child {margin-right:0;}
.tab .stepTab .menu_tab ul li a {font-size:20px; font-weight:bold; color:#656565; font-size: 23px;}
.tab .stepTab .menu_tab ul li:last-child {}
.tab .stepTab .menu_tab ul li.active  {font-weight: bold; }
.tab .stepTab .menu_tab ul li.active a {color:#000;  position:relative; }
.tab .stepTab .menu_tab ul li.active a:after {position: absolute; top: -18px;left: 0;content: "";width: 50px; height: 3.5px;background: #FED03A;}
.stepTab div[class^="menu_tab0"] { text-align: center;}


/* 베송조회 */
.floatbox {width:1209px; height:56px; line-height:56px; vertical-align:middle; margin:0 auto; overflow:hidden; background:#EEE3D3;margin-top:24px;} 
.search-de span {float:left}
.search-de {overflow:hidden; padding:14px 25px; box-sizing:border-box;line-height: 31px;  font-size: 15px; font-weight:bold;}
.in-de {margin-left:50px;}

/*공지사항 리뷰 */
.mConBox8 { width:100% margin:0 auto; overflow:hidden; padding:75px 0px;box-sizing: border-box; box-sizing:border-box;  background:url(/Image/Main/bg1.png) no-repeat center; height:613px ;}
.mConBox8 h3 { font-size: 20px; font-weight: bold;  text-align: left;  margin-bottom: 20px; color:#333333;}
.mConBox8 .notice {position:relative; width:48%; float: left; background:#fff; padding:42px 40px;box-sizing: border-box; height:303px; border:1px solid #FED03A; }
.mConBox8 .notice ul {padding-top:8px;}
.mConBox8 .notice ul li{  font-size:18px; font-weight:500; color: #313131;  overflow:hidden;}
.mConBox8 .notice  ul li span{float:right; }
.mConBox8 .notice .service li {padding-bottom:30px;}
.mConBox8 .notice .service li:last-child {margin-bottom:0px;}
.mConBox8 .notice .service li .right {float:right;}
.mConBox8 .notice .service li a {  color: #313131; font-size:18px; font-weight:500; width:445px; float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mConBox8 .notice .service li .txt {width: 300px;float:left; overflow: hidden;  white-space: nowrap;text-overflow: ellipsis;}
.mConBox8 .bestreview { float:right;position:relative; width:48%; background:#fff; padding:42px 40px;box-sizing: border-box; height:303px;  border:1px solid #FED03A;}
.mConBox8 .bestreview li {margin-bottom: 36px;}
.mConBox8 .bestreview li:last-child {margin-bottom: 0px;}
.mConBox8 .bestreview li img {width: 200px; height:175px; float:left; margin-right:30px;object-fit: none; border:1px solid #eee;}
.mConBox8 .bestreview .rev .rdate { font-size:15px; margin-bottom:12px; }
.mConBox8 .bestreview .rev .rtitle { font-size:18px; font-weight:bold;  margin-bottom:30px; overflow: hidden;  white-space: nowrap;text-overflow: ellipsis;}
.mConBox8 .bestreview .rev .rcont {  height: 115px; overflow: hidden;    text-overflow: ellipsis;font-size:15px; font-weight: 500;}
.mConBox8 .bestreview h2 .right {float:right; }
.mConBox8 .bestreview h2 .right img { width:22px;  }
.mConBox8 .bank2 {margin-top:35px; float: left;}
.mConBox8 .bank2 img {width:100%;}



/* 툴팁 */
[data-tooltip-text]:hover {position: relative;}
[data-tooltip-text]:hover:after {
background-color: #000000;
    border:1px solid #95A4BB;
	color: #FFFFFF;
	font-size: 11px;
	content: attr(data-tooltip-text);
   margin-bottom: 10px;
	top: 130%;
	left: 0;    
	padding: 7px 12px;
	position: absolute;
	width: 162px;
	word-wrap: break-word;
	z-index: 9999;
}

/* Main menu */

#menu {display:flex; JUSTIFY-CONTENT: space-between;margin: 0 auto;}

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


#menu li a
{padding: 6px 10px;}

#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
{

	padding: 6px 10px;
	background:#dbb021
}
#menu  li.on > a
{

	padding: 6px 10px;
	background:#dbb021;

}

#menu  li.active > a
{

	padding: 6px 10px;
	background:#dbb021
	color:#fff;
}

*html #menu li a:hover /* IE6 */
{

}
#menu > li:hover > a
{
	
}

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






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

/* Sub-menu */

#menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    top: 70px;
    left:-30px;
    z-index: 99999;    
    background: #fff;
	border:1px solid #EFEFEF;
    box-shadow: 0 0 2px rgba(255,255,255,.9);	
	
 
   
}

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

}

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

#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:#000;
	border-bottom:1px solid #eee;

}

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

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

#menu ul a:hover
{
    background:#FED03A;
	
/* 	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); */
}

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

}

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