@charset "utf-8";

/* reset */
body,div,h1,h2,p{margin:0;padding:0}
img{border:0 none;vertical-align:top}
body{font-size:14px;line-height:1.5;font-family:'NotoSansRegular','맑은 고딕','Malgun Gothic',sans-serif;font-weight:200;color:#000;-webkit-text-size-adjust:none}
a{color:#000;text-decoration:none}
a:active, a:hover{text-decoration:none}
em{font-style:normal}
h1,h2,strong{font-family:'NotoSansMedium';font-weight:normal}
html,body{height:100%}
.screen_hide{overflow:hidden;width:0;height:0;font-size:0;line-height:0;text-indent:100%}

.content{max-width:720px;margin:0 auto;padding:33px 20px 110px;word-break:keep-all;box-sizing:border-box}
.content p{font-size:15px;color:#000;letter-spacing:-.75px;}
.content .logo{position:relative;width:80px;height:38px;margin-left:-4px;background:url('../images/img_logo.png') no-repeat 0 0 / 80px auto;font-size:0;line-height:0;text-indent:100%;}
.content .img_w100{margin:48px -20px;}
.content .img_w100 img{width:100%;}
.content .title {margin:48px 0 26.5px;letter-spacing:-1.05px;}
.content .title h2{font-size:21px;}
.content .title span{display:block;font-family:'NotoSansMedium';font-size:13px;color:#ff7200;}
.content .video_box{margin:21px -4px 0;}
.content .video_inner{position:relative;width:100%;height:0;padding-bottom:56.25%;}
.content .video_box iframe{position:absolute;width:100%;height:100%;}
.content .logo + .img_w100{margin-top:-71px;margin-bottom:0;}
.content .logo + .title{margin-top:27px;}

.content .banner_ad_img{display: none;}

.wrapper,.content-wrapper{height:100%}
.content_middle{display:table;height:100%;padding:0 40px;table-layout:fixed;}
.content_middle .content_inner{display:table-cell;vertical-align:middle;}
.diary_content .stit{padding-bottom:18px;font-family:'NotoSansRegular';font-size:16px;letter-spacing:-.8px;text-align:center;}
.diary_content .stit img{display:inline-block;width:60px;margin-top:-2px;vertical-align:middle;}
.diary_content .txt{margin-bottom:48px;font-size:13px;color:#c4c4c4;text-align:center;}
.diary_content .link{display:block;margin:12px 26px;padding:11px 0;border-radius:30px;font-family:'NotoSansMedium';font-size:15px;color:#fff;letter-spacing:-.75px;text-align:center;box-shadow:0px 5px 6px 0px rgba(0,0,0,.16);}
.diary_content .link_install{background-color:#403a61;}
.diary_content .link_app{background-color:#ff7200;}

.app_banner{position:fixed;left:0;right:0;bottom:18px;width:100%;max-width:720px;margin:0 auto;padding:0 16px;box-sizing:border-box;}
.app_banner .link{display:table;width:100%;padding:13px 0 13px 16px;background-color:rgba(0,0,0,.75);border-radius:16px;box-shadow:0px 5px 6px 0px rgba(0,0,0,.16);font-size:13px;color:#fff;table-layout:fixed;box-sizing:border-box;}
.app_banner .link span{display:table-cell;vertical-align:middle;}
.app_banner .link strong{font-family:'NotoSansBold';}
.app_banner .ico_app{width:48px;height:48px;padding-right:16px;background:url('../images/App_icon.png') no-repeat 0 0 / 48px;font-size:0;line-height:0;text-indent:100%;}
.app_banner .ico_go{width:36px;height:36px;background:url('../images/ic_go_w_n.png') no-repeat 0 50% / 36px;font-size:0;line-height:0;text-indent:100%;}


.modal_wrap {max-width: 360px;}
.modal_wrap .article {width: 100%; text-align: center; margin: 115px 0 100px}
.modal_wrap .article span {font-size: 16px; letter-spacing: -0.8px; line-height: 23.5px; color: #000; font-family:'NotoSansRegular';}
.modal_wrap .article span .point_color {color: #ff7200;}
.modal_wrap .button_wrap {width: 100%}
.modal_wrap .button_wrap button {
    width: 152px; height: 44px; border-radius: 50px; box-shadow: 0 7px 8px 0 rgba(0, 0, 0, 0.16); background-color: #403a61; font-size: 16px; color: #ffffff; font-weight: 500; letter-spacing: -0.32px; border: none;  outline: 0;
}
.modal_wrap .button_wrap button.yes {float: left;}
.modal_wrap .button_wrap button.no {float: right;}
.modal_wrap .reject_info {width:100%; margin: 230px 0 0;}
.modal_wrap .reject_info > span {display: block; font-size:13px; letter-spacing: -0.65px; color:#a0a0a0; line-height: 1.46; padding-left: 22px; text-indent: -22px; margin: 0 0 16px;}
.modal_wrap .reject_info > span .icon {margin-right: 8px}
.modal_wrap .reject_info span a {color: #403a61; text-decoration: underline;}