@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); * {margin:0; padding:0; box-sizing:border-box;} html,body {width: 100%;} body {font-size:12px;} a {text-decoration:none; border:none;} img,hr {border:0;} li {list-style:none;} h1{line-height:0;} table {border-collapse:collapse;border-spacing:0} .wrap {clear:both; width:1000px; margin:auto; position:relative;} #header {width:100%; height:100px; border-top:3px solid #ed3338;} #header h1 {position:absolute; left:0; top:16px;} #header .gnb {width:100%; height:24px;} #header .gnb ul {float:right;} #header .gnb li {float:left; background:url(/base/img/common/gnb_line_v.png) left no-repeat; padding: 5px 12px;} #header .gnb li:first-child {background:none;} #header .gnb li:last-child {padding-right:0;} #header .lnb {height:46px; position:absolute; top:51px; right:0;} #header .lnb ul {float:right; font-family:"Nanum Gothic",sans-serif; font-weight:700; font-size:15px;} #header .lnb li {float:left; height:46px; margin-left:30px;} #header .lnb li:hover,.lnb_on {border-bottom:4px solid #ed3338;} #header .lnb a {color:#555;} #container {width:100%; clear:both;} #section1 {height:566px; position:relative;} /* #section1 .slides img {width:100%; height:566px;} */ #section1 .article1 > p {width:100%; position:absolute; z-index:10; text-align:center; margin-top:150px;} #section1 .article2 { width:100%; height:98px; background:url(/base/img/main/bg.png); position:absolute; bottom:0; z-index:10; text-align:center; text-transform:uppercase; color:#fff; font-family:"Nanum Gothic",sans-serif; } #section1 .article2 h2 {font-size:28px; font-weight:400; margin-top:20px;} #section1 .article2 p {font-size:15px; margin-top:5px;} #section2 {margin-top:40px; *zoom:1;} #section2:after {content:""; display:block; clear:both;} #section2 .wrap > div {float:left; margin-left:23px;} #section2 .wrap > div:first-child {margin-left:0;} #section2 .content {margin-top:20px;} #section2 .article1 ul {padding-top:10px;} #section2 .article1 li {float:left; width:79.5px; text-align:center;} #section2 .article3 {font-family:"Nanum Gothic",sans-serif; line-height:22px;} #section2 .article3 li {list-style:disc none inside;} #section2 .article3 a {color:#333} #section3 {margin: 40px 0;} #footer {clear:both; width:100%; height:96px; border-top:1px solid #d8d8d8; padding-top:22px;} #footer h1 {position:absolute; top:-6px;} #footer a {color:#959595;} #footer .address { width:660px; line-height:17px; font-family:"Nanum Gothic"; font-size:11px; color:#7d7d7d; margin-left:180px; } #footer .address li {float:left; margin-right:17px;} #footer .address p {clear:both;} #footer .admin {position:absolute; top:0; right:0;} /*----------------------------------------------------------------------------------------------- 서브 ------------------------------------------------------------------------------------------------*/ #container .sub_visual {width:100%; height:172px; background:url(/base/img/sub/sub_visual.png) no-repeat; background-size:cover;} #snb {float:left; width:200px; font-family:"Nanum Gothic"; margin-top:-62px; margin-bottom:56px;} #snb h2 { width:100%; height:139px; background:url(/base/img/sub/snb_bg.png); font-size:24px; text-align:center; color:#fff; line-height:139px; letter-spacing:-1px; } #snb ul {margin-top:14px; margin-bottom:57px;} #snb li { width:100%; height:44px; border-bottom:1px solid #ccc; line-height:43px; font-size:14px; font-weight:700; } #snb li > a {color:#555; display:block; padding-left:15px;} #snb li > a:hover, #snb li > a.snb_on {color:#ed3338; background:url(/base/img/sub/snb_on.png);} #subcon {float:right; width:760px; margin-bottom:56px;} #subcon .route {text-align:right; margin-top:25px; color:#898989; font-size:11px; word-spacing:5px; font-family:"Nanum Gothic";} #subcon .title {height:86px; font-family:"Nanum Gothic"; line-height:36px; margin-top:4px; border-bottom:1px solid #ccc;} #subcon .title h3 {font-size:36px; letter-spacing:-2px; color:#333;} #subcon .title h4 {font-size:24px; letter-spacing:-2px; color:#333;} #subcon .title p {font-size:13px; color:#959595; font-weight:700;} #subcon .content {margin-top:42px;} #subcon .sub4_body {font-family:"Nanum Gothic";} #subcon .sub4_tit {width:100%; height:44px; background:url(/base/img/sub/body_sub41.png); line-height:45px;} #subcon .sub4_tit span {display:inline-block; text-align:center; font-size:13px;} #subcon .sub4_tit span:first-child {width:54px;} #subcon .sub4_tit span:last-child {width:700px;} #subcon .sub4_list {padding-left:53px;} #subcon .sub4_list li { width:100%; height:35px; border-bottom:1px solid #e1e1e1; line-height:35px; list-style:decimal none outside; padding-left:30px; } /* 메인 슬라이드 수정 2016.08.31 */ .flexslider { background:url(/base/img/main/main_bg.png) no-repeat; width:100%; height:468px; } .flexslider li .sl1 { width:1200px; margin:0 auto; position:relative; } .flexslider li .sl2 { width:1200px; margin:0 auto; position:relative; } .flexslider li .sl3 { width:1200px; margin:0 auto; position:relative; } .flexslider li .sl4 { width:1200px; margin:0 auto; position:relative; } .flexslider li .sl5 { width:1200px; margin:0 auto; position:relative; } .flexslider li .sl6 { width:1200px; margin:0 auto; position:relative; } .flexslider li .sl7 { width:1200px; margin:0 auto; position:relative; } .flexslider li .sl1 img { width:357px !important; height:448px !important; padding-top:80px; } .flexslider li .sl2 img { width:340px !important; height:400px; !important; padding-top:60px; position: absolute; right: 0; } .flexslider li .sl3 img { width:317px !important; height:400px; !important; padding-top:60px; } .flexslider li .sl4 img { width:239px !important; height:400px; !important; padding-top:60px; position: absolute; right: 0;} .flexslider li .sl5 img { width:297px !important; height:400px; !important; padding-top:60px; } .flexslider li .sl6 img { width:258px !important; height:400px; !important; padding-top:60px; position: absolute; right: 0;} .flexslider li .sl7 img { width:121px !important; height:400px; !important; padding-top:60px; }