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


/*메인*/

#mContainer {width: 100%; margin-top: 20px; font-family:'Georgia';}
#container {width: 1200px; margin: 0 auto;}

.mConBox1 {width: 100%; margin: 0 auto;}
.mConBox1:after {content: ""; display: block; clear: both; z-index: 1;}

.mConBox1 .m_slider {float: left; height:435px; overflow:hidden;}
.mConBox1 .m_slider img{height:auto; width:100%;}

.mConBox1 .Rbox {position: relative; float: right; width:29%; box-sizing: border-box; font-family:'Spoqa Han Sans Neo', 'serif';}
.mConBox1 .Rbox .login-box {margin:0 auto;border: 1px solid #e1e1e1; padding: 20px 5%;}
.mConBox1 .Rbox .login-box .input-sec{display:flex;}
.mConBox1 .Rbox .login-box .input-sec > p:last-child{margin-top:-1px;}
.mConBox1 .Rbox .login-box input[type="text"], .mConBox1 .Rbox .login-box input[type="password"] {padding: 10px; box-sizing: border-box; background: #f9fafc;}
/*.mConBox1 .Rbox .login-box input[type="image"] {position: absolute; top:20px; right:20px;}*/

.mConBox1 .Rbox .login-box h2 {position: relative; width: 100%; height: 34px; line-height: 30px; font-size: 13px; font-weight: bold; background: #000; color: #fbfbfb; padding: 0 15px; box-sizing: border-box;}
.mConBox1 .Rbox .login-box h2 span.out {position: absolute; top: 3px; right: 10px;}
.mConBox1 .Rbox .login-box h2 span.out a {font-size: 11px; font-weight: 300; color: #FF0;}
.mConBox1 .Rbox .login-box .logout {border: 1px solid #dbdbdb; box-shadow: 5px 5px 10px rgb(0 0 0 / 20%);}
.mConBox1 .Rbox .login-box .logout ul li {width: 100%; box-sizing: border-box; line-height: 15px; font-size: 13px; padding:14px 15px;}

.mConBox1 .Rbox .login-util:after {content: ""; display: block; clear: both; z-index: 1;}
.mConBox1 .Rbox .login-util ul li {float: left; margin-right: 10px; padding-right: 12px; background: url(/image/main/Login_UtilLine.gif) no-repeat right 50%;
font-size:14px;  margin-top:16px;}
.mConBox1 .Rbox .login-util ul li:last-child {margin-right: 0; padding-right: 0; background: none;}
.mConBox1 .Rbox .login-util ul li:hover a{color:#0D47A1; font-weight:600;}
.mConBox1 .Rbox .login-sns{width:100%; margin:10px 0; display:flex; align-items:center;}
.mConBox1 .Rbox .login-sns > a{display:inline-block; border:1px solid #e1e1e1; cursor:pointer; margin-right:3%; width:48%; font-size:16px;
text-align:center; transition:.3s; border-radius:5px; line-height:53px;}
.mConBox1 .Rbox .login-sns > a:hover{box-shadow: 0px 0px 20px rgb(160 160 161); color:#0D47A1; font-weight:400; border-radius:10px;}
.mConBox1 .Rbox .login-sns > a:nth-child(2){margin-right:0;}

.mConBox1 .Rbox .btn-box {width:100%;}

.mConBox1 .Rbox .btn-box .btn-row{display: flex; gap: 10px;}
.mConBox1 .Rbox .btn-box .btn-row span{background-color:#65B3C7; width: 100%;}

.mConBox1 .Rbox .btn-box p{width:100%; background-color:#65B3C7; line-height:70px; text-align:center; font-family:'Spoqa Han Sans Neo', 'serif'; border-radius:10px;}
.mConBox1 .Rbox .btn-box p:hover{background-color:#38B6FF;}
.mConBox1 .Rbox .btn-box p:hover a{color:#fff;}
.mConBox1 .Rbox .btn-box p > a , .mConBox1 .Rbox .btn-box span > a{display:block; width:100%; height:100%; cursor:pointer;}
.mConBox1 .Rbox .btn-box span{display:block; width:100%; background-color:#51A6C9; line-height:25px; text-align:center; margin-top:6px;  border-radius:10px; padding: 8px 0;}
.mConBox1 .Rbox .btn-box span:hover{background-color:#002F5C;}
.mConBox1 .Rbox .btn-box em{color:#fff; font-size:18px;}
.mConBox1 .Rbox .btn-box p:hover a em{font-weight:900;font-size:17px;}
.mConBox1 .Rbox .btn-box span:hover a em{font-weight:900; font-size:17px;}





/*메인 롤링 배너*/
.m_slider{position:relative; /*width:810px;*/width:70%; height:auto; }
.m_slider .frame {overflow: hidden; position: relative;}
.m_slider .frame ul {list-style: none; margin: 0; padding: 0; position: absolute;}
.m_slider ul li{width:100%; float: left; !important;}
.m_slider .frame ul li { float: left; margin: 0 1px 0 0; padding: 0; cursor: pointer; }

.m_slider .frame ul li.active { color: #fff; background: #a03232; }
.m_slider .bx-controls {position:absolute; width:100%; height:16px; bottom:20px; 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: #ff5419;
    display: block;
    width: 14px;
    height: 14px;
    text-indent: -9999px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

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

/* 리뷰 공지사항 입금자를찾습니다 */

.mCont2, .mCont9 {width: 100%; margin: 0 auto; margin-top: 30px; display:flex;}
.mCont2:after {content: ""; display: block; clear: both; z-index: 1;}
.mCont2 h2 , .mCont5 h2 {
	position: relative;
	margin-bottom: 15px;
    padding-left: 28px;
    font-size: 20px;
    font-family: 'Georgia';
    font-weight: bold;
    color: #333;
    background: url(/image/main/bul01.gif) no-repeat left 0%;
}
.mCont2 h2 span , .mCont5 h2 span {position: absolute; top: 3px; right: 10px;}

.mCont2 h2 > a.more , .mCont5 h2 > a.more {
    display: block;
    width: 30px;
    height: 30px;
    border-radius : 50%;
    position: absolute;
    top: -5px;
    right: 10px;
    background: #4964bd;
    transition: all 0.4s;
}
.mCont2 h2 > a.more:hover , .mCont5 h2 > a.more:hover {
    transform: rotate( 90deg );
}
.mCont2 h2 > a.more:before , .mCont5 h2 > a.more:before{
    display: block;
    content: '';
    width: 14px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate( -50%, -50% );
}
.mCont2 h2 > a.more:after , .mCont5 h2 > a.more:after {
    display: block;
    content: '';
    width: 2px;
    height: 14px;
    background: #fff;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate( -50%, -50% );
}

.mCont2 > div {float: left;}

/* 메인 - 배송조회 */
.mCont9 .deliver {width:47%; margin-right:4%;  position:relative; background-color:#51A6C9; padding: 10px; border-radius:10px;}

.mCont9 .deliver hr{background-color:#fff; width:10%; margin:0 auto; height: 2px; display: block !important;}
.mCont9 .deliver p{margin:20px 0; font-size:16px; text-align:center; color: #fff;}

.mCont9 .deliver h2{
	position: relative;
	margin: 20px 0;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
	text-align: center;
}

.mCont9 .deliver .search-de-center{text-align:center; 	margin: 5px 0;}
.mCont9 .deliver .search-de{margin: 20px 0;}
.mCont9 .deliver .search-de input[type="text"]{
	width:60%; 
	height:34px; 
	border:1px solid #d4d4d4; 
	color:#313131; 
	vertical-align: top; 
	box-sizing: border-box;
    background-repeat: no-repeat;
    padding-left: 50px;
    background-size: 30px;
    background-position: 10px center;
}

.mCont9 .deliver .search-de .input-kor{background-image: url(/image/common/flag01.gif);}
.mCont9 .deliver .search-de .input-chn{background-image: url(/image/common/flag_CHN.gif);}


/* 메인 - 적용환율 안내 */
.mCont9 .exchange{width:47%; margin-left:4%;  position:relative; padding: 10px; border: 1px solid #c7c7c7; border-radius: 10px;}

.mCont9 .exchange hr{background-color:#51A6C9; width:10%; margin:0 auto; height: 2px; display: block !important;}
.mCont9 .exchange p{margin:20px auto; font-size:16px; text-align:center; color: #000000; background-color:#f3f3f3; height:15%; width:75%; display: flex; justify-content: center; align-items: center; border-radius:5px;}

.mCont9 .exchange h2{
	position: relative;
	margin: 20px 0;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
	text-align: center;
}

.mCont9 .exchange .exchange-info{background-color:#e8f8ff; border-radius:5px; margin:20px auto; width:75%; height:35%; text-align:center; display:flex; flex-direction:column; justify-content: space-evenly;}
.mCont9 .exchange .exchange-info .exchange-dtl{display:flex; justify-content:space-between; margin:5px;}
.mCont9 .exchange .exchange-info span{font-size:16px; display:flex; align-items:center;}
.mCont9 .exchange .exchange-info .exchange-mny{font-weight: bold;}

.mCont9 .flag-size {width:30px;}

.main-notice {width:50%; margin-right:4%;  position:relative;}
.main-notice ul {width:100%; border-top:1px solid #C7C7C7; box-sizing: border-box;}
.main-notice ul li {position: relative; padding:0 10px; border-bottom:1px solid #c7c7c7;}
.main-notice ul li a {position: relative; display: block; width:90%; font-size: 18px; padding:15px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.main-notice ul li span {position: absolute;right: 10px; top: 15px;font-size: 14px;font-family: georgia;}

.review {width:45%;  position:relative;}
.review ul {width:100%; padding-top: 25px; border-top:1px solid #C7C7C7; box-sizing: border-box; text-align: center; overflow:hidden;}
.review ul li {width:42%; height:100%; margin:0 4%; float:left;}


.review ul li:last-child {margin-right: 0;}
.review ul li:nth-child(3){display:none;}
.review ul li img {width:100%; height:180px; }
.review ul li span.exp {display: block; width: 100%; height: 35px; margin-top:15px; text-align:center; overflow: hidden; font-size:16px; font-family: georgia;}



/*hot deal*/

.mCont3 {width: 100%; margin:0 auto; margin-top:30px;}
h2.Tit-area{font-size:20px; font-family: 'Georgia'; font-weight:bold; padding-bottom:15px; border-bottom:1px solid #c7c7c7;}
.mCont3 p.bgBorder{margin-bottom:20px;}
.hot-deal{height:350px; overflow:hidden;}
.hot-deal .bxslider3{display:flex;}
.hot-deal ul {width: 100%; text-align: center; margin-top:40px;}
.hot-deal ul:after {content: ""; display: block; clear: both; z-index: 1;}
.hot-deal ul li{margin-right:30px; width:275px; height:auto;}
.hot-deal ul li a{display:block; width:275px; height:250px; }
.hot-deal ul li a img{width:100%; height:100%;border-radius:30px; box-shadow: 9px 3px 10px rgb(0 0 0 / 12%); display:block;}
.hot-deal ul li span {display: block;}
.hot-deal ul li span.Hname {font-size: 13px; color: #616161; line-height:20px;/*white-space: nowrap; overflow:hidden; text-overflow: ellipsis;*/ margin-top: 15px;}
.hot-deal ul li span.Hprice {font-size: 16px; font-weight: bold; color: #010101; margin-top: 7px;}

/*BEST 쇼핑몰*/

.mCont4 {width: 100%; margin: 0 auto; margin-top:50px;}

.Bshop {position: relative; width: 100%; height: auto; box-sizing: border-box; background: #fff;}

.Bshop ul li{width:275px; margin-right:30px; height:87px; overflow:hidden;}
.m_slider2{margin-top:40px; height:87px; overflow:hidden;}
.m_slider2 a{display:block; width:275px;}
.m_slider2 a img{width:100%; box-shadow: inset 1px 1px 10px rgb(0 0 0 / 12%);}


@media all and (min-width:768px) and (max-width:1920px){
.Bshop ul li{float:left;  }
}
@media all and (min-width:482px) and (max-width:767px){

.popUpArea{display:none;}
}
@media all and (min-width:100px) and (max-width:481px){

.popUpArea{display:none;}
}


/*배너, 노데이타*/
.mCont5{width:1200px; margin:0 auto; margin-top:80px;}
.dflex{display:flex;}
.info-btn{width:280px; margin-right:5%;}
.mCont5 ul{margin-top:30px;}
.info-btn ul li{border:1px solid #f7f7f7; box-shadow: 9px 3px 10px rgb(0 0 0 / 12%);}

.search-ma {width:80%; box-sizing: border-box;}
.mCont5 .search-ma ul{display:flex;}
.mCont5 .search-ma ul:after {content: ""; display: block; clear: both; z-index: 1;}
.mCont5 .search-ma ul li {float: left;margin-right: 3%;width:32%;}
.mCont5 .search-ma ul li:nth-child(3){margin-right:0;}
.mCont5 .search-ma ul li:last-child {margin-right: 0;}
.mCont5 .search-ma ul li:nth-child(4){display:none;}
.mCont5 .search-ma ul li img {width:100%; height:240px; border-radius:50px;}
.mCont5 .search-ma ul li > p{width:100%;display:flex; margin-top:20px;}
.mCont5 .search-ma ul li span.num-page{float:left;width:80%; font-weight:900; font-size:16px; color:#666; margin-bottom:7px; display:block;}
.mCont5 .search-ma ul li p > a.more{float:right; text-align:right; width:20%; font-weight:900;}

/* 대행절차 */

.mCont7 {width: 100%; margin: 0 auto; margin-top: 50px;}
/* 하단정보배너 */

.mCont7:before{content:""; width:100%; height:50px; background-color:#ccc; display:block;}
.mCont7{background-color:#000; overflow:hidden; margin-top:80px;}
.mCont7 > div.dflex{width:1200px; margin:0 auto; display:flex; padding:50px 0;}
.mCont7 h2.Tit-area{height:auto; color:#fff;}
.mCont7 .dflex > div {float: left;}
.mCont7 .deliver{width:33%; margin-right:10%;}
.mCont7 .deliver p{margin:30px 0; font-size:16px; color:#fff;}

.mCont7 .deliver .search-de input[type="text"]{width:190px; height:34px; background:#f5f5f5; border:1px solid #d4d4d4; padding-left:5px; color:#313131; vertical-align: top; box-sizing: border-box;}
.mCont7 .bank-info {width:33%; margin-right:10%;}
.mCont7 .cs-info {width:33%;}
.mCont7 .bank-info h2, .mCont7 .cs-info h2{margin-bottom:30px;}


.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 ul {width: 249px; border: 1px solid #dbdbdb; border-bottom: none;}
.tab .stepTab .menu_tab ul:after {content:""; display: block; clear: both; z-index: 1;}
.tab .stepTab .menu_tab ul li {float: left; width: 124px; height:50px; line-height: 50px; border-right: 1px solid #dbdbdb; background: #eee; text-align: center; vertical-align: middle; font-size: 14px;}
.tab .stepTab .menu_tab ul li:last-child {border-right: none;}
.tab .stepTab .menu_tab ul li.active {background: #0072bc; font-weight: bold; color: #fbfbfb;}
.tab .stepTab .menu_tab ul li.active a {color: #fbfbfb;}

.stepTab div[class^="menu_tab0"] {border: 1px solid #dbdbdb; text-align: center;}

/* 하단정보배너 */

.mCont8 {width: 100%; margin: 0 auto; margin-top: 30px;}
.mCont8 > div {float: left; height:150px;}
.mCont8 .cs-info {width:33%; margin-right:2%;outline: 1px solid #dbdbdb;}
.mCont8 .bank-info {width:33%; margin-right:2%; outline: 1px solid #dbdbdb; border-left: none;}
.mCont8 .top-rate{width:30%; outline:1px solid #dbdbdb}
.mCont8 .top-rate .na-name {
	width:100%;
	height: 40px;
	line-height: 40px;
	background: /*#919293*/#2c2c2c;
	text-align:center;
	color: #fbfbfb;
	font-size:18px;
}
.mCont8 .top-rate .rate-con {
	width: 198px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #3f4253;
	border-top: none;
	text-align: center;
	vertical-align: middle;
	font-size: 13px;
}
.mCont8 .top-rate .rate-con span {
	font-size: 15px;
	font-weight: bold;
	color: #333;
}


/*고시환율*/
.mCont8 .top-rate .exch{width:50%; float:left;/* height:100px; */margin-top: 10px;}
.mCont8 .top-rate .exch ul{width:96%;/* height:90px; *//*outline:1px solid #ccc;*/ margin:0 auto;}
.mCont8 .top-rate h3{text-align:center; margin:8px 0; color: #000; font-weight: 900; font-size: 15px;}
.mCont8 .top-rate .exch ul li{width:132px; margin:0 auto;height: 35px;}
.mCont8 .top-rate .exch ul li:last-child{color:#f00; font-size:13px;}
/* Main menu */

#menu {}

#menu li
{
	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: #000;
}

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

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

/* Sub-menu */

#menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;

    left: calc(width - 50%);
    z-index: 99999;    
    background: #fbfbfb;
    background: -moz-linear-gradient(#444, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    background: -webkit-linear-gradient(#444, #111);    
    background: -o-linear-gradient(#444, #111);	
    background: -ms-linear-gradient(#444, #111);	
    background: linear-gradient(#000, #aaa);
    -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: 0;
  left: 150px;
}

#menu ul li
{
    float: none;
	text-align:left;
    margin: 0;
    padding: 0 3px;
    display: block; 
	border-bottom:1px solid #ccc;

}

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

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

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

#menu ul a:hover
{
	color:#fff;
	font-weight:900;
    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);
}

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

@media all and (min-width:100px) and (max-width:1000px){
#mContainer {margin-top:0;}
}

@media (max-width:482px){
.mConBox2, .mCont5, .mConBox4, .mConBox5, .mCont2, .mCont8{width:96%; margin:20px auto;}
.mConBox4 h2 , .mConBox5 h2 {margin-top:40px; }
.mConBox4 h2{text-align:left; margin-bottom:20px;}
.m_slider .bx-controls{bottom:5px;}
.m_slider .bx-pager a{width:10px; height:10px;}
}


@media all and (min-width:100px) and (max-width:1130px){
.mConBox7{display:none;}
}
/*입금계좌,고객센터,환율*/
@media all and (min-width:630px) and (max-width:930px){
.mCont8 .cs-info{width:48%; margin-bottom:10px;}
.mCont8 .bank-info{width:48%; margin-right:0; margin-left:2%; margin-bottom:10px;}
.mCont8 .top-rate{width:100%; }


}
@media all and (min-width:630px) and (max-width:690px){
.mCont8 .cs-info img, .mCont8 .bank-info img{width:100%;}
}
@media all and (min-width:100px) and (max-width:390px){
.mCont8 .cs-info img, .mCont8 .bank-info img{width:100%;}
}
@media all and (min-width:100px) and (max-width:629px){
.mCont8 .cs-info{width:100%; float:none; margin-bottom:20px;}
.mCont8 .bank-info{width:100%; float:none; margin-bottom:20px;}
.mCont8 .top-rate{width:100%; float:none;}
}

@media all and (min-width:630px) and (max-width:800px){
.review ul li {width:70%; margin:0 auto; float:none;}
.main-notice ul li a{width:200px;}
}
@media all and (min-width:630px) and (max-width:700px){
.main-notice ul li a{width:190px;}
}
@media all and (min-width:100px) and (max-width:699px){
.mCont2 > div{width:100%; margin-right:0;}
.mCont2 .main-sch{margin-left:0;}
.mConBox2 ul li{width:50%;}
.search-pay ul{width:100%;}
}



@media all and (min-width:100px) and (max-width:1450px){
#floating , #floating2{display:none;}
}

/*################################################################################################################################*/
@media (max-width:1240px){

#container{width:94%; margin:0 auto;}
.hot-deal ul , .m_slider2{margin-top:25px;}
.mCont7 > div.dflex{width:94%; margin:0 auto;}
.mCont5 .search-ma{padding:25px 0 0;}
.rateA li:last-child{margin:0;}
}

@media (max-width:1201px){

.mConBox1 , .mCont2 , .mCont3, .mCont4 , .mCont5 , .mCont6, .mCont9 {width:100%; margin-top:40px;}
 .mCont7 > div.dflex{width:94%;} 
.mConBox1 .m_slider{width:100%; float:none; height:auto; border:none; outline:1px solid #e1e1e1;}
.mConBox1 .Rbox .login-sns > a, .mCont9 .deliver p, .mCont9 .exchange p, .mCont9 .exchange .exchange-info span, .mCont9 .exchange .exchange-info .exchange-mny{font-size:14px;}
.m_slider .bxslider li a img, .mCont2 .main-sch a img{width:100%; height:auto;}
.mConBox1 .Rbox{float:none; width:100%; display:flex; margin:30px auto 0;}
.mConBox1 .Rbox .rbox1{width:50%;}
.mConBox1 .Rbox .login-box{width:48%; margin-right:2%; height:170px; float:left;}
.mConBox1 .Rbox .login-sns{width:100%; margin:0 0 10px}
.mConBox1 .Rbox .btn-box{width:100%;}
.mConBox1 .Rbox .login-sns > a img{display:inline-block;margin:0 auto;}
.mCont5 .search-ma ul li img{height:200px;}

.main-notice {width:50%; margin-right:4%;}
.main-notice ul li a{font-size:16px;}
.review{width:47%;}
.review ul li{width:46%; margin:0 2%}
.review ul li span.exp{font-size:14px;}

.mCont7 > div.dflex{justify-content:space-between;}
.mCont7 .deliver{width:40%; margin-right:5%;}
.mCont7 .bank-info{margin-right:5%;}

}

@media (max-width:1000px){
.mCont2 h2 > a.more, .mCont5 h2 > a.more {width:20px; height:20px; top:0;}
.mCont2 h2 > a.more:before , .mCont5 h2 > a.more:before{width:10px;}
.mCont2 h2 > a.more:after , .mCont5 h2 > a.more:after{height:10px;}
.mCont5 .search-ma ul li{width:33%;}
.mCont5 .search-ma ul li:nth-child(3) {margin-right:0;}
.mCont5 .search-ma ul li:nth-child(4) {display: none;}
.mCont7 > div.dflex{display:block; overflow:hidden;}
.mCont7 .deliver{float:none; width:100%; margin-right:0; margin-bottom:20px;}
.mCont7 h2.Tit-area{width:300px;}
.mCont7 .bank-info{width:50%; margin-right:0;}
.mCont7 .cs-info{width:50%;}
.mCont7:before{height:40px;}


}


@media (max-width:1040px){
.mCont .search-ma ul li{width:46%; margin-right:4%;}
.mCont .search-ma ul li:nth-child(2){width:46%; margin-left:4%; margin-right:0;}
.mCont .search-ma ul li:nth-child(3), .mCont .search-ma ul li:nth-child(4){display:none;}
.mCont .search-ma ul li img{width:100%;}

}
@media (max-width:800px){
.mConBox1 , .mCont2 , .mCont3, .mCont4 , .mCont5 , .mCont6 , .mCont7{margin-top:30px;}
.mConBox1 .Rbox .login-box {display:none;}
.mConBox1 .Rbox .rbox1{width:100%;}
.mConBox1 .Rbox .btn-box{margin-top:0;}
.mConBox1 .Rbox .btn-box p /*, .mConBox1 .Rbox .btn-box span*/ {line-height:50px;}
.mConBox1 .Rbox .btn-box em{font-size:16px;}

.mCont2, .mCont9{flex-direction: column;}
.mCont2 > div {float:none;}
.mCont2 .main-notice, .mCont9 .deliver {width:100%; margin-right:0;}
.mCont9 .exchange{width:100%; margin-left:0;}
.mCont9 .deliver, .mCont9 .exchange {padding: 0px;}

.mCont2 .review{width:100%; margin-right:0; margin-top:30px;}

.info-btn li h3{font-size:16px;}

.main-notice ul li a{font-size:14px;}
.review ul{display:flex; justify-content:space-between;}
.review ul li{width:48%; margin:0;}
.review ul li span.exp{height:20px;}
.mCont7 > div.dflex {padding:30px 0;}
.mCont7:before{height:35px;}
}
@media (max-width:700px){
.mCont7 .cs-info img{width:100%;}
}
@media (max-width:680px){
.mCont5 .search-ma ul li{width:33%; margin-right:20px;}
.mCont7 .dflex > div{float:none;}
.mCont7 .deliver p{margin:20px 0;}
.mCont7 .bank-info h2, .mCont7 .cs-info h2{margin-bottom:20px;}

.mCont7 .cs-info{margin-top:20px;}
.mCont7 .cs-info img{width:auto;}
}

@media (max-width:600px){
.mConBox1{width:100%; margin-top:10px;}
.mConBox1 .m_slider{width:100%; float:none; height:auto;}
.mConBox1 .Rbox{float:none; margin:20px auto 0;}
.mConBox1 .Rbox .rbox1{width:100%}
.mConBox1 .Rbox .login-box{width:89.5%; height:auto; float:left; margin-bottom:10px;}
.mConBox1 .Rbox .login-box1{width:99%; border:1px solid #ccc; margin-bottom:10px; float:none; padding:0; height:205px;}
.mConBox1 .Rbox .login-box .input-sec{width:80%; margin:20px auto 10px;}

.mConBox1 .Rbox .login-box .item2, .mConBox1 .Rbox .login-box .login-util{margin-left:10%;}
.mConBox1 .Rbox .login-box .login-util{margin-left:10%;}
.mConBox1 .Rbox .login-box .logout{box-shadow:none;}
.mConBox1 .Rbox .login-sns{width:100%; margin:0 0 10px}
.mConBox1 .Rbox .btn-box{width:100%;}
.hot-deal{height:auto;}
.hot-deal ul li{margin-right:30px; width:190px;}
.hot-deal ul li a{width:190px; height:190px; }
.hot-deal ul li span.Hprice{font-size:14px;}
.m_slider2 a{width:100%; overflow:hidden;}
.mCont5 .search-ma ul{display:flex; justify-content:space-between;}
.mCont5 .search-ma ul li{width:48%; margin-left:0; margin-right:2%;}
.mCont5 .search-ma ul li:nth-child(2){margin-left:auto; margin-right:0;}
.mCont5 .search-ma ul li:nth-child(3), .mCont5 .search-ma ul li:nth-child(4){display:none;}
.mCont5 .search-ma ul li img{width:100%;}
.info-btn li{width:48%;}
.rateA li:last-child{margin-left:45px; margin-top:20px;}

}

@media (max-width:482px){
.mConBox1 , .mCont2 , .mCont3, .mCont4 , .mCont5 , .mCont6 , .mCont7, .mCont9 {margin-top:20px;}
.mCont7:before{height:30px;}
.mConBox1 .Rbox{margin:10px auto;}
.hot-deal ul li a {width:180px; height:160px;}
.review ul li img {height:120px;}
.review ul li span.exp {font-size:12px; height:20px;}
.mCont5 .search-ma ul li img{height:150px;}
.info-btn li{width:49%;}
.info-btn li h3{font-size:14px; line-height:35px;}

}

@media (max-width:860px){
.mCont5 .dflex{display:block;}
.info-btn{width:100%; margin-right:0;}
.info-btn ul{width:100%; overflow:hidden;}
.info-btn ul li{width: 49%;float:left;background: linear-gradient(#f8f8f8, #f8f8f8);height: 75px;border-radius: 10px;/*border: 1px solid #ccc;*/
margin-right: 1%;margin-bottom: 1%; overflow:hidden; box-shadow:none;}
.info-btn ul li a img{display:block; margin:0 auto; text-align:center;}
.info-btn ul li:nth-child(2), .info-btn ul li:nth-child(4){margin-right:0;}
.mCont5 .search-ma{width:100%; }
.mCont5 .search-ma ul li img{height:190px;}

}
@media (max-width:600px){
.mCont5 .search-ma ul li{width:46%; margin-right:4%;}
.mCont5 .search-ma ul li:nth-child(2){width:46%; margin-left:4%; margin-right:0;}
.mCont5 .search-ma ul li:nth-child(3){display:none;}
.mCont5 .search-ma ul li img{height:190px;}
}

@media (max-width:550px){
.mCont5 .dflex{display:block;}
.info-btn{width:100%; margin-right:0;}
.info-btn ul{width:100%; overflow:hidden;}
.info-btn ul li{ background: linear-gradient(#f8f8f8, #f8f8f8);height: 75px;border-radius: 10px; width:100%;
margin-bottom: 1%; overflow:hidden;  box-shadow:none; }
.info-btn ul li a img{display:block; margin:0 auto; text-align:center;}
.mCont5 .search-ma{width:100%;}

}

@media (max-width:482px){
.mCont5 .search-ma ul li{width:48%; margin-right:2%;}
.mCont5 .search-ma ul li:nth-child(2){width:48%; margin-left:2%; margin-right:0;}
.mCont5 .search-ma ul li:nth-child(3){display:none;}
.mCont5 .search-ma ul li span.num-page{font-size:14px;}
}

@media (max-width:430px){
.mCont5 .search-ma ul li{width:240px; margin:0 auto;}
.mCont5 .search-ma ul li:nth-child(2){display:none;}
.mCont5 .search-ma ul li:nth-child(3){display:none;}
.mCont5 .search-ma ul li span.num-page{font-size:14px;}
.mCont5 .search-ma ul li img{height:180px;}

}

/*팝업*/
/*#full{width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:fixed; left:0; top:0;}*/
.LayerPopArea{width:auto; height:auto;
display:flex;flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center;}
.popBody{width:100%; height:100%;}
@media (max-width:768px){
.LayerPopArea{background:rgba(0,0,0,0.7); }
}

.info-btn-li {margin-top: 30px; display:flex; justify-content:center;}
.info-btn-li ul {display: flex; gap: 10px; padding: 0; margin: 0; list-style-type: none;}
.info-btn-li li {display: inline-block;}

.main-sch {width:50%; margin-left:4%;  position:relative;}