/* header */
#header{position: absolute;left: 0;top: 0;width: 100%;z-index: 2000;transition:.3s;}
#header .inner{display: flex;align-items: center;justify-content: space-between;height: 100px;width: 90%;}
#header h1{position: relative;z-index: 20;}
#header h1 a{display: block;width: 220px;height: 22px;background: url(../images/main/main_logo02.png);background-size: cover;transition:.3s;}
#header .btn_box{display: flex;align-items: center;gap:20px;}
#header .all_btn{position: relative;width: 22px;height: 19px;}
#header .all_btn span{position: absolute; width: 100%;height: 2px;background: #fff;left: 0;transition: .3s;}
#header .all_btn span:nth-child(1){top: 0;}
#header .all_btn span:nth-child(2){top: 50%;transform: translate(-50% , -50%);left: 50%;}
#header .all_btn span:nth-child(3){bottom: 0;}
#header .all_btn.on span{background: #000;}
#header .all_btn.on span:nth-child(1){top: 50%;transform: translateY(-50%) rotate(45deg);}
#header .all_btn.on span:nth-child(2){opacity: 0;}
#header .all_btn.on span:nth-child(3){top: 50%;transform: translateY(-50%) rotate(-45deg);}
#header .navi_btn{display: none;}
#header .btn_box a{position: relative; font-size: 15px;color: #fff;transition: .3s;font-weight: 500;z-index: 200;}

#header.white{background: #fff;}
#header.white h1 a{background: url(../images/main/main_logo01.png);background-size: cover;}
#header.white .all_btn span{background: #000;}
#header.white .gnb > li > a{color: #000;}
#header.white .gnb > li.on > a{color: var(--ma_c01);}
#header.white .btn_box a{color: #000;}

#header.on{background: #fff;}
#header.on h1 a{background: url(../images/main/main_logo01.png);background-size: cover;}
#header.on .all_btn span{background: #000;}
#header.on .gnb > li > a{color: #000;}
#header.on .gnb > li.on > a{color: var(--ma_c01);}
#header.on .btn_box a{color: #000;}


