@charset "utf-8";
/* CSS Document */

.inner2 {overflow:hidden;position:relative;width:1000px;margin:0 auto}

#wrap {position:relative;width:100%}

/* 해더 */
#header_wrap {position:relative;width:100%}
#header_wrap .head_top {position:relative;width:100%;height:67px;margin:0 auto;background-color:#f4f4f4}
#header_wrap .head_top .inner2 {overflow:visible}
#header_wrap .head_top .total_money {display:inline-block;position:relative;height:31px;padding:0 33px 0 14px;background:url(/ui/imgs/common/charge_icon.png) no-repeat 99% 100% #bb7049;font-weight:bold;font-size:15px;color:#fff;line-height:31px;border-radius:3px;-webkit-border-radius:3px}
#header_wrap .head_top .total_money span {font-weight:normal;font-size:13px}
#header_wrap .head_top .money_charge {display:inline-block;position:relative;width:136px;height:31px;background:#3f3f3f;font-size:14px;color:#fff;line-height:31px;border-radius:3px;-webkit-border-radius:3px;text-align:center;cursor:pointer}
#header_wrap .head_top .charge_list {display:inline-block;position:relative;width:136px;height:31px;background:#3f3f3f;font-size:14px;color:#fff;line-height:31px;border-radius:3px;-webkit-border-radius:3px;text-align:center;cursor:pointer}
#header_wrap .head_top .network {display:inline-block;position:relative;width:136px;height:29px;background:url(/ui/imgs/common/net_btn_bg.gif) repeat-x 0 100% #f8f8f8;font-size:14px;color:#555;line-height:31px;border-radius:3px;-webkit-border-radius:3px;text-align:center;cursor:pointer;border:1px solid #d7d7d7}
#header_wrap .head_top .money_charge:hover, #header_wrap .head_top .charge_list:hover {background-color:#222}
#header_wrap .logo {float:left;padding-top:20px}
#header_wrap .logo a {display:block;width:175px;height:35px;background:url(/file/company/base_logo2.png) no-repeat 0 0;text-indent:-9999px}
#header_wrap .utile {float:right;padding-top:20px}
#header_wrap .utile li.u_list {float:left;margin-right:8px}
#header_wrap .utile li.user {float:left;position:relative;min-width:106px;height:47px;text-align:center}
#header_wrap .utile li.user .user_name {display:inline-block;height:31px;position:relative;font-weight:bold;font-size:14px;color:#1f2325;line-height:31px}
#header_wrap .utile li.user .user_dot {display:inline-block;width:15px;height:9px;margin-left:5px;background:url(/ui/imgs/common/user_dot.png) no-repeat 0 0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out}
#header_wrap .utile li.user.on .user_name .user_dot,
#header_wrap .utile li.user .user_name:hover .user_dot {-webkit-transform:rotate(180deg);-moz-transform: rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);  transform: rotate(180deg)}

#header_wrap .utile li.user .user_content {display:none;position:absolute;top:35px;right:5px;width:155px;height:91px;background:url(/ui/imgs/common/user_bg.png) no-repeat 0 0;text-align:left;z-index:99;opacity:0}
#header_wrap .utile li.user .user_content2 {display:none;position:absolute;top:35px;right:5px;width:155px;height:121px;background:url(/ui/imgs/common/user_bg2.png) no-repeat 0 0;text-align:left;z-index:99;opacity:0}

