@charset "utf-8";
/* 전 페이지 공통 엘리먼트 및 태그 스타일 */
*
{
    margin: 0;
    padding: 0;
}

@font-face
{
    font-family: 'NotoMrB';
    font-style: normal;
    font-weight: 700;
    src: url('../font/SourceHanSerifKR-Medium_subset.eot');
    src: url('../font/SourceHanSerifKR-Medium_subset.eot?#iefix') format('embedded-opentype'), url('../font/SourceHanSerifKR-Medium_subset.woff2') format('woff2'), url('../font/SourceHanSerifKR-Medium_subset.woff') format('woff');
}

@font-face
{
    font-family: 'NotoKrL';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/notokr/notokr-light.eot');
    src: url('../font/notokr-light.eot?#iefix') format('embedded-opentype'), url('../font/notokr-light.woff2') format('woff2'), url('../font/notokr-light.woff') format('woff');
}

@font-face
{
    font-family: 'NotoKrR';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/notokr/notokr-regular.eot');
    src: url('../font/notokr-regular.eot?#iefix') format('embedded-opentype'), url('../font/notokr-regular.woff2') format('woff2'), url('../font/notokr-regular.woff') format('woff');
}

@font-face
{
    font-family: 'NotoKrM';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/notokr/notokr-medium.eot');
    src: url('../font/notokr-medium.eot?#iefix') format('embedded-opentype'), url('../font/notokr-medium.woff2') format('woff2'), url('../font/notokr-medium.woff') format('woff');
}

@font-face
{
    font-family: 'NotoKrB';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/notokr/notokr-bold.eot');
    src: url('../font/notokr-bold.eot?#iefix') format('embedded-opentype'), url('../font/notokr-bold.woff2') format('woff2'), url('../font/notokr-bold.woff') format('woff');
}

@font-face { font-family: 'NotoKrMyoungB'; font-style: normal; font-weight: 100;
src: url('../font/SourceHanSerifKR-ExtraLight_subset.eot');
src: url('../font/SourceHanSerifKR-ExtraLight_subset.eot?#iefix') format('embedded-opentype'), 
url('../font/SourceHanSerifKR-ExtraLight_subset.woff2') format('woff2'), url('../font/SourceHanSerifKR-ExtraLight_subset.woff') format('woff'); }

body
{
    width: 100%;
    height: 100%;
    font-family: 'nanum-barun-gothic-regular';
    overflow-x: hidden;
}

div
{
    margin: 0 auto;
    text-align: left;
}

fieldset, img
{
    border: none;
}

img
{
    border: 0;
    vertical-align: top;
    border: 0 none;
    padding: 0;
}

h1, h2, h3, h4, h5, h6
{
    font-size: 100%;
}

table
{
    border-collapse: collapse;
}

address, em
{
    font-style: normal;
}

input, textarea
{
    font-family: inherit;
    font-size: 1.05em;
}
/*로그인페이지와 관리자모드의 인풋창 까지 바뀜*/

dl, dt, dd, p
{
    margin: 0;
    padding: 0;
}

ul, li
{
    list-style: none;
    margin: 0;
    padding: 0;
}

hr
{
    display: none;
}

table, tr, td, th, div, p, ul, li, span
{
    font-family: 'NotoKrR';
}


/*2017-04-22 작업시작*/

