body,html{ min-width: 1200px;}
.inner_wrap{ width: 1200px; height: auto; position: relative; margin: 0 auto; z-index: 101; padding: 0 15px}
.sec{ position: relative}
/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

/*gnb*/
.hd{ position: absolute; left: 0; top: 0; width: 100%; height: 80px; background: #000; z-index: 999; font-size: 1.125rem}
.active.hd{ position: fixed}
.hd .inner_wrap{ display: flex; align-items: center; flex-wrap: nowrap}
.hd .logo{ width: 100px; flex-shrink: 0; margin-right: 30px}
.hd .logo img{ height: 100%}
.hd .logo img.m_show{ display: none}
.hd .logo img.m_hidden{ display: block}
.hd nav{ width: 100%; display: flex; align-items: center; flex-wrap: nowrap}
.hd .gnb{ width: 100%}
.hd .tel_wrap{ text-align: right; font-size: 0.875rem; flex-shrink: 0; margin-left: 20px}
.hd .tel_wrap .tel{ font-weight: bold; font-size: 1.125rem}
.hd .inner_wrap{ height: 100%}

/* fixed_form start */
.fixed_form_wrap select[name="country"]{ display: none}
.fixed_form_wrap img{ height: 40px; width: auto}
.fixed_form_wrap .tel{ display: flex; align-items: center}
.fixed_form_wrap .tel .txt{ font-size: 1rem; color: #fff}
.fixed_form_wrap .tel .num{ font-size: 1.125rem; font-weight: bold}
.fixed_form_wrap{position: fixed;left: 0;right: 0;bottom: -95px;z-index: 1000;background: #6d130e;padding: 20px 0; transition: bottom 0.5s; font-size: 18px; color: #666}
.fixed_form_wrap ::placeholder{ font-size: 16px}
.fixed_form_wrap.active{ bottom: 0; transition: bottom 0.5s}
.fixed_form_wrap .fixed_form_inner{padding: 0; margin: 0 auto;display: flex;}
.fixed_form_wrap .fw_input_box{display: flex;justify-content: space-between;align-items: center;}
.fixed_form_wrap .fw_input_box li{width: auto;display: flex; font-family: "Cafe24Ohsquare", sans-serif}
.fixed_form_wrap .fw_input_box li input{width: 140px;height: 40px;padding: 0 5px;font-size: 16px;border: none; margin: 0 3px;}
.fixed_form_wrap .fw_input_box li select{width: 140px;height: 40px;cursor: pointer;border: none; margin: 0 3px; font-size: 16px;}
.fixed_form_wrap .fw_input_box li select#fixed_wr_3{margin-right: 5px;}
.fixed_form_wrap .fw_input_box .ck_agree{cursor: pointer;display: flex;align-items: center; margin: 0 25px 0 10px}
.fixed_form_wrap .fw_input_box .ck_agree input{width: auto;height: auto;cursor: pointer;margin: 0 5px;}
.fixed_form_wrap .fw_input_box .ck_agree label{color: #fff;letter-spacing: -1px;cursor: pointer; font-size: 14px;}
.fixed_form_wrap .fw_input_box .ck_agree label span{text-decoration: underline;}
.fixed_form_wrap .fw_submit_wrap .btn-submit{color: #6d130e;background: #ffa500;margin: 0;width: 145px;height: 45px;border-radius: 0;line-height: 45px; font-weight: bold; font-size: 21px; cursor: pointer}
.fixed_form_wrap .fw_submit_wrap:after{ display: none}
/* fixed_form style end */

/* bot_form style */
.form_wrap{ background: url("../img/sec03/sec03_bg.jpg") no-repeat center / cover; padding: 85px 0 65px}
.form_wrap .con02{ color: #ecd9da; font-size: 4.125rem; margin: 40px 0;}
.form_wrap .con03{ display: inline-block; position: relative; border: solid 2px rgba(255,255,255,0.5); height: 175px; padding: 20px; margin-bottom: 25px}
.form_wrap .con03 .txt{ position: absolute; left: -80px; top: 50%; transform: translateY(-50%)}
.form_wrap .clock_wrap{ font-family: 'Rubik Dirt', cursive !important; display: inline-block; background: #000; padding: 10px 25px 10px 130px; margin: 0}
.form_wrap .clock_wrap .flip-clock-divider:first-child{ display: none}
.form_wrap .clock_wrap .flip-clock-divider:after{ content: ":"; color: #fff; font-size: 5rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); line-height: 0; margin-top: -5px}

.request_wrap{ font-size: 2.625rem}

.fwrite{ width: 100%}
.bot_tit_sub{ font-size: 1.5rem; margin-bottom: 30px}

.bot_form{ width: 960px; margin: 50px auto; background: #fff; font-weight: bold; padding: 60px 40px 150px 40px; position: relative}
.bot_form .wrap_inn{display: flex}
.bot_form .tel_wrap{ width: 100%; height: 85px; line-height: 85px; position: absolute; left: 0; bottom: 0; font-size: 2.375rem}
.bot_form .tel_wrap .bold{ font-size: 3.125rem; margin-left: 5px}

.bot_form .input_box{ display: flex;margin: 10px 0; padding: 5px 10px}
.bot_form .input_box p{width: 100%;text-align: left; font-size: 1.5rem; line-height: 45px;}
.bot_form .input_box input[type="radio"],
.bot_form .input_box input[type="text"],
.bot_form .input_box input[type="tel"]{width: 100%;height: 45px;border: solid 1px #000;padding: 0 20px; font-size: 1.188rem; color: #222}
.bot_form .input_box select{outline: none;width: calc((100% - 5px)/2);height: 45px;padding: 0 20px;font-size: 1.188rem;border: solid 1px #000; color: #222; margin-left: 5px}
.bot_form .input_box select.bot_city{ margin-left: 0}

.bot_form .bot_name,
.bot_form .bot_tel{ width: 250px}
.bot_form .bot_city,
.bot_form .bot_type{ width: 360px}

.bot_form .bot_type input{display: none;}
.bot_form .bot_type .bot_type_con{width: calc(100%/3)}
.bot_form .bot_type label{width: 100%;height: 45px;background: #fff; font-size: 1.125rem; text-align: center; border: solid 1px #000; border-left: none; display: flex; align-items: center; justify-content: center; cursor: pointer; color: rgba(0,0,0,0.5)}
.bot_form .bot_type label.bd{ border-left: solid 1px #000}
.bot_form .bot_type input[type='radio']:checked + label{background: #6d130e; color: #fff}

.bot_form .bot_btn{ width: 250px; height: 170px; margin-top: 58px}
.bot_form .bot_btn button{ background: #6d130e; font-size: 1.875rem; width: 100%; height: 100%; color: #fff; cursor: pointer}
.bot_form .bot_agree{ width: 100%; text-align: left;position: relative; font-size: 1rem; color: #363636; padding-right: 20px; font-weight: 400}
.bot_form .bot_agree .detail{ color: #dfdfdf; background: #333; padding: 3px 15px}
/* bot_form style end */

/* btm_form style start*/
.btm_form .bot_agree.input_box{ width: 1000px; max-width: 100%; margin: 0 auto 40px; padding: 30px; background: #fafafa}
.btm_form .bot_agree.input_box div{ width: 100%}
.btm_form .bot_agree .detail{ color: #dfdfdf; background: #333; padding: 5px 15px 3px}
.btm_form .wrap{ width: 670px; margin: 0 auto}
.btm_form .input_box{width: 100%;display: flex;margin: 20px auto; padding: 0 10px}
.btm_form .input_box p{width: 200px;text-align: left; font-size: 2rem; line-height: 45px; color: #000}
.btm_form .input_box input::placeholder{ color: #7e7e7e}
.btm_form .input_box input[type="radio"],
.btm_form .input_box input[type="text"],
.btm_form .input_box input[type="tel"]{width: calc(100% - 200px);height: 60px;border: solid 1px #000;padding: 0 20px; font-size: 1.188rem; color: #222}
.btm_form .input_box select{outline: none;width: calc((100% - 200px)/2);height: 60px;padding: 0 20px;font-size: 1.188rem;border: solid 1px #000; color: #222; margin-left: 0}
.btm_form .input_box select + select{ border-left: none}
.btm_form .input_box select.bot_city{ margin-left: 0}

.btm_form .bot_type input{display: none;}
.btm_form .bot_type .bot_type_con{width: calc((100% - 200px)/3)}
.btm_form .bot_type label{width: 100%;height: 60px;background: #fff; font-size: 1.5rem; text-align: center; border: solid 1px #000; border-left: none; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #7e7e7e}
.btm_form .bot_type label.bd{ border-left: solid 1px #000}
.btm_form .bot_type input[type='radio']:checked + label{background: #6d130e; color: #fff}

.btm_form .bot_btn{ margin: 35px auto 0}
.btm_form .bot_btn button{ width: 250px; height: 90px; background: #6d130e; font-size: 2.250rem; color: #fff; cursor: pointer; margin-left: 200px}
/* btm_form style end*/

/*pop*/

/*23.03.21 수정 start*/
.dim{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999; background: rgba(0,0,0,0.7)}
.pop_body{ max-width: 90%; max-height: 90vh; overflow-x: hidden; overflow-y: auto; width: 90%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.pop_body .pop_close{ width: 50px; height: 50px; position: absolute; right: 0; top: 0; z-index: 9999; background: url("../img/common/pop_close_wh.png") no-repeat center; border: solid 1px rgba(255,255,255,0.5)}

.pop_biz .pop_body{ max-width: 600px;}
.pop_biz .pop_body .item_slide { overflow: hidden; border: solid 50px #000}

.pop_privacy .pop_body{ max-width: 600px;}
.pop_privacy .pop_body .inn_wrap{ max-height: 90vh; overflow-y: auto; border: solid 50px #ffa500; background: #fff; padding: 20px}

.pop_menu .pop_body{ overflow-y: hidden}
.pop_menu .item_slide_menu .swiper-wrapper{ align-items: center}
.pop_menu .item_slide_menu img{ max-height: 100%}
/*23.03.21 수정 end*/

/*footer*/
#footer{ padding: 40px 0 120px; background: #2a2a2a; color: #8d8c8b}
#footer .con01{ width: 100%; display: flex; justify-content: space-between; font-size: 1.125rem; line-height: +1.3}
#footer .con01 .tel_num{ font-size: 2rem}


/*sec01*/
#sec01{ background: #000 url("../img/sec01/sec01_bg.jpg") no-repeat center / cover}
#sec01 .inner_wrap{ padding-bottom: 550px}
#sec01 .con01{ text-align: right; margin: 15px 0 35px}
#sec01 .con01 a{ border: 2px solid #8e8d8d; height: 55px; line-height: 55px; border-radius: 30px; text-align: center; padding: 0 15px; color: #fff; font-weight: bold; font-size: 1.125rem}
#sec01 .con01 a img{ margin-right: 5px;}
#sec01 .con01 a .txt{ color: #d0cece; font-weight: 300; margin-right: 5px}
#sec01 .con02{ color: #fff; font-size: 1.875rem; margin-bottom: 15px}
#sec01 .con02 span{ font-size: 2.250rem; font-weight: bold; margin-right: 5px}
#sec01 .con03{ margin-bottom: 15px}
#sec01 .con04{ color: #e4a26a; font-size: 2.875rem; margin-bottom: 10px}
#sec01 .con05{ font-size: 3.625rem; color: #fff; text-shadow: -2px 0 #000, 0 2px #000, 2px 0 #000, 0 -2px #000; -webkit-text-stroke: 2px #000; font-weight: bold; margin-bottom: 5px}
#sec01 .con05 .txt_s{ font-size: 2.875rem; font-weight: 300; -webkit-text-stroke: 1px #000;}
#sec01 .con06{ font-size: 2rem; font-weight: 500}
#sec01 .con06 span{ padding: 3px 15px 0}
#sec01 .con07{ position: absolute; left: -180px; bottom: 105px; width: 250px; height: 250px}
#sec01 .con07 .txt{ position: absolute; right: 0; top: -100px}

/*sec02*/
.sec_mega{ background: url("../img/sec02/sec02_bg.jpg") no-repeat center / cover; padding: 170px 0 15px}
.sec_mega .con02{ font-size: 7rem; font-weight: bold; margin-bottom: 25px}
.sec_mega .con03{ font-size: 3.250rem; color: #fff; margin-bottom: 25px}
.sec_mega .con03 .underline{ position: relative}
.sec_mega .con03 .underline:after{ content: url("../img/sec02/sec02_underline.png"); position: absolute; left: -75px; bottom: -25px}
.sec_mega .con04{ font-size: 1.875rem; color: #fff; opacity: 0.5; margin-bottom: 25px}
.sec_mega .con05{ height: 820px; background: url("../img/sec02/sec02_con_bg.png") no-repeat center / 100% auto;}
.sec_mega .con05 .tit{ height: 180px; padding: 30px 0 15px}
.sec_mega .con05 .tit .txt01{ font-size: 4.375rem}
.sec_mega .con05 .tit .txt01 .bold{ font-size: 4.875rem;}
.sec_mega .con05 .tit .txt02{ color: #be5852; font-size: 1.750rem; letter-spacing: 13px}
.sec_mega .con05 .list{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-top: 45px}
.sec_mega .con05 .item{ width: 250px; height: 250px; margin: 5px; background: url("../img/sec02/sec02_con_bg.jpg") no-repeat center bottom / cover; display: flex; align-content: center; justify-content: center; flex-wrap: wrap; font-size: 2.3rem; letter-spacing: -2px}
.sec_mega .con05 .item:nth-child(2),
.sec_mega .con05 .item:nth-child(4),
.sec_mega .con05 .item:nth-child(5),
.sec_mega .con05 .item:nth-child(7){ background: #000}
.sec_mega .con05 .item .img_wrap{ height: 65px; margin-bottom: 20px}
.sec_mega .con05 .item .txt_wrap{ width: 100%}

/*sec04*/
#sec04{ background: url("../img/sec04/sec04_bg.jpg") no-repeat top left / cover; padding: 80px 0 0}
#sec04 .con01{ display: flex; font-size: 2.125rem; margin-bottom: 80px}
#sec04 .con01 .left,
#sec04 .con01 .right{ width: 50%; flex-shrink: 0; position: relative}
#sec04 .con01 .right img{ position: absolute; left: 50%; top: -80px; transform: translateX(-50%)}
#sec04 .con02{ padding: 60px 25px; background: #fff; position: relative; z-index: 1}
#sec04 .con02 .item_slide{ overflow: hidden; width: 100%; height: 100%; padding: 0 82px; position: relative}
#sec04 .con02 .swiper-slide{ padding: 1px; position: relative; background: #fff;}
#sec04 .con02 .swiper-slide img{ position: relative; z-index: 2}
#sec04 .con02 .swiper-slide:after{ content: ""; width: 100%; height: calc(100% - 30px); position: absolute; left: 0; bottom: 0; border: solid 1px #dedbdb}
#sec04 .con02 .arrow{ width: 80px; height: 110%; background: none; position: absolute; top: 0; background: #fff}
#sec04 .con02 .arrow:after{ display: none}
#sec04 .con02 .swiper-button-next{ right: 0}
#sec04 .con02 .swiper-button-prev{ left: 0}
#sec04 .con03{ position: relative}
#sec04 .con03 img{ position: relative; top: 5px}

/*sec05*/
#sec05{ background: url("../img/sec05/sec05_bg.jpg") no-repeat top left / cover; padding: 80px 0 0}
#sec05 .wrap{ display: flex}
#sec05 .wrap .con{ flex-shrink: 0; width: 33.3333%; display: flex; justify-content: center}
#sec05 .wrap .con01{ align-items: center; padding-bottom: 80px}
#sec05 .wrap .con02{ align-items: center}
#sec05 .wrap .con03{ align-items: flex-end; position: relative}
#sec05 .wrap .con03 img{ position: absolute; right: -140px; bottom: 0; width: 530px; max-width: 550px}
#sec05 .wrap .phone_wrap{ width: 348px; height: 717px; padding: 120px 20px; background: url("../img/sec05/sec05_bg_phone.png") no-repeat top center / cover;}
#sec05 .wrap .phone_wrap .item_slide{ overflow: hidden}

/*sec06*/
#sec06{ background: url("../img/sec06/sec06_bg.jpg") no-repeat center / cover; padding: 110px 0 60px}
#sec06 .con01{ font-size: 6rem;}
#sec06 .con02{ font-size: 7.250rem}
#sec06 .con03{ font-size: 2.875rem; opacity: 0.8; margin-bottom: 60px}
#sec06 .con03 .underline{ position: relative}
#sec06 .con03 .underline .txt{ position: relative; z-index: 2}
#sec06 .con03 .underline:before{ content: url("../img/sec06/sec06_underline.png"); position: absolute; left: -15px; bottom: -25px; z-index: 1}
#sec06 .con04{ display: flex}
#sec06 .con04 .wrap{ width: 33.3333%; flex-shrink: 0}
#sec06 .con04 .wrap01,
#sec06 .con04 .wrap03{ padding-top: 120px}
#sec06 .con04 .receipt_wrap{ background: url("../img/sec06/receipt_bg.png") no-repeat top center; padding: 18px }
#sec06 .con04 .receipt{ height: 415px; width: 100%; position: relative; overflow: hidden}
#sec06 .con04 .receipt .receipt_img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0}
#sec06 .con04 .receipt .receipt_img img{ box-shadow: 5px 60px 20px rgba(0,0,0,0.4)}
#sec06 .con04 .receipt .receipt_img .txt_wrap{ position: absolute; left: 0; top: 85px; width: 100%}
#sec06 .con04 .receipt .receipt_img .name_wrap{ font-size: 3.375rem;}
#sec06 .con04 .receipt .receipt_img .money_wrap{ font-size: 3rem; vertical-align: bottom}
#sec06 .con04 .receipt .receipt_img .won{ font-size: 1.5rem; font-weight: 500}
#sec06 .con04 .receipt .receipt_img .year_wrap{ font-size: 1rem; margin-top: 35px}

/*sec07*/
#sec07{ background: url("../img/sec07/sec07_bg.png") no-repeat top left / 100% auto; padding: 165px 0 60px; text-align: left}
#sec07 .con01{ font-size: 4rem; position: relative; padding-right: 220px; display: inline-block; margin-bottom: 20px}
#sec07 .con01 img{ position: absolute; right: 0; bottom: -10px}
#sec07 .con02{ margin-bottom: 40px; font-size: 7.250rem}
#sec07 .con02 .underline{ position: relative}
#sec07 .con02 .underline .txt{ position: relative; z-index: 2}
#sec07 .con02 .underline:after{ content: ""; width: 100%; height: 40px; position: absolute; bottom: 0; left: 0; z-index: 1; background: #ff5a09}
#sec07 .con03{ position: relative}
#sec07 .con03:before{ content: ""; position: absolute; left: 50%; top: 100px; transform: translateX(-50%); background: #fff; width: 110%; height: 100%}
#sec07 .con03 .wrap{ position: relative; padding: 0 10px; z-index: 2}
#sec07 .con03 .wrap.wrap01{ padding: 0 15px 10px}
#sec07 .con03 img{ width: 100%}
#sec07 .con03 .list{ display: flex; flex-wrap: wrap; position: relative}
#sec07 .con03 .list .item{ width: 25%; padding: 5px}
#sec07 .con03 .link{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 235px; height: 260px}

/*sec08*/
#sec08{ background: url("../img/sec08/sec08_bg.png") no-repeat bottom -240px center / 100% auto;}
#sec08 .con01{ display: flex}
#sec08 .con01 .half{ width: 50%; flex-shrink: 0}
#sec08 .con01 .half{ width: 50%; flex-shrink: 0}
#sec08 .con01 .left{ display: flex; align-items: flex-end; justify-content: center}
#sec08 .con01 .phone_wrap{ width: 538px; height: 715px; position: relative; background: url("../img/sec08/sec08_phone_bg.png") no-repeat top center / 100% auto;}
#sec08 .con01 .phone_inner{ width: 473px; height: 605px; overflow: hidden; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%)}
#sec08 .con01 .phone_inner img{ width: 100%; animation: review_scroll01 12s linear infinite; position: absolute; left: 0; top: 0}
#sec08 .con01 .right .wrap01{ opacity: 0.5; font-size: 3.125rem; color: #000; margin: 125px 0 15px}
#sec08 .con01 .right .wrap02{ font-size: 5.750rem; color: #19ce60; margin-bottom: 20px}
#sec08 .con01 .right .wrap03{ color: #000; font-size: 2.250rem; margin-bottom: 25px}
#sec08 .con01 .right .wrap04 .search_wrap{ width: 373px; height: 72px; line-height: 70px; background: url("../img/sec08/sec08_searchbar.jpg") no-repeat center / 100% auto; display: inline-block; font-size: 3rem; padding-left: 25px; overflow: hidden}

/*sec09*/
#sec09{ background: url("../img/sec09/sec09_bg.png") no-repeat left center / cover; padding: 110px 0 0}
#sec09 .con01{ opacity: 0.5; font-size: 2.875rem; margin-bottom: 20px}
#sec09 .con02{ font-size: 6.250rem; margin-bottom: 75px}
#sec09 .con03 .list{ display: flex; justify-content: space-between; flex-wrap: wrap}
#sec09 .con03 .item{ width: 33%; position: relative; margin-bottom: 25px}
#sec09 .con03 .click{ width: 132px; height: 42px; line-height: 42px; text-align: center; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%)}

/*sec10*/
#sec10{ background: #fff; padding: 100px 0 40px}
#sec10 .con01{ font-size: 4.250rem; letter-spacing: 18px; margin-bottom: 15px}
#sec10 .con02{ color: #a57c3c; font-size: 8rem; padding-bottom: 140px; position: relative; margin-bottom: 35px}
#sec10 .con02 .left{ position: relative; left: -190px; z-index: 2; display: inline-block}
#sec10 .con02 .center{ position: absolute; left: 50%; bottom: 0; transform: translateX(-50%)}
#sec10 .con02 .right{ position: relative; right: -100px; z-index: 2; display: inline-block}
#sec10 .con03{ font-size: 2.375rem}

/*sec11*/
#sec11{ background: url("../img/sec11/sec11_bg.png") no-repeat right center / cover; padding: 85px 0 0}
#sec11 .con01{ font-size: 5.625rem;}
#sec11 .con02{ font-size:3.875rem; margin-bottom: 45px}
#sec11 .con03{ padding-top: 40px; position: relative}
#sec11 .con03 .arrow{ width: 50px; height: 30px; background: none; position: absolute; top: 0; left: 50%; transform: translateX(-50%)}
#sec11 .con03 .arrow:after{ display: none}
#sec11 .con03 .swiper-button-prev{ margin-left: -50px}
#sec11 .con03 .swiper-button-next{ margin-left: 50px}

/*sec12*/
#sec12{ background: url("../img/sec12/sec12_bg.png") no-repeat left center / cover; padding: 85px 0 0}
#sec12 .con01{ font-size: 5.625rem;}
#sec12 .con02{ font-size:3.875rem; margin-bottom: 45px}
#sec12 .con03{ padding-top: 40px; position: relative}
#sec12 .con03 .arrow{ width: 50px; height: 30px; background: none; position: absolute; top: 0; left: 50%; transform: translateX(-50%)}
#sec12 .con03 .arrow:after{ display: none}
#sec12 .con03 .swiper-button-prev{ margin-left: -50px}
#sec12 .con03 .swiper-button-next{ margin-left: 50px}
#sec12 .con03 .icon img{ position: relative; z-index: 2}
#sec12 .con03 .icon .img02{ width: 100%; height: 100%; opacity: 0.2; position: absolute; z-index: 1}
#sec12 .con03 .ic_yo{ position: absolute; top: -40px; left: -150px; z-index: 1}
#sec12 .con03 .ic_yo .img02{ right: 70%; bottom: 35%}
#sec12 .con03 .ic_bm{ position: absolute; top: -150px; left: 30px; z-index: 1}
#sec12 .con03 .ic_bm .img02{ right: 25%; bottom: 50%}
#sec12 .con03 .ic_cp{ position: absolute; top: -140px; right: 30px; z-index: 1}
#sec12 .con03 .ic_cp .img02{ left: 65%; bottom: 50%}

/*sec13*/
#sec13{ background: url("../img/sec13/sec13_bg.jpg") no-repeat center / cover; padding: 85px 0 0}
#sec13 .con01{ opacity: 0.8; font-size: 3.375rem}
#sec13 .con02,
#sec13 .con03{ font-size: 4.375rem}
#sec13 .con02 .txt{ border-bottom: solid 1px #ffba00}
#sec13 .con03 .txt{ border-bottom: solid 1px #fff}
#sec13 .con04{ display: flex; margin-top: 75px}
#sec13 .con04 .half{ position: relative; display: flex; align-items: flex-end; padding: 0 5px}
#sec13 .con04 .left{  justify-content: flex-start}
#sec13 .con04 .left:before{ content: url("../img/sec13/sec13_hand_left.png"); position: absolute; left: -273px; bottom: -7px}
#sec13 .con04 .right{ justify-content: flex-end}
#sec13 .con04 .right:before{ content: url("../img/sec13/sec13_hand_right.png"); position: absolute; right: -235px; bottom: -9px}
#sec13 .con04 .phone_wrap{ width: 290px; border-radius: 25px 25px 0 0; background: #fff; overflow: hidden; position: relative; z-index: 2}
#sec13 .con04 .left .phone_wrap{ height: 570px;}
#sec13 .con04 .right .phone_wrap{ height: 535px;}
#sec13 .con04 .left .phone_wrap img{ width: 100%; animation: review_scroll02 30s linear infinite; position: absolute; left: 0; top: 0}
#sec13 .con04 .right .phone_wrap img{ width: 100%; animation: review_scroll03 22s linear infinite; position: absolute; left: 0; top: 0}
#sec13 .con04 .half .btn{ position: absolute; z-index: 3}
#sec13 .con04 .left .btn{ bottom: 200px; left: 295px}
#sec13 .con04 .right .btn{ bottom: 85px; right: 295px}

/*sec16*/
#sec16{ background: url("../img/sec16/sec16_bg.jpg") no-repeat top center / 100% auto; padding: 80px 0 0}
#sec16 .con01{ text-align: left; margin-bottom: 20px}
#sec16 .con01 .talk{ font-size: 1.875rem; background: #ff9000; width: 380px; height: 80px; line-height: 80px; border-radius: 40px; position: relative; display: inline-block; text-align: center}
#sec16 .con01 .talk:after{ content: "";  width: 0;height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 15px solid #ff9000; position: absolute; left: 50%; bottom: -15px; transform: translateX(-50%)}
#sec16 .con02{ font-size: 4rem; text-align: left; margin-bottom: 20px}
#sec16 .con02 .big{ font-size: 12rem; color: #888; margin-right: 15px}
#sec16 .con03{ display: flex}
#sec16 .con03 .tab_con_wrap{ width: calc(100% - 260px); position: relative; background: #fff}
#sec16 .con03 .tab_con_wrap:after{content: ""; display: block; padding-top: 59%}
#sec16 .con03 .tab_con_wrap .tab_con{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 25px solid #fff; background: #222}
#sec16 .con03 .tab_con_wrap .tab_con iframe{ width: 100%; height: 100%}
#sec16 .con03 .tab_menu{ width: 260px; padding-top: 5px}
#sec16 .con03 .tab_link{ width: 100%; height: 80px; border-radius: 0 40px 40px 0; background: #403e3d; margin-bottom: 10px; font-size: 1.5rem}
#sec16 .con03 .tab_link.current{ background: #ff9000}
#sec16 .con03 .tab_link a{ width: 100%; height: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center}

/*sec17*/
#sec17{ position: relative; overflow: visible; padding: 60px 0 40px}
#sec17 .inner_wrap:before{ content: url("../img/sec16/sec16_camera.png"); position: absolute; left: -220px; top: -460px}
#sec17 .con01{ font-size: 5.625rem; margin-bottom: 10px}
#sec17 .con02 span{ font-size: 5.625rem; padding: 3px 10px 0}
#sec17 .con03{ font-size: 3.375rem; color: #691206; margin: 30px 0 20px}
#sec17 .con04{ font-size: 1.750rem;}

/*sec18*/
#sec18{ background: url("../img/sec18/sec18_bg.jpg") no-repeat center / cover; padding: 120px 0 0}
/*sec19*/
#sec19{ background: url("../img/sec19/sec19_bg.jpg") no-repeat center / cover; padding: 120px 0 0}
#sec19 .con01 .left .tit_wrap img{ margin-top: -110px}
/*sec20*/
#sec20{ background: url("../img/sec20/sec20_bg.jpg") no-repeat center / cover; padding: 120px 0 0}
#sec20.sec_menu .con02 .img02{ padding-bottom: 0}
#sec20.sec_menu .con02 .img03{ right: -8%; padding-bottom: 0; bottom: -20px}
/*sec21*/
#sec21{ background: url("../img/sec21/sec21_bg.jpg") no-repeat center / cover; padding: 120px 0 0}
#sec21.sec_menu .con02 .img03{ right: -10%; padding-bottom: 0; bottom: -20px}

/*sec_menu*/
.sec_menu .con01{ display: flex}
.sec_menu .con01 .half{ width: 50%; flex-shrink: 0}
.sec_menu .con01 .tit_wrap{ margin-bottom: 55px}
.sec_menu .con01 .txt_wrap{ color: #fff; font-size: 1.563rem; line-height: +1.4}
.sec_menu .con01 .left .txt_wrap{ font-family: 'Noto Sans KR', sans-serif; opacity: 0.8;}
.sec_menu .con01 .right{ padding-left: 35px}
.sec_menu .con01 .list .item{ padding-left: 30px; background: url("../img/common/ic_menulist.png") no-repeat left center; margin-bottom: 5px;}
.sec_menu .con01 .list .item .txt{ opacity: 0.5}
.sec_menu .con01 .right .tit_wrap{ font-size: 1.875rem; display: flex; margin-bottom: 25px}
.sec_menu .con01 .right .tit{ flex-shrink: 0; margin-right: 20px; padding-top: 15px}
.sec_menu .con02{ height: 530px; width: 100%; position: relative}
.sec_menu .con02 .img{ bottom: -10px; position: absolute; z-index: 2;}
.sec_menu .con02 .img01{ z-index: 3; left: 50%; transform: translateX(-50%)}
.sec_menu .con02 .img02{ left: -5%; padding-bottom: 30px}
.sec_menu .con02 .img03{ right: -5%; padding-bottom: 30px}
.sec_menu .con02 .fire_wrap{ position: absolute; bottom: 0; width: 100%; height: 100%}
.sec_menu .con02 .fire{ bottom: -50px; position: absolute; z-index: 0; width: 120%;}
.sec_menu .con02 .fire img{ position: relative; width: 100%}
.sec_menu .con02 .fire.fire01{ left: -50%; opacity: 0.2}
.sec_menu .con02 .fire.fire01 img{ animation-delay: 0.5s}
.sec_menu .con02 .fire.fire01_1{ left: -30%; opacity: 0.1}
.sec_menu .con02 .fire.fire01_1 img{ animation-delay: 0.8s}
.sec_menu .con02 .fire.fire02{ left: 50%; transform: translateX(-50%); bottom: 20px; opacity: 0.8}
.sec_menu .con02 .fire.fire03{ right: -50%; opacity: 0.2}
.sec_menu .con02 .fire.fire03 img{ animation-delay: 1s}
.sec_menu .con02 .fire.fire03_1{ right: -30%; opacity: 0.1}
.sec_menu .con02 .fire.fire03_1 img{ animation-delay: 0.8s}

/*sec22*/
#sec22{ background: url("../img/sec22/sec22_bg.jpg") no-repeat center / cover; padding: 80px 0 0}
#sec22 .con01{ margin-bottom: 45px; font-size: 5.625rem}
#sec22 .con03{ padding: 27px 0 }
.menu_toggle_wrap{ background: #621c17; padding: 80px 0; display: none}
.menu_toggle_wrap.open{ display: block}

/*sec23*/
#sec23{ background: url("../img/sec23/sec23_bg.jpg") no-repeat center / cover; padding: 90px 0}
#sec23 .con01{ display: flex}
#sec23 .con01 .half{ width: 50%; flex-shrink: 0}
#sec23 .con01 .left{ text-align: left; display: flex; justify-items: center; flex-wrap: wrap; align-content: flex-start}
#sec23 .con01 .left .wrap01{ width: 100%; margin-bottom: 60px; padding-top: 90px; padding-left: 20px}
#sec23 .con01 .left .wrap02{ display: inline-block; margin: 0 auto}
#sec23 .con01 .left .txt01{ font-size: 3.375rem; margin-bottom: 20px}
#sec23 .con01 .left .txt01 .underline{ border-bottom: solid 1px #fff}
#sec23 .con01 .left .txt02{ font-size: 5.375rem; margin-bottom: 30px}
#sec23 .con01 .list .item{ display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 30px}
#sec23 .con01 .list .item:last-child{ margin-bottom: 0}
#sec23 .con01 .list .txt_wrap{ width: 340px; height: 260px; background: url("../img/sec23/sec23_round.png") no-repeat center / 100% auto; display: flex; flex-wrap: wrap; align-content: center; justify-content: center}
#sec23 .con01 .list .txt_wrap .big{ font-size: 6.5rem; width: 100%}
#sec23 .con01 .list .txt_wrap .txt{ font-size: 2.188rem}

/*sec24*/
#sec24{ background: url("../img/sec24/sec24_bg.jpg") no-repeat center / cover; padding: 25px 0 0}
#sec24 .con03{ height: 713px; position: relative}
#sec24 .con03 .img_wrap{ width: 100%; height: 100%}
#sec24 .con03 .img_wrap img{ position: absolute; left: 10%; bottom: -20%}
#sec24 .con03 .txt_wrap{ width: 100%; height: 100%; position: absolute; left: 0; top: 0}
#sec24 .con03 .txt_wrap li{ width: 390px; height: 210px; position: absolute}
#sec24 .con03 .txt_wrap .wrap{ background: rgba(0,0,0,0.8); width: 100%; height: 100%; border-radius: 105px; display: flex; flex-wrap: wrap; align-content: center;}
#sec24 .con03 .txt_wrap li:nth-child(1){ left: 50%; top: 0; transform: translateX(-50%)}
#sec24 .con03 .txt_wrap li:nth-child(2){ left: 0; top: 150px}
#sec24 .con03 .txt_wrap li:nth-child(3){ right: 0; top: 150px}
#sec24 .con03 .txt_wrap li:nth-child(4){ left: 0; top: 400px}
#sec24 .con03 .txt_wrap li:nth-child(5){ right: 0; top: 400px}
#sec24 .con03 .txt_wrap .tit{ font-size: 2.188rem; margin-bottom: 15px; width: 100%}
#sec24 .con03 .txt_wrap .txt{ font-size: 1.375rem; font-family: 'Noto Sans KR', sans-serif; width: 100%}

.sp_wrap .con01{ margin-bottom: 25px}
.sp_wrap .con02{ margin-bottom: 45px}

/*sec25*/
#sec25{ background: url("../img/sec25/sec25_bg.jpg") no-repeat center / cover; padding: 25px 0 70px}
#sec25 .con03{ display: flex; position: relative; padding: 130px 0 100px}
#sec25 .con03:after{ content: url("../img/sec25/sec25_vs.png"); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}
#sec25 .con03 .half{ width: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; position: relative}
#sec25 .con03 .right img{ max-width: 880px; position: absolute; left: 0; top: 50%; transform: translateY(-50%)}
#sec25 .con04{ opacity: 0.5; font-size: 2.375rem; margin-bottom: 25px}
#sec25 .con05{ font-size: 2.375rem}
#sec25 .con05 .typing02{ font-size: 5.5rem}

/*sec26*/
#sec26{ background: url("../img/sec26/sec26_bg.jpg") no-repeat center / cover; padding: 25px 0 0}
#sec26 .con02{ display: flex}
#sec26 .phone_wrap{ width: 386px; height: 495px; padding-top: 25px}
#sec26 .phone_wrap.naver{ background: url("../img/sec26/sec26_phone_naver.png") no-repeat center top / 100%; color: #3ab35d}
#sec26 .phone_wrap.insta{ background: url("../img/sec26/sec26_phone_insta.png") no-repeat center top / 100%;}
#sec26 .phone_wrap .tit{ font-size: 1.625rem}
#sec26 .phone_wrap.naver .tit{ color: #3ab35d;}
#sec26 .phone_wrap.insta .tit{ background: rgb(87,53,153); background: linear-gradient(90deg, rgba(87,53,153,1) 0%, rgba(203,65,135,1) 50%, rgba(242,105,59,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
#sec26 .phone_wrap .typing_box{ width: 100%; height: 58px; line-height: 58px; margin-top: 12px; font-size: 2rem}
#sec26 .phone_wrap .point{ position: absolute; right: 10px; top: 200px}
#sec26 .phone_wrap .graph_wrap{ width: 264px; height: 273px; background: url("../img/sec26/graph_bg.png") no-repeat center top / 100% auto; position: absolute; left: 50%; top: 160px; transform: translateX(-50%); margin-left: -5px}
#sec26 .phone_wrap .graph_wrap img{ position: absolute; left: 0; top: 0}
#sec26 .con02 .wrap02{ display: flex; flex-wrap: wrap; align-content: center}
#sec26 .con02 .wrap02 .txt01{ font-size: 3.125rem; margin: 20px 0; width: 100%}
#sec26 .con02 .wrap02 .txt02{ font-size: 4.125rem; color: #8c0101; width: 100%}

/*sec27*/
#sec27{ background: url("../img/sec27/sec27_bg.jpg") no-repeat center / cover; padding: 25px 0 100px}
#sec27 .con01,
#sec27 .con02,
#sec27 .con03{ position: relative; z-index: 2}
#sec27 .con03{ opacity: 0.5; font-size: 1.563rem}
#sec27 .con04{ padding: 40px 0 90px; position: relative; margin-bottom: 90px}
#sec27 .con04:before{ content: ""; width: 1700px; height: 970px; position: absolute; left: 50%; top: -360px; transform: translateX(-50%); background: #8c0101;}
#sec27 .con04 .list{ position: relative; z-index: 2; height: 480px}
#sec27 .con04 .list:after{ content: url("../img/sec27/img_deco.png"); position: absolute; right: -40px; top: -40px}
#sec27 .con04 .list:before{ content: url("../img/sec27/img_deco.png"); position: absolute; left: -40px; bottom: -40px; transform: rotate(-180deg)}
#sec27 .con04 .list .item{ top: 50%; transform: translateY(-50%); position: absolute}
#sec27 .con04 .list .item:nth-child(1){ left: 0}
#sec27 .con04 .list .item:nth-child(2){ left: 50%; transform: translate(-50%,-50%)}
#sec27 .con04 .list .item:nth-child(3){ right: 0}
#sec27 .con05{ font-size: 2rem; line-height: +1.4}

/*sec28*/
#sec28{ background: url("../img/sec28/sec28_bg.jpg") no-repeat center top / cover; padding: 25px 0 50px}
#sec28 .con01{ margin-bottom: 0}
#sec28 .con03{ display: flex}
#sec28 .con03 .half{ width: 50%; display: flex; justify-content: center; flex-shrink: 0}
#sec28 .phone_wrap{ width: 531px; height: 831px; border-radius: 40px; background: #f4f4f4; padding: 57px 15px}
#sec28 .phone_inner{ width: 500px; height: 717px; background: aqua}
#sec28 .left .phone_inner{ background: url("../img/sec28/sec28_naver_box.png") no-repeat center top / 100% auto}
#sec28 .left .search_bar{ width: 100%; height: 60px; line-height: 62px; padding: 0 80px; font-size: 1.250rem; text-align: left}
#sec28 .left .scroll_wrap{ width: 100%; height: calc(100% - 60px); overflow: hidden; position: relative}
#sec28 .left .scroll_wrap img{ width: calc(100% - 4px); animation: review_scroll04 10s linear infinite; position: absolute; left: 2px; top: 0}
#sec28 .right .item_slide{ overflow: hidden}
#sec28 .right .character{ position: absolute; right: -340px; bottom: -15px; z-index: 10}

/*sec29*/
#sec29{ background: url("../img/sec29/sec29_bg.jpg") no-repeat center top / cover; padding: 25px 0 0}
#sec29 .con01{ margin-bottom: 80px}
#sec29 .con02{ margin-bottom: -5px}
#sec29 .con02 .list{ display: flex; width: 100%; justify-content: space-between}
#sec29 .con02 .list .item{ width: 33%}
#sec29 .con02 .list .item img{ width: 100%}

/*sec30*/
#sec30{ background: url("../img/sec30/sec30_bg.jpg") no-repeat center top / cover; padding: 25px 0 160px}
#sec30 .con02{ font-size: 6rem; margin-bottom: 0}
#sec30 .con03{ font-size: 4.750rem; margin-bottom: 35px}
#sec30 .con04{ font-size: 1.875rem; opacity: 0.5; margin-bottom: 85px}
#sec30 .con05{ position: relative}
#sec30 .con05 .pad{ width: 672px; height: 515px; margin: 0 auto; background: url("../img/sec30/sec30_pad.png") no-repeat center top / cover; display: flex; flex-wrap: wrap; align-content: center; justify-content: center;position: relative; z-index: 1}
#sec30 .con05 .pad .wrap{ width: 100%}
#sec30 .con05 .pad .wrap01{ margin-bottom: 10px}
#sec30 .con05 .pad .wrap02{ font-size: 1.093rem; margin-bottom: 15px}
#sec30 .con05 .pad .wrap03{ font-size: 2.938rem; margin-bottom: 25px}
#sec30 .con05 .img01{ position: absolute; left: 130px; top: -15px; z-index: 2}
#sec30 .con05 .img02{ position: absolute; right: 35px; top: -90px; z-index: 2}
#sec30 .con05 .img03{ position: absolute; left: 155px; bottom: -110px; z-index: 2}
#sec30 .con05 .img04{ position: absolute; right: 133px; bottom: -15px; z-index: 2}

/*sec31*/
#sec31{ background: url("../img/sec31/sec31_bg.jpg") no-repeat center / cover; padding: 25px 0 55px}
#sec31 .con01{ margin-bottom: 30px}
#sec31 .con02{ margin-bottom: 0; font-size: 6rem}
#sec31 .con02 .box{ padding: 5px 15px}
#sec31 .con02 .box .dot{ position: relative}
#sec31 .con02 .box .dot:after{ content: ""; width: 8px; height: 8px; border-radius: 50%; background: #fff000; position: absolute; left: 50%; top: -20px; transform: translateX(-50%)}
#sec31 .con03{ font-size: 4.750rem; margin-bottom: 20px; margin-top: 15px}
#sec31 .con04{ font-size: 1.875rem; color: #9fa1a2; font-family: 'Noto Sans KR', sans-serif; margin-bottom: 40px}
#sec31 .con05{ position: relative; margin-bottom: 45px}
#sec31 .con05:before{ content: ""; width: 1400px; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background: url("../img/sec31/sec31_con_bg.png") no-repeat right bottom / cover;}
#sec31 .con05 .list{ width: 100%; height: auto; display: flex; flex-wrap: wrap; padding: 80px 0 60px; position: relative; z-index: 2}
#sec31 .con05 .list .item{ width: 16.6666%; margin-bottom: 25px}
#sec31 .con06{ color: #fff; font-size: 2.250rem; line-height: +1.4}

/*sec32*/
#sec32{ background: url("../img/sec32/sec32_bg.png") no-repeat top right / 100% auto; padding: 90px 0 0}
#sec32 .con01{ font-size: 3.875rem;}
#sec32 .con02{ font-size: 6.250rem; text-shadow: -2px 0 #000, 0 2px #000, 2px 0 #000, 0 -2px #000; margin-bottom: 70px}
#sec32 .con02 .underline{ padding: 0 50px 0 50px; position: relative; background: url("../img/sec32/sec32_underline.png") no-repeat bottom center}
#sec32 .con03{ display: flex}
#sec32 .con03 .left{ width: 780px; background: #fff; padding: 45px 30px 30px}
#sec32 .con03 .left .txt01{ font-size: 2rem; margin-bottom: 15px}
#sec32 .con03 .left .txt01 span{ padding: 7px 30px 3px}
#sec32 .con03 .left .txt02{ font-size: 3.5rem;}
#sec32 .con03 .left .txt03{ font-size: 2rem; opacity: 0.8; margin-bottom: 30px}
#sec32 .con03 .left .list{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap}
#sec32 .con03 .left .item{ width: 170px; height: 170px; margin: 5px; background: url("../img/sec02/sec02_con_bg.jpg") no-repeat center bottom / cover; display: flex; align-content: center; justify-content: center; flex-wrap: wrap; font-size: 1.5rem; letter-spacing: -2px}
#sec32 .con03 .left .item:nth-child(2),
#sec32 .con03 .left .item:nth-child(4),
#sec32 .con03 .left .item:nth-child(5),
#sec32 .con03 .left .item:nth-child(7){ background: #000}
#sec32 .con03 .left .item .img_wrap{ height: 40px; margin-bottom: 15px; display: flex; align-items: center; justify-content: center}
#sec32 .con03 .left .item .img_wrap img{ transform: scale(0.6)}
#sec32 .con03 .left .item .txt_wrap{ width: 100%}
#sec32 .con03 .right{ width: calc(100% - 780px)}
#sec32 .con03 .right .tit{ margin-bottom: 40px}
#sec32 .con03 .right .txt_list{ width: 100%}
#sec32 .con03 .right .txt_list li{ width: 100%; height: 85px; line-height: 85px; font-size: 2.750rem; margin: -10px 0}
#sec32 .con03 .right .txt_list .txt{ opacity: 0.5}
#sec32 .con03 .right .txt_list .round{ background: url("../img/sec32/sec32_round.png") no-repeat center; display: inline-block; width: 155px; height: 100%; text-align: center}
#sec32 .con03 .right .txt_list .underline{ background: url("../img/sec32/sec32_underline02.png") no-repeat center bottom 15px; display: inline-block; padding: 0 20px}

/*sec33*/
#sec33{ background: #fff; padding: 55px 0 100px}
#sec33 .con01{ font-size: 3.875rem; margin-bottom: 60px}

/* sec_new */
#sec_new{ background: url("../img/sec_new/sec_new_bg.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 80px 0 60px;}
#sec_new .red{ color: #e71f19;}
#sec_new .yellow{ color: #f5e929;}
#sec_new .con01{ font-size: 3.25rem; margin-bottom: 60px; text-shadow: 4px 4px 0px #231815;-webkit-text-stroke: 2px #231815;}
#sec_new .con02{ font-size: 5rem;-webkit-text-stroke: 3px #231815; margin-bottom: 40px; text-shadow: 8px 6px 0px #231815;}
#sec_new .con02 span{ position: relative;}
#sec_new .con02 span::before{ content: "★"; position: absolute; left: 50%; top: -50%; transform: translateX(-50%); text-shadow: 0px 0px 0px #231815; -webkit-text-stroke: 0; color: #fff; font-size: 2.5rem;}
#sec_new .con03{ font-size: 3.25rem; text-shadow: 4px 4px 0px #231815;-webkit-text-stroke: 2px #231815;}
#sec_new .con04{ display: flex; flex-flow: column; gap: 30px; margin: 60px 0 40px;}
#sec_new .con04_con{ display: flex; align-items: center;}
#sec_new .con04_before{ width: 45%; height: 280px; position: relative; border: 10px solid #231815;}
#sec_new .con04_before .pretendard{ font-size: 2rem; font-weight: 700; position: absolute; left: -10px; top: -58px; padding: 8px 16px; background: #040000; border-radius: 10px;}
#sec_new .con04_before .img_box{ width: 100%; height: 100%; position: relative;}
#sec_new .con04_con .img_wrap{ width: 100%; height: 100%;}
#sec_new .con04_con .img_wrap img{ width: 100%; height: 100%; object-fit: cover; object-position: center;}
#sec_new .con04_con .ryeol{ position: absolute; font-size: 3rem; left: 1rem; top: 1rem; text-shadow: 4px 4px 8px #231815;-webkit-text-stroke: 1px #231815;}
#sec_new .con04_after{ width: 55%; height: 350px; position: relative; border: 20px solid #cb2321;}
#sec_new .con04_con .trapezoid{ width: 0; height: 350px; border-style: solid; border-width: 35px 20px 35px 0px; border-color: transparent #231815 transparent transparent;}
#sec_new .con05{ font-size: 3rem; font-weight: 700; padding: 0.5rem 2.5rem; background: #040000; border-radius: 30px; width: fit-content; margin: 0 auto;}