/* BASIC css start */ /* 최상단 배너 영역 */ #topBanner { position:relative; width:100%; height:140px; overflow:hidden; } #topBanner .bnnr_bx { margin-left:-50%; position:absolute; top:0; left:50%; width:100%; height:800px; background:#fff } #topBanner .bnnr_bx img { display:block; margin:0 auto;} #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/tank9609/10275/common/btn_topbanner_close.png) 0 0 no-repeat; } /* header 상단 메뉴 */ #header { position:relative; width:100%; background:#fff; z-index:100 } #header.act { margin-top:-160px; position:fixed; top:0 } #header .hdArea { height:28px; background:#172346 } #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:#fff; line-height:28px } #header .hdMidArea { height:130px; position:relative} #header .hdMidArea .hdMiddle { margin:0 auto; position:relative; width:1280px } /*카카오톡채널 바로가기*/ #header .hdMidArea .hdMiddle .kakaotalkLink{position:fixed; bottom:100px; left:40px} #header .hdMidArea .hdMiddle .kakaotalkLink a img{width:80px; height:80px} #header .hdMidArea .hdMiddle .topLinks { padding-top:30px; padding-bottom:20px; 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/tank9609/10275/common/sp_toplink.png) 0 0 no-repeat; } #header .hdMidArea .hdMiddle .topLinks ul li a h2{font-size:50px; font-weight:bold; letter-spacing:-2px;} #header .hdMidArea .hdMiddle .topLinks ul li a .ico1 { background-position:0 0; display:none; } #header .hdMidArea .hdMiddle .topLinks ul li a .ico2 img {top:0;} #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:none; } #header .hdMidArea .hdMiddle .dayIMG{ position:absolute;top:25px; left:158px;} #header .hdMidArea .hdMiddle .dayIMG img{ width:260px; height:60px; } #header .hdMidArea .hdMiddle .tlogo { position:absolute; top:20px; left:30px; } #header .hdMidArea .hdMiddle .tlogo img { width:320px; height:70px; } #header .hdMidArea .hdMiddle .searchArea { position:absolute; top:48px; left:450px; width:400px; height:40px; text-align:right; border:2px solid #182345 } #header .hdMidArea .hdMiddle .searchArea .MS_search_word { padding:0 5px; float:left; width:320px; height:33px; line-height:33px; border:none; vertical-align:top; margin-left:2px } #header .hdMidArea .hdMiddle .searchArea a { display:inline-block; width:50px; height:40px; margin-right:10px; margin-top:8px; text-align:left; text-indent:-9999em; background:url(/design/tank9609/9607/makeshop/icon/btn_search_b.gif) 100% 0 no-repeat; } #header .hdMidArea .hdMiddle .hashtag{ position:absolute; top:54px; right:30px;} #header .hdMidArea .hdMiddle .hashtag ul{position:relative;} #header .hdMidArea .hdMiddle .hashtag ul li{ font-family: 'Noto Sans', sans-serif; display:inline-block; vertical-align:top; font-size:20px; font-weight:bold; margin-left:6px; } #header .hdMidArea .hdMiddle .hashtag ul li a{font-size:20px; font-weight:bold; } #header .headerBottom { margin:0 auto; position:relative; width:1280px; height:80px } #header .headerBottom .navWrap { position:relative; *zoom:1 } #header .headerBottom .navWrap:after { display:block; clear:both; content:'' } #header .headerBottom .navWrap .menuAll { float:left; width:72px; height:70px; padding-top:8px; background:#172345; border:1px solid #cccccc; text-align:center; cursor:pointer; } #header .headerBottom .navWrap .menuAll #btn_allMenuOpen { padding-top:43px; width:80px; height:37px; color:#fff; font-size:11px; font-weight:bold; line-height:16px; background:url(/design/tank9609/10275/common/btn_menu.png) 30px 25px no-repeat; } #header .headerBottom .navWrap .lnb_wrap { float:left; width:1198px; height:78px; border:1px solid #cacaca; border-left:none } #header .headerBottom .navWrap ul { padding:6px 0 } #header .headerBottom .navWrap ul .lnb_menu { position:relative; float:left; width:107px; height:40px;} #header .headerBottom .navWrap ul .lnb_menu > a { display:block; font-size:18px; color:#172345; font-weight:bold; text-align:center; letter-spacing:-1px; line-height:40px; padding-top:15px;} #header .headerBottom .navWrap ul .lnb_menu > a.lnb_plan {color:#172345;} #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:34; left:0; width:110px; border:1px solid #cacaca; border-top:2px solid #d72a2a; background:#fff; z-index:10 } #header .headerBottom .navWrap ul .lnb_menu .lnb_sub .inner { margin:10px 12px; overflow:hidden; *zoom:1 } #header .headerBottom .navWrap ul .lnb_menu .lnb_sub ul { float:left; width:80px; } #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 3px; font-size:11px; color:#4e4e4e; line-height:25px } #header .headerBottom .navWrap ul .lnb_menu .lnb_sub ul li a:hover { color:#d72a2a; } #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/tank9609/10275/common/btn_allmenu_close.gif) 0 0 no-repeat; cursor:pointer } #header .headerBottom .navWrap .allMenuView .bx_allmenu { padding:30px 19px 0 0; height:380px; border:1px solid #d72a2a; overflow-x:hidden; overflow-y:scroll; } #header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList { padding-top:0; } #header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul { padding:0; width:1300px; *zoom:1; background:#f5f5f5;} #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 { float:left; line-height:2; } #header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li > a { display:block; padding:5px 12px; position:relative; height:27px; font-size:18px; color:#3b3b3b; font-weight:bold; line-height:2; } #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:123px; 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 .lnb_menu .lnb_sub{ top:40px} #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:0px; 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/tank9609/10275/common/bg_side_toggle_red2.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:20px 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/tank9609/10275/common/sp_sidelink2.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 .ico_home { background-position:0 -105px } .fix_rt_menu .fix_rt_content .bx_quick_link ul li a .tx { display:block } .fix_rt_menu .fix_rt_content .bx_quick_menu { 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:20px } .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 */