.key_visual {height: 300px;background-image: url('../img/main/kv.png');background-position: center center;background-size: cover;padding-top: 40px;margin-bottom: 40px;}
.key_visual h2 {font-size: 40px;font-weight: 500;color: #fff;line-height: 1;margin-bottom: 3px;}
.key_visual p {font-size: 18px;font-weight: 400;color: #fff;margin-bottom: 20px;line-height: 1.5;}
.kv_search {height: 60px;padding-right: 130px;position: relative;margin-bottom: 60px;}
.kv_search .input {height: 100%;width: 100%;background-color: #fff;outline: none;border-radius: 8px;border: none;padding: 0 20px;font-size: 18px;color: #222;font-weight: 500;}
.kv_search .input::placeholder {color: #666;font-size: 16px;font-weight: 400;}
.kv_search .submit {height: 100%;width: 120px;background-color: rgb(0 0 0 / 50%);outline: none;border-radius: 8px;font-size: 18px;color: #fff;font-weight: 600;position: absolute;right: 0;top: 0;display: flex;align-items: center;justify-content: center;border: none;cursor: pointer;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.kv_search .submit:hover {background-color: rgb(0 0 0 / 60%);}
.kv_txt {display: flex;align-items: center;justify-content: space-between;}
.kv_txt .kt_tip {font-size: 14px;color: #fff;font-weight: 400;display: flex;align-items: center;}
.kv_txt .kt_tip .kt_flat {display: flex;align-items: center;}
.kv_txt .kt_tip strong {font-weight: 400;color: #FFEA63;display: inline-block;}
.kv_txt .kt_tip .kt_flat:before {content: '';display: block;width: 16px;height: 16px;background-image: url('../img/main/ico_cautionsvg.svg');background-position: 0 0;margin-right: 5px;background-size: 16px auto;}
.kt_link {display: inline-block;margin-left: 10px;}
.kt_ex {font-size: 12px;color: #EDA1BB;font-weight: 400;}
.kt_ex a {color: #ECC7D4;text-decoration: underline;}
.quality_wrap {padding: 40px;background-color: #F2F4F8;border-radius: 8px;}
.quality_wrap .q_tit {font-size: 18px;color: #000;font-weight: 500;margin-bottom: 20px;text-align: center;}
.quality_wrap .q_vod {display: flex;align-items: center;justify-content: center;margin-bottom: 20px;}
.quality_wrap .q_vod iframe {border-radius: 8px;width: 410px;height: 230px;}
.q_down {padding-right: 100px;position: relative;height: 48px;max-width: 410px;margin: 0 auto;}
.q_select {height: 100%;border-radius: 8px;background-image: linear-gradient(90deg,#C7383F,#932061);padding: 2px;display: flex;position: relative;}
.q_down .link_select {height: 100%;display: flex;align-items: center;background-color: #fff;border-radius: 6px;font-size: 16px;color: #191919;font-weight: 500;position: relative;width: 100%;padding: 0 15px 0 20px;flex-shrink: 0;}
.q_down .link_select:after {content: '';display: block;width: 12px;height: 7px;background-image: url('../img/main/select_arrow.svg');background-position: 0 0;background-repeat: no-repeat;background-size: 12px auto;position: absolute;right: 15px;top: 50%;margin-top: -3px;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.q_down .btn_down {cursor: pointer;display: flex;align-items: center;justify-content: center;width: 90px;height: 100%;position: absolute;right: 0;top: 0;border-radius: 8px;background-image: linear-gradient(90deg,#C7383F,#932061);font-size: 18px;color: #fff;font-weight: 500;outline: none;border: none;}
.quality_list {border-radius: 8px;background-image: linear-gradient(90deg,#C7383F,#932061);padding: 2px;position: absolute;left: 0;top: 46px;width: 100%;display: none;z-index: 9;}
.quality_list ul {border-radius: 6px;background-color: #fff;}
.q_link {display: flex;align-items: center;justify-content: space-between;height: 40px;padding: 0 15px 0 20px;border-radius: 6px;}
.quality_list .q_linkfix {border-radius: 6px;background-color: #fff;display: block;}
.quality_list .q_linkfix:hover {background-color: #FFD2D2;}
.q_link .q_type {font-size: 16px;color: #191919;font-weight: 400;}
.q_link .q_num {font-size: 16px;color: #666666;font-weight: 400;display: flex;align-items: center;}
.q_link.nosound .q_num:before {content: '';display: block;width: 18px;height: 14px;background-image: url('../img/main/ico_nosound.svg');background-position: 0 0;background-size: 18px auto;background-repeat: no-repeat;margin-right: 10px;}
.q_select.on .quality_list {display: block;}
.link_select .q_link {padding: 0;width: 100%;}
.q_down .link_select.selected:after {display: none;}
.q_down .q_select.on .link_select:after {transform: rotate(180deg);}
.quality_wrap .d_vod {display: flex;align-items: center;justify-content: center;margin-bottom: 20px;}
.quality_wrap .d_vod iframe {border-radius: 8px;width: 100%;height: 250px;}
.half_wrap {overflow: hidden;margin: 0 -10px;}
.half_wrap .cell {width: 50%;float: left;padding: 0 10px;}
.d_tab {display: flex;align-items: center;}
.d_tab a {width: 140px;height: 30px;background-color: #E4E7EF;color: #8A97AD;display: flex;align-items: center;justify-content: center;border-radius: 5px 5px 0 0;}
.d_tab a.on {background-color: #8A97AD;color: #fff;}
.d_box {background-color: #fff;}
.d_table {width: 100%;border-collapse: collapse;border-style: hidden;position: relative;z-index: 1;table-layout: fixed;}
.d_table th,
.d_table td {vertical-align: middle;padding: 14px 15px;text-align: center;border: 1px solid #E4E7EF;font-size: 14px;color: #666666;font-weight: 400;}
.d_table .tleft {text-align: left;}
.d_table .tright {text-align: right;}
.btn-down {display: flex;align-items: center;justify-content: center;height: 32px;background-color: #59B95D;font-size: 14px;color: #fff;font-weight: 600;border-radius: 4px;padding: 0 5px;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.btn-down:before {width: 14px;height: 14px;background-image: url('../img/main/ico_down.svg');background-repeat: no-repeat;background-size: 14px auto;content: '';display: block;margin-right: 10px;}
.btn-down:hover {background-color: #57af5b;}
.btn-down2 {display: flex;align-items: center;justify-content: center;height: 32px;background-color: #ff0000;font-size: 14px;color: #fff;font-weight: 600;border-radius: 4px;padding: 0 12px;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.btn-down2:before {width: 14px;height: 14px;background-image: url('../img/main/ico_down.svg');background-repeat: no-repeat;background-size: 14px auto;content: '';display: block;margin-right: 10px;}
.btn-down2:hover {background-color: #ec2c2c; color: #dddddd}
.d_tab_box {display: none;}
.d_tab_box.d_tab_box0 {display: block;}
.qual_hd {display: inline-flex;padding: 0 7px;height: 20px;align-items: center;justify-content: center;border: 1px solid #24A3C6;border-radius: 4px;background-color: rgb(36 163 198 / 8%);font-size: 12px;color: #24A3C6;font-weight: 500;margin-left: 10px;}
.use_tit {font-size: 18px;color: #000;font-weight: 500;margin-bottom: 20px;display: flex;align-items: center;justify-content: center;}
.use_tit:before, 
.use_tit:after {content: '';display: block;width: 24px;height: 24px;background-image: url('../img/main/view_arrow.svg');background-size: 24px auto;background-repeat: no-repeat;}
.use_tit:before {margin-right: 20px;}
.use_tit:after {margin-left: 20px;}
.spec_wrap {background-color: #F2F4F8;padding: 80px 0;}
.sw_tit {font-size: 32px;color: #191919;font-weight: 500;text-align: center;margin-bottom: 10px;}
.sw_txt {font-size: 20px;color: #7A87A1;font-weight: 400;line-height: 1.5;text-align: center;word-break: keep-all;}
.spec_box {overflow: hidden;margin: 0 -12px;}
.spec_box .item {float: left;width: 33.333333333%;padding: 0 12px;}
.spec_box .sbox {background-color: #fff;border-radius: 10px;padding: 26px 35px;}
.spec_box .star {margin-bottom: 10px;}
.spec_box .sb_tit {font-size: 20px;color: #191919;font-weight: 500;text-align: center;margin-bottom: 15px;text-decoration: underline;}
.spec_box .sb_txt {line-height: 1.5;font-size: 14px;color: #666666;font-weight: 400;text-align: center;word-break: keep-all;}
.sb_text {font-size: 16px;color: #666;font-weight: 400;text-align: center;}
.sb_btn {display: flex;align-items: center;justify-content: center;}
.sb_btn a {background-image: linear-gradient(90deg,#C7383F,#932061);width: 240px;height: 60px;border-radius: 8px;display: flex;align-items: center;justify-content: center;font-size: 18px;color: #fff;font-weight: 600;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.sb_btn a:hover {background-image: linear-gradient(90deg, #ab343a, #7b1e52);}
.sns_box {width: 140px;height: 126px;background-color: #F5F5F5;display: flex;align-items: center;justify-content: center;border-radius: 20px;flex-direction: column;}
.sns_list {display: flex;gap: 25px;align-items: center;justify-content: center;}
.sns_box .sns_tit {font-size: 16px;color: #666;font-weight: 500;text-align: center;margin-top: 10px;}
.sns_wrap {padding: 80px 0;}
.footer {background-color: #353535;padding: 32px 0;text-align: center;font-size: 14px;color: #fff;font-weight: 400;}
.visible-xs {display: none;}
.dtb_col1 {width: auto;}
.dtb_col2 {width: 24%;}
.dtb_col3 {width: 32%;}

.mb20 {margin-bottom: 20px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb80 {margin-bottom: 80px;}
.mb120 {margin-bottom: 120px;}

@media (max-width: 1219px) {
    .spec_box .sbox {padding: 26px 30px;}
    .kv_search {margin-bottom: 30px;}
    .d_table th, .d_table td {padding: 14px 17px;}
}

@media (max-width: 991px){
    .kv_txt {display: block;}
    .kt_tip {margin-bottom: 5px;}
    .half_wrap .cell {width: 100%;}
    .quality_wrap .q_tit {margin-bottom: 50px;}
    .sw_tit {font-size: 25px;}
    .sw_txt {font-size: 15px;}
    .spec_box .sb_tit {font-size: 16px;}
    .spec_box .sbox {padding: 25px 15px;}
    .sns_list {flex-wrap: wrap;padding: 0 100px;}
    .key_visual h2 {font-size: 32px;}
    .key_visual p {font-size: 15px;}
}

@media (max-width: 767px){
    .spec_box .item {width: 100%;margin-bottom: 20px;}
    .sns_list {padding: 0 25px;}
    .mb80 {margin-bottom: 40px;}
    .mb120 {margin-bottom: 60px;}
}

@media (max-width: 575px){
    .hidden-xs {display: none;}
    .visible-xs {display: block;}
    .top_link a {padding-right: 0;}
    .top_link a:after {display: none;}
    .key_visual h2 {margin-bottom: 5px;}
    .key_visual {background-image: url('../img/main/kv_m.png');height: 400px;margin-bottom: 0;}
    .kv_search {height: auto;padding-right: 0;}
    .kv_search .input {height: 48px;padding: 0 15px;}
    .kv_search .submit {position: static;margin-top: 10px;height: 48px;width: 100%;}
    .kv_txt .kt_tip {display: block;}
    .kt_link {margin-left: 21px;margin-top: 3px;}
    .kt_ex {margin-top: 20px;}
    .quality_cont .container {padding: 0;}
    .quality_cont .quality_wrap {padding: 20px;}
    .quality_wrap .q_tit {margin-bottom: 20px;font-size: 14px;font-weight: 700;line-height: 1.5;}
    .q_down .btn_down {font-size: 16px;}
    .quality_wrap.mb40 {margin-bottom: 0;padding-bottom: 0;}
    .d_tab {overflow: hidden;display: block;}
    .d_tab a {width: 50%;float: left;}
    .qual_hd {margin-left: 0;margin-top: 5px;}
    .dtb_col1 {width: auto;}
    .dtb_col2 {width: 22%;}
    .dtb_col3 {width: 42%;}
    .quality_wrap.mb80 {margin-bottom: 80px;}
    .use_wrap {padding: 0 20px;}
    .use_wrap.mb120 {margin-bottom: 80px;}
    .sw_tit {font-size: 22px;}
    .container {padding: 0 20px;}
    .spec_box .sbox {padding: 25px 63px;}
    .spec_box.mb50 {margin-bottom: 24px;}
    .sb_btn a {width: 100%;font-size: 16px;}
    .sns_list {overflow: hidden;display: block;margin: 0 -5px;padding: 0;}
    .sns_box {width: auto;}
    .sns_list .item {width: 33.333333333%;padding: 0 5px;float: left;margin-bottom: 20px;}
    .d_table th, .d_table td {font-size: 13px;}
    .spec_box .sb_tit {font-weight: 700;}
    .sw_tit {font-weight: 700;}
	.btn-down:before {margin-right: 5px;}
	.q_link,
	.q_down .link_select {padding: 0 15px;}
	.d_table th, .d_table td {padding: 14px;}
}