#header_wrap .utile li.user ul {padding:20px 0 20px 43px}
#header_wrap .utile li.user ul li {margin-bottom:20px;font-size:12px;line-height:12px}
#header_wrap .utile li.user ul li:last-child {margin-bottom:0}
#header_wrap .utile li.user ul li a {font-weight:bold;color:#333;}
#header_wrap .utile li.user ul li a i {margin-right:4px;color:#333}
#header_wrap #gnb_wrap {position:relative;width:100%;margin:0 auto;background-color:#faa238}
#header_wrap #gnb {position:relative;width:1000px;height:66px;margin:0 auto;}
#header_wrap #gnb .inner2 {width:852px}
#header_wrap #gnb .gnb_bg {display:none;position:absolute;top:0px;left:0px;z-index:3;width:140px;height:66px;background:url(/ui/imgs/common/gnb_on_bg.png) no-repeat 0 0;opacity:0}
#header_wrap #gnb .gnb_list {position:relative;z-index:4;}
#header_wrap #gnb .gnb_list li {float:left;width:142px;text-align:center;}
#header_wrap #gnb .gnb_list li a {display:block;width:100%;height:66px;line-height:66px;font-size:20px;font-weight:bold;color:#fff;-webkit-transition: all 100ms ease-in;    -moz-transition: all 100ms ease-in;-o-transition: all 100ms ease-in;transition: all 100ms ease-in;}
#header_wrap #snb_wrap {display:none;position:relative;width:100%;height:0px;background:url(/ui/imgs/common/snb_bg.jpg) no-repeat 50% 0;background-size:cover}
#header_wrap #snb_wrap .inner2 {width:852px}
#header_wrap #snb_wrap .snb {display:none;float:left;width:130px;margin-top:15px;text-align:right;margin-left:-33px}
#header_wrap #snb_wrap .snb li {font-size:14px;color:#b2b6b9;line-height:24px}
#header_wrap #snb_wrap .snb li a {display:inline-block;color:#b2b6b9;-webkit-transition: all 100ms ease-in; -moz-transition: all 100ms ease-in;-o-transition: all 100ms ease-in;transition: all 100ms ease-in;}
#header_wrap #snb_wrap .snb li a:hover {padding-left:15px;background:url(/ui/imgs/common/snb_dot.png) no-repeat 0 6px;color:#fff}


#header_wrap #snb_wrap #snb_01.snb {margin-left:-21px}
#header_wrap #snb_wrap #snb_02.snb {margin-left:-6px}
#header_wrap #snb_wrap #snb_03.snb {margin-left:32px}
#header_wrap #snb_wrap #snb_04.snb {margin-left:9px}
#header_wrap #snb_wrap #snb_05.snb {margin-left:11px}
#header_wrap #snb_wrap #snb_06.snb {margin-left:22px}
#header_wrap #snb_wrap #snb_07.snb {margin-left:18px}



#contianer {position:relative;width:1000px;margin:66px auto 0}

/* 메인 컨텐츠 */
#main_article {width:100%;margin-top:96px}

/* 이달의 요금 */
.charge_area {width:646px;height:299px;padding:36px 169px 26px 185px;background:url(/ui/imgs/main/charge_bg.png) no-repeat 0 0;background-size:1000px 355px}
.charge_content {position:relative;width:646px;height:361px}

.post_area {width:1000px;margin-top:85px}
.post_area .more {position:absolute;top:26px;right:22px;z-index:3}
.post_area .post_content {margin-top:27px;margin-left:-20px;padding-right:43px}

/* 사용자 정보 */
.post_area  .user_info {overflow:hidden;position:relative;float:left;width:269px;height:140px;padding:26px 24px 71px 78px;background:url(/ui/imgs/main/post_bg.png) no-repeat 0 0;z-index:4}
.user_tbl {table-layout:fixed;width:100%;border-collapse:collapse}
.user_tbl th {padding:5px 5px 5px 0px;font-size:14px;color:#302d2d;font-weight:bold;text-align:left}
.user_tbl td {padding:5px;font-size:13px;color:#666;text-align:left}

/* 회선 정보 */
.post_area  .line_management {overflow:hidden;position:relative;float:left;width:269px;height:140px;padding:26px 24px 71px 78px;margin-left:-60px;background:url(/ui/imgs/main/post_bg.png) no-repeat 0 0;z-index:2}
.post_area  .line_management .post_content {padding-left:10px}
.line_tbl {table-layout:fixed;width:100%;border-collapse:collapse}
.line_tbl th {padding-left:10px;height:36px;border-top:1px solid #482500;border-bottom:1px solid #482500;font-size:14px;color:#302d2d;font-weight:bold;text-align:left}
.line_tbl td {padding-left:10px;height:36px;border-bottom:1px solid #d7d7d7;font-size:13px;color:#666;text-align:left}

/* 공지사항 */
.post_area .notice {overflow:hidden;position:relative;float:left;width:269px;height:140px;padding:26px 24px 71px 78px;margin-left:-60px;background:url(/ui/imgs/main/post_bg.png) no-repeat 0 0}
.post_area .notice .notice_list {width:100%}
.post_area .notice .notice_list li {padding-left:10px;background:url(/ui/imgs/main/notice_dot.gif) no-repeat 0 12px;font-size:14px;color:#666;line-height:24px}
.post_area .notice .notice_list li a {color:#666}

/* 하단 */
#footer_wrap {position:relative;width:1000px;margin:50px auto 0;padding:10px 0 10px;text-align:center;font-size:11px;color:#cbc9c9}

/* 서브 컨텐츠 */
#sub_article {width:100%;margin-top:59px}