@charset "utf-8";
.sub_wrap {width:100%; float:right;}
.blue_txt {color:#00699a;}

.preparing {width:100%;}
.preparing img {width:100%;}

.con_wrap{margin-top:120px;}
.con_box h2{font-size:25px;display: flex;flex-wrap: wrap;gap:5px}
.con_box h2::before{content:"";display:inline-block;width:10px;height:10px;aspect-ratio:1/1;background:#db9c0a;border-radius: 50%;}


/*greetings*/
.con_wrap .wrap .sub_title h1 span{display:none;font-size:16px;color:#db9c0a}
.con_wrap .wrap .title_box1 .sub_mini_tit::before{content:"[";font-size:50px;}
.con_wrap .wrap .title_box1 .sub_mini_tit::after{content:"]";font-size:50px;}
.con_wrap .wrap .title_box1 .sub_mini_tit{font-size:30px;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: center;color:#db9c0a;margin:0 0 50px;font-weight: 500;}
.con_wrap .wrap .title_box1{font-size:25px;text-align:center;margin-bottom:100px}
.con_wrap .wrap .title_box1 p span{color:#db9c0a;font-weight:bold}


.greeting_01, .greeting_02{text-align:center;margin-bottom: 100px;}
.greeting_01 h2, .greeting_02 h2{margin-bottom:20px;font-weight:600;justify-content: center}
.greeting_02 aside{width:650px;height:auto;aspect-ratio:80/78;margin:0 auto}
.greeting_02 aside img{width:100%;height:auto;}

.greeting_03 h3{text-align:center;font-size:25px;background: url(/img/sub/greeting_01.jpg)no-repeat center/cover;padding: 100px;color:#Fff}


/* 원장/강사소개 */
.con_box_flex{display:flex;flex-wrap:wrap;}
.con_box_flex>div{width:50%;}
.teach_box_wrap{margin-top:50px}
.teach_box ul{margin-top:10px}
.teach_box ul li{padding:10px}
.con_box.teach_box.teacher_box3 {margin-top: -30%;}

/* 시설안내 */
.facility_cont{margin-top:30px;}
.tab-content{
    display:none;
}
.tab-content.current{
    display:inherit;
}

.facility_img{width:100%;height:auto;aspect-ratio:9/4;background:#eee;overflow: hidden;position: relative;}
.facility_img>img{width:100%;height:auto;position: absolute;top: 50%;transform: translateY(-50%);}
.facility_cont .tabs{display:flex;flex-wrap:wrap;margin-bottom:30px;justify-content: center;}
.facility_cont .tabs li{width:calc(100% / 6);box-sizing:border-box;padding:20px 0;text-align:center;background:#e9e9e9;border:1px solid #ddd;cursor: pointer;}
.facility_cont .tabs li:hover{background:#db9c0a;color:#fff;transition:0.3s}
.facility_cont .tabs li.current{background:#db9c0a;color:#fff}

.con_box.rental_box{margin-top:100px}
.rental_box p{font-size:28px;background:url('/img/sub/equip_bg.png')no-repeat center center/cover;text-align: center;margin-top:50px}
.rental_box p a{color:#fff;display:block;padding:70px 0}
.rental_box p a span{color:#f8cc65}




/* location */
.location{text-align:center;}
.location iframe .gmnoprint{display: none !important;}
.location .title{margin-bottom: 30px;}
.location table{font-size:20px;border-top:2px solid #db9c0a;margin-top:30px;}
.location table th{border-bottom:1px solid #fff;color:#fff;border-bottom:1px dotted #ddd;}
.location table td{padding:20px 25px;border-bottom:1px dotted #ddd;text-align:left;background:#ffffffa1;}
.location table th span{padding:5px 0;width:100%;border-radius:30px;color:#fff;background:#db9c0a;display: block;}
.location ul li{float:left;width:50%;}
.location ul{overflow:hidden;}
.location_bg{margin-top:130px;}
.location h3{display:inline-block;}

table.transportation {
    border-top: 0;
}

#trans.transportation td .tdtit i{width:50px;display:block}
#trans.transportation td .tdtit{text-align:center;color:#333;display:flex;flex-wrap:wrap;align-items: center;border-bottom:0;flex-direction: column;gap: 20px;}
#trans.transportation td .tdtit i img{width:100%;height:auto}

/* pro01 */
.curri_wrap_conbox{margin-bottom: 120px;}
.con_box.curriculum_box1{margin-bottom:80px;}

.curriculum_box1 h2{color:#db9c0a;font-size:28px;font-weight:bold;margin-bottom: 20px;}
.curriculum_box1 h2::before{display:none;color:#db9c0a}
.curri_info {margin-top: 50px;}
.curri_info_img{width:100%;height:auto;aspect-ratio:3/1;background:#eee;overflow:hidden;position: relative;margin-bottom: 50px;}
.curri_info_img img{width:100%;height:auto;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
.curri_info_img img.hansik{width:100%;height:auto;position:absolute;top:10%;left:50%;transform: translate(-50%, -50%);}
.curri_info_desc ul{display:flex;flex-wrap:wrap;justify-content: space-between;}
.curri_info_desc ul li{width:calc(100% / 4 - 40px);background:#fff;border:1px solid #eee;box-shadow:3px 3px 6px rgba(0,0,0,0.1);padding:35px;text-align: center;display:flex;flex-wrap:wrap;flex-direction:column;gap:20px;justify-content:center;border-radius: 20px 0; align-items: center;}

.table_wrap {margin-top: 20px;}
.table_wrap table{text-align:center;border-bottom: 2px solid #ddd;}
.table_wrap table tr{padding:10px 25px}
.table_wrap table tr th{background: #db9c0a;padding:10px 0;color:#fff;border-right: 1px solid #fff;}
.table_wrap table tr th:first-child{border-radius: 10px 0 0 0}
.table_wrap table tr th:last-child{border-radius: 0 10px 0 0}
.table_wrap table tr td{padding:10px 25px;border-right:1px solid #ddd;border-bottom: 1px solid #ddd;}
.table_wrap table tr td:last-child{border-right:0;}
td.row_6 {border-left: 1px solid #ddd;}
/* pro03 */
.curri_info h3{font-size:23px;display: flex;flex-wrap: wrap;gap:10px}
.curri_info h3::before{content:"";display:inline-block;width:3px;height:auto;aspect-ratio:1/1;background:#db9c0a;}
.curri_info.barista .qualifications li::before{content: "☑";display: inline-block;width: 10px;height: auto;aspect-ratio: 1/1;color: #db9c0a;margin-right: 10px;}
.pro04_mini_desc{font-size: 18px;font-weight: 500;text-align: center;background: #db9c0a;padding: 10px;color: #fff;    margin: 30px auto 40px;}

/* pro04 */
.qualifications{padding:20px}
.qualifications li{margin-bottom:7px;}
.qualifications li:last-child{margin-bottom:0;}

    #Agreement h2 {margin:40px 0 10px;text-align:left;}
#Agreement {font-size:16px;line-height: 30px;word-break:keep-all; }
.Agreement_first h2 {margin-top:0;}
.Agreement_first, .terms > div { color: #666; line-height: 24px; }
.terms { background: #f8f8f8; padding:25px; border: 1px solid #dedede; }

.privateD {width: 99.9%; border: 1px solid #ddd; overflow: hidden; padding: 30px; box-sizing: border-box; background: #f5f5f5; font-size: 16px; line-height: 26px;}
.privateD p {font-size: 20px;  font-weight: 500; margin-bottom: 20px;}


/* competition01 */
.competition_cont{display:flex;flex-wrap: wrap;justify-content: space-between;gap: 20px 0;margin-top: 30px;}
.competition_box.process_com{margin-bottom: 120px;}
.competition_box h2{color:#db9c0a;font-size:28px;font-weight:bold;margin-bottom: 20px;}
.competition_box h2::before{display:none;color:#db9c0a;}

.competition_cont .competit_list{width: calc(100% / 5 - 20px);background: #fff;position: relative;;box-sizing: border-box;padding: 20px;display: block;height: auto;border: 1px solid #eee;border-radius: 20px 0;box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);cursor: pointer;}
.competition_cont .process_com{width: calc(100% / 4 - 50px);background: #fff;position: relative;;box-sizing: border-box;padding: 20px;display: block;height: auto;border: 1px solid #eee;border-radius: 20px 0;box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);}
.competition_cont .competit_list:hover{background: #f8cc65;transition: 0.3s;}
.competition_cont .competit_list:hover .competit_desc, .competition_cont .competit_list:hover .competit_name{color:#fff;transition: 0.3s;}
.competit_name {font-size: 18px;font-weight: 500;word-break: keep-all;position: absolute;top: 20px;left: 20px;}
.competit_desc {color: #555;word-break: keep-all;}
.competition_cont .competit_list .competit_img{width: 100%;height: auto;aspect-ratio: 9/6;background: #fff;overflow: hidden;margin-bottom: 20px;margin-top: 58px;}
.competition_cont .process_com .competit_img{width: 100%;height: auto;aspect-ratio: 9/6;background: #eee;overflow: hidden;margin:0;}
.competition_cont .competit_list .competit_img img{width: 100%;height: auto;}
.competition_cont .process_com .competit_pro_tit{font-weight: 600;margin: 20px 0;}
.process_arr{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.process_arr img{transform: rotate(-90deg);}
.process_arr.mo {display:none}

/* competition02 */
.competition02 .competition_cont .competit_list{width: calc(100% / 4 - 20px);height: auto;}

/* ---------반응형---------- */

@media screen and (max-width:1400px){
/* teacher */
.con_box_flex>div{width:100%;margin-bottom:50px}
.con_box.teach_box.teacher_box3{margin-top:0;margin-bottom:0}

/* competition01 */
.competition_cont .competit_list{width: calc(100% / 4 - 20px);height: auto;}
/* competition02 */
.competition02 .competition_cont .competit_list{width: calc(100% / 3 - 20px);height: auto;}
}

@media screen and (max-width: 1200px) {
.con_title {font-size:38px;}
/* pro04 */
.curri_icon_wrap{width:60%;height: auto;aspect-ratio: 1/1;}
.curri_icon_wrap img{width: 100%;height: auto;}
.curri_info_desc ul li{gap: 15px;padding: 20px;width: calc(100% / 4 - 20px)}

}



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

/* competition01 */
.competition_cont .competit_list {width: calc(100% / 3 - 20px);}
.competition_cont.process_com_wrap{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 20px;}
.competition_cont .process_com{width:260px}
.competition_cont .process_arr{display: none}
}



@media screen and (max-width: 900px) {
#container #content{padding:80px 0 ;}
.title {margin-bottom: 25px;}

/* competition01 */
.competition_cont .process_com{width:230px}


/* location */
.location table{font-size: 18px;}
.location table td{padding:18px 20px;}
.location iframe{height:350px !important;}

}



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

/* location */
.location table{font-size: 16px;}

}


@media screen and (max-width: 768px) {
.con_wrap{margin-top:30px}
.sub_title h1{font-size:30px}
/* greeting */
.greeting_02 aside{width:100%}
.con_wrap .wrap .title_box1 .sub_mini_tit{font-size:25px}
.con_box h2{font-size:20px}
.greeting_03 h3{font-size:20px}

/* equipment */
.facility_cont .tabs li{width:calc(100% / 3)}
.rental_box p{font-size:20px}

/* pro01 */
.curri_info_desc ul {gap: 40px 0;}
.curri_info_desc ul li{width: calc(100% / 2 - 20px);}
.curri_icon_wrap {width: 40%;}
.table_wrap{width: 100%;overflow-x: auto;}
.table_wrap.bakery_tb{width: 100%;}
.table_wrap table{min-width: 700px;}
.table_wrap.bakery_tb table{min-width: auto;}

/* pro04 */
.curri_info h3{font-size: 18px;}
.pro04_mini_desc{font-size: 16px;}

/* competition01 */
.competition_cont .competit_list {width: calc(100% / 2 - 20px);}
.competit_name{font-size: 17px;}
.competit_desc{font-size: 14px;}
.competition_cont.process_com_wrap{display: flex;flex-wrap: wrap;justify-content: space-between;}
.competition_cont .process_com{width:calc(100% / 2 - 20px)}

/* competition02 */
.competition02 .competition_cont .competit_list{width: calc(100% / 2 - 20px);height: auto;}

}


@media screen and (max-width: 740px) {
.con_title {font-size:28px;}


}


@media screen and (max-width: 700px) {
/* location */
.location table td{padding:15px 20px;}
.location iframe{height:310px !important;}



#Agreement h2 {font-size:28px;}
}



@media screen and (max-width: 650px) {
#section2 .img{height: 280px;}
/* greeting */
.sub_title h1{font-size:25px}
.con_wrap .wrap .sub_title h1 span{font-size:13px}
.con_wrap .wrap .title_box1 .sub_mini_tit{font-size:20px}
.con_wrap .wrap .title_box1 .sub_mini_tit::before, .con_wrap .wrap .title_box1 .sub_mini_tit::after{font-size:40px}

/* competiton01 */
.competition_cont.process_com_wrap{justify-content: center;}
.competition_cont .process_com{width:100%;}
.competition_cont .process_arr{display: block}
.process_arr img{transform: rotate(0deg);}
.competition_cont .process_com .competit_img img{width: 100%;height: auto;}

}



@media screen and (max-width: 600px) {
#container #content{padding:50px 0 ;}
.con_wrap{margin-top:0}
.sub_title h1{margin:50px 0 0}
/* greeting */
.greeting_03 h3{padding: 50px 0;}

/* location */
.location h3{display:block;text-align:left;}

/* competition01 */
.competition_cont .competit_list {width: calc(100% / 1);justify-content: center;flex-wrap: wrap;display: flex;flex-direction: column;}
.competition_cont .competit_list .competit_img{width: 60%;    margin: 58px auto 20px;}
/* competition02 */
.competition02 .competition_cont .competit_list{width: calc(100% / 1);height: auto;}

}



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


}



@media screen and (max-width: 500px) {
.title {font-size:22px;margin-bottom: 20px;}
.title::before{top: 0px;}

/* location */
.location table td{padding:15px 20px;width:100%;text-align:center;}
.location table th{width:100%;padding:8px 0;}
.location table {display: flex; flex-direction: column;}
.location table tr{display: flex; flex-direction: column;width:100%;}
.location iframe{height:260px !important;}
.location table th span{width: auto;}


}



@media screen and (max-width: 450px) {
.con_box h2{font-size:18px}

/* equipment */
.rental_box p{font-size:18px}

/* prpo01 */
.curri_info_desc ul li{width: 45%;}

}


@media screen and (max-width: 400px) {
#container #content{padding: 60px 0 0;}
.tab_content1 p{display:block;padding-right:20px; width:100%;}

#Agreement h2 {font-size:24px;}
.con_box h2 {font-size: 17px;}
/* competition01 */
.competit_name {font-size: 16px;}

}

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

.greeting_03 h3 {font-size:16px}

/* equipment */
.facility_cont .tabs li{width:calc(100% / 2)}
/* pro01 */
.curri_info_desc ul li {width: 80%;}
.curri_info_desc ul{justify-content: center;}

}