@charset "euc-kr";


/* ¼­ºê ÄÁÅÙÃ÷
------------------------------------------------------------------------------------------------------------*/

/* ´ã´çÀÚ ¹Ú½º */
.staff{border:4px solid #efefef; padding:10px 20px; line-height:2;}
.staff li{padding-left:10px; background:url(../img/sub/arrow.gif) left 10px no-repeat; color:#666;}
.staff li b{color:#333; font-weight:600;}
.staff li span{display:inline-block; padding:0 10px; color:#ddd;}






/* ¹öÆ°
------------------------------------------------------------------------------------------------------------*/
.btn_gray {display:inline-block;
    height:30px;
    font-size:14px;
    line-height:28px;
    font-weight:400;
    border-width:1px;
    border-style:solid;
    border-color:#ddd #aaa #aaa #ddd;
    letter-spacing:-0.025rem;
    color:#444;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 75%, rgba(250,250,250,1) 88%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 75%,rgba(250,250,250,1) 88%,rgba(255,255,255,1) 100%);
    background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 75%,rgba(250,250,250,1) 88%,rgba(255,255,255,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
    padding:0 16px !important;
    border-radius:3px;
    box-sizing:border-box;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    cursor:pointer;
    vertical-align:middle;
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );}
.btn_gray:hover {text-decoration:none;}
.btn_gray.h37 {height:40px; line-height:38px;}
.btn_gray.on {background:#1d3979; color:#fff; border-color:#1d3979 #0f2863 #0f2863 #1d3979;}




/* °øÅë
------------------------------------------------------------------------------------------------------------*/

/* À̹ÌÁö ·Ñ¿À¹ö Å׵θ® */
.imgborder{padding:2px; border:1px solid #cccccc;}
.imgborder:hover{border-color:#ff7171;}

/* ȸ»ö ¹Ú½º */
.graybox{background:#f7f7f7; border:1px solid #ddd; padding:10px 20px;}/* ȸ»ö¹è°æ_Å׵θ® */
.graybox2{border:4px solid #efefef; padding:10px 20px;}/* ȸ»ö µÎ²¨¿î Å׵θ® */


/* ¼­ºê ÅÇ*/
.sub_tab{overflow:hidden; border-bottom:2px solid #555; margin-bottom:20px;}
.sub_tab li{float:left; margin-right:4px;}
.sub_tab li a{display:block; height:28px; padding:5px 15px 0; font-weight:600; color:#666; font-size:13px; border-width:1px 1px 0 1px; border-style:solid; border-color:#cfd2d9; background:url(../img/sub/tab_off.gif) left bottom repeat-x; text-align:center; min-width:100px;}
.sub_tab li a.on{background-image:url(../img/sub/tab_on.gif); color:#fff; border-color:#555;}

/* ¼­ºê ÅÇ 2 */
.sub_tab2{overflow:hidden; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.sub_tab2 li{float:left; width:20%;}
.sub_tab2 li a{display:block; padding:5px 0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center;}
.sub_tab2 li a:hover{background:#EBEBEC; text-decoration:none;}

.sub_tab2.col4 li{width:25%;}

/* ¼ýÀÚ ¸®½ºÆ® */
.number{margin-left:20px; text-align:left;}
.number li{list-style:decimal; margin-bottom:20px;}
.number.small li{margin-bottom:10px;}

/* µµÆ® ¸®½ºÆ® */
.list_basic{}
.list_basic li{padding-left:10px; background:url(../img/sub/arrow.gif) left 10px no-repeat; margin-bottom:20px;}
.list_basic.small li{margin-bottom:10px;}

.chk_box {display:block; margin:0 0 4px;}
.chk_box .chk {display:inline-block; width:16px; height:16px; margin:0 4px 0 0; vertical-align:middle;}
.chk_box label {display:inline-block; font-size:15px; font-weight:500; line-height:20px; letter-spacing:-0.045rem; color:#333; vertical-align:middle;}

/* ÆùÆ® »ö»ó */
.red{color:#f55747;}


.summary{font-size:12px; color:#666;}


/* Å×ÀÌºí ±âº» °¡·ÎÇü */
.table_basic {border-top:1px solid #333;}
.table_basic th, .table_basic td{font-size:15px; font-weight:500; line-height:22px; letter-spacing:-0.045rem; color:#555; border-bottom:1px solid #ddd; padding:8px 16px; vertical-align:middle;}
.table_basic th{background:#f9f9f9;}
.table_basic th.lt{border-left:1px solid #ddd;}
.table_basic td{border-left:1px solid #ddd;border-right:1px solid #ddd;}

.table_basic thead{background:#f9f9f9;}
.table_basic thead th, .table_basic thead td{text-align:center; font-weight:500; color:#333; padding:14px 16px;}
.table_basic thead th{background:none;}

.table_basic.center td{text-align:center;}
.table_basic input {height:32px; border:1px solid #ddd; font-size:15px; font-weight:500; letter-spacing:-0.025rem; vertical-align:middle;}

h3.tit{background:url(<?=$skin_dir?>/image/h3.gif) left 3px no-repeat; padding-left:18px; line-height:1.2; font-size:17px; font-weight:700;}
.top15{margin-top:15px;}
.top30{margin-top:30px;}
.top40{margin-top:40px;}

.sympo_inputtable{border-top:2px solid #999999;}
.sympo_inputtable th, .sympo_inputtable td{padding:8px 10px; text-align:left; font-weight:normal; border-bottom:1px solid #dddddd;}
.sympo_inputtable th{width:15%; background:#fafafa; color:#444444;}
.sympo_inputtable td{}
.sympo_inputtable .input{padding:2px; line-height:1.2;}

.select{width:150px; height:20px;}
.file{width:400px;}

.plusicon_btn{display:inline-block; background:#555555; color:#ffffff!important; padding:0 10px;}
.plusicon_btn:hover{background:#e83421; text-decoration:none;}

.download_btn{display:inline-block; background:#555555; color:#ffffff!important; padding:0 10px;}
.download_btn:hover{background:#e83421; text-decoration:none;}

#bold {font-weight: bold;}
#redbold {color: #900;}

.top5{margin-top:5px;}
.top10{margin-top:10px;}
.top15{margin-top:15px;}
.top20{margin-top:20px;}
.top25{margin-top:25px;}
.top30{margin-top:30px;}
.top35{margin-top:35px;}
.top40{margin-top:40px;}
.top50{margin-top:50px;}
.top60{margin-top:60px;}
.top70{margin-top:70px;}
.top80{margin-top:80px;}
.top90{margin-top:90px;}

.bot5{margin-bottom:5px;}
.bot10{margin-bottom:10px;}
.bot15{margin-bottom:15px;}
.bot20{margin-bottom:20px;}
.bot25{margin-bottom:25px;}
.bot30{margin-bottom:30px;}
.bot35{margin-bottom:35px;}
.bot40{margin-bottom:40px;}
.bot50{margin-bottom:50px;}
.bot60{margin-bottom:60px;}
.bot70{margin-bottom:70px;}
.bot80{margin-bottom:80px;}
.bot90{margin-bottom:90px;}

.left5{margin-left:5px;}
.left10{margin-left:10px;}
.left15{margin-left:15px;}
.left20{margin-left:20px;}
.left25{margin-left:25px;}
.left30{margin-left:30px;}
.left35{margin-left:35px;}
.left40{margin-left:40px;}
.left50{margin-left:50px;}
.left60{margin-left:60px;}
.left70{margin-left:70px;}
.left80{margin-left:80px;}
.left90{margin-left:90px;}

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

.bbs_basic_list{}
.bbs_basic_list caption{color:#5e5e5e; line-height:1.6; padding-bottom:5px;}
.bbs_basic_list thead{}
.bbs_basic_list thead td{text-align:center; background:#6f7684; color:#ffffff; font-weight:bold; font-size:12px; height:30px;}
.bbs_basic_list tbody{}
.bbs_basic_list tbody td{border-bottom:1px solid #e7e7e7; text-align:center; color:#5e5e5e; min-height:26px; padding:3px 0;}
.bbs_basic_list tbody td.subject{text-align:left;}
.bbs_basic_list tbody td.subject a{color:#5e5e5e;}
.bbs_basic_list tbody td.subject a:hover{color:#000000;}
@media screen and (-webkit-min-device-pixel-ratio:0){
.bbs_basic_list tbody td{height:26px;}
}