@charset "utf-8";

/* 공통 */
.inner {width: 980px; margin: 0 auto;}
.img_wrap {text-align: center;}

.guide_txt {margin-top: 15px; font-size: 13px;}
.guide_txt:before {content: ''; display: inline-block; width: 3px; height: 3px; margin: 8px 7px 0 0; background: #444; vertical-align: top;}

.attention > strong {display: inline-block; margin-bottom: 5px;}
.attention li {font-size: 13px;}
.attention li:before {content: ''; display: inline-block; width: 3px; height: 3px; margin: 9px 7px 0 0; background: #444; vertical-align: top;}
.attention .button {position: relative; top: -3px; margin-left: 5px; padding: 0 10px;}

.section_certify {overflow: hidden; margin-bottom: 20px; padding: 40px 0; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4;}
.section_certify > p + .box, .section_certify > span + .box {width: 489px; border-right: none;}
.section_certify .box {float: left; width: 488px; height: 244px; margin-top: 15px; padding: 40px 0; background: #f5f5f5; border: 1px solid #d4d4d4; text-align: center;}
.section_certify .box p {margin: 25px 0; font-size: 13px; line-height: 21px;}
.section_certify > span {display: block; font-size: 13px; color: #222; text-align: center;}
.section_certify + .complete {margin-top: -30px; padding: 40px 0;}
.section_certify .tbl_write {margin-top: 20px;}

.complete {margin-bottom: 20px; padding: 35px 0; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; background: #f5f5f5; text-align: center;}
.complete > strong {display: inline-block; margin-bottom: 15px; font-size: 20px;}
.complete p {font-size: 16px; line-height: 24px;}
.complete p span {font-weight: bold; color: #3652a2;}
.complete .email {margin-top: 15px;}

/* 메인 */
.visual_wrap {height: 600px; background: url('/images/bg_main.jpg') no-repeat center 0;}
.visual_wrap .visual {width: 980px; margin: 0 auto;}
.main_section {overflow: hidden; width: 980px; margin: 30px auto 40px;}
.main_section > div {float: left; width: 276px; height: 192px; margin-left: -1px; padding: 25px; border: 1px solid #d4d4d4;}
.main_section > div:first-child {width: 274px; margin-left: 0;}
.main_section .btn_center {margin-top: 50px;}

/* 약관 */
.clause {padding: 10px; font-size: 12px; color: #777; word-wrap: break-word; word-break: break-all; line-height: 20px;}
.clause strong {font-size: 13px; font-weight: normal; color: #4a4a4a;}
.clause table {width: 850px; border-top: 1px solid #1e1e1e;}
.clause table th {padding: 10px; background: #eee; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.clause table th:first-child, .clause table td:first-child  {border-left: 1px solid #ddd;}
.clause table td {padding: 10px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center;}
.rule .scroll {border: 1px solid #d4d4d4;}
.rule .scroll iframe {width: 100%; height: 510px;}

/* 검색, 조회 */
.search {margin: 20px 0; padding: 20px 0; background: #f5f5f5; text-align: center; font-size: 0;}
.search > strong {margin-right: 10px; font-size: 14px; color: #444; line-height: 30px;}
.search select {width: 150px; margin-right: 10px; vertical-align: top;}
.search .month a {display: inline-block; width: 46px; height: 28px; margin-left: -1px; border: 1px solid #d4d4d4; background: #fff; font-size: 13px; color: #444; line-height: 28px;}
.search .month a.on {color: #fff; background: #3652a2;} /* 새로 추가 */
.search .calendar {display: inline-block; margin: 0 10px 0 40px;}
.search .calendar input[type=text] {width: 75px; border: 1px solid #d4d4d4; font-size: 13px;}
.search .calendar em {margin: 0 7px; font-size: 13px; color: #777; vertical-align: middle;}
.search .button {width: 40px; height: 30px; font-size: 13px; font-weight: normal; line-height: 30px;}
.ui-datepicker {font-size: 12px !important;}

/* 테이블 */
.tbl_list {border-top: 1px solid #444; border-bottom: 1px solid #444;}
.tbl_list table {table-layout: fixed;}
.tbl_list table thead th {padding: 15px 0; border-bottom: 1px solid #d4d4d4; border-left: 1px solid #d4d4d4; background: #f5f5f5;}
.tbl_list table thead th:first-child, .tbl_list table tbody td:first-child {border-left: none;}
.tbl_list table tbody tr:first-child td {border-top: none;}
.tbl_list table tbody td {height: 30px; padding: 10px 0; border-top: 1px solid #d4d4d4; border-left: 1px solid #d4d4d4; text-align: center; color: #222;}
.tbl_list table tbody td textarea {width: 100%; height: 120px; border: 1px solid #d4d4d4;}
.tbl_list table tbody td li {margin-bottom: 5px;}
.tbl_list table tbody td.no_data {padding: 100px 0;}
.tbl_list.withdrawal {margin-top: 20px;}
.tbl_list.withdrawal table th {padding: 15px 20px; text-align: left;}
.tbl_list.withdrawal table td {text-align: left; padding: 10px 20px;}
.tbl_list.withdrawal table td p {margin-bottom: 5px;}
.tbl_list.withdrawal table td li label {display: inline-block; width: 160px; margin: 0 0 0 10px;}

.tbl_write {border-top: 1px solid #444; border-bottom: 1px solid #444;}
.tbl_write table {table-layout: fixed;}
.tbl_write table tr:first-child th, .tbl_write table tr:first-child td {border-top: none;}
.tbl_write table th {padding: 15px 20px 0; border-top: 1px solid #d4d4d4; background: #f5f5f5; text-align: left; vertical-align: top;}
.tbl_write table th .essential {display: block; position: relative;}
.tbl_write table th .essential:after {content: '*'; position: absolute; right: 0; top: 5px; color: #eb2a2a; line-height: 14px;}
.tbl_write table td {height: 30px; padding: 10px 20px; border-top: 1px solid #d4d4d4; text-align: left; color: #222; vertical-align: middle;}
.tbl_write table td .birth input[type=text] {text-align: center;}
.tbl_write table td .birth input[type=text] + label {display: inline-block; margin: 5px 15px 0 5px;}
.tbl_write table td .address p {margin-top: 10px;}
.tbl_write table td .call em {color: #7f7f7f;}
.tbl_write table td .guide {margin-left: 5px; font-size: 13px; vertical-align: middle;}
.tbl_write table td .guide.error {color: #e22327;}
.tbl_write table td ul {margin-bottom: 20px;}
.tbl_write table td li {margin-bottom: 10px;}
.tbl_write table td li strong {display: inline-block; width: 90px;}

/* 페이징 */
.pagination {height: 20px; margin: 20px 0 30px; text-align: center;}
.pagination a, .pagination span, .pagination strong {display: inline-block;} 
.pagination > a {width: 18px; height: 18px; border: 1px solid #d4d4d4; background-image: url('/images/img_paging.png'); background-repeat: no-repeat;}
.pagination .first {background-position: 0 0;}
.pagination .prev {background-position: -26px 0;}
.pagination .next {background-position: -51px 0;}
.pagination .last {background-position: -76px 0;}
.pagination > a + a {margin-left: 5px;}
.pagination > span {font-size: 12px; vertical-align: top; line-height: 20px;}
.pagination > span a {width: 20px; height: 18px; color: #222;}
.pagination > span strong {width: 20px; height: 18px; color: #3652a2;}

/* 팝업 */
.popup_content .tbl_write, .popup_content .tbl_list {border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4;}
.popup_content .tbl_write .light {padding: 0 10px;}
.popup_content .id_result {padding: 15px 0; border-bottom: 1px solid #d4d4d4; color: #222; text-align: center;}
.popup_content .result_list {height: 320px; margin-top: 10px; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4;}
.popup_content .result_list .tbl_list {border: none;}
.popup_content .result_list .tbl_list td:first-child + td {text-align: left;}
.popup_content .result_list .tbl_list td {padding: 10px; font-size: 13px; letter-spacing: -1px;}
.popup_content .result_list td.no_data {padding: 100px 0;}
.popup_content .result_list .tbl_list td a {color: #222;}
.popup_content .result_list .tbl_list td span {display: block;}
.popup_content .result_list.serial {overflow: visible; height: auto;}
.popup_content .result_list.serial .no_data {padding: 10px;}
.popup_content .attention li {margin-bottom: 15px; padding-left: 10px; font-size: 14px; text-indent: -10px;}
.popup_content .attention li a {color: #444;}
.popup_content .tab_wrap {position: relative; padding-bottom: 55px;}
.popup_content .tab_wrap .sub_tab {position: absolute; left: 50%; bottom: 0; margin-left: -37px;}
.popup_content .tab {overflow: hidden;}
.popup_content .tab li {float: left; margin-left: 10px; text-indent: -9999px;}
.popup_content .tab li a {display: block; width: 32px; height: 32px; background-image: url('/images/img_number.png'); background-repeat: no-repeat;}
.popup_content .tab li:first-child {margin-left: 0;}
.popup_content .tab li:first-child a {background-position: 0 -42px;}
.popup_content .tab li:first-child.on a {background-position: 0 0;}
.popup_content .tab li:first-child + li a {background-position: -42px 0;}
.popup_content .tab li:first-child + li.on a {background-position: -42px -42px;}
.popup_content .tab_cont dl {height: 66px;}
.popup_content .tab_cont dt {float: left; width: 60px; min-height: 40px; margin-top: 10px; text-indent: -9999px; background-image: url('/images/img_number.png'); background-repeat: no-repeat;}
.popup_content .tab_cont:first-child dt {background-position: -90px 0;}
.popup_content .tab_cont:first-child dd {top: 15px;}
.popup_content .tab_cont:first-child + .tab_cont dt {background-position: -153px 0;}
.popup_content .tab_cont dd {position: relative; top: -10px; float: left; width: 490px; font-weight: bold; color: #3652a2;}
.popup_content .tab_cont dd > span {display: block; color: #777;}
.popup_content .tab_cont dd > span:before {content: ''; display: inline-block; width: 3px; height: 3px; margin: 9px 6px 0 0; background: #444; vertical-align: top;}
.popup_content .tab_cont dd > span span {font-weight: normal;}
.popup_content .email_txt {margin-bottom: 15px; padding: 10px 0 30px; border-bottom: 1px solid #d4d4d4; font-size: 16px; color: #222; text-align: center; line-height: 24px;}
.popup_content .email_txt strong {color: #3652a2;}
.popup_content .email_txt + p + .btn_center {margin-top: 20px;}

/* 버튼 */
.button {display: inline-block; height: 40px; padding: 0 20px; background: #444; font-weight: bold; color: #fff; line-height: 40px;}
.button.blue {background: #3652a2;}
.button.light {height: 30px; background: #777; font-size: 13px; font-weight: normal; line-height: 30px;}
.button.line {height: 28px; background: #f5f5f5; border: 1px solid #cfcfcf; font-size: 12px; font-weight: normal; color: #444; line-height: 28px;}
.button.delete, .button.add {width: 120px; height: 30px; padding: 0; line-height: 30px; font-size: 13px; font-weight: normal; text-align: center;}
.button.delete span:before {content: ''; display: inline-block; margin: 0 5px 0 0; width: 10px; height: 1px; background: #fff; vertical-align: middle;}
.button.add span:before {content: '+'; display: inline-block; margin: -1px 5px 0 0; font-size: 16px; vertical-align: middle;}
.btn_center {margin-top: 40px; text-align: center;}
.btn_right {margin: 10px 0 20px; padding: 0 20px; text-align: right;}

/* 통합회원 안내 */
.info h3 {margin-bottom: 15px; font-size: 18px;}
.info h3 + p {margin-bottom: 35px;}
.info h3 + p + ul {margin: -20px 0 35px;}
.info .img_wrap {border-bottom: 1px solid #d4d4d4;}
.info .img_wrap + p {margin: 20px 0 15px;}
.info .tab {overflow: hidden; margin-bottom: 20px;}
.info .tab li {float: left; width: 326px; text-align: center;}
.info .tab li p {display: block; height: 40px; background: #f5f5f5; border: 1px solid #d4d4d4; line-height: 40px; margin-left: 1px; color: #777;}
.info .tab li:first-child p {margin-left: 0;}
.info .tab li.on p {border-top: 1px solid #3652a2; background-color: #3652a2; color: #fff;}
.info .register_txt {padding: 20px 0 40px; font-weight: bold; color: #222; text-align: center;}
.info .register {overflow: hidden;}
.info .register .area {float: left; width: 720px; margin-left: 10px;}
.info .register .area .img {border: 1px solid #c8c8c8;}
.info .register .area .img img {width: 248px; height: 248px;}
.info .register .area p.model {margin-top: 15px; font-weight: bold; text-align: center;}
.info .register .area .btn_center {margin-top: 15px;}
.info .register .area:first-child {width: 250px; margin-left: 0;}
.info .register .area .tbl_head {border-top: 1px solid #444; background: #f5f5f5; font-weight: bold; text-align: center;}
.info .register .area .tbl_head span {display: inline-block; width: 179px; height: 50px; border-left: 1px solid #d4d4d4; line-height: 50px;}
.info .register .area .tbl_head span:first-child, .info .register .area .tbl_body span:first-child {width: 180px; border-left: 0;}
.info .register .area .tbl_body span {float: left; display: block; width: 179px; height: 50px; border-left: 1px solid #d4d4d4; line-height: 50px;}
.info .register .area .tbl_body {overflow-x: hidden; overflow-y: scroll; max-height: 306px; border-bottom: 1px solid #444; text-align: center;}
.info .register .area .tbl_body ul {width: 720px;}
.info .register .area .tbl_body li {height: 50px; border-top: 1px solid #d4d4d4;}
.info .register .area .tbl_body li span.model a {margin-left: -15px;}
.info .register .area .tbl_body li a {color: #222; vertical-align: inherit;}
.info .register .area .tbl_write input[type=text] + .button, .info .register .area .tbl_write select + select {margin-left: 5px;} 
.info .register .area .tbl_write th {border-right: 1px solid #d4d4d4;}
.info .point_type + .attention {margin-top: 20px;}
.info .point_type {height: 357px; padding-left: 83px; background: url('/images/bg_point.gif') no-repeat 83px 35px;}
.info .point_type table {width: 854px;}
.info .point_type table thead th {height: 35px; font-size: 16px; vertical-align: top;}
.info .point_type table thead th:first-child, .info .point_type table thead th:first-child + th,
.info .point_type table tbody td:first-child, .info .point_type table tbody td:first-child + td {padding-right: 80px;}
.info .point_type table tbody tr:first-child td {padding-bottom: 10px;}
.info .point_type table tbody td {height: 156px; text-align: center;}
.info .point_type table tbody td strong {color: #3652a2;}
.info .point_type table tbody td .button {margin-top: 10px;}
.info .point_type table tbody td p {padding-bottom: 15px;}

/* 통합회원 가입 */
.join h3 {margin: 35px 0 10px; font-size: 16px;}
.join .title {margin: 55px 0 35px; font-size: 18px; text-align: center;}
.join .title + .guide {padding: 30px 0 15px; border-top: 1px solid #d4d4d4;}
.join .title + .guide span {float: right;}
.join .title + .guide span strong {color: #eb2a2a;}
.join .section {font-size: 13px;}
.join .section > p {margin-bottom: 15px; font-size: 14px;}
.join .section .box {padding: 40px 0 40px 90px; border: 1px solid #d4d4d4; text-align: center;}
.join .section .box label {margin-right: 90px;}
.join .section .scroll iframe {width: 100%; height: 150px; border: 1px solid #d4d4d4;}
.join .section .check_right {margin-top: 5px; text-align: right;}
.join .section .check_right label {margin-right: 0;}
.join .section + .check_right {margin-top: 30px; padding-top: 5px; border-top: 1px solid #d4d4d4; font-size: 13px; text-align: right;}
.join .section + .check_right label {margin-right: 0;}
.join .tbl_write.site {margin: 20px 0 15px;}

/* 나의 통합회원 */
.mypage h2 + .guide {padding-bottom: 15px;}
.mypage h2 + .guide span {float: right;}
.mypage h2 + .guide strong {color: #eb2a2a;}
.mypage .info_section {overflow: hidden;}
.mypage .info_section > div {position: relative; float: left; width: 367px; height: 66px; margin-left: -1px; padding: 15px 0; border: 1px solid #d4d4d4;}
.mypage .info_section > div:first-child {width: 408px; margin-left: 0; padding-left: 202px;}
.mypage .info_section > div:first-child dl {height: 67px; padding-left: 85px; background: url('/images/icon_point.gif') no-repeat 0 0; text-align: left;}
.mypage .info_section > div:first-child dd {font-size: 20px; color: #3652a2;}
.mypage .info_section > div:first-child dd span {font-size: 30px; color: #3652a2;}
.mypage .info_section > div:first-child + div dl {width: 185px;}
.mypage .info_section > div dl {text-align: center;}
.mypage .info_section > div dt {padding-top: 5px; font-size: 13px; color: #444;}
.mypage .info_section > div dd {margin-top: 8px; font-size: 16px; font-weight: bold; color: #222;}
.mypage .info_section > div dd span {font-family: 'Arial'; font-size: 20px; vertical-align: top;}
.mypage .info_section > div .button {position: absolute; right: 58px; top: 33px;}
.mypage .info_section.full {padding: 30px 0; border: 1px solid #d4d4d4; text-align: center;}
.mypage .info_section.full span {font-size: 18px; line-height: 40px;}
.mypage .info_section.full strong {margin-right: 35px; color: #3652a2;}
.mypage .info_section.full strong:before {content: ''; display: inline-block; width: 1px; height: 15px; margin: 13px 10px 0 8px; background: #444; vertical-align: top; }
.mypage .tbl_write input[type=text] + .button {margin-left: 6px; padding: 0 15px;}
.mypage .btn_center + .attention {margin-top: 35px;}
.mypage .btn_center + .attention li:first-child {margin-bottom: 10px;}

/* 로그인 */
.login h2 {line-height: 40px; }
.login h2 span {display: block; margin-top: 20px;}
.login h2 strong {font-weight: normal; color: #3652a2;}
.login .login_section {position: relative; width: 579px; margin: 0 auto; padding: 40px 0 40px 184px; border: 1px solid #d4d4d4;}
.login .login_section input[type=text], .login .login_section input[type=password] {width: 253px; height: 43px; line-height: 43px;}
.login .login_section li {margin-bottom: 10px;}
.login .login_section > p {font-size: 13px;}
.login .login_section > a {position: absolute; right: 179px; top: 40px; width: 125px; height: 100px; padding: 0;}
.login .login_section .button {font-size: 16px; font-weight: normal; text-align: center; line-height: 100px;}
.login .login_section + .attention {margin: 25px 0 0 108px;}
.login .section {padding: 35px 0; border: 1px solid #d4d4d4; font-size: 13px; text-align: center;}
.login .section span {margin-left: 110px;}
.login .section span:first-child {margin-left: 0;}