/* style.css */ @import url("needpopup.min.css"); /***import url('font.css');***/ @import url("animate.css"); @import url("css.css"); /****************************************************************768*************************************************************************************************************/ @media (max-width:768px){ #wrapper {height:auto; width:100%; position: absolute; } #header {position: relative; } .main{width:100%; margin-right:auto;margin-left:auto; } .main2{width:100%; padding:0px 10px 0px 10px; margin-right:auto;margin-left:auto;} .main3{width:100%; padding:0px 10px 0px 10px; margin-right:auto;margin-left:auto;} .main4{width:100%; padding:0px 10px 0px 10px; margin-right:auto;margin-left:auto;} .main5{width:100%; padding:0px 10px 0px 10px; margin-right:auto;margin-left:auto;} /********************************** c_br ***********************************************************************************/ .c_br {padding:3px;} .c_l1 {padding:5px;} .c_l2 {padding:10px;} .c_l3 {padding:15px;} .c_l4 {padding:20px;} .c_l5 {padding:25px;} .c_l6 {padding:30px;} .c_l7 {padding:35px;} .c_l8 {padding:40px;} .c_l9 {padding:45px;} .c_line {border-bottom:1px solid #EFEFEF; background:rgba(0,0,0,0); padding:0px 0px 0px 0px;} .c_line2{border-top:1px solid #EFEFEF; padding:0px 0px 0px 0px;} .c_line3 {border-bottom:1px solid #AAAAAA; background:rgba(0,0,0,0); padding:0px 0px 0px 0px;} .c_line4 {border-bottom:1px solid #707070; background:rgba(0,0,0,0); padding:0px 0px 0px 0px;} .c_line5 {border-bottom:1px solid #EFEFEF; background:rgba(0,0,0,0); padding:10px 0px 10px 0px;} .c_line5-1 {border-bottom:0px solid #EFEFEF; background:rgba(0,0,0,0); padding:10px 0px 10px 0px;} .top{display:none} .top_box {display:none} /***************************************************************** 이미지사이즈 ***************************************************/ .img_file {width:100%;} .r_img {width:100%;} /**룸이미지 400**/ .bi_img {width:auto; max-width:320px;} /**bi***/ .f_img {object-fit: cover; width: 100%; height:200px; } /**부대시설이미지**/ .tour_img {width:auto;} .mov_size2 {width:100%; height:400px; object-fit: fill;} .arr_01 {background: url('/img/arr_icon1.png') no-repeat; padding-left:25px; background-position: 80px 5px; } .arr_02 {background: url('/img/arr_icon2.png') no-repeat; padding-left:25px; background-position: 80px 5px; } .board_arr {width:100%;padding:0px; margin-right:auto;margin-left:auto} .board_arr ul{display:-ms-flexbox; display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; margin-right:0px;margin-left:0px} .board_arr li:first-child {width:25%;} .board_arr li:last-child {width:75%;} } /****************************************************************768~1198*************************************************************************************************************/ @media (min-width: 768px) and (max-width:1198px){ #wrapper {height:auto; width:100%; position: absolute; } #header {position: relative; } .main{width:100%; margin-right:auto;margin-left:auto; } .main2{width:100%; padding:0px 10px 0px 10px; margin-right:auto;margin-left:auto;} .main3{width:100%; padding:0px 10px 0px 10px; margin-right:auto;margin-left:auto;} .main4{width:100%; padding:0px 10px 0px 10px; margin-right:auto;margin-left:auto;} .main5{width:100%; padding:0px 10px 0px 10px; margin-right:auto;margin-left:auto;} /********************************** c_br ***********************************************************************************/ .c_br {padding:5px;} .c_l1 {padding:10px;} .c_l2 {padding:20px;} .c_l3 {padding:30px;} .c_l4 {padding:40px;} .c_l5 {padding:50px;} .c_l6 {padding:60px;} .c_l7 {padding:70px;} .c_l8 {padding:80px;} .c_l9 {padding:90px;} .c_line {border-bottom:1px solid #EFEFEF; background:rgba(0,0,0,0); padding:0px 0px 0px 0px;} .c_line2{border-top:1px solid #EFEFEF; padding:0px 0px 0px 0px;} .c_line3 {border-bottom:1px solid #AAAAAA; background:rgba(0,0,0,0); padding:0px 0px 0px 0px;} .c_line4 {border-bottom:1px solid #707070; background:rgba(0,0,0,0); padding:0px 0px 0px 0px;} .c_line5 {border-bottom:1px solid #EFEFEF; background:rgba(0,0,0,0); padding:10px 0px 10px 0px;} .c_line5-1 {border-bottom:0px solid #EFEFEF; background:rgba(0,0,0,0); padding:10px 0px 10px 0px;} /***************************************************************** 이미지사이즈 ***************************************************/ .img_file {width:auto; max-width:800px;} .r_img {width:auto; max-width:400px;} /**룸이미지 400**/ .bi_img {} /**bi***/ .f_img {object-fit: cover; width: 100%; height:200px; } /**부대시설이미지**/ .tour_img {width:230px; height:174px;} .mov_size2 {width:100%; height:800px;} .board_arr {width:100%;padding:0px; margin-right:auto;margin-left:auto} .board_arr ul{display:-ms-flexbox; display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; margin-right:0px;margin-left:0px} .board_arr li:first-child {width:15%;} .board_arr li:last-child {width:85%;} .arr_01 {background: url('/img/arr_icon1.png') no-repeat; padding-left:25px; background-position: 80px 5px; } .arr_02 {background: url('/img/arr_icon2.png') no-repeat; padding-left:25px; background-position: 80px 5px; } } /********************************************************************1200*************************************************************************************************************/ @media (min-width:1198px){ #wrapper {height:auto; width:100%; position: absolute; } #header {position: relative; } .main{width:100%; margin-right:auto;margin-left:auto; } .main2{width:1200px; margin-right:auto;margin-left:auto; } .main3{width:1300px; margin-right:auto;margin-left:auto;} .main4{width:1500px; margin-right:auto;margin-left:auto;} .main5{width:1800px; margin-right:auto;margin-left:auto;} /********************************** c_br ***********************************************************************************/ .c_br {padding:5px;} .c_l1 {padding:10px;} .c_l2 {padding:20px;} .c_l3 {padding:30px;} .c_l4 {padding:40px;} .c_l5 {padding:50px;} .c_l6 {padding:60px;} .c_l7 {padding:70px;} .c_l8 {padding:80px;} .c_l9 {padding:90px;} .c_line {border-bottom:1px solid #EFEFEF; background:rgba(0,0,0,0); padding:0px 0px 0px 0px;} .c_line2{border-top:1px solid #EFEFEF; padding:0px 0px 0px 0px;} .c_line3 {border-bottom:1px solid #AAAAAA; background:rgba(0,0,0,0); padding:0px 0px 0px 0px;} .c_line4 {border-bottom:1px solid #707070; background:rgba(0,0,0,0); padding:0px 0px 0px 0px;} .c_line5 {border-bottom:1px solid #EFEFEF; background:rgba(0,0,0,0); padding:15px 0px 15px 0px;} .c_line5-1 {border-bottom:0px solid #EFEFEF; background:rgba(0,0,0,0); padding:15px 0px 15px 0px;} /*************************************************** 이미지사이즈 ******************************/ .img_file {width:auto; max-width:800px;} .r_img {width:auto; max-width:500px;} /**룸이미지**/ .f_img {object-fit: cover; width: 100%; height:200px; } /**부대시설이미지**/ .bi_img {} /**bi***/ .tour_img {width:230px; height:174px;} .mov_size2 {width:100%; height:1080px; object-fit: fill;} .board_arr {width:100%;padding:0px; margin-right:auto;margin-left:auto} .board_arr ul{display:-ms-flexbox; display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; margin-right:0px;margin-left:0px} .board_arr li:first-child {width:10%;} .board_arr li:last-child {width:90%;} .arr_01 {background: url('/img/arr_icon1.png') no-repeat; padding-left:25px; background-position: 80px 5px; } .arr_02 {background: url('/img/arr_icon2.png') no-repeat; padding-left:25px; background-position: 80px 5px; } } /***************************************************************************** 메인 ******************************************************************************************/ @media (max-width:768px){ .main_tab0 {width:100%; margin-right:auto;margin-left:auto; } .main_tab1 {width:100%; margin-right:auto;margin-left:auto; } .main_tab1-1 {width:100%; margin-right:auto;margin-left:auto; } .main_tab1-2 {width:100%; margin-right:auto;margin-left:auto; background-color:#F6EBF8; } .main_tab2 {width:100%; margin-right:auto;margin-left:auto; background-image: linear-gradient(to top, #ffffff 50%, #FEF9FF 50%); } .main_tab2-1 {width:auto; margin-right:auto;margin-left:auto; } .main_tab3 {width:100%; margin-right:auto;margin-left:auto; } .main_tab3-1 {width:auto;margin-right:auto;margin-left:auto; } } @media (min-width: 768px) and (max-width:1198px){ .main_tab0 {width:100%; margin-right:auto;margin-left:auto; } .main_tab1 {width:100%; margin-right:auto;margin-left:auto; } .main_tab1-1 {width:100%; margin-right:auto;margin-left:auto; } .main_tab1-2 {width:100%; margin-right:auto;margin-left:auto; background-color:#F6EBF8; } .main_tab2 {width:100%; margin-right:auto;margin-left:auto; background-image: linear-gradient(to top, #ffffff 50%, #FEF9FF 50%); } .main_tab2-1 {width:100%; margin-right:auto;margin-left:auto; } .main_tab3 {width:100%; margin-right:auto;margin-left:auto; } .main_tab3-1 {width:100%; margin-right:auto;margin-left:auto; } } @media (min-width:1198px){ .main_tab0 {width:100%; margin-right:auto;margin-left:auto; } .main_tab1 {width:100%; margin-right:auto;margin-left:auto; } .main_tab1-1 {width:100%; margin-right:auto;margin-left:auto; } .main_tab1-2 {width:100%; margin-right:auto;margin-left:auto; background-color:#F6EBF8; } .main_tab2 {width:100%; margin-right:auto;margin-left:auto; background-image: linear-gradient(to top, #ffffff 50%, #FEF9FF 50%);} .main_tab2-1 {width:1300px; margin-right:auto;margin-left:auto; } .main_tab3 {width:100%; margin-right:auto;margin-left:auto;} .main_tab3-1 {width:1300px; margin-right:auto;margin-left:auto; } } /***************************************************************************** 메인 ******************************************************************************************/ /***************************************************************************** col ******************************************************************************************/ /***************************** 768 ***********************************************/ @media (max-width:768px){ .col-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .col-md-2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding: 0px 10px 0px 0px;} .col-md-3{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;padding: 0px 10px 0px 0px;} .col-md-4{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 100%;max-width:50%;padding: 10px 10px 0px 0px;} .col-md-5 {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 100%;max-width:50%} .col-md-6 {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 100%;max-width:50%} .col-md-7 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .col-md-9{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} } /***************************** 768 1198 ***********************************************/ @media (min-width: 768px) and (max-width:1198px){ .col-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .col-md-2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding: 0px 10px 0px 0px;} .col-md-3{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;padding: 0px 10px 0px 0px;} .col-md-4{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%; padding: 5px 10px 5px 0px;} .col-md-5{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%} .col-md-6{-webkit-box-flex:0;-ms-flex:0 0 16.6666%;flex:0 0 16.6666%;max-width:16.6666%} .col-md-7{-webkit-box-flex:0;-ms-flex:0 0 14.2222%;flex:0 0 14.2222%;max-width:14.2222%} .col-md-9{-webkit-box-flex:0;-ms-flex:0 0 65%;flex:0 0 65%;max-width:65%} } /*****************************1198 ***********************************************/ @media (min-width:1198px){ .col-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .col-md-2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding: 0px 10px 0px 0px;} .col-md-3{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;padding: 0px 10px 0px 0px;} .col-md-4{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%; padding: 5px 10px 5px 0px;} .col-md-5{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%} .col-md-6{-webkit-box-flex:0;-ms-flex:0 0 16.6666%;flex:0 0 16.6666%;max-width:16.6666%} .col-md-7{-webkit-box-flex:0;-ms-flex:0 0 14.2222%;flex:0 0 14.2222%;max-width:14.2222%} .col-md-9{-webkit-box-flex:0;-ms-flex:0 0 65%;flex:0 0 65%;max-width:65%} } /***************************************************************************** col ******************************************************************************************/ /*****************************************************************************버튼***********************************************************************************************/ /***************************** 768 ***********************************************/ @media (max-width:768px){ .gw_btn{ color:#FFFFFF; font-size:14px; font-weight:300; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:15px 40px 15px 40px;background-color:#4D008E; border:1px solid #4D008E; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; } .gw_btn:hover{color:#FFFFFF; background-color:#4D008E; cursor:pointer; border:1px solid #4D008E;} .gw_btn1{ color:#FFFFFF; background-color:#FF8400; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .gw_btn2{ color:#FFFFFF; background-color:#007ACF; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .gw_btn3{ color:#FFFFFF; background-color:#787878; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .gw_btn4{ color:#FFFFFF; background-color:#3B6306; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .gw_btn5{ color:#FFFFFF; background-color:#292F33; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .gw_btn6{ color:#FFFFFF; background-color:#666666; border:0px solid #FF8400; text-align:center; padding:5px 5px 5px 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .gw_btn7{ color:#FFFFFF; background-color:#A3A3A3; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .d_btn1{ color:#FFFFFF; background-color:#95CF00; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .d_btn2{ color:#FFFFFF; background-color:#CF3A00; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .f_btn1{ color:#FFFFFF; background-color:#A27DB0; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .f_btn2{ color:#FFFFFF; background-color:#EF858C; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} } /***************************** 768 1198***********************************************/ @media (min-width: 768px) and (max-width:1198px){ .gw_btn{ color:#333333; font-size:14px; font-weight:300; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:15px 40px 15px 40px; background:rgba(0,0,0,0); border:1px solid #373242; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; } .gw_btn:hover{color:#FFFFFF; background-color:#4D008E; cursor:pointer; border:1px solid #4D008E;} .gw_btn1{ color:#FFFFFF; background-color:#FF8400; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .gw_btn2{ color:#FFFFFF; background-color:#007ACF; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .gw_btn3{ color:#FFFFFF; background-color:#787878; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .gw_btn4{ color:#FFFFFF; background-color:#3B6306; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .gw_btn5{ color:#FFFFFF; background-color:#292F33; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .gw_btn6{ color:#FFFFFF; background-color:#666666; border:0px solid #FF8400; text-align:center; padding:5px 5px 5px 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .gw_btn7{ color:#FFFFFF; background-color:#A3A3A3; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .d_btn1{ color:#FFFFFF; background-color:#95CF00; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .d_btn2{ color:#FFFFFF; background-color:#CF3A00; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .f_btn1{ color:#FFFFFF; background-color:#A27DB0; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .f_btn2{ color:#FFFFFF; background-color:#EF858C; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} } /***************************** 1198 ***********************************************/ @media (min-width:1198px){ .gw_btn{ color:#333333; font-size:14px; font-weight:300; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:15px 40px 15px 40px; background:rgba(0,0,0,0); border:1px solid #373242; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; } .gw_btn:hover{color:#FFFFFF; background-color:#4D008E; cursor:pointer; border:1px solid #4D008E;} .gw_btn1{ color:#FFFFFF; background-color:#FF8400; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .gw_btn2{ color:#FFFFFF; background-color:#007ACF; border:0px solid #FF8400; text-align:center; padding:10px 20px 10px 20px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .gw_btn3{ color:#FFFFFF; background-color:#787878; border:0px solid #FF8400; text-align:center; padding:10px 20px 10px 20px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .gw_btn4{ color:#FFFFFF; background-color:#3B6306; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .gw_btn5{ color:#FFFFFF; background-color:#292F33; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .gw_btn6{ color:#FFFFFF; background-color:#666666; border:0px solid #FF8400; text-align:center; padding:5px 5px 5px 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .gw_btn7{ color:#FFFFFF; background-color:#A3A3A3; border:0px solid #FF8400; text-align:center; padding:5px 10px 5px 10px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .d_btn1{ color:#FFFFFF; background-color:#95CF00; border:0px solid #FF8400; text-align:center; padding:10px 10px 10px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .d_btn2{ color:#FFFFFF; background-color:#CF3A00; border:0px solid #FF8400; text-align:center; padding:10px 10px 10px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .f_btn1{ color:#FFFFFF; background-color:#A27DB0; border:0px solid #FF8400; text-align:center; padding:8px 15px 8px 15px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-right:5px;} .f_btn2{ color:#FFFFFF; background-color:#EF858C; border:0px solid #FF8400; text-align:center; padding:8px 15px 8px 15px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} } /*****************************************************************************버튼***********************************************************************************************/ /*****************************************************************************테이블***********************************************************************************************/ @media (max-width:768px){ /* 기본 */ .tbl-type01 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:2px solid #595959;} .tbl-type01 td:last-child {background:#fff; border-right:0px solid #909090; border-bottom:1px solid #909090; } .tbl-type01 thead th {background:#FFE484; border-right:1px solid #909090; color:#595959; padding:20px; font-weight:600; border-bottom:1px solid #909090;} .tbl-type01 tbody td {background:#fff; border-right:1px solid #909090; border-bottom:1px solid #909090; padding:20px; } /* 게시판 */ .tbl-type02 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:2px solid #595959;} .tbl-type02 td { border-right:0px solid #909090; border-bottom:1px solid #E4E6E8; padding:20px; } .tbl-type02 thead th {background:#ffffff; border-right:0px solid #909090; padding:20px; font-weight:600; border-bottom:1px solid #909090;} .tbl-type02 tbody th {font-weight:normal; border-right:0px solid #909090; border-bottom:2px solid #000000; padding:13px 5px;} /* 행사일정 */ .tbl-type03 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:1px solid #804D92;} .tbl-type03 td {font-size:0.8rem;background:#fff; border-left:1px solid #ECECEC; border-bottom:1px solid #ECECEC; padding:5px; line-height: 180%;} .tbl-type03 td:last-child {font-size:0.8rem;border-right:1px solid #ECECEC; border-bottom:1px solid #ECECEC; line-height: 180%;} .tbl-type03 thead th {font-size:0.8rem; background:#FAFAFA; border-left:1px solid #ECECEC; color:#353535; padding:10px 5px 10px 5px; border-bottom:1px solid #ECECEC;} .tbl-type03 thead th:last-child { font-size:0.8rem;background:#FAFAFA; border-right:1px solid #ECECEC; color:#353535; padding:10px 5px 10px 5px; border-bottom:1px solid #ECECEC;} .tbl-type03 tbody th { font-size:0.9rem;background:#fff; border-left:1px solid #ECECEC; border-bottom:1px solid #ECECEC; padding:13px 5px;} .tbl-type03 .bg { background-color:#FAFAFA;} } @media (min-width: 768px) and (max-width:1198px){ /* 기본 */ .tbl-type01 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center; border-top:1px solid #AAAAAA} .tbl-type01 td {padding:30px;word-wrap:break-word} .tbl-type01 td {border-bottom:1px solid #EEEEEE; background:#fff; padding-left:20px;} .tbl-type01 td.bg1{background-color:#FBFBFB;} /* 게시판 */ .tbl-type02 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:2px solid #595959;} .tbl-type02 td { border-right:0px solid #909090; border-bottom:1px solid #E4E6E8; padding:20px; } .tbl-type02 thead th {background:#ffffff; border-right:0px solid #909090; padding:20px; font-weight:600; border-bottom:1px solid #909090;} .tbl-type02 tbody th {font-weight:normal; border-right:0px solid #909090; border-bottom:2px solid #000000; padding:13px 5px;} /* 행사일정 */ .tbl-type03 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:1px solid #804D92;} .tbl-type03 td {background:#fff; border-left:1px solid #ECECEC; border-bottom:1px solid #ECECEC; padding:20px; line-height: 180%;} .tbl-type03 td:last-child {border-right:1px solid #ECECEC; border-bottom:1px solid #ECECEC; line-height: 180%;} .tbl-type03 thead th {font-size:1.1rem; background:#FAFAFA; border-left:1px solid #ECECEC; color:#353535; padding:20px; border-bottom:1px solid #ECECEC;} .tbl-type03 thead th:last-child { background:#FAFAFA; border-right:1px solid #ECECEC; color:#353535; padding:20px; border-bottom:1px solid #ECECEC;} .tbl-type03 tbody th {font-size:1.2rem;background:#fff; border-left:1px solid #ECECEC; border-bottom:1px solid #ECECEC; padding:13px 5px;} .tbl-type03 .bg { background-color:#FAFAFA;} } @media (min-width:1198px){ /********table**************/ /* 기본 */ .tbl-type01 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:2px solid #595959;} .tbl-type01 td {background:#fff; border-right:1px solid #909090; border-bottom:1px solid #909090; padding:20px; } .tbl-type01 td:last-child {background:#fff; border-right:0px solid #909090; border-bottom:1px solid #909090; } .tbl-type01 thead th {background:#FFE484; border-right:1px solid #909090; color:#595959; padding:20px; font-weight:600; border-bottom:1px solid #909090;} .tbl-type01 tbody th {font-weight:normal; border-right:1px solid #909090; border-bottom:1px solid #909090; padding:13px 5px;} /* 게시판 */ .tbl-type02 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:2px solid #595959;} .tbl-type02 td { border-right:0px solid #909090; border-bottom:1px solid #E4E6E8; padding:20px; } .tbl-type02 thead th {background:#ffffff; border-right:0px solid #909090; padding:20px; font-weight:600; border-bottom:1px solid #909090;} .tbl-type02 tbody th {font-weight:normal; border-right:0px solid #909090; border-bottom:2px solid #000000; padding:13px 5px;} /* 행사일정 */ .tbl-type03 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:1px solid #804D92;} .tbl-type03 td {background:#fff; border-left:1px solid #ECECEC; border-bottom:1px solid #ECECEC; padding:20px; line-height: 180%;} .tbl-type03 td:last-child {border-right:1px solid #ECECEC; border-bottom:1px solid #ECECEC; line-height: 180%;} .tbl-type03 thead th {font-size:1.1rem;background:#FAFAFA; border-left:1px solid #ECECEC; color:#353535; padding:20px; border-bottom:1px solid #ECECEC;} .tbl-type03 thead th:last-child { background:#FAFAFA; border-right:1px solid #ECECEC; color:#353535; padding:20px; border-bottom:1px solid #ECECEC;} .tbl-type03 tbody th {font-size:1.2rem;background:#fff; border-left:1px solid #ECECEC; border-bottom:1px solid #ECECEC; padding:13px 5px;} .tbl-type03 .bg { background-color:#FAFAFA;} } /*****************************************************************************테이블***********************************************************************************************/ /*****************************************************************************하단***********************************************************************************************/ @media (max-width:768px){ #footer {width:100%; margin-right:auto;margin-left:auto; height:auto; background-color:#595959; border-top:0px solid #E1E1E1;} .foot{width:auto; margin-right:auto;margin-left:auto; padding: 0px 10px 0px 10px;} .foot img {width:150px; padding: 5px;} .col-md-foot-1 {-webkit-box-flex:0;-ms-flex:0 0 10%;flex:0 0 100%;max-width:100%;padding: 10px 0px 0px 0px; text-align:center;} .col-md-foot-2 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding: 10px 0px 0px 0px; text-align:center;} .col-md-foot-1-1 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding: 0px 10px 0px 0px; text-align:center;} .col-md-foot-2-1 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding: 0px 10px 0px 0px; text-align:center;} .col-md-foot-3 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .c_foot_line {border-top:0px solid #2F2F2F; border-bottom:1px solid #989898; padding:20px 0px 20px 0px;} .topul li{display:block; border-right:0px solid #A9A9A9; padding:10px 10px 0px 10px; width:100%; } .topul li:first-child{ padding-left:0px; border-left:0px solid #f4f4f4;} .topul li:last-child{border-right:0px solid #f4f4f4;} } @media (min-width: 768px) and (max-width:1198px){ #footer {width:100%; margin-right:auto;margin-left:auto; height:auto; background-color:#131313; border-top:0px solid #E1E1E1;} .foot{width:auto; margin-right:auto;margin-left:auto; padding: 0px 10px 0px 10px;} .foot img {padding: 10px;} .col-md-foot-1 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding: 0px 10px 0px 0px;text-align:center;} .col-md-foot-2 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding: 0px 10px 0px 0px;text-align:center;} .col-md-foot-1-1 {-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%;padding: 0px 0px 0px 0px;} .col-md-foot-2-1 {-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;padding: 0px 0px 0px 0px; } .col-md-foot-3 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .c_foot_line {border-top:0px solid #2F2F2F; border-bottom:1px solid #989898; padding:20px 0px 20px 0px;} .topul li{display:block; border-right:0px solid #A9A9A9; padding:10px 10px 0px 10px; width:100%; } .topul li:first-child{ padding-left:0px; border-left:0px solid #f4f4f4;} .topul li:last-child{border-right:0px solid #f4f4f4;} } @media (min-width:1198px){ #footer {width:100%; margin-right:auto;margin-left:auto; height:auto; background-color:#131313; border-top:0px solid #E1E1E1;} .foot{width:1500px; margin-right:auto;margin-left:auto;} .foot img {padding: 10px;} .col-md-foot-1 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding: 0px 10px 0px 0px;text-align:center;} .col-md-foot-2 {-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%;padding: 0px 0px 0px 0px;} .col-md-foot-1-1 {-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%;padding: 0px 0px 0px 0px;} .col-md-foot-2-1 {-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;padding: 0px 0px 0px 0px; text-align:right;} .col-md-foot-3 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .c_foot_line {border-top:0px solid #2F2F2F; border-bottom:1px solid #989898; padding:20px 0px 20px 0px;} .topul li{display:inline-block; border-right:1px solid #A9A9A9; padding:0px 20px 0px 20px; width:auto; } .topul li:first-child{ padding-left:0px; border-left:0px solid #f4f4f4;} .topul li:last-child{border-right:0px solid #f4f4f4;} .top_btn{ display:inline-block; color:#FFFFFF; background-color:#804E91; font-size:1.6rem; font-weight:600; transition:0.3s ease; text-align:center; width:auto; padding:10px 12px 10px 12px; border-radius: 22px; } } /*****************************************************************************하단***********************************************************************************************/ /*******************************************popup******************************************/ @media (max-width:768px){ .divpop{position:relative; width:50%; position:absolute; z-index:11; top:100px; left:5%; border:0px solid #000000; } .divpop1{position:absolute; width:50%; top:350px; left:5%; z-index:11; border:0px solid #000000; } .divpop2{position:absolute; width:50%; top:790px; left:0%; z-index:11; border:0px solid #000000; } #divpop .mp{position:absolute; bottom:10%; } .divbottom {background:#000000; color:#ffffff; font-size:9px; padding:5px; text-align:right;} .divbottom a{background:#FFFFFF; color:#000000; position:relative; padding:5px;} .divpop img,.divpop1 img,.divpop2 img,.divpop3 img, .divpop4 img, .divpop5 img{width:100%;} } @media (min-width:768px){ .divpop{position:absolute; top:15%; left:10px; width:400px; z-index:11; border:0px solid #000000; } .divpop1{position:absolute; top:15%; right:10px; width:400px; z-index:11; border:0px solid #000000; } .divpop2{position:absolute; top:15%; left:630px; width:400px; z-index:11; border:0px solid #000000; } .divpop img{width:400px; } .divpop1 img{width:400px; } .divpop2 img{width:400px; } .divbottom {background:#000000; color:#ffffff; font-size:13px; padding:5px; text-align:right;} .divbottom a{background:#FFFFFF; color:#000000; position:relative; padding:5px;} } /************************************************************* 페스타 *******************************************************************************/ .dday span{ margin:5px;} .dday_btn{ background-color:#222222; border:0px solid #FF8400; text-align:center; padding:0px 30px 5px 30px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 5px; } .lines {background:url('/dhlf/img/line_bg2.jpg') center 0 repeat; background-size: auto 100%; height:46px; } .lines2 {background:url('/dhlf/img/line_bg3.jpg') center 0 repeat; background-size: auto 100%; height:46px; } .slines {background:url('/dhlf/img/line_bg2-1.jpg') center 0 repeat; background-size: auto 100%; height:14px; } .slines2 {background:url('/dhlf/img/line_bg3-1.jpg') center 0 repeat; background-size: auto 100%; height:14px; } @media (max-width: 768px){ .clb2{position:absolute; top:250px; left:5px; z-index:1; border:0px solid #000000; } .clb2 img{width:130px; filter: drop-shadow(2px 2px 10px rgba(0,0,0,0.2));} .clb3{position:absolute; top:250px; right:5px; z-index:1; border:0px solid #000000; } .clb3 img{width:110px; filter: drop-shadow(2px 2px 10px rgba(0,0,0,0.2));} .reser_box { width:100%; text-align:center; margin-right:auto;margin-left:auto; position: absolute; display: table-cell; background:url('/dhlf/img/nbg.png') center 0 repeat; background-size: auto 100%; height:64px; } .reser_box1 {width:auto; padding:14px 0px 0px 45px; text-align:center;} .title_bg0 {background:url('/dhlf/img/2025/t1.jpg') center 0 no-repeat; background-size: auto 100%; object-fit: cover; width: 100%; height:300px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1;} .title_bg1 {background:url('/dhlf/img/2025/t2.jpg') center 0 no-repeat; background-size: auto 100%; object-fit: cover; width: 100%; height:300px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1;} .title_bg2 {background:url('/dhlf/img/2025/t3.jpg') center 0 no-repeat; background-size: auto 100%; object-fit: cover; width: 100%; height:300px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1;} .title_bg3 {background:url('/dhlf/img/2025/t4.jpg') center 0 no-repeat; background-size: auto 100%; object-fit: cover; width: 100%; height:300px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1;} .stitle_btn { } .stitle_btn ul { width: 100%; } .stitle_btn li {border-right:1px solid #ffffff; width:100%; box-shadow:2px 2px 10px rgba(0,0,0,0.2);} .stitle_btn li a {padding:15px; display:block;width:auto; text-align:center; background-color:#595959; color:#ffffff; border:1px solid #595959;} .stitle_btn li.active a{background-color:#804D92; color:#fff; border:1px solid #804D92;} .stitle2_btn { width:250px; margin-right:auto;margin-left:auto;z-index:2; display:inline-block; } .stitle2_btn ul { display: table; table-layout: fixed; width: 100%; } .stitle2_btn li {display: table-cell; border-right:1px solid #ffffff; box-shadow:2px 2px 10px rgba(0,0,0,0.2);} .stitle2_btn li:last-child {display: table-cell; border-right:0px solid #ffffff;} .stitle2_btn li a {padding:8px 5px 5px 5px; display:block;width:auto; text-align:center; background-color:#595959; color:#ffffff; border:1px solid #595959;} .stitle2_btn li.active a{background-color:#5CA400; color:#fff; border:1px solid #5CA400;} } @media (min-width: 768px) and (max-width:1400px){ .clb2{position:absolute; top:800px; left:10px; z-index:11; border:0px solid #000000; } .clb2 img{width:350px; filter: drop-shadow(2px 2px 10px rgba(0,0,0,0.2)); } .clb3{position:absolute; top:800px; right:10px; z-index:11; border:0px solid #000000; } .clb3 img{width:350px; filter: drop-shadow(2px 2px 10px rgba(0,0,0,0.2));} .reser_box { width:100%; margin-right:auto;margin-left:auto; position: absolute; bottom:0px; display: table-cell; background:url('/dhlf/img/nbg.png') center 0 repeat; background-size: auto 100%; height:80px; } .reser_box1 {width:400px; margin-right:auto;margin-left:auto; box-sizing: border-box; padding:0px;padding:13px 0px 0px 0px; text-align:center;} .title_bg0 {background:url('/dhlf/img/2025/t1.jpg') center 0 no-repeat; background-size: auto 100%; height:500px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; } .title_bg1 {background:url('/dhlf/img/2025/t2.jpg') center 0 no-repeat; background-size: auto 100%; height:500px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; } .title_bg2 {background:url('/dhlf/img/2025/t3.jpg') center 0 no-repeat; background-size: auto 100%; height:500px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; } .title_bg3 {background:url('/dhlf/img/2025/t4.jpg') center 0 no-repeat; background-size: auto 100%; height:500px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; } .stitle_btn { } .stitle_btn ul { display: table; table-layout: fixed; width: 100%; } .stitle_btn li {display: table-cell; border-right:1px solid #ffffff; box-shadow:2px 2px 10px rgba(0,0,0,0.2);} .stitle_btn li:last-child {display: table-cell; border-right:0px solid #ffffff;} .stitle_btn li a {padding:15px; display:block;width:auto; text-align:center; background-color:#595959; color:#ffffff; border:1px solid #595959;} .stitle_btn li.active a{background-color:#804D92; color:#fff; border:1px solid #804D92;} .stitle2_btn { width:250px; margin-right:auto;margin-left:auto;z-index:2; display:inline-block; } .stitle2_btn ul { display: table; table-layout: fixed; width: 100%; } .stitle2_btn li {display: table-cell; border-right:1px solid #ffffff; box-shadow:2px 2px 10px rgba(0,0,0,0.2);} .stitle2_btn li:last-child {display: table-cell; border-right:0px solid #ffffff;} .stitle2_btn li a {padding:8px 5px 5px 5px; display:block;width:auto; text-align:center; background-color:#595959; color:#ffffff; border:1px solid #595959;} .stitle2_btn li.active a{background-color:#5CA400; color:#fff; border:1px solid #5CA400;} } @media (min-width:1400px){ .clb2{position:absolute; top:600px; left:100px; z-index:11; border:0px solid #000000; } .clb2 img{width:450px; filter: drop-shadow(2px 2px 10px rgba(0,0,0,0.2));} .clb3{position:absolute; top:680px; right:100px; z-index:11; border:0px solid #000000; } .clb3 img{width:350px; filter: drop-shadow(2px 2px 10px rgba(0,0,0,0.2));} .reser_box { width:100%; margin-right:auto;margin-left:auto; position: absolute; bottom:0px; display: table-cell; background:url('/dhlf/img/nbg.png') center 0 repeat; background-size: auto 100%; height:80px; } .reser_box1 {width:400px; margin-right:auto;margin-left:auto; box-sizing: border-box; padding:0px;padding:25px 0px 0px 0px; text-align:center;} .title_bg0 {background:url('/dhlf/img/2025/t1.jpg') center 0 no-repeat; background-size: auto 100%; height:500px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; } .title_bg1 {background:url('/dhlf/img/2025/t2.jpg') center 0 no-repeat; background-size: auto 100%; height:500px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; } .title_bg2 {background:url('/dhlf/img/2025/t3.jpg') center 0 no-repeat; background-size: auto 100%; height:500px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; } .title_bg3 {background:url('/dhlf/img/2025/t4.jpg') center 0 no-repeat; background-size: auto 100%; height:500px; -webkit-animation: visual-bg 3s ease-out 1; animation: visual-bg 3s ease-out 1; } .stitle_btn { position: absolute; width:1500px; margin-right:auto;margin-left:auto;z-index:2; top:465px; display:inline-block; } .stitle_btn ul { display: table; table-layout: fixed; width: 100%; } .stitle_btn li {display: table-cell; border-right:1px solid rgba(0,0,0,1); box-shadow:2px 2px 10px rgba(0,0,0,0.2);} .stitle_btn li:last-child {display: table-cell; border-right:0px solid #ffffff;} .stitle_btn li a {padding:15px; display:block;width:auto; text-align:center; background-color:#595959; color:#ffffff; border:1px solid #595959;} .stitle_btn li a:hover{background-color:#804D92; color:#fff; border:1px solid #804D92; transition: 0.3s ease-out;} .stitle_btn li.active a{background-color:#804D92; color:#fff; border:1px solid #804D92;} .stitle2_btn { width:250px; margin-right:auto;margin-left:auto;z-index:2; display:inline-block; } .stitle2_btn ul { display: table; table-layout: fixed; width: 100%; } .stitle2_btn li {display: table-cell; border-right:1px solid #ffffff; box-shadow:2px 2px 10px rgba(0,0,0,0.2);} .stitle2_btn li:last-child {display: table-cell; border-right:0px solid #ffffff;} .stitle2_btn li a {padding:8px 5px 5px 5px; display:block;width:auto; text-align:center; background-color:#595959; color:#ffffff; border:1px solid #595959;} .stitle2_btn li.active a{background-color:#5CA400; color:#fff; border:1px solid #5CA400;} } @-webkit-keyframes visual-bg { 0% { background-size: auto 120%; } 100% { background-size: auto 100%; } } @keyframes visual-bg { 0% { background-size: auto 120%; } 100% { background-size: auto 100%; } } /*****************************************************************************텍스트***********************************************************************************************/ :root { --font-size-1: 2rem; --font-size-2: 1.5rem; --font-size-3: 1.2rem; --font-size-4: 1rem; --font-size-5: 0.8rem; --font-size-6: 1.0rem; --font-size-7: 0.9rem; } @media (max-width:768px){ :root { --font-size-1: 2.0rem; --font-size-2: 1.8rem; --font-size-3: 1.2rem; --font-size-4: 1.0rem; --font-size-5: 0.9rem; --font-size-6: 0.8rem; --font-size-7: 0.7rem; } } @media (min-width: 768px) and (max-width:1198px){ :root { --font-size-1: 3.8rem; --font-size-2: 2.5rem; --font-size-3: 1.5rem; --font-size-4: 1.2rem; --font-size-5: 1.1rem; --font-size-6: 1.0rem; --font-size-7: 0.9rem; } } @media (min-width:1198px){ :root { --font-size-1: 4rem; --font-size-2: 3rem; --font-size-3: 1.5rem; --font-size-4: 1.2rem; --font-size-5: 1.1rem; --font-size-6: 1.0rem; --font-size-7: 0.9rem; } } .text1 { font-size: var(--font-size-1);} .text2 { font-size: var(--font-size-2);} .text3 { font-size: var(--font-size-3);} .text4 { font-size: var(--font-size-4);} .text5 { font-size: var(--font-size-5);} .text6 { font-size: var(--font-size-6);} .text7 { font-size: var(--font-size-7);} /******************************************************* 타이틀 텍스트 *************************/ @media (max-width:768px){ .title_text { position: absolute; font-size:2.8rem; z-index:2; top:150px; display:block;} .title_text1{ position: absolute; font-size:1.1rem; z-index:2; top:210; display:block;} .title_text2{ position: absolute; font-size:0.8rem; z-index:2; top:250;display:block;} .stitle_text { position: absolute; font-size:1.8rem; z-index:2; top:120px; display:block;} .stitle_text1{ position: absolute; font-size:1.1rem; z-index:2; top:180; display:block;} .stitle_text2{ position: absolute; font-size:0.8rem; z-index:2; top:210;display:block;} .main_title1{ font-size:3.0rem; display:block;} .main_title2{ font-size:1.4rem; display:block;} .main_title3{ font-size:1.2rem; display:block;} .main_stitle{ font-size:1rem; display:inline-block; padding:10px 20px 10px 20px; border-top:1px solid rgba(255, 255, 255,0.1);} .c_btitle { font-size:2.4rem; transition:0.5s all ease;} .c_ntitle { font-size:2rem; transition:0.5s all ease;} .c_title { font-size:1.4rem; transition:0.5s all ease;} .c_text { font-size:0.9rem; transition:0.5s all ease;} .c_text0 { font-size:1.2rem; transition:0.5s all ease;} .c_text1 { font-size:0.8rem; transition:0.5s all ease;} } @media (min-width: 768px) and (max-width:1198px){ .title_text { position: absolute; font-size:5.0rem; z-index:2; top:350px; display:inline-block;} .title_text1{ position: absolute; font-size:2.0rem; z-index:2;top:480; display:inline-block;} .title_text2{ position: absolute; font-size:1.8rem; z-index:2; top:540;display:inline-block;} .stitle_text { position: absolute; font-size:2.6rem; z-index:2; top:250px; display:inline-block;} .stitle_text1{ position: absolute; font-size:1.8rem; z-index:2;top:330; display:inline-block;} .stitle_text2{ position: absolute; font-size:1.5rem; z-index:2; top:380;display:inline-block;} .main_title1{ font-size:3.0rem; display:block;} .main_title2{ font-size:2.0rem; display:block;} .main_title3{ font-size:1.3rem; display:block;} .main_stitle{ font-size:1.0rem; display:inline-block; padding:10px 20px 10px 20px; border-top:1px solid rgba(255, 255, 255,0.1);} .c_btitle { font-size:2rem; transition:0.5s all ease;} .c_ntitle { font-size:1.8rem; transition:0.5s all ease;} .c_title { font-size:1.4rem; transition:0.5s all ease;} .c_text { font-size:1rem; transition:0.5s all ease;} .c_text0 { font-size:1.2rem; transition:0.5s all ease;} .c_text1 { font-size:0.8rem; transition:0.5s all ease;} } @media (min-width:1198px){ .title_text { position: absolute; font-size:3.5rem; z-index:2; top:370px; display:inline-block;} .title_text1{ position: absolute; font-size:1.4rem; z-index:2;top:490; display:inline-block;} .title_text2{ position: absolute; font-size:1.2rem; z-index:2; top:550;display:inline-block;} .stitle_text { position: absolute; font-size:2.6rem; z-index:2; top:250px; display:inline-block;} .stitle_text1{ position: absolute; font-size:1.6rem; z-index:2; top:320; display:inline-block;} .stitle_text2{ position: absolute; font-size:1.2rem; z-index:2; top:370;display:inline-block;} .main_title1{ font-size:4.0rem; display:block;} .main_title2{ font-size:3.0rem; display:block;} .main_title3{ font-size:2.0rem; display:block;} .main_stitle{ font-size:1.2rem; display:inline-block; padding:10px 20px 10px 20px; border-top:1px solid rgba(255, 255, 255,0.1);} .c_btitle { font-size:3rem; transition:0.5s all ease;} .c_ntitle { font-size:2rem; transition:0.5s all ease;} .c_title { font-size:1.6rem; transition:0.5s all ease;} .c_text { font-size:1rem; transition:0.5s all ease;} .c_text0 { font-size:1.3rem; transition:0.5s all ease;} .c_text1 { font-size:1rem; transition:0.5s all ease;} } /*************************************************box md**********************************/ @media (max-width:768px){ .c_box { background-color:#FFFFFF; border:1px solid #E6E6E6; padding:10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .c_box-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 5px;} .c_box-md-2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding: 0px 10px 0px 0px; } .c_box-md-3{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding:5px;} .c_box-md-3 .icon::before { content: "\f017"; color:#F3B500; font-family: "Font Awesome 6 Free"; font-size:13px; font-weight: 400; margin-right: 10px;} .c_box-md-3 .icon0::before { content: "\f041"; color:#F3B500; font-family: "Font Awesome 6 Free"; font-size:13px; font-weight: 400; margin-right: 10px;} .c_box-md-3 .icon1::before { content: "\f005"; color:#F3B500; font-family: "Font Awesome 6 Free"; font-size:13px; font-weight: 400; margin-right: 10px;} .c_box-md-3 .icon2::before { content: "·"; color:#F3B500; font-family: "Font Awesome 6 Free"; font-size:12px; font-weight: 900; padding-left:5px; margin-right: 10px;} .c_box-program-3{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding:20px 10px 20px 10px;} .c_box-program-2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding:20px 10px 20px 10px; } .c_box-pg-1{-webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; text-align:center; padding: 0px;} .c_box-pg-2{-webkit-box-flex:0;-ms-flex:0 0 85%;flex:0 0 85%;max-width:85%;padding: 0px 0px 0px 5px; } .board_title-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 15px 0px 15px 0px; border-top:1px solid #AAAAAA; border-bottom:1px solid #f4f4f4; } .board_title-md-2{display:none;} .pg_title-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 15px 0px 15px 0px; border-bottom:1px solid #A27DB0; } .pg1_title-md-1{ text-align:left; -webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;padding:20px 0px 20px 0px; border-right:0px solid #ECECEC; border-bottom:1px solid #ECECEC;letter-spacing: 0.05em;} .pg1_title-md-2{ text-align:left; -webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%;padding:23px 0px 20px 0px; border-bottom:1px solid #ECECEC;} .icon2::before { content: "·"; color:#F5532D; font-family: "Font Awesome 6 Free"; font-size:18px; font-weight: 900; padding-left:5px; margin-right: 10px;} .c_box2 {opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; border:1px solid #E6E6E6; background-color:#FFFFFF; padding:10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .c_box2:hover { transform: translateY(-15px); opacity:1; filter: blur(0px);background-color:#FFFFED; border:1px solid #E6E6E6; padding:10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .c_box2 img {object-fit: cover; width: 100%; height:150px; } .c_box3 {opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; border:1px solid #E6E6E6; background-color:#FFFFFF; padding:10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .c_box3-3 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding:5px;} .c_box3-3 .icon::before { content: "·"; color:#804D92; font-family: "Font Awesome 6 Free"; font-size:18px; font-weight: 900; padding-left:8px; margin-right: 10px;} .c_box3-3 .icon0::before { content: "·"; color:#804D92; font-family: "Font Awesome 6 Free"; font-size:18px; font-weight: 900; padding-left:8px; margin-right: 10px;} .c_box3-3 .icon1::before { content: "·"; color:#804D92; font-family: "Font Awesome 6 Free"; font-size:18px; font-weight: 900; padding-left:8px; margin-right: 10px;} .p_box {position:relative; border:1px solid #E6E6E6; background-color:#FFFFFF; padding:15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .p_box:hover {position:relative; border:1px solid #9B63AF; transition: 0.3s ease-out;box-shadow:3px 3px 20px rgba(0,0,0,0.1); background-color:#FFFFFF; padding:15px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .p_box img {object-fit: cover; width: 100%; height:150px; } /**************************** 전체일정**********************************/ .c_table-md-1 {-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;padding: 20px 0px 20px 0px; background-color:#FAFAFA; border-top:1px solid #6C6C6C; border-bottom:1px solid #ECECEC; text-align:center; } .c_table-md-2 {-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;padding: 20px 0px 20px 0px; background-color:#FAFAFA; border-top:1px solid #6C6C6C; border-bottom:1px solid #ECECEC; border-left:1px solid #ECECEC; text-align:center; } .c_table-md-3 {-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;padding: 20px 0px 20px 0px; background-color:#FAFAFA; border-top:1px solid #6C6C6C; border-bottom:1px solid #ECECEC; border-left:1px solid #ECECEC; text-align:center; } .c_table-md-4 {-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;padding: 20px 0px 20px 0px; background-color:#FAFAFA; border-top:1px solid #6C6C6C; border-bottom:1px solid #ECECEC; border-left:1px solid #ECECEC; text-align:center; } .c_table-md-11 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding: 20px 0px 20px 0px; background-color:#FFFFFF; border-bottom:1px solid #ECECEC; border-right:1px solid #ECECEC; border-left:1px solid #ECECEC; background-color:#FAFAFA; border-top:1px solid #ECECEC; border-bottom:1px solid #ECECEC; text-align:center;} .c_table-md-12 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding: 0px 0px 0px 0px; background-color:#FFFFFF; border-bottom:1px solid #ECECEC; border-left:1px solid #ECECEC; text-align:center; } .c_table-md-13-1 {font-size:0.7rem; -webkit-box-flex:0;-ms-flex:0 0 45%;flex:0 0 45%;max-width:45%;padding: 10px 5px 5px 10px; border-right:1px solid #ECECEC; } .c_table-md-13-2 {font-size:0.7rem; -webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;padding: 10px 5px 5px 10px; border-right:1px solid #ECECEC; } .c_table-md-13-3 {font-size:0.7rem;-webkit-box-flex:0;-ms-flex:0 0 35%;flex:0 0 30%;max-width:35%;padding: 10px 5px 5px 10px; border-right:1px solid #ECECEC; } .stable ul:last-child {border-bottom:0px solid #ECECEC; } .stable ul {border-bottom:1px solid #ECECEC; } /**************************** 전체일정**********************************/ .history-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 15px 0px 15px 0px; border-top:2px solid #804D92; text-align:center; } .history-md-2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 15px 0px 15px 0px; border-top:0px solid #D5D5D5;} .history-md-3{-webkit-box-flex:0;-ms-flex:0 0 23%;flex:0 0 23%;max-width:23%; padding: 13px 0px 15px 0px; border-bottom:1px solid #F3F3F3; } .history-md-4{-webkit-box-flex:0;-ms-flex:0 0 77%;flex:0 0 77%;max-width:77%; padding: 15px 0px 15px 5px; border-bottom:1px solid #F3F3F3;} .map-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 15px 0px 15px 0px; border-top:0px solid #FD6F25; } .map-md-2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 15px 0px 15px 10px; border-top:0px solid #575757;} .festa-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 15px 30px 15px 30px; border-top:0px solid #FD6F25; } .festa-md-2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 0px 5px 0px 5px; border-top:0px solid #575757;} .festa-md-3{display: flex; align-items: center;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%; max-width:25%; padding: 22px 0px 15px 0px; border-bottom:1px solid #E0E0E0; } .festa-md-4{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%; padding: 27px 0px 22px 5px; border-bottom:1px solid #E0E0E0;} .festa-md-4 img{width:100px;} .festa-md-6{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 22px 0px 22px 20px; border-bottom:1px solid #454545;} .festa-md-11{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px 0px 10px 0px; border-top:0px solid #FD6F25; } .festa-md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px 0px 10px 0px; border-top:0px solid #575757;} .festa-md-13{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px 0px 10px 0px; border-top:0px solid #575757} .festa-md-14{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 10px 0px 0px; border-top:0px solid #FD6F25; text-align: center; } .festa-md-15{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 5px 0px 5px; border-top:0px solid #575757; text-align: center;} .festa-md-16{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 0px 0px 10px; border-top:0px solid #575757; text-align: center;} .festa_box { background-color:#FFFFFF; border:1px solid #E6E6E6; padding:20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} .festa_box span{display:block; padding: 10px 0px 10px 0px; border-bottom:1px solid #f3f3f3;} .festa_box span:first-child{display:block; padding: 10px 0px 10px 0px; border-bottom:1px solid #C7C7C7;} .festa_box span:last-child{display:block; padding: 10px 0px 10px 0px; border-bottom:0px solid #C7C7C7;} .festa_box p {padding: 5px 0px 10px 0px; font-size:15px;} .bi-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 0px 30px 0px 30px; border-top:0px solid #FD6F25; } .bi-md-2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 20px 0px 15px 0px; border-top:0px solid #575757;} .bi-md-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 10px; border-top:0px solid #FD6F25; } .bi_box { background-color:#FFFFFF; border:1px solid #E6E6E6; padding:20px; } .festa-map-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 15px 0px 15px 0px; border-top:0px solid #FD6F25; } .festa-map-2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 30px 0px 15px 10px; border-top:0px solid #575757;} .festa-map-2 li {font-size:16px; padding: 3px 0px 3px 0px; display:inline-block; margin-right:10px;} .festa-map-2 li .dot::before { content: "■"; font-family: "Font Awesome 6 Free"; font-size:18px; font-weight: 600; padding-left:5px; margin-right: 5px;} .festa-map-2 li .dot1::before { content: "●"; font-family: "Font Awesome 6 Free"; font-size:18px; font-weight: 600; padding-left:5px; margin-right: 5px;} .bus-md-1{display:none} .bus-md-2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 30px 0px 15px 0px; border-top:0px solid #575757;} .bus-md-1 img{width:100%; max-width:400px;} .bus-md-2 span{margin: 0px 0px 10px 0px; display:block;} .bus-md-2 span i{ padding: 0px 10px 0px 10px; } .bus-box {background-color:#FFFEED; border:1px solid #E6E6E6; padding:20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .bus-box1 {background-color:#FFFFFF; border:1px solid #E6E6E6; padding:20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .bus-box2 {position:relative; transform:scale(1.0); border:1px solid #E6E6E6; background-color:#FFFFFF; padding:10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .main-pg-1 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px;} .main-pg-2 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px;} .main-pg-3 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px;} .main-pg-4 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px;} .main-md-1, .main-md-2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 5px; border-top:0px solid #FD6F25; } .main-md-3, .main-md-4{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 5px; border-top:0px solid #575757;} .main-md-5{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 5px; border-top:0px solid #575757;} .main-box1 {opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; cursor:pointer; background-color:#CCB7D3; border:1px solid #CCB7D3; padding:50px 0px 50px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .main-box1:hover { transform: translateY(-30px); background-color:#6D3C7E; border:1px solid #6D3C7E; padding:50px 0px 50px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow:3px 3px 20px rgba(0,0,0,0.1); } .main-box2 {opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; cursor:pointer; background-color:#BDA2C6; border:1px solid #BDA2C6; padding:50px 0px 50px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .main-box2:hover {transform: translateY(-30px); background-color:#6D3C7E; border:1px solid #6D3C7E; padding:50px 0px 50px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .main-box3 {opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; cursor:pointer; background-color:#A27DB0; border:1px solid #A27DB0;padding:50px 0px 50px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .main-box3:hover {transform: translateY(-30px); background-color:#6D3C7E; border:1px solid #6D3C7E; padding:50px 0px 50px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .main-box4 {opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; cursor:pointer; background-color:#804D92; border:1px solid #804D92; padding:50px 0px 50px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .main-box4:hover {transform: translateY(-30px); background-color:#6D3C7E; border:1px solid #6D3C7E; padding:50px 0px 50px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .main-box5 {background-color:#222222; border:1px solid #222222; padding:20px 20px 20px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .main-box1 i , .main-box2 i , .main-box3 i , .main-box4 i {color:#ffffff; font-size:48px; } .main-box1 span, .main-box2 span, .main-box3 span, .main-box4 span {display:block; padding-top:20px; } .call-md-1{display:none } .call-md-2{-webkit-box-flex:0;-ms-flex:0 0 1070%;flex:0 0 100%;max-width:100%; padding: 5px 5px 5px 5px; border-top:0px solid #575757; text-align:left;} .call-md-1 i {font-size:6rem; } .main-notice-1{font-size:1.5rem; -webkit-box-flex:0;-ms-flex:0 0 5%;flex:0 0 5%; max-width:5%; padding: 0px 5px 15px 0px; border-top:0px solid #FD6F25; color:#FFCD4A;} .main-notice-2{-webkit-box-flex:0;-ms-flex:0 0 95%;flex:0 0 95%;max-width:95%; padding: 0px 5px 15px 10px; border-top:0px solid #575757;text-align:left;} } @media (min-width: 768px) and (max-width:1198px){ .c_box { background-color:#FFFFFF; border:1px solid #E6E6E6; padding:20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .c_box-md-1{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; text-align:left;} .c_box-md-2{-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%;padding: 0px 10px 0px 0px; } .c_box-md-3{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;padding:10px;} .c_box-md-3 .icon::before { content: "\f017"; color:#F3B500; font-family: "Font Awesome 6 Free"; font-size:13px; font-weight: 400; margin-right: 10px;} .c_box-md-3 .icon0::before { content: "\f041"; color:#F3B500; font-family: "Font Awesome 6 Free"; font-size:13px; font-weight: 400; margin-right: 10px;} .c_box-md-3 .icon1::before { content: "\f005"; color:#F3B500; font-family: "Font Awesome 6 Free"; font-size:13px; font-weight: 400; margin-right: 10px;} .c_box-md-3 .icon2::before { content: "·"; color:#F3B500; font-family: "Font Awesome 6 Free"; font-size:12px; font-weight: 900; padding-left:5px; margin-right: 10px;} .c_box-program-3{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding:10px;} .c_box-program-2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding:10px;} .c_box-pg-1{-webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; text-align:center; padding: 0px;} .c_box-pg-2{-webkit-box-flex:0;-ms-flex:0 0 85%;flex:0 0 85%;max-width:85%;padding: 0px 0px 0px 5px; } .board_title-md-1{-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%; padding: 15px 0px 15px 0px; border-top:1px solid #AAAAAA; border-bottom:1px solid #f4f4f4; } .board_title-md-2{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 15px 0px 15px 0px; border-top:1px solid #AAAAAA; border-bottom:1px solid #f4f4f4; text-align:right;} .pg_title-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 15px 0px 15px 0px; border-bottom:1px solid #A27DB0; } .pg1_title-md-1{ text-align:left; -webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%;padding:20px 0px 20px 50px; border-right:0px solid #ECECEC; border-bottom:1px solid #ECECEC;letter-spacing: 0.05em;} .pg1_title-md-2{ text-align:left; -webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%;padding:20px 0px 20px 10px; border-bottom:1px solid #ECECEC;} .icon2::before { content: "·"; color:#F5532D; font-family: "Font Awesome 6 Free"; font-size:18px; font-weight: 900; padding-left:5px; margin-right: 10px;} .c_box2 {opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; border:1px solid #E6E6E6; background-color:#FFFFFF; padding:20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .c_box2:hover { transform: translateY(-15px); opacity:1; filter: blur(0px);background-color:#FFFFED; border:1px solid #E6E6E6; padding:20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .c_box2 img {object-fit: cover; width: 100%; height:200px; } .c_box3 {opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; border:1px solid #E6E6E6; background-color:#FFFFFF; padding:20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .c_box3-3 {-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;padding:10px;} .c_box3-3 .icon::before { content: "\f017"; color:#804D92; font-family: "Font Awesome 6 Free"; font-size:15px; font-weight: 600; margin-right: 10px;} .c_box3-3 .icon0::before { content: "\f3c5"; color:#804D92; font-family: "Font Awesome 6 Free"; font-size:15px; font-weight: 600; padding-left:3px; margin-right: 10px;} .c_box3-3 .icon1::before { content: "·"; color:#804D92; font-family: "Font Awesome 6 Free"; font-size:18px; font-weight: 900; padding-left:8px; margin-right: 10px;} .p_box {position:relative; border:1px solid #E6E6E6; background-color:#FFFFFF; padding:15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .p_box:hover {position:relative; border:1px solid #9B63AF; transition: 0.3s ease-out;box-shadow:3px 3px 20px rgba(0,0,0,0.1); background-color:#FFFFFF; padding:15px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .p_box img {object-fit: cover; width: 100%; height:200px; } /**************************** 전체일정**********************************/ .c_table-md-1 {-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;padding: 20px 0px 20px 0px; background-color:#FAFAFA; border-top:1px solid #804D92; border-bottom:1px solid #ECECEC; text-align:center; border-left:1px solid #ECECEC;} .c_table-md-2 {-webkit-box-flex:0;-ms-flex:0 0 26.66666%;flex:0 0 26.66666%;max-width:26.66666%;padding: 20px 0px 20px 0px; background-color:#FAFAFA; border-top:1px solid #804D92; border-bottom:1px solid #ECECEC; border-left:1px solid #ECECEC; text-align:center; } .c_table-md-3 {-webkit-box-flex:0;-ms-flex:0 0 26.66666%;flex:0 0 26.66666%;max-width:26.66666%;padding: 20px 0px 20px 0px; background-color:#FAFAFA; border-top:1px solid #804D92; border-bottom:1px solid #ECECEC; border-left:1px solid #ECECEC; text-align:center; } .c_table-md-4 {-webkit-box-flex:0;-ms-flex:0 0 26.66666%;flex:0 0 26.66666%;max-width:26.66666%;padding: 20px 0px 20px 0px; background-color:#FAFAFA; border-top:1px solid #804D92; border-bottom:1px solid #ECECEC; border-left:1px solid #ECECEC; text-align:center; border-right:1px solid #ECECEC;} .c_table-md-11 {display: flex; justify-content: center; align-items: center;-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;padding: 20px 0px 20px 0px; background-color:#FFFFFF; border-left:1px solid #ECECEC; border-bottom:1px solid #CACACA; text-align:center; } .c_table-md-12 {-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%;padding: 0px 0px 0px 0px; background-color:#FFFFFF; border-bottom:1px solid #CACACA; border-left:1px solid #ECECEC; text-align:center;border-right:1px solid #ECECEC; } .c_table-md-13 {display: flex; justify-content: center; align-items: center;-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%;padding: 15px 10px 15px 10px; border-right:1px solid #ECECEC; } .c_table-md-13-1 {-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%;padding: 15px 10px 15px 10px; border-right:1px solid #ECECEC; } .c_table-md-13-1 span{display:block;font-weight:300; line-height: 200%; } .c_table-md-13-2 {-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%;padding: 15px 10px 15px 10px; border-right:1px solid #ECECEC; } .stable .icon::before { content: "\f017"; color:#595959; font-family: "Font Awesome 6 Free"; font-size:13px; font-weight: 300; margin-right: 10px;} .stable .icon0::before { content: "\f005"; color:#595959; font-family: "Font Awesome 6 Free"; font-size:13px; font-weight: 600; margin-right: 10px;} .stable .icon1::before { content: "\f601"; color:#595959; font-family: "Font Awesome 6 Free"; font-size:13px; font-weight: 600; margin-right: 10px;} .stable .icon2::before { content: "·"; color:#595959; font-family: "Font Awesome 6 Free"; font-size:12px; font-weight: 900; padding-left:5px; margin-right: 10px;} .stable ul:last-child {border-bottom:0px solid #ECECEC; } .stable ul li:last-child {border-right:0px solid #ECECEC; } .stable ul {border-bottom:1px solid #ECECEC; } /**************************** 전체일정**********************************/ .history-md-1{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 15px 0px 15px 0px; border-top:2px solid #804D92; } .history-md-2{-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%; padding: 15px 0px 15px 10px; border-top:2px solid #cccccc;} .history-md-3{-webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; padding: 15px 0px 15px 20px; border-bottom:1px solid #F3F3F3; } .history-md-4{-webkit-box-flex:0;-ms-flex:0 0 85%;flex:0 0 85%;max-width:85%; padding: 15px 0px 15px 0px; border-bottom:1px solid #F3F3F3;} .map-md-1{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; padding: 15px 0px 15px 0px; border-top:0px solid #FD6F25; } .map-md-2{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%; padding: 15px 0px 15px 10px; border-top:0px solid #575757;} .festa-md-1{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; padding: 15px 0px 15px 0px; border-top:0px solid #FD6F25; } .festa-md-2{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%; padding: 0px 0px 15px 50px; border-top:0px solid #575757;} .festa-md-3{display: flex; align-items: center;-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 22px 0px 15px 20px; border-bottom:1px solid #E0E0E0; } .festa-md-4{-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%; padding: 25px 0px 22px 0px; border-bottom:1px solid #E0E0E0;} .festa-md-6{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 22px 0px 22px 20px; border-bottom:1px solid #454545;} .festa-md-11{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 10px 0px 0px; border-top:0px solid #FD6F25; } .festa-md-12{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 5px 0px 5px; border-top:0px solid #575757;} .festa-md-13{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 0px 0px 10px; border-top:0px solid #575757} .festa-md-14{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 10px 0px 0px; border-top:0px solid #FD6F25; text-align: center; } .festa-md-15{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 5px 0px 5px; border-top:0px solid #575757; text-align: center;} .festa-md-16{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 0px 0px 10px; border-top:0px solid #575757; text-align: center;} .festa_box { background-color:#FFFFFF; border:1px solid #E6E6E6; padding:20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} .festa_box span{display:block; padding: 10px 0px 10px 0px; border-bottom:1px solid #f3f3f3;} .festa_box span:first-child{display:block; padding: 10px 0px 10px 0px; border-bottom:1px solid #C7C7C7;} .festa_box span:last-child{display:block; padding: 10px 0px 10px 0px; border-bottom:0px solid #C7C7C7;} .festa_box p {padding: 5px 0px 10px 0px; font-size:15px;} .bi-md-1{-webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; padding: 15px 0px 15px 0px; border-top:0px solid #FD6F25; } .bi-md-2{-webkit-box-flex:0;-ms-flex:0 0 85%;flex:0 0 85%;max-width:85%; padding: 15px 0px 15px 100px; border-top:0px solid #575757;} .bi-md-4{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%; padding: 10px; border-top:0px solid #FD6F25; } .bi_box { background-color:#FFFFFF; border:1px solid #E6E6E6; padding:20px; } .festa-map-1{-webkit-box-flex:0;-ms-flex:0 0 60%;flex:0 0 60%;max-width:60%; padding: 15px 0px 15px 0px; border-top:0px solid #FD6F25; } .festa-map-2{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%; padding: 30px 0px 15px 100px; border-top:0px solid #575757;} .festa-map-2 li {font-size:18px; padding: 3px 0px 3px 0px; } .festa-map-2 li .dot::before { content: "■"; font-family: "Font Awesome 6 Free"; font-size:18px; font-weight: 600; padding-left:5px; margin-right: 10px;} .festa-map-2 li .dot1::before { content: "●"; font-family: "Font Awesome 6 Free"; font-size:18px; font-weight: 600; padding-left:5px; margin-right: 10px;} .bus-md-1{display:none} .bus-md-2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 30px 0px 15px 0px; border-top:0px solid #575757;} .bus-md-1 img{width:100%; max-width:400px;} .bus-md-2 span{margin: 0px 0px 10px 0px; display:block;} .bus-md-2 span i{ padding: 0px 10px 0px 10px; } .bus-box {background-color:#FFFEED; border:1px solid #E6E6E6; padding:20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .bus-box1 {background-color:#FFFFFF; border:1px solid #E6E6E6; padding:20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .bus-box2 {opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; border:1px solid #E6E6E6; background-color:#FFFFFF; padding:10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .main-md-1{-webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; padding: 15px 5px 15px 0px; border-top:0px solid #FD6F25; } .main-md-2{-webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; padding: 15px 5px 15px 5px; border-top:0px solid #575757;} .main-md-3{-webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; padding: 15px 5px 15px 5px; border-top:0px solid #575757;} .main-md-4{-webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; padding: 15px 5px 15px 5px; border-top:0px solid #575757;} .main-md-5{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%; padding: 15px 0px 15px 5px; border-top:0px solid #575757;} .main-pg-1 {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 20px 10px 0px 0px;} .main-pg-2 {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 20px 0px 0px 10px;} .main-pg-3 {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 20px 10px 0px 0px;} .main-pg-4 {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding: 20px 0px 0px 10px;} .main-box1 {opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; cursor:pointer; background-color:#CCB7D3; border:1px solid #CCB7D3; padding:50px 0px 50px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .main-box1:hover { transform: translateY(-30px); background-color:#6D3C7E; border:1px solid #6D3C7E; padding:50px 0px 50px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow:3px 3px 20px rgba(0,0,0,0.1); } .main-box2 {opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; cursor:pointer; background-color:#BDA2C6; border:1px solid #BDA2C6; padding:50px 0px 50px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .main-box2:hover {transform: translateY(-30px); background-color:#6D3C7E; border:1px solid #6D3C7E; padding:50px 0px 50px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .main-box3 {opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; cursor:pointer; background-color:#A27DB0; border:1px solid #A27DB0; padding:50px 0px 50px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .main-box3:hover {transform: translateY(-30px); background-color:#6D3C7E; border:1px solid #6D3C7E; padding:50px 0px 50px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .main-box4 {opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; cursor:pointer; background-color:#804D92; border:1px solid #804D92; padding:50px 0px 50px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .main-box4:hover {transform: translateY(-30px); background-color:#6D3C7E; border:1px solid #6D3C7E; padding:50px 0px 50px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .main-box5 {background-color:#222222; border:1px solid #222222; padding:20px 20px 20px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .main-box1 i , .main-box2 i , .main-box3 i , .main-box4 i {color:#ffffff; font-size:48px; } .main-box1 span, .main-box2 span, .main-box3 span, .main-box4 span {display:block; padding-top:20px; } .call-md-1{display:none } .call-md-2{-webkit-box-flex:0;-ms-flex:0 0 1070%;flex:0 0 100%;max-width:100%; padding: 5px 5px 5px 5px; border-top:0px solid #575757; text-align:left;} .call-md-1 i {font-size:6rem; } .main-notice-1{font-size:1.5rem; -webkit-box-flex:0;-ms-flex:0 0 5%;flex:0 0 5%; max-width:5%; padding: 0px 5px 15px 0px; border-top:0px solid #FD6F25; color:#FFCD4A;} .main-notice-2{-webkit-box-flex:0;-ms-flex:0 0 95%;flex:0 0 95%;max-width:95%; padding: 0px 5px 15px 10px; border-top:0px solid #575757;text-align:left;} } @media (min-width:1198px){ .c_box { background-color:#FFFFFF; border:1px solid #E6E6E6; padding:20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .c_box-md-1{-webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; text-align:left;} .c_box-md-2{-webkit-box-flex:0;-ms-flex:0 0 85%;flex:0 0 85%;max-width:85%;padding: 0px 10px 0px 0px; } .c_box-md-3{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;padding:10px;} .c_box-md-3 .icon::before { content: "\f017"; color:#804D92; font-family: "Font Awesome 6 Free"; font-size:13px; font-weight: 600; margin-right: 10px;} .c_box-md-3 .icon0::before { content: "\f601"; color:#804D92; font-family: "Font Awesome 6 Free"; font-size:15px; font-weight: 600; margin-right: 10px;} .c_box-md-3 .icon1::before { content: "·"; color:#804D92; font-family: "Font Awesome 6 Free"; font-size:18px; font-weight: 900; padding-left:4px; margin-right: 10px;} .c_box-md-3 .icon3::before { content: "·"; color:#FB4551; font-family: "Font Awesome 6 Free"; font-size:15px; font-weight: 900; padding-left:5px; margin-right: 10px;} .c_box-md-3 .br{padding: 2px 0px 2px 0px;} .c_box-program-3{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;padding:10px; } .c_box-program-2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding:10px; } .c_box-pg-1{-webkit-box-flex:0;-ms-flex:0 0 10%;flex:0 0 10%;max-width:10%; padding: 0px;} .c_box-pg-2{-webkit-box-flex:0;-ms-flex:0 0 90%;flex:0 0 90%;max-width:90%;padding: 0px 0px 0px 5px; } .c_box2 {position:relative; border:1px solid #E6E6E6; background-color:#FFFFFF; padding:15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .c_box2:hover {position:relative; border:1px solid #9B63AF; transition: 0.3s ease-out;box-shadow:3px 3px 20px rgba(0,0,0,0.1); background-color:#FFFFFF; padding:15px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .c_box2 img {object-fit: cover; width: 100%; height:300px; } .p_box {position:relative; border:1px solid #E6E6E6; background-color:#FFFFFF; padding:15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .p_box:hover {position:relative; border:1px solid #9B63AF; transition: 0.3s ease-out;box-shadow:3px 3px 20px rgba(0,0,0,0.1); background-color:#FFFFFF; padding:15px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .p_box img {object-fit: cover; width: 100%; height:250px; } .c_box3 {position:relative; border:1px solid #E6E6E6; background-color:#FFFFFF; padding:15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .c_box3:hover { position:relative; border:1px solid #9B63AF; transition: 0.3s ease-out;box-shadow:3px 3px 20px rgba(0,0,0,0.1); background-color:#FFFFFF; padding:15px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .c_box3-3 {-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;padding:10px; } .c_box3-3 .icon::before { content: "\f017"; color:#8A8A8A; font-family: "Font Awesome 6 Free"; font-size:12px; font-weight: 600; margin-right: 10px; line-height: 180%;} .c_box3-3 .icon0::before { content: "\f601"; color:#8A8A8A; font-family: "Font Awesome 6 Free"; font-size:12px; font-weight: 600; margin-right: 10px; line-height: 180%;} .c_box3-3 .icon1::before { content: "·"; color:#8A8A8A; font-family: "Font Awesome 6 Free"; font-size:12px; font-weight: 900; padding-left:5px; margin-right: 10px; line-height: 180%;} .c2_box-md-1{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 10px; background-color:#575757; color:#fff; border-right:1px solid #DFDFDF; text-align:center;} .c2_box-md-2{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 10px; background-color:#575757; color:#fff; border-right:1px solid #DFDFDF; text-align:center;} .c2_box-md-3{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 10px; background-color:#575757; color:#fff; border-right:1px solid #DFDFDF; text-align:center;} .c2_box-md-4{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%; padding: 10px; background-color:#575757; color:#fff; border:0px solid #F4BF23; text-align:center;} .c3_box-md-1{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 10px; background-color:#FFFFFF; color:#595959; border-right:1px solid #DFDFDF; text-align:center;} .c3_box-md-2{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 10px; background-color:#FFFFFF; color:#595959; border-right:1px solid #DFDFDF; text-align:center;} .c3_box-md-3{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 10px; background-color:#FFFFFF; color:#595959; border-right:1px solid #DFDFDF; text-align:center;} .c3_box-md-4{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%; padding: 10px; background-color:#FFFFFF; color:#595959; border:0px solid #F4BF23; text-align:center;} .board_title-md-1{-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%; padding: 15px 0px 15px 0px; border-top:1px solid #AAAAAA; border-bottom:1px solid #f4f4f4; } .board_title-md-2{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 15px 0px 15px 0px; border-top:1px solid #AAAAAA; border-bottom:1px solid #f4f4f4; text-align:right;} .pg_title-md-1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 15px 0px 15px 0px; border-bottom:1px solid #A27DB0; } .pg1_title-md-1{ text-align:left; -webkit-box-flex:0;-ms-flex:0 0 10%;flex:0 0 10%;max-width:10%;padding:20px 0px 20px 50px; border-right:0px solid #ECECEC; border-bottom:1px solid #ECECEC;letter-spacing: 0.05em;} .pg1_title-md-2{ text-align:left; -webkit-box-flex:0;-ms-flex:0 0 90%;flex:0 0 90%;max-width:90%;padding:20px 0px 20px 10px; border-bottom:1px solid #ECECEC;} .icon2::before { content: "·"; color:#F5532D; font-family: "Font Awesome 6 Free"; font-size:18px; font-weight: 900; padding-left:5px; margin-right: 10px;} /**************************** 전체일정**********************************/ .c_table-md-1 {-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;padding: 20px 0px 20px 0px; background-color:#FAFAFA; border-top:1px solid #804D92; border-bottom:1px solid #ECECEC; text-align:center; border-left:1px solid #ECECEC;} .c_table-md-2 {-webkit-box-flex:0;-ms-flex:0 0 26.66666%;flex:0 0 26.66666%;max-width:26.66666%;padding: 20px 0px 20px 0px; background-color:#FAFAFA; border-top:1px solid #804D92; border-bottom:1px solid #ECECEC; border-left:0px solid #ECECEC; text-align:center; } .c_table-md-3 {-webkit-box-flex:0;-ms-flex:0 0 26.66666%;flex:0 0 26.66666%;max-width:26.66666%;padding: 20px 0px 20px 0px; background-color:#FAFAFA; border-top:1px solid #804D92; border-bottom:1px solid #ECECEC; border-left:0px solid #ECECEC; text-align:center; } .c_table-md-4 {-webkit-box-flex:0;-ms-flex:0 0 26.66666%;flex:0 0 26.66666%;max-width:26.66666%;padding: 20px 0px 20px 0px; background-color:#FAFAFA; border-top:1px solid #804D92; border-bottom:1px solid #ECECEC; border-left:1px solid #ECECEC; text-align:center; border-right:1px solid #ECECEC;} .c_table-md-11 {display: flex; justify-content: center; align-items: center;-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;padding: 20px 0px 20px 0px; background-color:#FFFFFF; border-left:1px solid #ECECEC; border-bottom:1px solid #CACACA; text-align:center; } .c_table-md-12 {-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%;padding: 0px 0px 0px 0px; background-color:#FFFFFF; border-bottom:1px solid #CACACA; border-left:1px solid #ECECEC; text-align:center;border-right:1px solid #ECECEC; } .c_table-md-13 {display: flex; justify-content: center; align-items: center;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 2%;max-width:20%;padding: 15px 10px 15px 10px; border-right:1px solid #ECECEC; } .c_table-md-13-1 {-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;padding: 15px 10px 15px 10px; border-right:1px solid #ECECEC; } .c_table-md-13-2 {-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;padding: 15px 10px 15px 10px; border-right:1px solid #ECECEC; } .c_table-md-13-2 span{display:block; line-height: 200%; } .c_table-md-13-3 {-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;padding: 15px 10px 15px 10px; border-right:1px solid #ECECEC; } .stable .icon::before { content: "\f017"; color:#595959; font-family: "Font Awesome 6 Free"; font-size:13px; font-weight: 300; margin-right: 10px;} .stable .icon0::before { content: "\f005"; color:#595959; font-family: "Font Awesome 6 Free"; font-size:13px; font-weight: 600; margin-right: 10px;} .stable .icon1::before { content: "\f601"; color:#595959; font-family: "Font Awesome 6 Free"; font-size:13px; font-weight: 600; margin-right: 10px;} .stable .icon2::before { content: "·"; color:#595959; font-family: "Font Awesome 6 Free"; font-size:12px; font-weight: 900; padding-left:5px; margin-right: 10px;} .stable ul:last-child {border-bottom:0px solid #ECECEC; } .stable ul li:last-child {border-right:0px solid #ECECEC; } .stable ul {border-bottom:1px solid #ECECEC; } /**************************** 전체일정**********************************/ .history-md-1{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; padding: 15px 0px 15px 0px; border-top:2px solid #804D92; } .history-md-2{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%; padding: 15px 0px 15px 30px; border-top:2px solid #CCCCCC;} .history-md-3{-webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; padding: 15px 0px 15px 20px; border-bottom:1px solid #F3F3F3; } .history-md-4{-webkit-box-flex:0;-ms-flex:0 0 85%;flex:0 0 85%;max-width:85%; padding: 15px 0px 15px 0px; border-bottom:1px solid #F3F3F3;} .map-md-1{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; padding: 15px 0px 15px 0px; border-top:0px solid #FD6F25; } .map-md-2{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%; padding: 15px 0px 15px 10px; border-top:0px solid #575757;} .festa-md-1{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; padding: 15px 0px 15px 0px; border-top:0px solid #FD6F25; } .festa-md-2{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%; padding: 0px 0px 15px 100px; border-top:0px solid #575757;} .festa-md-3{display: flex; align-items: center;-webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; padding: 22px 0px 15px 20px; border-bottom:1px solid #E0E0E0; } .festa-md-4{-webkit-box-flex:0;-ms-flex:0 0 85%;flex:0 0 85%;max-width:85%; padding: 25px 0px 22px 0px; border-bottom:1px solid #E0E0E0;} .festa-md-6{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding: 10px 0px 22px 20px; border-bottom:1px solid #454545;} .festa-md-11{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 10px 0px 0px; border-top:0px solid #FD6F25; } .festa-md-12{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 5px 0px 5px; border-top:0px solid #575757;} .festa-md-13{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 0px 0px 10px; border-top:0px solid #575757} .festa-md-14{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 10px 0px 0px; border-top:0px solid #FD6F25; text-align: center; } .festa-md-15{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 5px 0px 5px; border-top:0px solid #575757; text-align: center;} .festa-md-16{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; padding: 0px 0px 0px 10px; border-top:0px solid #575757; text-align: center;} .festa_box { background-color:#FFFFFF; border:1px solid #E6E6E6; padding:20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .festa_box:hover { position:relative; border:1px solid #FF9000; transition: 0.5s ease-out; box-shadow:3px 3px 20px rgba(0,0,0,0.1); background-color:#FFFFFF;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .festa_box span{display:block; padding: 10px 0px 10px 0px; border-bottom:1px solid #f3f3f3;} .festa_box span:first-child{display:block; padding: 0px 0px 10px 0px; border-bottom:1px solid #C7C7C7;} .festa_box span:last-child{display:block; padding: 10px 0px 10px 0px; border-bottom:0px solid #C7C7C7;} .festa_box p {padding: 5px 0px 10px 0px; font-size:15px;} .bi-md-1{-webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; padding: 15px 0px 15px 0px; border-top:0px solid #FD6F25; } .bi-md-2{-webkit-box-flex:0;-ms-flex:0 0 85%;flex:0 0 85%;max-width:85%; padding: 15px 0px 15px 100px; border-top:0px solid #575757;} .bi-md-4{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%; padding: 10px; border-top:0px solid #FD6F25; } .bi_box {background-color:#FFFFFF; border:1px solid #E6E6E6; padding:20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bi_box:hover { border:1px solid #FF9000; transition: 0.3s ease-out;box-shadow:3px 3px 20px rgba(0,0,0,0.1); background-color:#FFFFFF; padding:20px; } .festa-map-1{-webkit-box-flex:0;-ms-flex:0 0 60%;flex:0 0 60%;max-width:60%; padding: 15px 0px 15px 0px; border-top:0px solid #FD6F25; } .festa-map-2{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%; padding: 30px 0px 15px 100px; border-top:0px solid #575757;} .festa-map-2 li {font-size:20px; padding: 5px 0px 5px 0px; } .festa-map-2 li .dot::before { content: "■"; font-family: "Font Awesome 6 Free"; font-size:18px; font-weight: 600; padding-left:5px; margin-right: 10px;} .festa-map-2 li .dot1::before { content: "●"; font-family: "Font Awesome 6 Free"; font-size:18px; font-weight: 600; padding-left:5px; margin-right: 10px;} .bus-md-1{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding: 15px 0px 15px 0px; border-top:0px solid #FD6F25; } .bus-md-2{-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%; padding: 30px 0px 15px 0px; border-top:0px solid #575757;} .bus-md-1 img{width:100%; max-width:400px;} .bus-md-2 span{margin-right: 10px; display:inline-block;} .bus-md-2 span i{ padding: 0px 10px 0px 10px; } .bus-box {background-color:#FFFEED; border:1px solid #E6E6E6; padding:20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .bus-box1 {background-color:#FFFFFF; border:1px solid #E6E6E6; padding:20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .bus-box2 {position:relative; border:1px solid #E6E6E6; background-color:#FFFFFF; padding:15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px } .main-md-1{-webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; padding: 15px 5px 15px 0px; border-top:0px solid #FD6F25; } .main-md-2{-webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; padding: 15px 5px 15px 5px; border-top:0px solid #575757;} .main-md-3{-webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; padding: 15px 5px 15px 5px; border-top:0px solid #575757;} .main-md-4{-webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%; padding: 15px 5px 15px 5px; border-top:0px solid #575757;} .main-md-5{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%; padding: 15px 0px 15px 5px; border-top:0px solid #575757;} .main-pg-1 {-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%; padding: 0px 10px 0px 0px;} .main-pg-2 {-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%; padding: 0px 10px 0px 10px;} .main-pg-3 {-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%; padding: 0px 10px 0px 10px;} .main-pg-4 {-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%; padding: 0px 0px 0px 10px;} .main-box1 {opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; cursor:pointer; background-color:#CCB7D3; border:1px solid #CCB7D3; padding:50px 0px 50px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .main-box1:hover { transform: translateY(-30px); background-color:#6D3C7E; border:1px solid #6D3C7E;padding:50px 0px 50px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow:3px 3px 20px rgba(0,0,0,0.1); } .main-box2 {opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; cursor:pointer;background-color:#BDA2C6; border:1px solid #BDA2C6; padding:50px 0px 50px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .main-box2:hover {transform: translateY(-30px); background-color:#6D3C7E; border:1px solid #6D3C7E; padding:50px 0px 50px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .main-box3 {opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; cursor:pointer;background-color:#A27DB0; border:1px solid #A27DB0; padding:50px 0px 50px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .main-box3:hover {transform: translateY(-30px); background-color:#6D3C7E; border:1px solid #6D3C7E; padding:50px 0px 50px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .main-box4 {opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; cursor:pointer;background-color:#804D92; border:1px solid #804D92; padding:50px 0px 50px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .main-box4:hover {transform: translateY(-30px); background-color:#6D3C7E; border:1px solid #6D3C7E; padding:50px 0px 50px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .main-box5 {background-color:#222222; border:1px solid #222222; padding:20px 0px 20px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .main-box1 i , .main-box2 i , .main-box3 i , .main-box4 i {color:#ffffff; font-size:48px; } .main-box1 span, .main-box2 span, .main-box3 span, .main-box4 span {display:block; padding-top:20px; } .call-md-1{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; padding: 0px 5px 0px 0px; border-top:0px solid #FD6F25; } .call-md-2{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%; padding: 5px 5px 5px 5px; border-top:0px solid #575757; text-align:left;} .call-md-1 i {font-size:6rem; } .main-notice-1{font-size:1.5rem; -webkit-box-flex:0;-ms-flex:0 0 5%;flex:0 0 5%; max-width:5%; padding: 0px 5px 15px 0px; border-top:0px solid #FD6F25; color:#FFCD4A;} .main-notice-2{-webkit-box-flex:0;-ms-flex:0 0 95%;flex:0 0 95%;max-width:95%; padding: 0px 5px 15px 10px; border-top:0px solid #575757;text-align:left;} } /********************************** pc & mobile ***********************************************************************************/ @media (max-width:768px){ .pc {display:none;} .mblock {display: block;} .pblock {display:none;} .m_br{padding:20px;} .photo_img {object-fit: cover; width: 100%; height:200px; } .history_img {width:100%;} .p_btn{ color:#FFFFFF; background-color:#4D008E; border:0px solid #4D008E; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:5px 20px 5px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .p_btn:hover{color:#FCFF00; background-color:#E85004; cursor:pointer; border:0px solid #E85004;} .p1_btn{ color:#FFFFFF; background-color:#5CA400;border:0px solid #4D008E; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:5px 20px 5px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .s_title_box{color:#FFFFFF; background-color:#5CA400; border:1px solid #5CA400; display:inline-block; text-align:center; width:auto; padding:10px 20px 10px 20px; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; } .festa_title { display: table; text-align:center; width: 100%; } .festa_title .tt{ display: table-cell; text-align: center;} .festa_title .tt span{font-family: 'EliceDigitalBaeum'; font-size:30px; font-weight: 800;} .festa_title2 {font-family: 'EliceDigitalBaeum'; font-size:18px; font-weight: 400;} .n_btn{ color:#FFFFFF; background-color:#82AC00; display:inline-block; text-align:center; width:auto; padding:10px 10px 10px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .k_btn{ color:#FFFFFF; background-color:#FFC600; display:inline-block; text-align:center; width:auto; padding:10px 10px 10px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .b_btn{ color:#FFFFFF; background-color:#0F5FB8; display:inline-block; text-align:center; width:auto; padding:10px 10px 10px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .c_btn{ color:#FFFFFF; background-color:#E85004; display:inline-block; text-align:center; width:auto; padding:10px 10px 10px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .g_btn{ border:1px solid #DDDDDD; background-color:#F9F9F9; display:inline-block; text-align:center; width:auto; padding:10px 20px 10px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .t_btn{ color:#FFFFFF; background:rgba(0,0,0,0.5); display:inline-block; text-align:center; width:auto; padding:5px 20px 5px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .festa_line {border-bottom:1px solid #EFEFEF; background:rgba(0,0,0,0); padding:0px 0px 10px 0px;} .festa_line1 {border-top:1px solid #848484; background:rgba(0,0,0,0); padding:0px 0px 10px 0px;} .pd_l {padding:0px 0px 0px 10px;} .dot1::before { content: "·"; font-family: "Font Awesome 6 Free"; font-size:18px; font-weight: 900; padding-left:5px; margin-right: 10px;} .bus-dot::before { content: "\f192"; font-family: "Font Awesome 6 Free"; font-size:15px; color:#804D92; font-weight: 400; padding-left:0px; margin-right: 5px;} } @media (min-width: 768px) and (max-width:1198px){ .mobile {display:none;} .mblock {display:none;} .pblock {display:block;} .photo_img {object-fit: cover; width: 100%; height:200px; } .history_img {width:100%;max-width:800px; } .p_btn{ color:#FFFFFF; background-color:#4D008E; border:0px solid #4D008E; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:5px 20px 5px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .p_btn:hover{color:#FCFF00; background-color:#E85004; cursor:pointer; border:0px solid #E85004;} .p1_btn{ color:#FFFFFF; background-color:#5CA400; border:0px solid #4D008E; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:5px 20px 5px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .s_title_box{color:#FFFFFF; background-color:#5CA400; border:1px solid #5CA400; display:inline-block; text-align:center; width:auto; padding:10px 20px 10px 20px; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; } .festa_title { display: table; text-align:center; width: 100%; } .festa_title .tt{ display: table-cell; text-align: center;} .festa_title .tt span{font-family: 'EliceDigitalBaeum'; font-size:50px; font-weight: 800;} .festa_title2 {font-family: 'EliceDigitalBaeum'; font-size:20px; font-weight: 400;} .n_btn{ color:#FFFFFF; background-color:#82AC00; display:inline-block; text-align:center; width:auto; padding:10px 30px 10px 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .k_btn{ color:#FFFFFF; background-color:#FFC600; display:inline-block; text-align:center; width:auto; padding:10px 30px 10px 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .b_btn{ color:#FFFFFF; background-color:#0F5FB8; display:inline-block; text-align:center; width:auto; padding:10px 30px 10px 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .c_btn{ color:#FFFFFF; background-color:#E85004; display:inline-block; text-align:center; width:auto; padding:10px 30px 10px 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .g_btn{ border:1px solid #DDDDDD; background-color:#F9F9F9; display:inline-block; text-align:center; width:auto; padding:10px 20px 10px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .t_btn{ color:#FFFFFF; background:rgba(0,0,0,0.5); display:inline-block; text-align:center; width:auto; padding:5px 20px 5px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .festa_line {border-bottom:1px solid #EFEFEF; background:rgba(0,0,0,0); padding:0px 0px 10px 0px;} .festa_line1 {border-top:1px solid #848484; background:rgba(0,0,0,0); padding:0px 0px 10px 0px;} .pd_l {padding:0px 0px 0px 10px;} .dot1::before { content: "·"; font-family: "Font Awesome 6 Free"; font-size:18px; font-weight: 900; padding-left:5px; margin-right: 10px;} .bus-dot::before { content: "\f192"; font-family: "Font Awesome 6 Free"; font-size:15px; color:#804D92; font-weight: 400; padding-left:0px; margin-right: 5px;} } @media (min-width:1198px){ .mobile {display:none;} .mblock {display:none;} .pblock {display:block;} .photo_img {object-fit: cover; width: 100%; height:250px; } .history_img {width:100%; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} .p_btn{ color:#FFFFFF; background-color:#4D008E; border:0px solid #4D008E; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:5px 20px 5px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .p_btn:hover{color:#FCFF00; background-color:#E85004; cursor:pointer; border:0px solid #E85004;} .p1_btn{ color:#FFFFFF; background-color:#5CA400; border:0px solid #4D008E; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:10px 30px 10px 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .s_title_box{color:#FFFFFF; background-color:#5CA400; border:1px solid #5CA400; display:inline-block; text-align:center; width:auto; padding:10px 20px 10px 20px; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; } .festa_title { display: table; text-align:center; width: 100%; } .festa_title .tt{ display: table-cell; text-align: center;} .festa_title .tt span{font-family: 'EliceDigitalBaeum'; font-size:60px; font-weight: 800;} .festa_title2 {font-family: 'EliceDigitalBaeum'; font-size:26px; font-weight: 600;} .n_btn{ color:#FFFFFF; background-color:#82AC00; display:inline-block; text-align:center; width:auto; padding:10px 30px 10px 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .k_btn{ color:#FFFFFF; background-color:#FFC600; display:inline-block; text-align:center; width:auto; padding:10px 30px 10px 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .b_btn{ color:#FFFFFF; background-color:#0F5FB8; display:inline-block; text-align:center; width:auto; padding:10px 30px 10px 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .c_btn{ color:#FFFFFF; background-color:#E85004; display:inline-block; text-align:center; width:auto; padding:10px 30px 10px 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .g_btn{ border:1px solid #DDDDDD; background-color:#F9F9F9; display:inline-block; text-align:center; width:auto; padding:10px 20px 10px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .t_btn{ color:#FFFFFF; background:rgba(0,0,0,0.5); display:inline-block; text-align:center; width:auto; padding:5px 20px 5px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .festa_line {border-bottom:1px solid #EFEFEF; background:rgba(0,0,0,0); padding:0px 0px 10px 0px;} .festa_line1 {border-top:1px solid #848484; background:rgba(0,0,0,0); padding:0px 0px 10px 0px;} .pd_l {padding:0px 0px 0px 10px;} .dot1::before { content: "·"; font-family: "Font Awesome 6 Free"; font-size:18px; font-weight: 900; padding-left:5px; margin-right: 10px;} .bus-dot::before { content: "\f192"; font-family: "Font Awesome 6 Free"; font-size:15px; color:#804D92; font-weight: 400; padding-left:0px; margin-right: 5px;} } /********************************** bg ***********************************************************************************/ @media (max-width:768px){ .smenu-tab{width:100%; padding:0px 0px 0px 0px; margin-right:auto;margin-left:auto;} .s_tab1 {width:100%; margin-right:auto;margin-left:auto; background-image: linear-gradient(to top, #ffffff 50%, #FFFDF5 50%);} } @media (min-width: 768px) and (max-width:1198px){ .smenu-tab{width:100%; padding:0px 10px 0px 10px; margin-right:auto;margin-left:auto;} .s_tab1 {width:100%; margin-right:auto;margin-left:auto; background-image: linear-gradient(to top, #ffffff 50%, #FFFDF5 50%);} } @media (min-width:1198px){ .smenu-tab{width:1500px; margin-right:auto;margin-left:auto;} .s_tab1 {width:100%; margin-right:auto;margin-left:auto; background-image: linear-gradient(to top, #ffffff 50%, #FFFDF5 50%);} } /***************************************************************************** intro *************************************************************************/ @media (max-width:768px){ .in_title_logo{ position: absolute; z-index:2; top:10px; } .in_logo {width:300px;} .in_title_text { position: absolute; font-size:28px;z-index:2; top:130px; display:inline-block;} .in_title_text1{ position: absolute; font-size:18px; z-index:2;top:180; display:inline-block;} .in_title_text2{ position: absolute; font-size:15px; z-index:2; top:210;display:inline-block;} .i_text1 { font-size:30px; letter-spacing: -0.04em;} .i_text2 { font-size:28px; letter-spacing: -0.04em;} .i_text3 { font-size:24px; letter-spacing: -0.04em;} .i_text4 { font-size:15px; letter-spacing: -0.04em;} .i_text5 { font-size:15px; letter-spacing: -0.04em;} .i_text6 { font-size:13px; letter-spacing: -0.04em;} .i_clb2{display:none } .i_clb2 img{width:300px; } .i_clb3{display:none} .i_clb3 img{width:300px; } .i_block {display:block;} .i_box-md-2{ text-align:left; -webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding:20px 0px 20px 0px;} .i_box-md-2 .icon::before { content: "\f017"; color:#F3B500; font-family: "Font Awesome 6 Free"; font-size:13px; font-weight: 400; margin-right: 0px;} .i_box-md-2 .icon0::before { content: "\f041"; color:#F3B500; font-family: "Font Awesome 6 Free"; font-size:13px; font-weight: 400; margin-right: 0px;} .i_box-md-2 .icon1::before { content: "\f005"; color:#F3B500; font-family: "Font Awesome 6 Free"; font-size:13px; font-weight: 400; margin-right: 0px;} .i_box-md-2 .icon2::before { content: "·"; color:#F3B500; font-family: "Font Awesome 6 Free"; font-size:12px; font-weight: 900; padding-left:5px; margin-right: 5px;} .i_box2 { text-align:left; opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; border:1px solid #E6E6E6; background-color:#FFFFFF; padding:10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .i_box2 img {object-fit: cover; width: 100%; height:200px; } .i_box2 .i_title {padding: 5px 0px 15px 0px; border-bottom:0px solid #949494;} .i_box2 li {padding: 10px 0px 10px 0px; border-bottom:1px solid #ECECEC;} .i_box2 li:nth-last-child(1) { border-bottom:0px solid #DFDFDF;} .i_box2 li span{padding: 0px 10px 0px 0px;} .i_box2 li span::after{ content: ":"; color:#434343; font-family: "Font Awesome 6 Free"; font-size:18px; font-weight: 400; padding-left:5px; margin-right:-5px; } .i_box-md-pg1{ text-align:left; -webkit-box-flex:0;-ms-flex:0 0 22%;flex:0 0 22%;max-width:22%;padding:15px 0px 15px 0px; border-right:0px solid #ECECEC; border-bottom:1px solid #ECECEC;} .i_box-md-pg2{ text-align:left; -webkit-box-flex:0;-ms-flex:0 0 78%;flex:0 0 78%;max-width:78%;padding:15px 0px 15px 10px; border-bottom:1px solid #ECECEC;} .i_call1{ text-align:left; -webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%;} .i_call2{ text-align:right; -webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;padding-top:10px;} .i_btn{ color:#FFFFFF; background-color:#4D008E; border:1px solid #4D008E; font-size:18px; font-weight:600; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:15px 40px 15px 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; } .i_btn:hover{color:#FCFF00; background-color:#E85004; cursor:pointer; border:1px solid #E85004;} .c_cab{padding:20px 0px 20px 0px;} .m_cab{padding:5px;} } @media (min-width: 768px) and (max-width:1198px){ .in_title_logo{ position: absolute; z-index:2; top:10px; } .in_logo {width:300px;} .in_title_text { position: absolute; font-size:3.40rem; z-index:2; top:160px; display:inline-block;} .in_title_text1{ position: absolute; font-size:2.0rem; z-index:2;top:240; display:inline-block;} .in_title_text2{ position: absolute; font-size:1.5rem; z-index:2; top:290;display:inline-block;} .i_text1 { font-size:48px; letter-spacing: -0.04em;} .i_text2 { font-size:26px; letter-spacing: -0.04em;} .i_text3 { font-size:20px; letter-spacing: -0.04em;} .i_text4 { font-size:16px; letter-spacing: -0.04em;} .i_text5 { font-size:15px; letter-spacing: -0.04em;} .i_text6 { font-size:13px; letter-spacing: -0.04em;} .i_box-md-2{ text-align:left; -webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding:10px;} .i_box-md-2 .icon::before { content: "\f017"; color:#F3B500; font-family: "Font Awesome 6 Free"; font-size:13px; font-weight: 400; margin-right: 10px;} .i_box-md-2 .icon0::before { content: "\f041"; color:#F3B500; font-family: "Font Awesome 6 Free"; font-size:13px; font-weight: 400; margin-right: 10px;} .i_box-md-2 .icon1::before { content: "\f005"; color:#F3B500; font-family: "Font Awesome 6 Free"; font-size:13px; font-weight: 400; margin-right: 10px;} .i_box-md-2 .icon2::before { content: "·"; color:#F3B500; font-family: "Font Awesome 6 Free"; font-size:12px; font-weight: 900; padding-left:5px; margin-right: 10px;} .i_box-md-2 .icon3::before { content: ""; color:#F3B500; font-family: "Font Awesome 6 Free"; font-size:12px; font-weight: 900; padding-left:5px; margin-right: 12px;} .i_box2 { text-align:left; opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; border:1px solid #E6E6E6; background-color:#FFFFFF; padding:20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .i_box2:hover { transform: translateY(-15px); opacity:1; filter: blur(0px);background-color:#ffffff; border:1px solid #E85004; padding:20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .i_box2 img {object-fit: cover; width: 100%; height:200px; } .i_box2 .i_title {padding: 15px 0px 15px 0px; border-bottom:1px solid #949494;} .i_box2 li {padding: 10px 0px 10px 0px; border-bottom:1px solid #ECECEC;} .i_box2 li:nth-last-child(1) { border-bottom:0px solid #DFDFDF;} .i_box2 li span{padding: 0px 10px 0px 0px; } .i_box2 li span::after{ content: ":"; color:#434343; font-family: "Font Awesome 6 Free"; font-size:18px; font-weight: 400; padding-left:5px; margin-right:-5px; } .i_box2 li .icon3::after { content: ""; color:#F3B500; font-family: "Font Awesome 6 Free"; font-size:12px; font-weight: 900; padding-left:5px; margin-right: 12px;} .i_box-md-pg1{ text-align:left; -webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;padding:15px 0px 15px 0px; border-bottom:1px solid #ECECEC;} .i_box-md-pg2{ text-align:left; -webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;padding:15px 0px 15px 15px; border-bottom:1px solid #ECECEC;} .i_call1{ display:none;} .i_call2{ display:none;} .i_btn{ color:#FFFFFF; background-color:#4D008E; border:1px solid #4D008E; font-size:18px; font-weight:600; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:15px 40px 15px 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; } .i_btn:hover{color:#FCFF00; background-color:#E85004; cursor:pointer; border:1px solid #E85004;} .i_clb2{position:absolute; top:280px; left:10px; z-index:11; border:0px solid #000000; } .i_clb2 img{width:280px; } .i_clb3{position:absolute; top:280px; right:10px; z-index:11; border:0px solid #000000; } .i_clb3 img{width:280px; } .c_cab{padding:10px;} .i_block {display:none} } @media (min-width:1198px){ .in_title_logo{ position: absolute; z-index:2; top:10px; } .in_logo {width:300px;} .in_title_text { position: absolute; font-size:3.40rem; z-index:2; top:160px; display:inline-block;} .in_title_text1{ position: absolute; font-size:2.0rem; z-index:2;top:240; display:inline-block;} .in_title_text2{ position: absolute; font-size:1.5rem; z-index:2; top:290;display:inline-block;} .i_box-md-2{ text-align:left; -webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding:10px;} .i_box-md-2 .icon::before { content: "\f017"; color:#F3B500; font-family: "Font Awesome 6 Free"; font-size:13px; font-weight: 400; margin-right: 10px;} .i_box-md-2 .icon0::before { content: "\f041"; color:#F3B500; font-family: "Font Awesome 6 Free"; font-size:13px; font-weight: 400; margin-right: 10px;} .i_box-md-2 .icon1::before { content: "\f005"; color:#F3B500; font-family: "Font Awesome 6 Free"; font-size:13px; font-weight: 400; margin-right: 10px;} .i_box-md-2 .icon2::before { content: "·"; color:#F3B500; font-family: "Font Awesome 6 Free"; font-size:16px; font-weight: 900; padding-left:5px; margin-right: 10px;} .i_box-md-2 .icon3::before { content: ""; color:#F3B500; font-family: "Font Awesome 6 Free"; font-size:12px; font-weight: 900; padding-left:5px; margin-right: 12px;} .i_box2 { text-align:left; opacity:1; position:relative; transform:scale(1.0); transition:0.5s ease; border:1px solid #E6E6E6; background-color:#FFFFFF; padding:20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .i_box2:hover { transform: translateY(-15px); opacity:1; filter: blur(0px);background-color:#ffffff; border:1px solid #E85004; padding:20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .i_box2 img {object-fit: cover; width: 100%; height:300px; } .i_box2 .i_title {padding: 15px 0px 15px 0px; border-bottom:1px solid #949494;} .i_box2 li {padding: 10px 0px 10px 0px; border-bottom:1px solid #ECECEC;} .i_box2 li:nth-last-child(1) { border-bottom:0px solid #DFDFDF;} .i_box2 li span{padding: 0px 10px 0px 0px; } .i_box2 li span::after{ content: ":"; color:#434343; font-family: "Font Awesome 6 Free"; font-size:24px; font-weight: 400; padding-left:5px; margin-right:-5px; } .i_box2 li .icon3::after { content: ""; color:#F3B500; font-family: "Font Awesome 6 Free"; font-size:12px; font-weight: 900; padding-left:5px; margin-right: 12px;} .i_box-md-pg1{ text-align:left; -webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;padding:15px 0px 15px 0px; border-bottom:1px solid #ECECEC;} .i_box-md-pg2{ text-align:left; -webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%;padding:15px 0px 15px 0px; border-bottom:1px solid #ECECEC;} .i_call1{ display:none;} .i_call2{ display:none;} .i_text1 { font-size:48px; letter-spacing: -0.04em;} .i_text2 { font-size:36px; letter-spacing: -0.04em;} .i_text3 { font-size:24px; letter-spacing: -0.04em;} .i_text4 { font-size:17px; letter-spacing: -0.04em;} .i_text5 { font-size:15px; letter-spacing: -0.04em;} .i_text6 { font-size:13px; letter-spacing: -0.04em;} .i_btn{ color:#FFFFFF; background-color:#4D008E; border:1px solid #4D008E; font-size:18px; font-weight:600; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:15px 40px 15px 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; } .i_btn:hover{color:#FCFF00; background-color:#E85004; cursor:pointer; border:1px solid #E85004;} .i_clb2{position:absolute; top:280px; left:100px; z-index:11; border:0px solid #000000; } .i_clb2 img{width:400px; } .i_clb3{position:absolute; top:280px; right:100px; z-index:11; border:0px solid #000000; } .i_clb3 img{width:400px; } .c_cab{padding:50px;} .i_block {display:none} } .table { table-layout:fixed; width:100%; text-align:center; ;border-top:2px solid #595959;} .table td {background:#fff; border-right:1px solid #ECECEC; border-bottom:1px solid #ECECEC; padding:10px; } .table .bg, .table3 .bg {background:#FFFBE8; font-size:16px; font-family: 'SCoreDream';font-weight:400; } .table .bg2, .table3 .bg2 {background:#696969;font-size:15px; font-family: 'SCoreDream'; font-weight:600; color:#FFFFFF;} .table .bg3, .table3 .bg3 {background:#EBF4FF; font-size:16px; font-family: 'SCoreDream';font-weight:600;} .table .bg3-1, .table3 .bg3-1 {background:#FFFFFF;font-size:15px; font-family: 'SCoreDream'; font-weight:400; color:#656565;} .table .bg4, .table3 .bg4 {background:#FFEEEB; font-size:16px; font-family: 'SCoreDream'; font-weight:600;} .table .bg4-1, .table3 .bg4-1 {background:#FFFFFF; font-size:15px; font-family: 'SCoreDream'; font-weight:400; color:#656565;} .table th {width:120px;background:#EDBE00; border-right:1px solid #FFFFFF; padding:15px 10px 15px 10px;border-bottom:1px solid #FFFFFF; word-break:break-all} .table3 { table-layout:fixed; width:100%; text-align:center; ;border-top:2px solid #595959;} .table3 td {background:#fff; border-right:1px solid #ECECEC; border-bottom:1px solid #ECECEC; padding:5px; } .table3 th {width:120px;background:#EDBE00; border-right:1px solid #FFFFFF; padding:15px 10px 15px 10px;border-bottom:1px solid #FFFFFF; word-break:break-all} .table--min { min-width:800px;} .table--min2 { min-width:650px;} .table--min3 { min-width:1300px;} .table--min4 { min-width:1200px;} @media screen and (max-width:768px) { /*normal*/ .table-box { overflow-x:auto; } /*horizontal*/ .table--horizontal tr { position:relative; } .table--horizontal th { position:fixed; width:80px; } .table td {font-size:13px; padding:15px 2px 15px 2px; font-weight:600; } .table th {font-size:13px; padding:16px 2px 15px 2px; font-weight:800;} .table3 td {font-size:13px; padding:15px 2px 15px 2px; font-weight:600; } .table3 th {font-size:13px; padding:16px 2px 15px 2px; font-weight:800;} .table3 .bg {background:#FFFBE8; font-size:14px; font-family: 'SCoreDream';font-weight:400; } .table3 .bg2 {background:#696969;font-size:13px; font-family: 'SCoreDream'; font-weight:600; color:#FFFFFF;} .table3 .bg3 {background:#EBF4FF; font-size:14px; font-family: 'SCoreDream';font-weight:600;} .table3 .bg3-1 {background:#FFFFFF;font-size:13px; font-family: 'SCoreDream'; font-weight:400; color:#656565;} .table3 .bg4 {background:#FFEEEB; font-size:14px; font-family: 'SCoreDream'; font-weight:600;} .table3 .bg4-1 {background:#FFFFFF; font-size:13px; font-family: 'SCoreDream'; font-weight:400; color:#656565;} .table .bg {background:#FFFBE8; font-size:14px; font-family: 'SCoreDream';font-weight:400; } .table .bg2 {background:#696969;font-size:13px; font-family: 'SCoreDream'; font-weight:600; color:#FFFFFF;} .table .bg3 {background:#EBF4FF; font-size:14px; font-family: 'SCoreDream';font-weight:600;} .table .bg3-1 {background:#FFFFFF;font-size:13px; font-family: 'SCoreDream'; font-weight:400; color:#656565;} .table .bg4 {background:#FFEEEB; font-size:14px; font-family: 'SCoreDream'; font-weight:600;} .table .bg4-1 {background:#FFFFFF; font-size:13px; font-family: 'SCoreDream'; font-weight:400; color:#656565;} } /**********************************커뮤니티*************************************************************/ @media (max-width:768px){ .comm-btn{ color:#FFFFFF; background-color:#2F3D86; border:0px solid #66A4CD; text-align:center; padding:5px 20px 5px 20px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;margin:5px; font-size:1rem; font-weight:600;} .comm-btn1{ color:#FFFFFF; background-color:#BEBEBE; border:0px solid #B5B5B5; text-align:center; padding:5px 20px 5px 20px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;margin:5px; font-size:1rem; font-weight:600;} .comm-btn1:hover{ color:#FFFFFF; background-color:#2F3D86; border:0px solid #66A4CD; text-align:center; padding:5px 20px 5px 20px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;margin:5px; font-size:1rem; font-weight:600;} } @media (min-width: 768px) and (max-width:1198px){ .comm-btn{ color:#FFFFFF; background-color:#2F3D86; border:0px solid #66A4CD; text-align:center; padding:5px 30px 5px 30px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;margin:5px; font-size:1.2rem; font-weight:600;} .comm-btn1{ color:#FFFFFF; background-color:#BEBEBE; border:0px solid #B5B5B5; text-align:center; padding:5px 30px 5px 30px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;margin:5px; font-size:1.2rem; font-weight:600;} .comm-btn1:hover{ color:#FFFFFF; background-color:#2F3D86; border:0px solid #66A4CD; text-align:center; padding:5px 30px 5px 30px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;margin:5px; font-size:1.2rem; font-weight:600;} } @media (min-width:1198px){ .comm-btn{ color:#FFFFFF; background-color:#2F3D86; border:0px solid #66A4CD; text-align:center; padding:5px 30px 5px 30px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;margin:5px; font-size:1.2rem; font-weight:600;} .comm-btn1{ color:#FFFFFF; background-color:#BEBEBE; border:0px solid #B5B5B5; text-align:center; padding:5px 30px 5px 30px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;margin:5px; font-size:1.2rem; font-weight:600;} .comm-btn1:hover{ color:#FFFFFF; background-color:#2F3D86; border:0px solid #66A4CD; text-align:center; padding:5px 30px 5px 30px; cursor:pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;margin:5px; font-size:1.2rem; font-weight:600;} } /**********************************시티투어버스*************************************************************/ @media (max-width:768px){ .bus_box { background-color:#FEF200; border:0px solid #E6E6E6; padding:0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;} .bus_box2 {margin-right:auto;margin-left:auto; width:90%; background-color:#FFFFFF; border:0px solid #E6E6E6; padding:10px 10px 10px 10px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 20px;} .bus_title{ color:#FFFFFF; background-color:#4D008E; border:1px solid #4D008E; font-size:18px; font-weight:600; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:15px 40px 15px 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; } .bus_title .tt1 {color:#FFFFFF; font-size:0.8rem; font-weight:500;} .bus_title .tt2 {color:#FFF000; font-size:1.3rem; font-weight:600;} } @media (min-width: 768px) and (max-width:1198px){ .bus_box { background-color:#FEF200; border:0px solid #E6E6E6; padding:0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;} .bus_box2 {margin-right:auto;margin-left:auto; width:90%; background-color:#FFFFFF; border:0px solid #E6E6E6; padding:20px 30px 20px 30px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 20px;} .bus_title{ color:#FFFFFF; background-color:#4D008E; border:1px solid #4D008E; font-size:18px; font-weight:600; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:15px 40px 15px 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; } .bus_title .tt1 {color:#FFFFFF; font-size:1.4rem; font-weight:500;} .bus_title .tt2 {color:#FFF000; font-size:2rem; font-weight:600;} } @media (min-width:1198px){ .bus_box { background-color:#FEF200; border:0px solid #E6E6E6; padding:0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;} .bus_box2 {margin-right:auto;margin-left:auto; width:90%; background-color:#FFFFFF; border:0px solid #E6E6E6; padding:20px 30px 20px 30px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 20px;} .bus_title{ color:#FFFFFF; background-color:#4D008E; border:1px solid #4D008E; font-size:18px; font-weight:600; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:15px 40px 15px 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; } .bus_title .tt1 {color:#FFFFFF; font-size:1.4rem; font-weight:500;} .bus_title .tt2 {color:#FFF000; font-size:2rem; font-weight:600;} } @media (max-width: 768px) { .rwd-table { margin: 1em 0; width:100%;} .rwd-table tr { border-right: 1px solid #E8E8E8; border-top: 2px solid #6E6E6E; } .rwd-table th { display: none;} .rwd-table td { display: block;} .rwd-table tr td:first-child { padding:20px 0px 20px 0px; } .rwd-table td:last-child { padding-bottom:30px; } .rwd-table td:before { content: attr(data-th) " "; padding-right:10px; margin-left: 0px; font-weight: bold; width:auto; display: inline-block;} .rwd-table th, .rwd-table td {padding:10px 20px 10px 30px; text-align:left; } .rwd-table tr > td:first-child { text-align:left} .rwd-table { background: #FFFFFF; font-size:1rem; font-family: 'SCoreDream'; font-weight:400; color:#2E2E2E; overflow: hidden; } .rwd-table tr th { background: #f8f8f8; border-bottom:1px solid #E8E8E8; font-size:0.8rem; } .rwd-table th, .rwd-table td {border-bottom:1px solid #E8E8E8; border-left:1px solid #E8E8E8; } .rwd-table th:last-child, .rwd-table td:last-child { border-right:1px solid #E8E8E8; border-bottom:0px solid #E8E8E8; } .time_btn{margin-bottom:10px; width:80px; font-size:1rem; font-family: 'SCoreDream'; font-weight:800; color:#17254D; background-color:#FF9C00; border:0px solid #FF8400; padding:10px 15px 10px 15px; -moz-border-radius: 5px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow:2px 2px 10px rgba(0,0,0,0.1); } .time{font-size:1rem; font-family: 'SCoreDream'; font-weight:600; color:#ED008C} .rwd-table th, .rwd-table td:before { color: #2E2E2E; } } @media (min-width: 768px) { .rwd-table { margin: 1em 0; width:100%;} .rwd-table th, .rwd-table td { padding: 1em !important; } .rwd-table { background: #FFFFFF; font-size:1.2rem; font-family: 'SCoreDream'; font-weight:400; color:#2E2E2E overflow: hidden; } .rwd-table tr th { background: #f8f8f8; border-top:1px solid #E8E8E8; } .rwd-table th, .rwd-table td { border-bottom:1px solid #E8E8E8; border-left:1px solid #E8E8E8; } .rwd-table th:last-child, .rwd-table td:last-child { border-right:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8; } .rwd-table th, .rwd-table td {padding-left:20px; text-align:center} .rwd-table tr > td:first-child { text-align:left} .time_btn{display: inline-block; height: 60px;width: 60px; padding:15px; font-size:1.3rem; font-family: 'S-CoreDream'; font-weight:800; color:#17254D; background-color:#FF9C00; border:0px solid #FF8400; text-align:center; -moz-border-radius: 5px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow:2px 2px 10px rgba(0,0,0,0.1); margin-right:10px;} .time{font-size:1.3rem; font-family: 'SCoreDream'; font-weight:600; color:#2E2E2E} } .ss_btn{color:#ffffff; font-size:0.8rem; font-family: 'S-CoreDream'; font-weight:400; background-color:#8F4EA6; display:inline-block; text-align:center; padding:5px 10px 5px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-bottom:5px; } .ss_btn1{color:#ffffff;font-size:0.8rem; font-family: 'S-CoreDream'; font-weight:400; background-color:#62A539; display:inline-block; text-align:center; padding:5px 10px 5px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-bottom:5px; } .ss_btn2{color:#ffffff;font-size:0.8rem; font-family: 'S-CoreDream'; font-weight:400; background-color:#39A590; display:inline-block; text-align:center; padding:5px 10px 5px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-bottom:5px; } @media (max-width:768px){ #kcm_table {width:100%; overflow:auto; white-space:nowrap;} #kcm_table table {width:800px; border-collapse:collapse;} ::-webkit-scrollbar { width: 5px; height:5px;} ::-webkit-scrollbar-track { -webkit-box-shadow: inset 5px 5px 5px 5px rgba(220,220,220,0.5); -webkit-border-radius: 0px; border-radius:0px; } ::-webkit-scrollbar-thumb { -webkit-border-radius:0px; border-radius: 0px; background: rgba(0,0,0,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } ::-webkit-scrollbar-thumb:window-inactive { background: rgba(0,0,0,0.4); } } @media (min-width: 768px) and (max-width:1198px){ #kcm_table {width:100%;overflow:auto;} } @media (max-width:1198px){ #kcm_table {width:100%;overflow:auto;} } /**********************************Q&A*************************************************************/ @media (max-width:768px){ .col-md-faq1 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding:10px 10px 10px 10px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; border-bottom:0px solid #E5E5E5; background-color:#F6EEF8; box-shadow: 0px 10px 10px rgba(0,0,0,0.02); } .faq_11 {-webkit-box-flex:0;-ms-flex:0 0 10%;flex:0 0 10%;max-width:10%;padding: 0px 0px 0px 0px; } .faq_12 {-webkit-box-flex:0;-ms-flex:0 0 90%;flex:0 0 90%;max-width:90%;padding: 6px 0px 0px 10px; } .faq_box {padding: 20px; height:auto; background-color:#FBFBFB; -moz-border-radius:0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; } .search_box {padding: 20px; width:auto;display:inline-block; background-color:#A55595; -moz-border-radius:10px; -webkit-border-radius: 10px; border-radius: 10px; } .search_btn{ color:#804D92; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:10px 20px 10px 20px;background-color:#FFFFFF; border:1px solid #804D92; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius: 5px;} .search_field { border-radius:5px; height:50px; margin:0; padding:10px; border:0px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-size:20px; font-family: 'S-CoreDream'; font-weight: 500;} .faq_1 {-webkit-box-flex:0;-ms-flex:0 0 5%;flex:0 0 5%;max-width:5%;padding: 0px 0px 0px 0px; } .faq_2 {-webkit-box-flex:0;-ms-flex:0 0 95%;flex:0 0 95%;max-width:95%;padding: 0px 0px 0px 25px; } .faq_btn{ color:#FFFFFF; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:5px 10px 5px 10px;background-color:#804D92; border:1px solid #804D92; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius: 5px; } .faq_btn1{ color:#FFFFFF; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:5px 10px 5px 10px;background-color:#FFDE00; border:1px solid #FFDE00; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius: 5px;} } @media (min-width: 768px) and (max-width:1198px){ .col-md-faq1 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding:10px 10px 10px 10px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; border-bottom:0px solid #E5E5E5; background-color:#F6EEF8; box-shadow: 0px 10px 10px rgba(0,0,0,0.02); } .faq_11 {-webkit-box-flex:0;-ms-flex:0 0 5%;flex:0 0 5%;max-width:5%;padding: 0px 0px 0px 0px; } .faq_12 {-webkit-box-flex:0;-ms-flex:0 0 95%;flex:0 0 95%;max-width:95%;padding: 10px 0px 0px 20px; } .faq_box {padding: 20px 10px 100px 50px; background-color:#FBFBFB; -moz-border-radius:0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; } .search_box {padding: 20px; width:auto;display:inline-block; background-color:#A55595; -moz-border-radius:10px; -webkit-border-radius: 10px; border-radius: 10px; } .search_btn{ color:#804D92; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:10px 20px 10px 20px;background-color:#FFFFFF; border:1px solid #804D92; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius: 5px;} .search_field { border-radius:5px; height:50px; margin:0; padding:10px; border:0px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-size:20px; font-family: 'S-CoreDream'; font-weight: 500;} .faq_1 {-webkit-box-flex:0;-ms-flex:0 0 5%;flex:0 0 5%;max-width:5%;padding: 0px 0px 0px 0px; } .faq_2 {-webkit-box-flex:0;-ms-flex:0 0 95%;flex:0 0 95%;max-width:95%;padding: 0px 0px 0px 20px; } .faq_btn{ color:#FFFFFF; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:10px 20px 10px 20px;background-color:#804D92; border:1px solid #804D92; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius: 5px; margin-right:20px;} .faq_btn1{ color:#FFFFFF; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:10px 20px 10px 20px;background-color:#FFDE00; border:1px solid #FFDE00; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius: 5px; margin-right:20px;} } @media (min-width:1198px){ .col-md-faq1 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding:10px 10px 10px 10px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; border-bottom:0px solid #E5E5E5; background-color:#F6EEF8; box-shadow: 0px 10px 10px rgba(0,0,0,0.02); } .faq_11 {-webkit-box-flex:0;-ms-flex:0 0 5%;flex:0 0 5%;max-width:5%;padding: 0px 0px 0px 0px; } .faq_12 {-webkit-box-flex:0;-ms-flex:0 0 95%;flex:0 0 95%;max-width:95%;padding: 10px 0px 0px 0px; } .faq_box {padding: 20px 10px 100px 50px; background-color:#FBFBFB; -moz-border-radius:0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; } .search_box {padding: 20px; width:auto;display:inline-block; background-color:#A55595; -moz-border-radius:10px; -webkit-border-radius: 10px; border-radius: 10px; } .search_btn{ color:#804D92; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:10px 20px 10px 20px;background-color:#FFFFFF; border:1px solid #804D92; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius: 5px;} .search_field { border-radius:5px; height:50px; margin:0; padding:10px; border:0px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-size:20px; font-family: 'S-CoreDream'; font-weight: 500;} .faq_1 {-webkit-box-flex:0;-ms-flex:0 0 5%;flex:0 0 5%;max-width:5%;padding: 0px 0px 0px 0px; } .faq_2 {-webkit-box-flex:0;-ms-flex:0 0 95%;flex:0 0 95%;max-width:95%;padding: 10px 0px 0px 0px; } .faq_btn{ color:#FFFFFF; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:10px 20px 10px 20px;background-color:#804D92; border:1px solid #804D92; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius: 5px; margin-right:20px;} .faq_btn1{ color:#FFFFFF; display:inline-block; position: relative; text-align:center; /*position:fixed;*/ _position:absolute; width:auto; padding:10px 20px 10px 20px;background-color:#FFDE00; border:1px solid #FFDE00; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius: 5px; margin-right:20px;} }