@charset "utf-8";

/* header */
#header { position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 5000; } 
#header .head-wrapper { border-bottom: 1px solid #e8ecee; padding-top:10px; } 
#header .header-container { max-width: 1400px; margin: 0 auto; } 
#header .logo {padding-top: 11px;float: left;margin-right: 85px;padding-bottom: 9px;} 	
#header .logo2 {padding-top: 2px;float: left;margin-right: 60px;padding-bottom: 1px;} 	
#header .navigation-wrap { float: left; } 	
#header .navigation-wrap .first-menu-item {display: inline-block;margin-right: 20px;height: 90px;} 	
#header .navigation-wrap .first-menu-item span {font-size: 16px;font-weight: bold;cursor: pointer;height: 100%;display: block;padding: 0 60px 5px;position: relative;line-height: 81px;}	
#header .navigation-wrap .first-menu-item span:after {content: "";position: absolute;left: inherit;right: 60px;bottom: 0px;width: 0;height: 1px;background: #00a8e3;transition: width 0.3s ease;} 	
#header .navigation-wrap .first-menu-item span.active { color: #07a7e3; } 	
#header .navigation-wrap .first-menu-item span.active:after {right: inherit;left: 60px;width: calc(100% - 120px);}
#header .navigation-wrap .first-menu-item .second-menu-item-wrap { position: fixed; top: 100px; background: #fff; width: 100%; left: 0; box-shadow: 0px 10px 24px -14px rgb(0 0 0 / 40%); padding: 36px 0; display: none; z-index:5001; border-top:1px solid #e8ecee;} 
#header .navigation-wrap .first-menu-item .second-menu-item-wrap .sub-menu-tit { font-size: 22px; font-weight: bold; padding-left: 82px; padding-right: 196px; float: left; } 
#header .navigation-wrap .first-menu-item .second-menu-item-wrap .sub-menu-con { display: inline-block; margin-right: 100px; float:left; } 
#header .navigation-wrap .first-menu-item .second-menu-item-wrap .sub-menu-con:last-child { margin-right: 0; } 
#header .navigation-wrap .first-menu-item .second-menu-item-wrap .sub-menu-con a { transition: color 0.3s; } 
#header .navigation-wrap .first-menu-item .second-menu-item-wrap .sub-menu-con dt a { font-size: 16px; font-weight: bold; } 
#header .navigation-wrap .first-menu-item .second-menu-item-wrap .sub-menu-con dd { margin-bottom: 22px; } 
#header .navigation-wrap .first-menu-item .second-menu-item-wrap .sub-menu-con dd:first-of-type { margin-top: 30px; } 
#header .navigation-wrap .first-menu-item .second-menu-item-wrap .sub-menu-con dd:last-child { margin-bottom: 0; } 
#header .navigation-wrap .first-menu-item .second-menu-item-wrap .sub-menu-con dd a { font-size: 16px; color: #3c4548; } 
#header .navigation-wrap .first-menu-item .second-menu-item-wrap .sub-menu-con dd a:hover { color: #00a8e3; } 
#header .right-section { float: right; padding-top: 20px; } 
#header .right-section .fake-input-wrap { margin-right: 48px; width: 370px; height: 40px; background: #f2f4f5 url("../images/find_submit_btn.png") no-repeat 95%; display: inline-block; border-radius: 20px; color: #90a0a6; font-size: 15px; font-weight: 500; padding-left: 20px; line-height: 40px; vertical-align: top; cursor: pointer; } 
#header .right-section .consultation-part { display: inline-block; text-align: center; color: #07a7e3; font-weight: bold; background: url("../images/call_ico.png") no-repeat left center; padding-left: 56px; } 
#header .right-section .consultation-part .tit { display: block; font-size: 15px; } 
#header .right-section .consultation-part .call-number { font-size: 20px; } 

/* search-modal-wrap */
.searh-modal-wrap { display: none; } 
.searh-modal-wrap .search-modal { width: 100%; height: 450px; position: absolute; top: 0; left: 0; background: #fff; z-index: 5000; padding: 52px 0; } 
.searh-modal-wrap .search-form { width: 600px; margin: 0 auto 40px; position: relative; border: 2px solid #1b2529; border-radius: 30px; overflow: hidden; height: 42px; } 
.searh-modal-wrap .search-form input { position: absolute; height: 100%; border: none; width: 87%; padding: 0 20px; font-size: 14px; outline: 0; } 
.searh-modal-wrap .search-form .empty-text { cursor: pointer; background: none; position: absolute; width: 18px; top: 50%; transform: translateY(-50%); right: 52px; display: none; } 
.searh-modal-wrap .search-form .submit-text { background: none; cursor: pointer; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } 
.searh-modal-wrap .search-ranking { width: 600px; margin: 0 auto; } 
.searh-modal-wrap .search-ranking > article { width: 50%; float: left; } 
.searh-modal-wrap .search-ranking > article .tit { font-size: 16px; font-weight: bold; margin-bottom: 30px; } 
.searh-modal-wrap .search-ranking > article .rank-lists .rank { font-size: 15px; font-weight: 500; margin-bottom: 25px; width: calc(90% - 17px); list-style: decimal; padding-left: 20px; margin-left: 17px; } 
.searh-modal-wrap .search-ranking > article .rank-lists .rank a { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 30px); vertical-align:top;} 
.searh-modal-wrap .search-ranking > article .rank-lists .rank.rank-no-change { background: url("../images/search_status_no.png") no-repeat center right; } 
.searh-modal-wrap .search-ranking > article .rank-lists .rank.rank-up { background: url("../images/search_status_up.png") no-repeat center right; } 
.searh-modal-wrap .search-ranking > article .rank-lists .rank.rank-new { background: url("../images/search_status_new.png") no-repeat center right; } 
.searh-modal-wrap .search-ranking > article .rank-lists .rank.rank-down { background: url("../images/search_status_down.png") no-repeat center right; } 
.searh-modal-wrap .close-search-modal { width: 36px; height: 36px; background: url("../images/close_search_modal.png"); margin: 36px auto 0; cursor: pointer; } 

#main { margin-top: 81px; }