.idx_section1_wrap { position: relative;}
.idx_section1_wrap > div { width: 100%; margin: 0 auto;}

.idx_section1 .item {position: relative; width: 1200px; margin: 0 auto;}
.idx_section1 .item .title { position: absolute; width: 1200px; text-align: right; top: 100px; left: 50%; transform: translate(-50%, 0); z-index: 100;}
.idx_section1 .item .title img { float: right; }
.idx_section1 .item .title b {font-family: 'Cafe24Ssurround';	color: #fffe95;}
.idx_section1 .item .title p { position: relative; width: 1200px; margin: 0 auto; font-family: 'Cafe24Ssurround'; color: #fff; font-size: 2.5rem;}

.idx_section1 .item1, .idx_section1 .item2 { width: 100%; height: 780px; background: no-repeat 50% 0/cover;}
.idx_section1 .item1 {background-image: url(/img/index/idx_section1_1.jpg)}
.idx_section1 .item2 {background-image: url(/img/index/idx_section1_2.jpg)}

.idx_section1_wrap .bx-controls { position: absolute; top: 50%; left: 0; width: 100%;}
.idx_section1_wrap .bx-controls-direction { position: relative; width: 1200px; 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 {left: -70px; background: url(/img/index/s1_prev.png) no-repeat 0 0 /44px;}
.idx_section1_wrap .bx-wrapper .bx-next { right: -70px; background: url(/img/index/s1_next.png) no-repeat 0 0 /44px;}

.idx_section1_pager { position: absolute; bottom: 360px; left: 0; width: 100%;}
.idx_section1_pager > div { margin: 0 0 0 25%; font-size: 0;}
.idx_section1_pager a { display: inline-block; width: 50px; padding-bottom: 7px; border-bottom: 4px solid #fff; text-align: center;
  font-size: 1.2rem; font-weight: 600; color: #fff;}
.idx_section1_pager a.active { border-color: #ffe611; color: #ffe611;}

.idx_title {margin: 30px 0;	font-size: 1.6rem; font-weight: 400; line-height: 130%; color: #444444;	letter-spacing: -1px;}
.idx_title strong { display: inline; margin-right: 10px; font-family: 'Cafe24Ssurround'; font-size: 3.6rem;}
.idx_more a {display: block; width: 100%; height: 100%;}

/* idx_section1_공지사항 */
.idx_section1_notice {position: absolute; bottom:110px;}
.idx_section1_notice > div {position: relative; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 130px 30px; box-sizing: border-box;
  background: #fff; border-radius: 120px;}
.idx_section1_notice .idx_title {padding-top: 45px;}
.idx_section1_notice .idx_title strong {color: #4ab6e2;}
.idx_section1_notice .idx_more {position: absolute; top:0; right:130px; width: 74px; height: 50px; background: #4ab6e2 url(/img/index/idx_more.png) no-repeat 50% 50%;
  border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; }
.idx_section1_notice ul {font-size: 0;}
.idx_section1_notice ul li {display: inline-block; width: 30%; box-sizing: border-box; font-size: 1.6rem; line-height: 130%; border-right: 1px solid #e1e1e1; vertical-align: top;}
.idx_section1_notice ul li:nth-child(2) {margin:0 4.8%;}
.idx_section1_notice ul li:last-child   {border-right: none;}
.idx_section1_notice ul li strong {display: block; font-size: 2rem; margin-bottom: 5px;}
.idx_section1_notice ul li span {display: block; font-size: 1.5rem; margin-top: 10px; color: #999; font-style: italic;}

/* idx_section2 */
.idx_section2_wrap {position: relative;	width: 1200px; margin: 70px auto; color: #fff; font-size: 0;}
.idx_section2_wrap > div {display: inline-table; height: 260px; border-radius: 33px; padding: 30px; box-sizing: border-box; vertical-align: top;
  font-size: 1.6rem;}
.idx_section2_wrap > div:nth-child(1) { width: 24%; background: #ef8594 url(/img/index/idx_section2_1.png) no-repeat 90% 90%;}
.idx_section2_wrap > div:nth-child(2) { width: 47%; margin: 0 2%; padding-top: 70px; box-sizing: border-box; text-align: center; background: url(/img/index/idx_section2_2.jpg) no-repeat 0 0;}
.idx_section2_wrap > div:nth-child(3) { width: 24%; background: #4ab6e2 url(/img/index/idx_section2_3.png) no-repeat 90% 90%;}
.idx_section2_wrap strong { font-family: 'Cafe24Ssurround'; font-size: 3rem; color: #fff;}
.idx_section2_wrap a { padding-right: 25px; background: url(/img/index/idx_section3_arr.png) no-repeat right 0;}
.idx_section2_wrap p {width: 80%; margin-top: 3px; line-height: 130%;}
.idx_section2_wrap > div:nth-child(2) span {display: table; margin: 20px auto 0; background: #fd9e51; padding: 12px 20px 10px; box-sizing: border-box;
  font-family: 'Cafe24Ssurround'; font-size: 2rem; border-radius:30px;}
.idx_section2_wrap > div:nth-child(2) a { background:none;}


/* idx_section3 */
.idx_section3_wrap {width: 100%; background: url(/img/index/idx_section3_bg.png) no-repeat 50% bottom;}
.idx_section3_wrap > div {position: relative; width: 1200px; margin: 70px auto 0; padding-bottom: 70px;}
.idx_section3_wrap .idx_title strong {display: inline-block;}
.idx_section3_wrap .idx_title strong span {font-family: 'Cafe24Ssurround'; color: #4ab6e2;}
.idx_section3_wrap .idx_title p {display: block; margin-top: 10px;}
.idx_section3_wrap .idx_more { position: relative; display: inline-block; top:10px; width: 39px; height: 39px; background: #ffe585 url(/img/index/idx_more_b.png) no-repeat 50% 50%; border-radius: 50%;}
.idx_section3_wrap ul li {display: inline-block; width: 19.8%; font-size: 1.8rem; vertical-align: top;}
.idx_section3_wrap ul li img {display: block; margin-bottom: 15px; border-radius:30px;}
.idx_section3_wrap ul li p {width: 95%; line-height: 125%;}
.idx_section3_wrap ul li span {display: block; margin-top: 10px; font-size: 1.5rem; color: #999; font-style: italic;}

/* bannerWrap
.bannerWrap {	position: relative; width: 100%; padding: 15px 0; box-sizing: border-box; background: #f7f7f7;
  border-top-left-radius: 250px; border-top-right-radius: 250px;}
.bannerWrap > div {width: 1200px; margin: 40px auto 30px; }
.bannerWrap .idx_title {margin-bottom: 0;}
.bannerWrap .idx_title strong {display: inline-block;}
.bannerWrap .idx_title strong span {font-family: 'Cafe24Ssurround'; color: #4ab6e2;}
.bannerWrap .idx_title p {display: block; margin-top: 10px;}
.bannerWrap .banner_btn { position: relative; display: inline-block; top:10px;}
.bannerWrap .banner_btn span {display: inline-block; width: 39px; height: 39px; border-radius: 50%;}
.bannerWrap .banner_btn span.bt_prev { background: #ffe585 url(/img/index/bt_prev.png) no-repeat 50% 50%;}
.bannerWrap .banner_btn span.bt_next { background: #ffe585 url(/img/index/bt_next.png) no-repeat 50% 50%;}
.bannerWrap .banners {position: relative; margin-top: 25px; text-align: center;}
.bannerWrap .banners a {position: relative; display: inline-block; width: 130px; height: 130px; vertical-align: middle; margin-left:20px; box-sizing: border-box; background: #fff; border: 1px solid #ededed; border-radius: 50%;}
.bannerWrap .banners a img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.bannerWrap .banners a:first-child { margin-left:0;} */

#banner {position: relative; width: 100%; padding: 15px 0 0; box-sizing: border-box; background: #f7f7f7;}
#banner_wrap { width: 1200px; margin: 35px auto 0;}
#banner_wrap .idx_title {margin-bottom: 20px;}
#banner_wrap .idx_title strong {display: inline-block;}
#banner_wrap .idx_title strong span {font-family: 'Cafe24Ssurround'; color: #4ab6e2;}
#banner_wrap .idx_title p {display: block; margin-top: 10px;}
#banner_wrap ul li { display: inline-block; text-align: center; }
#banner_wrap ul li a {position: relative; display: inline-block; width: 130px; height: 130px; vertical-align: middle; box-sizing: border-box; background: #fff; border: 1px solid #ededed; border-radius: 50%;}
#banner_wrap ul li a img {position: absolute; width: 85%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#banner_wrap .bx-prev, #banner_wrap .bx-next { position:relative; top:-198px; width:39px; height:39px; outline:none; text-indent:-1200px; overflow:hidden; display:block; }
#banner_wrap .bx-prev { left:210px; background:url(/img/comm/bt_prev.png) no-repeat 0 0; }
#banner_wrap .bx-next { left:253px; top:-222px; background:url(/img/comm/bt_next.png) no-repeat 0 0; }
#banner_wrap .bx-prev:hover { background:url(/img/comm/bt_prev.png) no-repeat 0 0; }
#banner_wrap .bx-next:hover { background:url(/img/comm/bt_next.png) no-repeat 0 0; }



@media all and (max-width: 1700px) {
  .idx_section3_wrap {background:none;}
}

@media all and (min-width: 1500px) {
 #banner {border-top-left-radius: 250px; border-top-right-radius: 250px;}
 .idx_section1 .item1, .idx_section1 .item2 {height: 850px; border-bottom-left-radius: 250px; border-bottom-right-radius: 250px;}
}

@media all and (max-width: 1200px) {
  .idx_section1_wrap .bx-controls-direction { display: none;}
  .idx_section1 .item .title { width: 100%; transform: translate(-55%, 0);}
  .idx_section1 .item .title img {width: 60%;}
  .idx_section1 .item1, .idx_section1 .item2 { width: 100%;}
  .idx_section1_pager { bottom: 390px;}
  .idx_section1_pager > div { margin: 0 0 0 140px; box-sizing: border-box; font-size: 0;}
  .idx_section1_notice {position: absolute; bottom:80px;}
  .idx_section1_notice > div {width: 96%;}
  .idx_section2_wrap {width: 96%;}
  .idx_section3_wrap > div { width: 96%;}
  #banner_wrap { width: 96%;}
}

@media all and (max-width: 1000px) {
  .idx_section1_notice {bottom:30px;}
  .idx_section1_notice > div { width: 96%; padding: 10px 40px 15px; border-radius: 50px;}
  .idx_section1_notice .idx_title {padding-top: 0; margin-bottom: 10px;}
  .idx_section1_notice .idx_title strong {margin-bottom: 7px;}
  .idx_section1_notice .idx_more {right:60px; width: 50px; height: 40px; background-size: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
  .idx_section1_notice ul li {width: 100%; padding: 7px 0; border-right:none; border-bottom: 1px solid #e1e1e1;}
  .idx_section1_notice ul li:nth-child(2) {margin:0 0;}
  .idx_section1_notice ul li:last-child  {border-bottom: none;}
  .idx_section1_notice ul li strong {font-size: 1.8rem; margin-bottom: 2px;}
  .idx_section1_notice ul li span {margin-top: 0;}
  .idx_section2_wrap  { margin: 40px auto;}
  .idx_section2_wrap > div {display: table; height: auto; border-radius: 50px; padding: 30px; }
  .idx_section2_wrap > div:nth-child(1) { width: 100%; background-size: 80px; background-position: 97% 50%;}
  .idx_section2_wrap > div:nth-child(2) { width: 100%; margin: 20px 0; padding: 30px 0 0; background-size: cover;}
  .idx_section2_wrap > div:nth-child(3) { width: 100%; background-size: 75px; background-position: 97% 55%;}
  .idx_section2_wrap strong { font-size: 2.6rem;}
  .idx_section3_wrap > div {margin: 0 auto 0; padding-bottom: 40px;}
  .idx_section3_wrap ul li {width: 19%; margin-right: 1%; box-sizing: border-box; font-size: 1.6rem;}
  .idx_section3_wrap ul li:last-child {margin-right: 0;}
  .idx_section3_wrap ul li img {width: 100%;}
}

@media all and (max-width: 768px) {
  .idx_title strong { font-size: 2.7rem;}
  .idx_section1 .item1 {background-image: url(/img/index/idx_section1_1_m.jpg)}
  .idx_section1 .item2 {background-image: url(/img/index/idx_section1_2_m.jpg)}
  .idx_section1_pager {display: none;}
  .idx_section2_wrap > div:nth-child(2) { padding: 30px 0 0; }
  .idx_section2_wrap strong { font-size: 2rem;}
  .idx_section2_wrap > div:nth-child(2) span { font-size: 1.8rem; }
  .idx_section3_wrap ul li {width: 30%; margin-right: 3%; margin-bottom: 20px;}
}

@media all and (max-width: 500px) {
  .idx_section1 .item1, .idx_section1 .item2 {height: 600px;}
  .idx_section1 .item .title { top: 50px;}
  .idx_section3_wrap ul li {width: 45%; margin-right: 4%; margin-bottom: 20px;}
}