@charset "utf-8";
@import "fonts.css";
*{vertical-align:middle;-webkit-text-size-adjust:none;word-break:break-all;resize:none;outline:0;}
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
html, body{height:100%; width:100%; margin:0; padding:0;font-smoothing:antialiased;-webkit-font-smoothing:antialiased}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0; font-size:12px;line-height:16px; color:#767676;}
body{-webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0,0,0 0); -webkit-tap-highlight-color: transparent;padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}
body,button{font-family:"Roboto","Noto Sans KR","Apple SD Gothic Neo","맑은 고딕","Malgun Gothic","돋움",Dotum,"굴림",Gulim,AppleGothic,Sans-serif}
ol, ul{margin:0; border:0; padding:0; list-style:none;}
table{border-collapse:collapse; width:100%; border-spacing:0px; border:0; border-collapse:collapse;}
fieldset, img{border:0 none;}
img{width:100%; height:auto; vertical-align:bottom}/* 20140210 height값 수정 */
table{border-collapse:collapse}
caption, legend{display:none}
input, textarea, select{font-family:"Noto Sans KR","Apple SD Gothic Neo","맑은 고딕","Malgun Gothic","돋움",Dotum,"굴림",Gulim,AppleGothic,Sans-serif; vertical-align:middle; color:#6f6f6f;}
em,address{font-style:normal}
a{color:#666; text-decoration:none;}
a[href*="tel:"]{text-decoration:underline; color:inherit;}
hr{border:0px; margin:0;}
textarea{border:1px solid #a2a2a2;}
input[type="file"]{border:0;}


/* sooin - password 추가 */ 
input[type="tel"], input[type="date"], input[type="password"]{text-align:center; -webkit-appearance:none;}
input[type="text"], input[type="file"]{text-indent:5px}
input[type="number"]{text-indent:-5px; text-align:right; -webkit-appearance:none;}
select{-webkit-appearance:none; background:#fff url(/mhwr/web/images/web/common/ico_select01.gif) right 50% no-repeat; background-size:13px 6px; padding:0 15px 0 10px;}
/* a:focus{background:#f00} */

.hide{clear:both;position:absolute;top:auto;left:0;overflow:hidden;width:1px;height:1px}
*:first-child+html body .hide{clear:both;position:absolute;top:auto;left:0;overflow:hidden;width:1px;height:1px;padding:0;margin:0;background:none}

.left_t{text-align:left !important}
.center_t{text-align:center !important}
.right_t{text-align:right !important}

.fl_l{float:left;}
.fl_r{float:right;}

.col_org{color:#f6821f !important}
.col_blu{color:#0c4da2 !important}
.col_grn{color:#86c22c !important}

.mar_l_15{margin-left:15px !important;}
.mar_l_52{margin-left:52px !important;}
.mar_r_5{margin-right:5px !important;}/* 버튼간격에만 사용. 테이블 안 or 단독으로 쓰이는 경우 */
.mar_t_5{margin-top:5px !important;}
.mar_t_10{margin-top:10px !important;}
.mar_t_20{margin-top:20px !important;}
.mar_t_30{margin-top:30px !important;}
.mar_b_20{margin-bottom:20px !important;}
.mar_b_30{margin-bottom:30px !important;}
.mar_b_40{margin-bottom:40px !important;}
.mar_b_50{margin-bottom:50px !important;}

/* button */
.btn_wr01{text-align:center; padding:0 0 0 2px; margin:15px 0 0 0;}
.btn_wr01 a,.btn_wr01 button{margin-right:2px; display:inline-block; font-weight:bold; border-radius:3px;}
.btn_wr01.left{text-align:left;margin:5px 0 8px 0;padding:0 0 8px 0;border-bottom:1px solid #e4e5e7;}/* 버튼 왼쪽정렬일 경우 */
.btn_wr01.left a{margin-right:0;}

.btn_wr02{position:relative; border-top:1px solid #646567; margin-top:16px;} /* 아이콘버튼 연속으로 있는 경우 */
.btn_wr02:after{content:""; clear:both; display:block;}
.btn_wr02 a{display:block;float:left; padding-right:20px; margin-top:-16px; background-color:#fff;}
.btn_wr03{text-align:right; margin:-24px 0 4px 0;} /* 타이틀 옆 버튼 */

.btn01{background:#034ea2; padding:9px 29px; border:1px solid #034ea2; color:#fff;}
.btn02{padding:9px 28px; border:1px solid #656565; color:#000;}
.btn03{background:#034ea2; padding:9px 24px; border:1px solid #034ea2; color:#fff;}
.btn04{padding:9px 24px; border:1px solid #656565; color:#000;}
.btn05{background:#535353; padding:9px 29px; border:1px solid #535353; color:#fff;}

.btn06{display:inline-block; background:#fff; font-size:11px; font-weight:bold; border-radius:3px; padding:6px 27px 5px 10px; border:1px solid #999; color:#222; position:relative;}
.btn06 span{display:inline-block; width:6px; background:url(/mhwr/web/images/web/common/ico_button01.gif) left top no-repeat; background-size:6px 9px; position:absolute; top:9px; right:7px;}
.btn06 span.mail01{display:inline-block; width:10px; background:url(/mhwr/web/images/web/common/ico_mail01.gif) left top no-repeat; background-size:10px 10px; position:absolute; top:9px; right:7px;}
.btn06 span.mail02{display:inline-block; width:10px; background:url(/mhwr/web/images/web/common/ico_mail02.gif) left top no-repeat; background-size:10px 10px; position:absolute; top:9px; right:7px;}
.btn06 span.mail03{display:inline-block; width:10px; background:url(/mhwr/web/images/web/common/ico_mail03.gif) left top no-repeat; background-size:10px 10px; position:absolute; top:9px; right:7px;}
.btn06 span.mail04{display:inline-block; width:10px; background:url(/mhwr/web/images/web/common/ico_mail04.gif) left top no-repeat; background-size:10px 10px; position:absolute; top:9px; right:7px;}
.btn06 span.sms01{display:inline-block; width:10px; background:url(/mhwr/web/images/web/common/ico_sms01.gif) left top no-repeat; background-size:10px 10px; position:absolute; top:9px; right:7px;}
.btn06 span.pdf01{display:inline-block; width:10px; background:url(/mhwr/web/images/web/common/ico_pdf01.gif) left top no-repeat; background-size:10px 10px; position:absolute; top:7px; right:7px;}
.btn07{display:inline-block; font-weight:bold; border-radius:3px; background:#535353; padding:6px 10px; border:1px solid #535353; color:#fff; text-align:center;}
.btn08{display:inline-block; background:url(/mhwr/web/images/web/common/ico_down01.gif) left 3px no-repeat; background-size:25px 25px; font-weight:bold; padding:8px 0 10px 30px; color:#000;}
.btn09{display:inline-block; background:url(/mhwr/web/images/web/common/ico_personal01.gif) left top no-repeat; background-size:20px 20px; padding:0 0 0 24px; line-height:20px; color:#000;}
.btn10{display:inline-block; background:url(/mhwr/web/images/web/common/ico_more02.gif) left top no-repeat; background-size:20px 20px; padding:0 0 0 24px; line-height:20px; color:#000;}
.btn11{display:inline-block; background:#dcdddd; font-size:11px; font-weight:bold; border-radius:3px; padding:6px 27px 5px 10px; border:1px solid #999; color:#222; position:relative;}
.btn11 span{display:inline-block; width:10px; background:url(/mhwr/web/images/web/common/ico_button02.gif) left top no-repeat; background-size:10px 10px; position:absolute; top:9px; right:7px;}
.btn12{display:inline-block; background:#dcdddd; font-size:11px; font-weight:bold; border-radius:3px; padding:6px 10px; border:1px solid #999; color:#222; position:relative;}
.btn13{padding:5px; min-width:33px; text-align:center; border:1px solid #919191; color:#555;}/* 날짜버튼 */
.btn13.on {background:#034ea2; border:1px solid #034ea2; color:#fff;}
.btn14{display:inline-block; background:url(/mhwr/web/images/web/common/ico_list.gif) left top no-repeat; background-size:20px 20px; padding:0 0 0 24px; line-height:20px; color:#000;}
.btn07{display:inline-block; font-weight:bold; border-radius:3px; background:#034ea2; padding:6px 10px; border:1px solid #535353; color:#fff; text-align:center;}

/* step */
.step {margin-bottom:20px;}
.step ol {display:table; width:100%;}
.step ol li {display:table-cell; color:#888; vertical-align:middle; padding:0 0 7px; height:32px; background:url(/mhwr/web/images/web/common/bg_step.gif) 1px bottom no-repeat; background-size:100% 3px;}
.step ol li:first-child {background-position:0 bottom;}
.step ol li em {display:table-cell; vertical-align:middle; width:22px; font-size:32px; opacity:0.2;}
.step ol li span {display:table-cell; vertical-align:middle;}
.step ol li.on {color:#0079c2; background-image:url(/mhwr/web/images/web/common/bg_step_on.gif);}

.acdformStep li{}
.acdformStep li.first{border-top:2px solid #646567;}
.acdformStep li{position:relative; border:1px solid #a7a9ac; padding:10px 20px; margin:0 0 10px; color:#333;}
.acdformStep li span {display:table-cell; vertical-align:middle;}
.acdformStep li span strong{display:block; margin-bottom:3px; color:#222}
.acdformStep li span .inner{color:#666;}
.acdformStep li .step{font-size:11px; color:#0079c2;}
.acdformStep li .stepNum{font-size:15px; color:#0079c2; padding:0 20px 2px 3px; font-weight:bold;}
.acdformStep li img{width:10px; height:6px; position:absolute; bottom:-6px; left:50%; margin-left:-5px;}
.acdformStep li a {text-decoration:underline;}

/* tab */
.tabSt01{width:100%; overflow:hidden; margin:0 0 15px;}
.tabSt01 li{float:left;}
.tabSt01 li a{display:block; border-top:1px solid #a7a9ac; border-left:1px solid #a7a9ac; text-align:center; border-bottom:1px solid #454546; padding:8px 6px 7px; font-size:13px; color:#888; font-weight:bold;}
.tabSt01 li:last-child a{border-right:1px solid #a7a9ac;}
.tabSt01 li a.on{background:#454546; color:#fff; border:1px solid #454546;}

.tabSt01 li.two a{padding:15px 6px 14px; line-height:16px}

.tabSt01.many li a{border-bottom:1px solid #cacbcc;}
.tabSt01.many li+li a{border-right:1px solid #a7a9ac;}
.tabSt01.many li+li+li a{border-right:0; border-bottom:1px solid #454546; border-top:0;}
.tabSt01.many li:last-child a{border-right:1px solid #a7a9ac; border-bottom:1px solid #454546; border-top:0;}

.tabSt01.many02 li a{border-bottom:1px solid #cacbcc;}
.tabSt01.many02 li+li a{border-right:1px solid #a7a9ac;}
.tabSt01.many02 li+li+li a{border-right:0; border-bottom:1px solid #cacbcc; border-top:0;}
.tabSt01.many02 li+li+li+li a{border-right:1px solid #a7a9ac; border-bottom:1px solid #454546; border-top:0;}
.tabSt01.many02 li:last-child{border-right:1px solid #a7a9ac;}
.tabSt01.many02 li:last-child a{border-right:0; border-bottom:1px solid #454546; border-top:0;}

.wid50 li{width:50%;}
.wid33 li{width:33.3%;}
.wid33 li:first-child{width:33.4%;}
.wid25 li{width:25%;}
.wid20 li{width:20%;}
.wid16 li{width:16.6%;}
.wid16 li:first-child{width:17%;}

/* table */
table .useLine{border-right:1px solid #e4e5e7;}
table .endLine th, table .endLine td{border-bottom:0;}
table .number{text-align:right!important; }
table .depth{background:#fbfbfc!important;}
table.bgnone th{background:#fff;}

table td label {margin-right:10px;} /* 테이블내 레이블 간격지정 */

.tb_view{display:table; width:100%;}
.tb_view span{display:table-cell; text-align:center;}
.tb_view select{width:100%;}
.tb_view input{width:99.5%;}
.tb_view .label_check{display:table-cell; width:33.3%;}
.tb_view .label_check input[type="checkbox"]{width:auto;}

.tb_view02 li{display:table; width:100%;}
.tb_view02 .label_check02{display:table-cell; width:50%;}

.unit{text-align:right; margin-bottom:5px;}
.unit02{margin:28px 0 5px;text-align:right;font-weight:bold}
.unit03 {color:#5482be; position:relative; top:-1px;} /* 타이틀 바로 옆 */

.tableType01{width:100%; border-top:2px solid #646567; border-bottom:1px solid #a7a9ac; table-layout:fixed;}
.tableType01 th, .tableType01 td{border-bottom:1px solid #e4e5e7;}
.tableType01 th{background:#f6f7f8; color:#333; padding:10px 0;}
.tableType01 td{text-align:center; padding:10px; color:#666;}

.tableType02{width:100%; border-top:2px solid #646567; border-bottom:1px solid #a7a9ac; table-layout:fixed;}
.tableType02.bor_etc{border-top:1px solid #e4e5e7;;}
.tableType02 th, .tableType02 td{border-bottom:1px solid #e4e5e7;}
.tableType02 th{background:#f6f7f8; color:#333; padding:0 10px; text-align:left;}
.tableType02 td{padding:10px; color:#666;}
.tableType02 td+td{text-align:right}
.tableType02 tbody th{padding:10px}
.tableType02 tfoot th, .tableType02 tfoot td{background:#f6f7f8; border-top:1px solid #a7a9ac; border-bottom:1px solid #a7a9ac;}
.tableType02 tfoot td{text-align:right; color:#034ea2; font-size:13px; font-weight:bold;}

.tableType03{border-top:2px solid #646567; border-bottom:1px solid #a7a9ac;}
.tableType03 td{vertical-align:top; padding:7px 0;}

/* form */
select {border:1px solid #a2a2a2; height:28px;}
input{border:1px solid #a2a2a2; height:26px;}
input[type=checkbox] {height:auto;}
input[type="checkbox"],input[type="radio"]{width:28px;height:28px;border:0 none;-webkit-appearance:none;appearance:none;-moz-appearance:none;}
input[type="checkbox"] {background:url(/mhwr/web/images/web/cyber/form_chk.png) no-repeat 0 0;background-size:28px auto}
input[type="radio"] {background:url(/mhwr/web/images/web/cyber/form_radio.png) no-repeat 0 0;background-size:28px auto}
input[type="checkbox"]:checked,input[type="radio"]:checked {background-position:0 -28px;}
input[type="checkbox "]:disabled,input[type="radio"]:disabled {background-position:0 -56px;}
.search_wr{width:100%; margin:0 0 8px;}
.search_wr select{width:100%;}
.search_wr02{border-top:2px solid #646567; border-bottom:1px solid #a7a9ac; background:#f6f7f8; padding:8px 10px;}
/*.search_wr02 select, .search_wr02 input {border:1px solid #656565;}*/
.search_wr02 select {width:30%;}
.search_wr02 input {width:68%;}

.dateSearch{position:relative; overflow:hidden; padding:0 37px 0 0;}
.dateSearch p{float:left; width:48%; height:30px;}
.dateSearch p input{width:100%; height:26px;}
.dateSearch p.dash{width:4%; height:10px;text-align:center; padding:6px 0 0;}
.dateSearch p.dash span{margin:0 0 0 2px;}
.dateSearch .search{position:absolute; top:0; right:0px; width:28px; height:28px; background:url(/mhwr/web/images/web/common/btn_search01.gif) right top no-repeat; background-size:28px 28px; text-indent:-9999em; overflow:hidden; cursor:pointer}

.dateSearch02{position:relative; overflow:hidden; padding:0 37px 0 0;}
.dateSearch02 p{float:left; width:100%; height:30px;}
.dateSearch02 p input{width:100%; height:26px;}
.dateSearch02 .search{position:absolute; top:0; right:0px; width:28px; height:28px; background:url(/mhwr/web/images/web/common/btn_search01.gif) right top no-repeat; background-size:28px 28px; text-indent:-9999em; overflow:hidden; cursor:pointer}

.dateSearch03{position:relative; overflow:hidden; padding:0 102px 0 0;}
.dateSearch03 p input{width:100%; height:28px;}
.dateSearch03 a.btn12{position:absolute; top:0; right:0px;}

.dateSearch04{position:relative;}
.dateSearch04 .search{position:absolute; top:0; right:0px; width:28px; height:28px; background:url(/mhwr/web/images/web/common/btn_search01.gif) right top no-repeat; background-size:28px 28px; text-indent:-9999em; overflow:hidden; cursor:pointer}


/* list */
.listType01{border-top:2px solid #646567; border-bottom:1px solid #a7a9ac;}
.listType01 li{border-top:1px solid #e8e9eb;}
.listType01 li:first-child{border-top:0;}
.listType01 .list_tit{display:block; color:#666; padding:12px 10px; position:relative;}
.listType01 .list_tit strong{color:#222; font-size:13px; display:block; width:85%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.listType01 .list_tit strong.number{text-align:right;position:absolute;top:30%;right:45px;}
.listType01 .list_tit span {margin-top:2px; display:inline-block; vertical-align:middle;}
.listType01 .list_tit.on strong{color:#0c4da2;}
.listType01 .list_tit .more{width:21px; height:100%; position:absolute; top:0; right:10px; background:url(/mhwr/web/images/web/common/ico_more01_off.gif) right center no-repeat; background-size:21px 21px; text-indent:-9999em; overflow:hidden;}
.listType01 .list_tit.on .more{background:url(/mhwr/web/images/web/common/ico_more01_on.gif) right center no-repeat; background-size:21px 21px; text-indent:-9999em; overflow:hidden;}
.listType01 .list_tit .title{display:inline-block; width:115px; color:#0079c2; margin:3px 0 0;}
.listType01 .list_tit.on .title{color:#0079c2;}
.listType01 .list_tit .date{display:inline-block; color:#222; font-weight:bold; vertical-align:top; margin:3px 0 0;}
.listType01 .list_tit.on .date{color:#0c4da2;}

.listType01 .list_con{border-top:1px solid #646567; background:#f6f7f8; border-left:1px solid #e8e9eb; border-right:1px solid #e8e9eb; position:relative;}
.listType01 .list_con ul{padding:8px 10px;}
.listType01 .list_con li{display:table; width:100%;border:0; background:url(/mhwr/web/images/web/common/ico_dotted01.gif) left 9px no-repeat; background-size:3px 3px;}
.listType01 .list_con li strong{width:85px; color:#222; display:table-cell; vertical-align:top; padding:3px 10px 3px 7px;background: url(/mhwr/web/images/web/common/bg_morebox01.gif) right top repeat-y; background-size:2px 1px;}
.listType01 .list_con li span{color:#555; display:table-cell; padding:3px 0 3px 14px;}
.listType01 .list_con li span span{display:inline-block !important;}
.listType01 .list_con li span span input{max-width:100px;}
.listType01 .list_con li span.number{text-align:right}
.listType01 .list_con li ul{display:table-cell; border:none;padding:0;}
.listType01 .list_con li ul li{width:100%;background:none;padding:0;display:table;}
.listType01 .list_con li ul li span{display:table-cell; background:none;}
.listType01 .list_con .go{position:absolute; bottom:9px; right:9px;}
.listType01 .list_con .go_clear{text-align:right; padding:0 9px 9px;} /* 텍스트가 겹칠경우 다음행에 배치 */

.listType01 label.list_tit input {margin-right:5px;} /* 레이블로 감싸진 타이틀 스타일 */
.listType01 label.list_tit strong {display:inline-block; vertical-align:middle; position:relative; top:-1px;}
.listType01 label.list_tit a.btn06 {position:absolute;top:5px;right:10px;}
.listType01 .terms_con {background:#f6f7f8; border:1px solid #e8e9eb; border-top:1px solid #646567; border-bottom:0; padding:12px 15px; height:140px; overflow-y:scroll}
.listType01 .terms_con .gryetext_13px2{margin-bottom:10px}

.listType01.type02 li{border-top:1px solid #e8e9eb;position:relative; min-height:44px}
.listType01.type02 .list_tit{display:block; color:#666; padding:10px 10px 8px;}
.listType01.type02 .list_tit span{margin-top:10px;display:block;width:70%;}
.listType01.type02 li a.btn06{width:44px;position:absolute;right:5px;top:50%; margin-top:-14px}
.listType01.type02 .list_info{background:#f6f7f8; padding:10px;}
.listType01.type02 .list_info dt{color:#222; font-weight:bold;}
.listType01.type02 .list_info dd{margin:10px 0 0;}
.listType01.type02 li .more,
.listType01.type02 li .more02{width:21px; height:100%; position:absolute; top:0; right:10px; background:url(/mhwr/web/images/web/common/ico_more01_off.gif) right center no-repeat; background-size:21px 21px; text-indent:-9999em; overflow:hidden;}
.listType01.type02 li .more_on,
.listType01.type02 li .more02_on{width:21px; height:21px; position:absolute; top:-38px; right:10px; background:url(/mhwr/web/images/web/common/ico_more01_on.gif) right center no-repeat; background-size:21px 21px; text-indent:-9999em; overflow:hidden;}
.listType01.type02 li .more02,
.listType01.type02 li .more02_on {right:0;width:50px;height:38px;background:#fff url(/mhwr/web/images/web/common/arrow_acodian.png) no-repeat 9px -55px;background-size:100% auto;}
.listType01.type02 li .more02_on {top:-39px;background-position:9px -6px;}

/* 고객서비스 > 전화상담안내 추가 - 20150922
.listType01.type02 .callno{display:inline-block; border:1px solid #09509d; border-radius:2px; padding:5px; color:#09509d; margin-left:15px; width:20px; text-align:center;}
.listType01.type02 .callist_tit{display:inline-block; color:#666; padding:10px 10px 8px;}
.listType01.type02 .service_list{ position:relative; margin-top:10px; padding-left:15px; border-top:1px solid #646567; background:#f6f7f8}
.listType01.type02 .service_list h3{ color:#222; line-height:30px}
.listType01.type02 .service_list li{ border-top:none; line-height:20px; min-height:22px; background:url(/mhwr/web/images/web/common/ico_dotted01.gif) left 9px no-repeat; background-size:3px 3px; padding-left:8px}
*/
.listType01.type02 .callno{display:inline-block; border:1px solid #bcbcbe; border-radius:2px; padding:5px; color:#09509d; margin-left:5px; width:20px; text-align:center;}
.listType01.type02 .callist_tit{display:inline-block; color:#252525; padding:5px 10px 6px;font-size:13px;}
.listType01.type02 .service_list{ position:relative; margin-top:5px; padding-bottom:6px;padding-left:15px; border-top:1px solid #bcbcbe; background:#f9f9f9;color:#333333;}
.listType01.type02 .service_list h3{padding:8px 0 2px;font-weight:normal;}
.listType01.type02 .service_list ul {margin-bottom:5px;}
.listType01.type02 .service_list li{position:relative;border-top:none;min-height:18px;padding-left:8px}
.listType01.type02 .service_list li:before {content:'-';position:absolute;left:0;}
.listType01 + .list_dot{margin-top:10px}

.listType02{border-top:2px solid #646567; border-bottom:1px solid #a7a9ac;}
.listType02 .type{background:#f6f7f8; padding:10px; color:#222; position:relative;}
.listType02 .type strong{color:#034ea2; font-size:13px;}
.listType02 .type a{position:absolute;top:4px;right:5px;}
.listType02 .list li{border-top:1px solid #e8e9eb;}
.listType02 .list li.bg_title{background:#f6f7f8;}
.listType02 .list li .detail_con{border-top:1px solid #e8e9eb; background:#fff; padding:10px;}
.listType02 .list a{display:table; width:100%; padding:10px 0; color:#666;}
.listType02 .list .info{display:table-cell; vertical-align:middle; padding:0 10px;}
.listType02 .list .info .sort{color:#222; display:block;}
.listType02 .list .conr{display:table-cell; vertical-align:middle; padding:0 10px; width:60px; text-align:right;}

.listType03{border-top:2px solid #646567; border-bottom:1px solid #a7a9ac;}
.listType03 li{border-top:1px solid #e8e9eb; position:relative;}
.listType03 li:first-child{border-top:0;}
.listType03 .list_tit{display:block; color:#666; padding:12px 10px;}
.listType03 .list_tit strong{color:#222; font-size:13px; display:block; margin:0 0 2px; width:70%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.listType03 .list_tit .state{position:absolute; top:20px; right:50px;}
.listType03 .list_tit .state02{position:absolute; top:6px; right:45px; width:45px}
.listType03 .list_tit .more{width:7px; height:12px; position:absolute; top:22px; right:10px; background:url(/mhwr/web/images/web/common/ico_button01.gif) right top no-repeat; background-size:100% 100%; text-indent:-9999em; overflow:hidden;}

.listType04{border-top:2px solid #646567;border-bottom:1px solid #a7a9ac; position:relative}
.listType04 li{padding:10px 0;border-top:1px solid #e4e5e7;}
.listType04 li:first-child{border-top:none}
.listType04 li strong.tit{display:block;padding-left:12px;background:url(/mhwr/web/images/app/common/ico_circle.gif) left 3px no-repeat; background-size:10px 10px;font-size:13px;color:#222;}
.listType04 li strong.stit{color:#0079c2}
.listType04 li strong[class*="tit"]{display:block}
.listType04 li strong[class*="tit"] + ul{margin-top:7px}
.listType04 li em{display:block;margin-top:5px;color:#5482be;font-size:11px;text-indent:-10px;margin-left:10px;}
.listType04 li ul+strong.stit{margin-top:12px;}
.listType04 li ul{padding-left:3px;}
.listType04 li ul li{border:none;padding:0 0 0 7px;margin-top:3px;color:#555;background:url(/mhwr/web/images/app/common/ico_dotted01.gif) left 5px no-repeat;background-size:3px 3px;}
.listType04 li ul li ul{padding:2px 0 4px 0}
.listType04 li ul li ul li{text-indent:-7px;background:none;color:#777;}

.listType05{border-top:2px solid #646567; border-bottom:1px solid #a7a9ac; position:relative; list-style-type:decimal; }
.listType05 li{padding:5px; margin-left:20px}
.listType05 li:first-child{border-top:none}

.faqType01{border-top:2px solid #646567; border-bottom:1px solid #a7a9ac;}
.faqType01 li{border-top:1px solid #e8e9eb;}
.faqType01 li:first-child{border-top:0;}
.faqType01 .list_tit{display:block; color:#666; padding:12px 0; position:relative;}
.faqType01 .list_tit .question{font-weight:500;color:#222; font-size:13px; display:block; background:url(/mhwr/web/images/web/common/ico_q01.gif) 1px 1px no-repeat; background-size:11px 15px; padding:0 0 0 20px; width:85%;}
.faqType01 .list_tit .more{width:11px; height:7px; position:absolute; top:50%; right:10px; margin-top:-4px; background:url(/mhwr/web/images/web/common/ico_more03_off.gif) right top no-repeat; background-size:100% 100%; text-indent:-9999em; overflow:hidden;}
.faqType01 .list_tit.on .more{width:11px; height:7px; position:absolute; top:50%; right:10px; margin-top:-4px; background:url(/mhwr/web/images/web/common/ico_more03_on.gif) right top no-repeat; background-size:100% 100%; text-indent:-9999em; overflow:hidden;}

.faqType01 .list_con{border-top:1px solid #646567; background:#f6f7f8; position:relative;}
.faqType01 .list_con .answer{border-left:1px solid #e8e9eb; border-right:1px solid #e8e9eb; padding:8px 30px; background:url(/mhwr/web/images/web/common/ico_a01.gif) 10px 10px no-repeat; background-size:12px 14px;}

.downList {border-top:2px solid #646567; border-bottom:1px solid #a7a9ac;}
.downList > li{border-top:1px solid #e8e9eb; padding:10px; position:relative; min-height:30px;}
.downList > li:first-child{border-top:0;}
.downList li strong {color:#222; font-size:13px; display:block; margin-right:80px;}
.downList li a[class*=btn] {position:absolute; top:12px; right:10px;}

[class*=bbs] .file {color:#0079c2; background:url(/mhwr/web/images/web/common/ico_file.png) 0 center no-repeat; background-size:12px 12px; padding-left:15px;}
[class*=bbs] .stick {display:inline-block; padding:0 4px; color:#e4e5e7;}

.bbsList {border-top:2px solid #646567; border-bottom:1px solid #a7a9ac;}
.bbsList > li{border-top:1px solid #e8e9eb; padding:12px 30px 12px 0; position:relative;}
.bbsList > li:first-child{border-top:0;}
.bbsList li .tit {color:#222; font-size:13px; display:block; width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bbsList li .info {margin-top:4px;}
.bbsList li .more {position:absolute; top:0; left:0; width:100%; height:100%; background:url(/mhwr/web/images/web/common/ico_arrow.gif) right center no-repeat; background-size:18px auto; text-indent:-999px; overflow:hidden;}
.bbsList li .more02 {position:absolute; top:50%; right:10px; margin-top:-15px;}

.bbsList .event_wr{position:relative; padding:13px 0 0 89px; min-height:68px}
.bbsList .event_img{position:absolute; top:10px; left:5px; width:69px;}
.bbsList .event_wr ul{margin:4px 0 0;}
.bbsList .event_wr li.target{background:url(/mhwr/web/images/web/customer/ico_event01.gif) left top no-repeat; background-size:30px 16px; color:#666; padding-left:40px; margin-bottom:3px;}
.bbsList .event_wr li.period{background:url(/mhwr/web/images/web/customer/ico_event02.gif) left top no-repeat; background-size:30px 16px; color:#0079c2; padding-left:40px;}
.bbsList .event_wr li.targetDate{background:url(/mhwr/web/images/web/customer/ico_event03.gif) left top no-repeat; background-size:62px 16px; color:#666; padding-left:72px; margin-top:3px}
.bbsList .event_wr .btn06{margin:5px 0 10px}

.bbsDetail {border-top:2px solid #646567; border-bottom:1px solid #a7a9ac; position:relative;}
.bbsDetail .info {background:#f6f7f8; border-bottom:1px solid #e4e5e7; padding:8px 10px;}
.bbsDetail .info dt {color:#222; float:left; width:60px; line-height:18px;}
.bbsDetail .info dd {overflow:hidden; border-left:1px solid #e4e5e7; padding-left:10px; line-height:18px;}
.bbsDetail .detail {padding:15px 10px; min-height:100px;}
.bbsDetail .detail table{border:1px solid #e4e5e7}
.bbsDetail .detail table th{background:#f6f7f8}
.bbsDetail .detail table th,.bbsDetail .detail table td{border-bottom:1px solid #e4e5e7;border-left:1px solid #e4e5e7}
.bbsDetail .detail .tsubtit{margin-top:15px}

.bbsDetail .info02 {background:#f6f7f8; border-bottom:1px solid #e4e5e7; padding:8px 10px;}
.bbsDetail .info02 dt {color:#222; float:left; width:70px; line-height:18px;}
.bbsDetail .info02 dd {overflow:hidden; border-left:1px solid #e4e5e7; padding-left:10px; line-height:18px;}

.bbsOther {border-bottom:1px solid #a7a9ac; margin-top:-1px;}
.bbsOther dt, .bbsOther dd {border-top:1px solid #e4e5e7;}
.bbsOther dt {float:left; width:40px; padding:10px 15px;}
.bbsOther dd {min-height:37px;overflow:hidden; background:url(/mhwr/web/images/web/common/ico_stick.gif) 0 center no-repeat;}
.bbsOther dd a {display:block; padding:10px; color:#222;}

/* paging */
.paging{text-align:center; margin-top:12px;}
.paging > a{display:inline-block; border:1px solid #999; border-radius:3px; width:23px; height:17px; text-align:center; padding:3px 0; text-indent:-9999em}
.paging span{display:inline-block; padding:0 7px;}
.paging span.number {margin-right:-4px;}
.paging span.number a {display:inline-block; border-left:1px solid #e4e5e7; padding:3px 10px; margin-left:-4px; color:#aaa; font-weight:bold;}
.paging span.number a:first-child{border-left:0;}
.paging span.number a.on {color:#444;}
.paging .prev01{background:url(/mhwr/web/images/web/common/ico_pagingPrev01.gif) 8px 7px no-repeat; background-size:6px 10px;}
.paging .prev02{background:url(/mhwr/web/images/web/common/ico_pagingPrev02.gif) 6px 7px no-repeat; background-size:10px 10px; margin-right:5px}
.paging .next01{background:url(/mhwr/web/images/web/common/ico_pagingNext01.gif) center 7px no-repeat; background-size:6px 10px; margin-right:5px}
.paging .next02{background:url(/mhwr/web/images/web/common/ico_pagingNext02.gif) center 7px no-repeat; background-size:10px 10px;}

/* etc */
.attention01{font-weight:400;font-size:11px; color:#6d8eb8; background:url(/mhwr/web/images/web/common/ico_attention01.gif) left 1px no-repeat; background-size:12px 12px; padding:0 0 0 17px; margin:10px 0 5px;}
.attention02{font-weight:400;font-size:11px; color:#f6821f; background:url(/mhwr/web/images/web/common/ico_attention02.gif) left 1px no-repeat; background-size:12px 12px; padding:0 0 0 17px; margin:10px 0 0;}
.attention03{font-weight:400;font-size:11px; color:#0079c2; background:url(/mhwr/web/images/web/common/ico_attention03.gif) left 1px no-repeat; background-size:12px 12px; padding:0 0 0 17px; margin:10px 0 0;}

.attention01 strong, .attention02 strong, .attention03 strong{display:block; margin:0 0 5px}
.attention_list01{list-style:disc; margin:0 0 0 1px;}
.attention_list01 li{font-size:11px; color:#f6821f; margin-top:4px; line-height:15px;}
.attention_list01 li .st {color:#e55600;}

.attention_list02{list-style:disc; margin:0 0 0 1px;}
.attention_list02 li{font-size:11px; color:#4ca1d4; margin-top:4px; line-height:15px;}
.attention_list02 li li{padding-left:9px; text-indent:-7px}

.check_txt {font-size:13px; font-weight:bold; color:#333; text-align:center; padding-top:12px;} /* 버튼 위 확인문구 */
.check_txt.line_wr {border-top:1px solid #a7a9ac; margin-top:15px;}

.tel{color:#0c4da2!important; text-decoration:underline; background:url(/mhwr/web/images/web/common/ico_telephone.gif) left 2px no-repeat; background-size:16px 11px; padding:0 0 0 19px; margin:0 0 0 10px;}
.tel.type2 {margin:0;}
.time{color:#6d8eb8; font-weight:bold; background:url(/mhwr/web/images/web/common/ico_datetime.gif) left 2px no-repeat; background-size:11px 11px; padding:0 0 0 15px;}
.search_time{text-align:right; margin:0 10px 5px;}

.callcenter{border:1px solid #e4e5e7; background:url(/mhwr/web/images/web/common/ico_callcenter01.gif) 10px 8px no-repeat; background-size:40px 40px; padding:10px 10px 10px 60px; margin:20px 0 0 0;}
.callcenter > span{display:block; font-size:11px; margin-top:5px;}
.callcenter > span:first-child {margin:0 0 5px 0;}
.call_number{font-size:13px; color:#6d8eb8; display:block;}
.callcenter .call_number span{color:#034ea2; font-size:13px; text-decoration:underline}

.contact {border:1px solid #e4e5e7; margin:20px 0 0 0; padding:0 10px;}
.contact a[href*=tel] {color:#034ea2;}
.contact > div {background-position:0 center; background-repeat:no-repeat; background-size:40px 40px; border-top:1px solid #e4e5e7; position:relative; padding:10px 0 10px 50px;}
.contact > div:first-child {border-top:0;}
.contact > div strong {color:#6d8eb8; font-size:13px;}
.contact > div > span {display:block; font-size:11px; margin-top:4px;}
.contact .email {background-image:url(/mhwr/web/images/web/common/ico_email01.gif); padding-right:70px;}
.contact .email strong {color:#fdba31}
.contact .email a {position:absolute; bottom:10px; right:0;}
.contact .phone {background-image:url(/mhwr/web/images/web/common/ico_callcenter01.gif);}

.ico_check{display:inline-block; background:url(/mhwr/web/images/web/common/ico_check01.png) left 3px no-repeat; background-size:8px 7px; padding:0 0 0 12px;}
.ico_check02{display:inline-block; background:url(/mhwr/web/images/web/common/ico_check01.png) right 3px no-repeat; background-size:8px 7px; padding:0 12px 0 0 ;}

.list_dot li {border:0; padding:0 0 0 7px; margin:4px 0 0 0; background:url(/mhwr/web/images/web/common/ico_dotted01.gif) left 5px no-repeat; background-size:3px 3px; line-height:15px;}/* 테이블 내 dotted 리스트*/
.list_dot li:first-child {margin-top:0;}

/* error */
.error {text-align:center;}
.error strong {display:block; background:url(/mhwr/web/images/web/common/img_error.gif) center 10px no-repeat; background-size:140px 101px; padding:126px 0 0 0; font-size:15px; color:#222; line-height:18px;}
.error p {padding-top:15px; margin-top:18px; border-top:2px solid #656565;}

/* layout */
.visual_wr{position:relative; top:0px; left:0px; /*overflow-x:hidden;*/ height:100%;}
.visual{position:relative; top:0px; left:0; min-height:100%}
.menu{position:absolute; top:0px; left:-282px; height:100%; box-shadow:#656565 2px 0 3px 0px; background:#fff; overflow-y:hidden}

.menu header{position:relative; width:278px; height:44px; border-bottom:3px solid #000; background:#0c4da2;}
.menu header .menuOpen{width:50px; height:17px; background:url(/mhwr/web/images/web/common/btn_menu03.gif) left top no-repeat; background-size:17px 100%; position:absolute; top:15px; left:15px; text-indent:0; padding:2px 0 0 23px; color:#c5c6c7;}
.menu header .menuClose{width:16px; height:16px; background:url(/mhwr/web/images/web/common/btn_close02.gif) right top no-repeat; background-size:100% 100%; position:absolute; top:15px; right:15px;}

.menu.App header{position:relative; width:278px; border-bottom:3px solid #000; background:#353638;}
.menu.App header .menuOpen{width:50px; height:17px; background:url(/mhwr/web/images/web/common/btn_menu02.gif) left top no-repeat; background-size:17px 100%; position:absolute; top:15px; left:15px; text-indent:0; padding:2px 0 0 23px; color:#c5c6c7;}
.menu.App header .menuClose{width:16px; height:16px; background:url(/mhwr/web/images/web/common/btn_close01.gif) right top no-repeat; background-size:100% 100%; position:absolute; top:15px; right:15px;}

.menuContents{padding:0 10px;}
.menu.App{background:#e4e5e7;}


.menuList li{border-bottom:1px solid #cccdcf;}
.menuList li a{display:block; padding:10px 0 8px; position:relative;}
.menuList li img{width:35px; height:35px; position:absolute; top:10px; left:5px; }
.menuList li strong{display:block; color:#222; font-size:14px; margin:2px 0 4px 48px}
.menuList li span{display:block; width:175px; font-size:11px; margin:0 0 0 48px}
.menuList li span.more{width:13px; height:13px; position:absolute; top:50%; right:10px; margin-top:-6px; background:url(/mhwr/web/images/web/common/ico_more01.png) right top no-repeat; background-size:100% 100%; text-indent:-9999em; overflow:hidden;}
.menuList li span.more.on{width:13px; height:13px; position:absolute; top:30px; right:10px; margin-top:-6px; background:url(/mhwr/web/images/web/common/ico_more02.png) right top no-repeat; background-size:100% 100%; text-indent:-9999em; overflow:hidden;}

.menuList .menuList_con{}
.menuList .menuList_con{border-top:2px solid #646567; background:#f6f7f8; position:relative;}
.menuList .menuList_con ul{border-left:1px solid #e8e9eb; border-right:1px solid #e8e9eb;}
.menuList .menuList_con li{border-bottom:1px solid #cccdcf; padding:10px 0 8px; overflow:hidden;}
.menuList .menuList_con li a{color:#555; font-weight:bold; padding:0 0 0 47px; height:16px; overflow:hidden;}
.menuList .menuList_con li:last-child{border-bottom:0;}

.Appmenu_more{border-top:2px solid #646567; padding:10px 0 0 3px; text-align:center;}
.Appmenu_more img{width:77px; height:77px;}
.Appmenu_more a{margin-right:3px;}

/* web main */
.webMain {padding:0 0 114px 0;; position:relative;}
/*
.webMain .pg_banner {position:absolute; line-height:0;}
.webMain .pg_banner .num {display:inline-block;}
.webMain .pg_banner .num a {display:inline-block; width:8px; height:8px; overflow:hidden; text-indent:-999px; background:#b8bbbc; border-radius:4px; margin-left:1px;}
.webMain .pg_banner .num a.on {background:#0c4da2;}
.webMain .top_visual {width:100%; height:177px; overflow:hidden; border-bottom:2px solid #454546; position:relative;}
.webMain .top_visual .banner li {height:177px; background:right bottom no-repeat; background-size:300px 177px;} /* 상단 이미지 좌우로 넓게 처리 */
/* .webMain .top_visual .banner li {height:177px; background:center bottom no-repeat; background-size:300px 177px; text-align:center} 상단 이미지 중앙정렬 처리 */
/*
.webMain .top_visual .banner li img {width:100%; max-width:360px;}
.webMain .top_visual .banner li a.more {position:absolute;top:0;left:0; width:100%; height:100%; overflow:hidden; text-indent:-999px;}
.webMain .top_visual .banner li.con1 {background-image:url(/mhwr/web/images/web/main/bg_main_visual1.jpg);}
.webMain .top_visual .pg_banner {top:0; right:0;}
.webMain .quickmenu {width:100%; overflow:hidden; border-bottom:1px solid #454546; padding:12px 0;}
.webMain .quickmenu li {width:33.3%; float:left; text-align:center;}
.webMain .quickmenu li a {display:block; color:#222; font-weight:bold; border-left:1px solid #e4e5e7; background:center 3px no-repeat; background-size:30px 28px; padding:35px 0 2px;}
.webMain .quickmenu li:first-child a {border-left:0;}
.webMain .quickmenu li a.link1 {background-image:url(/mhwr/web/images/web/main/ico_main_qlink4.png);}
.webMain .quickmenu li a.link2 {background-image:url(/mhwr/web/images/web/main/ico_main_qlink2.png);}
.webMain .quickmenu li a.link3 {background-image:url(/mhwr/web/images/web/main/ico_main_qlink3.png);}
.webMain .container {padding-right:32%; min-height:178px; margin-top:10px; position:relative;}
.webMain .content {padding-right:10px;}
.webMain .content .event {width:100%; height:89px; overflow:hidden; position:relative; background:#e9f1f2;}
.webMain .content .event .banner li {height:89px; background:right bottom no-repeat; background-size:193px 89px;}
.webMain .content .event .banner li a {display:block; padding:12px 0 0 10px; height:77px;}
.webMain .content .event .banner li em {display:block; color:#333; font-size:11px; margin-bottom:2px;}
.webMain .content .event .banner li strong {display:block; color:#0c4da2; font-size:14px; line-height:16px;}
.webMain .content .event .banner li.con1 {background-image:url(/mhwr/web/images/web/main/bg_main_event1.gif);}
.webMain .content .event .pg_banner {top:10px; right:12px;}
.webMain .content .event .pg_banner .num a {display:inline-block; width:6px; height:6px; border-radius:3px;}
.webMain .content .guide > span {display:block; float:left; width:50%; text-align:center; padding:10px 0; background:url(/mhwr/web/images/web/common/ico_stick.gif) 0 center no-repeat; background-size:1px 11px;}
.webMain .content .guide > span:first-child {background:none;}
.webMain .content .guide > span a {display:block; padding:5px 0; color:#222; font-weight:bold;}
.webMain .content .guide .call {clear:both; padding:10px 0 0 50px; min-height:31px; border-top:1px solid #e4e5e7; background:url(/mhwr/web/images/web/common/ico_callcenter02.gif) 10px 10px no-repeat; background-size:31px 31px;}
.webMain .content .guide .call em {display:block; font-size:10px; color:#00aae4; margin-top:-2px;}
.webMain .content .guide .call strong {display:block; font-size:18px; color:#0079c2; font-family:Arial;}
.webMain .aside {width:32%; position:absolute; top:0; right:0;}
.webMain .aside .banner li a {display:block; height:77px; padding:12px 0 0 15px; color:#fff; font-size:13px; font-weight:bold; background:right bottom no-repeat; background-size:42px 42px;}
.webMain .aside .banner li a.link1 {background-color:#0079c2; background-image:url(/mhwr/web/images/web/main/ico_main_banner1.png);}
.webMain .aside .banner li a.link2 {background-color:#737476; background-image:url(/mhwr/web/images/web/main/ico_main_banner2.png);}
.webMain .notice {clear:both; border-top:2px solid #454546; padding:10px 5px 0; margin-top:10px;}
.webMain .notice li {background:url(/mhwr/web/images/web/main/ico_main_notice.gif) 0 center no-repeat; background-size:14px 12px; padding-left:22px; position:relative;}
.webMain .notice li a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:65px;}
.webMain .notice li span.date {position:absolute; top:0; right:0; color:#999; font-size:11px;}
*/

/* new_web_main 2015.10.23 */
.Ad_header{background-position:0 46px}
.main_new_bg{background-color:#4d4c4c; overflow-x:hidden;}
#main_new_menu{ position:relative; margin:10px; overflow:hidden; height:100%;}
#main_new_menu .mbox{float:left; /*border:1px solid;*/
			border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px;
			box-shadow: 1px 1px 2px #484747; -webkit-box-shadow: 1px 1px 2px #484747; -moz-box-shadow: 1px 1px 2px #484747; -o-box-shadow: 1px 1px 2px #484747;
			text-indent:-9999px}
#main_new_menu .msize1{width:66%; height:90px; }
#main_new_menu .msize2{width:32%; height:90px; }
#main_new_menu .msize3{width:32%; height:190px; }

#main_new_menu .m13{background-color:#fff; margin:0; border-color:#3c3c3c; float:left;} /*이벤트참여 */
#main_new_menu .m1{background-color:#fff; margin:0; border-color:#3c3c3c; float:left;} /* 헤아림 */
#main_new_menu .m2{	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #625960), color-stop(1, #554d53));
			background-image:-moz-linear-gradient(top, #625960, #554d53);
			background-image:-o-linear-gradient(top, #625960, #554d53);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#625960', endColorstr='#554d53');
			float:right; border-color:#4b4449;} /* 이벤트 */
#main_new_menu .m3{	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #625960), color-stop(1, #554d53));
			background-image:-moz-linear-gradient(top, #625960, #554d53);
			background-image:-o-linear-gradient(top, #625960, #554d53);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#625960', endColorstr='#554d53');
			float:left; border-color:#4b4449; margin:2% 0 0 0} /* 약관대출 */
#main_new_menu .m4{	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #48b0b0), color-stop(1, #32aaaa));
			background-image:-moz-linear-gradient(top, #48b0b0, #32aaaa);
			background-image:-o-linear-gradient(top, #48b0b0, #32aaaa);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#48b0b0', endColorstr='#32aaaa');
			float:right; border-color:#2e9393; margin:2% 0 0 0} /* 사이버창구 */
#main_new_menu .m5{	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #90b92e), color-stop(1, #7ea71b));
			background-image:-moz-linear-gradient(top, #90b92e, #7ea71b);
			background-image:-o-linear-gradient(top, #90b92e, #7ea71b);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#90b92e', endColorstr='#7ea71b');
			float:left; border-color:#739c12; margin:2% 0 0 0} /* 여행자보험가입 */
#main_new_menu .m6{	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #e75636), color-stop(1, #d04628));
			background-image:-moz-linear-gradient(top, #e75636, #d04628);
			background-image:-o-linear-gradient(top, #e75636, #d04628);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e75636', endColorstr='#d04628');
			float:right; border-color:#c13c1e; margin:2% 0 0 0} /* 고객라운지 */
#main_new_menu .m7{	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #a0c6c8), color-stop(1, #94b8ba));
			background-image:-moz-linear-gradient(top, #a0c6c8, #94b8ba);
			background-image:-o-linear-gradient(top, #a0c6c8, #94b8ba);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0c6c8', endColorstr='#94b8ba');
			float:left; border-color:#88abad; margin:2% 2% 0 0} /* 보험상품안내 */
#main_new_menu .m8{	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #a0c6c8), color-stop(1, #94b8ba));
			background-image:-moz-linear-gradient(top, #a0c6c8, #94b8ba);
			background-image:-o-linear-gradient(top, #a0c6c8, #94b8ba);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0c6c8', endColorstr='#94b8ba');
			float:left; border-color:#88abad; margin:2% 0 0 0} /* 보상사례 */
#main_new_menu .m9{	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #737479), color-stop(1, #67686c));
			background-image:-moz-linear-gradient(top, #737479, #67686c);
			background-image:-o-linear-gradient(top, #737479, #67686c);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#737479', endColorstr='#67686c');
			float:right; border-color:#5b5c60; margin:2% 0 0 0} /* 보험금청구 */
#main_new_menu .m10{	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #e5dfd4), color-stop(1, #d6d1c7));
			background-image:-moz-linear-gradient(top, #e5dfd4, #d6d1c7);
			background-image:-o-linear-gradient(top, #e5dfd4, #d6d1c7);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5dfd4', endColorstr='#d6d1c7');
			float:left; border-color:#cac5bb; margin:2% 0 0 0} /* 지점안내 */
#main_new_menu .m11{	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #737479), color-stop(1, #67686c));
			background-image:-moz-linear-gradient(top, #737479, #67686c);
			background-image:-o-linear-gradient(top, #737479, #67686c);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#737479', endColorstr='#67686c');
			float:right; border-color:#5b5c60; margin:2% 0 0 0} /* NH소개 */
#main_new_menu .m12{	float:left; margin:2% 2% 0 0} /* 안내전화 */

#main_new_menu .ic01, #main_new_menu .ic02, #main_new_menu .ic03, #main_new_menu .ic04, #main_new_menu .ic05, #main_new_menu .ic06, #main_new_menu .ic07, #main_new_menu .ic08, #main_new_menu .ic09, #main_new_menu .ic10, #main_new_menu .ic11, #main_new_menu .ic12, #main_new_menu .ic13{ display:block; text-indent:-9999px; height:100%;}

/* #main_new_menu .ic13{ background:url(/mhwr/web/images/web/main/m_event.png) no-repeat bottom;  background-size:100% 100% } */ /* 이벤트참여 */
#main_new_menu .ic01{ background:url(/mhwr/web/images/web/main/m_1.png) no-repeat bottom; background-size:100% 100% } /* 헤아림 */
#main_new_menu .ic02{ background:url(/mhwr/web/images/web/main/m_2.png) no-repeat 50%; background-size:auto 100%}/* 이벤트 */
#main_new_menu .ic03{ background:url(/mhwr/web/images/web/main/m_3.png) no-repeat 50%; background-size:auto 100%}/* 약관대출 */
#main_new_menu .ic04{ background:url(/mhwr/web/images/web/main/m_4.png) no-repeat 10px; background-size:auto 100%}/* 사이버창구 */
#main_new_menu .ic05{ background:url(/mhwr/web/images/web/main/m_5.png) no-repeat 50%; background-size:auto 100%}/* 여행자보험가입 */
#main_new_menu .ic06{ background:url(/mhwr/web/images/web/main/m_6.png) no-repeat 10px; background-size:auto 100%}/* 고객라운지 */
#main_new_menu .ic07{ background:url(/mhwr/web/images/web/main/m_7.png) no-repeat 50%; background-size:auto 100%}/* 보험상품안내 */
#main_new_menu .ic08{ background:url(/mhwr/web/images/web/main/m_8.png) no-repeat 50%; background-size:auto 100%}/* 보상사례 */
#main_new_menu .ic09{ background:url(/mhwr/web/images/web/main/m_9.png) no-repeat 50%; background-size:auto 100%}/* 보험금청구 */
#main_new_menu .ic10{ background:url(/mhwr/web/images/web/main/m_10.png) no-repeat 50%; background-size:auto 100%}/* 지점안내 */
#main_new_menu .ic11{ background:url(/mhwr/web/images/web/main/m_11.png) no-repeat 50%; background-size:auto 100%}/* NH소개 */
#main_new_menu .ic12{ background:url(/mhwr/web/images/web/main/m_12.png) no-repeat 50%; background-size:auto 100%}/* 안내전화 */

/* submenu index */
[class*=subIndex] {min-height:77px; padding:20px 160px 0 4px; margin-top:-15px; background-position:right 0; background-repeat:no-repeat; background-size:145px auto;} /* 상단비주얼 */
[class*=subIndex] h2 {font-size:16px; color:#0c4da2;}
[class*=subIndex] p {margin-top:6px; line-height:16px; color:#555;}
.subIndex01 {background-image:url(/mhwr/web/images/app/cyber/bg_sub_idx01.gif);} /* 보험계약 */
.subIndex02 {background-image:url(/mhwr/web/images/web/cyber/bg_sub_idx02.gif);} /* 여행자보험 */
.subIndex03 {background-image:url(/mhwr/web/images/app/cyber/bg_sub_idx03.gif);} /* 입출금 */
.subIndex04 {background-image:url(/mhwr/web/images/app/cyber/bg_sub_idx04.gif);} /* 대출 */
.subIndex05 {background-image:url(/mhwr/web/images/app/cyber/bg_sub_idx05.gif);} /* 보험금청구 */
.subIndex06 {background-image:url(/mhwr/web/images/app/cyber/bg_sub_idx06.gif);} /* 마이페이지 */
.subIndex07 {background-image:url(/mhwr/web/images/app/cyber/bg_sub_idx07.gif);} /* 공인인증서 */
.p_subIndex01 {background-image:url(/mhwr/web/images/web/product/bg_prod_idx01.gif);} /* 통합종합 */
.p_subIndex02 {background-image:url(/mhwr/web/images/web/product/bg_prod_idx02.gif);} /* 화재재물 */
.p_subIndex03 {background-image:url(/mhwr/web/images/web/product/bg_prod_idx03.gif);} /* 연금저축 */
.p_subIndex04 {background-image:url(/mhwr/web/images/web/product/bg_prod_idx04.gif);} /* 운전자상해 */
.p_subIndex05 {background-image:url(/mhwr/web/images/web/product/bg_prod_idx05.gif);} /* 여행레저 */
.p_subIndex06 {background-image:url(/mhwr/web/images/web/product/bg_prod_idx06.gif);} /* 건강어린이 */
.p_subIndex07 {background-image:url(/mhwr/web/images/web/product/bg_prod_idx07.gif);} /* 실손의료보험 */
.p_subIndex08 {background-image:url(/mhwr/web/images/web/product/bg_prod_idx08.gif);} /* 정책보험 */
.p_subIndex09 {background-image:url(/mhwr/web/images/web/product/bg_prod_idx09.gif);} /* 농작물재해보험 */
.p_subIndex10 {background-image:url(/mhwr/web/images/web/product/bg_prod_idx10.gif);} /* 농업수입보장보험 */
.p_subIndex11 {background-image:url(/mhwr/web/images/web/product/bg_prod_idx11.gif);} /* 적하 */
.c_subIndex01 {background-image:url(/mhwr/web/images/web/company/bg_prod_idx01.gif);}/* 기업개요 */
.c_subIndex02 {background-image:url(/mhwr/web/images/web/company/bg_prod_idx02.gif);}/* 사회공헌 */
.c_subIndex03 {background-image:url(/mhwr/web/images/web/company/bg_prod_idx03.gif);}/* NHC */
/* .c_subIndex04 {background-image:url(/mhwr/web/images/web/company/bg_prod_idx04.gif);} *//* IR */
/* .c_subIndex05 {background-image:url(/mhwr/web/images/web/company/bg_prod_idx05.gif);} *//* 홍보센터 */
/* .c_subIndex06 {background-image:url(/mhwr/web/images/web/company/bg_prod_idx06.gif);} *//* 인재채용 */
.s_subIndex01 {background-image:url(/mhwr/web/images/web/service/bg_prod_idx01.gif);}/* 지점안내 */
.s_subIndex02 {background-image:url(/mhwr/web/images/web/service/bg_prod_idx02.gif);}/* 고객의소리 */
/* .s_subIndex03 {background-image:url(/mhwr/web/images/web/service/bg_prod_idx03.gif);} *//* 이벤트 */
/* .a_subIndex01 {background-image:url(/mhwr/web/images/web/announce/bg_prod_idx01.gif);} *//* 경영공시 */
/* .a_subIndex02 {background-image:url(/mhwr/web/images/web/announce/bg_prod_idx02.gif);} *//* 상품공시 */
/* .a_subIndex03 {background-image:url(/mhwr/web/images/web/announce/bg_prod_idx03.gif);} *//* 홈페이지이용약관 */
/* .a_subIndex04 {background-image:url(/mhwr/web/images/web/announce/bg_prod_idx04.gif);} *//* 개인정보보호 */

.subList {border-top:2px solid #454546; border-bottom:1px solid #a7a9ac;} /* 하위메뉴 리스트 */
.subList li {border-top:1px solid #e4e5e7; font-size:13px; padding:9px 10px; color:#222; position:relative;}
.subList li:first-child {border-top:0;}
.subList li a[class*=more] {display:block; background-image:url(/mhwr/web/images/web/common/ico_4depth_arrow.gif); background-size:18px auto; background-repeat:no-repeat;}
.subList li a.more {position:absolute; top:0; left:0; width:100%; height:100%; background-position:right 13px; text-indent:-9999px; overflow:hidden;}
.subList li a.moreBtn {background-color:#f6f7f8; background-position:right 7px; width:38%; padding:5px 10px; float:left; border:1px solid #999; border-radius:2px; font-size:12px; color:#444; margin:8px 5px 0 0;}
.subList li span {display:inline-block; width:21px; height:21px; overflow:hidden; vertical-align:middle; margin-right:6px;}
.subList li img {width:55px; height:21px;}
.subList li .info {padding:0 0 5px 31px; overflow:hidden;}
.subList li:hover {color:#0c4da2;}
.subList li:hover a.more {background-position:right -27px;}
.subList li:hover img {margin-left:-34px;}

header {height:49px;border-bottom:1px solid #a1a1a1; /*background:#fff url(/mhwr/web/images/app/common/bg_header.png) 0 bottom repeat-x;background-size:100% .5rem;margin-bottom:-.2rem; */z-index:999;text-indent:-9999em; overflow:hidden; }
/* 예전
header h1{width:167px; height:25px; background:url(/mhwr/web/images/web/common/logo.gif) right top no-repeat; background-size:167px; position:absolute; top:12px; left:50%; margin-left:-83px;text-indent:-9999em; overflow:hidden; }
header .AppMenu{width:49px; height:49px; background:url(/mhwr/web/images/web/common/btn_menu01_new.png) no-repeat; background-size:49px; position:absolute; top:0; right:0; text-indent:-99999rem; overflow:hidden;}
header .AppLogin{width:49px; height:49px; background:url(/mhwr/web/images/web/common/btn_login_new.png) no-repeat; background-size:49px; position:absolute; top:.0; left:0; text-indent:-99999rem; overflow:hidden;}
header .AppLogout{width:49px; height:49px; background:url(/mhwr/web/images/web/common/btn_logout_new.png) no-repeat; background-size:49px; position:absolute; top:.0; left:0; text-indent:-99999rem; overflow:hidden;}
*/
header > a{position:absolute;top:5px;height:40px;background:no-repeat;background-size:auto 100%;font-size:0;line-height:0;overflow:hidden}
header > a.AppTitle,
header > a.AppTitle_nolink{left:5px;width:188px;background-image:url(/mhwr/web/images/web/web_main_new/h1_logo.png)}

header > a.AppMenu,header > a.AppLogin,header > a.AppLogout{right:7.5px;width:40px}
header > a.AppMenu{background-image:url(/mhwr/web/images/web/web_main_new/btn_totalmn.png)}
header > a.AppLogin{right:50px;background-image:url(/mhwr/web/images/web/web_main_new/btn_login.png)}
header > a.AppLogout{right:50px;background-image:url(/mhwr/web/images/web/web_main_new/btn_logout.png)}

footer{position:absolute; bottom:0; width:100%;}
.footer {background:#353638; border-top:1px solid #141414; padding:7px 0px 12px;}
.footer p {text-align:center; margin-left:4px;}
.footer a {display:inline-block; color:#d5d5d5; font-size:11px; margin-left:-4px; vertical-align:top;}
.footer .link1 a {background:#404143; border:1px solid #000; padding:3px 10px;}
.footer .link1 a.goTop {margin-left:2px; padding:6px 8px 0; font-size:10px; background:#404143 url(/mhwr/web/images/web/common/ico_arrow_top.gif) center 3px no-repeat; background-size:6px 3px;}
.footer .link2 a {margin-top:8px; padding:0 8px; border-left:1px solid #535456;}
.footer .link2 a:first-child {border-left:0;}
.footer address {margin-top:10px; color:#838383; line-height:13px; font-size:10px; text-align:center;}

.depth_wr{position:relative; height:21px; background:#ebecee;padding:10px 0}/*padding:5px 0 0;*/
.depth_wr span{display:inline-block; font-size:14px; padding:1px 15px 0 5px; height:21px;line-height:21px;background:url(/mhwr/web/images/web/common/ico_depth01.gif) left 3px no-repeat; background-size:10px 16px; padding:0 15px 0;}
.depth_wr span:first-child {padding:0 5px 0 15px;}
.depth_wr span.depth{background:none;}
/*
.depth_wr div .more{display:block; width:34px; height:25px; position:absolute; top:10px; right:0px; background:url(/mhwr/web/images/web/common/ico_depth02_off.gif) left top no-repeat; background-size:100% 6px; text-indent:-9999em; overflow:hidden;}
.depth_wr div.on .more{top:0px; padding:0 0 1px; background:url(/mhwr/web/images/web/common/ico_depth02_on.gif) left top no-repeat; background-size:100% 100%; z-index:3;}
*/
.depth_wr div .more{position:absolute;top:0;right:0;width:41px;height:41px;font-size:0;line-height:0;overflow:hidden}
.depth_wr div .more:after{position:absolute;top:0;right:-10px;width:51px;height:100%;background:url(/mhwr/web/images/web/common/ico_depth02_off.gif) 100% 50% no-repeat;background-size:auto 6px;content:""}
.depth_wr div.on .more{z-index:3}
.depth_wr div.on .more:after{border-left:1px solid #b8b9bb;background-image:url(/mhwr/web/images/web/common/ico_depth02_on.gif);background-size:auto 100%;}
.depth_wr div.on .depth_list{border:1px solid #b8b9bb; border-right:0; padding:10px 11px 3px; position:absolute; top:40px; right:0; background:#fff; z-index:2;}/*top:25px;*/
.depth_wr div.on .depth_list li{padding:0 15px 8px 0;}
/* 3depth까지 표현한경우
.depth_wr{position:relative; height:21px; background:url(/mhwr/web/images/web/common/bg_depth01.gif) left top repeat-x; background-size:100% 100%; padding:8px 0 0; margin:0 0 15px}
.depth_wr span{display:inline-block; font-size:11px; padding:0px 15px 0 5px; height:16px;}
.depth_wr span.depth{background:url(/mhwr/web/images/web/common/ico_depth01.gif) right top no-repeat; background-size:10px 16px; padding:1px 5px 0 0; margin:0 5px 0;}
.depth_wr div .more{display:block; width:34px; height:25px; position:absolute; top:4px; right:0px; background:url(/mhwr/web/images/web/common/ico_depth02_off.gif) left top no-repeat; background-size:100% 100%; text-indent:-9999em; overflow:hidden;}
.depth_wr div.on .more{background:url(/mhwr/web/images/web/common/ico_depth02_on.gif) left top no-repeat; background-size:100% 100%; z-index:3;}
.depth_wr div.on .depth_list{border:1px solid #b8b9bb; border-right:0; padding:10px 11px 3px; position:absolute; top:28px; right:0; background:#fff; z-index:2;}
.depth_wr div.on .depth_list li{padding:0 15px 8px 0;}
*/

.contents{padding:0 0 0;} /* 2017-10-27 : padding:0 0 104px; 불필요한 여백으로 인한 수정 */
.wrap{padding:20px 15px 30px;;}
.contents .wrap *{letter-spacing:-0.5px;word-wrap:break-word;word-break:keep-all}

.depth3_st01{position:relative; height:22px; margin:0 0 15px;}
.depth3_st01 h2{display:inline-block; color:#0c4da2; font-size:18px; font-weight:bold; padding:0 8px 0 0; background:#fff;}
.depth3_st01 h2 span{font-size:14px;}
.depth3_st01 hr{width:99%; position:relative; top:-10px; right:0px; border:1px solid #9eb8da; z-index:-1}

.depth3_st02{border:2px solid #b9b9b9; padding:9px 0 8px 8px; position:relative;}
.depth3_st02 h2{color:#a7a9ac; font-size:15px;}
.depth3_st02 span{display:inline-block; width:11px; background:url(/mhwr/web/images/web/common/ico_2depth_off.gif) left top no-repeat; background-size:11px 11px; position:absolute; top:12px; right:7px;}
.depth3_st02.on{border:2px solid #9eb8da; padding:9px 0 8px 8px; color:; font-size:15px;}
.depth3_st02.on h2{color:#0c4da2; font-size:15px;}
.depth3_st02.on span{display:inline-block; width:11px; background:url(/mhwr/web/images/web/common/ico_2depth_on.gif) left top no-repeat; background-size:11px 2px; position:absolute; top:17px; right:7px;}

.depth4_st01{font-size:18px; font-weight:bold; color:#000; padding:0 0 16px}
.depth5_st01{display:inline-block; font-size:14px; font-weight:bold; color:#222; margin:28px 0 5px;vertical-align: initial;}
.depth5_st02{display:inline-block; font-size:14px; font-weight:bold; color:#222; margin:0 0 5px}
.depth5_st02.limited{width:85%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.titArea {position:relative;padding-bottom:6px;}/* 타이틀,time 한 줄에 나올 경우*/
.titArea time, .titArea p{position:absolute;right:0;bottom:6px;}

/* popup */
.pop_wr{border:1px solid #656565; border-top:3px solid #034ea2; box-shadow:#656565 2px 2px 3px 0px; background:#fff; position:absolute; top:0;  z-index:1000;}
.pop_wr.noLine { border:0 !important;box-shadow:#fff 0px 0px 0px 0px !important; }
.pop_tit{background:#eff0f0; padding:12px 20px 13px; position:relative;}
.pop_tit p{width:90%; font-size:14px; color:#000; font-weight:bold;}
.pop_con{padding:15px 15px 20px 15px}
.pop_con .btn_wr01{margin:12px 0 0;}
.pop_con .depth5_st01:first-child {margin-top:0;}
.pop_close{width:15px; position:absolute; top:14px; right:15px; text-indent:-9999em; overflow:hidden; background:url(/mhwr/web/images/web/common/btn_popClose01.gif) right top no-repeat; background-size:15px 15px;}

.pop_bg{width:100%; height:100%; background:#000; position:absolute; top:0; left:0px; opacity:0.7; z-index:999;}

.loading{position:fixed; top:200px; width:100%; text-align:center;}
.loading img{width:40px; height:40px;}
.loading p{color:#fff; line-height:16px; font-size:12px; margin-top:11px;}

/* message */
.finish_area{text-align:center;border-top:2px solid #656565;border-bottom:1px solid #a7a9ac; margin-bottom:15px;}
.finish_area div.con{padding:20px 13px;border:1px solid #e4e5e7;border-top:none;background:#f6f7f8}
.finish_area div.con > p:first-child{padding-top:58px;color:#222;background:url(/mhwr/web/images/web/common/ico_message01.gif) 50% 0 no-repeat;background-size:78px 48px;}
.finish_area div.con .account{display:inline-block;margin:10px 0;padding:9px 25px;color:#ff7500;background:#fff;}
.finish_area .attention01{display:inline-block;margin:15px 10px;text-align:left;background-position:0 0}
.finish_area .attention01 > a[href*="tel:"]{font-weight:bold;text-decoration:none}

.finish_area02{padding:0 15px;text-align:center;background-color:#f6f7f8;border-top:2px solid #656565;border-bottom:1px solid #a7a9ac; margin-bottom:15px;}
.finish_area02.bgnone{background-color:#fff;}
.finish_area02 p{display:inline-block;padding:20px 0 20px 70px;text-align:left;color:#333;background:url(/mhwr/web/images/web/common/ico_message02.gif) 0 50% no-repeat;background-size:55px 47px;}
.finish_area02 p.type02{background:url(/mhwr/web/images/web/common/ico_message03.gif) 0 50% no-repeat;background-size:55px 47px;}
.finish_area02 p.type03{background:url(/mhwr/web/images/web/common/ico_message04.gif) 0 50% no-repeat;background-size:55px 47px;}
.finish_area02 p .num{color:#ff7500}

/* 대출서비스 > 보험계약대출 안내 버튼추가 - 20150922*/
.loan_btn{ position:relative; margin-bottom:20px; overflow:hidden}
.loan_btn .box{ width:24%; background-color:#09509d; float:left; border-radius:2px; margin-right:1%; text-align:center; height:80px}
.loan_btn span{ display:inline-block; color:#fff; padding-top:55px; font-size:13px;font-weight:bold;}
.loan_btn .loan_ic01{ background:#09509d url(/mhwr/web/images/web/product/ic_loan01.png) 50% 10px no-repeat; background-size:40px auto;}
.loan_btn .loan_ic02{ background:#09509d url(/mhwr/web/images/web/product/ic_loan02.png) 50% 10px no-repeat; background-size:40px auto;}
.loan_btn .loan_ic03{ background:#09509d url(/mhwr/web/images/web/product/ic_loan03.png) 50% 10px no-repeat; background-size:40px auto;}
.loan_btn .loan_ic04{ background:#09509d url(/mhwr/web/images/web/product/ic_loan04.png) 50% 10px no-repeat; background-size:40px auto;}

/* 보상서비스 > 보상사례 추가 - 20151001*/
.retrieveCase {position:relative; border:1px solid #a7a9ac; border-top:2px solid #646567; padding:0; margin:0 0 10px; color:#333;overflow:hidden}
.retrieveCase .retbox{float:left; width:21%; display:inline-block; margin:20px 0 0 10px}
.retrieveCase .step{font-size:11px; color:#eea614;}
.retrieveCase .stepNum{font-size:15px; color:#eea614; padding:0; font-weight:bold;}
.retrieveCase .tit{display:block; padding:20px 0 5px; font-size:11px; color:#949494}
.retrieveCase .name{display:block;font-size:15px; color:#0079c2; font-weight:bold; padding-bottom:3px;}
.retrieveCase .year{display:block; color:#666}
.retrieveCase .list_con{float:right; width:75%; background:#f6f7f8; position:relative; border-left:1px solid #e8e9eb;}
.retrieveCase .list_con ul{padding:8px 10px;}
.retrieveCase .list_con li{display:table; width:100%;border:0; background:url(/mhwr/web/images/web/common/ico_dotted01.gif) left 9px no-repeat; background-size:3px 3px;}
.retrieveCase .list_con li strong{width:56px; color:#222; display:table-cell; vertical-align:top; padding:3px 10px 3px 7px;background: url(/mhwr/web/images/web/common/bg_morebox01.gif) right top repeat-y; background-size:2px 1px;}
.retrieveCase .list_con li span{color:#555; display:table-cell; padding:3px 0 3px 14px;}

/* 고객서비스 > 이벤트 버튼추가 - 20151001*/
.btn20{display:inline-block; border-radius:2px; background:#e55535; padding:1px 5px; color:#fff; text-align:center; font-size:11px}
.btn21{display:inline-block; border-radius:2px; background:#999; padding:1px 5px; color:#fff; text-align:center; font-size:11px}
.btn22{display:inline-block; border-radius:2px; background:#46afaf; padding:1px 5px; color:#fff; text-align:center; font-size:11px}
.btn23{display:inline-block; border-radius:2px; background:#2ba363; padding:1px 5px; color:#fff; text-align:center; font-size:11px}


.create_btn_del{display:inline-block; vertical-align:middle; margin:5px 0 0 5px; width:26px; height:26px; border:1px solid #a2a2a2; background:#eff0f0 url(/mhwr/web/images/web/common/btn_popClose01.gif) 50% 50%no-repeat; background-size:15px auto; text-indent:-9999px}


.appdown{position:absolute; top:100px; display:block; margin:0 50px 0 0; text-align:center; z-index:99999; width:100%;}
.appdown .tle{text-align:center; margin:20px 0; font-size:18px; font-weight:bold; line-height:20px; color:#fff}
.appdown p{text-align:center; margin:20px 0; font-size:15px; font-weight:bold; line-height:20px; color:#fff}
.appdown img{width:150px; height:auto; margin-bottom:10px}

/*QR코드 링크 페이지 20170628 sooin */
.qrlink{position:absolute; top:100px; display:block; margin:0 50px 0 0; text-align:center; z-index:99999; width:100%;}
.qrlink img{width:100px; height:auto; margin-bottom:10px}
.qrtxt{margin-top:30px !important; font-size:13px; font-weight:bold; }

.apptxt{margin-top:1px !important; font-size:15px; font-weight:bold; text-align:center; }

/* 앱 접근권한동의 추가 20170707 yeonho */
.depth7{position:relative; height:22px; margin:3px 0 20px 0; text-align:center;}
.depth7 h2{display:inline-block; color:#0c4da2; font-size:18px; font-weight:bold; padding:0 8px 0 0; background:#fff;}
.depth7_st01{display:inline-block; font-size:14px; font-weight:bold; color:#222; margin:10px 0 5px}

.acdformStep2 li{background:#ebecee;}
.acdformStep2 li.first{border-top:2px solid #646567;}
.acdformStep2 li{position:relative; border:1px solid #a7a9ac; padding:10px 20px; margin:0 0 10px; color:#333;}
.acdformStep2 li span {display:table-cell; vertical-align:middle;}
.acdformStep2 li span strong{display:block; margin-bottom:3px; color:#222}
.acdformStep2 li span .inner{color:#666;}
.acdformStep2 li img{width:10px; height:6px; position:absolute; bottom:-6px; left:50%; margin-left:-5px;}
.acdformStep2 li a {text-decoration:underline;}
.acdformStep2 li .stepPhoneAuth{
	font-size:15px; color:#ffffff; padding:0px 0px 0px 50px; font-weight:bold;
	background:url(/mhwr/web/images/web/common/ico_phone.png) 1px bottom no-repeat; background-size: auto 100%;
	z-index:999;text-indent:-9999em; overflow:hidden; }
.acdformStep2 li .stepPhotoAuth{
	font-size:15px; color:#ffffff; padding:0px 0px 0px 50px; font-weight:bold;
	background:url(/mhwr/web/images/web/common/ico_picture.png) 1px bottom no-repeat; background-size: auto 100%;
	z-index:999;text-indent:-9999em; overflow:hidden; }
.acdformStep2 li .stepCarmeraAuth{
	font-size:15px; color:#ffffff; padding:0px 0px 0px 50px; font-weight:bold;
	background:url(/mhwr/web/images/web/common/ico_camera.png) 1px bottom no-repeat; background-size: auto 100%;
	z-index:999;text-indent:-9999em; overflow:hidden; }

/* 이벤트 영역 추가 20171023 hj */
.event-wrap {position:relative;}
.event-wrap .event-btn {display:block;position:absolute;width:100%;font-size:0;line-height:0;border:0 none;border-radius:0;outline:0 none;background-color:transparent;cursor:pointer;}

/* 고객상담안내 스타일 변경 20171024 hj */
.depth4_st02 {margin:10px 0 6px;font-size:16px;font-weight:bold;color:#0d4e9e;}
.depth4_st02 + .listType01 {border-width:1px;border-color:#959595;}
.depth4_st02 + .listType01 li {padding-top:5px;min-height:32px;border-color:#bcbcbe;}
.depth4_st02 + .listType01 li:first-child {border-top:0;}
.box_call {display:block;margin-top:-10px;padding-top:7px;height:58px;background:#1972b6;color:#fff;text-align:center;font-size:11px;letter-spacing:-0.05em;box-sizing:border-box;}
.box_call.addeyevoice {height:auto;padding: 7px;}
.box_call.addeyevoice p{margin-top: 0.5rem;color:#fff}
.box_call.addeyevoice p span:first-child{margin-right: 1rem;}
.box_call strong {display:block;margin:2px auto 0;width:138px;height:24px;font-size:0;line-height:0;background:url(/mhwr/web/images/web/service/img_call02.png) 0 0 no-repeat;background-size:100% auto;}
.box_info {margin-top:7px;}
.box_info .box-tit {margin-bottom:4px;color:#252525;font-size:13px;}
.box_info li {position:relative;padding-left:10px;font-size:11px;line-height:17px;color:#252525;}
.box_info li:before {content:'-';position:absolute;left:0;}
.list_tel {overflow:hidden;}
.list_tel li {float:left;width:50%;}
.list_tel a {display:block;padding:4px 0;font-size:0;line-height:0;}
.list_tel a:before {content:'';display:inline-block;width:100%;max-width:163px;height:17px;background:url(/mhwr/web/images/web/service/txt_call01.gif) 0 0 no-repeat;background-size:100% auto;}
.list_tel li:last-child {text-align:right;}
.list_tel li:last-child a:before {background-image:url(/mhwr/web/images/web/service/txt_call02.gif);background-position:100% 0;}
/*
.list_tel a {display:block;position:relative;padding:4px 0 4px 20px;font-size:11px;color:#1972b6;text-decoration:none;}
.list_tel a strong {margin-right:4px;}
.list_tel a:before {content:'';display:block;position:absolute;top:4px;left:0;width:17px;height:17px;background:url(/mhwr/web/images/web/service/icn_call3.png) 0 0 no-repeat;background-size:100% auto;}
.list_tel li:last-child  a:before {background-image:url(/mhwr/web/images/web/service/icn_call4.png);}
*/
.list_tel02 {overflow:hidden;margin:15px -2px 0;}
.list_tel02 li {float:left;padding:2px;width:50%;box-sizing:border-box;}
.list_tel02 li a {display:block;position:relative;padding-left:48px;height:35px;border:1px solid #bcbcbe;text-decoration:none;font-size:12px;color:#252525;line-height:1;}
.list_tel02 li a:before {content:'';display:block;position:absolute;top:50%;left:14px;margin:-10px 0;width:25px;height:20px;background:url(/mhwr/web/images/web/service/icn_call5.png) 0 0 no-repeat;background-size:100% auto;}
.list_tel02 li a:after {content:'';display:block;position:absolute;top:50%;right:14px;margin:-5px 0;width:6px;height:10px;background:url(/mhwr/web/images/web/common/ico_arrow_right.png) 0 0 no-repeat;background-size:100% auto;}
.list_tel02 li a strong {display:block;margin-bottom:2px;padding-top:5px;color:#034ea2;}
/* 250924 전화상담안내 리스트 버튼 UI 변경 */
.listTelNewUI { width:100%;margin-top:32px; }
.listTelNewUI li { width:100%;margin-top:12px; }
.listTelNewUI li:first-child { margin-top:0; }
.listTelNewUI li a { display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;
	-webkit-box-orient:horizontal;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;
	-webkit-box-pack:justify;-moz-box-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;
	-webkit-box-align:center;-moz-align-items:center;-ms-flex-align:center;align-items:center;
	position:relative;top:0;left:0;
	width:calc(100% - 32px);padding:17px 16px 16px 15px;
	-webkit-border-radius:8px;border-radius:8px;border:1px solid #ddd;text-decoration:none; }
.listTelNewUI li a:after { content:'';display:block;position:absolute;top:50%;right:14px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:24px;height:24px;background:url(/mhwr/web/images/web/sub/icon_arr_right.png) no-repeat right center / 24px 24px; }
.listTelNewUI li a span { display:block;font-size:14px;font-weight:700; }
.listTelNewUI li a span:nth-child(1) { position:relative;top:0;left:0;width:calc(60% - 34px);padding-left:34px;color:#26282c;text-align:left; }
.listTelNewUI li a span:nth-child(1):before { content:'';display:block;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:24px;height:24px;background:url(/mhwr/web/images/web/sub/call.png) no-repeat left center / 24px 24px; }
.listTelNewUI li a span:nth-child(2) { width:calc(40% - 30px);padding-right:30px;color:#034ea2;text-align:right; }
.listTelNewUI li a span em { display:block;margin-top:4px;font-weight:400;color:#666; }
.boxInfoNewUI { width:100%;padding:40px 0; }
.boxInfoNewUI h4 { font-size:14px;font-weight:700;color:#26282c; }
.boxInfoNewUI ul { width:100%;margin-top:10px; }
.boxInfoNewUI ul li { position:relative;top:0;left:0;width:calc(100% - 9px);padding-left:9px;margin-top:6px;font-size:14px;font-weight:400;color:#666;line-height:19px;letter-spacing:-.4px !important; }
.boxInfoNewUI ul li:first-child { margin-top:0; }
.boxInfoNewUI ul li:before { content:'';display:block;position:absolute;top:8px;left:0;width:3px;height:3px;-webkit-border-radius:50%;border-radius:50%;background-color:#91919c; }

/* nh point 201811 */
.npBox { padding-top:25px; color:#252525; }
.npBox .txtTop { font-size:15px; line-height:20px;  }
.npBox h3 { margin-top:32px; color:#0072b8; font-size:14px; padding-left:1rem; background:url(/mhwr/direct/images/app/direct/icon_bul.png) no-repeat 0 0; background-size:4px auto;  }
.npBox .infoBox { position:relative; margin:221px 0 20px 0; border-top:1px solid #e0e0e0; padding-top:25px; font-size:15px; line-height:22px;  }
.npBox .infoBox strong { color:#034ea2; }
.npBox .infoBox:before { content:''; display:block; position:absolute; top:-188px; left:50%; margin-left:-128px; width:256px; height:175px; background:url(/mhwr/web/images/web/service/bg_nhpoint.png) no-repeat 0 0; background-size:300px auto;   }
.npBox .infoBox.np02:before { top:-181px; left:50%; width:260px; margin-left:-130px; height:180px; background-position:-21px -175px; }
.npBox .txtP { color:#f08115; }
.npBox .imgBox { margin-top:25px; }
.dfjccaic{display: flex;justify-content: center;align-items: center;}
.imgBox.dfjccaic{text-align: center;}
.imgBox.dfjccaic img{width: 7rem;}
.imgBox.dfjccaic p{font-size: 12px;text-align: center;line-height: 1.3;font-weight: bold;margin-top: 10px;}
.npBox ol li { margin-top:5px; font-size:13px; line-height:18px;  }
.npBox ol li strong { font-size:13px; line-height:18px;  }
.npBox ol li > span { display:block; margin-bottom:3px; font-weight:bold; }
.npBox ol li > p { margin-left:15px; font-size:13px; line-height:18px; }
.npBox ol li div { position:relative; padding-left:35px;  }
.npBox ol li div span { position:absolute; top:0; left:15px;  }
.npBox ol li div p { position:relative; padding-left:10px;  }
.npBox ol li div p:before { content:''; display:block; position:absolute; top:9px; left:0; width:2px; height:2px; vertical-align:middle; background:#656565;  }
.npBox .Subfont li { position:relative; margin-top:5px; padding-left:10px; font-size:13px; line-height:18px; }
.npBox .Subfont li:before { content:''; position:absolute; top:6px; left:0; width:3px; height:3px; background:#034ea2; border-radius:50%;  }
.npBox .npFoot { border-top:1px solid #cbcbcb; margin:30px 0 0 0; padding-top:20px; padding:25px 0; text-align:center; }
.npBox .npFoot .call {  margin: 0 0 15px; padding-bottom:10px; font-size:13px; border-bottom: 1px solid #cbcbcb; }
.npBox .npFoot .call a { display: block; margin: 5px 0 0; color: #3bb041; font-size: 30px; line-height: 40px; vertical-align: middle; text-decoration: none}
.npBox .npFoot .copy { margin-top:10px; letter-spacing:-1px; }
.npBox .btnBox { margin-top:20px; text-align:center; }
.npBox .noticeBox { margin-top:35px; color:#656565; padding-left:25px; font-size:13px; line-height:18px;  }
.npBox .noticeBox strong { position:relative; display:block; margin-bottom:10px; padding-left:20px; margin-left:-20px;  }
.npBox .noticeBox strong:before { content:''; position:absolute; display:block; top:0; left:0; width:23px; height:22px; background:url(/mhwr/web/images/web/service/bg_nhpoint.png) no-repeat 0 -380px; background-size:300px auto;  }

.members-app { position:relative; padding:0; height:475px; background:none; margin-top:40px; }
.members-app:after { clear:both; display:block; content:''; }
.members-app .hide { position:absolute; top:0; left:0; height:0; font-size:0; }
.members-app > div { position:absolute; top:302px; left:50%; width:337px; box-sizing:border-box; font-size:13px; padding:0 20px 0 30px; margin:0 0 10px -159px; text-align:center;   }
.members-app:before { content:''; display:block; position:absolute; top:0; left:50%; margin-left:-175px; height:474px; width:337px; padding:0; font-size:13px; background:url(/mhwr/web/images/web/service/bg_app_info_m.png) no-repeat center 0; background-size:auto 474px; }
.members-app button { position:relative; border:1px solid #cbcbcb; width:130px; height:44px; border-radius:25px; background: #ffffff;; }
.members-app button + button { margin-left:5px; }
.members-app button:before { content:''; display:block; position:absolute; top:16px; left:50%; margin-left:-44px; width:88px; height:13px; background:url(/mhwr/web/images/web/service/bg_app_btns.png) no-repeat 0 0; }
.members-app > div .btns { margin:10px 0 0 10px; }
.members-app button:before { background-size:200px auto; width:89px; height:12px; background-position:0 -10px; }
.members-app button + button:before { width:77px; margin-left:-39px; background-position:-100px -10px; }

/*로딩바 - 20200511 수정*/
.layerPop_wr{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1002}
.layerPop_wr .pop_bg{display:block;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:auto}
.layerPop_wr .loading{top:50%;left:50%;width:auto;height:auto;background:none;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%)}
.layerPop_wr .loading img{width:60px;height:60px;margin:0}
.layerPop_wr .loading p{display:none}

/* 관리자이미지 테이블로 등록 20201111수정 */
.imgTable td{padding:0px; color:#666;}

.gPaiIdtWrap .pop_wr { border:0 !important; }

/* 231211 개인정보보호처리방침 추가 */
.pipp_subTitle_icon { padding:1rem 2rem .5rem 0 !important;line-height:1.8; }
.pipp_subTitle_icon span { position:relative;top:0;left:0;margin-left:.5rem; }
.pipp_subTitle_icon span img { position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1.5rem;height:auto; }
.pipp_subTitle_icon span img:nth-child(1) { left:0; }
.pipp_subTitle_icon span img:nth-child(2) { left:1.7rem; }
.pipp_listStyle_01 { margin:0;text-align:left; }
.pipp_listStyle_01 > li { position:relative;top:0;left:0;list-style:none;padding-left:18px;line-height:1.5; }
.pipp_listStyle_01 > li:nth-child(n+2) { margin-top:.6rem; }
.pipp_listStyle_01 > li:before { display:block;position:absolute;top:0;left:0;padding-right:7px; }
.pipp_listStyle_01 > li:nth-child(1):before { content:'①'; }
.pipp_listStyle_01 > li:nth-child(2):before { content:'②'; }
.pipp_listStyle_01 > li:nth-child(3):before { content:'③'; }
.pipp_listStyle_01 > li:nth-child(4):before { content:'④'; }
.pipp_listStyle_01 > li:nth-child(5):before { content:'⑤'; }
.pipp_listStyle_01 > li:nth-child(6):before { content:'⑥'; }
.pipp_listStyle_01 > li:nth-child(7):before { content:'⑦'; }
.pipp_listStyle_01 > li:nth-child(8):before { content:'⑧'; }
.pipp_listStyle_01 > li:nth-child(9):before { content:'⑨'; }
.pipp_listStyle_01 > li:nth-child(10):before { content:'⑩'; }
.pipp_listStyle_01 > li:nth-child(11):before { content:'⑪'; }
.pipp_listStyle_01 > li:nth-child(12):before { content:'⑫'; }
.pipp_listStyle_01 > li:nth-child(13):before { content:'⑬'; }
.pipp_listStyle_01 > li:nth-child(14):before { content:'⑭'; }
.pipp_listStyle_01 > li:nth-child(15):before { content:'⑮'; }
.pipp_listStyle_01.mgRemove li,
.pipp_listStyle_01.mgRemove .pipp_listStyle_03 { margin:0 !important; }
.pipp_listStyle_02 { margin:.5rem 0 0 .6rem; }
.pipp_listStyle_02 > li { list-style:decimal;line-height:1.5; }
.pipp_listStyle_03 { margin:4px 0 0 0; }
.pipp_listStyle_03 > li { position:relative;top:0;left:0;list-style:none;padding-left:.5rem;line-height:1.5; }
.pipp_listStyle_03 > li:before { content:'-';display:block;position:absolute;top:0;left:0;padding-right:.5rem; }
.pipp_listStyle_03 .underLine { text-decoration:underline; }
.pipp_listBox { width:calc(100% - 30px);padding:.5rem;border:.05rem solid #dfdfdf; }
.pipp_listBox li { padding-left:10px; }
.tableType01.labeling tbody tr:nth-child(odd) td { border-bottom:.1rem dashed #e0e0e0; }
.tableType01.labeling tbody tr:nth-child(even) td { letter-spacing:-.1rem; }