@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
/* 내용관리 */

.ctt_admin {text-align:right;padding:0}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0}
.ctt_img {text-align:center}

*{
	font-family: "Noto Sans KR",sans-serif;
}

#ctt_con .title2 {
    margin-top: 50px;
}


/*우리펜션이야기 Section Start*/

#ctt_con section.intro_section .intro-bottom img{
    float: left;
    display: block;
}


/*바꿔*/
#ctt_con  section.intro_section div.intro_img_box{
    background-image: url("http://ijinsan.kr/theme/companyBts/img/p_service/service0.jpg");
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 500px;
}

#ctt_con section.intro_section span , #ctt_con section.intro_section div {
    font-size: medium;
}

@media screen and (max-width:657px){
    #ctt_con section.intro_section  span {
        font-size: medium;
    }
    #ctt_con section.intro_section div{
        font-szie: small;
    }
}

@media screen and (max-width: 425px){
    #ctt_con section.intro_section div.intro_img_box{
        background-position: 450px 0;
    }
}
/*end*/


/*펜션서비스 부분*/


#ctt_con .business{
    width: 100%;
    margin: 20px 0 ;
}

#ctt_con section.service_p .txt_area{
    width: 40%;
    float: right;
}




/*바꿔*/
#ctt_con section.service_p .img_box-1 {
    width: 50%;
    height: 300px;
    background-image: url("http://ijinsan.kr/theme/companyBts/img/p_service/service1.jpg");
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    float: left;
}

/*바꿔*/
#ctt_con section.service_p .img_box-2 {
    width: 50%;
    height: 300px;
    background-image: url("http://ijinsan.kr/theme/companyBts/img/p_service/service2.jpg");
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    float: left;
}


/*바꿔*/
#ctt_con section.service_p .img_box-3 {
    width: 50%;
    height: 300px;
    background-image: url("http://ijinsan.kr/theme/companyBts/img/p_service/service3.jpg");
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    float: left;
}

/*바꿔*/
#ctt_con section.service_p .img_box-4 {
    width: 50%;
    height: 300px;
    background-image: url("http://ijinsan.kr/theme/companyBts/img/p_service/service4.jpg");
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    float: left;
}



@media screen and (max-width: 768px) {
    #ctt_con section.service_p .txt_area{
        width: 100%;
        float: none;
        display: block;
    }

    #ctt_con section.service_p .img_box-1 {
        width: 100%;
        height: 300px;
        float: none;
    }

    #ctt_con section.service_p .img_box-2 {
        width: 100%;
        height: 300px;
        float: none;
    }


    #ctt_con section.service_p .img_box-3 {
        width: 100%;
        height: 300px;
        float: none;
    }

    #ctt_con section.service_p .img_box-4 {
        width: 100%;
        height: 300px;
        float: none;
    }

}



/*end*/

/*section width , margin setting*/
/*주변여행지 section 수정*/

#ctt_con section.tours{
    width: 350px;
    margin: 30px 13px;
    overflow: hidden;
}
@media only screen and (max-width: 425px) {
    #ctt_con section.tours{
        width: 320px;
    }
}
@media only screen and (max-width: 320px){
    #ctt_con section.tours{
        width: 248px;
    }
}

#ctt_con section img{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    height: auto;
}

/*바꿔*/
#ctt_con section .i_first{
    content:url("http://bdmp-003.cafe24.com/bizdemo41068/img/design/sub1c_img1.jpg");
}

/*바꿔*/
#ctt_con section .i_second{
    content:url("http://bdmp-003.cafe24.com/bizdemo41068/img/design/sub1c_img2.jpg");
}

/*바꿔*/
#ctt_con section .i_third{
    content:url("http://bdmp-003.cafe24.com/bizdemo41068/img/design/sub1c_img3.jpg");
}
/*주변관광지 수정부분.

추가 사용시 img class 추가하여 css content: url 을 이용하여 수정한다.*/



#ctt_con  div.intro-bottom  img{
	
	width: 380px;
}






#ctt_con span{
    font-weight: 900;
}

/*객실 전체보기. css*/
#ctt_con p{
    margin: 0;
}

#ctt_con .post_introduce ul {
    font-size: 1.3em;
}

#ctt_con .post_introduce > ul > li{
    margin-left: 30px;
    margin-top: 20px;
    list-style: circle;
    font-size: 0.8em;
}


#ctt_con .art_body section {
    display: inline-block;
    text-align: center;
    margin-bottom: 30px;
    width: 49.5%;
}

#ctt_con section.bundle-3 {
    width: 100%;
}