/* gnb */
.menu_box{position: absolute;display: flex; left: 0;width: 100%;top: 0;align-items: center;justify-content: center;}
.gnb{display: flex;}
.gnb > li > a{display: block;line-height: 100px;text-align: center;width: 190px;font-size: 17px;transition: .3s;font-weight: 700;color: #fff;}
.gnb > li .fade_box{display: none; position: absolute;width: 100%; left: 0;top: 100%;background: #fafafa;}
.gnb > li ul{display: flex;width: 100%;justify-content: center;gap:50px;}
.gnb > li ul li a{position: relative; display: block;line-height: 100px;color: #232323;font-weight: 600;transition: .2s;}
.gnb > li ul li a:hover{color: var(--ma_c01);}
.gnb > li ul li a:after{content:'';position: absolute;right: -26px;top: 50%;transform: translateY(-50%);width: 1px;height: 16px;background: #232323;}
.gnb > li ul li:last-child a:after{display: none;}

/* all_menu */
#all_menu{display: none; position: absolute;left: 0;top: 100px;width: 100%;background: #fafafa;z-index: 2000;padding: 50px 0;}
#all_menu ul{display: flex;justify-content: center;}
#all_menu ul li{width: 190px;}
#all_menu ul li a{display: block;text-align: center;font-size: 17px;margin-bottom: 15px;transition: .2s;}
#all_menu ul li a:hover{color: var(--ma_c01);}
#all_menu ul li a:last-child{margin-bottom: 0;}


@media screen and (max-width:1600px) {
#header h1 a{display: block;width: 180px;height: 18px;background: url(../images/main/main_logo02.png);background-size: cover;transition:.3s;}
}

@media screen and (max-width:1450px) {
#header .inner{width: 100%;padding: 0 3%;}
#header h1 a{display: block;width: 170px;height: 16px;background: url(../images/main/main_logo02.png);background-size: cover;transition:.3s;}
.gnb > li > a{font-size: 15px;width: 130px;}
.gnb > li ul li a{font-size: 15px;}
#all_menu{padding: 30px 0;}
#all_menu ul li{width: 130px;}
#all_menu ul li a{font-size: 14px;}
#header .btn_box{gap:15px;}
#header .btn_box a{font-size: 14px;}
}

@media screen and (max-width:1200px) {
#header h1 a{display: block;width: 160px;height: 15px;background: url(../images/main/main_logo02.png);background-size: cover;transition:.3s;}
}

/* 네비게이션 */
#navigation{display: none;}

/* visual_wrap */
#visual_wrap ul li{position: relative;}
#visual_wrap ul li .txt{position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);color: #fff;}
#visual_wrap ul li .txt span{position: relative; font-size: 25px;opacity: 0;left: -100px;transition: 1s;}
#visual_wrap ul li .txt strong{position: relative; display: block;font-size: 70px;font-weight:800;margin: 25px 0 70px;transition: 1s;opacity: 0;left: -100px;}
#visual_wrap ul li .txt p{position: relative; font-size: 30px;font-weight: 500;line-height: 45px;opacity: 0;transition: 1s;left: -100px;}

#visual_wrap ul li .txt.vi_ani.active span{left: 0;opacity: 1;}
#visual_wrap ul li .txt.vi_ani.active strong{left: 0;opacity: 1;}
#visual_wrap ul li .txt.vi_ani.active p{left: 0;opacity: 1;}

@media screen and (max-width:1350px) {
#visual_wrap ul li .txt span{font-size: 20px;}
#visual_wrap ul li .txt strong{display: block;font-size: 60px;font-weight:800;margin: 20px 0 60px;}
#visual_wrap ul li .txt p{font-size: 23px;font-weight: 500;line-height: 40px;}
}

/* footer */
#footer{padding: 60px 0;background: #000;}
#footer .inner{display: flex;justify-content: space-between;color: #fff;width: 80%;}
#footer .left_box > a{display: block;margin-bottom: 30px;width: fit-content;}
#footer .left_box > a img{width: 200px;}
#footer .left_box address{font-style: normal;line-height: 30px;margin-bottom: 20px;}
#footer .left_box address span{display: inline-block; width: 1px;height: 13px;background: #fff;opacity: .5;margin: 0 15px;}
#footer .left_box address  a{color: #fff;}
#footer .right_box .f_box{position: relative;}
#footer .right_box .f_box button{position: relative;display: flex;align-items: center;justify-content: space-between; width: 220px;height: 40px;border: 1px solid rgba(255,255,255,.4);padding: 0 15px;color: #fff;text-align: left;}
#footer .right_box .f_box button i{transition: .4s;}
#footer .right_box .f_box button.on i{transform: rotate(180deg);}
#footer .right_box .f_box ul{display: none; position: absolute;left: 0;top: 100%;width: 100%;border: 1px solid rgba(255,255,255,.4);border-top: 0 solid #000;padding: 15px;background: #000;}
#footer .right_box .f_box ul li:not(:last-child){margin-bottom: 10px;}
#footer .right_box .f_box ul li a{color: #fff;}
#footer .right_box .sns_box{display: flex;gap:10px;justify-content: flex-end;margin-top: 10px;}
#footer .right_box .sns_box img{width: 30px;}

@media screen and (max-width:1350px) {
#footer .inner{width: 100%;padding: 0 3%;}
#footer .right_box{padding-right: 70px;}
}

@media screen and (max-width:1100px) {
#footer{position: relative; padding: 60px 0 100px;background: #000;}
#footer .inner{display: flex;justify-content: center;color: #fff;width: 100%;flex-direction: column;align-items: center;gap:30px;}
#footer .left_box > a{display: block;margin: 0 auto 30px;}
#footer .left_box a img{display: block;margin: 0 auto;}
#footer .left_box address{font-style: normal;line-height: 30px;margin-bottom: 0px;font-size: 13px;text-align: center;}
#footer .left_box address span{display: inline-block; width: 1px;height: 10px;background: #fff;opacity: .5;margin: 0 10px;}
#footer .left_box address  a{font-size: 13px;}
#footer .left_box p{position: absolute;text-align: center;width: 100%;left: 0;bottom: 50px;}
#footer .right_box{padding-right: 0px;}
#footer .right_box .f_box{position: relative;}
#footer .right_box .f_box button{position: relative;display: flex;align-items: center;justify-content: space-between; width: 220px;height: 40px;border: 1px solid rgba(255,255,255,.4);padding: 0 15px;color: #fff;text-align: left;}
#footer .right_box .f_box button i{transition: .4s;}
#footer .right_box .f_box button.on i{transform: rotate(180deg);}
#footer .right_box .f_box ul{display: none; position: absolute;left: 0;top: auto; bottom: 100%;width: 100%;border: 1px solid rgba(255,255,255,.4);border-top: 0 solid #000;padding: 15px;}
#footer .right_box .f_box ul li:not(:last-child){margin-bottom: 10px;}
#footer .right_box .f_box ul li a{color: #fff;}
#footer .right_box .sns_box{display: flex;gap:10px;justify-content:center;margin-top: 10px;}
#footer .right_box .sns_box img{width: 30px;}
}

/* 퀵메뉴 */
#quick_menu{position: fixed;bottom: 30px;right: 30px;z-index: 3000;}
#quick_menu ul li{margin-bottom: 10px;}
#quick_menu ul li a{display: flex;flex-direction: column; width: 55px;height: 55px;border: 1px solid transparent; border-radius: 50%;background: var(--ma_c01);align-items: center;justify-content: center;color: #fff;font-size: 25px;box-shadow: 1px 1px 10px 0px rgba(0,0,0,.3);}
#quick_menu ul li:last-child a{background: #fff;font-size: 15px;color: #000;font-weight: 700;border: 1px solid #ddd;}
#quick_menu ul li:last-child a i{transform: rotate(180deg);font-size: 20px;}

/* -----------------------------------------sub -----------------------------------------------------*/
#header.sub_header{border-bottom: 1px solid rgba(255,255,255,.3);}
.sub_visual{position: relative; height: 500px;}
.sub_visual.sub01{background: url(../images/sub/sub_visual01.jpg);background-size: cover;}
.sub_visual .inner{position: absolute;display: flex; left: 0;top: 55%;transform: translateY(-50%);width: 100%;color: #fff;flex-direction: column;align-items: center;min-width: 100%;}
.sub_visual .inner span{font-size: 25px;}
.sub_visual .inner p{font-size: 55px;font-weight: 700;margin: 20px 0 50px;}
.sub_visual .inner ul{display: flex;align-items: center;gap:40px;}
.sub_visual .inner ul li{position: relative; font-size: 17px;}
.sub_visual .inner ul li:after{content:'';position: absolute;right: -23px;top: 50%;transform: translateY(-50%);width: 4px;height: 4px;border-radius: 50%;background: #fff;}
.sub_visual .inner ul li:last-child:after{display: none;}

/* sub공통 */
.sub_wrap .sub_con{padding: 100px 0;}
.sub_wrap .con iframe{width: 100%;height: 600px;}

/* flex */
.sub_wrap .flex_wrap .con{display: flex;align-items: flex-start;margin-bottom: 190px;}
.sub_wrap .flex_wrap .con:last-child{margin-bottom: 0;}
.sub_wrap .flex_wrap .con .tit_box{width: 350px;}
.sub_wrap .flex_wrap .con .tit_box h3{font-size: 50px;font-weight: 800;line-height: 60px;}
.sub_wrap .flex_wrap .con .tit_box h3 span{color: var(--ma_c01);}
.sub_wrap .flex_wrap .con .con_box{width: calc(100% - 350px);padding-top: 7px;}
.sub_wrap .flex_wrap .con .con_box .txt_box:not(:last-child){margin-bottom: 65px;}
.sub_wrap .flex_wrap .con .con_box .txt_box .tit{font-size: 35px;font-weight: 800;line-height: 1.5;}
.sub_wrap .flex_wrap .con .con_box .txt_box .tit span{color: var(--ma_c01);}
.sub_wrap .flex_wrap .con .con_box .txt_box .tit + span{display: block; font-size: 25px;line-height: 35px;color: #333;margin-top: 20px;}
.sub_wrap .flex_wrap .con .con_box .txt_box .tit + span em{font-style: normal;color: var(--ma_c01);}
.sub_wrap .flex_wrap .con .con_box .txt_box .tit + span br{display: none;}
.sub_wrap .flex_wrap .con .con_box .txt_box .txt span{display: block; font-size: 25px;line-height: 35px;color: #333;margin-top: 20px;}
.sub_wrap .flex_wrap .con .con_box .txt_box .txt span em{font-style: normal;color: var(--ma_c01);}
.sub_wrap .flex_wrap .con .con_box .txt_box .txt span br{display: none;}

.sub_wrap .flex_wrap .con .con_box .txt_st01 strong{font-size: 35px;font-weight: 800;}
.sub_wrap .flex_wrap .con .con_box .txt_st01 p{font-size: 16px;color: var(--ma_c01);margin: 17px 0 13px;}
.sub_wrap .flex_wrap .con .con_box .txt_st01 span{font-size: 18px;line-height: 25px;color: #767676;}

.sub_wrap .flex_wrap .con.con_sp:not(:last-child){margin-bottom: 100px;}
.sub_wrap .flex_wrap .con.con_sp .tit_box h4{font-size: 32px;font-weight: 800;}

@media screen and (max-width:1600px) {
.sub_wrap .flex_wrap .con .tit_box h3{font-size: 45px;}
.sub_wrap .flex_wrap .con .con_box .txt_box .tit{font-size: 30px;}
.sub_wrap .flex_wrap .con .con_box .txt_box .tit + span{font-size: 17px;}
.sub_wrap .flex_wrap .con .con_box .txt_box .txt span{font-size: 17px;line-height: 32px;}
}

@media screen and (max-width:1350px) {
.sub_wrap .flex_wrap .con{display: flex;align-items: flex-start;margin-bottom: 150px;}
.sub_wrap .flex_wrap .con:last-child{margin-bottom: 0;}
.sub_wrap .flex_wrap .con .tit_box{width: 250px;}
.sub_wrap .flex_wrap .con .tit_box h3{font-size: 35px;font-weight: 800;line-height: 50px;}
.sub_wrap .flex_wrap .con .tit_box h3 span{color: var(--ma_c01);}
.sub_wrap .flex_wrap .con .con_box{width: calc(100% - 250px);padding-top: 5px;}
.sub_wrap .flex_wrap .con .con_box .txt_box:not(:last-child){margin-bottom: 65px;}
.sub_wrap .flex_wrap .con .con_box .txt_box .tit{font-size: 27px;font-weight: 800;line-height: 1.5;}
.sub_wrap .flex_wrap .con .con_box .txt_box .tit span{color: var(--ma_c01);}
.sub_wrap .flex_wrap .con .con_box .txt_box .tit + span{font-size: 18px;line-height: 30px;color: #333;margin-top: 20px;}
.sub_wrap .flex_wrap .con .con_box .txt_box .txt span{font-size: 16px;line-height: 30px;color: #333;margin-top: 20px;}
}

@media screen and (max-width:500px) {
.sub_wrap .flex_wrap .con .con_box .txt_box .tit br{display: none;}
.sub_wrap .flex_wrap .con .con_box .txt_box .tit + span br{display: none;}
.sub_wrap .flex_wrap .con .con_box .txt_box .txt span br{display: none;}
}

/* 일반 */
.sub_wrap .basic_wrap .tit_box{font-size: 35px;font-weight: 800;line-height: 1.5;}
.sub_wrap .basic_wrap .tit_box span{color: var(--ma_c01);}

@media screen and (max-width:630px) {
.sub_wrap .basic_wrap .tit_box em{display: block;}
}

/* link_box */
.sub_wrap .link_box{display: flex;gap:20px;}
.sub_wrap .link_box a{display: flex;flex:1;gap:10px;align-items: center;justify-content: center; font-size: 18px; background: var(--ma_c01);line-height: 60px;text-align: center;color: #fff;}
.sub_wrap .list_box{display: flex;flex-wrap:wrap;border-top: 1px dashed #ddd;border-left: 1px dashed #ddd;}
.sub_wrap .list_box li{display: flex;align-items: center;gap:20px; width: 50%;padding: 30px;border-bottom: 1px dashed #ddd;border-right: 1px dashed #ddd;}
.sub_wrap .list_box li .list_img{width: 130px;height: 130px;}
.sub_wrap .list_box li .list_img img{width: 100%;height: 100%;object-fit: cover;}
.sub_wrap .list_box li .list_txt {width: calc(100% - 150px);}
.sub_wrap .list_box li .list_txt strong{font-size: 20px;}
.sub_wrap .list_box li .list_txt p{font-size: 17px;line-height: 1.6;margin-top: 5px;}


/* table */
.con_nop .num{font-size: 16px;font-weight: 700;opacity: .7;margin-bottom: 10px;text-align: right;}
.con_nop table{table-layout: fixed;border-top: 1px solid #ddd;width: 100%;}
.con_nop table td{border-bottom: 1px solid #ececec;padding: 25px 0;text-align: center;font-size: 16px;font-weight: 700;}
.con_nop table td:nth-child(1){width: 5%;}
.con_nop table td:nth-child(2){width: 82%;}
.con_nop table td:last-child{font-weight: 500;color: #787878;width: 13%;}
.con_nop table td .box{display: flex;align-items: center;gap:5px;padding-left: 50px;padding-right: 30px;}
.con_nop table td .box a{display: block;width: calc(100% - 18px);text-align: left;font-weight: 700;white-space: nowrap; overflow:hidden;text-overflow: ellipsis; }
.con_nop table td .box input{display: none;}

/* sub_btn_wrap01 */
.sub_btn_wrap01{display: flex;gap:10px;justify-content: center;margin-top: 50px;}
.sub_btn_wrap01 a,
.sub_btn_wrap01 button{width:200px;line-height: 60px;text-align: center;font-weight: 500;transition: .3s;font-size: 20px;}
.sub_btn_wrap01 .white{border: 1px solid #000;text-align: center;}
.sub_btn_wrap01 .orange{background: var(--ma_c01);color: #fff;}


/* paging_wrap */
.paging_wrap{display: flex;justify-content:center;align-items: center;margin-top: 50px;}
.paging_wrap li a{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 12px;}
.paging_wrap li.on a{background: var(--ma_c01);color: #fff;}
.paging_wrap li.prev a,
.paging_wrap li.next a{color: #ccc;transition: .3s;}
.paging_wrap li.prev.active a,
.paging_wrap li.next.active a{color: #000;}


/* sub_view_wrap */
.sub_view_wrap .tit_box{margin-bottom: 20px;}
.sub_view_wrap .tit_box p{font-size: 40px;font-weight: 600;line-height: 1.3;margin-bottom: 30px;}
.sub_view_wrap .tit_box span{font-size: 20px;font-weight: 500;color: #787878;}
.sub_view_wrap .txt_box{padding: 60px 0 80px;border-top: 2px solid #000;border-bottom: 1px solid #ddd;}
.sub_view_wrap .txt_box .img_box{margin-bottom: 40px;}
.sub_view_wrap .txt_box .img_box img{width: 100%;}
.sub_view_wrap .txt_box p{font-size: 18px;line-height: 30px;color: #222;margin-bottom: 40px;}
.sub_view_wrap .txt_box p:last-child{margin-bottom: 0;}


/* form_st */
.form_st01{width: 100%;border-top: 2px solid #000;}
.form_st01.form_st02{border-top: 0px solid #ddd;}
.form_st01 .box_wrap{padding: 50px 5% 0 5%;padding-bottom: 70px;border-bottom: 2px solid #ddd;}
.form_st01 ul{display: flex;gap: 30px;flex-wrap:wrap;margin-bottom: 65px;}
.sub_form_wrap .form_st01 ul{margin-bottom: 0;}
.form_st01 ul li{display: flex; width: 100%;align-items: center;}
.form_st01 ul li.p_st{padding: 15px 0;}
.form_st01 ul li.a_st{align-items: flex-start;}
.form_st01 ul li.a_st p{margin-top: 20px;}
.form_st01 ul li p{width: 100px;font-size: 20px;font-weight: 700;}
.form_st01 .circle{position: relative;}
.form_st01 .circle:after{content:'';position: absolute;right: -10px;top: 3px;width: 4px;height: 4px;border-radius: 50%;background: #f54b46;}
.form_st01 ul li input[type="text"]{width: 85%;border: 1px solid #ddd;padding: 0 25px;font-size: 16px;font-weight: 500;height: 50px;}
.form_st01 ul li input[type="text"]::placeholder{color: #81888e;}
.form_st01 ul li input[type="text"]:focus{outline: 1px solid #000;}
.form_st01 ul li .radi_box .box label:after{background: #d0d7e0;}
.form_st01 ul li .radi_box .box input:checked + label:after{background: #fff;border: 1px solid #000;}
.form_st01 ul li .radi_box .box input:checked + label:before{opacity: 1;left: 4px;}
.form_st01 ul li .i_box{width: calc(100% - 100px);}
.form_st01 ul li textarea{width: 85%;padding: 20px;height: 200px;border: 1px solid #ddd;font-weight: 500;font-size: 16px;}
.form_st01 ul li textarea.b_txt{height: 400px;}
.form_st01 ul li textarea::placeholder{color: #81888e;}
.form_st01 ul li textarea:focus{outline: 1px solid #000;}

.form_st01 .agree_box .tit{font-size: 20px;font-weight: 700;margin-bottom: 25px;}
.form_st01 .agree_box .s_box{height: 250px;background: #f7f8fa;padding: 25px;overflow-y: scroll;margin-bottom: 25px;}
.form_st01 .agree_box .s_box::-webkit-scrollbar {width: 4px;}
.form_st01 .agree_box .s_box::-webkit-scrollbar-thumb{height: 30%;background: var(--ma_c01);}
.form_st01 .agree_box .s_box::-webkit-scrollbar-track {background: #f7f8fa;}
.form_st01 .agree_box .s_box p{font-size: 15px;font-weight: 500;color: #81888e;line-height: 1.2;margin-bottom: 20px;}
.form_st01 .agree_box .s_box p:last-child{margin-bottom: 0;}
.form_st01 .agree_box .ck_box label{font-size: 18px;padding-left: 35px;}
.form_st01 .agree_box .ck_box label:after{width: 24px;height: 24px;background: #d0d7e0;border: 1px solid #d0d7e0;}
.form_st01 .agree_box .ck_box label:before{opacity: 1;color: #fff;font-size: 20px;}
.form_st01 .agree_box .ck_box input:checked + label:after{background: var(--ma_c01);}


/* gallery_list */
.gallery_list{display: flex;gap:50px 20px;flex-wrap:wrap;}
.gallery_list li{width: calc((100% - 60px)/4);}
.gallery_list li a{display: block;}
.gallery_list li a .img_Wrap{position:relative; width:100%; padding-bottom:65.789%;overflow: hidden;margin-bottom: 20px;}
.gallery_list li a .img_Wrap img{position:absolute;transition: .4s; left:0; right:0;  top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%;object-fit:cover}
.gallery_list li a:hover .img_Wrap img{transform: scale(1.1);}
.gallery_list li a .txt_wrap strong{display: block; white-space: nowrap; overflow:hidden;text-overflow: ellipsis;margin-bottom: 10px;font-size: 20px;}
.gallery_list li a .txt_wrap span{font-size: 15px;font-weight: 500;color: #787878;}
.gallery_list li a .txt_wrap p{color: #4b4b4b;font-size: 17px;line-height: 20px;font-weight: 500;margin-bottom: 10px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}

@media screen and (max-width:1200px) {
.gallery_list li{width: calc((100% - 40px)/3);}
}

/* cate_box */
.cate_box{margin-bottom: 50px;}
.cate_box .pc_cate{display: flex;gap:10px;flex-wrap:wrap;justify-content: center;}
.cate_box .pc_cate li a{display: block;padding: 0 30px;line-height: 45px;border: 1px solid #ddd;font-weight: 500;font-size: 17px;border-radius: 45px;transition: .3s;}
.cate_box .pc_cate li.on a{color: #fff;background: var(--ma_c01);border: 1px solid var(--ma_c01);}
.cate_box .pc_cate li:hover a{color: var(--ma_c01);border: 1px solid var(--ma_c01);}
.cate_box .tab_cate{display: none;}

/* 검색 */
.search_box{ margin-bottom: 50px;}
.search_box form{display: flex;justify-content: center;}
.search_box form input{width: 500px;height: 50px;border: 1px solid var(--ma_c01);padding: 0 20px;font-size: 17px;}
.search_box form input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;appearance: none;}
.search_box form input:focus{border: 2px solid var(--ma_c01);outline: none;}
.search_box form button{width: 50px;height: 50px;background: var(--ma_c01);border: 1px solid var(--ma_c01);}
.search_box form button i{font-size: 27px;color: #fff;}

/* sub0101_wrap Who We Are*/
.sub0101_wrap .con01 .img_box .box01{display: flex;gap:10px;margin-bottom: 20px;}
.sub0101_wrap .con01 .img_box .box01 .b_img{width: calc(60% - 5px);}
.sub0101_wrap .con01 .img_box .box01 .b_img img{width: 100%;}
.sub0101_wrap .con01 .img_box .box01 .s_img{display: flex; width: calc(40% - 5px);gap:10px;flex-wrap:wrap;}
.sub0101_wrap .con01 .img_box .box01 .s_img li{width: calc((100% - 10px)/2);}
.sub0101_wrap .con01 .img_box .box01 .s_img li img{width: 100%;height: 100%;object-fit: cover;}
.sub0101_wrap .con01 .img_box .box02{display: flex;gap:10px;}
.sub0101_wrap .con01 .img_box .box02 li{display: flex; width: 160px;height: 60px;border-radius: 10px;gap:15px;align-items: center;padding-left: 20px;background: #f4f4f4;}
.sub0101_wrap .con01 .img_box .box02 li p{font-size: 22px;font-weight: 700;color: #333;}

.sub0101_wrap .con02 .con_box .txt_box:nth-child(2){margin-bottom: 50px;}
.sub0101_wrap .con02 .box02{display: flex;gap:20px;}
.sub0101_wrap .con02 .box02 li{position: relative;display: flex;align-items: center;justify-content: center;flex-direction: column; width: calc((100% - 60px)/4); aspect-ratio: 1 / 1;border-radius: 50%;border: 10px solid #f4f4f4;}
.sub0101_wrap .con02 .box02 li:after{content:'';position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);width: calc(100% - 20px);aspect-ratio: 1 / 1;border: 10px solid var(--ma_c01);border-radius: 50%;}
.sub0101_wrap .con02 .box02 li strong{font-size: 30px;font-weight: 800;}
.sub0101_wrap .con02 .box02 li span{display: block;margin: 7px 0 10px;font-size: 16px;color: var(--ma_c01);text-align: center;}
.sub0101_wrap .con02 .box02 li p{text-align: center;font-size: 18px;line-height: 22px;color: #767676;}

@media screen and (max-width:1600px) {
.sub0101_wrap .con02 .box02{display: flex;gap:10px;}
.sub0101_wrap .con02 .box02 li{ width: calc((100% - 30px)/4);border: 6px solid #f4f4f4;}
.sub0101_wrap .con02 .box02 li:after{width: calc(100% - 12px);border: 6px solid var(--ma_c01);}
.sub0101_wrap .con02 .box02 li strong{font-size: 22px;}
.sub0101_wrap .con02 .box02 li span{margin: 5px 0 7px;font-size: 13px;}
.sub0101_wrap .con02 .box02 li p{font-size: 14px;line-height: 18px;}
}

@media screen and (max-width:1350px) {
.sub0101_wrap .con01 .img_box .box02 li{display: flex; width: 140px;height: 50px;border-radius: 10px;gap:15px;align-items: center;padding-left: 15px;background: #f4f4f4;}
.sub0101_wrap .con01 .img_box .box02 li img{width: 25px;}
.sub0101_wrap .con01 .img_box .box02 li p{font-size: 19px;font-weight: 700;color: #333;}
}


/* sub0102_wrap Key Activities*/
.sub0102_wrap .box01 li{display: flex;gap:30px;margin-bottom: 60px;}
.sub0102_wrap .box01 li:last-child{margin-bottom: 0;}
.sub0102_wrap .box01 li .left_box{position: relative; flex:1; background: #fafafa;}
.sub0102_wrap .box01 li .left_box img{position: absolute;right: 40px;top: 50px;}
.sub0102_wrap .box01 li .left_box .txt_st01{position: absolute;left: 30px;bottom: 40px;}
.sub0102_wrap .box01 li .right_box{flex: 1;} 
.sub0102_wrap .box01 li .right_box img{width: 100%;}

@media screen and (max-width:1500px) {
.sub0102_wrap .box01 li{gap:10px;}
.sub0102_wrap .box01 li .left_box img{width: 70px;right: 20px;top: 30px;}
.sub0102_wrap .box01 li .left_box .txt_st01{left: 20px;bottom: 30px;}
}


/* sub0103_wrap 공간안내*/
.sub0103_wrap .con01 .con_box .img_wrap img{width: 100%;}
.sub0103_wrap .con01 .con_box .btn_st01{width: 100%;}
.sub0103_wrap .con01 .con_box .img_wrap ul{display: flex;gap:2px;flex-wrap:wrap;}
.sub0103_wrap .con01 .con_box .img_wrap ul li{width: calc((100% - 2px)/2);}
.sub0103_wrap .con01 .con_box .img_wrap ul li img{width: 100%;height: 100%;object-fit: cover;}
.sub0103_wrap .con02 .con_box .img_wrap{position: relative;margin-bottom: 30px;}
.sub0103_wrap .con02 .con_box .img_wrap img{width: 100%;}
.sub0103_wrap .con02 .con_box .img_wrap .txt{position: absolute;width: 100%;top: 50%;left: 0;transform: translateY(-50%);text-align: center;color: #fff;}
.sub0103_wrap .con02 .con_box .img_wrap .txt strong{font-size: 40px;}
.sub0103_wrap .con02 .con_box .img_wrap .txt p{font-size: 22px;margin-top: 20px;line-height: 1.3;}
.sub0103_wrap .con02 .con_box .txt_box{font-size: 17px;color: #333;line-height: 35px;}


/* sub0104_wrap 오시는 길*/
.sub0104_wrap .map_box{margin: 140px 0 50px;}

@media screen and (max-width:1350px) {
.sub0104_wrap .map_box{margin: 100px 0 50px;}
}


/* sub0201_wrap HISTORY*/
.sub0201_wrap .tit_box{margin-bottom: 75px;text-align: center;}
.sub0201_wrap .box_wrap{display: flex;gap:4%;margin-bottom: 170px;}
.sub0201_wrap .box_wrap:last-child{margin-bottom: 0;}
.sub0201_wrap .box_wrap .img_box{width: calc((100% - 4%)/2);}
.sub0201_wrap .box_wrap .img_box img{width: 100%;}
.sub0201_wrap .box_wrap .txt_box{width: calc((100% - 4%)/2); padding-top: 25px;}
.sub0201_wrap .box_wrap .txt_box > strong{display: block; font-size: 60px;margin-bottom: 60px;color: var(--ma_c01);font-weight: 800;}
.sub0201_wrap .box_wrap:last-child .txt_box > strong{color: #e61c0d;}
.sub0201_wrap .box_wrap .txt_box ul{padding-left: 100px;}
.sub0201_wrap .box_wrap .txt_box ul li{display: flex;margin-bottom: 30px;}
.sub0201_wrap .box_wrap .txt_box ul li:last-child{margin-bottom: 0;}
.sub0201_wrap .box_wrap .txt_box ul li span{display: block;width: 100px;font-size: 20px;font-weight: 700;}
.sub0201_wrap .box_wrap .txt_box ul li p{font-size: 20px;font-weight: 500;}


@media screen and (max-width:1350px) {
.sub0201_wrap .box_wrap{display: flex;margin-bottom: 150px;}
.sub0201_wrap .box_wrap .txt_box{padding-top: 25px;}
.sub0201_wrap .box_wrap .txt_box > strong{font-size: 50px;margin-bottom: 50px;}
.sub0201_wrap .box_wrap .txt_box ul{padding-left: 50px;}
.sub0201_wrap .box_wrap .txt_box ul li span{font-size: 17px;width: 95px;}
.sub0201_wrap .box_wrap .txt_box ul li p{font-size: 17px;}
}


/* sub0301_wrap Rookies란?*/
.sub0301_wrap .img_box{display: flex;gap:30px;}
.sub0301_wrap .img_box .b_img{width: 50%;}
.sub0301_wrap .img_box .b_img img{width: 100%;height: 100%;object-fit: cover;}
.sub0301_wrap .img_box .s_img{display: flex; width: 50%;flex-wrap:wrap;gap:20px;}
.sub0301_wrap .img_box .s_img li{width: calc((100% - 20px)/2);}
.sub0301_wrap .img_box .s_img li img{width: 100%;height: 100%;object-fit: cover;}


/* sub0302_wrap 활동방식*/
.sub0302_wrap .con02 .con_box .box01{display: flex;gap:70px;margin-bottom: 50px;}
.sub0302_wrap .con02 .con_box .box01 li{display: flex;position: relative;  width: calc((100% - 70px)/2);padding-left: 30px;height: 200px;border-radius: 12px;border: 1px solid #ddd;gap:20px;align-items: center;}
.sub0302_wrap .con02 .con_box .box01 li:nth-child(1):after{content:'';position: absolute;right: -42px;top: 50%;transform: translateY(-50%);width: 8px;height: 14px;background: url(../images/sub/sub0302_ico06.png);background-size: cover;}
.sub0302_wrap .con02 .con_box .box01 li .ico_box{position: relative;display: flex; width: 120px;height: 120px;border-radius: 50%;border: 6px solid #f4f4f4;align-items: center;justify-content: center;}
.sub0302_wrap .con02 .con_box .box01 li .ico_box:after{content:'';position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);width: calc(100% - 12px);height: calc(100% - 12px);border-radius: 50%;border: 6px solid var(--ma_c01);}
.sub0302_wrap .con02 .con_box .box01 li .ico_box img{width: 60px;}
.sub0302_wrap .con02 .con_box .box01 li .txt_box{width: calc(100% - 120px); margin-bottom: 0;}
.sub0302_wrap .con02 .con_box .box01 li .txt_box span{display: block;width: 80px;height: 30px;border-radius: 6px;background: var(--ma_c01);text-align: center;line-height: 30px;margin-bottom: 10px; color: #fff;font-size: 18px;font-weight: 800;}
.sub0302_wrap .con02 .con_box .box01 li .txt_box p{font-size: 22px;line-height: 30px;}

.sub0302_wrap .con02 .con_box .box02{display: block; padding: 45px 35px;border-radius: 12px;border: 1px solid #ddd;margin-bottom: 45px;}
.sub0302_wrap .con02 .con_box .box02 .box_tit{font-size: 26px;font-weight: 800;margin-bottom: 25px;}
.sub0302_wrap .con02 .con_box .box02 .txt p{font-size: 22px;margin-bottom: 20px;}
.sub0302_wrap .con02 .con_box .box02 .txt p:last-child{margin-bottom: 0;}

.sub0302_wrap .con02 .con_box .box03{padding-left: 35px;}
.sub0302_wrap .con02 .con_box .box03 p{font-size: 22px;font-weight: 500;margin-bottom: 25px;}
.sub0302_wrap .con02 .con_box .box03 p:last-child{margin-bottom: 0;}


@media screen and (max-width:1680px) {
.sub0302_wrap .con02 .con_box .box01{display: flex;gap:30px;margin-bottom: 50px;}
.sub0302_wrap .con02 .con_box .box01 li{display: flex;position: relative;  width: calc((100% - 30px)/2);padding-left: 15px;height: 200px;border-radius: 12px;border: 1px solid #ddd;gap:10px;align-items: center;}
.sub0302_wrap .con02 .con_box .box01 li:nth-child(1):after{content:'';position: absolute;right: -20px;top: 50%;transform: translateY(-50%);width: 8px;height: 14px;background: url(../images/sub/sub0302_ico06.png);background-size: cover;}
.sub0302_wrap .con02 .con_box .box01 li .ico_box{position: relative;display: flex; width: 100px;height: 100px;border-radius: 50%;border: 4px solid #f4f4f4;align-items: center;justify-content: center;}
.sub0302_wrap .con02 .con_box .box01 li .ico_box:after{content:'';position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);width: calc(100% - 8px);height: calc(100% - 8px);border-radius: 50%;border: 4px solid var(--ma_c01);}
.sub0302_wrap .con02 .con_box .box01 li .ico_box img{width: 60px;}
.sub0302_wrap .con02 .con_box .box01 li .txt_box{width: calc(100% - 100px); margin-bottom: 0;}
.sub0302_wrap .con02 .con_box .box01 li .txt_box span{display: block;width: 70px;height: 27px;border-radius: 4px;background: var(--ma_c01);text-align: center;line-height: 27px;margin-bottom: 10px; color: #fff;font-size: 15px;font-weight: 800;}
.sub0302_wrap .con02 .con_box .box01 li .txt_box p{font-size: 17px;line-height: 27px;}

.sub0302_wrap .con02 .con_box .box02{display: block; padding: 35px 25px;border-radius: 12px;border: 1px solid #ddd;margin-bottom: 45px;}
.sub0302_wrap .con02 .con_box .box02 .box_tit{font-size: 22px;font-weight: 800;margin-bottom: 25px;}
.sub0302_wrap .con02 .con_box .box02 .txt p{font-size: 18px;margin-bottom: 20px;}
.sub0302_wrap .con02 .con_box .box02 .txt p:last-child{margin-bottom: 0;}

.sub0302_wrap .con02 .con_box .box03{padding-left: 25px;}
.sub0302_wrap .con02 .con_box .box03 p{font-size: 18px;font-weight: 500;margin-bottom: 20px;line-height: 1.5;}
.sub0302_wrap .con02 .con_box .box03 p:last-child{margin-bottom: 0;}
}




/* sub0303_wrap 인증 방법란?*/
.sub0303_wrap .con02 ul{display: flex;gap:35px;}
.sub0303_wrap .con02 ul li{position: relative; padding: 0 25px;line-height: 60px;border-radius: 10px;font-size: 22px;font-weight: 700;background: #f4f4f4;}
.sub0303_wrap .con02 ul li:nth-child(1){background: #fff0ea;}
.sub0303_wrap .con02 ul li:nth-child(1):after{content:'+';position: absolute;top: 50%;transform: translateY(-50%);right: -24px;font-size: 22px;font-weight: 900;color: var(--ma_c01);}

.sub0303_wrap .con03 ul{display: flex;gap:40px;}
.sub0303_wrap .con03 ul li{position: relative; width: calc((100% - 80px)/3);}
.sub0303_wrap .con03 ul li strong{font-size: 26px;font-weight: 800;}
.sub0303_wrap .con03 ul li p{font-size: 18px;font-weight: 500;margin: 15px 0 20px;}
.sub0303_wrap .con03 ul li .img_box{position: relative;}
.sub0303_wrap .con03 ul li:not(:last-child) .img_box:after{content:'';position: absolute;right: -25px;top: 50%;transform: translateY(-50%);width: 8px;height: 14px;background: url(../images/sub/sub0302_ico06.png);background-size: cover;}
.sub0303_wrap .con03 ul li .img_box img{width: 100%;}
.sub0303_wrap .con03 .btn_box01{margin-top: 50px;}


/* sub0401_wrap AI Shorts*/
.sub0401_wrap .con02 ul{display: flex;gap:40px;}
.sub0401_wrap .con02 ul li{flex:1;}
.sub0401_wrap .con02 ul li .img_box{margin-bottom: 20px;}
.sub0401_wrap .con02 ul li .img_box img{width: 100%;}
.sub0401_wrap .con02 ul li p{font-size: 25px;font-weight: 500;text-align: center;color: #333;line-height: 1.3;}


/* sub0403_wrap AI Music*/
.sub0403_wrap .con02 ul{flex-wrap:wrap;gap:60px 40px;}
.sub0403_wrap .con02 ul li{flex: auto;}
.sub0403_wrap .con02 ul li:nth-child(1),
.sub0403_wrap .con02 ul li:nth-child(4){width: calc(40% - 20px);}
.sub0403_wrap .con02 ul li:nth-child(2),
.sub0403_wrap .con02 ul li:nth-child(3){width: calc(60% - 20px);}

/* sub0403: 4번째 아이템 내부 추가 썸네일 정렬 */
.sub0403_wrap .con02 ul li:nth-child(4) .img_box:last-of-type{width:90%;margin: 0px auto 0;}
.sub0403_wrap .con02 ul li:nth-child(4) .img_box:last-of-type p{font-size:20px;line-height:1.3;text-align:center;margin-top:8px;color:#333;}