@charset "utf-8";

/* common */
#container{overflow:hidden;}
#container .inr_box{max-width:1300px; padding:0 0.9375rem; margin:0 auto; /* font-family:Noto Sans KR , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; */}
#container .inr_box.narrow{max-width:1080px;}
#content{min-height:500px; padding-bottom:6.625rem; font-weight:300;}
#footer .inr:before{content:''; opacity:0.07; display:block; position:absolute; top:0; left:0px; width:100%; height:1px; background:#000;}
#container .calendar_box{max-width:1732px; padding:0 0.9375rem; margin:0 auto; /* font-family:Noto Sans KR , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; */}

.inr_width,
.inr_bbs{max-width:1300px; padding:0 0.9375rem; margin:0 auto;}
.inr_box.print{font-family:'맑은 고딕', Sans-serif;}

/* form */
input[type=text],
input[type=password],
input[type=tel],
input[type=date],
input[type=email],
input[type=number],
textarea,
select{font-size:0.875rem;}
select{background-color:#fff; padding-right:20px;}

/* button */
.button{background:#222; border-color:#222;}
.button.lg,
.button{font-size:0.9375rem;}
input.button.white:hover,
input.button.white:focus{color:#444 !important;}

/* bbs */
.pagination span{border-color:#1c356f; color:#1c356f;}
.bbsTitle{border-top-color:#1c356f;}
.iframe_video{margin-bottom:1.875rem;}
.bbsView > tbody > tr > th{background-color:#fff;}
.search_bbs .search select,
.search_bbs .search input[type="text"],
.search_bbs .search .button{height:40px;}
.search_bbs .search .button{line-height:38px;}
.search_bbs .search select{background-color:#fff;}
.photoList > li .img{padding-top:65%;}
.area_searchApply{margin-top:5rem;}
.area_searchApply ul li[data-room-result="user"] input,
.area_searchApply ul li[data-room-result="tel"] input{background-color:transparent;}
.area_searchApply .title + p{margin-bottom:10px;}
.photoList > li a > em.none{padding-bottom:20px; border-bottom:1px solid #eaecf1;}

/* sub common */
.sr_only{overflow:hidden; position:absolute; margin:-1px; width:1px; height:1px; clip:rect(0,0,0,0);}
.inr_box img{max-width:100%;}
.inr_box li,
.inr_box p{line-height:1.85;word-break:keep-all;}
.inpos{position:relative;}
.en[lang="en"]{line-height:1.3; font-size:1.25rem; font-weight:500; letter-spacing:.05em;}
.alignL{text-align:left !important;}
.alignC{text-align:center !important;}
.alignR{text-align:right !important;}

.m_block{display:none !important;}
.nobullet{padding-left:0 !important; background:none !important;}
.nobullet:before{content:none !important;}
.sect{padding-bottom:5rem;}
.sect.bdT{padding-top:3.5rem; border-top:1px solid #e0e0e0;}
.sect.nbdT{padding-top:3.5rem;}
.title_box{text-align:center; margin:2rem 0 5rem;}
.title{display:block; position:relative; line-height:1.5;}
.title.is1{padding-left:2.125rem; font-size:1.875rem; font-weight:400; background:url(/images/contents/icon_h1_bullet.png) no-repeat 0 1rem;}
.title.is1[lang="en"]{line-height:1.3; font-size:2.93rem; font-weight:600;}
html[lang="en"] h1.title{font-weight: 500; }
.title.is2{margin-left:2.125rem; margin-top:1.875rem; font-weight:600; font-size:1.375rem;}
.title:first-child{margin-top:0;}
.title .en_point{display:block; line-height:1; font-size:2.6em; color:#ddd; text-transform:uppercase;}
.text{margin-top:1rem; letter-spacing:-0.01em; color:#666;}
.text.is1{margin-left:2.125rem;}
.text.is2{margin-left:2.125rem;}
.text + .title.is2{margin-top:3.5rem;}

.bul_list{margin-top:1rem;}
.bul_list:first-child{margin-top:0;}
.bul_list li{position:relative;}
.bul_list li b{display:block; font-weight:600; color:#333;}
.bul_list li .bold{display: inline-block; font-weight:600; color:#333;}
.bul_list > li{padding-left:1rem;}
.bul_list > li:before{content:""; display:block; position:absolute; left:0; top:12px; width:4px; height:4px; background:#848380; border-radius:50%;}
.bul_list > li > ul{padding:0.25rem 0 1rem;}
.bul_list > li > ul li ul{padding-bottom:0;padding-left: 1rem;}
.bul_list > li:last-child ul:last-child{padding-bottom:0;}
.bul_list > li > ul > li{position:relative; padding-left:0.625rem; margin-bottom:2px; color:#777;}
.bul_list > li > ul > li:before{content:"-"; display:inline-block; position:absolute; top:0; left:0}
.nobul_list > li{padding-left:0;}
.nobul_list > li:before{content:none !important;}
.bul_list li .sort{float:left; display:inline-block; font-weight:600;}
.bul_list li .sort + *{margin-left:40px;}

.mob_info{position:relative; padding:.5rem 12px; margin-bottom:10px; background:#fff; border:1px solid #ccc; border-radius:2px;}
html[lang="en"] .mob_info:before{content:'You can check it by scrolling left and right.'; display:block; position:absolute; top:0px; left:0px; width:100%; box-sizing:border-box; padding:.5rem 12px; background:#fff;}

ul .tbl_wrap{margin-top:1rem; margin-bottom:1rem;}
table[class^="tbl_"]{position:relative; width:100%; border-collapse:separate; border-spacing:0; word-break:break-all;}
.tbl_wrap{margin-top:1.25rem;}
.tbl_wrap + *{margin-top:1.375rem;}
.tbl_scroll{position:relative;}
.tbl_scroll:not(.tbl_min_scroll) table{min-width:1024px;}
.tbl_scroll.tbl_min_scroll table{min-width:540px;}
.tbl_scroll:before{display:none; content:"모바일에서 좌우로 스크롤 할 수 있습니다."; position:absolute; top:0; z-index:2; line-height:1.8; padding:.5rem 12px;  background:#fff; border:1px solid #ccc; border-radius:2px; cursor:pointer; transition:all 0.3s;}
.tbl_mark{padding: 0.375rem 1rem; margin: 0 0 0.375rem; background: #f1f1f1; text-align: right; letter-spacing:.5px; font-size: 0.875rem; font-weight: 400;}
.tbl_normal{border-top:1px solid #27272f;}
.tbl_normal th,
.tbl_normal td{padding:1.375rem; border:1px solid #dedede; border-width:0 0 1px 1px; text-align:center;}
.tbl_normal th:first-child,
.tbl_normal td:first-child{border-left-width:0;}
.tbl_normal th.bdL,
.tbl_normal td.bdL{border-left-width:1px;}
.tbl_normal thead th{padding:1.56rem 1.375rem 1.625rem; background-color:#fff; color:#444;}
.tbl_normal tbody td{line-height:1.6; text-align:left; color:#666;}
.tbl_normal tbody .bg1{background-color:#fffbf7;}
.tbl_normal.tbl_black thead th{background:#27272f; border-color:#4c4c52; color:#c8a788;}
.tbl_normal.tbl_data td{text-align:center;}
html[lang="en"] .tbl_normal th,html[lang="en"] .tbl_normal td{word-break: keep-all;}

/*.box{margin-top:1rem;}*/
.box.box_img,
.box.box_alert,
.box.box_para{margin-top: 1rem;}

p.box_white{margin-bottom:20px; padding:20px; background:#fff;}

.box_img{position:relative; text-align:center;}
.box_img img{display:inline-block; vertical-align:top; max-width:100%;}
.box_img.border{border:1px solid #ccc;}
.box_img.white{padding:1.375rem; background-color:#fff;}
.box_img.border .box_absolt.white{border-color:#ccc; border-width:0 1px 1px 0}
.box_alert p{display:inline-block; position:relative; padding-left:1.375rem; font-weight:400; color:#db773b; word-break: keep-all;}
.box_alert p:before{content:""; display:block; position:absolute; top:0.375em; left:0; width:13px; height:14px; background:#db773b url(/images/contents/icon_alert.png) no-repeat 50% 50%; border-radius:50%;}
.box_alert a{color:inherit;}
.box_alert.white{padding:1rem; background-color:#fff;}
.box_alert.black p{color:#444;}
.box_alert.black p:before{background-color:#444;}
.title + .box_alert{margin-top:1rem;}

.box_para{padding:2.5rem 2.75rem; background-color:#fff; color:#666;}
.box_para p{text-align:center;}
.box_para.border{border:1px solid #ccc;}
.box_para.black{background:#27272f url(/images/contents/img_black_color.jpg) repeat 0 0; color:rgba(255,255,255,.6);}
.box_para.black p{color:#c8a788;}
.box_para.black.border{border-color:rgba(255,255,255,.08);}
.box_absolt{position:absolute; top:0; left:0; box-sizing:border-box; line-height:1.5; padding:1rem 1.25rem; background-color:#27272f; color:#fff; text-align:center;}
.box_absolt b{font-weight:300;}
.box_absolt:not(.white) b{color:#ffcc66;}
.box_absolt.white{background-color:#fff; border:1px solid #27272f; color:#333; display: none;}
.box_absolt.white b{color:#444;}

.accordion{border-top:1px solid #27272f;}
.accordion .tit{display:block; position:relative; padding:1.625rem 0; border-bottom:1px solid #ddd; cursor:pointer}
.accordion .tit .tit_state{position:absolute; top:50%; left:1.875rem; height:32px; /*font-size:0.875rem;*/ transform:translateY(-50%);}
.accordion .tit .tit_state span{display:inline-block; width:32px; height:32px; line-height:30px; background:#c1c1c1; border-radius:50%; font-weight:400; text-align:center; color:#fff; vertical-align:middle; transition:background 300ms;}
.accordion .tit .tit_state b{display:inline-block; margin-top:-2px; margin-left:.5rem; color:#27272f; letter-spacing:-0.01em; vertical-align:middle; transition:color 300ms;}
.accordion .tit .tit_questions{padding-left:21%; padding-right:4.375rem;}
.accordion .tit .tit_ctrl{display:block; position:absolute; right:17px; top:50%; width:44px; height:26px; padding:0; background:none; border:none; outline:0; cursor:pointer; transform:translateY(-50%);}
.accordion .tit .tit_ctrl:after{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/contents/icon_arw_down.png) no-repeat 50% 50%; transition:transform 300ms;}
.accordion .desc{overflow:hidden; background-color:#ffffff; border-bottom:1px solid transparent; transition:border .3s;}
.accordion .desc .text:first-child{margin-top:0;}
.accordion .desc .inr_desc{display:none; padding:2.125rem 4.563rem;}
.accordion .tit.active .tit_questions{color:#27272f; font-weight:600;}
.accordion .tit.active .tit_ctrl:after{background-image:url(/images/contents/icon_arw_up.png)}
.accordion .tit.active .tit_state span{background-color:#c38f5d;}
.accordion .tit.active .tit_state b{color:#c38f5d;}
.accordion .desc.active{border-color:#ddd;}
.accordion.nostate .tit .tit_questions{padding-left:0;}
.accordion.nostate .desc{background-color:transparent;}
.accordion.nostate .desc .inr_desc{padding-left:0; padding-right:0;}

.tab_content{overflow:hidden; opacity:0; height:0;}
.tab_content.current{overflow:visible; opacity:1; height:auto;}

*[class^="colum"]{font-size:0; text-align:center;}
*[class^="colum"] > li{display:inline-block; position:relative; box-sizing:border-box; font-size:1rem; text-align:center; vertical-align:top;}
*[class^="colum"].border > li{border:1px solid #dcdcdc;}
.colum_wrap{overflow:hidden; width:100%; margin-top:1.375rem;}
.colum1 > li{width:100%; margin-bottom:1rem;}
.colum1 > li:last-child{margin-bottom:0;}
.colum2{width:101.92%;}
.colum2 > li{width:48.08%; margin:1.92% 1.92% 0 0;}
.colum2 > li:nth-child(-n+2){margin-top:0;}
.colum3{width:106.53%;}
.colum3 > li{width:26.803%; margin:0 6.53% 3% 0;}
.colum4{width:102%;}
.colum4 > li{width:23%; margin:0 2% 2% 0;}
.colum5{width:102%;}
.colum5 > li{width:18%; margin:0 2% 0 0;}

.iframe_width{display:block; width:720px; height:100vh; margin:0 auto; border:0px;}

/*강의실*/
.colum_gallery_list{width:101.92%; text-align:left;}
.colum_gallery_list > li{width:31.413%; margin:0 1.92% 1.92% 0;}

/*탭*/
.colum_tab_list{margin-bottom:2.125rem;}
.colum_tab_list > li{padding:0 1.25rem; vertical-align:middle;}
.colum_tab_list > li:before{content:""; display:block; position:absolute; right:-1px; top:50%; width:5px; height:7px; margin-top:-3.5px; background:#c8a788; transform:rotate(0deg) skew(-40deg, 0deg);}
.colum_tab_list > li:last-child:before{content:none;}
.colum_tab_list > li a{font-size:1.25rem; font-weight:600; color:#aaa; transition:color 0.6s, border 0.6s;}
.colum_tab_list > li.current a{color:#1c356e;}
html[lang="en"] .colum_tab_list > li a{font-size:1.13rem;}

/*관람예절*/
.colum_prg_list > li{padding:3.938rem 2rem 3.438rem; background:#fff;}
.colum_prg_list > li figure{margin:0 auto 1.875rem;}
.colum_prg_list > li figure:not(.img){width:120px; height:120px; line-height:120px; border-radius:50%; background:url(../images/common/bg_body.gif) repeat 0 0;}
.colum_prg_list > li figure:not(.img) img{display:inline-block; max-width:60%; vertical-align:middle;}
.colum_prg_list > li b{display:block; line-height:1.6; font-size:1.25rem; font-weight:600; color:#222; letter-spacing:0.05em; margin-left:0.05em;}
.colum_prg_list > li .en{color:#ddd; text-transform:uppercase;}
.colum_prg_list > li .num{position:absolute; top:20px; left:28px; line-height:1; font-size:42px; font-weight:200; color:#ccc;}
/*.colum_prg_list > li .text{word-break:break-all; text-align:justify;}*/

/*코코아*/
.colum_cocoa_list{padding-bottom:5.75rem;}
.colum_cocoa_list > li{position:relative;}
.colum_cocoa_list > li .thumb{position:relative; width:100%; padding-top:110%; background:no-repeat 50% 50% / cover;}
.colum_cocoa_list > li .thumb:after{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.4); transition:background .3s;}
.colum_cocoa_list > li .thumb.cocoa1{background-image:url(/images/contents/img_cocoa_1.jpg)}
.colum_cocoa_list > li .thumb.cocoa2{background-image:url(/images/contents/img_cocoa_2.jpg)}
.colum_cocoa_list > li .thumb.cocoa3{background-image:url(/images/contents/img_cocoa_3.jpg)}
.colum_cocoa_list > li .desc{position:absolute; top:50%; left:0; width:100%; color:#fff; transform:translateY(-50%); transition:margin .3s, opacity .4s;}
.colum_cocoa_list > li .desc b{display:block; line-height:1.2; font-weight:600;}
.colum_cocoa_list > li .desc span{line-height:1.2;}
.colum_cocoa_list > li .normal{opacity:1; margin-top:0;}
.colum_cocoa_list > li .normal b{font-size:5.25rem;}
.colum_cocoa_list > li .normal span{font-size:1.625rem; letter-spacing:.5px;}
.colum_cocoa_list > li .hover{opacity:0; margin-top:-10px;}
.colum_cocoa_list > li .hover b{font-size:3.437rem; letter-spacing:1px;}
.colum_cocoa_list > li .hover i{color:#FEAE3F;}
.colum_cocoa_list > li:hover .desc.normal{opacity:0; margin-top:10px;}
.colum_cocoa_list > li:hover .desc.hover{opacity:1; margin-top:0;}
.colum_cocoa_list > li:hover .thumb:after{background:rgba(0,0,0,.6)}

/*기념품*/
.colum_souvenir_list{text-align:left;}
.colum_souvenir_list > li{border:1px solid transparent; cursor:pointer; transition:box-shadow .6s;}
.colum_souvenir_list > li .desc{padding:1.375rem; background-color:#fff;}
.colum_souvenir_list > li .desc small{display: block; padding-top: 0.625rem; margin-top: 0.625rem; line-height:1.5; border-top:1px dashed #d8d8d8; font-size: 0.9rem; color: #999;}
.colum_souvenir_list > li .desc .tit{font-size: 1.275rem;}
.colum_souvenir_list > li .desc .sub{display: block; color: #c38f5d; background-color: #fafafa;}
.colum_souvenir_list > li .desc .bul_list li{margin-top:5px; text-align:left; line-height:1.5;}
.colum_souvenir_list > li .desc .bul_list li:first-child{margin-top:0px;}
.colum_souvenir_list > li .desc .bul_list > li:before{top:9px;}
.colum_souvenir_list > li .tit{font-weight:600;}
.colum_souvenir_list > li:hover{/*box-shadow:4px 10px 26px rgba(0,0,0,.12);*/}
[data-pop-layer="layer"] .popBox{min-height:auto;}
[data-pop-layer="layer"] .popBox .popConts{max-height:700px;}
.position_wrap .colum_souvenir_list > li .desc{border:1px solid #e4e4e4;}

/*조항*/
.def_list{font-size:0; text-align:left;}
.def_list > li{display:inline-block; width:48%; box-sizing:border-box; padding-right:2%; margin:0 .5% .5% 0; vertical-align:top; text-align:left; font-size:1rem;}

/*좌석배치도*/
.colum_seat_list .box_scroll:before{display:none; content:"모바일에서 좌우로 스크롤 할 수 있습니다."; position:absolute; bottom:-1px; left:-1px; z-index:2; line-height:1.8; padding:.5rem 12px;  background:#fff; border:1px solid #ccc; border-radius:2px; cursor:pointer; transition:all 0.3s;}
.pst_wrap{margin-top:3rem; padding-top:1.375rem; text-align:center; background:url(/images/contents/img_bg_line.png) repeat-x 0 0;}
.pst_wrap .pst_list{margin-top:2.375rem;}
.pst_list{display:inline-block; position:relative;}
.pst_list > span{display:inline-block; position:absolute;}
.pst_list > span > a{display:inline-block; line-height:1.2em; box-sizing:border-box; padding:2px 8px; color:#fff; font-size:0.90rem; text-align:center;}
.pst-01{top:25.662%; left:47.758%;}
.pst-02{top:19.525%; left:26.896%;}
.pst-03{top:19.525%; right:26.896%;}
.pst-04{top:47.001%; left:47.758%;}
.pst-05{top:37.099%; left:26.896%;}
.pst-06{top:37.099%; right:26.896%;}
.pst-01 a, .pst-02 a, .pst-03 a, .pst-04 a, .pst-05 a, .pst-06 a{background:#293172; border:1px solid #1d2458;}
.pst-07{bottom:34.449%; left:47.758%;}
.pst-08{top:53.277%; left:22.758%;}
.pst-09{top:53.277%; right:22.758%;}
.pst-10{top:19.525%; left:17.448%;}
.pst-11{top:19.525%; right:17.448%;}
.pst-07 a, .pst-08 a, .pst-09 a, .pst-10 a, .pst-11 a{background:#b3990e; border:1px solid #83751d;}
.pst-12{bottom:21.896%; left:47.758%;}
.pst-13{bottom:27.475%; left:17.586%;}
.pst-14{bottom:27.475%; right:17.586%;}
.pst-15{top:32.217%; left:11.206%;}
.pst-16{top:32.217%; right:11.206%;}
.pst-12 a, .pst-13 a, .pst-14 a, .pst-15 a, .pst-16 a{background:#52a668; border:1px solid #3c8953;}
.pst-17{bottom:5.160%; left:47.758%;}
.pst-18{bottom:13.668%; left:17.586%;}
.pst-19{bottom:13.668%; right:17.586%;}
.pst-20{top:45.188%; left:6.724%;}
.pst-21{top:45.188%; right:6.724%;}
.pst-17 a, .pst-18 a, .pst-19 a, .pst-20 a, .pst-21 a{background:#1598de; border:1px solid #238cc3;}
#lcl_corner_close:before, .lcl_icon:before, .lcl_postered_video:not(.lcl_poster_clicked):before, .lcl_tn_next:before, .lcl_tn_prev:before{line-height:31px; font-size:13px;}
.lcl_play:before{font-size:1rem;}
#lcl_nav_cmd .lcl_icon{border-radius:0; border-color:rgba(255,255,255,.6); width:31px; height:31px; background:transparent; color:rgba(255,255,255,.6);}
#lcl_wrap:not(.lcl_on_mobile) .lcl_icon:not(.lcl_counter):not(.lcl_zoom_disabled):not(a):hover{border-radius:0 !important; border-color:#fff;}
.lcl_icon:not(.lcl_counter):after{background:transparent;}

.button_box{margin-top:1.375rem; font-size:0;}
.button_box .btn{margin-right:1rem; font-size:1rem;}
.button_box.button_tac{text-align:center;}
.cnt_btn{overflow:hidden; display:inline-block; position:relative; min-width:180px; line-height:1; box-sizing:border-box; padding:1.25rem 1.75rem; background:transparent;  border:1px solid transparent; border-radius:0px; border-color:#222; font-weight:600; letter-spacing:-0.025em; color:#222; text-align:center; vertical-align:middle; transition:color .3s;}
.cnt_btn span{position:relative; font-size:0.875rem; z-index:2;}
.cnt_btn:before{content:""; display:block; position:absolute; left:0; top:0; width:120%; height:100%; background-color:#222; transform-origin:right top; transform:translateX(-101%) skewX(-17.62deg); transition:transform .55s cubic-bezier(.52,.08,.18,1); backface-visibility:hidden;}
.cnt_btn:hover{color:#fff;}
.cnt_btn:hover:before{transform:translateX(0) skewX(-17.62deg); transform-origin:left top;}
.cnt_btn.minimize{min-width:auto; padding:0.6rem 1rem 0.7rem; margin:0.625rem 0 0;}
.cnt_btn.minimize span{font-size:0.75rem;}
.button_box.minimize{display: inline-block; margin: 0; vertical-align: middle;}
.button_box.minimize .cnt_btn.minimize{margin:0.25rem;}

.cnt_btn.gold{border-color:#c8a788; color:#c8a788;}
.cnt_btn.gold:before{background-color:#c8a788;}
.cnt_btn.gold:hover{color:#fff;}
.cnt_btn.down span:after{vertical-align:top;}
.cnt_btn.down:hover span:after{background-position:0 -15px; transition:background .3s .2s;}
.cnt_btn.print:hover span:after{background-position:0 -14px; transition:background .3s .2s;}
.cnt_btn.gold.down span:after{background-position:0 -30px;}
.cnt_btn.gold.down:hover span:after{background-position:0 -15px;}

/* ico */
.emph_gold{color:#c38f5d !important;}
.emph_yellow{color:#f9bc33 !important;}
.emph_blue{color:#1c356f !important;}
.emph_gray{color:#bababa !important;}
.emph_white{color:#fff !important;}
.emph_black{color:#444 !important;}
.underline{position:relative; z-index:10; color:#333; transition:all 400ms;}
.underline:before{opacity:.14; content:""; display:block; position:absolute; bottom:0; left:0; z-index:-1; width:100%; height:50%; background:#1c356f; transition:all 400ms;}
.underline:hover{color:#fff;}
.underline:hover:before{opacity:1; height:100%;}
.new{margin-right:.5rem;}
.new span:after{content:""; display:inline-block; margin-left:.25rem; width:16px; height:11px; background:url(/images/contents/icon_new.gif) no-repeat 50% 50%;}
.blank span:after{content:""; display:inline-block; margin-left:.25rem; width:12px; height:12px; background:url(/images/contents/icon_blank.gif) no-repeat 0 0;}
.down span:after{content:""; display:inline-block; margin-left:.25rem; width:13px; height:15px; background:url(/images/contents/icon_down.gif) no-repeat 0 0; transition:background .3s;}
.print span:after{content:""; display:inline-block; margin-left:.25rem; width:14px; height:14px; background:url(/images/contents/icon_print.gif) no-repeat 0 0; transition:background .3s; vertical-align:middle;}
.print.gold span:after{background-image:url(/images/contents/icon_print_gold.gif);}
.ico{display:inline-block; background:no-repeat 50% 50% / contain;}
.ico.online{display:block; margin:0 auto; width:26px; height:26px; background-image:url(/images/contents/icon_online.svg);}
.ico.vision1{background-image:url(/images/contents/icon_vision1.png);}
.ico.vision2{background-image:url(/images/contents/icon_vision2.png);}
.ico.vision3{background-image:url(/images/contents/icon_vision3.png);}
.ico.submit{background-image:url(/images/contents/icon_submit.png);}
.ico.edu{width: 30px; height: 24px; margin-right: 2px; background-image:url(/images/contents/icon_edu_color.png); vertical-align: middle;}

/* 기관소개 > 연혁 */
.history_nav_wrap{position:relative; z-index:1; width:100%; max-width:1400px; margin:0 auto;}
.history_nav_wrap:before,
.history_nav_wrap:after{content:""; display:block; position:absolute; bottom:0; left:-16.25rem; height:1px;}
.history_nav_wrap:before{width:calc((100% + 520px) / 5); background:#1c356f;}
.history_nav_wrap:after{z-index:-1; width:calc(100% + 520px); background:#cccccc;}
.history_nav{display:table; table-layout:fixed; width:100%; text-align:center;}
.history_nav li{display:table-cell; width:20%; vertical-align:top;}
.history_nav li a{display:block; position:relative; padding-bottom:1rem;}
.history_nav li a:after{content:""; display:block; position:absolute; bottom:0; left:50%; z-index:2; width:11px; height:11px; background-color:#cccccc; border-radius:50%; transform:translate(-50%, 50%); transition:background .6s .2s;}
.history_nav li span{color:#cccccc; transition:color .6s .2s;}
.history_nav li.active span{color:#1c356f;}
.history_nav li.active a:after{background-color:#1c356f;}
.history_nav_wrap.active:after{background-color:#1c356f;}
.history_process{position:relative; width:100%; height:1px; background-color:#bbbbbb;}
.history_process span{display:block; position:absolute; top:0; left:0; width:10%; height:1px; background-color:#1c356f; transition:width .6s;}
.history_list_wrap{max-width:1400px; margin:0 auto; margin-top:6.25rem; padding:5rem; background-color:#fff; transition:background .6s, padding .6s;}
.history_list{font-size:0;}
.history_list:after{content:""; display:block; clear:both;}
.history_list > *{display:inline-block; width:50%; box-sizing:border-box; vertical-align:top; font-size:1rem;}
.history_list .year{position:relative;}
.history_list .year_inner{position:absolute; top:0; width:100%; transition:padding .3s;}
.history_list .year_inner.fix{position:fixed; top:100px !important; padding-top:2rem;}
.history_list .year span{display:block; line-height:1; font-size:6.25rem; letter-spacing:0.05em;}
.history_list .slider{overflow:hidden; max-width:500px; margin-top:3.125rem;}
.history_list .slider .item{padding-top:10%;}
.history_list .slider .slick-arrow{display: none !important;}
.history_list .list{margin-top:1.375rem; padding-left:1.375rem;}
.history_list .list li{margin-bottom:1rem;}
.history_list .list li:last-child{margin-bottom:0;}
.history_list .list > li{margin-bottom:1.625rem;}
.history_list .list > li.dash{padding-top:1.625rem; margin-top:1.625rem; border-top:1px dashed #ddd;}
.history_list .list > li .time{float:left; display:block; position:relative; width:72px; font-size:1.375rem; color:#c38f5d; text-align:right;}
.history_list .list > li .time:after{content:""; display:inline-block; position:absolute; top:50%; right:-1.375rem; width:3px; height:12px; margin-top:-6px; background:#ddd; transform:rotate(30deg);}
.history_list .list > li .desc{margin-left:72px; padding-left:2.75rem; color:#666666;}
.slick-dots{padding:1.625rem 0; font-size:0;}
.slick-dots li{display:inline-block;}
.slick-dots li button{width:20px; height:4px; margin-right:0.5rem; background-color:#dcdcdc; outline:0; vertical-align:top; transition:all .1s; font-size:0;}
.slick-dots li.slick-active button{width:18px; background-color:#000; transform:rotate(-45deg);}

.slider{position: relative;}
.slider .item{display:inline-block; position:relative; width:100%; background:no-repeat 50% 50% / cover;}
.slider .item.history1_1{background-image:url(/images/contents/img_history1_1.jpg);}
.slider .item.history1_2{background-image:url(/images/contents/img_history1_2.jpg);}
.slider .item.history1_3{background-image:url(/images/contents/img_history1_3.jpg);}
.slider .item.history2_1{background-image:url(/images/contents/img_history2_1.jpg);}
.slider .item.history2_2{background-image:url(/images/contents/img_history2_2.jpg);}
.slider .item.history2_3{background-image:url(/images/contents/img_history2_3.jpg);}
.slider .item.history3_1{background-image:url(/images/contents/img_history3_1.jpg);}
.slider .item.history3_2{background-image:url(/images/contents/img_history3_2.jpg);}
.slider .item.history3_3{background-image:url(/images/contents/img_history3_3.jpg);}
.slider .item.history4_1{background-image:url(/images/contents/img_history4_1.jpg);}
.slider .item.history4_2{background-image:url(/images/contents/img_history4_2.jpg);}
.slider .item.history4_3{background-image:url(/images/contents/img_history4_3.jpg);}
.slider .item.history5_1{background-image:url(/images/contents/img_history5_1.jpg);}
.slider .item.history5_2{background-image:url(/images/contents/img_history5_2.jpg);}
.slider .item.history5_3{background-image:url(/images/contents/img_history5_3.jpg);}
.slider .slick-arrow{display: inline-block; position: absolute; bottom: 56px; z-index:10; width: 50px; height: 50px; border:1px solid #e0e0e0; background:url(/images/common/bg_body.gif) repeat 0 0; font-size: 0; transition:box-shadow .3s;}
.slider .slick-arrow:after{opacity: .4; content:""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:no-repeat 50% 50%; transition:opacity .4s;}
.slider .slick-arrow.slick-prev{right: 49px;}
.slider .slick-arrow.slick-prev:after{background-image:url(/images/contents/icon_arw_prev.png);}
.slider .slick-arrow.slick-next{right: 0;}
.slider .slick-arrow.slick-next:after{background-image:url(/images/contents/icon_arw_next.png);}
.slider .slick-arrow:hover{z-index:11; border-color:#2e51a2; box-shadow:0 2px 10px rgba(0,0,0,0.15);}
.slider .slick-arrow:hover:after{opacity: 1;}

/* 기관소개 > 비전, 기타소개 */
.img_bg{overflow:hidden; position:relative;  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; width:100%; background-color:#ddd; text-align:center;}
.img_bg .img{display:inline-block;}
.img_bg img{display:inline-block; max-width:none; height:100%;}
.vision_top{position:relative; width:100%;}
.vision_top .bg{height:460px;}
.vision_top .tit{position:absolute; top:50%; left:0; width:100%; box-sizing:border-box; padding:0 1.375rem; text-align:center; color:#fff; transform:translateY(-50%);}
.vision_top .tit p{font-size:1.125rem; letter-spacing:0.05em;}
.vision_top .tit strong{line-height:1.3; font-size:3.5rem; letter-spacing:0.1em; word-break:keep-all; word-wrap:break-word;}
.vision_cont{position:relative; z-index:2; margin-top:-5rem;}
.vision_cont .next_vision + .next_vision{margin-top:1.625rem; padding-top:6.25rem; background:url(/images/contents/img_next_vision.png) no-repeat 50% 0;}
.vision_cont .vision > li .tit{display:block; padding:3.125rem 1.625rem; background-color:#27272f; color:#fff;}
.vision_cont .vision > li .tit.bg1{background-color:#c8a788;}
.vision_cont .vision > li .tit.bg2{background-color:#1c356e;}
.vision_cont .vision > li .tit.bg3{background-color:#497eb4;}
.vision_cont .vision > li .tit em{display:block; font-size:1.375rem; font-weight:500; color:#c8a788;}
.vision_cont .vision > li .en{display:block; position:relative; margin:1.625rem 0 0; text-transform:uppercase; color:#ccc;}
.vision_cont .vision > li .en:after{content:""; display:block; width:11px; height:11px; margin:1rem auto 0; background-color:#cccccc; border-radius:50%;}
.vision_cont .vision > li .ico{width:8rem; height:8rem; vertical-align:top;}
.vision_cont .vision_value > li{padding:1.625rem 1.625rem 3.125rem; border:1px solid #ccc;}
.vision_cont .vision_value > li .en{margin:0 auto 1rem;}
.vision_cont .strategy > li{padding:1.625rem; background-color:#f1f1f1; font-weight:500;}
.vision_cont .box_absolt{display:table; top:50%; left:50%; z-index:2; width:100px; height:100px; transform:translate(-50%, -50%);}
.vision_cont .box_absolt b{display:table-cell; vertical-align:middle;}
.vision_manage_cont .box_absolt{top:0; width:130px; height:100%; left:auto; right:100%; transform:none;}

.vision_wrap .vision_top{display:none;}
.vision_wrap .vision_cont{margin-top:0;}

/*기관소개 > 인사말*/
.greeting_wrap{overflow:hidden;}
.greeting_wrap .txt{float:left; position:relative; z-index:2; box-sizing:border-box; padding:5.938rem 3.125rem 5.938rem 4.688rem; background:url(../images/common/bg_body.gif) repeat 0 0;}
.greeting_wrap .top_text{text-align:center;}
.greeting_wrap .txt strong{position:relative; display: inline-block;padding: 0 60px; font-size:2.25rem;font-weight:600;color:#111;text-align: center;}
.greeting_wrap .txt strong:before{opacity:0.1; content:''; position:absolute; left:0; top:0; display:block; width:35px; height:32px; background:url(../images/contents/icon_marks01.svg) no-repeat; background-size: 100%;}
.greeting_wrap .txt strong:after{opacity:0.1;content:''; position:absolute; right:0; top:0; display:block; width:35px; height:32px; background:url(../images/contents/icon_marks01.svg) no-repeat; background-size: 100%;transform: rotate( 180deg);}

.greeting_wrap .txt_box .text{margin-top:2.5rem;}
.greeting_wrap .txt_box .text.sign{font-weight:500;color:#000000;text-align: right;}
.greeting_wrap .txt_box .text.sign span{padding-right: 20px;}
html[lang="en"] .greeting_wrap .txt_box .text.sign span{font-size: 14px;}
.greeting_wrap .txt_box .text.sign .name{position:static; font-size:1.5rem;}

/* 기관소개 > 소개 */
.position_wrap{position:relative; width:100%; /*max-width:1480px;*/ max-width:1400px; margin:0 auto; background:#fff;}
.position_wrap .position_top{position:relative; width:100%;}
.position_wrap .position_cont:first-child{padding:3.875rem 0 5.75rem;}
.position_wrap .position_cont:first-child .sect.bdT:first-child{border-top-width:0;}
.position_wrap .intro{overflow:hidden; padding:5rem 0px;}
.position_wrap .intro > .left,
.position_wrap .intro > .right{float:left; display:block; width:50%;}
.position_wrap .intro > .right{float:right;}
.position_wrap .intro_grid_image{overflow:hidden; margin:-5px;}
.position_wrap .intro_grid_image > figure{float:left; position:relative; width:50%; padding:5px; box-sizing:border-box;}
.position_wrap .intro_grid_image > figure .box_absolt{top:auto; bottom:5px; left:5px;}
.position_wrap .intro_grid_image:last-child{padding-bottom:3.875rem;}
.position_wrap .intro_text_box{padding:3.875rem 0 5.75rem;}
.position_wrap .intro_img_box{padding:0 0 3.75rem; text-align:center;}
.position_wrap .intro_img_box img{max-width:100%;}
.position_wrap + .position_wrap{margin-top:3.875rem;}
.position_wrap.maximize .intro{padding:3.875rem 0 5.75rem;}
.position_wrap.maximize .intro > .left{width:31%;}
.position_wrap.maximize .intro > .right{width:68%; padding-right:1%; box-sizing:border-box;}
html[lang="en"] .position_wrap.maximize .intro > .left{width:40%;}
html[lang="en"] .position_wrap.maximize .intro > .right{width: 55%;}

.position_wrap.maximize_wrap{max-width:none; background:transparent; box-sizing:border-box; padding:0 2rem; transition:padding .6s;}
.position_wrap.maximize_wrap:after{content:""; display:block; position:absolute; top:-380px; left:0; z-index:-1; width:100%; height:100%; height:calc(100% + 570px); background:transparent; transition:background .6s;}
.position_wrap.maximize_wrap.color_dark:after{background:#27272f;}
.position_wrap.color_dark .title{color:#fff;}
.position_wrap.color_dark .text{color:#bdbdbf;}

/*ci 소개*/
.ci_bg_list > li:nth-child(1){background-color:#fff;}
.ci_bg_list > li:nth-child(2){background-color:#2a4177;}
.ci_bg_list > li:nth-child(3){background-color:#f9a42e;}
.ci_bg_list > li:nth-child(4){background-color:#000000;}
.ci_bg_list > li:nth-child(5){background-color:#fff;}
.ci_color_list > li:nth-child(1) strong{background:#2a4176;}
.ci_color_list > li:nth-child(2) strong{background:#faa42e;}
.ci_color_list > li strong.en{display:block; line-height:1; padding:2.125rem 0; color:#fff; letter-spacing:0.1em;}
.ci_color_list ul{margin-top:2.125rem;}
.ci_color_list ul li{overflow:hidden; padding:1rem 0; border-bottom:1px solid #dedede; text-align:left; text-transform:uppercase;}
.ci_color_list ul li span{display:block; float:left; width:32%; font-weight:500; letter-spacing:0.03em; color:#333; word-break:keep-all; word-wrap:break-word;}
.ci_color_list ul li p{margin-left:34%; letter-spacing:0.1em;}

/* 홍보영상 */
.video_wrap{position:relative; height:0; padding-top:56.2%;}
.video_wrap iframe{position:absolute; top:0; left:0; width:100%; height:100%;}

/* 윤리경영 */
.gray_list > li{position:relative; padding:1.875rem; padding-left:160px; margin-top:1rem;}
.gray_list > li:nth-child(odd){background-color:#f8f8f8;}
.gray_list > li:nth-child(even){background-color:#f3f3f3;}
.gray_list > li span{display:block; position:absolute; top:50%; left:0; width:160px; font-size:0.875rem; font-weight:600; transform:translateY(-50%); text-align:center;}
.message_box{padding:0.5rem; background:#555763 url(/images/contents/img_bg_pic.jpg) no-repeat 100% 100% / cover; color:#fff;}
.message_box .inbox{display:table; table-layout:fixed; width:100%; box-sizing:border-box; padding:2.5rem; border:1px solid rgba(255,255,255,.2);}
.message_box .inbox > *{display:table-cell; vertical-align:middle;}
.message_box .logo{width:16%; text-align:center;}
.message_box .desc{width:60%; padding-left:6%;}
.message_box strong{display:block; line-height:1.7; font-size:1.25rem; font-weight:400; color:#fff;}
.message_box .text{font-weight:200; color:#fff;}
.message_box .text.mving{opacity:1;transform: translate(0,0);}

/* 검색 */
.inquiry_wrap .tit{display:block; padding:2.125rem; margin-bottom:1rem; background-color:#555763;}
.inquiry_wrap .tit h3{font-size:1.125rem; font-weight:400; text-align:center; color:rgba(255,255,255,.8);}
.inquiry_wrap .form{box-sizing:border-box; padding:2.5rem; background-color:#fff;}
.form_submit{display:block; background-color:#f99d1d; text-align:center; color:#fff;}
.form_submit{display:block;}
.form_submit .ico{width:35px; height:38px; background-size:inherit;}
.colum_form_list{width:100%; margin-right:0.5%;}
.colum_form_list > li{width:15.666%; margin:0 1% 0 0;}
.colum_form_list .inp{width:100%; height:50px; padding:0 1rem; margin:0; background-color:transparent; outline:0; transition:border .3s, box-shadow .3s;}
.colum_form_list .inp:hover{border-color:#1c356f; box-shadow:inset 0 0 0 0 #1c356f;}
.colum_form_list .inp:focus{border-color:#1c356f; box-shadow:inset 0 0 0 0 #1c356f, 0 0 0 #1c356f;}
.colum_form_list .inp::-webkit-input-placeholder{font-weight:300; color:#aaa; letter-spacing:-0.025em;}
.colum_form_list .inp::-moz-placeholder{font-weight:300; color:#aaa; letter-spacing:-0.025em;}
.colum_form_list .inp:-ms-input-placeholder{font-weight:300; color:#aaa; letter-spacing:-0.025em;}

.sort_wrap{margin-top:2.375rem;}
.sort_wrap .sort_state{display:inline-block; margin:0 0.625rem 0.25rem; font-weight:400;}
.state_circle{display:inline-block; width:12px; height:12px; margin-right:0.375rem; border-radius:50%;}
.state_circle.state1{background:#84aedb;}
.state_circle.state2{background:#a5d678;}
.state_circle.state3{background:#7030a0;}
.state_circle.state4{background:#fbb470;}
.state_circle.state5{background:#00b0f0;}
.a_link{transition:border .1s, color .1s;}
.a_link:hover{border-bottom:1px solid transparent;}
.state_circle.state1 + .a_link:hover{border-bottom-color:#84aedb; color:#84aedb;}
.state_circle.state2 + .a_link:hover{border-bottom-color:#a5d678; color:#a5d678;}
.state_circle.state3 + .a_link:hover{border-bottom-color:#7030a0; color:#7030a0;}
.state_circle.state4 + .a_link:hover{border-bottom-color:#fbb470; color:#fbb470;}
.state_circle.state5 + .a_link:hover{border-bottom-color:#00b0f0; color:#00b0f0;}

/* 조항 */
.def_wrap{margin-top:1.25rem;}
.def{margin-top:3.125rem;}
.def:first-child{margin-top:0;}
.def .tit{display:block; padding-bottom:1.25rem; margin-bottom:1.25rem; border-bottom:1px solid #ddd; font-size:1.125rem; font-weight:500;}
.def.white .tit{padding:1.25rem;background-color:#fff;/* border-bottom:0; */}

/* 배치도 */
.seat_component .box_img{padding:3.15rem;}
.seat_component .box_img.box_img_seat{padding: 0; background-color: #36373b; border-color:#36373b;}
.seat_header{position:absolute; top:-1px; left:-1px; z-index:1; background-color:#fff; border:1px solid #ccc;}
.seat_header > *{padding:1rem 1.125rem; vertical-align:middle;}
.seat_floor .seat{font-size:1.125rem;}
.seat_floor .floor{display:block; width:52px; height:52px; line-height:52px; margin:0 auto .5rem; border-radius:50%; background-color:#27272f; color:#ffcc66;}
.seat_controller{border-top:1px solid #ddd;}
.seat_controller a{font-size:0.875rem; font-weight:500;}

/* 스크롤 슬라이드 */
.scroll_slider_wrap{margin-top: 5rem;}
.scroll_slider_wide,
.scroll_slider{overflow:hidden; max-width:1400px; /*padding-top:5rem;*/ white-space:nowrap;}
.scroll_slider_wide a,
.scroll_slider a{display:block; width:100%; height:100%;}
.scroll_slider_wide .scroll_slider_scrollbar,
.scroll_slider .scroll_slider_scrollbar{position:relative; left:0; width:100%; height:2px; margin-top:2.5rem; font-size:0; background:#ddd; border-radius:0;}
.scroll_slider_wide .swiper-scrollbar-drag, 
.scroll_slider .swiper-scrollbar-drag{top:-1px; height:4px; background:#1c356f; border-radius:0;}
.scroll_slider_item{display:inline-block; position:relative;}
.scroll_slider_wide{padding-top:1.375rem;}
.scroll_slider_wide,
.scroll_slider img{max-width:100%;}
.swiper-container{width:100%; height:100%;}
.swiper-container .desc{display:block; padding:1.375rem 1rem; border-top-width:0; background-color:#fff; font-weight:400; text-align:center; white-space:normal;}

/* 찾아오시는길 */
.map_wrap{width:100%; height:480px; border:1px solid #ddd; transition:all 0.3s ease-out;}
.map_wrap .daum_map{width:100%; height:100%;}
.map_wrap .map_border{display:none;}
.map_wrap .root_daum_roughmap{border:0 !important; padding:0 !important; border-radius:0!important;}
.map_wrap .root_daum_roughmap .wrap_map{width:100%; height:100%; border-bottom:1px solid #dfdfdf;}
.map_wrap .root_daum_roughmap .wrap_controllers{display:none;}

/*수강강좌*/
.view_wrap{padding-bottom:3.125rem;}
.view_tit{font-size:2.25rem; font-weight:600; color:#444; word-break:keep-all;}
.view_cont{margin-top:1.25rem; padding:3.125rem 0; border:1px solid #444; border-width:2px 0 1px; border-bottom-color:#d6d6d6;}
.view_cont:after{content:""; display:block; clear:both;}
.view_cont .picture{float:left; width:41.5%; box-sizing:border-box; padding-right:60px;}
.view_cont .picture .slider{overflow:hidden;}
.view_cont .picture .slick-dots{display:block; text-align:center;}
.view_cont .detail{float:right; width:53.85%;}
.view_cont .list_deatil > li{overflow:hidden; margin-top:0.625rem;}
.view_cont .list_deatil > li:first-child{margin-top:0;}
.view_cont .list_deatil em{font-weight:500;}
.view_cont .list_deatil .sort{display:block; float:left; width:127px; box-sizing:border-box; padding-right:20px; font-weight:600;}
.view_cont .list_deatil .desc{margin-left:127px;}
.view_cont .box_button{display:inline-block; width:17px; height:17px; margin-left:3px; border:1px solid #ccc; border-radius:50%; background:#fff url(/images/contents/icon_arw_small.png) no-repeat 50% 50%; vertical-align:5px; transform:rotate(180deg); transition:transform .5s; outline:0;}
.view_cont .box_layer{margin:0.625rem 0; padding:1.375rem; background-color:#f1f1f1;}
.view_cont .box_layer .pic{width:106px; float:left;}
.view_cont .box_layer .pic + *{margin-left:126px;}
.view_cont .box_layer .bul_list{margin-top:0;}
/*.view_cont .box_layer .text{word-break:break-all;}*/
.view_cont .box_layer + *{margin-top:2.375rem;}
.view_cont .box_button.box_hide{transform:rotate(0);}
.view_cont .button_box{margin-top:3.375rem;}

/*cocoa*/
.cocoa_mission .img_mission{width:100%; padding-top:33.616%; background:url(/images/contents/img_cocoa_misson.jpg) no-repeat 50% 50% / cover;}
.cocoa_mission .txt_mission{padding:2.375rem 2.375rem 3.375rem; background:#feae3f; text-align:center; color:#fff;}
.cocoa_mission .txt_mission em{font-size:2.25rem; font-weight:600;}
.cocoa_mission .txt_mission .text{color:#fff;}

/* text */
.txt_info{position:relative; padding-left:20px; color:#666; letter-spacing:-0.5px; word-break:keep-all;}
.txt_info:before{content:''; display:block; position:absolute; top:4px; left:0px; width:13px; height:13px; background:url(../images/contents/icon_info.png) no-repeat 50% 0; background-size:100%;}
.txt_info i{display:inline-block; margin-right:5px; color:#db773b; font-weight:500;}

/* 아카데미 - 인트로 */

.area_academy_intro{max-width:1300px; margin:0 auto -6.625rem;}
.area_academy_intro:after{content:''; display:block; clear:both;}
.area_academy_intro > div{box-sizing:border-box;}
.area_academy_intro .banner{float:left; width:450px; padding-bottom:5.625rem; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8;}
.area_academy_intro .inr{float:right; width:calc(100% - 450px); padding-left:6.25rem;}
.area_academy_intro h3{padding-bottom:25px; border-bottom:2px solid #27272f; font-size:1.25rem; font-weight:400; vertical-align:middle;}
.area_academy_intro h3 span{display:inline-block; margin-right:20px; font-size:2.5rem; line-height:1;}
.area_academy_intro .more{display:inline-block; position:absolute; top:0; right:0px; padding:10px; font-size:1.063rem; font-weight:400; color:#707070; letter-spacing:1.5px;}
.area_academy_intro .more:before,
.area_academy_intro .more:after{content:''; display:block; position:absolute; right:0px; background:#c3c3c3; transition:0.3s ease;}
.area_academy_intro .more:before{bottom:1px; width:1px; height:7px;}
.area_academy_intro .more:after{bottom:0px; width:50px; height:1px;}

.area_academy_intro .banner .list{position:relative;}
.area_academy_intro .academy_util{position:absolute; bottom:30px; left:0px; z-index:10; width:100%; text-align:center;}
.area_academy_intro .academy_util > *{vertical-align:middle;}
.area_academy_intro .academy_util .swiper-pagination.count{display:inline-block; position:static; width:auto; min-width:150px; height:30px; box-sizing:border-box; padding:0 20px; font-size:1.563rem; color:#999; letter-spacing:0.375rem;}
.area_academy_intro .academy_util .swiper-pagination.count > span{margin:0 5px;}
.area_academy_intro .academy_util .swiper-pagination.count .swiper-pagination-current{color:#222;}
.area_academy_intro .academy_util .swiper-button-next, 
.area_academy_intro .academy_util .swiper-button-prev{display:inline-block; position:static; width:63px; height:30px; margin-top:0px; justify-content:inherit; outline:none;}
.area_academy_intro .academy_util .swiper-button-next:after,
.area_academy_intro .academy_util .swiper-button-prev:after{content:''; display:block; opacity:0.5; width:63px; height:100%; background:url(../images/main/btn_arrow_b.svg) no-repeat 50% 50%; background-size:100% auto; transition:opacity 0.3s ease;}
.area_academy_intro .academy_util .swiper-button-next:after{transform:scaleX(-1);}
.area_academy_intro .academy_util .swiper-button-next:hover:after,
.area_academy_intro .academy_util .swiper-button-prev:hover:after{opacity:1;}
.area_academy_intro .swiper-slide{padding-bottom:90px;}
.area_academy_intro .swiper-slide a{display:block; position:relative; transition:0.5s ease-in-out;}
.area_academy_intro .swiper-slide a:hover{box-shadow:0 40px 50px rgba(0,0,0,0.15);}

.area_calendar {position:relative; padding-top:35px;}
.area_calendar:after{content:''; display:block; clear:both;}
.area_calendar .control{position:absolute; right:0px; top:20px; margin-bottom:0px;}
.area_calendar .control .btn_prev,
.area_calendar .control .btn_next{display:inline-block; position:relative; width:30px; height:30px; font-size:0px;}
.area_calendar .control .btn_prev{margin-right:10px;}
.area_calendar .control .btn_next:after,
.area_calendar .control .btn_prev:after{content:''; display:block; opacity:0.5; position:absolute; top:50%; width:30px; height:8px; margin-top:-4px; background:url(../images/main/btn_arrow.svg) no-repeat 50% 0; background-size:100% auto; transition:opacity 0.3s ease;}
.area_calendar .control .btn_next:after{transform:scaleX(-1);}
.area_calendar .control .btn_next:hover:after,
.area_calendar .control .btn_prev:hover:after{opacity:1;}
.area_calendar .calendar{width:50%;}
.area_calendar .list{width:50%; padding-left:30px; background:transparent;}

.area_calendar .calendar table th{background:transparent; border:0px; border-bottom:1px solid #ddd; color:#666; font-size:0.9375rem;}
.area_calendar .calendar table th[data-calendar="sun"],
.area_calendar .calendar table td[data-calendar="sun"] em,
.area_calendar .calendar table th[data-calendar="sat"],
.area_calendar .calendar table td[data-calendar="sat"] em{color:#c38f5c !important;}
.area_calendar .calendar table td{border-width:0px; font-family:'Barlow Condensed', Montserrat, Noto Sans KR , sans-serif; font-size:1.188rem;}
.area_calendar .calendar table td em{top:20px; color:#666;}
.area_calendar .calendar .on,
.area_calendar .calendar .today{background:transparent !important;}
.area_calendar .calendar table td a:after{content:''; opacity:0; display:block; position:absolute; top:5px; left:50%; z-index:2; width:31px; height:31px; margin-left:-15px; background:#27272f; border-radius:100%; transition:0.3s ease;}
.area_calendar .calendar table td > a:hover,
.area_calendar.type02 .calendar table td > div:hover{box-shadow:none;}
.area_calendar .calendar .on em{z-index:5; color:#fff !important;}
.area_calendar .calendar .on a:after{opacity:1;}
.area_calendar .calendar .today > *:after{left:auto; right:3px; opacity:1;}
.area_calendar .calendar *[data-calenda="in"]{border-color:transparent;}
.area_calendar .calendar *[data-calenda="in"]:before{background:#c38f5c;}
.area_calendar .calendar table td > a,
.area_calendar.type02 .calendar table td > div{padding-top:35px;}

.area_calendar .list p{padding:8px 15px 7px 0; font-size:0.9375rem; color:#888;}
.area_calendar .list p:before{content:'선택날짜'; display:inline-block; padding:3px 15px; margin-right:10px; background:#222; border-radius:50rem; font-size:0.875rem; color:#fff; font-weight:300;}
.area_calendar .list .bx-wrapper{height:calc(100% - 42px) !important;}
.area_calendar .list .bx-viewport,
.area_calendar .list .slide,
.area_calendar .list .slide ul{height:100% !important;}
.area_calendar .list .slide ul li:first-child{border-top-width:1px;}
.area_calendar .list li{display:flex; flex-direction:column; justify-content:center; position:relative; height:50%; box-sizing:border-box; border:1px solid #e3e3e3; border-top-width:0px;}
.area_calendar .list li > span{padding:20px 30px;}
.area_calendar .list li > a{overflow:visible; text-overflow:clip; white-space:normal; padding:20px 30px;}
.area_calendar .list li > a:before{content:''; display:block; opacity:0; position:absolute; top:-1px; left:-1px; width:100%; height:100%; border:1px solid #222; transition:0.3s ease;}
.area_calendar .list li > a > *{display:block;}
.area_calendar .list li > a em{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333;}
.area_calendar .list li > a i,
.area_calendar .list li > a small{margin-top:5px; font-size:0.9375rem; color:#666;}
.area_calendar .list li > a:hover{background:transparent; color:#222;}
.area_calendar .list li > a:hover:before{opacity:1;}

.area_academy_intro .inr .notice{position:relative; margin-top:115px;}
.area_academy_intro .inr .notice h3{padding-bottom:35px;}
.area_academy_intro .inr .notice .list li{padding:12px 0px;}
.area_academy_intro .inr .notice .list li:first-child{padding-top:30px;}
.area_academy_intro .inr .notice .list li i{position:absolute; top:50%; right:0px; margin-top:-2px; color:#acacac; line-height:1; font-size:1.125rem; font-weight:400; transform:translateY(-50%);}
.area_academy_intro .inr .notice .list li a{display:block; position:relative;}
.area_academy_intro .inr .notice .list li a em{margin-right:3px; font-size:1.063rem; color:#db773b;}
.area_academy_intro .inr .notice .list li a span{display:block; width:70%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.area_academy_intro .inr .notice .list li a:hover span{color:#000;}
.area_academy_intro .inr .notice .list li.none{padding-top:50px; text-align:center; color:#888;}

.area_academy_intro .banner .center{padding-top:1rem;}
.area_academy_intro .banner .center .tel{display:block; font-size:2.875rem; font-weight:500; color:#444; text-align:center;}
.area_academy_intro .banner .center ul:not(.link){margin-top:5px;}
.area_academy_intro .banner .center ul:not(.link) > li{display:table; width:100%; font-size:0.9375rem;}
.area_academy_intro .banner .center ul:not(.link) > li span,
.area_academy_intro .banner .center ul:not(.link) > li em{display:table-cell;}
.area_academy_intro .banner .center ul:not(.link) > li span{width:25%; text-align:right; color:#888;}
.area_academy_intro .banner .center ul:not(.link) > li em{padding-left:15px; font-size:1.125rem;}
.area_academy_intro .banner .center ul:not(.link) > li em i{padding:0 5px; font-size:0.9375rem; color:#888;}
.area_academy_intro .banner .center .link{margin-top:55px; padding:0 15px;}
.area_academy_intro .banner .center .link:after{content:''; display:block; clear:both;}
.area_academy_intro .banner .center .link > li{float:left; width:calc(100% / 3); text-align:center;}
.area_academy_intro .banner .center .link > li a{display:inline-block; color:#444; font-weight:400; letter-spacing:-1px;}
.area_academy_intro .banner .center .link > li a span{transition:0.3s ease;}
.area_academy_intro .banner .center .link > li a[data-academy]:before{content:''; display:block; width:50px; height:51px; margin:0 auto 20px; background-repeat:no-repeat; background-position:50% 0%; background-size:100%; transition:0.3s ease;}
.area_academy_intro .banner .center .link > li a[data-academy="01"]:before{background-image:url(../images/contents/img_academy01.png);}
.area_academy_intro .banner .center .link > li a[data-academy="02"]:before{background-image:url(../images/contents/img_academy02.png);}
.area_academy_intro .banner .center .link > li a[data-academy="03"]:before{background-image:url(../images/contents/img_academy03.png);}
.area_academy_intro .banner .center .link > li a[data-academy="01"]:hover:before{background-image:url(../images/contents/img_academy01_on.png);}
.area_academy_intro .banner .center .link > li a[data-academy="02"]:hover:before{background-image:url(../images/contents/img_academy02_on.png);}
.area_academy_intro .banner .center .link > li a[data-academy="03"]:hover:before{background-image:url(../images/contents/img_academy03_on.png);}
.area_academy_intro .banner .center .link > li a:hover span{color:#3d5a9d; box-shadow:0 20px 0px rgba(91,116,172,0.12) inset;}

/* 공연일정 */
.area_search{position:relative; padding:1.875rem 2.5rem; background:#fff;}
.area_search .txt_info{position:absolute; top:50%; right:40px; transform:translateY(-50%);}
.area_search label{display:inline-block; margin-right:0.625rem; font-size:0.9375rem; font-weight:500; color:#444;}
.area_search select{width:160px; height:40px;}
.area_search .button{height:40px; line-height:39px; font-size:0.9375rem;}
.area_search_detail{display:none; position:relative; margin-top:1.25rem; background:#f3f3f3;}
.area_search_detail ul{padding:1.25rem 2.5rem;}
.area_search_detail ul:after{content:''; display:block; clear:both;}
.area_search_detail ul li{float:left; display:table; width:50%; padding:0.625rem 0px;}
.area_search_detail ul li > *{display:table-cell; vertical-align:middle;}
.area_search_detail ul li > em{position:relative; width:20%; padding-left:18px; font-size:0.9375rem; color:#000;}
.area_search_detail ul li > em:before{content:''; display:block; position:absolute; left:0px; top:50%; width:14px; height:14px; margin-top:-7px; box-sizing:border-box; border:4px solid #3e3e3e; border-radius:100%;}
.area_search_detail ul li > span{width:80%;}
.area_search_detail ul li input[type="text"]{border-width:0px; border-bottom-width:1px; border-color:#c1c1c1; background:transparent;}
.area_search_detail .button{position:absolute; bottom:-1px; height:40px; line-height:39px; font-size:0.9375rem;}
.area_search_detail .button.btn{right:100px; border-color:#222;}
.area_search_detail .button.reset{right:0px;}
.area_search_detail .designCheck input[type="checkbox"] + label:before{background-color:#fff;}
.ie .area_search_detail ul li > em{padding-left:0px;}
.ie .area_search_detail ul li > em:before{position:static; display:inline-block; margin:0px 5px -1px 0px;}

*[class*="list_play"] .thumb{display:block; position:relative; width:280px; margin:0 auto;}
*[class*="list_play"] .thumb .img{display:block; overflow:hidden; position:relative; height:358px;}
*[class*="list_play"] .thumb .img img{position:absolute; top:0px; left:50%; height:100%; transform:translateX(-50%);}
*[class*="list_play"] .thumb small{display:block;display:flex;flex-direction:column;justify-content:center;position:absolute;left: 0px;right:0px;z-index:3;width:56px;height:56px;background:#c38f5c;font-size:0.875rem;text-align:center;font-weight:300;line-height:1.3;color:#fff;}

.list_play{margin-top:2.5rem;}
.list_play .list{display:flex;gap: 4%;flex-wrap: wrap;}
.list_play .list > li{width:48%;margin-bottom:3.75rem;background: #fff;display: flex;}
.list_play .list > li:after{content:''; display:block; clear:both;}
.list_play .thumb{float:left;}
.list_play .conts{float:left;width:calc(100% - 280px);box-sizing:border-box;padding-left:1rem;position: relative;}
.list_play .conts > .conts_title{display:block;position:relative;padding:1.1rem 0rem;background:#fff;border-top:1px solid #27272f;font-size: 1rem;font-weight:500;color: #222;}
.list_play .conts a em{display:block;width: 100%; padding-bottom:1rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 1.2rem;font-weight: 600;}
.list_play .conts a small{display:block; position:absolute; top:50%; right:20px; padding-right:1.25rem; color:#666; font-size:0.8125rem; font-weight:300; transform:translateY(-50%); transition:0.3s ease;}
.list_play .conts a small:before,
.list_play .conts a small:after{content:''; display:block; position:absolute; right:0px; top:50%; width:1px; height:16px; background:#ccc;}
.list_play .conts a small:before{margin-top:-8px; transform:rotate(0deg); transition:0.3s ease;}
.list_play .conts a small:after{margin-top:-8px; transform:rotate(90deg);}
.list_play .conts a:hover small{color:#cb9e73;}
.list_play .conts a:hover small:before{right:-5px; height:9px; transform:rotate(-45deg);}
.list_play .conts [data-play="table"]{box-sizing: border-box; display:table; width:100%; border-top:1px solid #dedede;}
.list_play .conts [data-play="table"] dl{display: flex;margin-top: 1rem;}
.list_play .conts [data-play="table"] dl dt{/* display: flex; *//* padding: 1.5rem 0; */box-sizing:border-box;/* border-bottom:1px solid #dedede; */font-size:0.9375rem;}
.list_play .conts [data-play="table"] dl dd{/* display:table-cell; *//* padding: 1.5rem 0; */box-sizing:border-box;/* border-bottom:1px solid #dedede; */font-size:0.9375rem;}
.list_play .conts [data-play="table"] dl dd strong{color:#cb9e73; font-weight:400;}
.list_play .conts [data-play="table"] dl dt{position:relative;width: 100px;padding-left:13px;font-weight:500;}
.list_play .conts [data-play="table"] dl dt:before{content:"";position:absolute;left:0;top: 7px;width:4px;height:4px;margin-right:5px;background: #999;border-radius:50%;/* margin-top: -4px; */}
.list_play .conts [data-play="table"] dl dd{width: calc(100% - 100px);color:#666;}
.list_play .conts .go_ticket_btn{margin-top:30px;text-align:right;position: absolute;bottom: 0;right: 0;}
.list_play .conts .go_ticket_btn a.go_ticket{background:#1c356f;}

.list_play .conts.view a em{overflow:visible;text-overflow:clip;white-space:normal;padding: 0 0 1.5rem 0;}
.list_play .conts.view a i[class^="status"]{display:block; position:absolute; top:15px; right:0; min-width:50px; height:30px; line-height:30px; border-radius:3px; font-size:0.8125rem; font-weight:400; text-align:center; color:#fff; transform:translateY(-50%); padding: 0 10px;}
.list_play .conts.view a i.status01{background:#6c3f68;}
.list_play .conts.view a i.status02{background:#5e79bb;}
.list_play .conts.view a i.status03{background:#a9a9a9;}
.list_play .photo{text-align:center;}
.list_play .photo img{max-width:100%; width:auto !important; height:auto !important;}

.list_play_view .list_play .list{display:block;border: 1px solid #ddd;overflow: hidden;padding: 2rem;margin-bottom: 3rem; background:#fff;}
.list_play_view .list_play .list > li{width:100%;}
.list_play_view .list_play .list .btn_area2{text-align:right;}
.list_play_view .list_play .list .btn_area2 a{background:#1c356f}
.list_play_view .list_play .conts{padding-left:2rem}
.list_play_view .list_play .conts > a{font-size:1.5rem;}
.info_list{margin-top: 1.5rem;}
.info_list > li{display:flex;overflow: hidden;position:relative;line-height:1.7;padding-left:13px;margin-bottom: 0.7rem;text-align: left;}
.info_list > li:before{content:""; position:absolute; left:0; top:10px; width:4px; height:4px; margin-right:5px; background:#999; border-radius:50%;}

.info_list li b{width: 110px;font-weight:500;color: #000;}
.info_list li span{width:calc(100% - 110px);}
.info_list li strong{color: #cb9e73; font-weight: 400;}

html[lang="en"] .list_play .conts.view a i[class^="status"]{padding-left:3px; padding-right:3px;}

.list_play_col03{margin-top:15px; border-top:2px solid #000;}
.list_play_col03:after{content:''; display:block; clear:both;}
.list_play_col03 > li{float:left; width:calc(100% / 3 - 0.1px); height:745px; box-sizing:border-box; padding:60px; background:#fff; border-left:1px solid #e5e5e5; border-bottom:1px solid #ccc; text-align:center;}
.list_play_col03 > li:first-child{border-left-width:0px;}
.list_play_col03 > li > span{display:block;}
.list_play_col03 > li > span em{display:inline-block; margin-right:5px; font-size:0.9375rem;}
.list_play_col03 > li > span i{font-family:'Noto Sans KR', Sans-serif; font-size:0.9375rem; color:#999;}
.list_play_col03 p{padding:30px 0px 25px; font-size:1.125rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list_play_col03 > li .cnt_btn{margin-top:40px;}
.list_play_col03 + .btn_area{margin:30px 0 50px;}
.list_play_col03 ~ .title.is1{font-size:1.875rem; font-weight:500;}

.list_play_scroll{position:relative; margin-top:30px;}
.list_play_scroll .txt_info{position:absolute; right:0px; top:-50px;}
.list_play_scroll .swiper-slide{width:280px;}
.list_play_scroll .swiper-slide p{padding:15px; background:#fff; text-align:center;}
.list_play_scroll .swiper-slide p *{display:block;}
.list_play_scroll .swiper-slide p span{letter-spacing:0.5px;}
.ie .list_play_scroll .swiper-container{cursor:pointer !important;}

/* 회원서비스 */
[data-this-menu="member"]{display:none;}

/* print */
#print_wrap .tbl_normal th,
#print_wrap .tbl_normal td{padding:0.3125rem 0.625rem;}
#print_wrap .tbl_normal tbody td{line-height:1.5;}

/* 행사참여신청 리스트 */
.area_apply li[class^="apply_"] span{position:absolute; top:50%; right:0; width:169px; margin-top:-27px; padding:14px 0; background:#CCC; color:#fff; text-align:center;}
.area_apply li.apply_on span{background:#c38f5d;}
.area_apply > ul > li{position:relative; border-bottom:1px solid #ddd; transition:all 0.2s ease-out 0s;}
.area_apply > ul > li h6{overflow:hidden; text-overflow:ellipsis; width:80%; line-height:1; margin-bottom:20px; font-weight:400; font-size:1.25rem; color:#222; white-space:nowrap; transition:all 0.4s ease-out 0s;}
.area_apply > ul > li ul li{float:left;}
.area_apply > ul > li ul{overflow:hidden;}
.area_apply > ul > li ul li *{float:left;}
.area_apply > ul > li ul li em{margin-right:16px; padding:2px 22px; border:1px solid #ccc; font-weight:400; font-size:0.9375rem; color:#444;}
.area_apply > ul > li ul li:first-child{margin-right:35px;}
.area_apply > ul > li.apply_off{opacity:0.5;}
.area_apply > ul > li.apply_off a:hover h6{color:#222;}
.area_apply > ul > li.apply_off:hover{border-bottom-color:#ddd;}
.area_apply > ul > li a:hover h6{color:#c38f5d;}
.area_apply > ul > li a{display:block; padding:45px 30px;}
.area_apply > ul > li:hover{border-bottom-color:#27272f;}
.area_apply > ul > li.no_data{text-align:center; padding:60px 0;}
.area_apply > ul > li ul li p[data-wrap="place"]{overflow:hidden; width:280px; white-space:nowrap; text-overflow:ellipsis;}
.area_apply > ul > li:last-child{border-bottom-width:0px;}

.txt_apply{margin-bottom:9px; font-weight:300; font-size:0.9375rem; color:#555;}
.txt_apply i{display:inline-block; margin-left:4px; font-weight:400; color:#c38f5d;}

/* 행사참여게시판 뷰 */
.tit_view{margin-top:40px; font-weight:300; font-size:2.188rem; color:#222; text-align:center; letter-spacing: -0.04em;}
.tit_date{display:block; margin-top:8px; text-align:center;}
.tit_date *{display:inline-block;}
.tit_date i em{margin:0  10px 0 5px; font-weight:600; color:#222;}
.tit_date i{font-size:0.875rem;}
.tit_date p{font-size:1.125rem; color:#888;}

.content_view{margin-top:34px; border-top:2px solid #222;}
.content_view div[data-view="info"]{padding:20px 0; border-bottom:1px solid #ddd;}
.content_view div[data-view="info"] ul{overflow:hidden;}
.content_view div[data-view="info"] ul li{float:left; display:table; width:50%; margin:3px 0px;}
.content_view div[data-view="info"] ul li *{display:table-cell; box-sizing:border-box; padding:3px 15px; vertical-align:middle;}
.content_view div[data-view="info"] ul li em{width:17%; border:1px solid #ccc; font-weight:400; font-size:0.9375rem; color:#777; text-align:center;}
.content_view div[data-view="info"] ul li p{width:83%;}

.content_view div[data-view="file"]{padding:32px 40px; background:#f7f7f7;}
.content_view div[data-view="file"] *{display:inline-block; font-size:0.9375rem;}
.content_view div[data-view="file"] li{display:block;}
.content_view div[data-view="file"] em{margin-right:46px; font-weight:600; color:#555; vertical-align:top;}
.content_view div[data-view="file"]  i{position:relative; margin-left:27px;}
.content_view div[data-view="file"]  i:before{content:""; position:absolute; top:4px; left:-27px; width:18px; height:17px; background:url(../images/content/icon_file.svg) no-repeat 100% 100%;}
.content_view div[data-view="file"] a{position:relative; padding:0 1px; transition:all 0.4s ease-out 0s;}
.content_view div[data-view="file"] a:after{content:""; position:absolute; opacity:0; bottom:0; left:0; width:100%; height:1px; background:#555; transition:all 0.2s ease-out 0s;}
.content_view div[data-view="file"] a:hover:after{opacity:1;}

.content_view div[data-view="btn"]{margin-top:40px; text-align:center;}
.content_view div[data-view="btn"] a{display:inline-block; padding:16px 48px; background:#c38f5d; border:1px solid #c38f5d; font-size:0.9375rem; color:#fff;}
.content_view div[data-view="btn"] a:first-child{margin-right:4px; padding:16px 28px; background:#fff; border:1px solid #444; color:#444;}

.content_view div[data-view="content"]{padding:70px 0 50px;min-height:300px;max-width: 900px;margin: 0 auto;}
.content_view div[data-view="content"] table, .content_view div[data-view="content"] img{width:100% !important; height:auto !important;}
.content_view div[data-view="content"] table td,
.content_view div[data-view="content"] table th{width:auto !important;}

/* 신청폼 */
.box_check h4{margin-bottom:15px; font-weight:500; font-size:1.25rem; color:#222;}
.box_check{margin-top:50px;}
.area_apply_view .box_privacy{margin-top:20px;}
.board_business input[type="text"].input400{display:block;}

.area_searchApply ul li select{width:100%; height:60px; padding-left:0px; border:0px; border-bottom:1px solid #e2e2e2; background-color:transparent;}
.area_searchApply ul li.active select,
.area_searchApply ul li.in select{border-color:#1760ad;}
.area_searchApply ul li select:hover,
.area_searchApply ul li select:focus{outline:none;}
.area_searchApply ul li[data-room-result="time"] label{top:calc(50% + 20px); padding-bottom:20px; background:url(../images/common/bg_body.gif) repeat 0 0;}
.area_searchApply ul li[data-room-result="time"].active label,
.area_searchApply ul li[data-room-result="time"].in label{top:20px; padding-bottom:0px;}
.area_searchApply ul li[data-room-result="password"]:before{background:url(../images/module/icon_data.svg) no-repeat 50% 50%;}
.area_searchApply ul li[data-room-result="password"] input{background:transparent;}

/* 외국어-연혁 */
.box.history{position:relative; margin:50px 0 150px;}
.box.history > span{display:inline-block; position:absolute; top:0; left:50%; width:1px; height:100%; background:#eee;}
.box.history > ul{width:100%;}
.box.history > ul:after{content:''; display:block; clear:both;}
.box.history > ul > li{position:relative; content:''; margin:0 0 50px; padding:0; width:50%; border:none; opacity:0; transform:translateY(30px); transition:all 0.3s ease;}
.box.history > ul > li.active{opacity:1;  transform:translateY(0px); transition:all 0.3s ease;}
.box.history > ul > li.active em:after{background:#c38f5d;}
.box.history > ul > li.active em:before{border:1px solid #c38f5d;}
.box.history > ul > li > em{position:relative; display:block; font-size:2.188rem; font-weight:800; color:#333; line-height:1.6em;}
.box.history > ul > li > em:after{content:''; position:absolute; top:27px; width:4px; height:4px; background:#ddd; border-radius:5px;}
.box.history > ul > li > em:before{content:''; position:absolute; top:20px; width:16px; height:16px; box-sizing:border-box; background:transparent; border:1px solid #eee; border-radius:15px;}
.box.history > ul > li:nth-child(2n-1) > em:after{margin-left:-1.5px; left:0;}
.box.history > ul > li:nth-child(2n-1) > em:before{margin-left:-8px; left:0;}
.box.history > ul > li:nth-child(2n) > em:after{margin-right:-2.5px; right:0;}
.box.history > ul > li:nth-child(2n) > em:before{margin-right:-8px; right:0;}
.box.history > ul > li > p{display:block; margin-bottom:5px; font-weight:400; color:#555;}
.box.history > ul > li > p:last-child{margin-bottom:0;}
.box.history > ul > li > p .bold{display:block; font-size:1.063rem; font-weight:bold; color:#c38f5d;}
.box.history > ul > li:nth-child(2n-1){float:right; margin-left:50%;}
.box.history > ul > li:nth-child(2n-1) > em{padding:0 0 5px 38px;}
.box.history > ul > li:nth-child(2n-1) > p{padding:0 0 0 38px;}
.box.history > ul > li:nth-child(2n){float:left; margin-right:50%; text-align:right;}
.box.history > ul > li:nth-child(2n) > em{padding:0 38px 5px 0;}
.box.history > ul > li:nth-child(2n) > p{padding:0 38px 0 0;}
.box.history #historyLine{display:block; width:1px; height:0%; background:#c38f5d;}

/* 외국어-아카데미 */
.area_academy{padding-bottom:3rem;}
.area_academy .icon{margin-top:3rem; text-align:center;}
.area_academy .icon > li{display:inline-block; margin:0 15px;}
.area_academy .icon > li > a{overflow:hidden; display:inline-block; border-radius:100%; transition:0.5s ease;}
.area_academy .icon > li > a:hover{box-shadow:0px 30px 30px rgba(0,0,0,0.15);}
.iframe_video iframe{overflow:hidden; width:100%; height:100%; margin:0px; border:0px;}

.area_rim{position:relative; width:100%; min-height:764px; background:url(../images/contents/opern_imgbg.png) no-repeat 50% 0; padding-top:60px; background-size:cover;}
.area_rim span{display:block; text-align:center;}
.area_rim p{margin-top:1.25rem; font-size:1.875rem; text-align:center; line-height:1.5;}

/* 이미지맵 */
.area_sponsor .cnt_btn{margin-left:10px; margin-top:0}
#graph { position: relative; max-width: 1300px; background: #fff;margin:auto;}
#graph img{display:block;transform: translateX(-50%);left: 50%;position: relative;max-width: none;}
#graph ul{position: relative;}

#graph li {position:relative;float:left;line-height:2;height:27px;width:22px;text-align: center;margin-right:2px;margin-bottom:3px;font-size: 13px;color: #c99f37;transition: all 0.3s ease-out 0s;}
#graph li .box_ac{display:none;}
#graph li.active.name{visibility:hidden; background:none !important;}
#graph li.active{color:#fff;}
#graph li.on{background:#c99f37}
#graph li.active{background: #c99f37;cursor: pointer;}
#graph li.active p{display:none;font-size: 16px;font-weight: 800;}
#graph li.clear{clear:both;}
#graph li.mgl {margin-left: -12px;}
#graph li.mgl1 {margin-left: 12px;}
#graph li.mgl2 {margin-left: -23px;}
#graph li > a{position: absolute; left: 0; top: 0; display:block; width:100%; height:100%; background:none;}
#graph li.none{display:none;}
#graph li.none_st{position:relative; margin-left:24px;}

#graph .popLayer{position:relative;opacity:0;left:50%;z-index:-99;min-width: auto;width: auto;background:#fff;border: 3px solid #1c356f;transform: translateX(-91%);top: -7px;transition: all 0.4s ease-out 0s;border-radius: 6px;padding: 0 20px 0 10px;}
#graph .popLayer:before{content:'';left:50%;top: -11px;width:15px;height: 11px;position:absolute;left:50%;background:url(../images/contents/name_tag.png) no-repeat 50% 0;transform:translateX(-50%);}
#graph .popLayer > div{position:absolute; width:100%; top:50%;  left:50%; margin:0 auto; transform:translate(-50%, -50%); color:#111;}
#graph .popLayer > div #layerPopup{}
#graph .popLayer.active{opacity:1; z-index:99;}
#graph .popLayer > span{height:40px;line-height:40px;padding-right: 13px;font-weight: 800;color: #1c356f;text-align:center;text-align: left;word-break: keep-all;white-space: nowrap;}
/*#graph .popLayer > span{height:40px;line-height:40px;padding-right: 13px;font-weight: 800;color: #1c356f;text-align:center;display: block;text-align: left;word-break: keep-all;}*/
#graph .popLayer .close{display:block;}
#graph .popupBox .hamburger{top: 9px;right: 8px;}

#graph .popupBox  .hamburger .bar{left:5px;}
#graph .hamburger{display:block;position:absolute;top:0px;right:0;z-index:9999;width: 20px;height: 20px;border:0;flex-grow:0;cursor:pointer;}
#graph .hamburger.open{position: absolute;}
#graph .hamburger:focus{outline:0;}
#graph .hamburger .bar{position:absolute;left:25px;width: 13px;height:2px;background-color:#fff;transition:top 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0s;}
#graph .hamburger .bar.top{top:33px;}
#graph .hamburger .bar.middle{top:42px; left:23px; transition:opacity 1ms linear 0.2s; transform:translateY(-50%);}
#graph .hamburger .bar.bottom{top:49px;}
#graph .hamburger.open .bar{transition:top 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0.2s;}
#graph .hamburger.open .bar.top{top:50%; transform:translateY(-50%) rotate(45deg);}
#graph .hamburger.open .bar.middle{opacity:0; transition:opacity 1ms linear 0.2s;}
#graph .hamburger.open .bar.bottom{top:50%; transform:translateY(-50%) rotate(-45deg);}
#graph .hamburger.open:before{content:"";}
#graph .hamburger.open div{background: #a5a5a5;}
#graph li.active.focus{/* width:16px; *//* height:21px; *//* margin-top:-1px; *//* border:3px solid #ecd497; */background: #1c356f;top: -1px;}

li.row:before{position:absolute;left: -26px;top:-1px;color:#111;font-weight: 500;}
li.row1.row:before{content:'1열';}
li.row2.row:before{content:'2열';}
li.row3.row:before{content:'3열';}
li.row4.row:before{content:'4열';}
li.row5.row:before{content:'5열';}
li.row6.row:before{content:'6열';}
li.row7.row:before{content:'7열';}
li.row8.row:before{content:'8열';}
li.row9.row:before{content:'9열';}
li.row10.row:before{content:'10열';}
li.row11.row:before{content:'11열';}
li.row12.row:before{content:'12열';}
li.row13.row:before{content:'13열';}
li.row14.row:before{content:'14열';}
li.row15.row:before{content:'15열';}
li.row16.row:before{content:'16열';}
li.row17.row:before{content:'17열';}
li.row18.row:before{content:'18열';left: -30px;}
li.row19.row:before{content:'19열';left: -29px;}
li.row20.row:before{content:'20열';left: -32px;}
li.row21.row:before{content:'21열';left: -33px;}
li.row22.row:before{content:'22열';left: -60px;}
li.row23.row:before{content:'23열';left: -60px;}
li.row24.row:before{content:'24열';left: -84px;}

.seat_inr.seat01{position:absolute;top:275px;left:calc(50% - 203px);left:-webkit-calc(50% - 203px);}
.seat_inr.seat02{top:710px; left:calc(50% - 215px); left:-webkit-calc(50% - 215px);}
.seat_inr{position:absolute; }
.seat_inr.seat03{top:892px; left:calc(50% - 239px); left:-webkit-calc(50% - 239px);}
.seat_inr.seat04{top:1214px; left:calc(50% - 214px); left:-webkit-calc(50% - 214px);}
.seat_inr.seat04 li:is(.row3,.row4,).row:before{left:-51px;}
.seat_inr.seat05{position:absolute; top:304px; left:calc(50% - 414px); left:-webkit-calc(50% - 414px);}
.seat_inr.seat05 li:is( .row5,
.row6,
.row10,
.row11,
.row12,
.row13).row:before{left:-51px;}
.seat_inr.seat05 li:is(.row1,
.row2,
.row12).row1.row:before{left:-27px;}
.seat_inr.seat05 li:is(.row7,
.row8,
.row9,
.row10,
.row11).row:before{left:-76px;}
.seat_inr.seat06{position:absolute; top:304px; right:calc(50% - 414px); right:-webkit-calc(50% - 416px);}
.seat_inr.seat06 li.row:before{left:-27px; width:24px; text-align:right;}
.seat_inr.seat07{position:absolute;top:892px;left: calc(50% - 553px);left: -webkit-calc(50% - 553px);}
.seat_inr.seat07 li.row19.row:before{left:-53px;}
.seat_inr.seat07 li.row20.row:before{left:-79px;}
.seat_inr.seat08{position:absolute; top:952px; left:calc(50% - 577px); left:-webkit-calc(50% - 577px);}

.seat_inr.seat09{position:absolute;top: 892px;right: calc(50% - 555px);right: -webkit-calc(50% - 555px);}

.name, .name2, .name_box {position:absolute;transition: all 0.4s ease-out 0s;}

.text.v1{font-size:19px; color:#111;}
.colum_prg_list > li figure:not(.img){width:140px; height:140px; line-height:140px;}
.listCheck li{display:inline-block;}
.listCheck li i{padding-left:5px; display: inline-block;}

.seat_text .box_alert.white{padding:29px 40px;}

.bg_g{background:#fafafa !important;}

.page_ready{padding:120px 0; text-align:center;}
.page_ready h6{font-size:35px; letter-spacing:15px;}
.page_ready p{margin-top:23px; font-weight:300; color:#666;}
.page_ready div{display:inline-block;overflow:hidden;margin-top: 60px;}
.page_ready a{float:left; margin-right:10px; padding:18px 65px; border:1px solid #ccc; font-weight:500; font-size:14px;}
.page_ready a:last-child{margin-right:0; color:#1e47ba; border-color:#1e47ba;}

/* >>>>>>>>>>  2023-03-08 새로운 추가사항 >>>>>>>>>>>>  */
/* 아카데미 */
.wrap_newVer .scrollTable .small{font-size: 13px; display: block;}
.wrap_newVer .scrollTable .imp{color: #1760ad;}
.wrap_newVer article + article{margin-top: 80px;}
.wrap_newVer .tableWrap .bold{font-size: 20px;}
.tableWrap .tbl_normal .tableName{width: 180px;}
.tableWrap .tbl_normal .tableName2{width:25%}
.tbl_normal.tbl_data td.txtLeft{text-align: left;}
td.txtLeft p + p{margin-top: 15px;}

.new_title{margin-bottom:42px;}
.new_title.flex{display: flex; justify-content: space-between; align-items: center;}
.new_article strong.ex_tt{display: block; margin-bottom: 14px; }
.pic_exList{display: flex; gap: 32px;}
.pic_exList > li{width: 25%;}
.pic_exList > li img{width: 100%;}
.bul_list.notBefore > li:before{display: none;}

.tableImage ul{gap: 22px; display: flex; flex-wrap: wrap; flex-direction: row;}
.tableImage ul li{ width: 16.666%;}
.tableImage ul li img{width: 100%;}

.ytb_link{transition: all .3s; cursor: pointer; display: block; text-decoration: underline;}
.ytb_link:hover{opacity: 0.6;}
.iconn{display: inline-block; height: 18px; vertical-align: middle;}
.iconn img{width: 20px;}

.link_youtube a{display: flex; width: 190px; border:1px solid #ddd; height: 38px; justify-content: center; align-items: center; border-radius: 50px; gap: 12px; font-size: 14px;}
.link_youtube img{width: 20px;}
html[lang="en"] .link_youtube a{width: 130px;}
.video_box{position:relative; padding-top:56.25%; margin-bottom:20px;}
.video_box iframe{position:absolute; top:0; left:0; display:block; width:100% !important; height:100%;}

/* >>>>>>>>>>  2023-03-10 새로운 추가사항 >>>>>>>>>>>>  */
/* 공연일정 */
.area_perf_calender {padding-bottom: 0 !important;}
.area_perf_calender ul.mobile {display: none;}
.area_perf_calender .calendar_title {position: relative; text-align: center; margin: 80px 0;}
.area_perf_calender .calendar_title h3 {font-size: 2.5rem; font-weight: 300; color: #222;}
.area_perf_calender .calendar_title h3 strong {font-weight: 700;}
.area_perf_calender .calendar_title form {position: absolute; right: 0; top: 50%;  transform: translate(0, -50%);}
.area_perf_calender .calendar_title #cd_year {height: 40px; padding: 0 60px 0 20px; font-size: 18px;}
.area_perf_calender .calendar_title option { color: #666;}
.area_perf_calender .calendar_title option span {font-weight: 400;}

.area_perf_calender .tabs_area {text-align: right; margin-bottom: 80px;}
.area_perf_calender .txt_info{display: inline-block; margin-bottom: 30px;}
.area_perf_calender .tabs {display: grid; grid-template-columns: repeat(12, 1fr); text-align: center; border-top: 1px solid #000; border-bottom: 1px solid #e8e8e8;}
.area_perf_calender .tabs li {padding: 15px 0; font-size: 19px; color: #666;}
.area_perf_calender .tabs li.active {color: #fff; background-color: #1c356f;}

.area_perf_calender .tab_content {position: relative; padding-bottom: 6.625rem; opacity: 0; visibility: hidden; transition: .3s;}
.area_perf_calender .tab_content.active {opacity: 1; height: auto; visibility: visible;}
.area_perf_calender .tab_content table {table-layout: fixed; border-top: 1px solid #000; border-collapse: separate; border-spacing: 12px;}
.area_perf_calender .tab_content table thead {position: relative;}
.area_perf_calender .tab_content table thead::after {position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 1px; background-color: #e8e8e8;}
.area_perf_calender .tab_content table tr th {padding: 20px 10px; text-align: center; text-transform: uppercase; font-weight: 400;}
.area_perf_calender .tab_content table tr th[data-calendar="sun"],
.area_perf_calender .tab_content table tr th[data-calendar="sat"] {color:#e4785f;}
.area_perf_calender .tab_content table tr td {height: 120px; padding: 30px 25px; vertical-align: top; background-color: #f7f6f6;}
.area_perf_calender .tab_content table tr td[data-value="empty"] {background-color: #fff;} 
.area_perf_calender .tab_content table tr td em {color: #999;}
.area_perf_calender .tab_content table tr td:first-child em,
.area_perf_calender .tab_content table tr td:last-child em {color:#e4785f;}
.area_perf_calender .tab_content table tr td ul li {margin-top: 15px;}
.area_perf_calender .tab_content table tr td ul li > a {font-size: 15px; color: #a66d35; line-height: 1.2;}
.area_perf_calender .tab_content table tr td ul li > a span {display: inline-block; margin-bottom: 5px; padding: 3px 14px; font-size: 14px; color: #fff; background-color: #c38f5c;}
.area_perf_calender .tab_content table tr td ul li.plan > a {color: #2b4788;}
.area_perf_calender .tab_content table tr td ul li.plan > a span {background-color: #1c356f;}
.area_perf_calender [data-pop-layer="layer"] {position:absolute; background: none; z-index: 8;}
.area_perf_calender [data-pop-layer="layer"].active {display: block !important;}
.area_perf_calender [data-pop-layer="layer"] .popBox {left: auto; right: 0; top:0; max-width: 780px; border: 1px solid #000; transform: none; box-shadow: none;}
.area_perf_calender [data-pop-layer="layer"] .popBox .popTit {position: relative; color: #fff; background-color: #c38f5c;}
.area_perf_calender [data-pop-layer="layer"] .popBox h2 {display: flex; align-items: center; padding: 16px 120px 16px 40px !important; height: 80px; font-size: 22px !important; font-weight: 500; box-sizing: border-box; border-bottom: none;}
.area_perf_calender [data-pop-layer="layer"] .popBox h2 span {width: auto; margin-right: 20px; padding: 5px 25px; font-size: 17px; color: #fff; font-weight: 300; border:1px solid rgba(255, 255, 255, .5);}
.area_perf_calender [data-pop-layer="layer"] .popBox .btn_close {right: 0; width: auto; height: 100%; aspect-ratio: 1/1; background:#000 url(/images/common/icon_close.png) no-repeat center; box-shadow: none;}
.area_perf_calender [data-pop-layer="layer"] .popBox .btn_close > span {display: none !important;}
.area_perf_calender [data-pop-layer="layer"] .popBox .popConts {display:flex; align-items: stretch; padding: 40px;}
.area_perf_calender [data-pop-layer="layer"] .popBox .popConts .img {flex-basis: 35%; aspect-ratio: 240/346;}
.area_perf_calender [data-pop-layer="layer"] .popBox .popConts .img img {width: 100%;}
.area_perf_calender [data-pop-layer="layer"] .popBox .popConts .content {position: relative; display: flex; flex-wrap: wrap; align-content: space-between; flex-basis: 65%; padding: 30px 0 0 50px; background:#fff; box-sizing: border-box;}
.area_perf_calender [data-pop-layer="layer"] .popBox .popConts .content ul {max-height: 210px; overflow-y: auto;}
.area_perf_calender [data-pop-layer="layer"] .popBox .popConts .content ul li {position:relative; display: flex; padding-left: 15px; font-size: 19px; word-break: keep-all;}
.area_perf_calender [data-pop-layer="layer"] .popBox .popConts .content ul li::before {position:absolute; left:0; top:11px; content:''; width: 3px; height: 3px; border-radius: 100%; background-color: #444;} 
.area_perf_calender [data-pop-layer="layer"] .popBox .popConts .content ul li span {position: relative; min-width: 37px; padding-right: 10px; margin-right: 10px; font-weight: 500; color: #444;}
.area_perf_calender [data-pop-layer="layer"] .popBox .popConts .content ul li span::after {position:absolute; right: 0; top: 0; content:':'; display: inline-block; color: #bababa; }
.area_perf_calender [data-pop-layer="layer"] .popBox .popConts .btn {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}
.area_perf_calender [data-pop-layer="layer"] .popBox .popConts .btn.mobile {display: none;}
.area_perf_calender [data-pop-layer="layer"] .popBox .popConts .btn a {display: block; min-width: 200px; padding: 20px; font-size: 20px; font-weight: 500; text-align: center; border: 1px solid #000; box-sizing: border-box; transition: .3s;}
.area_perf_calender [data-pop-layer="layer"] .popBox .popConts .btn a:hover {background-color: #333; color:#fff;}
.area_perf_calender [data-pop-layer="layer"] .popBox .popConts .btn a:last-child {color: #fff; background-color: #ef4e3b; border-color: #e3311c;}
.area_perf_calender [data-pop-layer="layer"] .popBox .popConts .btn a:last-child:hover {background-color: #e3311c;}

.area_perf_calender .plan > [data-pop-layer="layer"] .popBox .popTit {background-color: #1c356f;}
.area_perf_calender .plan > [data-pop-layer="layer"] .popBox .btn a:last-child {background-color: #1c356f !important; border-color: #0e2458 !important;}
.area_perf_calender .plan > [data-pop-layer="layer"] .popBox .btn a:last-child:hover {background-color: #0e2458 !important;}

.area_perf_calender .tab_content table tr:nth-last-child(-n+3) [data-pop-layer="layer"] {top: auto !important; transform: translate(0, -115%);}
.area_perf_calender .tab_content table td:nth-child(-n+3) [data-pop-layer="layer"] .popBox {left: 0;}

/* >>>>>>>>>>  2023-03-15 새로운 추가사항 >>>>>>>>>>>>  */
.pic_img ul{display:flex; gap:20px}
.pic_img ul img{max-width:100%;}
.new_article2{display:flex; justify-content: space-between;} 
.new_article2 > div{width:49%;}
.new_article2 > div ul{width:100%;}
.new_article2 > div ul li{width:50%;}

/* 2023-08-10 멤버십 페이지 추가 */
.membership-ver{margin-top: 84px;}
.membership-ver .sect h1 + *{margin-top: 23px;}
.notice_p,.notice_txt{ margin-top: 15px; font-weight: 200; font-size: 15px; opacity: 0.8}
.notice_p{text-align: right;}
.notice_txt > *{position: relative; padding-left: 14px; font-size: 14px;}
.notice_txt > *::before{content: "*"; position: absolute; left: 0; top: 3px; }
.member-intro__text{display: flex; align-items: flex-start; justify-content: center;}
.member-intro__text .member-intro__title{font-size: 32px;  margin-bottom: 24px; width: 40%;}
.member-intro__text .member-intro__title *{display: block; color: #222;}
.member-intro__text .member-intro__title span{font-weight: 300;}
.member-intro__text .member-intro__title strong{  }
.member-intro__text .member-intro__cont{ padding-left: 80px; box-sizing: border-box; width: 60%;}
.member-intro__text .member-intro__cont > * + *{margin-top: 42px;}
.member-intro__text p{line-height: 1.7; /* font-weight: 200; */ font-size: 18px; word-break: keep-all;}
.member-intro__text p + p{margin-top: 24px;}
.member-intro__text .memb-button{justify-content: flex-start;}
.memb-button{margin-top: 34px; display: flex; align-items: center; justify-content: center;}
.memb_btn{width: 170px; height: 50px;  display: flex; align-items: center; justify-content: center; border:1px solid #222}
.memb_btn span{color: #222;}
.member-intro__image{width: 100%;/*  height: 320px */;  background-color: #f7f7f7; display: flex; align-items: center; justify-content: center;}
.member-intro__image img{max-width: 100%;}
.member-intro .member-type__comm{border:1px solid #eee}
.member-card > div{width: 310px;    margin-top: 32px; display: flex !important; align-items: center; justify-content: center;}
.member-card > div img{width: 100%;}

.table-box .table-box__style{}
.table-box .table-box__style th{background-color: #f7f6f6; border-top: 1px solid #0e2458;}
.table-box .table-box__style th, .table-box .table-box__style td{border-bottom: 1px solid #eaecf1; padding: 14px; border-right: 1px solid #eaecf1;  border-collapse: collapse;}
.table-box .table-box__style td.last{border-right: none;}
.member-type__list{display: flex;}
.member-type__list > li + li{margin-left: 32px;}
.member-type__list > li{width:33.333%}
.member-type__list > li{border:1px solid #e4e4e4}
.member-type__title{height: 90px; background-color: #f7f6f6; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #e4e4e4;}
.member-type__title strong{display: block; line-height: 1.2; font-size: 20px; color: #222;}
.member-type__title strong span{color: #1760ad;}
.member-type__two em, .member-type__pay em{  display: block; text-align: center;}
.member-type__two em{height: 50px; line-height: 50px; width: 50%;}

.member-type__pay{display: flex;}
.member-type__comm{padding: 40px; box-sizing: border-box;}
.member-type__sec + .member-type__sec{margin-top: 24px; padding-top: 24px; border-top: 1px dashed #e4e4e4;}
.member-type__sec.pay_ver{display: flex; justify-content: space-between; align-items: center;}
.member-type__sec.pay_ver em{font-weight: 600; font-size: 19px; color: #222;}
.member-type__sec strong{display: block;  font-weight: 400; opacity: 0.4;}
.member-type__sec  strong + *{margin-top: 6px;}
.member-type__sec  ul li{font-weight: 200;}
.member-type__sec  ul li + li{margin-top: 4px;}
.member-type__sec > div + div{margin-top: 26px;}
.member-type__sec .bul_list .bold{font-weight: 500;}

.member-benefit ul{display: flex; justify-content: space-between;}
.member-benefit ul li{width: calc(100% / 4 - 12px); border:1px solid #eee; height: 300px;  text-align: center; display: flex; align-items: center; justify-content: center;}
.member-benefit ul li .sm_font{font-size: 14px; opacity: 0.5;}
.member-benefit ul li b{font-size: 18px; display: block; margin-top: 4px; color: #222;}
.member-benefit li i{width: 100px;height: 100px;display: flex;margin: 0 auto 30px;align-items: center;justify-content: center;background: #f8f8f8;border-radius: 100%;}
.member-benefit li:nth-child(1) img{height: 40px;}
.member-benefit li:nth-child(2) img{height: 34px;}
.member-benefit li:nth-child(3) img{height: 38px;}
.member-benefit li:nth-child(4) img{height: 42px;}
.box_alert.mem_v{margin-top: 23px;}
.box_alert.mem_v p *{text-decoration: underline;}

.dagu-member{max-width: 960px; width: 100%; margin: 0 auto;}
.dagu-member > p{text-align: center; line-height: 1.7; font-size: 20px;}
.dagu-member > p span{color: #1760ad;}
.dagu-member > p b{color: #222;}
.dagu-member > p + *{margin-top: 40px;}
.dagu-member .member-type__list{justify-content: center;}
.dagu-member .member-type__list > li{width: 50%;}
.dagu-member .member-type__list i{display:flex; align-items: center; justify-content: center; height: 52px; width: 60px; }
.dagu-member .member-type__list i img{width: 42px; margin-bottom:8px;}

.join-process__list{display: flex; align-items: center; justify-content: space-between;}
.join-process__list .num{font-size: 42px; color: #ccc;}
.join-process__list > li{width: calc(100% / 4 - 40px);border:1px solid #eee;box-sizing: border-box;padding: 34px 22px;line-height: 1;position: relative;}
.join-process__list > li::before{content: "";width: 28px;height: 32px;background: url(/images/contents/ic-arrow-c.svg) no-repeat;background-size: 100%;position: absolute;left: -41px;top: 50%;transform: translateY(-50%);}
.join-process__list > li:nth-child(1)::before{display: none;}
.join-process__list > li i{display: flex;width: 100px;height: 100px;align-items: center;justify-content: center;margin: 0 auto;border-radius: 100%;background: #f7f7f7;}
.join-process__list > li:nth-child(1) img{ width: 32px;}
.join-process__list > li:nth-child(2) img{ width: 36px;}
.join-process__list > li:nth-child(3) img{ width: 42px;}
.join-process__list > li:nth-child(4) img{ width: 48px;}
.join-process__list > li div{margin-top: 42px;text-align: center;}
.join-process__list > li strong{display: block;color: #222;margin-top: 12px;}

.join-process-ver .style-btn{position: relative; padding-left: 20px;}
.join-process-ver .style-btn::before{content: ""; display: block; width: 10px; height: 10px; border-radius: 90px; border:3px solid #eba049; box-sizing: border-box; position: absolute; left: 0; top: 10px;}

.join-process-ver .bul_list > li + li,.dot_list li + li{margin-top: 8px;}
.join-process-ver .bul_list > li::before{top: 11px;}
.join-process-ver .bul_list > li .black{ color: #222; font-weight: 400; margin-left: 4px;}
.join-process-ver .bul_list .dl + .dl{margin-top: 32px;}
.join-process-ver .bul_list .dt{display: block; margin-bottom: 16px;}
.join-process-ver .bul_list .dd{display: block;}
.join-process-ver .bul_list .arrow{width: 6px;height: 6px;border-right: 2px solid #a9a9a9;border-bottom: 2px solid #a9a9a9;transform: rotate(-45deg) translateY(-2px);display: inline-block;margin: auto 7px;}
.join-process-ver .online-list{display: flex;}
.join-process-ver .online-list > li > *{border:1px solid #eee; width: 130px; min-height: 130px; border-radius: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.join-process-ver .online-list > li > a{border-color: #222; transition:  all .3s;}
.join-process-ver .online-list > li > a:hover{ box-shadow: 7px 10px 20px rgb(23 23 23 / 13%); border-color: #1598de; }
.join-process-ver .online-list > li > a:hover strong{color: #1760ad;}
.join-process-ver .online-list > li > a strong{text-align: center;}
.join-process-ver .online-list > li > a strong i{display: block; font-size: 12px; font-weight: 300; }
.join-process-ver .online-list > li span{font-size: 13px; margin-bottom: 12px; font-weight: 600; opacity: 0.3;}
.join-process-ver .online-list > li{padding-right:40px; position: relative;}
.join-process-ver .online-list > li::before{content: "";width: 23px;height: 10px;background: url(/images/contents/ic-arrow.svg) no-repeat;background-size: 100%;position: absolute;left: -31px;top: 50%;transform: translateY(-50%);}
.join-process-ver .online-list > li:nth-child(1)::before{display: none;}

.dot_list li .down{background-color: #222;font-size: 14px;color: #fff;border-radius: 3px;padding: 6px 9px;box-sizing: border-box;display: inline-block;line-height: 1;}
.line-box{border:1px solid #eee;padding: 18px 24px;box-sizing: border-box;margin-top: 15px;background: #f8f8f8;}
.line-box dl{display: flex;}
.line-box dl + dl{margin-top: 4px;}
.line-box dl dt{width: 50px;font-size: 14px;color: #222;}
.line-box dl dd{width: calc(100% - 50px);font-weight: 300;font-size: 14px;}

.table_join table{border-top: 1px solid #222;}
.table_join table tr > *{border-bottom: 1px solid #eee; padding:16px 12px;}
.table_join table tr th{background-color: #f6f6f6}
.table_join table .black{color: #222;}
.table_join table .black + td{color: #1760ad;}

.pic_list{display: flex; justify-content: space-between;}
.pic_list > li{width: calc(100% / 4 - 10px);}
.pic_list > li strong{display: block; color: #222; margin-top: 8px;}
.pic_list > li p{line-height: 1.4; font-size: 14px;}

.gibu_type_box{ padding-left: 2.125rem; margin-top: 12px;}
.gibu_type_box .strong{display: block; font-size: 18px; font-weight: 500; color: #222;}
.gibu_type_box .bul_list.type2{margin-top: 4px;}
.gibu_type_box > .bul_list > .dl{padding-left: 0;} 
.gibu_type_box > .bul_list > .dl::before{display: none;}

.designCheck.member_v li > label{color: #222;}
.designCheck.member_v li + li{margin-top: 8px;}
.designCheck.member_v .under_type{padding-left: 20px;}
.member_list strong{display: block; color: #444; margin-bottom: 4px;}
.member_list > li + li{margin-top: 12px;}
.member_list ol{display: flex; align-items: center;}
.memeber_in_list{padding-left:22px; margin-top: 3px; }
.memeber_in_list span{display: block; position: relative; padding-left: 12px; color: #444; font-size: 15px;}
.memeber_in_list span::before{content: ""; position:absolute; left: 0; top: 12px; width: 4px; height: 4px; border-radius: 10px; background-color: #000;}
.accordion .desc .text{opacity: 1; transform: translate(0,0);}

/* 마이페이지 멤버십 */
.mem-table{ max-width: 360px; width: 100%; margin: 0 auto;}
.mem-table td{text-align: center;}
.mem-table .bbsView > tbody > tr > th{background-color: #f3f3f3; width: 34%;}

@media screen and (min-width:769px){
	.text:first-child{margin-top:0;}
	#container .vision_manage_cont .inr_box{padding-left:130px;}
}

@media screen and (max-width:1600px){
	.position_wrap.maximize_wrap{padding:0 1.375rem;}
}

@media screen and (max-width:1450px){
	.area_academy_intro{padding:0 0.9375rem; margin-bottom:0px;}
	.area_academy_intro .inr{float:none; width:100%; padding-left:0;}
	.area_academy_intro .banner{float:none; width:auto; max-width:900px; margin:0 auto; padding-bottom:0px; border-left-width:0px; border-right-width:0px;}
	.area_academy_intro .banner:after{content:''; display:block; clear:both;}
	.area_academy_intro .banner .list{float:left; width:450px;}
	.area_academy_intro .banner .center{float:left; width:calc(100% - 450px); height:514px; box-sizing:border-box; padding:5rem 1.875rem 0; border:1px solid #e8e8e8; border-left-width:0px;}	
	.area_academy_intro .inr .notice{margin-top:5rem;}
	.area_calendar{padding-top:0; margin-top:5rem;}
	.area_calendar .control{top:0;}
	.area_calendar .control .btn_prev,
	.area_calendar .control .btn_next{vertical-align:middle;}

	.area_search_detail .button.btn{top:50%; right:0px; bottom:auto; margin-top:-39px;}
	.area_search_detail .button.reset{top:50%; bottom:auto;}

	.list_play_col03 > li{padding:60px 30px;}

	
	html[lang="en"] .area_search .txt_info{position:relative; top:auto; right:auto; padding-left:0px; margin-top:1.063rem; transform:translateY(0);}
}

@media screen and (max-width:1400px){
	.img_1{margin-left:10%;}
	.message_2{width:38%; margin-top:2.5rem;}
	
	.position_wrap.maximize_wrap{padding:0;}
	.position_wrap,
	.history_list_wrap{box-sizing:border-box; max-width:inherit;}
	.history_list_wrap{padding:0 1rem; background:transparent;}
	
	.greeting_wrap .txt{padding:4.688rem 3.438rem;}
	.greeting_wrap .txt strong{font-size:2rem;}
	.greeting_wrap .txt_box .text{margin-top:1.75rem;}
}

@media screen and (max-width:1280px){
	.area_info .list_process li{width:-webkit-calc((100%/2) - 5px); width:calc((100%/2) - 5px); margin:0 10px 34px 0;}
	.area_info .list_process li:nth-child(2n){margin-right:0 !important;}
	.area_info .list_process li:nth-child(3n){margin-right:10px;}
	.area_info .img_ab{position:relative; top:0; right:0; margin-top:20px;}
	.area_info .inr > div[data-point="margin"]{padding-bottom:0;}
	div[data-point="process"] ul li{width:-webkit-calc(100%/3); width:calc(100%/3);}
	div[data-point="process"] ul li:nth-child(3)~*{margin-top:50px;}

	.content_view div[data-view="info"] ul li[data-info="title"],
	.content_view div[data-view="info"] ul li[data-info="date"]{display:none;}
	
	.list_play .list > li{display:block;}
	.list_play .thumb,
	.list_play .conts{float:none;}
	.list_play .conts{width:100%; padding-left:0px;}
	.list_play_view .list_play .conts{padding-left:0}

	.list_play .conts .go_ticket_btn{position:static; text-align:center;}

	*[class*="list_play"] .thumb{position:relative; top:auto; left:auto; margin:0 auto 1.5rem;}
}

@media screen and (max-width:1200px){
	#content{padding-bottom:4.75rem;}
	.inr_box li,
	.inr_box p{word-break:break-all; word-wrap:inherit;}

	.colum3{width:103%;}
	.colum3 > li{width:30.333%; margin:0 3% 3% 0;}
	.colum5{text-align:left;}
	.colum5 > li{width:31.333%; margin:0 2% 2% 0;}
	.colum_gallery_list > li{width:48.08%;}
	
	.history_list .year span{font-size:4.25rem;}
	
	.vision_cont{margin-top:1rem;}
	.vision_cont .box_absolt{display:block; position:static; width:100%; margin-bottom:3%; height:auto; transform:none; text-align:center;}
	.vision_cont .box_absolt b{display:inline-block;}
	.vision_cont .box_absolt br{display:none;}
	
	.img_bg.bg{height:320px;}
	.position_wrap .intro{padding:3rem 0;}
	.position_wrap.maximize .intro > .right, html[lang="en"] .position_wrap.maximize .intro > .right{padding-left:2%;}
	.position_wrap.maximize .intro,
	.position_wrap .intro_text_box,
	.position_wrap .position_cont:first-child{padding:6% 0;}
	.position_wrap .intro_grid_image:last-child,
	.position_wrap .intro_img_box{padding-bottom:6%;}
	
	.ci_color_list > li strong.en{padding:1rem 0;}
	.ci_color_list ul{margin-top:1rem;}
	.ci_color_list ul li span{width:42%;}
	.ci_color_list ul li p{margin-left:44%;}
	
	.message_box .desc br{display:none;}
	.map_wrap{height:420px;}
	
	.view_cont .picture{padding-right:26px;}

	.list_play_col03 .thumb{width:100% !important;}

	.box.history > ul > li > p{padding-right:15px !important; word-break:break-all;}
	.box.history > ul > li > p br{display:none;}

    /* 0814 추가 */
    .member-type__title{height: 70px;}
    .member-type__title strong{font-size: 18px;}
    .member-intro__text .member-intro__cont{padding-left: 54px;}
    .member-benefit ul li b{font-size: 16px;}
    .member-benefit li:nth-child(1) img{height: 35px;}
    .member-benefit li:nth-child(2) img{height: 29px;}
    .member-benefit li:nth-child(3) img{height: 32px;}
    .member-benefit li:nth-child(4) img{height: 33px;}
    .join-process__list .num{font-size: 32px;}
    .join-process__list > li{padding: 14px 22px;}

}

@media screen and (max-width:1150px){
	.content_view div[data-view="info"] ul li{float:none; width:100%;}
}

@media screen and (max-width:1024px){
	.inr_box li,
	.inr_box p{line-height:1.5;}	

	.title.is1{font-size:1.625rem; padding-left:1.625rem; background-size:auto 9px;}
	.title.is2{margin-left:1.625rem; font-size:1.25rem;}
	.text.is1,
	.text.is2{margin-left:1.625rem;}
	.text + .title.is2{margin-top:2.125rem;}
	.text br{display:none;}

	.tbl_scroll:not(.tbl_min_scroll){overflow:hidden; overflow-x:auto; padding-top:3.5rem;}
	.tbl_scroll:not(.tbl_min_scroll):before{display:block;}
	
	.box_para{padding:1.5rem 2.125rem;}
	
	.accordion .tit .tit_state{left:1.067rem;}
	.accordion .desc .inr_desc{padding:1.733rem 3.933rem;}

	.colum_prg_list > li figcaption{word-break:keep-all;}
	.colum_prg_list > li figcaption br{display:none;}
	.colum3 > li{width:47%; /*margin-bottom:3%;*/}
	.colum4 > li{width:31.333%; margin:0 2% 2% 0;}
	
	.vision_top .tit strong{font-size:2.143rem;}
	.vision_cont .vision > li .tit{padding:1.625rem;}
	.vision_cont:not(.vision_manage_cont) .vision > li .ico,
	.vision_cont:not(.vision_manage_cont) .vision > li .en:after{display:none;}
	
	.slider .item img{max-width:100%;}
	.ci_size_list .box_absolt{position:static;}
	
	.gray_list > li{padding-left:100px;}
	.gray_list > li span{width:100px;}
	.bul_list > li:before{top:7px;}
	
	.inquiry_wrap .tit,
	.inquiry_wrap .form{padding:1.5rem;}
	.colum_form_list{margin-bottom:-1%;}
	.colum_form_list > li{width:32.333%; margin-bottom:1%;}
	.colum_prg_list > li{padding:2.125rem;}
	
	.map_wrap{height:380px;}
	
	.view_tit{font-size:1.625rem;}
	.view_cont{padding:2.125rem 0;}
	.view_cont .picture{float:none; width:100%; padding-right:0; text-align:center;}
	.view_cont .detail{float:none; width:100%; margin-top:1.625rem;}
	.view_cont .slider .item img{width:100%;}
	
	.colum_cocoa_list > li .normal b{font-size:3.25rem;}
	.colum_cocoa_list > li .normal span{font-size:1.425rem;}
	.colum_cocoa_list > li .hover b{font-size:2.125rem;}
	.cocoa_mission .img_mission{padding-top:50%;}
	.cocoa_mission .txt_mission em{font-size:1.625rem;}
	.colum_seat_list .box_img{overflow:hidden; overflow-x:auto;}
	.colum_seat_list .box_scroll{min-width:800px;}
	.colum_seat_list .box_scroll:before{display:block;}
	.colum_even > li{width:48%;}

	.area_search{text-align:center;}
	.area_search .txt_info{position:relative; top:auto; right:auto; padding-left:0px; margin-top:1.063rem; transform:translateY(0);}
	.area_search .txt_info:before{display:inline-block; position:static; margin-right:5px; margin-top:-3px; background-image:url(../images/contents/icon_info@x2.png); vertical-align:middle;}

	.bbsView.respon1024 col{display:none;}
	.bbsView.respon1024 > tbody > tr > th,
	.bbsView.respon1024 > tbody > tr > td{display:block; width:100%; box-sizing:border-box; padding:10px;}
	.bbsView.respon1024 th[data-view="count"] + td{width:100% !important;}
	.bbsView.respon1024 th[data-view="file"] + td{border-top-width:0px; padding-left:20px;}
	
	.greeting_wrap .img{overflow:hidden; float:none; position:relative; z-index:1; width:100%; height:0; padding-top:76%; margin:0 auto 10px auto}
	.greeting_wrap .img img{position:absolute; top:0; left:50%; width:100%; transform:translate(-50%,0);}
	.greeting_wrap .txt{}
	.greeting_wrap .txt strong{font-size:1.714rem;}
	.greeting_wrap .txt_box .text{margin-top:1.429rem;}

	.area_info .inr > div{padding:30px 0;}
	.area_info h4{margin-bottom:12px;}

	.area_apply li[class^="apply_"] span{width:110px; margin-top:-22px; padding:11px 0; font-size:0.875rem;}
	.area_apply > ul > li a{padding:35px 20px;}
	.area_apply > ul > li h6{width:60%; margin-bottom:12px; font-size:19px;}	
	.area_apply > ul > li ul li em{margin-right:11px; padding:2px 15px; font-size:0.9375rem;}
	.area_apply > ul > li ul li *{font-size:0.9375rem;}
	.area_apply > ul > li ul li p{line-height:2;}
	.area_apply > ul > li ul li p[data-wrap="place"]{width:170px;}

	#content .scrollTable{overflow:auto;}
	#content .scrollTable > table{min-width:1024px;}
	#content .scrollTable > table.small{min-width:600px;}
	#content .mob_info{display:block;}

    .pic_exList{gap: 22px;}
	

	.area_perf_calender .tab_content table {border-spacing: 5px;}
	.area_perf_calender .tab_content table tr th {padding: 10px;}
	.area_perf_calender .tab_content table tr td {padding: 20px;}
	.area_perf_calender .tab_content table tr td ul li {margin-top: 10px;}
	.area_perf_calender .tab_content table tr td ul li > a {font-size: 14px;}
	.area_perf_calender .tab_content table tr td ul li > a span {font-size: 12px; padding: 3px 10px;}

	.area_perf_calender [data-pop-layer="layer"] {position: fixed; left: 0; top: 0 !important; width: 100% !important; height: 100% !important; transform: none; background: rgba(0, 0, 0, .5); transform: none !important; z-index: 10;}
	.area_perf_calender [data-pop-layer="layer"] .popBox {max-width: none; width: 80% !important; height: auto !important; left:50% !important; top: 50% !important; transform: translate(-50%, -50%);}
	.area_perf_calender [data-pop-layer="layer"] .popBox .popConts .img {aspect-ratio: auto;}
	.area_perf_calender [data-pop-layer="layer"] .popBox .popConts .btn {position: relative; left: auto; bottom: auto; margin-top: 30px;}
	.area_perf_calender [data-pop-layer="layer"] .popBox .popConts .btn a {font-size: 18px; padding: 15px;}
	.area_perf_calender .tab_content table tr:nth-last-child(-n+3) [data-pop-layer="layer"] {top:0 !important;}

    .member-type__comm{padding:32px 28px;}
    .member-type__list > li + li{margin-left: 22px;}
    .member-intro__text .member-intro__title{font-size: 28px;}
    .membership-ver{margin-top:54px}
}

@media screen and (max-width:920px){
	.area_academy_intro .swiper-slide .img{overflow:hidden; display:block; text-align:center;}
	.area_academy_intro .swiper-slide .img img{margin-left:-100%; margin-right:-100%; max-height:360px;}
	.area_academy_intro .banner .list{width:315px;}
	.area_academy_intro .banner .center{width:calc(100% - 315px); height:auto; max-height:360px; padding:3rem 1.875rem;}

	.area_search,
	.area_search_detail ul{padding:1.25rem;}
	.area_search_detail{text-align:center;}
	.area_search_detail ul li > *{text-align:left;}
	.area_search_detail ul li > em{width:25%;}
	.area_search_detail ul li > span{width:75%;}
	.area_search_detail .button.btn,
	.area_search_detail .button.reset{display:inline-block; position:static; width:49%; margin-top:0px;}

	*[class*="list_play"] .thumb{width:230px;}
	*[class*="list_play"] .thumb .img{height:294px;}

	.list_play .list > li{}
	.list_play .conts{}
	.list_play .conts > a{padding:1.25rem 0.625rem;}
	.list_play_view .list_play .conts > a{padding:0;}
	.list_play .conts a em{width:70%;}
	.list_play .conts [data-play="table"] dl dt,
	.list_play .conts [data-play="table"] dl dd{}
	.list_play .conts.view a em{width:100%; padding-top:0;}
	.list_play .conts.view a i[class^="status"]{top:0px; right:auto; left:0; border-radius:0px; transform:translateY(0);}

	.list_play_col03 > li{height:642px; padding:40px 20px;}
	.list_play_col03 > li > span{text-align:left;}
	.list_play_col03 > li > span em,
	.list_play_col03 > li > span i{display:block; margin-top:2px;}

	.list_play_scroll .thumb{width:100%;}
	.list_play_scroll .thumb .img{height:auto; padding-top:130%;}
	
	.img_bg.bg{height:280px;}

	.new_article2{flex-direction: column;}
	.new_article2 > div{width:100%; margin-bottom:40px}
	.new_article2 > div ul li{width: calc(50% - 11px);}

    /* 0814추가 */
    .member-type__list,.member-intro__text{flex-direction: column;}
    .member-type__list > li,.member-intro__text .member-intro__title,.member-intro__text .member-intro__cont{width: 100%; padding-left: 0;}
    .member-type__list > li + li{margin-left: 0;margin-top: 24px;}
    .member-intro__text{text-align: center;}
    .member-intro__text .member-intro__cont > .button_box.alignL{text-align: center !important;}
    .member-card > div{margin: 32px auto 0;}
    .member-type__sec{text-align: left;}
    .member-benefit ul{flex-wrap: wrap;}
    .member-benefit ul li{width: calc(100% / 2 - 12px);}
    .member-benefit ul li:nth-child(n + 3){margin-top: 20px;}

    .dagu-member .member-type__list{flex-direction: row;}
    .dagu-member .member-type__list > li + li{margin-top: 0; margin-left: 24px;}

    .join-process__list{flex-wrap: wrap;}
    .join-process__list > li{width: calc(100% / 2 - 20px); padding: 24px;}
    .join-process__list > li:nth-child(n + 3){margin-top: 24px;}
    .join-process__list > li::before{left: -21px;}
    .join-process__list > li div{margin-top: 11px;}


}

@media screen and (max-width:890px){
	.list_play_col03 > li{float:none; width:100%; height:auto;}
	.list_play_col03 > li > span{float:left; width:50%;}
	.list_play_col03 > li > span em,
	.list_play_col03 > li > span i{display:inline-block;}
	.list_play_col03 > li .cnt_btn{clear:both;}
	.list_play_col03 .thumb{width:230px !important;}
	
	.greeting_wrap .txt{padding:2.857rem 2.429rem 2.429rem;}
	.greeting_wrap .txt strong{font-size:1.429rem;}

    .new_title.flex{flex-direction: column; gap: 20px;}
    .pic_exList{flex-wrap: wrap; }
    .pic_exList li{width: calc(50% - 11px);}

}

@media screen and (max-width:768px){ /* font-size:14px */
	#content{min-height:350px;}

	.pc_block{display:none !important;}
	.m_block{display:inline-block !important;}
	.title.is2,
	.text.is1,
	.text.is2{margin-left:0;}
	.title .en_point{font-size:2em;}
	.title_box{margin-bottom:3rem;}
	.text{margin-top:0.8rem;}
	.sect{padding-bottom:3.375rem;}
	
	.tbl_normal th,
	.tbl_normal td{padding:1.07rem 0.92rem 1rem;}
	.tbl_normal th{word-break:keep-all;}

	.colum_tab_list{margin-bottom: 1.375rem;}
	
	.accordion .tit{padding:1.1428rem 0;}
	.accordion .tit .tit_state{position:static; top:auto; height:auto; transform:none; font-size:1rem;}
	.accordion .tit .tit_state span{width:24px; height:24px; line-height:22px;}
	.accordion .tit .tit_state b{margin-left:0.2857rem;}
	.accordion .tit .tit_questions{padding-left:2.143rem; padding-right:2.143rem; padding-top:6px;}
	.accordion .desc .inr_desc{padding:1.5rem 2.143rem 1.214rem;}
	.accordion .tit .tit_ctrl{right:0; width:20px;}
	.accordion .tit .tit_ctrl:after{background-size:auto 40px;}
	
	.cnt_btn{min-width:140px; padding:1.143rem;}
	
	.img_bg.bg{height:200px;}
	.position_wrap .intro > .left,
	.position_wrap .intro > .right{float:none !important; width:auto !important; padding-right:0 !important; padding-left:0 !important;}
	.position_wrap .intro .title br{display:none;}
	.vision_cont .vision > li .en{margin-top:1rem;}
	
	.gray_list > li{padding-left:70px;}
	.gray_list > li span{width:70px;}
	
	.message_box{background-image:none;}
	.message_box .inbox{padding:1.375rem;}
	.message_box .inbox > *{display:block;}
	.message_box .logo{width:auto; margin-bottom:1.25rem;}
	.message_box .logo img{width:120px;}
	.message_box .desc{width:auto; padding-left:0;}
	.message_box strong{font-size:1.125rem;}
	
	.history_list_wrap{padding:0;}
	.history_nav li a:after{width:8px; height:8px;}
	.history_list > *{width:100%;}
	.history_list .year{text-align:center;}
	.history_list .year_inner{position:static !important; width:100% !important;}
	.history_list .year_inner.fix{padding-top:0;}
	.history_list .year span{font-size:3.571rem;}
	.history_list .slider{max-width:none; margin:1.5rem auto 0;}
	.history_list .list{padding-left:0;}
	.history_list .list > li{padding:1rem; margin-bottom:0.8rem; background-color:#fff;}
	.history_list .list > li.dash{margin-top:0; border-top:0;}
	.history_list .list > li .time{float:none; width:auto; margin-bottom:0.5rem; text-align:left;}
	.history_list .list > li .time:after{content:none;}
	.history_list .list > li .desc{margin-left:0; padding-left:0;}
	.slick-dots{display:none;}
	
	.position_wrap .intro_grid_image .box_absolt{display:block; position:static; border:1px solid rgba(255,255,255,.2)}
	
	.button_box{width:102%; margin-top:1rem;}
	.button_box .btn{width:48%; min-width:0; min-height:50px; padding:1rem 0.7143rem; margin-right:2%;}
	
	.colum4 > li{width:48%;}
	
	.colum_form_list{width:102%;}
	.colum_form_list > li{width:48%; margin-bottom:2%; margin-right:2%;}
	.colum_prg_list{width:100%;}
	.colum_prg_list > li{width:100%; margin-right:0; margin-top:0; margin-bottom:1.92%; padding:2.15rem 2rem;}
	.colum_prg_list > li figure{width:100px; height:100px; line-height:100px; margin-bottom:1rem;}
	
	.map_wrap{height:320px;}
	
	.seat_floor .floor{display:none;}
	.seat_header > *{padding:0.7rem;}

	.area_academy_intro .banner .list,
	.area_academy_intro .banner .center{float:none; width:auto; max-height:inherit;}
	.area_academy_intro .banner .center{border-left-width:1px;}
	.area_calendar .calendar,
	.area_calendar .list{float:none; width:100%;}
	.area_calendar .list{padding-left:0px;}
	.area_calendar .list p{border-top:1px dashed #e8e8e8; font-size:1.125rem;}
	.area_calendar .list li > a i,
	.area_calendar .list li > a small{font-size:1rem;}
	.area_calendar .list li > a em{font-size:1.063rem;}

	.txt_info:before{background-image:url(../images/contents/icon_info@x2.png);}

	.area_search_detail ul li{float:none; width:100%; padding:0.1875rem 0px;}
	.area_search_detail ul li input[type="text"]{border-width:1px; border-color:#ddd; background:#fff;}
	.area_search_detail ul li input[type="text"]:not([data-form-type="datepicker"]){width:100%;}

	*[class*="list_play"] .thumb{position:relative; top:auto; left:auto; margin:0 auto 1.5rem;}

	.list_play .list > li{display:block;}
	.list_play .thumb,
	.list_play .conts{float:none;}
	.list_play .conts{width:100%; padding-left:0px;}
	
	.list_play_view .list_play .conts{padding-left:0}

	.list_play_scroll .thumb{margin-bottom:0px;}

	.area_info h4{margin-bottom:5px; padding-left:21px; font-weight:600; font-size:0.9375rem; color:#222;}
	.area_info h4 + *{margin:0 21px;}
	.area_info h5{font-weight:600;}
	.area_info h5:before{top:10px;}
	.area_info p br{display:none;}
	.area_info .inr > div{padding:25px 0;}
	.area_info .list_slush{margin-left:0;}
	.area_info .list_slush li:before{left:-10px;}
	.area_info div[data-point="box"]{padding:10px 18px; font-size:13px;}
	.area_info .list_process li{width:100%; margin:0 0 25px 0;}
	.area_info .list_process li:last-child{margin-bottom:0;}
	.area_info .list_process li > div{padding:15px 0; font-size:0.875rem;}
	.area_info .list_process li > div i{top:16px; left:15px; font-size:13px;}
	.area_info .list_process li > div + p{margin-top:7px;}
	.area_info .inr div img:not(.img_ab){width:100%;}
	.area_info .inr div img + i{margin:20px 0 15px; font-weight:500; font-size:13px;}
	
	div[data-point="process"] ul li{width:-webkit-calc(100%/2); width:calc(100%/2); margin-bottom:10px;}
	div[data-point="process"] ul li:nth-child(2)~*{margin-top:45px;}
	div[data-point="process"] ul li em{padding-top:25px;}
	div[data-point="process"] ul li p{margin:0px 10px 0; font-size:13px;}
	div[data-point="process"] ul li p br{display:none;}
	div[data-point="process"] ul li:before{height:2px;}
	div[data-point="process"] ul li em:after{width:9px; height:9px;}
	
	.area_apply > ul > li ul li{width:100%; margin-right:0;}
	.area_apply > ul > li a{overflow:hidden; padding:20px 0;}
	.area_apply > ul > li h6{width:100%; margin-bottom:12px; font-weight:600; font-size:16px;}
	.area_apply > ul > li ul li em{margin-right:8px; padding:2px 10px; font-size:13px;}
	.area_apply > ul > li ul li *{font-size:0.875rem;}
	.area_apply > ul > li ul li:first-child{margin:0px 0 3px;}
	.area_apply li[class^="apply_"] span{position:relative; float:right; top:0; right:0; width:99px; margin-top:0; padding:9px 0; font-size:13px;}
	
	.content_view{margin-top:15px;}
	.content_view div[data-view="content"]{padding:30px 0 60px;}
	.content_view div[data-view="content"] *{font-size:0.875rem;}
	.content_view div[data-view="info"]{padding:15px 0;}	
	.content_view div[data-view="info"] ul li em{width:70px; padding:5px; font-weight:600; font-size:13px;}	
	
	.txt_apply{font-size:13px;}
	.tit_view{line-height:1.4; font-size:23px;}
	.tit_date *{font-size:12px;}
	.tit_date p{font-size:13px;}
	.tit_date i em{margin:0 6px 0 4px;}
	
	.content_view div[data-view="file"]{padding:20px 15px;}
	.content_view div[data-view="file"] em{margin-right:15px;}
	.content_view div[data-view="file"] i{margin-left:20px;}
	.content_view div[data-view="file"] i:before{top:5px; left:-21px; width:16px; height:15px; background-size:cover;}
	.content_view div[data-view="btn"]{margin-top:25px;}
	.content_view div[data-view="btn"] a{padding:11px 15px !important; font-size:13px;}
	
	.board_business colgroup{display:none;}
	.board_business .bbsView tr{display:block; position:relative; width:100%;}
	.board_business .bbsView th{display:block; width:100%; box-sizing:border-box; padding:10px 0; font-weight:600;}
	.board_business .bbsView th br{display:none;}
	.board_business .bbsView th + td{display:block; width:100%; box-sizing:border-box;}
	.board_business .bbsView td{display:block; padding:10px 0;}
	.board_business .bbsView td.tel > input[type="text"],
	.board_business .bbsView td.tel > select{display:inline-block; width:31% !important; margin:2px 0px;}
	.board_business .bbsView td.mail > select{width:37%; background-size:6px 7px;}
	.board_business .bbsView td.mail > input[type="text"]{width:28% !important;}
	.board_business .address > input:first-child{width:-webkit-calc(100% - 119px) !important; width:calc(100% - 119px) !important;}
	.board_business .bbsView input[type="file"],
	.board_business .bbsView input[type="password"]{width:100% !important;}
	.board_business .btn_area{padding:20px 0 0 !important;}
	
	.box_check h4{font-weight:700; font-size:17px;}
	.box_check h4 br{display:none;}

	.iframe_width{width:100%; overflow:auto;}

	.box.history > ul > li{width:100%;}
	.box.history > ul > li:nth-child(2n){float:none; margin-right:0px; text-align:left;}
	.box.history > ul > li:nth-child(2n-1){float:none; margin-left:0px;}
	.box.history > ul > li:nth-child(2n) > em{padding:0 0 5px 38px;}
	.box.history > ul > li:nth-child(2n) > p{padding:0 0 0 38px;}
	.box.history > ul > li:nth-child(2n) > em:before,
	.box.history > ul > li:nth-child(2n-1) > em:before{left:7px; margin:0px;}
	.box.history > ul > li:nth-child(2n) > em:after,
	.box.history > ul > li:nth-child(2n-1) > em:after{left:13.5px; margin:0px;}
	.box.history > span{left:15px;}	

	.area_academy .icon > li{margin:0 5px;}
	.area_academy .icon > li > a img{width:130px; height:130px;}

	.seat_text .box_alert.white{padding:19px 20px;}

	.area_perf_calender .calendar_title {margin: 50px 0;}
	.area_perf_calender .calendar_title #cd_year {font-size: 16px;}
	.area_perf_calender .txt_info {margin-bottom: 20px;}
	.area_perf_calender .tabs li {padding: 12px 0; font-size: 1em;}
	.area_perf_calender .tabs_area {margin-bottom: 50px;}
	.area_perf_calender .tab_content table tr td ul {margin-top: 10px;}
	.area_perf_calender .tab_content table tr td ul li {margin-top: 5px;}
	.area_perf_calender .tab_content table tr td ul li > a span {width: 100%; padding: 8px 0; box-sizing: border-box; text-align: center;}
	.area_perf_calender .tab_content table tr td ul li > a > p {display: none;}

	.area_perf_calender [data-pop-layer="layer"] {position: fixed; left: 0; top: 0; width: 100%; height: 100%; transform: none; z-index: 99;}
	.area_perf_calender [data-pop-layer="layer"] .popBox {width: 100% !important; height: 100% !important; border:none;}
	.area_perf_calender [data-pop-layer="layer"] .popBox h2 {height: 80px; padding: 20px 100px 20px 20px!important;}
	.area_perf_calender [data-pop-layer="layer"] .popBox .popConts {flex-wrap: wrap; align-items: flex-start; align-content:flex-start; max-height: none; padding: 20px;}
	.area_perf_calender [data-pop-layer="layer"] .popBox .popConts .img {flex-basis: 40%; aspect-ratio:auto;}
	.area_perf_calender [data-pop-layer="layer"] .popBox .popConts .content {flex-basis: 60%; padding: 20px 0 20px 30px; box-sizing: border-box;}
	.area_perf_calender [data-pop-layer="layer"] .popBox .popConts .content ul {max-height: none;}
	.area_perf_calender [data-pop-layer="layer"] .popBox .popConts .content ul li {font-size: 18px;}
	.area_perf_calender [data-pop-layer="layer"] .popBox .popConts .content .btn {display: none;}
	.area_perf_calender [data-pop-layer="layer"] .popBox .popConts .btn.mobile {display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 5px; position: relative; left:auto; flex-basis: 100%; margin-top: 30px;}
	.area_perf_calender [data-pop-layer="layer"] .popBox .popConts .btn a {min-width: auto; padding: 15px; box-sizing: border-box; font-size: 1em;}
	

    /* 추가 */
    .member-type__title{height: 60px;}
    .dagu-member .member-type__list > li + li{margin-left: 12px;}
    .join-process-ver .online-list{flex-wrap: wrap;}
    .join-process-ver .online-list > li{margin-bottom: 12px; padding-right: 0; padding-left: 40px;}
    .join-process-ver .online-list > li:nth-child(1){padding-left: 0;}
    .join-process-ver .online-list > li > *{width: 100px; min-height: 100px;}
    .join-process-ver .online-list > li span{margin-bottom: 4px;}
    .join-process-ver .online-list > li::before{left: 10px;}

}
@media screen and (max-width: 700px){
	.greeting_wrap .txt_box .text.sign span{padding-right:10px;}
	.greeting_wrap .txt_box .text.sign .name{visibility: visible; font-size:1rem}
	.name{/* position:fixed !important; */visibility:hidden;/* top:50% !important; *//* left:50% !important; */z-index:9999;background:none !important;/* transform: translateX(-50%); */}
	#graph .popLayer{width: auto;height: 70px;left: 0;transform: none;max-width: none;border: 6px solid #1c356f;box-shadow: 13px 24px 47px 0px rgb(0 0 0 / 34%);top: 13px;padding-right: 70px;}
	#graph .popLayer > span{height: 70px;line-height: 70px;font-size: 22px;color: #1c356f;font-weight: 700;padding: 0 0 0 10px;text-align: left;}
	#graph .popLayer:before{display:none;}
	#graph .hamburger .bar{width: 26px;height: 5px;}
	#graph .popupBox .hamburger{top: 10px;right: 9px;width: 44px;height: 47px;}

	.seat_inr.seat01 {
		padding-right: 0;
	}


    /* 0814추가 */
    .member-benefit ul li{height: 250px;}

}
@media screen and (max-width:640px){
	.page_ready{padding:75px 0; text-align:center;}
	.page_ready h6{font-size:27px; letter-spacing:0;}
	.page_ready a{margin-right:5px; padding:12px 35px; font-size:13px;}
	.page_ready div{margin-top:40px;}
	.page_ready p{margin:3px 30px 0; font-weight:300; color:#666;}
	.page_ready p br{display:none;}

	.area_calendar .list p{padding-top:9px;}
	.area_calendar .list li > span{display:flex; flex-direction:column; justify-content:center; min-height:115px; box-sizing:border-box;}
	.area_calendar .bx-controls{position:absolute; bottom:auto; top:0px;}

	*[class*="list_play"] .thumb{width:100%;}
	*[class*="list_play"] .thumb .img{height:auto; padding-top:130%;}

	.list_play_col03 p{padding:10px 0 15px;}
	.list_play_scroll{margin-top:20px;}
	.list_play_scroll .txt_info{position:static; margin-bottom:20px;}

	ul.bbsList li{padding:25px 5px;}
	ul.bbsList li .date{left:5px;}
	ul.bbsList li .date:before{right:0px;}
	ul.bbsList li .subject{padding-left:90px; padding-right:45px; font-size:1rem;}
	ul.bbsList li .notice{margin-right:5px;}
	ul.bbsList li .more{right:5px;}
	
	.listCheck li{width:100%;}	

    .join-process__list > li{width: calc(100% / 2 - 10px);}
    .join-process__list > li::before{display: none;}
    .join-process__list > li:nth-child(n + 3){margin-top: 20px;}

    .membership_ver .bbsView > tbody > tr > th {width: 120px;}
}



@media screen and (max-width:600px){
	.area_info .img_ab{width:100%;}

}

@media screen and (max-width:550px){
	.list_play_col03 > li > span em,
	.list_play_col03 > li > span i{display:block;}

	.listCheck li.last input[type="text"]{width:70% !important;}
	

	.area_perf_calender ul.mobile {display: flex; align-items: center; margin-bottom: 10px;}
	.area_perf_calender ul.mobile li {display: flex; align-items: center; margin-right: 12px;}
	.area_perf_calender ul.mobile li i {display: inline-block; margin-right: 5px; width: 8px; height: 8px; border-radius: 100%; background: #c38f5c;}
	.area_perf_calender ul.mobile li.plan i {background:#1c356f;}

	.area_perf_calender .calendar_title {margin: 30px 0;}
	.area_perf_calender .calendar_title #cd_year {font-size: 1em;}
	.area_perf_calender .calendar_title form {position: relative; top: auto; margin-top: 15px; transform: none;}
	.area_perf_calender .calendar_title form select {width: 100%;}
	.area_perf_calender .tabs_area {text-align: left; margin-bottom: 30px;}
	.area_perf_calender .tab_content table {border-collapse: collapse;}
	.area_perf_calender .tab_content table tr {border-bottom: 1px solid #e8e8e8;}
	.area_perf_calender .tab_content table tr td {height: 100px; padding: 10px; background:#fff; border-right: 1px solid #e8e8e8;}
	.area_perf_calender .tab_content table tr td:last-child {border-right: none;}
	.area_perf_calender .tab_content table tr td em {font-size:12px;}
	.area_perf_calender .tab_content table tr td ul {margin-top: 0;}
	.area_perf_calender .tab_content table tr td ul li {margin-top: 0;}
	.area_perf_calender .tab_content table tr td ul li > a {display: inline-block; font-size: 0;}
	.area_perf_calender .tab_content table tr td ul li > a span {font-size: 0; width: 15px; height: 15px; border-radius: 100%; padding:0; margin-bottom: 0;}

	.area_perf_calender [data-pop-layer="layer"] .popBox h2 {flex-wrap: wrap; height: auto; font-size: 18px !important; gap:20px 0;}
	.area_perf_calender [data-pop-layer="layer"] .popBox h2 span {font-size: 14px;}
	.area_perf_calender [data-pop-layer="layer"] .popBox .btn_close {background-size: 25px;}
	.area_perf_calender [data-pop-layer="layer"] .popBox .popConts .content ul li {font-size: 16px; padding-left: 12px;}
	.area_perf_calender [data-pop-layer="layer"] .popBox .popConts .content ul li::before {top: 9px;}

    /* 0814 추가 */
    .member-intro__text .member-intro__title{font-size: 24px;}
    .member-intro__text p{font-size: 16px}
    .member-intro__text p br{display: none;}

    html[lang="en"]  .box_absolt:not(.white) b{display: block;}
}

@media screen and (max-width:540px){
	.tbl_scroll.tbl_min_scroll{overflow:hidden; overflow-x:auto; padding-top:3.5rem;}
	.tbl_scroll.tbl_min_scroll:before{display:block;}
	
	.view_cont .box_layer .pic{overflow:hidden; float:none; height:154px; margin:0 auto 1rem;}
	.view_cont .box_layer .pic + *{margin-left:0;}
	
	.scroll_slider_wrap{margin-top: 3.5rem;}

	.area_rim{min-height:400px;}
	.area_rim span img{width:150px;}
	.area_rim p{font-size:1.563rem;}

	.swiper-container .desc{padding:1rem 0.5rem; word-break:keep-all;}

    /* 추가 */
    .dagu-member > p{font-size: 17px; line-height: 1.4;}
    .dagu-member > p br{display: none;}
    .dagu-member .member-type__list{display: block;}
    .dagu-member .member-type__list > li{width: 100%;}
    .dagu-member .member-type__list > li + li{margin-left: 0; margin-top: 23px;}
    .dagu-member .box_alert p br{display: none;}
}


@media screen and (max-width:480px){
	.list_play_view .list_play .list .btn_area2{text-align:center;}
	.list_play_view .list_play .list{padding:1.5rem}
	.list_play_view .info_list li b{width:100px;}
	.list_play_view .info_list li span{width: calc(100% - 100px);}
	.list_play_view .list_play .conts [data-play="table"]{padding:0}
	.list_play .conts [data-play="table"]{padding:1.25rem 0.625rem}
	.list_play .conts [data-play="table"] dl:first-child{margin-top:0}
	.list_play .conts [data-play="table"] dl dt{width:80px;}
	.list_play .conts [data-play="table"] dl dd{width: calc(100% - 80px);}
	.list_play .conts [data-play="table"] dl dt{background:rgba(255,255,255,0.5)}
	.list_play .conts [data-play="table"] dl:last-child dt,
	.list_play .conts [data-play="table"] dl:last-child dd{border-bottom-width:1px;}
	.list_play .conts [data-play="table"] dl:last-child dd:last-child{border-bottom-width:0px;}	

	.bbsView .address .button{top:10px;}

	.list_play .list > li{width:100%;}	
	.list_play .conts .go_ticket_btn{margin-top:0}
	.list_play .conts a{}
	.list_play .conts a small{font-size:0px;}
	.list_play .conts a em{width:85%;}
	.list_play .conts [data-play="table"] dl:last-child dt,
	.list_play .conts [data-play="table"] dl:last-child dd{border-bottom-width:0px;}

	*[class*="list_play"] .thumb .thumb{margin:1.5rem auto;}
	
	.list_play_col03 + .btn_area{margin:20px 0 30px;}
	
	.greeting_wrap .txt{padding:1.857rem 1.571rem;}	

	.area_academy .icon > li > a img{width:100px; height:100px;}

	.img_bg.bg{height:150px;}
	.image_map {
		height: 70%;
	}
    .pic_exList{gap: 12px;}
    .pic_exList li{width: calc(50% - 6px);}

	.area_perf_calender [data-pop-layer="layer"] .popBox h2 {padding: 20px 80px 20px 20px !important;}
	.area_perf_calender [data-pop-layer="layer"] .popBox .popConts {flex-wrap: wrap;}
	.area_perf_calender [data-pop-layer="layer"] .popBox .popConts .img {flex-basis: 100%;;}
	.area_perf_calender [data-pop-layer="layer"] .popBox .popConts .content {flex-basis: 100%; align-content: flex-start; padding:20px 0;}
	.area_perf_calender [data-pop-layer="layer"] .popBox .popConts .btn.mobile {margin-top: 10px;}

    /* 0814 추가 */
    .membership-ver{margin-top: 32px;}
    .member-intro__text .member-intro__title{font-size: 21px;}
    .member-type__title{height: 60px;}
    .member-type__title strong,.member-type__sec.pay_ver em{font-size: 16px;}
    .member-type__comm{padding: 24px 18px;}
    .member-type__sec + .member-type__sec{margin-top: 18px; padding-top: 18px;}
    .member-benefit li i{width: 80px; height: 80px; margin: 0 auto 10px;}
    .member-benefit ul li b{font-size: 15px;}
    .member-benefit ul li b br{display: none;}
    .member-benefit li:nth-child(1) img{height: 28px;}
    .member-benefit li:nth-child(2) img{height: 25px;}
    .member-benefit li:nth-child(3) img{height: 28px;}
    .member-benefit li:nth-child(4) img{height: 29px;}
    .member-benefit ul li{height: 220px; width: calc(100% / 2 - 8px);}
    .member-benefit ul li:nth-child(n + 3){margin-top: 12px;}
    .member-card > div{width: 260px; height: 155px;}
    .member-type__title{height: 54px;}
    .member-type__sec > div + div{margin-top: 20px;}

    .membership_ver .bbsView > tbody > tr > th{width: 100%;}
    .member_list > li strong + *{padding-left: 14px;}
    .member_list ol{flex-direction: column; align-items: flex-start;}

    .member-intro__text p{font-size: 15px; line-height: 1.5;}


    .mem-table .bbsView > tbody > tr > th, 
    .mem-table .bbsView > tbody > tr > td{display: table-cell;}
    .mem-table .bbsView > tbody > tr > th{width: 40%;}
    .mem-table .bbsView > tbody > tr > td{width: 60%;}

}


@media screen and (max-width:430px){
	*[class^="colum"]:not(.colum_maintain),
	*[class^="colum"]:not(.colum_maintain) > li{width:100% !important;}
	*[class^="colum"]:not(.colum_maintain) > li{margin-bottom:0; margin-top:0.8571rem !important;}
	.def_list > li{width:100%; padding-right:0;}
	
	.ci_color_list ul li span{float:none; width:auto;}
	.ci_color_list ul li p{margin-left:0;}
	
	.colum_cocoa_list > li .thumb{padding-top:46%;}
	.colum_cocoa_list > li .normal b{font-size:3.25rem;}
	.colum_cocoa_list > li .normal span{font-size:1.325rem;}
	
	.seat_component .box_img{padding:1.375rem;}
	
	.map_wrap{height:280px;}
	
	.view_tit{font-size:1.25rem;}
	.view_cont .list_deatil > li{padding-top:1rem; border-top:1px dashed #c5c5c5;}
	.view_cont .list_deatil > li:first-child{padding-top: 0; border-top:0;}
	.view_cont .list_deatil .sort{width:auto; float:none;}
	.view_cont .list_deatil .desc{margin-left:0; margin-left: 0; padding-left: 0.375rem; margin-top: 0.375rem;}
	
	.greeting_wrap .img{padding-top:67%; margin:0;}
	.greeting_wrap .txt{width:100%; margin:0;}
	
	.button_box.minimize{display: block;}
}

@media screen and (max-width:420px){
	.btn_area .button{min-width:80px;}

	.area_academy_intro .banner .center ul:not(.link) > li span{width:25%;}
	.area_academy_intro .banner .center .link{margin-top:35px;}
	
	.area_search,
	.area_search_detail ul{padding:0.625rem;}
	.area_search select{width:110px;}
	.area_search_detail ul li > em{padding-right:5px;}
	.area_search_detail ul li.date i{display:block; line-height:1;}
	
	*[class*="list_play"] .thumb small{width:46px; height:46px;}

	.list_play_col03 > li > span{float:none; width:100%;}

	.box.history > ul > li > em{font-size:2rem;}

	.area_rim{min-height:300px; padding-top:40px;}
	.area_rim span img{width:100px;}
	.area_rim p{margin-top:1rem;}

	.colum_prg_list > li{padding:1.15rem 2rem;}
	.colum_prg_list > li b{font-size:1rem;}
}

@media screen and (max-width:370px){
	.area_search select{width:70px;}
	.area_search_detail ul li > em{width:30%;}
	.area_search_detail ul li > span{width:70%;}

	.btn_area .button{min-width:inherit;}
	.button.lg{min-width:120px;}

	.area_academy .icon > li{margin:0 2px;}
	.area_academy .icon > li > a img{width:90px; height:90px;}

	.area_rim p{font-size:1.375rem;}
}

@media screen and (max-width:340px){
	.area_academy_intro h3 span{margin-right:10px;}
	.area_academy_intro .banner .center{padding:1.25rem 1rem;}

	.image_map{height: 584px;}
}

/*effect*/
@media screen and (min-width:1024px){
	*[data-layout="title"] h2{opacity:0; transform:translate(0,20px);}
	*[data-layout="snb"]{opacity:0; transform:translate(0,20px);}
	.moved *[data-layout="title"] h2{opacity:1; transform:translate(0,0); transition:transform 1s, opacity 1s; transition-delay:0.1s;}
    html[lang="en"] .moved *[data-layout="title"] h2{font-weight: 600;}
	.moved *[data-layout="snb"]{opacity:1; transform:translate(0,0); transition:transform 1s, opacity 1s;}

	.intro_grid_image figure{opacity:0; transform:translate(0,20px);}
	.intro_grid_image.moved figure{opacity:1; transform:translate(0,0); transition:transform 1s, opacity 1s;}
	.intro_grid_image figure:nth-child(1){transition-delay:0.2s;}
	.intro_grid_image figure:nth-child(2){transition-delay:0.4s;}
	.intro_grid_image figure:nth-child(3){transition-delay:0.5s;}
	.intro_grid_image figure:nth-child(4){transition-delay:0.6s;}
	.intro_grid_image figure:nth-child(5){transition-delay:0.7s;}

	.title.mving,
	.text.mving{opacity:0; transform:translate(0,20px);}
	.title.moved,
	.text.moved{opacity:1; transform:translate(0,0); transition:transform 1s, opacity 1s;}
	.text.moved{transition-delay:0.1s;}

	#content{opacity:1; margin-top:20px;}
	#content.moved{opacity:1; margin-top:0; transition:margin 1s, opacity 1s; transition-delay:.3s;}

	img.mving{opacity:0; transform:scale(1.15); transition:transform 1.1s ease-out, opacity 1.1s ease 167ms;}
	img.moved{opacity:1; transform:scale(1);}
}

/* print */
@page{size:A4; margin:0;} 
@media print{	
	html,
	body{border:0; margin:0; padding:0;} 	
	body{background:transparent;}
	#print_wrap{width:initial; min-height:initial; box-sizing:border-box; -moz-box-sizing:border-box; padding:1cm !important; margin:0 !important; border-radius:0px !important; background:transparent !important; font-family:'맑은 고딕', Sans-serif;}	
	#print_wrap *{font-size:8pt;}
	#print_wrap .tbl_normal th:first-child,
	#print_wrap .tbl_normal td:first-child{border-left-width:1px;}
	#print_wrap .tbl_normal th:last-child,
	#print_wrap .tbl_normal td:last-child{border-right-width:1px;}
}

/* 대관예약 table */
	.table_gn_calendar {
		border : 1px solid black;
		border-collapse: separate;
		border-spacing: 5px;
	}
	
	.table_gn_calendar th {
		border-top: 2px;
		border-bottom: 1px;
		border-left: 0;
		border-right: 0;
	}
	
	.table_gn_calendar td {
		height: 100px;
		padding: 10px;
		background-color: #ffffff;
	}
	
	/* 캘린더 시설 선택 메뉴바 슬라이더 */
	
/* ===============================
   슬라이더 완전 제거
=============================== */
.gn-facility-slider-wrap{
  display:block !important;
}

.gn-facility-nav{
  display:none !important;
}

/* ===============================
   가로 정렬 (핵심)
=============================== */
.gn-facility-track{
  display:none !important;
/*flex !important;*/
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:10px;
  margin-left:0 !important;
  margin-top:25px;
}

/* ===============================
   카드
=============================== */
.gn-facility-card{
  flex:1 1 140px;
  max-width:180px;
  min-width:120px;
  width:auto !important;

  min-height:80px;
  padding:10px;

  border-radius:24px;
  border:1px solid #ddd;
  background:#fff;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;

  cursor:pointer;
  transition:.2s;
}

/* ===============================
   아이콘
=============================== */
.gn-facility-icon{
  font-size:clamp(18px,2.4vw,26px);
  line-height:1;
}

/* ===============================
   텍스트
=============================== */
.gn-facility-name{
  font-size:clamp(14px,1.5vw,18px);
  font-weight:600;

  white-space:normal !important;
  word-break:keep-all;
  text-align:center;
}

/* ===============================
   아이콘 매핑
=============================== */
.gn-facility-icon.tennis::before{content:"🎾";}
.gn-facility-icon.badminton::before{content:"🏸";}
.gn-facility-icon.swim::before{content:"🏊";}
.gn-facility-icon.gym::before{content:"🏋️";}
.gn-facility-icon.baseball::before{content:"⚾️";}
.gn-facility-icon.default::before{content:"⚽️";}
.gn-facility-icon.undong::before{content:"🏃";}

/* ===============================
   hover / 선택
=============================== */
.gn-facility-card:hover{
  border-color:#339509;
  color:#339509;
}

.gn-facility-card.on{
  background:#339509;
  border-color:#339509;
  color:#fff;
}

/* ===============================
   700px 이하 → 4 x 2
=============================== */
@media (max-width:700px){

  .gn-facility-card{
    flex:0 0 calc(25% - 10px);
    max-width:none;

    flex-direction:column;
    gap:4px;
    padding:10px 6px;
  }

  .gn-facility-icon{
    font-size:clamp(20px,4vw,26px);
  }

  .gn-facility-name{
    font-size:clamp(12px,2.8vw,14px);
  }
}

/* ===============================
   480px 이하 → 2열
=============================== */
@media (max-width:480px){

  .gn-facility-card{
    flex:0 0 calc(50% - 10px);
  }

}