@charset "utf-8"; 
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo');

html {
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}




*{font-family:'Noto Sans KR', sans-serif;font-weight:400}

html,body{width:100%; height:100%;margin:0; padding:0; outline:0; border:0; }
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary ,
time, mark, audio, video 
{margin:0; padding:0; border:0;  font-family:'Roboto', 'Noto Sans KR', 'Nanum Myeongjo' "돋움", Dotum, sans-serif; list-style:none; letter-spacing:-1px;}
input,img{vertical-align:middle;}
input{border:0px;}


/* Mobile Reset */
*{-webkit-text-size-adjust:none}
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="image"], input[type="tel"], input[type="number"], textarea{-webkit-appearance:none; -webkit-border-radius:0}
select {-webkit-border-radius:0;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } 
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline: 0;}

i{font-style:normal;}
a, a:link, a:visited, a:hover, a:active {text-decoration: none;}
form { margin:0px; }
.clear{clear:both; *zoom:1;}

_:-ms-input-placeholder, :root #wrap{letter-spacing:-1px !important;}/* Only works in IE10 이상*/
_:-ms-fullscreen, :root #wrap {letter-spacing:-1px !important; }/* Only works in IE11  */
@media screen and (min-width:0\0){*{letter-spacing:-1px; !important;}}

