body {
  background: #faf4fe;
}
ul, li, ol {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
a {text-decoration: none;}
h1, h2, h3, h4 {
  padding: 0;
  margin: 0;
}
table {
  vertical-align: middle;
}
/* ÀüÃ¼ ÅÇ ÄÁÅ×ÀÌ³Ê */
.sasil_openday_tabswrap {
  font-family: 'NanumSquareBold';
  background: #faf4fe center top no-repeat;
} 
.sasil_openday_tabs {
  padding-top: 100px;
  width: 1000px;
  margin: 0 auto;
}
/* ¸ÞÀÎ ÅÇ°ú ¼­ºê ÅÇ ³»ºñ°ÔÀÌ¼Ç ¹Ù */
.sasil_tab_nav, 
.sasil_sub_tab_nav {
  display: flex;
  align-items: center;
  position: relative;
  border-radius:20px 20px 0 0;
  width: 1000px;
} 
.sasil_sub_tab_nav {
  font-family: 'NanumSquareBold';
} 
.sasil_tab_nav::after,
.sasil_sub_tab_nav::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #ddd;
  z-index: 1;
} 

/* ¸ÞÀÎ ¹× ¼­ºê ÅÇ */
.sasil_tab_nav li a,
.sasil_sub_tab_nav li a {
  display: block;
  position: relative;
  border-bottom: none;
  font-weight: 500;
  color: #646464;
  z-index: 0;
  text-align: center;
  background: #e1e1e1;
  font-size: 28px;
  padding: 6px 0;
  border-radius: 50px;
  letter-spacing: -2px;
} 
.sasil_tab_nav li a {
  padding: 10px 0;
  width: 500px;
  font-size: 28px;
  border-radius: 20px 20px 0 0;
}

.sasil_sub_tab_nav li .sasil_open1 {
  width: 900px;
}
.sasil_sub_tab_nav li .sasil_open2 {
  width: 437px;
}
.sasil_sub_tab_nav li .sasil_open3 {
  width: 260px;
}
.sasil_sub_tab_nav li .sasil_open4 {
  width: 210px;
}
.sasil_sub_tab_nav {
  margin: 0 auto;
}
.sasil_sub_tab_nav1 {
  width: 900px;
}
.sasil_sub_tab_nav2 {
  width: 900px;
}
.sasil_sub_tab_nav3 {
  width: 900px;
}
.sasil_sub_tab_nav4 {
  width: 880px;
}
.sasil_sub_tab_nav2 li {
  margin-right: 26px;
}
.sasil_sub_tab_nav2 li:last-child,
.sasil_sub_tab_nav3 li:last-child,
.sasil_sub_tab_nav4 li:last-child {
  margin-right: 0;
}
.sasil_sub_tab_nav3 li {
  margin-right: 20px;
}
.sasil_sub_tab_nav4 li {
  margin-right: 10px;
}
.sasil_sub_tab_nav li:nth-last-child() {
  margin-right: 0;
}
/* È°¼ºÈ­µÈ ÅÇ */
.sasil_tab_nav li.active a,
.sasil_sub_tab_nav li.active a {
  background: #501976;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  z-index: 2;
  font-family: 'NanumSquareExtraBold';
} 
.sasil_tab_nav li.active a {
  border-radius: 20px 20px 0 0;
}

/* ÅÇ ÄÁÅÙÃ÷ ¿µ¿ª */
.sasil_tab,
.sasil_sub_tab {
  display: none;
  background: #fff;
  border-top: none;
  border-radius:0 0 6px 6px;
} 
.sasil_tab {
  padding: 30px 0 0;
  margin-bottom: 80px;
}
/* È°¼ºÈ­µÈ ÅÇ ÄÁÅÙÃ÷ ¿µ¿ªÀ» Ç¥½Ã */
.sasil_tab.active,
.sasil_sub_tab.active {
  display: block;
} 

.sasil_openday_titwrap {
  border-top: 2px solid #501976;
  border-bottom: 2px solid #501976;
  margin: 25px auto;
  width: 900px;
}

.sasil_openday_tit {
  border-top: 1px solid #501976;
  border-bottom: 1px solid #501976;
  width: 900px;
  margin: 1px auto;
}

