/* 웹폰트 */
@font-face {
    font-family: 'BMDOHYEON';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMDOHYEON.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'JejuGothic';
    src: url("../font/JejuGothic.ttf");
    font-weight: normal;
    font-style: normal;
}



body {background-color: #f3e6c4;}

/* a 초기화 */
a {
    display: block;
    text-decoration: none;
    color: inherit;
}

/* 공통 : 상단 무늬 배경 */
.bg {
    width: 1200px;
    height: 283px;
    margin: 0 auto;

    background: url("../images/bg_line.png") no-repeat top center /cover;
    position: relative;
}

/* 공통 : 제목 */
.title_b {
    width: 1200px;
    margin: -41px auto 0;
}

.tilte_line {
    margin-top: 22px;
    background-color: #E58551;
}

.line_left {float: left;}

.line_right {float: right;}

.title_b > h2 {
    font-family: 'BMDOHYEON';
    font-size: 55.57px;
    color: #674A40;
    text-shadow: 2px 2px 0 white, 4px 4px 0 #188699;

    float: left;
}

.title_b::after {content: ""; display: block; clear: both;}


/*---------------------------------------------------*/
/* 컨테이너 1 : 메인 페이지 */
#container_1 {
    width: 100%;
    background-color: white;

    position: relative;
}



/*---------------------------------------------------*/
/* 내비게이션 */ 
#nav {
    width: 100%;
    background-color: #674A40;

    position: fixed;
    top: 0;
    left: 0;

    z-index: 1000;
}

#nav > ul {
    width: 1200px;
    height: 59px;
    margin: 0 auto;
}

#nav > ul > li {
    font-family: 'BMDOHYEON';
    font-size: 17px;
    text-align: center;

    float: left;
}

#nav > ul > li:not(:first-child) > a {
    line-height: 59px;
    color: white;
    padding: 0 39.75px;
}

#nav > ul > li:first-child > a {
    width: 116px;
    height: 23px;
    padding: 18px 39.64px;
}

#nav > ul > li:hover > a {background-color: #E58551;}


/*---------------------------------------------------*/
/* wrap : 로고, 이미지 슬라이드 */
#wrap {
    width: 1920px;
    margin: 59px auto 0;

    position: relative;
}


/* 로고 */
#logo {
    position: absolute;
    top: 33px;
    left: 832px;

    z-index: 6;
}

#logo > img {
    width: 256px;
    height: 256px;

}

/* 이미지 슬라이드 */
#slide {
    width: 100%;;
    height: 636px;

    position: relative;
}

#slide > li {
    position: absolute;
    top: 0;
    left: 0;
}

#slide > li > img {
    width: 1920px;
    height: 636px;
}

#slide > li:nth-child(1) {z-index: 5;}
#slide > li:nth-child(2) {z-index: 4;}
#slide > li:nth-child(3) {z-index: 3;}
#slide > li:nth-child(4) {z-index: 2;}
#slide > li:nth-child(5) {z-index: 1;}



/*---------------------------------------------------*/
/* 컨테이너 2 : 찾아 오시는 길 */
#container_2 {
    width: 100%;
}

/*---------------------------------------------------*/
/* 제목 : 찾아 오시는 길 */
.tilte_line_2 {
    width: 367px;
    height: 11px;
}

.title_b2 > h2 {margin-left: 50px;}

/*---------------------------------------------------*/
/* 위치 지도, 연락처 */
.map {
    width: 1200px;
    margin: 0 auto;
}

.map > img {
    width: 1156px;
    height: 482p;
    margin: 145px 22px 0;
}

.map > p {
    font-family: 'JejuGothic';
    font-size: 23px;
    line-height: 37px;
    margin-top: 27px;
    margin-left: 67px;
    
    float: left;
}

.map > p::after {content: ""; display: block; clear: both;}

.map > P > img {
    width: 37px;
    height: 37px;
    margin-right: 15px;
    float: left;
}

.map::after {content: ""; display: block; clear: both;}

