@charset "utf-8";
/*-----------------------------------------------------------------------------------------------
	공통 Layout
-------------------------------------------------------------------------------------------------*/
img { max-width: 100% !important}
div { word-break:keep-all;}
@media screen and (max-width:640px){
		iframe { max-width:100%}
}
#wrap {position:relative; width:100%; background:#fff; }
.container_wrap { min-width:1240px; clear:both; display:-webkit-box ; margin:0 auto; /*bordsch_input01er-top:1px solid #dfdfdf; */}
.container, .cont_860 {width:1200px; margin:0 auto; position:relative; display: flex;    justify-content: space-between;}
.content, .content_right { float: right; width: 900px; overflow: hidden; }
.content_right { padding:20px 0 50px 0; min-height:500px;}
.content:after { clear: both;}
.content:before { clear: both;}
/*검색박스 정렬*/
.select--input--search { display: flex; gap:3px;margin-bottom: 5px;    justify-content: flex-end; }
.select--input--search select,.select--input--search input, .select--input--search a  { height: 34px !important; }
/* 	퀵 */
.right_quick { position: absolute; right:-170px; margin:15px 0 0 605px; width:149px; }

/* 퀵 - 플로팅 */
.right_float_quick { position: fixed; right:3%; margin-top: 15px; width:149px; z-index: 50; }
.right_float_quick img { margin-bottom: 2px; }

.btn_mback { display: none;}

@media screen and (max-width:640px){
  .container_wrap { width:100% !important;min-width:100%; display: inline-block/* footer margin 위해 */;}
/*   .container, .cont_860 { width:100%; padding:0 15px ;box-sizing: border-box; } */
  .container, .cont_860 { width:100%; box-sizing: border-box; }
  .content, .content_right { width:100%;  padding:0 10px;  box-sizing: border-box; min-height:500px; margin:0 0 30px 0;}
  .select--input--search input { width: calc(100% - 130px); } 

}

/*마인드아트 예외 이미지 사이즈*/
.content_right.mind { overflow: inherit;}
.content_right.mind .mind-w1110  { margin-left:-105px; max-width: 1110px !important;}

