/* BASIC css start */
/* 최상단 배너 영역 */
#topBanner { display:none; position:relative; width:100%; height:80px; overflow:hidden }
#topBanner .bnnr_bx { margin-left:-960px; position:absolute; top:0; left:50%; width:1920px; height:110px; }
#topBanner .bnnr_bx img { display:block; }
#topBanner .bnnr_bx p.bt_closeBanner { margin-left:605px; position:absolute; top:23px; left:50%; width:30px; height:30px; text-indent:-9999em; cursor:pointer; z-index:10; background:url(/design/ireart/10275/common/btn_topbanner_close.png) 0 0 no-repeat; }


/* header 상단 메뉴 */
#header { position:relative; width:100%; background:#fff; z-index:100 }
#header .hdArea { height:28px; background:#000000}
#header .hdArea .hdTop { margin:0 auto; position:relative; width:1280px; height:28px }
#header .hdArea .hdTop .hdLeft { float:left; overflow:hidden }
#header .hdArea .hdTop .hdLeft p { color:#fff; line-height:28px }
#header .hdArea .hdTop .hdRight { float:right }
#header .hdArea .hdTop .hdRight ul li { position:relative; float:left }
#header .hdArea .hdTop .hdRight ul li a { display:block; padding:0 9px; color:#ffffff; line-height:28px }

#header .hdMidArea { height:152px }
#header .hdMidArea .hdMiddle { margin:0 auto; position:relative; width:1280px }
#header .hdMidArea .hdMiddle .topLinks { padding-top:49px; overflow:hidden; *zoom:1 }
#header .hdMidArea .hdMiddle .topLinks:after { display:block; clear:both; content:'' }
#header .hdMidArea .hdMiddle .topLinks ul { margin-left:-1px; float:left; border-left:1px solid #dcdcdc }
#header .hdMidArea .hdMiddle .topLinks ul.first { margin-left:-9px }
#header .hdMidArea .hdMiddle .topLinks ul li { padding:0 8px; float:left; }
#header .hdMidArea .hdMiddle .topLinks ul li a { display:block; color:#686868; text-align:center }
#header .hdMidArea .hdMiddle .topLinks ul li a .ico { display:inline-block; width:28px; height:28px; background:url(/design/ireart/10275/common/sp_toplink.png) 0 0 no-repeat; }
#header .hdMidArea .hdMiddle .topLinks ul li a .ico1 { background-position:0 0 }
#header .hdMidArea .hdMiddle .topLinks ul li a .ico2 { background-position:0 -30px }
#header .hdMidArea .hdMiddle .topLinks ul li a .ico3 { background-position:0 -60px }
#header .hdMidArea .hdMiddle .topLinks ul li a .ico4 { background-position:0 -90px }
#header .hdMidArea .hdMiddle .topLinks ul li a .tx { display:block; }
#header .hdMidArea .hdMiddle .topLinks ul li a:hover { color:#d72a2a; font-weight:bold }


#header .hdMidArea .hdMiddle .tlogo { position:absolute; top:15px; left:90px }
#header .hdMidArea .hdMiddle .searchArea { position:absolute; top:68px; right:0; width:238px; height:33px; text-align:right; border-bottom:3px solid #D50C0C}
#header .hdMidArea .hdMiddle .searchArea .MS_search_word { padding:0 5px; float:left; width:195px; height:33px; line-height:33px; border:none; vertical-align:top;  }
#header .hdMidArea .hdMiddle .searchArea a { display:inline-block; width:33px; height:33px; text-align:left; text-indent:-9999em; background:url(/design/ireart/10275/common/btn_search.gif) 100% 7px no-repeat;  }


