@charset "utf-8";

#m_container {position:relative; width:100%;z-index:1; min-width:1150px;margin:0 auto; padding-top:85px;}

/* ���־�
#visual		{position:relative; width:100%; min-width:1200px;}
#visual div.visual	{position:relative; width:100%;}
#visual ul.vis_img {height:405px; overflow:hidden; position:relative;}
#visual ul.vis_img li {height:405px; position:relative;}
#visual ul.vis_img li p.img {position:absolute; top:0; left:50%; width:2000px; height:405px; margin-left:-1000px}

#visual div.mo_visual	{display:none;}

#visual div.vis_control	{position:absolute; left:50%; top:290px; width:1200px; z-index:3; margin-left:-550px; text-align:left;}
#visual div.vis_control ul li {display:inline-block; }
#visual div.vis_control ul li a {display:inline-block; padding:10px 2px;} */


use postcss-color-function;
@use postcss-nested;
@import url('https://fonts.googleapis.com/css?family=Raleway:400,700,900');
@font-face {
    font-family: 'GangwonEduPowerExtraBoldA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEduPowerExtraBoldA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'EliceDigitalBaeum-Bd';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_elice@1.0/EliceDigitalBaeum-Bd.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'EliceDigitalBaeum';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_elice@1.0/EliceDigitalBaeum.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
/*�˻�*/
.search_w{width:100%; margin:0 auto;}
.search_con{ width:1200px; margin:0 auto; text-align:center;}
#search_content{position:relative; width:40%; text-align:center; margin:0 auto;}
.search_con input[type=text], .search_con input[type=file], .search_con input[type=password] 
{ font-family:'Noto Sans KR','Nanum Square','Nanum Gothic',Dotum,'����',Gulim,Helvetica,sans-serif;height:40px; width:100%; padding:0 10px; margin:0; border:2px solid #000; line-height:22px; vertical-align:middle; box-shadow: none; -webkit-appearance: none; appearance: none; font-weight:300; color:#666; font-size:15px; border-radius:40px;}
#search-btn{position: absolute; z-index:10; right:0; top:10px; background: url(/img/common/btn_s.png); width: 20px; height: 20px;}



/* ���־� */
.m_visual {width:100%; overflow:hidden; height:470px/*500px*/;background-size:cover;}
.m_visual .mv_bg01{background:url("/img/main/m_visual_bg04.png") center 0 no-repeat; height:500px;overflow:hidden;}
.m_visual .mv_bg02{background:url("/img/main/m_visual_bg03.png") center 0 no-repeat; height:500px;overflow:hidden;}
.m_visual .mv_bg03{background:url("/img/main/꿈청진기_main_240903.jpg") center 0 no-repeat; height:500px;overflow:hidden;}
/*.m_visual .mv_bg03{background:url("/img/main/m_visual_bg01.png") center 0 no-repeat; height:500px;overflow:hidden;}*/
.m_visual .mv_bg04{background:url("/img/main/m_visual_bg02_.png") center 0 no-repeat; height:500px;overflow:hidden;}


#mvisual .mv_bg01 a.mn_bt{ width:100px; padding:2px 10px 3px 10;  font-weight:500; text-align:center; background:#00c3bd; border-radius:30px; font-size:20px; color:#fff;}
#mvisual .mv_bg02 a.mn_bt{ padding:2px 10px 3px 10;  font-weight:500; text-align:center; background:#00c3bd; border-radius:30px; font-size:20px; color:#fff;}
#mvisual .mv_bg03 a.mn_bt{ width:120px;display:block; padding:2px 10px 3px 10px; margin:200px 0 0 800px;  font-weight:500; text-align:center; background: transparent; border-radius:10px; font-size:20px; color:#17b4e7; border: 3px solid #17b4e7;}


.m_copy {width:760px; margin:0 auto;text-align:left; padding-top:160px; font-size:30px;
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_elice@1.0/EliceDigitalBaeum.woff2') format('woff2');}
.m_copy span{ background:#319fd3; color:#fff;}
.controller2 {position:absolute; left:50%; top:500px;   z-index:3;   text-align:left;}
.controller2 .rollbtn  {}
.controller2 .rollbtn a{display:inline-block;padding:5px 0;}

main_01_on{display:block;}
.cont_w .main_01_off{display:none;}
.cont_w .main_01_off .mn_le_bg{display:none;}
/*������ ������*/
.cont_area{width:100%; margin:0 auto; height:100%; display:table; margin-top:80px; margin-bottom:50px; }
.cont_w{ width:1290px; margin:0 auto; }
.cont_le{width:420px; height:700px; float:left; overflow:hidden; letter-spacing:-0.08em; position:relative;}
.cont_ri{width:850px; height:700px; float:right;}
.cont_ri_top{display: flex; color:#fff;}
.cont_ri_top li{ display:inline-block; width:270px; margin-right:17px;}
/*.cont_ri_top li:nth-child(3) {margin:0;}*/
.cont_left{ float:left;}

.cont_ri_top h2{ text-align:center;  background-color: rgba( 255, 255, 255, 0.5 ); width: 90px; font-size:14px; margin: 70px 0 30px 90px; border-radius:30px; line-height:21px;}
.cont_ri_01{ height:440px; position:relative;}
.mn_le_bg{vertical-align: middle;  filter: brightness(50%);  z-index:1; position: relative; }
.mn_join{ width:340px; height:620px;  padding:40px ; position: absolute;  overflow: hidden;  z-index:5;}
.mn_join a{color:#fff; letter-spacing:-0.08em; }
.mn_join h2{ font-weight:300; font-size:20px; color:#fff;}
.mn_join ul{position: absolute; width:80%; height:170px; bottom:20px; left:40px; overflow:hidden; font-size:15px;}
.mn_join ul li{ display:block;  float:left; font-weight:300; }
.mn_join ul li b{ float:left; width:60px; font-weight:400;   margin:1px 10px 2px 0;}
.mn_join ul li p{ float:right; width:265px;   margin:1px 0 2px 0;  }
.main_01_tt{position: absolute;  bottom:230px;}
.main_01_tt span{display:block; width:340px;}
.mn_f{font-size:20px; font-weight:300; display: block;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mn_n{font-size:25px; font-weight:500; display: block;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mn_line_2{display: inline-block; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mn_line_6{white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}
.cont_le_link{position: absolute;  top:35px; right:30px; }


/*������ ������ ���*/

.c_r{position: absolute; top:190px; right:50%; margin-right:-20px;}
.m_text{position: absolute; z-index:2; color:#fff;}
.mr_tt{width:90%; margin-left:5%;  height:30px; color:#fff; overflow:hidden; word-wrap:break-word; text-overflow: ellipsis;  text-align:center; font-size:20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* ���� �� �ڸ��� �߰� ��Ÿ�� */ white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.mr_name{width:70%; margin:35px 0 20px 15%; height:25px;   color:#fff; text-align:center;  display: inline-block; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mr_cont{width:90%; height:125px;  color:#fff; margin-left:5%; margin-top:50px;  text-align:left; line-height: 24px; font-size: 14px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* ���� �� �ڸ��� �߰� ��Ÿ�� */ white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;   }

.m_text{position: absolute;   width:270px;	z-index:9;}
.mr_da{font-size:12px; position: absolute; width:80px; text-align:center; margin-left:-40px;  left:50%;  bottom:-40px;color:#fff;}


.panel02 .mr_tt{white-space: normal; line-height: 30px; height: 90px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align:center; }
.cont_ri_02 .mr_cont{margin-top:75px;white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align:center;  height:70px; }
.cont_ri_03 .mr_cont {margin-top:50px;white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align:center;  height:70px; }



/*���� �����̵� 1��.*/
.slide { position: relative;  overflow: hidden;  height:440px;}
.panel {width: 400%;}
.panel:after {  content: "";  display: block;  clear: both; }
.panel img{vertical-align: middle;  filter: brightness(50%);  z-index:1; position: relative; }
.panel>li { width:270px; margin:0; float: left;   background-repeat: no-repeat;  background-size: 100% 100%;  position: relative;}

.panel>li:nth-of-type(1) { }

.panel>li:nth-of-type(2) {  background-color: blue; }

 .panel>li:nth-of-type(3) {  background-color: green; }

.dot:after {  content: ""; display: block; clear: both;}

.dot { position: absolute;  left: 50%;  top: 240px;  transform: translateX(-50%);  z-index:99999;}
.slide .dot>li {float: left;  width: 10px;   height: 10px;  border-radius: 50%;   background-color: #319fd3;   margin-left: 2px;  margin-right: 0;   text-indent: -9999px;   cursor: pointer;}
.slide .dot>li.on {background-color: #ffea00;}
.panel .prev { position: absolute; width: 50px; height: 50px; background-color: #fff;  top: 50%; transform: translateY(-50%);  left: 10%; cursor: pointer;}
.panel .next {position: absolute; width: 50px; height: 50px; background-color: #fff; top: 50%; transform: translateY(-50%); right: 10%;  cursor: pointer;}
/*�����̵� 1��*/

/*�����̵� 2��*/
.slide02 { position: relative;  overflow: hidden;  height:440px;}
.panel02 {width: 400%;}
.panel02:after {  content: "";  display: block;  clear: both; }
.panel02 img{vertical-align: middle;  filter: brightness(50%);  z-index:1; position: relative; }
.panel02>li { width:270px; margin:0; float: left;   background-repeat: no-repeat;  background-size: 100% 100%;  position: relative;}

.panel02>li:nth-of-type(1) { }
.panel02>li:nth-of-type(2) {  background-color: blue; }
.panel02>li:nth-of-type(3) {  background-color: green; } 
.slide02 .dot02:after {  content: ""; display: block; clear: both;}
.slide02 .dot02 { position: absolute;  left: 50%;  top: 240px;  transform: translateX(-50%);  z-index:99999;}
.slide02 .dot02>li {  float: left;  width: 10px; height: 10px; border-radius: 50%; background-color: #319fd3; margin-left: 2px; margin-right: 0; text-indent: -9999px; cursor: pointer;}

.dot02>li.on {background-color: #ffea00;}
.panel02 .prev { position: absolute; width: 50px; height: 50px; background-color: #fff; top: 50%; transform: translateY(-50%); left: 10%; cursor: pointer; }
.panel02 .next { position: absolute; width: 50px; height: 50px; background-color: #fff; top: 50%; transform: translateY(-50%); right: 10%; cursor: pointer;}
/*�����̵� 2�� ��*/

/*�����̵� 3��*/
.cont_ri_top .cont_ri_03{ margin-right:0;}
.slide03 { position: relative;  overflow: hidden;  height:440px;}
.panel03 {width: 400%;}
.panel03:after {  content: "";  display: block;  clear: both; }
.panel03 img{vertical-align: middle;  filter: brightness(50%);  z-index:1; position: relative; }
.panel03>li { width:270px; margin:0; float: left;   background-repeat: no-repeat;  background-size: 100% 100%;  position: relative;}

.panel03>li:nth-of-type(1) { }
.panel03>li:nth-of-type(2) {  background-color: blue; }
.panel03>li:nth-of-type(3) {  background-color: green; } 
.slide03 .dot03:after {  content: ""; display: block; clear: both;}
.slide03 .dot03 { position: absolute;  left: 50%;  top: 240px;  transform: translateX(-50%);  z-index:99999;}
.slide03 .dot03>li {  float: left; width: 10px; height: 10px; border-radius: 50%; background-color: #319fd3; margin-left: 2px; margin-right: 0; text-indent: -9999px; cursor: pointer;}

.dot03>li.on {background-color: #ffea00;}

.panel03 .prev {position: absolute; width: 50px; height: 50px; background-color: #fff; top: 50%; transform: translateY(-50%); left: 10%; cursor: pointer;}

.panel03 .next {position: absolute; width: 50px; height: 50px; background-color: #fff; top: 50%; transform: translateY(-50%); right: 10%; cursor: pointer;}


/*������ �ϴ�*/
.cont_ri_bottom{ margin-top:25px;}
.cont_ri_bottom li{display:inline-block; width:48.8%; }
.cont_ri_bottom li:first-child{ margin-right:17px; float:left;}

/*�������ϴ� ù��°*/
.slide04 { position: relative;  overflow: hidden;  height:192px; margin-top:38px; clear: both;}
.panel04 {width: 400%; margin-top:38px; height:230px; }
.panel04:after {  content: "";  display: block;  clear: both; }
.panel04 img{vertical-align: middle;  /*filter: brightness(50%);*/  z-index:1; position: relative; }
.panel04>li { width:410px; display:inline-blcok; margin:0; float: left;   background-repeat: no-repeat;  background-size: 100% 100%;  position: relative;}

.panel04>li:nth-of-type(1) { }
.panel04>li:nth-of-type(2) {  background-color: blue; }
.panel04>li:nth-of-type(3) {  background-color: green; } 
.slide04 .dot04:after {  content: ""; display: block; clear: both;}
.slide04 .dot04 { position: absolute;  right:-32px;  top: 10px;  transform: translateX(-50%);  z-index:99999; clear: both;}
.slide04 .dot04>li {  float: left; width: 10px; height: 10px; border-radius: 50%; background-color: #319fd3; margin-left: 3px; margin-right: 0; text-indent: -9999px; cursor: pointer;}

.dot04>li.on {background-color: #ffea00;}

.panel04 .prev {position: absolute; width: 50px; height: 50px; background-color: #fff; top: 50%; transform: translateY(-50%); left: 10%; cursor: pointer;}

.panel04 .next {position: absolute; width: 50px; height: 50px; background-color: #fff; top: 50%; transform: translateY(-50%); right: 10%; cursor: pointer;}

/*������ �ϴ� �ι�°*/
.cont_ri_bottom li:nth-child(2) {float:right;}
.cont_ri_bottom li:nth-child(2) h2{border:2px solid #45b1e2; padding:2px 10px; border-radius:30px; float:right;  font-size: 14px;  letter-spacing: -0.09em; font-weight: 500; margin-bottom:15px; line-height:15px;}
.cont_ri_bottom li:nth-child(2) div {height:230px;   overflow:hidden;}
.cont_ri_bottom li:nth-child(2) div img{width:100%;}

@media(max-width:1295px){

.m_notice {height:210px;}
.m_notice_btn p.pre {margin:80px 0 0 20px;}
.m_notice_btn p.nxt {margin:80px 20px 0 0;}

.m_notice_list	{position:absolute; left:50%; width:100%; margin-left:-600px; overflow:hidden;}
.m_notice_list ul li {display:inline-block; margin-left:20px; height:200px; margin-bottom:30px;}
.m_notice_list ul li img {border:1px solid #d6d6d6; height:200px;}
}

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



#m_container {min-width:300px;padding-top:55px;}
.m_copy{ font-size:16px;}

/* ���־�
#visual		{position:relative; width:100%; min-width:300px;}
#visual div.visual	{display:none;}

#visual div.mo_visual	{display:block;position:relative; width:100%;}

#visual ul.mo_vis_img {height:250px; overflow:hidden; position:relative;}
#visual ul.mo_vis_img li {height:250px; position:relative;  margin-left:0;text-align:center;}
#visual ul.mo_vis_img li p.img img {width:494px;height:250px;}
#visual div.vis_control	{position:absolute; left:0; top:180px; width:300px;margin-left:30px;} */


/* ���־� */
.m_visual {width:100%; overflow:hidden; height:200px;background-size:cover;}
.m_visual .mv_bg01{background:url("/img/main/m_visual_bg01.png") center 40px no-repeat; background-size:auto 140px; height:200px;overflow:hidden;}
.m_visual .mv_bg02{background:url("/img/main/m_visual_bg01.png") center 40px no-repeat; background-size:auto 140px; height:200px;overflow:hidden;}
.m_visual .mv_bg03{background:url("/img/main/꿈청진기_main_240903.jpg") center  no-repeat; background-size:auto 200px; height:200px;overflow:hidden;}
.m_visual .mv_bg04{background:url("/img/main/m_visual_bg01.png") center 40px no-repeat; background-size:auto 140px; height:200px;overflow:hidden;}

#mvisual .mv_bg01 a.mn_bt{ width:100px; padding:2px 10px 3px 10;  font-weight:500; text-align:center; background:#00c3bd; border-radius:30px; font-size:20px; color:#fff;}
#mvisual .mv_bg02 a.mn_bt{ padding:2px 10px 3px 10;  font-weight:500; text-align:center; background:#00c3bd; border-radius:30px; font-size:20px; color:#fff;}
#mvisual .mv_bg03 a.mn_bt{ width:50px; padding:2px 10px 3px 10px; margin:90px 0;  font-weight:500; font-size:11px;}
    
.m_copy {width:70%; float:left;text-align:left; padding-top:40px;margin-left:30px;}
.m_copy img {height:80px;}
.controller2 {position:absolute; left:0; top:200px; width:100%; z-index:3; text-align:center;}

/*�˻�*/
.search_con {width:100%;}
#search_content{position:relative; width:80%; text-align:center; margin:0 auto;}
.search_con input[type=text], .search_con input[type=file], .search_con input[type=password] 
{ font-family:'Noto Sans KR','Nanum Square','Nanum Gothic',Dotum,'����',Gulim,Helvetica,sans-serif;height:40px; width:80%; padding:0 10px; margin:0; border:2px solid #000; line-height:22px; vertical-align:middle; box-shadow: none; -webkit-appearance: none; appearance: none; font-weight:300; color:#666; font-size:15px; border-radius:40px;}
#search-btn{position: absolute; z-index:10; right:12%; top:20%; background: url(/img/common/btn_s.png); width: 20px; height: 20px;}

/*������ ������*/
.cont_area{margin-top:30px; margin-bottom:50px; display:block; }
.cont_w {width:90%; padding:0 5%;}
.cont_le{width:100%; float:none; overflow:hidden; letter-spacing:-0.08em; }
.cont_ri{width:100%; height:auto; float:none;}
.cont_ri_top{color:#fff;}
.cont_ri_top li{ display:inline-block; width:100%; margin-right:0; margin-top:20px;}
/*.cont_ri_top li:nth-child(3) {margin:0;}*/
.cont_ri_top h2{ font-size:14px; margin:60px auto 30px;}
.cont_ri_01{ height:440px; position:relative;}
.mn_le_bg{vertical-align: middle;  filter: brightness(50%);  z-index:1; position: relative; width:100%;}
.mn_join{ width:90%; height:-webkit-fill-available;  padding:20px ; position: absolute;  overflow: hidden;  z-index:5;}
.mn_join a{color:#fff; letter-spacing:-0.08em; }
.mn_join h2{ font-weight:300; font-size:20px; color:#fff;}
.mn_join ul{position: absolute; width:100%; height:100px; bottom:5%; left:5%; overflow:hidden; font-size:13px;}
.mn_join ul li{ display:block;  float:left; font-weight:300; }
.mn_join ul li b{ float:left; min-width:65px; font-weight:400;   margin:1px 10px 2px 6px;}
.mn_join ul li p{ float:left; width:65%; min-width:210px;  margin:1px 0 2px 0;  }
.main_01_tt{position: absolute;  bottom:25%;width:85%;}
.main_01_tt span{display:block; width:80%;}
.mn_f{font-size:13px; }
.mn_n{font-size:18px;}
.mn_line_2{display: inline-block; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mn_line_6{white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient: vertical;}
.cont_le_link{position: absolute;  top:3%; right:5%; }


.mr_name{width:70%; margin:30px auto; height:25px;  text-align:center;  display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.m_text{width:100%;}
.mr_tt{font-size:18px;}
.mr_name{ margin:30px auto; text-align:center;}
/*���� �����̵� 1��.*/
.slide { position: relative;  overflow: hidden;  height:440px;}
.panel {width: 400%;}
.panel:after {  content: "";  display: block;  clear: both; }
.panel img{vertical-align: middle;  filter: brightness(50%);  z-index:1; position: relative; width:100%;}
.panel>li { width:25%; float: left;   background-repeat: no-repeat;  background-size: 100% 100%;  position: relative;}
.dot:after {  content: ""; display: block; clear: both;}
.dot { top:212px;}
/*�����̵� 1��*/


.cont_ri_02 .mr_cont{margin-top:50px;white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align:center;  height:70px; }
.cont_ri_03 .mr_cont {margin-top:50px;white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align:center;  height:70px; }



/*���� �����̵� 2��.*/
.slide02 { position: relative;  overflow: hidden;  height:440px;}
.panel02 {width: 400%;}
.panel02:after {  content: "";  display: block;  clear: both; }
.panel02 img{vertical-align: middle;  filter: brightness(50%);  z-index:1; position: relative; width:100%;}
.panel02>li { width:25%; float: left;   background-repeat: no-repeat;  background-size: 100% 100%;  position: relative;}
.dot02:after {  content: ""; display: block; clear: both;}
.slide02 .dot02 { position: absolute;  left: 50%;  top: 200px;  transform: translateX(-50%);  z-index:99999;}
/*�����̵� 2��*/


/*���� �����̵� 3��.*/
.slide03 { position: relative;  overflow: hidden;  height:440px;}
.panel03 {width: 400%;}
.panel03:after {  content: "";  display: block;  clear: both; }
.panel03 img{vertical-align: middle;  filter: brightness(50%);  z-index:1; position: relative; width:100%;}
.panel03>li { width:25%; float: left;   background-repeat: no-repeat;  background-size: 100% 100%;  position: relative;}
.dot03:after {  content: ""; display: block; clear: both;}
.slide03 .dot03 { position: absolute;  left: 50%;  top: 210px;  transform: translateX(-50%);  z-index:99999;}
/*�����̵�3��*/



/*������ �ϴ�*/
.cont_ri_bottom{ margin-top:20px; display:flow-root;}
.cont_ri_bottom li{display:block; width:100%; }
.cont_ri_bottom li:first-child{ margin-right:17px; float:left;}


/*�������ϴ� ù��° �����̵� 4��*/

.slide04 { position: relative;  overflow: hidden;  height:220px;}
.panel04 {width: 400%; margin-top:38px;}
.panel04:after {  content: "";  display: block;  clear: both; }
.panel04 img{vertical-align: middle;  /*filter: brightness(50%);*/  z-index:1; position: relative; width:100%; }
.panel04>li { clear:both; width:25%; margin:0; float: none;   background-repeat: no-repeat;  background-size: 100% 100%;  position: relative;}

.slide04 .dot04:after {  content: ""; display: block; clear: both;}
.slide04 .dot04 { position: absolute;  right:-32px;  top: 10px;  transform: translateX(-50%);  z-index:99999; clear: both;}
.slide04 .dot04>li {  float: left; width: 10px; height: 10px; border-radius: 50%; background-color: #319fd3; margin-left: 3px; margin-right: 0; text-indent: -9999px; cursor: pointer;}

.dot04>li.on {background-color: #ffea00;}

.panel04 .prev {position: absolute; width: 50px; height: 50px; background-color: #fff; top: 50%; transform: translateY(-50%); left: 10%; cursor: pointer;}

.panel04 .next {position: absolute; width: 50px; height: 50px; background-color: #fff; top: 50%; transform: translateY(-50%); right: 10%; cursor: pointer;}

/*������ �ϴ� �ι�°*/
.cont_ri_bottom li:nth-child(2) {float:right;}
.cont_ri_bottom li:nth-child(2) h2{border:2px solid #45b1e2; padding:2px 10px; border-radius:30px; float:right;  font-size: 14px;  letter-spacing: -0.09em; font-weight: 500; margin-bottom:15px; line-height:15px;}
.cont_ri_bottom li:nth-child(2) div {height:210px; margin-top:30px; overflow:hidden;}
.cont_ri_bottom li:nth-child(2) div img{width:100%;}




}