#layout-out-common{
    background:#ffffff !important;
}

.main_section {width: 100%;}
.main_section.step1{background: #ffffff;}
.main_section.step2{background-color: #f2f3f6; padding-top:45px;}
.main_section.step3{background: #ffffff; padding:100px 0 80px}

.header_center_top h1{margin-bottom: 0 !important;}
section {min-width: 1080px;overflow: hidden;}
.main_section.step1 .section {
    width: 1080px;
    display: flex;
    flex-direction: column;
    align-items:center;
    justify-content: center;
    gap: 50px;
    background: #ffffff;
    padding-bottom: 90px;
}

section .main_video {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #dddddd;
    padding-top: 40px;
}
section .main_video iframe{width:880px; height:495px}
section .play_list_control{position: relative; width: 100%;}

.best_review_header{width:100%;}
.best_review_header li.on{font-weight:700; border-bottom:3px solid #000000;float:left;}
.best_review_header li{font-size:18px; padding:10px 30px; border-bottom:3px solid #dcddde; display: block; float:none;}

.swiper-slide .lecture_name{color:#0070ff; font-weight:500; font-size:13px;}
.swiper-slide .review_title{font-weight:700; font-size:18px;}
.swiper-slide .review_content{color:#6d6e71; font-weight:400; font-size:13px;}

/*<img style="margin-top:60px;" src="{IMG_PATH}/review/icon_play.png">*/
.swiper-slide a{box-sizing:border-box; position:relative; text-align:center; width:260px; margin:0 auto; height:160px; background-position: center; background-repeat: no-repeat; display:inline-block;}
.swiper-slide a.on{border:3px solid #00aaff;}
.swiper-slide a::after{position:absolute; top:55px; left:105px; content: url('/resource/images/review/icon_play.png'); }
.swiper-slide a.on::after,
.swiper-slide a:hover::after{content: url('/resource/images/review/icon_play_on.png'); }
.swiper-slide a.on::after{top:52px; left:102px;}
/*swiper-slide{}*/

.swiper-container{overflow: hidden;}
.swiper-container.best_review{width:1097px; margin-left:-5px; margin-top:10px;}
.swiper-container.best_review .swiper-slide{height:395px; padding-top:10px;}
.swiper-container.best_review .swiper-slide .card{cursor:pointer;padding:55px 30px 40px; box-sizing: border-box; border:1px solid #ffffff; background-color:white; margin-left:7px; width: calc( 100% - 20px ); height:100%; box-shadow:2px 2px 8px 4px rgba(0,0,0,.1);}
.swiper-container.best_review .swiper-slide .card:hover{border:1px solid #0070ff;}

.swiper-container.best_review .swiper-slide .card div.title{font-size: 18px; font-weight: 700;line-height: 24px;height: 48px;overflow: hidden;}
.swiper-container.best_review .swiper-slide .card p{text-align: justify; height:120px; line-height:24px; margin-top:13px;font-size: 15px; font-weight: 400; overflow: hidden;}
.swiper-container.best_review .swiper-slide .card div.description{margin-top:40px; width: 100%; height: 60px; line-height: 24px; border-top: 2px dotted #dddddd; padding-top:35px;font-size: 16px; color: #6d6e71;}
.swiper-container.best_review .swiper-slide .card div.description label{color:#0070ff;}

.swiper-pagination-wrap{padding-top:40px;}
.swiper-pagination-wrap .swiper-pagination{position: relative;}
.swiper-pagination-wrap .swiper-pagination .swiper-pagination-bullet{ border-radius: 100px; margin-left:10px; width:12px; height:12px; }
.swiper-pagination-wrap .swiper-pagination .swiper-pagination-bullet:first-of-type{ margin-left:0px; }
.swiper-pagination-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:32px; background:black; }

.swiper-arrow{width:24px; height:40px; background-color: red; position: absolute; top:0;z-index: 2; outline: none;}
.swiper-arrow.next{background: url('/resource/images/review/arrow_next.png'); right:-64px;cursor: pointer;}
.swiper-arrow.prev{background: url('/resource/images/review/arrow_prev.png'); left:-64px;cursor: pointer;}
.swiper-arrow:hover{opacity: 0.8;}
.swiper-arrow.play_list_arrow{top:60px;}
.swiper-arrow.best_review_arrow{top:180px;}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0 !important;
}

.review_table_title{margin-top:40px; margin-bottom:10px; padding:0 10px;}
.review_table_title label{color:#0070ff;}
.review_table_title span{color:#6d6e71;}
.review_table_title input[type="checkbox"]{display: none;}
.review_table_title input[type="checkbox"] + div {position:relative; padding-left:30px; display: inline-block; vertical-align: top;}
.review_table_title input[type="checkbox"] + div:before {position:absolute; top:1px; left:0; vertical-align: top; display:inline-block; content:url('/resource/common/images/icon/checkbox_large_off.png'); box-sizing:border-box; width:24px; height: 24px; line-height: 24px; cursor:pointer;}
.review_table_title input[type="checkbox"]:checked + div:before {content:url('/resource/common/images/icon/checkbox_large_on.png');}

.tab_style.large.fill > ul > .sub_menu {width: 100%;border: none;border-left: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;background-color: white;}
.tab_style.large.fill > ul > .sub_menu a {color: #333333;}
.tab_style.large.fill > ul > .sub_menu a:hover{color:#0070ff;}
.tab_style.large.fill > ul > .sub_menu.on a {color: #0070ff;}
.tab_style.large.fill > ul > .review_menu:not(.on) a:hover{color:#0070ff;}