@charset "utf-8";

.app_wrap{position:relative;width:100%;}
.container{position:relative;width:100%;padding:0 1.5rem;box-sizing:border-box;}


/*----------------------------------------- header -----------------------------------------*/
.app_header_wrap{position:relative;width:100%;}
.app_header{position:relative;top:0;left:0;width:100%;height:6rem;text-align:center;z-index:99;}
.app_header .left_con{position:absolute;top:0;left:0;height:100%;font-size:0;}
.app_header .left_con a{display:block;width:4rem;height:100%;font-size:0;background:url('../img/prev_icon.png') no-repeat center;background-size:1.6rem auto;}
.app_header .logo_con{display:inline-block;width:20rem;height:100%;}
.app_header .logo_con a{display:flex;align-items:center;height:100%;}
.app_header .logo_con a img{width:100%;display:block;}
.app_header .right_con{position:absolute;top:0;right:0;height:100%;font-size:0;}
.app_header .right_con a{display:block;width:5rem;height:100%;font-size:0;background:url('../img/menu_icon.png') no-repeat center;background-size:2.2rem auto;}
.main .app_header{position:absolute;}
.main .app_header .left_con{display:none;}

.clicked_header_wrap{display:none;position:absolute;z-index:100;top:0;right:0;width:100%;height:100vh;}
.clicked_header_wrap:after{clear:both;content:'';display:block;}
.clicked_header_wrap.active{display:block;}
.clicked_header_wrap.active .clicked_header_con{right:0%;animation-name:menu_open;animation-duration:.3s;animation-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);}
@keyframes menu_open{
    from{right:-100%;}
    to{right:0%;}
}
.clicked_header_wrap .clicked_header_con{position:relative;overflow-y:auto;padding-bottom:15rem;width:100%;height:100%;box-sizing:border-box;background-color:#fff;}
.header_top_con{display:flex;align-items:center;justify-content:space-between;width:100%;height:6rem;border-bottom:1px solid #ccc;}
.header_top_con .btn_close{height:100%;}
.header_top_con .btn_close a{display:flex;padding:0 1.6rem;height:100%;align-items:center;}
.header_top_con .btn_close a img{max-width:1.7rem;}
.header_top_con .btn_right{height:100%;}
.header_top_con .btn_right .btn{display:flex;align-items:center;height:100%;}
.header_top_con .btn_right .btn a{display:block;padding:2.7rem 1rem 0;font-size:1.2rem;font-weight:700;color:#111;box-sizing:border-box;background:no-repeat center top;background-size:2rem auto;}
.header_top_con .btn_right .btn.login a{background-image:url('../img/icon_login.png');}
.header_top_con .btn_right .btn.logout a{background-image:url('../img/icon_logout.png');}

.header_body_con{width:100%;box-sizing:border-box;}
.header_body_con .btn_box{padding:1.5rem 0;}
.header_body_con .btn_box ul{font-size:0;text-align:center;}
.header_body_con .btn_box ul li{position:relative;display:inline-block;max-width:14rem;width:40%;vertical-align:middle;}
.header_body_con .btn_box ul li + li{padding-left:1.7rem;margin-left:1.7rem;}
.header_body_con .btn_box ul li + li:before{position:absolute;left:0;top:50%;margin-top:-0.8rem;width:0.1rem;height:1.6rem;background-color:#ccc;content:"";clear:both;display:block;}
.header_body_con .btn_box ul li a{display:block;width:100%;}
.header_body_con .btn_box ul li a img{display:block;width:100%;}

.header_body_con .gnb_wrap{width:100%;box-sizing:border-box;}
.header_body_con .gnb_wrap > ul{}
.header_body_con .gnb_wrap > ul > li{border-bottom:1px solid #ccc;overflow:hidden;}
.header_body_con .gnb_wrap > ul > li:first-child{border-top:1px solid #ccc;}
.header_body_con .gnb_wrap > ul > li.active{overflow:visible;}
.header_body_con .gnb_wrap > ul > li > a{display:block;padding:2rem 1.5rem;background:url('../img/icon_gnb_arrow_down.png') no-repeat center right 1.5rem;background-size:1.3rem;box-sizing:border-box;}
.header_body_con .gnb_wrap > ul > li.active > a{background-image:url('../img/icon_gnb_arrow_up.png');border-bottom:0.1rem solid #ccc;}
.header_body_con .gnb_wrap > ul > li > a > span{font-size:1.6rem;font-weight:600;color:#111;text-align:left;}
.header_body_con .gnb_wrap > ul > li.active > a > span{color:#ff8025;}
.header_body_con .gnb_wrap > ul > li > ul{display:none;padding:0 1.5rem;}
.header_body_con .gnb_wrap > ul > li > ul > li{border-bottom:0.1rem solid #ccc;}
.header_body_con .gnb_wrap > ul > li > ul > li:last-child{border-bottom:none;}
.header_body_con .gnb_wrap > ul > li > ul > li > a{display:block;padding:1.4rem 0;}
.header_body_con .gnb_wrap > ul > li > ul > li > a > span{font-size:1.4rem;line-height:2rem;color:#333;}


/* main_visual */
.main_visual{position:relative;width:100%;min-height:34rem;overflow:hidden;}
.main_visual .visual{position:relative;float:left;width:100%;}
.main_visual .visual img{position:relative;z-index:1;display:block;width:100%;}
.main_visual .main_util{position:absolute;bottom:7rem;left:1.5rem;z-index:5;display:flex;align-items:center;}
.main_visual .main_util .count{margin:0 0.5rem;min-width:6rem;height:2.5rem;line-height:2.5rem;font-size:1.2rem;border-radius:3rem;text-align:center;color:#fff;background-color:rgba(0, 0, 0, 0.4 );}
.main_visual .main_util .count .num{padding:0 0.3rem;font-size:1.2rem;font-weight:700;}
.main_visual .main_util .count .num.current{font-weight:800;}

/* main_contents */
.main_contents{position:relative;margin-top:-4.5rem;padding:2.5rem 0 10rem;background:url('../img/main_personal_bg.png') no-repeat center top;background-size:100% 100%;}
.main_contents .main_info{padding-right:1.5rem;font-size:0;}
.main_contents .main_info .list{display:inline-block;padding-left:1.5rem;padding-bottom:1.5rem;width:calc(50% - 1.5rem);height:16rem;vertical-align:top;}
.main_contents .main_info .list a{position:relative;display:block;padding:1.8rem;width:100%;height:100%;box-sizing:border-box;background-color:#fff;border-radius:3rem;overflow:hidden;box-shadow:2px 2px 15px rgba(0, 0, 0, 0.15);}
.main_contents .main_info .list a .tit{font-size:1.5rem;line-height:2rem;color:#111;font-weight:700;}
.main_contents .main_info .list a .icon{position:absolute;bottom:1.5rem;right:2rem;width:6rem;height:6rem;}
.main_contents .main_info .list a .icon img{display:block;width:100%;}
.main_contents .main_go_btn{margin-top:1rem;padding:0 1.5rem;}
.main_contents .main_go_btn a{display:block;padding:2.2rem 0;width:100%;text-align:center;background:url('../img/btn_company_bg.png') no-repeat center;background-size:100% 100%;border-radius:3.5rem;box-shadow:0 5px 10px rgba(157, 49, 25, 0.3);}
.main_contents .main_go_btn a span{position:relative;padding-left:4rem;font-size:1.6rem;color:#fff;font-weight:700;}
.main_contents .main_go_btn a span:before{position:absolute;left:0;top:50%;margin-top:-1.5rem;width:3rem;height:3rem;background:url('../img/btn_company_icon.png') no-repeat center;background-size:100% auto;content:"";clear:both;display:block;}

/* 기업검진 main */
.main_v2 .main_contents{background-image:url('../img/main_personal_bg2.png')}
.main_v2 .main_contents .main_go_btn a{background-image:url('../img/btn_company_bg2.png');}

/* floating_wrap */
.floating_wrap{position:fixed;z-index:102;margin-left:0;bottom:0;display:flex;justify-content:space-evenly;max-width:750px;min-width:280px;width:100%;height:7rem;}
.floating_wrap ul{display:flex;padding:1.2rem 0;max-width:75rem;width:100%;background-color:#fff;border-radius:1.5rem 1.5rem 0 0;box-shadow:0 0px 10px rgba(0, 0, 0, 0.1);}
.floating_wrap ul li{width:25%;height:100%;}
.floating_wrap ul li a{display:block;padding-top:3.2rem;width:100%;height:100%;box-sizing:border-box;text-align:center;background:no-repeat center top;background-size:2.5rem auto;}
.floating_wrap ul li a span{display:block;font-size:1.1rem;color:#666;font-weight:700;}
.floating_wrap ul li.on a span{color:#ff8025;}
.floating_wrap ul li.q01 a{background-image:url('../img/quick_icon01_off.png');}
.floating_wrap ul li.q02 a{background-image:url('../img/quick_icon02_off.png');}
.floating_wrap ul li.q03 a{background-image:url('../img/quick_icon03_off.png');}
.floating_wrap ul li.q04 a{background-image:url('../img/quick_icon04_off.png');}
.floating_wrap ul li.q01.on a{background-image:url('../img/quick_icon01_on.png');}
.floating_wrap ul li.q02.on a{background-image:url('../img/quick_icon02_on.png');}
.floating_wrap ul li.q03.on a{background-image:url('../img/quick_icon03_on.png');}
.floating_wrap ul li.q04.on a{background-image:url('../img/quick_icon04_on.png');}


/* 로그인 */
.app_login_wrap{width:100%;}
.app_login_wrap .logo{margin:0 auto;max-width:20rem;padding-bottom:3rem;}
.app_login_wrap .logo img{width:100%;display:block;}
.app_login_wrap .input_area input{margin-bottom:1rem;}
.app_login_wrap .input_check label{font-size:1.2rem;}
.app_login_wrap .btn_area .btn_ok{border-radius:0;}
.app_login_wrap ul.dot_list02 > li{font-size:1.2rem;line-height:2rem;color:#7d7d7d;}
.app_login_wrap ul.dot_list02 > li:before{top:0.8rem;background-color:#7d7d7d;}
.app_login_wrap .search_info{margin:2rem 0 3rem;font-size:0;text-align:center;}
.app_login_wrap .search_info li{display:inline-block;position:relative;vertical-align:middle;}
.app_login_wrap .search_info li + li{padding-left:1rem;margin-left:1rem;}
.app_login_wrap .search_info li + li:before{position:absolute;top:50%;left:0;margin-top:-0.6rem;width:1px;height:1.2rem;content:'';background-color:#ccc;}
.app_login_wrap .search_info li a{display:block;font-size:1.3rem;line-height:1;color:#111;}

/* 마이페이지 */
.app_mypage_list{width:100%;}
.app_mypage_list .menu{position:relative;box-sizing:border-box;border-bottom:1px solid #ccc;}
.app_mypage_list .menu.push{padding:2rem 8rem 2rem 1.5rem;}
.app_mypage_list .menu.link a{display:block;padding:2rem 1.5rem;}
.app_mypage_list .menu strong{display:block;font-size:1.6rem;line-height:1.8rem;color:#111;}
.app_mypage_list .menu .onoff_btn{position:absolute;right:1.5rem;top:50%;margin-top:-1.5rem;}
.app_mypage_list .menu .onoff_btn button{position:relative;display:block;width:6rem;height:3rem;border-radius:3rem;font-size:0;background-color:#ccc;}
.app_mypage_list .menu .onoff_btn button:after{position:absolute;left:0.5rem;top:0.5rem;width:2rem;height:2rem;z-index:1;border-radius:50%;background-color:#fff;content:"";clear:both;display:block;}
.app_mypage_list .menu .onoff_btn button.on{background-color:#ff8f54;}
.app_mypage_list .menu .onoff_btn button.on:after{left:auto;right:0.5rem;}

/* 앱 버전 정보 */
.version_wrap{position:relative;padding-top:15%;}
.version_wrap .desc{display:block;margin-bottom:10%;}
.version_wrap .desc > img{display:block;margin:0 auto 2rem;max-width:8.6rem;}
.version_wrap .desc .txt{text-align:center;}
.version_wrap .desc .txt strong{display:block;font-size:1.8rem;line-height:2.8rem;color:#ff8025;font-weight:800;}
.version_wrap .desc .txt p{font-size:1.4rem;line-height:2.4rem;color:#333;font-weight:700;}
.version_wrap .dot_list02 li{color:#7d7d7d;font-size:1.2rem;line-height:1.8rem;}
.version_wrap .dot_list02 li:before{top:0.7rem;background-color:#7d7d7d;}

/* main_layer */
.main_layer{display:none;opacity:0;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;}
.main_layer.open{opacity:1}
.main_layer:after{content:"";display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.7;z-index:1;}
.main_layer .lay_contents{position:relative;z-index:2;top: 40%;left: 50%;transform: translate(-50%, -50%); max-width: 750px;min-width: 280px;width: 100%;padding: 0 5%;box-sizing: border-box;}
.main_layer .lay_contents .btn_wrap{margin-top:0;font-size:0;max-width: 750px;width: 100%;}
.main_layer .lay_contents .btn_wrap a{position:static;display:inline-block;width:50%;height:auto;color:#666;font-weight:700;font-size:1.2rem;line-height:3rem;text-align:center;background-color:#fff;vertical-align:top;border-left:1px solid #e0e0e0;box-sizing:border-box;margin-left:0;}
.main_layer .lay_contents .btn_wrap a:first-child{border-left:0;}
.main_layer .lay_contents .tbtn{left:50%;margin-left:-50px;bottom:-20px;width:97px;height:13px;background:url('../img/btn_today_check.png') no-repeat center;}
.main_layer .lay_contents .cbtn{left:50%;margin-left:-10px;top:-30px;width:19px;height:18px;background:url('../img/btn_close_pop.png') no-repeat center;}
.main_layer .lay_contents .img_wrap{text-align:center;}
.main_layer .lay_contents .img_wrap .imgmap{display:inline-block;}
.main_layer .lay_contents .img_wrap .imgmap.mo{display:none;}
.main_layer .lay_contents .img_wrap .imgmap a{display:block;width:100%;}
.main_layer .lay_contents .img_wrap .imgmap img{width:100%;display:block;}
@media only screen and (max-width:750px){
    /* main_layer */
    .main_layer{position:absolute;}
    .main_layer .lay_contents .img_wrap .imgmap img{width:100%;display:block;}
    .main_layer .lay_contents .btn_wrap a:first-child{border-left:0;}
}