@charset "UTF-8";

[replaceholder]{display:inline-block;vertical-align:top;}
.set_display_none{display:none;}
.set_blur{filter:blur(5px);-webkit-filter:blur(5px);}
.set_splash{position:absolute;z-index:10;display:block;left:0;top:0;width:100%;height:100%;border-radius:5px;background-color:#F5F5F5;animation:ani_set_splash 0.3s ease infinite alternate;}

@keyframes ani_set_splash{
	from{background-color:#F5F5F5;}
	to{background-color:#E5E5E5;}
}

.ui-page:not(.ui-page-active), [data-role=page]:not(.ui-page-active) {
    z-index:0;
}


.ui-loader.ui-loader-default{left:50%;top:50%;transform:translate(-50%,-50%);opacity:1;width:150px;height:150px;margin:0;}
.ui-loader .ui-icon-loading{background-image:url(../img/component/ui_loader.gif);background-size:100%;background-repeat:no-repeat;background-position:center center;background-color:transparent;opacity:0.7;display:block;margin:0;width:150px;height:150px;border-radius:0;}


.ui-flipswitch{position:relative;margin:0 !important;padding:0 !important;border-radius:17.5px !important;height:35px !important;width:70px !important;text-shadow:none !important;box-sizing:border-box !important;background-color:#EEF2FA !important;border:1px solid #dddddd !important;box-shadow:inset 0 1px 2px rgba(0,0,0,0.1) !important;}
.ui-flipswitch .ui-flipswitch-on{position:absolute;left:2px;top:50%;transform:translate(0,-50%);margin:0 !important;padding:0 !important;width:30px !important;height:30px !important;line-height:30px !important;border-radius:17.5px !important;box-shadow:none !important;box-sizing:border-box !important;border:1px solid #dddddd !important;font-size:0 !important;transition:left ease 0.2s, transform ease 0.2s !important;text-indent:0 !important;}
.ui-flipswitch .ui-flipswitch-off{margin:0 !important;padding:0 !important;height:30px !important;line-height:30px !important;display:none !important;}
.ui-flipswitch.ui-flipswitch-active{padding:0 !important;background-color:#031A6E !important;border-color:#031A6E !important;}
.ui-flipswitch.ui-flipswitch-active .ui-flipswitch-on{left:calc(100% - 2px);transform:translate(-100%,-50%);}


.ui-popup-screen{position:fixed;background-color:#000000;}
/*
.ui-popup-container.pop{position:fixed !important;display:block !important;left:50% !important;top:50% !important;margin:0 !important;padding:0 !important;max-width:100% !important;width:100% !important;height:auto !important;transform:translate(-50%,-50%) !important;}
.ui-popup-container.pop > *{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);}
*/
.ui-popup-container.slideup.in,
.ui-popup-container.slideup.out.reverse
{position:fixed !important;left:50% !important;top:50% !important;max-height:calc(100% - 30px) !important;max-width:calc(100% - 30px) !important;width:auto !important;height:auto !important;transform:translate(-50%,-50%) !important;}
/*

.ui-popup-container > *{position:absolute;left:50% !important;top:50% !important;transform:translate(-50%,-50%) !important;}
*/

.pop.in{animation-duration:0.2s;-webkit-animation-duration:0.2s;-moz-animation-duration:0.2s;}
.slideup.in{animation-duration:0.2s;-webkit-animation-duration:0.2s;-moz-animation-duration:0.2s;}
.slideup.out.reverse{animation-duration:0.1s;-webkit-animation-duration:0.1s;-moz-animation-duration:0.1s;}
.ui-popup-screen.in{transition:opacity ease 0.3s;}

@-webkit-keyframes slideinfrombottom {
    from{margin-top:20px;opacity:0;}
    to{opacity:1;}
}

@-moz-keyframes slideinfrombottom {
    from{margin-top:20px;opacity:0;}
    to{opacity:1;}
}

@keyframes slideinfrombottom {
    from{margin-top:20px;opacity:0;}
    to{opacity:1;}
}

@-webkit-keyframes slideouttobottom {
    from{margin-top:0;opacity:1;}
    to{margin-top:-10px;opacity:0;}
}

@-moz-keyframes slideouttobottom {
    from{margin-top:0;opacity:1;}
    to{margin-top:-10px;opacity:0;}
}

@keyframes slideouttobottom {
    from{margin-top:0;opacity:1;}
    to{margin-top:-10px;opacity:0;}
}



.component_divider{position:relative;margin:30px 0;height:1px;background-color:#EFEFEF;}


.component_form{position:relative;}
.component_form form{position:relative;margin:0;padding:0;}
.component_form fieldset{position:relative;margin:0;padding:0;-webkit-appearance:none;border:0;}
.component_form legend{display:none;}
.component_form .form_title{position:relative;}
.component_form .form_title .logo{position:relative;text-align:center;}
.component_form .form_title .logo img{position:relative;display:inline-block;vertical-align:middle;}
.component_form .form_title .logo.big img{height:80px;}
.component_form .form_title .title{position:relative;margin:0;padding:0;font-weight:600;font-size:20px;line-height:26px;text-align:center;letter-spacing:-0.01em;color:#031A6E;}
.component_form .form_title * + .title{margin-top:35px;}
.component_form .form_content{position:relative;}
.component_form .form_section{position:relative;padding:20px 15px;background-color:#FFFFFF;box-shadow:0px 4px 40px rgba(0,0,0,0.05);border-radius:8px;}
.component_form .form_section .section_title{position:relative;}
.component_form .form_section .section_title .title{position:relative;margin:0;padding:0;font-weight:700;font-size:18px;line-height:20px;color:#100F3D;}
.component_form .form_section .section_content{position:relative;margin-top:15px;}
.component_form .form_section + .form_section{margin-top:15px;}
.component_form .form_message{position:relative;margin:15px 0;}
.component_form .form_message .icon{position:relative;display:block;margin:0 auto;border-radius:10px;width:50px;background-color:transparent;background-size:100%;background-repeat:no-repeat;background-position:center center;}
.component_form .form_message .icon:before{content:"";display:block;padding-bottom:100%;}
.component_form .form_message .icon.icon_complete{background-image:url(../img/component/component_form_message_icon_complete.png);}
.component_form .form_message .icon.icon_cancel{background-image:url(../img/component/component_form_message_icon_cancel.png);}
.component_form .form_message .icon.icon_caution{background-image:url(../img/component/component_form_message_icon_caution.png);}
.component_form .form_message .description{position:relative;margin:0;padding:0;text-align:center;font-weight:400;font-size:14px;line-height:20px;color:#222222;word-break:keep-all;}
.component_form .form_message * + .description{margin-top:15px;}
.component_form .form_info{position:relative;}
.component_form .form_info .summary{position:relative;}
.component_form .form_info .summary:after{content:"";display:block;clear:both;}
.component_form .form_info .summary .info{position:relative;}
.component_form .form_info .summary .info .title{position:relative;margin:0;padding:0;font-weight:700;font-size:15px;line-height:20px;min-height:20px;color:#100F3D;}
.component_form .form_info .summary .info .description{position:relative;margin:0;padding:10px;font-weight:400;font-size:13px;line-height:1.3;min-height:calc(1.3em + 20px);color:#100F3D;background-color:#EEF2FA;border-radius:8px;margin-top:10px;word-break:keep-all;box-sizing:border-box;}
.component_form .form_info .detail{position:relative;}
.component_form .form_info .detail:before{content:"";display:block;height:1px;background-color:#EFEFEF;margin:15px 0;}
.component_form .form_info .detail ul{position:relative;margin:0;padding:0;list-style:none;}
.component_form .form_info .detail ul li{position:relative;}
.component_form .form_info .detail ul li:after{content:"";display:block;clear:both;}
.component_form .form_info .detail ul li:nth-child(n+2){margin-top:10px;}
.component_form .form_info .detail ul li .title{position:relative;float:left;width:80px;margin:0;padding:0;font-weight:500;font-size:14px;line-height:20px;color:#100F3D;}
.component_form .form_info .detail ul li .value{position:relative;float:right;width:calc(100% - 80px);margin:0;padding:0;font-weight:400;font-size:14px;line-height:20px;color:#545454;text-align:right;}ton{position:relative;display:inline-block;vertical-align:middle;margin:0;padding:0;-webkit-appearance:none;width:auto;height:20px;border:0;border-radius:0;font-size:15px;line-height:20px;font-weight:400;color:#959595;text-decoration:underline;background-color:transparent;cursor:pointer;}
.component_form .form_info .detail ul li .value .origin{text-decoration:line-through;}
.component_form .form_info .detail ul li .value .rate{font-weight:600;color:#100F3D;}
.component_form .form_info .detail ul li .value .price{font-weight:500;color:#545454;}
.component_form .form_info .detail ul li .value .price.discounted{font-weight:700;color:#FF4720;}
.component_form .form_info .detail ul li .value .price.total{font-weight:700;color:#031A6E;}
.component_form .form_info .detail ul li .value .discount{position:relative;display:inline-block;vertical-align:top;height:24px;line-height:24px;padding:0 5px;margin-top:-2px;border-radius:5px;white-space:nowrap;font-weight:700;color:#FFFFFF;font-size:13px;background-color:#FF4720;}
.component_form .form_description{position:relative;margin:0;padding:0;font-weight:400;font-size:14px;line-height:24px;text-align:center;color:#8E8E8E;text-align:center;}
.component_form .form_description a{color:#1F2C37;font-weight:600;text-decoration:none;}
.component_form .form_link{position:relative;text-align:center;font-size:0;}
.component_form .form_link ul{position:relative;margin:0;padding:0;list-style:none;display:inline-block;vertical-align:middle;}
.component_form .form_link ul:after{content:"";display:block;clear:both;}
.component_form .form_link ul li{position:relative;float:left;}
.component_form .form_link ul li:nth-child(n+2):before{content:"";position:relative;top:4px;display:inline-block;vertical-align:top;width:1px;height:14px;background-color:#959595;margin:0 25px;}
.component_form .form_link .item{position:relative;display:inline-block;vertical-align:middle;font-weight:600;font-size:15px;line-height:22px;text-align:center;letter-spacing:-0.02em;color:#959595;text-decoration:none;cursor:pointer;}
.component_form .input_option_cols_list{position:relative;}
.component_form .input_option_cols_list > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_form .input_option_cols_list > ul:after{content:"";display:block;clear:both;}
.component_form .input_option_cols_list > ul > li{position:relative;float:left;width:calc(50% - 5px);margin-right:10px;}
.component_form .input_option_cols_list > ul > li:nth-child(2n){margin-right:0;}
.component_form .input_option_cols_list > ul > li:nth-child(n+3){margin-top:10px;}
.component_form .input_option_rows_list{position:relative;}
.component_form .input_option_rows_list > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_form .input_option_rows_list > ul:after{content:"";display:block;clear:both;}
.component_form .input_option_rows_list > ul > li{position:relative;}
.component_form .input_option_rows_list > ul > li:nth-child(n+2){margin-top:10px;}
.component_form .option_item{display:none;}
.component_form .option_item + label{position:relative;display:block;margin:0;padding:0;border:1px solid #EFEFEF;background-color:#FFFFFF;border-radius:5px;width:100%;height:48px;line-height:calc(48px - 2px);text-align:center;font-weight:400;font-size:14px;color:#100F3D;cursor:pointer;}
.component_form .option_item:checked + label{background-color:#D7E3F8;border-color:#D7E3F8;font-weight:700;}
.component_form .form_divider{position:relative;margin:15px 0;height:1px;background-color:#EFEFEF;}
.component_form * + .form_content{margin-top:30px;}
.component_form * + .form_description{margin-top:15px;}
.component_form * + .form_description.margin_top_large{margin-top:30px;}
.component_form * + .form_link{margin-top:30px;}
.component_form legend + *{margin-top:0 !important;}
.component_form.position_center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;max-width:400px;}


.component_tabs{position:relative;font-size:0;overflow-x:auto;white-space:nowrap;height:28px;}
.component_tabs:after{content:"";display:block;position:absolute;z-index:0;left:0;bottom:0;height:1px;width:100%;background-color:#EFEFEF;}
.component_tabs ul{margin:0;padding:0;list-style:none;display:block;}
.component_tabs ul:after{content:"";display:block;clear:both;}
.component_tabs ul li{float:left;width:auto !important;display:block;}
.component_tabs ul li:nth-child(n+2){margin-left:25px}
.component_tabs .component_tab{position:relative;z-index:1;margin:0;padding:0;border:0;border-radius:0;-webkit-appearance:none;background-color:transparent !important;display:inline-block;vertical-align:middle;font-family:inherit;font-weight:600;font-size:16px !important;line-height:1.2;width:auto !important;color:#959595 !important;text-shadow:none !important;box-shadow:none !important;text-overflow:clip !important;white-space:nowrap;text-decoration:none;text-align:center;padding-bottom:8px;cursor:pointer;}
.component_tabs .component_tab:after{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#100F3D;opacity:0;}
.component_tabs .component_tab:hover{color:#959595 !important;}
.component_tabs .ui-tabs-active .component_tab{color:#100F3D !important;font-weight:700 !important;}
.component_tabs .ui-tabs-active .component_tab:after{opacity:1;}
.component_tabs .component_tab:hover{background-color:transparent;}
.component_tabs .component_tab:active{box-shadow:none;}
.component_tab_page{margin-top:15px;}


.component_guide{position:relative;;border:1px solid #EFEFEF;border-radius:8px;font-weight:400;font-size:13px;line-height:18px;color:#222222;}
.component_guide .divider{position:relative;padding:10px;}
.component_guide .divider + .divider{border-top:1px dashed #EFEFEF;}
.component_guide b{font-weight:700;}
.component_guide .information{position:relative;background-color:#EEF2FA;margin:10px 0;padding:10px;border-radius:8px;font-weight:400;font-size:13px;line-height:18px;color:#100F3D;word-break:keep-all;}
.component_guide .information ul{margin:0;padding:0;list-style:none;}
* + .component_guide{margin-top:15px;}


.component_button{position:relative;}
.component_button ul{position:relative;margin:0;padding:0;list-style:none;}
.component_button ul li{position:relative;}
.component_button ul li:nth-child(n+2){margin-top:15px;}
.component_button ul li.divider{margin-top:15px;padding-top:15px;border-top:1px solid #EFEFEF;}
.component_button .button{position:relative;display:block;margin:0;padding:0 10px;-webkit-appearance:none;border:0;width:100%;height:48px;line-height:48px;background-color:#D7E3F8;border-radius:5px;font-weight:500;font-family:inherit;font-size:16px;text-align:center;letter-spacing:0.005em;color:#031A6E !important;box-sizing:border-box;text-decoration:none;cursor:pointer;}
.component_button .button:hover{background-color:#c8d4e8;}
.component_button .button.button_submit{background-color:#031A6E;color:#FDFDFD !important;}
.component_button .button.button_submit:hover{background-color:#100F3D;}
.component_button .button.button_cancel{background-color:#F5F5F5;color:#959595 !important;font-weight:400;font-size:14px;}
.component_button .button.button_cancel:hover{background-color:#F0F0F0;}
* + .component_button{margin-top:40px;}
* + .component_button.margin_top_small{margin-top:15px;}
* + .component_button.margin_top_tiny{margin-top:10px;}


.component_message{position:relative;padding:20px 15px 140px;background-color:#FFFFFF;box-shadow:0px 4px 40px rgba(0,0,0,0.05);border-radius:8px;overflow:hidden;}
.component_message:before{content:"";display:block;position:absolute;left:50%;bottom:0;width:100%;height:120px;transform:translateX(-50%);background-size:auto 100%;background-repeat:no-repeat;background-position:center bottom;}
.component_message .title{position:relative;margin:0;padding:0;text-align:center;font-weight:600;font-size:17px;line-height:20px;color:#222222;word-break:keep-all;}
.component_message .description{position:relative;margin:0;padding:0;text-align:center;font-weight:400;font-size:14px;line-height:1.5;color:#222222;word-break:keep-all;}
.component_message .title + .description{margin-top:10px;}
.component_message .buttons{position:relative;max-width:350px;margin:0 auto;}
.component_message .buttons .button{position:relative;display:block;margin:0;padding:0 10px;-webkit-appearance:none;border:0;width:100%;height:45px;line-height:45px;background-color:#D7E3F8;border-radius:5px;font-family:inherit;font-weight:700;font-size:15px;text-align:center;color:#031A6E;box-sizing:border-box;text-decoration:none;cursor:pointer;}
.component_message .buttons .button:disabled{opacity:1;}
.component_message .buttons .button:hover{background-color:#c8d4e8;}
.component_message .buttons .button.button_primary{background-color:#031A6E;color:#FDFDFD;}
.component_message .buttons .button.button_primary:hover{background-color:#100F3D;}
.component_message .buttons .button.button_cancel{background-color:#F5F5F5;color:#959595;}
.component_message .buttons .button.button_cancel:hover{background-color:#F0F0F0;}
.component_message .buttons .button:disabled{background-color:#F5F5F5;color:#959595;animation:ani_set_splash 0.5s ease infinite alternate;}
.component_message .buttons .button:disabled:hover{background-color:#F0F0F0;}
.component_message * + .buttons{margin-top:20px;}
.component_message.margin_top{margin-top:15px;}
.component_message.margin_bottom{margin-bottom:15px;}
.component_message.type_stock:before{background-image:url(../img/component/component_message_img_stock.png);}
.component_message.type_error:before{background-image:url(../img/component/component_message_img_error.png);}
.component_message.type_nolist:before{background-image:url(../img/component/component_message_img_nolist.png);}
.component_message.type_membership:before{background-image:url(../img/component/component_message_img_membership.png);}
.component_message.type_login:before{background-image:url(../img/component/component_message_img_login.png);}
.component_message.type_sorry:before{background-image:url(../img/component/component_message_img_sorry.png);}
.component_message.type_notice:before{background-image:url(../img/component/component_message_img_notice.png);}


.component_overlay_message{position:absolute;z-index:11;left:0;bottom:0;width:100%;height:100%;border-radius:8px;overflow:hidden;}
.component_overlay_message:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(243,243,243,1);opacity:0.5;}
.component_overlay_message .message{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;padding:10px;text-align:center;}
.component_overlay_message .message .title{position:relative;margin:0;padding:0;font-weight:400;font-size:11px;line-height:1.5;color:#100F3D;word-break:keep-all;box-sizing:border-box;}
.component_overlay_message .message .description{position:relative;margin:0;padding:0;font-weight:600;font-size:14px;line-height:1.5;color:#100F3D;word-break:keep-all;box-sizing:border-box;}
.component_overlay_message .message .buttons{position:relative;margin-top:11px;}
.component_overlay_message .message .buttons .button{position:relative;display:block;margin:0 auto;padding:0 10px;-webkit-appearance:none;border:0;width:110px;height:34px;line-height:34px;background-color:#031A6E;border-radius:5px;font-family:inherit;font-weight:400;font-size:12px;text-align:center;letter-spacing:0.005em;color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;}
.component_overlay_message .message .buttons .button:hover{background-color:#100F3D;}


.component_input{position:relative;}
.component_input .label{position:relative;font-weight:700;font-size:14px;line-height:22px;letter-spacing:0.005em;color:#100F3D;cursor:pointer;}
.component_input .label em{color:#dd0000;font-weight:500;font-style:normal;}
.component_input .inputs{position:relative;}
.component_input .description{position:relative;margin:0;padding:0;font-weight:400;font-size:13px;line-height:1.3;color:#031A6E;word-break:keep-all;}
.component_input .description ul{margin:0;padding:0;list-style:none;}
.component_input .description ul li{position:relative;padding-left:10px;}
.component_input .description ul li:nth-child(n+2){margin-top:3px;}
.component_input .description ul li:before{content:"";display:block;position:absolute;left:0;top:5px;width:5px;height:5px;background-color:#031A6E;border-radius:5px;}
.component_input .message{position:relative;margin:0;padding:0;font-weight:400;font-size:13px;line-height:1.3;color:#100F3D;padding:10px;word-break:keep-all;background-color:#EEF2FA;border-radius:8px;}
.component_input .message.error{color:#FE663D;background-color:#FF47200D;}
.component_input .link{position:relative;}
.component_input .link ul{position:relative;margin:0;padding:0;list-style:none;}
.component_input .link ul li{position:relative;}
.component_input .link ul li:nth-child(n+2){margin-top:8px;}
.component_input .link .item{position:relative;font-weight:400;font-size:14px;line-height:1.3;letter-spacing:0.005em;color:#959595;text-decoration:none;cursor:pointer;}
.component_input .link .item b{font-weight:600;}
.component_input .label + .inputs{margin-top:8px;}
.component_input .inputs + .inputs{margin-top:10px;}
.component_input .inputs + .description{margin-top:10px;}
.component_input .inputs + .message{margin-top:10px;}
.component_input .input_text{position:relative;margin:0;padding:0 15px;-webkit-appearance:none;width:100%;height:52px;background-color:#FDFDFD;border:1px solid #EEF2FA;border-radius:5px;font-weight:400;font-size:15px;letter-spacing:0.005em;color:#100F3D;box-sizing:border-box;-moz-appearance:textfield;}
.component_input .input_text::-webkit-outer-spin-button,
.component_input .input_text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.component_input .input_text.active{border-color:#D7E3F8;}
.component_input .input_text:focus{border-color:#031A6E;}
.component_input .input_text:disabled{background-color:#EEF2FA;border-color:#EEF2FA;color:#959595;}
.component_input .input_select{position:relative;margin:0;padding:0 15px;-webkit-appearance:none;width:100%;height:52px;background-color:#FDFDFD;border:1px solid #EEF2FA;border-radius:5px;font-weight:400;font-size:15px;letter-spacing:0.005em;color:#100F3D;box-sizing:border-box;-moz-appearance:textfield;}
.component_input .input_select::-webkit-outer-spin-button,
.component_input .input_select::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.component_input .input_select.active{border-color:#D7E3F8;}
.component_input .input_select:focus{border-color:#031A6E;}
.component_input .input_select:disabled{background-color:#EEF2FA;border-color:#EEF2FA;color:#959595;}
.component_input .input_checkbox{display:none;}
.component_input .input_checkbox + label{position:relative;min-height:22px;line-height:22px;font-weight:500;font-size:15px;letter-spacing:0.005em;color:#031A6E;padding-left:calc(20px + 8px);cursor:pointer;}
.component_input .input_checkbox + label:before,
.component_input .input_checkbox + label:after{content:"";display:block;position:absolute;left:0;top:0;width:20px;height:20px;background-size:100%;background-repeat:no-repeat;background-position:center center;}
.component_input .input_checkbox + label:before{background-image:url(../img/component/component_form_input_checkbox.svg);opacity:1;}
.component_input .input_checkbox + label:after{background-image:url(../img/component/component_form_input_checkbox_checked.svg);opacity:0;}
.component_input .input_checkbox:checked + label:before{opacity:0;}
.component_input .input_checkbox:checked + label:after{opacity:1;}
.component_input .input_radio{display:none;}
.component_input .input_radio + label{position:relative;min-height:22px;line-height:22px;font-weight:500;font-size:15px;letter-spacing:0.005em;color:#031A6E;padding-left:calc(20px + 8px);cursor:pointer;}
.component_input .input_radio + label:before,
.component_input .input_radio + label:after{content:"";display:block;position:absolute;left:0;top:0;width:20px;height:20px;background-size:100%;background-repeat:no-repeat;background-position:center center;}
.component_input .input_radio + label:before{background-image:url(../img/component/component_form_input_radio.svg);opacity:1;}
.component_input .input_radio + label:after{background-image:url(../img/component/component_form_input_radio_checked.svg);opacity:0;}
.component_input .input_radio:checked + label:before{opacity:0;}
.component_input .input_radio:checked + label:after{opacity:1;}
.component_input .input_child_button{position:relative;margin:0;padding:0;-webkit-appearance:none;background-color:#031A6E;border:0;border-radius:5px;width:88px;height:38px;font-weight:400;font-size:13px;text-align:center;letter-spacing:0.005em;color:#FFFFFF;box-sizing:border-box;cursor:pointer;}
.component_input .input_child_button:hover{background-color:#100F3D;color:#FFFFFF;}
.component_input .input_toggle_text{position:relative;margin:0;padding:0;-webkit-appearance:none;background-color:transparent;border:0;border-radius:0;width:38px;height:38px;box-sizing:border-box;cursor:pointer;}
.component_input .input_toggle_text:before,
.component_input .input_toggle_text:after{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-size:20px;background-repeat:no-repeat;background-position:center center;}
.component_input .input_toggle_text:before{background-image:url(../img/component/component_form_input_toggle_text_active.svg);}
.component_input .input_toggle_text:after{background-image:url(../img/component/component_form_input_toggle_text_inactive.svg);opacity:0;}
.component_input .input_toggle_text.active:before{opacity:0;}
.component_input .input_toggle_text.active:after{opacity:1;}
.component_input .input_child_button{position:absolute;z-index:2;right:8px;top:50%;transform:translateY(-50%);}
.component_input .input_child_button + .input_text{z-index:1;padding-right:105px;}
.component_input .input_toggle_text{position:absolute;z-index:2;right:8px;top:50%;transform:translateY(-50%);}
.component_input .input_toggle_text + .input_text{z-index:1;padding-right:55px;}
.component_input .input_option_list{position:relative;}
.component_input .input_option_list > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_input .input_option_list > ul:after{content:"";display:block;clear:both;}
.component_input .input_option_list > ul > li{position:relative;float:left;}
.component_input .input_option_list > ul > li:nth-child(n+2){margin-left:30px;}
.component_input * + .link{margin-top:15px;}


.component_input_list{position:relative;}
.component_input_list > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_input_list > ul > li{position:relative;}
.component_input_list > ul > li:nth-child(n+2){margin-top:15px;}


.component_social_login{position:relative;margin-top:30px;}
.component_social_login .description{position:relative;margin:0;padding:0;font-weight:400;font-size:14px;line-height:24px;text-align:center;color:#8E8E8E;text-align:center;}
.component_social_login .list{position:relative;margin-top:20px;text-align:center;}
.component_social_login .list > ul{position:relative;margin:0;padding:0;list-style:none;display:inline-block;vertical-align:top;}
.component_social_login .list > ul:after{content:"";display:block;clear:both;}
.component_social_login .list > ul > li{position:relative;float:left;}
.component_social_login .list > ul > li:nth-child(n+2){margin-left:15px;}
.component_social_login .list .item{position:relative;display:block;margin:0;padding:0;border:0;border-radius:50%;width:40px;background-size:100%;background-color:transparent;font-size:0;color:transparent;overflow:hidden;cursor:pointer;}
.component_social_login .list .item:before{content:"";display:block;padding-bottom:100%;}
.component_social_login .list .item.type_naver{background-image:url(../img/component/component_social_login_icon_naver.png);}
.component_social_login .list .item.type_kakao{background-image:url(../img/component/component_social_login_icon_kakao.png);}
.component_social_login .list .item.type_facebook{background-image:url(../img/component/component_social_login_icon_facebook.png);}
.component_social_login .list .item.type_google{background-image:url(../img/component/component_social_login_icon_google.png);}


.component_user_summary{position:relative;overflow:hidden;background-color:#EEF2FA;}
.component_user_summary .summary_info{position:relative;padding:0 0 15px;}
.component_user_summary .summary_info .box:before{content:"";display:block;position:absolute;right:calc(-15px - env(safe-area-inset-right));top:-10px;width:100%;height:210px;background-image:url(../img/component/component_user_summary_bg.png);background-size:auto 210px;background-repeat:no-repeat;background-position:right top;}
.component_user_summary .summary_info .top{position:relative;}
.component_user_summary .summary_info .top .slogun{position:relative;margin:0;padding:0;font-weight:400;font-size:12px;line-height:1.2;color:#031A6E;}
.component_user_summary .summary_info .info{position:relative;display:block;text-decoration:none;margin-top:10px;height:60px;}
.component_user_summary .summary_info .info:after{content:"";display:block;clear:both;}
.component_user_summary .summary_info .info .left{position:relative;float:left;height:100%;width:calc(100% - 75px - 10px);box-sizing:border-box;}
.component_user_summary .summary_info .info .left .profile_image{position:relative;float:left;width:60px;border-radius:50%;overflow:hidden;background-color:#FFFFFF;background-image:url(../img/component/component_user_info_profile_image.svg);background-size:cover;background-repeat:no-repeat;background-position:center center;box-sizing:border-box;clip-path:content-box;}
.component_user_summary .summary_info .info .left .profile_image:before{content:"";display:block;padding-bottom:100%;}
.component_user_summary .summary_info .info .left .profile_image img{position:absolute;display:block;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;}
.component_user_summary .summary_info .info .left .profile_image [type="file"]{display:none;}
.component_user_summary .summary_info .info .left .profile_image .image{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;cursor:pointer;}
.component_user_summary .summary_info .info .left .profile_image .image.has_image{background-color:#ffffff;}
.component_user_summary .summary_info .info .left .detail{position:absolute;right:0;top:50%;transform:translateY(-50%);width:100%;}
.component_user_summary .summary_info .info .left .detail .name{position:relative;display:block;margin:0;padding:0;font-weight:600;font-size:22px;line-height:1.2;color:#100F3D;word-break:keep-all;text-decoration:none;}
.component_user_summary .summary_info .info .left .detail .name.is_bigtext{font-size:28px;}
.component_user_summary .summary_info .info .left .detail .name b{font-weight:700;}
.component_user_summary .summary_info .info .left .detail .description{position:relative;display:block;margin:0;padding:0;font-weight:400;font-size:13px;line-height:1.3;color:#100F3D;text-decoration:none;word-break:keep-all;margin-top:5px;}
.component_user_summary .summary_info .info .left .profile_image + .detail{width:calc(100% - 70px);}
.component_user_summary .summary_info .info .right{position:absolute;right:0;top:50%;transform:translateY(-50%);width:75px;box-sizing:border-box;}
.component_user_summary .summary_info .info .right .status{position:relative;display:block;margin:0;padding:0;width:100%;height:2.4em;line-height:2.4em;font-weight:500;font-size:12px;color:#100F3D;text-align:center;background-color:#D7E3F8;border-radius:10px;white-space:nowrap;text-decoration:none;}
.component_user_summary .summary_link{position:relative;margin:0;padding:0 calc(15px + env(safe-area-inset-right)) 0 calc(15px + env(safe-area-inset-left));display:block;height:52px;line-height:50px;cursor:pointer;}
.component_user_summary .summary_link:before{content:"";display:block;height:1px;margin:0 auto;background-color:#D7E3F8;}
.component_user_summary .summary_link .title{position:relative;float:left;margin:0;padding:0;font-weight:400;font-size:14px;color:#100F3D;}
.component_user_summary .summary_link .arrow{position:absolute;right:0;top:50%;transform:translateY(-50%);margin:0;padding:0;-webkit-appearance:none;border:0;border-radius:0;width:24px;height:24px;background-image:url(../img/component/component_user_summary_link_arrow.svg);background-size:24px;background-repeat:no-repeat;background-position:center center;}
.component_user_summary .summary_link .icon{position:absolute;right:0;top:50%;transform:translateY(-50%);margin:0;padding:0;-webkit-appearance:none;border:0;border-radius:0;width:24px;height:24px;background-size:24px;background-repeat:no-repeat;background-position:center center;}
.component_user_summary .summary_link .icon.icon_youtube{background-image:url(../img/component/component_user_summary_link_icon_youtube.svg);}


.component_user_info{position:relative;overflow:hidden;background-color:#EEF2FA;}
.component_user_info .summary_info{position:relative;padding:15px 0;}
.component_user_info .summary_info .info{position:relative;display:block;text-decoration:none;}
.component_user_info .summary_info .info:after{content:"";display:block;clear:both;}
.component_user_info .summary_info .info .left{position:relative;float:left;width:calc(100% - 75px - 10px);box-sizing:border-box;}
.component_user_info .summary_info .info .left:after{content:"";display:block;clear:both;}
.component_user_info .summary_info .info .left .profile_image{position:relative;float:left;width:60px;border-radius:50%;overflow:hidden;background-color:#FFFFFF;background-image:url(../img/component/component_user_info_profile_image.svg);background-size:cover;background-repeat:no-repeat;background-position:center center;box-sizing:border-box;clip-path:content-box;}
.component_user_info .summary_info .info .left .profile_image:before{content:"";display:block;padding-bottom:100%;}
.component_user_info .summary_info .info .left .profile_image img{position:absolute;display:block;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;}
.component_user_info .summary_info .info .left .profile_image [type="file"]{display:none;}
.component_user_info .summary_info .info .left .profile_image .image{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;cursor:pointer;}
.component_user_info .summary_info .info .left .profile_image .image.has_image{background-color:#ffffff;}
.component_user_info .summary_info .info .left .detail{position:absolute;right:0;top:50%;transform:translateY(-50%);width:calc(100% - 70px);}
.component_user_info .summary_info .info .left .detail .name{position:relative;display:block;margin:0;padding:0;font-weight:600;font-size:22px;line-height:1.2;color:#100F3D;word-break:keep-all;text-decoration:none;}
.component_user_info .summary_info .info .left .detail .description{position:relative;display:block;margin:0;padding:0;font-weight:400;font-size:13px;line-height:1.3;color:#100F3D;text-decoration:none;word-break:keep-all;margin-top:5px;}
.component_user_info .summary_info .info .right{position:absolute;right:0;top:50%;transform:translateY(-50%);width:75px;box-sizing:border-box;}
.component_user_info .summary_info .info .right .status{position:relative;display:block;margin:0;padding:0;width:100%;height:2.4em;line-height:2.4em;font-weight:500;font-size:12px;color:#100F3D;text-align:center;background-color:#D7E3F8;border-radius:10px;white-space:nowrap;text-decoration:none;}


.component_profile_info{position:relative;overflow:hidden;background-color:#EEF2FA;padding:15px 0;}
.component_profile_info .info{position:relative;}
.component_profile_info .info:after{content:"";display:block;clear:both;}
.component_profile_info .info .profile_image{position:relative;float:left;width:60px;border-radius:50%;overflow:hidden;background-color:#FFFFFF;background-image:url(../img/component/component_user_info_profile_image.svg);background-size:cover;background-repeat:no-repeat;background-position:center center;box-sizing:border-box;clip-path:content-box;}
.component_profile_info .info .profile_image:before{content:"";display:block;padding-bottom:100%;}
.component_profile_info .info .profile_image img{position:absolute;display:block;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;}
.component_profile_info .info .profile_image [type="file"]{display:none;}
.component_profile_info .info .profile_image .image{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;cursor:pointer;}
.component_profile_info .info .profile_image .image.has_image{background-color:#ffffff;}
.component_profile_info .info .detail{position:absolute;right:0;top:50%;transform:translateY(-50%);width:calc(100% - 60px - 10px);}
.component_profile_info .info .detail .name{position:relative;display:block;margin:0;padding:0;font-weight:600;font-size:18px;line-height:1.2;min-height:1.2em;color:#100F3D;word-break:keep-all;text-decoration:none;}
.component_profile_info .info .detail .rate{position:relative;font-size:0;white-space:nowrap;margin-top:5px;}
.component_profile_info .info .detail .rate .title{position:relative;display:inline-block;vertical-align:middle;color:#100F3D;font-weight:700;font-size:16px;line-height:20px;margin-right:10px;}
.component_profile_info .info .detail .rate .value{position:relative;display:inline-block;vertical-align:middle;font-weight:600;font-size:16px;line-height:20px;color:inherit;padding-left:14px;}
.component_profile_info .info .detail .rate .value:before{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:10px;height:8px;background-size:100%;background-repeat:no-repeat;background-position:center center;}
.component_profile_info .info .detail .rate .value[item-close-price-type="none"]{padding-left:0;}
.component_profile_info .info .detail .rate .value[item-close-price-type="increase"]{color:#FF4720;}
.component_profile_info .info .detail .rate .value[item-close-price-type="increase"]:before{background-image:url(../img/component/component_profile_card_rate_increase.svg);}
.component_profile_info .info .detail .rate .value[item-close-price-type="decrease"]{color:#182ACC;}
.component_profile_info .info .detail .rate .value[item-close-price-type="decrease"]:before{background-image:url(../img/component/component_profile_card_rate_decrease.svg);}
.component_profile_info .introduce{position:relative;margin-top:15px;}
.component_profile_info .introduce .text{position:relative;font-size:14px;font-weight:400;color:#100F3D;line-height:1.4;max-height:2.8em;overflow:hidden;word-break:break-all;}
.component_profile_info .introduce .button{position:relative;margin:0;padding:0;border:0;-webkit-appearance:none;background-color:transparent;font-family:inherit;font-size:14px;font-weight:700;color:#100F3D;cursor:pointer;}
.component_profile_info .summary{position:relative;background-color:#FFFFFF;box-shadow:0px 4px 40px rgba(0,0,0,0.05);border-radius:8px;padding:10px;margin-top:15px;}
.component_profile_info .summary ul{position:relative;margin:0;padding:0;list-style:none;}
.component_profile_info .summary ul:after{content:"";display:block;clear:both;}
.component_profile_info .summary ul li{float:left;width:calc(25% - 7.5px);margin-right:10px;text-align:center;}
.component_profile_info .summary ul li:nth-child(4n){margin-right:0;}
.component_profile_info .summary .value{position:relative;display:block;margin:0;padding:0;font-weight:600;font-size:18px;line-height:1.2;color:#031A6E;white-space:nowrap;text-decoration:none;}
.component_profile_info .summary .title{position:relative;display:block;margin:0;padding:0;font-weight:500;font-size:12px;line-height:1.2;color:#959595;white-space:nowrap;text-decoration:none;margin-top:2px;}
.component_profile_info .buttons{position:relative;margin-top:15px;}
.component_profile_info .buttons ul{position:relative;margin:0;padding:0;list-style:none;}
.component_profile_info .buttons ul:after{content:"";display:block;clear:both;}
.component_profile_info .buttons ul li{position:relative;float:left;width:calc(50% - 5px);margin-right:10px;}
.component_profile_info .buttons ul li:nth-child(2n){margin-right:0;}
.component_profile_info .buttons ul li:nth-child(n+3){margin-top:10px;}
.component_profile_info .buttons .button{position:relative;display:block;margin:0;padding:0 10px;-webkit-appearance:none;border:0;width:100%;height:40px;line-height:40px;background-color:#D7E3F8;border-radius:8px;font-family:inherit;font-weight:600;font-size:14px;color:#031A6E;text-align:center;box-sizing:border-box;text-decoration:none;cursor:pointer;}
.component_profile_info .buttons .button:hover{background-color:#c8d4e8;}
.component_profile_info .buttons .button.button_primary{background-color:#031A6E;color:#FDFDFD;}
.component_profile_info .buttons .button.button_primary:hover{background-color:#100F3D;}
.component_profile_info .buttons .button.button_cancel{background-color:#F5F5F5;color:#959595;}
.component_profile_info .buttons .button.button_cancel:hover{background-color:#F0F0F0;}
.component_profile_info .buttons .button.set_display_none{display:none;}
.component_profile_info .buttons .button[item-toggle-follow][data-status="Y"]{background-color:#D7E3F8;color:#031A6E;}
.component_profile_info .buttons .button[item-toggle-follow][data-status="Y"]:hover{background-color:#c8d4e8;}
.component_profile_info .buttons .button[item-toggle-follow][data-status="N"]{background-color:#031A6E;color:#FDFDFD;}
.component_profile_info .buttons .button[item-toggle-follow][data-status="N"]:hover{background-color:#100F3D;}


.component_profile_card{position:relative;padding:15px;background-color:#FFFFFF;border-radius:8px;border:1px solid #CBCBDD;box-sizing:border-box;}
.component_profile_card .summary{position:relative;}
.component_profile_card .summary:after{content:"";display:block;clear:both;}
.component_profile_card .summary .info{position:relative;float:left;width:calc(100% - 80px);}
.component_profile_card .summary .info:after{content:"";display:block;clear:both;}
.component_profile_card .summary .info .rank{position:absolute;left:0;top:2px;width:30px;background-color:#D7E3F8;border-radius:50%;font-size:13px;}
.component_profile_card .summary .info .rank:before{content:"";display:block;padding-bottom:100%;}
.component_profile_card .summary .info .rank .number{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:600;color:#031A6E;}
.component_profile_card .summary .info .rank[data-rank="1"],
.component_profile_card .summary .info .rank[data-rank="2"],
.component_profile_card .summary .info .rank[data-rank="3"]{background-size:auto 100%;background-repeat:no-repeat;background-position:center top;border-radius:0;background-color:transparent;}
.component_profile_card .summary .info .rank[data-rank="1"] .number,
.component_profile_card .summary .info .rank[data-rank="2"] .number,
.component_profile_card .summary .info .rank[data-rank="3"] .number{display:none;}
.component_profile_card .summary .info .rank[data-rank="1"]{background-image:url(../img/component/component_profile_card_rank1.svg);}
.component_profile_card .summary .info .rank[data-rank="2"]{background-image:url(../img/component/component_profile_card_rank2.svg);}
.component_profile_card .summary .info .rank[data-rank="3"]{background-image:url(../img/component/component_profile_card_rank3.svg);}
.component_profile_card .summary .info .titles{position:relative;float:right;width:calc(100% - 30px - 10px);}
.component_profile_card .summary .info .titles .title{position:relative;font-size:0;}
.component_profile_card .summary .info .titles .title .name{position:relative;display:inline-block;vertical-align:middle;margin:0;padding:0;font-weight:700;font-size:16px;line-height:20px;color:#100F3D;}
.component_profile_card .summary .info .titles .title .code{position:relative;display:inline-block;vertical-align:middle;margin:0;padding:0;font-weight:500;font-size:12px;line-height:20px;color:#100F3D;margin-left:3px;}
.component_profile_card .summary .info .titles .meta{position:relative;font-size:11px;font-weight:400;color:#959595;line-height:1.2;margin-top:5px;}
.component_profile_card .summary .info .titles .meta .head{font-weight:400;}
.component_profile_card .summary .info .titles .meta .value{font-weight:700;}
.component_profile_card .summary .info .titles .meta ul{position:relative;margin:0;padding:0;list-style:none;}
.component_profile_card .summary .info .titles .meta ul:after{content:"";display:block;clear:both;}
.component_profile_card .summary .info .titles .meta ul li{position:relative;float:left;margin-right:10px;}
.component_profile_card .summary .info .titles .meta ul li:last-child{margin-right:0;}
.component_profile_card .summary .info .profile{position:relative;float:left;width:40px;}
.component_profile_card .summary .info .profile .profile_image{position:relative;display:block;z-index:0;border-radius:50%;overflow:hidden;background-color:#FFFFFF;background-image:url(../img/component/component_profile_card_profile_image.svg);background-size:cover;background-repeat:no-repeat;background-position:center center;}
.component_profile_card .summary .info .profile .profile_image:before{content:"";display:block;padding-bottom:100%;}
.component_profile_card .summary .info .profile .profile_image .image{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;cursor:pointer;}
.component_profile_card .summary .info .profile .profile_image .image.has_image{background-color:#ffffff;}
.component_profile_card .summary .info .profile .rank{z-index:1;width:20px;font-size:12px;left:auto;top:auto;right:-5px;bottom:-5px;}
.component_profile_card .summary .info .profile + .titles{position:relative;float:right;width:calc(100% - 40px - 10px);}
.component_profile_card .summary .data{position:relative;float:right;width:80px;text-align:right;}
.component_profile_card .summary .data .rate{position:relative;font-size:0;white-space:nowrap;}
.component_profile_card .summary .data .rate .title{position:relative;display:inline-block;vertical-align:middle;color:#100F3D;font-weight:700;font-size:14px;line-height:20px;display:none;}
.component_profile_card .summary .data .rate .value{position:relative;display:inline-block;vertical-align:middle;font-weight:600;font-size:16px;line-height:20px;color:inherit;padding-left:14px;}
.component_profile_card .summary .data .rate .value:before{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:10px;height:8px;background-size:100%;background-repeat:no-repeat;background-position:center center;}
.component_profile_card .summary .data .rate .value[item-close-price-type="none"]{padding-left:0;}
.component_profile_card .summary .data .rate .value[item-close-price-type="increase"]{color:#FF4720;}
.component_profile_card .summary .data .rate .value[item-close-price-type="increase"]:before{background-image:url(../img/component/component_profile_card_rate_increase.svg);}
.component_profile_card .summary .data .rate .value[item-close-price-type="decrease"]{color:#182ACC;}
.component_profile_card .summary .data .rate .value[item-close-price-type="decrease"]:before{background-image:url(../img/component/component_profile_card_rate_decrease.svg);}
.component_profile_card .summary .data .date{position:relative;font-weight:500;font-size:11px;line-height:1.2;color:#959595;margin-top:5px;}
.component_profile_card .buttons{position:relative;margin-top:15px;}
.component_profile_card .buttons ul{position:relative;margin:0;padding:0;list-style:none;}
.component_profile_card .buttons ul:after{content:"";display:block;clear:both;}
.component_profile_card .buttons ul li{position:relative;float:left;width:calc(50% - 5px);margin-right:10px;}
.component_profile_card .buttons ul li:nth-child(2n){margin-right:0;}
.component_profile_card .buttons ul li:nth-child(n+3){margin-top:10px;}
.component_profile_card .buttons .button{position:relative;display:block;margin:0;padding:0 10px;-webkit-appearance:none;border:0;width:100%;height:40px;line-height:40px;background-color:#D7E3F8;border-radius:8px;font-family:inherit;font-weight:600;font-size:14px;color:#031A6E;text-align:center;box-sizing:border-box;text-decoration:none;cursor:pointer;}
.component_profile_card .buttons .button:hover{background-color:#c8d4e8;}
.component_profile_card .buttons .button.button_primary{background-color:#031A6E;color:#FDFDFD;}
.component_profile_card .buttons .button.button_primary:hover{background-color:#100F3D;}
.component_profile_card .buttons .button.button_cancel{background-color:#F5F5F5;color:#959595;}
.component_profile_card .buttons .button.button_cancel:hover{background-color:#F0F0F0;}


.component_dialog{position:relative;padding:20px 15px 15px;margin:0 auto;width:340px;max-width:100%;min-width:340px;background-color:#FFFFFF;box-shadow:none !important;border-radius:10px;box-sizing:border-box;border:0 !important;}
.component_dialog .title{position:relative;margin:0;padding:0;font-weight:700;font-size:17px;line-height:20px;text-align:center;color:#000000;word-break:keep-all;}
.component_dialog .message{position:relative;margin:0;padding:10px;border-radius:4px;font-weight:400;font-size:14px;line-height:19px;text-align:center;color:#100F3D;word-break:keep-all;background-color:#EEF2FA;}
.component_dialog .buttons{position:relative;}
.component_dialog .buttons ul{position:relative;margin:0;padding:0;list-style:none;}
.component_dialog .buttons ul:after{content:"";display:block;clear:both;}
.component_dialog .buttons ul li{position:relative;}
.component_dialog .buttons ul li:nth-child(n+2){margin-top:10px;}
.component_dialog .buttons.w2 ul li{float:left;width:calc(50% - 5px);margin-right:10px;margin-top:0;}
.component_dialog .buttons.w2 ul li:nth-child(2n){margin-right:0;}
.component_dialog .buttons.w2 ul li:nth-child(n+3){margin-top:10px;}
.component_dialog .buttons .button{position:relative;display:block;margin:0;padding:0 10px;-webkit-appearance:none;border:0;width:100%;height:45px;line-height:45px;background-color:#D7E3F8;border-radius:5px;font-family:inherit;font-weight:700;font-size:15px;text-align:center;color:#031A6E;box-sizing:border-box;text-decoration:none;cursor:pointer;}
.component_dialog .buttons .button:hover{background-color:#c8d4e8;}
.component_dialog .buttons .button.button_primary{background-color:#031A6E;color:#FDFDFD;}
.component_dialog .buttons .button.button_primary:hover{background-color:#100F3D;}
.component_dialog * + .message{margin-top:20px;}
.component_dialog * + .buttons{margin-top:20px;}


.component_toast{position:fixed;z-index:2000;bottom:64px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,0.7);font-size:17px;font-weight:400;color:#ffffff;line-height:1.3;text-align:center;min-height:44px;border-radius:22px;padding:0.64em 20px;box-sizing:border-box;}
.component_toast .message{position:relative;margin:0;padding:0;}


.component_count{position:relative;}
.component_count:after{content:"";display:block;clear:both;}
.component_count .count{position:relative;float:left;font-weight:600;font-size:14px;line-height:17px;color:#222222;}
.component_count .reference{position:absolute;right:0;top:50%;transform:translateY(-50%);float:right;font-weight:500;font-size:12px;line-height:16px;color:#222222;text-align:right;}
.component_count + *{margin-top:15px;}


.component_menu_list{position:relative;background-color:#FFFFFF;}
.component_menu_list > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_menu_list > ul > li{position:relative;border-bottom:1px solid #EFEFEF;}
.component_menu_list > ul > li:hover{background-color:#fafafa;}
.component_menu_list > ul + ul{margin-top:15px;}
.component_menu_list > ul + ul > li:first-child{border-top:1px solid #EFEFEF;}
.component_menu_list .item{position:relative;display:block;-webkit-appearance:none;width:100%;border:0;margin:0;padding:0 calc(15px + env(safe-area-inset-left) + 30px) 0 calc(15px + env(safe-area-inset-right));height:60px;line-height:60px;text-align:left;text-decoration:none;font-weight:600;font-size:16px;color:#222222 !important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background-color:transparent;background-image:url(../img/component/component_menu_list_item_arrow.svg);background-size:24px;background-repeat:no-repeat;background-position:right calc(15px + env(safe-area-inset-right)) center;box-sizing:border-box;cursor:pointer;}
.component_menu_list .item:hover{background-color:#fafafa;}


.component_section{position:relative;background-color:#FFFFFF;}
.component_section + .component_section{margin-top:15px;}
.component_section .section_title{position:relative;padding:15px 0;}
.component_section .section_title > .inner{padding:0 calc(15px + env(safe-area-inset-right)) 0 calc(15px + env(safe-area-inset-left));}
.component_section .section_title .title{position:relative;margin:0;padding:0;font-weight:700;font-size:16px;line-height:1.3em;color:#100F3D;word-break:keep-all;}
.component_section .section_title .description{position:relative;margin:0;padding:0;font-weight:400;font-size:13px;line-height:1.3em;color:#222222;margin-top:10px;word-break:keep-all;}
.component_section .section_title .description b{font-weight:700;color:#031A6E;}
.component_section .section_title.arrow > .inner{padding-right:calc(15px + env(safe-area-inset-right) + 30px);background-image:url(../img/component/component_section_arrow.svg);background-size:24px;background-repeat:no-repeat;background-position:right calc(15px + env(safe-area-inset-right)) center;}
.component_section .section_content{position:relative;padding:15px 0;border-top:1px solid #EFEFEF;}
.component_section .section_content > .inner{padding:0 calc(15px + env(safe-area-inset-right)) 0 calc(15px + env(safe-area-inset-left));}
.component_section .section_content .list{position:relative;background-color:#FFFFFF;}
.component_section .section_content .list > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_section .section_content .list > ul > li{position:relative;}
.component_section .section_content .list > ul > li:nth-child(n+2){margin-top:10px;}
.component_section .section_content .list .item{position:relative;display:block;margin:0;padding:0 calc(15px + env(safe-area-inset-right)) 0 calc(15px + env(safe-area-inset-left));height:35px;text-decoration:none;font-weight:600;font-size:14px;color:#222222;overflow:hidden;box-sizing:border-box;}
.component_section .section_content .list .item .item_inner{position:relative;height:100%;}
.component_section .section_content .list .item .title{position:absolute;left:0;top:50%;transform:translateY(-50%);white-space:nowrap;text-overflow:ellipsis;}
.component_section .section_content .list .item .content{position:absolute;right:0;top:50%;transform:translateY(-50%);}


.component_notification_list{position:relative;background-color:#FFFFFF;}
.component_notification_list > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_notification_list > ul > li{position:relative;border-bottom:1px solid #EFEFEF;}
.component_notification_list .item{position:relative;display:block;margin:0;padding:0 calc(15px + env(safe-area-inset-right)) 0 calc(15px + env(safe-area-inset-left));height:60px;text-decoration:none;font-weight:600;font-size:16px;color:#222222 !important;overflow:hidden;box-sizing:border-box;cursor:pointer;}
.component_notification_list .item .item_inner{position:relative;height:100%;}
.component_notification_list .item .title{position:absolute;left:0;top:50%;transform:translateY(-50%);white-space:nowrap;text-overflow:ellipsis;}
.component_notification_list .item .content{position:absolute;right:0;top:50%;transform:translateY(-50%);}


.component_issue_list{position:relative;}
.component_issue_list > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_issue_list > ul:after{content:"";display:block;clear:both;}
.component_issue_list > ul > li{position:relative;}
.component_issue_list > ul > li:nth-child(n+2):before{content:"";display:block;margin:0 15px;height:1px;background-color:#EFEFEF;opacity:0.6;}
.component_issue_list > ul > li:nth-child(n+2){margin-top:15px;}
.component_issue_list > li{display:none;}
.component_issue_list .item{position:relative;display:block;text-decoration:none;padding:10px;background-color:#FFFFFF;box-shadow:0px 4px 40px rgba(0,0,0,0.05);border-radius:8px;overflow:hidden;cursor:pointer;}
.component_issue_list .item:hover{background-color:#fafafa;}
.component_issue_list .item:after{content:"";display:block;clear:both;}
.component_issue_list .item .thumbnail{position:relative;float:left;width:100px;background-color:#efefef;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.component_issue_list .item .thumbnail:before{content:"";display:block;padding-bottom:75%;}
.component_issue_list .item .thumbnail.noimage{background-image:url(../img/component/component_common_noimage.png) !important;}
.component_issue_list .item .info{position:relative;float:right;width:calc(100% - 100px - 10px);height:75px;}
.component_issue_list .item .info .title{position:relative;margin:0;padding:0;font-weight:600;font-size:15px;line-height:1.3;height:2.6em;color:#222222;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.component_issue_list .item .info .meta{position:absolute;left:0;bottom:0;font-weight:400;font-size:11px;line-height:1.3;color:rgba(34,34,34,0.4);}
.component_issue_list .item .info .meta > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_issue_list .item .info .meta > ul:after{content:"";display:block;clear:both;}
.component_issue_list .item .info .meta > ul > li{position:relative;float:left;}
.component_issue_list .item .info .meta > ul > li:nth-child(n+2){margin-left:10px;}
.component_issue_list .item .info .meta > ul > li:nth-child(n+2):before{content:"|";position:absolute;left:-5px;top:50%;transform:translate(-50%,-50%);}
.component_issue_list.type_video > ul > li{float:left;width:calc(33.33% - 10px);margin-right:15px;}
.component_issue_list.type_video > ul > li:nth-child(3n){margin-right:0;}
.component_issue_list.type_video > ul > li:nth-child(n+2){margin-top:0;}
.component_issue_list.type_video > ul > li:nth-child(n+4){margin-top:15px;}
.component_issue_list.type_video .item{padding:0;}
.component_issue_list.type_video .item .thumbnail{float:none;width:auto;}
.component_issue_list.type_video .item .thumbnail:before{padding-bottom:56.25%;}
.component_issue_list.type_video .item .info{position:relative;float:none;width:auto;height:auto;padding:10px;}
.component_issue_list.type_video .item .info .meta{margin-top:8px;}
.component_issue_list.type_video .item .info .meta{position:relative;left:auto;bottom:auto;}

@media all and (max-width:600px){
	.component_issue_list.type_video > ul > li{width:calc(50% - 7.5px);}
	.component_issue_list.type_video > ul > li:nth-child(3n){margin-right:15px;}
	.component_issue_list.type_video > ul > li:nth-child(2n){margin-right:0;}
	.component_issue_list.type_video > ul > li:nth-child(n+3){margin-top:15px;}
	.component_issue_list.type_video.type_recent > ul > li:nth-child(n+5){display:none !important;}
}
@media all and (max-width:400px){
	.component_issue_list .item .info .title{font-size:14px;}
	.component_issue_list .item .info .meta > ul > li:nth-child(1){width:100%;}
	.component_issue_list .item .info .meta > ul > li:nth-child(1) + li{margin-left:0;}
	.component_issue_list .item .info .meta > ul > li:nth-child(1) + li:before{display:none;}
	.component_issue_list .item .info .meta > ul > li:nth-child(n+2){margin-top:2px;}
}
@media all and (max-width:350px){
	.component_issue_list .item .info .title{font-size:13px;}
}


.component_message_list{position:relative;background-color:#FFFFFF;overflow;hidden;}
.component_message_list > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_message_list > ul:after{content:"";display:block;clear:both;}
.component_message_list > ul > li{position:relative;}
.component_message_list > ul > li:nth-child(n+2):before{content:"";display:block;margin:0;height:1px;background-color:#EFEFEF;opacity:0.6;}
.component_message_list > ul > li:hover{background-color:#fafafa;}
.component_message_list .item{position:relative;display:block;text-decoration:none;padding:15px;cursor:pointer;}
.component_message_list .item:hover{background-color:#fafafa;}
.component_message_list .item:after{content:"";display:block;clear:both;}
.component_message_list .item .summary{position:relative;}
.component_message_list .item .summary .titles{position:relative;}
.component_message_list .item .summary .titles:after{content:"";display:block;clear:both;}
.component_message_list .item .summary .titles .title{position:relative;float:left;margin:0;padding:0;font-weight:600;font-size:15px;line-height:18px;color:#222222;width:calc(100% - 95px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.component_message_list .item .summary .titles .meta{position:relative;float:right;font-weight:400;font-size:12px;line-height:13px;color:#222222;opacity:0.4;width:90px;text-align:right;}
.component_message_list .item .summary .titles .meta > ul{position:relative;margin:0;padding:0;list-style:none;display:inline-block;vertical-align:top;}
.component_message_list .item .summary .titles .meta > ul:after{content:"";display:block;clear:both;}
.component_message_list .item .summary .titles .meta > ul > li{float:left;}
.component_message_list .item .summary .titles .meta > ul > li:nth-child(n+2){margin-left:15px;}
.component_message_list .item .summary .message{position:relative;margin:0;padding:0;font-weight:400;font-size:12px;line-height:1.3;height:1.3em;color:#959595;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:6px;}
.component_message_list > ul > li:first-child .item{padding-top:20px;}
.component_message_list > ul > li:last-child .item{padding-bottom:20px;}
.component_message_list .component_message{box-shadow:none;padding-top:50px;padding-bottom:50px;}


.component_message_view{position:relative;background-color:#FFFFFF;box-shadow:0px 4px 40px rgba(0,0,0,0.05);border-radius:8px;padding:20px 15px;overflow:hidden;display:none;}
.component_message_view .view_header{position:relative;}
.component_message_view .view_header:after{content:"";display:block;margin:15px 0;height:1px;background-color:#EFEFEF;opacity:0.6;}
.component_message_view .view_header .title{position:relative;margin:0;padding:0;font-weight:600;font-size:15px;line-height:18px;color:#222222;word-break:keep-all;}
.component_message_view .view_header .meta{position:relative;margin-top:10px;font-weight:400;font-size:12px;line-height:13px;color:#222222;opacity:0.4;}
.component_message_view .view_header .meta > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_message_view .view_header .meta > ul:after{content:"";display:block;clear:both;}
.component_message_view .view_header .meta > ul > li{float:left;}
.component_message_view .view_header .meta > ul > li:nth-child(n+2){margin-left:15px;}
.component_message_view .view_message{position:relative;font-weight:400;font-size:14px;line-height:1.6;letter-spacing:-0.02em;color:#222222;word-break:keep-all;}
.component_message_view .view_message *{font-size:inherit !important;font-family:inherit !important;line-height:inherit !important;margin:0;word-break:keep-all;}
.component_message_view .view_message img{max-width:100%;}
.component_message_view .view_content{position:relative;font-weight:400;font-size:14px;line-height:1.6;letter-spacing:-0.02em;color:#222222;word-break:keep-all;}
.component_message_view .view_content:before{content:"";display:block;margin:15px 0;height:1px;background-color:#EFEFEF;opacity:0.6;}
.component_message_view .view_content *{font-size:inherit !important;font-family:inherit !important;line-height:inherit !important;margin:0;word-break:keep-all;}
.component_message_view .view_content img{max-width:100%;}


.component_analysis_overview{position:relative;padding-top:10px;}
.component_analysis_overview .figure{position:relative;}
.component_analysis_overview .figure .status{position:relative;}
.component_analysis_overview .figure .status ul{position:relative;margin:0;padding:0;list-style:none;}
.component_analysis_overview .figure .status ul:after{content:"";display:block;clear:both;}
.component_analysis_overview .figure .status ul li{float:left;width:20%;text-align:center;font-size:12px;font-weight:600;color:#909090;line-height:1.2;white-space:nowrap;}
.component_analysis_overview .figure .status ul li:first-child{color:#222222;}
.component_analysis_overview .figure .status ul li:last-child{color:#222222;}
.component_analysis_overview .figure .bar{position:relative;height:70px;background-image:url(../img/component/component_analysis_overview_bar_bg.svg);background-position:center center;background-repeat:no-repeat;background-size:cover;margin-top:5px;overflow:hidden;}
.component_analysis_overview .figure .bar .current{position:absolute;left:0;top:50%;transform:translateY(-50%);height:25px;opacity:0;}
.component_analysis_overview .figure .bar .current .status{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:600;color:#222222;text-align:center;height:25px;width:50px;line-height:calc(25px - 4px);border-radius:13px;border:2px solid #FFFFFF;background-color:rgba(255,255,255,0.7);opacity:1;box-sizing:border-box;}
.component_analysis_overview .figure .bar .current:before{content:"";display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);height:2px;width:calc(100% - 25px);background-color:#ffffff;}
.component_analysis_overview .figure .bar .current.current_short{margin-top:calc(-13px - 3px);}
.component_analysis_overview .figure .bar .current.current_mid{margin-top:calc(13px + 3px);}
.component_analysis_overview .figure .bar .current[data-status="B"]{left:10%;}
.component_analysis_overview .figure .bar .current[data-status="D"]{left:30%;}
.component_analysis_overview .figure .bar .current[data-status="N"]{left:50%;}
.component_analysis_overview .figure .bar .current[data-status="O"]{left:70%;}
.component_analysis_overview .figure .bar .current[data-status="S"]{left:90%;}
.component_analysis_overview .figure .bar .current[data-difference="0"]{width:0;}
.component_analysis_overview .figure .bar .current[data-difference="1"]{width:20%;}
.component_analysis_overview .figure .bar .current[data-difference="2"]{width:40%;}
.component_analysis_overview .figure .bar .current[data-difference="3"]{width:60%;}
.component_analysis_overview .figure .bar .current[data-difference="4"]{width:80%;}
.component_analysis_overview .figure .bar .current[data-difference="5"]{width:100%;}
.component_analysis_overview .figure .bar .current[data-direction="A"]{transform:translateY(-50%) rotate(-180deg);}
.component_analysis_overview .figure .bar .current[data-direction="A"] .status{transform:translate(-50%,-50%) rotate(-180deg);}
.component_analysis_overview .figure .bar .current[data-direction="A"][data-status]{left:auto;}
.component_analysis_overview .figure .bar .current[data-direction="A"][data-status="B"]{right:90%;}
.component_analysis_overview .figure .bar .current[data-direction="A"][data-status="D"]{right:70%;}
.component_analysis_overview .figure .bar .current[data-direction="A"][data-status="N"]{right:50%;}
.component_analysis_overview .figure .bar .current[data-direction="A"][data-status="O"]{right:30%;}
.component_analysis_overview .figure .bar .current[data-direction="A"][data-status="S"]{right:10%;}

.component_analysis_overview .figure .bar .current[data-status]:not([data-status=""]){animation:ani_component_analysis_overview_active ease 0.5s forwards;}
.component_analysis_overview .figure .bar .current[data-status]:not([data-status=""]):before{animation:ani_component_analysis_overview_active_tail ease 0.5s forwards;}
.component_analysis_overview .figure .bar .current[data-direction="A"] .status{animation:ani_component_analysis_overview_direction ease 0.5s forwards;}
.component_analysis_overview .figure .bar .current[data-direction="B"] .status{animation:ani_component_analysis_overview_direction ease 0.5s forwards;}
.component_analysis_overview .figure .bar .current[data-direction="E"] .status{animation:ani_component_analysis_overview_direction_e ease 0.5s forwards;}

.component_analysis_overview .analysis{position:relative;margin-top:10px;padding:15px 15px;box-shadow:0px 4px 40px rgba(0,0,0,0.05);border-radius:8px;box-sizing:border-box;text-align:center;}
.component_analysis_overview .analysis .comment{position:relative;margin:0;padding:0;font-size:14px;color:#222222;font-weight:700;line-height:1.3;min-height:1.3em;}
.component_analysis_overview .analysis .theme{position:relative;margin:0;padding:0;font-size:13px;color:#959595;font-weight:500;line-height:1.3;min-height:1.3em;margin-top:5px;}
.component_analysis_overview .analysis .buy{color:#FF8686;}
.component_analysis_overview .analysis .sell{color:#345AFA;}

@keyframes ani_component_analysis_overview_active{
	from{opacity:0;}
	to{opacity:1;}
}
@keyframes ani_component_analysis_overview_active_tail{
	from{width:0;}
	to{width:calc(100% - 25px);}
}
@keyframes ani_component_analysis_overview_direction{
	from{left:100%;}
	to{left:0;}
}
@keyframes ani_component_analysis_overview_direction_e{
	from{left:0;}
	to{left:0;}
}


.component_analysis_theme{position:relative;background-color:#FFFFFF;box-shadow:0px 8px 40px rgba(0,0,0,0.05);border-radius:8px;overflow:hidden;}
.component_analysis_theme .lists{position:relative;}
.component_analysis_theme .lists:after{content:"";display:block;clear:both;}
.component_analysis_theme .lists .list{position:relative;float:left;width:50%;border-right:1px solid #EFEFEF;box-sizing:border-box;}
.component_analysis_theme .lists .list:nth-child(2n){border-right-width:0;}
.component_analysis_theme .lists .list .list_title{position:relative;margin:0;padding:0;height:33px;line-height:33px;background-color:#EEF2FA;font-weight:700;font-size:12px;text-align:center;color:#100F3D;}
.component_analysis_theme .lists .list .list_content{position:relative;}
.component_analysis_theme .lists .list .list_content > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_analysis_theme .lists .list .list_content > ul > li{position:relative;}
.component_analysis_theme .lists .list .list_content > ul > li:nth-child(n+2):before{content:"";display:block;height:1px;background-color:#EFEFEF;opacity:0.6;}
.component_analysis_theme .lists .list .list_content > li{display:none;}
.component_analysis_theme .lists .list .list_content .item{position:relative;height:40px;box-sizing:border-box;overflow:hidden;}
.component_analysis_theme .lists .list .list_content .item .title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:0 5px;width:100%;line-height:1.3;font-weight:500;font-size:12px;text-align:center;color:#FF4720;word-break:break-all;box-sizing:border-box;}
.component_analysis_theme .lists .list.type_sell .list_content .item .title{color:#100F3D;}
.component_analysis_theme .list_handle{position:relative;display:block;border:0;border-top:1px solid #EFEFEF;-webkit-appearance:none;margin:0;padding:0;width:100%;height:33px;line-height:33px;background-color:#FFFFFF;font-weight:400;font-size:12px;text-align:center;color:#545454;box-sizing:border-box;cursor:pointer;}
.component_analysis_theme .list_handle:before{content:"더보기";}
.component_analysis_theme .list_handle:hover{background-color:#fafafa;}
.component_analysis_theme.is_opened .list_handle:before{content:"접기";}


.component_tendency_list{position:relative;}
.component_tendency_list > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_tendency_list > ul:after{content:"";display:block;clear:both;}
.component_tendency_list > ul > li{position:relative;float:left;width:calc(50% - 5px);margin-right:10px;}
.component_tendency_list > ul > li:nth-child(2n){margin-right:0;}
.component_tendency_list > ul > li:nth-child(n+3){margin-top:10px;}
.component_tendency_list .item{position:relative;display:block;height:80px;padding:15px;text-decoration:none;background-color:#FFFFFF;box-shadow:0px 4px 40px rgba(0,0,0,0.05);border-radius:8px;overflow:hidden;box-sizing:border-box;cursor:pointer;}
.component_tendency_list .item:hover{background-color:#fafafa;}
.component_tendency_list .item:after{content:"";display:block;clear:both;}
.component_tendency_list .item .content{position:relative;z-index:1;}
.component_tendency_list .item .content .title{position:relative;margin:0;padding:0;font-weight:600;font-size:14px;line-height:1.2;letter-spacing:-0.01em;color:#100F3D;word-break:keep-all;}
.component_tendency_list .item .content .description{position:relative;margin:0;padding:0;font-weight:400;font-size:11px;line-height:1.2;color:#959595;margin-top:5px;word-break:keep-all;}
.component_tendency_list .item .icon{position:absolute;z-index:0;right:7px;bottom:7px;width:44px;background-size:100%;background-repeat:no-repeat;background-position:center center;}
.component_tendency_list .item .icon:before{content:"";display:block;padding-bottom:100%;}
.component_tendency_list .item .icon.icon_ss{background-image:url(../img/component/component_tendency_list_item_icon_ss.svg?v=2);}
.component_tendency_list .item .icon.icon_st{background-image:url(../img/component/component_tendency_list_item_icon_st.svg?v=2);}
.component_tendency_list .item .icon.icon_sv{background-image:url(../img/component/component_tendency_list_item_icon_sv.svg?v=2);}
.component_tendency_list .item .icon.icon_sr{background-image:url(../img/component/component_tendency_list_item_icon_sr.svg?v=2);}

@media all and (max-width:350px){
	.component_tendency_list .item .icon{width:35px;}
}


.component_rolling_board{position:relative;background-color:#FFFFFF;height:40px;line-height:40px;overflow:hidden;}
.component_rolling_board .list{position:relative;}
.component_rolling_board .list ul{position:relative;margin:0;padding:0;list-style:none;}
.component_rolling_board .list ul li{position:relative;}
.component_rolling_board .list .item{position:relative;font-size:13px;font-weight:400;color:#031A6E;letter-spacing:-0.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.component_rolling_board .list .item .head{font-weight:600;}


.component_market_timing_social_list{position:relative;}
.component_market_timing_social_list > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_market_timing_social_list > ul > li{position:relative;}
.component_market_timing_social_list > ul > li:nth-child(n+2){margin-top:10px;}
.component_market_timing_social_list > li{display:none;}
.component_market_timing_social_list .item{position:relative;padding:15px;background-color:#FFFFFF;box-shadow:0px 4px 40px rgba(0,0,0,0.05);border-radius:8px;}
.component_market_timing_social_list .item .summary{position:relative;}
.component_market_timing_social_list .item .summary:after{content:"";display:block;clear:both;}
.component_market_timing_social_list .item .summary .rank{position:relative;float:left;width:40px;}
.component_market_timing_social_list .item .summary .rank .icon{position:relative;margin:0 auto;width:29px;height:28px;background-image:url(../img/component/component_market_timing_social_list_item_icon.svg);background-size:100%;background-repeat:no-repeat;background-position:center top;}
.component_market_timing_social_list .item .summary .rank .icon .number{position:absolute;display:block;left:0;top:9px;width:100%;font-weight:600;font-size:12px;line-height:14px;text-align:center;color:#FFFFFF;}
.component_market_timing_social_list .item .summary .rank .tendency{position:absolute;left:50%;top:calc(100% + 4px);transform:translateX(-50%);font-weight:500;font-size:7px;line-height:8px;text-align:center;color:#031A6E;text-align:center;white-space:nowrap;}
.component_market_timing_social_list .item .summary .info{position:relative;float:left;width:calc(100% - 40px - 15px - 90px);margin-left:15px;margin-top:3px;}
.component_market_timing_social_list .item .summary .info .titles{position:relative;font-size:0;}
.component_market_timing_social_list .item .summary .info .titles .stock_name{position:relative;display:inline-block;vertical-align:middle;margin:0;padding:0;font-weight:600;font-size:14px;line-height:17px;color:#222222;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.component_market_timing_social_list .item .summary .info .titles .recommend{position:relative;display:none;vertical-align:middle;margin:0;padding:0 5px;font-weight:700;font-size:12px;line-height:20px;border-radius:10px;color:#ffffff;background-color:#031A6E;margin-left:5px;}
.component_market_timing_social_list .item .summary .info .titles .report{position:relative;display:none;vertical-align:middle;margin:0;padding:0 5px;font-weight:700;font-size:12px;line-height:20px;border-radius:10px;color:#ffffff;background-color:#FF4720;margin-left:5px;text-decoration:none;cursor:pointer;}
.component_market_timing_social_list .item .summary .info .stock_category{position:relative;margin:0;padding:0;font-weight:400;font-size:10px;line-height:12px;color:#959595;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:4px;}
.component_market_timing_social_list .item .summary .data{position:relative;float:right;width:90px;text-align:right;margin-top:3px;}
.component_market_timing_social_list .item .summary .data .rate{position:relative;font-weight:600;font-size:14px;line-height:17px;color:#100F3D;}
.component_market_timing_social_list .item .summary .data .rate[item-close-price-type="increase"]{color:#FF4720;}
.component_market_timing_social_list .item .summary .data .rate[item-close-price-type="decrease"]{color:#182ACC;}
.component_market_timing_social_list .item .summary .data .date{position:relative;font-weight:400;font-size:10px;line-height:15px;color:#545454;margin-top:4px;}
.component_market_timing_social_list .item .detail{position:relative;margin-top:15px;border:1px solid #EFEFEF;border-radius:8px;overflow:hidden;}
.component_market_timing_social_list .item .detail ul{position:relative;margin:0;padding:0;list-style:none;}
.component_market_timing_social_list .item .detail ul:after{content:"";display:block;clear:both;}
.component_market_timing_social_list .item .detail ul li{float:left;box-sizing:border-box;}
.component_market_timing_social_list .item .detail ul li:nth-child(n+2){border-left:1px solid #EFEFEF;}
.component_market_timing_social_list .item .detail ul li:nth-child(1){width:calc(100% - 75px - 75px);}
.component_market_timing_social_list .item .detail ul li:nth-child(2){width:75px;}
.component_market_timing_social_list .item .detail ul li:nth-child(3){width:75px;}
.component_market_timing_social_list .item .detail ul li .title{position:relative;line-height:25px;height:25px;background-color:#EEF2FA;font-weight:400;font-size:11px;text-align:center;color:#031A6E;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.component_market_timing_social_list .item .detail ul li .value{position:relative;line-height:25px;height:25px;font-weight:600;font-size:12px;text-align:center;color:#100F3D;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.component_market_timing_social_list .component_error{height:100%;}
.component_market_timing_social_list .component_membership_subscribe_guide{height:calc(100% - 140px);}


.component_market_timing_top_list{position:relative;background-color:#FFFFFF;box-shadow:0px 4px 40px rgba(0,0,0,0.05);border-radius:8px;overflow:hidden;}
.component_market_timing_top_list > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_market_timing_top_list > ul > li{position:relative;}
.component_market_timing_top_list > ul > li:nth-child(n+2):before{content:"";display:block;margin:0 15px;height:1px;background-color:#EFEFEF;}
.component_market_timing_top_list > li{display:none;}
.component_market_timing_top_list .item{position:relative;cursor:pointer;}
.component_market_timing_top_list .item .summary{position:relative;padding:10px 15px;}
.component_market_timing_top_list .item .summary:after{content:"";display:block;clear:both;}
.component_market_timing_top_list .item .summary:hover{background-color:#fafafa;}
.component_market_timing_top_list .item .summary .rank{position:relative;float:left;width:40px;}
.component_market_timing_top_list .item .summary .rank .icon{position:relative;margin:0 auto;width:27px;height:27px;background-color:#031A6E;border-radius:50%;}
.component_market_timing_top_list .item .summary .rank .icon .number{position:absolute;display:block;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;font-weight:600;font-size:14px;line-height:17px;text-align:center;color:#FFFFFF;}
.component_market_timing_top_list .item .summary .rank .tendency{position:absolute;left:50%;top:calc(100% + 4px);transform:translateX(-50%);font-weight:500;font-size:7px;line-height:8px;text-align:center;color:#031A6E;text-align:center;white-space:nowrap;}
.component_market_timing_top_list .item .summary .info{position:relative;float:left;width:calc(100% - 40px - 15px - 90px);margin-left:15px;margin-top:3px;}
.component_market_timing_top_list .item .summary .info .titles{position:relative;font-size:0;display:inline-block;vertical-align:middle;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:calc(20px + 1px);}
.component_market_timing_top_list .item .summary .info .titles:after{content:"";display:block;width:20px;height:22px;position:absolute;right:0;top:50%;transform:translateY(-50%);background-size:100%;background-image:url(../img/component/component_market_timing_top_list_item_arrow.svg);background-repeat:no-repeat;background-position:center center;}
.component_market_timing_top_list .item .summary .info .titles .stock_name{position:relative;display:inline-block;vertical-align:middle;margin:0;padding:0;font-weight:600;font-size:14px;line-height:17px;color:#100F3D;}
.component_market_timing_top_list .item .summary .info .titles .recommend{position:relative;display:none;vertical-align:middle;margin:0;padding:0 5px;font-weight:700;font-size:12px;line-height:20px;border-radius:10px;color:#ffffff;background-color:#031A6E;margin-left:5px;}
.component_market_timing_top_list .item .summary .info .titles .report{position:relative;display:none;vertical-align:middle;margin:0;padding:0 5px;font-weight:700;font-size:12px;line-height:20px;border-radius:10px;color:#ffffff;background-color:#FF4720;margin-left:5px;text-decoration:none;cursor:pointer;}
.component_market_timing_top_list .item .summary .info .stock_category{position:relative;margin:0;padding:0;font-weight:400;font-size:10px;line-height:12px;color:#959595;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:4px;}
.component_market_timing_top_list .item .summary .data{position:relative;float:right;width:90px;text-align:right;margin-top:3px;}
.component_market_timing_top_list .item .summary .data .rate{position:relative;font-weight:600;font-size:14px;line-height:17px;color:#100F3D;}
.component_market_timing_top_list .item .summary .data .rate[item-close-price-type="increase"]{color:#FF4720;}
.component_market_timing_top_list .item .summary .data .rate[item-close-price-type="decrease"]{color:#182ACC;}
.component_market_timing_top_list .item .summary .data .date{position:relative;font-weight:400;font-size:10px;line-height:15px;color:#545454;margin-top:4px;}
.component_market_timing_top_list .item .detail{position:relative;overflow:hidden;padding:10px 15px;display:none;}
.component_market_timing_top_list .item .detail:before{content:"";display:block;position:absolute;left:50%;top:0;transform:translateX(-50%);width:calc(100% - 30px);height:1px;background-color:#EFEFEF;}
.component_market_timing_top_list .item .detail .chart{position:relative;height:210px;min-height:0 !important;}
.component_market_timing_top_list .item .detail .chart .apexcharts-canvas{left:-10px;}
.component_market_timing_top_list .item.active .summary .info .title:after{transform:translateY(-50%) rotate(180deg);}
.component_market_timing_top_list > ul > li:first-child .item .summary{padding-top:15px;}
.component_market_timing_top_list > ul > li:last-child .item .summary{padding-bottom:15px;}
.component_market_timing_top_list .component_error{height:100%;}
.component_market_timing_top_list .component_membership_subscribe_guide{height:calc(100% - 80px);}


.component_market_timing_list{position:relative;}
.component_market_timing_list.padding_bottom_large{padding-bottom:70px;}
.component_market_timing_list > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_market_timing_list > ul > li{position:relative;}
.component_market_timing_list > ul > li:nth-child(n+2){margin-top:15px;}
.component_market_timing_list > li{display:none;}


.component_stock_card{position:relative;z-index:1;padding:15px;background-color:#FFFFFF;box-shadow:0px 4px 40px rgba(0,0,0,0.05);border-radius:8px;overflow:hidden;}
.component_stock_card .summary{position:relative;}
.component_stock_card .summary:after{content:"";display:block;clear:both;}
.component_stock_card .summary .info{position:relative;float:left;width:calc(100% - 100px);}
.component_stock_card .summary .info .titles{position:relative;font-size:0;}
.component_stock_card .summary .info .titles .stock_name{position:relative;display:inline-block;vertical-align:middle;margin:0;padding:0;font-weight:700;font-size:16px;line-height:20px;color:#100F3D;}
.component_stock_card .summary .info .titles .stock_code{position:relative;display:inline-block;vertical-align:middle;margin:0;padding:0;font-weight:500;font-size:12px;line-height:20px;color:#100F3D;margin-left:3px;}
.component_stock_card .summary .info .titles .recommend{position:relative;display:inline-block;vertical-align:middle;margin:0;padding:0 5px;font-weight:700;font-size:12px;line-height:20px;border-radius:10px;color:#ffffff;background-color:#031A6E;margin-left:5px;}
.component_stock_card .summary .info .stock_category{position:relative;margin-top:6px;font-size:0;height:20px;}
.component_stock_card .summary .info .stock_category > div{position:relative;z-indeX:0;white-space:nowrap;overflow:auto;height:100%;}
.component_stock_card .summary .info .stock_category:after{content:"";display:block;position:absolute;z-index:1;right:0;top:0;width:30px;height:100%;
background:rgb(255,255,255);
background:-moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background:-webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.component_stock_card .summary .info .stock_category > div::-webkit-scrollbar{display:none;}
.component_stock_card .summary .info .stock_category > div{-ms-overflow-style:none;scrollbar-width:none;}
.component_stock_card .summary .info .stock_category .category{position:relative;display:inline-block;vertical-align:middle;margin-right:5px;padding:0 10px;height:20px;line-height:20px;background-color:#F5F5F5;border-radius:10px;font-weight:400;font-size:9px;text-align:center;color:#959595;}
.component_stock_card .summary .info .stock_category .category.extract_cycle_w{background-color:#FF4720;color:#FFFFFF;}
.component_stock_card .summary .data{position:relative;float:right;width:100px;text-align:right;}
.component_stock_card .summary .data .toggle_interest{position:relative;display:inline-block;vertical-align:top;margin:0;padding:0;-webkit-appearance:none;width:20px;height:20px;border:0;border-radius:0;background-color:transparent;cursor:pointer;}
.component_stock_card .summary .data .toggle_interest:before,
.component_stock_card .summary .data .toggle_interest:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-size:100%;background-repeat:no-repeat;background-position:center top;}
.component_stock_card .summary .data .toggle_interest:before{background-image:url(../img/component/component_market_timing_list_item_button.svg);opacity:1;}
.component_stock_card .summary .data .toggle_interest:after{background-image:url(../img/component/component_market_timing_list_item_button_active.svg);opacity:0;}
.component_stock_card .summary .data .toggle_interest:disabled{opacity:1;}
.component_stock_card .summary .data .toggle_interest:disabled:before{opacity:0.5;}
.component_stock_card .summary .data .toggle_interest:disabled:after{opacity:0;}
.component_stock_card .summary .data .toggle_interest[data-interest]:before{opacity:1;}
.component_stock_card .summary .data .toggle_interest[data-interest]:after{opacity:0;}
.component_stock_card .summary .data .toggle_interest[data-interest="Y"]:before{opacity:0;}
.component_stock_card .summary .data .toggle_interest[data-interest="Y"]:after{opacity:1;}
.component_stock_card .summary .data .date{position:relative;font-weight:500;font-size:11px;line-height:20px;height:20px;color:#100F3D;margin-top:6px;}
.component_stock_card .price{position:relative;margin-top:5px;}
.component_stock_card .price:after{content:"";display:block;clear:both;}
.component_stock_card .price .amount{position:relative;float:left;font-size:0;}
.component_stock_card .price .amount:after{content:"";display:block;clear:both;}
.component_stock_card .price .amount .value{position:relative;display:inline-block;vertical-align:middle;font-weight:700;font-size:24px;line-height:29px;height:29px;color:inherit;}
.component_stock_card .price .amount .change{position:relative;display:inline-block;vertical-align:middle;margin-left:10px;font-weight:600;font-size:16px;line-height:19px;height:19px;color:inherit;padding-left:14px;}
.component_stock_card .price .amount .change:before{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:10px;height:8px;background-size:100%;background-repeat:no-repeat;background-position:center center;}
.component_stock_card .price .rate{position:absolute;display:inline-block;vertical-align:middle;right:0;top:50%;transform:translateY(-50%);}
.component_stock_card .price .rate .title{position:relative;display:inline-block;vertical-align:middle;color:#100F3D;font-weight:700;font-size:14px;}
.component_stock_card .price .rate .value{position:relative;display:inline-block;vertical-align:middle;font-weight:600;font-size:16px;line-height:19px;color:inherit;}
.component_stock_card .price[item-close-price-type="increase"]{color:#FF4720;}
.component_stock_card .price[item-close-price-type="increase"] .amount .change:before{background-image:url(../img/component/component_market_timing_list_item_price_increase.svg);}
.component_stock_card .price[item-close-price-type="decrease"]{color:#182ACC;}
.component_stock_card .price[item-close-price-type="decrease"] .amount .change:before{background-image:url(../img/component/component_market_timing_list_item_price_decrease.svg);}
.component_stock_card .detail{position:relative;margin-top:15px;}
.component_stock_card .detail .detail_tabs{position:relative;font-size:0;overflow-x:auto;white-space:nowrap;height:28px;}
.component_stock_card .detail .detail_tabs:after{content:"";display:block;position:absolute;z-index:0;left:0;bottom:0;height:1px;width:100%;background-color:#EFEFEF;}
.component_stock_card .detail .detail_tabs .tab{position:relative;z-index:1;margin:0;padding:0 10px;border:0;border-radius:0;-webkit-appearance:none;background-color:transparent;display:inline-block;vertical-align:middle;width:auto;font-weight:600;font-size:15px;line-height:20px;color:#959595;text-align:center;padding-bottom:8px;cursor:pointer;}
.component_stock_card .detail .detail_tabs .tab:after{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#031A6E;opacity:0;}
.component_stock_card .detail .detail_tabs .tab.active{color:#031A6E;font-weight:700;}
.component_stock_card .detail .detail_tabs .tab.active:after{opacity:1;}
.component_stock_card .detail .detail_tabs .tab + .tab{margin-left:10px;}
.component_stock_card .detail .detail_tab_contents{position:relative;margin-top:15px;}
.component_stock_card .detail .detail_tab_contents .detail_tab_content{position:relative;display:none;}
.component_stock_card .detail .detail_tab_contents .detail_tab_content.active{display:block;}
.component_stock_card .detail .group_chart{position:relative;}
.component_stock_card .detail .group_chart .price_list{position:relative;}
.component_stock_card .detail .group_chart .price_list ul{position:relative;margin:0;padding:0;list-style:none;}
.component_stock_card .detail .group_chart .price_list ul:after{content:"";display:block;clear:both;}
.component_stock_card .detail .group_chart .price_list ul li{position:relative;float:left;width:calc(50% - 5px);margin-right:10px;}
.component_stock_card .detail .group_chart .price_list ul li:nth-child(2n){margin-right:0;}
.component_stock_card .detail .group_chart .price_list ul li:nth-child(n+3){margin-top:10px;}
.component_stock_card .detail .group_chart .price_list ul li .title{position:relative;display:inline-block;vertical-align:middle;margin:0;padding:0;font-weight:400;font-size:12px;line-height:14px;height:14px;color:#031A6E;}
.component_stock_card .detail .group_chart .price_list ul li .title.type_buy{background-color:background:#EEF2FA;color:#031A6E;}
.component_stock_card .detail .group_chart .price_list ul li .title.type_cut_loss{color:#959595;}
.component_stock_card .detail .group_chart .price_list ul li .title.type_profit1{color:#FF4720;}
.component_stock_card .detail .group_chart .price_list ul li .title.type_profit2{color:#FF4720;}
.component_stock_card .detail .group_chart .price_list ul li .value{position:relative;margin:0;padding:0;font-weight:700;font-size:16px;line-height:19px;height:19px;color:#100F3D;margin-top:3px;word-break:break-all;}
.component_stock_card .detail .group_chart .chart_area{margin-top:15px;}
.component_stock_card .detail .group_chart .chart_area .chart_tabs{position:relative;margin-top:10px;}
.component_stock_card .detail .group_chart .chart_area .chart_tabs:after{content:"";display:block;clear:both;}
.component_stock_card .detail .group_chart .chart_area .chart_tabs .tab_selector{position:relative;margin-bottom:10px;}
.component_stock_card .detail .group_chart .chart_area .chart_tabs .tab_selector:after{content:"";display:block;clear:both;}
.component_stock_card .detail .group_chart .chart_area .chart_tabs .tab_selector .tab{position:relative;float:left;display:block;margin:0;padding:0;border:0;background-color:#EEF2FA;border-radius:5px;width:calc(50% - 5px);height:33px;line-height:33px;margin-right:10px;text-align:center;font-weight:400;font-size:12px;color:#100F3D;cursor:pointer;}
.component_stock_card .detail .group_chart .chart_area .chart_tabs .tab_selector .tab:nth-child(2n){margin-right:0;}
.component_stock_card .detail .group_chart .chart_area .chart_tabs .tab_selector .tab.active{background-color:#D7E3F8;}
.component_stock_card .detail .group_chart .chart_area .chart_tabs .tab_dividers{position:relative;}
.component_stock_card .detail .group_chart .chart_area .chart_tabs .tab_dividers .tab_divider{position:relative;display:none;}
.component_stock_card .detail .group_chart .chart_area .chart_tabs .tab_dividers .tab_divider:after{content:"";display:block;clear:both;}
.component_stock_card .detail .group_chart .chart_area .chart_tabs .tab_dividers .tab_divider:nth-child(1){display:block;}
.component_stock_card .detail .group_chart .chart_area .chart_tabs .tab_dividers .tab_divider .tab{position:relative;float:left;display:block;margin:0;padding:0;border:0;background-color:#EEF2FA;border-radius:5px;width:calc(25% - 7.5px);height:33px;line-height:33px;margin-right:10px;text-align:center;font-weight:400;font-size:12px;color:#100F3D;cursor:pointer;}
.component_stock_card .detail .group_chart .chart_area .chart_tabs .tab_dividers .tab_divider .tab:nth-child(4n){margin-right:0;}
.component_stock_card .detail .group_chart .chart_area .chart_tabs .tab_dividers .tab_divider .tab.active{background-color:#D7E3F8;}
.component_stock_card .detail .group_chart .chart_area .chart{position:relative;height:270px;min-height:0 !important;}
.component_stock_card .detail .group_chart .chart_area .chart .apexcharts-canvas{left:0;}
.component_stock_card .detail .group_chart .chart_area .chart .apexcharts-gridline{background-color:#0099cc;}
.component_stock_card .detail .group_chart .chart_area .chart .apexcharts-legend-series[seriesname="종목"]{display:none;}
.component_stock_card .detail .group_chart .chart_area .chart .apexcharts-legend-series[seriesname="virtual"]{display:none;}
.component_stock_card .detail .group_information{position:relative;}
.component_stock_card .detail .group_information .divider{position:relative;}
.component_stock_card .detail .group_information .divider .divider_title{position:relative;}
.component_stock_card .detail .group_information .divider .divider_title:after{content:"";display:block;clear:both;}
.component_stock_card .detail .group_information .divider .divider_title .title{position:relative;float:left;margin:0;padding:0;font-weight:600;font-size:15px;line-height:1.2;color:#100F3D;}
.component_stock_card .detail .group_information .divider .divider_title .reference{position:relative;float:right;margin:0;padding:0;margin-top:-1px;font-weight:400;font-size:13px;line-height:1.2;text-align:right;letter-spacing:-0.02em;color:#959595;opacity:0.7;}
.component_stock_card .detail .group_information .divider .divider_content{position:relative;}
.component_stock_card .detail .group_information .divider .divider_title + .divider_content{margin-top:10px;}
.component_stock_card .detail .group_information .divider + .divider:before{content:"";display:block;margin:15px 0;border-top:1px dashed #EFEFEF;}
.component_stock_card .detail .group_information .text{position:relative;margin:0;padding:0;font-weight:400;font-size:13px;line-height:1.5;letter-spacing:-0.02em;color:#545454;opacity:0.7;word-break:keep-all;margin-top:-0.1em;}
.component_stock_card .detail .group_information .text_list{position:relative;}
.component_stock_card .detail .group_information .text_list ul{position:relative;margin:0;padding:0;list-style:none;}
.component_stock_card .detail .group_information .text_list ul li{position:relative;}
.component_stock_card .detail .group_information .text_list ul li:after{content:"";display:block;clear:both;}
.component_stock_card .detail .group_information .text_list ul li:nth-child(n+2){margin-top:10px;}
.component_stock_card .detail .group_information .text_list ul li .title{position:relative;float:left;width:80px;margin:0;padding:0;font-weight:500;font-size:13px;line-height:1.2;letter-spacing:-0.02em;color:#545454;opacity:0.7;}
.component_stock_card .detail .group_information .text_list ul li .title .space{color:#959595;margin:0 5px;}
.component_stock_card .detail .group_information .text_list ul li .value{position:relative;float:right;width:calc(100% - 80px);margin:0;padding:0;font-weight:400;font-size:13px;line-height:1.2;letter-spacing:-0.02em;color:#100F3D;opacity:0.7;text-align:right;}
.component_stock_card .detail .group_information .text_list ul li .value .space{color:#959595;margin:0 5px;}
.component_stock_card .price + .detail{margin-top:10px;}
.component_stock_card * + .buttons{margin-top:10px;}
.component_stock_card .buttons{position:relative;}
.component_stock_card .buttons .button{position:relative;display:block;margin:0;padding:0 10px;-webkit-appearance:none;border:0;width:100%;height:45px;line-height:45px;background-color:#D7E3F8;border-radius:5px;font-family:inherit;font-weight:700;font-size:15px;text-align:center;color:#031A6E;box-sizing:border-box;text-decoration:none;cursor:pointer;}
.component_stock_card .buttons .button:disabled{opacity:1;}
.component_stock_card .buttons .button:hover{background-color:#c8d4e8;}
.component_stock_card .buttons .button.button_primary{background-color:#031A6E;color:#FDFDFD;}
.component_stock_card .buttons .button.button_primary:hover{background-color:#100F3D;}
.component_stock_card .buttons .button.button_cancel{background-color:#F5F5F5;color:#959595;}
.component_stock_card .buttons .button.button_cancel:hover{background-color:#F0F0F0;}
.component_stock_card .buttons .button:disabled{background-color:#F5F5F5;color:#959595;animation:ani_set_splash 0.5s ease infinite alternate;}
.component_stock_card .buttons .button:disabled:hover{background-color:#F0F0F0;}
.component_stock_card .fold_handle{display:none;}
.component_stock_card .popup_title{position:absolute;display:none;left:0;top:0;margin:0;padding:0 15px;width:100%;height:45px;line-height:45px;font-size:18px;text-align:center;font-weight:600;color:#ffffff;background-color:#4153F1;white-space:nowrap;box-sizing:border-box;}
.component_stock_card .popup_content{position:relative;}
.component_stock_card .popup_content::-webkit-scrollbar{display:none;}
.component_stock_card .popup_content > div{-ms-overflow-style:none;scrollbar-width:none;}
.component_stock_card .popup_buttons{position:absolute;display:none;left:0;bottom:0;width:100%;padding:15px;height:75px;box-sizing:border-box;border-top:1px solid #EFEFEF;}
.component_stock_card .popup_buttons ul{position:relative;margin:0;padding:0;list-style:none;}
.component_stock_card .popup_buttons ul:after{content:"";display:block;clear:both;}
.component_stock_card .popup_buttons ul li{position:relative;}
.component_stock_card .popup_buttons ul li:nth-child(n+2){margin-top:10px;}
.component_stock_card .popup_buttons.w2 ul li{float:left;width:calc(50% - 5px);margin-right:10px;margin-top:0;}
.component_stock_card .popup_buttons.w2 ul li:nth-child(2n){margin-right:0;}
.component_stock_card .popup_buttons.w2 ul li:nth-child(n+3){margin-top:10px;}
.component_stock_card .popup_buttons .button{position:relative;display:block;margin:0;padding:0 10px;-webkit-appearance:none;border:0;width:100%;height:45px;line-height:45px;background-color:#D7E3F8;border-radius:5px;font-family:inherit;font-weight:700;font-size:15px;text-align:center;color:#031A6E;box-sizing:border-box;text-decoration:none;cursor:pointer;}
.component_stock_card .popup_buttons .button:hover{background-color:#c8d4e8;}
.component_stock_card .popup_buttons .button.button_primary{background-color:#031A6E;color:#FDFDFD;}
.component_stock_card .popup_buttons .button.button_primary:hover{background-color:#100F3D;}
.component_stock_card .popup_buttons .button.button_cancel{background-color:#F5F5F5;color:#959595;}
.component_stock_card .popup_buttons .button.button_cancel:hover{background-color:#F0F0F0;}
.component_stock_card .popup_buttons .button.button_interest{background-color:#031A6E;color:#FDFDFD;}
.component_stock_card .popup_buttons .button.button_interest:hover{background-color:#100F3D;}
.component_stock_card .popup_buttons .button.button_interest:before{content:"";display:inline-block;vertical-align:middle;margin-right:7px;margin-top:-3px;width:18px;height:18px;background-size:100%;background-repeat:no-repeat;background-position:center top;}
.component_stock_card .popup_buttons .button.button_interest:before{background-image:url(../img/component/component_market_timing_list_item_button_active.svg);}
.component_stock_card .popup_buttons .button.button_interest:after{content:" 추가";}
.component_stock_card .popup_buttons .button.button_interest[data-interest="Y"]{background-color:#F5F5F5;color:#959595;}
.component_stock_card .popup_buttons .button.button_interest[data-interest="Y"]:hover{background-color:#F0F0F0;}
.component_stock_card .popup_buttons .button.button_interest[data-interest="Y"]:before{background-image:url(../img/component/component_market_timing_list_item_button.svg);}
.component_stock_card .popup_buttons .button.button_interest[data-interest="Y"]:after{content:" 제외";}
.component_stock_card.type_fold .fold_handle{display:block;}
.component_stock_card.type_fold .detail{display:none;}
.component_stock_card.type_fold .button_fold:after{content:" 열기";}
.component_stock_card.type_fold.fold_active .button_fold:after{content:" 닫기";}
.component_stock_card.type_popup{position:fixed;padding:0;margin:0 auto;height:750px;max-height:100%;width:800px;max-width:100%;background-color:#FFFFFF;box-shadow:none !important;border-radius:10px;box-sizing:border-box;border:0 !important;box-shadow:0px 4px 40px rgba(0,0,0,0.3) !important;overflow:hidden;}
.component_stock_card.type_popup .popup_title{display:block;}
.component_stock_card.type_popup .popup_content{position:absolute;left:0;top:45px;width:100%;height:calc(100% - 45px - 75px);padding:15px;overflow:auto;overflow-x:hidden;box-sizing:border-box;}
.component_stock_card.type_popup .popup_buttons{display:block;}

[id^="stock_card_"][id$="-popup"].ui-popup-container.slideup.in,
[id^="stock_card_"][id$="-popup"].ui-popup-container.slideup.out.reverse{width:800px !important;height:750px !important;}


.component_earnings_rate{position:relative;padding:5px 0;background-color:#FFFFFF;box-shadow:0px 4px 40px rgba(0,0,0,0.05);border-radius:8px;margin-top:15px;}


.component_common_guide{position:relative;}
.component_common_guide .buttons{position:relative;}
.component_common_guide .buttons ul{position:relative;margin:0;padding:0;list-style:none;}
.component_common_guide .buttons ul:after{content:"";display:block;clear:both;}
.component_common_guide .buttons ul li{position:relative;float:left;width:calc(50% - 5px);margin-right:10px;}
.component_common_guide .buttons ul li:nth-child(2n){margin-right:0;}
.component_common_guide .buttons ul li:nth-child(n+3){margin-top:10px;}
.component_common_guide .buttons .button{position:relative;display:block;margin:0;padding:0 10px;-webkit-appearance:none;border:0;width:100%;height:40px;line-height:40px;background-color:#D7E3F8;border-radius:8px;font-family:inherit;font-weight:600;font-size:14px;color:#031A6E;text-align:center;box-sizing:border-box;text-decoration:none;cursor:pointer;}
.component_common_guide .buttons .button:hover{background-color:#c8d4e8;}
.component_common_guide .buttons .button.button_primary{background-color:#031A6E;color:#FDFDFD;}
.component_common_guide .buttons .button.button_primary:hover{background-color:#100F3D;}
.component_common_guide .buttons .button.button_cancel{background-color:#F5F5F5;color:#959595;}
.component_common_guide .buttons .button.button_cancel:hover{background-color:#F0F0F0;}
.component_common_guide .buttons .button.button_guide{background-color:#D7E3F8;text-align:left;padding-left:calc(15px + 16px + 5px);padding-right:15px;}
.component_common_guide .buttons .button.button_guide:hover{background-color:#c8d4e8;}
.component_common_guide .buttons .button.button_guide:before{content:"";display:block;position:absolute;left:15px;top:50%;transform:translateY(-50%);width:16px;height:16px;background-image:url(../img/component/component_common_guide_button_flag.svg);background-size:100%;background-repeat:no-repeat;background-position:center center;}
.component_common_guide .buttons .button.button_guide:after{content:"";display:block;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:19px;height:19px;background-image:url(../img/component/component_common_guide_button_arrow.svg);background-size:100%;background-repeat:no-repeat;background-position:center center;}
.component_common_guide .buttons .button.button_guide.icon_makers_league{padding-left:calc(15px + 24px + 5px);}
.component_common_guide .buttons .button.button_guide.icon_makers_league:before{width:24px;height:24px;background-image:url(../img/component/icon_makers_league.png);background-size:100%;background-repeat:no-repeat;background-position:center center;}
* + .component_common_guide{margin-top:15px;}
* + .component_common_guide{margin-top:15px;}


.component_common_list{position:relative;}
.component_common_list.padding_bottom_large{padding-bottom:70px;}
.component_common_list > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_common_list > ul > li{position:relative;}
.component_common_list > ul > li:nth-child(n+2){margin-top:15px;}
.component_common_list > li{display:none;}
.component_common_list .item{position:relative;padding:15px;background-color:#FFFFFF;box-shadow:0px 4px 40px rgba(0,0,0,0.05);border-radius:8px;}
.component_common_list .item .user{position:relative;display:block;text-decoration:none;margin-bottom:10px;margin-top:-5px;}
.component_common_list .item .user:after{content:"";display:block;clear:both;}
.component_common_list .item .user .info{position:relative;float:left;width:calc(100% - 100px);height:30px;}
.component_common_list .item .user .info:after{content:"";display:block;clear:both;}
.component_common_list .item .user .info .profile_image{position:relative;float:left;width:30px;border-radius:50%;overflow:hidden;background-color:#FFFFFF;background-image:url(../img/component/component_common_list_profile_image.svg);background-size:cover;background-repeat:no-repeat;background-position:center center;}
.component_common_list .item .user .info .profile_image:before{content:"";display:block;padding-bottom:100%;}
.component_common_list .item .user .info .profile_image img{position:absolute;display:block;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;}
.component_common_list .item .user .info .name{position:absolute;left:0;top:50%;transform:translateY(-50%);display:block;margin:0;padding:0;font-weight:500;font-size:14px;line-height:1.2;color:#545454;word-break:keep-all;text-decoration:none;}
.component_common_list .item .user .info .profile_image + .name{left:40px;}
.component_common_list .item .user .data{position:absolute;right:0;top:50%;transform:translateY(-50%);width:100px;text-align:right;}
.component_common_list .item .user .data .status{position:relative;display:inline-block;vertical-align:middle;font-weight:600;font-size:16px;line-height:20px;color:inherit;}
.component_common_list .item .user .data .status[item-trade-status-type="D"]{color:#FF4720;}
.component_common_list .item .user .data .status[item-trade-status-type="O"]{color:#182ACC;}
.component_common_list .item{position:relative;padding:15px;background-color:#FFFFFF;box-shadow:0px 4px 40px rgba(0,0,0,0.05);border-radius:8px;overflow:hidden;}
.component_common_list .item > .type{position:absolute;left:0;top:0;width:auto;padding:0 10px;border-bottom-right-radius:8px;background-color:#031A6E;min-width:40px;font-size:12px;line-height:22px;font-weight:600;color:#FFFFFF;white-space:nowrap;overflow:hidden;box-sizing:border-box;}
.component_common_list .item > .type + .summary{padding-top:15px;}
.component_common_list .item > .type .set_splash{border-radius:0;}
.component_common_list .item > .status{position:absolute;right:0;top:0;width:auto;padding:0 10px;border-bottom-left-radius:8px;background-color:#031A6E;min-width:40px;font-size:12px;line-height:22px;font-weight:600;color:#FFFFFF;white-space:nowrap;overflow:hidden;box-sizing:border-box;}
.component_common_list .item > .status[item-trade-status-type="D"]{background-color:#FF4720;}
.component_common_list .item > .status[item-trade-status-type="O"]{background-color:#182ACC;}
.component_common_list .item > .status + .summary{padding-top:15px;}
.component_common_list .item > .status .set_splash{border-radius:0;}
.component_common_list .item .summary{position:relative;}
.component_common_list .item .summary:after{content:"";display:block;clear:both;}
.component_common_list .item .summary .info{position:relative;float:left;width:calc(100% - 100px);}
.component_common_list .item .summary .info:after{content:"";display:block;clear:both;}
.component_common_list .item .summary .info .rank{position:absolute;display:block;z-index:1;left:0;top:2px;width:30px;background-color:#D7E3F8;border-radius:50%;font-size:13px;overflow:hidden;clip-path:content-box;transition:border-radius ease 0.3s;}
.component_common_list .item .summary .info .rank:before{content:"";display:block;padding-bottom:100%;}
.component_common_list .item .summary .info .rank .number{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:600;color:#031A6E;white-space:nowrap;}
.component_common_list .item .summary .info .rank .set_splash{border-radius:0;}
.component_common_list .item .summary .info .rank[data-rank="1"],
.component_common_list .item .summary .info .rank[data-rank="2"],
.component_common_list .item .summary .info .rank[data-rank="3"]{background-size:auto 100%;background-repeat:no-repeat;background-position:center top;border-radius:0;background-color:transparent;}
.component_common_list .item .summary .info .rank[data-rank="1"] .number,
.component_common_list .item .summary .info .rank[data-rank="2"] .number,
.component_common_list .item .summary .info .rank[data-rank="3"] .number{display:none;}
.component_common_list .item .summary .info .rank[data-rank="1"]{background-image:url(../img/component/component_common_list_rank1.svg);}
.component_common_list .item .summary .info .rank[data-rank="2"]{background-image:url(../img/component/component_common_list_rank2.svg);}
.component_common_list .item .summary .info .rank[data-rank="3"]{background-image:url(../img/component/component_common_list_rank3.svg);}
.component_common_list .item .summary .info .rank + .titles{position:relative;float:right;width:calc(100% - 30px - 10px);}
.component_common_list .item .summary .info .profile{position:relative;float:left;width:40px;}
.component_common_list .item .summary .info .profile .profile_image{position:relative;z-index:0;border-radius:50%;overflow:hidden;background-color:#FFFFFF;background-image:url(../img/component/component_common_list_profile_image.svg);background-size:cover;background-repeat:no-repeat;background-position:center center;}
.component_common_list .item .summary .info .profile .profile_image:before{content:"";display:block;padding-bottom:100%;}
.component_common_list .item .summary .info .profile .profile_image img{position:absolute;display:block;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;}
.component_common_list .item .summary .info .profile .profile_image .set_splash{border-radius:0;}
.component_common_list .item .summary .info .profile .rank{z-index:1;width:20px;font-size:12px;left:auto;top:auto;right:-5px;bottom:-5px;}
.component_common_list .item .summary .info .profile + .titles{position:relative;float:right;width:calc(100% - 40px - 10px);}
.component_common_list .item .summary .info .titles{position:relative;}
.component_common_list .item .summary .info .titles .title{position:relative;font-size:0;}
.component_common_list .item .summary .info .titles .title .name{position:relative;display:inline-block;vertical-align:middle;margin:0;padding:0;font-weight:700;font-size:16px;line-height:20px;height:20px;color:#100F3D;}
.component_common_list .item .summary .info .titles .title .code{position:relative;display:inline-block;vertical-align:middle;margin:0;padding:0;font-weight:500;font-size:12px;line-height:20px;height:20px;color:#100F3D;margin-left:3px;}
.component_common_list .item .summary .info .titles .meta{position:relative;font-size:11px;font-weight:400;color:#959595;line-height:1.2;margin-top:5px;}
.component_common_list .item .summary .info .titles .meta .head{display:inline-block;vertical-align:top;font-weight:400;}
.component_common_list .item .summary .info .titles .meta .value{display:inline-block;vertical-align:top;font-weight:700;}
.component_common_list .item .summary .info .titles .meta .value[item-change]{position:relative;font-weight:700;color:#100F3D;}
.component_common_list .item .summary .info .titles .meta .value[item-change]:before{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background-size:100%;background-repeat:no-repeat;background-position:center center;}
.component_common_list .item .summary .info .titles .meta .value[item-change="equal"]{width:17px;text-align:center;font-size:14px;margin-top:-3px;}
.component_common_list .item .summary .info .titles .meta .value[item-change="increase"],
.component_common_list .item .summary .info .titles .meta .value[item-change="decrease"]{padding-left:10px;}
.component_common_list .item .summary .info .titles .meta .value[item-change="increase"]{color:#FF4720;}
.component_common_list .item .summary .info .titles .meta .value[item-change="increase"]:before{background-image:url(../img/component/component_common_list_rate_increase.svg);}
.component_common_list .item .summary .info .titles .meta .value[item-change="decrease"]{color:#182ACC;}
.component_common_list .item .summary .info .titles .meta .value[item-change="decrease"]:before{background-image:url(../img/component/component_common_list_rate_decrease.svg);}
.component_common_list .item .summary .info .titles .meta ul{position:relative;margin:0;padding:0;list-style:none;}
.component_common_list .item .summary .info .titles .meta ul:after{content:"";display:block;clear:both;}
.component_common_list .item .summary .info .titles .meta ul li{position:relative;float:left;margin-right:10px;white-space:nowrap;}
.component_common_list .item .summary .info .titles .meta ul li:last-child{margin-right:0;}
.component_common_list .item .summary .data{position:relative;float:right;width:100px;text-align:right;}
.component_common_list .item .summary .data .rate{position:relative;font-size:0;white-space:nowrap;}
.component_common_list .item .summary .data .rate .title{position:relative;display:inline-block;vertical-align:middle;color:#100F3D;font-weight:700;font-size:14px;line-height:20px;display:none;}
.component_common_list .item .summary .data .rate .value{position:relative;display:inline-block;vertical-align:middle;font-weight:600;font-size:16px;line-height:20px;color:inherit;padding-left:14px;}
.component_common_list .item .summary .data .rate .value:before{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:10px;height:8px;background-size:100%;background-repeat:no-repeat;background-position:center center;}
.component_common_list .item .summary .data .rate .value[item-close-price-type="none"]{padding-left:0;}
.component_common_list .item .summary .data .rate .value[item-close-price-type="increase"]{color:#FF4720;}
.component_common_list .item .summary .data .rate .value[item-close-price-type="increase"]:before{background-image:url(../img/component/component_common_list_rate_increase.svg);}
.component_common_list .item .summary .data .rate .value[item-close-price-type="decrease"]{color:#182ACC;}
.component_common_list .item .summary .data .rate .value[item-close-price-type="decrease"]:before{background-image:url(../img/component/component_common_list_rate_decrease.svg);}
.component_common_list .item .summary .data .date{position:relative;font-weight:500;font-size:11px;line-height:1.2;color:#959595;margin-top:5px;}
.component_common_list .item .buttons{position:relative;margin-top:15px;}
.component_common_list .item .buttons ul{position:relative;margin:0;padding:0;list-style:none;}
.component_common_list .item .buttons ul:after{content:"";display:block;clear:both;}
.component_common_list .item .buttons ul li{position:relative;float:left;width:calc(50% - 5px);margin-right:10px;}
.component_common_list .item .buttons ul li:nth-child(2n){margin-right:0;}
.component_common_list .item .buttons ul li:nth-child(n+3){margin-top:10px;}
.component_common_list .item .buttons .button{position:relative;display:block;margin:0;padding:0 10px;-webkit-appearance:none;border:0;width:100%;height:40px;line-height:40px;background-color:#D7E3F8;border-radius:8px;font-family:inherit;font-weight:600;font-size:14px;color:#031A6E;text-align:center;box-sizing:border-box;text-decoration:none;cursor:pointer;}
.component_common_list .item .buttons .button:disabled{opacity:1;}
.component_common_list .item .buttons .button:hover{background-color:#c8d4e8;}
.component_common_list .item .buttons .button.button_primary{background-color:#031A6E;color:#FDFDFD;}
.component_common_list .item .buttons .button.button_primary:hover{background-color:#100F3D;}
.component_common_list .item .buttons .button.button_cancel{background-color:#F5F5F5;color:#959595;}
.component_common_list .item .buttons .button.button_cancel:hover{background-color:#F0F0F0;}
.component_common_list .item .buttons .button:disabled{background-color:#F5F5F5;color:#959595;animation:ani_set_splash 0.5s ease infinite alternate;}
.component_common_list .item .buttons .button:disabled:hover{background-color:#F0F0F0;}
.component_common_list .item .buttons .button:disabled.unabled{animation:none;}
.component_common_list .item .buttons .button[item-toggle-follow][data-status="Y"]{background-color:#F5F5F5;color:#959595;}
.component_common_list .item .buttons .button[item-toggle-follow][data-status="Y"]:hover{background-color:#F0F0F0;}
.component_common_list .item .buttons .button[item-toggle-follow][data-status="N"]{background-color:#031A6E;color:#FDFDFD;}
.component_common_list .item .buttons .button[item-toggle-follow][data-status="N"]:hover{background-color:#100F3D;}
.component_common_list .component_stock_card{display:none;}
.component_common_guide + .component_common_list{margin-top:30px;}


.component_membership_list{position:relative;}
.component_membership_list > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_membership_list > ul > li{position:relative;}
.component_membership_list > ul > li:nth-child(n+2){margin-top:20px;}
.component_membership_list > li{display:none;}
.component_membership_list .item{position:relative;padding:20px 15px;padding-top:calc(45px + 15px);background-color:#FFFFFF;box-shadow:0px 4px 40px rgba(0,0,0,0.05);border-radius:8px;}
.component_membership_list .item .item_title{position:absolute;display:block;z-index:0;left:0;top:0;margin:0;padding:0 15px;width:100%;border-top-left-radius:8px;border-top-right-radius:8px;height:45px;line-height:45px;font-size:17px;text-align:center;font-weight:600;color:#100F3D;background-color:#D7E3F8;white-space:nowrap;box-sizing:border-box;background-image:url(../img/component/component_membership_list_item_header_decoration.png);background-position:center top -42px;background-size:auto 90px;background-repeat:no-repeat;animation:ani_component_membership_list_title ease 1s infinite alternate;}
.component_membership_list .item .item_content{position:relative;z-index:0;}
.component_membership_list .item .item_content .description{position:relative;margin:0;padding:10px;font-weight:400;font-size:13px;line-height:1.5;color:#100F3D;background-color:#FAFAFA;border-radius:8px;word-break:keep-all;box-sizing:border-box;overflow:hidden;}
.component_membership_list .item .item_content .divider{position:relative;}
.component_membership_list .item .item_content .description + .divider{margin-top:20px;}
.component_membership_list .item .item_content .divider + .divider:before{content:"";display:block;margin:20px 0;height:1px;background-color:#EFEFEF;}
.component_membership_list .item .item_content .detail{position:relative;}
.component_membership_list .item .item_content .detail ul{position:relative;margin:0;padding:0;list-style:none;}
.component_membership_list .item .item_content .detail ul li{position:relative;}
.component_membership_list .item .item_content .detail ul li:after{content:"";display:block;clear:both;}
.component_membership_list .item .item_content .detail ul li:nth-child(n+2){margin-top:10px;}
.component_membership_list .item .item_content .detail ul li .title{position:relative;float:left;width:80px;margin:0;padding:0;font-weight:500;font-size:16px;line-height:24px;min-height:24px;color:#100F3D;}
.component_membership_list .item .item_content .detail ul li .title > span{position:relative;min-height:24px;display:inline-block;vertical-align:top;}
.component_membership_list .item .item_content .detail ul li .value{position:relative;float:right;width:calc(100% - 80px);margin:0;padding:0;font-weight:400;font-size:16px;line-height:24px;min-height:24px;color:#545454;text-align:right;}
.component_membership_list .item .item_content .detail ul li .value > span{position:relative;min-height:24px;display:inline-block;vertical-align:top;}
.component_membership_list .item .item_content .detail ul li .value .origin{text-decoration:line-through;}
.component_membership_list .item .item_content .detail ul li .value .price{font-weight:500;color:#545454;}
.component_membership_list .item .item_content .detail ul li .value .price.discounted{font-weight:700;color:#FF4720;}
.component_membership_list .item .item_content .detail ul li .value .discount{position:relative;display:inline-block;vertical-align:top;height:24px;line-height:24px;padding:0 5px;margin-top:0;border-radius:5px;white-space:nowrap;font-weight:700;color:#FFFFFF;font-size:13px;background-color:#FF4720;box-sizing:border-box;}
.component_membership_list .item .item_content .buttons{position:relative;}
.component_membership_list .item .item_content * + .buttons{margin-top:15px;}
.component_membership_list .item .item_content .buttons .button{position:relative;display:block;margin:0;padding:0 10px;-webkit-appearance:none;border:0;width:100%;height:45px;line-height:45px;background-color:#D7E3F8;border-radius:5px;font-family:inherit;font-weight:700;font-size:15px;text-align:center;color:#031A6E;box-sizing:border-box;text-decoration:none;cursor:pointer;}
.component_membership_list .item .item_content .buttons .button:disabled{opacity:1;}
.component_membership_list .item .item_content .buttons .button:hover{background-color:#c8d4e8;}
.component_membership_list .item .item_content .buttons .button.button_primary{background-color:#031A6E;color:#FDFDFD;}
.component_membership_list .item .item_content .buttons .button.button_primary:hover{background-color:#100F3D;}
.component_membership_list .item .item_content .buttons .button.button_cancel{background-color:#F5F5F5;color:#959595;}
.component_membership_list .item .item_content .buttons .button.button_cancel:hover{background-color:#F0F0F0;}
.component_membership_list .item .item_content .buttons .button.button_payment_auto{background-color:#4153F1;color:#FDFDFD;}
.component_membership_list .item .item_content .buttons .button.button_payment_auto:hover{background-color:#3c4ddf;}
.component_membership_list .item .item_content .buttons .button:disabled{background-color:#F5F5F5;color:#959595;animation:ani_set_splash 0.5s ease infinite alternate;}
.component_membership_list .item .item_content .buttons .button:disabled:hover{background-color:#F0F0F0;}
.component_membership_list .item .item_content .guide{position:relative;font-weight:400;font-size:13px;line-height:1.4;color:#031A6E;}
.component_membership_list .item .item_content .guide ul{position:relative;margin:0;padding:0;list-style:none;}
.component_membership_list .item .item_content .guide ul li{position:relative;padding-left:0.75em;}
.component_membership_list .item .item_content .guide ul li:before{content:"";display:block;position:absolute;left:0;top:0.75em;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background-color:#031A6E;}
.component_membership_list .item .item_content .guide ul li:nth-child(n+2){margin-top:0.1em;}
.component_membership_list .item .item_content * + .guide{margin-top:15px;}

@keyframes ani_component_membership_list_title{
	from{background-position:center top -45px;}
	to{background-position:center top -18px;}
}


.component_discuss_list{position:relative;}
.component_discuss_list.padding_bottom_large{padding-bottom:70px;}
.component_discuss_list > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_discuss_list > ul > li{position:relative;}
.component_discuss_list > ul > li:nth-child(n+2){margin-top:15px;}
.component_discuss_list > li{display:none;}
.component_discuss_list .item{position:relative;padding:15px;background-color:#FFFFFF;box-shadow:0px 4px 40px rgba(0,0,0,0.05);border-radius:8px;display:block;text-decoration:none;}
.component_discuss_list .item .user{position:relative;z-index:1;display:block;text-decoration:none;margin-bottom:10px;margin-top:-5px;display:flex;align-items:center;flex-wrap:nowrap;}
.component_discuss_list .item .user .info{position:relative;width:calc(100% - 80px);height:30px;}
.component_discuss_list .item .user .info:after{content:"";display:block;clear:both;}
.component_discuss_list .item .user .info .profile_image{position:relative;float:left;width:30px;border-radius:50%;overflow:hidden;background-color:#FFFFFF;background-image:url(../img/component/component_discuss_list_profile_image.svg);background-size:cover;background-repeat:no-repeat;background-position:center center;}
.component_discuss_list .item .user .info .profile_image:before{content:"";display:block;padding-bottom:100%;}
.component_discuss_list .item .user .info .profile_image img{position:absolute;display:block;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;}
.component_discuss_list .item .user .info .name{position:absolute;left:0;top:50%;transform:translateY(-50%);display:block;margin:0;padding:0;font-weight:500;font-size:14px;line-height:1.2;color:#545454;word-break:keep-all;text-decoration:none;}
.component_discuss_list .item .user .info .profile_image + .name{left:40px;}
.component_discuss_list .item .user .buttons{position:relative;width:80px;column-gap:15px;display:flex;align-items:center;flex-wrap:nowrap;justify-content:right;}
.component_discuss_list .item .user .buttons .button{position:relative;margin:0;padding:0;border:0;border-radius:0;background-color:transparent;-webkit-appearance:none;font-weight:400;font-size:13px;line-height:1.4;color:#959595;white-space:nowrap;text-align:left;cursor:pointer;display:flex;align-items:center;column-gap:5px;}
.component_discuss_list .item .user .buttons .button .icon{position:relative;display:block;width:20px;height:20px;background-size:auto 100%;background-repeat:no-repeat;background-position:center center;}
.component_discuss_list .item .user .buttons .button.button_more{left:5px;}
.component_discuss_list .item .user .buttons .button.button_more .icon{background-image:url(../img/component/component_discuss_list_button_more.svg);}
.component_discuss_list .item .user .submenu{position:absolute;right:0;top:100%;width:90px;background-color:#FFFFFF;box-shadow:0px 4px 8px rgba(0,0,0,0.12);border-radius:8px;display:none;overflow:hidden;}
.component_discuss_list .item .user .submenu > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_discuss_list .item .user .submenu > ul > li{position:relative;}
.component_discuss_list .item .user .submenu > ul > li:nth-child(n+2):before{content:"";display:block;margin:0 3px;border-top:1px solid #E6E6E6;}
.component_discuss_list .item .user .submenu .menu{position:relative;display:block;width:100%;margin:0;padding:0;border:0;border-radius:0;height:40px;background-color:transparent;-webkit-appearance:none;font-weight:500;font-size:14px;line-height:1.4;color:#232424;white-space:nowrap;text-align:center;cursor:pointer;box-sizing:border-box;}
.component_discuss_list .item .user .submenu .menu:hover{background-color:#fafafa;}
.component_discuss_list .item .user .submenu .menu.menu_delete{color:#F27979;}
.component_discuss_list .item .summary{position:relative;z-index:0;}
.component_discuss_list .item .summary:after{content:"";display:block;clear:both;}
.component_discuss_list .item .summary .titles{position:relative;}
.component_discuss_list .item .summary .titles .title{position:relative;display:block;margin:0;padding:0;font-weight:600;font-size:16px;line-height:1.4;height:1.4em;color:#222222;}
.component_discuss_list .item .summary .contents{position:relative;margin-top:5px;}
.component_discuss_list .item .summary .contents .content{position:relative;display:block;margin:0;padding:0;font-weight:400;font-size:14px;line-height:1.4;max-height:calc(1.4em * 3);color:#545454;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.component_discuss_list .item .meta{position:relative;border-top:1px solid #EFEFEF;margin-top:15px;padding-top:15px;display:flex;align-items:center;flex-wrap:nowrap;}
.component_discuss_list .item .meta .buttons{position:relative;width:calc(100% - 80px);column-gap:15px;display:flex;align-items:center;flex-wrap:nowrap;}
.component_discuss_list .item .meta .buttons .button{position:relative;margin:0;padding:0;border:0;border-radius:0;background-color:transparent;-webkit-appearance:none;font-weight:400;font-size:13px;line-height:1.4;color:#959595;white-space:nowrap;text-align:left;cursor:pointer;display:flex;align-items:center;column-gap:5px;}
.component_discuss_list .item .meta .buttons .button .icon{position:relative;display:block;width:20px;height:20px;background-size:100%;background-repeat:no-repeat;background-position:center center;}
.component_discuss_list .item .meta .buttons .button.button_comment .icon{background-image:url(../img/component/component_discuss_list_button_comment.svg);}
.component_discuss_list .item .meta .buttons .button.button_like .icon{background-image:url(../img/component/component_discuss_list_button_like.svg);}
.component_discuss_list .item .meta .date{position:relative;display:block;margin:0;padding:0;width:80px;font-weight:400;font-size:13px;line-height:1.4;color:#959595;white-space:nowrap;text-align:right;}


.component_payment_list{position:relative;}
.component_payment_list > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_payment_list > ul > li{position:relative;}
.component_payment_list > ul > li:nth-child(n+2){margin-top:15px;}
.component_payment_list > li{display:none;}
.component_payment_list .item{position:relative;padding:20px 15px;background-color:#FFFFFF;box-shadow:0px 4px 40px rgba(0,0,0,0.05);border-radius:8px;}
.component_payment_list .item:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:8px;border:3px solid #031A6E;box-sizing:border-box;opacity:0;}
.component_payment_list .item .summary{position:relative;}
.component_payment_list .item .summary:after{content:"";display:block;clear:both;}
.component_payment_list .item .summary .info{position:relative;}
.component_payment_list .item .summary .info .title{position:relative;margin:0;padding:0;font-weight:700;font-size:15px;line-height:20px;min-height:20px;color:#100F3D;}
.component_payment_list .item .detail{position:relative;}
.component_payment_list .item .detail:before{content:"";display:block;height:1px;background-color:#EFEFEF;margin:15px 0;}
.component_payment_list .item .detail ul{position:relative;margin:0;padding:0;list-style:none;}
.component_payment_list .item .detail ul li{position:relative;}
.component_payment_list .item .detail ul li:after{content:"";display:block;clear:both;}
.component_payment_list .item .detail ul li:nth-child(n+2){margin-top:10px;}
.component_payment_list .item .detail ul li .title{position:relative;float:left;width:80px;margin:0;padding:0;font-weight:500;font-size:14px;line-height:20px;color:#100F3D;}
.component_payment_list .item .detail ul li .value{position:relative;float:right;width:calc(100% - 80px);margin:0;padding:0;font-weight:400;font-size:14px;line-height:20px;color:#545454;text-align:right;}
.component_payment_list .item .detail ul li .value .origin{text-decoration:line-through;}
.component_payment_list .item .detail ul li .value .rate{font-weight:600;color:#100F3D;}


.component_paygate_window{position:fixed;z-index:1000000;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);}
.component_paygate_window .popup{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 30px);max-width:400px;height:calc(100% - 30px);max-height:800px;overflow:auto;}
.component_paygate_window .popup iframe{position:absolute;left:0;top:0;width:100%;height:100%;border:0;}


.component_policy{position:relative;font-size:13px;color:#222222;font-weight:400;line-height:1.6;letter-spacing:-0.02em;word-break:keep-all;}
.component_policy *{margin:0 !important;padding:0 !important;font-size:inherit !important;color:inherit !important;font-weight:inherit !important;line-height:inherit !important;letter-spacing:inherit !important;word-break:inherit !important;font-family:inherit !important;text-indent:0 !important;}
.component_policy a{color:inherit;text-decoration:none;}
.component_policy h1{margin:0;padding:0;font-size:1.4em !important;font-weight:800 !important;}
.component_policy h2{margin:0;padding:0;font-size:1.3em !important;font-weight:700 !important;}
.component_policy h3{margin:0;padding:0;font-size:1.2em !important;font-weight:700 !important;}
.component_policy p{margin:0 !important;padding:0 !important;font-size:1em !important;font-weight:400 !important;}
.component_policy * + h2{margin-top:0.5em !important;}
.component_policy * + h3{margin-top:0.5em !important;}
.component_policy * + p{margin-top:0.5em !important;}
.component_policy ul{margin:0;padding:0;list-style:none;}
.component_policy ul > li{position:relative;padding-left:1em !important;}
.component_policy ul > li:before{content:"-";position:absolute;left:0;top:0;width:1em;}
.component_policy table{margin:0.5em 0 !important;padding:0 !important;border-collapse:collapse;min-width:0 !important;max-width:100% !important;width:100% !important;font-family:inherit !important;border:1px solid #222222 !important;height:auto !important;}
.component_policy table tr{height:auto !important;width:auto !important;}
.component_policy table tr > *{border:1px solid #222222 !important;background-color:transparent !important;padding:0.5em !important;width:auto !important;height:auto !important;text-align:center !important;word-break:break-all !important;}
.component_policy table tr *{text-align:center !important;word-break:break-all !important;}


.component_floating_function{position:fixed;z-index:5;bottom:0;left:50%;transform:translate(-50%,100%);max-width:calc(100% - 10px - env(safe-area-inset-left) - env(safe-area-inset-right));width:1024px;box-sizing:border-box;animation:ani_component_floating_function ease 0.5s 0.2s forwards;}
.component_floating_function .message{position:relative;z-index:0;height:65px;background-color:#FFFFFF;box-shadow:0px -4px 30px rgba(0,0,0,0.1);border-top-left-radius:10px;border-top-right-radius:10px;font-weight:500;font-size:13px;line-height:1.5;color:#031A6E;text-align:center;word-break:keep-all;box-sizing:border-box;overflow:hidden;}
.component_floating_function .message .text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;padding:5px;width:100%;box-sizing:border-box;}
.component_floating_function .message .text:before{content:"";display:inline-block;vertical-align:middle;margin-top:-3px;margin-right:2px;width:14px;height:14px;background-image:url(../img/component/component_floating_function_icon_message.svg);background-size:100%;background-repeat:no-repeat;background-position:center center;}
.component_floating_function .button{position:absolute;z-index:1;right:5px;top:50%;transform:translateY(-50%);margin:0;padding:0;width:70px;height:55px;border-radius:10px;border:0;-webkit-appearance:none;background-color:#4153F1;box-shadow:0px 0 5px rgba(0,0,0,0.5);font-family:inherit;font-weight:500;font-size:12px;letter-spacing:0.005em;color:#FDFDFD;white-space:nowrap;box-sizing:border-box;cursor:pointer;}
.component_floating_function .button:before{content:"";display:block;width:20px;height:20px;margin:0 auto;margin-bottom:3px;background-image:url(../img/component/component_floating_function_icon_mts.svg);background-size:100%;background-repeat:no-repeat;background-position:center center;}
.component_floating_function .button:hover{background-color:#3c4ddf;}
.component_floating_function .button + .message .text{padding-right:75px;}
.template_tab_content .component_floating_function{position:absolute;}

@keyframes ani_component_floating_function{
	from{transform:translate(-50%,100%);}
	to{transform:translate(-50%,0);}
}


.component_mts_list{position:relative;}
.component_mts_list ul{position:relative;margin:0;padding:0;list-style:none;}
.component_mts_list ul:after{content:"";display:block;clear:both;}
.component_mts_list ul li{position:relative;float:left;width:calc(25% - 7.5px);margin-right:10px;}
.component_mts_list ul li:nth-child(4n){margin-right:0;}
.component_mts_list ul li:nth-child(n+5){margin-top:10px;}
.component_mts_list ul li .item{position:relative;}
.component_mts_list ul li .item input{display:none;}
.component_mts_list ul li .item label{position:relative;display:block;border:1px solid #EFEFEF;box-sizing:border-box;border-radius:5px;padding:10px;padding-bottom:25px;cursor:pointer;overflow:hidden;}
.component_mts_list ul li .item label .icon{position:relative;margin:0 auto;max-width:60px;border-radius:5px;background-color:#efefef;background-size:cover;background-repeat:no-repeat;background-position:center center;box-shadow:0}
.component_mts_list ul li .item label .icon:before{content:"";display:block;padding-bottom:100%;}
.component_mts_list ul li .item label .text{position:relative;margin-top:10px;}
.component_mts_list ul li .item label .text .title{position:relative;margin:0;padding:0;font-weight:600;font-size:13px;line-height:1.3;height:1.3em;text-align:center;color:#222222;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.component_mts_list ul li .item label .text .subtitle{position:relative;margin:0;padding:0;font-weight:400;font-size:12px;line-height:1.3;height:1.3em;text-align:center;color:#031A6E;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:2px;}
.component_mts_list ul li .item label .select{position:absolute;display:none;left:0;bottom:0;width:100%;margin:0;padding:0;font-weight:500;font-size:12px;line-height:20px;height:20px;text-align:center;background-color:#031A6E;color:#ffffff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.component_mts_list ul li .item:hover label{background-color:#fafafa;}
.component_mts_list ul li .item :checked + label{background-color:#EEF2FA;border-color:#031A6E;}
.component_mts_list ul li .item :checked + label .select{display:block;}
.component_mts_list ul li .item .icon.icon1{background-image:url(../img/component/mts/1.png);}
.component_mts_list ul li .item .icon.icon2{background-image:url(../img/component/mts/2.png);}
.component_mts_list ul li .item .icon.icon3{background-image:url(../img/component/mts/3.png);}
.component_mts_list ul li .item .icon.icon4{background-image:url(../img/component/mts/4.png);}
.component_mts_list ul li .item .icon.icon5{background-image:url(../img/component/mts/5.png);}
.component_mts_list ul li .item .icon.icon6{background-image:url(../img/component/mts/6.png);}
.component_mts_list ul li .item .icon.icon7{background-image:url(../img/component/mts/7.png);}
.component_mts_list ul li .item .icon.icon8{background-image:url(../img/component/mts/8.png);}
.component_mts_list ul li .item .icon.icon9{background-image:url(../img/component/mts/9.png);}
.component_mts_list ul li .item .icon.icon10{background-image:url(../img/component/mts/10.png);}
.component_mts_list ul li .item .icon.icon11{background-image:url(../img/component/mts/11.png);}
.component_mts_list ul li .item .icon.icon12{background-image:url(../img/component/mts/12.png);}
.component_mts_list ul li .item .icon.icon13{background-image:url(../img/component/mts/13.png);}
.component_mts_list ul li .item .icon.icon14{background-image:url(../img/component/mts/14.png);}

@media all and (max-width:450px){
	.component_mts_list ul li{width:calc(33.33% - 6.7px);margin-right:10px;}
	.component_mts_list ul li:nth-child(4n){margin-right:10px;}
	.component_mts_list ul li:nth-child(3n){margin-right:0;}
	.component_mts_list ul li:nth-child(n+4){margin-top:10px;}
}



.component_tutorial{position:fixed;z-index:100;left:0;top:0;width:100vw;height:100vh;background-color:#F3F5FA;overflow:hidden;}
.component_tutorial .box{position:relative;height:100%;max-width:600px;margin:0 auto;background-image:url(../img/component/component_tutorial_bg.svg);background-size:cover;background-repeat:no-repeat;background-position:center bottom;}
.component_tutorial .tutorial{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;box-sizing:border-box;word-break:break-all;}
.component_tutorial .tutorial .slides{position:relative;height:100%;}
.component_tutorial .tutorial .slides .slide{position:relative;padding:60px 25px 25px;box-sizing:border-box;overflow:hidden;}
.component_tutorial .tutorial .slides .slide .title{position:relative;margin:0;padding:0;font-weight:500;font-size:28px;line-height:36px;color:#100F3D;white-space:nowrap;}
.component_tutorial .tutorial .slides .slide .title b{font-weight:700;}
.component_tutorial .tutorial .slides .slide .description{position:relative;margin:0;padding:0;font-weight:400;font-size:14px;line-height:22px;letter-spacing:-0.02em;color:#100F3D;word-break:break-all;margin-top:30px;word-break:keep-all;}
.component_tutorial .tutorial .slick-list{height:100% !important;}
.component_tutorial .tutorial .slick-track{height:100% !important;}
.component_tutorial .tutorial .slick-dots{position:absolute;left:0;top:350px;bottom:auto;right:auto;margin:0;padding:0;text-align:left;font-size:0;padding:0 25px;width:100%;height:auto !important;box-sizing:border-box;}
.component_tutorial .tutorial .slick-dots li{display:inline-block;margin:0;padding:0;width:auto;height:auto;margin-right:10px;}
.component_tutorial .tutorial .slick-dots li:last-child{margin-right:0;}
.component_tutorial .tutorial .slick-dots li button{position:relative;margin:0;padding:0;width:10px;height:10px;background-color:#282750;opacity:0.3;border-radius:5px;}
.component_tutorial .tutorial .slick-dots li button:before{content:"";display:none;}
.component_tutorial .tutorial .slick-dots li.slick-active button{width:30px;opacity:1;}
.component_tutorial .button{position:absolute;z-index:2;left:0;bottom:calc(30px + 25px + 30px);padding:0 25px;width:100%;box-sizing:border-box;}
.component_tutorial .button .input_button{display:block;width:100%;margin:0 auto;}
.component_tutorial .logo{position:absolute;z-index:0;right:25px;bottom:30px;}
.component_tutorial .logo img{position:relative;display:block;height:22px;}
.component_tutorial .input_button{position:relative;display:block;margin:0;padding:0 10px;-webkit-appearance:none;border:0;width:100%;height:48px;line-height:48px;background-color:#D7E3F8;border-radius:5px;font-family:inherit;font-weight:500;font-size:16px;text-align:center;letter-spacing:0.005em;color:#031A6E;box-sizing:border-box;text-decoration:none;cursor:pointer;}
.component_tutorial .input_button:hover{background-color:#c8d4e8;}
.component_tutorial .input_button.button_submit{background-color:#031A6E;color:#FDFDFD;}
.component_tutorial .input_button.button_submit:hover{background-color:#100F3D;}
.component_tutorial .input_child_button{position:relative;margin:0;padding:0;-webkit-appearance:none;background-color:#031A6E;border:0;border-radius:5px;width:88px;height:38px;font-weight:400;font-size:13px;text-align:center;letter-spacing:0.005em;color:#FFFFFF;box-sizing:border-box;cursor:pointer;}
.component_tutorial .input_child_button:hover{background-color:#100F3D;}

@media all and (max-width:600px){
 .component_tutorial .tutorial .slide .description br.pc{display:none;}
}
@media all and (max-width:350px){
	.component_tutorial .logo{right:6.9vw;bottom:8.3vw;}
	.component_tutorial .logo img{;height:6.1vw;}
	.component_tutorial .tutorial .slides .slide{padding:16.6vw 6.9vw 6.9vw;}
	.component_tutorial .tutorial .slides .slide .title{font-size:7.7vw;line-height:10vw;}
	.component_tutorial .tutorial .slides .slide .description{font-size:3.8vw;line-height:6.1vw;margin-top:8.3vw;}
	.component_tutorial .tutorial .slick-dots{padding:0 6.9vw;top:83.3vw;}
}


.component_common_tutorial{position:fixed;z-index:100;left:0;top:0;width:100vw;height:100vh;overflow:hidden;}
.component_common_tutorial .box{position:relative;height:100%;}
.component_common_tutorial .inner_box{position:relative;height:100%;}
.component_common_tutorial .step{position:absolute;display:block;width:100%;display:none;}
.component_common_tutorial .step:after{content:"";display:block;clear:both;}
.component_common_tutorial .step.active{display:block;}
.component_common_tutorial .step .point{position:relative;display:block;width:50px;height:50px;border-radius:50%;background-color:transparent;box-shadow:0 0 0 10000000px rgba(0,0,0,0.5);}
.component_common_tutorial .step .point:before{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;width:100%;height:100%;box-shadow:0 0 0 5px #4153F1;box-sizing:border-box;animation:ani_component_common_tutorial_point ease 0.5s infinite alternate;}
.component_common_tutorial .step .point.type_box{width:100%;height:165px;border-radius:8px;}
.component_common_tutorial .step .point.type_box:before{border-radius:5px;}
.component_common_tutorial .step .point.type_button{width:100%;height:65px;border-radius:5px;}
.component_common_tutorial .step .point.type_button:before{border-radius:5px;}
.component_common_tutorial .step .point.type_mts{width:70px;height:55px;border-radius:10px;}
.component_common_tutorial .step .point.type_mts:before{border-radius:10px;}
.component_common_tutorial .step .message{position:absolute;padding:10px 15px;font-size:14px;font-weight:400;color:#100F3D;line-height:1.4;background-color:#FFFFFF;box-shadow:0px 4px 10px rgba(0,0,0,0.1);border-radius:8px;box-sizing:border-box;}
.component_common_tutorial .step .message .tip{position:absolute;left:-5px;top:-8px;white-space:nowrap;background-color:#FF4720;font-size:12px;font-weight:700;text-align:center;padding:0 8px;height:18px;line-height:18px;border-radius:9px;color:#FFFFFF;}

.component_common_tutorial .guide{position:absolute;bottom:120px;width:100%;}
.component_common_tutorial .guide .buttons{position:relative;}
.component_common_tutorial .guide .buttons .button{position:relative;display:block;margin:0;padding:0 10px;-webkit-appearance:none;border:0;width:100%;height:45px;line-height:45px;background-color:#4153F1;border-radius:23px;font-family:inherit;font-weight:700;font-size:15px;text-align:center;color:#FFFFFF;box-sizing:border-box;text-decoration:none;cursor:pointer;}
.component_common_tutorial .guide .buttons .button:hover{background-color:#3c4ddf;}

.component_common_tutorial .step[data-step="stock_card"]{top:75px;}
.component_common_tutorial .step[data-step="stock_card"] .point{margin:0 auto;}
.component_common_tutorial .step[data-step="stock_card"] .message{top:185px;left:50%;transform:translateX(-50%);width:100%;max-width:400px;}
.component_common_tutorial .step[data-step="stock_card_interest"]{top:75px;}
.component_common_tutorial .step[data-step="stock_card_interest"] .point{float:right;}
.component_common_tutorial .step[data-step="stock_card_interest"] .message{top:50%;right:calc(50px + 15px);transform:translateY(-50%);max-width:calc(100% - 50px - 15px);}
.component_common_tutorial .step[data-step="stock_card_fold"]{top:170px;}
.component_common_tutorial .step[data-step="stock_card_fold"] .point{margin:0 auto;max-width:calc(100% - 10px);}
.component_common_tutorial .step[data-step="stock_card_fold"] .message{top:85px;left:50%;transform:translateX(-50%);width:100%;max-width:400px;}
.component_common_tutorial .step[data-step="mts_button"]{bottom:5px;}
.component_common_tutorial .step[data-step="mts_button"] .point{float:right;margin-right:-5px;}
.component_common_tutorial .step[data-step="mts_button"] .message{bottom:0;right:calc(70px + 15px);max-width:calc(100% - 70px - 15px);}

@keyframes ani_component_common_tutorial_point{
	from{box-shadow:0 0 0 0 #4153F1;}
	to{box-shadow:0 0 0 8px #4153F1;}
}


.component_notificaiton_agreement{position:fixed;z-index:300;left:0;top:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.3);overflow:hidden;display:none;}
.component_notificaiton_agreement .box{position:absolute;left:50%;bottom:0;transform:translate(-50%,100%);max-width:450px;width:100%;border-top-left-radius:30px;border-top-right-radius:30px;padding:30px 30px;background-color:#ffffff;box-shadow:0 0 15px rgba(0,0,0,0.1);box-sizing:border-box;}
.component_notificaiton_agreement .box .inner{position:relative;}
.component_notificaiton_agreement .box .header{position:relative;}
.component_notificaiton_agreement .box .header .title{position:relative;margin:0;padding:0;font-weight:400;font-size:20px;line-height:1.3;color:#222222;white-space:nowrap;text-align:center;}
.component_notificaiton_agreement .box .header .title b{font-weight:700;color:#031A6E;}
.component_notificaiton_agreement .box .header .description{position:relative;margin:0;padding:0;font-weight:400;font-size:15px;line-height:1.4;color:#545454;word-break:keep-all;text-align:center;margin-top:10px;}
.component_notificaiton_agreement .box .header .description b{font-weight:700;}
.component_notificaiton_agreement .box .buttons{position:relative;margin-top:20px;}
.component_notificaiton_agreement .box .buttons ul{position:relative;margin:0;padding:0;list-style:none;}
.component_notificaiton_agreement .box .buttons ul li{position:relative;}
.component_notificaiton_agreement .box .buttons ul li:nth-child(n+2){margin-top:15px;}
.component_notificaiton_agreement .box .buttons .button{position:relative;display:block;margin:0;padding:0 10px;-webkit-appearance:none;border:0;width:100%;height:48px;line-height:48px;background-color:#D7E3F8;border-radius:5px;font-family:inherit;font-weight:700;font-size:16px;text-align:center;letter-spacing:0.005em;text-shadow:none !important;color:#031A6E;box-sizing:border-box;text-decoration:none;cursor:pointer;}
.component_notificaiton_agreement .box .buttons .button:hover{background-color:#c8d4e8;}
.component_notificaiton_agreement .box .buttons .button.button_agree{background-color:#031A6E;color:#FDFDFD;}
.component_notificaiton_agreement .box .buttons .button.button_agree:hover{background-color:#100F3D;}
.component_notificaiton_agreement .box .buttons .button.button_disagree{background-color:#F5F5F5;color:#959595;}
.component_notificaiton_agreement .box .buttons .button.button_disagree:hover{background-color:#F0F0F0;}
.component_notificaiton_agreement.active{display:block;}
.component_notificaiton_agreement.active .box{animation:ani_component_notificaiton_agreement ease 0.3s 1.6s forwards;}
.component_notificaiton_agreement.animation_delay_none .box{animation:ani_component_notificaiton_agreement ease 0.3s forwards;}

@keyframes ani_component_notificaiton_agreement{
	0%{transform:translate(-50%,100%);}
	100%{transform:translate(-50%,0);}
}


.component_app_update{position:fixed;z-index:500;left:0;top:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.3);overflow:hidden;}
.component_app_update .box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:450px;width:calc(100% - 30px);border-radius:30px;padding:30px 30px;background-color:#ffffff;box-shadow:0 0 15px rgba(0,0,0,0.2);box-sizing:border-box;}
.component_app_update .box .inner{position:relative;}
.component_app_update .box .header{position:relative;}
.component_app_update .box .header .title{position:relative;margin:0;padding:0;font-weight:400;font-size:20px;line-height:1.3;color:#222222;white-space:nowrap;text-align:center;}
.component_app_update .box .header .title b{font-weight:700;color:#031A6E;}
.component_app_update .box .header .description{position:relative;margin:0;padding:0;font-weight:400;font-size:15px;line-height:1.4;color:#545454;word-break:keep-all;text-align:center;margin-top:10px;}
.component_app_update .box .header .description b{font-weight:700;}
.component_app_update .box .buttons{position:relative;margin-top:20px;}
.component_app_update .box .buttons ul{position:relative;margin:0;padding:0;list-style:none;}
.component_app_update .box .buttons ul li{position:relative;}
.component_app_update .box .buttons ul li:nth-child(n+2){margin-top:15px;}
.component_app_update .box .buttons .button{position:relative;display:block;margin:0;padding:0 10px;-webkit-appearance:none;border:0;width:100%;height:48px;line-height:48px;background-color:#D7E3F8;border-radius:5px;font-family:inherit;font-weight:700;font-size:16px;text-align:center;letter-spacing:0.005em;text-shadow:none !important;color:#031A6E;box-sizing:border-box;text-decoration:none;cursor:pointer;}
.component_app_update .box .buttons .button:hover{background-color:#c8d4e8;}
.component_app_update .box .buttons .button.button_agree{background-color:#031A6E;color:#FDFDFD;}
.component_app_update .box .buttons .button.button_agree:hover{background-color:#100F3D;}
.component_app_update .box .buttons .button.button_disagree{background-color:#F5F5F5;color:#959595;}
.component_app_update .box .buttons .button.button_disagree:hover{background-color:#F0F0F0;}


.component_app_info{position:relative;}
.component_app_info .title{position:relative;margin:0;padding:0;text-align:center;font-weight:400;font-size:11px;line-height:13px;color:#222222;opacity:0.4;}
.component_app_info .description{position:relative;margin:0;padding:0;margin-top:5px;text-align:center;font-weight:500;font-size:11px;line-height:13px;color:#222222;opacity:0.4;}
* + .component_app_info{margin-top:30px;}



.component_expert_choice{position:relative;height:430px;}
.component_expert_choice .box{position:relative;height:100%;padding:20px 0;overflow:hidden;background:linear-gradient(134deg, rgba(206, 224, 255, 0.60) 0%, rgba(215, 227, 248, 0.10) 49.92%, #CEE0FF 100%);box-sizing:border-box;}
.component_expert_choice .box:before{content:"";display:block;position:absolute;z-index:0;left:0;top:0;width:120px;height:120px;background-image:url(../img/component/component_expert_choice_bg_decoration1.png);background-size:100%;background-repeat:no-repeat;background-position:left top;animation:ani_component_expert_choice_bg1 ease 2s infinite alternate;}
.component_expert_choice .box:after{content:"";display:block;position:absolute;z-index:0;right:0;bottom:0;width:183px;height:194px;background-image:url(../img/component/component_expert_choice_bg_decoration2.png);background-size:100%;background-repeat:no-repeat;background-position:left bottom;animation:ani_component_expert_choice_bg2 ease 2.5s infinite alternate;}
.component_expert_choice .box_title{position:relative;z-index:1;text-align:center;padding:0 15px;}
.component_expert_choice .box_title .title{position:relative;margin:0;padding:0;color:#182ACC;font-size:15px;line-height:1.2;font-weight:700;}
.component_expert_choice .box_title .description{position:relative;margin:0;padding:0;color:#031A6E;font-size:14px;line-height:1.2;font-weight:400;letter-spacing:-0.02em;margin-top:7px;}
.component_expert_choice .box_title .description_emphasize{position:relative;margin:0;padding:0;color:#031A6E;font-size:20px;line-height:1.2;font-weight:700;letter-spacing:-0.01em;margin-top:7px;}
.component_expert_choice .box_content{position:relative;z-index:1;margin-top:15px;}
.component_expert_choice .box_content .item{position:relative;width:320px;margin:0 auto;}
.component_expert_choice .box_content .item .card{position:relative;background-image:url(../img/component/component_expert_choice_card_bg.svg);background-size:100%;background-repeat:no-repeat;background-position:center top;}
.component_expert_choice .box_content .item .card:before{content:"";display:block;padding-bottom:55.3%;}
.component_expert_choice .box_content .item .card .titles{position:absolute;left:30px;top:25px;width:calc(100% - 60px - 62px);}
.component_expert_choice .box_content .item .card .titles .title{position:relative;margin:0;padding:0;color:#031A6E;font-size:18px;line-height:1.5;font-weight:700;}
.component_expert_choice .box_content .item .card .titles .data{position:relative;margin:0;padding:0;color:#100F3D;font-size:15px;line-height:1.2;font-weight:400;margin-top:5px;white-space:nowrap;}
.component_expert_choice .box_content .item .card .titles .data .rate{position:relative;font-weight:700;color:#100F3D;}
.component_expert_choice .box_content .item .card .titles .data .rate[item-close-price-type="increase"]{color:#FF4720;}
.component_expert_choice .box_content .item .card .titles .data .rate[item-close-price-type="decrease"]{color:#182ACC;}
.component_expert_choice .box_content .item .card .button{position:absolute;margin:0;padding:0;right:30px;top:22px;border:0;width:62px;height:62px;border-radius:50%;-webkit-appearance:none;background-color:#031A6E;color:#FFFFFF;font-family:inherit;font-size:13px;line-height:1.2;white-space:nowrap;cursor:pointer;}
.component_expert_choice .box_content .item .card .button:hover{background-color:#02155d;}
.component_expert_choice .box_content .item .card .button.button_check{background-color:#182ACC;display:none;}
.component_expert_choice .box_content .item .card .button.button_check:hover{background-color:#1526bb;}
.component_expert_choice .box_content .item .card .result{position:absolute;bottom:27px;right:30px;width:calc(100% - 60px);height:48px;background-image:url(../img/component/component_expert_choice_card_result_bg.svg);background-size:100%;background-repeat:no-repeat;background-position:center top;overflow:hidden;}
.component_expert_choice .box_content .item .card .result .scratch{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;}
.component_expert_choice .box_content .item .card .result .value{position:absolute;z-index:0;left:0;top:50%;transform:translateY(-50%);width:100%;padding:0 10px;box-sizing:border-box;font-size:0;text-align:center;}
.component_expert_choice .box_content .item .card .result .value .name{position:relative;display:inline-block;vertical-align:middle;margin:0;padding:0;font-weight:700;font-size:16px;line-height:20px;color:#100F3D;}
.component_expert_choice .box_content .item .card .result .value .code{position:relative;display:inline-block;vertical-align:middle;margin:0;padding:0;font-weight:500;font-size:12px;line-height:20px;color:#100F3D;margin-left:3px;}
.component_expert_choice .box_content .item .info{position:relative;width:300px;height:120px;margin:0 auto;border-radius:4px;overflow:hidden;background:#FFFFFF;box-shadow:0px 4px 40px 0px rgba(0,0,0,0.05);margin-top:4px;}
.component_expert_choice .box_content .item .info .profile{position:absolute;left:0;top:0;width:80px;height:100%;background-color:#031A6E;background-image:url(../img/component/component_expert_choice_profile_bg.svg);background-size:100%;background-repeat:no-repeat;background-position:center bottom;}
.component_expert_choice .box_content .item .info .profile .titles{position:absolute;z-index:1;left:0;top:5px;width:100%;padding:0 5px;box-sizing:border-box;text-align:center;}
.component_expert_choice .box_content .item .info .profile .titles .title{position:relative;margin:0;padding:0;color:#FFFFFF;font-size:10px;line-height:1.2;font-weight:500;white-space:nowrap;}
.component_expert_choice .box_content .item .info .profile .titles .name{position:relative;margin:0;padding:0;color:#FFFFFF;font-size:13px;line-height:1.2;font-weight:700;white-space:nowrap;margin-top:2px;}
.component_expert_choice .box_content .item .info .profile .profile_image{position:absolute;z-index:0;left:0;bottom:0;width:100%;height:100%;background-size:100%;background-repeat:no-repeat;background-position:center bottom;}
.component_expert_choice .box_content .item .info .content{position:absolute;right:0;top:0;width:calc(100% - 80px);height:100%;padding:10px;box-sizing:border-box;}
.component_expert_choice .box_content .item .info .content .title{position:relative;margin:0;padding:0;color:#031A6E;font-size:13px;line-height:20px;letter-spacing:-0.02em;font-weight:500;white-space:nowrap;}
.component_expert_choice .box_content .item .info .content .title b{font-weight:700;}
.component_expert_choice .box_content .item .info .content .title .head{position:relative;display:inline-block;vertical-align:top;width:40px;height:20px;line-height:20px;border-radius:4px;background-color:#FE663D;color:#FFFFFF;text-align:center;font-size:10px;margin-right:5px;}
.component_expert_choice .box_content .item .info .content .point{position:relative;font-size:12px;font-weight:500px;line-height:1.2;color:#100F3D;margin-top:10px;}
.component_expert_choice .box_content .item .info .content .point b{color:#FF4720;font-weight:700;}
.component_expert_choice .box_content .item .info .content .point ul{position:relative;margin:0;padding:0;list-style:none;}
.component_expert_choice .box_content .item .info .content .point ul:after{content:"";display:block;clear:both;}
.component_expert_choice .box_content .item .info .content .point ul li{position:relative;padding-left:15px;}
.component_expert_choice .box_content .item .info .content .point ul li:before{content:"";display:block;position:absolute;left:0;top:0;width:12px;height:12px;background-image:url(../img/component/component_expert_choice_point_check.svg);background-size:100%;background-repeat:no-repeat;background-position:center center;}
.component_expert_choice .box_content .item .info .content .point ul li:nth-child(n+2){margin-top:5px;}
.component_expert_choice .box_content .item .info .profile{display:none;}
.component_expert_choice .box_content .item .info .content{width:100%;padding:15px 20px;}
.component_expert_choice .component_stock_card{display:none;}
.component_expert_choice.active .box_content .item .card .button.button_open{display:none;}
.component_expert_choice.active .box_content .item .card .button.button_check{display:block;}

@keyframes ani_component_expert_choice_bg1{
	from{transform:translate(-100%,-50%);opacity:0;}
	to{transform:translate(0,0) scale(1.5);opacity:1;}
}
@keyframes ani_component_expert_choice_bg2{
	from{transform:translate(100%,50%);opacity:0;}
	to{transform:translate(0,0) scale(1.5);opacity:1;}
}


.component_makers_league_banner{position:relative;margin-top:15px;border-radius:8px;overflow:hidden;background-image:url(../img/component/component_makers_league_banner.png?v=202308161537);background-size:cover;background-repeat:no-repeat;background-position:center center;}
.component_makers_league_banner:before{content:"";display:block;padding-bottom:19.8%;}
*:hidden + .component_makers_league_banner{margin-top:0;}


.component_yuanta_banner{position:relative;margin-top:15px;border-radius:4px;overflow:hidden; background-size:cover;background-repeat:no-repeat;background-position:left center;cursor:pointer;}
.component_yuanta_banner > img { width: 100%; border-radius:4px; }
/*.component_yuanta_banner:before{content:"";display:block;padding-bottom:16.75%;}*/

@media all and (max-width:600px){
	.component_yuanta_banner:before{padding-bottom:18%;}
}


.component_popup{position:fixed;z-index:50;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);}
.component_popup .popup_content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:350px;width:calc(100% - 30px);}
.component_popup .popup_content .image{position:relative;background-size:100%;background-repeat:no-repeat;background-position:center center;}
.component_popup .popup_content .image:before{content:"";display:block;}
.component_popup .popup_content .buttons{position:relative;margin-top:15px;}
.component_popup .popup_content .buttons .button{position:relative;display:block;margin:0 auto;padding:0;border:0;border-radius:0;-webkit-appearance:none;height:30px;border-radius:15px;padding:0 15px;background-color:#D7E3F8;font-family:inherit;font-size:13px;font-weight:500;color:#031A6E;cursor:pointer;}
.component_popup .popup_content .buttons .button:hover{background-color:#c8d4e8;}
.component_popup .popup_content .image.yuanta{background-image:url(../img/component/component_popup_yuanta_event.png?v=202310041342);}
.component_popup .popup_content .image.yuanta:before{padding-bottom:123.1%;}
.component_popup .popup_content .image.yuanta .button{position:absolute;margin:0;padding:0;border:0;border-radius:0;-webkit-appearance:none;background-color:transparent;font-size:0;color:transparent;cursor:pointer;}
.component_popup .popup_content .image.yuanta .button.button_link{width:57.1%;height:9.9%;bottom:7.8%;left:6.5%;}
.component_popup .popup_content .image.yuanta .button.button_close{width:25%;height:9.9%;bottom:7.8%;left:68%;}


.component_floating_buttons{position:fixed;z-index:10;bottom:15px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px - env(safe-area-inset-left) - env(safe-area-inset-right));width:1024px;box-sizing:border-box;}
.component_floating_buttons .button{position:absolute;right:0;bottom:0;margin:0;padding:0;border:0;border-radius:50%;width:55px;height:55px;background-color:#031A6E;cursor:pointer;background-repeat:no-repeat;background-position:center center;}
.component_floating_buttons .button:hover{background-color:#100F3D;}
.component_floating_buttons .button.button_write{background-image:url(../img/component/component_floating_buttons_button_write.svg);background-size:25px;}


[app-authentication-show]{display:none;}
[app-authentication-show="Y"]{display:block;}
[app-authentication] [app-authentication-get]{display:block;}
[app-authentication] [app-authentication-reset]{display:none;}
[app-authentication] [app-authentication-check]{display:none;}
[app-authentication] [app-authentication-code-area]{display:none;}
[app-authentication="sent"] [app-authentication-get]{display:none;}
[app-authentication="sent"] [app-authentication-reset]{display:block;}
[app-authentication="sent"] [app-authentication-check]{display:block;}
[app-authentication="sent"] [app-authentication-code-area]{display:block;}
[app-authentication="checked"] [app-authentication-get]{display:none;}
[app-authentication="checked"] [app-authentication-reset]{display:block;}
[app-authentication="checked"] [app-authentication-check]{display:block;}
[app-authentication="checked"] [app-authentication-code-area]{display:none;}