@import url("reset.css");
/* font style =  Amiri , Noto Sans KR , Noto Serif KR */
@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Noto+Sans+KR:wght@400;500;700&family=Noto+Serif+KR:wght@300;400;500;600;700&display=swap');

/* ! ==================== F O N T ==================== */
html, body, #wrap{ font-family: 'Noto Sans KR';box-sizing:border-box;}

.ft_amiri{ font-family: 'Amiri'; }

.main_visual .inner .txtBox > p,
.main02 .inner > p,
.main03 .inner ul li .txtBox > h3,
.main03 .inner ul li .txtBox > p,
.main04 .inner > h2,
.sub_visual .inner .txtBox > h2,
.sub_contents .inner .txtBox > h2,
.sub_contents .inner .txtBox > h3,
.mid_banner .inner > h2,
.class_info .inner .tableBox > h3,
.process .inner > p,
.bottom_banner .inner .banner .txtBox h3{ font-family: 'Noto Serif KR'; }



/* ! ==================== S T Y L E ==================== */
#wrap{ min-width: 1200px; overflow: hidden;}
.inner{ width: 1200px; margin: 0 auto; }

/* 테두리 효과 버튼  */
.btn_border{ position: relative; display: inline-block; padding: 15px 20px; border: 5px solid #c9c2b3; -webkit-transition: all 0.6s cubic-bezier(.5, .24, 0, 1); transition: all 0.6s cubic-bezier(.5, .24, 0, 1); }
.btn_border::before { content: ''; position: absolute; left: -5px; bottom:-5px; z-index:-1; width: 0%; height:5px; background: #c9c2b3; display: block; -webkit-transition: all 0.6s cubic-bezier(.5, .24, 0, 1); transition: all 0.6s cubic-bezier(.5, .24, 0, 1) }
.btn_border::after { content: ''; position: absolute; right: -5px; top:-5px; z-index:-1; width: 0%; height:5px; background: #c9c2b3; -webkit-transition: all 0.6s cubic-bezier(.5, .24, 0, 1); transition: all 0.6s cubic-bezier(.5, .24, 0, 1) }
.btn_border:hover::before,
.btn_border:hover::after { width: calc(100% + 10px); }
.btn_border:hover{ border: 5px solid transparent; border-left: 5px solid #c9c2b3; border-right: 5px solid #c9c2b3; } 

/* 배경색 효과 버튼  */
.btn_bgChange{ position: relative; display: inline-block; font-size: 15px; font-weight: 500; color: #fff; line-height: 60px; text-align: left; padding: 0 25px; background-color: #A99165; transition: all 0.2s ease-in-out; }
.btn_bgChange .arrow{ position: absolute; right: 25px; top: 22px; display: inline-block; width: 17px; height: 15px; background: url('/front/flower/img/ico_arrow02.png') no-repeat center center; background-size: contain; transition: all 0.2s ease-in-out; }
.btn_bgChange:hover{ background-color: #7D6B50; }
.btn_bgChange:hover .arrow{ right: 22px; }
/* ? case 2 */
.btn_bgChange.bbc2{ background-color: #222; }
.btn_bgChange.bbc2:hover{ background-color: #000; }



/* ! ==================== MAIN ==================== */
/** - - - MAIN - VISUAL - - - */
.main_visual{ width: 100%; background: url('/front/flower/img/bg_mvisual.png') no-repeat center center; background-size: cover; }
.main_visual .inner{ position: relative; height: 875px; }
.main_visual .inner .txtBox{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; }
.main_visual .inner .txtBox > h2{ font-size: 70px; font-weight: 400; color: #fff; letter-spacing: 4px; margin-bottom: 30px; text-shadow: 0 0 15px #222; }
.main_visual .inner .txtBox > p{ font-size: 19px; font-weight: 300; color: #fff; letter-spacing: -0.5px; line-height: 30px; text-shadow: 0 0 12px #111; }
.main_visual .inner .txtBox > p span{ display: inline-block; opacity: 0.6; }
.main_visual .inner .txtBox > p span:first-of-type{ margin-right: 15px; }
.main_visual .inner .txtBox > p span:last-of-type{ margin-left: 15px; }
.main_visual .inner .txtBox > p strong{ display: block; font-size: 30px; font-weight: 400; letter-spacing: -1px; margin-top: 5px; }

/** - - - MAIN 02 - - - */
.main02{ width: 100%; background-color: #f7f6f4; }
.main02 .inner{ padding: 110px 0; text-align: center; }
.main02 .inner > h2{ font-size: 40px; font-weight: 400; color: #3d3d3d; letter-spacing: -1px; margin-bottom: 30px; }
.main02 .inner > p{ font-size: 17px; font-weight: 500; color: #777; letter-spacing: -0.5px; line-height: 30px; }

/** - - - MAIN 03 - - - */
.main03{ width: 100%; }
.main03 .inner{ padding: 100px 0; }
.main03 .inner ul li{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 120px; }
.main03 .inner ul li:last-of-type{ margin-bottom: 0; }
.main03 .inner ul li .txtBox{ width: 500px; }
.main03 .inner ul li .txtBox > span{ display: inline-block; font-size: 17px; font-weight: 400; color: #ffd554; letter-spacing: 1px; margin-bottom: 10px; }
.main03 .inner ul li .txtBox > h3{ font-size: 45px; font-weight: 500; color: #222222; letter-spacing: -2px; margin-bottom: 35px; }
.main03 .inner ul li .txtBox > p{ font-size: 17px; font-weight: 500; color: #222222; letter-spacing: -0.5px; line-height: 30px; margin-bottom: 40px; }
.main03 .inner ul li .txtBox > .btnBox a{ margin-right: 5px; }
.main03 .inner ul li .txtBox > .btnBox a:last-of-type{ margin-right: 0; }
.main03 .inner ul li .txtBox > .btnBox a > strong{ display: block; font-size: 17px; font-weight: 500; color: #222222; letter-spacing: -1.5px; margin-bottom: 7px; }
.main03 .inner ul li .txtBox > .btnBox a > span{ display: block; font-size: 13px; font-weight: 400; color: #bbbbbb; letter-spacing: -0.5px; }
.main03 .inner ul li .txtBox > .btnBox a > .arrow{ display: inline-block; width: 17px; height: 15px; background: url('/front/flower/img/ico_arrow01.png') no-repeat center center; background-size: contain; margin-top: 15px; transition: all 0.2s ease-in-out; }
.main03 .inner ul li .txtBox > .btnBox a.btnB01 > .arrow{ position: absolute; right: 20px; top: 3px; }
.main03 .inner ul li .txtBox > .btnBox a:hover > .arrow{ transform: translateX(5px); }
/* ? case */
.main03 .inner ul li:nth-of-type(even){ flex-direction: row-reverse; }
.main03 .inner ul li .txtBox > .btnBox a.btnB01{ width: 310px; padding: 20px; }
.main03 .inner ul li .txtBox > .btnBox a.btnB02{ width: 110px; }
.main03 .inner ul li .txtBox > .btnBox a.btnB03{ width: 192px; }
.main03 .inner ul li .txtBox > .btnBox a.btnB01 strong{ font-size: 20px; }
.main03 .inner ul li .txtBox > .btnBox a.btnB01 span{ font-size: 15px; }

/** - - - MAIN 04 - - - */
.main04{ width: 100%; padding-top: 10px;}
.main04 .inner{ position: relative; padding: 110px 0; text-align: center; }
.main04 .inner > span{ display: inline-block; font-size: 17px; font-weight: 400; color: #ffd554; letter-spacing: 1px; margin-bottom: 10px; }
.main04 .inner > h2{ font-size: 30px; font-weight: 500; color: #222222; letter-spacing: -1px; margin-bottom: 50px; }
.main04 .inner > .swiper-container.mySwiper1{ width: 1200px; margin: 0 auto; overflow: hidden; }
.main04 .inner > .swiper-container.mySwiper1 .swiper-wrapper .swiper-slide{width:285px !important; height:auto !important; margin-right:20px !important;}
.main04 .inner > .swiper-container.mySwiper1 .swiper-wrapper .swiper-slide a{ display: block; width: 100%; height: 285px; }
.main04 .inner > .swiper-container.mySwiper1 .swiper-wrapper .swiper-slide a .imgBox{ width: 100%; height: 100%; border-radius: 10px; overflow: hidden; }
.main04 .inner > .swiper-container.mySwiper1 .swiper-wrapper .swiper-slide a .imgBox img{ width: 100%; }
.main04 .inner > .swiper-pagination{ position: relative; width: 100%; text-align: center; margin-top: 50px; display:none;}
.main04 .inner > .swiper-pagination .swiper-pagination-bullet{ display: inline-block; width: 10px; height: 10px; border: 2px solid #ddd8cd; background-color: #ddd8cd; margin: 0 7px; opacity: 1; transition: all 0.1s ease-in-out; }
.main04 .inner > .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ border: 2px solid #fdb418; background-color: transparent; }
.main04 .inner > .swiper-button-prev{ top: 53%; left: -100px; width: 50px; height: 50px; background: url('/front/flower/img/btn_swipe_prev01.png') no-repeat center center,#f7f6f4; border-radius: 50%;display:none; }
.main04 .inner > .swiper-button-next{ top: 53%; right: -100px; width: 50px; height: 50px; background: url('/front/flower/img/btn_swipe_next01.png') no-repeat center center,#f7f6f4; border-radius: 50%; display:none;}
/* ? if 배경색 OK */
.main04.bgc{ background-color: #f7f6f4; }
.main04.bgc::before{ width: 100%; height: 2px; background-color: #fff; content: ''; display: block; }
.main04.bgc .inner > .swiper-button-prev{ background: url('/front/flower/img/btn_swipe_prev01.png') no-repeat center center,#fff; display:none;}
.main04.bgc .inner > .swiper-button-next{ background: url('/front/flower/img/btn_swipe_next01.png') no-repeat center center,#fff; display:none;}




/* ! ==================== SUB PAGE ==================== */
/** - - - 서브비주얼 - - - */
.sub_visual{ width: 100%; }
.sub_visual.sv01{ background: url('/front/flower/img/bg_svisual01.png') no-repeat center top; background-size: cover; }
.sub_visual.sv02{ background: url('/front/flower/img/bg_svisual02.png') no-repeat center top; background-size: cover; }
.sub_visual.sv03{ background: url('/front/flower/img/bg_svisual03.png') no-repeat center top; background-size: cover; }
.sub_visual.sv04{ background: url('/front/flower/img/bg_svisual04.png') no-repeat center top; background-size: cover; }
.sub_visual.sv05{ background: url('/front/flower/img/bg_svisual05.png') no-repeat center top; background-size: cover; }
.sub_visual.sv06{ background: url('/front/flower/img/bg_svisual06.png') no-repeat center top; background-size: cover; }
.sub_visual.sv07{ background: url('/front/flower/img/bg_svisual07.png') no-repeat center top; background-size: cover; }
.sub_visual .inner{ position: relative; height: 540px; }
.sub_visual .inner .txtBox{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.sub_visual .inner .txtBox > span{ display: inline-block; font-size: 17px; font-weight: 400; color: #ffd554; letter-spacing: 1px; margin-bottom: 20px; }
.sub_visual .inner .txtBox > h2{ font-size: 35px; font-weight: 500; color: #38322b; letter-spacing: -2px; margin-bottom: 20px; }
.sub_visual .inner .txtBox > p{ font-size: 15px; font-weight: 400; color: #847a6f; letter-spacing: -0.5px; line-height: 26px; margin-bottom: 50px; }
.sub_visual .inner .txtBox > .btnBox a{ width: 200px; margin-right: 10px;box-sizing: border-box;}
/* ? case */
.sub_visual .inner .txtBox.rt{ left: auto; right: 0; width: 480px; }
.sub_visual .inner .txtBox.rt::after{ position: absolute; right: -50px; top: 0; width: 109px; height: 140px; background: url('/front/flower/img/tit_badge.png') no-repeat center center; background-size: contain; content: ''; display: block; }

/** - - - 서브컨텐츠 - - - */
.sub_contents .inner{ display: flex; flex-wrap: wrap; justify-content: space-between; padding: 125px 0; }
.sub_contents .inner .txtBox > h2{ font-size: 20px; font-weight: 400; color: #38322b; letter-spacing: -1px; line-height: 40px; margin-bottom: 40px; }
.sub_contents .inner .txtBox > h2 strong{ display: inline-block; font-size: 30px; font-weight: 600; letter-spacing: -1.5px; border-bottom: 3px solid #ffce22; }
.sub_contents .inner .txtBox > span{ display: inline-block; font-size: 17px; font-weight: 400; color: #ffd554; letter-spacing: 1px; margin-bottom: 15px; }
.sub_contents .inner .txtBox > h3{ font-size: 33px; font-weight: 500; color: #222222; letter-spacing: -2px; line-height: 50px; }
.sub_contents .inner .txtBox > h3 strong{ display: block; font-size: 40px; font-weight: 600; letter-spacing: -2px; }
.sub_contents .inner .txtBox > p{ font-size: 15px; font-weight: 400; color: #76736f; letter-spacing: -0.5px; line-height: 26px; }
.sub_contents .inner .txtBox > ol{ display: flex; align-items: stretch; margin-top: 40px; }
.sub_contents .inner .txtBox > ol li{ width: 145px; text-align: center; padding: 30px 0; background-color: #f8f8f8; }
.sub_contents .inner .txtBox > ol li dl{ padding-top: 55px; border-right: 1px solid #e3e3e3; }
.sub_contents .inner .txtBox > ol li:nth-of-type(1) dl{ background: url('/front/flower/img/ico_subcont_01.png') no-repeat center top; }
.sub_contents .inner .txtBox > ol li:nth-of-type(2) dl{ background: url('/front/flower/img/ico_subcont_02.png') no-repeat center top; }
.sub_contents .inner .txtBox > ol li:nth-of-type(3) dl{ background: url('/front/flower/img/ico_subcont_03.png') no-repeat center top; }
.sub_contents .inner .txtBox > ol li:nth-of-type(4) dl{ background: url('/front/flower/img/ico_subcont_04.png') no-repeat center top; border-right: none; }
.sub_contents .inner .txtBox > ol li.cash dl{ background: url('/front/flower/img/ico_subcont_05.png') no-repeat center top; }
.sub_contents .inner .txtBox > ol li dl dt{ font-size: 15px; font-weight: 500; color: #444444; letter-spacing: -0.5px; margin-bottom: 10px; }
.sub_contents .inner .txtBox > ol li dl dd{ font-size: 15px; font-weight: 400; color: #aaaaaa; letter-spacing: -0.5px; }
.sub_contents .inner .txtBox > ol li dl dd span{ font-size: 10px; }
.sub_contents .inner .txtBox > table{ width: 100%; border-collapse: collapse; border-top: 2px solid #5b5b5b; margin-top: 20px; }
.sub_contents .inner .txtBox > table tbody tr{ border-bottom: 1px solid #e3e3e3; }
.sub_contents .inner .txtBox > table tbody tr th{ width: 140px; font-size: 15px; font-weight: 700; color: #444444; letter-spacing: -0.5px; line-height: 20px; background-color: #f0efec; text-align: center; vertical-align: middle; padding: 17px 30px; }
.sub_contents .inner .txtBox > table tbody tr td{ font-size: 15px; font-weight: 400; color: #aaaaaa; letter-spacing: -0.5px; line-height: 20px; background-color: #fff; padding: 17px 25px; }
/* ? case - type01 */
.sub_contents.type01 .inner .left{ position: relative; width: 480px; margin-top: 350px; }
.sub_contents.type01 .inner .left::before{ position: absolute; right: 80px; top: -70px; width: 300%; height: 325px; background-color: #f7f6f4; z-index: -1; content: ''; display: block; }
.sub_contents.type01 .inner .right .txtBox{ padding-left: 30px; margin-top: 90px; }
.sub_contents.type01 .inner .right{ width: 680px; }
/* ? case - type02 */
.sub_contents.type02 .inner .left{ width: 680px; }
.sub_contents.type02 .inner .left .txtBox{ margin-top: 90px; }
.sub_contents.type02 .inner .right{ position: relative; width: 480px; margin-top: 350px; }
.sub_contents.type02 .inner .right::before{ position: absolute; left: 80px; top: -70px; width: 300%; height: 325px; background-color: #f7f6f4; z-index: -1; content: ''; display: block; }
/* ? case - type03 */
.sub_contents.type03 .inner > ul{ width: 100%; }
.sub_contents.type03 .inner > ul > li{ display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 100px; }
.sub_contents.type03 .inner > ul > li:nth-of-type(even){ flex-direction: row-reverse; }
.sub_contents.type03 .inner > ul > li:last-of-type{ margin-bottom: 0; }
.sub_contents.type03 .inner > ul > li .txtBox{ width: 580px; }

/** - - - 중간 배너 - - - */
.mid_banner{ width: 100%;  }
.mid_banner.mb01{ background: url('/front/flower/img/bg_ban_mid01.png') no-repeat center center; background-size: cover; background-attachment: fixed; }
.mid_banner.mb03{ background: url('/front/flower/img/bg_ban_mid03.png') no-repeat center center; background-size: cover; background-attachment: fixed; }
.mid_banner.mb04{ background: url('/front/flower/img/bg_ban_mid04.png') no-repeat center center; background-size: cover; background-attachment: fixed; }
.mid_banner.mb05{ background: url('/front/flower/img/bg_ban_mid05.png') no-repeat center center; background-size: cover; background-attachment: fixed; }
.mid_banner.mb07{ background: url('/front/flower/img/bg_ban_mid07.png') no-repeat center center; background-size: cover; background-attachment: fixed; }
.mid_banner .inner{ padding: 140px 90px; }
.mid_banner .inner > h2{ font-size: 30px; font-weight: 500; color: #38322b; letter-spacing: -1px; margin-bottom: 20px; }
.mid_banner .inner > h2 span{ position: relative; display: inline-block; z-index: 10; }
.mid_banner .inner > h2 span::before{ position: absolute; left: 0; bottom: -5px; width: 100%; height: 15px; background-color: #fff; display: inline-block; content: ''; z-index: -1; }
.mid_banner .inner > p{ font-size: 16px; font-weight: 400; color: #696868; letter-spacing: -0.5px; line-height: 30px; }
.mid_banner .inner > ul{ margin-top: 30px; }
.mid_banner .inner > ul li{ position: relative; padding-left: 27px;box-sizing: border-box;}
.mid_banner .inner > ul li::before{ position: absolute; left: 0; top: 14px; width: 17px; height: 17px; background: url('/front/flower/img/ico_checklist.png') no-repeat center center; background-size: contain; content: ''; display: block; }
.mid_banner .inner > ul li p{ font-size: 15px; font-weight: 400; color: #696868; letter-spacing: -0.5px; line-height: 43px; }
/* ? case - mid_banner 03 */
.mid_banner.mb03 .inner{ padding: 100px 0 90px 300px; box-sizing: border-box;}
.mid_banner.mb03 .inner > ul{ display: flex; flex-wrap: wrap; }
.mid_banner.mb03 .inner > ul li:nth-of-type(odd){ width: 45%; }
.mid_banner.mb03 .inner > ul li:nth-of-type(even){ width: 55%; }
.mid_banner.mb03 .inner > ul li::before{ background: url('/front/flower/img/ico_checklist02.png') no-repeat center center; background-size: contain; }
/* ? case - mid_banner 04 */
.mid_banner.mb04 .inner{ padding: 100px 0 90px 610px;box-sizing: border-box;}
/* ? case - mid_banner 05 */
.mid_banner.mb05 .inner{ padding: 140px 0 140px 460px;box-sizing: border-box;}

/** - - - 강의 소개 - - - */
.class_info{ width: 100%; background-color: #f7f6f4; }
.class_info .inner{ padding: 80px 50px; }
.class_info .inner .tableBox{ margin-bottom: 65px; }
.class_info .inner .tableBox > h3{ position: relative; font-size: 25px; font-weight: 600; color: #222222; letter-spacing: -1.5px; margin-bottom: 20px; padding-left: 32px; }
.class_info .inner .tableBox > h3::before{ position: absolute; left: 0; content: ''; display: block; }
.class_info .inner .tableBox.tb01 > h3::before{ top: 2px; width: 23px; height: 23px; background: url('/front/flower/img/ico_classinfo_01.png') no-repeat center center; background-size: contain; }
.class_info .inner .tableBox.tb02 > h3::before{ top: -2px; width: 22px; height: 31px; background: url('/front/flower/img/ico_classinfo_02.png') no-repeat center center; background-size: contain; }
.class_info .inner .tableBox.tb03 > h3::before{ top: -2px; width: 27px; height: 30px; background: url('/front/flower/img/ico_classinfo_03.png') no-repeat center center; background-size: contain; }
.class_info .inner .tableBox > table{ width: 100%; border-collapse: collapse; border-top: 2px solid #5b5b5b; }
.class_info .inner .tableBox > table tbody tr{ border-bottom: 1px solid #e3e3e3; }
.class_info .inner .tableBox > table tbody tr th{ width: 180px; font-size: 16px; font-weight: 700; color: #444444; letter-spacing: -0.5px; line-height: 25px; background-color: #f0efec; text-align: center; vertical-align: middle; padding: 20px 30px; }
.class_info .inner .tableBox > table tbody tr th span{ color: #aaaaaa; }
.class_info .inner .tableBox > table tbody tr td{ font-size: 16px; font-weight: 400; color: #aaaaaa; letter-spacing: -0.5px; line-height: 25px; background-color: #fff; padding: 20px 30px; }
.class_info .inner .tableBox > table tbody tr td strong{ font-weight: 400; color: #dd4848; }
.class_info .inner .btnBox{ text-align: center; }
.class_info .inner .btnBox a{ width: 200px; margin-left: 5px; color:#fff;}

/** - - - 프로세스 - - - */
.process .inner{ position: relative; padding: 80px 0 200px; text-align: center; }
.process .inner > span{ display: inline-block; font-size: 17px; font-weight: 400; color: #ffd554; letter-spacing: 1px; margin-bottom: 20px; }
.process .inner > p{ font-size: 23px; font-weight: 400; color: #777777; letter-spacing: -1px; margin-bottom: 50px; }
.process .inner > p strong{ font-size: 30px; font-weight: 500; display: block; color: #222; margin-top: 15px; }
.process .inner > ul{ display: flex; align-items: stretch; justify-content: space-between; width: 100%; max-width: 1120px; margin: 0 auto; }
.process .inner > ul > li{ position: relative; width: 185px; border-radius: 10px; }
.process .inner > ul > li::after{ position: absolute; right: -35px; top: 80px; border-top: 15px solid transparent; border-right: 20px solid transparent; border-bottom: 15px solid transparent; content: ''; content: ''; display: inline-block; }
.process .inner > ul > li:nth-of-type(1)::after{ border-left: 20px solid #b4a07c; }
.process .inner > ul > li:nth-of-type(2)::after{ border-left: 20px solid #756445; }
.process .inner > ul > li:nth-of-type(3)::after{ border-left: 20px solid #564f42; }
.process .inner > ul > li:nth-of-type(4)::after{ border-left: 20px solid #343029; }
.process .inner > ul > li dl{ width: 100%; height: 185px; padding: 35px 0; border-top-left-radius: 10px; border-top-right-radius: 10px;box-sizing:border-box; }
.process .inner > ul > li:nth-of-type(1) dl{ background-color: #b4a07c; }
.process .inner > ul > li:nth-of-type(2) dl{ background-color: #756445; }
.process .inner > ul > li:nth-of-type(3) dl{ background-color: #564f42; }
.process .inner > ul > li:nth-of-type(4) dl{ background-color: #343029; }
.process .inner > ul > li:nth-of-type(5) dl{ background-color: #fdb418; }
.process .inner > ul > li dl dt{ width: 100%; height: 65px; }
.process .inner > ul > li:nth-of-type(1) dl dt{ background: url('/front/flower/img/ico_process_01.png') no-repeat center top; background-size: auto; }
.process .inner > ul > li:nth-of-type(2) dl dt{ background: url('/front/flower/img/ico_process_02.png') no-repeat center top; background-size: auto; }
.process .inner > ul > li:nth-of-type(3) dl dt{ background: url('/front/flower/img/ico_process_03.png') no-repeat center top; background-size: auto; }
.process .inner > ul > li:nth-of-type(4) dl dt{ background: url('/front/flower/img/ico_process_04.png') no-repeat center top; background-size: auto; }
.process .inner > ul > li:nth-of-type(5) dl dt{ background: url('/front/flower/img/ico_process_05.png') no-repeat center top; background-size: auto; }
.process .inner > ul > li dl dd{ font-size: 16px; font-weight: 500; color: #ffffff; line-height: 22px; }
.process .inner > ul > li ol{ width: 100%; height: 150px; text-align: left; padding: 25px 20px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: #f8f8f8; box-sizing:border-box;}
.process .inner > ul > li ol li{ position: relative; padding-left: 10px; }
.process .inner > ul > li ol li::before{ position: absolute; left: 0; top: 13px; width: 3px; height: 3px; background-color: #8a8a8a; border-radius: 50%; content: ''; display: inline-block; }
.process .inner > ul > li ol li p{ display: inline-block; font-size: 13px; font-weight: 400; color: #989898; letter-spacing: -0.5px; line-height: 25px; }
.process .inner > ul > li ol li.point p{ font-weight: 700; color: #1b1b1b; border-bottom: 2px solid #fdb418; }

/** - - - 플로리스트 배너 - - - */
.bottom_banner{ background-color: #f8f8f8; }
.bottom_banner .inner{ position: relative; height: 412px; }
.bottom_banner .inner .banner{box-sizing: border-box; position: absolute; left: 0; top: -85px; width: 100%; display: flex; align-items: center; justify-content: flex-end; padding: 50px 60px; background: url('/front/flower/img/ban_florist.png') no-repeat center top; background-size: cover; z-index: 10; }
.bottom_banner .inner .banner .txtBox h3{ font-size: 30px; font-weight: 500; color: #343029; letter-spacing: -1.5px; }
.bottom_banner .inner .banner .txtBox p{ font-size: 16px; font-weight: 500; color: #756445; letter-spacing: -0.5px; margin-top: 15px; }
.bottom_banner .inner .banner .btnBox{ margin-left: 60px; }
.bottom_banner .inner .banner .btnBox a{ display: inline-block; vertical-align: middle; }
.bottom_banner .inner .banner .btnBox .btn_kakao{ width: 70px; height: 70px; background: url('/front/flower/img/btn_kakao.png') no-repeat center center; text-indent: -9999px; margin-right: 10px; }
.bottom_banner .inner .banner .btnBox .btn_bgChange{ line-height: 70px; }