#wrap{width:720px; max-width:720px; margin:auto; padding-top:108px;overflow:hidden;}
.header_box{overflow:hidden; width:100%; height:108px; position:fixed; top:0px; left:0; z-index:9999; background:#fff;}
.logo{width:330px; height:58px; background:url('../images/logo.png') no-repeat; float:left; margin-left:40px; margin-top:25px;}
.call_bt{float:left; width:50px; height:108px; float:left; margin-left:150px; background:url('../images/call_icon.png') center center no-repeat;}
.lnb_bt{float:right;width:108px; height:108px; float:right; background:url('../images/lnb_bg.png') center center no-repeat #25284e;}

.lnb_on{display:block;}



.lnb_view_box{width:100%; height:100%; position:fixed; top:108px; left:0px; background-color:rgba(000,000,000,0.5); z-index:9999; display:none;}
.lnb_list_box{width:564px; float:right;}
.content_center{width:720px; margin:auto;}
.accordion_title{display:block;background:url('../images/lnb_b_bg.gif') 508px center no-repeat #fff; height:108px; border-bottom:solid 1px #ddd; font-size:30px; color:#555; line-height:108px; text-indent:34px;font-weight:500}
.accordion_title.active{background:url('../images/lnb_t_bg.gif') 508px center no-repeat #25284e; color:#fff; font-weight:700;}
.accordion_sub{background:#fff;}
.accordion_sub a{display:block; width:50%; float:left; height:108px; position:relative; background:#f9f9f9; color:#555; font-size:30px; line-height:108px; text-indent:32px; border-bottom:solid 1px #ddd;font-weight:500}
.accordion_sub a.menu_third{width:100%}
.accordion_sub a.active{color:#aabb11; font-weight:bold;}
.accordion_sub a i{display:inline-block; width:2px; height:60px; margin:0px; background:#ddd; position:absolute; left:-1px; top:24px;}

.con_box_center{width:720px; margin:auto;}
.main_pg_box{position:absolute; z-index:99; top:850px; height:50px; text-align:center;}
.main_pg_box span{width:18px; height:18px; display:inline-block; background:#fff; margin:0px 5px; opacity: 0.3;}
.main_pg_box span.swiper-pagination-bullet-active{background:#fff;opacity:1;}
.main_slide_box{position:relative; width:100%; height:936px;}
.slide_img1{width:100%; height:744px; background:url('../images/main_visual01.jpg') center no-repeat;}
.slide_img2{width:100%; height:830px; background:url('../images/main_visual02.jpg') center no-repeat;}
.slide_img3{width:100%; height:830px; background:url('../images/main_visual03.jpg') center no-repeat;}
.slide_img4{width:100%; height:830px; background:url('../images/main_visual04.jpg') center no-repeat;}
.slide_top_text{position:absolute; left:5%; top:0px; width:100%; z-index:99;}
/*.slide_center_st{position:absolute; left:0px; top:203px; width:100%; height:391px; z-index:10; background:url('../images/main_text_bg.png') center no-repeat; }*/
.slide_center_st{position:absolute; left:0px; top:600px; width:100%; height:391px; z-index:10;}
.slide_center_st h2{display:block; text-align:center; color:#fff; font-size:54px; margin-bottom:16px;font-weight:900}
.slide_center_st h2 span{font-weight:100;}
.slide_center_st p{display:block; text-align:center; color:#fff; font-size:30px; margin-top:70px;}
.slide_bottom_text{position:absolute; left:0px; bottom:0px; width:100%; z-index:99;}

.tabs2_img{position:absolute; left:0px; top:0px; width:100%; height:100%; display:none;}
.sub_02_02_1_img{position:relative;}
.sub_02_03_1_img{position:relative;}
.tab_2box_st{width:100%; height:100%; position:absolute; left:20px; top:20px; z-index:999;}
.tabs2_st li b{display:block; width:132px; height:56px; background:#d1d1d1; color:#666; text-align:center; line-height:56px; font-size:24px;}
.tabs2_st li{ width:132px; display:block; cursor:pointer;}
.tabs2_st li.active b{color:#fff; font-weight:bold; background:#704a3f; border-bottom:solid 2px #b5b5b5;}
.tabs2_st li.active {padding-right:8px; background:url('../images/tabs2_bg.gif') center right no-repeat;}

.slide_t_text{color:#fff; float:left;}
.slide_t_text strong{font-size:18px; display:block; margin-top:30px; margin-bottom:15px; }
.slide_t_text p{float:left; height:60px; padding:0px 12px; background-color:rgba(000,000,000,0.3); font-size:40px; line-height:60px; text-align:center; font-weight:700;}

.s_bo_text {font-size:24px}


#tab1{}

.con_box_center{width:1200px; margin:auto;}
.stt_m{margin-left:15px; margin-right:37px;}
.slide_t_r{}
.sbt_cener_box{width:720px; margin:auto; color:#fff;}
.sbt_cener_box p{display:inline-block;}
.sbt_cener_box p.sbt_st1{font-size:40px; margin-left:7px; font-weight:700;}
.sbt_left{float:left;  background-color:rgba(000,000,000,0.3); height:90px; line-height:94px;  padding-left:30px; width:100%; position:absolute; left:0px; bottom:0px;}
.sbt_right{float:right; position:relative; width:456px;}
.sbt_right_bg{background:url('../images/slide_bottom_bg.png') no-repeat; width:50px; height:90px; float:left;}
.sbt_right_list{float:left; color:#fff; z-index:9; margin-left:20px;}
.sbt_right_list li {float:left; font-size:17px; padding-top:15px;}
.sbt_right_list li b{font-size:40px; margin-left:25px; margin-right:25px;}
.sbt_right_list li p{font-weight:100;}
.sbt_right_line{width:85px; height:85px; background:url('../images/slide_line.png') center 20px no-repeat;}
.sbt_right_bg2{ width:1820px; height:100px; background:#af8d5d; position:absolute; top:0px; right:-1414px; z-index:0;}


.slide_pg_box{position:absolute; z-index:99; bottom:20px !important; height:50px; text-align:center;}
.slide_pg_box span{width:18px; height:18px; display:inline-block; background:#797979; margin:0px 5px; opacity: 1;}
.slide_pg_box span.swiper-pagination-bullet-active{background:#aabb11;}
.gl_list_box1_bg{background:#f2efeb;  width:100%; position:relative;  height:940px; overflow:hidden;}
.gl_list_box1{margin-top:120px; margin-bottom:130px;}
.gl_list_con{width:590px; overflow:hidden; position:relative; margin:auto; margin-top:70px;}
.gl_list_con a{color:#fff; position:relative; display:block; width:100%;}
.gl_img_tit{position:absolute; left:42px; bottom:30px; font-size:36px; z-index:3; color:#fff;     font-family: 'Noto Sans Korean Bold', sans-serif;}
.gl_img_box{position:relative;background:#fff;text-align:center;height: 520px;}
.gl_img_box img {position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;width:540px}
.gl_bg{position:absolute; width:100%; display:block; height:330px; background:url('../images/gl_bg.png') bottom repeat-x; z-index:1; bottom:0px;}
.gl_list_text{width:100%;  background:#fff; overflow:hidden;height:260px;}
.gl_list_text > span {background: #25284e;width: 100%;display: block;text-align: center;height: 60px;line-height: 60px;font-size: 30px;font-weight:700}
.gl_list_text ul { color: #282828; font-size: 26px; line-height: 30px; display: block; margin-left: 30px; margin-top: 20px;}
.gl_list_text li {font-weight:700}
.gl_list_text li span {position: absolute;width: 100%;text-align: center;right: 0;text-align: right;margin-right: 30px;font-weight: 400;}
.gl_list_text strong{color:#333; font-size:26px; display:block; margin-left:40px; margin-top:28px; margin-bottom:22px;}
.gl_list_text strong span{font-weight:100;}
.gl_list_text p{color:#545454; font-size:24px; line-height:36px; display:block; margin-left:40px; padding-bottom:38px; font-family: 'Noto Sans Korean Regular', sans-serif;}
.overflow_h{overflow:hidden;}

.main_con2_box{ width:100%; position:relative; overflow:hidden; margin-top:80px; padding-bottom:120px; margin-bottom:20px;}


.slide_pg_box{height:50px; text-align:center; bottom:20px !important; position:absolute; z-index:9999;}
.slide_pg_box span{width:12px; height:12px; display:inline-block; background:#797979; margin:0px 5px; opacity: 1;}
.slide_pg_box span.swiper-pagination-bullet-active{background:#ff9b2f;}

.slide_pg_box2{height:50px; text-align:center; bottom:20px !important; position:absolute;}
.slide_pg_box2 span{width:12px; height:12px; display:inline-block; background:#797979; margin:0px 5px; opacity: 1;}
.slide_pg_box2 span.swiper-pagination-bullet-active{background:#ff9b2f;}

.gl_list_con2{width:660px; margin:auto;}
.gl_list_con2 img{width:660px;margin-bottom:20px}
.gl_list_con2 a{border:solid 1px #ddd; color:#545454; overflow:hidden; display:block;}
.gl_list_con2 strong{display:block; height:64px; overflow:hidden;}
.gl_list_con2 strong span{opacity:0.7; color:#fff; font-size:34px; display:inline-block; margin-right:25px; margin-top:16px; float:right; font-weight:500;line-height:30px}
.gl_list_con2 a h3{line-height:130px; color:#333; font-size:36px; width:599px; display:block; margin:auto; margin-bottom:29px; text-align:center; border-bottom:solid 1px #ddd;}
.gl_list_con2 a p{ text-align:center; font-size:32px; display:block; height:160px;font-weight:400;margin-top:60px;margin-bottom:10px;}

.gl_list_tit1{display:block; width:100%; height:64px; background:url('../images/gl2_tit_bg1.gif') right no-repeat;}
.gl_list_tit2{display:block; width:100%; height:64px; background:url('../images/gl2_tit_bg2.gif') right no-repeat;}
.gl_list_tit3{display:block; width:100%; height:64px; background:url('../images/gl2_tit_bg3.gif') right no-repeat;}

/* 언론에 소개된 까사펠리체 */
.news_sec{background-color:#f2f2f2}
.news_sec .area{width:660px;margin:0px auto;}
.news_sec .area:after{display:block;content:"";clear:both;}
.news_sec .sec_tit{font-size:40px;color:#333;text-align:center;padding:96px 0 30px;}
.news_sec .news_cnt_num{float:right;font-size:20px;padding-bottom:10px;color:#555}
.news_sec .main_news_list{clear:both;border-bottom:1px solid #bbb}
.news_sec .main_news_list li{padding:30px 0; border-top:1px solid #bbb}
.news_sec .news_area{display:block;position:relative;}
.news_sec .list1 .news_area:after{display:block;content:"";clear:both;}
.news_sec .list1 .news_area .news_img{float:left;width:150px;height:90px;padding-right:30px;overflow:hidden;}
.news_sec .list1 .news_area .news_img img{width:100%}
.news_sec .list1 .news_area .news_cnt:after{display:block;content:"";clear:both;}
.news_sec .news_area .news_tit{font-size:20px;padding-bottom:20px;color:#000}
.news_sec .news_area:hover .news_tit{text-decoration:underline;}
.news_sec .news_area .news_txt{height:50px;font-size:17px;color:#545454;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;display:block;display: -webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical;line-height:25px;word-wrap:break-word;white-space:normal;}
.news_sec .list1 .news_area .news_txt{float:right;width:480px;height:75px;-webkit-line-clamp:3;}
.news_sec .news_all_btn{float:right;color:#000;font-size:18px;margin:30px 0 80px}
.news_sec .news_all_btn:hover{text-decoration:underline;}
/* //언론에 소개된 까사펠리체 */

/* 메인홍보영상 */
.video_sec{}
.video_sec .sec_tit{font-size:40px;color:#333;text-align:center;padding:96px 0 30px;}
.video_sec .video_box{width:660px;margin:0px auto;padding-bottom:30px}
.video_sec .video_box dl .sec_sub_tit{text-align:center;font-size:25px;color:#333;padding-bottom:30px;}
.video_sec .video_box dl .video_area{padding-bottom:40px;}
.video_sec .video_box dl .video_area iframe{width:100%;}

/* //메인홍보영상 */


.online_con_bg{background:url(../images/online_bg.jpg) no-repeat;}
.main_tit_st{overflow:hidden;}
.main_tit_st > h3{font-size:30px; color:#333; text-align:center; margin-top:50px; margin-bottom:18px;font-weight:700}
.main_tit_st > p{font-size:26px; color:#c8c8c8; text-align:center; margin-bottom:30px;font-weight:400;}
.main_tit_st > i{display:block; margin:auto; width:60px; height:2px; background:#fff; margin-bottom:60px;}

.online_table{width:660px;  background:#fff; margin:auto; padding-top:10px; padding-bottom:50px;}
.online_table h4{font-size:25px; text-align:center; display:block; color:#333; margin-bottom:20px; font-weight:normal;}
.online_table table{border-top:solid 2px #704a3e; width:594px; margin:auto;}
.online_table td{color:#545454; height:58px; text-align:center; border-bottom:solid 1px #ccc; font-size:20px;}

.hidden{position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}
.online_write{ background:#25284e; width:660px; padding-bottom:1px; margin:auto; overflow:hidden;}
.online_write h4{font-size:30px; text-align:center; display:block; margin-top:50px; margin-bottom:30px; color:#fff; font-weight:700;}
.online_write_box{width:572px; margin:auto;}
.online_write_box b{font-size:26px; color:#ffff; display:inline-block;font-weight:400}
.on_wr_t_st1{float:left; width:; background:#7e5b3a; color:#fff; line-height:60px; text-align:center; width:417px; font-size:22px;}
.on_wr_t_st2{display:block; width:100%; height:80px; text-align:center; line-height:80px; background:#282828; font-weight:400; color:#fff; font-size:26px;border:2px solid #fff;position:relative;}
.online_w_tit{font-size:15px; color:#fff; display:block; margin-top:16px; margin-bottom:5px; }
.online_write_tit{}
.online_write input[type="text"]{border:none; border:solid 1px #ccc;  color:#333; text-indent:15px; font-size:17px; line-height:55px; height:53px;}
.from_st1{width:100%; height:40px;padding:0}
.phone_sel{border:solid 1px #ccc; width:143px; height:53px; font-size:14px;}
.sel_line{display:inline-block; width:30px; text-align:center; color:#fff; font-size:15px;}
.phone_box{width:30.5%; height:53px; border:solid 1px #ccc;padding:0}
.day_box{width:200px; height:53px; border:solid 1px #ccc;padding:0}
.day_img_icon{display:inline-block; vertical-align:middle; margin:0px 5px;}
.online_w_bt_box{margin-bottom:70px;}
.sel_st1{width:26.5%; height:53px; border:solid 1px #ccc; margin-right:5px; font-size:22px; color:#545454; vertical-align:middle;}
.main_online_bt{display:inline-block; width:100%; height:80px; background:#282828; color:#fff; text-align:center; line-height:80px; border:none; font-size:26px; vertical-align:middle;font-weight:700}
.location_box{margin-bottom:62px;}

.main_con3_box{width:100%; height:1650px; background:url('../images/online_bg.jpg') no-repeat; background-size:cover; position:relative; overflow:hidden;}
.slide_pg_box3{height:50px; text-align:center; bottom:20px !important; position:absolute; z-index:999;}
.slide_pg_box3 span{width:18px; height:18px; display:inline-block; background:#797979; margin:0px 5px; opacity: 1;}
.slide_pg_box3 span.swiper-pagination-bullet-active{background:#aabb11;}
.footer{border-top:solid 1px #e6e6e6;margin-top:30px;background:#fafafa}
.footer_logo{display:block; margin:auto; margin-top:30px; margin-bottom:40px;text-align:center;}
footer address{font-style:normal; font-size:24px; color:#999; line-height:30px; display:block; margin-bottom:50px; text-align:center;}

/*서브공통*/
.sub_top_img{position:relative;}
.sub_tit_box{overflow:hidden;}
.sub_tit_box h3{display:block; margin-top:86px; margin-bottom:8px; color:#333; font-size:44px; text-align:center;}
.sub_tit_box p{font-size:21px; color:#545454; text-align:center; margin-bottom:30px;}
.sub_tit_box i{display:block; width:32px; height:4px; background:#704a3e; margin:auto;}
.overflow_h{overflow:hidden; width:100%;}
.sub_content_box{width:660px; margin:auto;margin-bottom:80px;}
.sub_content_box .title {text-align:left; padding-left:30px;}
/*.sub_content_box{width:660px; margin-left: 50px;}*/

/*sub01*/
.sub_top_text{font-size:55px; color:#fff; position:absolute; bottom:-17px; left:30px; font-weight:300; line-height:80px;}
.sub_top_text b {font-weight:700;}
.sub_top_text2{font-size:55px; color:#fff; position:absolute; bottom:-17px; left:30px; font-weight:300; line-height:80px;}
.sub_top_text2 b {font-weight:700;}
.sub_0101{display:block; margin:auto; margin-top:100px; margin-bottom:100px;}
.sub_text{line-height:24px; color:#333; line-height:36px; }
.sub01_tit{font-family:'Nanum Myeongjo'; color:#282828; font-size:40px; padding-top:50px; text-align:center;}
.sub01_tit b{display:inline-block; margin-left:318px; font-family:'Nanum Myeongjo', serif; font-size:40px;}
.sub01_text{font-size:26px; line-height:36px; color:#333; margin-top:56px;padding-left:60px;letter-spacing:0.5px}
.sub01_02{display:block; margin:auto; margin-top:70px; margin-bottom:50px;}
.sub01_02_text {font-weight:500}

/*sub02*/
.sub02_tit{ display:inline-block; margin-top:90px; font-family:'Nanum Myeongjo', serif; font-size:40px; margin-bottom:35px; color:#af8d5d;}
.sub02_text{font-size:24px; line-height:36px; color:#333;}

/*sub03*/
.sub01_03_box {position:relative;}
.sub01_03_box .danji_logo {width:100%;display:block;text-align:center;margin-top:100px}
.sub01_03_box .toptext {width:100%;display:block;text-align:center;padding-top:50px;padding-bottom:50px;background:#fafafa;margin-top:70px;margin-bottom:30px;font-size:26px;font-weight:300 }
.sub01_03_box strong { font-family:'Nanum Myeongjo'; font-size: 40px;display: block;color: #885b2a;margin-bottom: 20px;margin-top: 46px;}

.sub01_03_box .board_content {margin-top: 30px;}

.sub01_03_box .type01 {width:100%; text-align:center;}
.sub01_03_box table tr {height:80px; /* border-top: 1px solid #cccccc; */}
.sub01_03_box table th, .first {}
.sub01_03_box table td {}

.sub_01_03_table{width:100%; margin-bottom:60px;border:1px solid #e6e6e6;border-collapse:separate}
.sub_01_03_table td,th{font-size:26px; text-align:center; color:#404040; height:80px; line-height:40px;border:1px solid #e6e6e6;padding:20px;}
.sub_01_03_table td {background:#fafafa;}
.sub_img_bm{margin-top:50px; margin-bottom:30px; position:relative;}
.sub_img_bm img{display:block; margin:auto;}



.sub01_03_02_box strong { font-family:'Nanum Myeongjo'; font-size: 40px; display: block; color:#885b2a; padding:95px 0 56px;}
.sub01_03_02_box p{ font-size:24px; line-height:36px;  color:#333;}
.sub_03_02_text .type02 {width:90%; font-size:24px; margin:60px 0 40px;}
.sub_03_02_text table tr {height:60px;}
.sub_03_02_text table th, .first {border-right: 1px solid #cccccc; text-align:left; color:#6C4C26; font-family: NanumSquare;}
.sub_03_02_text table td {padding-left:30px; font-family: NanumSquare;}


.sub01_03_03_box {margin-bottom: 50px;}
.sub01_03_03_box strong { font-family:'Nanum Myeongjo'; font-size: 40px; display: block; color:#885b2a; padding-bottom:76px;}
.sub01_03_03_box p{ font-size:24px; line-height:36px;  color:#333; padding-top:100px;}
.sub01_03_03_box .sub_03_03_01_mg { margin-bottom:20px;}


.sub01_04_box{margin-top:100px; margin-bottom:110px; overflow:hidden; border-right: 1px solid #cccccc;}
.sub01_04_box .type01 {width:100%; text-align:center; border-right: 1px solid #cccccc; }
.sub01_04_box table tr {height:80px; border : 1px solid #cccccc; }
.sub01_04_box table th, .first {background:#f2f2f2; border-right: 1px solid #cccccc; }
.sub01_04_box table td {border-right: 1px solid #cccccc;}

/* 언론에 소개된 까사펠리체 서브 페이지 */
.media_cnt .page_tit{font-family:'Nanum Myeongjo', serif !important; font-size: 26px; display: block; color:#885b2a;padding:50px 0;}
.media_cnt .news_content_area{padding-bottom:70px;}
.media_cnt .news_content_area .news_tit{font-size:20px;color:#000;font-weight:600;}
.media_cnt .news_content_area .news_img{padding:30px 0;}
.media_cnt .news_content_area .news_logo{display: block; float: right; margin-top: -34px;}
.media_cnt .news_list_area .news_list{border-top:1px solid #eee}
.media_cnt .news_list_area .news_list li{height:120px;padding:20px 0;border-bottom:1px solid #eee}
.media_cnt .news_list_area .news_list li>a{display:block;color:#555;height:100%}
.media_cnt .news_list_area .news_list li>a:after{display:block;content:"";clear:both;}
.media_cnt .news_list_area .news_list li .num{float:left;width:40px;height:100%;line-height:120px;text-align:center;}
.media_cnt .news_list_area .news_list li .thum{float:left;width:100px;height:100%;line-height:120px;vertical-align:middle;overflow:hidden;margin:0 20px;}
.media_cnt .news_list_area .news_list li .thum img{width:100%;}
.media_cnt .news_list_area .news_list li .txt_cnt{float:left;width:480px;height:100%;}
.media_cnt .news_list_area .news_list li .txt_cnt .tit{font-size:17px;color:#000;padding-bottom:10px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.media_cnt .news_list_area .news_list li .txt_cnt .txt{height:75px;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;display:block;display: -webkit-box;-webkit-line-clamp:3; -webkit-box-orient: vertical;line-height:25px;word-wrap:break-word;white-space:normal;}
.media_cnt .news_page{position:relative;margin:30px auto 50px;text-align:center}
.media_cnt .news_page:after{display:block;content:"";clear:both;}
.media_cnt .news_page .num_list{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;box-sizing:border-box;}
.media_cnt .news_page .num_list.on{background-color:#f1f1f1;border:1px solid #aaa}
.media_cnt .news_page .num_list a{display:block;height:100%;color:#555}
.media_cnt .news_page>a{display:inline-block;color:#555;height:30px;line-height:30px;box-sizing:border-box;}
.media_cnt .news_page .pre_page{margin-right:10px}
.media_cnt .news_page .next_page{margin-left:10px;}

/* //언론에 소개된 까사펠리체 서브 페이지 */

.sub02_01_box strong { font-family:'Nanum Myeongjo', serif; font-size: 50px;display: block;color: #af8d5d;margin-bottom: 20px;margin-top: 46px;}

.sub02_01_box .board_content {margin-top: 30px; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc;}


.sub02_01_box .sub_02_01_table {width:100%; text-align:center;}
/*.sub02_01_box table tr {height:80px; border-bottom: 1px solid #cccccc;}*/
.sub02_01_box table tr {height:80px; /* border-bottom: 1px solid #cccccc; */}
.sub02_01_box table th, .first {}
.sub02_01_box table td {}



.sub_02_01_table{width:100%; margin-bottom:60px; margin-top:40px; }
.sub_02_01_table th{border-bottom:solid 2px #885b2a; font-size:24px; height:70px; color:#333;font-weight:normal; /* border-top:solid 1px #ddd; */}
.sub_02_01_table td{font-size:20px; text-align:center; color:#000; padding:30px 0px; font-weight:300;}
.sub_02_01_table td.second_category{font-weight:lighter;}

/*.footer_line {width:100%; border-bottom:solid 1px #cccccc;}*/



.sub04_text{line-height:48px; color:#777; display:block; margin-top:60px; font-size:22px;}

.sub04_01_tit{font-size:26px; color:#af8d5d;}
/*.sub04_01_text{font-size:20px; color:#555; line-height:36px; display:block; margin-bottom:40px;}*/
.sub0401_pg_box{position:absolute; z-index:99; bottom:-10px !important; height:50px; text-align:center;}
.sub0401_pg_box span{width:18px; height:18px; display:inline-block; background:#fff; margin:0px 10px !important; opacity: 1;}
.sub0401_pg_box span.swiper-pagination-bullet-active{background:#aabb11;}
.sub0402_pg_box{position:absolute; z-index:99; bottom:-10px !important; height:50px; text-align:center;}
.sub0402_pg_box span{width:18px; height:18px; display:inline-block; background:#fff; margin:0px 10px !important; opacity: 1;}
.sub0402_pg_box span.swiper-pagination-bullet-active{background:#aabb11;}
.sub_slide_box{position:relative; overflow:hidden; width:660px; margin:auto; margin-bottom:20px;}
.sub_slide_box.swiper-container-horizontal>.swiper-pagination-bullets{position:absolute;z-index:100}
.sub_slide_box.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:13px;height:13px;}

.sub04_01_text {margin-top:30px; margin-bottom:30px;}
.sub04_01_text strong {font-size:26px; color:#A4A4A4; }
.sub04_01_box  {border : 1px solid #cccccc; margin-bottom:50px;}
.sub04_01_box .type01 {width:100%; text-align:center;  }
.sub04_01_box table tr {height:80px; }
.sub04_01_box table th, .first {font-size:24px; background:#f2f2f2; border-right: 1px solid #cccccc; }
.sub04_01_box table td {border-right: 1px solid #cccccc; font-size:22px; border-top: 1px solid #cccccc; }


.sub04_02_box  {border : 1px solid #cccccc; margin-bottom:50px;}
.sub04_02_box .type02 {width:100%; text-align:center;  }
.sub04_02_box table tr {height:80px; }
.sub04_02_box table th, .first {font-size:18px; background:#f2f2f2; border-right: 1px solid #cccccc; }
.sub04_02_box table td {border-right: 1px solid #cccccc; font-size:22px; }


.sub04_03_box  {border : 1px solid #cccccc; margin-bottom:50px;}
.sub04_03_box .type03 {width:100%; text-align:center;  }
.sub04_03_box table tr {height:80px; }
.sub04_03_box table th {font-size:24px; background:#f2f2f2; border-right: 1px solid #cccccc; }
.sub04_03_box table td {border-right: 1px solid #cccccc; font-size:22px; border-right: 1px solid #cccccc;}



.sub0301_pg_box{position:absolute; z-index:99; bottom:-10px !important; height:50px; text-align:center;}
.sub0301_pg_box span{width:18px; height:18px; display:inline-block; background:#fff; margin:0px 10px !important; opacity: 1;}
.sub0301_pg_box span.swiper-pagination-bullet-active{background:#aabb11;}
.sub0302_pg_box{position:absolute; z-index:99; bottom:-10px !important; height:50px; text-align:center;}
.sub0302_pg_box span{width:18px; height:18px; display:inline-block; background:#fff; margin:0px 10px !important; opacity: 1;}
.sub0302_pg_box span.swiper-pagination-bullet-active{background:#aabb11;}


.sub03_tit_box{}
.sub03_tit_box strong{font-size:30px; color:#25284e; display:block; margin-bottom:20px; margin-top:75px;font-weight:700}
.sub03_tit_box strong .num{font-size:40px;color:#25284e;display:inline;margin:0;text-align:left;font-weight:700}
.sub03_tit_box p{font-size:24px; color:#767676;line-height:30px; display:block; margin-bottom:50px;}
.sub03_tit_box span{font-size:24px; color:#333; display:block; margin-bottom:50px; text-align:center;}
.sub03_tit_box ul {margin-bottom:50px;}
.sub03_tit_box ul li{font-size:24px;color:#767676;}
.sub03_st {position:relative;}
.sub03_st strong{font-size:36px; color:#fff; position:absolute; bottom:80px; width:100%; text-align:center;}
.sub03_bg{position:absolute; bottom:0px; left:0px; width:100%; height:608px; background:url(../images/sub_3_bg.png) bottom repeat-x; z-index:1;}
.sub03_st img{display:block; width:492px; height:608px; margin:auto;}
.sub_slide_box2{width:660px; margin:auto; overflow:hidden; position:relative; margin-bottom:120px;}
.sub0301_pg_st{position:absolute; z-index:99; bottom:-10px !important; height:50px; text-align:center;}
.sub0301_pg_st span{width:18px; height:18px; display:inline-block; background:#fff; margin:0px 10px !important; opacity: 1;}
.sub0301_pg_st span.swiper-pagination-bullet-active{background:#aabb11;}

/*sub04*/
.sub04_tit_box strong{font-size:34px; color:#25284e; display:block; margin-bottom:20px; margin-top:75px;font-weight:700}
.sub04_tit_box p{font-size:24px; color:#767676;line-height:30px; display:block; margin-bottom:50px;}






.footer_sub_slide_box {text-align:center; }
.footer_sub_slide_box .swiper-pagination-bullet-active {background:#ff8b1a}

.sub02_01_tit{margin-top:88px;}
.sub02_01_tit strong{display:block; text-align:center; font-size:40px; font-family:'Nanum Myeongjo', serif; color:#af8d5d; margin-bottom:20px;}
.sub02_01_tit p{font-size:22px; text-align:center; color:#777; display:block; margin-bottom:80px;}
.tab_list_st, .tab_list_st_02_01 {
text-align: center;
margin-bottom:60px;
}
.tab_list_st_02_01{width:80%;margin:0 auto 60px;}
.tab_list_st ul, .tab_list_st_02_01 ul {
display: inline-block;
margin: 0;
padding: 0;
/* For IE, the outcast */
zoom:1;
*display: inline;
width:100%;
}

.tab_list_st li {float: left; font-size:24px; text-align:center; line-height:84px; background:#f9f9f9; color:#888; width:24.8%; height:84px; margin-left:-1px; border:solid 1px #ddd;}
.tab_list_st li i{display:inline-block; min-width:24px; height:24px; text-align:center; line-height:24px; font-size:20px; color:#fff;background:#ddd;border-radius:50%; margin-left:10px;}
.tab_list_st li.active {font-size:24px; color:#aabb11; background:#fff;}
.tab_list_st li.active i{font-size:24px; color:#fff; background:#aabb11;}


.tab_list_st_02_01 li {float: left; font-size:24px; text-align:center; line-height:84px; background:#f9f9f9; color:#888; width:33.1%; height:84px; margin-left:-1px; border:solid 1px #ddd;}
.tab_list_st_02_01 li i{display:inline-block; min-width:24px; height:24px; text-align:center; line-height:24px; font-size:20px; color:#fff;background:#ddd;border-radius:50%; margin-left:10px;}
.tab_list_st_02_01 li.active {font-size:24px; color:#ff803b; background:#fff;}
.tab_list_st_02_01 li.active i{font-size:24px; color:#fff; background:#aabb11;}


.accordion_banner{height:2000px !important; background:#fff; position:relative;}
.m_address{position:fixed; bottom:0px; width:518px; border-top:solid 1px #ddd; padding:30px 0px 30px 40px; font-size:24px; line-height:36px; color:#999; background:#f9f9f9;}


.tab_img { height:232px; margin-bottom:30px;}
.tab_img_0203 {margin-bottom:30px;}

.tab_list_st2{
text-align: center;
margin-bottom:60px;
}
.tab_list_st2 ul {
display: inline-block;
margin: 0;
padding: 0;
/* For IE, the outcast */
zoom:1;
*display: inline;
width:100%;
}
.tab_list_st2 li {float: left; font-size:24px; text-align:center; line-height:84px; background:#f9f9f9; color:#888; width:19.8%; height:84px; margin-left:-1px; border:solid 1px #ddd;}
.tab_list_st2 li i{display:inline-block; min-width:24px; height:24px; text-align:center; line-height:24px; font-size:20px; color:#fff;background:#ddd;border-radius:50%; margin-left:10px;}
.tab_list_st2 li.active{font-size:24px; color:#aabb11; background:#fff;}
.tab_list_st2 li.active i{font-size:24px; color:#fff; background:#aabb11;}

.sub04_table_bt{background-color:rgba(000,000,000,0.5);  background-image:url('../images/sub04_table_bt.png'); background-repeat:no-repeat; background-position:center center; width:100%; height:55%; position:absolute; left:0px; }



/*온라인보기*/
.online_view_box{background:#f2f2f2; margin-top:55px; overflow:hidden; margin-bottom:160px;padding-top:55px;}
.online_view_day{padding:40px 35px; border:solid 1px #ddd; font-size:25px; background:#f9f9f9; width:532px; margin:auto; margin-top:48px; margin-bottom:110px;}
.online_view_day div i{display:inline-block; width:10px; height:10px; background:#704a3e; vertical-align:bottom; margin-bottom:12px; border-radius:50%; margin-right:10px;}
.online_view_day div strong{font-size:25px; color:#704a3e;}
.online_view_day div span{display:inline-block; width:40px; text-align:center; color:#333; font-size:20px;}
.online_ck_box{overflow:hidden; text-align:center;}
.online_ck_tit{font-size:28px; color:#333; display:block;}
.online_ck_tit b{font-size:28px;}
.online_ck_view{font-size:27px; color:#333; margin-top:120px; padding-bottom:88px; border-bottom:solid 1px #ccc; width:593px; margin:auto;}
.online_ck_view strong{font-size:32px; color:#704a3e;}
.online_bt{width:187px; height:66px; background:#885b2a; text-align:center; line-height:66px; color:#fff; font-size:21px; font-weight:bold; margin:auto; margin-top:55px; border:none; display:block; margin-bottom:70px;}

/*온라인신청*/
.online_wr_box{width:600px; margin:auto;}
.online_wr_box b{display:block; margin-bottom:2px; font-size:24px; color:#333;}
.from_name{border:solid 1px #ddd; background:#fff; width:100%; height:50px; display:block; margin-bottom:10px; font-size:20px; color:#333;}
.from_call{width:182px; height:50px; line-height:50px; border:solid 1px #cbcbcb; font-size:20px; color:#333;}
.online_wr_box p{display:inline-block; width:30px; font-size:20px; color:#ccc; text-align:center;}
.tel_sel_box{width:137px; border:solid 1px #cbcbcb; height:50px; font-size:20px; color:#333; vertical-align:middle;}


/* 달력 css */
/* DatePicker Container */
.ui-datepicker {
	width: 216px;
	height: auto;
	margin: 5px auto 0;
	font: 9pt Arial, sans-serif;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	background:#fff;
}
.ui-datepicker a {
	text-decoration: none;
}
/* DatePicker Table */
.ui-datepicker table {
	width: 100%;
}
.ui-datepicker-header {
	background: url('../images/dark_leather.png') repeat 0 0 #000;
	color: #e0e0e0;
	font-weight: bold;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	text-shadow: 1px -1px 0px #000;
	filter: dropshadow(color=#000, offx=1, offy=-1);
	line-height: 30px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #111;
}
.ui-datepicker-title {
	text-align: center;
}
.ui-datepicker-prev, .ui-datepicker-next {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	background-image: url('../images/arrow.png');
	background-repeat: no-repeat;
	line-height: 600%;
	overflow: hidden;
}
.ui-datepicker-prev {
	float: left;
	background-position: center -30px;
}
.ui-datepicker-next {
	float: right;
	background-position: center 0px;
}
.ui-datepicker thead {
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
	background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
	border-bottom: 1px solid #bbb;
}
.ui-datepicker th {
	text-transform: uppercase;
	font-size: 6pt;
	padding: 5px 0;
	color: #666666;
	text-shadow: 1px 0px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=0);
}
.ui-datepicker tbody td {
	padding: 0;
	border-right: 1px solid #bbb;
}
.ui-datepicker tbody td:last-child {
	border-right: 0px;
}
.ui-datepicker tbody tr {
	border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
	border-bottom: 0px;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #666666;
	text-shadow: 1px 1px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=1);
}
.ui-datepicker-calendar .ui-state-default {
	background: #ededed;
	background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
	background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: linear-gradient(top,  #ededed 0%,#dedede 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
	-webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	-moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
}
.ui-datepicker-calendar .ui-state-hover {
	background: #f7f7f7;
}
.ui-datepicker-calendar .ui-state-active {
	background: #6eafbf;
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	color: #e0e0e0;
	text-shadow: 0px 1px 0px #4d7a85;
	filter: dropshadow(color=#4d7a85, offx=0, offy=1);
	border: 1px solid #55838f;
	position: relative;
	margin: -1px;
}
.ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;
	color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
	width: 29px;
	margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
	width: 29px;
	margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
	height: 29px;
	margin-bottom: 0;
}


table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* 예약현황*/

.reservation_title {display:block; font-size:30px; color:#333333; text-align:center; margin-bottom:30px;font-weight:500;}
.reservation_list {float:left; width:100%; height:510px; background:#fff; padding:70px; box-sizing:border-box;}
.reservation_list .reservation_list_cont {width:100%; border-top:2px solid #25284e;}
.reservation_list .reservation_list_cont .bx-viewport {height: 306px !important;}
.reservation_list ul li {height:60px; text-align:center; border-bottom:1px solid #cccccc; line-height:60px;font-size:26px;} 
.reservation_list ul li span {float:left; width:33.33%;}

/*
.reservation_title {display:block; font-size:22px; color:#333333; text-align:center; margin-bottom:20px; font-weight:600;}
.reservation_list {width:100%; overflow:hidden; background:#fff; padding:35px 4%; box-sizing:border-box;}
.reservation_list .reservation_list_cont {width:100%; height:257px; overflow:hidden; border-top:2px solid #704a3e;}
.reservation_list ul li {height:50px; text-align:center; border-bottom:1px solid #cccccc; line-height:50px; box-sizing:border-box;}
.reservation_list ul li span {float:left; width:33.33%;}
*/

/* 메인 유튜브*/
.youtubuWrapMain {width: 658px; position: relative; margin: auto; margin-top: 37px; overflow:hidden; margin-bottom:30px;}
.youtubuWrapMain .youtubeWrapSub { position: relative; width: 100%; padding-bottom: 56.25%;}
.youtubuWrapMain .youtubeWrapSub iframe { position: absolute; width: 100%; height: 100%; }
.youtubuWrapMain .youtubeWrapSub:nth-child(2)  { margin-top:20px}





/* 서브 유튜브*/
.youtubuWrapSub {width: 590px; position: relative; margin: auto; margin-top: -30px; overflow:hidden; margin-bottom:30px;}
.youtubuWrapSub .youtubeWrapiframe { position: relative; width: 100%; padding-bottom: 56.25%;}
.youtubuWrapSub .youtubeWrapiframe iframe { position: absolute; width: 100%; height: 100%; }



.salecomple { background:#ffcccc;}
.salecompletext { float:right; margin-top:-60px; color:#ff0000; font-size:20px; font-weight:600;}


.text-hidden { overflow: hidden !important; clip: rect(1px, 1px, 1px, 1px) !important; position: absolute !important; width: 1px !important; height: 1px !important;}