.sasil_openday_tit h2 {
  font-size: 20px;
  color: #646464;
  text-align: center;
  padding: 10px 0;
}

/* ¼ö°­½ÅÃ»¾È³» */
.sasil_openday_box1 h3 {
  font-size: 20px;
  width: 900px;
  margin: 0 auto;
}
.sasil_openday_box1 table {
  border-collapse : collapse;
  font-size: 18px;
  margin: 10px auto 30px;
  width: 900px;
}
.sasil_openday_box1 table tr th {
  background: #dcd1f3;
  vertical-align: middle;
  border-bottom: 1px solid #b5a2dc;
}
.sasil_openday_box1 table tr:last-child th,
.sasil_openday_box1 table tr:last-child td {
  border-bottom: none;
}
.sasil_openday_box1 table tr td {
  padding: 10px 0 10px 20px;
  font-weight: 500;
  vertical-align: middle;
  border-bottom: 1px solid #b5a2dc;
  background: #faf5fc;
}
/* ¼ö°­½ÅÃ»¾È³» */
/* ¼¼ºÎÀÏÁ¤¾È³» */
.sasil_openday_box2 h3 {
  font-size: 20px;
  margin: 0 auto;
  width: 900px;
}
.sasil_openday_box2 table {
  border-collapse : collapse;
  font-size: 18px;
  margin: 10px auto 30px;
  width: 900px;
}
.sasil_openday_box2 table tr th {
  background: #faf5fc;
  vertical-align: middle;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-top: 2px solid #333;
  padding: 10px 0;
}
.sasil_openday_box2 table tr td {
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 10px 0;
}
.sasil_openday_box2 table tr th:last-child,
.sasil_openday_box2 table tr td:last-child {
  border-right: none;
}
/* ./¼¼ºÎÀÏÁ¤¾È³» */
/* °­ÀÇ½Ç ¿À½Ã´Â±æ */
.sasil_openday_box3 h3 {
  font-size: 20px;
  margin: 0 auto;
  width: 900px;
  margin-bottom: 10px;
}
.sasil_openday_box3_txtwrap {
  font-size: 17px;
  width: 275px;
}
.sasil_openday_box3_txt1 {
  margin: 0 auto;
}
.sasil_openday_box3_txt1 p {
  padding: 13px 0;
  letter-spacing:-1px;
}
.sasil_openday_box3_txt2 p {
  padding: 5px 0;
  letter-spacing:-1px;
  background: #f9f0ff;
}
.sasil_openday_box3_txt2 {
  margin: 0 auto;
  width: 500px;
}
.root_daum_roughmap_landing {
  margin: 0 auto !important;
}
/* ./°­ÀÇ½Ç ¿À½Ã´Â±æ */
/* °³°­¹Ý ¹Ù·Î°¡±â ¹öÆ° */
.sasil_openday_btn {
  width: 900px;
  margin: 40px auto 0px;
  padding-bottom: 60px;  
}
.sasil_openday_btn button {
  width: 900px;
  height: 60px;
  border-radius: 50px;
  border: none;
  background: #501976;
  color: #fff;
  font-size: 30px;
  cursor: pointer;
  box-shadow: 0 6px #30044e;
}
.sasil_openday_btn button span {
  font-family: 'NanumSquareExtraBold';
}
.sasil_openday_btn_icon {
  float: right;
  margin: -120px 60px 0 0;
  z-index: 1;
  position: relative;
  animation : iconblink 1s step-end infinite;
}
@keyframes iconblink {
  50% {
    opacity: 0;
  }
}
/* ./°³°­¹Ý ¹Ù·Î°¡±â ¹öÆ° */

