@charset "utf-8";
#content{width:1100px; margin:0 auto; overflow:hidden;}
.area{width:820px; min-height:500px; float:right;}
.main{margin-top:70px;}

/* 메인상단 */
.main .main_top{position:relative;}
.main .main_top .main_banner{position:relative; width:820px; height:230px; overflow:hidden;}
.main .main_top .main_banner ul{width:99999px;}
.main .main_top .main_banner ul li{float:left;}
.main .main_top .main_banner p.pagenation{position:absolute; bottom:15px; left:30px; }
.main .main_top .main_banner p.pagenation span{width:7px; height:7px; display:inline-block; background:#999; border-radius:30px; margin-right:4px;}
.main .main_top .main_banner p.pagenation span.on{background:#fc5356;}
.main .main_top .quick{position:absolute; left:25px; bottom:30px; overflow:hidden;}
.main .main_top .quick li{float:left; margin-right:15px}
.main .main_top .quick li a{color:#616161; font-size:11px; padding-top:30px; display:block; width:50px; text-align:center}
.main .main_top .quick li.q1 a{background:url(../images/main/visual01.png) center 4px no-repeat}
.main .main_top .quick li.q2 a{background:url(../images/main/visual02.png) center top no-repeat}
.main .main_top .quick li.q3 a{background:url(../images/main/visual03.png) center 4px no-repeat}
.main .main_top .quick li.q4 a{background:url(../images/main/visual04.png) center 4px no-repeat}
/* 메인중단검색창 */
.main .main_mid{overflow:hidden; margin-top:8px}
.main .main_mid .search_box, .main .main_mid .login{float:left; height:100px}
.main .main_mid .search_box{width:550px; margin-right:4px; background:#009bdf; padding:16px 20px 20px 20px; overflow:hidden; width:510px; height:60px}
.main .main_mid .search_box .txt{overflow:hidden; margin-bottom:6px}
.main .main_mid .search_box .txt strong{color:#fff; font-size:15px; font-weight:700; float:left;}
.main .main_mid .search_box .txt dl{float:right; margin-top:3px}
.main .main_mid .search_box .txt dl dt, .main .main_mid .search_box .txt dl dd{float:left; letter-spacing:-1px;}
.main .main_mid .search_box .txt dl dt{color:#99d1f2; background:url(../images/main/dt_bg.jpg) right center no-repeat; margin-right:5px; padding-right:5px}
.main .main_mid .search_box .txt dl dd{color:#fff; font-size:12px}
.main .main_mid .search_box ul{
border:0px; width:131px; height:34px;float:left; margin-right:3px; color:#323232; font-weight:500; font-size:12px; background:#fff;   position:relative;
}
.main .main_mid .search_box ul li{position:absolute; width:131px; height:43px; line-height:34px; top:0; left:0; padding-left:10px; display:none;}
.main .main_mid .search_box ul li.on{display:block;}
.main .main_mid .search_box .inp_box{float:left; overflow:hidden; width:376px;}
.main .main_mid .search_box .inp_box input[type="text"]{border:0px; width:326px; height:34px;float:left; line-height:34px; text-indent:10px}
.main .main_mid .search_box .inp_box button{background:#007bb4 url(../images/main/ic_search.png) center no-repeat; border-left:1px solid #0f83b8; height:34px; width:50px; float:left; text-indent:-9999px}
/* 메인중단로그인표시장 */
.main .main_mid .login{width:266px; background:#cff1ff}
.main .main_mid .login .login_n{display:block; text-align:center; padding-top:24px; font-size:0px;}
.main .main_mid .login .login_n button{width:103px; height:34px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#fff; font-size:16px; font-weight:500;}
.main .main_mid .login .login_n button:first-child{margin-right:6px;}
.main .main_mid .login .login_n a{font-size:12px; font-weight:700; color:#656565; margin-top:10px}
.main .main_mid .login .login_y{padding:21px 0 0 20px}
.main .main_mid .login .login_y .info{overflow:hidden;}
.main .main_mid .login .login_y .info p{font-size:16px; color:#232323; font-weight:500; float:left;}
.main .main_mid .login .login_y .info .btn_box{float:right; margin-right:20px; font-size:0px;}
.main .main_mid .login .login_y .info .btn_box button{width:58px; height:24px; border:1px solid #95cae5; background:#eaf9ff; font-size:11px; font-weight:700; color:#232323;vertical-align:middle}
.main .main_mid .login .login_y .info .btn_box button:first-child{margin-right:4px}
.main .main_mid .login .login_y .my_list{overflow:hidden; margin-top:20px; width:100%}
.main .main_mid .login .login_y .my_list:after{display:block;content:"";clear:both;}
.main .main_mid .login .login_y .my_list li{float:left; margin-left:10px}
.main .main_mid .login .login_y .my_list li:first-child{margin-left:0px;}
.main .main_mid .login .login_y .my_list li a{font-size:12px; color:#323232; font-weight:500}
.main .main_mid .login .login_y .my_list li a span{color:#009bdf; font-weight:700}
.main .main_mid .login .login_y .my_list li.mypage a{background:url(../images/main/btn_arr.png) right 3px no-repeat; padding-right:10px}
/* 메인중단 탭 */
.main .main_tab .tab_menu{overflow:hidden; margin-top:8px}
.main .main_tab .tab_menu ul{width:100%; height:34px; border-bottom:2px solid #0d7dc0}
.main .main_tab .tab_menu ul li{position:relative; float:left; width:118px; width:116px; height:32px; border:1px solid #e8e8e8; border-bottom:0px; margin-left:-1px; background:#f9f9f9}
.main .main_tab .tab_menu ul li:first-child{margin-left:0px}
.main .main_tab .tab_menu ul li a{display:block; font-size:14px; font-weight:500; color:#656565; text-align:center; height:32px; line-height:30px}
.main .main_tab .tab_menu ul li.on a{position:absolute; top:-1px; color:#0d7dc0; font-weight:700; left:-1px; width:118px; height:34px; line-height:32px; background:#fff; border:2px solid #0d7dc0; border-bottom:0px; z-index:2; width:113px}
.main .main_tab .tab_cnt{height:322px; border:2px solid #0d7dc0; border-top:0px; padding:20px; padding-top:21px; height:282px;}
.main .main_tab .tab_cnt .cnt_tb{position:relative; min-height:150px;}
.main .main_tab .tab_cnt .cnt_tb p.tit{font-size:18px; color:#444; font-weight:700; margin-bottom:3px; padding-left:9px}
.main .main_tab .tab_cnt .cnt_tb table{margin-left:9px; width:100%; }
.main .main_tab .tab_cnt .cnt_tb table tbody th{font-size:14px; color:#232323; text-align:left}
.main .main_tab .tab_cnt .cnt_tb table tbody td{font-size:12px; color:#323232; font-weight:300; padding:3px 0}
.main .main_tab .tab_cnt .cnt_tb table tbody td .link{ display:inline-block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:570px; margin-right:5px;}
.main .main_tab .tab_cnt .cnt_tb table tbody td.col_b{color:#007fcb; font-weight:500;}
.main .main_tab .tab_cnt .cnt_tb table tbody tr.none td{text-align:center; padding:50px 0 }
.main .main_tab .tab_cnt .cnt_tb a.more{font-size:11px; color:#979797; font-weight:400; position:absolute;left:170px; top:8px}
.main .main_tab .tab_cnt .guide{margin-top:10px}
.main .main_tab .tab_cnt .guide p.tit{font-size:14px; color:#115c7b; font-weight:500; background:#daf3fd; height:34px; line-height:34px; padding-left:14px}
.main .main_tab .tab_cnt .guide ul{overflow:hidden; padding:11px 0 14px 0; background:#f8f8f8}
.main .main_tab .tab_cnt .guide ul li{float:left; width:129px; border-left:1px solid #e6e6e6; width:128px}
.main .main_tab .tab_cnt .guide ul li:first-child{border-left:0px;}
.main .main_tab .tab_cnt .guide ul li a{font-size:12px; color:#666; font-weight:500; text-align:center; display:block; padding-top:28px; line-height:1.2; height:61px;}
.main .main_tab .tab_cnt .guide ul li.g1 a{background:url(../images/main/ic_faq.png) center 1px no-repeat; }
.main .main_tab .tab_cnt .guide ul li.g2 a{background:url(../images/main/ic_qna.png) center 2px no-repeat; }
.main .main_tab .tab_cnt .guide ul li.g3 a{background:url(../images/main/ic_program.png) center 2px no-repeat; }
.main .main_tab .tab_cnt .guide ul li.g4 a{background:url(../images/main/ic_server.png) center 1px no-repeat; }
.main .main_tab .tab_cnt .guide ul li.g5 a{background:url(../images/main/ic_video.png) center 3px no-repeat; }
.main .main_tab .tab_cnt .guide ul li.g6 a{background:url(../images/main/ic_book.png) center 7px no-repeat; }

/* 메인하단 게시판 */
.main .main_btm{overflow:hidden; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:21px 0px}
.main .main_btm .board{float:left; width:50%; padding-left:20px; position:relative; padding:0 20px; width:45%}
.main .main_btm .board:first-child{border-right:1px solid #e5e5e5; width:45%}
.main .main_btm .board p.tit{font-size:14px; color:#444444; font-weight:500;}
.main .main_btm .board dl{overflow:hidden; width:100%; margin-top:10px; min-height:60px;}
.main .main_btm .board dl dt a, .main .main_btm .board dl dd{font-size:12px; color:#979797}
.main .main_btm .board dl dt{float:left; width:80%}
.main .main_btm .board dl dt, .main .main_btm .board dl dd{padding:1px 0}
.main .main_btm .board dl dt a{display:inline-block;}
.main .main_btm .board dl dt span{display:inline-block; width:33px; height:15px; padding:1px 0 3px 0; line-height:1.2; color:#fff; font-size:10px; font-weight:400; letter-spacing:-1px; text-align:center; margin-right:10px}
.main .main_btm .board dl dt span.ing{background:#5ab2e7}
.main .main_btm .board dl dt span.end{background:#a5a5a5}
.main .main_btm .board dl dd{float:right; width:20%; text-align:right}
.main .main_btm .board a.more{font-size:11px; color:#979797; font-weight:400; position:absolute; top:0px; right:20px}