/*---------------------------------------------------*/
/* 자동차로 오시는 길 */
.car {
    width: 1200px;
    height: 402px;
    margin: 145px auto 0;

    position: relative;
}

.car > h3 {
    width: 330px;
    height: 51px;
    padding-left:54px;

    box-sizing: border-box;

    font-family: 'JejuGothic';
    font-size: 27px;
    line-height: 51px;
    color: white;  

    background: url("../images/01_2/ribbon_front.png") no-repeat top left;
    
    position: absolute;
    top: 0;
    left: 0;

    z-index: 9;
}

.car > div {
    width: 88px;
    height: 51px;
    background: url("../images/01_2/ribbon_back.png") no-repeat top left;

    position: absolute;
    top: 51px;
    left: 0;

    z-index: 7;
}

.car > ul {
    width: 1106px;
    height: 377px;
    padding: 48px 0;
    border-radius: 50px;
    background-color: white;

    box-sizing: border-box;

    list-style-type: disc;

    position: absolute;
    top: 25px;
    left: 47px;

    z-index: 8;
}

.car > ul > li {
    font-family: 'JejuGothic';
    font-size: 22.84px;
    line-height: 35px;
    color: #1E1E1E;

    margin-left: 83px;
}

.car > ul > li:not(:last-child) {
    margin-bottom: 9.275px;
}

/*---------------------------------------------------*/
/* 버스로 오시는 길 */
.bus {
    width: 1200px;
    height: 1208px;
    margin: 145px auto 0;

    position: relative;
}

.bus > h3 {
    width: 330px;
    height: 51px;
    padding-left:54px;

    box-sizing: border-box;

    font-family: 'JejuGothic';
    font-size: 27px;
    line-height: 51px;
    color: white;  

    background: url("../images/01_2/ribbon_front.png") no-repeat top left;
    
    position: absolute;
    top: 0;
    left: 0;

    z-index: 9;
}

.bus > div {
    width: 88px;
    height: 51px;
    background: url("../images/01_2/ribbon_back.png") no-repeat top left;

    position: absolute;
    top: 51px;
    left: 0;

    z-index: 7;
}

.bus_way {
    width: 1106px;
    height: 989px;
    padding: 72px 0;
    border-radius: 50px;
    background-color: white;

    box-sizing: border-box;

    position: absolute;
    top: 25px;
    left: 47px;

    z-index: 8;
}

.bus_way > li:not(:last-child) {
    margin-bottom: 24.7px;

    font-family: 'JejuGothic';
    font-size: 22.84px;
    line-height: 35px;
    color: #1E1E1E;
    
    list-style-type: disc;

    margin-left: 83px;
}

.bus_way > li:last-child {
    margin-left: 40px;
}

.bus_way > li:last-child > img {
    width: 1026px;
    height: 726px;
}

/* 버스번호 */
.no_1 {
    display: inline-block;

    width: 53px;
    height: 34px;
    border-radius: 17px;
    background-color: #bf38c7;

    font-size: 19px;
    text-align: center;
    line-height: 34px;
    color: white;
}

.no_2 {
    display: inline-block;

    width: 94px;
    height: 34px;
    border-radius: 17px;
    background-color: #4dc74d;

    font-size: 19px;
    text-align: center;
    line-height: 34px;
    color: white;
}

.no_3 {
    display: inline-block;

    width: 71px;
    height: 34px;
    border-radius: 17px;
    background-color: #bf38c7;

    font-size: 19px;
    text-align: center;
    line-height: 34px;
    color: white;
}

.no_4 {
    display: inline-block;

    width: 76px;
    height: 34px;
    border-radius: 17px;
    background-color: #ebb646;

    font-size: 19px;
    text-align: center;
    line-height: 34px;
}

/* TIP */
.tip {
    width: 362px;
    height: 231px;
    background-color: #E58551;

    position: absolute;
    right: 90px;
    bottom: 0;

    z-index: 10;
}

.tip > li {
    font-family: 'JejuGothic';
    font-size: 27px;
    text-align: center;
    line-height: 58px;
    color: white;
}

