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


/*메인*/

#mContainer {width: 100%; margin-top:40px;}
#mContainer #Container {width: 1100px; margin: 0 auto;}

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

.mConBox1 .m_slider {float: left; border: 1px solid #b5b5b5; border-right: none;}

.mConBox1 .Rbox {position: relative; float: right; width: 278px; height: 304px; border: 1px solid #b5b5b5; padding: 20px 24px 47px 24px; box-sizing: border-box;}
.mConBox1 .Rbox .login-box {position: relative; width: 226px; height: 159px;}
.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: 0; right: 0;}

.mConBox1 .Rbox .login-box h2 {position: relative; width: 100%; height: 34px; line-height: 30px; font-size: 13px; font-weight: bold; background: #016dc2; 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;}
.mConBox1 .Rbox .login-box .logout ul li {width: 100%; box-sizing: border-box; line-height: 15px; font-size: 13px; padding: 5px 15px;}

.mConBox1 .Rbox .login-naver {width: 226px; margin-top: 14px; margin-bottom: 12px;}

.mConBox1 .Rbox .login-util {width: 226px;}
.mConBox1 .Rbox .login-util:after {content: ""; display: block; clear: both; z-index: 1; margin-bottom: 20px;}
.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%;}
.mConBox1 .Rbox .login-util ul li:last-child {margin-right: 0; padding-right: 0; background: none;}

.mConBox1 .Rbox .btn-box {width: 226px;}
.mConBox1 .Rbox .btn-box:after {content: ""; display: block; clear: both; z-index: 1; margin-bottom: 19px;}
.mConBox1 .Rbox .btn-box ul li {float: left;}
.mConBox1 .Rbox .btn-box ul li:last-child {float: right;}

.mConBox1 .Rbox .btn-box2 {position: absolute; width: 276px; height: 35px; left: 0; bottom: 11px;}
.mConBox1 .Rbox .btn-box2:after {content: ""; display: block; clear: both; z-index: 1;}
.mConBox1 .Rbox .btn-box2 ul li {float: left; height: 35px;}

.mConBox2 {width: 1100px; margin: 0 auto; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; margin-top: 20px; padding-bottom: 1px;}
.mConBox2:after {content: ""; display: block; clear: both; z-index: 1;}
.mConBox2 ul li {float: left; border: 1px solid #dbdbdb; width: 25%; height: 90px; box-sizing: border-box; border-right: none; border-bottom: none;text-align:center;}

.mConBox3 {width: 1100px; margin: 0 auto; margin-top: 40px;}
.mConBox3 h2 {position: relative; padding-left: 28px; font-size: 16px; font-family: 'Naum Barungothic'; font-weight: bold; color: #333; background: url(/image/main/bul01.gif) no-repeat left 50%;}
.mConBox3 h2 span.st {font-size: 13px; color: #007bd3;}
.mConBox3 h2 span.more {position: absolute; top: 3px; right: 10px;}
.mConBox3 .search-ma {width: 100%; height: 247px; border: 1px solid #dbdbdb; border-top: 2px solid #007bd3; margin-top: 16px; padding: 30px 0; box-sizing: border-box;}

.mConBox3 .search-ma ul {width: fit-content; margin: 0 auto;}
.mConBox3 .search-ma ul:after {content: ""; display: block; clear: both; z-index: 1;}
.mConBox3 .search-ma ul li {float: left; margin-right: 64px;}
.mConBox3 .search-ma ul li:last-child {margin-right: 0;}
.mConBox3 .search-ma ul li img {border: 1px solid #dbdbdb;}
.mConBox3 .search-ma ul li span {display: block; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mConBox3 .search-ma ul li span.num-page {margin-top: 20px;}

/*메인 롤링 배너*/
.m_slider{position:relative; width:810px; height:302px; border-right: 1px solid #a7b2b8; border-bottom: 1px solid #a7b2b8;}
.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:1882px;}
.m_slider .frame ul li.active { color: #fff; background: #a03232; }
.m_slider .bx-controls {position:absolute; width:100%; height:16px; bottom:40px; 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;*/
	border:1px solid #fff;
	box-sizing:border-box;
    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: #FFf;
}


/*hot deal*/

.mConBox4 {width: 1100px; margin: 0 auto; margin-top: 50px;}

.mConBox4 h2 {width:100%; font-size: 28px; font-weight: bold; font-family: 'naum barungothic', 나눔바른고딕; text-align: center; background: url(/image/main/hot_hr.gif) repeat-x left 50%; margin-bottom: 50px;}
.mConBox4 h2 span {color:#ed1c24;}

.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: 20%;}
.hot-deal ul li img {width: 190px; height: 190px;}
.hot-deal ul li span {display: block; width: 190px;}
.hot-deal ul li span.Hname {font-size: 13px; color: #616161; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 15px;}
.hot-deal ul li span.Hprice {font-size: 16px; font-weight: bold; color: #010101; margin-top: 7px;}


/*BEST 쇼핑몰*/

.mConBox5 {width: 1100px; margin: 0 auto; margin-top: 50px;}

.mConBox5 h2 {width:100%; font-size: 24px; font-weight: bold; font-family: 'naum barungothic', 나눔바른고딕; margin-bottom: 15px;}
.mConBox5 h2 span {color:#ed1c24;}
.mConBox5 h2 span.snail {color:#000; font-size: 13px; font-weight: 300;}

.Bshop {position: relative; width: 100%; height: 242px; padding-top: 40px; border: 1px solid #dbdbdb; box-sizing: border-box; background: #fff;}
.m_slider2 #slider2-B {position:absolute; left: 0; top: 88px; z-index:100;}
.m_slider2 #slider2-N {position:absolute; right: 0px; top: 88px; z-index:100;}

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

.mConBox6 {width: 1100px; margin: 0 auto; margin-top: 50px;}
.mConBox6:after {content: ""; display: block; clear: both; z-index: 1;}
.mConBox6 h2 {
	position: relative;
	margin-bottom: 15px;
    padding-left: 28px;
    font-size: 16px;
    font-family: 'Naum Barungothic';
    font-weight: bold;
    color: #333;
    background: url(/image/main/bul01.gif) no-repeat left 50%;
}
.mConBox6 h2 span {position: absolute; top: 3px; right: 10px;}
.mConBox6 > div {float: left; margin-right: 9px;}

.review {}
.review ul {width: 400px; height: 180px; padding-top: 25px; border: 1px solid #dbdbdb; box-sizing: border-box; text-align: center;}
.review ul li {display: inline-block; width: 164px; margin-right: 15px;}
.review ul li:last-child {margin-right: 0;}
.review ul li img {width: 161px; height: 92px; border: 1px solid #dbdbdb;}
.review ul li span.exp {display: block; width: 161px; height: 30px; margin-top: 12px; text-align: left; overflow: hidden;}

.main-notice {}
.main-notice ul {width: 380px; height: 180px; border: 1px solid #dbdbdb; border-top: 2px solid #007bd3; padding: 25px 26px; box-sizing: border-box;}
.main-notice ul li {position: relative; width: 100%; line-height: 220%;}
.main-notice ul li a {position: relative; display: block; width: 230px; font-size: 13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.main-notice ul li span {position: absolute; right: 0; top: 0;}

.search-pay {}
.search-pay ul {width: 300px; height: 180px; border: 1px solid #dbdbdb; padding: 25px 26px; box-sizing: border-box;}
.search-pay ul li {position: relative; width: 100%; line-height: 220%;}
.search-pay ul li a {position: relative; display: block; width: 100px; font-size: 13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.search-pay ul li span {position: absolute; right: 0; top: 0;}

/* 대행절차 */

.mConBox7 {width: 1100px; margin: 0 auto; margin-top: 50px;}

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

/* 하단정보배너 */

.mConBox8 {width: 1100px; margin: 0 auto; margin-top: 30px;}
.mConBox8 > div {float: left;}
.mConBox8 .cs-info {border: 1px solid #dbdbdb;}
.mConBox8 .bank-info {border: 1px solid #dbdbdb; border-left: none;}
.mConBox8 .blog-bn {margin-left: 7px;}
.mConBox8 .cafe-bn {margin-left: 7px;}
.mConBox8 .instar-bn {margin-left: 7px;}

/* 알리피드 */
.ap_box1 { width:1260px; }
.ap_box1 .ap_box1_bnr { float:left; }
.ap_box1 .m_slider {width:945px;height:630px;border:none; box-sizing:border-box;}

.ap_box2 { width:1260px;margin:0 auto; margin-top:40px; border:1px solid #e37980; box-sizing:border-box;}
.ap_box2 .info-btn ul:after { display:block; clear:both; content:''; }
.ap_box2 .info-btn ul li { float:left; width:25%; height:73px; border:none; }

.ap_box3 { width:1260px; margin:0 auto;margin-top:20px; display:flex; flex-wrap:nowrap; justify-cotent:space-between; }
/*.ap_box3:after {content:''; display:block; clear:both;}*/
.ap_box3 .box3_bnr { margin-right:20px; float:left; width:68%;}
.ap_box3 .box3_bnr ul:after {display:block; content:''; clear:both;}
.ap_box3 .box3_bnr ul li { float:left; cursor:pointer;}
/*영상슬라이드*/
.ap_box3 .box3_bnr ul li > div.imgLinkArea > img{display:block; width:216px; height:125px;overflow:hidden; }
.ap_box3 .box3_bnr ul li > div.imgLinkArea > p{font-weight:900; text-align:center; line-height:20px;margin-top:10px;}
.ap_box3 .box3_bnr ul li > div.imgLinkArea > a{width:154px; height:31px; margin:10px auto 0; display:block;}

.ap_box3 .mNotice { width:292px; height:156px;padding:30px 42px; background-color:#cddee6; float:left; position:relative;}
.ap_box3 .mNotice .h3_tit { font-size:21px; color:#2e2e2e; font-weight:bold; padding-bottom:21px;} 
.ap_box3 .mNotice .mNtc_txt li {width:100%;position:relative;}
.ap_box3 .mNotice .mNtc_txt li a {position:relative;display:block;line-height:30px; overflow:hidden;width:211px;white-space:nowrap;text-overflow:ellipsis;}
.ap_box3 .mNotice .mDate { position:absolute;right:0;top:0; color:#9ba4a9;line-height:30px;}
.ap_box3 .mNotice .Ntc_more { position:absolute; right:42px;top:30px; }

.ap_box4 { width:1260px;margin:0 auto; margin-top:70px;}
.ap_box4 h2 { padding-bottom:36px; }
.ap_box4 .Bshop { height:auto;padding:0;border:none;overflow:hidden;}
.ap_box4 .Bshop li { border:1px solid #dbdbdb; float:left; margin-right:20px;}
.ap_box4 .Bshop li:last-child { margin-right:0; }

.ap_box5 { width:1260px; margin:0 auto; margin-top:70px;}
.ap_box5:after {display:block; clear:both; content:'';}
.ap_box5 h2 {padding-bottom:49px;}
.ap_box5 .Bpro_wrap { width:1126px;margin:0 auto;overflow:hidden; }
.ap_box5 .Bpro { float:left; border:1px solid #dbdbdb;position:relative; overflow:hidden;}
.ap_box5 .Bpro01 { width:560px; height:700px; }
.ap_box5 .Bpro01 .prod-img {width:100%; height:490px;}
.ap_box5 .Bpro02 { width:677px; height:351px;border-left:none; }
.ap_box5 .Bpro02 .prod-img, .ap_box5 .Bpro03 .prod-img {width:240px; height:210px; margin-top:90px; margin-left:35px;}
.ap_box5 .Bpro03 { width:677px; height:348px;border-left:none; border-top:none;}
.Bpro .label_B01 { position:absolute; left:57px; top:35px; }
.Bpro .B_txt {text-align:center; position:absolute; left:0; bottom:80px;width:100%; font-size:18px; }
.Bpro .B_txt .B_price { display:block; font-size:26px; font-weight:bold; padding-top:20px;}
.Bpro02 .B_txt {text-align:left; position:absolute; left:305px; top:154px;width:45%; font-size:18px;line-height:20px;}
.Bpro02 .B_txt .B_price { display:block; font-size:26px; font-weight:bold;padding-top:20px;}
.Bpro03 .B_txt {text-align:left; position:absolute; left:305px; top:154px;width:45%; font-size:18px;line-height:20px;}
.Bpro03 .B_txt .B_price { display:block; font-size:26px; font-weight:bold;padding-top:20px;}

.ap_box6 { width:1260px; margin:0 auto; margin-top:70px; }
.ap_box6 h2 { padding-bottom:39px;}
.h-deal ul:after {display:block; content:'';clear:both;}
.h-deal ul li {float:left; border:1px solid #ddd; width:298px; height:400px; margin-right:20px; margin-bottom:20px; position:relative;text-align:center;}
.h-deal ul li:nth-child(4n) { margin-right:0; }
.h-deal .Hd_img { width:100%; height:259px; border-bottom:1px solid #ddd; }
.h-deal .Hd_txt { width:100%; height:140px; }
.h-deal .Hd_txt .Hdname { display:block; width:263px;margin:0 auto;padding-top:15px; font-size:15px;font-weight:bold;white-space:nowrap;overflow:hidden;overflow:ellipsis;padding-bottom:10px; }
.ap_box6 .h-deal .label_hot { position:absolute; left:0;top:0; }

.ap_box7 { width:1260px; margin:0 auto; margin-top:70px; }
.ap_box7 .tab .stepTab { border:1px solid #dbdbdb; }
.ap_box7 .tab .stepTab:after {content:""; display: block; clear: both; z-index: 1;}
.ap_box7 .tab .stepTab .menu_tab {float:left;}
.ap_box7 .tab .stepTab .menu_tab ul {width:auto;border:none;}
.ap_box7 .tab .stepTab .menu_tab ul:after {content:""; display: block; clear: both; z-index: 1;}
.ap_box7 .tab .stepTab .menu_tab ul li { float:none;width:175px;height:104px;line-height:109px;border:none; border-right:1px solid #dbdbdb; font-size:19px;}
.ap_box7 .tab .stepTab .menu_tab ul li:first-child { border-bottom:1px solid #dbdbdb; }
.ap_box7 .tab .stepTab .menu_tab ul li.active {background: #fff;font-weight: bold; color: #fbfbfb;border-right:none;}
.ap_box7 .tab .stepTab .menu_tab ul li.active a {color: #d1202c;}

.ap_box7 .tab .stepTab .tab_txt { float:left; border:none;text-align:center;}
.ap_box7 .tab .stepTab .tab_txt .mTs { border:none; }

.ap_box8 { width:1260px; margin:0 auto; margin-top:70px;margin-bottom:80px; border:10px solid #dbdbdb; box-sizing:border-box;}
.ap_box8:after {clear:both; display:block; content:'';}
.ap_box8 .cs-info { float:left; border-right:1px solid #dbdbdb;width:461px;height:222px;}
.ap_box8 .bank-info { float:left; border-right:1px solid #dbdbdb;width:428px;height:222px; }
.ap_box8 .ex-info {float:left;height:222px;padding-left:38px;font-family:'맑은 고딕';}
.ap_box8 .ex-info h4 { padding-top:40px; padding-bottom:34px; }
.ap_box8 .box_exrate { width:257px;padding-left:15px;height:44px;border:1px solid #ddd;line-height:40px;margin-top:19px;font-size:14px;font-weight:bold;}


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

*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;
    top: 50px;
    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(#444, #111);
    -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: 100px;
}

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

}

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

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

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

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

#menu ul a:hover
{
    background: #ee8f95;
	color:#111; font-weight:bold;
}

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

#menu ul ul li:first-child a:hover:after
{
    border-right-color: #ee8f95; 
    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;}