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


html {width:100%; height:100%;}
body {width:100%; height:100%; background:#eee;}
#M-wrap {width:100%; height:100%;}
#M-wrap .main_bg {width:100%;  max-height:100%; margin:0 auto; overflow:hidden}
#M-wrap .main_bg img {width:100%;  height:auto;}
#M-wrap .wrap-inner {position:relative; height:100%; max-height:100%; margin:0 auto; overflow:hidden;}

/* 로그인박스 */
.Mlogin_Box { width:742px; height:469px; position:absolute; left:calc(50% - 371px); top:120px; background-color:#fff; border-top:4px solid #74d9d3; border-bottom:4px solid #74d9d3;}
.login { width:452px; margin:0 auto; padding:85px 0 82px 0; position:relative;}
.login_ex { text-align:center; font-size:23px; font-weight:bold; color:#67a19e; padding-bottom:70px; }
.mlogin_input, .mlogin_input { width:208px; height:36px; border:1px solid #959595; padding:0 10px; margin-bottom:12px;}
.login_input li.mlogin_li { font-size:18px; font-weight:bold; color:#606060; }
.login_title { display:inline-block; width:107px; }
.btn_login { position:absolute; right:0; top:173px; }

.login_tip { overflow:hidden; padding-top:23px;}
.login_tip li { padding-bottom:40px; }
.login_tip .fl { font-size:14px; font-weight:bold; color:#7d7d7d;}
.login_tip .fr { font-size:14px; font-weight:bold; background-color:#74d9d3; text-align:center;}
.login_tip .fr a.mbtn_login { display:inline-block; width:169px; height:33px; color:#fff; line-height:33px; }

/* Main container */
#container { width:100%; /*border:1px dashed red;*/  padding-top:38px; }
#container .container_inner {/*border:1px dashed red;*/ position:relative; width:1260px; margin:0 auto; }
#container .mConBox1 .ConBox { float:left; }
#container .mConBox1 .ConBox_4 { position:absolute; left:0; top:315px; }
#container .mConBox1:after { content:""; display:block; clear:both; }

#container .mConBox2 { padding-top:50px; /*border:1px dashed red;*/ overflow:hidden;}
#container .mConBox2 h2 { text-align:center; padding-bottom:49px; }
#container .mConBox2 .mReview { width:298px; height:290px; overflow:hidden; float:left; margin-right:20px; margin-bottom:78px; border:1px solid #e5e5e5; }
#container .mConBox2 .mReview:last-child { margin-right:0; }
#container .mConBox2 .mReview h3 { font-size:17px; font-weight:bold; color:#313131; text-align:center; padding-top:25px; }
#container .mConBox2 .mReview p { font-size:14px; line-height:22px; color:#898989; padding:12px 29px 30px 28px; }


#container .mConBox3 h2 { text-align:center; padding-bottom:44px; }
#container .mConBox3 ul { /*border:1px solid red;*/ overflow:hidden; padding:0 67px; 0 65px;}
#container .mConBox3 ul li { position:relative; float:left; border:1px solid #dbdbdb; overflow:hidden; }
#container .mConBox3 ul .mBest_price { font-size:26px; font-weight:500; color:#010101; line-height:50px; display:block;}
#container .mConBox3 ul li .mBest_txt { position:absolute; left:304px; top:154px; font-size:17px; font-weight:300; color:#616161; padding-right:37px; }

#container .mConBox3 ul .mBest1 { width:560px; height:701px; }
#container .mConBox3 ul .mBest1 .mBest_txt { position:absolute; left:96px; top:559px; text-align:center; }
#container .mConBox3 ul .mBest1 .icon_best1 { position:absolute; left:57px; top:64px; }

#container .mConBox3 ul .mBest2 { width:563px; height:350px; border-left:0; }
#container .mConBox3 ul .mBest2 .icon_best2 { position:absolute; left:59px; top:55px; } 

#container .mConBox3 ul .mBest3 { width:563px; height:350px; border-left:0; border-top:0; }
#container .mConBox3 ul .mBest3 .icon_best3 { position:absolute; left:58px; top:55px; } 


#container .mConBox4 { background-color:#f2f2f2; height:165px;overflow:hidden; margin-top:83px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
#container .mConBox4 .box4_inner { /*border:1px solid red;*/ margin:0 auto; width:1260px; }
#container .mConBox4 h2 { font-size:18px; font-weight:bold; color:#000000; padding:15px 0; float:right;margin:0 auto;text-align:center; }
#container .mConBox4 h2 span { font-weight:400; color:#80af87; }
#container .mConBox4 .mBestshop { clear:both; height:110px;}
#container .mConBox4 .mBestshop .m_slider2 { position:relative;}
#container .mConBox4 .mBestshop .m_slider2 .bxslider2 .mBox4_shop {float:left; }
#container .mConBox4 .mBestshop .m_slider2 .bxslider2 li img { width:213px; height:80px; border:1px solid #b1b1b1; }
#container .mConBox4 .mBestshop .m_slider2 .bxslider2 { overflow:hidden; }

#container .mConBox4 .mBestshop .m_slider2 #slider2-B { position:absolute; left:-11px; top:28px; }
#container .mConBox4 .mBestshop .m_slider2 #slider2-N { position:absolute; right:-11px; top:28px; }


#container .mConBox5 { margin:82px 0 72px 0; overflow:hidden; }
#container .mConBox5 .dp_tab { position:relative; }
#container .mConBox5 .dp_tab .menu_tab { float:left; }
#container .mConBox5 .dp_tab .menu_tab ul li { border:1px solid #e6e6e6; }
#container .mConBox5 .dp_tab .menu_tab ul li:first-child { border-bottom:none; }
#container .mConBox5 .dp_tab .mTs { position:absolute; right:0; top:0; }


#container .mConBox6 { width:1242px; height:262px; border:10px solid #ececec; overflow:hidden; margin-bottom:67px; }
#container .mConBox6 .box6 { float:left; }

#container .mConBox6 .mNotice { position:relative; width:280px; height:225px; border-right:1px solid #f0f0f0; padding-left:18px; padding-top:37px; }
#container .mConBox6 .mNotice .mNotice_plus { float:right; }
#container .mConBox6 .mNotice .mBox6_notice { font-family:"Dotum"; font-size:14px; color:#313131; line-height:28px;padding-right:41px; position:absolute; left:19px; top:73px; }
#container .mConBox6 .mNotice .mBox6_notice li { height:26px;display:inline-block;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;width:245px; }
#container .mConBox6 .mNotice #con2 { }
#container .mConBox6 .mNotice .mBox6_notice .notice_date { float:right; }

#container .mConBox6 .mDe { /*border:1px dashed red;*/ overflow:hidden; width:237px; height:186px; border-right:1px solid #f0f0f0; padding:37px 31px 39px 40px; }
#container .mConBox6 .mDe h3 {  padding-bottom:21px; font-size:17px; font-weight:bold; }
#container .mConBox6 .mDe input { width:180px; height:34px; background-color:#f5f5f5; border:1px solid #e3e3e3; font-size:13px; padding-left:8px; margin-bottom:10px; margin-right:9px; overflow:hidden;}
#container .mConBox6 .mDe .mDe_dhl {  background:url(/image/mDe_icon.gif) no-repeat right top #f5f5f5; }
#container .mConBox6 .mDe .search { float:left; margin-bottom:24px; }
#container .mConBox6 .mDe .search:last-child { margin-bottom:0; }
#container .mConBox6 .mDe .icon_search { width:38px; height:36px; border:0; float:right; padding-left:0; margin-right:0;}



/* 탑유틸메뉴*/
#M-wrap .M-top-util {position:absolute; right:150px; top:65px;}
#M-wrap .M-top-util ul li {float:left; margin-right:18px; color:#ededed;}
#M-wrap .M-top-util ul li a {font-size:13px; color:#ededed;}
#M-wrap .M-top-util ul li a:hover {color:#FF0;}
#M-wrap .M-top-util ul li span {color:#ededed;}



/* 탑로고단*/
#M-wrap .logo-sec {position:absolute; left:150px; top:85px; width:1200px; margin:0 auto;}
#M-wrap .logo-sec h1 {margin-bottom:50px;}
#M-wrap .logo-sec ul li {margin-bottom:13px;}
#M-wrap .logo-sec ul li a {font-size:13px; color:#ededed;}
#M-wrap .logo-sec ul li a:hover {color:#FF0;}
#M-wrap .logo-sec .gnb .cs-bn {margin-top:45px;}


.bx-controls {position:absolute; height:16px; bottom:340px; left: 145px; z-index:100; }
.bx-pager {display:table; margin:0 auto;}
.bx-pager .bx-pager-item {float:left;}
.bx-pager .bx-pager-item .active {}
.bx-controls-direction {display:none;}
.bx-pager a {
    background: #eb0215;
    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;
}
.bx-pager a.active {background: #FFFF00;}


/* 풋터*/

#M-footer {position:absolute; left:0; bottom:0; width:100%; height:150px; padding-left:150px; padding-top:30px; background-color:rgba(0,0,0,0.5); box-sizing:border-box;}
#M-footer .f-util {margin-bottom:17px;}
#M-footer .f-util:after {content:""; display:block; clear:both; z-index:1;}
#M-footer .f-util ul li {float:left; margin-right:20px;}
#M-footer .f-util ul li a {color:#b0b0b0; font-size:13px; font-weight:bold;}
#M-footer .copy {color:#b0b0b0;}


/* Layer Popup */
.indexcon {position:fixed;top:0;bottom:0;left:0;right:0;z-index:100001;width:99%;height:99%;background-color: hsla(120, 100%, 0%, 0.3);}
.indexcon .Box {margin:0 auto;width:40%;height:99%;padding:30px;padding-top:20px;background:#fff;left:50%;border:1px solid #000;}
.indexcon .Box .ConClose {width:100%;text-align:right;height:40px;}
.indexcon .Box .Cont {width:100%;height:90%;overflow-y:auto;padding-top:0px;}


/* 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 */