@charset "utf-8";
/*============================
   버튼
============================*/
/* normal button setting */
[class^="btn"],[class^="btn"]>a,[class^="btn"]>input,[class^="btn"]>button
{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;background:url(../images/comm/btn_bg.png) no-repeat;font-size:12px;color:#404040 !important;text-decoration:none !important;vertical-align:top;white-space:nowrap}
[class^="btn_"]{margin-right:4px;vertical-align:middle;}
[class^="btn_"] a,[class^="btn_"] input,[class^="btn_"] button{left:4px;cursor:pointer;_cursor:hand}
[class^="btn_"] a:hover,[class^="btn_"] a:active,[class^="btn_"] a:focus,
[class^="btn_"] input:hover,[class^="btn_"] input:active,[class^="btn_"] input:focus,
[class^="btn_"] button:hover,[class^="btn_"] button:active,[class^="btn_"] button:focus{color:#404040 !important;}

/*  btn_basic */
.btn_basic,.btn_basic a,.btn_basic input,.btn_basic button{height:30px;line-height:30px}
.btn_basic{background-position:left 0}
.btn_basic:hover{background-position:left -50px}
.btn_basic a,.btn_basic input,.btn_basic button{padding:0 20px 0 16px;background-position:right top;font-size:12px}
.btn_basic:hover a,.btn_basic:hover input,.btn_basic:hover button{background-position:right -50px}

/* btn_basic_samll */
.btn_basic_small,.btn_basic_small a,.btn_basic_small input,.btn_basic_small button{height:26px;line-height:26px}
.btn_basic_small{background-position:left -100px}
.btn_basic_small:hover{background-position:left -150px}
.btn_basic_small a,.btn_basic_small input,.btn_basic_small button{padding:0 10px 0 6px;background-position:right -100px;font-size:11px}
.btn_basic_small:hover a,.btn_basic_small:hover input,.btn_basic_small:hover button{background-position:right -150px}

/*  btn_primary */
.btn_primary,.btn_primary a,.btn_primary input,.btn_primary button{height:30px;line-height:30px}
.btn_primary{background-position:left -200px}
.btn_primary:hover{background-position:left -250px}
.btn_primary a,.btn_primary input,.btn_primary button{padding:0 20px 0 16px;background-position:right -200px;font-size:12px}
.btn_primary:hover a,.btn_primary:hover input,.btn_primary:hover button{background-position:right -250px}

/* btn_primary_samll */
.btn_primary_small,.btn_primary_small a,.btn_primary_small input,.btn_primary_small button{height:26px;line-height:26px}
.btn_primary_small{background-position:left -300px}
.btn_primary_small:hover{background-position:left -350px}
.btn_primary_small a,.btn_primary_small input,.btn_primary_small button{padding:0 10px 0 6px;background-position:right -300px;font-size:11px}
.btn_primary_small:hover a,,.btn_primary_small:hover input,,.btn_primary_small:hover button{background-position:right -350px}




/*============================
   아이콘
============================*/
[class^="icon_"],[class^="icon_"]>*{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;font-size:12px;text-decoration:none !important;vertical-align:top;white-space:nowrap;height:24px;line-height:24px}
[class^="icon_"]>*{padding:0 10px 0px 20px;background:url(../images/comm/btn_icon.png) no-repeat}
.icon_pdf>*{background-position:0 0px}
.icon_down>*{background-position:0 -35px}




/*============================
   불릿
============================*/
[class^="bu_"]{background:url(../images/comm/bu_bg.png) no-repeat;padding-left:15px;}
/*gray bullet*/
.bu_basic{background-position:0 0;}
/*red bullet*/
.bu_point{background-position:0 -98px;}
/*red big bullet*/
.bu_point_big{background-position:0 -200px;}
/*dash*/
.dash{padding-left:13px  !important;background:url(../images/comm/bu_bg.png) no-repeat 6px -610px;}




/*============================
   게시판 구성요소
============================*/
/* 검색박스 */
.searchBox{padding:15px 0;margin-bottom:27px;text-align:center;background:#f8f8f8;border:1px solid #f0f0f0;}
.searchBox input[type="text"]{padding:4px 3px 4px;line-height:1.125em !important;border:1px solid #ddd;}
.bdselect{border:1px solid #ccc;height:26px;line-height:1.125em !important;}

/* paging */
.paging{text-align:center;line-height:24px;}
.paging a{padding:5px 8px;color:#565656}
.paging span a.current{color:#ef1110;font-family:'strong',dotum,'돋움';text-decoration:underline}

/*commentBox*/
.commenArea{margin-bottom:30px}
.commenArea .commenTitle{padding:0 0 7px 11px;font-size:15px;font-family:'strong',dotum,'돋움';}
.commenArea .commenList{border-top:1px solid #dedede;}
.commenArea .commenList li{padding:25px 10px;border-bottom:1px solid #dedede;}
.commenArea .commenList .fixed{margin-bottom:15px;}
.commenArea .commenList .commenter{float:left;font-size:11px; color:#949494}
.commenArea .commenList .comment_area{padding:20px 10px 0 0}
.commenArea .commenList .comment{padding:11px 17px;background:#f8f8f8;border:1px solid #f0f0f0;}
.commenArea .commenList .comment textarea{width:510px;height:36px;padding:10px;border:1px solid #dddddd;color:#949494}
.commenArea .commenList .comment input{width:80px;height:58px;border:none;background:#d9d9d9;font-family:'strong',dotum,'돋움';cursor:pointer}
.commentBox{padding:11px 17px;background:#f8f8f8;border:1px solid #f0f0f0;}
.commentBox textarea{width:540px;height:36px;padding:10px;border:1px solid #dddddd;color:#949494}
.commentBox input{width:80px;height:58px;border:none;background:#d9d9d9;font-family:'strong';cursor:pointer}




/*============================
   table
============================*/
table{text-align:center}
[class^="list_"] tbody td{color:#666}
[class^="list_"] tbody a{color:#333333}
[class^="list_"] .title{text-align:left;padding-left:16px;}
table[class^="list_"] tbody td.blank{padding:40px 0;height:auto;border-left:none;}
table[class^="list_"] tbody tr:hover td.title a{color:#f4191f;font-weight:bold;}
#eng table[class^="list_"] tbody tr:hover td.title a{color:#f4191f;font-family:'arial', AppleGothic, sans-serif !important}

/* 글 리스트 */
.list_A{margin-bottom:40px;border-top:2px solid #555555;border-bottom:1px solid #898989;}
.list_A thead tr th{border-bottom:1px solid #898989;padding:10px 0;color:#333;}
.list_A tbody th{padding:8px 0 7px;border-bottom:1px solid #dedede;}
.list_A tbody tr td{padding:8px 0 7px;border-bottom:1px solid #dedede;}

/* 데이터 리스트 */
.list_B{margin-bottom:40px;border-top:2px solid #555555;border-bottom:1px solid #898989;}
.list_B thead tr th{border-bottom:1px solid #898989;padding:10px 0;color:#333;}
.list_B tbody th{padding:8px 30px 7px 40px;text-align:left;border-bottom:1px solid #dedede;}
.list_B tbody th.ac{padding-left:0;padding-right:0;}
.list_B tbody tr td{padding:12px 0 11px;border-bottom:1px solid #dedede;}
.list_B tbody tr td.al{padding-left:15px;}
.list_B tr.highlight{background:#f9f9f9;}
.list_B td.highlight{background:#f9f9f9;}
.list_B tfoot tr td{padding:12px 0 11px;color:#ee1d24;font-family:'strong';}
.list_B tfoot tr th{padding:8px 30px 7px 40px;text-align:left;color:#ee1d24;}

.list_C thead tr th {border-left:1px solid #dedede}
.list_C tbody tr td {border-left:1px solid #dedede; text-align:right; padding-right:10px;}
.list_C thead tr th:first-child {border-left:none;}

.list_D thead tr th {border-left:1px solid #dedede}
.list_D tbody tr td {border-left:1px solid #dedede;}
.list_D thead tr th:first-child {border-left:none;}

/* 내용 쓰기 */
.wirte_basic{margin-bottom:30px;border-top:1px solid #666;text-align:left}
.wirte_basic th,.wirte_basic td{border-bottom:1px solid #dedede;}
.wirte_basic thead th{text-align:center;padding:13px 0 11px;background:#f8f8f8;color:#333}
.wirte_basic tbody th{padding:13px 13px 11px 23px;background:#f8f8f8;color:#333}
.wirte_basic td{padding:7px 16px;text-align:left}
.wirte_basic td.view{padding:21px}/*view페이지에 .wirte_basic style이 쓰일때.*/
.wirte_basic thead th{padding:9px 0 8px}/*support rma*/

/* 글보기 */
.view_basic{margin-bottom:30px;border-top:1px solid #666666;border-bottom:1px solid #9a9a9a;text-align:left;color:#333}
.view_basic thead th{padding:22px 35px 12px 15px;border-bottom:1px solid #dedede;}
.view_basic thead th .title{margin-bottom:10px;font-size:14px}
.view_basic thead th .ar{padding-top:13px;font-size:11px;font-weight:normal}/*작성자정보*/
.view_basic tbody td{padding:35px 10px;}
.view_basic tbody td.addfile{padding:17px 10px 0;text-align:right;}
.view_basic tbody td.addfile span{display:block}




/*============================
   탭
============================*/
.tab_layer{overflow:hidden;background:url(../images/comm/gnb_sub_tabBg.gif) repeat-x 0 100%;margin-bottom:25px}
.ie7 .tab_layer{zoom:1}
.tab_layer li,.tab_layer li a{display:inline-block;height:35px;line-height:35px;overflow:visible;position:relative;background:url(../images/comm/tab_li_bg.png) no-repeat;}
.tab_layer li{float:left;margin-right:14px;background-position:left 0}
.tab_layer li.current{background-position:left -100px}
.tab_layer li.current a{color:#fff;background-position:right -100px}
.tab_layer li a{display:block;left:11px;padding:0px 7px 0 8px;background-position:right top;color:#363636;font-size:11px;text-align:center;font-family:'strong'; letter-spacing:-0.9px;}
#eng .tab_layer li a{font-family:arial, sans-serif;font-weight:bold;}




/*============================
   팝업
============================*/
/* 새창 팝업*/
div.popup .scroll{overflow-y:auto;height:250px;border:1px solid #b2b2b2;}
.popup .scroll .list_B{margin-bottom:0;}
.popup h1{padding:8px 10px;font-size:14px;font-weight:bold;background:#f1f1f1}
.popup .con{padding:15px;}
.popup .searchBox{margin:0 0 10px;padding:10px;text-align:center;background:#f8f8f8;}

/* 레이어 팝업*/
.ui-widget-overlay {position:fixed;top:0;left:0;width:100%;height:100%;}  /* bg css */
#pop01 {padding:10px;border:5px solid #cccccc;background:#fff;}