/* BASIC css start */
/* 상단 배너 */
#topBanner { position:relative; overflow:hidden }
#topBanner .thmb { width:100%;  }
#topBanner .thmb img { width:100% }
#btBnnrClose { margin-top:-9px; position:absolute; top:50%; right:7px; width:17px; height:17px; text-indent:-9999em; background:url(/design/angels09/10276/m/common/btn_bnnr_close.png) 0 0 no-repeat; background-size:17px auto; cursor:pointer; z-index:10 }

/* 상단 */
#header { position:relative; width:100%; z-index:100 }

#header .hd_btn_list {}
#header .hd_btn_list ul {}
#header .hd_btn_list ul li {width:50%;}
#header .hd_btn_list ul li img {width:100%;}

#header .hd_lnb {height:35px; border-bottom:1px solid #ccc; background:#fff;}
#header .hd_lnb ul {}
#header .hd_lnb ul li {width:30%; text-align:center; background:url("/design/angels09/10276/m/common/m_hd_lnb.png") no-repeat left center; background-size:1px 15px;}
#header .hd_lnb ul li:first-child {background:none;}
#header .hd_lnb ul li:last-child {width:40%;}
#header .hd_lnb ul li a {height:35px; line-height:35px; color:#444; font-size:14px; font-weight:500;}


#header .headerNav { position:relative; height:30px; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; z-index:10 }
#header .headerNav .book_mark { position:absolute; top:0; left:17px; width:31px; height:31px; text-indent:-9999em; background:url(/design/angels09/10276/m/common/book_mark.png) 0 0 no-repeat; background-size:31px auto }
#header .headerNav ul li { margin-left:-1px; position:relative; float:left; width:25%; height:25px }
#header .headerNav ul li a { display:block; color:#333; text-align:center; line-height:30px; font-size:14px; font-weight:600; }
#header .headerNav ul li .sp_bubble { margin-left:-20px; position:absolute; top:20px; left:50%; font-size:0; text-align:center }
#header .headerNav ul li .sp_bubble .arr { display:block; margin-left:-2px; position:absolute; top:-3px; left:50%; width:6px; height:3px; background:url(/design/angels09/10276/m/common/arr_bubble.png) 0 0 no-repeat; background-size:6px auto; vertical-align:top }
#header .headerNav ul li .sp_bubble p { padding:0 3px; font-size:11px; color:#d72a2a; font-weight:bold; border-radius:15px; background:#fff }
#header .headerLnb { position:relative; height:52px; background:#fff;}
#header .headerLnb .sideMenuOpen { position:absolute; top:14px; left:15px; font-size:24px; cursor:pointer }
#header .headerLnb .tlogo { margin:0 auto; padding-top:15px; width:135px }
#header .headerLnb .tlogo img { width:135px }
#header .headerLnb .searchToggle { position:absolute; top:15px; right:15px; font-size:20px; cursor:pointer }
#header .searchLy { display:none; position:absolute; top:84px; left:0; width:100%; height:45px; background:#ccc; z-index:100 }
#header .searchLy .search {padding:8px 10px; position:relative; text-align:center; }
#header .searchLy .search .delete_btn { display:none; position:absolute; top:10px; right:40px; width:30px; height:24px; font-size:18px; color:#adadad; line-height:24px; z-index:10 }
#header .searchLy .search input { width:100%; height:29px; border:none; border-radius:15px; outline:none }
#header .searchLy .search .btn_search { position:absolute; top:12px; right:20px; font-size:20px; color:#666; }
#header .searchLy .clearTag { height:200px }

.mask {	display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50); z-index:990 }

