*{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;color:inherit}img{vertical-align:top}html{margin:0 auto;width:100%;height:100%}section.sub{min-height:100vh;background:#ebeef2;padding:30px 0 5% 240px}section.sub .sub_title{max-width:1200px;margin:0 auto 15px}section.sub .sub_title h2{float:left;font-size:22px;color:#334155;font-weight:800;line-height:30px}section.sub .sub_title ul{float:right}section.sub .sub_title ul li{position:relative;float:left;padding:0 10px 0 18px}section.sub .sub_title ul li:before{content:"";position:absolute;width:15px;height:8px;top:5px;right:-10px;transform:rotate(90deg);background:url(normal_u38.fca231c5d823ec49.svg) no-repeat right center}section.sub .sub_title ul li:last-child{padding-right:0}section.sub .sub_title ul li:last-child:before{display:none}section.sub .sub_title ul li a{font-size:14px;color:#334155;line-height:17px}section.sub .sub_title ul li a.active{color:#4c78dd}section.sub .sub_title ul:after{display:block;clear:both;content:""}section.sub .sub_title:after{display:block;clear:both;content:""}section.sub .sub_con{max-width:1200px;margin:0 auto;padding:50px;background:#fff;box-shadow:5px 5px 5px #dee3e859;border-radius:5px}section.sub .sub_con .total_tit{padding:20px 40px;background:#475364;border-radius:5px}section.sub .sub_con .total_tit h3{float:left;font-size:20px;color:#fff;font-weight:800;line-height:60px}section.sub .sub_con .total_tit .total_img{float:left;background:#fff;width:60px;height:60px;border-radius:50%;margin-right:2%;padding:19px 20px 18px;vertical-align:middle}section.sub .sub_con .total_tit .total_price{float:right;color:#fff;font-size:32px;letter-spacing:-1px;font-weight:600;line-height:50px}section.sub .sub_con .total_tit .total_price span{font-size:14px;padding-left:5px}section.sub .sub_con .total_tit:after{display:block;clear:both;content:""}.tb{border-collapse:collapse;border-spacing:0;width:100%;text-align:center;font-weight:600}.tb thead th{font-size:16px;line-height:20px;font-weight:800;padding:10px 0;color:#334155;border-bottom:3px solid #334155}.tb tbody tr{border-bottom:1px solid #ebeef2}.tb tbody tr td{padding:2% 1%;line-height:19px;color:#767f86;font-size:14px}.tb tbody tr td p.font_primary{color:#4c78dd;font-weight:700}.tb tbody tr td p.font_warning{color:#ea580c;font-weight:700}.tb tbody tr .small_number{font-size:.7rem}.tb_striped tr:nth-child(2n){background:#f6f7f9}.drop{position:relative;float:right;margin:5% 0 3%;width:170px}.drop .drop_tit{border:0;width:100%;height:40px;padding:0 10px;text-align:left;font-size:16px;line-height:40px;color:#334155;border-radius:5px;cursor:pointer;border:1px solid #c2c2c2;background:#fff;box-sizing:border-box}.drop .drop_tit:before{display:inline-block;vertical-align:0;margin-top:17px;content:"";float:right;border-top:5px solid;border-right:5px solid transparent;border-bottom:0;border-left:5px solid transparent}.drop .drop_tit:hover,.drop .drop_tit.on{border:1px solid #334155}.drop .drop_tit:hover:before,.drop .drop_tit.on:before{border-top:0;border-right:5px solid transparent;border-bottom:5px solid;border-left:5px solid transparent}.drop .dropdown_menu{display:none;z-index:100;width:100%;list-style:none;margin:0;background:#fff;border:1px solid #ccd3d7;border-radius:5px;padding:10px 2px;box-sizing:border-box;box-shadow:0 3px 10px #0003;position:absolute;inset:auto auto 0 0;transform:translateY(100%)}.drop .dropdown_menu li a{display:block;text-decoration:none;color:#767f86;padding:0 8px;font-size:14px;line-height:30px}.drop .dropdown_menu li a:hover{color:#334155;background:#f0f2f5}.drop .dropdown_menu li:nth-of-type(3){margin-bottom:0}.drop .dropdown_menu li:nth-of-type(4){margin-bottom:0}.drop .dropdown_menu li:nth-of-type(5){margin-bottom:0}.drop .dropdown_menu.on{display:block}.basic-btn{display:block;width:50%;max-width:600px;margin:30px auto 70px;text-align:center;font-size:16px;line-height:20px;box-sizing:border-box;cursor:pointer;border:none;padding:0 10px;height:60px;border-radius:5px;background:#4c78dd;color:#fff;font-weight:700}.basic-btn:hover{background:#4467c2}.basic-btn.gray{border:1px solid #797979;color:#fff;background:#797979}.basic-btn.gray:hover,.basic-btn.gray.on{border:1px solid #494949;color:#fff;background:#494949}.basic-btn.secondary_outline{border:1px solid #475364;color:#475364;background:#fff}.basic-btn.secondary_outline:hover,.basic-btn.secondary_outline.on{border:1px solid #3b4452;color:#fff;background:#3b4452}.basic-btn.size_hsl{height:30px}.basic-btn.size_hsl img,.basic-btn.size_hml img{margin-right:10px}.basic-btn.size_hsR{height:30px}.basic-btn.size_hsR img,.basic-btn.size_hmR img{margin-left:10px}.btn_nav{position:relative;margin-top:30px;text-align:center}.btn_nav button{display:inline-block;text-align:center;vertical-align:middle;font-size:14px;line-height:20px;box-sizing:border-box;cursor:pointer;padding:0 10px;height:40px;background:#4c78dd;color:#fff;font-weight:700;margin:0 0 -1px -1px}.btn_nav button:hover{background:#4467c2}.btn_nav button.secondary_outline{border:1px solid #475364;color:#475364;background:#fff}.btn_nav button.secondary_outline:hover,.btn_nav button.secondary_outline.on{border:1px solid #3b4452;color:#fff;background:#3b4452}.btn_nav button.secondary{border:1px solid #3b4452;color:#fff;background:#475364}.btn_nav button.secondary:hover,.btn_nav button.secondary.on{border:1px solid #272d36;color:#fff;background:#272d36}.btn_nav button.gray{border:1px solid #797979;color:#fff;background:#797979}.btn_nav button.gray:hover,.btn_nav button.gray.on{border:1px solid #494949;color:#fff;background:#494949}.btn_nav button.lightgray{border:1px solid #e2e2e2;color:#3b4452;background:#e2e2e2}.btn_nav button.lightgray:hover,.btn_nav button.lightgray.on{border:1px solid #797979;color:#3b4452;background:#e2e2e2}.btn_nav button.round_t{border-radius:5px 5px 0 0}.btn_nav button.round_b{border-radius:0 0 5px 5px}.btn_nav button.round_l{border-radius:5px 0 0 5px}.btn_nav button.round_r{border-radius:0 5px 5px 0}.btn_nav button.square{border-radius:0}.btn_nav a{vertical-align:middle}.btn_nav a fa-icon{color:#2d394b;font-size:18px}.btn_nav a.prev{margin-right:10px}.btn_nav a.next{margin-left:10px}.btn_nav a.olny{border-radius:5px}.modal{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#00000080}.modal .modal_pop{position:relative;width:100%;height:100%}.modal .modal_pop .modal_show{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:340px;border-radius:5px;background-color:#fff;padding-bottom:30px}.modal .modal_pop .modal_show h1{background-color:#ebeef2;padding:10px 20px;font-size:16px;color:#3b4452;font-weight:700;border-top-left-radius:5px;border-top-right-radius:5px}.modal .modal_pop .modal_show .close{position:absolute;right:1px;top:7px;border:0}.modal .modal_pop .modal_show .close button{border:0;background:0}.modal .modal_pop .modal_show .close button img{width:20px;opacity:.5}.modal .modal_pop .modal_show .close button img:hover{opacity:1}.modal .modal_pop .modal_show p{font-size:14px;color:#767f86;text-align:center;padding:30px 0}.modal .modal_pop .modal_show .btn_modal{display:flex;justify-content:center}.modal .modal_pop .modal_show .btn_modal .modal_btn_01{width:80px;margin-right:10px}.modal .modal_pop .modal_show .btn_modal .modal_btn_01 button{margin:0;width:100%;font-size:14px}.modal .modal_pop .modal_show .btn_modal .modal_btn_02{width:80px}.modal .modal_pop .modal_show .btn_modal .modal_btn_02 button{margin:0;width:100%;font-size:14px}.alert{position:absolute;display:inline-block;top:50%;left:50%;transform:translate(-50%,-50%);width:470px;border:1px solid #c7c7c7;border-radius:4px;padding:5px 20px;color:#767f86;background:#fff}.alert p{line-height:27px}.alert p span{font-weight:700;display:inline-block}.alert button{background:0;border:0;position:absolute;right:10px;top:7px}.alert button img{width:20px;opacity:.5}.alert button img:hover{opacity:1}.alert .alert_txt h1{font-size:20px;display:none}.alert .alert_txt p{font-size:13px}.alert .alert_txt fa-icon{display:none}.alert_tit{padding:20px}.alert_tit .alert_txt span{display:block;text-align:left;font-size:20px}.alert_tit_center{padding:20px}.alert_tit_center .alert_txt span{display:block;text-align:center;font-size:20px}.alert_tit_center .alert_txt p{text-align:center}.alert_success{background:#bee68c;color:#437306;border:0}@media (max-width: 1500px){section.sub{padding:80px 5% 5% calc(240px + 5%)}}@media (max-width: 900px){section.sub .sub_con{padding:5%}.menu_side{position:absolute}}@media (max-width: 768px){section.sub{padding:60px 5% 5%}section.sub .sub_con{padding:3%}.menu_side{position:absolute}}@media (max-width: 540px){section.sub{padding:30px 3% 3%}section.sub .sub_title h2{float:none;font-size:22px;line-height:24px}section.sub .sub_title ul{float:none;width:100%;margin-top:7px}section.sub .sub_title ul li a{font-size:14px;line-height:15px}section.sub .sub_title ul li:first-child{padding-left:0}section.sub .sub_con .total_tit{text-align:center}section.sub .sub_con .total_tit .total_img{float:none;display:inline-block;margin-right:5%}section.sub .sub_con .total_tit h3{float:none;display:inline-block}section.sub .sub_con .total_tit .total_price{float:none;width:100%;line-height:34px;margin-top:10px;text-align:center}.basic-btn{height:40px;font-size:14px;margin:15px auto 35px}.drop{width:40%}.drop .drop_tit{font-size:13px}}
