/* 모든 스타일은 css 충돌방지를 위해 .contact을 기준으로 작성 하시면 됩니다. 예) .contact .box {} */
  .contact{}
/* 공통 */
#ctt {display: none;}
.clearboth::before, .clearboth::after {display: block; content:""; clear: both;}

/* 페이지타이틀 */
.pageTitle {width: 100%; height: 410px; background: url(../greeting/images/pagetitleBack.jpg) no-repeat; background-size: cover; background-position: center center; position: relative;}
.pageTitle_textWrap {width: 1300px; margin: 0 auto;}
.pageTitle .pageTitle_text {width: 100%; position: absolute; top: 55%; transform: translateY(-50%);}
.pageTitle .pageTitle_text h1 {font-size: 45px; color: #fff; letter-spacing: -3px !important; font-weight: 500;}
.pageTitle .pageTitle_text p  {font-size:18px; color: #fff; font-weight: 400; letter-spacing: -1px; margin-top: 20px;}


/* 페이지탭 */
.pageTabWrap {width: 100%; height:55px; margin-top: -55px; position: relative; z-index: 1;}
.pageTabWrap .pageTab {width: 1300px; height: 100%; margin: 0 auto; position: absolute; z-index: 1; background: #dc1d1d; left: 50%; transform: translateX(-50%);}
.pageTabWrap .pageTab >li {float:left; width: 20%; }
.pageTabWrap .pageTab >li:first-child {width: 5%;}
.pageTabWrap .pageTab >li:last-child {width: 55%;}
.pageTabWrap .pageTab >li >a {width: 100%; display: block; text-align: center;line-height: 55px; color: #fff; font-size: 16px;font-weight: 500; text-align: left;border-left: 1px solid #e83434; padding-left: 30px;}
.pageTabWrap .pageTab >li:first-child >a {text-align: center; border: none; padding: 0;}
.pageTabWrap .pageTab >li >a:hover  {background: #d20010;}
.pageTab_submenu {width: 100% !important; padding: 15px 0; background: #f9f9f9; border: 1px solid #efefef; display: none;}
.active1 {background: #d20010;}
.active2 {display: block;}
.pageTab_submenu >li {width: 100%;}
.pageTab_submenu >li> a {display: block; width: 100%; font-size: 15px; padding: 10px 30px; background: #f9f9f9; box-sizing: border-box;}
.pageTab_submenu >li> a:hover {color: #d20010;}
.pageTab_arrow {padding-right:20px; float: right;}
.pageTab_arrow img {width: 14px;}


/* 페이지내용 */
.tBold5 {font-weight: 500 !important;}
.tBold6 {font-weight: 600 !important;}
.cRed {color: #dc1d1d;}
.cBlack {color: #333;}
.let-2{letter-spacing: -2px !important;}

.pageContentWrap {width: 100%; padding: 80px 0;}
.pageContent {width: 1300px; margin: 0 auto;}
.pageContent_title {padding-bottom: 100px;}
.pageContent_title h1 {position: relative; text-align: center; font-size: 35px; font-weight: 400;}
.pageContent_title h1::before {position: absolute; display: block; content:"";
  width: 2px; height: 38px; background-color: #e60012; transform: rotate(-45deg);
  top: 49px; left: 50%;}

.pageContent_index {width: 100%; position: relative; padding-bottom: 10px; border-bottom: 1px solid #c3c3c3;}
.pageContent_index > div {float: left; width: 100%; margin-top: 10px;}
.pageContent_index > div:nth-of-type(1) {width: 60%;}
.pageContent_index > div:nth-of-type(2), .pageContent_index > div:nth-of-type(3) {width: 20%;}
.pageContent_index h2 {font-size: 40px; font-weight: 400 !important; letter-spacing: -3px !important; line-height: 56px; padding-bottom: 40px; color: #c3c3c3;}
.pageContent_index p {font-size: 18px; line-height: 32px; font-weight: 400; letter-spacing: -1px !important; padding-top: 7px; color: #6e6e6e;}
.pageContent_index h3 {font-size: 24px; font-weight: 600;  letter-spacing: -1px !important;}
.pageContent_index h3 span {font-size: 18px; font-weight: 500; padding-left: 20px; border-left: 2px solid #f3f3f3; margin-left: 20px; color: #c5c5c5;}
.pageContent_index img {position: absolute; bottom:0; right: 0; width: 594px;}
.pageContent_text .grayline {color: #e3e3e3;}


.busstopwrap:nth-of-type(2) {margin-top: 30px;}
.busstopwrap .busstop {float: left; width: 40%;}
.busstopwrap ul {float: left; width: 60%;}
.busstopwrap ul li {font-size: 18px; font-weight: 500; margin-bottom: 12px;}
.busstopwrap ul li .busline {margin-right: 20px; font-size: 15px; padding: 2px 7px; border-radius: 5px; color: #fff; font-weight: 500;}

.buscolor1 {background: #45a96c;}
.buscolor2 {background: #4d87cf;}
.buscolor3 {background: #8472cd;}
.buscolor4 {background: #e9ac01;}


.mb_br{display:none;}

.map_kind{background:#f2f2f2;width:1200px !important;margin-bottom:30px;}
.map_kind ul{overflow: hidden;
    padding: 10px 0;
    width: 690px;
    margin: 0 auto;}
.map_kind ul li{float:left;width:200px;margin:15px;background:#fff;border:1px solid #e4e4e4;text-align:center;}
.map_kind ul li a{display:inline-block;padding:7px 10px;font-size:16px;font-weight:600;}
.map_kind ul li img{display:inline-block;margin-right:10px;position:relative;width:20px;height:20px;}

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

  /* 서브탑 */
  .pageTitle_textWrap{width:100%;}
  .pageTitle{height:300px;}

  .pageTitle .pageTitle_text h1{font-size:28px;}
  .pageTitle .pageTitle_text {top: 45%;left: 10%;}


  .pageTabWrap .pageTab{width:100%;}
  .pageTabWrap .pageTab >li:first-child{width:80px;}
  .pageTabWrap .pageTab >li{width:30%;}

  .pageContent{width:90%;}
  .pageContentWrap{padding:50px 0;}
  .pageContent_title h1{font-size:28px;}
  .map_kind{width:100% !important;}

  /* 페이지 */
  
  iframe{width:100%;height:300px;}
  .pageContent_index h3{font-size:18px;}
  .pageContent_index p{font-size:16px;}
  .busstopwrap ul li{font-size:16px;}

}

@media screen and ( max-width:1024px){
 .map_kind ul{width:100%;}
  .map_kind ul li{width:31.3%;margin:1%;}
  .map_kind ul li a{font-size:16px;}
  
}
@media screen and ( max-width:799px){
  .pageContent_title h1{font-size:22px;}

  .pageTitle .pageTitle_text p{font-size:16px;}
  .pageTitle .pageTitle_text h1{font-size:20px;font-weight:700;}
  .pageTabWrap .pageTab >li:first-child{display:none;}
  .pageTabWrap .pageTab >li{width:50%;}

  .mb_br{display:block;}
  
    /* 페이지 */

  .pageContent_text{display:block;width:100% !important;border-bottom:1px solid #e4e4e4;padding:20px 0;}
  .pageContent_text br{display:none;}
  iframe{margin-bottom:0;}
  
  .busstopwrap .busstop, .busstopwrap ul{width:100%;float:none;}
  .busstopwrap ul{padding-top:15px;}
  
    .map_kind ul li{    width: 90%;
    float: none;
    margin: 2% auto;}
}