#ctt_con section .img_box{
    display: inline-block;
    width: 100%;
    height: 500px;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#ctt_con section p{
    display: block;
    width: 100%;
    font-size: 1.5em;
    font-weight: bold;
}

#ctt_con section p{
    font-size: 1.5em;
}


#ctt_con section a{
    text-decoration: inherit;
    color: inherit;
}


#ctt_con div.refund > ul > li{
    margin-left: 30px;
    margin-top: 10px;
    list-style: circle;
}

#ctt_con div.refund  strong{
    color: red;
}

#ctt_con div.loca_des ul {
    list-style: circle;
    margin-left: 30px;
}




@media screen and (max-width: 425px) {
    #ctt_con .art_body section .img_box  {
        margin-right: 0;
        width: 100%;
        height: 300px;
    }
	
	#ctt_con div.intro-bottom img{
		width: 370px;
	}

}
@media screen and (max-width: 375px) {
    #ctt_con .art_body section .img_box {

        width: 310px;
    }
	#ctt_con div.intro-bottom img{
		width: 320px;
	}
}
    @media screen and (max-width: 325px) {
    #ctt_con .art_body section .img_box {

        width: 255px;
    }
	#ctt_con div.intro-bottom img{
		width: 270px;
	}

}

#ctt_con section > a{
    text-align: center;
    display: block;
}

/*바꿔*/
#ctt_con .bundle-1 .img_box{
    background-image: url("http://ijinsan.kr/theme/companyBts/img/p_contact/room1.jpg");
}

/*바꿔*/
#ctt_con .bundle-2 .img_box{
    background-image: url("http://ijinsan.kr/theme/companyBts/img/p_contact/room2.jpg");
}

/*바꿔*/
#ctt_con .bundle-3 .img_box{
    background-image: url("http://ijinsan.kr/theme/companyBts/img/p_contact/room3.jpg");
}

#ctt_con section > a{
    display: block;
}


/*room a~d property*/

#ctt_con .room_img >div {
    display: block;
    width: 100%;
    height: 500px;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 2%;
}



/*table property*/

/*Responsive table re-sizing*/
table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}

table caption {
    font-size: 1.5em;
    margin: .5em 0 .75em;
    text-align:left;
    color: skyblue;
}

table tr {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    padding: .35em;
}

table th,
table td {
    padding: .625em;
    text-align: center;
}

table th {
    font-size: .85em;
    letter-spacing: .1em;
    text-transform: uppercase;
}

@media screen and (max-width: 600px) {
    table {
        border: 0;
    }

    table caption {
        font-size: 1.3em;
    }

    table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    table tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }

    table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
    }

    table td::before {
        /*
        * aria-label has no advantage, it won't be read inside a table
        content: attr(aria-label);
        */
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    table td:last-child {
        border-bottom: 0;
    }
}


/*contact us  오시는길*/

#ctt_con .row .portfolio-item .card .c_img{
    width: 100%;
    height: 300px;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#ctt_con .row .portfolio-item .card .card-body .card-title{
    background-color: white;
    color: black;
    padding: 20px;
    border: 0.5px solid #dfdfdf;
    text-align: center;
	font-size: 1.2em;
}



/*바꿔*/
#ctt_con .row .portfolio-item .card .card_img1{
    background-image: url("http://ijinsan.kr/theme/companyBts/img/p_map/1.jpg");
}

#ctt_con .row .portfolio-item .card .card_img2{
    background-image: url("http://ijinsan.kr/theme/companyBts/img/p_map/2.jpg");
}

#ctt_con .row .portfolio-item .card .card_img3{
    background-image: url("http://ijinsan.kr/theme/companyBts/img/p_map/3.jpg");
}

#ctt_con .row .portfolio-item .card .card_img4{
    background-image: url("http://ijinsan.kr/theme/companyBts/img/p_map/4.jpg");
}

#ctt_con .row .portfolio-item .card .card_img5{
    background-image: url("http://ijinsan.kr/theme/companyBts/img/p_map/5.jpg");
}

#ctt_con .row .portfolio-item .card .card_img6{
    background-image: url("http://ijinsan.kr/theme/companyBts/img/p_map/6.jpg");
}



#ctt_con .row .col-lg-4{
    width: 50%;
}



@media only screen and (max-width: 1024px){
    #ctt_con .art_body section {
        width: 100%;
    }

    #ctt_con .row .col-lg-4{
        width: 100%;
    }

    #ctt_con .row .col-lg-4 h4{
        font-size: 1.2em;
    }


}