@charset "utf-8";
input, select {font-size:15px;}
#wrap.main .mwOnly, #wrap.sub .mwOnly {display:block;}
#wrap.main .pcOnly, #wrap.sub .pcOnly {display:none;}
.btn_top {position:fixed; right:15px; bottom:144px; width:57px; height:57px; background:#fff url(/images/common/ico_top.svg) no-repeat 50% 50%; background-size:32px auto; border-radius:57px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);}
#wrap {width:100%; min-width:100%; padding-top:66px;}
header {position:fixed; left:0; top:0; right:0; min-width:100%; height:66px; box-shadow:0 0 4px rgba(0,0,0,0.1);}
header .proBar {display:none;}
header #header {width:100%; height:auto;}
header #header h1 {width:121px; height:35px; position:static; margin:0 auto; padding:13px 0 17px 0;}
header #header .btn_allNav {top:0; left:0; right:auto; width:56px;}
header .hd_side {height:66px;}
header .hd_side .headerQuick_nav li.navQ05 {top:0;}
header .hd_side .headerQuick_nav li.navQ05 a {display:block; width:50px; height:66px; background:url(/images/common/ico_search_m.svg) no-repeat 50% 50%; background-size:22px auto;}
header #header .ly_nav_wrap .ly_nav_box {display:none; position:fixed; left:20px; right:0; top:0; bottom:0; height:100%; padding:66px 0 69px; background:#fff; z-index:1000; box-sizing:border-box;}
header #header .ly_nav_wrap .ly_nav_dim {display:none; position:fixed; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,0.7); z-index:999;}
header #header .ly_nav_wrap .login_wrap {width:auto; position:absolute; left:0; top:0; right:0; padding:3px 0 3px 51px; background-color:#fff; box-shadow:0 0 4px rgba(0,0,0,0.7);}
header #header .ly_nav_wrap .login_wrap .login_before a {display:block; padding:21px 0 20px; font-size:13px;}
header #header .ly_nav_wrap .login_wrap .login_before a strong {text-decoration:underline}
header #header .ly_nav_wrap .login_wrap .login_before a strong, header #header .ly_nav_wrap #gnb_wrap .login_wrap .login_after span strong {font-weight:600; font-size:13px;}
header #header .ly_nav_wrap .login_wrap .login_after {overflow:hidden;}
header #header .ly_nav_wrap .login_wrap .login_after span {float:left; padding:21px 0 20px; font-size:15px;}
header #header .ly_nav_wrap .login_wrap .login_after strong {font-weight:600; font-size:15px;}
header #header .ly_nav_wrap .login_wrap .login_after a {float:right; margin:0 20px 0 0; padding:21px 0 20px; font-size:15px; text-decoration:underline;}
header #header .ly_nav_wrap #gnb_wrap {float:none; height:100%; top:68px; bottom:0; overflow-y:auto;}
header #header .ly_nav_wrap .allNavQuick {position:absolute; left:0; bottom:0; right:0; padding:0 10px; z-index:10; display:flex; justify-content:space-around; background-color:#f3f3f4; overflow:hidden;}
header #header .ly_nav_wrap .allNavQuick li a {display:block; padding:23px 5px; font-size:13px; text-align:center;}
header #header .ly_nav_wrap #gnb_wrap .my_state {background-color:#000; overflow:hidden;}
header #header .ly_nav_wrap #gnb_wrap .my_state li {float:left; width:50%; box-sizing:border-box;}
header #header .ly_nav_wrap #gnb_wrap .my_state li:first-child {border-right:1px solid #6D6C6E;}
header #header .ly_nav_wrap #gnb_wrap .my_state li a {display:block; text-align:center;}
header #header .ly_nav_wrap #gnb_wrap .my_state li a span {display:inline-block; color:#fff; font-size:13px; font-weight:200;}
header #header .ly_nav_wrap #gnb_wrap .my_state .mypage li a {padding:19px 0;}
header #header .ly_nav_wrap #gnb_wrap .my_state .mypage li a span {padding:0 10px 0 0}
header #header .ly_nav_wrap #gnb_wrap .my_state .mypage li a strong {display:inline-block; color:#FF4934; font-size:13px; }
header #header .ly_nav_wrap #gnb_wrap > .gnb {padding:0;}
header #header .ly_nav_wrap #gnb_wrap > .gnb > li {float:none; position:relative; padding:20px 0 20px 146px !important; border-top:1px solid #D9D9E2; overflow:hidden;}
header #header .ly_nav_wrap #gnb_wrap > .gnb > li:first-child {padding:20px 0 20px 146px !important; border-top:0 none;}
header #header .ly_nav_wrap #gnb_wrap > .gnb > li > a {position:absolute; left:20px; top:22px; font-size:13px; font-weight:600;}
header #header .ly_nav_wrap #gnb_wrap > .gnb > li > .depth02 {display:block; min-height:100%;}
header #header .ly_nav_wrap #gnb_wrap > .gnb > li.active > .depth02 {animation:none;}
header #header .ly_nav_wrap #gnb_wrap > .gnb > li > .depth02:before, header #header .ly_nav_wrap #gnb_wrap > .gnb > li > .depth02:after {display:none;}
header #header .ly_nav_wrap #gnb_wrap > .gnb > li > .depth02 li {padding:0;}
header #header .ly_nav_wrap #gnb_wrap > .gnb > li > .depth02 li a {display:inline-block; padding:0; font-size:13px; line-height:27px;}

header {transition:all .3s ease-in;}
header.navUp {top:-66px;}
header.navDown {top:0;}

#wrap.sub {padding-top:0;}
#wrap.sub header {background:none;}
#wrap.sub header #header h1 a {background-image:url(/images/common/h1_logo_msub.svg);}
#wrap.sub header .hd_side .headerQuick_nav li.navQ05 a {background-image:url(/images/common/ico_search_msub.svg);}
#wrap.sub header #header .btn_allNav {background-image:url(/images/common/ico_allMenu_msub.svg);}
#wrap.sub.mypage,
#wrap.sub.search,
#wrap.sub.etc {padding-top:0;}
#wrap.sub.mypage header,
#wrap.sub.search header,
#wrap.sub.etc {background-color:#fff; box-shadow:0 0 4px rgba(0,0,0,0.1);}
#wrap.sub.mypage header #header h1 a,
#wrap.sub.search header #header h1 a,
#wrap.sub.etc header #header h1 a {background-image:url(/images/common/h1_logo.svg);}
#wrap.sub.mypage header .hd_side .headerQuick_nav li.navQ05 a,
#wrap.sub.search header .hd_side .headerQuick_nav li.navQ05 a,
#wrap.sub.etc header .hd_side .headerQuick_nav li.navQ05 a {background-image:url(/images/common/ico_search_m.svg);}
#wrap.sub.mypage header #header .btn_allNav,
#wrap.sub.search header #header .btn_allNav,
#wrap.sub.etc header #header .btn_allNav {background-image:url(/images/common/ico_allMenu.svg);}

#wrap.sub header.hdBg {background-color:#fff;}
#wrap.sub header.hdBg #header h1 a {background-image:url(/images/common/h1_logo.svg);}
#wrap.sub header.hdBg .hd_side .headerQuick_nav li.navQ05 a {background-image:url(/images/common/ico_search_m.svg);}
#wrap.sub header.hdBg #header .btn_allNav {background-image:url(/images/common/ico_allMenu.svg);}

/* 전체메뉴 open */
.allNavActive {overflow:visible;}
.allNavActive header #header .ly_nav_wrap .ly_nav_box,
.allNavActive header #header .ly_nav_wrap .ly_nav_dim {display:block;}
.allNavActive header #header .ly_nav_wrap .ly_nav_box {animation:navOnBlock1 .3s;}
.allNavActive header #header .ly_nav_wrap .ly_nav_dim {animation:navOnBlock2 .3s;}
.allNavActive header {background-color:#fff; box-shadow:none; height:auto !important;}
.allNavActive header #header {position:relative;}
.allNavActive header .btn_allNav {display:none;}
.allNavActive header #header .btn_navClose {display:block; position:absolute; right:auto; left:0; top:0; width:40px; height:66px; padding:0; border:0 none; background:url(/images/common/btn_closed_m.svg) no-repeat 50% 50%; background-size:auto 20px;}
.allNavActive header #header .btn_navClose::before {display:none;}
.allNavActive header #header .btn_langEng {display:none;}
.allNavActive header #header .ly_nav_wrap {position:fixed; left:0; top:0; right:0; bottom:0;}
.allNavActive header #header .ly_nav_wrap #gnb_wrap {width:100%; height:calc(100% - 132px); margin:0; border-top:0 none;}
.allNavActive header #header .ly_nav_wrap #gnb_wrap > .gnb {padding:0; flex-wrap:wrap; justify-content:flex-start; flex-direction:column;}
.allNavActive header #header .ly_nav_wrap #gnb_wrap > .gnb > li {width:auto; height:auto; overflow:visible; box-sizing:border-box; flex-shrink:0;}
.allNavActive header #header .ly_nav_wrap #gnb_wrap > .gnb > li.depth01_01 {width:auto;}
.allNavActive header #header .ly_nav_wrap #gnb_wrap > .gnb > li.depth01_02 {width:auto;}
.allNavActive header #header .ly_nav_wrap #gnb_wrap > .gnb > li.depth01_03 {width:auto;}
.allNavActive header #header .ly_nav_wrap #gnb_wrap > .gnb > li.depth01_04 {width:auto;}
.allNavActive header #header .ly_nav_wrap #gnb_wrap > .gnb > li.depth01_05 {width:auto;}
.allNavActive header #header .ly_nav_wrap #gnb_wrap > .gnb > li.depth01_06 {width:auto;}
.allNavActive header #header .ly_nav_wrap #gnb_wrap > .gnb > li.depth01_07 {width:auto;}
.allNavActive header #header .ly_nav_wrap #gnb_wrap > .gnb > li.depth01_06,
.allNavActive header #header .ly_nav_wrap #gnb_wrap > .gnb > li.depth01_07 {display:block;}
.allNavActive header #header .ly_nav_wrap #gnb_wrap > .gnb > li.depth01_08 {width:auto; height:68px;}
.allNavActive header #header .ly_nav_wrap #gnb_wrap > .gnb > li.langType {padding:15px 0 15px 20px !important; height:auto;}
.allNavActive header #header .ly_nav_wrap #gnb_wrap > .gnb > li.langType a {position:static; padding:0;}
.allNavActive header #header .ly_nav_wrap #gnb_wrap > .gnb > li.rentApply {display:none;}
.allNavActive header #header .ly_nav_wrap #gnb_wrap > .gnb > li > a {height:auto; padding:0 30px 10px 0; display:inline-block; font-size:17px;}
.allNavActive header #header .ly_nav_wrap #gnb_wrap > .gnb > li > .depth02 {opacity:1; transition:none; position:static; width:auto; padding:0; background:none; box-shadow:none;}
.allNavActive header .hd_side {display:none;}
/* 검색 */
header .ly_sch_wrap {position:fixed; top:66px; right:0; left:0; z-index:100; height:0; overflow:hidden; transition:all .3s;}
header .ly_sch_wrap.active {height:100%; overflow:visible; }
header .ly_sch_wrap.active .ly_dim {display:block;}
header .ly_sch_wrap .ly_sch_box {position:relative; width:100%; height:0; padding:0; z-index:1; transition:all .3s; box-sizing:border-box;}
header .ly_sch_wrap.active .ly_sch_box {height:66px;}
header .ly_sch_wrap .ly_sch_box .sch_form {width:100%; height:auto; border:0 none; padding:13px 56px 13px 15px; background-color:#0B4440; font-size:0; box-sizing:border-box;}
header .ly_sch_wrap .ly_sch_box .sch_form input {width:100%; height:40px; padding:0 35px 0 15px; background-color:#0B4440; border-radius:50px; box-sizing:border-box; color:#fff; font-size:13px;}

header .ly_sch_wrap .ly_sch_box .sch_form input::placeholder {}
header .ly_sch_wrap .ly_sch_box .sch_form .btn_del {position:absolute; right:56px; top:14px; width:34px; height:38px; background: url(/images/common/btn_del01.svg) no-repeat 0 50%;}
header .ly_sch_wrap .ly_sch_box .sch_form .btn_sch {position:absolute; right:0; top:0; width:56px; height:66px; background:#0B4440 url(/images/common/ico_search.svg) no-repeat 50% 50%;}
header .ly_sch_wrap .ly_sch_box .btn_schClose {position:absolute; right:0; top:-66px; width:56px; height:66px; background:#fff url(/images/common/btn_closed_m.svg) no-repeat 50% 50%;}
header .ly_sch_wrap .ly_sch_dim {position:absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,0.7);}
/* footer */
footer #footer {position:relative; width:100%; margin:0 auto; padding:30px 25px 110px 25px; box-sizing:border-box;}
footer #footer h1 {position:absolute; right:auto; left:25px; bottom:110px; width:100px; height:56px; z-index:1;}
footer #footer .f_quick_nav {position:fixed; left:0; bottom:0; right:0; background-color:#f3f3f4; z-index:11; transition:none; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);}
footer #footer.f_static {}
footer #footer.f_static .f_quick_nav {}
footer #footer.mwFix {padding-top:20px;}
footer #footer.mwFix .f_quick_nav {position:static; padding-bottom:10px;}
footer #footer .f_quick_nav ul {display:flex; padding:17px 0; flex-direction:row; justify-content:space-evenly;}
footer #footer .f_quick_nav ul li {width:64px;}
footer #footer .f_quick_nav ul li.fqn02 {width:64px; padding:0;}
footer #footer .f_quick_nav ul li a {display:block; height:26px; padding:0;}
footer #footer .f_quick_nav ul li a span {font-size:0;}
footer #footer .f_quick_nav ul li.fqn01 a {background-size:auto 26px;}
footer #footer .f_quick_nav ul li.fqn02 a {background-size:auto 26px;}
footer #footer .f_quick_nav ul li.fqn03 a {background-size:auto 26px;}
footer #footer .f_quick_nav ul li.fqn04 a {background-size:auto 26px;}
footer #footer .f_quick_nav ul li.fqn05 a {background-size:auto 26px;}
footer #footer .f_quick_nav ul li.fqn06 a {background-size:auto 26px;}
footer #footer .f_quick_nav ul li.fqn07 a {background-size:auto 26px;}

footer #footer .f_etc_nav {width:100%; flex-wrap:wrap; padding:0 0 20px 0;}
footer #footer .f_etc_nav li::before {height:11px; margin:0 12px;}
footer #footer .f_etc_nav li:first-child::before {display:none;}
footer #footer .f_etc_nav li a {display:inline-block; padding:5px 0; font-size:12px;}
footer #footer .f_etc_nav li:first-child a strong {font-weight:600;}
footer #footer address {padding:0 0 10px 0;}
footer #footer address > div {width:100%;}
footer #footer address > div:first-child {width:auto; padding-bottom:7px;}
footer #footer address > div p {font-size:11px; line-height:18px;}
footer #footer address > div p a {font-size:11px;}
footer #footer .f_side_wrap {position:relative; padding:0 0 77px 0;}
footer #footer .f_side_wrap .f_side {position:relative; padding:0 135px 0 0; min-height:30px;}
footer #footer .f_side_wrap .f_side > button {padding:7px 24px 8px; font-size:11px;}
footer #footer .f_side_wrap .f_side .f_famSite_wrap {width:133px; padding:0 0 28px 0; margin-left:0; z-index:10;}
footer #footer .f_side_wrap .f_side .f_famSite_wrap > button {position:absolute; left:1px; bottom:0; right:1px; padding:0 6px 0 12px; text-align:left;}
footer #footer .f_side_wrap .f_side .f_famSite_wrap > button span {padding:7px 0 5px 0; font-size:11px;}
footer #footer .f_side_wrap .f_side .f_famSite_wrap > button span::after {bottom:6px;}
footer #footer .f_side_wrap .f_side .f_famSite_wrap > ul li a {font-size:11px; letter-spacing:-0.49px; line-height:21px;}
footer #footer .f_side_wrap .f_side .f_famSite_wrap > ul li a span {font-size:11px; letter-spacing:-0.49px; line-height:21px;}
footer #footer .f_side_wrap .f_side .f_famSite_wrap.active > ul {height:100px; margin:20px 12px 0; padding:0 0 10px 0; border-bottom:1px solid #161615;}
footer #footer .f_side_wrap .f_sns {display:flex; margin-left:0; position:absolute; right:10px; bottom:0;}
footer #footer .f_side_wrap .f_sns li {padding:0 0 0 22px;}
footer #footer .f_side_wrap .f_sns li a {width:22px; height:22px;}
footer #footer .f_side_wrap .f_sns li.sns01 a {background-size:22px auto;}
footer #footer .f_side_wrap .f_sns li.sns02 a {background-size:22px auto;}
footer #footer .f_side_wrap .f_sns li.sns03 a {background-size:22px auto;}
footer #footer .f_side_wrap .f_sns li.sns04 a {background-size:22px auto;}
/* 메인팝업 */
.m_pu_vod_wrap {min-width:100%; min-height:100%;}
.m_pu_vod_wrap .m_pu_vod {width:100%; height:auto; padding:0 20px; box-sizing:border-box;}
.m_pu_vod_wrap .m_pu_vod .vod_wrap, .m_pu_vod_wrap .m_pu_vod .vod_wrap video {min-width:100%; min-height:auto;}
.m_pu_vod_wrap .m_pu_vod .btn_pu_closed {right:20px;}
.m_pu_vod_wrap .m_pu_vod .today_closed {padding:20px 10px 0 0; text-align:right;}
.m_pu_vod_wrap .m_pu_vod .today_closed span {display:inline-block; padding-right:20px; color:#fff; font-size:13px;}
.m_pu_vod_wrap .m_pu_vod .today_closed button {padding:5px 13px 5px;}
.m_pu_vod_wrap .m_pu_vod .today_closed button span {font-size:13px;}

/* 메인 */
.main .m_bnr_wrap {position:relative; min-width:100%; min-height:413px; margin-bottom:30px;}
.main .m_bnr_wrap::after {display:none}
.main .m_bnr_wrap .main_bnr li .slideWrap {position:relative; overflow:hidden; background:none; background-color:#161615;}
.main .m_bnr_wrap .main_bnr li .slideWrap .thumb {width:100%; min-height:413px; overflow:hidden; background-repeat:no-repeat; background-position:80% 0; background-size:auto 413px;}
.main .m_bnr_wrap .main_bnr li .slideWrap .txt_area {width:auto; position:absolute; left:15px; top:auto; bottom:18px; right:96px; transform:translate(0);}
.main .m_bnr_wrap .main_bnr li .slideWrap .txt_area p {font-style:normal;}
.main .m_bnr_wrap .main_bnr li .slideWrap .txt_area .s_title {display:none;}
.main .m_bnr_wrap .main_bnr li .slideWrap .txt_area .title {width:100%; font-size:21px; font-weight:700; line-height:27px;}
.main .m_bnr_wrap .main_bnr li .slideWrap .txt_area .prd_info {padding:7px 0 0;}
.main .m_bnr_wrap .main_bnr li .slideWrap .txt_area .prd_info > p {font-size:12px; line-height:20px;}
.main .m_bnr_wrap .main_bnr li .slideWrap .txt_area .btn_view {display:none;}
.main .m_bnr_wrap .mBnr_nav {position:absolute; left:auto; right:15px; bottom:122px; z-index:10; border-radius:24px; width:80px;  margin:0; font-size:0; background-color:rgba(0,0,0,0.5); text-align:center;}
.main .m_bnr_wrap .mBnr_nav .mBnrPager, .main .m_bnr_wrap .mBnr_nav .mBnrPager > span {font-size:11px; line-height:26px; padding:0 3px;}
.main .m_bnr_wrap .mBnr_nav .btn_area {padding:0 0 0 8px; line-height:14px;}
.main .m_bnr_wrap .mBnr_nav .btn_area .btn_play {width:18px; height:18px; background-size:18px auto;}
.main .m_bnr_wrap .mBnr_nav .btn_area .btn_pause {width:18px; height:18px; background-size:18px auto;}
.main .m_bnr_wrap .main_bnr_pager_wrap {position:absolute; left:auto; right:15px; bottom:15px;  width:80px; z-index:10; padding-bottom:0; overflow-x:hidden; overflow-y:visible; transform:translate(0);}
.main .m_bnr_wrap .main_bnr_pager_wrap .main_bnr_pager {justify-content:space-between; width:80px;}
.main .m_bnr_wrap .main_bnr_pager_wrap .main_bnr_pager li {width:80px; height:102px;}
.main .m_bnr_wrap .main_bnr_pager_wrap .main_bnr_pager li a {display:block; width:80px; height:102px; margin:0 auto; box-shadow:none; transform:scale(1); transition:none;}
/* M 공연안내 */
.main .m_box_wrap {padding:40px 0 0 0;}
.main .m_box_wrap .m_title_wrap {width:100%; padding:0 15px 0 0; box-sizing:border-box;}
.main .m_box_wrap .m_title_wrap .m_title {float:none; display:flex; justify-content:space-between}
.main .m_box_wrap .m_title_wrap .m_title h2 {display:inline-block; padding:0 0 0 15px; font-size:21px; line-height:33px; font-weight:700;}
.main .m_box_wrap .m_title_wrap .m_title > a {width:33px; height:33px; padding:0; border:0 none; border-radius:0;}
.main .m_box_wrap .m_title_wrap .m_title > a span {display:block; padding-right:0; background:url(/images/common/ico_arr_right.svg) no-repeat 100% 50%; background-size:27px auto; color:transparent; font-size:5px; overflow:hidden;}
.main .m_box_wrap .m_title_wrap .m_place_cate {float:none; display:flex; padding:20px 0 20px 2px;}
.main .m_box_wrap .m_title_wrap .m_place_cate li {position:relative;}
.main .m_box_wrap .m_title_wrap .m_place_cate li::before {content:""; position:absolute; left:0; bottom:3px; width:1px; height:14px; background-color:#D9D9E2;}
.main .m_box_wrap .m_title_wrap .m_place_cate li a {display:block; margin:0 15px; padding:10px 0 0;}
.main .m_box_wrap .m_title_wrap .m_place_cate li a span {font-size:13px;}
.main .m_box_wrap .m_title_wrap .m_place_cate li.active a {background:url(/images/common/ico_tab_m_on01.svg) no-repeat 50% 0; background-size:18px auto;}
.main .m_box_wrap .m_title_wrap .m_place_cate li:first-child a {margin:0 15px; padding:10px 0 0;}
.main .m_bnr_pro_list {width:100%; padding:0 0 10px 15px; box-sizing:border-box;}
.main .m_bnr_pro_list ul li {width:224px; padding-right:15px;}
.main .m_bnr_pro_list ul li a .thumb {width:224px; height:286px;}
.main .m_bnr_pro_list ul li a .cate {width:40px; height:26px; font-size:12px;}
.main .m_bnr_pro_list ul li a .title {margin:20px 5px 0; font-size:15px; line-height:23px; font-weight:500;}
/* 교육안내 */
.main .m_edu_list {width:100%; padding:35px 0 5px 0;}
.main .m_edu_list > ul li {width:233px; padding-left:15px; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0;}
.main .m_edu_list > ul li:first-child {padding-left:15px;}
.main .m_edu_list > ul li:last-child {padding-right:15px;}
.main .m_edu_list > ul li > div {padding:40px 20px 30px; border-radius:10px;}
.main .m_edu_list > ul li > div .title a {margin-bottom:15px; height:auto; min-height:46px; font-size:15px; font-weight:500; line-height:23px;}
.main .m_edu_list > ul li > div .place {top:-30px; width:58px; height:58px; border-radius:58px;}
.main .m_edu_list > ul li > div .place em {padding:9px 0 0 0; font-size:12px; line-height:20px;}
.main .m_edu_list > ul li > div .place span {font-size:12px; line-height:20px;}
.main .m_edu_list > ul li > div .date {margin:0 0 20px 0; line-height:20px; font-size:12px;}
.main .m_edu_list > ul li > div .date > span {font-size:12px;}
.main .m_edu_list > ul li > div .btn_area a {padding:5px 22px 6px; font-size:11px;}
/* hotnews */
.main .hotNews_wrap {height:425px; margin:0; padding:0; background-size:auto 155px;}
.main .hotNews_wrap .bg {width:101%; position:absolute; top:33px; height:410px; background:#fff url(/images/main/bg_hotNews_y.svg) no-repeat 25% 100%; background-size:auto 123%;}
.main .hotNews_wrap .bg::before, .main .hotNews_wrap .bg::after {display:none;}
.main .hotNews_wrap .m_title {position:absolute; left:410px; top:115px;}
.main .hotNews_wrap .m_title h2 strong, .main .hotNews_wrap .m_title h2 em {font-size:30px;}
.main .hotNews_wrap .m_title h2 em {padding-left:5px;}
.main .hotNews_wrap .hotNews_content {width:100%; margin:0 auto; position:relative; z-index: 10;}
.main .hotNews_wrap .hotNews_content .hotNews_bnr {width:100%; padding:80px 10px 10px; box-sizing:border-box; overflow:hidden;}
.main .hotNews_wrap .hotNews_content .hotNews_bnr li {display:flex;}
.main .hotNews_wrap .hotNews_content .hotNews_bnr li .thumb {width:340px; height:321px; border-radius:5px; overflow:hidden; flex-shrink:0;}
.main .hotNews_wrap .hotNews_content .hotNews_bnr li .txt_area {width:auto; padding:80px 10px 10px 60px; transition:all .2s .5s; box-sizing:border-box;}
.main .hotNews_wrap .hotNews_content .hotNews_bnr li .txt_area .title {margin:0 0 20px 0; opacity:0;}
.main .hotNews_wrap .hotNews_content .hotNews_bnr li .txt_area .title span {display:inline-block; position:relative; padding-bottom:5px; font-size:15px; font-weight:600; font-style:normal;}
.main .hotNews_wrap .hotNews_content .hotNews_bnr li .txt_area .title span::before {display:none;}
.main .hotNews_wrap .hotNews_content .hotNews_bnr li .txt_area .date {font-size:12px;}
.main .hotNews_wrap .hotNews_content .hotNews_bnr li.swiper-slide-active .txt_area * { margin-top:0; opacity:1;}
.main .hotNews_wrap .hotNews_content .hotNews_bnr .hotNews_nav {left:50%; bottom:140px; z-index:10;}
.main .hotNews_wrap .hotNews_content .hotNews_bnr .hotNews_nav .hotNewsPager, .main .hotNews_wrap .hotNews_content .hotNews_bnr .hotNews_nav .hotNewsPager * {font-size:12px; line-height:27px; font-weight:200; color:#89898D}
.main .hotNews_wrap .hotNews_content .hotNews_bnr .hotNews_nav .hotNewsPager .swiper-pagination-current {font-weight:900; color:#161615}
.main .hotNews_wrap .hotNews_content .hotNews_bnr_pager {width:406px; left:350px; bottom:10px; padding:0 10px 0 60px; box-sizing:border-box;}
.main .hotNews_wrap .hotNews_content .hotNews_bnr_pager li {padding-right:10px;}
.main .hotNews_wrap .hotNews_content .hotNews_bnr_pager li, .main .hotNews_wrap .hotNews_content .hotNews_bnr_pager li .thumb {width:77px; height:70px; overflow:hidden;}
.main .hotNews_wrap .hotNews_content .btn_more {right:25px; bottom:80px; width:67px; height:67px; border-radius:67px; font-size:13px; line-height:67px;}
.main .hotNews_wrap .hotNews_content .hotNews_bnr .hotNews_nav {left:410px; bottom:110px; width:auto; z-index:10;}
.main .hotNews_wrap .hotNews_content .hotNews_bnr .hotNews_nav .btn_prev {display:none; width:0; height:0; background-size:20px auto;}
.main .hotNews_wrap .hotNews_content .hotNews_bnr .hotNews_nav .btn_next {display:none; width:0; height:0; background-size:20px auto;}
.main .hotNews_wrap .hotNews_content img {width:100%; height:100%;}
/* Notice */
.main .notice_wrap {width:100%; padding:50px 15px 70px; box-sizing:border-box;}
.main .notice_wrap .m_title {float:none; width:100%; padding:0 0 20px 0; display:flex; justify-content:space-between; box-sizing:border-box;}
.main .notice_wrap .m_title h2 {display:inline-block; padding:0 0 0 5px; font-size:24px; font-weight:bold;}
.main .notice_wrap .m_title > a {width:33px; height:33px; padding:0; border:0 none; border-radius:0;}
.main .notice_wrap .m_title > a span {display:block; padding-right:0; background:url(/images/common/ico_arr_right.svg) no-repeat 100% 50%; background-size:27px auto; color:transparent; font-size:5px; overflow:hidden;}
.main .notice_wrap .m_notice_list {padding:0 10px;}
.main .notice_wrap .m_notice_list li a {display:flex; padding:18px 0 20px; line-height:21px;}
.main .notice_wrap .m_notice_list li a * {flex-shrink:0;}
.main .notice_wrap .m_notice_list li a > .cate {width:70px; font-size:13px; font-weight:400; margin-right:15px;}
.main .notice_wrap .m_notice_list li a > .cate::before {vertical-align:middle; width:5px; height:5px; margin-top:-4px; margin-right:7px;}
.main .notice_wrap .m_notice_list li a > .cate.ty01::before {background-color:#FFD35D;}
.main .notice_wrap .m_notice_list li a > .cate.ty02::before {background-color:#296B65;}
.main .notice_wrap .m_notice_list li a > .cate.ty03::before {background-color:#FF4934;}
.main .notice_wrap .m_notice_list li a > .date {display:none;}
.main .notice_wrap .m_notice_list li a > p {width:calc(100% - 91px); font-size:13px;}
/* sns */
.main .sns_wrap {width:100%; background-size:243px auto;}
.main .sns_wrap::after {margin-left:-121.5px; width:2px; height:315px;}
.main .sns_wrap::before {margin-left:-153.5px; width:53px; height:315px;}
.main .sns_wrap .sns_bnr {margin-bottom:80px;}
.main .sns_wrap .sns_bnr li {width:200px; padding:0 27px 0 26px;}
.main .sns_wrap .sns_bnr_logo {width:200px;}
.main .sns_wrap .sns_bnr_logo li .sns_info {padding:38px 0 46px;}
.main .sns_wrap .sns_bnr_logo li .sns_info::after {width:43px; height:3px; top:79px;}
.main .sns_wrap .sns_bnr_logo li .sns_info .snsHome {top:30px; width:14px; height:14px; background-size:14px 14px;}
.main .sns_wrap .sns_bnr_logo li .sns_info .sns {width:78px; height:21px;}
.main .sns_wrap .sns_bnr_logo li .sns_info .sns.ins {background:url(/images/main/logo_sns_Instagra.png) no-repeat 50% 0; background-size:100% auto;}
.main .sns_wrap .sns_bnr_logo li .sns_info .sns.ytb {background:url(/images/main/logo_sns_youtube.png) no-repeat 50% 0; background-size:100% auto;}
.main .sns_wrap .sns_bnr li .thumb {position:relative; display:block; width:200px; height:200px;}
.main .sns_wrap .sns_bnr li.swiper-slide-active .sns, .main .sns_wrap .sns_bnr li.swiper-slide-active .sns_info .snsHome {opacity:1;}
.main .sns_wrap .sns_bnr li .sns_info_wrap {display:flex; padding:15px 0 26px 0; justify-content:space-between;}
.main .sns_wrap .sns_quick_nav {display:none;}
.main .sns_wrap .sns_bnr li .sns_info_wrap .sns_ui .btn_sns04 {font-size:10px; height:15px;}
.main .sns_wrap .sns_bnr li .sns_info_wrap .sns_ui .btn_sns04 span {font-size:12px}
/* 하단배너 */
.main .main_bnr_wrap > div:first-child {text-align:left;}
.main .main_bnr_wrap > div a {width:100%; height:auto;}
.main .noData {height:200px;}
.main .noData p {font-size:13px;}

.main .bac_sponsor_wrap .bac_sponsor {width:100%; padding:0 20px 40px; box-sizing:border-box;}
.main .bac_sponsor_wrap .bac_sponsor h2 {padding:40px 0 30px; font-size:15px; letter-spacing:-0.82px;}
.main .bac_sponsor_wrap .bac_sponsor h2 strong {font-size:17px; letter-spacing:0;}
.main .bac_sponsor_wrap .bac_sponsor .bac_sponsor_btn {display:none;}
.main .bac_sponsor_wrap .bac_sponsor ul li,
.main .bac_sponsor_wrap .bac_sponsor ul li a {width:178px;}
/* tab */
.tabscroll_wrap {text-align:center;}
.tabscroll_wrap.month .tab02.month {width:auto;}
.tab01 {display:flex;}
.tab01 li {font-size:0;}
.tab01 li::before {height:14px; vertical-align:-2px}
.tab01 li:first-child::before {display:none;}
.tab01 li:first-child button {margin:0 10px 0 5px; padding:10px 0 0 0; font-size:13px; line-height:21px;}
.tab01 li button, .tab01 li a {margin:0 10px; padding:10px 0 0 0; font-size:13px; line-height:21px;}
.tab01 li.active a, 
.tab01 li.active button {background:url(/images/common/ico_tab_m_on01.svg) no-repeat 50% 0; margin:0 10px; padding:10px 0 0 0; font-weight:700;}
.tab01 li:first-child.active a, .tab01 li:first-child.active button {margin:0 10px 0 5px; padding:10px 0 0 0; font-size:13px; line-height:21px;}
.tab02 {height:31px; justify-content:flex-start;}
.tab02 li {flex-shrink:0; padding:0 5px;}
.tab02 li:first-child {padding-left:0;}
.tab02 li button, .tab02 li a {padding:0 10px 10px; font-size:13px; line-height:21px;}
.tab02 li.active button,
.tab02 li.active a {padding:0 10px 8px; font-size:13px; line-height:21px;}
.tab02.month li {padding:0 5px;}
.tab02.month li:first-child {padding-left:0;}
.tab02.month li button,
.tab02.month li a {padding:0 14px 12px;}
.tab02.month li.active button,
.tab02.month li.active a {position:relative; padding:0 14px 8px; border-bottom:4px solid #FF4934;}
.tab02.member {height:36px;}
.tab02.member li {padding:0; width:50%;}
.tab02.member li button,
.tab02.member li a {width:100%; padding:0 0 12px; font-size:13px; line-height:21px;}
.tab02.member li.active button,
.tab02.member li.active a {padding:0 0 12px;}
.tab03 {width:100%; height:33px;}
.tab03 li {flex-shrink:0; box-sizing:border-box; margin:0 5px;}
.tab03 li button, .tab03 li a {display:block; padding:0 10px 10px; font-size:13px; line-height:21px;}
.tab03 li.active button,
.tab03 li.active a {padding:0 10px 10px;}
/* over 효과 */
.tab01 li a:hover,
.tab01 li button:hover {}
.tab02 li button:hover,
.tab02 li a:hover {padding:0 10px 8px; border-bottom:4px solid #FF4934; font-size:13px;}
.tab02.month li button:hover,
.tab02.month li a:hover {padding:0 14px 8px;}
.tab02.member li button:hover,
.tab02.member li a:hover {padding:0 0 8px;}
.tab03 li button:hover,
.tab03 li a:hover {padding:0 10px 10px; border-bottom:4px solid #FF4934;}
/* txt list */
.list_txt01 {}
.list_txt01 li::before {top:8px;}
.list_txt01 li {padding-left:15px; font-size:13px; line-height:21px;}
/* form */
.input01 {padding:11px 14px; font-size:13px;}
.input02 {padding:15px 18px; font-size:13px;}
.sel01 {height:40px;}
.sel01::after {width:10px; height:6px; background-size:100% 100%;}
.sel01 select {height:38px; padding:0 26px 0 15px; font-size:13px;}
.sel03 {height:46px;}
.sel03::after {width:10px; height:6px; background-size:100% 100%;}
.sel03 select {height:46px; padding:0 26px 0 15px; font-size:13px;}
.sel04 {height:50px;}
.sel04::after {width:10px; height:6px; background-size:100% 100%;}
.sel04 select {height:46px; padding:0 26px 0 15px; font-size:13px;}

.chk01 input + label {font-size:13px;}
.rdo01 input + label {font-size:13px;}
.rdo01 input + label strong {font-size:13px;}
/* btn */
.btn01 {min-width:100px; padding:12px 10px;}
.btn01 span {font-size:15px;}
.btn02 {min-width:100px; padding:12px 10px;}
.btn02 span {font-size:15px;}
.btn03 {min-width:100px; padding:12px 10px;}
.btn03 span {font-size:15px;}

.btn06 {padding:8px 15px;}
.btn06 span {font-size:13px; line-height:21px;}
.btn06.receipt span {padding-left:24px; background-size:auto 22px;}

.btn08 {min-width:76px; padding:12px 25px;}
.btn08 span {font-size:13px;}

/* sub */
/* 공연리스트 */
.sub .pageInfo_wrap {min-height:auto; padding:0 0 30px 0;}
.sub .pageInfo_wrap .bg {top:0; height:213px;}
.sub .pageInfo_wrap.sub01 .bg,
.sub .pageInfo_wrap.sub02 .bg,
.sub .pageInfo_wrap.sub03 .bg,
.sub .pageInfo_wrap.sub04 .bg,
.sub .pageInfo_wrap.sub05 .bg,
.sub .pageInfo_wrap.sub06 .bg,
.sub .pageInfo_wrap.sub07 .bg {background-size:auto 213px;}
.sub .page_info_wrap {width:100%; padding:80px 0 0 0;}
.sub .page_info_wrap h2 {display:block; padding-right:0; font-size:24px; text-align:center;}
.sub .page_info_wrap .sub_nav {display:block; padding:10px 20px 0; overflow:hidden; overflow-x:auto; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
.sub .page_info_wrap .sub_nav::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
.sub .page_info_wrap .sub_nav ul {width:fit-content; justify-content:center; margin:0 auto;}
.sub .page_info_wrap .sub_nav ul li {padding:0 7px;}
.sub .page_info_wrap .sub_nav ul li a {padding:14px 0 0 0; font-size:15px;}
.sub .page_info_wrap .sub_nav ul li.active a {background-position:50% 0; background-size:26px auto;}
.sub .page_info_wrap .join_step {position:static; padding:23px 0 20px 0;}
.sub .page_info_wrap .join_step div {justify-content:center; height:40px; padding:0 26px 0 16px;}
.sub .page_info_wrap .join_step div::after {width:10px; height:40px; background-size:10px 40px;}
.sub .page_info_wrap .join_step div span {width:26px; font-size:13px; line-height:21px;}
.sub .page_info_wrap .join_step div:last-child {padding:0 16px;}
.sub .page_info_wrap .join_step div:last-child::after,.sub .page_info_wrap .join_step div.active::after {display:none;} 
.sub .page_info_wrap .join_step div.active {padding:0 21px; margin-left:16px; border:2px solid #fff; border-radius:32px;}
.sub .page_info_wrap .join_step div.active:first-child {margin-left:0;}
.sub .page_info_wrap .join_step div.active span {color:#fff;}
.sub .page_info_wrap .join_step div.step01.active::before {width:25px; height:26px; background-size:100% 100%; margin-right:10px;}
.sub .page_info_wrap .join_step div.step02.active::before {width:25px; height:27px; background-size:100% 100%; margin-right:10px;}
.sub .page_info_wrap .join_step div.step03.active::before {width:25px; height:26px; background-size:100% 100%; margin-right:10px;}
.sub .page_info_wrap .join_step div.step04.active::before {width:25px; height:26px; background-size:100% 100%; margin-right:10px;}

.sub .pageInfo_wrap.sub_view {min-height:213px; padding:0;}

.sub .pageInfo_wrap.mypage {min-height:119px; padding:0; background:none;}
.sub .pageInfo_wrap.mypage .page_info_wrap {padding:100px 0 0 0;}
.sub .pageInfo_wrap.mypage h2 {padding:0 0 0 15px; font-size:21px; text-align:left;}
.sub .pageInfo_wrap.mypage .sub_nav {display:block; height:39px; padding:20px 0 0 0;}
.sub .pageInfo_wrap.mypage .sub_nav ul {width:auto; height:37px; justify-content:flex-start; margin:0 15px; border-bottom:2px solid #161615; box-sizing:border-box;}
.sub .pageInfo_wrap.mypage .sub_nav ul li {padding:0 7px;}
.sub .pageInfo_wrap.mypage .sub_nav ul li a {padding:0 5px 14px; font-size:15px; line-height:23px;}
.sub .pageInfo_wrap.mypage .sub_nav ul li.active a {padding:0 5px 10px; border-bottom:4px solid #FF4934; font-weight:700; background:none;}
.sub .pageInfo_wrap.mypage .sub_nav li:first-child {padding:0 7px 0 0;}

.sub .contents,
.sub .contents.event {width:100%; padding:50px 0; margin-bottom:0; box-sizing:border-box;}
.sub .sub_t_title_wrap {width:auto; margin-top:-10px; padding:0 15px; min-height:auto; box-sizing:border-box;}
.sub .sub_t_title_wrap .sub_nav_depth03 {padding:0 0; margin:0 0 20px; overflow:hidden; overflow-x:auto; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
.sub .sub_t_title_wrap .sub_nav_depth03::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
.sub .sub_t_title_wrap .sub_nav_depth03 ul {justify-content:center;}
.sub .sub_t_title_wrap .sub_nav_depth03 ul li a {padding:10px 28px; font-size:13px;}
.sub .sub_t_title_wrap .sub_nav_depth03 ul li:first-child {padding-left:0;}
.sub .sub_t_title_wrap .sub_nav_depth03 ul li:last-child {padding-right:0;}

.sub .contents.event .sub_t_title_wrap,
.sub .contents.event.winner .sub_t_title_wrap,
.sub .contents.event .list_wrap,
.sub .contents.event.winner .list_wrap {width:100%; margin:0 auto;}
.sub .contents.event .sub_t_title_wrap .sub_nav_depth03 ul li a {padding:10px 17px 11px; font-size:13px;}

.sub .sub_t_title_wrap .sub_sch_wrap {padding:0 30px 30px;}
.sub .sub_t_title_wrap .sub_sch_wrap form {width:100%; padding:0 46px 0 100px;}
.sub .sub_t_title_wrap .sub_sch_wrap form .sel03 {width:100px;}
.sub .sub_t_title_wrap .sub_sch_wrap form input {height:46px; font-size:13px;}
.sub .sub_t_title_wrap .sub_sch_wrap form .btn_sch {width:46px; height:46px; background-size:22px auto;}

.sub .pageInfo_wrap.sub_view .page_info_wrap {display:none;}

.sub .list_top_wrap .year_wrap {position:relative; width:100%; padding:10px 20px 0; margin:0 auto 15px; box-sizing:border-box;}
.sub .list_top_wrap .year_wrap strong {font-size:24px; text-align:left; letter-spacing:-0.03em; line-height:34px;}
.sub .list_top_wrap .year_wrap .btn_prev {width:34px; height:34px; left:auto; right:50px; top:0; background-position:50% 50%; transform:rotate(270deg);}
.sub .list_top_wrap .year_wrap .btn_next {width:34px; height:34px; right:15px; top:0; background-position:50% 50%; transform:rotate(270deg);}
.sub .list_top_wrap .tab02 {margin:0 15px 20px;}
.sub .list_top_wrap.commu .tab01 {margin:0 15px 25px;}
.sub .bbs_sch_wrap {height:40px; padding:0 50px 30px 0;}
.sub .bbs_sch_wrap .bbs_sch_form {position:absolute; right:0; top:0;}
.sub .bbs_sch_wrap.schOn .bbs_sch_form {width:auto; left:15px; right:15px; box-sizing:border-box;}
.sub .bbs_sch_wrap .bbs_sch_form .btn_sch_open {position:absolute; top:6px; right:5px; width:29px; height:29px; margin-right:10px; background:url(/images/common/ico_search_m.svg) no-repeat 50% 50%; vertical-align:top;}
.sub .bbs_sch_wrap .bbs_sch_form .input_form {position:absolute; left:100%; top:0; border:1px solid #D9D9E2; font-size:0; opacity:0;}
.sub .bbs_sch_wrap.schOn .bbs_sch_form .input_form {left:0; right:0; padding:0 76px 0 0; background-color:#fff; opacity:1;}
.sub .bbs_sch_wrap .bbs_sch_form .input_form input {width:100%; padding:11px 15px; font-size:13px; box-sizing:border-box;}
.sub .bbs_sch_wrap .bbs_sch_form .input_form .btn_sch {width:38px; height:38px; right:38px;}
.sub .bbs_sch_wrap .bbs_sch_form .input_form .btn_sch_close {position:absolute; right:0; top:0; width:38px; height:38px; background:url(/images/common/btn_closed_m.svg) no-repeat 50% 50%; text-align:left;}
.sub .bbs_sch_wrap .bbs_sch_form .input_form .btn_sch_close::before {content:""; display:inline-block; width:1px; height:15px; background-color:#D9D9E2;}
.sub .bbs_sch_wrap .tab01 {margin-bottom:0; margin-left:15px; overflow:hidden; overflow-x:auto; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
.sub .bbs_sch_wrap .tab01::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}

.sub .list_wrap {width:100%;}
.sub .list_wrap .sub_sch_wrap {padding:0 30px 30px;}
.sub .list_wrap .sub_sch_wrap form {width:100%; padding:0 46px 0 100px;}
.sub .list_wrap .sub_sch_wrap form .sel03 {width:100px;}
.sub .list_wrap .sub_sch_wrap form input {height:46px; font-size:13px;}
.sub .list_wrap .sub_sch_wrap form .btn_sch {width:46px; height:46px; background-size:22px auto;}
.sub .list_wrap .sub_sch_wrap.selDivide {}
.sub .list_wrap .sub_sch_wrap.selDivide form {display:block;}
.sub .list_wrap .sub_sch_wrap.selDivide form .sel04 {width:100%;}
.sub .list_wrap .sub_sch_wrap.selDivide form .inputBox {width:100%; padding:0 46px 0 100px; margin:10px 0 0 0;}

.sub .sub_t_title_wrap .webzine_yesar {padding:40px 30px; justify-content:flex-start;}
.sub .sub_t_title_wrap .webzine_yesar .sel03 {width:105px; height:50px;}

.sub .board_list01 {width:100%; padding:0 13px; box-sizing:border-box;}
.sub .board_list01 ul {width:100%;}
.sub .board_list01 ul li {width:25%; margin:0; padding:0 5px; box-sizing:border-box;}
.sub .board_list01 ul li.noData {width:100%; padding:152px 0 0 0;}
.sub .board_list01 ul li.noData p {font-size:13px;}
.sub .board_list01 ul li a .thumb {width:134px; height:184px; margin:0 auto; background-color:transparent; overflow:hidden}
.sub .board_list01 ul li a .thumb img {width:100%; height:100%;}
.sub .board_list01 ul li a .prd_info {padding:20px 10px 30px;}
.sub .board_list01 ul li a .prd_info .cate {left:50%; margin-left:-57px; width:40px; height:26px; font-size:12px;}
.sub .board_list01 ul li a .prd_info .title {height:auto; font-size:15px; font-weight:500; line-height:23px;}
.sub .board_list01 ul li a .prd_info .tit {height:auto; font-size:15px; font-weight:500; line-height:23px;}
.sub .board_list01 ul li a .prd_info .date {padding:15px 0 0 0; font-size:12px;}
.sub .board_list01 ul li a .prd_info .place {font-size:12px;}

.sub .board_list02 {padding:0 15px;}
.sub .board_list02 > .tit_label {position:relative; margin:0 0; text-align:right; line-height:16px;}
.sub .board_list02 > .tit_label::before {content:''; position:absolute; right:235px; top:8px; left:0; height:2px; background-color:#161615;}
.sub .board_list02 > .tit_label > em {font-family:'Century Gothic', CenturyGothic, 'scDream', sans-serif; font-style:normal; color:#FF4934; font-weight:600; letter-spacing:4px; font-size:13px;}
.sub .board_list02 > .tit_label > span {font-family:'Century Gothic', CenturyGothic, 'scDream', sans-serif; font-style:normal; letter-spacing:4px; font-size:13px;}
.sub .board_list02 ul {padding:30px 0 0 0;}
.sub .board_list02 ul li {padding:40px 0; border-top:1px solid #D9D9E2;}
.sub .board_list02 ul li:first-child {padding:0 0; border-top:0 none;}
.sub .board_list02 ul li.noData {width:100%; padding:152px 0 0 0;}
.sub .board_list02 ul li.noData p {font-size:13px;}
.sub .board_list02 ul li a {position:relative; display:block; height:auto; padding:0; border:0 none; box-sizing:border-box;}
.sub .board_list02 ul li a .thumb {position:absolute; left:0; top:0; width:140px; height:179px;}
.sub .board_list02 ul li a .thumb img {width:100%; height:auto;}
.sub .board_list02 ul li a .prd_info {position:relative; width:auto; padding:0 0 30px 0; flex-shrink:0;}
.sub .board_list02 ul li a .prd_info .tit {height:auto; padding:20px 0 0 167px; font-size:21px; line-height:31px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.sub .board_list02 ul li a .prd_info .date {position:static; height:36px; padding:40px 0 0 167px; font-size:13px; font-weight:500;}
.sub .board_list02 ul li a .prd_info .prd_txt {margin:20px 0 0 0; padding:0; border-top:0 none; font-size:13px; line-height:21px;}

.sub .board_list03 {padding:0 0;}
.sub .board_list03 > .tit_label {position:relative; text-align:right; line-height:16px;}
.sub .board_list03 > .tit_label::before {content:''; position:absolute; right:235px; top:8px; left:0; height:2px; background-color:#161615;}
.sub .board_list03 > .tit_label > em {font-family:'Century Gothic', CenturyGothic, 'scDream', sans-serif; font-style:normal; color:#FF4934; font-weight:600; letter-spacing:4px; font-size:13px;}
.sub .board_list03 > .tit_label > span {font-family:'Century Gothic', CenturyGothic, 'scDream', sans-serif; font-style:normal; letter-spacing:4px; font-size:13px;}
.sub .board_list03 ul li {padding:0 0 40px 0;}
.sub .board_list03 ul li:first-child {padding:0 0 40px 0;}
.sub .board_list03 ul li.noData {width:100%; padding:152px 0 0 0;}
.sub .board_list03 ul li.noData p {font-size:13px;}
.sub .board_list03 ul li a {position:relative; display:block; min-height:279px; height:auto;}
.sub .board_list03 ul li a .thumb {right:20px; top:100px; width:140px; height:179px;}
.sub .board_list03 ul li a .prd_info {}
.sub .board_list03 ul li a .prd_info .tit {height:auto; min-height:72px; padding:20px 20px; font-size:19px; line-height:30px; vertical-align:middle; background-size:200% 200%;}
.sub .board_list03 ul li a .prd_info .prd_txt {height:auto; min-height:105px; padding:30px 201px 0 20px; font-size:13px; line-height:21px; font-weight:600; -webkit-line-clamp:7;}
.sub .board_list03 ul li a .prd_info .date {padding:0 201px 0 20px; font-size:0;}
.sub .board_list03 ul li a .prd_info .date strong {display:block; padding:0 0 10px 0; font-size:13px; font-weight:600;}
.sub .board_list03 ul li a .prd_info .date span {display:block; font-size:13px; font-weight:300;}

.sub .board_list04 {width:100%; padding:0 15px; box-sizing:border-box;}
.sub .board_list04 ul {width:100%;}
.sub .board_list04 ul li {width:100%; margin:0; padding:0 0 40px 0; box-sizing:border-box;}
.sub .board_list04 ul li.noData {width:100%; padding:152px 0 0 0;}
.sub .board_list04 ul li.noData p {font-size:13px;}
.sub .board_list04 ul li a {display:flex;}
.sub .board_list04 ul li a .thumb {width:140px; height:179px; flex-shrink:0; background-color:transparent; overflow:hidden}
.sub .board_list04 ul li a .prd_info {width:calc(100% - 140px); padding:10px 0 0 22px; box-sizing:border-box; text-align:left;}
.sub .board_list04 ul li a .prd_info .tit {font-size:15px; line-height:25px;}
.sub .board_list04 ul li a .prd_info .date {padding:15px 0 0 0; font-size:12px;}
.sub .board_list04 ul li a .prd_info .place {padding:3px 0 0 0; font-size:12px;}
.sub .board_list04 ul li a .prd_info .state {padding:0 0 15px 0; text-align:left;}
.sub .board_list04 ul li a .prd_info .state em {min-width:72px; padding:2px 13px 5px; border:2px solid #161615;}
.sub .board_list04 ul li a .prd_info .state em span {font-size:12px;}
.sub .board_list04 ul li a .prd_info .state em.eduClose::before {left:5px; top:14px; width:61px; height:1px;}

.sub .board_list05 {width:100%; padding:0 10px; box-sizing:border-box;}
.sub .board_list05 ul {width:100%;}
.sub .board_list05 ul li {width:100%; margin:0; padding:30px 0 0 0; box-sizing:border-box;}
.sub .board_list05 ul li.noData {width:100%; padding:152px 0 0 0;}
.sub .board_list05 ul li.noData p {font-size:13px;}
.sub .board_list05 ul li a {display:flex;}
.sub .board_list05 ul li a .thumb {width:115px; height:148px; flex-shrink:0; background-color:transparent; overflow:hidden}
.sub .board_list05 ul li a .prd_info {width:calc(100% - 115px); padding:20px 0 0 25px; box-sizing:border-box; text-align:left;}
.sub .board_list05 ul li a .prd_info .tit {height:52px; font-size:13px; line-height:26px; font-weight:500;}
.sub .board_list05 ul li a .prd_info .tit em {font-size:13px;}
.sub .board_list05 ul li a .prd_info .date {padding:14px 0 0 0; font-size:13px;}
.sub .board_list05 ul li a .prd_info .place {font-size:13px;}

.sub .board_list06 {padding:0 15px; margin-bottom:0; box-sizing:border-box;}
.sub .board_list06 ul {padding-bottom:40px;}
.sub .board_list06 ul li {padding:25px 5px;}
.sub .board_list06 ul li.noData {width:100%;}
.sub .board_list06 ul li.noData p {font-size:13px;}
.sub .board_list06 ul li .info .cate,
.sub .board_list06 ul li .info .important,
.sub .board_list06 ul li .info .number,
.sub .board_list06 ul li .info .e_date span,
.sub .board_list06 ul li .info .e_date em,
.sub .board_list06 ul li .info .p_date span,
.sub .board_list06 ul li .info .p_date em,
.sub .board_list06 ul li .info .a_state.complet strong,
.sub .board_list06 ul li .info .a_state.waite strong {font-size:13px; font-weight:400;}
.sub .board_list06 ul li .info .important {min-width:50px;}
.sub .board_list06 ul li .info .e_date,
.sub .board_list06 ul li .info .p_date {padding-right:0;}
.sub .board_list06 ul li .info .e_date span {padding-right:15px;}
.sub .board_list06 ul li .tit {width:100%; padding:0 0 20px 0;}
.sub .board_list06 ul li .tit a,
.sub .board_list06 ul li .p_tit {font-size:15px; line-height:23px; font-weight:600; -webkit-line-clamp:2;}
.sub .board_list06 ul li .tit a em,
.sub .board_list06 ul li .p_tit em {font-size:15px;}
.sub .board_list06 ul li .p_tit {margin-bottom:25px;}
.sub .board_list06 ul li .date,
.sub .board_list06 ul li .hit,
.sub .board_list06 ul li .w_date,
.sub .board_list06 ul li .p_type,
.sub .board_list06 ul li .point,
.sub .board_list06 ul li .type {width:100%; text-align:left; line-height:20px;}
.sub .board_list06 ul li .date span,
.sub .board_list06 ul li .hit span,
.sub .board_list06 ul li .w_date span,
.sub .board_list06 ul li .p_type span,
.sub .board_list06 ul li .point span,
.sub .board_list06 ul li .type span {min-width:60px; padding:0 10px 0 0; font-size:12px; line-height:20px; box-sizing:border-box;}
.sub .board_list06 ul li .date em,
.sub .board_list06 ul li .hit em,
.sub .board_list06 ul li .w_date em,
.sub .board_list06 ul li .p_type em,
.sub .board_list06 ul li .point em,
.sub .board_list06 ul li .type em {padding-left:0; font-size:12px; line-height:20px;}

.sub .board_list07 {padding:0 15px; box-sizing:border-box;}
.sub .board_list07 ul li {margin:0 0 0 0;}
.sub .board_list07 ul li.noData {width:100%; padding:152px 0 0 0;}
.sub .board_list07 ul li.noData p {font-size:13px;}
.sub .board_list07 ul li a {padding:25px 10px;}
.sub .board_list07 ul li a .info {width:80px; height:24px; line-height:25px;}
.sub .board_list07 ul li a .info .cate {width:100%; font-size:12px; box-sizing:border-box;}
.sub .board_list07 ul li a .tit {width:calc(100% - 80px); padding:0;}
.sub .board_list07 ul li a .tit span {position:static; display:inline-block; width:18px; font-size:13px;}
.sub .board_list07 ul li a .tit strong {display:inline; font-size:13px; line-height:21px;}
.sub .board_list07 ul li .answer_wrap {padding:25px 20px}
.sub .board_list07 ul li .answer_wrap span {width:50px; font-size:13px;}
.sub .board_list07 ul li .answer_wrap .txt {width:calc(100% - 50px); font-size:13px;}
.sub .board_list07 ul li .answer_wrap .txt * {font-size:13px; line-height:21px;}
.sub .board_list07 ul li .answer_wrap .txt table {width:100% !important}
.sub .board_list07 ul li.active .answer_wrap {display:flex;}

.sub .board_list08 {padding:0 10px;}
.sub .board_list08 ul {display:flex; flex-wrap:wrap; justify-content:center;}
.sub .board_list08 ul li {width:100%; padding:40px 0; flex-shrink:0;}
.sub .board_list08 ul li:first-child {padding-top:0;}
.sub .board_list08 ul li.noData {width:100%; padding:152px 0 0 0;}
.sub .board_list08 ul li.noData p {font-size:13px;}
.sub .board_list08 ul li a .thumb {width:100%; height:auto;}
.sub .board_list08 ul li a .prd_info {padding:40px 0 0 0; box-sizing:border-box;}
.sub .board_list08 ul li a .prd_info .tit {padding:0 15px; margin-bottom:20px; font-size:15px; line-height:25px;}
.sub .board_list08 ul li a .prd_info .date span,
.sub .board_list08 ul li a .prd_info .hit span {width:102px; padding:0 0 0 15px; font-size:13px; line-height:21px; box-sizing:border-box;}
.sub .board_list08 ul li a .prd_info .date em,
.sub .board_list08 ul li a .prd_info .hit em {width:calc(100% - 102px); font-size:13px; line-height:21px; font-style:normal;}
.sub .board_list08 ul li a .prd_info .view_go {padding:40px 15px 0;}
.sub .board_list08 ul li a .prd_info .view_go span {padding:0 60px 0 0; background-size:25px auto; font-size:13px;}

.sub .board_list09 {padding:0 30px;}
.sub .board_list09 ul {display:flex; flex-wrap:wrap;}
.sub .board_list09 ul li {width:100%; padding:40px 0; flex-shrink:0;}
.sub .board_list09 ul li:first-child {padding-top:0;}
.sub .board_list09 ul li.noData {width:100%; padding:152px 0 0 0;}
.sub .board_list09 ul li.noData p {font-size:13px;}
.sub .board_list09 ul li a .thumb {width:100%; height:auto;}
.sub .board_list09 ul li a .thumb img {transform:scale(1); transition:all .3s; width:100%; background-color:#fff;}
.sub .board_list09 ul li a .prd_info {padding:40px 0 0 0;}
.sub .board_list09 ul li a .prd_info .tit {padding:0 10px; margin-bottom:10px; font-size:13px; line-height:25px;}
.sub .board_list09 ul li a .prd_info .view_go {padding:0 10px;}
.sub .board_list09 ul li a .prd_info .view_go span {padding:0 60px 0 0; background-size:25px auto; font-size:13px;}

.sub .board_list10 {padding:0 15px; padding-bottom:50px;}
.sub .board_list10 table {width:100%; display:block; border-top:2px solid #161615;}
.sub .board_list10 table colgroup {display:none;}
.sub .board_list10 table thead {display:none}
.sub .board_list10 table tbody {display:block; width:100%;}
.sub .board_list10 table tbody tr {display:flex; flex-wrap:wrap; padding:25px 5px; border-bottom:1px solid #D9D9E2;}
.sub .board_list10 table tbody td {display:block; flex-shrink:0; font-size:13px; border-bottom:0; padding:0; text-align:left;}
.sub .board_list10 table tbody td.title {width:100%; padding:9px 0 20px;}
.sub .board_list10 table tbody td.num {width:20%;}
.sub .board_list10 table tbody td.cate {width:80%;}
.sub .board_list10 table tbody td.date {width:50%;}
.sub .board_list10 table tbody td.date::before {content:"등록일"; display:inline-block; padding-right:20px;}
.sub .board_list10 table tbody td.hit {width:50%;}
.sub .board_list10 table tbody td.hit::before {content:"조회수"; display:inline-block; padding-right:20px;}
.sub .board_list10 table tbody td.noData {width:100%; padding:127px 0 0 0;}
.sub .board_list10 table tbody td.noData p {font-size:13px;}

.sub .board_view01 {padding:0 10px;}
.sub .board_view01 .tit_area {padding:0 10px 20px;}
.sub .board_view01 .tit_area .cate,
.sub .board_view01 .tit_area .a_state {padding:0 0 20px 0;}
.sub .board_view01 .tit_area .cate span,
.sub .board_view01 .tit_area .a_state span {font-size:13px;}
.sub .board_view01 .tit_area .tit {padding:0 0 20px 0; font-size:15px;}
.sub .board_view01 .tit_area .board_info {display:block;}
.sub .board_view01 .tit_area .board_info .date {width:100%; padding:0 0;}
.sub .board_view01 .tit_area .board_info .date span {width:54px; font-size:12px; padding-left:0;}
.sub .board_view01 .tit_area .board_info .date em {width:calc(100% - 74px); font-size:12px; word-wrap:normal;}
.sub .board_view01 .tit_area .board_info .w_date span {width:96px; font-size:13px; padding-left:0; line-height:21px;}
.sub .board_view01 .tit_area .board_info .w_date em {width:calc(100% - 96px); font-size:13px; line-height:21px;}
.sub .board_view01.inquiry_view .tit_area .board_info {display:flex; flex-wrap:wrap;}
.sub .board_view01.inquiry_view .tit_area .board_info .type,
.sub .board_view01.inquiry_view .tit_area .board_info .date {width:auto; flex-shrink:0; padding:0;}
.sub .board_view01.inquiry_view .tit_area .board_info .type em {width:80px; font-size:13px;}
.sub .board_view01.inquiry_view .tit_area .board_info .type span {width:50px; font-size:13px;}
.sub .board_view01 .tit_area .board_info .file_list {width:100%; font-size:0; padding:7px 0 6px;}
.sub .board_view01 .tit_area .board_info .file_list > span {width:74px; font-size:13px;}
.sub .board_view01 .tit_area .board_info .file_list > div {width:calc(100% - 74px);}
.sub .board_view01 .tit_area .board_info .file_list > div a span {font-size:13px;}
.sub .board_view01 .tit_area .board_info .e_date {display:block;}
.sub .board_view01 .tit_area .board_info .e_date span {width:96px; font-size:13px;}
.sub .board_view01 .tit_area .board_info .e_date em {width:auto; font-style:normal; font-size:13px;}
.sub .board_view01 .tit_area .board_info.evnet .e_date {margin-left:0;}
.sub .board_view01 .tit_area .board_info .sns_wrap {padding:20px 0 0; text-align:left;}
.sub .board_view01 .tit_area .board_info .sns_wrap > button {width:28px; height:20px; margin-right:20px;}
.sub .board_view01 .tit_area .board_info .sns_wrap .sns01 {background-size:auto 18px; background-position:50% 100%;}
.sub .board_view01 .tit_area .board_info .sns_wrap .sns02 {background-size:auto 18px; background-position:50% 100%;}
.sub .board_view01 .tit_area .board_info .sns_wrap .sns03 {background-size:auto 18px; background-position:50% 100%;}
.sub .board_view01 .txt_area {padding:40px 0; font-size:13px; line-height:21px;}
.sub .board_view01.inquiry_view .txt_area {padding:40px 0 0;}
.sub .board_view01 .txt_area * {font-size:13px; line-height:26px;}
.sub .board_view01 .txt_area .txt_question {padding:0 0 40px 0;}
.sub .board_view01 .txt_area .txt_answer {padding:40px 15px;}
.sub .board_view01 .txt_area .txt_answer .bac_manager {padding:0 0 40px 55px; background-size:40px 40px;}
.sub .board_view01 .txt_area .txt_answer .bac_manager .name {padding:0 0 8px 0; font-size:13px;}
.sub .board_view01 .txt_area .txt_answer .bac_manager .date span,
.sub .board_view01 .txt_area .txt_answer .bac_manager .date em {font-size:13px;}

.sub .board_view02 {padding:30px 10px 0 10px;}
.sub .board_view02 .tit_area {}
.sub .board_view02 .tit_area .tit {font-size:21px;}
.sub .board_view02 .txt_area {padding:30px 0 70px; font-size:13px; line-height:26px;}
.sub .board_view02 .txt_area * {font-size:13px; line-height:26px;}
.sub .view_wrap {width:100%; position:relative; padding:0;}
.sub .view_wrap .board_view01 + .btn_area,
.sub .view_wrap .board_view02 + .btn_area {padding:40px 0 0;}

.sub .board_write + .btn_area {padding:40px 0 0; text-align:center;}
.sub .view_wrap .board_view01 + .btn_area .btn01,
.sub .view_wrap .board_view01 + .btn_area .btn03,
.sub .view_wrap .board_view02 + .btn_area .btn01,
.sub .board_write + .btn_area .btn01,
.sub .board_write + .btn_area .btn03 {width:114px; margin:0 3px 0 2px;}

.sub .board_write {padding:0 10px;}
.sub .board_write > ul {padding-bottom:40px;}
.sub .board_write > ul > li {padding:0;}
.sub .board_write > ul > li > div {width:100%;}
.sub .board_write > ul > li.title > div .input03 {font-size:13px;}
.sub .board_write > ul > li.write_txt {padding:30px 0;}
.sub .board_write > ul > li.write_txt div textarea {height:200px; font-size:13px;}
.sub .board_write > ul > li.attach_file {padding-top:0;}
.sub .board_write > ul > li.attach_file .file_form > .ex_txt {margin:15px 0 0 0; display:block; padding:0 0 0 12px; background-size:auto 13px; font-size:12px; line-height:20px; letter-spacing:0;}
.sub .board_write > ul > li.attach_file .file_list {width:100%; padding-top:0;}
.sub .board_write > ul > li.attach_file .file_list > button {margin:7px 0 0 5px;}
.sub .board_write > ul > li.attach_file .file_list > button:first-child {margin-right:0;}
.sub .board_write > ul > li.attach_file .file_list > button span,
.sub .board_write > ul > li.attach_file .file_form > button span {word-break:break-all; font-size:13px; font-weight:500;}

/* 게시판 paging */
.sub .paging {text-align:center; font-size:0; line-height:0;}
.sub .paging > a {display:inline-block; width:35px; height:35px; overflow:hidden; line-height:999px; vertical-align:middle; color:transparent;}
.sub .paging > a.first {background:url(/images/common/ico_arr_first.svg) no-repeat 50% 50%;}
.sub .paging > a.prev {background:url(/images/common/ico_l_arr.svg) no-repeat 50% 50%;}
.sub .paging > a.next {background:url(/images/common/ico_r_arr.svg) no-repeat 50% 50%;}
.sub .paging > a.end {background:url(/images/common/ico_arr_end.svg) no-repeat 50% 50%;}
.sub .paging .page_num {margin:0 20px;}
.sub .paging .page_num li {float:left; padding:0 8px;}
.sub .paging .page_num li a {width:17px; height:35px; font-size:13px; line-height:35px; text-align:center; box-sizing:border-box;}
.sub .paging .page_num li.active > a {width:35px; line-height:31px;}

/* 월간일정 */
.sub .monthly_icon_info {padding:0 0 20px 25px;}
.sub .monthly_icon_info li {padding-left:20px;}
.sub .monthly_icon_info li span {font-size:12px; padding:0 0 0 5px; font-weight:500;}
.sub .monthly_icon_info li img {width:21px; height:21px;}
.sub .monthly_list {padding:0 15px; box-sizing:border-box;}
.sub .monthly_list td .category {padding:0;}
.sub .monthly_list td .category em {height:5px; margin:0 1px 2px 1px; border-radius:5px;}
.sub .monthly_list td .category em.cl01,.monthly_list td .category em.cl02,.monthly_list td .category em.cl03,.monthly_list td .category em.cl04 {display:none;}
.sub .monthly_list td .category em.ctg01 {width:5px; background:#296B65;}
.sub .monthly_list td .category em.ctg02 {width:5px; background:#4165B3;}
.sub .monthly_list td .category em.ctg03 {width:5px; background:#FFD35D;}
.sub .monthly_list table {}
.sub .monthly_list table thead th {padding:12px 0; font-size:12px; text-align:center;}
.sub .monthly_list table thead th span {display:none;}
.sub .monthly_list table tbody td {border:0 none;}
.sub .monthly_list table tbody td > div {min-height:20px; padding:10px 0 0 0;}
.sub .monthly_list table tbody td.today div .day, .monthly_list table tbody td.selDay div .day {background:none;}
.sub .monthly_list table tbody td.today div, .monthly_list table tbody td.selDay div {background-color:#FF4934;}
.sub .monthly_list table tbody tr:first-child td {padding-top:15px;}
.sub .monthly_list table tbody tr:last-child td {padding-bottom:15px;}
.sub .monthly_list table tbody td > div .day {width:auto; height:auto; margin:0 auto; border:0 none; line-height:normal; pointer-events:visible; cursor:pointer;}
.sub .monthly_list table tbody td.pastDay div .day {background:none;}
.sub .monthly_list table tbody td > div ul {padding:0 0 5px 0; margin-top:0; height:20px;}
.sub .monthly_list table tbody td > div ul li > a {padding:0;}
.sub .monthly_list table tbody td > div ul li > a .category {position:static; display:inline-block;}
.sub .monthly_list td ul {margin-top:4px; width:100%; text-align:center; font-size:0;}
.sub .monthly_list td ul li {display:inline-block; padding:0; vertical-align:top;}
.sub .monthly_list td ul li a {pointer-events: none; cursor: default;}
.sub .monthly_list td ul li > a .tit, .monthly_list ul li > a .date {display:none;}
.sub .monthly_list .category em {height:auto;}
.sub .monthly_list .mwMonthly, .monthly_list .mwMonthly.active {display:block;}
.sub .monthly_list .mwMonthly ul {margin:0;}
.sub .monthly_list .mwMonthly ul li {padding:25px 10px; border-bottom:1px solid #D9D9E2;}
.sub .monthly_list .mwMonthly ul li .category .ctg01,
.sub .monthly_list .mwMonthly ul li .category .ctg02,
.sub .monthly_list .mwMonthly ul li .category .ctg03 {width:23px; height:23px; background-size:23px 23px;}
.sub .monthly_list .mwMonthly ul li .category em + em {line-height:21px; font-size:13px; font-weight:600;}
.sub .monthly_list .mwMonthly ul li .tit p {font-size:13px; letter-spacing:-0.05em;}
.sub .monthly_list .mwMonthly li.noData {padding:60px 0; border-bottom:0 none;}
.sub .monthly_list .mwMonthly li.noData p {padding:0 0 0 33px; background:url(/images/sub/ico_noData.svg) no-repeat 0 50%; font-size:13px; line-height:21px;}
/* 연간일정 */
.sub .year_list {padding:0 15px; box-sizing:border-box;}
.sub .year_list table {display:block;}
.sub .year_list table thead {display:none;}
.sub .year_list table tbody, .year_list table tbody tr, .year_list table tbody tr td {display:block;}
.sub .year_list table tbody tr td {border-top:0 none;}
.sub .year_list table tbody tr td ul li {padding:25px 10px;}
.sub .year_list table tbody tr td ul li a {display:block;}
.sub .year_list table tbody tr td ul li a > div.tbl_cell {display:block; border-left:0 none; font-size:13px;}
.sub .year_list table tbody tr td ul li a > div.tbl_cell.prd_info {padding:0 0 15px 0;}
.sub .year_list table tbody tr td ul li a > div.tbl_cell.prd_info .date {width:auto; padding:0; font-size:13px; text-align:left;}
.sub .year_list table tbody tr td ul li a > div.tbl_cell.prd_info .category {width:auto; padding:0 0 0 10px; font-size:13px; border-left:0 none;}
.sub .year_list table tbody tr td ul li a > div.tbl_cell.tit {width:auto; padding:0 0;}
.sub .year_list table tbody tr td ul li a > div.tbl_cell.tit span,
.sub .year_list table tbody tr td ul li a > div.tbl_cell.tit strong {font-size:13px;}
.sub .year_list table tbody tr td ul li a > div.tbl_cell.place {padding:5px 0 0 0; font-size:12px;}
.sub .year_list table tbody tr td.month {padding:9px; font-size:13px; text-align:left; border-top:2px solid #161615; border-bottom:2px solid #161615; border-right:0 none;}
.sub .year_list table tbody tr td.month .mwOnly {display:inline-block !important; font-size:13px; font-weight:600;}
/* 패키지 */
.sub .pack_intro_wrap {display:block; margin-top:0; padding:0 0 40px 0; border-top:0 none;}
.sub .pack_intro_wrap > .tit_label {position:relative; margin:0 15px; text-align:right; line-height:16px;}
.sub .pack_intro_wrap > .tit_label::before {content:''; position:absolute; right:161px; top:8px; left:0; height:2px; background-color:#161615;}
.sub .pack_intro_wrap > .tit_label > em {font-family:'Century Gothic', CenturyGothic, 'scDream', sans-serif; font-style:normal; color:#FF4934; font-weight:600; letter-spacing:4px; font-size:13px;}
.sub .pack_intro_wrap > .tit_label > span {font-family:'Century Gothic', CenturyGothic, 'scDream', sans-serif; font-style:normal; letter-spacing:4px; font-size:13px;}
.sub .pack_intro_wrap .pack_intro_txt {flex-shrink:0;}
.sub .pack_intro_wrap .pack_intro_txt .pack_step {display:none !important;}
.sub .pack_intro_wrap .pack_intro_txt .list_txt01 {padding:30px 15px;}
.sub .pack_intro_wrap .pack_nav {justify-content:center; padding-left:13px;}
.sub .pack_intro_wrap .pack_nav li {width:156px; margin-left:-13px; flex-shrink:0;}
.sub .pack_intro_wrap .pack_nav li a {height:43px; padding:0; border-radius:43px; font-size:13px;}
.sub .pack_intro_wrap .pack_nav li.active a {background:#FF4934 url(/images/sub/bg_pack_nav_m.png) no-repeat 0 50%;}
.sub .pack_intro_wrap .pack_nav li.active:first-child a {background:#FF4934 url(/images/sub/bg_pack_nav_m.png) no-repeat 100% 50%;}
/* 상세 */
.sub .prd_view_wrap {position:static;}
.sub .prd_info_wrap {position:static; display:block; width:100%; padding:0 0;}
.sub .prd_info_wrap .thumb, 
.sub .prd_view_wrap.edu .prd_info_wrap .thumb {position:absolute; top:-170px; left:50%; width:280px; height:358px; transform:translate(-50%, 0); box-shadow:5px 5px 20px rgba(0,0,0,0.2);}
.sub .prd_info_wrap .thumb img {width:100%; height:auto;}
.sub .prd_info_wrap .prd_info {padding:0 0 0 60px; flex-shrink:0;}
.sub .prd_title_area {width:100%; padding:220px 30px 0; flex-shrink:0; box-sizing:border-box;}
.sub .view_wrap.season .prd_title_area,
.sub .view_wrap.season .prd_view_wrap {padding:0 15px;}
.sub .view_wrap.season .prd_info_wrap {margin-top:30px;}
.sub .prd_title_area .title {display:block; line-height:28px; text-align:center;}
.sub .prd_title_area .title h2 {font-size:19px; margin:0 0; height:28px; font-weight:600; line-height:30px; text-align:center;}
.sub .prd_title_area .title .btn_share {position:absolute; left:50%; top:-70px; margin-left:120px; z-index:1; border-radius:40px; box-shadow:0 0 5px rgba(0,0,0,0.2);}
.sub .prd_title_area .s_tit_area {padding:0 0; text-align:center;}
.sub .prd_title_area .s_tit_area p {padding:10px 0 0 0; font-size:13px; line-height:21px; text-align:center;}
.sub .prd_title_area .s_tit_area p:first-child {padding:0;}
.sub .prd_title_area .s_tit_area p::before {content:""; display:inline-block; width:1px; height:14px; margin:0 10px; background-color: #D9D9E2; vertical-align: middle;}
.sub .prd_info_wrap .prd_info,
.sub .prd_view_wrap.edu .prd_info_wrap .prd_info {width:100%; margin:40px 0; padding:0 0; box-sizing:border-box;}
.sub .prd_info_wrap .prd_info dl {margin:0 auto; width:70%;}
.sub .prd_info_wrap .prd_info dl dt {width:110px; padding:0 0; font-size:13px; line-height:21px;}
.sub .prd_info_wrap .prd_info dl dd {width:calc(100% - 110px); padding:0 0; font-size:13px; line-height:21px;}
.sub .prd_view_wrap.edu .prd_info dl dt {width:65px;}
.sub .prd_view_wrap.edu .prd_info dl dd {width:calc(100% - 65px);}
.sub .prd_detail_wrap {width:100%; padding:0 15px 40px; box-sizing:border-box;}
.sub .prd_detail_wrap .tab_detail {height:42px; display:flex; justify-content:center; border-bottom:2px solid #161615; margin-bottom:30px; box-sizing:border-box;}
.sub .prd_detail_wrap .tab_detail li {width:50%; padding:0; height:42px;}
.sub .prd_detail_wrap .tab_detail li button, .sub .prd_detail_wrap .tab_detail li a {display:block; transition:none!important; font-size:17px; text-align:center;}
.sub .prd_detail_wrap .tab_detail li.active button,
.sub .prd_detail_wrap .tab_detail li.active a {height:42px; padding:0 0 14px; border-bottom:4px solid #FF4934; font-weight:600; box-sizing:border-box;}
.sub .prd_detail_wrap .tab_detail + .prd_detail_txt {padding:0 0;}
.sub .prd_detail_wrap .prd_detail_txt {height:500px; overflow:hidden;}
.sub .prd_detail_wrap .prd_detail_txt.moreContent {height:auto;}
.sub .prd_detail_wrap .prd_detail_txt .txt_box {padding:0 0;}
.sub .prd_detail_wrap .prd_detail_txt .txt_box h4 {padding:0 0; font-size:0;}
.sub .prd_detail_wrap .prd_detail_txt .txt_box > div, .sub .prd_detail_wrap .prd_detail_txt .txt_box > div * {font-size:13px; line-height:21px;}
.sub .prd_detail_wrap .prd_detail_txt.season {padding:0;}
.sub .prd_detail_wrap .prd_detail_txt.refundInfo {height:auto;}
.sub .prd_detail_wrap .prd_detail_txt.refundInfo .guide_wrap {padding:0;}
.sub .prd_detail_wrap .prd_detail_txt.refundInfo .perf_refund_box.refund > ul {padding:0 0 20px;}
.sub .prd_detail_wrap .btn_more {padding:10px 0 0 0;}
.sub .prd_detail_wrap .btn_more button {width:100%; padding:20px 0; border-top:5px solid #f3f3f4; font-size:15px; font-weight:400; background: linear-gradient(0deg,#fff,#f3f3f4);}
.sub .prd_related_wrap {margin:40px 0 20px; padding:0 0; border:0 none;}
.sub .prd_related_wrap h4 {padding:30px 5px 20px;}
.sub .prd_related_wrap h4 strong {text-align:left; color:#FF4934; font-size:21px;}
.sub .prd_related_wrap h4 em {display:none;}
.sub .prd_related_wrap .board_list01 {overflow-x: auto;}
.sub .prd_related_wrap .board_list01 ul {flex-wrap:nowrap; padding:0 0; box-sizing:border-box;}
.sub .prd_related_wrap .board_list01 ul li {padding:0 0 0 6px; width:173px;}
.sub .prd_related_wrap .board_list01 ul li:first-child {width:167px; padding:0;}
.sub .prd_related_wrap .board_list01 ul li.noData {width:100%;}
.sub .prd_perf_wrap {position:fixed; right:0; left:0; top:auto; bottom:0; width:100%; box-sizing:border-box;}
.sub .prd_perf_wrap .btn_area {padding:0;}
.sub .prd_perf_wrap .btn_area .btn_perfsale span, .sub .prd_perf_wrap .btn_area .btn_onSite span {font-size:17px; font-weight:600;}
.sub .prd_perf_wrap .btn_area .btn_other span {font-size:17px;}
.sub .prd_perf_wrap .btn_area .btn_other span em {font-size:13px; margin:3px 0 0 0;}
.sub .prd_view_wrap.edu .prd_perf_wrap .btn_area .btn_perfsale,
.sub .prd_view_wrap.edu .prd_perf_wrap .btn_area .btn_onSite {height:70px;}
.sub .view_wrap > .btn_area {padding:0 0; border-top:0 none; text-align:center;}
.sub .view_wrap > .btn_area .btn_list {display:inline-block; min-width:100px; padding:12px 0;}
.sub .view_wrap > .btn_list_back {display:none;}
.sub .view_wrap > .prd_related_wrap {margin:40px 15px 20px;}
.sub .prd_view_wrap.edu .prd_info_wrap .prd_info .file_list {display:flex; padding:0;}
.sub .prd_view_wrap.edu .prd_info_wrap .prd_info .file_list a {color:#161615; text-decoration:underline;}

/* 마이페이지 */
.sub.mypage .page_info_wrap, .sub.mypage .contents {width:100%;}
.sub .myUserInfo_wrap {padding:0 15px 30px;}
.sub .myUserInfo_wrap p {display:block; padding:0 0 15px; font-size:21px;}
.sub .myUserInfo_wrap p strong {font-size:21px; font-weight:600;}
.sub .myUserInfo_wrap p strong span {font-size:21px; font-weight:600;}
.sub .myUserInfo_wrap button {display:inline-block; margin-left:10px; padding:8px 14px 10px; border:1px solid #D9D9E2; font-size:13px; vertical-align:middle;}
.sub .myUserInfo_wrap p + button {margin-left:0;}
.sub .myUserInfo_wrap button span {font-size:12px; line-height:18px;}
.sub .myUserInfo_wrap .btn_modify_info span {padding:0 0 0 24px; background-size:17px auto;}
.sub .myUserInfo_wrap .btn_modify_pw span {padding:0 0 0 24px; background-size:14px auto;}

.sub .my_quick_menu {width:100%; padding:0 15px; flex-wrap:wrap; box-sizing:border-box;}
.sub .my_quick_menu li {width:50%; box-sizing:border-box;}
.sub .my_quick_menu li:nth-child(odd) {padding:10px 7px 10px 0;}
.sub .my_quick_menu li:nth-child(even) {padding:10px 0 10px 7px;}
.sub .my_quick_menu li > a {padding:27px 20px; border:2px dotted #D9D9E2;}
.sub .my_quick_menu li > a > strong {display:block; padding:0 0 45px 0; font-size:13px; font-weight:600;}
.sub .my_quick_menu li > a > em {position:absolute; left:23px; bottom:23px; font-style:normal;}
.sub .my_quick_menu li > a > em strong {font-size:41px; letter-spacing:0;}
.sub .my_quick_menu li > a .view {padding:0 10px 0 0; font-size:13px; background-size:auto 10px;}

.sub .order_expected_date {width:100%; padding:0 15px 30px; box-sizing:border-box;}
.sub .order_expected_date .dday_count {padding:14px 0; margin:0 0 20px 0; background:#161615; font-size:13px; text-align:center;}
.sub .order_expected_date .dday_count .ex_date {display:inline-block; font-size:0;}
.sub .order_expected_date .dday_count .ex_date em {font-size:13px;}
.sub .order_expected_date .dday_count .ex_date strong {font-size:13px;}
.sub .order_expected_date .bnr_expected {margin:0 0; overflow:hidden; border-bottom:1px solid #D9D9E2;}
.sub .order_expected_date .bnr_expected li {box-sizing:border-box;}
.sub .order_expected_date .ticket_info {position:relative; min-height:100px; margin:0 10px; padding:40px 0 20px 110px; background-color:#fff;}
.sub .order_expected_date .ticket_info .thumb {position:absolute; left:0; top:40px; width:70px; height:90px; overflow:hidden;}
.sub .order_expected_date .ticket_info .thumb img {max-width:100%; max-height:100%;}
.sub .order_expected_date .prd_info {}
.sub .order_expected_date .prd_info .perf_number {position:absolute; left:0; top:0;}
.sub .order_expected_date .prd_info .perf_number em {font-size:13px;}
.sub .order_expected_date .prd_info .perf_number span {padding:0 10px 0 0; font-size:13px;}
.sub .order_expected_date .prd_info .tit {padding:0 0 19px 0; font-size:0; line-height:26px;}
.sub .order_expected_date .prd_info .tit strong {display:block; padding:0 0 10px 0; font-size:15px; line-height:25px;}
.sub .order_expected_date .prd_info .tit em {padding:6px 5px 4px; font-size:12px; margin:0; vertical-align:top; line-height:normal;}
.sub .order_expected_date .prd_info .tit em + em {margin-left:5px;}
.sub .order_expected_date .prd_info .info li {display:flex; flex-wrap:wrap;}
.sub .order_expected_date .prd_info .info li span {width:65px; min-height:24px; flex-shrink:0; font-size:13px; line-height:21px;}
.sub .order_expected_date .prd_info .info li strong {width:calc(100% - 65px); min-height:24px; font-size:13px; line-height:21px;}
.sub .order_expected_date .prd_info .info li strong .btn_mtGo {display:inline-block !important; width:30px; height:22px; margin-left:5px; background:url(/images/common/ico_moti.svg) no-repeat 50% 50%; background-size:auto 15px; border:1px solid #D9D9E2; border-radius:2px; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.16); vertical-align:middle;}
.sub .order_expected_date .bnr_expected.noData {border-bottom:0 none;}
.sub .order_expected_date .noData_expected .ticket_info {min-height:81px; height:81px; padding:30px 0; /*background-size:auto 56px; background-position:50% 100%;*/}
.sub .order_expected_date .swiper-pagination-bullets.pager_expected {position:absolute; bottom:0px; text-align:center;}
.sub .order_expected_date .swiper-pagination-bullets.pager_expected .swiper-pagination-bullet {width:9px; height:9px; border:1px solid #161615; border-radius:15px; background-color:transparent; opacity:1; vertical-align:middle;}
.sub .order_expected_date .swiper-pagination-bullets.pager_expected .swiper-pagination-bullet.swiper-pagination-bullet-active {width:24px; height:11px; background-color:#161615;}
/* 예매확인취소 */
.sub .my_booking_cate {padding:0 0; margin-top:-13px;}
.sub .my_booking_cate ul li {padding:13px 0 0;}
.sub .my_booking_cate ul li a {padding:0 20px; font-size:21px;}
.sub .my_booking_cate ul li a span {right:-12px; top:0; width:20px; height:20px; border-radius:20px; font-size:12px; line-height:20px; }
.sub .my_booking_cate ul li:first-child a {padding-left:15px;}
.sub .my_booking_cate ul li::before {top:19px; height:18px;}

.sub .my_booking_sch_wrap {padding:30px 0 0 0; flex-direction: column;}
.sub .my_booking_sch_wrap .my_booking_state {width:100%; box-sizing:border-box; overflow:hidden; overflow-x:auto; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
.sub .my_booking_sch_wrap .my_booking_state::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
.sub .my_booking_sch_wrap .my_booking_state ul li {padding:0 0 0 5px;}
.sub .my_booking_sch_wrap .my_booking_state ul li:first-child {padding:0 0 0 15px;}
.sub .my_booking_sch_wrap .my_booking_state ul li:last-child {padding:0 10px 0 5px;}
.sub .my_booking_sch_wrap .my_booking_state ul li a {width:100px; padding:10px 0 9px;}
.sub .my_booking_sch_wrap .my_booking_state ul li a strong {font-size:13px;}
.sub .my_booking_sch_wrap .my_booking_state ul li a em {font-size:13px; font-weight:400;}
.sub .my_booking_sch_wrap .my_booking_state.my_edu_booking ul li a {width:76px;}
.sub .my_booking_sch_wrap .sch_booking_wrap {position:relative; margin:10px 15px 20px; justify-content:space-between;}
.sub .my_booking_sch_wrap .sch_booking_wrap .my_sch_box {padding:0 45px 0 0;}
.sub .my_booking_sch_wrap .sch_booking_wrap .my_sch_box .selectBox {width:100px; height:40px;}
.sub .my_booking_sch_wrap .sch_booking_wrap .my_sch_box .selectBox::after {background-size:10px 6px; right:15px;}
.sub .my_booking_sch_wrap .sch_booking_wrap .my_sch_box .selectBox select {width:98px; height:38px; padding:0 0 0 10px; border:0 none; vertical-align:top; font-size:13px;}
.sub .my_booking_sch_wrap .sch_booking_wrap .my_sch_box .btn_sch_open {display:block; width:45px; height:40px; background-size:19px 19px;}
.sub .my_booking_sch_wrap .sch_booking_wrap .my_sch_box .sch_form_box,
.sub .my_booking_sch_wrap .sch_booking_wrap .my_sch_box.pack .sch_form_box {position:absolute; left:99px; top:0; right:0; width:0px; height:40px;}
.sub .my_booking_sch_wrap .sch_booking_wrap .my_sch_box.on {position:static}
.sub .my_booking_sch_wrap .sch_booking_wrap .my_sch_box.on .btn_sch_open {display:none;}
.sub .my_booking_sch_wrap .sch_booking_wrap .my_sch_box.on .sch_form_box {width:calc(100% - 99px); left:99px; top:0; right:0; padding:0 90px 0 0; box-sizing:border-box;}
.sub .my_booking_sch_wrap .sch_booking_wrap .my_sch_box .sch_form_box input {width:100%; height:40px; padding:0 0 0 15px; font-size:13px; box-sizing:border-box;}
.sub .my_booking_sch_wrap .sch_booking_wrap .my_sch_box .sch_form_box .btn_sch {position:absolute; right:45px; top:0; width:45px; height:40px; border:1px solid #D9D9E2; border-left:0 none; background-size: 19px 19px;}
.sub .my_booking_sch_wrap .sch_booking_wrap .my_sch_box .sch_form_box .btn_schClose {position:absolute; right:0; top:0; width:45px; height:40px; background:url(/images/common/btn_closed_m.svg) no-repeat 50% 50%;}
.sub .my_booking_sch_wrap .sch_booking_wrap ul {padding:12px 0 0 5px;}
.sub .my_booking_sch_wrap .sch_booking_wrap ul li a {font-size:13px; line-height:21px;}
.sub .my_booking_sch_wrap .sch_booking_wrap ul li.active a {font-weight:600;}
.sub .my_booking_sch_wrap .sch_booking_wrap ul li:first-child::before {display:none;}

.sub .list_booking {margin:0 15px; padding:0 10px; border-top:2px solid #161615;}
.sub .list_booking > ul {margin-bottom:40px;}
.sub .list_booking > ul > li {padding:25px 0 0 0; border-bottom:1px solid #D9D9E2;}
.sub .list_booking > ul > li .ticket_info {position:relative; margin:0; padding:40px 0 20px 100px;}
.sub .list_booking.edu_booking > ul > li .ticket_info {position:relative; margin:0; padding:35px 0 30px 73px;}
.sub .list_booking > ul > li .ticket_info .thumb {left:0; top:38px; width:70px; height:90px;}
.sub .list_booking > ul > li .ticket_info .thumb a {display:block;}
.sub .list_booking > ul > li .ticket_info .thumb img {max-width:100%; max-height:100%;}
.sub .list_booking.edu_booking > ul > li .ticket_info .thumb {width:55px; height:71px;}
.sub .list_booking > ul > li .prd_info {}
.sub .list_booking > ul > li .prd_info .perf_number {position:absolute; left:0; top:0; right:0; padding:0 60px 0 0; background:#fff url(/images/common/ico_arr_right.svg) no-repeat 100% 50%;}
.sub .list_booking > ul > li .prd_info .perf_number em,
.sub .list_booking > ul > li .prd_info .perf_number span {font-size:13px;}
.sub .list_booking.edu_booking > ul > li .prd_info .edu_state {position:absolute; left:0; top:0; right:0; min-width:100%; padding:0 50px 0 0; background:#fff url(/images/common/ico_arr_right.svg) no-repeat 100% 50%;}
.sub .list_booking.edu_booking > ul > li .prd_info .edu_state em,
.sub .list_booking.edu_booking > ul > li .prd_info .edu_state span {font-size:13px;}
.sub .list_booking > ul > li .prd_info .tit {padding:0 0 20px 0; font-size:0; line-height:normal;}
.sub .list_booking > ul > li .prd_info .tit strong {padding:0 0; font-size:15px; line-height:25px;}
.sub .list_booking > ul > li .prd_info .tit .tit_pk {font-size:13px;}
.sub .list_booking > ul > li .prd_info .tit em {margin:0 0 0 10px; padding:5px 8px; font-size:12px; line-height:20px}
.sub .list_booking > ul > li .prd_info .tit em + em {margin-left:5px;}
.sub .list_booking > ul > li .prd_info .info li {display:flex; flex-wrap:wrap;}
.sub .list_booking > ul > li .prd_info .info li span {width:54px; min-height:24px; flex-shrink:0; font-size:13px; line-height:21px;}
.sub .list_booking > ul > li .prd_info .info li strong {width:calc(100% - 54px); min-height:24px; font-size:13px; line-height:21px;}
.sub .list_booking.edu_booking > ul > li .prd_info .info span {width:80px;}
.sub .list_booking.edu_booking > ul > li .prd_info .info strong {width:calc(100% - 80px);}
.sub .list_booking.pack > ul > li .ticket_info {padding:40px 0 20px 115px;}
.sub .list_booking.pack > ul > li .prd_info .info li span {width:70px;}
.sub .list_booking.pack > ul > li .prd_info .info li strong {width:calc(100% - 70px);}
.sub .list_booking > ul > li .pk_show_list {margin-bottom:35px;}
.sub .list_booking > ul > li .pk_show_list li {padding:25px 0;}
.sub .list_booking > ul > li .pk_show_list li:first-child {border-top:0 none;}
.sub .list_booking > ul > li .pk_show_list li > div {margin-right:68px;}
.sub .list_booking > ul > li .pk_show_list li .prd_info {padding:0 14px; margin-top:20px; box-sizing:border-box;}
.sub .list_booking > ul > li .pk_show_list li .title {padding:0 14px; margin-right:68px; font-size:13px; line-height:21px;}
.sub .list_booking > ul > li .pk_show_list li .prd_info > p {width:100%; padding-left:0; overflow:hidden;}
.sub .list_booking > ul > li .pk_show_list li .prd_info > p span {float:left; display:block; width:67px; padding-right:7px; font-size:13px; box-sizing:border-box; line-height:21px;}
.sub .list_booking > ul > li .pk_show_list li .prd_info > p strong {display:block; overflow:hidden; width:calc(100% - 67px); font-size:13px; line-height:21px;}
.sub .list_booking > ul > li .pk_show_list li.useBefore .prd_info > p strong {color:#89898D}
.sub .list_booking > ul > li .pk_show_list li .btn_area {width:68px; padding:0;}
.sub .list_booking > ul > li .pk_show_list li .btn_area a {text-align:center;}
.sub .list_booking > ul > li .pk_show_list li .btn_area a span {display:inline-block; height:auto; padding:39px 0 0 0; font-size:12px; line-height:normal;}
.sub .list_booking > ul > li .pk_show_list li.useAfter .btn_area a span {background-size:31px 31px; background-position:50% 0;}
.sub .list_booking > ul > li .pk_show_list li.useBefore .btn_area a span {background-size:31px 31px; background-position:50% 0;}
.sub .list_booking > ul > li.noData p {font-size:13px;}
/* 예매확인취소 상세 */
.sub .h3_my_tit {padding:10px 0 20px 15px; font-size:21px; font-weight:600;}
.sub .booking_view_wrap {}
.sub .booking_view_wrap > .btn_area {padding:0 0;}
.sub .booking_view_wrap > .btn_area .btn01 {min-width:100px;}
#wrap.sub .booking_view_wrap > .btn_area .btn01.print.pcOnly {display:none;}
.sub .booking_prd_info {position:relative; padding:95px 20px 30px; background-color:#f3f3f4;}
.sub .booking_prd_info .thumb {left:20px; top:95px; width:80px; height:102px; z-index:1;}
.sub .booking_prd_info .info {padding-left:110px; min-height:102px;}
.sub .booking_prd_info .info .perf_number {position:absolute; left:0; right:0; top:-65px; padding:0 0 25px 0;}
.sub .booking_prd_info .info .perf_number strong {font-size:13px; font-weight:500;}
.sub .booking_prd_info .info .perf_number em {padding:0 0 0 10px; font-size:13px;}
.sub .booking_prd_info .info p {display:flex;}
.sub .booking_prd_info .info p span {width:67px; font-size:13px; line-height:21px;}
.sub .booking_prd_info .info p em {width:calc(100% - 67px); font-size:13px; line-height:21px;}
.sub .booking_prd_info .info .state {top:-72px;}
.sub .booking_prd_info .info .state em {padding:5px 8px; font-size:12px; line-height:20px; font-weight:500;}
.sub .booking_prd_info .info .tit {padding:0 0 20px; font-size:15px; line-height:25px; font-weight:600;}
.sub .booking_view_box {padding:20px 15px 40px; border-top:10px solid #f3f3f4;}
.sub .booking_prd_info + .booking_view_box {border-top:0 none;}
.sub .booking_view_box h4 {padding:30px 0 20px 5px; font-size:17px; font-weight:600;}
.sub .booking_prd_info + .booking_view_box h4 {padding:30px 0 20px 5px;}
.sub .booking_view_box > ul {border-top:2px solid #161615;}
.sub .booking_view_box > ul > li {padding:14px 0; min-height:25px;}
.sub .booking_view_box > ul > li > span {width:113px; padding:0 0 0 5px; font-size:13px; line-height:25px;}
.sub .booking_view_box > ul > li > div {width:calc(100% - 113px); padding:0 10px 0 0; font-size:13px; line-height:25px;}
.sub .booking_view_box > ul > li > div p {font-size:13px; line-height:21px;}
.sub .booking_view_box > ul > li > div .txt_bac {font-size:13px; line-height:21px;}
.sub .booking_view_box .inBox > ul {border-top:2px solid #161615;}
.sub .booking_view_box .inBox > ul > li {padding:13px 0 12px;}
.sub .booking_view_box .inBox > ul > li > span {width:113px; padding:0 0 0 5px; font-size:13px; line-height:25px;}
.sub .booking_view_box .inBox > ul > li > div {width:calc(100% - 113px); padding:0 10px 0 0; font-size:13px; line-height:25px;}
.sub .booking_view_box .inBox > ul > li > div p,
.sub .booking_view_box .inBox > ul > li > div p span,
.sub .booking_view_box .inBox > ul > li > div em {font-size:13px;}
.sub .booking_view_box .inBox > ul > li > div em.pay_state {display:block; padding:0;}
.sub .booking_view_box .inBox > ul > li.noData {padding: 40px 0;}
.sub .booking_view_box > ul > li > div.state em {padding:3px 13px; font-size:12px; border-width:1px; font-weight:600;}
.sub .booking_view_box > ul > li > div ul li,
.sub .booking_view_box > ul > li > div ul li strong {font-size:13px; line-height:21px;}
.sub .booking_view_box > ul > li > div.state ul {padding:10px 0 0 0; font-size:13px; font-weight:500;}
.sub .booking_view_box > ul > li > div em {font-style:normal; font-size:13px;}
.sub .booking_view_box > ul > li > div .discount_chk {font-size:12px;}
.sub .booking_view_box > ul > li > div.receipt .mTicket_link .btn_q,
.sub .booking_view_box > ul > li > div.receipt .mTicket_link .btn_mtGo.mwOnly {display:inline-block !important;}
.sub .booking_view_box > ul > li > div.receipt .mTicket_link {font-size:13px;}
.sub .booking_view_box > ul > li > div.receipt .btn_area .btn04 {margin:5px 0; padding:5px 15px 7px; line-height:normal;}
.sub .booking_view_box > ul > li > div.receipt .btn_area .btn04 span {font-size:13px; line-height:normal;}
.sub .booking_view_box > ul > li > div.receipt .btn_mtGo {display:inline-block !important; width:34px; height:30px; margin-left:5px; background:url(/images/common/ico_moti.svg) no-repeat 50% 50%; background-size:21px 20px; border:1px solid #D9D9E2; border-radius:2px; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.16); vertical-align:middle;}
.sub .booking_view_box > ul > li > div.receipt .btn_mtGo.dpNo {display:none !important;}
.sub .booking_view_box > ul > li > div.receipt .delivery_list div,
.sub .booking_view_box > ul > li > div.receipt .delivery_list p {font-size:13px; line-height:21px;}
.sub .booking_view_box > ul > li.total div {padding:7px 20px;}
.sub .booking_view_box > ul > li.total div span {display:inline-block; font-weight:600; font-size:13px;}
.sub .booking_view_box > ul > li.total div em {display:inline-block; padding-left:22px; color:#FF4934; font-size:13px; font-weight:600;}
.sub .booking_view_box > ul > li.total div .btn_receipt_wrap {left:15px; width:50%;}
.sub .booking_view_box > ul > li.total div .btn_receipt,
.sub .booking_view_box > ul > li.total div .btn_receipt + .btn_receipt {margin:0 10px 0 0;}
.sub .booking_view_box > ul > li.total div .btn_receipt span {line-height:14px;}

.sub .booking_view_box .inBox > ul > li.total div {padding:10px 15px;}
.sub .booking_view_box .inBox > ul > li.total div span {display:inline-block; font-weight:600; font-size:13px; vertical-align:top;}
.sub .booking_view_box .inBox > ul > li.total div em {display:inline-block; padding-left:22px; color:#FF4934; font-size:13px; font-weight:600; vertical-align:top;}
.sub .booking_view_box .inBox > ul > li.total div .btn_receipt_wrap {left:15px; width:50%;}
.sub .booking_view_box .inBox > ul > li.total div .btn_receipt,
.sub .booking_view_box .inBox > ul > li.total div .btn_receipt + .btn_receipt {margin:0 10px 0 0;}
.sub .booking_view_box .inBox > ul > li.total div .btn_receipt span {line-height:14px; vertical-align:3px;}
.sub .booking_view_box > ul > li > div.receipt .delivery_list > div {padding:0;}
.sub .booking_view_box > ul > li > div.receipt .delivery_list > div div.btn_area {position:static; transform:none}
.sub .booking_view_box > ul > li > div.receipt .delivery_list > div.btn_area .btn04,
.sub .booking_view_box > ul > li > div.receipt .delivery_list > div div.btn_area .btn04 {margin:5px 0; padding:5px 15px 7px; line-height:normal;}
.sub .booking_view_box > ul > li > div.receipt .delivery_list > div.btn_area .btn04 span {font-size:12px; font-weight:400;}
.sub .booking_view_box > ul > li > div .total_price, .sub .booking_view_box > ul > li > div .total_price strong {font-size:13px;}
.sub .booking_view_box > .seat_info_wrap .seat_info_txt {position:static; padding:0 0 15px 0;}
.sub .booking_view_box > .seat_info_wrap .check_all {top:-45px;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_tit p {padding:13px 0;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_tit p > strong {width:113px; padding:0 0 0 10px; font-size:13px; line-height:21px; font-weight:500px;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_tit p > span {width:calc(100% - 113px); padding:0 40px 0 0; font-size:13px; line-height:21px;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_tit p > span .ticket_delivery {padding:5px 11px; margin-left:0;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_tit p > span .ticket_delivery > span {font-size:12px;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_tit p > span a {font-size:13px;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_info dl dt {width:113px; padding:13px 0 12px 10px; font-size:13px; line-height:21px; font-weight:400px;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_info dl dd {width:calc(100% - 113px); padding:13px 10px 12px 0; font-size:13px; line-height:21px;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_info dl dd em {font-style:normal; font-size:13px;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_info dl dd span {font-size:13px;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_info > .chk_area {position:absolute; right:10px; top:13px;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_info > .chk_area .ticket_delivery {padding:3px 6px; margin-right:3px;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_info > .chk_area .ticket_delivery > span {font-size:12px;}
.sub .booking_view_box .noData {padding:44px 0;}
.sub .booking_view_box .noData p {font-size:13px;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_info.pk_seat {display:block;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_info.pk_seat > strong {display:block; width:100%;  padding:20px 0 20px 10px; font-size:13px; font-weight:600; border-bottom:2px dashed #D9D9E2; transition:none !important;}
/*.sub .booking_view_box > .seat_info_wrap > ul li .seat_info.pk_seat > strong a {pointer-events:all; display:inline-block; padding:20px 0 20px 10px; font-size:13px;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_info.pk_seat > strong a::after {content:""; display:inline-block; width:10px; height:10px; margin-left:16px; background:url(/images/common/ico_arr_sel01.svg) no-repeat 100% 50%; background-size:10px auto; transform:rotate(180deg);}*/
.sub .booking_view_box > .seat_info_wrap > ul li .seat_info.pk_seat > strong.active {border-bottom:0 none;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_info.pk_seat > strong.active a::after {transform:rotate(0);}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_info.pk_seat .pk_show_list.active {height:0; overflow:hidden; margin:0;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_info.pk_seat .pk_show_list {margin-bottom:0; width:100%; padding:0; transition:none !important;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_info.pk_seat .pk_show_list li {padding:25px 0;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_info.pk_seat .pk_show_list li:first-child {border-top:0 none;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_info.pk_seat .pk_show_list li > div {margin-right:68px;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_info.pk_seat .pk_show_list li .prd_info {padding:0 14px; box-sizing:border-box;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_info.pk_seat .pk_show_list li .title {padding:0 14px; margin-right:68px; margin-bottom:20px; font-size:13px; line-height:21px;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_info.pk_seat .pk_show_list li .prd_info > p {width:100%; padding-left:0; overflow:hidden;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_info.pk_seat .pk_show_list li .prd_info > p span {float:left; display:block; width:67px; padding-right:7px; font-size:13px; box-sizing:border-box; line-height:21px;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_info.pk_seat .pk_show_list li .prd_info > p strong {display:block; overflow:hidden; width:calc(100% - 67px); font-size:13px; line-height:21px;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_info.pk_seat .pk_show_list li.useBefore .prd_info > p strong {color:#89898D}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_info.pk_seat .pk_show_list li .btn_area {width:68px; padding:0;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_info.pk_seat .pk_show_list li .btn_area a {text-align:center;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_info.pk_seat .pk_show_list li .btn_area a span {display:inline-block; height:auto; padding:39px 0 0 0; font-size:12px; line-height:normal;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_info.pk_seat .pk_show_list li.useAfter .btn_area a span {background-size:31px 31px; background-position:50% 0;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_info.pk_seat .pk_show_list li.useBefore .btn_area a span {background-size:31px 31px; background-position:50% 0;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_info.pk_seat .seatNot {display:block; padding:13px 0 12px 10px; font-size:13px;}
.sub .booking_view_box > .seat_info_wrap > ul li .seat_info.pk_seat .seatNot strong {padding:5px; font-size:12px; line-height:12px;}
.sub .booking_view_box > .seat_info_wrap + .btn_area * {margin:20px 0 0;}

.sub .booking_view_box > .btn_area {padding-top:18px;}
.sub .booking_view_box > .btn_area * {min-width:100px; margin-top:10px;}
.sub .booking_view_box > .charge_wrap {flex-direction:column;}
.sub .booking_view_box > .charge_wrap .charge_info {width:100%; min-height:122px;}
.sub .booking_view_box > .charge_wrap .charge_info > p {font-size:13px; line-height:21px;}
.sub .booking_view_box > .charge_wrap .charge_info > p.time {padding-bottom:0; font-size:13px;}
.sub .booking_view_box > .charge_wrap .charge_info > p.time > span {display:inline; font-size:13px;}
.sub .booking_view_box > .charge_wrap .charge_info > p.time > span strong {font-size:13px;}
.sub .booking_view_box > .charge_wrap .tbl_charge {width:100%; height:0; overflow:hidden; margin-left:0; transition:none !important;}
.sub .booking_view_box > .charge_wrap .tbl_charge.active {height:auto; padding:20px 0 0;}
.sub .booking_view_box > .charge_wrap .tbl_charge table thead th {padding:13px 0; font-size:13px;}
.sub .booking_view_box > .charge_wrap .tbl_charge table tbody td {padding:13px 0; font-size:12px; line-height:21px;}
.sub .booking_view_box > .charge_wrap .tbl_charge table tbody td:first-child {padding:13px 10px;}
.sub .booking_view_box > .charge_wrap .btn_area {padding:10px 0 0 0;}
.sub .booking_view_box > .charge_wrap .btn_area button {width:100%; height:55px; border:2px solid #D9D9E2;}
.sub .booking_view_box > .charge_wrap .btn_area button span {display:inline-block; padding-right:23px; background:url(/images/common/ico_arr_dw01.svg) no-repeat 100% 50%; font-size:13px}
.sub .booking_view_box > .charge_wrap .btn_area button.active span {background-image:url(/images/common/ico_arr_up01.svg);}
.sub .booking_view_box > .txt_guide {padding:20px 0 0;}
.sub .booking_view_box > .txt_guide,
.sub .booking_view_box > .txt_guide p {font-size:13px; line-height:21px; padding-bottom:5px;}
.sub .booking_view_box > .charge_wrap.tblN .btn_area {display:none !important}
.sub .booking_view_box > .booking_txt {font-size:13px; line-height:21px;}
.sub .view_wrap > .btn_area .btn_list span, .sub .view_wrap > .btn_area .btn_list a {font-size:15px; font-weight:500;}
.sub .booking_view_box > .charge_wrap .tbl_charge table tbody td:first-child em, .sub .booking_view_box > .charge_wrap .tbl_charge table tbody td:first-child span {font-size:13px;}

/* 마페교육 */
.sub .edu_view_wrap .booking_view_box:first-child,
.sub .edu_view_wrap .booking_view_box.edu_note {border-top:0 none;}
.sub .edu_view_wrap .booking_view_box.edu_note {padding:0 0;}
.sub .edu_view_wrap .booking_view_box:first-child h4 {padding-top:0; font-size:17px;}
.sub .edu_view_wrap .booking_view_box.edu_towRow ul li {width:100%;}
.sub .edu_view_wrap .booking_view_box .tbl_edu_select {margin-top:20px;}
.sub .edu_view_wrap .booking_view_box .tbl_edu_select {padding:0; border-top:2px solid #161615;}
.sub .edu_view_wrap .booking_view_box .tbl_edu_select table {display:block;}
.sub .edu_view_wrap .booking_view_box .tbl_edu_select table thead {display:block;}
.sub .edu_view_wrap .booking_view_box .tbl_edu_select table thead tr {display:flex; border-bottom:1px solid #161615;}
.sub .edu_view_wrap .booking_view_box .tbl_edu_select table thead tr th {display:none;}
.sub .edu_view_wrap .booking_view_box .tbl_edu_select table thead tr::before {content:"선택"; display:inline-block; padding:16px 0; width:50px; text-align:center; font-size:13px; font-weight:600;}
.sub .edu_view_wrap .booking_view_box .tbl_edu_select table thead tr::after {content:"신청정보"; display:inline-block; padding:16px 0; width:calc(100% - 50px); text-align:center; font-size:13px; font-weight:600;}
.sub .edu_view_wrap .booking_view_box .tbl_edu_select table tbody {display:block;}
.sub .edu_view_wrap .booking_view_box .tbl_edu_select table tbody tr {position:relative; display:block; padding:14px 13px 14px 50px; border-bottom:1px solid #D9D9E2;}
.sub .edu_view_wrap .booking_view_box .tbl_edu_select table tbody tr td {position:relative; display:block; padding:0; border:0 none; font-size:13px; line-height:21px; text-align:left;}
.sub .edu_view_wrap .booking_view_box .tbl_edu_select table tbody td.state em,
.sub .edu_view_wrap .booking_view_box .tbl_edu_select table tbody td.state span {display:inline;}
.sub .edu_view_wrap .booking_view_box .tbl_edu_select table tbody tr td:first-child {position:absolute; left:13px; top:50%; bottom:0; transform:translate(0, -50%); height:24px;}
.sub .edu_view_wrap .booking_view_box .tbl_edu_select table tbody tr td:nth-child(2)::before,
.sub .edu_view_wrap .booking_view_box .tbl_edu_select table tbody tr td:nth-child(3)::before,
.sub .edu_view_wrap .booking_view_box .tbl_edu_select table tbody tr td:nth-child(4)::before {display:inline-block; width:63px; position:absolute; left:0; top:0;}
.sub .edu_view_wrap .booking_view_box .tbl_edu_select table tbody tr td:nth-child(2),
.sub .edu_view_wrap .booking_view_box .tbl_edu_select table tbody tr td:nth-child(3),
.sub .edu_view_wrap .booking_view_box .tbl_edu_select table tbody tr td:nth-child(4) {padding-left:63px;}
.sub .edu_view_wrap .booking_view_box .tbl_edu_select table tbody tr td:nth-child(2)::before {content:"구분";}
.sub .edu_view_wrap .booking_view_box .tbl_edu_select table tbody tr td:nth-child(3)::before {content:"수강생";}
.sub .edu_view_wrap .booking_view_box .tbl_edu_select table tbody tr td:nth-child(4)::before {content:"상태";}
.sub .edu_view_wrap .booking_view_box .edu_note_txt {margin:0 0 40px;}
.sub .edu_view_wrap .booking_view_box .edu_note_txt dl {padding:40px 30px; flex-direction:column;}
.sub .edu_view_wrap .booking_view_box .edu_note_txt dl dt {padding:0 0 20px 0; width:100%; font-size:15px; font-weight:600;}
.sub .edu_view_wrap .booking_view_box .edu_note_txt dl dd {padding:0; width:100%;}
.sub .edu_view_wrap .booking_view_box .edu_note_txt dl dd p,
.sub .edu_view_wrap .booking_view_box .edu_note_txt dl dd strong,
.sub .edu_view_wrap .booking_view_box .edu_note_txt dl dd ul li {font-size:13px; line-height:21px; padding-left:3px;}
.sub .edu_view_wrap .booking_view_box .edu_note_txt dl dd strong {display:inline-block; font-size:15px; font-weight:600; margin-bottom:10px;}
.sub .edu_view_wrap .booking_view_box ul li > div.pay_type > p .btn06 {display:block; margin:10px 0 0 0;}
.sub .edu_view_wrap .booking_view_box ul li > div.pay_state .date,
.sub .edu_view_wrap .booking_view_box ul li > div .bank_num {display:block;}
.sub .edu_view_wrap .booking_view_box ul li > div.pay_state .date {font-size:13px;}
.sub .edu_view_wrap .btn_area {padding:40px 0 0 0;}
.sub .edu_view_wrap > .btn_area {padding:0;}
.sub .edu_view_wrap .btn_area .btn01,
.sub .edu_view_wrap .btn_area .btn03 {margin:0; width:114px;}
/* 로그인 */
.sub .login_wrap {width:auto; margin:0 auto; padding:20px 15px 0;}
.sub .login_form {position:relative; width:100%;}
.sub .login_form .item > input[type="text"], .sub .login_form .item > input[type="password"] {font-size:13px;}
.sub .login_form .item.ip_id {margin:0;}
.sub .login_form .item.ip_pw {margin:10px 0 0;}
.sub .login_form .item.save {margin:100px 0 0 0; height:24px; line-height:21px;}
.sub .login_form .item.save .chk01 {vertical-align:top;}
.sub .login_form .btn {position:absolute; left:0; right:0; top:126px; width:100%; height:70px;}
.sub .login_form .btn button {width:100%; height:70px;}
.sub .login_form .log_util {position:static; width:100%; margin-top:20px;}
.sub .login_form .log_util li {width:calc(100%/3);}
.sub .login_form .log_util li a, 
.sub .login_form .log_util li.join a span {font-size:13px;}
.sub .login_form .item.save .chk01 input + label {font-size:13px;}
.sub .sns_login {padding:40px 0 0 0;}
.sub .sns_login .sns_btn button {width:100%; margin:0;}
.sub .sns_login .sns_btn button.btn_naver {margin:0 0 10px 0;}
.sub .sns_login p, .sub .sns_login p strong {font-size:13px;}
/* 회원가입 */
.sub .join_wrap {padding:0 10px; width:100%; box-sizing:border-box;}
.sub .join_title {padding:30px 0;}
.sub .join_title.agree {padding:40px 0;}
.sub .join_title h3 {font-size:21px;}
.sub .join_title p {font-size:13px; padding:15px 0 0 0;}
.sub .member_select {width:100%; flex-direction:column;}
.sub .member_select .item {width:100%; margin:10px 0 0 0;}
.sub .member_select .item:first-child {margin:0 0;}
.sub .member_select .item.user01 a,
.sub .member_select .item.user02 a {padding:40px 0; text-align:center;}
.sub .member_select .item.user01 a strong, .sub .member_select .item.user02 a strong {display:inline-block; margin:20px 0 0 0; padding:0 0; font-size:13px;}
.sub .member_select .item.user01 a em, .sub .member_select .item.user02 a em {display:inline-block; margin:20px 0 0 5px; padding:0 0 40px 0; font-size:13px; background-position:0 100%;}
.sub .member_select .item.certify01 strong, .sub .member_select .item.certify02 strong {font-size:13px;}
.sub .join_agree {height:auto;}
.sub .join_agree .tit_box h4 {width:50%; box-sizing:border-box;}
.sub .join_agree .tit_box .ck_box {min-width:30%; width:50%; box-sizing:border-box;}
.sub .join_agree .tit_box .ck_box .rdo01 {display:block;}
.sub .join_agree .tit_box .ck_box .rdo01:first-child {margin-bottom:10px;}
.sub .join_agree .tit_box .ck_box .rdo01 label {font-size:13px;}
.sub .join_agree .txt_agreement {padding:30px; line-height:21px; font-size:13px; box-sizing:border-box;}

.sub .join_form {width:100%;}
.sub .join_form > ul {border-top:2px solid #161615;}
.sub .join_form > ul > li {padding:15px 0;}
.sub .join_form > ul > li > span {width:110px; padding:13px 0 13px 10px; font-size:13px;}
.sub .join_form > ul > li > div {width:calc(100% - 110px);}
.sub .join_form > ul > li > div.id .input01 {width:calc(100% - 85px);}
.sub .join_form > ul > li > div .txt_ex01 {padding:8px 0 0 0; font-size:12px; flex-shrink:1;}
.sub .join_form > ul > li > div .j_sel01,
.sub .join_form > ul > li > div .j_inp01 {width:100%;}
.sub .join_form > ul > li > div .j_sel02,
.sub .join_form > ul > li > div .j_inp02 {width:87px;}
.sub .join_form > ul > li > div .j_inp03 {width:100%;}
.sub .join_form > ul > li > div.birth .sel01 {width:66px;}
.sub .join_form > ul > li > div.birth .sel01:first-child {width:87px;}
.sub .join_form > ul > li > div.tel .input01 {width:72px;}
.sub .join_form > ul > li > div.tel .sel01:first-child {width:75px;}
.sub .join_form > ul > li > div.email .input01 {width:calc(100% - 104px); margin-top:4px;}
.sub .join_form > ul > li > div.email .sel01 {width:100px; margin-top:4px;}
.sub .join_form > ul > li > div.email .input01:first-child {width:calc(100% - 47px); margin-top:0;}
.sub .join_form > ul > li > div .txt_description01 {padding:8px 0 0 0;}
.sub .join_form > ul > li > div .txt_description01 li {font-size:12px; line-height:20px;}
.sub .join_form > ul > li > div .btn02 {margin-left:4px;}
.sub .join_form > ul > li > div.address p {width:100%; padding-top:4px;}
.sub .join_form > ul > li > div.address p:first-child {padding-top:0;}
.sub .join_form > ul > li > div.address p:first-child .input01 {width:calc(100% - 114px);}
.sub .join_form > ul > li > div > dl {width:100%; flex-wrap:wrap; font-size:13px;}
.sub .join_form > ul > li > div > dl dt {width:82px; padding:8px 0;}
.sub .join_form > ul > li > div > dl dd {width:calc(100% - 82px); padding:8px 0;}
.sub .join_form > ul > li > div .sns_interlock {flex-wrap:wrap; flex-direction:column;}
.sub .join_form > ul > li > div .sns_interlock li {padding:8px 0 0 0;}
.sub .join_form > ul > li > div.reason_txt {width:100%;}
.sub .join_form > ul > li > div.reason_txt textarea {height:200px;}
.sub .join_form + .btn_area {padding:40px 0 0 0; font-size:0;}
.sub .join_form + .btn_area button,
.sub .join_wrap .join_complete + .btn_area button {width:114px; margin:0 5px;}
.sub .join_form + .btn_area.my_member .btn_withdrawal {display:inline; position:static}
.sub .join_complete {padding:9px 0 54px; margin-top:0;}
.sub .join_complete img {width:275px; height:auto;}

.sub .member_wrap {width:100%; padding:0 20px; box-sizing:border-box;}
.sub .member_wrap .member_sch_txt {padding:40px 0;}
.sub .member_wrap .member_sch_txt p {font-size:13px;}
.sub .member_wrap .member_sch_tit {padding:0 0 40px;}
.sub .member_wrap .member_sch_tit h3 {font-size:19px;}
.sub .member_wrap .member_sch_tit p {font-size:13px; padding:20px 0 0 0;}
.sub .member_wrap .id_result {padding:40px 0; flex-direction: column}
.sub .member_wrap .id_result span {padding:0 0 10px 0; font-size:13px;}
.sub .member_wrap .id_result strong {font-size:21px;}
.sub .member_wrap .pw_form {padding:30px 20px;}
.sub .member_wrap .pw_form .input02 {width:100%; box-sizing:border-box;}
.sub .member_wrap .pw_form.newPw > ul {width:100%;}
.sub .member_wrap .pw_form.newPw > ul li {padding-top:10px;}
.sub .member_wrap .pw_form.newPw > p {width:100%; margin:0 0 0 15px; padding:20px 0 0 0; font-size:12px; text-align:left; text-indent:-7px;}
.sub .member_wrap .id_result + .btn_area, .sub .member_wrap .pw_form + .btn_area {padding-top:40px;}
.sub .member_wrap .btn_area button {width:114px;}

/* popup */
.my_popup.layer_popup .inner_layer,
.my_popup_method.layer_popup .inner_layer {width:100%; max-width:340px; height:450px;}
.notice_popup.layer_popup .inner_layer {width:100%; max-width:340px; height:353px;}
.my_popup_pkSeat.layer_popup .inner_layer {width:100%; max-width:340px; height:450px;}
.edu_popup.layer_popup .inner_layer {width:100%; max-width:340px; height:450px;}
.payment_popup.layer_popup .inner_layer {width:100%; max-width:340px; height:353px;}

.my_popup.layer_popup .inner_layer .layer_content .mypage_pu_wrap,
.my_popup_method.layer_popup .inner_layer .layer_content .mypage_pu_wrap {max-width:340px; margin:0 auto;}
.notice_popup.layer_popup .inner_layer .layer_content .mypage_pu_wrap {max-width:340px; margin:0 auto; padding:0 20px;}
.my_popup_pkSeat.layer_popup .inner_layer .layer_content .mypage_pu_wrap {max-width:340px; margin:0 auto;}
.edu_popup.layer_popup .inner_layer .layer_content .edu_pu_wrap {max-width:340px; margin:0 auto;}
.edu_popup.layer_popup .inner_layer .layer_content .edu_pu_wrap p {font-size:13px;}
.payment_popup.layer_popup .inner_layer .layer_content .mypage_pu_wrap {max-width:340px; margin:0 auto; padding:0 20px;}

.tk_pack_selectBox .txt {padding:0 0 20px 0;}
.tk_tb_pk_seatSelect {width:100%; table-layout:fixed;}
.tk_tb_pk_seatSelect thead th {height:auto; padding:0 5px; line-height:21px; font-size:13px; vertical-align:middle; text-overflow:clip; overflow:visible; white-space:wrap;}
.tk_tb_pk_seatSelect tbody td {font-size:13px;}
.tk_tb_pk_seatSelect tbody td .tit strong {display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:13px;}
.tk_tb_pk_seatSelect tbody td .tit em {display:inline-block; width:auto; height:auto; padding:3px 10px; font-size:12px; line-height:normal;}
.tk_tb_pk_seatSelect tbody td .tit em.seatComplete {background:#ADADB4; border:1px solid #ADADB4; color: #fff;}
.tk_tb_pk_seatSelect tbody td .tit em.seatSoon {background:#fff; color: #FF4934; border: 2px solid #E2E3E5;}
.tk_tb_pk_seatSelect tbody td .tit em.seatPossible {color:#fff; background-color:#FF4934; box-shadow:3px 3px 3px rgba(0,0,0,0.14);}
.tk_tb_pk_seatSelect tbody td.tl {text-align:left;}
.tk_pack_selectBox .txt_error {margin:19px 0 0; padding:0 0 0 22px; font-size:13px; background-size:18px auto;}
.tk_pack_selectBox .txt_error em {font-weight:600; font-style:normal;}
.scroll-arrow {width:4px; height:4px;}

/* 교육 */
.sub .edu_register_wrap {width:100%; padding:0 0;}
.sub .edu_register_wrap .title {padding:0 15px;}
.sub .edu_register_wrap .title h2 {font-size:19px; line-height:30px; font-weight:600;}
.sub .edu_register_wrap .edu_form_box {padding:0 0; border-top:10px solid #f3f3f4; flex-direction:column;}
.sub .edu_register_wrap .title + .edu_form_box {border-top:0 none;}
.sub .edu_register_wrap .edu_form_box h3 {width:100%; padding:30px 0 15px 20px; font-size:15px; font-weight:600;}
.sub .edu_register_wrap .edu_form_box .edu_box {width:100%;}
.sub .edu_register_wrap .edu_form_box .edu_box h4 {font-size:15px; font-weight:600; padding:0 0 15px 5px;}
.sub .edu_register_wrap .edu_form_box .edu_box .date_select_wrap {margin:0 15px 20px; flex-direction:column;}
.sub .edu_register_wrap .edu_form_box .edu_box .date_select_wrap .month_wrap {width:100%; padding:8px 0 0 0;}
.sub .edu_register_wrap .edu_form_box .edu_box .date_select_wrap .month_wrap .wrap_date {min-width:100%;}
.sub .edu_register_wrap .edu_form_box .edu_box .date_select_wrap .cal_info_txt {padding:25px 0 0 0;}
.sub .edu_register_wrap .edu_form_box .edu_box .date_select_wrap .cal_info_txt span {padding:0 0 0 24px; font-size:13px;}
.sub .edu_register_wrap .edu_form_box .edu_box .date_select_wrap .cal_info_txt span i {margin-right:5px; vertical-align:1px;}
.sub .edu_register_wrap .edu_form_box .edu_box .tbl_edu_select {margin: 0 15px 35px; padding:0 0; border-top:2px solid #161615;}
.sub .edu_register_wrap .edu_form_box .edu_box .tbl_edu_select table {display:block;}
.sub .edu_register_wrap .edu_form_box .edu_box .tbl_edu_select table thead {display:none;}
.sub .edu_register_wrap .edu_form_box .edu_box .tbl_edu_select table tbody {display:block;}
.sub .edu_register_wrap .edu_form_box .edu_box .tbl_edu_select table tbody tr {position:relative; display:block; padding:14px 20px 14px 125px; border-bottom:1px solid #D9D9E2;}
.sub .edu_register_wrap .edu_form_box .edu_box .tbl_edu_select table tbody tr td {display:block; padding:0; border:0 none; font-size:13px; line-height:21px; text-align:left;}
.sub .edu_register_wrap .edu_form_box .edu_box .tbl_edu_select table tbody tr td:first-child {position:absolute; left:0; top:0; bottom:0;}
.sub .edu_register_wrap .edu_form_box .edu_box .tbl_edu_select table tbody td .state {width:104px; height:100%;}
.sub .edu_register_wrap .edu_form_box .edu_box .tbl_edu_select table tbody td .state input + label {width:100%; height:100%; padding:0; display:flex; justify-content:center; align-items:center; font-size:13px; font-weight:500;}
.sub .edu_register_wrap .edu_form_box .edu_box .tbl_edu_select table tbody td .state input + label::before {position:static; margin-right:7px;}
.sub .edu_register_wrap .edu_form_box .edu_box .pers_select {width:auto; margin:0 15px; border-top:2px solid #161615; padding: 0 0;}
.sub .edu_register_wrap .edu_form_box .edu_box .pers_select li {width:100%; padding:15px 10px; border:0 none !important; border-bottom:1px solid #D9D9E2 !important;}
.sub .edu_register_wrap .edu_form_box .edu_box .pers_select li dl {display:flex; justify-content:space-between; align-items:center;}
.sub .edu_register_wrap .edu_form_box .edu_box .pers_select li dl dt {padding:0;}
.sub .edu_register_wrap .edu_form_box .edu_box .pers_select li dl dt strong,
.sub .edu_register_wrap .edu_form_box .edu_box .pers_select li dl dt em {font-size:13px;}
.sub .edu_register_wrap .edu_form_box .edu_box .pers_select li dl dd .sel01 {width:100px;}
.sub .edu_register_wrap .edu_form_box .edu_box .pers_info_data {padding-top:30px;}
.sub .edu_register_wrap .edu_form_box .edu_box .pers_info_data .apply_form {width:auto; margin:0 15px; padding:0 !important;}
.sub .edu_register_wrap .edu_form_box .edu_box .pers_info_data .apply_right_box {width:100%; padding:0 !important;}
.sub .edu_register_wrap .edu_form_box .edu_box .pers_info_data .apply_form .tbl_edu_write {padding:10px 0;}
.sub .edu_register_wrap .edu_form_box .edu_box .pers_info_data .apply_form .tbl_edu_write table {width:100%}
.sub .edu_register_wrap .edu_form_box .edu_box .pers_info_data .apply_form .tbl_edu_write table th {width:120px !important; padding:12px 0 12px 10px; font-size:13px; font-weight:500;}
.sub .edu_register_wrap .edu_form_box .edu_box .pers_info_data .apply_form .tbl_edu_write table td {width:calc(100% - 120px); padding:7px 0;}
.sub .edu_register_wrap .edu_form_box .edu_box .pers_info_data .apply_form .tbl_edu_write table td .input01 {width:100% !important;}
.sub .edu_register_wrap .edu_form_box .edu_box .pay_info_txt {flex-direction:column; margin-bottom:40px;}
.sub .edu_register_wrap .edu_form_box .edu_box .pay_info_txt dl {width:100%; padding:26px 20px 26px 0; border-bottom:1px solid #D9D9E2; border-right:0 none;}
.sub .edu_register_wrap .edu_form_box .edu_box .pay_info_txt dl dd {font-size:13px;}
.sub .edu_register_wrap .edu_form_box .edu_box .pay_info_txt dl dd strong,
.sub .edu_register_wrap .edu_form_box .edu_box .pay_info_txt dl dd em {font-size:13px; padding:0;}
.sub .edu_register_wrap .edu_form_box .edu_box .pay_info_txt dl dd strong {padding:0 0 0 15px;}
.sub .edu_register_wrap .edu_form_box .edu_box .pay_info_txt .total {width:100%; padding:21px 19px 18px 0; font-size:0;}
.sub .edu_register_wrap .edu_form_box .edu_box .pay_info_txt .total em,
.sub .edu_register_wrap .edu_form_box .edu_box .pay_info_txt .total strong {display:inline-block; font-size:13px; font-weight:600;}
.sub .edu_register_wrap .edu_form_box .edu_box .pay_info_txt .total strong {padding:0 0 0 20px;}
.sub .edu_register_wrap .edu_form_box .edu_box .pay_method_content .pay_type {padding:0 0;}
.sub .edu_register_wrap .edu_form_box .edu_box .pay_method_content .pay_type li {width:50%; margin:0;}
.sub .edu_register_wrap .edu_form_box .edu_box .pay_method_content .pay_type li:nth-child(odd) {padding-right:5px;}
.sub .edu_register_wrap .edu_form_box .edu_box .pay_method_content .pay_type li:nth-child(even) {padding-left:5px;}
.sub .edu_register_wrap .edu_form_box .edu_box .pay_method_content .pay_type li span {height:auto;}
.sub .edu_register_wrap .edu_form_box .edu_box .pay_method_content .pay_type li span input + label {padding:15px 0;}
.sub .edu_register_wrap .edu_form_box .edu_box .pay_method_content .pay_type li span input + label strong {font-size:13px;}
.sub .edu_register_wrap .edu_form_box .edu_box .pay_method_content .pay_type li span.pay_type01 input + label::before {width:50px; background-position:0 50%;}
.sub .edu_register_wrap .edu_form_box .edu_box .pay_method_bank {margin:30px 0 0 0; padding:20px 10px; flex-direction:column;}
.sub .edu_register_wrap .edu_form_box .edu_box .pay_method_bank h4 {padding:0 0 10px 5px; width:auto; line-height:18px;}
.sub .edu_register_wrap .edu_form_box .edu_box .pay_method_bank > div {width:100%; padding:0 0 30px 0;}
.sub .edu_register_wrap .edu_form_box .edu_box .pay_method_bank > div.cash_receipt {flex-direction:column; width:100%; padding:0;}
.sub .edu_register_wrap .edu_form_box .edu_box .pay_method_bank > div.cash_receipt .cash_receipt_select {width:100%; padding:0 0 15px 0;}
.sub .edu_register_wrap .edu_form_box .edu_box .pay_method_bank > div.cash_receipt .cash_receipt_select li {padding:0; width:50%;}
.sub .edu_register_wrap .edu_form_box .edu_box .pay_method_bank > div.cash_receipt .cash_receipt_select li:last-child {width:100px;}
.sub .edu_register_wrap .edu_form_box .edu_box .pay_method_bank > div.cash_receipt .tk_cash_receipt_form .input01, 
.sub .edu_register_wrap .edu_form_box .edu_box .pay_method_bank > div.cash_receipt .tk_cash_receipt_form .input03 {width:100%;}
.sub .edu_register_wrap .edu_form_box .edu_box .pay_method_bank > div.bank_info .sel02 {width:50%;}
.sub .edu_register_wrap .edu_form_box .edu_box .edu_apply_agree {padding:25px 0; flex-direction:column;}
.sub .edu_register_wrap .edu_form_box .edu_box .edu_apply_agree p {padding:5px 0; text-align:center;}
.sub .edu_register_wrap .edu_form_box .edu_box .edu_apply_agree p > button {margin-left:24px; font-size:12px;}
.sub .edu_register_wrap .edu_form_box .edu_box .edu_apply_agree p label {font-size:13px;}
.sub .edu_register_wrap .edu_form_box .edu_box .edu_note_txt dl {padding:40px 30px; flex-direction:column;}
.sub .edu_register_wrap .edu_form_box .edu_box .edu_note_txt dl dt {padding:0 0 10px 0; width:100%; font-size:13px; font-weight:500;}
.sub .edu_register_wrap .edu_form_box .edu_box .edu_note_txt dl dd {padding:0; width:100%;}
.sub .edu_register_wrap .edu_form_box .edu_box .edu_note_txt dl dd ul li {font-size:13px;}
.sub .edu_register_wrap .btn_area {padding:40px 0 0;}
.sub .edu_register_wrap .btn_area button {width:100px;}

.sub .coupon_register {margin:0 15px; padding:0 86px 30px 0; position:relative;}
.sub .coupon_register input {width:100%; padding:14px 13px; border:2px solid #161615; font-size:13px; box-sizing:border-box;}
.sub .coupon_register button {position:absolute; right:0; top:0;}
.sub .coupon_list {width:100%; padding:0 15px; box-sizing:border-box;}
.sub .coupon_list ul li {width:100%; padding:20px 0 0 0;}
.sub .coupon_list ul li:nth-child(odd) {padding-right:0;}
.sub .coupon_list ul li > div .no {padding:28px 105px 20px 22px;}
.sub .coupon_list ul li > div .no span {padding-right:10px; font-size:13px; }
.sub .coupon_list ul li > div .no em {display:inline; font-size:13px; letter-spacing:3px;}
.sub .coupon_list ul li > div .cp_title {padding:0 105px 21px 23px;}
.sub .coupon_list ul li > div .cp_title > p {padding:0 0 2px 0; font-size:21px;}
.sub .coupon_list ul li > div .cp_title > p.tit {letter-spacing:-2px;}
.sub .coupon_list ul li > div .cp_info {padding:18px 22px;}
.sub .coupon_list ul li > div .cp_info p {font-size:13px;}
.sub .coupon_list ul li > div .cp_info p.note {padding-bottom:7px;}
.sub .coupon_list ul li > div .state {right:22px; top:41px; width:77px; height:77px;}
.sub .coupon_list ul li > div .state span {font-size:13px; line-height:18px;}
.sub .coupon_list ul li > div.cp_use .state {background-color:#D9D9E2;}
.sub .coupon_list ul li > div.cp_use .state span {width:26px;}
.sub .coupon_list ul li.noData {width:100%;}
.sub .coupon_list ul li.noData p {font-size:13px;}

.sub .my_point {padding:10px 0 0 15px;}
.sub .my_point > p.name {display:block; padding:0 0 15px 0; font-size:21px;}
.sub .my_point > p.name strong {font-size:21px;}
.sub .my_point > p.accrue_point {font-size:15px; letter-spacing:0;}
.sub .my_point > p.accrue_point strong {font-size:21px;}
.sub .my_point > p.extinct_point, .sub .my_point > p.extinct_point em {font-size:15px;}

.sub .my_sch_point {display:block; padding:30px 15px;}
.sub .my_sch_point .date_picker .date_input {width:150px; height:40px; padding:0 40px 0 0; border:1px solid #D9D9E2; box-sizing:border-box;}
.sub .my_sch_point .date_picker .date_input input {height:38px; padding:0 0 0 14px; font-size:13px;}
.sub .my_sch_point .date_picker .date_input img {width:21px; height:auto; top:8px;}
.sub .my_sch_point .my_sch_box {padding:0 45px 0 0; margin:0;}
.sub .my_sch_point .my_sch_box .selectBox {width:100px; height:40px;}
.sub .my_sch_point .my_sch_box .selectBox::after {background-size:10px 6px; right:15px;}
.sub .my_sch_point .my_sch_box .selectBox select {width:98px; height:38px; padding:0 0 0 15px; border:0 none; vertical-align:top; font-size:13px;}
.sub .my_sch_point .my_sch_box .btn_sch_open {display:block; width:45px; height:40px; background-size:19px 19px;}
.sub .my_sch_point .my_sch_box .sch_form_box,
.sub .my_sch_point .my_sch_box.pack .sch_form_box {position:absolute; left:99px; top:0; right:0; width:0px; height:40px;}
.sub .my_sch_point .my_sch_box.on {width:100%; margin-top:7px; box-sizing:border-box;}
.sub .my_sch_point .my_sch_box.on .btn_sch_open {display:none;}
.sub .my_sch_point .my_sch_box.on .sch_form_box {width:calc(100% - 99px); left:99px; top:0; right:0; padding:0 90px 0 0; box-sizing:border-box;}
.sub .my_sch_point .my_sch_box .sch_form_box input {width:100%; height:40px; padding:0 0 0 15px; font-size:13px; box-sizing:border-box;}
.sub .my_sch_point .my_sch_box .sch_form_box .btn_sch {position:absolute; right:45px; top:0; width:45px; height:40px; border:1px solid #D9D9E2; border-left:0 none; background-size: 19px 19px;}
.sub .my_sch_point .my_sch_box .sch_form_box .btn_schClose {position:absolute; right:0; top:0; width:45px; height:40px; background:url(/images/common/btn_closed_m.svg) no-repeat 50% 50%;}

.sub .btn_inquiry_area {position:absolute; left:100px; top:46px;}
.sub .btn_inquiry_area button {min-width:74px; padding:7px 15px 10px;}
.sub .btn_inquiry_area button span {font-size:12px;}

.sub .mypage_wrap .view_wrap {width:100%;}

/* 검색 */
.sub .search_merge_wrap {width:100%; padding:80px 0 0 0;}
.sub .search_merge_wrap .tabscroll_wrap {padding:0 15px;}
.sub .search_merge_wrap .search_form_wrap {width:auto; margin:0 30px;}
.sub .search_merge_wrap .search_form_wrap form {padding-right:46px;}
.sub .search_merge_wrap .search_form_wrap form input {height:46px; font-size:13px;}
.sub .search_merge_wrap .search_form_wrap .btn_sch {width:46px; height:46px; background-size:22px auto;}
.sub .search_merge_wrap .search_result_txt {padding:40px 0;}
.sub .search_merge_wrap .search_result_txt p,
.sub .search_merge_wrap .search_result_txt p em {font-size:21px;}
.sub .search_merge_wrap .search_result_txt .total_count {}
.sub .search_merge_wrap .search_result_txt .total_count span,
.sub .search_merge_wrap .search_result_txt .total_count span strong {font-size:13px;}
.sub .search_merge_wrap .search_result_wrap .search_result_box .title_box {padding:30px 15px 0;}
.sub .search_merge_wrap .search_result_wrap .search_result_box .title_box .title {padding:0 20px 0 0;}
.sub .search_merge_wrap .search_result_wrap .search_result_box .title_box .title p {padding:0 0 0 5px}
.sub .search_merge_wrap .search_result_wrap .search_result_box .title_box .title h4,
.sub .search_merge_wrap .search_result_wrap .search_result_box .title_box .title p em,
.sub .search_merge_wrap .search_result_wrap .search_result_box .title_box .title p span {font-size:19px;}
.sub .search_merge_wrap .search_result_wrap .search_result_box .title_box > a span {padding-right:29px; font-size:13px; background-size:20px auto;}
.sub .search_merge_wrap .search_result_wrap .search_result_box .board_list05 {padding:20px 15px 40px;}
.sub .search_merge_wrap .search_result_wrap .search_result_box.cate03,
.sub .search_merge_wrap .search_result_wrap .search_result_box.cate04 {flex-wrap:wrap; padding:0;}
.sub .search_merge_wrap .search_result_wrap .search_result_box.cate03.notice,
.sub .search_merge_wrap .search_result_wrap .search_result_box.cate04.faq {width:100%;}
.sub .search_merge_wrap .search_result_wrap .search_result_box.cate03 .title_box,
.sub .search_merge_wrap .search_result_wrap .search_result_box.cate04 .title_box,
.sub .search_merge_wrap .search_result_wrap .search_result_box.cate03.notice .title_box,
.sub .search_merge_wrap .search_result_wrap .search_result_box.cate04.faq .title_box {width:100%; padding:40px 15px 0;}
.sub .search_merge_wrap .search_result_wrap .search_result_box.cate03 .board_list06,
.sub .search_merge_wrap .search_result_wrap .search_result_box.cate04 .board_list07,
.sub .search_merge_wrap .search_result_wrap .search_result_box.cate03.notice .board_list06,
.sub .search_merge_wrap .search_result_wrap .search_result_box.cate04.faq .board_list07 {width:100%; margin:20px 0 40px; box-sizing:border-box;}
.sub .search_merge_wrap .search_result_wrap .search_result_box .board_list05 ul li a .prd_info .tit em,
.sub .search_merge_wrap .search_result_wrap .search_result_box .board_list06 ul li .tit a em,
.sub .search_merge_wrap .search_result_wrap .search_result_box .board_list07 ul li a .tit strong em,
.sub .search_merge_wrap .search_result_wrap .search_result_box .board_list07 ul li .answer_wrap .txt em {font-size:13px;}
/* static 페이지 */
.sub .guide_wrap {width:100%; padding:0 0;}
.sub .guide_wrap div.txt_wrap {margin:0 15px;}
.sub .guide_wrap div.bi_boxwrap:first-child {margin-top:0;}
.sub .guide_wrap div.bi_boxwrap {margin-top:40px;}
.sub .guide_wrap .greet_sign {margin-bottom:40px}
/* 예매환불취소안내 */
.sub .perf_refund_wrap .perf_refund_box {margin:40px 0 0;}
.sub .perf_refund_wrap .perf_refund_box.refund {background-position:54% 60px; background-size:220px auto;}
.sub .perf_refund_wrap .perf_refund_box h3 {padding:0 15px 20px; font-size:17px !important;}
.sub .perf_refund_wrap .perf_refund_box.refund > ul {width:100%; padding:160px 15px 20px; box-sizing:border-box;}
.sub .perf_refund_wrap .perf_refund_box.refund > ul li {display:flex; padding:20px 5px; align-items:flex-start; border-bottom:1px solid #161615}
.sub .perf_refund_wrap .perf_refund_box.refund > ul li h4 {width:125px; font-size:13px; flex-shrink:0; line-height:21px;}
.sub .perf_refund_wrap .perf_refund_box.refund > ul li h4 span {font-size:13px;}
.sub .perf_refund_wrap .perf_refund_box.refund > ul li h4 strong {font-size:15px; padding:0 0;}
.sub .perf_refund_wrap .perf_refund_box.refund > ul li p {font-size:13px; line-height:21px;}
.sub .perf_refund_wrap .perf_refund_box.refund > ul li p span {font-size:13px;}
.sub .perf_refund_wrap .perf_refund_box.refund > ul > li > div {width:calc(100% - 125px); font-size:13px; line-height:21px;}
.sub .perf_refund_wrap .perf_refund_box.refund > ul > li > div p {font-size:13px; line-height:21px;}
.sub .perf_refund_wrap .perf_refund_box.refund .customer_guide {padding:40px 20px; background-color:#f3f3f4;}
.sub .perf_refund_wrap .perf_refund_box.refund .customer_guide dl {display:block; padding-bottom:20px;}
.sub .perf_refund_wrap .perf_refund_box.refund .customer_guide dl dt {width:100%; padding:0 0 20px 0;}
.sub .perf_refund_wrap .perf_refund_box.refund .customer_guide dl dt strong {display:inline; font-size:15px;}
.sub .perf_refund_wrap .perf_refund_box.refund .customer_guide dl dd {width:100%; font-size:13px; font-weight:500; line-height:21px;}
.sub .perf_refund_wrap .perf_refund_box.refund .customer_guide p {font-size:13px; line-height:21px;}
.sub .perf_refund_wrap .perf_refund_box.receive {margin:40px 15px;}
.sub .perf_refund_wrap .perf_refund_box.receive h3 {padding-left:5px;}
.sub .perf_refund_wrap .perf_refund_box.receive ul li {padding:0 0; margin-top:40px;}
.sub .perf_refund_wrap .perf_refund_box.receive ul li:first-child {margin-top:0;}
.sub .perf_refund_wrap .perf_refund_box.receive ul li:nth-child(1) {background-size:32px auto; background-position:10px 0;}
.sub .perf_refund_wrap .perf_refund_box.receive ul li:nth-child(2) {background-size:32px auto; background-position:10px 0;}
.sub .perf_refund_wrap .perf_refund_box.receive ul li:nth-child(3) {background-size:36px auto; background-position:10px 0;}
.sub .perf_refund_wrap .perf_refund_box.receive ul li h4 {padding:0 0 0 62px; font-size:15px; line-height:41px;}
.sub .perf_refund_wrap .perf_refund_box.receive ul li h4 > button,
.sub .perf_refund_wrap .perf_refund_box.receive ul li h4 > a {vertical-align:middle;}
.sub .perf_refund_wrap .perf_refund_box.receive ul li p {padding:20px 0 0 0; font-size:13px; line-height:21px;}
.sub .perf_refund_wrap .perf_refund_box.cancel {margin:40px 15px;}
.sub .perf_refund_wrap .perf_refund_box.cancel h3 {padding-left:5px;}
.sub .perf_refund_wrap .perf_refund_box.cancel ul {padding:0 0 20px;}
.sub .perf_refund_wrap .perf_refund_box.cancel ul li {line-height:21px; font-size:13px;}
.sub .perf_refund_wrap .perf_refund_box.cancel table {width:100%;}
.sub .perf_refund_wrap .perf_refund_box.cancel table thead th {padding:12px 0; font-size:12px; line-height:20px;}
.sub .perf_refund_wrap .perf_refund_box.cancel table thead th:first-child {padding:12px 0; text-align:center;}
.sub .perf_refund_wrap .perf_refund_box.cancel table tbody td {padding:12px 10px; font-size:12px; line-height:20px;}
.sub .perf_refund_wrap .perf_refund_box.cancel table + p {padding-top:20px; font-size:13px;}

/* 외주작업 - 이진경 */
/* 수강환불안내 */
.flex_row.v-rwd {display: block;}
.sub .perf_refund_wrap .perf_refund_box.edu_refund > ul {margin:0 15px; width:auto; padding:0 0;}
.sub .perf_refund_wrap .perf_refund_box.edu_refund > ul li {display: block; font-size:13px; padding:0 0; margin-top:25px; text-indent:-7px}
.sub .perf_refund_wrap .perf_refund_box.edu_refund > ul li:first-child {padding-top:0; margin-top:0;}
.sub .perf_refund_wrap .perf_refund_box.edu_refund > ul li h4 {width: 100%; padding: 0 0 20px 0; margin-left:10px;}
.sub .perf_refund_wrap .perf_refund_box.edu_refund > ul li h4 strong {display: inline;}
.sub .perf_refund_wrap .perf_refund_box.edu_refund > ul li h4 span {font-size:13px;}
.sub .perf_refund_wrap .perf_refund_box.edu_refund > ul li div.list_def {width: 100%; padding:25px 0 25px 7px;}
.sub .perf_refund_wrap .perf_refund_box.edu_refund > ul li div.list_def ul li {margin:0 0;}
.sub .perf_refund_wrap .perf_refund_box.edu_refund .flex_row li:first-child {margin:0 0 0 0;}

/* 오시는길 */
.sub .map_wrap {margin:20px 0 40px;}
.sub .howtocome {padding-left: 15px; padding-right: 15px;}
.sub .perf_refund_wrap .perf_refund_box.howtocome h3 {padding:0 0 20px 0;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .dl_def dt {font-size:13px;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .dl_def dd {font-size:13px;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .bytrans > li {display: block; padding:0; margin-bottom:30px;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .bytrans > li:first-child {margin-bottom:30px;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .bytrans > li:last-child {margin-bottom:0;}
.sub .perf_refund_wrap .perf_refund_box.howtocome > ul.bytrans li h4 strong {padding-left:0; padding-bottom:20px; font-size:13px;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .bytrans {padding:30px 0; margin-bottom:40px;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .bytrans_box {width:100%;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .bytrans_box li {padding-bottom:20px; border-bottom: none;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .bytrans_box.bus ul li {flex-wrap: wrap; margin-bottom:20px; padding-bottom: 0;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .bytrans_box.bus ul li:last-child {margin-bottom: 0;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .bypublic_line {width: 35px; flex-shrink: 0;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .bypublic_line .subway7 {width: 25px; height: 25px; background: transparent url(/images/sub/ico_subway7_m.png) no-repeat 0 0/contain;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .bypublic_line .subway1 {width: 25px; height: 25px; background: transparent url(/images/sub/ico_subway1_m.png) no-repeat 0 0/contain;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .bypublic_line .subway11 {width: 25px; height: 25px; background: transparent url(/images/sub/ico_subway1_m.png) no-repeat 0 0/contain;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .bypublic_line .busline {width: 96px; height: 30px; border: 1px solid #161615; border-radius: 15px; font-size: 12px; line-height:27px;}
.sub .perf_refund_wrap .perf_refund_box.howtocome ul li {font-size:13px; line-height:21px;}
.sub .perf_refund_wrap .perf_refund_box.howtocome > ul li div.bypublic_txt {width: calc(100% - 35px);}
.sub .perf_refund_wrap .perf_refund_box.howtocome ul.park_minilist li {text-indent:-8px; padding:0 0 0 10px;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .bytrans_box.bus ul li div.bypublic_txt {width:100%; margin:0 0 0 5px;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .bytrans_box.bus .bypublic_line {width: 100%; margin-bottom: 10px;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .bytrans_box .num {font-size:13px; line-height:21px;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .bypublic_txt p {font-size:13px;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .bytrans_box.car .bypublic_line {padding-left: 0;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parking_wrap {flex-direction: column;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parking_wrap h3 {width: 100%; border-bottom: 2px solid #161615;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parking_box .parking_floor {margin:30px 0;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parking_box .parking_floor li {width: 100%; margin-right: 10px;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parking_floor_box {width: 100%; height: 194px; flex-direction: column;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parking_floor_box .ico {width: 52px; height: 45px; margin-right: 0; margin-bottom: 20px;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parking_floor_box .park_tit {font-size:13px; text-align: center; margin-bottom: 5px;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parking_floor_box .park_num {font-size:15px; text-align: center; margin-bottom: 5px;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parking_floor_box .park_txt {font-size: 11px; text-align: center;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .park_minilist {padding-left:0; margin-bottom:40px; font-size:13px; line-height:21px;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .park_minilist em {font-size:13px; line-height:21px;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parkfee_top {flex-direction: column; margin-bottom: 0;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parkfee_top .parkfee {width: 100%; display: flex; border-right: 0;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parkfee dt {width: 80px; height: auto; flex-shrink: 0; font-size:13px; border-right: 1px solid #D9D9E2;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parkfee dd {height: auto; padding: 30px; flex-grow: 1; font-size:13px; line-height:21px; justify-content: flex-start; text-align: left;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parkfee .parkfee_rw {flex-direction: column;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parkfee .parkfee_rw li {width: 100%; padding-bottom: 30px; margin-bottom: 30px; border-right: 0; border-bottom: 1px solid #D9D9E2; align-items: flex-start;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parkfee .parkfee_rw li:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parkfee .parkfee_rw .price,
.sub .perf_refund_wrap .perf_refund_box.howtocome .parkfee .parkfee_rw .price em {font-size:13px;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parkfee .parkfee_rw .txt,
.sub .perf_refund_wrap .perf_refund_box.howtocome .parkfee .parkfee_rw .txt em {font-size:13px;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parking_box h4 {font-size:19px; line-height:normal;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parkfee_wrap {margin-bottom:40px;}

.sub .perf_refund_wrap .perf_refund_box.howtocome .parkmapbox {width:100%; padding:30px 0; border-width:2px;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parkmapbox > p {width:280px; height:35px; margin:0 auto 20px;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parkmapbox > p.tit_b1 {background-size:auto 35px;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parkmapbox > p.tit_b2 {margin-top:35px; background-size:auto 35px;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parkmapbox > ul {display:block; width:280px; margin:0 auto;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parkmapbox > ul li {width:100% !important; padding:24px 0 40px 0; background:url(/images/sub/img_parking_arr_m.png) no-repeat 50% 100%; background-size:74px 26px;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parkmapbox > ul li:first-child {padding-top:0;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parkmapbox > ul li:last-child {background:none; padding:24px 0 0 0;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parkmapbox > ul li > div {display:block;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parkmapbox > ul li > div > img {margin-top:5px;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parkmapbox > ul li > div > img:first-child {margin-top:0;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parkmapbox > ul li p {margin:20px 0 0 0; padding:0 0 0 28px; line-height:21px; font-size:13px;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parkmapbox > ul li p strong {font-weight:600; font-size:13px;}
.sub .perf_refund_wrap .perf_refund_box.howtocome .parkmapbox > ul li p em {font-size:13px;}

.parkfee_btm {padding:30px 20px; border-top: 0;}
.parkfee_btm ul li {margin-bottom: 25px;}
.parkfee_btm ul li:last-child {margin-bottom: 0;}
.parkfee_btm ul dl {flex-direction: column; margin-top:10px;}
.parkfee_btm ul dl dt:first-child {width:100%;}
.parkfee_btm ul dl dt {margin-bottom:20px;}
.parkfee_btm ul dl p {font-size:13px; line-height:21px}
.parkfee_btm ul dl p strong {font-size:13px; font-weight:600; line-height:21px}
.parkfee_btm ul dl p.minitxt {font-size:12px; line-height:20px;}

/* 극장안내 - 콘서트홀, 소공연장, 갤러리, 연습실 */
.theater_wrap {padding: 0 0;}
.theater_wrap h4 {padding:20px 0 40px;}
.theater_wrap h4 strong {font-size:21px; margin-bottom:0; font-weight:600;}
.theater_wrap h4 span {font-size:13px; line-height:21px;}
.theater_big {margin:0 0 30px;}
.theater_big .gall_taplist {position: relative; bottom: auto; right: auto; display: flex; justify-content: center; margin-top: 20px; }
.theater_big .gall_taplist::after {position: relative; display: block; clear: both; content: '';}
.theater_big .gall_taplist li {margin-right: 5px;}
.theater_big .gall_taplist li a {width: 65px; height: 65px;}
.theater_wrap .txt_wrap p {font-size:13px; line-height:21px;}
.theater_wrap .txt_wrap p.center {text-align:left;}
.theater_wrap .minimap_box {margin:70px 15px; width:auto;}
.theater_wrap .flex_row_rwd_wrap {display: block;}
.theater_wrap .seatguide_txtwrap h5 {font-size:21px; line-height:30px; margin-bottom:20px;}
.theater_wrap .seatguide_txtwrap p {font-size:13px; line-height:21px; margin-bottom:20px;}
.theater_wrap .seatguide_txtwrap dt {font-size:13px; line-height:21px;}
.theater_wrap .seatguide_txtwrap dd {font-size:13px; line-height:21px;}
.theater_wrap .seatguide_txtwrap .cautiontxt {margin:20px 0; font-size:13px; line-height:21px;}
.theater_wrap .seatguide_txtwrap .seatbtn {text-align: center; padding: 0;}
.theater_wrap .seatguide_txtwrap {margin:0 15px;}
.theater_wrap .seatmap_box {width: 100%; margin-top:40px;}
.theater_wrap .seatmap_box .gall_taplist {height:auto; margin-bottom:0;}
.theater_wrap .seatmap_box .gall_taplist li a {font-size:13px; margin:0 5px; padding:7px 20px;}
.theater_wrap .seatmap_box .gall_taplist li a.active {font-size:13px;}
.theater_wrap .btnbox {text-align:center;}
.theater_wrap .vrBox {width:100%; padding:0 0 30px 0;}
.theater_wrap .vrBox h5 {margin:0 0 15px 0; font-size:16px; text-align:center; line-height:23px;}
.theater_wrap .vrBox .btnbox {display:block;}
.theater_wrap .vrBox .btnbox button {width:100px; height:45px; margin:0 3px;}
.theater_wrap .vrBox .btnbox button span {font-size:14px;}

/* BAC 아카데미 */
.academy_wrap {padding: 0 15px;}
.academy_wrap p {font-size:13px; line-height:21px; margin-bottom:0;}
.academy_wrap p.bigtxt {font-size:13px; margin:30px 0;}
.academy_wrap p.bigtxt strong {margin-top:10px; font-size:15px; font-weight:600; line-height:25px;}
.academy_wrap .theater_big {margin-top:0;}
.academy_motionbox {margin:40px auto 30px;}

/* BAC 포인트 */
.sub .point_wrap {padding:0 15px; box-sizing: border-box;}
.point_icobox {height:170px; background-size: auto 100%; margin-bottom:30px;}
.point_icobox p {font-size:19px; padding-top:25px; font-weight:600;}
.point_top {margin-bottom:40px;}
.point_top p.txt {font-size:13px; line-height:21px; margin-bottom:10px;}
.point_top p.txt_mini {font-size:12px; line-height:20px;}
.point_list li {text-indent:-10px; padding-left:10px; font-size:13px; line-height:21px; margin-bottom:15px;}
.point_list li strong {font-size:13px;}

/* BI소개 */
.bi_boxwrap { padding: 0 15px; margin-bottom:0;}
.bi_boxwrap h4 {margin-bottom:20px; font-size:21px;}
.infoopen_wrap p {font-size:13px; line-height:21px;}
.infoopen_wrap p.subtit {font-size:13px; font-weight:500; padding-bottom:7px;}
.bs_list {display: block; margin-top:40px;}
.bs_list li { text-align: center; margin-bottom:40px;}
.bs_list img {width: 260px;}
.bi_symbol_bdbox {margin-top: 30px; padding: 100px 0;}
.bi_symbol_bdbox img {width: 150px;}
.bi_rwd_box {display: block; margin-top:40px;}
.bi_rwd_box p {width: 100%; padding-top: 0; margin-bottom:40px;}
.bi_rwd_box p span {display: inline;}
.bi_rwd_box .bi_rwd_imgbox {width: 100%;}
.bi_rwd_box .bi_rwd_imgbox:last-child {padding-top: 30px;}
.bi_bdbox {padding: 0 30px; margin-top:30px;}
.bi_bdbox .tit {width: 254px; margin: 70px auto 90px;}
.bi_bdbox ul {padding-bottom: 0;}
.bi_bdbox ul li {margin-bottom: 60px;}
.bi_bdbox .tit_sub {font-size:13px;}
.bi_bdbox .bi_rwd_sbbox {display: block; text-align: center;}
.bi_bdbox .bi_rwd_sbbox img {margin-bottom:20px;}
.bi_bdbox .bi_rwd_sbbox img:last-child {margin-bottom: 0;}
.bi_boxwrap .bi_btnbox {position: static; margin-top:40px; text-align: center;}
.bi_boxwrap .bi_btnbox a {font-size:13px; font-weight:600;}

/* 정보공개 */
.sub .infoopen_wrap .tab02 {margin-right: 0;}
.infoopen_target {padding: 0 15px; margin-top:20px;}
.infoopen_box {font-size:13px; margin-top:30px}
.infoopen_box:first-child {margin-top:0;}
.infoopen_box h4 {font-size:15px; margin-top:0; line-height:23px; font-weight:600; margin-bottom:20px; }
.infoopen_box .listdef > li {margin-top:20px; font-size:13px; line-height:21px;}
.infoopen_box .listdef.mini li {font-size: 11px; line-height: 18px;}
.infoopen_box .listdef.minib li {font-size:13px; font-weight: 500; line-height:21px;}
.infoopen_box .listdef.big li {font-size:13px; font-weight: 500; line-height:21px;}
.infoopen_box .listdef li {font-size:13px; font-weight:400; line-height:21px;}
.infoopen_box.humanRight .tit {font-size:13px;}
.infoopen_box.humanRight .txt_ps {padding-top:30px; font-size:13px;}
.infoopen_wrap .tab02 li:first-child {}
.mcenter_txt {text-align: center;}
.claimprd_list_wrap > li {float: none; margin-bottom: 70px;}
.claimprd_list_wrap > li::after {width: 30px; height: 25px; top: auto; right: calc(50% - 15px); bottom: -50px; transform: scaleX(-1) rotate(90deg);}
.claimprd_list_wrap > li:nth-child(1){width: 100%; padding-right: 0;}
.claimprd_list_wrap > li:nth-child(2){display: flex; justify-content: center; width: 100%; padding-left: 0; margin-right: 0;}
.claimprd_list_wrap > li:nth-child(2) strong {margin-right: 20px;}
.claimprd_list_wrap > li:nth-child(2)::after {right: calc(50% - 15px);}
.claimprd_list_wrap > li:nth-child(3)::after {top: auto; right: calc(50% - 15px); transform: scaleX(-1) rotate(90deg);}
.claimprd_list_wrap > li:nth-child(4){position: static;}
.claimprd_list_wrap > li > strong {font-size:15px; font-weight:600; line-height:23px; margin-bottom:7px; text-align: center;}
.claimprd_list li {font-size:13px; line-height:21px; font-weight:400;}
.bggray_txtbox {padding: 20px 20px; margin-top: 20px;}
.bggray_txtbox .subtit {font-size:13px; line-height: 25px; font-weight: 500;}
.light_list li {font-size:13px; line-height:21px;}
.dn_btnbox {margin-top: 40px;}
.dn_btnbox a, .dn_btnbox button {display: flex; flex-direction: column; width: 100%; height: 107px; margin-bottom:10px; justify-content: center; align-items: center;}
.dn_btnbox a strong, .dn_btnbox button strong {margin-right: 0; font-size:13px; margin-bottom: 15px;}
.dn_btnbox a span, .dn_btnbox button span {font-size:13px;}
.listdef .dn_btnbox {margin: 30px 0;}
.infoopen_box .listdef em {font-size:13px; line-height:21px;}
.tbl_wrap table thead th {font-size:12px; font-weight:600; height:22px;}
.tbl_wrap table th {font-size:11px;}
.tbl_wrap table tbody th { padding: 0 20px; font-weight:600;}
.tbl_wrap table tbody td {padding: 15px 20px;}
.tbl_charge {width:780px; margin-top:0;}
.tbl_charge colgroup col:nth-child(1) {width: 130px;}
.tbl_charge colgroup col:nth-child(3) {width: 360px;}

.management_tit strong {display:block; font-size:13px;}
.management_link {padding-top:12px;}
.management_link li {width:50%; padding-top:8px; box-sizing:border-box;}
.management_link li:nth-child(odd) {padding-right:4px;}
.management_link li:nth-child(even) {padding-left:4px;}
.management_link li a {width:100%; padding:18px 0 20px; font-size:11px;}

/* 윤리경영 - 윤리규범, 임직원 행동강령, 청렴행동수칙, 클린신고센터 */
.ethics_list ul {margin-top: 30px; margin-bottom: -25px;}
.ethics_list ul li {height: auto; padding: 30px; flex-direction: column; align-items: flex-start; margin-bottom:20px;}
.ethics_list ul li strong {width: 100%; text-align: left; font-size:13px; }
.ethics_list ul li p {padding-left: 0; padding-right: 0; font-size:13px; line-height:21px;}
.infoopen_box.ethics {margin-bottom:40px;}
.infoopen_box.ethics h4 { margin-top:0; font-size:13px; line-height:21px;}
.infoopen_box.ethics_m {margin-bottom:30px;}
.bgrwd_wrap {border: 0; padding: 0;}
.bgrwd_wrap .bgrwd_box {border: 0; padding: 0;}
.bgrwd_wrap .ico_corner {display: none;}
.bgrwd_wrap .tit {font-size:17px; margin:60px 0 30px 0;}
.bgrwd_wrap .tit::before {width: 76px; height: 16px; top: calc(50% - 8px); left: 0;}
.bgrwd_wrap .tit::after {width: 76px; height: 16px; top: calc(50% - 8px); right: 0;}
.infoopen_box .listdef.stronger {margin:40px 0;}
.bgrwd_wrap .lastcentertxt {margin-top:40px; font-size:13px}
.infoopen_box .listdef.stronger > li {font-size:13px; line-height:21px;}
.grayscroll_wrap {padding: 0; background-color: transparent;}
.grayscroll_box {padding: 0; height: auto;}
.infoopen_wrap .grayscroll_box p {font-size:13px; line-height:21px; font-weight:400;}
.infoopen_wrap .grayscroll_box p.tit {margin-bottom: 20px; font-size:13px; font-weight:600;}
.infoopen_wrap h4 em {font-size:13px;}
.infoopen_wrap .btnbox button span, .infoopen_wrap .btnbox > a span {font-size:13px;}
.infoopen_box .listdef.mlight > li {margin-top: 0;}
.rcbox {padding: 40px 25px;}
.rcbox p {font-size:13px; line-height:30px; margin-bottom:30px;}
.rcbox .btnbox + div {font-size:13px; line-height:21px;}
.rcbox .btnbox + div a {margin-top:30px; font-size:13px; font-weight:600;}
.rc_prcbox {height: auto; background: none;}
.rc_prcbox > ul > li {position: static; margin-bottom: 30px;}
.rc_prcbox > ul > li:nth-child(1),
.rc_prcbox > ul > li:nth-child(2),
.rc_prcbox > ul > li:nth-child(3) {position: static;}
.rc_prcbox strong {padding-left: 0; font-size:13px; line-height:21px; margin-bottom: 10px;}
.rc_prcbox strong.ltxt {text-align: left;}


.public_interest_wrap {padding:0 20px;}
.public_interest_wrap > h4 {padding:30px 0 0; font-size:13px;}
.public_interest_wrap > h4:first-child {padding:0;}
.public_interest_wrap > p {padding:10px 0 0 0; font-size:13px; line-height:23px;}
.public_interest_wrap .tbl_public_interest {margin-top:20px; overflow-x:auto;}
.public_interest_wrap .tbl_public_interest table {min-width:470px; border:1px solid #161615;}
.public_interest_wrap .tbl_public_interest table colgroup col:first-child {width:100px;}
.public_interest_wrap .tbl_public_interest table colgroup col:nth-child(2) {width:370px;}
.public_interest_wrap .tbl_public_interest table tbody th {font-size:11px;}
.public_interest_wrap .tbl_public_interest table tbody td {padding:15px 20px;}
.public_interest_wrap .tbl_public_interest table tbody td li,
.public_interest_wrap .tbl_public_interest table tbody td li a {font-size:11px; line-height:18px;}
.public_interest_wrap .tbl_public_interest table tbody td ul ul.down {flex-direction:column;}
.public_interest_wrap .tbl_public_interest table tbody td ul ul.down li {padding:5px 0;}
.public_interest_wrap .tbl_public_interest table tbody td ul ul.down li a {width:97px; height:38px;;}
.public_interest_wrap .tbl_public_interest table tbody td ul ul.down li a span {font-size:11px;}
.public_interest_wrap .pro_step {padding:20px 0 0 0;}
.public_interest_wrap .pro_step ol {flex-direction:column;}
.public_interest_wrap .pro_step ol li {width:100%; padding:0 0 8px 0;}
.public_interest_wrap .pro_step ol li > div {width:calc(100% - 16px); height:88px; padding:20px 0 20px 81px; border:1px solid #161615; box-sizing:border-box;}
.public_interest_wrap .pro_step ol li > div strong {font-size:13px; line-height:21px;}
.public_interest_wrap .pro_step ol li > div p {font-size:11px; line-height:21px;}


/* 기타 - 영상정보처리기기 운영관리 방침/개인정보 처리 방침/BAC 서비스 이용약관 */
.sub .etc_wrap {padding-left:15px; padding-right:15px; margin-top:70px; box-sizing: border-box;}
.etc_box {margin:30px 0;}
.etc_box h4 {font-size:21px; margin-bottom:20px; font-weight:600;}
.etc_box h5 {font-size:13px; line-height:21px; font-weight:600; margin-bottom:10px}
.etc_box p {font-size:13px; line-height:21px;}
.etc_box .etclist p.tit {font-weight:500;}
.infoopen_box .listsmall > li {font-size:13px; line-height:21px;}
.etc_rwdtbl_wrap {display: block; border-top: 0; margin-top: 40px;}
.etc_rwdtbl_wrap > dl {flex-direction: column; margin-bottom: 10px; border-top: 1px solid #161615;}
.etc_rwdtbl_wrap > dl > dt {width: 100%; padding: 8px; font-size:13px; line-height:21px;}
.etc_rwdtbl_wrap > dl > dd {width: 100%; justify-content: center; font-size:13px; line-height:21px;}
.etc_rwdtbl_wrap > dl > dd.half1 {width: 100%;}
.etc_rwdtbl_wrap > dl > dd.half2 {width: 100%;}
.etc_rwdtbl_wrap ul dl dt { width: 50%; font-size:13px;}
.etc_rwdtbl_wrap ul dl dd {font-size:13px;}
.etc_tbl_wrap {display: inline-block; width: 100%; margin-top: 40px; overflow-x: auto;}
.etc_tbl_wrap table {width: 400px; table-layout: fixed; font-size:13px;}
.etc_tbl_wrap table th {padding: 5px 10px; font-size:13px; }
.etc_tbl_wrap table td {padding: 5px 10px; font-size:13px; }
.etc_tbl_wrap table colgroup col:nth-child(1) {width: 100px;}
.etc_tbl_wrap table colgroup col:nth-child(2) {width: 90px;}
.etc_tbl_wrap table colgroup col:nth-child(3) {width: 90px;}
.etc_tbl_wrap table colgroup col:nth-child(4) {width: 90px;}
.etc_tbl_wrap table colgroup col:nth-child(5) {width: 130px;}
.etclist {margin-top: 30px;}
.etclist > li {font-size:13px; margin-bottom:15px;}
.etclist.mtno {margin-top: 20px;}
.etc_box .etclist p.tit.mbspace {margin-bottom:20px;}
.etc_wrap h5.bigtit {font-size:15px; line-height:23px; padding-bottom:20px;}
.infoopen_box .listsmall.mtspace {margin-top:20px;}

/* ESG 경영 */
.esg_mng_wrap {box-sizing:border-box; padding:0 15px;}
.esg_mng_img {text-align:center; padding-top:60px;}
.esg_mng_wrap > div > dl > dt > strong { max-width:237px; height:45px; font-size:14px;}
.esg_mng_wrap .esg_mng_box01 > dl {width:100%;}
.esg_mng_wrap .esg_mng_box01 > dl > dd {padding:30px 0;}
.esg_mng_wrap .esg_mng_box01 > dl > dd + dd {border-top:1px solid #D9D9E2;}
.esg_mng_wrap .esg_mng_box01 > dl > dd > ul {display:block; gap:0; max-width:283px; margin:0 auto; padding:0;}
.esg_mng_wrap .esg_mng_box01 > dl > dd > ul li {display:flex;}
.esg_mng_wrap .esg_mng_box01 > dl > dd > ul li + li {padding:20px 0 0 0; font-size:14px;}
.esg_mng_wrap .esg_mng_box01 > dl > dd > ul li strong:first-child {width:50%;}
.esg_mng_wrap .esg_mng_box01 > dl > dd > ul li strong:first-child em,
.esg_mng_wrap .esg_mng_box01 > dl > dd > ul li strong:first-child span {font-size:14px; letter-spacing:-1.05px; font-weight:600;}
.esg_mng_wrap .esg_mng_box02 > dl {width:100%; max-width:330px; margin:0 auto;}
.esg_mng_wrap .esg_mng_box02 > dl > dt {padding-bottom:80px; position:relative;}
.esg_mng_wrap .esg_mng_box02 > dl > dt strong::after {top:45px; width:158px; height:45px; background-size:100% auto;}
.esg_mng_wrap .esg_mng_box02 > dl > dd {display:block; position:relative;}
.esg_mng_wrap .esg_mng_box02 > dl > dd dl {position:relative;}
.esg_mng_wrap .esg_mng_box02 > dl > dd dl::after {content:""; position:absolute; left:50%; bottom:0; width:17px; height:20px; background: url(../../images/sub/ico_next_poly.png) no-repeat 50% 50%; transform:rotate(90deg) translate(-50%, 0);}
.esg_mng_wrap .esg_mng_box02 > dl > dd dl dt {padding:0; background:none;}
.esg_mng_wrap .esg_mng_box02 > dl > dd dl:last-child::after {display:none;}
.esg_mng_wrap .esg_mng_box02 > dl > dd dl dt strong {width:100%; height:45px; padding:0 0 0 45px; font-size:14px; justify-content:flex-start;}
.esg_mng_wrap .esg_mng_box02 > dl > dd dl dd {padding:15px 45px 57px;}

/* 조직도 */
.sub .org_wrap {padding-left: 15px; padding-right: 15px;}
.org_chart_dept.first::after {bottom: 10px; height: 50px;}
.org_chart_dept.first .dept {width: 113px; height:50px; font-size:13px; line-height:50px; font-weight:500;}
.org_chart_dept.first .dept_sub {right: calc(50% + 75px); padding: 10px 25px; font-size:13px; font-weight:500;}
.org_chart_dept.first .dept_sub::before {width:65px; right:-65px;}
.org_chart_dept.second::after {bottom: 10px; height: 50px;}
.org_chart_dept.second .dept {width: 113px; height:50px; font-size:13px; line-height:50px; font-weight:500;}
.org_chart_dept.second .dept_sub {left: calc(50% + 70px); padding:10px 25px; font-size:13px; font-weight:500;}
.org_chart_dept.second .dept_sub::before {width: 58px; left: -58px;}
.org_chart_dept.third::after::after {bottom: 10px; height: 50px;}
.org_chart_dept.third .dept {width: 113px; height:50px; font-size:13px; line-height:50px; font-weight:500;}

.org_chart_team {padding-top: 5px; padding-left: 0;}
.org_chart_team::before {display: none;}
.org_chart_team ul {flex-direction: column; margin-left: 0;}
.org_chart_team ul li {margin-bottom: 40px;}
.org_chart_team ul li:last-child {margin-bottom: 0;}
.org_chart_team ul li::before {display: none;}
.org_chart_team dd {padding-top:20px; font-size:13px;}
.org_chart_team dt {width:138px; height:138px; font-size:13px;}
.org_chart {margin:0 20px}
.flexsbwrap h4 {font-size:21px; font-weight:600;}
.flexsbwrap {flex-direction: column;}
.flexsb_box.mtspace {margin-top: 30px;}
.orz_tbl_wrap {font-size:13px; width: 100%; overflow-x: auto;}
.orz_tbl_wrap table.executives {width: 650px;}
.orz_tbl_wrap table.noa {width: 420px;}
.orz_tbl_wrap table.council {width: 480px;}
.orz_tbl_wrap table colgroup col:nth-child(1), .orz_tbl_wrap table colgroup col:nth-child(2) {width: 100px;}
.orz_tbl_wrap table.executives colgroup col:nth-child(3) {width: 100px;}
.orz_tbl_wrap table.executives colgroup col:nth-child(5) {width: 120px;}
.orz_tbl_wrap table thead th, .orz_tbl_wrap table tbody th, .orz_tbl_wrap table tbody td, .orz_tbl_wrap table tbody td {padding:10px 0; font-size:13px;}
.org_backbtn {position: static; margin-top: 40px;}
.org_backbtn a {width: 104px; height: 43px; padding:0 0; line-height: 43px; margin: 0 auto; font-size:13px;}

/* 인사말 */
.greeting_box {padding-left: 15px; padding-right: 15px;}
.greeting_box .greet_photo {position: static; width: auto; height: auto; margin: 0 -15px 40px;}
.greeting_box .greet_tit {padding-bottom: 0; margin-bottom:40px; background: none;}
.greeting_box .greet_tit p {font-size:13px; line-height:25px;}
.greeting_box .greet_txt p {font-size:13px; line-height:21px;}
.greeting_box .greet_sign p {font-size:13px; font-weight:500;}
.greeting_box .greet_sign img {width: 153px; height: 52px;}

/* 경영전략 */
.management_box {padding-left:15px; padding-right:15px;}
.management_box h4 {font-size:21px; font-weight:600; text-align: left; margin-bottom:20px;}
.management_top {margin: 0 0 40px; flex-direction: column;}
.management_top dl {width: 100%; flex-direction: column; justify-content: center;}
.management_top dl dt {width: 90px; height: 100px; transform: rotate(90deg);}
.management_top dl dt span {font-size:13px; font-weight:600; line-height:21px; transform: rotate(-90deg);}
.management_top dl dd { font-size:13px; font-weight:500; line-height:21px;}
.management_top dl.mtleft {flex-direction: column-reverse;}
.management_top dl.mtleft dd {padding-right: 0; text-align:left;}
.management_top dl.mtright {margin-top: -10px;}
.management_top dl.mtright dd {padding-left: 0;}
.management_top dl.mtright dd ul {margin-top:30px;}
.management_top dl.mtright dd li {font-size:13px;  line-height:21px; text-align: center;}
.management_mtit {left: calc(50% - 116px); width: 232px; height: 67px; padding-top: 13px; font-size:13px; line-height:18px;}
.management_list_box {display: flex; justify-content: center; flex-direction: column;}
.management_list_box .manage_sub {position: static; width: 100%; height: 60px; display: flex; justify-content: center; align-items: center; border: 2px solid #161615; box-sizing: border-box;  font-size:13px; font-weight:600; line-height:30px; background-color: #fff;}
.management_list_box ol {flex-direction: column; border-top: 0; border-left: 1px solid #D9D9E2;}
.management_list_box ol > li {width: 100%; padding: 0 40px;}
.management_list_box dt {height: auto; padding:25px 0; font-size:13px; font-weight:600; border-bottom: 1px solid #D9D9E2;}
.management_list_box dd {margin-top: 0; padding:25px 0; font-size:13px; line-height:21px; text-align: center;}

/* 마이페이지 달력 */
.ui-datepicker th span {font-size:12px; font-weight:600;}


/* 기부회원 */
.donation_tit {padding:0 10px;}
.donation_tit .dn_tit01 {padding:0 0 32px 0; font-size:19px;}
.donation_tit .dn_tit01 strong {font-size:19px;}
.donation_tit .dn_tit02 {padding:170px 0 20px 0; background-size:167px auto; font-size:13px;}
.donation_tit .dn_tit03 {font-size:12px;}
.donation_txt {padding:40px 0 0 0;}
.donation_txt dl {display:block; padding:0;}
.donation_txt > dl > dt:nth-of-type(1) {padding-top:30px;}
.donation_txt > dl > dd:nth-of-type(1) {padding-top:0;}
.donation_txt > dl > dt {width:auto; padding:0 0 15px 0; font-size:13px; line-height:24px;}
.donation_txt > dl > dd {width:auto; padding:0 0 50px 0; font-size:13px; line-height:24px;}
.donation_txt > dl > dd p, .donation_txt dl dd li {font-size:13px; line-height:24px;}
.donation_txt > dl > dd .step_donation {display:block; padding:30px 0 0 0;}
.donation_txt > dl > dd .step_donation li {padding:0; position:relative;}
.donation_txt > dl > dd .step_donation li::before {content:""; display:block; position:static; margin:32px auto 20px; width:38px; height:24px; background-size:auto 24px; transform:rotate(90deg);}
.donation_txt > dl > dd .step_donation li:first-child {padding-left:0;}
.donation_txt > dl > dd .step_donation li:first-child::before {display:none;}
.donation_txt > dl > dd .step_donation li span {display:flex; align-items:center; margin:0 auto; min-width:auto; width:176px; font-size:13px; line-height:18px; text-align:left; box-sizing:border-box;}
.donation_txt > dl > dd .step_donation li:nth-child(1) span {height:54px; padding:0 0 0 88px; background-position:0 50%; background-size:auto 54px;}
.donation_txt > dl > dd .step_donation li:nth-child(2) span {height:55px; padding:0 0 0 88px; background-position:0 50%; background-size:auto 55px;}
.donation_txt > dl > dd .step_donation li:nth-child(3) span {height:60px; padding:0 0 0 88px; background-position:0 50%; background-size:auto 60px;}
.donation_txt > dl > dd .step_donation li:nth-child(4) span {height:60px; padding:0 0 0 88px; background-position:0 50%; background-size:auto 60px;}
.donation_txt > dl > dd .step_donation li:nth-child(5) span {height:60px; padding:0 0 0 88px; background-position:0 50%; background-size:auto 60px;}
.donation_txt > dl > dd > dl dt {font-weight:500; font-size:13px; margin-top:20px;}
.donation_txt > dl > dd > dl dd { font-size:13px; margin-top:20px;}
.donation_txt .dn_btnbox {margin-top:0; padding:0 15px;}
.donation_txt .dn_btnbox button {margin:0;}

.donation_info {margin:67px 15px 0;}
.donation_info ol {flex-wrap:wrap;}
.donation_info ol li {width:calc(100% / 2); height:322px;}
.donation_info ol li::before {width:100%; height:100%;}
.donation_info ol li div {padding:56px 29px 0 30px;}
.donation_info ol li div em {padding:0 0 16px 0; font-size:15px;}
.donation_info ol li div strong {padding:16px 0; font-size:15px; line-height:21px;}
.donation_info ol li div p {font-size:13px;}

.donation_box {padding:0 15px;}
.donation_box h4 {padding:50px 0 20px 0; font-size:17px;}
.tbl_donation {width:100%;}
.tbl_donation.scr {overflow:auto;}
.tbl_donation table {width:100%;}
.tbl_donation table thead th {padding:30px 0; font-size:13px;}
.tbl_donation table thead tr.multiTr th {padding:11px 0;}
.tbl_donation table thead tr.multiTr th.bg {font-weight:500;}
.tbl_donation table thead tr th.mwBr span {display:block;}
.tbl_donation table tbody th,
.tbl_donation table tbody td {padding:18px 0 17px; font-size:13px;}
.tbl_donation table tbody em {font-size:13px;}
.tbl_donation table tbody span {font-size:13px;}
.tbl_donation.scr table {width:1000px}


@media  all and (max-width:750px) {
    /* main */
    /* hotnews */
    .main .hotNews_wrap .hotNews_content .hotNews_bnr_pager {width:350px;}
}
@media  all and (max-width:700px) {
    /* main */
    /* hotnews */
    .main .hotNews_wrap {height:543px; margin:0; padding:100px 0 0 0; background:#fff url(/images/main/bg_hotNews_gr.png) no-repeat 50% 100%}
    .main .hotNews_wrap .bg {height:410px}
    .main .hotNews_wrap .m_title {position:absolute; left:auto; right:23px; top:-50px;}
    .main .hotNews_wrap .m_title h2 strong {font-size:24px;}
    .main .hotNews_wrap .m_title h2 em {padding-left:10px; font-size:24px; font-weight:200;}
    .main .hotNews_wrap .hotNews_content .hotNews_bnr {padding:15px 15px 35px 15px; overflow:visible;}
    .main .hotNews_wrap .hotNews_content .hotNews_bnr li .txt_area, .main .hotNews_wrap .hotNews_content .hotNews_bnr li .btn_more {display:none;}
    .main .hotNews_wrap .hotNews_content .hotNews_bnr li .thumb {width:325px; height:308px; margin:0 auto;}
    .main .hotNews_wrap .hotNews_content .hotNews_bnr_pager {position:static; margin:0 auto; padding:0 10px 0; overflow:visible}
    .main .hotNews_wrap .hotNews_content .hotNews_bnr .hotNews_nav {left:auto; right:25px; bottom:auto; top:-17px; width:auto;}
    
    .tabscroll_wrap.month .tab02.month {width:max-content;}
}

@keyframes navOnBlock1 {
    from {left:100%;}
    to {left:20px;}
}
@keyframes navOnBlock2 {
    from {left:100%;}
    to {left:0;}
}