#header .headerBottom {	margin: 0 auto ;	position: relative;	width: 1280px;	height: 20px;	text-align: left; bottom:20px;}
#header .headerBottom .navWrap { position:relative; *zoom:1 }
#header .headerBottom .navWrap:after { display:block; clear:both; content:'' }
#header .headerBottom .navWrap .menuAll {	float: left;	width: 80px;	height: 380px;	text-align: center;	background: #000000;	cursor: pointer}
#header .headerBottom .navWrap .menuAll #btn_allMenuOpen {	padding-top: 43px;	width: 80px; height: 37px; color: #ffffff; font-size: 11px; font-weight: bold; line-height: 16px;	background:url(/design/ireart/10275/common/btn_menu.gif) 10px 25px no-repeat;}
#header .headerBottom .navWrap .lnb_wrap {	float: left;	width: 1199px;	height: 380px;	border: 1px solid #cacaca;	border-left: none}
#header .headerBottom .navWrap ul { padding:6px 0 20px}
#header .headerBottom .navWrap ul .lnb_menu { position:relative; float:left; width:235px; height:34px }
#header .headerBottom .navWrap ul .lnb_menu > a {	display: block;	font-size: 14px;	color: #5d5d5d;	font-weight: bold;	text-align: center;	letter-spacing: -1px;	line-height: 24px}
#header .headerBottom .navWrap ul .lnb_menu > a.lnb_plan { color:#955454 }
#header .headerBottom .navWrap ul .lnb_menu > a.lnb_pay { color:#4daa9c }
#header .headerBottom .navWrap ul .lnb_menu > a.active { color:#d72a2a }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub { display:none; position:absolute; top:34px; left:30px; width: 230px; border-top:2px solid #d72a2a; border-left:1px solid #cacaca; border-right:1px solid #cacaca; border-bottom:1px solid #cacaca; background:#fff; z-index:10 }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub .inner { margin:10px 15px; overflow:hidden; *zoom:1 }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub ul { float:left; width:220px }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub ul li { height:25px }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub ul li a { display:block; padding:0 5px 20px; font-size:11px; color:#4e4e4e; line-height:25px }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub ul li a:hover { color:#d72a2a; font-weight:bold }

#header .headerBottom .navWrap ul .lnb_menu .lnb_sub1 { display:none; position:absolute; top:34px; left:30px; width: 230px; border-top:2px solid #d72a2a; border-left:1px solid #cacaca; border-right:1px solid #cacaca; border-bottom:1px solid #cacaca; background:#fff; z-index:10 }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub1 .inner { margin:10px 15px; overflow:hidden; *zoom:1 }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub1 ul { float:left; width:220px }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub1 ul li { height:25px }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub1 ul li a { display:block; padding:0 5px 20px; font-size:11px; color:#4e4e4e; line-height:25px }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub1 ul li a:hover { color:#d72a2a; font-weight:bold }


#header .headerBottom .navWrap .allMenuView { display:none; width:100%; position:absolute; top:0; left:0; background:#fff; z-index:10 }
#header .headerBottom .navWrap .allMenuView #btn_allMenuClose { position:absolute; top:0; left:0; width:34px; height:34px; text-indent:-9999em; background:url(/design/ireart/10275/common/btn_allmenu_close.gif) 0 0 no-repeat; cursor:pointer }
#header .headerBottom .navWrap .allMenuView .bx_allmenu { padding:30px 19px 0 36px; height:700px; border:1px solid #d72a2a; overflow-x:hidden; overflow-y:scroll; }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList { padding-top:20px }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul { padding:0; width:1300px; *zoom:1 }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul:after { display:block; clear:both; content:'' }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li { margin-right:31px; float:left; }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li > a { display:block; padding:0 12px; position:relative; height:27px; font-size:12px; color:#3b3b3b; font-weight:bold; line-height:27px; border:1px solid #d6d6d6 }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li > a > i { position:absolute; top:8px; right:12px; color:#000 }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li > .all_sub { overflow:hidden }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li > .all_sub > ul { padding:20px 0; float:left; width:200px; height:230px }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li > .all_sub > ul > li > a { display:block; padding:0 0 5px 12px; color:#3b3b3b }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li > .all_sub > ul > li a:hover { color:#d72a2a; font-weight:bold }


