@charset "utf-8";

/* 로그인 */
.appstore_login .content {padding-top:190px; background:url(../img/login_intro.png) no-repeat 50% 20px;}

/* 앱스토어 */
.appstore .srch_box {position:inherit; top:auto; left:auto; width:auto;}
.app_lst_box .app_lst {position:relative; margin:0; padding:0 8px; list-style:none;}
.app_lst_box .app_lst li {position:relative; padding:0 90px 0 0; border-bottom:1px solid #eaeaea;}
.app_lst_box .app_lst li.no_data {padding:80px 10px; border-bottom:0; text-align:center;}
.app_lst_box .app_lst li.no_data .guide_ico {width:100px; height:100px; margin:0 auto 20px; background:url(../../../common/img/no_data.png) no-repeat 0 0; background-size:100px 100px;}
.app_lst_box .app_lst li.no_data .guide_txt {color:#999;}
.app_lst_box .app_lst .sub {display:block; position:relative; height:60px; padding:15px 7px 15px 75px; color:#444; text-decoration:none;}
.app_lst_box .app_lst .icon {position:absolute; top:17px; left:7px; width:54px; height:54px; border:1px solid #ddd; border-radius:5px; overflow:hidden;}
.app_lst_box .app_lst .icon img {width:54px; min-height:100%;}
.app_lst_box .app_lst .tit {display:block; font-size:1.1em;}
.app_lst_box .app_lst .ver, .app_lst_box .app_lst .dir {display:block; padding-top:2px; font-size:0.9em; color:#999;}
.app_lst_box .app_lst .dir {color:#09C;}
.app_lst_box .app_lst .optn {position:absolute; top:0; right:0; width:80px; height:30px; line-height:54px; padding:22px 10px 22px 0; text-align:right;}
.app_lst_box .app_lst .optn .btn {vertical-align:top; font-size:0.9em; border-color:#2196f3; color:#2196f3;}
.app_lst_box .app_lst .optn .btn_dn {width:70px; padding:0; background:url(../img/btn_dn.png) no-repeat 0 0; text-align:center;}
.app_lst_box .app_lst .none {padding:80px 10px; text-align:center; color:#999;}
.app_info_view .app_banner {max-height:250px; overflow:hidden;}
.app_info_view .app_banner img {width:100%; vertical-align:top;}
.app_info_view .app_head {position:relative; min-height:92px; padding:15px 15px 15px 125px; border-bottom:1px solid #ddd;}
.app_info_view .app_head .icon {position:absolute; top:15px; left:15px; width:90px; height:90px; border:1px solid #ddd; border-radius:5px; overflow:hidden;}
.app_info_view .app_head .icon img {width:90px; min-height:100%;}
.app_info_view .app_head .tit {display:block; padding-bottom:3px; font-size:1.2em;}
.app_info_view .app_head .pd, .app_info_view .app_head .ver {padding-top:3px; font-size:0.9em; color:#999;}
.app_info_view .app_head .optn {padding-top:2px; text-align:right;}
.app_info_view .app_head .optn .btn {vertical-align:top; font-size:0.9em; border-color:#2196f3; color:#2196f3;}
.app_info_view .app_head .optn .btn_dn {width:70px; padding:0; background:url(../img/btn_dn.png) no-repeat 0 0; text-align:center;}
.app_img_slide {padding:10px; border-bottom:1px solid #ddd;}
.app_img_slide .swiper-slide {display:block; width:180px; background-color:#eee;}
.app_img_slide .swiper-slide img {width:100%; vertical-align:top;}
.app_info_box {padding:15px;}
.app_info_box .app_info {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ddd;}
.app_info_box .app_info .tit_bar {padding-bottom:10px;}
.app_info_box .app_info .tit_bar strong {font-size:1.2em;}
.app_info_box .app_info .cont_box {font-size:0.9em; line-height:1.5;}
.app_info_box .app_info .info_tbl {border-collapse:collapse; font-size:1em;}
.app_info_box .app_info .info_tbl a {text-decoration:none; color:#2196f3;}
.app_info_box .app_info .info_tbl th, .app_info_box .app_info .info_tbl td {padding:3px; vertical-align:top;}
.app_info_box .app_info .info_tbl th {padding:3px 10px 3px 0; color:#999; font-weight:normal; text-align:right;}
.app_info_box .app_make {margin:0; padding-bottom:10px; border:0;}
.app_info_box .app_make .btn_area {padding:20px 0 0;}
.app_info_box .app_make .btn_area .btn {height:40px; line-height:38px; margin:0;}

/* 앱스토어 다운로드 안내 */
.appstore_down_guide {padding:40px 0;}
.appstore_down_guide .guide_img {width:240px; height:150px; margin:0 auto 40px; background:url(../../../common/img/app_install.png) no-repeat 0 0; background-size:240px 150px;}
.appstore_down_guide .guide_txt {width:280px; margin:0 auto 40px; line-height:1.4;}
.appstore_down_guide .btn_area {padding:0 0 40px;}
.appstore_down_guide .btn_area .btn {width:280px; height:34px; line-height:32px; border:1px solid #3a78e5; background:none; font-size:0.9; color:#3a78e5; border-radius:17px; -moz-border-radius:17px; -webkit-border-radius:17px;}

@media screen and (-webkit-min-device-pixel-ratio:1.5){
	.appstore_login .content {background-image:url(../img/login_intro_hd.png); background-size:240px 150px;}
}

/* 앱스토어 경고 */
.appstore_warning {padding:40px 20px;}
.appstore_warning .guide_lang {padding:0 20px;}
.appstore_warning .guide_lang .frm_select {height:auto; width:130px; padding:8px 24px 8px 8px; border:1px solid #bbb;}
.appstore_warning .guide_img {width:60px; height:60px; margin:25px auto; background:url(../../../common/img/guide_alert.png) no-repeat 0 0; background-size:60px 60px; border-radius:30px; overflow:hidden;}
.appstore_warning .guide_tit {margin-bottom:40px;}
.appstore_warning .guide_tit h1 {margin:0; padding:0 20px; font-size:22px; text-align:center;}
.appstore_warning .guide_desc .tit h2 {margin:0; padding:0 20px; font-size:18px;}
.appstore_warning .guide_desc ol {margin:20px 0; padding:0 10px 0 40px;}
.appstore_warning .guide_desc ol li {padding:4px 0; line-height:1.4;}