/** * File Name : layout.css * Description : 메인,서브 공통 스타일시트 * Author : Web business Team / White * Date : 2015.06.19 * Update : 2015.06.19 */ /* Layout Selector */ html, body { height:100%;} #wrap { width:100%; font-size:13px; line-height:1.4em;} .main #container { width:100%;} .sub #container { width:100%; border-top:5px solid #455309; border-bottom:5px solid #b5d333} #container:after { content:""; display:block; clear:both;} #contents { width:1050px; margin:0 auto; min-height:650px; padding-bottom:50px;} /* header */ #header { z-index:100; width:100%; height:142px; } #header .header_in { width:1050px; margin:0 auto; position:relative;} #header h1 { position:absolute; top:50px; left:40px; z-index:9999;} /* gnb */ #gnb { width:100%; height:42px; background:#e7e7e7; } #gnb .gnb_in { position:relative; width:1050px; margin:0 auto;} #gnb .gnb_right {float:right; color:#666666; font-size:12px; padding-top:15px;} #gnb .gnb_right li {float:left; padding-left:20px; background:url('../image/common/top_gnb_rightbg.jpg') no-repeat 10px center } #gnb .gnb_right li a { color:#666666} #gnb .gnb_right .no_img {background:none} #lnb { position:absolute; top:42px; width:100%; z-index:9997; background:#ffffff} .lnb_wrap { overflow:hidden; visibility:hidden; background:url('../image/common/bg_lnb_warp.png') repeat-x center 101px; height:150px; } .lnb_wrap > ul { width:1050px; margin:0 auto; position:relative;} .lnb_wrap > ul:after { content:" "; display:block; clear:both;} .lnb_wrap > ul > li { float:left;} .lnb_wrap > ul > li > a { display:block; font-size:17px; color:#252525; text-align:center; padding:40px 20px 0 20px; } .lnb_wrap > ul > li > a:hover { color:#ff0000} .lnb_wrap > ul > li.current > a, .lnb_wrap > ul > li.actived > a { color:#ff0000; } .lnb01 { position:absolute; top:0; right:715px;} .lnb02 { position:absolute; top:0; right:615px;} .lnb03 { position:absolute; top:0; right:515px;} .lnb04 { position:absolute; top:0; right:415px;} .lnb05 { position:absolute; top:0; right:315px;} .lnb06 { position:absolute; top:0; right:215px;} .lnb07 { position:absolute; top:0; right:115px;} .lnb08 { position:absolute; top:0; right:0;} .snb { height:175px; padding-top:95px; margin:0 auto; z-index:1001; text-align:center} .snb li {display:inline-block} .snb li a { display:inline-block; font-size:15px; font-weight:bold; color:#fff; width:140px; padding-top:1px; text-align:center;} .snb li a:hover { text-decoration:underline; color:#b5d333;} .snb li.my {width:80px; margin-top:1px; border-left:1px solid #ffffff; vertical-align:top;} .snb li.my .my_txt a {padding-top:2px; text-align:left; padding-left:10px; font-size:12px; display:inline-block} .snb .snb_tit {font-size:34px; color:#b9d545; padding-top:20px; width:1200px; display:block; text-align:center} .snb01 {} .snb02 {} .snb03 {} .snb04 {} .snb06 {} .snb07 {} .snb08 {} .snb .bg_menu0101 { background:url('../image/common/ico_lnb0101.png') no-repeat center center;} .snb .bg_menu0102 { background:url('../image/common/ico_lnb0102.png') no-repeat center center;} .snb .bg_menu0103 { background:url('../image/common/ico_lnb0103.png') no-repeat center center;} .snb .bg_menu0104 { background:url('../image/common/ico_lnb0104.png') no-repeat center center;} .snb .bg_menu0105 { background:url('../image/common/ico_lnb0105.png') no-repeat center center;} .snb .bg_menu0106 { background:url('../image/common/ico_lnb0106.png') no-repeat center center;} .snb .bg_menu0107 { background:url('../image/common/ico_lnb0107.png') no-repeat center center;} .snb .bg_menu0108 { background:url('../image/common/ico_lnb0108.png') no-repeat center center;} .snb .bg_menu0201 { background:url('../image/common/ico_lnb0201.png') no-repeat center center;} .snb .bg_menu0202 { background:url('../image/common/ico_lnb0202.png') no-repeat center center;} .snb .bg_menu0203 { background:url('../image/common/ico_lnb0203.png') no-repeat center center;} .snb .bg_menu0204 { background:url('../image/common/ico_lnb0204.png') no-repeat center center;} .snb .bg_menu0205 { background:url('../image/common/ico_lnb0205.png') no-repeat center center;} .snb .bg_menu0207 { background:url('../image/common/ico_lnb0207.png') no-repeat center center;} .snb .bg_menu0301 { background:url('../image/common/ico_lnb0301.png') no-repeat center center;} .snb .bg_menu0302 { background:url('../image/common/ico_lnb0302.png') no-repeat center center;} .snb .bg_menu0303 { background:url('../image/common/ico_lnb0303.png') no-repeat center center;} .snb .bg_menu0401 { background:url('../image/common/ico_lnb0401.png') no-repeat center center;} .snb .bg_menu0402 { background:url('../image/common/ico_lnb0402.png') no-repeat center center;} .snb .bg_menu0403 { background:url('../image/common/ico_lnb0403.png') no-repeat center center;} .snb .bg_menu0404 { background:url('../image/common/ico_lnb0404.png') no-repeat center center;} .snb .bg_menu0501 { background:url('../image/common/ico_lnb0501.png') no-repeat center center;} .snb .bg_menu0502 { background:url('../image/common/ico_lnb0502.png') no-repeat center center;} .snb .bg_menu0503 { background:url('../image/common/ico_lnb0503.png') no-repeat center center;} .snb .bg_menu0601 { background:url('../image/common/ico_lnb0601.png') no-repeat center center;} .snb .bg_menu0602 { background:url('../image/common/ico_lnb0602.png') no-repeat center center;} .snb .bg_menu0603 { background:url('../image/common/ico_lnb0603.png') no-repeat center center;} .snb .bg_menu0701 { background:url('../image/common/ico_lnb0701.png') no-repeat center center;} .snb .bg_menu0702 { background:url('../image/common/ico_lnb0702.png') no-repeat center center;} .snb .bg_menu0703 { background:url('../image/common/ico_lnb0703.png') no-repeat center center;} .snb .bg_menu0801 { background:url('../image/common/ico_lnb0801.png') no-repeat center center;} .snb .bg_menu0802 { background:url('../image/common/ico_lnb0802.png') no-repeat center center;} .snb .bg_menu0803 { background:url('../image/common/ico_lnb0803.png') no-repeat center center;} .snb .bg_menu0804 { background:url('../image/common/ico_lnb0804.png') no-repeat center center;} .snb .bg_menu0805 { background:url('../image/common/ico_lnb0805.png') no-repeat center center;} .snb .bg_menu0806 { background:url('../image/common/ico_lnb0806.png') no-repeat center center;} .snb .bg_menu0807 { background:url('../image/common/ico_lnb0807.png') no-repeat center center;} .snb .bg_menu0808 { background:url('../image/common/ico_lnb0808.png') no-repeat center center;} #mainVisual_wrap {height:680px;overflow:hidden;position:relative;min-width:1050px; background:url('../image/common/main_v_bg.jpg') no-repeat center top} #mainVisual_wrap .content {position:absolute;top:0;width:100%; } #mainVisual_wrap .content .tab {width:50px;margin:0 auto;position:relative;z-index:9; display:none } #mainVisual_wrap .content .tab a {position:absolute;display:inline-block;top:600px;color:#fff;width:15px;height:15px; border-radius:15px; background:#ffffff} #mainVisual_wrap .content .tab a.on {width:15px;height:15px; border-radius:15px; background:#354010} #mainVisual_wrap .content.corner1 .tab a{left:0px; } #mainVisual_wrap .content.corner2 .tab a{left:30px;} #mainVisual_wrap .content.corner3 .tab a{left:60px;} #mainVisual_wrap ul.corner_bg li{position:absolute;height:680px;width:100%;display:block;} #mainVisual_wrap ul.corner_bg li a.bgImg {height:680px;width:1050px;display:block;text-indent:-9999px;margin:0 auto 0 -550px;color:transparent;position:absolute;top:0;left:50%;} #mainVisual_wrap ul.corner_bg li a.bgImg br {display:none} #mainVisual_wrap2 {height:600px;overflow:hidden;position:relative;min-width:1050px;} #mainVisual_wrap2 .content {position:absolute;top:0;width:100%; } #mainVisual_wrap2 .content .tab {width:50px;margin:0 auto;position:relative;z-index:9; display:none } #mainVisual_wrap2 .content .tab a {position:absolute;display:inline-block;top:600px;color:#fff;width:15px;height:15px; border-radius:15px; background:#ffffff} #mainVisual_wrap2 .content .tab a.on {width:15px;height:15px; border-radius:15px; background:#354010} #mainVisual_wrap2 .content.corner1 .tab a{left:0px; } #mainVisual_wrap2 .content.corner2 .tab a{left:30px;} #mainVisual_wrap2 .content.corner3 .tab a{left:60px;} #mainVisual_wrap2 ul.corner_bg li{position:absolute;height:600px;width:100%;display:block;} #mainVisual_wrap2 ul.corner_bg li a.bgImg {height:600px;width:1050px;display:block;text-indent:-9999px;margin:0 auto 0 -550px;color:transparent;position:absolute;top:0;left:50%;} #mainVisual_wrap2 ul.corner_bg li a.bgImg br {display:none} #mainVisual_wrap3 {height:543px;overflow:hidden;position:relative;min-width:1050px; top:351px} #mainVisual_wrap3 .content {position:absolute;top:0;width:100%; } #mainVisual_wrap3 .content .tab {width:50px;margin:0 auto;position:relative;z-index:9; display:none } #mainVisual_wrap3 .content .tab a {position:absolute;display:inline-block;top:600px;color:#fff;width:15px;height:15px; border-radius:15px; background:#ffffff} #mainVisual_wrap3 .content .tab a.on {width:15px;height:15px; border-radius:15px; background:#354010} #mainVisual_wrap3 .content.corner1 .tab a{left:0px; } #mainVisual_wrap3 .content.corner2 .tab a{left:30px;} #mainVisual_wrap3 .content.corner3 .tab a{left:60px;} #mainVisual_wrap3 ul.corner_bg li{position:absolute;height:600px;width:100%;display:block;} #mainVisual_wrap3 ul.corner_bg li a.bgImg {height:543px;width:1050px;display:block;text-indent:-9999px;margin:0 auto 0 -550px;color:transparent;position:absolute;top:0;left:50%;} #mainVisual_wrap3 ul.corner_bg li a.bgImg br {display:none} .Visual_01 {background:url('../image/main/main_1.png') no-repeat center 0;} .Visual_02 {background:url('../image/main/main_2.png') no-repeat center 0; } .Visual_03 {background:url('../image/main/main_3.png') no-repeat center 0; } .Visual_in {width:1050px; height:680px; position:relative; margin:auto; background:url('../image/main/main_v_in.png') no-repeat center 0;} .visual_btn {position:absolute; left:0px; top:439px; width:1050px; text-align:center} .with_01 {background:url('../image/main/with_bg1.png') no-repeat center 0;} .with_02 {background:url('../image/main/with_bg2.png') no-repeat center 0;} .with_03 {background:url('../image/main/with_bg3.png') no-repeat center 0;} .with_04 {background:url('../image/main/with_bg4.png') no-repeat center 0;} .with_05 {background:url('../image/main/with_bg5.png') no-repeat center 0;} .with_06 {background:url('../image/main/with_bg6.png') no-repeat center 0;} .with_07 {background:url('../image/main/with_bg7.png') no-repeat center 0;} .with_08 {background:url('../image/main/with_bg8.png') no-repeat center 0;} .with_09 {background:url('../image/main/with_bg9.png') no-repeat center 0;} .with_10 {background:url('../image/main/with_bg10.png') no-repeat center 0;} .with_11 {background:url('../image/main/with_bg11.png') no-repeat center 0;} .with_in {width:1050px; height:600px; position:relative; margin:auto; background:url('../image/main/wiht_v_in.png') no-repeat center 0;} .con4_01 {background:url('../image/main/con4_01.png') no-repeat center 0;} .con4_02 {background:url('../image/main/con4_02.png') no-repeat center 0;} .main_con3 {width:100%; height:895px; background:url('../image/main/main_con3_bg.png') no-repeat center top;} .main_con3 .in{width:1050px; height:895px; background:url('../image/main/main_con3.png') no-repeat center top; margin:auto; position:relative;} .main_con3 .in .web1 {width:307px; height:229px; background:#000; position:absolute; top:491px; left:378px} .main_con3 .in .web2 {width:144px; height:109px; background:#000; position:absolute; top:594px; left:112px} .main_con3 .in .web3 {width:144px; height:109px; background:#000; position:absolute; top:594px; left:798px} .main_con4 {width:100%; height:760px; background:url('../image/main/main_con4_bg.png') no-repeat center top;} .main_con4 .in{width:1050px; height:760px; background:url('../image/main/main_con4.png') no-repeat center top; margin:auto; position:relative;} .main_con4 .in .btn1 {position:absolute; top:315px; left:250px} .main_con4 .in .btn2 {position:absolute; top:315px; left:550px} .main_con5 {width:100%; height:845px; background:#ebdec5} .main_con5 .in{width:687px; height:177px; background:url('../image/main/main_con5.png') no-repeat center top; margin:auto; padding-left:363px; padding-top:668px} .main_con6 {width:100%; height:800px; background:#f9fcff} .main_con6 .in{width:1050px; height:800px; background:url('../image/main/main_con6.png') no-repeat center top; margin:auto; padding-top:232px;} .main_con6 .in ul {height:420px} .main_con6 .in li {float:left; margin-bottom:10px} .main_con6 .in .con6_ml {margin-left:13px} .new_con2 {width:100%; height:650px; background:url('../image/main/new_con2_bg.png') no-repeat center top;} .new_con2 .in {width:1050px; height:565px; background:url('../image/main/new_con2.png') no-repeat center top; margin:auto ; padding-top:85px; position:relative;} .new_con2 .in .btn { position:absolute; top:462px; left:619px; z-index: 9999999;} /* main_visual */ .mv_wrapper {position:relative; width:540px; height:450px; background:#fff; margin-left:456px; box-shadow:2px 2px 5px #6b6b6b ; padding:20px} .mv_wrapper .bx-prev {left: 20px;background: url("../image/main/btn_arr_prev.png") no-repeat 0 0;} .mv_wrapper .bx-next {right: 00px;background: url("../image/main/btn_arr_next.png") no-repeat 0 0;} .mv_wrapper .bx-controls-direction a {position: absolute;top: 50%; margin-top: -33px;outline: 0;width: 64px; height: 84px;text-indent: -9999px;z-index: 999999;} .mv_wrapper .bx-pager {position:absolute;width:540px; left:0px; bottom:30px; text-align: center;font-size:0;} .new_con3 {width:100%; height:918px;} .new_con3 .in {width:1050px; height:918px; margin:auto; background:url('../image/main/new_con3.png') no-repeat center top; position:relative;} .new_con4 {width:100%; height:882px; background:url('../image/main/new_con4.png') no-repeat center top;} .new_con4 .in {width:1050px; height:882px; margin:auto; background:url('../image/main/new_con4.png') no-repeat center top; position:relative;} .new_con4 .in .btn {position:absolute; top:740px; left:268px} .new_con5 .in .web1 {width:271px; height:186px; background:#000; position:absolute; top:558px; left:69px} .new_con5 .in .web2 {width:271px; height:186px; background:#000; position:absolute; top:558px; left:389px} .new_con5 .in .web3 {width:271px; height:186px; background:#000; position:absolute; top:558px; left:708px} .new_con5 {width:100%; height:1072px; background:url('../image/main/new_con5_bg.png') no-repeat center top;} .new_con5 .in {width:1050px; height:1097px; margin:auto; background:url('../image/main/new_con5.png') no-repeat center top; position:relative;} .new_con5 .in .web {width:479px; height:278px; background:#000; position:absolute; top:427px; left:192px} .new_con5 .in .phone {width:203px; height:134px; background:#000; position:absolute; top:737px; left:638px} .new_con5 .in .btn { position:absolute; top:412px; left:565px} .new_con6 {width:100%; height:1059px; background:url('../image/main/new_con6_bg.png') no-repeat center top;} .new_con6 .in {width:1050px; height:1059px; margin:auto; background:url('../image/main/new_con6.png') no-repeat center top; position:relative;} .new_con6 .in .web {width:479px; height:278px; background:#000; position:absolute; top:413px; left:192px} .new_con6 .in .phone {width:203px; height:134px; background:#000; position:absolute; top:723px; left:638px} .new_con6 .in .btn { position:absolute; top:936px; left:233px} /* sub_visual */ .sub_visual { width:100%; height:160px; background:url('../image/sub/sub_visual.jpg') no-repeat center top; z-index:10;} .sub_visual .tit_sub_visual { text-align:center; padding-top:58px;} .nnew_con1 {width:100%; height:674px; background:url('../image/main/nnew_con1.png') no-repeat center top;} .nnew_con1 .in {width:1050px; height:674px; margin:auto; background:url('../image/main/nnew_con1.png') no-repeat center top; position:relative; } .nnew_con1 .vod {position:absolute; top:98px; left:634px} .nnew_con2 {width:100%; height:841px; background:url('../image/main/nnew_con2.png') no-repeat center top;} .nnew_con2 .in {width:1050px; height:841px; margin:auto; background:url('../image/main/nnew_con2.png') no-repeat center top; position:relative;} .nnew_con3 {width:100%; height:1435px; background:url('../image/main/nnew_con3.png') no-repeat center top;} .nnew_con3 .in {width:1050px; height:1435px; margin:auto; background:url('../image/main/nnew_con3.png') no-repeat center top; position:relative;} .nnew_con3 .in .vod {width:547px; height:347px; position:absolute; top:423px; left:241px } .nnew_con3 .in .vod2 {width:306px; height:194px; position:absolute; top:852px; left:15px } .nnew_con3 .in .vod3 {width:306px; height:194px; position:absolute; top:852px; left:378px } .nnew_con3 .in .vod4 {width:306px; height:194px; position:absolute; top:852px; left:743px } .nnew_con3 .in .btn { position:absolute; top:1120px; left:245px} .nnew_con4 {width:100%; height:893px; background:url('../image/main/nnew_con4.png') no-repeat center top;} .nnew_con4 .in {width:1050px; height:893px; margin:auto; background:url('../image/main/nnew_con4.png') no-repeat center top; position:relative;} .nnew_con4 .in .vod1 {width:466px; height:308px; position:absolute; top:410px; left:292px } .nnew_con4 .in .btn { position:absolute; top:494px; left:673px} .nnew_con5 {width:100%; height:1185px; background:url('../image/main/nnew_con5.png') no-repeat center top;} .nnew_con5 .in {width:1050px; height:1185px; margin:auto; background:url('../image/main/nnew_con5.png') no-repeat center top; position:relative;} .nnew_con5 .in .btn1 { position:absolute; top:809px; left:233px} .nnew_con5 .in .btn2 { position:absolute; top:809px; left:546px} .nnew_con5 .listen1{position:relative;z-index:2;width:570px;margin:0 auto;padding:315px 0 0;} .nnew_con5 .listen1:after{content:"";display:block;clear:both;} .nnew_con5 .listen1 li{float:left;width:140px;margin:0 24px;} .nnew_con5 .listen1 li a{display:block;} .nnew_con5 .listen1 li a img{display:block;margin:0 auto;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s;-moz-transform:scale(0.9);-webkit-transform:scale(0.9);transform:scale(0.9);} .nnew_con5 .listen1 li a .txt{display:block;padding:0 0 16px;;text-align:center;font-size:16px;color:white;letter-spacing:-0.05em;font-weight:bold;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s;} .nnew_con5 .listen1 li a:hover img{-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);} .nnew_con5 .listen1 li a:hover .txt{color:#fbb900;} .nnew_con5 .listen2{position:relative;z-index:2;width:825px;margin:0 auto;padding:172px 0 0;} .nnew_con5 .listen2:after{content:"";display:block;clear:both;} .nnew_con5 .listen2 li{float:left;width:245px;height:230px;margin:0 15px;background:white;} .nnew_con5 .listen2 li a{display:block;position:relative;width:100%;} .nnew_con5 .listen2 li a .playButton1{top:46px;} .nnew_con5 .listen2 li a .thum{display:block;width:245px;height:185px;} .nnew_con5 .listen2 li a .txt{display:block;padding:14px 0 0;text-align:center;font-size:16px;color:#4e4e4e;letter-spacing:-0.05em;font-weight:bold;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s;} .nnew_con5 .listen2 li a:hover .txt{color:#fbb900;} .nnew_con5 .btn {position:absolute; top:1048px; left:186px} .nnew_con6 {width:100%; height:738px; background:url('../image/main/nnew_con6.png') no-repeat center top;} .nnew_con6 .in {width:1050px; height:738px; margin:auto; background:url('../image/main/nnew_con6.png') no-repeat center top; position:relative;} .nnew_con6 .in .btn { position:absolute; top:604px; left:269px} .nnew_con7 {width:100%; height:724px; background:url('../image/main/nnew_con7.png') no-repeat center top;} .nnew_con7 .in{width:1050px; height:724px; background:url('../image/main/nnew_con7.png') no-repeat center top; margin:auto; padding-top:232px; position:relative;} .nnew_con7 .in .btn {position:absolute; top:635px; left:362px} .nnew_con8 {width:100%; height:970px;} .nnew_con8 .in {width:1050px; height:708px; margin:auto; background:url('../image/main/main_ban6_bg.png') no-repeat center top; padding-top:262px} .nnew_con8 .more{width:1000px; text-align:right; padding-right:50px;} .nnew_con8 .btn {width:1050px; text-align:center; padding-top:10px} .nnew_con8 ul { padding-left:15px; height:550px;} .nnew_con8 ul li {width:256px; height:181px; padding:20px 15px 40px 15px; background:url('../image/main/main_ban6_re_bg.png') no-repeat center top; color:#666666; font-size:13px; float:left; margin:10px 25px;} .nnew_con8 ul li .name {display:block; height:37px; background:url('../image/main/main_ban6_ico.png') no-repeat left top; padding-left:50px; line-height:37px; font-weight:bold; color:#545454; padding-bottom:5px} .nnew_con8 ul li .name.img1 {background:url('../image/main/review_img1.png') no-repeat left top;} .nnew_con8 ul li .name.img2 {background:url('../image/main/review_img2.png') no-repeat left top;} .nnew_con8 ul li .name.img3 {background:url('../image/main/review_img3.png') no-repeat left top;} .nnew_con8 ul li .name.img4 {background:url('../image/main/review_img4.png') no-repeat left top;} .nnew_con8 ul li .name.img5 {background:url('../image/main/review_img5.png') no-repeat left top;} .nnew_con8 ul li .name.img6 {background:url('../image/main/review_img6.png') no-repeat left top;} .nnew_con9 {width:100%; height:1203px; background:#eaeaea} .nnew_con9 .in {width:1050px; height:1203px; margin:auto; background:url('../image/main/nnew_con9.png') no-repeat center top; position:relative;} .nnew_con9 .in ul {position:absolute; top:230px;margin-left:-10px} .nnew_con9 .in li {float:left; margin-left:10px; margin-bottom:10px} .nnew_con10 {width:100%; height:1109px; background:url('../image/main/nnew_con10.png') no-repeat center top;} .nnew_con10 .in {width:1050px; height:1109px; margin:auto; background:url('../image/main/nnew_con10.png') no-repeat center top; position:relative;} .nnew_con10 .in .btn {position:absolute; top:1020px; left:248px} /* main_visual */ .mv_wrapper2 {position:relative; width:525px; height:347px; } .mv_wrapper2 .bx-prev {left: 20px;background: url("../image/main/btn_arr_prev.png") no-repeat 0 0;} .mv_wrapper2 .bx-next {right: 00px;background: url("../image/main/btn_arr_next.png") no-repeat 0 0;} .mv_wrapper2 .bx-controls-direction a {position: absolute;top: 50%; margin-top: -33px;outline: 0;width: 64px; height: 84px;text-indent: -9999px;z-index: 999999;} .mv_wrapper2 .bx-pager {position:absolute;width:540px; left:0px; bottom:30px; text-align: center;font-size:0;} /* New site map */ .sitemap{padding:0px 0;border-top:0px solid #fff;border-bottom:1px solid #d3d3d3;background:#383c42} .site_map{position:relative;width:1050px;margin:0 auto} .site_map .menu_list{display:inline-block;width:1050px;margin:0 auto;padding:0px 0 10px;text-align:left;font-family:dotum;font-size:12px;line-height:1.6;letter-spacing:0px;} .site_map .menu_list li{float:left;vertical-align:top} .site_map .menu_list li li{border:none;} .site_map .menu_list li ul{float:left;clear:both;padding-left:12px;width:170px;} .site_map .menu_list li li a{color:#d1d1d1} .site_map .menu_list li a.depth1{float:left;clear:both;margin-top:15px;padding-left:11px;font-weight:bold;color:#fdfdfd;line-height:2;} .site_map .menu_list ul.depth2{width:auto} .site_map .menu_list ul.depth2 li{clear:both;width:160px} .site_map .menu_list ul.depth2.type1 li{float:left;width:auto;clear:none} .site_map .menu_list ul.depth2 li strong{display:block;font-weight:normal;color:#d1d1d1} .site_map .menu_list ul.depth3{padding-left:2px;width:160px} .site_map .menu_list ul.depth3.type1{width:160px} .site_map .menu_list ul.depth3 li{clear:both;width:100% !important;color:#aaa} .site_map .menu_list ul.depth3 li a{color:#aaa} .site_map .menu_list li img{margin-top:-1px;vertical-align:middle} /* footer */ #footer { z-index:1; width:100%; height:170px; background:#ffffff; margin-bottom:0px} .footer_in { position:relative; width:1050px; margin:0 auto;} .footer_in ul { padding-top:20px;} .footer_in ul:after { content:""; display:block; clear:both;} .footer_in li { float:left; padding:0 25px 20px 0;} .footer_in li a { color:#333333; font-weight:bold; font-size:14px; letter-spacing:-0.05em;} .footer_in li a:hover { position:relative; top:1px;} .footer_in .btn_top { position:absolute; top:30px; right:0;} .footer_in .btn_top a { display:block; width:120px; height:29px; padding-top:9px; border:solid 1px #9b9b9b; font-size:13px; font-weight:bold; background:#f0f0f0; color:#999999; letter-spacing:-0.05em; text-align:center;} .footer_in .btn_top a:hover { position:relative; top:1px;} .footer_in address { color:#9d9d9d; line-height:1.6em; font-size:13px} .footer_in .p_copyright { padding-top:10px; color:#c8c8c8;} .sub_menu {width:100%; background:#efefed; border-bottom:1px solid #c5c5c5} .sub_menu:after { content:""; display:block; clear:both;} .sub_menu .in {width:1050px; margin:auto} .sub_menu .in li {float:left; font-size:16px; margin:8px 0px; font-weight:bold; margin-right:10px} .sub_menu .in li a {color:#000000; display:inline-block; padding:8px 15px; border-radius:5px} .sub_menu .in li a:hover {display:inline-block; background:#455309; color:#ffffff} .sub_menu .in li.on a {display:inline-block; background:#455309; color:#ffffff} .sub_menu .sub1 {margin-left:0px} .sub_menu .sub2 {margin-left:0px} .sub_tit {width:1050px; height:250px; } .sub_tit h2 {font-size:50px; color:#3a3a3a; padding-top:80px} .sub_bg1 { background:url('../image/sub/sub_bg1.gif') no-repeat right top;} .content_box .view_tab {clear:both; width:1050px; height:45px; margin-top:20px; } .content_box .view_tab ul {width:1050px; height:38px;} .content_box .view_tab li {float:left; width:173px; heighT:38px; font-size:14px; text-align:center;line-height:38px;} .content_box .view_tab li a {display:inline-block; width:173px; heighT:38px; background:#ebebeb; border:1px solid #c3c3c3;} .content_box .view_tab li.active a,.view_tab li a:hover {border:1px solid #95b01e; color:#ffffff; background:#b5d333 no-repeat 128px center;} .smart_video {margin-top:60px} .smart_video li {float:left; width:512px;} .smart_video li .tit {display:inline-block; width:220px; height:43px; background:#b5d333; border-radius:5px; text-align:center; line-height:43px; font-weight:bold; color:#455309; font-size:18px} .smart_video li .video {display:inline-block; width:438px; height:265px; background:#000 url('../image/sub/smart_video_bg.png') no-repeat right top; padding:30px 37px 117px 37px; margin-top:20px} .news_btn {margin-top:50px; text-align:right} .coupon {width:1050px; height:252px; background:url('../image/sub/coupon_bg.png') no-repeat left top; position:relative; } .coupon .sale {font-size:80px; font-weight:bold; color:#fff6ae; text-shadow:inset 2px 2px 2px #000; position:absolute; top:95px; right:67px; } .coupon .txt {width:642px; height:90px; position:absolute; top:100px; left:50px; font-weight:bold; line-height:22px} .coupon .txt span {font-size:12px; color:#636363; padding-top:20px} .main_notice {width:100%; height:100px; background:#131313} .main_notice .in {width:1050px; height:25px; margin:auto; line-height:44px} .main_notice .in span {color:#ffe400; font-weight:bold; margin-right:20px} .main_notice .in a {font-size:13px; color:#fff} #pop_02 {width:600px; height:700px; z-index:100; position:absolute; top:160px; left:20%} #pop_02 .close {background:#000000; font-size:11px; color:#fff; padding:10px} #pop_02 .close a {font-size:11px; color:#fff; padding-top:10px;} #pop_02 .close #check {display:inline-block} #pop_02 .close #close {display:inline-block} .book_list {width:100%; height:auto; margin-top:40px} .book_list .book_box {width:100%; min-height:100px; background:#f2f2f2; border:1px solid #d4d4d4; border-radius:5px; } .book_list .book_box:after { content:""; display:block; clear:both;} .book_list .book_box .book {width:125px; height:155px; background:#333333; margin:20px; float:left} .book_list .book_box .book img {width:125px; height:155px;} .book_list .book_box ul {float:left; margin:20px; width:750px;} .book_list .book_box .book_tit {font-size:18px; color:#ff6500; font-weight:bold} .book_list .book_box .txt_tit {color:#1c1b19; font-size:14px; font-weight:bold; margin-top:10px} .book_list .book_box .txt_txt {color:#636363; font-size:12px; font-weight:bold; margin-top:3px; line-height:16px} .book_list .book_btn {text-align:right; margin-top:10px; margin-bottom:30px}