@charset "UTF-8";




html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, img {margin:0; padding:0; }
html {width:100%; height:100%;}
body {font-size:12px;font-family: noto sans kr, 'Nanum Gothic', sans-serif; color:#777;}
table{border-spacing:0; border:0;}
th, td {border:0;}
td {font-size:12px;font-family:noto sans kr, 'Nanum Gothic', sans-serif; color:#777; letter-spacing:0px }
table tr.radioType input,
span.noBorder input { border:none !important; width:auto !important; height:auto !important; margin:0 3px 0 0 !important; vertical-align:middle !important; background:none !important; }
li{list-style:none; }
img, fieldset{border:none;}
label {cursor:pointer;}
a{font-size:12px;font-family: noto sans kr,'Nanum Gothic', sans-serif; text-decoration:none; color:#777;}
a:hover, a:focus, a:active {text-decoration:none;}
body,table,input,textarea,select {
font-family: 'Nanum Gothic', sans-serif;
color:#333333;
}



/* 레이아웃 */
#wrap,
#container {}
#container { width:1100px; }


/* 좌우 스크롤 */
#scroll-left { position: fixed; top:275px; right: 50%; margin: 70px 577px 0 0;display:none; }
#scroll-left p { padding-bottom:7px; }

#scroll-right { position: fixed; top:273px; left: 50%; margin: 70px 0 0 577px; }



#hd_wrap { margin-bottom:20px;}

#hd_wrap .top_bnr_area { background:#b7ced5; }
#hd_wrap .top_bnr_area .tb_box{ position:relative; width:1100px;  margin:0 auto; *zoom:1;  }

#hd_wrap .basic_area { height:43px;border-bottom:1px solid #CCCCCC; }
#hd_wrap .basic_area .ba_box{ position:relative; width:1100px;  margin:0 auto; *zoom:1;  }

#hd_wrap .basic_area .ba_box .top_site { position:absolute; top:0px;left:0px; height:43px;border-right:1px solid #cccccc;border-left:1px solid #cccccc;padding:0 15px}
#hd_wrap .basic_area .ba_box .top_site li { float:left;padding:0 3px;font:normal 11px gulim;line-height:43px;}
#hd_wrap .basic_area .ba_box .top_site  a { display:block;font-family:gulim; font-size: 11px; color: #a4a4a4;}
#hd_wrap .basic_area .ba_box .top_site  a:hover { color: #000000; text-decoration: none;}
#hd_wrap .basic_area .ba_box .top_site  .cline {color: #a4a4a4;}

#hd_wrap .basic_area .ba_box .top_sns { position:absolute; top:0px;left:330px; }
#hd_wrap .basic_area .ba_box .top_sns li { float:left;padding:11px 7px;line-height:43px;}
#hd_wrap .basic_area .ba_box .top_sns li img { 

     -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;

 }
#hd_wrap .basic_area .ba_box .top_sns li img:hover { 

     -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
 
 }

#hd_wrap .basic_area .ba_box .top_sns { position:absolute; top:0px;left:330px; }

#hd_wrap .basic_area .ba_box .top_search { position:absolute; top:7px;left:475px; }
#hd_wrap .basic_area .ba_box .top_search .search_btn { padding:6px 5px }
#hd_wrap .basic_area .ba_box .top_search .search_header { /*padding:9px 15px 0 0;*/ }
#hd_wrap .basic_area .ba_box .top_search .search_header  fieldset { /*border:2px solid #6a6351;  margin:0px;border-radius:0pxpadding:5px 10px 5px 5px;*/   }
#hd_wrap .basic_area .ba_box .top_search .search_header  fieldset ol:after {content:""; display:block; clear:both;}
#hd_wrap .basic_area .ba_box .top_search .search_header  fieldset ol { *zoom1; } /* IE5.5~7 브라우저 대응 Hack */
#hd_wrap .basic_area .ba_box .top_search .search_header  fieldset ol li { float:left }
#hd_wrap .basic_area .ba_box .top_search .search_header .search_input  {  border-radius:20px;width:220px; height:28px;border:0px; line-height:28px;font-size:12px;vertical-align:middle;  padding:0 12px; color:#7c8389;background:#eaeaea;   }
#hd_wrap .basic_area .ba_box .top_search .search_header .search_btn  { vertical-align:middle; padding-top:5px;  }

#hd_wrap .basic_area .ba_box .top_menu { position:absolute; top:0px;right:0px; }
#hd_wrap .basic_area .ba_box .top_menu  li {float:left;padding:0 0 0 10px;font:normal 11px dotum,ng;line-height:43px;}
#hd_wrap .basic_area .ba_box .top_menu  .cline {color: #cccccc;}
#hd_wrap .basic_area .ba_box .top_menu  a { font-family:dotum; font-size: 11px; color: #999999;}
#hd_wrap .basic_area .ba_box .top_menu  a:hover {color: #000000; text-decoration: none;}
#hd_wrap .basic_area .ba_box .top_menu  .balloon  { position:relative; }

/* 말풍선 */
#joinpoint {position:absolute;top:30px; left:-3px; width:68px;height: 20px;line-height: 20px;color:#FFF;text-align: center;padding: 0px 0px 0px;background:url("../img/djds/top/gnb_joinpoint_bg.png") no-repeat scroll 50% 0px;z-index:11001;}
#joinpoint .text {display: block;width: 68px;margin: 0px;text-align: center;line-height: 20px;font-size: 11px;color: #FFF;font-weight:bold}


#hd_wrap .menu_area { height:120px;}
#hd_wrap .menu_area .ma_box { position:relative; width:1100px;  margin:0 auto; *zoom:1;  }
#hd_wrap .menu_area .ma_box .top_slide { position:absolute; top:5px;left:0px;width:190px;height:110px;overflow:hidden }
#hd_wrap .menu_area .ma_box .top_logo { width:217px;margin:0 auto;padding-top:7px; }
#hd_wrap .menu_area .ma_box .top_logo img { 

     -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;

 }
