.route-title-section{
    margin-top:70px;
}

.route-title-section h2{
    font-weight: 900;
}

.route-title-section h5{
    margin-top:15px;
}

.map-section{
    margin-top:60px;
}

.mini-title{
    font-size:20pt;
    font-weight: 900;
    /* padding-left:30px; */
    padding-bottom:20px;
}

.mini-title::before {
    padding-right: 20px;
    background-image: url('../images/title-icon.png');
    background-size: 20px 20px;
    position: absolute;
    width: 20x; 
    height: 20px;
    top:2px;
    content:"";
}

.mini-title span{
    font-weight: 700;
    margin-left:30px;
}

.mini-contents{
    width:100%;
    border:1px solid #ddd;
    min-height:470px;
    padding:30px;
}

.mini-contents p {
    /* font-size: 12pt; */
    /* color:#444; */
    margin-top:15px;
}

.mini-contents h4{
    font-weight: 700;
}

ul.mini-info {
    list-style-type: disc;
    margin-left:14px;
    margin-top:15px;
    font-size: 1rem;
}

.mini-info li {
    height:30px;
}

.mini-info-title{
    color:#5aa05f;
    font-weight: 900;
}

.mini-info li:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 5px;
    width: 2px;
    height: 2px;
    border-radius: 100%;
    background-color: #5aa05f;
  }

/* 하단 경로 표시 *****************************/

.web-km{display:block;}
.pad-km-mid{display:none;}

.path-info{
    margin-top:40px;
}

.path-info-detail{
    margin-top:10px;
    padding:60px;
    background-color: #f9f8f8;
    overflow: auto;
}

.info-area-3{
    min-height: 370px;
}

.info-area-2{
    min-height: 270px;
}

.info-area-1{
    min-height: 170px;
}

.path-area{
    float:left;
    width:100%;
}



.path-area-right{
    float:right;
    width:100%;
}

.path-area-right div{
    float:right;
}

.path-contents div{
    float:left;
}

.path-box{
    width:118px;
    border:1px solid #5aa05f;
    border-radius: 20px;
    min-height:44px;
    line-height: 43px;
    text-align: center;
    background-color: #def4ca;
    font-size:14px;
    color:#568b2b;
    font-weight:600;
}

.path-line {
    width:70px;
    min-height:44px;
    line-height: 43px;
    text-align: center;
}

.path-line hr{
    margin-top:23px;
    background:#5aa05f;
}

.path-line div{
    position: absolute;
    margin-top:-54px;
    margin-left:15px;
    font-size: 14px;
}

.path-mid {
    float:left;
    width:100%;
}

/* .path-mid div{
    float:right;
    width:118px;
    min-height:60px;
    line-height: 43px;
} */

.line-right {
  float:right;
  width:1px;
  margin-right:60px;
  border-left : 1px solid #5aa05f;
  height : 60px;
}

.mid-km-right{
    float:right;
    margin-top:20px;
    margin-right:-45px;
    font-size: 14px;
}

.line-left {
    float:left;
    width:1px;
    margin-left:60px;
    border-left : 1px solid #5aa05f;
    height : 60px;
  }

.mid-km-left{
    float:left;
    margin-top:20px;
    margin-left:-45px;
    font-size: 14px;
}

.hot{color:red;}

.carousel-caption {
    position: relative;
    left: 0;
    top: 0;
}

.carousel-caption h5{
    color:#fff;
    font-size:18pt;
    font-weight: 700;
}

.carousel-caption p {
    font-size:13px;
    margin-top:0.5rem;
    margin-bottom:1.1rem;
  }

#map {
    width:100%;
    height:600px;
    border:1px solid #ddd;
}

.path-info-pad{
    display: none;
}

.path-info-m{
    display: none;
}

