@charset "euc-kr";
/* CSS Document */
@import url("default.css");

/*common*/
#wrap { background:#000 url(../images/bg_dot.png) 0 0 repeat; overflow:hidden;}
#main_img { background-color:#ddd; text-align:center; position:relative;}
#sub_img { background-color:#ddd; text-align:center; position:relative; height:200px; overflow:hidden;}
.labal_main { background:url(../images/bg_dot.png) 0 0 repeat; position:absolute; width:100%; height:100%; z-index:10; opacity:.7; left:0; top:0;}
#main_img p img, #sub_img p img { max-width:100%; height:auto;}
#header h1 { position:absolute; z-index:20; left:15px; top:15px; width:40%;}
#header h1 img { max-width:100%;}
.sub_wrap #header h1 { left:10px; top:10px;}
.sub_wrap #header h1 img { max-width:80%;}

#cate_list { padding:40% 0 0 0; margin:0 10px 10px 10px; position:relative;}
#cate_list .content {position:absolute !important; top:0; left:-10px; background:url(../images/main_con_bg.png) 0 0 repeat; padding:15px 10px 15px 10px; width:100%;  }
#cate_list .content li { display:inline-block; width:33.3%; text-align:center;}
#cate_list .content li a { display:block; padding:5px;}
#cate_list .content li a img{ max-width:100%;}

#footer_wrap { background:url(../images/main_con_bg.png) 0 0 repeat; padding:0 10px 10px 10px; position:relative;}
.con .content { position:relative; background:none; padding:10px; font-size:0.70em; letter-spacing:-0.1em;}
.main_link li {background:url(../images/link_bg.png) 0 0 repeat; border-bottom:#000 solid 1px; }
.main_link li a{ background:url(../images/list_arrow.png) 96% 50% no-repeat;}
.main_link li a{ display:block; padding:13px 15px 12px 15px;}
.main_link li:last-child {border-bottom:none;}
.main_link li a { font-weight:bold;}
.main_link li a:link { color:#999;}
.main_link li a:hover { color:#fee117;}
.movie_con { text-align:center; margin-bottom:30px}

.con { background-color:#000; min-height:500px; margin:10px; color:#fff;}
.white_content { background-color:#fff !important; overflow:hidden; color:#747474;}

#footer { text-align:center; }
.footer_link { overflow:hidden; position:relative; z-index:10; left:-10px; width:100%; padding:0 10px 0 10px; border-bottom:#000 1px solid;}
.footer_link li { float:left; width:25%; text-align:center;}
.footer_link li img { max-width:97%; padding:.5em 0 .5em 0;}
#footer li { display:inline-block; font-size:0.6em; padding:0 0.5em 0 0.5em; color:#999;}

.cate_view { position:absolute; left:0; top:140px; width:100%; height:0; }
.btn_sub_cate { position:absolute; z-index:20; right:0; background:url(../images/main_con_bg.png) 0 0 repeat;}
.btn_sub_cate a { color:#fff; display:block; padding:10px 10px 10px 25px; float:right; z-index:200px; position:relative; background:url(../images/cate_arrow_open.png) 5% 50% no-repeat;}
.btn_sub_cate a.close { padding:10px 25px 10px 10px; background:url(../images/cate_arrow_close.png) 95% 50% no-repeat;}
.sub_cate { overflow:hidden; position:absolute; z-index:200; left:100%; width:0; top:60px; overflow:hidden;}
.sub_cate .main_link {background:#333; }

.tab_group { overflow:hidden; padding:10px;}
.tab_group li { float:left; margin-right:1px; font-size:.6em; text-align:center;}
.tab_group li a {padding:.4em .8em .4em .8em; background:#444; color:#ddd; display:block;}
.tab_group li a.on {background:#333; color:#fee117; display:block;}
.profile_list dt{ padding-top:10px;}

.list_board { width:100%; border-collapse:collapse; background-color:#fff;}
.list_board td { padding:10px; font-size:.75em; color:#747474; border-bottom:#e1e1e1 solid 1px; border-top:#e1e1e1 solid 1px;}
.btn_right_group { padding:10px 0 20px 0; float:right; overflow:hidden;}
.btn_right_group a { background-color:#444; padding:.1em 1em .1em 1em; display:inline-block; text-align:right; color:#e1e1e1; font-size:.75em;}

/* added by YNK */
.gallery_list {width:100%; table-layout:fixed; border-collapse:collapse;}
.gallery_list .thumb {width:100%;height:100%;}
#abs_view_box {position:absolute; top:0; left:0; display:none; box-shadow:0 10px 10px #000; z-index:2;}
#view_img {width:100%;}
#abs_view_box .close_btn {position:absolute; top:0; right:0; padding:10px;}
.page_tab {text-align:center; margin-top:10px;}
.page_tab a {background:#333;}
.page_tab a,
.page_tab b,
.page_tab span {display:inline-block; padding:2px 5px; margin:0 1px; min-width:18px; color:#ccc;}