@charset "utf-8";
/* 100mb.kr Devteam */
/* Common CSS */
body{}
html,body{font-family:'Roboto','Noto Sans KR',나눔고딕,'Nanum Gothic',Malgun Gothic,맑은고딕,굴림,돋움,Dotum,Helvetica,AppleSDGothicNeo,sans-serif;font-weight:400;touch-action:pan-x pan-y;}
pre{font-family:'Roboto','Noto Sans KR',나눔고딕,'Nanum Gothic',Malgun Gothic,맑은고딕,굴림,돋움,Dotum,Helvetica,AppleSDGothicNeo,sans-serif;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,button,select{text-align:left;}
body,input,textarea,select,button,table,div.note-frame{font-family:'Roboto','Noto Sans KR','Nanum Gothic',나눔고딕,Malgun Gothic,맑은고딕,굴림,돋움,Dotum,Helvetica,AppleSDGothicNeo,sans-serif;font-size:15px;font-weight:400;color:#2e2e2e;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;line-height:1;margin:0;padding:0}
select,table,input,textarea,button,pre{line-height:1.4;letter-spacing:-0.05em;}
@media screen and (-webkit-min-device-pixel-ratio: 1.2) and (max-width: 750px), screen and (min-resolution: 120dpi) and (max-width: 750px), screen and (min-resolution: 1.2dppx) and (max-width: 750px) {
html,body,pre,input,textarea,select,button,table,div.note-frame{font-family:-apple-system,AppleSDGothicNeo-Regular,Helvetica,Malgun Gothic,sans-serif,굴림,돋움,Dotum,AppleSDGothicNeo;}
}
strong,b{font-weight:700;}
img,fieldset{border:0;}
ul,ol,li{list-style:none;}
em,address{font-style:normal;}
a{text-decoration:none;color:inherit;}
table{border-collapse:collapse}
a:active,a:focus{text-decoration:none;outline:none;}
a:hover{text-decoration:none;outline:none;}
iframe[name='google_conversion_frame']{height:0 !important;width:0 !important;line-height:0 !important;font-size:0 !important;margin-top:-13px;float:left;}
button{background-color:transparent;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;}

div.checkbox_wrap{position:relative;overflow:hidden;width:0px;height:0px;}
div.checkbox_wrap input[type='checkbox']{position:absolute;width:1px;height:1px;left:-2px;overflow:hidden;border:0 none;z-index:-1;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
div.checkbox_virtual{position:relative;}
div.checkbox_virtual span,
div.checkbox_virtual label{display:inline-block;vertical-align:middle;cursor:pointer;}
div.checkbox_virtual label.text{font-size:16px;}
div.checkbox_virtual span.description{position:absolute;top:-26px;left:0px;border:1px solid rgba(0,0,0,0.1);box-shadow:0px 1px 3px rgba(0,0,0,0.1);background-color:#eaefde;padding:0px 8px;box-sizing:border-box;z-index:2;font-size:12px;line-height:22px;color:#5a8400;}
div.checkbox_virtual span.description:before,
div.checkbox_virtual span.description:after{content:'';position:absolute;z-index:2;bottom:-7px;left:3px;border-left:8px solid transparent;border-top:8px solid #eaefde;border-right:8px solid transparent;border-bottom:0;}
div.checkbox_virtual span.description:before{bottom:-9px;border-top:8px solid rgba(0,0,0,0.1);}
div.checkbox_virtual span.checkbox{padding:2px;margin-right:2px;background-color:rgba(0,0,0,0.08);box-shadow:inset 0px 3px 1px rgba(255,255,255,0.5);border:1px solid rgba(0,0,0,0.3);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;line-height:1;}
div.checkbox_virtual span.checkbox i{position:relative;font-size:18px;color:#fff;z-index:-1;}
div.checkbox_virtual.on span.checkbox{padding:2px;background-color:#8ab329;border:1px solid rgba(0,0,0,0.1);box-shadow:none;}
div.checkbox_virtual.on span.checkbox i{z-index:1;}
div.checkbox_virtual.ready span.checkbox{padding:2px;border:1px solid rgba(0,0,0,0.7);}

.jog_btn{position:relative;display:inline-block;-webkit-border-radius:22px;-moz-border-radius:22px;border-radius:22px;width:44px;height:22px;border:1px solid rgba(0,0,0,0.4);background:rgba(255,255,255,0.2);font-size:0px;vertical-align:middle;z-index:1;}
.jog_btn span.btn{position:absolute;top:-1px;left:-1px;-webkit-border-radius:22px;-moz-border-radius:22px;border-radius:22px;width:22px;height:22px;border:1px solid rgba(0,0,0,0.55);background:#eee;box-shadow:-2px 2px 2px rgba(0,0,0,0.2);}
.jog_btn span.on{left:auto;right:-1px;}
.jog_btn.on{background:#8ab329;}

button.help i{color:#8ab329;}
button.help div.text{display:none;position:absolute;max-width:350px;top:100%;left:0px;background-color:rgba(0,0,0,0.65);padding:12px;box-sizing:border-box;font-size:14px;line-height:1.3;color:#fff;border-radius:2px;backdrop-filter:saturate(180%) blur(1.3px);z-index:1;}
button.help div.text a{color:#3d79cc;text-decoration:underline;}
button.help.on div.text{display:block;}

#notification_msg{position:fixed;top:50%;left:50%;margin-left:-175px;margin-top:-22px;width:100%;max-width:350px;z-index:15;font-size:17px;line-height:1.4;box-sizing:border-box;}
#notification_msg li{position:relative;display:none;padding:24px 20px;background:rgba(138,179,41,0.8);color:#fff;text-align:center;font-weight:700;margin-bottom:10px;border-radius:10px;}
#notification_msg .cut_str{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;font-style:italic;}
#notification_msg li.alert{background:rgba(172,86,41,0.8);}
#notification_msg li i{display:block;font-size:2em;vertical-align:middle;text-align:center;margin-bottom:10px;}
#notification_msg button{font-size:17px;color:yellow;font-weight:700;border-bottom:1px solid yellow;}
#notification_msg li a.close{position:absolute;top:10px;right:10px;font-size:12px;opacity:0.7;line-height:1.0;color:#fff;}
#notification_msg li a.bbs_link{display:block;text-decoration:underline;}

.gnb{position:fixed;top:0px;left:0px;width:220px;height:100%;background:#f0f0f0;box-sizing:border-box;z-index:3;font-size:16px;letter-spacing:-0.02em;}
.gnb div.close{display:none;position:absolute;top:10px;right:-45px;font-size:44px;color:#fff;}
.gnb div.close span.text{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;}
.gnb div.title h1{padding:27px 15px;}
.gnb div.title h1 a,
.gnb div.title h1 a span{display:block;}
.gnb div.title h1 a span.title{position:relative;display:block;width:120px;height:24px;background-image:url('../images/logo.v4.svg');background-size:cover;}
.gnb div.title h1 a span.text{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;}
.gnb div.title h1 a span.description{margin:8px 0px 0px 3px;font-size:12px;line-height:1.2;letter-spacing:-0.05em;color:#777;font-weight:400;}
.gnb div.title h1 a span.description i{color:#aaa;}
.gnb div.title h1 a em.case2{letter-spacing:0em;color:#777;}
.gnb div.control{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:-1px;padding:18px 15px;background:#ddd;border-top:1px solid rgba(0,0,0,0.12);}
.gnb div.control i{min-width:24px;margin-right:6px;}
.gnb div.control .status_bar{position:absolute;top:0px;left:-100%;width:100%;height:100%;z-index:0;background:rgba(0,0,0,0.24);overflow:hidden;}
.gnb div.control .status_bar:after{content:'';position:absolute;top:0px;left:0%;width:15%;height:100%;z-index:0;
background:-webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,0.19),rgba(255,255,255,0));
background:-o-linear-gradient(right,rgba(255,255,255,0),rgba(255,255,255,0.19),rgba(255,255,255,0));
background:-moz-linear-gradient(right,rgba(255,255,255,0),rgba(255,255,255,0.19),rgba(255,255,255,0));
background:linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.19),rgba(255,255,255,0));
animation:gnb_status_bar 1200ms infinite linear;box-sizing:border-box;}
.gnb ul.gnb_menu li a{position:relative;display:block;padding:20px 15px;border-top:1px solid rgba(0,0,0,0.12);}
.gnb ul.gnb_menu li:last-child a{border-bottom:1px solid rgba(0,0,0,0.12);}
.gnb ul.gnb_menu li a.on{background-color:#8ab329;color:#fff;}
.gnb ul.gnb_menu li i{min-width:24px;margin-right:6px;}
.gnb ul.gnb_menu li a span.text{position:relative;}
.gnb ul.gnb_menu li a span.admin_only::after{content:'관리자용';vertical-align:middle;background-color:#e54d4d15;border:1px solid #e54d4d99;margin-left:4px;color:#e54d4d;padding: 2px 4px;font-size:0.5em;border-radius:3px;letter-spacing:-0.08em;}
.gnb div.sign_tier{position:absolute;bottom:0;width:100%;padding:20px 15px;letter-spacing:-0.01em;box-shadow:1px 1px 10px rgb(0,0,0,0.12);box-sizing:border-box;}
.gnb div.sign_tier p{color:#666;font-size:11px;}
@-webkit-keyframes gnb_status_bar{0%{left:0;}100%{left:100%;}}
@keyframes gnb_status_bar{0%{left:0;}100%{left:100%;}}

div.snb{display:flex;justify-content:space-between;align-items:center;padding:19px 30px 20px;background:#fff;box-shadow:1px 1px 10px rgb(0,0,0,0.12);font-size:16px;}
div.snb ul.opener{display:none;}
div.snb ul.opener li button{padding:8px;border:2px solid #f0f0f0;color:#2e2e2e;background-color:#f0f0f0;line-height:1;text-align:center;}
div.snb ul.opener li i{font-size:21px;min-width:22px;}
div.snb div.myaccount_box{display:flex;justify-content:space-between;align-items:center;padding:10px;}
div.snb div.myaccount_box .account{position:relative;line-height:1.34;letter-spacing:-0.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
div.snb div.myaccount_box .account li.group{font-size:12px;color:#888;}
div.snb div.myaccount_box a.logout{display:inline-block;padding:11px 15px;margin-left:20px;background:#4c4c4c;color:#fff;line-height:1.6;flex-shrink:0;}
div.snb div.btn_box h2{font-weight:400;padding:8px 0px 4px;}
div.snb div.btn_box h2.title{font-size:22px;}
div.snb div.btn_box h2.title i{color:#ccc;}
div.snb div.btn_box h2.title em{color:#5a8400;}
div.snb div.btn_box ul{padding:8px 0px 0px;overflow:hidden;}
div.snb div.btn_box div.loading{position:relative;width:30%;left:-30%;height:5px;background-color:#cb3434;background-image:linear-gradient(90deg, rgba(255,255,255,1.0), rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,1.0));}
div.snb div.btn_box li{display:inline-block;width:150px;position:relative;margin-bottom:12px;letter-spacing:-0.02em;margin-right:5px;}
div.snb div.btn_box li.rel{width:auto;}
div.snb div.btn_box li.short{width:90px;}
div.snb div.btn_box li.long{width:250px;}
div.snb div.btn_box li.verylong{width:300px;}
div.snb div.btn_box li:last-child{margin-bottom:0px;}
div.snb div.btn_box li > a{display:block;position:relative;padding:14px 10px;background:#4c4c4c;border:1px solid rgba(0,0,0,0.1);color:#fff;}
div.snb div.btn_box li input.mini_btn_rgt{right:0px;width:65px;background:#666;}
div.snb div.btn_box li input.mini_btn_alone{background:#666;position:static;border:2px solid transparent;padding:11px 9px;}
div.snb div.btn_box li span.icon{position:absolute;width:16px;top:0;bottom:0;left:0px;padding:0px 14px;border-right:1px solid rgba(0,0,0,0.1);box-shadow:1px 1px 1px rgba(255,255,255,0.1);}
div.snb div.btn_box li span.icon i{position:absolute;width:16px;height:16px;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-image:url('/include/img/member_icon.png');}
div.snb div.btn_box li span.icon i.no_bg{background-image:none;text-align:center;font-size:1.2em;}
div.snb div.btn_box li div.list{position:relative;}
div.snb div.btn_box li div.code{display:none;color:#cb3434;font-size:0.9em;padding:10px 0px 5px 2px;}
div.snb div.btn_box li div.code.on{display:block;}
div.snb div.btn_box li div.code_ok{color:#8ab329;}
div.snb div.btn_box input[type='text'],
div.snb div.btn_box input[type='tel'],
div.snb div.btn_box input[type='email'],
div.snb div.btn_box input[type='password'],
div.snb div.btn_box input[type='number'],
div.snb div.btn_box input[type='button'],
div.snb div.btn_box input[type='submit'],
div.snb div.btn_box button,
div.snb div.btn_box select{width:100%;padding:12px 10px;border:1px solid #d0d0d0;color:#2e2e2e;font-size:16px;box-sizing:border-box;outline:none;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
div.snb div.btn_box select{background:url('../images/selectbox_icon.svg') no-repeat right 10px center #fff;background-size:15px;color:#2e2e2e;}
div.snb div.btn_box select.selected{color:#2e2e2e;}
div.snb div.btn_box select::-ms-expand{display:none;}
div.snb div.btn_box label{position:absolute;top:50%;left:10px;padding:0px 4px;color:#888;cursor:text;-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
div.snb div.btn_box label:after{content:'';position:absolute;top:calc(50% - 1px);left:0px;width:100%;height:4px;background:#fff;z-index:-1;}
div.snb div.btn_box label.text{position:relative;top:auto;left:auto;padding:0px;color:inherit;cursor:pointer;-moz-transform:translateY(0%);-o-transform:translateY(0%);-webkit-transform:translateY(0%);transform:translateY(0%);}
div.snb div.btn_box legend{display:none;}
div.snb div.btn_box button,
div.snb div.btn_box input[type='submit']{padding:11px 9px;background-color:#8ab329;color:#fff;text-align:center;border:2px solid #8ab329;cursor:pointer;}
div.snb div.btn_box button:focus,
div.snb div.btn_box input[type='submit']:focus{border:2px solid rgba(0,0,0,0.4);}
div.snb div.btn_box button.complete,
div.snb div.btn_box button.error,
div.snb div.btn_box input[type='submit'].complete,
div.snb div.btn_box input[type='submit'].error{padding:19px 14px;}
div.snb div.btn_box input[type='button']{position:absolute;top:0;bottom:0;background-color:#8ab329;color:#fff;text-align:center;border:none;cursor:pointer;}
div.snb div.btn_box input[type='button']:focus{border:2px solid rgba(0,0,0,0.4);}
div.snb div.btn_box input.on{padding:11px 9px;border:2px solid #8ab329;}
div.snb div.btn_box input.complete,
div.snb div.btn_box input.error{padding:15px 13px;border:2px solid #cb3434;}
div.snb div.btn_box input.complete{border:2px solid rgba(0,0,0,0.4);}
div.snb div.btn_box input.read{background-color:#f7f7f7;color:#aaa;text-shadow:1px 1px 1px #fff;}
div.snb div.btn_box button.disabled,
div.snb div.btn_box input.disabled{background-color:#999;color:#f0f0f0;cursor:default;border:none;}
div.snb div.btn_box button.disabled{border:2px solid #999;}
div.snb div.btn_box div.bank_already{color:#cb3434;font-size:16px;margin-top:10px;}
.blind_btn_box{position:absolute;top:0;left:0;right:0;bottom:0;color:#fff;background:rgba(0,0,0,0.7);z-index:1;}
.blind_btn_box span.txt{position:absolute;top:50%;transform:translateY(-50%);font-size:18px;width:100%;text-align:center;}
.btn_box_alert input[type='text'],
.btn_box_alert input[type='tel'],
.btn_box_alert input[type='email'],
.btn_box_alert input[type='password'],
.btn_box_alert input[type='number'],
.btn_box_alert input[type='button'],
.btn_box_alert input[type='submit'],
.btn_box_alert select{color:#cb3434;}

.global_intro_wrap{position:fixed;width:100%;height:100%;background-color:#f0f0f0;z-index:100;}
.global_intro_wrap:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);}
.global_intro{position:absolute;width:100%;padding:160px 0px;overflow:hidden;top:calc(50% - 40px);transform:translateY(-50%);}
.global_intro span{display:block;margin:0 auto;text-align:center;}
.global_intro span.logo{position:relative;width:300px;height:60px;background:url('../images/logo.v4.svg') no-repeat center center;background-size:cover;left:-10px;}
.global_intro span.logo.on{-webkit-animation:global_intro_set04 0.4s;-webkit-animation-direction:alternative;webkit-animation-fill-mode:both;animation:global_intro_set04 0.4s;animation-direction:alternative;animation-fill-mode:both;animation-delay:0.55s;}
.global_intro span.avatar{position:absolute;top:200px;left:224px;width:200px;height:200px;background:url('../images/logo_avatar.svg') no-repeat top center;background-size:cover;opacity:0;}
.global_intro span.avatar.on{-webkit-animation:global_intro_set03 0.4s;-webkit-animation-direction:alternative;webkit-animation-fill-mode:both;animation:global_intro_set03 0.4s;animation-direction:alternative;animation-fill-mode:both;animation-delay:0.55s;}
.global_intro span.byline{position:absolute;width:100%;bottom:0;right:-100%;height:calc(50% - 60px);background:#f0f0f0;border-top:2px solid #2e2e2e;}
.global_intro span.byline.on{-webkit-animation:global_intro_set01 0.7s;-webkit-animation-direction:alternative;webkit-animation-fill-mode:both;animation:global_intro_set01 0.7s;animation-direction:alternative;animation-fill-mode:both;}
.global_intro span.text{position:relative;display:inline-block;font-size:30px;letter-spacing:-0.05em;padding-top:20px;font-weight:400;}
.global_intro span.text.on{-webkit-animation:global_intro_set02 0.4s;-webkit-animation-direction:alternative;webkit-animation-fill-mode:both;animation:global_intro_set02 0.6s;animation-direction:alternative;animation-fill-mode:both;animation-delay:0.55s;}
.global_intro span.text:after{content:'';display:block;text-align:center;margin:30px auto 0px;width:40px;height:40px;border:6px solid transparent;border-bottom-color:#c5da40;border-top-color:#c5da40;border-left-color:rgba(0,0,0,0.05);border-right-color:rgba(0,0,0,0.05);border-radius:100%;animation:loading_animation 800ms infinite linear;box-sizing:border-box;}
@-webkit-keyframes global_intro_set01{0%{right:-100%;}20%{right:-100%;}80%,100%{right:0%;}}
@keyframes global_intro_set01{0%{right:-100%;}20%{right:-100%;}80%,100%{right:0%;}}
@-webkit-keyframes global_intro_set02{0%{opacity:0;}30%{opacity:0;}100%{opacity:1;}}
@keyframes global_intro_set02{0%{opacity:0;}30%{opacity:0;}100%{opacity:1;}}
@-webkit-keyframes global_intro_set03{0%{opacity:0;}30%{opacity:1;}100%{opacity:1;top:-40px;}}
@keyframes global_intro_set03{0%{opacity:0;}30%{opacity:1;}100%{opacity:1;top:-40px;}}
@-webkit-keyframes global_intro_set04{0%{opacity:0;}30%{opacity:0;}100%{opacity:1;}}
@keyframes global_intro_set04{0%{opacity:0;}30%{opacity:0;}100%{opacity:1;}}
@-webkit-keyframes loading_animation{from{transform:rotate(0deg);}to{transform:rotate(359deg);}}
@keyframes loading_animation{from{transform:rotate(0deg);}to{transform:rotate(359deg);}}

.containers{margin-left:220px;}

.s_header div.cont{position:relative;overflow:hidden;box-sizing:border-box;max-width:530px;margin:0 auto;}
.s_header.is_reservation{margin-top:50px;}
.s_header div.title h1{position:relative;padding:20px 0;}
.s_header div.title h1 a{display:inline-block;vertical-align:middle;width:120px;height:24px;background-image:url('../images/logo.v4.svg');background-size:cover;}
.s_header div.title h1 a span.title{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;}

.s_tail div.cont{max-width:530px;margin:40px auto;overflow:hidden;box-sizing:border-box;border-top:3px solid #2e2e2e;}
.s_tail ul.menu{text-align:center;margin-top:40px;}
.s_tail ul.menu li{display:inline-block;padding-bottom:12px;}
.s_tail ul.menu li a{display:inline-block;vertical-align:middle;margin-right:7px;padding-right:10px;border-right:1px solid #d0d0d0;}
.s_tail ul.menu li:last-child a{margin-right:0px;padding-right:0px;border-right:none;}
.s_tail ul.menu li a:hover{text-decoration:underline;}
.s_tail p.copyright{text-align:center;font-size:13px;color:#aaa;line-height:1.2;letter-spacing:-0.02em;}

.s_container{position:relative;max-width:530px;margin:0 auto;overflow:hidden;box-sizing:border-box;}

.s_content{max-width:550px;margin:0 auto;text-align:center;}
.s_content h2{position:relative;display:none;vertical-align:middle;font-size:22px;letter-spacing:-0.05em;padding:32px 0px 10px;}
.s_content h2:after{content:'';position:absolute;top:18px;left:50%;left:0;right:0;border:2px solid #2e2e2e;}
.s_content div.policy_box h3{padding:10px 0px;font-size:1.4em;line-height:1.3;}
.s_content div.policy_box div.section{margin-top:26px;}
.s_content div.policy_box label em.description{color:#aaa;font-style:italic;}
.s_content div.policy_box div.textbox{height:300px;overflow-y:scroll;padding:15px;margin-top:12px;background-color:#fbfaf8;line-height:1.6;border:1px solid #ddd;}
.s_content div.policy_box div.textbox.no_height{height:auto;border:none;}
.s_content div.policy_box div.textbox div.line_break{padding:10px 0px;}
.s_content div.policy_box div.textbox h4{font-size:1.1em;margin-bottom:4px;}
.s_content div.policy_box div.textbox p,
.s_content div.policy_box div.textbox ul{margin-bottom:16px;font-size:16px;}
.s_content div.policy_box div.textbox ul.common{position:relative;padding-left:16px;font-style:italic;}
.s_content div.policy_box div.textbox ul.common:after{content:'';position:absolute;top:0;bottom:0;left:0px;width:3px;background:#2e2e2e;}
.s_content div.policy_box div.textbox span.title,
.s_content div.policy_box div.textbox span.text{display:block;}
.s_content div.policy_box div.textbox span.notice{color:#cb3434;}
.s_content div.policy_box div.textbox span.title{font-weight:700;}
.s_content div.policy_box div.textbox li{margin-bottom:10px;line-height:1.45;}
.s_content div.policy_box div.textbox a{position:relative;color:#00008b;text-decoration:underline;}
.s_content div.policy_box div.more{text-align:center;border:1px solid #ddd;border-top:none;font-size:0.9em;}
.s_content div.policy_box div.more a{display:block;padding:4px 0px;}
.s_content div.policy_box div.code{display:none;color:#cb3434;font-size:0.9em;padding:10px 0px 0px 2px;}
.s_content div.policy_box div.code_ok{color:#8ab329;}
.s_content div.btn_box.up_padding{padding-top:70px;}
.s_content div.btn_box ul{padding:40px 0px;}
.s_content div.btn_box ul.case01{padding-top:20px;}
.s_content div.btn_box ul.invite{padding:16px 0 0;}
/*.s_content div.btn_box ul.invite.step2{padding:0;}*/
.s_content div.btn_box ul.case02{padding:30px 0px 0px;}
.s_content div.btn_box ul.case03{padding:30px 0px 0px;max-width:370px;}
.s_content div.btn_box li{position:relative;margin-bottom:14px;font-size:16px;letter-spacing:-0.02em;}
.s_content div.btn_box li:last-child{margin-bottom:0px;}
.s_content div.btn_box li.submit{overflow:hidden;}
.s_content div.btn_box li div.no_link,
.s_content div.btn_box li > a{display:block;position:relative;padding:18px 10px;background:#4c4c4c;border:1px solid rgba(0,0,0,0.1);color:#fff;border-radius:8px;font-weight:500;}
.s_content div.btn_box li > a.case01{background:#1ec800;}
.s_content div.btn_box li > a.case04{background:#8ab329;}
.s_content div.btn_box li > a.case03{padding:40px 0px 10px;background:none;border:none;color:#2e2e2e;font-size:1.3em;}
.s_content div.btn_box li > a.case03_01{padding-top:0px;}
.s_content div.btn_box li > a i.arrow{position:absolute;right:15px;font-size:28px;top:50%;transform:translateY(-50%);}
.s_content div.btn_box li div.no_link{background:#ddd;color:#888;}
.s_content div.btn_box li a.ajax_image_delete{position:relative;display:none;bottom:6px;left:4px;padding:0px;background:none;border:none;color:#888;text-decoration:underline;font-size:15px;}
.s_content div.btn_box li a.ajax_image_delete.on{display:inline-block;}
.s_content div.btn_box li a.agree_more{display:inline-block;padding:5px 6px;margin-left:5px;font-size:13px;border:1px solid #ddd;color:#777;background-color:#fafafa;border-radius:6px;}
.s_content div.btn_box li input.mini_btn_rgt{right:0px;width:70px;}
.s_content div.btn_box li input.med_btn_rgt{right:0px;width:90px;}
.s_content div.btn_box li input.mini_btn_rgt,
.s_content div.btn_box li input.med_btn_rgt{border-radius:0px 8px 8px 0px;}
.s_content div.btn_box li span.icon{position:absolute;width:16px;top:0;bottom:0;left:0px;padding:0px 14px;border-right:1px solid rgba(0,0,0,0.1);box-shadow:1px 1px 1px rgba(255,255,255,0.1);}
.s_content div.btn_box li span.icon i{position:absolute;width:16px;height:16px;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-image:url('/include/img/member_icon.png');}
.s_content div.btn_box li span.icon i.no_bg{background-image:none;text-align:center;font-size:1.2em;}
.s_content div.btn_box li span.icon i.naver{background-position:-16px 0px;}
.s_content div.btn_box li span.icon i.email{background-position:-16px -64px;}
.s_content div.btn_box li span.notice{line-height:1.3;}
.s_content div.btn_box li span.notice,
.s_content div.btn_box li span.text{display:inline-block;margin-left:48px;}
.s_content div.btn_box li span.text_only{display:block;margin-left:0px;text-align:center;}
.s_content div.btn_box li div.list{position:relative;}
.s_content div.btn_box li div.code{display:none;color:#cb3434;font-size:0.9em;padding:10px 0px 5px 2px;}
.s_content div.btn_box li div.code.on{display:block;}
.s_content div.btn_box li div.code_ok{color:#8ab329;}
.s_content div.btn_box li div.loading{position:relative;width:30%;left:-30%;height:5px;background-color:#cb3434;background-image:linear-gradient(90deg, rgba(255,255,255,1.0), rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,1.0));}
.s_content div.btn_box li div.icon_upload{background-color:rgba(0,0,0,0.04);}
.s_content div.btn_box li div.icon_upload img{display:block;}
.s_content div.btn_box li div.icon_upload span.file_result_profile{position:relative;display:inline-block;vertical-align:text-bottom;}
.s_content div.btn_box li div.icon_upload input.mini_btn_rgt,
.s_content div.btn_box li div.icon_upload input.med_btn_rgt{background-color:#888;}
.s_content div.btn_box li div.tel_cert_msg{display:none;position:absolute;bottom:110%;right:0px;padding:10px;border:2px solid #666;background-color:#fcfcfc;color:#2e2e2e;font-size:0.9em;text-align:center;line-height:1.4;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.s_content div.btn_box li div.tel_cert_msg:before,
.s_content div.btn_box li div.tel_cert_msg:after{content:'';position:absolute;z-index:2;bottom:-11px;right:10px;border-top:12px solid #fcfcfc;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:0;}
.s_content div.btn_box li div.tel_cert_msg:before{border-top:12px solid #666;bottom:-14px;}
.s_content div.btn_box li div.tel_cert_msg span.count{display:none;text-align:center;margin-top:2px;font-size:0.8em;color:#777;}
.s_content div.btn_box li div.tel_cert_msg span.count.on{display:block;}
.s_content div.btn_box #privacy_description{display:none;}
.s_content div.btn_box li div.description{line-height:1.6;font-size:14px;color:#555;background:rgba(0,0,0,0.04);padding:15px 12px;text-align:justify;}
.s_content div.btn_box li div.description_spacious{color:#888;background:none;padding:15px 0px;}
.s_content div.btn_box li div.description span{display:block;}
.s_content div.btn_box li div.description span.heading{font-size:16px;color:#2e2e2e;}
.s_content div.btn_box li div.description span.heading > strong{font-size:18px;display:block;margin-bottom:4px;}
.s_content div.btn_box li div.description span.title{margin-bottom:12px;}
.s_content div.btn_box li div.description span.item{color:#8ab329;}
.s_content div.btn_box li div.description span.item2{color:#999;}
.s_content div.btn_box li div.description span a{color:#1ea7de;border-bottom:1px solid #1ea7de;}
.s_content div.btn_box li div.description em.mention{font-size:16px;}
.s_content div.btn_box li div.description em.mention strong.heading{font-size:16px;margin-bottom:3px;}
.s_content div.btn_box p{line-height:1.6;font-size:13px;color:#555;background:#fbfaf8;padding:15px 12px;}
.s_content div.btn_box p.description{text-align:justify;}
.s_content div.btn_box p span.comodo{color:#c41230;font-family:Arial, Helvetica, sans-serif;font-weight:900;letter-spacing:-0.05em;}
.s_content div.btn_box input[type='text'],
.s_content div.btn_box input[type='tel'],
.s_content div.btn_box input[type='email'],
.s_content div.btn_box input[type='password'],
.s_content div.btn_box input[type='button'],
.s_content div.btn_box input[type='submit'],
.s_content div.btn_box button,
.s_content div.btn_box select{width:100%;padding:16px 14px;border:1px solid #d0d0d0;color:#2e2e2e;font-size:inherit;box-sizing:border-box;outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:8px;}
.s_content div.btn_box select::-ms-expand{display:none;}
.s_content div.btn_box input.bigform{font-size:22px;font-weight:700;letter-spacing:0.05em;}
.s_content div.btn_box input.bigsubmit,
.s_content div.btn_box button.bigsubmit{}
.s_content div.btn_box label{position:absolute;top:50%;left:10px;padding:0px 4px;color:#888;cursor:text;-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.s_content div.btn_box label:after{content:'';position:absolute;top:calc(50% - 1px);left:0px;width:100%;height:4px;background:#fff;z-index:-1;}
.s_content div.btn_box label.text{position:relative;top:auto;left:auto;padding:0px;color:inherit;cursor:pointer;-moz-transform:translateY(0%);-o-transform:translateY(0%);-webkit-transform:translateY(0%);transform:translateY(0%);}
.s_content div.btn_box legend{display:none;}
.s_content div.btn_box button,
.s_content div.btn_box input[type='submit']{background-color:#666;color:#fff;text-align:center;border:1px solid #666;padding:20px 14px;cursor:pointer;font-weight:400;}
.s_content div.btn_box button:focus,
.s_content div.btn_box input[type='submit']:focus{border:2px solid rgba(0,0,0,0.4);padding:19px 14px;}
.s_content div.btn_box button.disabled,
.s_content div.btn_box input[type='submit'].disabled{padding:21px 14px;}
.s_content div.btn_box button.complete,
.s_content div.btn_box button.error,
.s_content div.btn_box button.frm_submit.error,
.s_content div.btn_box button.frm_search.error,
.s_content div.btn_box input[type='submit'].complete,
.s_content div.btn_box input[type='submit'].error{padding:19px 14px;}
.s_content div.btn_box input[type='button']{position:absolute;top:0;bottom:0;background-color:#aaa;color:#fff;text-align:center;border:none;cursor:pointer;}
.s_content div.btn_box input[type='button']:focus{border:2px solid rgba(0,0,0,0.4);}
.s_content div.btn_box button i.arrow{position:absolute;right:15px;font-size:28px;top:50%;transform:translateY(-50%);}
/*.s_content div.btn_box input[type='text'].on,
.s_content div.btn_box input[type='tel'].on,
.s_content div.btn_box input[type='email'].on,
.s_content div.btn_box input[type='password'].on{padding:15px 13px;border:2px solid #8ab329;}*/
.s_content div.btn_box input.on{padding:15px 13px;border:2px solid #aaa;}
.s_content div.btn_box button.complete,
.s_content div.btn_box button.error,
.s_content div.btn_box input.complete,
.s_content div.btn_box input.error{padding:15px 13px;border:2px solid #cb3434;}
.s_content div.btn_box button.complete,
.s_content div.btn_box input.complete{border:2px solid rgba(0,0,0,0.4);}
.s_content div.btn_box button.readonly,
.s_content div.btn_box input.readonly{background-color:#f0f0f0;color:#4c4c4c;text-shadow:1px 1px 1px #fff;}
.s_content div.btn_box button.disabled,
.s_content div.btn_box input.disabled{background-color:#999;color:#f0f0f0;cursor:default;border:none;}
.s_content div.btn_box div.preview{padding-bottom:6px;}
.s_content div.btn_box i.privacy{color:#aaa;}
.s_content div.btn_box div.preview a.description,
.s_content div.btn_box div.preview span.description{display:block;padding:20px;color:rgba(61,121,204,1);line-height:1.45;background-color:rgba(61,121,204,0.15);word-break:break-all;box-sizing:border-box;}
.s_content div.btn_box div.preview span.description{border-radius:8px 8px 0px 0px;}
.s_content div.btn_box div.preview a.description{max-width:550px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:0px 0px 8px 8px;}
.s_content div.btn_box div.preview a.tag{display:inline-block;max-width:550px;line-height:1.625;color:rgba(61,121,204,1);padding:6px 8px;background-color:rgba(61,121,204,0.15);word-break:break-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;border-radius:8px;}
.s_content div.btn_box div.preview a.tag i{margin-right:3px;}
.s_content div.btn_cartoon li{border:1px solid #d0d0d0;padding:16px;text-align:center;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
.s_content div.btn_cartoon li div.coupon_number{width:fit-content;padding:18px;border-radius:16px;margin:10px auto 30px;background:#00de5a;}
.s_content div.btn_cartoon li div.coupon_number div.title{display:flex;align-items:center;gap:2px;}
.s_content div.btn_cartoon li div.coupon_number span.logo{width:48px;aspect-ratio:221 / 75;background-size:contain;background-repeat:no-repeat;
    background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 580.53 198.055"%3E%3Cpath fill="%232e2e2e" d="M198.055 99.028a99.029 99.029 0 0 1-169.05 70.023 99.028 99.028 0 1 1 169.05-70.023zM115.59 52.485v49.785L80.93 52.485H52.485v93.21H82.44V95.76l34.66 49.81h28.545V52.485ZM557.193 47.312l-27.631 62.96-31.256-62.96h-24.032l44.265 87.35-18.247 40.93h23.337L580.53 47.435Zm-98.278 97.358h-22.84v-9.09a44.68 44.68 0 0 1-30.064 11.077c-27.31 0-48.684-22.353-48.684-50.666 0-28.314 21.35-50.666 48.684-50.666a44.677 44.677 0 0 1 30.064 11.052v-9.065h22.84zm-20.159-48.555c0-18.354-12.81-32.287-29.79-32.287-16.982 0-29.793 13.933-29.793 32.287s12.786 32.287 29.792 32.287 29.791-14.057 29.791-32.287zM244.374 175.59h23.833V136.4a44.38 44.38 0 0 0 29.072 10.257c27.308 0 48.708-22.353 48.708-50.666 0-28.314-21.375-50.666-48.708-50.666a44.453 44.453 0 0 0-30.14 11.052v-9.065H244.3Zm50.074-111.763c16.982 0 29.792 13.933 29.792 32.287s-12.81 32.287-29.792 32.287c-16.98 0-29.79-13.933-29.79-32.287s12.66-32.287 29.79-32.287z"/%3E%3C/svg%3E');
}
.s_content div.btn_cartoon li div.coupon_number span.logo_description{font-size:13px;font-weight:700;}
.s_content div.btn_cartoon li div.coupon_number div.number{font-size:26px;margin:24px 0;font-weight:700;user-select:all;min-width:250px;}
.s_content div.btn_cartoon li div.coupon_number div.link a{display:block;border-radius:8px;padding:14px;background:rgba(0,0,0,0.15);font-weight:700;text-align:center;}
.s_content div.btn_cartoon li ul.coupon_description{margin-top:42px;line-height:1.45;color:#999;background:rgba(0,0,0,0.02);padding:15px 12px;text-align:justify;border-radius:8px;}
.s_content div.btn_cartoon li ul.coupon_description > li{position:relative;padding:0 0 0 12px;border:none;text-align:left;font-size:14px;margin:0;}
.s_content div.btn_cartoon li ul.coupon_description > li i{position:absolute;left:0;top:2px;color:#e0e0e0;margin-right:5px;}
.s_content div.btn_cartoon li ul.coupon_description > li+li{margin-top:7px;}
.s_content div.btn_cartoon li ul.coupon_description > li a{color:#1ea7de;background:none;padding:0;display:inline;border-radius:0;border:none;border-bottom:1px solid #1ea7de;}

.s_content div.btn_cartoon li span{display:block;}
.s_content div.btn_cartoon li span.text{margin:0 0 20px;line-height:1.4;}
.s_content div.btn_cartoon li span.text em.description{color:#888;}
.s_content div.btn_cartoon li span.barcode_description{margin:20px 0px 0px;padding:20px;background:#f0f0f0;line-height:1.4;font-size:15px;text-align:left;border-radius:8px;color:#4c4c4c;}
.s_content div.btn_cartoon li span.bg{margin:10px auto;width:120px;height:120px;border-bottom:2px solid #2e2e2e;background-size:cover;}
.s_content div.btn_cartoon li span.bg01{background-image:url('/include/img/login_bg1.png');}
.s_content div.btn_cartoon li span.bg02{background-image:url('/include/img/login_bg2.png');}
.s_content div.btn_cartoon li span.bg03{width:280px;height:184px;background-image:url('/include/img/login_bg3.png');}
.s_content div.btn_cartoon li span.bg04{background-image:url('/include/img/login_bg4.png');}
.s_content div.btn_cartoon li.my_tier{background:#4c4c4c;position:relative;text-align:left;border:none;}
.s_content div.btn_cartoon li.my_tier_naver{background:#1ec800;}
.s_content div.btn_cartoon li.my_tier span.profile{display:block;position:relative;width:60px;height:60px;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px;overflow:hidden;box-sizing:border-box;}
.s_content div.btn_cartoon li.my_tier span.profile:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,0.1);-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px;}
.s_content div.btn_cartoon li.my_tier span.profile img{display:block;max-width:100%;}
.s_content div.btn_cartoon li.my_tier div{position:absolute;top:20px;left:0px;padding:0px 10px 0px 90px;width:100%;box-sizing:border-box;}
.s_content div.btn_cartoon li.my_tier div span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;line-height:1.3;}
.s_content div.btn_cartoon li.my_tier span.nickname{font-weight:700;margin-bottom:4px;}
.s_content div.btn_cartoon li.my_tier span.email,
.s_content div.btn_cartoon li.my_tier span.today_login{font-size:0.8em;color:#eee;}
.s_content div.captcha_box{position:relative;max-width:530px;padding-bottom:50%;margin-top:14px;background-image:url('/include/img/cartoon_captcha.png');background-color:#777;border-radius:8px;background-size:cover;overflow:hidden;}
.s_content div.captcha_box.shake{animation:shake-little 150ms ease-in-out infinite;}
.s_content div.captcha_box:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 7px rgba(0, 0, 0, 0.1);}
.s_content div.captcha_box img{position:absolute;width:50%;top:15%;left:-2%;}
.s_content div.captcha_box span.bg{position:absolute;top:4%;left:0px;width:50%;padding-bottom:25%;background-size:cover;animation:shake-little 150ms ease-in-out infinite;}
.s_content div.captcha_box span.bg01{background-image:url('/include/img/cartoon_captcha_404.png');}
.s_content div.captcha_box span.bg02{background-image:url('/include/img/cartoon_captcha_error.png');}
.s_content div.dev_list ul{margin:40px 0px;border-top:2px solid #2e2e2e;border-bottom:1px solid #2e2e2e;}
.s_content div.dev_list li > a{display:block;padding:20px 0px;border-bottom:1px solid #e0e0e0;}
.s_content div.dev_list li > a:hover{background:rgba(0,0,0,0.02);}
.s_content div.dev_list li:last-child > a{border-bottom:none;}
.s_content div.dev_list span{display:block;line-height:1.625;}
.s_content div.dev_list span.title{font-size:1.2em;font-weight:500;letter-spacing:-0.02em;}
.s_content div.dev_list span.description{color:#888;}
.s_content div.dev_list span i{color:#cb3434;margin-right:5px;}
.s_content div.dev_list p{line-height:1.6;font-size:13px;color:#666;background:rgba(0,0,0,0.04);padding:15px 12px;}
.s_content div.invite_info{position:relative;padding:32px 22px;margin:0 15px 18px;border:1px dashed #d0d0d0;border-radius:8px;text-align:left;line-height:1.34;letter-spacing:-0.05em;
    -webkit-animation:invite_fade 0.3s;-webkit-animation-direction:alternate;-webkit-animation-fill-mode:both;
    animation:invite_fade 0.3s;animation-direction:alternate;animation-fill-mode:both;
}
.s_content div.invite_info.on{color:#888;background:#f7f7f7;border:1px solid rgba(0,0,0,0.07);}
.s_content div.invite_info > div.icon{display:none;position:absolute;top:-22px;left:14px;font-size:54px;color:#8ab329;line-height:1;}
.s_content div.invite_info > div.icon.on{
    display:block;
    -webkit-animation:invite_bubble 0.4s;-webkit-animation-direction:alternate;-webkit-animation-fill-mode:both;
    animation:invite_bubble 0.4s;animation-direction:alternate;animation-fill-mode:both;
}
.s_content div.invite_info > div.title{font-size:24px;font-weight:700;margin-bottom:4px;}
.s_content div.invite_info > div.destination{display:none;}
.s_content div.invite_info > div.destination.on{display:block;}
.s_content div.invite_info > div.destination > span > i{margin-right:2px;}
.s_content div.invite_info > div.destination > span.description{font-size:0.6em;color:#aaa;}
.s_content div.invite_info.inviter{animation-delay:0.4s;}
.s_content div.invite_info.inviter > div.icon{animation-delay:0.7s;}
.s_content div.invite_info.invitee{animation-delay:1.3s;}
.s_content div.invite_info.final{display:none;}
/*.s_content div.invite_info.final{display:none;border:none;padding:0;}*/
/*.s_content div.invite_info.final.on{border:none;background:none;color:#2e2e2e;}*/
@-webkit-keyframes invite_bubble{0%{transform:scale(0);}42%{transform:scale(1.5);}74%{transform:scale(0.8);}88%{transform:scale(1.1);}100%{transform:scale(1);}}
@keyframes invite_bubble{0%{transform:scale(0);}42%{transform:scale(1.5);}74%{transform:scale(0.8);}88%{transform:scale(1.1);}100%{transform:scale(1);}}
@keyframes invite_fade{0%{transform:scale(0);}100%{transform:scale(1);}}
@-webkit-keyframes shake-little{20%{transform:translate(2px, 1px) rotate(0.5deg);}40%{transform:translate(1px, 2px) rotate(0.5deg);color:#2e2e2e;}60%{transform:translate(0px, 0px) rotate(0.5deg);}80%{transform:translate(0px, 2px) rotate(0.5deg);}0%, 100%{transform:translate(0, 0) rotate(0);}}
@keyframes shake-little{20%{transform:translate(2px, 1px) rotate(0.5deg);}40%{transform:translate(1px, 2px) rotate(0.5deg);color:#2e2e2e;}60%{transform:translate(0px, 0px) rotate(0.5deg);}80%{transform:translate(0px, 2px) rotate(0.5deg);}0%, 100%{transform:translate(0, 0) rotate(0);}}

.s_content div.contract_info{position:relative;padding:36px 22px;margin:22px auto;box-shadow:0 0 4px 0 rgba(0,0,0,0.04);border-radius:8px;text-align:left;line-height:1.34;letter-spacing:-0.05em;background:#fff;}
.s_content div.contract_info h3{font-size:26px;font-weight:700;line-height:1.23;}
.s_content div.contract_info .accent{color:#e54d4d;}
.s_content div.contract_info .description{color:#aaa;}
.s_content div.contract_info > dl.contract_detail{margin:20px 0 10px;font-size:16px;}
.s_content div.contract_info > dl.contract_detail > div{display:flex;align-items:center;line-height:1.34;}
.s_content div.contract_info > dl.contract_detail > div+div{margin-top:7px;}
.s_content div.contract_info > dl.contract_detail > div > dt{min-width:106px;color:#888;}
.s_content div.contract_info > ul.description{margin-top:42px;line-height:1.45;font-size:14px;color:#999;background:rgba(0,0,0,0.02);padding:15px 12px;text-align:justify;border-radius:8px;}
.s_content div.contract_info > ul.description > li{position:relative;padding-left:12px;}
.s_content div.contract_info > ul.description > li i{position:absolute;left:0;top:2px;color:#e0e0e0;margin-right:5px;}
.s_content div.contract_info > ul.description > li+li{margin-top:7px;}
.s_content div.contract_info > ul.description > li a.kakao{color: #1ea7de;border-bottom:1px solid #1ea7de;}
.s_content div.contract_info div.npay_promotion div.img{position:relative;padding-bottom:50%;background:linear-gradient(180deg, #1e1e1e, #3c3c3c);border-radius:8px;margin-top:24px;}
.s_content div.contract_info div.npay_promotion div.img > div{background-size:cover;background-repeat:no-repeat;background-position:left bottom;}
.s_content div.contract_info div.npay_promotion div.img > div.v1,
.s_content div.contract_info div.npay_promotion div.img > div.v2{position:absolute;width:calc(100% + 15px);padding-bottom:calc(50% + 15px);top:-15px;left:-15px;}
.s_content div.contract_info div.npay_promotion div.img > div.v1{background-image:url('/include/img/etc/npay_benefit_01_150dpi.png');z-index:1;}
.s_content div.contract_info div.npay_promotion div.img > div.v2{background-image:url('/include/img/etc/npay_benefit_02_150dpi.png');}
.s_content div.contract_info div.npay_promotion div.content p{margin:42px 0;font-size:21px;text-align:center;font-weight:700;}
.s_content div.contract_info div.npay_promotion div.content p em{display:block;}
.s_content div.contract_info div.npay_promotion div.content p span.npay{color:#03c75a;font-weight:700;}
.s_content div.contract_info div.npay_promotion div.content p span.npay i.icon{display:inline-block;vertical-align:sub;margin:0 2px;width:21px;height:21px;background-repeat:no-repeat;background-size:cover;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 168 52' fill='none' preserveAspectRatio='xMidYMid meet'%3E%3Cg clip-path='url(%23clip0_3699_5886)'%3E%3Cpath d='M52 26C52 31.1423 50.4752 36.1692 47.6182 40.4448C44.7613 44.7205 40.7007 48.053 35.9498 50.0209C31.1989 51.9888 25.9712 52.5037 20.9277 51.5004C15.8842 50.4972 11.2514 48.021 7.61524 44.3848C3.97907 40.7486 1.50281 36.1159 0.499592 31.0724C-0.503624 26.0289 0.0112727 20.8011 1.97915 16.0502C3.94703 11.2994 7.27955 7.23871 11.5552 4.38179C15.8309 1.52487 20.8577 0 26 0C32.8957 0 39.5089 2.73928 44.3848 7.61523C49.2608 12.4912 52 19.1044 52 26ZM31.434 12.61V27.729L20.8195 12.61H12.61V39.39H20.5725V24.2645L31.187 39.39H39.39V12.61H31.434Z' fill='%2303C75A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3699_5886'%3E%3Crect width='168' height='52' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.s_content div.contract_info div.npay_promotion ul{margin:42px 0 50px;}
.s_content div.contract_info div.npay_promotion li{position:relative;background:rgba(0, 0, 0, 0.03);padding:24px 24px 24px 54px;border-radius:8px;font-size:18px;color:#555;}
.s_content div.contract_info div.npay_promotion li::before{position:absolute;left:20px;content:'';font-size:0.8em;font-weight:900;color:#fff;width:24px;text-align:center;line-height:24px;background:#2e2e2e;border-radius:1em;}
.s_content div.contract_info div.npay_promotion li:nth-child(n+2){margin-top:16px;}
.s_content div.contract_info div.npay_promotion li:nth-child(n+1)::before{content:'1';}
.s_content div.contract_info div.npay_promotion li:nth-child(n+2)::before{content:'2';}
.s_content div.contract_info div.npay_promotion li:nth-child(n+3)::before{content:'3';}
.s_content div.contract_info div.npay_promotion li:nth-child(n+4)::before{content:'4';}
.s_content div.contract_info div.npay_promotion li:nth-child(n+5)::before{content:'5';}
@-webkit-keyframes target_message{30%{background:rgba(203,52,52,0.75);color:#fff;}}
@keyframes target_message{30%{background-color:rgba(203,52,52,0.75);color:#fff;}}

.s_content input:-webkit-autofill {
    box-shadow: 0 0 0px 1000px #ffffff inset !important; /* 배경 덮기 */
    -webkit-text-fill-color: #000000 !important; /* 글자색 변경 */
    transition: background-color 5000s ease-in-out 0s; /* 깜빡임 방지 */
}


.cartoon_notice{position:relative;padding:40px 20px;background:#f5f2ed;border-radius:8px;}
.cartoon_notice p{font-size:17px;letter-spacing:-0.02em;line-height:1.5;}
.cartoon_notice p span.text{position:relative;display:inline-block;padding:14px 12px;margin-right:165px;background:#fff;border:1px solid rgba(0,0,0,0.4);border-radius:8px;box-shadow:0px 0px 5px rgba(0,0,0,0.2);z-index:1;
    -webkit-animation:cartoon_notice_bubble 0.3s;-webkit-animation-direction:alternative;webkit-animation-fill-mode:both;
    animation:cartoon_notice_bubble 0.3s;animation-direction:alternative;animation-fill-mode:both;animation-delay:0.3s;
}
.cartoon_notice p span.big{font-size:21px;font-style:italic;}
.cartoon_notice p span.text:before,
.cartoon_notice p span.text:after{content:'';position:absolute;z-index:2;bottom:20px;right:-11px;border-left:12px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:0;}
.cartoon_notice p span.text:before{border-left:12px solid rgba(0,0,0,0.4);right:-12px;}
.cartoon_notice p span.big input[type='text']{width:100%;padding:10px 14px;margin-right:-70px;border:1px solid #d0d0d0;color:#2e2e2e;background:#f5f5f5;font-size:21px;box-sizing:border-box;outline:none;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;appearance:none;-moz-appearance:none;-webkit-appearance:none;font-style:italic;}
.cartoon_notice p span.big input[type='submit']{padding:6px 12px;text-align:center;font-size:21px;background:#8ab329;color:#fff;border:none;outline:none;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.cartoon_notice p strong.naver{color:#1ec800;font-family:Arial, Helvetica, sans-serif;font-weight:900;letter-spacing:-0.05em;}
.cartoon_notice span.bg{position:absolute;width:230px;height:170px;bottom:0px;right:20px;z-index:0;background:no-repeat right bottom;background-size:cover;
    -webkit-animation:cartoon_notice_avatar 0.3s;-webkit-animation-direction:alternative;webkit-animation-fill-mode:both;
    animation:cartoon_notice_avatar 0.3s;animation-direction:alternative;animation-fill-mode:both;animation-delay:0s;
}
.cartoon_notice_product{padding:0px;text-align:center;border:none;margin-top:40px;margin-bottom:-12px;border-radius:0px;}
.cartoon_notice_product.mintop{margin-top:50px;}
.cartoon_notice_product p{position:relative;display:inline-block;font-size:21px;font-style:italic;line-height:1.3;text-align:center;padding:40px 0px;}
.cartoon_notice_product p span.text{padding:18px;width:350px;box-sizing:border-box;margin-right:0px;margin-left:200px;}
.cartoon_notice_product p span.text:before,
.cartoon_notice_product p span.text:after{bottom:20px;left:-11px;right:auto;border-right:12px solid #fff;border-left:0;}
.cartoon_notice_product p span.text:before{border-right:12px solid rgba(0,0,0,0.4);left:-12px;right:auto;}
.cartoon_notice_product a.cta{display:inline-block;padding:10px;margin-top:8px;background:#8ab329;color:#fff;line-height:1.0;border-radius:4px;}
.cartoon_notice_product a.cta i{margin-left:4px;}
.cartoon_notice_product span.bg{right:auto;left:0px;}
.cartoon_notice_bg01 span.bg{background-image:url('/include/img/cartoon_notice01.png');}
.cartoon_notice_bg02 span.bg{background-image:url('/include/img/cartoon_notice02.png');}
.cartoon_notice_bg03 span.bg{bottom:-10px;background-image:url('/include/img/cartoon_notice03.png');}
.cartoon_notice_bg04 span.bg{background-image:url('/include/img/cartoon_notice04.png');}
.cartoon_notice_bg05 span.bg{background-image:url('/include/img/cartoon_notice05.png');}
.cartoon_notice_bg06 span.bg{background-image:url('/include/img/cartoon_notice06.png');}
.cartoon_notice_bg07 span.bg{background-image:url('/include/img/cartoon_notice07.png');}
.cartoon_notice_bg08 span.bg{bottom:-10px;background-image:url('/include/img/cartoon_notice08.png');}
.cartoon_notice_bg09 span.bg{bottom:-10px;background-image:url('/include/img/cartoon_notice09.png');}
.cartoon_notice_bg10 span.bg{bottom:-10px;right:5px;background-image:url('/include/img/cartoon_notice10.png');}
.cartoon_notice_product.cartoon_notice_bg01 span.bg{height:280px;bottom:auto;top:20px;background-image:url('/include/img/product/cartoon_notice01.png');}
.cartoon_notice_product.cartoon_notice_bg02 span.bg{height:280px;bottom:auto;top:20px;background-image:url('/include/img/product/cartoon_notice02.png?ver=1.2');}
@-webkit-keyframes cartoon_notice_bubble{0%{transform:scale(0);}42%{transform:scale(1.1);}74%{transform:scale(0.9);}88%{transform:scale(1.04);}100%{transform:scale(1);}}
@keyframes cartoon_notice_bubble{0%{transform:scale(0);}42%{transform:scale(1.1);}74%{transform:scale(0.9);}88%{transform:scale(1.04);}100%{transform:scale(1);}}
@-webkit-keyframes cartoon_notice_avatar{0%{right:-10%;opacity:0;}50%{opacity:0;}100%{right:;opacity:1;}}
@keyframes cartoon_notice_avatar{0%{right:-10%;opacity:0;}50%{opacity:0;}100%{right:;opacity:1;}}

div.card_list > ul{display:flex;flex-wrap:wrap;font-size:16px;padding:20px;}
div.card_list > ul.max_800{max-width:1000px;}
div.card_list > ul > li{padding:10px;box-sizing:border-box;}
div.card_list > ul > li.div_4_1{width:25%;}
div.card_list > ul > li.div_4_2{width:50%;}
div.card_list > ul > li.div_4_3{width:75%;}
div.card_list > ul > li.div_4_4{width:100%;}
div.card_list > ul > li.div_3_1{width:33.33%;}
div.card_list > ul > li.div_3_2{width:66.66%;}
div.card_list > ul > li.div_3_3{width:100%;}
div.card_list > ul > li h4{position:relative;}
div.card_list > ul > li h4 div.slide{position:absolute;top:0px;right:0px;width:16px;height:16px;background:url('../images/selectbox_icon.svg') no-repeat #fff;opacity:0.4;transform:rotate(180deg);background-size:16px;cursor:pointer;transition: all ease 0.3s;}
div.card_list > ul > li h4 div.slide.on{transform:rotate(360deg);transition: all ease 0.3s;}
div.card_list > ul > li div.card_wrap{background:#fff;padding:20px;box-shadow:0 2px 5px 0 rgb(0, 0, 0, 0.14);border-radius:2px;}
div.card_list > ul > li div.box{position:relative;margin-top:20px;}
div.card_list > ul > li div.box.loading div,
div.card_list > ul > li div.box.loading canvas,
div.card_list > ul > li div.box.loading table{opacity:0.4;}
div.card_list > ul > li div.box.loading:after{content:'';position:absolute;top:50%;left:50%;margin-left:-20px;margin-top:-20px;width:40px;height:40px;border:5px solid transparent;border-bottom-color:#8ab329;border-top-color:#8ab329;border-left-color:rgba(0,0,0,0.05);border-right-color:rgba(0,0,0,0.05);border-radius:100%;box-sizing:border-box;animation:loading_animation 800ms infinite linear;}
div.card_list > ul > li div.box_graph{height:240px;}
div.card_list > ul > li div.box.on{-webkit-animation:slide_box 0.6s;-webkit-animation-direction:alternative;webkit-animation-fill-mode:both;animation:slide_box 0.6s;animation-direction:alternative;animation-fill-mode:both;}
div.card_list > ul > li div.box div.abs_num{font-size:46px;font-weight:700;padding:2px 0px 6px;}
div.card_list > ul > li div.box div.abs_num1{position:absolute;top:0px;left:0px;width:100%;text-align:center;font-size:50px;margin-top:82px;z-index:0;font-weight:bold;}
div.card_list > ul > li div.box div.abs_num small,
div.card_list > ul > li div.box div.abs_num1 small{font-size:50%}
div.card_list > ul > li div.box div.emoji{position:absolute;bottom:12px;right:0px;font-size:14px;}
div.card_list > ul > li div.box div.graph{position:absolute;bottom:36px;right:0px;width:100px;height:7px;background:#ddd;overflow:hidden;}
div.card_list > ul > li div.box div.graph.case02{display:none;}
div.card_list > ul > li div.box div.graph em{position:absolute;left:0px;top:0px;height:100%;}
div.card_list > ul > li div.box div.crazy,
div.card_list > ul > li div.box div.good{color:#8ab329;}
div.card_list > ul > li div.box div.normal{color:#2a5788;}
div.card_list > ul > li div.box div.toobad,
div.card_list > ul > li div.box div.bad{color:#b04b27;}
div.card_list > ul > li div.box div.emoji em{display:inline-block;width:14px;height:14px;border-radius:14px;vertical-align:middle;margin-right:4px;}
div.card_list > ul > li div.box div.crazy em,
div.card_list > ul > li div.box div.good em{background:#8ab329;border-color:#8ab329;}
div.card_list > ul > li div.box div.normal em{background:#2a5788;border-color:#2a5788;}
div.card_list > ul > li div.box div.toobad em,
div.card_list > ul > li div.box div.bad em{background:#b04b27;border-color:#b04b27;}
div.card_list > ul > li dl.config_box{letter-spacing:-0.03em;}
div.card_list > ul > li dl.config_box dt{font-size:22px;font-weight:700;margin:10px 0px 18px;}
div.card_list > ul > li dl.config_box dt.alert{margin:18px 0px;}
div.card_list > ul > li dl.config_box dt i{color:#999;}
div.card_list > ul > li dl.config_box dd{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,0.05);padding:10px 0px;}
div.card_list > ul > li dl.config_box dd:last-child{padding-bottom:0px;border-bottom:none;}
div.card_list > ul > li dl.config_box dd span.description.alert{color:#cb3434;}


@-webkit-keyframes slide_box{100%{opacity:0;overflow:hidden;margin:0px;padding:0px;height:0px;min-height:0px;border:none;display:none;}}
@keyframes slide_box{100%{opacity:0;overflow:hidden;margin:0px;padding:0px;height:0px;min-height:0px;border:none;display:none;}}

/*@media screen and (max-width:1500px) {*/
/*div.card_list > ul > li.div_4_1{width:50%;}*/
/*}*/

@media screen and (max-width:1200px) {
.gnb_mask.on{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:3;}
.gnb{left:-220px;z-index:4;}
.gnb.on{-webkit-animation:gnb_mask 0.4s;-webkit-animation-direction:alternative;webkit-animation-fill-mode:both;animation:gnb_mask 0.4s;animation-direction:alternative;animation-fill-mode:both;}
.gnb.on div.close{display:block;}
@-webkit-keyframes gnb_mask{100%{left:0px;}}
@keyframes gnb_mask{100%{left:0px;}}

.containers{margin-left:0px;}

div.snb div.demension_box,
div.snb div.myaccount_box{display:none;z-index:2;}
div.snb div.demension_box.on,
div.snb div.myaccount_box.on{display:block;-webkit-animation:btn_opener 0.4s;-webkit-animation-direction:alternative;webkit-animation-fill-mode:both;animation:btn_opener 0.4s;animation-direction:alternative;animation-fill-mode:both;}
div.snb div.myaccount_box.on{display:flex;}
@-webkit-keyframes btn_opener{0%{opacity:0;overflow:hidden;margin:0px;padding:0px;height:0px;border:none;}}
@keyframes btn_opener{0%{opacity:0;overflow:hidden;margin:0px;padding:0px;height:0px;border:none;}}

div.snb{position:relative;display:block;padding:10px 15px;}
div.snb ul.opener{display:block;}
div.snb ul.opener:after{display:block;clear:both;content:'';}
div.snb ul.opener li{float:left;}
div.snb ul.opener li:first-child button{background:#8ab329;color:#fff;border-color:#8ab329;}
div.snb ul.opener li+li{margin-left:5px;float:right;}

div.snb div.demension_box,
div.snb div.myaccount_box{position:absolute;left:0;right:0;margin:5px 15px;padding:15px;background:#fff;border:1px solid #ddd;box-shadow:1px 1px 10px rgb(0,0,0,0.12);}
div.snb div.demension_box:before,
div.snb div.demension_box:after,
div.snb div.myaccount_box:before,
div.snb div.myaccount_box:after{content:'';position:absolute;z-index:1;top:-20px;right:10px;border-right:10px solid transparent;border-top:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid #fff;}
div.snb div.demension_box:after,
div.snb div.myaccount_box:after{z-index:0;top:-22px;right:9px;border-right:11px solid transparent;border-top:11px solid transparent;border-left:11px solid transparent;border-bottom:11px solid rgba(0,0,0,0.14);}
div.snb div.myaccount_box:before{right:56px;}
div.snb div.myaccount_box:after{right:55px;}
div.snb div.myaccount_box .account li.group{font-size:15px;}
}

@media screen and (max-width:1000px) {
div.card_list > ul{padding:10px;}
div.card_list > ul > li{padding:5px;margin-bottom:10px;}
}

@media screen and (max-width:720px) {
div.snb div.btn_box li{display:block;width:auto;margin-right:0px;}
div.snb div.btn_box li.short,
div.snb div.btn_box li.long,
div.snb div.btn_box li.verylong{width:auto;}

div.card_list > ul > li.div_4_1{width:100%;}
div.card_list > ul > li.div_4_2{width:100%;}
div.card_list > ul > li.div_4_3{width:100%;}
div.card_list > ul > li.div_4_4{width:100%;}
div.card_list > ul > li.div_3_1{width:100%;}
div.card_list > ul > li.div_3_2{width:100%;}
div.card_list > ul > li.div_3_3{width:100%;}

div.card_list > ul > li div.box{position:relative;margin-top:16px;}
div.card_list > ul > li div.box_graph{min-height:210px;}
div.card_list > ul > li div.card_wrap{padding:16px 14px;}
div.card_list > ul > li div.box div.abs_num{font-size:40px;padding:0px 0px 4px;}
div.card_list > ul > li div.box div.graph{bottom:29px;}
div.card_list > ul > li div.box div.emoji{bottom:8px;}
}

@media screen and (max-width: 550px) {
.global_intro{padding:200px 0px;}
.global_intro span.logo{width:45vw;height:calc(45vw * 0.20);}
.global_intro span.avatar{top:100px;left:32vw;width:30.6vw;height:30.6vw;}
.global_intro span.byline{height:calc(50% - 9.2vw);}
.global_intro span.text{font-size:4.8vw;padding-top:3.4vw;}
@-webkit-keyframes global_intro_set03{0%{opacity:0;}30%{opacity:1;}100%{opacity:1;top:-6.5vw;}}
@keyframes global_intro_set03{0%{opacity:0;}30%{opacity:1;}100%{opacity:1;top:-6.5vw;}}

.s_header div.title h1{margin:0 15px;}

.s_tail div.cont{margin:30px auto;font-size:13px;letter-spacing:-0.05em;border-top:2px solid #2e2e2e;}
.s_tail ul.menu{margin-top:30px;}
.s_tail ul.menu li a{margin-right:5px;padding-right:7px;}
.s_tail p.copyright{font-size:12px;}

.s_content h2{font-size:18px;padding:22px 0px 10px;}
.s_content h2:after{top:14px;border:1px solid #2e2e2e;}
.s_content div.message{padding:15px;}
.s_content div.message.on{margin:0px 0px 20px;padding:20px 15px;}
.s_content div.btn_box ul{padding:30px 15px;}
.s_content div.btn_box ul.case01{padding-top:0px;}
.s_content div.btn_box p{padding:18px 17px;background:#f0f0f0;font-size:11px;}
.s_content div.btn_box p.description{text-align:left;}
.s_content div.btn_box div.preview a.description,
.s_content div.btn_box div.preview span.description{padding:15px 12px;}
.s_content div.btn_box div.preview a.description{white-space:normal;overflow:visible;text-overflow:clip;}

.cartoon_notice{padding:30px 30px 110px;margin:0;border-radius:0;}
.cartoon_notice p{text-align:center;line-height:1.4;}
.cartoon_notice p span.text{text-align:left;margin-right:0px;background:rgba(255,255,255,0.85);max-width:300px;box-sizing:border-box;}
.cartoon_notice p span.big{font-size:20px;}
.cartoon_notice p span.text:before,
.cartoon_notice p span.text:after{bottom:-31px;right:auto;left:50px;border-top:16px solid #fdfdfd;border-left:16px solid transparent;border-bottom:16px solid transparent;border-right:16px solid transparent;}
.cartoon_notice p span.text:before{border-top:16px solid rgba(0,0,0,0.4);border-left:16px solid transparent;right:auto;left:50px;bottom:-32px;}
.cartoon_notice span.bg{width:203px;height:150px;left:50%;}
.cartoon_notice_product{border-bottom:none;padding:0px;margin:0px;}
.cartoon_notice_product.mintop{margin-top:40px;}
.cartoon_notice_product p{display:block;padding:0px;color:#fff;background-color:rgba(0,0,0,0.2);}
.cartoon_notice_product p span.text{display:block;padding:70px 0px 30px;text-align:center;border-radius:0px;margin:0px;max-width:none;width:auto;border:none;font-size:20px;background:url(/include/img/gradient.png) repeat-x;background-size: 100% 100%;box-shadow:none;}
.cartoon_notice_product p span.text:before,
.cartoon_notice_product p span.text:after{display:none;}
.cartoon_notice_product span.bg{width:230px;}
.cartoon_notice_bg02{padding-bottom:122px;}
.cartoon_notice_bg03{padding-bottom:102px;}
.cartoon_notice_bg05{padding-bottom:122px;}
.cartoon_notice_bg01 span.bg{margin-left:-106px;}
.cartoon_notice_bg02 span.bg{margin-left:-130px;}
.cartoon_notice_bg03 span.bg{margin-left:-130px;bottom:-9px;}
.cartoon_notice_bg04 span.bg{margin-left:-126px;}
.cartoon_notice_bg05 span.bg{margin-left:-140px;}
.cartoon_notice_bg06 span.bg{margin-left:-140px;}
.cartoon_notice_bg07 span.bg{margin-left:-140px;}
.cartoon_notice_bg08 span.bg{margin-left:-130px;bottom:-9px;}
.cartoon_notice_bg09 span.bg{margin-left:-130px;bottom:-9px;}
.cartoon_notice_bg10 span.bg{margin-left:-106px;bottom:-9px;right:auto;}
.cartoon_notice_product.cartoon_notice_bg02{padding-bottom:0px;}
@-webkit-keyframes cartoon_notice_avatar{0%{left:-10%;opacity:0;}50%{opacity:0;}100%{right:;opacity:1;}}
@keyframes cartoon_notice_avatar{0%{left:-10%;opacity:0;}50%{opacity:0;}100%{right:;opacity:1;}}
}

@media screen and (-webkit-min-device-pixel-ratio: 1.2), screen and (min-resolution: 120dpi), screen and (min-resolution: 1.2dppx) {
.s_content div.btn_box li span.icon i{background-size:32px auto;}
.s_content div.btn_box li span.icon i.naver{background-position:-16px 0px;}
.s_content div.btn_box li span.icon i.email{background-position:-16px -32px;}

.cartoon_notice_bg01 span.bg{background-image:url('../images/cartoon_notice01_150dpi.png');}
.cartoon_notice_bg02 span.bg{background-image:url('../images/cartoon_notice02_150dpi.png');}
.cartoon_notice_bg03 span.bg{background-image:url('../images/cartoon_notice03_150dpi.png');}
.cartoon_notice_bg04 span.bg{background-image:url('../images/cartoon_notice04_150dpi.png');}
.cartoon_notice_bg05 span.bg{background-image:url('../images/cartoon_notice05_150dpi.png');}
.cartoon_notice_bg06 span.bg{background-image:url('../images/cartoon_notice06_150dpi.png');}
.cartoon_notice_bg07 span.bg{background-image:url('../images/cartoon_notice07_150dpi.png');}
.cartoon_notice_bg08 span.bg{background-image:url('../images/cartoon_notice08_150dpi.png');}
.cartoon_notice_bg09 span.bg{background-image:url('../images/cartoon_notice09_150dpi.png');}
}

.tbl_compare_isp_parse ul.legend{display:inline-flex;color:#888;font-size:0.7em;margin-bottom:24px;letter-spacing:-0.08em;}
.tbl_compare_isp_parse ul.legend li+li{margin:0 12px;}
.tbl_compare_isp_parse ul.legend li::before{content:"";margin-right:4px;display:inline-block;vertical-align:middle;width:12px;height:4px;}
.tbl_compare_isp_parse ul.legend li.case01::before{background-color:#2b88f7;}
.tbl_compare_isp_parse ul.legend li.case02::before{background-color:#fb334e;}

.tbl_co_select tbody th,
.tbl_co_select tbody td{cursor:pointer;}
.tbl_co {width:100%;border-collapse:collapse;border-spacing:0;}
.tbl_co th,
.tbl_co td{padding:14px 10px 12px 10px;line-height:1.8;font-size:15px;font-weight:normal;text-align:left;}
.tbl_co .cursor_tooltip{cursor:pointer;position:relative;line-height:1.3;}
.tbl_co .cursor_tooltip.on{font-weight:900;}
.tbl_co .cursor_tooltip > div.tooltip{display:none;position:absolute;top:100%;background-color:rgba(0,0,0,0.65);color:#fff;padding:8px 12px;white-space:nowrap;border-radius:6px;font-weight:400;z-index:1;}
.tbl_co .cursor_tooltip > div.tooltip:after{content:'';position:absolute;z-index:2;top:-7px;left:50%;transform:translateX(-50%);border-left:8px solid transparent;border-bottom:8px solid rgba(0,0,0,0.65);;border-right:8px solid transparent;border-top:0;}
.tbl_co .cursor_tooltip:hover > div.tooltip{display:block;}

.tbl_co thead th{border-bottom:1px solid #999;margin-bottom:-1px;padding-top:0px;}
.tbl_co thead th.contents{width:300px;}
.tbl_co thead th.center{text-align:center;}
.tbl_co tbody ul.block{display:inline-block;}
.tbl_co tbody ul.block li{line-height:1.45;text-align:center;}
.tbl_co tbody ul.block li:nth-child(n+2){margin-top:12px;}
.tbl_co tbody small.rgt{display:inline-block;margin-left:3px;font-size:80%;color:#999;}
.tbl_co tbody small.total{display:block;color:#8ab239;}
.tbl_co tbody small.campaign_detail{display:block;color:#bbb;line-height:1.1;}
.tbl_co tbody span.t_number{color:#888;}
.tbl_co tbody span.arrow_up{color:#fb334e;}
.tbl_co tbody span.arrow_down{color:#2b88f7;}
.tbl_co tbody span.arrow_up:before{content:'▲';display:inline-block;vertical-align:middle;font-size:0.6em;margin-right:3px;}
.tbl_co tbody span.arrow_down:before{content:'▼';display:inline-block;vertical-align:middle;font-size:0.6em;margin-right:3px;}
.tbl_co tbody span.arrow_middle:before{content:'〓';display:inline-block;vertical-align:middle;font-size:0.6em;margin-right:3px;}
.tbl_co tbody span.alert{color:#e55757;}
.tbl_co tbody span.msg_SMS,
.tbl_co tbody span.msg_LMS,
.tbl_co tbody span.msg_EMAIL,
.tbl_co tbody span.msg_3RD{font-size:80%;display:inline-block;background:#8ab329;line-height:1.0;padding:3px 5px 2px;color:#fff;border-radius:4px;}
.tbl_co tbody span.msg_LMS{background:#1ea7de;}
.tbl_co tbody span.msg_EMAIL{background:#de8322;}
.tbl_co tbody span.msg_3RD{background:#cb3434;}
.tbl_co tbody span.phone{display:block;font-size:14px;cursor:pointer;}
.tbl_co tbody span.subnet{margin-left:2px;color:#8ab329;}
.tbl_co tbody ul.block span.btn,
.tbl_co tbody ul.block span.name,
.tbl_co tbody ul.block span.category{margin-right:2px;padding:2px 5px;box-sizing:border-box;border-radius:4px;text-align:center;font-size:13px;background-color:rgba(61,121,204,0.15);color:rgba(61,121,204,1);}
.tbl_co tbody ul.block span.name{background-color:rgba(181,208,91,0.22);color:#5a8400;}
.tbl_co tbody ul.block span.btn{background-color:rgba(0,0,0,0.08);color:#777;cursor:pointer;}
.tbl_co tbody select{font-size:15px;}
.tbl_co tbody .btns{display:inline-block;padding:0px 6px;background:#666;color:#fff;margin-left:3px;border-radius:4px;}
.tbl_co tbody a.btns{text-decoration:none;}
.tbl_co tbody .btns.bg02{background:#8ab329;}
.tbl_co tbody .btns:hover{text-decoration:none;opacity:0.8;filter:alpha(opacity=80);}
.tbl_co tbody a{text-decoration:underline;}
.tbl_co tbody a.btn_excel{text-decoration:none;color:#fff;background:#127f44;padding:5px 8px;margin-left:10px;}
.tbl_co tbody .option_menu_btn{color:#888;padding:4px 9px;cursor:pointer;background:rgba(0,0,0,0.03);border-radius:100%;}
.tbl_co tbody .option_menu_btn.hover{color:#5a8400;background:rgba(181,208,91,0.22);}
.tbl_co tbody .option_menu{position:relative;display:inline-block;margin-left:10px;}
.tbl_co tbody .option_menu ul{display:none;min-width:80px;position:absolute;right:0px;padding:6px;background:#fff;border:1px solid rgba(0,0,0,0.4);box-shadow:0px 5px 10px rgba(0,0,0,0.3);z-index:1;}
.tbl_co tbody .option_menu ul i{margin-right:10px;}
.tbl_co tbody .option_menu ul a{display:block;text-decoration:none;padding:2px 10px;font-size:0.9em;}
.tbl_co tbody .option_menu ul a:hover{color:#8ab329;}
.tbl_co tbody .user_select{user-select:all;}
.tbl_co tbody th,
.tbl_co tbody td{border:1px solid #ccc;border-right:none;border-left:none;vertical-align:top;}
.tbl_co tbody td.center{text-align:center;}
.tbl_co tbody th.blank{height:70px;}
.tbl_co tbody tr.impact th,
.tbl_co tbody tr.impact td{background-color:rgba(0,0,0,0.05);}
.tbl_co tbody tr.disabled th,
.tbl_co tbody tr.disabled td{color:#bbb;}
.tbl_co tbody td.tbl_3{font-weight:bold;}
.tbl_co tbody tr.impact_focus,
.tbl_co tbody th.impact_focus,
.tbl_co tbody td.impact_focus{background-color:#e54d4d15;}
.tbl_co tbody th.impact,
.tbl_co tbody td.impact{background-color:rgba(0,0,0,0.04);}
.tbl_co tbody td.impact_link{background-color:rgba(0,0,0,0.02);color:#8ab329;}
.tbl_co tbody td.impact_link i{font-size:0.8em;margin-left:5px;}
.tbl_co tbody td.comment_block{max-width:200px;}
.tbl_co tbody td.code_block{min-width:200px;}
.tbl_co tbody td.category{color:rgba(61,121,204,1)}
.tbl_co tbody td.tbl_contents{background:#f0f0f0;font-size:90%;}
.tbl_co tbody td.tbl_contents2{background:#f0f0f0;}
.tbl_co tbody th.error,
.tbl_co tbody td.error{color:#ac5629;background-color:#efdbd4;}
.tbl_co tbody td i.brand{font-style:normal;padding:2px 5px;background-color:#8ab329;box-sizing:border-box;border-radius:4px;text-align:center;font-size:13px;color:#fff;}
.tbl_co tbody td i.brand.kt{background-color:#2e2e2e;}
.tbl_co tbody td i.brand.lg{background-color:#e6007e;}
.tbl_co tbody td i.brand.sk{background-color:#ff9000;}
@media (prefers-color-scheme: dark) {
    .tbl_co tbody td i.brand.sk{background-color:yellow;}
}
.tbl_co tbody td i.brand.cj{background-color:#8ab329;}
.tbl_co tbody td i.icon{color:#bbb;margin-right:6px;}
.tbl_co tbody td i.level{position:relative;display:inline-block;width:21px;height:21px;line-height:21px;color:#666;background:#f0f0f0;border-radius:4px;font-size:0.8em;font-weight:700;text-align:center;font-style:normal;letter-spacing:-0.07em;}
.tbl_co tbody td i.level span{position:absolute;top:-8px;right:-5px;text-shadow:-1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;font-size:0.95em;color:#999;}
.tbl_co tbody td i.level.level9{}
.tbl_co tbody td i.level.level10{}
.tbl_co tbody td i.level.level11{background:rgba(203,52,52,0.15);color:rgba(203,52,52,1);}
.tbl_co tbody tr.select_on th,
.tbl_co tbody tr.select_on td{background-color:rgba(0,0,0,0.05);}
.tbl_co tbody tr.select_on td.tbl_2{background-color:rgba(0,0,0,0.2);}
.tbl_co tbody tr.top td,
.tbl_co tbody tr.sub td{border:none;}
.tbl_co tbody tr.top td{border-top:1px solid #ccc;}
.tbl_co tbody tr.sub td{background-image:url("../img/pattern3.png");font-weight:normal;color:#aaa;}
.tbl_co tbody tr td.tbl_2{background-color:#f5f5f5;}
.tbl_co.tbl_compare_isp th,
.tbl_co.tbl_compare_isp td{min-width: 70px;max-width:100px;}
