#plan{background:linear-gradient(180deg, #e6f3eb, #fff, #fff);padding:140px 0}
#plan .ctt{width:1200px;}
.plan_tit h1{font-size:80px;font-weight:300;line-height:normal}
.plan_tit p{font-size:24px;line-height:1.6em;color:#000}
.plan_free_btn{font-size:17px;width:260px;padding:20px 0;text-align:center;color:#fff;display:block;margin:0 auto;margin-top:40px;border-radius:100px;background:#1aac5b;transition: 0.3s;font-weight:400;}
.plan_free_btn:hover{background:#108960}

.plan_info{}
.plan_price_tab1{margin-left:0 !Important;width:230px !important;}
.plan_info ul{display:flex;justify-content: space-between;margin-top:50px;}
.plan_info ul li{position:relative;width:31%;padding:30px;border-radius:10px;background:#fff;border:1px solid #249f70;}
.plan_info ul li .grade_img{display:block;}
.plan_name{font-size:22px;color:#000;font-weight:600;margin-top:10px;}
.plan_name span{font-size:16px;color:#898989;margin-left:5px;}
.plan_price{margin-top:15px;}
.plan_sale{padding:5px 10px;background:#d7f4e4;border-radius:50px;font-size:13px;color:#249f70}
.plan_price p{margin-top:10px;font-size:26px;font-weight:bold;}
.plan_price p img{display:inline-block;width:25px;margin-right:5px;}
.plan_price p span{font-size: 12px;color: #ccc;font-weight: 500;margin-left: 6px;letter-spacing: 0;}
.plan_price b{display: block;font-size: 15px;color: #b3b3b3;margin-top: 5px;text-decoration: line-through;letter-spacing: 0.3px;}
.plan_content{margin-top:30px;}
.plan_content p{font-weight:600;font-size:14px;padding-bottom:14px;}
.plan_content p:last-child{padding-bottom:0;}
.plan_content p:before{content: "";background: url(../images/plan_check.png) no-repeat;background-size: auto;width: 16px;height: 9px;display: inline-block;margin-right:3px;}
.plan_content p b{}
.plan_content p.not_plan{color:#ccc;}
.plan_content p.not_plan:before{filter:grayscale(10);opacity: 0.3;}
.plan_content a{display:block;margin-top:10px;padding:10px 0;font-size:15px;text-align:center;color:#38a77d;background: #f4f4f4;border-radius:5px;transition:0.5s;}
.plan_content a.on{color:#fff;background: #249f70;}
.plan_notice{line-height:1.6em;margin-top:20px;padding-top:20px;border-top:1px solid #e4e4e4;color:#c4c4c4;font-size:12.5px;}
.plan_info ul li.plan_recommend{border-radius:0 0 10px 10px;border:1px solid #1aac5b;box-shadow:0 5px 10px #e4e4e4}
.plan_recommend_tit{outline:1px solid #1aac5b;position: absolute;top: -53px;left: 0;width: 100%;background: linear-gradient(135deg, #108960 0%, #19ad7a 40%, #43d3a1 60%, #108960 100%);color: #fff;text-align: center;padding: 17px 0px;font-size: 15px;border-radius: 10px 10px 0 0;font-weight: 500;}
.plan_recommend_tit img{margin-left:6px;position:relative;top:1px;}
.plan_info ul li:hover a{color:#fff;background: #249f70;}

.more_plan{margin-top:80px;}
.more_plan p{color:#555;font-weight:400;font-size:18px;text-align:center;}
.more_plan a{display:block;margin:0 auto;width:fit-content;font-size:20px;padding:25px 45px;border-radius:50px;margin-top:80px;color:#249f70;border:1px solid #249f70;transition:all .5s;}
.more_plan a img{width:11px;margin-left:20px;position:relative;top:-3px;}
.more_plan a:hover{background:#249f70;color:#fff;}
.more_plan a:hover img{filter:invert(1) brightness(10);}

/* 플랜 더보기 */
.m_plan_detail{display:none;}
.plan_detail{margin-top:60px;display:none;}
.plan_detail table{width:100%;border-collapse: collapse; table-layout: fixed;}
.plan_detail table thead{position:sticky !important;z-index:10;background:#fff;top:-1px;left:0;background:#fff;box-shadow: 0 1px 1px #e4e4e4}
.plan_detail table thead td {position:relative}
.plan_detail table thead td:after{content:"";width:0.1px;height:100%;background:#e4e4e4;top:0;right:0;display:block;position:absolute;}
.plan_detail table thead td:last-child:after{display:none;}
tbody td[rowspan] {
position: relative;
z-index: 1;}
.plan_detail table td{padding:8px;border: 1px solid #e4e4e4;position:relative}

.plan_detail_tit{font-weight:600;font-size:18px;display:block;}
.plan_detail_txt{color:#777;font-weight:300;font-size:14px;margin-top:4px;line-height:1.2em;word-break:keep-all}
.plan_detail_head .plan_detail_tit{text-align:center;}
.plan_detail_head .plan_detail_txt{text-align:center;}
.plan_price_tab{margin:0 auto;margin-top:15px;display:flex;justify-content: center;background:#e4efe4;padding:5px;width:75%;border-radius:5px;}
.plan_price_tab button{border:0;display:block;background:none;color:#a2bda2;font-size:14px;width:50%;border-radius:5px;padding:12px 0;font-weight:bold;}
.plan_tab_on{font-weight:500;background:#fff !important;color:#249f70 !important;text-align:center;}
.plan_month{}
.plan_year{}
.plan_detail_grade{display:block;margin:0 auto;margin-bottom:10px;}
.plan_detail td strong{font-size:16px;text-align:center;display:block;}
.plan_detail_price{text-align:center;margin-top:7px;}
.plan_detail_price img{width:16px;}
.plan_detail_price span{font-size:18px;font-weight:bold;}
.plan_detail_price b{font-size:14px;color:#999;font-weight:500;letter-spacing: 2.5px;}
.plan_detail td a{width:90%;margin:0 auto;margin-top:15px;display:block;text-align:center;padding:15px 0;text-align:center;border-radius:5px;font-size:14px;background:#f4f4f4;color:#249f70}
.plan_detail td.plan_detail_recommend{background:#f3faf7}
.plan_detail td.plan_detail_recommend a{background:#249f70;color:#fff}

.plan_detail_list img{margin:0 auto;display:block;}
.plan_detail_list tr:hover{background:#f9f9f9}
.plan_detail_list td:nth-child(4){background:#f3faf7}

    
@media screen and (max-width:1100px){

#plan .ctt{width:90%}
.plan_info ul{flex-wrap:wrap;gap:40px 30px;margin-top:20px;}
.plan_info ul li{width:47%;}
.plan_recommend_tit {top: 20px;left:auto;right: 20px;width: fit-content;padding: 10px 20px;font-size: 13px;border-radius: 5px;}
.more_plan p{font-size:15px;}
}
@media screen and (max-width:799px){

#plan{padding:80px 0;}
.plan_info ul{gap:20px;}
.plan_info ul li{width:100%;}
.plan_free_btn {font-size: 14px;width: 180px;padding: 15px 0;margin-top: 20px;}
.plan_recommend_tit {}
.more_plan{margin-top:30px;}
.more_plan p{font-size:13px;line-height:1.5em;word-break:keep-all;}
.plan_price_tab1{width:100% !important}
.more_plan a {width: fit-content;font-size: 14px;padding: 15px 30px;margin-top: 40px;}
.more_plan a img {width: 9px;top: -2px;}
.m_plan_detail{margin-top:40px;}
.m_plan_detail{}
.m_plan_detail ul{}
.m_plan_detail ul li{border:0;padding:0;}
.m_plan_detail ul h2{font-size:17px;}
.m_plan_detail ul li h4{font-size:15px;}
.m_plan_detail ul li p{color:#777;font-size:13px;margin-top:7px;}
.m_plan_grade{display:flex;border:1px solid #e4e4e4;margin-top:15px;}
.m_plan_detail ul li span{width:25%;padding:10px 0;border-right:1px solid #e4e4e4;}
.m_plan_detail ul li span:last-child{border:0;}
.m_plan_detail ul li b{display:block;font-weight:500;font-size:14px;text-align:center;}
.m_plan_detail ul li b img{width:20px;margin:0 auto;margin-bottom:5px;display:block;}
.plan_on_off{width:20px;margin:0 auto;display:block;margin-top:8px}
}