#hd_wrap .menu_area .ma_box .top_logo img:hover { 

     -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);   
    -o-transform:scale(1.1);
    transform:scale(1.1);
 
 }


/* TOP CATEGORY */

#tcat_wrap {padding-bottom:0px;position:relative;z-index:100;}
#tcat_fixed {width:100%;z-index:100;}
#tcat_top_line{background:#FFFFFF;width:100%}
#tcat_area {position:relative;height:46px;}


#wrap { position:relative;  margin:0px auto 0; }
#container { width:1100px; margin:0 auto; *zoom:1; }
#container:after { content:""; display:block; clear:both; }
/*
#sidebar { float:left; width:180px; }
*/
#contents { /*float:right;*/ width:1100px; }
#banner { position:absolute; top:0; left:0; width:90px; }
#quick { position:absolute; top:0; right:0; width:90px; }
#quick .banner a { display:block; margin:15px 0 0; }





/* 상단으로 올라가기 버튼 */

#totop { position:fixed;right:30px;bottom:50px;z-index:100 }
#totop #backtotop { display:none; }






/* Main */



#section_02:after {content:""; display:block; clear:both;}

#section_02 .sec02_left { width:283px;height:502px;overflow:hidden;float:left;} 
#section_02 .sec02_right { width:917px;float:left;} 
#section_02 .sec02_right ul:after {content:""; display:block; clear:both;}
#section_02 .sec02_right ul { *zoom1;} /* IE5.5~7 브라우저 대응 Hack */
#section_02 .sec02_right li { float:left }

#section_02 .sec02_right li.fu_01 { width:316px;height:251px;overflow:hidden }
#section_02 .sec02_right li.fu_01 img { 
     -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
 }
#section_02 .sec02_right li.fu_01 img:hover { 
     -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);   
    -o-transform:scale(1.1);
    transform:scale(1.1);
 }

#section_02 .sec02_right li.fu_02 { width:601px;height:251px;overflow:hidden }
#section_02 .sec02_right li.fu_02 img { 
     -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
 }
#section_02 .sec02_right li.fu_02 img:hover { 
     -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);   
    -o-transform:scale(1.1);
    transform:scale(1.1);
 }

#section_02 .sec02_right li.lu_01 { width:601px;height:251px;overflow:hidden }
#section_02 .sec02_right li.lu_01 img { 
     -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
 }
#section_02 .sec02_right li.lu_01 img:hover { 
     -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);   
    -o-transform:scale(1.1);
    transform:scale(1.1);
 }

#section_02 .sec02_right li.lu_02 { width:316px;height:251px;overflow:hidden }
#section_02 .sec02_right li.lu_02 img { 
     -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
 }
#section_02 .sec02_right li.lu_02 img:hover { 
     -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);   
    -o-transform:scale(1.1);
    transform:scale(1.1);
 }

/*메인타이틀 공통*/

