@charset "utf-8";
/* -------------------------------------------------------------- common -------------------------------------------------------------- */
/* input, form */
input[type="text"], input[type="password"] { height:30px; padding:2px 5px; color:#666; line-height:20px; background:#fff; border:1px solid #ccc; font-size:14px; }
input[type="password"] { }
input[type="radio"] { width:16px; height:16px; vertical-align:middle; }
input[type="checkbox"] { width:13px; height:13px; margin:-1px 2px 0 0; vertical-align:middle; }
input[type="image"] { border:none; }
input[type="file"] { height:30px; line-height:28px; background:#fff; border:1px solid #ccc; }
input[type="submit"] { padding-bottom:2px; }
select { height:36px; padding:3px; color:#666; border:1px solid #ccc; font-size:14px; }
textarea { padding:4px; border:1px solid #ccc; font-size:14px;}
input[type="text"].input_tr { height:32px; padding:3px 5px; color:#555; line-height:20px; background:#fff; border:1px solid #ccc; font-size:13px; }

/* align, float */
.al_l { text-align:left!important; }
.al_c { text-align:center!important; }
.al_r { text-align:right!important; }
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }
.vat { vertical-align:top; }
.vam { vertical-align:middle; }
.vab { vertical-align:bottom; }

/* hidden */
.hidden {text-indent:-9999em; display:absolute;}

/* display */
.inblock { display:inline-block; }
.none { display:none!important; }
.block {display:block!important;}
.blind { visibility:hidden; }
.hide { overflow:hidden; position:absolute; width:0; height:0; font-size:0; line-height:0; text-indent:-999999px; }
.bgn { background:none!important; }
.bdn { border:none!important; }

/* table */
.tbl-fixed { table-layout:fixed; }

/* margin, padding */
.pd0 { padding:0!important; }
.mg0 { margin:0!important; }
.mr5 { margin-right:5px!important; }
.mr10 { margin-right:10px!important; }
.ml5 { margin-left:5px!important; }
.ml10 { margin-left:10px!important; }
.mb5 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb30 { margin-bottom:30px!important; }
.mb40 { margin-bottom:40px!important; }

/* width */
.w30 { width:50px !important;}
.w50 { width:50px !important;}
.w70 { width:70px !important;}
.w100 { width:100px !important;}
.w150 { width:150px !important;}
.w170 { width:170px !important;}
.w200 { width:200px !important;}
.w300 { width:300px !important;}
.w400 { width:400px !important;}

/* -------------------------------------------------------------- layout -------------------------------------------------------------- */
#wrap { width:100%; }
#wrap:after { content:""; display:block; visibility:hidden; clear:both; }
	.inner { width:1100px; margin:0 auto; overflow:hidden;  }		
	.inner h1 a img{ width:220px;  }		
#header { position:relative; width:100%; height:130px; z-index:9999; } 
#header:after { content:""; display:block; visibility:hidden; clear:both; }
	.util { height:38px; background:#4c4c4c; } 
	.util .stit { float:left; padding-top:15px;}
	.util .stit img { width:247px;}
	.util ul { float:right; padding-top:10px; }
	.util ul li { float:left; padding: 0 0 0 5px; margin-left:20px; color:#fff; font-size:13px; }
	.util ul li.ip { display:block; }
	.util ul li span { padding:0 10px 0 0; margin-right:10px; background:url(../images/common/ip_bar.gif) right 4px no-repeat; font-weight:bold;}
	.util ul li a.login { height:16px; padding-left:20px; background:url(../images/common/ic_login.gif) 0 0 no-repeat;  color:#fff; font-weight:bold;}
	.util ul li a.login strong { color:#51c2fa; }
	.util ul li a.logout  { padding:2px 8px; color:#ddd; font-weight:bold; border:1px solid #aaa; line-height:20px; font-size:12px; }
	h1 { position:absolute; top:70px; }
	.lnb { float:right; padding-top:38px; padding-right:0px; }
	.lnb > li { float:left; text-align:center; }
	.lnb > li > a { display:block; width:110px; color:#333; font-weight:bold; font-size:17px; background:url(../images/common/lnb_bg.gif) 0 4px no-repeat;  }
	.lnb > li > a:hover, .lnb > li > a.on { color:#0051ad; font-weight:bold}
	.lnb > li > a.first { background:none;}
	.lnb .lnbs-wrap { position:absolute; top:131px; left:0; width:100%; height:40px; background:#fff; border-bottom:1px solid #000; z-index:999;  }
	.lnb .lnbs {  width:1100px; margin:0 auto; position:relative; }
	.lnb .lnbs li { float:left; margin-left:15px; }
	.lnb .lnbs li a { font-size:15px; }
	.lnb .lnbs li a:hover, .lnb .lnbs li a:focus, .lnb .lnbs li a.on { color:#222; font-weight:bold;}
	.lnb .lnbs1 { position:absolute; right:245px; top:11px; z-index:99999;}
	.lnb .lnbs2 { position:absolute; right:120px; top:11px; z-index:99999;}	
#container { width:100%; }
#container:after { content:""; display:block; visibility:hidden; clear:both; }
#container .inner { position:relative; width:1100px; margin:0 auto; }
#fwrap { overflow:hidden; clear:both; position:relative; width:100%; height:100px; background:#fff; border-top:1px solid #ccc; }
#fwrap .footer { position:relative; width:1100px; height:100px; margin:0 auto; color:#555; font-size:13px; }
#fwrap .footer address { padding:30px 0 0 150px;  }
#fwrap .footer .copy {  padding:0 0 0 150px;line-height:18px; }
#fwrap .footer .logo { position:absolute; left:0; top:37px; }

.totalMenu {display:none;}

/****************************************************** main-layout ******************************************************/
.idx-pg { overflow:hidden; position:relative; width:1100px; margin:0 auto; padding:30px 0; }
#visual { background:url(../images/main/m_bg.jpg) center 0 repeat-x;}
#visual .inner { position:relative; width:1100px; margin:0 auto; padding:60px 0; overflow:hidden;}
.search_bx { float:left; width:726px; margin-bottom:10px; }
.search_bx .tab { overflow:hidden; height:48px; }
.search_bx .tab li { float:left; }
.search_bx .tab li a { overflow:hidden; display:block; width:363px; height:33px; padding:15px 0 0 0; text-align:center; font-size:15px; font-weight:bold; }
.search_bx .tab li a.tab1 {  border-radius: 5px 0 0 0; color:#fff; background:url(../images/main/th_bg2.jpg) 0 0 repeat; }
.search_bx .tab li a.tab2 { border-radius: 0 5px 0 0; color:#fff; background:url(../images/main/th_bg2.jpg) 0 0 repeat; }
.search_bx .tab li a:hover, .search_bx .tab li a.on {  color:#222;background:#fff;  }
.search_bx .inputBg { position:relative; height:200px; background:#fff; }
.bx { overflow:hidden; padding:25px 18px;  }
.bx p { margin-bottom:10px;}
.bx p.mb5 { margin-bottom:5px;}
.bx input[type="text"] { width:352px;}
.bx strong { color:#222; padding: 0 9px 0 7px; background:url(../images/bbs/b_4x4_8a4b24.gif) 0 7px no-repeat; font-size:13px;}
.bx label { color:#222; font-weight:bold; padding: 0 11px 0 7px; background:url(../images/bbs/b_4x4_8a4b24.gif) 0 7px no-repeat; font-size:13px;}
.bx .category label { font-weight:normal !important; background:none !important; padding:0 7px 0 4px !important;}
.bx .date { margin:0 !important;  margin-bottom:10px !important; }
.bx .date input { width:122px;}
.bx .date img { padding-left:2px;}
.bx .date1 { margin:0 !important;  margin-bottom:5px !important; }
.bx .date1 input { width:122px;}
.bx .date1 img { padding-left:2px;}
.search_bx .btn { position:absolute; top:25px; right:30px;}
.search_bx .btn1 {position:absolute; bottom:35px; right:30px;} 

.notice_bg { position:relative; float:left; width:726px!important; }
.notice_bg dt { float:left; width:129px; padding:17px 0 0 25px; height:34px; color:#fff; font-weight:bold; font-size:15px; border-radius: 5px 0 0 5px ; background:#57473d;}
.notice_bg dd { overflow:hidden; float:right; width:527px; padding:17px 25px 0 20px; height:34px; border-radius: 0 5px 5px 0; background:#756458;}
.notice_bg dd a {  overflow:hidden; float:left; padding-left:30px; width:250px; background:url(../images/main/ic_notice.gif) 0 0 no-repeat; color:#fff; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; } 
.notice_bg dd span { float:right; margin-right:40px; color:#cec2bb;}
.notice_bg img.more { position:absolute; right:15px; top:12px; }

.banner  { float:right; width:335px; height:320px; background:#fff; }
.banner .img { overflow:hidden;}
.banner .img li { float:left; border-bottom:1px solid #ccc!important; }
.banner .dot { float:left; margin:18px 0 0 20px; height:13px;}
.banner .dot li { float:left; margin:0 2px; }
.banner .dot li a { overflow:hidden; display:block; width:13px; height:13px; background:url(../images/main/dot_li.gif) 0 0 no-repeat; text-indent:-99999px; }
.banner .dot li a:hover, .banner .dot li a.on { background-position:0 bottom; }
.banner .edit { float:right; width:70px; margin:13px 15px 0 0 ;}
.banner .edit li { float:left;}

.db-list {   }
.db-list > li { float:left; width:25%; height:100%; min-height:710px;  border-right:1px solid #ccc;  border-bottom:1px solid #ccc; box-sizing:border-box;  }
.db-list > li.first { border-left:1px solid #ccc;  }
.db-list > li dl { }
.db-list > li dl dt { position:relative; padding:15px 0 15px 15px; text-align:left; color:#fff; font-size:15px; font-weight:bold; }
.db-list > li dl dt span { position:absolute; right:15px; top:10px; }
.db-list > li dl dt.bg1 { background:url(../images/main/th_bg1.jpg) 0 0 repeat; } 
.db-list > li dl dt.bg2 { background:url(../images/main/th_bg2.jpg) 0 0 repeat; } 
.db-list > li dl dd { overflow:hidden; padding:7px 15px;  }
.db-list > li dl dd .list-t { }
.db-list > li dl dd .list-t li { padding:5px 0; overflow: hidden; overflow:hidden; text-overflow: ellipsis;}
.db-list > li dl dd .list-t li a { overflow:hidden; padding-left:15px; text-overflow:ellipsis; white-space:nowrap; background:url(../images/bbs/txt_list.gif) 0 2px no-repeat; font-size:13px;}


/****************************************************** sub-layout ******************************************************/
#spot { height:110px; margin-bottom:35px; background:url(../images/common/s-spot.jpg) center top repeat-x; }
#spot .inner { position:relative; width:1100px; height:110px; margin:0 auto; }
#spot .inner span { position:absolute; right:0; top:30px;}
#contents { overflow:hidden; margin:0 auto; width:1100px; margin-bottom:50px; min-height:550px; } 
#contents h3 { margin-bottom:25px; font-size:34px; color:#111;}
#contents h4 { clear:both; float:left; display:inline; margin-bottom:15px; font-size:23px; font-weight:bold; color:#111; }
/****************************************************** popup ******************************************************/
#popup { width:600px; margin:5px; padding:10px ; border:1px solid #ccc; font-size:13px; text-align:center;}
#popup .tit { background:#333; padding:10px; height:20px; color:#fff; font-size:15px; font-weight:bold; } 
#popup .tit span { color:#C96; }
#popup table { border-left:1px solid #ccc; margin-bottom:20px;}
#popup table th { padding:8px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
#popup table td { padding:8px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:left;}
#popup table td a.btn_del { display:inline-block; background:#555; color:#fff; font-weight:bold; text-align:center; width:50px; padding:5px; }
#popup table td span { margin-right:15px;}
#popup table td p { margin-top:5px; color:#C00;}
#popup ul { margin-bottom:20px; padding:20px 0 10px 60px; border:1px solid #ccc; background:#f5f5f5;}
#popup ul li label { display:inline-block; width:63px; margin-right:5px; color:#222; font-weight:bold;}
#popup ul li span { margin-right:20px; }
#popup ul li input[type="text"], #popup ul li input[type="password"] { height:24px; }
#popup ul li { margin-bottom:10px; text-align:left;}
#popup ul li a.btn_add { display:inline-block; background:#555; color:#fff; font-weight:bold; text-align:center; width:60px; padding:7px; vertical-align:bottom;}
#popup a.btn_confirm { margin:0 auto 10px;  display:inline-block; background:#2f3f72; color:#fff; font-weight:bold; text-align:center; width:100px; padding:10px;}


/* total menu */    
    #snb { display:none;}
    #snb{ width:100%; max-width:1110px; margin:0 auto; position:relative; z-index:99;}
    #snb .mBtn{ height:70px; position: absolute; right:0; top:38px; display:inline-block;}   
    #snb #nav { position:absolute; width:270px; right:0; top:130px; display:none; background:#1558a7;}   
    #snb #nav ul li{ width:100%;}  
    #snb #nav ul li .depth01{ height:41px; font-size:15px; font-weight:500; line-height:41px; color:#fff; position:relative; display:block; padding-left:20px; border-bottom:1px solid #003777;}
    #snb #nav ul li .depth01.active,
	#snb #nav ul li .depth01:hover{ color:#fff; background:#003777;}
    #snb #nav ul li .sMenu{ display:none; background:#003777; padding:10px 0; }
    #snb #nav ul li .sMenu>li{width:100%; padding:0px 0 0 0;}
    #snb #nav ul li .sMenu>li:hover {}
    #snb #nav ul li .sMenu>li>a{font-size:13px; line-height:26px; padding-left:20px; color:#fff;}
    #snb #nav ul li .sMenu>li>a{color:#fff;}
    #snb #nav ul li .sMenu>li>a.active,
	#snb #nav ul li .sMenu>li>a:hover{color:#ccc;}
    #snb #nav ul li .depth01>.icon{width:7px; height:7px;margin-left:10px; background:url('../images/common/lnb_down.png') no-repeat left top; display:inline-block;}
    #snb #nav ul li .depth01.active>.icon{background:url('../images/common/lnb_up.png') no-repeat left top;}

    
    button.menu-trigger{ width: 80px; height: 92px; background-color:#003777; border:none; line-height:83px; position: relative; box-sizing:border-box; cursor: pointer;}
	button.menu-trigger span.box { width: 21px; height: 16px; margin: auto; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer;}
	button.menu-trigger span.box span.bar {width: 100%; height: 2px; background-color: #fff; position: absolute; right: 0; border-radius: 1px;}
	button.menu-trigger span.box span.bar.top {top: 0px;}
	button.menu-trigger span.box span.bar.middle {margin: -1px 0 0; top: 50%;}
	button.menu-trigger span.box span.bar.bottom {bottom: 0px;}
	button.menu-trigger.active span.box span.bar { width: 100% !important;}
	button.menu-trigger.active span.box span.bar.top {top: 0; -webkit-transform: rotate(45deg) translate(6px, 6px); transform: rotate(45deg) translate(6px, 6px);}
	button.menu-trigger.active span.box span.bar.middle { opacity: 0;}
	button.menu-trigger.active span.box span.bar.bottom { bottom: 2px; -webkit-transform: rotate(-45deg) translate(2px, -3px); transform: rotate(-45deg) translate(2px, -3px);}
	button.menu-trigger.active{ background-color: #003777;}
/* total menu end*/

/* ********** @media all and (max-width:1024px) ********** */
@media all and (max-width:1024px){
    #wrap .inner, #container .inner, .idx-pg, #fwrap .footer, #contents { width:96%;}
    #header { border-bottom:1px solid #ddd; margin-bottom:20px;}
    .idx-pg { padding:0; }
    #snb { display:block;}
        button.menu-trigger{width: 86px; height: 93px; line-height:105px;}
        button.menu-trigger span.box {width: 31px; height: 21px;}
        button.menu-trigger.active span.box span.bar.bottom {-webkit-transform: rotate(-45deg) translate(6px, -7px); transform: rotate(-45deg) translate(6px, -7px);}
        .lnb { display:none;}
        #snb .mBtn{height:93px; top:38px;}
        #snb #nav{width:100%; max-width:640px; top:130px; bottom:0px; overflow:hidden; overflow-y:auto; position: fixed;}
        #visual { background:none; height:auto; }
        #visual .inner { padding:0;  }
        .search_bx { overflow:hidden; width:100%;  margin-bottom:20px; }
        .search_bx .tab { border:0;}
        .search_bx .tab li { width:49.9%;}
        .search_bx .tab li a { width:99.9%; border:1px solid #ccc; border-bottom:0;}
        .search_bx .tab li a.tab1  { border-right:0;}
        .search_bx .tab li a:hover, .search_bx .tab li a.on { color:#222; background:#fff; }
        .bx { box-sizing:border-box; padding:20px 5% 0 5%; }
        .bx .category label { padding:0 10px 0 0!important;}
        .bx .category strong { display:block; float:left; margin-bottom:10px; }
        .bx input[type="text"] { width:51%;}
        .bx .date input { width:15% !important;}
        .search_bx .inputBg { height:auto; border:1px solid #ccc; padding-bottom:20px; border-top:0;}
        .search_bx .btn { position:absolute; top:20px; right:10px;}
        .search_bx .btn1 { display: none;} 
        .banner { width:100%; height:350px; background:#fff; box-sizing:border-box; margin-bottom:20px; position:relative; border:1px solid #ccc; padding-top:15px;}	
        .banner .img { margin-left:30%;}
        .banner .img li {padding-bottom:15px;}
        .banner .dot { float:left; margin:18px 0 0 20px; height:13px;}
        .banner .dot li { float:left; margin:0 2px; }
        .banner .dot li a { overflow:hidden; display:block; width:13px; height:13px; background:url(../images/main/dot_li.gif) 0 0 no-repeat; text-indent:-99999px; }
        .banner .edit { position:absolute; right:0; bottom:10px; width:70px;}
        .banner .edit li { float:left;}
    
        .notice_bg { width:100%!important; margin-bottom:20px;}
        .notice_bg dt { width:11.9%; padding:17px 0 0 3%; }
        .notice_bg dd { width:78.7% ; padding:17px 5.4% 0 1%; }
        .notice_bg dd a { padding-left:3%; width:40%; background: none;} 
        .notice_bg dd span { margin-right:2%; }
    }


/* ********** @media all and (max-width:768px) ********** */
@media all and (max-width:768px){    
    /**공통**/
	#header { height:95px; border-bottom:1px solid #ddd; margin-bottom:15px;}
        h1 { position:absolute; top:54px; padding-left: 2%;}
        .lnb { display:none;}
        #snb .mBtn{height:53px; top:37px;}
        #snb #nav{top:90px;}
        .search_bx .tab li { width:49.9%;}
        button.menu-trigger{width: 53px; height: 58px; line-height:53px;}
        button.menu-trigger span.box {width: 16px; height: 12px;}
        button.menu-trigger.active span.box span.bar.top {-webkit-transform: rotate(45deg) translate(3px, 4px); transform: rotate(45deg) translate(3px, 4px);}
        button.menu-trigger.active span.box span.bar.bottom {-webkit-transform: rotate(-45deg) translate(2px, -3px); transform: rotate(-45deg) translate(2px, -3px);}
        #contents h4 { margin-bottom:0px; font-size:17px; }
        .util { padding: 0 2%; height:38px; background:#4c4c4c; } 
        .util .stit { display: none;}
		#UsrId{display: none !important;}
        .util ul li.ip {/*  display:none;  */}
        .util .inner ul li{/*  display:none; */}   
    #fwrap { width:96%; padding:2%;  height:70px; margin-top:20px;}
    #fwrap .footer address { padding:10px 0 0 0; font-size:12px;}
    #fwrap .footer .copy {  padding:5px 0 0 0;line-height:18px; font-size:12px;}
    #fwrap .footer .logo { display:none;}
    
    
    /***main***/
    .inner h1 { padding-left:2%;}

    
    .search_bx .btn { width:100%; position:static; text-align: center; }
    .search_bx .btn a { display: inline-block; background:url(../images/main/btn_search1_m.gif) 0 0 no-repeat; width:147px; height:35px;}
    .search_bx .btn a:last-child { background: url(../images/main/btn_search2_m.gif) 0 0 no-repeat;}
    .search_bx .btn a img { display:none;}
    
    .idx-pg {padding:0;}
    .db-list {  }
    .db-list > li { width:100%; min-height:100%; border-left:1px solid #ccc;}
    .db-list > li.first {   }
    .db-list > li dl { }
    .db-list > li dl dt { position:relative; padding:15px 0 15px 15px; text-align:left; color:#fff; font-size:15px; font-weight:bold; }
    .db-list > li dl dt span { position:absolute; right:15px; top:10px; }
    .db-list > li dl dt.bg1 { background:url(../images/main/th_bg1.jpg) 0 0 repeat; } 
    .db-list > li dl dt.bg2 { background:url(../images/main/th_bg2.jpg) 0 0 repeat; } 
    .db-list > li dl dd { overflow:hidden; padding:7px 15px;  }
    .db-list > li dl dd .list-t { }
    .db-list > li dl dd .list-t li { padding:5px 0; overflow: hidden; overflow:hidden; text-overflow: ellipsis;}
    .db-list > li dl dd .list-t li a { overflow:hidden; padding-left:15px; text-overflow:ellipsis; white-space:nowrap; background:url(../images/bbs/txt_list.gif) 0 2px no-repeat; font-size:13px;}
    .banner {  height:350px;}
    .banner .img { width:100%; margin-left:0;}
    .banner .img li { text-align:center;  }
    
     .notice_bg dd span { margin-right:5%; }
    /***sub***/
    #spot { display:none; }
    #contents h3 { margin-bottom:10px; font-size:20px; color:#111;}
    #contents { width:96%; margin:0 auto; margin-bottom:0px; min-height:150px; } 

}

/* ********** @media all and (max-width:640px) ********** */
@media all and (max-width:640px){    
    
    /***main**/    
    #visual { }
	#visual .inner { }
        .bx { overflow: hidden; margin-bottom:10px;}
        .bx input[type="text"] { width:47%!important;}
        .bx .date input { width:25% !important;}
        .bx:nth-child(2) label { padding: 0 4% 5px 2%; width:54px!important; display:inline-block; }
        .bx .date { margin:0 !important;  margin-bottom:10px !important; }
        .bx .date input { width:122px;}
        .bx .date1 { margin:0 0 5px 0!important; width:100%!important;}
        .bx .date1 strong { margin-right:3%;}
        .bx .date1 input { width:26%!important;}
        .bx:nth-child(2) input#keyword { width:47%!important; }
        .bx p span { margin:5px 0 0 0px!important; display:block; }
        .bx p span input {  width:100%!important; }
        .bx p span select.w70 {  width:inherit!important; }
        .bx #organ {  width:100%!important; }
        .search_bx .inputBg {  height:auto;}
         .search_bx .tab li { width:49.8%;}
        .banner { padding-top:0; height:320px;}
        .banner .img { width:100%; margin-left:0;}
        .banner .img li { text-align:center;  padding-bottom:0;}
        .notice_bg { width:100%; margin-bottom:20px;}
        .notice_bg dt { width:18%; padding:17px 0 0 3%; }
        .notice_bg dd { width:72.5% ; padding:17px 5.4% 0 1%; }
        .notice_bg dd a { padding-left:3%; width:40%; background: none;} 
        .notice_bg dd span { margin-right:10%; }

    .idx-pg {padding:0;}
    .db-list > li { width:100%; min-height:100%; border-left:1px solid #ccc;}
    .db-list > li.first {   }
    .db-list > li dl { }
    .db-list > li dl dt { position:relative; padding:15px 0 15px 15px; text-align:left; color:#fff; font-size:15px; font-weight:bold; }
    .db-list > li dl dt span { position:absolute; right:15px; top:10px; }
    .db-list > li dl dt.bg1 { background:url(../images/main/th_bg1.jpg) 0 0 repeat; } 
    .db-list > li dl dt.bg2 { background:url(../images/main/th_bg2.jpg) 0 0 repeat; } 
    .db-list > li dl dd { overflow:hidden; padding:7px 15px;  }
    .db-list > li dl dd .list-t { }
    .db-list > li dl dd .list-t li { padding:5px 0; overflow: hidden; overflow:hidden; text-overflow: ellipsis;}
    .db-list > li dl dd .list-t li a { overflow:hidden; padding-left:15px; text-overflow:ellipsis; white-space:nowrap; background:url(../images/bbs/txt_list.gif) 0 2px no-repeat; font-size:13px;}
    
    /***sub***/
    #spot { display:none; }
    #contents h3 { margin-bottom:10px; font-size:20px; color:#111;}
}