/*
고객센터
*/
@charset "UTF-8";

.helpcenter-box {width:720px;margin-top:10px;overflow-x:hidden;overflow-y:show;}
.helpcenter-box .box-keyvisual{margin-top:20px;width:720px;}
.helpcenter-box .box-blank{margin-top:20px;border:5px solid #C6C6C6;padding:30px;width:650px;height:50px;line-height:50px;text-align:center}
.helpcenter-box .box-layout{border-top:1px solid #EEEEEE;width:720px;}
.helpcenter-box .box-layout .box-layout-view{width:650px;padding:30px;margin:0;border:5px solid #C6C6C6;overflow-x:hidden;overflow-y:show;}

.helpcenter-box .box-layout .box-layout-view .boardTable{BORDER:2px solid #333333; BACKGROUND: #333333;}
.helpcenter-box .box-layout .box-layout-view .boardTable .title{background:#efefef;}
.helpcenter-box .box-layout .box-layout-view .boardTable .desc{background:#ffffff;}
.helpcenter-box .box-layout .box-layout-view .boardTable p{margin:0;padding:5px;font-size:11px;font-family:"Malgun Gothic";}

.helpcenter-box .box-layout .box-layout-full{width:710px;border:5px solid #C6C6C6;}
.helpcenter-box .box-page{clear:both;border-top:1px solid #EEEEEE;width:720px;padding:20px 0 20px 0;text-align:center;}

.helpcenter-box .notice_title {width:720px;background:#8D8D8D;height:25px;}
.helpcenter-box .notice_title div{font-size:11px;color:#FFFFFF;}
.helpcenter-box .notice_title .no{width:30px;}
.helpcenter-box .notice_title .title{width:480px;}
.helpcenter-box .notice_title .regdate{width:90px;}
.helpcenter-box .notice_title .hits{width:120px;}
.helpcenter-box .notice_list {width:720px;background:#FFFFFF;}
.helpcenter-box .notice_list td{padding:10px 0;height:15px;color:#7E7E7E;}
.helpcenter-box .notice_list .no{width:30px;}
.helpcenter-box .notice_list .no div.open{height:15px;background:url(/images/helpcenter/icon_arr.gif) no-repeat 9px top;}
.helpcenter-box .notice_list .no div.close{height:15px;}
.helpcenter-box .notice_list .title{width:480px;}
.helpcenter-box .notice_list .title a{color:#868686;font-weight:bold;text-decoration:none;}
.helpcenter-box .notice_list .title a:hover,
.helpcenter-box .notice_list .title a.selected{color:#045ad4;font-weight:bold;text-decoration:none;}
.helpcenter-box .notice_list .regdate{width:90px;font-weight:bold;}
.helpcenter-box .notice_list .hits{width:120px;font-weight:bold;}

.helpcenter-table {margin-top:20px;border:5px solid #EAEAEA;width:720px;}
.helpcenter-table td{padding:10px 0;border-bottom:1px solid #D5D5D5;}
.helpcenter-table td.title{width:110px;background:#F6F6F6;}
.helpcenter-table td.title div{padding-left:20px;color:#045ad4;font-weight:bold}
.helpcenter-table td.text{width:600px;}
.helpcenter-table td.text div{padding-left:20px;color:#9C9C9C;font-size:11px;}
.helpcenter-table td.text div span{line-height:20px;color:#045ad4;font-size:11px;}
.helpcenter-table td.text ul{float:left;}
.helpcenter-table td.text li{float:left;padding-left:20px;}
.helpcenter-table td.text li input{float:left;margin:0 0}
.helpcenter-table td.text li div{float:left;height:20px;line-height:20px;padding:0;margin:auto 0;}
.helpcenter-table td.text li label{padding-left:5px;height:20px;line-height:20px;margin:0}
.helpcenter-action{margin-top:20px;text-align:center;}

.helpcenter-searchtab {margin-top:10px;height:30px;line-height:30px;width:780px;border-bottom:2px solid #DFDBDB;padding:0px;text-align:left;}
.helpcenter-searchtab ul {float:left;padding-left:25px;}
.helpcenter-searchtab li {float:left;width:100px;height:30px;background:url(/images/helpcenter/white_tab_bg_100.gif) no-repeat left top;margin-right:2px}
.helpcenter-searchtab li div{margin:5px 0 0 0;width:96px;height:25px;line-height:25px;font-weight:bold;text-align:center;color:#B3B3B3;border-left:2px solid #DFDBDB;border-right:2px solid #DFDBDB;}
.helpcenter-searchtab li div.selected{border-bottom:2px solid #FFFFFF;color:#38ACBB;}


.helpwindow-title{width:800px;}
.helpwindow-box{padding-top:20px;width:800px;height:500px;overflow-x:hidden;overflow-y:auto;scrollbar-3dlight-color:#FFFFFF;scrollbar-arrow-color:#BCBCBC;scrollbar-track-color:#F5F5F5;scrollbar-darkshadow-color:#FFFFFF;scrollbar-face-color:#F8F8F8;scrollbar-highlight-color:#D4D3D3;scrollbar-shadow-color:#D4D3D3;}
.helpwindow-box .notice_title {width:780px;background:#E0E4CD;height:20px;}
.helpwindow-box .notice_title div{font-size:11px;color:#727272;}
.helpwindow-box .notice_title .no{width:34px;}
.helpwindow-box .notice_title .title{width:536px;}
.helpwindow-box .notice_title .regdate{width:90px;}
.helpwindow-box .notice_title .hits{width:120px;}
.helpwindow-box .notice_list {width:780px;background:#FFFFFF;}
.helpwindow-box .notice_list td{padding:10px 0;height:15px;}
.helpwindow-box .notice_list .no{width:34px;}
.helpwindow-box .notice_list .no div.open{height:15px;background:url(/images/helpcenter/circle_blue.gif) no-repeat 9px top;}
.helpwindow-box .notice_list .no div.close{height:15px;background:url(/images/helpcenter/circle_green.gif) no-repeat 9px top;}
.helpwindow-box .notice_list .title{width:536px;}
.helpwindow-box .notice_list .title a{color:#868686;font-weight:bold;text-decoration:none;}
.helpwindow-box .notice_list .title a:hover,
.helpwindow-box .notice_list .title a.selected{color:#38A8B6;font-weight:bold;text-decoration:none;}
.helpwindow-box .notice_list .regdate{width:90px;}
.helpwindow-box .notice_list .hits{width:120px;}

.helpwindow-table {margin-top:20px;border:5px solid #EAEAEA;width:780px;}
.helpwindow-table td{padding:10px 0;border-bottom:1px solid #D5D5D5;}
.helpwindow-table td.title{width:110px;background:#F6F6F6;}
.helpwindow-table td.title div{padding-left:20px;color:#9C9C9C;font-weight:bold}
.helpwindow-table td.text{width:660px;}
.helpwindow-table td.text div{padding-left:20px;color:#9C9C9C;font-size:11px;}
.helpwindow-table td.text div span{line-height:20px;color:#D38C8C;font-size:11px;}
.helpwindow-table td.text ul{float:left;}
.helpwindow-table td.text li{float:left;padding-left:20px;}
.helpwindow-table td.text li input{float:left;margin:0 0}
.helpwindow-table td.text li div{float:left;height:20px;line-height:20px;padding:0;margin:auto 0;}
.helpwindow-table td.text li label{padding-left:5px;height:20px;line-height:20px;margin:0}
.helpwindow-action{margin-top:20px;text-align:center;}

.helpwindow-searchtab {margin-top:10px;height:30px;line-height:30px;width:775px;border-bottom:2px solid #DFDBDB;padding:0px;text-align:left;}
.helpwindow-searchtab ul {float:left;padding-left:25px;}
.helpwindow-searchtab li {float:left;width:100px;height:30px;background:url(/images/helpcenter/white_tab_bg_100.gif) no-repeat left top;margin-right:2px}
.helpwindow-searchtab li div{margin:5px 0 0 0;width:96px;height:25px;line-height:25px;font-weight:bold;text-align:center;color:#B3B3B3;border-left:2px solid #DFDBDB;border-right:2px solid #DFDBDB;}
.helpwindow-searchtab li div.selected{border-bottom:2px solid #FFFFFF;color:#38ACBB;}

.guide_tab{width:680px;height:34px;background:url(/images/helpcenter/tab_bar.png) repeat-x left top;padding:0 20px;}
.guide_tab ul{float:left;}
.guide_tab li{float:left;width:98px;height:100%;}
.guide_tab a{float:left;width:100%;height:100%;overflow:hidden;}
.guide_tab li.tab1 a{background:url(/images/helpcenter/tab_sender.png) no-repeat left top;background-position:0 0;padding:32px 0 0 0;height:0px !important; height /**/:32px; /*For IE5*/}
.guide_tab li.tab1 a:hover,
.guide_tab li.tab1 a.selected {background-position:0 -34px;}
.guide_tab li.tab2 a{background:url(/images/helpcenter/tab_addr.png) no-repeat left top;background-position:0 0;padding:32px 0 0 0;height:0px !important; height /**/:32px; /*For IE5*/}
.guide_tab li.tab2 a:hover,
.guide_tab li.tab2 a.selected {background-position:0 -34px;}
.guide_tab li.tab3 a{background:url(/images/helpcenter/tab_point.png) no-repeat left top;background-position:0 0;padding:32px 0 0 0;height:0px !important; height /**/:32px; /*For IE5*/}
.guide_tab li.tab3 a:hover,
.guide_tab li.tab3 a.selected {background-position:0 -34px;}
.guide_tab li.tab4 a{background:url(/images/helpcenter/tab_my.png) no-repeat left top;background-position:0 0;padding:32px 0 0 0;height:0px !important; height /**/:32px; /*For IE5*/}
.guide_tab li.tab4 a:hover,
.guide_tab li.tab4 a.selected {background-position:0 -34px;}