@charset "utf-8";

#headerWrap{position:relative; height:90px; width:960px; margin:0 auto }
#wrapper {position:relative; width:960px; min-height:1000px;margin:0 auto; margin-bottom: 50px; }
#container { overflow:hidden;margin-top:40px }
#container h2 { margin-bottom:10px;font-size:16px;font-weight:bold;color:#222222;letter-spacing:-1px }
#footerWrap {width:100%; border-top:1px solid #d7d7d7; clear:both;}

#logo { width:960px; position:relative; margin:auto; z-index:1 }
#logo h1 { position:absolute; width:226px; left:0; top:34px }

#nav { width:100%;background:#1d2a3a }
#nav ul { overflow:hidden;padding:15px 0 }
#nav li { float:left;width:50%;text-align:center }
#nav li a { font-size:16px;font-weight:bold;color:#ffffff;text-decoration:none }
#nav li a:hover { color:#ffffbe  }
#nav li:first-child { border-right:1px solid #767f89;box-sizing:border-box }

#todayJisu { position:absolute; right:0;top:40px;}
#todayJisu h2, #todayJisu p,  #todayJisu ul { float:left;}
#todayJisu .todayStock { position:relative;float:left; width:430px; height:30px; font-size:15px; margin-top: 0px; font-family: "맑은고딕", "Malgun Gothic", dotum }
#todayJisu .todayStock .today { font-weight:bold;padding:10px 0 0 0; }
#todayJisu .todayStock .stockGruop { float:left;padding:10px 0px;}
#todayJisu .todayStock .doller { clear:both;}
#todayJisu .todayStock .stockIndex { margin:0 2px 0 12px;padding:2px 8px;border-radius:12px;background:#666666;font-size:13px;font-weight:bold;color:#ffffff }
#todayJisu .todayStock .stockTotal { color:#333333; padding-right:0;}
#todayJisu .todayStock .stockUp { color:#db0000;}
#todayJisu .todayStock .stockDown { color:#0034df;}
#todayJisu .todayStock .stockMore { position:absolute; top:14px; right:4px }

#location { position:relative; width:100%;/* width:765px; */ height: 23px; border-bottom:1px solid #ddd; font-size: 11px; text-align:right; margin-bottom:30px; }
#location .select { font-weight:bold;}
#location .arrow { background:url('https://menu.mtn.co.kr/images/mtnband/common/ble_arrow.gif') no-repeat 10px 7px;  padding:0px 0px 0 20px;}
#location .home { background:url('https://menu.mtn.co.kr/images/mtnband/common/ble_home.gif') no-repeat 0 3px;  padding: 0 0 0 18px;}

#errorWrap {  width:100%;}
#errorWrap #header { width:100%; height:60px;  background-color:#fff; }
#errorWrap #header .topBar { width:960px; margin:0 auto; }
#errorWrap #header h1 {float:left ; margin-top:15px }
#errorWrap #header ul {float:right ;}
#errorWrap #header li {float:left ; padding:  25px 10px 25px 0px}
#errorWrap #contants { width:100%; background:url(https://static.mtnw.co.kr/images/customer/bg_error.jpg) repeat-x ;}
#errorWrap #contants .visual {  width:960px; height:357px;  background:url(https://static.mtnw.co.kr/images/customer/error_tree.png) no-repeat ;  margin:0 auto; }
#errorWrap #contants .visual .copy {color:#fff; padding-top:70px; font-size:40px; font-family:  "맑은고딕", "Malgun Gothic", dotum; font-weight:bold;  letter-spacing :-1px;}
#errorWrap #contants .visual .title {color:#fff; padding-left: 75px; padding-top:59px; font-size:16px; font-weight:bold; background:url(https://static.mtnw.co.kr/images/customer/icon_error.png) no-repeat 50px 56px ;  }
#errorWrap #contants .visual .txt { color:#fed2d2 ; line-height:20px; padding: 20px 80px; font-weight:bold;  }
#errorWrap #contants .btn {padding: 80px 0; text-align:center; }
#errorWrap #footer { width: 960px; margin:0 auto; text-align:center; border-top:1px solid #ddd; padding: 50px 0; font-family:'sans-serif', Arial; font-size:11px; }

