@charset "utf-8";
@import "/mhwr/web/css/fonts.css";
@import "direct-reset.css";
@import "bio-app.css";
/***************************************************************
    APP 컨텐츠 STYLE
      - 이미지 경로
      ㄴ ../images/app/common/
      ㄴ ../images/app/direct/ >> ../images/app/app_main/
***************************************************************/


html{font-size:62.5%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)} /* rem 기준 폰트 사이즈 */
body{overflow-x:hidden;position:relative;min-height:100%;line-height:1.1;color:#767676;padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}
html, body{font-smoothing:antialiased;-webkit-font-smoothing:antialiased}
body,button{font-family:"Roboto","Noto Sans KR","Apple SD Gothic Neo","맑은 고딕","Malgun Gothic","돋움",Dotum,"굴림",Gulim,AppleGothic,Sans-serif}
*{word-break:break-word;font-size:1.3rem;letter-spacing:-.5px}
/* Layout */
.x-scroll {overflow-x:scroll;}
.hidden-image {display : none;}
.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}
.inp[readonly],.inp[disabled]{background:#f4f4f4;}



/* Margin & Padding*/
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:.5rem !important;}
.mt10 {margin-top:1rem !important;}
.mt15 {margin-top:1.5rem !important;}
.mt20 {margin-top:2rem !important;}
.mt25 {margin-top:2.5rem !important;}
.mt30 {margin-top:3rem !important;}
.pt0 { padding-top: 0 !important; }
.pr5 {padding-right:0.5rem !important;}
.pr20 {padding-right:2rem !important;}
.pr40 {padding-right:4rem !important;}
.pr90 {padding-right:9rem !important;}
.pl20 {padding-left:2rem !important;}
.pb20 {padding-bottom:2rem !important;}
.sec{padding-bottom:1.5rem;}

.bdbNone { border-bottom: 0 !important; }

.w80 {width:8rem !important;}