#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m1 > a,
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m2 > a,
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m3 > a { color:#955454 }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m26 > a { color:#4daa9c }

#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m2 > .all_sub > ul { width:135px }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m8 > .all_sub > ul { width:140px }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m11 > .all_sub > ul { width:140px }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m22 > .all_sub > ul { width:140px }

/* 사이드 메뉴 */
.fix_rt_menu{position:fixed; right:0; bottom:0; width:209px; border-left:1px solid #ccc; background:#fff; z-index:200 }
.fix_rt_menu .toggle_bt { position:absolute; top:80px; left:-32px; width:32px; height:31px; background:url(/design/ireart/10275/common/bg_side_toggle.png) 0 0 no-repeat; cursor:pointer }
.fix_rt_menu .toggle_bt p { font-size:22px; color:#fff; text-align:center; line-height:28px }
.fix_rt_menu .fix_rt_content { padding:120px 17px 0 17px; position:relative }
.fix_rt_menu .fix_rt_content .side_tit { text-align:center }
.fix_rt_menu .fix_rt_content .side_tit h4 { height:18px; font-size:14px; color:#2c2c2c; font-weight:bold; letter-spacing:-1px }
.fix_rt_menu .fix_rt_content .side_tit .bd { display:inline-block; width:13px; height:2px; background:#2c2c2c }
.fix_rt_menu .fix_rt_content .bx_quick_link { overflow:hidden }
.fix_rt_menu .fix_rt_content .bx_quick_link ul { *zoom:1 }
.fix_rt_menu .fix_rt_content .bx_quick_link ul:after { display:block; clear:both; content:'' }
.fix_rt_menu .fix_rt_content .bx_quick_link ul li { padding:0 6px; float:left }
.fix_rt_menu .fix_rt_content .bx_quick_link ul li a { display:block; color:#686868; text-align:center }
.fix_rt_menu .fix_rt_content .bx_quick_link ul li a .ico { display:inline-block; width:34px; height:34px; background:url(/design/ireart/10275/common/sp_sidelink.png) 0 0 no-repeat; }
.fix_rt_menu .fix_rt_content .bx_quick_link ul li a .ico1 { background-position:0 0 }
.fix_rt_menu .fix_rt_content .bx_quick_link ul li a .ico2 { background-position:0 -35px }
.fix_rt_menu .fix_rt_content .bx_quick_link ul li a .ico3 { background-position:0 -70px }
.fix_rt_menu .fix_rt_content .bx_quick_link ul li a .tx { display:block }
.fix_rt_menu .fix_rt_content .bx_quick_menu { padding-top:50px; overflow:hidden }
.fix_rt_menu .fix_rt_content .bx_quick_menu ul { padding-top:5px; *zoom:1 }
.fix_rt_menu .fix_rt_content .bx_quick_menu ul:after { display:block; clear:both; content:'' }
.fix_rt_menu .fix_rt_content .bx_quick_menu ul li { margin:0 5px 5px 0; float:left; width:80px; height:34px; border:1px solid #5b5b5b }
.fix_rt_menu .fix_rt_content .bx_quick_menu ul li a { display:block; font-size:13px; color:#1b1b1b; line-height:34px; text-align:center }
.fix_rt_menu .fix_rt_content .bx_today { padding-top:40px }
.fix_rt_menu .fix_rt_content .bx_today .today_lst { padding-top:5px; overflow:hidden }
.fix_rt_menu .fix_rt_content .bx_today .today_lst ul { margin-left:-5px; *zoom:1 }
.fix_rt_menu .fix_rt_content .bx_today .today_lst ul:after { display:block; clear:both; content:'' }
.fix_rt_menu .fix_rt_content .bx_today .today_lst ul li { margin-left:5px; margin-bottom:5px; float:left; width:83px; height:83px; border:1px solid #e1e1e1 }
.fix_rt_menu .fix_rt_content .bx_today .today_lst ul li img { width:83px; height:83px }
.fix_rt_menu .fix_rt_btm { position:absolute; bottom:0; left:0; width:100%; height:59px; border-top:1px solid #ccc }
.fix_rt_menu .fix_rt_btm ul { *zoom:1 }
.fix_rt_menu .fix_rt_btm ul:after { display:block; clear:both; content:'' }
.fix_rt_menu .fix_rt_btm ul li { margin-left:-1px; float:left; height:59px; text-align:center; border-left:1px solid #ccc; background:#fff; cursor:pointer }
.fix_rt_menu .fix_rt_btm ul li p { padding-top:14px; color:#111 }
.fix_rt_menu .fix_rt_btm ul li p i { font-size:16px }

/* BASIC css end */