@charset "euc-kr"; /* ------------------------------------- .사이트명 : LG Electronics_Front .파일명 : contents_tvav.css .작업시작 : 2012/06/06 .최종수정일 : 2012/08/06 .작업자 : Leadweb.co.kr ------------------------------------- */ @import url(contents_default.css); /* 펀&이슈 - 대세가 전하는 LG XNOTE 울트라북 */ .trend_story .cont {padding-top:40px; background:url('/lgekr/asset/images/contents/fun/computer/bg_trend_story_mid.jpg') repeat-y 0 0;} .trend_story .cont .inner {padding:0 40px 45px; background:url('/lgekr/asset/images/contents/fun/computer/bg_trend_story_bot.jpg') repeat-x 0 100%;} .trend_story .cont .video_down {padding-top:6px;} .trend_story .cont .btn_main {padding-top:15px; text-align:center;} /* 기술 정보 자료실 */ .tech_top_image{margin-bottom:30px} .tech_info .bbs_search{text-align:center} .tech_info .bbs_search .keyword {float:none;} /* 국제보증 서비스 */ .box_guide .box_computer { text-align:left; padding:11px 20px 27px;} .box_guide .box_computer .img_iws { padding:2px 0; text-align:center; } .box_guide .box_computer .txt_guide_1 { text-align:left; line-height:17px; } .com_bl_desc { margin-top:37px; } /* 국가별 고장 상담 및 서비스 센터*/ .iws { margin:28px 0 0 33px; border-top:3px solid #7e7e7e; border-bottom:2px solid #dbdbdb; } .iws th{ padding:10px 0; border-bottom:1px solid #7e7e7e; text-align:center; background:#f7f7f7; } .iws tbody td { padding:9px 0 10px 16px; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; text-align:left; } .iws tbody td.su_01 {border-right:0; } .iws tbody td .hk_call { color:#d80546; } .box_guide .box_computer .txt_area {padding-left:43px; } /* LG전자 휴대용 PC 국제보증 서비스*/ .box_guide .box_computer .txt_iws { font-weight:bold; line-height:17px;} .box_guide .box_computer .txt_iws2 { padding-left:16px; } /*fun 추가 2012-10-30*/ .trend_story .wrap_cont {position:relative;width:730px;height:1060px;background:url(/lgekr/asset/images/contents/fun/computer/img_cheerup.jpg) no-repeat;} .trend_story .wrap_cont .box_flash {position:absolute;top:361px;left:54px;} /*상품리스트 버튼 추가 2013-03-22*/ .condition_box .btn_pc {position:absolute;top:80px;left:187px;} .condition_box .btn_tabbook {position:absolute;top:135px;left:360px;} /*z360 추가*/ .wrap_z360 {overflow:hidden;width:727px;} .wrap_z360 img {vertical-align:middle} .wrap_z360 .box_tab {overflow:hidden;width:100%;height:55px;padding-top:104px;background:url(/lgekr/asset/images/contents/fun/computer/tab_bg_z360.gif) no-repeat;} .wrap_z360 .list_tab {overflow:hidden;width:549px;height:55px;margin:0 auto;padding-left:130px;background:url(/lgekr/asset/images/contents/fun/computer/bg_tab_z360.gif) no-repeat;} .wrap_z360 .list_tab li {float:left;height:55px;} .wrap_z360 .list_tab .link {float:left;height:55px;background:url(/lgekr/asset/images/contents/fun/computer/img_tab_z360.gif) no-repeat;font-size:0;line-height:0;text-indent:-9999px;} .wrap_z360 .list_tab li.tab0 .link {width:163px;background-position:-130px -65px;} .wrap_z360 .list_tab li.tab1 .link {width:141px;background-position:-293px -65px;} .wrap_z360 .list_tab li.tab2 .link {width:122px;background-position:-434px -65px;} .wrap_z360 .list_tab li.tab3 .link {width:123px;background-position:-556px -65px;} .wrap_z360 .list_tab li.tab0 .on {background-position:-130px 0;} .wrap_z360 .list_tab li.tab1 .on {background-position:-293px 0;} .wrap_z360 .list_tab li.tab2 .on {background-position:-434px 0;} .wrap_z360 .list_tab li.tab3 .on {background-position:-556px 0;} .wrap_z360 .wrap_cont .box_cont {display:none;} .wrap_z360 .wrap_cont .on {display:block;} /* LG IPS 스페셜 에디션 */ .fun_lgips {position:relative; width:730px;} .fun_lgips .movie_cont {width:730px;height:703px;background:url(/lgekr/asset/images/contents/fun/computer/bg_movie_cont.jpg) no-repeat 0 0;} .fun_lgips #movie_wrap {margin:0 auto;} .fun_lgips #movie_wrap .main_movie {position:absolute; top:384px; left:61px; z-index:999; display:none;} .fun_lgips #movie_wrap .movie-on { display:block;} .fun_lgips #movie_wrap .main_movie .btn_caption {position:absolute; top:346px; left:263px; width:82px; height:22px;} .fun_lgips .popup_box {position:relative; display:none;} .fun_lgips .popup_box .pop_content {position:absolute; top:347px; left:262px;width:326px; height:86px; padding:12px 10px; background:#f1f0f5; border:1px solid #000; overflow:auto;} .fun_lgips .popup_box .pop_close {position:absolute; top:347px; left:610px;} .fun_lgips .tab_wrap {position:relative; width:730px;height:183px; background:url(/lgekr/asset/images/contents/fun/computer/bg_tab_wrap.jpg) no-repeat 0 0;} .fun_lgips .tab_wrap .movie_tab {position:relative;} .fun_lgips .tab_wrap .movie_tab li.active {} .fun_lgips .tab_wrap .movie_tab li a {display:block; position:absolute; overflow:hidden; background:url(/lgekr/asset/images/contents/fun/computer/tabs_movie.gif) no-repeat 0 0; text-indent:-9999px;} .fun_lgips .tab_wrap .movie_tab li a.tab_01 {left:126px; top:80px; width:168px; height:51px; background-position:-98px -101px;} .fun_lgips .tab_wrap .movie_tab li a.tab_02 {left:293px; top:80px; width:169px; height:51px; background-position:-265px -101px;} .fun_lgips .tab_wrap .movie_tab li a.tab_03 {left:461px; top:80px; width:169px; height:51px; background-position:-433px -101px;} .fun_lgips .tab_wrap .movie_tab li a.tab_04 {left:29px; top:131px; width:170px; height:51px; background-position:0 -151px;} .fun_lgips .tab_wrap .movie_tab li a.tab_05 {left:196px; top:131px; width:170px; height:51px; background-position:-167px -151px;} .fun_lgips .tab_wrap .movie_tab li a.tab_06 {left:363px; top:131px; width:170px; height:51px; background-position:-334px -151px;} .fun_lgips .tab_wrap .movie_tab li a.tab_07 {left:530px; top:131px; width:170px; height:51px; background-position:-501px -151px;} .fun_lgips .tab_wrap .movie_tab li.active a.tab_01, .fun_lgips .tab_wrap .movie_tab li:hover a.tab_01 {background-position:-98px 0;} .fun_lgips .tab_wrap .movie_tab li.active a.tab_02, .fun_lgips .tab_wrap .movie_tab li:hover a.tab_02 {background-position:-265px 0;} .fun_lgips .tab_wrap .movie_tab li.active a.tab_03, .fun_lgips .tab_wrap .movie_tab li:hover a.tab_03 {background-position:-433px 0;} .fun_lgips .tab_wrap .movie_tab li.active a.tab_04, .fun_lgips .tab_wrap .movie_tab li:hover a.tab_04 {background-position:0 -50px;} .fun_lgips .tab_wrap .movie_tab li.active a.tab_05, .fun_lgips .tab_wrap .movie_tab li:hover a.tab_05 {background-position:-167px -50px;} .fun_lgips .tab_wrap .movie_tab li.active a.tab_06, .fun_lgips .tab_wrap .movie_tab li:hover a.tab_06 {background-position:-334px -50px;} .fun_lgips .tab_wrap .movie_tab li.active a.tab_07, .fun_lgips .tab_wrap .movie_tab li:hover a.tab_07 {background-position:-501px -50px;} .fun_lgips .link_wrap {position:relative; width:730px; height:453px; background:url(/lgekr/asset/images/contents/fun/computer/bg_link_wrap.jpg) no-repeat 0 0;} .fun_lgips .link_wrap ul li {text-indent:-9999px; height:0; line-height:0; font-size:0; overflow:hidden; visibility:visible;} .fun_lgips .link_01 {position:absolute; left:36px; top:130px; width:197px; height:18px;} .fun_lgips .link_02 {position:absolute; left:268px; top:107px; width:194px; height:18px;} .fun_lgips .link_03 {position:absolute; left:489px; top:133px; width:194px; height:18px;} .fun_lgips .link_04 {position:absolute; left:206px; top:347px; width:156px; height:18px;} .fun_lgips .link_05 {position:absolute; left:415px; top:347px; width:100px; height:18px;} /* 자막보기 접기펼치기 */ .fun_tabbook {height:1446px; width: 730px; background:url(/lgekr/asset/images/contents/fun/computer/fun_bg_tabbook.jpg) no-repeat 0 0;} .fun_tabbook .flash_wrapper {position:relative; width:580px; margin:0 auto; top:942px;} .fun_tabbook .flash_wrapper .popup_box {display:none; border:1px solid #000; padding:10px; background:#f1f0f5; color:#000; width:558px; height:90px; overflow-y:auto;} .fun_tabbook .flash_wrapper .popup_box p {margin-bottom:10px;} .fun_tabbook .flash_wrapper .btn_caption {position:absolute; top:358px; left:217px;} .fun_tabbook .flash_wrapper .pop_close {position:absolute; top:470px; left:217px;} /* 울트라 PC 그램 아이디어 */ .ultra_pc_gram{background:url(/lgekr/asset/images/contents/fun/computer/ultra_pc_gram_bg.jpg) no-repeat;width:730px;height:900px;position:relative} .ultra_pc_gram .hidden_txt{text-indent:-9999em;position:absolute;top:-9999px;left:-9999px} .ultra_pc_gram_nav{width:432px;position:absolute;top:292px;left:257px} .ultra_pc_gram_nav li{float:left} .ultra_pc_gram_nav a{display:block;background:url(/lgekr/asset/images/contents/fun/computer/ultra_pc_gram_nav.png) no-repeat;height:48px;text-indent:-9999em} .ultra_pc_gram_nav .nav_m01 a{width:160px} .ultra_pc_gram_nav .nav_m02 a{background-position:-160px 0;width:136px} .ultra_pc_gram_nav .nav_m03 a{background-position:-296px 0;width:136px} .ultra_pc_gram_nav .nav_m04 a{background-position:-432px 0;width:160px} .ultra_pc_gram_nav .nav_m05 a{background-position:-592px 0;width:136px} .ultra_pc_gram_nav .nav_m06 a{background-position:-728px 0;width:136px} .ultra_pc_gram_nav .nav_m07 a{background-position:-864px 0;width:160px} .ultra_pc_gram_nav .nav_m01.on a{background-position:0 -50px} .ultra_pc_gram_nav .nav_m02.on a{background-position:-160px -50px} .ultra_pc_gram_nav .nav_m03.on a{background-position:-296px -50px} .ultra_pc_gram_nav .nav_m04.on a{background-position:-432px -50px} .ultra_pc_gram_nav .nav_m05.on a{background-position:-592px -50px} .ultra_pc_gram_nav .nav_m06.on a{background-position:-728px -50px} .ultra_pc_gram_nav .nav_m07.on a{background-position:-864px -50px} .ultra_pc_gram .smi{position:absolute;top:-9999px;left:-9999px} .ultra_pc_gram .btn_detail_product, .ultra_pc_gram .btn_buy{position:absolute;text-indent:-9999em;background:url(/lgekr/asset/images/contents/fun/computer/blank.png)} .ultra_pc_gram .btn_detail_product{width:52px;height:52px;left:24px;top:345px} .ultra_pc_gram .btn_buy{width:71px;height:70px;top:388px;left:62px} .ultra_pc_gram .youtube{position:absolute;top:497px;left:48px} .ultra_pc_gram .caption_wr{display:none;position:absolute;top:867px;left:37px} .ultra_pc_gram .caption{width:653px;height:100px;border:2px solid #000;background:#fff;overflow-x:hidden;overflow-y:scroll} .ultra_pc_gram .caption .caption_inner{margin:10px} .ultra_pc_gram .btn_caption_view{position:absolute;top:0;left:0;width:73px;height:31px;background:url(/lgekr/asset/images/contents/fun/computer/blank.png);top:868px;left:620px;text-indent:-9999em} .ultra_pc_gram .btn_caption_close{position:absolute;top:0;right:-30px} /*모니터 생활백서*/ .monitor_life_bg{background:url(/lgekr/asset/images/contents/fun/computer/monitor_life/bg.jpg) no-repeat;width:730px;height:1224px;position:relative;margin-top:34px} .monitor_life .hidden{text-indent:-9999em;font-size:0;width:0;height:0;line-height:0} .monitor_life_inner{position:absolute;top:228px;left:90px} .monitor_life h6{float:left} .monitor_life h6 a{display:block;text-indent:-9999em;background:url(/lgekr/asset/images/contents/fun/computer/monitor_life/nav.png) no-repeat;height:58px;width:148px} .monitor_life .m01 a{background-position:0 0} .monitor_life .m02 a{background-position:-148px 0} .monitor_life .m03 a{background-position:-296px 0} .monitor_life .m04 a{background-position:-444px 0;width:147px} .monitor_life .m01.on a{background-position:0 -58px} .monitor_life .m02.on a{background-position:-148px -58px} .monitor_life .m03.on a{background-position:-296px -58px} .monitor_life .m04.on a{background-position:-444px -58px} .monitor_life_content{position:absolute;top:80px;left:0;display:none} .monitor_life_content p{height:55px} .monitor_life_content ul{margin-top:31px} .monitor_life_content ul li{display:none;width:606px} .monitor_life_content ul li:first-child{display:block} .monitor_life_content .lifebtn{position:absolute;top:456px} .monitor_life_content .lifebtn.btn_prev{left:-42px} .monitor_life_content .lifebtn.btn_next{right:-28px}