@charset "utf-8";

/**폰트 사이즈*/
/**********************************************************************************************
기본폰트 13px, 0.813em
22px ---> 11px ---> 0.846em
24px ---> 12px ---> 0.923em
26px ---> 13px ---> 0.813em
28px ---> 14px ---> 1.077em
30px ---> 15px ---> 1.154em
32px ---> 16px ---> 1.231em
34px ---> 17px ---> 1.308em
36px ---> 18px ---> 1.385em
38px ---> 19px ---> 1.462em
48px ---> 24px ---> 1.846em
58px ---> 29px ---> 2.231em
**********************************************************************************************/

/*setup*/
.app #sub_section .content {margin-top:0; margin-bottom:80px;}
.app .profile {padding-top: 25px; text-align: center;}
.app .profile p.greeting {font-weight: bold; font-size: 1.231em;}
.app .profile p.login_txt {font-weight: bold; font-size: 1.231em;}
.app .profile .info_wp {margin-top:5px;}
.app .profile .info_wp em {font-size:0.923em; color:#767676; position:relative;}
.app .profile .info_wp em.member:before {content: ''; display:inline-block; width:1px; height:12px; border-left:1px solid #e9ebea; margin:0 5px 3px 4px; vertical-align: middle;}

.app .setup_btn {margin-top:25px; width:100%;}
.app .setup_btn a.set {width:49% !important;}
.app .setup_btn a {margin-left:0.7%;}
.app .setup_btn a:first-child {margin-left:0;}

.app .setup_wrap {margin-top:25px; border-top:1px solid #999999; border-bottom:1px solid #999999;}
.app .setup_wrap ul li {padding:12px 10px; border-top:1px solid #e9ebea; position:relative; overflow:hidden;}
.app .setup_wrap ul li:first-child {border-top:0;}
.app .setup_wrap ul li p.set_txt {margin-top:12px; color:#767676; font-size:0.846em;}
.app .setup_wrap ul li span.version {float:right;}

/*switch*/
.switch {width:48px; height:26px;box-sizing:border-box; overflow:hidden;position:relative; border:1px solid #b6b6b6;border-radius:999px;background-color:#b6b6b6; position:absolute; right:10px; top:6px;}
.switch input {position:absolute;top:-9999px; left:0}
.switch span {position:absolute; left:0; top:1px;margin:0 1px;width:22px;height:22px;}
.switch span:before {content:''; background: url(../images/common/icon_switch_off.png) left top no-repeat; position:absolute; left:0; top:0; color:#b6b6b6; width:22px; height: 22px; background-size: 22px, 22px; background-position: 0 0;}
.switch em {position:absolute;right:8px;top:0;color:#c6ccd2;font-style:normal;font-size:10px;font-weight:bold;line-height:30px;}
.switch em:first-child {right:inherit;left:8px;line-height:30px;}
.switch.on {background-color:#6280be; border:1px solid #6280be;}
.switch.on span {position:absolute; right:0; top:1px;margin:0 1px;width:22px;height:22px;}
.switch.on span:before {content:''; background: url(../images/common/icon_switch_on.png) left top no-repeat; position:absolute; right:0; top:0; color:#b6b6b6; width:22px; height: 22px; background-size: 22px, 22px; background-position: 0 0;}
.switch.on em {color:#fff}

/*알림*/
.app .inform_wrap {margin-top:25px;}
.app .inform_wrap .inform_txt {text-align:center; padding:15px 0; background-color: #ececec;}
.app .inform_wrap .inform_txt p {color:#767676; font-size:0.923em;}
.app .inform_wrap .inform_list {margin-top:25px; border-top:1px solid #999999; border-bottom:1px solid #999999;}
.app .inform_wrap .inform_list ul li {border-top:1px solid #e9ebea; padding:10px;}
.app .inform_wrap .inform_list ul li:first-child {border-top:0;}
.app .inform_wrap .inform_list ul li strong.tit {display:block;}
.app .inform_wrap .inform_list ul li p.txt {margin-top:10px; color:#767676;}
.app .inform_wrap .inform_list ul li span.date {display: block; font-size:0.846em; color:#767676; margin-top:15px;}
.app .inform_wrap .inform_nodata {margin-top:50px; text-align:center;}
.app .inform_wrap .inform_nodata p:before {content: ''; background: url(../images/common/icon_inform.png) left top no-repeat; display:block; width:90px; height:90px; background-size: 90px, 90px; margin:0 auto 25px auto;}

/*app메뉴*/
.app_util{position: fixed; bottom: 0; z-index: 1000; background-color: #fff; width: 100%; border-top:1px solid #cccccc;}
.app_util ul{overflow: hidden; width: 100%;}
.app_util ul li{float: left; width: 20%; text-align: center;}
.app_util ul li a{display: block; padding: 10px 0;}
.app_util ul li a em{font-size: 10px; color:#999; display: inline-block;}
.app_util ul li a em:before{content: ''; display: block; width: 44px; height: 23px; background: url('../images/app/app_util_icon.jpg') no-repeat; background-size: 300px 23px;}
.app_util ul li:nth-child(2) a em:before{background-position: -64px 0;}
.app_util ul li:nth-child(3) a em:before{background-position: -128px 0;}
.app_util ul li:nth-child(4) a em:before{background-position: -192px 0;}
.app_util ul li:nth-child(5) a em:before{background-position: -256px 0;}