/* Text Type */
.txt-point-1 {color:#0072b8 !important;}
.txt-point-2 {color:#f08115 !important;}
.txt-point-3 {color:#000 !important;}
.txt-point-4 {color:#777 !important;}

.txt-lt-10 {font-size:1rem !important;}
.txt-lt-11 {font-size:1.1rem !important;}
.txt-lt-12 {font-size:1.2rem !important;}
.txt-gt-14 {font-size:1.4rem !important;}
.txt-gt-15 {font-size:1.5rem !important;}
.txt-gt-16 {font-size:1.6rem !important;}
.txt-gt-17 {font-size:1.7rem !important;}
.txt-gt-18 {font-size:1.8rem !important;}

.txt-bold { font-weight:bold; }

.porela{position:relative !important;}

/* Line */
.t-line {border-top:1px solid #d7d7d7;}
.b-line {border-bottom:1px solid #d7d7d7;}
.b-dash-line {padding-bottom:1rem;border-bottom:1px dashed #d7d7d7;}
.n-line {border:0 !important;}

/* Box */
.hbox > * {margin-right:.5rem;}
.hbox > *:last-child {margin-right:0;}

/* 아이콘 */
span[class^=ico-tab] {display:inline-block;width:3.5rem;height:3.5rem;vertical-align:middle;}
[class^=ico-tab]:before {content:'';display:block;width:100%;height:100%;background-position:0 100%;background-repeat:no-repeat;background-size:100% auto;}
.ico-tab-01:before {background-image:url(../images/app/app_main/ico_tab_01.png);}
.ico-tab-02:before {background-image:url(../images/app/app_main/ico_tab_02.png);}
.ico-tab-03:before {background-image:url(../images/app/app_main/ico_tab_09.png);}
.ico-tab-04:before {background-image:url(../images/app/app_main/ico_tab_04.png);}
.ico-tab-05:before {background-image:url(../images/app/app_main/ico_tab_05.png);}
.ico-tab-06:before {background-image:url(../images/app/app_main/ico_tab_06.png);}
.ico-tab-07:before {background-image:url(../images/app/app_main/ico_tab_07.png);}
.ico-tab-08:before {background-image:url(../images/app/app_main/ico_tab_08.png);}
.on [class^=ico-tab]:before {background-position:0 0;}
[class^=ico-0] {display:inline-block;width:4rem;height:2rem;vertical-align:middle;background-repeat:no-repeat;background-position:0 0;background-size:4rem 2rem;}
.ico-01 {background-image:url(../images/app/app_main/ico_btn_03.png);}
.ico-02 {background-image:url(../images/app/app_main/ico_btn_04.png);}
.ico-03 {background-image:url(../images/app/app_main/ico_btn_05.png);}
.ico-04 {background-image:url(../images/app/app_main/ico_btn_06.png);}
.ico-phone {display:inline-block;width:1.5rem;height:1.5rem;background:url(../images/app/app_main/ico_phone.png) no-repeat 0 .2rem;background-size:1.5rem 1rem}

/***************************************************************
    LAYOUT : 기존 스타일 해상도 대응
***************************************************************/
.visual_wr{position:relative;top:0;left:0; /*overflow-x:hidden;*/ width:100%;height:100%;}
.visual{position:relative;top:0;left:0;min-height:100%}
.menu-on .visual{position:fixed; height:100%; width: 100%;}
.visual.main{background:url(../images/app/main/bg_line.gif) 75% top repeat-y;}
/* .menu-on > .visual{position:fixed; height:100%; width: 100%;} */
header {height:4.9rem;border-bottom:.1rem solid #a1a1a1; /*background:#fff url(../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:16.7rem; height:2.5rem; background:url(../images/app/common/logo.gif) right top no-repeat; background-size:16.7rem; position:absolute; top:1.2rem; left:50%; margin-left:-8.3rem;text-indent:-9999em; overflow:hidden; }
header .AppMenu{width:4.9rem; height:4.9rem; background:url(../images/app/common/btn_menu01_new.png) 0 -.2rem no-repeat; background-size:4.9rem; position:absolute; top:0; right:0; text-indent:-99999rem; overflow:hidden;}
header .AppLogin{width:4.9rem; height:4.9rem; background:url(../images/app/common/btn_login_new.png) no-repeat; background-size:4.9rem; position:absolute; top:.0; left:0; text-indent:-99999rem; overflow:hidden;}
header .AppLogout{width:4.9rem; height:4.9rem; background:url(../images/app/common/btn_logout_new.png) no-repeat; background-size:4.9rem; 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, header > a.AppPoint {right:7.5px;left:auto;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)}
header > a.AppPoint { right:95px;width:75px;background-image:url(/mhwr/web/images/web/web_main_new/btn_membersPot.png);background-position:center center;background-size:contain; }
.auth_header {width:13.5rem; height:1.7rem; position:absolute; top:1.3rem; left:40%;  overflow:hidden; }

footer{}
.footer {background:#353638; border-top:1px solid #141414; padding:.7rem 0 1.2rem;}
.footer p {text-align:center; margin-left:.4rem;}
.footer a {display:inline-block; color:#d5d5d5; font-size:1.1rem; margin-left:-.4rem; vertical-align:top;}
.footer .link1 a {background:#404143; border:1px solid #000; padding:.3rem 1rem;}
.footer .link1 a.goTop {margin-left:.2rem; padding:.6rem .8rem 0; font-size:1rem; background:#404143 url(../images/app/common/ico_arrow_top.gif) center .3rem no-repeat; background-size:.6rem .3rem;}
.footer .link2 a {margin-top:.8rem; padding:0 .8rem; border-left:1px solid #535456;}
.footer .link2 a:first-child {border-left:0;}
.footer address {margin-top:1rem; color:#838383; line-height:1.3rem; font-size:1rem; text-align:center;}
.footer-wrap {padding:1.8rem 0;border-top:1px solid #6d6d6d;background:#f6f6f6;text-align:center; }
.footer-wrap ul,
.footer-wrap ul li,
.footer-wrap ul li a {display:inline-block;}
.footer-wrap ul li:before {content:'';display:inline-block;width:1px;height:1rem;background:#bababa;vertical-align:middle;}
.footer-wrap ul li:first-child:before {display:none;}
.footer-wrap ul li a {padding:0.5rem 0.6rem;font-size:1.1rem;color:#57585a;font-weight:bold;}
.footer-wrap .footer-btn {display:inline-block;padding:0.4rem 1rem 0.3rem;border:1px solid #a6a7a8;font-size:1.1rem;color:#57585a;font-weight:bold;}
.footer-wrap address,
.footer-wrap small {display:block;font-size:1rem;color:#555;line-height:1.5;}
.footer-wrap address {margin-top:1.1rem;}
@media screen and (max-width:320px) {
    .footer-wrap ul li a,
    .footer-wrap .footer-btn {font-size:1rem;}
}
.footer-menu-wp{position:fixed;bottom:0; left:0; width:100%; background-color: #696a6c}
.footer-menu-wp ul{display: table; width:100%;}
.footer-menu-wp li{display: table-cell; width:20%;}
.footer-menu-wp a, .footer-menu-wp a:hover{color:#fff; text-align: center;}
.footer-menu-wp a{display:block; padding:40px 0 10px; background-repeat:no-repeat; background-position: 50% 10px; background-size:25px }
.footer-menu-wp span{font-size: 11px}
.footer-menu-wp a.foot-menu01{background-image: url(../images/app/app_main/main_f_menu_01.png);}
.footer-menu-wp a.foot-menu02{background-image: url(../images/app/app_main/main_f_menu_02.png);}
.footer-menu-wp a.foot-menu03{background-image: url(../images/app/app_main/main_f_menu_03.png);}
.footer-menu-wp a.foot-menu04{background-image: url(../images/app/app_main/main_f_menu_04.png);}
.footer-menu-wp a.foot-menu05{background-image: url(../images/app/app_main/main_f_menu_05.png);}
.depth_wr {position:relative;padding:0 5.7rem 0 1.5rem;height:4.1rem;line-height:4.1rem;background:#ebebeb;}
.depth_wr h2 {color:#666;font-size:1.4rem;}
.depth_wr .ico-btn-01 {position:absolute;top:0.8rem;right:1.5rem;width:2.4rem;height:2.4rem;background:#fff url(../images/app/app_main/ico_btn_01_2.png) no-repeat 50% 50%;background-size:1.6rem auto;border:1px solid #c2c2c2;}
.depth_wr .pop-custom-wrap {top:2.8rem;left:auto;right:3.2rem;}
.posi-r .ico-btn-01 {z-index:9;position:absolute;top:.6rem;left:1.5rem; width:3rem; height:3rem; background:url(../images/app/app_main/ico_cust_03.png) no-repeat; background-size:3rem;}
.wrap {padding:2.5rem 1.5rem 3rem;}
.wrap > *:first-child, .pop-content > *:first-child, .pop-content > div:first-child > *:first-child {margin-top:0 !important;} /* 2019-09-14 */
.wrap > .form-write:first-child > dl,.wrap > .conts-box:first-child > h3, .wrap .txt-box-01:first-child > h3{margin-top:0 !important}
 .wrap .txt-box-01:first-child > h3{margin-bottom:0.5rem}
.wrap h3,
.wrap h4 {margin-top:2.5rem;font-size:1.5rem;font-weight:bold;color:#333}
.wrap h4 * {font-size:inherit;}
.wrap h4.b-line {padding-bottom:1rem;border-bottom:1px solid #959595;}
.wrap h4 + p{margin-top:0.8rem;line-height:1.8rem}
.hbox h4 {margin-top:0;}
.vbox * {margin-top:.5rem;}
.wrap article {margin-top:2.5rem;}
.contents .wrap *{letter-spacing:-0.5px;word-wrap:break-word;word-break:keep-all}

/***************************************************************
    LAYOUT : 사이드메뉴 [Sidemenu.css도 함께 수정]
***************************************************************/
.menu-wrap {z-index:1001;position:fixed;top:0;right:0;height:100%;width:100%;transform:translate3d(100%, 0, 0); -webkit-transform:translate3d(100%, 0, 0); -moz-transform:translate3d(100%, 0, 0); -o-transform:translate3d(100%, 0, 0);-webkit-transition: 0.5s ease-in-out;-moz-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
.menu-on .menu-wrap{touch-action : none;transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);}
.bg-dimm {position:absolute;top:0;left:0;right:0;height:100%;background:rgba(0,0,0,.6); opacity : 0; transition:opacity 1s ease-in-out;transform:translate3d(-100%, 0, 0); -webkit-transform:translate3d(-100%, 0, 0); -moz-transform:translate3d(-100%, 0, 0); -o-transform:translate3d(-100%, 0, 0);}
.menu-on .bg-dimm {z-index:1000; opacity : 1; transition:opacity 1s ease-in-out; transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); }
.nav-container {z-index:1002;position:absolute;top:0;right:0;left:50px;bottom:0;height:100%;padding-top:6.7rem;background:#fff;overflow:hidden;}
.nav-header {z-index:1090;position:fixed;top:0;right:0;left:50px;height:7.7rem; padding:1.3rem 2.5rem; background:#0078bb url(../images/app/app_main/bg_nav.png) right bottom no-repeat;background-size: 10rem;}
.nav-header { display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-moz-align-items:flex-start;-ms-flex-align:start;align-items:flex-start; }
.nav-header p { font-size:1.4rem; color:#fff;letter-spacing:-.1rem;}
.nav-header p span { display:block; font-weight:500; margin-top: .3rem;letter-spacing:-.1rem;font-size:1.4rem; }
.nav-header p span strong { color:#ffd679;font-weight:600; vertical-align:baseline;font-size:1.7rem;}
.nav-header p em {font-size:1.7rem;}
.nav-header p em + span strong {font-size:1.4rem;}
.nav-header p em { display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;height:20px; }
.nav-header p a.AppPoint { display:inline-block;width:80px;height:18px;margin:-2px 0 0 5px;background:url(../images/app/app_main/btn_membersPot.png) no-repeat;background-size:contain;font-size:0; }
.nav-header .pop-btn-close {position:absolute;right:2rem;top:1.6rem; width:1.4rem; height:1.4rem; background:url(../images/app/app_main/btn_nav_close.png) no-repeat; background-size:1.4rem;}
nav {overflow-y:auto;position:fixed;top:7.7rem;right:0;left:50px;width:8.5rem;height:100%;background:#e5edf7;z-index:1009;}
nav .nav-depth-1 { padding-bottom:7.4rem; translate3d(0,0,0); -webkit-transform: translate3d(0,0,0);}
nav .nav-depth-1 li a {display:block; height:7.4rem; padding-top:1.2rem; color:#617597; text-align:center; border-bottom:1px solid #cbd5e4; box-sizing:border-box;}
nav .nav-depth-1 li a span {display:block;width:3rem;height:2.6rem;margin:0 auto .8rem;}
nav .nav-depth-1 li a .ico-nav-01 {background:transparent url(../images/app/app_main/ico_nav_01.png) no-repeat center 0;background-size:29px;}
nav .nav-depth-1 li a .ico-nav-02 {background:transparent url(../images/app/app_main/ico_nav_02.png) no-repeat center 0;background-size:29px;}
nav .nav-depth-1 li a .ico-nav-03 {background:transparent url(../images/app/app_main/ico_nav_03.png) no-repeat center 0;background-size:29px;}
nav .nav-depth-1 li a .ico-nav-04 {background:transparent url(../images/app/app_main/ico_nav_04.png) no-repeat center 0;background-size:29px;}
nav .nav-depth-1 li a .ico-nav-05 {background:transparent url(../images/app/app_main/ico_nav_05.png) no-repeat center 0;background-size:29px;}
nav .nav-depth-1 li a .ico-nav-06 {background:transparent url(../images/app/app_main/ico_nav_06.png) no-repeat center 0;background-size:29px;}
nav .nav-depth-1 li a .ico-nav-07 {background:transparent url(../images/app/app_main/ico_nav_07.png) no-repeat center 0;background-size:29px;}
nav .nav-depth-1 li a .ico-nav-08 {background:transparent url(../images/app/app_main/ico_nav_08.png) no-repeat center 0;background-size:29px;}
nav .nav-depth-1 li a.selected .ico-nav-01 {background-position:center -29px;}
nav .nav-depth-1 li a.selected .ico-nav-02 {background-position:center -29px;}
nav .nav-depth-1 li a.selected .ico-nav-03 {background-position:center -29px;}
nav .nav-depth-1 li a.selected .ico-nav-04 {background-position:center -29px;}
nav .nav-depth-1 li a.selected .ico-nav-05 {background-position:center -29px;}
nav .nav-depth-1 li a.selected .ico-nav-06 {background-position:center -29px;}
nav .nav-depth-1 li a.selected .ico-nav-07 {background-position:center -29px;}
nav .nav-depth-1 li a.selected .ico-nav-08 {background-position:center -29px;}
nav .nav-depth-1 li a.selected {color:#363636;background:#fff;}
.nav-depth-lst {/* position:fixed; */overflow-y:scroll;top:7.7rem;left:50px;right:0;height:100%;z-index:1005;padding-left:8.5rem;margin-top:1rem;background:#fff;}
.nav-depth-lst .nav-depth-inner { position:relative; padding-bottom:60px;}
.nav-depth-lst section {background:#fff;}
.nav-depth-lst section h2 {display:block; font-size:1.5rem; height:4.5rem;padding-left:2.3rem;color:#fff;line-height:4.5rem;background:#545d6e;}
.nav-depth-lst section .nav-depth-2 {padding-left:2.3rem;}
.nav-depth-lst section .nav-depth-2 > li {min-height:4.4rem;border-bottom:1px solid #e9e9e9;background:#fff;}
.nav-depth-lst section .nav-depth-2 > li:last-child {border-bottom:0;}
.nav-depth-lst section .nav-depth-2 > li > a {display:block;font-size:1.4rem;color:#252525;line-height:4.4rem;}
.nav-depth-lst section:last-of-type:after {content:'';display:block;}
.nav-depth-lst section .nav-depth-3 {overflow:hidden;margin-top:1px;border-top:1px solid #e9e9e9;}
.nav-depth-lst section .nav-depth-3 > li {position:relative; margin-left:1.5rem; padding-left:1.5rem;height:4.4rem;border-bottom:1px solid #e9e9e9;background:#fff}
.nav-depth-lst section .nav-depth-3 > li > a {display:block;color:#666666;font-size:1.4rem; line-height:4.4rem;}
.nav-depth-lst section .nav-depth-3 > li:before {content:'';position:absolute;top:1.5rem;left:0;width:.7rem;height:.8rem;background:url(../images/app/app_main/bul_nav.png) no-repeat;background-size:.7rem;}
.nav-depth-lst section .nav-depth-3 > li:last-child {border-bottom:0;}

/***************************************************************
    COMMON : 공통 스타일
***************************************************************/
/* UI */
.swipe-banner-wp{position: relative; overflow:hidden; min-height : 100px;}
.swipe-banner img {width:100%;height:auto;}
.swipe-banner .bx-pager {position:absolute; bottom:10px; width:100%; text-align:center; overflow:hidden; }
.swipe-banner .bx-pager-item { display:inline-block; }
.swipe-banner .bx-pager-item a { display:inline-block; width:6px; height:6px; margin:3px; font-size:0px; line-height:0; text-indent:-9999px; background:#fff; border-radius: 50% }
.swipe-banner .bx-pager-item a.active { background:#3399cc; }
    /*control button 추가*/
.swipe-banner-wp .bx-controls {position:absolute;bottom:10px;text-align:center;width:100%;}
.swipe-banner-wp .swipe-banner .bx-pager {position:initial; display:inline-block; width:auto;}
.bx-controls-auto {display:inline-block; position:relative; width:.7rem; height:.9rem;}
.bx-controls-auto-item {display:inline-block; vertical-align:top; margin-top:1px;}
.bx-controls-auto .bx-start,
.bx-controls-auto .bx-stop {display:block; width:100%; height:100%; font-size:xx-small; text-indent:-10000px; position:absolute; }
.bx-controls-auto .bx-start {background:transparent url('../images/app/app_main/btn_controls.png') no-repeat 0 0; background-size:100% auto;}
.bx-controls-auto .bx-stop {background:transparent url('../images/app/app_main/btn_controls.png') no-repeat 0 bottom; background-size:100% auto;}
.bx-controls-auto .bx-start.active,
.bx-controls-auto .bx-stop.active {display:none;}

/* 버튼 타입 */
.Sbtn {height:2.5rem;font-size:1.3rem;}
.Mbtn {height:3rem;font-size:1.4rem;font-weight:bold;}
.Lbtn {height:5rem;font-size:1.7rem;font-weight:bold;/*border-radius:.3rem;*/}
.btn-st01 {color:#0077ba;border:.2rem solid #0077ba;background:#fff;}
.btn-st02 {color:#fff;background:#0077ba;}
.btn-st03 {color:#fff;background:#f08115;}
.btn-st04 {color:#333;border:1px solid #959595;}
.btn-st05 {color:#fff;background:#545d6e;}
.btn-type {min-width:1rem !important;padding:0.7rem;background:#697283;font-size:1.4rem;color:#fff;}
.btn-type02 {min-width:1rem !important;padding:0.4rem 1.2rem 0.3rem;margin-right:0 !important;border:1px solid #ccc;background:#ebebeb;color:#252525;font-size:1.2rem;}
.btn_reset{position:absolute;top:50%; right:0;min-width:auto !important; color:#fff !important; margin-top:-15px; background:#545d6e; padding:5px 15px !important;}
.btn_sch{color:#697283;font-weight: bold;}
.ico-btn-01 {width:4.2rem;height:4.2rem;text-indent:-99999rem;background:url(../images/app/app_main/ico_cust_01.png) no-repeat;background-size:4.2rem}
.ico-btn-02 {position:absolute;top:0;right:0;width:8rem;height:2.5rem;padding-left:3rem;font-size:1rem;line-height:1.2rem;background:url(../images/app/app_main/ico_btn_02.png) no-repeat .5rem center;background-size:2.5rem 1.6rem;}
.ico-btn-03 {width:50%;}
.ico-btn-04 {width:20rem;height:4rem;padding:0 2rem;color:#545d6e;border:1px solid #545d6e;}
.ico-btn-04:after {content:'';display:inline-block;width:1.5rem;height:1.5rem;margin-left:.5rem;margin-bottom:-.4rem;background:url(../images/../images/app/app_main/ico_btn_07.png) no-repeat;background-size:1.5rem;}
.ico-btn-tip {display:inline-block;margin-top:-0.1rem;width:2.6rem;height:2.6rem; text-indent:-99999rem;background:url(../images/app/app_main/ico_tip.png) no-repeat 50% 50%;background-size:1.8rem auto;}
.ico-btn-reset {min-width:5.8rem !important;height:5rem !important;padding:0;border:1px solid #f08115 !important;background:#f08115 !important;font-size:1rem !important;color:#fff !important;}
.ico-btn-reset:before {content:'';display:block;margin:0 auto 0.3rem;width:1.7rem;height:2.3rem;background:url(../images/app/app_main/ico_btn_reset.png) no-repeat;background-size:100% auto;}
.cont-btn-01 {height:2rem;padding:0 1.2rem;font-size:1.1rem;line-height:2rem;border:1px solid #ccc;background:#ebebeb;}
.all-agree {width:8.5rem;height:2.5rem;color:#fff;font-size:1.3rem;line-height:2.5rem;text-align:center;background:#545d6e;} /* 전체동의 */
.all-agree.on {padding-left:2.3rem;background:#0077ba url(../images/app/app_main/bg_tab_chk.png) no-repeat top left;background-size:3rem 2.5rem}
a[class^="btn"]{display: block;-webkit-box-flex: 1;-moz-box-flex: 1; box-flex: 1;margin-right: 0.5rem;min-width: 49.5%;}
a[class^="btn"].Lbtn{line-height:5rem;}
a[class^="btn"].glob{display:inline-block;min-width:auto; color:#fff;text-align:center; margin-top:5px; padding:5px 10px; background:#7F7F7F;}
.button-section {display:-webkit-box;-webkit-box-orient:horizontal;display:-moz-box;-moz-box-orient:horizontal;display:box;box-orient:horizontal;margin-top:2rem;/* padding: 1rem 0.5rem; */text-align:center}
.button-section > button,
.button-section > a {display:block;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;margin-right:0.5rem;min-width:49.5%}
.button-section > a:after {content:'';display:inline-block;width:0.01%;height:100%;vertical-align:middle;}
.button-section > button:last-of-type,
.button-section > a:last-of-type {margin-right:0}
.button-section.type_01{display:flex; margin-top:0;margin-bottom:15px;}
.button-section.type_01 > button{margin-right:10px;}
.button-section.type_01 > button +button{margin-right:0;}
.button-section.type_01 .Lbtn{flex:0 100%;}
.button-section.type_01 .btn-ico-counsel{flex:1 50px; min-width:50px; background:url(../images/app/app_main/ico_btn_01_2.png) center center no-repeat;background-size:21px 18px; border:1px solid #F29438;}
.button-section.type_01 .ico-regist{position:relative; padding-left:25px; font-weight: bold;font-size: 1.7rem;}
.button-section.type_01 .ico-regist:before{content:'';display:inline-block; position:absolute;top:50%; left:0;width:19px;height:17px; margin-top:-8px; background:url(../images/app/app_main/ico_regist.png) 0 0 no-repeat;background-size:18px 18px; }
.button-section + .tab-st01 {margin-top:3rem;}
.button-section + .button-section {margin-top:0.8rem !important;}
.tab-cont + .button-section {margin-top:0rem !important;}
.tab-cont.tab-mg + .button-section {margin-top:2.5rem !important;}
.tbl-wrap .button-section {margin-top:0;}
.button-v-section {display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:center;margin-top:3rem;}
.button-v-section button{display:block;min-width:10rem;margin-bottom:.8rem;}
.button-v-section button:last-of-type{margin-bottom:0;}
.button-pd { padding:1.5rem 1.5rem 0; position:relative;}
.btn-wrap {overflow:hidden;width:100%;margin-top:2rem;}
.btn-wrap li {float:left;width:50%;}
.btn-wrap li:nth-child(1) {margin-bottom:.6rem;padding-right:.3rem}
.btn-wrap li:nth-child(2) {margin-bottom:.6rem;padding-left:.3rem}
.btn-wrap li:nth-child(3) {padding-right:.3rem}
.btn-wrap li:nth-child(4) {padding-left:.3rem}
.btn-wrap button {width:100%;height:4rem;padding:0 1.5rem;font-size:1.4rem;border:1px solid #959595;}
.btn-wrap button[class^=ico-0] {background-position:100% 50%;text-align:left;}
.btn-check button.on { background:#545d6e /* url(../images/app/app_main/bg_tab_chk.png) no-repeat center right */; background-size:3rem 2.5rem; color:#fff;}

/* 탭버튼 타입 */
.tab-st01 {overflow:hidden;display:table;width:100%;table-layout:fixed;margin:2rem 0;}
.tab-st01 li {display:table-cell;padding:0 1px;}
.tab-st01 li:first-of-type {padding-left:0;}
.tab-st01 li:last-of-type {padding-right:0;}
.tab-st01 li a {display:block;width:100%;min-height:3.5rem;padding:1rem 0;color:#555;font-size:1.3rem;text-align:center;background:#e4e6ea;}
.tab-st01 li a.Ltab {height:8rem;line-height:1.4;}
.tab-st01 li a span {display:block;margin:0 auto .5rem;}
.tab-st01 li.on a {color:#fff;font-weight:bold;background:#545d6e}
.tab-st01.radio-st {position:absolute;top:1rem;right:0;width:12rem;margin:0 0 0 1rem;}
.tab-st01.radio-st li {width:50%;}
.tab-st01.radio-st li a {min-height:3rem;height:3rem;padding:0;line-height:3rem;}
.tab-st01.tab-4{display:block;width:calc(100% + 2px);width:-webkit-calc(100% + 2px);margin:2rem -1px;table-layout:auto}
.tab-st01.tab-4:after{clear:both;display:block;content:""}
.tab-st01.tab-4 li{float:left;width:50%;padding:1px}
.tab-st02 {overflow:hidden;display:table;table-layout:fixed;width:100%;margin:2rem 0 0;}
.tab-st02 li {display:table-cell;border-right:.3rem solid #fff;}
.tab-st02 li:last-of-type {border-right:0;}
.tab-st02 li button {width:100%;height:7rem;margin-right:.3rem;color:#333;font-size:1.4rem;text-align:center;background:#ebebeb;}
.tab-st02 li.on button {color:#fff;background:#0072b8}
.tab-st02 span[class^=ico] {width:2.5rem;height:2.5rem;}
.tab-st02 li button[class^=ico] {padding-left:2rem;}
.tab-st02 li button[class^=ico]:before {display:inline-block;width:2.5rem;height:2.5rem;margin:-0.3rem 0 -0.4rem -2.5rem;vertical-align:middle;}
.tab-st02 + .cont-list {margin-top:1.2rem;}
.tab-st03 {display:table;table-layout:fixed;width:100%;margin:2rem 0 0;border-bottom:.2rem solid #545d6e;} /* 2017-09-08 */
.tab-st03 li {display:table-cell;border-left:1px solid #fff;border-right:1px solid #fff;background:#e4e6ea;text-align:center;height:7rem;}
.tab-st03 li:first-of-type {border-left:0;}
.tab-st03 li:last-of-type {border-right:0;}
.tab-st03 li a {display:block;padding:0.5rem 0.5rem 0.2rem;color:#555;font-size:1.4rem;line-height:1.4;}
.tab-st03 li.on {background:#545d6e}
.tab-st03 li.on a {color:#fff;font-weight:bold;}
.tab-st03 li a.hbox {padding-top:1rem;}
.ico-chk li.on a,
.ico-chk li.on button,
.tab-st03.ico-chk li.on {background:#545d6e url(../images/app/app_main/bg_tab_chk.png) no-repeat top right !important;background-size:3rem 2.5rem !important;}
.tab-st03.ico-chk li a{padding:1.5rem 0.5rem 0.5rem;}
.tab-st03.ico-chk li.on a,
.tab-st03.ico-chk li.on button {background:none !important;}
.tab-st03.tini li{height:3.5rem;}
.tab-st03.type {margin-top:1rem;}
.tab-st03.color {border-bottom:0;}
.tab-st03.color.ico-chk li:nth-child(1).on {background:#686868 url(../images/app/app_main/bg_tab_chk.png) no-repeat top right !important;background-size:3rem 2.5rem !important;}
.tab-st03.color.ico-chk li:nth-child(2).on {background:#1972b5 url(../images/app/app_main/bg_tab_chk.png) no-repeat top right !important;background-size:3rem 2.5rem !important;}
.tab-st03.color.ico-chk li:nth-child(3).on {background:#faaa33 url(../images/app/app_main/bg_tab_chk.png) no-repeat top right !important;background-size:3rem 2.5rem !important;}

/* 페이징 타입 */
.paging-01 {margin-top:2rem;text-align:center}
.paging-01 > * {display:inline-block;}
.paging-01 > button {text-indent:-99999rem}
.paging-01 .btn-prev-01, .paging-01 .btn-next-02 {width:3.3rem;height:2rem;}
.paging-01 .btn-prev-02, .paging-01 .btn-next-01 {width:2rem;height:2rem;}
.paging-01 .btn-prev-01 {margin-right:.5rem;background:url(../images/app/app_main/btn_prev_01.png) no-repeat;background-size:3.3rem 2rem}
.paging-01 .btn-prev-02 {margin-right:1rem;background:url(../images/app/app_main/btn_prev_02.png) no-repeat;background-size:2rem}
.paging-01 .btn-next-01 {margin-left:.5rem;background:url(../images/app/app_main/btn_next_02.png) no-repeat;background-size:2rem}
.paging-01 .btn-next-02 {margin-left:1rem;background:url(../images/app/app_main/btn_next_01.png) no-repeat;background-size:3.3rem 2rem}
.paging-02 {margin-top:2.5rem;}
.paging-02 .btn-more{width:100%;height:3.5rem;color:#555;line-height:3.5rem;border:1px solid #d7d7d7;}
.paging-02 .btn-more span {display: inline-block;width:3.5rem;height:3.5rem;text-indent:-99999rem;background:url(../images/app/app_main/btn_more.png) no-repeat;background-size:3.5rem 3.5rem}

/* 타이틀 타입 */
.tit-type {margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #959595;}
.tit-type02 {position:relative;}
.tit-type02 > [class^=btn] {position:absolute;top:-0.4rem;right:0;}
.tit-type03 {margin:1rem  0 0.5rem 1rem !important;}
.h_3{font-size:1.5rem;margin-top:20px; padding-bottom:10px; border-bottom:1px solid #959595;}
.h_5{display:block; margin-top: 2.5rem;font-size: 1.5rem;font-weight: bold;}
.tab-title { padding-left:1rem; background:url(../images/app/app_main/icon_bul.png) no-repeat 0 0; background-size:.4rem;}
.tab-title + .txt-dot01 {margin-top:1rem}
.tab-tit-area { overflow:hidden;}
.tab-tit-area .tab-title { float:left; margin-top:.5rem; background-position:0 .25rem;}
.tab-tit-area .viewBtn { float:right; height:auto; padding:.5rem .3rem .4rem; background:#fff; }
.tab-tit-area .viewBtn span { font-size:1.3rem; display:inline-block; padding-left:2.2rem; background:url(../images/app/app_main/ico_tab_06.png) no-repeat 0 -3rem; background-size:2.5rem;}

/* 텍스트 타입 */
.txt-num {color:#f08115;font-size:1.4rem;font-weight:bold;}
.list-dash > li, div.list-dash, p.list-dash , dd.list-dash {position:relative; padding: 0 0 0 .8rem; line-height:1.333; }
.list-dash > li:before, div.list-dash:before, p.list-dash:before, dd.list-dash:before  {content:'-'; position:absolute; left:0; top:0; }
.list-dash.s1,
.list-dash.s1 > li {color:#0072b8;}
.txt-dot01, .txt-dot01 > li,
.txt-dot01 > dt,
.list-dot01 > li , .list-dot02 > li, .list-dot02 > dt {position:relative;padding-left:1.1rem;line-height:1.7rem;}
.txt-dot01:before, .txt-dot01 > li:before,
.txt-dot01 > dt:before,
.list-dot01 > li:before, .list-dot02 > li:before , .list-dot02 > dt:before {content:'';position:absolute;top:.6rem;left:0;width:.4rem;height:.4rem;border-radius:50%;background:#0077ba;}
.txt-dot01 > li {margin-bottom:1rem;}
.txt-dot01 > li:last-child {margin-bottom:0;}
ul.txt-dot01, dl.txt-dot01 {padding:0;margin:1.8rem 0 0;}
ul.txt-dot01:before, dl.txt-dot01:before {display:none;}
dl.txt-dot01 {padding-left:7.8rem;overflow:hidden;}
dl.txt-dot01 dt {float:left;margin-left:-7.8rem;}
dl.txt-dot01 dd {min-height:1.8rem;}
.txt-dot01 + label {margin-left:2rem;}
.txt-dot01 + label + .ico-btn-tip {margin-top:-0.3rem;}
.dot-color .txt-dot01:before,
.dot-color .list-dot01 > li:before  {background:#1972b5;}
.txt-dot01.dot-color2:before,
.txt-dot01.dot-color2 > li:before,
.list-dot01.dot-color2 > li:before,
.list-dot02 > li:before,
.list-dot02 > dt:before {background:#666;}
.list-dot02 .list-dash { margin-left:.3rem; }
.txt-dot02 > li{position: relative; padding-left:1.1rem;}
.txt-dot02 > li:before{content: ''; position: absolute;top:.6rem;left: 0;width: .4rem;height: .4rem;border-radius: 50%; background: #A0A0A0;}
.list-num > li {counter-increment:num; position:relative;padding:0 0 0 1.2rem;margin-top:1rem;line-height:1.333;}
.list-num > li:before{content:counter(num) ".";position:absolute; top:0; left:0;}
.txt-desc + .list-num { padding-left:1.3rem; }
.txt-spe,
.txt-spe li {position:relative;padding-left:1.5rem;line-height:1.3}
.txt-spe:before,
.txt-spe li:before {content:'※';position:absolute;top:0;left:0;}
.txt-spe li {margin-bottom:1rem;}
.txt-spe li:last-child {margin-bottom:0;}
ul.txt-spe {padding:0;margin:1.8rem 0 0;}
ul.txt-spe:before {display:none;}
.txt-star {position:relative;padding-left:1.2rem;line-height:1.333}
.txt-star:before {content:'*';position:absolute;top:0;left:.3rem;}
.txt-guide, .txt-guide > li {position:relative;padding-left:2rem;font-size:1.2rem;line-height:1.333;color:#252525;}
.txt-guide > li + li {margin-top:1rem;}
.txt-guide:before, .txt-guide > li:before {content:'';position:absolute;top:0;left:0;width:1.4rem;height:1.4rem;background:url(../images/app/app_main/ico_guide01.png) no-repeat;background-size:100% auto;}
.txt-guide + dd {padding-left:2rem;}
ul.txt-guide {padding:0;}
ul.txt-guide:before {display:none;}
.txt-guide02 {position:relative;font-size:1.7rem;font-weight:bold;text-align:center;}
.txt-guide02:before {content:'';display:block;width:5rem;height:5rem;margin:0 auto;background:url(../images/app/app_main/ico_guide03.png) no-repeat;background-size:5rem;}
.txt-ques {position:relative;padding-left:1rem;line-height:1.3}
.txt-ques:before {content:'Q';position:absolute;left:0;color:#0072b8;}
.txt-desc {position:relative;margin-top:1rem;padding-left:2.4rem;font-size:1.2rem;line-height:1.4}
.txt-desc:before {content:'';position:absolute;top:-0.2rem;left:0;width:1.8rem;height:1.8rem;background:url(../images/app/app_main/ico_guide01.png) no-repeat;background-size:100% auto;}
.txt-noti {position:relative;padding-left:1.5rem;font-size:1.2rem;line-height:1.4}
.txt-noti:before {content:'';position:absolute;top:0;left:0;width:1.1rem;height:1.4rem;background:url(../images/app/app_main/ico_noti.png) 0  .2rem no-repeat;background-size:1.1rem;}
.txt-type02 {overflow:hidden;}
.txt-type02 li {float:left;}
.txt-type02 li:last-child {float:right;}
#webMsg,
#webMsg_pop {padding-left: 1rem;background: url(../images/app/app_main/icon_bul.png) no-repeat 0 0;background-size: .4rem;font-weight: bold;line-height: 1.3;font-size: 1.3rem;color:#0072b8}
#webMsg:before,
#webMsg_pop:before {display:none;}

/* 컨텐츠 타입 */
.txt-box-01 {overflow:hidden;margin-top:1.5rem;padding:1.5rem;line-height:1.3;background:#f5f5f5;}
.txt-box-01 .Sbtn {min-width:9rem;}
.txt-box-01.box-bg { background:#f9f9f9; border:1px solid #ccc;}
.txt-box-01 .txt-guide {margin-top:0.5rem;} /* 2017-09-14 */
.txt-box-01 .txt-tit {position:relative;margin:0;padding:0 0 0 2.4rem;font-size:1.5rem;line-height:1.4;font-weight:bold;}
.txt-box-01 .txt-tit:before {content:'';position:absolute;top:0;left:0;width:1.8rem;height:1.8rem;background:url(../images/app/app_main/ico_guide01.png) no-repeat;background-size:100% auto;}
.txt-box-01 ul.txt-dot01,
.txt-box-01 dl.txt-dot01 {margin-top:0;}
.txt-box-01 .txt-tit + .txt-dot01 {margin-top:1rem;}
.txt-box-01 .list-dash {margin-top:0.5rem;}
dl.txt-box-01 {margin-top:0;}
dl.txt-box-01 dt.txt-tit {padding-left:2rem;font-size:1.2rem;}
dl.txt-box-01 dt.txt-tit:before {width:1.4rem;height:1.4rem;}
dl.txt-box-01 > dd {margin-top:0.5rem;}
dl.txt-box-02 {text-align:left;display:-webkit-box;display:webkit-flex;display:flex;}
.txt-box-02 {overflow:hidden;margin-top:2.5rem;padding:1.5rem;text-align:center;background:#e5edf7;}
.txt-box-02 p {font-size:1.4rem;}
.txt-box-02 dd {-webkit-box-flex:1;flex:1;margin-left:0.3rem;}
.txt-box-03 {overflow:hidden;min-height:18rem;margin-top:1.5rem;padding:2.5rem 2rem;line-height:1.3;border:1px solid #d7d7d7;box-shadow:inset 0 -.7rem 0 rgba(241,241,241,.6);background:url(../images/app/app_main/bg_box_01.png) no-repeat right bottom;background-size:7.5rem 7rem;}
.txt-box-03 .txt-tit {font-size:1.4rem;margin-bottom:1.5rem;}
.txt-box-03 .txt-tit strong {font-weight:bold;font-size:1.5rem;}
.txt-box-03 dl {margin-top:3rem;}
.txt-box-03 dl dt {display:inline-block;margin-bottom:1rem;color:#fff;padding:.5rem 1.5rem;border-radius:3rem;background:#0072b8;}
.txt-box-03 .txt-dot01 {margin-top:0;}
.counsel-box {display: -webkit-box;display:flex;margin:2rem -0.5rem 0;}
.counsel-box > div {width:49%;margin:0 5px;width:-webkit-calc(50% - 0.5rem);width:calc(50% - 0.5rem);height:7rem;border:.1rem solid #545d6e;background:#fff;text-align:center;}
.counsel-box > div p { display:block;  color:#0077ba;  position:relative;  vertical-align:middle; margin-top:1.5rem;}
.counsel-box > div p span {font-size:1.7rem;line-height:3.4rem;font-weight:bold;}
.counsel-box > div em {display:block;margin-top:-.3rem;font-size:1.1rem;}
.counsel-box.hbox {margin-left:0;margin-right:0;}
.counsel-box.hbox > div {margin:0;}
.counsel span:before {content:''; display:inline-block; width:3.5rem;height:3.5rem; background:url(../images/app/app_main/ico_cust_01.png) no-repeat;background-size:3.5rem;}
.custom span:before {content:''; display:inline-block;  width:3rem;height:3.5rem; margin-right:.3rem; background:url(../images/app/app_main/ico_cust_02.png) no-repeat;background-size:3.5rem;}
.call-wrap {margin:1.5rem 0 1rem;padding:0 0 1.5rem 3.7rem;border-bottom:1px dotted #999999;background:url(../images/app/app_main/ico_cust_02.png) no-repeat 0.5rem 0;background-size:3rem auto;color:#656565;font-size:1.2rem;}
.call-wrap span {display:block;margin-top:0.2rem;font-size:1.4rem;color:#0078bb;font-weight:bold;}
.call-wrap span a {margin-left:4px;font-size:1.6rem;font-weight:bold;color:#0078bb;}
.tab-cont {display : none;}
.prd-area { margin-bottom:2rem; }
.prd-area .tabs { margin-bottom:0 !important; }
.prd-area > div { border:.1rem solid #686868; padding:1.5rem 1.5rem 3rem; }
.prd-area > div#tab-2 { border-color:#1972b5; }
.prd-area > div#tab-3 { border-color:#faaa33; }
.prd-area .txt-box-01 { background:rgba(104,104,104,0.7); color:#fff; margin-bottom:2.5rem; }
.prd-area > div#tab-2 .txt-box-01 { background:#1972b5; color:#fff; margin-bottom:2.5rem; }
.prd-area > div#tab-3 .txt-box-01 { background:#faaa33; color:#fff; margin-bottom:2.5rem; }
.prd-area .txt-box-01 .txt-num { color:#fff; font-size:2.3rem;}
.prd-area .vbox .txt-num { font-size: 1.6rem; color:#686868 }
.prd-area .cont-list { margin-top:3rem !important;}
.prd-area .button-section { margin-top:2.5rem; }
.prd-area .btn-st01 { border-color:rgba(104,104,104,0.7); background:#fafafa; color:#697283 }
.box-type {display:-webkit-box;display:webkit-flex;display:flex;}
.box-type p {-webkit-box-flex:1;-webkit-flex:1;flex:1;margin-right:1rem;}
.tbl-type {margin-top:1rem;border-bottom:1px solid #d7d7d7;font-size:0;background:#f5f5f5;}
.tbl-type > div {font-size:0;}
.tbl-type dt,
.tbl-type dd {display:inline-block;padding:1.5rem 0;border-top:1px solid #d7d7d7;vertical-align:top;font-size:1.3rem;line-height:1.33;color:#252525;box-sizing:border-box;}
.tbl-type dt {width:40%;padding-left:1rem;}
.tbl-type dd {width:60%;padding-right:1rem;}
.tbl-type + .txt-dot01 {margin-top:3rem;}

/* 폼 타입 */
input, textarea, select{font-family:"Noto Sans KR","Apple SD Gothic Neo","맑은 고딕","Malgun Gothic","돋움",Dotum,"굴림",Gulim,AppleGothic,Sans-serif; vertical-align:middle; color:#6f6f6f;}
textarea {width:100%;padding:1rem;border:1px solid #d7d7d7;background:#fff;}
textarea:focus {border:1px solid #545d6e;}
input[type="checkbox"], input[type="radio"]{width:3rem;height:3rem;margin-right:.5rem;}
input[type="checkbox"] {background:url(../images/app/app_main/form_chk.png) no-repeat;background-size:3rem 9rem;background-position:0 0}
input[type="radio"] {background:url(../images/app/app_main/form_radio.png) no-repeat;background-size:3rem 9rem;background-position:0 0}
input[type="checkbox"]:checked, input[type="radio"]:checked {background-position:0 -3rem;}
input[type="checkbox"]:disabled, input[type="radio"]:disabled {background-position:0 -6rem;}
label + label {margin-left:1rem !important;}
.inp, .opt {height:4rem;padding:0 1rem;border:1px solid #d7d7d7;background:#fff;}
.opt {background:#fff url(../images/app/app_main/form_opt.png) no-repeat right;background-size:2rem 4rem;}
.inp:focus, .opt:focus {border:1px solid #545d6e;}
.form-type select.opt:focus { border:none; border-bottom:1px solid #fff; background-color:transparent;}
.inp::placeholder {color:#ccc;}
@media screen and (max-width:320px) {
    .inp-card {padding:0 0.1rem;text-align:center;}
    .inp-card + .inp-card {margin-left:0.2rem;}
}
.inp_base{width:100%;height: 4rem;padding: 0 1rem;border: 1px solid #d7d7d7;background: #fff;}
.inp_cal{width:100%;height:40px;padding:10px; border:1px solid #D7D7D7; background:url(../images/app/app_main/ico_cal.png) 95% 50% no-repeat;background-size:15px 15px;}
.inp_data{width:75%;height:40px;padding:10px; border:1px solid #D7D7D7; background:url(../images/app/app_main/ico_cal.png) 95% 50% no-repeat;background-size:15px 15px; }
.radio-wrap {display:-webkit-box;display:webkit-flex;display:flex;margin:1.4rem 0 1.5rem;}
.radio-wrap label {display:block;position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;margin:0 0.5rem;cursor:pointer;}
.radio-wrap label span {display:block;padding:0.5rem;border:1px solid #e3e5e8;text-align:center;font-size:1.2rem;font-weight:bold;color:#e2e5e8;}
.radio-wrap label + label {margin:0 0.5rem !important;}
.radio-wrap input[type="radio"] {position:absolute;top:-10px;left:-10px;width:0;height:0;background:none;}
.radio-wrap input:checked + span {position:relative;background:#e2e5e8;color:#4a566a;}
.radio-wrap input:checked + span:after {content:'';display:block;position:absolute;top:0.3rem;right:0.6rem;width:1.3rem;height:1rem;background:url(../images/app/app_main/bg_tab_chk4.png) no-repeat 0 0;background-size:100% auto;}
.form-wrap {display:-webkit-box;-webkit-box-orient:horizontal;display:-moz-box;-moz-box-orient:horizontal;display:box;box-orient:horizontal;}
.form-wrap > .inp, .form-wrap > .opt {width:100%;}
.form-wrap > .inp, .form-wrap > .opt, .form-wrap > button {-webkit-box-flex:1;}
.form-wrap > .flex1 {-webkit-box-flex:2;} /* 2017-09-07 */
.form-wrap > * {display:block;margin-left:.5rem;}
.form-wrap > span{line-height:4rem}
.form-wrap > *:first-child {margin-left:0;}
.form-wrap span.dash {line-height:4rem;}
.form-wrap.email span {width:1.3rem;padding-top:1rem;font-size:1.5rem;}
.form-wrap.search {margin-bottom:1.5rem;padding:1.3rem;background:#f0f0f0;}
.form-wrap > button {min-width:10rem;padding:0 1.5rem;color:#545d6e;border:1px solid #545d6e;}
.form-wrap + .form-wrap {margin-top:.5rem;}
.form-wrap.radioMargin label + label { margin-left: 2rem !important; }
.form-wrap > #totalAmt {height:5rem;}
.form-wrap .travel_list{overflow:hidden;}
.form-wrap .travel_list.type-01 li{float:left;min-width:33%;padding-right:0.5rem;}
.form-write thead th {height:4.5rem;text-align:center;}
.form-write tbody th, .form-write tbody td {height:5rem;text-align:left;}
.form-write tbody th {padding:0 1rem}
.form-write tbody td {position:relative;padding:1rem 0;}
.form-write tbody td .list-dash,
.form-write tbody td .txt-star,
.form-write tbody td .txt-sub {margin-top:1rem;font-size:1.1rem;}
.form-write tbody td .txt-sub {margin-bottom:1rem;line-height:1.2;}
.form-write tbody td.singleCell { padding: 0 0 1rem 0; }
.form-write tbody td.singleCell > div { width: 95%; margin-left: auto; padding: 1rem; border: 1px solid #d0d0d0; }
.form-write dl {margin-top:1.5rem;border-top:1px solid #959595;}
.form-write dt {margin-top:2rem;font-weight:bold}
.form-write.n-line dt:first-child {margin-top:0;}
.form-write dd {margin-top:1rem;}
.form-write > p {margin-top:1rem;}
.form-write.row tbody th{ background: #f9f9f9;}
.form-write.row tbody td{padding-left: 5px}
.form-write dt.important{position: relative; padding-left: 1.1rem;}
.form-write dt.important:before{content: ''; position: absolute;top: .5rem;left: 0;width: .4rem;height: .4rem;border-radius: 50%;background: #0077ba;}
.form-write .form-bg,
.form-write .form-bg + dd {padding:1.5rem;background:#f5f5f5;}
.form-write .form-bg + dd {margin:0;padding-top:0;}
.form-write .form-dl {overflow:hidden;font-size:0;border-bottom:1px solid #d7d7d7;}
.form-write .form-dl > div {font-size:0;}
.form-write .form-dl dt,
.form-write .form-dl dd {display:inline-block;margin:0;padding:1.2rem 0 1.3rem;font-size:1.3rem;vertical-align:top;border-top:1px solid #d7d7d7;}
.form-write .form-dl dt {padding-top:1.8rem;padding-left:1rem;width:30%;}
.form-write .form-dl dd {position:relative;width:70%;}
.form-write .form-dl dd .inp {margin:-0.8rem 0 -0.9rem;}
.form-write .form-dl > dt:first-child,
.form-write .form-dl > dt:first-child + dd {border-top:0;}
.form-write .form-dl .porela {padding-bottom:2.9rem;}
.form-write .form-dl .btn_reset {left:0;right:auto;top:auto;bottom:0;margin:0;}
.form-write .form-dl label {display:inline-block;min-width:7.5rem;margin:-0.1rem 0.3rem 0.2rem 0;}
.form-write .form-dl label + label {margin-left:0 !important;}
.form-write .form-dl .allcheck label {padding:0.4rem 1rem;margin:0.2rem 0.3rem 0.1rem 0;background:#ebebeb;border:1px solid #cccccc;color:#252525;font-size:1.2rem;text-align:center;}
.form-write .form-dl .txt-spe {margin-bottom:0.4rem;}
.form-write .form-data {overflow:hidden;position:relative;}
.form-write .form-data:after {content:'~';position:absolute;bottom:0;left:50%;margin-left:-0.5rem;line-height:4rem;}
.form-write .form-data dt,
.form-write .form-data dd {float:left;width:47%;}
.form-write .form-data dd {margin-left:-47%;margin-top:4.4rem;}
.form-write .form-data dt:first-child ~ dt ,
.form-write .form-data dt:first-child ~ dt + dd {float:right;}
.form-write .form-data dt:first-child ~ dt + dd {margin-left:0;margin-right:-47%;}
.form-write .form-data .inp_data {width:100%;}
.form-write.type-02 dl{border-top:none;}
.form-type{margin-bottom:15px; display:flex;}
.form-type .form-wrap+.form-wrap{margin-top:0;}
.form-type.type_01 .box{flex:0 50%;}
.form-type.type_01 .box + .box{margin-left:10px;}
.form-type.type_02 .box{flex:0 100%;}
.form-type select{position: relative; width: 100%; height:40px;color:#fff;font-weight: bold; background:transparent; border:none;border-bottom:1px solid #fff; background:url(../images/app/app_main/ico_sel_arrow.png) right 17px no-repeat; background-size:9px 7px;}
.form-type select option{color:#000;}
.form-type label{position:relative;width:50%;height: 45px; }
.form-type label+label{margin-left:0 !important;}
.form-type .rdo_st01{width:100%;height: 100%; background:#E2E4E6;}
.form-type .rdo_st01:checked{background-position:0 0; background:#fff;}
.form-type label span{display:inline-block;position:absolute; top:50%;left:50%;padding-left: 30px;margin:-7px 0 0 -23px; color:#697283; font-size:15px;font-weight: bold;}
.form-type label span:before{content:''; display:inline-block;position: absolute;top:50%;left:0; width:24px;height:24px; margin-top:-13px;background:url(../images/app/app_main/ico_male02.png);background-size:24px; background-repeat:no-repeat;  }
.form-type label span.girl:before{background:url(../images/app/app_main/ico_female02.png);background-size:24px; background-repeat:no-repeat;  }
.form-type .rdo_st01:checked + span:after {content:'';position:absolute;top:-1.3rem;right:-1.4rem;display:block;width:1.3rem;height:1rem;background:url(../images/app/app_main/bg_tab_chk4.png);background-size:100% auto;}
.form-type .Lbtn{width:100%; height:45px; font-size:1.5rem; letter-spacing:-2px;}
@media screen and (max-width:320px) {
    .form-type .rdo_st01:checked + span:after {right:-0.9rem;}
}
.form-type02 {position:relative;padding-right:7.6rem;padding-bottom:2rem;margin:0.8rem 0 2rem;border-bottom:1px solid #d7d7d7;}
.form-type02 .form-wrap:first-child {position:relative;border:1px solid #d7d7d7;}
.form-type02 .form-wrap:first-child select,
.form-type02 .form-wrap:first-child input {border:0;}
.form-type02 .form-wrap:first-child input {margin-left:1.7rem;}
.form-type02 .form-wrap:first-child select {background-position:90% 50%}
.form-type02 .form-wrap:first-child:after {content:'';display:block;position:absolute;top:50%;left:50%;margin-left:-0.9rem;margin-top:-1.1rem;width:1px;height:2.1rem;background:#d7d7d7;}
.form-type02 .form-wrap span:before {content:'';display:inline-block;width:0.01%;height:4rem;vertical-align:middle;font-size:1.4rem;color:#555555;}
.form-type02 button {position:absolute;right:0;top:0;bottom:2rem;width:7rem;background:#e4e6ea;line-height:2rem;}
.form-type02 button.on {position:absolute;background-color:#545d6e;color:#fff;}
.form-type02 button.on:after {content:'';display:block;position:absolute;top:0.6rem;right:0.7rem;width:1.2rem;height:0.9rem;background:url(../images/app/app_main/bg_tab_chk3_on.png) no-repeat 0 0;background-size:100% auto;}

/* 리스트 타입 */
.list-label li {position:relative;min-height:3.5rem;margin-top:0;padding:.7rem 1.5rem .7rem 3.5rem;line-height:1.3}
.list-label li label {display:block;font-size:1.2rem;}
.list-label li label input {position:absolute;top:0;left:0;height:3rem}
.list-label.btn li {padding:.7rem 6.8rem .7rem 3.5rem;}
.list-label.btn li .cont-btn-01 {position:absolute;top:.4rem;right:0;}
.list-dl {margin-top:1.5rem;}
.list-dl dt {margin-top:1.5rem !important;font-weight:bold;line-height:1.3;font-size:1.3rem;}
.list-dl dt:first-child {margin-top:0 !important;}
.list-dl dd {margin-top:.5rem;line-height:1.3}
.list-dl.img-cont dd {margin:1rem 0 2rem;padding:0 6rem 2.5rem;border-bottom:1px solid #d7d7d7;}
.list-dl.img-cont dd img {width:100%;}
.list-dl.img-cont dd.txt-cont { padding:0; border:none; margin-top:0.5rem;}
.list-dl.img-cont dd.txt-cont .list-dot02 li, .list-dl.img-cont dd.txt-cont .list-dot02 li span { font-size:1.1rem; }
.list-dl.img-cont a {display:inline-block;position:relative;margin-top:1rem;height:3rem;border:1px solid #e6e6e6;border-right:1px solid #c7c7c7;border-bottom:1px solid #a4a4a4;padding:0 1rem;font-size:1.2rem;text-align:center;color:#333;line-height:3rem;}
.agree-list {margin-top:2rem;border-top:1px solid #959595;}
.agree-list li {position:relative;min-height:5rem;padding:1.8rem 6.5rem 1.8rem 0;border-bottom:1px solid #d7d7d7;}
.agree-list li p{line-height:1.3}
.agree-list li p span{vertical-align:middle;}
.agree-list li label {position:absolute;top:50%;right:0;margin-top:-1.5rem;}
.agree-list li .ico-pop {display:inline-block;width:1.5rem;height:1.5rem;margin-left:.5rem;background:url(../images/app/app_main/ico_pop.png) no-repeat;background-size:1.5rem;}
.acodian-list {overflow:hidden;border-top:1px solid #959595;}
.acodian-list > li {border-bottom:1px solid #d7d7d7;}
.acodian-list > li .list-dep-1 {padding:1.5rem 0 1.5rem 1.5rem;line-height:1.5rem;background:url(../images/app/app_main/arrow_acodian.png) no-repeat right -5rem;background-size:5rem 10rem;}
.acodian-list > li .list-dep-1 span {display:block;margin-top: 0.5rem; margin-left:1.5rem;color:#0072b8;font-weight:bold;}
.acodian-list > li.on .list-dep-1 {background-position:right 0}
.acodian-list > li .list-dep-2 {display:none;padding:.7rem 0;border-top:1px solid #d7d7d7;background:#f9f9f9;}
.acodian-list > li .list-dep-2 .cont-list > li {padding: .7rem 2rem .7rem 3rem;border-bottom:0;}
.cont-list-wrap {overflow:hidden;}
.cont-list > li {overflow:hidden;min-height:3rem;padding:1rem 0;line-height:1.3;border-bottom:1px solid #d7d7d7;}
.cont-list li .num1 {width:9rem;font-weight:bold;text-align:center}
.cont-list .hbox .opt {width:10rem;}
.cont-list .hbox .inp {width:10rem;}
.cont-list > li.on {background:#e5edf7}
.cont-list.chk > li {padding-left:3rem;}
.cont-list.chk > li.on {background:#e0e9f3 url(../images/app/app_main/bg_tab_chk2.png) no-repeat .2rem center;background-size:3rem 2.5rem;}
.cont-list > li.bor{border-bottom-width:3px}
.cont-list li.bdnone { border-bottom:0; }
.cont-list > li.hbox.hboxAdd + li.txt-bold {height:6.1rem}
.cont-list.st-01 > li {position:relative;min-height:5rem;padding:1rem 13rem 1rem 0;}
.cont-list.st-01 > li.mdList { height: auto; min-height: 5rem; }
.cont-list.st-01 > li.mdList .tab-st01.radio-st { top:50%; margin-top: -1.5rem; }
.cont-list.st-02 > li{position: relative;height: 5rem;padding: 1rem;}
.cont-list.st-02 > li .txt-ques{float:left;margin-left:-1rem;width:55%;}
.cont-list.st-02 > li .form-wrap.radio-st{float:left;width:45%;}
.cont-list .hbox.cell{display:table !important; width:100%;}
.cont-list .hbox.cell p{display: table-cell; margin: 0}
.cont-list .hbox.cell p:last-child{width:80px; text-align: right;}
.cont-list .hbox.cell p{display: table-cell; margin: 0}
.cont-list .hbox.cell p:last-child{width:80px; text-align: right;}
.cont-list .hbox.hboxAdd > p.last,
.cont-list .hbox.hboxAdd > .form-wrap {right:0;}
.cont-list {counter-reset:list-conter;}
.cont-list .txt-ques {/*margin-left:-1rem;*/padding-left:3rem;}
.cont-list .txt-ques:before {content:'Q' counter(list-conter);counter-increment:list-conter;position:absolute;left:0;}
.cont-list .ico-btn-tip {background-image:url(../images/app/app_main/ico-btn-tip02.png)}
.cont-list .no-list{width:100%;height: 110px;text-align:center;padding-top:70px; border:1px solid #D7D7D7; background:url(../images/app/app_main/bg_list_none.png) 50% 20px no-repeat; background-size:42px 36px;}
.toggle-lst {margin-top:2rem;border-top:1px solid #959595;}
.toggle-lst > dt {position:relative;min-height:5rem;padding:1.8rem 6.5rem 1.8rem 3rem;border-bottom:1px solid #d7d7d7;}
.toggle-lst > dt button {position:absolute;top:1rem;left:0;width:3rem;height:3rem;text-indent:-99999rem;background:url(../images/app/app_main/btn_toggle_01.png) no-repeat 0 0;background-size:3rem 6rem;}
.toggle-lst > dt button.on {background-position:0 -3rem;}
.toggle-lst > dt label {position:absolute;top:1rem;right:0;}
.toggle-lst > dd {display:none;border-bottom:1px solid #d7d7d7;background:#f9f9f9;}
.toggle-agree {padding:1.5rem;}
.toggle-agree > p {font-size:1.2rem;font-weight:bold;}
.toggle-agree dt {margin-top:1rem;font-size:1.1rem;font-weight:bold;}
.toggle-agree *:not(label) {margin-top:.5rem;font-size:1.1rem !important;line-height:1.3}
.toggle-agree .txt-dot01.dot-color2:before,
.toggle-agree .txt-dot01.dot-color2 > li:before,
.toggle-agree .list-dot01.dot-color2 > li:before,
.toggle-agree .list-dot02 > li:before,
.toggle-agree .list-dot02 > dt:before {top:0.4rem;}
.toggle-agree .tbl-wrap th,.toggle-agree .tbl-wrap td {padding:.5rem;text-align:center;border-right:1px solid #d7d7d7;}
.toggle-agree .tbl-wrap th:last-child,.toggle-agree .tbl-wrap td:last-child {border-right:0;}
.step-st01 {position:relative;height:4.3rem;border-bottom:1px solid #eee;}
.step-st01 li {display:none;text-align:center;line-height:4.3rem}
.step-st01 li.on {display:block;}
.step-st01 li h3 {font-size:1.6rem;font-weight:bold;}
.step-st01 li span {position:absolute;top:1rem;right:3.3rem;width:2.3rem;height:2.3rem;color:#fff;font-size:1.5rem;font-weight:normal;line-height:2.3rem;background:#0072b8;border-radius:.5rem;}
.step-st01 li span:before {content:'';position:absolute;left:-1.9rem;width:1.6rem;height:2.3rem;background:url(../images/app/app_main/bg_step_before.png) no-repeat;background-size:1.6rem;}
.step-st01 li span:after {content:'';position:absolute;right:-1.8rem;width:1.5rem;height:2.3rem;background:url(../images/app/app_main/bg_step_after.png) no-repeat;background-size:1.5rem;}
.step-st01 li span em {display:none;}
.travel_list.type-02 li{float:left; width: 47%;margin:5px 0;}
.travel_list li.w100{width:100% !important;}

/* 테이블 타입 */
.tbl_bdb{border-bottom:1px solid #D7D7D7 !important;}
.tbl-wrap {margin-top:1.5rem;border-top:1px solid #959595;}
.tbl-wrap table {width:100%;}
.tbl-wrap table th, .tbl-wrap table td {border-bottom:1px solid #d7d7d7;}
.tbl-wrap > p {margin:1rem .7rem 0;text-align:left;}
.tbl-wrap.tbl-scroll{width:100%; overflow-x: auto;}
.tbl-wrap.tbl-scroll .board{width:800px;}
.tbl-wrap.tbl-scroll .board .emty td{padding:30px;}
.tbl-wrap + .txt-box-01 {margin-top:2.5rem;}
dl.txt-box-02 + .tbl-wrap {margin:0;border:0;}
.board thead th {padding:1.5rem 1rem;border-right:1px solid #d7d7d7;background:#f9f9f9;}
.board tbody td,
.board tbody th {padding:.7rem 1rem;line-height:1.3;border-right:1px solid #d7d7d7;}
.board thead th:last-child, .board tbody td:last-child {border-right:0;}
.board.board-td tbody td { padding:.7rem .7rem; }
.board tbody .multi th {padding:.5rem;background:#f4f4f4;border-top:1px solid #999 !important;border-left:1px solid #e0e0e0;text-align:center;line-height:1.3;}
.board tbody .multi + tr td {text-align:center;}
@media screen and (max-width:320px) {
    .board tbody td {padding:.7rem 0.3rem;}
}

/***************************************************
    COMMON : 레이어팝업
***************************************************/
/* 팝업 레이아웃 */
/*#popup { position: fixed; left:0; bottom:0; z-index: 9998; width: 100%; height: 100%; overflow-y: auto; background:#fff;}*/
#popup { position: fixed; left:0; bottom:0; z-index: 1002; width: 100%; height: 100%; overflow-y: auto; background:#fff;}
#popup .pop_wr { position: relative; height: 100%; background:#fff; }
#sub_popup { position: fixed; left:0; bottom:0; z-index: 9999; width: 100%; height: 100%; overflow-y: auto; }
#sub_popup .pop_wr { position: relative; height:100%;}
.pop_wr {z-index:1000;position:absolute;top:0;width:100%;height:100%;background:#fff;}
.pop_wr.sub-popup {display:none;background:none;}
.pop_wr.sub-popup.open {display:block;}
.pop-btn-close {position:absolute;top:0;right:0;width:5rem;height:5rem;text-indent:-99999rem;background:url(../images/app/app_main/pop_btn_close.png) no-repeat;background-size:5rem;}
.pop-btn-close-03-01 {position:absolute;top:0;right:0;width:5rem;height:5rem;text-indent:-99999rem;background:url(../images/app/app_main/pop_btn_close.png) no-repeat;background-size:5rem;}
 .pop-email-btn-close {position:absolute;top:0;right:0;width:5rem;height:5rem;text-indent:-99999rem;background:url(../images/app/app_main/pop_btn_close.png) no-repeat;background-size:5rem;}
.pop-header {position:fixed;width:100%;height:5rem;padding:0 1.5rem;border-bottom:1px solid #d7d7d7;background:#fff; z-index:9999;}
.pop-header h4 {color:#000;font-size:1.8rem;font-weight:bold;line-height:5rem;}
.pop-header-2 {height:3rem;padding:0;border-bottom:0;}
.pop-header-2 .pop-tit {font-size:1.2rem;font-weight:bold;}
.pop-header-2 .pop-btn-close {position:absolute;top:1.5rem;right:1.5rem;width:1.9rem;height:1.9rem;text-indent:-99999rem;background:url(../images/app/app_main/pop_btn_close2.png) no-repeat;background-size:1.9rem;}
.pop-header-3 {height:3.3rem;margin:0.2rem 1.5rem 0;border-bottom:1px solid rgba(0,119,186,0.7);}
.pop-header-3 .pop-tit {color:#0077ba;font-size:1.3rem;line-height:3.3rem;}
.pop-header-3 .pop-btn-close {width:4rem;height:3.5rem;text-indent:-99999rem;background:url(../images/app/app_main/pop_btn_close3.png) no-repeat 50%;background-size:3.5rem auto;}
.pop-wrap { padding-top:5.5rem;}
.pop-content {padding:1.5rem 1.5rem 3rem;}
.pop-content > h5,
.pop-content > div > h5  {margin-top:2.5rem;font-size:1.4rem;font-weight:bold; line-height:1.3;}
.pop-wrap > .button-section {padding:0 1.5rem;}
.pop-wrap .button-section {margin-bottom:2rem;}
.pop-content + .button-section {margin-top:0 !important;}
.pop-wrapper {position:absolute; left:0; right:0; display:block; width:100%; z-index:10}
.layer-pop-wrap {display:block; width:100%; padding: 0 2.5rem}
.pop_wr .pop-wrapper {position:fixed; left:0; right:0; top:0; bottom:0;width:100%; height:100%; z-index:3 }
.pop_wr .layer-pop-wrap {display:-webkit-box;display:box;-webkit-box-pack:center;box-pack:center;-webkit-box-orient:vertical;box-orient:vertical;width:100%;height:100%;padding: 0 4.5rem}
/*메인 e-모니터링 미지급안내*/
#popup.pop_wr{padding:0}
#popup.pop_wr .pop_wr{position:relative;width:100% !important;padding:4.9rem 0 6.5rem;border:0 none;border-radius:0;overflow:hidden}
#popup.pop_wr .pop_tit{position:fixed;top:0;left:0;right:0;width:100%;height:4.9rem;margin:0;padding:1.2rem 4.5rem 1.2rem 1.5rem;border-bottom:1px solid #a1a1a1;background:#fff;z-index:1}
#popup.pop_wr .pop_tit > p{width:100%;font-weight:400;font-size:1.8rem;line-height:2.4rem;letter-spacing:-0.05rem}
#popup.pop_wr .pop_close{position:fixed;top:0;right:0;width:4.9rem;height:4.9rem;background:url(/mhwr/web/images/web/web_main_new/popupClose_btn.png) no-repeat 50% 50%;background-size:2.5rem auto;z-index:1}
#popup.pop_wr .pop_con .txtConts{border:0 none;background:#ebf8fd;border-radius:0}/*border:1px solid #a7a9ac;border-top:2px solid #646567;*/
#popup.pop_wr .pop_con .txtConts p{padding:1rem 1.5rem;margin:0;font-size:1.4rem;line-height:2.0rem;color:#0066b3;text-align:center;word-break:keep-all}
#popup.pop_wr .pop_con .btn_wr01{position:fixed;bottom:0;left:0;right:0;width:100%;height:8.5rem;padding:3.5rem 0 0;margin:0;background:rgba(0, 0, 0, 0) linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 14%, white 100%) repeat scroll 0% 0%;z-index:1}
#popup.pop_wr .pop_con .btn_wr01 > .btn03{display:block !important;padding:1.4rem 2rem;margin-right:0 !important;border-radius:0;border-color:#0066b3;background:#0066b3;font-weight:500;font-size:1.6rem;line-height:2rem;color:#fff}
#popup.pop_wr .listType01 .list_con .go_clear > a{display:inline-block;min-width:auto}
@media screen and (max-width:320px) {
    .pop_wr .layer-pop-wrap {padding:2.5rem}
}
.layer-pop-tip {position:relative; padding:2rem 1.5rem 2rem; width:100%;min-height:15rem; max-height:50rem;background:#fff; display:-webkit-box; -webkit-box-orient:vertical;border:.2rem solid #545d6e;border-radius:.4rem;}
.layer-container {display:-webkit-box; -webkit-box-orient:vertical; -webkit-box-flex:1;}
.layer-con {min-height:6rem; margin: 1rem 0 1.2rem 0;}
.layer-pop-tip .layer-con p,
.layer-pop-tip .layer-con li {font-size:1.1rem;line-height:1.3;}

.layer-con .button-v-section {margin-top:1.5rem;}
.layer-con .button-v-section button {height:3.5rem;}
.layer-pop-default {position:relative;padding:0;width:100%;max-height:100%;overflow:auto;display:-webkit-box; -webkit-box-orient:vertical;background:#fff;border:1px solid #697283;}
.layer-pop-default .layer-con {margin:0;padding:3.3rem 1.5rem 1.5rem;}
.layer-pop-default .layer-con2 {margin:0;padding:0.3rem 1.5rem 1.5rem;}
.layer-pop-default .layer-con .layer-txt:before {content:'';display:inline-block;width:0.01%;height:3.7rem;vertical-align:middle;}
.layer-pop-default .layer-con .layer-txt p {display:inline-block;width:99%;margin-right:-0.4rem;vertical-align:middle;text-align:center;font-size:1.3rem;line-height:1.333;color:#555;}
.layer-pop-default .layer-con .layer-txt p strong {font-weight:bold;}
.layer-pop-default .layer-con .layer-txt.s1:before {display:none;}
.layer-pop-default .layer-con .layer-txt.s1 p {display:block;margin:0 auto;width:22rem;text-align:left;}
.layer-pop-default .layer-con .layer-txt.s1 p span {display:block;position:relative;padding-left:1.4rem;font-size:1.1rem;line-height:1.2;margin-top:0.6rem;}
.layer-pop-default .layer-con .layer-txt.s1 p span:before {content:'';display:block;position:absolute;top:0.1rem;left:0;margin-right:0.3rem;width:1rem;height:1rem;background:url(../images/app/app_main/ico_guide04.png) no-repeat;background-size:100% auto;}
.layer-pop-default .layer-con .button-section {margin-top:3.4rem;}
.layer-pop-default [class^='btn-st'] {font-size:1.2rem; height:3.2rem;}
.layer-pop-default .btn-st01 {border-width:1px;}
.layer-pop-default table th,
.layer-pop-default table td,
.layer-pop-default .txt-dot01,
.layer-pop-default .list-dash,
.layer-pop-default .list-dash > li {font-size:1.2rem !important;}
.pop_con_rd {position : fixed;top : 0;left : 0;bottom:0;width : 100%;height : 100%;padding-top:6.0rem;}
.layer-bg {position:absolute; left:0; right:0; top:0; bottom:0;background:#000; opacity:0.6; z-index:-1}
/* ::-webkit-scrollbar{width:2px;} */
::-webkit-scrollbar-thumb{opacity:0;}
.u-scroll{-webkit-box-flex:1; overflow:auto; -webkit-overflow-scrolling:touch;}
.on-chocobi-popup:after {content:'';display:block;position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:#fff;}

/* 약관동의 */
.pop-agree-box {padding:1.5rem;border:1px solid #d7d7d7;}
.pop-agree-box * {font-size:1.1rem;line-height:1.4}
.pop-agree-box h5 {margin-bottom:.5rem;font-size:1.2rem;font-weight:bold;}
.pop-agree-box h6 {margin:1rem 0 .5rem;font-size:1.1rem;font-weight:bold;}
.pop-agree-box ol, .pop-agree-box ul {margin-top:.5rem;}
.pop-agree-box li {margin-top:.5rem;}
.pop-agree-box li > ol, .pop-agree-box li > ul {margin-top:.5rem;}
.pop-agree-box dl dt {margin-top:1rem;font-weight:bold;}
.pop-agree-box dl dd {margin-top:.5rem;}
.pop-agree-box dl dd > *:first-child {margin-top:0;}
.pop-agree-box .tbl-wrap th,.pop-agree-box .tbl-wrap td {padding:.5rem;text-align:center;border-right:1px solid #d7d7d7;}
.pop-agree-box .tbl-wrap th:last-child,.pop-agree-box .tbl-wrap td:last-child {border-right:0;}

/* 상담팝업 */
.pop-custom-wrap {z-index:10;position:absolute;top:10rem;left:4.5rem;width:12.5rem;border:1px solid #697283;background:#fff;}
/* .pop-custom-wrap .pop-cust-head {position:relative;height:2.5rem;background:#c1c8d6;}*/
.pop-custom-wrap .pop-btn-close2 {position:absolute;top:0.1rem;right:0.1rem;width:2.5rem;height:2.5rem;text-indent:-99999rem;background:url(../images/app/app_main/pop_btn_close2.png) no-repeat;background-size:2.5rem;}
.pop-custom-wrap .pop-cust-cont {padding:1.2rem 0.9rem;}
.pop-custom-wrap .pop-cust-cont li a {display:block;color:#555;line-height:3rem;font-weight:bold;text-align:left;}
.pop-custom-wrap .pop-cust-cont li a span {display:inline-block;width:3rem;height:3rem;margin-right:0.2rem;}
.pop-custom-wrap .pop-cust-cont li a .ico-cusm-01 {background:url(../images/app/app_main/ico_cust_01.png) no-repeat;background-size:3rem;}
.pop-custom-wrap .pop-cust-cont li a .ico-cusm-02 {background:url(../images/app/app_main/ico_cust_02.png) no-repeat;background-size:3rem;}
.pop-custom-wrap .pop-cust-cont li a .ico-cusm-03 {background:url(../images/app/app_main/ico_cust_04.png) no-repeat;background-size:3rem;}
.button-section .pop-custom-wrap {top: 1.5rem; left: 7rem;}

/* 완전판매모니터링 */
.main-layer {position:fixed;left:0;right:0;top:0;bottom:0;display:table;table-layout:fixed;width:100%;height:100%;z-index:10 }
.main-layer-wrapper {display:table-cell;vertical-align:middle !important;width:100%; padding:0 4.5rem}
.main-layer-bg {position:absolute;left:0;right:0;top:0;bottom:0; background-color:#000; opacity:0.75;z-index:-1}
.main-layer-wrap {position:relative;;width:100%;background:#fff;display:-webkit-box;-webkit-box-orient:vertical;border:.2rem solid #545d6e;}
.main-layer-container {display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-flex:1;}
.main-layer-con {min-height:6rem;margin:1rem 1rem 0;border-radius:.4rem;overflow:hidden;}
.main-layer-con img {width:100%;height:auto}
.main-pop-foot {padding:1rem;}
.main-pop-foot button {height:2.5rem;padding:0 2rem;color:#fff;background:#697283;}
.main-layer .main-layer-wrap2 {position:relative;padding:0;width:100%;background:#fff; display:-webkit-box; -webkit-box-orient:vertical;border:1px solid #545d6e;}
.main-layer .main-layer-wrap2 .main-layer-con {margin:1rem 2rem 2rem;}
.main-layer .main-layer-con > p {margin-top:.5rem;}
.main-layer .name {color:#0072b8;font-weight:bold}
.main-layer-container [class^='btn-st'] {font-size:1.2rem; height:3.2rem;}
.main-layer-container .btn-st01 {border-width:1px;}
@media screen and (max-width:320px) {
    .main-layer-wrapper {padding:0 2.5rem}
}

/*로딩 */
.loading{position: fixed; text-align:center; left:0; top:0; z-index: 19999; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8);}
.loading img{width:40px; height:40px; margin-top:200px;}
.loading p{color:#fff; line-height:16px; font-size:12px; margin-top:11px;}

/***************************************************
    PAGE : 가족여행안내 팝업
***************************************************/
.txt-info > li {margin-bottom:1.1rem;line-height:1.333;}
.txt-info > li > strong {position:relative;display:block;padding-left:1rem;font-size:1.2rem;font-weight:bold;}
.txt-info > li > strong:before {content:'';display:block;position:absolute;top:0.5rem;left:0;width:0.4rem;height:0.4rem;border-radius:50%;background:#5f5f5f;}
.txt-info > li > p {position:relative;margin:0.2rem 0 0 1rem;padding-left:0.8rem;font-size:1.1rem;}
.txt-info > li > p:before {content:'-'; position:absolute; left:0; top:0; }
.txt-info > li:last-child > strong {background:url(../images/app/app_main/icon_bul.png) no-repeat 0 0.1rem;background-size:0.4rem;}
.txt-info > li:last-child > strong:before {display:none;}
.txt-info > li > ul {margin-top:1.3rem;padding:1rem;line-height:1.3;background:#f5f5f5;}
.txt-info > li > ul > li {position:relative;margin-bottom:0.5rem;padding: 0 0 0 .8rem;font-size:1.2rem;}
.txt-info > li > ul > li:before  {content:'-'; position:absolute; left:0; top:0; }
.txt-info > li > ul > li:last-child {margin-bottom:0;}
.txt-info > li > ul > li > p {position:relative;padding-left:1.5rem;font-size:1.2rem;}
.txt-info > li > ul > li > p:before {content:'※';position:absolute;top:0;left:0;}
.txt-info strong + .list-dash {margin-top:0.5rem;margin-left:1rem;}

/***************************************************
    PAGE : 메인
***************************************************/
.main-tab {overflow:hidden;display:table;table-layout:fixed;width:100%;}
.main-tab li {display:table-cell}
.main-tab li a {display:block;height:4.4rem;color:#959595;font-weight:700;font-size:1.4rem; text-align:center;line-height:44px;border-bottom:.1rem solid #e2e2e2;}
.main-tab li a span { font-weight:700;font-size:1.4rem; position:relative;padding:0 2.8rem;}
.main-tab li.on a {color:#333;font-size:1.5rem;}
.main-tab li:first-child.on a {border-bottom:.3rem solid #0078bb;}
.main-tab li:last-child.on a {border-bottom:.3rem solid #49bf80; }
.main-tab li:last-child.on a span {color:#333;font-size:1.5rem; }
.main-tab li:last-child a span:before {content:'';display:inline-block;width:2.5rem;height:2.5rem; position:absolute; left:0; top:50%; margin-top:-1.4rem; background:url(../images/app/app_main/main_ico_tab2.png) no-repeat;background-size:2.5rem;}
.main-notice {position:relative;margin:1.5rem !important;}
.main-notice p {padding-left:3.5rem;color:#333;font-size:1.2rem;text-decoration:underline; font-weight:bold;}
.main-notice p:before {content:'';position:absolute;top:-.15rem;left:0;width:3rem;height:1.5rem;background:url(../images/app/app_main/main_ico_notice.png) no-repeat;background-size:3rem 1.5rem;}
.main-notice button {position:absolute;top:0;right:0;width:1.5rem;height:1.5rem;text-indent:-99999rem;background:url(../images/app/app_main/main_notice_more.png) no-repeat;background-size:1.5rem;}
.main-custom {display:table;table-layout:fixed;width:100%;margin-top:2.5rem;}
.main-custom li {display:table-cell;width:50%;}
.main-custom li:first-child {padding-left:1.2rem;}
.main-custom li:last-child {padding-right:1.2rem;}
.main-custom li:last-child button {margin-left:-1px;}
.main-custom li button {width:100%;height:3.5rem;color:#252525;font-weight:bold;line-height:3.5rem;border:1px solid #e1e1e1;}
.main-custom li button:before {content:'';display:inline-block;width:2.5rem;height:2rem;margin-right:.5rem;margin-bottom:-.5rem;}
.main-custom li:first-child button:before {background:url(../images/app/app_main/main_ico_01.png) no-repeat;background-size:2.5rem 2rem;}
.main-custom li:last-child button:before {background:url(../images/app/app_main/main_ico_02.png) no-repeat;background-size:2.5rem 2rem;}
.flicking-mn { display:table;table-layout:fixed;width:100%;padding:0 1.5rem;background:#1a84ca;}
.flicking-mn li {display:table-cell;}
.flicking-mn li:nth-child(1) { width:22%;}
.flicking-mn li:nth-child(2) { width:25%;}
.flicking-mn li:nth-child(3) { width:28%;}
.flicking-mn li:nth-child(4) { width:25%;}
.flicking-mn li a {display:block;width:100%;height:10.6rem;padding:2.5rem 0 1.5rem;color:#fff;font-size:1.3rem;text-align:center}
.flicking-mn li a:before {content:'';display:block;width:5rem;height:4.5rem;margin:0 auto;}
.flicking-mn li a.mn1:before {background:url(../images/app/app_main/main_ico_03.png) no-repeat .6rem 0;background-size:4.5rem;}
.flicking-mn li a.mn2:before {background:url(../images/app/app_main/main_ico_04.png) no-repeat center 0;background-size:4.5rem;}
.flicking-mn li a.mn3:before {background:url(../images/app/app_main/main_ico_05.png) no-repeat center 0;background-size:4.5rem;}
.flicking-mn li a.mn4:before {background:url(../images/app/app_main/main_ico_06.png) no-repeat center 0;background-size:4.5rem;}
.main-link-wrap {width:100%;display:table;table-layout:fixed;margin:1rem 0;}
.main-link-wrap li {display:table-cell;width:50%;}
.main-link-wrap.type2 {width:100%;display:block;margin:1rem 0;}
.main-link-wrap.type2 li {display:block; float:left;width:50%;}

.main-mn-link {height:9.3rem}
.main-mn-link dt {padding-top:1.8rem;padding-left:1.2rem;color:#fff;font-size:1.5rem;font-weight:bold;}
.main-mn-link dt:after {content:'';display:inline-block;width:1rem;height:1rem;margin-left:.5rem;background:url(../images/app/app_main/main_arrow_02.png) no-repeat;background-size:1rem;}
.main-mn-link dd {padding-top:5px;padding-left:1.2rem;color:#fff;line-height: 1.3; font-size: 1.2rem; font-weight:700; letter-spacing:-.1rem;}
.main-mn-link.st01 dt, .main-mn-link.st01 dd {color:#59493f;}
.main-mn-link.st01 dt {padding-top:20px; font-size:1.6rem;font-weight:bold;}
.main-mn-link.st01 dd { font-size:1.3rem; font-weight:normal;}
.main-mn-link.st01 dt:after { height:1.1rem; background:url(../images/app/app_main/main_arrow_01.png) 0 0 no-repeat;background-size:1rem;}
.main-mn-link.st01 {background:url(../images/app/app_main/On-Off_M_middle_banner.png) no-repeat;background-size:100% 100%;}
.main-mn-link.st02 {background:#1b88d0 url(../images/app/app_main/main_ico_07.png) no-repeat right 2rem;background-size:6rem;}
.main-mn-link.st03 {background:#e8b135 url(../images/app/app_main/main_ico_08.png) no-repeat right 2rem;background-size:6rem;}
.main-mn-link.st04 {background:url(../images/app/app_main/main_prod_link04.png) no-repeat;background-size:100% 100%;}
.main-mn-link.st04 { height:8.3rem; padding:0 1rem; letter-spacing:-.1rem;}
.main-mn-link.st04 dt { font-size:1.5rem;color:#333; padding-top:1.4rem; opacity:0.8;}
.main-mn-link.st04 dt:after { display:none; }
.main-mn-link.st04 dd { font-size:1.3rem; color:#333; font-weight:normal; padding-top:.4rem;}
.main-mn-link.st04 dd.date { font-weight:700; color:#005ba9; padding-top:.5rem;}
.main-mn-link.st05 {background:#33a669 url(../images/app/app_main/main_ico_09.png) no-repeat right 2rem;background-size:6rem;}
.main-mn-link.st06 {background:#8a7f7f url(../images/app/app_main/main_ico_10.png) no-repeat right 2rem;background-size:6rem;}
.main-link-wrap2 { border-top:.1rem solid #e9e9e9;  width:100%; display:table;table-layout:fixed;padding:1.5rem 0;}
.main-link-wrap2 li{ display:table-cell; width:25%; vertical-align:top; position:relative;}
.main-link-wrap2 li:before { content:''; display:block; position:absolute; top:0;  width:.1rem; height:4.9rem; background:#e9e9e9; }
.main-link-wrap2 li a {position:relative; display:block; text-align:center; font-size:1.2rem;  color:#252525; }
.main-link-wrap2 .main-link-02, .main-link-wrap2 .main-link-04 { padding-top:2.8rem;}
.main-link-wrap2 .main-link-01, .main-link-wrap2 .main-link-03{ padding-top:3.3rem;}
.main-link-wrap2 .main-link-01 {background:url(../images/app/app_main/main_link_01.png) center 0 no-repeat;background-size:2.2rem;}
.main-link-wrap2 .main-link-02 {background:url(../images/app/app_main/main_link_02.png) center 0 no-repeat;background-size:2.2rem;}
.main-link-wrap2 .main-link-03 {background:url(../images/app/app_main/main_link_03.png) center 0 no-repeat;background-size:2.35rem;}
.main-link-wrap2 .main-link-04 {background:url(../images/app/app_main/main_link_04.png) center 0 no-repeat;background-size:2.35rem;}
.main-link-wp{margin-top:1rem; }
.main-footer { width:100%; border-top:.1rem solid #e9e9e9; padding:2.3rem 0 1.7rem 1.8rem; background:url(../images/app/app_main/bg_footer.png) 100% 100% no-repeat; background-size:8.2rem;}
.main-footer .foot-tit { font-size:1.45rem; color:#077bbf;font-weight:bold; }
.main-footer .foot-txt {vertical-align:middle; line-height:1.8rem; margin:.5rem 0 0; }
.main-footer .foot-txt span { color:#333; font-size:1.1rem; display:inline-block;vertical-align:middle; line-height:1.8rem;}
.main-footer .foot-txt span.line:before { content:''; display:inline-block; width:.1rem; height:1rem; background:#e2e2e2;  margin-right:1rem;}
.main-footer .foot-txt strong { font-weight:900; font-size:1.4rem; color:#077bbf; margin-left:.3rem; margin-right:.8rem;}
.main-footer .foot-txt a { color:#333; font-size:1.1rem; padding-right:1rem; background:url(../images/app/app_main/footer_arrow.png) right .1rem no-repeat; background-size:.6rem;}
.main-footer .foot-txt2 { font-size:1rem; color:#555; }
.main-footer div .foot_time{font-size: 10px; color:#555555;}
.main-direct-footer {position:relative;height:6rem;margin-top:3rem;padding-top:1.5rem;padding-right:34%;text-align:right;background:#f5f5f5;}
.main-direct-footer .txt1 {color:#707070;font-weight:bold;}
.main-direct-footer .txt2 {color:#2e7ebb;font-size:1.6rem;font-weight:bold;}
.main-direct-footer .txt3 {color:#959595;font-size:1.1rem;}
.foot-ico-call {display:inline-block;width:2rem;height:2rem;margin-top:-.5rem;background:url(../images/app/app_main/main_ico_call.png) no-repeat;background-size:2rem;}
.main-direct-footer .btn {position:absolute;top:50%;margin-top:-1rem;margin-left:1rem;width:6rem;height:2rem;color:#fff;font-size:1.1rem;background:#7d7d7d}
.product-cont { padding:1.7rem 1.4rem;margin-top:1px;background:url(../images/app/app_main/main_cont_bg1.png) no-repeat;/* background-size:100% auto; */ background-size: cover;}
.product-cont .bg2 {background:red url(../images/app/app_main/main_cont_bg2.png) no-repeat;background-size:100% auto;}
.product-cont .bg3 {background:blue url(../images/app/app_main/main_cont_bg3.png) no-repeat;background-size:100% auto;}
.product-cont .bg4 {background:green url(../images/app/app_main/main_cont_bg4.png) no-repeat;background-size:100% auto;}
.product-cont + .button-section { margin-top:0; }
.product-cont .tit {color:#fff;font-size:1.9rem;font-weight:700; margin-bottom:1.4rem;}
.product-tab {overflow:hidden; width:100%;}
.product-tab li {float:left; margin-left:-.1rem; width:26% !important;}
.product-tab li:first-child { margin-left:0; width:22% !important; }
.product-tab li a {display:block;height:6.6rem;color:#fff;letter-spacing:-.1rem;text-align:center;border-top-left-radius:.5rem;border-top-right-radius:.5rem;border:.1rem solid rgba(255,255,255,0.3); border-bottom-color:#fff;opacity:0.8;}
.product-tab li.on a { border-color:#fff; border-bottom:0; border-width:.2rem; font-weight:bold; opacity:1;}
.product-tab li a:before {content:'';display:block;width:4rem;height:3.4rem;margin:.4rem auto .7rem;}
.product-tab li.on a:before { margin:.3rem auto .7rem; }
.product-tab li a.ico1:before {background:url(../images/app/app_main/main_product_tab1.png) no-repeat 0 0;background-size:4rem;}
.product-tab li a.ico2:before {background:url(../images/app/app_main/main_product_tab2.png) no-repeat 0 0;background-size:4rem;}
.product-tab li a.ico3:before {background:url(../images/app/app_main/main_product_tab3.png) no-repeat 0 0;background-size:4rem;}
.product-tab li a.ico4:before {background:url(../images/app/app_main/main_product_tab4.png) no-repeat 0 0;background-size:4rem;}
.product-lst {margin-top:1rem; margin-bottom:1rem;}
.product-lst li {padding:1rem 1.2rem 0;}
.product-lst li:first-child {padding-top:0;}
.product-lst li > div {position:relative;min-height:17rem;border-radius:.7rem;text-align:center;}
.product-lst li > div:before { content:''; display: block; position: absolute; left: 0; top: 0; width: 100%; opacity:0; min-height: 17rem;border-radius: 0.7rem; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.product-lst li > div .vboxInner { position: relative; width: 100%; min-height: 17rem; margin-top: 0; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-box-pack: center; -webkit-box-align: center; }
.product-lst li > div .vboxInner .ico { top: -1rem; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.product-lst li > div:hover .vboxInner .ico { -webkit-transform: rotate(-45deg) scale(1.2); -moz-transform: rotate(-45deg) scale(1.2); -ms-transform: rotate(-45deg) scale(1.2); -o-transform: rotate(-45deg) scale(1.2); transform: rotate(-45deg); }
.product-lst li .ico {position:absolute;top:-.8rem;left:-.8rem;width:4.5rem;height:4.5rem;border-radius:50%;}
.product-lst li .tit {color:#fff;font-size:2rem;}
.product-lst li .txt1 {margin-top:1rem;color:#fff;font-size:1.2rem;line-height:1.3;letter-spacing:-.1rem;}
.product-lst li .btn {width:11.5rem;height:3.5rem;margin-top:1.8rem;color:#fff;border:1px solid #fff;background:transparent;}
.product-lst li .btn-detail{position:absolute;bottom:-.7rem;right:-.7rem;width:4.5rem;height:4.5rem;text-indent:-99999rem;border-radius:50%;background:#fff url(../images/app/app_main/main_product_detail.png) no-repeat;background-size:4.5rem; z-index:9;}
.product-lst li .product-lst-01 {background:url(../images/app/app_main/main_prod_bg1.png) no-repeat;background-size:100% auto;}
.product-lst li .product-lst-02 {background:url(../images/app/app_main/main_prod_bg2.png) no-repeat;background-size:100% auto;}
.product-lst li .product-lst-03 {background:url(../images/app/app_main/main_prod_bg3.png) no-repeat;background-size:100% auto;}
.product-lst li .product-lst-04 {background:url(../images/app/app_main/main_prod_bg4.png) no-repeat;background-size:100% auto;}
.product-lst li .product-lst-06 {background:url(../images/app/app_main/On-Off_M_direct_bottom_banner.png) no-repeat;background-size:100% auto;}
.product-lst li .product-lst-01:hover:before {opacity:0.4;background-color:#59493f;}
.product-lst li .product-lst-02:hover:before {opacity:0.6;background-color:#4e6074;}
.product-lst li .product-lst-03:hover:before {opacity:0.6;background-color:#526070;}
.product-lst li .product-lst-04:hover:before {opacity:0.6;background-color:#375b69;}
.product-lst li .product-lst-06:hover:before {opacity:0.6;background-color:#375b69;}
.product-lst li .product-lst-01:hover .vboxInner .ico { -webkit-transform: rotate(-30deg) scale(1.2); -moz-transform: rotate(-30deg) scale(1.2); -ms-transform: rotate(-30deg) scale(1.2); -o-transform: rotate(-30deg) scale(1.2); transform: rotate(-30deg); }
.product-lst li .product-lst-01 .ico {background:#fff url(../images/app/app_main/main_product_ico1.png) no-repeat;background-size:4.5rem;}
.product-lst li .product-lst-02 .ico {background:#fff url(../images/app/app_main/main_product_ico2.png) no-repeat;background-size:4.5rem;}
.product-lst li .product-lst-03 .ico {background:#fff url(../images/app/app_main/main_product_ico3.png) no-repeat;background-size:4.5rem;}
.product-lst li .product-lst-04 .ico {background:#fff url(../images/app/app_main/main_product_ico4.png) no-repeat;background-size:4.5rem;}
.product-lst li .product-lst-06 .ico {background:#fff url(../images/app/app_main/On-Off_M_direct_bottom_banner_ico.png) no-repeat;background-size:4.5rem;}
.product-lst li .product-lst-07:hover:before {opacity:0.6;background-color:#a1958d;}
.product-lst li .product-lst-08:hover:before {opacity:0.6;background-color:#a1958d;}
.product-lst li .product-lst-09:hover:before {opacity:0.6;background-color:#a1958d;}
.product-lst li .product-lst-07 {background:url(../images/app/app_main/main_prod_bg7.png) no-repeat;background-size:100% auto;}
.product-lst li .product-lst-08 {background:url(../images/app/app_main/main_prod_bg8.png) no-repeat;background-size:100% auto;}
.product-lst li .product-lst-09 {background:url(../images/app/app_main/main_prod_bg9.png) no-repeat;background-size:100% auto;}
.product-lst li .product-lst-07 .ico {background:#fff url(../images/app/app_main/main_product_ico7.png) no-repeat;background-size:2.7rem; background-position:50% 50%;}
.product-lst li .product-lst-08 .ico {background:#fff url(../images/app/app_main/main_product_ico8.png) no-repeat;background-size:2.7rem; background-position:50% 50%;}
.product-lst li .product-lst-09 .ico {background:#fff url(../images/app/app_main/main_product_ico9.png) no-repeat;background-size:2.7rem; background-position:50% 50%;}
@media screen and (max-width:370px) {
    .product-lst li > div {background-size:auto 110% !important;background-position:50% 50% !important;}
}
.planning-box > ul > li { height:3.5rem; color:#fff; border-bottom:.1rem solid #fff;  margin-top:0.5rem}
.planning-box > ul > li label { float:left; height:3.5rem; line-height:3.5rem;}
.planning-box .inp { float:right; text-align:right; background:none; border:0;  height:3.5rem; color:#fff;  padding:0; }
.planning-box input::-webkit-input-placeholder {color:#fff; opacity:0.8;}
.planning-box input::-moz-placeholder {color:#fff;opacity:0.8; }
.planning-box .txt1 {margin-top:.5rem;color:#fff;font-size:1.2rem;text-align:right; opacity:0.9;}
.plan-tab { float:right; display:table;table-layout:fixed;width:16rem; }
.plan-tab li {display:table-cell;padding-right:.5rem;}
.plan-tab li:last-child {padding-right:0}
.plan-tab li button {width:100%;height:3rem;color:#fff;font-size:1.5rem;font-weight:bold;line-height:3rem; padding-right:.5rem;}
.plan-tab li button:before {content:'';display:inline-block;width:2.4rem;height:2.4rem;margin-right:.5rem;margin-bottom:-.9rem;}
.plan-tab li:first-child button:before {background:url(../images/app/app_main/ico_male.png) no-repeat;background-size:2.4rem;}
.plan-tab li:last-child button:before {background:url(../images/app/app_main/ico_female.png) no-repeat;background-size:2.4rem;}
.plan-tab li button {background:url(../images/app/app_main/bg_tab_chk3.png) no-repeat top right; background-size:1.2rem}
.plan-tab li.on button {background:url(../images/app/app_main/bg_tab_chk3_on.png) no-repeat top right; background-size:1.2rem}
.banner-type img {width:100%;}

/***************************************************
    PAGE : 가입설계 메인
***************************************************/
.insu-main {padding:3.5rem 2rem 5rem;background:url(../images/app/app_main/bg_01.png) no-repeat 0 0; background-size:100% auto;}
.insu-main .dimm-box {padding:2rem 1.5rem;background:rgba(0,0,0,.5);}
.insu-main .dimm-box *,
.insu-main .dimm-box #webMsg{color:#fff;}
.insu-main .dimm-box #webMsg {padding-left:0;background:none;}
.insu-main .dimm-box > p { margin-left:1.3rem; }
.insu-main .dimm-box .tit { margin-left:0; font-size:2.3rem;  color:#fdb845; font-weight:bold; text-align:center; }
.insu-main .dimm-box .tit a { color:#fdb845;font-weight:bold;  }
.insu-main .dimm-box .tit a span { color:#fdb845;font-size:2rem; letter-spacing:-.1rem;}
.insu-main .dimm-box .tit a span#subTit_3 { font-size:1.4rem; vertical-align:bottom; line-height:1.4; }
.insu-main .dimm-box .cont1 {margin-top:1rem; font-size:1.5rem;font-weight:bold;}
.insu-main .dimm-box .cont2 {margin-top:.5rem; font-size:1.3rem;}
.insu-main .button-section {margin-top:0;}
.insu-main .form-write dt { margin-top:1.3rem; }
.dimm-box .form-write dl {border:0 !important;}
.dimm-box .inp {color:#252525;border:0;}
.dimm-box .form-wrap span {line-height:4rem;}

/***************************************************
    PAGE : 상품소개
***************************************************/
.mgb_n{margin-bottom:0 !important;}
.bg_top{position:relative;width: 100%;height:0;padding-top:79%;background-repeat:no-repeat; background-size:100% auto;background-position:0 0;}
.bg_top.n1{background-image: url(../images/app/app_main/bg_main_mb_01.png);}
.bg_top.n2{background-image: url(../images/app/app_main/bg_main_mb_02.png);}
.bg_top.n3{background-image: url(../images/app/app_main/bg_main_mb_03.png);}
.bg_top.n4{background-image: url(../images/app/app_main/bg_main_mb_04.png);}
.bg_top.n5{background-image: url(../images/app/app_main/bg_main_mb_05.png);}
.bg_top.n6{background-image: url(../images/app/app_main/bg_main_mb_06.png);}
.bg_top.n7{background-image: url(../images/app/app_main/bg_main_mb_07.png);}
.bg_top .sec_top{position:absolute;top:0;bottom:0;left:1.5rem;right:1.5rem;}
.bg_top .sec_top .tit_wrap{display:-webkit-box;-webkit-box-orient:vertical;display:box;box-orient:vertical;-webkit-box-pack:center;box-pack:center;height:40%;height:-webkit-calc(100% - 171px);height:calc(100% - 171px);text-align:center;}
.bg_top .sec_top .tit_wrap h1{margin-bottom:1rem;color:#000; font-size:2.0rem; font-weight: bold;}
.bg_top .sec_top .tit_wrap p{font-size: 1.3rem; font-weight: bold;line-height:1.333;}
.bg_top .sec_top .tit_wrap p em{font-weight:bold;}
.bg_top .sec_top .form-write{position:absolute;bottom:1.5rem;width:100%;padding:1.5rem;margin-bottom:0;background: rgba(44,65,85,0.5);}
.bg_top .sec_top .form-write:before{content:'';display:block;position:absolute;top:40px;left:0; width:100%; border-bottom:1px solid #fff; border-color:rgba(255,255,255,0.2);}
.bg_top .sec_top .form-write .h_2{display:block;margin-bottom:10px;font-size: 1.5rem; font-weight: bold;color:#fff; letter-spacing:-1.5px;}
.bg_top .sec_top .form-write .info_txt{position:absolute; top:17px;right:15px; color:#fff; font-size:1.2rem; font-weight: bold;}
.bg_top.n7 .sec_top .tit_wrap {height:50%;}
.inp_sec_top.birth{width: 100%; height:40px;color:#fff;font-size: 1.3rem; font-weight: bold;background-color:transparent; border-bottom:1px solid #fff; }
.inp_sec_top.birth::-webkit-input-placeholder{ color:#fff; font-size: 1.3rem;}
.inp_sec_top.birth::-moz-placeholder{ color:#fff; }
.inp_sec_top.birth:-ms-input-placeholder{ color:#fff; }
.inp_sec_top.birth:-moz-placeholder{ color:#fff; }
@media screen and (max-width:320px) {
    .bg_top .sec_top .tit_wrap h1 {margin-bottom:0.5rem;font-size:1.8rem;}
    .bg_top .sec_top .tit_wrap p,
    .bg_top .sec_top .tit_wrap p em {font-size:1.1rem;}
}
@media screen and (min-width:412px) {
    .bg_top .sec_top .tit_wrap h1 {font-size:2.5rem;}
    .bg_top .sec_top .tit_wrap p,
    .bg_top .sec_top .tit_wrap p em {font-size:1.6rem;}
}

/***************************************************
    PAGE : 다이렉트 국내&해외 여행보험
***************************************************/
/*.insu-main.n1{background-image: url(../images/app/app_main/bg_01.png);} 사용하지 않음*/
/*.answer_box{position:relative; height: 5rem; padding: 1rem 13rem 1rem 0;} 사용하지 않음*/
.insu-main.n2{background-image: url(../images/app/app_main/bg_02.png);}
.insu-main.n3{background-image: url(../images/app/app_main/bg_03.png);}
.ckd_glob {margin-left:-0.4rem;padding-right:0 !important;}
.ckd_glob label:nth-child(3n + 1){margin-left:0 !important;}

/***************************************************
    PAGE : 고객센터
***************************************************/
.wrap > .customer-center { margin-top:-1rem !important; }
.customer-center { min-height:19.6rem; background:url(../images/app/app_main/bg_customer.png) right 0 no-repeat; background-size:cover; border:.1rem solid #d1dee6; padding:2.8rem 1.5rem; }
.customer-center h4 { font-size:1.3rem; margin-top:0; margin-bottom:2rem; line-height:1.8rem;vertical-align:bottom;}
.customer-center strong { font-size:1.6rem; color:#0072b8; font-weight:bold; vertical-align:bottom;line-height:2rem;}
.customer-center .list-dot01 li { font-size:1.2rem; }

/***************************************************
    PAGE : 에러페이지
***************************************************/
.callcenter{border:1px solid #e4e5e7; background:url(../images/app/common/ico_callcenter01.gif) 10px 5px no-repeat; background-size:40px 40px; padding:10px 10px 10px 60px; margin:20px 0 0 0;}
.callcenter > span{display:block; font-size:12px; margin-top:5px;}
.callcenter > span:first-child {margin:0 0 5px 0;}
.call_number{font-size:14px;font-weight:500;color:#6d8eb8; display:block;}
.callcenter .call_number span{color:#034ea2; font-weight:700;font-size:14px; text-decoration:underline}

.error {text-align:center;}
.error strong {display:block; background:url(../images/app/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;}
.btn_wr01{text-align:center; padding:0 0 0 2px; margin:15px 0 0 0; border-top:1px solid #e4e5e7; padding-top:8px; margin-top:8px;}
.btn01{background:#034ea2; padding:9px 29px; border:1px solid #034ea2; color:#fff;}

/*Floating Menu*//*app*/
.dimd { position:fixed; opacity : 0; top:0;left:0;right:0;height:100%;background:rgba(0,0,0,.6); transition:opacity 3s ease-in-out;transform:translate3d(-100%, 0, 0); -webkit-transform:translate3d(-100%, 0, 0); -moz-transform:translate3d(-100%, 0, 0); -o-transform:translate3d(-100%, 0, 0);}
.dimd.open { z-index:1000; opacity : 1; transition:opacity 1s ease-in-out; transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); }
.floating-wrap {position:relative; z-index:1001;}

.btn-floating {display:block; z-index:1002; position:fixed; bottom:2rem; right:1.8rem; width:4.5rem; height:4.5rem; box-shadow:0 0 0.4rem 0.5rem rgba(0, 0, 0, 0.1); border-radius:50%;
background-color:#0098de; }
.btn-floating:before {content:""; display: block; background: #fff; position:absolute; top:50%; left:50%;  border-radius:1px; width:0.2rem; height:1.6rem; margin-left:-0.1rem; margin-top:-0.8rem;}
.btn-floating:after {content:""; display: block; background: #fff; position:absolute; top:50%; left:50%; border-radius:1px; width:1.6rem; height:0.2rem; margin-left:-0.8rem; margin-top:-0.1rem;}
.btn-floating.on {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }
.btn-floating.on:before {top:50%; left:50%; margin-left:-0.1rem; margin-top:-0.8rem;}
.btn-floating.on:after {top:50%; left:50%; margin-left:-0.8rem; margin-top:-0.1rem;}
.btn-floating span {color:transparent;}
/*20201019 by csh */
.box-floating {display:none; z-index:1001; position:fixed; bottom:4.2rem; right:1.8rem; width:20.5rem; text-align:right;}
.box-floating {padding-bottom:4.2rem;}
.btn-floating.on + .box-floating {}
.box-floating button { width:4.5rem; height:4.5rem; border-radius:50%; background:#fff; position:relative;}
.box-floating button:before {content:''; display:block; width:100%; height:100%; background:url(../images/app/app_main/bg_btn_quick.png) no-repeat 0 0; background-size:4.5rem;}
/* 20201019 by csh */
.box-floating button span {color:#fff; position:absolute; left:-80px;  top:50%; transform:translate(-40%, -50%); text-align:right; width:12rem;}
.box-floating li + li {margin-top:1.5rem;}
.floating01 button:before { background-position:0 -12rem; }/*QR코드 촬영*/
.floating02 button:before { background-position:0 -6rem; }/*큰글씨 서비스*/
.floating03 button:before { background-position:0 0; }/*음성검색*/
.box-floating li {animation: opat 0.6s cubic-bezier(0.6, -0.28, 0.74, 0.05);}
.box-floating li.floating03 {animation-delay: 0;}/*음성검색*/
.box-floating li.floating02 {animation-delay: -0.3s;}/*큰글씨 서비스*/
.box-floating li.floating01 {animation-delay: -0.6s;}/*QR코드 촬영*/
@keyframes opat {
    0% {opacity:0;}
    100% {opacity:1;}
}

.depth3_st01{position:relative; height:22px; margin:0 0 20px;}
.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{display:block;width:99%; position:relative; top:-10px; right:0px; border:1px solid #9eb8da; z-index:-1;}

.time{color:#6d8eb8; font-weight:bold; background:url(../images/app/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;}


/* 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.travel{color:#222; font-size:13px; display:inline-block; width:70%; 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 .found_list{margin-top:2px; display:block; vertical-align:middle; padding-left:18px;}
.listType01.list01 .list_tit strong{width:80%;}
.listType01.list01 .list_tit span{position:absolute; right:10px; margin-top:0;}
.listType01 .list_tit.on strong{color:#0c4da2;}
.listType01 .list_tit .more{width:21px; height:100%; position:absolute; top:0; right:10px; background:url(../images/app/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(../images/app/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; position:relative; border-left:1px solid #e8e9eb; border-right:1px solid #e8e9eb; }
.listType01 .list_con ul{padding:8px 10px;}
.listType01 .list_con li{display:table; width:100%;border:0; background:url(../images/app/common/ico_dotted01.gif) left 9px no-repeat; background-size:3px 3px;}
.listType01 .list_con li strong{width:100px; color:#222; display:table-cell; vertical-align:top; padding:3px 10px 3px 7px;background: url(../images/app/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 .list_con .go_clear > a{line-height:16px}

.attention02{font-size:11px; color:#f6821f; background:url(../images/app/common/ico_attention02.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;font-weight:700;font-size:13px; margin:0 0 5px}
.attention_list01{margin:0 0 0 -8px;}
.attention_list01 li{position:relative;padding-left:8px;margin-top:4px;font-size:12px; color:#f6821f;  line-height:18px;}
.attention_list01 li:before{position:absolute;top:7px;left:0;width:3px;height:3px;border-radius:3px;background:#f6821f;content:""}
.attention_list01 li .st {color:#e55600; font-weight:bold}
.finish_area02 + .attention02{margin-top:20px}

.right_t{text-align:right !important}

.bttn06{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;}
.bttn06 span{display:inline-block; width:6px; background:url(../images/app/common/ico_button01.gif) left top no-repeat; background-size:6px 9px; position:absolute; top:9px; right:7px;}

.depth5_st01{display:inline-block; font-size:14px; font-weight:bold; color:#222; margin:28px 0 5px}

.tableType02{width:100%; border-top:2px solid #646567; border-bottom:1px solid #a7a9ac; table-layout:fixed;}
.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; word-break:break-all;}
.tableType02 td+td{text-align:right}
.tableType02 tbody th{padding:10px}
.tableType02 td strong{display:block; padding:10px 0; color:#0c4da2}
.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;}
.tableType02 .endLine{border-bottom:0;}

.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;margin:10px 0;padding:51px 0 0;text-align:left;color:#333;background:url(../images/app/common/ico_message02.gif) 50% 0 no-repeat;background-size:55px 47px;}
.finish_area02 p.type02{background:url(../images/app/common/ico_message03.gif) 0 50% no-repeat;background-size:55px 47px;}
.finish_area02 p.type03{background:url(../images/app/common/ico_message04.gif) 0 50% no-repeat;background-size:55px 47px;}
.finish_area02 p .num{color:#ff7500}

/*로딩바 - 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 !important;height:60px !important;margin:0}
.layerPop_wr .loading p{display:none}
/*레이어팝업 - 20200511 수정*/
.main-layer{z-index:1002 !important}
.main-layer-wrapper{padding:0 2.5rem}
.main-layer-bg{opacity:0.6}
.main-layer-wrap,.main-layer .layer-pop-default,.main-layer .main-layer-wrap2{max-width:375px;margin:0 auto;border:0 none;border-radius:2rem;box-shadow:0 8px 8px rgba(0,0,0,0.3);overflow:hidden}
.main-layer-container,.layer-container{position:relative}
.main-layer-con{border-radius:0;margin:0}
.main-layer .pop-header-3 .pop-btn-close{width:4.5rem;height:4.5rem;background:url(/mhwr/web/images/web/web_main_new/popupClose_btn.png) no-repeat 50% 50%;background-size:2.5rem auto}
.main-layer .main-layer-wrap2 .main-layer-con{padding:1.5rem 0 0;margin:0}
.main-layer .button-section{margin-top:4rem}
.main-layer-container [class^="btn-st"]{min-width:50%;height:5rem;margin-right:0;font-weight:400;font-size:1.4rem;line-height:2rem;color:#fff;letter-spacing:0}
.main-layer-container .btn-st01{border:0 none;background:#ccc;color:#222}
/*e-모니터링*/
#eMoPop .pop-header-3{height:4.5rem;margin:0;border-bottom:1px solid #a1a1a1}
#eMoPop .pop-header-3 .pop-tit{padding:1rem 2rem;font-size:1.8rem;line-height:2.5rem;color:#000;letter-spacing:-0.05rem}
#eMoPop.main-layer .main-layer-con > p{padding:0 20px;font-size:1.3rem;line-height:2rem;letter-spacing:-0.05rem;word-break:keep-all}
#eMoPop.main-layer .main-layer-con > p.bold{margin-top:1.5rem;font-size:1.5rem;color:#0066b3}
/*앱업데이트*/
#appUpdate .pop-header-3{height:4.5rem;margin:0;border-bottom:1px solid #a1a1a1}
#appUpdate .pop-header-3 .pop-tit{padding:1rem 2rem;font-size:1.8rem;line-height:2.5rem;color:#000;letter-spacing:-0.05rem}
#appUpdate.main-layer .main-layer-con > p{padding:0 20px;font-size:1.3rem;line-height:2rem;letter-spacing:-0.05rem;word-break:keep-all}
#appUpdate.main-layer .main-layer-con > p.bold{margin-top:1.5rem;font-size:1.5rem;color:#0066b3}
#appUpdate.main-layer .main-layer-con > p > a{display:block;margin:1.5rem 0 2rem;padding:0 2rem;border-radius:2rem;overflow:hidden}
#appUpdate.main-layer .main-layer-con > p > a > img{border-radius:2rem}
/*종료팝업*/
#popAppClose .pop-header-3{position:absolute;top:0;right:0;width:4.5rem;height:4.5rem;margin:0;border:0 none}
#popAppClose .pop-header-3 .pop-tit{display:none}
#popAppClose .layer-pop-default .layer-con{padding:0}
#popAppClose .layer-pop-default .layer-con > a{display:block}
#popAppClose .layer-pop-default img{max-width:100%}
#popAppClose .layer-pop-default .layer-con .layer-txt{margin-top:1.5rem}
#popAppClose .layer-pop-default .layer-con .layer-txt:before{display:none}
#popAppClose .layer-pop-default .layer-con .layer-txt p{display:block;width:100%;margin:0;padding:0 20px;font-size:1.5rem;line-height:2rem;color:#333}
#popAppClose .layer-pop-default .layer-con .layer-txt p strong{display:block;font-weight:400;font-size:1.5rem;line-height:2rem;color:#333;letter-spacing:-0.05rem;word-break: keep-all}
#popAppClose .layer-pop-default [class^="btn-st"]{min-width:50%;height:5rem;margin-right:0;font-weight:400;font-size:1.4rem;line-height:2rem;color:#fff;letter-spacing:0}
#popAppClose .layer-pop-default .btn-st01{border:0 none;background:#ccc;color:#222}
/*이벤트팝업*/
#eventPop .main-layer-con .home-container .swiper-button-wrap{top:1rem;right:1rem}
#eventPop .main-pop-foot{padding:0}
#eventPop .main-pop-foot button{min-width:180px;height:5rem;font-weight:400;font-size:1.5rem;line-height:2rem;color:#fff;letter-spacing:-0.5px}
#eventPop .main-pop-foot button + button{min-width:calc(100% - 180px);-webkit-min-width:calc(100% - 180px)}
#eventPop .hbox > *{margin-right:0}
#eventPop .hbox > *:last-child{margin-right:0;background:#ccc;color:#333}
/*올원동의서*/
#allOnePop.main-layer{display:block}
#allOnePop.main-layer .main-layer-container{padding:4.5rem 0 0}
#allOnePop.main-layer .main-layer-wrapper{display:block;height:100%;padding:0}
#allOnePop.main-layer .main-layer-wrap2{width:100%;height:100%;border-radius:0}
#allOnePop.main-layer .pop-header-3{position:absolute;top:0;left:0;right:0;height:4.5rem;padding:0;margin:0;border-bottom-color:#a1a1a1}
#allOnePop.main-layer .pop-header-3 .pop-tit{padding:1rem 2rem;font-size:1.8rem;line-height:2.5rem;color:#000;letter-spacing:-0.05rem}
#allOnePop.main-layer .main-layer-wrap2 .main-layer-con{height:100% !important;padding:1.5rem 1.5rem 8.5rem !important;margin:0 !important;overflow-y:auto !important}
#allOnePop.main-layer .main-layer-con > p{font-size:1.3rem;line-height:2.0rem}
#allOnePop.main-layer .button-section{position:absolute;bottom:0;left:0;right:0;;width:100%;height:8.5rem;padding:3.5rem 0 0;margin:0;background:rgba(0, 0, 0, 0) linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 14%, white 100%) repeat scroll 0% 0%;z-index:1}
@media screen and (max-width:320px) {
	.main-layer-wrapper{padding:0 1.5rem}
	.main-layer-con .home-container{min-height:22.5rem}
}

/*보험청구등록 팝업창-20200825*/
.newPopup .pop-wrap{padding-top:5.0rem}
.newPopup .pop-content{padding-bottom:7.0rem}
.newPopup .webScanner_wrap{margin-top:-1.5rem !important}
.webScannerForm{margin:0 -1.5rem;padding:1.5rem;background:#f2f3f5}
.webScannerForm > h5{margin-bottom:0.5rem;font-weight:500 !important;font-size:1.6rem !important;line-height:2.0rem !important;color:#1a1a1a;letter-spacing:-0.1rem}
.webScannerForm > h5 > span{font-weight:700;font-size:1.6rem !important;line-height:2.0rem !important;color:#0066b3}
.webScannerForm .advice{word-break:keep-all}
.webScanner_formGroup{padding:0.3rem 0;margin-bottom:1.0rem;border-bottom:1px dashed #adb6bd}
.webScanner_formGroup:after{clear:both;display:block;content:""}
.webScanner_formGroup .radioChk,.webScanner_formGroup #webScanner_native{float:left;padding:0.3rem 0}
.webScanner_formGroup #webScanner_native{float:right}
.webScanner_formGroup .radioChk.hide + #webScanner_native{float:left}
.radioChk label{float:left;position:relative;padding-left:2.5rem;margin-left:-0.3rem;font-size:1.4rem;line-height:2.4rem}
.radioChk label + label{margin-left:0.5rem !important}
.radioChk input[type="checkbox"],.radioChk input[type="radio"]{position:absolute;top:-0.1rem;left:0;width:24px;height:24px;margin:0;background-size:24px auto}
.radioChk input[type="checkbox"]:checked,.radioChk input[type="radio"]:checked{background-position:0 -24px}
.radioChk span{font-size:1.3rem;line-height:2.4rem;color:#454545}
#webScanner_native > span{float:left}
#webScanner_native > span + span{margin-left:1.0rem}
#webScanner_native button{display:block;position:relative;height:2.4rem;padding-left:2.3rem;background:transparent}
#webScanner_native button > em{display:block;font-size:1.3rem;line-height:2.4rem;color:#454545}
#webScanner_native button:before{position:absolute;top:0.3rem;left:0;width:2.3rem;height:1.6rem;background:0 center no-repeat;background-size:auto 16px;content:""}
#webScanner_native button.fileOpen:before{background-image:url(/mhwr/app/js/webscanner/images/ico-album@2x.png)}
#webScanner_native button.takePicture:before{background-image:url(/mhwr/app/js/webscanner/images/ico-camera@2x.png)}
@media screen and (max-width:359px){
	.webScannerForm .advice br{display:none}
	.webScanner_formGroup .radioChk,.webScanner_formGroup #webScanner_native{width:100%}
}
.webScanner_wrap img{max-width:100%}
.webScanner_wrap #finalImage{width:auto}
.webScanner_wrap .contentWrap.infoAddItem{padding:1.5rem 0/*;background:url(/mhwr/app/js/webscanner/sample/pub/nhfire/mobile/images/ico-camera-center-info@2x.png) no-repeat 50% 50%;background-size:auto 7.0rem*/}
.webScanner_wrap .listThumbs{margin:0 -5px;justify-content:center}
.webScanner_wrap .listThumbs .listItem{width:88px;height:88px}
.webScanner_wrap .listThumbs .listItem .btnAddItem{background:#fff url(/mhwr/app/js/webscanner/images/ico-plus-add-image@2x.png) no-repeat 50% 50%;background-size:auto 30px;}
.webScanner_wrap .listThumbs .listItem .btnDelete{width:24px;height:24px;border-color:#cfd4da;border-radius:4px;background:rgba(255,255,255,0.75) url(/mhwr/app/js/webscanner/images/icon-cross-delete-thumb@2x.png) no-repeat 50% 50%;background-size:12px}
.webScanner_wrap .guideBox{padding:0.5rem 1.0rem;margin-top:1.0rem;border:1px solid #cfd4da;border-radius:4px;background:#f5f5f5;text-align:center}
.webScanner_wrap .guideBox > .advice{display:inline-block;font-size:12px;color:#767676}
.webScanner_wrap .guideBox > .advice:before{font-size:12px;color:#767676}
.webScanner_wrap .modalWrap.slide{top:50px;height:calc(100% - 50px);height:-webkit-calc(100% - 50px)}
.webScanner_wrap .popupTitleWrap{padding:1.3rem 1.5rem;background:#f2f3f5}
.webScanner_wrap .popupTitleWrap h5{position:relative;padding:0 0 0 2.4rem;font-weight:500 !important;font-size:1.6rem !important;line-height:2.4rem !important;color:#1a1a1a;letter-spacing:-0.1rem}
.webScanner_wrap .popupTitleWrap h5 > button{position:absolute;top:0;left:0;width:2.4rem;height:2.4rem;margin:0;background:transparent}
.webScanner_wrap .popupTitleWrap h5 > button:before{position:absolute;top:0.4rem;left:0.5rem;width:1.2rem;height:1.2rem;border:solid #1a1a1a;border-width:2px 2px 0 0;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);content:""}
.webScanner_wrap .popupTitleWrap h5 > button > span{display:block;font-size:0;line-height:0}
.webScanner_wrap .popupTitleWrap .topBtns button{margin-left:0}
.webScanner_wrap .popupTitleWrap .topBtns button + button{margin-left:1.5rem}
.webScanner_wrap .popupTitleWrap .topBtns .btnRotateLeft,.webScanner_wrap .popupTitleWrap .topBtns .btnRotateRight{background:no-repeat 50% 50%;background-size:auto 22px;}
.webScanner_wrap .popupTitleWrap .topBtns .btnRotateLeft{background-image:url(/mhwr/app/js/webscanner/images/ico-rotate-90l@2x.png)}
.webScanner_wrap .popupTitleWrap .topBtns .btnRotateRight{background-image:url(/mhwr/app/js/webscanner/images/ico-rotate-90r@2x.png)}
.webScanner_wrap .modalWrap .popupContentWrap{padding:0}
.webScanner_wrap .modalWrap .popupFooterWrap.fixed{position:fixed;bottom:0;left:0;right:0;height:6.5rem;padding-top:1.5rem;margin:0;background:rgba(0, 0, 0, 0) linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 15%, white 100%) repeat scroll 0% 0%;z-index:1}
.webScanner_wrap .modalWrap .popupFooterWrap .footerBtns.innerPadding{padding:0}
.webScanner_wrap .modalWrap .popupFooterWrap .footerBtns{display:box;display:-webkit-box;display:-moz-box;box-orient:horizontal;-webkit-box-orient:horizontal;-moz-box-orient:horizontal}
.webScanner_wrap .modalWrap .popupFooterWrap .footerBtns .footerBtn{display:block;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;width:50%;height:50px;margin:0;border-radius:0;font-weight:500;font-size:1.7rem;line-height:2rem;color:#fff}
.webScanner_wrap .modalWrap .popupFooterWrap .footerBtns #resetEdit{width:30%;background:#999}
.webScanner_wrap #orginalImageBox{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%)}
.webScanner_wrap #changedImageBox{padding-bottom:15.0rem}
.webScanner_wrap .imgEditControlWrap{position:fixed;bottom:5.0rem;left:0;right:0;padding:1.0rem 1.5rem 1.2rem;background:#f2f3f5;z-index:2}
.webScanner_wrap .imgEditControlWrap .title{font-size:1.5rem;line-height:3.6rem;color:#1a1a1a}
.webScanner_wrap .imgEditControlWrap .contolItem{height:3.6rem;margin-bottom:0}
.webScanner_wrap .imgEditControlWrap .contolItem + .contolItem{margin-top:1.0rem}
.webScanner_wrap .imgEditControlWrap .radioTab{border-radius:1.8rem;background:#fff}
.webScanner_wrap .contolItem label{width:33.333%;font-size:1.4rem;line-height:3.6rem;color:#1a1a1a}
.webScanner_wrap .contolItem input[type='radio']:checked + label{border:2px solid #0066b3;background:#fff;font-weight:700;color:#0066b3}
.webScanner_wrap .contolItem input[type='radio']#colorBtn:checked + label{border-radius:1.8rem 0 0 1.8rem}
.webScanner_wrap .contolItem input[type='radio']#blackBtn:checked + label{border-radius:0 1.8rem 1.8rem 0}
.webScanner_wrap .slideWrap .ui-slider .ui-slider-handle{border:3px solid #0066b3;background:#fff}
/*주의사항*/
.caution_wrap{padding:0.8rem 1.0rem;margin-top:2.0rem;border-top:1px solid #0077ba;background:#eaf5fb}
.caution{position:relative;padding-left:15px;font-size:13px;line-height:18px;color:#555}
.caution:before{position:absolute;top:1px;left:0;font-size:13px;line-height:18px;color:#555;content:"※"}
.caution > strong{display:block;margin:0 0 0.3rem;font-weight:700;color:#1a1a1a}
.caution > strong > em{font-weight:700;color:#ee0700}
/*하단버튼*/
.button-section.fixed{position:fixed;bottom:0;left:0;right:0;height:7.0rem;padding-top:2.0rem;margin:0;background:rgba(0, 0, 0, 0) linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 15%, white 100%) repeat 0% 0%;z-index:1}
.button-section.fixed button{margin:0;font-weight:500;font-size:1.7rem;line-height:2rem;color:#fff}
.button-section.fixed .btn-st01{min-width:12.0rem;max-width:12.0rem;border:0 none;background:#999}
.button-section.fixed .btn-st02{background:#0066b3}