@import url(common.css);
@charset "utf-8";
/* CSS Document */
#wrap {width:100%; min-width:1280px; font-family:Noto Sans KR}

.header {height:60px; padding:0 25px; border-bottom:1px solid #d9d9d9; z-index: 200; width: 100%; min-width: 1280px;}
.header .logo {float:left; padding-top:5px}
.header .lnb {float:right; font-size:18px; font-family:Noto Sans KR; font-weight:400}
.header .lnb>ul{display: inline-block; float: left; position: relative;}
.header .lnb .menu>li{float:left; width:170px; height:60px; color:#444; margin-left: -1px; transition: background 0.5s;}
.header .lnb .menu>li:hover {background:#91b821; color:#fff}
.header .lnb .menu>li:hover>a {background:none;}
.header .lnb .menu>li a {display:block; width:100%; text-align:center; line-height:60px; background: url(../images/sort_02.png) no-repeat right center;}
.header .lnb .menu .on {background:#91b821; color:#fff}
.header .lnb .menu .on a{background:none;}
.header .lnb .language{top: 22px; width: 80px; text-align: center;}
.header .lnb .language img{border: 1px solid #ddd;}
.header .lnb .subMenu{background: #fff; position: absolute; top:60px; left: 0; width: 100%; min-width:1280px; height: 0; overflow: hidden; transition: height 0.3s;}
.header .lnb .subMenuCover{ background: #fff; position: absolute; top:60px; left: 0; width: 100%; min-width:1280px; height: 0; overflow: hidden; box-shadow: 0px 5px 10px rgba(0,0,0,0.1); transition: height 0.3s;}
.header .lnb:hover .subMenu{display: block; z-index: 200; height: 230px;}
.header .lnb:hover .subMenuCover{display: block; height: 230px;}
.header .lnb .subMenuUl>li{width: 170px; float: left; margin-left: -1px;text-align: center;}
.header .lnb .subMenuUl>li>ul>li{margin-top: 15px;}
.header .lnb .subMenuUl>li>ul>li>a{font-size: 16px; color: #999;}
.header .lnb .subMenuUl>li>ul>li>a:hover{color: #91b821;}
.header .lnb .subMenuCover .swiper-container{position: absolute; width: 600px; background: #fff; top: 0; left: 0; text-align: center;}
.header .lnb .subMenuCover .swiper-container .swiper-slide{float: left;}
.header .lnb .subMenuCover .swiper-container .swiper-slide>ul{padding-top: 20px;}
.header .lnb .subMenuCover .swiper-container .swiper-slide>ul>li{width: 40%; float: left;}
.header .lnb .subMenuCover .swiper-container .swiper-slide>ul>li:nth-child(2){width: 60%; text-align: left;}
.header .lnb .subMenuCover .swiper-container .swiper-slide>ul>li:nth-child(2)>p{font-size: 20px; font-weight: 500; margin-top: 30px;}
.header .lnb .subMenuCover .swiper-container .swiper-slide>ul>li:nth-child(2)>p>span{font-size: 15px; font-weight: 300; }
.header .lnb .subMenuCover .swiper-container .swiper-pagination{width: auto; top: 20px; left: 40%;}
.header .lnb .subMenuCover .swiper-container .swiper-pagination-bullet-active{background: #91b821;}

.header .lagSelWrap{position: absolute; top:60px; left: 0; width: 100%; height: 400px; background: #fff; text-align: center; z-index: 200; box-shadow: 0px 7px 18px rgba(0,0,0,0.1)}
.header .lagSelWrap>div{display: inline-block;}
.header .lagSelWrap>div>span{display: inline-block; width: 100%; margin-top: 100px; font-size: 34px; color: #444;}
.header .lagSelWrap>div>a{position: absolute;top: 20px; right: 60px;}
.header .lagSelWrap>div>ul{display: inline-block; margin-top: 50px; width: 610px;}
.header .lagSelWrap>div>ul>li{display: inline-block; width: 152.5px; float: left;}

.leftMenu{position: fixed; top: 0; left: 0; width: 215px; height: 100%; background: #f7f7f7; z-index: 500; text-align: left; font-weight: 500; box-shadow: 8px 0px 20px 0px rgba(0,0,0,0.1); transition: left .5s;}
.leftMenu>span{display: none;}
.leftMenu .leftMenuWrap>span{padding-left: 20px; font-size: 24px; display: inline-block; width: 100%; padding-bottom: 20px; color: #444444;}
.leftMenu .leftMenuWrap{position: relative; top: 20%; }
.leftMenu .leftMenuWrap>ul{display: inline-block; width: 100%; }
.leftMenu .leftMenuWrap>ul>li{display: inline-block; float: left; width: 100%; }
.leftMenu .leftMenuWrap>ul>li>a{display: inline-block; width: 100%; padding: 5px 0; padding-left: 20px; font-size: 18px; }
.leftMenu .leftMenuWrap>ul>li:hover>a{background: #91b821; color: #fff; }
.leftMenu .leftMenuWrap>ul>li>ul{background: #fff; display: inline-block; width: 100%; float: left; }
.leftMenu .leftMenuWrap>ul>li>ul>li{display: inline-block; float: left; width: 100%; height: 0; overflow: hidden; padding-left: 50px; transition: height 0.5s; line-height: 40px; }
.leftMenu .leftMenuWrap>ul>li:hover>ul>li{height: 40px; }
.leftMenu .leftMenuWrap>ul>li>ul>li>a{font-size: 14px; display: inline-block; width: 100%; }
.leftMenu .leftMenuWrap>ul>li>ul>li>a:hover{color: #91b821; }
.leftMenu .leftMenuWrap>ul>li>a.on{background: #91b821; color: #fff; }
.leftMenu .leftMenuWrap>ul>li>a.on+ul>li{height: 40px; }
.leftMenu .leftMenuWrap>ul>li>ul>li>a.on{color: #91b821; }
@media screen and (max-width: 1650px) {
    .leftMenu{left: -215px;}
    .leftMenu>span{display: inline-block; position: absolute; width: 50px; height: 50px; background: #91b821; right: -50px; top: 50%; margin-top: -25px; cursor: pointer;}
    .leftMenu>span>img{position: absolute;bottom: 20px;right: 20px; transform: rotate(-90deg); transition: transform .5s;}
}
@media screen and (min-width: 1650px) {
	.leftMenu{left: 0px !important; }
}

#header{position: fixed; top:0; left: 0; background: #fff;z-index:9999999999;}
#header+div{margin-top: 60px;}

.contentWrap{background: #f9f9f9;}
.contentBox{width: 1200px;display: inline-block;}

.location {height:40px;  border-bottom:1px solid #ededed; background: #fff; position: relative; z-index: 50;}
.location ul {line-height:40px; font-family:Noto Sans KR; font-weight:400; text-align:right; margin:0 25px}
.location ul a {display:inline-block; margin-right:6px; color:#ccc; padding-right:18px; background:url(../images/location_arrow.png) no-repeat right center}
.location ul span {color:#91b821}

.title {font-family:Noto Sans KR; padding-top:70px; text-align:center}
.title ul {padding-top:5px; background:url(../images/title_bg.png) no-repeat center top }
.title ul h2 {font-size:45px; color:#444; font-weight:400 }
.title ul h2 span {color:#91b821; font-weight:500;}
.title ul li {font-size:20px; color:#777; font-weight:400 }

.paragraph {width:1240px; margin:0 auto; font-family:Noto Sans KR; font-weight:400 }

/* footer */
#footer {width:100%; min-width:1280px; height:160px; font-family:Noto Sans KR; color:#ccc; background-color:#6d6d6d; clear:both; z-index:100; position: relative;}
#footer .fl {position:relative; margin-left:75px; padding-left:160px; padding-top:30px}
#footer .fl h2 {position:absolute; top:30px; left:0; width:135px; height:60px; border-right:1px solid #888}
#footer .fl li {padding-top:5px}
#footer .fl li a {display:inline-block; padding-right:20px}
#footer .fr {margin-right:75px; padding-top:40px}
#footer .fr li {display:inline-block; vertical-align:top; }
#footer .sns {margin-right:15px}
#footer .sns a {display:inline-block; margin-right:5px}
#footer .family select {-webkit-appearance:none; width:200px; height:40px; padding:8px; border:1px solid #ccc; background:url(../images/place_select_arrow.png) no-repeat #6d6d6d right 10px center}
#footer .family select::-ms-expand {display: none}

/*listBox*/
.listBox{max-height:1606px; overflow:auto;}
.listBox>ul{display: inline-block;width: 100%;  }
.listBox>ul>li{ opacity:0.5; transition: opacity 0.5s;}
.listBox>ul>li:hover{opacity: 1;}
.listBox>ul>li.selectList{opacity: 1;}
.listBox>ul>li>div .pic{width:100%; padding-top:56.25%; background-size:cover; background-position:center; background-color:#f1f1f1}
.listBox>ul>li>div>p{font-size: 15px;color: #444444; padding: 12.5px 25px;background: #ebebeb;}
.listBox>ul>li>ul{padding: 12.5px 25px;}
.listBox>ul>li>ul>li{font-size: 15px;display: inline-block;width: 100%;color: #444444;}
.listBox>ul>li>ul>li.icon {min-height:70px}
.listBox>ul>li>ul>li.icon>span{font-size: 12px;width: 55px;height: 55px;border-radius: 50%;display: inline-block;background: #444;float: left;text-align: center;line-height: 55px;margin-right: 10px;color: #fff;}
.listBox>ul>li>ul>li.icon>span:last-child{float: right;margin: 0; cursor:pointer;}
.listBox>ul>li>ul>li.smallFirst{margin-top: 10px;}
.listBox>ul>li>ul>li.small{font-size: 12px;color:#555; margin-bottom:10px}
.listBox>ul>li>ul>li.smallLast{margin-bottom: 10px;}

/*searchBox*/
.searchBox{height: 60px; background: #91b821; padding: 0 25px;}
.searchBox>*{float: left; height: 40px; margin-top: 10px; border: none; width: 145px; background: none; border: 2px solid #fff; color:#fff}
.searchBox>*:nth-child(1){border-right: 0;}
.searchBox>select{-webkit-appearance:none; padding-left: 10px;background: url(../images/place_select_arrow.png) no-repeat right 10px center}
.searchBox>select::-ms-expand {display: none}
.searchBox>select option {color:#000}
.searchBox>div{float: right; display: inline-block; width: auto;}
.searchBox>div>input[type=text]{padding: 0 10px; box-sizing: border-box;color: #fff; height: 100%; width: 230px;background: none; border: none;}
.searchBox>div>input[type=text]::-webkit-input-placeholder{color: #fff}
.searchBox>div>input[type=button]{background: url(../images/place_search_icon.png) no-repeat center; border: none; width: 35px;}
/*real model*/
/*
.realModelList{display: inline-block;width: 1200px;}
.realModelList>li{display: inline-block;float: left;width: calc(94%/4);margin-right: 2%;}
.realModelList>li:last-child{margin-right: 0;}
.realModelList>li>ul>li{position: relative;}
.realModelList>li>ul>li>a>img{width: 100%;}
.realModelList>li>ul>li>a{display: inline-block;width: 100%;height: 100%;position: relative;}
.realModelList>li>ul>li>a>div{position: absolute;bottom:0; left:0; width:100%; min-height:125px; padding:10px 20px; font-family; background:rgba(0,0,0,0.4);display: none;}
.realModelList>li>ul>li>a:hover>div{display: block;}
.realModelList>li>ul>li>a>div>span{color: #fff; display:inline-block;margin-right: 5px; font-weight:400;}
.realModelList>li>ul>li>img{width: 100%; height:250px; transform: rotate(180deg);transform: rotateX(180deg);}
.realModelList>li>ul>li>img+div{position:absolute; top:0; left:0; background:#fff; width:100%; height:100%;
background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(255,255,255,1) 60%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,1) 60%);
background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,1) 60%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#ffffff',GradientType=0 );}
*/

.realModelList{display: inline-block;width: 1200px;}
.realModelList>div>li{display: inline-block;float: left;width: calc(94%/4);margin-right: 2%;}
.realModelList>div>li:last-child{margin-right: 0;}
.realModelList>div>li>ul>li{position: relative;}
.realModelList>div>li>ul>li>a>img{width: 100%;}
.realModelList>div>li>ul>li>a{display: inline-block;width: 100%;height: 100%;position: relative;}
.realModelList>div>li>ul>li>a>div{position: absolute;bottom:0; left:0; width:100%; min-height:125px; padding:10px 20px; font-family; background:rgba(0,0,0,0.4);display: none;}
.realModelList>div>li>ul>li>a:hover>div{display: block;}
.realModelList>div>li>ul>li>a>div>span{color: #fff; display:inline-block;margin-right: 5px; font-weight:400;}
.realModelList>div>li>ul>li>img{width: 100%; height:250px; transform: rotate(180deg);transform: rotateX(180deg);}
.realModelList>div>li>ul>li>img+div{position:absolute; top:0; left:0; background:#fff; width:100%; height:100%;
background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(255,255,255,1) 60%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,1) 60%);
background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,1) 60%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#ffffff',GradientType=0 );}

/*form start*/
.formWrap{padding: 30px 0px;padding-bottom: 0px;display: inline-block;width: 100%;}
.formWrap .formTitle>h2{font-size: 30px;font-weight: 500;margin-bottom: 15px;}
.formWrap .formTitle>h2>span{color: #e70808;font-size:16px;font-weight: 300;}
.formWrap .formList{border-top: 2px solid #000;background: #fff;display: inline-block;width: 100%; position: relative;}
.formWrap .formList>li{padding: 10px 10px;border-bottom: 1px solid #ddd;display: inline-block;width: 100%;float: left;}
.formWrap table{background: #fff;border-top: 2px solid #000;}
.formWrap table td,.formWrap table th{padding: 10px;}
.formWrap table tr{border-bottom: 1px solid #ddd;}
.formWrap input[type=text]{background: #f3f3f3;border: 1px solid #cccccc;padding: 5px;height: 40px;box-sizing: border-box;line-height: 28px;font-weight: 300;display: inline-block;float: left;}
.formWrap input[type=radio]{border: 1px solid #cccccc;padding: 5px;height: 40px;box-sizing: border-box;line-height: 28px;font-weight: 300;display: inline-block;float: left;}
.formWrap input[type=button]{border: none;padding: 5px 40px;height: 40px;box-sizing: border-box;line-height: 28px;font-weight: 400;display: inline-block;float: left;	}
.formWrap input[type=button].green{color: #fff;background: #91b821;}
.formWrap input[type=button].gray{background: -moz-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(255,255,255,0) 43%, rgba(224,224,224,1) 100%);background: -webkit-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(255,255,255,0) 43%,rgba(224,224,224,1) 100%);background: linear-gradient(to bottom, rgba(224,224,224,1) 0%,rgba(255,255,255,0) 43%,rgba(224,224,224,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e0e0e0',GradientType=0 );}
.formWrap input[type=checkbox]{border: 1px solid #cccccc;padding: 5px;height: 40px;box-sizing: border-box;	line-height: 28px;font-weight: 300;	display: inline-block;float: left;}
.formWrap .submitWrap{display: inline-block;width: 100%;text-align: center;margin-top: 20px;}
.formWrap .submitWrap input[type=submit]{padding: 5px;height: 60px;box-sizing: border-box;line-height: 50px;width: 422px;font-weight: 500;display: inline-block;background: #91b821;color: #fff;border: none;font-size: 24px;}
.formWrap .inputTitle{text-align: left; display: inline-block;padding: 5px;box-sizing: border-box;line-height: 28px;font-weight: 400;float: left;}
.formWrap label{display: inline-block;padding: 5px;height: 40px;box-sizing: border-box;line-height: 28px;font-weight: 400;		float: left;}
.formWrap label.button{border: 1px solid #cccccc;padding: 5px 40px;height: 40px;box-sizing: border-box;line-height: 28px;font-weight: 300;display: inline-block;float: left;background: #b5b5b5;color: #fff;}
.formWrap input+span{display: inline-block;	padding: 5px;height: 40px;box-sizing: border-box;	line-height: 28px;font-weight: 400;	float: left;	}
.formWrap .phoneNumBlock{background: #f3f3f3;border: 1px solid #cccccc;padding: 5px;height: 40px;box-sizing: border-box;	line-height: 28px;font-weight: 300;	display: inline-block;margin: 0 10px;float: left;}
.formWrap .selectBlock{background: #f3f3f3;border: 1px solid #cccccc;padding: 5px;height: 40px;box-sizing: border-box;line-height: 28px;font-weight: 300;display: inline-block;margin: 0 10px;float: left;margin-left: 0;}
.formWrap .selectBlock::-ms-expand {border: none; background: none;}
.formWrap .inlineBlock+span{padding: 5px;height: 40px;box-sizing: border-box;line-height: 28px;font-weight: 300;display: inline-block;	float: left;}
.formWrap .inlineBlock{display: inline-block;float: left;}
.formWrap .block{display: inline-block;width: 100%;float: left;	}
/*.formWrap .marginTop10{margin-top: 10px;}
.formWrap .marginLeft10{margin-left: 10px;}
.formWrap .marginLeft50{margin-left: 50px;}
.formWrap .widthAuto{width: auto;}
.formWrap .width10{width: 10%;}
.formWrap .width90{width: 90%;}
.formWrap .floatR{float: right !important;}*/
.formWrap .req{color: #e70808;font-weight: 300;}
/*form end*/

/*pagination start*/
.pagination>ul{display: inline-block;}
.pagination>ul>li{float: left;margin: 10px;color: #ddd;}
.pagination .prev{color:#91b821;}
.pagination .next{color:#91b821;}
.pagination .onPage{color: #91b821;font-weight: 500;text-decoration: underline;}
/*pagination*/

/*board list start*/
.new{display: inline-block;line-height: 11px;  }
.boardList{padding-bottom: 50px;}
.boardList>table{width: 100%;border-top: 2px solid #91b821;}
.boardList>table>tbody>tr{border-bottom: 1px solid #e4e4e4; color: #8c8c8c;height:70px; cursor:pointer; font-size: 18px;transition: background 0.5s}
.boardList>table>tbody>tr:nth-child(odd){background: #fff;}
.boardList>table>tbody>tr:hover{background: #ddd !important;}
.boardList>table>tbody>tr>td:nth-child(2){text-align: left;  }
.boardList .new{display: inline-block;line-height: 11px;  }
/*board list end*/

/*board content start*/
.boardConWrap>div{background: #fff;border-top: 3px solid #91b821;border-bottom: 1px solid #ccc;display: inline-block;width: 100%;}
.boardConWrap>div>div{display: inline-block;float: left;width: 100%;}
.boardTitleBox{padding: 20px;border-bottom: 1px solid #ddd;}
.boardTitleBox>div{display: inline-block;float: left;}
.boardTitleBox>div>span{display: inline-block;padding: 10px 0px;}
.boardContentBox{min-height: 600px;background: #fff;}
.boardTitleBox>.boardTitle{margin-right: 20px;}
.boardTitleBox>.boardTitle>span{font-size: 18px;color: #666666;}
.boardTitleBox>.boardTitle>span:last-child{color: #199;}
.boardTitleBox>.boardPlace>span{ padding-left: 20px;padding-right: 20px;margin-right: 10px;background: #91b821;color: #fff;border-radius: 5px;float: left; }
.boardTitleBox>.boardViewCount{ float: right;}
.boardTitleBox>.boardViewCount>span{ padding-left: 10px;}
.boardBtnWrap>a{float: right;display: inline-block;color: #fff;background: #6c6c6c;padding: 10px 20px;margin: 10px;}
/*board content end*/

/*최신글*/
.latest{border: 1px solid #dcdcdc;padding:20px;text-align: left;background: #fff;}
.latest>p{padding-bottom: 5px;height: 30px;line-height: 30px;border-bottom: 1px solid #dcdcdc;box-sizing: content-box;}
.latest>p>span{font-size: 25px;font-weight: 500;}
.latest>p>a{float: right;font-size: 15px;color: #199;}
.latest>div{border-bottom: 1px solid #dcdcdc;padding: 5px 0;}
.latest>div>span{font-size: 20px;font-weight: 400;}
.latest>li{margin-top: 10px;}
.latest>li>a{color: #666666;}
.latest>li>a>span{margin-right: 5px;}
.latestImg{}
/*최신글*/

/* quick menu */
#quick_menu {position: absolute; left: 50%; top: 450px; margin-left: 590px; width:128px; height:543px; padding-top:34px; background:url(../images/quickmenu.png) no-repeat}
@media only screen and (max-width:1480px) {
	#quick_menu {display:none}
}

@media only screen and (min-width:2000px) {
	.sub_visual{background:url(../images/sub_disease.jpg) no-repeat center top; background-size:120% auto}
	.community {background:url(../images/sub_community.jpg) no-repeat center top; background-size:120% auto}
	.besides {background:url(../images/sub_besides.jpg) no-repeat center top; background-size:120% auto}
}