.sec_title { padding:30px 0;letter-spacing:-1px; }
.sec_title .sec_title_one { font-size:15px;color:#5a5a5a;text-align:center;font-weight:bold;border-bottom:1px solid #ccc;padding-bottom:10px;width:150px;margin:0 auto;} 
.sec_title .sec_title_two { font-size:30px;color:#262626;text-align:center;padding-top:10px;} 
.sec_title .sec_title_two .sub_color { font-weight:bold; } 


#section_03 { background:#f5f5f5;margin-bottom:30px;} 
#section_03 .sec03_box:after {content:""; display:block; clear:both;}
#section_03 .sec03_box { width:1100px;margin:0 auto;overflow:hidden;padding-bottom:30px; *zoom1;} /* IE5.5~7 브라우저 대응 Hack */

#section_04:after {content:""; display:block; clear:both;}
#section_04 { width:1100px;margin:0 auto;margin-bottom:30px;*zoom1;} /* IE5.5~7 브라우저 대응 Hack */
#section_04  .cap_box { float:left; }

#section_04  .cap_box .cb_area{
    position: relative;
    overflow: hidden;
}
#section_04  .cap_box .cb_area:before{
    content: "";
    position: absolute;
    bottom: 5%;
    left: 5%;
    height: 0;
    border-left: 2px solid #fff;
    z-index: 1;
    transition: all 0.2s ease 0.9s;
}
#section_04  .cap_box .cb_area:hover:before{
    height: 90%;
    transition: all 0.2s ease 0s;
}
#section_04  .cap_box .cb_area:after{
    content: "";
    position: absolute;
    top: 5%;
    right: 5%;
    height: 0;
    border-right: 2px solid #fff;
    z-index: 1;
    transition: all 0.2s ease 0.2s;
}
#section_04  .cap_box .cb_area:hover:after{
    height: 90%;
    transition:all 0.2s ease 0.6s;
}
#section_04  .cap_box .cb_area .cb_pic:before{
    content: "";
    position: absolute;
    top: 5%;
    left: 5%;
    width: 0;
    border-bottom: 2px solid #fff;
    z-index: 1;
    transition: all 0.2s ease 0.6s;
}
#section_04  .cap_box .cb_area:hover .cb_pic:before{
    width: 90%;
    transition: all 0.2s ease 0.3s;
}
#section_04  .cap_box .cb_area .cb_pic:after{
    content: "";
    position: absolute;
    bottom: 5%;
    right: 5%;
    width: 0;
    border-bottom: 2px solid #fff;
    z-index: 1;
    transition: all 0.2s ease 0s;
}
#section_04  .cap_box .cb_area:hover .cb_pic:after{
    width: 90%;
    transition: all 0.2s ease 0.9s;
}
#section_04  .cap_box .cb_area .cb_pic img{
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: all 0.5s ease 0s; /*확대속도조절*/
}
#section_04  .cap_box .cb_area:hover .cb_pic img{
    transform: scale(1.1); /*확대크기조절*/
}


#section_05:after {content:""; display:block; clear:both;}
#section_05 { width:1100px;margin:0 auto;margin-bottom:30px;overflow:hidden;*zoom1;} /* IE5.5~7 브라우저 대응 Hack */

#section_06 { position:relative;width:1920px;height:206px;left:50%;margin-left:-960px;margin-bottom:30px; *zoom:1;z-index:1 }

#section_07:after {content:""; display:block; clear:both;}
#section_07 { width:1100px;margin:0 auto;margin-bottom:30px;overflow:hidden;*zoom1;} /* IE5.5~7 브라우저 대응 Hack */

#section_08:after {content:""; display:block; clear:both;}
#section_08 { width:1100px;margin:0 auto; margin-bottom:30px; *zoom1;} /* IE5.5~7 브라우저 대응 Hack */
#section_08 li { float:left;padding-right:19px; } 
#section_08 li.last { float:right;padding-right:0px; } 

#section_08 li img {
    display: block;
    filter: alpha(opacity=60);
    opacity: .6;
    -webkit-opacity: .6;
    transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
}


#section_08 li:hover img {
    filter: alpha(opacity=100);
    opacity: 1.0;
    -webkit-opacity: 1.0;
}



/*사전예약 페이지*/
.reser_wrap{width:1200px;border-radius: 25px; background: radial-gradient(transparent, #dad1d2);;margin-top:30px;margin-bottom: 30px;}
.reser_wrap .reser_model{width: 100%;}
.reser_wrap .reser_btn{width: 100%;font-size:0;padding-bottom: 150px;}
.reser_wrap .reser_btn a{padding:30px 0px;border-radius:20px;;background-color: #2b2b2b;color:#fff;display: inline-block;font-size: 26px;font-weight:600;box-shadow: 4px 4px 10px #c5c1c1;transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.reser_wrap .reser_btn a:hover{background-color: #000; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.reser_wrap .reser_btn.btn1 a{width:45%;}
.reser_wrap .reser_btn.btn2 a{width:37%;margin-right: 15px;}
.reser_wrap .reser_btn.btn3 a{width:30%;margin-right: 10px;}
.reser_wrap .reser_btn.btn4 a{width:37%;margin-right: 15px;margin-bottom: 15px}
.reser_wrap .reser_btn a:nth-last-child(1){margin-right: 0}
.reser_wrap .reser_btn.btn4 a:nth-child(2){margin-right: 0}