html {
  scroll-behavior: smooth;
}


.sub_visual_are{
	position: relative
}
.sub_visual_are .sub_visual_title{text-align: center;
padding: 250px 0 150px; background: url(../img/sub/sub_visual_bg.png);
background-position: left top; background-repeat: no-repeat}


.sub_visual_are .sub_visual_title h4{color: #7ecdd7; font-size: 18px; margin-bottom: 15px; font-weight: 500;
text-transform: uppercase}
.sub_visual_are .sub_visual_title h2{color: #202123; font-size: 56px; line-height: 150%; word-break: keep-all; font-weight: 500}
.sub_visual_are .sub_visual_title ul{display: flex; gap:25px; margin-top: 35px; justify-content: center;}
.sub_visual_are .sub_visual_title ul li {color: #202123; font-size: 18px; word-break: keep-all; font-weight: 300}

.sub_visual_are .sub_visual_img{overflow: hidden}
.sub_visual_are .sub_visual_img img{display: block; width: 100%}

.sub_visual_are .sub_visual_img.cover{position: relative; height: 90vh; background: url(../img/sub/sub_visual_img_cover.png);
background-position: center; background-size: cover;
display: flex;
    justify-content: center;
    align-items: center;
    text-align: center}


.sub_visual_are .sub_visual_img.cover .txt{}
.sub_visual_are .sub_visual_img.cover .txt p{color: #7ecdd7; font-size: 18px; margin-bottom: 15px; font-weight: 500;
text-transform: uppercase}
.sub_visual_are .sub_visual_img.cover .txt h3{color: #fff; font-size: 56px; line-height: 150%; word-break: keep-all; font-weight: 500}


.sub_section{padding: 150px 0}
.sub_section.board_section{padding-top: 0}
.sub_section + .sub_section{padding-top: 50px}

.sub_section.nobottom{padding-bottom: 0}
.inner{padding: 0 12rem}
.inner2{padding: 0 60px}

.sub_title{margin-bottom: 60px; text-align: center}
.sub_title.course_title{margin-bottom: 30px}
.sub_title h2{color: #202123; font-size: 56px; line-height: 150%; word-break: keep-all; font-weight: 500}
.sub_title h3{color: #202123; font-size: 44px; line-height: 150%; word-break: keep-all; font-weight: 500}
.sub_title h4{font-size: 28px; color: #202123; word-break: keep-all; line-height: 150%}

* + .sub_title{margin-top: 150px}


.tab {
  display: flex;
  align-items: center;
  gap:10px; 
  justify-content: center;
  margin-bottom: 100px;
}
.tab__item {
  cursor: pointer
}

.tab__item a{ color: #202123;
 padding:20px;
  border: 1px solid #dfdfdf;
  border-radius: 40px;
  min-width: 240px;
  font-size: 20px;
  color: #202123;
  text-align: center; display: block}

.tab__item.active {
  display: inline-block;
}

.tab__item.active a{color: #fff;
border: 1px solid #46aba7;
  background-color: #46aba7;
  color: #fff;}

.tab__content-wrapper {
 
}
.tab__content {
  /*display: none;*/
}
.tab__content.active {
  display: block;
}

.tab__content + .tab__content{margin-top: 180px}


.sub01_in{}

.sub_tlb{}
.sub_tlb table{width: 100%; border-spacing: 0; border-top: 2px solid #e0dfdc}

.sub_tlb table th,
.sub_tlb table td{font-size: 18px; word-break: keep-all; color: #202123; padding: 25px 30px; border-bottom: 1px solid #ebebeb}

.sub_tlb table th{background: #faf9f5}
.sub_tlb table td.center{text-align: center}

.sub_tlb table th + td{border-left: 1px solid #ededed}
.sub_tlb table th + th{border-left: 1px solid #ededed}
.sub_tlb table td + td{border-left: 1px solid #ededed}


.sub01_in .ck_list{margin-top: 55px;}
.sub01_in .ck_list li{padding: 25px; background: #faf9f5; border-radius: 8px; gap:10px; display: flex; font-size: 18px; word-break: keep-all; line-height: 150%}
.sub01_in .ck_list li + li{margin-top: 15px;}
.sub01_in .ck_list li i{width: 25px;}
.sub01_in .ck_list li i img{max-width: 100%; display: block}
.sub01_in .ck_list li span{flex:1}


.sub01_in .ck_list.green{display: flex; gap:14px; flex-wrap: wrap;}
.sub01_in .ck_list.green li{width: calc(50% - 7px); background: #f4faf2}
.sub01_in .ck_list.green li + li{margin: 0}


.sub01_in .ck_list.white{}
.sub01_in .ck_list.white li{background: #fff; border: 2px solid #ebebeb}

.note_box{padding: 25px; border: 3px solid #ebebeb; background: #fff; border-radius: 8px; margin-top: 55px;}
.note_box.red{border: 0; background: #fcf5f5}


.note_box h4{gap:10px; display: flex; color: #202123; font-size: 22px; line-height: 150%; word-break: keep-all;align-items: center;}
.note_box.red h4{font-size: 18px}


.note_box h4 i img{display: block;}

.note_box h4 + *{margin-top: 20px;}

ul.dot{}
ul.dot li{word-break: keep-all; line-height: 150%; color: #202123; font-size: 18px; padding-left: 15px; position: relative}
ul.dot li:after{content: ''; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; background: #dfdfdf}
ul.dot li + li{margin-top: 6px;}


.sub01_flex_title{display: flex; gap:15px; align-items: center;  justify-content: center;}
.sub01_flex_title h4{font-size: 20px; color: #202123; font-weight: 500; word-break: keep-all}
.sub01_flex_title .go_link{display: inline-flex; padding: 16px 25px; border: 2px solid #ebebeb; border-radius: 60px; 
font-size: 18px; color: #202123; word-break: keep-all; align-items: center;  gap:10px}



.ck_list + .sub_tlb{margin-top: 55px;}



.sub_map{position: relative}
.sub_map iframe{display: block; width: 100%; height: 650px}

.sub_map_info{background: #faf9f5; padding: 50px 0}

.sub_map_info .sub_map_info_txt{position: relative}

.sub_map_info p{display: flex;align-items: center; gap:10px; color: #202123; word-break: keep-all; font-size: 18px; line-height: 150%;
align-items: center; }
.sub_map_info p b{margin-right: 10px;}
.sub_map_info p img{display: block}




.map_btn{display: flex; gap:10px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.map_btn a{min-width: 150px; padding: 20px; display: inline-flex; gap: 10px; font-size: 18px; color: #202123; word-break: keep-all;
border-radius: 60px; align-items: center; }
.map_btn a.kakao{background: #fae100}
.map_btn a.naver{background: #03c75a; color: #fff}

.map_btn a img{display: block}


.sub_map .map_btn{position: absolute;z-index: 2; top: 20px; right: 20px;     transform: translateY(-0%); }


p.option_p{color: #202123; font-size: 18px; word-break: keep-all; line-height: 150%; margin-top: 40px; text-align: center}



p.option_p_last{color: #202123; font-size: 24px; word-break: keep-all; line-height: 150%; margin-top: 40px; text-align: center; font-weight: 500}


.pop_img_are{position: relative; max-width: 1800px; margin: 55px auto 0}
.pop_img_are .pop_img{max-width: 100%; display: block}

.pop_btn_are{position: absolute; left: 0; top: 0; width: 100%; height: 100%}
.pop_btn_are a{position: absolute;cursor: pointer;
    width: calc((145 / 1800) * 100vw); transition-duration: .8s; opacity: 0; }
.pop_btn_are a img{max-width: 100%;}

.pop_btn_are a:hover{opacity: 1;}


.pop_btn_are a.pop_btn01{ left: 40%; top: 20%; }
.pop_btn_are a.pop_btn02{ left: 45%; top: 15%; }
.pop_btn_are a.pop_btn03{ left: 50.5%; top: 15%; }
.pop_btn_are a.pop_btn04{ left: 56%; top: 15%; }
.pop_btn_are a.pop_btn05{ left: 62%; top: 15%; }
.pop_btn_are a.pop_btn06{ left: 69%; top: 17%; }
.pop_btn_are a.pop_btn07{ left: 74.5%; top: 15%; }
.pop_btn_are a.pop_btn08{ left: 84%; top: 12%; }
.pop_btn_are a.pop_btn09{ left: 74%; top: 46%; }
.pop_btn_are a.pop_btn10{ left: 64%; top: 50%; }
.pop_btn_are a.pop_btn11{ left: 54%; top: 30%; }
.pop_btn_are a.pop_btn12{ left: 50%; top: 60%; }
.pop_btn_are a.pop_btn13{ left: 46%; top: 70%; }
.pop_btn_are a.pop_btn14{ left: 41%; top: 50%; }

.pop_btn_are a.pop_btn15{ left: 28%; top: 50%; }
.pop_btn_are a.pop_btn16{ left: 23%; top: 50%; }
.pop_btn_are a.pop_btn17{ left: 19%; top: 50%; }
.pop_btn_are a.pop_btn18{ left: 26%; top: 70%; }
.pop_btn_are a.pop_btn19{ left: 18%; top: 35%; }
.pop_btn_are a.pop_btn20{ left: 10%; top: 24%; }
.pop_btn_are a.pop_btn21{ left: 18%; top: 10%; }






.modal_pop{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 9999; display: none}
.modal_pop.atv_pop{display: block}

.modal_pop .modal_pop_are{position: absolute; left: 50%; top: 50%; background: #fff;
transform: translate(-50%, -50%); padding: 40px; border-radius: 50px; max-width: 620px}
.modal_pop .modal_pop_are .thum{overflow: hidden; border-radius: 16px; }
.modal_pop .modal_pop_are .thum img{width: 100%; display: block}
.modal_pop .modal_pop_are .txt{margin-top: 45px;}
.modal_pop .modal_pop_are .txt h3{color: #363332; font-size: 30px;; word-break: keep-all; font-weight: 600}
.modal_pop .modal_pop_are .txt .in_txt{border-radius: 16px; background: #fafaf7; padding: 25px; margin-top: 25px}
.modal_pop .modal_pop_are .txt .in_txt p{word-break: keep-all; line-height: 150%; color: #363332; font-size: 18px; height: 160px; overflow-y: auto}


.modal_pop_close{position: absolute; right: -40px; top: -40px; width: 88px; height: 88px; background: #3c8790; border-radius: 90px;
display: flex; justify-content: center;
    align-items: center; ; cursor: pointer}

.modal_pop .pop_btn{display: flex; gap:10px; margin-top: 30px}
.modal_pop .pop_btn a{display: flex; gap:10px; align-items: center; color: #fff; font-size: 18px; word-break: keep-all; padding: 20px; flex:1;
border-radius: 80px; background: #3c8790; justify-content: center;}
.modal_pop .pop_btn a + a{background: #8f9963}


.course_top{margin-bottom: 50px;}
.course_top p{font-size: 20px; color: #202123; word-break: keep-all; display: flex; gap:15px;
justify-content: center;
    align-items: center;}


.course{display: flex; gap:20px; align-items: center; max-width: 1500px; margin: 0 auto }
.course .box{width: 180px; height: 180px; display: flex; background: #f5f4ec; border-radius: 180px; overflow: hidden;
flex-direction: column;
    justify-content: flex-start;
    align-items: center; gap:15px; text-align: center; padding-top: 50px}
.course.course01 .box:first-child{background: url(../img/sub/course01.png); background-position: center; background-size: cover}

.course .box p{background: #fff; width: 55px; text-align: center; font-size: 18px; border-radius: 55px; height: 28px; line-height: 28px; font-size: 18px; font-weight: 600}
.course .box h4{word-break: keep-all; line-height: 140%; color: #202123; font-size: 20px; }


.course.course01 .box:first-child p{color: #3c8790}
.course.course01 .box:first-child h4{color: #fff}

.course .arrow{justify-content: center; align-items: center; display: flex}
.course .arrow i{width: 44px; height: 44px; border-radius: 44px; background: rgba(186,182,153,0.05); border-radius: 44px;
justify-content: center; align-items: center; display: flex}

.course + .course{margin-top: 20px}

.course.course02{justify-content: flex-end; }

.course.course02 .arrow{width: 180px; }

.course.course02 .arrow i{transform: rotate(90deg);}

.course.course03 .arrow i{transform: rotate(180deg);}




.plus_course{background: #f7f7f2; border-radius: 50px; padding: 80px 0; position: relative; margin-top: 130px}
.plus_course i.top_i{width: 88px; height: 88px; border-radius: 88px; background: #a5ad82; display: flex; 
justify-content: center; align-items: center; position: absolute; left: 50%; top: -44px;
transform: translateX(-50%);}

.plus_course .sub_title{margin-top: 0}

.plus_course .course.course01 .box{background: #fff}
.plus_course .course.course01 .box:first-child{background: url(../img/sub/course02.png); background-position: center; background-size: cover}

.plus_course .course.course01 .box:first-child p{color: #8f9963}


.guide_flex{display: flex; gap:26px; }
.guide_flex .box{flex:1; border-radius: 12px; overflow: hidden; background: #3c8790}
.guide_flex .box .thum{overflow: hidden; border-radius: 0 0 24px 24px; position: relative}
.guide_flex .box .thum img{max-width: 100%; display: block; width: 100%}
.guide_flex .box .thum .txt{position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; padding-top: 120px}
.guide_flex .box .thum .txt h4{color: #fff; font-size: 36px; word-break: keep-all;}
.guide_flex .box .thum .txt p{color: #fff; font-size: 18px; line-height: 150%; word-break: keep-all; margin-top: 25px;}

.guide_flex .box .btn_are{padding: 15px;text-align: center}

.play_btn{width: 64px; height: 64px;justify-content: center; align-items: center; display: inline-flex ; background: #fff; border-radius: 64px}


.all_guide{display: flex; padding: 15px 45px 15px 15px; background: #3c8790; border-radius: 100px; align-items: center; gap:36px}
.all_guide .left{display: flex; gap: 25px; align-items: center;}
.all_guide .left p{color: #fff; font-size: 18px; word-break: keep-all}

.all_guide .guide_line{background: #77abb2; border-radius: 6px; height: 6px; width: 100%; flex:1; position: relative}
.all_guide .guide_line .bg{width: 30%; background: #fff; height: 100%; border-radius: 6px; position: absolute; left: 0; top: 0}
.all_guide .guide_line .dot{position: absolute; width: 12px; height: 28px; border-radius: 12px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.5);
top: 50%; transform: translateY(-50%);}


.all_guide .guide_line .dot:nth-child(1){left: 20%}
.all_guide .guide_line .dot:nth-child(2){left: 40%}
.all_guide .guide_line .dot:nth-child(3){left: 60%}
.all_guide .guide_line .dot:nth-child(4){left: 80%}




.note_center{padding: 50px 25px; background: #fff; border-radius: 20px; border: 2px solid #ebebeb; text-align: center; margin-top: 80px;}
.note_center p{color: #202123; font-size: 18px; line-height: 150%; word-break: keep-all}


.flex_note_text{display: flex; margin-top: 100px;}
.flex_note_text .box{flex:1}
.flex_note_text .box + .box{border-left: 3px solid #f8f8f8; padding-left: 60px;}

.flex_note_text .box h3{font-size: 28px; color: #202123; font-weight: 600; margin-bottom: 45px; word-break: keep-all}
.flex_note_text .box p{color: #202123; font-size: 18px; line-height: 150%; word-break: keep-all}

.flex_note_text .box p + ul{margin-top: 30px;}

.travel_info{display: flex;     align-items: flex-start;}
.travel_info .center{text-align: center; width: 40%; padding-top: 100px;
position: sticky;
    top: 50px;}

.travel_info .center h3{color: #202123; font-size: 36px; line-height: 150%; word-break: keep-all}
.travel_info .center p{color: #202123; font-size: 18px; line-height: 150%; word-break: keep-all}
.travel_info .center img{margin: 80px auto; display: block}

.travel_info .center a{margin-top: 80px}


.travel_info .box{flex:1; width: 30%}

.travel_info .box img{display: block}
.travel_info .box:first-child{padding-top: 150px;}
.travel_info .box:first-child img  + img{margin-top: 200px; margin-right: -100px; margin-left: auto}

.travel_info .box:last-child{padding-top: 0px; }
.travel_info .box:last-child img{margin: 0 0 0 auto}
.travel_info .box:last-child img  + img{margin-top: 400px; margin-right: 140px; margin-left: auto}


.sub_btn{padding: 20px; color: #fff; font-size: 18px; word-break: keep-all; text-align: center; min-width: 240px; background: #46aba8;
display: inline-block; border-radius: 80px}


.sub_search_are{display: flex; border-radius: 8px; background: #f8f8f8; padding: 40px 25px; gap:10px;
    align-items: center;
    justify-content: center;}
.sub_search_are input{background: #fff; border-radius: 70px; height: 70px; line-height: 70px; border: 3px solid #ebebeb; padding: 0 50px;
font-size: 16px; word-break: keep-all; min-width: 550px}

.sub_search_are .sub_search_btn{height: 70px; width: 70px; background: #c4bea7; border-radius: 70px;display: flex;
    justify-content: center;
    align-items: center;}



.flower_list{display: flex; gap:24px;     flex-wrap: wrap;}
.flower_list li{position: relative; width: calc(25% - 18px)}
.flower_list li img{width: 100%}

.flower_list li .txt{position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; padding: 48px 25px}

.flower_list li .txt h3{
	font-family: 'KoPubWorld Batang', 'Apple SD Gothic Neo', serif !important;
	color: #fff; font-size: 36px;  font-weight: 500
}




.flex_hover{display: flex; gap:24px}


.flex_hover .box{flex:1 1 0%; border-radius: 0px; overflow: hidden; height: 520px; 
transition-duration: 1s; position: relative;  z-index: 2; padding: 30px; background-position: center; background-size: cover; display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;}
.flex_hover .box:hover{flex:4 1 0% }
.flex_hover .box:last-child{margin: 0 auto 0}


.flex_hover .box:nth-child(1){background-image: url(../img/sub/flex_hover01.png)}
.flex_hover .box:nth-child(2){background-image: url(../img/sub/flex_hover02.png)}
.flex_hover .box:nth-child(3){background-image: url(../img/sub/flex_hover03.png)}
.flex_hover .box:nth-child(4){background-image: url(../img/sub/flex_hover04.png)}



.flex_hover .box .txt{visibility: hidden; transition-duration: 0s; opacity: 0}
.flex_hover .box .txt h3{color: #fff; word-break: keep-all; font-size: 32px}
.flex_hover .box .txt p{color: #fff; line-height: 150%; word-break: keep-all; font-size: 18px; margin-top: 15px}

.flex_hover .box .txt * {transition-duration: .8s}

.flex_hover .box:hover .txt{opacity: 1; visibility: visible;  transition-duration: 1.5s;}


.sub03_img{padding: 0 50px; margin-top: 130px}
.sub03_img img{display: block; max-width: 100%}

.sub03_flex2{display: flex; gap:34px;flex-wrap: wrap; }
.sub03_flex2 .box{width: calc(50% - 17px); position: relative}
.sub03_flex2 .box img{display: block; width: 100%}

.sub03_flex2 .box .txt{position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 40px}
.sub03_flex2 .box .txt h3{
	font-family: 'KoPubWorld Batang', 'Apple SD Gothic Neo', serif !important;
	color: #fff; font-size: 32px;  font-weight: 500
}





.sub03_slide_are{margin-top: 150px; position: relative; margin-bottom: 100px;}

.sub03_slide{}
.sub03_slide img{width: 100%; border-radius: 8px}
.sub03_slide .slick-list{padding: 0 12rem}
.sub03_slide .slick-slide{padding: 0 15px}


.sub03_slide_are .slide_btn{position: absolute; top: 50%; z-index: 2; padding: 0 calc(12rem - 35px); width: 100%;
display: flex;
    justify-content: space-between;
    align-items: center;
    transform: translateY(-50%);}
.sub03_slide_are .slide_btn span{width: 110px; height: 110px; border: 2px solid #ebebeb; border-radius: 110px; display: flex;
justify-content: center;
    align-items: center; background: #fff; cursor: pointer; box-shadow:10px 0 20px rgba(0,0,0,0.4)}




.sub03_flex3{display: flex; gap:26px}
.sub03_flex3 .box{flex:1; overflow: hidden; border-radius: 8px}
.sub03_flex3 .box img{display: block; width: 100%}






.sub_company{position: relative}
.sub_company .sub_company_icon{position: absolute; right: 0; top: 0}

.company_flex{display: flex; gap:12rem; align-items: center; padding-top: 100px}
.company_flex > div{flex:1}
.company_flex .txt p{font-size: 18px; line-height: 160%; word-break: keep-all; color: #202123}
.company_flex .txt p + p{margin-top: 80px;}

.company_flex .thum{}
.company_flex .thum img{max-width: 100%}


.company_flex_img{display: flex; gap:10px;}
.company_flex_img .img_box{flex:1}
.company_flex_img .img_box img{width: 100%}


.sub_04_partner{display: flex; gap:40px; flex-wrap: wrap;}
.sub_04_partner .box{width: calc(33.33% - 26.66px); border-radius: 20px; background: #f7f7f2; padding: 38px}
.sub_04_partner .box .thum{}
.sub_04_partner .box .thum img{display: block; max-width: 100%}

.sub_04_partner .box .txt{display: flex; gap: 15px; margin-top: 30px}
.sub_04_partner .box .txt p{word-break: keep-all; color: #202123; font-size: 18px; line-height: 150%;  font-weight: 600}






.sub_company2 .inner{padding-right: 0}


.company_flex2{display: flex; gap:12rem; align-items: flex-start; padding-top: 100px}
.company_flex2 > div{flex:1}
.company_flex2 .txt h3{font-size: 36px; word-break: keep-all; line-height: 150%; color: #202123; margin-bottom: 80px;}
.company_flex2 .txt p{font-size: 18px; line-height: 160%; word-break: keep-all; color: #202123}
.company_flex2 .txt p + p{margin-top: 80px;}


.company_flex2 .thum{text-align: right}
.company_flex2 .thum img{max-width: 100%}
.company_flex2 .thum img:first-child{margin-right: 50px}
.company_flex2 .thum img:last-child{margin-top: 180px; margin-right: 0; margin-left: auto}



.sub04_slide{}
.sub04_slide .box{position: relative; border-radius: 8px; overflow: hidden}
.sub04_slide img{width: 100%; }
.sub04_slide .slick-list{padding: 0 12rem}
.sub04_slide .slick-slide{padding: 0 10px}

.sub04_slide .box .txt{position: absolute; left: 0; top: 0; width: 100%; height: 100%;
background: linear-gradient(0deg,rgba(60, 135, 144, 1) 0%, rgba(60, 135, 144, 0) 50%); padding: 35px;
display: flex;
align-items: flex-end;
    justify-content: flex-start;}

.sub04_slide .box .txt p{font-size:24px; color: #fff; word-break: keep-all; line-height: 150% ; font-weight: 500}


.flex_sub04_box{display: flex; gap: 50px; align-items: flex-start;}

.flex_sub04_box .box{position: relative; border-radius: 8px; overflow: hidden; flex:1}

.flex_sub04_box .box:nth-child(2n){margin-top: 66px}

.flex_sub04_box .box img{display: block; width: 100%}
.flex_sub04_box .box .txt{position: absolute; left: 0; top: 0; width: 100%; height: 100%;
background: linear-gradient(0deg,rgba(143, 153, 99, 1) 0%, rgba(143, 153, 99, 0) 50%); padding: 35px;
display: flex;
align-items: flex-end;
    justify-content: center; text-align: center}

.flex_sub04_box .box .txt p{font-size:24px; color: #fff; word-break: keep-all; line-height: 150% ; font-weight: 500}

.card_news{display: flex; gap:30px; flex-wrap: wrap;}

.card_news li{width: calc(50% - 15px); position: relative; border-radius: 8px; overflow: hidden}

.card_news li img.thum{width: 100%; height: 100%;
object-fit: cover;
    aspect-ratio: 724 / 400;}


.card_news li .txt{position: absolute; left: 0; bottom: 0; width: 100%; padding: 35px; z-index: 2; transition-duration: .8s; height: 100%;
display: flex;
    flex-direction: column;
    justify-content: flex-end}
.card_news li .txt *{color: #fff; transition-duration: 2s}

.card_news li .txt h3{font-size: 28px; word-break: keep-all; line-height: 150%}
.card_news li .txt p{font-size: 18px; color: #fff; word-break: keep-all; line-height: 150%; margin-top: 20px}
.card_news li .txt .in_txt{height: 0; max-height: 0; overflow: hidden; visibility: hidden; overflow: hidden; transition-duration: 2s}


.card_news li i{position: absolute; width: 88px; height: 88px; border-radius: 88px; background: rgba(255,255,255,0.2); display: flex;
    justify-content: center;
    align-items: center; left: 50%; top: 50%;
    transform: translate(-50%, -50%); transition-duration: 2s}

.card_news li:hover i{opacity: 0; visibility: hidden}

.card_news li:hover .txt{background: #3c8790; height: 100%;  justify-content: flex-start}
.card_news li:hover .txt .in_txt{height: auto; max-height: 500px; opacity: 1; visibility: visible}






.board_top_flex{margin-bottom: 30px}
.total_board p{color: #202123; font-size: 18px;}
.total_board p b{color: #888888}



.gall_list_style{display: flex; flex-wrap: wrap; gap:100px 50px}

.gall_list_style li{width: calc(33.33% - 33.33px); background: #faf9f5; border-radius: 40px; overflow: hidden; transition-duration: .8s}
.gall_list_style li .gall_img{}
.gall_list_style li .gall_img a{display: block;}
.gall_list_style li .gall_img a img.thum_board{width: 100%; height: 100%;
object-fit: cover;
    aspect-ratio: 16 / 9;}





.gall_list_style li .board_list_txt{ padding: 40px;}
.gall_list_style li .board_list_txt h5{color: #a2be26; font-size: 14px; margin-bottom: 10px;}
.gall_list_style li .board_list_txt h3{font-size: 24px; word-break: keep-all; line-height: 150%; color: #202123;
word-break: keep-all;
display: -webkit-box;
  -webkit-line-clamp: 1; /* 줄 수를 2줄로 제한 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; transition-duration: .8s}
.gall_list_style li .board_list_txt p.list_date{font-size: 14px; color: #a9a493; margin-top: 50px}



.gall_list_style li:hover{background: #fff; box-shadow: 20px 0 30px rgba(0,0,0,0.03)}

.gall_list_style.sns li{aspect-ratio: 1; position: relative}

.gall_list_style.sns li .gall_img a img.thum_board{width: 100%; height: 100%;
object-fit: cover;
    aspect-ratio: 1;}


.gall_list_style.sns li .board_list_txt{position: absolute; z-index: 2;
bottom: 0;
    left: 0;
    width: 100%; background: #fff; transition-duration: .8s; opacity: 0}


.gall_list_style.sns li:hover .board_list_txt{opacity: 1}

.gall_list_style.sns li .board_list_txt p.list_date{ margin-top: 15px}




#bo_cate {margin:0; width: 360px; border-top: 4px solid #ebebeb}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1; }
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:block; border-bottom: 1px solid #ebebeb}
#bo_cate a { transition-duration: .5s; display: block; font-size: 18px; font-weight: 500; padding:30px; position: relative}

#bo_cate a:after{content: '';
position: absolute; right: 30px; top: 50%; width:44px; height: 44px; border: 1px solid #dfdfdf; border-radius: 44px;
background: url(../img/sub/bo_cate.png); background-position: center; background-repeat: no-repeat; background-size: 9px auto;
transform: translateY(-50%); opacity: 0; transition-duration: .8s}

#bo_cate a:hover:after,
#bo_cate #bo_cate_on:after{opacity: 1}



#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#faf9f5;color:#202123; font-weight: bold}
#bo_cate #bo_cate_on {z-index:2;background:#faf9f5;color:#202123;font-weight:bold;}


.gall_custom_flex{display: flex; gap:80px}

.gall_custom_flex .gall_custom_flex_list{flex:1}

.gall_custom_flex .gall_custom_flex_list .gall_list_style{gap:24px}
.gall_custom_flex .gall_custom_flex_list .gall_list_style li{width: calc(50% - 12px)}




.new_list_style{border-top: 6px solid #dfdfdf}
.new_list_style li{width: 100%; border-bottom: 1px solid #ebebeb; }
.new_list_style li .news_list_txt{padding: 40px; background: #fff; transition-duration: .8s; display: block; position: relative}

.new_list_style li .news_list_txt:hover{background: #faf9f5;}
.new_list_style li .news_list_txt h3{font-size: 22px; word-break: keep-all; line-height: 150%; color: #202123;
word-break: keep-all;
display: -webkit-box;
  -webkit-line-clamp: 1; /* 줄 수를 2줄로 제한 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; transition-duration: .8s}
.new_list_style li .news_list_txt p.list_date{font-size: 14px; color: #a9a493; margin-top: 15px}



.new_list_style li .news_list_txt i{width: 60px; height: 60px; background: #c4bea7; transition-duration: .8s; display: flex; position: absolute;
right: 40px; top: 50%;
justify-content: center;
    align-items: center;
    transform: translateY(-50%); border-radius: 60px; opacity: 0; transition-duration: .8s}



.new_list_style li .news_list_txt:hover i{opacity: 1}








/*board*/

.board_common_btn_list{margin-top: 80px}
.board_common_btn_list ul{display: flex; gap:10px;align-items: center;
    justify-content: flex-end;}
.board_common_btn_list a, .board_common_btn_list button{border: 1px solid #ddd; border-radius: 5px; background: #fff; font-size: 16px; 
padding: 0 15px; height: 40px; line-height: 40px; color: #333; display: inline-block; text-align: center}



.search_board form{display: flex; gap:10px}
.search_board form select{background: #1A1A1A url(../img/sub/drop_search.png); 
background-position: 90% center; background-repeat: no-repeat; background-size: 13px auto;
border-radius: 5px; padding: 0 20px; font-size: 15px; color: #666; height: 60px; line-height: 60px; border: 0;
-o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; position: relative}

.search_board form select::-ms-expand{ 
	display: none;
}

.search_board .sch_bar{background: #1A1A1A; border-radius: 5px; display: flex; overflow: hidden}
.search_board .sch_bar input{font-size: 15px; padding: 0 20px; line-height: 60px; border: 0; background: #1A1A1A}
.search_board .sch_bar button{padding: 0 20px; border: 0; background: #1A1A1A}


.board_tlb table{width: 100%; border-top:1px solid rgba(255, 255, 255, 0.20); border-spacing: 0 }

.board_tlb table th{font-size:18px; padding:35px 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.20);
 font-weight: 500; color: #fff ;
background: #1B1B1B}

.board_tlb table td{font-size:18px; padding:35px 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.20); font-weight: 500; color: #fff }
.board_tlb table td a{color: #fff}
.board_tlb table td.empty_table{font-size: 1em;padding: 20px 0 !important;
    color: #666;
    text-align: center;}

.board_tlb table td.num{text-align: center; width: 80px; font-size: 15px; color: #fff}
.board_tlb table td.num .notice_icon{color: #fff}

.board_tlb table td.date{width: 160px; text-align: center; font-weight: 400 }
.board_tlb table td.date p{font-size: 16px; color: #999; text-align: center;}
.board_tlb table td.down{text-align: center; width: 170px; font-size: 15px; color: #999}
.board_tlb table td a.flexa{display: flex; gap:10px}
.board_tlb table td .point{font-size: 14px; background:#FF8A00 ; padding:5px 10px ; border-radius: 3px; color: #fff}
.board_tlb table td.file,
.board_tlb table td.ofc{text-align: center; width: 160px; text-align: center}




.board_tlb .down_load{}

.board_tlb .down_load{display: inline-flex; gap:10px; justify-content: center;
    align-items: center; font-size: 16px; color: #fff; background: #18459D; padding: 15px 25px 15px 15px; border-radius: 100px}
.board_tlb .down_load i{background: #fff; width: 30px; height: 30px; display: flex; justify-content: center;
    align-items: center; border-radius: 30px}




.board_detail_content{ padding-top: 100px; }
.board_view_btn{text-align: center; margin-top: 100px}


    
.if_video_are{max-width: 1024px; margin: 0 auto 50px}   
    
.board_detail_content .video-container {
  position:relative;
  height:0;
  padding-bottom:56.25%;
  overflow: hidden; border-radius: 5px
}

.board_detail_content .video-container iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


#bo_v_file li{padding: 25px 0; border: 0;border:0; border-top: 0px solid #ddd; border-bottom: 1px solid #ddd; box-shadow: none;
border-radius: 0}
#bo_v_file li a{display: flex; gap:20px; font-size: 16px; color: #ddd}

#bo_v_file li i{float: none; margin: 0}
#bo_v_file li i img{margin: 0}

#bo_v_file li a strong{font-weight: 400}




.contact_view{}
.contact_view li{font-size: 18px;}
.contact_view li + li{margin-top: 10px}

.contact_content *,
.contact_content{font-size: 18px; line-height: 150%; word-break: keep-all; }

#bo_v_con,
#bo_v_con *{ font-size: 16px; line-height: 150%; word-break: keep-all}



.more_product{margin-top: 80px; text-align: center}









#bo_w .bo_w_flie .frm_file{
	    border: 0px solid #e6e6e6;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    border-radius: 0px;
	margin: 0
}



.board_title{text-align: center; background: #faf9f5; padding: 250px 25px 150px}
.board_title h5{color: #7ecdd7; font-size: 18px; margin-bottom: 15px; text-transform: uppercase}
.board_title h2{color: #202123; word-break: keep-all; line-height: 150%; font-size: 56px;}
.board_title p{color: #a9a493; font-size: 18px; margin-top: 30px}



.bo_v_nb {margin:80px 0 0;position:relative;clear:both;text-align:left}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {border-top:1px solid #ebebeb;padding:25px; font-size: 16px; color: #202123}
.bo_v_nb li:last-child {border-bottom:1px solid #f1f1f1}
.bo_v_nb li:hover {background:#f6f6f6}
.bo_v_nb li i {font-size:13px;color:#b3b3b3; }
.bo_v_nb li .nb_tit {display:inline-flex;padding-right:20px;color:#b3b3b3; gap:10px;     align-items: center;}
.bo_v_nb li .nb_date {float:right;color:#b3b3b3}


.form_in{margin-top: 80px;}


.form_in ul{display: flex; gap:50px 40px;flex-wrap: wrap;}
.form_in ul li{width: calc(50% - 20px)}
.form_in ul li.w100{width: 100%}

.form_in ul li label{display: block; margin-bottom: 10px;color: #202123; font-size: 18px}
.form_in ul li label span{color: #FF0004}


.form_in ul li input[type="text"],
.form_in ul li input[type="email"],
.form_in ul li select{width: 100%;
 flex:1 ;
word-break: keep-all; padding: 0 20px}

.form_in *::placeholder{color: #999}

.flex_input{display: flex; gap: 20px;     align-items: center}
.flex_input span{font-size: 16px; color: #999}

.form_in ul li textarea{width: 100%;
 flex:1 ;
word-break: keep-all} 


.ck_agree{margin-top: 30px;display: flex; gap:15px;     align-items: center;}
.ck_agree p{font-size: 16px; color: #111111; word-break: keep-all}
.ck_agree p a{color: #111}


.form_in_btn{text-align: center; margin-top: 80px; text-align: center}





.sub05_list{}
.sub05_list .box{padding: 30px; border-radius: 8px; background: #fff; border: 2px solid #ebebeb}
.sub05_list .box h3{padding-left: 55px; position: relative; color: #202123; font-size: 20px; word-break: keep-all; line-height: 150%}
.sub05_list .box h3:after{
	content: 'Q';
	width: 40px; height: 40px; border-radius: 40px;
	background: rgba(60,135,144,0.1);
	font-size: 18px; color: #3c8790;
	position: absolute; left: 0; top: -5px;
	display: flex;
	align-items: center;
    justify-content: center;
}

.sub05_list .box  + .box{margin-top: 15px}

.sub05_list .box .radio_are{display: flex; gap:25px; margin-top: 30px}
.sub05_list .box .radio_are input{display: none}
.sub05_list .box .radio_are input + label{font-size: 18px; color: #202123; word-break: keep-all; position: relative; padding-left: 30px;

cursor: pointer;
    display: block;
    width: auto;
    height: auto;
    border: 0px solid #cdcdcd;
    border-radius: 0%;
    margin: 0 ;
    text-align: left;

}
.sub05_list .box .radio_are input + label:after{
	position: absolute; left: 0; top: 0;
	width: 20px; height: 20px; 
	background: url(../img/sub/ck.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	content: ""
}

.sub05_list .box .radio_are input[type=radio] + label:hover{background: #fff}

.sub05_list .box .radio_are input:checked + label:after {    background-image: url(../img/sub/ckon.png);
}

.sub05_list .box .radio_are input[type=radio]:checked + label {
    background-color: #fff;
    border: 0px solid #111;
    color: #202123;
}





#faq_wrap {margin:0; }

#faq_wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

.faq_admin {text-align:right}

#faq_wrap ol {margin:0;padding:0;list-style:none}

#faq_wrap li {;position:relative; transition-duration: .5s;
padding: 30px; border-radius: 8px; background: #fff; border: 2px solid #ebebeb}

#faq_wrap li + li{margin-top: 15px}

#faq_wrap li:first-child {border-top:1px solid #ececec}
#faq_wrap li h3 {padding-left:70px;position:relative; font-size: 20px; color: #202123;word-break:keep-all; line-height: 150%; transition-duration: .8s}
#faq_wrap li h3 a{color: #202123}
#faq_wrap li h3 .tit_btn {position:absolute;right:0px;top:0px;border:0;width:27px;height:27px;background:#fff;color:#fff;font-size:18px}

#faq_wrap li h3 .tit_bg {
	width: 40px; height: 40px; border-radius: 40px;
	background: rgba(99,177,75,0.1);
	font-size: 18px; color: #63b14e;
	position: absolute; left: 0; top: -5px;
	display: flex;
	align-items: center;
    justify-content: center;
}





#faq_wrap li h3 .tit_btn img{transition-duration: .8s;transform: rotate(180deg);}

#faq_wrap li h3.faq_li_open .tit_btn img{transform: rotate(0deg);}

#faq_con .con_inner {display:none;
padding: 20px 0px;
}


#faq_con .con_inner,
#faq_con .con_inner *{color: #202123; font-size: 18px; word-break: keep-all; line-height: 150%;
}

#faq_con .con_inner{position: relative; padding-left:70px; transition-duration: .5s; margin-top: 25px; border-top: 1px solid #ebebeb; }




#faq_con .con_inner .tit_bg {
	width: 40px; height: 40px; border-radius: 40px;
	background: #faf9f5;
	font-size: 18px; color: #999791;
	position: absolute; left: 0; top: 15px;
	display: flex;
	align-items: center;
    justify-content: center;
}



#faq_wrap li:has(.faq_li_open) {
  
}