/*** Custom Select Box ***********************/
.select {
    position: relative;
  }
  

  

  
  /* 모바일용 코스 셀렉터 */
  #theme {
    display: none;
  }
  #theme .select {
    /* background-color: green; */
    color:#fff;
    box-shadow: 0 0 2px rgba(0,0,0,0.3);
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom:10px;
    cursor: pointer;
    background:#5aa05f url('https://mytrip0919.cafe24.com/views/_layout/kanghwa/images/nav-arrow-white.png') no-repeat 97% center;
  }
  #theme .select:hover {
    color: #333;
    transition: all .3s;
  }
  #theme .select .text {
    padding-left: 10px;
  }
  #theme .option-list {
    list-style: none;
    padding: 0;
    background-color: #fff;
    /* padding-top:15px; */
    /* border-radius: 5px;
    box-shadow: 0 0 2px rgba(0,0,0,0.3); */
  }
  #theme .option-list .option {
    padding: 10px 0px 10px 10px;
    border-top:1px solid #ededed;
  }
  #theme .option-list .option:hover {
    background-color: #f2f2f2;
  }

  #courseList {
    border:1px solid #ededed;
  }

  /************
3. 1380px 테블릿 가로 
************/
@media only screen and (max-width: 1380px) {
    .path-line {
        width: 65px;
        min-height: 44px;
        line-height: 43px;
    }
}

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

    .path-info{
        display: none;
    }

    .path-info-pad{
        display: block;
    }

    .path-wrap{
        float:left;
        width:667px;
        margin-left:63px;
    }

    .path-line div {
        font-size:12px;
        margin-top: -54px;
        margin-left: 15px;
    }

    .mid-km-right{
        font-size:12px;
        margin-top: 10px;
    }

    .mid-km-left{
        font-size:12px;
        margin-top: 10px;
    }

    .line-right {
        height: 40px;
    }

    .line-left {
        height: 40px;
    }

    .mini-contents {
        min-height: 418px;
        padding: 30px;
    }

    .mini-contents p {
        font-size: 11pt;
    }

    .mini-contents img {
        width : 80%;
    }

    .mini-info{
        font-size:12px;
    }

    #coursePhoto{
        min-height:470px;
    }

    .carousel-item img{
        height:300px;
    }
}

  /************
13. 479px
************/

@media only screen and (max-width: 959px)
{
	#sub_mnu_t{
        display: none;
    }

    #theme {
        display: block;
    }

    .path-info-detail {
        margin-top: 10px;
        padding: 21px;
        overflow: auto;
    }

    .path-wrap {
        width:649px;
        margin-left: 0px;
    }

    .path-line {
        width: 59px;
        min-height: 44px;
        line-height: 43px;
    }
}

/************
8. 880px
************/

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

}

/************
9. 768px
************/

@media only screen and (max-width: 768px)
{
    .path-info-detail {
        margin-top: 10px;
        padding: 21px;
        overflow: auto;
    }

    .path-wrap {
        width: 647px;
        margin-top:20px;
        margin-bottom:20px;
        margin-left: 0px;
    }

    .path-line {
        width: 58px;
        min-height: 44px;
        line-height: 43px;
    }

    .mini-contents {
        min-height: 340px;
        padding: 15px;
    }

    .mini-contents h4 {
        font-size: 13pt;
    }

    .mini-contents p {
        font-size: 11pt;
    }

    .mini-contents img {
        display:none;
    }

    .mini-info{
        font-size:12px;
    }

    .mini-info li {
        height: 25px;
    }

    #coursePhoto{
        min-height:340px;
    }

    .carousel-item img{
        height:200px;
    }

    .carousel-caption{
        min-height:138px;
    }
}

@media only screen and (max-width: 479px)
{
    #sub_mnu_t{
        display: none;
    }

    #map {
        height:300px;
    }

    #theme {
        display: block;
    }

    .mini-title{
        margin-top:20px;
    }

    .carousel-caption p {
        padding:10px;
        min-height:65px;
        font-size:14px;
    }

    .path-info {
        margin-top: 0px;
        display: none;
    }

    .path-info-pad {
        /* margin-top: 0px; */
        display: none;
    }


    .path-info-m{
        display: block;
    }

    .m-second-title{
        margin-top:40px;
    }

    .path-box{
        width:100%;
        border:1px solid #5aa05f;
        border-radius: 20px;
        min-height:44px;
        line-height: 43px;
        text-align: center;
        background-color: #def4ca;
        font-size:16px;
        color:#568b2b;
        font-weight: 600;
    }

    .line-center {
        /* float:right; */
        width:1px;
        margin:0 auto;
        border-left : 1px solid #5aa05f;
        height : 40px;
      }
    
      .mid-km-right {
        float: left;
        margin-top: 10px;
        padding-left: 10px;
        margin-left: 0px;
        font-size:14px;
    }

    ul.mini-info {
        font-size:11pt;
    }

    .mini-title span {
        font-size:17pt;
        font-weight: 900;
        /* padding-left:30px; */
        /* padding-bottom:20px; */
    }

    .route-title-section h2 {
        font-size:20pt;
    }

    .map-section {
        margin-top: 23px;
    }

}