.mind_class { background: #0b552e; color:#fff; width: 900px; }
.mind_class .tit{ font-size: 51px; font-family: 'Garam';color:#fff; text-align: center; padding: 65px 0;}

.mind_class ul { display: flex;flex-direction: column; padding: 0px 80px 60px; }
.mind_class ul li { width:100%;margin: 0 auto; padding: 10px 0;  font-size: 22px; display: flex; flex-direction: row; text-align: center; }
.mind_class ul li dt { width: 50% ; font-weight: 400;}
.mind_class ul li dt, .mind_class ul li dd{ margin: 0 15px; }
.mind_class ul li dd { text-align: left; }

/*.mind-w1110 { max-width:1110px !important; margin-left: -105px;}*/
@media screen and (max-width:640px) {
  /*.content_right.mind-w1110 { overflow: inherit;}*/
  .mind-w1110 { display: none;}
  .mind_class { width: 100%;}
  .mind_class .tit{ font-size: 32px;padding:50px 0;}
  .mind_class ul {  padding: 0 10px 40px; }
  .mind_class ul li { font-size: 15px; }
  .mind_class ul li dt, .mind_class ul li dd{ text-align: center;}
  .mind_class ul li dt { width: calc(100% - 100px); min-width:150px;}
  .mind_class ul li dd { width:100px; min-width: 100px;}
  /*.mind_class ul li dd { text-align: left; }*/
  
  }


/*2024 quick 메뉴*/
/* 퀵 - 플로팅 */
.quick_wrap { position: fixed; right:0; top: 235px; /*width:113px;*/ z-index: 50; }
.quick_wrap a { height:97px; display: block;margin-bottom: 10px; }
.quick_wrap a img { height: 100%;}
.quick_wrap span { display: none;}

@media screen and (max-width:640px) {
  .quick_wrap { display: none;}
  /*.quick_wrap span { display: block; height: 8px; position: absolute; right:15px; margin-top:-15px;}*/
  /*.quick_wrap span.doShow { display: none;}*/
  /*.quick_wrap span img { height: 100%;}*/
  /*.quick_wrap { top: initial; bottom: 70px; }*/
  /*  .quick_wrap a { height:56px;  margin-bottom: 1px;}*/
}

/*------------------------------------------------------------------------------------
	 갤러리 슬라이더 
	 -----------------------------------------------------------------------------------
	 - 메인 갤러리 목록 : index.jsp
	 - 정규 프로그램 : /artheart/edu_program/reg_program.jsp 
--------------------------------------------------------------------------------------*/


.slick-slide { height:auto !important; min-width: 400px;}
.slick-slide img { margin-left: 30px; margin-right: 30px;}
/*.slick-dots {margin:30px auto; padding: 20px auto; }*/

.list-gallery { margin-top: 30px;margin-bottom: 50px !important; padding-bottom:30px;}
.list-gallery .image-box {width: 400px; /*height: 560px;*/padding: 0;}
.list-gallery .box-item {margin:0;padding: 0;}
.list-gallery .box-img {margin:0 !important;padding: 0;/*border-radius: 10px; border: 1px solid red;*/}
.list-gallery .box-item {display: flex;justify-content: center;align-items: center;width: 370px; /* 고정 너비 설정 */height: 440px; /* 고정 높이 설정 */position: relative;margin: 0 auto; /* 중앙 정렬 */}
.list-gallery .box-item .box-img {max-width: 100%;max-height: 100%;object-fit: cover; /* 이미지 비율을 유지하며 크기에 맞춤 */}
.list-gallery .box-title{position: absolute; bottom: 10px; right: 10px; background-color: #f08200; color: white; 
  padding: 10px 20px; font-size: 14px; clip-path: polygon(10% 10%, 100% 0%, 100% 100%, 0% 100%); white-space: nowrap;}


/*  카테고리별 타이틀 색상 */
.box-title.toddler {background-color: #a22780 !important;}
.box-title.kid {background-color: #e47d2b !important;}
.box-title.junior {background-color: #41a74b !important;}
.box-title.herenow {background-color: #e5ae3a !important;}


@media (min-width: 1024px) {


  .list-gallery .image-box.box2 {padding-top: 100px !important;}
  .list-gallery .image-box.box1 .box-img {margin-top: 60px !important;transform: rotate(-10deg);}
  .list-gallery .image-box.box1 .box-title {right: -10px;transform: rotate(-10deg);}
}

/*-----------------------------------------------------------------------------------------------
	탑 메뉴 > 탑라인 ( top.jsp)
-------------------------------------------------------------------------------------------------*/
.header_wrap {position:relative; width:100%; min-width: 1200px; margin:0 0 -1px 0; padding:0;  z-index: 999;}
.header_wrap .top_line  {text-align: right;width:1200px; margin:0 auto; position:relative; display: block; padding-right:15px; box-sizing: border-box}
.header_wrap .top_line .container { text-align: right; }
.header_wrap .top_line ul {    display: flex; gap:8px;
  position: relative;
  margin: 10px auto 0;
  text-align: right;
  justify-content: flex-end;}
.header_wrap .top_line ul.on { height:120px;}
.header_wrap .top_line ul .bg_submenu { background-color: blue;}
.header_wrap .top_line a { display:inline-block;padding: 0px 10px; line-height:26px;   min-width:40px; color:#010101;border:1px solid #000000;background: url('/artheart/images/common/line_txt_white.png') 99.9%  15px no-repeat;  font-size:15px; box-sizing: border-box;}
.header_wrap .top_line a:first-child { border-left:1px solid #010101;  }

.header_wrap .top_line a:hover {  background: #e0e0e0;   }
.header_wrap .top_line select { padding: 0px 28px;font-size:15px; height:28px; border:none; border:1px solid #000000;}
.header_wrap .top_line select:hover { background:#e0e0e0 url(/artheart/images/common/bg_select_arrow.png) no-repeat 90% 50% }
.header_wrap .top-free-pc {padding: 2px 2px; background: #99cc65;  box-sizing: border-box; height: 28px;} 
.header_wrap .top-free-pc img {height:100%;} 
  
@media screen and (max-width:640px){
	.header_wrap { display: none; height:auto;  background: none;}
	.header_wrap .top_line { width:100%; text-align: left; z-index: 999999999; background-color:#6B1785;box-shadow: none; }
	.header_wrap .top_line ul { border:none; margin:0px; padding: 10px 10px 9px 10px; box-sizing: border-box;  text-align: left;  width:100% ; height:auto;}
	.header_wrap .top_line ul select {  border:1px solid #010101;  width: calc(100% - 44px); height:38px;  margin:0 0 15px 0;border:none; font-size:15px; padding-left:15px;}
	.header_wrap .top_line a { border:1px solid #fff !important; /*width:calc(32% - 4px); */; width:90px;margin:0 5px 0 0; font-size:14px; color:#fff; padding: 3px 0;  background: none; text-align: center; font-weight: normal;}

	.header_wrap .top_line a:nth-child(3n+2) { margin: 0 0 0 0px;}
	.header_wrap .top_line a:after { clear: both;}
	#lmenu_wrap { width: 100%; height: auto; position: absolute; display: none; right:0; top: -1px; bottom: 0; z-index: 400; box-shadow: none; overflow: hidden; }
}

/* 	탑 메뉴 > 로고, 메뉴 1단계(top.jsp) */
.header_wrap .top_menu {   position:relative; width:100%; display: inline-block;  border-bottom: 1px solid #f1f1f1;}
.header_wrap .top_menu .top_logo { display:flex ;padding:10px 0;    align-content: center;}
.header_wrap .top_menu .top_logo img {  height:30px;margin-left: 10px;}
.header_wrap .top_menu ul { float:right}
.header_wrap .top_menu ul li { float: left; margin-left:7px;margin:-1px 38px 0px 26px; border-bottom:3px solid #fff;}
.header_wrap .top_menu ul li.tm-gallery { margin-left: 24px;}
.header_wrap .top_menu ul li:hover { border-bottom:3px solid #b60081;}
.header_wrap .top_menu ul li.on a, .header_wrap .top_menu ul li:hover a {color: #b60081;}
.header_wrap .top_menu ul li:last-child { padding-right:0;}
.header_wrap .top_menu ul li dt { position:relative;display:inline-block;line-height:1.6;z-index:10;  color:#222; font-weight:500;}
.header_wrap .top_menu ul li dt a { padding:18px 0px ; display: inline-block; font-size:18px !important; text-align: center;}
.header_wrap .top_menu ul li dt:hover a, .header_wrap .top_menu ul li dt.on a{ color:#b60081;  }

.header_wrap .top_menu ul li:nth-child(1) { margin-right:33px}
.header_wrap .top_menu ul li:nth-child(2) { margin-right:29px}
.header_wrap .top_menu ul li:nth-child(3) { margin-right:66px}
.header_wrap .top_menu ul li:nth-child(4) { margin-right:34px}
.header_wrap .top_menu ul li:nth-child(5) { margin-right:41px}
.header_wrap .top_menu ul li:nth-child(6) { margin-right:22px}
/*-----------------------------------------------------------------------------------------------
	탑 메뉴 > 서브메뉴( SUBMENU_OVER)
-------------------------------------------------------------------------------------------------*/
/*.header_wrap .submenu_wrap {display: block !important;}*/
.header_wrap .submenu_wrap {display: none;position: absolute; width: 100%; z-index: 9999999; margin: 0 auto; background-color: #fff; box-shadow: rgba(150, 150, 150, 0.1) 3px 3px 3px 3px; -webkit-box-shadow: rgba(150, 150, 150, 0.1) 3px 3px 3px 3px; -moz-box-shadow: rgba(150, 150, 150, 0.1) 3px 3px 3px 3px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; padding-bottom:15px;}
.header_wrap .submenu_wrap .container { justify-content: flex-end; }
.header_wrap .submenu_wrap ul { gap: 20px}
.header_wrap:hover .submenu_wrap { display: block;  }
/* .header_wrap .submenu_wrap ul { padding-left:50px;} */
.header_wrap .submenu_wrap li { float: left;  padding:0 15px;}
.header_wrap .submenu_wrap li.li_shop { padding-right:0;}
.header_wrap .submenu_wrap li font { display: none;}
.header_wrap .submenu_wrap li > dt{ display:inline-block;margin:23px 0 10px 8px;font-size:20px; font-weight:700;  color:#b60081; width:100%;}
.header_wrap .submenu_wrap li dd a{ display:inline-block;padding:6px 0 6px 8px ;; font-size: 16px; color:#333; letter-spacing: -1px}
.header_wrap .submenu_wrap li dd a:hover  { color:#f08300;}
.header_wrap .submenu_wrap li dd.on a  { color:#f08300;}
.header_wrap .submenu_wrap li.li_shop dd a {letter-spacing: -2px !important; }



/* .header_wrap .submenu_wrap li > dd:hover > a, .header_wrap .submenu_wrap li > dd.on > a {  color:#f08300; background: url('/artheart/images/common/icon_dot_org') 0px 50% no-repeat;} */
.header_wrap .submenu_wrap .depth3 { display: none;}

/*-----------------------------------------------------------------------------------------------
	모바일 메뉴
-------------------------------------------------------------------------------------------------*/
.header_mobile
, .menu-quick
, .icon_close{ display: none;}

@media screen and (max-width:640px){
	/* 		모바일 탑 라인 */
	.header_mobile { position:relative; display: flex;        justify-content: space-around;align-items: center;width:100%;box-sizing: border-box; z-index: 1;border-bottom: 1px solid #f1f1f1; padding-left: 10px; gap:20px;}
	.submenu_wrap .header_mobile { background-color: #6b1785; /*height:127px;*/ padding:5px; }
  .header_mobile .right-group {height: 61px;width: 100%;margin-left: auto; display: flex;align-items: center;flex-grow: 1;         justify-content: flex-end; gap:10px;}
  .header_mobile .right-group .top-free {padding: 6px 0; height: 41px;  min-width: 60px; max-width: 60px; width:100%;  background: #99cc65; z-index: 99;align-items: center; display: flex;  box-sizing: border-box;         justify-content: center;}
  .header_mobile .right-group .top-free img { height: 100%;}
	.header_mobile .right-group .icon_menu { width:55px; height: 55px;  padding:2px 2px 3px 2px; display: inline-block; float: right; border-left: 1px solid #e5e5e5; }
	.header_wrap .icon_close { position:absolute; padding:15px 12px;  right:0px; display: inline-block; float: right;z-index: 99999; }

	.header_wrap { width: 80%; min-width:auto; height: 100%; position: absolute; top: -1px; right:-100%; z-index: 100; background: #fff; overflow-y: scroll; display: block; overflow: scroll; }
  .header_wrap:hover .submenu_wrap { overflow: scroll; }
    .header_wrap .top_menu { display:none; }
    
  .header_wrap .submenu_wrap .container { display: block}
	.header_wrap .submenu_wrap { ;display: inline-block; height:100%; box-shadow : none; border-bottom:none; z-index: 99999999; overflow: scroll;}
	.header_wrap .submenu_wrap ul { padding-left:0; height:auto; overflow: scroll; }

	.header_wrap .submenu_wrap li { float: inherit; width:100% !important; padding: 0;}
	.header_wrap .submenu_wrap li > dt { background: #fff url('/artheart/images/common/ico-down.png') no-repeat right 15px center / 16px auto; color:#010101}
	.header_wrap .submenu_wrap li.on > dt { background: #fff url('/artheart/images/common/ico-up.png') no-repeat right 15px center / 16px auto; color:#b60081}
	.header_wrap .submenu_wrap li > dt {     border-bottom: 1px solid #dfdfdf;;}

	.header_wrap .submenu_wrap li > dt { padding:14px 10px 14px 15px; margin:0; font-size:17px; font-weight: normal; box-sizing: border-box;}
	.header_wrap .submenu_wrap li > dd > a { padding:14px 10px 14px 30px; margin:0; font-size:15px; font-weight: normal; width:100%; box-sizing: border-box;}

	.header_wrap .submenu_wrap li dd  { display: none; background-color: #f6f6f6; }
	.header_wrap .submenu_wrap li.on dd{ display: block; font-weight: normal; }
	.header_wrap .submenu_wrap li.on dt > a { font-weight: 400;padding: 8px 4px 8px 40px; }
	.header_wrap .submenu_wrap li > dd.on > a, .header_wrap .submenu_wrap li > dd:hover > a{ font-weight: normal !important; color:#f08300; background: url('/artheart/images/common/icon_dot_org') 20px 50% no-repeat;}
  
  .menu-quick { display: inline-block; position: relative;text-align: center; margin: 40px auto; width:100% ;/*padding-left:6%;*/}
  .menu-quick .d-flex {        display: flex;flex-wrap: wrap;justify-content: center;gap:20px; max-width: 280px; margin:0 auto;}
  .menu-quick a{ display: inline-block;        align-items: center;    justify-content: center; padding: 3px; border-radius: 50%; overflow: hidden; width: 60px; height:60px;background:#9ed762; overflow: hidden;  }
  .menu-quick a img { max-width: initial !important; height:60px;  border-radius: 50%; overflow: hidden; margin-left:-7px;}


}

/*-----------------------------------------------------------------------------------------------
	left menu :: 서브페이지
-------------------------------------------------------------------------------------------------*/

#left_menu {float:left; width:245px; min-height:280px; padding:0 0 0 0px;  font-size:16px;  margin-bottom:60px;}
#left_menu li { display: none;}
#left_menu li.on { display: inline-block;}
#left_menu li dd { text-align: left; border-top:1px solid #ddd; width:100%; box-sizing: border-box; cursor: pointer;}
#left_menu li > dt { font-size:28px;;display:inline-block; padding:30px 0 25px 7px; background: #fff url('/artheart/images/menu/bg_lmenu.png') no-repeat right; color:#5d5d5d;text-align: left; width:100%; box-sizing: border-box;}
#left_menu li dt font { font-size:16px; font-weight:normal;letter-spacing: -1px; display: block; color:#ddd;}
#left_menu li dd { display:inline-block; padding:0; font-size:16px;  text-align: left; color:#010101; background:url(/artheart/images/common/blet_gray.png) no-repeat 6px 22px; width:100%; box-sizing: border-box; font-size:18px; cursor: pointer;}
#left_menu li dd a { padding:13px 0 12px 27px; display: inline-block;}

#left_menu li > dd.on, #left_menu li dd.on > a, #left_menu li dd:hover >  a {color:#b62b8f; background:url(/artheart/images/common/blet_violet.png) no-repeat 6px 22px !important;}
#left_menu .depth3 { display:none; background: #f7f7f7; overflow: hidden;border-top:1px solid #ddd; }
#left_menu .depth3 dt {float:left; width:100%; margin:0; padding-left: 15px; color:#010101;background: #f7f7f7 url(/artheart/images/common/icon_lmenu02.png) no-repeat 26px 17px; font-size:15px;}
#left_menu .depth3 .on, #left_menu .depth3 dt:hover { background: #f7f7f7 url(/artheart/images/common/icon_arr_puple.png) no-repeat 26px 17px; }
#left_menu .depth3 .on a, #left_menu .depth3:hover a {color:#6b1785; }
/*왼쪽 메뉴 3depth 보임 */
#left_menu li > dd.on .depth3 { display: inline-block;}
#left_menu li dd:last-child {border-bottom:1px solid #ddd; }





#left_menu .lbanner_center { background-color: #b60081; font-size:24px; color:#fff; padding:25px 0; text-align: center; line-height: 1.4; margin-top:47px;}
#left_menu .lbanner_center p { font-size:38px }

/* 탑메뉴는 안보이고, 왼쪽메뉴만 보이도록 함.(회원정보 ). */
.leftmenu_only{ display: none; }
#left_menu .leftmenu_only{ display: inline-block; }
/* 쇼핑몰  */


.menu_shop { margin:20px 0 20px; display: inline-block; width:100%;}
.menu_shop .li_shop { margin-top:5px;}
.menu_shop .li_shop a {  color:#fff; display: inline-block; font-size: 16px; padding: 15px 0 15px 60px; text-align: left; width: 100%; box-sizing: border-box; font-size: 18px; cursor: pointer; }
/* 기본 span 을 쓸 일이 있어 box로 바꿈 */
.menu_shop .li_shop .box {     width: 40px; line-height: 25px; padding: 0; text-align: center; background: #fff; color: red; display: inline-block; border-radius: 10px; font-size: 13px; position: absolute; margin: -3px 0 0 9px;}
/* #left_menu .li_shop:last-child a{ margin-bottom:30px;} */
.menu_shop .li_shop.s01  { background:#6CC8C7 url(/artheart/images/shop/icon_cart.png) no-repeat 26px 17px;}
.menu_shop .li_shop.s02  { background:#A7A8AC url(/artheart/images/shop/icon_list.png) no-repeat 28px 17px;}
.menu_shop .li_shop.s03  { background:#F48574 url(/artheart/images/shop/icon_won.png) no-repeat 26px 17px; }
.menu_shop .li_shop.s04  { background:#1E90FF url(/artheart/images/shop/icon_qna.png) no-repeat 24px 14px; }
/* .menu_shop .li_shop:hover a, #left_menu .li_shop.on a {  color:#333; background:url('/artheart/images/common/arr_s_black.png') 90% 18px no-repeat; width:100%;} */


#lmenu_wrap .menu_shop, .quick_leftmenu { display: none; }


@media screen and (max-width:640px){
	#left_menu { display: none;}
	.right_quick { display: none;}
	.right_float_quick { display: none;}

	#lmenu_wrap { background: none; overflow: visible;}
	#lmenu_wrap .menu_shop { display: inline-block; }
	.menu_shop { margin:5px 0;}

	#lmenu_wrap .container { padding: 0;}
	/*******	상단메뉴를 모바일에 보이도록 함  ******/
	.header_wrap .submenu_wrap .depth3 { display: inline-block;}

	#lmenu_wrap .on .depth3  { display: inline-block;}
	#lmenu_wrap .depth3 { background: #fff; overflow: hidden; width:100%;  background-color: #dfdfdf;}
	#lmenu_wrap .depth3 dt {float:left; margin:0;color:#010101;background:#dfdfdf url(/artheart/images/common/icon_lmenu02.png) no-repeat 26px 12px; font-size:14px; min-width:40%;}
	/*#lmenu_wrap .depth3.d03 dt { min-width:30%;}*/
	#lmenu_wrap .depth3 .on, #left_menu .depth3 dt:hover { background:#dfdfdf url(/artheart/images/common/icon_arr_puple.png) no-repeat 26px 12px; }
	#lmenu_wrap .depth3 .on a, #left_menu .depth3:hover a {color:#6b1785; }

/* 	.menu_shop { padding:0 15px;; box-sizing: border-box;} */
	.menu_shop .li_shop span { line-height: 30px; margin: -5px 0 0 16px;}
/* 	.submenu_wrap .menu_shop { position: relative; width: 100%; left: auto; top: auto; } */

	/* 	퀵메뉴 */
	.quick_leftmenu { display: block;border-top:2px solid #22AC39;border-bottom:2px solid #22AC39; margin-bottom:20px;}
	.quick_leftmenu a { width:30%;}
	.quick_leftmenu a img { width:32%;}


}

/*-----------------------------------------------------------------------------------------------
	서브페이지 상단 네비 :: navi wrap
-------------------------------------------------------------------------------------------------*/
.navi_wrap { width: 100%; margin-bottom:30px; height: 40px; border-bottom:1px solid #f1f1f1; display: block; background: #e2e2e2;  overflow: visible;}
.navi_wrap .navi  {  height: 40px; float:right;  display: block; position: relative; line-height: 40px;  font-size:16px;}

.navi_wrap .navi li {  float:left; cursor: pointer;}
.navi_wrap .navi li .icon_home { padding:12px 0px 12px 0; display: block;}
.navi_wrap .navi li:first-child { padding:0px 0; }
.navi_wrap .navi li:last-child { color:#6b1785; padding-right:0;}
.navi_wrap .navi em { margin: 0 10px;}


@media screen and (max-width:640px){
	.navi_wrap { background: #f6f6f6; border-top: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf; margin-bottom:10px}
	.navi_wrap .navi { float:left; margin-left: 10px;}
	.navi_wrap .navi li { border-right: 1px solid #dfdfdf;  padding: 0 6px; letter-spacing: -1px; font-size:14px;}
	.navi_wrap .navi li .icon_home {padding:12px 15px 12px 0; }
/* 	.navi_wrap .navi li .icon_home img { margin-top:11px;} */
/* 	.navi_wrap .navi li:first-child { margin-left:-15px;  } */
	.navi_wrap .navi li:last-child { border-right:none;}
	.navi_wrap .navi em { display: none;}

	}
/*-----------------------------------------------------------------------------------------------
	content
-------------------------------------------------------------------------------------------------*/
.top_img { width:100%; margin-bottom:15px; } /* 교육철학 */
@media screen and (max-width:640px){
	.top_img { width:100% ; }
}

/*-----------------------------------------------------------------------------------------------
	TABLE :: 표준테이블
-------------------------------------------------------------------------------------------------*/

.tbl01, .tbl06 { border-top:2px solid #666; width:100%;border-collapse: collapse; }
.tbl01.line { border:2px solid #aaa}

.tbl01 th, .tbl06 dt { border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:7px 10px 7px 20px; background-color: #f3f3f3; line-height: 1.8; vertical-align: top;}
.tbl01 th:first-child { border-left:none;}
.tbl01 td img { max-width: 100%;;} /*이미지 100% 넘어가는 over size 처리 */
.tbl01 tr:hover td { background:#f7f7f7; cursor: pointer;}

.tbl01 thead th { text-align:center;}
.tbl01 td { padding:10px 8px; border-bottom:1px solid #ddd;border-left:1px solid #eee;line-height: 1.6; box-sizing: border-box; text-align: left;}
.tbl01 td:first-child { border-left:none; }
.tbl01 td:last-child { padding-right:0;  }
.tbl01.td_c td { text-align: center;}
/* .tbl01 th:last-child, .tbl01 td:last-child { border-right:1px solid #eee;} */

/* 첨부파일 */
.tbl01 ul.add li { width:100%; margin-bottom:15px;}
.tbl01 ul.add li .dot{ background:url('/artheart/images/common/blet_gray.png') no-repeat 5px 8px; padding-left:18px;}
.tbl01 .file p { background:url('/artheart/images/common/blet_gray.png') no-repeat 0px 5px; padding-left:18px; margin-bottom:8px;}
.tbl01 .file p img { margin-right:5px;}


/*목록*/
.tbl01.list01 td{ text-align: left;}
.tbl01.list01 td:first-child{ text-align: center;}

/*목록 2 : 줄간 여백 높게 faq 공지사항*/
.tbl01.board_list th, .tbl01.board_list td { padding:8px; font-size:14px;}
.tbl01.board_list th:first-child, .tbl01.board_list td:first-child { border-left:none; vertical-align:top;}
.tbl01.board_list th:last-child, .tbl01.board_list td:last-child { border-right:none;}
.tbl01.board_list td { text-align: left;}

.tbl01.input_w100p input { width:100%;}

/* 상세보기 /등록*/
/* .tbl01.view01 th:first-child { min-width:40px;} */
/* .tbl01.view01 th { min-width:120px;} */
.tbl01.view01 th { width:120px;}
.tbl01.view01 th:first-child { padding:7px 5px 7px 18px; text-align: left}
.tbl01.view01 .list01 th:first-child { width:auto;}
.tbl01.view01 td { text-align: left;}
.tbl01.view01 td { padding: 12px 10px;/*padding: 15px 30px 이면 증표사용조회팝업*/text-align:left; }
.tbl01.view01 td textarea { width:100%; min-height:180px;}

.tbl01.view01 .title { font-size: 20px; font-weight: 700;padding:10px 0;}
.tbl01.view01 .td_date {  float:right; margin:10px 0 0 30px; text-align:right; font-weight:normal; display: block;}
.tbl01.view01 .cont {min-height: 200px; }

/* 공지사항 형 기본게시판 */
.tbl01.view01.noti th{ padding:7px 0; text-align:center;width:120px; }
/* th 검은색계열 포인트 */
.tbl01.th_gray th, .tbl01 th.th_gray { background: #333; color:#fff;}
/* .tbl01.m_col1 tr td, .tbl01.m_col1 tr th {display: block;} */



@media screen and (max-width:640px){
  .tbl01.view01 th { min-width:auto; width:auto;}
  .tbl01.view01 td { padding: 7px 0px 7px 2px;}
  .tbl01.view01.th_al_c th { padding:7px 0; text-align:center;width:80px;}

  .tbl01.view01 th:first-child { /* 회원가입폼 최소 100 */; padding:7px 5px 7px 14px; }
  .tbl01.view01 th.w30 { min-width:30px !important;}


  /*목록 2 : 줄간 여백 높게 faq 공지사항*/
  .tbl01.board_list th, .tbl01.board_list td { padding:7px 0; font-size:14px;}

  /* 공지사항 형 기본게시판 */
  .tbl01.view01.noti th, .tbl01.view01.noti td{ padding:7px 0; text-align:center;width:80px; }

  .tbl01.m_td_ft13 td { font-size:13px; }
}


/*-----------------------------------------------------------------------------------------------
TABLE :: 모바일 테이블 ( 1:1  질의응답)
-------------------------------------------------------------------------------------------------*/
.tbl01 .m_date, .tbl01 .m_p_th {  display:none;}

/* 셀 타입 */
.tbl01 th.req, .tbl06 dt.req { background: #f3f3f3 url('/artheart/images/common/blet_red_r_s.png') 8px 18px no-repeat; padding-left:20px;}
.tbl01 th.no, .tbl01 th.btn01 { width:39px !important;}
.tbl01 th.day, .tbl01 th.date {width:70px;}
/* .tbl01 td input{ width:60%;} */
.tbl01 td .info { float:right; display:block}

.tbl01 .hp input { width:80px; }
.tbl01 .addr input { width:45%; margin:5px 5px 0 0; float: left; }


.tbl01 td.input_etc input {  width:calc(100% - 70px);} /* input + 기타사유 select */
.tbl01 td.input_btn input {  width:calc(100% - 66px);border-radius: 0; } /* input + 저장버튼 */

/* .tbl01 td .btn, .tbl01 td input, .tbl01 td select { margin-top:-2px; margin-bottom:-2px;} */

.tbl01 th.line_l, .tbl01 td.line_l { border-left: 1px solid rgb(153, 153, 153);}

.tbl01.tr_left th, .tbl01.tr_left td { text-align: left; padding-left:15px;}
.tbl01.th_left th { text-align: left; padding-left:8px;}
.tbl01.td_left td { text-align: left; padding-left:8px;}
.tbl01.td_center td { text-align: center; padding-left:8px;}

.tbl01.thin th {letter-spacing: -2px; padding:5px 1px;}
.tbl01.thin td{  padding:5px 1px 5px 2px;text-align: center; }

@media screen and (max-width:640px){
	.tbl01 .m_date { text-align:right; color:#666; margin-top:5px; display:block}
	.tbl01 .m_p_th { border-bottom: 1px solid #ddd; padding: 7px 12px; margin:-7px 0px 0 -2px; width:calc(100% - 21px); background-color: #f3f3f3; line-height: 1.8; text-align:center; font-weight:bold;}
	.tbl01 .hp input, .tbl01 .hp input { width:26%; }
	.tbl01 .addr input { width:100%;}

	.m_input_btn90 input {  width:calc(100% - 90px) !important; } /* 우편번호 */
	.m_input_w100p input, .m_input_w100p select { width:100%; margin-bottom:2px;}
}

/* 목록 2줄구분 */
.tbl01.odd tr:nth-child(4n+1), .tbl01.odd tr:nth-child(4n) { background-color:#deebf8; border-bottom:1px solid #aab9c4; }


/* 목록 검색조건 */

.tbl01.sch_tbl { margin-bottom:20px;}
.tbl01.sch_tbl th { width:120px; text-align: left; padding-left:15px;}
.tbl01.sch_tbl td { text-align: left;}
.tbl01.sch_tbl td input { margin-top:1px; margin-bottom:1px;}
.tbl01.sch_tbl select { margin-right:2px;}
/* 검색 : 증표종류 라디오 그룹 */
.tbl01.sch_tbl .radio_inline span span { display: inline-block; margin-bottom:5px;}
.tbl01.sch_tbl td label { margin-right:15px; display: inline-block;}





/* 글쓰기 에디터 */
.tbl01 .td_edit {padding:0px 5px;}





.w_inputno { width:110px !important;}
.input_amt { text-align: right; font-weight: 700; font-size: 16px;;height:34px;}
@media screen and (max-width:640px){

  .tbl01.sch_tbl th  { width:85px; letter-spacing: -1px; padding:8px 0; text-align: center;}
  .tbl01.sch_tbl td { padding:8px 4px;}
  /* .tbl01.sch_tbl td label { letter-spacing: -1 !important; display: inline-block; margin: 6px 3px;} */
  .tbl01.sch_tbl .sch_input { width:calc(100% - 100px);}

  .tbl01.sch_tbl td label { margin-right:8px;}


  .tbl01 th, .tbl01.td_left td {padding:7px 5px;}
  .tbl01 td input{ width:100%;}
  .tbl01 td input.m_rbtn120 { width:calc(100% - 120px)}

  .tbl01 th:first-child, .tbl01 td:first-child { border-left:none;}
  .tbl01 td:last-child { border-right:none;}



  /* 검색 */

  .btn.down  { display:block; margin: 15px 0; margin-bottom:15px !important; height:40px; }

}
/*-----------------------------------------------------------------------------------------------
	TABLE :: 담당변호사 검색 (ex-수임사건 신고서 작성하기 팝업)
-------------------------------------------------------------------------------------------------*/
/* 담당변호사 검색 */
.damdang_wrap { margin-top:10px;}
.damdang_wrap .tbl01 td, .damdang_wrap .tbl01 td, .damdang_wrap .tbl01 th:first-child { text-align:center; padding: 7px 0 !important ; }


.m_div_th { display:none;}
@media screen and (max-width:640px){
  .m_div_th {display:block; background:#f3f3f3; padding:12px; width:100%; margin:-7px 0 0 -1px; font-weight:bold; border-bottom:1px solid #ddd; box-sizing: border-box;}
  .m_noline { border:none !important;}


  .damdang_wrap { margin:5px 0 -10px -87px ; width:calc(100% + 94px); /* th 가 84인경우*/background-color: #fff; display: inline-block; ;}

}

/* 증표 구입 신청 완료 : wrap : w640 center */
.buy_ok { margin:0 auto; padding : 30px 30px 50px 30px; border:2px solid #222; color:#000; box-sizing: border-box; max-width:640px; width:100%;}
.buy_ok .tbl01 { margin:0 auto;}
.buy_ok p, .buy_ok h1 { padding: 10px 0; text-align: center; color:#000;}
.buy_ok p { font-size:15px; line-height:1.8;}
.buy_ok .comment { border:1px solid #222; margin-bottom:30px; line-height: 2.0; text-align: left;padding-left:20px;color:#000; font-size:15px;}
.buy_ok .tbl01.via_form tr td, .buy_ok .tbl01.via_form tr th { padding:10px 0;}
.buy_ok tr td.stemp { font-size:18px; line-height:30px; padding:30px !important; font-weight:bold;}

.tbl_w580 { width:580px; margin:0 auto;}
.tbl_w580 td { padding-left:10px; padding-right:10px; }
.tbl_input_100p tr td input[type="text"] {  width:100%;}
/* 면제증표 신청 */
.tbl01.ft16 tr th, .tbl01.ft16 tr td{ font-size: 16px;  }

.txt_new { font-size: 11px; color:red; animation: blink-animation 1s steps(5, start) infinite; -webkit-animation: blink-animation 1s steps(5, start) infinite; }
.icon_squ{ border:1px solid #cdcdcd; width:16px; height:16px; padding:5px; cursor: pointer; margin:3px auto;}


@media screen and (max-width:640px){
  .buy_ok { padding: 10px;}

  .tbl_w580 { width:100%; }
}

/*-----------------------------------------------------------------------------------------------
	TOP LINE :: 로그인 라인
-------------------------------------------------------------------------------------------------*/
/* #header {min-width:1200px; margin:0; padding:0;  } */

/* #header .top {min-width:1200px; height:40px;position:relative; z-index:30; background-color:#BFDEFF; */

/* } */
/* #header .top .top_userinfo { float:right;} */
/* #header .top ul li { float:left; background-color: #0f62b2; line-height: 40px;margin-left:1px; min-width: 113px; text-align: left;} */
/* #header .top ul li:hover{ background-color: #043159} */
/* #header .top ul li a {display: inline-block; color:#fff; padding:0 30px;} */
/* #header .top ul li.remote { background:#519bea url('/artheart/images/common/icon_remote.png') no-repeat 20px 50%; float: left;padding-left:10px;} */
/* #header .top ul li.remote:hover { background-color: #1c5e9b;} */

/* #header .top ul li .login { background:url('/artheart/images/common/icon_login.png') 15px 10px no-repeat; padding-left:40px; background-size:18px auto;} */
/* #header .top ul li .member { background:url('/artheart/images/common/icon_memeber.png') 15px 10px no-repeat; padding-left:40px;background-size:18px auto;text-decoration:  underline;} */
/* #header .top ul li.name { background: none; color:#666; margin-right:10px;} */
/* #header .top ul li.name b { color:#000;} */




/*------------------------------------------------------------------------------------
  모바일 탑라인
--------------------------------------------------------------------------------------*/
@media screen and (max-width:640px){
  .top_m {height:55px; overflow: hidden;}
  .top_m .m_menu { display: block;  position: absolute; z-index: 1;height: 24px; padding:15px; cursor: pointer; }
  .top_m .top_title { text-align: center;}
/*   .top_m .top_title .header_logo{ display: none; } */
  .top_m .top_title .header_logo{ display: inline-block;  height:38px;   padding:8px }
}


/*------------------------------------------------------------------------------------
  네비게이션 + 상단이미지
--------------------------------------------------------------------------------------*/

/* 	NAVI LINE */
.home_navi { width:100%; text-align: right; color:#fff;	 font-weight: 700; margin:-40px 0 25px 0; font-size: 16px;}
.home_navi a {display:inline-block;;padding-right:18px; min-width:10px;  margin-right:10px; color:#fff;}
/* .home_navi i {color:#1f8ae4; fo*nt-size: 12px; font-style: normal; margin: 0 10px;} */
.home_navi .home { width:19px;}
.home_navi font { font-weight: 700;}

@media screen and (max-width:640px){
  .home_navi { display: inline-block;  margin:0px 0px 15px -15px; width: calc(100% + 30px);font-size: 13px; line-height: 40px;z-index: 99999;   text-align: left;  font-weight: normal; overflow: hidden;background-color: #0f62b2; }
/*   .home_navi a{color: #333;} */
  .home_navi .home { width:35px}
  /* .home_navi font{  color:#fff; font-weight: normal} */
}
/*--------------------------------------------------------------------------------------------------------
	 왼쪽메뉴(lnb)
----------------------------------------------------------------------------------------------------------*/

.lnb_wrap {width:200px; min-height:100px; ;padding:0; position:relative; left:0;z-index:50; float:left;}
.lnb_wrap h2       { padding-top:42px; height:65PX; text-align:center; vertical-align:middle; font-size:22px; font-weight:700; line-height: 1.6;color:#fff; background-color: #2678BC; border-bottom:4px solid #ccc}
.lnb_wrap h2.line2 { padding-top:17px; height:85px;}
.lnb_wrap h2 a{height:117px;color:#fff; font-size:22px;text-align:center; vertical-align:middle;}

.lnb {margin-bottom:26px;}
.lnb_dep01 {padding-top:2px;}
.lnb_dep01 dd {border-bottom:1px solid #cdcdcd; display:block;padding:14px 0 14px 5px; font-size: 15px; font-weight: 600; font-family:'Nanum Gothic'; cursor: pointer;}
.lnb_dep01 dd .double {height:40px;}
.lnb_dep01 dd.on { color:#0f62b2 !important;}
.lnb_dep01 dd:hover {color:#0f62b2 !important; }


@media screen and (max-width:640px){
  .lnb_wrap { display: none;}
}

/*--------------------------------------------------------------------------------------------------------
	 TITLE
----------------------------------------------------------------------------------------------------------*/

.sub_title {width:100%; height:90px;  margin-bottom:20px; position:relative;border-bottom:1px solid #e0e0e0; font-family: 'Nanum Gothic' }
.sub_title h3 {display:inline-block;padding:30px 0 31px 0; color:#000; margin-bottom:12px;  font-weight:bold; border-bottom:2px solid #0f62b2;}
.sub_title h3 small { color:#666; font-size: 20px;}

.sub_title02_wrap { margin-top:-40px;}
.sub_title02 {margin:30px 0 5px; padding-left:26px; width:auto; display:inline-block;}
.sub_title02 + .red01,  .sub_title02 + .sub_wrap{ margin:30px 0 5px; font-size:15px; float:right;}
.sub_title03 {margin:45px 0 5px; padding-left:26px; }


h5.ctit {font-size:18px; line-height:18px; font-weight:600; margin-bottom:20px;;letter-spacing:-2px; border-left:3px solid #0d82eb; padding-left:22px}

.sub_title04 {overflow:hidden;}
.sub_title04 h4 {font-size:12pt; color:#444; padding-bottom:12px; float:left;}
.sub_title04 span {display:block; padding:3px 0 0 6px; float:left;}

.sub_title05 h4 {font-size:12pt; color:#004f9c; padding-bottom:12px; letter-spacing:0;}

.sub_title06 {padding:14px 10px 9px 32px; border:1px solid #e5e5e5;}
.sub_title06 h4 {height:20px; font-size:13pt; color:#444; line-height:19px;}

.sub_title07 {padding:8px 4px 14px;}
.sub_title07 h5 {padding-left:17px;}

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

  .sub_title { height:auto; text-align: center;}
  .sub_title h3 { margin:0; padding:10px 0 10px 0;}

  .sub_title02 { margin:25px 0 5px 0}
  .sub_title02 + .red01, .sub_title02 + .sub_wrap { margin:5px 0 10px;  width:100%; font-size:13px;}


	.sub_title_bg { margin-top:0;}
	.sub_title_bg .navi {overflow: scroll;/* 막으면 넘어감 */ top:-42px; }
	.sub_title_bg .navi .main { padding-right:18px; background-size: auto 14px;}
	.sub_title_bg .navi, .sub_title_bg .navi a, .sub_title_bg .navi span   { color:#999; letter-spacing: -1px; font-size: 13px;white-space:nowrap;}
	.sub_title_bg h3 { position:absolute;top:-85px;;font-size:16px;  padding:0; margin:0 auto 0 auto;text-align: center; width:100%; color:#fff;}

	.sub_title03 h4, .sub_title03 h5, h5.ctit {padding:15px 0 15px 0; text-align:left;  text-align: center;border-bottom: 1px solid #e0e0e0; border-left:none; padding-left:0;}
}




/*-------------------------------------------------------------------
	탭 처리 ex) 증표사용
---------------------------------------------------------------------*/
.sub_tabmenu ul {width:100%; overflow:hidden;}
.sub_tabmenu ul li {width:15%; margin:0 1px 1px 0 ; float:left; text-align: center; padding:12px 0; background-color: #DEDEDE; font-size: 15px; cursor: pointer; letter-spacing: -2px;}
.sub_tabmenu ul li.on a, .sub_tabmenu ul li.on a span {color:#fff;}

.sub_tabmenu ul li.on, .sub_tabmenu ul li .on { background-color: #795548;color:#fff;}


@media screen and (max-width:640px){
  .sub_tabmenu ul li { min-width:22%; font-size: 14px; letter-spacing: -2px;}
}

/* .gotop { position: fixed; bottom: 42px; right:15px; width: 50px; text-align: center; height: 50px; line-height: 50px; background: #111; color: #fff; opacity: 0.5; border-radius: 50%; font-size: 15px; z-index: 99999; } */
.gotop { position: fixed; bottom: 42px; right:15px;  bottom: 10px; width: 50px; text-align: center; height: 50px; line-height: 50px; background: #111; color: #fff; opacity: 0.5; border-radius: 50%; font-size: 15px; z-index: 99999;
						 }
.goBack { position: fixed; bottom: 42px; left:15px;  bottom: 10px; width: 50px; text-align: center; height: 50px; line-height: 50px; background: #111; color: #fff; opacity: 0.5; border-radius: 50%; font-size: 15px; z-index: 99999; }

/*------------------------------------------------------------------------------------
	footer - 2024 리뉴얼
--------------------------------------------------------------------------------------*/
#footer_wrap {width:100%;   min-width: 1200px;  justify-content: center; clear:both; margin-top:80px; min-height: 240px; box-sizing: border-box; background:url(/artheart/images/main-v2024/footer-bg.jpg);  display: flex;}

#footer_wrap .footer_info { width: 1200px; padding: 10px; }
#footer_wrap .footer_info, #footer_wrap .footer_info .footer-txt  { position: relative ; display: flex;    justify-content: space-between;  align-items: center; gap:3%}


#footer_wrap .footer_info .footer-txt .address {float:left; margin:0px 0 0px 15px;  min-width: 310px;}
#footer_wrap .footer_info .footer-txt .address li, #footer_wrap .footer_info .address li a { font-size: 0.8rem; line-height: 1.6}
#footer_wrap .footer_info .footer-txt .logo_footer { display: flex}
#footer_wrap .footer_info .footer-txt .logo_footer img { height: 40px; width: auto; max-width: 100%;}

#footer_wrap .footer_info .search { position: relative;background: url(/artheart/images/main-v2024/footer-search-bg.png) no-repeat; width: 690px ;height:108px;  display: flex;    align-items: center;  padding: 16px 22px 0; box-sizing: border-box}
#footer_wrap .footer_info .search select { height: 54px; border:none; font-size: 1.1rem; font-weight: 500; color:#000; padding : 15px 37px 15px 15px;}
#footer_wrap .footer_info .search input { height: 54px; width:310px; border:none; font-size: 1.1rem; font-weight: 500; color:#000; padding : 15px 37px 15px 15px; margin-left: 15px;}
#footer_wrap .footer_info .search a div {  font-size: 1.1rem; font-weight: 500; padding: 15px 0px ;color:#fff !important; display: flex;    align-items: center;   min-width: 45px;justify-content: center; cursor: pointer;}

#footer_wrap .footer_pc {margin-top: 70px; position:relative; display:block; width:100%; box-sizing:border-box; font-size:58px; padding:20px 0; background-color:#111; color:#fff; border:1px solid #666; display: inline-block;  text-align: center}
#footer_wrap .footer_moblie { display: none; }
    
    @media screen and (max-width: 640px) {
      #footer_wrap { width: 100%;min-width: auto; }
      #footer_wrap .footer_info, #footer_wrap .footer_info .footer-txt { min-width: auto;   width: 100%;
        flex-direction: column-reverse;}
      #footer_wrap .footer_info { gap:40px; padding: 40px 10px;}
      #footer_wrap .footer_info .address { margin:0;}
      #footer_wrap .footer_info .search { margin: 10px; width: 100%; background-size: 100% 108px; padding: 16px 16px 0;font-size: 0.9rem; }
      #footer_wrap .footer_info .search select { width : 157px; padding : 15px 27px 15px 8px; font-size: 0.9rem;}
      #footer_wrap .footer_info .search input {width : 100%; }
      #footer_wrap .footer_info .footer-txt { gap:30px;}

      #footer_wrap .footer_info .search a div { padding: 15px 0px ;font-size: 0.9rem;}



    }


    /*------------------------------------------------------------------------------------
      contents - 2024 리뉴얼
    --------------------------------------------------------------------------------------*/
    .cont2024 { font-size: 1.8rem; line-height: 1.5; text-align: center; color:#000;}
    /*.cont2024 img { margin: 100px auto; display: block;}*/
    .cont2024 h1 { font-size: 3.8rem; font-weight: 700;margin: 100px auto 80px;}
    .cont2024 .bg_brown{ margin-top: -104px; padding: 100px 0;text-align: center; background: url(/artheart/images/art_heart/info_ceo/info_ceo_06-bg.jpg) }
    .cont2024 span { color:var(--color-art-primary)}
    .cont2024 .tit.p2 { color:var(--color-art-p2); margin-top:180px; text-align: center; }
    .cont2024 .tit.p2 + h1 { margin-top:50px;}
    .cont2024 .tit .graytit{ display: inline-block;min-width: 110px;text-align: left; background:#DCDCDD; color:#000;padding: 6px 15px 6px 20px   ; margin: 50px 0 20px;text-align: left;  }
    .cont2024 .ceo-history { padding-left: 10px; font-size: 1.6rem; line-height: 1.4; margin:20px 0 100px;; min-width: 120px;}
    .slick-dots { display: none !important; }
    
    .m0 { margin:0 !important;}
    .mt0 { margin-top:0 !important;}
    .mb0 { margin-bottom:0 !important;}
    @media screen and (max-width: 720px) {
      .cont2024  { font-size: 0.8rem; }
      .cont2024 h1 { font-size: 1.5rem; }
      .cont2024 .ceo-history {font-size: 1.1rem;}
      /*.cont2024 img { margin: 50px auto;}*/
      .cont2024 .tit.p2 { margin-top:100px; font-size: 1.1rem;}
    }
    /* ----------------------------------------------------------------------------------
      도움말 toggle div  팝업창
    ---------------------------------------------------------------------------------- */


    /*  i 아이콘 : 한줄 comment*/
    .icon_info { border-radius: 50%; border:1px solid #FAA61A; background:#FAA61A;margin-left:5px;  color:#fff; font-weight:700; line-height:18px;;width:18px; height:18px; display: inline-block; position: relative;text-align: center; text-decoration: none; z-index: 0;}
    .icon_info.outline { border:1px solid #ff6600 ; background:#fff; color:#ff6600 ;}

    .icon_info.l { width:22px; height:22px; line-height: 25px;;}
    .icon_info.l.outline { border:1px solid rgb(250, 116, 26) ; background:#fff; color:rgb(250, 116, 26) ;}

    .icon_info02 { padding-left:30px; line-height: 25px; color:rgb(114, 58, 21);}

    .txt_info { text-decoration: underline;  color:#ff6600;}

    .toggleInfo {   display: none; position: absolute; background-color: #fffbf6; z-index:1 ; width:450px; margin-left:-200px; margin-top:5px;bordeR:1px solid #222; text-align: left;;}
    .toggleInfo .tit { color:#fff; display: inline-block; padding: 10px 15px 10px 40px; ;width:100%; box-sizing: border-box; font-size: 15px;}
    .toggleInfo .cont { padding:15px; font-size:12px; color:#222; min-height:auto !important;}
    .toggleInfo .cont ol li{ margin-bottom:2px; }
    /* 클릭시 사라짐 */
    .toggleInfo:active { display: none !important;}

    /* 연결사건 */
    #id_rel .toggleInfo { top:200px; left:30%; width:790px; height:672px; position:absolute;}
    @media screen and (max-width:640px){
      .toggleInfo { position: absolute; left:10px; width:calc(100% - 20px) !important; height:auto; margin:20px 0 0 0px ;  }

      #id_rel .toggleInfo { top:30px; left:10px;  height:auto;}
    }
    /* ----------------------------------------------------------------------------------
      상단 순서주의
    ---------------------------------------------------------------------------------- */
    .flow_wrap { margin-top: 40px; }
    .flow_wrap:after { content: ''; display: block; clear: both; }
    .flow_wrap li{ position: relative;;float: left; font-size:16px  ; font-weight:normal; width: 31%;height: 49px; line-height: 49px; text-align: center;  background-size: 10px 49px;  border: 1px solid #cccccc; color: #555555;  box-sizing: border-box; padding-left:30px;
    }

    .flow_wrap li:last-child { margin-right:0;}
    .flow_wrap li.arr { background-size: 10px 20px ;width:20px; border:none;}

    .flow_wrap li.on { border:2px solid rgb(83, 170, 228); }
    .flow_wrap a span,.flow_wrap button span { letter-spacing: -0.05em; font-family: 'Nanum Barun Gothic'; font-size: 16px;  }
    .flow_wrap a:last-child { margin-right: 0; }
    .flow_wrap li b { position: absolute; left:0;;;font-size: 16px; color:#fff; width:50px; height:47px; display: inline-block;  text-align: center; font-size: 20px;}






    @media screen and (max-width:640px){
      .flow_wrap li { font-size: 13px; height:102px; line-height: 1.6;    text-align: center; padding:5px; letter-spacing: -1px; width:30%; padding:50px 0 0 0}
      .flow_wrap li b { display: inline-block; width:100%; top:0; text-align: center; vertical-align: middle; line-height: 40px; height:40px; }
      .flow_wrap li.arr { width:15px; }

    }
    /*------------------------------------------------------------------------------------
      기타
    --------------------------------------------------------------------------------------*/
    .online_txt_wrap { padding-left: 8px; line-height: 43px;}
    .icon_online { height:20px !important; width:20px; opacity: 0.8;  margin:-2px 5px 0 -1px;}
    .icon_online + .online_txt { font-weight: 700;}
    .tbl01 tr td .icon_online { margin:0 0 0 3px; opacity: 0.5;}

    .alert_msg { padding: 20px;  font:14px 'Nanum Gothic', 'Noto Sans Korean', 'Nanum Gothic', dotum,Gulim,AppleGothic,sans-serif; line-height: 1.8;;}
    .btn_filesel { padding:2px 7px 1px 7px; margin-top:-3px !important;  } /* 파일선택 버튼 */
    /* 달력 */
    .mx-panel-date td.today { background-color:#d7ebfb}

    /*------------------------------------------------------------------------------------
      editer
    --------------------------------------------------------------------------------------*/
    .html_cont h2{ font-size:22px; font-weight:700; color:#000;}

    /*------------------------------------------------------------------------------------
      회원가입 설명문구
    --------------------------------------------------------------------------------------*/
    .member_wrap .cert_comment { width:750px;margin:30px auto; font-size:18px;  font-family: 'Nanum Gothic' ;line-height: 1.8; text-align: center; }
    .member_wrap h1 { margin : 30px auto; text-align: center; font-family: 'Nanum Gothic' ; }

    .member_wrap ul.sel_mem { margin: 0 auto ; text-align: center; width:780px;}
    .member_wrap ul.sel_mem li {float: left; margin-left:30px;;width: 370px; height: 360px; text-align: center; background: #fff; box-shadow: 0px 5px 15px 1px rgba(0,0,0,.15);}
    .member_wrap ul.sel_mem li:hover { border:1px solid #064680}
    .member_wrap ul.sel_mem li.d01 { margin-left:0px;}
    .member_wrap ul.sel_mem li.d02 { }
    .member_wrap ul.sel_mem li p { margin:170px auto 40px;; font-size:24px;}
    .member_wrap ul.sel_mem li p.txt { font-size:16px; display: inline-block; margin:10px 0 30px 0; width:100%;}

    @media screen and (max-width:640px){
      .member_wrap .cert_comment  { width:100%; box-sizing: border-box; margin:10px auto; font-size:15px;}
      .member_wrap h1 { margin : 40px auto 0;}

      .member_wrap ul.sel_mem { width:100%; margin:0 }
      .member_wrap ul.sel_mem li { background-position: 100px 0; height:auto; margin-left:15px; width:calc(50% - 8px); box-sizing: border-box;}
      .member_wrap ul.sel_mem li.d01 { }
      .member_wrap ul.sel_mem li.d02 { }
      .member_wrap ul.sel_mem li p { margin:90px auto 20px; font-size:16px; height:50px; width:100px; }
      .member_wrap ul.sel_mem li p.txt { font-size:14px; display: inline-block; margin:10px 0 30px 0; width:100%;}
    }

    /* ----------------------------------------------------------------------------------
      회원가입
     ---------------------------------------------------------------------------------- */
    .join textarea { height:200px; width:100%; margin:10px 0;}
    .join h3 { margin: 30px auto 5px}
    /* ----------------------------------------------------------------------------------
    주의사항, dot, blet
    ---------------------------------------------------------------------------------- */
    .comment {display:inline-block;position:relative;padding:25px;; background-color: #f3f3f3; width:100%; box-sizing: border-box; margin:15px auto; word-break: keep-all}
    .comment p { margin-top:0; line-height: 2.0;;}
    .comment .tit {  display: inline-block; font-size:20px; margin: 10px auto; }
    .comment p.sub01 { line-height:1.6; padding-left:15px;}
    .comment .bg_white { padding:15px; background-color:#fff; line-height: 1.6; border:1px solid #ddd;}
    .comment li { line-height: 1.4; word-break: keep-all; margin-bottom:5px;}
    .comment dt {background:url('/artheart/images/member/icon.jpg') no-repeat 0 6px; padding-left:20px; margin-left:15px; margin-bottom:5px;}
    .comment .box {border:1px solid #999; padding:15px 10px;margin-top:20px; background:rgb(235, 235, 235);}
    .comment .tip { font-size:13px; color:#666}


    .comment.dot li { background:url('/artheart/images/common/blet_r_navy.png') no-repeat 0 6px; padding-left:15px;}
    .comment.dot_gray li { background:url('/artheart/images/common/blet_gray.png') no-repeat 0 6px; padding-left:15px;}
    .comment.bar li { line-height:1.4;padding:2px 0 0 13px; margin:7px 0;background:url('/artheart/images/common/blet_bar_gray.png') no-repeat 0 10px;word-break: keep-all}
    .comment.bar li p.org  {background:url('/artheart/images/common/blet_bar_org.png') no-repeat 0 10px;}
    .comment.bar li p.ctit {background:none; padding:15px 0; color:#f47521 !important; font-size: 15px; background:none; font-weight: 700;}
    .comment.bar li p.ctit:first-child {margin-top:0px;}

    .comment.mint01 { background: #fff; padding:0;}
    .comment.mint01 li { background: url('/artheart/images/member/icon_jum.jpg') 5px 6px  no-repeat; color:#222; margin:0; padding-left:30px;}
    .comment.mint01 li.tit { background: url('/artheart/images/member/icon.jpg') 3px 6px no-repeat; font-size:16px; font-weight: normal; margin-bottom:10px;}



    .comment_txt { display:inline-block; width:100%;font-weight: normal; padding:7px 0 0 0 ; line-height: 1.8; }
    .comment_txt font{ color:#ee9628; font-weight: 700;}

    .comment_gray { clear:both;position:relative;display:inline-block;padding:25px;; background-color: #f3f3f3;   text-align: left; font-weight: normal; width:100%; box-sizing: border-box; margin:15px auto;
      font:14px 'Nanum Gothic'; word-break: keep-all}
    .comment_gray p { margin-top:0; line-height: 2.0;;}
    .comment_gray .tit { color:#f16522; margin-bottom:10px; display: inline-block; font-size:18px; }
    .comment_gray .bg_white { padding:15px; background-color:#fff; line-height: 1.6; border:1px solid #ddd;}
    .comment_gray li { line-height: 1.4; word-break: keep-all; margin-top:10px; margin-bottom:10px;}



    .comment_star{ display:inline-block; position:relative; font-size:13px; word-break: keep-all}
    .comment_star.gray li{padding-left: 15px; margin-bottom:5px; line-height: 1.2; }
    .comment_star.blue li{padding-left: 15px; ine-height: 1.6; color:#0053CF;}
    .comment_star.red	{ background: url('/artheart/images/common/blet_starred.png') 0 4px  no-repeat;  padding-left:15px;}
    .comment_star.blue	{ padding-left:15px;}

    .comment_bar.rline li {padding:5px 13px; line-height:1.4; }

    /* 당구장 */
    .comment_star2 { clear:both;position:relative;display:inline-block;padding:15px;; background-color: #f3f3f3;   text-align: left; font-weight: normal; width:100%; box-sizing: border-box;  }
    .comment_star2 li { float:none !important;margin:15px 0; padding-left:10px; line-height: 1.4;}
    .comment_star2 li:last-child { padding-right:0; background: none;}

    .comment li.star2, .blet_star {  padding-left:15px; }
    .dot_org { padding-left:10px; }


    @media screen and (max-width:640px){
      .comment { padding:10px;}
      .comment li{  margin-top:8px; bottom:4px; }
      .comment.dot_gray li{ padding-left:10px;}
      .comment p.sub01 { padding-left:10px;}

      .comment_gray { padding:12px;}
      .comment_gray p.tit{ font-size:16px; line-height: 1.6;;}
    }
    /* 익스플로러에서 회원검색.. 팝업위의 팝업이 숨겨짐...  오류 쳐리*/
    .v--modal-box.v--modal { z-index:9999; }










    /*-----------------------------------------------------------------------------------------------
      버튼
    -------------------------------------------------------------------------------------------------*/
    .btn_group:before { clear:both; overflow: hidden;}
    .btn_group { box-sizing: border-box; display: inline-block; *display:inline; *zoom:1; text-align: center; width:100%; overflow: hidden; margin-top:10px; padding:3px 0; }
    /* .btn_group .right a,  .btn_group .right button{ margin-left:10px;} */
    .btn_group .right a:first-child,  .btn_group .right button:first-child{ margin-left:0px;}
    .btn_group .left a { margin-right:10px;}

    .btn_group a {margin-left:10px;}
    .btn_group a:first-child {margin-left:0px;}

    @media screen and (max-width:640px){
      .btn_group .right a,  .btn_group .right button{ margin-left:5px;}
    }
    .btn { display: inline-block;line-height: 31px; padding: 0 3px;cursor: pointer; text-transform: uppercase; white-space: normal; word-wrap: break-word; border:1px solid #727272; box-sizing: border-box;  text-align: center;}
    /* .btn{display: inline-block; text-align: center; vertical-align: middle; cursor: pointer; box-sizing: border-box;} */
    .btn_group .btn:first-child { margin-left:0;}
    .btn:hover, .h_shadow:hover, .shadow {
      z-index: 1000;
      box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 5px; /* 투명도 조정 */
      -webkit-box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 5px;
      -moz-box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 5px;
      /*filter: blur(5px); !* 흐림 효과 적용 *!*/
    }
    .shadow_s { z-index: 1000; box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 3px ; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 3px ; -moz-box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 3px ; }

    .btn .img01 {height:18px; position: absolute; } /*pr30*/

    .btn.xxs { padding:0;min-width:30px; font-size: 12px;}
    .btn.td_xs { padding:0px 5px; font-size: 13px; min-width:40px ; height:26px; line-height:26px;}
    .btn.xs { padding: 3px 5px 1px 5px; font-size: 13px; min-width:40px ; } /* height:33px; */
    .btn.xs.l { padding: 3px 15px; font-size: 13px; min-width:40px ; line-height:20px; }
    .btn.s { padding: 5px 15px !important; font-size: 14px !important;}
    .btn.m { padding: 10px 16px; font-size: 16px;min-width:90px;}
    .btn.ml { padding: 13px 16px; font-size: 16px;min-width:120px;}
    .btn.l {padding: 13px 72px; font-size: 18px; line-height: 35px; }
    .btn.xl {width:100%; height:54px; font-size: 18px; line-height:34px;}

    @media screen and (max-width:640px){
      .btn.l { padding: 13px 22px; min-width:120px;}
      .btn.m { padding: 0px 16px; font-size: 16px;min-width:34px; height: 34px; }

    }
    .gray01 { color:#333;}
    .btn.gray01 { background-color: #333; border: 1px solid #333; color:#fff; } /* 흰색바탕 네이비 글씨 */
    .btn.gray01.outline { background-color: #fff; border: 1px solid #333; color:#000; } /* 흰색바탕 네이비 글씨 */

    .gray02 { color:#888; }
    .btn.gray02 { background-color: #888; border: 1px solid #888; color:#fff; } /* 흰색바탕 네이비 글씨 */
    .btn.gray02.outline { background-color: #fff; border: 1px solid #888; color:#000; } /* 흰색바탕 네이비 글씨 */


    .gray03 { color:#e5e5e5; }
    .btn.gray03 { background-color: #e5e5e5; border: 1px solid #e5e5e5; color:#fff; } /* 흰색바탕 네이비 글씨 */
    .btn.gray03.outline { background-color: #fff; border: 1px solid #e5e5e5; color:#000; } /* 흰색바탕 네이비 글씨 */


    .white01 { color:#fff;}
    .btn.white01 { background-color: #fff; border: 1px solid #ffffff; color:#222; }
    .btn.white01.outline { background-color:rgba( 255, 255, 255, 0.0 ); color:#fff; }

    .btn.white02 { background-color: #fff; border: 1px solid #ffffff; color:#2e435e; }
    .btn.blue01 { background-color: #064680; border: 1px solid #064680; color:#fff; }
    .btn.blue01.outline { background-color: #fff; border: 1px solid #064680; color:#064680; }

    .blue02 { color:#007de1;}
    .btn.blue02 { background-color: #007de1; border: 1px solid #007de1; color:#fff; }
    .btn.blue02.outline { background-color: #fff; border: 1px solid #007de1; color:#007de1; }

    .btn.black01 { background-color: #702283 !important; border: 1px solid #702283 !important; color:#fff !important; }
    .btn.black01.outline { background-color: #fff  !important; border: 1px solid #222; color:#222  !important; }
    .btn.black02 { background-color: #666; border: 1px solid #666; color:#fff; }
    .btn.black02.outline { background-color: #fff; border: 1px solid #666; color:#666; }

    .violet01 { color:#b60081;}
    .btn.violet01 { background-color: #b60081; border: 1px solid #b60081; color:#fff; }
    .btn.violet01.outline { background-color: #fff; border: 1px solid #b60081; color:#b60081; }

    .pupple01 { color:#6b1785;}
    .btn.pupple01 { background-color: #6b1785; border: 1px solid #6b1785; color:#fff; }
    .btn.pupple01.outline { background-color: #fff; border: 1px solid #6b1785; color:#6b1785; }


    .green01 { color:#22AC39;}
    .btn.green01 { background-color: #22AC39; border: 1px solid #22AC39; color:#fff; }
    .btn.green01.outline { background-color: #fff; border: 1px solid #22AC39; color:#22AC39; }

    .green02 { color:#41a74b;}
    .btn.green02 { background-color: #41a74b; border: 1px solid #41a74b; color:#fff; }
    .btn.green02.outline { background-color: #fff; border: 1px solid #41a74b; color:#41a74b; }



    .mint01 { color:#61A8BE}
    .btn.mint01 { background-color: #61A8BE; border: 1px solid #61A8BE; color:#fff; }
    .btn.mint01.outline { background-color: #fff; border: 1px solid #61A8BE; color:#61A8BE; }


    .red01 { color:#e52f11;}
    .red02 { color:#ca2d07;}
    .btn.red01 { background-color: #e52f11; border: 1px solid #e52f11; color:#fff; } /* 흰색바탕 네이비 글씨 */
    .btn.red01.outline { background-color: #fff; border: 1px solid #e52f11; color:#e52f11; } /* 흰색바탕 네이비 글씨 */

    .org01 { color:#F08300 !important}
    .org02 { color:#Ff6600 !important}
    .btn.org01 { background-color: #ff6600; border: 1px solid #ff6600; color:#fff !important; } /* 흰색바탕 네이비 글씨 */
    .btn.org01.outline { background-color: #fff; border: 1px solid #ff6600; color:#ff6600; } /* 흰색바탕 네이비 글씨 */

    /* .btn.img {line-height:17px; padding-left:20px !important; min-width:110px; } */

    .btn.excel { line-height:17px; padding-left:32px !important; border-color:#007233; color:#007233; min-width:110px;}
    .btn.print { line-height:17px; padding-left:30px !important;  border-color:#666; color:#666;min-width:110px;}
    .btn.search_org { line-height:17px; padding-left:20px !important; border-color:#007233; color:#007233; }
    .btn.search_black { line-height:17px; padding-left:20px !important; border-color:#333; color:#222; min-width:110px; background-size: 20px auto;}
    .btn.search_black2 { line-height:17px; padding-left:20px !important; border-color:#333; color:#fff; min-width:110px; background-size: 20px auto; }
    .btn.search_navi { line-height:17px; padding-left:20px !important; border-color:#007233; color:#007233; min-width:110px;}
    .btn.reload { line-height:17px; padding-left:20px !important; border-color:#333; color:#222; min-width:110px; background-size: 20px auto;}

    .btn.down { line-height:17px; padding-right:40px !important;min-width:110px; font-weight: normal; background-size:18px;}

    .btn.icon.plus { width:50px !important; height:50px; min-width:50px !important; padding:0;}

    /* 아트앤하트 버튼 */
    .btn.search { background-color: #702283 !important; border: 1px solid #702283 !important; color:#fff !important; padding: 0 20px; margin-left:-4px }

    @media screen and (max-width:640px){
      .btn { min-width: 60px; padding-left: 10px; padding-right: 10px;}
      .btn.excel,
      .btn.print,
      .btn.search_black,
      .btn.search_black2,
      .btn.down,
      .btn.reload { background-size: auto 14px ;min-width: 80px; font-size:14px; min-width:80px;; padding-left:20px; line-height: 27px;;}

      .btn.search { padding: 0 8px }

    }
    /* ----------------------------------------------------------------------------------
       number
     ---------------------------------------------------------------------------------- */
    .dl_count { counter-reset: number; padding:10px 0 0 15px; }
    .dl_count dt:before { /* counter-reset: number 1; */ counter-increment: number; content: counter(number) ". "; margin-left:-15px;}
    .dl_count dt { margin-bottom:15px; font-weight: normal;}


    /* ----------------------------------------------------------------------------------
       ul list
     ---------------------------------------------------------------------------------- */
    .ul_list { display: inline-block; position: relative; width:100%;}
    .ul_list li { float: left; cursor: pointer; box-sizing: border-box; width:calc(25% - 7px); display: inline-block;position: relative; margin-left:0.05%; }
    .ul_list.d03 li { width:33.3%;  } /* tab 기본 : 25% */
    .ul_list.d02 li { width:45.0%;  } /* tab 기본 : 25% */

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


    /*-----------------------------------------------------------------------------------------------
      리스트 갤러리
    -------------------------------------------------------------------------------------------------*/
    /* .ul_list.list_gallery { width:100%; } */
    .ul_list.list_gallery li { display:inline-block; position:relative; float: left ; width:calc(33% - 8px); display: inline-block; margin:0px 0 15px 15px;  overflow: hidden;  border:1px solid #e0e0e0;}
    .ul_list.list_gallery li:nth-child(3n-2) { margin-left:0px; }
    .ul_list.list_gallery li img  {border:1px solid #cbcbcb; box-sizing: border-box; width:100%; }
    .ul_list.list_gallery li p {position:absolute; width:100%; padding:15px 0 15px 5px; font-size:18px;text-overflow: ellipsis !important; overflow: hidden !important;word-wrap:break-word; white-space: nowrap !important; background:rgba(0, 0, 0, 0.4); bottom:0; color:#fff; box-sizing: border-box;}
    .ul_list.list_gallery li div, .ul_list.list_gallery li a { display: inline-block; position: relative; width:100%;}
    .ul_list.list_gallery li a .bg_thum { width:100%; height:180px; overflow: hidden;cursor: pointer; background-position: 50% 25% !important; background-size:180px;}
    @media screen and (max-width:640px){
      .ul_list.list_gallery li { width:calc(50% - 5px) !important; margin:0px 0px 10px 10px;}
      .ul_list.list_gallery li:nth-child(n) { margin-left:10px;}
      .ul_list.list_gallery li:nth-child(2n-1) { margin-left:0px; }
      .ul_list.list_gallery li p {font-size:15px; white-space:normal !important; margin:0px 0;}
      .ul_list.list_gallery li img { width:100%;}
      .ul_list.list_gallery li a .bg_thum { background-size:auto 150% !important;}

    }

    /* 교육원 검색 */
    .search_wrap tr.best .icon_award { margin-right:5px;}
    .search_wrap tr.best td {background-color: #f1eef5;}
    .search_wrap tr.best td p {color:#b60081; font-weight: 700; margin:6px 0 3px 0; ;}
    .search_wrap tr td { padding:10px 15px; text-align: left; }
    .search_wrap tr td .name { font-size:16px }
    .search_wrap tr td:last-child {  padding:0; text-align: center; font-size:15px; min-width: 125px;}
    .search_wrap .type-mo-badge { display: none;}

    @media screen and (max-width:640px){
      .search_wrap tr.best .icon_award { margin-top:-7px;}
      .search_wrap tr td { padding:5px 3px; text-align: left; font-size:14px;}
      .search_wrap tr td:last-child {  font-size:14px; min-width:100px; letter-spacing: -1px;}
      .search_wrap tr.best td { letter-spacing: -1px; }
      .search_wrap .type-pc-badge {display: none;}
      .search_wrap .type-mo-badge {display: block;width: fit-content;padding: 3px 16px;font-size: 13px;background: #f4f5f7;border-radius: 18px;border: 1px solid #ebecee;line-height: 1.2;margin-top: 5px;}
    }
    /* 사이트맵 */
    /* .sitemap h2 { width:200px} */
    .sitemap { margin-top:30px !important;}
    .sitemap ul  {width:200px; float: left; min-height:200px;  margin-left:15px;}
    .sitemap h2  {color:#027998}
    .sitemap h2 p {font-size:14px; font-weight:normal; margin-bottom:10px;}
    .sitemap ul:first-child { margin-left:0;}
    .sitemap ul li { border-bottom:1px solid #dddddd; padding:10px 0;}
    .sitemap ul li a { width:100%;}
    .h400 { height:360px;}

    .sitemap .tbl01 tr td { text-align: left; padding-left:15px;}
    .sitemap .tbl01 .nobg { background: none !important;}

    /*-----------------------------------------------------------------------------------------------
      회원가입
    -------------------------------------------------------------------------------------------------*/
    /* 약관 */
    .join .join_prive_info { margin:20px 0;}
    .join .join_prive_info li { padding: 5px 0 0 15px; }
    .join .join_prive_info li img {position: absolute; margin:5px 0 0 -15px; }
    /* .join .tit { font-weight: 700; font-size: 16px; margin:20px 0; width:100%;} */
    .join .textbox1 { width:100%; height:170px; color:#999;}
    .member .member_addinfo { border:2px solid #6B1785; background:#6B1785; padding:15px 5px; margin: 15px 0;  color:#fff; letter-spacing: -1px}

    @media screen and (max-width:640px){
      #member_partner ul li { width:100%}
    }

    /*-----------------------------------------------------------------------------------------------
      개설상담신청서 체크박스 리스트
    -------------------------------------------------------------------------------------------------*/

    .consult_wrap .tbl01 th:first-child { width:180px;}
    .consult_wrap .tbl01 ul { width:100%}
    .consult_wrap .tbl01 ul li { width:30%; float: left; line-height: 2.2; min-height:30px;}
    .consult_wrap .tbl01 textarea { width:100%; height:150px;}


    @media screen and (max-width:640px){
      .consult_wrap .tbl01 th:first-child { width:80px;}
      .consult_wrap .tbl01 ul li { width:48%; float: left; line-height: 2.2; min-height:30px;}
    }

    /*-----------------------------------------------------------------------------------------------
      로그인
    -------------------------------------------------------------------------------------------------*/
    /*.login_wrap .bg_login { position:absolute ;right:100px;;top:47px;background:url('/artheart/images/member/bg_login.png')  no-repeat  0 0; z-index:1; height: 145px; width:163px;  }*/

    .login_wrap .login { display:block;position:relative; font-size:17px; margin:100px auto ; width:675px; padding: 50px 70px 40px;border:2px solid #61A8BE; border-radius: 10px; box-sizing: border-box;}
    .login_wrap .login .login_id{ display:block;position:relative; margin:0 5px 20px 0; width:100%;  border-bottom:1px solid #ddd; padding-bottom:15px;}
    .login_wrap .login .login_id li {  width:calc(100% - 185px); display: inline-block; margin:0 0 5px 0;}
    .login_wrap .login .login_id input { width:calc(100% - 105px);}
    .login_wrap .login .login_id .btn_login { position: absolute; top:0; right:0; width:180px; padding: 0; line-height: 70px;}
    .login_wrap .login .login_id .email input { width:108px;}
    .login_wrap .login li span { display:inline-block;width:85px;}
    .login_wrap .login li.buttons a { width:49.5%; height:50px; line-height: 50px; max-height: inherit; letter-spacing: -1px;margin-bottom: 3px;}
    /* 회원가입 완료 */
    .login_wrap .login.join_ok { padding: 30px 10px 40px 70px; background: url('/artheart/images/member/bg.jpg') 0 0 no-repeat;}
    .login_wrap .login.join_ok .txt { margin:10px 0 30px;  font-size:24px}
    .login_wrap .join_ok .btn_group { padding:23px 10px 40px 109px; }

    @media screen and (max-width:640px){
      .login_wrap .login { padding:20px 15px;  width:100%; box-sizing: border-box;margin:50px 0; font-size:17px; }
      .login_wrap .login { }
      /*.login_wrap .bg_login { background-size: 85px auto; width:85px; height:85px;right:15px; top: 35px;}*/
      .login_wrap .login .login_id li { width:100%;  float:none;}
      .login_wrap .login .login_id input { width:calc(100% - 65px) ;}
      .login_wrap .login .login_id .email { margin-bottom:10px;}
      .login_wrap .login .login_id .email input { width:calc(50% - 47px)}
      .login_wrap .login .login_id .email input:last-child { float:right;}
      .login_wrap .login .login_id .btn_login { line-height: 50px; width: 100%; bottom: 10px; height: 50px; position: relative;}
      .login_wrap .login li.buttons a { width:49%; font-size:1.0rem; letter-spacing: -1px; padding-left:0; padding-right:0;}
      .login_wrap .login li span { width: 65px ;}
      .login_wrap .login.join_ok { background-size:100%; padding: 0;}
      .login_wrap .login.join_ok .txt_id { margin:50px 0 0 120px; width:200px;}
      .login_wrap .join_ok .btn_group { padding:30px 0;}
    }
    /*-----------------------------------------------------------------------------------------------
      아이디 비밀번호 찾기
    -------------------------------------------------------------------------------------------------*/
    .login_wrap .login.find .login_id li { width:100%; }
    .login_wrap .login.find .login_id .btn_login { width:120px; padding: 0; height:74px; line-height:74px;}
    .login_wrap .login.find .login_id .btn_login.pass { height:112px; line-height:112px;}
    /*-----------------------------------------------------------------------------------------------
      기타 아이콘
    -------------------------------------------------------------------------------------------------*/
    .icon_file { font-weight: normal; padding-left:0; line-height: 1.2; display: inline-block; }
    .tit_img { margin:30px 0;}
    /*-----------------------------------------------------------------------------------------------
      color
    -------------------------------------------------------------------------------------------------*/

    h1.tit { background:url(/artheart/images/member/icon.jpg) no-repeat 0 8px; color:#000; font-weight: 700; padding-left:20px; margin:20px 0 20px 0}
    h2.tit { font-size:26px; font-weight:normal; margin:15px 0; color:#000;}
    h2.tit font { color:#999; font-size:16px; letter-spacing: -1px;}
    @media screen and (max-width:640px){
      /* 	h2.tit { font-size:20px;} */
      /* 	h2.tit font { display: none;} */
      h1.tit { font-size:18px; background:url(/artheart/images/member/icon.jpg) no-repeat 0 5px;}
    }
    .cyon {color: #2d8da0; }

    /*-----------------------------------------------------------------------------------------------
      캘린더
    -------------------------------------------------------------------------------------------------*/
    .month_wrap .scdTitle_Text img {margin-top:11px;}

    .sch_month { padding:0 !important;}
    .sch_month .tbl01 { border:1px solid #ddd;}
    .sch_month .tbl01 th { font-size:16px; font-weight: 700;}
    .sch_month .tbl01 th.sun { color:#FF3F3F }
    .sch_month .tbl01 th.sat { color:#3F82FF }
    .sch_month .tbl01 td {padding:5px 2px 2px 5px; height:100px; vertical-align: top; border-left:1px solid #ddd}

    .sch_month,  .month_wrap .scdTitle_Bg { width:840px; /* margin-left:-150px; */box-sizing: border-box;}
    .sch_month .r15 { border-radius:15px; font-size:11px; font-weight: normal; padding: 2px 5px;}


    /* .sch_month .sch_M_day { background:#ffffff url('/artheart/images/joining_info/business/cld_gray.gif') no-repeat; } */
    .sch_month .sch_M_sun { /*background:#ffffff url('/artheart/images/joining_info/business/cld_red.gif') no-repeat;*/ color:#ff0000; }
    .sch_month .sch_M_sat { /*background:#ffffff url('/artheart/images/joining_info/business/cld_blue.gif') no-repeat;*/ color:#617dd2; }

    .sch_month .tbl01 th, .sch_month .tbl01 td { width:15%}
    @media screen and (max-width:640px){
      .sch_month .tbl01 th, .sch_month .tbl01 td { font-size:13px;}
      .sch_month .tbl01 td {     padding: 5px 1px 2px 1px; max-width: 50px;}
      .sch_month .tbl01 td div { word-wrap:break-word;}
    }

    /*-----------------------------------------------------------------------------------------------
      교육원 찾기
    -------------------------------------------------------------------------------------------------*/
    .month_wrap .sch_map { width:260px; float:left; margin-top:40px; font-weight:normal;}
    .month_wrap .tit { background: url('/artheart/images/common/blet_green.png') no-repeat 0 12px; padding-left:20px;}
    .month_wrap .area_name { position:absolute;margin:30px 0 0 270px; }
    .month_wrap .area_name font { font-size:18px; color:#666}
    .month_wrap .sch_area { width:calc(100% - 270px); display: inline-block; min-height:240px; box-sizing: border-box; text-align: right; margin-top:40px;}
    .month_wrap .sch_area li {  line-height:40px; border:1px solid #7c7c7c; padding:0px 0 0 11px; margin:0 0 4px 10px; box-sizing: border-box; width:calc(33% - 8px); text-align: left;}
    .month_wrap .sch_area li:hover , .month_wrap .sch_area li.on  {  border:1px solid #22ac39; color:#22ac39}
    .month_wrap .sch_area li:hover a, .month_wrap .sch_area li:hover span  { color:#22ac39;}
    .month_wrap .sch_area li span { width:40px; height:40px; line-height:40px; display: inline-block; float: right; border-left:1px solid #d2d2d2; text-align: center; font-size:18px; color:#00b91f}
    .month_wrap .sch_area h2 { margin-top:-30px;}
    .month_wrap .sch_area.h_area_name { margin-top:70px;}

    .month_wrap .btn_academy {height:20px; line-height:20px;;padding:0; text-align: center;font-weight:normal;  border-radius: 5px; font-size:12px; color:#ff6600}

    .month_wrap .tit_cnt { margin:50px 0 10px 0 }
    .month_wrap .tit_cnt h2 { margin-bottom:15px; float: left; margin-right:30px; }
    .month_wrap .tit_cnt .btn_group { width:200px; float: right; text-align: right;}

    .month_wrap .schbox{ text-align: right; float:right; width:360px;}
    .month_wrap .schbox select, .month_wrap .schbox input, .month_wrap .schbox .schbtn { border: 5px solid #22ac39; height: 50px; line-height: 25px; box-sizing: border-box; font-size: 18px; margin: -7px 0 0 -7px; float: left; padding: 0px 0 0 15px !important; }

    .month_wrap .schbox select { width:100px; margin-left:0; background-position: 85% 50%}
    .month_wrap .schbox input { width:calc(100% - 177px); padding-left:10px !important;}
    .month_wrap .schbox .schbtn { width:90px; color:#fff; background-color: #22ac39;text-align: center; padding-left:0 !important;line-height: 40px; cursor: pointer;}

    .month_wrap .mon_tit { padding:10px; color:#0b569f; letter-spacing:0; font-weight:bold;  width:840px; border:3px #aecaea solid; background-color: #edf5ff; font-size:20px; text-align: center;  box-sizing: border-box;margin-bottom:5px;}
    .month_wrap .mon_tit select { font-size:17px; font-weight: 700}

    @media screen and (max-width:640px){
      .month_wrap .sch_map { display: none;}
      .month_wrap .area_name { margin-left:0;}
      .month_wrap .sch_area { width:100%; min-height: 50px;}
      .month_wrap .sch_area li { width:calc(50% - 5px); margin-left:10px;}
      .month_wrap .sch_area li:nth-child(2n-1) { margin-left:0 !important; box-sizing: border-box;}

      .month_wrap .schbox { width:100%; margin:10px 0;}
      .month_wrap .schbox select, .place_wrap .schbox input, .place_wrap .schbox .schbtn { border: 5px solid #22ac39; height: 50px; line-height: 40px; font-size: 22px; /* 		margin-left: -0; */ float: left; /* 		padding: 0px 0 0 15px !important; */ text-align: center; }
      .month_wrap .schbox select { width:100px;}
      .month_wrap .schbox input { }
      .month_wrap .schbox .schbtn { width:66px;}
      .month_wrap .mon_tit { width:100%}
      .sch_month, .month_wrap .scdTitle_Bg { width:100%;}
      .month_wrap .mon_tit select { font-size:14px}
    }

    /*-----------------------------------------------------------------------------------------------
      개인정보 수집 이용목적
    -------------------------------------------------------------------------------------------------*/
    /* 교육원 안내 > 개인정보 수집 이용목적 */
    .consult_wrap .privacy_div { margin-top: 10px;}

    /* 개인정보 수집 이용목적 */
    .privacy_div{margin-top: 30px; overflow: hidden; display: inline-block; width:100%;}
    .privacy_add{width: 100%; height: 110px; background: #fff; border:0; padding:10px; font-size:14px;; line-height: 16px; color: #666; border:1px solid #ddd; display: block; margin-bottom: 20px }
    .privacy_div input{vertical-align: middle; margin-left: 10px}
    .privacy_div label{margin-left: 2px; color: #666}

    @media screen and (max-width:640px){
      .privacy_add { font-size: 13px; }
    }

    /*-----------------------------------------------------------------------------------------------
       이용약관
    -------------------------------------------------------------------------------------------------*/
    .prive { border:none;}
    .prive textarea { width:100%; height:500px; }


    /* ----------------------------------------------------------------------------------
       공통 : 게시판 페이징
     ---------------------------------------------------------------------------------- */
    .paging {width:100%; text-align:center;  margin-top:20px;}
    .paging li, .paging_front li a {display:inline-block; vertical-align: top;  }
    .paging li a {display:inline-block;width:33px;height:33px;background-color:#fff; border:1px solid #ccc; color:#666; box-sizing: border-box; line-height: 33px;}
    .paging li a.on { margin-right:3px; border:1px solid #6b1785;  color:#6b1785;}
    .paging li img { vertical-align: middle; padding:2px;}

    /* ----------------------------------------------------------------------------------
       faq 자주묻는 질문
     ---------------------------------------------------------------------------------- */
    .tbl01.faq tr td:first-child p{ width:22px; height:22px; padding:5px; font-size: 16px;  }
    .tbl01.faq tr td:first-child { width:50px;padding-left:5px;vertical-align: top;}
    .tbl01.faq tr.faq_q { cursor: pointer; font-size:15px;}

    .tbl01.faq tr.faq_q .q{ color:#cf3f32; border:1px solid #b44e45;text-align: center }
    .tbl01.faq tr.faq_a .a{ background-color:#357ace; color:#fff;text-align: center  }
    .tbl01.faq tr.faq_a { display: none; background-color: #f6f6f6;}
    /* .tbl01.faq tr.faq_a td { background-color: #f5f5f5;vertical-align: top; padding:20px auto; } */
    .tbl01.faq td { border-left:none;  padding:5px 10px ;}

    /* ----------------------------------------------------------------------------------
       쇼핑몰
     ---------------------------------------------------------------------------------- */
    .shop_wrap .main-top {height:300px; margin-bottom:20px;}
    .shop_wrap .main-top .search { float: left; margin-bottom: 15px; }
    .shop_wrap .main-top .search .shop_tit { margin-bottom:20px;}
    .shop_wrap .main-top .search input {width:calc(40% - 65px)}
    .shop_wrap .main-top .shop-slider {position: relative; float: right;height:250px;
      /*width:370px;*/
      max-width: 100%;
      margin-bottom: 20px;
    }
    .shop_wrap .main-top .shop-slider .shopSlider img { max-height:250px;}
    .shop_wrap .ul_list.list_gallery li .tit { height:95px; overflow: hidden;}
    .shop_wrap .ul_list.list_gallery li .tit p{ max-height: 40px; text-overflow: ellipsis !important; overflow: hidden !important;word-wrap:break-word; white-space: nowrap !important; box-sizing: border-box;}


    .cart_wrap .guide { padding: 30px; border-top: 1px solid #c8c7c7; background-color: #eeeeee }
    .cart_wrap .guide ul li { float: left; width: 50%; }
    .cart_wrap .guide ul li h4 { margin-bottom: 15px; font-weight: bold; font-size: 19px; }
    .cart_wrap .guide ul li dl dt { margin-bottom: 15px; color: #231f20; }
    .cart_wrap .guide ul li dl dd { color: #808184; }
    .cart_wrap .guide ul li dl dd.first { margin-bottom: 30px; }
    .cart_wrap .quantity input { width:50px; float:left;}

    /* 구매전 주의사항 */
    .buy_comment_wrap .tit { background: url(/artheart/images/icon/mark.png) left 0 no-repeat; font-size: 17px !important;
      line-height: 37px;
      font-weight: 700 !important;
      color: #f4837f;
      padding-left: 50px;
      margin-bottom: 11px;
    }

    .buy_comment_wrap li { padding:0 0 0 13px; margin:0 0 5px 50px !important; line-height: 1.2;}

    @media screen and (max-width:640px){
      .shop_wrap .main-top { height:auto;}
      .shop_wrap .main-top .search { width:100%;}
      .shop_wrap .main-top .search input {width:calc(100% - 65px)}
      /*.shop_wrap .main-top .search .shop_tit { display: none;}*/
      .shop_wrap .main-top .shop-slider  { width:100%; margin:15px 0; height:auto; float:none; display: inline-block; position: relative;}
      .shop_wrap .ul_list.list_gallery li .tit p { max-height:37px;}
      .shop_wrap .ul_list.list_gallery li .tit { height:70px;}
      #slider a { width: 100%;}

      .buy_comment_wrap .tit { background-size: 25px; padding-left:32px; line-height: 28px;}

    }

    /* ----------------------------------------------------------------------------------
       쇼핑몰 :: Detail
     ---------------------------------------------------------------------------------- */

    .shop_detail .prd-detail { position: relative; display: inline-block; width:100%;}
    .shop_detail .prd-detail .prd-image { float: left; width: 430px; height: 430px; border:1px solid #e0e0e0; box-sizing: border-box;}
    .shop_detail .prd-detail .prd-image img { width: 100%; }
    .shop_detail .prd-detail .prd-info { float: right; width: calc(100% - 450px); margin-left:20px;}
    .shop_detail .prd-detail .prd-info td select { width: 220px; border-color: #c9c9c8; }
    .shop_detail .prd-detail .prd-info ol li .quantity { position: relative; display: inline-block; margin-right: 10px; font-size: 13px; float:left;}
    .shop_detail .prd-detail .prd-info ol li .quantity input { width:50px; float: left; margin-right:5px;}
    .shop_detail .prd-detail .prd-info ol li .quantity img {  height:16px; width:26px; border:1px solid #b5b5b5}
    .shop_detail .prd-detail .prd-info ol li .quantity .btn { width: 40px; font-size:24px;   padding:0; height:34px; line-height: 33px;}
    .shop_detail .prd-detail .prd-info ol li .quantity .btn_up { }
    .shop_detail .prd-detail .prd-info ol li .quantity .btn_down { margin-left:-1px;}
    .shop_detail .detail_db { margin:20px 0 ;}
    .shop_detail .prd-detail span { float:left; line-height: 33px; margin-right:5px;}
    .shop_detail .prd-detail .option .add_info { margin:2px 0 16px; width:100%; border-bottom:1px solid #ddd; padding-bottom:5px;}
    .shop_detail .prd-detail .option .add_name {  padding: 5px; width:100%; box-sizing: border-box;}
    .shop_detail .prd-detail .option .doDel { padding:8px; float:right; }
    .shop_detail .prd-detail .option li { display: inline-block;}
    #id_option_group li { display: inline-block;}
    @media screen and (max-width:640px){
      .shop_detail .prd-detail .prd-image, .shop_detail .prd-detail .prd-info { width:100%; float: none;}
      .shop_detail .prd-detail .prd-image { height:auto;}
      .shop_detail .prd-detail .prd-image img { width:100%;  }
      .shop_detail .prd-detail .prd-info { margin:20px 0;}
      .buy_comment_wrap li { margin : 0 0 0 10px !important; font-size:13px;}
    }

    /* ----------------------------------------------------------------------------------
       쇼핑몰 :: 주문
     ---------------------------------------------------------------------------------- */
    .order_wrap .tbl01 .tax_box { display:inline-block;padding:5px; background-color: #f3f3f3; border-top:1px solid #999; text-align: right;box-sizing: border-box; }

    .shop_wrap .sum {margin:15px 0; text-align: right; border-bottom:1px solid #ddd; }
    .shop_wrap .sum p { margin:10px 0; font-size:18px; text-align:right;}
    /* 주문상품목록 */
    .shop_wrap .order_list .order_sum .tax_box {text-align:right;}

    /* 주문완료 */
    .order_ok_wrap {  }
    .order_ok_wrap .box { display: block; position: relative; font-size: 17px; margin: 100px auto; width: 740px; padding: 50px 70px 40px; border: 2px solid #61A8BE; border-radius: 10px; box-sizing: border-box; background:url(/artkinder/images/shop/bg_orderok.png) no-repeat right bottom; background-size: 300px auto; }
    .order_ok_wrap .btn_group { margin-top:50px;}
    .order_ok_wrap .comment { background: rgba(124,171,218,0.12); margin-top:40px;}

    .m_tflex tr td span.sp_tit { display: none;}



    @media screen and (max-width:640px){
      /* .tbl01.flex { display: flex;} */

      .tbl01.m_tflex tr { display: inline-block; border-bottom:1px solid #ddd; padding:10px 0; }
      .tbl01.m_tflex tr th, .tbl01.m_tflex thead { display: none;float:right  }
      .tbl01.m_tflex tr td { float:right; width:100px; width: calc(100% - 115px);  text-align: left; border-left:none; padding: 4px 0; border-bottom:none; margin-left:5px;}
      .tbl01.m_tflex tr td span.sp_tit { display: inline-block; float:left; width:60px; background-color: #ddd; margin-right:5px; text-align: center;line-height: 28px;}


      .order_list.m_tflex tr td:nth-child(1){ float:left; width:98px; hegiht:65px;}  /* 사진 */
      .order_list.m_tflex tr td:nth-child(2){ width: calc(100% - 115px); text-align: left;} /* 제목 */
      .order_list.m_tflex tr td:nth-child(3){ } /* 수랑 */
      .order_list.m_tflex tr td:nth-child(4){ } /* 금액 */
      .order_list.m_tflex tr td:nth-child(5){ }/* 배송비 */
      .order_list.m_tflex .order_sum p { text-align: left;}
      .order_list.m_tflex .tax_box { width:100%;}

      /* 	결제완료 */
      .order_ok_wrap .comment  { background:rgb(220, 238, 255, 0.9); }
      .order_ok_wrap .box { width: 100%; margin:30px 0; padding: 20px 15px; }
      /* 구매내역 */

      /* 	장바구니 */
      .basket_list.m_tflex { border-bottom:1px solid #ccc;}
      .basket_list.m_tflex tr td { width: calc(100% - 135px);}
      .basket_list.m_tflex tr td select { line-height: 28px; height:28px; padding:0px 16px 0px 10px}
      .basket_list.m_tflex tr td:nth-child(1){ float:left; width:20px; }  /* checkbox */
      .basket_list.m_tflex tr td:nth-child(2){ float:left; width:98px; hegiht:65px; margin-left:5px;}  /* 사진 */
      .basket_list.m_tflex tr td:nth-child(3){ } /* 제목 */
      .basket_list.m_tflex tr td:nth-child(4){ } /* 금액 */
      .basket_list.m_tflex tr td:nth-child(5){ } /* 수량 */
      .basket_list.m_tflex tr td:nth-child(6){ } /* 합계 */
      .basket_list.m_tflex tr td:nth-child(7){ } /* 배송비 */
      .basket_list.m_tflex tr td:nth-child(8){ left:0 } /* 삭제 */
      .basket_list.m_tflex .order_sum p { text-align: left;}
      .basket_list.m_tflex .tax_box { width:100%;}
      .basket_list.m_tflex .sum {border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:15px; text-align: left}
    }

    /* ----------------------------------------------------------------------------------
       쇼핑몰 :: 문의하기
     ---------------------------------------------------------------------------------- */
    /* layer style */
    .layerPop {width:800px;position:absolute; border:2px solid #000; color:#000; background-color:#fff;}
    .layerPop .close{float:right}
    .layerPop h2 {padding:12px 0 12px 20px;font-weight:bold;  background:#000; color:#fff; font-size:24px; font-weight:normal;}
    .layerPop .popCon { padding: 30px; }
    @media screen and (max-width:640px){
      .layerPop { width:100% }
    }

    /* ----------------------------------------------------------------------------------
       쇼핑몰 :: 모바일 팝업
     ---------------------------------------------------------------------------------- */
    .popupLayer {display:none; position: absolute; top: 43%;left: 50%;transform: translate(-50%,-50%); width: 90%; height: 70%; background-color: #fafafa;}
    .popupLayer .popContent {width: 100%; height: 100%; overflow: scroll; text-align: center;}
    .popupLayer .popClose {background-color: #343434; padding: 8px;}

    /* ----------------------------------------------------------------------------------
       기타 공통
     ---------------------------------------------------------------------------------- */
    .btn-like {padding:0 3px 0 10px;}
    /*  datepicker */
    input.hasDatepicker { width:115px}
    img.ui-datepicker-trigger { margin-left:-25px; margin-right:25px;}



/*교육프로그램-----슬라이드 edu*/
.spe_program { padding:0; margin:0;}
/*.spe_program  .slider_wrap { padding: 50px;}*/

.spe_program .slider-no { position: relative; z-index: 999; margin-top:-80px; margin-left: calc(50% - 80px); border-radius: 50%; background: #682e85;}
.spe_program .bg-pd { padding:40px; }
.spe_program .bg-edupaper { box-sizing: border-box; padding: 50px 0px; width: 100%; background: url(/artheart/images/edu_program/spe_program/bg-edupaper.png); height:auto}

.spe_program .slider_edu { box-sizing: border-box; padding: 0 0px; display: block; position: relative;}
.spe_program .bg-edupaper img { height: auto; position: relative; display: block;}
/*.spe_program .pt50 { padding-top:50px;}*/
.spe_program .ptb50 { padding: 80px 0; }
/*.content_right .bg-edupaper .slider_edu img { box-sizing: border-box; width: 22%;}*/
/*.content_right .bg-edupaper .slider_edu { padding: 40px 15px; }*/

@media screen and (max-width:640px){
  /*.slider_wrap { padding: 30px;}*/
  .spe_program .bg-pd { padding:30px; }
  .spe_program .slider-no { position: relative; z-index: 999; margin-top:-30px; margin-left: calc(50% - 30px); width: 60px; }
  .spe_program .ptb50 { padding: 30px 0; }

  .btn-aftermore { height: 46px;}
}