@charset "utf-8";

body{overflow-x: hidden;}
body.n_scr{overflow-y: hidden;}
.hide{display:none !important;}
.visible{display:block !important;}
.t_bl{display:block;}
#wrap{height: 100%;}
.layout{max-width:1440px; margin:0 auto; box-sizing:border-box;}
.cnt_wrap{display: block; text-align: center;}
.rt_wrap{display: flex; justify-content: flex-end;}
.br_pc{display:block; font-size:inherit; color:inherit; line-height:inherit;}
.fc_red{color:#ff2c2c !important;}
.fc_blue{color:#4f68ff !important;}
.fc_gray{color:#a2a2a2 !important;}
.pt0{padding-top:0 !important;}
.mb70{margin-bottom:70px !important;}
.w200{width:200px !important;}
.w100p{width:100% !important; max-width:100% !important;}
.w110mx{max-width: 110px !important;}
.w290mx{max-width: 290px !important;}
.w600mx{max-width: 600px !important;}
.w640mx{max-width:640px !important;}
.w760mx{max-width:760px !important;}
select{-o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('/images/common/ico_sel_btm.png') no-repeat center right 20px / 14px auto; padding-right:40px;}
select::-ms-expand{display: none;}
.textarea_wrap{display: block; width: 100%; border: 1px solid #d7d7d7; border-radius: 15px; padding: 15px 14px 20px 15px; box-sizing: border-box;}
.textarea_wrap textarea{display: block; width: 100%; height:100%; border:none; line-height:1.5;}
input:read-only{background:#f6f6f6;}
img.ex{display:block; width:100%; max-width:1920px;}

footer .f_info .f_01 nav a,
footer .f_info .f_01 .f_addr p, 
footer .f_info .f_02 .family_site .tit,
footer .f_info .f_02 .link_box span.txt,
#main .sec .layout > .tit, 
#main .sec .layout > .t_sub,
#main .sec_02 .layout .btn_link, 
#main .sec_04 .layout .ul_tab li a, 
#main .sec_05 .layout .ul_tbl li .tag,
#main .sec_05 .layout .ul_tbl li a.link,
#main .sec_05 .layout .ul_tbl li .date,
#main .sec_05 .layout .slider_05_cover .slider_05 .slick-slide .txt,
#main .sec_05 .layout .slider_05_cover .slide_num{text-shadow: 0px 0px .5px rgba(0, 0, 0, .4);}

.banner_top{height:100px; background:#1e1b28;}
.banner_top img{display:block; height:100%; max-width:1440px; margin:0 auto; object-fit: none;}
header{padding-bottom:10px;}
header .layout{position:relative; z-index:30;}
header .inner_top{display:flex; justify-content:space-between; align-items:center; height:130px;}
header .inner_top a.logo{display:inline-block;}
header .inner_top a.logo img{display:block; width:127px; height:auto;}
header .inner_top .rt_area{display:flex; align-items:center;}
header .inner_top .rt_area a{display:inline-block; font-size:16px; color:#111; font-weight:700;}
header .inner_top .rt_area .li{line-height:45px; word-break: keep-all; padding:0 30px;}
header .inner_top .rt_area .li + .li{position:relative;}
header .inner_top .rt_area .li + .li::before{position:absolute; top:50%; left:0; transform:translateY(-50%); content:''; display:inline-block; width:1px; height:14px; background:#111;}
header .inner_top .rt_area .btn_lang{display:inline-block;}
header .inner_top .rt_area .btn_lang a{display: inline-flex; align-items: center; justify-content: center; height:42px; font-size:16px; color:#111; font-weight:700; word-break: keep-all; background:#fcfcfc; box-shadow: 0 1.5px .5px .5px rgba(0, 0, 0, .2); border-radius:22px; padding:0 34px;}
header .inner_top .rt_area .btn_lang a::before{content:''; display:inline-block; width:20px; height:20px; background:url('/images/common/ico_lang.png') no-repeat 0 / 20px auto; margin-right:5px;}
header .inner_top .rt_area .btn_lang a::after{content:''; display:inline-block; width:16px; height:10px; background:url('/images/common/arr_bk_btm.png') no-repeat 0 / 16px auto; margin-left:5px;}
header .inner_top .rt_area .btn_store{display:inline-block; height:45px; line-height:45px; font-size:16px; color:#fff; font-weight:700; word-break: keep-all; background:linear-gradient(90deg,rgba(118, 131, 217, 1) 0%, rgba(216, 160, 254, 1) 100%); box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,.6); border-radius:22px; padding:0 28px; margin-left:10px;}
header .menu_area{display:flex; justify-content: space-between; align-items: flex-start;}
header .menu_area .ul_menu{display:flex; justify-content: space-between; width: calc(100% - 120px); padding-right: 30px;}
header .menu_area .ul_menu li{text-align: center;}
header .menu_area .ul_menu li:nth-child(1){width: 17%; min-width: 180px; text-align: left;}
header .menu_area .ul_menu li:nth-child(2){width: 12%;}
header .menu_area .ul_menu li:nth-child(3){width: 15%;}
header .menu_area .ul_menu li:nth-child(4){width: 17%;}
header .menu_area .ul_menu li:nth-child(5){width: 12%;}
header .menu_area .ul_menu li:nth-child(6){width: 14%;}
header .menu_area .ul_menu li:nth-child(7){width: 13%;}
header .menu_area .ul_menu li a{display:inline-block; height:60px; line-height:50px; padding-bottom:10px; font-size:20px; color:#111; font-weight:700; white-space: nowrap; letter-spacing: -1px; border-bottom: 4px solid transparent; box-sizing: border-box;}
header .menu_area .ul_menu li.on a{border-bottom-color:#622189;}
header .menu_area .btn_search{display:inline-block; width:50px; height:50px; font-size:0; color:transparent; background:url('/images/common/ico_search.png') no-repeat center / 21px auto;}
header .menu_area .btn_menu{display:inline-block; width:50px; height:50px; font-size:0; color:transparent; background:url('/images/common/ico_menu.png') no-repeat center / 24px auto;}
header .menu_area div *:last-of-type{margin-right:-10px;}
header .hd_sub{display:none; position: absolute; z-index:20; top: 190px; overflow: hidden; width: 100%; height:180px; background: #fffafe; border-top: 1px solid #bcbabb;}
header .hd_sub .inner{position:relative; display: none; width: 100%; max-width: 1140px; height:100%; margin: 0 auto; border-left: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1; font-size: 0; box-sizing:border-box;}
header .hd_sub .inner .li{display: inline-block; width: 33.33%; height:100%; padding: 60px 40px; box-sizing: border-box; vertical-align:top;}
header .hd_sub .inner .li + .li{border-left:1px solid #c1c1c1;}
header .hd_sub .inner .li a{font-size: 20px; color: #111; font-weight: 700;}
header .hd_sub .inner .li a:hover{color: #612189; font-weight:800;}
header .hd_sub .inner.on{display: block;}
header .hd_sub.on{display:block;}
.main header .hd_sub, .main header .hd_dim{top:290px;}
header .hd_dim{display:none; position: fixed; z-index: 10; top: 190px; width: 100%; height: 100%; background: rgba(0, 0, 0, .4);}
header .hd_dim.on{display:block;}

footer{background:#f6f6f6; padding-top: 48px;}
footer .layout{font-size: 0; padding-bottom: 48px;}
footer .img_logo{display: inline-block; vertical-align: top; margin-right:40px; }
footer .img_logo img{display:block; width:180px; height:auto;}
footer .f_info{position: relative; display: inline-flex; justify-content: space-between; align-items: flex-start; width: calc(100% - 220px);}
footer .f_info .f_01 nav{margin-bottom: 18px;}
footer .f_info .f_01 nav a{font-size:16px; color:#121212; font-weight:700; line-height:1.6; margin-right:25px;}
footer .f_info .f_01 nav a + a{position:relative; margin-left:25px;}
footer .f_info .f_01 nav a + a::before{position:absolute; top:50%; left:-25px; transform:translateY(-50%); content:''; display:inline-block; width:1px; height:14px; background:#121212;}
footer .f_info .f_01 nav a.fc_pink{color:#ff0064;}
footer .f_info .f_01 .f_addr{font-size: 16px; color: #121212; font-weight: 300; line-height: 1.8;}
footer .f_info .f_02 .family_site{position:relative; width: 260px;}
footer .f_info .f_02 .family_site::after{position:absolute; top:5px; right:0; content:''; display:inline-block; width:14px; height:8px; background:url('/images/common/arr_bk_btm_02.png') no-repeat 0 / 14px auto;}
footer .f_info .f_02 .family_site.on::after{transform:rotate(180deg);} /* FAMILY SITE 클릭 시 우측 화살표 방향 */
footer .f_info .f_02 .family_site .tit{display: block; width: 100%; font-size: 16px; color: #121212; font-weight: 700; padding-bottom: 10px; border-bottom: 2px solid #121212;}
footer .f_info .f_02 .link_box{position: absolute; bottom: 0; right: 0; white-space: nowrap;}
footer .f_info .f_02 .link_box span{vertical-align: middle;}
footer .f_info .f_02 .link_box span.txt{display: inline-block; font-size: 16px; color: #121212; font-weight: 700; line-height: 1.6; text-align: right; margin-right:10px;}
.banner_btm{position:relative; height:100px;}
.banner_btm img{display:block; height: 100%; min-width: 1440px; object-fit: cover; margin:0 auto;}
.banner_btm .btn_link{position:absolute; top: 28px; left: 50%; transform: translateX(166px); font-size:0; color:transparent; width: 160px; height: 44px;}

.sub_banner{position: relative; height: 260px; background: #9254d8;}
.sub_banner img.bg{display: block; height: 100%; object-fit: cover; margin: 0 auto;}
.sub_banner .txt_area{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:100%; text-align: center;}
.sub_banner .txt_area .tit{display: block; font-size: 45px; color: #fff; font-weight: 900; text-align: center;}
.sub_banner .txt_area .sub{display: block; font-size: 0; text-align: center; margin-top:10px;}
.sub_banner .txt_area .sub span{display: inline-block; font-size: 18px; color: #fff; font-weight: 700;}
.sub_banner .txt_area .sub span ~ span::before{content:'>'; display:inline-block; font-size:inherit; color:inherit; font-weight:700; vertical-align:middle; padding:0 10px;}
.sub_banner .txt_area .sub span.cur{font-weight: 900;}
.sub_banner .txt_area .text{display: block; font-size: 20px; color: #fff; font-weight: 700; line-height: 1.7; margin-top: 20px;}
.sub_banner::before, .sub_banner::after{position:absolute; content:''; display:inline-block; width:132px; height:194px; background:url('/images/contents/img_music_note.png') no-repeat 0 / 100% auto;}
.sub_banner::before{top: -7px; left: 50%; transform: translateX(-483px) rotate(-22deg);}
.sub_banner::after{bottom: -18px; right: 50%; transform: translateX(460px);}

.top_area{text-align: center; padding-top: 80px;}
.top_area .sel{width: 15%; min-width: 130px; height: 50px; line-height: 50px; border-radius: 25px; font-size: 20px; color: #111; font-weight: 700; background: #fcfcfc url('/images/common/arr_bk_btm.png') no-repeat center right 30px / 16px auto; box-shadow: inset 0px -1.5px 1.5px .2px rgba(0, 0, 0, .25); vertical-align: middle; padding-left: 35px; padding-right: 50px; margin-right: 20px;}
.top_area .search_box{display: inline-block; width: 55%; min-width: 120px; height: 50px; line-height: 50px; font-size: 0; border-radius: 25px; background: #fcfcfc; box-shadow: inset 0px -1.5px 1.5px .2px rgba(0, 0, 0, .25); vertical-align: middle; padding-left: 30px; padding-right: 20px; box-sizing: border-box;}
.top_area .search_box input{width: calc(100% - 40px); height: inherit; font-size:20px; color:#111; vertical-align: middle;}
.top_area .search_box .btn_search{display: inline-block; width: 40px; height: inherit; font-size: 0; color: transparent; background: url('/images/common/ico_search.png') no-repeat 50% / 21px auto;    vertical-align: middle;}

.ul_tab.type_rd{display: flex; gap: 0 10px; justify-content: center; font-size: 0; text-align: center; margin-top: 20px;}
.ul_tab.type_rd li{display:inline-block; width: 100%; max-width: 250px;}
.ul_tab.type_rd li a{display: block; width:100%; height: 50px; line-height: 50px; font-size: 20px; color: #612189; font-weight: 800; background: #fcfcfc; box-shadow: inset 0px -1.5px 1.5px .2px rgba(0, 0, 0, .25); border-radius: 25px; padding: 0 35px; cursor:pointer;}
.ul_tab.type_rd li.on{color:#fff;}
.ul_tab.type_rd li.on a{color:#fff; background: #9254d8;}
.ul_tab.type_rd.active ~ .tab_view .inner{display:none;}
.ul_tab.type_rd.active ~ .tab_view .inner.on{display:block;}

.accor_wrap{margin-top: 100px;}
.accor_wrap ul li{position: relative; display: block; background: #f6f6f6; padding: 40px 50px; box-sizing: border-box;}
.accor_wrap ul li + li{margin-top:10px;}
.accor_wrap ul li .hd{display: flex; justify-content: space-between;}
.accor_wrap ul li .hd .lt{display: flex; align-items: flex-start; gap: 0 20px;}
.accor_wrap ul li .hd .lt .num, .accor_wrap ul li .lt .text{display: inline-block; min-width: 80px; height: 38px; line-height: 38px; border-radius: 19px; font-size: 25px; color: #5a5a5a; font-weight: 800; text-align: center; background: #dadada; padding: 0 20px; box-sizing: border-box; margin-right: 20px;}
.accor_wrap ul li .hd .lt .text{font-size:20px; padding:0 40px;}
.accor_wrap ul li .hd .lt .tit{display: inline-block; font-size: 25px; color: #111; font-weight: 800; padding-top:4px; cursor:pointer;}
.accor_wrap ul li .hd .rt{white-space: nowrap;}
.accor_wrap ul li .hd .rt .date{display: inline-block; font-size: 25px; color: #6b6b6b; font-weight: 700; vertical-align: middle;}
.accor_wrap ul li .hd .rt .btn_arr{display: inline-block; width: 40px; height: 40px; font-size: 0; color: transparent; vertical-align: middle; background:url('/images/common/arr_bk_btm_03.png') no-repeat 50% / 23px auto; margin-left: 50px;}
.accor_wrap ul li .inner{display:none; font-size: 20px; color: #111; font-weight: 700; line-height: 1.7; padding-top: 45px; margin-top:25px; border-top: 1px solid #3b3b3b;}
.accor_wrap ul li.on .lt .num, .accor_wrap ul li.on .lt .text{color: #fff; background: #9254d8;}
.accor_wrap ul li.on .rt .btn_arr{background-image:url('/images/common/arr_bk_tp_03.png');}

.comm_form input[type="text"]::placeholder, .comm_form input[type="password"]::placeholder, .comm_form input[type="submit"]::placeholder, .comm_form input[type="tel"]::placeholder, .comm_form input[type="number"]::placeholder, .comm_form input[type="email"]::placeholder, 
.comm_form select, .comm_form textarea::placeholder{font-size:inherit; color: #a2a2a2;}
.comm_form select option, .comm_form select.on{color:#111;}
.comm_form .layout{max-width: 1200px; padding-top: 100px; padding-bottom:100px;}
.comm_form .layout .title{display: block; font-size: 32px; color: #111; font-weight: 800; text-align: center; margin-bottom: 45px;}
.comm_form .layout .tit_sub{display: flex; justify-content: space-between; align-items: flex-end; font-size: 20px; color: #111; font-weight: 800; padding-left: 20px; margin-bottom: 20px;}
.comm_form .layout .tit_sub .rt{font-size: 14px; color: #111; font-weight: 400;}
.comm_form .layout .txt{display:block; font-size: 19px; color: #111; font-weight: 700; text-align: center; line-height: 1.7;}
.comm_form .layout .textarea_wrap{height: 250px;}
.comm_form .layout .info_top{font-size: 26px; color: #111; font-weight: 800; text-align: center; padding-top: 50px; padding-bottom: 50px; background:#f6e8ff url('/images/contents/bg_signup.jpg') no-repeat 50% / auto 100%; margin-bottom:55px;}
.comm_form .layout .fm_wrap{margin-top: 100px;}
.comm_form .layout .info_box{border-top: 1px solid #848484; padding-top: 38px;}
.comm_form .layout .info_box .row{display: flex; align-items: flex-start;}
.comm_form .layout .info_box .row + .row{margin-top:40px;}
.comm_form .layout .info_box .row .tit{display: inline-block; width: 130px; font-size: 18px; color: #111; font-weight: 700; white-space: nowrap; padding-top:20px; padding-left: 25px; box-sizing: border-box; vertical-align: middle;}
.comm_form .layout .info_box .row input[type="text"], .comm_form .layout .info_box .row input[type="password"], .comm_form .layout .info_box .row select{height: 60px; font-size: 16px; white-space: nowrap; border-bottom:1px solid #d7d7d7; padding-left:20px; box-sizing:border-box;}
.comm_form .layout .info_box .row input[type="text"]{padding-right:20px;}
.comm_form .layout .info_box .row textarea{font-size:16px;}
.comm_form .layout .info_box .row .btn_chk{display: inline-block; min-width:130px; height: 38px; line-height: 36px; font-size: 16px; color: #9254d8; text-align:center; white-space: nowrap; border: 1px solid #9254d8; border-radius: 19px; padding: 0 20px; margin-left:30px; margin-top:10px;}
.comm_form .layout .info_box .row .btn_chk.type_02{line-height: 38px; color:#fff; background:#9254d8; border:0;}
.comm_form .layout .info_box .row .rt .btn_chk{margin-top:0;}
.comm_form .layout .info_box .row .helper{position:absolute; display: block; font-size: 14px; color: #ff2c2c; line-height: 1.7; margin-top: 5px; padding-left: 20px;}
.comm_form .layout .info_box .row .helper_gy{display:block; font-size: 16px; color: #a2a2a2; line-height: 1.7; margin-top: 10px;}
.comm_form .layout .info_box .row .rt{display: inline-block; width: calc(100% - 150px); vertical-align: middle;}
.comm_form .layout .info_box .row .rt input[type="text"], .comm_form .layout .info_box .row .rt input[type="password"]{width:100%;}
.comm_form .layout .info_box .row .rt input[type="text"] + input[type="text"]{margin-left:20px;}
.comm_form .layout .info_box .row .rt .inp_cover{display:inline-block; margin-left:20px;}
.comm_form .layout .info_box .row .rt .inp_cover input[type="checkbox"]{display: inline-block; width: 17px; height: 17px; vertical-align:middle;}
.comm_form .layout .info_box .row .rt .inp_cover label{font-size: 16px; color: #848484; font-weight: 400; vertical-align:middle; margin-left:6px; cursor:pointer;}
.comm_form .layout .info_box + .info_box{margin-top:90px;}
.comm_form .layout .info_box .ul_agree li{font-size: 18px; color: #111; line-height: 1.7;}
.comm_form .layout .info_box .ul_agree li:not(.all){padding-top:35px;}
.comm_form .layout .info_box .ul_agree li:not(.all) .lt{display: inline-block; width:70%; max-width:800px;}
.comm_form .layout .info_box .ul_agree li.all{padding-bottom: 40px; border-bottom: 1px solid #ddd;}
.comm_form .layout .info_box .ul_agree li p{display: inline-block; font-size:inherit; color:inherit; vertical-align: top;}
.comm_form .layout .info_box .ul_agree li input[type="checkbox"]{display: inline-block; width: 18px; height: 18px; vertical-align: top; margin-top: 5px; margin-right: 4px;}
.comm_form .layout .info_box .ul_agree li p .sub{display: block; font-size: 16px; color: inherit; font-weight: 300; margin-top:2px;}
.comm_form .layout .info_box .ul_agree li p .thin{font-size: inherit; color: inherit; font-weight: 300;}
.comm_form .layout .info_box .ul_agree li .btn_rt{font-size: 18px; color: #111; letter-spacing:0;}
.comm_form .layout .info_box .ul_agree li .btn_rt::after{content:''; display:inline-block; width:8px; height:14px; background:url('/images/common/ico_arr_rt.png') no-repeat 0 / 8px auto; vertical-align:-1px; margin-left:10px;}
.comm_form .layout .info_box .row.col{display:flex; justify-content:space-between; gap:0 20px;}
.comm_form .layout .info_box .row.col > div{display: flex; width:100%;}
.comm_form .layout .info_box .row.col > div select{width: calc(100% - 130px);}
.comm_form .layout .info_box .row.col > div input{width:calc(100% - 300px);}

.comm_form .file_wrap{font-size:0;}
.comm_form .file_wrap .btn_file{position:relative; display: inline-block; height: 38px; line-height: 36px; font-size: 16px; color: #9254d8; background: transparent; vertical-align:middle; border: 1px solid #9254d8; border-radius: 19px; padding: 0 34px; box-sizing: border-box; cursor:pointer;}
.comm_form .file_wrap .btn_file .inp_file{position:absolute; width: 100%; height: 100%; opacity: 0; cursor: pointer; left: 0; top: 0; z-index: 3;}
.comm_form .file_wrap .file_txt{display: inline-block; font-size: 16px; color: #a2a2a2; vertical-align: middle; margin-left: 10px;}
.comm_form .file_wrap.preview .text{display:inline-block; font-size:16px; color:#a2a2a2; vertical-align: middle; margin-left: 10px;}
.comm_form .file_wrap.preview .file_view{display:flex; gap:8px; flex-wrap:wrap;}
.comm_form .file_wrap.preview .file_view .ele{position:relative; width: 134px; height: 134px; margin-top: 20px; border:1px solid #d7d7d7; box-sizing:border-box;}
.comm_form .file_wrap.preview .file_view .ele img{width: 100%; height: 100%; object-fit: cover;}
.comm_form .file_wrap.preview .file_view .btn_file_del{position:absolute; top:10px; right:10px; display:inline-block; width:25px; height:25px; font-size: 0; color:transparent; background: url('/images/common/ico_preview_del.png') no-repeat 0 / 100% auto;}

.comm_form .btn_wrap{display: flex; justify-content: center; gap:0 10px; margin-top: 130px;}
.comm_form .btn_wrap .btn{display: inline-block; width: 320px; height: 56px; line-height: 56px; font-size: 19px; color: #111; font-weight: 700; text-align: center; background: #dcdcdc; border-radius: 28px;}
.comm_form .btn_wrap .btn.type_02{color: #fff; background: #9254d8;}
.comm_form .btn_wrap .btn.type_03{line-height:54px; color: #9254d8; background: transparent; border: 2px solid #9254d8;}
.comm_form .btn_wrap .btn.type_04{line-height: 54px; color: #9da0a1; background: transparent; border: 1px solid #9da0a1;}
.comm_form .btn_wrap.type_02{margin-top:55px;}
.comm_form .btn_wrap.type_02 .btn{width:220px;}
.comm_form .btn_line_b{display: inline-block; font-size: 16px; color: #000; font-weight: 700; line-height: 1.1; border-bottom: 1px solid #000;}

.btn_link_01{position:relative; display: flex; align-items: center; width: 315px; height: 55px; line-height: 55px; font-size: 24px; font-weight: 700; color: #fff; background: linear-gradient(90deg, rgba(118, 131, 217, 1) 0%, rgba(216, 160, 254, 1) 80%); box-shadow: inset 0px 0px 2px 1px rgba(255, 255, 255, .6); border-radius: 28px; padding-left: 50px; padding-right: 55px;}
.btn_link_01::after{position:absolute; right:6px; content:''; display:inline-block; width:43px; height:43px; border-radius:50%; background:rgba(255,255,255,.3) url('/images/main/arr_wt_rt.png') no-repeat center / 9px auto;}
.btn_link_01.w250{width:250px;}
.btn_link_01.w315{width:315px;}
.btn_link_01.w440{width:440px;}

.tbl_col{width:100%;}
.tbl_col th, .tbl_col td{color:#111; border-bottom: 2px solid #bdbdbd; text-align:center; padding-left:5px; padding-right:5px;}
.tbl_col .num{text-align:left;}
.tbl_col th.num{padding-left:30px;}
.tbl_col td.num{padding-left:40px;}
.tbl_col th{font-size: 18px; font-weight: 800; background: #f6f6f6; border-top: 2px solid #bdbdbd; padding-top:20px; padding-bottom:20px;}
.tbl_col td{font-size: 16px; font-weight: 700; padding-top:34px; padding-bottom:34px;}
.tbl_col td.lt{text-align:left;}

.pagination{display: flex; justify-content: center; gap: 0 10px; align-items: center;}
.pagination ul{display: inline-flex; justify-content: center; gap:0 10px;}
.pagination ul li a, .pagination .prev, .pagination .next{display: block; width: 40px; height: 40px; line-height:40px; font-size: 19px; color: #111; font-weight: 800; text-align: center; border-radius: 50%; background:#fcfcfc; box-shadow: inset 0px -1.5px 1.5px .2px rgba(0, 0, 0, .25); vertical-align:middle;}
.pagination ul li.on a{color:#fff; background:#9254d8;}
.pagination .prev{display:inline-block; font-size: 0; color: transparent; background:url('/images/common/ico_arr_page_lt.png') no-repeat 50% / 10px auto;}
.pagination .next{display:inline-block; font-size: 0; color: transparent; background:url('/images/common/ico_arr_page_rt.png') no-repeat 50% / 10px auto;}

.quick_wrap, #main .sec_01{padding-top:20px;}
.quick_wrap{position: absolute; z-index:5; top: 0; left: calc(50% + 20px); transform: translateX(720px);}
.quick_wrap ul li ~ li{margin-top:10px;}
.quick_wrap ul li a{display:block;}
.quick_wrap ul li a img{display:block; width:85px;}
.quick_wrap.rt{right:0; left:initial; transform:none;}
.quick_wrap.btm{position:fixed; top:initial !important; bottom:20px;}

#main .sec{position:relative; overflow-x:clip;}
#main .sec .layout > .tit{display: block; font-size: 64px; color: #111; font-weight: 900; text-align: center; margin-bottom: 25px;}
#main .sec .layout > .tit .add_fc{display: block; font-size:inherit; text-shadow:none; background-image: linear-gradient(90deg,rgba(119, 118, 255, 1) 45%, rgba(174, 44, 241, 1) 55%); background-clip: text; -webkit-background-clip: text; color: transparent; -webkit-text-fill-color: transparent; text-align: inherit;}
#main .sec .layout > .t_sub{font-size: 20px; color: #111; text-align: center; line-height: 1.6;}

#main .sec_01{padding-bottom:60px;}
#main .sec_01 .layout{font-size:0;}
#main .sec_01 .layout::after{content:''; display:block; visibility:hidden; clear:both;}
#main .sec_01 .layout .box{float:left; box-sizing:border-box;}
#main .sec_01 .layout .s_02, #main .sec_01 .layout .s_03{width:460px;}
#main .sec_01 .layout .s_01{width:980px; padding-right:20px;}
#main .sec_01 .layout .s_01 .slider_main_cover{position:relative; width:100%;}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_main{width:100%; height:600px; border-radius: 40px; overflow: hidden;}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-list, #main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-track{height:100%;}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide, #main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide, #main .sec_01 .layout .s_03{border-radius:40px; overflow:hidden;}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide img{display:block; width: 100%; height: 100%; object-fit: cover;}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-dots{display:none !important;}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-arrow{position:absolute; z-index:1; bottom:28px; display:inline-block; width:40px; height:40px; font-size:0; color:transparent; border-radius:50%; box-shadow: 0 1.5px .5px .5px rgba(0, 0, 0, .2);}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-arrow.slick-prev{left:300px; background:#fcfcfc url('/images/main/arr_bk_lt.png') no-repeat center / 10px auto;}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-arrow.slick-next{left:420px; background:#fcfcfc url('/images/main/arr_bk_rt.png') no-repeat center / 10px auto;}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_con{position:absolute; bottom:0; left:0; width:500px; height:95px; background: #fff; border-radius: 0 40px 0 0;}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_con::before, #main .sec_01 .layout .s_01 .slider_main_cover .slider_con::after{position:absolute; content:''; display:block; width:40px; height:40px; background:url('/images/main/img_sec1_v1_bg.png') no-repeat 0 / 40px auto;}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_con::before{top:.8px; left:0; transform: translateY(-100%);}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_con::after{bottom:0; right:.8px; transform: translateX(100%);}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .paging{position:absolute; bottom:36px; left:20px;}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .paging span{font-size:16px; color:#111;}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .paging span.cur{font-weight:900;}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .paging span.total{font-weight:700; position: relative; margin-left:14px;}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .paging span.total::before{content:''; display:inline-block; width:1px; height:14px; background:#111; vertical-align:middle; margin-right:14px;}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .bar{position:absolute; bottom:45px; left:115px; display:block; width:140px; height:4px; background:#d0d0d0;}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .bar .per_bar{display:block; width:0%; height:100%; background:#111;}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .bar.ani_bar .per_bar{animation-name: ani_bar; animation-iteration-count: 1; animation-duration: 2.8s;  animation-timing-function: linear; animation-fill-mode: forwards;}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .btn_pause{position:absolute; z-index:1; bottom:28px; left:360px; display:inline-block; width:40px; height:40px; font-size:0; color:transparent; background:#fcfcfc url('/images/main/ico_pause.png') no-repeat center / 11px auto; border-radius:50%; box-shadow: 0 1.5px .5px .5px rgba(0, 0, 0, .2);}
@keyframes ani_bar {
	0% { width:0%; }
	100% { width:100%; }
}
#main .sec_01 .layout .s_02 .slider_01_cover{position: relative;}
#main .sec_01 .layout .s_02 .slider_01_cover .slider_01{position:relative; height:340px;}
#main .sec_01 .layout .s_02 .slider_01_cover .slider_01::after{position:absolute; top:0; right:0; content:''; display:block; width:130px; height:130px; background:url('/images/main/img_sec1_v2_bg.png') no-repeat 0 / 130px auto;}
#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide{position:relative;}
#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide img{display:block; width: 100%; height: 100%; object-fit: cover;}
#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide .tit{position:absolute; z-index:1; top:25px; left:30px; display: block; font-size: 22px; color: #fff; font-weight: 800;}
#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-dots{position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);}
#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-dots li{display:inline-block;}
#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-dots li ~ li{margin-left:20px;}
#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-dots li button{display:inline-block; width:9px; height:9px; border-radius:50%; font-size:0; color:transparent; background:rgba(255,255,255,.4);}
#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-dots li.slick-active button{background:rgba(255,255,255,1);}
#main .sec_01 .layout .s_02 .slider_01_cover .btn_plus{position:absolute; z-index:1; top:20px; right:20px; display:inline-block; width:40px; height:40px; font-size:0; color:transparent; background:#fcfcfc url('/images/main/ico_plus.png') no-repeat center / 17px auto; border-radius:50%; box-shadow: 0 1.5px .5px .5px rgba(0, 0, 0, .2);}
#main .sec_01 .layout .s_03{height:240px; margin-top:20px;}
#main .sec_01 .layout .s_03 img{display:block; width: 100%; height: 100%; object-fit: cover;}

#main .sec_02{background:#fff7fe; padding-top:110px; padding-bottom:120px;}
#main .sec_02::before, #main .sec_02::after{position:absolute; content:''; display:block;}
#main .sec_02::before{bottom:0; left:0; width:430px; height:901px; background:url('/images/main/bg_sec_02_01.png') no-repeat 0 / 430px auto;}
#main .sec_02::after{top:0; right:0; width:540px; height:910px; background:url('/images/main/bg_sec_02_02.png') no-repeat 0 / 540px auto;}
#main .sec_02 .layout{text-align:center;}
#main .sec_02 .layout .slider_02{position:relative; width:740px; height:420px; margin:60px auto 0 auto;}
#main .sec_02 .layout .slider_02 .slick-list, #main .sec_02 .layout .slider_02 .slick-track{height:100%;}
#main .sec_02 .layout .slider_02 .slick-slide img{display:block; width: 100%; object-fit: cover;}
#main .sec_02 .layout .slider_02 .slick-arrow{position:absolute; z-index:1; top:150px; display:inline-block; width:60px; height:60px; font-size:0; color:transparent; border-radius:50%; box-shadow: inset 0px 0px 2px 1px rgba(255,255,255,.6);}
#main .sec_02 .layout .slider_02 .slick-arrow.slick-prev{left:-120px; background:url('/images/main/arr_wt_lt.png') no-repeat center / 18px auto, linear-gradient(90deg,rgba(118, 131, 217, 1) 0%, rgba(216, 160, 254, 1) 100%);}
#main .sec_02 .layout .slider_02 .slick-arrow.slick-next{right:-120px; background:url('/images/main/arr_wt_rt.png') no-repeat center / 18px auto, linear-gradient(90deg,rgba(118, 131, 217, 1) 0%, rgba(216, 160, 254, 1) 100%);}
#main .sec_02 .layout .btn_link{display: inline-flex; align-items: center; height: 80px; font-size: 24px; font-weight:800; color: #fff; background:linear-gradient(90deg,rgba(118, 131, 217, 1) 0%, rgba(216, 160, 254, 1) 100%); box-shadow: inset 0px 0px 2px 1px rgba(255,255,255,.6); border-radius: 40px; padding-left: 40px; padding-right: 4px;}
#main .sec_02 .layout .btn_link::before{content:''; display:inline-block; width:55px; height:44px; background:url('/images/main/ico_btn_youtube.png') no-repeat 0 / 55px auto;}
#main .sec_02 .layout .btn_link::after{content:''; display:inline-block; width:72px; height:72px; border-radius:50%; margin-left:24px; background:rgba(255,255,255,.3) url('/images/main/arr_wt_rt.png') no-repeat center / 14px auto;}

#main .sec_03{background:#9254d8; padding-top: 110px; padding-bottom: 120px;}
#main .sec_03::before, #main .sec_03::after{position:absolute; content:''; display:block; background-repeat:no-repeat; background-position:0;}
#main .sec_03::before{top:490px; left:50%; transform:translateX(-912px); width:192px; height:384px; background-image:url('/images/main/bg_sec_03_01.png'); background-size:192px auto;}
#main .sec_03::after{top:980px; right:50%; transform:translateX(910px); width:170px; height:252px; background-image:url('/images/main/bg_sec_03_02.png'); background-size:170px auto;}
#main .sec_03 .layout > .tit{color:#fff;}
#main .sec_03 .layout > .t_sub{color: #fff; margin-bottom: 55px;}
#main .sec_03 .layout .box{font-size: 0;}
#main .sec_03 .layout .box + .box{border-top: 1px solid rgba(255, 255, 255, .2); margin-top: 30px; padding-top: 30px;}
#main .sec_03 .layout .box > .tit{display: inline-block; width: 370px; font-size: 32px; color: #fff; text-align: left; vertical-align: top; font-weight: 800;}
#main .sec_03 .layout .box .ul_li{display: inline-flex; flex-wrap: wrap; vertical-align: top; width: calc(100% - 370px); gap: 10px;}
#main .sec_03 .layout .box .ul_li li{width: 20%;}
#main .sec_03 .layout .box .ul_li li a{display: block; height: 50px; line-height: 50px; font-size: 20px; color: #fff; font-weight: 800; text-align: center; background-color: #b072ee; border-radius: 25px;}
#main .sec_03 .layout .box .ul_li li.on a{color: #111; background-color: #fff;}
#main .sec_03 .layout .box .ul_li li.ico a{background-repeat: no-repeat; background-position: center left 20px; padding-left:20px;}
#main .sec_03 .layout .box .ul_li li.ico.ico_01 a{background-image:url('/images/main/img_li_01.png'); background-size: auto 36px;}
#main .sec_03 .layout .box .ul_li li.ico.ico_02 a{background-image:url('/images/main/img_li_02.png'); background-size: auto 31px;}
#main .sec_03 .layout .box .ul_li li.ico.ico_03 a{background-image:url('/images/main/img_li_03.png'); background-size: auto 37px;}
#main .sec_03 .layout .box .ul_li li.ico.ico_04 a{background-image:url('/images/main/img_li_04.png'); background-size: auto 33px;}
#main .sec_03 .layout .box .ul_li li.ico.ico_05 a{background-image:url('/images/main/img_li_05.png'); background-size: auto 33px;}
#main .sec_03 .layout .box .slider_03_cover{position:relative; margin-top:50px;}
#main .sec_03 .layout .box .slider_03_cover .slider_03{padding-bottom:80px;}
#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-list{margin:0 -15px;}
#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide{margin:0 15px; border-radius: 40px; overflow: hidden;}
#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .img{position:relative; display:block; width:100%; height:290px;}
#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .img img{display:block; width: 100%; height: 100%; object-fit: cover;}
#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .img .btn_like{position:absolute; right:10px; bottom:10px; display:block; width:30px; height:30px; background:url('/images/main/ico_like_off.png') no-repeat 50% / 25px auto;}
#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .img .btn_like.on{background-image:url('/images/main/ico_like_on.png');}
#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info{background:#fff; padding:35px;}
#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .tit{display: block; font-size: 24px; color: #001111; font-weight: 900; word-break: keep-all;}
#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .detail{margin-top:24px;}
#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .detail span{display: inline-block; vertical-align:middle;}
#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .detail span.i_01{font-size: 22px; color: #7a49dd; font-weight: 900;}
#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .detail span.i_02{ position:relative; font-size: 18px; color: #111111; font-weight: 400; margin-left:5px; padding-left:5px;}
#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .detail span.i_02::before{position:absolute; top:50%; left:0; transform:translateY(-50%); content:''; display:inline-block; width:1px; height:20px; background:#d6c4fc;}
#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .detail span.i_03{height: 18px; font-size: 14px; color: #001111; font-weight: 700; background: #eaeaea; padding:0 8px; margin-left:10px;}
#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .btm_area{font-size: 16px; color: #9d9d9d; font-weight: 700; border-top: 1px solid #d7d7d7; margin-top: 16px; padding-top: 20px;}
#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .btm_area span{font-size: inherit; color: inherit;}
#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .btm_area span ~ span{margin-left:25px;}
#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .btm_area span .ico{display: inline-block; vertical-align: middle; margin-right:5px;}
#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .btm_area .like .ico{width: 23px; height: 21px; background: url('/images/main/ico_like.png') no-repeat 0 / 23px auto;}
#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .btm_area .review .ico{width: 21px; height: 21px; background: url('/images/main/ico_review.png') no-repeat 0 / 21px auto;}
#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-arrow{position:absolute; z-index:1; bottom:0; display:inline-block; width:40px; height:40px; font-size:0; color:transparent; border-radius:50%;}
#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-arrow.slick-prev{right:75px; background:#fff url('/images/main/arr_pp_lt.png') no-repeat center / 11px auto;}
#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-arrow.slick-next{right:0px; background:#fff url('/images/main/arr_pp_rt.png') no-repeat center / 11px auto;}
#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-arrow.slick-prev.slick-disabled, #main .sec_03 .layout .box .slider_03 .slick-arrow.slick-next.slick-disabled{background-color:#c586fb;}
#main .sec_03 .layout .box .slider_03_cover .slider_con{position: absolute; bottom: 15px; left: 0; width: 100%; padding-right: 155px;}
#main .sec_03 .layout .box .slider_03_cover .slider_con .bar{display:block; width: 100%; height: 8px; background: #c586fb; border-radius: 4px; overflow: hidden;}
#main .sec_03 .layout .box .slider_03_cover .slider_con .bar .per_bar{display:block; width:0%; height:100%; background: #fff; border-radius: 4px;}
#main .sec_03 .layout .box .slider_03_cover .slider_con .bar.ani_bar .per_bar{animation-name: ani_bar; animation-iteration-count: 1; animation-duration: 2.8s;  animation-timing-function: linear; animation-fill-mode: forwards;}
#main .sec_03 .layout .box .slider_03_cover .slider_con .btn_pause{position:absolute; z-index:1; bottom:25px; left:360px; display:inline-block; width:40px; height:40px; font-size:0; color:transparent; background:#fcfcfc url('/images/main/ico_pause.png') no-repeat center / 11px auto; border-radius:50%; box-shadow: 0 1.5px .5px .5px rgba(0, 0, 0, .2);}

#main .sec_04{background:#f8f3ff; padding-top:110px; padding-bottom:110px;}
#main .sec_04::before{position:absolute; z-index:1; top:0; left:0; content:''; display:block; width:20%; height:100%; background:linear-gradient(90deg,rgba(240, 231, 253, 1) 20%, transparent 70%);}
#main .sec_04::after{position:absolute; z-index:1; top:0; right:0; content:''; display:block; width:20%; height:100%; background:linear-gradient(270deg,rgba(240, 231, 253, 1) 20%, transparent 70%);}
#main .sec_04 .layout > .t_sub{font-weight: 700;}
#main .sec_04 .layout .ul_tab{font-size: 0; text-align: center; margin-top:55px;}
#main .sec_04 .layout .ul_tab li{display:inline-block;}
#main .sec_04 .layout .ul_tab li ~ li{margin-left:10px;}
#main .sec_04 .layout .ul_tab li a{display: block; height: 60px; line-height: 60px; font-size: 22px; color: #111; font-weight: 800; background: #fff; box-shadow: 0 1.5px .5px .5px rgba(0, 0, 0, .2); border-radius: 30px; padding: 0 35px; cursor:pointer;}
#main .sec_04 .layout .ul_tab li.on{color:#fff;}
#main .sec_04 .layout .ul_tab li.on a{color:#fff; background:linear-gradient(90deg,rgba(118, 131, 217, 1) 0%, rgba(216, 160, 254, 1) 100%); box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,.6);}
#main .sec_04 .layout .tab_view > .inner{display:none;}
#main .sec_04 .layout .tab_view > .inner.on{display:block;}
#main .sec_04 .layout .slider_04{display: flex; flex-direction: column-reverse; gap: 125px 0; width: calc(100% + 440px); transform: translateX(-220px); height:680px; margin-top:50px; overflow:hidden;}
#main .sec_04 .layout .slider_04 .slick-list{margin: 0 -30px;}
#main .sec_04 .layout .slider_04 .slick-track{padding-top: 75px; padding-bottom:75px;}
#main .sec_04 .layout .slider_04 .slick-slide{padding: 0 30px; box-sizing:border-box;}
#main .sec_04 .layout .slider_04 .slick-slide.slick-current{transform: scale(1.14); transition:.5s ease all;}
#main .sec_04 .layout .slider_04 .inner, #main .sec_04 .layout .slider_04 .inner .img{border-radius:40px;}
#main .sec_04 .layout .slider_04 .inner{background:#fff; padding-top:4px; box-shadow: 0 4px 10px 10px rgba(37,37,37,.18);}
#main .sec_04 .layout .slider_04 .inner .img{width: calc(100% - 8px); height:300px; margin: 0 auto; overflow:hidden;}
#main .sec_04 .layout .slider_04 .inner .img img{display:block; width:100%; height:100%; object-fit:cover;}
#main .sec_04 .layout .slider_04 .inner .info{text-align:center; word-break: keep-all; padding:25px 4px; box-sizing:border-box;}
#main .sec_04 .layout .slider_04 .inner .info .tit{display:block; font-size:28px; color:#111; font-weight:900;}
#main .sec_04 .layout .slider_04 .inner .info .t_sub{font-size: 20px; color:#111; font-weight:700; margin-bottom:15px;}
#main .sec_04 .layout .slider_04 .inner .info p{font-size: 18px; color: #111;}

#main .sec_05{background:#fdfdfd; padding-top:115px; padding-bottom:120px;}
#main .sec_05::before{position:absolute; top:35px; left:50%; content:''; display:block; transform:translateX(560px); width:302px; height:318px; background:url('/images/main/bg_sec_05.png') no-repeat 0 / 302px auto;}
#main .sec_05 .layout{font-size:0;}
#main .sec_05 .layout .box{display:inline-block; width:calc(50% - 20px); vertical-align:top;}
#main .sec_05 .layout .box + .box{margin-left:40px;}
#main .sec_05 .layout .box .tit{display: block; font-size: 36px; color: #111; font-weight: 900; margin-bottom: 20px;}
#main .sec_05 .layout .ul_tbl{border-top: 2px solid #5b5b5b;}
#main .sec_05 .layout .ul_tbl li{position: relative; padding: 12px 110px 12px 0; box-sizing: border-box;}
#main .sec_05 .layout .ul_tbl li ~ li{border-top: 1px solid #5b5b5b;}
#main .sec_05 .layout .ul_tbl li .tag{display: inline-block; width: 120px; height: 40px; line-height: 40px; font-size: 18px; color: #fff; text-align: center; font-weight: 700; vertical-align: middle; background: #612189; border-radius: 20px; margin-right: 15px;}
#main .sec_05 .layout .ul_tbl li .tag.color_02{background:#c897e7;}
#main .sec_05 .layout .ul_tbl li a.link{display: -webkit-inline-box; width: calc(100% - 135px); -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; vertical-align: middle; font-size: 20px; color: #111; font-weight: 400; vertical-align: middle;}
#main .sec_05 .layout .ul_tbl li .date{position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: inline-block; font-size: 18px; color: #111; font-weight: 300;}
#main .sec_05 .layout .btn_link{position: relative; display: block; height: 80px; line-height: 80px; font-size: 24px; font-weight:800; color: #fff; text-align: center; background:linear-gradient(90deg,rgba(118, 131, 217, 1) 0%, rgba(216, 160, 254, 1) 100%); box-shadow: inset 0px 0px 2px 1px rgba(255,255,255,.6); border-radius: 40px; padding-right: 60px; margin-top:30px;}
#main .sec_05 .layout .btn_link::after{position: absolute; top: 50%; right: 4px; transform: translateY(-50%); content:''; display:inline-block; width:72px; height:72px; border-radius:50%; margin-left:24px; background:rgba(255,255,255,.3) url('/images/main/arr_wt_rt.png') no-repeat center / 14px 23px;}
#main .sec_05 .layout .slider_05_cover{position:relative;}
#main .sec_05 .layout .slider_05_cover .slider_05{height:500px;}
#main .sec_05 .layout .slider_05_cover .slider_05 .slick-slide{position:relative; border-radius:40px; overflow:hidden;}
#main .sec_05 .layout .slider_05_cover .slider_05 .slick-slide img{position:relative; display:block; width:100%; height:100%; object-fit:cover;}
#main .sec_05 .layout .slider_05_cover .slider_05 .slick-slide .layer{position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:linear-gradient(0deg,rgba(0, 0, 0, .7) 20%, transparent 42%, transparent 60%);}
#main .sec_05 .layout .slider_05_cover .slider_05 .slick-slide .txt{position:absolute; bottom:50px; display:block; width:100%; font-size:24px; color:#fff; font-weight:800; text-align:center;}
#main .sec_05 .layout .slider_05_cover .slider_05 .slick-arrow{position:absolute; z-index:1; bottom:100px; display:inline-block; width:30px; height:30px; font-size:0; color:transparent;}
#main .sec_05 .layout .slider_05_cover .slider_05 .slick-arrow.slick-prev{left:50%; transform:translateX(-80px); background: url('/images/main/arr_wt_lt.png') no-repeat center / 9px auto;}
#main .sec_05 .layout .slider_05_cover .slider_05 .slick-arrow.slick-next{right:50%; transform:translateX(80px); background: url('/images/main/arr_wt_rt.png') no-repeat center / 9px auto;}
#main .sec_05 .layout .slider_05_cover .slide_num{position:absolute; bottom:100px; left:50%; transform:translateX(-50%); display:inline-block; height:30px; line-height:30px; font-size:20px; color:#fff; font-weight:800;}

#signup .layout .ul_tab{font-size: 0; text-align: center;}
#signup .layout .ul_tab li{display: inline-block; vertical-align: middle;}
#signup .layout .ul_tab li a{display: inline-block; font-size: 18px; color: #afafaf; font-weight: 700; line-height:2; padding: 0 30px;}
#signup .layout .ul_tab li.on a{font-size: 19px; color: #9254d8;}
#signup .layout .ul_tab li ~ li::before{content:''; display:inline-block; width:1px; height:15px; background:#d7d7d7; vertical-align: -3px;}
#signup.comm_form .layout{padding-top: 130px; padding-bottom:130px;}

#find .layout .ul_tab{font-size: 0; text-align: center;}
#find .layout .ul_tab li{display: inline-block; vertical-align: middle;}
#find .layout .ul_tab li a{display: inline-block; font-size: 32px; color: #afafaf; font-weight: 800; line-height:2; padding: 0 30px;}
#find .layout .ul_tab li.on a{color: #9254d8;}
#find .layout .ul_tab li ~ li{margin-left:150px;}
#find.comm_form .layout .fm_wrap{margin-top:70px;}
#find.comm_form .layout .fm_wrap .sub_t{display: block; width: 100%; font-size: 19px; color: #111; font-weight: 700; text-align: center; margin-bottom: 80px;}
#find .complete_wrap{display: block; width: 100%; max-width: 660px; text-align: center; background: #f7f2fa; border-radius: 30px; padding: 55px 0; box-sizing: border-box; margin: 60px auto 0 auto;}
#find .complete_wrap img{display:block; width:90px; margin:0 auto;}
#find .complete_wrap .tit{display: block; font-size: 20px; color: #9254d8; font-weight: 800; text-align: center; margin-top: 35px;}

#find.find_pw.comm_form .layout .info_box .row .helper{position: initial; font-size: 16px; color: #a2a2a2;}

#cs{padding-bottom:80px;}
#cs.comm_form{padding-bottom:0;}
#cs .layout .tab_view > .inner{display:none;}
#cs .layout .tab_view > .inner.on{display:block;}
#cs .layout .pagination{margin-top: 220px;}

#cs.cs_inquiry.comm_form .layout .fm_wrap{margin-top:50px;}
#cs.cs_inquiry.comm_form .layout .info_box{padding-top:30px; margin-bottom: 50px;}
#cs.cs_inquiry.comm_form .layout .info_box + .info_box{margin-top:50px;}
#cs.cs_inquiry.comm_form .layout .info_box .row .rt input[type="text"], #cs.cs_inquiry.comm_form .layout .info_box .row .rt select{width:100%; max-width: 340px;}
#cs.cs_inquiry.comm_form .layout .info_box .ul_agree li{padding-left: 20px;}
#cs.cs_inquiry.comm_form .layout .info_box .ul_agree li:not(.all){padding-top:0;}
#cs.cs_inquiry.comm_form .layout .info_box .ul_agree li:not(.all) .lt{width: calc(95% - 100px); max-width: 100%;}
#cs.cs_inquiry.comm_form .layout .info_box .box_line{font-size: 16px; color: #111; font-weight: 400; line-height: 2.4; border: 1px solid #d7d7d7; padding: 20px; box-sizing: border-box;}
#cs.cs_inquiry.comm_form .layout .info_box .box_line .tit{display: block; font-weight: 800;}
#cs.cs_inquiry.comm_form .layout .info_box .file_wrap{margin-top:20px;}

#login .layout{padding-top: 130px; padding-bottom:130px;}
#login .layout .login_wrap{line-height:1.7; border-top: 1px solid #848484; padding-top: 55px; margin-top:100px;}
#login .layout .login_wrap .inner{width:100%; max-width:770px; margin:0 auto;}
#login .layout .login_wrap .inner .tit{display: block; font-size: 18px; color: #111; font-weight: 800;}
#login .layout .login_wrap .inner .inp_box{display: flex; gap: 0 5px; margin-top: 25px;}
#login .layout .login_wrap .inner .inp_box .lt{display: flex; flex-direction: column; justify-content: space-between; width: calc(100% - 205px);}
#login .layout .login_wrap .inner .inp_box .lt input[type="text"], #login .layout .login_wrap .inp_box .lt input[type="password"]{display: block; height: 64px; line-height:62px; font-size: 18px; color: #111; border: 1px solid #999; border-radius:10px; padding: 0 25px; box-sizing:border-box;}
#login .layout .login_wrap .inner .inp_box .btn_login{display: inline-block; width: 200px; height: 134px; font-size: 26px; color: #fff; font-weight: 700; background: #9254d8; border: 1px solid #999; border-radius: 10px;}
#login .layout .login_wrap .inner .chk_box{margin-top: 15px;}
#login .layout .login_wrap .inner .chk_box input[type="checkbox"]{display: inline-block; width: 20px; height: 20px; vertical-align: middle;}
#login .layout .login_wrap .inner .chk_box input[type="checkbox"] + label{font-size: 18px; color: #000; font-weight: 300; vertical-align: middle; margin-left: 10px; cursor:pointer;}
#login .layout .login_wrap .inner .ul_btn{display: block; text-align: center; margin-top: 50px;}
#login .layout .login_wrap .inner .ul_btn li{display: inline-block; font-size: 18px; color: #afafaf; font-weight: 700; vertical-align: middle;}
#login .layout .login_wrap .inner .ul_btn li a{display: inline-block; font-size: inherit; color: inherit;}
#login .layout .login_wrap .inner .ul_btn li + li::before{content:''; display:inline-block; width:1px; height:15px; background:#d7d7d7; vertical-align:middle; margin-left:30px; margin-right:30px;}
#login .layout .login_wrap .inner .ul_btn li.on{color: #9254d8;}
#login .layout .login_wrap .inner .sns_wrap{margin-top: 75px; padding-top: 55px; border-top: 1px solid #bbb;}
#login .layout .login_wrap .inner .sns_wrap .tit{margin-bottom: 25px;}
#login .layout .login_wrap .inner .sns_wrap .btn{display: block; width: 100%; height: 80px; line-height: 1; font-size: 24px; font-weight: 700; text-align: center; border: 1px solid #ccc; border-radius: 10px;}
#login .layout .login_wrap .inner .sns_wrap .btn.kakao{color: #000; background: #ffe812;}
#login .layout .login_wrap .inner .sns_wrap .btn.kakao::before{content:''; display:inline-block; width:37px; height:37px; background:url('/images/contents/ico_sns_kakao.png') no-repeat 0 / 37px auto; vertical-align:middle; margin-right:14px;}
#login .layout .login_wrap .inner .sns_wrap .btn.naver{color: #fff; background: #00bf18;}
#login .layout .login_wrap .inner .sns_wrap .btn.naver::before{content:''; display:inline-block; width:37px; height:37px; background:url('/images/contents/ico_sns_naver.png') no-repeat 0 / 37px auto; vertical-align:middle; margin-right:14px;}
#login .layout .login_wrap .inner .sns_wrap .btn + .btn{margin-top:5px;}

aside.sub{width: 280px; min-height:1040px; letter-spacing: -1px;}
aside.sub .top{font-size: 20px; color: #fff; font-weight: 800; background: #c897e7; padding: 22px 40px; border-radius: 15px 15px 0 0; box-sizing: border-box;}
aside.sub > ul{min-height:970px; background: #fff7fe; border-radius: 0 0 15px 15px; padding: 20px 0; box-sizing: border-box;}
aside.sub > ul > li{width: 100%;}
aside.sub > ul > li ~ li{margin-top:20px;}
aside.sub > ul > li > a{display: block; width: 100%; font-size: 20px; color: #111; font-weight: 800; padding: 16px 35px; box-sizing: border-box;}
aside.sub > ul > li > a::before{content:''; display:inline-block; width:6px; height:6px; background:#111; border-radius: 50%; vertical-align:2px; margin-right:10px;}
aside.sub > ul > li > ul > li{width: 100%;}
aside.sub > ul > li > ul > li > a{display: block; width: 100%; font-size: 20px; color: #111; font-weight: 700; padding: 16px 40px 16px 50px;}
aside.sub > ul > li > ul > li > a::before{content:'- '; display:inline; font-size:inherit; color:inherit; font-weight:inherit;}
aside.sub > ul > li.on > a, aside.sub > ul > li > ul > li.on > a{background:#fbe5f8;}

.sub_top{display: flex; flex-direction: column; align-items: center; font-size: 20px; color: #111; font-weight: 700; text-align: center; background: #f6e8ff; padding: 110px 0; box-sizing: border-box;}
.sub_top .tit{position:relative; z-index: 1; display: inline-block; font-size: 40px; color: #111; font-weight: 900; text-align: center; margin-bottom: 20px;}
.sub_top .tit::before{position:absolute; z-index: -1; left:0; top:0; transform: translate(-35%, -38%); content:''; opacity:.3; display:block; width:94px; height:94px; background:#c897e7; border-radius:50%;}
.sub_top .tit a::after{content:''; display:inline-block; width:15px; height:29px; background:url('/images/common/arr_bk_rt.png') no-repeat 0 / 100% auto; vertical-align:-2px; margin-left:15px;}
.sub_top .btn_link_01{margin-top: 35px;}
.sub_top.thin{padding: 80px 0;}
.sub_top.thin .tit{margin-bottom:0;}

.sub_top_info{font-size: 20px; color: #111; font-weight: 700; line-height: 1.7; background: #f7f1fb; margin-top:100px;}
.sub_top_info .inner{max-width: 1440px; padding: 34px 20px; box-sizing:border-box; margin:0 auto;}
.sub_top_info .inner .tit{display: block; font-size: inherit; color: #9254d8; line-height:inherit; font-weight: 900;}

#mypage.comm_form .layout{display: flex; justify-content: space-between; align-items: flex-start; max-width: 1440px; padding-top: 60px;}
#mypage.comm_form .layout .fm_wrap{width: calc(100% - 340px); padding-top: 20px; margin-top: 0;}
#mypage.comm_form .layout .fm_wrap .sub_t{font-size: 18px; color: #111; font-weight:700; text-align: center; line-height: 2; margin-bottom: 50px;}
#mypage.comm_form .layout .fm_wrap .sub_t strong{font-weight:800;}
#mypage.comm_form .layout .info_box{padding-bottom: 70px;}
#mypage.comm_form .layout .info_box.line_btm, #mypage.comm_form .layout .accor_wrap .info_box.line_btm{border-bottom: 1px solid #848484; padding-bottom:70px;}
#mypage.comm_form .layout .btn_wrap{margin-top:100px;}
#mypage.comm_form .layout .hashtag{display: inline-block; height: 38px; line-height: 36px; font-size: 16px; color: #9254d8; border: 1px solid #9254d8; border-radius: 19px; padding: 0 16px;}
#mypage.comm_form .layout .hashtag + .hashtag{margin-left:10px;}
#mypage.comm_form .layout .info_box .row .tit{width:245px;}
#mypage.comm_form .layout .info_box .row .tit.pt10{padding-top:10px;}
#mypage.comm_form .layout .info_box .row .helper_bk{display: block; font-size: 14px; color: #111; line-height: 1.7; margin-top: 15px; padding-left: 20px;}
#mypage.comm_form .layout .info_box .row input[type="text"], #mypage.comm_form .layout .info_box .row select{width:100%; max-width:500px;}
#mypage.comm_form .layout .info_box .row .btn_add_cover{display: block; width: 100%; max-width: 500px; border-bottom: 1px solid #d7d7d7; margin-top: 5px;}
#mypage.comm_form .layout .info_box .row .btn_add{display: block; height: 60px; line-height: 60px; font-size: 16px; color: #9254d8; font-weight: 400; padding: 0 20px;}
#mypage.comm_form .layout .info_box .row .btn_add .ico{position:relative; display: inline-block; width: 13px; height: 13px; vertical-align: -2px; margin-right:10px;}
#mypage.comm_form .layout .info_box .row .btn_add .ico::before, #mypage.comm_form .layout .info_box .row .btn_add .ico::after{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); content:''; display:inline-block; background:#9254d8;}
#mypage.comm_form .layout .info_box .row .btn_add .ico::before{width:1px; height:13px;}
#mypage.comm_form .layout .info_box .row .btn_add .ico::after{width:13px; height:1px;}
#mypage.comm_form .layout .info_box .row .file_wrap{margin-top:10px;}
#mypage.comm_form .layout .info_box .row .rt .file_wrap, #mypage.comm_form .layout .info_box .row .inp_add_wrap .btn_add{margin-left:20px;}
#mypage.comm_form .layout .info_box .row .rt .cover_bl input[type="text"] + input[type="text"]{margin-left:0;}
#mypage.comm_form .layout .info_box .row .cover_bl{padding-left:20px; box-sizing:border-box; margin-bottom:20px;}
#mypage.comm_form .layout .info_box .row .cover_bl ~ .cover_bl{margin-top:16px;}
#mypage.comm_form .layout .info_box .row .cover_bl .tit_s{font-size:16px; color:#111; font-weight:700; margin-right:20px;}
#mypage.comm_form .layout .info_box .row .cover_bl div.tit_s{margin-top: 30px; margin-bottom: 15px;}
#mypage.comm_form .layout .info_box .row .cover_bl p{display: block; font-size: 16px; color: #a2a2a2; font-weight: 400;}
#mypage.comm_form .layout .info_box .row .inp_area{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; max-width: 550px; margin-top:25px; margin-bottom:35px;}
#mypage.comm_form .layout .info_box .row .inp_area .col{display: flex; flex-direction: column; gap: 25px 0;}
#mypage.comm_form .layout .info_box .row .inp_area .inp_cover{margin-left:0;}
#mypage.comm_form .layout .info_box .row .inp_area input[type="checkbox"]{width:20px; height:20px;}
#mypage.comm_form .layout .info_box .row .inp_area label{color:#111;}
#mypage.comm_form .layout .info_box .row .inp_add_wrap .cover_bl{margin-bottom: 0;}
#mypage.comm_form .layout .info_box .row .inp_add_wrap .cover_bl .list{display: flex; gap: 0 20px; align-items: center;}
#mypage.comm_form .layout .info_box .row .inp_add_wrap .cover_bl .list input[type="checkbox"]{display: inline-block; width: 20px; height: 20px;}
#mypage.comm_form .layout .info_box .row .inp_add_wrap .cover_bl .list .btn_del{position:relative; display: inline-block; width: 20px; height: 20px; font-size:0; color: transparent; border: 1px solid #9254d8; border-radius: 2px;}
#mypage.comm_form .layout .info_box .row .inp_add_wrap .cover_bl .list .btn_del::after{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); content:''; display:block; width:13px; height:1px; background:#9254d8;}
#mypage.comm_form .layout .info_box .row .inp_add_wrap .cover_bl ~ .cover_bl{margin-top: 10px;}
#mypage.comm_form .layout .info_box .row .inp_add_wrap .btn_add{height: 40px; line-height: 38px; border: 1px solid #9254d8; border-radius: 19px; margin-top: 30px;}
#mypage.comm_form .layout .accor_wrap, #mypage.comm_form .layout .fm_wrap.accor_wrap{width: calc(100% - 340px); padding-top: 20px; margin-top: 0;}
#mypage.comm_form .layout .accor_wrap ul li{background: none; padding: 0;}
#mypage.comm_form .layout .accor_wrap ul li .hd{align-items: center; padding-bottom: 20px; border-bottom: 1px solid #848484;}
#mypage.comm_form .layout .accor_wrap ul li .hd .lt .tit{font-size: 20px; color: #111; font-weight: 800; padding-left: 20px;}
#mypage.comm_form .layout .accor_wrap ul li .inner{display: block; border-top: none; padding-top: 0px; margin-top: 0px;}
#mypage.comm_form .layout .accor_wrap .info_box{border-top: 0; padding-bottom:0;}
#mypage.comm_form .layout .accor_wrap ul li + li{margin-top:70px;}

#mypage.comm_form.modi_info_pw .layout .info_box{padding-top: 70px; padding-bottom: 0;}
#mypage.comm_form.modi_info_pw .layout .info_box .row, #mypage.comm_form.modi_info_pw .layout .btn_wrap{display:block; max-width: 560px; margin: 0 auto;}
#mypage.comm_form.modi_info_pw .layout .info_box .row + .row{margin-top:20px;}
#mypage.comm_form.modi_info_pw .layout .info_box .row .tit{width: 100%; font-weight:800; padding:0; margin-bottom: 20px;}
#mypage.comm_form.modi_info_pw .layout .info_box .row input[type="text"], #mypage.comm_form.modi_info_pw .layout .info_box .row input[type="password"]{max-width: 100%; border-radius: 10px; border: 1px solid #999;}
#mypage.comm_form.modi_info_pw .layout .info_box .row input[type="text"]:read-only{border: 0;}
#mypage.comm_form.modi_info_pw .layout .info_box .row .helper{position: initial; font-size: 18px; color: #000; font-weight: 300; margin-top: 15px;}
#mypage.comm_form.modi_info_pw .layout .btn_wrap{display: flex; gap: 0 20px; margin-top: 80px;}
#mypage.comm_form.modi_info_pw .layout .btn_wrap .btn{width:100%;}

#mypage.comm_form.modi_info .layout .info_box{padding-bottom:0;}
#mypage.comm_form.modi_info .layout .info_box + .info_box{margin-top:50px;}
#mypage.comm_form.modi_info .layout .info_box .row .tit{width: 115px; padding-left:0;}
#mypage.comm_form.modi_info .layout .info_box .row .rt{width: calc(100% - 115px);}
#mypage.comm_form.modi_info .layout .info_box .row .helper_gy{padding-left:20px;}
#mypage.comm_form.modi_info .layout .info_box input[type="text"], #mypage.comm_form.modi_info .layout .info_box input[type="password"]{width:100%; max-width:600px;}
#mypage.comm_form.modi_info .layout .info_box .row .rt.birth_cover{display:block; width: 100%; max-width: 290px; font-size:0;}
#mypage.comm_form.modi_info .layout .info_box .row .rt.birth_cover input[type="text"]{width: 100%; max-width: 70px;}
#mypage.comm_form.modi_info .layout .info_box.type_row{padding-top:30px;}
#mypage.comm_form.modi_info .layout .info_box.type_row .tit{display:block; font-size:18px; color:#111; font-weight:700;}
#mypage.comm_form.modi_info .layout .info_box.type_row .inp_area{display:flex; margin-top:25px;}
#mypage.comm_form.modi_info .layout .info_box.type_row .inp_area .col{width:50%;}
#mypage.comm_form.modi_info .layout .info_box.type_row .inp_area .col .inp_cover + .inp_cover{margin-left:30px;}
#mypage.comm_form.modi_info .layout .info_box.type_row .inp_area .col .inp_cover input[type="checkbox"]{display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-right: 10px;}
#mypage.comm_form.modi_info .layout .info_box.type_row .inp_area .col .inp_cover label{display: inline-block; font-size: 18px; color: #000; font-weight: 300; vertical-align: middle; cursor:pointer;}
#mypage.comm_form.modi_info .layout .btn_wrap{display: flex; gap: 0 20px;}
#mypage.comm_form.modi_info .layout .btn_wrap .btn{width: 100%; max-width: 270px;}
#mypage.comm_form.modi_info .layout .cnt_wrap{margin-top: 30px;}

#mypage.comm_form.inq_history .layout .tit_sub{font-size:25px;}
#mypage.comm_form.inq_history .layout .info_box{padding-top:30px;}
#mypage.comm_form.inq_history .top_area{display: flex; justify-content: space-between; align-items: center; padding: 0 20px; box-sizing: border-box; margin-bottom: 30px;}
#mypage.comm_form.inq_history .top_area .text{font-size: 20px; color: #111;}
#mypage.comm_form.inq_history .top_area .rt{display: flex; gap: 0 10px; width: 80%;}
#mypage.comm_form.inq_history .top_area .rt .sel{width: 25%; font-weight: 400; padding-left: 30px; margin-right: 0;}
#mypage.comm_form.inq_history .top_area .rt .search_box{width: 50%;}
#mypage.comm_form.inq_history .rt_wrap{margin-top: 40px;}
#mypage.comm_form.inq_history .rt_wrap .btn{display: inline-block; height: 42px; line-height: 42px; font-size: 20px; color: #fff; font-weight: 700; text-align: center; background: #9254d8; padding: 0 40px; box-sizing: border-box;}
#mypage.comm_form.inq_history .pagination{margin-top:40px;}

#policy.comm_form .layout .fm_wrap{font-size: 18px; line-height: 1.7; letter-spacing:0;}
#policy.comm_form .layout .tit_sub{display: block; font-weight:700; padding-left: 0; margin-bottom: 5px;}

#program .layout{margin-top: 120px;}
#program .layout.step_ani{margin-top:150px;}
#program .layout .ul_tab.type_rd{gap: 0 20px; margin-top:0;}
#program .layout .ul_tab.type_rd li{width: auto; max-width: initial; min-width: 400px;}
#program .layout .ul_tab.type_rd li a{height: 60px; line-height: 60px; font-size: 22px; border-radius: 30px; color:#fff; background:#b072ee;}
#program .layout .ul_tab.type_rd li.on a{color:#612189; background:#fff;}
#program .layout .tab_view .inner{padding-top:110px;}
#program .layout .title{position:relative; padding:0 30px 40px 30px;}
#program .layout .title strong{position:relative; z-index: 1; display: inline-block; font-size: 40px; color: #111; font-weight: 900;}
#program .layout .title strong::before{position:absolute; z-index: -1; left:0; top:0; transform: translate(-35%, -38%); content:''; opacity:.3; display:block; width:94px; height:94px; background:#c897e7; border-radius:50%;}
#program .layout .title.line_btm, #program .layout .title.line_btm strong, #program .layout .title.line_btm ~ p{text-align:center;}
#program .layout .title.line_btm::after, #program .layout .title.line_btm_lt::after{position:absolute; bottom:0; content:''; display:block; width:86px; height:4px; background:#9254d8;}
#program .layout .title.line_btm::after{left:50%; transform:translateX(-50%);}
#program .layout .title.line_btm_lt::after{left:30px;}
#program .layout .title.line_btm ~ p, #program .layout .title.line_btm_lt ~ p{font-size:20px; color:#111; line-height:1.7; font-weight:700; margin-top:35px;}
#program .layout .title.line_btm_lt ~ p{padding-left:30px;}
#program .layout .tit_fc{display: block; font-size: 24px; color: #b47cd4; font-weight: 800; margin-bottom: 25px;}
#program .layout .tit_fc ~ .tit_fc{margin-top: 50px;}
#program .layout .tit_fc.blue{color:#5883c6;}
#program .layout .tit_fc.red{color:#e53d41;}
#program .layout .tit_fc.orange{color:#e57b3e;}
#program .layout .tit_fc.olive{color:#b4852c;}
#program .layout .tit_fc.brown{color:#a06d4d;}
#program .layout .text{display: block; font-size: 20px; color: #111; font-weight: 700; line-height: 1.6;}
#program .layout .tbl_col th{background: #f9f3fd;}
#program .layout .tbl_col.blue th{background:#edf4ff;}
#program .layout .tbl_col.red th{background:#ffecec;}
#program .layout .tbl_col.orange th{background:#fff1e9;}
#program .layout .tbl_col.olive th{background:#fff9eb;}
#program .layout .tbl_col.brown th{background:#fff1e9;}
#program .layout table .ul_dash li::before{content:'- '; display:inline; font-size:inherit; color:inherit; line-height:inherit;}
#program .layout.fl_wrap{display: flex; gap: 0 60px; margin-bottom:130px;}
#program .layout.fl_wrap .lt_area{position: sticky; top: 0; z-index: 1; width:280px; height: 500px; padding-top: 20px;}
#program .layout.fl_wrap .lt_area .btn{display:block; width:100%; font-size:20px; color:#fff; font-weight:800; line-height: 1.7; text-align: left; background:#bcbcbc; border-radius:15px; box-shadow: inset 0px 1px 2px 1px rgba(255,255,255,.4), inset 0px -1px 2px 1px rgba(0,0,0,.15); padding:35px 30px 35px 40px; box-sizing:border-box;}
#program .layout.fl_wrap .lt_area .btn + .btn{margin-top:30px;}
#program.rhythm .layout.fl_wrap .lt_area .btn.btn_01.on{background:#b47cd4;}
#program.rhythm .layout.fl_wrap .lt_area .btn.btn_02.on{background:#5883c6;}
#program.rhythm .layout.fl_wrap .lt_area .btn.btn_03.on{background:#e53d41;}
#program.melody .layout.fl_wrap .lt_area .btn.btn_01.on{background:#e57b3e;}
#program.melody .layout.fl_wrap .lt_area .btn.btn_02.on{background:#b4852c;}
#program.melody .layout.fl_wrap .lt_area .btn.btn_03.on{background:#a06d4d;}
#program .layout.fl_wrap .rt_area{width:calc(100% - 340px); max-width:initial; padding-top: 30px;}
#program .layout.fl_wrap .rt_area .rt_inner + .rt_inner{padding-top: 140px;}
#program .layout .step_wrap{display: flex; flex-wrap: wrap; gap: 60px 65px; margin-top:80px; margin-bottom:120px;}
#program .layout .step_wrap .step{position: relative; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; width: calc((100% / 3) - 44px);}
#program.rhythm .layout .step_wrap .step{height: 670px;}
#program.melody .layout .step_wrap .step{height: 600px;}
#program .layout .step_wrap .step .inner_top .num{display:block; width:70px; height:70px; line-height:70px; font-size:36px; color:#fff; font-weight:800; background:#cacaca; border-radius:50%; text-align:center; margin-bottom:25px;}
#program .layout .step_wrap .step .inner_top .num::before{position:absolute; left:70px; top:35px; content:''; display:block; width:0%; height:4px; background:#e8d0f8; transition: .3s ease all;}
#program .layout .step_wrap .step:last-of-type .inner_top .num::before{display:none;}
#program .layout .step_wrap .step .inner_top .tit, #program .layout .step_wrap .step .inner_top .tit_s, #program.rhythm .layout .step_wrap .step .ul_chk{padding-left:10px;}
#program .layout .step_wrap .step .inner_top .tit{display:block; font-size:30px; color:#cacaca; font-weight:800;}
#program .layout .step_wrap .step .inner_top .tit_s{display: block; font-size: 24px; color: #cacaca; font-weight: 700; margin-top:5px;}
#program .layout .step_wrap .step .inner_top .ul_chk{margin-top:30px;}
#program .layout .step_wrap .step .inner_top .ul_chk li{position:relative; font-size:20px; color:#cacaca; font-weight:700; line-height:1.7; padding-left:40px;}
#program .layout .step_wrap .step .inner_top .ul_chk li::before{position:absolute; top:0; left:0; content:''; display:inline-block; width:30px; height:35px; background:url('/images/contents/ico_li_chk.png') no-repeat 50% / 15px auto;}
#program .layout .step_wrap .step .inner_btm{display: flex; flex-direction: column; justify-content: flex-end; width:100%; margin-top:25px;}
#program .layout .step_wrap .step .inner_btm img{opacity:.3; display:block; width:100%; border-radius:15px; box-shadow: 0 4px 10px 0 rgba(0,0,0,.18);}
#program .layout .step_wrap .step.on .inner_top .num,
#program .layout .step_wrap .step.on .inner_top .num::before,
#program .layout .step_wrap .step.on .inner_top .tit,
#program .layout .step_wrap .step.on .inner_top .ul_chk li,
#program .layout .step_wrap .step.on .inner_top .ul_chk li:nth-of-type(1)::before{transition: .3s ease all;}
#program .layout .step_wrap .step.on .inner_top .num{background:#9254d8;}
#program .layout .step_wrap .step.on .inner_top .num::before{width:100%;}
#program .layout .step_wrap .step.on .inner_top .tit{color:#9254d8;}
#program .layout .step_wrap .step.on .inner_top .tit_s, #program .layout .step_wrap .step.on .inner_top .ul_chk li{color:#111;}
#program .layout .step_wrap .step.on .inner_top .ul_chk li::before{background-image:url('/images/contents/ico_li_chk_on.png');}
#program .layout .step_wrap .step.on .inner_btm img{opacity:1;}
#program .layout .level_box{display: flex; width: 100%; flex-direction: row; column-gap: 20px; padding-bottom: 20px; margin-top: 100px; margin-bottom:100px;}
#program .layout .level_box .ele{position:relative; display: flex; flex-direction: column; justify-content: space-between; width:100%; height: 700px; flex-grow: 1; transition: .5s ease all; border-radius:15px; overflow: hidden; box-shadow:0 4px 10px 0 rgba(0,0,0,.18); padding:50px 40px 0 40px; box-sizing:border-box;}
#program .layout .level_box .ele::before{position:absolute; bottom:0; left:0; content:''; display:block; width:100%; height:150px;}
#program .layout .level_box .ele .btn_view{position: absolute; left: 50px; bottom: 35px; z-index: 1; display:block; font-size: 22px; color: #fff; font-weight: 800;}
#program .layout .level_box .ele .inner_top .tit, 
#program .layout .level_box .ele .inner_top p, 
#program .layout .level_box .ele .inner_btm{padding-right:40px; box-sizing:border-box;}
#program .layout .level_box .ele .inner_top p, 
#program .layout .level_box .ele .inner_btm{width:62%;}
#program.melody .layout .level_box .ele .inner_top p, 
#program.melody .layout .level_box .ele .inner_btm{width:71%;}
#program .layout .level_box .ele .inner_top .sub{position:absolute; top:50px; display:block; width:240px; height:56px; line-height:56px; font-size:22px; font-weight:800; color:#fff; text-align:center; border-radius:28px;}
#program .layout .level_box .ele .inner_top .tit{position:absolute; top:130px; display:block; font-size:36px; font-weight:900;}
#program .layout .level_box .ele:hover .inner_top .tit .t_bl{display:inline;}
#program .layout .level_box .ele .inner_top p{position:absolute; top:210px; display:none; max-height:50%; overflow:hidden; font-size:24px; color:#111; line-height:1.7; word-break: keep-all;}
#program .layout .level_box .ele .inner_btm{position:absolute; bottom:70px; display: none; flex-wrap: wrap; gap: 10px;}
#program .layout .level_box .ele .inner_btm span{display:inline-block; line-height: 40px; font-size:22px; color:#b47cd4; font-weight:800; white-space: nowrap; background:#fff; border:2px solid #b47cd4; border-radius:22px; padding:0 25px; box-sizing:border-box;}
#program.rhythm .layout .level_box .ele.e_01{background:#f9f3fd url('/images/contents/img_level_01.png') no-repeat bottom right / 466px auto;}
#program.rhythm .layout .level_box .ele.e_02{background:#edf4ff url('/images/contents/img_level_02.png') no-repeat bottom right / 466px auto;}
#program.rhythm .layout .level_box .ele.e_03{background:#ffecec url('/images/contents/img_level_03.png') no-repeat bottom right / 466px auto;}
#program.melody .layout .level_box .ele.e_01{background:#fff1e9 url('/images/contents/img_level_melody_01.png') no-repeat bottom right / 466px auto;}
#program.melody .layout .level_box .ele.e_02{background:#fff9eb url('/images/contents/img_level_melody_02.png') no-repeat bottom right / 466px auto;}
#program.melody .layout .level_box .ele.e_03{background:#fff1e9 url('/images/contents/img_level_melody_03.png') no-repeat bottom right / 466px auto;}
#program.rhythm .layout .level_box .ele.e_01::before{background:linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(220, 161, 254, 1) 100%);}
#program.rhythm .layout .level_box .ele.e_02::before{background:linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(130, 179, 255, 1) 100%);}
#program.rhythm .layout .level_box .ele.e_03::before{background:linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(237, 119, 121, 1) 100%);}
#program.melody .layout .level_box .ele.e_01::before{background:linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 163, 110, 1) 100%);}
#program.melody .layout .level_box .ele.e_02::before{background:linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(204, 171, 107, 1) 100%);}
#program.melody .layout .level_box .ele.e_03::before{background:linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(191, 153, 128, 1) 100%);}
#program.rhythm .layout .level_box .ele.e_01 .sub{background:#b47cd4;}
#program.rhythm .layout .level_box .ele.e_02 .sub{background:#5883c6;}
#program.rhythm .layout .level_box .ele.e_03 .sub{background:#e53d41;}
#program.melody .layout .level_box .ele.e_01 .sub{background:#e57b3e;}
#program.melody .layout .level_box .ele.e_02 .sub{background:#b4852c;}
#program.melody .layout .level_box .ele.e_03 .sub{background:#a06d4d;}
#program.rhythm .layout .level_box .ele.e_01 .tit{color:#b47cd4;}
#program.rhythm .layout .level_box .ele.e_02 .tit{color:#5883c6;}
#program.rhythm .layout .level_box .ele.e_03 .tit{color:#e53d41;}
#program.melody .layout .level_box .ele.e_01 .tit{color:#e57b3e;}
#program.melody .layout .level_box .ele.e_02 .tit{color:#b4852c;}
#program.melody .layout .level_box .ele.e_03 .tit{color:#a06d4d;}
#program.rhythm .layout .level_box .ele.e_02 .inner_btm span{color:#5883c6; border-color: #5883c6;}
#program.rhythm .layout .level_box .ele.e_03 .inner_btm span{color:#e53d41; border-color: #e53d41;}
#program.melody .layout .level_box .ele.e_01 .inner_btm span{color:#e57b3e; border-color: #e57b3e;}
#program.melody .layout .level_box .ele.e_02 .inner_btm span{color:#b4852c; border-color: #b4852c;}
#program.melody .layout .level_box .ele.e_03 .inner_btm span{color:#a06d4d; border-color: #a06d4d;}
#program .layout .level_box.hover .ele .inner_top .sub, 
#program .layout .level_box.hover .ele .inner_top .tit{display:none;}
#program .layout .level_box .ele.n_hover{opacity:.5; width:15%; background-position: bottom center !important;}
#program.melody .layout .level_box .ele.e_02.n_hover{background-position: bottom right -40px !important;}
#program .layout .level_box .ele:hover{width:70%;}
#program .layout .level_box .ele:hover::before{display:none;}
#program .layout .level_box .ele:hover .btn_view{display:none;}
#program .layout .level_box .ele:hover .inner_top .sub,
#program .layout .level_box .ele:hover .inner_top .tit,
#program .layout .level_box .ele:hover .inner_top p{display:block;}
#program .layout .level_box .ele:hover .inner_btm{display:flex;}
#program.rhythm .layout .level_box .ele.e_01:hover{background-position: bottom right -80px;}
#program.rhythm .layout .level_box .ele.e_02:hover{background-position: bottom right -80px;}
#program.rhythm .layout .level_box .ele.e_03:hover{background-position: bottom right -45px;}
#program.melody .layout .level_box .ele.e_01:hover{background-position: bottom right -50px;}
#program.melody .layout .level_box .ele.e_02:hover{background-position: bottom right -50px;}
#program.melody .layout .level_box .ele.e_03:hover{background-position: bottom right -75px;}






/* 통이미지 + 버튼 페이지*/
#brand_story{position:relative;}
#brand_story .btn_link{position:absolute; top: 48.6vw; left: 13vw; display: block; width: 14.2vw; height: 3vw; font-size:0; color:transparent;}



/* 팝업 */
.pop_wrap{display: none; position: fixed; z-index: 1100; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 460px; font-size: 19px; font-weight: 700; line-height:1.7; text-align: center; background: #fff; border-radius: 9px; padding: 45px 30px 30px 30px;}
.pop_wrap .pop_body{overflow-y: overlay;}
.pop_wrap .pop_body .btn_wrap{display: flex; justify-content: center; gap:0 10px; margin-top: 40px;}
.pop_wrap .pop_body .btn_wrap .btn{display: block; width: 186px; height: 56px; line-height: 56px; font-size: 19px; font-weight:700; color: #fff; text-align: center; background: #9254d8; border-radius: 6px;}
.pop_wrap .pop_body .btn_wrap .btn.type_03{color: #9254d8; line-height: 54px; background: transparent; border: 2px solid #9254d8;}
.pop_wrap .pop_body.type_lt{text-align: left; padding-top: 20px;}
.pop_wrap .pop_body.type_lt .box_gray{background: #f5f5f5; margin-top: 10px; padding: 20px;}

.pop_wrap.type_02{max-width: 1200px; border-radius: 0; padding: 0;}
.pop_wrap.type_02 .pop_header{position: relative; width: 100%; height: 80px; font-size: 26px; color: #fff; text-align: left; background: #000; padding: 0 40px; box-sizing: border-box;}
.pop_wrap.type_02 .pop_header strong{display: inline-block; font-size: inherit; color: inherit; line-height: 80px; font-weight:800;}
.pop_wrap.type_02 .pop_header .btn_close{position: absolute; top: 50%; right: 30px; transform: translateY(-50%); display:inline-block; width:40px; height:40px; background:url('/images/common/ico_pop_close.png') no-repeat 50% / 24px auto; font-size: 0; color: transparent;}
.pop_wrap.type_02 .pop_body{font-size: 16px; color: #111; font-weight: 700; line-height: 1.8; text-align:left; padding:20px 25px 25px 60px; overflow: initial;}
.pop_wrap.type_02 .pop_body .inner{overflow-y: overlay;}

.pop_wrap.type_03{max-width:725px; padding:0 45px 70px 45px; border-radius:30px;}
.pop_wrap.type_03 .pop_header{position: relative; text-align: left; padding-top:40px; padding-bottom:10px;}
.pop_wrap.type_03 .pop_header::after{position:absolute; bottom:0; content:''; display:block; width:100%; height:1px; background:#929292;}
.pop_wrap.type_03 .pop_header strong{font-size:30px; color:#111; font-weight:900; line-height: 2;}
.pop_wrap.type_03 .pop_header .btn_close{position: absolute; top: 50%; right: 0; transform: translateY(-50%); display:inline-block; width:40px; height:40px; background:url('/images/common/ico_pop_close_bk.png') no-repeat 50% / 29px auto; font-size: 0; color: transparent;}
.pop_wrap.type_03 .ul_share{display: flex; margin-top: 60px;}
.pop_wrap.type_03 .ul_share li{display:inline-block; width:100%;}
.pop_wrap.type_03 .ul_share li img{display:block; width:108px; margin: 0 auto;}
.pop_wrap.type_03 .ul_share li .tit{display:block; font-size:20px; color:#111; line-height:1.7; font-weight:700; margin-top:10px;}

.pop_wrap.type_04{max-width: 600px; border-radius: 0; padding: 0;}
.pop_wrap.type_04 .pop_header{position: relative; width: 100%; height: 50px; font-size: 18px; color: #fff; text-align: left; background: #9254d8; padding: 0 20px; padding-right: 50px; box-sizing: border-box;}
.pop_wrap.type_04 .pop_header strong{display: inline-block; font-size: inherit; color: inherit; line-height: 50px; font-weight: 700;}
.pop_wrap.type_04 .pop_header .btn_close{position: absolute; top: 50%; right: 10px; transform: translateY(-50%); display: inline-block; width: 40px; height: 40px; background: url('/images/common/ico_pop_close_02.png') no-repeat 50% / 24px auto; font-size: 0; color: transparent;}
.pop_wrap.type_04 .pop_body{font-size: 16px; color: #111; font-weight: 700; line-height: 1.8; text-align: left; padding: 20px; overflow: initial;}
.pop_wrap.type_04 .pop_body .btn_wrap.rt{justify-content: flex-end;}
.pop_wrap.type_04 .pop_body .btn_wrap .btn{display: block; width:auto; min-width: 80px; height: 40px; line-height: 38px; font-size: 16px; font-weight: 700; color: #555; text-align: center; background: transparent; border: 1px solid #cacaca; border-radius: 9px; padding: 0 20px; box-sizing: border-box;}

.dim{display: none; position: fixed; z-index:1000; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .4);}
/* // 팝업 */


@media (max-width: 1900px) {
	#main .sec_02::before{left:50%; transform:translateX(-960px);}
	#main .sec_02::after{right:50%; transform:translateX(960px);}
}

@media (max-width: 1450px) {
	.layout{padding-left:16px; padding-right:16px;}
	.banner_top{min-height: 50px; height: 6.8vw;}
	.banner_top img{max-width:100%; height:100%; object-fit: cover;}
	header .menu_area .ul_menu{padding-right: 0;}
	header .menu_area .ul_menu li a, header .hd_sub .inner .li a{font-size: 18px;}
	header .hd_sub .inner .li{padding: 4vw 3vw;}

	.banner_btm{min-height: 45px; height: 6.8vw;}
	.banner_btm img{min-width:100%;}
	.banner_btm .btn_link{top: 1.8vw; transform: translateX(11vw); width: 11.4vw; height: 3.1vw;}

	.quick_wrap, #main .sec_01{padding-top:1.4vw;}
	.quick_wrap{position: fixed; top:initial !important; bottom:20px;}

	.sub_banner{height: clamp(170px, 18vw, 260px);}
	.sub_banner .txt_area .tit{font-size:clamp(26px, 3.1vw, 45px);}
	.sub_banner .txt_area .sub span{font-size:clamp(13px, 1.25vw, 18px);}
	.sub_banner .txt_area .text{font-size:clamp(12px, 1.38vw, 20px);}
	.sub_banner::before, .sub_banner::after{width:clamp(55px, 9.11vw, 132px); height:clamp(80px, 13.4vw, 194px);}
	.sub_banner::before{top:clamp(-2px, -.1vw, -7px); transform:translateX(-33vw) rotate(-21deg);}
	.sub_banner::after{bottom:clamp(-1px, -1.3vw, -18px); transform:translateX(31.8vw);}

	.sub_top{font-size:clamp(12px, 1.38vw, 20px); padding-top:clamp(50px, 7.55vw, 110px); padding-bottom:clamp(50px, 7.55vw, 110px);}
	.sub_top .tit{font-size:clamp(19px, 2.75vw, 40px); margin-bottom:clamp(10px, 1.4vw, 20px);}
	.sub_top .btn_link_01{margin-top:clamp(18px, 2.42vw, 35px);}
	.sub_top .tit::before{width:clamp(50px, 6.5vw, 94px); height:clamp(50px, 6.5vw, 94px);}
	.sub_top .tit a::after{width:clamp(8px, 1.03vw, 15px); height:clamp(15px, 2vw, 29px); margin-left:clamp(10px, 1.05vw, 15px);}

	.sub_top.thin{padding-top:clamp(30px, 5.5vw, 80px); padding-bottom:clamp(30px, 5.5vw, 80px);}

	.btn_link_01{width: clamp(180px, 21.7vw, 315px); height: clamp(40px, 3.8vw, 55px); line-height: clamp(40px, 3.8vw, 55px); font-size: clamp(13px, 1.65vw, 24px); border-radius: clamp(20px, 1.9vw, 28px); padding-left: clamp(30px, 3.4vw, 50px); padding-right: clamp(40px, 3.5vw, 55px);}
	.btn_link_01::after{right:clamp(3px, .42vw, 6px); width:clamp(34px, 2.96vw, 43px); height:clamp(34px, 2.96vw, 43px);}
	.btn_link_01.w250{width:clamp(146px, 17.25vw, 315px);}
	.btn_link_01.w315{width:clamp(185px, 21.7vw, 315px);}
	.btn_link_01.w440{width:clamp(255px, 30.3vw, 440px);}

	#main .sec_01{padding-bottom:3.8vw;}
	#main .sec_01 .layout .s_01{width:68%; padding-right:1.3vw;}
	#main .sec_01 .layout .s_02, #main .sec_01 .layout .s_03{width:32%;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main{height:40.2vw; border-radius: 2.6vw;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-arrow, #main .sec_01 .layout .s_01 .slider_main_cover .slider_con .btn_pause{bottom: 1.5vw; left: 24vw; width: 35px; height: 35px; background-size:10px auto;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-arrow.slick-prev{left: 20vw; background-size:9px auto;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-arrow.slick-next{left: 28vw; background-size:9px auto;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con{width: 52%; height: 15.5%; border-radius: 0 2.5vw 0 0;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con::before, #main .sec_01 .layout .s_01 .slider_main_cover .slider_con::after{width:3vw; height:3vw; background-size:3vw auto;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .paging{bottom: 2vw; left: 1%;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .paging span{font-size:14px;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .paging span.total{margin-left:8px;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .paging span.total::before{margin-right:8px;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .bar{bottom: 2.6vw; left: 7.2vw; width: 11vw;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide, #main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide, #main .sec_01 .layout .s_03{border-radius:2.7vw;}
	#main .sec_01 .layout .s_02 .slider_01_cover .slider_01{height:23vw;}
	#main .sec_01 .layout .s_02 .slider_01_cover .slider_01::after{width:9vw; height:9vw; background-size:9vw auto;}
	#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide .tit{top: 1.7vw; left: 2vw; font-size:18px;}
	#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-dots{bottom: 1.3vw;}
	#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-dots li ~ li{margin-left:1.3vw;}
	#main .sec_01 .layout .s_02 .slider_01_cover .btn_plus{top:1vw; right:1vw; width: 35px; height: 35px; background-size:15px auto;}
	#main .sec_01 .layout .s_03{height:16.2vw; margin-top:1.1vw;}

	#main .sec_02 .layout .slider_02{margin:50px auto 0 auto;}
	#main .sec_02 .layout .slider_02 .slick-arrow{width: 50px; height: 50px;}
	#main .sec_02 .layout .slider_02 .slick-arrow.slick-prev{left:-80px; background:url('/images/main/arr_wt_lt.png') no-repeat center / 15px auto, linear-gradient(90deg,rgba(118, 131, 217, 1) 0%, rgba(216, 160, 254, 1) 100%);}
	#main .sec_02 .layout .slider_02 .slick-arrow.slick-next{right:-80px; background:url('/images/main/arr_wt_rt.png') no-repeat center / 15px auto, linear-gradient(90deg,rgba(118, 131, 217, 1) 0%, rgba(216, 160, 254, 1) 100%);}

	#main .sec_03 .layout > .t_sub{margin-bottom:50px;}
	#main .sec_03 .layout .box > .tit{width: 25%; font-size: 2.1vw;}
	#main .sec_03 .layout .box .ul_li{width: 75%; gap: .6vw;}
	#main .sec_03 .layout .box .ul_li li{width: 24%;}
	#main .sec_03 .layout .box .ul_li li a{height: 3.6vw; line-height: 3.6vw; font-size: 1.4vw; border-radius: 1.8vw;}
	#main .sec_03 .layout .box .ul_li li.ico a{background-position: center left 1.5vw; padding-left:1.5vw;}
	#main .sec_03 .layout .box .ul_li li.ico.ico_01 a{background-size: auto 3vw;}
	#main .sec_03 .layout .box .ul_li li.ico.ico_02 a{background-size: auto 2.8vw;}
	#main .sec_03 .layout .box .ul_li li.ico.ico_03 a{background-size: auto 3vw;}
	#main .sec_03 .layout .box .ul_li li.ico.ico_04 a{background-size: auto 2.9vw;}
	#main .sec_03 .layout .box .ul_li li.ico.ico_05 a{background-size: auto 2.9vw;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03{padding-bottom: 5.5vw;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide{border-radius: 2.75vw;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .img{height: 19.85vw;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info{padding: 2.5vw;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .tit{font-size: 1.65vw;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .detail{margin-top: 1.7vw;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .detail span.i_01{font-size: 1.5vw;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .detail span.i_02{font-size: 1.2vw; margin-left: .4vw; padding-left: .4vw;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .detail span.i_03{height: 1.25vw; font-size: .98vw; padding: 0 .55vw; margin-left: .7vw;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .btm_area{font-size: 1.1vw; margin-top: 1.65vw; padding-top: 2.1vw;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .btm_area span ~ span{margin-left: 1.82vw;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .btm_area span .ico{margin-right: .35vw;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .btm_area .like .ico{width: 1.65vw; height: 1.55vw; background-size: 1.6vw auto;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .btm_area .review .ico{width: 1.45vw; height: 1.45vw; background-size: 1.44vw auto;}
	
	#main .sec_04 .layout .ul_tab li ~ li{margin-left: .7vw;}
	#main .sec_04 .layout .ul_tab li a{height: 4.14vw; line-height: 4.14vw; font-size: 1.52vw; padding: 0 2.41vw;}
	#main .sec_04 .layout .slider_04{height:47vw; margin-top: 3.45vw;}
	#main .sec_04 .layout .slider_04 .slick-track{padding-top: 5.15vw; padding-bottom: 5.15vw;}
	#main .sec_04 .layout .slider_04 .slick-list{margin: 0 -2vw;}
	#main .sec_04 .layout .slider_04 .slick-slide{padding: 0 2vw;}
	#main .sec_04 .layout .slider_04 .inner, #main .sec_04 .layout .inner .inner .img{border-radius:2.7vw;}
	#main .sec_04 .layout .slider_04 .inner{padding-top:3px;}
	#main .sec_04 .layout .slider_04 .inner .img{width: calc(100% - 6px); height: 20.5vw;}
	#main .sec_04 .layout .slider_04 .inner .info{padding: 1.62vw .26vw;}
	#main .sec_04 .layout .slider_04 .inner .info .tit{font-size: 1.8vw;}
	#main .sec_04 .layout .slider_04 .inner .info .t_sub{font-size: 1.3vw; margin-bottom: .98vw;}
	#main .sec_04 .layout .slider_04 .inner .info p{font-size: 1.16vw;}

	#main .sec_05 .layout .box .tit{font-size: 2.45vw;}
	#main .sec_05 .layout .ul_tbl li{padding: .8vw 7.5vw .8vw 0;}
	#main .sec_05 .layout .ul_tbl li .tag{width: 8vw; height: 2.75vw; line-height: 2.75vw; font-size: 1.25vw; border-radius: 1.375vw; margin-right: 1vw;}
	#main .sec_05 .layout .ul_tbl li a.link{font-size: 1.38vw;}
	#main .sec_05 .layout .ul_tbl li .date{font-size: 1.24vw;}
	#main .sec_05 .layout .btn_link{margin-top:2vw;}
	#main .sec_05 .layout .slider_05_cover .slider_05{height: 33.4vw;}
	#main .sec_05 .layout .slider_05_cover .slider_05 .slick-track, #main .sec_05 .layout .slider_05_cover .slider_05 .slick-list{height:100%;}
	#main .sec_05 .layout .slider_05_cover .slider_05 .slick-slide{border-radius: 2.8vw;}
	#main .sec_05 .layout .slider_05_cover .slider_05 .slick-slide .txt{bottom: 3.5vw; font-size:1.7vw;}
	#main .sec_05 .layout .slider_05_cover .slider_05 .slick-arrow{bottom: 6.8vw;}
	#main .sec_05 .layout .slider_05_cover .slider_05 .slick-arrow.slick-prev{transform: translateX(-5.5vw); background-size: .6vw auto;}
	#main .sec_05 .layout .slider_05_cover .slider_05 .slick-arrow.slick-next{transform: translateX(5.5vw); background-size: .6vw auto;}
	#main .sec_05 .layout .slider_05_cover .slide_num{bottom: 6.8vw; font-size:1.4vw;}
}

@media (max-width: 1024px) {
	header .inner_top a.logo img{width:100px;}
	header .inner_top .rt_area a{font-size: 15px;}
	header .inner_top .rt_area .li{height:40px; padding: 0 25px;}
	header .inner_top .rt_area .btn_lang a{height: 40px; font-size: 15px; border-radius: 22px; padding: 0 28px;}
	header .inner_top .rt_area .btn_lang a::before{width: 17px; height: 17px; background-size:17px auto;}
	header .inner_top .rt_area .btn_store{height: 40px; line-height: 40px; font-size: clamp(9px, 1.5vw, 16px); border-radius: 20px; padding: 0 25px;}
	header .menu_area .ul_menu{width: calc(100% - 80px); padding-right: 2vw;}
	header .menu_area .ul_menu li:nth-child(1){min-width: 165px;}
	header .menu_area .ul_menu li a, header .hd_sub .inner .li a{font-size: 16px; height:50px; line-height: 40px;}
	header .menu_area .btn_search{width: 40px; height: 40px; background-size:19px auto;}
	header .menu_area .btn_menu{width: 40px; height: 40px; background-size:22px auto;}

	footer{padding-top: 40px;}
	footer .img_logo{margin-right:30px;}
	footer .img_logo img{width:100px;}
	footer .f_info{width: calc(100% - 130px);}
	footer .f_info .f_01 nav{margin-bottom: 15px;}
	footer .f_info .f_01 nav a{font-size:15px; margin-right:20px;}
	footer .f_info .f_01 nav a + a{margin-left:20px;}
	footer .f_info .f_01 nav a + a::before{left:-20px; height:12px;}
	footer .f_info .f_01 .f_addr{font-size: 13px;}
	footer .f_info .f_02 .family_site{width: 210px;}
	footer .f_info .f_02 .family_site .tit{font-size: 15px; padding-bottom: 6px;}
	footer .f_info .f_02 .link_box span.txt{font-size: 14px;}
	footer .f_info .f_02 .link_box span .img_qr{height: 45px;}
	.banner_btm .btn_link{height: 3.2vw;}
	
	.quick_wrap ul li ~ li{margin-top:1vw;}
	.quick_wrap ul li a img{width:8vw; max-width:85px;}

	.sub_banner::before{left: 9vw; transform: rotate(-21deg);}
	.sub_banner::after{right: 9vw; transform: none;}

	#main .sec .layout > .tit{font-size: 58px;}
	#main .sec .layout > .t_sub{font-size:18px;}

	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-arrow, #main .sec_01 .layout .s_01 .slider_main_cover .slider_con .btn_pause{bottom: 1.4vw; width: 30px; height: 30px;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main{height:39.5vw;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .paging{bottom: 2.1vw;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .paging span{font-size:13px;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .paging span.total{margin-left:5px;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .paging span.total::before{margin-right:5px;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .bar{bottom: 2.8vw;}
	#main .sec_01 .layout .s_02 .slider_01_cover .slider_01{height:22.5vw;}
	#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide .tit{font-size:15px;}
	#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-dots li button{width: 7px; height: 7px;}
	#main .sec_01 .layout .s_02 .slider_01_cover .btn_plus{width: 30px; height: 30px;}
	#main .sec_01 .layout .s_03{height:16vw;}

	#main .sec_02 .layout .slider_02{width:640px; height: 360px; margin:40px auto 0 auto;}
	#main .sec_02 .layout .slider_02 .slick-arrow{top: 130px;}
	#main .sec_02 .layout .slider_02 .slick-arrow.slick-prev{left:-70px;}
	#main .sec_02 .layout .slider_02 .slick-arrow.slick-next{right:-70px;}
	#main .sec_02 .layout .btn_link{height: 70px; font-size: 20px; border-radius: 35px; padding-left: 35px;}
	#main .sec_02 .layout .btn_link::before{width: 45px; height: 38px; background-size: 45px auto;}
	#main .sec_02 .layout .btn_link::after{width: 62px; height: 62px; margin-left: 24px; background-size: 13px auto;}

	#main .sec_03 .layout > .t_sub{margin-bottom:40px;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .img{height:26vw;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info{padding: 25px;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .tit{font-size: 16px;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .detail{font-size: 16px;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .detail span.i_01{font-size: 16px;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .detail span.i_02{font-size: 13px; margin-left: 4px; padding-left: 4px;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .detail span.i_03{height: 14px; font-size: 11px; padding: 0 6px; margin-left: 6px;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .btm_area{font-size: 12px; margin-top: 16px; padding-top: 20px;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .btm_area span ~ span{margin-left: 18px;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .btm_area span .ico{margin-right: .35vw;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .btm_area .like .ico{width: 17px; height: 15px; background-size: 16px auto;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .btm_area .review .ico{width: 15px; height: 14px; background-size: 14px auto;}

	#main .sec_04 .layout .ul_tab{max-width: 90%; margin:40px auto 0 auto;}
	#main .sec_04 .layout .slider_04 .inner .img{height: 22vw;}

	#main .sec_05 .layout .box{display: block; width: 100%;}
	#main .sec_05 .layout .box + .box{margin-left: 0; margin-top: 7vw;}
	#main .sec_05 .layout .box .tit{font-size:25px;}
	#main .sec_05 .layout .ul_tbl li{padding-right:70px;}
	#main .sec_05 .layout .ul_tbl li .tag{width: 80px; height: 28px; line-height: 28px; font-size: 13px; border-radius:14px; margin-right: 10px;}
	#main .sec_05 .layout .ul_tbl li a.link{width:calc(100% - 90px); font-size: 14px;}
	#main .sec_05 .layout .ul_tbl li .date{font-size: 13px;}
	#main .sec_05 .layout .btn_link{height: 70px; line-height: 70px; font-size: 20px; border-radius: 35px; padding-right:40px;}
	#main .sec_05 .layout .btn_link::after{width: 62px; height: 62px; margin-left: 24px; background-size: 13px auto;}
	#main .sec_05 .layout .slider_05_cover .slider_05{height:68.4vw;}
	#main .sec_05 .layout .slider_05_cover .slider_05 .slick-slide .txt{bottom:35px; font-size:16px;}
	#main .sec_05 .layout .slider_05_cover .slider_05 .slick-arrow{bottom: 70px;}
	#main .sec_05 .layout .slider_05_cover .slider_05 .slick-arrow.slick-prev{transform: translateX(-60px); background-size: 6px auto;}
	#main .sec_05 .layout .slider_05_cover .slider_05 .slick-arrow.slick-next{transform: translateX(60px); background-size: 6px auto;}
	#main .sec_05 .layout .slider_05_cover .slide_num{bottom: 70px; font-size:14px;}
}

/* mobile */
@media (max-width: 820px) {
	.br_pc{display:inline;}

	header .inner_top{height: 80px;}
	header .inner_top a.logo img{max-width: 100px; width: 12.65vw; max-width:80px; min-width: 65px;}
	header .inner_top .rt_area a{font-size: 12px;}
	header .inner_top .rt_area .li{height: 32px; line-height: 32px; padding: 0 8px;}
	header .inner_top .rt_area .li + .li::before{height: 12px;}
	header .inner_top .rt_area .btn_lang a{height: 32px; font-size: 11px; border-radius: 16px; padding: 0 10px;}
	header .inner_top .rt_area .btn_lang a::before{width: 12px; height: 12px; background-size: 12px auto;}
	header .inner_top .rt_area .btn_lang a::after{width:11px; background-size:11px auto;}
	header .inner_top .rt_area .btn_store{height: 32px; line-height: 32px; border-radius: 16px; padding: 0 10px; margin-left: 4px;}
	header .menu_area{justify-content: right;}
	header .menu_area .ul_menu{display:none;}
	header .menu_area .ul_menu li a{font-size: 14px;}

	footer{padding-top: 30px;}
	footer .img_logo img{width:80px;}
	footer .f_info{flex-direction: column; width: calc(100% - 110px);}
	footer .f_info .f_01 nav{margin-bottom: 10px;}
	footer .f_info .f_01 nav a{font-size:13px; margin-right:10px;}
	footer .f_info .f_01 nav a + a{margin-left:10px;}
	footer .f_info .f_01 nav a + a::before{left:-10px;}
	footer .f_info .f_01 .f_addr{font-size: 11px;}
	footer .f_info .f_02{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; width: 100%; margin-top: 15px;}
	footer .f_info .f_02 .family_site{width: 170px;}
	footer .f_info .f_02 .family_site .tit{font-size: 13px; padding-bottom: 5px;}
	footer .f_info .f_02 .link_box{position: static; margin-left: 15px;}
	footer .f_info .f_02 .link_box span.txt{font-size: 12px; margin-right:8px;}
	footer .f_info .f_02 .link_box span .img_qr{height: 40px;}
	.banner_btm .btn_link{top: 0; left:0; transform: none; width: 100%; height: 100%;}

	.btn_link_01::after{background-size:8px auto;}

	#main .sec .layout > .tit{font-size:26px; margin-bottom:15px;}
	#main .sec .layout > .t_sub{font-size: 14px;}

	#main .sec_01{padding-bottom:6vw;}
	#main .sec_01 .layout .box + .box{margin-top:20px;}
	#main .sec_01 .layout .s_01{width:100%; padding-right:0;}
	#main .sec_01 .layout .s_02, #main .sec_01 .layout .s_03{width:100%;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-arrow, #main .sec_01 .layout .s_01 .slider_main_cover .slider_con .btn_pause{bottom: 3vw; left: 36vw; width:4vw; height:4vw; background-size: 1.4vw auto; box-shadow: 0 1px .8px .8px rgba(0, 0, 0, .2);}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main{height:59vw;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con{height: 9.5vw; border-radius: 0 4vw 0 0;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .paging{bottom: 3.8vw;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .paging span{font-size:12px;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .paging span.total{margin-left:1vw;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .paging span.total::before{margin-right:1vw; height:12px;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .bar{bottom: 4.6vw; left: 11vw; width:17vw; height:3px;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-arrow.slick-prev{left: 31vw; background-size: 1.2vw auto;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-arrow.slick-next{left: 41vw; background-size: 1.2vw auto;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide, #main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide, #main .sec_01 .layout .s_03{border-radius:6vw;}
	#main .sec_01 .layout .s_02 .slider_01_cover .slider_01{height:auto;}
	#main .sec_01 .layout .s_02 .slider_01_cover .slider_01::after{width:19.5vw; height:19.5vw; background-size:19.5vw auto;}
	#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide .tit{top: 5vw; left: 6vw; font-size:4.5vw;}
	#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-dots{bottom: 4.5vw;}
	#main .sec_01 .layout .s_02 .slider_01_cover .btn_plus{top: 1.2vw; right: 1vw;}
	#main .sec_01 .layout .s_03{height:auto;}

	#main .sec_02 .layout .slider_02{width:75vw; height: 42.1vw; margin:25px auto 0 auto;}
	#main .sec_02 .layout .slider_02 .slick-arrow{top: 16vw; width: 40px; height: 40px;}
	#main .sec_02 .layout .slider_02 .slick-arrow.slick-prev{left:-9vw; background:url('/images/main/arr_wt_lt.png') no-repeat center / 12px auto, linear-gradient(90deg,rgba(118, 131, 217, 1) 0%, rgba(216, 160, 254, 1) 100%);}
	#main .sec_02 .layout .slider_02 .slick-arrow.slick-next{right:-9vw; background:url('/images/main/arr_wt_rt.png') no-repeat center / 12px auto, linear-gradient(90deg,rgba(118, 131, 217, 1) 0%, rgba(216, 160, 254, 1) 100%);}
	#main .sec_02 .layout .btn_link{height: 46px; font-size: 13px; border-radius: 23px; padding-left: 18px; padding-right:3px;}
	#main .sec_02 .layout .btn_link::before{width: 30px; height: 24px; background-size: 100% auto;}
	#main .sec_02 .layout .btn_link::after{width: 40px; height: 40px; margin-left: 15px; background-size: 8px auto;}

	#main .sec_03 .layout .box > .tit{display: block; width: 100%; font-size: 16px; margin-bottom: 12px;}
	#main .sec_03 .layout .box .ul_li{width: 100%; gap: 5px;}
	#main .sec_03 .layout .box .ul_li li{width: calc(25% - 4px);}
	#main .sec_03 .layout .box .ul_li li a{height: 32px; line-height: 32px; font-size: 12px; border-radius:16px;}
	#main .sec_03 .layout .box .ul_li li.ico a{background-position: center left 2.5vw; padding-left:15px;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03{padding-bottom: 45px;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide{border-radius: 4vw;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .img{height:38vw;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-arrow{width: 30px; height: 30px;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-arrow.slick-prev{right:50px; background-size: 8px auto;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-arrow.slick-next{right:0px; background-size: 8px auto;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .detail span.i_01{font-size: 15px;}
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .info .detail span.i_02::before{height:15px;}
	#main .sec_03 .layout .box .slider_03_cover .slider_con{bottom: 12px; padding-right: 110px;}
	#main .sec_03 .layout .box .slider_03_cover .slider_con .bar{height: 6px; border-radius:3px;}

	#main .sec_04 .layout .ul_tab{display: flex; flex-wrap: wrap; gap: 10px 5px; justify-content: center; margin-top:25px;}
	#main .sec_04 .layout .ul_tab li ~ li{margin-left:0;}
	#main .sec_04 .layout .ul_tab li a{height: 35px; line-height: 35px; font-size: 13px; padding: 0 20px;}
	#main .sec_04 .layout .slider_04{height:58vw; min-height: 380px;}
	#main .sec_04 .layout .slider_04 .slick-track{padding-top:7vw; padding-bottom:8vw;}
	#main .sec_04 .layout .slider_04 .inner .img{height: 25vw;}
	#main .sec_04 .layout .slider_04 .inner .info .tit{font-size:15.5px;}
	#main .sec_04 .layout .slider_04 .inner .info .t_sub{font-size:13px; margin-bottom: 8px;}
	#main .sec_04 .layout .slider_04 .inner .info p{font-size:12px;}
	
	#main .sec_05 .layout .box .tit{font-size: 20px;}
	#main .sec_05 .layout .ul_tbl li{padding:6px 70px 6px 0;}
	#main .sec_05 .layout .slider_05_cover .slider_05{height:68.4vw;}
	#main .sec_05 .layout .slider_05_cover .slider_05 .slick-slide .txt{bottom:30px; font-size:15px;}
	#main .sec_05 .layout .slider_05_cover .slider_05 .slick-arrow{bottom: 60px;}
	#main .sec_05 .layout .slider_05_cover .slide_num{bottom: 60px; font-size:13px;}
	#main .sec_05 .layout .btn_link{height: 46px; line-height: 46px; font-size: 13px; border-radius: 23px; padding-right:30px;}
	#main .sec_05 .layout .btn_link::after{right:3px; width: 40px; height: 40px; background-size: 8px auto;}
}

@media (max-width: 500px) {
	footer .img_logo{margin-right: 16px;}
	footer .img_logo img{width: 64px;}
	footer .f_info{width: calc(100% - 80px);}
	footer .f_info .f_01 nav a{font-size: 12px; margin-right: 6px;}
	footer .f_info .f_01 nav a + a{margin-left: 6px;}
	footer .f_info .f_01 nav a + a::before{left: -6px; height: 10px;}
	footer .f_info .f_02{justify-content: right;}
	footer .f_info .f_02 .link_box{margin-top: 15px;}

	#main .sec_02, #main .sec_03, #main .sec_04, #main .sec_05{padding-top:80px; padding-bottom:80px;}

	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .paging{bottom:3vw;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .paging span{font-size: 11px;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .paging span.total{margin-left:3px;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .paging span.total::before{margin-right:2px; height:10px;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .bar{left:12vw; width:15vw;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-arrow.slick-prev{left:29.5vw;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .btn_pause{left:35.5vw;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-arrow.slick-next{left:41vw;}

	#main .sec_02 .layout .slider_02 .slick-arrow{width: 30px; height: 30px;}
	#main .sec_02 .layout .slider_02 .slick-arrow.slick-prev{left:-9.5vw; background:url('/images/main/arr_wt_lt.png') no-repeat center / 10px auto, linear-gradient(90deg,rgba(118, 131, 217, 1) 0%, rgba(216, 160, 254, 1) 100%);}
	#main .sec_02 .layout .slider_02 .slick-arrow.slick-next{right:-9.5vw; background:url('/images/main/arr_wt_rt.png') no-repeat center / 10px auto, linear-gradient(90deg,rgba(118, 131, 217, 1) 0%, rgba(216, 160, 254, 1) 100%);}
	
	#main .sec_03 .layout .box .slider_03_cover .slider_03 .slick-slide .img{height:78vw;}
	#main .sec_03 .layout .box .ul_li li{width: calc(50% - 3px);}
	#main .sec_03 .layout .box .ul_li li.ico a{background-position: center left 6vw; padding-left: 20px;}
	#main .sec_03 .layout .box .ul_li li.ico.ico_01 a{background-size: auto 17.5px;}
	#main .sec_03 .layout .box .ul_li li.ico.ico_02 a{background-size: auto 16px;}
	#main .sec_03 .layout .box .ul_li li.ico.ico_03 a{background-size: auto 18px;}
	#main .sec_03 .layout .box .ul_li li.ico.ico_04 a{background-size: auto 17px;}
	#main .sec_03 .layout .box .ul_li li.ico.ico_05 a{background-size: auto 17px;}
	
	#main .sec_04 .layout .slider_04 .slick-track{padding-top:40px; padding-bottom:45px;}
	#main .sec_04 .layout .slider_04 .inner .img{height: 140px;}
	#main .sec_04 .layout .slider_04 .inner .info{padding:15px 5px;}
	#main .sec_04 .layout .slider_04 .inner .info .tit{font-size:13px;}
	#main .sec_04 .layout .slider_04 .inner .info .t_sub{font-size:12px;}
	#main .sec_04 .layout .slider_04 .inner .info p{font-size:12px;}

	#main .sec_05 .layout .box .tit{font-size:19px; margin-bottom:16px;}
	#main .sec_05 .layout .ul_tbl li{padding-right:60px;}
	#main .sec_05 .layout .ul_tbl li .tag{width: 75px; height: 26px; line-height: 26px; font-size: 12px; border-radius: 13px; margin-right:8px;}
	#main .sec_05 .layout .ul_tbl li a.link{font-size: 13px;}
	#main .sec_05 .layout .ul_tbl li .date{font-size: 12px;}
	#main .sec_05 .layout .slider_05_cover .slider_05 .slick-slide .txt{bottom:20px; font-size:13px;}
	#main .sec_05 .layout .slider_05_cover .slider_05 .slick-arrow{bottom: 45px;}
	#main .sec_05 .layout .slider_05_cover .slider_05 .slick-arrow.slick-prev{transform: translateX(-55px);}
	#main .sec_05 .layout .slider_05_cover .slider_05 .slick-arrow.slick-next{transform: translateX(55px);}
	#main .sec_05 .layout .slider_05_cover .slide_num{bottom: 45px; font-size:13px;}
	#main .sec_05 .layout .btn_link{margin-top:10px;}
}