@charset "utf-8";


/*0125*/
.new_business_top{ border-top: 2px solid #254e97; background: #eff8fa; padding: 27px 30px; overflow: hidden; margin-top: 50px;}
.new_business_top > .tit{ color: #254e97; font-size: 1.5em; width: 206px; float: left; word-break: keep-all;}
.new_business_top > .busin_cont{ float: left; width: calc(100% - 206px);}

.step_list{overflow: hidden;}
.step_list > li{height: 141px; float: left;}
.step_list > li:not(.next){ border: 1px solid #dddddd; text-align: center; float: left; width: 13%;}
.step_list > li.next{width: 4.4%; background: url(/_static/yjcf/img/sub/step_arrow.png) center no-repeat;}

.step_list > li:first-child{}
.step_list > li .num{ background: #eff8fa; color: #000000; font-size: 1.125em; font-weight: 500; height: 43px; line-height: 43px;}
.step_list > li .cont{border-top: 1px solid #ddd;padding: 0 20px;height: 97px;line-height: 97px;} 
.step_list > li .cont > span{font-size: 0.938em; display: inline-block; vertical-align: middle; line-height: 1.3; word-break: keep-all;}

/*0201 탭 5*/
.step_list.type05{}
.step_list.type05 > li{}
.step_list.type05 > li.next{width: 8.7%;}


/*탭 4*/
.step_list.type04{}
.step_list.type04 > li{}
.step_list.type04 > li.next{width: 16%;}


/*공공누리*/
 .open_box {overflow:hidden; position:relative; padding: 20px 20px 20px 20px; margin: 140px auto 40px; border:1px solid #dedede; background-color: #f7f7f7; max-width: 1400px;}
	.open_box_in {overflow:hidden; padding: 15px 37px 15px 17px; border:1px solid #dedede; background-color: #fff;}
	.open_box .open_img	{display:inline-block; float:left;}
	.open_box .open_img	a {display:inline-block;}
	.open_box .open_txt	{display:inline-block; float:left; padding:17px; color: #353535;} 

/* 제목 h4 */
.sub_tit4 h4{font-weight: 600; font-size: 1.375em; padding-top: 8px; position: relative; color: #000000;}
.sub_tit4 h4:before{content: ''; display: inline-block; position: absolute; top: 0; left: 0; background: #254e97; height: 2px; width: 40px;}

/* 이미지 첫번째 블릿 */
.list_tit{ font-weight: 600; font-size: 1.125em; position: relative; padding-left: 27px; color: #000000;}
.list_tit2{ font-weight: 600; font-size: 1.250em; position: relative; padding-left: 27px; color: #000000;}
.list_tit3{ font-weight: 600; font-size: 1.125em; padding-left: 14px; position: relative; color: #000000;}
.list_tit4{ font-weight: 600; font-size: 1.250em; padding-top:14px; position: relative; color: #000000;}
.list_tit:before{ content: ''; display: inline-block; position: absolute; top: 0; left: 0; background: url(/_static/yjcf/img/sub/bullet_01.png) no-repeat center; width: 20px; height: 20px;}
.list_tit2:before{ content: ''; display: inline-block; position: absolute; top: 0; left: 0; background: url(/_static/yjcf/img/sub/bullet_02.png) no-repeat center; width: 20px; height: 20px;}
.list_tit3:before{ content: ''; display: inline-block; position: absolute; top: 0; left: 0; background: url(/_static/yjcf/img/sub/bullet_03.png) no-repeat center; width: 4px; height: 18px;}
.list_tit4:before{ content: ''; display: inline-block; position: absolute; top: 0; left: 0; background: url(/_static/yjcf/img/sub/bullet_04.png) no-repeat left center; width: 18px; height: 4px;}




/*8_6*/
.list_tit4 > a.down{margin-left: 17px;}

/*색상 두번째 블릿*/
/* .list_blt{ margin-top: 9px; padding-left: 32px;}
.list_blt:first-child{ margin-top: 0;}
.list_blt > li{ position: relative; padding-left: 12px; margin-top: 9px; text-align: left; font-size: 0.938em; letter-spacing: -0.05em;}
.list_blt > li:before { content: ''; display: inline-block; position: absolute; top: 8px; left: 0; width: 4px; height: 4px; border-radius: 4px; background: #21b2b8;}
.list_blt > li:first-child{margin-top: 0;} */

/* list_blt3 */
/* .list_blt3{ margin-top: 12px; padding-left: 20px;}
.list_blt3:first-child{ margin-top: 0;}
.list_blt3 > li{ position: relative; padding-left: 12px; margin-top: 9px; text-align: left; font-size: 0.938em;}
.list_blt3 > li:before {content: ''; display: inline-block; position: absolute; top: 8px; left: 0; width: 4px; height: 4px; border-radius: 4px; background: #21b2b8;} */

/* list_blt4 */
.list_blt4{margin-top: 9px; padding-left: 6px;}
.list_blt4:first-child{margin-top: 0;}
.list_blt4 > li{position: relative; padding-left: 12px; margin-top: 9px; text-align: left; font-size: 0.938em; word-break: keep-all;}
.list_blt4 > li:before {content: ''; display: inline-block; position: absolute; top: 7px; left: 0; width: 4px; height: 4px; border-radius: 4px; background: #21b2b8;}
.list_blt4 > li:first-child{margin-top: 0;}
.list_blt4.only{padding-left:0; margin-top: 0; }

/* list_blt5 추가 240307 */
.list_blt5 {padding-left: 40px;padding-top: 5px;}
.list_blt5 li {padding-bottom: 5px;line-height: 1.5;padding-left: 13px;text-indent: -13px;}
.list_blt5 li:last-child {padding-bottom: 0;}

/* 링크 추가 */
.list_area .link {padding-top: 15px;}
.list_area .link a {font-weight: 700;font-size: 18px;}

/*- 세번째 블릿*/
.add_blt{margin-top: 15px;}
.add_blt > li{margin-top: 5px; letter-spacing: -0.05em;}
.add_blt > li:first-child{margin-top: 0;}

/*0130 텍스트인덴트  - 블릿 */
.add_blt_new{margin-top: 4px;}
.add_blt_new > li{
  margin-top: 3px;
  font-size: 0.938em;
  letter-spacing: -0.025em;
  padding-left: 10px;
  text-indent: -10px;
}
.add_blt_new > li:first-child{margin-top: 0;}

/*- 사업안내 블릿 */
.busin_blt{margin-top: 15px;}
.busin_blt > li{margin-top: 10px; letter-spacing: -0.05em;}
.busin_blt > li:first-child{margin-top: 0;}

/*- 사업안내 블릿 뒤 */
.bu_blt{margin-top: 4px; padding-left: 20px; }
.bu_blt > li{margin-top: 3px; letter-spacing: -0.05em; font-size: 0.875rem;}
.bu_blt > li:first-child{margin-top: 0;}
/* 블릿 안에 문구 */
.list_area .cont_txt{margin-top: 9px;}
.list_area .cont_txt p{letter-spacing: -0.050em;}

/*문구박스 밑에 문구 박스 8_6*/
.list_area .cont_txt + .cont_txt{margin-top: 24px;}


/* 버튼 간의 간격 */
.list_area{margin-top: 42px;}
.list_area:first-child{margin-top: 0;}

/* 블릿 안에 이미지 간격 */
.list_area .img_area{margin-top: 12px;}


/*05.21 test*/
.list_area.test{max-width: 950px; margin: 0 auto;}


/* 버튼 */
/* 다운로드 버튼 */
.btn_area {overflow: hidden; text-align: center;}
.mw90{min-width: 90px !important;}
.mw120{min-width: 120px !important;}
.mw160{min-width: 160px !important;}
.btn_area > a.btn_down{background: #254e97 url(/_static/yjcf/img/sub/btn_down_icon.png) no-repeat center right 20px; font-size: 0.875em; color: #ffffff; border: 1px solid #254e97; padding: 0 40px 0 20px; display: inline-block; margin-left: 16px; 
 height: 40px;
 margin-right: 0;
 line-height: 38px;
}
.btn_area a.btn_down:first-child{margin-left: 0;}

a.down{display:inline-block; background:#254e97; color:#ffffff; width: 67px; height: 28px; line-height: 28px; text-align: center; font-size: 13px; vertical-align: middle; font-weight: 300;}



/* 경영공시 검은색 버튼 */
.btn_td a.btn_down{ background: #333333 url(/_static/yjcf/img/sub/btn_down_icon.png) no-repeat center right 20px; font-size: 0.813rem; color: #ffffff; border: 1px solid #333333; padding: 6px 47px 6px 20px; display: inline-block; text-align: left;}

/*게시판 버튼*/
.btn_area > a {display: inline-block; min-width: 120px; height: 50px; padding: 0 10px; line-height: 48px; margin-right:6px; text-align: center; }
.btn_area > a:last-child {margin-right:0;}
.btn_area > a:hover, .btn_area a:focus{text-decoration: underline;}

/*파란 버튼 6_1_1*/
.btn_area > a.btn_request { background: #254e97; border: 1px solid #254e97; color:#fff; font-size: 0.875em; font-weight: 600;} 

/* 가운데 정렬 버튼 */
.btn_area a.btn_c_230 { background: #254e97; border: 1px solid #254e97; color:#fff; min-width: 230px; height: 60px; line-height: 60px; font-size: 1em;} 

/*목록*/
.btn_area > a.btn_list { background: #fff; color:#333; border: 1px solid #333; } 

/*단독 목록*/
.btn_area > a.btn_list{
 display: inline-block;
  color: #fff;
  min-width: 82px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background-color: #333;
  font-size: 0.875em;
}

/*높이 40*/
.h40{height:38px !important; line-height:36px !important; min-width: 112px !important;}

/*absolute 6_1_1 소식지 신청 버튼*/
.p_a_top{position: absolute !important; right: 0; top: 0;}
.p_a_btm{position: absolute !important; right: 0; bottom: -1px;}

/*취소*/
.btn_area > a.btn_canel{background: #191a1c; border: 1px solid #191a1c; color:#fff; }


/*가운데 버튼 w150*/
.btn_area > a.btn_r_150{min-width: 150px; background: #254e97; border: 1px solid #254e97; color:#fff;}
.btn_area > a.btn_c_150{min-width: 150px; background: #191a1c; border: 1px solid #191a1c; color:#fff; }
.btn_area > a.btn_h_150{min-width: 150px; background: #ed3d41; border: 1px solid #ed3d41; color:#fff; }

/*파일찾기 3_3_0_2*/
.ipt_file {display: block;position: relative; z-index: 1; padding-left: 85px; margin-top: 7px;}
.ipt_file:first-child{margin-top: 0;}
.ipt_file [type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 none; }
.ipt_file .brd_btn { display: block; position: absolute; left: 0; top: 2px; z-index: 1; font-size: 0.813em;}
.brd_btn{display: inline-block; min-width: 67px; 
 height: 28px;
 padding: 0 10px;
 background: #333;
 color: #ffffff;
 font-size: 0.938rem;
 vertical-align: middle;
 text-align: center;
 line-height: 28px;
}

/* 문구 */
.cont_txt > p{line-height: 1.6; font-size: 0.938em; letter-spacing: 0;}

/*문구 line-height 기본일 때 */
.cont_txt.normal > p{font-size: 0.938em; margin-top: 11px; line-height: initial; letter-spacing: -0.010em;}


/* 연혁 */
.year_cont{overflow: hidden; margin-top: 40px;}
.year_cont:first-child{margin-top: 0;}
.year_cont > div{ float: left; width: 54.5%;}
.year_cont > div:first-child{width: 45.5%; padding-left: 12%; padding-right: 5px;}
.year_cont > div .year_top{position: relative;} 
.year_cont > div .year_top > span{ color: #254e97; font-weight: 600; font-size: 1.5em; line-height: 1; background: #ffffff; display: inline-block; min-width: 115px; text-align: center;
 /*border: 7px solid #254e97; border-radius: 50%; width: 116px; height: 116px; line-height: 106px; */}
.year_cont > div .year_top > span:before{ content: ''; display: block; position: absolute; top: 50%; width: 100%; left: 0; z-index: -1; background:url(/_static/yjcf/img/sub/history_bg.png) repeat-x; height: 1px; margin-top: -2px;}
.year_cont > div .year_info{ display: table; table-layout: fixed; width: 100%; margin-top: 13px;}
.year_cont > div .year_info:first-child{margin-top: 0;}
.year_cont > div .year_info .year_tit{display: table-cell; width: 153px; position: relative; font-weight: 600; font-size: 1.063em; padding-left: 23px; color: #254e97;}
.year_cont > div .year_info .year_tit:before {content: ''; display: inline-block; position: absolute; top: 5px; left: 0; /* background: url(/_static/chf1/img/sub/hist_front.png) no-repeat center; */ border: 3px solid #cbcbcb; border-radius: 13px; width: 7px; height: 7px;}
.year_cont > div .year_info .year_txt li{ letter-spacing: -0.050em; margin-top: 13px; font-size: 0.938em; }
.year_cont > div .year_info .year_txt li:first-child{margin-top: 0;}

/* 오시는길 추가 내용 */
.add_txt{margin-top: 37px;}
.add_txt > .add_tit{color:#254e97; font-size: 0.875em; font-weight: 600;}
.add_txt > p{font-size:0.875em; margin-top:4px;} 

/*영역 나눌 때 경영공시*/
.tbl_col_wrap{display: table; table-layout: auto; width: 100%;}
.tbl_col_wrap > div{display: table-cell; vertical-align: top;}
.tbl_col_wrap > div:first-child{width: 245px;}
.tbl_col_wrap > div .tbl_col_tit{color: #000000; font-weight:600; font-size: 1.375em;}


/*사업실적보고서 상단 리스트*/
.board_top_list{border: 1px solid #cccccc; background-color: #f6f7f9; padding: 25px 20px; margin-bottom: 50px; }
.board_top_list .list_btm{margin-top: 12px;}
.board_top_list > div{display: table;table-layout: auto;overflow: hidden;width: 100%; /*text-align: center;*/ margin-left: 3px;}
.board_top_list > div > div{text-align: center;display: inline-table;width: 43%;vertical-align: middle;border-spacing: 5px 0;margin-left:-5px;float: left;}
.board_top_list > div > div:first-child{margin-left: 0;width: 57%;}
.board_top_list > div > div > div{ display: table-cell; vertical-align: middle; border: 1px solid #cccccc; background: #ffffff; text-align: center;}
.board_top_list > div > div > div > a{color: #1f1f1f;font-size: 0.813em;padding: 8px 10px;display: block;min-width: 100%; letter-spacing: -0.06em; word-break: keep-all;}
/* .board_top_list > .list_btm > div:first-child > div:first-child > a{padding: 8px 53px;} */
.board_top_list > div > div > div.on{border:2px solid #254e97; /*box-shadow: 1px 1px 0 #254e97 inset, -1px -1px 0 #254e97 inset;*/}
.board_top_list > div > div > div.on > a{color:#254e97; font-weight: 600; padding: 6px 8px;}

/* 조직도 */
.o_chart{margin: 0 auto; overflow: hidden;}
.sec_wrap{margin: 0 -6px; padding-top: 60px;}
.sec_chart{display: table; width: 100%; table-layout: fixed; border-spacing: 6px 0;}
.sec_chart dl{display: table-cell; position: relative; }
.sec_chart dl:before{ background-color: #dddddd; content: ''; position: absolute; height: 60px; left: 50%; top: -60px; width: 1px;}
.sec_chart dl:after { background-color: #dddddd; content: ''; position: absolute; height: 1px; top: -60px; width: 104%; left: 0;}
.sec_chart dl:nth-child(4)::after { background-color: #dddddd; content: ''; position: absolute; height: 1px; top: -60px; width: 52%; left: 0;}
.sec_chart dl:nth-child(5)::after { background-color: #dddddd; content: ''; position: absolute; height: 1px; top: -60px; width: 57%; left: 50%;}
.sec_chart dl:first-of-type:after { left: 50%;}
.sec_chart dl dt{ background: #eeeeee; border: 1px solid #dddddd; padding: 17px 10px; text-align: center; color: #000000; font-size: 16px; font-weight: 600; position: relative;}
.sec_chart dl dt:before{ content: ''; display: inline-block; position: absolute; z-index: 1; top: -67px; left: 50%; border: 4px solid #cbcbcb; border-radius: 15px; width: 7px; height: 7px; background: #ffffff; transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);}
.sec_chart dl:last-of-type:after { right: 50%; left: auto;}
.sec_chart dl dd{ font-size: 14px; padding: 13px 4px; text-align: center; line-height: 1.6; border: 1px solid #dddddd; border-top: 0;
 min-height: 110px;
 display: table;
 width: 100%;
 table-layout: fixed;
 min-height: 274px;
  word-break: keep-all;
}
.sec_chart dl dd > p{display: table-cell; vertical-align: middle;}
.mid_wrap{padding: 25px 0; position: relative; max-width: 805px; margin: 0 auto;}
.mid_wrap:before{ display: block; background-color: #dddddd; content: ''; position: absolute; height: 165px; left: 50%; top: 0; width: 1px;}
.mid_wrap.bottom:before{ display: block; background-color: #dddddd; content: ''; position: absolute; height: 55px; left: 50%; top: 0; width: 1px;}
.mid_wrap > span{display: inline-block; width: 220px; height: 60px; line-height: 60px; color: #ffffff; text-align: center; font-size: 1.125em; font-weight: 600; background: #21b2b8; float: right; position: relative;}
.mid_wrap.mid > span{background: #21b881;}
.mid_wrap.bottom > span{background: #439144;}
.mid_wrap > span:before{ display: block; background-color: #dddddd; content: ''; position: absolute; height: 1px; top: 50%; width: 83%; right:100%; z-index: -1;}
.mid_wrap > span:first-child{float: left;}
.mid_wrap > span:first-child:before{content:''; display: block; right: auto; left: 100%;}
.top_chart{text-align: center; padding: 15px 0;}
.top_chart span{display: inline-block; color: #ffffff; background: #0066b4; font-size: 1.375em; font-weight: 600; height: 141px; width: 141px; line-height: 141px; border-radius: 50%; text-align: center; position: relative;}
.top_chart span:after{content:''; display: block; height: 167px; border: 2px dotted #6b6b6b; width: 167px; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}

.mid_one_wrap:after{
 content: '';
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: -67px;
  left: 50%;
  border: 4px solid #cbcbcb;
  border-radius: 15px;
  width: 7px;
  height: 7px;
  background: #ffffff;
  transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
}
.mid_one_wrap{
 text-align: center;
  padding: 0 0 25px;
  max-width: 100%;
  position: relative;
}
.mid_wrap.mid > span { margin-left: 10%;}
.mid_wrap.mid > span::before { width: 47%;}
.mid_wrap.bottom > span:first-child {margin-left: 14%;}
.mid_wrap.bottom > span:last-child {margin-right: 14%;}
.mid_wrap.bottom > span::before { width: 32%;}

.mid_one_wrap:before, .mid_wrap.bottom span::after {
 display: block;
  background-color: #dddddd;
  content: '';
  position: absolute;
  height: 86px;
  left: 50%;
  top: 0;
  width: 1px;
  z-index: -1;
}
.mid_one_wrap > span{
 display: inline-block;
  width: 220px;
  height: 60px;
  line-height: 60px;
  color: #ffffff;
  text-align: center;
  font-size: 1.125em;
  font-weight: 600;
  background: #21b881;
  position: relative;
}


/*소식지*/
/* 기존 3개씩 나타낼때 3x3 */
/* .board_cont{ border-bottom: 1px solid #dedede; padding: 30px 0; border-top:2px solid #000;}
.newletter_cont{}
.newletter_list{ overflow: hidden;}
.newletter_list li{ float: left; width: 31.6%; border: 1px solid #dbdbdb; margin-right: 2.6%; margin-top: 30px;}
.newletter_list li:nth-child(-n+3){margin-top: 0;}
.newletter_list li:nth-child(3n){margin-right: 0;}
.newletter_list li .nl_tbl{padding: 25px; display: table; table-layout: fixed; width: 100%;}
.newletter_list li .nl_tbl .nl_img{ display: table-cell; width: 130px;}
.newletter_list li .nl_tbl .nl_cont{ display: table-cell; vertical-align: top; padding: 17px 16px 17px 2px;}
.newletter_list li .nl_tbl .nl_cont .tit{ color: #254e97; font-size: 1.125em; font-weight: 600; text-align: center;}
.newletter_list li .nl_tbl .nl_cont .date{ display: block; color: #393939; font-size: 0.875em; margin-top: 24px; text-align: center;} */

/* 2개씩 나타낼때 2x2 */
.board_cont{ border-bottom: 1px solid #dedede; padding: 30px 0; border-top:2px solid #000;}
.newletter_cont{}
.newletter_list{ overflow: hidden;}
.newletter_list li{float: left;width: 48.7%;border: 1px solid #dbdbdb;margin-right: 2.6%;margin-top: 30px;}
.newletter_list li:nth-child(-n+2){margin-top: 0;}
.newletter_list li:nth-child(2n){margin-right: 0;}
.newletter_list li .nl_tbl{padding: 25px; display: table; table-layout: fixed; width: 100%;}
.newletter_list li .nl_tbl .nl_img{ display: table-cell; width: 250px;}
.newletter_list li .nl_tbl .nl_cont{ display: table-cell; vertical-align: top; padding: 17px /*16px*/ 0px 17px 25px /*2px*/;}
.newletter_list li .nl_tbl .nl_cont .tit{ color: #254e97; font-size: 1.375em; font-weight: 600; text-align: center;}
.newletter_list li .nl_tbl .nl_cont .date{ display: block; color: #393939; font-size: 0.875em; margin-top: 24px; text-align: center;}

.detail_btn{}
.newletter_list li .nl_tbl .nl_cont .detail_btn{ width: 92px; height: 32px; display:block; line-height: 32px; background: #333333; color: #ffffff; text-align: center; font-size: 0.813em; margin: 27px auto 0;}

/*소식지 신청*/
.newsletter_application{overflow:hidden; margin-top: 50px; padding: 47px 50px 50px; border: 1px solid #ccc; background-color:#f6f7f9; color: #1f1f1f;}
.newsletter_application > h4{margin-bottom:18px; font-size:1.250em; color:#254e97; font-weight: 600; }
/* 소식지 신청정보 */
.application_list{padding:30px 30px 27px; border: 1px solid #ccc; background-color: #fff;}
.application_list > h5{margin-bottom: 14px; color: #000; font-weight: 600;}
.application_list > p{font-size: 0.938em; margin-top:8px;}
.application_list p:nth-of-type(1){margin-top:0px;}
/* 소식지 신청체크박스 */
.application_box{padding: 17px 0 27px; border-bottom: 2px solid #333333;}
.application_box label{font-size: 0.938em;}
/* 소식지 이름 & 이메일 */
.application_info{position: relative; margin: 23px auto 0; max-width:665px; width: 100%; /* padding: 23px 218px 0 215px; */}
.application_info > div label{font-size: 0.938em;}
.application_info > .application_n{padding-bottom: 13px; border-bottom: 1px solid #dedede; width: 537px;}
.application_info > .application_n label{margin-right: 29px; font-weight: 600;}
.application_info > .application_n input[type='text']{width: 482px; height: 28px; border: 1px solid #bfbfbf;}

.application_info > .application_e{padding-top: 14px; overflow: hidden;}
.application_info > .application_e > div{float: left;}
.application_info > .application_e label{margin-right: 12px; font-weight: 600;}
.application_info > .application_e input[type='text']{width: 142px; height: 28px; border: 1px solid #bfbfbf;}
.application_info > .application_e select{float: left; min-width: 163px; height: 28px; border: 1px solid #bfbfbf; margin-left:5px;}
.application_info > .application_e span{padding:0 4px;}

/* 소식지신청 _ 신청버튼 */
.application_info .application_e+a{position: absolute; top: 0; right: 0; display: block; min-width: 112px; height: 84px; line-height: 84px; text-align: center; font-weight: 600; background-color: #254e97; color: #fff; }

/* 명성황후생가_생가유적(5_1_6) */
.remains_area{}
.standing.remains_area{padding:initial; border:initial; background:initial;}

/* 1_2_2 행사안내 */
.remains_area .slider-nav .slick-current > a::after
{
 content: '';
  display: block;
  border: 6px solid #32c1c9;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  position: absolute;
  left: 0;
  top: 0;
}

.remains_area > .slider-nav div a:focus::after{content: '';
  display: block;
  border: 6px solid #32c1c9;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  position: absolute;
  left: 0;
  top: 0; }

/* 명성황후생가_생가유적 슬라이드 하단슬라이드포함 5_1_6 */

.hd_area{overflow: hidden;}
.hd_area .tit{text-align: center;}
.hd_area .tit span {display: inline-block; vertical-align: middle; font-size:2.255em; color:#222222; line-height: 1;}
.hd_area .hd_slide{margin-top:28px;}
.slider-nav .slick-arrow {position: absolute; top: 50%; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); font-size: 0; width: 30px; height: 100%; z-index: 1000; border: 1px solid #d1d1d1;}
.slider-nav .slick-prev.slick-arrow {left: -41px; background: #fff url(/_static/yjcf/img/sub/slider_nav_left.png) no-repeat center;}
.slider-nav .slick-next.slick-arrow {right: -41px; background: #fff url(/_static/yjcf/img/sub/slider_nav_right.png) no-repeat center;}
/*submain_1_2_2*/
.hd_slide .slick-slide a{width: 100%; position: relative; padding-top: 41.7%; display: inline-block;}
.hd_slide .slick-slide a img{position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
.slider-nav.slick-slider{margin:20px -10px 0;}
.slider-nav .slick-slide a {display: block; position: relative; padding-top: 61%; margin:0 10px;}
.slider-nav .slick-slide img{position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
/*.slick-active a:hover,*/ /*.slick-active a:focus{border: 2px solid #000;}*/ /* 1_2_2 */



/* quick_wrap - snb_rtop */
.sub_rtop {float:right;}
.etc_area {position:relative;}
.etc_area > li {float:left; text-align:center; position: relative;}
/* .etc_area > li:after{content: ''; width: 1px; height:12px; background: #b1a3a6; font-size: 0.750em; position: absolute; right: 0; top: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%);} */
.etc_area > li:last-child:after{display: none;}
.etc_area > li > button {display:block; width:100%;}
.etc_area > li > a {position: relative; display: inline-block; 
 width: 50px;
 height: 48px;
 border-left: 1px solid #ccc;
}
.etc_area > li > a:last-child{border-right: 1px solid #ccc;}
.etc_area > li > a img{ margin-top:14px;
 /* position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%); */
}
.snb_sns {overflow:hidden; display:none; position:absolute;width:0;left: 0; opacity:0; background: #fff;transition-duration: 0.2s;-webkit-transition-duration: 0.2s;top: 7px;border: 1px solid #e4e4e4;border-radius: 30px;padding: 6px 10px;}
.snb_sns.show {display:block;width:auto;left: -235px;opacity:1;}
.snb_sns > li {position: relative;float:left;display: none;height: 22px;width: 33px;/* border-left: 1px solid #d1d1d1; */}
.snb_sns.show > li {display:inline-block;}
.snb_sns li a{display: inline-block; line-height: 1; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.snb_sns li:last-child {width: 64px;/* border-right: 1px solid #d1d1d1; */margin-left: 10px;}
.snb_sns li a.link_copy {display:block;width: 64px;font-size:0.93em;color:#353535;height: 20px;color: #fff;background: #515151;border-radius: 30px;line-height: 21px;font-size: 0.750em;}
.snb_sns li:first-child a{-webkit-transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px));}

/* quick_wrap - QR cord */
.qr_cord {position:relative;}
.qrBox{display: none; position:absolute; top:200px; right:-1px; z-index:99999; margin-top:-150px; margin-left:-115px; width: 300px; height: 258px; padding: 28px; background-color: #fff; border: 1px solid #ddd; border-top:0; text-align: center; cursor: pointer;}
.qrBox.on {display:block;}
.qrBox a.qrBoxClose{ position: absolute; top: 6px; right: 6px; width: 30px; height:30px; line-height:32px; background-color: #414141; color: #fff; text-align: center; text-decoration: none;}
.qrBox p{margin: 13px auto 0; font-size:0.96em; word-break:keep-all;}


/* 02.15 약관( 조례 및 정관 8_7_3 ) */
.slt_tab.skin2 {overflow: hidden; display: block; text-align: right; margin-bottom: 50px;}
.slt_tab.skin2 .sch_slt{float:none;width:200px;}
.slt_tab.skin2 > div{font-size: 0.875em;}
.slt_tab.skin2 > div:last-child{margin-top: 7px;}

.sub_con_each{margin-top:67px;}
.sub_con_tit{margin-bottom: 13px; font-size: 1.5em; font-weight: 600;}

.agree_box .scroll_box {overflow-y: auto; height: 406px; margin-bottom: 20px; padding: 30px; color:#5d5d5d; border: 1px solid #ccc; font-size: 0.875em; background-color: #f8f8f8;}
.priv p{margin-top:30px;}
.priv p:first-child{margin-top:0; letter-spacing: 0.025em; }
.priv dl{margin-top:34px;}
.priv dl:first-child{margin-top:0;}
.priv dl dt{margin-top:30px; font-weight: 600; color: #254e97;}
.priv dl dt:first-child{margin-top:0;}
.priv dl dd{margin-top:4px;line-height: 1.4em; letter-spacing: 0.025em;}
.priv dl dd > ul{margin-top:5px;}
.priv dl dd > ul > li{ line-height: 1.4em; letter-spacing: 0.025em;}
.priv dl dd > ul > li:first-child{margin-top:0;}
.priv dl dd > ul > li > ul > li{margin-top:3px; letter-spacing: 0.025em;}
/* .priv dl dd > ul > li > ul{margin-left:10px; margin-top: 10px;} */
.agree_box .menu_row > span{color:#5d5d5d;}

.terms_cont .terms_tit2{text-align: center; font-size: 1.125em; font-weight: 600; color: #000; margin-bottom: 20px;}
.terms_tit1{text-align: center; padding-top: 27px;}
.terms_tit1::after{content: ''; display: block; height: 2px; background-color: #254e97; margin: 19px 0 30px;}
.terms_tit1 h4{font-size: 1.375em; color:#000; font-weight: 600;}

/* 02.15 약관 type2( 조례 및 정관 8_7_3_1) */
.agree_box2 .scroll_box2 { margin-bottom: 20px; color:#5d5d5d; font-size: 0.875em;}
.agree_box2 .menu_row > span{color:#5d5d5d;}
.agree_box2 .priv dl{margin-top:24px;}
.agree_box2 .priv dl dd > ul > li > ul{margin: 0;}
.agree_box2 .priv p:first-child{margin-top:0; letter-spacing: 0.01em; }
.agree_box2 .priv dl dd{margin-top:4px; line-height: 1.4em; letter-spacing: 0.01em;}
.agree_box2 .priv dl dd > ul > li{ line-height: 1.4em; letter-spacing: 0.01em;}
.agree_box2 .priv dl dd > ul > li > ul > li{margin-top:3px; letter-spacing: 0.01em;}
/* 02.16 버튼 간의 간격2 ( 8_5 조직도 ) */
.list_area .tbl_sub_col{margin-top: 12px;}

/* 230207 개인정보처리 방침 수정 */
.agree_box2.news .scroll_box2{font-size: 0.938em;}
.agree_box2.news .scroll_box2 dl dt{font-size: 1.125rem;}
.agree_box2.news .priv dl dd > ul > li{line-height: 1.5em;}

/* 02.16 테이블 라인없앰 ( 8_5 조직도 ) */
.tbl_sub_col2{border-top: none;}

/* 02.22 문화경영목표 (8_2) */
.vision_cont_b{overflow-x: hidden; overflow-y: hidden;}
/* 1 미션 */
.vision_mission{display: table; table-layout: auto; width:100%; padding:9px 112px 0 116px;}
.vision_mission > div{display: table-cell; height: 110px; vertical-align: middle; }
.vision_mission div .inner_mission{position: relative; background-color:#0066b4; color: #fff; width: 110px; border-radius: 50%; height: 100%; line-height: 110px;}
.vision_mission div .inner_mission:after{content: ''; position: absolute; width: 128px; height: 128px;
  background-image: url(/_static/yjcf/img/sub/vision_circle.png); background-repeat: no-repeat; top: 50%; left: 50%; z-index: -1; 
 transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}

.vision_mission >div:last-child{background-color:#ebecee; border-radius: 60px; max-width: 749px; padding: 0 15px;}
/* .vision_mission >div:last-child p:last-child{font-size: 1em; margin-top: 6px; font-weight: 400;} */
.vision_mission >div:first-child{width: 143px;}

.vision_mission div p {text-align: center; font-size: 1.375em; font-weight: 600;}

/* 2 비전 */
.vision_vision{display: table; table-layout: auto; width:100%; padding:48px 112px 0 116px;}
.vision_vision >div{display: table-cell; height: 110px; vertical-align: middle; }
.vision_vision div .inner_vision{position: relative; background-color:#21b2b8; color: #fff; width: 110px; border-radius: 50%; height: 100%; line-height: 110px;}
.vision_vision div .inner_vision:after{ position: absolute; content: ''; width: 128px; height: 128px; background-image: url(/_static/yjcf/img/sub/vision_circle.png); background-repeat: no-repeat; top: 50%; left: 50%; z-index: -1; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.vision_vision >div:last-child{background-color:#ebecee; border-radius: 60px; max-width: 749px; padding: 0 10px;}
.vision_vision >div:first-child{width: 143px;}

.vision_vision div p {text-align: center; font-size: 1.375em; font-weight: 600;}

/* 3 핵심가치 */
.vision_value{width:100%; margin: 60px 7.6% 0; height: 100%; color: #fff;}
/* .vision_value::after{content: ""; display: block; clear: both;} */
.vision_value >div{ float: left; border-radius: 10px;}
.vision_value >div:first-child{ width:10.4%; background-color: #8a8a8a; border-radius: 0px; margin-right: 1.4%;}
.vision_value > .vision_val1{width: 37%;}
.vision_value > .vision_val1 div{float: left; border-radius: 10px; width: 47%;}
.vision_value > .vision_val1 div:first-child{background-color:#6ead24; margin-right: 3%;}
.vision_value > .vision_val1 div:last-child{background-color:#439144; position: relative;}
/* .vision_val1 div:last-child:before{position: absolute; background-image: url(/_static/yjcf/img/sub/vision_stick1.png); width: 15px;
height: 2px; content: ''; background-repeat: no-repeat; top: 50%; left: -7%; z-index: -1;}
.vision_val1 div:last-child:after{position: absolute; background-image: url(/_static/yjcf/img/sub/vision_stick1.png); width: 15px;
height: 2px; content: ''; background-repeat: no-repeat; top: 50%; right: -7%; z-index: -1;} */
.vision_value > .vision_val2{margin-right: 0px; width:37%;} 
.vision_value > .vision_val2 div{float: left; border-radius: 10px; width: 47%;}
.vision_value > .vision_val2 div:first-child{background-color:#44a7bf; margin-right: 3%;}
.vision_value > .vision_val2 div:last-child{background-color:#0957a4; position: relative;}
/* .vision_val2 div:last-child:before{position: absolute; background-image: url(/_static/yjcf/img/sub/vision_stick1.png); width: 15px;
height: 2px; content: ''; background-repeat: no-repeat; top: 50%; left: -7%; z-index: -1;} */
/* .vision_value >div:nth-child(2){background-color:#6ead24;}
.vision_value >div:nth-child(3){background-color:#439144;}
.vision_value >div:nth-child(4){background-color:#44a7bf;}
.vision_value >div:last-child{ background-color:#0957a4; margin-right: 0;} */

.vision_value >div p{font-weight: 600; font-size: 1.375em; text-align: center; line-height: 65px;} 
.vision_value >div h4{font-weight: 600; font-size: 1.375em; text-align: center; line-height: 65px;}

/* 4 경영목표 */
/* .vision_purpose{width:100%; margin: 30px 92px 0; height: 161px;}
.vision_purpose >div{ float: left; width:17.4%; margin-right: 15px; border-radius: 10px; height: 161px;} 
.vision_purpose >div:first-child{ width:10.4%; background-color: #8a8a8a; border-radius: 0px;} */
.vision_purpose{width:100%; margin: 30px 7.6% 0; }
.vision_purpose >div{ float: left; border-radius: 10px; }
.vision_purpose >div:first-child{ width:10.4%; background-color: #8a8a8a; border-radius: 0px; margin-right: 1.4%;}
.vision_purpose > .vision_pur1{width: 37%;}
.vision_purpose > .vision_pur1 div{float: left; border-radius: 10px; width: 47%; height: 85px;}
.vision_purpose > .vision_pur1 div:first-child{border:3px solid #6ead24; margin-right: 3%; position: relative;}
/* .vision_pur1 div:first-child::before{position: absolute; background-image: url(/_static/yjcf/img/sub/vision_stick2.png); width: 2px;
height: 30px; content: ''; background-repeat: no-repeat; top: -42%; left: 50%; z-index: -1;}
.vision_pur1 div:first-child::after{position: absolute; background-image: url(/_static/yjcf/img/sub/vision_stick3.png); width: 2px;
height: 36px; content: ''; background-repeat: no-repeat; bottom: -49%; left: 50%; z-index: -1;} */

.vision_purpose > .vision_pur1 div:last-child{border:3px solid #439144; position: relative;}
/* .vision_pur1 div:last-child::before{position: absolute; background-image: url(/_static/yjcf/img/sub/vision_stick2.png); width: 2px;
height: 30px; content: ''; background-repeat: no-repeat; top: -42%; left: 50%; z-index: -1;}
.vision_pur1 div:last-child::after{position: absolute; background-image: url(/_static/yjcf/img/sub/vision_stick3.png); width: 2px;
height: 36px; content: ''; background-repeat: no-repeat; bottom: -49%; left: 50%; z-index: -1;} */

.vision_purpose > .vision_pur2{margin-right: 0px; width:37%;} 
.vision_purpose > .vision_pur2 div{float: left; border-radius: 10px; width: 47%; height: 85px;}
.vision_purpose > .vision_pur2 div:first-child{border:3px solid #44a7bf; margin-right: 3%; position: relative;}
/* .vision_pur2 div:first-child::before{position: absolute; background-image: url(/_static/yjcf/img/sub/vision_stick2.png); width: 2px;
height: 30px; content: ''; background-repeat: no-repeat; top: -42%; left: 50%; z-index: -1;}
.vision_pur2 div:first-child::after{position: absolute; background-image: url(/_static/yjcf/img/sub/vision_stick3.png); width: 2px;
height: 36px; content: ''; background-repeat: no-repeat; bottom: -49%; left: 50%; z-index: -1;} */

.vision_purpose > .vision_pur2 div:last-child{border:3px solid #0957a4; position: relative;}
/* .vision_pur2 div:last-child::before{position: absolute; background-image: url(/_static/yjcf/img/sub/vision_stick2.png); width: 2px;
height: 30px; content: ''; background-repeat: no-repeat; top: -42%; left: 50%; z-index: -1;}
.vision_pur2 div:last-child::after{position: absolute; background-image: url(/_static/yjcf/img/sub/vision_stick3.png); width: 2px;
height: 36px; content: ''; background-repeat: no-repeat; bottom: -49%; left: 50%; z-index: -1;} */


.vision_purpose >div p{font-weight: 600; font-size: 1.125em; text-align: center; color:#393939; letter-spacing: -0.05em; position: relative; margin-top: 20px; line-height: 1.3em; padding-bottom: 15px;} 
/* .vision_purpose >div p::after{position: absolute; content: ""; width: 78%; height: 2px; background-image: url(/_static/yjcf/img/sub/vision_point2.png); bottom: 0px; left: 18px;} */
/* .vision_purpose >.vision_pur2 div:last-child p{margin-top: 30px; padding-bottom: 28px; } */

.vision_purpose > div span{display: block; font-size: 0.938em; line-height: 1.3em; text-align: center; margin-top:26px ;}
.vision_purpose > .vision_pur1 div:last-child span{margin-top: 18px;}
.vision_purpose >div h4{font-weight: 600; font-size: 1.375em; text-align: center; line-height: 85px; color:#fff;}


/* 5 전략방향 */
.vision_direction{width:100%; margin: 35px 7.6% 0; height: 100%; color: #fff;}
/* .vision_value::after{content: ""; display: block; clear: both;} */
.vision_direction >div{ float: left; border-radius: 10px;}
.vision_direction >div:first-child{ width:10.4%; background-color: #8a8a8a; border-radius: 0px; margin-right: 1.4%; position: relative;}
.vision_direction >div:first-child::before{position: absolute; background-color: #8a8a8a; width: 100%; height: 10px; content: ''; bottom: -10px;   padding-top: 10px;}
.vision_direction >div:first-child::after{position: absolute; background-image: url(/_static/yjcf/img/sub/vision_point3.png); width: 70%; height: 2px; content: ''; left: 50%; bottom: -5px; transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px);}
.vision_direction > .vision_dir1{width: 37%;}
.vision_direction > .vision_dir1 div{float: left; border-radius: 10px; width: 47%; height: 95px;}
.vision_direction > .vision_dir1 div:first-child{background-color:#6ead24; margin-right: 3%;}
.vision_direction > .vision_dir1 div:last-child{background-color:#439144;}
.vision_direction > .vision_dir2{margin-right: 0px; width:37%;} 
.vision_direction > .vision_dir2 div{float: left; border-radius: 10px; width: 47%; height: 95px;}
.vision_direction > .vision_dir2 div:first-child{background-color:#44a7bf; margin-right: 3%;}
.vision_direction > .vision_dir2 div:last-child{background-color:#0957a4;}

.vision_direction >div p{font-weight: 600; font-size: 1.125em; text-align: center; line-height: 1.3em; margin-top: 24px;} 
.vision_direction >div h4{font-weight: 600; font-size: 1.375em; text-align: center; line-height: 95px;}

/* 6 전략과제 8_2*/
.vision_project{width:100%; margin: 10px 7.6% 0; }
.vision_project >div{ float: left; border-radius: 10px; }
.vision_project >div:first-child{ width:10.4%; background-color: #8a8a8a; border-radius: 0px; margin-right: 1.4%;   margin-top: -1px;
  padding-bottom: 1px;}
.vision_project > .vision_pro1{width: 37%; }
.vision_project > .vision_pro1 div{padding: 22px 12px; float: left; border-radius: 10px; width: 47%; min-height: 180px; border: 1px solid #ddd;}
.vision_project > .vision_pro1 div:first-child{ margin-right: 3%;}
.vision_project > .vision_pro2{margin-right: 0px; width:37%;} 
.vision_project > .vision_pro2 div{padding: 22px 12px; float: left; border-radius: 10px; width: 47%; min-height: 180px; border: 1px solid #ddd;}
.vision_project > .vision_pro2 div:first-child{margin-right: 3%;}

/* 문화경영목표 공통 */
.vision_project >div h4{font-weight: 600; font-size: 1.375em; text-align: center; line-height: 180px; color:#fff;}




/* 저작권정책 */
.copyright_box{border: 1px solid #dedede; padding: 17px 20px;}

.copyright_tbl .kogl {width:100%; margin:30px 0 0;display:inline-block;border:1px solid #dedede;}
.copyright_tbl .kogl li {width:50%; border: 1px solid #dedede;float:left;padding:15px 20px;}


/* 윤리경영(8_8_2_1) */
.ethics_tit{font-size: 1.250em; text-align: center; margin-bottom: 20px; font-weight: 600;}
.big_ethics_wrap{overflow: hidden;}
.ethics_wrap{margin: 0 -20px;}

.ethics{display: table; table-layout: auto; width: 100%; border-spacing: 20px 10px; }
.ethics .ethics2 + div{color: #0b0b0b;}
.ethics > div{display: table-cell; text-align: center; color: #0b0b0b; font-size: 1.125em; vertical-align: middle; }
.ethics_left{ width: 17.8%; background-color: #0957a4; padding: 25px 0; color: #fff !important;}
.ethics_right{background-color: #439144; font-size: 1.125em; color: #fff !important;}
 
.ethics_l2{ width: 17.8%; border: 2px solid #6ead24; padding: 12px 0;}
.ethics_l2 + div{font-size: 1.125em; color: #254e97;}
.ethics_r2{border: 1px solid #ccc; width: 228px; vertical-align: middle;} /* 윤리경영 내용의 오른쪽 div 공통으로 넣음*/

.ethics_l3{ width: 18.8%; border: 2px solid #439144; padding: 26px 0; color: #1f1f1f;}
.ethics_l3 ~ div{font-size: 1.063em; color: #1f1f1f;}
.ethics_l4{ width: 18.8%; border: 2px solid #44a7bf; padding: 13px 0;}
.ethics_l4 ~ div{font-size: 1.063em; color: #1f1f1f;}
.ethics_l5{ width: 18.8%; border: 2px solid #176cb3; padding: 46px 0;}
.ethics_l5 ~ div{vertical-align: top; color: #393939; font-size: 1em; padding: 17px 20px;} 
.ethics_l5 ~ div > ul > li{letter-spacing: -0.05em;}

/* 윤리헌장(8_8_2_2), 인권경영선언문(8_8_1_2) */
.charter_top{background-color: #f6f7f9; border: 1px solid #ccc; padding: 30px 10px 26px; text-align: center; margin-top: 12px;}
.charter_top >h4{font-size: 1.250em; color:#254e97; font-weight: 600;}

.charter_bt{position: relative; width: 100%; padding: 42px 54px 24px;}
.charter_bt:last-child{border-bottom: 0;}
.charter_bt > span{ position: absolute; left: 0px; top: 30px; width: 42px; height: 42px; background-color: #439144; border: 1px solid #439144; text-align: center; color: #fff; border-radius: 50%;
 line-height: 42px;
 font-weight: 600;
 font-size: 1.250em;
}
.charter_bt > span.charter_txt{font-size:0.875em; top:0;}
.charter_bt > strong{font-size: 1.125em; font-weight: 400;}
.charter_bt > p{font-size: 0.938em; margin-top: 13px; font-weight: 300; padding-top: 4px;}
.charter_bt::after{display: block; content: ""; position: absolute; bottom: 2px; left: 0; background-image: url(/_static/yjcf/img/sub/intro_dotted.jpg); width: 100%; height: 1px; background-repeat: repeat-x;}


/* 인권경영선언문(8_8_1_2) */
.declaration{margin-top: 15px;}
.list_area:first-child +.declaration{margin-top: 37px;}
.declaration .charter_bt{padding: 12px 54px 23px;}
.declaration .charter_bt > p{margin: 0;}

/* 사업안내_창작공연 (4_1) */
.perform_area{overflow: hidden; font-size: initial; margin-top: 30px;}
.perform_area:first-child{margin-top: 10px;}
.perform_wrap{margin: 0 -30px;}
.perform{display: table; table-layout: fixed; width: 100%; border-spacing: 30px 0px; }
.perform> div{display: table-cell; text-align: center; color: #fff;}
.perform> div p{color:#000; font-size: 0.938em; margin-top: 12px;}
.perform + p{margin-top: 12px; text-align: center; font-size: 0.938em;}
.perform .perform_btm_l{width: 25%;} /* 4_3 left % */

/* 교육지원_지원사업안내 게시판 _ 상태박스들(2_2_2)*/
.edu_board span{padding: 4px 10px; font-size: 0; font-size: 0.818rem; }
.edu_board .tit span{  display: inline-block; text-align: center; line-height: 10px; width: 46px; font-size: 0.688rem; font-weight: 100; border-radius: 5px; padding: 4px 10px;}

/* 교육지원_지원사업안내 게시판(상세) _ (2_2_2_0) */
.board_view .tbl_etc .tbl_tit > .edu_detail_box{font-size: 0.875em; font-weight: 400;}
.edu_detail{}
.edu_detail em{font-weight: 600;}
.edu_detail div{float: left; font-size: 0.875em;}
.edu_detail div:last-child{float: right; }
.edu_detail div:first-child span:first-child::after{ content: ''; display: inline-block; vertical-align: middle; width: 1px; height: 12px; background-color: #bcbcbc; margin: 0px 16px 1px 20px;} 
.edu_detail div:last-child span:first-child{margin-right: 20px;}
.edu_detail_box{padding: 3px 10px; margin: 0 5px; font-size: 0.818rem;}


/* 달력 */
 .apply_calendar_tit{position: relative; display: block; float: none; width: 100%;}

 /* 달력 */
 /* .apply_calendar_tit .l_con {padding: 30px 35px; background: #ffffff; border: 1px solid #dedede; } */

 .apply_cal_wrap .cal_days>span {display: inline-block; vertical-align: middle; }
 .apply_cal_wrap .cal_days .prev {display: inline-block; width: 13px; height: 23px; margin-right: 30px; background: url('/_static/yjcf/img/sub/cale_arrow_prev.png') no-repeat center; vertical-align: middle; }
 .apply_cal_wrap .cal_days .next { display: inline-block; width: 13px; height: 23px; margin-left: 30px; background: url('/_static/yjcf/img/sub/cale_arrow_next.png') no-repeat center; vertical-align: middle; }

 /* 예약가능, 불가 */
 .choice_chk{margin-bottom: 10px; text-align: right;}
 .choice_chk p{display: inline-block; margin-left: 10px;}
 .choice_chk .claim:before{content:''; display: inline-block; vertical-align: middle; width:22px; height:22px; background:#32c1c9; border:1px solid #dedede; margin-right:11px;}
 .choice_chk .claim.imposbl:before{background: url(/_static/yjcf/img/sub/new_cal_bg.png); }

 /* 지원(2_2_3), 대관(3_2_2), 문화(7_2) 캘린더 */
 .apply_calendar_tit .apply_cal_table {width: 100%; border-collapse: collapse; }
 .apply_calendar_tit .apply_cal_table th { height: 37px; font-size: 1.125em; font-weight: 500; color: #2b2b2b; border:1px solid #dedede; border-width: 1px 1px 0px 1px; }
 .apply_calendar_tit .apply_cal_table th:first-child {color: #de2c2c;}
 .apply_calendar_tit .apply_cal_table th:last-child {color: #0077b4;}
 .apply_calendar_tit .apply_cal_table td { border: 1px solid #dedede; vertical-align: top;}
 .apply_calendar_tit .apply_cal_table td > div{ text-align: center; min-height: 100px; padding: 10px; position: relative; }
 .apply_calendar_tit .apply_cal_table td.on{background: #32c1c9;}
 /* .apply_calendar_tit .apply_cal_table td.off{background:#f6f7f9;} */
 .apply_calendar_tit .apply_cal_table td.off{background: #eeeeee url(/_static/yjcf/img/sub/new_cal_bg.png);}
 .apply_calendar_tit .apply_cal_table td.on span{color:#ffffff;}
 .apply_calendar_tit .apply_cal_table td >div > span { display: inline-block; position: absolute; color: #000000; font-weight: 300; top: 10px; left: 10px; }
 /* 달력 휴일 색상 */
.apply_cal_sun{color: #de2c2c !important; font-weight: 600 !important;}
.apply_cal_sat{color: #0077b4 !important; font-weight: 600 !important;}

/* cal_box 1_1_1*/
.cal_box {position: relative;}
.cal_cont{position: relative; border: 1px solid #cccccc; background: #f6f7f9; margin-bottom: 35px;}
.cal_box .cal_top{padding: 30px 10px 10px; position: relative;}
.cal_box .cal_top2{padding: 30px 10px 30px;}
.cal_box .cal_days{text-align:center;}
.cal_box .cal_days > span{font-size: 1.750em; vertical-align: middle; color:#3b3b3b; line-height: 1; display: inline-block;}
.cal_box .cal_days .prev {display: inline-block; width: 43px; height: 43px; margin-right: 42px; background: url('/_static/yjcf/img/sub/cale_arrow_prev.png') no-repeat; vertical-align: middle;}
.cal_box .cal_days .next {display: inline-block; width: 43px; height: 43px; margin-left: 42px; background: url('/_static/yjcf/img/sub/cale_arrow_next.png') no-repeat; vertical-align: middle;}



/*오늘*/
.today_cont{
 display: inline-block;
 position: absolute;
 left: 38px;
 top: 50%;
 transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%);
}
.today_cont a{
  display: block;
  width: 160px;
  position: relative;
  padding-left: 69px;
  text-align: center;
  line-height: 1.125em;
}
.today_cont a:before{content:'';display: inline-block;background: url('/_static/yjcf/img/sub/cale_arrow_bg.png') no-repeat center;vertical-align: top;padding-left: 0;width: 47px;height: 43px;position: absolute;left: 0;top: -3px;}


.cal_view{
 display: inline-block;
 position: absolute;
 right: 21px;
 top: 42px; 
}
.cal_view > a{
 width: 62px;
 height: 32px;
 display: inline-block;
 background: #ffffff;
 border: 1px solid;
 text-align: center;
 line-height: 32px;
 border: 1px solid #cccccc;
 font-size: 0.875em;
}
.cal_view > a.on{border: 1px solid #333333; background:#333333; color: #ffffff;}


.cal_day{ 
 display: table;
 overflow: hidden;
 table-layout: fixed;
 width: 100%;
 text-align: center;
 padding: 13px 8px;
}
.cal_day li{ display: table-cell;} 
.cal_day li a{display: inline-block;height: 32px;width: 32px;vertical-align: middle;line-height: 34px;text-align: center;color:#3b3b3b;}
.cal_day li a.on{background: #32c1c9;color:#fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;border-radius: 50%;}
.cal_day li a.active{background: #254e97; color: #fff; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;border-radius: 50%;}
.cal_day li a:hover, .cal_day li a:focus{background: #254e97; color: #fff; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;border-radius: 50%;}

.cal_month{display: none;}


.cal_middle{}
.cal_middle:before{content:''; display: block; background: url('/_static/yjcf/img/sub/cale_arrow_line.png') repeat-x center; height: 1px; width: 100%; }


/* 공연전시행사 _ 공연예매 (1_1_2) */
.perform_box{border: 1px solid #ccc; padding: 17px 20px; margin-top: 12px;}
.perform_txt{padding: 20px 0; text-align: right; font-size: 0.875em;}

/* view_etc dt 160 */
.tbl_etc{border: 1px solid #dedede; border-width: 0 0 1px;}
.tbl_etc .add_title{width: 100%;display:table; table-layout: fixed; /* border: 1px solid #dedede; border-width: 1px 0;*/}
.tbl_etc .add_title + .add_title{border-top: 1px solid #dedede;}
.tbl_etc .add_title + .add_title + .hori_title{border-top: 1px solid #dedede;}
.tbl_etc dt{ position: relative; width: 160px; height: 55px; display: table-cell; background: #f7f7f7; text-align: center; color: #0e0e0e; vertical-align: middle; font-size: 0.938em;}
.tbl_etc dd {display: table-cell; vertical-align: middle; padding:10px; font-size: 0.938em;}


.list_detail_top{border-top:3px solid #1b1b1b;}
.list_detail_top .tbl_etc .hori_title{display: table;table-layout: fixed;width: 100%; border: 1px solid #dedede; border-width: 0 0 1px;}
.list_detail_top .tbl_etc .hori_title dl{display: table-cell;}
.list_detail_top .tbl_etc .hori_title dl dt{ position: relative; width: 160px; display: inline-block; background: #f7f7f7; text-align: center; color: #0e0e0e; vertical-align: middle; height: 54px; line-height: 54px;}
.list_detail_top .tbl_etc .hori_title dl dd{ display: inline-block; vertical-align: middle; padding:0 8px; width:calc(100% - 166px);}
.list_detail_top .tbl_etc .hori_title dl .txt_line2{height: 74px; line-height: 1.3; padding: 18px 0;}
.list_detail_top .tbl_etc .add_title + .hori_title{border-top: 1px solid #dedede;}
.txtarea{min-height: 254px; width: 100%; line-height: 1.5;}

/*input 기본*/
.brd_input{border:1px solid #bfbfbf; height: 30px; background: #ffffff; padding: 0 5px; width: 100%; font-family: 'KoPubWorld Dotum', '나눔고딕', 'Nanum Gothic', 'sans-serif';}
/*input 기본 단독*/
.brd_input.only{width: 27.9%;}


/*테이블 안에 문구 행간 1_2_2*/
.tbl_p{line-height: 1.5;}







/* table 이메일이나 전화번호 두개이상 input 폼 ★★★ */
.input_fix{display: inline-block;}
.input_size > input{width: 100px;}

/* 명성황후 _ 관람안내 _ 관람예절(5_3_1) */
/* .reg_cont{margin-top: 30px;}
.reg_cont ul{overflow: hidden;}
.reg_cont li{border: 1px solid #dedede;float: left;width: 49.27%;margin-right: 1.45%;margin-top: 20px;display: table;table-layout: fixed;}
.reg_cont li:nth-child(2n){margin-right: 0;}
.reg_cont li:nth-child(-n+2){margin-top: 0;}
.reg_cont li div{color: #393939;font-size: 0.938em; height: 119px; display: table-cell;padding:0 10px 0 130px; background-repeat: no-repeat; background-position: left 30px center; vertical-align: middle;}
.reg_cont li.bg1 div{background-image: url(/_static/yjcf/img/sub/regu_cont1.png);}
.reg_cont li.bg2 div{background-image: url(/_static/yjcf/img/sub/regu_cont2.png);}
.reg_cont li.bg3 div{background-image: url(/_static/yjcf/img/sub/regu_cont3.png);}
.reg_cont li.bg4 div{background-image: url(/_static/yjcf/img/sub/regu_cont4.png);}
.reg_cont li.bg5 div{background-image: url(/_static/yjcf/img/sub/regu_cont5.png);}
.reg_cont li.bg6 div{background-image: url(/_static/yjcf/img/sub/regu_cont6.png);}
.reg_cont li.bg7 div{background-image: url(/_static/yjcf/img/sub/regu_cont7.png);}
.reg_cont li.bg8 div{background-image: url(/_static/yjcf/img/sub/regu_cont8.png);} */

/* 명성황후생가_생가유적(5_1_6) -> sub로 옮겨야 됨 */
.remains_area > .img_area{display: table; table-layout: fixed; width: 100%;}
.remains_area > .img_area > div{display: table-cell;}
.remains_area > .img_area > div:first-child{padding-right: 10px;}
.remains_area > .img_area > div:last-child{padding-left: 10px;}

/* 상세버튼 _ 공연전시(1_2_1_0) */
.details_btn1{display: block;}
.details_btn1 a{ display: inline-block; line-height: 32px; width: 80px; text-align: center;}
/* .details_btn1 a{border: 1px solid #ccc; display: inline-block; width: 60px; line-height: 25px;} */

/* 접수중, 신청하기, 종료 (3_1_1_0 신청테이블) */
.guide_ing{background-color: #ed3d41; color: #fff !important;} /* 접수 */
.guide_join{background-color: #254e97; color: #fff !important;} /* 신청 */
.guide_end{background-color: #333333; color: #fff !important;} /* 종료, 마감 */

.guide_wait{background-color: #254e97; color: #fff !important;} /*대기*/

/* 2_2_3 지원사업캘린더 */
.announcement{background-color: #254e97; color: #fff !important;} /* 발표회 */
.announcement_gong{background-color: #32c1c9; color: #fff !important;} /* 공고 */

/* 2_1 교육안내 버튼 on, off */
.edu_all {border:1px solid #1838b2; color:#1838b2 !important;} 
.edu_baby {border:1px solid #1876b2; color:#1876b2 !important;}
.edu_child{border:1px solid #18b271; color:#18b271 !important;}
.edu_youth{border:1px solid #a4860f; color:#a4860f !important;}
.edu_adult{border:1px solid #b23918; color:#b23918 !important;}
.edu_etc {border:1px solid #8c1f74; color:#8c1f74 !important;}

.edu_all:hover,  .edu_all:focus {background-color: #1838b2; color: #fff !important;}
.edu_baby:hover, .edu_baby:focus {background-color: #1876b2; color: #fff !important;}
.edu_child:hover, .edu_child:focus{background-color: #18b271; color: #fff !important;}
.edu_youth:hover, .edu_youth:focus{background-color: #a4860f; color: #fff !important;}
.edu_adult:hover, .edu_adult:focus{background-color: #b23918; color: #fff !important;}
.edu_etc:hover, .edu_etc:focus  {background-color: #8c1f74; color: #fff !important;}

.edu_all.on {background-color: #1838b2; color: #fff !important;} /* 전체 */
.edu_baby.on {background-color: #1876b2; color: #fff !important;} /* 유아 */
.edu_child.on{background-color: #18b271; color: #fff !important;} /* 어린이 */
.edu_youth.on{background-color: #a4860f; color: #fff !important;} /* 청소년 */
.edu_adult.on{background-color: #b23918; color: #fff !important;} /* 성인 */
.edu_etc.on {background-color: #8c1f74; color: #fff !important;} /* 기타 */

/* 메인페이지(공연, 교육, 행사, 축제, 전시) */
.txt_type01{background-color: #e38510; color: #fff !important;} /* 공연 */
.txt_type02{background-color: #22b6bf; color: #fff !important;} /* 교육 */
.txt_type03{background-color: #0071b5; color: #fff !important;} /* 행사 */
.txt_type04{background-color: #ab34c2; color: #fff !important;} /* 축제 */
.txt_type05{background-color: #1f534f; color: #fff !important;} /* 전시 */


/*신청/참여 3_2_3_1*/
.slide_area{position: relative;}
.slide_info{position: relative;}
.slide_info:before{content:''; display: block; position: absolute; bottom:-40px; right: -40px; background: url(/_static/yjcf/img/sub/slide_info_bg.png) center; height: 100%; width: 100%;}
.slide_info span{display: block; width: 100%; position: relative; padding-top: 41.667%;}
.slide_info span img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.slide_cont{ position: absolute; right: 0; bottom: 0; /*background:#0079c2;*/ padding:20px 21px; width: 380px; background:rgba(0,121,194,0.8); } 
.slide_cont > div{margin-top: 19px;}
.slide_cont > div:first-child{margin-top: 0;}
.slide_cont > div h4{color: #fff000; font-weight: 600; font-size: 1.875em;}
.slide_cont > div ul{margin-top: 10px; margin-left: 7px;}
.slide_cont > div:first-child ul{margin-top: 15px;}
.slide_cont > div ul li{position: relative; padding-left: 13px; margin-top: 5px; text-align: left; font-size: 0.875em; color: #ffffff; font-weight: 300;}
.slide_cont > div ul li:before{content: ''; display: inline-block; position: absolute; top: 7px; left: 0; width: 4px; height: 4px; border-radius: 4px; background: #ffffff;}
.slide_cont > div ul li:first-child{margin-top: 0;}
.slide_cont > div h5{color: #adfffe; font-size: 1.125em; font-weight: 400;} 

.slide_info .slick-arrow {position: absolute; top: auto; font-size: 0; bottom: 0; transform: none; width: 50px; height: 50px; z-index: 1000; border: 1px solid #ffd50e;}
.slide_info .slick-prev.slick-arrow {left: 0; background: #fff url(/_static/yjcf/img/sub/slide_info_left.png) no-repeat center;}
.slide_info .slick-next.slick-arrow {left:51px; background: #fff url(/_static/yjcf/img/sub/slide_info_right.png) no-repeat center;}


/*전체,접수중,진행전,마감 submain_3_1_1*/
.state_area{border-top: 1px solid #cccccc; padding: 17px 10px;}
.state_list{
 display: table;
 table-layout: fixed;
 width: 100%;
 margin: 0 auto;
 max-width: 455px;
}
.state_list li{
 display: table-cell;
 vertical-align: middle;
 text-align: center;
}
.state_list li a{
 display: inline-block;
 vertical-align: middle;
 height: 34px;
 width: 95px; 
 color: #343434;
 border-radius: 30px;
 text-align: center;
 line-height: 34px;
}
.state_list li a.on{
 color: #ffffff;
 background: #439144;
}

/*기부안내 8_6*/
.donation_cont{
 overflow: hidden;
 padding-right: 100px;
 margin-top: 17px;
}
.donation_cont .qua_box{
 float: left;
 width: 18.2%;
 margin-top: 20px;
 position: relative;
}
.donation_cont .qua_box:before{
 content:'';
 display: block;
 background-color: #dddddd;
 position: absolute;
 height: 1px;
 left: 50%;
 top: 50%;
 width: 100%;
}
.donation_cont .qua_box span{
 display: block;
 height: 60px;
 line-height: 60px;
 background: #21b2b8;
 color: #ffffff;
 font-size: 1.125em;
 text-align: center;
 font-weight: 600;
 margin-top: 40px;
 position: relative;
}
.donation_cont .qua_box span:first-child{
  margin-top: 0;
}
.donation_cont .qua_box span:before{
 content:''; display: block;
   background-color: #dddddd;
  position: absolute;
  height: 20px;
  left: 50%;
  top: -20px;
  width: 1px;
}
.donation_cont .qua_box span:first-child:before{
 top: auto;
 bottom: -20px;
}

.donation_cont .circle_box{
 float: left;
 width: 42.7%;
 display: table;
 table-layout: fixed;
 position: relative;
}
.donation_cont .circle_box:last-child{
 width: 39%;
}
.donation_cont .circle_box:before{
 content:'';
 display: block;
 background-color: #dddddd;
 position: absolute;
 height: 1px;
 left: 0;
 top: 50%;
 transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,calc(-50% + 0.5px));
 width: 100%;
 z-index: -1;
}
.donation_cont .circle_box > div{
  width: 200px;
  height: 200px;
  background: #0066b4;
  border-radius: 50%;
  display: table-cell;
  vertical-align: middle;
}
.donation_cont .circle_box > div .tit{
  color: #fffc09;
  font-size: 1.25em;
  font-weight: 600;
  display: block;
  vertical-align: middle;
  text-align: center;
  line-height: 1.18;
}
.donation_cont .circle_box > div p{
  color: #ffffff;
  text-align: center;
  margin-top: 8px;
}

.donation_cont .circle_box .tit{}
.donation_cont .circle_box:last-child .tit{
  color: #ffffff;
}

/*문구*/
.cont_area{
 margin-top: 30px;
}
.cont_area strong{
 font-size: 1.125em;
 line-height: 1;
}
.cont_area .cont_txt{}
.cont_area .cont_txt p{}

/*주요추진사업*/
.propel_cont{
 margin-top: 17px;
 overflow: hidden;
}
.propel_cont li{
 float: left;
 text-align: center;
 height: 70px;
 line-height: 68px;
 width: 17.3%;
 margin-right: 1.2%;
 border: 3px solid #dddddd;
}
.propel_cont li:last-child{
 margin-right: 0;
}
.propel_cont li:nth-child(1){border-color: #6ead24;}
.propel_cont li:nth-child(2){border-color: #439144;}
.propel_cont li:nth-child(3){border-color: #44a7bf;}
.propel_cont li:nth-child(4){border-color: #176cb3;}
.propel_cont li:nth-child(5){border-color: #223e99;}

/*기부참여방법*/
.donation_list{
 overflow: hidden;
 padding: 17px 0 24px;
 margin: 0 5.8%;
 padding-right: 100px;
}
.donation_list li{
 float: left;
 width: 17.7%;
 text-align: center;
 position: relative;
}
.donation_list li.next {
 background: url(/_static/yjcf/img/sub/issue_bg.png) center no-repeat;
 height: 170px;
 width: 17px;
 float: left;
 vertical-align: middle;
 width: 9.7%;
}
.donation_list li > div{
 text-align: center;
 background: #ffffff;
 width: 142px;
 height: 142px;
 border-radius: 50%;
 position: relative;
 padding: 32px 5px 30px;
 display: inline-block;
 border: 10px solid #dddddd;
}
.donation_list li > div strong{
 line-height: 1;
 font-weight: 600;
 font-size: 1.5em;
 display: block;
}
.donation_list li:nth-child(5) > div p{padding-top: 9px;}
.donation_list li > div p{margin-top: 10px;
 color: #1e1e1e;
 font-size: 0.938em;}

.donation_list li > p{
 margin-top: 20px;
 font-size: 0.938em;
}
.donation_list li:nth-child(1) > div{border-color: #6ead24;}
.donation_list li:nth-child(3) > div{border-color: #439144;}
.donation_list li:nth-child(5) > div{border-color: #44a7bf;}
.donation_list li:nth-child(7) > div{border-color: #0957a4;}


.box{
 border: 1px solid #cccccc;
 padding: 39px 40px 37px;
 margin: 27px 0 20px;
}
.box .tit{
 color: #000000;
 font-size: 1.125em;
 font-weight: 600;
 line-height: 1;
}
.box p{
 font-size: 0.938em;
 margin-top: 18px;
 margin-bottom: 12px;
}
.box p > em{color: #f72900; margin-left: 12px; letter-spacing: -0.050em;}

.company_info{}
.company_info dl{
 position: relative;
 font-size: 0.938em;
 margin-top: 5px;
}
.company_info dl dt{
 position: absolute;
 left: 0;
 top: 0;
}
.company_info dl dd{
 padding-left: 36px;
}

.company_info dl dd > a{
 text-decoration: underline;
 color: #254e97;
}

.bank_box{
 background-color: #439144;
 font-size: 1.063em;
 color: #ffffff;
 letter-spacing: -0.010em;
 text-align: center;
 padding: 17px 5px;
}
.bank_box > strong{
 color: #fcff00;
}



/*8_6*/
.mt_p_only{margin-top: 27px;}
p.only > em{
 text-indent: -17px;
  line-height: 1.6;
  font-size: 0.938em;
  display: block;
  padding-left: 17px;
}

/* 교육안내 검색창 옆 버튼 2_1 */
.education_btn{float: left;}
.education_btn > a{width: 62px; height: 28px; line-height: 28px ; display: inline-block; text-align: center; font-size: 0.750em; border-radius: 30px;}

.perform_b_txt > span strong.child{color:#1876b2;}
.perform_b_txt > span strong.kid{color:#18b271;}
.perform_b_txt > span strong.teen{color:#a4860f;}
.perform_b_txt > span strong.adult{color:#b23918;}
.perform_b_txt > span strong.etc{color:#8c1f74;}


/*new_sitemap*/
.site_area{overflow-x: hidden;}
.site_area > li{margin-top: 40px;}
.site_area > li:first-child{margin-top: 0;}
.site_area > li > a{
 float: left;
 width: 15%;
 display: block;
 color: #1f1f1f;
 font-weight: 600;
 text-align: center;
 line-height: 1;
 padding: 15px 4px;
 background: #f0f3f8;
 letter-spacing: 0;
}
.site_area > li > .site_ul:last-child{
 margin-bottom: 20px;
}

.site_area > li > .site_ul{
 float: left;
 width: 80%;
 padding-left: 2%;
 margin-top: 10px;
}
.site_area > li > .site_ul > li{
  position: relative;
  margin-top: 30px;
  height: 20px;
}
.site_area > li > .site_ul > li:first-child{margin-top: 0;}

.site_area > li > .site_ul > li > a{
 display: inline-block;
 width: 18%; 
 color: #1f1f1f;
 font-weight: 600;
 
 letter-spacing: 0;
 position: absolute;
 bottom: -15px;
}
.site_area > li > .site_ul > li > a:after{
 content: '';
  display: block;
  padding-bottom: 5px;
  border-bottom: 2px solid #dbdbdb;
  width: 100%;
}
.site_area > li > .site_ul > li > .site_ul_li{
  overflow: hidden;
  margin-left: 21%;
  /* padding-bottom: 8px; */
  border-bottom: 1px solid #dbdbdb;
  width: 89%;
  bottom: -15px;
  position: absolute;
  }
.site_area > li > .site_ul > li > .site_ul_li > li{
  float: left;
  margin-right: 3%;
  /* width: 27%; */
}
.site_area > li > .site_ul > li > .site_ul_li > li:nth-child(-n+3){
  /* padding-bottom: 4px; */
}

.site_area > li > .site_ul > li > .site_ul_li > li:last-child{
  margin-right: 0%;
}
.site_area > li > .site_ul > li > .site_ul_li > li > a{
 font-size: 0.938em;
  letter-spacing: 0;
}



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

 
}


@media screen and (max-width:1300px){
 .slide_area{overflow: hidden;}
}


@media screen and (max-width:1200px){
 /*8_10_5 사이트맵*/
 /* .site_last{width: 100%;} */

 /*상단*/
 .subVisual > div h2{font-size: 2.000em; }

 /*사업실적보고서*/
 .board_top_list > div{margin-left: 0;}
 .board_top_list > div > div{display: table; table-layout: auto; width: 100%; margin:5px 0 0 0;}
 .board_top_list > div > div:first-child{margin-top: 0;width: 100%;}
 .board_top_list > div > div > div > a{padding: 8px 10px;}
 .board_top_list > .list_btm > div:first-child > div:first-child > a{padding: 8px 10px;}
 .board_top_list .list_btm{margin-top: 5px;}

 /* 6 전략과제 */
 .vision_project br{display: none;}


 /* 20210316 */
 .gallery_p{bottom: -50px;} 

 /* 윤리경영(8_8_2_1) */
 .ethics_l5 + .ethics_r2 br{display: none;}


/*신청/참여 3_2_3_1*/
 .slide_cont > div h4{font-size: 2.250em;}
 .slide_cont > div{margin-top: 39px;}
 .slide_info .slick-arrow{width: 65px; height: 65px; }
 .slide_info .slick-next.slick-arrow{left: 66px; background-size: 100%;}
 .slide_info .slick-prev.slick-arrow{background-size: 100%;}

 /*기부안내 8_6*/
 .donation_cont .qua_box span{font-size: 1.063em; height: 50px; line-height: 50px;} 
 .donation_cont .circle_box > div{width: 180px; height: 180px;}
 .donation_cont .circle_box > div .tit{font-size: 1.125em;} 
 .donation_list li > div{width: 135px; height: 135px; padding: 27px 5px 20px;}
 .donation_list li.next{height: 150px;}
 .propel_cont li{height: 60px; line-height: 58px;}
 .mt_p_only{margin-top: 18px;}


}

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

  .sub_rtop{border-bottom: 1px solid #cccccc;}
 /*공공누리*/
 .open_box {
  padding: 9px;
  margin: 70px 0 25px;
  text-align: center;
  }
  .open_box .open_img {
  float: none;
  }
  .open_box .open_txt	{
  float: none; display: block; text-align: center;
  }
  .open_box_in{padding: 15px 17px;}
  .open_box .open_txt{padding-bottom: 0;}

 /*상단*/
 .subVisual{display: none;}

 /*소식지*/
.newletter_list li .nl_tbl{padding: 15px;} 
.newletter_list li .nl_tbl .nl_img{width: 200px;} 
.newletter_list li .nl_tbl .nl_cont{ padding: 17px 10px;}
 

 /* .etc_area */
 .etc_area > li{display: none; }
 .etc_area > li.share_box{display: block;}
 .etc_area > li:after{display: none;}

 /* 02.22 문화경영목표 (8_2) */ 
 /* 1 미션 */
 .vision_mission div{height: 100px;}
 .vision_mission div .inner_mission{width: 100px; line-height: 100px;}
 .vision_mission div .inner_mission:after{background-size: 110px; width: 110px; height: 110px;}
 .vision_mission{padding: 9px 102px 0 106px;}
 .vision_mission >div:first-child{width: 133px;}
 .vision_mission div p{font-size: 1.125em;}
 .vision_mission >div:last-child p:last-child{font-size: 0.938em;}
 /* 2 비전 */
 .vision_vision div{height: 100px;}
 .vision_vision div .inner_vision{width: 100px; line-height: 100px;}
 .vision_vision div .inner_vision:after{background-size: 110px; width: 110px; height: 110px; }
 .vision_vision{padding: 38px 102px 0 106px;}
 .vision_vision >div:first-child{width: 133px;}
 .vision_vision div p{font-size: 1.125em;}
 /* 3 핵심가치 */
 .vision_value{margin-top: 30px;}
 .vision_value >div h4{font-size: 1.250em;}
 .vision_value >div p{font-size: 1.250em;}
 /* 4 경영목표 */
 .vision_purpose >div h4{font-size: 1.250em;}
 .vision_purpose >div p{font-size: 1.063em;}
 /* 5 전략방향 */
 .vision_direction >div h4{font-size: 1.250em;}
 .vision_direction >div p{font-size: 1.063em;}
 /* 6 전략과제 */
 .vision_project >div h4{font-size: 1.250em;}
 .vision_project >div p{font-size: 1.250em;}

/* 달력 */
 .apply_calendar_tit .l_con {padding: 15px 20px;} 
 .l_con .btn_wrap.only{right: 20px; top: 52px;} 
 

 /* 20191030 */
 .brd_area.style01 .view_etc dl.before_bull{width:25%;}
 .brd_area.style01 .view_etc dl {width:25%;}


 /*신청/참여 3_2_3_1*/
 .slide_cont{padding:30px 27px 27px ; width: 400px;}
 .slide_cont > div h4{font-size: 2em;}
 .slide_cont > div h5{font-size: 1.063em;}
 .slide_cont > div{margin-top: 29px;}

 /*달력 상단 1_1_1*/
 .cal_day_list{overflow-x: auto;}
 .cal_day{display: block; overflow: visible; white-space: nowrap;}
 .cal_day li{display: inline-block;}


 /*8_6 */
 .donation_cont{padding-right: 50px;}
 .donation_list{padding-right: 0; margin: 0 auto;}

 /* 인권경영선언문(8_8_1_2) */
.declaration .charter_bt{padding: 15px 20px 20px 54px;}
}


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


/*0125*/
.new_business_top{padding: 17px 20px; margin-top: 25px;}
.new_business_top > .tit{font-size: 1.375em; width: 185px;}
.new_business_top > .busin_cont{width: calc(100% - 185px);}
.step_list{margin-top: 10px;}
.step_list > li .cont{padding: 0 10px;}

/* list_blt4 */
 .list_tit4{font-size: 1.125em; padding-top: 9px;}
 .list_tit4:before{background-size: 15px;}


 /*1_1_1*/
 .cal_box .cal_days .prev{margin-right: 20px; background-size: 100%; width: 35px; height: 35px;}
 .cal_box .cal_days .next{margin-left: 20px; background-size: 100%; width: 35px; height: 35px;}
 .cal_box .cal_days > span{font-size: 1.5em;}
 .today_cont{left: 17px;}
 .cal_box .cal_top{padding: 30px 10px;}
 .today_cont a{font-size: 0.938em; padding-left: 45px; width: 140px;
 }
 .today_cont a:before{top: -6px; background-size: 40px;}
 .cal_view{top: 32px;}

 /* 명성황후생가_생가유적(5_1_6) */
.remains_area{padding: 30px 40px;}
.slider-nav .slick-next.slick-arrow{right: -31px;}
.slider-nav .slick-prev.slick-arrow{left: -31px;}

 /* 제목 h4 */
 .sub_tit4 h4{font-size: 1.250em;}
 .sub_tit4 h4:before{width: 30px;}

 /*ci소개 */ 
 .list_area{margin-top: 24px;}

 /*연혁*/
 .year_cont{padding: 0;}
 .year_cont > div{float: none; width: 100%; padding-left: 27px; margin-top: 19px;}
 .year_cont > div:first-child{padding: 0; width: 100%; margin-top: 0;}

 /* 오시는길 추가 내용 */
 .add_txt{margin-top: 27px;} 

 /*경영공시*/
 .tbl_col_wrap{display: block;}
 .tbl_col_wrap > div{display: block;}
 .tbl_col_wrap > div:first-child{width: 100%; padding-bottom: 9px;}

 /* 경영공시 상단 리스트 */
 .board_top_list{margin-bottom: 30px;}

 /* 경영공시 다운로드 */
 .btn_td a.btn_down{padding:6px 32px 6px 10px; background-position: right 10px center; min-width: 100%;}


 /*조직도*/
 .sec_wrap{margin: 0; padding: 0;}
 .sec_chart{display: block; position: relative;}
 .sec_chart::before { content: ''; position: absolute; top: 0; right: 0; background-color: #ddd; width: 1px; height: 94.2%;}
 .sec_chart:after { background-color: #dddddd; content: ''; position: absolute; left: 0; width: 100%; height: 1px; top: 0;}
 .sec_chart dl{display: block; padding: 10px;}
 .sec_chart dl:after { height: 100% ; left: 0; top: 0 ; width: 1px ; }
 .sec_chart dl:nth-child(4)::after { height: 50% ; left: 0; top: 0 ; width: 1px ; }
 .sec_chart dl:nth-child(n+5)::after { display: none; }
 .sec_chart dl:first-child{margin-top: 0;}
 .sec_chart dl dt:before{display: none;}
 .sec_chart dl dt{padding: 10px; font-size: 1em;}
 .sec_chart dl:before{ background-color: #dddddd; content: ''; position: absolute; height: 1px; left: 0; top: 50%; width: 10px; }
 .sec_chart dl:nth-child(n+5)::before{ background-color: #dddddd; content: ''; position: absolute; height: 1px; left: auto; right: 0; top: 50%; width: 10px; }
 .sec_chart dl dd{ padding: 9px 10px; line-height: 1.3; min-height: 100%; display: block;} 
 .sec_chart dl:first-of-type:after { left: 0; width: 1px; }
 .sec_chart dl:last-of-type:after { left: 0; right: inherit; width: 1px; height: 50%; } 
 .mid_wrap{padding: 20px 0;}
 .mid_wrap:before{height: 101px;}
 .mid_wrap > span{height: 40px; font-size: 1em; line-height: 40px; width: 35%;}
 .top_chart span{height: 120px; width: 120px; line-height: 120px; font-size: 1.250em;}
 .top_chart span:after{height: 140px; width: 140px; }
 .mid_one_wrap:before, .mid_wrap.bottom span::after { height: 70px;}
 .mid_wrap.mid > span::before { width: 15%;}
 .mid_wrap.bottom:before { height: 40px;}

 .mid_one_wrap > span{
 height: 40px;
 font-size: 1em;
 line-height: 40px;
 }
 .mid_one_wrap:before{height: 70px;}
 .mid_one_wrap:after{display: none;}

 .sec_chart dl dd > p{display: block;}

 /*소식지*/
.newletter_list li .nl_tbl .nl_img{width: 150px;} 
.newletter_list li{ width: 48.6%;}
.newletter_list li:nth-child(3n){margin-right: 2.6%;}
.newletter_list li:nth-child(-n+3){margin-top: 30px;}
.newletter_list li:nth-child(-n+2){margin-top: 0;}
.newletter_list li:nth-child(2n){margin-right: 0%;}
.newletter_list li .nl_tbl .nl_cont .tit{font-size: 1em;}
.newletter_list li .nl_tbl .nl_cont .date{font-size: 0.813em;}
.newletter_list li .nl_tbl .nl_cont .detail_btn{width: 72px; height: 27px; line-height: 27px; font-size: 0.750em;}

/*소식지 신청*/
.newsletter_application{padding: 35px;}

 /* .etc_area */
 /* .etc_area > li{width:50px; height:50px;}
 .etc_area > li > a{width:50px; height:50px;} */
 /* .etc_area > li > a img{margin-top:15px;} */

 /* 02.15 약관( 조례 및 정관 8_7_3 ) */
 .terms_tit1 h4{font-size: 1.250em;}
 .terms_tit1::after{margin: 14px 0 20px;}
 
 /* 02.22 문화경영목표 (8_2) */ 
 /* 1 미션 */
 .vision_mission >div:first-child{width: 123px;}
 .vision_mission{padding: 9px 0px 0 0px;}
 .vision_mission div{height: 100%;}
 .vision_mission div .inner_mission{width: 90px; line-height: 90px;}
 .vision_mission div .inner_mission:after{background-size: 100px; width: 100px; height: 100px; }
 .vision_mission div p{font-size: 1em;}

 /* 2 비전 */
 .vision_vision >div:first-child{width: 123px;}
 .vision_vision{padding: 28px 0px 0 0px;}
 .vision_vision div{height: 100%;}
 .vision_vision div .inner_vision{width: 90px; line-height: 90px;}
 .vision_vision div .inner_vision:after{background-size: 100px; width: 100px; height: 100px; }
 .vision_vision div p{font-size: 1em;}

 /* 3 핵심가치 */
 .vision_value{margin: 30px 0px 0;}
 .vision_value >div:first-child{width: 100%;}
 .vision_value > .vision_val1{width: 100%; margin-top: 10px;}
 .vision_value > .vision_val1 div{width: 49%;}
 .vision_value > .vision_val1 div:first-child{margin-right: 2%;}

 .vision_value > .vision_val2{width: 100%; margin-top: 10px;}
 .vision_value > .vision_val2 div{width: 49%;}
 .vision_value > .vision_val2 div:first-child{margin-right: 2%;}

 .vision_value >div h4{font-size: 1.125em; line-height: 45px;}
 .vision_value >div p{font-size: 1.125em; line-height: 45px;}

 .vision_val1 div:last-child:before{display: none;}
 .vision_val1 div:last-child:after{display: none;}
 .vision_val2 div:last-child:before{display: none;}

 /* 4 경영목표 */
 .vision_purpose{margin: 20px 0px 0;}
 .vision_purpose > div span{margin-top: 18px;}
 .vision_purpose >div p::after{ left: 50%; bottom: 0px; transform: translate(-50%, 0px);
 -webkit-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px);}
 .vision_purpose >div:first-child{width: 100%;}
 .vision_purpose > .vision_pur1{width: 100%; margin-top: 10px; }
 .vision_purpose > .vision_pur1 div{width: 49%; height: 65px; }
 .vision_purpose > .vision_pur1 div:first-child{margin-right: 2%;} 
 .vision_purpose > .vision_pur1 div:last-child span{margin-top: 11px;}

 .vision_purpose > .vision_pur2{width: 100%; margin-top: 10px; }
 .vision_purpose > .vision_pur2 div{width: 49%; height: 65px;}
 .vision_purpose > .vision_pur2 div:first-child{margin-right: 2%;}

 .vision_purpose >div h4{font-size: 1.125em; line-height: 45px; }
 .vision_purpose >div p{font-size: 1em; margin-top: 12px;}
 .vision_purpose >.vision_pur2 div:last-child p{margin-top: 20px; padding-bottom: 25px;}

 .vision_pur1 div:first-child::before{display: none;}
 .vision_pur1 div:first-child::after{display: none;}
 .vision_pur1 div:last-child::before{display: none;}
 .vision_pur1 div:last-child::after{display: none;}
 .vision_pur2 div:first-child::before{display: none;}
 .vision_pur2 div:first-child::after{display: none;}
 .vision_pur2 div:last-child::before{display: none;}
 .vision_pur2 div:last-child::after{display: none;}
 
 
 /* 5 전략방향 */
 .vision_direction{margin: 20px 0px 0;}
 .vision_direction >div:first-child{width: 100%;}
 .vision_direction > .vision_dir1{width: 100%; margin-top: 10px; }
 .vision_direction > .vision_dir1 div{width: 49%; height: 65px;}
 .vision_direction > .vision_dir1 div:first-child{margin-right: 2%;}

 .vision_direction > .vision_dir2{width: 100%; margin-top: 10px;}
 .vision_direction > .vision_dir2 div{width: 49%; height: 65px;}
 .vision_direction > .vision_dir2 div:first-child{margin-right: 2%;}

 .vision_direction >div h4{font-size: 1.125em; line-height: 45px;}
 .vision_direction >div p{font-size: 1em; margin-top: 15px;}
 
 .vision_direction >div:first-child::before{display: none;}
 .vision_direction >div:first-child::after{display: none;}
 
 /* 6 전략과제 */
 .vision_project{margin: 20px 0px 0;}
 .vision_project >div:first-child{width: 100%;}
 .vision_project > .vision_pro1{width: 100%; margin-top: 10px; }
 .vision_project > .vision_pro1 div{width: 49%; min-height: 140px; padding: 12px 15px;}
 .vision_project > .vision_pro1 div:first-child{margin-right: 2%;}

 .vision_project > .vision_pro2{width: 100%; margin-top: 10px; }
 .vision_project > .vision_pro2 div{width: 49%; min-height: 140px; padding: 12px 15px;}
 .vision_project > .vision_pro2 div:first-child{margin-right: 2%;}

 .vision_project >div h4{font-size: 1.125em; line-height: 45px;}



/* 윤리경영(8_8_2_1) */
.ethics_wrap{margin: 0;}
.ethics{display: block; margin-top:20px; border-spacing: 0;}
.ethics_tit{font-size: 1.125em; margin-bottom: 10px;}
.ethics:first-child{margin: 0;}
.ethics > div{display: block; width: 100%; padding:10px; font-size: 1em;}
.ethics_r2{border-width: 0 1px 1px;}
.ethics_l2 + div{font-size:1em;}
.ethics_l3 ~ div{font-size:0.938em;}
.ethics_l4 ~ div{font-size:0.938em;}
.ethics_l5 ~ div{font-size:0.938em;}
.ethics_l5 ~ div > ul > li{font-size: 0.938rem;}


/* 달력 */
 .apply_calendar_tit .l_con {padding: 20px 25px;}

 .apply_calendar_tit .apply_cal_table td > div{ height: 60px; min-height: auto; }
 .l_con .btn_wrap.only{position: static; margin-top: 15px;}




/* 사업안내_창작공연 (4_1) */
.perform_wrap{margin: 0 -20px;}
.perform{border-spacing: 20px 0px; }
.perform_area{ margin-top: 10px;}

/*신청/참여 3_2_3_1*/
.slide_cont{
 position: relative; 
 height: auto;
 display: table;
 table-layout: fixed;
 width: 100%;
 padding: 30px 27px 27px;
}
.slide_cont > div h4{font-size: 1.5em;}
.slide_cont > div{margin-top: 19px; display: table-cell; width: 50%;}
.slide_cont > div:first-child ul{margin-top: 10px;}
.slide_cont > div h5{font-size: 1em;}
.slide_cont > div ul li{font-size: 0.875em;}
.slide_info .slick-arrow{width: 45px; height: 45px;}
.slide_info .slick-next.slick-arrow{left: 46px;}

/* 소식지신청 */
.newsletter_application > h4{font-size: 1.125em; text-align: center;}
.application_list{padding:20px 20px 17px;}
.application_list > h5{font-size: 0.938em;}
.application_list > p{font-size: 0.875em;}

.application_box{padding: 12px 0 7px;}
.application_box label{font-size: 0.875em;}


.application_info{max-width: initial; width: 100%;}
.application_info label{display: block; margin-bottom: 5px;}
.application_info > div label{font-size: 0.875em;}
.application_info > .application_n{width: 100%;}
.application_info > .application_e{width: 100%;}
.application_info > .application_n input[type='text']{width: 100%;}
.application_info > .application_e input[type='text']{float: left; width: 46.5%;}
.application_info > .application_e > div{width: 100%;}
.application_info > .application_e span{float: left; padding: 0 2.5%; width: 7%; margin-top: 5px;}
.application_info > .application_e select{margin:5px 0; font-size: 0.813em; width: 100%;}
.application_info .application_e+a{position: static; width: 100%; min-width: initial; height: 30px; line-height: 30px; font-size: 0.938em;}


 
 /* 저작권정책 */
 .copyright_tbl .kogl{ width:100%; margin:20px 0 0; display:inline-block; border:0; }
 .copyright_tbl .kogl li{ width:100%; border:1px solid #dedede; float:left; padding:8px 12px; margin:0 0 2px; }
 .copyright_tbl .kogl li img{ height:22px; }


/* 윤리헌장(8_8_2_2), 인권경영선언문(8_8_1_2) */
.charter_top{padding: 19px 10px;}
.charter_top >h4{font-size: 1.125em;}

.charter_bt{padding: 32px 5px 16px 39px;}
.charter_bt > span{width: 32px; height: 32px; line-height: 32px; font-size: 0.875em; top: 23px;}
.charter_bt > strong{font-size: 1em;}
.charter_bt > p{font-size: 0.875em; margin-top: 5px;}

.declaration .charter_bt{padding: 10px 10px 16px 41px;}

/* 공연전시행사 _ 공연예매 (1_1_2) */
.perform_box{padding: 10px 10px; margin-top: 10px;}
.perform_box .list_blt{padding-left: 0;}
.perform_txt{padding: 10px 0;}

/*input 기본*/
.brd_input{width: 100%;}

/* table 이메일이나 전화번호 두개이상 input 폼 ★★★ */
.input_fix{ width: 100%; padding: 5px 0;}
.input_fix > input{width: 47%; float: left;}
.input_fix > span{width: 6%; float: left; padding: 10px 2% 0 1.5%;}
.input_fix .fix_x{display: none;}

/* 사업안내_창작공연 (4_1) */
.perform_wrap{margin: 0 -10px;}
.perform{border-spacing: 10px 0px; }
.perform_area{}
.perform + p { margin-top: 5px; font-size: 0.875em;}
.perform> div p{font-size: 0.875em; margin-top: 5px;}

/*absolute 6_1_1 소식지 신청 버튼*/
.p_a_btm{position: static !important;}

/* 문화캘린더 7_2 + 지원사업캘린더 2_2_3 */
.apply_cal_table2{display: none;}

 /* 달력 */
 .apply_calendar_tit .l_con { border:none; }


 /*기부안내 8_6*/
 .donation_cont{padding-right: 0;}
 .donation_cont .circle_box > div{width: 160px; height: 160px;}
 .donation_cont .circle_box > div .tit{font-size: 1.063em;}
 .donation_cont .circle_box > div p{font-size: 0.938em;}
 .donation_cont .qua_box span{font-size: 1em; height: 40px; line-height: 40px;}
 .cont_area strong{font-size: 1.063em;}
 .propel_cont li{width: 49.4%; font-size: 0.938em; height: 50px; line-height: 48px; margin-top: 10px;}
 .propel_cont li:nth-child(2n){margin-right: 0;}
 .propel_cont li:nth-child(-n+2){margin-top: 0;}

 .donation_list li{width: 22.5%;}
 .donation_list li.next{height: 124px;width: 17px;}
 .donation_list li > div{width: 124px;height: 124px;border-width: 5px;padding: 28px 5px 20px;}
 .donation_list li > div strong{font-size: 1.250em;}
 .donation_list li > div p{font-size: 0.875em;}
 .donation_list li > p{margin-top: 10px; font-size: 0.875em;}
 .box{padding: 29px 30px 27px;}
 .bank_box{font-size: 1em; padding: 12px 5px;}

 /* 교육안내 검색창 옆 버튼 2_1 */
.education_btn > a{width: 52px;}


/* 대관공간안내 3_2_3_2*/
.mw120{min-width: 90px !important;}

/* 인권경영선언문(8_8_1_2) */
.list_area:first-child +.declaration{margin-top: 10px;}


/*8_10_5 사이트맵*/ 
.site_area > li > a{float: none; width: 100%;}
.site_area > li > .site_ul:last-child{margin-bottom: 0;}
.site_area > li > .site_ul{float: none; width: 100%; padding-left: 0;}
.site_area > li > .site_ul > li{height: 100%;}
.site_area > li > .site_ul > li > a{display: block; position: static; border-bottom: 2px solid #dbdbdb; width: 100%; padding-bottom: 5px;}
.site_area > li > .site_ul > li > a:after{display: none;}
.site_area > li > .site_ul > li > .site_ul_li {
 margin-left: 0;
 margin-top: 10px;
 border-bottom: 0;
 position: static;
 width: auto;
}
.site_area > li > .site_ul > li > .site_ul_li > li{float: none;
 border-bottom: 1px solid #dbdbdb; margin-top: 15px; padding-bottom: 5px;
}
.site_area > li > .site_ul > li > .site_ul_li > li{width: 100%;}
.site_area > li > .site_ul > li > .site_ul_li > li:nth-child(-n+3){padding-bottom: 0;}
.site_area > li > .site_ul > li > .site_ul_li > li:first-child{margin-top: 0;}

}
.site_area > li > .site_ul > li > .site_ul_li > li:last-child{margin-right: 3%;}


@media screen and (max-width:767px){
 /* 교육안내 검색창 옆 버튼 2_1 */
.education_btn{float: none;} 
.education_btn > a{width: 32.6%; height: 27px; margin-top: 7px; line-height: 27px; margin-right: 1%; float: left;} 
.education_btn > a:nth-child(3n){margin-right: 0;}
.education_btn > a:nth-child(-n+3){margin-top: 0;}
.education_btn > a:nth-last-child(-n+3){margin-bottom: 7px;}

/* 교육지원_지원사업안내 게시판 _ 상태박스들(2_2_2)*/
.edu_board span{ padding: 1px 5px; }
/* .edu_board .day{margin-left:5px ;} */
.edu_board .tit span{}
}




@media screen and (max-width:640px){
/* 교육지원_지원사업안내 게시판(상세) _ (2_2_2_0) */
.edu_detail div{float: none;}
.edu_detail div:last-child{float: none; margin-top: 8px; }


/*8_6*/
.donation_cont .qua_box{margin-top: 10px;}
.donation_cont .qua_box span{font-size: 0.875em;}
.donation_cont .circle_box > div{height: 140px; width: 140px;}
.donation_cont .circle_box > div .tit{font-size: 0.938em;}
.donation_cont .circle_box > div p{font-size: 0.875em;}

.donation_list li{height: 160px; width: 46.5%;}
.donation_list li:nth-child(4){display: none;}
.donation_list li:nth-last-child(-n+4){margin-top: 15px;}
.donation_list li > div{width: 114px; height: 114px;}
.donation_list li.next{height: 114px;}
.donation_list li > div strong{font-size: 1.125em;}
.donation_list li > div p{font-size: 0.813em;}



}

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


  .board_top_list > div > div > div > a{word-break: normal;}
  /*0125*/
  .new_business_top{padding: 10px;}
  .new_business_top > .tit{float: none; font-size: 1.125em; width: 100%; line-height: 1;}
  .new_business_top > .busin_cont{width: 100%; float: none; margin-top: 7px; font-size: 0.938em;}

  .step_list > li{margin-top: 15px; height: 110px;}
  .step_list > li .num{height: 33px; line-height: 33px;}
  .step_list > li .cont{height: 75px; line-height: 75px;}
  .step_list > li:not(.next){width: 30.4%; }
  /* .step_list > li.next:nth-child(6){display: none;}
  .step_list > li:nth-child(-n+5){margin-top: 0;} */
  
/* 링크 추가 */
.list_area .link a {font-size: 16px;}


 /*공공누리*/
 .open_box .open_txt{font-size: 0.938em;}

 /* 다운로드 버튼 */
 .btn_down_center{margin-left: 0 !important;}

 /*달력 1_1_1*/ 
 .cal_cont{margin-bottom: 10px;}
 .cal_box .cal_top{padding: 15px 10px;}
 .cal_box .cal_days > span{font-size: 1.250em;}
 .today_cont{display: none;} 
 .cal_day{padding: 10px 5px;}
 .cal_view{position: static; display: block; text-align: right;}
 /*오늘*/
 .cal_view > a{width: 42px; height: 27px; line-height: 27px; font-size: 0.813em;}
 /*3_2_2*/
 .apply_calendar_tit .apply_cal_table th{font-size: 1em;}

 /*소식지*/
 .newletter_list li .nl_tbl{display: block; padding: 10px 0;}
 .newletter_list li .nl_tbl .nl_img{display: block; margin: 0 auto;}
 .newletter_list li .nl_tbl .nl_cont{display: block; padding: 10px 0 0;}
 .newletter_list li .nl_tbl .nl_cont .tit{font-size: 0.938em;}
 .newletter_list li .nl_tbl .nl_cont .date{margin-top: 5px;}
 .newletter_list li .nl_tbl .nl_cont .detail_btn{margin:10px auto 0;}
 .newletter_list li:nth-child(n){margin-top: 15px;}
 .newletter_list li:nth-child(-n+2){margin-top: 0px;}

 /* 02.15 약관( 조례 및 정관 8_7_3 ) */
 .terms_tit1 h4{font-size: 1.125em;}

 /* 문화경영목표 */
 /* 1 미션 */
 .vision_mission{display: block;}
 .vision_mission div{display: block; margin: 0 auto;}
 .vision_mission >div:last-child{padding: 12px 35px; margin-top: 10px;}
 
 /* 2 비전 */
 .vision_vision{display: block; padding-top: 18px;}
 .vision_vision div{display: block; margin: 0 auto;}
 .vision_vision >div:last-child{padding: 12px 10px; margin-top: 10px;}

 .vision_mission div .inner_mission{width: 60px; line-height: 60px;}
 .vision_mission div .inner_mission:after{background-size:70px; width: 70px;
 height: 70px;}
 .vision_vision div .inner_vision{width: 60px; line-height:60px ;}
 .vision_vision div .inner_vision:after{  background-size: 70px;
 width: 70px;
 height: 70px;}
 /* 3 핵심가치 */
 .vision_value { margin: 20px 0px 0;}

/* view_etc dt 160 */ 
.tbl_etc .add_title dt{display:block; width: 100%; height: 30px; line-height: 30px;}
.tbl_etc .add_title dd{display:block; width: 100%; }
.list_detail_top .tbl_etc dd{padding: 3px; min-height: 30px;}
.list_detail_top .tbl_etc .hori_title dl dt{height: 30px; line-height: 30px;}
.list_detail_top .tbl_etc .hori_title dl dd{padding: 3px; min-height: 30px;}

/* 사업안내_창작공연 (4_1) */
.perform> div{display: block; margin-top: 17px;}
.perform> div:first-child{margin-top: 0;}
.perform .perform_btm_l{width: 100%;}
.perform_wrap{margin: 0 0px;}
.perform{border-spacing: 0px 0px; }
.perform_area{/*margin-top: 17px;*/}
.perform + p { font-size: 0.813em;}
.perform> div p{font-size: 0.813em; margin-top: 5px;}
/* 명성황후생가_생가유적(5_1_6) -> sub로 옮겨야 됨 */
.remains_area > .img_area > div{display: block; }
.remains_area > .img_area > div:first-child{padding: 0;}
.remains_area > .img_area > div:last-child{padding: 0; margin-top: 10px;}

/* 상세버튼 _ 공연전시(1_2_1_0) */
.details_btn1{width: 100%;}


/*신청/참여 3_2_3_1*/
.slide_cont{padding: 15px 12px 12px;}
.slide_cont > div h4{font-size: 1.250em;}
.slide_cont > div:first-child{width: 40%;}
.slide_cont > div ul li{margin-top: 9px;}
.slide_info .slick-arrow{width: 30px; height: 30px;}
.slide_info .slick-next.slick-arrow{left: 31px;}

/*버튼 100퍼*/
.btn_area > a{
 width: 100%;
 height: 35px;
 line-height: 33px;
 font-size: 0.875em;
 margin: 0px;
 margin-top: 5px;
}
.btn_area > a:first-child{margin-top: 0;}

/*다운로드 버튼 8_4*/
.btn_area a.btn_down:last-child{margin-left: 0;}

/* 가운데 정렬 버튼 */
.btn_area a.btn_c_230{
 width: 100%;
 height: 35px;
 line-height: 33px;
 font-size: 0.875em;
 margin: 0px;
 }


.h40{height:30px !important; line-height:28px !important; min-width: 100% !important;}

/*전체,접수중,진행전,마감 submain_3_1_1*/
.state_list{max-width: 400px;}
.state_list li a{height: 30px; line-height: 30px; width: 75px; font-size: 0.875em;}

/* 윤리경영(8_8_2_1) */
.ethics > div{padding: 7px 10px; font-size: 0.938em;}
.ethics_r2 .list_blt4 > li{
 /* font-size: inherit; */
}
.ethics_l5 ~ div > ul > li{font-size: 0.875rem;}


/*8_6*/
.donation_cont{max-width: 400px; margin: 17px auto 0;}
.donation_cont .qua_box{width: 100%; float: none; margin: 0; overflow: hidden;}
.donation_cont .qua_box:after{
 content: '';
 display: block;
 background-color: #dddddd;
 position: absolute;
 height: 40px;
  left: 50%;
  top: 20px;
 width: 1px;
}

.donation_cont .qua_box span{width: 48%; float: left; margin-top: 0; margin-right:4%;}
.donation_cont .qua_box span:last-child{margin-right: 0;}
.donation_cont .qua_box:before{display: none;}
.donation_cont .qua_box span:first-child:after{
 content: '';
 display: block;
 background-color: #dddddd;
 position: absolute;
 height: 1px;
 left: 50%;
 top: 50%;
 width: 100%;
 z-index: -1;
}
.cont_area strong{font-size: 1em;}
.donation_cont .circle_box:before{display: none;}
.donation_cont .circle_box{width: 130px; float: none; margin: 40px auto 0;}
.donation_cont .circle_box:after{
 content: '';
  display: block;
  background-color: #dddddd;
  position: absolute;
  height: 40px;
  left: 50%;
  top: -40px;
  width: 1px;
  z-index: -1;
}

.donation_cont .circle_box:last-child{width: 130px;}
.donation_cont .circle_box > div{height: 140px; width: 140px;}
.donation_cont .circle_box > div p{font-size: 0.813em;}

/* list_blt4 */
.list_blt4 > li{font-size: 0.875em;}

/* 230207 개인정보처리 방침 수정 */
.agree_box2.news .scroll_box2{font-size: 0.875em;}
.agree_box2.news .scroll_box2 dl dt{font-size: 1rem;}

}

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

 /*0125*/
 .step_list > li:not(.next){width: 40%;}
 .step_list > li.next{width: 10.4%;}
 .step_list > li.next:nth-child(6){display: block;}
 .step_list > li.next:nth-child(4n){display: none;}
 .step_list > li:nth-child(-n+5){margin-top: 15px;}


  /*공공누리*/
  .open_box {
  margin: 50px 0 15px;
  }

  /* 제목 h4 */
 .sub_tit4 h4{font-size: 1.125em;} 

 /*달력 1_1_1*/
 .cal_box .cal_days > span{font-size: 1.125em;}
 .cal_box .cal_days .prev{margin-right: 10px; width: 30px; height: 30px;}
 .cal_box .cal_days .next{margin-left: 10px; width: 30px; height: 30px;}

 /* 블릿 ci소개 */
 .list_tit{font-size: 1em; padding-left: 23px;}
 .list_tit:before{background-size: 15px; height: 15px; width: 15px; top: 2px;}
 .list_area .cont_txt{margin-top: 7px;}

 /*연혁*/ 
 .year_cont > div{padding-left: 7px;}
 .year_cont > div .year_top > span{font-size: 1.250em; min-width: 70px;}
 .year_cont > div .year_info .year_tit{width: 100px; font-size: 1em; padding-left: 20px; display: block;} 
 .year_cont > div .year_info .year_txt{display: block; margin-top: 6px; padding-left: 20px;}
 .year_cont > div .year_info .year_txt li{font-size: 0.875em;}
 .year_cont > div .year_info .year_tit:before{top: 4px; border-radius: 11px; width: 5px; height: 5px;} 

 /*CI 다운로드 8_4*/
 /* a.btn_down{min-width: auto; width: 49%; float: left; margin-left: 2%;} */


 /* 경영공시 다운로드 */
 .btn_td a.btn_down{min-width: 100%; width: 100%; float: none; margin: 0;}

 /*사업실적보고서*/
 .board_top_list{padding: 20px 5px;}

 /*조직도*/
 .top_chart span{ height: 100px; width: 100px; line-height: 100px; font-size: 1.125em; }
 .top_chart span:after{width: 110px; height: 110px;}
 .mid_wrap{padding: 15px 0;}
 .mid_wrap:before{height: 70px;}

/*소식지 신청*/
.newsletter_application{padding: 15px;}
.newsletter_application > h4{font-size: 0.938em;}
.application_list{padding:10px 10px 7px;}
.application_list > h5 { font-size: 0.875em;}
.application_list > p {font-size: 0.813em;}

.application_box label{font-size: 0.813em;}

.application_info{margin-top: 13px;}
.application_info > div label{font-size: 0.813em;}
.application_info > .application_e select{font-size: 0.750em;}
.application_info .application_e+a{font-size: 0.875em;}



 .snb_sns.show {
  left: -237px;
  top: 0;
  padding: 0 10px;
 }
 .snb_sns > li {height:35px; width: 35px;}
 .snb_sns li a {width:35px; padding:1px 0; font-size:0.875em;}
 /* .etc_area */
 .etc_area > li {width:35px; height:34px;}
 .etc_area > li > a{width:35px; height:34px; border-left: 0;}
 .etc_area > li > a img{margin-top:7px;}



 /* 02.15 약관( 조례 및 정관 8_7_3 ) */
 .terms_tit1{padding-top: 0px;}
 .terms_tit1 h4{font-size: 1em;} 
 .terms_tit1::after{margin: 9px 0 10px;}
 .terms_cont .terms_tit2{font-size: 0.938em; }

 .slt_tab.skin2 > div{font-size: 0.813em;}
 .slt_tab.skin2 > div:last-child{margin-top: 3px;}
 .slt_tab.skin2 { margin-bottom: 25px;}

 .agree_box .scroll_box{padding: 15px;}
 .priv dl{margin-top:14px;}
 
 /* 02.15 약관 type2( 조례 및 정관 8_7_3_1) */
 .agree_box2 .priv dl dd > ul > li > ul > li{margin-top:0px;}

 /* 02.16 버튼 간의 간격2 ( 8_5 조직도 ) */
 .list_area .tbl_sub_col{margin-top: 6px;}
 
 /* 02.22 문화경영목표 (8_2) */ 
 /* 1 미션 */
 .vision_mission{padding: 0;}
 .vision_mission div p{font-size: 0.938em;}
 .vision_mission >div:last-child p:last-child{font-size: 0.875em;}
 /* 2 비전 */
 .vision_vision div > p{font-size: 0.938em;}
 /* 3 핵심가치 */
 .vision_value >div h4{font-size: 1em; }
 .vision_value >div p{font-size: 1em;}
 /* 4 경영목표 */
 .vision_purpose >div h4{font-size: 1em;}
 .vision_purpose >div p{font-size: 0.938em;}
 .vision_purpose > div span{font-size: 0.875em;}
 /* 5 전략방향 */
 .vision_direction >div h4{font-size: 1em;}
 .vision_direction >div p{font-size: 0.938em;}
 /* 6 전략과제 */
 .vision_project >div h4{font-size: 1em;}
 .vision_pro1 ul li{font-size: 0.813em;}
 .vision_pro2 ul li{font-size: 0.813em;}



 /* 달력 */
 .apply_calendar_tit .l_con { padding: 10px 15px; } 
 .apply_calendar_tit .apply_cal_table td > div { height: 40px; }
 .apply_calendar_tit .apply_cal_table td span { top: 5px; font-size: 0.938em; right: 5px; }
 /* 공연전시행사 _ 공연예매 (1_1_2) */
.perform_box{}
.perform_txt{text-align: center; font-size: 0.813em;}


/*신청/참여 3_2_3_1*/
.slide_cont{padding: 10px 7px 7px;}
.slide_cont > div h4{font-size: 1.125em;}
.slide_cont > div:first-child{width: 40%;}
.slide_cont > div h5{font-size: 0.938em;}
.slide_cont > div ul li{margin-top: 6px;}

/* 윤리헌장(8_8_2_2)*/
.charter_bt{padding: 22px 5px 6px 39px;}
.charter_bt > span{top: 15px; font-size:1em; width: 32px; height: 32px; line-height: 32px;}
.charter_bt > span.charter_txt{font-size: 0.813em;}

/*문구박스 밑에 문구 박스 8_6*/
.list_area .cont_txt + .cont_txt{margin-top: 12px;}


/*8_6*/
.donation_list li{height: 145px;}
.donation_list li > div{width: 100px; height: 100px; padding: 19px 5px 20px;}
.donation_list li > div strong{font-size: 1em;}
.donation_list li > div p{margin-top: 5px;}
.donation_list li.next{height: 100px;}

.propel_cont li{height: 40px; line-height: 38px;}
.box{padding: 19px 10px 17px;}
.box .tit{font-size: 1.063em;}
.box p{margin-top: 9px; margin-bottom: 6px;}
.box p > em{display: block; margin-left: 0; font-size: 0.938em;}
.company_info dl dd{font-size: 0.938em;}
.bank_box{font-size: 0.938em;}
.bank_box > span{display: block;}
}

@media screen and (max-width: 414px){
/* 교육지원_지원사업안내 게시판(상세) _ (2_2_2_0) */
.edu_detail > div > span:last-child{display: block; margin:8px 0;}
.edu_detail div:first-child span:first-child::after{display: none;}
.edu_detail_box{padding: 0 3px;}
.edu_detail > div:last-child > span:last-child{margin-bottom: 0;}

}

@media screen and (min-width: 320px) and (max-width: 339px){
/* 인권경영선언문(8_8_1_2) */
.declaration .charter_bt{padding: 0px 7px 15px 40px;}
}