@charset "utf-8";
/* 초기화 */
* {margin: 0;padding: 0;}
ul, li {list-style: none;}
a {text-decoration: none;}
img {border: 0;}

/*본고딕 셋팅*/
.normal {font-weight: 400}
.bold {font-weight: 700}
.bolder {font-weight: 800}
.light {font-weight: 300}

/* 헤드 */
.container-fluid {width: 100%;}
.line {border-bottom: 1px solid #ddd;}
.header1 {margin-top: 40px;padding-bottom: 30px;}
.header2 {margin-top: 10px;}

.container_top {width: 100%;margin: 0 auto;overflow: hidden;}
.container {width: 100%;margin: 0 auto;overflow: hidden;}

/* 글씨 설정 */
.text-center {text-align: center;display: block;margin: auto;}
.text-left {text-align: left !important;}
.text-gray {color: #333 !important;font-size: 12px !important;font-weight: 500;}
.text-red {color: #e60000;}

/* 로고 CSS*/
.logoWrap {float: left;}
.logo_img {float: left;display: block;}
.logo_text_wrap {float: left;line-height: 150%;margin-left: 10px;}
.logo_text1, .logo_text1:hover {font-size: 14px;margin: 2px 0;color: #383838;font-weight: 500;}
.logo_text2, .logo_text2:hover {font-size: 27px;margin: 0;color: #383838;font-weight: bolder;}
.logo_text3, .logo_text3:hover {font-size: 13px;margin: 0;margin-left: 2px;color: #aaa;font-weight: 300;}

/* 전화번호 CSS */
.top_tel_wrapper {float: left;margin-left: 95px;margin-top: 25px;}
.top_tel {width: 150px;font-size: 15px;color: #e60000;font-weight: 400;}
.top_tel span {background: url(images/phone.gif) left no-repeat;padding-left: 30px;}

/* 로그인탭 CSS */
.login_tap_wrapper {float: left;margin-top: 20px;margin-left: 0;}
.login_tap_text1, .login_tap_text2 {border-right: 1px solid #ddd;padding-right: 10px;margin-left: 10px;font-size: 13px;color: #888;}
.login_tap_text3 {margin-left: 10px;font-size: 13px;color: #888;}

/* 시니어 CSS */
.senior_wrapper {float: left;margin-left: 20px;margin-top: 10px;}
.senior_wrapper p {border: 1px solid #b2aba5;padding: 5px 20px 9px 20px;margin-top: 5px;margin-left: 10px;}
.senior_text {font-size: 12px;background: url(images/arrow_box.gif) no-repeat right;padding-right: 25px;color: #4a4e50;}

/* 메뉴바 CSS */
.nav_tabs {width: 100%;overflow: hidden;margin: 0 auto;padding-bottom: 10px;}
.nav_list {float: left;width: 142.8px;text-align: center;color: #666;font-size: 15px;font-weight: 400;}
.nav_list:hover {color: #222;}

/* 탑배너 CSS */
.top_banner {text-align: center;}
.top_banner div img {border-bottom: 1px solid #eee;}

/* 메인컨텐츠 CSS */
.main_contents {background: #FFF;width: 100%;margin: 0 auto;border: 1px solid #ccc;border-top: 0;overflow: hidden;}

/* 탑메뉴 CSS */
.top_menu {width: 90%;overflow: hidden;text-align: center;margin: 25px auto 25px auto;}
.top_menu ul li a {float: left;width: 50%;border: 1px solid #ddd;border-right: 0px;padding: 10px;font-size: 16px;color: #666;background: #f5f5f5;}
.top_menu ul li:last-child a {border-right: 1px solid #ddd;}
.top_menu ul li a:hover {color: #222;}

/* TU콘텐츠 타이틀 */
.tu_title1 {width: 100%;margin: 0 auto;text-align: center;}
.tu_title1 h1 {font: normal 22px "NanumSquare";font-weight: 800 !important;}
.tu_title1 p {color: #888;margin-top: 10px;font-size: 14px;}
.underline {width: 175px;height: 2px;background-color: #e60000;margin: 10px auto;}
.underline2 {width: 95%;margin: 0 auto;background: #eee;height: 1px;margin-top: 10px;}
.index {text-align: center;}
.index p {border-bottom: 1px solid #eee;width: 100%;margin-top: 22px;font-size: 13px;font-weight: 300;padding-bottom: 20px;}
.index p a {color: #888;}
.index p a b {color: #e60000;font-weight: 500;}

/* TU제도 콘텐츠 CSS */
.main_contents_wrap {background: #eee;padding-bottom: 50px;}
.contents {border-bottom: 0 !important;}
.contents div {float: left;width: 100%;text-align: center;}
.contents div:nth-child(1) {margin-right: 0;}
.contents div:nth-child(2) {margin-left: 0;}
.contents div img {margin-bottom: 10px;}
.contents div h2 {font: normal 18px "NanumSquare";font-weight: 800;color: #383838;margin-top: 0;margin-bottom: 5px;}
.contents div p {font: normal 0.9em "Nanum Gothic";margin-top: 10px;line-height: 200%;color: #888;}
.contents div p b {font-weight: 600;color: #787263;}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .contents div p b {font-weight: 600;color: #787263;position: relative;top: -1.5px;}
}

/* 콘텐츠 하단부 공통사항 */
.explain div {line-height: 300%;font-size: 14px;}
.explain div {margin: 25px 25px 25px 25px;}
.explain div p {line-height: 150%;color: #999;font-size: 13px;font-weight: 400;}
.explain div p b {color: #e60000;}

/* 무사고 시공사 CSS */
.partners_frame {width: 45.5%;float: left;margin-left: 3%;margin-top: 10px;text-align: center;}
.partners_contents {border: 1px dotted gray;}
.partners_frame:nth-child(2n) {margin-right: 3%;}
.partners_frame div h3 {margin-bottom: 10px;margin-top: 5px !important;color: #383838;font: bold 1em/1em "Nanum Barun Gothic";}
span.partners_frame_img {text-align: center;margin: 5px auto;height: 100px;line-height: 100px;display: block;}
span.partners_frame_img img {width: 95%;max-width: 100px;max-height: 100px;}
.partners_frame div p {border-top: 1px dashed #ccc;font-size: 12px;color: #888;height:30px;line-height:30px;}

/* footer CSS */
.partners {padding: 0;}
.partners_line1 {border-top: 1px solid #CCC;background: url(images/footer_back.jpg);height: 10px;}
.partners_line2 {border-bottom: 1px solid #CCC;background: url(images/footer_back.jpg);height: 10px;}
.footer_wrapper {border-top: 1px solid #eee;background: #f5f5f5;}
.footer_left {width: 250px;float: left;padding-bottom: 20px;}
.footer_right {width: 750px;float: left;}
.footer_logo {float: left;margin-top: 20px;margin-bottom: 5px;}
.footer_logo a div p {color: #4a4a4a;}
.footer_logo a div p:hover {color: #4a4a4a;}
.info_contents {background: url(images/footer_clock.png) no-repeat left;clear: left;}
.info_contents h3 {font-size: 15px;color: #999;font-weight: 400;margin-left: 100px;}
.info_contents h2 {font-size: 18px;color: #666;font-weight: 400;margin-left: 100px;}
.info_contents p {font-size: 12px;color: #666;font-weight: 400;margin-left: 100px;}
.footer_top {float: left;margin-top: 20px;}
.footer_top ul li {float: left;}
.footer_top ul li a {color: #333;font-size: 15px;font-weight: 400;padding: 0 10px;}
.footer_top ul li:nth-child(3) a {border-right: 0 solid #4a4a4a;}
.footer_bottom {float: left;}
.footer_bottom p {color: #8a8a8a;font-size: 1em;line-height: 22px;text-align: center;}

@media (max-width: 350px) {
    .footer_bottom p {font: 0.85em;}
}
.footer_right {background: url(images/escrow.png) no-repeat;background-position: top right;}

/* 이용안내 CSS */
.process {width: 850px;text-align: center;margin: 30px auto;}
.process span:nth-child(odd) {display: inline-block;padding: 15px 10px;font-size: 14px;border: 1px solid #C60000;margin-right: 10px;width: 90px;text-align: center;color: #c60000;border-radius: 10px;font-weight: bold;margin-bottom: 50px;}
.process span:nth-child(even) {border: 0;padding: 0;margin-right: 5px;}
.process span {color: #e60000;}
.underline3 {width: 120px;height: 2px;background-color: #c60000;margin-top: 10px;margin-bottom: 20px;}
.guide_contents_left {float: left;width: 180px;}
.guide_contents_left div {border-bottom: 1px dashed #ccc;height: 90px;background-image: url(images/bg_bar1.gif);background-position: right;background-repeat: no-repeat;}
.guide_contents_left div:nth-child(even) {background-image: url(images/bg_bar2.gif);background-repeat: no-repeat;}
.guide_contents_left div:first-child {border-top: 1px solid #ccc;}
.guide_contents_left div p {text-align: left;font-size: 15px;margin-left: 0;position: relative;top: 10px;left: 5px;}
.guide_contents_left div h2 {text-align: left;font-size: 25px;margin-left: 0;color: #c60000;position: relative;top: 15px;left: 5px;}
.guide_contents_left div:last-child {border-bottom: 1px solid #ccc;}
.guide_contents_right {float: left;width: 670px;}
.guide_contents_right div {border-bottom: 1px dashed #ccc;height: 90px;}
.guide_contents_right div:first-child {border-top: 1px solid #ccc;}
.guide_contents_right div:nth-child(even) {background: #f5f5f5;}
.guide_contents_right div p {text-align: left;margin-left: 35px;font-size: 15px;color: #4a4a4a;position: relative;top: 25px;}
.guide_contents_right div:first-child p {position: relative;top: 35px;}
.guide_contents_right div p a {color: #e60000;}
.guide_contents_right div:last-child {border-bottom: 1px solid #ccc;}

.contract {width: 850px;margin: 90px auto 30px auto;border: 1px solid #ccc;border-radius: 10px;padding: 30px 0;}
.contract p {font-size: 15px;padding: 0 30px;line-height: 28px;font-weight: 400;color: #4a4a4a;}
.contract h2 {margin-left: 30px;color: #e60000;}
.margin_30 {margin-bottom: 30px;}
.contents div a p, .contents div a p b {color: #e60000;}
.checkList {margin-left: 75px;margin-top: 50px;width: 850px;overflow: hidden;}
.checkList ul:nth-child(1) {float: left;display: block;width: 350px;padding-bottom: 50px;margin-left: 80px;}
.checkList ul:nth-child(2) {float: left;display: block;width: 350px;padding-bottom: 50px;margin-left: 25px;}
.checkList ul li {background: url(images/check.gif) no-repeat left;padding-left: 35px;margin: 40px 0;text-decoration: underline;color: #666;}

.underline4 {width: 120px;height: 2px;background-color: #c60000;margin: 10px auto;}

.bt_s_title {margin-left: 75px;margin-top: 30px;}
.checkWrapper {margin-top: 50px;text-align: center;}
.bottom_banner {margin-top: 60px;border: 1px solid #ccc;height: 115px;background: url(images/main_bottom_banner.jpg) no-repeat;}
.guide_underline {width: 110px !important;}
.contract_underline {width: 205px !important;}
.service_count {width: 850px;float: right;margin-right: 75px;border: 1px solid #CCC;border-top: 2px solid #e60000;margin-top: 30px;}
.service_count h1 {font-size: 15px;text-align: center;border-bottom: 1px solid #eee;padding: 10px 0;background: #f5f5f5;}
.service_state ul li {float: left;width: 14.1%;text-align: center;border-right: 1px solid #eee;padding: 10px 0;}
.service_state ul li:last-child {border-right: 0;}
.service_state ul {overflow: hidden;border-bottom: 1px solid #eee;}
.partners_service_count {width: 180px;border: 1px solid #ccc;border-top: 2px solid #e60000;padding: 10px;margin-top: 30px;margin-right: 75px;float: right;}
.partners_service_count h3, .partners_service_notice h3 {font-size: 20px;text-align: left;margin: 10px 0;}
.partners_service_count h1, .partners_service_notice h1 {font-size: 40px;text-align: left;color: orangered;margin: 10px 0;}
.partners_service_count p, .partners_service_notice p {font-size: 15px;text-align: left;margin: 10px 0;color: #4a4a4a;}
.partners_service_count p b, .partners_service_notice p b {color: orangered;}
.partners_service_notice {width: 615px;border: 1px solid #ccc;border-top: 2px solid #e60000;margin-top: 30px;margin-left: 75px;float: left;overflow: hidden;}
.partners_service_notice div p {padding: 12.5px 0;text-align: left;border-bottom: 1px solid #eee;}
.partners_service_notice div:last-child p {border-bottom: 0;}
.partners_service_notice div p a {color: #888;}
.partners_service_notice h3 {font-size: 15px;}
.partners_service_notice h3:first-child {float: left;display: block;width: 85%;margin-left: 15px;text-align: center;}
.partners_service_notice h3:last-child {float: left;display: block;font-size: 13px;font-weight: 400;}
.partners_service_notice h3:last-child a {color: #888;}

.notice_underline {border-bottom: 1px solid #ccc;overflow: hidden;background: #fafafa;}
.service_count:last-child {margin-bottom: 60px;}
.inauction_state ul li {float: left;width: 16.4%;text-align: center;border-right: 1px solid #eee;padding: 10px 0;}
.inauction_state ul li:last-child {border-right: 0;}
.inauction_state ul {overflow: hidden;border-bottom: 1px solid #eee;}
.partners_top_menu li a {width: 148px !important;}
.purchase {padding: 20px;border-radius: 10px;margin-top: 20px;font-size: 15px;color: #FFF;background: #e60000;font-weight: bold;width: 350px;}
.partners_title {width: 100%;margin: 50px auto 0 auto;text-align: center;}
.partners_info2 {margin-top: 30px;}
@media (max-width: 320px) {
    .top_menu ul li a {padding: 3px;}
    .index p {width: 100%;}
}