/* 공통 */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;900&family=Playfair+Display&display=swap');
html,body {width:100%; height:100%;}
html {-ms-text-size-adjust: none; -webkit-text-size-adjust: none;}
body { padding:0; margin:0;  -webkit-font-smoothing: antialiased; -webkit-text-size-adjust:100%; background:#111;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,form, fieldset, caption, img, textarea {margin:0; padding:0; font-size:14px; font-family:'Cinzel','Playfair Display','Malgun Gothic',sans-serif; color:rgba(255, 255, 255, 0.95); line-height: 1.6em;letter-spacing:-0.03em;word-break:break-all;}
ul, ol, dl, li, dt, dd{list-style-type:none;}
input, select { vertical-align:middle;}
table {width:100%; border-collapse:collapse;}
textarea, button{vertical-align:middle}
a{text-decoration:none; -webkit-tap-highlight-color:transparent; outline:0;color:rgba(255, 255, 255, 0.95);}
a[href^="tel"]{color:inherit; text-decoration:none;}
img, fieldset{border:none; vertical-align:top}
input:focus{outline:none;}
input[type=checkbox], input[type=radio] { width:20px; height:20px;}
body {
-webkit-text-size-adjust:none; text-size-adjust:none;
-webkit-font-smoothing: antialiased;
webkit-text-size-adjust: none;}
input { -webkit-border-radius:0;}
img { width:100%;}




/* Layout */
#wrap { position:relative; overflow:hidden; z-index:0; max-width:600px; margin:0 auto;}

#footer_w {background:rgba(0, 0, 0, 0.5); padding:25px 12px; text-align:center;}
#footer_w #footer_copy { line-height: 1.2em;}
#footer_w #footer_copy li { display:block; margin:0 2px;}
#footer_w #footer_copy li a, 
#footer_w #footer_copy li { font-size:0.75rem; color:rgba(255, 255, 255, 0.5); font-family:'Malgun Gothic'; letter-spacing:normal;}
#footer_w #footer_copy li i { position:relative; top:2px;}
#header { width:100%; max-width:600px; text-align:center; overflow:hidden; height:50px; position:fixed; top:0; z-index:100; background:#161616;box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.7)  ; -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.7)  ; -moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.7)  ;box-sizing:border-box;}
#header .h_btn { float:left;}
#header .h_btn i { display:block; width:50px; height:50px; line-height:50px; font-size:1.6rem;}
#header .h_btn a { display:block;}
#header .h_logo { float:left; width:calc(100% - 50px); text-align:center;}
#header .h_logo  a { background:url(../../../images/common/logo.png) no-repeat 15px center; background-size:auto 25px; display:block; height:50px; margin:0 auto;}
#header .rr { float:right;}

#right_menu {width:250px; background:#232323; height:100%; z-index:101; overflow:hidden; position:absolute; top:0px; right:-250px; overflow-y:auto; }
#right_menu .rm_top { width:100%; position:relative; height:50px;}
#right_menu .rm_top .rm_spot { padding:15px 20px;}
#right_menu .rm_top .rm_spot li { display:inline-block;}
#right_menu .rm_top .rm_spot li:after { display:inline-block; content:''; width:1px; height:13px; background:rgba(255, 255, 255, 0.1); margin:0 8px 0 12px; position:relative; top:2px;}
#right_menu .rm_top .rm_spot li a { color:rgba(255, 255, 255, 0.7); font-size:12px;}
#right_menu .rm_top .rm_spot li:last-child:after { display:none;}
#right_menu .rm_top .rm_spot li i { color:rgba(255, 255, 255, 0.4);}
#right_menu .rm_top .close { position:absolute; top:5px; right:5px; }
#right_menu .rm_top .close i { display:block;width:40px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:1.5rem;}
#right_menu h2 {  color:#fff; font-weight:bold; font-size:15px; padding:15px 15px 15px 20px; position:relative; border-bottom:1px solid rgba(255, 255, 255, 0.1);}
#right_menu h2 i { display:block; color:rgba(255, 255, 255, 0.5);; position:absolute; top:22px; right:15px;}
#right_menu h2 a {color:#fff;  font-size:1.2rem; display:block; letter-spacing:normal; font-weight:normal;}
#right_menu .s_menu {display:none; background:rgba(0, 0, 0, 0.2)}
#right_menu .s_menu li { border-bottom:1px solid rgba(255, 255, 255, 0.05);}
#right_menu .s_menu a {display:block; padding:8px 0 8px 20px; color:rgba(255, 255, 255, 0.63); }
#body {position:relative; z-index:0; width:100%; margin-top:50px;}
#body #contents { z-index:0; position:relative; min-height:350px; padding:30px 10px;}
#body #contents.wapge { padding:0!important;}

/* Main & Sub */
.swiper-slide {display: flex;justify-content: center; align-items: center;}
.swiper-slide img { display: block; width: 100%;height: 100%; object-fit: cover;}
.main_visual .swiper-pagination-bullet {width: 15px!important;height: 15px!important;background: #fff!important; }
.main_visual .swiper-pagination-bullet-active {  background: #fff!important; }
.main_banner .swiper-pagination-bullet {width: 15px!important;height: 15px!important;}
.main_banner .swiper-pagination-bullet-active {  background:#fff!important; }
.intro_w {}
.intro_w #footer_w { background:#000;}
.profile_w {}
.profile_w .con { padding:30px 15px;}
.recitale_w { }
.recitale_w .rt_tab { overflow:hidden; margin-bottom:20px;}
.recitale_w .rt_tab .ar { float:left; width:20px; cursor:pointer;}
.recitale_w .rt_tab .ar i { font-size:1.3rem;}
.recitale_w .rt_tab .ar.rr { float:right; text-align:right;}
.recitale_w .rt_tab .tab { float:left; width:calc(100% - 40px); display:flex;}
.recitale_w .rt_tab .tab li { text-align:center; width:100%;}
.recitale_w .rt_tab .tab li a { font-size:1.0rem; color:rgba(255, 255, 255, 0.5);} 
.recitale_w .rt_tab .tab .on a { color:#fff; border-bottom:1px solid #fff;}
.recitale_w .rt_pics .tr_pic1,
.recitale_w .rt_pics .tr_pic2 { margin-bottom:10px;} 
.recitale_w .rt_list > dl { border-bottom:1px solid rgba(255, 255, 255, 0.1); padding:20px 5px;}
.recitale_w .rt_list > dl > dt { font-size:1.1rem; font-weight:bold; line-height:1.2em; background:url(../../images/common/bullet_2.png) no-repeat 0 5px; background-size:5px auto; padding:0 0 5px 11px;}
.recitale_w .rt_list > dl > dt > u { text-decoration:none; font-size:0.8rem; font-weight:400;}
.recitale_w .rt_list > dl > dd { position:relative; padding:0 0 2px 13px; font-size:0.9rem;}
.recitale_w .rt_list > dl > dd:before { content:''; display:block; width:2px; height:1px; background:#fff; position:absolute; top:10px; left:5px;}
.recitale_w .rt_list > dl > dd > u { text-decoration:none; font-size:0.85rem; color:rgba(255, 255, 255, 0.5); padding-left:5px;}
.recitale_w .rt_list > dl > dd > ul { }
.recitale_w .rt_list > dl > dd > ul > li { font-size:0.85rem; color:rgba(255, 255, 255, 0.5); line-height:1.4em;}
.recitale_w .rt_list > dl > dd > ul > li > u { text-decoration:none; font-size:0.8rem; color:rgba(255, 255, 255, 0.3); padding-left:5px;}
.recitale_w .rt_list .intermission { text-align:center; border-bottom:1px solid rgba(255, 255, 255, 0.1);  padding:20px 0; font-size:1.1rem; font-weight:bold; letter-spacing:3px;text-transform: uppercase; color:rgba(255, 255, 255, 0.5);}
.recitale_w .rt_list .part { padding:10px 0; text-align:center;font-size: 1.1rem;font-weight: bold;border-bottom: 1px solid rgba(255, 255, 255, 0.1); line-height:1.1em; background:rgba(255, 255, 255, 0.03);}
.recitale_w .rt_list .part > u { display:block; text-decoration:none; font-size:0.9rem; color:rgba(255, 255, 255, 0.5); font-weight:normal;}
.recitale_w .rt_people dl { overflow:hidden; padding:20px 0;}
.recitale_w .rt_people dl + dl { border-top:1px solid rgba(255, 255, 255, 0.1);}
.recitale_w .rt_people dl dt { float:left; width:90px; padding-top:5px;}
.recitale_w .rt_people ul { float:right; width:calc(100% - 110px);}
.recitale_w .rt_people ul li { line-height:1.4em; position:relative; padding:0 0 7px 6px;}
.recitale_w .rt_people ul li:before { content:''; display:block; width:2px; height:1px; background:#fff; position:absolute; top:7px; left:0px;}
.recitale_w .rt_people .name { margin-bottom:5px; font-weight:bold; font-size:1.2rem;}
.recitale_w .rt_people .name > u { text-decoration:none; color:rgba(255, 255, 255, 0.5);text-transform: uppercase; font-size:0.9rem; padding-left:5px; font-weight:normal;}



/* Common */
.sub_tab2 { text-align:center; padding-bottom:20px;}
.sub_tab2 li { display:inline-block; margin-bottom:5px;}
.sub_tab2 li a { display:block; height:30px; line-height:30px; border:1px solid #cbcbcb; text-align:center; font-size:12px; border-radius:3px; padding:0 10px;}
.sub_tab2 .select { }
.sub_tab2 .select a {border:1px solid #adb2c1; background:#adb2c1; color:#fff; }

.sub_tab3 { margin-bottom:20px;display:flex; }
.sub_tab3 li {width:100%; position:relative;}
.sub_tab3 li a { display:block; text-align:center; height:30px; line-height:30px; font-size:14px; border-bottom:1px solid rgba(0, 0, 0, 0.5); color:rgba(0, 0, 0, 0.5); margin-bottom:10px;}
.sub_tab3 .select {}
.sub_tab3 .select a { font-weight:bold; color:#000;}
.sub_tab3 .select:after { content:''; display:block; width:20px; height:10px; background:url(/images/common/sub_tab2.png) no-repeat; background-size:20px 10px; position:absolute; left:50%; margin-left:-10px; top:30px; }

.hand{cursor: pointer!important;}
.tc{text-align:center!important;}
.none{display:none!important;}
.on {display:block;}
.blind {overflow:hidden; visibility:hidden; position:absolute; width:0; height:0; font-size:0;}

.mb10 { margin-bottom:10px!important;}
.mb20 { margin-bottom:20px!important;}
.mb30 { margin-bottom:30px!important;}
.mb40 { margin-bottom:40px!important;}
.mb50 { margin-bottom:50px!important;}
.mb60 { margin-bottom:60px!important;}
.mb70 { margin-bottom:70px!important;}
.mb80 { margin-bottom:80px!important;}
.mb100 { margin-bottom:100px!important;}
.mb120 { margin-bottom:120px!important;}

.tt_b { color:#00FFFF!important;}
.tt_r { color:#FF0000!important;}
.tt_bk { color:#000!important;}
.tt_w { color:#fff!important;}
.tt_g { color:#339933!important;}
.tt_y { color:#f1cc45!important;}

.col1 li { width:100%;}
.col2 li { width:calc(50% - 1px);}
.col3 li { width:calc(33.3% - 1px);}
.col4 li { width:calc(25% - 1px);}
.col5 li { width:calc(20% - 1px);}
.col6 li { width:calc(16.6% - 1px);}

.btn1 { display:inline-block; text-align:center; border-radius:2px; font-size:12px; background:rgba(67, 132, 229, 0.9); border:1px solid rgba(67, 132, 229, 1.0);color:#fff; font-weight:bold; cursor:pointer;}
.btn2 { display:inline-block; text-align:center; border-radius:2px; font-size:12px; background:rgba(0, 0, 0, 0.7); border:1px solid rgba(0, 0, 0, 0.9); color:#fff;cursor:pointer;}
.btn3 { display:inline-block; text-align:center; border-radius:2px; font-size:12px; background:#fff; border:1px solid rgba(0, 0, 0, 0.1);cursor:pointer;}

.btn_wrap { overflow:hidden; text-align:center; padding:20px 0; display:flex;}
.btn_wrap .btn { width:100%; height:40px; line-height:40px; font-size:14px; margin:0 2px;}


.tit1 { font-size:18px; font-weight:bold; margin-bottom:15px;}
.tit1:before {content:''; display:block; width:27px; height:5px;  background:rgba(0, 0, 0, 0.7); position:relative; top:0; margin-bottom:3px;}
.tit1 u { text-decoration:none; display:inline-block; font-weight:normal; font-size:12px; color:rgba(0, 0, 0, 0.7);}
.tit1 u:before {content:''; display:inline-block; width:1px; height:11px;  background:#dbdbdb; margin:0 8px; }

.td1 { width:100%;border-top:1px solid rgba(0, 0, 0, 0.15);}
.td1 thead {background:rgba(67, 132, 229, 0.8);}
.td1 thead th { background:rgba(0, 0, 0, 0.1); font-size:14px; color:#fff; text-align:center; font-weight:bold;}
.td1 thead td { text-align:center; color:#fff;font-weight:bold; font-size:14px; border-right:1px solid rgba(255, 255, 255, 0.2); padding:4px 0;}
.td1 thead td:last-child  { border-right:none;}
.td1 tbody {}
.td1 tbody th { text-align:center; font-weight:bold; border-bottom:1px solid rgba(0, 0, 0, 0.15); background:rgba(0, 0, 0, 0.03); min-height:45px;padding:5px 7px; }
.td1 tbody td {border-bottom:1px solid rgba(0, 0, 0, 0.15);padding:5px 7px; color:#666;}
.td1 tbody td:last-child {}
.td1 tbody td b { font-weight:bold; color:#000;}
.td1 tbody td u { color:#FF0000;}
.td1 tfoot th { text-align:center; font-weight:bold; border-bottom:1px solid rgba(0, 0, 0, 0.15); background:rgba(0, 0, 0, 0.07); min-height:45px;padding:5px 7px; }
.td1 tfoot td {border-bottom:1px solid rgba(0, 0, 0, 0.15);padding:5px 7px; color:#666;background:rgba(0, 0, 0, 0.05);}
.td_c tbody td,
.td_c tfoot td { text-align:center;}
.td2 { width:100%;}
.td2 thead {}
.td2 thead th { border-bottom:2px solid rgba(0, 0, 0, 0.8); text-align:center; font-weight:bold;padding-bottom:2px;}
.td2 thead td { text-align:center; color:#fff;font-weight:bold; border-bottom:2px solid rgba(0, 0, 0, 0.8); padding-bottom:2px;}
.td2 tbody {}
.td2 tbody th { text-align:center; font-weight:bold; border-bottom:1px solid rgba(0, 0, 0, 0.15); background:rgba(0, 0, 0, 0.03); min-height:45px;padding:5px 7px; }
.td2 tbody td {border-bottom:1px solid rgba(0, 0, 0, 0.15);padding:5px 7px; color:#666; font-size:12px;}
.td2 tbody td:last-child {}
.td2 tfoot th { text-align:center; font-weight:bold; border-bottom:1px solid rgba(0, 0, 0, 0.15); background:rgba(0, 0, 0, 0.05); min-height:45px;padding:5px 7px; }
.td2 tfoot td {border-bottom:1px solid rgba(0, 0, 0, 0.15);padding:5px 7px; color:#666; font-size:12px;background:rgba(0, 0, 0, 0.02);}

.list1 {}
.list1 > li { background:url(/images/common/bullet_1.png) 0px 10px no-repeat; padding:2px 0 2px 7px;}
.list1.box { padding:20px; border:1px solid rgba(0, 0, 0, 0.2);}
.list1.box.gr { background:#f3f3f3; border:none;}
.list2 {}
.list2 li { background:url(/images/common/bullet_2.png) no-repeat 0 7px; background-size:7px auto; padding:2px 0 2px 13px;}
.list2.li > li { border-bottom:1px solid rgba(0, 0, 0, 0.15); padding:2px 0 2px 13px; background:url(/images/common/bullet_2.png) no-repeat 0px 7px;background-size:7px auto;}
.list2.li > li:first-child { padding-top:0; background:url(/images/common/bullet_2.png) no-repeat 0px 7px;background-size:7px auto; }
.list2.box { border:1px solid rgba(0, 0, 0, 0.2); padding:15px;}
.list2.box > li:last-child { border-bottom:none;}
.list2.box.bl > li > b { display:block; font-weight:500; font-size:17px;}
.list2.box.bl > li { color:rgba(0, 0, 0, 0.6);}
.list2.gr {  background:#f3f3f3; border:none;}
.list1 h3, .list2 h3 { margin-bottom:5px;}
.list3 {}
.list3 > li { padding:2px 0 2px 8px; position:relative;}
.list3 > li:before { content:''; display:block; width:4px; height:1px; background:#000; position:absolute; top:10px; left:0;}
.list_s { margin-top:20px;}
.list_s > li {font-size:10px; background:url(/images/common/bullet_1.png) no-repeat left 5px; padding:0 0 3px 7px; color:rgba(0, 0, 0, 0.5); line-height:1.3em;}

.box_sh {box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3)  ; 
-webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3)  ; 
-moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3)  ; }

.pa1 { margin-bottom:40px!important;}
.pa2 { margin-bottom:20px!important;}

.soon { background:url(/images/common/soon.png) no-repeat center center rgba(0, 0, 0, 0.05); background-size:190px auto; height:200px;}

.iframe_w { position: relative;
padding-bottom: 49%; /* 16:9 비율인 경우 */
/* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */
padding-top: 25px;
height: 0;}
.iframe_w iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%; border:none;}