@charset "euc-kr";

/* Sub [Login] */
#login_wrap h2 {padding:83px 0 60px; text-align:center;}
#login_wrap .idpw_box {padding:55px 0 45px;background-color:#4c7d72;}
#login_wrap .idpw_box form {width:530px; margin:0 auto; position:relative;}
#login_wrap .idpw_box .idpw {position:relative; margin-bottom:2px;}
#login_wrap .idpw_box .idpw input {width:377px; height:36px; line-height:36px; padding:0 14px; border:1px solid #878384; font-size:14px; background:#fff;}
#login_wrap .idpw_box .idpw label {color:#aaa;font-weight:bold; font-size:14px; position:absolute; left:15px; top:11px;}
#login_wrap .idpw_box .btn_login {position:absolute; right:3px; top:0;}
#login_wrap .idpw_box .login_txt {overflow:hidden; color:#fff; margin-top:20px;}
#login_wrap .idpw_box .login_txt a {color:#fff;}
#login_wrap .idpw_box .login_txt p {float:left;}
#login_wrap .idpw_box .login_txt p input {height:20px; margin-top:-4px; padding:0;}
#login_wrap .idpw_box .login_txt p label {margin-left:5px;}
#login_wrap .idpw_box .login_txt ul {float:right; margin-right:-17px;}
#login_wrap .idpw_box .login_txt ul li {margin-right:10px; padding-right:14px; float:left; }
#login_wrap .login_cont {width:855px; padding:40px 65px 40px 60px; margin:0 auto; overflow:hidden;}
#login_wrap .login_cont .login_infor {float:left;}
#login_wrap .login_cont h3 {padding-bottom:5px;}
#login_wrap .login_cont dl {float:left}
#login_wrap .login_cont dl dt {margin:20px 0 15px;}
#login_wrap .login_cont dl dd {line-height:160%;font-size:1.1em;padding-left:8px; margin-bottom:3px; }
#login_wrap .login_cont .btn_view {display:inline-block; margin-top:5px;}
#login_wrap .login_cont .login_ad {float:right;}