/*#header .search .searchBox { position:relative; width:100%; }
/* 다찾다 자동완성*/
/*.search-auto-complete-list { display:none; z-index:1; position:absolute; top:43px; left:50%; width:90%; margin-left:-45%; line-height:14px; background:#fff; box-shadow:0px 0px 5px 0px rgb(0 0 0 / 20%); }
.search-auto-complete-list ul { width:100%; padding:8px 0 10px; border-bottom:1px solid #ddd; }
.search-auto-complete-list ul li { text-align:left; }
.search-auto-complete-list ul li a { display:block; padding:8px 14px 7px; color:#000; background:none; font-family:'malgun gothic'; font-size:11px; letter-spacing:-1px; } 
.search-auto-complete-list ul li a strong { color:#ab3e41; }
.search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.search-auto-complete-list ul li a:hover span { border-bottom:1px solid #000; }
.search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#666; font-size:11px; }*/

/* 다찾다 자동완성*/
.search-auto-complete-list { display:none; z-index:1; position:absolute; top:43px; left:0; width:100%; line-height:14px; background:#fff; box-shadow:0px 0px 5px 0px rgb(0 0 0 / 20%); }
.search-auto-complete-list ul { width:100%; padding:8px 5px 10px 5px; border-bottom:1px solid #ddd; display: flex; flex-wrap: wrap;}
.search-auto-complete-list ul li { text-align:center; margin: 3px; }
.search-auto-complete-list ul li a { display:block; padding:8px 14px; color:#000; border: 1px solid #eee; border-radius: 10px; background:none; font-family:'malgun gothic'; font-size:11px; letter-spacing:-1px; } 
.search-auto-complete-list ul li a strong { color:#ab3e41; }
.search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.search-auto-complete-list ul li a:hover span {}
.search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#666; font-size:11px; }


/* 사이드 메뉴 */
#asideMenu { position:fixed; top:0; left:-82%; width:80%; height:100%; box-shadow:-5px 5px 5px 5px #000; background:#fff; z-index:9999; overflow-y:auto; overflow-x:hidden }
#asideMenu .quick_menu { height:85px; background:#0033a0 }
#asideMenu .quick_menu ul li { margin-left:-1px; float:left; width:33.33%; height:85px; text-align:center; border-left:1px solid #fff; }
#asideMenu .quick_menu ul li a { display:block; padding-top:21px; font-size:11px; color:#fff }
#asideMenu .quick_menu ul li a .ico { display:inline-block; width:19px; height:21px; background:url(/design/angels09/10276/m/common/sp_side_quick.png) 0 0 no-repeat; background-size:19px auto }
#asideMenu .quick_menu ul li a .ico1 { background-position:0 0 }
#asideMenu .quick_menu ul li a .ico2 { background-position:0 -21px }
#asideMenu .quick_menu ul li a .ico3 { background-position:0 -42px }
#asideMenu .quick_menu ul li a .ico4 { background-position:0 -64px }
#asideMenu .quick_menu ul li a .tx { display:block }

#asideMenu .asideNav { position:relative; overflow:hidden }
#asideMenu .asideNav ul { *zoom:1 }
#asideMenu .asideNav ul:after { display:block; clear:both; content:'' }
#asideMenu .asideNav ul li { margin-left:-1px; float:left; width:50%; border-bottom:1px solid #cdcdcd; border-left:1px solid #cdcdcd }
#asideMenu .asideNav ul li:last-child {margin-left:-2px; border-right:1px solid #cdcdcd; }
#asideMenu .asideNav ul li a { display:block; padding:15px 10px }
#asideMenu .asideNav ul li.n1 a,
#asideMenu .asideNav ul li.n2 a,
#asideMenu .asideNav ul li.n3 a { }
#asideMenu .asideNav ul li.n24 a { color:#29b69d }
#asideMenu .asideNav ul li.qNav a { }

#asideClose { position:fixed; top:45px; left:-82%; width:40px; height:40px; text-indent:-9999em; background:url(/design/angels09/10276/m/common/btn_aside_close.gif) 0 0 no-repeat; background-size:40px auto; cursor:pointer; z-index:9999 }
/* BASIC css end */