/*area_0*/ *{word-break:keep-all} #o #area_0{ height:1690px; background-color:#000 } #o #area_0 #hgroup #header_01{ color:#8a8a8a; } #o #area_0 article #header_02{ color:#fff } #o #area_0 #hgroup #header_03{ color:#fff } #o #area_0 article .text{color:#fff } #o #area_0 .img_layout{ width:970px; height:1200px; } #o #area_0 .img_layout #img_layout_01, #o #area_0 .img_layout #img_layout_02, #o #area_0 .img_layout #img_layout_03{ position:absolute; display:block; width:1500px; height:1200px; } /*ani*/ #o #area_0 .img_layout #img_layout_01{-display:none; top:0px; left:-430px; top:-50px; left:-600px; opacity:1; -top:0px; -left:-430px; -opacity:1;} #o #area_0 .img_layout #img_layout_02{-display:none; top:450px; left:0px; } #o #area_0 .img_layout #img_layout_03{-display:none; top:450px; left:0px; opacity:0; -opacity:1;} /*end ani*/ #o #area_0 #hgroup{ top:-1050px;} #o #area_0 #hgroup #header_01{ font-size:33px; letter-spacing:-1px; -font-weight:600} #o #area_0 #hgroup #header_03{ font-size:41px; top:56px; letter-spacing:-1px} #o #area_0 article{ width:970px; top:920px;} #o #area_0 article #header_02{ font-size:46px; font-weight:700; display:block; padding-bottom:52px;} #o #area_0 article #area_0_if{display:block; padding-bottom:34px; padding-top: 60px; } #o #area_0 article #area_0_if img{ width:123px; } #o #area_0 article .text{ display:block; position:relative !important; width:970px; padding-bottom:30px; color:#d5d5d5} #o #area_0 article #area_0_sbc{display:block; position:relative; padding-bottom:40px; } #o #area_0 article #area_0_award{display:block} /*area_1 */ #o #area_1{height:1233px; padding-top:120px; } #o #area_1 article{width:970px; margin-top:15px; text-align:center;} #o #area_1 .title{ top:0px; left:0px; width:100%; } #o #area_1 .title{ font-size:41px;line-height:45px;font-weight:600; letter-spacing:-2px; } #o #area_1 .title b{ font-size:46px;line-height:45px; font-weight:500; letter-spacing:-1px; position:relative; top:3px; font-family: 'Lato', sans-serif;} #o #area_1 .text { top:95px; left:0px; width:100%; word-break: keep-all} /*area_2*/ #o #area_2{height:1188px; background-color:#1d2738; text-align:left; } #o #area_2 .img_layout#img_layout_top{ width:970px; height:810px; } #o #area_2 .img_layout#img_layout_top #img_layout_21 img{position:absolute; left:0px; top:-300px; opacity:0.1} #o #area_2 .img_layout#img_layout_top #img_layout_22{ position:absolute; left:0px; top:-300px;} #o #area_2 article{ width:970px;} #o #area_2 article p{ color:#fff} #o #area_2 article .title{ top:0px; left:20px; -width:100%;} #o #area_2 article .text { top:87px; left:20px; -width:100%} #o #area_2 article#article_top{ top:-657px;} #o #area_2 article#article_top .text{width:51%} #o #area_2 .img_layout#img_layout_bottom{ width:970px; top:-290px; text-align:left; -height:810px; } #o #area_2 .img_layout#img_layout_bottom img{} #o #area_2 article#article_bottom{ top:-173px;} #o #area_2 article#article_bottom .text{width:90%} #o #area_2 table#area_2_table{ position:relative; top:80px; left: 20px;} #o #area_2 table#area_2_table tr#line_01 td{ color:#fff; padding-bottom:20px;} #o #area_2 table#area_2_table tr#line_03 td{ color:#58aeff; padding-top:20px;} #o #area_2 table#area_2_table tr#line_01 td, #o #area_2 table#area_2_table tr#line_03 td{ font-size:13px; font-family:lato; } #o #area_2 table#area_2_table td{ text-align:center; overflow:visible} #o #area_2 table#area_2_table td.title{ border-right:1px solid #4d4d4d; font-size:12px; font-weight:700; line-height:16px; color:#7c7c7c !important; font-family: 'Nanum Gothic', sans-serif !important; text-align:left} #o #area_2 table#area_2_table td.title b{ font-size:11px; font-family:lato;} #o #area_2 table#area_2_table tr#line_02 #graph_01 .circle, #o #area_2 table#area_2_table tr#line_02 #graph_02 .circle, #o #area_2 table#area_2_table tr#line_02 #graph_03 .circle, #o #area_2 table#area_2_table tr#line_02 #graph_04 .circle, #o #area_2 table#area_2_table tr#line_02 #graph_05 .circle, #o #area_2 table#area_2_table tr#line_02 #graph_06 .circle{ display:block; width:96px; height:96px; border-radius:100px; overflow:hidden; background-color:#000} /*ani*/ #o #area_2 table#area_2_table tr#line_02 .circle .circle_ani{display:block; float:left; width:56px; height:96px;; overflow:hidden; } #o #area_2 table#area_2_table tr#line_02 #graph_01 .circle .circle_ani{width:96px; width:0px;} #o #area_2 table#area_2_table tr#line_02 #graph_02 .circle .circle_ani{width:96px; width:0px;} #o #area_2 table#area_2_table tr#line_02 #graph_03 .circle .circle_ani{width:96px; width:0px;} #o #area_2 table#area_2_table tr#line_02 #graph_04 .circle .circle_ani{width:96px; width:0px;} #o #area_2 table#area_2_table tr#line_02 #graph_05 .circle .circle_ani{width:96px; width:0px;} #o #area_2 table#area_2_table tr#line_02 #graph_06 .circle .circle_ani{width:96px; width:0px;} /*end ani*/ /*area_3*/ #o #area_3{height:1035px; } #o #area_3 .img_layout{ margin-top:132px; height:566px; } #o #area_3 article{ left:0px; width:970px; margin-top:5px; } #o #area_3 article .title, #o #area_3 article .text{ left:33px; width:430px } #o #area_3 article #area_31{top:0px; text-align:right;} #o #area_3 article #area_32{top:75px; text-align:right;} #o #area_3 article #area_33{top:0px; text-align:left; left:507px;} #o #area_3 article #area_34{top:75px; text-align:left; left:507px;} /*area_4*/ #o #area_4{height:1025px; } #o #area_4 .img_layout{ margin-top:23px; height:594px; } #o #area_4 article{ width:970px; margin-top:45px; text-align:center; } #o #area_4 article .title{top:0px; width:970px;} #o #area_4 article .text{top:75px; width:970px;} /*area_5*/ #o #area_5{height:960px; } #o #area_5 .img_layout{height:572px; width:100%; background-color:#000; overflow:hidden } #o #area_5 .img_layout_top{height:572px; width:970px; overflow:hidden; display:block; position:relative; } #o #area_5 .img_layout_top .img_layout_top_50, #o #area_5 .img_layout_top .img_layout_top_51, #o #area_5 .img_layout_top .img_layout_top_52{ display:block; position:absolute; top:0px; left:0px; opacity:1;} #o #area_5 .img_layout_top .img_layout_top_50{opacity:1;} #o #area_5 .img_layout_top .img_layout_top_51{opacity:0;} #o #area_5 .img_layout_top .img_layout_top_52{opacity:0;} #o #area_5 .img_layout_top .img_layout_top_gui_1, #o #area_5 .img_layout_top .img_layout_top_gui_2, #o #area_5 .img_layout_top .img_layout_top_gui_3, #o #area_5 .img_layout_top .img_layout_top_gui_4, #o #area_5 .img_layout_top .img_layout_top_gui_5, #o #area_5 .img_layout_top .img_layout_top_gui_6{display:block; position:absolute; top:171px; left:334px; opacity:1; } #o #area_5 .img_layout_top .img_layout_top_gui_1{opacity:0;} #o #area_5 .img_layout_top .img_layout_top_gui_2{opacity:0;} #o #area_5 .img_layout_top .img_layout_top_gui_3{opacity:0;} #o #area_5 .img_layout_top .img_layout_top_gui_4{opacity:0;} #o #area_5 .img_layout_top .img_layout_top_gui_5{opacity:0;} #o #area_5 .img_layout_top .img_layout_top_gui_6{opacity:0;} #o #area_5 .img_layout_bottom{height:572px; width:970px; display:block; position:relative; top:-350px; color:#b1b1b1; } #o #area_5 .img_layout_bottom img{ display:block; margin: 0 auto;} #o #area_5 .img_layout_bottom .img_layout_bottom_51, #o #area_5 .img_layout_bottom .img_layout_bottom_52{ height:350px; width:220px; display:block; position:absolute; line-height:31px; font-size:14px; font-weight:700; font-family:lato; opacity:0.8 } #o #area_5 .img_layout_bottom .img_layout_bottom_51{ left:0px; top:0px; } #o #area_5 .img_layout_bottom .img_layout_bottom_52{ right:10px;top:0px; } #o #area_5 .img_layout_bottom .img_layout_bottom_51:hover, #o #area_5 .img_layout_bottom .img_layout_bottom_52:hover{ opacity:1 } #o #area_5 .img_layout_bottom #img_layout_bottom_511, #o #area_5 .img_layout_bottom #img_layout_bottom_512, #o #area_5 .img_layout_bottom #img_layout_bottom_513, #o #area_5 .img_layout_bottom #img_layout_bottom_514, #o #area_5 .img_layout_bottom #img_layout_bottom_515, #o #area_5 .img_layout_bottom #img_layout_bottom_516, #o #area_5 .img_layout_bottom #img_layout_bottom_517{cursor:pointer} #o #area_5 article{ left:0px; width:970px; margin-top:30px; text-align:left;} #o #area_5 article .title, #o #area_5 article .text{ width:470px } #o #area_5 article #area_51{top:0px; left:3px;} #o #area_5 article #area_52{top:48px; left:3px;} #o #area_5 article #area_53{top:0px; left:495px;} #o #area_5 article #area_54{top:48px; left:495px;} /*area_6*/ #o #area_6{height:1326px; background-color:#333333} #o #area_6 article{width:930px; height:770px; top:330px; text-align:left; } #o #area_6 article #area_60_icon{ position:absolute; display:block; top:-210px; left:0px; } #o #area_6 article .title{ top:-200px; left:180px; width:100%; color:#fff;} #o #area_6 article .text{ top:-125px; left:180px; width:100%; color:#fff;} #o #area_6 article .graph{display:block;position:absolute; width:47%; text-align:center; float:left; border:0px; background-color:#272727; } #o #area_6 article .title_small{width:45%; color:#fC0;} #o #area_6 article .text_small{ width:45%; color:#fff;} #o #area_6 article #area_64, #o #area_6 article #area_65, #o #area_6 article #area_66, #o #area_6 article #area_67{ display:block; width:422px; height:209px;} #o #area_6 article #area_64 em, #o #area_6 article #area_65 em{ font-size:10px; font-style: normal; } #o #area_6 article #area_66 em, #o #area_6 article #area_67 em{ font-size:10px; color:#11dad2; font-style: normal; } #o #area_6 article #area_64 .bar, #o #area_6 article #area_65 .bar{ background-color:#ff5d1c } #o #area_6 article #area_66 .bar, #o #area_6 article #area_67 .bar{background-color:#11dad2 } #o #area_6 article #area_64 .bar, #o #area_6 article #area_65 .bar, #o #area_6 article #area_66 .bar, #o #area_6 article #area_67 .bar{ display:block; position:absolute} #o #area_6 article #area_64{ top:100px; left:0px; background:url("../images/ps_f205_1.jpg"); }/*그래프이미지1*/ #o #area_6 article #area_64 em{ position:absolute; top:93px; left:340px; opacity:0;} #o #area_6 article #area_64 .bar{ width:356px; width:0px; height:33px; top:78px; left:36px;} #o #area_6 article #area_64_1{ top:0px; left:0px; }/*그래프제목*/ #o #area_6 article #area_64_2{ top:28px; left:0px; }/*그래프설명*/ #o #area_6 article #area_65{ top:100px; left:500px; background:url("../images/ps_f205_2.jpg"); }/*그래프이미지2*/ #o #area_6 article #area_65 em{position:absolute; top:93px; left:338px; opacity:0;} #o #area_6 article #area_65 .bar{width:386px; width:0px; height:33px; top:78px; left:33px;} #o #area_6 article #area_65_1{ top:0px; left:500px;}/*그래프제목*/ #o #area_6 article #area_65_2{ top:28px; left:500px;}/*그래프설명*/ #o #area_6 article #area_66{ top:500px; left:0px; background:url("../images/ps_f205_3.jpg"); }/*그래프이미지3*/ #o #area_6 article #area_66 em{position:absolute; top:93px; left:38px; opacity:0;} #o #area_6 article #area_66 .bar{width:3px; width:0px; height:33px; top:78px; left:29px;} #o #area_6 article #area_66_1{ top:400px; left:0px; }/*그래프제목*/ #o #area_6 article #area_66_2{ top:428px; left:0px; }/*그래프설명*/ #o #area_6 article #area_67{ top:500px; left:500px; }/*그래프이미지4*/ #o #area_6 article #area_67 em{ color:#off; position:absolute; top:43px; left:16px; text-align:right; line-height:20px; } #o #area_6 article #area_67 .bar{width:356px; width:0px; height:1px; top:102px; left:39px;} #o #area_6 article #area_67_1{ top:400px; left:500px; }/*그래프제목*/ #o #area_6 article #area_67_2{ top:428px; left:500px; }/*그래프설명*/ #o #area_6 article #gr_area_a{ display:block; position:absolute; top:51px; left:55px; overflow:hidden; width:343px; height:45px; } #o #area_6 article #gr_area_a #gr_area_a10{display:block; position:absolute; left:0px; top:0px; width:343px; height:45px; background:url("../images/ps_f205_51.png"); } #o #area_6 article #gr_area_a #gr_area_a11, #o #area_6 article #gr_area_a #gr_area_a12, #o #area_6 article #gr_area_a #gr_area_a13, #o #area_6 article #gr_area_a #gr_area_a14, #o #area_6 article #gr_area_a #gr_area_a15, #o #area_6 article #gr_area_a #gr_area_a21, #o #area_6 article #gr_area_a #gr_area_a22, #o #area_6 article #gr_area_a #gr_area_a23, #o #area_6 article #gr_area_a #gr_area_a24, #o #area_6 article #gr_area_a #gr_area_a25, #o #area_6 article #gr_area_a #gr_area_a31, #o #area_6 article #gr_area_a #gr_area_a32, #o #area_6 article #gr_area_a #gr_area_a33, #o #area_6 article #gr_area_a #gr_area_a34, #o #area_6 article #gr_area_a #gr_area_a35{ display:block; position:absolute; } #o #area_6 article #gr_area_a #gr_area_a11, #o #area_6 article #gr_area_a #gr_area_a12, #o #area_6 article #gr_area_a #gr_area_a13, #o #area_6 article #gr_area_a #gr_area_a14, #o #area_6 article #gr_area_a #gr_area_a15{ background-color: #fff } #o #area_6 article #gr_area_a #gr_area_a21, #o #area_6 article #gr_area_a #gr_area_a22, #o #area_6 article #gr_area_a #gr_area_a23, #o #area_6 article #gr_area_a #gr_area_a24, #o #area_6 article #gr_area_a #gr_area_a25{ background-color: #f00; } #o #area_6 article #gr_area_a #gr_area_a31, #o #area_6 article #gr_area_a #gr_area_a32, #o #area_6 article #gr_area_a #gr_area_a33, #o #area_6 article #gr_area_a #gr_area_a34, #o #area_6 article #gr_area_a #gr_area_a35{ background-color:#272727; display:none } #o #area_6 article #gr_area_a #gr_area_a11, #o #area_6 article #gr_area_a #gr_area_a21, #o #area_6 article #gr_area_a #gr_area_a31{ width:101px; height:43px; top:1px; left:1px; top:-41px; left:-100px} #o #area_6 article #gr_area_a #gr_area_a12, #o #area_6 article #gr_area_a #gr_area_a22, #o #area_6 article #gr_area_a #gr_area_a32{ width:70px; height:43px; top:1px; left:102px; top:44px; left:33px} #o #area_6 article #gr_area_a #gr_area_a13, #o #area_6 article #gr_area_a #gr_area_a23, #o #area_6 article #gr_area_a #gr_area_a33{ width:73px; height:43px; top:1px; left:172px; top:-42px; left:100px} #o #area_6 article #gr_area_a #gr_area_a14, #o #area_6 article #gr_area_a #gr_area_a24, #o #area_6 article #gr_area_a #gr_area_a34{ width:70px; height:43px; top:1px; left:245px; top:44px; left:176px} #o #area_6 article #gr_area_a #gr_area_a15, #o #area_6 article #gr_area_a #gr_area_a25, #o #area_6 article #gr_area_a #gr_area_a35{ width:70px; height:43px; top:1px; left:315px; top:-42px; left:246px} #o #area_6 article #gr_area_a{ display:block; position:absolute; top:51px; left:55px; overflow:hidden; width:343px; height:45px; } #o #area_6 article #gr_area_a #gr_area_a10{display:block; position:absolute; left:0px; top:0px; width:343px; height:45px; background:url("../images/ps_f205_51.png"); } #o #area_6 article #gr_area_b{ top:112px; left:55px; display:block; position:absolute; overflow:hidden; width:343px; height:45px; } #o #area_6 article #gr_area_b #gr_area_b10{display:block; position:absolute; left:0px; top:0px; width:343px; height:45px; background:url("../images/ps_f205_52.png") } #o #area_6 article #gr_area_b #gr_area_b11, #o #area_6 article #gr_area_b #gr_area_b12, #o #area_6 article #gr_area_b #gr_area_b13, #o #area_6 article #gr_area_b #gr_area_b14, #o #area_6 article #gr_area_b #gr_area_b15, #o #area_6 article #gr_area_b #gr_area_b21, #o #area_6 article #gr_area_b #gr_area_b22, #o #area_6 article #gr_area_b #gr_area_b23, #o #area_6 article #gr_area_b #gr_area_b24, #o #area_6 article #gr_area_b #gr_area_b25, #o #area_6 article #gr_area_b #gr_area_b31, #o #area_6 article #gr_area_b #gr_area_b32, #o #area_6 article #gr_area_b #gr_area_b33, #o #area_6 article #gr_area_b #gr_area_b34, #o #area_6 article #gr_area_b #gr_area_b35{ display:block; position:absolute; } #o #area_6 article #gr_area_b #gr_area_b11, #o #area_6 article #gr_area_b #gr_area_b12, #o #area_6 article #gr_area_b #gr_area_b13, #o #area_6 article #gr_area_b #gr_area_b14, #o #area_6 article #gr_area_b #gr_area_b15{ background-color: #fff } #o #area_6 article #gr_area_b #gr_area_b21, #o #area_6 article #gr_area_b #gr_area_b22, #o #area_6 article #gr_area_b #gr_area_b23, #o #area_6 article #gr_area_b #gr_area_b24, #o #area_6 article #gr_area_b #gr_area_b25{ background-color: #f00; } #o #area_6 article #gr_area_b #gr_area_b31, #o #area_6 article #gr_area_b #gr_area_b32, #o #area_6 article #gr_area_b #gr_area_b33, #o #area_6 article #gr_area_b #gr_area_b34, #o #area_6 article #gr_area_b #gr_area_b35{ background-color:#272727; display:none } #o #area_6 article #gr_area_b #gr_area_b11, #o #area_6 article #gr_area_b #gr_area_b21, #o #area_6 article #gr_area_b #gr_area_b31{ width:91px; height:43px; top:1px; left:1px; top:-41px; left:-90px} #o #area_6 article #gr_area_b #gr_area_b12, #o #area_6 article #gr_area_b #gr_area_b22, #o #area_6 article #gr_area_b #gr_area_b32{ width:63px; height:43px; top:1px; left:92px; top:44px; left:30px} #o #area_6 article #gr_area_b #gr_area_b13, #o #area_6 article #gr_area_b #gr_area_b23, #o #area_6 article #gr_area_b #gr_area_b33{ width:63px; height:43px; top:1px; left:155px; top:-42px; left:93px} #o #area_6 article #gr_area_b #gr_area_b14, #o #area_6 article #gr_area_b #gr_area_b24, #o #area_6 article #gr_area_b #gr_area_b34{ width:63px; height:43px; top:1px; left:218px; top:44px; left:156px} #o #area_6 article #gr_area_b #gr_area_b15, #o #area_6 article #gr_area_b #gr_area_b25, #o #area_6 article #gr_area_b #gr_area_b35{ width:63px; height:43px; top:1px; left:281px; top:-42px; left:219px} #o #area_6 .img_layout{ cursor:pointer; clear:both; position:relative; display:block; top:330px; width:100px; color:#f9654b; font-size:12px; line-height:16px; font-weight:700 !important; font-family: 'Nanum Gothic', sans-serif ; } #o #area_6 .img_layout .img_layout_61{ margin:5px auto; font-weight:500; width:79px; height:79px; display:block; border-radius:100px; background:url("../images/ov_area_60_bt.jpg") -10px -10px no-repeat; background-color:#dc6955 } #o #area_6 .img_layout:hover .img_layout_61{ background-position:-10px -110px} #o #area_6 .img_layout_2{ cursor:pointer; clear:both; position:relative; display:block; top:330px; width:100px; color:#f9654b; font-size:12px; line-height:16px; font-weight:700 !important; font-family: 'Nanum Gothic', sans-serif ; margin: 0 auto;} #o #area_6 .img_layout_2 .img_layout_62{ margin:5px auto; font-weight:500; width:79px; height:79px; display:block; border-radius:100px; background:url("../images/ov_area_60_bt.jpg") -10px -210px no-repeat; background-color:#dc6955 } #o #area_6 .img_layout{display:block; }/*button*/ #o #area_6 .img_layout_2{ display:none; }/*button*/ /*area_7 숨은페이지*/ #o #area_7{background-color:#ece7e3; overflow:hidden; height:2181px; height:0px; } #o #area_7 article{width:900px; height:310px; text-align:left; margin-top:83px; display:block} #o #area_7 .title{ top:0px; left:0px; width:100%;} #o #area_7 .text { top:48px; left:0px; width:100%} #o #area_7 .img_layout{ display:block; position:relative; } #o #area_7 .area_71_bt{ cursor:pointer; clear:both; position:relative; display:block; top:30px; width:100px; color:#f9654b; font-size:12px; font-weight:700 !important; line-height:16px; font-family: 'Nanum Gothic', sans-serif ; margin: 0 auto;} #o #area_7 .area_71_bt .area_71{ margin:5px auto; font-weight:500; width:79px; height:79px; display:block; border-radius:100px; background:url("../images/ov_area_60_bt.jpg") -10px -211px no-repeat; background-color:#dc6955 } /*area_8*/ #o #area_8{height:1540px; background-color:#dfdfdf } #o #area_8 .img_layout{ width:970px; height:572px; margin-top:115px; text-align:center; } #o #area_8 article{ left:0px; width:900px; height:340px; top:0px; z-index:95; text-align:left;} #o #area_8 article .title{ width:465px; } #o #area_8 article .text{ width:435px; } #o #area_8 article .icon{ width:86px; height:86px; border-radius:100px; overflow:hidden; display:block; position:absolute; } #o #area_8 article #area_81_icon{top:-50px; left:0px; } #o #area_8 article #area_81{top:80px; left:0px; } #o #area_8 article #area_82{top:128px; left:0px; width:445px;} #o #area_8 article #area_83_icon{top:-50px; left:485px; } #o #area_8 article #area_83{ top:80px; left:485px; } #o #area_8 article #area_84{top:128px; left:485px; width:445px; } #o #area_8 .video_layout{margin:0 auto; width:670px; height:414px; display:block; border:none;} #o #area_8 .video_layout img{ } #o #area_8 .video_layout video{ width:670px; height:414px; } /*area_9*/ #o #area_9{height:1264px; } #o #area_9 article{ left:0px; width:970px; height:340px; margin-top:133px; text-align:left;} #o #area_9 article .title{ width:604px; top:0px; } #o #area_9 article .text{ width:586px; top:75px;} #o #area_9 .img_layout{ width:970px; position:relative; height:304px; padding-top:20px; text-align:left} #o #area_9 .ani_layout{ width:970px; display:block; position:relative; height:593px; text-align:right; top:-593px } #o #area_9 .table_area{width:970px; display:block; position:relative; top:-542px; border-color:red} #o #area_9 table#area_90_table tbody .title{ color:#fff; line-height:110px; font-size:13px; font-weight:700; font-family:lato; display:block; width:110px; border-radius:110px; letter-spacing:0px !important; background-color:#374866; margin:0 auto;} #o #area_9 table#area_90_table tbody td{line-height:20px; font-size:13px; letter-spacing:-1px; font-weight:500; font-family: 'Nanum Gothic', sans-serif; font-style:normal; } #o #area_9 table#area_90_table tbody .trtext td{ padding-bottom:30px; padding-top:5px;} #o #area_9 .tfoot_area_90{ position:relative; display:block; width:970px;top:-545px; height:10px; overflow:visible; } #o #area_9 .tfoot_area_90 .tfoot_detail_90{ position:absolute; display:block; width:970px; left:50%; height:20px; text-align:left; letter-spacing:0px; color:#675c4d; line-height:20px; font-size:12px; font-weight:500; font-family:lato; } #o #area_9 .button_area{ width:970px; position:relative; display:block; top:-540px; height:30px; line-height:30px; text-align:left;font-size:12px; font-weight:700; font-family: 'Nanum Gothic', sans-serif; font-style:normal; } #o #area_9 .button_area a{color:#a42c2c; } /*area_a*/ #o #area_a{height:992px; width:100%; background-color:#8f8ea0; overflow:hidden;} #o #area_a .img_layout{ width:970px; height:992px; } #o #area_a .img_layout .img_layout_a1{ position:absolute; left:-610px; top:-230px; left:-810px; top:-280px;} #o #area_a .img_layout .img_layout_a2{ position:absolute; left:400px; top:370px; left:600px; top:420px;} #o #area_a .img_layout_bottom{ width:100%; height:992px; top:-992px; position:relative; } #o #area_a .img_layout_bottom .img_layout_a3 img{ width:100%; height:992px;} #o #area_a article{ width:970px; display:block; position:relative; top:-1872px; text-align:center; } #o #area_a article .title{top:0px; width:970px; color:#fff; } #o #area_a article .text{top:48px; width:970px; color:#fff; } /*area_b*/ #o #area_b{-height:1432px; padding-bottom:110px; width:896px;} #o #area_b article{ width:896px; height:25px; display:block; position:relative; padding-top:132px; text-align:center; } #o #area_b article .title{ width:100%; } #o #area_b .featue_icon{width:896px; display:block; position:relative; padding-bottom:40px; padding-top:15px;} #o #area_b .featue_icon{} #o #area_b .featue_icon li{ display: inline-block; cursor:pointer } #o #area_b .featue_icon li .icon{ display:block; position:relative; height:188px; width:188px; overflow:hidden; } #o #area_b .featue_icon li .icon .icon_bg{ display:block;position:relative;height:188px; width:188px; opacity:0; } #o #area_b .featue_icon li:hover .icon .icon_bg{ opacity:1;} #o #area_b .featue_icon li .icon .icon_img{ display:block; position: absolute; top:0; } #o #area_b .featue_icon li .text{ display:block; text-align:center; } #o #area_b .featue_icon li .text{ color:#4f4f4f; font-weight:500; font-size:13px; line-height:18px; font-family: 'Nanum Gothic', sans-serif; font-style:normal; } #o #area_b .featue_icon li#area_b_icon_li_06 .text, #o #area_b .featue_icon li#area_b_icon_li_07 .text{ position:relative; top:10px; } #o #area_b .featue_icon li:hover .text{ font-weight:700;} #o #area_b .featue_area{width:896px; display:block; overflow:hidden; position:relative; border-width:2px 0px 2px 0px; border-style:solid; border-color:#000; } #o #area_b .featue_area .featue_area_wrap{ display:block; position:absolute; width:896px; height:1048px; top:-262px; left:0px; } #o #area_b .featue_area{-height:262px; height:0px; border-width:0px 0px 1px 0px; border-color:#ddd;} /* 페이지 강제로 열기-테스트용 #o #area_b .featue_area#featue_area_01{height:262px; border-width:2px 0px 2px 0px; border-color:#000;} #o #area_b:hover .featue_area{height:0px !important; border-width:0px 0px 1px 0px !important; border-color:#ddd !important;} #o #area_b .featue_area#featue_area_01 .featue_area_wrap{ top:-262px; } /**/ #o #area_b .featue_area li{ display:block; position: relative; padding-top:35px; padding-bottom:35px;} #o #area_b .featue_area li{} #o #area_b .featue_area li .img_area{ display:block; position:absolute; height:192px; width:438px; left:0px; top:35px; overflow:hidden;} #o #area_b .featue_area li .txt_area{ display:block; position:relative; height:192px; width:896px; } #o #area_b .featue_area li .txt_area .title, #o #area_b .featue_area li .txt_area .text{ position:absolute; left:458px; width:48%; text-align:left;color:#252525; font-family: 'Nanum Gothic', sans-serif; } #o #area_b .featue_area li .txt_area .title{ top:0px; font-size:24px; font-weight:600; line-height:29px;letter-spacing:-0.6px; } #o #area_b .featue_area li .txt_area .text{ top:48px; font-size:13px; font-weight:500; line-height:2em; letter-spacing:-0.5px; } #o #area_b .featue_area li .txt_area .text b{ font-weight:500; font-size:12px; color:#935945; position:relative; top:13px;} #o #area_b .featue_area li#area_b_featue_li_01 .txt_area .title{ top:10px; } #o #area_b .featue_area li#area_b_featue_li_01 .txt_area .text{ top:58px; } #o #area_b .featue_area li#area_b_featue_li_02 .txt_area .title{ top:10px; } #o #area_b .featue_area li#area_b_featue_li_02 .txt_area .text{ top:58px; } #o #area_b .featue_area li#area_b_featue_li_03 .txt_area .title{ top:23px; } #o #area_b .featue_area li#area_b_featue_li_03 .txt_area .text{ top:71px; } #o #area_b .featue_area li#area_b_featue_li_04 .txt_area .title{ top:23px; } #o #area_b .featue_area li#area_b_featue_li_04 .txt_area .text{ top:71px; } #o #area_b .featue_area li#area_b_featue_li_05 .txt_area .title{ top:23px; } #o #area_b .featue_area li#area_b_featue_li_05 .txt_area .text{ top:98px; } #o #area_b .featue_area li#area_b_featue_li_06 .txt_area .title{ top:0px; } #o #area_b .featue_area li#area_b_featue_li_06 .txt_area .text{ top:48px; } #o #area_b .featue_area li#area_b_featue_li_07 .txt_area .title{ top:23px; } #o #area_b .featue_area li#area_b_featue_li_07 .txt_area .text{ top:71px; } #o #area_b .featue_area li#area_b_featue_li_08 .txt_area .title{ top:7px; } #o #area_b .featue_area li#area_b_featue_li_08 .txt_area .text{ top:82px; } #o #area_b .featue_area li#area_b_featue_li_08 .txt_area{ height:232px; } #o #area_b .featue_area li#area_b_featue_li_08 .img_area{ height:245px; } #o #area_b .featue_area li#area_b_featue_li_09 .txt_area .title{ top:0px; } #o #area_b .featue_area li#area_b_featue_li_09 .txt_area .text{ top:75px; } #o #area_b .featue_area li#area_b_featue_li_10 .txt_area .title{ top:32px; } #o #area_b .featue_area li#area_b_featue_li_10 .txt_area .text{ top:80px; } #o #area_b .featue_area li#area_b_featue_li_11 .txt_area .title{ top:26px; } #o #area_b .featue_area li#area_b_featue_li_11 .txt_area .text{ top:74px; } #o #area_b .featue_area li#area_b_featue_li_12 .txt_area .title{ top:24px; } #o #area_b .featue_area li#area_b_featue_li_12 .txt_area .text{ top:72px; } /*area_c*/ #o #area_c{height:937px; width:100%; background-color:#626262; overflow:hidden; } #o #area_c .img_layout{height:937px; width:970px; width:100%; position:relative; display:block; padding-top:360px; width:970px; width:100%; } #o #area_c .img_layout img{ position:relative; display:block; width:100% } #o #area_c article{ width:668px; display:block; position:relative; top:-1190px; text-align:left; } #o #area_c article .title{top:0px; width:100%; color:#fff; } #o #area_c article .text{top:75px; width:100%; color:#fff; } #o #area_c article .text a{color:#e27b66} /*끝*/