/* 20250819 ¼öÁ¤ */
.tbl_area_box1_tit {
  float: left;
}
.tbl_area_box2_tit {
  float: left;
}
.tbl_area_box1_tit span {
  color:#fff;
  background: #501976;
  width: 85px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.tbl_area_box1_txt{
  line-height: 30px;
  padding-left: 93px;
}
.tbl_area_box2 {
  margin-top: 3px;
}
.sasil_openday_box1 table tr:nth-child(5) {
  height: 84px;
}
.sasil_areawrap {
  border:1px solid #501976;
  border-radius: 20px;
}
.sasil_openday_box3_txtwrap {
  display: inline-block;
  float: left;
  margin: 15px 18px 0 0;
}
.sasil_area_img {
  display: inline-block;
  width: 442px;
  border: 1px solid #cdcdcd;
}
.sasil_area {width: 827px; margin: 22px auto;}
.sasil_openday_box3_txt2 p {margin-bottom: 5px;}
.sasil_openday_box3_txt2 p span {background: #501976; color: #fff; padding: 8px 13px;}
.sasil_tbl_spanred {color: #e8123f;}
.sasil_area_img_inbtn {
  background: #501976;
  color: #fff;
  width: 90px;
  height: 40px;
  display: inline-block;
  margin: -40px 436px;
  font-size: 20px;
  text-align: center;
  line-height: 39px;
 }
 .sasil_area_img_inbtnicon {
  position: absolute;
  width: 40px;
  margin: -14px 0 0 509px;
 }
 .sasil_area_img_inbtnicon img {width:100%;}

/* + Ãß°¡¼öÁ¤*/
.sasil_area {overflow: hidden; width: 890px; margin: 10px auto; font-family: 'NanumSquareBold';}
.sasil_openday_box3_txtwrap {margin: 0 110px 0 0;}
.sasil_area_img {overflow: hidden; border: none;}
.sasil_openday_box3_txt2 {width: 558px;}

.fillarea_conwrap {float: right;}
.fillarea_con_boxtxtwrap {border-radius:10px;}
.fillarea_con_boxtit {padding:10px 20px; background:#501976; color:#fff; border-radius: 10px 10px 0 0; text-align:center; letter-spacing: -2px; font-family: 'NanumSquareBold'; font-size: 18px;}
.fillarea_con_boxtit span {background:#501976; color: #fff; border-radius: 50px; margin-left: 5px; padding: 4px 12px 3px 10px; font-weight:bold;}
.fillarea_con_boxtxt {padding:10px 20px; background:#efe7fe; color:#333; border-radius: 0 0 10px 10px; text-align:center; letter-spacing: -2px; font-family: 'NanumSquareBold'; font-size: 18px;}
.fillarea_con_box {margin-bottom:20px;}
.fillarea_dotse,
.fillarea_dotbu,
.fillarea_dotde,
.fillarea_dotgu,
.fillarea_dotgw {width:8px; height:8px; background:#501976; border-radius:50px; position: absolute; border:3px solid #fff;}
.fillarea_dotse {margin: 131px 0 0 147px;}
.fillarea_dotbu {margin: 405px 0 0 338px;}
.fillarea_dotde {margin: 273px 0 0 183px;}
.fillarea_dotgu {margin: 335px 0 0 294px;}
.fillarea_dotgw {margin: 409px 0 0 134px;}
.fillarea_con_box:nth-child(4) .fillarea_con_boxtit,
.fillarea_con_box:nth-child(5) .fillarea_con_boxtit {background:#a672c9;}

.fillarea_con_box {cursor:pointer;}
.fillarea_con_box:hover {transform:scale(1.3); transition: all 1s; position:relative; z-index:1;}

.fillarea_con_box:nth-child(1) .fillarea_con_boxdot,
.fillarea_con_box:nth-child(2) .fillarea_con_boxdot,
.fillarea_con_box:nth-child(3) .fillarea_con_boxdot,
.fillarea_con_box:nth-child(4) .fillarea_con_boxdot,
.fillarea_con_box:nth-child(5) .fillarea_con_boxdot {width:8px; height:8px; background:#501976; border-radius:50px; position: absolute; border:3px solid #e8dcff; margin: -50px 0 0 -6px;}

.fillarea_con_box:nth-child(4) .fillarea_con_boxdot,
.fillarea_con_box:nth-child(5) .fillarea_con_boxdot {background:#a672c9; border:3px solid #e8dcff;}

.fillarea_con_boxline1 {width:1px; height:104px; background:#333; transform: rotate(32deg); position:absolute; margin: -499px 0 0 -298px;}
.fillarea_con_boxline2 {width:262px; height:1px; background:#333; position:absolute; margin: -492px 0 0 -270px;}
.fillarea_con_boxline3 {width:1px; height:263px; background:#333; transform: rotate(14deg); position:absolute; margin: -388px 0 0 -104px;}
.fillarea_con_boxline4 {width:65px; height:1px; background:#333; position:absolute; margin: -384px 0 0 -72px;}
.fillarea_con_boxline5 {width:1px; height:20px; background:#333; transform: rotate(32deg); position:absolute; margin: -279px 0 0 -282px;}
.fillarea_con_boxline6 {width:268px; height:1px; background:#333; position:absolute; margin: -278px 0 0 -276px;}
.fillarea_con_boxline7 {width:1px; height:19px; background:#a672c9; transform: rotate(-32deg); position:absolute; margin: -188px 0 0 -172px;}
.fillarea_con_boxline8 {width:158px; height:1px; background:#a672c9; position:absolute; margin: -171px 0 0 -166px;}
.fillarea_con_boxline9 {width:1px; height:59px; background:#a672c9; transform: rotate(-32deg); position:absolute; margin: -118px 0 0 -322px;}
.fillarea_con_boxline10 {width:300px; height:1px; background:#a672c9; position:absolute; margin: -64px 0 0 -306px;}
.fillarea_con_box:nth-child(5) {margin-bottom:0;}

.sasil_slide_toggle {margin: 0 auto; width: 800px;}
/*.on {
	font-weight:bold;
	transform:scale(1.3);
	transition: all 1s;
	position:relative;
	z-index:1;
}*/
/* ´ë±¸ Ãß°¡ ¼öÁ¤ */
.fillarea_con_box:nth-child(4) .fillarea_con_boxdot {margin: -29px 0 0 -6px;}
.fillarea_con_box:nth-child(4) .fillarea_con_boxtit {border-radius: 10px;}

.fillarea_con_boxline1 {width:1px; height:104px; background:#333; transform: rotate(32deg); position:absolute; margin: -434px 0 0 -305px;}
.fillarea_con_boxline2 {width:272px; height:1px; background:#333; position:absolute; margin: -428px 0 0 -277px;}
.fillarea_con_boxline3 {width:1px; height:263px; background:#333; transform: rotate(14deg); position:absolute; margin: -324px 0 0 -112px;}
.fillarea_con_boxline4 {width:75px; height:1px; background:#333; position:absolute; margin: -321px 0 0 -80px;}
.fillarea_con_boxline5 {width:1px; height:20px; background:#333; transform: rotate(32deg); position:absolute; margin: -215px 0 0 -291px;}
.fillarea_con_boxline6 {width:281px; height:1px; background:#333; position:absolute; margin: -214px 0 0 -286px;}
.fillarea_con_boxline7 {width:0; height:0; background:#a672c9; transform: rotate(-32deg); position:absolute; margin: -188px 0 0 -172px;}
.fillarea_con_boxline8 {width:177px; height:1px; background:#a672c9; position:absolute; margin: -129px 0 0 -182px;}
.fillarea_con_boxline9 {width:1px; height:6px; background:#a672c9; transform: rotate(-32deg); position:absolute; margin: -49px 0 0 -344px;}
.fillarea_con_boxline10 {width:337px; height:1px; background:#a672c9; position:absolute; margin: -44px 0 0 -342px;}
/* ./´ë±¸ Ãß°¡ ¼öÁ¤ */
/* ./+ Ãß°¡¼öÁ¤*/
/* ./20250819 ¼öÁ¤ */

/*20250908 ¼öÁ¤ ÅÇ 3°³*/
.sasil_tab_nav2 li a {
  padding: 10px 0;
  width: 331px;
  font-size: 27px;
  border-radius: 20px 20px 0 0;
}
.sasil_areawrap2 {
  width: 900px;
  margin: 0 auto;
}
.sasil_openday_box1 table tr:nth-child(5) {
  height: auto;
}
.sasil_tab_nav2 li a {border: 1px solid #cecece; border-bottom: 0;}
.sasil_tab_nav li.active a, .sasil_sub_tab_nav li.active a {border: 1px solid #501976;}
/* ./20250908 ¼öÁ¤ ÅÇ 3°³*/