@charset "utf-8";

/* s_visual */
#sub_top_Wrap{}

.s_visual { padding-top:120px; position:relative;width:100%; height:500px; box-sizing:border-box;  }
.s_visual .s_visual_in {border:0px solid red; position:relative; width:100%; height:100%;   max-width: 1360px; margin: 0 auto;  }
.s_visual .sv_tit {padding:75px 0px; text-align:right; width:100%;  float:right; position:relative; box-sizing:border-box;  vertical-align:middle;   }
.s_visual .sv_tit h2 { font-size:5rem;  font-weight: 400; margin-bottom: 0.1em; color:#a6763b;  }
.s_visual .sv_tit .t1 { font-size: 17px;; line-height:25px; color:#000; }
.s_visual .sv_tit .t2 { font-size: 8.5rem; font-weight: 700; color:rgba(255,255,255,0.1); margin-top: 0.4em; }


.subbg01{background:url('/kor/nimg/subbg01.jpg')center !important;}
.subbg02{background:url('/kor/nimg/subbg02.jpg')center !important;}
.subbg03{background:url('/kor/nimg/subbg03.jpg')center !important;}
.subbg04{background:url('/kor/nimg/subbg04.jpg')center !important;}
.subbg05{background:url('/kor/nimg/subbg05.jpg')center !important;}

.subtt{position: relative;font-size:35px; font-weight:500; line-height:55px;  color:#000; border:0px solid red; }
.subcal{position:absolute; right:0px; bottom:0px;}



@media all and (max-width: 1480px){
  .s_visual {height:500px; }
}

@media all and (max-width: 1280px){
	.s_visual{height:400px; padding-top:50px;}
	.s_visual .sv_tit{}
  .s_visual .sv_tit h2 { font-size: 4.5rem; }
  .s_visual .sv_tit .t1 { font-size: 1.8rem; }
  .s_visual .sv_tit .t2 { font-size: 7.5rem;  }

  .subcal{position: relative;width:100%; text-align:center;}
}

@media all and (max-width: 976px){
  .s_visual { }
  .s_visual .sv_tit .t2 { margin-top:0; }
}

@media all and (max-width: 767px){
  .s_visual .sv_tit .t2 {  font-size: 9vw; line-height: 1em;  z-index:-1;  }
  .subtt{font-size:25px;}
}

@media all and (max-width: 640px){
 
.subbg01{background:url('/kor/nimg/subbg01.jpg')right !important;}
.subbg02{background:url('/kor/nimg/subbg02.jpg')right !important;}
.subbg03{background:url('/kor/nimg/subbg03.jpg')right !important;}
.subbg04{background:url('/kor/nimg/subbg04.jpg')right !important;}
.subbg05{background:url('/kor/nimg/subbg05.jpg')right !important;}

  .s_visual .s_visual_in { padding-top: 5%; }
  .s_visual .sv_tit{text-align:center; padding:45px 0px; }
}

@media all and (max-width: 568px){
  .s_visual {  }
  .s_visual .s_visual_in { padding-top: 8%; }
  .s_visual .sv_tit h2 { font-size: 4.5rem; margin-bottom: 0.1em;  }
}

@media all and (max-width: 480px){
  .s_visual { }
  .s_visual .s_visual_in { padding-top: 10%; }
  .s_visual .sv_tit h2 { font-size: 3.8rem; }
  .s_visual .sv_tit .t1 { font-size: 1.6rem; }
}



/* Sub-Menu */

.sub_menu_wrap { position:absolute;  right:0px;  height:65px;  line-height:65px; padding:0;
                          font-weight:400; box-sizing:border-box; z-index:5 !important; 
						  bottom:80px;
						  }
.sub_menu_wrap .in { display: inline-block; background: url("/kor/nimg/submenu.jpg") no-repeat center top; background-size: 100% 65px;  }
.sub_menu_wrap .m_home{position:static; display:block; width:65px; height:65px; float:left; background:#b07c43 url("http://31hosp.co.kr/images/sub/ico_home.png"); border:0; background-size: 100% auto; border-right: 1px solid rgba(255,255,255,0.1); }
.sub_menu_wrap .m_dep_box{display:block; width:340px; float:left; border-right:1px solid rgba(255,255,255,0.3); text-align:left; cursor:pointer;border-right:1px solid gba(255,255,255,0.1); font-size: 1.8rem; }
.sub_menu_wrap .m_dep_tit { display:block; background:url('http://31hosp.co.kr/images/sub/arrow_down.png') no-repeat 92% center;  color:#fff; box-sizing:border-box; padding:0 1.5em; cursor:pointer;}
.sub_menu_wrap .m_dep_box .smenu { display:none; width:calc(100% + 2px); margin-left:-1px; background:#fdf9f4; box-sizing:Border-box; border:1px solid #ddd; border-top:0;}
.sub_menu_wrap .m_dep_box .smenu li {margin:0; width:100%; display:block; box-sizing:border-box;  border-top:1px solid #ddd; padding:0;}
.sub_menu_wrap .m_dep_box .smenu li:hover{background:#fff;}
.sub_menu_wrap .m_dep_box .smenu li:hover a { border:0; font-weight:500;}
.sub_menu_wrap .m_dep_box .smenu li a.on{background:#76522a; color:#fff; border:0; }
.sub_menu_wrap .m_dep_box .smenu li:first-child{border-top:0;}
.sub_menu_wrap .m_dep_box .smenu a { color:#333; display:block; width:100%;  padding:1em 1.5em; box-sizing:border-box; line-height:normal; font-size: 1.6rem;}
.sub_menu_wrap .m_dep_box .smenu a br { display: none; }
.sub_menu_wrap .m_2dep_box li:before {display:none;}

.loca{ position:absolute;   right:0px;   bottom:40px;  z-index:4 !important;  }
 
@media all and (max-width: 1080px){
  .sub_menu_wrap { height: 65px; line-height: 65px; margin-top: -40px; }
  .sub_menu_wrap .in { background-size: 100% 65px; }
  .sub_menu_wrap .m_home { width:65px; height:65px; }
}

@media all and (max-width: 767px){
.sub_menu_wrap{bottom:60px;}
  .sub_menu_wrap {height: 55px; line-height: 55px; margin-top: -35px; }
  .sub_menu_wrap .in { background-size: 100% 55px;  }
  .sub_menu_wrap .m_dep_box{width:280px;}
  .sub_menu_wrap .m_dep_box .smenu{ width:calc(100% + 2px);}
  .sub_menu_wrap .m_home { width:55px; height:55px; }
}

@media all and (max-width: 640px){
  .sub_menu_wrap {width:100%;  height: 60px; line-height: 60px; margin-top: -30px; }
  .sub_menu_wrap .in { width: 100%; background-size: 100% 60px; }
  .sub_menu_wrap .m_home { width:60px; height:60px; }
  .sub_menu_wrap .m_dep_box {width:150px;}
  .loca{display:none;}

}

@media all and (max-width: 568px){
  .sub_menu_wrap { margin-top:0; }
  .sub_menu_wrap .in { width: 100%; }
}
/*
@media all and (max-width: 480px){
  .sub_menu_wrap { height: 50px; line-height: 50px; margin-top: -25px; }
  .sub_menu_wrap .in { background-size: 100% 0px; }
  .sub_menu_wrap .m_home { width:50px; height:50px; }
  .sub_menu_wrap .m_dep_box {  }
  .sub_menu_wrap .m_dep_tit { padding: 0 0.8em; font-size: 1.7rem; background-size: 12px auto; }
  .sub_menu_wrap .m_dep_box .smenu a { padding: 0.8em 1em; }
}

*/


#subTitle { text-align: center; color:#212121; font-size: 4rem; font-weight: 500; line-height: 1.2em; padding: 3% 0; }
#pageCont { padding:3% 2%; text-align: center;   overflow: hidden; width:100%; max-width:1360px; border:0px solid red; margin:0 auto; }

.s_con{width:100%; padding:5% 0%; border:0px solid red;}


@media all and (max-width:976px) {
   #subTitle { padding: 6% 0 4%; }
}

@media all and (max-width:767px) {
   #subTitle { padding: 8% 0 4%; }
}

@media all and (max-width:568px) {
   #subTitle { font-size: 3.5rem; }
   #pageCont { padding-bottom: 5%; }
}

@media all and (max-width:480px) {
  #subTitle { font-size: 3.2rem; padding: 9% 0 5%; }
  #pageCont { padding-bottom: 7%; }
}






.tabmenu { text-align: center; width: 92%; max-width: 1600px; margin: 0 auto 3%; overflow: hidden; font-size:0; padding-top:1px; }
.tabmenu li { position: relative; display: inline-block; width:calc(100% / 6); max-width: 280px; margin-top: -1px;
                    border: 1px solid #dedede; border-left:0; text-align: center; }
.tabmenu li:nth-child(6n+1) { border-left:1px solid #dedede; }
.tabmenu li a { text-decoration: none; width:100%; height:70px; line-height: 70px; display: block; background:#fff;
                      color:#525252; font-size:1.7rem;  font-weight: 600;
                      box-sizing: border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.tabmenu li a:hover { color:#2155ae; }

.tabmenu.col7 li { width:calc(100% / 7); float: left; }
.tabmenu.col7 li:nth-child(6n+1) { border-left:0; }
.tabmenu.col7 li:nth-child(7n+1) { border-left:1px solid #dedede; }

/* 페이지 인식을 위한 부분 */
.tab01 .tabmenu  a.menu1,
.tab02 .tabmenu  a.menu2,
.tab03 .tabmenu  a.menu3,
.tab04 .tabmenu  a.menu4,
.tab05 .tabmenu  a.menu5,
.tab06 .tabmenu  a.menu6,
.tab07 .tabmenu  a.menu7,
.tab08 .tabmenu  a.menu8,
.tab09 .tabmenu  a.menu9,
.tab10 .tabmenu  a.menu10,
.tab11 .tabmenu  a.menu11,
.tab12 .tabmenu  a.menu12 { color:#fff; background:#2155ae; font-weight:600; border-color: #2155ae !important; z-index:98; }

@media all and (max-width:1080px) {
  .tabmenu { margin-bottom: 5%; }
  .tabmenu li a { height:60px; line-height: 60px; }
}


@media all and (max-width:976px) {
  .tabmenu li { width:calc(100% / 5);  float: left; }
  .tabmenu li:nth-child(6n+1)  { border-left:0; }
  .tabmenu li:nth-child(5n+1) { border-left:1px solid #dedede; }
  .tabmenu li a { font-size: 1.6rem;  }

  .tabmenu.col3 li { width:calc(100% / 3);  float: inherit; }
  .tabmenu.col2 li { width:calc(100% / 4);  float: inherit; }
}

@media all and (max-width:767px) {
  .tabmenu li { width:calc(100% / 4); }
  .tabmenu li:nth-child(5n+1)  { border-left:0; }
  .tabmenu li:nth-child(4n+1) { border-left:1px solid #dedede; }

  .tabmenu.col5 li { width:calc(100% / 3); }
  .tabmenu.col5 li:nth-child(4n+1)  { border-left:0; }
  .tabmenu.col5 li:nth-child(3n+1) { border-left:1px solid #dedede; }
}

@media all and (max-width:640px) {
  .tabmenu li a { height:50px; line-height: 50px;  }

  .tabmenu.col2 li { width:calc(100% / 2); }
}

@media all and (max-width:568px) {
  .tabmenu li { width:calc(100% / 3); }
  .tabmenu li:nth-child(4n+1)  { border-left:0; }
  .tabmenu li:nth-child(3n+1) { border-left:1px solid #dedede; }
  .tabmenu li a { height:40px; line-height: 40px;  }
}

@media all and (max-width:350px) {
  .tabmenu li { width:calc(100% / 2); }
  .tabmenu li:nth-child(3n+1)  { border-left:0; }
  .tabmenu li:nth-child(2n+1) { border-left:1px solid #dedede; }
}


/***프로그램리스트***/
.programlist{width:100%; float:left;  position: relative;}
.programlist ul{width:100%; margin-top:25px;}
.programlist ul li{ position: relative; float:left !important; display:inline-block; width:46%; margin:2%; 
box-sizing:border-box; overflow:hidden;height:370px; border:0px solid red;}
.wd100per{width:100%;}

.programlist ul li div{ position: absolute; bottom:0px; width:100%; padding:30px; box-sizng:border-box;
background:rgba(0,0,0,0.5); text-align:left;  
}
.programlist ul li div dl{width:100%; float:left;}
.programlist ul li div dl dt{width:70%; float:left;  text-align:left; color:#fff; font-weight:600; line-height:25px; }
.programlist ul li div dl dt span{font-size:24px; color:#fff; font-weight:600;  line-height:30px; padding:25px 0px;}
.programlist ul li div dl dd{width:30%; float:left; padding-top:20px;  box-sizng:border-box; text-align:right;}


@media all and (max-width:789px){
.programlist ul li{width:97%; height:auto;}
}

@media all and (max-width:589px){
.programlist ul li{ margin:3% 1%;}
.wd100per{width:100%; }
}

/****주간일정****/
.calwrap{width:100%; float:left;  position: relative;}
.calwrap ul{width:100%;}
.calwrap ul li {font-size:18px;  position: relative; display:inline-block;  width:19%; bordeR-right:1px solid #ccc;  text-align:center; box-sizng:border-box;}
.calwrap ul li span{font-sizE:27px;  font-weight:600;}
.calwrap ul li:last-child{bordeR-right:0px solid #ccc;}
.calwrap ul li a{display:block; color:#000; bordeR:0px solid red; padding-bottom:25px;}
.calwrap ul li a:hover{color:#ff6633; background:url('/kor/nimg/arrow_b.jpg')no-repeat bottom center; }
.calwrap ul li a.on{color:#ff6633; background:url('/kor/nimg/arrow_b.jpg')no-repeat bottom center; }

.programlist1{width:100%; float:left;  position: relative;}
.programlist1 ul{margin-top:45px;}
.programlist1 ul li{
	display:inline-block;  width:31%; margin:2% 1%;  float:left;  border:0px solid red; overflow:hidden;
}
.wd100per222{width:100%; height:270px;}



.proinfo11{width:100%; margin-top:25px; bordeR:0px solid red;  text-align:left;  position: relative;}

.proinfott{color:#000; font-size:19px; font-weight:600; line-height:35px;}
.proinfott1{font-size:16px; font-weight:500; color:#000;  line-height:27px;}
.moreicon{position: absolute;  right:10px; bottom:0px; }


@media all and (max-width:789px){
.programlist1 ul li{width:97%; min-height:auto;}
.moreicon{top:l0px !important;}
.calwrap ul li{font-size:14px;}
.calwrap ul li span{font-size:20px;}


}

@media all and (max-width:589px){
.programlist1 ul li{ margin:3% 1%;}

.moreicon img{width:80%; }
}





.tbsty03{width:100%; bordeR-top:3px solid #9d6926; }
.tbsty03 tr th{padding:35px 15px;}
.tbsty03 tr th{ bordeR-bottom:1px solid #9d6926;  bordeR-right:1px solid #ccc; color:#000; }
.tbsty03 tr th span{font-sizE:27px;  font-weight:600;}
.tbsty03 tr th.rnone{ bordeR-right:0px solid #ccc;}
.tbsty03 tr td{padding:10px; bordeR-bottom:1px solid #ccc;  bordeR-right:1px solid #ccc;}
.tbsty03 tr td.bg01{background:#efefef;}
.tbsty03 tr td.rnone{ bordeR-right:0px solid #ccc;}
.tbsty03 tr td span{font-sizE:27px;  font-weight:600; color:#000;}
.tbsty03 tr td.vtop{vertical-align:top;}


.tbsty031{width:100%; bordeR-top:3px solid #9d6926; }
.tbsty031 tr th{padding:35px 15px; position: relative;}
.tbsty031 tr th div{ position: absolute; top:20px;left:25%;}
.tbsty031 tr th{ bordeR-bottom:1px solid #9d6926;  bordeR-right:1px solid #ccc; color:#000; }
.tbsty031 tr th span{font-sizE:23px;  font-weight:600;}
.tbsty031 tr th.rnone{ bordeR-right:0px solid #ccc;}
.tbsty031 tr td{padding:10px; bordeR-bottom:1px solid #ccc;  bordeR-right:1px solid #ccc;}
.tbsty031 tr td.bg01{background:#efefef;}
.tbsty031 tr td.rnone{ bordeR-right:0px solid #ccc;}
.tbsty031 tr td span{font-sizE:23px;  font-weight:600; color:#000;}


.eventinfo{ bordeR:0px solid red; margin:1%; text-align:center;}
.date1{text-align:left; height:22px; line-height:22px; padding-left:20px; color:#000; font-weight:600; background:url('/kor/nimg/dot_01.png')no-repeat left;}
.date2{text-align:left; height:25px; line-height:25px; padding-left:20px; color:#000; font-weight:600; background:url('/kor/nimg/dot_02.png')no-repeat left;}
.date3{text-align:left; height:25px; line-height:25px; padding-left:20px; color:#000; font-weight:600; background:url('/kor/nimg/dot_03.png')no-repeat left;}
.date4{text-align:left; height:25px; line-height:25px; padding-left:20px; color:#000; font-weight:600; background:url('/kor/nimg/dot_04.png')no-repeat left;}
.date5{text-align:left; height:25px; line-height:25px; padding-left:20px; color:#000; font-weight:600; background:url('/kor/nimg/dot_04.png')no-repeat left;}
.calcon{ text-align:left;  color:#000;padding-left:20px;  margin-top:0px;   margin-bottom:15px;line-height:25px;}
.calcon1{display:inline-block ! important;  float:left; padding:0px 25px; text-align:center;  color:#000;  margin-top:0px;   margin-bottom:15px; line-height:25px;}
.calcon2{width:100%; height:35px; line-height:35px; color:#fff; font-weight:600; background:url('/kor/nimg/submenu.jpg'); background-size:cover;}

.proinfott1{font-size:18px; font-weight:600;}


@media all and (max-width:789px){
.tbsty03 tr th{font-size:17px;}
.tbsty03 tr td{padding:7px;}
.tbsty03 tr td span{font-sizE:17px;  font-weight:600; color:#000; }
.calcon{font-size:15px;}

.tbsty031 tr th{font-size:17px;}
.tbsty031 tr td{padding:0px;}
.tbsty031 tr td span{font-sizE:17px;  font-weight:600; color:#000; }


.proinfott{width:100%; border-bottom:1px solid #000; text-align:left; padding:10px;}
.proinfott1{background:#efefef; padding:4px; box-sizing:border-box; font-size:14px; margin-bottom:15px;}
.tbsty031 tr td .proinfott1:last-child{ margin-bottom:0px;}

}



/*축제개요 20210914*/
.subConleft{width:37%; float:left; padding:30px; background:#efefef;box-sizing:border-box;text-align:center; }
.subConleft img{width:100%;}
.subConright{width:62%; float:left; padding-left:30px; box-sizing:border-box; }
.titlest01{width:100%; font-size:17px; line-height:28px; padding:15px; border:solid 0px rgba(0,0,0,0.2); box-sizing:border-box;
text-align:left; 
}

.tblst01{width:100%; margin-top:25px;border-top:solid 2px #867d6a; }
.tblst01 tr th{width:25%; height:55px; line-height:55px; border-bottom:solid 1px rgba(0,0,0,0.1); text-align:center;
color:#322201; font-weight:700;   border-right:solid 1px rgba(0,0,0,0.1); font-size:17px;
}
.tblst01 tr td{text-align:left; 
width:75%; padding-left:20px; box-sizing:border-box; height:55px; line-height:55px; border-bottom:solid 1px rgba(0,0,0,0.1);}

.mobileshow{display:none;}
.myButton11 {
	background-color:#322201;
	border-radius:28px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:15px;
	margin-top:25px;
	padding:10px;


}
.myButton11:hover {
	background-color:#322201;
}
.myButton11:active {
	position:relative;
	top:1px;
}

.mobileshow{display:none;}

@media all and (max-width:789px){

.subConleft{width:100%; padding:20px; text-align:center;}
.subConright{width:100%; padding-left:0px; padding-top:25px;}
.titlest01{padding:0px;}
.tblst01 tr td{font-size:15px;}
.mobileshow{display:block;}
}



.subtop{ background:url('/kor/nimg/subbg06.jpg'); width:100%;position:relative; padding:65px; box-sizing:border-box; }
.subtop1{ background:url('/kor/nimg/subbg07.jpg'); width:100%;position:relative; padding:65px; box-sizing:border-box; }
.subtop2{  width:100%; background:#f5f5f5; overflow:hidden;  box-sizing:border-box; position:relative; padding:65px; box-sizing:border-box; }
.subtoptt{font-size:3rem;  font-weight: 400; color:#fff; }
.subtoptt1{font-size:1.8rem; line-height:30px; margin-top:20px; color:#fff;}

.fontc1{color:#000;}

.subleft{width:35%; float:left; position:relative; margin-top:65px; }
.subright{width:65%; float:left; position:relative; text-align:left; margin-top:65px;  line-height:27px; font-size:16px;   padding:20px;
 box-sizing:border-box; color:#000;}


 .subleft1{width:65%; text-align:left; float:left;  position:relative; margin-top:65px;line-height:27px; font-size:16px;   padding:20px;
 box-sizing:border-box; color:#000; border:0px solid red;   box-sizing:border-box;}
.subright1{width:35%; float:left; position:relative; text-align:left; margin-top:65px; border:0px solid red;   box-sizing:border-box;  }



@media screen and (max-width:989px){
.subleft{width:100%; display:none;}
.subright{width:100%; margin-top:25px;   padding:15px;}
.subleft1{width:100%; margin-top:25px;   padding:15px;}
.subright1{display:none;}

}





#m_board2 {

	position: relative;
	width: 100%;
	margin-right: 0;
	position: relative;
	
	margin: 0 auto;
	border: 0px solid #ddd;
}

#m_board2 .tabs2 {
	height:50px;
	width:100%;
	border: 1px solid #ddd;
}
#m_board2 .tabs2 li {
	float: left;
	font-size: 17px;
	width: 50%;
	text-align: center;
	color: #999;
}
#m_board2 .tabs2 li:first-child{border-right: 1px solid #ddd; line-height:43px;}
#m_board2 .tabs2 li a {
	display: block;
	height: 50px;
	line-height:50px;
	box-sizing: border-box;
	font-size: 17px;
	color: #999;
}
#m_board2 .tabs2 li a:hover {
	color: #000;
	height: 50px;
	line-height:50px;
	box-sizing: border-box;
	font-size: 17px;
	font-weight: 600;
}
#m_board2 .tabs2 .active a {
	
	color: #fff  !important;
	height: 50px;line-height:50px;
	box-sizing: border-box;
	font-size: 17px;
	
	font-weight: 600;
	background:#70431a;
}
#m_board2 .more {
	position: absolute;
	right: 17px;
	top: 16px;
}
#m_board2 .more a {
	display: block;
	padding: 5px;
	border: 1px solid #ddd
}
#m_board2 .more a:hover {
	border: 1px solid #1e83eb
}
#m_board2 .tab_container2 {
	margin-top: 15px;
	padding: 0px;
	
	text-align: left;
	border-top: 0px solid #000;
}

.officer ul  {
display: flex;
flex-direction: row;
 flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;

}



.officer ul li {
	margin-top: 8px;
	font-size: 16px;
	line-height: 24px;
	font-size: 15px;
}



.officer ul li.last-child {
}
.officer ul a {
	line-height: 24px;
	font-size: 15px;
}
.officer ul li .b_tit {
	border-radius: 10px;
	text-align: center;
	width: 50px;
	color: #fff;
	display: inline-block;
	margin-right: 7px
}
.officer ul li .date {
	text-align: right ! important;
	width: 20%;
	border: 1px solid #ddd;
	text-align: right;
	float: right;
	color: #bcbcbc;
	padding-right: 30px;
}
.officer ul li dt, .officer ul li dd {
	list-style: none;
	height: 25px;
	color: #fff;
}
.officer ul li dt {
	width: 80%;
	float: left;
}

@media all and (min-width: 1024px){
.officer ul li {
    flex: 1 1   22%;
	}


}

@media all and (max-width: 1024px){
.officer ul li li {
    flex: 1 1  48%;
	}
}
@media all and (max-width: 579px){
#m_board2{width:90%; margin:0 auto;}
.subtop{padding:35px 25px;}
.subtop2{padding:35px 25px;}
}

.officer{width:100%; float:left;}
.officer ul {margin-top:10px;}
.officer ul li{display:inline-block;float:left; width:23%; margin:1%;   border: 1px solid #ddd; border-top-right-radius:20px; border-bottom-left-radius:20px; 
text-align:left; box-shadow:5px 5px 10px rgba(0,0,0,0.1); float:left; min-height:150px; padding:20px; box-sizing:border-box;
}
.officertt{color:#330000; font-weight:600; font-size:18px; border-bottom:1px solid #ccc; width:100%; padding-bottom:7px; 
margin-bottom:10px; 
}

@media screen and (max-width:989px){
.officer ul li{width:31%; }
}


@media screen and (max-width:589px){
.officer ul li {
    flex: 1 1  48%;
	}
.officer ul li{width:48%;  margin:2% 1%;  min-height:190px;}
}


.program01{width:100px; height:100px; font-size:17px; font-weight:600;  border-radius:50%; background:#e9502e; color:#fff; line-height:22px; padding-top:25px; box-sizing:border-box;}
.traffictt{line-height:25px; border:10px solid #efefef; padding:25px; box-sizing:border-box; text-align:left;}
.traffictt span{font-size:20px; color:#000; font-weight:600; line-height:35px; }




/***************************************
***************************************
디자인변경
***************************************
***************************************/

/*일정 스타일 변경*/
.iconwrapin_area .calcon2,  .iconwrapin_area .calcon1, 
.iconwrapin_area  .eventinfo {vertical-align:middle; margin:0px !important; float:none !important;
display:inline-block !important;  overflow:hidden; }
.iconwrapin_area {position:relative; padding-left:200px !important;  padding-top:10px; width:100%;  overflow:hidden;
padding-right:20px !important; min-height:50px !important; }
.iconwrapin_area  .calcon2{ vertical-align:middle; position:absolute; top:10px; left:10px;
width:150px; box-sizing:border-box;  background:#976653;}
 .iconwrapin_area .calcon1{margin:10px 10px}
.iconwrapin_area  .eventinfo { text-align:left; width:auto;}
.gallery.instagram > ul > li { width:31% !important}
.gallery.instagram > ul > li > .img, 		.gallery.instagram> ul > li > .img > a {height:440px !important;}



.programlist1 ul li div  {box-sizing:border-box; }
.proinfott1,
.proinfott {padding-right:20px;}

/* 타블렛 가로 */
  @media (min-width: 1024px){
.programlist1 ul li div {height:100px; }

}


/* 타블렛 가로 */
  @media (max-width: 1024px) {

.programlist1 ul li  .moreicon img {width:25px;}
}
/* 타블렛 가로 */
  @media (max-width: 1024px) and  (min-width: 650px){
.programlist1 ul li div {height:180px;}


}

/* 타블렛 가로 */
  @media (max-width: 650px){
		.subcal  img{ max-width:90px; }
		.gallery.instagram> ul > li { width:47% !important}
		.gallery.instagram > ul > li > .img, 		.gallery.instagram > ul > li > .img > a {height:200px !important;}
}


/*모달팝업스타일변경*/

.programcontt1_new{ overflow:hidden; padding-bottom:10px; }
.programcontt1_new dt,
.programcontt1_new dd{ overflow:hidden; color:#000; float:left; font-size:18px; line-height:23px;}
.programcontt1_new dt {padding-right:10px; font-weight:600; }


/* 타블렛 가로 */
  @media (max-width: 650px){
    .programcon {width:80%;}
	.programcontt {font-size:20px; line-height:24px; padding:10px 0px;}
  .programcontt2 { margin-top:10px; max-height:150px;  line-height:20px;overflow-y:auto;}
.programcontt1_new dt,
.programcontt1_new dd{  font-size:17px; line-height:21px;}
}

/*스케쥴 리스트 스타일변경*/
.proinfott {font-weight:800;}
.proinfott1 {font-weight:normal;}
.programlist1 ul li div.moreicon img {max-width:40px;}

.programlist1 ul {display: flex;
flex-direction: row;
 flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
}
.programlist1 ul li div,
.programlist1 ul li {float:none; width:auto; height:auto;}
.proinfo11 {position:relative;}
.proinfo11 .moreicon {position:absolute; top:10px; right:0;}

.programlist1 ul li{  flex-basis: 31%; }

@media screen and (max-width:989px){
.programlist1 ul li{  flex-basis: 48%; }
}

@media screen and (max-width:589px){
.programlist1 ul li{   flex-basis: 100%; }

}

/*프로그램 리스트 스타일변경*/
.programlist ul li div dl dt {font-weight:300;}
.programlist ul li div dl dt  span {font-size:600;}
.programlist ul li div dl dd a img {max-width:50px;}

/*갤러리 리스트 이미지 여백*/

.gallery > ul {text-align:left;}
.gallery > ul > li {float:none !important; display:inline-block;  }
.gallery > ul > li > .img img{min-height:100%; min-width:100%}
.gallery > ul > li > .img{line-height:0; }

.gallery > ul > li > .tit {padding:10px  0px !important;}




/*모바일에서 2차메뉴 글씨떨어지는 것*/
@media screen and (max-width:589px){
.sub_menu_wrap .m_dep_tit {padding-left:10px; 
white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.sub_menu_wrap .m_dep_box {width:calc(50% - 35px);}
}

/*메뉴조정*/
.subtt {font-weight:600;}

/*모바일에서 서브메뉴조정*/
@media screen and (max-width:640px){
.s_visual {height:240px;}
.s_visual .s_visual_in {padding:0px;}
.sub_menu_wrap {bottom:0;}
.subtt {font-size:26px; line-height:60px;}
}




/*오시는길 설명 에리어*/
.notice_area {overflow:hidden; position:relative; padding-top:20px;}
.notice_area:before {content:'!'; position:absolute; top:22px; left:0;  text-align:Center;
color:#fff; font-weight:bold; width:20px; height:20px; background:#666;}
.notice_area {font-size:16px; line-height:20px; padding-left:30px;}
.notice_area a { display:inline-block; background:#f94242; font-weight:bold; vertical-align:middle; padding:0px 10px; color:#fff; margin-left:10px;
font-size:13px; line-height:24px;}

@media screen and (max-width:589px){
.notice_area:before {top:22px; font-size:12px;
 width:19px; height:19px;}
.notice_area {font-size:14px; line-height:20px; padding-left:25px;}
.notice_area a { font-size:12px; line-height:20px;}
}


/*축제참여하기 에리어*/
.bgimgwrap {width:100% !important; max-width:100% !important; padding:0px !important; position:relative;}
.width_area {max-width:1360px; margin-left:auto; margin-right:auto; padding: 3% 2%;}


.hashtag-area {position:relative;  padding-bottom:370px; 
background: url('/kor/nimg/floow.gif') no-repeat center top;   background-attachment: fixed;
overflow:hidden; height:auto;}


.hashtag-area:before {content:''; position:absolute; z-index:2; border-radius:50%;  background:#fdf0e3;
width:1100px; bottom:-400px; right:-100px; transform:translateY(-50%); height:400px;}


.hashtag-area:after {content:''; position:absolute; z-index:1; border-radius:50%;  background:#e1d7d7;
width:1700px; bottom:-400px; left:-100px; transform:translateY(-50%); height:400px;}




.hashtag-area .wrapin dl,
.hashtag-area .wrapin dt,
.hashtag-area .wrapin dd {overflow:hidden;}

.hashtag-area .wrapin {width:52%; overflow:hidden;   box-sizing:border-box;  padding-bottom:50px;
position:relative; z-index:3}


.hashtag-area .wrapin p.img img {width:100%;}
.hashtag-area .wrapin  div {width:100%; border-radius:20px;  padding:40px 40px;}
.hashtag-area .wrapin:nth-child(2n-1) {float:left;  text-align:left;  padding-right:calc(2% + 170px); }
.hashtag-area .wrapin:nth-child(2n) {float:right;  text-align:right; padding-left:calc(2% + 170px); margin-top:-400px;}

.hashtag-area .wrapin:nth-child(2n-1) div {background:#ffefd0; box-shadow: 8px 8px 0px #f4d18e;}
.hashtag-area .wrapin:nth-child(2n) div {background:#ffe2d0;  box-shadow: -8px 8px 0px #eeb592}


.hashtag-area .wrapin dt {font-weight:600;  font-family: 'arita-buriotfbold';
font-size:34px; line-height:46px; overflow:hidden; padding:20px 0px 10px 0px; }

.hashtag-area .wrapin:nth-child(2n-1) dt {color:#f7a70e }
.hashtag-area .wrapin:nth-child(2n-1) dt a  {background:#f7a70e }

.hashtag-area .wrapin:nth-child(2n) dt {color:#f27223 }
.hashtag-area .wrapin:nth-child(2n) dt a  {background:#f27223 }

.hashtag-area .wrapin dt  a {border-radius:50%; width:36px; height:36px;  margin-top:-10px; text-align:Center;
display:inline-block;  vertical-align:middle; margin-left:5px;}
.hashtag-area .wrapin dt  a  svg {fill:#fff; width:23px; height:30px; margin-left:2px;}

.hashtag-area .wrapin dd {font-size:16px; line-height:25px; color:#000;}


.hashtag-area.hasht001 .imgicon p {position:Absolute; z-index:1;}
.hashtag-area.hasht001 .imgicon p img {width:100%;}


.hashtag-area.hasht001 .imgicon p:nth-child(3) {left:40px; bottom:20px; width:174px; z-index:4;}
.hashtag-area.hasht001 .imgicon p:nth-child(4) {right:400px; bottom:30px; width:194px; z-index:4;}
.hashtag-area.hasht001 .imgicon p:nth-child(5) {right:300px; bottom:140px; width:124px; z-index:4;}
.hashtag-area.hasht001 .imgicon p:nth-child(2) {left:200px; bottom:-20px; width:400px;  z-index:4;}
.hashtag-area.hasht001 .imgicon p:nth-child(1) {right:-30px; bottom:-20px; z-index:4; width:340px;}



@media screen and (max-width:1224px) {
.hashtag-area.hasht001 .imgicon p:nth-child(5),
.hashtag-area.hasht001 .imgicon p:nth-child(4) {display:none}
}

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

.hashtag-area {background-size:230px auto  !important;}
.hashtag-area .wrapin:nth-child(2n-1) { padding-right:calc(2% + 110px); }
.hashtag-area .wrapin:nth-child(2n) {padding-left:calc(2% + 110px);}
.hashtag-area .wrapin dt {font-size:28px; line-height:36px;  }
.hashtag-area .wrapin dt  a { width:30px; height:30px;}
.hashtag-area .wrapin dt  a svg {width:21px; height:26px; margin-top:2px; margin-left:0px;}

.hashtag-area:before {width:700px; bottom:-400px; right:-100px;  height:370px;}
.hashtag-area:after {width:700px; bottom:-400px; left:-100px;height:370px;}
.hashtag-area.hasht001 .imgicon p:nth-child(3) {width:114px;}
.hashtag-area.hasht001 .imgicon p:nth-child(2) {left:200px; bottom:-20px; width:300px; }
.hashtag-area.hasht001 .imgicon p:nth-child(1) {right:-30px; bottom:-20px;  width:240px;}

}


@media screen and (max-width:640px){
.hashtag-area {padding-bottom:280px;  }

.hashtag-area {background-size:150px auto  !important; background-position:top left;}
.hashtag-area .wrapin{width:100%; padding:20px 0px 20px 130px !important; margin-top:0px !important;}
.hashtag-area .wrapin div {width:90%; text-align:left; padding:20px;}
 
.hashtag-area .wrapin dt {font-size:24px; line-height:30px;  }
.hashtag-area .wrapin dt  a { width:30px; height:30px;}
.hashtag-area .wrapin dt  a svg {width:21px; height:26px; margin-top:2px; margin-left:0px;}

.hashtag-area:before {width:400px; bottom:-400px; right:-100px;  height:320px; z-index:2;}
.hashtag-area:after {width:600px; bottom:-400px; left:-100px;height:340px;}
.hashtag-area.hasht001 .imgicon p:nth-child(3) {width:64px; bottom:80px;}
.hashtag-area.hasht001 .imgicon p:nth-child(2) {left:0px; bottom:-20px; width:300px; }
.hashtag-area.hasht001 .imgicon p:nth-child(1) {right:-40px; bottom:-0px;  width:210px;}

}

.bgimgwrap .s_con {padding-bottom:0px !important}


/*행사장 추가서브페이지*/
.direct_area {overflow:hidden;}
	.direct_area img {width:100%}
	.direct_area .area {overflow:hidden; text-align:left;}
		.direct_area .area dl {border-bottom:1px solid #ddd; position:relative; padding:30px 30px 30px 250px; box-sizing:border-box;}
			.direct_area .area dl  dt{position:absolute;  font-weight:600;
			top:20px; left:0px; border-radius:30px; width:200px ;text-align:center; font-size:23px; 
			line-height:24px; padding:20px 0px; background:red; color:#fff;}
			.direct_area .area dl  dd {display:inline-block; overflow:hidden; padding: 10px 10px;  font-size:17px; line-height:20px;}
		
		.direct_area .area dl.a01 dt { background:#f09439;}
		.direct_area .area dl.a02 dt { background:#63b353;}
		.direct_area .area dl.a03 dt { background:#44a4cc;}
		.direct_area .area dl.a04 dt { background:#38728c;}
		.direct_area .area dl.a05 dt { background:#6761a8;}
		.direct_area .area dl.a06 dt { background:#c84c50;}
		.direct_area .area dl.a07 dt { background:#d962a9;}

@media screen and (max-width:640px){
		.direct_area .area dl {padding:20px 20px 20px 150px;}
			.direct_area .area dl  dt{
			top:20px; border-radius:30px; width:130px ;  font-size:17px; 
			line-height:22px; padding:10px 0px; }
			.direct_area .area dl  dd {  font-size:15px; line-height:16px;}
}



/*행사장 추가서브페이지*/
.direct_area {overflow:hidden;}
	.direct_area img {width:100%}
	.direct_area .area {overflow:hidden; text-align:left;}
		.direct_area .area dl {border-bottom:1px solid #ddd; position:relative; padding:30px 30px 30px 250px; box-sizing:border-box;}
			.direct_area .area dl  dt{position:absolute;  font-weight:600;
			top:20px; left:0px; border-radius:30px; width:200px ;text-align:center; font-size:23px; 
			line-height:24px; padding:20px 0px; background:red; color:#fff;}
			.direct_area .area dl  dd {display:inline-block; overflow:hidden; padding: 10px 10px;  font-size:17px; line-height:20px;}
		
		.direct_area .area dl.a01 dt { background:#f09439;}
		.direct_area .area dl.a02 dt { background:#63b353;}
		.direct_area .area dl.a03 dt { background:#44a4cc;}
		.direct_area .area dl.a04 dt { background:#38728c;}
		.direct_area .area dl.a05 dt { background:#6761a8;}
		.direct_area .area dl.a06 dt { background:#c84c50;}
		.direct_area .area dl.a07 dt { background:#d962a9;}

@media screen and (max-width:640px){
		.direct_area .area dl {padding:20px 20px 20px 150px;}
			.direct_area .area dl  dt{
			top:20px; border-radius:30px; width:130px ;  font-size:17px; 
			line-height:22px; padding:10px 0px; }
			.direct_area .area dl  dd {  font-size:15px; line-height:16px;}
}

/*모바일에서 이미지 클릭하면 새창뜨게 */
.direct_area .img_wrap{position: relative;}
.plus_button{display: none;}
@media screen and (max-width:1024px){
	.plus_button{position:absolute; z-index:10; right:2px; bottom: 2px; outline: none; border: none; display:block; }
	.plus_button a{display: block;  background:#b07c43; width:35px; height:35px; padding-top:7px;}
	.plus_button a svg{width: 60%; height: 60%; fill:#fff;}
}

/*모바일에서 프로그램 글씨조정 */
@media screen and (max-width:640px){
.programlist ul li div dl dt span { font-size:18px; display:inline-block; line-height:18px !important; padding-bottom:10px;}
.programlist ul li div dl dt span.allday_icon {font-weight:bold; font-size:14px;}
}
/*모바일에서 약령시소개에서 이미지나오기 */
@media screen and (max-width:640px){
.intro_yrs .subleft,
.intro_yrs .subright1{display:block; width:100%; text-align:center;}
.intro_yrs img {max-width:70%;}
}