/* 메인 */
.idx_section1_wrap { position: relative; height: 920px;}
.idx_section1_wrap > div { width: 100%; height: auto;}
.idx_section1 .item .title {max-width: 1400px; height: 920px; margin: 0 auto; padding-top: 290px; font-family:'Gmarket Sans'; font-size: 7.2rem; color: #333;}
.idx_section1 .item .title img {display: inline-block;	margin-top: -30px;}
.idx_section1 .item .title p:nth-child(1) {font-size: 1.8rem; font-weight: 500;}
.idx_section1 .item .title p:nth-child(2) {margin: 25px 0; letter-spacing: -3px;}
.idx_section1 .item .title p:nth-child(3) {margin-top: 30px; font-size: 2.1rem; line-height: 140%; color: #555;}
.idx_section1 .item .btn_view a {color: #fff; display: table; margin-top: 40px; padding: 20px 65px 17px 25px; line-height: 100%; font-size: 1.8rem; font-weight: 400; border-radius: 30px;
  background:#976b32 url(/img/index/idx_arr.png) no-repeat 88% 50%; z-index: 0;}
.idx_section1 .item1 {position: relative; background: url(/img/index/idx_section1_bg1.jpg) no-repeat 50% bottom/cover; z-index: 0;}
.idx_section1 .item2 {position: relative; background: url(/img/index/idx_section1_bg2.jpg) no-repeat 50% bottom/cover; z-index: 0;}
.idx_section1 .item3 {position: relative; background: url(/img/index/idx_section1_bg3.jpg) repeat-x 50% bottom; z-index: 0;}
.idx_section1 .item1 .title b {color: #c53b4c;}
.idx_section1 .item2 .title b {color: #1c75be;}
.idx_section1 .item3 .title b {color: #3fa062;}
.idx_section1 .illust1 {position: absolute;	top: 200px; left:50%; transform:translateX(-20%);	z-index: -1;}
.idx_section1 .illust2 {position: absolute;	bottom: 40px; left:50%; transform:translateX(-50%); z-index: -1;}
.idx_section1 .illust3 {position: absolute;	bottom: 89px; left:50%; transform:translateX(-41%); z-index: -1;}

.idx_section1_wrap .bx-controls { position: absolute; top: 50%; left: 0; width: 100%;}
.idx_section1_wrap .bx-controls-direction { position: relative; width: 1400px; margin: 0 auto;}
.idx_section1_wrap .bx-wrapper .bx-controls-direction a {width: 44px; height: 69px; margin-top: -35px;}
.idx_section1_wrap .bx-wrapper .bx-prev,
.idx_section1_wrap .bx-wrapper .bx-next {display: none;}
.idx_section1_pager {position: absolute; bottom:150px; left: 0; width: 100%;}
.idx_section1_pager > div { width: 1400px; margin: 0 auto; font-size: 0;}
.idx_section1_pager a { display: inline-block; width: 50px; padding-bottom: 7px; border-bottom: 5px solid #fff; text-align: center; font-size: 1.3rem; font-weight: 600; color: #fff;}
.idx_section1_pager a.active { border-color: #976b32; color: #976b32;}

@media ( max-width: 1000px ) {
  .idx_section1_wrap { height: 600px;}
  .idx_section1 .item .title { height: 600px; padding: 100px 20px; font-size: 3rem; line-height: 110%; font-weight: bold; letter-spacing: -0.5px;}
  .idx_section1 .item .title p br {display: none;}
  .idx_section1 .item .title p:nth-child(1) { margin-bottom: 10px; font-size: 1.5rem; line-height: 110%; letter-spacing: -0.5px;}
  .idx_section1 .item .title p:nth-child(2) { margin: 0 0 5px; font-weight: bold;}
  .idx_section1 .item .title p:nth-child(3) {margin-top: 0; font-size: 1.6rem;}
  .idx_section1 .item .title p:nth-child(3) br {display: inherit;}
  .idx_section1 .item1,  .idx_section1 .item2  .idx_section1 .item3 {background-size: auto;}
  .idx_section1 .item1 {background-position: 0 50%;}
  .idx_section1 .item .btn_view a {margin-top: 15px; padding: 15px 45px 12px 20px; line-height: 100%; font-size: 1.4rem; background-size: 20px;}
  .idx_section1 .img_wrap img {display: none;}
  .idx_section1 .item1 {position: relative; background: url(/img/index/idx_section1_bg1_m.jpg) no-repeat 0 bottom/cover; z-index: 0;}
  .idx_section1 .item2 {position: relative; background: url(/img/index/idx_section1_bg2_m.jpg) no-repeat 0 bottom/cover; z-index: 0;}
  .idx_section1 .item3 {position: relative; background: url(/img/index/idx_section1_bg3_m.jpg) no-repeat 0 bottom/cover; z-index: 0;}
  .idx_section1_pager > div { width: 100%; padding-left: 20px;}
  .idx_section1_pager {bottom:60px;}
  .idx_section1_wrap .bx-controls-direction {width: 100%;}
}

/* 공지사항/활동사진 */
.idx_section2_wrap {width: 1400px; margin: 80px auto 50px;}
.idx_section2_wrap .idx-notice-wrap {position: relative; width: 100%; font-family:'Gmarket Sans';}
.idx-notice-tab {	height: 50px; margin-bottom: 60px; text-align: center;}
.idx-notice-tab span{display: block; font-size: 1.8rem; font-family:'Noto Sans KR'; color: #999; font-weight: 400; margin-top: 2px;}
.idx-notice-tab .tab { position: relative; display: inline-block;	margin: 0 15px; font-size: 4rem; letter-spacing: -2px; color: #a0a0a0;}
/*.idx-notice-tab a:first-child::after { content:" "; position:absolute; top:13px; margin-left: 13px; width: 13px; height: 13px; background:#c54353; border-radius: 50%;}*/
.idx-notice-tab .tab.on {	font-weight: 600;	color: #000;}
.idx-notice-wrap .cont {display: block; border-top: 2px solid #000;}
.idx-notice-wrap .cont .photo {display: none;}
.idx-notice-wrap .cont .notice a {position: relative; display: block; width: 100%; padding: 33px 0 30px; color: #666; border-bottom: 1px solid #d9d9d9;}
.idx-notice-wrap .cont .notice a span.date  { display:inline-block; width: 170px; text-align: center;  color:#a4a4a4;}
.idx-notice-wrap .cont .notice a span.date b  { display:block; color: #333; font-size: 4rem; font-weight: 600;}
.idx-notice-wrap .cont .notice a span.title { display:inline-block; padding: 0 15px; vertical-align: top; font-family:'Noto Sans KR';}
.idx-notice-wrap .cont .notice a span.title b { display:block; color: #333; margin-bottom: 13px; font-family:'Gmarket Sans'; font-size:2.2rem; font-weight: 400;}
.idx-notice-wrap .cont .notice a span.view { position: absolute; top:50%; right:30px; transform: translate(0%,-50%); width: 60px; height: 60px; text-align: center; line-height: 60px; border-radius: 50%; background: #cdcdcd url(/img/index/idx_arr.png) no-repeat 50% 50%;}
.idx-notice-wrap .cont .notice a:hover { background-color:#fafafa; transition: all 0.5s;}
.idx-notice-wrap .cont .notice a:hover span.view { background-color:#c54353; transition: all 0.5s;}
.idx-notice-wrap .cont .notice a.more,
.idx-notice-wrap .cont .photo a.more {display: table; width: auto; margin: 50px auto 0; padding: 20px 60px 17px; color: #fff; background: #cdcdcd; border-radius: 40px;}
.idx-notice-wrap .cont .notice a.more:hover,
.idx-notice-wrap .cont .photo a.more:hover {background: #c54353; transition: all 0.5s;}
.idx-notice-wrap .cont .photo div {max-width: 1400px; padding: 35px 0 25px; text-align: center; border-bottom: 1px solid #d9d9d9; font-size: 0;}
.idx-notice-wrap .cont .photo div a {display: inline-block; width: 22%; margin-right: 3.8%; font-size: 2.2rem;}
.idx-notice-wrap .cont .photo div a:last-child {margin-right: 0.5%;}
.idx-notice-wrap .cont .photo div a img {display: block; width: 100%; margin-bottom: 22px; box-shadow:4px 4px 8px #bbb;}
.idx-notice-wrap .cont .photo div a span {display: block; color: #777; font-size: 1.8rem; margin-bottom: 12px;}

@media ( max-width: 1000px ) {
 .idx_section2_wrap {width: 100%; margin: 60px auto; padding: 0 20px;}
 .idx-notice-tab { margin-bottom: 25px;}
 .idx-notice-tab span { font-size: 1.6rem; margin-top: 0;}
 .idx-notice-tab .tab { font-size: 2.9rem;}
 .idx-notice-tab a:first-child::after { top:8px; width: 10px; height: 10px;}
 .idx-notice-wrap .cont .notice a {padding: 15px 0 15px;}
 .idx-notice-wrap .cont .notice a span.date  { width: 15%; margin-right: 5px; font-size: 1.5rem;}
 .idx-notice-wrap .cont .notice a span.date b  {font-size: 2.2rem; }
 .idx-notice-wrap .cont .notice a span.title   { width: 70%; padding: 0; font-size: 1.6rem;}
 .idx-notice-wrap .cont .notice a span.title b { font-size:1.8rem; font-weight: bold; margin-bottom: 0;}
 .idx-notice-wrap .cont .notice a span.view { right: 10px; width: 40px; height: 40px; background-size: 50%;}
 .idx-notice-wrap .cont .photo div {padding: 10px 0 10px;}
 .idx-notice-wrap .cont .photo div a {width: 46%; margin: 10px 2%; font-size:1.8rem; vertical-align: top;}
 .idx-notice-wrap .cont .photo div a:last-child {margin-right:2%;}
 .idx-notice-wrap .cont .photo div a img  {display: block; width: 100%; margin-bottom: 10px; box-shadow:4px 4px 8px #bbb;}
 .idx-notice-wrap .cont .photo div a span {font-size: 1.5rem; margin-bottom: 5px;}
 .idx-notice-wrap .cont .notice a.more,
 .idx-notice-wrap .cont .photo a.more {margin: 30px auto 0;  padding: 15px 40px 12px;}
}

/* 사업부슬라이드 */
.idx_section3_wrap {position: relative;	width: 100%;}
.idx_section3 div div img {position: absolute; bottom:10px; right: 30px;}
.idx_section3 div div p {padding: 120px 0 0 50px; color: #fff; line-height: 130%;}
.idx_section3 div div p span {display: block; font-size: 4rem; font-family:'Gmarket Sans'; margin-bottom: 20px;}
.idx_section3 .item3 img {bottom:15px; right: 60px;}
.idx_section3 > div.item1 {background: linear-gradient(to top, #c54353 75%, #fff 25%);}
.idx_section3 > div.item2 {background: linear-gradient(to top, #2a7fc4 75%, #fff 25%);}
.idx_section3 > div.item3 {background: linear-gradient(to top, #3fa062 75%, #fff 25%);}
.idx_section3 > div.item1 div,
.idx_section3 > div.item2 div,
.idx_section3 > div.item3 div {position: relative; max-width: 1400px; height: 250px; margin: 0 auto;}

.idx_section3_wrap .bx-controls-direction {position: relative; width: 1400px; margin: 0 auto; vertical-align: top;}
.idx_section3_wrap .bx-wrapper .bx-prev { top:0; left: 0; background: url('/img/index/idx_section3_prev.png') no-repeat 0 0;}
.idx_section3_wrap .bx-wrapper .bx-next { top:0; right: 0; background: url('/img/index/idx_section3_next.png') no-repeat 0 0;}
.idx_section3_wrap .bx-wrapper .bx-controls-direction a { width: 24px; height: 42px; margin-top: -115px; }
.idx_section3_wrap .bx-wrapper .bx-prev:hover,
.idx_section3_wrap .bx-wrapper .bx-prev:focus,
.idx_section3_wrap .bx-wrapper .bx-next:hover,
.idx_section3_wrap .bx-wrapper .bx-next:focus { background-position: 0 0; opacity: 0.4;}

@media ( max-width: 1000px ) {
  .idx_section3 div div p { padding: 40px 50px 0;}
  .idx_section3 div div p br {display: none;}
  .idx_section3 div div p span {font-size: 2.9rem; margin-bottom: 10px;}
  .idx_section3 div div img {position: relative; top:10px; left:70px; bottom: inherit; right: inherit; max-height: 170px;}
  .idx_section3 .item1 img  { width: 150px; }
  .idx_section3 .item2 img  { top: 30px; width: 180px;}
  .idx_section3 .item3 img  { top:10px; bottom:inherit; right: inherit; width: 160px; max-height: inherit;}
  .idx_section3 > div.item1 {background: linear-gradient(to top, #c54353 100%, #fff 0%);}
  .idx_section3 > div.item2 {background: linear-gradient(to top, #2a7fc4 100%, #fff 0%);}
  .idx_section3 > div.item3 {background: linear-gradient(to top, #3fa062 100%, #fff 0%);}
  .idx_section3 > div.item1 div,
  .idx_section3 > div.item2 div,
  .idx_section3 > div.item3 div {height: 270px;}
  .idx_section3_wrap .bx-controls-direction {position: relative; width: 98%;}
  .idx_section3_wrap .bx-wrapper .bx-controls-direction a { width: 24px; height: 42px; margin-top: -200px; }
  .idx_section3_wrap .bx-wrapper .bx-prev,
  .idx_section3_wrap .bx-wrapper .bx-next { top:50px; }
}

/* 스마트스토어 상품 */
.idx_section4_wrap {position: relative;	width: 100%; margin-bottom: 90px; padding: 80px 0; background: linear-gradient(to top, #f6f6f4 55%, #fff 45%); }
.idx_section4 {	max-width: 1400px; margin: 0 auto; font-family:'Gmarket Sans';}
.idx_section4 h3 {margin-bottom: 60px; text-align: center; font-size: 4rem; color: #a0a0a0;}
.idx_section4 h3 b {color: #333; }
.idx_section4 h3 span {display: block; font-size: 1.8rem; font-family:'Noto Sans KR'; color: #999; font-weight: 400; margin-top: 7px;}
.idx_section4_slid div {max-width: 1400px; margin-bottom: 45px; text-align: center; font-size: 0;}
.idx_section4_slid div a {display: inline-block; width: 22%; margin-right: 3.8%; font-size: 2.2rem;}
.idx_section4_slid div a:last-child {margin-right: 0.5%;}
.idx_section4_slid div a img {display: block; width: 100%; margin-bottom: 22px; box-shadow:4px 4px 8px #bbb;}
.idx_section4 .btn_box {margin-top: 65px; text-align: center;}
.idx_section4 .btn_box a {display: inline-block; width: auto; margin: 0 5px; padding: 18px 50px 15px 30px; color: #fff; border-radius: 40px; background: #3fa062 url(/img/index/idx_section4_arr.png) no-repeat 90% 50%;}
.idx_section4 .btn_box a.btn2 {background-color:#2a7fc4;}
.idx_section4 .btn_box a:hover {background-color: #a0a0a0; transition: all 0.5s;}
.idx_section4 .btn_box a img  {margin-right: 15px;}

@media ( max-width: 1000px ) {
  .idx_section4_wrap { margin-bottom: 60px; padding: 60px 0 50px; background: linear-gradient(to top, #f6f6f4 30%, #fff 70%); }
  .idx_section4 h3 { margin-bottom: 30px; font-size: 2.9rem;}
  .idx_section4 h3 span { margin-top: 0; font-size: 1.6rem; line-height: 110%; }
  .idx_section4_slid div { margin-bottom: 20px; }
  .idx_section4_slid div a { display: inline-block; width: 46%; margin: 0 2% 30px; font-size: 1.6rem; }
  .idx_section4_slid div a:last-child { margin-right:2%; }
  .idx_section4_slid div a:nth-child(n+2) {margin-bottom: 0;}
  .idx_section4_slid div a img { margin-bottom: 10px; }
  .idx_section4 .btn_box { margin-top: 40px;}
  .idx_section4 .btn_box a { margin: 0 3px 10px; padding: 12px 35px 10px 20px; }
  .idx_section4 .btn_box a.btn2 {background-color:#2a7fc4;}
  .idx_section4 .btn_box a:hover {background-color: #a0a0a0; transition: all 0.5s;}
  .idx_section4 .btn_box a img  {margin-right: 5px;}
}

/* 하단배너 */
.idx_section5_wrap {position: relative;	width: 100%;}
.idx_section5 {font-family:'Gmarket Sans';}
.idx_section5 h3 {margin-bottom: 25px; text-align: center; font-size: 4rem; color: #a0a0a0;}
.idx_section5 h3 b {color: #333;}
.idx_section5 h3 span {display: block; font-size: 1.8rem; font-family:'Noto Sans KR'; color: #999; font-weight: 400; margin-top: 7px;}
.banners_wrap {	max-width: 1540px; margin: 0 auto; padding: 40px 120px 40px 140px; text-align: center; background: #fff; border: 1px solid #e9e9e9; border-radius: 150px; box-shadow:4px 4px 6px rgba(0, 0, 0, 0.3);}
.banners_wrap .bx-controls-direction {position: relative; width: 1400px; margin: 0 auto; vertical-align: top;}
.banners_wrap .bx-wrapper .bx-prev { top:-44px; left: -70px; background: url('/img/index/idx_section5_prev.png') no-repeat 0 0;}
.banners_wrap .bx-wrapper .bx-next { top:-44px; right: 60px; background: url('/img/index/idx_section5_next.png') no-repeat 0 0;}
.banners_wrap .bx-wrapper .bx-prev:hover,
.banners_wrap .bx-wrapper .bx-prev:focus,
.banners_wrap .bx-wrapper .bx-next:hover,
.banners_wrap .bx-wrapper .bx-next:focus { background-position: 0 0; opacity: 0.4;}

@media ( max-width: 1000px ) {
  .idx_section5_wrap {position: relative;	width: 97%; margin: 0 auto;}
  .idx_section5 h3 {margin-bottom: 20px; font-size: 2.9rem;}
  .idx_section5 h3 span {margin-top: 0; font-size: 1.6rem; line-height: 110%;}
  .banners_wrap {	padding: 15px 50px 15px 50px; }
  .banners_wrap .bx-controls-direction {width: 100%;}
  .banners_wrap .bx-wrapper .bx-prev { top:-35px; left: -35px; }
  .banners_wrap .bx-wrapper .bx-next { top:-35px; right: -50px; }
  .banners_wrap img {	height: 40px; }
}