@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:1200px; 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;}
.br_mo_on{display:none;}
.fc_red{color:#ff2c2c !important;}
.fc_blue{color:#4f68ff !important;}
.fc_blue_02{color: #355CF5 !important;}
.fc_gray{color:#a2a2a2 !important;}
.fc_purple{color:#9254d8 !important;}
.fc_yellow{color: #FFEE00 !important;}
.fc_yellow_02{color: #FEC049 !important;}
.fc_orange{color: #FF7545 !important;}
.fw_900{font-weight:900 !important}
.pt0{padding-top:0 !important;}
.pb120{padding-bottom: 120px !important;}
.mt0{margin-top:0 !important;}
.mt10{margin-top:10px !important;}
.mb50{margin-bottom:50px !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;}

.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;}
.top_area.rt{text-align: right;}

.ul_tab.type_rd{display: flex; gap: 0 10px; justify-content: center; font-size: 0; text-align: center; box-sizing:border-box; margin-top: 20px;}
.ul_tab.type_rd li{display:inline-block; width: 100%; max-width: 250px;}
.ul_tab.type_rd li a{display: flex; justify-content: center; align-items: center; width:100%; height: 50px; line-height: 1.4; font-size: 20px; color: #612189; font-weight: 800; letter-spacing:-1px; background: #fcfcfc; word-break: keep-all; box-shadow: inset 0px -1.5px 1.5px .2px rgba(0, 0, 0, .25); border-radius: 25px; padding: 0 15px; 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; box-sizing:border-box;}
.ul_tab.type_rd.active ~ .tab_view .inner.on{display:block;}

.ul_list{display:flex; gap:40px 25px; flex-wrap:wrap;}
.ul_list > li{width:calc((100% - 50px) / 3); border-radius: 40px; overflow: hidden; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .18);}
.ul_list > li .img{position:relative; display:block; width:100%; height:290px;}
.ul_list > li .img img{display:block; width: 100%; height: 100%; object-fit: cover;}
.ul_list > li .img .btn_like{position:absolute; right:10px; bottom:10px; display:block; width:30px; height:30px; background:url('/images/contents/ico_like_off.png') no-repeat 50% / 25px auto;}
.ul_list > li .img .btn_like.on{background-image:url('/images/contents/ico_like_on.png');}
.ul_list > li .img .ico_play{position:absolute; right:10px; bottom:10px; display:block; width:30px; height:30px; background:url('/images/contents/ico_play.png') no-repeat 50% / 30px auto; font-size:0; color:transparent;}
.ul_list > li .img .tag{position: absolute; top: 20px; left: 20px; display: inline-block; height: 34px; line-height: 34px; font-size: 16px; padding: 0 24px; border-radius: 17px; color: #fff; font-weight: 800; background: linear-gradient(90deg, rgba(118, 131, 217, 1) 0%, rgba(216, 160, 254, 1) 100%); box-shadow: inset 0px 1px 2px 0 rgba(255, 255, 255, .6), inset 0px -1.5px 2px 0 rgba(0, 0, 0, .2);}
.ul_list > li .info{background:#fff; padding:25px 35px 30px 35px;}
.ul_list > li .info .tit{display: block; font-size: 20px; color: #001111; font-weight: 900; line-height: 1.4; word-break: keep-all; margin-bottom: 15px;}
.ul_list > li .info .text{display: block; font-size: 16px; color:#848484; font-weight:700; line-height:1.4;}
.ul_list > li .info .text span{font-size:inherit; color:inherit; font-weight:inherit; line-height:inherit;}
.ul_list > li .info .text span + span::before{content:''; display:inline-block; width:1px; height:16px; background:#848484; vertical-align:middle; margin-left:3px; margin-right:4px;}
.ul_list > li .info .detail{margin-top:15px;}
.ul_list > li .info .detail span{display: inline-block; vertical-align:middle;}
.ul_list > li .info .detail span.i_01{font-size: 22px; color: #7a49dd; font-weight: 900;}
.ul_list > li .info .detail span.i_02{ position:relative; font-size: 18px; color: #111111; font-weight: 400; margin-left:5px; padding-left:5px;}
.ul_list > li .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;}
.ul_list > li .info .detail span.i_03{height: 18px; font-size: 14px; color: #001111; font-weight: 700; background: #eaeaea; padding:0 8px; margin-right:10px;}
.ul_list > li .info .btm_area{display: flex; justify-content: space-between; align-items: center; font-size: 16px; color: #9d9d9d; font-weight: 700; border-top: 1px solid #d7d7d7; margin-top: 16px; padding-top: 15px;}
.ul_list > li .info .btm_area .lt{font-size: 16px; font-weight: 800;}
.ul_list > li .info .btm_area span{font-size: inherit; color: inherit;}
.ul_list > li .info .btm_area span ~ span{margin-left:25px;}
.ul_list > li .info .btm_area span .ico{display: inline-block; vertical-align: middle; margin-right:5px;}
.ul_list > li .info .btm_area .like{white-space: nowrap;}
.ul_list > li .info .btm_area .like .ico{width: 23px; height: 21px; background: url('/images/contents/ico_like.png') no-repeat 0 / 100% auto;}
.ul_list > li .info .btm_area .review .ico{width: 21px; height: 21px; background: url('/images/main/ico_review.png') no-repeat 0 / 100% auto;}
.ul_list > li .info .btm_area .btn_download{display: inline-block; width: 33px; height: 33px; font-size: 0; color: transparent; background: url('/images/contents/ico_download.png') no-repeat 50% / 33px auto;}
.ul_list > li .info .btm_area .btn_print{display: inline-block; width: 37px; height: 33px; font-size: 0; color: transparent; background: url('/images/contents/ico_print.png') no-repeat 50% / 37px auto;}
.ul_list > li .info .btn_view{display: block; width: 100%; max-width: 156px; height: 36px; line-height: 36px; border-radius: 18px; font-size: 16px; color: #fff; font-weight: 700; text-align: center; background: #9254d8; box-shadow: inset 0px 1.5px .5px 0px rgba(255, 255, 255, .2), inset 0px -1.5px .5px 0px rgba(0, 0, 0, .2); margin: 15px auto 0 auto;}
.ul_list > li.accor_li{line-height: 1.5; background: #fff7fe; box-shadow:0 4px 10px 0 rgba(0, 0, 0, .18), inset 0px -1px 1px 1px rgba(0, 0, 0, .13); border-radius:15px; overflow: initial;}
.ul_list > li.accor_li .top{font-size: 22px; color: #fff; font-weight: 800; background: #c897e7 url('/images/common/arr_w_btm.png') no-repeat center right 30px / 18px auto; box-shadow: inset 0px 1px 2px 1px rgba(255, 255, 255, .4); border-radius:15px 15px 0 0; padding: 22px 60px 22px 30px; box-sizing: border-box;}
.ul_list > li.accor_li ul{border-radius: 0 0 15px 15px; padding: 30px 0; box-sizing: border-box;}
.ul_list > li.accor_li ul > li{display: block; width: 100%; font-size: 22px; color: #111; font-weight: 700; padding: 0 30px; box-sizing:border-box;}
.ul_list > li.accor_li ul > li ~ li{margin-top: 25px;}
.ul_list > li.accor_li ul > li > a{display:block;}
.ul_list > li.noPost{width: 100% !important; font-size: 16px; color:#111; text-align:center; padding: 60px 0px 30px 0; box-shadow: none;}

.ul_dot li{position: relative; padding-left: 20px; font-size:20px; color:#111; font-weight:700;}
.ul_dot li::before{position: absolute; top: 15px; left: 0; content:''; display:inline-block; width:6px; height:6px; background:#111; border-radius:50%; vertical-align:middle;}

.li_top{display: flex; justify-content: space-between; align-items: center; letter-spacing: -1px; margin-bottom: 25px;}
.li_top .lt{font-size: 20px; color: #111; font-weight: 400;}
.li_top .lt strong{font-size: inherit; color: inherit; font-weight: 800;}
.li_top select{display: inline-block; width: 220px; height: 50px; line-height: 50px; border-radius: 25px; font-size: 20px; color: #111;	box-shadow:inset 0px 1.5px .5px 0px rgba(255, 255, 255, .2), inset 0px -1.5px .5px 0px rgba(0, 0, 0, .2); padding: 0 50px 0 30px; box-sizing: border-box;}

.scr_menu_wrap{position:relative; display: flex; align-items: center; padding-top: 20px; padding-bottom: 30px; box-sizing: border-box;}
.scr_menu_wrap.add_btn{padding-left: 80px; padding-right: 80px;}
.scr_menu_wrap.add_btn .btn_scr{position:absolute; display:inline-block; width:40px; height:40px; font-size: 0; color: transparent; border-radius: 50%; background-color:#fcfcfc; background-repeat: no-repeat; background-position: 50%; background-size: 10px auto; box-shadow:inset 0px 1.5px .5px 0px rgba(255, 255, 255, .2), inset 0px -1.5px 1px 0px rgba(0, 0, 0, .2);}
.scr_menu_wrap.add_btn .btn_scr.prev{left:20px; background-image:url('/images/common/ico_arr_page_lt.png');}
.scr_menu_wrap.add_btn .btn_scr.next{right:20px; background-image:url('/images/common/ico_arr_page_rt.png');}
.scr_menu {flex-grow: 1; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; white-space: nowrap; padding: 0 10px; scrollbar-width: none; -ms-overflow-style: none; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.scr_menu::-webkit-scrollbar {display: none;}
.scr_menu{list-style: none; margin: 0; padding: 0; display: inline-block; height: auto;}
.scr_menu li{display: inline-block; font-size: 20px; color: #111; font-weight: 700; line-height: 1; border-radius: 20px; padding: 10px 16px; box-sizing: border-box; cursor:pointer;}
.scr_menu li.on{color: #fff; background: #9254d8; box-shadow:inset 0px 1.5px .5px 0px rgba(255, 255, 255, .2), inset 0px -1.5px .5px 0px rgba(0, 0, 0, .2);}
.scr_menu li.on a{color:inherit;}

.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');}

.accor_wrap_02{margin-top:0;}
.accor_wrap_02 > li{position: relative; display: block; background: #fff; border-radius: 15px; border: 1px solid #c897e7; overflow: hidden; box-sizing: border-box;}
.accor_wrap_02 > li + li{margin-top:10px;}
.accor_wrap_02 > li .hd{display: flex; justify-content: space-between; align-items: center; background: #c897e7; padding: 10px 30px;}
.accor_wrap_02 > li .hd .lt{display: inline-block; font-size: 25px; color: #fff; font-weight: 900;}
.accor_wrap_02 > li .hd .lt .tit{display: inline-block; font-size: inherit; color: inherit; font-weight: inherit; cursor:pointer;}
.accor_wrap_02 > li .hd .lt .num, .accor_wrap ul li .lt .text{display: inline-block; min-width: 80px; height: 38px; line-height: 38px; white-space: nowrap; 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_02 > li .hd .lt .text{font-size:20px; padding:0 40px;}
.accor_wrap_02 > li .hd .rt{white-space: nowrap;}
.accor_wrap_02 > li .hd .rt .date{display: inline-block; font-size: 25px; color: #6b6b6b; font-weight: 700; vertical-align: middle;}
.accor_wrap_02 > li .hd .rt .btn_arr{display: inline-block; width: 38px; height: 38px; font-size: 0; color: transparent; vertical-align: middle; background:#fcfcfc url('/images/common/arr_pp_btm.png') no-repeat 50% / 17px auto; border-radius:50%; box-shadow:inset 0px 1.5px 1.5px .2px rgba(255, 255, 255, .2), inset 0px -1.5px 1.5px .2px rgba(0, 0, 0, .25);}
.accor_wrap_02 > li .inner{display:block; font-size: 20px; color: #111; font-weight: 700; line-height: 1.7; padding:25px 30px;}
.accor_wrap_02 > li.off .lt .num, .accor_wrap ul li.off .lt .text{color: #fff; background: #9254d8;}
.accor_wrap_02 > li.off .rt .btn_arr{background-image:url('/images/common/arr_pp_tp.png');}
.accor_wrap_02 > li .inner strong.tit{display: block; font-size: 25px; color: #111; font-weight: 800; margin-bottom: 20px;}

.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: #707070;}
.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 .btn_add{display: inline-block; height: 38px; line-height: 38px; border-radius: 19px; font-size: 16px; color: #fff; background: #9254d8; padding: 0 10px; box-sizing: border-box;}
.comm_form .layout .btn_inp_del{display: inline-block; height: 38px; line-height: 36px; border-radius: 19px; font-size: 16px; color: #9254d8; background: transparent; border: 1px solid #9254d8; padding: 0 10px; box-sizing: border-box;}
.comm_form .layout .btn_inp_del::before{content:''; display:inline-block; width:14px; height:14px; background:url('/images/contents/ico_del_pp.png') no-repeat 0 / 14px auto; vertical-align:middle; margin-right:8px;}
.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 .tit_sub .btn_add{margin-left:30px;}
.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, .comm_form .layout .info_box .row .btn_line_rd{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 .btn_line_rd{background:transparent; margin-left: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.gray{color:#a2a2a2;}
.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 .btn_chk{margin-top:0;}
.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 input[type="radio"]{display: inline-block; vertical-align:middle;}
.comm_form .layout .info_box .row .rt .inp_cover input[type="radio"].inp_rdo{position: absolute; clip: rect(0, 0, 0, 0); clip-path: polygon(0 0, 0 0, 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}
.comm_form .layout .info_box .row .rt .inp_cover input[type="radio"].inp_rdo + label{position:relative; line-height:21px;}
.comm_form .layout .info_box .row .rt .inp_cover input[type="radio"].inp_rdo + label::before{display:inline-block; content:''; width:21px; height:21px; border-radius:50%; border:1px solid #868686; box-sizing:border-box; vertical-align: middle; margin-right: 10px;}
.comm_form .layout .info_box .row .rt .inp_cover input[type="radio"].inp_rdo:checked + label::after{position:absolute; top: 2px; left: 3px; content:''; display:inline-block; width:15px; height:15px; background:#9254d8; border-radius:50%;}
.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 .row .rt .inp_box{display: flex; flex-wrap: wrap; gap: 0 20px; border: 1px solid #d7d7d7; border-radius: 15px; padding: 20px; box-sizing: border-box;}
.comm_form .layout .info_box .row .rt .inp_box .tit{display: block; width: 100%; padding: 0; margin-bottom: 15px;}
.comm_form .layout .info_box .row .rt .inp_box .col_2{width:calc(50% - 10px);}
.comm_form .layout .info_box .row .rt .inp_box .col_2 * + *{margin-top:8px;}

.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){display: flex; justify-content: space-between; padding-right: 10px; padding-top:35px;}
.comm_form .layout .info_box .ul_agree li:not(.all) .lt{display: inline-block; width:calc(100% - 110px);}
.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{display:inline-block; font-size: 18px; color: #111; letter-spacing:0; padding: 0 10px; box-sizing: border-box;}
.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);}

.file_wrap{font-size:0;}
.file_wrap .btn_file{position:relative; display: inline-block; height: 38px; line-height: 36px; font-size: 16px; color: #9254d8; font-weight:400; background: transparent; vertical-align:middle; border: 1px solid #9254d8; border-radius: 19px; padding: 0 34px; box-sizing: border-box; cursor:pointer;}
.file_wrap .btn_file .inp_file{position:absolute; width: 100%; height: 100%; opacity: 0; cursor: pointer; left: 0; top: 0; z-index: 3;}
.file_wrap .file_txt{display: inline-block; font-size: 16px; color: #a2a2a2; vertical-align: middle; margin-left: 10px;}
.file_wrap .file_txt.fc_bk{color:#111;}
.file_wrap.preview .text{display:inline-block; font-size:16px; color:#a2a2a2; vertical-align: middle; margin-left: 10px;}
.file_view{display:flex; gap:8px; flex-wrap:wrap;}
.file_view .ele{position:relative; width: 134px; height: 134px; margin-top: 20px; border:1px solid #d7d7d7; box-sizing:border-box;}
.file_view .ele img{width: 100%; height: 100%; object-fit: cover;}
.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;}
.file_view.type_02 .ele{border-color:#ececec;}
.file_view.type_02 .btn_file_del{background-image:url('/images/common/ico_preview_del_pp.png');}

.btn_wrap{display: flex; justify-content: center; gap:0 10px; margin-top: 130px;}
.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;}
.btn_wrap .btn.type_02{color: #fff; background: #9254d8;}
.btn_wrap .btn.type_03{line-height:54px; color: #9254d8; background: transparent; border: 2px solid #9254d8;}
.btn_wrap .btn.type_04{line-height: 54px; color: #9da0a1; background: transparent; border: 1px solid #9da0a1;}
.btn_wrap.type_02{margin-top:55px;}
.btn_wrap.type_02 .btn{width:220px;}
.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;}
.btn_more, .btn_list{display: block; width: 240px; height: 52px; line-height: 48px; font-size: 20px; color: #555; font-weight: 800; text-align:center; border: 2px solid #cacaca; border-radius: 10px; margin: 50px auto 0 auto;}

.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(255, 255, 255, .2), 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{display:none; position: fixed; z-index:5; top: 50%; right: 20px;}
.quick_wrap ul li ~ li{margin-top:10px;}
.quick_wrap ul li a{display:block;}
.quick_wrap ul li a img{display:block; width:48px;}
.quick_wrap ul li.btn_top a{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 48px; height: 48px; font-size: 12px; color: #fff; font-weight: 600; letter-spacing: .5px; background: #000; border-radius: 50%;}
.quick_wrap ul li.btn_top a img{display: block; width: 10px; margin: 2px auto 4px auto;}

.star_wrap{display: inline-block; user-select: none;}
.star{display:inline-block; width:35px; height:33px; background:url('/images/common/ico_star.png') no-repeat 0 / 35px auto; cursor: pointer;}
.star.selected{background-image:url('/images/common/ico_star_on.png');}


#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 .layout .ul_step{position:relative; display: flex; width: 100%; max-width: 840px; justify-content: space-between; align-items: flex-start; margin: 55px auto 90px auto;}
#signup .layout .ul_step::before{position:absolute; z-index:-1; top: 50px; left: 50%; transform: translateX(-50%); content:''; display:block; width:calc(100% - 50px); height:4px; background:#f8f7f9;}
#signup .layout .ul_step li{display: flex; flex-direction: column; align-items: center; gap: 25px 0;}
#signup .layout .ul_step li .ico{display: block; width: 120px; height: 120px; border-radius: 50%; background-color:#f8f7f9; background-repeat:no-repeat; background-position:50%;}
#signup .layout .ul_step li .ico.ico_01{background-image: url('/images/contents/ico_step_01.png'); background-size:43px auto;}
#signup .layout .ul_step li .ico.ico_02{background-image: url('/images/contents/ico_step_02.png'); background-size:48px auto;}
#signup .layout .ul_step li .ico.ico_03{background-image: url('/images/contents/ico_step_03.png'); background-size:49px auto;}
#signup .layout .ul_step li .tit{display: block; font-size: 22px; color: #111; font-weight: 800;}
#signup .layout .ul_step li.on .ico{background-color:#faf2ff;}
#signup .layout .ul_step li.on .ico.ico_01{background-image:url('/images/contents/ico_step_01_on.png');}
#signup .layout .ul_step li.on .ico.ico_02{background-image:url('/images/contents/ico_step_02_on.png');}
#signup .layout .ul_step li.on .ico.ico_03{background-image:url('/images/contents/ico_step_03_on.png');}
#signup.comm_form .layout{padding-top: 130px; padding-bottom:130px;}
#signup.comm_form .layout .info_box.n_line_top{border-top:0;}
#signup.comm_form .layout .info_box.line_btm{border-bottom:1px solid #848484; padding-bottom: 60px;}
#signup.comm_form .btn_wrap .btn{width:220px;}
#signup.comm_form.signup_02 .layout .fm_wrap{margin-top:130px;}
#signup.comm_form .layout .info_box .row .rt div + div{margin-top:15px;}

.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; line-height:1.7; text-align: center; margin-bottom: 80px;}
.find.comm_form .layout .fm_wrap .info_box{display: flex; flex-direction: column; align-items: center;}
.find.comm_form .layout .fm_wrap .info_box .row{width:100%; max-width:600px;}
.find.comm_form .layout .fm_wrap .info_box .row .tit{width: 34%;}
.find.comm_form .layout .fm_wrap .info_box .row .rt{width: 66%;}
.find.comm_form .layout .fm_wrap .info_box .row .rt .txt_line_btm{width: 100%; max-width: 600px; height: 60px; line-height: 60px; font-size: 16px; white-space: nowrap; border-bottom: 1px solid #d7d7d7; padding-left: 20px; box-sizing: border-box;}
.find.comm_form .layout .fm_wrap .info_box .row > p{display:block; font-size: 18px; color: #111; line-height: 1.7; padding-left: 25px; margin-top: 15px;}
.find.comm_form .layout .fm_wrap .info_box .row.mt0 > p{margin-top: 15px;}
.find.comm_form .btn_wrap{margin-top:0;}
.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.comm_form .layout .fm_wrap input[type="radio"].inp_rdo{position: absolute; clip: rect(0, 0, 0, 0); clip-path: polygon(0 0, 0 0, 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}
.find.comm_form .layout .fm_wrap input[type="radio"].inp_rdo + label{position:relative; display:inline-block; line-height:21px; cursor:pointer;}
.find.comm_form .layout .fm_wrap input[type="radio"].inp_rdo + label::before{display:inline-block; content:''; width:21px; height:21px; border-radius:50%; border:1px solid #868686; box-sizing:border-box; vertical-align: middle; margin-right: 10px;}
.find.comm_form .layout .fm_wrap input[type="radio"].inp_rdo:checked + label::after{position:absolute; top: 3px; left: 3px; content:''; display:inline-block; width:15px; height:15px; background:#9254d8; border-radius:50%;}
.find.comm_form .layout .fm_wrap .chk_area{margin-top: 10px;}
.find.comm_form .layout .fm_wrap .chk_area > span input[type="radio"].inp_rdo + label{font-size: 16px; color: #111; font-weight:400; line-height:21px; cursor:pointer;}
.find.comm_form .layout .fm_wrap .chk_area > span + span{margin-left: 30px;}
.find.comm_form .layout .fm_wrap .chk_tab_view .inner{display:none; padding-bottom:100px;}
.find.comm_form .layout .fm_wrap .chk_tab_view .inner:nth-of-type(3){padding-bottom:80px;}
.find.comm_form .layout .fm_wrap .chk_tab_view .inner.on{display:block;}

#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.type_01{width: 280px; min-height:1040px; letter-spacing: -1px;}
aside.sub.type_01 .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.type_01 > ul{min-height:970px; background: #fff7fe; border-radius: 0 0 15px 15px; padding: 20px 0; box-sizing: border-box;}
aside.sub.type_01 > ul > li{width: 100%;}
aside.sub.type_01 > ul > li ~ li{margin-top:20px;}
aside.sub.type_01 > ul > li > a{display: block; width: 100%; font-size: 20px; color: #111; font-weight: 800; padding: 16px 35px; box-sizing: border-box;}
aside.sub.type_01 > 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.type_01 > ul > li > ul > li{width: 100%;}
aside.sub.type_01 > ul > li > ul > li > a{display: block; width: 100%; font-size: 20px; color: #111; font-weight: 700; padding: 16px 40px 16px 50px;}
aside.sub.type_01 > ul > li > ul > li > a::before{content:'- '; display:inline; font-size:inherit; color:inherit; font-weight:inherit;}
aside.sub.type_01 > ul > li.on > a, aside.sub > ul > li > ul > li.on > a{background:#fbe5f8;}

aside.sub.type_02{width: 350px; border-radius: 15px; overflow: hidden; box-shadow: 0 4px 10px 0 rgb(37, 37, 37, .18);}
aside.sub.type_02 .top{display: flex; justify-content: space-between; align-items: center; font-size: 20px; color: #fff; font-weight: 800; background: #c897e7; padding: 22px 20px; border-radius: 15px 15px 0 0; box-sizing: border-box;}
aside.sub.type_02 .top .btn_reset{display: inline-block; font-size: 15px; color: #fff; font-weight: 800; padding: 2px; box-sizing: border-box;}
aside.sub.type_02 .top .btn_reset::before{content:''; display:inline-block; width:19px; height:18px; background:url('/images/contents/ico_reset_w.png') no-repeat 50% / 19px auto; vertical-align: middle; margin-right:5px;}
aside.sub.type_02 > ul{background: #fff; padding: 20px 10px;}
aside.sub.type_02 > ul > li ~ li{margin-top:10px;}
aside.sub.type_02 > ul > li > a{position:relative; display: block; font-size: 20px; color: #111; font-weight: 800; line-height: 1.4; background-color:#f6e8ff; background-repeat: no-repeat; background-position:left 12px center; border-radius: 5px; padding: 14px 45px 14px 60px; box-sizing: border-box;}
aside.sub.type_02 > ul > li > a::after{position:absolute; top:50%; right:12px; transform:translateY(-50%); content:''; display:inline-block; width:30px; height:30px; background: url('/images/common/arr_bk_btm.png') no-repeat 50% / 16px auto;}
aside.sub.type_02 > ul > li.li_1 > a{background-image:url('/images/contents/ico_m_01.png'); background-size: 35px auto;}
aside.sub.type_02 > ul > li.li_2 > a{background-image:url('/images/contents/ico_m_02.png'); background-size: 36px auto;}
aside.sub.type_02 > ul > li.li_3 > a{background-image:url('/images/contents/ico_m_03.png'); background-size: 30px auto;}
aside.sub.type_02 > ul > li.li_4 > a{background-image:url('/images/contents/ico_m_04.png'); background-size: 34px auto;}
aside.sub.type_02 > ul > li.li_5 > a{background-image:url('/images/contents/ico_m_05.png'); background-size: 28px auto;}
aside.sub.type_02 > ul > li.li_6 > a{background-image:url('/images/contents/ico_m_06.png'); background-size: 33px auto;}
aside.sub.type_02 > ul > li.li_7 > a{background-image:url('/images/contents/ico_m_07.png'); background-size: 33px auto;}
aside.sub.type_02 > ul > li > a .sm{font-size: 16px;}
aside.sub.type_02 > ul > li > ul{display:none; background: #fcf7ff; border-radius: 0 0 5px 5px; padding: 20px 15px; box-sizing: border-box;}
aside.sub.type_02 > ul > li > ul > li{display: flex; justify-content: space-between; font-size: 18px; color: #111; font-weight: 700;}
aside.sub.type_02 > ul > li > ul > li + li{margin-top:20px;}
aside.sub.type_02 > ul > li > ul > li .lt{position:relative;}
aside.sub.type_02 > ul > li > ul > li .lt input[type="checkbox"]{position: absolute; clip: rect(0, 0, 0, 0); clip-path: polygon(0 0, 0 0, 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}
aside.sub.type_02 > ul > li > ul > li .lt label{cursor:pointer;}
aside.sub.type_02 > ul > li > ul > li .lt label::before{content:''; display: inline-block; width: 18px; height: 18px; border: 1px solid #9254d8; border-radius: 2px; background: transparent; vertical-align: middle; margin-right: 10px;}
aside.sub.type_02 > ul > li > ul > li .lt input[type="checkbox"]:checked + label::before{background: #9254d8 url('/images/contents/ico_chk_w.png') no-repeat 50% / 14px auto;}
aside.sub.type_02 > ul > li > ul > li.bold{font-weight: 800;}
aside.sub.type_02 > ul > li.on > a::after{background-image:url('/images/common/arr_bk_tp.png');}

.sub_top{display: flex; flex-direction: column; align-items: center; font-size: 20px; color: #111; font-weight: 700; line-height: 1.7; 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; line-height: 1.2; 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;}

.data_view .btn_download{display: inline-block; width: 30px; height: 30px; vertical-align: middle; font-size:0; color:transparent; background:url('/images/common/ico_download_pp.png') no-repeat 50% / 21px auto;}
.data_view .btn_download_02{display: inline-block; width: 40px; height: 40px; vertical-align: middle; font-size:0; color:transparent; background:url('/images/common/ico_download_bk.png') no-repeat 50% / 100% auto;}
.data_view .ul_dot li .btn_download{margin-left:10px;}
.data_view .ul_chk_on li::before{content:''; display:inline-block; width:20px; height:20px; vertical-align:middle; margin-right:10px; background:#9254d8 url('/images/contents/ico_chk_w.png') no-repeat 50% / 14px auto; border-radius:2px;}
.data_view .ul_chk_off li::before{content:''; display:inline-block; width:20px; height:20px; vertical-align:middle; margin-right:10px; background:#fff; border:1px solid #888; border-radius:2px;}

.data_view .top_area{display: flex; justify-content: space-between; margin-bottom:70px;}
.data_view .top_area .nav .btn_back{display: inline-block; width: 40px; height: 40px; font-size: 0; color: transparent; vertical-align: middle; background: url('/images/common/ico_back_bk.png') no-repeat 50% / 24px auto; margin-right:20px;}
.data_view .top_area .nav .tit{position:relative; z-index:1; display: inline-block; font-size: 40px; color: #111; font-weight: 900; vertical-align: middle;}
.data_view .top_area .nav .tit::after{position: absolute; z-index: -1; right: 0; top: 0; transform: translate(33%, -30%); content: ''; opacity: .3; display: block; width: 94px; height: 94px; background: #c897e7; border-radius: 50%;}
.data_view .top_area .rt .btn{display: inline-block; height: 55px; vertical-align: top;}
.data_view .top_area .rt .btn + .btn{margin-left: 30px;}
.data_view .top_area .rt .btn.btn_clip{width: 47px; background:url('/images/common/ico_clip_bk.png') no-repeat center top / 47px auto;}
.data_view .top_area .rt .btn.btn_like{width: 60px; background:url('/images/common/ico_like_02.svg') no-repeat center top / 60px auto;}
.data_view .top_area .rt .btn.btn_like.on{width: 60px; background-image:url('/images/common/ico_like_02_on.svg');}
.data_view .top_area .rt .btn.btn_share{width: 46px; background:url('/images/common/ico_share_bk.png') no-repeat center top / 46px auto;}
.data_view .slider_08_cover{position:relative; width:600px; height:600px;}
.data_view .slider_08_cover .paging{position:absolute; z-index:1; bottom: 30px; left: 50%; transform:translateX(-50%); font-size: 26px; color: #fff; font-weight: 800;}
.data_view .slider_08_cover .paging span{font-size: inherit; color: inherit; font-weight: inherit;}
.data_view .slider_08{width:100%; height:100%; border-radius: 25px; overflow: hidden;}
.data_view .slider_08 .slick-slide img{width: 100%; height:100%; object-fit: cover;}
.data_view .slider_08 .slick-list, .data_view .slider_08 .slick-track{height:100%;}
.data_view .slider_08 .slick-dots{display:none !important;}
.data_view .slider_08 .slick-arrow{position:absolute; z-index:1; top:50%; transform:translateY(-50%); display: block; width: 60px; height: 60px; font-size: 0; color: transparent; background: #9254d8; background-repeat:no-repeat; background-position:50%; background-size:10px auto; border: none; border-radius:4px;}
.data_view .slider_08 .slick-arrow.slick-prev{left:0; background-image:url('/images/common/arr_w_lt_02.png');}
.data_view .slider_08 .slick-arrow.slick-next{right:0; background-image:url('/images/common/arr_w_rt_02.png');}

.data_view .view_wrap .info_wrap{display:flex; margin-bottom: 50px;}
.data_view .view_wrap .info_wrap .lt .img_box{position: relative; width: 600px; height: 390px; margin-bottom: 20px;}
.data_view .view_wrap .info_wrap .lt .img_box > img{display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 25px;}
.data_view .view_wrap .info_wrap .lt .img_box .ico{position: absolute; top: 20px; right: 20px; width: 60px; height: 60px;}
.data_view .view_wrap .info_wrap .lt .img_box .ico img{display: block; width: 100%; height: 100%; object-fit: cover;}
.data_view .view_wrap .info_wrap .lt .play_box{border-radius: 25px; overflow: hidden; border: 1px solid #e0dce3;}
.data_view .view_wrap .info_wrap .lt .play_box .tit{display: block; font-size: 20px; color: #fff; font-weight: 800; text-align: center; background: #9254d8; padding: 14px 30px; box-sizing: border-box;}
.data_view .view_wrap .info_wrap .lt .play_box .con{display: flex; background: #f3ecf9;}
.data_view .view_wrap .info_wrap .lt .play_box .con li{width:33.3%; text-align: center; padding: 25px; box-sizing: border-box;}
.data_view .view_wrap .info_wrap .lt .play_box .con.col_2 li{width:50%;}
.data_view .view_wrap .info_wrap .lt .play_box .con.col_3 li{width:33.3%;}
.data_view .view_wrap .info_wrap .lt .play_box .con li ~ li{border-left: 1px solid #e0dce3;}
.data_view .view_wrap .info_wrap .lt .play_box .con li div{display: block; font-size: 26px; color: #111; font-weight: 800;}
.data_view .view_wrap .info_wrap .lt .play_box .con li .btn_play{display: inline-block; height: 44px; line-height: 44px; font-size: 19px; color: #fff; font-weight: 700; background: #9254d8 url('/images/common/ico_play_w.png') no-repeat left 20px center / 13px auto; padding-left: 45px; padding-right: 20px; border-radius: 9px; box-sizing: border-box; margin-top: 15px;}
.data_view .view_wrap .info_wrap .rt{width: calc(100% - 600px); padding-left: 60px;}
.data_view .view_wrap .info_wrap .rt .info_li{width: 100%; padding-top: 15px;}
.data_view .view_wrap .info_wrap .rt .info_li li{display: flex; width: 100%;}
.data_view .view_wrap .info_wrap .rt .info_li li ~ li{margin-top: 30px;}
.data_view .view_wrap .info_wrap .rt .info_li li > strong{width: 35%; font-size: 20px; color: #111; font-weight: 900;}
.data_view .view_wrap .info_wrap .rt .info_li li > span,
.data_view .view_wrap .info_wrap .rt .info_li li > div{width: 65%; font-size: 20px; color: #111; font-weight: 700;}

.data_view .view_wrap .info_wrap .rt .info_li.type_02{padding-top: 0;}
.data_view .view_wrap .info_wrap .rt .info_li.type_02 > li > strong{display: inline-flex; justify-content: center; align-items: center; width: 130px; font-size: 20px; color: #111; font-weight: 900; background: #ededed; padding: 20px; box-sizing: border-box;}
.data_view .view_wrap .info_wrap .rt .info_li.type_02 > li > div .ul_inner li ~ li{margin-top:0;}
.data_view .view_wrap .info_wrap .rt .info_li.type_02 > li > div .ul_inner li span{display: inline-flex; justify-content: center; align-items: center; width:20%; font-size: 20px; color: #111; font-weight: 700; text-align:center; padding:15px 5px;}
.data_view .view_wrap .info_wrap .rt .info_li.type_02 > li > div .ul_inner li span:first-of-type{justify-content: flex-start; width:40%; text-align:left;}
.data_view .view_wrap .info_wrap .rt .info_li.type_02 > li > div .ul_inner li.hd{border-bottom: 1px solid #c7c7c7;}
.data_view .view_wrap .info_wrap .rt .info_li.type_02 > li > div .ul_inner li.hd span{font-weight: 900; padding-top: 10px;}
.data_view .view_wrap .info_wrap .rt .info_li.type_02 > li > div .ul_inner li:last-of-type span{padding-bottom:10px;}
.data_view .view_wrap .info_wrap .rt .info_li.type_02 > li > span, .data_view .view_wrap .info_wrap .rt .info_li.type_02 li > div{width: calc(100% - 120px); font-size: 20px; color: #111; font-weight: 700; background: #f6f6f6; padding: 20px; box-sizing: border-box; margin-left: 10px;}
.data_view .view_wrap .info_wrap .rt .info_li.type_02 > li ~ li{margin-top: 10px;}
.data_view .view_wrap .info_wrap .rt .info_li.type_02 > li:first-of-type > strong{border-radius: 15px 0 0 0;}
.data_view .view_wrap .info_wrap .rt .info_li.type_02 > li:last-of-type > strong{border-radius: 0 0 0 15px;}

.data_view .view_wrap .info_wrap .rt .btm_wrap{border-top: 1px solid #cacaca; margin-top: 30px;}
.data_view .view_wrap .info_wrap .rt .btm_wrap .tag_cover{display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px;}
.data_view .view_wrap .info_wrap .rt .btm_wrap .tag_cover span{display: inline-block; height: 40px; line-height: 38px; border-radius: 20px; font-size: 16px; color: #9254d8; border: 1px solid #9254d8; padding: 0 25px; box-sizing: border-box;}
.data_view .view_wrap .info_wrap .rt .btm_wrap .info{margin-top: 30px;}
.data_view .view_wrap .info_wrap .rt .btm_wrap .info .ele{display: inline-block; vertical-align: middle;}
.data_view .view_wrap .info_wrap .rt .btm_wrap .info .ele .ico{display: inline-block; width: 70px; height: 70px; background: #f8f7f9; border-radius: 50%; vertical-align: middle; background-repeat:no-repeat; background-position:50%;}
.data_view .view_wrap .info_wrap .rt .btm_wrap .info .ele .ico.ico_1{background-image:url('/images/common/ico_download_pp.png'); background-size:33px auto;}
.data_view .view_wrap .info_wrap .rt .btm_wrap .info .ele .ico.ico_2{background-image:url('/images/common/ico_like_pp.png'); background-size:32px auto;}
.data_view .view_wrap .info_wrap .rt .btm_wrap .info .ele .ico.ico_3{background-image:url('/images/common/ico_clip_pp.png'); background-size:25px auto;}
.data_view .view_wrap .info_wrap .rt .btm_wrap .info .ele .text_box{display: inline-block; vertical-align: middle; margin-left: 10px;}
.data_view .view_wrap .info_wrap .rt .btm_wrap .info .ele .text_box .num{display: block; font-size: 20px; color: #111; font-weight: 900;}
.data_view .view_wrap .info_wrap .rt .btm_wrap .info .ele .text_box .text{display: block; font-size: 14px; color: #555; font-weight: 700; margin-top: 5px;}
.data_view .view_wrap .info_wrap .rt .btm_wrap .info .ele ~ .ele{margin-left: 50px;}
.data_view .view_wrap .rt_wrap{margin-bottom: 30px;}
.data_view .view_wrap .rt_wrap .inp_cover{position:relative;}
.data_view .view_wrap .rt_wrap .inp_cover input{position: absolute; clip: rect(0, 0, 0, 0); clip-path: polygon(0 0, 0 0, 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}
.data_view .view_wrap .rt_wrap .inp_cover input + label{display: inline-block; font-size: 20px; color: #111; font-weight: 700; cursor:pointer;}
.data_view .view_wrap .rt_wrap .inp_cover input + label::before{content:''; display:inline-block; width:20px; height:20px; border-radius:2px; border:1px solid #9254d8; background-color:#fff; vertical-align:middle; margin-right:10px;}
.data_view .view_wrap .rt_wrap .inp_cover input:checked + label::before{background:#9254d8 url('/images/contents/ico_chk_w.png') no-repeat 50% / 14px auto;}

.data_view .col_wrap, .accor_wrap_02 > li .inner.col_wrap{display: flex;}
.data_view .col_wrap .col + .col{border-left: 1px solid #cacaca;}
.data_view .col_wrap.n_line .col + .col{border-left:0;}
.data_view .col_wrap .col{padding: 0 30px; box-sizing: border-box;}
.data_view .col_wrap .col:first-of-type{padding-left: 0;}
.data_view .col_wrap .col:last-of-type{padding-right: 0;}
.data_view .col_wrap.col_2 .col{width:50%;}
.data_view .col_wrap.col_2 .col .tit{display: block;}
.data_view .col_wrap.col_2_hori .col{width:50%;}
.data_view .col_wrap.col_2_hori .col > div + div{margin-top: 20px;}
.data_view .col_wrap.col_2_hori .col > div img{display: inline-block; width: 256px; height: 214px; object-fit: cover; vertical-align: middle;}
.data_view .col_wrap.col_2_hori .col > div .info_col{display: inline-block; padding-left: 30px; font-size: 20px; color: #111; vertical-align: middle;}
.data_view .col_wrap.col_2_hori .col > div .info_col .tit{display: block; font-weight: 900; font-size: inherit; color: inherit;}
.data_view .col_wrap.col_2_hori .col > div .info_col p{display: block; font-weight: 700; font-size: inherit; color: inherit;}
.data_view .col_wrap.col_2_hori .col > div .info_col .like{display: block; font-size: 16px; color: #9d9d9d; font-weight: 800; background: url('/images/contents/ico_like.png') no-repeat left center / 23px auto; padding-left: 30px;}
.data_view .col_wrap.col_3 .col{width:33.3%;}
.data_view .col_wrap.col_3 .col .tit{display: inline-block; height: 40px; line-height: 40px; border-radius: 20px; font-size: 20px; color: #fff; font-weight: 800; background: #9254d8; box-shadow: inset 0px 1.5px .5px 0px rgba(255, 255, 255, .2), inset 0px -1.5px .5px 0px rgba(0, 0, 0, .2); padding: 0 25px; box-sizing: border-box; margin-bottom: 15px;}

.data_view .media_wrap{display: flex; flex-wrap: wrap; gap: 20px;}
.data_view .media_wrap > *{display: inline-block; width: 256px; height: 214px; object-fit: cover; cursor:pointer;}

.data_view .review_wrap{background: #f7f1fb; padding-top: 110px; box-sizing: border-box; margin-top: 120px; padding-bottom: 140px;}
.data_view .review_wrap .layout{position: relative;}
.data_view .review_wrap .layout > .tit{display: block; text-align: center; font-size: 40px; color: #111; font-weight: 900; margin-bottom: 40px;}
.data_view .review_wrap .layout > .tit strong{position:relative; z-index: 1; display: inline-block; font-size: inherit; color: inherit; font-weight: inherit;}
.data_view .review_wrap .layout > .tit strong::before{position:absolute; z-index: -1; top:0; right:0; transform: translate(35%, -32%); content:''; opacity:.3; display:block; width:94px; height:94px; background:#c897e7; border-radius:50%;}
.data_view .review_wrap .layout .tit_sub{display: block; text-align: center; font-size: 25px; color: #111; font-weight: 800; margin-bottom: 60px;}
.data_view .review_wrap .layout .btn_write{position: absolute; top: -10px; right: 50px; display: block; width: 300px; height: 60px; line-height: 60px; font-size: 25px; color: #fff; font-weight: 700; background: #9254d8; border-radius: 15px; padding: 0 15px; box-sizing: border-box;}
.data_view .review_wrap .layout .btn_write::after{content:''; display:inline-block; width:10px; height:18px; vertical-align:middle; background:url('/images/common/arr_w_rt_02.png') no-repeat 0 / 10px auto; margin-left:20px;}
.data_view .review_wrap .layout .list_area{position:relative;}
.data_view .review_wrap .layout .list_area::after{position: absolute; z-index: 1; bottom: 0; left: 0; content: ''; display: block; width: 100%; height: 20%; background: linear-gradient(0deg, rgba(247, 241, 251, 1) 30%, transparent 85%);}
.data_view .review_wrap .layout .list_area .list + .list{margin-top: 40px;}
.data_view .review_wrap .layout .list_area .list{font-size: 20px; color: #111; font-weight: 400; line-height: 1.7; background: #fff; border-radius: 15px; padding: 30px; box-sizing: border-box;}
.data_view .review_wrap .layout .list_area .list .top_box{display: flex; gap: 0 20px; align-items: center; margin-bottom:20px;}
.data_view .review_wrap .layout .list_area .list .top_box .img_user{display: inline-block; width: 90px; height: 90px; object-fit: cover; border-radius: 50%;}
.data_view .review_wrap .layout .list_area .list .top_box .rt .tit{display: block; font-size: 25px; color: #111; font-weight: 900;}
.data_view .review_wrap .layout .list_area .list .top_box .rt span{font-size: 20px; color: #111; font-weight: 700;}
.data_view .review_wrap .layout .list_area .list .top_box .rt span.ele_3{font-weight: 400;}
.data_view .review_wrap .layout .list_area .list .btm_box{margin-top: 20px;}
.data_view .review_wrap .layout .list_area .list .btm_box span{font-size: 16px; font-weight: 700; background: #f6f4f7; border-radius: 19px; padding: 10px 15px; box-sizing: border-box;}
.data_view .review_wrap .layout .list_area .list .btm_box span em{font-weight: 800; font-size: inherit;}
.data_view .review_wrap .layout .list_area .list .btm_box span::before{content:''; display:inline-block; background-repeat: no-repeat; background-position: 0; background-size: 100% auto; margin-right:10px;}
.data_view .review_wrap .layout .list_area .list .btm_box span.ico_1::before{width:27px; height:27px; vertical-align:middle; background:url('/images/common/ico_review_pp.png');}
.data_view .review_wrap .layout .list_area .list .btm_box span.ico_2::before{width:23px; height:21px; vertical-align:-4px; background:url('/images/common/ico_like_pp_02.png');}
.data_view .review_wrap .layout .btn_view{display: block; width: 100%; height: 70px; line-height: 70px; font-size: 19px; color: #111; background: #fff; font-weight: 800; text-align: center; border-radius: 15px; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .18); margin: 0 auto;}
.data_view .review_wrap .layout .btn_view::after{content:''; display:inline-block; width:18px; height:10px; vertical-align:middle; background:url('/images/common/ico_arr_page_btm.png') no-repeat 0 / 100% auto; margin-left:20px;}
.data_view .review_wrap .layout .btn_view.on::after{background-image:url('/images/common/ico_arr_page_tp.png');}

.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 .rt .inp_box .tit{width:100%;}
.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 .rt .email_cover{display: flex; align-items: center; width:100%; max-width:500px;}
.mypage.comm_form .layout .info_box .row .rt .email_cover input[type="text"], .mypage.comm_form .layout .info_box .row .rt .email_cover select, .mypage.comm_form .layout .info_box .row .rt .email_cover .sel_inp{width: calc((100% - 40px) / 2);}
.mypage.comm_form .layout .info_box .row .rt .email_cover .sel_inp{position:relative;}
.mypage.comm_form .layout .info_box .row .rt .email_cover .sel_inp input[type="text"], .mypage.comm_form .layout .info_box .row .rt .email_cover .sel_inp select{width:100%;}
.mypage.comm_form .layout .info_box .row .rt .email_cover .sel_inp input[type="text"]{position:absolute; z-index:1; top:0; left:0; background: #fff; width: calc(100% - 35px);}
.mypage.comm_form .layout .info_box .row .rt .email_cover span{display: inline-block; width: 40px; font-size:16px; text-align: center;}
.mypage.comm_form .layout .info_box .row .rt .inp_txt_cover{font-size:16px;}
.mypage.comm_form .layout .info_box .row .rt .inp_txt_cover input[type="text"]{width:70px; margin-right:15px;}
.mypage.comm_form .layout .info_box .row .rt .inp_txt_cover input[type="checkbox"]{width:20px; height:20px; vertical-align:middle; margin-right:10px;}
.mypage.comm_form .layout .info_box .row .rt .inp_txt_cover + .inp_txt_cover{margin-top:10px;}

.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, .mypage.comm_form .layout .info_box .row .btn_add_02{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 input[type="radio"]{width:21px; height:21px;}
.mypage.comm_form .layout .info_box .row .inp_area label{color:#111;}
.mypage.comm_form .layout .info_box .row .inp_area.type_inline{justify-content: flex-start; gap: 0 18%; margin-top: 18px;}
.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; background:transparent; 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_info.mypage.comm_form .layout .info_box .row .rt .file_wrap{margin-left: 0;}
#mypage_info.mypage.comm_form .layout .info_box .row .inp_add_wrap .cover_bl{padding-left: 0;}

#mypage_ac_state.mypage.comm_form .layout .info_box{border-top: 0; padding-top: 0;}
#mypage_ac_state.mypage.comm_form .top_area.rt{display: flex; justify-content: flex-end; padding-top: 0; margin-bottom: 30px;}
#mypage_ac_state.mypage.comm_form .top_area.rt .rt{display: flex; gap: 0 10px; justify-content: flex-end; width:80%;}
#mypage_ac_state.mypage.comm_form .top_area.rt .rt .sel{width:20%; margin-right:0;}
#mypage_ac_state.mypage.comm_form .tbl_col td{word-break: keep-all;}
#mypage_ac_state.mypage.comm_form .tbl_col td span{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-break: keep-all;}
#mypage_ac_state.mypage.comm_form .pagination{margin-top:80px;}

#mypage_ac_download.mypage.comm_form .layout .info_box{border-top: 0; padding-top: 0;}
#mypage_ac_download.mypage.comm_form .top_area.rt{display: flex; justify-content: flex-end; padding-top: 0; margin-bottom: 30px;}
#mypage_ac_download.mypage.comm_form .top_area.rt .rt{display: flex; gap: 0 10px; justify-content: flex-end; width:80%;}
#mypage_ac_download.mypage.comm_form .top_area.rt .rt .sel{width:20%; margin-right:0;}
#mypage_ac_download.mypage.comm_form .tbl_col td{word-break: keep-all;}
#mypage_ac_download.mypage.comm_form .tbl_col td span{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-break: keep-all;}
#mypage_ac_download.mypage.comm_form .pagination{margin-top:80px;}

#mypage_ac_data.mypage.comm_form .layout .tit_sub{justify-content: flex-start;}
#mypage_ac_data.mypage.comm_form .layout .tit_sub.line_btm{border-bottom: 1px solid #848484; padding-bottom: 20px; margin-bottom: 0;}
#mypage_ac_data.mypage.comm_form .layout .tit_sub .inp_chk{position: absolute; clip: rect(0, 0, 0, 0); clip-path: polygon(0 0, 0 0, 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}
#mypage_ac_data.mypage.comm_form .layout .tit_sub .inp_chk + label{font-size:inherit; color:inherit; cursor:pointer; font-weight:700;}
#mypage_ac_data.mypage.comm_form .layout .tit_sub .inp_chk + label::before{content:''; display:inline-block; width: 20px; height: 20px; background: transparent; border: 1px solid #9254d8; border-radius: 2px; box-sizing:border-box; vertical-align:middle; margin-right:10px;}
#mypage_ac_data.mypage.comm_form .layout .tit_sub .inp_chk:checked + label::before{background: #9254d8 url('/images/contents/ico_chk_w.png') no-repeat 50% / 14px auto;}
#mypage_ac_data.mypage.comm_form .scr_menu_wrap.add_btn{padding-top:30px;}
#mypage_ac_data.mypage.comm_form .scr_menu li{padding: 10px 40px;}
#mypage_ac_data.mypage.comm_form .scr_menu li ~ li{margin-left:20px;}
#mypage_ac_data.mypage.comm_form .ul_list{margin-top: 70px;}
#mypage_ac_data.mypage.comm_form .ul_list li{position: relative; width:calc((100% - 50px) / 3); border-radius: 0; overflow: initial; box-shadow: none;}
#mypage_ac_data.mypage.comm_form .ul_list li .chk_li{position: absolute; clip: rect(0, 0, 0, 0); clip-path: polygon(0 0, 0 0, 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}
#mypage_ac_data.mypage.comm_form .ul_list li .chk_li + label{position:absolute; top:-40px; left:50%; transform:translateX(-50%); cursor:pointer; display:inline-block; width: 20px; height: 20px; border: 1px solid #9254d8; border-radius: 2px; background: transparent; box-sizing:border-box;}
#mypage_ac_data.mypage.comm_form .ul_list li .chk_li:checked + label{background: #9254d8 url('/images/contents/ico_chk_w.png') no-repeat 50% / 14px auto;}
#mypage_ac_data.mypage.comm_form .ul_list li .list{display:block; width: 100%; border-radius: 40px; overflow: hidden; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .18);}
#mypage_ac_data.mypage.comm_form .ul_list > li .info{line-height: 1.7; padding: 20px 35px 30px 35px;}
#mypage_ac_data.mypage.comm_form .ul_list > li .info .tit{line-height: inherit; margin-bottom:5px;}
#mypage_ac_data.mypage.comm_form .ul_list > li .info .text{line-height: inherit;}
#mypage_ac_data.mypage.comm_form .ul_list > li .info .btn_view{width: 100%; max-width: 100%; border-radius: 0; margin: 25px auto 0 auto; box-shadow: none;}
#mypage_ac_data.mypage.comm_form .btn_wrap.rt{justify-content: flex-end; margin-top: 80px;}
#mypage_ac_data.mypage.comm_form .btn_wrap.rt .btn{width: 240px; height: 50px; line-height: 46px; font-size: 20px; color: #555; font-weight: 800; background: #fff; border: 2px solid #cacaca; border-radius: 10px;}
#mypage_ac_data.mypage.comm_form .pagination{margin-top: 80px;}
#mypage_ac_data .badge_area{display: flex; justify-content: flex-end; padding: 25px 20px; box-sizing: border-box;}
#mypage_ac_data .badge_area .search_box{position: relative; display: inline-block; width: 100%; max-width: 370px; height: 50px; border-radius: 25px; background:#fcfcfc; box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2);}
#mypage_ac_data .badge_area .search_box input{display: block; width: 100%; height: 100%; font-size: 20px; color: #111; letter-spacing:-1px; padding: 0 55px 0 30px; box-sizing: border-box;}
#mypage_ac_data .badge_area .search_box .btn_search{position: absolute; top: 50%; right: 20px; transform: translateY(-50%); display: inline-block; width: 40px; height: 100%; font-size: 0; color: transparent; background: url('/images/common/ico_search.png') no-repeat 50% / 21px auto;}

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

#modi_info.mypage.comm_form .layout .info_box{padding-bottom:0;}
#modi_info.mypage.comm_form .layout .info_box + .info_box{margin-top:50px;}
#modi_info.mypage.comm_form .layout .info_box .row .tit{width: 115px; padding-left:0;}
#modi_info.mypage.comm_form .layout .info_box .row .rt{width: calc(100% - 115px);}
#modi_info.mypage.comm_form .layout .info_box .row .helper_gy{padding-left:20px;}
#modi_info.mypage.comm_form .layout .info_box input[type="text"], #modi_info.comm_form .layout .info_box input[type="password"]{width:100%; max-width:600px;}
#modi_info.mypage.comm_form .layout .info_box .row .rt.birth_cover{display:block; width: 100%; max-width: 290px; font-size:0;}
#modi_info.mypage.comm_form .layout .info_box .row .rt.birth_cover input[type="text"]{width: 100%; max-width: 70px;}
#modi_info.mypage.comm_form .layout .info_box.type_row{padding-top:30px;}
#modi_info.mypage.comm_form .layout .info_box.type_row .tit{display:block; font-size:18px; color:#111; font-weight:700;}
#modi_info.mypage.comm_form .layout .info_box.type_row .inp_area{display:flex; margin-top:25px;}
#modi_info.mypage.comm_form .layout .info_box.type_row .inp_area .col{width:50%;}
#modi_info.mypage.comm_form .layout .info_box.type_row .inp_area .col .inp_cover + .inp_cover{margin-left:30px;}
#modi_info.mypage.comm_form .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;}
#modi_info.mypage.comm_form .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;}
#modi_info.mypage.comm_form .layout .btn_wrap{display: flex; gap: 0 20px;}
#modi_info.mypage.comm_form .layout .btn_wrap .btn{width: 100%; max-width: 270px;}
#modi_info.mypage.comm_form .layout .cnt_wrap{margin-top: 30px;}

#inq_history.mypage.comm_form .layout .tit_sub{font-size:25px;}
#inq_history.mypage.comm_form .layout .info_box{padding-top:30px;}
#inq_history.mypage.comm_form .top_area{display: flex; justify-content: space-between; align-items: center; padding: 0 20px; box-sizing: border-box; margin-bottom: 30px;}
#inq_history.mypage.comm_form .top_area .text{font-size: 20px; color: #111;}
#inq_history.mypage.comm_form .top_area .rt{display: flex; gap: 0 10px; width: 80%;}
#inq_history.mypage.comm_form .top_area .rt .sel{width: 25%; font-weight: 400; padding-left: 30px; margin-right: 0;}
#inq_history.mypage.comm_form .top_area .rt .search_box{width: 50%;}
#inq_history.mypage.comm_form .rt_wrap{margin-top: 40px;}
#inq_history.mypage.comm_form .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;}
#inq_history.mypage.comm_form .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; 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;}
#program.review{padding-bottom:80px;}
#program.review .ul_info{display: flex; flex-wrap: wrap; gap: 30px 2%; margin-top: 100px;}
#program.review .ul_info li{width:32%; border-radius: 40px; overflow: hidden; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .18);}
#program.review .ul_info li img{display: block; width: 100%; height: 290px; object-fit: cover;}
#program.review .ul_info li .info{padding: 30px 20px 20px 20px;}
#program.review .ul_info li .info .tit{display: inline-block; font-size: 20px; color: #b072ee; font-weight: 800; border: 1px solid #b072ee; border-radius: 20px; padding: 6px 25px; box-sizing: border-box; margin-bottom:15px;}
#program.review .ul_info li .info p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-size: 18px; color: #848484; font-weight: 700; line-height: 1.7;}

#learning_music .layout .title{text-align:center;}
#learning_music .layout .title strong{position:relative; z-index: 1; display: inline-block; font-size: 45px; color: #111; font-weight: 900; line-height:1.7; margin-bottom:15px;}
#learning_music .layout .title strong::before{position:absolute; z-index: -1; left:0; top:0; transform: translate(-30%, -18%); content:''; opacity:.3; display:block; width:94px; height:94px; line-height:inherit; background:#c897e7; border-radius:50%;}
#learning_music .layout .title_sub{display:block; font-size:25px; color:#111; font-weight:800; text-align:center; line-height:1.7; margin-bottom:20px;}
#learning_music .layout .title_text{display:block; font-size:20px; color:#111; font-weight:700; text-align:center; line-height:1.7;}

#learning_music .sec_01{position:relative; background: #9254d8; text-align: center; padding-top: 100px; padding-bottom: 100px;}
#learning_music .sec_01 .layout .tit{display: block; font-size: 45px; color: #fff; font-weight: 900; text-align: center; margin-bottom: 10px;}
#learning_music .sec_01 .layout .tit strong{position:relative; z-index: 1; display:inline-block; font-size:inherit; color:inherit; font-weight:inherit;}
#learning_music .sec_01 .layout .tit strong::before{position: absolute; z-index: -1; left: 0; top: 0; transform: translate(-35%, -28%); content: ''; opacity: .05; display: block; width: 94px; height: 94px; background: #fff; border-radius: 50%;}
#learning_music .sec_01::before, #learning_music .sec_01::after{position:absolute; content:''; display:inline-block; width:154px; height:225px; background:url('/images/contents/img_music_note.png') no-repeat 0 / 100% auto;}
#learning_music .sec_01::before{top: 220px; left: 50%; transform: translateX(-650px) rotate(-22deg);}
#learning_music .sec_01::after{bottom: 130px; right: 50%; transform: translateX(700px) rotate(4deg);}
#learning_music .sec_01 .layout .nav{text-align: center; margin-bottom: 70px;}
#learning_music .sec_01 .layout .nav span{font-size: 18px; color: #fff; font-weight: 700;}
#learning_music .sec_01 .layout .nav span + span::before{content:'>'; display:inline-block; font-size:inherit; color:inherit; font-weight:700; vertical-align:middle; padding:0 10px;}
#learning_music .sec_01 .layout .nav span.cur{font-weight: 900;}
#learning_music .sec_01 .layout p{display: block; font-size: 20px; color: #fff; font-weight: 700; text-align: center;}
#learning_music .sec_01 .layout .btn_wrap{display: flex; justify-content: center; align-items: center; gap: 0 20px; margin-top: 45px;}
#learning_music .sec_01 .layout .btn_wrap .btn{display: inline-block; width: 235px; height: 55px; line-height: 55px; border-radius: 28px; font-size: 24px; color: #fff; font-weight: 700; background: #612189; box-shadow: inset 0px 1.5px .5px 0px rgba(255, 255, 255, .2), inset 0px -1.5px .5px 0px rgba(0, 0, 0, .2);}
#learning_music .sec_01 .layout .btn_wrap .btn.btn_02{color: #612189; background: #fff;}
#learning_music .sec_01 .layout .youtube_wrap{position: relative; display: block; width: 1000px; border-radius: 35px; padding-bottom: 39%; overflow: hidden; margin: 40px auto 0 auto;}
#learning_music .sec_01 .layout .youtube_wrap iframe{position: absolute; display: block; width: 100%; height: 100%;}

#learning_music .sec_02 .layout .top_info{font-size: 20px; color: #111; font-weight: 700; line-height: 1.7; text-align: center; background: #f4edfc; border-radius: 80px; padding-top: 100px; padding-bottom: 80px; margin-top: 100px; margin-bottom: 100px;}
#learning_music .sec_02 .layout .top_info .tit{text-align: center; margin-bottom: 15px;}
#learning_music .sec_02 .layout .top_info .tit strong{position: relative; z-index: 1; display: inline-block; font-size: 45px; color: #111; font-weight: 900;}
#learning_music .sec_02 .layout .top_info .tit strong::before{position: absolute; z-index: -1; left: 0; top: 0; transform: translate(-32%, -18%); content: ''; opacity: .3; display: block; width: 94px; height: 94px; background: #c897e7; border-radius: 50%;}
#learning_music .sec_02 .layout .top_info .sub{display: block; font-size: 25px; color: #111; font-weight: 800; text-align: center; margin-bottom: 25px;}
#learning_music .sec_02 .layout .ul_tab_ndp{display: flex; justify-content: center; gap: 0 10px;}
#learning_music .sec_02 .layout .ul_tab_ndp li{min-width: 120px;}
#learning_music .sec_02 .layout .ul_tab_ndp li a{display: block; font-size: 20px; color: #5a5a5a; font-weight: 700; line-height: 1.7; text-align: center; border-bottom: 1px solid #5a5a5a; padding: 2px 10px;}
#learning_music .sec_02 .layout .ul_tab_ndp li.on a{color: #9254d8; font-weight: 800; border-bottom: 1px solid #9254d8;}
#learning_music .sec_02 .layout .ul_tab_ndp ~ .tab_view_ndp .inner{display:none;}
#learning_music .sec_02 .layout .ul_tab_ndp ~ .tab_view_ndp .inner.on{display:block;}
#learning_music .sec_02 .layout .tab_view_ndp{padding-bottom:40px;}
#learning_music .sec_02 .layout .tab_view_ndp .inner .top_wrap{display: flex; justify-content: space-between; align-items: flex-end; padding-top: 40px; padding-bottom: 40px;}
#learning_music .sec_02 .layout .tab_view_ndp .inner .top_wrap .ul_tab_s{display: flex; gap: 0 10px;}
#learning_music .sec_02 .layout .tab_view_ndp .inner .top_wrap .ul_tab_s li{display: inline-block;}
#learning_music .sec_02 .layout .tab_view_ndp .inner .top_wrap .ul_tab_s li a{display: block; min-width: 120px; height: 40px; line-height: 38px; font-size: 20px; color: #5a5a5a; font-weight: 700; text-align: center; border: 1px solid #5a5a5a; border-radius: 20px; box-sizing: border-box; padding: 0 10px;}
#learning_music .sec_02 .layout .tab_view_ndp .inner .top_wrap .ul_tab_s li.on a{color: #fff; background: #9254d8; border-color: #111;}
#learning_music .sec_02 .layout .tab_view_ndp .inner .top_wrap .rt span{display: inline-block; font-size: 20px; color: #111; font-weight: 700;}
#learning_music .sec_02 .layout .tab_view_ndp .inner .top_wrap .rt span + span{margin-left:20px;}
#learning_music .sec_02 .layout .tab_view_ndp .inner .top_wrap .rt span + span::before{content:''; display:inline-block; width:1px; height:22px; background:#111; vertical-align:middle; margin-right:20px;}
#learning_music .sec_02 .layout .tab_view_ndp .inner .tab_s_view{padding-top: 40px; border-top: 1px solid #5a5a5a;}
#learning_music .sec_02 .layout .tab_view_ndp .inner .tab_s_view .inner .slider_06{position:relative; width:calc(100% + 30px); margin-left:-15px; margin-right: 10px; margin-bottom:40px;}
#learning_music .sec_02 .layout .tab_view_ndp .inner .tab_s_view .inner .slider_06 .slick-arrow{position:absolute; z-index:1; top:50%; transform:translateY(-140%); display: block; width: 40px; height: 40px; font-size: 0; color: transparent; border: 1px solid #111; background: #fcfcfc; border-radius: 50%; background-repeat:no-repeat; background-position:50%; background-size:10px auto;}
#learning_music .sec_02 .layout .tab_view_ndp .inner .tab_s_view .inner .slider_06 .slick-arrow.slick-prev{left:-50px; background-image:url('/images/common/ico_arr_page_lt.png');}
#learning_music .sec_02 .layout .tab_view_ndp .inner .tab_s_view .inner .slider_06 .slick-arrow.slick-next{right:-50px; background-image:url('/images/common/ico_arr_page_rt.png');}
#learning_music .sec_02 .layout .tab_view_ndp .inner .tab_s_view .inner .slider_06 .list{width:calc((100% - 120px) / 4) !important; border-radius: 30px; border: 1px solid #111; box-shadow: 10px 10px 0 0 #f4edfc; overflow:hidden; margin:0 15px 40px 15px;}
#learning_music .sec_02 .layout .tab_view_ndp .inner .tab_s_view .inner .slider_06 .list:nth-of-type(2n){transform:translateY(30px);}
#learning_music .sec_02 .layout .tab_view_ndp .inner .tab_s_view .inner .slider_06 .list .inner_top{position: relative; height: 284px; background:#000; border-bottom: 1px solid #111;}
#learning_music .sec_02 .layout .tab_view_ndp .inner .tab_s_view .inner .slider_06 .list .inner_top .sub{position: absolute; z-index:1; top: 20px; left: 20px; display: inline-block; height: 30px; line-height: 28px; font-size: 18px; color: #fff; font-weight: 700; border-radius: 15px; border: 1px solid #fff; padding: 0 15px;}
#learning_music .sec_02 .layout .tab_view_ndp .inner .tab_s_view .inner .slider_06 .list .inner_top img{opacity:.8; display: block; width: 100%; height: 100%; object-fit: cover;}
#learning_music .sec_02 .layout .tab_view_ndp .inner .tab_s_view .inner .slider_06 .list .inner_btm{padding: 25px 20px; box-sizing: border-box;}
#learning_music .sec_02 .layout .tab_view_ndp .inner .tab_s_view .inner .slider_06 .list .inner_btm .tit{display:block; font-size: 17px; color: #111; font-weight: 800; line-height: 1.4; padding-top: 10px; margin-bottom: 20px;}
#learning_music .sec_02 .layout .tab_view_ndp .inner .tab_s_view .inner .slider_06 .list .inner_btm .tit span{position:relative; display: inline-block; font-size: inherit; color: inherit; font-weight: inherit; line-height: inherit;}
#learning_music .sec_02 .layout .tab_view_ndp .inner .tab_s_view .inner .slider_06 .list .inner_btm .tit span::after{position:absolute; z-index:-1; bottom:-8px; left:-5px; content:''; display:block; width:calc(100% + 10px); height:10px; background:url('/images/contents/img_underline.png') no-repeat 0 / auto 10px;}
#learning_music .sec_02 .layout .tab_view_ndp .inner .tab_s_view .inner .slider_06 .list .inner_btm p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-size: 16px; color: #848484; line-height: 1.6; font-weight: 700;}
#learning_music .sec_02 .layout .tab_view_ndp .inner .tab_s_view .inner .slider_06 .list .inner_btm .btm_info{border-top: 1px solid #d7d7d7; margin-top: 15px; padding-top: 20px;}
#learning_music .sec_02 .layout .tab_view_ndp .inner .tab_s_view .inner .slider_06 .list .inner_btm .btm_info .info_01 .ico{display: inline-block; font-size: 16px; color: #9254d8; font-weight: 700; vertical-align: middle;}
#learning_music .sec_02 .layout .tab_view_ndp .inner .tab_s_view .inner .slider_06 .list .inner_btm .btm_info .info_01 .ico::before{content:''; display:inline-block; height:30px; vertical-align:middle; background-repeat:no-repeat; margin-right:5px;}
#learning_music .sec_02 .layout .tab_view_ndp .inner .tab_s_view .inner .slider_06 .list .inner_btm .btm_info .info_01 .ico + .ico{margin-left: 20px;}
#learning_music .sec_02 .layout .tab_view_ndp .inner .tab_s_view .inner .slider_06 .list .inner_btm .btm_info .info_01 .ico.ico_01::before{width:25px; background-image:url('/images/contents/ico_01.png'); background-size:25px auto; background-position:center top;}
#learning_music .sec_02 .layout .tab_view_ndp .inner .tab_s_view .inner .slider_06 .list .inner_btm .btm_info .info_01 .ico.ico_02::before{width:21px; background-image:url('/images/contents/ico_02.png'); background-size:21px auto; background-position:center top 3px;}
#learning_music .sec_02 .layout .tab_view_ndp .inner .tab_s_view .inner .slider_06 .list .inner_btm .btm_info .info_01 .ico.ico_03::before{width:30px; background-image:url('/images/contents/ico_03.png'); background-size:30px auto; background-position:center top;}
#learning_music .sec_02 .layout .tab_view_ndp .inner .tab_s_view .inner .slider_06 .list .inner_btm .btm_info .info_02{display: flex; justify-content: space-between; align-items: center; margin-top:18px;}
#learning_music .sec_02 .layout .tab_view_ndp .inner .tab_s_view .inner .slider_06 .list .inner_btm .btm_info .info_02 li{display: inline-block; width: 30%; font-size: 14px; color: #848484; font-weight: 700; text-align: center; padding: 4px 5px; border-radius: 15px; border: 1px solid #848484;}

#learning_music .sec_03{position:relative; background: #fff7fe; padding-top:100px; padding-bottom:100px; margin-top:70px; margin-bottom:70px;}
#learning_music .sec_03::before, #learning_music .sec_03::after{position:absolute; left:50%; content:''; display:block; width:1920px; height:70px; background-repeat:no-repeat; background-position:center top; background-size:100% auto;}
#learning_music .sec_03::before{top:0; transform:translateX(-50%) translateY(-100%); background-image:url('/images/contents/bg_sec_top.png');}
#learning_music .sec_03::after{bottom:0; transform:translateX(-50%) translateY(100%); background-image:url('/images/contents/bg_sec_btm.png');}
#learning_music .sec_03 .layout .list_wrap{margin-top: 90px;}
#learning_music .sec_03 .layout .list_wrap .list{display:flex;}
#learning_music .sec_03 .layout .list_wrap .list ~ .list{margin-top:150px;}
#learning_music .sec_03 .layout .list_wrap .list .inner_info{display: inline-flex; flex-direction: column; align-items: flex-start; width: 50%; vertical-align:top; padding-left:100px; box-sizing:border-box;}
#learning_music .sec_03 .layout .list_wrap .list .inner_info .num{display: inline-block; min-width:87px; height:56px; line-height:56px; font-size: 25px; color: #fff; font-weight: 900; text-align:center; background: url('/images/contents/bg_roadmap_num.png') no-repeat 50% / auto 100%; margin-bottom:20px;}
#learning_music .sec_03 .layout .list_wrap .list .inner_info .tit{display: block; font-size: 30px; color: #111; font-weight: 800; margin-bottom:30px;}
#learning_music .sec_03 .layout .list_wrap .list .inner_info .tit span{position:relative; z-index:1; display:inline-block; font-size: inherit; color: inherit; font-weight: inherit;}
#learning_music .sec_03 .layout .list_wrap .list .inner_info .tit span::after{position:absolute; z-index:-1; bottom:-8px; left:-5px; content:''; display:block; width:calc(100% + 10px); height:11px; background:url('/images/contents/img_underline2.png') no-repeat 0 / auto 11px;}
#learning_music .sec_03 .layout .list_wrap .list .inner_info p{display: block; font-size: 24px; color: #111; font-weight: 700; line-height: 1.6;}
#learning_music .sec_03 .layout .list_wrap .list .inner_info p + p{margin-top: 20px;}
#learning_music .sec_03 .layout .list_wrap .list .inner_info .sub_01{display: inline-block; min-width: 235px; font-size: 24px; color: #fff; background: #9254d8; border-radius: 27px; text-align: center; padding: 11px 30px; box-shadow:inset 0px 1.5px .5px 0px rgba(255, 255, 255, .2), inset 0px -1.5px .5px 0px rgba(0, 0, 0, .2); box-sizing: border-box; margin-top: 20px;}
#learning_music .sec_03 .layout .list_wrap .list .inner_info .sub_02{display: block; background: #f1e2f8; border-radius: 27px; padding: 8px 20px; box-sizing: border-box; margin-top:25px;}
#learning_music .sec_03 .layout .list_wrap .list .inner_info .sub_02 .ico{font-size: 19px; color: #9254d8; font-weight: 700;}
#learning_music .sec_03 .layout .list_wrap .list .inner_info .sub_02 .ico::before{content:''; display:inline-block; width: 40px; height: 38px; background-repeat:no-repeat; background-position:50%; vertical-align:middle; margin-right: 5px;}
#learning_music .sec_03 .layout .list_wrap .list .inner_info .sub_02 .ico.ico_01::before{background-image:url('/images/contents/ico_roadmap_01.png'); background-size:35px auto; vertical-align: -11px;}
#learning_music .sec_03 .layout .list_wrap .list .inner_info .sub_02 .ico.ico_02::before{background-image:url('/images/contents/ico_roadmap_02.png'); background-size:27px auto;}
#learning_music .sec_03 .layout .list_wrap .list .inner_info .sub_03{min-width:416px; background: #fff; box-shadow: 0 0 15px 0 rgb(200, 151, 231, .2); border-radius: 15px; padding: 25px 40px; box-sizing: border-box; margin-top: 25px;}
#learning_music .sec_03 .layout .list_wrap .list .inner_info .sub_03 .tit{display: block; font-size: 24px; color: #111; font-weight: 800; margin-bottom:12px;}
#learning_music .sec_03 .layout .list_wrap .list .inner_info .sub_03 .li_chk{font-size: 19px; color: #111; font-weight: 400;}
#learning_music .sec_03 .layout .list_wrap .list .inner_info .sub_03 .li_chk::before{content:''; display:inline-block; width:30px; height:34px; background:url('/images/contents/ico_roadmap_03.png') no-repeat left center / 30px auto; vertical-align:-6px;}
#learning_music .sec_03 .layout .list_wrap .list .inner_info .sub_03 .li_chk + .li_chk{margin-top: 5px;}
#learning_music .sec_03 .layout .list_wrap .list .inner_img{display: inline-flex; align-items: flex-start; width: 50%; vertical-align:top; padding-left:4px; box-sizing:border-box;}
#learning_music .sec_03 .layout .list_wrap .list .inner_img img{display:block; width:636px; height:auto;}
#learning_music .sec_03 .layout .list_wrap .list:nth-of-type(2n){flex-direction: row-reverse;}
#learning_music .sec_03 .layout .list_wrap .list:nth-of-type(2n) .inner_info{padding-left:160px;}
#learning_music .sec_03 .layout .list_wrap .list:nth-of-type(2n) .inner_img{flex-direction: row-reverse;}

#learning_music .sec_04{background:url('/images/contents/bg_learning_music_sec_04.png') no-repeat center bottom / 1920px auto; padding-top:120px; padding-bottom:200px;}
#learning_music .sec_04 .layout .li_info{display:flex; flex-wrap:wrap; gap:20px 30px; margin-top:100px;}
#learning_music .sec_04 .layout .li_info .inner{display: inline-flex; flex-direction: column; justify-content: space-between; height: 340px; border-radius: 35px; box-shadow: inset 0px 1.5px .5px 0px rgba(255, 255, 255, .2), inset 0px -1.5px .5px 0px rgba(0, 0, 0, .2); padding: 35px 30px 65px 30px; box-sizing: border-box;}
#learning_music .sec_04 .layout .li_info .inner:nth-of-type(1){width: calc((100% - 30px) * .6); background:#9254d8 url('/images/contents/img_edu_01.png?2') no-repeat right bottom / 395px auto;}
#learning_music .sec_04 .layout .li_info .inner:nth-of-type(2){width: calc((100% - 30px) * .4); background:#c897e7 url('/images/contents/img_edu_02.png') no-repeat right 20px bottom 70px / 233px auto;}
#learning_music .sec_04 .layout .li_info .inner:nth-of-type(3){width: calc((100% - 30px) * .4); background:#c897e7 url('/images/contents/img_edu_03.png') no-repeat right 40px bottom 70px / 120px auto;}
#learning_music .sec_04 .layout .li_info .inner:nth-of-type(4){width: calc((100% - 30px) * .6); background:#9254d8 url('/images/contents/img_edu_04.png') no-repeat right bottom / 326px auto;}
#learning_music .sec_04 .layout .li_info .inner .num{font-size: 20px; color: #e9cbe5; font-weight: 700;}
#learning_music .sec_04 .layout .li_info .inner .info{font-size: 20px; color: #fff; font-weight: 700; line-height: 1.4; padding-left: 20px; box-sizing: border-box;}
#learning_music .sec_04 .layout .li_info .inner .info .tit{display: block; font-size: 30px; color: inherit; font-weight: 800; margin-bottom: 12px;}
#learning_music .sec_04 .layout .cnt_wrap{text-align: center; margin-top: 260px;}
#learning_music .sec_04 .layout .cnt_wrap .btn_link_01{display: inline-flex; justify-content: center; height: 96px; border-radius: 48px; font-size: 30px; font-weight: 800; padding-right: 95px;}
#learning_music .sec_04 .layout .cnt_wrap .btn_link_01::after{position: absolute; right: 7px; content: ''; display: inline-block; width: 82px; height: 82px; border-radius: 50%; background: rgba(255, 255, 255, .3) url('/images/main/arr_wt_rt.png') no-repeat center / 17px auto;}

#te_data{padding-bottom:150px;}
#te_data .text_cnt{display: block; font-size: 25px; color: #111; font-weight: 900; line-height: 1.4; text-align: center; margin-top: 100px;}
#te_data .search_cover{font-size:0; text-align: center; margin-top: 40px;}
#te_data .search_cover .search_box{position: relative; display: inline-block; width: 100%; max-width: 625px; height: 50px; border-radius: 25px; box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2); overflow: hidden;}
#te_data .search_cover .search_box input{display: block; width: 100%; height: 100%; font-size: 20px; color: #111; padding: 0 60px 0 30px; box-sizing: border-box;}
#te_data .search_cover .search_box .btn_search{position: absolute; top: 50%; right: 20px; transform: translateY(-50%); display: inline-block; width: 40px; height: 100%; font-size: 0; color: transparent; background: url('/images/common/ico_search.png') no-repeat 50% / 21px auto;}
#te_data .scr_menu_wrap{margin-top: 30px;}
#te_data .scr_menu_view .layout{display: flex; justify-content: space-between; align-items: flex-start; max-width: 1440px; padding-top: 50px;}
#te_data .scr_menu_view .layout .fm_wrap{width: calc(100% - 380px); padding-top: 0; margin-top: 0;}
.badge_area{letter-spacing: -1px; background: #f6f6f6;}
.badge_area .sec{padding-top: 25px; padding-bottom: 25px; box-sizing: border-box;}
#te_data .badge_area .sec{border-bottom: 1px solid #d2d2d2;}
#te_data .badge_area .sec .layout .btn + .btn{margin-left:20px;}
#te_data .badge_area .sec.sec_01 .layout{display: flex; justify-content: space-between;}
#te_data .badge_area .sec.sec_01 .layout .btn{display: inline-block; height: 50px; line-height: 50px; border-radius: 25px; font-size: 20px; color: #111; font-weight: 400; background: #fff; box-shadow: inset 0px 1.5px .5px 0px rgba(255, 255, 255, .2), inset 0px -1.5px .5px 0px rgba(0, 0, 0, .2); padding: 0 35px; box-sizing: border-box;}
#te_data .badge_area .sec.sec_01 .layout .btn strong{display: inline; font-size: inherit; color: inherit; font-weight: 700;}
#te_data .badge_area .sec.sec_01 .layout .btn.on, #te_data .badge_area .sec.sec_01 .layout .btn_add{color: #fff; background: #9254d8;}
#te_data .badge_area .sec.sec_02 .layout{display: flex; flex-wrap: wrap; gap: 20px;}
#te_data .badge_area .sec.sec_02 .layout .btn{display: inline-block; height: 50px; line-height: 50px; border-radius: 25px; font-size: 20px; color: #111; font-weight: 400; background: #f6e8ff; box-shadow: inset 0px 1.5px .5px 0px rgba(255, 255, 255, .2), inset 0px -1.5px .5px 0px rgba(0, 0, 0, .2); padding: 0 35px; box-sizing: border-box;}
#te_data .badge_area .sec.sec_02 .layout .btn + .btn{margin-left:0;}
#te_data .badge_area .sec.sec_02 .layout .btn_del{display: inline-block; width: 25px; height: 25px; font-size: 0; color: transparent; vertical-align: middle; background:url('/images/contents/ico_del.png') no-repeat 50% / 15px auto; margin-left: 5px;}
#te_data .badge_area .sec.sec_02 .layout .btn_reset{display: inline-block; height: 50px; line-height: 50px; font-size:20px; color:#aeaeae;}
#te_data .badge_area .sec.sec_02 .layout .btn_reset::before{content:''; display:inline-block; width:45px; height:100%; background:url('/images/contents/ico_reset_g.png') no-repeat 50% / 25px auto; vertical-align:middle;}

#data .scr_menu li{padding: 10px 25px;}
#data .scr_menu li ~ li{margin-left:18px;}
#data .ul_list{gap:40px 30px; margin-top:30px;}
#data .ul_list > li{width:calc((100% - 90px) / 4);}
#data .ul_list > li .info{padding: 20px 25px 30px 25px;}
#data .ul_list > li .info .tit{font-size: 18px; color: #040404; font-weight: 800; margin-bottom:5px;}
#data .ul_list > li .info .text span{line-height:1.7;}
#data .ul_list > li .info .btm_area{color:#848484; font-weight:400; margin-top: 15px; padding-top: 20px;}
#data .layout .rt_wrap{margin-top:30px;}
#data .layout .rt_wrap select{min-width: 160px; height: 50px; line-height: 50px; border-radius: 25px; font-size:20px; color:#111; background:#fff url('/images/common/arr_bk_btm.png') no-repeat center right 25px / 16px auto; box-shadow: inset 0px 1.5px .5px 0px rgba(255, 255, 255, .2), inset 0px -1.5px .5px 0px rgba(0, 0, 0, .2); padding: 0 50px 0 30px;}
#data .layout .pagination{margin-top:80px; margin-bottom:80px;}
#data .badge_area{padding:30px 0;}
#data .badge_area .layout{display: flex; justify-content: space-between; align-items: center;}
#data .badge_area .lt span{font-size: 20px; color: #111; font-weight: 700; margin-right:20px;}
#data .badge_area .lt span ~ span{margin-left:30px;}
#data .badge_area .lt select{min-width: 246px; height: 50px; line-height: 50px; border-radius: 25px; font-size:20px; color:#111; background:#fff url('/images/common/arr_bk_btm.png') no-repeat center right 25px / 16px auto; box-shadow: inset 0px 1.5px .5px 0px rgba(255, 255, 255, .2), inset 0px -1.5px .5px 0px rgba(0, 0, 0, .2); padding: 0 50px 0 30px;}
#data .badge_area .search_box{position: relative; display: inline-block; width: 100%; max-width: 370px; height: 50px; border-radius: 25px; background:#fff; box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2);}
#data .badge_area .search_box input{display: block; width: 100%; height: 100%; font-size: 20px; color: #111; letter-spacing:-1px; padding: 0 55px 0 30px; box-sizing: border-box;}
#data .badge_area .search_box .btn_search{position: absolute; top: 50%; right: 20px; transform: translateY(-50%); display: inline-block; width: 40px; height: 100%; font-size: 0; color: transparent; background: url('/images/common/ico_search.png') no-repeat 50% / 21px auto;}

#data_view{padding-bottom:80px;}
#data_view .youtube_cover{position:relative; width:600px; height:516px;}
#data_view .youtube_cover iframe{display:block; width:100%; height:100%; border-radius: 25px;}
#data_view .accor_wrap_02 > li + li{margin-top:40px;}

#ch_story{position:relative; padding-bottom:80px; background:url('/images/contents/bg_ch_story_02.png') no-repeat calc(50% + 690px) calc(100% - 50px) / 512px auto; overflow-x:hidden;}
#ch_story::before, #ch_story::after{position:absolute; z-index:-1; left: 50%; content:''; background:url('/images/contents/bg_ch_story_01.png') no-repeat 0 / 100% auto;}
#ch_story::before{top: 746px; transform: translateX(100px); width:344px; height:348px;}
#ch_story::after{bottom: 120px; transform: translateX(-898px) rotate(14deg); width: 242px; height: 250px;}
#ch_story .ul_list{gap:40px 30px; margin-top:10px;}
#ch_story .ul_list > li{width:calc((100% - 90px) / 4);}
#ch_story .ul_list > li .info{padding: 20px 25px 30px 25px;}
#ch_story .ul_list > li .info .tit{font-size: 18px; color: #040404; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom:5px;}
#ch_story .ul_list > li .info .tit span{font-size: inherit; color: inherit; font-weight: inherit;}
#ch_story .ul_list > li .info .tit span + span::before{content:''; display:inline-block; width:1px; height:20px; background:#040404; vertical-align:middle; margin-left:8px; margin-right:8px;}
#ch_story .ul_list > li .info .text{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#ch_story .ul_list > li .info .text span{line-height:1.7;}
#ch_story .ul_list > li .info .btm_area{justify-content: flex-start; gap: 20px; color:#848484; font-weight:400; margin-top: 15px; padding-top: 15px;}
#ch_story .ul_list > li .info .btm_area .btn_view{width: 170px; height: 35px; line-height: 35px; display: inline-block; font-size: 16px; color: #fff; font-weight: 700; text-align: center; background: #9254d8; box-shadow: none; border-radius: 0; margin: 0;}
#ch_story .rt_wrap .text_btn{margin-right:20px;}
#ch_story .rt_wrap .text_btn span{font-size:16px; color:#111;}
#ch_story .rt_wrap .text_btn span button{display: inline-block; font-size: inherit; color: inherit; font-weight: inherit;}
#ch_story .rt_wrap .text_btn span.on{font-weight:900;}
#ch_story .rt_wrap .text_btn span + span::before{content:''; display:inline-block; width:1px; height:15px; background:#111; vertical-align:middle; margin-left:10px; margin-right:10px;}
#ch_story .search_cover{font-size:0;}
#ch_story .search_cover .search_box{position: relative; display: inline-block; width: 100%; max-width: 680px; height: 50px; background:#fcfcfc; border-radius: 25px; box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2); overflow: hidden;}
#ch_story .search_cover .search_box input{display: block; width: 100%; height: 100%; font-size: 20px; color: #9254d8; padding: 0 60px 0 30px; box-sizing: border-box;}
#ch_story .search_cover .search_box input[type="text"]::placeholder{color: #9254d8;}
#ch_story .search_cover .search_box .btn_search{position: absolute; top: 50%; right: 20px; transform: translateY(-50%); display: inline-block; width: 40px; height: 100%; font-size: 0; color: transparent; background: url('/images/common/ico_search_pp.png') no-repeat 50% / 21px auto;}
#ch_story .ul_tab.type_rd{justify-content: flex-start;}
#ch_story .ul_tab.type_rd li{max-width:220px;}
#ch_story .layout .title{position:relative; z-index: 1; display: block; font-size: 40px; color: #111; font-weight: 900; line-height: 1.2; margin-top:120px; margin-bottom: 20px;}
#ch_story .layout .title::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%;}
#ch_story .layout .title strong{display: inline-block; font-size: inherit; color: inherit; font-weight: inherit; line-height: inherit;}
#ch_story .layout .rt_wrap{margin-top:10px; margin-bottom: 20px;}
#ch_story .layout .pagination{margin-top:80px;}

#ch_story_view .layout{padding: 0 60px;}
#ch_story_view .sub_banner{margin-bottom:90px;}
#ch_story_view .bg_wrap{background: #f7f1fb; padding-top: 40px; padding-bottom:100px;}
#ch_story_view .accor_wrap_02 > li + li{margin-top:40px;}
#ch_story_view .accor_wrap_02 > li > .inner{padding: 30px;}
#ch_story_view .accor_wrap_02 > li > .inner .li_box{display: flex; flex-wrap: wrap; gap: 20px;}
#ch_story_view .accor_wrap_02 > li > .inner .li_box li{ display: inline-block; font-size: 20px; font-weight: 700; color: #9254d8; border: 2px solid #9254d8; border-radius: 10px; padding: 3px 40px; box-sizing: border-box;}
#ch_story_view .ul_tab.type_rd{gap: 10px; justify-content: flex-start; margin-top: 0;}
#ch_story_view .ul_tab.type_rd li{max-width: 220px;}
#ch_story_view .ul_tab.type_rd li a{color: #9254d8; box-shadow: inset 0px 1.5px .5px 0px rgba(255, 255, 255, .2), inset 0px -1.5px .5px 0px rgba(0, 0, 0, .2);}
#ch_story_view .ul_tab.type_rd li.on a{color:#fff;}
#ch_story_view .tab_view .inner{padding: 30px 0 20px 0;}
#ch_story_view .tab_view .inner .box{font-size: 20px; color: #111; font-weight: 700; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .18); border-radius: 10px; padding: 15px 30px;}
#ch_story_view .tab_view .inner .box + .box{margin-top: 20px;}
#ch_story_view .tab_view .inner .box .tit{font-size: inherit; color: inherit; font-weight: 800; margin-bottom: 0;}
#ch_story_view.data_view .slider_08_cover{width: 550px; height: 430px; padding-right: 60px;}
#ch_story_view.data_view .slider_08{overflow: initial;}
#ch_story_view.data_view .slider_08 .slick-slide{position:relative; border-radius: 25px; overflow: hidden;}
#ch_story_view.data_view .slider_08 .slick-slide .tag{position: absolute; top: 20px; right: 20px; display: inline-block; height: 34px; line-height: 34px; border-radius: 17px; font-size: 16px; color: #fff; font-weight: 800; background: linear-gradient(90deg, rgba(118, 131, 217, 1) 0%, rgba(216, 160, 254, 1) 100%); box-shadow: inset 0px .5px 1.5px .5px rgba(255, 255, 255, .6), inset 0px -.5px 1.5px .5px rgba(0, 0, 0, .2); padding: 0 20px; box-sizing: border-box;}
#ch_story_view.data_view .slider_08 .slick-arrow{width: 40px; height: 40px; border-radius: 50%; background-color: #fcfcfc; background-size:10px auto; box-shadow:inset 0px 1.5px 1.5px .2px rgba(255, 255, 255, .2), inset 0px -1.5px 1.5px .2px rgba(0, 0, 0, .25);}
#ch_story_view.data_view .slider_08 .slick-arrow.slick-prev{left:-60px; background-image: url('/images/common/ico_arr_page_lt.png');}
#ch_story_view.data_view .slider_08 .slick-arrow.slick-next{right:-60px; background-image: url('/images/common/ico_arr_page_rt.png');}
#ch_story_view.data_view .view_wrap .info_wrap .rt{width: calc(100% - 550px); font-size: 20px; color: #111; font-weight: 700;}
#ch_story_view.data_view .view_wrap .info_wrap .rt .info_li{padding-top: 0;}
#ch_story_view.data_view .view_wrap .info_wrap .rt > p{font-size: inherit; color: inherit; font-weight: inherit; line-height:1.7;}
#ch_story_view .title{display: block; font-size: 40px; color: #111; font-weight: 900; line-height: 1.2; margin-top:35px; margin-bottom: 20px;}
#ch_story_view .title strong{position:relative; z-index: 1; display:inline-block; font-size: inherit; color: inherit; font-weight: inherit;}
#ch_story_view .title strong::before{position:absolute; z-index: -1; right:0; top:0; transform: translate(47%, -35%); content:''; opacity:.3; display:block; width:94px; height:94px; background:#c897e7; border-radius:50%;}
#ch_story_view .list_box{display: flex; flex-wrap: wrap; align-items: flex-start; gap: 30px; margin-top: 60px;}
#ch_story_view .list_box li{display: flex; align-items: center; width: calc(50% - 15px);}
#ch_story_view .list_box li .img{width: 72px; height: 72px; border-radius: 50%; background-color: #fff7fe; background-repeat: no-repeat; background-position: 50%; box-shadow: inset 0px 1.5px 1.5px .2px rgba(255, 255, 255, .2), inset 0px -1.5px 1.5px .2px rgba(0, 0, 0, .25);}
#ch_story_view .list_box li .img.ico_1{background-image:url('/images/contents/ico_ch_story_01.png'); background-size:33px auto;}
#ch_story_view .list_box li .img.ico_2{background-image:url('/images/contents/ico_ch_story_02.png'); background-size:27px auto;}
#ch_story_view .list_box li .img.ico_3{background-image:url('/images/contents/ico_ch_story_03.png'); background-size:39px auto;}
#ch_story_view .list_box li .img.ico_4{background-image:url('/images/contents/ico_ch_story_04.png'); background-size:44px auto;}
#ch_story_view .list_box li .info{padding-left: 20px; box-sizing: border-box;}
#ch_story_view .list_box li .info .tit{display: block; font-size: inherit; color: inherit; font-weight: 900; margin-bottom: 5px;}

#community{padding-bottom:80px;}
#community .search_cover{font-size:0; text-align: center; padding:0 16px; box-sizing:border-box; margin-top: 80px;}
#community .search_cover .search_box{position: relative; display: inline-block; width: 100%; max-width: 625px; height: 50px; border-radius: 25px; padding:0; box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2); overflow: hidden;}
#community .search_cover .search_box input{display: block; width: 100%; height: 100%; font-size: 20px; color: #111; padding: 0 60px 0 30px; box-sizing: border-box;}
#community .search_cover .search_box .btn_search{position: absolute; top: 50%; right: 20px; transform: translateY(-50%); display: inline-block; width: 40px; height: 100%; font-size: 0; color: transparent; background: url('/images/common/ico_search.png') no-repeat 50% / 21px auto;}
#community .search_cover .top_area{padding-top:0;}

#community .cnt_cover{text-align: center;}
#community .cnt_cover .ul_tab.type_rd li{width:250px; max-width:initial;}

#community .ul_list > li{width: calc((100% - 90px) / 4);}
#community .ul_list > li .info{padding:20px 35px;}
#community .ul_list > li .info .btm_area{display:block; color: #848484; margin-top: 15px; padding-top: 15px;}
#community .ul_list > li .info .btm_area span ~ span{margin-left:0;}
#community .ul_list > li .info .tit_sub{display: block; font-size: 16px; color: #848484; font-weight: 700; line-height: 1.6; margin-bottom: 5px;}
#community .ul_list > li .info .tit{color: #040404; font-weight: 800; margin-bottom: 5px;}
#community .ul_list > li .info .text{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 1.6;}
#community .pagination{margin-top:90px;}

#community .slider_07_cover{position:relative; width:830px; margin:0 auto 80px auto;}
#community .slider_07_cover .paging{position:absolute; z-index:1; right: 30px; bottom: 25px; font-size: 26px; color: #111; font-weight: 800;}
#community .slider_07_cover .paging span{font-size: inherit; color: inherit; font-weight: inherit;}
#community .slider_07_cover .paging::after{position:absolute; z-index: -1; bottom: 0; right: 0; transform: translateX(46%) translateY(45%); content: ''; display: block; width: 300px; height: 300px; border-radius: 50%; opacity: .7; background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 60%);}
#community .slider_07_cover .slider_07{width:100%;}
#community .slider_07_cover .slider_07 .slick-slide{border-radius: 20px; overflow: hidden;}
#community .slider_07_cover .slider_07 .slick-slide img{width: 100%; object-fit: cover;}
#community .slider_07_cover .slider_07 .slick-dots{display:none !important;}
#community .slider_07_cover .slider_07 .slick-arrow{position:absolute; z-index:1; top:50%; transform:translateY(-50%); display: block; width: 40px; height: 40px; font-size: 0; color: transparent; background: #fcfcfc; background-repeat:no-repeat; background-position:50%; background-size:10px auto; border: none; border-radius: 50%; box-shadow:inset 0px 1.5px 1.5px .2px rgba(255, 255, 255, .2), inset 0px -1.5px 1.5px .2px rgba(0, 0, 0, .25);}
#community .slider_07_cover .slider_07 .slick-arrow.slick-prev{left:-45px; background-image:url('/images/common/ico_arr_page_lt.png');}
#community .slider_07_cover .slider_07 .slick-arrow.slick-next{right:-45px; background-image:url('/images/common/ico_arr_page_rt.png');}

#community .fm_wrap{padding-top:110px;}
#community .fm_wrap .tit_01{display: block; font-size: 40px; color: #111; font-weight: 900; margin-bottom:50px;}
#community .fm_wrap .tit_01 + .ul_list{margin-top:0;}

#community .p_box{position:relative; z-index: 1; overflow: hidden; text-align: center; background: linear-gradient(90deg,rgba(212, 210, 251, 1) 0%, rgba(236, 221, 254, 1) 100%); padding: 60px 16px; box-sizing:border-box;}
#community .p_box::after{position:absolute; z-index: -1; top:-200px; left:50%; transform:translateX(-50%); content:''; display:block; width:1422px; height:1422px; background: linear-gradient(90deg,rgba(209, 205, 247, 1) 0%, rgba(232, 215, 250, 1) 100%); border-radius:50%;}
#community .p_box .sub{display: block; width: 100%; max-width: 250px; height: 50px; line-height: 50px; font-size: 24px; color: #fff; font-weight: 900; text-align: center; background: linear-gradient(90deg, rgba(118, 131, 217, 1) 0%, rgba(216, 160, 254, 1) 100%); box-shadow:inset 0px 1px 2px 0 rgba(255, 255, 255, .6), inset 0px -1.5px 2px 0 rgba(0, 0, 0, .2); margin: 0 auto 15px auto;}
#community .p_box .tit{display: block; font-size: 40px; color: #111; font-weight: 900; margin-bottom: 30px;}
#community .p_box p{display: block; font-size: 20px; color: #111; line-height: 1.6;}
#community .p_box .ul_rd{display: flex; gap: 0 10px; justify-content: center; margin-top: 50px;}
#community .p_box .ul_rd li{display: inline-block; font-size: 20px; color: #111; font-weight: 900; line-height: 1.5; background: #fff; text-align: center; padding: 10px 25px; border-radius: 25px; box-sizing: border-box;}
#community .p_box_02{background: linear-gradient(90deg,rgba(119, 118, 255, 1) 0%, rgba(174, 44, 241, 1) 80%); padding: 50px 16px; box-sizing:border-box; margin-bottom:100px;}
#community .p_box_02 .num_box{display: flex; justify-content: center; align-items: flex-start; gap: 0 60px;}
#community .p_box_02 .num_box li{position: relative;}
#community .p_box_02 .num_box li .text_area{position: absolute; top: 20px; left: 50%; transform: translateX(-50%);}
#community .p_box_02 .num_box li .text_area .sub{display: block; font-size: 24px; color: #fff; font-weight: 800; text-align: center;}
#community .p_box_02 .num_box li .text_area .num{display: block; font-size: 50px; color: #fff; font-weight: 900; text-align: center;}
#community .p_box_02 .num_box li .img{display: block;}
#community .p_box_02 .num_box li .img .ele{position:absolute; bottom:0; left:50%; transform:translate(-50%); display: block; height: auto;}
#community .p_box_02 .num_box li.ele_1 .img .ele{width:65px;}
#community .p_box_02 .num_box li.ele_2 .img .ele{width:112px;}
#community .p_box_02 .num_box li.ele_3 .img .ele{width:146px;}
#community .p_box_02 .num_box li.ele_4 .img .ele{width:103px;}

#community.community_view .fm_wrap{font-size:20px; color:#111; font-weight:700; line-height:1.8; padding-top:100px;}
#community.community_view .fm_wrap .tit_sub{display: block; font-size: 30px; color: #6b6b6b; font-weight: 700; letter-spacing: -1px; margin-bottom:2px;}
#community.community_view .fm_wrap .tit{display: flex; justify-content: space-between; align-items: flex-end; font-size: 40px; color: #111; font-weight: 900; line-height:1.5; letter-spacing: -1px; padding-bottom: 20px; border-bottom: 2px solid #c897e7; margin-bottom: 80px;}
#community.community_view .fm_wrap .tit .rt{display: inline-block; font-size: 30px; color: #6b6b6b; font-weight: 700;}
#community.community_view .fm_wrap .btn_list{margin-top:120px; margin-bottom:50px;}
#community.community_view .fm_wrap .youtube_wrap{position: relative; width: 100%; max-width: 980px; margin: 0 auto 80px auto; height: 0; padding-bottom: 552px;}
#community.community_view .fm_wrap .youtube_wrap iframe{position: absolute; display: block; width: 100%; height: 100%;}
#community.community_view .fm_wrap .img{display: block; width: 100%; max-width: 980px;}
#community.community_view .fm_wrap .btm_area{border-top: 2px solid #666; margin-top: 50px; margin: 0 auto 80px auto;}
#community.community_view .fm_wrap .btm_area .row{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #666;}
#community.community_view .fm_wrap .btm_area .row > span, #community.community_view .fm_wrap .btm_area .row > a{font-size: 20px; color: #111; padding: 18px 10px; box-sizing: border-box;}
#community.community_view .fm_wrap .btm_area .row .idx{width: 25%; text-align: center; font-weight: 800;}
#community.community_view .fm_wrap .btm_area .row .title{width: 50%; font-weight: 700; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#community.community_view .fm_wrap .btm_area .row .date{width: 25%; text-align: center; font-weight: 700;}

#history .img_cover{position:relative;}
#history .img_cover .btn_link{position: absolute; top: 673px; left: 249px; display: block; width: 275px; height: 58px; font-size: 0; color: transparent;}



/* 리뉴얼 */
.banner_top_re{display:none; position: relative; z-index: 31; width: 100%; height:32px; background:#3B3B3B;}
.banner_top_re .layout{display: flex; align-items: center; height: 100%;}
.banner_top_re .layout a{display: flex; justify-content: center; align-items: center; width: calc(100% - 140px); height: 100%; text-align: center;}
.banner_top_re .layout a .tit{font-size: 12px; color: #fff; font-weight: 500;}
.banner_top_re .layout a .tit span{font-size: inherit; font-weight: inherit;}
.banner_top_re .layout .rt{display: flex; align-items: center; width: 140px;}
.banner_top_re .layout .rt input[type="checkbox"], .banner_top_re .layout .rt label{cursor:pointer;}
.banner_top_re .layout .rt input[type="checkbox"]{display: inline-block; width: 14px; height: 14px; margin-right: 6px;}
.banner_top_re .layout .rt label{display: inline-flex; align-items: center; font-size:10px; color:#fff;}
.banner_top_re .layout .rt .btn_b_close{display: inline-block; width: 16px; height: 16px; font-size:0; color:transparent; background:url('/images/main/ico_close.svg') no-repeat 50% / 10px auto; margin-left: 8px;}

.banner_btm_re{position:fixed; z-index:4; bottom:0; left:0; width:100%; height:88px; background:linear-gradient(90deg, #FE914D 0%, #F73C36 100%);}
.banner_btm_re img{display:block; max-width: 1200px; width:auto; height: 100%; margin:0 auto;}

header{position: fixed; z-index:20; top:0; width: 100%; padding-bottom: 0;}
header .hd{position:relative; z-index:30; background: #fff;}
header .top{border-bottom: 1px solid #E0E0E0;}
header .top .layout{display: flex; justify-content: space-between; align-items: center; height: 36px;}
header .top .layout .lt{display: flex;}
header .top .layout .lt li{position:relative;}
header .top .layout .lt li + li::before{content:''; display:inline-block; width:1px; height:10px; background:#E0E0E0; vertical-align: middle;}
header .top .layout .lt li a{display:inline-block; font-size: 12px; font-weight: 500; color: #707070; padding:8px; box-sizing:border-box;}
header .top .layout .rt .btn_lang a{display: inline-block; height: 20px; line-height: 18px; border-radius: 10px; font-size: 10px; color: #FF7545; font-weight: 700; background:url('/images/main/ico_arr_btm_o.svg') no-repeat center right 11px / 8px auto; border: 1px solid #FF7545; padding: 0 26px 0 10px; box-sizing: border-box;}
header .menu_area{display:flex; justify-content: space-between; align-items: center;}
header .menu_area .logo{width: 66px;}
header .menu_area .logo img{display:block; width:100%;}
header .menu_area .rt{display: flex; gap: 0 12px;}
header .menu_area .rt .btn_search, header .menu_area .rt .btn_login, header .menu_area .rt .btn_gnb{display: inline-block; width: 32px; height: 32px; font-size: 0; color: transparent; border-radius: 12px;}
header .menu_area .rt .btn_search{display:inline-block; background: #004DA9 url('/images/main/ico_search_w.svg') no-repeat center / 14px auto;}
header .menu_area .rt .btn_login{background: #FF7545 url('/images/main/ico_user_w.svg') no-repeat center / 14px auto;}
header .menu_area .rt .btn_gnb{display:inline-block; background: #5C5C5C url('/images/main/ico_menu_w.svg') no-repeat center / 13px auto;}
header .menu_area .ul_menu{display:flex; justify-content: space-between; gap: 0 48px;}
header .menu_area .ul_menu li{text-align: center;}
header .menu_area .ul_menu li a{display:inline-block; height: 80px; line-height: 80px; font-size: 15px; color: #333; font-weight: 500; white-space: nowrap; letter-spacing: -1px; border-bottom: 4px solid transparent; box-sizing: border-box;}
header .sub_wrap{display:none; position: fixed; left:0; width: 100%; background: #fff;}
header .sub_wrap.on{border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0;}
header .sub_wrap .layout > ul{display:flex;}
header .sub_wrap .layout > ul > li{width:calc(100% / 6); min-height:308px; border-left: 1px solid #E0E0E0;}
header .sub_wrap .layout > ul > li:last-child{border-right: 1px solid #E0E0E0;}
header .sub_wrap .layout > ul > li > a, header .sub_wrap .layout > ul > li > ul > li a{display: flex; align-items: center; width: 100%; min-height: 48px; color: #333; border-bottom: 1px solid #E0E0E0; padding: 10px 34px 10px 20px; box-sizing: border-box;}
header .sub_wrap .layout > ul > li > a{position:relative; font-size: 14px; font-weight: 700;}
header .sub_wrap .layout > ul > li > a::after{position: absolute; top: 50%; right: 14px; transform: translateY(-50%); content:''; display: inline-block; width: 20px; height: 20px; background: #fff url('/images/common/ico_arr_hd_rt.svg') no-repeat 50% / 6.5px auto; border-radius: 50%;}
header .sub_wrap .layout > ul > li > a.arr_btm::after{background-image: url('/images/common/ico_arr_hd_btm.svg'); background-size: 12px auto;}
header .sub_wrap .layout > ul > li.on > a.arr_btm::after{background-image: url('/images/common/ico_arr_hd_tp.svg'); background-size: 12px auto;}
header .sub_wrap .layout > ul > li > ul{display:none;}
header .sub_wrap .layout > ul > li > ul > li a{position: relative; font-size: 13px; font-weight: 400; background: #F4F4F4;}
header .sub_wrap .layout > ul > li > ul > li a::after{position: absolute; top: 50%; right: 14px; transform: translateY(-50%); content:''; display: inline-block; width: 20px; height: 20px; background: #fff url('/images/main/ico_arr_rt_o_s.svg') no-repeat 50% / 10px auto; border-radius: 50%;}
header .sub_wrap .layout > ul > li > ul > li:hover a{color: #fff; background: #5C5C5C; font-weight: 500;}

.gnb{display: none; position: fixed; z-index: 40; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; background: #fff;}
.gnb .top_box{display: flex; justify-content: space-between; align-items: center; height:48px; border-bottom: 1px solid #E0E0E0; padding-left: 20px; padding-right: 10px; box-sizing:border-box;}
.gnb .top_box .logo{display: inline-block; width: 48px;}
.gnb .top_box .btn_close{display: inline-block; width: 40px; height: 40px; font-size: 0; color: transparent; background: url('/images/common/ico_gnb_close_bk.png') no-repeat 50% / 21px auto;}
.gnb .con_box{height: calc(100% - 48px); overflow-y: overlay; background: #fff;}
.gnb .con_box .ul_gnb{display: flex; flex-direction: column; line-height: 1.5;}
.gnb .con_box .ul_gnb > li{display: block; width: 100%; line-height:inherit;}
.gnb .con_box .ul_gnb > li ~ li{border-top: 1px solid #E0E0E0;}
.gnb .con_box .ul_gnb > li > .tit{display: inline-flex; justify-content: space-between; align-items: center; width:100%; height: 48px; font-size: 14px; color: #333; font-weight: 700; padding-left: 20px; padding-right: 14px; box-sizing: border-box; cursor: pointer;}
.gnb .con_box .ul_gnb > li > .tit::after{content:''; display:inline-block; width:20px; height:20px; background: url('/images/main/ico_arr_gy_btm.svg') no-repeat 50% / 12px auto;}
.gnb .con_box .ul_gnb > li.on > .tit::after{background-image: url('/images/main/ico_arr_gy_tp.svg');}
.gnb .con_box .ul_gnb > li > a.tit::after, .gnb .con_box .ul_gnb > li.on > a.tit::after{background-image: url('/images/main/ico_arr_gy_rt.svg'); background-size:7px auto;}
.gnb .con_box .ul_gnb > li > .ul_li{display: none; width: 100%; line-height:inherit; background: #F4F4F4;}
.gnb .con_box .ul_gnb > li > .ul_li > li{position: relative; line-height:inherit; border-top: 1px solid #E0E0E0; box-sizing:border-box;}
.gnb .con_box .ul_gnb > li > .ul_li > li > a{display: flex; justify-content: space-between; align-items: center; height: 48px; font-size: 13px; color: #111; line-height: inherit; padding-left: 20px; padding-right: 14px;}
.gnb .con_box .ul_gnb > li > .ul_li > li > a::after{content:''; display:inline-block; width:20px; height:20px; background:#fff url('/images/main/ico_arr_rt_o_s.svg') no-repeat 50% / 10px auto; border-radius:50%;}

footer .f_top{border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA;}
footer .f_top .layout{display: flex; justify-content: space-between; align-items: center;}
footer .f_top .layout nav{font-size: 0;}
footer .f_top .layout nav a{display: inline-block; height: 36px; line-height: 36px; font-size: 12px; color: #707070; font-weight: 500; padding: 0 10px;}
footer .f_top .layout nav a:first-child{padding-left:0;}
footer .f_top .layout nav a + a{position:relative;}
footer .f_top .layout nav a + a::before{position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ''; display: inline-block; width: 1px; height: 10px; background: #E0E0E0;}
footer .f_top .layout .family_site{position: relative; width: 200px;}
footer .f_top .layout .family_site .tit{display: flex; align-items: center; width: 100%; height: 36px; line-height: 1.5; font-size: 12px; color: #707070; font-weight: 500; background: url('/images/common/arr_gy_btm.png') no-repeat right 20px center / 9px auto; border-left: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; padding: 0 30px 0 16px; box-sizing: border-box; cursor: pointer;}
footer .f_top .layout .family_site ul{display:none; position: absolute; z-index: 1; width: 100%; background: #ffff; border-radius: 9px; padding: 10px; box-sizing: border-box; box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1); margin-top: 2px;}
footer .f_top .layout .family_site ul li{height: 40px; line-height: 40px; font-size: 13px; color: #111; background: #f6f6f6;}
footer .f_top .layout .family_site ul li a{display: block; height: inherit; line-height: inherit; font-size: inherit; color: inherit; padding: 0 10px; box-sizing: border-box;}
footer .f_top .layout .family_site ul li ~ li{margin-top:5px;}
footer .f_top .layout .family_site ul li:hover{background:#e3e3e3;}
footer .f_top .layout .family_site.on .tit{background-image:url('/images/common/arr_gy_tp.png');}
footer .f_top .layout .family_site.on ul{display: block;}
footer .f_inner{background:#F2F2F2; padding: 24px 0;}
footer .f_inner .layout .img_logo{display: inline-block; margin-bottom: 20px;}
footer .f_inner .layout .img_logo img{display:block; width:86px; height:auto;}
footer .f_inner .layout .f_info{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
footer .f_inner .layout .f_info .lt .f_addr, 
footer .f_inner .layout .f_info .lt .copyright{font-size: 11px; color: #333; line-height: 1.8;}
footer .f_inner .layout .f_info .lt .f_addr p, 
footer .f_inner .layout .f_info .lt .f_addr p span{font-size: inherit; color: inherit; line-height: inherit;}
footer .f_inner .layout .f_info .lt .f_addr p{display:flex;}
footer .f_inner .layout .f_info .lt .f_addr p span{display: inline-block;}
footer .f_inner .layout .f_info .lt .f_addr p span + span::before{content:''; display: inline-block; width:1px; height: 10px; background: #E0E0E0; vertical-align: middle; margin: 0 8px;}
footer .f_inner .layout .f_info .lt .copyright{display: block; margin-top: 16px;}
footer .f_inner .layout .f_info .rt .link_box{white-space: nowrap;}
footer .f_inner .layout .f_info .rt .link_box span{vertical-align: middle;}
footer .f_inner .layout .f_info .rt .link_box span.txt{display: inline-block; font-size: 14px; color: #333; line-height: 1.6; text-align: right; margin-right: 10px;}
footer .f_inner .layout .f_info .rt .link_box span .img_qr{width:76px; height:auto;}

.sub_banner_re{position: relative; height: 200px; background: #F2DAC2;}
.sub_banner_re .layout{display: flex; height: 100%; justify-content: flex-start; align-items: center;}
.sub_banner_re .txt_area .tit{display: block; width: 100%; font-size: 28px; color: #333; font-weight: 700; line-height: 1.4; margin-bottom: 12px;}
.sub_banner_re .txt_area .sub{display: block; width: 100%; font-size: 13px; color: #333; line-height: 1.5; font-weight:400;}

.top_area_re{text-align: center; background: #5C5C5C; padding: 24px 0;}
.top_area_re .search_box{display: inline-block; width: 100%; max-width: 590px; height: 40px; line-height: 38px; font-size: 0; border-radius: 20px; background: #fcfcfc; border: 1px solid #FF7545; vertical-align: middle; padding-left: 20px; padding-right: 10px; box-sizing: border-box;}
.top_area_re .search_box input{display: inline-block; width: calc(100% - 40px); height: 100%; font-size: 13px; color: #333; vertical-align: middle;}
.top_area_re .search_box .btn_search{display: inline-block; width: 40px; height: 100%; font-size: 0; color: transparent; background: url('/images/common/ico_search_02.svg') no-repeat 50% / 17px auto; vertical-align: middle;}

.sub_mn.type_accor{width: 100%; border-radius: 16px; overflow: hidden;}
.sub_mn.type_accor .top{display: flex; justify-content: space-between; align-items: center; font-size: 18px; color: #333; font-weight: 700; background: #fff; padding: 20px 24px 16px 24px; border-radius: 15px 15px 0 0; box-sizing: border-box; cursor:pointer;}
.sub_mn.type_accor .top .arr{display: inline-block; width: 26px; height: 26px; font-size: 0; color: transparent; background: url('/images/main/ico_arr_tp_bk_02.svg') no-repeat 50% / 14px auto;}
.sub_mn.type_accor.on .top{color: #FF7545;}
.sub_mn.type_accor.on .top .arr{background-image:url('/images/main/ico_arr_tp_o_02.svg');}
.sub_mn.type_accor > ul{background: #fff; padding: 0 24px 20px 24px; box-sizing: border-box;}
.sub_mn.type_accor > ul > li ~ li{margin-top:8px;}
.sub_mn.type_accor > ul > li > a{position: relative; display: block; font-size: 15px; color: #595959; font-weight: 700; line-height: 1.4; background: #F4F4F4; border-radius: 12px; padding: 14px 40px 14px 16px; box-sizing: border-box;}
.sub_mn.type_accor > ul > li > a::after{position: absolute; top: 50%; right: 16px; transform: translateY(-50%); content: ''; display: inline-block; width: 20px; height: 20px; background: #fff url('/images/main/ico_arr_rt_o_s.svg') no-repeat 50% / 10px auto; border-radius: 50%;}
.sub_mn.type_accor > ul > li.on > a{color: #fff; background: #FF7545;}
.sub_mn.type_accor + .sub_mn.type_accor{margin-top:10px;}

.sel_box{height: 40px; font-size: 13px; color: #333; background: url('/images/common/arr_btm_bk.svg') no-repeat center right 15px / 12px auto; border: 1px solid #D9D9D9; border-radius: 8px; padding-left: 12px; padding-right: 35px; box-sizing: border-box;}

.file_wrap.re{font-size: 0;}
.file_wrap.re .btn_file{position: relative; display: inline-block; height: 32px; line-height: 32px; font-size: 13px; color: #fff; font-weight: 500; background: #5C5C5C; vertical-align: middle; border: none; border-radius: 16px; padding: 0 16px; box-sizing: border-box; cursor: pointer;}
.file_wrap.re .btn_file .inp_file{position: absolute; width: 100%; height: 100%; opacity: 0; cursor: pointer; left: 0; top: 0; z-index: 3;}
.file_wrap.re .file_txt{display: inline-block; font-size: 13px; color: #333; vertical-align: middle; margin-left: 10px;}

.ul_scr_wrap{display: flex; align-items: center;}
.ul_scr_wrap .ul_tab{flex-grow: 1; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; white-space: nowrap; scrollbar-width: none; -ms-overflow-style: none; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.ul_scr_wrap .ul_tab::-webkit-scrollbar {display: none;}

.ul_tab.type_rd_bk{display: flex; gap: 0 12px; justify-content: flex-start; margin-bottom:30px;}
.ul_tab.type_rd_bk li{display: inline-block;}
.ul_tab.type_rd_bk li a{display: flex; justify-content: center; align-items: center; width: 100%; height: 50px; border-radius: 25px; font-size: 15px; color: #333; font-weight: 400; white-space: nowrap; word-break: keep-all; background: #F4F4F4; padding: 0 16px; cursor: pointer;}
.ul_tab.type_rd_bk li.on a{color:#fff; font-weight: 500; background: #3B3B3B;}

.ul_tab_wrap{border-bottom: 1px solid #E0E0E0; padding: 16px 0; box-sizing: border-box;}
.ul_tab_wrap .ul_tab.type_rd_bk{justify-content: center; margin-bottom:0;}
.ul_tab_wrap .ul_tab.type_rd_bk li{min-width: 250px;}

.accor_wrap_re{margin-top: 56px;}
.accor_wrap_re ul{border-top: 1px solid #333;}
.accor_wrap_re ul li{position: relative; display: block; border-bottom: 1px solid #E0E0E0; box-sizing: border-box;}
.accor_wrap_re ul li .hd{display: flex; justify-content: space-between; padding: 12px 20px; box-sizing: border-box; cursor:pointer;}
.accor_wrap_re ul li .hd .lt{width: calc(100% - 64px);}
.accor_wrap_re ul li .hd .lt .tit{display: flex; align-items: center; font-size: 14px; color: #333; font-weight: 700; line-height: 1.4;}
.accor_wrap_re ul li .hd .lt .tit span{font-size: inherit; color: inherit; font-weight: inherit; line-height: inherit;}
.accor_wrap_re ul li .hd .lt .tit .tag{display: inline-block; height: 28px; line-height: 28px; border-radius: 14px; font-size: 12px; color: #333; font-weight: 500; white-space: nowrap; background: #F4F4F4; padding: 0 12px; box-sizing: border-box; margin-right: 12px;}

.accor_wrap_re ul li .hd .lt .date{display: block; font-size: 12px; color: #707070; line-height: 1.4; margin-top: 4px;}
.accor_wrap_re ul li .hd .rt{display: flex; justify-content: flex-end; align-items: center; width: 64px;}
.accor_wrap_re ul li .hd .rt .btn_arr{display: inline-block; width: 24px; height: 24px; font-size: 0; color: transparent; vertical-align: middle; background: url('/images/common/arr_btm_bk.svg') no-repeat 50% / 14px auto;}
.accor_wrap_re ul li .inner{display:none; font-size: 13px; color: #333; line-height: 1.5; background: #F2F2F2; padding: 20px; border-top: 1px solid #E0E0E0;}
.accor_wrap_re ul li .inner p{font-size: 13px !important; color: #333 !important; line-height: 1.5 !important;}
.accor_wrap_re ul li.on .hd .rt .btn_arr{background-image:url('/images/common/arr_tp_bk.svg');}

.pagination{display: flex; justify-content: center; gap: 0 20px; align-items: center; margin-top: 32px;}
.pagination ul li a, 
.pagination .prev, 
.pagination .next{display: block; width: 24px; height: 24px; line-height: 24px; font-size: 12px; color: #707070; font-weight: 500; text-align: center; border-radius: 50%; background: #ECECEC; vertical-align: middle;}
.pagination ul{display: inline-flex; justify-content: center; gap: 0 4px;}
.pagination ul li.on a{color: #fff; background: #FF7545; font-weight: 700;}
.pagination .prev{display: inline-block; font-size: 0; color: transparent; background: #5C5C5C url('/images/common/ico_arr_page_lt_w.svg') no-repeat 50% / 10px auto;}
.pagination .next{display: inline-block; font-size: 0; color: transparent; background: #5C5C5C url('/images/common/ico_arr_page_rt_w.svg') no-repeat 50% / 10px auto;}

.comm_form.re .layout{padding: 0 20px;}
.comm_form.re .layout .txt{display: block; font-size: 13px; color: #333; font-weight: 400; text-align: center; line-height: 1.6;}
.comm_form.re .layout .tit_sub{display: flex; justify-content: space-between; align-items: center; font-size: 20px; color: #333; font-weight: 700; border-bottom: 0; padding-top: 10px; padding-bottom: 10px; padding-left: 0; margin-bottom: 0;}
.comm_form.re .layout .tit_sub .rt{font-size: 12px; color: #333; font-weight: 500;}
.comm_form.re .layout .textarea_wrap{display: block; width: 100%; border: 1px solid #D9D9D9; border-radius: 8px; padding: 12px; box-sizing:border-box;}
.comm_form.re .layout .info_box .row input[type="text"], .comm_form.re .layout .info_box .row input[type="password"], .comm_form.re .layout .info_box .row select{height: 40px; font-size: 13px; color: #333; border: 1px solid #D9D9D9; border-radius: 8px; padding-left: 12px; box-sizing: border-box;}
.comm_form.re .layout .info_box .row input[type="text"]{padding-right: 12px;}
.comm_form.re .layout .info_box .row select{background: url(/images/common/arr_btm_s_bk.svg) no-repeat center right 15px / 10px auto; padding-right: 35px;}
.comm_form.re .layout .info_box .row textarea{font-size: 13px; color: #333;}
.comm_form.re .layout .info_box .row{display: block;}
.comm_form.re .layout .info_box .row + .row{margin-top: 24px;}
.comm_form.re .layout .info_box .row .tit{display: block; width: 100%; font-size: 13px; color: #333; font-weight: 500; white-space: nowrap; vertical-align: initial; padding: 0; box-sizing: border-box; margin-bottom: 8px;}
.comm_form.re .layout .info_box .row .rt{display: block; width: 100%; vertical-align: initial;}
.comm_form.re .layout .info_box .row .helper_box_gy{display: block; font-size: 12px; color: #333; line-height: 1.7; background: #F4F4F4; border-radius: 8px; padding: 16px 10px; box-sizing: border-box; margin-top: 10px;}
.comm_form.re .layout .info_box .row .helper_box_gy .dot{font-size:inherit; color:inherit; line-height:inherit;}
.comm_form.re .layout .info_box .row .helper_box_gy .dot::before{content:''; display:inline-block; width:2px; height:2px; background:#333; border-radius:50%; vertical-align:middle; margin-right: 8px; margin-left: 8px;}
.comm_form.re .layout .info_box .ul_agree li .btn_rt::after{display:none;}
.comm_form.re .layout .info_box .ul_agree li .btn_rt{display: inline-block; font-size: 12px; font-weight: normal; line-height: 1.83; color: #333; text-decoration: underline;}
.comm_form.re .layout .info_box .ul_agree li .checkbox-type1 label{font-size:14px;}
.comm_form.re .layout .info_box .ul_agree li .checkbox-type1 input[type="checkbox"]:checked + label{font-weight: bold;}

.main footer{padding-bottom:88px;}
#main .sec{position:relative; overflow-x:clip;}
#main .sec .layout > .tit{display: block; font-size: 28px; color: #333; font-weight:700; text-align: center; margin-bottom: 25px;}
#main .sec .layout > .t_sub{font-size: 16px; color: #333; text-align: center; line-height: 1.6;}
#main .sec .box_01 .layout > .tit{color:#333; text-align: left; margin-bottom: 10px;}
#main .sec .box_01 .layout > .t_sub{color: #333; text-align: left;margin-bottom: 32px;}

#main .ul_scr_wrap_wrap > .tab_view > .inner{display:none;}
#main .ul_scr_wrap_wrap > .tab_view > .inner.on{display:block;}
#main .ul_scr_wrap .ul_tab{padding-right: 20px;}
#main .ul_scr_wrap .ul_tab.type_rd_bk li a{padding: 0 24px;}

#main .tab_view .inner .title_wrap, #main .sec_05 .box_02 .layout .inner_con .sort_box{display: flex; flex-wrap: wrap; justify-content:space-between; align-items: center; width: 100%; max-width: calc(1200px - 55px); box-sizing:border-box;}
#main .tab_view .inner .title_wrap .lt .title_s{font-size: 16px; color: #333; line-height: 1.6; margin-bottom: 6px;}
#main .tab_view .inner .title_wrap .lt .title{display: inline-block; font-size: 28px; color: #333; font-weight: 700; line-height: 1.6;}
#main .tab_view .inner .title_wrap .btn_link, .sec_05 .box_02 .layout .inner_con .sort_box .btn_link{display: block; height: 40px; line-height: 40px; font-size:13px; color:#fff; font-weight:500; background:#FF7545; border-radius: 20px; white-space: nowrap; padding: 0 20px; box-sizing: border-box;}
#main .tab_view .inner .title_wrap .btn_link .ico_view, .sec_05 .box_02 .layout .inner_con .sort_box .btn_link .ico_view{display: inline-block; width: 20px; height: 20px; background:#fff url('/images/main/ico_arr_rt_o_s.svg') no-repeat 50% / 10px auto; vertical-align: -6px; border-radius: 50%; margin-left:8px;}

#main .sec_01{padding-bottom:0;}
#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 .slider_01_cover .slider_01 .slick-slide, #main .sec_01 .layout .s_03{overflow:hidden;}
#main .sec_01 .layout .s_01{width: 816px; 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; 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{position: relative;}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide .img_bg{position: relative; display: block; width: 100%;}
/*
#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide .img_bg::before{opacity: .7; position:absolute; top:0; left:0; content:''; display:block; width:100%; height:195px; background:linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide .img_bg::after{opacity: .5; position:absolute; inset:0; content:''; display:block; pointer-events:none; background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(100% - 130px), rgba(0, 0, 0, 1) 100%); -webkit-mask-image:url('/upload/mainbanner/img_sec1_v1_01_re_bg.png'); mask-image:url('/upload/mainbanner/img_sec1_v1_01_re_bg.png'); -webkit-mask-size:100% auto; mask-size:100% auto; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:top center; mask-position:top center; -webkit-mask-mode:alpha; mask-mode:alpha;}
*/
#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide .tit{position: absolute; z-index: 1; top: 40px; left: 0; display: block; width: 100%; font-size: 24px; color: #fff; font-weight: 600; text-shadow: 3px 2.4px 1px rgba(0, 0, 0, .3); padding: 0 70px 0 40px; box-sizing: border-box;}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide .tit .btn_link{position: absolute; top: 20px; right: 40px; display: inline-block; width: 32px; height: 32px; background:#fff url('/images/main/ico_arr_rt_o.svg') no-repeat 50% / 14px auto; border-radius: 50%;}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide .txt_btm{position: absolute; z-index: 2; bottom: 58px; left: 50px; display: flex; align-items: flex-start; width: calc(100% - 210px); font-size: 14px; color: #fff; font-weight: 500;}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide .txt_btm .num{display: inline-block; width: 20px; height: 20px; line-height: 20px; font-size: 12px; color: #fff; font-weight: 500; text-indent: -1px; text-align: center; vertical-align: middle; background: #FF7545; border-radius: 50%; margin-right: 8px;}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide .txt_btm p{width: calc(100% - 28px); font-size:inherit; padding-top:1px;}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide img{display:block; width: 100%; height:auto;}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide img.img{position: absolute; top: 22%; left: 50%; transform: translateX(-50%); width: 84%;}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide .img_bg.mo{display:none;}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_con{position:absolute; bottom:0; left:0; width: 100%; height:96px; background: none;}
#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 .btn_pause{position:absolute; z-index:1; right: 18px; bottom: 20px; display:inline-block; width: 52px; height: 52px; font-size:0; color:transparent; background: #FF7545 url('/images/main/ico_pause_w.svg') no-repeat 50% / 12px auto; border-radius:50%;}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .bar{position:absolute; bottom: 40px; left: 50px; display:block; width: 580px; height: 2px; background:#d0d0d0;}
#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .bar.ani_bar .per_bar{display:block; width:0%; height:100%; background: #FF7545;}
#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;}
@keyframes ani_bar {
	0% { width:0%; }
	100% { width:100%; }
}

#main .sec_01 .layout .s_02, #main .sec_01 .layout .s_03{width: 384px;}
#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:400px;}
#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-list, #main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-track{height:100%;}
#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide{position:relative; border-radius:30px;}
#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide .img,
#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide .img img{display:block; width: 100%; height: 100%;}
#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide .img::before{opacity: .6; position:absolute; top:0; left:0; content:''; display:block; width:100%; height:220px; background:linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);}
#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide .img img.mo{display:none;}
#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide .t_area{position:absolute; z-index:1; top: 24px; left: 28px; width: calc(100% - 56px); color: #fff; font-weight: 500;}
#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide .t_area .tit_s1{font-size: 16px; color: inherit; font-weight: inherit; margin-bottom:2px;}
#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide .t_area .tit{position: initial; display: block; font-size: 26px; color: inherit; font-weight: 600; margin-bottom:10px;}
#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide .t_area .tit_s2{font-size: 14px; color: inherit; font-weight: inherit;}
#main .sec_01 .layout .s_02 .slider_01_cover .btn_plus{position:absolute; z-index:1; bottom: 16px; right:16px; display:inline-block; width: 24px; height: 24px; font-size:0; color:transparent; background: #FF7545 url('/images/main/ico_arr_rt_w.svg') no-repeat center / 12px auto; border-radius:50%;}

#main .sec_01 .layout .s_03{width: 384px; height: 180px; background: linear-gradient(270deg, #F73C36 0%, #FE914D 100%); border-radius: 28px; margin-top:20px;}
#main .sec_01 .layout .s_03 img{display:block; width: auto; max-height: 132px; height: 82%;}
#main .sec_01 .layout .s_03 img.mo{display:none;}
#main .sec_01 .layout .s_03 a{position: relative;display: flex; align-items: center; justify-content: flex-end;  width: 100%; height: 100%; padding-right: 10px;}
#main .sec_01 .layout .s_03 a .txt_box{position: absolute; top: 50%; left: 26px; transform: translateY(-50%); display: block; font-size: 18px; color: #fff; font-weight: 500; line-height: 1.5;}
#main .sec_01 .layout .s_03 a .txt_box strong{font-weight:600;}
#main .sec_01 .layout .s_03 a .txt_box .fc_yellow{display: block; font-size: 14px; font-weight: inherit; margin-bottom: 5px;}
#main .sec_01 .layout .s_03 a .txt_box .ico_view{display: block; width: 24px; height: 24px; background:#fff url('/images/main/ico_arr_rt_o.svg') no-repeat 50% / 12px auto; border-radius: 50%; margin-top:12px;}

#main .sec_02{padding-top:100px; padding-bottom: 100px;}
#main .sec_02::before,
#main .sec_02::after{display:none;}
#main .sec_02 .layout{position:relative;}
#main .sec_02 .layout::before{position:absolute; z-index:1; top:0; left:-75px; content:''; display:block; width:25%; height:100%; background:linear-gradient(90deg,rgba(255, 255, 255, .8) 20%, transparent 70%);}
#main .sec_02 .layout::after{position:absolute; z-index:1; top:0; right:-75px; content:''; display:block; width:25%; height:100%; background:linear-gradient(270deg,rgba(255, 255, 255, .8) 20%, transparent 70%);}
#main .sec_02 .layout > .t_sub strong{font-weight: 700;}
#main .sec_02 .layout .img_area{position: relative; display: block; width: 1350px; height:560px; margin-top: 50px; margin-left: -75px;}
#main .sec_02 .layout .img_area::before{opacity:.16; position:absolute; z-index:1; top:0; left:0; content:''; width:100%; height:100%; background:#fff;}
#main .sec_02 .layout .img_area .ele{position:absolute; width:436px; height:270px;}
#main .sec_02 .layout .img_area .ele.ele_1{left: 0; top: 60px;}
#main .sec_02 .layout .img_area .ele.ele_2{left: 490px; top: 0;}
#main .sec_02 .layout .img_area .ele.ele_3{right: 0; top: 40px;}
#main .sec_02 .layout .img_area .ele.ele_4{left: 240px; top: 210px;}
#main .sec_02 .layout .img_area .ele.ele_5{left: 670px; top: 270px;}
#main .sec_02 .layout .img_area .ele img{position:absolute; display:block; width:100%;}

#main .sec_03{display: flex; flex-wrap: wrap; justify-content: flex-start; padding-left: calc(50% - 600px); background:linear-gradient(270deg, #F73C36 0%, #FE914D 100%); padding-top: 50px; padding-bottom: 50px;}
#main .sec_03::before, #main .sec_03::after{display:none;}
#main .sec_03 .layout{flex: 1 1 auto; width:100%; max-width: 100%; background: #fff; border-radius: 24px 0 0 24px; padding-top:56px; padding-bottom:56px; padding-left: 55px; box-sizing: border-box;}
#main .sec_03 .layout .slider_10_cover{margin-top:30px;}
#main .sec_03 .layout .slider_10_cover .slider_10 .slick-slide{position:relative; width: 425px; font-size: 20px; background: #F4F4F4; border-radius: 16px; padding: 40px; box-sizing: border-box; margin-right: 24px;}
#main .sec_03 .layout .slider_10_cover .slider_10 .slick-slide::after{position:absolute; bottom:0; right:0; content:''; display:block; width:64px; height:64px; background:url('/images/main/img_side.png') no-repeat 0 / 64px;}
#main .sec_03 .layout .slider_10_cover .slider_10 .slick-slide:nth-child(2n-1){margin-top:40px;}
#main .sec_03 .layout .slider_10_cover .slider_10 .slick-slide .img_box{display: flex; gap: 0 20px; justify-content: center;}
#main .sec_03 .layout .slider_10_cover .slider_10 .slick-slide .txt_box{display: flex; flex-direction: column; align-items: center; text-align: center; margin-top: 30px;}
#main .sec_03 .layout .slider_10_cover .slider_10 .slick-slide .txt_box .tit{display: inline-block; height: 32px; line-height: 32px; border-radius: 16px; font-size: 15px; color: #FF7545; font-weight: 700; text-align: center; background: #fff; padding: 0 16px; box-sizing: border-box; margin-bottom: 14px;}
#main .sec_03 .layout .slider_10_cover .slider_10 .slick-slide .txt_box div{font-size: 14px; color: #333; font-weight: 400; line-height: 1.5;}
#main .sec_03 .layout .slider_10_cover .slider_10 .slick-slide .txt_box div strong{font-weight:800;}
#main .sec_03 .layout .slider_10_cover .slider_10 .slick-slide .btn_link{position: absolute; z-index: 1; bottom: 12px; right: 12px; display: block; width: 24px; height: 24px; font-size: 0; color: transparent; background: #FF7545 url('/images/main/ico_arr_rt_w.svg') no-repeat 50% / 12px auto; border-radius: 50%;}
#main .sec_03 .layout .slider_10_cover .slick-dots{display:none !important;}

#main .sec_03 .layout .slider_10_cover.type_02{margin-top: 2px;}
#main .sec_03 .layout .slider_10_cover.type_02 .slider_10 .slick-slide:nth-child(2n-1){margin-top:0;}
#main .sec_03 .layout .slider_10_cover.type_02 .slider_10 .slick-slide:nth-child(2n){margin-top:40px;}
#main .sec_03 .layout .slider_10_cover.type_02 .slider_10 .slick-slide .img_box img{box-shadow: 0 0 10px 4px rgba(0, 0, 0, .1); border-radius: 12px;}
#main .sec_03 .layout .slider_10_cover.type_02 .slider_10 .slick-slide .txt_box .sub{display: inline-block; height: 24px; line-height: 24px; border-radius: 12px; font-size: 12px; font-weight: 500; color: #fff; background: #FF7545; padding: 0 8px; box-sizing: border-box; margin-bottom: 8px;}
#main .sec_03 .layout .slider_10_cover.type_02 .slider_10 .slick-slide .txt_box .tit{height: auto; font-size: 20px; line-height: 1.4; font-weight: 700; background: transparent; padding: 0; margin-bottom: 10px;}
#main .sec_03 .layout .slider_10_cover.type_02 .slider_10 .slick-slide.type_blue .txt_box .sub{background:#004DA9;}
#main .sec_03 .layout .slider_10_cover.type_02 .slider_10 .slick-slide.type_blue .txt_box .tit{color:#004DA9;}
#main .sec_03 .layout .slider_10_cover.type_02 .slider_10 .slick-slide.type_blue .btn_link{background-color:#004DA9;}

#main .sec_03 .layout .slider_10_cover.type_03 .slider_10 .slick-slide .txt_box .sub{display: inline-block; height: 30px; line-height: 30px; border-radius: 15px; font-size: 14px; font-weight: 500; color: #fff; background: #FF7545; padding: 0 12px; box-sizing: border-box; margin-bottom: 10px;}
#main .sec_03 .layout .slider_10_cover.type_03 .slider_10 .slick-slide .txt_box .tit{height: auto; font-size: 20px; color: #333; line-height: 1.4; font-weight: 700; background: transparent; padding: 0; margin-bottom: 16px;}

#main .sec_03 .layout .info_btm{display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 1144px; background: #FFF3E2; border-radius: 16px; padding: 16px 24px 16px 32px; box-sizing: border-box; margin-top: 48px;}
#main .sec_03 .layout .info_btm .lt .tit{display: block; font-size: 18px; font-weight: 700; color: #FF7545; margin-bottom: 8px;}
#main .sec_03 .layout .info_btm .lt .tit .ico_arr{display: inline-block; width: 18px; height: 18px; background: #FF7545 url('/images/main/ico_arr_rt_w_s.svg') no-repeat 50% / 9px auto; border-radius: 50%; vertical-align: middle; margin-left: 8px;}
#main .sec_03 .layout .info_btm .lt p{display: block; font-size: 14px; color: #333;}
#main .sec_03 .layout .info_btm .rt{display: inline-block; font-size: 0; color: transparent; background: #fff; border: 1px solid #D3D3D3; border-radius: 8px; padding: 4px; box-sizing: border-box;}
#main .sec_03 .layout .info_btm .rt img{display:inline-block; width:88px;}
#main .sec_03 #btm_txt{display:none; width: 100%; max-width: 1200px; font-size: 13px; color: #333; line-height: 1.6; text-align: center; padding-top: 35px; box-sizing: border-box;}
#main .sec_03 #btm_txt.on{display:block;}
#main .sec_03 #btm_txt .tit{display: block; font-size: 22px; color: #fff; font-weight: 600; margin-bottom: 16px;}

#main .sec_04{padding-top: 100px;}
#main .sec_04 .box_02{display: flex; flex-wrap: wrap; justify-content: flex-start; background:#FFF3E2; padding-top: 48px; padding-bottom: 48px; padding-left: calc(50% - 600px);}
#main .sec_04 .box_02 .layout{display:flex; flex-wrap: wrap; gap: 20px; width: 100%; max-width: 100%; margin: 0;}
#main .sec_04 .box_02 .layout .inner_lt{display:inline-block; width:286px;}
#main .sec_04 .box_02 .layout .inner_con{display:inline-block; width: calc(100% - 306px); height:530px; background: #fff; padding: 32px; padding-right:0; box-sizing: border-box; border-radius: 16px 0 0 16px;}
#main .sec_04 .box_02 .layout .inner_con .slider_11_cover{margin-top: -20px;}
#main .sec_04 .box_02 .layout .inner_con .slider_11_cover .slider_11 .slick-list{padding-left:20px; margin-left:-20px;}
#main .sec_04 .box_02 .layout .inner_con .slider_11_cover .slider_11 .slick-slide{width: 264px ; border-radius:16px; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .05); overflow:hidden; margin-top: 20px; margin-bottom:24px; margin-left:20px; margin-right: 15px;}
#main .sec_04 .box_02 .layout .inner_con .slider_11_cover .slider_11 .slick-slide .img{position:relative; display: block; width: 100%; height: 180px;}
#main .sec_04 .box_02 .layout .inner_con .slider_11_cover .slider_11 .slick-slide .img img{display: block; width: 100%; height: 100%; object-fit: cover;}
#main .sec_04 .box_02 .layout .inner_con .slider_11_cover .slider_11 .slick-slide .img .btn_like{position:absolute; top:10px; right:10px; display:block; width:32px; height:32px; background:#fff url('/images/main/ico_like_02_off.svg') no-repeat 50% / 18px auto; border-radius: 50%;}
#main .sec_04 .box_02 .layout .inner_con .slider_11_cover .slider_11 .slick-slide .img .btn_like.on{background-color:#FF7545; background-image:url('/images/main/ico_like_02_on.svg');}
#main .sec_04 .box_02 .layout .inner_con .slider_11_cover .slider_11 .slick-slide .info{padding: 16px 20px 20px 20px; box-sizing: border-box;}
#main .sec_04 .box_02 .layout .inner_con .slider_11_cover .slider_11 .slick-slide .info .tit{display: -webkit-box; font-size: 16px; color: #333; font-weight: 700; line-height: 1.6; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 10px;}
#main .sec_04 .box_02 .layout .inner_con .slider_11_cover .slider_11 .slick-slide .info .detail{line-height:1.5;}
#main .sec_04 .box_02 .layout .inner_con .slider_11_cover .slider_11 .slick-slide .info .detail p.p_1{display: block; font-size: 14px; color: #333;}
#main .sec_04 .box_02 .layout .inner_con .slider_11_cover .slider_11 .slick-slide .info .detail p.p_2{display: block; font-size: 12px; color: #FF7545; margin-top: 3px;}
#main .sec_04 .box_02 .layout .inner_con .slider_11_cover .slider_11 .slick-slide .info .btm_area{margin-top: 16px;}
#main .sec_04 .box_02 .layout .inner_con .slider_11_cover .slider_11 .slick-slide .info .btm_area span + span{margin-left:12px;}
#main .sec_04 .box_02 .layout .inner_con .slider_11_cover .slider_11 .slick-slide .info .btm_area .like, #main .sec_04 .box_02 .layout .inner_con .slider_11_cover .slider_11 .slick-slide .info .btm_area .review{display: inline-block; font-size: 13px; color: #333; font-weight: 700;}
#main .sec_04 .box_02 .layout .inner_con .slider_11_cover .slider_11 .slick-slide .info .btm_area .like .ico{display: inline-block; width: 16px; height: 16px; vertical-align: middle; background: url('/images/main/ico_like_02.svg') no-repeat center top / 16px auto; margin-right: 6px;}
#main .sec_04 .box_02 .layout .inner_con .slider_11_cover .slider_11 .slick-slide .info .btm_area .review .ico{display: inline-block; width: 16px; height: 16px; vertical-align: middle; background: url('/images/main/ico_review_02.svg') no-repeat center top -1px / 16px auto; margin-right: 6px;}
#main .sec_04 .box_02 .layout .inner_con .slider_11_cover .slider_11 .slick-arrow{position: absolute; z-index: 1; top: -28px; display: inline-block; width: 28px; height: 28px; font-size: 0; color: transparent; border-radius: 50%;}
#main .sec_04 .box_02 .layout .inner_con .slider_11_cover .slider_11 .slick-arrow.slick-prev{left: 824px; transform: translateX(-100%); background:#FF7545 url('/images/main/ico_arr_lt_w.svg') no-repeat center / 12px auto}
#main .sec_04 .box_02 .layout .inner_con .slider_11_cover .slider_11 .slick-arrow.slick-next{left: 860px; transform: translateX(-100%); background:#5B5B5B url('/images/main/ico_arr_rt_w.svg') no-repeat center / 12px auto;}
/* #main .sec_04 .box_02 .layout .inner_con .slider_11_cover .slider_11 .slick-arrow.slick-prev.slick-disabled, 
#main .sec_04 .box_02 .layout .inner_con .slider_11_cover .slider_11 .slick-arrow.slick-next.slick-disabled{background-color:#c586fb;} */
#main .sec_04 .box_02 .layout .inner_con .btn_link{display: inline-block; height: 40px; line-height: 40px; border-radius: 20px; font-size: 13px; font-weight: 500; color: #fff; background: #333; padding: 0 20px;}
#main .sec_04 .box_02 .layout .inner_con .btn_link::after{content: ''; display: inline-block; width: 16px; height: 16px; background: #fff url('/images/main/ico_arr_rt_bk_s.svg') no-repeat 50% / 8px auto; border-radius: 50%; vertical-align:middle; margin-left:8px;}
#main .sec_04 .box_02 .layout .inner_con.tab_rd_o_cover .ul_tab.type_rd_o{display: flex; gap: 0 8px; justify-content: flex-start; margin-bottom:20px;}
#main .sec_04 .box_02 .layout .inner_con.tab_rd_o_cover .ul_tab.type_rd_o li{display: inline-block;}
#main .sec_04 .box_02 .layout .inner_con.tab_rd_o_cover .ul_tab.type_rd_o li a{display: flex; justify-content: center; align-items: center; width: 100%; height: 32px; line-height: 32px; border-radius: 16px; font-size: 14px; color: #595959; font-weight: 400; white-space: nowrap; word-break: keep-all; background: #F4F4F4; padding: 0 12px; cursor: pointer;}
#main .sec_04 .box_02 .layout .inner_con.tab_rd_o_cover .ul_tab.type_rd_o li.on a{color:#fff; font-weight: 500; background: #FF7545;}
#main .sec_04 .box_02 .layout .inner_con.tab_rd_o_cover .tab_view .inner{display:none;}
#main .sec_04 .box_02 .layout .inner_con.tab_rd_o_cover .tab_view .inner.on{display:block;}

#main .sec_05{padding-top:100px;}
#main .sec_05 .box_02{display: flex; flex-wrap: wrap; justify-content: flex-start; background: rgb(0, 77, 169, .1); padding-top: 48px; padding-bottom: 48px; padding-left: calc(50% - 600px);}
#main .sec_05 .box_02 .layout{flex: 1 1 auto; width:100%; max-width: 100%; background: #fff; border-radius: 24px 0 0 24px; padding-top:56px; padding-bottom:56px; padding-left: 55px; box-sizing: border-box; margin: 0;}
#main .sec_05 .box_02 .layout .inner_con .title_wrap .lt .title{font-size:22px;}

#main .sec_05 .box_02 .layout .inner_con .slider_04{width: 100%; margin-top:24px; overflow:hidden;}
#main .sec_05 .box_02 .layout .inner_con .slider_04 .slick-track{margin-left: -10px;}
#main .sec_05 .box_02 .layout .inner_con .slider_04 .slick-slide{padding: 0 10px; box-sizing:border-box;}
#main .sec_05 .box_02 .layout .inner_con .slider_04 .inner{width:194px;}
#main .sec_05 .box_02 .layout .inner_con .slider_04 .inner .img{display: flex; justify-content: center; align-items: center; width: 100%; height: 200px; border-radius: 16px; overflow: hidden;}
#main .sec_05 .box_02 .layout .inner_con .slider_04 .inner .img img{display:block; width:100%; object-fit:cover;}
#main .sec_05 .box_02 .layout .inner_con .slider_04 .ele_01 .inner .img{background: #F26E23;}
#main .sec_05 .box_02 .layout .inner_con .slider_04 .ele_02 .inner .img{background: #EEA4B1;}
#main .sec_05 .box_02 .layout .inner_con .slider_04 .ele_03 .inner .img{background: #00C9FF;}
#main .sec_05 .box_02 .layout .inner_con .slider_04 .ele_04 .inner .img{background: #D7539E;}
#main .sec_05 .box_02 .layout .inner_con .slider_04 .ele_05 .inner .img{background: #D39F63;}
#main .sec_05 .box_02 .layout .inner_con .slider_04 .ele_06 .inner .img{background: #8DB225;}
#main .sec_05 .box_02 .layout .inner_con .slider_04 .ele_07 .inner .img{background: #94AFFF;}
#main .sec_05 .box_02 .layout .inner_con .slider_04 .ele_01 .inner .img img{width: 41%;}
#main .sec_05 .box_02 .layout .inner_con .slider_04 .ele_02 .inner .img img{width: 67%;}
#main .sec_05 .box_02 .layout .inner_con .slider_04 .ele_03 .inner .img img{width: 71%;}
#main .sec_05 .box_02 .layout .inner_con .slider_04 .ele_04 .inner .img img{width: 37%;}
#main .sec_05 .box_02 .layout .inner_con .slider_04 .ele_05 .inner .img img{width: 37%;}
#main .sec_05 .box_02 .layout .inner_con .slider_04 .ele_06 .inner .img img{width: 35%;}
#main .sec_05 .box_02 .layout .inner_con .slider_04 .ele_07 .inner .img img{width: 42%;}
#main .sec_05 .box_02 .layout .inner_con .slider_04 .inner .info{word-break: keep-all; padding:10px 8px; box-sizing:border-box;}
#main .sec_05 .box_02 .layout .inner_con .slider_04 .inner .info .tit{display: block; font-size: 16px; color: #333; font-weight: 700; margin-bottom: 4px;}
#main .sec_05 .box_02 .layout .inner_con .slider_04 .inner .info .t_sub{font-size: 12px; color: #FF7545; line-height:1.6; margin-bottom: 6px;}
#main .sec_05 .box_02 .layout .inner_con .slider_04 .inner .info p{font-size: 13px; color: #333; line-height:1.6;}

#main .sec_05 .box_02 .layout .inner_con .sort_box{margin-bottom: 26px;}
#main .sec_05 .box_02 .layout .inner_con .sort_box .tit{display: inline-block; font-size: 15px; color: #333; font-weight: 700;}
#main .sec_05 .box_02 .layout .inner_con .sort_box select{width: 148px; height:36px; margin-left: 10px;}
#main .sec_05 .box_02 .layout .inner_con .slider_13 .slick-slide{width: 285px; border-radius: 16px; border: 1px solid #D6D6D6; overflow: hidden; margin-left: 10px; margin-right: 10px;}
#main .sec_05 .box_02 .layout .inner_con .slider_13 .slick-slide .img{position: relative; display: block; width: 100%; height: 180px;}
#main .sec_05 .box_02 .layout .inner_con .slider_13 .slick-slide .img img{display: block; width: 100%; height: 100%; object-fit: cover;}
#main .sec_05 .box_02 .layout .inner_con .slider_13 .slick-slide .info{padding: 16px 20px 20px 20px; box-sizing: border-box;}
#main .sec_05 .box_02 .layout .inner_con .slider_13 .slick-slide .info .tit{display: -webkit-box; font-size: 16px; color: #333; font-weight: 700; line-height: 1.6; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 10px;}
#main .sec_05 .box_02 .layout .inner_con .slider_13 .slick-slide .info .tit a{font-size: inherit; color: inherit; font-weight: inherit; line-height: inherit;}
#main .sec_05 .box_02 .layout .inner_con .slider_13 .slick-slide .info dl.detail{display: flex; flex-wrap: wrap; line-height:1.5;}
#main .sec_05 .box_02 .layout .inner_con .slider_13 .slick-slide .info dl.detail dt{width: 60px; font-size: 12px; color: #333; font-weight: 400;}
#main .sec_05 .box_02 .layout .inner_con .slider_13 .slick-slide .info dl.detail dd{width: calc(100% - 60px); font-size: 12px; color: #333; font-weight: 700; text-align: right;}
#main .sec_05 .box_02 .layout .inner_con .slider_13 .slick-slide .info .btm_area{font-size: 14px; color: #333; font-weight: 500; border-top: 1px solid #E0E0E0; padding-top: 10px; box-sizing: border-box; margin-top: 8px;}
#main .sec_05 .box_02 .layout .inner_con .slider_13 .slick-slide .info .btm_area p{font-size: inherit; color: inherit; font-weight: inherit;}
#main .sec_05 .box_02 .layout .inner_con .slider_13 .slick-slide .info .btm_area p ~ .ul_tag{margin-top: 10px;}
#main .sec_05 .box_02 .layout .inner_con .slider_13 .slick-slide .info .btm_area .ul_tag{display: flex; flex-wrap: wrap; gap: 6px;}
#main .sec_05 .box_02 .layout .inner_con .slider_13 .slick-slide .info .btm_area .ul_tag li{display: inline-block; height: 28px; line-height: 28px; border-radius: 14px; font-size: 12px; color: #333; font-weight: 400; white-space: nowrap; background: #ECECEC; padding: 0 12px; box-sizing: border-box;}

#main .sec_06{padding-top: 100px;}
#main .sec_06 .box_02{background: linear-gradient(90deg, #FE914D 0%, #F73C36 100%); padding-top: 56px; padding-bottom: 56px; box-sizing: border-box;}
#main .sec_06 .box_02 .layout .ul_tab.type_rd_bk{width: 100%; padding-right: 0; margin-bottom: 0; overflow: initial; padding-bottom:10px; margin-bottom:11px;}
#main .sec_06 .box_02 .layout .ul_tab.type_rd_bk li{position:relative; display: inline-block; width: calc((100% - 24px) / 3);}
#main .sec_06 .box_02 .layout .ul_tab.type_rd_bk li a{position: relative; z-index: 1; height: 72px; border-radius: 36px; font-size: 18px;}
#main .sec_06 .box_02 .layout .ul_tab.type_rd_bk li::after{position:absolute; bottom:-8px; left:50%; transform:translateX(-50%); content:''; display:block; width:21px; height:14px; background:url('/images/main/bg_tab_w.svg') no-repeat 0 / 100% auto;}
#main .sec_06 .box_02 .layout .ul_tab.type_rd_bk li.on a{font-weight: 600;}
#main .sec_06 .box_02 .layout .ul_tab.type_rd_bk li.on::after{background-image:url('/images/main/bg_tab_bk.svg');}
#main .sec_06 .box_02 .layout .inner_con .tab_view .inner{background: #fff; text-align:center; border-radius: 16px; padding: 56px 40px 56px 40px; box-sizing: border-box; overflow:hidden;}
#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_img{position:relative; display: inline-flex; width: auto; gap: 0 20px; margin: 60px auto 0 auto; text-align:center;}
#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_img::before, #main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_img::after{position:absolute; content:''; display:block;}
#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_img::before{bottom: -32px; right: -105px; width:175px; height:147px; background:url('/images/main/bg_sec6_01.png') no-repeat 0 / 100% auto;}
#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_img::after{top: -36px; left: -74px; opacity:.13; width:130px; height:130px; background:#FE8D4C; border-radius:50%;}
#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_img img{position: relative; z-index: 1; display:inline-block; width:332px;}

#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_info{margin-top: 95px;}
#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_info .ul_txt{display: flex; gap: 20px;}
#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_info .ul_txt li{width: calc((100% - 40px) / 3); border-radius: 40px; padding: 44px 20px; box-sizing: border-box;}
#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_info .ul_txt li.ele_1{background: #FEC049;}
#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_info .ul_txt li.ele_2{background: #728df8;}
#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_info .ul_txt li.ele_3{background: #FF885E;}
#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_info .ul_txt li.ele_4{background: #979797;}
#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_info .ul_txt li .tit_s{display: block; font-size: 18px; color: #fff; font-weight: 600; line-height: 1.6; text-align: center; margin-bottom: 16px;}
#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_info .ul_txt li > p{display: block; font-size: 14px; color: #333; line-height: 1.5; text-align: center;}
#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_info .tit{display: block; font-size: 22px; font-weight: 700; color: #FF7545; text-align: center; margin-top: 56px;}
#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_info > p{display: block; font-size: 13px; color: #333; line-height: 1.6; text-align: center; margin-top: 20px;}
#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_info .ul_txt.type_02{max-width: 895px; width:100%; margin-left: auto; margin-right: auto;}
#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_info .ul_txt.type_02 li{padding: 48px 20px;}
#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_info .ul_txt.type_02 li .tit_s{font-size: 38px; font-weight: 700; margin-bottom: 10px;}
#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_info .ul_txt.type_02 li > p{font-size: 15px; color: #333; font-weight: 700;}
#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_slider ~ .cont_info, #main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_slider ~ .cont_info .tit, #main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_slider ~ .cont_info .ul_txt{margin-top: 32px;}
#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_slider .slider_12{position: relative; width: 100%; max-width: 790px; margin: 0 auto;}
#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_slider .slider_12 .slick-arrow{position: absolute; z-index: 1; top: 50%; display: block; width: 56px; height: 56px; font-size: 0; color: transparent; border-radius: 50%;}
#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_slider .slider_12 .slick-arrow.slick-prev{left: 0; transform: translate(-19px, -50%); background: #5C5C5C url('/images/main/ico_arr_lt_w_02.svg') no-repeat 50% / 22px auto;}
#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_slider .slider_12 .slick-arrow.slick-next{right: 0; transform: translate(19px, -50%); background: #5C5C5C url('/images/main/ico_arr_rt_w_02.svg') no-repeat 50% / 22px auto;}
#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_slider .slider_12 .slick-slide{display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 500px;border: 20px solid #F4F4F4; border-radius: 40px; padding: 28px 70px;}
#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_slider .slider_12 .slick-slide .tit{display: block; font-size: 22px; color: #333; font-weight: 700; margin-bottom: 28px;}
#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_slider .slider_12 .slick-slide .mo{display:none;}
#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_info.active{display:none;}
#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_info.active.on{display:block;}

#main .sec_07{padding-top:100px;}
#main .sec_07 .box_01 .layout > .tit{margin-bottom: 40px;}
#main .sec_07 .box_02{background: #FFF3E2; padding-top: 48px; padding-bottom: 56px;}
#main .sec_07 .box_02 .layout .img_list{display: flex; gap: 20px; flex-wrap: wrap;}
#main .sec_07 .box_02 .layout .img_list li{width: calc(50% - 10px); background: #fff; border-radius: 16px; padding: 32px;}
#main .sec_07 .box_02 .layout .img_list li .cont{display: flex; gap: 0 32px; align-items: center;}
#main .sec_07 .box_02 .layout .img_list li .cont .img_wrap{display: inline-block;}
#main .sec_07 .box_02 .layout .img_list li .cont .img_wrap img{display: block; width: 120px;}
#main .sec_07 .box_02 .layout .img_list li .cont .img_wrap .tit.mo{display:none;}
#main .sec_07 .box_02 .layout .img_list li .cont .rt{width: calc(100% - 152px); text-align: center;}
#main .sec_07 .box_02 .layout .img_list li .cont .rt .tit{font-size: 18px; font-weight: 700; color:#333; margin-bottom: 12px;}
#main .sec_07 .box_02 .layout .img_list li .cont .rt .tit.pc{display:block;}
#main .sec_07 .box_02 .layout .img_list li .cont .rt .txt{font-size: 16px; color:#333; line-height: 1.4; background: #F5F5F5; border-radius: 8px; padding: 20px; box-sizing: border-box;}
#main .sec_07 .box_02 .layout .img_list li > p{display: block; font-size: 16px; color: #333; line-height: 1.6; text-align: center; margin-top: 24px;}
#main .sec_07 .box_02 .layout > .tit{display: block; font-size: 22px; line-height: 1.5; margin-top: 56px; margin-bottom: 20px;}
#main .sec_07 .box_02 .layout > p{display: block; font-size: 13px; line-height: 1.6; text-align: center;}

#main .sec_08{padding-top:100px; padding-bottom:100px;}
#main .sec_08 .layout{text-align:center;}
#main .sec_08 .layout > .t_sub{margin-top: 0; margin-bottom: 10px;}
#main .sec_08 .layout > .tit{margin-bottom: 32px;}
#main .sec_08 .layout .slider_02{position:relative; max-width:794px; width:100%; height:433px; margin:0 auto;}
#main .sec_08 .layout .slider_02 .slick-list, 
#main .sec_08 .layout .slider_02 .slick-track{height:100%;}
#main .sec_08 .layout .slider_02 .slick-slide{display: flex; justify-content: center; align-items: center; height:100%; background: #E5EDF6; border-radius: 40px;}
#main .sec_08 .layout .slider_02 .slick-slide img{display:block; width:auto; height:333px; object-fit: cover;}
#main .sec_08 .layout .slider_02 .youtube_wrap{position: relative; width: 575px; height: 0; padding-bottom: 333px;}
#main .sec_08 .layout .slider_02 .youtube_wrap iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 20px; border: 10px solid #000; box-sizing: border-box;}
#main .sec_08 .layout .slider_02 .slick-arrow{position:absolute; z-index:1; top:50%; display:inline-block; width:56px; height:56px; font-size:0; color:transparent; border-radius:50%;}
#main .sec_08 .layout .slider_02 .slick-arrow.slick-prev{left: 0; transform: translateY(-50%) translateX(-50%); background:#5C5C5C url('/images/main/ico_arr_lt_w_02.svg') no-repeat center / 22px auto;}
#main .sec_08 .layout .slider_02 .slick-arrow.slick-next{right: 0; transform: translateY(-50%) translateX(50%); background:#5C5C5C url('/images/main/ico_arr_rt_w_02.svg') no-repeat center / 22px auto;}
#main .sec_08 .layout .btn_link{position: relative; z-index: 1; transform: translateY(-50%); display: inline-flex; justify-content: center; align-items: center; width: 260px; height: 56px; font-size: 16px; font-weight: 600; color: #fff; background: #FF7545; border-radius: 28px; padding: 0 20px; box-sizing: border-box;}
#main .sec_08 .layout .btn_link::after{content:''; display: inline-block; width: 20px; height: 20px; background: #fff url('/images/main/ico_arr_rt_o_s.svg') no-repeat 50% / 10px auto; vertical-align: -6px; border-radius: 50%; margin-left: 10px;}
#main .sec_08 .layout > p{display: block; font-size: 14px; color: #333; line-height: 1.7; text-align: center; margin-top: 48px;}
#main .sec_08 .layout > p strong{font-weight: 800;}

#main .sec_09{background: #F7F7F7; padding-top: 80px; padding-bottom: 80px;}
#main .sec_09 .layout{display: flex; gap: 40px 100px;}
#main .sec_09 .layout .btn_view{display: inline-block; width: 28px; height: 28px; font-size: 0; color: transparent; background: #FF7545 url('/images/main/ico_arr_rt_w.svg') no-repeat 50% / 12px auto; border-radius: 50%;}
#main .sec_09 .layout .top_box{margin-bottom: 24px;}
#main .sec_09 .layout .top_box .tit{display: block; font-size: 24px; font-weight: 700; margin-bottom: 12px;}
#main .sec_09 .layout .top_box .t_sub{display: block; font-size: 14px;}
#main .sec_09 .layout .top_box .txt{width: calc(100% - 50px);}
#main .sec_09 .layout .top_box .rt{display: inline-flex; justify-content: flex-end; align-items: center; width: 50px;}
#main .sec_09 .layout .ul_tbl li{display: flex; align-items: center; background: #fff; border-radius: 12px; padding: 18px 20px; box-sizing: border-box;}
#main .sec_09 .layout .ul_tbl li .tag{display: inline-block; width: auto; min-width: 54px; height: 28px; line-height: 28px; font-size: 12px; color: #FF7545; font-weight: 700; text-align: center; background: rgb(255, 117, 69, .16); border-radius: 14px; margin-right: 12px;}
#main .sec_09 .layout .ul_tbl li .tag.color_02{color: #355CF5; background: rgb(53, 92, 245, .16);}
#main .sec_09 .layout .ul_tbl li .link{display: -webkit-inline-box; width: calc(100% - 160px); -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-size: 14px; color: #333;}
#main .sec_09 .layout .ul_tbl li .date{display: inline-block; width: 90px; font-size: 12px; color: #787878; text-align: right;}
#main .sec_09 .layout .ul_tbl li ~ li{margin-top: 10px;}
#main .sec_09 .layout .ul_link li{display: flex; justify-content: space-between; align-items: center; height:88px; background: #fff; border-radius: 12px; padding-left: 30px; padding-right: 24px; box-sizing: border-box;}
#main .sec_09 .layout .ul_link li .tit_area{font-size: 15px; color: #333; font-weight: 700;}
#main .sec_09 .layout .ul_link li .tit_area .ico{display:inline-block; width: auto; vertical-align: top; margin-right:10px;}
#main .sec_09 .layout .ul_link li .btn_view{width: 24px; height: 24px; background-image:url('/images/main/ico_arr_rt_w_03.svg'); background-size:10px auto;}
#main .sec_09 .layout .ul_link li ~ li{margin-top: 10px;}
#main .sec_09 .layout .box{width: calc(50% - 50px);}
#main .sec_09 .layout .box_01 .top_box{display: flex; justify-content: space-between; align-items: center;}

.gdd_edu.re .sub_banner_re{background: #F2DAC2 url('/images/contents/img_ch_01.png') no-repeat calc(50% + 530px) center / auto 155px;}

#brand_story.re{padding-bottom:80px; overflow-x: hidden;}
#brand_story.re .title{display: block; font-size: 28px; color: #FF7545; font-weight: 700; line-height: 1.3; text-align: left; box-sizing: border-box; margin-bottom: 12px;}
#brand_story.re .sec .t_sub{display: block; font-size: 25px; color: #333; font-weight: 700; line-height: 1.6;}
#brand_story.re .sec{display: flex; justify-content: center; align-items: center;}
#brand_story.re .sec + .sec{margin-top:140px;}
#brand_story.re .sec .img_wrap{display: flex; justify-content: center; align-items: center; padding-top:0; margin-bottom: 0;}
#brand_story.re .sec .img_wrap{position: relative; display: inline-block; width: auto;  padding-left: 100px;}
#brand_story.re .sec .img_wrap .img, #brand_story.re .img_wrap img{display: block; width: 320px; height: 350px; object-fit: cover; border-radius: 20px; box-shadow:none;}
#brand_story.re .sec .img_wrap .img.mo{display:none;}
#brand_story.re .sec .img_wrap::after{opacity:.2; position: absolute; z-index: -1; bottom: -80px; left: 0; content:''; display:block; width:212px; height:212px; background:#FF7545; border-radius:24px;}
#brand_story.re .sec .info{width: 600px; font-size: 14px; color: #333; font-weight: 400; line-height: 1.5; padding-left: 48px;}
#brand_story.re .sec .info .t_sub{display: block; font-size: 18px; color: inherit; font-weight: 700; line-height: 1.5; margin-bottom: 16px;}
#brand_story.re .sec .info p{font-size:inherit; color:inherit; font-weight:inherit;}
#brand_story.re .sec.sec_01{padding-top: 80px;}
#brand_story.re .sec.sec_02{flex-direction: row-reverse;}
#brand_story.re .sec.sec_02 .img_wrap::after{opacity: .1; bottom: -58px; width: 170px; height: 170px;}
#brand_story.re .sec.sec_03{flex-direction: column;}
#brand_story.re .sec.sec_03 p{display: block; font-size: 14px; color: #333; line-height: 1.6; text-align: center;}
#brand_story.re .sec.sec_03 .t_sub{font-size: 15px; font-weight: 800; margin-bottom: 12px;}
#brand_story.re .slider_bs{width:100%; margin-top:40px;}
#brand_story.re .slider_bs .slick-list{margin-left:-10px; margin-right:-10px;}
#brand_story.re .slider_bs .slick-slide{padding: 0 10px; box-sizing:border-box;}
#brand_story.re .slider_bs .slick-slide .slide_inner{border-radius: 16px; box-shadow: none;}
#brand_story.re .slider_bs .slick-slide .slide_inner img{display: block; width: 100%; height: 215px; object-fit: cover; border-radius: 16px 16px 0 0;}
#brand_story.re .slider_bs .slick-slide .slide_inner .info{display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 100%; height: 300px; font-size: 14px; color: #111; font-weight: 400; line-height: 1.6; text-align: center; background: #fff; border: 1px solid #D6D6D6; border-top: 0; border-radius: 0 0 16px 16px; padding: 24px 20px;}
#brand_story.re .slider_bs .slick-slide .slide_inner .info .tit{display: block; width: auto; height: 32px; line-height: 32px; border-radius: 16px; font-size: 16px; color: #fff; font-weight: 500; background: linear-gradient(90deg, #FE914D 0%, #F73C36 100%); padding: 0 16px; box-sizing: border-box; margin-bottom: 12px;}
#brand_story.re .slider_bs .slick-dots{display:none !important;}

#cs.comm_form.re .sub_banner_re .layout{max-width: 1200px;}
#cs.comm_form.re .layout{max-width:630px;}
#cs.comm_form.re .layout .btn_wrap a{max-width: 188px; height: 48px; font-weight: 500;}
#cs.comm_form.re .layout .fm_wrap{margin-top:56px;}
#cs.comm_form.re .layout .info_box{padding-top: 24px; margin-bottom: 40px;}
#cs.comm_form.re .layout .info_box.pt20mb12{padding-top: 20px; margin-bottom: 12px;}

#cs.re{padding-bottom: 80px;}
#cs.re .sub_banner_re{background:#FFF6E4 url('/images/contents/img_ch_02.png') no-repeat calc(50% + 490px) center / auto 160px;}

#cs.cs_inquiry.comm_form.re .layout .btn_wrap{margin-top: 56px;}
#cs.cs_inquiry.comm_form.re .layout .info_box .row .rt input[type="text"], #cs.cs_inquiry.comm_form.re .layout .info_box .row .rt select{width: 100%; max-width: initial;}
#cs.cs_inquiry.comm_form.re .layout .info_box .file_wrap.re{margin-top:10px;}
#cs.cs_inquiry.comm_form.re .layout .info_box .box_line{font-size: 13px; color: #333; font-weight: 400; line-height: 1.8; background: #F4F4F4; border-radius: 8px; border: none; padding: 20px 24px; box-sizing: border-box;}
#cs.cs_inquiry.comm_form.re .layout .info_box .box_line .tit{display: block; font-size: 15px; color: #333; font-weight: 700; line-height: 1.5; margin-bottom: 10px;}
#cs.cs_inquiry.comm_form.re .layout .info_box .box_line p{font-size: inherit; color: inherit; font-weight: inherit; line-height: inherit;}
#cs.cs_inquiry.comm_form.re .layout .info_box .box_line p + p{margin-top:10px;}
#cs.cs_inquiry.comm_form.re .layout .info_box.n_line{border-top: 0; padding-top: 0; margin-top: 12px;}
#cs.cs_inquiry.comm_form.re .layout .info_box.n_line .ul_agree li{align-items: center; padding-left: 0; padding-right: 0;}
#cs.cs_inquiry.comm_form.re .layout .info_box.n_line .ul_agree li:not(.all){padding-top: 0;}

#cs.cs_inquiry_c.comm_form.re .sub_banner_re .layout{padding-top: 0;}
#cs.cs_inquiry_c.comm_form.re .layout{padding-top: 100px;}
#cs.cs_inquiry_c.comm_form.re .layout .btn_wrap{margin-top: 100px;}
#cs.cs_inquiry_c.comm_form.re .layout .info_top{font-size: 15px; color: #333; font-weight: 700; line-height: 1.5; text-align: center; padding-top: 40px; padding-bottom: 40px; background: #F4F4F4; border-radius: 8px; margin-bottom: 20px;}

#gdd.re{padding-bottom: 80px;}
#gdd.re strong.t_sub{display: block; font-size: 24px; color: #333; font-weight: 700; margin-bottom: 12px;}
#gdd.re strong.t_sub_02{display: block; font-size: 16px; color: #333; font-weight: 700; line-height: 1.3; margin-top: 16px; margin-bottom: 8px;}
#gdd.re .slider_gdd{width:100%; margin-top:24px;}
#gdd.re .slider_gdd .slick-list{margin-left:-10px; margin-right:-10px;}
#gdd.re .slider_gdd .slick-slide{height:330px; padding: 0 10px; box-sizing:border-box;}
#gdd.re .slider_gdd .slick-slide .img_bg{display: flex; justify-content: center; align-items: center; height: 190px; border-radius: 16px; margin-bottom: 12px;}
#gdd.re .slider_gdd .slick-slide .img_bg img{display: block; width: auto; object-fit: cover;}
#gdd.re .slider_gdd .slick-slide .info{}
#gdd.re .slider_gdd .slick-slide .info .title{display: block; font-size: 16px; color: #333; font-weight: 700; line-height: 1.3; margin-bottom: 4px;}
#gdd.re .slider_gdd .slick-slide .info .t_sub{display: block; font-size: 12px; color: #FF7545; font-weight: 500; margin-bottom: 6px;}
#gdd.re .slider_gdd .slick-slide .info p{display: block; font-size: 13px;}
#gdd.re .slider_gdd .slick-slide.n_01 .img_bg{background: #94AFFF;}
#gdd.re .slider_gdd .slick-slide.n_02 .img_bg{background: #EEA4B1;}
#gdd.re .slider_gdd .slick-slide.n_03 .img_bg{background: #FFCD5C;}
#gdd.re .slider_gdd .slick-slide.n_04 .img_bg{background: #00C9FF;}
#gdd.re .slider_gdd .slick-slide.n_05 .img_bg{background: #95E9A9;}
#gdd.re .slider_gdd .slick-slide.n_06 .img_bg{background: #D7539E;}
#gdd.re .slider_gdd .slick-slide.n_07 .img_bg{background: #8DB225;}
#gdd.re .slider_gdd .slick-slide.n_08 .img_bg{background: #CCA187; align-items: flex-end;}
#gdd.re .slider_gdd .slick-slide.n_09 .img_bg{background: #D39F63;}
#gdd.re .slider_gdd .slick-slide.n_10 .img_bg{background: #D29F82;}
#gdd.re .slider_gdd .slick-slide.n_11 .img_bg{background: #BAC7CF;}
#gdd.re .slider_gdd .slick-slide.n_12 .img_bg{background: #C78FB2;}
#gdd.re .layout{padding:0;}
#gdd.re .layout p{font-size: 14px; color: #333; font-weight: 400; line-height: 1.5; word-break: keep-all;}
#gdd.re .ul_ind li{padding-left: 10px; text-indent: -10px;}

#gdd.re .sec.sec_03, 
#gdd.re .sec.sec_04, 
#gdd.re .sec.sec_05{max-width: 794px; margin-top: 20px; margin-left:auto; margin-right:auto;}

#gdd.re .sec.sec_01{display: flex; align-items: center; padding-top: 48px; padding-bottom: 40px; border-bottom: 1px solid #E0E0E0;}
#gdd.re .sec.sec_01 .lt img{display: block; width: auto; height: 320px; object-fit: cover; border-radius: 20px;}
#gdd.re .sec.sec_01 .rt{padding-left: 48px; box-sizing: border-box;}
#gdd.re .sec.sec_01 .rt .t_sub{display: block; font-size: 18px; color: #FF7545; font-weight: 700; line-height: 2.1; margin-bottom: 16px;}
#gdd.re .sec.sec_01 .rt .title{display: block; font-size: 28px; color: #333; font-weight: 700; line-height: 1.35; box-sizing: border-box; margin-bottom: 16px;}

#gdd.re .sec.sec_02{display: flex; background: #FFF3E2; padding: 32px 20px; box-sizing: border-box; margin-top: 40px;}
#gdd.re .sec.sec_02 .lt{display: inline-flex; justify-content: flex-end; align-items: center; width: 30%;}
#gdd.re .sec.sec_02 .lt .img{display: flex; justify-content: center; align-items: center; width: 100%; max-width: 194px; height: 200px; background: #F26E23; border-radius: 16px;}
#gdd.re .sec.sec_02 .lt .img img{display: block; height: 85%; max-height: 150px; object-fit: cover;}
#gdd.re .sec.sec_02 .lt .info{display:none;}
#gdd.re .sec.sec_02 .rt{width: 70%; padding-left: 24px;}
#gdd.re .sec.sec_02 .rt .title, #gdd.re .sec.sec_02 .lt .info .title{display: block; font-size: 20px; color: #333; font-weight: 700; line-height: 1.2; margin-bottom: 4px;}
#gdd.re .sec.sec_02 .rt .title_02{display: block; font-size: 15px; color: #333; line-height: 1.47; font-weight: 700; margin-bottom: 8px;}
#gdd.re .sec.sec_02 .rt .t_sub, #gdd.re .sec.sec_02 .lt .info .t_sub{display: block; font-size: 13px; color: #FF7545; font-weight: 500; line-height: 1.35; margin-bottom: 16px;}
#gdd.re .sec.sec_02 .rt p{font-size: 14px; line-height: 1.7;}

#gdd.re .sec.sec_03, #gdd.re .sec.sec_04{border-bottom: 1px solid #E0E0E0;}
#gdd.re .sec.sec_03{margin-top: 60px;}
#gdd.re .sec.sec_04, #gdd.re .sec.sec_05{margin-top: 40px;}





/* // 리뉴얼 */





/* 팝업 */
.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 .box_gray{font-size: 16px; color: inherit; background: #f6f6f6; margin-top: 15px; padding: 15px;}
.pop_wrap .pop_body .img_user{display: block; width: 48px; height: auto; margin: 0 auto 15px auto;}
.pop_wrap .pop_body.type_lt{text-align: left; padding-top: 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_03 .slider_09_cover{position:relative; width: 100%; height: 435px; margin-top: 30px;}
.pop_wrap.type_03 .slider_09_cover .paging{position:absolute; z-index:1; bottom: 30px; right:20px; width:110px; font-size: 21px; color: #fff; font-weight: 700; text-align:center; background:rgba(0,0,0,.7); box-sizing:border-box;}
.pop_wrap.type_03 .slider_09_cover .paging span{font-size: inherit; color: inherit; font-weight: inherit;}
.pop_wrap.type_03 .slider_09{width: 100%; height: 100%}
.pop_wrap.type_03 .slider_09 .slick-list, .pop_wrap.type_03 .slider_08 .slick-track{height:100%;}
.pop_wrap.type_03 .slider_09 .slick-slide img{display:block; width: 100%; height: 100%; object-fit: cover;}
.pop_wrap.type_03 .slider_09 .slick-dots{display:none !important;}
.pop_wrap.type_03 .slider_09 .slick-arrow{position:absolute; z-index:1; top:50%; transform:translateY(-50%); display: block; width: 44px; height: 44px; font-size: 0; color: transparent; background: #fff; background-repeat:no-repeat; background-position:50%; background-size:11px auto; border: none; border-radius:50%;}
.pop_wrap.type_03 .slider_09 .slick-arrow.slick-prev{left:15px; background-image:url('/images/common/arr_bk_lt.png');}
.pop_wrap.type_03 .slider_09 .slick-arrow.slick-next{right:15px; background-image:url('/images/common/arr_bk_rt.png');}

/* 이미지/동영상 업로드 팝업 */
.pop_wrap.type_04{max-width: 600px; border-radius: 0; padding: 0; border-radius: 9px; overflow: hidden;}
.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{margin-top:30px;}
.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;}
.pop_wrap.type_04 .pop_body .btn_wrap.rt{justify-content: flex-end;}
.pop_wrap.type_04 .pop_body .file_wrap .btn_file{height: 42px; line-height: 40px; border-radius: 42px; font-weight:700;}
.pop_wrap.type_04 .pop_body .file_wrap .file_txt{font-size:16px; color:#555;}
.pop_wrap.type_04 .pop_body .file_view{margin-top: 30px;}
.pop_wrap.type_04 .pop_body .file_view .ele{width: 246px; height: 246px; border-radius: 15px; overflow: hidden; margin: 0 auto;}
.pop_wrap.type_04 .pop_body .file_view .ele > *, .pop_wrap.type_04 .pop_body .file_view .ele iframe, .pop_wrap.type_04 .pop_body .file_view .ele video{width: 100%; height: 100%; object-fit: cover;}
.pop_wrap.type_04 .pop_body .file_view .btn_file_del{display: none;}


/* 파일 다운로드 팝업 */
.pop_wrap.type_05{max-width: 600px; padding: 0 25px 40px 25px;}
.pop_wrap.type_05 .pop_header{display:block; width: 100%; font-size: 19px; color: #111; text-align: center; padding-top: 30px; box-sizing: border-box;}
.pop_wrap.type_05 .pop_header strong{display: inline-block; font-size: inherit; color: inherit; font-weight: 800; margin-bottom:5px;}
.pop_wrap.type_05 .pop_body{font-size: 19px; color: #111; font-weight: 700; line-height: 1.6; text-align: center; overflow: initial;}
.pop_wrap.type_05 .btn_wrap{margin-top: 25px;}

/* 후기 작성 팝업 */
.pop_wrap.type_06{max-width:1000px; padding: 0 30px 40px 30px; border-radius: 9px;}
.pop_wrap.type_06 .pop_header{position: relative; text-align: left; padding-top: 30px;}
.pop_wrap.type_06 .pop_header::after{position:absolute; bottom:0; content:''; display:block; width:100%; height: 2px; background: #e6e6e6;}
.pop_wrap.type_06 .pop_header strong{font-size:30px; color:#111; font-weight:900; line-height: 2;}
.pop_wrap.type_06 .pop_body{text-align:left; }
.pop_wrap.type_06 .pop_body .tit{display: block; font-size: 22px; color: #111; font-weight: 800;margin-top:30px; margin-bottom: 15px;}
.pop_wrap.type_06 .pop_body select{display: block; width: 100%; height: 56px; line-height: 54px; border: 1px solid #aaa; font-size: 19px; color: #111; border-radius: 9px; padding: 0 50px 0 20px; box-sizing: border-box;}
.pop_wrap.type_06 .pop_body .col_wrap{display: flex; align-items: flex-start; gap: 0 40px;}
.pop_wrap.type_06 .pop_body .col_wrap .col{width:50%;}
.pop_wrap.type_06 .pop_body .textarea_wrap{height:200px; border-radius: 9px;}
.pop_wrap.type_06 .pop_body .textarea_wrap textarea{font-size: 19px; color: #111; border-color:#9254d8;}
.pop_wrap.type_06 .pop_body .star_wrap{margin-top:5px}
.pop_wrap.type_06 .pop_body .file_wrap{display: flex; align-items: center; gap: 8px;}
.pop_wrap.type_06 .pop_body .file_wrap .btn_file{position: relative; display: inline-block; width: 140px; height: 140px; font-size: 19px; color: #111; background: #fff; padding: 0 10px; cursor: pointer; border: 1px solid #cacaca; border-radius: 9px; box-sizing: border-box; overflow: hidden;}
.pop_wrap.type_06 .pop_body .file_wrap .btn_file::before{content:''; display:block; width:46px; height:40px; background:url('/images/common/ico_upload_pp.png') no-repeat 0 / 100% auto; margin: 0 auto 16px auto;}
.pop_wrap.type_06 .pop_body .file_wrap .btn_file .inp_file{position:absolute; width: 100%; height: 100%; opacity: 0; cursor: pointer; left: 0; top: 0; z-index: 3;}
.pop_wrap.type_06 .pop_body .file_wrap .file_txt{display: inline-block; font-size: 16px; color: #a2a2a2; vertical-align: middle; margin-left: 10px;}
.pop_wrap.type_06 .pop_body .file_wrap.preview .text{display:inline-block; font-size:16px; color:#a2a2a2; vertical-align: middle; margin-left: 10px;}
.pop_wrap.type_06 .pop_body .file_wrap.preview .file_view{display: flex; gap: 8px; flex-wrap: wrap;}
.pop_wrap.type_06 .pop_body .file_wrap.preview .file_view .ele{position: relative; width: 140px; height: 140px; border: 1px solid #cacaca; border-radius: 9px; box-sizing: border-box; overflow: hidden; margin-top:0;}
.pop_wrap.type_06 .pop_body .file_wrap.preview .file_view .ele img{width: 100%; height: 100%; object-fit: cover;}
.pop_wrap.type_06 .pop_body .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_pp.png') no-repeat 0 / 100% auto;}

.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: 1920px) {
	#history .img_cover .btn_link{top: 35vw; left: 13vw; width: 14.3vw; height: 3vw;}
}

@media (max-width: 1210px) {
/* 리뉴얼 */
	.br_pc_2_on{display:none;}

	.layout{padding-left:20px; padding-right:20px;}
	.banner_top_re .layout{padding-right: 0;}

	.banner_btm_re{height: 7.27vw;}

	header .top .layout .lt li:first-child a{padding-left: 0;}
	header .menu_area .ul_menu{gap: 0 2.5vw;}
	header .menu_area .ul_menu li a{font-size: clamp(13px, 1.24vw, 15px);}
	header .sub_wrap .layout > ul > li > a{font-size:13px;}
	header .sub_wrap .layout > ul > li > ul > li a{font-size:12px;}

	.main footer{padding-bottom: 7.27vw;}
/* // 리뉴얼 */


	/* .quick_wrap{position: fixed; top:initial !important; bottom:20px; padding-top:1.4vw;} */

	.sub_top{font-size:clamp(12px, 1.38vw, 20px); padding-top:clamp(50px, 7.55vw, 110px); padding-bottom:clamp(50px, 7.55vw, 110px); padding-left:16px; padding-right:16px;}
	.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);}

	.top_area .search_box{height:clamp(32px, 3.45vw, 50px); line-height:clamp(32px, 3.45vw, 50px);}

	.btn_link_01{width: clamp(180px, 21.7vw, 315px); height: clamp(36px, 3.8vw, 55px); line-height: clamp(36px, 3.8vw, 55px); font-size: clamp(14px, 1.65vw, 24px); border-radius: clamp(20px, 1.9vw, 28px); padding-left: clamp(24px, 3.4vw, 50px); padding-right: clamp(40px, 3.5vw, 55px);}
	.btn_link_01::after{right:clamp(3px, .42vw, 6px); width:clamp(30px, 2.96vw, 43px); height:clamp(30px, 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);}

	.ul_tab.type_rd{flex-wrap: wrap; gap:5px; margin-top:15px;}
	.ul_tab.type_rd li{max-width:clamp(150px, 17.25vw, 250px);}
	.ul_tab.type_rd li a{height: clamp(30px, 3.45vw, 50px); line-height: 1.3; font-size: clamp(12px, 1.36vw, 20px);}

	.ul_list > li .img{height:20vw;}
	.ul_list > li .img .tag{top: clamp(10px, 1.4vw, 20px); left: clamp(10px, 1.4vw, 20px); height: clamp(20px, 2.35vw, 34px); line-height: clamp(20px, 2.35vw, 34px); font-size: clamp(11px, 1.1vw, 16px); padding: 0 clamp(10px, 1.65vw, 24px);}
	.ul_list > li .img .btn_like{right: clamp(4px, .7vw, 10px); bottom: clamp(4px, .7vw, 10px); width: clamp(25px, 2.07vw, 30px); height: clamp(25px, 2.07vw, 30px); background-size: clamp(18px, 1.7vw, 25px) auto;}
	.ul_list > li .info .text{font-size:clamp(12px, 1.76vw, 16px);}
	.ul_list > li.noPost{font-size: clamp(11px, 1.1vw, 16px); padding: clamp(35px, 4.1vw, 60px) 0px clamp(16px, 2.1vw, 30px) 0;}

	.accor_wrap_02 > li{border-radius: clamp(10px, 1.05vw, 15px);}
	.accor_wrap_02 > li .hd{padding:clamp(8px, .7vw, 10px) clamp(15px, 2.1vw, 30px);}
	.accor_wrap_02 > li .hd .lt{font-size: clamp(14px, 1.7vw, 25px);}
	.accor_wrap_02 > li .hd .rt .btn_arr{width: clamp(20px, 2.62vw, 38px); height: clamp(20px, 2.62vw, 38px); background-size: clamp(10px, 1.2vw, 17px) auto;}
	.accor_wrap_02 > li .inner{font-size: clamp(12px, 1.38vw, 20px); padding: clamp(8px, 1.725vw, 25px) clamp(15px, 2.07vw, 30px);}
/* 
	.pagination ul li a, .pagination .prev, .pagination .next{width:clamp(28px, 2.76vw, 40px); height:clamp(28px, 2.76vw, 40px); line-height:clamp(28px, 2.76vw, 40px); font-size:clamp(11px, 1.3vw, 19px);}
	.pagination .prev, .pagination .next{background-size: clamp(7px, .7vw, 10px) auto;}
 */

	#community .fm_wrap{padding-top:clamp(15px, 7.2vw, 110px);}
	#community .fm_wrap .tit_01{font-size:clamp(18px, 2.75vw, 40px); margin-bottom:clamp(15px, 3.55vw, 50px);}
	#community .cnt_cover{padding:0 16px; box-sizing:border-box;}
	#community .search_cover{margin-top:clamp(50px, 5.5vw, 80px);}
	#community .search_cover .search_box{height:clamp(32px, 3.45vw, 50px);}
	#community .search_cover .search_box input{font-size:clamp(12px, 1.36vw, 20px); padding: 0 clamp(35px, 4.1vw, 60px) 0 clamp(16px, 2.1vw, 30px);}
	#community .search_cover .search_box .btn_search{right:clamp(10px, 1.1vw, 20px); width:clamp(25px, 2.76vw, 40px); background-size:clamp(14px, 1.45vw, 21px) auto;}
	#community .cnt_cover .ul_tab.type_rd li{width:clamp(150px, 17.25vw, 250px);}
	#community .ul_list > li .info{padding:clamp(8px, 1.4vw, 20px) clamp(10px, 2.4vw, 35px);}
	#community .ul_list > li .info .tit_sub{font-size:clamp(11px, 1.75vw, 16px);}
	#community .ul_list > li .info .tit, #ch_story .ul_list > li .info .tit{font-size:clamp(14px, 2.2vw, 20px);}
	#community .ul_list > li .info .text, #community .ul_list > li .info .btm_area{font-size:clamp(12px, 1.76vw, 16px);}
	#community .pagination{margin-top:clamp(40px, 6.2vw, 90px);}
	#community .p_box{padding: clamp(40px, 4.1vw, 60px) 16px;}
	#community .p_box::after{top:-13.8vw; width: clamp(560px, 98vw, 1422px); height: clamp(560px, 98vw, 1422px);}
	#community .p_box .sub{max-width: clamp(110px, 17.24vw, 250px); height: clamp(25px, 3.45vw, 50px); line-height: clamp(25px, 3.45vw, 50px); font-size: clamp(11.5px, 1.65vw, 24px);}
	#community .p_box .tit{font-size: clamp(18px, 2.75vw, 40px); margin-bottom: clamp(13px, 2.1vw, 30px);}
	#community .p_box p{font-size: clamp(12px, 1.38vw, 20px);}
	#community .p_box .ul_rd{margin-top: clamp(20px, 3.45vw, 50px);}
	#community .p_box .ul_rd li{font-size: clamp(12px, 1.38vw, 20px); padding: 10px 5px;}
	#community .p_box_02{padding:clamp(25px, 3.4vw, 50px) 16px; margin-bottom:clamp(25px, 6.8vw, 100px);}
	#community .p_box_02 .num_box li img{width:clamp(80px, 19.71vw, 286px);}
	#community .p_box_02 .num_box li .text_area .sub{font-size:clamp(11px, 1.65vw, 24px);}
	#community .p_box_02 .num_box li .text_area .num{font-size:clamp(16px, 3.45vw, 50px);}
	#community .p_box_02 .num_box li.ele_1 .img .ele{width:4.48vw;}
	#community .p_box_02 .num_box li.ele_2 .img .ele{width:7.72vw;}
	#community .p_box_02 .num_box li.ele_3 .img .ele{width:10.07vw;}
	#community .p_box_02 .num_box li.ele_4 .img .ele{width:7.1vw;}
	#community .slider_07_cover{margin: 0 auto clamp(20px, 5.6vw, 80px) auto;}

	#community.community_view .fm_wrap{font-size:clamp(12px, 1.38vw, 20px); padding-top:clamp(47px, 6.8vw, 100px);}
	#community.community_view .fm_wrap .tit_sub{font-size: clamp(12px, 2.05vw, 30px);}
	#community.community_view .fm_wrap .tit{font-size:clamp(19px, 2.75vw, 40px); margin-bottom: clamp(25px, 5.5vw, 80px);}
	#community.community_view .fm_wrap .tit .rt{font-size:clamp(12px, 2.08vw, 30px);}
	#community.community_view .fm_wrap .btn_list{width: clamp(120px, 16.54vw, 240px); height: clamp(32px, 3.6vw, 52px); line-height: clamp(28px, 3.4vw, 48px); font-size: clamp(12px, 1.4vw, 20px); margin-top: clamp(45px, 8.2vw, 120px); margin-bottom:clamp(15px, 3.5vw, 50px);}
	#community.community_view .fm_wrap .btm_area{margin-top:clamp(20px, 3.4vw, 50px);}
	#community.community_view .fm_wrap .btm_area .row > span, #community.community_view .fm_wrap .btm_area .row > a{font-size: clamp(12px, 1.36vw, 20px); padding: clamp(4px, 1.24vw, 18px) 5px;}
	
	#ch_story .layout .title{font-size: clamp(19px, 2.75vw, 40px); margin-top:clamp(50px, 8.3vw, 120px); margin-bottom: clamp(10px, 1.4vw, 20px);}
	#ch_story .layout .title::before{width: clamp(50px, 6.5vw, 94px); height: clamp(50px, 6.5vw, 94px);}
	#ch_story .layout .pagination{margin-top:clamp(40px, 5.55vw, 80px);}
	#ch_story .layout .rt_wrap{margin-bottom: clamp(10px, 1.4vw, 20px);}
	#ch_story .rt_wrap .text_btn span{font-size:clamp(12px, 1.125vw, 16px);}
	#ch_story .ul_list > li .info{padding:clamp(8px, 2.2vw, 20px) clamp(10px, 2.4vw, 35px);}
	#ch_story .ul_tab.type_rd li{max-width: clamp(100px, 15.19vw, 220px);}
	#ch_story .search_cover .search_box{height:clamp(32px, 3.45vw, 50px); line-height:clamp(32px, 3.45vw, 50px);}
	#ch_story .search_cover .search_box input{font-size: clamp(12px, 1.36vw, 20px); padding: 0 clamp(35px, 4.1vw, 60px) 0 clamp(16px, 2.1vw, 30px);}
	#ch_story .search_cover .search_box .btn_search{right: clamp(10px, 1.1vw, 20px); width: clamp(25px, 2.76vw, 40px); background-size: clamp(14px, 1.45vw, 21px) auto;}

	.data_view .slider_08, #ch_story_view.data_view .slider_08 .slick-slide{border-radius:1.8vw;}
	.data_view .view_wrap .info_wrap{margin-bottom:clamp(25px, 3.45vw, 50px);}
	.data_view .view_wrap .info_wrap .rt{padding-left: 4.1vw;}
	.data_view .view_wrap .rt_wrap{margin-bottom: clamp(10px, 2.1vw, 30px);}
	.data_view .view_wrap .rt_wrap .inp_cover input + label{font-size: clamp(12px, 1.38vw, 20px);}
	.data_view .view_wrap .rt_wrap .inp_cover input + label::before{width: clamp(12px, 1.24vw, 20px); height: clamp(12px, 1.24vw, 20px); margin-right: clamp(5px, .7vw, 10px);}
	.data_view .view_wrap .rt_wrap .inp_cover input:checked + label::before{background-size: clamp(9px, .96vw, 14px) auto;}
	.data_view .media_wrap > *{width: clamp(136px, 17.65vw, 256px); height: clamp(120px, 14.75vw, 214px);}

	#ch_story_view.data_view .slider_08_cover{width: 37.93vw; height: 29.65vw; padding-right: 4.1vw;}
	#ch_story_view.data_view .slider_08 .slick-slide .tag{top:clamp(4px, 1.4vw, 20px); right:clamp(4px, 1.4vw, 20px); height: clamp(22px, 2.35vw, 34px); line-height: clamp(22px, 2.35vw, 34px); font-size:clamp(11px, 1.1vw, 16px); padding:0 clamp(10px, 1.4vw, 20px);}
	#ch_story_view.data_view .view_wrap .info_wrap .rt{width: calc(100% - 37.93vw); font-size: clamp(12px, 1.37vw, 20px);}
	
	#ch_story_view .layout{padding-left:16px; padding-right:16px;}
	#ch_story_view .bg_wrap{padding-top: clamp(25px, 2.75vw, 40px); padding-bottom: clamp(50px, 6.9vw, 100px);}
	#ch_story_view .sub_banner{margin-bottom: clamp(50px, 6.2vw, 90px);}
	#ch_story_view .title{font-size: clamp(18px, 2.75vw, 40px); margin-top: 2.4vw; margin-bottom: 1.4vw;}
	#ch_story_view .title strong::before{width:clamp(47px, 6.488vw, 94px); height:clamp(47px, 6.488vw, 94px);}
	#ch_story_view .list_box{gap: clamp(20px, 2vw, 30px); margin-top: 4.2vw;}
	#ch_story_view .list_box li{width: calc(50% - clamp(20px, 1vw, 15px));}
	#ch_story_view .list_box li .info{padding-left: clamp(10px, 1.4vw, 20px);}
	#ch_story_view .list_box li .img{width: clamp(40px, 4.97vw, 72px); height: clamp(40px, 4.97vw, 72px);}
	#ch_story_view .list_box li .img.ico_1{background-size: clamp(16px, 2.3vw, 33px) auto;}
	#ch_story_view .list_box li .img.ico_2{background-size: clamp(13px, 1.85vw, 27px) auto;}
	#ch_story_view .list_box li .img.ico_3{background-size: clamp(19px, 2.7vw, 39px) auto;}
	#ch_story_view .list_box li .img.ico_4{background-size: clamp(22px, 3vw, 44px) auto;}
	#ch_story_view .accor_wrap_02 > li + li{margin-top:clamp(15px, 2.75vw, 40px);}
	#ch_story_view .accor_wrap_02 > li > .inner{padding: clamp(8px, 2.07vw, 30px) clamp(15px, 2.07vw, 30px);}
	#ch_story_view .accor_wrap_02 > li > .inner .li_box li{font-size: clamp(12px, 1.38vw, 20px); padding: clamp(1.5px, 0.2vw, 3px) clamp(20px, 2.75vw, 40px);}
	#ch_story_view .ul_tab.type_rd li{max-width:clamp(100px, 15.17vw, 220px);}
	#ch_story_view .tab_view .inner{padding: clamp(10px, 2.1vw, 30px) 0 clamp(12px, 1.4vw, 20px) 0;}
	#ch_story_view .tab_view .inner .box{font-size: clamp(12px, 1.38vw, 20px); padding: clamp(10px, 1.03vw, 15px) clamp(15px, 1.03vw, 30px);}
	#ch_story_view .tab_view .inner .box + .box{margin-top: clamp(10px, 1.4vw, 20px);}


/* 리1210 */
	.sub_banner_re{height: clamp(138px, 16.516vw, 200px);}
	.sub_banner_re .layout{justify-content: center;}
	.sub_banner_re .txt_area .tit{font-size: clamp(22px, 2.31vw, 28px); text-align: center; margin-bottom: 8px;}
	.sub_banner_re .txt_area .sub{text-align: center;}

	.ul_tab.type_rd_bk li a{height: clamp(36px, 4.164vw, 50px); font-size: 14px;}
	.ul_scr_wrap .ul_tab.type_rd_bk{gap: 0 clamp(8px, 1vw, 12px);}
	.ul_tab_wrap .ul_tab.type_rd_bk li{min-width: 20.817vw;}

	#main .tab_view .inner .title_wrap{padding-right:20px;}
	#main .tab_view .inner .title_wrap .lt .title_s{font-size: clamp(13px, 1.3vw, 16px);}
	#main .tab_view .inner .title_wrap .lt .title{font-size: clamp(20px, 2.32vw, 28px);}

	#main .ul_scr_wrap .ul_tab.type_rd_bk li a{height: clamp(40px, 4.13vw, 50px); font-size: clamp(13px, 1.25vw, 15px); white-space: nowrap; padding: 0 clamp(16px, 1.983vw, 24px);}

	#main .sec_02{padding-top: 8.2vw; padding-bottom: 8.2vw;}
	#main .sec .layout > .tit{font-size: clamp(20px, 2.3vw, 28px); margin-bottom: clamp(10px, 2.05vw, 25px);}
	#main .sec .layout > .t_sub{font-size: clamp(13px, 1.32vw, 16px);}

	#main .sec_01 .layout .s_01{width:68%; padding-right:1.6vw;}
	#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, #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{border-radius: 2.5vw;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main{height: auto;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide .tit{top: 3.2vw; font-size: 1.98vw; padding: 0 6vw 0 3.3vw;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide .tit .btn_link{top:1.6vw; right: 3.3vw; width: 2.64vw; height: 2.64vw; background-size: 1.12vw;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide .img_bg::after{background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(100% - 10.74vw), rgba(0, 0, 0, 1) 100%);}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide .txt_btm{bottom: 4.8vw; left: 4.1vw; width: calc(100% - 17vw); font-size: clamp(12px, 1.155vw, 14px);}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con{height: 7.8vw;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .bar{bottom: 3.3vw; left: 4.1vw; width: 47.86vw; height: .166vw;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .btn_pause{right: 1.5vw; bottom: 1.65vw; width: 4.29vw; height: 4.29vw; background-size: 1vw;}

	#main .sec_01 .layout .s_02 .slider_01_cover .slider_01{height: auto;}
	#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide .t_area{top: 2vw; left: 2.3vw; width: calc(100% - 4.3vw);}
	#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide .t_area .tit_s1{font-size: clamp(12px, 1.32vw, 16px);}
	#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide .t_area .tit{font-size: 2.14vw; font-size: 2.14vw;}
	#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide .t_area .tit_s2{font-size:clamp(11px, 1.155vw, 14px);}
	#main .sec_01 .layout .s_02 .slider_01_cover .btn_plus{bottom: 1.3vw; right: 1.3vw; width: 1.98vw; height: 1.98vw; background-size: 1vw;}

	#main .sec_01 .layout .s_03{height: 14.3vw; margin-top:1.6vw;}
	#main .sec_01 .layout .s_03 a .txt_box{left: 2.18vw; font-size: 1.49vw;}
	#main .sec_01 .layout .s_03 a .txt_box .fc_yellow{font-size: 1.155vw;}
	#main .sec_01 .layout .s_03 a .txt_box .ico_view{width: 1.98vw; height: 1.98vw; background-size: 1vw; margin-top: 1vw;}

	#main .sec_02 .layout .img_area{max-width: 1350px; width: calc(100% + 80px); height: 40vw; margin-left: -40px;}
	#main .sec_02 .layout .img_area .ele{width: 33vw; height:auto;}
	#main .sec_02 .layout .img_area .ele.ele_1{top: 11.8%;}
	#main .sec_02 .layout .img_area .ele.ele_2{left: 36.3%;}
	#main .sec_02 .layout .img_area .ele.ele_3{top: 6%;}
	#main .sec_02 .layout .img_area .ele.ele_4{left: 18%; top: 38%;}
	#main .sec_02 .layout .img_area .ele.ele_5{left: 50%; top: 47%;}

	#main .sec_03{padding-left: 20px;}
	#main .sec_03 .layout{padding-right:0;}
	#main .sec_03 .layout .ul_tab.type_rd_bk{margin-bottom: clamp(24px, 2.5vw, 30px);}
	#main .sec_03 .layout .tab_view .inner .title .btn_link{left: calc(100% - 20px);}

	#main .sec_04 .box_02 .layout{padding-right:0;}
	#main .sec_04 .box_02 .layout .inner_con .slider_11_cover .slider_11 .slick-arrow.slick-prev{right: 56px; left: initial; transform: none;}
	#main .sec_04 .box_02 .layout .inner_con .slider_11_cover .slider_11 .slick-arrow.slick-next{right: 20px; left: initial; transform: none;}

	#main .sec_05 .box_02{padding-left:20px;}
	#main .sec_05 .box_02 .layout{padding-right:0;}
	
	#main .sec_06 .ul_scr_wrap{width: calc(100% + 20px);}
	#main .sec_06 .box_02 .layout .ul_tab.type_rd_bk{overflow-x: auto; padding-right:20px;}
	#main .sec_06 .box_02 .layout .ul_tab.type_rd_bk li{width:auto; min-width:320px;}
	#main .sec_06 .box_02 .layout .ul_tab.type_rd_bk li a{height: clamp(48px, 5.946vw, 72px); font-size: clamp(14px, 1.5vw, 18px);}

	#main .sec_07 .box_02 .layout .img_list li .cont .img_wrap img{width:clamp(63px, 10vw, 120px);}
	#main .sec_07 .box_02 .layout .img_list li .cont .rt{width: calc((100% - 10vw) - 32px);}
	#main .sec_07 .box_02 .layout .img_list li .cont .rt .tit.pc{font-size: clamp(15px, 1.48vw, 18px);}
	#main .sec_07 .box_02 .layout .img_list li .cont .rt .txt{font-size: clamp(13px, 1.32vw, 16px);}
	#main .sec_07 .box_02 .layout .img_list li > p{font-size: clamp(13px, 1.32vw, 16px);}
	#main .sec_07 .box_02 .layout > .tit{font-size: clamp(16px, 1.82vw, 22px);}

	#main .sec_09 .layout .top_box .tit{font-size: clamp(20px, 1.98vw, 24px);}

	#brand_story.re .title{font-size: clamp(22px, 2.3vw, 40px); margin-bottom: clamp(8px, 1.4vw, 20px);}
	#brand_story.re .sec .img_wrap{padding-left: 8.3vw;}
	#brand_story.re .sec .img_wrap .img, #brand_story.re .img_wrap img{width: clamp(170px, 26.425vw, 320px); height: clamp(187px, 28.903vw, 350px);}
	#brand_story.re .sec .img_wrap::after{bottom: -6.6vw; width: clamp(114px, 17.507vw, 212px); height: clamp(114px, 17.507vw, 212px);}
	#brand_story.re .sec .info{width: 49.547vw; font-size: 13px; padding-left: 4vw;}
	#brand_story.re .sec .info .t_sub{font-size: clamp(15px, 1.49vw, 18px); margin-bottom: clamp(12px, 1.35vw, 16px);}
	#brand_story.re .sec.sec_02 .img_wrap::after{bottom: -4.8vw; width: clamp(114px, 14.038vw, 170px); height: clamp(114px, 14.038vw, 170px);}
	
	#gdd.re .sec.sec_01{margin-left:20px; margin-right:20px;}
/* // 리뉴얼 */

	.pop_wrap.type_03{max-width: 50vw; padding: 0 clamp(16px, 3.1vw, 45px) clamp(20px, 4.83vw, 70px) clamp(16px, 3.1vw, 45px); border-radius: clamp(12px, 2.1vw, 30px);}
	.pop_wrap.type_03 .pop_header{padding-top: clamp(10px, 2.75vw, 40px); padding-bottom: clamp(5px, .7vw, 10px);}
	.pop_wrap.type_03 .pop_header strong{font-size: clamp(14px, 2.07vw, 30px);}
	.pop_wrap.type_03 .pop_header .btn_close{width: clamp(30px, 2.75vw, 40px); height: clamp(30px, 2.75vw, 40px); background-size: clamp(16px, 2vw, 29px) auto;}
	.pop_wrap.type_03 .slider_09_cover{height:clamp(246px, 30vw, 435px); margin-top: clamp(14px, 2.1vw, 30px);}
	.pop_wrap.type_03 .slider_09_cover .paging{bottom: clamp(5px, 2.05vw, 30px); right: clamp(5px, 1.36vw, 20px); width: clamp(45px, 7.58vw, 110px); font-size: clamp(11px, 1.45vw, 21px);}
	.pop_wrap.type_03 .slider_09 .slick-arrow{width: clamp(25px, 3.035vw, 44px); height: clamp(25px, 3.035vw, 44px); background-size: clamp(6px, .75vw, 11px) auto;}
	.pop_wrap.type_03 .slider_09 .slick-arrow.slick-next{right: clamp(2px, 1.05vw, 15px);}
}

@media (max-width: 1024px) {
	.ul_list, #ch_story .ul_list{gap: 20px;}
	.ul_list > li{border-radius: 20px;}
	.ul_list > li .img{height:40vw;}
	.ul_list > li .info .text span + span::before{height:12px;}
	.ul_list > li .info .btm_area{font-size: clamp(12px, 1.6vw, 16px);}
	.ul_list > li .info .btm_area .like .ico{width: clamp(12px, 2.25vw, 23px); height: clamp(12px, 2.25vw, 21px); line-height: clamp(12px, 2.06vw, 21px);}
	.ul_list > li .info .btn_view, #ch_story .ul_list > li .info .btm_area .btn_view{height: clamp(25px, 3.42vw, 35px); line-height:clamp(25px, 3.42vw, 35px); font-size: clamp(12px, 1.76vw, 16px);}
/* 
	.pagination ul{gap: 0 5px;}
 */
	#community .ul_list > li, #ch_story .ul_list > li{width: calc((100% - 20px) / 2);}
	#community .p_box .sub{margin-bottom: 12px;}
	#community .p_box .ul_rd{gap: 0 5px;}
	#community .p_box .ul_rd li{border-radius: 10px;}
	#community .slider_07_cover{width:85%; max-width: 830px;}
	#community .slider_07_cover .paging{right: clamp(10px, 3.6vw, 55px); bottom: clamp(10px, 3vw, 55px); font-size: clamp(12px, 2.55vw, 26px);}
	#community .slider_07_cover .paging::after{width: clamp(160px, 30vw, 300px); height: clamp(160px, 30vw, 300px);}
	#community .slider_07_cover .slider_07 .slick-slide{border-radius: 2.5vw;}

	#community.community_view .fm_wrap .tit{padding-bottom: 14px;}
	#community.community_view .fm_wrap .youtube_wrap{width: calc(100% + 32px); padding-bottom: 54vw; margin: 0; margin-left: -16px; margin-bottom: clamp(20px, 5.55vw, 80px);}
	#community.community_view .fm_wrap .img{margin-bottom: clamp(20px, 5.55vw, 80px);}
	#community.community_view .fm_wrap .btm_area .row .date{display:none;}
	#community.community_view .fm_wrap .btm_area .row .title{width:75%;}

	#ch_story .rt_wrap .text_btn span + span::before{height:12px;}
	#ch_story .ul_list > li .info .btm_area .btn_view{width:clamp(85px, 15.25vw, 170px);}
	#ch_story_view .ul_tab.type_rd{gap:5px;}
}

@media (max-width: 950px) {
	#brand_story.re .slider_bs .slick-slide .slide_inner .info{height:250px;}
}

/* mobile */
@media (max-width: 820px) {
	.br_pc{display:inline;}
	.br_mo{display:block;}
	/* 리뉴얼 */
	.br_pc_on{display:none;}
	.br_mo_on{display:block;}

	.banner_top_re{height: auto;}
	.banner_top_re .layout{padding: 0;}
	.banner_top_re .layout a{width: 100%; padding: 10px 20px;}
	.banner_top_re .layout a .tit{font-size: 11px;}
	.banner_top_re .layout .rt{display:none;}

	.banner_btm_re{display:none;}

	header{border-bottom: 1px solid #E0E0E0;}
	header .top .layout .rt .btn_lang a{height: 26px; line-height: 24px; font-size: 12px; border-radius: 23px; background-size:9px auto;}
	header .menu_area{display: flex; justify-content: space-between; align-items: center; height: 48px;}
	header .menu_area .logo{width:48px;}
	header .menu_area .ul_menu{display:none;}
	header .menu_area .rt{gap: 0 8px;}
	
	.main footer{padding-bottom:0;}
	footer .f_top .layout{padding-right:0;}
	footer .f_top .layout .family_site{width: 160px;}
	footer .f_top .layout .family_site .tit{background-position: right 16px center; padding-left: 12px; border-right:0;}
	footer .f_top .layout .family_site ul{padding: 5px;}
	footer .f_top .layout .family_site ul li{height: 30px;line-height: 30px;font-size: 11px;}
	footer .f_top .layout .family_site ul li a{padding: 0 8px;}
	footer .f_inner .layout .img_logo{margin-bottom: 16px;}
	footer .f_inner .layout .img_logo img{width: 72px;}
	footer .f_inner .layout .f_info{flex-wrap: wrap;}
	footer .f_inner .layout .f_info .lt, 
	footer .f_inner .layout .f_info .rt{width: 100%;}
	footer .f_inner .layout .f_info .lt{margin-bottom: 20px;}
	footer .f_inner .layout .f_info .lt .f_addr p, 
	footer .f_inner .layout .f_info .lt .f_addr p span{display: block;}
	footer .f_inner .layout .f_info .lt .f_addr p span + span::before{display: none;}
	footer .f_inner .layout .f_info .lt .copyright{font-size:10px;}
	footer .f_inner .layout .f_info .rt .link_box{text-align: right;}
	footer .f_inner .layout .f_info .rt .link_box span.txt{font-size: 12px;}
	footer .f_inner .layout .f_info .rt .link_box span .img_qr{width: 64px;}
	/* // 리뉴얼 */

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

	.ul_list > li .info .btm_area, #community .ul_list > li .info .btm_area, #ch_story .ul_list > li .info .btm_area{margin-top: 10px; padding-top: 10px;}

	#community .cnt_cover .ul_tab.type_rd{display: inline-flex; width: 615px; justify-content: flex-start;}
	#community .slider_07_cover{width:100%;}
	#community .slider_07_cover .slider_07 .slick-arrow{display:none !important; width: 34px; height: 34px; background-size: 8px auto;}
	#community .slider_07_cover .paging{right: unset; left: 50%; transform: translateX(-50%); width:clamp(54px, 9.8vw, 85px); height:clamp(24px, 4.2vw, 36px); line-height:clamp(24px, 4.2vw, 36px); font-size:clamp(11px, 1.8vw, 16px); color: #fff; text-align: center; background: #9254d8; box-shadow: inset 0px 1px 1.5px 0 rgba(255, 255, 255, .6), inset 0px -1.5px 1.5px 0 rgba(0, 0, 0, .3); border-radius:clamp(12px, 2vw, 18px);}
	#community .slider_07_cover .paging::after{display:none;}
	#community .p_box_02 .num_box{flex-wrap: wrap; gap: 0 10px;}
	#community .p_box_02 .num_box li{width:calc(50% - 5px);}
	#community .p_box_02 .num_box li .text_area{top:clamp(12px, 1.35vw, 20px); left: 24vw; transform: none;}
	#community .p_box_02 .num_box li.ele_1 .img .ele{width:9vw; bottom: 2vw; transform: translateX(-18vw);}
	#community .p_box_02 .num_box li.ele_2 .img .ele{width:12.4vw; bottom: 4.2vw; transform: translateX(-19.6vw);}
	#community .p_box_02 .num_box li.ele_3 .img .ele{width:15.08vw; bottom: 4vw; transform: translateX(-21vw);}
	#community .p_box_02 .num_box li.ele_4 .img .ele{width:12vw; bottom: 3.2vw; transform: translateX(-19.5vw);}

	#community.community_view .fm_wrap .youtube_wrap{padding-bottom: 53vw;}

	#ch_story .cnt_cover .ul_tab.type_rd li{width: clamp(100px, 15.2vw, 125px); max-width: initial;}

	.data_view .view_wrap .info_wrap{flex-wrap: wrap;}
	.data_view .view_wrap .info_wrap .rt{padding-left:0;}
	.data_view .media_wrap{gap:5px;}

	#ch_story_view.data_view .slider_08_cover{width: 100%; height: 45vw;}
	#ch_story_view.data_view .view_wrap .info_wrap .rt{width:100%;}
	#ch_story_view .title{margin-top:55px; margin-bottom:30px;}
	#ch_story_view .list_box{margin-top:20px;}
	#ch_story_view .accor_wrap_02 > li > .inner .li_box{gap:5px;}
	#ch_story_view .accor_wrap_02 > li > .inner .li_box li{border-width:1px; border-radius:5px;}

/* 리820 */
	.sub_mn.type_accor .top{font-size: 16px; padding: 22px 16px;}
	.sub_mn.type_accor.on .top{padding: 22px 16px 16px 16px;}
	.sub_mn.type_accor > ul{padding: 0 16px 20px 16px;}
	.sub_mn.type_accor > ul > li > a{font-size: 14px;}

	.top_area_re .search_box{padding-left: 16px; padding-right: 6px;}
	
	.ul_tab_wrap .ul_tab.type_rd_bk{justify-content: flex-start; padding-left:20px; padding-right:20px;}
	.ul_tab_wrap .ul_tab.type_rd_bk li{min-width:initial;}

	.accor_wrap_re{margin-top: 20px;}
	.accor_wrap_re ul li .hd{padding: 12px 10px;}
	.accor_wrap_re ul li .hd .lt{width: calc(100% - 40px);}
	.accor_wrap_re ul li .hd .lt .tit{flex-wrap: wrap;}
	.accor_wrap_re ul li .hd .lt .tit .tag{padding:0 10px; margin-bottom: 8px;}
	.accor_wrap_re ul li .hd .lt .tit span{display: block; width: 100%;}
	.accor_wrap_re ul li .hd .rt{width:40px;}

	.pagination{margin-top: 20px;}
	
	.comm_form.re .layout .tit_sub{font-size: 16px;}
	.comm_form.re .layout .info_box .row + .row{margin-top: 20px;}
	.comm_form.re .layout .info_box .ul_agree li .btn_rt{margin-top: 5px; margin-left: 20px;}

	#main{padding-top: 20px;}
	#main .ul_scr_wrap .ul_tab.type_rd_bk{margin-bottom: 24px;}

	#main .tab_view .inner .title_wrap .lt, #main .sec_05 .box_02 .layout .inner_con .sort_box .lt{width:100%;}
	#main .tab_view .inner .title_wrap .lt .title_s{margin-bottom:4px;}
	#main .tab_view .inner .title_wrap .btn_link, #main .sec_05 .box_02 .layout .inner_con .sort_box .btn_link{height: 36px; line-height: 36px; border-radius:18px; font-size: 12px; padding: 0 16px; margin-top:16px;}
	#main .tab_view .inner .title_wrap .btn_link .ico_view, #main .sec_05 .box_02 .layout .inner_con .sort_box .btn_link .ico_view{width: 16px; height: 16px; vertical-align: -5px; background-size:8px auto;}

	#main .sec .box_01 .layout > .tit{margin-bottom:8px;}
	#main .sec .box_01 .layout > .t_sub{margin-bottom:20px;}

	#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, #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{border-radius: 5.5vw;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide .tit{top: 5vw; font-size: 3.5vw; padding: 0 5vw;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide .tit .btn_link{width: 6vw; height: 6vw; background-image:url('/images/main/ico_arr_rt_o_s.svg'); background-size: 2.3vw;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide img.img{top:24%;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide .img_bg.pc{display:none;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide .img_bg.mo{display:block;}
	/*
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide .img_bg.mo::before{opacity: .7; position:absolute; top:0; left:0; content:''; display:block; width:100%; height:195px; background:linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide .img_bg.mo::after{opacity: .5; position:absolute; inset:0; content:''; display:block; pointer-events:none; background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(100% - 23vw), rgba(0, 0, 0, 1) 100%); -webkit-mask-image:url('/upload/mainbanner/img_sec1_v1_01_re_bg_mo.png'); mask-image:url('/upload/mainbanner/img_sec1_v1_01_re_bg_mo.png'); -webkit-mask-size:100% auto; mask-size:100% auto; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:bottom center; mask-position:bottom center; -webkit-mask-mode:alpha; mask-mode:alpha;}
	*/
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide .txt_btm{bottom: 10.8vw; left: 6vw; width: calc(100% - 33vw); font-size: 2.4vw;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide .txt_btm .num{width: 3vw; height: 3vw; line-height: 3vw; font-size: 2vw; margin-right: 1vw;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide .txt_btm p{width:calc(100% - 4vw);}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con{height: 19vw;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .btn_pause{right: 2.5vw; bottom: 2.65vw; width: 10.67vw; height: 10.67vw; background-size: 3.2vw;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .bar{bottom: 6.6vw; left: 6vw; width: 61vw; height: .5vw;}

	#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide .t_area{top: 5vw; left: 5vw; width: calc(100% - 10vw);}
	#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide .img img.pc{display:none;}
	#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide .img img.mo{display:block;}
	#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide .t_area .tit_s1{font-size: 3.5vw; margin-bottom: 2vw;}
	#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide .t_area .tit{font-size: 4.5vw; margin-bottom: 3vw;}
	#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide .t_area .tit_s2{font-size: 2.5vw;}
	#main .sec_01 .layout .s_02 .slider_01_cover .btn_plus{right: 2.5vw; bottom: 2.65vw; width: 10.67vw; height: 10.67vw; background-image:url('/images/main/ico_arr_rt_w_02.svg'); background-size: 4vw;}

	#main .sec_01 .layout .s_03{height: 50.2vw; border-radius: 6vw;}
	#main .sec_01 .layout .s_03 a{padding-right: 3vw;}
	#main .sec_01 .layout .s_03 a .txt_box{left: 5vw; font-size: 4.7vw;}
	#main .sec_01 .layout .s_03 a .txt_box .fc_yellow{font-size: 3.1vw;}
	#main .sec_01 .layout .s_03 a .txt_box .ico_view{width: 7vw; height: 7vw; background-size: 3vw; margin-top: 2vw;}
	#main .sec_01 .layout .s_03 img{max-height: initial; height: 70%;}
	#main .sec_01 .layout .s_03 img.pc{display:none;}
	#main .sec_01 .layout .s_03 img.mo{display:block;}

	#main .sec_02 .layout::before, 
	#main .sec_02 .layout::after,
	#main .sec_02 .layout .img_area::before{display:none;}
	#main .sec_02 .layout .img_area{width: calc(100% + 16vw); height: 43vw; margin-left: -8vw;}
	#main .sec_02 .layout .img_area .ele{width: 35vw;}
	#main .sec_02 .layout .img_area .ele.ele_5{top: 46%;}

	#main .sec_03{padding-top: 40px; padding-bottom: 40px;}
	#main .sec_03 .layout{padding: 20px 0 40px 20px;}
	#main .sec_03 .layout .slider_10_cover, #main .sec_03 .layout .slider_10_cover.type_02{margin-top: 24px;}
	#main .sec_03 .layout .slider_10_cover .slider_10 .slick-slide{width: 300px; padding:24px; margin-right: 20px;}
	#main .sec_03 .layout .slider_10_cover .slider_10 .slick-slide:nth-child(2n){margin-top:0;}
	#main .sec_03 .layout .slider_10_cover .slider_10 .slick-slide::after{bottom:-2px; width: 65px; height:65px; background:url('/images/main/img_side_mo.png') no-repeat 0 / 65px;}
	#main .sec_03 .layout .slider_10_cover .slider_10 .slick-slide .img_box{width: 110px; height: auto; margin: 0 auto;}
	#main .sec_03 .layout .slider_10_cover .slider_10 .slick-slide .txt_box{margin-top: 20px;}
	#main .sec_03 .layout .slider_10_cover .slider_10 .slick-slide .txt_box .tit, #main .sec_03 .layout .slider_10_cover.type_02 .slider_10 .slick-slide .txt_box .tit{font-size: 14px; margin-bottom: 6px;}
	#main .sec_03 .layout .slider_10_cover .slider_10 .slick-slide .txt_box div{font-size: 13px; line-height: 1.6;}
	#main .sec_03 .layout .slider_10_cover .slick-dots{display:flex !important; gap: 0 6px; justify-content: center; margin-top: 24px;}
	#main .sec_03 .layout .slider_10_cover .slick-dots li{display:inline-block;}
	#main .sec_03 .layout .slider_10_cover .slick-dots li button{display: inline-block; width: 8px; height: 8px; font-size: 0; color: transparent; background: #E0E0E0; border-radius: 50%;}
	#main .sec_03 .layout .slider_10_cover .slick-dots li.slick-active button{width: 24px; background: #5C5C5C; border-radius: 4px;}
	#main .sec_03 .layout .slider_10_cover.type_02 .slider_10 .slick-slide:nth-child(2n-1){margin-top: 0;}
	#main .sec_03 .layout .slider_10_cover.type_02 .slider_10 .slick-slide .txt_box .tit{line-height: 1.5;}
	#main .sec_03 .layout .slider_10_cover.type_02 .slider_10 .slick-slide .img_box{width: 125px;}
	#main .sec_03 .layout .slider_10_cover.type_02 .slider_10 .slick-slide .img_box img{border-radius:8px;}
	#main .sec_03 .layout .slider_10_cover.type_03 .slider_10 .slick-slide .txt_box .sub{height: 24px; line-height: 24px; border-radius: 12px; font-size: 12px; padding: 0 8px; margin-bottom: 6px;}
	#main .sec_03 .layout .slider_10_cover.type_03 .slider_10 .slick-slide .txt_box .tit{font-size: 14px; line-height: 1.7; margin-bottom: 6px;}
	
	#main .sec_03 .layout .info_btm{padding: 17px 20px; margin-top: 32px;}
	#main .sec_03 .layout .info_btm .lt .tit{font-size: 16px; margin-bottom: 6px;}
	#main .sec_03 .layout .info_btm .lt p{font-size: 12px; line-height: 1.6;}
	#main .sec_03 .layout .info_btm .rt img{width: 56px;}

	#main .sec_03 #btm_txt{font-size: 13px; padding-top: 24px;}
	#main .sec_03 #btm_txt .tit{font-size: 16px; margin-bottom: 12px;}
	
	#main .sec_04{padding-top: 40px;}
	#main .sec_04 .box_02{padding-top: 20px; padding-bottom: 20px;}
	#main .sec_04 .box_02 .layout{padding-right: 20px;}
	#main .sec_04 .box_02 .layout .inner_lt{width: 100%;}
	#main .sec_04 .box_02 .layout .inner_con{width: calc(100% + 20px); height: auto; padding: 20px 0 20px 20px;}
	#main .sec_04 .box_02 .layout .inner_con .slider_11_cover .slider_11 .slick-slide{margin-right: 0; margin-bottom: 20px;}
	#main .sec_04 .box_02 .layout .inner_con .slider_11_cover .slider_11 .slick-arrow{top: -32px;}
	#main .sec_04 .box_02 .layout .inner_con .slider_11_cover .slider_11 .slick-arrow.slick-prev{right: 54px;}
	#main .sec_04 .box_02 .layout .inner_con .slider_11_cover .slider_11 .slick-arrow.slick-next{right: 20px;}

	#main .sec_05{padding-top:40px;}
	#main .sec_05 .box_02{padding-top:20px; padding-bottom:20px;}
	#main .sec_05 .box_02 .layout{width: calc(100% + 20px); padding: 20px 0 20px 20px;}
	#main .sec_05 .box_02 .layout .inner_con .title_wrap .lt .title{font-size: 20px;}
	#main .sec_05 .box_02 .layout .inner_con .slider_04{margin-top: 20px;}
	#main .sec_05 .box_02 .layout .inner_con .slider_04 .inner .info{padding: 10px 4.5px;}

	#main .sec_05 .box_02 .layout .inner_con .sort_box{flex-direction: column-reverse; align-items: flex-start; margin-bottom: 16px;}
	#main .sec_05 .box_02 .layout .inner_con .sort_box .btn_link{margin-top: 0; margin-bottom: 20px;}
	#main .sec_05 .box_02 .layout .inner_con .slider_13 .slick-slide{width:262px;}

	#main .sec_06{padding-top: 40px;}
	#main .sec_06 .box_02{padding-top: 20px; padding-bottom: 20px;}
	#main .sec_06 .box_02 .layout .ul_tab.type_rd_bk{margin-bottom: 5px;}
	#main .sec_06 .box_02 .layout .ul_tab.type_rd_bk li::after{width: 18px;}
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner{padding: 32px 20px 20px 20px;}
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_img{max-width: 332px; width: 70%; margin-top:32px;}
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_img::before{bottom: -10px; right: -50px; width: 80px; height: 62px;}
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_img::after{top: -26px; left: -36px; width: 68px; height: 68px;}
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_img.img_2{max-width: 684px; width: 100%; gap: 0 8px; margin-bottom:16px;}
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_img.img_2 img{width: calc(50% - 4px);}
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_info{margin-top: 40px;}
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_info .tit{font-size: 16px; margin-top: 24px;}
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_info > p{margin-top: 12px;}
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_info .ul_txt{flex-direction: column; align-items: center;}
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_info .ul_txt li{width: 100%; max-width: 400px; border-radius:24px; padding: 24px 20px;}
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_info .ul_txt li .tit_s{font-size: 16px; margin-bottom: 12px;}
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_info .ul_txt li > p{font-size: 13px;}
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_info .ul_txt.type_02 li{display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; border-radius:16px; padding: 20px;}
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_info .ul_txt.type_02 li .tit_s{font-size: 24px; margin-bottom: 0;}
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_info .ul_txt.type_02 li > p{font-size: 12px;}

	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_slider ~ .cont_info, #main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_slider ~ .cont_info .tit{    margin-top: 64px;}
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_slider ~ .cont_info .ul_txt.type_02{gap: 8px; margin-top: 24px;}
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_slider .slider_12 .slick-arrow{top: initial; bottom: -32px; width: 32px; height: 32px;}
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_slider .slider_12 .slick-arrow.slick-prev{left: 50%; transform: translateX(calc(-100% - 4px)); background-image: url('/images/main/ico_arr_lt_w_03.svg'); background-size: 14px auto;}
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_slider .slider_12 .slick-arrow.slick-next{right: 50%; transform: translateX(calc(100% + 4px)); background-image: url('/images/main/ico_arr_rt_w_03.svg'); background-size: 14px auto;}
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_slider .slider_12 .slick-slide{height: 500px; min-height: initial; border-width: 0; border-radius: 0; padding: 24px 18px; overflow:hidden;}
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_slider .slider_12 .slick-slide .tit{font-size: 16px; margin-bottom: 20px;}
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_slider .slider_12 .slick-slide .pc{display:none;}
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_slider .slider_12 .slick-slide .mo{display:block; width:100%;}
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_slider .slider_12 .slick-slide.slide_01 .mo,
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_slider .slider_12 .slick-slide.slide_03 .mo,
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_slider .slider_12 .slick-slide.slide_04 .mo{width: calc(100% + 20px); max-width:655px; margin-right: -20px; overflow-x: overlay; overflow-y: hidden;}
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_slider .slider_12 .slick-slide.slide_01 .mo img,
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_slider .slider_12 .slick-slide.slide_03 .mo img,
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_slider .slider_12 .slick-slide.slide_04 .mo img{display: block; width: auto; max-width: initial; height: 376px;}
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_slider .slider_12 .slick-slide.slide_02 .mo,
	#main .sec_06 .box_02 .layout .inner_con .tab_view .inner .cont_slider .slider_12 .slick-slide.slide_05 .mo{max-width:284px;}

	#main .sec_07{padding-top: 40px;}
	#main .sec_07 .box_01 .layout > .tit{margin-bottom: 20px;}
	#main .sec_07 .box_02{padding-top: 20px; padding-bottom: 32px;}
	#main .sec_07 .box_02 .layout .img_list{gap: 16px;}
	#main .sec_07 .box_02 .layout .img_list li{width: 100%; padding: 20px;}
	#main .sec_07 .box_02 .layout .img_list li .cont{display: block;}
	#main .sec_07 .box_02 .layout .img_list li .cont .img_wrap{display: flex; align-items: center; width: 100%;}
	#main .sec_07 .box_02 .layout .img_list li .cont .img_wrap img{margin-right: 20px;}
	#main .sec_07 .box_02 .layout .img_list li .cont .img_wrap .tit.mo{display: inline-block; width:calc(100% - 102px); font-size: 15px; font-weight: 800; line-height: 1.6;}
	#main .sec_07 .box_02 .layout .img_list li .cont .rt{width:100%;}
	#main .sec_07 .box_02 .layout .img_list li .cont .rt .tit.pc{display: none;}
	#main .sec_07 .box_02 .layout .img_list li .cont .rt .txt{line-height: 1.6; padding: 12px 16px; margin-top: 16px;}
	#main .sec_07 .box_02 .layout .img_list li > p{margin-top: 16px;}
	#main .sec_07 .box_02 .layout > .tit{margin-top: 24px; margin-bottom: 12px;}

	#main .sec_08{padding-top: 40px; padding-bottom: 40px;}
	#main .sec_08 .layout > .t_sub{text-align: left;}
	#main .sec_08 .layout > .tit{text-align: left; margin-bottom: 20px;}
	#main .sec_08 .layout > p{margin-top: -24px;}
	#main .sec_08 .layout .slider_02{width: calc(100% + 40px); max-width: initial; height:auto; transform: translateX(-20px); background: #E5EDF6; padding: 32px 20px 104px 20px; box-sizing: border-box;}
	#main .sec_08 .layout .slider_02 .slick-slide{background: transparent; border-radius: 0;}
	#main .sec_08 .layout .slider_02 .slick-slide img{height: clamp(160px, 27.5vw, 333px);}
	#main .sec_08 .layout .slider_02 .youtube_wrap{width: 70.122vw; padding-bottom: 40.61vw;}
	#main .sec_08 .layout .slider_02 .slick-arrow{width: 32px; height: 32px;}
	#main .sec_08 .layout .slider_02 .slick-arrow.slick-prev, #main .sec_08 .layout .slider_02 .slick-arrow.slick-next{transform:translateY(calc(-50% - 34px));}
	#main .sec_08 .layout .slider_02 .slick-arrow.slick-prev{left:20px; background-image: url('/images/main/ico_arr_lt_w_03.svg'); background-size:14px auto;}
	#main .sec_08 .layout .slider_02 .slick-arrow.slick-next{right:20px; background-image: url('/images/main/ico_arr_rt_w_03.svg'); background-size:14px auto;}
	#main .sec_08 .layout .btn_link{width: auto; min-width: 240px; height: 48px; font-size:15px; border-radius: 24px; transform: translateY(-80px);}

	#main .sec_09{padding-top: 32px; padding-bottom: 32px;}
	#main .sec_09 .layout{flex-wrap: wrap;}
	#main .sec_09 .layout .box{width: 100%;}
	#main .sec_09 .layout .top_box .tit{margin-bottom: 8px;}
	#main .sec_09 .layout .top_box .t_sub{font-size: 13px;}
	#main .sec_09 .layout .ul_tbl li{flex-wrap: wrap;}
	#main .sec_09 .layout .ul_tbl li .link{width: calc(100% - 70px);}
	#main .sec_09 .layout .ul_tbl li .date{width: 100%; font-size:11px; margin-top: 8px;}

	#brand_story.re{padding-bottom:40px;}
	#brand_story.re .sub_banner_re{background-image:none;}
	#brand_story.re .sec + .sec{margin-top: 40px;}
	#brand_story.re .sec .img_wrap, #brand_story.re .sec .info{width: 100%;}
	#brand_story.re .sec .img_wrap .img, #brand_story.re .img_wrap img{display:inline-block;}
	#brand_story.re .sec .img_wrap{margin-bottom:20px;}
	#brand_story.re .sec .img_wrap::after{bottom:-35px; border-radius:16px;}
	#brand_story.re .sec .info{padding-left:0;}
	#brand_story.re .sec.sec_01, #brand_story.re .sec.sec_02{flex-wrap: wrap; max-width: 600px; margin-left:auto; margin-right:auto;}
	#brand_story.re .sec.sec_01{padding-top: 40px;}
	#brand_story.re .sec.sec_01 .info, #brand_story.re .sec.sec_01 .title{text-align: right;}
	#brand_story.re .sec.sec_01 .img_wrap{padding-left: clamp(38px, 8.3vw, 100px);}
	#brand_story.re .sec.sec_02{flex-direction: row;}
	#brand_story.re .sec.sec_02 .img_wrap{text-align: right; padding-left: 0; padding-right: 37px;}
	#brand_story.re .sec.sec_02 .img_wrap::after{bottom: -35px; left: initial; right: 0;}
	#brand_story.re .sec.sec_02 .info, #brand_story.re .sec.sec_02 .title{text-align: left;}
	#brand_story.re .sec.sec_03 p:not(.t_sub){display:none;}
	#brand_story.re .sec.sec_03 .t_sub{margin-bottom:0;}
	#brand_story.re .slider_bs{width:calc(100% + 20px); margin-top:20px;}
	#brand_story.re .slider_bs .slick-list{padding-left:10px; padding-right:10px;}
	#brand_story.re .slider_bs .slick-slide .slide_inner .info{height:auto;}
	#brand_story.re .slider_bs .slick-dots{display:flex !important; justify-content: center; align-items: center; gap: 0 6px; margin-top: 24px;}
	#brand_story.re .slider_bs .slick-dots li button{display: inline-block; width: 8px; height: 8px; border-radius: 4px; font-size: 0; color: transparent; background: #E0E0E0;}
	#brand_story.re .slider_bs .slick-dots li.slick-active button{width: 24px; background: #5C5C5C;}
	
	#cs.comm_form.re .layout .fm_wrap{margin-top: 20px;}
	#cs.comm_form.re .layout .info_box{padding-top: 20px; margin-bottom: 20px;}

	#cs.re{padding-bottom: 40px;}

	#cs.cs_inquiry.comm_form.re .layout .btn_wrap{margin-top: 24px;}
	#cs.cs_inquiry.comm_form.re .layout .info_box.n_line .ul_agree li{flex-wrap: wrap;}
	#cs.cs_inquiry.comm_form.re .layout .info_box.n_line .ul_agree li:not(.all) .lt{width: 100%;}

	#cs.cs_inquiry_c.comm_form.re .layout{padding-top: 20px;}
	#cs.cs_inquiry_c.comm_form.re .layout .info_top{padding-top: 32px; padding-bottom: 32px; margin-bottom: 12px;}
	#cs.cs_inquiry_c.comm_form.re .layout .btn_wrap{margin-top: 40px;}
	
	#gdd.re{padding-bottom: 40px;}
	#gdd.re strong.t_sub{font-size: 22px;}
	#gdd.re strong.t_sub_02{margin-top: 12px;}
	#gdd.re .layout p{font-size: 13px;}
	#gdd.re .slider_gdd{width: calc(100% + 10px); margin-top: 20px;}
	#gdd.re .slider_gdd .slick-slide{height: auto;}

	#gdd.re .sec.sec_03, 
	#gdd.re .sec.sec_04, 
	#gdd.re .sec.sec_05{padding-bottom: 20px; margin-left:20px; margin-right:20px;}

	#gdd.re .sec.sec_01{flex-wrap: wrap; padding-top: 40px; padding-bottom: 20px;}
	#gdd.re .sec.sec_01 .lt,
	#gdd.re .sec.sec_01 .rt{width:100%;}
	#gdd.re .sec.sec_01 .lt img{width: 100%; height: auto;}
	#gdd.re .sec.sec_01 .rt{padding-left: 0; margin-top: 20px;}
	#gdd.re .sec.sec_01 .rt .title{font-size: 22px; margin-bottom: 12px;}
	#gdd.re .sec.sec_01 .rt .t_sub{font-size: 15px; line-height: 1.5; margin-top: 0; margin-bottom: 10px;}

	#gdd.re .sec.sec_02{flex-wrap: wrap; padding: 20px; margin: 20px;}
	#gdd.re .sec.sec_02 .lt{display: block; width: 100%; margin-bottom: 16px; justify-content: center;}
	#gdd.re .sec.sec_02 .lt .img{max-width: initial; height: 150px;}
	#gdd.re .sec.sec_02 .lt .info{display:block;}
	#gdd.re .sec.sec_02 .rt{width: 100%; padding-left: 0;}
	#gdd.re .sec.sec_02 .rt .title.pc, #gdd.re .sec.sec_02 .rt .t_sub{display:none;}
	#gdd.re .sec.sec_02 .rt p{font-size: 13px;}

	#gdd.re .sec.sec_03{margin-top: 20px;}
	#gdd.re .sec.sec_04, #gdd.re .sec.sec_05{margin-top:20px;}
	
	/* // 리뉴얼 */

	.pop_wrap.type_03{max-width: 90%;}
	.pop_wrap.type_03 .slider_09_cover{height: 57vw;}
}

@media (max-width: 660px) {
	#community .cnt_cover .ul_tab.type_rd{width: 460px;}
}

@media (max-width: 500px) {
	.br_mo2{display:block;}

	.ul_list > li .info .btm_area span .ico{margin-right:3px;}


	/* 리500 */
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide .tit{top: 16px; font-size: 14px; padding: 0 40px 0 20px;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide .tit .btn_link{top: 8.5px; right: 16px; width: 24px; height: 24px; background-size: 9px;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide .img_bg.mo::after{background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(100% - 118px), rgba(0, 0, 0, 1) 100%);}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide .txt_btm{font-size: 12px; line-height: 1.5;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide .txt_btm .num{width: 16px; height: 16px; line-height: 16px; font-size: 10px; margin-right: 8px;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_main .slick-slide .txt_btm p{width: calc(100% - 24px); padding-top:0;}

	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con{height: 18vw;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .bar{width: 57vw; height: .54vw;}
	#main .sec_01 .layout .s_01 .slider_main_cover .slider_con .btn_pause{width: clamp(40px, 10.67vw, 52px); height: clamp(40px, 10.67vw, 52px); background-size: 12px;}

	#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide .t_area{top: 20px; left: 20px; width: calc(100% - 40px);}
	#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide .t_area .tit_s1{font-size: 14px;}
	#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide .t_area .tit{font-size: 18px; margin-bottom: 8px;}
	#main .sec_01 .layout .s_02 .slider_01_cover .slider_01 .slick-slide .t_area .tit_s2{font-size: 12px;}
	#main .sec_01 .layout .s_02 .slider_01_cover .btn_plus{width: clamp(40px, 10.67vw, 52px); height: clamp(40px, 10.67vw, 52px); background-size: 14px;}

	#main .sec_01 .layout .s_03 a .txt_box{left: 20px; font-size: 18px;}
	#main .sec_01 .layout .s_03 a .txt_box .fc_yellow{font-size: 12px;}
	#main .sec_01 .layout .s_03 a .txt_box .ico_view{width: 24px; height: 24px; background-size: 12px; margin-top: 10px;}

	#main .sec_02{padding-top: 40px; padding-bottom: 40px;}
	#main .sec_02 .layout .img_area{width: calc(100% + 24vw); height: 46vw; margin-left: -13vw; margin-top: 32px;}
	#main .sec_02 .layout .img_area .ele{width: 36vw;}

	#main .sec_08 .layout .slider_02 .youtube_wrap{padding-bottom: 40.5vw;}
	#main .sec_08 .layout .slider_02 .youtube_wrap iframe{border-width: 5px; border-radius:12px;}

	/* // 리뉴얼 500 */



	#community .cnt_cover .ul_tab.type_rd{width: 305px;}
	#community .p_box::after{top: 18px;}

	#community .p_box_02 .num_box li.ele_1 .img .ele{width: 36px; bottom: 4vw; transform: translateX(-16.6vw);}
	#community .p_box_02 .num_box li.ele_2 .img .ele{width: 52px; bottom: 6.2vw; transform: translateX(-18.6vw);}
	#community .p_box_02 .num_box li.ele_3 .img .ele{width: 65px; bottom: 4vw; transform: translateX(-20.2vw);}
	#community .p_box_02 .num_box li.ele_4 .img .ele{width: 52px; bottom: 4.7vw; transform: translateX(-18.5vw);}

	#community.community_view .fm_wrap .youtube_wrap{padding-bottom: 52vw;}

	#ch_story .ul_list > li .info .btm_area{gap:10px;}
}

@media (max-width: 375px) {
	#main .sec_06 .box_02 .layout .ul_tab.type_rd_bk li{min-width:100%;}
}




/* // 20250526 연혁 추가코딩*/

/*pc*/
#history.re .sec.sec_01{display: flex; align-items: center; padding-top: 80px; }
#history.re .sec.sec_01 .lt img{display: block; width: auto; height: 320px; object-fit: cover; border-radius: 20px;}
#history.re .sec.sec_01 .rt{padding-left: 48px; box-sizing: border-box;}
#history.re .sec.sec_01 .rt .t_sub{display: block; font-size: 18px; color: #FF7545; font-weight: 700; line-height: 2.1; margin-bottom: 16px;}
#history.re .sec.sec_01 .rt .title{display: block; font-size: 28px; color: #333; font-weight: 700; line-height: 1.35; box-sizing: border-box; margin-bottom: 16px;}

#history.re .btn_area {}
#history.re .btn_area .btn_next {position:relative;display: inline-block;margin-top:20px; border-radius: 100px;padding:10px 48px 10px 20px;font-size: 13px;font-weight: bold;line-height: 1.54;color: #fff;background-image: linear-gradient(to left, #f73c36, #fe914d);}
#history.re .btn_area .btn_next:after {content: "";position: absolute;right:20px;width:20px;height: 20px;background: url(/images/re/icon/btn_view.svg) no-repeat;background-size: cover;}
#history.re .layout p{font-size: 14px; color: #333; font-weight: 400; line-height: 1.5; word-break: keep-all;}

#history.re .sec.sec_02 {padding: 80px 0; } 
#history.re .sec.sec_02 .his_cont {display: flex; width:997px; margin:0 auto;}
#history.re .sec.sec_02 .his_cont .year {width:141px; position:relative; transform: translateY(9px);}
#history.re .sec.sec_02 .his_cont .year::before {width:100%; height:1px; border-top:1px dotted #5C5C5C; display:block; content:''; position:absolute; left:0; top:20px;z-index: 1;}
#history.re .sec.sec_02 .his_cont .year span {display: flex; align-items:center; justify-content:center; text-align: center; border-radius:20px; background:#5C5C5C; font-size:16px; font-weight:700; color:#fff; width:112px; height:40px; padding:10px 20px; box-sizing: border-box; position:relative; z-index: 2; }
#history.re .sec.sec_02 .his_cont .line {position:relative; width:1px;  align-self:stretch; margin-right:20px;}
#history.re .sec.sec_02 .his_cont .line:after {content:''; position:absolute; left:0; top:0; bottom:0; width:1px; background:#E0E0E0;}
#history.re .sec.sec_02 .his_cont:first-child .line:after {top:25px;}
#history.re .sec.sec_02 .his_cont .line .bar {display: block; position:absolute;left:0;top:25px; width:1px; height:10px; background:#ff7545; z-index: 1;}
#history.re .sec.sec_02 .his_cont .line::before {display:block; content: ''; width:5px; height:5px; border-radius: 9px; background: #fff; border:2px solid #FF7545; position: absolute; left:-4px; top:25px; z-index: 2; }
#history.re .sec.sec_02 .his_cont .line.active::before {background: #FF7545;}
#history.re .sec.sec_02 .his_cont .detail {width:calc(100% - 157px); background: #F4F4F4; padding:24px 32px; border-radius: 16px; margin-bottom:40px;}
#history.re .sec.sec_02 .his_cont:last-child .detail {margin-bottom:0;}
#history.re .sec.sec_02 .his_cont .detail .date {display:block; font-weight: 700; margin-bottom:8px; font-size:16px;}
#history.re .sec.sec_02 .his_cont .detail .cont {display: flex; justify-content: space-between; align-items: center; margin-bottom:24px;}
#history.re .sec.sec_02 .his_cont .detail .cont.mb0 {margin-bottom:0;}
#history.re .sec.sec_02 .his_cont .detail .cont .txt {order: 1;}
#history.re .sec.sec_02 .his_cont .detail .cont .img {margin-left:10px; order: 2;}
#history.re .sec.sec_02 .his_cont .detail ul {font-size:13px; line-height: 1.5;}
#history.re .sec.sec_02 .his_cont .detail ul li {padding-left:10px; position:relative}
#history.re .sec.sec_02 .his_cont .detail ul li::before {display:block; content:''; width:3px; height:3px; background: #333; border-radius: 3px; position:absolute; left:0; top:7px;}
#history.re .mo_hidden {margin-left:4px}

.ofh {overflow:hidden;}

/*1210이하*/
@media (max-width: 1210px) {
  #history.re .br_pc_on.v2 {display:none;} 
	#history.re .sec.sec_02 .his_cont {width:100%;}
}
/*820이하*/
@media (max-width: 820px) {
	#history.re .sec.sec_02 {padding: 40px 0; } 
  #history.re .sec.sec_01{flex-wrap: wrap; padding-top: 40px;}
  #history.re .sec.sec_01 .lt,
	#history.re .sec.sec_01 .rt{width:100%;}
	#history.re .sec.sec_01 .lt img{width: 100%; height: auto;}
	#history.re .sec.sec_01 .rt{padding-left: 0; margin-top: 20px;}
	#history.re .sec.sec_01 .rt .title{font-size: 22px; margin-bottom: 12px;}
	#history.re .sec.sec_01 .rt .t_sub{font-size: 15px; line-height: 1.5; margin-top: 0; margin-bottom: 10px;}
  #history.re .layout p{font-size: 13px;} 
	#history.re .sec.sec_02 .his_cont .year {width:88px; transform: translateY(0px)}
  #history.re .sec.sec_02 .his_cont .year span {font-size:14px; width:68px; height:32px; padding:6px 16px; } 
	#history.re .sec.sec_02 .his_cont .year::before {top:16px;}

	#history.re .sec.sec_02 .his_cont .detail {width:calc(100% - 107px); background: #F4F4F4; padding:16px; border-radius: 16px; margin-bottom:40px;}
	#history.re .sec.sec_02 .his_cont .detail .cont {display: block; margin-bottom:14px;}
	#history.re .sec.sec_02 .his_cont .detail .cont .img {margin-left:0; margin-bottom:3px;}
	#history.re .sec.sec_02 .his_cont .detail .date {font-size:14px;}
	#history.re .mo_hidden {display:none;}
	#history.re .sec.sec_02 .his_cont .line::before {top:12px;}
	#history.re .sec.sec_02 .his_cont:first-child .line:after {top:16px;}
	#history.re .sec.sec_02 .his_cont .line .bar {top:16px;}
	
}


/* 20260528 영문 추가 class*/
header .sub_wrap.en_lang .layout > ul > li > a {min-height:57px;} 
header .sub_wrap.en_lang .layout > ul > li > ul > li a {min-height:55px;}
header .top .layout.en_lang .lt {display:flex; align-items: center; justify-content: space-between;}
header .top .layout.en_lang .lt li {display: flex; align-items:center;}
header .sub_wrap .layout > ul > li {width:calc(100% /5 )}

header .hd .btn_lang select{display: inline-block; height: 20px; line-height: 18px; border-radius: 10px; font-size: 10px; color: #FF7545; font-weight: 700; background:url('/images/main/ico_arr_btm_o.svg') no-repeat center right 11px / 8px auto; border: 1px solid #FF7545; padding: 0 26px 0 10px; box-sizing: border-box;}

header .menu_area.en_lang a.logo {width:85px;}
@media (max-width: 820px) {
    header .menu_area.en_lang a.logo {
        width: 60px;
    }
} 

footer .f_inner .layout .f_info .lt .f_addr p, footer .f_inner .layout .f_info .lt .f_addr p span {font-size:14px; letter-spacing: -1px;}
footer .f_inner .layout .f_info .lt .copyright {font-size:14px; letter-spacing: -1px;}

@media (max-width: 965px) {
	header .sub_wrap.en_lang .layout > ul > li > a {min-height:72px;} 
}
@media (max-width: 412px) {
  header .top .layout.en_lang .lt li:first-child {width:40%;}
  header .top .layout.en_lang .lt li:nth-child(2) {width:35%;}
  header .top .layout.en_lang .lt li:nth-child(3) {width:25%;}
}


#main .sec_03 .layout .slider_10_cover.en_lang .slider_10 .slick-slide .txt_box .tit {min-height:32px; height: auto; line-height: 1.2; display:flex; align-items: center; padding-top:3px; padding-bottom:3px;}


footer .f_top.en_lang .layout .family_site ul li a {line-height:1.2; display:flex; align-items: center;}
#brand_story.re .slider_bs.en_lang .slick-slide .slide_inner .info {height:200px;}
.new-universe.en_lang .tab a {width:270px;}

.cmm-list-top.en_lang .sort select {width:152px;}

#re-ch_story.en_lang .list ul li .description dl dt {width:58px;}
#re-ch_story.en_lang .list ul li .description dl dd {padding-left:58px;}
#re-ch_story .list ul li .description dl dd {text-align: left !important;}

/*#gdd.gdd_edu.re .sec{background: #f2f2f2;}*/

@media (max-width: 360px) {
  #main .sec_03 .layout .info_btm .rt {padding:2px;}
  footer .f_top.en_lang .layout .family_site {width:154px;}
}


/*  ///  //영문 > 프로그램 > 리듬 > 슬라이드영역 시작///  //*/
#re-program .level_box.en_lang .ele {height:500px}
#re-program .level_box.en_lang .ele.n_hover{width: 220px;}
#re-program .level_box.en_lang .ele .inner_top h4 {letter-spacing: -1px;}

#re-program .level_box.en_lang .ele.on .inner_btm {max-width:360px;}
#re-program .level_box.en_lang .ele:before {z-index: 1;}
#re-program .level_box.en_lang .ele .inner_btm {z-index:2; position:relative}
#re-program .level_box a {cursor: default;}

@media (max-width: 1005px) {
	#re-program .level_box.en_lang .ele .inner_btm .hash{margin-top:20px; }
}
@media (max-width: 900px) {
		#re-program .level_box.en_lang {margin-top:20px;flex-direction: column;}
    #re-program .level_box.en_lang .ele{width:100%;padding:32px 24px;height:378px;}
    #re-program .level_box.en_lang .ele .inner_top h4{margin-top:8px;font-size:24px;}
    #re-program .level_box.en_lang .ele .inner_top h4 span br{display:inline;}
    #re-program .level_box.en_lang .ele .inner_btm{margin-top:16px;}
    #re-program .level_box.en_lang .ele .inner_btm p{word-break: keep-all;}
    #re-program .level_box.en_lang .ele .inner_btm .hash{margin-top:20px;max-width: 170px;}
		#re-program .level_box.en_lang .ele .inner_btm .hash.v2 {margin-top:20px;}
    #re-program .level_box.en_lang .ele .inner_btm .bk{display: inline-block;}
    #re-program .level_box.en_lang .ele .btn_view{left:24px;bottom:32px;}

    #re-program .level_box.en_lang .ele.e_01:before{width:140px;height: 211px;right:20px;bottom:26px;}
    #re-program .level_box.en_lang .ele.e_01 .hash span:nth-child(1){order:1;}
    #re-program .level_box.en_lang .ele.e_01 .hash span:nth-child(2){order:3;}
    #re-program .level_box.en_lang .ele.e_01 .hash span:nth-child(3){order:2;}
    #re-program .level_box.en_lang .ele.e_01 .hash span:nth-child(4){order:4;}
    #re-program .level_box.en_lang .ele.e_02:before{width:181px;height: 181px;right:8px;bottom:32px;}
    #re-program .level_box.en_lang .ele.e_02 .hash span:nth-child(1){order:1;}
    #re-program .level_box.en_lang .ele.e_02 .hash span:nth-child(2){order:3;}
    #re-program .level_box.en_lang .ele.e_02 .hash span:nth-child(3){order:2;}
    #re-program .level_box.en_lang .ele.e_02 .hash span:nth-child(4){order:4;}
    #re-program .level_box.en_lang .ele.e_03:before{width:189px;height: 161px;right:6px;bottom:52px;background: url(/images/re/contents/m_img_level_03.svg) no-repeat;background-size: cover;}
    #re-program .level_box.en_lang .ele.e_03 .hash span:nth-child(1){order: 1;}
    #re-program .level_box.en_lang .ele.e_03 .hash span:nth-child(2){order: 3;}
    #re-program .level_box.en_lang .ele.e_03 .hash span:nth-child(3){order: 2;}
    #re-program .level_box.en_lang .ele.e_03 .hash span:nth-child(4){order: 4;}

    #re-program .level_box.en_lang .ele.e_04:before{width:118px;height: 190px;right:21px;bottom:15px;}
    #re-program .level_box.en_lang .ele.e_05:before{width:144px;height: 161px;right:22px;bottom:28px;}
    #re-program .level_box.en_lang .ele.e_06:before{width:141px;height: 196px;right:27px;bottom:17px;}
    #re-program .level_box.en_lang .ele.on{width:100%;height: 580px;}
    #re-program .level_box.en_lang .ele.n_hover{width:100%;}
    #re-program .level_box.en_lang .ele.e_01.on:before{right:0;bottom:19px;}
    #re-program .level_box.en_lang .ele.e_02.on:before{right:0;bottom:10px;}
    #re-program .level_box.en_lang .ele.e_03.on:before{right:16px;bottom:31px;width:147px;height:125px;background: url(/images/re/contents/m_img_level_03_on.svg) no-repeat;background-size: cover;}
    #re-program .level_box.en_lang .ele.e_04.on{height: 556px;}
    #re-program .level_box.en_lang .ele.e_04.on:before{width:106px;height:171px;right:17px;bottom:16px;}
    #re-program .level_box.en_lang .ele.e_05.on:before{width:132px;height:147px;right:21px;bottom:29px;}
    #re-program .level_box.en_lang .ele.e_06.on:before{width:122px;height:169px;right:26px;bottom:21px;}
    #re-program .level_box.en_lang .ele.e_04.n_hover:before{width:118px;height: 190px;right:21px;bottom:15px;}
    #re-program .level_box.en_lang .ele.e_05.n_hover:before{width:144px;height: 161px;right:22px;bottom:28px;}
    #re-program .level_box.en_lang .ele.e_06.n_hover:before{width:141px;height: 196px;right:27px;bottom:17px;}
		#re-program .level_box.en_lang .ele .inner_btm .hash {max-width:100%}
}
@media (max-width: 410px) {
	#re-program .level_box.en_lang .ele.on {width:100%; height: 640px;}
	#re-program .level_box.en_lang .ele.on.e_01 {height:680px;}
	#re-program .level_box.en_lang .ele.on.e_02 {height:660px;}
	#re-program .level_box.en_lang .ele.on.e_03 {height:700px;}
	#re-program .level_box.en_lang .ele.on.e_04 {height:660px;}
	#re-program .level_box.en_lang .ele.on.e_05 {height:640px;}
	#re-program .level_box.en_lang .ele.on.e_06 {height:660px;}
	#re-program .level_box.en_lang .ele.on .inner_btm {max-width:95%; border:none;}
}
/*  ///  //영문 > 프로그램 > 리듬 > 슬라이드영역 끝///  //*/


/*마이페이지 영문*/
.table-box .row .col .addr-box.en_lang .addr1 button {width:154px}
#re-mypage_agency_state .table-box2.en_lang .thead {width:100%;}
#re-mypage_agency_state .table-box2.en_lang .thead li .col1, #re-mypage_agency_state .table-box2.en_lang .tbody li .col1 {width:3%; }
#re-mypage_agency_state .table-box2.en_lang .thead li .col2, #re-mypage_agency_state .table-box2.en_lang .tbody li .col2{width:10%; }
#re-mypage_agency_state .table-box2.en_lang .thead li .col3, #re-mypage_agency_state .table-box2.en_lang .tbody li .col3 {width:10%;}
#re-mypage_agency_state .table-box2.en_lang .thead li .col4, #re-mypage_agency_state .table-box2.en_lang .tbody li .col4 {}
#re-mypage_agency_state .table-box2.en_lang .thead li .col5, #re-mypage_agency_state .table-box2.en_lang .tbody li .col5 {width:7%; }
#re-mypage_agency_state .table-box2.en_lang .thead li .col6, #re-mypage_agency_state .table-box2.en_lang .tbody li .col6 {width:10%;}
#re-mypage_agency_state .table-box2.en_lang .thead li .col7, #re-mypage_agency_state .table-box2.en_lang .tbody li .col7 {width:5%; }
#re-mypage_agency_state .table-box2.en_lang .thead li .col8, #re-mypage_agency_state .table-box2.en_lang .tbody li .col8 {width:5%;}

#re-mypage_ac_state .table-box2.en_lang .thead li .col1, #re-mypage_ac_state .table-box2.en_lang .tbody li .col1 {width:5%}
#re-mypage_ac_state .table-box2.en_lang .thead li .col2, #re-mypage_ac_state .table-box2.en_lang .tbody li .col2 {width:14%}
#re-mypage_ac_state .table-box2.en_lang .thead li .col3, #re-mypage_ac_state .table-box2.en_lang .tbody li .col3 {width:13%}

/*영문 sns 간편로그인*/
.sns_wrap.en_lang {}
#re-login .login_wrap .sns_wrap.en_lang button {width:65px; height:65px; background: #fff; border-radius: 999px;}
#re-login .login_wrap .sns_wrap.en_lang button + button {margin-top:0;}
.sns_wrap.en_lang .btn_area {display: flex; align-items: center; justify-content: center; gap:20px}
.sns_wrap.en_lang .btn_area .btn_google img {width:45px; height:45px;}
.sns_wrap.en_lang .btn_area .btn_apple img {width:50px; height:50px;  object-fit: contain;}
.sns_wrap.en_lang .btn_area .btn_facebook img {width:43px; height:43px;}

/*아이디찾기 패스워드찾기*/
.re-find .fm_wrap .info_box .txt1 {text-align: center; font-size:18px;}
.re-find .fm_wrap .info_box .txt2 {font-size:16px; padding-top:10px;}
.re-find .fm_wrap .info_box .detail_txt {padding-top:20px;}

/*영문회원가입*/
#re-signup .info_box_tit {display: flex; justify-content: space-between; margin-bottom:30px;}
#re-signup .info_box_tit em {color:#ff2c2c;}
#re-signup .fm_wrap .info_box .row .rt input[type="number"] {width: 100%;height: 40px;padding: 0 12px;border-radius: 8px;border: solid 1px #d9d9d9;background-color: #fff;font-size: 13px;}
#re-signup .selecttype1 {width: 100%;height: 40px;padding: 0 12px;border-radius: 8px;border: solid 1px #d9d9d9;background-color: #fff;font-size: 13px;}
#re-signup .w50per {width:48% !important; display: inline-block !important;}
#re-signup .fm_wrap .info_box.en_lang .row .rt .input-wrap button {width:140px;}

#re-signup.re-signup_03 .msg-box.en_lang {text-align: center; }
#re-signup.re-signup_03 .user_info {margin:0 auto; display: inline-block; text-align: left; padding:30px 0; line-height: 1.5; }

/*영문 회원정보수정*/
.re-mypage .top-box2.en_lang p em {color:#ff2c2c;}
.re-mypage .cont-wrap .fm_wrap .edit .form-box dl dd .txt.fc_red {color:#ff2c2c;}
.re-mypage .w50per {width:48% !important; display: inline-block !important;}
.re-mypage .selecttype1 {width: 100%;height: 40px;padding: 0 12px;border-radius: 8px;border: solid 1px #d9d9d9;background-color: #fff;font-size: 13px;}
.re-mypage .w50per {width:48% !important; display: inline-block !important;}