/** * 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; position:relative; } .main #container { width:100%;} .sub #container { width:100%; margin-bottom:80px} #container:after { content:""; display:block; clear:both;} #contents { width:1050px; margin:0 auto; padding-bottom:50px; padding-top:30px} #contents:after { content:""; display:block; clear:both;} /* header */ #header { z-index:100; width:100%; height:148px; border-bottom:solid 3px #ff0000;} #header .header_in { width:1050px; margin:0 auto; position:relative;} #header h1 { position:absolute; top:70px; left:0; z-index:1002;} /* gnb */ #gnb { width:100%; height:45px; background:#262626;} #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:#e5e5e5} #gnb .gnb_right .no_img {background:none} #lnb { position:absolute; top:48px; width:100%; z-index:1000;} .lnb_wrap { overflow:hidden; visibility:hidden; background:url('../image/common/bg_lnb_warp.png') repeat-x center 100px; height:260px;} .lnb_wrap > ul { width:1100px; 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; font-weight:bold;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:720px;} .lnb02 { position:absolute; top:0; right:100px;}/*100*/ .lnb03 { position:absolute; top:0; right:600px;} .lnb04 { position:absolute; top:0; right:470px;} .lnb06 { position:absolute; top:0; right:380px;} .lnb07 { position:absolute; top:0; right:290px;} .lnb08 { position:absolute; top:0; right:190px;} .lnb09 { position:absolute; top:0; right:0;} .snb { height:140px; padding-top:95px; margin:0 auto; z-index:1001;} .snb li { float:left;} .snb li a { display:block; font-size:14px; font-weight:bold; color:#fff; width:140px; padding-top:110px; text-align:center;} .snb li a:hover { text-decoration:underline; color:#ff0000;} .snb li.class {width:270px; margin-top:30px; border-left:1px solid #ff0000} .snb li.class a {padding-top:0px} .snb li.class .class_txt a {padding-top:10px; text-align:left; padding-left:20px; } .snb li.my {width:165px; margin-top:30px; border-left:1px solid #ff0000; } .snb li.my .my_txt a {padding-top:10px; text-align:left; padding-left:20px} .snb .snb_tit {font-size:34px; color:#ff0000; padding-top:30px; width:220px; line-height:40px;} .snb01 {float:left} .snb02 {} .snb03 {} .snb04 {} .snb06 { } .snb .bg_menu0101 { background:url('../image/common/ico_lnb0101.png') no-repeat center 20px;} .snb .bg_menu0102 { background:url('../image/common/ico_lnb0102.png') no-repeat center 20px;} .snb .bg_menu0103 { background:url('../image/common/ico_lnb0103.png') no-repeat center 20px;} .snb .bg_menu0104 { background:url('../image/common/ico_lnb0104.png') no-repeat center 20px;} .snb .bg_menu0105 { background:url('../image/common/ico_lnb0105.png') no-repeat center 20px;} .snb .bg_menu0201 { background:url('../image/common/ico_lnb0201.png') no-repeat center 20px;} .snb .bg_menu0301 { background:url('../image/common/ico_lnb0301.png') no-repeat center 20px;} .snb .bg_menu0401 { background:url('../image/common/ico_lnb0401.png') no-repeat center 20px;} .snb .bg_menu0402 { background:url('../image/common/ico_lnb0402.png') no-repeat center 20px;} .snb .bg_menu0403 { background:url('../image/common/ico_lnb0403.png') no-repeat center 20px;} .snb .bg_menu0501 { background:url('../image/common/ico_lnb0501.png') no-repeat center 20px;} .snb .bg_menu0502 { background:url('../image/common/ico_lnb0502.png') no-repeat center 20px;} .snb .bg_menu0503 { background:url('../image/common/ico_lnb0503.png') no-repeat center 20px;} .snb .bg_menu0601 { background:url('../image/common/ico_lnb0601.png') no-repeat center 20px;} .snb .bg_menu0602 { background:url('../image/common/ico_lnb0602.png') no-repeat center 20px;} .snb .bg_menu0801 { background:url('../image/common/ico_lnb0801.png') no-repeat center 20px;} .snb .bg_menu0802 { background:url('../image/common/ico_lnb0802.png') no-repeat center 20px;} .snb .bg_menu0803 { background:url('../image/common/ico_lnb0803.png') no-repeat center 20px;} .snb .bg_menu0804 { background:url('../image/common/ico_lnb0804.png') no-repeat center 20px;} .snb .bg_menu0805 { background:url('../image/common/ico_lnb0805.png') no-repeat center 20px;} .snb .bg_menu0806 { background:url('../image/common/ico_lnb0806.png') no-repeat center 20px;} .snb .bg_menu0901 { background:url('../image/common/ico_lnb0901.png') no-repeat center 20px;} #mainVisual_wrap {height:450px;overflow:hidden;position:relative;min-width:1050px;} #mainVisual_wrap .content {position:absolute;top:0;width:100%; } #mainVisual_wrap .content .tab {width:50px;margin:0 auto;position:relative;z-index:9; } #mainVisual_wrap .content .tab a {position:absolute;display:inline-block;top:420px;color:#fff;width:15px;height:15px; border-radius:15px; background:#343434} #mainVisual_wrap .content .tab a.on {width:15px;height:15px; border-radius:15px; background:#ff0000} #mainVisual_wrap .content.corner1 .tab a{left:0px; } #mainVisual_wrap .content.corner2 .tab a{left:30px;} #mainVisual_wrap ul.corner_bg li{position:absolute;height:450px;width:100%;display:block;} #mainVisual_wrap ul.corner_bg li a.bgImg {height:450px;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} .Visual_01 {background:url('../image/main/img_visual01.png') no-repeat center 0;} .Visual_01 .in{width:1050px; height:450px; margin:auto; background:url('../image/main/img_visual01.png') no-repeat center 0;} .Visual_02 {background:url('../image/main/img_visual02.png') no-repeat center 0; } .Visual_02 .in {width:1050px; height:450px; margin:auto; background:url('../image/main/img_visual02.png') no-repeat center 0; } #footer {width:100%; height:105px; border-top:5px solid #000000} #footer .in {width:1050px; margin:auto} #footer .in .f_logo {margin-top:20px; float:left} #footer .in .copy {float:right; margin-top:30px; font-size:14px; line-height:18px; } .top_ban_pop {} .top_ban_pop .insert { position: relative; } .top_ban_pop .bx-pager { overflow: hidden; position: absolute; left: 50%; bottom: 20px; margin-left: -23px; } .top_ban_pop .bx-pager .bx-pager-item { float: left; } .top_ban_pop .bx-pager .bx-pager-item + .bx-pager-item { margin-left: 15px; } .top_ban_pop .bx-pager a { display: block; width:15px; height: 15px; background-color: #343434; border-radius: 50%; text-indent: -9999px; overflow: hidden; } .top_ban_pop .bx-pager a.active { background-color: #ff0000; } .top_ban_pop .img-list .item img { width: 100%; } .top_ban_pop .btn_close a {display:inline-block;width:55px; height:55px; background:url('../image/common/top_ban_btn.png') no-repeat center center; position:absolute; top:5px; right:0px} .pop_promo_btn {margin:auto; width:1050px; position:relative;} .pop_promo_btn a{display:inline-block; width:91px; height:131px; background:url('../image/common/top_ban_close.png') no-repeat top center; float:right; position:absolute; right:-100px; z-index:99999} .main_ban1 {width:100%; height:450px;} .main_ban1 .in {width:1050px; height:450px; margin:auto; background:url('../image/main/main_ban1.png') no-repeat top center; position:relative;} .main_ban1 .in ul {margin-left:-40px; position:absolute; top:180px;} .main_ban1 .in li {width:320px; height:195px; float:left; margin-left:40px;} .main_ban2 {width:100%; height:1000px; background:#dadada} .main_ban2 .in {width:1050px; height:1000px; margin:auto; background:url('../image/main/main_ban2.png') no-repeat top center; position:relative;} .main_ban2 .in ul {margin-left:-25px; position:absolute; top:180px;} .main_ban2 .in li {width:510px; height:290px; float:left; margin-left:25px; margin-top:25px} .main_ban2 .in .btn {position:absolute; top:860px; left:180px} .main_ban3 {width:100%; height:800px; background:url('../image/main/main_ban3_bg.png') no-repeat top center;} .main_ban3 .in {width:1050px; height:700px; margin:auto; background:url('../image/main/main_ban3.png') no-repeat top center; position:relative;} .main_ban3 .one_video {width:1050px; text-align:center;position:absolute; top:230px;} .main_ban3 .in .vedio {margin-left:-40px; position:absolute; top:230px;} .main_ban3 .in .vedio li {width:320px; height:195px; float:left; margin-left:40px;} .main_ban3 .in .roll { position:absolute; top:550px;} .main_ban3 .in .btn { position:absolute; top:700px; left:365px} .main_ban4 {width:100%; height:500px;} .main_ban4 .in {width:1050px; height:500px; margin:auto; background:url('../image/main/main_ban4.png') no-repeat top center; position:relative;} .main_ban4 .in ul {margin-left:-17px; position:absolute; top:200px;} .main_ban4 .in li {width:330px; height:230px; float:left; margin-left:17px; background:#dadada} .main_ban5 {width:100%; height:400px; background:url('../image/main/main_ban5_bg.png') no-repeat top center;} .main_ban5 .in {width:1050px; height:400px; margin:auto; background:url('../image/main/main_ban5.png') no-repeat top center; position:relative; } .main_ban5 .box {width:475px; height:240px; background:#fff; padding:20px; margin-top:60px} .main_ban5 .tit {height:30px; border-bottom:3px solid #454545} .main_ban5 dt a {display:block;color:#454545; font-size:18px; font-weight:bold; height:20px; margin-top:15px} .main_ban5 dd {height:35px; font-size:14px; color:#717171; margin-top:15px; padding-bottom:15px; border-bottom:1px solid #939393 } .main_ban6 {width:100%; height:1126px; background:url('../image/main/main_ban6_bg.png') no-repeat top center;} .main_ban6 .in {width:1050px; height:1126px; margin:auto; background:url('../image/main/main_ban6.png') no-repeat top center; position:relative;} .main_visual { position:relative; width:100%; height:787px;/*background:#fff url('../image/main/main_3.jpg') no-repeat center top;*/} .mv_wrapper {position:relative;} .mv_wrapper .bx-prev {left: 0px;background: url("../image/main/btn_arr_prev.png") no-repeat 0 0;} .mv_wrapper .bx-next {right: 0px;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: 97px; height: 97px;text-indent: -9999px;z-index: 999999;} .mv_wrapper .bx-pager {position:absolute;width:740px; left:0px; bottom:30px; text-align: center;font-size:0;} .mv_wrapper .visual01 {background:url('../image/main/main_7_1.png') repeat center top; width:100%; height:787px;} .mv_wrapper .visual02 {background:url('../image/main/main_7_2.png') repeat center top; width:100%; height:787px;} .mv_wrapper .bx-prev2 {left: 0px;background: url("../image/main/btn_arr_prev.png") no-repeat 0 0;} .mv_wrapper .bx-next2 {right: 0px;background: url("../image/main/btn_arr_next.png") no-repeat 0 0;} .main_ban8 {width:100%; height:1033px; background:url('../image/main/main_ban8_bg.png') no-repeat top center;} .main_ban8 .in {width:1050px; height:1033px; margin:auto; background:url('../image/main/main_ban8.png') no-repeat top center; position:relative; } .main_ban8 .in .btn {position:absolute; top:880px; left:180px} .main_ban9 {width:100%; height:1300px;} .main_ban9 .in {width:1050px; height:1300px; margin:auto; background:url('../image/main/main_ban9.png') no-repeat top center; position:relative; } .main_ban9 .in .video {width:715px; height:390px; position:absolute; top:830px; left:160px} .main_ban10 {width:100%; height:2785px; background:url('../image/main/main_ban10.png') no-repeat top center;} .main_ban10 .in {width:1050px; height:2785px; margin:auto; background:url('../image/main/main_ban10.png') no-repeat top center; position:relative; } .main_ban11 {width:100%; height:680px; background:url('../image/main/main_ban11.png') no-repeat top center;} .main_ban11 .in {width:1050px; height:680px; margin:auto; background:url('../image/main/main_ban11.png') no-repeat top center; position:relative; } .main_ban12 {width:100%; height:1225px; background:url('../image/main/main_ban12.png') no-repeat top center;} .main_ban12 .in {width:1050px; height:1225px; margin:auto; background:url('../image/main/main_ban12.png') no-repeat top center; position:relative; } .main_ban12 .in .btn {position:absolute; top:1048px; left:252px} .main_ban13 {width:100%; height:1863px; background:url('../image/main/main_ban13.png') no-repeat top center;} .main_ban13 .in {width:1050px; height:1863px; margin:auto; background:url('../image/main/main_ban13.png') no-repeat top center; position:relative; } .main_ban13 .in .btn {position:absolute; top:1728px; left:252px} .menu_left {width:260px; height:auto; float:left} .menu_left h2 {display:table; width:260px; height:120px;background:url('../image/sub/h2_bg.png') no-repeat top center; color:#ffffff; font-size:27px; line-height:120px; text-align:center} .menu_left .depth1 a {display:inline-block; width:238px; height:48px; border:1px solid #e1e1e1; border-top:0px; line-height:50px; font-size:16px; padding-left:20px; color:#5c5c5c; font-weight:bold; background:url('../image/sub/left_bg.png') no-repeat center right; } .menu_left .depth1 a:hover {background:#262626 url('../image/sub/left_bg_on.png') no-repeat center right; color:#ffffff; border:1px solid #262626; border-top:0px;} .menu_left .depth1.on a{background:#262626 url('../image/sub/left_bg_on.png') no-repeat center right; color:#ffffff; border:1px solid #262626; border-top:0px;} .menu_left .depth2 {width:258px; padding-top:10px; padding-bottom:10px; border:1px solid #e1e1e1;} .menu_left .depth2 span a {display:inline-block; width:230px; padding-left:20px; color:#5c5c5c; font-weight:bold; line-height:24px; } .menu_left .depth2 span a:hover {color:#fd0200} .menu_left .depth2 span.on a{color:#fd0200} .menu_left .left_ban {width:258px; padding-top:10px; padding-bottom:10px; border:1px solid #e1e1e1; border-top:0px} .menu_left .left_ban ul {display:inline-block} .menu_left .left_ban li {float:left} .con_box {width:760px; float:left; margin-left:30px} .con_box .slt {height:20px; text-align:right; font-size:12px; color:#808080} .con_box h3 {height:100px; border-bottom:1px solid #e1e1e1; font-size:40px; line-height:100px; color:#5c5c5c} .company_ucc {width:650px; height:400px; margin:auto} .class_box {margin-top:20px} .class_box dt {clear:both; border-top:3px solid #ff2b06; width:130px; float:left;} .class_box dt .tit_num {display:inline-block;width:130px; text-align:center; font-size:30px; color:#c0c0c0; margin:35px 0 20px 0;} .class_box dt .tit {display:inline-block;width:130px; font-size:15px; text-align:center; color:#535251; font-weight:bold} .class_box dd {float:right; width:600px; min-height:110px; border-top:1px solid #9d9d9d; padding-top:30px; color:#535251; padding-bottom:30px} .class_box dd .level {display:inline-block; width:90px; height:90px; line-height:90px; background:#5b5b5b; color:#ffffff; text-align:center; border-radius:60px;} .class_box dd .boxs {display:inline-block; background:#5b5b5b; color:#ffffff; padding:2px; margin-bottom:10px} .class_box dd .boxs2 {display:block;margin-lefT:10px;margin-bottom:10px } .class_box dd ul {width:600px; min-height:110px; } .class_box dd li {float:left; margin:0 25px; margin-bottom:10px} .class_box dd li img {width:150px; height:210px;} .partnership_list {} .partnership_list table {width:100%; border-collapse:collapse; border:1px solid #eeeeee } .partnership_list th {width:80px; height:40px; background:#f4f5f7; border-bottom:1px solid #eeeeee; color:#6e6e6e; font-size:12px} .partnership_list th span {color:#e00013} .partnership_list td {border-bottom:1px solid #eeeeee;padding-left:10px; color:#6e6e6e; font-size:12px} .partnership_list input {border:1px solid #e5e5e5; background:#ffffff; width:80px;height:20px} .partnership_list select {border:1px solid #e5e5e5; width:80px;height:20px} .partnership_list textarea {width:560px;border:1px solid #e5e5e5; height:80px; margin:10px 0 }