/* BASIC css start */ html.fix { overflow-y:hidden } /* 최상단 배너 영역 */ #topBanner { display:none; position:relative; width:100%; height:90px; overflow:hidden } #topBanner .bnnr_bx { margin-left:-960px; position:absolute; top:0; left:50%; width:1920px; height:90px; } #topBanner .bnnr_bx img { display:block; } #topBanner .bnnr_bx p.bt_closeBanner { margin-left:560px; position:absolute; top:25px; left:50%; width:35px; height:35px; text-indent:-9999em; cursor:pointer; z-index:10; background:url(/design/ttoksori/phps/common/btn_topbanner_close.png) 0 0 no-repeat; } /* header 상단 메뉴 */ #header { position:relative; width:100%; background:#fff; z-index:100 } #header.act { position:fixed; top:-180px; left:0; right:0 } #header .headerTop { position:relative; height:39px; border-bottom:1px solid #eee } #header .headerTop .gnb { margin:0 auto; width:1200px } #header .headerTop .gnb .hdtLeft { float:left } #header .headerTop .gnb .hdtLeft ul { padding-left:1px; *zoom:1 } #header .headerTop .gnb .hdtLeft ul:after { display:block; clear:both; content:'' } #header .headerTop .gnb .hdtLeft ul li { margin-left:-1px; float:left; height:39px; border-left:1px solid #eee; border-right:1px solid #eee } #header .headerTop .gnb .hdtLeft ul li a { display:block; height:39px; line-height:39px; background:url(/design/ttoksori/phps/common/sp_gnb_sns.png) 0 0 no-repeat } #header .headerTop .gnb .hdtLeft ul li a.ico1 { padding:0 18px 0 33px; background-position:0 0 } #header .headerTop .gnb .hdtLeft ul li a.ico2 { padding:0 18px 0 40px; background-position:0 -40px } #header .headerTop .gnb .hdtLeft ul li a.ico3 { padding:0 18px 0 39px; background-position:0 -80px } #header .headerTop .gnb .hdtLeft ul li a.ico4 { padding:0 18px 0 38px; background-position:0 -120px } #header .headerTop .gnb .hdtRight { padding:11px 0 12px; float:right } #header .headerTop .gnb .hdtRight ul li { padding:0 10px; position:relative; float:left; background:url(/design/ttoksori/phps/common/blit_gnb_line.gif) 100% 3px no-repeat } #header .headerTop .gnb .hdtRight ul li.last { padding-right:0; background:none } #header .headerTop .gnb .hdtRight ul li a { display:block } #header .headerTop .gnb .hdtRight ul li a .num { padding:0 6px 1px 5px; font-size:11px; color:#c7095a; border-radius:10px; border:1px solid #cb1965 } #header .headerMid { margin:0 auto; position:relative; width:1200px; height:140px } #header .headerMid .tlogo { position:absolute; top:40px; left:0 } #header .headerMid .searchArea { position:absolute; top:43px; left:390px; width:420px; height:56px; border-radius:30px; background:#eaeaea } #header .headerMid .searchArea .MS_search_word { margin-left:29px; width:330px; height:56px; line-height:56px; border:none; background:none; vertical-align:top } #header .headerMid .searchArea a { position:absolute; top:5px; right:5px; display:block; width:46px; height:46px; text-indent:-9999em; background:url(/design/ttoksori/phps/common/btn_search.png) 0 0 no-repeat } #header .headerMid .mid-slide { padding:0 16px; width:200px; height:110px; overflow:hidden; position:absolute; top:15px; right:0 } #header .headerMid .mid-slide .bx-controls-direction { position:absolute; top:38px; left:0; width:100%; z-index:50 } #header .headerMid .mid-slide .bx-controls-direction a { position:absolute; top:0; width:14px; height:28px; text-indent:-9999em; background:url(/design/ttoksori/phps/common/sp_hdm_slide.png) 0 0 no-repeat } #header .headerMid .mid-slide .bx-controls-direction .bx-prev { left:0; background-position:0 0 } #header .headerMid .mid-slide .bx-controls-direction .bx-next { right:0; background-position:0 -30px } #header .headerBottom { position:relative; height:60px; background:url(/design/ttoksori/phps/common/bg_lnb.jpg) top center no-repeat } #lnbWrap { margin:0 auto; position:relative; width:1200px; height:60px } #lnbWrap .menuAll { position:absolute; top:0; right:0; width:65px; height:60px; cursor:pointer } #lnbWrap .menuAll #btn_allMenu { width:65px; height:60px; text-indent:-9999em; background:url(/design/ttoksori/phps/common/btn_allmenuopen.png) 0 0 no-repeat } #lnbWrap > ul { *zoom:1 } #lnbWrap > ul:after { display:block; clear:both; content:'' } #lnbWrap > ul > li { position:relative; float:left } #lnbWrap > ul > li > .lnb_menu { display:block; padding:0 15px; position:relative; height:60px; font-size:16px; color:#fff; font-weight:bold; line-height:60px; z-index:10 } #lnbWrap > ul > li > .lnb_menu > .arr { display:inline-block; width:14px; height:9px; background:url(/design/ttoksori/phps/common/sp_lnb_menu.png) 0 0 no-repeat } #lnbWrap > ul > li > .lnb_menu.active { padding:0 14px; height:59px; line-height:58px; border:1px solid #fff; border-bottom:none; background:url(/design/ttoksori/phps/common/bg_menu_active.png) repeat } #lnbWrap > ul > li > .lnb_menu.active > .arr { background-position:0 -10px } #lnbWrap > ul > li > .lnb_depth2 { display:none; position:absolute; top:60px; left:0; width:814px; height:583px; border:1px solid #fff; border-top:none; background:url(/design/ttoksori/phps/common/bg_menu_active.png) repeat } #lnbWrap > ul > li > .lnb_depth2 .depth-inner { padding:30px 0 25px 40px; *zoom:1 } #lnbWrap > ul > li > .lnb_depth2 .depth-inner:after { display:block; clear:both; content:'' } #lnbWrap > ul > li > .lnb_depth2 .depth-inner ul { float:left; width:150px } #lnbWrap > ul > li > .lnb_depth2 .depth-inner ul li { padding-bottom:8px } #lnbWrap > ul > li > .lnb_depth2 .depth-inner ul li a { display:block; color:#ccc } #lnbWrap > ul > li > .lnb_depth2 .bn-set { position:absolute; top:26px; right:25px } #lnbWrap > ul > li > .lnb_depth2 .bn-set ul li { padding-bottom:5px } #lnbWrap ul li.m3 .lnb_depth2, #lnbWrap ul li.m8 .lnb_depth2 { width:500px } #lnbWrap ul li.m6 .lnb_depth2 { width:200px } #lnbWrap ul li.m4 .lnb_depth2 { left:-280px; width:1100px } #lnbWrap ul li.m5 .lnb_depth2 { left:-125px; width:940px } #lnbWrap ul li.m7 .lnb_depth2 { left:-202px } #lnbWrap ul li.m9 .lnb_depth2 { left:-308px; width:500px } #lnbWrap ul li.m10 .lnb_depth2 { left:-349px; width:500px } #whiteMask { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; opacity:0.99; filter:alpha(opacity=99); z-index:999 } #allMenuView { display:none; position:fixed; top:90px; left:0; width:100%; z-index:9999 } #allMenuView .allMenuInner { margin:0 auto; position:relative; width:1200px } #allMenuView .allMenuInner .allTop { position:relative; height:60px } #allMenuView .allMenuInner .allTop .all-tit { float:left; font-size:32px; color:#333; font-weight:bold; line-height:60px } #allMenuView .allMenuInner .allTop ul { padding-right:84px; float:right } #allMenuView .allMenuInner .allTop ul li { float:left } #allMenuView .allMenuInner .allTop ul li a { padding:0 9px; font-size:16px; color:#333; font-weight:bold; line-height:60px; background:url(/design/ttoksori/phps/common/blit_allmenu_line.gif) 0 6px no-repeat } #allMenuView .allMenuInner .allTop ul li a.first { background:none } #allMenuView .allMenuInner .allTop .allMenuClose { position:absolute; top:0; right:0; width:65px; height:60px; text-indent:-9999em; background:url(/design/ttoksori/phps/common/btn_allmenuclose.png) 0 0 no-repeat; cursor:pointer } #allMenuView .allMenuInner .allList { margin-top:30px; height:675px; overflow:hidden; overflow-y:scroll; *zoom:1 } #allMenuView .allMenuInner .allList:after { display:block; clear:both; content:'' } #allMenuView .allMenuInner .allList .lst { float:left; *zoom:1 } #allMenuView .allMenuInner .allList .lst:after { display:block; clear:both; content:'' } #allMenuView .allMenuInner .allList .lst h3 { padding:30px 0 20px; clear:both } #allMenuView .allMenuInner .allList .lst h3 a { font-size:18px; color:#333; font-weight:bold } #allMenuView .allMenuInner .allList .lst ul { float:left; width:145px } #allMenuView .allMenuInner .allList .lst ul li { padding-bottom:7px } #allMenuView .allMenuInner .allList .c_red ul li a { color:#df0346 } #allMenuView .allMenuInner .allList .c_pupple ul li a { color:#c544ff } #allMenuView .allMenuInner .allList .m1, #allMenuView .allMenuInner .allList .m2 { display:none } #allMenuView .allMenuInner .allList .m9 ul { width:220px } /* BASIC css end */