#access .container{ max-width: 900px;}
.color-red{ color: #c1272d;}
.row{ display: flex;flex-wrap: wrap;}
.container{ max-width: 900px;}
.plan-title{ font-family: RyuminPro;font-size: 22px;line-height: 1.5;letter-spacing: 3px;color: #595757;}
.plan-text{ font-family: A1MinchoStd;font-size: 15px;line-height: 1.8;color: #595757;}
.thumbnail{ position: relative;text-align: center;}
.thumbnail p{ text-align: right;font-family: A1MinchoStd;font-size: 10px;letter-spacing: .4px;color: #595757;}
.label{ display: flex;flex-wrap: wrap;align-items: flex-start;}
.label span{ display: block;background: linear-gradient(-45deg,#cea65b 0,#d7b365 32.6%,#edd57e 92.87%,#f0da81 100%);font-family: RyuminPro;font-size: 16px;color: #fff;line-height: 1.875;max-width: 96px;width: 100%;text-align: center;}
.label p{ font-family: RyuminPro;font-size: 22px;line-height: 1.5;color: #595757;margin-left: 18px;}
@media screen and (max-width: 769px) {
    #mv1 h3{ color: #a7a9ac;}
    #mv1 .mv1-position p{ color: #58595b;text-shadow: #fff -1px -2px 6px,#fff -1px -2px 6px,#fff -1px -2px 6px,#fff -1px -2px 6px,#fff -1px -2px 6px,#fff -1px -2px 6px;}
    #mv1 .mv1-position p::before{ background: #58595b;}
    #mv1 .mv1-position p .number{ text-orientation: upright;writing-mode: horizontal-tb;}
    .plan-title{ font-size: 17px;line-height: 23px;letter-spacing: 1.5px;}
    .plan-text{ font-size: 12px;line-height: 20px;letter-spacing: .84px;}
    .label{ align-items: center;}
    .label p{ font-size: 13px;line-height: 23px;letter-spacing: 1.5px;}
}
/**=== == == == == == == == == == == == == == == == == == == == == 
=>                     plan1
== == == == == == == == == == == == == == == == == == == == === * */
.plan1{ padding-top: 60px;background-color: #fff;padding-bottom: 10px;}
.plan1 .plan-text{ margin-top: 25px;}
.plan1 .thumbnail{ margin-top: 20px;position: relative;}
.plan1 .thumbnail img{ width: 100%;}
.plan1 .thumbnail p{ position: absolute;bottom: 10px;right: 10px;}
.plan1 .thumbnail .caption{ position: absolute;left: 0;bottom: 10px;right: auto;}
/*sx<=567px,sm <= 769px,md <= 992px,lg <= 1200px,xl <= 1600px*/
@media screen and (max-width: 769px) {
    .plan1{ padding-top: 48px;background-color: #fff;padding-bottom: 20px;}
    .plan1 .plan-text{ margin-top: 10px;}
    .plan1 .thumbnail{ margin-top: 20px;}
    .plan1 .thumbnail .caption{ position: static;text-align: left;}
}
/**=== == == == == == == == == == == == == == == == == == == == == 
=>                     plan2
== == == == == == == == == == == == == == == == == == == == === * */
.plan2{ padding-top: 45px;}
.plan2 .plan-text{margin-bottom: 25px;}
.plan2 .label{ margin-bottom: 20px;}
.plan2 .thumbnail p{position: absolute;bottom: 10px;right: 10px;color: white;}
/*sx<=567px,sm <= 769px,md <= 992px,lg <= 1200px,xl <= 1600px*/
@media screen and (max-width: 769px) {
    .plan2{ padding-top: 0;}
    .plan2 .thumbnail img{ width: 100%;}
}
/**=== == == == == == == == == == == == == == == == == == == == == 
=>                     plan 3
== == == == == == == == == == == == == == == == == == == == === * */
.plan3 .row1{ justify-content: space-between;padding-top: 26px;}
.plan3 .row1 .col1{ width: 52%;}
.plan3 .row1 .col2{ width: 46%;}
.plan3 .row1 .col .box{ display: flex;}
.plan3 .row1 .col h3{ font-family: RyuminPro;font-size: 21px;color: #595757;margin-bottom: 18px;}
.plan3 .row .col .box .plan-text{ text-align: justify;}
.plan3 .row .col1 .box .thumbnail,.plan3 .row .col2 .box .thumbnail{ margin-right: 10px;}
.plan3 .row .col1 .box .thumbnail img{ min-width: 240px;}
.plan3 .row .col2 .box .thumbnail img{ min-width: 190px;}

/*sx<=567px,sm <= 769px,md <= 992px,lg <= 1200px,xl <= 1600px*/
@media screen and (max-width: 769px) {
    .plan3 .row1{ padding-top: 12px;}
    .plan3 .row1 .col h3{ font-size: 13px;line-height: 23px;letter-spacing: 1.5px;color: #58595b;margin-bottom: 14px;}
    .plan3 .row1 .col1,.plan3 .row1 .col2{ width: 100%;}
    .plan3 .row .col2 .box .thumbnail{ order: 2;}
    .plan3 .row .col2 .box .thumbnail img{ margin-right: 0;margin-left: 10px;}
    .plan3 .row .col1 .box .thumbnail p{ position: absolute;right: 15px;bottom: 5px;}
    .plan3 .row1 .col2{ margin-top: 30px;}
    .plan3 .row1 .col3 h3{ margin-bottom: 0;}
    .plan3 .row2{ padding-top: 34px;margin-top: 34px;}
    .plan3 .row .col1 .box .thumbnail{ min-width: 50%;width: 50%;margin-right: 10px;}
    .plan3 .row .col1 .box .thumbnail img{ min-width: 100%;width: 100%;}
    .plan3 .row .col2 .box .thumbnail{ min-width: 50%;width: 50%;margin-left: 10px;}
    .plan3 .row .col2 .box .thumbnail img{ min-width: 100%;width: 100%;}
}
/**=== == == == == == == == == == == == == == == == == == == == == 
  =>                     plan 4
  == == == == == == == == == == == == == == == == == == == == === * */
.plan4{ padding-top: 58px;padding-bottom: 40px;}
.plan4 .thumbnails{ display: flex;flex-wrap: wrap;padding-top: 32px;}
.plan4 .thumbnails .thumbnail{ width: 15%;margin-right: 2%;}
.plan4 .thumbnails .thumbnail p{ font-family: RyuminPro;letter-spacing: .52px;color: #595757;}
.plan4 .thumbnails .thumbnail img{ width: 100%;}
.plan4 .thumbnails .thumbnail:last-child{ margin-right: 0;}
.plan4 .thumbnail-text{ text-align: right;font-family: RyuminPro;font-size: 10px;letter-spacing: .4px;color: #595757;}
.plan4 .label{ margin-bottom: 12px;}
/*sx<=567px,sm <= 769px,md <= 992px,lg <= 1200px,xl <= 1600px*/
@media screen and (max-width: 769px) {
    .plan4 .label{ margin-bottom: 8px;}
    .plan4{ padding-top: 30px;padding-bottom: 40px;}
    .plan4 .thumbnails{ padding-top: 18px;}
    .plan4 .thumbnails .thumbnail{ width: 31.5%;margin-right: 2.75%;margin-bottom: 1.5%;}
    .plan4 .thumbnails .thumbnail:last-child{ margin-right: 2.75%;}
    .plan4 .thumbnails .thumbnail:nth-child(3n){ margin-right: 0;}
}
/**=== == == == == == == == == == == == == == == == == == == == == 
  =>                     plan5
  == == == == == == == == == == == == == == == == == == == == === * */
.plan5 .row{ justify-content: space-between;border-top: 1px solid #231815;padding-top: 30px;padding-bottom: 90px;}
.plan5 .row .col1{ width: 59%;}
.plan5 .row .col1 img{ min-width: 183px;margin-right: 18px;}
.plan5 .row .col2 img{ min-width: 117px;margin-right: 18px;}
.plan5 .row .col2{ width: 39%;}
.plan5 .row .col{ display: flex;align-items: flex-start;}
.plan5 .row .col .text h3{ font-family: RyuminPro;font-size: 17px;line-height: 1.35;color: #595757;letter-spacing: 0;margin-bottom: 10px;}
.plan5 .row .col .text .p{ font-family: A1MinchoStd;font-size: 15px;line-height: 1.67;color: #595757;letter-spacing: 0;margin-bottom: 10px;}
.plan5 .row .col2 .text h3{ margin-bottom: 36px;}
/*sx<=567px,sm <= 769px,md <= 992px,lg <= 1200px,xl <= 1600px*/
@media screen and (max-width: 769px) {
    #footer-top{ padding-top: 0;}
    #footer-top .row1{ padding: 40px 0 0 0;}
    .plan5 .row{ border-top: 1px solid #231815;padding-top: 28px;padding-bottom: 34px;}
    .plan5 .row .col1,.plan5 .row .col2{ width: 100%;justify-content: space-between;}
    .plan5 .row .col2{ padding-top: 25px;}
    .plan5 .row .col img{ order: 2;margin-right: 0;margin-left: 18px;}
    .plan5 .row .col .text h3{ font-size: 15px;line-height: 24px;letter-spacing: 1.5px;}
    .plan5 .row .col .text p{ font-size: 12px;line-height: 20px;letter-spacing: .84px;}
    .plan5 .row .col .text p.cap{ font-family: RyuminPro;font-size: 11px;line-height: 1.8;color: #595757;margin-top: 10px;}
    .plan5 .row .col1{ margin-bottom: 6px;}
    .plan5 .row .col3{ border-bottom: 1px solid #231815;padding-bottom: 25px;}
    .plan5 .row .col2 .text h3{ margin-bottom: 10px;}
}
/**=== == == == == == == == == == == == == == == == == == == == == 
  =>                     plan6
  == == == == == == == == == == == == == == == == == == == == === * */
.plan6{ padding: 80px 0 0;}
.plan6 .container{border-top: 1px solid #000;border-bottom: 1px solid #000;padding: 40px 0 55px;}
.plan6 .label{ margin-bottom: 10px;}
.plan6 .container > .thumbnail{ margin-top: 20px;}
.plan6 .thumbnail p{position: absolute;bottom:5px;right: 10px;color: white;text-shadow: 0 0 1px  #000, 0 0 2px  #000, 0 0 4px  #000, 0 0 6px  #000;}
.plan6 .row1{ align-items: flex-start;padding: 25px 0 0;}
.plan6 .row1 .col1{ width: 39%;margin-right: 3%;}
.plan6 .row1 .col2 .label p,
.plan6 .row2 .col2 .label p{ margin-left: 0;}
.plan6 .row2 .col2 .label span{margin-left: 30px;margin-top: 2px;}
.plan6 .row1 .col1 img{ display: block;width: 100%;margin-bottom: 8px;}
.plan6 .row1 .col2{ width: 32%;margin-right: 1%;}
.plan6 .row1 .col3{ width: 25%;}
.plan6 .row2{ padding: 25px 0 0;align-items: flex-start;}
.plan6 .row2 .col1{ width: 45%;margin-right: 3%;}
.plan6 .row2 .col2{ width: 50%;}

@media screen and (max-width: 992px) {
    .plan6 .row2 .col1{ width: calc(100% - 450px);margin-right: 14px;}
    .plan6 .row2 .col2{ width: 436px;}
}
@media screen and (max-width: 769px) {
    .plan6{ padding-top: 30px;}
    .plan6 .container{ padding: 30px 0;}
    
    .plan6 .thumbnail img{ width: 100%;}
    .plan6 .row2 .col1{ width: calc(100% - 390px);margin-right: 15px;}
    .plan6 .row2 .col2{ width: 375px;}
    .plan6 .row2 .col3{ width: 100%;}
    .plan6 .row2 .col1{ width: 50%;margin-right: 0;}
    .plan6 .row2 .col2{ width: calc(50% - 10px);margin-left: 10px;}
    .plan6 .row1,
    .plan6 .row2{padding-top: 15px;}
}

@media screen and (max-width: 630px) {
    .plan6 .row1 .col1{ width: 100%;margin-right: 0;margin-bottom: 15px;}
    .plan6 .row1 .col1 img{ max-width: 350px;margin: 0 auto;margin-bottom: 6px;}
    .plan6 .row1 .col2{ width: calc(50% - 10px);margin-right: 10px;}
    .plan6 .row1 .col3{ width: 50%;}
}