.tip_con {
    width: 342px;
    height: 163px;
    margin-left: 10px;
    padding: 6.5px 35px;
    border-radius: 20px;
    background-color: white;

    box-sizing: border-box;
}

.tip_con > li {
    font-family: 'JejuGothic';
    font-size: 22px;
    text-align: left;
    line-height: 30px;
    color: #1E1E1E;
}



/*---------------------------------------------------*/
/* 컨테이너 3 : 관람 및 요금안내 */
#container_3 {
    width: 100%;
    margin-top: 145px;

    position: relative;
}

.tilte_line_3 {
    width: 338px;
    height: 11px;
}

.title_b3 > h2 {margin-left: 57.5px;}

/*---------------------------------------------------*/
/* 관람시간, 이용요금 : 전체(부모) */
.time_charge_all {
    width: 1200px;
    height: 959px;
    margin: 145px auto 0;

    position: relative;
}

/*---------------------------------------------------*/
/* 관람시간 : 제목 */
.time_title_f {
    width: 330px;
    height: 51px;
    padding-left: 54px;

    box-sizing: border-box;

    font-family: 'JejuGothic';
    font-size: 27px;
    line-height: 51px;
    color: white;  

    background: url("../images/01_3/ribbon_front_b.png") no-repeat top center;

    position: absolute;
    top: -26px;
    left: 0;

    z-index: 13;
}

.time_title_b {
    width: 88px;
    height: 51px;
    
    background: url("../images/01_3/ribbon_back.png") no-repeat top center;

    position: absolute;
    top: 25px;
    left: 0;

    z-index: 10;
}

/*---------------------------------------------------*/
/* 이용요금 : 제목 */
.charge_title_f {
    width: 330px;
    height: 51px;
    padding-left: 54px;

    box-sizing: border-box;

    font-family: 'JejuGothic';
    font-size: 27px;
    line-height: 51px;
    color: white;  

    background: url("../images/01_3/ribbon_front_b.png") no-repeat top center;

    position: absolute;
    top: 299px;
    left: 0;

    z-index: 14;
}

.charge_title_b {
    width: 88px;
    height: 51px;
    
    background: url("../images/01_3/ribbon_back.png") no-repeat top center;

    position: absolute;
    top: 350px;
    left: 0;

    z-index: 11;
}

/*---------------------------------------------------*/
/* 관람시간, 이용요금 : 흰색 배경 */
.time_charge_bg {
    width: 1106px;
    height: 959px;
    border-radius: 50px;
    margin: 0 auto;
    background-color: white;

    position: absolute;
    top: 0;
    left: 47px;
    
    z-index: 12;
}

/*---------------------------------------------------*/
/* 관람시간 : 내용 */
.time_con {
    width: 1106px;
    margin-top: 68px;
}

.time_con > img {
    width: 60px;
    height: 60px;
    margin-left: 523px;
}

.time_con > h4 {
    margin-top: 23px;

    font-family: 'JejuGothic';
    font-size: 40px;
    text-align: center;
    color: #1E1E1E;
}

.time_con > p {
    margin-top: 23px;

    font-family: 'JejuGothic';
    font-size: 18px;
    text-align: center;
    color: #1E1E1E;
}

/*---------------------------------------------------*/
/* 이용요금 : 내용 */
.charge_con {
    width: 1106px;
    margin-top: 163px;
}

.charge_con > table {
    width: 1020px;
    height: 440px;
    margin: 0 auto;
}

/* 표 : thead 설정 */
.charge_con > table > thead > tr > th {
    font-family: 'JejuGothic';
    font-size: 25px;
    text-align: center;
    vertical-align: middle;
    color: white;

    background-color: #E58551;
}


.charge_con > table > thead > tr > th:nth-child(1) {
    width: 151px;
    height: 107px;
    
    border-right: 5px solid white;
    border-bottom: 5px solid white;
}

.charge_con > table > thead > tr > th:nth-child(2),
.charge_con > table > thead > tr > th:nth-child(3) {
    width: 237.5px;
    
    border-right: 5px solid white;
    border-bottom: 5px solid white;
}