/* Sub Content - [MyPage] */
.mypage {width:785px; position:relative; overflow:hidden;}
.mypage h4 {padding-bottom:9px; clear:both;}
.mypage .title_area .right .sub_select {margin-right:5px; bottom:2px; float:left;}
.mypage .title_area .right .sub_input {float:left;}
.mypage .title_area .right .sub_input .input {width:150px; height:19px; border:1px solid #e3e3e3; bottom:2px; position:relative; float:left;}
.mypage .title_area .right .sub_input .btn {width:22px !important; height:21px; bottom:2px; position:relative; left:-1px; float:left;}
.mypage .title_area .right .sub_input .btn2 {width:38px !important; height:21px; bottom:2px; position:relative; margin-left:5px; float:left;}
.mypage .paging {position:relative;}
.mypage .paging .btn_right {top:-22px; position:absolute; display:inline-block; float:right; right:0px;}
.mypage .title_area .left img {margin-right:5px; vertical-align:middle;}
.mypage .list {margin:0 0 5px;}
.mypage .list li {padding-left:8px; letter-spacing:-0.03em; line-height:16px; }

/* Sub Content - [MyPage] ȸ￿￿ */
.mypage .board .board_write a.btn {vertical-align:2px; padding:0px; margin:0px; margin-left:10px;}
.mypage .board .board_write a.btn img {vertical-align:middle;}
.mypage .board .btn_right2 {text-align:right; margin:-15px 0 0;}
.mypage .comment {font-size:11px !important; color:#868383; margin-top:10px; font-weight:normal;}

/* Sub Content - [MyPage] ȸ￿￿￿￿tep01 */
.mypage .meminfo_modify {width:785px;}
.mypage .meminfo_modify p {text-align:center; color:#444; margin-bottom:10px; border-top:2px solid #d8d7d7; padding-top:13px;}
.mypage .meminfo_modify .box {border:2px solid #777575; width:741px; padding:20px; text-align:center;}
.mypage .meminfo_modify .box dl {height:30px; display:inline-block;}
.mypage .meminfo_modify .box dt:first-child {margin-left:0;}
.mypage .meminfo_modify .box dt {display:inline; vertical-align:bottom; margin:0 10px 0 30px; position:relative; top:9px;}
.mypage .meminfo_modify .box dd {display:inline; vertical-align:middle; font:bold 14px/1em dotum; color:#1097ae;}
.mypage .meminfo_modify .box dd span.cont_id {color:#1097ae; min-width:70px; position:relative; top:9px;}
.mypage .meminfo_modify .btn_right {text-align:right; margin:20px 0 0;}
.mypage .meminfo_modify .box dd input {width:115px; height:25px; line-height:30px; font-size:14px; font-weight:bold; padding-left:5px; border:1px solid #e3e3e3; background:#fff; font-size:12px;}

/* Sub Content - [MyPage] ȸ￿￿￿￿tep02 */
.mypage .meminfo_modify h3 {margin:30px 0 20px; font-size:18px; font-weight:bold; color:#444;}
.mypage .meminfo_modify h4 {margin:0px 0 0px;}
.mypage .meminfo_modify h4 span {font-weight:normal; color:#868383;}
.mypage .meminfo_modify h4 img {margin:0 3px;}
.mypage .meminfo_modify h4 span, .mypage .meminfo_modify h4 img {vertical-align:middle;}
.mypage .meminfo_modify h3:first-child, .mypage .meminfo_modify h4:first-child {margin-top:0;}
.mypage .meminfo_modify .board_write {width:100%;}
.mypage .meminfo_modify .board_write .abbr {width:20px; display:inline-block; vertical-align:top; padding-top:2px; font-size:0; line-height:0;}
.mypage .meminfo_modify .board_write tbody td {padding:5px 5px 4px 6px;}
.mypage .meminfo_modify .board_write select {min-width:50px; height:21px; line-height:21px;}
.mypage .meminfo_modify .board_write select.sel_green {border:1px solid #1097ae;}
.mypage .meminfo_modify .board_write .mark {line-height:21px;}
.mypage .meminfo_modify .board_write select, .mypage .meminfo_modify .board_write .mark, .mypage .meminfo_modify .board_write input {margin-right:5px; vertical-align:middle;}
.mypage .meminfo_modify .board_write .input_radio {width:13px; height:13px; vertical-align:middle; margin-top:-2px;}
.mypage .meminfo_modify .board_write label {vertical-align:bottom}
.mypage .meminfo_modify .board_write label {margin-right:10px;}
.mypage .meminfo_modify .board_write .txt_type1 {color:#878384; font-size:11px;}

/* Sub Content - [MyPage] ￿￿￿￿￿-ȯ￿漳d */
.mypage .setting {position:relative; margin-top:10px;}
.mypage .setting h5 {font-size:12px; margin-bottom:7px; letter-spacing:-0.03em;}
.mypage .setting .list1 {margin:0 0 5px;}
.mypage .setting .list1 li {padding-left:8px; color:#868383; letter-spacing:-0.03em; line-height:16px; }
.mypage .setting .receive {border:2px solid #777575; padding:11px 0 9px 19px; margin-bottom:19px;}
.mypage .setting .receive li {line-height:24px;}
.mypage .setting .receive input {vertical-align:middle; margin-right:5px; position:relative; top:-2px;}
.mypage .setting .btn_right {text-align:right; margin-bottom:20px;}
.mypage .setting .reject {padding:17px 0; border:2px solid #777575; text-align:center; top:2px; position:relative;}
.mypage .setting .reject label {font:bold 14px/1em dotum; color:#000; position:relative; top:10px;}
.mypage .setting .reject .input {width:268px; height:30px; padding:0 10px; margin:0 5px 0 4px; line-height:30px; font-size:14px; font-weight:bold; border:1px solid #e3e3e3; background:#fff;}
.mypage .setting .reject .img {width:65px; height:32px;}
.mypage .board div.cont .open {width:79px; height:38px; border:1px solid #1097ae; background:#fff; position:absolute; top:auto; left:auto; margin:0 0 0 6%; #margin:0 0 0 0px; z-index:255; display:none; padding:9px 0 0 0;}
.mypage .board div.cont .open li a {color:#868383;}
.mypage .board div.cont .open li a:hover {color:#1097ae;}
.mypage .board div.cont:hover .open {display:block;}

/* Sub Content - [MyPage] ￿￿￿￿￿Ʈ */
.mypage .point_state {border:2px solid #989ea3; background:#f8f8f8; width:781px; padding:18px 0 18px 0; overflow:hidden; margin-bottom:20px;}
.mypage .point_state ul {width:785px; overflow:hidden;}
.mypage .point_state li {float:left; text-align:center; width:194px; border-left:1px solid #e3e3e3;}
.mypage .point_state li:first-child {border-left:none;}
.mypage .point_state li label {font:bold 12px/1.5em dotum; color:#434343; display:block; margin-bottom:6px;}
.mypage .point_state li .txt_big {font:30px/1em arial; color:#1097ae;}
.mypage .search_box {position:relative; bottom:-2px;}
.mypage .point h4 {margin-top:25px;}
.mypage .point h4:first-child {margin-top:0px;}
.mypage .point .data_type_line {border-top:2px solid #868383 !important;}
.mypage .point .data_type_line table thead th {font:bold 12px dotum !important; padding:14px 0 9px 0 !important;}
.mypage .point .data_type_line table td {padding:15px 10px !important; vertical-align:top;}
.mypage .point .data_type_line td strong {display:block; font-weight:normal; height:26px; vertical-align:top; letter-spacing:-0.05em;}
.mypage .point .data_type_line td strong img {margin-left:5px;}
.mypage .point .data_type_line td strong.tit2 {display:block; font-weight:normal; height:40px; vertical-align:top; letter-spacing:-0.05em;}
.mypage .point .data_type_line td .txt_dgray1 {color:#878384; font-size:11px; display:block; letter-spacing:-0.02em; padding-bottom:5px; height:47px;}
.mypage .point .data_type_line td .txt_dgray2 {color:#878384; font-size:11px; display:inline-block; letter-spacing:-0.02em; padding-bottom:5px; height:73px;}
.mypage .point .data_type_line td .txt_dgray3 {color:#878384; font-size:11px; display:inline-block; letter-spacing:-0.02em; padding-bottom:5px; height:59px;}
.mypage .point .data_type_line td a img {position:relative; bottom:0px !important;}
.mypage .point .list {margin:0 0 5px;}
.mypage .point .list li {padding-left:8px; letter-spacing:-0.03em; line-height:16px; }
.mypage .point span.btn {padding-top:3px; display:inline-block; padding-bottom:30px;}

/* Sub Content - [MyPage] ￿￿￿￿￿￿ */
.mypage .my_bk h4 {margin:30px 0 10px; padding:0;}
.mypage .my_bk h5 {font-size:12px; margin-bottom:8px;}
.mypage .step2_list {border-bottom:0 none !important;}
.mypage .step2_list img {vertical-align:middle;}

/* Sub Content - [MyPage] ￿￿￿￿￿ǰ */
.mypage .booking_confirm {}
.mypage .booking_confirm h4 {margin-top:0;}
.mypage .booking_confirm .txt11 {font-size:11px !important;}
.mypage .booking_confirm .cancel_guide {padding-right:25px;}
.mypage .booking_confirm .cancel_guide h5 {font-size:12px; margin-bottom:7px; margin-top:30px; letter-spacing:-0.03em;}
.mypage .booking_confirm .cancel_guide h5:first-child {margin-top:0;}
.mypage .booking_confirm .cancel_guide .my_gift_step {overflow:hidden}
.mypage .booking_confirm .cancel_guide .my_gift_step li {float:left;}
.booking_confirm h4 {margin:25px 0 0; padding-bottom:9px; }
.booking_confirm .confirm_notice {margin:14px 0 4px 7px;}
.booking_confirm .confirm_notice li {padding: 0 0 9px 11px;}
.txt_message {border-top:2px solid #d8d7d7;padding:12px 0 13px; text-align:center;}
.txt_message.mt25 {margin-top:25px;}
.booking_confirm .search_box {margin-bottom:-1px; position:relative; z-index:99;}
#sub_container .booking_confirm .search_box .date_search {width:100%;padding-left:136px;}
#sub_container .booking_confirm .search_box .date_search .check {text-align:left;}
#sub_container .booking_confirm .search_box .date_search .check>input {margin-right:8px;*position:relative;*top:-4px;}
#sub_container .booking_confirm .search_box .date_search .check>label .bl {display:block;padding-left:5px;margin-top:10px; *margin-top:3px;}
.booking_confirm .data_type td {line-height:18px;}
.booking_confirm .data_type td.data_no {color:#000;}
.booking_confirm .data_type td a img {display:inline-block; margin-bottom:3px;}
.booking_confirm .cancel_guide {padding:30px 30px 40px; margin-top:40px; border:1px solid #ebebeb; border-width:2px 1px 1px; border-top-color:#b7b7b7; position:relative;}
.booking_confirm .cancel_guide h5 {font-size:12px; margin-bottom:7px; letter-spacing:-0.03em;}
.booking_confirm .cancel_guide h6 {font-size:12px; color:#73c23f; margin:30px 0 7px; letter-spacing:-0.07em;}
.booking_confirm .cancel_guide h6 span {font-weight:normal;}
.booking_confirm .cancel_guide .tit_btn {position:absolute; right:30px; top:30px;}
.booking_confirm .cancel_guide .list1 {margin:0 0 3px;}
.booking_confirm .cancel_guide .list1 li {padding-left:8px; color:#868383; letter-spacing:-0.03em; line-height:16px;}
.booking_confirm .cancel_guide .list2 {margin-top:10px;}
.booking_confirm .cancel_guide .list2 li {color:#868383; letter-spacing:-0.07em; line-height:16px; font-size:11px;}

/* Sub Content - [MyPage] SBS￿￿￿￿￿￿￿￿￿*/

.mypage .notice, #member .notice {font-size:11px;color:#878384;/*margin-bottom:35px;*/ margin-bottom:23px;}
.mypage .notice li, #member .notice li {padding:0 0 3px 10px;}
.mypage .btn_area {text-align:center;}
.mypage .btn_area .btn_cardappli {display:inline-block;width:173px;height:21px;border:1px solid #378901;text-align:center;color:#fff !important;font-weight:bold;padding-top:9px;margin-right:5px;}
.mypage .btn_area .btn_cardappli_later {display:inline-block;width:133px;height:21px;border:1px solid #e2e2e2;text-align:center; font-weight:bold;padding-top:9px;}
.mypage .btn_area .btn_cardappli_later:hover {color:#000;}
.mypage .location h3.memcard {margin-bottom:20px !important;}
.mypage .location span.memcard {color:#444;}

/* Sub Content - [MyPage] ￿￿￿￿ball */
.mypage .card_spot.ball {height:104px;padding:35px 0 0 316px;}
.mypage .card_spot strong {display:block;margin-bottom:14px;}
.mypage .ball>h3 {padding-bottom:9px;}
.mypage .ball>h3.last {padding-top:30px;}
.mypage .ball .notice {font-size:12px;color:#000;letter-spacing:-0.5px;}
.mypage .ball .notice li {}
.mypage .ball .search_box.ball {background:#f8f8f8;padding:20px 0 34px !important;}
.mypage .ball .search_box.ball>span {font-weight:bold;color:#434343;}
.mypage .ball .search_box.ball>span strong {color:#1097ae;margin-left:30px;font-size:30px; font-family:Arial, dotum;font-weight:normal;position:relative;top:5px;}
.mypage .ball .search_box .btn {margin-left:20px;}
.mypage .ball .search_box .select_search {*display:block;*width:360px;*margin:0 auto;}
.mypage .ball .search_box .select_search .date_input input.txt_input {*margin-top:-1px;}
.mypage .ball>p {padding-bottom:12px;}
.location.mypage_ball {margin-top:32px;}
.location.mypage_ball>h3 {margin-bottom:10px !important;}
.mypage .ball .data_type td.txt_gray {color:#666;}

/* Sub Content - [MyPage] ￿￿￿￿￿￿Ʈ */
.mypage .card_spot.point {padding:28px 0 26px 365px;}
.mypage .tab_mpoint {overflow:hidden;margin-bottom:33px;}
.mypage .tab_mpoint a {display:block;float:left;}
.mypage .mpoint>h3 {padding-bottom:9px;}
.mypage .mpoint ul.search_box {*height:93px;background:#f8f8f8;padding:0 !important; margin-bottom:42px;border-color:#989ea3;}
.mypage .mpoint ul.search_box li {width:371px;*height:56px;float:left;padding:18px 10px 19px;}
.mypage .mpoint ul.search_box li:first-child {width:369px;border-right:1px solid #e3e3e3;}
.mypage .mpoint ul.search_box li h4 {color:#434343;padding:5px;}
.mypage .mpoint ul.search_box li strong {display:block;color:#1097ae;font-size:30px; font-family:Arial, dotum;font-weight:normal;}
.mypage .mpoint>dl {margin:14px 0 37px;color:#444;font-size:11px;}
.mypage .mpoint>dl dd>span {color:#1097ae;}
.mypage .mpoint div.search_box {*height:34px; margin-bottom:14px;}
.mypage .mpoint div.search_box .select_search {*width:665px;*margin:0 auto;}
.mypage .mpoint div.search_box .select_search .txt_input {*margin-top:-1px;}
.mypage .mpoint div.search_box .select_search .check {float:left;margin-left:23px;margin-top:8px;}
.mypage .mpoint div.search_box .select_search .check>input {margin-right:6px;*vertical-align:middle;}
.mypage .mpoint div.search_box .select_search .check>label {margin-right:20px;font-size:13px;}
.mypage .mpoint .data_type {margin-bottom:30px; border-top:0;}
.mypage .mpoint .data_type thead th {border-collapse:separate; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.mypage .mpoint .data_type thead th:first-child, .mypage .mpoint .data_type tbody td{vertical-align:top;}
.mypage .mpoint .data_type td span, .mypage .mpoint .data_type td strong {display:block;}
.mypage .mpoint .data_type td strong.txt_green {margin-top:3px;font-size:30px;letter-spacing:-2px; font-family:dotum;}
.mypage .mpoint .data_type td .txt_small {font-size:11px;color:#666;margin-top:6px;}
.mypage .mpoint .data_type tr.no_data td {color:#a2a2a2;}
.mypage .mpoint .notice {display:block;font-size:12px;color:#000;margin-bottom:11px !important;}

/* Sub Content - [Member] */
#member {width:980px; position:relative; background:#fff; margin-bottom:-1px;}
#member .mem_head p {padding:63px 0 37px; text-align:center;}
#member .mem_head .top_btn {text-align:right; padding-bottom:4px;}
#member .top_bnr {margin-bottom:5px;}

/* Sub Content - [Member] ȸ￿￿￿￿￿*/
#member .mem_digest {width:976px; overflow:hidden; border:2px solid #878384; position:absolute; left:0; top:167px; background:#fff; z-index:9;}
    .mem_digest_inner {position:relative; overflow:hidden;}
        .mem_digest_btn {position:absolute; right:10px; top:10px; text-align:right; letter-spacing:-4px;}
            .btn_comparative  {margin-left:8px; vertical-align:top;}
            button.btn_comparative {width:67px; height:21px;}
#member .mem_digest h3 {margin:27px 0 13px 18px;}
#member .mem_digest .btn_close {position:absolute; right:10px; top:10px;}
#member .mem_digest table {width:977px;}
#member .mem_digest table thead th {height:38px; border-top:2px solid #dfe2de; border-bottom:1px solid #e0e2de; border-right:1px solid #d8d8d8; background:#fbfdf9;}
#member .mem_digest table tbody th {padding:9px 0 8px; font-weight:normal; font-size:11px; color:#7c7e7d; border-bottom:1px solid #e3e3e3; border-right:1px solid #d8d8d8; background:#fbfdf9;}
#member .mem_digest table tbody td {padding:8px 10px 7px 10px; text-align:center; border-bottom:1px solid #e3e3e3; border-right:1px solid #d8d8d8;}
#member .mem_digest button.btn_mem_before {position:absolute; top:10px; right:42px; text-align:right;}

/* Sub Content - [Member] ipin￿ȳ￿ */
#member .mem_ipin {position:absolute; top:167px; z-index:9;}

/* Sub Content - [Member] ȸ￿￿ */
#member .step_title {padding:24px 0 23px 211px; position:relative; overflow:hidden; border:2px solid #777575;}
#member .step_title h2 {position:absolute; left:36px; top:18px; border-right:1px solid #d8d8d8; padding:8px 32px 9px 0;}
#member .step_title ul {overflow:hidden;}
#member .step_title ul li {float:left; margin-left:37px;}
#member .step_title ul li:first-child {margin-left:0;}
#member .step_content {padding:30px 40px; position:relative;}
#member .step_content2 {padding:30px 5px; position:relative;}
#member .step_content h3 {margin:30px 0 20px; font-size:18px; font-weight:bold; color:#444;}
#member .step_content h4 {margin:30px 0 10px;}
#member .step_content h4 span {font-weight:normal; margin-left:10px; color:#868383;}
#member .step_content h4 img {margin:0 3px;}
#member .step_content h4 span, #member .step_content h4 img {vertical-align:middle;}
#member .step_content h3:first-child, #member .step_content h4:first-child {margin-top:0;}
#member .step_content .tit_right {text-align:right; margin:-25px 0 8px;}
#member .step_content .tit_right label {font-weight:bold;}
#member .step_content .step_txt {line-height:18px; letter-spacing:-0.03em;}
#member .ad_banner {width:900px;height:80px;margin:0 auto;overflow:hidden;}

/* ￿￿￿ ￿￿  */
#member .step_content .real_name_new {height:198px; padding:0 0 0 235px; border:1px solid #e3e3e3; position:relative;}
#member .step_content .real_name_new h5 {width:162px; height:100px; font-size:12px; position:absolute; left:0;}
#member .step_content .real_name_new h5.on {}
#member .step_content .real_name_new h5 a {width:134px; height:55px; padding:45px 0 0 20px; color:#fff; display:block; background:#b7b7b7}
#member .step_content .real_name_new h5.on a {background:#878384;}
#member .step_content .real_name_new h5.tit1 {top:0}
#member .step_content .real_name_new h5.tit2 {top:100px;}
#member .step_content .real_name_new .cont {background:#fff;}
#member .step_content .real_name_new .cont ul {font-size:11px; }
#member .step_content .real_name_new .cont ul li {margin-bottom:7px;color:#7c7e7d;}
#member .step_content .real_name_new .cont ul li.last {color:#ff7e00 !important;}
#member .step_content .real_name_new .cont ul li.last {font-size:12px; font-weight:bold;}
#member .step_content .real_name_new .cont ul li.last span {text-decoration:underline;}
#member .step_content .real_name_new .cont a:first-child {margin:35px 0 25px;}
#member .step_content .real_name_new .cont .btn {text-align:center; display:block;margin:0 0 30px -70px;}
#member .step_content .real_name_new .cont .txt1 {line-height:18px; margin:30px 0 15px;}
#member .step_content .real_name_new .cont .txt2 {line-height:16px; font-size:11px; color:#7c7e7d; margin-top:25px;}
#member .step_content .btm_btn {text-align:center; margin-top:20px;}
#member .step_content .prestige .btm_btn {overflow:hidden; width:320px; margin:20px auto; color:#878384; font-size:11px;}
#member .step_content .prestige .btm_btn .btn_left {float:left; width:50%;}
#member .step_content .prestige .btm_btn .btn_right {float:right; width:50%;}
#member .step_content .prestige .btm_btn .btn_left p>strong,#member .step_content .prestige .btm_btn .btn_right p>strong  {display:block;}
#member .step_content .prestige .btm_btn .btn_left p,#member .step_content .prestige .btm_btn .btn_right p {margin-top:10px;}

/*2012.1031_ȸ￿￿ ￿￿￿￿￿￿ */
#member .staff_benefit {position:relative; border-top:2px solid #868383 !important; margin-top:10px; width:980px; overflow:hidden; top:-8px; z-index:1;}
#member .staff_benefit .benefit_cont {border:1px solid #d0d0d0; border-width:0 1px 1px 1px;}
#member .staff_benefit .staff_product {border:1px solid #d0d0d0; width:978px; overflow:hidden;}
#member .top_btn h3.staff {display:inline-block; float:left;}
#member .staff_benefit h3.staff_premium {margin:30px 0 13px;}
#member .staff_benefit .benefit_cont li a span.text_etc {font:11px dotum; color:#959595;}
#member .staff_benefit .staff_join {border-left:1px solid #d0d0d0; overflow:hidden; margin:}
#member .staff_benefit .staff_join li {float:left; width:325px; border:1px solid #d0d0d0; border-width:0 1px 1px 0; height:126px; text-align:center; padding-top:45px;}
#member .staff_benefit .staff_join li.center {width:326px;}
#member .staff_benefit .staff_join li p {margin-top:10px; font:11px/1.1em dotum; color:#aaa;}
#member .staff_benefit .staff_join li p span {text-decoration:line-through;}
#member .staff_benefit .staff_join li p strong {color:#878384;}
#member .staff_benefit .staff_gift_info {border:1px solid #d0d0d0; padding:30px 40px;}
#member .staff_benefit .staff_gift_info .img {border:1px solid #d3dbe1; }
#member .staff_benefit .staff_product .product_benefit {padding-bottom:0px;}
#member .staff_benefit .benefit_view {overflow:hidden; background:#fff;}
#member .staff_benefit .benefit_view .tit_img {width:123px; height:119px; position:relative; float:left; margin-right:10px; text-align:center;}
#member .staff_benefit .benefit_view .tit_img .frameBd {width:121px; height:117px;}
#member .staff_benefit .benefit_view dl {float:left;}
#member .staff_benefit .benefit_view dl dt {font-weight:bold; font-size:16px; margin:10px 0 15px;}
#member .staff_benefit .benefit_view dl dd {line-height:16px;}
#member .staff_benefit .benefit_view dl dd.txt_gray {line-height:16px; color:#7c7e7d; font-size:11px; margin-top:17px}
#member .staff_benefit .benefit_cont {padding:45px 0 20px 90px; .padding-bottom:50px; overflow:hidden; border-bottom:1px solid #d0d0d0; }
#member .staff_benefit .benefit_cont li {width:380px; padding-right:40px; float:left; margin-bottom:28px; height:50px;}
#member .staff_benefit .benefit_cont li a {vertical-align:middle; display:inline-block;}
#member .staff_benefit .benefit_cont li .icon {margin-right:18px;}
#member .staff_benefit .benefit_cont li a {color:#7c7e7d; line-height:18px;}
#member .staff_benefit .benefit_cont li a strong {color:#000;}
#member .staff_benefit .benefit_cont li a:hover strong {color:#1097ae;}
#member .staff_benefit .benefit_cont li a:hover {color:#1097ae;}
#member .staff_benefit .benefit_list {padding:20px 0 30px 40px; border-bottom:1px solid #d0d0d0;}
#member .staff_benefit .benefit_list li {color:#7c7e7d; padding-left:18px; font-size:11px; margin-bottom:3px; }
#member .staff_benefit .product_benefit {width:985px; overflow:hidden; position:relative; padding-bottom:115px; }
#member .staff_benefit .product_benefit h4 {height:28px; font-size:12px; text-align:center; line-height:28px; border-top:1px solid #fff; border-bottom:1px solid #e3e3e3;}
#member .staff_benefit .product_benefit .product {width:490px; float:left; overflow:hidden;}
#member .staff_benefit .product_benefit .btn {width:100%; border-top:1px solid #e3e3e3; padding:30px 0; text-align:center; position:absolute; bottom:0; left:0; background:#fff;}
#member .staff_benefit .product_benefit .btn p {width:100%; margin-top:10px; color:#878384; font-size:11px;}

/* 20140108 ￿￿￿ ￿￿￿￿￿ ￿￿￿ ￿￿ ￿￿￿ */
.check_area {margin:36px 0 20px -82px;text-align:center;}
.check_area input {margin-right:5px;}
.check_area label {vertical-align:middle;line-height:18px;}
.check_area label.first {margin-right:35px;}

/* Sub Content - [Member] ￿￿1 */
#member .product_benefit .product ul.thum_list {overflow:hidden; padding:30px 0 15px 55px;}
#member .product_benefit .product ul.thum_list li {width:105px; float:left; margin-right:40px; padding-bottom:30px; height:200px;}
#member .product_benefit .product ul.thum_list li .prod_img {width:91px; height:91px; border:1px solid #e6e6e6;}
#member .product_benefit .product ul.thum_list li p a {width:110px; margin:5px 0 7px;  letter-spacing:-0.03em; font-weight:normal;}
#member .product_benefit .product ul.thum_list li a {display:block; font-size:11px; color:#878384; font-weight:bold;}
#member .product_benefit .product ul.thum_list li a:hover {color:#1097ae;}
#member .product_benefit .product .btn {width:490px;}
#member .product_benefit .product .btn.right {left:491px;}

/* Sub Content - [Member] ￿￿2 */
#member .staff_benefit .product_benefit .benefit_view {padding:30px 0; overflow:hidden; background:#fff;}
#member .staff_benefit .product_benefit .benefit_view .tit_img {width:123px; height:119px; position:relative; float:left; margin:0 10px 0 40px; text-align:center;}
#member .staff_benefit .product_benefit .benefit_view .tit_img .frameBd {width:121px; height:117px;}
#member .staff_benefit .product_benefit .benefit_view dl {float:left;}
#member .staff_benefit .product_benefit .benefit_view dl dt {font-weight:bold; font-size:16px; margin:10px 0 15px;}
#member .staff_benefit .product_benefit .benefit_view dl dd {line-height:16px;}
#member .staff_benefit .product_benefit .benefit_view dl dd.txt_gray {line-height:16px; color:#7c7e7d; font-size:11px; margin-top:17px}

/* Sub Content - [Member] ￿￿3 */
#member .staff_benefit .product_benefit .product ul.num_list {padding:30px 30px 20px;}
#member .staff_benefit .product_benefit .product ul.num_list li {width:430px; margin-bottom:10px; overflow:hidden; line-height:18px;}
#member .staff_benefit .product_benefit .product ul.num_list li .num {width:17px; float:left; margin-top:3px}
#member .staff_benefit .product_benefit .product ul.num_list li p {width:413px; float:left;}
#member .staff_benefit .product_benefit .product dl, #member .staff_benefit .product_benefit .product .txt {width:430px; padding:0 30px 30px; clear:both; color:#7c7e7d; font-size:11px;}

/* Sub Content - [Member] ￿￿5 */
#member .staff_benefit .card_list{padding:13px 40px 40px;}
#member .staff_benefit .card_list li {.width:100%; min-height:80px; padding:25px 0 7px 143px; border-top:1px solid #e3e3e3; overflow:hidden; position:relative;}
#member .staff_benefit .card_list li:first-child {border-top:0 none;}
#member .staff_benefit .card_list li .card {position:absolute; left:8px; top:25px;}
#member .staff_benefit .card_list li .card_tit {width:190px; float:left;}
#member .staff_benefit .card_list li .card_tit p {margin-bottom:9px;}
#member .staff_benefit .card_list li .card_tit a {margin-right:2px;}
#member .staff_benefit .card_list li ul {width:565px; float:left;}
#member .staff_benefit .card_list li ul li {.width:100%; min-height:1px; line-height:18px; padding:0 0 0 7px; border:0 none;}
#member .staff_benefit .card_list li ul li .txt {color:#ff7e00; font-size:11px; margin:7px 0 0 -8px;}
#member .staff_benefit .card_list li ul li .txt_gray {color:#7c7e7d !important;}

/* Sub Content - [Member]*/
#member .step_content .board_write .abbr {width:20px; display:inline-block; vertical-align:top; padding-top:2px; font-size:0; line-height:0;}
#member .step_content .board_write tbody td {padding:9px 5px 9px 6px;}/*16-10-27 ￿￿/
#member .step_content .board_write tbody th {padding-top:12px;}/*16-10-27 ￿￿/
#member .step_content .board_write select {/* min-width:50px;*/ height:21px; line-height:21px;}
#member .step_content .board_write select.sel_green {border:1px solid #1097ae;}
#member .step_content .board_write .mark {line-height:21px;}
#member .step_content .board_write select, #member .step_content .board_write .mark, #member .step_content .board_write input {margin-right:5px; vertical-align:middle;}
#member .step_content .board_write .input_radio, #member .step_content .board_write label {vertical-align:middle;}
#member .step_content .board_write label {display:inline-block; margin-top:2px;}
#member .step_content .board_write label {margin-right:10px;} /* ￿￿￿θ￿ּ￿￿￿￿￿￿￿ */
#member .step_content .board_write .txt_type1 {color:#878384; font-size:11px;}


/* Sub Content - [Member]*/
#member .step_content2 .board_write .abbr {width:20px; display:inline-block; vertical-align:top; padding-top:2px; font-size:0; line-height:0;}
#member .step_content2 .board_write tbody td {padding:4px 5px 4px 10px; border-left:solid 1px #ccc}/*16-10-27 ￿￿/

#member .step_content2 .board_write tbody th {padding-top:12px;}/*16-10-27 ￿￿/
#member .step_content2 .board_write select {/* min-width:50px;*/ height:21px; line-height:21px;}
#member .step_content2 .board_write select.sel_green {border:1px solid #1097ae;}
#member .step_content2 .board_write .mark {line-height:21px;}
#member .step_content2 .board_write select, #member .step_content .board_write .mark, #member .step_content .board_write input {margin-right:5px; vertical-align:middle;}
#member .step_content2 .board_write .input_radio, #member .step_content .board_write label {vertical-align:middle;}
#member .step_content2 .board_write label {display:inline-block; margin-top:2px;}
#member .step_content2 .board_write label {margin-right:10px;} /* ￿￿￿θ￿ּ￿￿￿￿￿￿￿ */
#member .step_content2 .board_write .txt_type1 {color:#878384; font-size:11px;}

/* Sub Content - [Member]*/
#member .card_apply {width:914px; padding:30px 40px 0;}
#member .card_apply h2 {padding-left:7px;}
#member .card_apply .desc {height:223px;margin-top:230px;overflow:hidden;}
#member .card_apply .desc>li {float:left;width:273px;padding:27px 0 0 27px;}
#member .card_apply .desc>li:first-child {width:275px;padding-left:25px;}
#member .card_apply .desc>li h3 {padding-bottom:24px;}
#member .card_apply .desc>li p {margin-top:16px;}
#member .card_apply .desc>li>ul>li:first-child {padding-bottom:12px;}
#member .card_apply h4 {margin-top:38px;}
#member .txt_type2 {color:#878384; font-size:11px; margin:23px 0 11px 0;}
#member .txt_type2 li {height:18px;}
.mcard_btn {margin-top:3px;padding-bottom:10px;text-align:center;}
.mcard_btn .btn {display:inline-block;height:11px;text-align:center;font-weight:bold;padding:9px 10px 10px;}
.mcard_btn .btn:first-child {margin-right:3px;}
.mcard_btn .btn.green {border:1px solid #378901;color:#fff !important;padding:9px 27px 10px;}
.mcard_btn .btn.gray {border:1px solid #e2e2e2;text-align:center;padding:9px 27px 10px;}
.mcard_btn .btn.gray:hover {color:#000;}


#member .step_content .data_wrap .style1 .data_text li input.ex {position:absolute; top:0; left:45px; margin-left:5px;height:15px; border:1px solid #e2e2e2; width:100px;}
#member .step_content .data_wrap .style1 .data_text li label {font-size:11px;}
#member .step_content .data_wrap .style2 h5 {padding-top:40px; font:bold 14px dotum; border-top:1px solid #d7d7d7; color:#444; padding-left:16px; margin-top:40px;}
#member .step_content .data_wrap .style2 .data {margin-left:16px;}
#member .step_content .data_wrap .style2 .data li {display:block;}
#member .step_content .data_wrap .style2 .data li .data_title {padding:35px 0 13px; font:normal 12px dotum; width:100%; }
#member .step_content .data_wrap .style2 .data li .data_text {margin-left:15px; position:relative; height:14px;}
#member .step_content .data_wrap .style2 .data li .data_text li {float:left; margin-right:30px; position:relative;}
#member .step_content .data_wrap .style2 .data li .data_text li input {vertical-align:middle; position:relative; top:-3px;}
#member .step_content .data_wrap .style2 .data li .data_text li input.ex {position:absolute; top:-4px; left:45px; margin-left:5px; border:1px solid #e2e2e2;}
#member .step_content .data_wrap .style2 .data li .data_text li label {vertical-align:middle;}
#member .step_content .data_btn {text-align:center; margin:20px 0 10px;}
#member .step_content .magazine {border-top:2px solid #d8d7d7;}
#member .step_content .magazine li {border-bottom:1px solid #ccc; padding:20px 0 9px 48px; position:relative; overflow:hidden;}
#member .step_content .magazine li input.input_radio {position:absolute; left:20px; top:48%;}
#member .step_content .magazine li .img {float:left; width:91px;}
#member .step_content .magazine li .txt {float:left;}
#member .step_content .magazine li .txt>strong {margin-top:13px; display:block; height:24px;}
#member .step_content .magazine li .txt>p>span {color:#a2a2a2; display:block; margin-top:2px;}
#member .step_content .magazine li.no {padding-bottom:20px;}
#member .step_content .magazine li.no input.input_radio {top:42%;}
#member .card_spot {border:1px solid #d8d8d8; border-width:0 1px 1px 1px; position:relative;}
#member .card_spot a.btn {position:absolute; bottom:36px; right:274px}

/* ￿￿￿￿￿￿ - ￿￿￿￿￿￿￿ҳ￿￿￿ */
.autopay_cancel {padding-top:23px;}
    .autopay_cancel .tit {margin-bottom:30px;}

/* ȸ￿￿ */
[class^="benefit_w_"] {overflow:hidden; position:relative; line-height:1.5;}
    [class^="bnf_sec_"] {float:left; border-top:2px solid #dbdbdb; position:relative; z-index:1;}
        [class^="bg_bnf_"] {display:block; border:1px solid #dbdbdb;  position:absolute; z-index:0;}
        [class^="bg_bnf_laybox_"] {width:386px; height:98%; border:2px solid #124a3d;background:#fff;z-index:3;display:none;}
        [class^="bnf_list_"] {overflow:hidden;}
            [class^="bnf_info_"] {}
                [class^="bnf_view_"] {display:block;  position:relative; }
                    [class^="bnf_icon_"], [class^="bnf_txt_"], .bnf_align_maker {display:inline-block; }
                    .bnf_align_maker {vertical-align:middle;}
                    [class^="bnf_arrow_"] {width:15px; height:24px; margin-top:-12px; position:absolute; top:50%; display:none; z-index:10;}
                    [class~="bnf_on"] [class^="bnf_arrow_"] {display:block; }
                [class^="bnf_detail_"] {width:365px; height:95%;  position:absolute; top:5px; z-index:5; display:none;}
                    .bnf_detail_inner {width:346px; height:85%; padding-top:31px; position:relative;}
                        .bnf_btn_close {width:21px; height:21px; background-position:-595px 0; position:absolute; right:-10px; top:0;}
                        [class^="bnf_context_"] {width:346px; height:100%; margin:0 auto; min-height:165px; max-height:524px; overflow-x:hidden; overflow-y:auto;}
            [class~="bnf_on"], [class~="bnf_on"] [class^="bnf_view_"]{z-index:4;}
            [class~="bnf_on"] [class^="bnf_txt_"] {color:#1097ae;}
            [class~="bnf_on"] [class^="bnf_detail_"] {display:block;}
.benefit_w_mem, .benefit_w_gold {margin-top:30px; overflow:hidden;}
.benefit_w_gold_first {margin-top:0; }
    .bnf_sec_tit {width:162px; padding:40px 20px 0 20px; text-align:center;}
        .bnf_tit, .bnf_price, .bnf_btn {display:block; }
        .bnf_price {margin:18px 10px 0 10px; color:#e61e04; text-align:left; line-height:1.3; }
        .bnf_btn {margin-top:18px; text-align:center; }
        .bnf_banner {margin-top:40px;}
    .bnf_sec_info {width:778px; min-height:248px; padding:8px 0 9px 0; }
        .bnf_list_mem {width:778px; }
            .bnf_info_mem {float:left; width:389px; height:54px; padding:15px 0;}
                .bnf_view_mem {padding-left:34px;}
                    .bnf_icon_mem, .bnf_txt_mem {vertical-align:middle;}
                    .bnf_icon_mem {margin-right:25px;}
                    .bnf_txt_mem {width:250px;}
                    .bnf_align_maker {width:0; height:54px;}
                    .bnf_arrow_even {right:-3px; background-position:-560px 0;}
                    .bnf_arrow_odd {left:-2px; background-position:-575px 0;}
                .bnf_detail_even {right:3px;}
                .bnf_detail_odd {left:20px;}
                    .bnf_context_gold {height:100%; }
                    .bnf_context_mem {height:90%; }
    .bnf_sec_info_partner {padding:23px 0 0 0; }
        .bnf_list_partner {width:778px;}
            .bnf_info_partner {width:754px; padding:0 12px; overflow:hidden;}
                .bnf_icon_partner, .bnf_txt_partner {float:left; vertical-align:top;}
                .bnf_icon_partner {margin-right:28px;}
                .bnf_txt_partner {width:580px; padding-bottom:30px;}
                    .bnf_txt_partner .color_gray {display:block;}
                    .bnf_btn_patrner {display:block; margin-top:10px;}
        .bg_bnf_laybox_top_odd {top:-2px; left:-1px; border-width:2px 2px 0 2px;}
        .bg_bnf_laybox_bottom_odd {bottom:0; left:-1px; border-width:0 2px 2px 2px;}
        .bg_bnf_laybox_top_even {top:-2px; right:0; border-width:2px 2px 0 2px;}
        .bg_bnf_laybox_bottom_even {bottom:0; right:0; border-width:0 2px 2px 2px;}
        .bg_bnf_left {width:200px; height:100%; background:#eee; border-width:0 1px 1px 1px; left:0; bottom:0; }
        .bg_bnf_right {width:777px; height:100%;  border-width:0 1px 1px 0; background:#f9f9f9; right:0; bottom:0; }


/* ￿￿հ￿ Ȯ￿/￿f */
.human_id_w {width:785px; line-height:1.5;}
    .human_id_w .noti_list li {line-height:1.3;}
    .human_id_check_w {border-top:1px solid #ebebeb;}
    .human_type_w {padding:17px 14px 13px 14px; border-bottom:1px solid #ebebeb; overflow:hidden;}
        .human_radio, .human_label {display:inline-block; vertical-align:middle;}
        .human_radio {margin-right:5px; position:relative; top:-2px;}
        .human_label {font-size:14px; color:#000; font-weight:bold; cursor:pointer;}
    [class^="human_form_"] {padding:29px 36px; border-bottom:1px solid #ebebeb; background:#f8f8f8; display:none;}
        .human_txt {display:block; color:#000;}
        [class^="h_form_"] {display:inline-block;  font-size:14px; }
            [class^="h_form_label_"] {padding:11px 0 9px 13px; cursor:pointer;}
        .h_form_list_w {}
            .h_form_list, .h_form_list_hp {width:100%; margin-top:20px; }
                .h_form_list .selector {height:38px; padding:0 15px; border:1px solid #d2d4d8;}
                    .h_form_list .selector span {height:38px; line-height:3; letter-spacing:0;}
                    .h_form_list .selector select {}
            .h_form_list_hp {min-height:127px;}
                .h_form_list_hp .hf_in_w, .h_form_list_hp .h_form_label_tit {float:left;}
                .h_form_label_tit, .h_form_label_sex, .h_form_input, .h_form_txt, .h_form_radio, .btn_rd_white_grayb {vertical-align:middle;}
                .h_form_input, .h_form_input_authentication {width:200px; padding:12px 15px 10px 15px; border:1px solid #d2d4d8; background:#fff; font-size:14px; font-weight:bold;}
                .h_form_label_tit {width:102px;   color:#868383;   position:relative;}
                    .h_form_dot {width:2px; height:2px; margin-top:-1px;  background:#818181; overflow:hidden; position:absolute; left:0; top:50%; }
                .h_form_label_sex {width:38px; padding-left:6px; *padding-left:0; font-weight:bold; color:#000;}
                .h_form_txt {padding:12px 0 13px 10px; color:#888; position:relative;}
                .hf_in_w, {width:596px; overflow:hidden;}
                    .hf_in_list, .hf_in_list_hp {margin-top:10px; position:relative;}
                    .hf_in_list:first-child {margin-top:0;}
                        .hf_in_list .btn_rd_white_grayb {width:130px; margin-left:10px;}
                            .hf_in_list .btn_rd_white_grayb .txt {width:110px;}
                    .hf_in_list_hp {z-index:3;}
                        .h_form_input_authentication {background:none; position:relative; z-index:2;}
                        .h_form_input_authentication:focus, [class~="h_form_input_bg"] {background:#fff;}
                        .h_form_label_placeholder {width:200px; padding:11px 15px 9px 15px; *padding:11px 15px 8px 15px; padding:11px 15px 8px 15px \0/IE8; background:#fff; color:#999; font-weight:bold; position:absolute; left:0; top:0; *top:1px; z-index:1;}
                        .h_form_guide {font-size:12px; color:#666 !important; }
                            .h_form_icon_q {width:13px; height:13px; background:#666; color:#fff; font-family:dotum; line-height:1.3; *line-height:1.1; vertical-align:middle; text-align:center; position:relative; left:5px; top:-2px; }
                        .h_form_guide_layer {width:385px; padding:8px 12px 8px 12px; border:1px solid #666; background:#fff; font-size:11px; color:#666; position:absolute; left:145px; top:0; *top:1px; display:none;}
                        .h_form_guide:hover .h_form_guide_layer, .h_form_guide:focus .h_form_guide_layer, .h_form_guide:active .h_form_guide_layer {display:block;}
    .human_id_btn_w {margin-top:50px; text-align:center;}
        .human_id_btn_w .btn_rd_gray .txt {width:99px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .human_type_w {padding:16px 14px 14px 14px;}
        .human_radio {top:0;}
    .h_form_dot {margin-top:-2px;}
    .h_form_list .selector {margin-left:16px;}
        .h_form_list .selector span {line-height:2.9;}
    .h_form_input, .h_form_input_authentication, .h_form_label_placeholder, .h_form_label_tit, .h_form_label_sex {padding:11px 15px 11px 15px;}
    .h_form_label_placeholder {padding-bottom:7px;}
    .h_form_label_sex {width:20px; padding-left:2px;}
    .h_form_icon_q {line-height:1; top:-1px;}
    .h_form_guide_layer {top:4px;}
}

/*ȸ￿￿ ￿￿￿￿ø￿*/
.outbox {position:relative;width:781px !important;}
    .outbox .ob_title {width:766px !important;}
    .outbox .ob_info {margin-top:25px;}
        .ob_info_text {text-align:center;}
        .ob_info .tit {background-position:left center !important;text-align:left;}

/*￿￿̵￿￿￿￿￿￿ø￿*/
.find_info_w {width:721px !important;}
    .find_info_table {width:329px !important;margin:0 auto;}

/*ȸ￿￿ step1 ￿￿￿￿￿￿￿￿￿￿￿ ￿￿￿*/
.joinstep1_gold {height:21px;margin:25px 0;}
    .jsg_text {display:inline-block;line-height:21px;padding-right:6px;}

/* Sub Content - [￿￿￿￿￿￿] - ￿￿￿缳d 131230 */
.reset_pw {overflow:hidden;margin-top:-10px; position:relative;}
.reset_pw ul {padding-top:40px; overflow:hidden;}
.reset_pw ul li h4 {position:absolute;top:0; height:40px;}
.reset_pw ul li.list1 h4 {left:0;}
.reset_pw ul li.list2 {*margin-top:-32px;}
.reset_pw ul li.list2 h4 {left:199px;}
.reset_pw ul li button {display:block;width:194px;height:40px;font-size:14px;font-weight:bold;background:#e3e3e3;color:#868383;font-family:Dotum;letter-spacing:-1px; cursor:pointer; outline:none;}
.reset_pw ul li .cont {display:none;}
.reset_pw ul li .cont>div {float:left;width:330px;padding:23px 30px;border-left:1px solid #e3e3e3;letter-spacing:-0.5px;}
.reset_pw ul li .cont>div:first-child {border:none;width:329px;}
.reset_pw ul li .cont>div strong {font-size:16px;color:#1097ae;border-bottom:1px solid #e3e3e3;padding-bottom:15px;display:block;letter-spacing:-1px;}
.reset_pw ul li.on button {background:#124a3d;color:#fff;}
.reset_pw ul li.on .cont {display:block;width:781px;border:2px solid #124a3d;overflow:hidden;}
.reset_pw table {width:100%;margin-top:15px;}
.reset_pw table tbody th {font-weight:normal;padding-left:8px;text-align:left;}
.reset_pw table tbody th.blind {background:none;}
.reset_pw table tbody td {padding:5px 0;}
.reset_pw table tbody td.radio {height:21px;}
.reset_pw table tbody td span {vertical-align:bottom;}
.reset_pw table tbody td label {margin-right:15px;}
.reset_pw table tbody td label, .reset_pw table tbody td input {vertical-align:middle;}
.reset_pw table tbody td input[type="radio"] {position:relative; top:-3px; *top:-2px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.reset_pw table tbody td input[type="radio"]{top:0;}}
.reset_pw .input1 {border:1px solid #e3e3e3;width:127px;height:19px;}
.reset_pw .input_radio {margin-right:3px;height:13px;}
.reset_pw table tbody td .input_select {width:65px;margin-right:3px;*margin-right:2px;height:20px;}
    .btn_human_id {position:absolute; right:0; top:0;}
        .btn_human_id .btn_rd_gray_s .txt {width:150px;}

.reset_pw ul li .cont>div fieldset {margin-top:13px;}
.reset_pw ul li .cont>div fieldset label {display:inline-block;padding-left:8px;vertical-align:bottom;margin-right:40px;}
.reset_pw ul li .cont>div ul {color:#858384;margin-top:-20px;}
.reset_pw ul li .cont>div ul li {padding-left:11px;letter-spacing:-0.5px;padding-bottom:8px;}
.reset_pw .btn_ok {display:block;margin:0 auto;}

.reset_pw .box {width:781px;border:2px solid #d8d8d8;overflow:hidden;color:#444; line-height:1.5;}
.reset_pw .box .tit {height:53px;background:#f8f8f8;text-align:center;border-bottom:1px solid #e3e3e3;color:#444;}
.reset_pw .box .tit.desc {height:74px;padding:40px 0 36px;}
.reset_pw .box .desc strong {display:block;font-size:16px;color:#444;border:none;padding-bottom:20px;}
.reset_pw .box .tit h5 {font-size:14px;color:#000;text-align:left;border:none;padding :20px 0 20px 17px;}
.reset_pw .box>ul {margin:-10px 0 0 160px;color:#868383;}
.reset_pw .box>ul li {padding:0 0 7px 8px;}
.reset_pw .box ul.cert_list {margin:-15px 0 40px 178px;}
.reset_pw .box ul.cert_list li {font-size:14px;/*height:22px;*/ overflow:hidden;}
.reset_pw .box ul.cert_list li strong {color:#000;margin-right:30px;}
.reset_pw .box ul.cert_list li span {font-weight:bold;letter-spacing:-0.5px;color:#868383;}
.reset_pw .box ul.cert_list li a {display:inline-block;float:right;margin-right:187px;}
.reset_pw .box ul.cert_list li strong, .reset_pw .box ul.cert_list li span {float:left; margin-top:3px;}
.reset_pw .box ul.cert_list li strong, .reset_pw .box ul.cert_list li span, .reset_pw .box ul.cert_list li a {vertical-align:middle;}
.reset_pw .box .pwreset_txt {text-align:center;margin:30px 0 25px;color:#000;}
.reset_pw .box .pwreset_txt span {color:#1097ae;}
.reset_pw .box table.pwreset {border:none;margin-left:95px;}
.reset_pw .box table.pwreset tbody td span {font-size:11px;color:#868383;vertical-align:middle;}
.reset_pw .btn_area {clear:both !important;margin-top:10px;padding:15px 0 0 0;text-align:center;width:100%;border-top:1px solid #e3e3e3;}
.reset_pw .btn_area.reset {padding:10px 0;border:none;margin:0;}
.reset_pw .btn_area.resetok {padding-top:9px;}
.reset_pw .btn_area.resetok  input {margin-bottom:8px;}


/* mypage - ￿ɹ￿￿￿￿￿￿ */
.memcard_apply {width:780px; padding-top:23px; border-bottom:1px solid #f0f0f0; margin:0 auto 68px auto;}
    .memcard_apply img {vertical-align:top;}
    .memcard_apply .txt {margin-bottom:59px; text-align:center;}
    .memcard_apply .txt_list {padding:0 0 63px 457px; }
        .memcard_apply .txt_list li {margin-top:34px;}
        .memcard_apply .txt_list li:first-child {margin-top:0;}
.card_tbl {width:100%;}
    .card_tbl td .input6 {width:276px;}
    .card_tbl td.txt_area {padding:7px 0 10px 6px;}
    .card_tbl td.txt_area textarea {width:98%; height:50px; padding:3px; border:1px solid #e3e3e3;}
        .card_tbl td .txt_input_green {margin-top:3px; padding:0 0 0 6px !important;}
        .card_tbl td .add_select {display:block; margin:12px 0 5px 0; overflow:hidden;}
            .card_tbl td .add_select input, .card_tbl td .add_select label, .card_tbl td .add_select .tit {display:block; float:left; vertical-align:top; margin:0 10px 0 0;}
            .card_tbl td .add_select label, .card_tbl td .add_select .tit {padding-top:4px; padding-right:10px;}
            .card_tbl td .add_select .tit {margin:0 !important;}
            .card_tbl td .input1, .card_tbl td .input2, .card_tbl td .txt {vertical-align:middle; float:left;}
            .card_tbl td .txt {display:block; padding:5px 0 0 10px;}
        .card_tbl td .width_info {display:block; clear:both;}
    .card_tbl th {border-width:1px 1px 1px 0;}
.mypage .notice {margin-bottom:23px !important;}
.mypage .card_spot.point .txt li {margin-top:7px;}
.mypage .card_spot.point .txt li:first-child {margin-top:0;}


/* [Sub Contents] ￿ɹ￿￿￿Ʈ ￿￿￿ / ￿￿￿￿ */
.membership_point {border-top:2px solid #868383;}
    .membership_point .tit {padding:14px 25px; border-top:1px solid #fff; background:#f8f8f8;}
    .membership_point .cont {border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; overflow:hidden;}
        .membership_point .cont li {float:left; width:262px; min-height:68px; padding:23px 0 21px 0; border-left:1px solid #e3e3e3; color:#010101;}
        .membership_point .cont li:first-child {border-left:0;}
        .membership_point .cont li.eq2 {width:259px;}
            .membership_point .cont li p, .membership_point .cont li strong, .membership_point .cont li span {display:block; text-align:center;}
            .membership_point .cont li .point_name {margin-bottom:12px;}
            .membership_point .cont li .point_num { color:#1097ae; font-size:30px; font-family:Arial, dotum; font-weight:normal;}
            .membership_point .cont li .point_num.txt {font-weight:bold; font-family:dotum;}
            .membership_point .cont li .txt_gray {font-size:11px; color:#878384;}
        .membership_point .cont.type2 li {width:455px;}
        .membership_point .cont.type2 li:first-child {width:328px;}
            .membership_point .cont.type2 li .bul_dot_list {margin-left:19px;}
                .membership_point .cont.type2 li .bul_dot_list li {padding:0 0 0 12px; min-height:0; margin-top:9px; border:0;  text-align:left;}

/* ￿￿￿d￿￿ ￿￿￿￿￿￿ */
.prvacy_box {padding:36px 40px 31px 40px; border:1px solid #cfcfcf; margin-bottom:30px;}
    .prvacy_box img {vertical-align:top;}
    .prvacy_box h3 {padding-bottom:15px;}
    .prvacy_box .top_txt {padding-bottom:32px;}
    .prvacy_box .gray_box {width:704px; padding-top:16px; }
        .prvacy_box .gray_box .cont {width:662px; padding:0 21px 17px 21px; }
            .prvacy_box .gray_box .cont .tit {padding:2px 0 21px 31px; }
                .prvacy_box .gray_box .cont .dot_list {margin-left:32px;}
                    .prvacy_box .gray_box .cont .dot_list li {padding-left:10px; margin-top:8px; }
                    .prvacy_box .gray_box .cont .dot_list li:first-child {margin-top:0;}

/* ȸ￿￿ - ￿￿ȸ￿￿￿ǰ */
.gold_memer_products {border-bottom:1px solid #ccc; padding:28px 0 6px 48px; overflow:hidden;}
    .gold_memer_products .img_area, .gold_memer_products .info_area {float:left;}
    .gold_memer_products .img_area {width:143px;}
    .gold_memer_products .info_area {padding:12px 0 0 55px; color:#000; line-height:1.5;}
        .gold_memer_products .info_area strong {display:block; margin-bottom:6px;}
        .gold_memer_products .info_area .txt_gray {color:#a2a2a2 !important;}

/* ȸ￿￿Ұ￿ ￿￿ ￿￿￿￿ */
#member .main_cont ul li .benner_area {width:265px; margin:0 auto 10px auto; }

/*ȸ￿￿ ￿￿￿￿￿ǰ ￿￿*/
.bnf_banner_new {margin-top:60px;}
	.bnf_banner_new .bnf_banner_gift {margin-bottom:50px;display:block;}
	.bnf_banner_new .bnf_banner_gift_2 {margin-bottom:80px;display:block;}
.bnf_banner_new_2year {margin-top:25px;}
.bnf_banner_new_2year .bnf_gift_2year {margin-bottom:20px;display:block;}
	.bnf_banner_new_2year .bnf_gift_2year_2 {margin-bottom:35px;display:block;}

/*sns ￿α￿￿/
.login_sns {margin-top:22px;border-top:1px solid #3d5d6c;padding-top:20px;width:524px;}

/*memebr_join*/
.mem_head_copy {text-align:center;font-size:14px;margin-bottom:40px;}
.mem_head_list {margin:0 0 30px;}
.mem_head_list li {display:inline-block;line-height:26px;zoom:1; *display:inline;}
.mem_head_list span {display:inline-block;margin:0 15px;}
.step3_congr_btn {text-align:center;font-size:0;}
.step3_congr_btn a {display:inline-block;font-size:16px;color:#fff;padding:15px 30px;font-weight:bold;margin-top:40px;margin-bottom:55px;}
.scb_login {background:#053343;}
.scb_topia {background:#878384;margin-left:20px;}

/*20170713*/
.srchbox_si {
    vertical-align: middle;
    line-height: 36px;
    font-size: 14px;
	padding:3px 5px;
	margin-left: 5px;
	}

input[type="radio"] {position:relative;top:-1px; }
li input[type="radio"] {position:relative;top:-1px; }
input[type="checkbox"] {position:relative;top:-1px; }
li input[type="checkbox"] {position:relative;top:-1px; }
label {cursor:pointer}
.underInput {margin-top:5px; margin-left:0; border-top:none;border-left:none;border-right:none;}
.bdnonetable td{border:none}


.ico {
	position:relative;
	top:-1px;
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    text-align: center;
    text-decoration: none;
    font: 12px/100% dotum, sans-serif;
    padding: 3px 3px 1px 3px;
    border-radius: .25em;
	line-height:125%;
}

.button {
	position:relative;
	top:0px;
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    margin: 2px 0 0 4px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% dotum, sans-serif;
    padding: 2px 5px 1px 5px;
    border-radius: .25em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
	line-height:125%
}

.buttonOn {
	position:relative;
	top:0px;
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    margin: 2px 0 0 2px;
    outline: none;
    text-align: center;
    text-decoration: none;
    font: 14px/100% dotum, sans-serif;
    padding: 2px 5px 1px 5px;
    border-radius: .25em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
	line-height:125%
}
.buttonlogout {
	position:relative;
	top:-1px;
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    margin: 0 0 0 4px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 2px 5px 1px 5px;
    border-radius: .25em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
	line-height:125%
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.small {
    font-size: 11px;
    padding: .3em .3em .1em .3em;
	line-height:140%
}
.xsmall {
    font-size: 11px;
    padding: .5em .2em .1em .3em;
}
.xxsmall {
    font-size: 11px;
    padding: .2em .2em .0em .2em;
	line-height:120%
}
.medium {
    font-size: 12px;
    padding: 0.3em 0.4em 0.1em 0.4em;
}
.mediumBig {
    font-size: 14px;
    padding: .4em .6em .22em .6em;
}
.big {
    font-size: 16px;
    padding: .7em .7em .7em;
}
.bigs {
    font-size: 14px;
	font-weight:bold;
    padding: .7em .7em .6em;
}
.cormBig {
	    font-size: 18px;
		font-weight:bold;
    padding: .7em 1.2em .7em 1.2em;
}
.white {
    color: #606060;
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
    background: -moz-linear-gradient(top, #fff, #f3f3f3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3');
}
.white:hover {
    color: #000000;
    background: #f3f3f3;
    background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#fff));
    background: -moz-linear-gradient(top, #ebebeb, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#fff');
}
.bigrounded {
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	background: linear-gradient(#faa51a,  #f47a2);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	background: linear-gradient(#f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}

.blue {
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top, #00adee, #0078a5);
	background: linear-gradient(#00adee, #0078a5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
    color: #ffffff;
    background: #007ead;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
    background: -moz-linear-gradient(top, #0095cc, #00678e);
	background: linear-gradient(#0095cc, #00678e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}

.darkBlue {
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: #000066;
    background: -webkit-gradient(linear, left top, left bottom, from(#1a0fa9), to(#000066));
    background: -moz-linear-gradient(top, #1a0fa9, #000066);
	background: linear-gradient(#1a0fa9, #000066);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a0fa9', endColorstr='#000066');
}
.darkBlue:hover {
    color: #ffffff;
    background: #4f46c5;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
    background: -moz-linear-gradient(top, #0095cc, #00678e);
	background: linear-gradient(#0095cc, #00678e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.darkRed {
    color: #ffffff;
    border: solid 1px #710000;
    background: #730000;
    background: -webkit-gradient(linear, left top, left bottom, from(#ae0909), to(#730000));
    background: -moz-linear-gradient(top, #ae0909, #730000);
	background: linear-gradient(#ae0909, #730000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ae0909', endColorstr='#730000');
}
.darkRed:hover {
    color: #ffffff;
    background: #ae0909;
    background: -webkit-gradient(linear, left top, left bottom, from(#730000), to(#ae0909));
    background: -moz-linear-gradient(top, #730000, #ae0909);
	background: linear-gradient(#730000, #ae0909);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#730000', endColorstr='#ae0909');
}
.gray {
    color: #000000;
    border: solid 1px #aaa;
    background: #d3d3d3;
    background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#d3d3d3));
    background: -moz-linear-gradient(top, #f3f3f3, #d3d3d3);
	background: linear-gradient(#f3f3f3, #d3d3d3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#d3d3d3');
}
.gray:hover {
    color: #000000;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3));
    background: -moz-linear-gradient(top, #ffffff, #f3f3f3);
	background: linear-gradient(#ffffff, #f3f3f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3');
}
.darkGray {
    color: #e9e9e9;
    border: solid 1px #555;
    background: #6e6e6e;
    background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
    background: -moz-linear-gradient(top, #888, #575757);
	background: linear-gradient(#888, #575757);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.darkGray:hover {
    color: #000000;
    background: #616161;
    background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
    background: -moz-linear-gradient(top, #757575, #4b4b4b);
	background: linear-gradient(#757575, #4b4b4b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.red {
	color: #ffffff;
	font-weight:bold;
	border: solid 1px #710000;
	background: #c90000;
	background: -webkit-gradient(linear, left top, left bottom, from(#c90000), to(#710000));
	background: -moz-linear-gradient(top,  #c90000,  #710000);
	background: linear-gradient( #c90000,  #710000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c90000', endColorstr='#710000');
}
.red:hover {
    color: #ffffff;
	background: #c10000;
	background: -webkit-gradient(linear, left top, left bottom, from(#710000), to(#c90000));
	background: -moz-linear-gradient(top,  #710000,  #c90000);
	background: linear-gradient( #710000,  #c90000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#710000', endColorstr='#c90000');
}
.darkRedOn {
    color: #ffffff;
    border: solid 1px #710000;
    background: #730000;
}
.grayOn {
    color: #000000;
    border: solid 1px #aaa;
    background: #d3d3d3;
}
.darkGrayOn {
    color: #e9e9e9;
    border: solid 1px #555;
    background: #6e6e6e;
}

.darkBlueOn {
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: #000066;
}
.shapebutton {
	position: relative;
    top: -1px;
    zoom: 1;
    vertical-align: baseline;
    margin: 0 0 0 4px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% dotum, sans-serif;
    padding: 2px 5px 1px 5px;
    border-radius: .25em;
    line-height: 125%;
    color: #606060;
    border: solid 1px #b7b7b7;
    background: #fff;
}
.shapebuttonOn {
	position: relative;
    top: -1px;
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    margin: 0 0 0 4px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% dotum, sans-serif;
    padding: 2px 5px 1px 5px;
    border-radius: .25em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    line-height: 125%;
}

.txtContainer {
}

.txtContent {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.badge {
	float:right;
	display:inline-block;
    max-width: 50px
}
.posiT2 {position:relative; top:2px}

.directT {font: 14px/normal 돋움; width: 620px; visibility: hidden; position: absolute; overflow:hidden; box-shadow: 10px 10px 5px #888888; color:#000000}
.txtarea {width:605px;height:230px;line-height:180%;font-size:14px;padding:5px;border:solid 1px #ccc}
.memoarea {width:605px;height:80px;line-height:180%;font-size:14px;padding:5px;border:solid 1px #ccc}

input.upload {
  opacity: 0;       /*input type="file" tag 투명하게 처리*/
  position: relative;
  margin-left:8px;
}
button.replace {    /*button tag 에 원하는 스타일 적용*/
  position: absolute;
  width: 140px;
  height: 40px;
  border-radius: 3px;
  font-weight: 600;
  border-color: transparent;
  font-size: 25px;
  background: darkblue;
  color: #fff;
  cursor: pointer;
  margin-left:8px;
  line-height:180%
}
input.send {
  opacity: 0;       /*input type="file" tag 투명하게 처리*/
  position: relative;
}
button.replace2 {    /*button tag 에 원하는 스타일 적용*/
  position: absolute;
  width: 200px;
  height: 40px;
  border-radius: 3px;
  font-weight: 600;
  border-color: transparent;
  font-size: 25px;
  background: darkred;
  color: #fff;
  cursor: pointer;
  margin-left:20px
}

/* Sub Content - Layout */
#tem_header {width:980px; height:328px; margin:10px auto 0; border-bottom:3px solid #1097ae;position:relative;}
#tv_template #sub_container {width:100%; margin:0; border:0; background:none;}
#sub_container #tem_container {width:978px; margin:0 auto; border:1px solid #ebebeb; border-width:0 1px 1px 1px; background:#fff;}
#sub_container #tem_container:after {display:block; clear:both; content:"";}
#sub_container #tem_container .tem_content {width:94%; padding:30px 29px 30px 28px; float:left;}
#sub_container #tem_container .tem_content:after {display:block; clear:both; content:"";}
#tem_aside {width:240px; float:right; padding:30px 14px 85px 15px; position:relative;}
#sub_container #tem_container .tem_content .sub_title em.txt_gray {font-style:normal; font-size:11px; position:absolute; top:2px; left:60px;}
#tem_header .visual {width:980px; height:328px; overflow:hidden; position:absolute; left:0; top:0; z-index:1;}
#tem_header .tem_gnb {height:42px; padding-left:30px; position:relative; top:286px; z-index:5; overflow:hidden; background:url('/common/images/bg_tem_gnb.png') left top no-repeat;}
#tem_header .tem_gnb ul {float:left;}
#tem_header .tem_gnb ul li {float:left; line-height:42px; padding-left:20px; margin-right:18px; background:url('/common/images/tem_gnb_line.png') left 16px no-repeat;}
#tem_header .tem_gnb ul li a {color:#fff; font-size:16px; font-weight:bold;}
#tem_header .tem_gnb ul li.on a,
#tem_header .tem_gnb ul li a:hover {color:#1097ae;}
#tem_header .tem_gnb ul li:first-child {background:none; padding-left:0;}
#tem_header .tem_gnb .right {float:right; padding:15px 20px 0 0;}

/* Sub Content  */
.sub_title {margin-bottom:10px; position:relative;}
.sub_title p {margin-bottom:5px;}
.sub_title span {font-size:18px; color:#444;}
.sub_title .right {position:absolute; right:0; bottom:0;}
.tem_content .tem_program {width:652px; position:relative;}
#sub_container #tem_container.end_pro {margin-top:10px;}
#sub_container #tem_container.end_pro .tem_content, #sub_container #tem_container.end_pro #tem_aside {/*border-top:2px solid #000;*/ border-top:1px solid #ebebeb;}
#sub_container #tem_container.end_pro .tem_content {width:653px; margin-left:-1px;}
#sub_container #tem_container.end_pro #tem_aside {width:241px; margin-right:-1px;}

/* Sub Content */
.tem_review {border-top:2px solid #d8d7d7;}
.tem_review .review_list li {overflow:hidden; padding:12px 125px 12px 14px; position:relative; border-bottom:1px solid #ebebeb;}
.tem_review .review_list li .tit_img {width:150px; height:85px; margin-right:13px; float:left; position:relative;}
.tem_review .review_list li .tit_img .frameBd {width:148px; height:83px;}
.tem_review .review_list li .tit_img .icon_play {width:32px; height:32px; background-position:-75px -195px; position:absolute; right:10px; bottom:10px; z-index:10;}
.tem_review .review_list li .txt_list {width:345px; float:left; font-size:11px; color:#868383; line-height:16px;}
.tem_review .review_list li .txt_list dl dt {font-size:12px; color:#2c3038;}
.tem_review .review_list li .txt_list dl dd {font-size:11px; color:#979797; line-height:13px; padding:5px 0 6px;}
.tem_review .review_list li .txt_list a:hover {color:#1097ae;}
.tem_review .review_list li .btn {position:absolute; bottom:12px; right:0;}
.tem_review .review_list li a:hover {color:#1097ae !important;}

[class^="inqa_input"], [class^="inqa_label"], .inqa_dash, select, a {
    vertical-align: middle;}

.linkA {color:#0000cd; text-decoration:underline}
.linkA:hover {color:#9932cc; font-weight:bold}
.title_comf {font-size:20px}
.title_comf2 {font-size:12px;text-align:right;margin-bottom:15px;position:relative; top:-25px;line-height:160%}
.bssgg5 {top:0 !important}
.txtUnder {text-decoration:underline}
.txtRed {color:#a20000}
.txtBlue {color:#0000b2}
.vAlignM {vertical-align:middle !important}
.Bold {font-weight:bold}
.boldN {font-weight:normal}
.txtAlignL {text-align:left !important}
.txtAlignR {text-align:right}
.txtAlignC {text-align:center}

.input_check {
    width: 11px;
    height: 11px;
	border:solid 1px #ccc;
	border-radius:100px;
    background: #eeeeee;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	}

.selectKindBox {width: 100px; height: 38px; line-height: 36px; font-size: 14px; vertical-align: middle; background: #d3eff8;}
.selectBox {line-height: 26px; height: 26px; font-size: 14px; margin-left: 4px; border: solid 1px #ccc;}
.selectBoxBig {line-height: 26px; width: 150px; height: 36px; font-size: 18px; margin-left: 4px; border: solid 1px #ccc;  padding:0 0 0 3px}
.selectBoxSmall {line-height: 26px; height: 28px; font-size: 14px; margin-left: 4px; border: solid 1px #ccc;  padding:0 0 0 3px}
.selectBoxXSmall {line-height: 24px; height: 24px; margin-left: 0px; border: solid 1px #ccc;  padding:0 0 0 2px;top:0px;position:relative;font-size:14px}
.selectBoxList {line-height: 30px; height: 30px; font-size: 14px; margin-left: 4px; border: solid 1px #ccc;}
.inputBox {line-height: 36px; width: 117px; height: 38px; font-size: 14px; margin-left: 4px; border: solid 1px #ccc;}
.inputBoxSmall {position:relative; top:2px;line-height: 140%; font-size: 14px !important; display:inline-block; height: 28px;  padding:2px 5px 2px 5px !important; border:solid 1px #ccc !important; margin:0 0 0 4px !important; }
.inputBoxSmallV2 {position:relative; top:1px;line-height: 140%; font-size: 14px; display:inline-block; height: 22px;  padding:2px 5px 2px 5px; border:solid 1px #ccc; margin:0 0 0 4px; }
.inputBoxSmallV3 {position:relative; top:-3px;line-height: 140%; font-size: 14px !important; display:inline-block; padding:2px 5px 2px 5px !important; border:solid 1px #ccc !important; margin:0 0 0 4px !important; }
.inputBoxSmallUn {font-weight:bold;font-size: 14px !important; display:inline-block !important; height: 22px;  padding:2px 3px 2px 2px !important; border-bottom:solid 1px #ccc !important; border-top:0 !important; border-left:0 !important; border-right:0 !important; margin:0 0 0 4px !important; }
.inputBoxSmallUnd {font-size: 14px !important; display:inline-block !important; height: 22px;  padding:2px 3px 2px 2px !important; border-bottom:solid 1px #ccc !important; border-top:0 !important; border-left:0 !important; border-right:0 !important; margin:0 0 0 4px !important; }
.textareaBoxSmall {font-size: 14px !important; display:inline-block !important;  padding:2px 5px 1px 5px !important; border:solid 1px #ccc !important; margin:0 0 0 4px !important; }
.inputPayBox {color:#000000 !important; position: relative; top: 1px; line-height: 140%; font-size: 16px !important; display: inline-block !important; height: 28px; padding: 2px 5px 2px 5px !important; border: solid 1px #ccc !important; margin: 0 0 0 4px !important;}
.inputPayBox2 {color:#000000; position: relative; top: 1px; line-height: 140%; font-size: 14px !important; display: inline-block !important; height: 28px; padding: 1px 3px 1px 3px !important; border: solid 1px #ccc !important; margin: 8px 0 0 4px !important;}


/*icon set*/
.css-arrow {
    display: inline-block;
    position: relative;
    margin: 0 0 0 8px;
    padding: 0;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left-color: #000;
}
.css-arrow:before, .css-arrow:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
}
.css-arrow:before {
    left: -30px;
    margin-top: -10px;
    border: 10px solid transparent;
    border-right-color: #000;
}
.css-arrow:after {
    left: -20px;
    margin-top: -14px;
    border: 14px solid transparent;
    border-left-color: #fff;
}

.css-arrow2 {
    display: inline-block;
    position: relative;
    margin: 0 8px 0 0 ;
    padding: 0;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-right-color: #000;
	cursor:pointer;
}
.css-arrow2:before, .css-arrow2:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
}
.css-arrow2:before {
        left: 10px;
    margin-top: -10px;
    border: 10px solid transparent;
    border-left-color: #000;
}
.css-arrow2:after {
    left: -8px;
    margin-top: -14px;
    border: 14px solid transparent;
    border-right-color: #fff;
}

.board_list4_w01 {width:5.1%}
.board_list4_w02 {width:5.1%}
.board_list4_w03 {width:5.1%}
.board_list4_w04 {width:6.1%}
.board_list4_w05 {width:6.1%}
.board_list4_w06 {width:6.2%}
.board_list4_w07 {width:8.2%}
.board_list4_w08 {width:8.1%}
.board_list4_w09 {width:8.2%}
.board_list4_w10 {width:9.2%}


@media screen and (-webkit-min-device-pixel-ratio:0){
.board_list4_w01 {width:5%}
.board_list4_w02 {width:4.9%}
.board_list4_w03 {width:4.8%}
.board_list4_w04 {width:4.8%}
.board_list4_w05 {width:6.2%}
.board_list4_w06 {width:6.2%}
.board_list4_w07 {width:6.2%}
.board_list4_w08 {width:8.2%}
.board_list4_w09 {width:8.2%}
.board_list4_w10 {width:8.2%}
}


.scroll {
    width: 1020px;
    height: 153px;
    border: 1px solid #ccc;
    padding: 10px 0 10px 10px;
    overflow-y: scroll;
    overflow-x: hidden;
    font-size: 16px;}
.scrollCustom{width:100%;height:100px;border:1px solid #ccc;padding:10px 0 10px 10px;overflow-y:scroll;overflow-x:hidden; }
.h2_title2 {
    font-size: 16px !important;
    padding: 10px 0;}
.marginBottom30, .mg_btm30 {
    margin-bottom: 30px !important;}
.h3_agree {
    background-image: none;
    padding-left: 0;
    font-size: 14px;
    font-weight: bold;
}
.box_agree {
    padding: 0;
}
.hg26 {
    height: 26px !important;
}
.agree_comment {
    margin-top: 20px;
    text-align: center;
}
.list_care .num_care li {
    padding-bottom: 12px;
    list-style: decimal;
    color: #000;
    font-weight: bold;}

.list_care .num_care {
    width: 40%;
    display: inline-block;
    padding: 0 0 15px 30px;
    float: left;
}
.list_care {
    border-top: 1px solid #000;
    padding: 30px 0 28px;
}
.box_mem_care {
    padding: 0 0 15px;
}
.box_mem_care .title_mem_care {
    display: inline-block;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    margin-top: 15px;
    padding: 10px 2%;
    color: #000;
}
.box_mem_care .con_mem_care {
    line-height: 180%;
    padding: 15px;
    color: #000;
	font-size:16px
}
.box_mem_care .title_mem_care strong {
    float: left;
}
strong {
    font-weight: 600;
}
.box_care {font-size:16px;line-height:180%}
.box_mem_care .con_mem_care .box_list li {

    padding-left: 15px;
}
#member .step_content h3 {
    margin: 30px 0 20px;
    font-weight: bold;
    color: #444;
}

.txtBlue {color:blue}
.dateBox {width:70px; height:20px; padding:0 2px;}

.divtd2 {}
.bdBottomNone {border-bottom:none !important}
.bdLeftNone {border-left:none !important}
.bdTopNone {border-top:none !important}
.bdRightNone {border-right:none !important}

.ttl_box {height:60px; line-height:20px; font-size:14px;border:solid 1px #ccc;padding:5px 10px;margin-bottom:20px;color:#0000ff; }
.paddL0 {padding-left:0px !important}
.paddL5 {padding-left:5px !important}
.paddR0 {padding-right:0px !important}
.paddT0 {padding-top:0px !important}
.paddB0 {padding-bottom:0px !important}
.padd0 {padding:0px !important}

.txtfont12 {font-size:12px; line-height:14px}
.txtfont14 {font-size:14px; line-height:16px}
.txtfont16 {font-size:16px; line-height:18px}
.txtfont18 {font-size:18px; line-height:20px}
.txtfont20 {font-size:20px; line-height:22px}

.OnYR {background:#8B0000; color:#fff; font-weight:bold; cursor:default}
.OnYR:hover {background:#8B0000; color:#fff; font-weight:bold; cursor:default}
.OnNG {background:#ccc; color:#555; font-weight:bold; cursor:default}
.OnNG:hover {background:#ccc; color:#555; font-weight:bold;cursor:default}

#layer_popup { width:400px; height:500px; text-align:center; position:relative; background:#fff}
.close div{float:left; text-align:right;}
#check{font-size:12px; font-family:'돋움'; position:absolute; bottom:9px; right:45px; }
#close{font-size:12px; position:absolute; bottom:9px; right:10px; }
#close a { color:#fff; }


.sampleWrap {position:relative; z-index:99}}
.sampleWrapImg {position:absolute; z-index:999;width:100%;text-align:center;vertical-align:middle}

.backGSprite {
	position:absolute;
	z-index:999;
	text-align:center;
	vertical-align:middle;
    width: 100%;
    height: 93%;
    background: linear-gradient(rgba(255,255,255,0.3) 50%, rgba(111,111,111,0.3) 50%, transparent 90%);
    background-size: 100% 4px;
}
.backGSprite2 {
	position:absolute;
	z-index:999;
	text-align:center;
	vertical-align:middle;
    width: 95%;
    height: 93%;
    background: linear-gradient(rgba(255,255,255,0.3) 50%, rgba(111,111,111,0.3) 50%, transparent 90%);
    background-size: 100% 4px;
}

/*20190612 by R*/
.bdblue {border:solid 3px #0069d9}

/*20210121 by R*/
.contents_wrap_div {width:100%; cursor:pointer;text-align:left}
.layer_content {}
.btn_msg_i, .btn_msg_s, .btn_msg_g {
	border: solid 1px #cccccc;
    padding: 2px 2px 1px 2px;
    font-size: 11px;
    color: blue;
    line-height: 140%;
    letter-spacing: -2px;
    border-radius: 3px 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;}
	.btn_msg_i.proc_delay_close {
    padding: 4px 4px 3px 4px;
    width: 35px;
    letter-spacing: -0px;
	}
.view_msg, .view_msg_i, .view_msg_s, .view_msg_g {display:none; background:#ffffff; border:solid 1px #cccccc; z-index:9999; width:500px; min-height:300px; left:340px; top:180px; position: absolute; overflow: hidden; box-shadow: 3px 1px 4px #cccccca8; color: #000000;}
.layer_title {margin:20px; padding:20px; 10px; font-weight:bold; text-align:center; font-size:18px; background:#ae0909; color:white}
.btn_closev2 {display: inline-block;width:70px;text-align:right; padding-right:15px}
.view_contents {padding:20px 20px 30px 20px; overflow-y:auto; line-height:180%;text-align:left;}
.wrap_div {display: inline-block;width:1px; height:1px}