html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th,td,abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video {
 margin: 0; padding: 0; border: 0; outline: 0;  vertical-align: baseline; background: transparent;}
abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block;}
body {line-height:18px; font-family: "돋움", "dotum", "sans-serif"; font-size:12px;color:#666;}

ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
a {color:#666;text-decoration:none;}
.clearfix{clear:both;}
.f_bold{font-weight:bold;}
.f_bold_n{font-weight:normal;}
.MB_0{margin-bottom:0!important;}
.fR{float:right;}
.fL{float:left;}
.fL{float:left;}
.fC{text-align:center;}
.fB{font-weight:bold;}
.top_10 {padding-top:10px;}
.top_30 {padding-top:30px;}
.top_100 {padding-top:100px;}
.right_50 {padding-right:50px;}
.bottom_30 {padding-bottom:30px;}
.bottom_10 {padding-bottom:10px;}
 
body{position:relative; background:#F5F5F5;}
#header{position:relative; width:100%; z-index:1000; height:160px; background:url(../img/top_bg.gif) no-repeat top center;}
#header section {width:1000px; height:160px; margin:0 auto ; position:relative;}
#header nav {position:absolute; width:1000px; height:50px; top:105px; margin:0 auto;  z-index:1000; margin: 0 auto;} 
#header section div.top_fa {position:absolute; width:63px; height:67px; top:0; z-index:1000; right:0;}
.contents_box {height:auto !important; position:relative; width:100%; }
.contents_box_room {position:relative; width:100%; height:790px; background:url(../img/room_bg.jpg) no-repeat center 130px;}
ul.room_list {margin:0 auto ; width:760px; padding-top:120px;}
ul.room_list li {display:inline; float:left; font-size:0; line-height:0;}

#top_menu {position:relative; z-index:1000; width:1000px; height:75px; float:right; padding-top:2px;}
#top_menu .gnb {width:1000px; overflow:hidden; height:75px;float:right;}
#top_menu .gnb li {float:left;}
#top_menu .gnb li a { display:block; height:50px; overflow:hidden; float:left;}
#top_menu .gnb li.current a img, #top_menu .gnb li a:hover img {margin-top:-50px;}
#top_menu .gnb .dep{ position:absolute; padding:0 5px; display:none; margin-top:45px;}
#top_menu .gnb .dep li a{ display:block; height:20px; overflow:hidden; padding:0 5px; background:#E9354C;}
#top_menu .gnb .dep li a img {margin-top:0;},
#top_menu .gnb .dep li a.current img, #top_menu .gnb .dep li a:hover img {margin-top:0;}
.submenu1 {left:80px; }
.submenu2 {left:190px; }
.submenu3 {left:300px; }
.submenu4 {left:400px; }
.submenu7 {left:840px; }

.contents_2 {position:relative; width:1000px; margin:0 auto; padding-top:40px;}
#content-area {width:1000px; position:relative; padding:80px 0 30px 0; z-index:1000;}
.sicon {position:absolute; width:32px; height:44px; top:154px; margin:0 auto;  z-index:1002; right: 50%; margin: 0 468px 0 0;}
.sub_menu{width:100%; position:absolute; border-top:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0; height:38px; margin-top:90px; z-index:1001;}
.sub_menu ul {margin:0 auto ; width:1000px;}
.sub_menu ul li {display:inline; float:left; font-size:0; line-height:0; padding-top:5px; padding-right:10px;}
.sub_title{width:1000px; height:50px;}
.sub_title h2{position:relative; width:500px;}
#location {float:right; width:500px; height:50px; text-align:right; padding-top:10px;}
#location .current {font-weight:bold;}
#location img{vertical-align:middle;}

.quickmenu {position:absolute; width:80px; margin:0 auto; height:200px; top:350px; z-index:1000; right: 50%; margin: 0 -647px 0 0;}

.con_main{width:100%; float:left; display:inline; height:400px; z-index:10000;}
.main_sub222{min-height:400px!important;height:400px;}
.contents{width:1250px; height:400px; margin:0 auto; position:relative; margin-top:15px;}
.contents li{float:left!important; float:left; font-size:0; line-height:0;}
div.size_01{width:250px;height:180px;position:relative;}
div.size_02{width:250px;height:110px;position:relative; background:url(../img/mcon_bg.gif) no-repeat 0 0;}
div.size_02 div.box{
    width:230px;
    height:80px;
    padding-top:15px;
    margin:0 auto;
}

div.size_02 div.box a{
    display:block;
}

div.size_02 div.box img{
    display:block;
    max-width:100%;
    height:auto;
}
/* 퀵버튼 전용 */
div.size_02 div.quick_box{
    height:auto;
    padding-top:10px;

    display:flex;
    justify-content:space-between;
    align-items:center;
}

div.size_02 div.quick_box a{
    display:block;
}

div.size_02 div.quick_box img{
    display:block;
    max-width:100%;
    height:auto;
}
div.size_03{width:250px;height:330px; position:relative;}
div.size_04{width:1000px;height:70px;position:relative; background:url(../img/mcon_bottom.gif) no-repeat 0 0;}
div.size_04 ul.micon {padding-right:15px;}
div.size_04 ul.micon li {padding:15px 7px; float:left; display:inline;}

#footer {float:left;  position:relative; width:100%; background:url(../img/copy_bg.gif) repeat-x 0 0; height:65px; margin-top:30px; z-index:10001;}
#footer section{width:1000px; margin:0 auto; position:relative; font-size:11px; font-weight:bold; color:#ffffff; padding-top:20px; text-align:center; line-height:16px;}
#footer section div.btn {position:absolute; right:0; top:20px;}


.btn_close {left:600px; width:80px; height:20px;}
.room_box {width:980px; height:530px; padding:10px; background-image:url(../img/room_box.gif); background-position:0 0; float:left;}
.btn_price {position:absolute; left:30px; top:460px; width:150px; height:30px;}

/*table01*/
.table01{ border-top:2px solid #F0A6C0; border-bottom:2px solid #F0A6C0; color:#333; margin-bottom:20px; margin-bottom:15px;}
.table01 th{ padding:7px 0 5px 0; border-color:#c9c9c9; border-style:none none solid none;  border-bottom:solid 1px #EE87A7; border-right:solid 1px #F0ACB9; background:#FEF1F3; color:#DE759A;}
.table01 th.fir{border-left:solid 1px #F0ACB9;}
.table01 th.fir4{border-left:solid 1px #F0ACB9;border-right:solid 1px #F0ACB9; text-align:center;}
.table01 td{ padding:5px 7px 3px 7px; border-right:solid 1px #c9c9c9; border-bottom:solid 1px #c9c9c9; text-align:center; font-size:11px;}
.table01 td.fir1{border-left:solid 1px #c9c9c9; color:#EE87A7; font-weight:bold; background:#F6F7F8;  text-align:center;}
.table01 td.fir2{border-left:solid 1px #c9c9c9; color:#EE87A7; font-weight:bold; background:#F6F7F8;  text-align:center;}
.table01 td.fir3{border-left:solid 1px #c9c9c9; color:#4374D9; font-weight:bold; background:#F6F7F8;  text-align:center;}
.table01 td.tl{text-align:left;}
.table01 caption {font-size:0; line-height:0;}

ul.list li {background:url(../img/dot_1.gif) no-repeat 6px 4px; padding:0 0 7px 15px;}
.btn_reser {width:1000px; height:50px;}
.btn_reser ul {text-align:center;}
.btn_reser ul li {padding:0 15px; display:inline;}

h3.img {padding:20px 0 5px 0; width:1000px; height:50px;}

.effectContainer {width:1250px; height:480px; overflow:hidden; z-index:100; padding:15px;}
.slide{position:relative; width:1250px; height:450px;padding:15px;}
div.fadenav{position:absolute; bottom:55px; right:55px;}
div.fadenav a{display:block; width:50px; height:8px; float:left; overflow: hidden; background:url(../img/fd_01.png); margin-right:7px;}
div.fadenav a.current{background:url(../img/fd_02.png);}
div.fadenavrightQuickMenu a.current{background:url(../img/fd_02.png);}
.effectContainer2 {width:790px; height:530px; overflow:hidden; z-index:100; padding:0px;}
.effectContainer2 .slide{position:relative; width:790px; height:530px;padding:0px;}
.effectContainer2 div.fadenav{position:absolute; bottom:15px; right:15px;}
.effectContainer2 div.fadenav a{display:block; width:40px; height:8px; float:left; overflow: hidden; background:url(../img/fd_01.png); margin-right:4px;}
.effectContainer2 div.fadenav a.current{background:url(../img/fd_02.png);}
.effectContainer2 div.fadenavrightQuickMenu a.current{background:url(../img/fd_02.png);}


.main_f {width:1250px; height:480px; margin:0 auto; position:relative; margin-top:15px;background-image:url(../img/mainf_bg.jpg);background-position:0 0;}

/* ================================
   HEADER / MENU
================================ */

#navwrap_bg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:9999;

    background:url('/assets/img/top_bg.gif') repeat-x top center;

    transition:all .3s ease;
}
#navwrap{
    width:1200px;
    max-width:95%;
    height:60px;
    margin:0 auto;

	position:relative;

    display:flex;
    align-items:center;
    justify-content:center;
}


/* ================================
   LOGO
================================ */

#logo{
    display:flex;
    align-items:center;
}

#logo img{
    max-height:62px;
    display:block;
}


/* ================================
   MENU
================================ */

#nav{
    display:flex;
    align-items:center;

    margin:0;
    padding:0;
    list-style:none;
}

#nav > li{
    position:relative;
    margin-right:30px;
}

#nav > li > a{
    position:relative;

    display:block;
    padding:35px 20px;

    color:#000;
    font-size:15px;
    font-weight:900;
    letter-spacing:-0.3px;
    text-decoration:none;

    transition:all .25s ease;
}


/* hover line */

#nav > li > a::after{
    content:'';

    position:absolute;
    left:50%;
    bottom:24px;

    width:0;
    height:2px;

    background:#d21e1e;

    transform:translateX(-50%);
    transition:all .3s ease;
}

#nav > li:hover > a::after,
#nav > li.nav_on > a::after{
    width:55%;
}


/* hover effect */

#nav > li:hover > a,
#nav > li.nav_on > a{
    color:#d21e1e;
    opacity:1;
}

#nav > li > a{
    opacity:.9;
}