#footer { width:960px; height:130px; margin:0 auto; }
#footer address { padding-top:10px;  line-height:16px;}
#footer .mtnPolicy { float:left;  padding-top:15px; font-size:12px; font-weight:bold; }
#footer .mtnPolicy li { float:left; }
#footer .footerContent { clear:both; position:relative; }
#footer .footerContent .copyright { color:#b2b2b2; padding-top:8px; font-size: 11px}
#footer .footerContent .logoMtn { position:absolute; top:12px; left:0; }
#footer .footerContent .logoMt { position:absolute; top:20px; right:0; }
.footer { width:960px;margin:20px auto; }
.footer .content ul { float:left;font-size:14px; font-weight:bold }
.footer .content li { float:left;margin-right:25px }
.footer .address { clear:both; position:relative; }
.footer .address address { padding-top:12px;line-height:1.6 }
.footer .address .copyright { color:#b2b2b2;padding-top:8px;font-size:12px }
.footer .address .logo { position:absolute; top:28px; right:0 }
.footer .line { padding:0 8px 0 10px;font-weight:100;color:#d3d3d3 }

#mainList { width:100%;font-size:14px; }
#recommend { width:100%;font-size:14px;margin-top:40px }
ul.prolist li:first-child { margin-top:0 }
ul.prolist li { overflow:hidden;height:130px;margin-top:20px;border:1px solid #dfdfdf }
ul.prolist li .thumb { float:left;width:260px;height:132px;border-right:1px solid #dfdfdf;background-image: linear-gradient( 177.9deg,  rgba(255,255,255,1) 5.3%, rgba(255,255,255,1) 5.3%, rgba(238,238,238,1) 94.7% );text-align:center }
ul.prolist li .thumb img { height:132px }
ul.prolist li dl { float:left;margin:32px 0 0 46px }
ul.prolist li dt { font-weight:bold;color:#262626 }
ul.prolist li dd { margin:6px 0 0;font-weight:normal }
ul.prolist li dd.time { color:#ec1c47 }
ul.prolist li .btn { float:right;padding:26px }
ul.prolist li .btn a { display:block;width:150px;padding:8px 0;text-decoration:none;text-align:center;color:#ffffff }
ul.prolist li .btn a.default { margin-top:10px;background:#b2b2b2; }
ul.prolist li .btn a.live { background:#ec1c47 }
ul.prolist li .btn a.pre { background:#464646 }
ul.prolist li .btn a.end { background:#464646 }
ul.prolist .none { height:130px;border:1px solid #dfdfdf;line-height:130px;text-align:center }
ul.prolist .none strong {  }

#profile { overflow:hidden }
#profile .pro_visual {position:relative; float:left; width:550px; height:300px; background:#f4f4f4;}
#profile .pro_visual p { display:none;position:absolute; color: #fff; font-weight: bold; bottom: 10px; left: 10px;}
#profile .pro_banner { float:right; width:370px;height:300px;background:#f4f4f4 }

#proInfo > div { margin-top:40px }
#proInfo div h3 { margin-bottom:10px;font-size:16px;font-weight:bold;color:#222222 }
#proInfo .content { padding:20px;border:1px solid #dddddd;background:#fafafa;line-height:1.8 }

#monthly table { width:100%;border-top:2px solid #d1d1d1;table-layout:fixed;word-break:break-all }
#monthly table th { padding:15px 0;border-bottom:1px solid #d9d9d9;border-left:1px solid #d9d9d9;background:#f4f4f4 }
#monthly table th.first, #monthly table th.last { border-left:none }
#monthly table td { height:100px;padding:5px;border-bottom:1px solid #dddddd;border-left:1px solid #dddddd;text-align:left;vertical-align:top }
#monthly table td em { font-weight:bold }
#monthly table .list li { padding:4px 0 0 6px;background:url('https://menu.mtn.co.kr/images/mtnband/common/blet_list_gray.gif') no-repeat 0 8px;font-size:11px;color:#333333; }
#monthly .month { padding:0 10px;font-size:14px;vertical-align:middle }
#monthly img { vertical-align:middle }
#monthly .sun { border-left:none;color:#fa4101 }
#monthly .sat { color:#2692c3 }