@charset "utf-8";
/* Bluewave Web Standard Team KKS 130225 */

/* 데스크탑 PC */

/*#wrap {position: relative;min-width: 1100px;margin: 0 auto;overflow: hidden;}*/
* {-webkit-text-size-adjust: none}
/* header */
.main #header {top: 0 !important}
#header {width: 1100px;margin: 0 auto;}
#header .title {float: left;width: 320px;height: 90px;background: url() no-repeat left top;z-index: 105;}
#header .title a {display: block;width: 320px;height: 90px;text-indent: -9999px;overflow:hidden;font-size: 0;}
#header .gnb_menu .btn_menu,.side_menu,#header .btn_home,
.m_meun,.m_tabtype,#m_footer,.m_quick {display: none;}

.gnb_menu {float: left;width: 600px;height: 92px;padding: 37px 0 0;z-index: 105;}
.gnb_menu>ul.on {border-top: 1px solid #e6e6e6;}
.gnb_menu>ul:after {content: "";clear: both;display: block;}
.gnb_menu>ul>li {float: left;margin: 0 0 0 50px;}
.gnb_menu>ul>li:first-child {margin: 0;}
/* 20150706 명칭변경 left값 수정_beet */
.gnb_menu>ul>li.menu3 {margin-left:60px !important;}
.gnb_menu>ul>li.menu3>ul{padding-left:5px !important;}
.gnb_menu>ul>li.menu4 {margin-left:45px !important;}
/* //20150706 명칭변경 left값 수정_beet */
.gnb_menu>ul>li>a {display: block;height: 16px;text-indent: -9999px;font-size: 0;}
.gnb_menu li.menu1>a {width: 72px;background: url() no-repeat left top}
.gnb_menu li.menu2>a {width: 73px;background: url() no-repeat left top}
.gnb_menu li.menu3>a {width: 101px;background: url() no-repeat left top}
.gnb_menu li.menu4>a {width: 74px;background: url() no-repeat left top}
.gnb_menu li.menu5>a {width: 57px;background: url() no-repeat left top}
.gnb_menu li.menu1.on>a,
.gnb_menu li.menu1>a:hover,
.gnb_menu li.menu1>a:focus {background: url() no-repeat left top}
.gnb_menu li.menu2.on>a,
.gnb_menu li.menu2>a:hover,
.gnb_menu li.menu2>a:focus {background: url() no-repeat left top}
.gnb_menu li.menu3.on>a,
.gnb_menu li.menu3>a:hover,
.gnb_menu li.menu3>a:focus {background: url() no-repeat left top}
.gnb_menu li.menu4.on>a,
.gnb_menu li.menu4>a:hover,
.gnb_menu li.menu4>a:focus {background: url() no-repeat left top}
.gnb_menu li.menu5.on>a,
.gnb_menu li.menu5>a:hover,
.gnb_menu li.menu5>a:focus {background: url() no-repeat left top}
.gnb_menu>ul>li>ul {display: none;position: absolute;top: 120px;width: 122px;z-index: 105;padding:0;}
.gnb_menu>ul>li>ul>li {padding: 0 0 13px;}
.gnb_menu>ul>li>ul>li>a {letter-spacing: -0.7px;line-height: 20px;}
.gnb_menu>ul>li>ul>li.on>a,
.gnb_menu>ul>li>ul>li>a:hover,
.gnb_menu>ul>li>ul>li>a:focus {color: #ff7e00;font-weight: bold; text-decoration: underline;}
.bg_header {display: none;position: absolute;left: 0;top: 90px;width: 100%;height: 280px;background-color: #fff;border-top: 1px solid #ccc;border-bottom: 2px solid #ff7e00;z-index: 104;}
.bg_header:hover {display: block;}

.link_list {float: right;margin: 33px 70px 0 0;}
.link_list:after {content: "";clear:both;display: block;}
.link_list li {float: left;margin-left: 2px;}

/* 상단배너 */
.top_banner {position: relative;top:0;width: 100%;height:70px; background-color:#f7ebe1;color: #666; letter-spacing:-1px;}
.top_banner > div {position: relative; display:block; width: 1100px; margin: 0 auto;}
.top_banner > div > a:first-child {position: relative; display:block; height:100%; padding: 26px 80px 15px 280px;background:#f7ebe1 url() no-repeat 165px 10px;}
.top_banner > div a p {margin: 0 0 8px;line-height: 20px; font-size:20px;}
.top_banner > div a > p > strong{color:#7e6b5a !important;}
.top_banner .gobtn {position: absolute;right:230px; top:25px;}
.top_banner .gobtn span {display: inline-block;height: 28px;padding: 0 20px; color:#fff; text-align: center; font-weight: bold;line-height:25px;border-radius:20px; background-color:#7e6b5a;}
.top_banner .gobtn.web_none {display:none;}
.top_banner .btn_close {position: absolute;right:65px; top:43px;}
.top_banner form .topCheck{position: absolute; right:85px; top:42px;margin-left: 390px;color: #FFF;font-size: 12px; color:#464646;}

/* container */
#m_container {display: none;}
.main_content {min-width: 1100px;margin: 0 auto;}
.slider1 {height:428px;background: url() no-repeat left top;}
.slider2 {height:428px;background: url() no-repeat left top;}
.slide_content {text-align: center;}
.slide_content .img {position: absolute;left:0;}
.slide_content .txt {margin: 15px 0 0;font-size: 14px;font-weight: bold;letter-spacing: -0.7px;line-height: 20px;color: #262626;}
.slide_content .btn {position: relative;height: 50px;margin: 280px 0 0;line-height: 50px; background:none;letter-spacing: -0.7px;z-index: 99; border:1px solid #fff;}
.slide_content .btntop {margin:240px 0 0;}
.slide_content .btn span {padding: 0 15px 0 0;background: url(g) no-repeat right 5px;}


/* keyword_wrap */
.keyword_wrap {display: block;position: relative;height: 200px;margin: 0 0 20px;background-color: #3e4247;}
.keyword_wrap > div {position: relative;width: 1100px;margin: 0 auto;z-index: 99;}
.keyword_wrap > div:after {content: "";clear: both;display: block;}
.keyword_wrap .insur {display: none;}
.keyword_wrap .keyword {position: relative;float: left; width: 320px;height: 200px;padding: 24px 0 0 0;background-color: #295e84;color: #fff;}
.keyword_wrap .keyword:after {content:"";display: block;position: absolute;right: -16px;top:28px;width: 16px;height: 32px;background: url() no-repeat right top;z-index: 100;}
.keyword_wrap .keyword h2 {margin: 0 0 15px;font-weight: normal;font-size: 20px;letter-spacing: -1px;}
.keyword_wrap .keyword li {float: left;width: 100px;}
.keyword_wrap .keyword li a {display: inline-block;height: 40px;padding-top: 9px;font-size: 14px;font-weight: bold;color:#fff;letter-spacing: -0.7px;line-height: 20px;}
.keyword_wrap .keyword li a:hover,.keyword_wrap .keyword li.on a {height: 40px;padding: 7px 8px 0 8px;margin-left: -10px;border: 2px solid #fff;box-sizing: border-box;}
.keyword_wrap .insur {position: relative;float: left;width: 820px;padding: 0 0 0 40px;background-color: #3e4247;z-index: 99;}
.keyword_wrap .insur > div {float: left;}
.keyword_wrap .insur > div:first-child {width: 340px;padding: 20px 0 0;}
.keyword_wrap .insur h3 {font-size: 30px;color: #e09a35;letter-spacing: -1.5px;}
.keyword_wrap .insur p {padding: 14px 0 0;color: #fff;}
.keyword_wrap .insur .more {position: absolute;left: 40px;bottom: 30px;background: url() no-repeat right 4px;padding: 0 13px 0 0;font-size: 12px;color: #717477;}
.keyword_wrap .bg_left {position: absolute; left: 0;top: 0;width: 50%;height: 200px;background-color: #295e84;z-index: 9;}

/* online_wrap */
.online_wrap {width: 1100px;margin: 0 auto 20px;}
.online_wrap:after {content: "";clear: both;display: block;}
.online_wrap .online_insur {position: relative;float: left;width: 810px;margin: 0 10px 0 0;padding: 19px 0 67px 10px;border-top: 1px solid #e6e3e1;border-bottom: 1px solid #e6e3e1;}
.online_wrap .online_insur > div {float: left;width: 305px;}
.online_wrap .online_insur > div span {line-height: 20px;letter-spacing: -0.7px;}
.online_wrap .online_insur > div h2 {margin: 0 0 9px;font-size: 30px;letter-spacing: -1.5px;color: #363636;}
.online_wrap .online_insur > ul {float: left; width: 495px;padding: 34px 0 0;overflow: hidden;}
.online_wrap .online_insur > ul li {float: left;width: 133px;margin: 0 0 0 32px;text-align: center;}
.online_wrap .online_insur > ul li:first-child {margin: 0;}
.online_wrap .online_insur > ul li strong {display: block;padding: 15px 0 0;color: #363636;font-size: 16px;letter-spacing: -1.8px;}
.online_wrap .online_insur .btn {position: absolute;left: 10px; bottom: 39px;min-width: 130px;height: 32px;background: #999 url() no-repeat 98px 12px;padding: 0 26px 0 20px;line-height: 32px;font-size: 12px;font-weight: normal;letter-spacing: -0.6px;}/* 20150706 버튼위치수정_beet */
.online_wrap .my_insur {float: left;width: 320px;height: 300px;padding: 30px 0 0 30px; background: #ffffff url() no-repeat right 160px; border: 1px solid #e6e3e1;}
.online_wrap .my_insur h2 {margin: 0 0 10px; color: #363636;font-weight: normal;letter-spacing: -1px;}
.online_wrap .my_insur p{margin: 0 0 11px;font-size: 12px; letter-spacing: -0.6px;line-height: 18px;}
.online_wrap .my_insur .btn_txt {padding: 0 11px 0 0; font-size: 12px;background: url() no-repeat right 4px;}

/* banner_wrap */
.banner_wrap {width: 1100px; margin: 0 auto 50px;}
.banner_wrap:after {content: "";clear: both;display: block;}
.banner_wrap > div {float: left;}
.banner_wrap .event_list {width: 480px;margin: 0 10px 0 0;}
.banner_wrap .event_list .bx-viewport,.banner_wrap .event_list .bxslider2 {width: 480px!important;height: 200px !important;}
.banner_wrap .event_list .bxslider2 li,.banner_wrap .event_list .bxslider2 li img {width: 480px !important;}
.banner_wrap .banner_service {margin: 0 10px 0 0;}
.banner_wrap .bx-wrapper .bx-pager {position: absolute; right: 30px;top: 20px;z-index: 99;}
.banner_wrap .bx-wrapper .bx-pager.bx-default-pager a {width: 30px;height: 3px;margin: 0;border-top: 3px solid #666;}
.banner_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover,
.banner_wrap .bx-wrapper .bx-pager.bx-default-pager a.active {border-top: 3px solid #f58026;}
.tel_counsel a {display: block;}

/* paginate */
.paginate {padding: 20px 0;text-align: center;line-height: normal;}
.paginate a,.paginate strong {display: inline-block;position: relative;margin: 0 -2px;padding: 2px 8px;font-weight: bold;font-size: 12px;font-family: Tahoma,sans-serif;color: #333;line-height: normal;text-decoration: none;vertical-align: middle;}
.paginate a:hover,.paginate a:active,.paginate a:focus {color: #ff7e00;text-decoration: underline;}
.paginate strong {color: #ff7e00;text-decoration: underline;}
.paginate .direction {width: 30px;height: 30px;font-size: 0;text-indent: -9999px;}
.paginate .direction span {font-weight: bold;font-size: 14px}
.paginate .direction:hover,.paginate .direction:active,.paginate .direction:focus {background-color: #fff;color: #333;}
.paginate .btn_first {margin: 0 6px 0 0;background: url() no-repeat left top;}
.paginate .btn_last {margin: 0 0 0 6px;background: url() no-repeat right top;}
.paginate .btn_prev {margin: 0 6px 0 0;background: url() no-repeat left top;}
.paginate .btn_next {margin: 0 0 0 6px;background: url() no-repeat left top;}

/* sub_content */
/*.sub_content {padding: 0 0 60px;}*/
.sub_menu {margin: 0 0 50px;background-color: #3e4247;z-index: 20; display:none;}
.sub_menu ul:after {content: "";clear: both;display: block;}
.sub_menu li {float: left;border-right: 1px solid #52555a;}
.sub_menu li:first-child {border-left: 1px solid #52555a;}
.sub_menu li a {display: block;height: 55px;padding: 18px 0 0;font-size: 14px;font-weight: bold;color: #fff;text-align: center;background-color: #3e4247;}
.sub_menu li.on a {position: relative;background-color: #ff7e00;}
.sub_menu.col5 li {width: 20%;}

.sub_section {position: relative; padding-bottom: 60px;}
.tit_type {font-size: 36px;margin: 0 0 43px;color: #161616;text-align: center;line-height: 36px;letter-spacing: -3px;font-family:nanumgothic;}
.tip_txt {margin: 0 0 57px;font-size: 14px;color: #666;text-align: center;letter-spacing: -0.7px;line-height: 20px;}
.tip_txt>span { display: block;}
.search_wrap {margin: 0 0 20px;text-align: right;}
.search_wrap > * {vertical-align: top;}
.search_wrap .search_sel {display: inline-block;}
.search_wrap select {display: inline-block;width: 100%;height: 40px;border: 1px solid #ddd;border-radius: 4px;font-size: 14px;}
/*.search_box {position: relative;display: inline-block;width: 250px;height: 40px;padding: 6px 0 0;border: 1px solid #ddd;border-radius: 4px;text-align: left; background: #fff; border-radius: 5px;}
.search_box input[type='text'] {width: 210px;border: 0;background: transparent;}
.search_box .btn_search {position: absolute;right: -1px;top: -1px;display: block;width: 40px;height: 40px;background: url() no-repeat right top;text-indent: -9999px;font-size: 0;}*/
.search_box {position: relative;display: inline-block;width: 250px; border: 1px solid #ddd;border-radius: 4px;text-align: left; background: #fff;}
.search_box input[type='text'] { width: 100%; border: 0;background: transparent; height: 38px; line-height: 38px; padding: 0 47px 0 7px;}
.search_box .btn_search {position: absolute;right: -1px;top: -1px;display: block;text-indent: -9999px;font-size: 0;}
.search_box .btn_search img { display: block; width: 40px; height: 40px;border-radius: 0 5px 5px 0;}

.list_wrap {padding: 29px 20px 30px;}
.list_type1 {width: 100%;border-top: 1px solid #363636;}
.list_type1 li {border-bottom: 1px solid #ccc;font-size: 14px;color: #a6a6a6;}
.list_type1 li>a {display: block;padding: 30px 0;}
.list_type1 li>a .btn_arrow {display: none;;}
.list_type1 li>a>* {display: inline-block; vertical-align: top; text-align: center;}
.list_type1 li .num {width: 7%;}
.list_type1 li .tit {width: 180px; padding-left: 10px; text-align: left; color: #363636;}
.list_type1 li .tit+.subject { width: 75%;}
.list_type1 li .subject {width: 83%;text-align: left;color: #666;word-wrap: break-word;word-break: break-all;}
.list_type1 li .subject.pc_w60p {width: 60%;}
.list_type1 li .subject * { display: inline-block; vertical-align: middle;}
.list_type1 li .subject strong {color: #363636;margin: 0 3px 0 0;}
.list_type1 li .subject .lock { padding-left: 5px;}
.list_type1 li .data,.list_type1 li .pre_day {width: 9%;}
.list_type1 li .event_day {width: 13%;}
.list_type1 li .data .txt,
.list_type1 li .event_day .txt,
.list_type1 li .pre_day .txt {display: none}
.list_type1 li .txtBox { padding: 0 20px 30px 115px; color: #666; display: none; word-wrap: break-word;word-break: break-all;}
.list_type1 li span.ico { display: inline-block; font-size: 11px; color: #fff; width: 52px; height: 20px; line-height: 18px; margin-left: 5px; text-align: center; background: #a6a6a6; border-radius: 2px; letter-spacing: -0.7px;}
.list_type1 li span.ico.org { background: #ff7e00;}
.list_type1.toggle li>a { padding: 20px 0;}
.list_type1.toggle li.on .txtBox { display: block;}
.list_type1.toggle li.on .tit,
.list_type1.toggle li.on .subject { color: #ff7e00; font-weight: bold;}

.list_type2 li {padding: 0 0 0 10px;background: url(/renewal_doyac/img/bl_square_3x3.gif) no-repeat left 7px; color:#ff6600;}
.list_type2.org_cor li {padding: 0 0 0 10px;background: url() no-repeat left 7px;}
.list_wrap .list_type2 {font-size: 14px}
.list_wrap .list_type2 li {margin: 9px 0 0;background-position: 0 9px;color: #666;}
.list_wrap .list_type2 li:first-child{margin: 0;}

.pageNavi {display: none;}

/* 공지사항 */
.view_tit {padding: 15px 10px;border-top: 3px solid #363636;border-bottom: 1px solid #ccc;}
.view_tit strong {display: block;margin: 0 0 10px;font-size: 16px;font-weight: bold; word-break: break-all;word-wrap: break-word;}
.view_tit span {font-size: 12px;color: #a6a6a6;}
.view_tit span.event_day {margin: 0 10px 0 0;padding: 0 14px 0 0;background: url() no-repeat right 2px;}
.view_content {padding: 30px 10px;border-bottom: 1px solid #ccc;word-break: break-all;word-wrap: break-word;}
.view_content p {margin: 0 0 10px; font-size: 14px; color: #666;letter-spacing: -0.7px;line-height: 20px;word-break: break-all;word-wrap: break-word;}
.view_content.view_center {text-align: center;}
.view_reply { padding: 29px 40px 29px; border-bottom: 1px solid #ccc; background: #f5f5f5;}
.view_reply .reply_tit { margin-left: -17px; padding: 0 0 10px 17px; font-size: 14px; color: #363636; background: url() no-repeat 0 5px;}
.view_reply .reply_cont p { font-size: 14px; color: #666; padding-bottom: 10px;letter-spacing: -0.7px;line-height: 20px;}

/* 이벤트 */
.list_tit {width: 100%;border-top: 3px solid #363636;}
.list_tit > strong {display: inline-block;padding: 13px 0 12px;text-align: center;}
.list_tit .num {width: 7%;}
.list_tit .subject {width: 83%;}
.list_tit .data {width: 9%;}
.list_tit .event_day {width: 13%;}
.list_tit .pre_day {width: 9%;}
.event_list:after {content: "";clear: both;display: block;}
.event_list li {float: left;width: 564px;height: 264px; margin-bottom: 12px;overflow: hidden;}
.event_list li img {width: 100%;}

/* 소소한일상 리스트 */
.event_list2 ul {width: 1100px;margin: 0 auto;}
.event_list2:after {content:"";clear: both;display: block;}
.event_list2 li {position: relative;float: left;width: 276px;margin: 0 12px 12px 0;padding: 0 0 20px;border: 1px solid #ccc;}
.event_list2 li .txt_cont>* {display: block}
.event_list2 li img {position: relative; width: 274px;height: 210px;}
.event_list2 .title {position: relative;width: 200px;padding: 15px 45px 4px 20px;font-size: 14px;color: #161616;white-space: nowrap;overflow: hidden;}
.event_list2 .title .txt {position: relative;display: inline-block;overflow: hidden;max-width: 100%;padding: 0 3px 0 0;white-space: nowrap;text-overflow: ellipsis;}
.event_list2 .title .icon_new {display: inline-block;}
.event_list2 .date {padding: 0 20px;font-size: 12px;color: #969696;}

/* 버튼 */
.btn_wrap { width: 1100px; margin: 0 auto; padding: 20px 0;text-align: right;}
/*.btn {display: inline-block;height: 36px;padding: 0 27px;background: #969696;border-radius: 4px;font-weight: bold;line-height: 36px;color: #fff !important;}*/
.btnC {text-align: center;}
.btn_more {height: 50px;padding: 0 20px;line-height: 50px;}

/* Tab */
.tab_type { width: 1100px; margin: 0 auto 40px; text-align: center;}
.tab_type .tabs,.tab_type1,.tab_type .tabs_list { display: inline-block;}
.tab_type .tabs:after,.tab_type1:after,.tab_type .tabs_list:after {content: "";clear: both;display: block;}
.tab_type .tabs li,.tab_type1 li,.tab_type .tabs_list li {float: left;width: 201px;margin-left: -1px;}
.tab_type .tabs li a,.tab_type1 li a,.tab_type .tabs_list li a {display: block;width: 100%;height: 42px;border: 1px solid #969696;text-align: center;font-size: 14px;color: #969696;font-weight: bold;line-height: 37px;}
.tab_type .tabs li.on a,.tab_type1 li.on a,.tab_type .tabs_list li.on a {background-color: #969696;color: #fff;}
.tab_type .tabs li:first-child a,.tab_type1 li:first-child a,.tab_type .tabs_list li:first-child a {border-radius: 3px 0 0 3px;}
.tab_type .tabs li:last-child a,.tab_type1 li:last-child a,.tab_type .tabs_list li:last-child a {border-radius: 0 3px 3px 0;}
.tab_type.tab_c .tabs ,.tab_type .tabs_list{ margin-bottom: 40px;}

.tab_type.event_tab {width: 600px;}

/* Footer */
#footer {border-top: 1px solid #ccc;}
.footer_wrap {position: relative;width: 1100px;margin: 0 auto;}
.footer_wrap .footer_logo {position: absolute;right: 0;top: 15px;}
.footer_link:after,.footer_link ul:after,.footer_wrap .tel_wrap dl:after {content: "";clear: both;display: block;}
.footer_link {padding: 0 0 24px;}
.footer_link ul{padding: 27px 0 0;}
.footer_link li {float: left;background: url() no-repeat left 3px;}
.footer_link li a {display: block;padding: 0 11px;font-size: 12px;color: #969696;letter-spacing: -0.6px;}
.footer_link li:first-child {background: none;}
.footer_link li:first-child a {padding: 0 12px 0 0;}
.footer_link .btn_cousel {position: absolute;left: 445px; top: 63px;}
.footer_link .btn_cousel a {margin: 0 0 0 -3px;}
.footer_link .org_cor a {color: #ff7e00;}

.footer_wrap .tel_wrap dt {float: left;padding: 2px 8px 0 0;color: #969696;font-size: 12px;letter-spacing: -0.6px;}
.footer_wrap .tel_wrap dd {float: left;font-size: 16px;font-weight: bold;color: #ff7e00;letter-spacing: -0.6px;}
.footer_wrap .tel_wrap dd.bgBar {padding: 0 16px 0 0;margin: 0 15px 0 0;background: url() no-repeat right 5px;}
.footer_wrap .copyright {padding: 14px 0 24px;font-size: 12px;color: #969696;letter-spacing: -0.6px;line-height: 18px;}

/* title */
.s_tit { font-size: 20px; line-height: 22px;letter-spacing: -1px; font-weight: bold; color: #363636; padding-bottom: 12px;}

/* input */
input[type="text"]:disabled {background: #f0f0f0;}

/* selectBox */
.select_box{position: relative; width: 140px;height: 40px;line-height:1;background: #fff url() no-repeat right top;border: 1px solid #ddd;border-radius: 4px;}
.select_box *{ display: inline-block; vertical-align: middle;}
.select_box  option{display: block}
.select_box label{position: absolute;font-size: 14px;color:#464d61;top: 10px;left: 10px;letter-spacing: 0.1em;}
.select_box select{width: 100%;min-height: 40px;line-height: 40px;padding: 0;opacity: 0;filter:alpha(opacity=0);}
.select_box2 {position: relative; width: 140px;height: 40px;line-height:1;background: #fff url() no-repeat right top;border: 1px solid #ddd;border-radius: 4px;}
.select_box2 * { display: inline-block; vertical-align: middle;}
.select_box2 label {position: absolute;font-size: 14px;color:#464d61;top: 10px;left: 10px;letter-spacing: 0.1em;}
.select_box2 select {width: 100%;min-height: 40px;line-height: 40px;padding: 0 10px;opacity: 0;filter:alpha(opacity=0);}
.select_box.disabled {background: #f0f0f0 url() no-repeat right top;}

/* tooltipBox */
.tooltipBox { display: inline-block; position: relative;}
.tooltipBox img { display: inline-block; vertical-align: middle;}
.tooltipBox .tooltip { position: absolute; right: 0; z-index: 10; display: none; margin: 8px -305px 0 0px; padding: 23px 18px; border: 2px solid #363636; width: 340px; background: #fff;}
.tooltipBox .tooltip p.txt { font-size: 12px; color: #969696;letter-spacing: -0.6px;line-height: 18px;}
.tooltipBox .tooltip.on { display: block;}
.tooltipBox .btn_tooltip { margin-left: 3px; padding: 0;}

/* checkBox */
.checkBox input[type="radio"]+label,
.checkBox input[type="checkbox"]+label { background-position: 0 4px;}
.checkBox li .input_type { position: absolute; right: 0; top: 50%; margin: -18px -216px 0 0;}
.checkBox li .input_type.check { position: absolute; right: 0; top: 50%; margin: -18px -126px 0 0;}
.checkBox input[type="checkbox"]:disabled+label,
.checkBox input[type="checkbox"]+label.dsab {background: url() no-repeat 0 3px;}
.checkBox input[type="radio"]:disabled+label,
.checkBox input[type="radio"]+label.dasb {background: url() no-repeat 0 4px;}
.checkBox input[type="checkbox"]:checked:disabled+label {background: url() no-repeat 0 3px;}
.checkBox input[type="radio"]:checked:disabled+label {background: url() no-repeat 0 3px;}

/* data_table */
.input_type input[type="tel"],
.input_type input[type="text"],
.input_type2 input[type="text"],
.input_type input[type="number"],
.input_type input[type="email"],
.input_type input[type="password"] { height: 36px; line-height: 36px; width: 160px; padding: 0 14px; border: 1px solid #ddd; border-radius: 4px;}
.input_type input[type="tel"],
.input_type input[type="number"] { width: 100px;}
.input_type em { display: inline-block; padding-left: 10px;}
.rollBox input[type="text"] {width: 200px;}

.data_table { font-size: 14px; color: #666; padding-bottom: 60px; position: relative;letter-spacing: -0.7px;line-height: 20px;}
.data_table > ul { border-top: 3px solid #363636;}
.data_table > ul:after { content: ""; display: block; clear: both;}
.data_table > ul > li { display: table;float: left; width: 50%;min-height: 61px; border-bottom: 1px solid #ccc;}
.data_table > ul > li.full { width: 100%;}
.data_table > ul > li.col3 { width: 33.3%;}
.data_table > ul > li.col3.first { width: 33.4%;}
.data_table > ul > li .select_box { width: 100px; height: 36px; display: inline-block; vertical-align: middle;}
.data_table > ul > li .select_box label { top: 7px;}
.data_table > ul > li .select_box select { width: 100%; min-height: 36px; line-height: 36px;}
.data_table > ul > li .select_box.bl { margin-right: 12px;}
.data_table > ul > li .select_box2 { width: 135px; height: 36px; display: inline-block; vertical-align: middle;}
.data_table > ul > li .select_box2 label { top: 7px;}
.data_table > ul > li .select_box2 select { width: 100%; min-height: 36px; line-height: 36px;}
.data_table > ul > li .select_box2.bl { margin-right: 12px;}
.data_table > ul > li .input_type+.select_box { margin-left: 5px;}
.data_table > ul + .txtArea { margin-top: 20px;}
.data_table + .txtArea { margin-top: -36px;}
.data_table > ul + span.tip_txt { display: block; font-size: 12px; text-align: left; color: #969696; margin-top: 10px;letter-spacing: -0.6px;line-height: 18px;}
.select_box.bl:after { content: "-"; display: inline-block; position: absolute; right: -15px; top: 8px;}
.input_type.bl:after { content: "-"; display: inline-block; padding: 0 3px 0 8px;}
.input_type.bl2:after { content: "/"; display: inline-block; padding: 0 3px 0 8px;}
.input_type.email+.input_type input[type="text"] { width: 220px;}
.input_type.email:after { content: "@"; display: inline-block; padding: 0 0 0 4px;}

.data_table p.s_tit { font-size: 16px; line-height: 18px;}
.data_table .sub_tit {display: table-cell;vertical-align: middle; width: 170px; padding: 0 0 0 10px; color: #363636; font-weight: bold;}
.data_table .sub_tit > span:after { content: "*"; display: inline-block; color: #ff7e00; padding-left: 2px;}
.data_table .cont { display: table-cell; vertical-align: middle;}
.data_table .cont > span.txt { display: inline-block; vertical-align: middle; position: relative;}
.data_table .cont > span.txt.bl { width: 93px;}
.data_table .cont > span.txt.bl:after { content: "-"; display: inline-block; padding-left: 20px;}
.data_table .cont input:disabled { background: #f0f0f0;}
.data_table .cont textarea { width: 800px; margin: 10px 0; border: 1px solid #ccc; border-radius: 4px;}
.data_table .cont .col { margin-top: 6px; padding-bottom: 12px;}
.data_table .cont .col:first-child { margin-top: 0; padding: 12px 0 0;}
.data_table .cont .col.addr input { width: 400px;}
.data_table .cont .col.addr input:first-child { margin-right: 3px;}
.data_table .cont .tip_txt { font-size: 12px; color: #ff7e00; margin: 0; display: inline-block; vertical-align: middle; padding-left: 5px;}
.data_table .cont .s_btn+.tip_txt { padding-left: 15px;}
.data_table .cont .tip_txt.normal { color: #666;}
.data_table .cont.calender .select_box { width: 75px;}
.data_table .cont.calender span.bl { display: inline-block; padding-right: 8px;}
.data_table .cont.cardNum input[type="tel"],
.data_table .cont.cardNum input[type="password"] { width: 80px;}
.data_table .control_btn { position: absolute; right: 0; top: 0;}
.data_table ul.type,
.data_table ul.type2 { border-top: 1px solid #ccc;}
.data_table ul.type .sub_tit { width: 110px;}
.data_table .cont .select_box + .input_type { margin-left: 5px;}
.data_table .cont .select_box + .select_box { margin-left: 18px;}
.data_table .cont .select_box + .select_box:before { content: "/"; display: inline-block; position: absolute; left: -15px; top: 7px;}
.data_table .cont .select_box + .select_box.wd150:before { display: none;}

.data_table.list li { position: relative;}
.data_table.list li span.txt { width: 650px; padding-left: 10px;}
.data_table.list li .checkBox { padding: 0 10px 0 5px;}
.data_table.list li .checkBox input { left: 7px;}
.data_table.list li .checkBox label {display: block; padding-right: 0;}
.data_table.list li .confirm { position: absolute; right: 0; top: 50%; margin-top: -18px; }
.data_table.list li .confirm .s_btn a { width: 120px; text-align: center;}
.data_table.list li .confirm .s_btn a.contractGuide { width: 200px;}

/* data_view */
.data_view { margin-bottom: 60px;}
.data_view table { width: 100%; font-size: 14px; border: 1px solid #ccc; border-radius: 4px; margin-bottom: 20px;}
.data_view table:first-child { margin-top: 0;}
.data_view table tr:first-child th,
.data_view table tr:first-child td { border-top: 0;}
.data_view table tr:first-child th:first-child { border-top-left-radius: 4px;}
.data_view table tr.radius th:first-child { border-bottom-left-radius: 4px;}
.data_view table tr th { width: 16%; height: 60px; text-align: left; background: #f0f0f0; border-left: 1px solid #ccc; border-top: 1px solid #ccc;}
.data_view table tr th span { display: inline; padding-left: 10px;}
.data_view table tr th:first-child { border-left: 0;}
.data_view table tr td { width: 390px; height: 60px; border-top: 1px solid #ccc; padding: 0 15px;}
.data_view table tr td .checkBox.right { padding-right: 0;}
.data_view table tr td .data_select .select_box { width: 175px;}

/* s_btn */
.s_btn.ico { background: #fff; border: 1px solid #ccc;}
.s_btn.ico a { padding: 4px 9px 4px 20px; font-size: 12px; line-height: 18px; color: #a6a6a6;}
.s_btn.ico a.del { background: url() no-repeat 9px 13px;}
.s_btn.ico a.add { background: url() no-repeat 8px 11px;}
.s_btn.ico a.down { background: url() no-repeat 5px 8px;}
.s_btn.ico a.write { background: url() no-repeat 0px 8px;}

/* wrap_btn */
.wrap_btn .s_btn.gray a { background: #969696;}

/* POPUP */
.popupArea .popupBg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: 0.9;}
.popupBox { width: 500px; background: #fff; position: fixed; left: 50%; top: 50%; font-size: 14px; line-height: 20px; color: #666; display: none;z-index: 101;}
.popupBox .header { border-bottom: 3px solid #000; position: relative;}
.popupBox .header h1 { font-size: 18px; line-height: 24px; color: #363636; padding: 25px 0 15px 20px;}
.popupBox .header .s_btn.ico { position: absolute; right: 25px; top: 20px; border: 0;}
.popupBox .header .s_btn.ico a { width: 21px; height: 21px; text-indent: -99999em; background: transparent url() no-repeat 0 0; padding: 0;}
.popupBox .content {position: relative;overflow: auto;margin: 15px 0;padding: 0 25px;background: #fff;}
.popupBox .content .main_txt { display: table; width: 100%; height: 117px; border-bottom: 1px solid #ccc; text-align: center; margin-top: -30px;}
.popupBox .content .main_txt > * { display: table-cell; vertical-align: middle;}
.popupBox .content .main_txt strong { font-size: 16px; line-height: 18px; color: #363636;}
.popupBox .content .main_txt p span { display: block; padding-top: 8px;}
.popupBox .content .txtBox { border-bottom: 1px solid #ccc; text-align: center; padding: 13px 0 39px; letter-spacing: -0.5px;}
.popupBox .content .txtBox img { display: inline-block; padding-bottom: 26px;}
.popupBox .content .txtBox strong { display: block; padding-bottom: 9px; font-size: 16px; color: #363636;}
.popupBox .content .table_wrap {margin: 0 0 20px;}
.popupBox .content p.txt1 { padding-top: 15px; text-align: center; line-height: 17px; letter-spacing: -0.5px;}
.popupBox .content span.txt1 > span { display: block; padding-top: 15px;}
.popupBox .content span.txt1 > span:first-child { padding-top: 0;}
.popupBox .content p.txt1.left { text-align: left;}
.popupBox .content p.txt1.left span { display: block;}
.popupBox .content p.txt1.left+p.txt1.left { padding-top: 25px;}
.popupBox .content p.txt1.left:first-child { padding-top: 0;}
.popupBox .content .main_txt+p.txt1 { padding-top: 20px;}
.popupBox .content .wrap_btn { margin-top: 30px;  margin-bottom: 20px\0IE8+9;}
.popupBox .content .wrap_btn a { padding: 10px 25px; font-size: 12px;}
.popupBox .content .wrap_btn.fixed a { width: 78px; padding: 10px 0;}
.popupBox .content .wrap_btn.fixed a.widht100 { width:100px !important; padding: 10px 0;}
.popupBox .content .wrap_btn.fixed2 a { width:100%; padding: 10px;}
.popupBox .content .txt_list .s_tit { font-size: 14px; line-height: 16px; color: #363636; padding: 15px 0 7px;font-size:12px;}
.popupBox .content .txt_list ul li {padding: 5px 0 0 10px; background: url() no-repeat 1px 13px;font-size: 12px;}
.popupBox .content .txt_list ul li:first-child { padding-top: 0; background-position: 1px 8px;}
.popupBox .content .data_table { padding-bottom: 0;}
.popupBox .content .data_table ul { border-top: 1px solid #363636;}
.popupBox .content .data_table ul li .sub_tit { width: 190px;}
.popupBox .content .data_table ul li .cont .input_type input[type="text"] { width: 240px;}
.popupBox .content .data_table.type1 ul li .sub_tit { width: 100px;}
.popupBox .content .data_table.type1 ul li .cont { text-align: right; padding-right: 10px;}
.popupBox .content .data_table.list { padding-top: 15px;}
.popupBox .content .data_table.list ul { max-height: 400px; overflow: auto; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.popupBox .content .data_table.list ul li { border-bottom: 0; border-top: 1px solid #ccc;}
.popupBox .content .data_table.list ul li:first-child { border-top: 0;}
.popupBox .content .data_table.list ul li span.txt { width: auto; padding: 20px 10px 20px 0;}
.popupBox .content .data_table.list ul li .confirm { position: inherit; margin-top: 0; padding-bottom: 20px; text-align: right;}
.popupBox .content .data_table.list.lh ul li span.txt { width: auto; padding: 15px 10px 10px 0;}
.popupBox .content .data_table.list.lh ul li .confirm  {padding-bottom: 10px;}
.popupBox .content .data_table.list .s_tit { font-size: 14px; padding-bottom: 5px;}
.popupBox .content .data_table.list .s_tit+ul { border-top: 0;}
.popupBox .content .data_table.list .s_tit+ul li:first-child .txt { padding-top: 0;}
.popupBox .content .data_table.list > .checkBox { position: absolute; right: 0; top: -17px;}
.popupBox .content .data_table.list > .checkBox label { padding-right: 0;}
.popupBox .content .table_type2 { padding-bottom: 9px;}
.popupBox .content .list_type2 li { margin-bottom: 9px; background-position: left 9px;}
.popupBox .content .list_type2 li:first-child { margin-top: 0;}
.popupBox .content .list_type2.line_h li {margin-top: 0;}
.popupBox .content > p.s_tit { font-size: 16px; font-weight: bold; color: #363636;}
.popupBox .content > p.s_tit+p.txt1 { padding-top: 0;}
.popupBox .content.terms .sub_tit { font-size: 16px; line-height: 18px; font-weight: bold; color: #363636; padding-top: 30px;}
.popupBox .content.terms .sub_tit:first-child { padding-top: 0;}
.popupBox .content.terms .txt_list > ol > li { padding-top: 10px;}
.popupBox .content.terms .txt_list > ol > li ol { padding: 10px 0 30px; border-bottom: 1px solid #ccc;}
.popupBox .content.terms .txt_list > ol > li ol li { padding: 5px 0 0 15px;}
.popupBox .header.review { border-bottom: 0;}
.popupBox .header.review h1 { padding-top: 160px; text-align: center; background: url() no-repeat center 80px;}
.popupBox .content.review { padding: 0;}
.popupBox .content.review .txt1 { padding-top: 60px;}
.popupBox .content.review .txt1:first-child { padding-top: 15px;}
.popupBox .content.review ul { overflow: hidden; border-top: 1px solid #ccc; background: #f5f5f5; margin-top: 15px;}
.popupBox .content.review ul li { float: left; width: 33.3%; font-weight: bold; color: #969696; text-align: center; border-left: 1px solid #ccc;}
.popupBox .content.review ul li a { display: block; padding: 60px 0 15px;}
.popupBox .content.review ul li:first-child { width: 33.4%; border-left: 0;}
.popupBox .content.review ul li.twitter a { background: url() no-repeat center 23px;color: #40bfff;}
.popupBox .content.review ul li.facebook a { background: url() no-repeat center 23px;color: #526fac;}
.popupBox .content.review ul li.kakao a { background: url() no-repeat center 23px;color: #f6a300;}
.popupBox .content.review .wrap_btn { margin: 0;}
.popupBox .content.review .wrap_btn span { width: 100%;}
.popupBox .content.review .wrap_btn span a { width: 100%; border-radius: 0; padding-top: 17px; padding-bottom: 17px;}

.popupBox .tab_type { width: 100%; margin-bottom: 20px;}
.popupBox .tab_type .tabs { width: 100%;}
.popupBox .tab_type .tabs li { width: 50%;}
.popupBox .tab_type.col3 .tabs li { width: 33.33333333%;}
.popupBox .tab_type.col3 .tabs li:first-child { width: 33.44444444%;}

.popupBox .search_wrap { text-align: left; border: 1px solid #ccc; border-radius: 4px; background: #f0f0f0; padding: 16px;}
.popupBox .search_wrap:after { content: ""; display: block; clear: both;}
.popupBox .search_wrap .select_box { float: right; width: 49%; margin-bottom: 5px; background-color: #fff;}
.popupBox .search_wrap .select_box:first-child { float: left;}
.popupBox .search_wrap .select_box.disease { width: 100%;}
.popupBox .search_wrap input[type="text"] { width: 100%; background-color: #fff;}
.popupBox .search_wrap .s_btn { background: #ff7e00; float: right;}
.popupBox .search_wrap .tip_txt { font-size: 12px; color: #969696; margin: 7px 0 0;}
.popupBox .search_wrap .input_type { display: inline-block; position: relative; width: 79%;}
.popupBox .search_wrap .input_type ul { position: absolute; width: 100%; padding: 10px 0; margin-top: -2px; border: 1px solid #ccc; background: #fff; z-index: 9; display: none;}
.popupBox .search_wrap .input_type ul li a {display: block; height: 29px; line-height: 29px; padding: 0 13px;}
.popupBox .search_wrap .input_type ul li a:hover {background: #f0f0f0; color: #ff7e00;}

.popupBox .rollingTxt { border: 1px solid #ccc; border-radius: 4px; margin-top: 15px;}
.popupBox .rollingTxt > li > a { display: block; padding: 15px 40px 15px 20px; border-top: 1px solid #ccc; background: url() no-repeat 95% 20px;}
.popupBox .rollingTxt > li:first-child > a { border-top: 0;}
.popupBox .rollingTxt > li.on > a { background-position: 95% -80px; font-weight: bold; color: #ff7e00;}
.popupBox .rollingTxt.fixed { background: #f5f5f5;}
.popupBox .rollingTxt.fixed .txt_list { display: block; border-top: 0; padding-bottom: 10px; background-color: transparent;}
.popupBox .rollingTxt li .txt1 { clear: both; padding: 10px 0; margin-top: 5px; border-top: 1px solid #ccc;font-size: 12px;}
.popupBox .rollingTxt li .txt1.left.first { border-top: 0; padding-top: 20px;}
.popupBox .rollingTxt li .txt1.borNonTop { margin-top: 0; padding: 0 0 10px;}
.popupBox .rollingTxt li .txt1:first-child,
.popupBox .rollingTxt li .checkBox + .txt1 { margin-top: 0;}
.popupBox .rollingTxt li .txt2 {padding: 20px 0;}
.popupBox .rollingTxt li .txt3 {padding: 10px 0 20px;}
.popupBox .rollingTxt li .txt_list { background: #f5f5f5; border-top: 1px solid #ccc; padding: 0 20px; display: none;overflow: hidden;}
.popupBox .rollingTxt li.on .txt_list {display: block;}
.popupBox .rollingTxt li .checkBox.right { float: none; display: block; text-align: right; padding: 10px 0; border-top: 1px solid #ccc; margin-bottom: 0;}
.popupBox .rollingTxt li .wrap_btn { margin: 0 0 15px;}
.popupBox .rollingTxt li ul.normal li { padding: 0; background: none;}

.popupBox .rollingTxt .checkList { border: 1px solid #ccc; border-radius: 2px; padding: 14px; background: #fff; margin: 10px 0 0 -10px;}
.popupBox .rollingTxt .checkList .checkBox { border-top: 0; margin: 0;}
.popupBox .rollingTxt .checkList .checkBox li { padding: 0 0 0 19px; margin: 0; border-bottom: 0; width: auto; height: auto; line-height: 1;}
.popupBox .rollingTxt .checkList .checkBox li:first-child { padding-left: 0;}
.popupBox .rollingTxt .checkList p.txt1 { border-top: 0; padding: 20px 0 15px; margin-top: 0;}
.popupBox .rollingTxt .checkList p.txt1:first-child { padding-top: 0;}

.popupBox .checkList .listTit { padding: 12px 10px; border-top: 1px solid #363636; margin-top: 15px;}
.popupBox .checkList .listTit strong:first-child { width: 105px; display: inline-block;}
.popupBox .checkList .listTit + .checkBox { margin-top: 0;}
.popupBox .checkList .checkBox { padding: 0; margin-top: 15px; border-top: 1px solid #ccc;}
.popupBox .checkList .checkBox.car { border-top: 1px solid #363636;}
.popupBox .checkList .checkBox:after { content: ""; display: block; clear: both;}
.popupBox .checkList .checkBox li { display: table; float: left; width: 50%; padding: 0 10px; height: 60px; border-bottom: 1px solid #ccc;}
.popupBox .checkList .checkBox li label { display: table-cell; vertical-align: middle; padding-right: 0; background-position: 0 center;}
.popupBox .checkList .checkBox.full li { width: 100%;}
.popupBox .checkList .checkBox.full li a { display: block;}
.popupBox .checkList .checkBox.full li label { display: table; height: 60px;}
.popupBox .checkList .checkBox.full li label > * { display: table-cell; vertical-align: middle;}
.popupBox .checkList .checkBox.full li label > em { width: 85px;}
.popupBox .checkList .checkBox.full li label.on > span { color: #ff7e00;}
.popupBox .checkList .checkBox.scroll { max-height: 190px; overflow: auto;}
.popupBox .checkList .checkBox + p.tip_txt { font-size: 12px; color: #969696; text-align: left; padding-top: 10px;}
.popupBox .checkList.type { margin-top: 15px; padding-top: 20px; border: 1px solid #ccc; border-radius: 2px;}
.popupBox .checkList.type strong { padding-bottom: 10px; color: #666; font-weight: normal;}
.popupBox .checkList.type li { height: 42px; background: #f0f0f0; border-bottom: 0; border-left: 1px solid #ccc;}
.popupBox .checkList.type li:first-child { border-left: 0;}
.popupBox .checkList.type li label { text-align: center; background-position: 38px center;}
.popupBox .checkList.type li label.ok { background-position: 49px center;}

.popupBox .txt_table { margin: 10px 0; max-height: 500px; overflow-y: auto; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.popupBox .txt_table th,
.popupBox .txt_table td { border-right: 1px solid #ccc; border-top: 1px solid #ccc; padding: 10px; color: #666; font-weight: normal;}
.popupBox .txt_table td.last { text-align: center;}
.popupBox .txt_table thead th { border-top: 0; background: #f0f0f0; color: #363636; font-weight: bold;}
.popupBox .txt_table thead th:first-child { border-left: 1px solid #ccc;}
.popupBox .txt_table tbody th { border-left: 1px solid #ccc; text-align: left;}

.popupBox .table_wrap .h2_tit h2 { font-size: 16px; line-height: 20px; color: #363636; padding: 30px 0 15px;}
.popupBox .table_wrap .h2_tit:first-child h2 { padding-top: 0;}
.popupBox .table_wrap table { width: 100%; border-collapse: collapse; padding-bottom: 20px; letter-spacing: -0.7px;}
.popupBox .table_wrap th { border: 1px solid #ccc; padding: 10px; background: #f5f5f5;}
.popupBox .table_wrap td { border: 1px solid #ccc; padding: 15px; text-align: center;}
.popupBox .table_wrap td.reason { text-align: left;}

.popupBox .bmi { margin: 15px 0 0;padding: 15px 0 0;}
.popupBox .bmi .data_table { margin: 0 25px;}
.popupBox .bmi .input_type { position: relative;}
.popupBox .bmi .input_type span { position: absolute; right: 14px; top: 50%; margin-top: -10px;}
.popupBox .bmi .input_type input { padding-right: 35px; text-align: right;}
.popupBox .bmi ul > li:first-child { border-bottom: 0;}
.popupBox .bmi ul > li:first-child+li { margin-top: -12px;}
.popupBox .bmi .result { position: relative;}
.popupBox .bmi .result > strong { color: #363636; position: absolute; left: 25px; top: -30px;}
.popupBox .bmi .result > div { display: table; width: 100%; height: 80px; margin-top: 68px; background: #f0f0f0; border-top: 1px solid #ccc;}
.popupBox .bmi .result > div span { display: table-cell; vertical-align: middle; text-align: center;}
.popupBox .bmi .result > div span strong { font-size: 18px; color: #363636;}
.popupBox .bmi .result > div span.last { font-size: 18px; font-weight: bold; color: #ff7e00;}
.popupBox .bmi .result > div span.last strong { color: #ff7e00;}

.popupBox .addr_txt {display: block;margin: 20px 0 15px;}
.popupBox .addr_wrap {padding: 10px 0;border-top: 1px solid #363636;border-bottom: 1px solid #ccc;}
.popupBox .addr_wrap .addr_num,.popupBox .addr_wrap .addr1 input {margin: 0 0 6px;}
.popupBox .addr_wrap .addr_num .input_type {margin-left: 5px;}
.popupBox .addr_wrap .addr_num .input_type input {width: 100px;}
.popupBox .addr_wrap .addr_num .input_type:first-child {margin-left: 0;margin-right: 5px;}
.popupBox .addr_wrap .addr1 input,.popupBox .addr_wrap .addr2 input {width: 100%;}

/* AAP_2 이메일보내기 팝업*/
.popupBox.email { width: 550px;}
.popupBox.email .header { background: url() repeat-x 0 0;}
.popupBox.email .content { height: 670px;background-color: #fff;}
.popupBox.email .content .txt_list .s_tit {padding: 10px 0 7px;}
.popupBox.email .txt1 { padding-bottom: 5px;}
.popupBox.email .content p.txt1.left {padding-top: 5px;}
.popupBox.email .content p.txt1.left.font12 { font-size:12px !important;}
.popupBox.email .checkBox {display: table-cell}
.popupBox.email .content .txt1.left.org_cor {padding-top: 0;}
.popupBox.email .emailAddr { padding: 19px; margin-bottom: 15px; border: 1px solid #ccc; background: #f0f0f0; border-radius: 4px; position: relative;}
.popupBox.email .emailAddr .select_box { width: 155px; height: 36px; position: absolute; right: 19px; top: 19px;}
.popupBox.email .emailAddr .input_type input[type="text"] { width: 120px;}
.popupBox.email .input_type.email+.input_type input[type="text"] { width: 140px;}
.popupBox.email .txtArea { background: #fff; border-radius: 4px 4px 0 0; margin: 0;}
.popupBox.email .txtArea .txt1 { width: 70%; letter-spacing: -0.7px;}
.popupBox.email .txt_list { overflow: hidden; padding: 0 19px; border: 1px solid #ccc; border-radius: 0 0 4px 4px; background: #f0f0f0; margin-top: -1px;}
.popupBox.email .txt_list .tip_txt { text-align: left; margin: 0; padding-bottom: 15px;}
.popupBox.email .content p.txt1.left:first-child { padding-top: 10px;}

.popupBox.type1 { width: 400px;}
.popupBox.type1_1 { width: 500px;}
.popupBox.type2 { width: 600px; }
.popupBox.type3 { width: 820px;}
.popupBox.type4 { width: 820px;}
.popupBox.type1 .content {height: 600px;overflow: auto;}
.popupBox.type3 .content {height: 700px;overflow: auto;}
.popupBox.type4 .content {height: 610px;overflow: auto;}
.popupBox.type4 p.info-text { margin:0 0 30px 23px;}
.popupBox.type4 p.info-text01 { margin:0 0 15px 23px; font-size:15px;}
.popupBox.type4 p.info-text01 > a > strong {text-decoration:underline;}
.popupBox .content {max-height: 630px;box-sizing: border-box;overflow: auto;}

.pop_scroll {height: 150px;overflow: auto;}
.terms_wrap {height: 480px;overflow: auto;}
.terms_wrap h2 {font-size: 16px;line-height: 18px;font-weight: bold;color: #333;margin: 30px 0 15px;}
.terms_wrap h2:first-child {margin: 0 0 15px;}
.terms_wrap ol {margin: 0 0 15px}
.terms_wrap ol > li > ol {margin: 10px 0}
/* 신청서 작성 및 동의 Z1 */

.txtArea { position: relative;display: table; width: 100%; height: 61px;background: #f0f0f0; border: 1px solid #ccc; border-radius: 4px; padding: 10px 4px 10px 20px; margin-bottom: 10px; font-size: 14px; letter-spacing: -0.7px;line-height: 20px; color: #666;box-sizing: border-box;}
.txtArea > * { display: table-cell; vertical-align: middle;}
.txtArea > .txt { width: 85%; padding: 7px 0;}
.txtArea > .txt.min { width: 70%;}
.txtArea > .txt > strong { display: block;}
.txtArea > .txt .tooltipBox strong { color: #363636;}
.txtArea .checkBox { text-align: right;}
.txtArea .checkBox input[type="checkbox"]+label { padding-right: 14px; margin-left: 5px;}
.txtArea > span.checkBox { display: table-cell;}
.txtArea .btnBox { text-align: right; padding-right: 19px;}
.txtArea .confirm { text-align: right;}
.txtArea .confirm .s_btn + ul.checkBox { padding-left: 5px;}
.txtArea .control_btn { text-align: right;}
.txtArea .control_btn .s_btn { background: transparent; border: 0;}
.txtArea .control_btn .s_btn a { font-size: 14px; color: #666; font-weight: bold;}
.txtArea+.tip_txt { display: block;text-align: left; color: #969696; font-size: 12px;}
.txtArea+.data_table { margin-top: 40px;}
.txtArea+.data_table .borNonTop { margin-top: -40px;}
.data_table+p.txt2 { margin-top: -40px;}

.txtArea.type { background: #fff; margin-bottom: 40px;}
.txtArea.type .txt { font-size: 14px;}

.txtArea.prod_event {height:141px;}
.txtArea.prod_event .txt {position:relative; vertical-align:top; padding-top:7px; padding-left:20px; font-size:20px; letter-spacing:-2px; color:#363636; font-weight:bold;}
.txtArea.prod_event .txt > strong {display:inline; color:#7e6b5a;}
.txtArea.prod_event .txt a {color:#fff; background-color:#a6a6a6; font-size:13px; padding:0px 5px; line-height:25px; vertical-align:top; }

.checkList > strong { display: block; font-size: 14px; color: #363636; padding: 10px 15px 9px;}
.checkList .checkBox { display: block; padding: 0 20px;}
.checkList .checkBox.first { margin-bottom: 5px; border-bottom: 1px solid #ccc;}
.checkList .checkBox ul li { width: 20%; float: left; /*padding-bottom: 15px;*/ padding: 4px 0 13px;}
.checkList .checkBox ul li label { padding-right: 0;}
.checkList .checkBox ul li input { margin-top: -14px;}
.checkList .checkBox.first input[type="checkbox"]+label {padding: 2px 0 2px 24px;}
.checkList .checkBox ul:after { content: ""; display: block; clear: both;}

/* 계약전 알릴의무사항 항목 추가 (20150714_beet) */
.rdList{margin-bottom:20px;}
.rdList ul{padding:10px 20px!important;}
.rdList .rdBox li:first-child+li {width:auto;}
.rdList .rdBox>li.input_type {line-height:32px; padding-bottom:0px;}
.rdList .rdBox>li.input_type input[type=text]{padding-bottom:2px; width:360px;}
/* //계약전 알릴의무사항 항목 추가 (20150714_beet) */

.article.join_wrap .txtArea {margin-bottom: 0;margin-top: 10px!important;}
.article.join_wrap .stage {margin: 0 auto -60px;}
.article.join_wrap h3 {margin: 60px 0 0;}
.article.join_wrap h3:first-child {margin:0;}
.article.join_wrap .checkList {padding: 5px 0 0;}
.article.join_wrap .checkList .checkBox {padding: 0 20px 5px;}
.article.join_wrap .checkList > strong {padding: 10px 15px 4px;}
.article.join_wrap .data_table + .txtArea {margin: 0;}
.article.join_wrap .txtArea+.data_table {margin-bottom:40px;padding: 0;}
.article.join_wrap .checkList .checkBox ul li {padding: 7px 0;}
.article.join_wrap .data_table {margin-bottom: 40px;padding-bottom:0;}
.article.join_wrap .data_table .type {margin-top: 30px;}
.article.join_wrap .data_table .s_tit+.type {margin: 0;}
.article.join_wrap .tab_box .data_table {margin-bottom: 0;}

/* 가입문서확인 및 보험료 납부 Z3 */
span.tip_txt { display: inline-block; margin:5px 0 15px;}

/* 가입완료 Z4 */
.event_link { display: block; text-align: center; padding: 50px 0 35px;}

/* 온라인 소통 */
/* D1_1 후기 */
.join_review .eventBox {margin: -17px 0 60px;}
.rud_box.reviewGraph { border: 0; margin-bottom: 60px;}
.reviewGraph .bx-wrapper .bx-pager.bx-default-pager a.active,
.reviewGraph .bx-wrapper .bx-pager.bx-default-pager a:hover { border-top: 0;}
.reviewGraph p.txt1 { font-size: 14px; padding-bottom: 17px;}
.reviewGraph ul:after { content: ""; display: block; clear: both;}
.reviewGraph li { font-size: 12px; line-height: 17px; color: #666; width: 370px !important; padding: 20px 0 0; border: 1px solid #ccc; position: relative; letter-spacing: -1px; float: left;}
.reviewGraph li:first-child { margin: 0;}
.reviewGraph li .sub_tit { height: 62px; font-size: 20px; line-height: 23px; font-weight: bold; color: #363636; padding: 0 0 15px 20px; letter-spacing: -2px;}
.reviewGraph li .sub_tit img { display: inline-block; vertical-align: middle; padding-right: 13px;}
.reviewGraph li span.grade { display: block; font-size: 30px; line-height: 1; font-weight: bold; color: #ff7e00; padding-left: 27px; background: url() no-repeat 0 7px;
	position: absolute; right: 20px; top: 25px;}
.reviewGraph dl { padding: 0 20px 15px; font-size: 12px; line-height: 17px;}
.reviewGraph dt { float: left; clear: both; padding-top: 4px;}
.reviewGraph dd { padding-left: 97px; padding-top: 4px;}
.reviewGraph dd span { display: inline-block; width: 195px; }
.reviewGraph dd span em { display: inline-block; vertical-align: middle; height: 6px; text-indent: -99999em;}
.reviewGraph dd strong { display: inline-block; width: 26px; padding-left: 6px; font-weight: normal; text-align: right;}
.reviewGraph dd.premium span em { background: #00b1cc;}
.reviewGraph dd.proess span em { background: #6a9928;}
.reviewGraph dd.guarantee span em { background: #ffab00;}
.reviewGraph dd.expense span em { background: #ff702a;}
.reviewGraph .s_btn { display: block; margin: 0; width: 100%; border-radius: 0; border-top: 1px solid #ccc; text-align: center; background: #f5f5f5;}
.reviewGraph .s_btn a { font-size: 14px; font-weight: bold; color: #666; background: url() no-repeat right 14px;}
.reviewGraph .bx-controls { position: absolute; right: 0; top:  -33px;}
.join_review .reviewGraph .star_wrap { top: 32px; margin-top: 0;}
.join_review .article { padding-top: 0;}
.join_review .article.full .s_tit { width: 1100px; margin: 0 auto;}
.join_review .article.full .listBox { background: url() repeat 0 0;}
.join_review .article.full .review_list { width: 1100px; margin: 0 auto;}

.join_review .review_list:after { content: ""; display: block; clear: both;}
.join_review .review_list li { position: relative; width: 540px; float: left; padding: 40px 0;}
.join_review .review_list li:first-child { padding-right: 30px; margin-right: 30px; box-sizing: initial;}
.join_review .review_list li:first-child .grade { right: 31px;}
.join_review .review_list li:first-child:after { content: ""; display: block; width: 1px; height: 118px; background: #636363; position: absolute; right: 0; top: 40px;}
.join_review .review_list li > span { position: relative;display: block; margin-top: 10px; padding: 14px 0 14px 50px; color: #a6a6a6;}
.join_review .review_list li > span img {position: absolute; left: 0; top: 8px;}
.join_review .review_list li > span em:first-child { display: inline-block; position: relative; padding-right: 11px; margin-right: 10px;}
.join_review .review_list li > span em:first-child:after { content: "|"; display: block; font-size: 14px; color: #676767; position: absolute; right: 0; top: 0;}
.join_review .review_list .txt { width: 465px; font-size: 14px; color: #fff; letter-spacing: -0.5px;}
.join_review .review_list .grade { width: 57px; background: #ff7e00; position: absolute; right: 0; top: 0; font-size: 12px; font-weight: bold; color: #fff; text-align: center; padding: 12px 0 14px;}
.join_review .review_list .grade:after { content: ""; display: block; width: 57px; height: 15px; background: url() no-repeat 0 0; position: absolute; bottom: -15px;}
.join_review .review_list .grade strong { display: block; font-size: 24px; line-height: 24px;}
.join_review .review_list .keyword { padding-bottom: 11px;word-wrap: break-word;word-break: break-all;}
.join_review .insur_list li { padding: 20px 20px 19px; border-bottom: 1px solid #ccc; position: relative;}
.join_review .insur_list li a {cursor: context-menu;}
.join_review .insur_list li .txt { width: 900px;}
.join_review .insur_list + .paginate { padding-bottom: 30px;}
.join_review .star_wrap { width: auto; position: absolute; right: 20px; top: 50%; margin-top: -20px; vertical-align: middle;}
.star_wrap > * { vertical-align: middle;}
.star_wrap > strong { display: inline-block; font-size: 30px; width: 40px; text-align: right;}
.tab_type2 { padding-top: 40px; width: 100%; overflow: hidden;}
.tab_type2 ul:after {content: "";clear: both;display: block;}
.insurance .article h3+.tab_type2 { padding-top: 0;}
.tab_type2 li { float: left; width: 104px; height: 41px; line-height: 41px; border: 1px solid #ccc; border-bottom: 0; text-align: center; margin-left: -1px; background: #fff; font-weight: bold; color: #969696;}
.tab_type2 li a { display: block;}
.tab_type2 li:first-child { width: 110px; margin-left: 0;}
.tab_type2 li.on { border-color: #363636; position: relative; z-index: 2;}
.tab_type2 .bb_line {margin: 0 0 15px;border-bottom: 1px solid #363636;}
.tab_type2 .bb_line li.on a {background-color: #fff;}
.tab_box { width: 100%; border-top: 1px solid #363636; margin-top: -1px; position: relative; z-index: 1;}
.tab_box .data_table > ul { border-top: 0;}

.refund .txt,.refund .txt2 {text-align: right;margin: 0 0 10px;color: #969696;}
/*.bg { display: block; width: 100%; background: url() repeat 0 0; position: absolute; z-index: -1;}*/

/* D1_3 가입후기 */
.txt_box { border: 1px solid #ccc; border-radius: 4px; padding-bottom: 25px; margin-bottom: 50px; text-align: center;}
.txt_box .main_txt { padding: 105px 0 10px; font-size: 18px; color: #363636; background: url() no-repeat center 30px;}
.txt_box .txt1 span { display: block;}
.rud_box.reviewWrite { background: #f5f5f5; padding: 10px 30px; position: relative;}
.reviewWrite > .select_box { width: 360px; position: absolute; right: 0; top: -51px;}
.reviewWrite > .select_box .txt { position: absolute; left: -100px; top: 8px;}
.reviewWrite li { border-top: 1px dashed #ccc; padding: 30px 0;}
.reviewWrite li > strong { padding-bottom: 20px; color: #363636;}
.reviewWrite li .check_wrap,
.reviewWrite li .radio_wrap { display: block;}
.reviewWrite li .check_wrap .checkBox,
.reviewWrite li .radio_wrap .checkBox { width: auto; margin: 0; display: inline-block;}
.reviewWrite li .check_wrap .checkBox label,
.reviewWrite li .radio_wrap .checkBox label { padding-right: 20px;}
.reviewWrite li .radio_wrap .checkBox label img { margin-top: -3px;}
.reviewWrite li .radio_wrap .checkBox .input_type.full input[type=text] { width: 433px;}
.reviewWrite li .radio_wrap.planner .checkBox:first-child { padding-right: 200px;}
.reviewWrite li .radio_wrap.planner .input_type { position: absolute; left: 95px; margin-top: -5px;}
.reviewWrite li.full .input_type { display: block;}
.reviewWrite li.full .input_type textarea { height: 80px; border-radius: 4px; padding: 15px 25px;}
.reviewWrite li:first-child { border-top: 0;}
.reviewWrite li * { display: inline-block; vertical-align: middle;}
.recommender > strong { display: block; font-size: 20px; font-weight: bold; color: #363636; padding: 60px 0 15px;}
.recommender .txt_box { border-radius: 4px 4px 0 0; padding: 0 0 40px; margin: 0;}
.recommender .txt_box .main_txt { background-image: url();}
.recommender .sendBox .head { position: relative; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.recommender .sendBox .head span:first-child { display: block; color: #969696; padding: 8px 0 13px; text-align: center;}
.recommender .sendBox .head .s_btn { position: absolute; right: 30px; top: 10px; width: 21px; height: 21px; text-indent: -99999em;
	border: 0; background: url() no-repeat 0 0;}
.recommender .sendBox > ul { border: 1px solid #ccc; overflow: hidden; padding: 0 30px 40px; background: #f5f5f5;}
.recommender .sendBox > ul > li { clear: both;}
.recommender .sendBox > ul > li dl { float: left; padding-left: 20px;}
.recommender .sendBox > ul > li dt { color: #969696; font-weight: bold; padding: 20px 0 10px;}
.recommender .sendBox > ul > li dd .select_box { width: 80px; height: 36px; display: inline-block; vertical-align: middle;}
.recommender .sendBox > ul > li dd .select_box select { min-height: 36px; line-height: 36px;}
.recommender .sendBox > ul > li dd .select_box+.input_type { padding-left: 20px;}
.recommender .sendBox > ul > li dd .input_type input { width: 80px;}
.recommender .sendBox > ul > li > .input_type input { width: 100%;}
.recommender .sendBox > ul > li > strong { display: block; color: #363636; padding: 40px 0 12px;}
.recommender .sendBox > ul > li > strong+dl { padding-left: 0;}
.recommender .sendBox > ul > li.col { width: 512px; float: right; clear: none;}
.recommender .sendBox > ul > li.col strong { border-bottom: 1px solid #363636;}
.recommender .sendBox > ul > li.col.first { float: left;}
.recommender .sendBox > ul > li ul.radio_wrap { width: 900px; margin: 0 auto;}
.recommender .sendBox > ul > li li.checkBox { float: left; text-align: center; position: relative; margin-left: 85px;}
.recommender .sendBox > ul > li li.checkBox:first-child { margin-left: 0;}
.recommender .sendBox > ul > li li.checkBox input { top: 8px; left: 50%; margin-left: -5px;}
.recommender .sendBox > ul > li li.checkBox label { display: block; padding: 30px 0 0; background-position: center 0;}
.recommender .sendBox > ul > li li.checkBox label.on {background-position: center 0;}
.recommender .sendBox > ul > li li.checkBox label span { display: block; font-size: 12px; color: #666; padding-top: 10px;}

/* D2 자주하는질문 */
.community .qnaList { display: table; width: 100%; border: 1px solid #ccc; border-radius: 4px; background: #f5f5f5;margin: 0 0 20px;}
.community .qnaList > li { display: table-cell; width: 285px; border-left: 1px solid #ccc; text-align: center;}
.community .qnaList > li.product { width: auto; padding: 20px 30px;}
.community .qnaList > li:first-child { border-left: 0;}
.community .qnaList > li p.sub_tit { font-size: 14px; font-weight: bold; color: #363636; padding-bottom: 15px;}
.community .qnaList > li li { display: inline-block;}
.community .qnaList > li li a { display: block; padding: 1px 4px 4px 11px; position: relative;font-size: 12px;}
.community .qnaList > li li a:after { content: "|"; display: block; color: #ccc; position: absolute; left: 0; top: 0;}
.community .qnaList > li li a.bl_non:after,
.community .qnaList > li li:first-child a:after { display: none;}
.community .qnaList > li li.on a { color: #ff7e00; font-weight: bold;}
.community .qnaList > li li.on a span { display: inline-block; border-bottom: 1px solid #ff7e00;}

.community .search_wrap { background: url() repeat 0 0;}
.community .search_wrap .input_style { width: 395px; height: 131px; margin: 0 auto 50px; padding-top: 30px ;}
.community .search_wrap .tip_txt { margin-top: 15px;}
.community .search_wrap .tip_txt span { display: inline-block;}
.community .search_wrap .tip_txt span a { display: block; font-size: 12px; color: #fff; position: relative; padding: 0 4px 0 11px;}
.community .search_wrap .tip_txt span a:after { content: "|"; display: block; position: absolute; left: 0; top: 0; font-size: 11px; color: #fff;}
.community .search_wrap .tip_txt span:first-child a:after { display: none;}

.bg.search { height: 131px; top: 333px;}

/* D3_2 로그인 */
.login_box { width: 640px; margin: 0 auto 20px; border: 1px solid #ccc; border-radius: 4px; background: #f5f5f5;}
.login_box .sub_tit { font-size: 24px; font-weight: bold; color: #363636; text-align: center; padding: 43px 0 15px;}
.login_box > div { text-align: center;}
.login_box > div .input_type { display: block; margin-top: 10px;}
.login_box > div .input_type input { width: 380px;}
.login_box .wrap_btn { margin: 30px 0 60px;}
.login_box .wrap_btn .s_btn a { width: 380px;}
.login_box .txt {margin: 0 0 40px;font-size: 14px;color: #666;text-align: center;letter-spacing: -0.7px;line-height: 20px;}

/* D3_4_2 고객상담 */
.list_type1 + .wrap_btn { float: right; margin-top: 20px;}

/* D4_1 고객제안/불만접수 */
.registerList { padding-top: 30px;}
.registerList:after { content: ""; display: block; clear: both;}
.registerList li { float: left; width: 50%; }
.registerList li > div { margin-left: 20px; background: #e5e5e5; border-radius: 4px;}
.registerList li:first-child > div { margin-left: 0;}
.registerList li .s_tit { font-size: 18px; text-align: center; padding: 130px 0 15px; background: url() no-repeat center 44px;}
.registerList li:first-child .s_tit { background-image: url();}
.registerList li .wrap_btn { padding: 20px 0 40px; margin: 0;}

/* D4_2_고객제안 불만접수 */
.community p.txt1 { font-size: 14px;color: #666; text-align: center;letter-spacing: -0.7px;line-height: 16px;}
.community p.txt1 span { display: block; padding-bottom: 3px;}
.community p.txt1.left { text-align: left; padding-bottom: 20px;}
.community p.txt1.left span { display: inline;}
.community p.txt1.left span.first { display: block;}
.community p.txt1.left a { display: inline-block; font-size: 12px; font-weight: bold; margin-left: 17px; padding-right: 14px; background: url() no-repeat right 5px;}
.community .data_table .cont .tip_txt { color: #969696;}

/* D5 방문상담 */
.checkBox.col6 { padding: 5px 0;}
.checkBox.col6 li { width: 155px; padding: 6px 0;}
.txtArea + span.tip { color: #969696;}
.txtArea.first { text-align: center; margin: 0; border-radius: 0; background:url() no-repeat; padding:0px !important;}
.txtArea.first div strong { display: block; font-size: 20px; color: #363636; letter-spacing: -1px; padding: 28px 0 15px;}
.txtArea.first div strong.fs28 {font-size:28px; line-height:33px;}
.txtArea.first div p { padding-bottom: 28px; position:relative;}
.txtArea.first div p span { display: block;}
.txtArea.first div p span.visit_num{text-align:right; font-size:0.85em; position:absolute; right:10px; top:3px; margin-top:28px;}
.visit { padding: 20px 0; margin-bottom: 40px; border: 1px solid #ccc; border-top: 0;}
.visit ul{ display: table; margin: 0 auto;}
.visit li { width: 250px; display: table-cell; vertical-align: middle; position: relative;}
.visit li:after { content: ""; display: block; width: 12px; height: 21px; background: url() no-repeat 0 0; position: absolute; left: -50px; top: 50%; margin-top: -11px;}
.visit li:first-child:after { display: none;}
.visit li * { display: inline-block; vertical-align: middle;}
.visit li strong { color: #363636; padding-left: 7px;}
.visit li:first-child+li {width:300px;}
.visit li:first-child+li strong{line-height:15px;}

/**** 유틸리티 ****/
/* F1 보험가입진행현황*/
.utility > .tip_txt { margin-bottom: 30px;}
.utility .txtBox { padding: 30px 0; background: #f0f0f0; border-radius: 4px; text-align: center; color: #363636;}
.utility .table_type h3 { margin-top: 40px;}
.utility .table_type h3+.txt1 { padding-bottom: 20px;}
.utility .table_type table { border-top: 3px solid #363636;}
.utility .table_type table th,
.utility .table_type table td { border: 0; border-bottom: 1px solid #ccc; vertical-align: middle;}
.utility .table_type table th:first-child,
.utility .table_type table td:first-child { border-left: 0;}
.utility .table_type table th { height: 40px;}
.utility .table_type table td { height: 50px;}
.utility .table_type table td.none { height: 120px; color: #969696;}
.utility .table_type .radio_wrap .checkBox { margin: 0;}
.utility .table_type .radio_wrap .checkBox input { margin-top: -5px;}
.utility .table_type .radio_wrap .checkBox label { display: inline-block; text-indent: -99999em; width: 16px; height: 16px; vertical-align: middle; padding: 0; background-position: 0 0 !important;}
.utility .table_type .radio_wrap .checkBox label.on {background-position: 0 0;}
.utility .table_type .btn_wrap { text-align: center;}
.utility .table_type .btn_wrap .s_btn { background: #ff7e00;}
.utility .table_type .btn_wrap .s_btn a { padding: 16px 25px; font-size: 14px; font-weight: bold;}
.utility .table_type > .s_btn { margin-left: 0;}
.utility .table_type > div.box { display: none;}
.utility .cyberLink { padding: 20px 25px; margin-top: 60px; border: 1px solid #ccc; overflow: hidden; position: relative;}
.utility .cyberLink .txt1 { width: 800px; float: left; padding: 5px 0 5px 75px; background: url() no-repeat 0 center;}
.utility .cyberLink .s_btn { position: absolute; right: 25px; top: 50%; margin-top: -18px;}

/* F4 보험용어 */
.article.srchArea { padding-top: 0; background: #565656; overflow: hidden;}
.srchBox { width: 1100px; margin: 0 auto;}
.sub_section .srchBox h3 { padding: 18px 0 14px; font-size: 18px; font-weight: bold; color: #fff; text-align: center;}
.srchBox .termSrch { float: left; padding-left: 203px;}
.srchBox .termSrch .search_box { width: 324px; font-size: 14px;}
.srchBox .termSrch .search_box input[type=text] { height: 58px; font-size: 14px; line-height: 58px; padding: 0 75px 0 15px;}
.srchBox .termSrch .search_box .btn_search { width: 60px; height: 60px;}
.srchBox .termSrch .search_box .btn_search img { display: block; width: 60px; height: 60px;}
.srchBox .indexSrch { float: right; padding: 0 205px 16px 40px; border-left: 1px solid #6f6f6f; font-size: 14px; text-align: center; overflow: hidden;}
.srchBox .indexSrch h3 { width: 325px;}
.srchBox .indexSrch ul { float: left; width: 260px; overflow: hidden;}
.srchBox .indexSrch li { float: left; margin: 0 8px 8px 0; width: 29px; height: 26px; line-height: 26px; background: #fff;}
.srchBox .indexSrch p { float: left; width: 66px; height: 60px; line-height: 60px; background: #fff;}
.srchBox .indexSrch a { display: block;}
.srchBox .indexSrch .on { background-color: #ccc; font-weight: bold;}
.srchBox .indexSrch .on a { color: #fff;}
.division { width: 1100px; margin: 40px auto 0;}
.division ul {width: 420px;margin: 0 auto; font-size: 14px; line-height: 16px; text-align: center; overflow: hidden;}
.division ul li { float: left; width: 70px; padding: 7px 0 10px; background: #ddd;}
.division p { margin-top: 12px; text-align: center;}
.division p span { display: inline-block; color: #666; padding-right: 8px;}
.division p span:after { content: "|"; display: block; float: left; color: #ccc; padding-right: 11px;}
.division p span:first-child:after { display: none;}
.division .on { background: #ff7e00; font-weight: bold;}
.division .on a { color: #fff;}

/* F5 사이트맵 */
.article.siteMap { padding: 39px; border: 1px solid #ccc; border-radius: 4px;}
.article.siteMap h3 { font-size: 18px; line-height: 22px; font-weight: bold; color: #363636; border-bottom: 1px solid #363636; padding: 66px 0 17px;}
.article.siteMap .step > ul { overflow: hidden; letter-spacing: -0.7px;}
.article.siteMap .step > ul > li { float: left; width: 265px;}
.article.siteMap .step > ul > li a { border-bottom: 1px solid transparent;}
.article.siteMap .step > ul > li > strong { display: block; padding: 27px 0 13px; color: #363636;}
.article.siteMap .step > ul > li li { padding-bottom: 9px;}
.article.siteMap .step:first-child h3 { padding-top: 0;}
.article.siteMap .step a:hover { border-color: #ff7e00; color: #ff7e00; font-weight: bold;}
.checkBox.right:after { content: ""; display: block; clear: both;}

/* Round Box */
.rud_box {margin: 0 0 -5px;border: 1px solid #ccc;border-radius: 4px;background-color: #fff;z-index: 9;}
.rud_box .top_txt {padding: 37px 0;border-bottom: 1px solid #ccc;text-align: center; background: #f0f0f0;}
.rud_box .top_txt p {font-size: 14px;letter-spacing: -0.7px;line-height: 20px;}
.rud_box .top_txt strong {display: block;font-size: 18px;color: #363636;}
.rud_box .top_txt2 {padding: 37px 0;border-bottom: 1px solid #ccc;text-align: center;font-size: 14px;}
.rud_box .top_txt2 strong {display: block;font-size: 18px;color: #363636;}
.list_result { padding: 40px 29px;}
.list_result > ul li { padding: 0 0 9px 11px; background: url(/renewal_doyac/img/bl_square_3x3.gif) no-repeat 0 10px;}
.list_result > div { overflow: hidden; padding-top: 30px;}
.list_result > div dl { width: 320px; float: left; margin-left: 30px; padding-top: 20px; border-top: 2px solid #666; }
.list_result > div dl.first { margin-left: 0;}
.list_result > div dt { color: #363636; font-weight: bold; padding-bottom: 10px;}
.list_result > div dd { padding: 0 0 9px 11px; background: url(/renewal_doyac/img/bl_square_3x3.gif) no-repeat 0 10px;}
.txtArea.bt_line {border-radius: 0 0 4px 4px; margin-bottom: 50px;}
.txtArea.info_check {padding: 10px 20px;}
.txtArea.info_check>span {width: 75%;}
.txtArea.info_check .checkBox li {padding-right: 0;padding-left: 8px;}


.customer .tit {padding: 0 0 10px;border-bottom: 1px solid #363636;}
.customer .tit strong {display: inline-block;background: url() no-repeat left top;padding: 0 0 0 26px;line-height: 18px;font-size: 14px;color: #363636;}
.customer li {background: url(/renewal_doyac/img/bl_square_3x3.gif) no-repeat left 9px;margin: 9px 0 0;padding: 0 0 0 9px;font-size: 14px;color: #666;}
.customer li:first-child {margin: 16px 0 0;padding: 0 0 0 9px;}

/* 가입성향 진단 결과 W2_1 */
.wrap_btn.next { text-align: right; margin: 30px 0 40px;}
.wrap_btn.next .s_btn { padding-right: 14px; background: url() no-repeat right 0;}
.wrap_btn.next .s_btn a { padding-left: 15px; padding-right: 15px;}

/* 펀드선택 W4 */
.insurance .article h3 { font-size: 20px;}
.insurance .article h3 img { display: inline-block; padding-right: 9px;}
.table_wrap strong.s_tit { display: block; font-size: 16px; line-height: 20px; padding-bottom: 14px;}
.fund_select:after {content: "";clear: both;display: block;}
.fund_select .table_wrap {float: left;width: 830px;margin: 0 20px 0 0;}
.table_wrap .table_type {margin: 0 0 30px;}
.table_type table {width: 100%;border-collapse: collapse;}
.table_type th {background-color: #f0f0f0;border: 1px solid #ccc;padding: 9px 0;color: #363636;font-size: 14px;text-align: center;}
.table_type td {border: 1px solid #ccc;text-align: center;font-size: 14px;}
/*.table_type td.cor {font-weight: bold; color: #ff702a;}*/
.table_type td.fund_name {padding: 20px;}
.table_type td.service_about {text-align:left;padding:5px 5px 5px 5px;}
.table_type td.fund_name>div {position: relative;}
.table_type td.fund_name .s_btn.ico { position: absolute; right: 20px; top: 50%; margin-top: -15px; border: 0; background: url() no-repeat 0 0;}
.table_type td.fund_name .s_btn.ico a { width: 30px; height: 30px; padding: 0; text-indent: -99999em;}
.table_type td .link { padding-right: 12px; background: url() no-repeat right center;}
.table_type td .link a { display: inline-block; border-bottom: 1px solid #858585;}
.table_type td.fund_name >* {font-size: 14px;}
.table_type .select_box {display: inline-block;width: 80px;}

.fund_select .right_content {float: right;width: 228px; padding-top: 34px;}
.fund_box,.fund_total {height: 160px;background-color: #7d7f84;text-align: center;color: #fff;}
.fund_total {background-color: #46484e;margin: 0 0 10px;}
.fund_box strong,.fund_total strong {display: block;padding: 22px 0 18px;font-size: 20px;}
.fund_box input[type="text"],.fund_total input[type="text"]{width: 148px;height: 44px;padding: 0 10px;border: 2px solid #fff;border-radius: 4px;background: transparent;color: #fff;font-size: 18px;font-weight: bold;text-align: right;}
.fund_box >div,.fund_total>div {margin: 0 0 14px;}
.fund_box p,.fund_total p {font-size: 12px}

.btn_fund {margin: 0 0 20px;background-color: #f58026;font-size: 16px;font-weight: bold;}
.btn_fund a {display: block;height: 80px;padding: 28px 0 0 15px;color: #fff;background: url() no-repeat 204px 33px;letter-spacing: -0.05em;}

.right_content .customer p {margin: 15px 0 0; font-size: 12px;}

/* 가입문서확인 및 보험료납부 */
.data_select:after {content: "";clear: both;display: block;}
.data_select>div{float: left;margin: 0 4px 0 0;}

.tab_type .tabs.tab_col {margin: 0 0 15px;}
.tab_type .tabs.tab_col li a {border-radius: 3px;}

/* 펀드 요약 */
.tit_wrap {position: relative;margin: 0 0 10px;}
.tit_wrap h2 {font-size: 14px;color: #363636;}
.txt_line {padding: 10px;border-bottom: 1px solid #ccc;}
.solution_area {width: 100%;margin: 0 0 10px;height: 115px;border: 1px solid #ccc;}
.search_wrap.data_search {padding: 12px 19px;}
.search_wrap.data_search .input_type { width: auto;}
.search_wrap.data_search input[type='text'] {padding: 7px 26px 9px 8px;background: #fff url() no-repeat 81px 7px;line-height: 1.5em;}

.select_p {position: absolute;right: 0;top: -15px;}

/* 해지환급금 안내 */
.refund .list_type2 li {margin: 12px 0 0;}
.refund .list_type2 li:first-child {margin: 10px 0 0;}

/* Table Type */
.table_type1,.table_type2 {width: 100%;}
.table_type1 {border-top: 1px solid #363636;}
.table_type1 table,.table_type2 table {width: 100%;border-collapse: collapse;}
.table_type1 th {padding: 7px 0 9px 10px;border-bottom: 1px solid #ccc;font-size: 14px;color: #363636;font-weight: bold;text-align: left;}
.table_type1 td {padding: 7px 10px 9px;border-bottom: 1px solid #ccc;color: #666;text-align: right;}

.table_type2 th {padding: 7px 0 9px;border: 1px solid #ccc;background-color: #f0f0f0;text-align: left;}
.table_type2 td {padding: 7px 0 9px;border: 1px solid #ccc;text-align: center;}
.table_type2 td.won {padding: 7px 10px 9px 0;text-align: right;}
.table_type2 td.txt_cont {padding: 7px 10px 9px 15px;text-align: left;}

.table_type2 .t_align th {text-align: center;}
.table_type2.taC th {text-align: center}
.table_type2 td.taL {text-align: left;padding: 0 0 0 10px;}

/* 보장성보험 */
.section_web .txt_b {border-bottom: 2px solid #ff7e00;}
.section_web .fs_t {font-weight: normal;color: #666;font-size: 14px;font-style: normal;}
h2.tit_type span { display: inline-block; font-size: 14px; line-height: 7px; vertical-align: bottom; padding-bottom: 3px;}
.termInsurance .section_mw { display: none}
.termInsurance .section_web { display: block;}
.tab_type .tabs_list { vertical-align: middle; margin-bottom: 0;}
.tab_type span.calcu { display: inline-block; vertical-align: middle;}
.tab_type span.calcu a { display: block; height: 42px; line-height: 38px; border-radius: 3px; padding: 0 25px 0 51px; background: #ff7e00 url() no-repeat 25px center; color: #fff; font-weight: bold;}

.termInsurance .article { padding: 91px 0 80px; text-align: center;}
.termInsurance .article.full { background: #f2f2f2;}
.termInsurance .b_txt img { padding-bottom: 25px;}
.termInsurance .txt { display: block; font-size: 18px; line-height: 22px; font-weight: bold; color: #262626; letter-spacing: -1px;}
.termInsurance .txt02 { display: block; font-size: 14px; line-height: 22px; color: #666; letter-spacing: -1px;}
.termInsurance .txt span { display: block;}
.termInsurance .txt img { display: inline-block; vertical-align: middle; margin-left: -30px; padding-right: 6px;}
.termInsurance .txt span img  { margin-left: 0; padding-right: 0;}
.termInsurance .cor { color: #ff7e00;}
.termInsurance .b_txt { display: block; font-size: 36px; line-height: 44px; font-weight: bold; color: #262626; letter-spacing: -3.6px;}
.termInsurance .b_txt span { display: block;}
.termInsurance .tip_txt { display: block; margin: 0;text-align: left;}
.termInsurance .tip_txt strong { display: inline-block; padding-left: 24px; background: url() no-repeat 0 2px;}
.termInsurance ul.corList { text-align: center; font-weight: bold; color: #fff; padding-bottom: 80px;}
.termInsurance ul.corList li { display: inline-block; padding-left: 37px;}
.termInsurance ul.corList li:first-child { padding-left: 0;}
/*.termInsurance ul.corList li span { display: block; height: 50px; line-height: 47px; background: #e09a35; border-top:4px solid #d27b20;}*/
.termInsurance ul.corList li span { display: block; height: 50px; line-height: 47px; background: #fff; border:1px solid #ccc;border-top: 0;color: #363636;}

/* ** 계산하기 */
.rollingTxt { padding-top: 0;}
.article.rollingTxt { text-align: left; padding: 0;}
.article.rollingTxt+.article { padding: 0;}
.article.rollingTxt h3 { font-size: 24px; line-height: 28px; vertical-align: bottom; padding: 0 0 16px 40px; text-align: left; float: left; background: url() no-repeat 0 0;}
.article.rollingTxt h3 span { float: right; font-size: 12px; padding-top: 6px; font-weight: normal; color: #666;}
.article.rollingTxt h3:after { background: none; clear: both;}
.article.rollingTxt h3+.tip_txt { float: right; margin: 10px 0 0; font-size: 12px; color: #969696;}
.article.rollingTxt h3+.tip_txt strong { padding-left: 5px; font-size: 18px; color: #ff7e00; vertical-align: bottom; background: none;}
.article.rollingTxt > ul > li .input_type .select_box { width: 320px;}
.article.rollingTxt > ul > li .input_type:after { content: ""; display: block; clear: both;}
.article.rollingTxt > ul > li .input_type.col3 .select_box { float: left; width: 100px; margin-right: 10px;}
.article.rollingTxt .rollBox li.hide { display: none;}

.calcul {width: 1100px;margin: 0 auto 30px;}
.calcul:after {content:"";clear: both;display: block}
.calcul.hide { display: none;}
.calcul .tit { display: block; padding-bottom: 15px; text-align: left; font-size: 16px; line-height: 20px; letter-spacing: -0.7px; color :#363636;}
.calcul > ul { float: left;}
.calcul > ul:after {content: "";clear: both;display: block;}
.calcul > ul > li { margin-left: 20px; padding-bottom: 100px;}
.calcul > ul > li:first-child { margin-left: 0;}
.calcul > ul > li .wrap_btn { position: absolute; bottom: 23px;}
.calcul .slider_mw,
.calcul .bx-wrapper { display: none;}
.calcul .slider_web { display: block;}
.calcul.type1 > ul > li { height: 265px;}
.calcul.type1 > ul > li dt { width: 100%;}
.calcul.type2 > ul > li { height: 255px;}
.calcul.type2 > ul > li .top_txt { height: 70px;}
.calcul.type3 > ul > li { height: 345px;}
.calcul.type4 > ul > li {height: 365px;}
.calcul.type4 .wrap_btn {position: absolute;bottom: 25px;width: 230px;}
.calcul.type4 .type1 {padding: 0;}
.calcul.type4 .type1.fl_l {border-right: 0;}
.calcul.type4 .type1.fl_l .cont {margin: 0;}
.calcul.type4 .type1 .select_box {margin: 9px 10px;}
.calcul.type4.saving1 > ul > li,.calcul.type4.saving2 > ul > li {height: 300px;}
.calcul.type4.saving1 .type1 {position: relative;height: 300px;background: #f5f5f5 url() no-repeat 43px 48px;font-weight: bold}
.calcul.type4.saving1 .data1,
.calcul.type4.saving1 .data2,
.calcul.type4.saving1 .data3 {position: absolute;color: #666;top: 40px;}
.calcul.type4.saving1 .data1 {left: 71px;}
.calcul.type4.saving1 .data2 {left: 381px;}
.calcul.type4.saving1 .data3 {left: 501px;}
.calcul.type4.saving1 .age1,.calcul.type4.saving1 .age2,.calcul.type4.saving1 .age3,.calcul.type4.saving1 .age4 {position: absolute;top: 230px;width: 110px;height: 60px;}
.calcul.type4.saving1 .age1 {left: 0;}
.calcul.type4.saving1 .age2 {left: 311px;}
.calcul.type4.saving1 .age3 {left: 431px;}
.calcul.type4.saving1 .age4 {left: 739px;}
.calcul.type4.saving1 .age1 > *,
.calcul.type4.saving1 .age2 > *,
.calcul.type4.saving1 .age3 > *,
.calcul.type4.saving1 .age4 > * {font-size: 14px;}
.calcul.type4.saving1 .org {color: #ff7e00;}
.calcul.type4.saving1 .money1 {position: absolute;left: 53px;top: 156px;width: 310px;height: 35px;padding: 15px 0 0;}
.calcul.type4.saving1 .money2 {position: absolute;left: 483px;top: 135px;width: 307px;height: 40px;padding: 27px 0 0;}
.calcul.type4.saving1 .year {position: absolute;left: 363px;top: 115px;width: 120px;height: 55px;padding: 35px 0 0;}

.calcul.type4.saving1 .type2 {float: right;position: relative;width: 850px;height: 300px;background: #f5f5f5 url() no-repeat 43px 48px;font-weight: bold}
.calcul.type4.saving1 .type2 .money1 {width: 370px;}
.calcul.type4.saving1 .type2 .money2 {left: 423px;width: 370px;}
.calcul.type4.saving1 .type2 .data2 {left: 440px;}
.calcul.type4.saving1 .type2 .age2 {left: 370px;}
.calcul.type4.saving1 .type2 .age3 {left: 739px;}

.calcul.type4.saving2 .type1,.calcul.type4.saving2 .type2 {position: relative;float: right;width: 850px;height: 300px;font-weight: bold;border: 0;}
.calcul.type4.saving2 .type1 {background: #f5f5f5 url() no-repeat 55px 55px;}
.calcul.type4.saving2 .type1 .money1 {position: absolute;left: 422px;top: 70px;text-align: left;color: #0083ca;}
.calcul.type4.saving2 .type1 .money2 {position: absolute;left: 580px;top: 170px;text-align: left;color: #ff7e00;}
.calcul.type4.saving2 .type2 {background: #f5f5f5 url() no-repeat 55px 55px;}
.calcul.type4.saving2 .type2 .money1 {position: absolute;left: 155px;top: 66px;text-align: left;color: #0083ca;}
.calcul.type4.saving2 .type2 .money2 {position: absolute;left: 580px;top: 170px;text-align: left;color: #ff7e00;}

.article .reviews {float: left;width: 560px;}
.article .reviews h3 { font-size: 20px; line-height: 24px; letter-spacing: -1px;}

.keyword { width: 100%; font-size: 11px; padding-bottom: 26px; float: none;}
.keyword span { display: inline-block; width: 94px; height: 17px; line-height: 15px; margin-right: 2px; padding: 0 5px; border-radius: 3px; text-align: center;letter-spacing: -0.6px;}
.keyword span.premium { border: 1px solid #00b1cc; color: #00b1cc;}
.keyword span.proess { border: 1px solid #6a9928; color: #6a9928;}
.keyword span.guarantee { border: 1px solid #ffab00; color: #ffab00;}
.keyword span.expense { border: 1px solid #ff702a; color: #ff702a;}
.reviews .info {position: relative;display: table-cell;height: 50px;font-size: 14px;color: #969696; padding: 5px 0 0 50px; text-align: left;vertical-align: middle;}
.reviews .info span {margin: 0 7px 9px;}
.reviews .info span:first-child {margin-left: 0;}
.reviews .info img {position: absolute;top: 11px;left: 0;}
.reviews .num {display: block;font-size: 30px;font-weight: bold;color: #ff7e00;text-align: center;}
.reviews .keyword { height: 75px; border-top: 1px solid #ccc; padding: 15px 0 11px; text-align: center; letter-spacing: -0.6px;}
.reviews .keyword span { margin-bottom: 5px;}

.article .reviews ul:after {content: "";clear: both;display: block;}
.article .reviews ul>li {float: left;border: 1px solid #ccc; width: 270px;height: 270px;margin: 0 10px 10px 0;padding: 8px 19px 0;background-color: #fff;}
.article .reviews ul>li>p.txt1 {font-size: 14px;line-height: 18px;height: 38px; text-align: left; overflow: hidden;}
.article .reviews ul>li .top_txt {padding: 0 0 15px;border-bottom: 1px solid #ccc;font-size: 18px;font-weight: bold;text-align: center;color: #363636;}

.article .query h3 img,.article .reviews h3 img { vertical-align: middle;}
.article .query { float: right;}
.article .query h3 { padding-left: 10px; font-size: 20px; line-height: 24px; letter-spacing: -1px;}
.article .query dl { width: 270px; height: 270px;border: 1px solid #ccc; font-size: 14px; color: #666; float: left; margin: 0 0 10px 10px; background: #f5f5f5;overflow: hidden;}
.article .query dt { height: 121px;padding: 24px 18px 20px; font-weight: bold; color: #363636; position: relative; border-bottom: 1px solid #ccc; background: #fff; text-align: left;}
.article .query dt:after { content: ""; display: block; width: 20px; height: 10px; background: url() no-repeat 0 0; position: absolute; left: 50%; bottom: -10px; margin-left: -10px;}
.article .query dd { line-height: 20px; padding: 25px 18px; height: 127px; overflow: hidden; text-align: left;}
.article:after { content: ""; display: block; clear: both;}

.chart_select {padding: 0 0 0 10px;text-align: left;border-bottom: 1px solid #ddd;}
.chart_select span,.chart_select .select_box  {display: inline-block;}

/* A1_1 암보험 - 상품특징 */
.cancer .visual_01 > ul { overflow: hidden; display: inline-block; padding-top: 30px;}
.cancer .visual_01 > ul li { float: left;}
.cancer .visual_01 .figure { width: 960px; margin: 0 auto;}
.cancer .visual_01 .figure img { padding-top: 20px;}
.cancer .visual_01 .figure .txt { padding: 55px 0 10px;}
.cancer .visual_01 span.txt { padding: 60px 0 20px;}
.cancer .visual_02 > div { width: 960px; margin: 0 auto; padding: 60px 0 55px;}
.cancer .visual_02 > div > div { display: table-cell; width: 415px; text-align: left;}
.cancer .visual_02 > div > div dt { font-weight: bold; color: #363636; padding: 28px 0 12px;}
.cancer .visual_02 > div > div dt img { vertical-align: middle; padding-right: 10px;}
.cancer .visual_02 > div > div.figure { width: 130px; text-align:center; vertical-align:middle; padding-bottom:100px;}
.cancer .visual_02 p.txt img { padding-top: 5px;}
.cancer .visual_03 .figure { padding: 30px 0 10px;}
.cancer .visual_03 .txt.type { font-size: 14px; padding-top: 30px; color: #666;}
.cancer .visual_03 .list { overflow: hidden; display: inline-block; padding-bottom: 60px;}
.cancer .visual_03 .list > strong { display: block; color: #363636; font-size: 18px; padding: 60px 0 12px;}
.cancer .visual_03 .list li { display: table-cell; width: 238px; height: 198px; padding: 0 25px; vertical-align: top; border: 1px solid #ccc; border-left: 0;}
.cancer .visual_03 .list li img { padding-top: 39px;}
.cancer .visual_03 .list li dt { display: block; padding: 15px 0; font-weight: bold; color: #363636;}
.cancer .visual_03 .list li:first-child { border-left: 1px solid #ccc;}
.cancer .visual_04 .figure { padding-top: 60px;}
.cancer .visual_04 p.txt { padding: 60px 0 30px;}
.cancer p.txt > .pdTB {padding:30px 0px 50px 0px;}
.cancer .figure_box {width:960px; margin:0 auto; margin-top:30px; margin-bottom:5px; border:1px solid #f2f2f2; padding:30px 0px 30px 150px; background-color:#fcfcfc; text-align:left;}
.cancer .figure_box:after {content: "";clear: both;display: block;}
.cancer .figure_box > * { float: left;}
.cancer .figure_box > dl{width:480px; margin-top:40px; margin-left:15px;}
.cancer .figure_box > dl dt { padding-left: 45px; background: url() no-repeat 30px center; color:#ff7e00; font-weight: bold;}
.cancer .figure_box > dl dt.first {padding-bottom:25px; padding-left:28px; font-size: 14px;font-weight: bold;letter-spacing: -0.7px;line-height: 20px;color: #262626; background:none;}
.cancer .figure_box > dl dd { padding: 5px 0 20px 45px; font-size: 12px;}
.cancer .figure_box > dl dd span { color: #006ab5;}
.cancer .figure_box > dl dd.first { padding-bottom: 40px;}
.cancer .figure_box > dl dd.first span { color: #ed6711;}
.cancer .renewal_table {margin-right:15px;}
.cancer .renewal_table p{height:100px; font-size:16px;  margin-top:30px; padding-left:15px; font-weight: bold; color: #363636; letter-spacing:-0.5px;}
.cancer .renewal_table p.re_table_txt01{ background:url() no-repeat 0 7px; }
.cancer .renewal_table p.re_table_txt02{ background:url() no-repeat 0 7px; }
.cancer .renewal_table > table{width:100%;border-collapse: collapse;}

/* A1_2 암보험 */
.visual_stat.prod_cancer {padding: 253px 0 0;}
.visual_txt { display: block; margin: 15px 0 0;font-size: 18px; line-height: 32px; font-weight: bold; color: #262626; letter-spacing: -1px;}
.img_cancer01 {margin: 60px 0;}
.img_cancer02 {width: 960px;margin: 60px auto;padding: 60px 0 0;border-top: 1px solid #e5e5e5;}
.list_cancer {width: 960px;margin: 80px auto 20px;}
.list_cancer:after {content: "";clear: both;display: block;}
.list_cancer li {float: left;width: 480px;text-align: right;}
.list_cancer li:first-child {text-align: left;}
.txt_cancer {display: block;margin: 0 0 60px;font-size: 12px;color:#969696;text-align: center;}
.txt1_cancer {display: block; font-size: 12px;color:#969696;text-align:left; letter-spacing:-0.5px;}
.txt2_cancer {display: block;margin: 5px 0px; font-size: 12px;color:#969696;text-align:right; letter-spacing:-0.5px;}


.list_box2 {width: 995px;margin: 0 auto;}
.list_box2 strong {padding: 55px 0 30px !important;font-size: 18px;line-height: 20px;letter-spacing: -1px;}
.list_box2 ul.corList {padding-bottom: 45px;}
.list_box2 ul.corList li {margin: 0 0 15px;padding: 0 8px 0 7px !important;}


/*.rollingTxt { padding: 40px 0 0;}*/
.rollingTxt .qnaList { text-align: center; overflow: hidden; padding: 40px 0 55px;}
.rollingTxt .qnaList > li { display: block; float: left; width: 365px; height: 200px; padding-top: 29px; border: 1px solid #e09a35; margin-left: 12px;}
.rollingTxt .qnaList > li strong { display: block; color: #363636; letter-spacing: -0.7px; padding-bottom: 20px;}
.rollingTxt .qnaList > li strong span { display: block; text-align: center; padding: 10px 0 5px;}
.rollingTxt .qnaList > li span { display: block; font-size: 12px; color: #969696;}
.rollingTxt .qnaList > li > img { padding-bottom: 25px;}
.rollingTxt .qnaList > li:first-child { margin-left: 0;}
.rollingTxt .qnaList > li .step_list { display: inline-block; font-weight: bold; color: #666; padding-top: 20px;}
.rollingTxt .qnaList > li .step_list li { width: 100px; float: left; padding-top: 43px; font-size: 12px; background: url() no-repeat center 0; position: relative;}
.rollingTxt .qnaList > li .step_list li:after { content: ""; display: block; width: 12px; height: 21px; background: url() no-repeat 0 0; position: absolute; left: 0; top: 6px;}
.rollingTxt .qnaList > li .step_list li:first-child { padding-left: 0;}
.rollingTxt .qnaList > li .step_list li:first-child:after { display: none;}
.rollingTxt .qnaList > li .step_list li.entry { background-image: url();}
.rollingTxt .qnaList > li .step_list li.payment { background-image: url();}
.rollingTxt .qnaList > li .step_list:after { content: ""; display: block; clear: both;}

/* 정기보험 - 이유있는 특징 A3_2 */
.ta2_conent {position: relative;width: 100%;}
.ta2_conent h3 {font-size: 36px;color: #262626;font-weight: bold;line-height: 1.14em;}
.visual_stat {position: relative;height: 800px;padding: 328px 0 0;text-align: center;}
.visual_stat .bg_pc {position: absolute; left: 0; top: 0;width: 100%;height: 800px;overflow: hidden;z-index: -1;background-color: #f5f5f5;}
.visual_stat .bg_pc img {width: 1100px;height: 800px;}

.list_stat {position: relative;width: 830px;margin: 0 auto 55px;}
.list_stat ul:after {content: "";clear: both;display: block;}
.list_stat li {float: left;width: 150px;margin-left: 20px;}
.list_stat li:first-child {margin: 0;}
.list_stat li strong {display: block;padding: 10px 0 0;font-size: 24px;color: #fff;}
.img_graph {margin: 0 0 45px;background: url() no-repeat left bottom;}
.termInsurance .fb {display: block;margin: 0 0 17px;color: #363636;letter-spacing: -0.7px;line-height: 20px;}
.list_stat .stats {display: block;margin: 20px -100px 0 0;text-align: right;font-size: 12px;color: #969696;}
.list_stat2 {width: 960px;margin: 30px auto 105px;}
.list_stat2:after {content: "";clear: both;display: block;}
.list_stat2 li {float: left;width: 310px;margin: 0 0 0 14px;}
.list_stat2 li:first-child {margin: 0;}
.list_stat2 li span {display: block;height: 50px;text-align: center;background-color: #fff;border: 1px solid #ccc;line-height: 46px;font-weight: bold;color: #363636;}

.list_stat3 {width: 960px;margin: 0 auto;}
.list_stat3 li {margin: 0 0 25px;text-align: left;}
.list_stat3 li.list3 {margin:0;}
.list_stat3 li>div {position: relative;padding: 0 0 15px;}
.list_stat3 li.list3 .money {padding: 0;}
.list_stat3 li .txt_r {position: absolute; right: 0; bottom: 10px;font-size: 12px;color: #969696;}

.align_wrap {width: 1100px;margin: 60px auto 80px;}
.align_wrap:after {content: "";clear: both;display: block;}
.align_wrap>div {float: left;}
.align_wrap .center_txt {margin: 0 70px 0 83px;}
.img_stat4 {margin: 0 0 70px;}

/* A3_3 */
.sub_section .article h3.first { padding-top: 0;}
.article { width: 1100px; margin: 0 auto; /*padding-top: 100px;*/}
.article .table_type2 table { width: 100%; font-size: 14px;}
.article .table_type2 table th { color: #363636;text-align: center;}
.article .table_type2 p.s_tit { font-size: 16px;}
.article .txt_list li { padding: 0 0 12px 10px; background: url() no-repeat 0 7px;}
.article .table_type2+.txtBox { padding: 25px 30px; margin: 25px auto 0; background: #fff2e5; font-size: 14px; line-height: 17px; }
.article .table_type2+.txtBox .s_tit { font-size: 14px; line-height: 17px; padding-left: 28px; border-bottom: 1px solid #ffcfa0; background: url() no-repeat 0 0;}
.article .table_type2+.txtBox .cont { padding-top: 20px;}
.article .noteBox { padding: 29px; border: 1px solid #ccc; font-size: 14px; color: #666;letter-spacing: -0.7px;line-height: 20px;}
.article .noteBox dl dt { font-weight: bold; color: #363636; padding-top: 37px;}
.article .noteBox dl.first dt { padding-top: 0;}
.article .noteBox dl dd { padding-top: 13px;}
.article .noteBox dl dd li { padding-top: 13px;}
.article .noteBox .s_btn { margin: 15px 0 0;}
.article.note { max-width: 1100px; border-top: 0; padding-top: 0;padding-bottom: 0;text-align: left;}
.article.note h3 { padding-top: 94px;}
.article.note h3.ico { padding-left: 40px; background: url() no-repeat 0 94px;}
.article.note .txtBox { width: 100%;}
.article.full { width: 100%;}
.article.first { padding-top: 0;}

/* A4_1 상해보험 */
.injury .visual_01 span.txt { padding: 60px 0 20px;}
.injury .visual_01 .figure { padding-top: 60px;}
/*.injury .visual_01 ul { overflow: hidden; display: inline-block; padding-top: 60px;}*/
/*.injury .visual_01 ul li { float: left;}*/
.injury .visual_02 div { width: 960px; margin: 0 auto; padding-top: 40px;}
.injury .visual_02 div > span { display: block; text-align: right; font-size: 12px; color: #969696; padding-bottom: 10px;}
/*.injury .visual_02 .corList { padding: 0 0 60px;}*/
.injury .visual_02 .corList { padding: 0 0 60px;}
.injury .visual_02 .corList li { padding-left: 0; margin-left: 10px; border: 1px solid #ccc;}
.injury .visual_02 .corList li:first-child { margin-left: 0;}
.injury .visual_02 .corList li span { border:0; border-top: 1px solid #ccc; background: none; color: #363636;}
.injury .visual_03 span.txt { padding-top: 30px;}
.injury .visual_03 .figure { padding: 60px 0 30px;}

/* A4_2 상해보험 */
.img_accident {margin: 0 0 70px;}

/* A5_2 어린이보험 */
.img_child01 {margin: 0 0 60px;}
.child_txt {margin: 0 0 40px;}
.child_txt2 {display: block;margin: 17px 0 54px;font-size: 12px;color: #969696;font-weight: normal;}
.child_txt .txt1 {display: block;margin: 0 0 6px;letter-spacing: -0.7px;line-height: 20px;}
.child_txt .txt2 {font-size: 12px;color: #969696;}

.img_child02 {width: 960px;margin: 0 auto 55px;overflow: hidden;}
.img_child02>div {float: left;width: 480px;text-align: right;}
.img_child02>div:first-child {text-align: left;}
.img_child05 {padding: 20px 0 0;background: url() no-repeat center top;}

/* A5_1 어린이보험 */
.child .visual_01 p.txt { padding: 15px 0 40px;}
.child .visual_01 p.txt span { padding-top: 15px;}
.child .visual_02 .figure { padding: 60px 0;}
.child .visual_03 span.txt { padding: 60px 0;}
.child .visual_03 p.txt.first { padding: 60px 0 30px;}

/* A6_1 건강제대보험 */
.discharge .txt span { padding-top: 0;}
.discharge .visual_01 ul { display: inline-block; padding: 90px 0 60px;}
.discharge .visual_01 ul:after { content: ""; display: block; clear: both;}
.discharge .visual_01 li { float: left; padding-left: 50px;}
.discharge .visual_01 li:first-child { padding-left: 0;}
.discharge .visual_01 li span { display: table-cell; height: 40px; font-weight: bold; vertical-align: middle;}
.discharge .visual_01 .txt { padding-top: 30px;}
.discharge .visual_02 > img { padding: 60px 0 45px;}
.discharge .visual_02 span.txt { padding-top: 27px;}
.discharge .visual_03 > img { padding: 60px 0;}

/* A7_1 건강출산보험 */
.childbirth .txt span { padding-top: 15px;}
.childbirth .txt span:first-child { padding-top: 0;}
.childbirth .visual_01 .b_txt+span.txt { padding: 60px 0 20px;}
.childbirth .visual_01 .figure { width: 960px; margin: 0 auto; padding-top: 60px; text-align: center;}
.childbirth .visual_01 .figure span:first-child { display: block; padding-bottom: 30px;}
.childbirth .visual_02 span.txt { padding: 60px 0 20px;}
.childbirth .visual_02 .corList li { border: 1px solid #ccc; padding-left: 0; margin-left: 37px;}
.childbirth .visual_02 .corList li span { border: 0; border-top: 1px solid #ccc;}
.childbirth .visual_03 > img { padding: 60px 0 85px;}
.childbirth .visual_04 > img { padding: 60px 0;}
/*.childbirth .visual_04 .txt span { padding-top: 0;}*/

/* A8_2 저축보험 */
.saving_txt .txt:first-child {margin: 0 0 55px;}
.saving_txt .tip_box {position: relative;width: 960px;margin: 30px auto 0;padding: 22px 30px 27px;text-align: left;background: #fcfcfc;border: 1px solid #eaeaea;}
.saving_txt .tip_box:after {position: absolute;content:"";display: block;right: -1px;bottom: -1px;width: 21px;height: 21px;background: url() no-repeat right bottom;background-size: 21px;}
.saving_txt .tip_box dt {padding: 0 0 7px 25px;background: url() no-repeat left 1px;color: #363636;font-weight:bold;}
.saving_txt .tip_box dd {padding: 0 0 0 25px;font-size: 12px;font-weight: normal;letter-spacing: -0.6px;line-height: 18px;color: #666;}

.list_saving {width: 960px;margin: 0 auto;overflow: hidden;text-align: left;}
.list_saving li {float: left;width: 460px;}
.list_saving li:first-child {margin: 0 40px 0 0;}
.list_saving li .tit {display: block;margin: 0 0 23px;font-size: 18px;font-weight: bold;color: #363636;text-align: center;}
.list_saving li .tit img {margin: 2px 10px 0 0;}
.list_saving li .txt1 {margin: 0 0 27px;text-align: center;}
.list_saving li .txt2 {width: 100%;overflow: hidden;padding: 26px 0 20px;}
.list_saving li .txt2>div {float: left;width: 230px;}
.list_saving li .txt2>div strong {display: block;padding: 0 0 4px 15px;color: #ff7e00;background: url() no-repeat left 5px;}
.list_saving li .txt2>div span {color: #ff7e00;}
.list_saving li .txt2>div:first-child strong {color: #0083ca;background: url() no-repeat left 5px;}
.list_saving li .txt2>div:first-child span {color: #0083ca;}
.list_saving li .txt2>div p {padding: 0 0 0 14px;font-size: 12px;letter-spacing: -0.6px;line-height: 18px;}
.list_saving li .txt3 {letter-spacing: -0.7px;line-height: 20px;color: #666;}

.list_saving .table_type2 table th {background-color: #969696;color: #fff;font-size: 12px;letter-spacing: -0.6px;}
.list_saving .table_type2 table td.t_left {padding: 14px;text-align: left}
.list_saving .table_type2 table td.t_left strong {color: #ff7e00;}
.list_saving .table_type2 table td.t_left p {font-size: 12px;letter-spacing: -0.6px;}
.list_saving .table_type2 table td.t_left .font_none {font-weight: normal;color: #666;}

.type1.saving1 {background: #f5f5f5 url() no-repeat 48px 43px;}

/* A9_2 연금저축보험 */
.pension_txt {margin: 70px 0 0;}
.pension_txt .tit {display: block;margin: 0 0 17px;color: #363636;letter-spacing: -1px;}
.pension_txt span {display: block;margin: 37px 0 54px;font-size: 12px;color: #969696;}
.pension_txt .mgb100 {margin-bottom: 100px}
.pension_txt .mgt80 {margin-top: 80px}

.tipbox_wrap {width: 960px;overflow: hidden;margin: 20px auto 0;}
.tipbox_wrap .tip_box {position: relative;float: left; width: 470px;height: 106px;background: #efefef;border: 1px solid #c2c2c2;text-align: left;}
.tipbox_wrap .tip_box:after {content: "";display: block;position: absolute;right: -1px; bottom: -1px;width: 21px;height: 21px;background: url() no-repeat right bottom;}
.tipbox_wrap .tip_box:first-child {margin: 0 20px 0 0;}
.tipbox_wrap .tip_box dl {padding: 21px 25px 25px 30px;}
.tipbox_wrap .tip_box dt {padding: 0 0 8px 25px;background: url() no-repeat left 1px;font-weight: bold;color: #363636;}
.tipbox_wrap .tip_box dd {padding: 0 0 0 25px;font-size: 12px;font-weight: normal;letter-spacing: -0.6px;line-height: 18px;color: #666;}

.text_type {display: block;margin: 7px 0 0;font-size: 12px;font-weight: normal;text-align: left;color: #666;clear: both;}

/* B_11 진심의차이 - 상품특징 */
.difference .b_txt { padding-bottom: 60px;}
.difference .visual_01.full { height: 800px; background: #f2f2f2 url(/renewal/img/guide1.jpg) no-repeat center 0;}
.difference .visual_01 > * { text-indent: -99999em;}
.difference .visual_02 div { width: 960px; margin: 0 auto; background: url(/renewal/img/guide1.jpg) no-repeat 0 0; position: relative;}
.difference .visual_02 div .txt { top: 30px;}
.difference .visual_02 div li { overflow: hidden;}
.difference .visual_02 div li dl { float: right; width: 160px; height: 120px; padding-top: 20px; font-size: 12px; letter-spacing: -0.6px; color: #fff; text-align: left; line-height:12px;}/* 20150714 수정 beet */
.difference .visual_02 div li dl dt { font-weight: bold; padding: 0 0 16px 20px; font-size: 14px;}
.difference .visual_02 div li dl dd { float: left; width: 160px; padding: 0 0 6px 28px; background: url() no-repeat 20px 7px;}
.difference .visual_02 div li dl dd.long { width: 190px;}
.difference .visual_02 div li dl dd.long+dd { margin-left: -30px;}
.difference .visual_02 div li dl dd.btn_wrap { background: none; padding: 0; text-align: center;}
.difference .visual_02 div li dl dd.btn_wrap .s_btn { background: none; margin: 0; padding-top:45px;}/* 20150714 수정 beet */
.difference .visual_02 div li dl dd.btn_wrap .s_btn a { font-size: 14px; font-weight: bold; color: #363636; padding: 0 15px 0 0; background: url() no-repeat right center;}
.difference .visual_02 div li.middle dl{height:157px;}/* 20150714 추가 beet */
.difference .visual_02 div li.middle dl.type { width: 320px; }
.difference .visual_02 div li.middle dl:first-child dt { color: #363636; padding-bottom: 30px;}
.difference .visual_02 div li.last dl{height:140px;}/* 20150714 추가 beet */
.difference .visual_02 div li.last dl.type { width: 480px;}
.difference .visual_02 > div > p.txt { text-align: left; position: absolute; left: 50%; margin-left: -480px;}
.difference .visual_02 > div > p.txt span { padding-bottom: 30px;}
.difference .visual_03 p.txt span:first-child { padding: 60px 0 30px;}
.difference .visual_04 .figure span { padding: 30px 0 60px;}
.difference .visual_04 p.txt { padding: 20px 0 30px;}
.difference .visual_05 .txt.first { padding: 60px 0 30px;}
.difference .visual_06 .b_txt { padding-bottom: 30px;}
.difference .visual_06 .figure { padding: 60px 0;}
.difference .visual_06 .txt .cor { display: block; padding-bottom: 20px;}
.difference .visual_06 .txt span span { display: inline-block; font-size: 14px; font-weight: normal; color: #666;}
.difference .visual_06 .txt+.txt { padding-top: 20px;}
.point_txt {position: relative;padding: 27px 0 20px 30px;background: #fcfcfc;border: 1px solid #eaeaea;text-align: left;font-size: 14px;}
.point_txt:after {content: "";display: block;position: absolute;right: -1px;bottom: -1px;width: 21px;height: 21px;background: url() no-repeat right bottom;}
.point_txt .tit_txt {display: block;margin: 0 0 10px;}
.point_txt strong {color: #363636;}
.point_txt li {margin: 0 0 11px;padding: 0 0 0 10px;background: url() no-repeat left 8px;}
.point_txt li.org,.point_txt li.org strong {color: #ff7e00;}

/* B_12 진심의차이 - 이유있는 선택 */
.difference02 .b_txt { padding-bottom: 60px;}
.difference02 .figure strong { display: block;}
.difference02 .visual_01 .figure img { padding: 40px 0 60px;}
/*.difference02 .visual_02 .figure+.txt { padding-bottom: 30px;}*/
.difference02 .visual_02 .figure { padding: 0 0 100px;}
.difference02 .visual_02 .figure .txt_p { width: 960px;margin: 15px auto 0;text-align: left;}
.difference02 .visual_02 .figure .txt { padding-bottom: 28px;}
.difference02 .visual_02 .figure img { padding-top: 12px;}
.difference02 .visual_02 .figure strong { display: inline-block;}
.difference02 .visual_03 ul { width: 960px; display: inline-block; padding-bottom: 140px;}
.difference02 .visual_03 ul:after { content: ""; display: block; clear: both;}
.difference02 .visual_03 ul li { float: left; width: 33.3%; height: 218px; padding: 41px 30px 0; border: 1px solid #ccc; border-left: 0; text-align: center;}
.difference02 .visual_03 ul li strong { display: block; padding: 17px 0 15px;}
.difference02 .visual_03 ul li:first-child { width: 33.4%; border-left: 1px solid #ccc;}
.difference02 .visual_04 .table_wrap { width: 960px; margin: 0 auto;}
.difference02 .visual_04 .table_wrap > strong { font-size: 18px; color: #363636;}
.difference02 .visual_04 .table_wrap > strong span { font-size: 14px; color: #666; font-weight: normal;}
.difference02 .visual_04 .table_wrap table { border-collapse: collapse; margin: 20px 0 60px;}
.difference02 .visual_04 .table_wrap table th { height: 37px; padding: 0; color: #fff; background: #969696;}
.difference02 .visual_04 .table_wrap table td { padding: 15px 20px;}
.difference02 .visual_04 .table_wrap table td strong { display: block; text-align: left;}
.difference02 .visual_04 .table_wrap table td span { display: block; text-align: left;}
.difference02 .visual_04 .table_wrap+.txt { padding-bottom: 30px;}
.difference02 .visual_04 .figure { padding: 60px 0 13px;}

/* B_13 진심의차이 펀드 */
.difference .table_type { width: 100%; border-collapse: collapse;}
.difference .table_type strong { display: block; padding: 15px 0px 12px; text-align: left;}
.difference .table_type dl { padding: 0 20px; overflow: hidden;}
.difference .table_type dt { float: left; width: 50%; text-align: left;}
.difference .table_type dd { float: left; width: 50%; text-align: right; font-weight: bold; color: #363636;}
.difference .table_type .btn_wrap { width: auto; padding: 17px 20px 20px; text-align: center;}
.difference .table_type .btn_wrap a { width: 113px; padding: 3px 15px 7px;}
.difference .article.fund { padding: 0; position: relative;}
.difference .article.fund .paginate+span { display: block; font-size: 12px; line-height: 16px; padding: 5px 0 5px 32px; background: url() no-repeat left center; font-weight: bold; position: absolute; right: 0; bottom: 22px;}
.difference .article.fund .paginate+span a { padding-right: 14px; background: url() no-repeat right center;}

/* A8_1 저축보험 */
.saving .b_txt { padding-bottom: 60px;}
.saving .visual_01 ul { overflow: hidden; display: inline-block; padding-bottom: 30px;}
.saving .visual_01 ul li { float: left;}
.saving .visual_02 ul { overflow: hidden; display: inline-block; padding-bottom: 60px;}
.saving .visual_02 ul li { float: left;}
.saving .visual_02 ul li strong { display: block; color: #363636; padding: 15px 0 6px;}
.saving .visual_02 p.txt+.txt { padding-top: 30px;}
.saving .visual_02 span.txt { padding-bottom: 20px;}
.saving .visual_03 ul { width: 960px; margin: 0 auto; overflow: hidden;}
.saving .visual_03 ul li { float: left; width: 320px; padding: 50px 0 40px; text-align: center; border: 1px solid #ccc; border-left: 0;}
.saving .visual_03 ul li:first-child { border-left: 1px solid #ccc;}
.saving .visual_03 ul li strong { display: block; padding: 50px 0 15px; color: #363636;}
.saving .visual_04 span.txt { padding: 30px 0;}

/* A9_1 연금저축보험 */
.annuity .b_txt { padding-bottom: 60px;}
.annuity .visual_01 ul { overflow: hidden; display: inline-block; padding-bottom: 40px;}
.annuity .visual_01 li { float: left;}
.annuity .visual_01 li .s_txt {display: block;margin: 18px 0 0;text-align: center;font-size: 12px; color: #666;line-height: 18px;}
.annuity .visual_02 .figure+.txt { padding: 60px 0 30px;}
.annuity .visual_02 .s_type { font-size: 14px; color: #666;}
.annuity .visual_02 .txt.s_type { font-weight: bold; padding: 30px 0 60px;}
.annuity .visual_03 .figure { width: 960px; margin: 0 auto; overflow: hidden; text-align: left;}
.annuity .visual_03 .figure > * { float: left; width: 480px;}
.annuity .visual_03 .figure > dl dt { padding-left: 45px; background: url() no-repeat 30px center; color: #0083ca; font-weight: bold;}
.annuity .visual_03 .figure > dl dt.first { background-image: url(); color: #ff7e00;}
.annuity .visual_03 .figure > dl dd { padding: 5px 0 0 45px; font-size: 12px;}
.annuity .visual_03 .figure > dl dd span { color: #006ab5;}
.annuity .visual_03 .figure > dl dd.first { padding-bottom: 40px;}
.annuity .visual_03 .figure > dl dd.first span { color: #ed6711;}
.annuity .visual_03 .figure+.txt { padding: 60px 0 30px;}

/* 가입성향진단_본인인증 */
.person_check {width: 380px;margin: 0 auto;}
.person_check:after {content: "";clear: both;display: block;}
.person_check dt {float: left; width: 160px;height: 50px;padding: 14px 0 0;font-size: 14px;font-weight: bold;color: #363636;letter-spacing: -0.7px;line-height: 20px;}
.person_check dd {float: left;width: 220px;height: 50px;}
.person_check dd input {height: 50px;border: 1px solid #ddd;border-radius: 4px;}
.person_check dd.name {margin: 0 0 10px;}
.person_check dd.name input {width: 100%;}
.person_check dd.num {text-align: right;}
.person_check dd.num span {display: inline-block;width: 69px;text-align: left;font-size: 14px;letter-spacing: -0.7px;line-height: 28px;}
.person_check dd.num input {width: 120px;margin: 0 0 0 25px;}

/* 변액보험 가입 시 유의사항 */
.note_wrap h2 {margin: 0 0 12px;font-size: 14px;color: #363636;font-weight: bold;letter-spacing: -0.7px;line-height: 20px;}
.note_list ul{width: 550px;margin: 0 auto;padding: 0 0 23px;border-bottom: 1px solid #ccc;}
.note_list ul:after {content: "";clear: both;display: block;}
.note_list li {float:left;width: 128px;padding: 0 0 0 12px;background: url() no-repeat left 8px;text-align: center;}
.note_list li:first-child {padding: 0;background: none;}
.note_list li > strong {display: block;padding: 9px 0 0;font-size: 12px;}

.note_wrap .txt {margin: 15px 0 0;font-size: 14px;color: #969696;letter-spacing: -0.7px;line-height: 20px;}
.note_wrap .txt.txt_d {color: #666;margin-bottom: 12px;}
.note_wrap .list_type2 {margin: 17px 0 35px;}
.note_wrap .list_type2 li {margin: 0 0 11px;}
.note_wrap .rud_box {overflow: hidden;margin: 0 0 40px;padding: 36px 20px 39px;border: 1px solid #e09a35;background-color: #fff2e5;}
.note_wrap .rud_box h2 {margin: 0;}
.note_wrap .rud_box .txt.txt_d {margin: 2px 0 17px;}
.note_wrap .rud_box .txt {margin: 11px 0 0;}
.note_wrap .checked_list {border: 1px solid #ffd8b2;background: #fff;border-radius: 4px;}
.note_wrap .checked_list li {width: 100%;border-top: 1px solid #ccc;padding: 0 0 0 21px;letter-spacing: -0.7px;line-height: 20px;}
.note_wrap .checked_list li:first-child {border: 0;}
.note_wrap .checkBox input[type="radio"]+label {display: block;padding: 14px 0 18px 24px;background-position: 0 center;}
.note_wrap .step_need {margin: 11px 0 0;letter-spacing: -0.7px;line-height: 20px;}
.note_wrap .step_need dt {margin: 0 0 3px;color: #666;font-weight: bold;}
.note_wrap .step_need dd {margin: 0 0 13px;}
.note_wrap .tip {display: block;padding: 0 0 3px 22px;background: url() no-repeat left 3px;}

/* 온라인 보험  */
#wrap.web .on_lnsurance .article h3 {padding: 94px 0 0;font-size: 24px;line-height: 27px;font-weight: bold;color: #363636;}
#wrap.web .on_lnsurance .article h3.first {padding: 0 0 14px;}
#wrap.web .on_lnsurance .article h3 img {display: none;}
#wrap.web .on_lnsurance .article .table_type2 p.s_tit {padding:24px 0 6px;font-size: 16px;}
#wrap.web .on_lnsurance .article .txt_list {color:#969696;letter-spacing: -0.7px;line-height: 20px;}
#wrap.web .on_lnsurance .article .txt_list li {background: url() no-repeat 0 7px;margin: 8px 0 0;padding: 0 0 0 10px;}
#wrap.web .on_lnsurance .article .tit_wrap {margin: 0 0 20px;}
#wrap.web .on_lnsurance .article h3 {display: inline-block;}

#wrap.web .on_lnsurance .article .txtBox { padding: 25px 30px; margin: 25px auto 0; background: #f0f0f0; font-size: 14px; line-height: 17px; }
#wrap.web .on_lnsurance .article .txtBox .s_tit { font-size: 14px; line-height: 17px; padding-left: 28px; border-bottom: 1px solid #ffcfa0; background: url() no-repeat 0 0;}
#wrap.web .on_lnsurance .article .txtBox .txt_list {padding: 10px 0 0;}
#wrap.web .on_lnsurance .article .txtBox ul li {float: none;width: 100%;color: #666;}
#wrap.web .on_lnsurance .article.note h3.ico {padding:94px 0 20px 40px;}

#wrap.web .on_lnsurance .tip {padding: 16px 0 0;color: #969696;letter-spacing: -0.7px;line-height: 20px;}
#wrap.web .on_lnsurance .table_type2 td {width: 284px;letter-spacing: -0.7px;line-height: 20px;}
#wrap.web .on_lnsurance .table_type2 td.txt_cont {width: 571px;}
#wrap.web .on_lnsurance .txtBox .org_cor {margin: 16px 0 0;font-weight: bold;}
#wrap.web .on_lnsurance .table_type2 td .pc_block,.on_lnsurance .table_type2 td .txt_block {display: block;}

.guide_type {font-size: 14px;border: 1px solid #ddd;letter-spacing: -0.7px;line-height: 20px;background-color: #f0ebe6;}
.guide_type:after,.guide_type dd ul:after {content: "";clear: both;display: block;}
.guide_type dt {float: left;width: 200px;padding: 9px 15px;font-weight: bold;color: #363636;border-top: 1px solid #ddd;margin: -1px 0 0;}
.guide_type dt.guide_title{width:110px; height:125px; line-height:100px;}
.guide_type dd {float: left;width: 938px;padding: 9px 15px 5px;border-top: 1px solid #ddd;border-left: 1px solid #ddd;background-color: #fff;margin: -1px 0 0;}
.guide_type dd.guide_sub01{width:98px; line-height:47px; height:63px;}
.guide_type dd.guide_sub02{width:930px; height:63px; padding: 9px 13px 5px;}
.guide_type dd.guide_sub03{width:930px; height:63px; line-height:47px; padding: 9px 13px 5px;}
.guide_type dd li {float: left;background: url() no-repeat left 5px;margin: 0 0 4px 19px;padding: 0 0 0 21px;}
.guide_type dd.guide_sub03 li{background: url() no-repeat left 19px;}
.guide_type dd li:first-child {background: none;margin: 0;padding: 0;}
.guide_type dd li.mgpd_none {margin: 0;padding:0;background: none;}
.guide_type dd span  {display: inline-block;white-space: nowrap;}
.guide_type dd strong {color: #363636;}

#wrap.web .tit_wrap h3.tit {padding-bottom: 14px}

/* 저축성보험 - 변액보험 기초 다지기 */
.termInsurance .article h3.tit {padding: 0 0 54px;font-size: 36px;letter-spacing: -3.6px;line-height: 44px; text-align: center;}
.termInsurance .article .img_var {margin: 40px 0 75px;}
.list_box {width: 960px;margin: 0 auto;}
.list_box:after {content: "";clear: both;display: block;}
.list_box li {float: left;padding: 39px 0 0;border: 1px solid #ccc;height: 240px;}
.list_box li:first-child {border-right: 0;}
.list_box li > * {display: block;}
.list_box li > img {display: inline-block;margin: 0 0 9px;}
.list_box li > img.m_img {display: none;}
.list_box li > strong {margin: 0 0 9px;color: #363636;}
.list_box.col2 li {width: 480px;}

.three_var {display: inline-block;margin: 57px 0 0; }
.three_var:after {content: "";clear: both;display: block;}
.three_var li {float: left;padding: 0 40px;}
.three_var li > * {display: block;}
.three_var li > strong {margin: 0 0 17px;color: #363636;}
.three_var li > img {display: inline-block;margin: 0 0 6px;}
.three_var li > img.m_img {display: none;}
.three_var li > span {font-size: 12px;color: #969696;}
.img_guide {margin: 40px 0 80px;}
.var_note {width: 960px;margin: 0 auto;}
.var_note:after {content: "";clear: both;display: block;}
.var_note dt {position: relative;float: left;width: 262px;height: 90px;margin: 0 0 40px;padding: 18px 0 0 114px;text-align: left;font-size: 18px;font-weight: bold;color: #000016;letter-spacing: -1px}
.var_note dt:after {content: "";display: block;position: absolute; right: 0;top: 14px;height: 52px;border-right: 1px solid #ddd;}
.var_note dd {float: left;width: 698px;height: 90px;margin: 0 0 40px;padding: 10px 0 0 30px;text-align: left;letter-spacing: -0.7px;line-height: 20px;}
.var_note dt.note1 {background: url() no-repeat left top;}
.var_note dt.note2 {background: url() no-repeat left top;}
.var_note dt.note3 {background: url() no-repeat left top; padding-top: 30px;}
.var_note dt.note1+dd {padding: 22px 0 0 30px;}

/*20150722*/
.three_var2 {margin: 0 0 20px 25px; }
.three_var2:after {content: "";clear: both;display: block;}
.three_var2 li a {float: left; padding: 0px; margin-right:30px;}
.three_var2 li a > * {display: block;}
.three_var2 li a > strong {margin: 0 0 17px;color: #363636;}
.three_var2 li a > img {display: inline-block;margin: 0 0 6px;}
.three_var2 li a > img.m_img {display: none;}
.three_var2 li a > span {font-size: 12px;color: #000;}

.var_link {width: 960px;margin: 20px auto 0;}
.var_link:after {content: "";clear: both;display: block;}
.var_link li {float: left;margin: 0 0 0 15px;}
.var_link li:first-child {margin: 0;}
.txt_right {display: block;font-size: 12px;padding: 16px 90px 0 0;text-align: right;color: #969696;}

.termInsurance .var_admin .article {padding:52px 0 60px;}
.termInsurance .var_admin .tit {display: block;margin: 0 0 14px;font-size: 20px;color: #363636;}
.termInsurance .var_admin .txt {margin: 0 0 36px;font-size: 14px;color: #666;font-weight: normal;}
.var_admin .txt_link {margin: 16px 0 0;padding: 0 0 16px;text-align: center;color: #969696;letter-spacing: -0.7px;line-height: 20px;}
.var_admin .txt_link a {font-weight: bold;color: #363636;text-decoration: underline;}

.ic_video {margin: 0 0 10px;}
.ic_video strong {display: inline-block;padding: 0 0 10px 39px;background: url() no-repeat left 1px;}

/* 특별조건부 가입신청 */
.util_wrap .table_type2 {margin: 0 0 35px;}
.util_wrap .tit {display: block;margin: 0 0 10px;font-size: 18px;color: #363636;}
.txtArea .checkBox.ck_block label {display: block;}
.util_table th,.util_table td {text-align: left !important;padding: 7px 15px 9px;}

/* 추천상품 */
.recommend  {position: relative;width: 1100px;height: 600px;margin: 0 auto;}
.recd_list li {position: relative;float: left;width: 380px;height: 600px;text-align: center;}
.recd_list li:after {content: "";display: block;position: absolute;left: 160px;top: 370px;width: 60px;height: 2px;background: url() no-repeat left top;}
.recd_list li a {display: block;height: 600px;padding: 262px 0 0;color:#fff;}
.recd_list li a:hover:after {content: "";display: block;position: absolute;left: 0; top: 0;width: 380px;height: 600px;border: 8px solid #fe9e3f;box-sizing: border-box;}
.recd_list li a strong {display: block;margin: 0 0 55px;font-size: 36px;letter-spacing: -3px;line-height: 45px;}
.recd_list li a p {font-size: 18px;font-weight: bold;}
.recd_list .list01 {background: url() no-repeat left top;}
.recd_list .list02 {background: url() no-repeat left top;}
.recd_list .list03 {background: url() no-repeat left top;}
.recd_list .no_open:after {content:"";display:block;position: absolute;left: 0; top: 0;width: 100%;height: 100%;background: #999;z-index: 9;opacity: 0.7;}
.step_wrap {position: relative;width: 1000px;height: 620px;margin: 0 auto;color: #fff;}
.step_wrap.step1 {background: url() no-repeat left top;text-align: center;}
.step_wrap.step2 {background: url() no-repeat left top;text-align: center;}
.step_wrap.step3 {background: url() no-repeat left top;text-align: center;}
.step_wrap.step4 {background: url() no-repeat left top;text-align: center;}
.step_wrap.step5 {background: url() no-repeat left top;text-align: center;}
.step_wrap.step6 {background: url() no-repeat left top;text-align: center;}
.step_wrap.step7 {background: url() no-repeat left top;text-align: center;}
.step_wrap.step8 {background: url() no-repeat left top;text-align: center;}
.step_wrap.step9 {background: url() no-repeat left top;}

.recommend .step1 .tit {padding: 84px 0 0;font-size: 50px;font-weight: bold;color: #363636;text-align: center;}
.recommend .box_area {width: 900px;height: 280px;margin: 70px auto 0;padding: 48px 0 0;text-align: center;color: #fff;}
.recommend .box_area .txt {display: inline-block;margin: 0 0 30px;padding: 17px 30px 0 0;font-size: 24px;background: url() no-repeat right top;color: #fff}
.recommend .recd_btn {margin: 0 0 10px;}
.recommend .recd_btn a {display: inline-block;height: 76px;margin-left: 5px;padding: 0 29px;border: 2px solid #fff;border-radius: 4px;font-size: 30px;font-weight: bold;color: #fff;line-height: 64px;letter-spacing: -1.5px}
.recommend .recd_btn a:first-child {margin: 0;}
.recommend .recd_btn a.on {background: #e97402;border-color:#e97402;}
.recommend .input_area {display: none;width: 600px;height: 40px;margin: 0 auto;background: #fff;border-radius: 4px;}
.recommend .input_area input[type=text] {width: 100%;height: 40px;border: 0;background: #fff;line-height: 40px;border-radius: 4px}
.recommend .input_area input[type=text]:focus {background: #fff;border: 1px solid #fff;}

.step_wrap.step2 {padding: 156px 0 0;}
.step_wrap.step2 span {display: inline-block;font-size: 24px;font-weight: bold;letter-spacing: -1px;}
.step_wrap.step2 .icon {padding: 17px 30px 0 0;background: url() no-repeat right top;}
.step_wrap.step2 .txt>div {padding: 26px 0 25px;}
.step_wrap.step2 strong {display: inline-block;font-size: 40px;border-bottom: 2px solid #fff;line-height: 60px;letter-spacing: -3px}
.step_wrap.step2 p {margin: 55px 0 0;}
.step_wrap.step2 p span {padding: 5px 0 0 20px;font-size: 20px;background: url() no-repeat left top}
.step_wrap.step3 {padding: 170px 0 0;}
.step_wrap.step3 .icon1,
.step_wrap.step3 .icon2 {display: inline-block;margin: 0 0 20px;font-size: 24px;font-weight: bold;letter-spacing: -1px;}
.step_wrap.step3 .icon1 {padding: 14px 0 0 32px;background: url() no-repeat left top;}
.step_wrap.step3 .icon2 {padding: 3px 0 0 39px;background: url() no-repeat left 5px;}
.step_wrap.step3 .recd_btn {margin: 0 0 45px;}
.birth_day .select_box {display: inline-block;background: #fff url() no-repeat right top;}
.birth_day .select_box label {font-weight: bold;font-size: 18px;color: #666;letter-spacing: -0.7px;line-height: 23px;}
.step_wrap.step4 {padding: 200px 0 0;}
.step_wrap.step4 span {display: inline-block;margin: 0 0 50px;padding: 37px 0 0 42px;font-size: 24px;letter-spacing: -1px;font-weight: bold;background: url() no-repeat left top;}
.step_wrap.step4 .recd_btn a:first-child {padding: 0 42px;}
.step_wrap.step5 {padding: 217px 0 0;}
.step_wrap.step5 span {display: inline-block;margin: 0 0 50px;padding: 10px 47px 0 0;font-size: 24px;letter-spacing: -1px;background: url() no-repeat right top;font-weight: bold;}
.step_wrap.step6 {padding: 185px 0 0;}
.step_wrap.step6 .txt1 {display: inline-block;padding: 8px 20px 0;background: url() no-repeat right top;font-size: 20px;font-weight: bold;letter-spacing: -1px;}
.step_wrap.step6 span.s_txt {display: block;margin: 0 0 50px;font-size: 14px;letter-spacing: -0.7px;}
.step_wrap.step6 .txt2 {margin: 0 0 30px;font-size: 24px;font-weight: bold;letter-spacing: -1.2px}
.step_wrap.step6 .txt2 span {font-size: 14px;font-weight: normal;}
.step_wrap.step7 {padding: 210px 0 0;}
.step_wrap.step7 span {display: inline-block;background: url() no-repeat right bottom;margin: 0 0 50px;padding: 0 49px 0 0;font-size: 24px;font-weight: bold;line-height: 32px;letter-spacing: -1px;}
.step_wrap.step7 .recd_btn a:first-child {padding: 0 42px;}
.step_wrap.step8 {padding: 187px 0 0;}
.step_wrap.step8 span {display: inline-block;background: url() no-repeat right bottom;margin: 0 0 50px;padding: 0 49px 0 0;font-size: 24px;font-weight: bold;line-height: 32px;letter-spacing: -1px;}
.step_wrap.step8 .recd_btn a{display: block;width: 520px;margin: 0 auto 10px;}
.step_wrap.step8 .recd_btn a:first-child {width: 238px;}

.step_wrap.step9 {padding: 30px 0 0 50px;}
.step_wrap.step9 .txt {float: left;display: block;width: 300px;height: 170px;background: url() no-repeat 205px top;padding: 11px 0 0; font-size: 20px;color: #383837;font-weight: bold;letter-spacing: -1px;}
.step_wrap.step9 li {float: left; width: 290px;height: 180px;margin: 0 10px 10px 0;padding: 25px 0 0 25px;background: url() no-repeat left top;font-size: 14px;letter-spacing: -0.6px;}
.step_wrap.step9 li a > * {display: block;}
.step_wrap.step9 li .txt1 {color: #666;line-height: 18px;}
.step_wrap.step9 li strong {margin: 0 0 14px;font-size: 30px;color: #363636;letter-spacing: -1.5px}
.step_wrap.step9 li .money {color: #ff7e00;font-weight: bold;line-height: 18px;}
.step_wrap.step9 li .org {color: #ff7e00;font-weight: bold;}
.step_wrap.step9 li .s_ft {font-size: 12px}
.step_wrap.step9 .btn_repet {position: absolute;right: 60px;bottom: 30px;}
.step_wrap.step9 .btn_repet a {display: block;height: 50px;padding: 0 25px 0 54px;background: #f8810f url() no-repeat 24px 16px;border-radius: 4px;line-height: 45px;color: #fff;font-weight: bold;}

.step_wrap.step1_1 {padding: 310px 0 0;background: url() no-repeat left top;text-align: center;}
.step_wrap.step1_2 {padding: 120px 0 0;background: url() no-repeat left top;text-align: center;}
.step_wrap.step1_3 {padding: 120px 0 0;background: url() no-repeat left top;text-align: center;}
.step_wrap.step1_4 {padding: 120px 0 0;background: url() no-repeat left top;text-align: center;}
.step_wrap.step1_1 p {display: inline-block;margin: 0 0 140px;padding: 0 47px 0 0;font-size: 40px;font-weight: bold;line-height: 1.1em;background: url() no-repeat right bottom;}
.step_wrap.step1_2 .apartment {width: 500px;margin: 0 auto 40px}
.step_wrap.step1_2 .apartment>div {float: left;width: 250px;padding: 110px 0 0;}
.step_wrap.step1_2 .apartment>div >* {display: block;}
.step_wrap.step1_2 .apartment:after {content:"";clear: both;display: block;}
.step_wrap.step1_2  .apart1 {background: url() no-repeat center 60px;}
.step_wrap.step1_2  .apart2 {background: url() no-repeat center 60px;}
.step_wrap.step1_2 p {padding: 0 0 25px;font-size: 24px;font-weight: bold}
.step_wrap.step1_2 p span {display: inline-block;padding: 0 40px 10px 0;background: url() no-repeat right top;}
.step_wrap .money {width: 755px;margin: 0 auto;padding: 0 0 0 15px;}
.step_wrap .money:after {content:'';display:block;clear: both}
.step_wrap .money > div {float: left; width: 220px;margin: 0 0 0 40px;}
.step_wrap .money > div:first-child {margin: 0;}
.step_wrap .money > div > span {position: relative;font-size: 18px;margin: 1px 0 0 7px;top: 2px}
.step_wrap .money > div > span:first-child {display: block;margin: 0 0 10px;font-size: 14px;font-weight: bold;color: #d7d8d9;letter-spacing: -0.7px;}
.step_wrap .money input {width: 175px;height: 40px;border-radius: 4px;text-align: center;}

.step_wrap .compare {padding: 50px 0 2px;background: url() no-repeat center 145px;}
.step_wrap .compare:after {content: "";clear: both;display: block;}
.step_wrap .compare> div { float: left;width: 450px; margin: 0 50px 0 0;}
.step_wrap .compare > div:first-child {margin: 0 0 0 50px;}
/* .step_wrap .compare > div:first-child > strong {margin: 0 0 19px;} */
.step_wrap .compare > div >* {display: block;}
.step_wrap .compare .money_box {position:relative;}
.step_wrap .compare .money_box img {position: absolute;left: 50%;bottom: 25px;display: inline-block;text-align: center;margin: 0 0 0 -45px}
.step_wrap .compare .money_box span {position: absolute;bottom: 0;width: 100%;display: block;margin: 6px 0 0;text-align: center;}
.step_wrap .compare > div > strong  {display: block;height: 40px;margin: 0;vertical-align: top;}
.step_wrap .compare > div > strong.txt {font-size: 24px;}
.step_wrap .compare > div > strong > span {position: relative;display: inline-block;font-size: 24px; margin: 0 0 0 10px;}
/*.step_wrap .compare > div > strong > em {vertical-align: top;}*/
/* 추천상품 진심의차이 교육자금 select_box*/
.step_wrap .compare .select_box {position: relative;top: -10px;display: inline-block;width: 200px;margin: 0 0 0 10px;background: #fff url() no-repeat 160px 5px;}
.step_wrap .select_box label{width: 75%;font-size: 24px;color: #666;top: 6px;text-align: center;}
.step_wrap .sm label{font-size:16px; line-height:23px;}
/* // 추천상품 진심의차이 교육자금 select_box*/
.step_wrap .org {color: #ffae3d}
.tooltip_layer {display: none;position: absolute; background-color:#8f8f8f;color: #fff;line-height: 20px;letter-spacing: -0.7px;opacity: 0.98;}/* 20150709 수정 beet */
.btn_tooltip {position: relative;}
.btn_tooltip.on:after {content:"";display: block;position: absolute; right: 0px; top: 4px;width: 23px;height: 23px;background: url() no-repeat left top;}

.step_wrap.step1_3 .txt,.step_wrap.step1_4 .txt {font-size: 24px;}
.step_wrap.step1_3 .txt.org,.step_wrap.step1_4 .txt.org  {color: #ffae3d;}
.step_wrap.step1_3 > p,
.step_wrap.step1_4 > p {padding: 4px 0 0;font-size: 20px;font-weight: bold;}
.step_wrap.step1_3 > p .org_ico,
.step_wrap.step1_4 > p .org_ico {padding: 6px 20px 0 0;background: url() no-repeat right top;color: #ffae3d;}
.step_wrap.step1_3 > p img,.step_wrap.step1_4 > p img {margin: 4px 0 0 7px;}
.step_wrap.step1_4 .select_box label {top: 12px;}
.step_wrap.step1_3 .tooltip_layer,.step_wrap.step1_4 .tooltip_layer {width: 410px;padding: 10px 15px;text-align: left;}
.step_wrap.step1_3 .tooltip_layer{left:430px;top: 374px;}
.step_wrap.step1_3 .tooltip_layer.t1 {left:240px;top:135px;width:600px}
.step_wrap.step1_3 .tooltip_layer.t2 {left:215px;top:162px;width:600px}
.step_wrap.step1_4 .tooltip_layer,.tooltip_layer.t2 {left:458px;top: 363px;}
.step_wrap.step1_3 .money_box,.step_wrap.step1_4 .money_box {height: 150px;}

.step_wrap.step2_1 {padding: 281px 0 0;background: url() no-repeat left top;text-align: center;}
.step_wrap.step2_2 {background: url() no-repeat left top;text-align: center;}
.step_wrap.step2_3 {padding: 120px 0 0;background: url() no-repeat left top;text-align: center;}
.step_wrap.step2_4 {padding: 120px 0 0;background: url() no-repeat left top;text-align: center;}

.step_wrap.step2_1 p {display: inline-block;padding: 22px 40px 0 0;background: url() no-repeat right top; font-size: 40px;font-weight: bold;line-height: 1.1em;}
.step_wrap.step2_2 {padding: 185px 0 0;}
.step_wrap.step2_2 .txt1 {display: inline-block;padding: 7px 20px 0;font-weight: bold;font-size: 20px;background: url() no-repeat right top;}
.step_wrap.step2_2 .tip_txt {display: block;margin: 0 0 65px;color: #fff;}
.step_wrap.step2_2 .txt2 {display: inline-block;margin: 0 0 21px;padding: 9px 40px 0;font-size: 20px;background: url() no-repeat right top;}
.step_wrap.step2_2 .money  div {text-align: left;}
.step_wrap.step2_2 .select_box {display: inline-block;width: 180px;}
.step_wrap.step2_3 .compare {padding: 50px 0 39px;}
/* .step_wrap.step2_3 .txt.mgBtm,
.step_wrap.step2_4 .txt.mgBtm {margin: 0 0 26px;} */
.step_wrap.step2_3 .txt span,
.step_wrap.step2_4 .txt span {display: block;font-size: 20px;font-weight: bold;}
.step_wrap.step2_3 .txt span .org {color: #ffae3d;}
.step_wrap.step2_3 .txt span:first-child,
.step_wrap.step2_4 .txt span:first-child {display: inline-block;padding: 0 20px 0 0;background: url() no-repeat right top;}
.step_wrap.step2_3 .txt img,
.step_wrap.step2_4 .txt img {margin: 5px 5px 0;}
.step_wrap.step2_3 .btn_tooltip.on:after,
.step_wrap.step2_4 .btn_tooltip.on:after {right:5px;top: 5px;}
.step_wrap.step2_3 .tooltip_layer,.step_wrap.step2_4 .tooltip_layer {padding: 10px 15px;text-align: left;letter-spacing: -0.7px}
.step_wrap.step2_3 .tooltip_layer.t1 {width:640px; left:234px; top:106px;}
.step_wrap.step2_3 .tooltip_layer.t2 {width:640px; left:167px;top:106px;}
.step_wrap.step2_3 .money_box,.step_wrap.step2_4 .money_box  {height: 100px;}

.recommend .step_wrap .btn_center {position: absolute;bottom: 30px;width: 100%;padding: 0;text-align: center;}
.recommend .btn_center a {display: inline-block;height: 50px;padding: 0  30px;font-size: 14px;color: #fff;font-weight: bold;background: #fe8a18;line-height: 47px;border-radius: 4px;opacity: 0.96;}
.recommend .btn_next a,.recommend .btn_prev a {display: block;height: 50px;font-size: 14px;color: #fff;font-weight: bold;}
.recommend .btn_next {position: absolute;right: 49px;bottom: 30px; width: 107px;height: 50px;background: url() no-repeat left top;text-align: left;}
.recommend .btn_next a {padding: 14px 0 0 30px;}
.recommend .btn_prev a {padding: 14px 0 0 50px;}
.recommend .btn_prev {position: absolute;left: 49px;bottom: 30px; width: 107px;height: 50px;background: url() no-repeat left top;text-align: left;}
.recommend .btn_center .again {padding: 0 30px 0 53px;background: #9b9997 url() no-repeat 24px center;}

/* 우리의 다짐 */
.promise_wrap>div {width: 1100px;height: 800px;margin: 0 auto;font-size: 18px;font-weight: bold;letter-spacing: -2px;line-height: 26px;}
.promise_wrap .promise01 {background: url() no-repeat left top;color: #fff;}
.promise_wrap .promise02 {background: url() no-repeat left top;color: #363636;}
.promise_wrap .promise03 {background: url() no-repeat left top;color: #363636;}
.promise_wrap .promise01 .txt {padding: 200px 0 0 239px;}
.promise_wrap .promise01 .txt p:first-child{margin: 0 0 45px;}
.promise_wrap .promise02 .txt {padding: 307px 0 0 709px;}
.promise_wrap .promise02 .txt p {margin: 0 0 30px;}
.promise_wrap .promise03 .txt {padding: 150px 0 0;text-align: center;}
.promise_wrap .promise03 .txt p {margin: 0 0 30px;}
.promise_wrap .promise03 ul {width: 592px;margin: 28px auto 0;}
.promise_wrap .promise03 ul:after {content: "";clear: both;display: block;}
.promise_wrap .promise03 ul li {float: left;width: 197px;text-align: center;color: #363636;}
.promise_wrap .promise03 ul li strong {display: block;margin: 13px 0 9px;}
.promise_wrap .promise03 ul li p {font-size: 14px;line-height: 20px;}
.wrap_btn .s_btn.bg_arrow a {position: relative;padding: 15px 25px 16px 25px}

/* Quick Menu */
.quick_menu {position: absolute;  top:359px;z-index: 99;}
.quick_menu li {position: relative;background-color: #847971;opacity: 0.92;border-bottom: 1px solid #978e87;border-top: 1px solid #978e87;margin-top: -1px;z-index: 1}
.quick_menu li:first-child,.quick_menu li.on:first-child {border: 0;}
.quick_menu li.on {background-color: #363636;border-bottom: 1px solid #363636;border-top: 1px solid #363636;z-index: 2}
.quick_menu li>a {display: block;width: 70px;height: 70px;text-indent: -99999px;font-size: 0;z-index: 1}
.quick_menu li.menu01 a {background: #fb8511 url() no-repeat center center;}
.quick_menu li.menu02 a {background: url() no-repeat center center;}
.quick_menu li.menu03 a {background: url() no-repeat center center;}
.quick_menu li.menu04 a {background: url() no-repeat center center;}
.quick_menu li.menu05>a {background: #847971 url() no-repeat center center;}
.quick_menu li.menu05.on>a {background: #363636 url() no-repeat center center;}
.quick_menu li.btn_top a {background: url() no-repeat center center;}
.quick_menu .sns {position: absolute;right: -499px; top: 0;width: 213px;z-index: -1;}
.quick_menu .sns:after {content: "";clear: both;display: block;}
.quick_menu .sns a {float: left;}
/* Quick Menu - 이벤트배너*/
.quick_event{position:relative; width:178px; height:178px; right:108px; z-index:100; top:0px; }
.quick_event a.btn_close {position:absolute; top:0px; right:0px;}
.quick_event a.quick_bg{ display:block; width:100%; height:178px; background: url() no-repeat center center;}
.quick_event .quick_Chk{position:absolute; bottom:20px; left:72px;; font-weight:bold; line-height:15px; letter-spacing: -1px; font-size: 13px;}
.quick_event .quick_Chk label{color:#464646;}

/* 페이지오류 */
.error_wrap {width: 760px;margin: 0 auto;padding: 150px 0;}
.error_wrap .box {width: 760px;height: 350px;margin: 0 0 15px;padding: 83px 39px 0;border: 1px solid #ccc;border-radius: 5px;text-align: center;}
.error_wrap .box strong {display: block;}
.error_wrap .box .txt1 {display: inline-block;margin: 0 0 30px;padding: 0 0 10px 58px;background: url(/renewal_doyac/img/bg_error.png) no-repeat left top;font-size: 24px;color: #363636;font-weight: normal;letter-spacing: -1.2px;}
.error_wrap .box .txt2 {border-top: 1px solid #ccc;padding: 34px 0 15px;color: #363636;font-size: 18px;}
.error_wrap p {margin: 0 0 5px;}
.error_wrap span.txt {padding: 0 0 0 10px;background: url(/renewal_doyac/img/bl_square_3x3.gif) no-repeat left 8px;}

/* Layer YouTobe */
.video img {cursor: pointer;}
.layer_video {position: fixed;width: 600px;margin: -270px 0 0 -300px;z-index: 101;}
.layer_video .you_tube {width: 550px;height: 309px;margin: 0 0 20px;}
.layer_video .txt_script {width: 550px;height: 120px;overflow: auto;border: 1px solid #ddd;background-color: #f0f0f0;}
.mask {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color:#000;opacity: 0.5;z-index: 100;}

/* Multi Popup */
.popupBox.multi_pop .font_b {display: block;margin: 0 0 20px;padding: 0 0 40px;border-bottom: 1px solid #ccc;font-weight: bold;font-size: 16px;color: #363636;letter-spacing: -0.7px;line-height: 20px;text-align: center;}
.popupBox.multi_pop .txt_c {display: block;text-align: center;color: #666;}
.popupBox.multi_pop .list_type {margin: 30px 0 0;}
.popupBox.multi_pop .list_type .list_btn {width: 160px;margin: 0 auto;}
.popupBox.multi_pop .list_type .list_btn:after {content: "";clear: both;display: block;}
.popupBox.multi_pop .list_type .list_btn li {float: left;}
.popupBox.multi_pop .list_type .list_btn li:first-child {margin: 0 4px 0 0;}
.popupBox.multi_pop .list_type .list_btn li a {display: block;width: 78px;height: 36px;background-color: #969696;border-radius: 4px;color: #fff;text-align: center;line-height: 34px;}
.popupBox.multi_pop .list_type .list_btn li:first-child a {background-color: #ff7e00;}

/* IE UPDATE */
.ie_update {position: relative;top:0;width: 100%;height: 100px;background-color: #0083ca;color: #fff;}
.ie_update > div {position: relative;width: 1100px;margin: 0 auto;padding: 26px 80px 18px 144px;background: #0083ca url() no-repeat 80px 28px;}
.ie_update > div p {margin: 0 0 8px;letter-spacing: -0.7px;line-height: 20px}
.ie_update > div p:first-child {color: #ffe746;font-weight: bold;}
.ie_update .upbtn {position: absolute;right: 165px;top:50px;}
.ie_update .upbtn a {display: inline-block;height: 28px;padding: 0 20px;border: 2px solid #fff; color: #fff;text-align: center;font-size: 12px;font-weight: bold;line-height: 24px;border-radius: 2px}
.ie_update .upbtn a:first-child {background-color: #fff;color:#0083ca}
.ie_update .btn_close {position: absolute;right: 80px; top: 36px;}

/* 청약문서확인 */
.sub_document {border-top: 1px solid #ccc;padding: 60px 0}
.document_wrap {width: 1100px; margin:  0 auto;}
.document_wrap .box {margin: 0 0 60px;padding: 98px 0 35px;border: 1px solid #ccc;text-align: center;background: url() no-repeat center 28px;}
.document_wrap .box >* {display: block;}
.document_wrap .box strong {font-size: 18px;color: #363636;letter-spacing: -0.8px}
.document_wrap .box span {color: #666;letter-spacing:-0.4px;line-height: 20px;}
.document_wrap h3 {margin: 0 0 15px;font-size: 20px;color: #363636;letter-spacing: -1px}
.document_wrap ul:after {content:"";clear: both;display: block}
.document_wrap ul li {position: relative;float: left;width: 320px;margin: 0 60px 32px 0;text-align: center;}
.document_wrap ul li:after {content:"";display: block;position: absolute; right: -36px;top: 39px;width: 12px;height: 21px;background: url() no-repeat left top;z-index: 9;}
.document_wrap ul li strong {display: block;height: 37px;font-size: 14px;color: #fff;background:#b7b7b7;line-height: 34px;border-radius: 4px 4px 0 0;}
.document_wrap ul li.last strong {background: #0083ca;}
.document_wrap ul li span {display: block;height: 59px;color: #666;line-height: 55px;border: 1px solid #ccc;border-top: none;border-radius: 0 0 4px 4px;letter-spacing: -0.7px;}
.document_wrap .wrap_btn {margin-top: 8px}

/* 이용가이드 */
.usage_guide {width: 1100px;margin: 0 auto;}
.usage_guide p.tit {margin: 0 0 53px;padding: 170px 0 0;background: url() no-repeat center 20px;font-size: 28px;font-weight: bold;text-align: center;color: #363636;letter-spacing: -1.4px;line-height: 34px;}
.usage_guide .tit.guide_tit {background: url() no-repeat center 20px;}
.usage_guide h3.tit {margin: 0 0 9px;font-size: 18px;color: #363636;letter-spacing: -0.9px;line-height: 24px;}
.usage_list {margin: 0 0 30px;padding: 40px 0 0;}
.usage_list:after {content: "";clear: both;display: block;}
.usage_list li {float:left;width: 280px;height: 100px;padding: 20px 0 0 120px;}
.usage_list li.list1 {background: url() no-repeat left top;}
.usage_list li.list2 {background: url() no-repeat left top;}
.usage_list li.list3 {background: url() no-repeat left top;}
.usage_list li.list4 {padding-top: 31px;background: url() no-repeat left top;}

.uasge_txt {border: 1px solid #ccc;}
.uasge_txt li {padding: 40px 40px 50px;border-top: 1px solid #ccc;}
.uasge_txt li:first-child {border-top: 0;}
.uasge_txt li strong {display: block;color: #363636;margin: 0 0 15px;}
.uasge_txt li .img {margin: 50px 0 0;text-align: center;}
.uasge_txt li .site_link {width: 855px;margin: 40px auto 0;}
.tit_b {display: block;margin: 50px 0 15px;font-size: 18px;color: #363636;}
.smart_box {border: 1px solid #ccc;}
.list_method>li {border-top: 1px solid #ccc;padding: 40px;}
.list_method>li:first-child {border: 0;}
.list_method li>strong {display: block;margin: 0 0 40px;color: #363636;letter-spacing: -0.7px;}
.list_method li>strong span {color: #ff7e00;}
.list_method li > ol:after {content: "";clear: both;display: block;}
.list_method li > ol > li {float: left;text-align: center;}
.list_method li.step1 ol {padding: 0 0 0 60px;}
.list_method li.step1 li {margin-left: 85px;}
.list_method li.step1 li:first-child {margin-left: 0;}
.list_method li.step2 li {width: 529px;}
.list_method li.step2 li strong {margin-top: 40px;}
.list_method li.step3 li:first-child {width: 529px;}
.list_method li.step3 li.child2 {margin: 0 80px 0 15px;}
.list_method li > ol >li > strong {color: #ff7e00;margin: 0 0 7px;}
.list_method li > ol >li > span {color: #666;font-size: 12px;line-height: 14px;letter-spacing: -0.6px;}

.guide_box {background: #f2f2f2;}
.guide_box:after {content: "";clear: both;display: block;}
.left_step {float: left;width: 240px;}
.left_step ol {height: 100%;background: url() repeat left top;}
.left_step ol>li {position: relative;}
.left_step ol>li:after {content: "";display: block;border-bottom: 1px solid #fff;opacity: 0.1;}
.left_step ol>li.on {background: #ff7e00;}
.left_step ol>li.on:after {content: "";display: block;position: absolute;right: -15px;top: 0;width: 15px;height: 160px;background: url() no-repeat right top;z-index: 9;opacity: 1;border-bottom: 0;}
.left_step ol>li a {display: block;position: relative;height: 160px;padding: 25px 0 37px 30px;}
.left_step ol>li strong {color: #969696;font-weight: bold;}
.left_step ol>li.on strong {color: #ffe746;}
.left_step ol>li h3 {font-size: 18px;font-weight: bold;color: #fff;line-height: 24px}
.left_step ol>li span {font-size: 12px;color: #b5b5b5;}
.left_step ol>li.on span {color: #ffd2a6;}
.left_step ol>li .tab_page {position: absolute;right: 16px;top: 32px;}
.left_step ol>li .tab_page li {float: left;width: 8px;height: 8px;margin: 0 4px 0 0;background: url() no-repeat left top;text-indent: -9999em;}
.left_step ol>li .tab_page li.active {background: url() no-repeat left top;}
.tab_page a {background: url() no-repeat left top;text-indent: -9999em;}
.tab_page a.active {background: url() no-repeat left top;}

.guide_content {position: relative;float: left;width: 895px;padding: 50px 0 50px 50px;}
.guide_content h4 {margin: 0 0 20px;font-size: 18px;color: #363636;}
.guide_content >div {position:relative;}
.content_wrap:after {content: "";clear: both;display: block;}
.content_wrap .img {float: left;width: 512px;}
.content_wrap .txt_list {float: left;width: 330px;padding: 0 0 0 30px;}
.content_wrap .txt_list>ol>li {padding: 0 0 40px 29px;font-size: 12px;color: #666;font-weight: bold;letter-spacing: -0.6px}
.content_wrap .txt_list.type2>ol>li {padding: 0 0 20px 29px;}
.content_wrap .txt_list li span {display: block;margin: 0 0 20px;padding: 2px 0 0;}
.content_wrap .txt_list.type2 li span {margin: 0 0 7px;}
.content_wrap .txt_list.type2 li p {font-size: 12px;color: #969696;font-weight: normal;line-height: 18px;}
.content_wrap .txt_list li.list1 {background: url() no-repeat left top;}
.content_wrap .txt_list li.list2 {background: url() no-repeat left top;}
.content_wrap .txt_list li.list3 {background: url() no-repeat left top;}
.content_wrap .txt_list li.list4 {background: url() no-repeat left top;}
.content_wrap .txt_list li.list5 {background: url() no-repeat left top;}
.content_wrap .txt_list li.list6 {background: url() no-repeat left top;}
.content_wrap .txt_list li.list7 {background: url() no-repeat left top;}
.content_wrap .txt_list li.list8 {background: url() no-repeat left top;}
.content_wrap .txt_list li.list8_1 {padding: 0 0 20px 34px;background: url() no-repeat left top;color: #969696;}
.content_wrap .txt_list li.list8_2 {padding: 0 0 20px 34px;background: url() no-repeat left top;color: #969696;}
.content_wrap .txt_list li.list8_3 {padding: 0 0 20px 34px;background: url() no-repeat left top;color: #969696;}
.content_wrap .txt_list li.list8_4 {padding: 0 0 20px 34px;background: url() no-repeat left top;color: #969696;}
.content_wrap .txt_list li.list9 {background: url() no-repeat left top;}
.content_wrap .txt_list li.list9_1 {padding: 0 0 20px 34px;background: url() no-repeat left top;color: #969696;}
.content_wrap .txt_list li.list9_2 {padding: 0 0 20px 34px;background: url() no-repeat left top;color: #969696;}
.content_wrap .txt_list li.list9_3 {padding: 0 0 20px 34px;background: url() no-repeat left top;color: #969696;}
.content_wrap .txt_list li.list9_4 {padding: 0 0 20px 34px;background: url() no-repeat left top;color: #969696;}
.guide_btn {position: absolute;right: 40px; bottom: 0;width: 119px;height: 60px;padding:1px 1px 0 1px;background: url() no-repeat left top;}
.guide_btn a {float: left;width: 57px;height: 58px;background: url() no-repeat left top;text-indent: -9999em;}
.guide_btn a.next {float: right;width: 58px;background: url() no-repeat right top;}
.guide_btn a:hover {background: url() no-repeat left top;}
.guide_btn a.next:hover {background: url() no-repeat left top;}
.gray_cor {display: inline-block;margin: 0 0 3px;color: #969696;}

.txt_list>ol>li ol>li {color:#969696;font-size: 12px;font-weight: normal;margin: 7px 0 0 10px;text-indent: -11px;line-height: 18px;}
.txt_list>ol>li ol>li:first-child {margin-top: 0;}

/* etc */
.fl_l {float: left !important;}
.fl_r {float: right !important;}
.var-graph01>div>div {border: 0 !important}
.input_type2 {margin-left: 10px;}
.fs12 {font-size: 12px;}
.fs18 {font-size: 18px;}
.fs28 {font-size:28px;}
.fw_bold {font-weight: bold}
.taR {text-align: right;}
.taL {text-align: left;}
.bl_txt {line-height: 36px;}
.wd100 { width: 100px !important;}
.wd150 { width: 150px !important;}
.wd200 { width: 200px !important;}
.wd220 { width: 223px !important;}
.wd800 { width: 800px !important;}
.pdTop0 { padding-top: 0 !important;}
.pdTop40 { padding-top: 40px;}
.pdTop50 { padding-top: 50px !important;}
.pdBtm0 { padding-bottom: 0 !important;}
.pdBtm10 { padding-bottom:10px !important;}
.pdBtm20 { padding-bottom: 20px;}
.pdBtm30 { padding-bottom: 30px !important;}
.mg0 { margin: 0 !important;}
.mgTop0 { margin-top: 0 !important;}
.mgTop5 { margin-top: 5px !important;}
.mgTop10 { margin-top: 10px !important;}
.mgTop20 { margin-top: 20px !important;}
.mgTop30 { margin-top: 30px !important;}
.mgTop40 { margin-top: 40px !important;}
.mgTop50 { margin-top: 50px !important;}
.mgTop60 { margin-top: 60px !important;}
.mgTop75 { margin-top: 75px !important;}
.mgBtm10 {margin-bottom: 10px !important;}
.mgBtm15 {margin-bottom: 15px !important;}
.mgBtm20 {margin-bottom: 20px !important;}
.mgBtm25 {margin-bottom: 25px !important;}
.mgBtm30 {margin-bottom: 30px !important;}
.mgL10 {margin-left: 10px !important;}
.mgR20 {margin-right: 20px !important;}
.borNonTop { border-top: 0 !important;}
.bor {border-right: 1px solid #ccc !important;}
em.bl { color: #ff7e00;}
.sub_section > p.txt2 { font-size: 14px; line-height: 16px; color: #666; padding-bottom: 10px;}
.black_cor {color: #363636;}
a.link { color: #363636; font-weight: bold; padding: 0 2px; text-decoration: underline;}
.web .m_wrap,.m_br,.m_img,.m_txt {display: none !important;}
.inline_bl {display: inline-block !important;}
.s_txtN {margin: 30px 0 0;font-size: 12px;color: #666;text-align: right;}
.s_txtN_01 {margin: 5px 0 0;font-size: 12px;color: #666;text-align: right;}
.txt_auto {width: 1100px;margin: 0 auto;text-align: right;}
.txt_auto_01 {width: 1000px;margin: 0 auto;text-align: right;}
.s_txt_tip {display: block;font-size: 12px;color: #969696;letter-spacing: -0.6px;line-height: 18px;margin: 15px 0 0 30px;text-align: center;}
.web_none {display: none;}
.blockUI,.blockMsg,.blockPage,.blockUI.blockMsg.blockPage {border: 0 !important;}

/* icon */
.icon_new {display: inline-block;width: 34px;height: 15px;margin: 3px 0 0 0;text-indent: -9999px;font-size: 0;line-height: 0;background: url() no-repeat left top;vertical-align: top;}

/* 별점 */
.star_wrap { width:100px;margin: 0 auto 15px;}
.star_rating,.star_rating span {display:inline-block;height:19px;background: url() no-repeat;}
.star_rating{width:100px;vertical-align:middle; text-align: left;}
.star_rating span{background-position:0 -19px;font-size:0;line-height:0;text-indent:-100px;*text-indent:0;vertical-align:top;}


/*  IE8 핵 */
@media \0screen {
	input[type="radio"],input[type="checkbox"] {display: inline-block !important;position: relative !important;width: 13px!important;height: 13px!important;top: 0!important;left: 0 !important;margin-top: 0!important;z-index: 1!important}
	input[type="radio"]+label, input[type="checkbox"]+label {background: none !important;padding: 0!important;}

	.popupBox .checkList .checkBox.full.scroll li input[type="radio"] {display: none!important;}
	.left_step ol li:after {border-bottom: 1px solid #676767 !important;}
	.data_table.list li .checkBox label,
	.data_table.list.lh .checkBox input,
	.data_table.list.lh li.full .confirm .checkBox input {float: left;margin: 1px 5px 0 0;}
	.data_table.list.lh .checkBox label,
	.data_table.list.lh li.full .confirm .checkBox label {top: -4px}
}