/* ================================================================================================= */
/* 작성자 : 박병곤 : 테스트입니다*/
/* 작성일 : 2012. 10. 09 */
/* contents_main.css 안에 있는 CSS는 모두 " ct_아이디 및 클래스 명 " 을 적는다  : 예) ma_notice */
/* 합성어일 경우에는 중간 합성의 첫자를 대문자로 적는다  :  예) ma_noticeDiv */
/* 독립된 ID 및 class 안에 부분적으로 쓰이는 css가 있으면 " in_아이디 및 클래스 명" 을 쓴다  :  예) in_btn */
/* ================================================================================================= */
#ly_wrapper {background-color: #fff;}
#ly_foot {background-color: #fff;}


/* 비쥬얼 */
.ctM_visual_all {height: 537px; width: 100%; overflow: hidden;}
.ctM_visual {position: relative; height: 540px; overflow: hidden; min-width: 1080px;}
.ctM_visual img {position: absolute; left: 0; top: 0; width: 100%; height: 540px;}
.ctM_visual.in_bgImg_01 {background:transparent url('../../images/main/bg_visual_01.jpg') center top no-repeat;}
.ctM_visual.in_bgImg_02 {background:transparent url('../../images/main/bg_visual_02.jpg') center top no-repeat;}
.ctM_visual.in_bgImg_03 {background:transparent url('../../images/main/bg_visual_03.jpg') center top no-repeat;}


/* 카피 */
.ctM_copyAll {position: relative; margin: 150px auto 0; width: 900px; height: auto; overflow: hidden; z-index: 2;}
.ctM_copyAll div {height: auto; overflow: hidden;}
.ctM_copyAll div.in_01 {height: auto; overflow: hidden; margin-left: 370px;}
.ctM_copyAll div.in_02 {height: auto; overflow: hidden; margin-left: 400px;}
.ctM_copyAll div.in_03 {height: auto; overflow: hidden; margin-left: 1px;}
.ctM_copy01 {font-size: 3.3em; line-height: 1.2em; font-weight: 600; color: #000; letter-spacing: -1px;}
.ctM_copy01 strong {font-size: 1.2em; color: #f28607; font-weight: bold;}
.ctM_copy02 {font-size: .95em; color: #292929; line-height: 1.5em;}
.ctM_copy01_01 {font-size: 3.3em; line-height: 1.2em; font-weight: 600; color: #fff; letter-spacing: -1px;}
.ctM_copy01_01 strong {font-size: 1.2em; color: #f28607; font-weight: bold;}
.ctM_copy02_T01 {font-size: .95em; color: #f0f0f0; line-height: 1.5em;}


/* 비쥬얼 이미지 컨트롤 버튼 */
.ctM_controlBtn {position: absolute; top: 180px; left:0; top: 190px; width: 100%; min-width: 980px; height: auto; overflow: hidden;}
.ctM_controlBtn_P {float: left; margin-left: 2%; display: block; padding: 20px 10px 20px 0;}
.ctM_controlBtn_N {float: right;  margin-right: 2%; display: block; padding: 20px 0 20px 10px;}


/* 바로가기 링크 */
.ctM_link {position: absolute; left: 0; bottom: 0; _bottom: -1px; width: 100%; height: auto; overflow: hidden; background:transparent url('../../images/main/bg_cont.png') center top repeat; z-index: 100;}
.ctM_linkList {position: relative; margin: 0 auto; width: 615px; height: auto; overflow: hidden;}
.ctM_linkList li {float: left; width: 205px; height: auto; overflow: hidden;}
.ctM_linkList li a {display: block; padding: 17px 0; font-size: 1em; line-height: 1em; font-weight: bold; color: #fff; border-left: 1px solid #99adc7; border-right: 1px solid #627a9a;}
.ctM_linkList li a.in_bg01 {background:transparent url('../../images/main/bg_contBtn_01.png') 42px center no-repeat; padding-left: 84px;}
.ctM_linkList li a.in_bg02 {background:transparent url('../../images/main/bg_contBtn_02.png') 47px center no-repeat; padding-left: 97px;}
.ctM_linkList li a.in_bg03 {background:transparent url('../../images/main/bg_contBtn_03.png') 42px center no-repeat; padding-left: 85px;}
.ctM_linkList li a:hover {color: #000;}



/* 비쥬얼 
.ctM_visual_all {height: 537px; width: 100%; overflow: hidden;}
.ctM_visual {height: 537px; overflow: hidden;}
.ctM_visual li {height: 540px; overflow: hidden; min-width: 980px;} 밖같 높이영역보다 3px 크게 줌 
.ctM_visual li.in_bgImg_01 {background:transparent url('../../images/main/bg_visual_01.jpg') center top no-repeat;}
.ctM_visual li.in_bgImg_02 {background:transparent url('../../images/main/bg_visual_02.jpg') center top no-repeat;}
.ctM_visual li.in_bgImg_03 {background:transparent url('../../images/main/bg_visual_03.jpg') center top no-repeat;}
*/

/* 메인 롤링 css 정리 필요*/
.carousel {
  position: relative; height: 550px; overflow: hidden; background:#3c3d3d  url('../../images/main/bg_visual_test.jpg') center top no-repeat;
}


.carousel .item {
  width: 100%;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
     -moz-transition: 0.6s ease-in-out left;
       -o-transition: 0.6s ease-in-out left;
          transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  line-height: 1;
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 52%;
  left: 3%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
}

.carousel-control.right {
  right: 3%;
  left: auto;
}


.cont_listbtn {position: absolute; top: 515px; left: 0; width: 100%; z-index: 10; display: block;}
.carousel-indicators {position: relative; display: block; margin: 0 auto; width: 272px; height: 25px;}
.carousel-indicators li {display: block; float: left; width: 40px; margin-right: 5px;}
.carousel-indicators li a {display: block; height: 5px; background-color: #e8e8e8; border-bottom: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6;}
.ctM_visual .in_listbtn span a:hover {background-color: #fff; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;}
.ctM_visual .in_listbtn span a.select {background-color: #0b86e3; border-bottom: 1px solid #005391; border-right: 1px solid #005391;}

/*
.cont_listbtn {position: absolute; width: 100%; top: 382px; z-index: 5;}
.carousel-indicators { position: relative; width: 60px; margin: 0 auto; height: auto; overflow: hidden; list-style: none;}
.carousel-indicators li {display: block; float: left; width: 20px; height: 16px; background:transparent url('../images/main/bg_a_off.png') center center no-repeat;}
.carousel-indicators .active { background:transparent url('../images/main/bg_a_on.png') center center no-repeat;}
.carousel-indicators li a {display: block; height: 16px; }
*/

.carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 15px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
}

.carousel-caption h4,
.carousel-caption p {
  line-height: 20px;
  color: #ffffff;
}

.carousel-caption h4 {
  margin: 0 0 5px;
}

.carousel-caption p {
  margin-bottom: 0;
}

.carousel-indicators li a:hover {background-color: #292929; border-bottom: 1px solid #000; border-right: 1px solid #000;}
.carousel-indicators li a.active {background-color: #0b86e3; border-bottom: 1px solid #005391; border-right: 1px solid #005391;}
.carousel-indicators li.active a {background-color: #0b86e3; border-bottom: 1px solid #005391; border-right: 1px solid #005391;}