@charset "utf-8";
/* 100mb.kr Devteam */
/* Common CSS */
body{background-color:#f5f5f5;}
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:#e0e0e0;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:116px;height:33px;background-image:url('../images/logo.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:6px 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:#5a8400;}
.gnb div.control{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:-1px;padding:18px 15px;background:#bbb;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:250px;height:72.5px;background:url('../images/logo.svg') no-repeat center center;background-size:cover;}
.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:5px 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:15px;font-weight:400;}
.global_intro span.text.on{-webkit-animation:global_intro_set02 0.6s;-webkit-animation-direction:alternative;webkit-animation-fill-mode:both;animation:global_intro_set02 0.6s;animation-direction:alternative;animation-fill-mode:both;animation-delay:1.0s;}
.global_intro span.text:after{content:'';display:block;text-align:center;margin:20px auto 0px;width:20px;height:20px;border:3px 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%;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%{left:0;}30%{left:0;}100%{left:-80px;}}
@keyframes global_intro_set04{0%{left:0;}30%{left:0;}100%{left:-80px;}}
@-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;}
.s_header.is_reservation{margin-top:50px;}
.s_header div.title h1{position:relative;padding-top:46px;text-align:center;}
.s_header div.title h1 a{display:inline-block;vertical-align:middle;width:204px;height:60px;background-image:url('../images/logo_medium.png');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:550px;margin:40px auto;overflow:hidden;box-sizing:border-box;border-top:3px solid #2e2e2e;}

.s_tail ul.menu{text-align:center;margin-top:30px;}
.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:12px;color:#aaa;line-height:1.2;}

.s_content{max-width:550px;margin:0 auto;text-align:center;}
.s_content h2{position:relative;display:inline-block;vertical-align:middle;font-size:21px;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.message{color:#555;padding:20px 15px;text-align:center;}
.s_content div.message.on{background:rgba(203,52,52,0.15);color:rgba(203,52,52,1);margin:20px 0px;padding:17px 15px;-webkit-animation:target_message 0.3s;-webkit-animation-direction:alternative;webkit-animation-fill-mode:both;-webkit-animation-iteration-count:2;animation:target_message 0.3s;animation-direction:alternative;animation-iteration-count:2;animation-fill-mode:both;}
.s_content div.btn_box ul{padding:40px 0px;}
.s_content div.btn_box ul.case01{padding-top:0px;}
.s_content div.btn_box li{position:relative;margin-bottom:14px;font-size:15px;letter-spacing:-0.02em;width:auto;}
.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;}
.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 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:14px;}
.s_content div.btn_box li a.ajax_image_delete.on{display:inline-block;}
.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 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('../images/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 li div.description{line-height:1.6;font-size:13px;color:#555;background:rgba(0,0,0,0.04);padding:15px 12px;text-align:justify;}
.s_content div.btn_box li div.description span{display:block;}
.s_content div.btn_box li div.description span.heading{font-size:15px;}
.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 p{line-height:1.6;font-size:12px;color:#555;background:rgba(0,0,0,0.04);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 select{width:100%;padding:16px 14px;border:1px solid #d0d0d0;color:#2e2e2e;font-size:15px;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;}
.s_content div.btn_box select::-ms-expand{display:none;}
.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 input[type='submit']{background-color:#8ab329;color:#fff;text-align:center;border:1px solid #8ab329;padding:20px 14px;cursor:pointer;}
.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 input[type='submit'].disabled{padding:21px 14px;}
.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:#8ab329;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 input.on{padding:15px 13px;border:2px solid #8ab329;}
.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 input.complete{border:2px solid rgba(0,0,0,0.4);}
.s_content div.btn_box input.readonly{background-color:#f0f0f0;color:#4c4c4c;text-shadow:1px 1px 1px #fff;}
.s_content div.btn_box input.disabled{background-color:#999;color:#f0f0f0;cursor:default;border:none;}
.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 a.description{max-width:530px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.s_content div.btn_box div.preview a.tag{display:inline-block;max-width:530px;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;}
.s_content div.btn_box div.preview a.tag i{margin-right:3px;}
@-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;}}

.cartoon_notice{position:relative;padding:40px 20px;border-bottom:3px solid #2e2e2e;border-top:1px solid rgba(0,0,0,0.05);background:rgba(0,0,0,0.04);margin-top:40px;}
.cartoon_notice p{font-size:15px;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);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;box-shadow:1px 1px 2px rgba(0,0,0,0.2);z-index:1;}
.cartoon_notice p span.big{font-size:20px;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:20px;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:20px;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;}
.cartoon_notice_bg01 span.bg{background-image:url('../images/cartoon_notice01.png');}
.cartoon_notice_bg02 span.bg{background-image:url('../images/cartoon_notice02.png');}
.cartoon_notice_bg03 span.bg{bottom:-10px;background-image:url('../images/cartoon_notice03.png');}
.cartoon_notice_bg04 span.bg{background-image:url('../images/cartoon_notice04.png');}
.cartoon_notice_bg05 span.bg{background-image:url('../images/cartoon_notice05.png');}
.cartoon_notice_bg06 span.bg{background-image:url('../images/cartoon_notice06.png');}
.cartoon_notice_bg07 span.bg{background-image:url('../images/cartoon_notice07.png');}
.cartoon_notice_bg08 span.bg{bottom:-10px;background-image:url('../images/cartoon_notice08.png');}
.cartoon_notice_bg09 span.bg{bottom:-10px;background-image:url('../images/cartoon_notice09.png');}

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:100px 0px;}
.global_intro span.logo{width:36vw;height:calc(36vw * 0.29);}
.global_intro span.avatar{top:100px;left:32vw;width:30.6vw;height:30.6vw;}
.global_intro span.byline{height:calc(50% - 9.2vw);border-top:0.8vw solid #2e2e2e;}
.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;}}
@-webkit-keyframes global_intro_set04{0%{left:0;}30%{left:0;}100%{left:-13.2vw;}}
@keyframes global_intro_set04{0%{left:0;}30%{left:0;}100%{left:-13.2vw;}}

.s_header div.title h1{padding-top:30px;}
.s_header div.title h1 a{width:136px;height:40px;}

.s_tail div.cont{margin:15px auto;font-size:12px;letter-spacing:-0.05em;}
.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:11px;}

.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:15px 15px 110px;border-bottom:1px solid #2e2e2e;background:#f0f0f0;margin-top:26px;}
.cartoon_notice p{text-align:center;}
.cartoon_notice p span.text{text-align:left;margin-right:0px;background:rgba(255,255,255,0.85);font-size:14px;max-width:300px;}
.cartoon_notice p span.big{font-size:19px;}
.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_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;}
}

@media screen and (-webkit-min-device-pixel-ratio: 1.2), screen and (min-resolution: 120dpi), screen and (min-resolution: 1.2dppx) {
.s_header div.title h1 a{background-image:url('../images/logo_medium_150dpi.png');}

.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;}