/* ================================
   MOBILE
================================ */

.mobile_menu_btn{
    display:none;
}


/* ================================
   RESPONSIVE
================================ */

@media screen and (max-width:1024px){

    #navwrap{
        height:85px;
    }

    #nav > li > a{
        padding:30px 14px;
        font-size:15px;
    }
}


@media screen and (max-width:768px){

    #navwrap_bg{
        background:rgba(0,0,0,0.4);
        backdrop-filter:blur(10px);
    }

    #navwrap{
        height:auto;
        flex-direction:column;
        align-items:flex-start;

        padding:15px 0;
    }

    #logo{
        width:100%;
        justify-content:center;
        margin-bottom:10px;
    }

    #nav{
        width:100%;
        flex-direction:column;
    }

    #nav > li{
        width:100%;
        margin-left:0;
    }

    #nav > li > a{
        padding:16px 20px;
        border-top:1px solid rgba(255,255,255,0.08);
    }

    #nav > li > a::after{
        display:none;
    }

    .sub_menu{
        position:static;

        opacity:1;
        visibility:visible;

        transform:none;

        width:100%;
        min-width:100%;

        border-radius:0;
        box-shadow:none;

        background:rgba(255,255,255,0.08);

        display:none;
    }

    #nav > li:hover .sub_menu{
        display:block;
    }

    .sub_menu li a{
        color:#fff;
        font-size:13px;
    }

    .sub_menu li a:hover{
        background:rgba(255,255,255,0.08);
    }
}

.main_notice_list{
    margin:0;
    padding:0;
    list-style:none;
}

.main_notice_list li{
    border-bottom:1px dotted #ddd;
}

.main_notice_list li a{
    display:block;
	width:200px;
    justify-content:space-between;
    align-items:center;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;

    padding:10px 10px;

    color:#555;
    text-decoration:none;

    font-size:13px;

    transition:all .2s ease;
}

.main_notice_list li a:hover{
    color:#000;
}

.main_notice_list .subject{
    width:150px;

    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.main_notice_list .date{
    color:#999;
    font-size:11px;
}

@media screen and (max-width:768px){

    div.size_02{
        width:100%;
        height:auto;
        background-size:cover;
    }

    div.size_02 div.box{
        width:95%;
        padding:15px 0;
    }

    div.size_02 div.box a{
        width:32%;
    }

}