.w260{width:260px !important}

/* rolling */
.rollingbox .rolling_title{position:absolute;top:0;left:0;width:60px;background:url(../img/layoutSet.gif) no-repeat -171px 0}
.rollingbox .rolling_title a{padding-left:3px;color:#fff;font:bold 11px "굴림",Dotum;text-decoration:none}
.rollingbox .rolling_list{margin-left:65px}
.rollingbox .rolling_list ul{list-style:none;margin:0;padding:0;position:absolute}
.rollingbox .rolling_list li {margin:0 1px 0 0;padding:0 0 0 6px;cursor:pointer}
.rollingbox .rolling_list li img {vertical-align:middle}
.rollingbox .rolling_list li a{color:#777;font-size:12px}
.rollingbox .rolling_list li .date{padding-left:10px;font:normal 12px dotum;color:#888;display:inline-block}
.rollingbox .rolling_list li .active{color: #fff; background: #a03232}

/* latest skin */
.bbsWrap {margin-top:5px}
.bbsTable {position:relative;margin:0 0 20px 0;padding:0;zoom:1;border-bottom:5px solid #F2F2F2;border-top:5px solid #E74B53;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0  10px 10px;border-radius:0 0 10px 10px}
.bbsTable.wide{background:url(../img/latest/bg_doc_category.gif) repeat-y left top}
.bbsMask {padding:10px 0;zoom:1;border-top:3px solid #f2f2f2}
.bbsWrap:after, 
.bbsTable:after,
.bbsMask:after {content:"";display:block;clear:both}
.bbsTable .char1{position:absolute;bottom:-5px;left:0;width:180px;height:196px;background:url(../img/latest/char_bg1.gif) no-repeat left top}
.bbsTable .char2{position:absolute;bottom:-5px;left:0;width:180px;height:196px;background:url(../img/latest/char_bg2.gif) no-repeat left top}
.bbsTable .char3{position:absolute;bottom:-5px;left:0;width:180px;height:196px;background:url(../img/latest/char_bg3.gif) no-repeat left top}
.bbsTable .title {position:relative;float:left;width:100%}
.bbsTable .title h2,
.bbsTable .title a{color:#E74B53}
.bbsTable .title a{text-decoration:none}
.bbsTable .title a:hover{text-decoration:underline}
.bbsTable .title .step{position:absolute;top:-20px;left:10px;margin:0;padding:7px 0 0 45px;font-size:26px;font-weight:bold;font-family:"돋움", Dotum;background:url(../img/latest/icon_step1.gif) no-repeat left top}
.bbsTable .title .subtitle{color:#222;font-size:18px;font-weight: bold;margin:30px 0 0 15px;padding:0;font-family:Tahoma,Verdana,Georgia}
.bbsTable .title .brief{margin:0;padding:0 15px;zoom:1}
.bbsTable .bbsContainer{float:left}
.bbsTable.wide .title{width:230px}
.bbsTable.wide .bbsContainer{width:310px}
.bbsTable .list {margin:0 10px;padding:1px 0 0 0;list-style-type:none;background:url(../img/latest/dot_line.gif) top left repeat-x}
.bbsTable .list:after {content:"";display:block;clear:both}
.bbsTable .list li {float:left;width:100%;padding:0 0 1px 0;font-size:11px;background:url(../img/latest/dot_line.gif) bottom left repeat-x;white-space:nowrap}
.bbsTable .list li a{float:left;width:100%;padding:2px 0;color:#222;text-decoration:none}
.bbsTable .list li a img {vertical-align: middle}
.bbsTable .list li a strong {display:inline-block;margin:0;padding-right:2px;text-align:right;/*width:25px;*/font-weight:bold;font-family:Georgia;font-size:11px;color:#E74B53}
.bbsTable .list li a:hover{font-weight:bold;background:url(../img/latest/icon_arrow_red.gif) right 8px no-repeat}
.bbsTable .list li.w260 a:hover{font-weight:bold;background-image:none !important}
.bbsTable .list li .cnt{color:#ff4500}

/* tab */
.tab_top{position:relative;height:29px;margin-top:0px;padding-left:15px;padding-top:0;background:#fff url('../img/tab/menu.gif') repeat-x 0 100%;font:normal 12px Dotum}
.tab_top ul { margin:0px;padding:0px;list-style:none}
.tab_top ul li{margin:0;padding:0px;list-style:none;float:left;margin-right:5px;height:29px}
.tab_top ul li,.
tab_top ul li a{background:url('../img/tab/bg_off.gif') no-repeat; }
.tab_top ul li a {display:inline-block; padding:4px 18px 0px !important; background-position: 100% 0px; font-weight:bold; color:#333; text-decoration:none !important; line-height:24px; }
.tab_top ul li a:hover{color:crimson}
.tab_top ul li.on,
.tab_top ul li.on a{ background-image:url('../img/tab/bg_on.gif'); }
.tab_top ul li.on a {color:crimson; }
.tab_top ul li.end {float:right; background:none; }
.tab_top ul li.end a {display:inline-block;padding:2px 14px 1px;background:none;color:#888;text-decoration:none !important; }
.tab_container{margin:0;padding:15px;border:1px solid #dddddd}

/* gallery list */
.gallery_list{width:100%;margin:0 0 0 15px}
.gallery_list ul{list-style:none;display:inline-block;margin:0;padding:0}
.gallery_list .item{float:left;width:150px;margin-right:5px}
.gallery_list .item_container{position:relative}
.gallery_list .category{position:absolute;top:0;left:0;z-index:100;background:#4266b2;padding:5px;font-size:11px;color:#fff}
.gallery_list .shot{/*width:150px;height:110px;*/background:#fafafa;padding:0}
.gallery_list .shot_txt{/*width:130px;*/height:40px;background:#000000;padding:10px;z-index:1;bottom:0;left:0}
.gallery_list .nc{height:15px}
.gallery_list .shot_txt a{color:#fff;font-size:13px;letter-spacing:-0.06em}
.gallery_list .shot_txt li.shot_content{margin-top:5px}
.gallery_list .shot_txt li.shot_content a{color:#888;font-size:11px;letter-spacing:-0.06em}

/*
 * color theme
**/
#wrap.red_layout .rollingbox .rolling_title{background-position:-171px 0}
#wrap.green_layout .rollingbox .rolling_title{background-position:-171px -21px}
#wrap.blue_layout .rollingbox .rolling_title{background-position:-171px -42px}
#wrap.brown_layout .rollingbox .rolling_title{background-position:-171px -63px}
#wrap.red_layout .bbsTable{border-top-color:#E74B53}
#wrap.green_layout .bbsTable{border-top-color:#8CBC4B}
#wrap.blue_layout .bbsTable{border-top-color:#608CE5}
#wrap.brown_layout .bbsTable{border-top-color:#c68239}
#wrap.red_layout .bbsTable .title h2, 
#wrap.red_layout .bbsTable .title a{color:#E74B53}
#wrap.green_layout .bbsTable .title h2, 
#wrap.green_layout .bbsTable .title a{color:#8CBC4B}
#wrap.blue_layout .bbsTable .title h2, 
#wrap.blue_layout .bbsTable .title a{color:#608CE5}
#wrap.brown_layout .bbsTable .title h2, 
#wrap.brown_layout .bbsTable .title a{color:#c68239}
#wrap.red_layout .bbsTable .title .step {background-image:url(../img/latest/icon_step1.gif);}
#wrap.green_layout .bbsTable .title .step {background-image:url(../img/latest/icon_step2.gif);}
#wrap.blue_layout .bbsTable .title .step {background-image:url(../img/latest/icon_step3.gif);}
#wrap.brown_layout .bbsTable .title .step {background-image:url(../img/latest/icon_step3.gif);}
#wrap.red_layout .bbsTable ul.list li a:hover{background-image:url(../img/latest/icon_arrow_red.gif);}
#wrap.green_layout .bbsTable ul.list li a:hover{background-image:url(../img/latest/icon_arrow_green.gif);}
#wrap.blue_layout .bbsTable ul.list li a:hover{background-image:url(../img/latest/icon_arrow_blue.gif);}
#wrap.brown_layout .bbsTable ul.list li a:hover{background-image:url(../img/latest/icon_arrow_gray.gif);}
#wrap.red_layout .bbsTable ul.list li a strong {color:#E74B53}
#wrap.green_layout .bbsTable ul.list li a strong {color:#689130}
#wrap.blue_layout .bbsTable ul.list li a strong {color:#5882D7}
#wrap.brown_layout .bbsTable ul.list li a strong {color:#c68239}

