/* -----------------------------------header--------------------------------- */
header {position: fixed; z-index: 110; width: 100%; height: 120px; background: #ffffff; border-bottom: 1px solid #EBEEF2;}
header .inner {width: 95%; height: 80px; min-width: 1180px; margin: 0 auto;}
header h1 {float: left; height: 36px; margin-top: 22px;}
header h1 a, header h1 a img {display: block; height: 100%;}
header .menu_wrp {float: right; display: flex; align-items: center; margin-top: 10px;}
header .menu::after {content: "|"; display: inline-block; margin: 20px 40px; color: #CCD2D9; font-size: 15px;}
header .menu li {float: left; margin-right: 40px;}
header .menu li:last-child {margin-right: 0px;}
header .menu li a {display: block; width: 100%; height: 60px; line-height: 60px; font-weight: 500;}
header .menu .menu_modi a {color: #E93738;}

header .sub_menu li {float: left;}
header .sub_menu li:first-child {margin-right: 16px;}
header .sub_menu li a {display: block; width: 100%; height: 60px; line-height: 60px; font-size: 15px; color: #88939E; font-weight: 500;}

.fix_right {position: fixed; z-index: 111; right: 15px; bottom: 16px;}

#quick {position: fixed; width:140px; right:0; top:50%; transform: translateY(-50%); z-index: 100; }
#quick h1 {background-color: #E93738; text-align: center; line-height: 80px; border-radius: 20px 0 0 0; }
#quick ul {border:1px solid #dedede; }
#quick ul li {background: #fff; border-bottom: 1px solid #dedede; }
#quick ul li > a {display:table; width:100%; height:80px; text-align: right; padding-right: 10px; font-family: 'IBMPlexSansKR-Text'; letter-spacing: 0px;}
#quick ul li > a p {display:table-cell; vertical-align: middle; font-size: 16px; color:#333; font-weight: 600; }
#quick ul li > a p span {display: block; font-size: 13px; color:#666; }
#quick ul li.active >a p, 
#quick ul li.active >a p span {color:#e93738; }

.fix_bottom {position: fixed; z-index: 111; left: 50%; bottom: 16px; transform: translateX(-50%); display: none; animation: bounce 0.5s infinite alternate;}
.fix_bottom img {position: absolute; left: 0; bottom: 0;}
.fix_bottom.active {display: block;}
.fix_bottom ul {display: flex; align-items: center; width: 1040px; background: #D3DDFF; border-radius: 24px;}
.fix_bottom ul li:first-child {width: 800px; height: 80px; line-height: 80px; padding: 0 32px; box-sizing: border-box; font-size: 20px; text-align: center; text-indent: 100px;}
.fix_bottom ul li:first-child span {color: #5842DF; font-weight: 600;}
.fix_bottom ul li:last-child {width: 240px; font-weight: 500;}
.fix_bottom a {display: block; width: 100%; height: 80px; text-align: center; line-height: 80px; background: #5842DF;  color: #ffffff; border-radius: 0px 24px 24px 0px;}
@keyframes bounce {
  from {
    transform: translate(-50%, -30px)
  }
  to {
    transform: translate(-50%, 0px)
  }
}
/* -----------------------------------header end--------------------------------- */




/* -----------------------------------idx_sub_cm--------------------------------- */
.cont {padding-top: 120px;}

.cm_sec_01 {padding: 40px 0px;}
.cm_sec_01 h2 {margin-bottom: 32px; font-weight: 500; font-size: 22px;}
.cm_sec_01 h2 img {margin-right: 8px;}
.cm_sec_01 .form_wrp p {float: left;}
.cm_sec_01 .form_wrp p strong {display: block; margin-bottom: 16px; font-size: 16px; font-weight: 500;}
.cm_sec_01 .form_wrp .wd_33 {width: 32%;}
.cm_sec_01 .form_wrp .wd_22 {width: 20.6%;}
.cm_sec_01 .form_wrp .wd_100 {width: 100%;}
.cm_sec_01 .form_wrp .mg_rg {margin-right: 2%;}

.cm_sec_01 .form_wrp .txt_wrp {position: relative; margin-bottom: 32px;}
.cm_sec_01 .form_wrp .txt_wrp label {position: absolute; left: 16px; top: 50%; transform: translateY(-50%); font-size: 14px; font-weight: 500;}
.cm_sec_01 .form_wrp .txt_wrp input {width: 100%; height: 48px; padding: 0px 16px 0px 90px; text-align: right; background: #373E4C; border-radius: 4px; font-size: 16px;}

.cm_sec_01 .form_wrp .wd_22 input,
.cm_sec_01 .form_wrp .wd_22 select {width: 100%; height: 48px; padding: 0px 16px; background: #373E4C; border-radius: 4px; font-size: 16px;}
.cm_sec_01 .form_wrp .wd_22:nth-last-child(-n+2) strong {opacity: 0;}

.cm_sec_01 .form_wrp .btn_wrp {margin-top: 32px; text-align: right;}
.cm_sec_01 .form_wrp .btn_wrp i {display: inline-block;}
.cm_sec_01 .form_wrp .btn_wrp button {display: inline-block; margin-left: 32px; padding: 22px 40px; background: #E93738; color: #ffffff; font-weight: 500; border-radius: 4px;}

/* 체크박스 수정 */
.cm_sec_01 .form_wrp .ck_wrp i {position: relative; width: 300px;}
.cm_sec_01 .form_wrp .ck_wrp input[type="checkbox"] {display: none;}
.cm_sec_01 .form_wrp .ck_wrp input[type="checkbox"] + label { display: inline-block; position: absolute; right: 0px; top: -17px; padding-left: 32px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size: 16px; font-weight: 500;}
.cm_sec_01 .form_wrp .ck_wrp input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top: 0px; width: 24px; height: 24px; border: 1px solid #3F464E; box-sizing: border-box; border-radius: 4px;}
.cm_sec_01 .form_wrp .ck_wrp input[type="checkbox"]:checked + label:after {content: ''; position: absolute; left: 0px; top: 0px; width:24px; height: 24px; background: url(../img/ck_bg_bk.png) no-repeat center center; background-size: cover; border: 0px; border-radius: 4px;}

.cm_sec_01 .form_wrp .ck_wrp_modi input[type="checkbox"] {display: none;}
.cm_sec_01 .form_wrp .ck_wrp_modi input[type="checkbox"] + label {display: inline-block; width: 96px; margin-right: 8px; padding: 12px 0px; border: 2px solid #3F464E; text-align: center; font-size: 16px; border-radius: 100px; box-sizing: border-box; cursor: pointer;}
.cm_sec_01 .form_wrp .ck_wrp_modi input[type="checkbox"]:checked + label {background: #ffffff; border: 2px solid #ffffff; color: #2C323D;}
/* 체크박스 수정 end */

.cm_sec_02 .inner {display: flex; align-items: center; width: 100%;}
.cm_sec_02 .inner >div {width: 50%;}
.cm_sec_02 iframe {display: block; width: 100%; height: 712px; border: 0px;}
.cm_sec_02 .right {padding: 0 64px; box-sizing: border-box;}
.cm_sec_02 ul li {margin-bottom: 48px; padding-bottom: 48px; border-bottom: 1px solid #EBEEF2;}
.cm_sec_02 ul li:last-child {margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px;}
.cm_sec_02 ul li h2 {margin-bottom: 16px; font-size: 20px; color: #56606A;}
.cm_sec_02 ul li h2 img {margin-right: 8px;}
.cm_sec_02 ul li h3 {font-weight: 600; font-size: 40px; color: #FF5E5F;}
.cm_sec_02 ul li p {font-size: 20px; color: #2C323D;}
.cm_sec_02 ul li p span {font-size: 24px; font-weight: 600;}

.cm_sec_03 {background: url(../img/sub1_sec_03_bg.png) center center no-repeat; background-size: cover; color: #FFFFFF;}
.cm_sec_03 .center {display: flex; justify-content: space-between; align-items: flex-end;}
.cm_sec_03 h2 {font-size: 40px;}
.cm_sec_03 ul {margin-bottom: 20px;}
.cm_sec_03 ul li {display: inline-block; margin-right: 20px;}
.cm_sec_03 ul li:last-child {margin-right: 0px;}
.cm_sec_03 ul li a {padding: 18px 32px; font-weight: 500; border: 1px solid #ffffff; border-radius: 4px;}

.cm_sec_04 .title {font-size: 40px; color: #2C323D;}
.cm_sec_04 .desc {margin: 48px 0px; color: #6D7986;}
.cm_sec_04 .cate_01 {margin-bottom: 32px;}
.cm_sec_04 .cate_02 {margin-bottom: 48px;}
.cm_sec_04 .cate h3 {margin-bottom: 16px; font-weight: 500;}
.cm_sec_04 .cate ul {width: 100%; background: #F5F6F7; border-radius: 4px;}
.cm_sec_04 .cate ul li {float: left; width: 9.09%; height: 48px; font-weight: 500; font-size: 16px; border-radius: 4px; text-align: center; line-height: 48px; color: #88939E;}
.cm_sec_04 .cate ul li.active {background: #FF5E5F; color: #ffffff;}
.cm_sec_04 .list >li {float: left; width: 32%; margin-right: 2%; margin-bottom: 48px;}
.cm_sec_04 .list >li:nth-child(3n) {margin-right: 0px;}
.cm_sec_04 .list >li figure {width: 100%; height: 228px; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 8px; overflow: hidden;}
.cm_sec_04 .list .title_box {display: flex; align-items: center; height: 80px;}
.cm_sec_04 .list .title_box h4 {width: calc(100% - 160px); font-weight: 500;}
.cm_sec_04 .list .title_box p {width: 160px; text-align: right;}
.cm_sec_04 .list .title_box p span {font-weight: 700; font-size: 28px; color: #E93738;}
.cm_sec_04 .list .price_box {padding-top: 16px; border-top: 1px solid #E5E5E5;}
.cm_sec_04 .list .price_box h5 {margin-bottom: 16px; color: #6D7986; font-size: 16px; font-weight: 500;}
.cm_sec_04 .list .price_box ul {width: 100%; padding: 16px; box-sizing: border-box; background: #F5F6F7; border-radius: 4px;}
.cm_sec_04 .list .price_box ul li {display: flex; justify-content: space-between; align-items: center;}
.cm_sec_04 .list .price_box ul li:first-child {margin-bottom: 16px;}
.cm_sec_04 .list .price_box ul li h6 {font-size: 16px; color: #56606A;}
.cm_sec_04 .list .price_box ul li p span {font-weight: 500;}
.cm_sec_04 .list .info_box {margin-top: 16px;}
.cm_sec_04 .list .info_box ul {display: flex;}
.cm_sec_04 .list .info_box ul li {flex: 1;}
.cm_sec_04 .list .info_box ul li h6 {margin-bottom: 8px; color: #88939E; font-size: 13px;}
.cm_sec_04 .list .info_box ul li p {font-size: 14px; color: #3F464E;}
.cm_sec_04 .list .btn_ask {display: block; width: 100%; height: 66px; margin-top: 16px; border: 1px solid #CCD2D9; text-align: center; box-sizing: border-box; line-height: 64px; color: #E93738; font-weight: 500; border-radius: 4px;}
/* -----------------------------------idx_sub_cm end--------------------------------- */



/* -----------------------------------main_vis--------------------------------- */
.main_vis {position: relative; width: 100%; height: 640px; }
.main_vis_slider .swiper-slide {position: relative; width: 100%; height: 640px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.main_vis_slider .swiper-slide .textbox {display: flex; justify-content: space-between; align-items: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1180px; color: #ffffff;}
.main_vis_slider .swiper-slide .textbox .left h2 {margin-bottom: 32px; font-size: 48px; font-weight: 600;}
.main_vis_slider .swiper-slide .textbox .left p {position: static; font-size: 22px; font-weight: 500; overflow: hidden;}
.main_vis_slider .swiper-slide ul li {margin-bottom: 16px; opacity: 0.5;}
.main_vis_slider .swiper-slide ul li.active {opacity: 1;}
.main_vis_slider .swiper-slide ul li:last-child {margin-bottom: 0px;}
.main_vis_slider .swiper-slide ul li img {margin-right: 16px; border-radius: 100%; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);}

.main_vis_slider .btn_wrp {position: absolute; z-index: 10; left: 370px; bottom: 120px; }
.main_vis_slider .btn_wrp .main_vis_slider_nx,
.main_vis_slider .btn_wrp .main_vis_slider_pv {display: inline-block; position: static; margin: 0px; padding: 0px; width: auto; height: auto;}
.main_vis_slider .btn_wrp .main_vis_slider_pv {margin-right: 4px;}

.main_vis_slider .main_vis_slider_pg {left: 370px; top: 120px; bottom: auto; width: 380px; text-align: left;}
.main_vis_slider .main_vis_slider_pg span {width: auto; height: auto;  background: none; color: #ffffff; font-weight: 500; font-size: 16px; opacity: 0.5;}
.main_vis_slider .main_vis_slider_pg .swiper-pagination-bullet-active {position: relative; opacity: 1;}
.main_vis_slider .main_vis_slider_pg .swiper-pagination-bullet-active::after {content: ""; display: inline-block; width: 230px; height: 2px; margin-left: 12px; background: rgba(255, 255, 255, 0.2); vertical-align: 4px;}
.main_vis_slider .main_vis_slider_pg .swiper-pagination-bullet-active::before {content: ""; position: absolute; left: 29px; top: 11px; height: 2px; background: #ffffff; animation: move 4.2s linear;}
.main_vis .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0px 16px 0px 0px;}

/* animaion */
.main_vis_slider .swiper-slide .textbox .left span {position: static; display: block; height: 72px; overflow: hidden;}
.main_vis_slider .swiper-slide .textbox .left strong {display: block; transform: translateY(100px); opacity: 0;}
.main_vis_slider .swiper-slide-active .textbox .left strong {transform: translateY(0px); opacity: 1; transition: transform 1.5s, opacity 1.5s;}
@keyframes move { 
  0% { width: 0px; 
  } 
  100%{ width: 230px; 
  } 
}
/* -----------------------------------main_vis end--------------------------------- */



/* -----------------------------------main_sec_01--------------------------------- */
.main_sec_01 {background: #2C323D; color: #ffffff;}
.main_sec_01 .form_wrp .wd_22 input::-webkit-calendar-picker-indicator { filter: invert(1);}
/* -----------------------------------main_sec_01 end--------------------------------- */



/* -----------------------------------main_cm_sec--------------------------------- */
.main_cm_sec .title {margin-bottom: 80px; font-weight: 600; font-size: 40px; text-align: center; color: #2C323D;}
.main_cm_sec .title span {position: relative; color: #E93738;}
.main_cm_sec .title span::after {content: ""; position: absolute; left: 0; bottom: 5px; width: 100%; height: 3px; background: #E93738;}
/* .main_cm_sec .swiper-container .swiper-slide  */
.main_cm_sec .swiper-slide figure {width: 100%; height: 342px; border-radius: 8px; background-color: #F5F6F7; background-size: cover; background-position: center center; background-repeat: no-repeat;}
/*.main_cm_sec .swiper-slide figure img {display: block; width: 100%;}*/
.main_cm_sec .swiper-slide .title_box {margin: 32px 0px; text-align: center;}
.main_cm_sec .swiper-slide .title_box h6 {font-size: 16px; color: #88939E;}
.main_cm_sec .swiper-slide .title_box h5 {margin: 8px 0px; font-weight: 500;}
.main_cm_sec .swiper-slide .title_box p i {position: relative; margin-right: 16px; font-size: 16px; color: #88939E;}
.main_cm_sec .swiper-slide .title_box p i::after {content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #88939E;}
.main_cm_sec .swiper-slide .title_box p strong {font-weight: 700; font-size: 28px; color: #E93738;}
.main_cm_sec .swiper-slide .info_box {padding-top: 32px; border-top: 1px solid #E5E5E5;}
.main_cm_sec .swiper-slide .info_box h5 {margin-bottom: 16px; font-weight: 500;}
.main_cm_sec .swiper-slide .info_box ul:nth-of-type(1) {display: flex; justify-content: space-between; width: 100%; padding: 16px; box-sizing: border-box; background: #F5F6F7; border-radius: 4px;}
.main_cm_sec .swiper-slide .info_box ul:nth-of-type(1) li {display: flex; align-items: center;}
.main_cm_sec .swiper-slide .info_box ul:nth-of-type(1) li h6 {margin-right: 40px; font-size: 16px; color: #56606A;}
.main_cm_sec .swiper-slide .info_box ul:nth-of-type(1) li p span {font-weight: 500;}

.main_cm_sec .swiper-slide .info_box ul:nth-of-type(2) {display: flex;margin-top: 15px;}
.main_cm_sec .swiper-slide .info_box ul:nth-of-type(2) li {flex: 1;}
.main_cm_sec .swiper-slide .info_box ul:nth-of-type(2) li h6 {margin-bottom: 8px; color: #88939E; font-size: 13px;}
.main_cm_sec .swiper-slide .info_box ul:nth-of-type(2) li p {font-size: 14px; color: #3F464E;}

.main_cm_sec .swiper-slide .info_box >p {margin: 8px 0px 32px 0px; font-size: 14px; color: #56606A;}
.main_cm_sec .swiper-slide .info_box >p img {margin-right: 4px; vertical-align: -7px;}
.main_cm_sec .swiper-slide .info_box a {display: block; width: 100%; height: 66px; text-align: center; line-height: 64px; box-sizing: border-box; border: 1px solid #CCD2D9; color: #E93738; font-weight: 500; border-radius: 4px}
.main_cm_sec .swiper-pagination {position: static; margin-top: 80px;}
.main_cm_sec .swiper-pagination .swiper-pagination-bullet {width: 12px; height: 12px; background: #EBEEF2; opacity: 1; margin: 0 6px;}
.main_cm_sec .swiper-pagination .swiper-pagination-bullet-active {width: 24px; background: #E93738; border-radius: 8px;}
/* -----------------------------------main_cm_sec end--------------------------------- */



/* -----------------------------------main_sec_03--------------------------------- */
.main_sec_03 {background: #F5F6F7;}
.main_sec_03 ul {display: flex;}
.main_sec_03 ul li {flex: 1; text-align: center; border-right: 1px solid #CCD2D9; box-sizing: border-box;}
.main_sec_03 ul li:last-child {border-right: 0px;}
.main_sec_03 h2 {margin: 8px 0px; font-size: 22px; font-weight: 500; color: #88939E;}
.main_sec_03 p {font-weight: 700; font-size: 80px; color: #6D7986;}
.main_sec_03 a {color: #FF5E5F; font-size: 32px; vertical-align: 14px;}
/* -----------------------------------main_sec_03 end--------------------------------- */



/* -----------------------------------main_sec_05--------------------------------- */
.main_sec_05 {background: #EBEEF2;}
.main_sec_05 .title {margin-bottom: 64px; font-size: 40px; text-align: center;}
.main_sec_05 .title span {font-weight: 600;}
.main_sec_05 ul {display: flex; justify-content: space-between;}
.main_sec_05 ul li {width: 220px; padding: 32px; box-sizing: border-box; background: #FFFFFF; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); border-radius: 32px;}
.main_sec_05 h4 {width: 32px; height: 32px; background: #FF5E5F; color: #ffffff; border-radius: 8px; text-align: center; line-height: 32px; font-weight: 700;}
.main_sec_05 h3 {margin: 16px 0px; color: #3F464E; font-weight: 500; font-size: 22px;}
.main_sec_05 p {font-size: 15px; color: #6D7986;}
/* -----------------------------------main_sec_05 end--------------------------------- */



/* -----------------------------------sub1_sec_01--------------------------------- */
.sub1_sec_01 ul li {display: flex; justify-content: space-between; width: 100%; margin-bottom: 120px;}
.sub1_sec_01 ul li:first-child {padding-bottom: 120px; border-bottom: 1px solid #EBEEF2;}
.sub1_sec_01 ul li:last-child {flex-direction: row-reverse; margin-bottom: 0px; text-align: right;}
.sub1_sec_01 ul li .left {width: 380px;}
.sub1_sec_01 ul li .right {width: 780px;}
.sub1_sec_01 ul li h2 {font-size: 40px; color: #2C323D;}
.sub1_sec_01 ul li h2 span {font-weight: 600;}
.sub1_sec_01 ul li h3 {margin-bottom: 16px; font-weight: 500; font-size: 24px; color: #3F464E;}
.sub1_sec_01 ul li h3 span {color: #E93738;}
.sub1_sec_01 ul li p {color: #6D7986; line-height: 1.7em;}
.sub1_sec_01 ul li:nth-last-child(-n+2) .left img {display: block; width: 100%;}
.sub1_sec_01 ul li:nth-last-child(-n+2) .right {padding-top: 80px; width: 720px;}
/* -----------------------------------sub1_sec_01 end--------------------------------- */



/* -----------------------------------sub1_sec_02--------------------------------- */
.sub1_sec_02 {background: #F5F6F7; color: #3F464E;}
.sub1_sec_02 h2 {margin-bottom: 16px; font-size: 24px; font-weight: 500; text-align: center;}
.sub1_sec_02 p {color: #6D7986;}
.sub1_sec_02 .desc {margin-bottom: 64px; text-align: center;}
.sub1_sec_02 ul {display: flex;}
.sub1_sec_02 ul li {flex: 1; box-sizing: border-box; text-align: center; border-right: 1px solid #CCD2D9;}
.sub1_sec_02 ul li:last-child {border-right: 0px;}
.sub1_sec_02 ul li h3 {font-size: 22px; font-weight: 500; margin: 16px 0px;}
.sub1_sec_02 ul li p {font-size: 16px; line-height: 1.7em;}
/* -----------------------------------sub1_sec_02 end--------------------------------- */



/* -----------------------------------sub_vis--------------------------------- */
.sub_vis {width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; color: #ffffff;}
.sub_vis_01 {background-image: url(../img/sub_vis_bg.png);}
.sub_vis_02 {background-image: url(../img/sub_vis_bg_02.png);}
.sub_vis .center {position: relative; height: 400px; }
.sub_vis .textbox {position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.sub_vis .textbox h2 {margin-bottom: 32px; font-weight: 600; font-size: 48px;}
.sub_vis .textbox p {font-size: 22px;}
/* -----------------------------------sub_vis end--------------------------------- */



/* -----------------------------------sub2_sec_01--------------------------------- */
.sub2_sec_01 {padding: 80px 0px; background: #F5F6F7;}
.sub2_sec_01 ul li {display: flex; align-items: center; width: 100%; margin-bottom: 40px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); border-radius: 32px; overflow: hidden; background: #ffffff;}
.sub2_sec_01 ul li:last-child {margin-bottom: 0px;}
.sub2_sec_01 ul li >div {width: 50%;}
.sub2_sec_01 ul li .right {padding: 0 40px; box-sizing: border-box;}
.sub2_sec_01 ul li img {display: block; width: 100%;}
.sub2_sec_01 ul li h5 {margin-bottom: 8px; font-size: 16px; color: #88939E;}
.sub2_sec_01 ul li h4 {margin-bottom: 16px; font-size: 24px; font-weight: 500;}
.sub2_sec_01 ul li p {margin-bottom: 16px; color: #6D7986; font-size: 16px;}
.sub2_sec_01 ul li h6 {margin-bottom: 32px; width: 137px; height: 28px; line-height: 28px; text-align: center; background: #6D7986; border-radius: 4px; color: #ffffff; font-size: 13px; font-weight: 500;}
.sub2_sec_01 ul li a {display: block; width: 160px; height: 52px; border: 1px solid #CCD2D9; border-radius: 4px; text-align: center; line-height: 50px; color: #E93738; font-weight: 500; font-size: 16px;}
/* -----------------------------------sub2_sec_01 end--------------------------------- */



.sub6_sec_01 {padding: 80px 0px;}
.sub6_sec_01 .form_wrp .txt_wrp input,
.sub6_sec_01 .form_wrp .wd_22 input, 
.sub6_sec_01 .form_wrp .wd_22 select {background: #F5F6F7;}
.sub6_sec_01 .form_wrp .ck_wrp_modi input[type="checkbox"] + label {border: 2px solid #CCD2D9;}
.sub6_sec_01 .form_wrp .ck_wrp_modi input[type="checkbox"]:checked + label {background: #373E4C; color: #ffffff;}
.sub6_sec_01 .form_wrp .ck_wrp input[type="checkbox"] + label:before {border: 1px solid #CCD2D9;}
.sub6_sec_01 .form_wrp .ck_wrp input[type="checkbox"]:checked + label:after {background-image: url(../img/ck_bg_red.png);}

.amd_list .pg_wrap {float: none; width: 100%; margin-top: 40px; text-align: center;}

/* background: url(../img/sub1_sec_03_bg.png) center center no-repeat; background-size: cover; */
/* background-size: cover; background-position: center center; background-repeat: no-repeat; */

/* -----------------------------------footer--------------------------------- */
footer {width: 100%; padding: 40px 0px; background: #2C323D; color: #ffffff;}
footer .center {display: flex; justify-content: space-between; align-items: center;}
footer h2, footer h3, footer span {font-weight: 500; font-size: 14px;}
footer h2 {margin-bottom: 10px;}
footer h3 {margin-bottom: 24px;}
footer p {font-size: 14px; color: rgba(255, 255, 255, 0.6);}
footer span {display: inline-block; width: 60px; word-break: keep-all; line-height: 1.2em;}
footer img {margin-right: 8px; vertical-align: -12px;}
/* -----------------------------------footer end--------------------------------- */



/* 20210524 css 추가 */
header .add_top {width: 100%; border-bottom: 1px solid #EBEEF2;}
header .add_top .add_top_inner {position: relative; width: 95%; height: 40px; min-width: 1180px; margin: 0 auto; box-sizing: border-box; display: flex; align-items: center; justify-content: flex-end;}

header .add_top .add_top_wrp {position: relative; display: flex;}
header .add_top .add_top_wrp::after {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1px; height: 16px; background: #CCD2D9;}

.wrp_cm {display: flex;}
.wrp_cm h3 {margin-right: 16px; font-size: 14px; font-weight: 500; line-height: 30px;}
.wrp_01 h3 {color: #E93738;}
.wrp_02 h3 {color: #1A8CFF;}

.add_slider {width: 200px; height: 30px; box-sizing: border-box; font-size: 14px; line-height: 30px;}
.add_slider span {float: left; color: #000000;}
.add_slider i {float: right; text-align: right; width: 110px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #999999;}
.add_slider_01 {margin-right: 80px;}