@charset "utf-8";


.editing01 {overflow:hidden;width:576px;padding:12px;background:#fff;font-size:13px;color:#505050;}
.editing01 .inner {width:440px;margin:0 auto;}
.editing01 .inner .slide {text-align: center;}
.editing01 .inner .slide p.txt {display:table;width:100%;}
.editing01 .inner .slide p.txt span {display:table-cell;width:100%;height:106px;font-size:14px;font-weight:500;color:#1d7ff9;vertical-align:middle;}
.editing01 .inner .slide img {display:inline-block;max-width:100%;}
.editing01 .bx-wrapper .bx-pager {bottom:-40px;}
.editing01 .bx-wrapper .bx-pager.bx-default-pager a {width:6px;height:6px;border-radius:6px;border:1px solid #a9abb3;background:#fff;}
.editing01 .bx-wrapper .bx-pager.bx-default-pager a.active {border:1px solid #1d7ff9;background:#1d7ff9}
.editing01 .bx-wrapper .bx-next {width:14px;height:28px;top:304px;right:20px;margin:0;background:url(/assets/img/contents/editing/arrow_right.png)}
.editing01 .bx-wrapper .bx-prev {width:14px;height:28px;top:304px;left:20px;margin:0;background:url(/assets/img/contents/editing/arrow_left.png)}
.editing01 .bx-wrapper .bx-pager.bx-default-pager a {margin:0 3px}
.editing01 .nt_in {padding:12px 0 0 7px;border-top:1px solid #999ea4;}
.editing01 .nt_in label span {position:relative; top:1px;}
.editing01 .e_head {position:relative;margin:0;padding-bottom:12px;border-bottom:1px solid #999ea4;}
.editing01 .e_head strong {padding-left:5px;font-size:13px;font-weight:bold;}
.editing01 .e_head a.btn_close {position:absolute; top:4px; right:6px; display:inline-block; width:12px; height:12px; text-indent:-9999em; background:url(/maxage1/common/img/share/btn_close.png) no-repeat; z-index:1;}

.editing02 {overflow:hidden;width:678px;font-size:13px;color:#505050;background:#fff}
.editing02 .e_head {position:relative;margin:0 10px;padding:12px 0;border-bottom:1px solid #999ea4;}
.editing02 .e_head strong {padding-left:5px;font-size:13px;font-weight:bold;}
.editing02 .e_head a.btn_close {position:absolute; top:16px; right:6px; display:inline-block; width:12px; height:12px; text-indent:-9999em; background:url(/maxage1/common/img/share/btn_close.png) no-repeat; z-index:1;}
.editing02 .left {float:left;width:204px;padding-top:25px;}
.editing02 .left ul {padding-left:28px;}
.editing02 .left ul li {line-height:2;}
.editing02 .left ul li a {display:block;font-size:14px;color:#292929}
.editing02 .left ul li a.on {color:#1d7ff9;font-weight:500;}
.editing02 .left ul li ul {padding-left:10px;}
.editing02 .right {float:right;width:472px;padding-bottom:20px;text-align:center;border-left:1px solid #999ea4}
.editing02 .right p.txt {padding-top:25px;height:80px;font-size:14px;font-weight:500;color:#1d7ff9;vertical-align:middle;}
.editing02 .right .e_cont {display:none}

.asus_logo {display:block;padding:25px 0;text-align:center;}
.asus_logo img {display:inline-block;}
.asus_tit {text-align:center;font-size:20px;font-weight:bold;color:#0046b9;}
.asus_txt01 {padding:10px 0;text-align:center;line-height:1.6;font-size:13px;color:#3c3c3c;}
.asus_txt01 strong {font-weight:bold;}
.asus_txt02 {padding-top:30px;text-align:center;font-size:13px;color:#3c3c3c;}
.asus_txt02 a {text-decoration:underline;color:#1d7ff9;}

.asus_label {margin-top:35px;text-align:center;}
.asus_label label {display:inline-block;}
.asus_label label input {position:relative;top:-1px;}
.asus_label label span {font-size:13px;color:#3c3c3c;}

.asus_btn {display:inline-block;padding:0 35px;height:44px;line-height:44px;text-align:center;font-size:14px;color:#fff;background:#1d7ff9;}

.asus_list01 {width:484px;margin:15px auto 0 auto;padding:28px;background:#f0f0f0}
.asus_list01 li {position:relative;padding:0 0 0 15px;line-height:1.6;font-size:13px;color:#3c3c3c;}
.asus_list01 li + li {margin-top:3px;}
.asus_list01 li span.num {position:absolute;top:0;left:0;}
.asus_list01 li a {text-decoration:underline;color:#1d7ff9;}
.asus_list01 li ul {margin-left:-15px;}
.asus_list01 li ul li {padding:0 0 0 10px;}
.asus_list01 ul li:after {content:'';position:absolute;top:8px;left:0;width:4px;height:4px;background:#515358;border-radius:4px;}
.asus_list01 ul li + li {margin-top:5px;}

.asus_list02 {overflow:hidden;width:970px;margin:15px auto 0 auto;padding:220px 35px 30px 35px;background:#f0f0f0 url(/assets/img/asus/img01.png) no-repeat 50% 32px;}
.asus_list02 li {float:left;width:25%;text-align:center;line-height:1.6;font-size:13px;color:#3c3c3c; word-break:keep-all}
.asus_list02 li a {text-decoration:underline;color:#1d7ff9;}


.asus_list03 {width:594px; margin:22px auto 0; text-align:center}
.asus_list03 ul {display:inline-block; padding:0 28px; text-align:left}
.asus_list03 ul li {position:relative;padding:0 0 0 10px;line-height:1.6;font-size:13px;color:#3c3c3c;}
.asus_list03 ul li:after {content:'';position:absolute;top:8px;left:0;width:4px;height:4px;background:#515358;border-radius:4px;}
.asus_list03 ul li + li {margin-top:5px;}
.asus_list03 ul li a {text-decoration:underline;color:#1d7ff9;}

.popup_wrap {z-index:99;position:fixed;top:119px;left:0;right:0;bottom:0;height:1px;;text-align:center;}
html.mobile .popup_wrap {top:45px;}
html.mobile .popup_wrap .popup_open.mhide{display:none !important;}
.popup_open {z-index:99;display:none;position:relative;}
.popup_open .box {position:relative;display:block;}
.popup_open .box .close {position:absolute;top:-2px;right:-1px;width:50px;height:50px;}
.popup_open .box .days {position:absolute;bottom:10px;right:10px;font-size:14px;color:#fff;}
.popup_open .box .detail {position:absolute;top:485px;left:0;right:0;height:50px;}
.popup_open.kakao .box img {max-width:100%}
.popup_open.kakao .box .close {background:none}
.popup_open.kakao .box .days {bottom:0px;right:0px; width:100px; height:50px; text-indent:-999em}

html:lang(jp) .office_popup * {word-break: break-all;}
.office_popup {position:relative;width:518px;height:722px;border:1px solid #c6e0ff;background:#c6e1ff}
.office_popup .h {position:relative;text-align:center;height:280px;background:#f4f9ff url(/assets/img/office/img_feature_pro.png) no-repeat 0 100%;background-size:518px auto}
.office_popup .h h1 {display:inline-block;margin:0 80px;padding-top:22px;font-size:19px;color:#384ad2;font-weight:600}
.office_popup .h a.btn_close {position:absolute;top:0;right:0;width:60px;height:60px;font-size:0;background:url(/assets/img/office/btn_close.png) no-repeat 50% 50%;background-size:32px auto;}
.office_popup.upgrade {height:722px;}
.office_popup.upgrade.pro .h {background:#f4f9ff url(/assets/img/office/img_feature_pro.png) no-repeat 0 100%;background-size:518px auto}
.office_popup.upgrade.smart .h {background:#f4f9ff url(/assets/img/office/img_feature_pro.png) no-repeat 0 100%;background-size:518px auto}
.office_popup.welcome {height:652px;}
.office_popup.welcome.pro .h {background:#f4f9ff url(/assets/img/office/img_welcome_pro.png) no-repeat 0 100%;background-size:518px auto}
.office_popup.welcome.smart .h {background:#f4f9ff url(/assets/img/office/img_welcome_smart.png) no-repeat 0 100%;background-size:518px auto}
.office_popup.dngrade {width:452px;height:724px;border:1px solid #afbcc7;background:#fff}
.office_popup.dngrade.pro .h {height:242px;background:#e5eaef url(/assets/img/office/img_dngrade_ani_pro.gif) no-repeat 0 100%;background-size:452px auto;}
.office_popup.dngrade.smart .h {height:242px;background:#e5eaef url(/assets/img/office/img_dngrade_ani_smart.gif) no-repeat 0 100%;background-size:452px auto;}
.office_popup.dngrade.pro.window .h {height:242px;background:#e5eaef url(/assets/img/office/img_dngrade_ani_pro_win.gif) no-repeat 50% 100%;background-size:454px auto;}
.office_popup.dngrade.smart.window .h {height:242px;background:#e5eaef url(/assets/img/office/img_dngrade_ani_smart_win.gif) no-repeat 50% 100%;background-size:454px auto;}
.office_popup.dngrade .h h1 {color:#606971}
.office_popup .exit_txt {padding:15px;text-align:center;font-size:14px;color:#ff2d2d;font-weight:600;background:#fcf3d0}
.office_popup .exit_list {margin:0;padding:18px 10px;text-align:center}
.office_popup .exit_list ul {display:inline-block;text-align:left;}
.office_popup .exit_list ul li {position:relative;padding:4px 0 4px 14px;font-size:13px;color:#666}
.office_popup .exit_list ul li:after {position:absolute;top:13px;left:2px;width:3px;height:3px;border-radius:3px;background:#5e6266;content:''}
.office_popup .slide_warp {width:414px;margin:0 auto;border-radius:3px;box-shadow: 0 2px 6px 0 #b0bcc7;background-color: #ffffff;}
.office_popup .slide_c .box {overflow:auto;margin:0 auto;width:366px;height:286px;padding:20px 24px;}
.office_popup .slide_c .box table th {text-align:left;font-size:22px;color:#0029ad;font-weight:600;}
.office_popup .slide_c .box table th span {display:block;margin-bottom:7px;font-size:13px;font-weight:400;color:#384ad2;}
.office_popup .slide_c .box table td {text-align:right;}
.office_popup .slide_c .box ul {margin-top:10px;}
.office_popup .slide_c .box ul li {position:relative;padding:2px 0 3px 14px;font-size:13px;color:#666}
.office_popup .slide_c .box ul li .n_img {display:inline-block;position:relative;top:2px;left:8px;vertical-align:top;}

html:lang(fr).office_popup .slide_c .box ul li {padding:2px 0 2px 14px;}
.office_popup .slide_c .box ul li:after {position:absolute;top:13px;left:2px;width:3px;height:3px;border-radius:3px;background:#5e6266;content:''}
.office_popup .slide_c .box .install_txt {height:160px;padding-top:30px;text-align:center;line-height:20px;font-size:16px;color:#0029ad;font-weight:600;background:url(/assets/img/office/welcome_img_pc.png) no-repeat 50% 100%;background-size:160px auto}
.office_popup .slide_c .box .install_btn {margin-top:25px;text-align:center;}
.office_popup .slide_c .box .install_btn a {display:inline-block;padding:0 23px;height:42px;line-height:42px;background:#0029ad;border-radius:2px;font-size:16px;color:#fff;font-weight:500;}
.office_popup .slide_warp .bx-wrapper {margin-bottom:40px;}
.office_popup .slide_warp .bx-wrapper .bx-controls-direction a {width:32px;height:50px;margin-top:-25px;}
.office_popup .slide_warp .bx-wrapper .bx-controls-direction a.bx-next {right:-42px;background:url(/assets/img/office/arrow_right.png) no-repeat 0 0 ;background-size:32px auto;}
.office_popup .slide_warp .bx-wrapper .bx-controls-direction a.bx-prev {left:-42px;background:url(/assets/img/office/arrow_left.png) no-repeat 0 0 ;background-size:32px auto;}
.office_popup .slide_warp .bx-wrapper .bx-pager, 
.office_popup .slide_warp .bx-wrapper .bx-controls-auto {bottom:-31px;}
.office_popup .slide_warp .bx-wrapper .bx-pager.bx-default-pager a {width:6px;height:6px;border-radius:6px;background:#fff}
.office_popup .slide_warp .bx-wrapper .bx-pager.bx-default-pager a.active {background:#3041b8}
.office_popup .btn_box {margin:0 auto;width:415px;height:54px;}
.office_popup .btn_box a {display:block;height:54px;line-height:54px;background:#0029ad;border-radius:4px;}
.office_popup.sale .btn_box a {background:#0029ad url(/assets/img/office/upgrade_badge_sale.png) no-repeat 0 0;background-size:42px auto}
.office_popup .btn_box a span {display:inline-block;padding:0 0 0 38px;font-size:16px;color:#fff;background:url(/assets/img/office/ic_crown_small.png) no-repeat 0 50%;background-size:24px auto}
.office_popup.dngrade .btn_box {width:360px;}

/* etc */
.promotion_txt {padding:120px 20px 20px 20px !important;font-size:14px;color:#333;background:url(/assets/img/contents/etc/icon.png) no-repeat 50% 30px;font-weight:500;}
.promotion_txt em {color:#ff5050}
.promotion_mail_ads {margin-top: 20px !important;height:60px;line-height:60px;text-align:center;font-size:16px;color:#1c7ef9;background:#f5f5f5;font-weight:500;}


#format_layer .inner {width:500px;}

.fix_welcome_banner {display:none;position:relative;z-index:50;position:fixed;top:50%;left:50%;margin:-180px 0 0 -220px}
.fix_welcome_banner .img img{display:block;max-width:440px;width:100%;}
.fix_welcome_banner .go_event {position:absolute;width: 52%;height: 14%;left: 24%;bottom: 20%;}
.fix_welcome_banner .close {position:absolute;width:14%;height:14%;top:0;right:0;}
html:lang(ru) .fix_welcome_banner,
html:lang(en) .fix_welcome_banner,
html:lang(ja) .fix_welcome_banner {display:none !important}

/* rtl */
html:lang(ar) .office_popup {direction: rtl}
html:lang(ar) .office_popup .h a.btn_close {right:auto;left:0;}
html:lang(ar) .office_popup .exit_list ul li {padding:4px 14px 4px 0;text-align:right;}
html:lang(ar) .office_popup .exit_list ul li:after {left:auto; right:2px;}
html:lang(ar) .office_popup .btn_box a span {padding:0 30px 0 0;background-position:100% 50%;}
html:lang(ar) .office_popup .slide_warp {direction: ltr}
html:lang(ar) .office_popup .slide_warp .slide.box{direction: rtl}
html:lang(ar) .office_popup .slide_c .box table th {text-align:right}
html:lang(ar) .office_popup .slide_c .box ul li {padding:5px 14px 5px 0}
html:lang(ar) .office_popup .slide_c .box ul li:after {left:auto; right:2px;}

@media screen and (max-width:640px){
    #format_layer .inner {max-width:340px;}
}


@media screen and (max-width:440px){
    .fix_welcome_banner {top:30%;left:0;margin:0 !important;}

}