@charset "utf-8";

* {border:0; padding:0; margin:0;}

a {text-decoration:none;}
a:hover {text-decoration:none;}
a:visited {text-decoration:none;}

.centerWrap {width:1100px; margin:0 auto;}

/*메인페이지 컨텐츠 타이틀*/
.mainContTitleCell {font-size:28px; color:#333333; font-family:NanumSqEB; text-align:center; margin-bottom:30px;}
.mainContTitleCell span {color:#ffb454;}

/*gnb*/
#gnb {position:relative; font-size:0; font-family:NanumSqR; padding-top:25px; padding-bottom:20px;}
#gnb > div {display:inline-block; vertical-align:bottom;}
#gnb .logoCell {width:200px; /*padding-bottom:10px;*/}
#gnb .menuCell {width:900px; text-align:right; letter-spacing:1px;}
#gnb .menuCell > div {position:relative; display:inline-block; font-size:16px; font-weight:bold; color:#333333;     padding: 6px 2px 19px 21px; margin-left:36px; vertical-align:bottom;}
#gnb .menuCell > div a {color:#333333;}
#gnb .menuCell > div:hover a {color:#de1f26;}
/*#gnb .menuCell .mainMenuCell:hover .subMenuCell {display:block;}*/
#gnb .menuCell .subMenuCell {display:none; position:absolute; top:36px; width:180px; font-size:14px; color:#333333; font-weight:bold; padding:0; padding-top:20px; padding-bottom:15px; z-index:30000;}
#gnb .menuCell .subMenuCell {list-style:none;}
#gnb .menuCell .subMenuCell li {text-align:left; margin-bottom:2px; background-color:rgba(236,236,237,0.88);}
#gnb .menuCell .subMenuCell li a {display:block; color:#333333; padding:15px 20px;}
#gnb .menuCell .subMenuCell li:hover {background-color:rgba(207,207,208,0.88);}
#gnb .menuCell .subMenuCell li:hover a {color: #de1f26;}
#gnb .menuCell .btnSearch {font-size:14px; color:#ffffff; padding:5px 20px; margin-bottom:10px; cursor:pointer; background-color:#de1f26;}
#gnb .menuCell .btnSearch img {vertical-align:middle; margin-right:10px;}
#gnb .searchFormWrap {display:none; position:absolute; right:0; top:92px; /*padding:8px;*/ background-color:#ffffff; z-index:20000;}
#gnb .searchFormWrap input {width:200px; height:29px; border:solid 1px #ff5439; padding:10px; box-sizing:border-box;}
#gnb .searchFormWrap a {display:inline-block; width:29px; height:29px; line-height:29px; text-align:center; vertical-align:top; cursor:pointer; background-color:#010101;}
#gnb .searchFormWrap a img {vertical-align:middle;}

/*메인비주얼*/
#mainVisual {margin-bottom:85px; background-color:#ffffff;}
#mainVisual .swiper-slide {position:relative; font-size:0; text-align:center; height:662px; background-repeat:no-repeat; background-position:center;}
#mainVisual .swiper-slide img {position:absolute; top:50%; left:50%;}
#mainVisual .swiper-pagination {margin-left:-480px; margin-bottom:40px !important;}
 .swiper-pagination-bullet {width:14px !important; height:14px !important; opacity:1 !important; margin-right:10px !important; background:#dddddd !important;}
 .swiper-pagination-bullet-active {background: #ffce65 !important;}

/*chair*/
#mainChairArea {margin-bottom:80px;}
#mainChairArea .chairImgWrap {font-size:0;}
#mainChairArea .chairImgWrap > div {position:relative; display:inline-block; width:539px; height:302px; vertical-align:top; box-sizing:border-box; border:solid 1px #9c9c9c; overflow:hidden;}
#mainChairArea .chairImgWrap > div:nth-child(1) {margin-bottom:20px; margin-right:22px;}
#mainChairArea .chairImgWrap > div:nth-child(2) {margin-bottom:20px;}
#mainChairArea .chairImgWrap > div:nth-child(3) {margin-right:22px;}
#mainChairArea .chairImgWrap > div img {position:absolute; top:0; left:0; display:block;}
#mainChairArea .chairImgWrap > div span {position:absolute; top:35px; left:35px; font-size:28px; font-weight:bold; color:#888888;}
#mainChairArea .chairImgWrap > div:hover span {color:#de1f26;}

/*components*/
#mainComponentsArea {margin-bottom:85px;}
#mainComponentsArea .componentsTable {width:100%; border-collapse:collapse;}
#mainComponentsArea .componentsTable td {position:relative; width:25%; text-align:center; border:solid 1px #ababab;}
#mainComponentsArea .componentsTable td img {display:block; width:100%;}
#mainComponentsArea .componentsTable td span {position:absolute; display:block; top:35px; left:0; width:100%; font-size:20px; font-weight:bold; color:#888888;}
#mainComponentsArea .componentsTable td a:hover span {color:#de1f26;}
#mainComponentsArea .componentsTable td .overImg {position:absolute; top:0; left:0; opacity:0;}

/*news*/
#mainNewsArea {margin-bottom:0; font-size:0;}
#mainNewsArea .mainBoardArea {display:inline-block; width:531px; vertical-align:top;}
#mainNewsArea .mainBoardArea:nth-child(1) {/*width:550px;*/}
#mainNewsArea .mainBoardArea:nth-child(2) {float:right; /*width:512px;*/}
#mainNewsArea .mainNewsContCell .newsCell {height:70px;}
#mainNewsArea .mainNewsContCell .newsCell .newsListTable {width:100%; font-size:14px; color:#333333; font-family:NanumSqL; border-collapse:collapse;}
#mainNewsArea .mainNewsContCell .newsCell .newsListTable td {padding:8px 0;}
#mainNewsArea .mainNewsContCell .newsCell .newsListTable .listTextCell {width:450px;}
#mainNewsArea .mainNewsContCell .newsCell .newsListTable .listTextCell > div {width:450px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#mainNewsArea .mainNewsContCell .newsCell .newsListTable .listTextCell a {color:#333333; }
#mainNewsArea .mainNewsContCell .newsCell .newsListTable .dateCell {text-align:right;}
#mainNewsArea .mainNewsContCell .moreCell {font-size:14px; color:#333333; text-align:center; margin-bottom:15px; background-color:#e7eaef;}
#mainNewsArea .mainNewsContCell .moreCell a {display:block; color:#333333; padding:10px;}
#mainNewsArea .imgCell {height:306px;}
#mainNewsArea .imgCell img {width:531px; height:306px;}

/*footer*/
#footerArea {padding-top:24px; padding-bottom:5px; background-color:#fff;}
#footerArea .footerCont > ul {display:inline-block; list-style:none; margin-right:30px; vertical-align:top;}
#footerArea .footerCont > ul:first-child {margin-right:80px;}
#footerArea .footerCont > ul li {font-size:13px; color:#000000; padding-bottom:10px;}
#footerArea .footerCont > ul li span {margin-right:20px;}
#footerArea .footerCont > ul li A {color:#000 !important;}
#footerArea .footerCont .btnSitemap {float:right; font-size:15px; color:#b1b9ca; border:solid 1px #ffffff; padding:8px 25px;}
#footerArea .btnPageUp {display:none; position:fixed; bottom:225px; left:50%; margin-left:620px; cursor:pointer; }