/* Underline From Center */
.hvr-underline-from-center
{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

    .hvr-underline-from-center:before
    {
        content: "";
        position: absolute;
        z-index: -1;
        left: 50%;
        right: 50%;
        bottom: 0;
        background: #ffffff;
        height: 1px;
        -webkit-transition-property: left, right;
        transition-property: left, right;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before
    {
        left: 0;
        right: 0;
    }


.ov1
{
    display: none;
}

#overlay
{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.9;
    z-index: 99998;
}

.ov1 .modal1
{
    width: 690px;
    height: 100%;
    top: 0%;
    left: 50%;
    margin-left: -345px;
    position: fixed;
    background: #202121;
    z-index: 99999;
}

.modal1 .modal1_fix
{
    width: 200px;
    height: 40px;
    font-family: 'Baskerville Old Face';
    color: #ffffff;
    font-size: 20px;
    line-height: 50px;
    margin-top: 60px;
    text-align: center;
}

.modal1_fix a
{
    color: #ffffff;
}

    .modal1_fix a:visited
    {
        color: #ffffff;
    }

    .modal1_fix a:active
    {
        color: #ffffff;
    }

    .modal1_fix a:hover
    {
        color: #ffffff;
        text-decoration: none;
    }

#close_area2
{
    width: 200px;
    height: 40px;
    font-family: 'Baskerville Old Face';
    color: #ffffff;
    font-size: 36px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
}

.layer_lcon
{
    width: 200px;
    height: 40px;
    color: #c9c5ba;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
}

    .layer_lcon span a
    {
        padding: 10px;
    }

    .layer_lcon a
    {
        color: #c9c5ba;
    }

        .layer_lcon a:visited
        {
            color: #c9c5ba;
        }

        .layer_lcon a:active
        {
            color: #c9c5ba;
        }

        .layer_lcon a:hover
        {
            color: #c9c5ba;
            text-decoration: none;
        }

#close_area
{
    position: fixed;
    right: 18px;
    top: 25px;
    z-index: 9999;
    cursor: pointer;
    width: 36px;
    height: 24px;
}

#wrap
{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}


#main_slides_main
{
    width: 100%;
    height: 100%;
    padding-top: 0;
    position: relative;
    margin: 0 auto;
}

.slides_container_main
{
    width: 100%;
    height: 100%;
}




span.cat_2
{
    font-size: 28px;
    color: #ffffff;
    text-shadow: 0 0 5px #171013;
}

span.cat_4
{
    font-size: 28px;
    color: #ffffff;
    text-shadow: 0 0 5px #171013;
}
a.m_c_s
{
    font-size: 28px;
    color: #f6ffc2;
    text-decoration: none;
}


.sub_bt
{
    position: absolute;
    right: 74px;
    top: 22px;
    z-index: 3000;
}

    .sub_bt ul li
    {
        float: left;
        margin-right: 10px;
    }

#main_slides_main .pagination_main
{
    position: absolute;
    left: 50%;
    margin-left: -60px;
    bottom: 20%;
    z-index: 3000;
    width: 200px;
    height: 30px;
}

.pagination_main li
{
    float: left;
    margin: 0 10px;
}

    .pagination_main li a
    {
        display: block;
        width: 13px;
        height: 13px;
        background: url(../images/off.png) no-repeat;
        float: left;
        overflow: hidden;
    }

    .pagination_main li.current a
    {
        width: 13px;
        height: 13px;
        background: url(../images/on.png) no-repeat;
        background-position: 0 0;
    }


.main_bt
{
    position: fixed;
    right: 74px;
    top: 22px;
    z-index: 3000;
}

    .main_bt ul li
    {
        float: left;
        margin-right: 10px;
    }

.menu_bt
{
    position: fixed;
    right: 18px;
    top: 25px;
    z-index: 3000;
    cursor: pointer;
    width: 36px;
    height: 24px;
}

.main_copy
{
    position: fixed;
    right: 59px;
    bottom: 50px;
    z-index: 300;
}

@media screen and (max-width:1367px) {
	.main_icon { position: fixed; right: 28px; bottom: 100px; z-index: 3000; display:none;}
}
@media screen and (min-width:1367px) and (max-width:1900px) {
	.main_icon { position: fixed; right: 28px; bottom: 100px; z-index: 3000;}
}
@media screen and (min-width:1901px) {
	.main_icon { position: fixed; right: 28px; bottom: 100px; z-index: 3000;}
}
    .main_icon ul li
    {
        display: block;
        margin-bottom: 10px;
    }


#sub1
{
    visibility: hidden;
    width: 150px;
    height: auto;
    position: fixed;
    top: 132px;
    left: 194px;
    z-index: 5004;
    background:rgba(255, 255, 255, 0.8);
	border-top:7px solid #fe7ea8;
	box-shadow: 2px 1px 1px #ebebeb;
}

    #sub1 ul.sub1_ul
    {
        padding-top: 0;
    }

#sub2
{
    visibility: hidden;
    width: 210px;
    height: auto;
    position: fixed;
    top: 167px;
    left: 194px;
    z-index: 5003;
    background:rgba(255, 255, 255, 0.8);
	border-top:7px solid #fe7ea8;
	box-shadow: 2px 1px 1px #ebebeb;
}

    #sub2 ul.sub2_ul
    {
        padding-top: 0;
    }

#sub3
{
    visibility: hidden;
    width: 150px;
    height: auto;
    position: fixed;
    top: 203px;
    left: 194px;
    z-index: 5002;
    background:rgba(255, 255, 255, 0.8);
	border-top:7px solid #fe7ea8;
	box-shadow: 2px 1px 1px #ebebeb;
}

    #sub3 ul.sub3_ul
    {
        padding-top: 0;
    }

#sub4
{
    visibility: hidden;
    width: 220px;
    height: auto;
    position: fixed;
    top: 237px;
    left: 194px;
    z-index: 5001;
    background:rgba(255, 255, 255, 0.8);
	border-top:7px solid #fe7ea8;
	box-shadow: 2px 1px 1px #ebebeb;
}

    #sub4 ul.sub4_ul
    {
        padding-top: 0;
    }

#sub5
{
    visibility: hidden;
    width: 150px;
    height: auto;
    position: fixed;
    top: 203px;
    left: 194px;
    z-index: 5000;
   background:rgba(255, 255, 255, 0.8);
	border-top:7px solid #fe7ea8;
	box-shadow: 2px 1px 1px #ebebeb;
}
	 #sub5 ul.sub5_ul
    {
        padding-top: 0;
    }
#sub6
{
    visibility: hidden;
    width: 150px;
    height: auto;
    position: fixed;
    top: 237px;
    left: 194px;
    z-index: 5000;
    background:rgba(255, 255, 255, 0.8);
	border-top:7px solid #fe7ea8;
	box-shadow: 2px 1px 1px #ebebeb;
}

    #sub5 ul.sub6_ul
    {
        padding-top: 0;
    }


#sub1on
{
    width: 130px;
    height: auto;
    position: fixed;
    top: 86px;
    left: 194px;
    z-index: 5004;
   background:rgba(255, 255, 255, 0.8);
	border-top:7px solid #fe7ea8;
}

#sub2on
{
    width: 130px;
    height: auto;
    position: fixed;
    top: 128px;
    left: 185px;
    z-index: 5003;
   background:rgba(255, 255, 255, 0.8);
	border-top:7px solid #fe7ea8;
}

#sub3on
{
    width: 130px;
    height: auto;
    position: fixed;
    top: 168px;
    left: 165px;
    z-index: 5002;
    background:rgba(255, 255, 255, 0.8);
	border-top:7px solid #fe7ea8;
}

#sub4on
{
    width: 130px;
    height: auto;
    position: fixed;
    top: 208px;
    left: 165px;
    z-index: 5001;
    background:rgba(255, 255, 255, 0.8);
	border-top:7px solid #fe7ea8;
}

#sub5on
{
    width: 130px;
    height: auto;
    position: fixed;
    top: 248px;
    left: 165px;
    z-index: 5000;
    background:rgba(255, 255, 255, 0.8);
	border-top:7px solid #fe7ea8;
}

#sub6on
{
    width: 130px;
    height: auto;
    position: fixed;
    top: 248px;
    left: 165px;
    z-index: 5000;
    background:rgba(255, 255, 255, 0.8);
	border-top:7px solid #fe7ea8;
}

#sub1 li
{
    display: block;
    height: 30px;
    
    width: 150px;
}


#sub2 li
{
    display: block;
    height: 30px;
   
    width: 210px;
}


#sub3 li
{
    display: block;
    height: 30px;
   
    width: 150px;
}

#sub4 li
{
    display: block;
    height: 30px;
   
    width: 220px;
}

#sub5 li
{
    display: block;
    height: 30px;
   
    width: 150px;
}

#sub6 li
{
    display: block;
    height: 30px;
   
    width: 150px;
}

    #sub1 li:last-child, #sub2 li:last-child, #sub3 li:last-child, #sub4 li:last-child, #sub5 li:last-child, #sub6 li:last-child
    {
        border-bottom: none;
    }


#sub1on li
{
    display: block;
    height: 30px;
}

#sub2on li
{
    display: block;
    height: 30px;
}

#sub4on li
{
    display: block;
    height: 30px;
}

#sub5on li
{
    display: block;
    height: 30px;
}

#sub5on li
{
    display: block;
    height: 30px;
}

#sub6on li
{
    display: block;
    height: 30px;
}

li.menu_text01
{
    display: inline;
    color: #a79b93;
    font-size: 14px;
    line-height: 30px;
 
}

    li.menu_text01 a
    {
        color: #7d7d7d;
   
        height: 30px;
        display: block;
    }

        li.menu_text01 a:active
        {
            color: #7d7d7d;
        }

        li.menu_text01 a:visited
        {
            color: #7d7d7d;
        }

        li.menu_text01 a:hover
        {
            color: #3e3e3e;
            height: 30px;
            text-decoration: none;
      
        }

        li.menu_text01 a.on_menu_active
        {
            color: #3e3e3e;
            text-decoration: none;
          
        }

            li.menu_text01 a.on_menu_active:hover
            {
                color: #3e3e3e;
                text-decoration: none;
               
            }

    li.menu_text01 span
    {
        margin-left: 20px;
    }

#wrap .menu_area{width: 229px;height: 651px;margin: 0 auto;position: absolute;left: 25px;top: 33px;z-index: 3000;background: url(../images/menu_bg.png) no-repeat;}

.menu_area .logo
{
    width: 170px;
    height: 43px;
    position: absolute;
    top: 37px;
    left: 20px;
}

p.go_main
{
    color: #ffffff;
    float: right;
    width: 55px;
    line-height: 50px;
    font-size: 14px;
    font-family: 'NotoKrM';
}

.menu_area .menu_tab
{
    width: 170px;
    height: 169px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 2px solid #ffffff;
    margin-top: 80px;
    color: #ffffff;
}

.menu_tab #bt_menu_tab1,
.menu_tab #bt_menu_tab2,
.menu_tab #bt_menu_tab3,
.menu_tab #bt_menu_tab4,
.menu_tab #bt_menu_tab5,
.menu_tab #bt_menu_tab6
{
    cursor: pointer;
    line-height: 35px;
    font-size: 20px;
}

    .menu_tab #bt_menu_tab1.selected
    {
        color: #ff6193;
        width: 170px;
        height: 35px;
    }

    .menu_tab #bt_menu_tab2.selected
    {
        color: #ff6193;
        width: 170px;
        height: 35px;
    }

    .menu_tab #bt_menu_tab3.selected
    {
        color: #ff6193;
        width: 170px;
        height: 35px;
    }

    .menu_tab #bt_menu_tab4.selected
    {
        color: #ff6193;
        width: 170px;
        height: 35px;
    }

    .menu_tab #bt_menu_tab5.selected
    {
        color: #ff6193;
        width: 170px;
        height: 35px;
    }

	 .menu_tab #bt_menu_tab6.selected
    {
        color: #ff6193;
        width: 170px;
        height: 35px;
    }

    .menu_tab #bt_menu_tab1.amenu01
    {
        color: #ff6193;
        width: 170px;
        height: 35px;
    }

    .menu_tab #bt_menu_tab2.amenu02
    {
        color: #ff6193;
        width: 170px;
        height: 35px;
    }

    .menu_tab #bt_menu_tab3.amenu03
    {
        color: #ff6193;
        width: 170px;
        height: 35px;
    }

    .menu_tab #bt_menu_tab4.amenu04
    {
        color: #ff6193;
        width: 170px;
        height: 35px;
    }

    .menu_tab #bt_menu_tab5.amenu05
    {
        color: #ff6193;
        width: 170px;
        height: 35px;
    }

	.menu_tab #bt_menu_tab6.amenu06
    {
        color: #ff6193;
        width: 170px;
        height: 35px;
    }

.menu_tab .tab
{
    width: 170px;
    height: 300px;
}

.tab span
{
    padding-left: 0;
}

.menu_tab .tab a#bt_menu_tab1
{
    float: left;
    width: 170px;
    height: 35px;
    cursor: pointer;
    margin-top: 10px;
}

.menu_tab .tab a#bt_menu_tab2
{
    float: left;
    width: 170px;
    height: 35px;
    cursor: pointer;
}

.menu_tab .tab a#bt_menu_tab3
{
    float: left;
    width: 170px;
    height: 35px;
    cursor: pointer;
}

.menu_tab .tab a#bt_menu_tab4
{
    float: left;
    width: 170px;
    height: 35px;
    cursor: pointer;
}

.menu_tab .tab a#bt_menu_tab5
{
    float: left;
    width: 170px;
    height: 35px;
    cursor: pointer;

}

.menu_tab .tab a#bt_menu_tab6
{
    float: left;
    width: 170px;
    height: 35px;
    cursor: pointer;
    margin-bottom:10px;
}
.menu_tab .tab a
{
    font-size: 16px;
    background: url(../images/menu_off.gif) no-repeat;
}

.tab a span
{
    font-family: 'NotoKrM';
}

.menu_tab .tab a:visited
{
}

.menu_tab .tab a:active
{
}

.menu_tab .tab a:hover
{
    text-decoration: none;
    width: 149px;
    height: 40px;
    line-height: 40px;
}

#menu_tab2, #menu_tab3, #menu_tab4, #menu_tab5, #menu_tab6
{
    display: none;
}



.menu_area .copy_bottom
{
    width: 170px;
    position: relative;
}

.copy_bottom .copy_bottom_line
{
    position: absolute;
    top: 30px;
    border: 0;
    background: #ffffff;
    opacity: 0.6;
    width: 170px;
    height: 1px;
}

.copy_bottom .copy_title
{
    font-size: 12px;
    color: #ffffff;
    margin-top: 30px;
}

.copy_bottom .copy_title a, .copy_bottom .copy_title a:visited, .copy_bottom .copy_title a:active
{
    font-size: 12px;
    color: #ffffff;
    text-decoration:none;
    float:right;
}




.copy_bottom .copy_bottom01
{
	
    font-size: 13px;
    color: #ffffff;
    
    margin-top: 30px;
    line-height: 17px;
    font-family: "NotoKrR";
}

.copy_bottom .copy_bottom02
{
    font-size: 11px;
    color: #ffffff;
   
    line-height: 17px;
    margin-top: 14px;
    font-family: "NotoKrR";
}

.copy_bottom02 a
{
    color: #ffffff;
}

    .copy_bottom02 a:visited
    {
        color: #ffffff;
    }

    .copy_bottom02 a:active
    {
        color: #ffffff;
    }

    .copy_bottom02 a:hover
    {
        text-decoration: none;
        color: #ffffff;
    }

/* index section */

/* 메인페이지 풀스크린 이미지 리사이징 스타일시트*/
#main_slides
{
    width: 100%;
    height: 100%;
    max-height: 1080px;
    background-color: transparent;
}

#contents
{
    width: 100%;
    overflow: hidden;
    float: left;
    position: relative;
    z-index: 0;
    border: 0;
}

#main_slides
{
    position: relative;
}

.slides_container
{
    width: 100%;
    overflow: hidden;
    position: relative;
    background: #7c6a4f;
}


#main_slides > a.prev
{
    position: fixed;
    top: 50%;
    margin-top: -33px;
    right: 0;
    z-index: 100;
    width: 66px;
    height: 66px;
    background: url(../images/prev.gif) no-repeat;
}

#main_slides > a.next
{
    position: fixed;
    top: 50%;
    margin-top: 33px;
    right: 0;
    z-index: 100;
    width: 66px;
    height: 66px;
    background: url(../images/next.gif) no-repeat;
}



#contents
{
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    border: 0;
}

#main_slides
{
    position: relative;
}

.slides_container
{
    width: 100%;
    overflow: hidden;
    position: relative;
    background: #7c6a4f;
}


/* 메인페이지 풀스크린 이미지 리사이징 스타일시트*/

.fullBgImg
{
    width: 100%;
    min-width: 1280px;
    height: 100%;
    min-height: 1080px;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: none;
    z-index: 6;
    overflow: hidden;
}


.fullBgImg3
{
    width: 100%;
    min-width: 1280px;
    height: 100%;
    min-height: 1080px;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: block;
    z-index: 999;
    
}
.fullBgImg3 img {width:100%; height:auto; }
    .fullBgImg .catch_position01
    {
        position: fixed;
        left: 108px;
        bottom: 100px;
        z-index: 7;
    }

    .fullBgImg .catch_position02
    {
        position: fixed;
        right: 65px;
        bottom: 100px;
        z-index: 7;
    }

 .fullBgImg2 .catch_position01
    {
        position: fixed;
        left: 108px;
        bottom: 100px;
        z-index: 66;
    }

    .fullBgImg2 .catch_position02
    {
        position: fixed;
        right: 65px;
        bottom: 100px;
        z-index: 66;
    }

.main_copy01
{
    position: fixed;
    left: 108px;
    bottom: 39px;
    z-index: 7;
}

.main_copy02
{
    position: fixed;
    right: 199px;
    bottom: 39px;
    z-index: 7;
}

.main_copy03
{
    position: fixed;
    right: 66px;
    bottom: 41px;
    z-index: 7;
}



/*객실 스타일시트*/

.fullBgImg2
{
    width: 100%;
    height: auto;
    min-height: 633px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: block;
    z-index: 6;
    overflow: hidden;
}

    .fullBgImg2 img
    {
        width: 61%;
        height: auto;
    }



/*객실 스타일시트 종료*/

#wrap table.sub_divide
{
    width: 100%;
    height: auto;
    min-width: 1366px;
}


    td.sub_divide_left
    {
        width: 300px;
        height: 1000px;
        position: relative;
    }

    .sub_divide_left .img_low
    {
        width: 300px;
        height: 100%;
        position: fixed;
        z-index: 4;
        left: 0;
        top: 0;
    }

        .sub_divide_left .img_low img
        {
            width: 300px;
            height: 100%;
            max-width: 340px;
        }

    .sub_divide_left_bg01 {width:300px; height:1000px; background: url(../images/sub_menu_bg01.jpg) no-repeat; position: fixed; top: 0; left: 0; z-index: 2;}
	.sub_divide_left_bg02 {width:300px; height:1000px; background: url(../images/sub_menu_bg02.jpg) no-repeat; position: fixed; top: 0; left: 0; z-index: 2;}
	.sub_divide_left_bg03 {width:300px; height:1000px; background: url(../images/sub_menu_bg03.jpg) no-repeat; position: fixed; top: 0; left: 0; z-index: 2;}
	.sub_divide_left_bg04 {width:300px; height:1000px; background: url(../images/sub_menu_bg04.jpg) no-repeat; position: fixed; top: 0; left: 0; z-index: 2;}
	.sub_divide_left_bg05 {width:300px; height:1000px; background: url(../images/sub_menu_bg05.jpg) no-repeat; position: fixed; top: 0; left: 0; z-index: 2;}
	.sub_divide_left_bg06 {width:300px; height:1000px; background: url(../images/sub_menu_bg06.jpg) no-repeat; position: fixed; top: 0; left: 0; z-index: 2;}


.sub_tel
{
    width: 229px;
    height: 178px;
    border: 1px solid #bbb7a6;
    text-align: center;
    position: fixed;
    z-index: 5;
    left: 45px;
    top: 483px;
}

    .sub_tel p.sub_tel01
    {
        color: #ffffff;
        font-size: 24px;
        margin-top: 20px;
        font-family: 'NotoKrR';
    }

    .sub_tel p.sub_tel02
    {
        color: #ffffff;
        font-size: 17px;
        margin-top: 6px;
    }

    .sub_tel p.sub_tel03
    {
        color: #ffffff;
        font-size: 14px;
        margin-top: 8px;
    }

    .sub_tel p.sub_tel_p
    {
        width: 200px;
        height: 1px;
        border: 0;
        background: #a6988a;
        margin-left: 15px;
        margin-top: 20px;
    }

    .sub_tel p.sub_tel04
    {
        color: #ffffff;
        font-size: 22px;
        margin-top: 10px;
        font-family: 'NotoKrR';
    }

td.sub_divide_right
{
	
    height: 100%;
    min-width: 1092px;
	position: relative;
	margin:0 auto;
	

}



.sub_left
{
    position: fixed;
    left: 57px;
    top: 617px;
}




.subvisual #div2
{
    width: 100%;
    height: 49px;
    background: #809e4e;
    position: fixed;
    top: 0;
    right: 0%;
    z-index: 3;
    display: none;
}

/* sub */

#div2 .sub_right_dot {width: 100%;}

.sub_right_dot .sub_right_dot_fix {width: 1020px; height: 64px; text-align: center;}


/* 텝 제 1분류 영역*/

td.sub_divide_right .subcontent_fix {width:100%; margin:0 auto;}
subcontent_fix .subcontent {width: 1020px; height: auto; float:left; background:#ffffff; min-height:1010px; padding-bottom:50px; margin:0 auto; }
.subcontent .title1 {width:1020px; text-align:center; color:#796f6f; font-size:32px; padding-top:30px;}
.title1 p {font-size:14px; color:#796f6f;}
.subcontent .title_navi {height:15px; text-align:right; padding:32px 60px 0 0; font-size:14px; color:#878787;}
.title_navi span {padding:0 15px 0 15px;}
.subcontent .sub_navi_area {width: 1020px; height: auto; }

.sub_navi_area .subnavi {width: 1020px; height: auto; text-align: center; }

.subnavi ul.ul01 {text-align: center; margin-top: 30px;}
.subnavi ul.ul02 {text-align: center; margin-top: 10px;}

.subnavi li {height: 62px; display: inline;  padding: 0; margin: 0; margin-left:-3px;}
.subnavi ul li a {font-size: 20px; padding:18px 20px 18px 20px;}
.subnavi ul li a span {}

.subnavi ul li a.sub_on {height: 62px;color: #6a635b; text-decoration: none; background: #ffffff;line-height: 62px; border-bottom: 2px solid #c4c4c4;}
.subnavi ul li a.sub_on:hover {height: 62px; color: #6a635b; text-decoration: none; background: #ffffff; line-height: 62px; border-bottom: 2px solid #ff6193;}

.subnavi ul li.on_menu_active a {height: 62px; color: #6a635b; text-decoration: none; background: #ffffff; line-height: 62px; border-bottom: 2px solid #ff6193;}
.subnavi ul li.on_menu_active a:hover {height: 62px; color: #6a635b; text-decoration: none; background: #ffffff; line-height: 62px; border-bottom: 2px solid #ff6193;}

/* 텝 제 1분류 영역 종료*/


/* 텝 제 2분류 영역*/

.subnavi2 {width: 100%; height: auto; text-align: center; }

.subnavi2 ul.ul01 {text-align: center; margin-bottom: 30px;}

.subnavi2 li {height: 50px; display: inline;  padding: 0; margin: 0; margin-left:10px;}
.subnavi2 ul li a {font-size: 16px; padding:18px 20px 18px 20px;}
.subnavi2 ul li a span {}

.subnavi2 ul li a.sub_on2 {height: 50px; color: #6a635b; text-decoration: none; line-height: 50px; border: 1px solid #c4c4c4;}
.subnavi2 ul li a.sub_on2:hover {height: 50px; color: #ffffff; text-decoration: none; background: #ff6193; line-height: 50px; border: 1px solid #ff6193;}

.subnavi2 ul li.on_menu_active2 a {height: 50px; color: #ffffff; text-decoration: none; background: #ff6193; line-height: 50px; border: 1px solid #ff6193;}
.subnavi2 ul li.on_menu_active2 a:hover {height: 50px; color: #ffffff; text-decoration: none; background: #ff6193; line-height: 50px; border: 1px solid #ff6193;}

/* 텝 제 2분류 영역 종료*/


.subcontent .subject1 {width: 900px; height: auto; margin:0 auto; min-height: 500px; position: relative; padding-top:48px; }

.subject1 .map_text {position: absolute; top: 0; left: 0;}

span.map_text01 {color: #849f84; font-size: 20px; line-height: 30px;}

span.map_text02 {color: #ac9c92; font-size: 16px; line-height: 30px;}

span.map_text03 {color: #867264; font-size: 16px; line-height: 24px;}

span.map_text04 {color: #6b5032; font-size: 20px; line-height: 30px;}

span.map_text05 {color: #856f56; font-size: 16px; line-height: 30px;}

span.map_icon01
{
    color: #ffffff;
    background: #b8383d;
    font-size: 16px;
    padding: 10px 20px 10px 20px;
}

span.map_icon02
{
    color: #ffffff;
    background: #4caf50;
    font-size: 16px;
    padding: 5px 10px 5px 10px;
}

span.map_icon03
{
    color: #ffffff;
    background: #889823;
    font-size: 16px;
    padding: 5px 10px 5px 10px;
}

/* copy */
.copy
{
    width: 100%;
    height: 10px;
    margin-top: 30px;
    clear: both;
    display: block;
}

    .copy .copy_fix
    {
        width: 800px;
        height: 10px;
        position: relative;
    }

.copy_fix p
{
    font-size: 11px;
    color: #737373;
    text-align: right;
    padding-top: 9px;
}

.copy_fix .top_main
{
    position: absolute;
    z-index: 9;
    bottom: 146px;
    right: 0;
    display: none;
}

.copy_fix .top
{
    position: fixed;
    z-index: 9;
    bottom: 3%;
    right: 2%;
}

.copy_fix p span
{
    color: #7c6a4f;
}

.copy_fix p a.webplan,
.copy_fix p a.webplan:hover
{
    color: #737373;
}


.copy_fix p a,
.copy_fix p a:hover
{
    color: #737373;
}


div.menu_dark
{
    top: 0;
    left: 0;
    position: fixed;
    background: url('/images/menu_dark.png') no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 6;
    opacity: 0.5;
}


div.main_dark
{
    top: 0;
    left: 0;
    position: fixed;
    background: url('/images/main_dark.png') no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 6;
    opacity: 0.15;
}


td.map_ti
{
    background: #f8f6ea;
    border-left: 1px solid #e0dbd4;
    border-bottom: 1px solid #e0dbd4;
    color: #3d3d3d;
    font-size: 15px;
    padding-left: 20px;
    line-height: 45px;
}

td.map_tx
{
    border-bottom: 1px solid #e0dbd4;
    color: #5c5c5c;
    line-height: 45px;
    padding-left: 20px;
    font-size: 15px;
}

td.red_tx
{
    color: #a32424;
    font-family: 'NotoKrM';
    font-size: 16px;
    line-height: 25px;
}

td.top_gr
{
    border-top: 1px solid #899447;
}


span.zz1
{
    font-family: '돋움';
}