@charset "utf-8";

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition-delay: 10ms; }

body { background: #f5f5f5; }
input[type='hidden1'] { display: none; }
.hide_logo { position: absolute; left: -999px; top: -999px; width: 0; height: 0; overflow: hidden; }
.tbl03 tbody th em { color: red; }
.label_box label { display: inline-block; margin-right: 13px; font-size: 16px; }
.tbl03 th { background: #fff; }
.main_con { overflow: hidden; }


.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {border:0; background:none; height:30px;}
.ui-datepicker th span {font-size:15px !important; font-weight:500;}
.ui-datepicker td span, .ui-datepicker td a {font-size:15px !important;}
.ui-datepicker .ui-datepicker-buttonpane button {font-size:15px !important;}
.ui-datepicker-current-day .ui-state-active { border-radius:0 !important; border:1px solid #ff6400 !important; background:#ff6400 !important; color:#fff !important; font-weight:600;}


.visualzone .item { height: 100vh; min-height: 900px; background: url(../images/main/visual01.png) no-repeat center top; background-size: cover; }
.visualzone .item.n2 { background-image: url(../images/main/visual02.png); }
.visualzone .item.n3 { background-image: url(../images/main/visual08.png); }
.visualzone .item.n4 { background-image: url(../images/main/visual04.png); }
.visualzone .item.n5 { background-image: url(../images/main/visual05.png); }
.visualzone .item.n6 { background-image: url(../images/main/visual06.png); }
.visualzone .item.n7 { background-image: url(../images/main/visual07.png); }
.visualzone .item.n8 { background-image: url(../images/main/visual09.png); }
.visualzone .item.n9 { background-image: url(../images/main/visual10.png); }
.visualzone .item.n10 { background-image: url(../images/main/visual00.png); }
.visualzone.type2 .item {height:760px; min-height:760px;} 
.visualzone .item .box { max-width: 1500px; margin: 0 auto; padding-top: 240px; color: #fff; }
.visualzone .item .box span { color: #00c5b9; }
.visualzone .item.n10 .box span {color:#fff;}
.visualzone .item .box h2 { font-size: 42px; font-weight: 800; margin: 10px 0 20px; line-height: 1.3; }
.visualzone .item .box p { font-size: 19px; color: #ddd; line-height: 1.35; margin-bottom: 50px; }
.visualzone .item .box .lst {margin-bottom:40px;}
.visualzone .item .box .lst li {position:relative; margin-bottom:18px; font-size:19px; padding-left:40px;}
.visualzone .item .box .lst li .num {position:absolute; left:0; top:-4px; display:block; width:30px; height:30px; border-radius:50%; background:#fff; color:#333; text-align:center; line-height:30px; font-size:14px;}
.visualzone .item .box a { display: flex; justify-content: space-between; align-items: center; width: 210px; height: 62px; line-height: 60px; color: #fff; border: 1px solid rgba(255, 255, 255, 0.5); padding: 0 20px; }
.visualzone .nav .box1 { position: absolute; right: 50%; margin-right: -750px; bottom: 90px; }
.visualzone .nav .box1 .count { color: #fff; font-size: 14px; }
.visualzone .nav .box1 button { display: none; }
.visualzone .nav .box2 button { color: #fff; position: absolute; top: 50%; margin-top: -30px; width: 60px; height: 60px; line-height: 58px; text-align: center; background: none; border: 1px solid rgba(255, 255, 255, 0.15); }
.visualzone .nav .box2 button i { font-size: 18px; }
.visualzone .nav .box2 button.prev { left: 30px; }
.visualzone .nav .box2 button.next { right: 30px; }


.res_lst { display: flex; justify-content: space-between; margin-top: 60px; }
.res_lst li { width: 31.6%; text-align: center; }
.res_lst li h2 { background: #fff; text-align: center; padding: 40px 10px; font-weight: normal; color: #666; }
.res_lst li h2 i { display: block; color: #00b9ae; font-size: 52px; }
.res_lst li h2 strong { display: block; font-size: 20px; margin: 20px 0 6px; color: #333; }
.res_lst li h3 { margin: 36px 0 28px; font-size: 28px; }
.res_lst li .p1 { font-size: 20px; margin-bottom: 10px; font-weight: 600; color: #ff6400; }


.srch_box { max-width: 1500px; margin: -110px auto 80px; position: relative; z-index: 11; }
.srch_box .top { height: 46px; color: #fff; font-size: 16px; }
.srch_box .top img { margin-right: 10px; }
/*.srch_box .srch_inr { background:#fff; border-radius:0 0 15px 15px; box-shadow:20px 20px 40px rgba(0,0,0,0.05); } */
.srch_box .srch_inr { background: #fff; box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.05); }
.srch_box .box1 { min-height: 64px; display: flex; border-bottom: 1px solid #e2e2e2; align-items: center; padding: 10px 30px; flex-wrap: wrap; }
.srch_box .box2 { padding: 30px 30px; }
.srch_box .custom-btn-dark { height:48px; line-height:48px; padding:0 30px;}
.srch_box .custom-btn-dark:before {content:''; display:inline-block;}
.srch_box .custom-btn-dark + .custom-btn-dark { background:#00a69c !important; margin-left:8px;}

.srch_box .box2 div { display: inline; margin-right: 30px; }
.srch_box .box2 select { width: 120px; padding-right: 0; margin: 0 6px 0 0; height: 48px; font-size: 17px; border-color: #bbb; border-radius: 3px; }
.srch_box .box2 input { width: 150px; height: 48px; font-size: 17px; border-color: #bbb; border-radius: 3px; }
.srch_box .box2 label { margin-right: 30px; }
.srch_box .box2 label span { font-size: 16px; margin-right: 6px; }
.srch_box .box3 { background: #009c93; display: flex; }
.srch_box .box3 label { position: relative; cursor: pointer; }
.srch_box .box3 label input { width: 0; height: 0; opacity: 0; position: absolute; left: 0; top: 0; }
.srch_box .box3 label span { display: flex; background: #00b9ae; color: #fff; padding: 0 25px; justify-content: space-between; align-items: center; width: 270px; height: 64px; border-right: 1px solid #009189; }
.srch_box .box3 label span i { font-size: 12px; transition: 0.3s; }
.srch_box .box3 label input:checked+span { background: #fff; color: #333;}
.srch_box .box3 label input:checked+span i { transform: rotate(180deg); }
.srch_box .box_bot { display: flex; justify-content: space-between; align-items: center; margin: 0 30px; padding: 30px 0; border-top: 1px solid #e2e2e2; }
.srch_box .box_bot .btn { display: inline-block; padding: 20px 30px; background: #111; color: #fff; border-radius: 5px; }
.srch_box .box_bot .btn strong { font-size: 20px; }
.srch_box .box_bot .btn span { font-size: 15px; margin-right: 8px; }
.srch_box .box_bot .btn span em { font-size: 15px; font-weight: 600; color: #00b9ae; }
.srch_box .box_bot .right span { display: inline-block; border: 1px solid #00b9ae; color: #00b9ae; padding: 8px 16px; border-radius: 100px; font-size: 16px; margin-left: 3px; }
.srch_box .box_bot .right span button { background: none; }
.srch_box .box_bot .right span button i { color: #00b9ae; margin-left: 10px; font-size: 16px; }
.srch_box .box_bot .right .reset { width: 56px; height: 56px; background: #333; color: #fff; border-radius: 50%; margin-left: 20px; }
.srch_box .box_bot .right .reset i { font-size: 16px; }


.btn_chkbox2 label { display: inline-block; height: 20px; line-height: 20px; padding: 0 10px 0 27px; vertical-align: top; cursor: pointer; position: relative; margin: 5px 20px 5px 0; }
.btn_chkbox2 label span:before, .btn_chkbox2 label span:after { content: ''; display: inline-block; position: absolute; top: 0; left: 0; bottom: 0; box-sizing: border-box; margin: auto; }
.btn_chkbox2 label span:before { width: 20px; height: 20px; border: 2px solid #dfe4ec; }
.btn_chkbox2 label span:after { right: calc(100% - 20px); width: 11px; height: 6px; border: 2px solid #dfe4ec; border-width: 0 0 2px 2px; transform: translateY(-25%) rotate(-45deg); }
.btn_chkbox2 input:checked+span:before { border-color: #00b9ae; background: #00b9ae; }
.btn_chkbox2 input:checked+span:after { border-color: #fff; }


.gang_dtl { max-width: 1500px; margin: 80px auto; }
.gang_dtl .top { display: flex; justify-content: space-between; padding-bottom: 50px; }
.gang_dtl .left { width: 26%; position: relative; }
.gang_dtl .left .gang_send { position: fixed; left: 0; top: 0; right: 0; bottom: 0; padding: 10px 15px; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.2); z-index: 1111111111; display: none; }
.gang_dtl .left .gang_send.on { display: flex; }
.gang_dtl .left .gang_send .inr { padding: 60px; width: 900px; background: #fff; text-align: left; position: relative; }
.gang_dtl .left .gang_send .inr h2 { font-size: 20px; margin-bottom: 15px; }
.gang_dtl .left .gang_send .inr textarea { border: 1px solid #d2d2d2; margin-bottom: 10px; }
.gang_dtl .left .gang_send table th { font-size: 16px; background: #f6f6f6; }
.gang_dtl .left .gang_send table td { height: 40px; font-size: 16px; }
.gang_dtl .left .gang_send .button_wrap { margin: 20px auto 0; }
.gang_dtl .left .gang_send .inr .close { position: absolute; right: -30px; top: -30px; display: block; width: 60px; height: 60px; text-align: center; line-height: 60px; border-radius: 150px; background: #444; color: #fff; }


.gang_ing {display:flex; justify-content:space-between; max-width:1200px; margin:30px auto; background:#fff; padding:60px; }
.gang_ing .img {width:300px; height:400px; }
.gang_ing .img img {width:100%; height:100%; object-fit: cover;}
.gang_ing .txt {width:calc(100% - 360px);}
.gang_ing .txt h2 {font-size:28px; margin:10px 0 24px; line-height:1.3; border-bottom:1px solid #ddd; padding-bottom:15px;}
.gang_ing .txt li { margin-bottom:12px;}
.gang_ing .txt li strong {display:inline-block; width:150px; position:relative;}
.gang_ing .txt li strong:before {content:''; display:block; width:1px; height:14px; background:#ddd; position:absolute; right:18px; top:6px;}
.gang_ing .txt i { display:inline-block; margin-right:8px; width:30px; height:30px; border-radius:30px; font-size:15px; line-height:30px; background:#00b9ae; color:#fff; text-align:center;}
.gang_ing .txt .button {margin-top:30px;}


.curriculum_layer { display: flex; justify-content: center; align-items: center; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); z-index: 1111111111; display: none; }
.curriculum_layer.on { display: flex; }
.curriculum_layer .inr { margin: 50px auto; width: 1200px; background: #fff; padding: 60px; position: relative; }
.curriculum_layer .inr h2 { font-size: 20px; margin-bottom: 15px; }
.curriculum_layer .inr .close { position: absolute; right: -30px; top: -30px; display: block; width: 60px; height: 60px; text-align: center; line-height: 60px; border-radius: 150px; background: #444; color: #fff; }


.gang_dtl .right .curriculum_layer .inr table td { background: #f5f5f5; }
.gang_dtl .left img { margin-bottom: 30px; width: 100%; }
.gang_dtl .right { width: calc(74% - 80px); }
.gang_dtl .right .r_top { display: flex; justify-content: space-between; }
.gang_dtl .right .r_top .curriculum_open { display: none; }
.gang_dtl .right .r_top .conTit2 { margin-top: 0; }
.gang_dtl .right .r_top .conTit2 span { margin: 0 0 0 30px; position: relative; top: -5px; }
.gang_dtl .right .r_top .conTit2 span a { margin-right: 14px; display: inline-block; width: 12px; }
.gang_dtl .right .r_top .conTit2 span .bookmark.on { background-size: 12px; display: inline-block; width: 12px; background-repeat: no-repeat; background-position: 1px 1px; }
.gang_dtl .right table th { background: #fff; }
.gang_dtl .right .chk { margin-top: 30px; }
.gang_dtl .right .chk span { margin-right: 25px; color: #aaa; border-radius: 100px; display: inline-block; font-size: 18px; }
.gang_dtl .right .chk span i { margin-right: 4px; color: #aaa; font-size: 20px; position: relative; top: 1px; }
.gang_dtl .right .chk span.on { color: #00a197; }
.gang_dtl .right .chk span.on i { color: #00a197; }
.gang_dtl .dtl { background: #fff; padding: 80px; }
.gang_dtl .dtl .box { margin-top: 80px; text-align: left; border: 1px solid #e2e2e2; padding: 60px; }
.gang_dtl .dtl .box h2 { font-size: 24px; margin-bottom: 24px; }
.gang_dtl .dtl .box li { margin-top: 10px; padding-left: 24px; position: relative; }
.gang_dtl .dtl .box li:before { content: '\f058'; display: block; font-family: "Font Awesome 6 Free"; color: #00a197; position: absolute; left: 0px; top: 2px; }


.pro_wrap { max-width: 1500px; margin: 0 auto; }
.top_tit { display: flex; justify-content: space-between; margin-bottom: 30px; position: relative; }
.top_tit .left h2 { font-size: 32px; margin-bottom: 20px; }
.top_tit .left ul { display: flex; margin-top: 5px; flex-wrap: wrap; }
.top_tit .left ul li { margin: 0 30px 6px 0; }
.top_tit .left ul li a { font-size: 17px; }
.top_tit .left ul li a.on { color: #00a69c; font-weight: 600; text-decoration: underline; }
.top_tit .right { position: absolute; right: 0; top: 0; }
.top_tit .right span { font-size: 16px; margin-right: 20px; }


.pro_wrap .lst { display: flex; flex-wrap: wrap; margin: 0 -25px 30px; }
.pro_wrap .lst li { width: calc(25% - 50px); margin: 0 25px 50px; background: #fff; border-radius: 0 0 15px 15px; position: relative; transition: 0.3s; }
.pro_wrap .lst li:hover { box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.05); }
.pro_wrap .lst li a { display: block; position: relative; }
.pro_wrap .lst li.on a:before { content: ''; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #ff6c00; box-shadow: 10px 10px 20px rgba(255, 108, 0, 0.1); z-index: 2; border-radius: 0 0 15px 15px; }
.pro_wrap .lst li a .img { display: block; position: relative; height: 210px; overflow: hidden; }
.pro_wrap .lst li a .img img { width: 100%; height: 100%; object-fit: cover; transition: 0.3s; }
.pro_wrap .lst li a:hover .img img { transform: scale(1.1); }
.pro_wrap .lst li a .img .type { position: absolute; left: 12px; top: 12px; display: flex; z-index: 2; }
.pro_wrap .lst li a .img .type em { display: inline-block; padding: 0 7px; height: 26px; line-height: 24px; border: 1px solid #333; font-size: 13px; background: #fff; font-weight: 500; margin-right: -1px; }
.pro_wrap .lst li a .img .type em.n1 { background: #666; color: #fff; }
.pro_wrap .lst li a .txt { padding: 24px 20px; }
.pro_wrap .lst li a .txt h2 { font-size: 14px; font-weight: 400; color: #888; }
.pro_wrap .lst li a .txt h2 span { display: block; font-size: 18px; font-weight: 500; color: #222; margin-top: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-right: 24px; }
.pro_wrap .lst li a .txt h3 { font-weight: 700; color: #00a69c; font-size: 20px; margin-top: 14px; }
.pro_wrap .lst li a .txt h3 span { font-size: 14px; color: #888; font-weight: 400; margin-left: 2px; }
.pro_wrap .lst li a .bot { display: flex; justify-content: space-between; align-items: center; padding: 0 20px; height: 50px; border-top: 1px solid #eee; }
.pro_wrap .lst li a .bot div strong { font-size: 14px; color: #666; font-weight: normal; margin-right: 12px; }
.pro_wrap .lst li a .bot div strong i { font-size: 14px; color: #666; margin-right: 6px; }
.pro_wrap .lst li a .bot div span { font-size: 14px; color: #ff7a32; }
.pro_wrap .lst li a .bot>em { font-size: 14px; }
.pro_wrap .lst li .book { display: block; width: 13px; height: 17px; background: url(../images/main/book_off.png) no-repeat; position: absolute; right: 20px; top: 233px; overflow: hidden; text-indent: -999px; z-index: 3; }
.pro_wrap .lst li .book.on { background-image: url(../images/main/book_on.png); }
.pro_wrap .lst+.pagination, .pro_wrap .lst2+.pagination { margin: -20px 0 100px; }


.star_wrap { overflow: hidden; position: relative; padding-top: 60px; }
.star_wrap:before { content: ''; display: block; position: absolute; left: 0; top: 0; right: 0; height: 514px; background: url(../images/main/star_bg.png) no-repeat; background-size: cover; }
.star_wrap .inr { max-width: 1500px; margin: 0 auto 70px; }
.star_wrap .inr .top_tit { position: relative; z-index: 2; }
.star_wrap .inr .top_tit * { color: #fff; background: none; }
.star_wrap .inr .top_tit li a { opacity: .75; }
.star_wrap .inr .top_tit li a.on { opacity: 1; }
.star_wrap .inr .box { width: 100vw; }
.star_wrap .slick-slide { padding-right: 30px; }
.star_wrap .item { background: #fff; border-radius: 0 0 15px 15px; position: relative; transition: 0.3s; }
.star_wrap .item:hover { box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.05); }
.star_wrap .item a { display: block; width: 300px; }
.star_wrap .item a .img { display: block; position: relative; height: 340px; overflow: hidden; }
.star_wrap .item a .img img { width: 100%; height: 100%; object-fit: cover; transition: 0.3s; }
.star_wrap .item a:hover .img img { transform: scale(1.1); }
.star_wrap .item a .img .type { position: absolute; left: 12px; top: 12px; display: flex; z-index: 2; }
.star_wrap .item a .img .type em { display: inline-block; padding: 0 7px; height: 26px; line-height: 24px; border: 1px solid #333; font-size: 13px; background: #fff; font-weight: 500; margin-right: -1px; }
.star_wrap .item a .img .type em.n1 { background: #666; color: #fff; }
.star_wrap .item a .txt { padding: 20px 20px; }
.star_wrap .item a .txt h2 { font-size: 20px; font-weight: 500; margin-bottom: 8px; }
.star_wrap .item a .txt h2 span { font-size: 15px; color: #888; margin-left: 10px; }
.star_wrap .item a .txt p { font-size: 16px; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.star_wrap .item a .bot { display: flex; justify-content: space-between; align-items: center; padding: 0 20px; height: 50px; border-top: 1px solid #eee; }
.star_wrap .item a .bot div { color: #ff8949; font-size: 15px; }
.star_wrap .item a .bot div i { font-size: 12px; margin-left: 7px; position: relative; top: -1px; }
.star_wrap .item .book { display: block; width: 13px; height: 17px; background: url(../images/main/book_off.png) no-repeat; position: absolute; right: 20px; top: 358px; overflow: hidden; text-indent: -999px; z-index: 111; }
.star_wrap .item .book.on { background-image: url(../images/main/book_on.png); }
.star_wrap .nav { position: absolute; left: -70px; top: 270px; display: flex; }
.star_wrap .nav button { width: 70px; height: 70px; background: #00b9ae; }
.star_wrap .nav button+button { background: #333; }
.star_wrap .nav button i { color: #fff; }


.pro_wrap .lst2 { display: flex; flex-wrap: wrap; margin: 0 -20px 50px; }
.pro_wrap .lst2 li { width: calc(20% - 40px); margin: 0 20px 40px; background: #fff; border-radius: 0 0 15px 15px; position: relative; transition: 0.3s; }
.pro_wrap .lst2 li:hover { box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.05); }
.pro_wrap .lst2 li a { display: block; position: relative; }
.pro_wrap .lst2 li.on a:before { content: ''; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #ff6c00; box-shadow: 10px 10px 20px rgba(255, 108, 0, 0.1); z-index: 2; border-radius: 0 0 15px 15px; }
.pro_wrap .lst2 li a .img { display: block; position: relative; height: 300px; overflow: hidden; }
.pro_wrap .lst2 li a .img img { width: 100%; height: 100%; object-fit: cover; transition: 0.3s; }
.pro_wrap .lst2 li a:hover .img img { transform: scale(1.1); }
.pro_wrap .lst2 li a .img .type { position: absolute; left: 12px; top: 12px; right: 12px; display: flex; z-index: 2; flex-wrap: wrap; }
.pro_wrap .lst2 li a .img .type em { display: inline-block; padding: 0 7px; height: 26px; line-height: 26px; font-size: 13px; font-weight: 500; margin-right: 1px; margin-bottom: 1px; background: rgba(35, 35, 35, 0.5); color: #fff; font-weight: 300; }
.pro_wrap .lst2 li a .img .type em.n1 { background: #666; color: #fff; }
.pro_wrap .lst2 li a .txt { padding: 20px 20px; }
.pro_wrap .lst2 li a .txt h2 { font-size: 20px; font-weight: 500; margin-bottom: 8px; }
.pro_wrap .lst2 li a .txt h2 span { font-size: 15px; color: #888; margin-left: 10px; }
.pro_wrap .lst2 li a .txt p { font-size: 16px; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pro_wrap .lst2 li a .bot { display: flex; justify-content: space-between; align-items: center; padding: 0 20px; height: 50px; border-top: 1px solid #eee; }
.pro_wrap .lst2 li a .bot div { color: #00a69c; font-size: 15px; }
.pro_wrap .lst2 li a .bot div i { font-size: 12px; margin-left: 7px; position: relative; top: -1px; }
.pro_wrap .lst2 li .book { display: block; width: 13px; height: 17px; background: url(../images/main/book_off.png) no-repeat; position: absolute; right: 20px; top: 318px; overflow: hidden; text-indent: -999px; z-index: 111; }
.pro_wrap .lst2 li .book.on { background-image: url(../images/main/book_on.png); }


.line01 { height: 1px; background: #ddd; margin-bottom: 54px; }


.review_wrap { overflow: hidden; position: relative; padding: 100px 0 120px; background: url(../images/main/review_bg.png) no-repeat center top; background-size: cover; background-attachment: fixed; }
.review_wrap:before { content: ''; display: block; position: absolute; left: 0; top: 0; right: 0; height: 476px; }
.review_wrap .inr { max-width: 1500px; margin: 0 auto; }
.review_wrap .inr .top_txt { position: relative; z-index: 2; }
.review_wrap .inr .top_txt>span { font-size: 17px; color: #fff; opacity: .6; }
.review_wrap .inr .top_txt h2 { font-size: 42px; color: #fff; margin: 6px 0 35px; }
.review_wrap .inr .top_txt h2 strong { color: #00eadc; font-size: 42px; position: relative; }
.review_wrap .inr .top_txt h2 strong:before { content: ''; display: block; height: 1px; position: absolute; left: 0; right: 0; bottom: 9px; background: #00eadc; opacity: .75; }
.review_wrap .inr .top_txt a { position: absolute; right: 0; top: 50px; font-size: 17px; line-height: 22px; }
.review_wrap .inr .top_txt a span { position: relative; z-index: 2; color: #fff; opacity: 1; }
.review_wrap .inr .top_txt a:before { content: ''; display: block; width: 122px; height: 122px; background: url(../images/main/circle.png) no-repeat; animation: ani_em 20s linear infinite; position: absolute; right: -54px; top: -50px; opacity: .5; }
@keyframes ani_em {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.review_wrap .inr .top_txt a i { font-size: 15px; margin-left: 20px; }
.review_wrap .inr .box { width: 100vw; }
.review_wrap .slick-slide { padding-right: 30px; }
.review_wrap .item { transition: 0.3s; padding-top: 45px; }
.review_wrap .item a { display: block; width: 300px; background: #fff; border-radius: 15px; position: relative; padding-top: 45px; }
.review_wrap .item a .img { display: block; position: relative; width: 90px; height: 90px; overflow: hidden; border-radius: 100px; position: absolute; left: 30px; top: -45px; }
.review_wrap .item a .img img { width: 100%; height: 100%; object-fit: cover; transition: 0.3s; }
.review_wrap .item a:hover .img img { transform: scale(1.1); }
.review_wrap .item a .txt { padding: 30px 30px 40px; }
.review_wrap .item a .txt h2 { font-size: 18px; margin-bottom: 5px; }
.review_wrap .item a .txt .star { color: #ffa800; font-size: 16px; margin-bottom: 15px; }
.review_wrap .item a .txt p { font-size: 16px; line-height: 1.5; height: 12em; word-break: keep-all; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; }
.review_wrap .nav { position: absolute; left: -110px; top: 210px; display: flex; }
.review_wrap .nav button { width: 70px; height: 70px; background: #111; border-radius: 50%; z-index: 2; }
.review_wrap .nav button+button { background: #111; opacity: 0; transition: 0.3s; margin-left: -70px; transition: 0.3s; transform: rotate(180deg); z-index: 1; }
.review_wrap .nav:hover button+button { opacity: 1; margin-left: 0; transform: rotate(0deg); }
.review_wrap .nav button i { color: #fff; }
.review_wrap2 { overflow: hidden; position: relative; padding: 100px 0 120px; background: url(../images/main/review_bg2.png) no-repeat center top; background-size: cover; background-attachment: fixed; }
.review_wrap:before { content: ''; display: block; position: absolute; left: 0; top: 0; right: 0; height: 476px; }


.review_wrap2 .inr { max-width: 1500px; margin: 0 auto; }
.review_wrap2 .inr .top_txt { position: relative; z-index: 2; }
.review_wrap2 .inr .top_txt>span { font-size: 17px; color: #fff; opacity: .6; }
.review_wrap2 .inr .top_txt h2 { font-size: 42px; color: #fff; margin: 0 0 15px; }
.review_wrap2 .inr .top_txt h2 span { font-weight: normal; }
.review_wrap2 .inr .top_txt p { color: #ccc; }
.review_wrap2 .inr .top_txt .go_btn { display: block; width: 210px; height: 60px; border: 1px solid rgba(0, 185, 174, 0.75); color: #3dfff2; background: rgba(0, 0, 0, 0.1); backdrop-filter: blur(5px); padding: 0 25px; display: flex; justify-content: space-between; align-items: center; margin: 35px 0 60px; }
.review_wrap2 .inr .top_txt .more { position: absolute; right: 0; top: 100px; font-size: 17px; line-height: 22px; }
.review_wrap2 .inr .top_txt .more span { position: relative; z-index: 2; color: #fff; opacity: 1; }
.review_wrap2 .inr .top_txt .more:before { content: ''; display: block; width: 122px; height: 122px; background: url(../images/main/circle.png) no-repeat; animation: ani_em 20s linear infinite; position: absolute; right: -54px; top: -50px; opacity: .5; }
.review_wrap2 .inr .top_txt a i { font-size: 15px; margin-left: 20px; }
.review_wrap2 .inr .box { width: 100vw; }
.review_wrap2 .slick-slide { padding-right: 30px; }
.review_wrap2 .item { transition: 0.3s; }
.review_wrap2 .item a { display: block; width: 300px; background: #fff; border-radius: 15px; position: relative; padding: 30px; }
.review_wrap2 .item a.end { background-color: rgba(255, 255, 255, 0.5); }
.review_wrap2 .item a .type { display: inline-block; padding: 0 14px; height: 26px; line-height: 26px; background: #00a69c; color: #fff; border-radius: 3px; font-size: 13px; margin-right: -1px; }
.review_wrap2 .item a .txt h2 { margin: 12px 00; line-height: 1.4; height: 4.2em; font-size: 20px; }
.review_wrap2 .item a .txt span { display: flex; align-items: center; font-size: 16px; margin-top: 14px; color: #333; }
.review_wrap2 .item a .txt span i { font-size: 13px; width: 22px; height: 22px; border-radius: 50%; background: #e2e2e2; line-height: 22px; text-align: center; margin-right: 6px; }
.review_wrap2 .item a .bot { border-top: 1px solid #e2e2e2; margin-top: 26px; padding-top: 20px; margin-bottom: -10px; display: flex; justify-content: space-between; align-items: center; }
.review_wrap2 .item a .bot span { display: block; width: 80px; height: 34px; font-size: 15px; text-align: center; color: #ff6400; border: 1px solid #ffcba8; border-radius: 50px; line-height: 32px; }
.review_wrap2 .item a.end .type { background: #444; }
.review_wrap2 .item a.end .bot span { border: 1px solid #888; color: #333; }
.review_wrap2 .item a .bot em { font-size: 16px; color: #ff6400; letter-spacing: -1px; }
.review_wrap2 .item a.end .bot em { color: #666; }
.review_wrap2 .nav { position: absolute; left: -110px; top: 130px; display: flex; }
.review_wrap2 .nav button { width: 70px; height: 70px; background: #111; border-radius: 50%; z-index: 2; }
.review_wrap2 .nav button+button { background: #111; opacity: 0; transition: 0.3s; margin-left: -70px; transition: 0.3s; transform: rotate(180deg); z-index: 1; }
.review_wrap2 .nav:hover button+button { opacity: 1; margin-left: 0; transform: rotate(0deg); }
.review_wrap2 .nav button i { color: #fff; }


.ing_wrap { max-width: 1500px; margin: 80px auto 60px; }
.ing_wrap .top { display: flex; justify-content: space-between; margin-bottom: 35px; align-items: flex-end; }
.ing_wrap .top h2 { font-size: 36px; }
.ing_wrap .top a i { font-size: 14px; margin-left: 10px; position: relative; top: -2px; }
.ing_wrap .lst { display: flex; flex-wrap: wrap; margin: 0 -20px; }
.ing_wrap .lst li { width: calc(25% - 40px); margin: 0 20px 50px; }
.ing_wrap .lst li .img { height: 220px; display: block; border-radius: 15px; overflow: hidden; position: relative; }
.ing_wrap .lst li .img em { display: block; position: absolute; left: 20px; top: 20px; width: 60px; height: 28px; line-height: 26px; background: #fff; border: 1px solid #000; z-index: 2; font-size: 14px; font-weight: 500; text-align: center; border-radius: 2px; }
.ing_wrap .lst li .img em.n2 { background: #ff6400; color: #fff; border-color: #ff6400; }
.ing_wrap .lst li .img img { width: 100%; height: 100%; object-fit: cover; }
.ing_wrap .lst li .tit { display: block; margin: 30px 0 12px; font-size: 18px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ing_wrap .lst li .txt { display: block; font-size: 17px; word-break: keep-all; line-height: 1.3; height: 3.9em; word-break: keep-all; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.m_gang_wrap {display:flex; max-width:1500px; margin:0 auto; justify-content: space-between; }
.gang_go_wrap { width:70%; background:#fff; position:relative; padding:50px 400px 50px 50px; border-radius:10px; background:#429af5;}
.gang_go_wrap h2 {font-size:26px; margin-bottom:14px; color:#fff;}
.gang_go_wrap p {margin-bottom:35px; font-size:18px; word-break: keep-all; line-height:1.3; color:#fff;}
.gang_go_wrap .button {margin:0;}
.gang_go_wrap img {position:absolute; right:40px; bottom:40px;}

.m_gang_wrap .t1 {width:calc(30% - 40px); background:#00a69c; border-radius:10px; color:#fff; padding:40px; text-align:center; position:relative; transition: 0.3s;}
.m_gang_wrap .t1:hover { background:#00beb2;}
.m_gang_wrap .t1 strong {display:block; font-size:26px; }
.m_gang_wrap .t1 span {margin:12px 0 30px; display:block;}
.m_gang_wrap .t1 .ico {position:absolute; left:50%; top:180px; margin-left:32px;animation: ani_em 1.5s ease-in-out infinite;  }
@keyframes ani_em {
	0% { transform: translateY(0); filter:brightness(1);}
	50% { transform: translateY(7px);  filter:brightness(1.3);}
	100% { transform:translateY(0); filter:brightness(1);}
}

.shirt_wrap {position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.3); z-index:11111111111; overflow-y:auto; display:none;}
.shirt_wrap .inr {max-width:900px; margin:50px auto; background:#fff; padding:60px; position:relative;}
.shirt_wrap .inr .top {padding:25px 25px 25px 137px; background:#ff7a18; position:relative; border-radius:10px;}
.shirt_wrap .inr .top:before {content:''; display:block; width:80px; height:80px; background:#fff url(../images/main/shirt.png) no-repeat center center; background-size:54px; position:absolute; left:25px; top:50%; margin-top:-40px; border-radius:50%; }
.shirt_wrap .inr .top:after {content:''; display:block; width:28px; height:40px; background:url(../images/main/shirt2.png) no-repeat; background-size:28px auto; position:absolute; left:75px; top:50%; margin-top:12px; display:none;}
.shirt_wrap .inr .top h2 {margin-bottom:8px; font-size:20px; color:#fff;}
.shirt_wrap .inr .top p {color:#fff; opacity:.85;}
.shirt_wrap .inr h3 {margin:20px 0 10px; font-size:20px;}
.shirt_wrap .inr h3 .ex_img {display:inline-block; width:25px; height:25px; line-height:25px; color:#fff;  text-align:center; background:#000; border-radius:50%; margin-left:6px; position:relative; top:-1px;}
.shirt_wrap .inr .box ul li {margin-bottom:8px; position:relative; padding-left:30px;}
.shirt_wrap .inr .box ul li em {display:block; width:24px; height:24px; background:#00a69c; text-align:center; font-size:12px; line-height:24px; position:absolute; left:0; top:-2px; border-radius:50%; color:#fff; font-weight:500;}
.shirt_wrap .inr .box ul li:last-child {margin-bottom:0;}
.shirt_wrap .inr table th {font-size:16px; background:#f8f8f8;}
.shirt_wrap .inr table td , .shirt_wrap .inr table th {padding:8px; height:auto;}
.shirt_wrap .inr table td input {height:36px;}
.shirt_wrap .inr .fc01 {margin-top:10px; font-size:17px; }
.shirt_wrap .inr .button {margin:20px auto 0; display:block; width:200px;}
.shirt_wrap .close {position:absolute; right:35px; top:35px; display:block; width:50px; height:50px; background:#000; text-align:center; line-height:50px; color:#fff; border-radius:50%;}

.ex_layer {position:fixed; left:0; top:0; right:0; bottom:0;  z-index:111111111111; background:rgba(0,0,0,0.3); overflow-y:auto;  display:none;}
.ex_layer .inr2 {margin:50px auto; max-width:920px; background:#fff; padding:60px; position:relative;}
.ex_layer .inr2 h4 {margin-bottom:12px; font-size:20px;}
.ex_layer .inr2 img {border:1px solid #ccc; display:block; margin-bottom:24px;}
.ex_layer .close2 {position:absolute; right:35px; top:35px; display:block; width:50px; height:50px; background:#000; text-align:center; line-height:50px; color:#fff; border-radius:50%;}

.banner_box {  overflow: hidden; padding:60px 0 100px; margin-top:90px; border-top:1px solid #e2e2e2;}
.banner_box .slider {display:flex;  max-width:1520px; margin:0 auto; flex-wrap:wrap; justify-content: center; }
.banner_box .slider > .item { width:calc(20% - 20px); height:80px; margin:15px 10px; text-align:center; display:flex; align-items: center; justify-content: center; background:#fff;}
.banner_box .slider > .item img {max-height:50px;}


.ico_que { display: inline-block; width: 22px; height: 22px; border-radius: 50%; background: #111; color: #fff; line-height: 22px; text-align: center; font-size: 15px; font-weight: 500; }


.pro_view { max-width: 1500px; margin: 0 auto; display: flex; justify-content: space-between; }
.pro_view .left { width: 1020px; padding-bottom: 100px; }
.pro_view .left .top { padding: 40px 80px 40px 0; min-height: calc(100vh - 162px); }
.pro_view .left .top .location1 { margin-bottom: 20px; }
.pro_view .left .top .type { position: absolute; left: 20px; top: 20px; display: flex; z-index: 2; }
.pro_view .left .top .type em { display: inline-block; padding: 0 15px; height: 36px; line-height: 34px; border: 1px solid #333; font-size: 14px; background: #fff; font-weight: 500; margin-right: -1px; }
.pro_view .left .top .type em.n1 { background: #666; color: #fff; }
.pro_view .left .top .nav button { display: block; width: 70px; height: 70px; background: #fff; position: absolute; top: 50%; margin-top: -35px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); }
.pro_view .left .top .nav button.prev { left: -28px; }
.pro_view .left .top .nav button.next { right: -28px; }
.pro_view .left .top .synczone-for .item { height: 500px; }
.pro_view .left .top .synczone-for .item img { width: 100%; height: 100%; object-fit: cover; }
.pro_view .left .top .synczone-nav { margin: 24px -7px 0; }
.pro_view .left .top .synczone-nav .item { padding: 0 7px; height: 100px; opacity: .5; }
.pro_view .left .top .synczone-nav .slick-current .item { opacity: 1; }
.pro_view .left .top .synczone-nav .item img { width: 100%; height: 100%; object-fit: cover; }
.pro_view .left .r_mobile { display: none; }
.pro_view .right { width: 480px; height: calc(100vh - 80px); background: #fff; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; position: sticky; top: 80px; bottom: 0; padding: 44px 40px; z-index: 3; display: flex; flex-direction: column; justify-content: space-between; overflow-y: auto; }
.pro_view .right::-webkit-scrollbar { width: 4px; }
.pro_view .right::-webkit-scrollbar-thumb { background-color: #888; transition: all 0.2s; }
.pro_view .right::-webkit-scrollbar-track { background-color: #f0f0f0; }
.pro_view .right .top { padding-bottom: 30px; border-bottom: 1px solid #e2e2e2; margin-bottom: 20px; position: relative; }
.pro_view .right .top h2 { font-size: 27px; letter-spacing: -0.07em; font-weight: 500; margin-bottom: 10px; padding-right: 50px; }
.pro_view .right .top p { font-size: 16px; word-break: keep-all; line-height: 1.3; color: #666; }
.pro_view .right .top div { position: absolute; right: 0; top: 0; }
.pro_view .right .top div a { margin-left: 12px; }
.pro_view .right .top div .bookmark { display: inline-block; width: 13px; height: 17px; background: url(../images/main/book_off.png) no-repeat; background-image: none; overflow: hidden; z-index: 3; position: relative; top: 2px; }
.pro_view .right .top div .bookmark.on { background-image: url(../images/main/book_on.png); }
.pro_view .right .box1 h2 { font-size: 26px; margin-bottom: 12px; }
.pro_view .right .box1 h2 em { font-size: 15px; font-weight: normal; margin-left: 10px; }
.pro_view .right .box2 { text-align: center; }
.pro_view .right .box2 div:nth-child(1) { width: 100%; font-size: 14px; border-radius: 6px; background: #f2f2f2; display: flex; align-items: center; justify-content: center; text-align: center; margin-bottom: 4px; padding: 10px; }
.pro_view .right .box2 div:nth-child(1) br { display: none; }
.pro_view .right .box2 div:nth-child(2) { width: 100%; display: flex; flex-wrap: wrap; border-radius: 10px; justify-content: space-between; }
.pro_view .right .box2 div:nth-child(2) strong { width: 100%; font-size: 14px; font-weight: normal; padding: 10px; margin-bottom: 4px; border-radius: 6px; background: #f2f2f2; }
.pro_view .right .box2 div:nth-child(2) span { width: calc(25% - 3px); font-size: 14px; padding: 10px 0; display: block; background: #f2f2f2; border-radius: 6px; }
.pro_view .right .bot { padding-top: 20px; }
.pro_view .right .bot .bt1 select, .pro_view .right .bot .bt1 input { display: block; width: 100%; height: 50px; border-color: #d2d2d2; font-size: 16px; margin-bottom: 10px; }
.pro_view .right .bot .bt1 div { margin-top: 8px; }
.pro_view .right .bot .bt1 label span { font-size: 17px; }
.pro_view .right .bot .price { padding-top: 20px; border-top: 1px solid #e2e2e2; margin-top: 20px; }
.pro_view .right .bot .price .p1 { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.pro_view .right .bot .price .p1 span { font-size: 15px; display: block; margin-top: 1px; }
.pro_view .right .bot .price .p1 span button { margin-left: 10px; }
.pro_view .right .bot .price .p1>strong { font-size: 28px; color: #ff5858; }
.pro_view .right .bot .price .p2 { display: flex; justify-content: space-between; margin-top: 20px; }
.pro_view .right .bot .price .p2 a { display: block; width: 66px; height: 66px; border: 1px solid #aaa; line-height: 64px; text-align: center; border-radius: 4px; }
.pro_view .right .bot .price .p2 a:first-child { width: calc(100% - 146px); border-color: #00a197; background: #00a197; color: #fff; font-size: 20px; }
.pro_view .tab-links { position: sticky; top: 80px; z-index: 2; }
.pro_view .tab-links:before { content: ''; display: block; background: #fff; height: 62px; position: absolute; left: 50%; transform: translateX(-50%); width: 100vw; border-bottom: 1px solid #e2e2e2; }
.pro_view .tab-links div { position: relative; z-index: 2; display: flex; }
.pro_view .tab-links a { display: block; height: 62px; padding: 0 30px; line-height: 62px; font-size: 17px; border-bottom: 3px solid #fff; color: #888; }
.pro_view .tab-links a.active { font-weight: 600; border-bottom: 3px solid #00a89e; color: #333; }
.pro_view .tab-links button { position: absolute; right: 0; top: 0; height: 62px; line-height: 62px; border-left: 1px solid #e2e2e2; padding: 0 40px; background: #f5f5f5; color: #00a197; font-size: 17px; display: none; }
.pro_view .tab.active { display: block; }
.pro_view .tab_box { margin: 0 80px 0 0; }
.pro_view .tab_top { margin-top: 70px; }
.pro_view .tab_top .conTit2 { font-weight: 600; font-size: 24px; margin-bottom: 20px; position: initial; }
.pro_view .tab_top ul { display: flex; flex-wrap: wrap; }
.pro_view .tab_top ul li { width: calc(33.3333% - 20px); margin-right: 20px; margin-bottom: 20px; background: #fff; padding: 30px; position: relative; }
.pro_view .tab_top ul li:before { content: ''; display: block; width: 20px; height: 20px; background: #fff; transform: rotate(45deg); position: absolute; right: -10px; top: calc(50% - 10px); }
.pro_view .tab_top ul li:last-child:before { display: none; }
.pro_view .tab_top ul li i { font-size: 24px; color: #00a197; }
.pro_view .tab_top ul li span { display: block; margin: 16px 0 6px; font-weight: 600; font-size: 18px; }
.pro_view .tab_top ul li p { word-break: keep-all; font-size: 16px; color: #666; }
.pro_view .content-section { padding-top: 60px; }
.pro_view .content-section .conTit2 { font-weight: 600; font-size: 24px; margin-bottom: 20px; position: initial; }

.pro_view #tab1 .tb1 .course_edu h5 {color:#00a89e; margin-top:40px;}
.pro_view #tab1 .tb1 .course_edu h5:first-child {margin-top:0;}
.pro_view #tab1 .tb1 .course_edu .tit { display:block; padding:15px; line-height:1.2; margin-bottom:25px; background:#333; color:#fff;}
.pro_view #tab1 .tb1 .course_edu .tit2 {display:block; margin-bottom:12px;}
.pro_view #tab1 .tb1 .course_edu .txtBox {padding:15px; font-size:17px; background:#fff; word-break: keep-all; margin-bottom:30px;}
.pro_view #tab1 .tb1 .course_edu .box_review {border:2px solid #00a89e; margin-top:60px; padding:70px 30px 10px; position:relative;}
.pro_view #tab1 .tb1 .course_edu .box_review .r_top {display:flex; justify-content: center; position:absolute; left:0; right:0; top:-46px;}
.pro_view #tab1 .tb1 .course_edu .box_review .r_top div {width:22%; height:86px; font-size:17px; margin:0 0.5%; text-align:center; display:flex; align-items: center; word-break: keep-all; justify-content: center; line-height:1.3; padding:10px; background:#00a89e; color:#fff; border-radius:10px; }
.pro_view #tab1 .tb1 .course_edu .box_review .r_box {display:flex; flex-wrap:wrap; justify-content:space-between;}
.pro_view #tab1 .tb1 .course_edu .box_review .r_box div {width:calc(50% - 10px); margin-bottom:20px; background:#fff; border-radius:10px; padding:20px;}
.pro_view #tab1 .tb1 .course_edu .box_review .r_box div strong {display:inline-block; padding:3px 10px; background:#333; color:#fff; border-radius:4px; font-size:16px; font-weight:500;}
.pro_view #tab1 .tb1 .course_edu .box_review .r_box li {font-size:16px; padding-left:8px; margin-bottom:5px; line-height:1.3; background:linear-gradient(#444,#444) no-repeat 0px 8px/3px 3px; word-break: keep-all;}
.pro_view #tab1 .tb1 .course_edu .new_course { border:1px solid #009c2c; background:#fff; padding:40px;}
.pro_view #tab1 .tb1 .course_edu .new_course + .new_course {margin-top:20px;}
.pro_view #tab1 .tb1 .course_edu .new_course .f_box {display:flex; justify-content:space-between;}
.pro_view #tab1 .tb1 .course_edu .new_course .f_box div {width:31.6%; background:#d9f0e0; border-radius:0 0 20px 20px; overflow:hidden;}
.pro_view #tab1 .tb1 .course_edu .new_course .f_box div strong { display:block; text-align:center; padding:12px 7px 7px; background:#009c2c; color:#fff; font-weight:normal;}
.pro_view #tab1 .tb1 .course_edu .new_course .f_box div strong i {display:block; width:30px; height:20px; margin:0 auto; font-size:20px;}
.pro_view #tab1 .tb1 .course_edu .new_course .f_box div ul {padding:10px 0 0 14px;}
.pro_view #tab1 .tb1 .course_edu .black {color:#fff !important; display:block; width:180px; margin:20px auto 0;}

.pro_view #tab1 .tb1 .course_edu .new_course.n2 {border-color:#178aeb; }
.pro_view #tab1 .tb1 .course_edu .new_course.n2 .f_box div { background:#dceefc;}
.pro_view #tab1 .tb1 .course_edu .new_course.n2 .f_box div strong { background:#178aeb;}
.pro_view #tab1 .tb1 .course_edu .new_course.n3 {border-color:#ff7022; }
.pro_view #tab1 .tb1 .course_edu .new_course.n3 .f_box div { background:#ffeade;}
.pro_view #tab1 .tb1 .course_edu .new_course.n3 .f_box div strong { background:#ff7022;}

.pro_view #tab1 .tb_box { line-height: 1.5; margin-bottom: 35px; padding-bottom: 30px; border-bottom: 1px solid #c0d8d6; }
.pro_view #tab1 .tb1 h3 { font-size: 32px; margin-bottom: 20px; }
.pro_view #tab1 .tb1 .img { height: 500px; }
.pro_view #tab1 .tb1 .img img { width: 100% !important; height: 100% !important; object-fit: cover; }
.pro_view #tab1 .tb1 h4 { text-align: center; margin-bottom: 20px; font-size: 20px; }
.pro_view #tab1 .tb1 .t1 { line-height: 1.5; margin-top: 25px; word-break: keep-all; }
.pro_view #tab1 .tb1 .t1 + .t1 {margin-top:0;}
.pro_view #tab1 .tb1 .t1 strong { display: block; font-weight: 600; color: #00a197; font-size: 22px; margin-bottom: 14px; line-height: 1.3; }
.pro_view #tab1 .tb1 .t1 span {display:block; font-weight:600; font-size:18px; margin:10px 0 5px; line-height:1.2;}
.pro_view #tab1 h6 {font-size:18px;}
.pro_view #tab1 .fcLine {padding:15px; background:#000; color:#ffb71b; margin-bottom:40px;}
.pro_view #tab1 .lstBox {margin-top:8px; background:#fff; padding:20px 15px 15px 13px; border-radius:6px;}
.pro_view #tab1 .tb1 .t2 { font-weight: 600; color: #00a197; text-decoration: underline; }
.pro_view #tab1 .tb1 h5 { font-size: 22px; margin-bottom: 14px; }
.pro_view ul.d_lst { margin-bottom: 40px; }
.pro_view ul.d_lst li { border-radius: 5px; background: #fff; margin-bottom: 10px; padding: 20px 20px 20px 44px; position: relative; }
.pro_view ul.d_lst li:before { content: '\f058'; display: block; font-family: "Font Awesome 6 Free"; color: #00a197; position: absolute; left: 20px; top: 22px; }
.pro_view #tab2 .t_time { color: #00a197; margin-bottom: 35px; display: block; padding: 20px; background: #fff; border-radius: 5px; font-weight: 500; }
.pro_view #tab2 .lst li { position: relative; padding: 0 0 46px 95px; }
.pro_view #tab2 .lst li:last-child { padding-bottom: 0; }
.pro_view #tab2 .lst li:before { content: ''; display: block; width: 1px; position: absolute; left: 35px; top: 0; bottom: 0; background: #e0e0e0; }
.pro_view #tab2 .lst li .time { display: block; width: 70px; line-height: 36px; color: #fff; background: #00a197; position: absolute; left: 0; top: 0; border-radius: 5px; text-align: center; font-size: 15px; }
.pro_view #tab2 .lst li div strong { display: block; padding: 7px 0 20px; font-size: 20px; }
.pro_view #tab2 .lst li div p { position: relative; padding-left: 20px; }
.pro_view #tab2 .lst li div p+p { margin-top: 10px; }
.pro_view #tab2 .lst li div p:before { content: '\f14a'; display: block; font-family: "Font Awesome 6 Free"; color: #aaa; position: absolute; left: 0; top: 1px; }
.pro_view #tab2 .lst li div span { display: block; margin-top: 25px; color: #00a197; font-weight: 600; }
.pro_view #tab3 .conTit2 { }
.pro_view #tab3 .tb1 h5 { font-size: 20px; margin-bottom: 14px; font-weight: 600; color: #00a197; }
.pro_view #tab3 .tb1 h5 i { margin-right: 7px; }
.pro_view #tab3 .tb1 ul li:before { content: '\f058'; color: #888; }
.pro_view #tab5 .lst li { display: flex; flex-wrap: wrap; }
.pro_view #tab5 .lst li+li { margin-top: 30px; padding-top: 30px; border-top: 1px solid #e5e5e5; }
.pro_view #tab5 .lst li .pro { overflow: hidden; display: block; width: 80px; height: 80px; line-height: 80px; text-align: center; color: #aaa; border-radius: 50%; background: #fff; margin-right: 30px; }
.pro_view #tab5 .lst li .pro img { width: 100%; height: 100%; object-fit: cover; }
.pro_view #tab5 .lst li>div { width: calc(100% - 110px); }
.pro_view #tab5 .lst li>div .star { display: block; color: rgb(255, 153, 0); }
.pro_view #tab5 .lst li>div .tit { display: block; margin: 10px 0 5px; font-weight: bold; }
.pro_view #tab5 .lst li>div .txt { font-size: 16px; line-height: 1.3; word-break: keep-all; }
.pro_view #tab5 .lst li>div .date { display: block; margin-top: 14px; font-size: 16px; color: #888; }
.pro_view #tab4 .lst li { display: flex; justify-content: space-between; }
.pro_view #tab4 .lst li+li { margin-top: 40px; }
.pro_view #tab4 .lst li .pro { display: block; width: 120px; height: 120px; background: url(../images/main/profile00.png) no-repeat; background-size: 100%; margin-top: 10px; }
.pro_view #tab4 .lst li>div { width: calc(100% - 140px); background: #fff; border-radius: 16px; padding: 35px; min-height: 142px; position: relative; z-index: 1; }
.pro_view #tab4 .lst li>div:before { content: ''; display: block; width: 10px; height: 10px; background: #fff; transform: rotate(45deg); position: absolute; left: -5px; top: 45px; }
.pro_view #tab4 .lst li:nth-child(2n)>div:before { left: initial; right: -5px; }
.pro_view #tab4 .lst li>div .tit { font-weight: bold; display: block; margin-bottom: 12px; }
.pro_view #tab4 .lst li>div .txt { font-size: 16px; word-break: keep-all; }
.pro_view #tab4 .lst li:nth-child(2n) .pro { order: 2; background-image: url(../images/main/profile02.png); }
.pro_view #tab4 .lst li:nth-child(4n + 1) .pro { background-image: url(../images/main/profile01.png); }


.accordion0 { border-top: 1px solid #333; }
.lnb+.accordion0 { margin-top: -30px; }
.accordion0 h3 { border-bottom: 1px solid #d2d2d2; padding: 24px 20px 26px; cursor: pointer; position: relative; }
.accordion0 h3:after { font-family: 'Font Awesome 5 Free'; content: '\f107'; display: block; color: #aaa; position: absolute; right: 27px; top: 28px; transition: 0.3s; }
.accordion0 h3.on { color: #00a197; text-decoration: underline; background: #fff; }
.accordion0 h3.on:after { transform: rotate(180deg); color: #00a197; }
.accordion0 h3:before { content: 'Q.'; display: inline-block; margin-right: 6px; color: #00a197; font-size: 21px; position: relative; top: 1px; }
.accordion0 div { background: #ededed; position: relative; height: 0px; overflow: hidden; opacity: 0; height: auto; opacity: 1; display: none; }
.accordion0 div.on { height: initial; opacity: 1; }
.accordion0 div p { padding: 26px 20px 28px 70px; transition: 0.3s; border-bottom: 1px solid #d2d2d2; }
.accordion0 div.on p { transform: translateY(0); }
.accordion0 div:before { content: 'A.'; display: inline-block; position: absolute; left: 50px; top: 26px; font-weight: bold; color: #00a197; }
.pro_end { max-width: 1500px; margin: 70px auto; }
.pro_end table th { background: #fff; }


.work_layer { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 11111111111111; background: rgba(0, 0, 0, 0.3); display: none; align-items: center; overflow-y: auto; }
.work_layer.on { display: block; }
.work_layer .inr { max-width: 1200px; background: #fff; margin: 50px auto; padding: 60px; position: relative; }
.work_layer .inr h2 { font-size: 28px; padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #888; }
.work_layer .inr .tp { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
.work_layer .inr .tp2, .work_layer .inr .tp3 { margin-bottom: 20px; }
.work_layer .inr .tp2 label { display: block; }
.work_layer .inr .tp2 label input[type='text'] { width: 100%; min-width: 100%; max-width: 100%; }
.work_layer .inr .tp3 strong { display: block; margin-bottom: 8px; }
.work_layer .inr .tp3 div { border: 1px solid #d5d5d5; padding: 15px; }
.work_layer .inr .tp3 label { display: inline-block; margin-right: 13px; font-size: 16px; }
.work_layer .inr .tp3 label input { width: 15px; height: 15px; position: relative; top: -2px; }
.work_layer .inr textarea { width: 100%; }
.work_layer .inr label strong { display: block; margin-bottom: 8px; }
.work_layer .inr label strong em { color: red; margin-left: 4px; }
.work_layer .inr label input[type='text'], .work_layer .inr label input[type='password'], .work_layer .inr label select { height: 48px; border-color: #d5d5d5; border-radius: 4px; width: 100%; min-width: 260px; }
.work_layer .inr label textarea { border-color: #d5d5d5; border-radius: 4px; }
.work_layer .inr .wide { display: block; }
.work_layer .inr .button_wrap { margin: 30px 0 0; }
.work_layer .inr .close { position: absolute; right: -30px; top: -30px; display: block; width: 60px; height: 60px; text-align: center; line-height: 60px; border-radius: 150px; background: #000; color: #fff; }


.ui-datepicker-calendar td { height: auto; }
.ui-datepicker-calendar select { height: auto; background: none; }


.login_wrap { width: 500px; margin: 70px auto; background: #fff; padding: 50px; border-radius: 20px; }
.login_wrap.join {width:700px;}
.login_box { margin: 70px 30px; display: flex; justify-content: center; gap: 40px; }
.login_box .login_wrap { margin: 0; }
.login_box .login_wrap.type2 .btn01 { background: #111; }
.login_box .login_wrap.type2 .txt { min-height: 130px; }
.login_wrap .cho { margin-bottom: 25px; text-align: center; display: flex; justify-content: center; align-items: center; padding-top: 1px; height: 66px; border-radius: 60px; background: #fff1d1; }
.login_wrap .cho label { margin: 0 14px; position: relative; }
.login_wrap .cho label input { position: relative; top: -2px; margin-right: 8px; }
.login_wrap h2 { font-size: 30px; margin-bottom: 30px; }
.login_wrap .lv { display: block; border-radius: 100px; background: #f2f2f2; display: flex; align-items: center; margin-bottom: 14px; }
.login_wrap .lv span { width: 140px; padding-left: 30px; font-size: 16px; }
.login_wrap .lv span i { width: 24px; }
.login_wrap .lv input { width: calc(100% - 140px); border: 0; background: none; height: 56px; font-size: 16px; border-radius: 0 100px 100px 0;}
.login_wrap .btn01 { display: block; height: 66px; background: #009189; border-radius: 100px; text-align: center; line-height: 66px; color: #fff; font-size: 19px; margin-top: 26px; }
.login_wrap .bot { display: flex; justify-content:center; margin-top: 40px; }
.login_wrap .bot label { font-size: 17px; }
.login_wrap .bot a { font-size: 17px; margin:0 16px; }
.login_wrap .mem_type { display: flex; justify-content: space-between; }
.login_wrap .mem_type li { width: 47%; border: 1px solid #e2e2e2; border-radius: 14px; }
.login_wrap .mem_type li a { display: block; border-radius: 12px; padding: 40px 20px; text-align: center; transition: 0.3s; }
.login_wrap .mem_type li a i { width: 100px; height: 100px; background: #00a89e; color: #fff; border-radius: 200px; text-align: center; line-height: 100px; margin: 0 auto; transition: 0.3s; display: block; font-size: 34px; }
.login_wrap .mem_type li a strong { margin: 30px 0 10px; font-size: 20px; display: block; transition: 0.3s; }
.login_wrap .mem_type li a span { font-size: 17px; word-break: keep-all; }
.login_wrap .lv2 { margin-bottom: 20px; display: block; }
.login_wrap .lv2 strong { display: block; margin-bottom: 6px; }
.login_wrap .lv2 strong em { color: red; margin-left: 3px; }
.login_wrap .lv2 div { display: flex; gap: 10px; }
.login_wrap .lv2 div * { width: 100%; height: 54px; border-color: #e2e2e2; border-radius: 5px; font-size: 17px; }
.login_wrap .lv2 div button { background: #888; color: #fff; }
.login_wrap .lv2 div button { width: 160px; }
.login_wrap .lv2 div button.red { background: rgb(255, 95, 95); }
.login_wrap .lv_chk { border: 1px solid #e2e2e2; border-radius: 4px; padding: 30px; }
.login_wrap .lv_chk > div { display: flex; justify-content: space-between; margin-top: 6px; }
.login_wrap .lv_chk > div label { font-size: 17px; }
.login_wrap .lv_chk>label { margin-bottom: 12px; }
.login_wrap .lv_chk div a { font-size: 17px; }
.login_wrap .lv_chk div .layer {position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.2); z-index:111111111111111; display:flex; align-items: center; justify-content: center; display:none;}
.login_wrap .lv_chk div .layer.on {display:flex;}
.login_wrap .lv_chk div .layer h2 {text-align:left; font-size:28px; margin-bottom:20px;}
.login_wrap .lv_chk div .layer .inr { max-width:1020px; margin:50px auto; height:calc(100vh - 260px); background:#fff; padding:60px; text-align:center; position:relative;}
.login_wrap .lv_chk div .layer .inr .scroll {height:calc(100vh - 520px); padding:20px; border:1px solid #e0e0e0; background:#f8f8f8; overflow-y:scroll; white-space: pre-line; font-size:17px; text-align:left;}
.login_wrap .lv_chk div .layer .inr .button {margin:30px auto 0; display:inline-block;}
.login_wrap .lv_chk div .layer .inr .close {position:absolute; right:-25px; top:-25px; width:50px; height:50px; line-height:50px; display:block; background:#111; border-radius:60px;}
.login_wrap .lv_chk div .layer .inr .close i {font-size:17px; color:#fff;}
.login_wrap h3 { font-size: 20px; margin-bottom: 15px; color: #00a69c; margin-top: 35px; }
.login_wrap h3:first-child { margin-top: 0; }
.login_wrap.type2 { max-width: 1500px; }
.login_wrap.type2 .box { display: flex; justify-content: space-between; }
.login_wrap.type2 .box>div { width: 48%; }
.login_wrap .lv2 div+div { margin-top: 10px; }

.f_id {word-break:keep-all;}
.f_id .txt1 { display:block; font-size:19px;}
.f_id .txt1 strong {font-size:19px;}
.f_id .txt2 { display:block; margin:10px 0 20px; font-size:34px;}
.f_id .tac { margin-top:34px;}
.f_id .button {min-width:200px;}


.cont_wrap { max-width: 1500px; margin: 70px auto 100px; }


.st_title { text-align: center; font-size: 32px; margin-bottom: 36px; font-weight: 600; }
.gang_lst { display: flex; flex-wrap: wrap; margin: 0 -20px; }
.gang_lst .item { width: calc(25% - 40px); margin: 0 20px 40px; transition: 0.3s; }
.gang_lst .item a { display: block; background: #fff; border-radius: 15px; position: relative; padding: 30px; }
.gang_lst .item a.end { background-color: #e5e5e5; }
.gang_lst .item a .type { display: inline-block; padding: 0 14px; height: 26px; line-height: 26px; background: #00a69c; color: #fff; border-radius: 3px; font-size: 13px; margin-right: -1px; }
.gang_lst .item a .txt h2 { margin: 12px 0 22px; font-size: 20px; height: 50px; max-height: 50px; overflow: hidden}
.gang_lst .item a .txt span { display: flex; align-items: center; font-size: 16px; margin-top: 14px; color: #333; }
.gang_lst .item a .txt span i { font-size: 13px; width: 22px; height: 22px; border-radius: 50%; background: #e2e2e2; line-height: 22px; text-align: center; margin-right: 6px; }
.gang_lst .item a .bot { border-top: 1px solid #e2e2e2; margin-top: 26px; padding-top: 20px; margin-bottom: -10px; display: flex; justify-content: space-between; align-items: center; }
.gang_lst .item a .bot span { display: block; width: 80px; height: 34px; font-size: 15px; text-align: center; color: #ff8949; border: 1px solid #ffceb4; border-radius: 50px; line-height: 32px; }
.gang_lst .item a.end .bot span { border: 1px solid #888; color: #333; }
.gang_lst .item a .bot em { font-size: 16px; color: #ff8949; letter-spacing: -1px; }
.gang_lst .item a.end .type { background: #444; }
.gang_lst .item a.end .bot em { color: #666; }


.box_comm2 .lst2 { margin-top: 20px; }
.box_comm2 .lst2 li+li { margin-top: 6px; }


.inquiry { margin: 0 auto; max-width: 1280px; }
.inquiry .box:first-child { margin-bottom: 10px; }
.inquiry .top { text-align: center; }
.inquiry .top p { font-size: 20px; margin: 0 0 40px; font-weight: 500; color: #333; background: #fafafa; padding: 30px 10px; word-break: keep-all; }
.inquiry .top p span { font-size: 20px; }
.inquiry .top p i { font-size: 20px; margin-right: 10px; }
.inquiry .box { margin: 10px 0; display: flex; justify-content: center; gap: 16px; }
.inquiry input[type='text'] { border: 1px solid rgba(0, 0, 0, 0.25); background: none; height: 60px; color: #000; background: #fff; font-size: 17px; padding-left: 12px; border-radius: 4px; transition: 0.3s; }
.inquiry input[type='text']:focus { outline: none; border-color: #00a197; }
.inquiry .box input[type='file'] { width: 100% !important; min-width: 100%; line-height: 44px; font-size: 16px; }
.inquiry input::placeholder { color: #333; }
.inquiry input::-webkit-input-placeholder { color: #333; }
.inquiry input:-ms-input-placeholder { color: #333; }
.inquiry textarea { background: #fff; width: 100%; border: 1px solid rgba(0, 0, 0, 0.3); font-size: 17px; color: #000; border-radius: 4px; padding: 10px; margin-top: 20px; }
.inquiry .box_sc h2 { font-size: 22px; font-weight: 700; margin: 60px 0 20px; text-align: center; }
.inquiry .box_sc .txt { height: 200px; overflow-y: scroll; border: 1px solid #e0e0e0; padding: 20px; line-height: 1.4; background: #fff; }
.inquiry .box_sc .label_box { border: 1px solid #e0e0e0; margin-top: -1px; padding: 17px 20px 17px; }
.inquiry .box_sc .label_box input { width: 16px; height: 16px; position: relative; top: -2px; }
.inquiry .button { display: block; width: 220px; margin: 50px auto; height: 62px; line-height: 62px; color: #fff; text-align: center; border-radius: 4px; font-size: 19px; }


.profile_box { display: flex; align-items: center; }
.profile_box .pic img { margin-right: 18px; }
.profile_box .txt div { margin-top: 10px; }
.profile_box .txt em { display: block; margin-top: 4px; }
.profile_box .txt em span { display: inline-block; padding: 6px 15px; background: #fff; border-radius: 100px; margin: 8px 8px 0 0; font-size: 15px; }


.gang_c { margin-bottom: 14px; padding: 12px; background: #fff; }
.gang_c strong { display: block; margin-bottom: 6px; }
.gang_c label { display: inline-block; margin: 4px 12px 0 0; }
.lecture_layer { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 111111111111111; background: rgba(0, 0, 0, 0.3); display: none; }
.lecture_layer .inr { max-width: 600px; background: #fff; padding: 30px; margin: 40px auto; max-height: calc(100vh - 80px); }
.lecture_layer .inr .tbl_wrap3 { height: 610px; max-height: calc(100vh - 240px); overflow: auto; }
.lecture_layer .inr .tbl_wrap3::-webkit-scrollbar { width: 4px; }
.lecture_layer .inr .tbl_wrap3::-webkit-scrollbar-thumb { background-color: #00a197; transition: all 0.2s; }
.lecture_layer .inr .tbl_wrap3::-webkit-scrollbar-track { background-color: #f0f0f0; }
.lecture_layer .inr .tbl_wrap3 table { margin: 0; }
.lecture_layer .inr .tbl_wrap3 table th, .lecture_layer .inr .tbl_wrap3 table td { height: auto; padding: 10px; border-left: 0; border-right: 0; }
.lecture_layer .inr .tbl_wrap3 table td { font-size: 16px; background: #fafafa; color: #666; }
.lecture_layer .inr .tbl_wrap3 table td:first-child { text-align: right; }
.lecture_layer .inr .tbl_wrap3 table td input { width: 15px; height: 15px; border: 0; }
.lecture_layer .inr .tbl_wrap3 table td i { transform: rotate(90deg); font-size: 14px; margin-right: 10px; }
.lecture_layer .inr .button_wrap { margin: 20px 0 0; }
.choice_lec { display: flex; flex-wrap: wrap; }
.choice_lec span { display: inline-block; padding: 6px 15px; background: #fff; border-radius: 100px; margin: 8px 8px 0 0; font-size: 15px; }
.srch_box0 { background: #fff; padding: 30px; font-size: 24px; text-align: center; }
.srch_box0 strong { font-size: 24px; }
.srch_box0 strong:first-child { color: #00a197; }
.conTit3.num { font-size: 18px; font-weight: normal; margin: 50px 0 20px; }
.conTit3.num strong { font-size: 26px; margin-right: 16px; }
.conTit3.num span { font-size: 18px; color: red; font-weight: 500; }


.srch_lst>li:nth-child(odd) a { background: #fbfbfb; }
.srch_lst>li a { display: flex; justify-content: space-between; padding: 30px; }
.srch_lst>li .img { width: 180px; height: 100px; overflow: hidden; border-radius: 5px; }
.srch_lst>li .img img { width: 100%; height: 100%; object-fit: cover; }
.srch_lst>li .txt_wrap { width: calc(100% - 210px); }
.srch_lst>li .txt_wrap .tit { font-size: 19px; display: block; margin-bottom: 12px; }
.srch_lst>li .txt_wrap .tit em { font-size: 19px; }
.srch_lst>li .txt_wrap .txt { line-height: 1.3; }
.srch_lst>li .txt_wrap .txt span { margin-right: 10px; }
.srch_lst>li .txt_wrap .txt em { font-weight: 600; }
.srch_lst>li .txt_wrap .type { display: flex; flex-wrap: wrap; margin: 6px 0; }
.srch_lst>li .txt_wrap .type span { display: inline-block; padding: 4px 12px; border: 1px solid #3cbeb6; color: #3cbeb6; font-size: 15px; font-weight: 500; margin: 4px 6px 4px 0; border-radius: 50px; }
.srch_lst>li .txt_wrap .price { margin-top: 15px; display: block; }
.srch_lst.gang>li .img { width: 140px; height: 160px; margin-left: 20px; }


.root_daum_roughmap { width: 100% !important; }
.label_wrap.work_label { display: flex; flex-wrap: wrap; }
.label_wrap.work_label label { position: relative; display: block; width: 220px; color: #a5a5a5; }
.label_wrap.work_label label .img { display: block; height: 120px; overflow: hidden; border-radius: 8px; margin-bottom: 9px; opacity: .5; border: 2px solid transparent; }
.label_wrap.work_label label input:checked+.img { opacity: 1; border-color: #ff6400; }
.label_wrap.work_label label input:checked+.img+em { color: #333; }
.label_wrap.work_label label input[type='radio'] { position: absolute; left: 11px; top: 11px; width: 15px; height: 15px; }
.label_wrap.work_label label em { display: block; text-align: center; font-size: 17px; line-height: 1.3; }
.label_wrap label { margin: 3px 20px 3px 0; }
.label_wrap.star label { color: #ffa800; }
.label_wrap label input[type='radio'] { position: relative; top: -2px; margin-right: 5px; }


.cont_sitemap{}
.cont_sitemap .sitemap_lst { display:flex; flex-wrap:wrap;}
.cont_sitemap .sitemap_lst > li{position:relative; padding:25px 0 55px; border-top:1px solid #cfcfcf; line-height:1.4; width:48%; margin:0 1% 40px;}
.cont_sitemap .sitemap_lst > li:before{content:''; display:inline-block; position:absolute; top:-1px; left:0; width:17.5%; height:3px; background:#3cbeb6;}
.cont_sitemap .sitemap_lst > li:after{content:''; display:block; clear:both;}
.cont_sitemap .sitemap_lst > li > a span{ font-weight:700; font-size:22px; letter-spacing:-1px;}
.cont_sitemap .sitemap_lst > li > div{overflow:hidden; margin-top:25px;}
.cont_sitemap .sitemap_lst > li > div > ul{ display:flex; flex-wrap:wrap; gap:14px;}
.cont_sitemap .sitemap_lst > li > div > ul > li{  font-weight:600; font-size:1.1em;}
.cont_sitemap .sitemap_lst > li > div > ul > li a{display:block; padding:12px 30px; background:#fff;}
.cont_sitemap .sitemap_lst > li > div > ul > li > ul{margin-top:10px;}
.cont_sitemap .sitemap_lst > li > div > ul > li > ul > li{position:relative; margin:5px 0; padding-left:8px; font-weight:400; font-size:0.85em;}
.cont_sitemap .sitemap_lst > li > div > ul > li > ul > li:before{content:''; display:inline-block; position:absolute; top:10px; left:0; width:3px; height:3px; border-radius:50%; background:#666;}
.cont_sitemap .sitemap_lst > li > div > ul > li a, 
.cont_sitemap .sitemap_lst > li > div > ul > li > ul > li a{display:block; position:relative; font-size:16px;}
.cont_sitemap .sitemap_lst > li > div > ul > li a[target="_blank"]:after, 
.cont_sitemap .sitemap_lst > li > div > ul > li > ul > li a[target="_blank"]:after{content:'\f08e';  font-family: "Font Awesome 6 Free"; display:inline-block; }



.bookmark_lst ul {display:flex; flex-wrap:wrap; margin:0 -20px;}
.bookmark_lst ul li {position:relative; width:20%; padding:0 20px; margin-bottom:40px;}
.bookmark_lst ul li button {position:absolute; left:40px; top:20px; display:block; width:36px; height:36px; transition: 0.3s;}
.bookmark_lst ul li button:hover {background:#00a197; color:#fff;}
.bookmark_lst ul li a {display:block;  height:290px; padding:30px 20px 10px; background:#fff; transition: 0.3s;}
.bookmark_lst ul li a:hover { background:#00a197;}
.bookmark_lst ul li a:hover .tit {color:#fff;}
.bookmark_lst ul li .img {overflow:hidden; display:block; width:120px; height:120px; border-radius:120px; margin:0 auto 24px;}
.bookmark_lst ul li .img img {width:100%; height:100%; object-fit: cover;}
.bookmark_lst ul li .tit {text-align:center; word-break: keep-all; display:block;}


.res_end {text-align:center; margin:120px auto;}
.res_end img {max-width:200px;}
.res_end .conTit2 {margin-top:30px;}


.course_box {background:#fff; margin-top:70px; position:relative; padding:60px; border:1px solid #009c2c;}
.course_box.n2 { border-color:#178aeb;}
.course_box.n3 {border-color:#ff7022;}
.course_box h2 { display:block; position:absolute; left:50%; top:-25px; margin-left:-100px; text-align:center; background:#009c2c; color:#fff; width:200px; height:50px; line-height:50px; font-size:20px; border-radius:5px; }
.course_box.n2 h2 {background:#178aeb;}
.course_box.n3 h2 {background:#ff7022;}
.course_box .box {display:flex; align-items:center;}
.course_box .box + .box {margin-top:10px; padding-top:25px; border-top:1px solid #e2e2e2;}
.course_box .box h3 {width:80px; height:40px; line-height:40px; background:#ff4c4c; color:#fff; text-align:center; font-size:17px; margin-bottom:15px; border-radius:5px; margin-right:40px;}
.course_box .box.b2 h3 {background:#415dc4;}
.course_box .box.b3 h3 {background:#008873;}
.course_box .box li {line-height:1.3; background-position:12px 9px;}
.course_box .box li .img_wrap {margin-top:10px;}
.course_box .price {display:block; padding:20px; font-size:20px; border-radius:5px; background:#333; color:#fff; text-align:center; margin-top:30px;}


.box_comm6 {background:#fff; padding:60px; margin-bottom:50px;}
.box_comm6 .conTit2 {font-size:32px;}
.box_comm6 .p_txt {word-break: keep-all; line-height:1.5; margin:50px 0 70px;}
.box_comm6 .v_box { border:1px solid #5cbd76; border-radius:20px; padding:50px; position:relative;}
.box_comm6 .v_box + .v_box {margin-top:60px;}
.box_comm6 .v_box h3 {display:block; width:240px; height:50px; position:absolute; left:50%; top:-25px; margin-left:-120px; background:#5cbd76; line-height:50px; color:#fff; border-radius:100px;}
.box_comm6 .v_box.n2 {border-color:#4eb3ab;}
.box_comm6 .v_box.n2 h3 {background:#4eb3ab;}
.box_comm6 .v_box.n3 {border-color:#6e8eab;}
.box_comm6 .v_box.n3 h3 {background:#6e8eab;}
.box_comm6 .v_box ul {display:flex; justify-content: space-between;}
.box_comm6 .v_box ul li {width:18%;}
.box_comm6 .v_box ul li h4 {display:block; width:80px; height:40px; line-height:40px;  margin:0 auto 15px; background:#eee; border-radius:6px;}

.history {  display:flex; justify-content: space-between;}
.history .left {  }
.history .left .img { position:sticky; left:0; top:90px; }
.history .right {width:calc(100% - 550px); padding-top:20px; }
.history .right h2 {font-size:44px; letter-spacing:-0.06em; line-height:1.2; padding:50px 0; font-weight:400; }
.history .right h2 strong {font-size:44px; font-weight:700;}
.history .right .box {}
.history .right .box:last-child {border:0;}
.history .right h3 {font-size:32px; margin-bottom:24px; color:#00a197; font-family:'SEBANG_Gothic_Bold';}
.history .right .box div {position:relative; padding:0 0 20px 150px; font-size:17px;}
.history .right .box div:before {content:''; display:block; width:12px; height:1px; border-radius:5px; background:#00a197; position:absolute; left:15px; top:9px;}
.history .right .box div strong {font-weight:normal;}
.history .right span { position:absolute; left:38px; top:0; font-size:18px; font-family:'arial';}





@media screen and (max-width:1499px) {


	.cont_wrap { max-width: 1500px; margin: 70px 30px 100px; }
	.m_scroll { display: none; }
	.visualzone .item .box { margin: 0 30px;}
	.visualzone .item .box a { }
	.visualzone .nav .box1 { margin-right: 0; right: 30px; }
	.visualzone .nav .box2 {display:none;}
	.srch_box { margin: -110px 30px 50px; }
	.srch_box .box2 div, .srch_box .box2 label { margin-top: 5px; margin-bottom: 5px; }
	.srch_box .box2 { padding: 15px 30px; }
	.srch_box .box2 div { display: flex; justify-content: space-between; margin-right: 0; }
	.srch_box .box2 div select { width: calc(25% - 8px); }
	.pro_wrap { margin: 0 30px; }
	.pro_wrap .lst { margin: 0 -10px 30px; }
	.pro_wrap .lst li { width: calc(25% - 20px); margin: 0 10px 40px; }
	.pro_wrap .lst2 { margin: 0 -10px 30px; }
	.pro_wrap .lst2 li { width: calc(20% - 20px); margin: 0 10px 20px; }
	.star_wrap { padding-left: 30px; }
	.star_wrap .inr .top_tit { margin-right: 30px; }
	.review_wrap { padding-left: 30px; }
	.review_wrap .nav { left: -35px; }
	.review_wrap .inr .top_txt a { right: 80px; }
	.review_wrap2 { padding-left: 30px; }
	.review_wrap2 .nav { left: -35px; }
	.review_wrap2 .inr .top_txt a.more { right: 80px; }
	.pro_view .left { width: calc(100% - 420px); }
	.pro_view .left .top { padding: 40px 30px; min-height: initial; }
	.pro_view .tab_box { padding: 0 30px; margin: 0; }
	.pro_view .left .top .synczone-for .item { height: 37vw; }
	.pro_view .tab-links button { display: none; }
	.pro_view .left .top .synczone-nav .item { height: 7vw; }
	.pro_view .right { width: 420px; padding: 30px; border-right: 0; }
	.pro_view .right .top { padding-bottom: 20px; margin-bottom: 12px; }
	.pro_view .right .bot { left: 30px; right: 30px; bottom: 30px; }
	.pro_view .right .top h2 { font-size: 24px; }
	.ing_wrap { margin: 80px 30px; }
	.ing_wrap .lst { margin: 0 -10px; }
	.ing_wrap .lst li { width: calc(25% - 20px); margin: 0 10px 30px; }
	.gang_dtl { margin: 70px 30px 50px; }
	.gang_dtl .right { width: calc(74% - 30px); }
	.gang_dtl .dtl { padding: 60px; }
	.gang_dtl .dtl .box { margin-top: 40px; padding: 30px; }
	

	


	.m_gang_wrap {margin:0 30px; }
	.gang_go_wrap {padding:35px;}
	.m_gang_wrap .t1 {width:calc(30% - 20px);}
}
/* Tablet 768px ~ 1023px */
@media screen and (max-width:1279px) {



	.section.n2 ul li h3 { font-size: 28px; }
	.section.n2 ul li .link_box { padding: 35vh 20px; }
	.section.n2 ul li .btn { width: auto; }
	.section.n5 ul li a { padding: 100px 50px; }
	.pro_wrap .lst li { width: calc(33.3333% - 20px); margin: 0 10px 40px; }
	.pro_wrap .lst2 li { width: calc(25% - 20px); margin: 0 10px 20px; }
	.top_tit .left { display: block; }
	.top_tit .left h2 { margin: 0 0 20px; }
	.ing_wrap .lst li { width: calc(33.3333% - 20px); }
	.ing_wrap .lst li .img { height: 20vw; }
	.pro_view .left { width: calc(100% - 340px); }
	.pro_view .left .top .nav button { width: 40px; height: 40px; margin-top: -20px; }
	.pro_view .left .top .nav button i { font-size: 14px; }
	.pro_view .left .top .nav button.prev { left: -15px; }
	.pro_view .left .top .nav button.next { right: -15px; }
	.pro_view .tab-links div a { width: 100%; padding: 0; text-align: center; }
	.pro_view .right { width: 340px; padding: 20px 25px; }
	.pro_view .right .top { margin-bottom: 10px; padding-bottom: 10px; }
	.pro_view .right .top h2 { font-size: 21px; }
	.pro_view .right .top p { font-size: 15px; }
	.pro_view .right .top div a { margin-left: 6px; }
	.pro_view .right .bot { left: 25px; bottom: 25px; right: 25px; }
	.pro_view .right .bot .bt1 select, .pro_view .right .bot .bt1 input { height: 44px; }
	.pro_view .right .bot .price { padding-top: 15px; margin-top: 15px; }
	.pro_view .right .bot .price .p2 { margin-top: 15px; }
	.pro_view .right .bot .price .p2 a { height: 50px; line-height: 48px; }
	.work_layer .inr { max-width: initial; margin: 10px; padding: 30px; }
	.work_layer .inr .close { right: 20px; top: 20px; width: 40px; height: 40px; line-height: 40px; }
	.work_layer .inr .tp .lv2 { width: 24%; }
	.work_layer .inr label input[type='text'], .work_layer .inr label input[type='password'], .work_layer .inr label select { min-width: 100%; max-width: 100%; width: 100%; }


	.bookmark_lst ul li {width:25%;}


	.gang_ing { margin:20px -30px; padding:30px; }

	.gang_go_wrap {padding-right:300px; word-break: keep-all;}
	.gang_go_wrap img {right:30px; width:300px;}

	.banner_box {padding:30px 20px 50px; border:0; margin:30px 0 0;}
	.banner_box .slider > .item { width:calc(25% - 20px); margin:10px;}


	.box_comm6 {padding:30px;}
	.history .left { width:35%;}
	.history .right {width:61%; padding-top:0;}
}


@media screen and (max-width:1023px) {


	.cont_wrap { margin: 40px 30px 70px; }
	.st_title { font-size: 28px; margin-bottom: 20px; }
	.visualzone .item .box h2 { font-size: 32px; }
	.visualzone .item .box p { font-size: 17px; }
	.pro_wrap .lst li { width: calc(50% - 20px); }
	.pro_wrap .lst2 li { width: calc(33.33333% - 20px); }
	.srch_box .box3 label { width: 33.33333%; }
	.srch_box .box3 label span { width: auto; }
	.pro_view { display: block; }
	.pro_view .left { width: auto; }
	.pro_view .left .top .synczone-for .item { height: 50vw; }
	.pro_view .left .top .synczone-nav .item { height: 10vw; }
	.pro_view .left .r_mobile { display: block; margin-top: 30px; }
	.pro_view .left .r_mobile .top2 { padding-bottom: 30px; border-bottom: 1px solid #e2e2e2; margin-bottom: 20px; position: relative; }
	.pro_view .left .r_mobile .top2 h2 { font-size: 28px; font-weight: 500; margin-bottom: 10px; padding-right: 50px; }
	.pro_view .left .r_mobile .top2 p { font-size: 16px; word-break: keep-all; line-height: 1.3; color: #666; }
	.pro_view .left .r_mobile .top2 div { position: absolute; right: 0; top: 0; }
	.pro_view .left .r_mobile .top2 div a { margin-left: 12px; }
	.pro_view .left .r_mobile .top2 div .bookmark { display: inline-block; width: 13px; height: 17px; background: url(../images/main/book_off.png) no-repeat; background-image: none; overflow: hidden; z-index: 3; position: relative; top: 2px; }
	.pro_view .left .r_mobile .top2 div .bookmark.on { background-image: url(../images/main/book_on.png); }
	.pro_view .left .r_mobile .box1 h2 { font-size: 26px; margin-bottom: 12px; }
	.pro_view .left .r_mobile .box1 h2 em { font-size: 15px; font-weight: normal; margin-left: 10px; }
	.pro_view .left .r_mobile .box2 { text-align: center; }
	.pro_view .left .r_mobile .box2 div:nth-child(1) { width: 100%; font-size: 14px; border-radius: 6px; background: #fff; display: flex; align-items: center; justify-content: center; text-align: center; margin-bottom: 4px; padding: 10px; }
	.pro_view .left .r_mobile .box2 div:nth-child(1) br { display: none; }
	.pro_view .left .r_mobile .box2 div:nth-child(2) { width: 100%; display: flex; flex-wrap: wrap; border-radius: 10px; justify-content: space-between; }
	.pro_view .left .r_mobile .box2 div:nth-child(2) strong { width: 100%; font-size: 14px; font-weight: normal; padding: 10px; margin-bottom: 4px; border-radius: 6px; background: #fff; }
	.pro_view .left .r_mobile .box2 div:nth-child(2) span { width: calc(25% - 3px); font-size: 14px; padding: 10px 0; display: block; background: #fff; border-radius: 6px; }
	.pro_view .right .top, .pro_view .right .box1, .pro_view .right .box2, .pro_view .right .bt1, .pro_view .right .bot .price .p1 { display: none; }
	.pro_view .right { position: fixed; left: 0; right: 0; top: initial; bottom: 0; min-height: initial; width: auto; height: auto; padding: 0; background: #fff; padding: 20px; }
	.pro_view .right .bot { position: initial;  padding:0;}
	.pro_view .right .bot .price { padding: 0; margin: 0; border: 0; }
	.pro_view .right .bot .price .p2 { margin: 0; }
	.inquiry .top p { font-size: 17px; padding: 15px 10px; }
	.inquiry .top p i { font-size: 17px; margin-right: 5px; }
	.inquiry .top p span { font-size: 17px; }
	.inquiry .box { gap: 0px; justify-content: space-between; }
	.inquiry .box input { max-width: initial; width: 32.333%; }
	.gang_lst { margin: 0 -10px; }
	.gang_lst .item { width: calc(33.3333% - 20px); margin: 0 10px 20px; }
	.gang_dtl .top .left .button { padding: 0 20px; font-size: 16px; }
	.gang_dtl .dtl { padding: 30px; }
	.res_lst { display: block; margin-top: 0; }
	.res_lst li { width: auto; margin-bottom: 30px; background: #fff; padding-bottom: 20px; }
	.res_lst li h2 { padding: 15px; }
	.res_lst li h2 i { display: inline-block; font-size: 18px; }
	.res_lst li h2 strong { display: inline-block; font-size: 18px; margin: 0 6px; }
	.res_lst li h3 { margin: 15px 10px; font-size: 20px; }
	.res_lst li .p1 { font-size: 18px; }
	.login_box { display: block; }
	.login_box .login_wrap { width: auto; }
	.login_box .login_wrap.type2 { margin-top: 20px; height: auto; }
	.login_box .login_wrap.type2 .txt { min-height: initial; }
	.login_wrap .lv_chk div .layer .inr { max-width:initial; margin:0 30px; padding:30px; }


	.cont_sitemap .sitemap_lst > li {width:100%; margin:0;}

	.banner_box {padding:0;}

	.bookmark_lst ul li {width:33.3333%;}



	.gang_ing .img {width:240px; height:320px;}
	.gang_ing .txt {width:calc(100% - 270px);}
	.gang_ing .txt h2 {margin-top:0;}


	.banner_box .slider > .item { width:calc(33.3333% - 20px); }

	.shirt_wrap .inr {margin:10px;}

}
/* Mobile ~ 767px */
@media screen and (max-width:767px) {


	.cont_wrap { margin: 30px 15px 50px; }
	.st_title { font-size: 22px; }
	.aos-init { transform: none !important; opacity: 1 !important; }
	.visualzone .item { height: 450px; min-height: initial; display: flex; justify-content: center; align-items: center; background-size:cover;  background-position:55% top;}
	.visualzone.type2 .item { height:400px; min-height:initial;}
	.visualzone .item .box { padding-top: 90px; margin:0 15px; }
	.visualzone .item .box h2 { font-size: 20px; margin-bottom:12px; text-shadow:0px 0px 3px rgba(0,0,0,0.5);}
	.visualzone .item .box p { font-size: 16px; margin-bottom: 25px; color:#fff;  text-shadow:0px 0px 3px rgba(0,0,0,0.5) ,0px 0px 3px rgba(0,0,0,0.5);}
	.visualzone .item .box p br {display:none;}
	.visualzone .item .box .lst {margin-bottom:20px;}
	.visualzone .item .box .lst li {font-size:15px; padding-left:30px; text-shadow:0px 0px 3px rgba(0,0,0,1); margin-bottom:8px;}
	.visualzone .item .box .lst li .num {width:23px; height:23px; line-height:23px; font-size:11px; top:-2px; text-shadow:none;}
	.visualzone .item .box a { width: 140px; height: 40px; line-height: 38px; font-size: 15px; background:rgba(0,0,0,0.3);  padding:0 15px;}
	.visualzone .item .box a i {font-size:12px; }
	.visualzone .nav .box2 { position: absolute; right: 15px; bottom: 83px; display: flex; z-index: 111; }
	.visualzone .nav .box2 button.prev { left: 0; border: 0; position: initial; width: 30px; height: 30px; }
	.visualzone .nav .box2 button.next { right: 0; border: 0; position: initial; width: 30px; height: 30px; }
	.visualzone .nav .box2 button i { font-size: 13px; }
	.visualzone .nav .box1 .count { display: none; }
	.srch_box { margin: -90px 15px 40px; }
	.srch_box .top { height: 38px; }
	.srch_box .box1 { padding: 15px; }
	.btn_chkbox2 label { padding: 0 0 0 24px; margin: 5px 15px 5px 0; }
	.btn_chkbox2 label span { font-size: 15px; }
	.srch_box .box2 { padding: 15px; }
	.srch_box .box2 div { flex-wrap: wrap; }
	.srch_box .box2 div select { width: calc(50% - 3px); margin: 0 0 6px; height: 40px; font-size: 16px; }
	.srch_box .box2 label span { display: none; }
	.srch_box .box2 label { margin: 0; display: flex; align-items: center; gap: 4px; margin-top: 6px; }
	.srch_box .box2 label input { width: 100%; height: 40px; font-size: 16px; }
	.srch_box .box_bot { border: 0; padding: 0 15px 25px; margin: 0; display: block; }
	.srch_box .box_bot .btn { display: block; text-align: center; padding: 16px 10px; }
	.srch_box .box_bot .btn strong { font-size: 16px; }
	.srch_box .box_bot .right { display: none; }
	.srch_box .box3 label span { height: 52px; padding: 0 10px; font-size: 16px; }
	.srch_box .box3 label:last-child span { border-right: 0; }
	.pro_wrap { margin: 0 15px; }
	.pro_wrap .lst { margin: 0 -5px 20px; }
	.pro_wrap .lst li { width: calc(50% - 10px); margin: 0 5px 15px; border-radius: 0 0 8px 8px; }
	.pro_wrap .lst li.on a:before { border-radius: 0 0 8px 8px; box-shadow: none; }
	.pro_wrap .lst li a .img { height: 32vw; }
	.pro_wrap .lst li a .img .type { left: 6px; top: 6px; }
	.pro_wrap .lst li a .img .type em { font-size: 11px; height: 22px; line-height: 20px; padding: 0 5px; }
	.pro_wrap .lst li a .txt { padding: 12px 4px 12px 12px; }
	.pro_wrap .lst li a .txt h2 span { font-size: 16px; padding-right: 0; }
	.pro_wrap .lst li .book { right: 12px; top: calc(32vw + 12px); }
	.pro_wrap .lst li a .txt h3 { font-size: 17px; }
	.pro_wrap .lst li a .bot { padding: 0 12px; height: 40px; }
	.pro_wrap .lst li a .bot div strong { display: none; }
	.pro_wrap .lst2 { margin: 0 -5px 20px; }
	.pro_wrap .lst2 li { width: calc(50% - 10px); margin: 0 5px 10px; border-radius: 0 0 8px 8px; }
	.pro_wrap .lst2 li.on a:before { border-radius: 0 0 8px 8px; box-shadow: none; }
	.pro_wrap .lst2 li a .img .type { left: 6px; top: 6px; }
	.pro_wrap .lst2 li a .img .type em { font-size: 11px; height: 22px; line-height: 20px; padding: 0 5px; }
	.pro_wrap .lst2 li a .img { height: 58vw; }
	.pro_wrap .lst2 li a .txt { padding: 12px; }
	.pro_wrap .lst2 li a .txt h2 { font-size: 18px; }
	.pro_wrap .lst2 li a .txt h2 span { font-size: 13px; margin-left: 5px; }
	.pro_wrap .lst2 li a .txt p { font-size: 15px; }
	.pro_wrap .lst2 li .book { right: 12px; top: calc(58vw + 12px); }
	.top_tit { margin-bottom: 20px; }
	.top_tit .left h2 { font-size: 24px; margin-bottom: 10px; }
	.top_tit .left ul { margin-right: -15px; }
	.top_tit .left ul li { margin: 3px 20px 3px 0; }
	.top_tit .left ul li a { font-size: 15px; }
	.top_tit .right { top: -4px; }
	.top_tit .right span { display: none; }
	.top_tit .right select { height: 30px; font-size: 14px; padding: 0 3px; }
	.star_wrap { padding: 30px 0 0 15px; }
	.star_wrap .inr { margin-bottom: 40px; }
	.star_wrap .inr .top_tit { margin-right: 15px; }
	.star_wrap .slick-slide { padding-right: 15px; }
	.star_wrap .item a { width: 230px; }
	.star_wrap:before { height: auto; bottom: 194px; }
	.star_wrap .item a .img { height: 280px; }
	.star_wrap .item a .img .type { left: 6px; top: 6px; }
	.star_wrap .item a .img .type em { font-size: 11px; height: 22px; line-height: 20px; padding: 0 5px; }
	.star_wrap .item a .txt { padding: 12px; }
	.star_wrap .item a .txt h2 { font-size: 18px; }
	.star_wrap .item a .txt h2 span { font-size: 13px; margin-left: 5px; }
	.star_wrap .item .book { top: 292px; right: 12px; }
	.star_wrap .nav { top: initial; bottom: 124px; left: -36px; }
	.star_wrap .nav button { width: 36px; height: 36px; font-size: 14px; }
	.star_wrap .nav button i { font-size: 12px; }
	.review_wrap { margin-top: 30px; padding: 40px 0 40px 15px; }
	.review_wrap .inr .top_txt h2 { font-size: 28px; margin: 6px 0 20px; }
	.review_wrap .inr .top_txt h2 strong { font-size: 28px; }
	.review_wrap .inr .top_txt h2 strong:before { bottom: 5px; }
	.review_wrap .inr .top_txt>span { font-size: 15px; }
	.review_wrap .inr .top_txt a { position: initial; margin-bottom: 10px; display: inline-block; }
	.review_wrap .inr .top_txt a:before { top: -50px; right: -50px; }
	.review_wrap .slick-slide { padding-right: 15px; }
	.review_wrap .item a { width: 240px; border-radius: 8px; padding-top: 25px; }
	.review_wrap .item a .img { width: 50px; height: 50px; top: -25px; left: 15px; }
	.review_wrap .item a .txt { padding: 15px 15px 25px; }
	.review_wrap .item a .txt h2 { font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.review_wrap .item a .txt .star { font-size: 14px; }
	.review_wrap .item a .txt p { font-size: 15px; }
	.review_wrap .nav { left: 20px; }
	.review_wrap .nav button { width: 40px; height: 40px; }
	.review_wrap .nav button i { font-size: 12px; position: relative; top: -2px; }
	.review_wrap2 { margin-top: 30px; padding: 40px 0 50px 15px; }
	.review_wrap2 .inr .top_txt h2 { font-size: 28px; margin: 0 0 10px; }
	.review_wrap2 .inr .top_txt p { padding-right: 15px; word-break: keep-all; }
	.review_wrap2 .inr .top_txt h2 strong { font-size: 28px; }
	.review_wrap2 .inr .top_txt h2 strong:before { bottom: 5px; }
	.review_wrap2 .inr .top_txt>span { font-size: 15px; }
	.review_wrap2 .inr .top_txt .go_btn { width: 180px; height: 48px; padding: 0 12px; font-size: 16px; margin: 20px 0 30px; }
	.review_wrap2 .inr .top_txt .go_btn i { font-size: 12px; }
	.review_wrap2 .inr .top_txt .more { display: none; }
	.review_wrap2 .slick-slide { padding-right: 15px; }
	.review_wrap2 .item a { width: 240px; border-radius: 8px; padding: 15px; }
	.review_wrap2 .item a .txt h2 { font-size: 17px; margin-top: 6px; font-weight: 600; }
	.review_wrap2 .item a .type { font-size: 12px; padding: 0 10px; height: 24px; line-height: 24px; border-radius: 2px; }
	.review_wrap2 .nav { left: -20px; opacity: .75; }
	.review_wrap2 .nav button { width: 40px; height: 40px; }
	.review_wrap2 .nav button i { font-size: 12px; position: relative; top: -2px; }
	.review_wrap2 .item a .bot { padding: 15px 0; }
	.review_wrap2 .item a .bot span { font-size: 14px; width: 70px; height: 28px; line-height: 26px; }
	.review_wrap2 .item a .bot em { font-size: 15px; }
	.ing_wrap { margin: 35px 15px 20px; }
	.ing_wrap .top { margin-bottom: 20px; }
	.ing_wrap .top h2 { font-size: 24px; }
	.ing_wrap .top a { display: none; }
	.ing_wrap .lst { margin: 0 -5px; }
	.ing_wrap .lst li { width: calc(50% - 10px); margin: 0 5px 20px; }
	.ing_wrap .lst li .img em { font-size: 11px; height: 22px; line-height: 20px; width: 46px; border-radius: 2px; left: 8px; top: 8px; }
	.ing_wrap .lst li .img { height: 28vw; border-radius: 5px; }
	.ing_wrap .lst li .tit { margin: 15px 0 8px; font-size: 16px; }
	.ing_wrap .lst li .txt { font-size: 15px; -webkit-line-clamp: 2; height: 2.6em; }
	.pro_view .left .top { padding: 15px; }
	.pro_view .left .top .type { left: 12px; top: 12px; }
	.pro_view .left .top .type em { font-size: 12px; height: 26px; line-height: 24px; padding: 0 8px; }
	.pro_view .left .top .location1 { margin-bottom: 12px; }
	.pro_view .left .top .synczone-nav { margin: 15px 0 0; }
	.pro_view .left .top .synczone-nav .item { height: 13vw; padding: 0 3px; }
	.pro_view .left .r_mobile { margin-top: 25px; padding-bottom: 20px; }
	.pro_view .left .r_mobile .top2 { padding-bottom: 15px; margin-bottom: 15px; }
	.pro_view .left .r_mobile .top2 h2 { font-size: 21px; }
	.pro_view .tab-links { top: 60px; }
	.pro_view .tab-links:before { display: none; }
	.pro_view .tab-links div { flex-wrap: wrap; background: #fff; }
	.pro_view .tab-links div a { width: 20%; height: 38px; line-height: 37px; border: 0; font-size: 15px; border-bottom: 1px solid #eee; border-right: 1px solid #eee; }
	.pro_view .tab-links div a:last-child { border-right: 0; }
	.pro_view .tab-links a.active { background: #00a89e; border-color: #00a89e; color: #fff; font-weight: normal; }
	.pro_view .tab_box { padding: 0 15px; }
	.pro_view .content-section { padding-top: 0px; margin-top:50px; }
	.pro_view .content-section .conTit2 { font-size: 20px; margin-bottom: 15px; }
	.pro_view #tab1 .tb1 h5 { font-size: 18px; }
	.pro_view #tab3 .tb1 h5 { font-size: 18px; }
	.pro_view .tab_top { margin-top: 40px; margin-bottom: -15px; }
	.pro_view .tab_top .conTit2 { font-size: 20px; }
	.pro_view .tab_top ul { display: block; }
	.pro_view .tab_top ul li { width: auto; margin-right: 0; margin-bottom: 15px; padding: 15px; }
	.pro_view .tab_top ul li i { font-size: 18px; }
	.pro_view .tab_top ul li span { font-size: 16px; margin: 8px 0 4px; }
	.pro_view .tab_top ul li p { font-size: 15px; }
	.pro_view .tab_top ul li:before { right: 50%; bottom: -5px; top: initial; width: 10px; height: 10px; }
	.pro_view #tab2 .t_time { font-size: 16px; margin-bottom: 20px; padding: 13px; }
	.pro_view #tab2 .lst li { padding: 0 0 15px 65px; }
	.pro_view #tab2 .lst li .time { width: 50px; height: 30px; line-height: 30px; font-size: 15px; }
	.pro_view #tab2 .lst li:before { left: 25px; }
	.pro_view #tab2 .lst li div strong { font-size: 17px; padding: 4px 0 10px; }
	.pro_view #tab2 .lst li div p { font-size: 16px; }
	.pro_view #tab2 .lst li div span { margin-top: 10px; }
	.pro_view ul.d_lst li { padding: 10px 10px 10px 30px; font-size: 16px; }
	.pro_view ul.d_lst li:before { left: 10px; top: 12px; }
	.pro_view #tab4 .lst li+li { margin-top: 20px; }
	.pro_view #tab4 .lst li .pro { width: 60px; height: 60px; }
	.pro_view #tab4 .lst li>div { width: calc(100% - 74px); padding: 15px; border-radius: 8px; min-height: 60px; }
	.pro_view #tab4 .lst li>div:before { top: 25px; }
	.pro_view #tab4 .lst li>div .tit { margin-bottom: 6px; }
	.pro_view #tab4 .lst li>div .txt { font-size: 15px; }
	.pro_view #tab5 .lst li .pro { width: 50px; height: 50px; line-height: 50px; font-size: 14px; margin-right: 15px; }
	.pro_view #tab5 .lst li>div { width: calc(100% - 65px); }
	.pro_view #tab5 .lst li>div .txt { font-size: 15px; }
	.pro_view #tab5 .lst li>div .star { font-size: 15px; }
	.pro_view #tab5 .lst li>div .date { font-size: 15px; margin-top: 10px; }
	.pro_view #tab5 .lst li+li { margin-top: 18px; padding-top: 18px; }

	.pro_view #tab1 .tb1 .img {height:50vw;}
	.pro_view #tab1 .tb1 .t1 {font-size:16px;}
	.pro_view #tab1 .tb1 .t1 + .t1 {margin-top:0;}
	.pro_view #tab1 .tb1 .t1 strong {font-size:18px;}
	.pro_view #tab1 h6 {font-size:17px;}
	.pro_view #tab1 .lstBox li {font-size:16px; padding-left:9px; background:linear-gradient(#444,#444) no-repeat 0px 11px/3px 3px;}

	.pro_view #tab1 .tb1 .course_edu h5 {margin-top:28px;}
	.pro_view #tab1 .tb1 .course_edu .txtBox {font-size:16px;}
	.pro_view #tab1 .tb1 .course_edu .box_review {padding:15px;}
	.pro_view #tab1 .tb1 .course_edu .box_review .r_top { position:initial; flex-wrap:wrap; justify-content: space-between;}
	.pro_view #tab1 .tb1 .course_edu .box_review .r_top div {width:calc(50% - 2px);margin:0 0 4px; padding:10px; height:auto; font-size:16px; border-radius:5px;}
	.pro_view #tab1 .tb1 .course_edu .box_review .r_box {display:block;}
	.pro_view #tab1 .tb1 .course_edu .box_review .r_box div {width:auto; margin-top:15px; padding:15px 10px 1px 15px;}
	.pro_view #tab1 .tb1 .course_edu .new_course {padding:15px;}
	.pro_view #tab1 .tb1 .course_edu .new_course .f_box {display:block;}
	.pro_view #tab1 .tb1 .course_edu .new_course .f_box div {width:auto;}
	.pro_view #tab1 .tb1 .course_edu .new_course .f_box div + div {margin-top:15px;}
	.pro_view #tab1 .tb1 .course_edu .new_course .f_box div strong {text-align:left; padding-left:10px;}
	.pro_view #tab1 .tb1 .course_edu .new_course .f_box div strong i {display:inline-block; width:auto; height:auto; margin-right:10px;}
	.pro_view #tab1 .tb1 .course_edu .new_course .f_box div ul {padding:5px 0 0 5px;}
	.pro_view #tab1 .tb1 .course_edu .new_course .f_box div ul li {font-size:16px;}

	.accordion0 h3 { padding: 12px; font-size: 16px; }
	.accordion0 h3:after { right: 12px; top: 17px; font-size: 14px; }
	.accordion0 div p { padding: 12px 8px 12px 36px; font-size: 16px; }
	.accordion0 div:before { left: 14px; top: 11px; }
	.pro_view .right { padding: 10px; z-index: 18; background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(5px); }
	.pro_view .right .bot .price .p2 a { width: 40px; height: 40px; line-height: 38px; background: #fff; }
	.pro_view .right .bot .price .p2 a:first-child { width: calc(100% - 90px); font-size: 17px; }
	.work_layer .inr { margin: 0; border: 4px solid #00a197; padding: 20px; }
	.work_layer .inr .close { right: 15px; top: 15px; width: 30px; height: 30px; line-height: 30px; }
	.work_layer .inr h2 { font-size: 20px; padding-right: 30px; margin-bottom: 15px; word-break: keep-all; }
	.work_layer .inr .tp { flex-wrap: wrap; gap: 0; margin: 0; }
	.work_layer .inr .tp .lv2 { width: calc(100%); margin-bottom: 15px; }
	.work_layer .inr .tp3 { margin-bottom: 15px; }
	.work_layer .inr label strong { font-size: 16px; margin-bottom: 5px; }
	.work_layer .inr label input[type='text'], .work_layer .inr label input[type='password'], .work_layer .inr label select { height: 40px; }
	.inquiry .box { display: block; }
	.inquiry .box input { width: 100%; margin-bottom: 5px; height: 44px; font-size: 16px; }
	.inquiry textarea { margin-top: 0px; font-size: 16px; }
	.inquiry .box_sc h2 { margin: 30px 0 15px; }
	.inquiry .button { padding: 0 30px; width: 140px; height: 46px; line-height: 44px; font-size: 17px; }
	.gang_lst { margin: 0 -5px; }
	.gang_lst .item { width: calc(50% - 10px); margin: 0 5px 10px; }
	.gang_lst .item a { border-radius: 8px; padding: 15px; }
	.gang_lst .item a .txt h2 { font-size: 17px; margin-top: 6px; font-weight: 600; }
	.gang_lst .item a .type { font-size: 12px; padding: 0 10px; height: 24px; line-height: 24px; border-radius: 2px; }
	.gang_lst .item a .bot { padding: 15px 0; margin-top: 0; border: 0; }
	.gang_lst .item a .bot span { font-size: 14px; width: 70px; height: 28px; line-height: 26px; }
	.gang_lst .item a .bot em { font-size: 15px; }
	.gang_dtl { margin: 30px 15px; }
	.gang_dtl .top { display: block; }
	.gang_dtl .left { width: auto; border-bottom: 1px solid #d2d2d2; padding-bottom: 20px; margin-bottom: 20px; }
	.gang_dtl .left img { width: 50%; min-width: 240px; display: block; margin: 0 auto 15px; }
	.gang_dtl .right { width: auto; }
	.gang_dtl .right .r_top { display: block; position: relative; }
	.gang_dtl .right .r_top .conTit2 { font-size: 20px; }
	.gang_dtl .right .r_top .conTit2 span { position: absolute; right: 0; top: 3px; }
	.gang_dtl .right .r_top .conTit2 span a { margin: 0 0 0 10px; }
	.gang_dtl .dtl { padding: 0; background: none; }
	.gang_dtl .dtl .box { padding: 20px; background: #fff; border: 0; margin-top: 25px; }
	.gang_dtl .dtl .box h2 { font-size: 19px; margin-bottom: 12px; }
	.gang_dtl .dtl .box iframe { width: 100% !important; }
	.gang_dtl .dtl .box li { font-size: 16px; padding-left: 22px; margin-top: 7px; }




	.login_box { margin: 40px 15px; display: block; }
	.login_wrap { width: auto !important; padding: 20px 15px; border-radius: 10px; margin:40px 15px; }
	.login_wrap h2 { font-size: 24px; margin-bottom: 15px; }
	.login_wrap .cho { height: 44px; }
	.login_wrap .cho label span { font-size: 16px; }
	.login_wrap .lv { margin-bottom: 10px; }
	.login_wrap .lv span { width: 90px; padding-left: 12px; font-size: 15px; }
	.login_wrap .lv input { height: 46px; font-size: 15px; }
	.login_wrap .btn01 { height: 50px; margin-top: 14px; font-size: 17px; line-height:50px;}
	.login_wrap .bot { margin-top: 20px; }
	.login_wrap .bot a { font-size: 15px; margin-left: 12px; white-space: nowrap; }
	.login_wrap .bot label { font-size: 15px; white-space: nowrap; }
	.login_wrap .bot input { position: relative; top: -2px; }
	.login_box .non-member { width: 100%; margin: 20px 0 0; display: block; height: 60px; border-radius: 10px; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 17px; }
	.login_box .non-member i { width: 30px; height: 30px; font-size: 16px; line-height: 30px; margin: 0 8px 0 0; }


	.login_wrap .mem_type li {width:48%;}
	.login_wrap .mem_type li a {padding:30px 10px;}
	.login_wrap .mem_type li a strong {margin:16px 0 8px; font-size:18px;}
	.login_wrap .mem_type li a i {width:70px; height:70px; line-height:70px; font-size:24px;}
	.login_wrap .mem_type li a span {font-size:15px;}
	.login_wrap .lv_chk div .layer h2 {font-size:20px; margin-bottom:16px;}
	.login_wrap .lv_chk div .layer .inr {height:auto; margin:0 20px; padding:30px;}
	.login_wrap .lv_chk div .layer .inr .close {width:36px; height:36px; line-height:36px; right:-13px; top:-13px;}
	.login_wrap .lv_chk div .layer .inr .scroll {font-size:15px;}
	.login_wrap .lv_chk div .layer .inr .button {margin:20px auto 0; font-size:15px; height:45px; line-height:45px; padding:0 20px;}


	.box_comm2.f_id {padding:30px 10px;}
	.f_id .txt1 {font-size:17px;}
	.f_id .txt2 {font-size:28px;}
	.f_id .button {min-width:130px;}

	.srch_box0 { word-break: keep-all; padding: 20px 10px; font-size: 17px; }
	.srch_box0 strong { font-size: 17px; }
	.conTit3.num { margin-top: 30px; margin-bottom: 10px; }
	.conTit3.num strong { font-size: 22px; }
	.srch_lst { border-top: 1px solid #333; }
	.srch_lst>li a { background: none !important; border-bottom: 1px solid #ddd; padding: 20px 0; flex-wrap: nowrap; gap: 15px; }
	.srch_lst>li .txt_wrap { width: 100%; }
	.srch_lst>li .img { height: auto !important; margin: 0 !important; width: 110px !important; border-radius: 0; }
	.srch_lst>li .img img { height: auto; border-radius: 4px; }
	.srch_lst>li .txt_wrap .tit { font-size: 17px; margin-bottom: 8px; }
	.srch_lst>li .txt_wrap .tit em { font-size: 17px; }
	.srch_lst>li .txt_wrap .txt { font-size: 15px; }
	.srch_lst>li .txt_wrap .txt span { font-size: 15px; }
	.srch_lst>li .txt_wrap .txt em { font-size: 15px; }
	.srch_lst>li .txt_wrap .type span { font-size: 13px; padding: 2px 10px; }
	.srch_lst>li .txt_wrap .price { margin-top: 6px; font-size: 15px; }


	.cont_sitemap .sitemap_lst > li {padding:20px 0 24px;}
	.cont_sitemap .sitemap_lst > li > a span {font-size:20px;}
	.cont_sitemap .sitemap_lst > li > div {margin-top:12px;}
	.cont_sitemap .sitemap_lst > li > div > ul {gap:7px;}
	.cont_sitemap .sitemap_lst > li > div > ul > li a {padding:8px 15px; font-size:15px;}


	.banner_box .slider {margin:0 10px 30px;}
    .banner_box .slider > .item {height:44px; margin:5px; width:calc(33.3333% - 10px);}
	.banner_box .slider > .item img { height:24px;}


	.bookmark_lst ul { margin:0 -7px;}
	.bookmark_lst ul li { padding:0 7px; margin-bottom:14px;  }
	.bookmark_lst ul li button {left:17px; top:10px; width:30px; height:30px;}
	.bookmark_lst ul li a {height:230px; padding:20px 10px 30px;}
	.bookmark_lst ul li .img {width:80px; height:80px; margin-bottom:12px;}
	.bookmark_lst ul li .tit {font-size:16px;}


	.gang_ing {margin:15px -5px; display:block;}
	.gang_ing .img {margin:0 auto 20px; padding-bottom:15px; }
	.gang_ing .txt {border-top:1px solid #d2d2d2; width:auto; padding-top:20px;}
	.gang_ing .txt h2 {border:0; margin:0; font-size:24px;}
	.gang_ing .txt .button {display:block; margin:20px auto 0;}

	.m_gang_wrap {display:block; margin:0 15px;}
	.gang_go_wrap {margin:0; width:auto; padding:20px 15px 20px 20px;}
	.gang_go_wrap h2 {font-size:20px; margin-bottom:12px;}
	.gang_go_wrap p {margin-bottom:25px; font-size:16px;}
	.gang_go_wrap img {right:10px; bottom:-10px; width:50%; max-width:150px;}
	.m_gang_wrap .t1 {width:auto; margin-top:20px; display:block; padding:20px 80px 20px 20px; text-align:left;}
	.m_gang_wrap .t1 strong {font-size:20px; margin-bottom:12px;}
	.m_gang_wrap .t1 span {font-size:16px;}
	.m_gang_wrap .t1 .t_img { width:60px; position:absolute; right:10px; bottom:20px;}
	.m_gang_wrap .t1 .ico {width:26px; left:initial; right:3px; top:initial; bottom:20px; }

	.shirt_wrap {}
	.shirt_wrap .inr {margin:0px; padding:15px;}
	.shirt_wrap .inr .top {padding:20px; }
	.shirt_wrap .inr .top:before , .shirt_wrap .inr .top:after {display:none;}
	.shirt_wrap .inr .top h2 {font-size:18px; margin-bottom:8px;}
	.shirt_wrap .inr .top p {font-size:16px;}
	.shirt_wrap .close {right:10px; top:10px; width:30px; height:30px; line-height:30px;}
	.shirt_wrap .inr h3 {margin:16px 0 6px; font-size:18px;}
	.shirt_wrap .inr .box ul li {font-size:16px; word-break: keep-all;}
	.shirt_wrap .inr .fc01 {font-size:16px; word-break: keep-all;}
	.shirt_wrap .inr table td, .shirt_wrap .inr table th {padding:5px;}
	.shirt_wrap .inr table th {font-size:15px;}
	.shirt_wrap .inr table td input {height:33px;}

	.ex_layer .inr2 {margin:0; padding:30px;}
	.ex_layer .inr2 h4 {font-size:18px;}
	.ex_layer .close2 {right:10px; top:10px; width:30px; height:30px; line-height:30px;}


	.res_end {margin:30px 30px 80px; word-break: keep-all;}
	.res_end img {max-width:80px;}
	.res_end .conTit2 {margin-top:20px; font-size:22px;}



	.course_box {padding:40px 30px 30px; margin-top:50px;}
	.course_box .box {display:block;}
	.course_box .box h3 { font-size:16px; height:30px; line-height:30px;}
	.course_box .box li , .course_box .box li span {font-size:16px;}
	.course_box .price {padding:12px; font-size:18px;}

	.box_comm6 {padding:6px 0 0; margin:0; background:none;}
	.history {display:block;}
	.history .left {width:auto; text-align:center; margin-bottom:20px;}
	.history .left img { width:100%; border-radius:10px;}
	.history .right {width:auto;}
	.history .right h3 {font-size:24px;}
	.history .right .box div {font-size:16px; padding-left:90px;}
	.history .right span {font-size:16px; left:16px;}
	.history .right .box div:before {left:0; width:10px;}
	.box_comm6 .p_txt {font-size:16px; margin:20px 0 40px;}
	.box_comm6 .v_box {font-size:16px; padding:30px 16px 30px; border-radius:10px; background:#fff;}
	.box_comm6 .v_box p {font-size:16px;}
	.box_comm6 .v_box + .v_box {margin-top:40px;}
	.box_comm6 .v_box h3 {height:36px; line-height:36px; width:180px; margin-left:-90px; font-size:17px;}

	.box_comm6 .v_box ul {display:block;}
	.box_comm6 .v_box ul li {width:auto;}
	.box_comm6 .v_box ul li + li {margin-top:20px;}
	.box_comm6 .v_box h3 {line-height:30px; height:30px; width:100px; margin-left:-50px; font-size:15px; top:-15px;}
	
	.box_comm6 .v_box ul li h4 { font-size:16px; height:30px; line-height:30px; font-weight:600; margin-bottom:8px;}
	.box_comm6 .v_box ul li span {font-size:16px; word-break: keep-all;}
}
@media screen and (max-width:480px) {
	.review_wrap .inr .top_txt h2 { font-size: 22px; word-break: keep-all; padding-right: 15px; }
	.review_wrap .inr .top_txt h2 br { display: none; }
	.banner_box .item { height:100px; padding:0px 15px;}
	.bookmark_lst ul li  {width:50%;}

	.bookmark_lst ul li a {height:180px; }
	.bookmark_lst ul li .img {width:66px; height:66px;}
	.bookmark_lst ul li .tit {font-size:15px;}



    .banner_box .slider > .item {height:32px; width:calc(33.3333% - 10px);}
	.banner_box .slider > .item img { height:18px;}


}