/** * File Name : layout.css * Description : 메인,서브 공통 스타일시트 * Author : Web business Team / White * Date : 2015.03.20 * Update : 2015.03.20 */ /* Layout Selector */ html, body { height:100%;} #wrap { width:100%; font-size:13px; line-height:1.4em;} #container { width:1050px; margin:0 auto; padding:30px 0;} #container:after {content:" "; display:block; clear:both;} #m_container { width:100%; margin:0 auto; padding:30px 0;} #m_container:after {content:" "; display:block; clear:both;} .base_width{position:relative;width:1050px;margin:0 auto} /* font 공통 */ .txt_pink { color:#f48595;} #header { z-index:100; width:100%; height:148px; } #header .header_in { width:1050px; margin:0 auto; position:relative;} #header h1 { position:absolute; top:70px; left:0; z-index:101;} /* gnb */ #gnb { width:100%; height:45px; background:#03447c;} #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:#d3dae1} #gnb .gnb_right .no_img {background:none} #lnb { position:absolute; top:48px; width:100%; z-index:100; border-bottom:3px solid #008fd5} .lnb_wrap { overflow:hidden; visibility:hidden; background:url('../image/common/bg_lnb_warp.png') repeat-x center 100px; height:260px;} .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; font-weight:bold;text-align:center; padding:40px 20px 0 20px; } .lnb_wrap > ul > li > a:hover { color:#0c7ccd} .lnb_wrap > ul > li.current > a, .lnb_wrap > ul > li.actived > a { color:#00a2e4; } .lnb01 { position:absolute; top:0; right:670px;} .lnb02 { position:absolute; top:0; right:540px;} .lnb03 { position:absolute; top:0; right:410px;} .lnb04 { position:absolute; top:0; right:280px;} .lnb05 { position:absolute; top:0; right:130px;} .lnb06 { position:absolute; top:0; right:0px;} .snb { height:148px; 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:#212121; width:160px; padding-top:110px; text-align:center;} .snb li a:hover { text-decoration:underline; color:#00a2e4;} .snb li.class {width:270px; margin-top:30px; border-left:1px solid #00a2e4} .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:150px; margin-top:30px; border-left:1px solid #00a2e4; } .snb li.my .my_txt a {padding-top:10px; text-align:left; padding-left:20px} .snb .snb_tit {font-size:34px; color:#0c7ccd; padding-top:30px; width:220px;} .snb01 {float:left} .snb02 {} .snb03 {} .snb04 {} .snb06 { } .snb07 {} .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 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 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_menu0301 { background:url('../image/common/ico_lnb0301.png') no-repeat center 20px;} .snb .bg_menu0302 { background:url('../image/common/ico_lnb0302.png') no-repeat center 20px;} .snb .bg_menu0303 { background:url('../image/common/ico_lnb0303.png') no-repeat center 20px;} .snb .bg_menu0304 { background:url('../image/common/ico_lnb0304.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_menu0404 { background:url('../image/common/ico_lnb0404.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_menu0504 { background:url('../image/common/ico_lnb0504.png') no-repeat center 20px;} .snb .bg_menu0505 { background:url('../image/common/ico_lnb0505.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_menu0603 { background:url('../image/common/ico_lnb0603.png') no-repeat center 20px;} .snb .bg_menu0701 { background:url('../image/common/ico_lnb0701.png') no-repeat center 20px;} .snb .bg_menu0702 { background:url('../image/common/ico_lnb0702.png') no-repeat center 20px;} .snb .bg_menu0703 { background:url('../image/common/ico_lnb0703.png') no-repeat center 20px;} /* footer */ #footer { z-index:1; width:100%; height:170.5px; background:url('../image/com/bg_footer.gif') repeat-x;} .footer_box { position:relative; width:1050px; margin:0 auto;} .footer_box ul { padding:12px 0 36px 0;} .footer_box ul:after { content:" "; display:block; clear:both;} .footer_box li { float:left; padding-right:15px; margin-right:15px; background:url('../image/com/bg_foo_line.gif') no-repeat right center;} .footer_box li a { color:#6a6a6a; font-weight:bold; font-size:14px; letter-spacing:-0.05em;} .footer_box li a:hover { position:relative; top:1px;} .footer_box .bg_none { background:none;} .footer_box .btn_top { position:absolute; top:12px; right:0;} .footer_box .btn_top a { font-size:15px; font-weight:bold; color:#3a3a3a;} .footer_box address { padding-left:250px; color:#686868; line-height:1.7em;} .footer_box .foo_logo { position:absolute; top:80px; left:0;} .mv_wrapper {position:relative; width:100%; height:400px; } .mv_wrapper .bx-prev {left: 80px;background: url("../image/main/btn_arr_prev.png") no-repeat 0 0;} .mv_wrapper .bx-next {right: 80px;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:740px; left:0px; bottom:30px; text-align: center;font-size:0;} .visual01 {background:url('../image/main/main_1.jpg') repeat center top; width:100%; height:400px;} .visual01 .IN {background:url('../image/main/main_1.jpg') repeat center top; width:1050PX; height:400px; MARGIN:AUTO} .visual02 {background:url('../image/main/main_2.jpg') repeat center top; width:100%; height:400px;} .visual02 .IN {background:url('../image/main/main_2.jpg') repeat center top; width:1050PX; height:400px; MARGIN:AUTO} .visual02 .IN a {display:inline-block; width:1050px; height:400px; } .visual03 {background:url('../image/main/main_3.jpg') repeat center top; width:100%; height:400px;} .left_con {width:230px; float:left} .left_con:after { content:" "; display:block; clear:both;} .right_con {width:805px; float:right} .right_con:after { content:" "; display:block; clear:both;} #container2 { width:755px; margin:0 auto; padding:30px 0;} #container2:after {content:" "; display:block; clear:both;} .right_con2 {width:755px; float:0 0 auto} .right_con2:after { content:" "; display:block; clear:both;} .tabarea2 { margin:0 auto; background: url('../image/skype/bg_box_01.gif') no-repeat; padding: 8px 0 0 17px; width:650px; height:30px; color:#c7c7c7; font-size:12px; line-height:17px; }