.charge_con > table > thead > tr > th:nth-child(4) {
    width: 379px;
    border-bottom: 5px solid white;
}

.charge_con > table > thead > tr > th:nth-child(4) > span {
    font-size: 18px;
    text-align: center;
}

/* 표 : tbody 설정 */
.charge_con > table {margin-bottom: 17px;}
.charge_con > table > tbody > tr > td {
    font-family: 'JejuGothic';
    font-size: 25px;
    text-align: center;
    line-height: 35px;
    vertical-align: middle;
    color: #1E1E1E;

    background-color: #e6e7e8;
}

.charge_con > table > tbody > tr:nth-child(1) > td:not(:nth-child(4)),
.charge_con > table > tbody > tr:nth-child(3) > td:not(:nth-child(4)) {
    height: 52px;

    border-right: 5px solid white;
    border-bottom: 5px solid white
}

.charge_con > table > tbody > tr:nth-child(2) > td:not(:nth-child(4)) {
    height: 157px;

    border-right: 5px solid white;
    border-bottom: 5px solid white
}

.charge_con > table > tbody > tr:nth-child(2) > td:nth-child(4) > span {
    font-size: 16px;
}


.charge_con > table > tbody > tr:nth-child(4) > td:not(:nth-child(4)) {
    height: 52px;

    border-right: 5px solid white;
}

.charge_con > table > tbody > tr:not(:nth-child(4)) > td:nth-child(4) {border-bottom: 5px solid white;}

.charge_con > p {
    margin-left: 61px; 
    font-family: 'JejuGothic';
    font-size: 18px;
    line-height: 30px;
    color: #1E1E1E;
}

.charge_con > p:first-child {margin-top: 17px;}


/*---------------------------------------------------*/
/* 유의사항 : 전체(부모) */
.notice {
    width: 1200px;
    height: 534px;
    margin: 95px auto 0;

    position: relative;
}

/*---------------------------------------------------*/
/* 유의사항 : 제목 */
.notice_title_f {
    width: 242px;
    height: 51px;
    padding-left: 54px;

    box-sizing: border-box;

    font-family: 'JejuGothic';
    font-size: 27px;
    line-height: 51px;
    color: white;  

    background: url("../images/01_3/ribbon_front_s.png") no-repeat top center;

    position: absolute;
    top: -26px;
    left: 0;

    z-index: 13;
}

.notice_title_b {
    width: 88px;
    height: 51px;
    
    background: url("../images/01_3/ribbon_back.png") no-repeat top center;

    position: absolute;
    top: 25px;
    left: 0;

    z-index: 10;
}


/*---------------------------------------------------*/
/* 유의사항 : 흰색 배경 */
.notice_bg {
    width: 1106px;
    height: 534px;
    border-radius: 50px;
    background-color: white;

    position: absolute;
    top: 0;
    left: 47px;

    z-index: 11;
}

/* 유의사항 : 내용 */
.icon {
    width: 1200px;
    margin-top: 66px;
    margin-left: 307px;
}

.icon > img:not(:last-child) {margin-right: 48px;}

.notice_bg > ul {
    margin-top: 51px;
    margin-left: 92px; 
    list-style-type: disc;
}

.notice_bg > ul > li {
    font-family: 'JejuGothic';
    font-size: 25px;
    line-height: 45px;
    color: #1E1E1E;
}



/*---------------------------------------------------*/
/* 푸터 */
#footer {
    width: 100%;
    margin-top: 104px;
    background-color: white;
}

.footer_con{
    width: 1200px;
    margin: 0 auto;
    padding: 29px 19px;
}

.footer_con > p {
    font-family: 'JejuGothic';
    font-size: 15px;
}

.footer_con > p:first-child {
    line-height: 25px;

    float: left;
}

.footer_con > p:last-child {
    margin-top: 7px;
    line-height: 26px;

    float: right;
}

.footer_con > p:last-child > a {
    width: 26px;
    height: 26px;
    margin-left: 9px;

    float: right;
}

.footer_con::after {content:""; display: block; clear: both;}