/*
@import url("/css/noto_sans_kr.css");
a:hover{text-decoration:none}
section div, section p { line-height: 1.3; }
*/
.s_o img{max-width:100%}
.s_o div, .s_o p { line-height: 1.3;  letter-spacing: -0.02em;}

/* -------------------- 상단 배너 영역 -------------------- */
#sec01 { position: relative; background: url(../img/introduce_peru/mainBg.jpg) no-repeat center; background-size: cover; min-height: 1050px; }
.sec01_Wrap { position: absolute; width: 100%;height: 720px; transform: translateY(15%);background: url(../img/introduce_peru/mainTit_bg.png) no-repeat center; }
.sec01Tit{    transform: translateY(80%)}
.sec01_Wrap .sec01_txt01 { font-size: 25px; color: #fff; border-bottom: 1px solid #fff; display: inline-block;}
.sec01_Wrap .sec01_txt02 { font-size: 20px; background: rgba(149,59,11,0.8); border-radius: 50px; display: inline-block; padding: 10px 25px; }

/* -------------------- 영상으로 만나는 페루의 모습 -------------------- */
.peru_title { font-size: 40px; padding-bottom: 20px; display: inline-block; }
.peru_txt01 { font-size: 24px; font-weight: 600; word-break: keep-all; }
.peru_txt02 { font-size: 16px; line-height: 1.5; word-break: keep-all; }
.peru_bar { width: 40px; height: 1px; margin: 15px auto 20px; }
#sec02 { background: url(../img/introduce_peru/sec01_bg.png) no-repeat 50% 0;  z-index: 5; min-height: 700px;  margin: -100px 0; }
#sec02 h3{font-size: 44px; color: #fff;line-height: 1.4; margin-top: 5px; margin-bottom: 15px;}
.sec02_titWrap  .sec02_txt01 { font-size: 20px; }


/* -------------------- 페루 지도 -------------------- */
#sec03 { background: url(../img/introduce_peru/sec03_pattern.jpg) repeat center; height: auto; }
#sec03 img{margin-top: -50px;}
/* -------------------- 페루의 도시들 -------------------- */
#tabWrap { background: url(../img/introduce_peru/sec04_pattern.jpg) repeat center;}
#tabWrap li h5{font-size: 32px; color: #fff; font-weight: 400;}
#tabWrap .nav-tabs{border-bottom: none;}
#tabWrap .nav-tabs>li{margin-bottom: 0;}
#tabWrap .nav-tabs>li.active>a,#tabWrap .nav-tabs>li.active>a:focus,#tabWrap .nav-tabs>li.active>a:hover{background-color: #cb0013;    border: none;}
#tabWrap .nav-tabs>li>a{display:block;padding:10px 0px;border: none;  border-radius: 0;}
#tabWrap .nav-tabs>li>a>h5{margin-bottom:0}
#tabWrap .nav-tabs>li>a.active{background-color: rgba(203,0,19,0.7); color: #fff}
.tab_img .tag{margin-top: -30px; width: 1140px;  margin-right: auto; margin-left: auto;  text-align: right;}
.tab_img .tag a{padding: 8px 12px; background-color: rgba(203,0,19,0.7); color: #fff; border-radius: 30px;  margin: 0 5px;}
.tab_img{position: relative; padding-top: 50px;}
.tab_subTit{padding: 50px 0;}
.tab_subTit span{ font-size: 20px;  font-family: 'Roboto',sans-serif; font-style: italic;  font-weight: 400;}
.tab_subTit h3{font-size: 42px; margin: 0; padding-bottom: 10px; color: #242424; font-weight: 400;}
.tab_subTit > p{padding-bottom: 20px; color: #cb0013; font-size: 18px;}
.tab_subTit .txt p{font-size: 18px;line-height: 1.6;}
.tab_subTit:after{content: "";
    width: 1px;
    height: 80px;
    display: block;
    background-color: #242424;
    clear: both;
    border-right: 1px solid #242424;
    position: absolute;
    bottom: -80px;
    right: 50%;}
/* -------------------- slides -------------------- */
.scrollWrap{background-color: #f7f7f7;}
.carousel-control{width: auto;background-color: transparent;}
.carousel-indicators{position: relative; left: auto;z-index: 1;width: auto; padding: 20px;margin-left:auto; top: 0;}
.carousel-indicators li{width: auto;height: auto;text-indent: inherit; border: none; border-radius: none; font-size: 32px; color: #888;margin: 10px 20px;}
.carousel-indicators .active:after{content: ""; width: 8px; height: 8px; border-radius: 10px; background-color: #cb0013; position: absolute;top: 0; right: -10px;}
.carousel-indicators .active{width: auto;height: auto;color: #242424; position: relative;margin: 10px 20px; background-color: transparent;}
.carousel-inner{width: 90%; margin: 0 5%;}
.slide_img img{padding-bottom: 40px;}
.slide_txt{padding-top: 85px;}
.slide_txt span{font-size: 18px; font-family: 'Roboto',sans-serif; font-style: italic; font-weight: 300;}
.slide_txt h5{font-size: 32px; padding-bottom: 20px; font-weight: 400;}
.slide_txt p{font-size: 14px; line-height: 1.8;}
.slide_txt img{padding: 20px 0;}
.glyphicon-chevron-right:before{content: url('../img/introduce_peru/right_arrow.png'); width: 50px; height: 50px;}
.glyphicon-chevron-left:before{content: url('../img/introduce_peru/left_arrow.png'); width: 50px; height: 50px;}

/*마추픽추 탭*/
#machu_city .slide_txt{padding-top: 20px; padding-bottom: 20px;}
@media only screen and (max-width: 1200px) {
#sec02 h3{font-size: 38px;}
.sec02_tit{padding-top: 40px;}
.tab_img{padding-top: 0;}
.tab_img .tag{ width: 100%; margin-top: -40px; padding:0 20px;}
.tab_subTit{padding: 50px;}
#tabWrap .container{width: 100%;}
#tabWrap .nav-tabs>li{padding: 0;}
#tabWrap .nav-tabs>li>a{margin-right: 0;}
}


@media only screen and (max-width: 992px) {
  #sec01 { min-height: 800px; }
  .peru_title { font-size: 32px; }
  .peru_txt01 { font-size: 22px; }
  .peru_txt02 br { display: none; }
  .sec02_titWrap .peru_title { padding: 0 35px 20px 0; }
  .sec02_listWrap { padding: 30px 25px; }
  #sec02 h3{font-size: 32px ; margin-top: 5px;}
  .sec02_tit{padding-top: 0; text-align: center; margin-top: -20px;}
  .sec02_tit h3 br{display: none;}
  .sec02_tit img:last-child{display: none;}
  .carousel-indicators li{font-size: 28px;}

}
@media only screen and (max-width: 767px) {
  #sec01 { min-height: auto; height: 100vh; }
  .sec01_Wrap .sec01_txt01 { font-size: 20px; }
  .sec01_Wrap .sec01_txt02 { font-size: 16px; padding: 10px; }
  .sec02_tit{padding-top: 30px; text-align: center;}
  .sec02_tit img:last-child{display: none;}
  #sec02 h3{font-size: 32px; }
  #sec03 img{margin-top: 0;}

  .tab_img{position: relative; padding-top: 0;  width: 100%;  overflow: hidden;  height: 430px;}
  .tab_img img{max-width: none; position: absolute;  top: 0;  left: -49%;}
  .tab_img .tag{margin-top: 0;  bottom: 25px;  z-index: 15;  position: absolute;   right: 0;}
  .tab_subTit:after{height: 55px;margin-bottom: 15px;}
  .carousel{width: 80%;}
  .carousel-indicators{padding: 20px 0;}
  .carousel-indicators li{font-size: 18px;  margin: 10px 5px;}
  .carousel-indicators .active{margin: 10px 5px;}
  .carousel-indicators .active:after{width: 6px;height: 6px; right: -6px;}
  .slide_txt{padding-top: 20px;}
  .slide_img img{padding-bottom: 20px;}

}
@media only screen and (max-width: 540px) {
#tabWrap .nav-tabs{display: flex;}
#tabWrap li h5{font-size: 18px;}
#tabWrap li.col-xs-6{width: 25%;display: flex;}
#tabWrap li img{display: none;}
#tabWrap .nav-tabs>li>a{width: 100%; padding: 20px 0; display: block; width: 100%; padding: 20px 0; margin-right: 0;}
.carousel{width: 90%;}
}