@charset "utf-8"; 

* {margin:0; padding:0;;}
body {width:100%;}
.skip {position:absolute; overflow:hidden; clip:rect(0 0 0 0); margin:-1px; padding:0; width:1px; height:1px; border:0;}
.hide {overflow:hidden; text-indent:100%; white-space:nowrap;}
img {vertical-align: top;}
.wrap {margin:0 auto; width:100%;}
.wrap:after {display:block; clear:both; content:'';}
.hd_logo_area:after {display:block; clear:both; content:'';}
.hd_menu_area:after {display:block; clear:both; content:'';}
ul {list-style:none; margin:0; padding:0;}
.m_app_info_wrap:before {display:block; clear:both; content:'';}
.m_app_info_wrap img {width: 100%;}

.app_visual_wrap {background-size:100% 100%; background-repeat:no-repeat;}
.app_visual_wrap .wrap {position:relative;}
.app_visual_wrap .app_link_box, .app_visual_wrap .app_exe_box {position:absolute; right:0; left:0; margin:0 auto; padding:0 10%;}
.app_visual_wrap .app_link_box img, .app_visual_wrap .app_exe_box img {margin:0 auto;}
.app_visual_wrap .app_link_box a, .app_visual_wrap .app_exe_box a {display: block; height: 100%;}
.app_visual_wrap .app_link_box {top:65%;}
.app_visual_wrap .app_exe_box {top:75%;}


.app_movie_wrap {background:url(../../../image/mobile/appintro/190219/movie_bg.jpg) no-repeat; background-size:100% 100%; padding-bottom:10%;}
.app_movie_wrap .txt_wrap {padding-top:10%; padding-bottom:5%;}
.app_movie_wrap .est_box .txt_wrap {padding-top:15%; padding-bottom:4.6%;}

.app_preview_wrap {padding-bottom:20px; background-color:#F7F7F7;}
.app_preview_wrap .txt_wrap {padding:40px 0 24px 0;}


.preview_list_wrap {padding:0 2%}
.app_preview_wrap ul.preview_list:after {display:block; clear:both; content:'';}
.app_preview_wrap ul.preview_list > li {float:left;margin:0;width:50%;border-radius:12px;padding-bottom: 55%;}
.app_preview_wrap ul.preview_list > li:nth-child(2n):after {display:block; clear:both; content:'';}
.app_preview_wrap ul.preview_list > li > a {display:block;margin:5px;position: relative;}
.app_preview_wrap ul.preview_list > li img {border-radius:12px;position: absolute;top: 0;}

.preview_list .list_box {position: absolute;overflow:hidden;max-height:inherit;height:inherit;padding-bottom: 50%;left: 0;right: 0;}
.preview_list .list_box .thumb {overflow:hidden; border-radius:12px 12px 0 0;padding-bottom: 59%;position: relative;}
.preview_list li {height:33%;}
.preview_list .list_box .content_box {position:absolute; right: 0; bottom:0; left:0; z-index:100; padding:10px; height:41%; border-radius:0 0 12px 12px; background-color:#fff;}

.content_box .title {height:2.6em; color:#232323; text-align:left; white-space:nowrap; letter-spacing:0; font-size:11px; font-family:'Noto Sans KR', sans-serif; line-height:1.3; overflow: hidden; text-overflow: ellipsis;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; }
.content_box .tag {display:block; overflow:hidden; width:100%; color:#696969; text-overflow:ellipsis;white-space:nowrap;font-size:10px}

@media screen and (orientation:landscape) {
	.content_box .title {font-size:15px; margin-bottom:15px;}
	.content_box .tag {font-size:15px;}
}

.app_link_wrap {position:relative; background:url(../../../image/mobile/appintro/btm_bg.jpg) no-repeat; background-size:100% 100%;}
.app_link_wrap .app_link_box {position:absolute; top:70%; right:0; left:0; padding:0 24%;}