/** * 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;} .base_width{position:relative;width:1050px;margin:0 auto} /* font 공통 */ .txt_pink { color:#f48595;} /* header */ #header { z-index:100; width:100%; height:152px; background:url('../image/com/bg_header.gif') repeat-x;} #header h1 { position:absolute; top:12px; left:0;} .header_wrap .in { z-index:100; position:relative; width:1050px; margin:0 auto;} #gnb { position:absolute; top:26px; right:0;} #gnb ul {float:right; margin:0px 0 0 0px; height:42px; border:1px solid #80b9e5 } #gnb ul li {display:inline-block; float:left; height:42px; line-height:38px; margin-left:10px} #gnb ul li.lch {background:none;} #gnb ul li a {display:inline-block; float:left; height:42px;} #gnb ul li.m1 a { height:42px; width:80px; margin:0 0 0 0px; background:url(../image/common/util_bg1.gif) no-repeat 0px 9px; } #gnb ul li.m2 a { height:42px; width:90px; margin:0 0px 0 0px; background:url(../image/common/util_bg2.gif) no-repeat 0px 10px;} #gnb ul li.m3 a { height:42px; width:90px; margin:0 0 0 0px; background:url(../image/common/util_bg3.gif) no-repeat 0px 10px; } #gnb ul li.m4 a { height:50px; width:65px; margin:0 0 0 0px; background:url(../image/common/util_bg.png) no-repeat; background-position:-265px -65px;} #gnb ul li.m5 a { height:50px; width:65px; margin:0 0 0 0px; background:url(../image/common/util_bg.png) no-repeat; background-position:0px -50px;} #gnb ul li p {position:absolute; bottom:5px; padding-left:30px; color:#666666; font-size:1.0em; font-weight:bold; letter-spacing:-.02em; text-align:center; } #gnb ul li p a:hover {color:#fff;} #lnb { padding-top:91px;} #lnb:after {content:" "; display:block; clear:both;} .lnb_wrap { overflow:hidden; visibility:hidden;} .lnb_wrap > ul { width:auto;} .lnb_wrap > ul > li { float:left;} .lnb_wrap > ul > li > a { display:block; padding:21px 0 20px 0; width:175px; font-size:15px; color:#fff; letter-spacing:-0.05em; font-weight:bold; text-align:center; background:url('../image/com/bg_lnb_line.gif') no-repeat center right;} .lnb_wrap > ul > li > a:hover { padding:18px 0 20px 0; border-top:solid 3px #44b9b7; color:#252525; background:#fff url('../image/com/bg_lnb_line.gif') no-repeat center right;} .lnb_wrap > ul > li.current > a, .lnb_wrap > ul > li.actived > a { padding:18px 0 20px 0; border-top:solid 3px #44b9b7; color:#252525; background:#fff url('../image/com/bg_lnb_line.gif') no-repeat center right;} .lnb_wrap > ul:after { content:" "; display:block; clear:both; overflow:hidden;} .lnb_wrap .snb { width:155px; height:260px; padding:20px 0 0 20px; background:#fcfcfc; border-bottom:solid 2px #0e024c;} .lnb_wrap .snb a { display:block; font-size:13px; color:#5f5f5f; padding-bottom:10px; letter-spacing:-0.05em;} .lnb_wrap .snb a:hover { color:#019a97; padding-left:18px; font-weight:bold; background:url('../image/com/bg_lnbsub.gif') no-repeat left 10px;} .lnb_wrap .snb_mypage { width:155px; height:260px; padding:20px 0 0 20px; background:#f2f2f2;} .lnb_wrap .snb_mypage a { display:block; font-size:13px; color:#5f5f5f; padding-bottom:10px; letter-spacing:-0.05em; font-weight:bold;} .lnb_wrap .snb_mypage a:hover { color:#0081ae; padding-left:18px; font-weight:bold; background:url('../image/com/bg_lnbsub.gif') no-repeat left 10px;} /* 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;} .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;} .pop_coupon {width:598px; height:398px; border:1px solid #1d8cdd} .pop_coupon .pop_tit {width:578px; height:40px; background:#1d8cdd; padding-left:20px; line-height:40px; color:#ffffff; font-weight:bold;} .pop_coupon .txt1 {padding-left:40px; padding-top:40px; font-weight:bold; color:#666666} .pop_coupon .txt1 span {color:#ff6000} .pop_coupon .txt2 {padding-left:40px; padding-top:20px; font-size:12px; color:#666666} .pop_coupon .txt3 {padding-left:40px; padding-top:10px; font-size:12px; color:#909090; line-height:16px} .pop_coupon .box {width:514px; height:50px; border:3px solid #f3f3f3; margin-left:40px; margin-top:20px; padding-top:20px; text-align:center} .pop_coupon .box input {border:1px solid #cccccc; height:30px; width:100px;} .pop_coupon .btn {width:598px; text-align:center; margin-top:40px} .pop_coupon .btn .btn1 a{display:inline-block; width:80px;height:30px; background:#1d8cdd; text-align:center; line-height:30px; color:#ffffff} .pop_coupon .btn .btn2 a{display:inline-block; width:80px;height:30px; background:#999999; text-align:center; line-height:30px; color:#ffffff}