/* 초기화 셋팅 */ body, div, p, a, img, ul, ol, li, table, tr, td, th, h1, h2, h3, h4, h5, span, dl, dd, dt {margin:0; padding:0;} html{overflow-y:scroll;} ul {list-style:none;} img {border:0;} .noLine {border-bottom:none!important;} .pt20 {padding:13px 0 7px;} /* Basic Set-기본셋팅 */ @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); body {width:100%; height:100%; font-family:"나눔고딕","nanumgothic",'Malgun Gothic', '맑은 고딕'; font-size:12px; color:#333;} table {font-family:"나눔고딕","nanumgothic",'Malgun Gothic', '맑은 고딕'; font-size:12px; color:#333;} a:link, a:visited, a:active {color:#333; text-decoration:none;} a:hover {color:#333;} /* 구조 셋팅 */ #header {min-width:1140px; width:100%; position:relative; text-align:center; background:url(/img/header_back.png) repeat-x;border-bottom:1px solid #bcbaba: } #header:after {content:""; height:0; clear:both; display:block; visibility:hidden; } #container {min-width:1140px; width:100%; position:relative; text-align:center; } #container:after {content:""; height:0; clear:both; display:block; visibility:hidden; } #sub_container {min-width:1140px; width:100%; position:relative; text-align:center;} #sub_container:after {content:""; height:0; clear:both; display:block; visibility:hidden; } #footer {min-width:1140px; width:100%; position:relative; text-align:center; background:#eee; } /*Top menu*/ #header #topmenu {width:1100px; margin:0 auto; position:relative; padding:0 20px; } #topmenu:after {content:""; height:0; clear:both; display:block; visibility:hidden; } #header #topmenu p.logo {float:left;} #header #topmenu div.chan {float:right;margin-top:12px; } #header #topmenu div.chan:after {content:""; height:0; clear:both; display:block; visibility:hidden; } #header #topmenu div.chan p {float:left; line-height:0;} #header .gnb {position:absolute; top:26px; left:432px; } #header .gnb li {position:relative; float:left; } #header .gnb li .gsub {position:absolute; width:135px; top:60px; border:1px solid #619D14; display:none; } #header .gnb li .gsub li {float:none !important; padding:0 ; !important; border-bottom:1px solid #ddd; text-align:center; } #header .gnb li .gsub li a {display:block; padding:7px 0; color:#333; background:#fff; } #header .gnb li .gsub li a:hover {color:#fff; background:#99C520; } #tcom {left:0; z-index:9999;} #tpro {left:12px; z-index:9999; } #tser {left:12px; z-index:9999; } #tnew {left:12px; z-index:9999;} #tlib {left:0; z-index:9999; } .vs {position:relative; min-width:1140px; width:100%; height:378px; background:url(/img/main_vs_back.png) repeat-x;padding:0 20px;} .vs #mainVS {width:1100px; text-align:center; background:url(/img/main_vs.png) no-repeat center top; height:378px;margin:0 auto; } .vs #mainVS .main_but{} .vs #mainVS .main_but:after {content:""; height:0; clear:both; display:block; visibility:hidden; } .vs #mainVS .main_but{z-index:99; padding:274px 0 0 14px; } .vs #mainVS .main_but p{float:left; } /*main*/ #mainContent {width:1100px; margin:0 auto; position:relative; padding:0 20px; } #mainContent:after {content:""; height:0; clear:both; display:block; visibility:hidden; } #mainContent .maincon_up {width:1100px; margin:40px auto 0 auto;} #mainContent .maincon_up:after {content:""; height:0; clear:both; display:block; visibility:hidden; } #mainContent .maincon_up .gal{width:656px; float:left ;margin-right:43px;} #mainContent .maincon_up .gal:after {content:""; height:0; clear:both; display:block; visibility:hidden; } #mainContent .maincon_up .gal p {float:left ;} #mainContent .maincon_up .notice{float:left ;} /* main notice*/ dl.notice { float:left; width:401px;font-size:12px;} dl.notice dd {padding:5px 0 0 12px; } dl.notice dd div.lt ul li {background:url(/img/noti_bul.png) 0 11px no-repeat; padding:5px 0 5px 10px; text-align:left; } dl.notice dd div.lt ul li a {color:#575757; } dl.notice dd div.lt ul li span.date{display:inline-block; color:#575757; float:right; } #mainContent .maincon_down {width:1100px; margin:35px auto 45px auto; } #mainContent .maincon_down:after {content:""; height:0; clear:both; display:block; visibility:hidden; } #mainContent .maincon_down div {float:left; } #mainContent .maincon_down div.direct {width:656px; margin-right:43px; } #mainContent .maincon_down div.direct:after {content:""; height:0; clear:both; display:block; visibility:hidden; } #mainContent .maincon_down p {float:left; } /* goods slider*/ .gallery_wrap {width:100%; border-top:1px solid #cbcbcb; } p.gallery {position:relative; margin:0 auto;width:1100px;height:50px; padding:8px 0; margin:0 auto;padding-left:30px } /** arr **/ .gallery_rolling .arrow_prev {float:left;display:block;width:15px;height:50px;background:transparent url("/img/slide_left_but.png") no-repeat 0 10px ;cursor:pointer;} .gallery_rolling .arrow_prev span{display:none;} .gallery_rolling .arrow_prev:hover {} .gallery_rolling .arrow_next {float:right;display:block;width:15px;height:50px;background:transparent url("/img/slide_right_but.png") no-repeat 0 10px;cursor:pointer;} .gallery_rolling .arrow_next span{display:none;} .gallery_rolling .arrow_next:hover {} /** 롤링박스 **/ .gallery_rolling .carrousel_box {overflow:hidden;margin:0 0 0 10px;display:inline-block;width:1100px;display:inline;zoom:1;height:50px;} .gallery_rolling ul {padding:0;margin:0 auto;} .gallery_rolling li{float:left;margin:0;padding:0;list-style:none;height:55px;} .gallery_rolling li a{display:inline-block;*display:inline;zoom:1;overflow:hidden;margin:0;opacity:0.8;} .gallery_rolling li a:hover{opacity:1;} .gallery_rolling :after {display:block;visibility:hidden;clear:both;content:""} .gallery_rolling .img_box img{height:50px;} /* sub */ #sub_wrap {width:100%;min-width:1140px; position:relative; background:url('/img/sub_vs_back.png') repeat-x center top;padding:0 20px;} #subvs {height:225px; margin:0 auto; text-align:center; background:url('/img/sub_vs.png') no-repeat center top;} #subContent {width:1100px; margin:0 auto; text-align:center; position:relative;padding:0 20px ; min-height:600px;} #subContent:after {content:""; height:0; clear:both; display:block; visibility:hidden; } /*sub left*/ #left {width:221px; float:left; text-align:left; position:relative; padding-top:27px;} #left p.tit {} #left ul li {border-bottom:1px solid #ddd; color:#000; font-size:13px; padding:10px 0 10px 25px; } #left ul li a {width:100% ; height:100%; display:block; font-weight:normal;} #left ul li a:hover {color:#7ec624; background:url(/img/li_bul.png) no-repeat 170px 5px; } p.lcs {margin-top:39px; } /*sub content*/ #content {width:812px; float:left; position:relative; text-align:left;border-left:1px solid #ddd; color:#4b4b4b; padding:0 0 60px 65px;min-height:600px;} #content div.sub_title {padding-top:14px;} #content div.sub_title p.s_tit {text-align:right; } #content div.sub_title p.tit_im {height:32px; padding:5px 0 20px 0; } #content div.sub_con {} /* footer */ #footer div.tail {width:1100px; margin:0 auto; text-align:left; line-height:1.5em; color:#555555; font-size:12px; padding:15px 25px; background:#eee; } #footer div.tail:after {content:""; height:0; clear:both; display:block; visibility:hidden; } #footer div.tail p.foot {margin-right:10px; float:left; } #footer div.tail p.copy {;float:left; padding:15px 0; } #footer div.tail p.copy span {padding-left:3px; } #footer div.tail p.copy span a {color:#555555; } /*sub105 map*/ div.map { background:#eee; padding:2px; margin-top:25px; } p.map_tx {padding:0 10px; margin-top:20px; font-size:13px; line-height:1.9em;} p.map_tx b {color:#518c00; font-size:16px; font-weight:normal;} /*sub_tb*/ .sub101 { background:url(/img/sub101_back.png) no-repeat center top; height:616px;font-size:14px; line-height:1.8em} .sub101 p {margin-top:20px;} .tb01 {border-top:2px solid #7ec522 ; text-align:left; font-size:13px;width:420px; margin:40px 0 0 390px} .tb01 tr th {color:#200080;font-weight:normal;border-bottom:1px solid #dcdcdc;padding:4px 4px 4px 25px;text-align:left} .tb01 tr td {border-bottom:1px solid #dcdcdc;padding:4px;} .tb01 tr td.la {border-bottom:1px solid #7ec522;} .tb01 tr th.la {border-bottom:1px solid #7ec522;} .sub102_tx p {font-size:14px; border-bottom:1px dotted #aaaaaa; padding:16px; line-height:1.6em; } .sub102_tx p span {background:url(/img/sub102_bul.png) no-repeat 0 0; display:inline-block; padding-left:25px;color:#518c00;font-weight:bold;font-size:16px; margin-right:20px;} .sub102_tx p span.ne {background:none; display:inline-block; padding-left:108px;color:#518c00;font-weight:normal;font-size:14px; color:#4b4b4b} .tb501 {font-size:13px; line-height:1.6em} .tb501 p{margin:20px 0;} .tb05_tit {background:url(/img/sub102_bul.png) no-repeat 0 1px; padding-left:25px; } .bord {border:2px solid #d0d8bc;padding:0 15px;} .su li{padding-left:10px;} .tab_bt {margin-top:20px ;} .tab_bt li {float:left;margin:0 3px 3px 0;} .tab_bt li.mi {margin:0 0 3px 0;} .tab_bt li.las {margin:0 0 3px 52px;} .tb03 tr th {background:#9BBB59; padding:5px 10px; color:#fff} .tb03 tr td {padding:5px 10px;} .tb03 .le {border-right:1px solid #fff } .tb03 tr.ba01 {background:#DEE7D1} .tb03 tr.ba02 {background:#EFF3EA} .tb105 {width:800px; background:#fafafb; margin:0 auto; border:1px solid #ddd; padding:10px; margin:0 0 25px; border-top-left-radius:20px; border-bottom-right-radius:20px; line-height:1.6em;} .tb105 tr th.fi {width:200px; } .tb105 .photo {width:100px; height:123px; padding:5px; border:1px solid #ddd; margin:0 20px;} .tb105 table.info{font-size:12px; } .tb105 table.info th {text-align:left; padding:3px 15px 3px 0;} .tb105 table.info td b{color:#9c1f1f} .tb105 table.info td {padding:3px 10px 3px 0;} div.info_01 {background:url(/img/sub201_back.png) repeat; padding:18px 28px; margin:20px 0;} div.info_01 p {background:#fff; padding:13px 0; font-size:16px ; color:#454545} div.info_01 p b{padding-left:25px;font-weight:normal} div.info_01 p.info_tit {background:url(/img/sub102_bul.png) no-repeat 0 13px; padding-left:25px; font-size:17px ; color:#5e8d0d;} div.info_02 { background:url(/img/sub201_back.png) repeat; padding:18px 28px 35px 28px; margin-bottom:25px;} div.info_02 p {background:#fff; padding:13px 0; font-size:16px ; color:#454545} div.info_02 p b{padding-left:25px;font-weight:normal} div.info_02 p.info_tit {background:url(/img/sub102_bul.png) no-repeat 0 13px; padding-left:25px; font-size:17px ; color:#5e8d0d;} div.info_02 ul {margin-top:25px; } div.info_02 ul li {background:url(/img/sub201_bul.png) no-repeat 30px 10px; padding-left:40px; font-size:14px;line-height:1.8em;} div.sub2List {width:709px; padding:23px 0 30px; background:url('/img/sub2_bg.png') no-repeat 0 0; text-align:center; margin:0 auto;} div.sub2List h5 {font-size:20px; color:#5e8d0d; font-weight:normal;} div.sub2List p {font-size:15px; padding-top:8px;} p.sub2Bul {width:709px; height:90px; background:url('/img/sub2_down_bul.png') no-repeat center 0; margin:0 auto;} p.info_tit_la {background:url(/img/sub102_bul.png) no-repeat 25px 1px; padding-left:53px; font-size:17px ; color:#5e8d0d; margin-top:50px;} table.info_tit_la {margin-top:50px;} table.info_tit_la tr th {background:url(/img/sub102_bul.png) no-repeat 25px 7px; padding:0 45px 0 53px; font-size:17px ; color:#5e8d0d; text-align:left; font-weight:normal;} table.info_tit_la tr td {padding:0 1px;} .tb201 {font-size:14px; line-height:1.8em;margin:20px 0 0 30px;} .tb201 tr td {padding:0 50px 0 25px;} .tb201 tr th {padding:5px 10px;} .tb201 tr td span.cir01{color:#659714;font-size:16px; } .tb201 tr td span.cir02{color:#8264d9;font-size:16px;} .tb201 tr td span.cir03{color:#5074c6;font-size:16px; } .tb201Info {width:90%; font-size:14px; line-height:1.8em; margin:20px 0 0 45px; background:#fff; border:1px solid #ddd; padding:10px; border-radius:10px;} .tb201Info tr td {padding:10px 50px 20px 25px; border-bottom:1px solid #ddd;} .tb201Info tr th {background:#70aa13; border-radius:10px; width:115px; padding:10px 10px; border-bottom:1px solid #ddd; font-size:15px; font-weight:normal; color:#fff;} .tb201Info2 {width:90%; font-size:14px; line-height:1.8em; margin:20px 0 0 45px; background:#fff; border:1px solid #ddd; padding:10px; border-radius:10px;} .tb201Info2 tr td {padding:10px 50px 20px 25px; border-bottom:1px solid #ddd;} .tb201Info2 tr th {background:#8264d9; border-radius:10px; width:115px; padding:10px 10px; border-bottom:1px solid #ddd; font-size:15px; font-weight:normal; color:#fff;} .tb201Info3 {width:90%; font-size:14px; line-height:1.8em; margin:20px 0 0 45px; background:#fff; border:1px solid #ddd; padding:10px; border-radius:10px;} .tb201Info3 tr td {padding:10px 50px 20px 25px; border-bottom:1px solid #ddd;} .tb201Info3 tr th {background:#5074c6; border-radius:10px; width:115px; padding:10px 10px; border-bottom:1px solid #ddd; font-size:15px; font-weight:normal; color:#fff;} .tb201Info4 {width:90%; font-size:14px; line-height:1.8em; margin:20px 0 0 45px; background:#fff; border:1px solid #ddd; padding:10px; border-radius:10px;} .tb201Info4 tr td {padding:10px 50px 20px 25px; border-bottom:1px solid #ddd;} .tb201Info4 tr th {background:#50aec6; border-radius:10px; width:115px; padding:10px 10px; border-bottom:1px solid #ddd; font-size:15px; font-weight:normal; color:#fff;} .tb204 {font-size:14px; line-height:1.8em;margin:20px 0 0 10px;} .tb204 tr td {padding:0 50px 0 25px; } .tb204 tr th {padding:5px 10px;} .tb204 tr td span.cir01{color:#659714;font-size:18px; } .tb204 tr td span.cir02{color:#8264d9;font-size:18px;} .tb204 tr td span.cir03{color:#5074c6;font-size:18px;} .tb204 tr td span.cir04{color:#1e829c;font-size:18px;}