@charset "utf-8";
/*220725 수정*/
.section1 .custom_tabs{position: relative;height: 420px;padding-left: 103px;}
.section1 .custom_tabs .tab_container{width: 105px;height:100%;position: absolute;left: 0;box-sizing: border-box;border-radius: 20px 0 0 20px;}
.tab_container .tab_box{width: 100%;height: calc(100% / 3);border-bottom: 1px solid #495970;box-sizing: border-box;}
.tab_container .tab_box:first-child a{border-radius: 17px 0 0 0;}
.tab_container .tab_box:last-child{border-bottom:none;}
.tab_container .tab_box:last-child a{border-radius: 0 0 0 20px;}
.tab_container .tab_box a{width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;background: #1b304c;}
.tab_container .tab_box a .tab_icons{width: 43px;height: 43px;display: block;border-radius: 100%;transition: all 0.3s;}
.tab_container .tab_box a .tab_icons.icons01{background: #142439 url(/images/kor/main2/tabs_icon01.png);background-repeat: no-repeat;background-position: center;}
.tab_container .tab_box a .tab_icons.icons02{background: #142439 url(/images/kor/main2/tabs_icon02.png);background-repeat: no-repeat;background-position: center;}
.tab_container .tab_box a .tab_icons.icons03{background: #142439 url(/images/kor/main2/tabs_icon03.png);background-repeat: no-repeat;background-position: center;}
.tab_container .tab_box a p{width: 100%;text-align: center;color: #ebeef3;margin-top: 10px;word-break: keep-all;}
.tab_container .tab_box a:hover,
.tab_container .tab_box a:focus,
.tab_container .tab_box a.ov{background: #366098;}
.tab_container .tab_box a:hover:before,
.tab_container .tab_box a:focus:before,
.tab_container .tab_box a.ov:before{content: '';width: 18px; height: 22px; background: url(/images/kor/main2/tabs_ov.png) no-repeat; right: -12px; top: 50%; transform: translateY(-50%);position: absolute;    z-index: 1;    transition: all 0.3s;}
.tab_container .tab_box a:hover .tab_icons.icons01,
.tab_container .tab_box a:focus .tab_icons.icons01,
.tab_container .tab_box a.ov .tab_icons.icons01{background: #fff url(/images/kor/main2/active_tabs_icon01.png);background-repeat: no-repeat;background-position: center;}
.tab_container .tab_box a:hover .tab_icons.icons02,
.tab_container .tab_box a:focus .tab_icons.icons02,
.tab_container .tab_box a.ov .tab_icons.icons02{background: #fff url(/images/kor/main2/active_tabs_icon02.png);background-repeat: no-repeat;background-position: center;}
.tab_container .tab_box a:hover .tab_icons.icons03,
.tab_container .tab_box a:focus .tab_icons.icons03,
.tab_container .tab_box a.ov .tab_icons.icons03{background: #fff url(/images/kor/main2/active_tabs_icon03.png);background-repeat: no-repeat;background-position: center;}
.popupZone_wrap{position: relative;}
.popupZone_wrap .slide {max-height: 420px;height: 100%;}
.tab_contents{display: none;border-radius: 0px 20px 20px 0px;position: relative;height: 100%;}
.tab_contents .inner{height: 100%;border-radius:0 20px 20px 0;overflow: hidden;}
.tab_contents .tab_inner{width: 100%;height: 100%;box-sizing: border-box;}
#tab02.tab_contents .tab_inner{background: #ecf1f6;padding: 30px 25px 45px;overflow: hidden;}
#tab02.tab_contents .tab_inner .contents_box{width: calc(100% / 3 );; display: inline-block; height: 100%;padding: 0 15px;box-sizing: border-box;}
#tab02.tab_contents .tab_inner .contents_box:hover .tit,
#tab02.tab_contents .tab_inner .contents_box:focus .tit{text-decoration: underline;}
#tab02.tab_contents .tab_inner .contents_box .img_box{width: 100%; height: 300px; overflow: hidden;position: relative;border-radius: 20px; display: block;}
#tab02.tab_contents .tab_inner .contents_box .img_box img{display: block;width: 100%;margin: 0 auto;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);background: #fff;}
#tab02.tab_contents .tab_inner .contents_box .tit{display:block; width:100%;font-size: 16px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 20px;}
#tab02.tab_contents .tab_inner .contents_box .date_info{color:#666666;}

#tab03.tab_contents .inner{
  background: #e9f5f5 url(/images/kor/main2/tab3_left.png) left bottom no-repeat;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: center;
  padding-top: 100px;
  box-sizing: border-box;
}
#tab03.tab_contents .inner>.tit{
  width: 212px;
  height: 80px;
  margin-bottom: 20px;
  background: url(/images/kor/main2/tit_text.png) 0px 0 no-repeat;
  font-size: 0;
  position: absolute;
  top: 30px;
  left: 40px;
}
#tab03.tab_contents .tab_inner{position: relative;padding: 0px 25px;z-index: 0;height: auto;}
#tab03.tab_contents .tab_inner::before{content: ''; width: 100%;height: 100%; background: url(/images/kor/main2/tab3_right.png) right top; background-repeat: no-repeat;position: absolute;left: 0;top: 0; z-index: -1;}
/* #tab03.tab_contents .tab_inner::after{content: ''; width: 100%;height: 100%; background: url(/images/kor/main2/tab3_right.png) right top; background-repeat: no-repeat;position: absolute;left: 0;top: 0;} */

#tab03.tab_contents .tab_inner .contents_box{width: calc(100% / 3); display: inline-block; height: 100%;padding:  0 15px;box-sizing: border-box;}
#tab03.tab_contents .tab_inner .contents_box:hover .tit,
#tab03.tab_contents .tab_inner .contents_box:focus .tit{text-decoration: underline;}
#tab03.tab_contents .tab_inner .contents_box .img_box{width: 100%;/* height: 140px; */overflow: hidden;position: relative;border-radius: 20px;display: block;}
#tab03.tab_contents .tab_inner .contents_box .img_box img{/* position: absolute; *//* top: 50%; *//* left: 50%; *//* transform: translate(-50%,-50%); *//* max-width: none; *//* height: 100%; */width: 100%;}
#tab03.tab_contents .tab_inner .contents_box .tit{display:block; width:100%;font-size: 16px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 20px;}
#tab03.tab_contents .tab_inner .contents_box .date_info{color:#666666;}
#tab03 .sns_link{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  right: 40px;
    top: 55px;

}
#tab03 .sns_link li a{
  display: block;
  width: 38px;
    height: 38px;
    margin-left: 12px;
    overflow: hidden;
    text-indent: -999px;
    background: url(/images/kor/common2/ico_ir2.png)no-repeat;
}
#tab03 .sns_link li a span{
  font-size: 0;
}
#tab03 .sns_link li.n1 a  {background-position:-83px -268px}
#tab03 .sns_link li.n2 a  {background-position:-1px -268px}
#tab03 .sns_link li.n3 a    {background-position:-42px -268px}
#tab03 .sns_link li.n4 a    {background-position:-124px -268px}
@media(max-width:900px){
  #tab03.tab_contents .tab_inner{background: #e9f5f5;}
  #tab03.tab_contents .tab_inner::before{display: none;}
  #tab03.tab_contents .tab_inner,
  #tab02.tab_contents .tab_inner{padding: 20px;}
  #tab03.tab_contents .tab_inner .contents_box,
  #tab02.tab_contents .tab_inner .contents_box{display: flex; width: 100%; justify-content: center;align-items: center;margin-bottom: 10px;height:auto;margin-right:0; margin-left: 0;text-align: center;}

  #tab03.tab_contents .tab_inner .contents_box .tit,
  #tab02.tab_contents .tab_inner .contents_box .tit{margin:0 10px;text-align: center;}
  #tab02.tab_contents .tab_inner .contents_box .img_box img{width: auto;}
}
@media(max-width:500px){
  #tab03.tab_contents .tab_inner .contents_box, #tab02.tab_contents .tab_inner .contents_box{flex-wrap: wrap;}

}



a[target="_blank"] { padding-right: 0; background:none }
 button { cursor: pointer; }
 /* .slide_control button.button { width: 40px; height: 40px; font-size: 0; vertical-align: top; position: relative; display: inline-block; z-index: 3; position: relative; border: 0 solid #000; background: none; }
 .slide_control button[data-control="play"] { display: none; }
 .slide_control button[data-control]:before,
 .slide_control button[data-control]:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
 .slide_control button[data-control="prev"]:before,
 .slide_control button[data-control="next"]:before { width: calc(100%/2.5); height: calc(100%/2.5); border-width: 2px; border-style: solid; border-color: #333; transform: rotate(45deg); }
 .slide_control button[data-control="prev"]:before { right: -5px; border-width: 0 0 3px 3px; }
 .slide_control button[data-control="next"]:before { right: 5px; border-width: 3px 3px 0 0; }
 .slide_control button[data-control="prev"]:before,
 .slide_control button[data-control="next"]:before { width: 11px; height: 11px; border-color: #000; }
 .slide_control button[data-control="play"]:before { right: -3px; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent #000; border-style: solid; width: 0; height: 0; }
 .slide_control button[data-control="stop"]:before { width: 3px; height: 9px; box-shadow: -3px 0 #000, 3px 0 #000; }  */
 .slide_control .dot { display: inline-block; }
 .slide_control .slick-dots { display: inline-block; }
 .slide_control .slick-dots li { display: inline-block; height: 40px; margin: 0 5px; }
 .slide_control .slick-dots li button { display: inline-block; width: 8px; height: 8px; font-size: 0; background: #c5ccce; vertical-align: bottom; }
 .slide_control .slick-dots li.slick-active button { background: red }
 .slide_control .progress { width: 160px; height: 3px; background: #e5e5e4; position: relative; margin-right: 20px; }
 .slide_control .progress span { display: block; width: 70%; height: 3px; top:0px; left:0px; background: red; position: absolute; }
 .slide_control .circle-bg { fill: rgba(255, 255, 255, 0); stroke: rgba(0, 0, 0, 0.05); stroke-width: 2; stroke-linecap: butt; }
 .slide_control .circle-go { fill: rgba(255, 255, 255, 0); stroke: red; stroke-width: 2; stroke-linecap: round; /*animation: progress 4s; */stroke-dasharray: 120px; stroke-dashoffset: 300%; animation-timing-function: linear; }
 .slide_control .progress-svg { width: 100%; height: 100%; position: absolute; top:0px; left:0px; }
 .slide_control { display: flex; align-items: center; justify-content: flex-end; }
 .slide_control .total { height: 40px; line-height: 40px; margin-right: 15px; }
 .slide_control .total span { font-size: 15px; }
 .slide_control .total .current { font-weight: bold; color:#025297; font-size: 18px; }
 .slide_control .paging { order:5; margin-left: 20px; }
#body_layout { width: 100%; position: relative; overflow: hidden; }
#body_layout:before { content: ""; width: 536px; height: 457px; position: absolute; top:0px; right:0; background: url(/images/kor/main2/sec_bg1.png) 0 0 no-repeat; }
#body_layout section { width: 100%; max-width: 1500px; margin: 0 auto 45px; box-sizing: border-box;padding:  0 30px;}

.tabpanel { display: none; }
.tabpanel.on { display: block; }
section { }
.box_tit { width: 100%; display: flex; align-items: flex-end; justify-content: flex-start; margin-bottom: 24px; }
.box_tit span { font-size: 25px; color: #000; font-weight: bold; font-family: 'score-dream'; line-height: 1; margin-right: 12px; }
.box_tit em { line-height: 1; font-size: 16px; font-weight: 300; color: #000; }
.section1 .slide_control { position: absolute; top:-48px; right: 0px; display: flex !important;}


.section1 .slide_control [data-control] { font-size: 0; width:28px; height:28px; border-radius: 50%; border: 1px solid #c8c8c8; background: #fff; margin: 0 2px;}
.section1 .slide_control [data-control],
.section1 .slide_control .slick-arrow { display:inline-block; position:relative; vertical-align:middle; }
.section1 .slide_control [data-control]:before,
.section1 .slide_control .slick-arrow:before { display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background-repeat:no-repeat; background-size:100%; content:''; }
.section1 .slide_control [data-control="prev"]:before { width:100%; height:100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M10.828 12l4.95 4.95-1.414 1.414L8 12l6.364-6.364 1.414 1.414z' fill='rgba(74,80,107,1)'/%3E%3C/svg%3E"); }
.section1 .slide_control [data-control="next"]:before { width:100%; height:100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z' fill='rgba(74,80,107,1)'/%3E%3C/svg%3E"); }
.section1 .slide_control button[data-control="play"] { display: none; }
.section1 .slide_control button[data-control]:before,
.section1 .slide_control button[data-control]:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.section1 .slide_control button[data-control="play"]:before { right: -3px; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent #000; border-style: solid; width: 0; height: 0; }
.section1 .slide_control button[data-control="stop"]:before { width: 2px; height: 9px; box-shadow: -2px 0 #000, 2px 0 #000; }
.section1 .layout { display: flex; align-items: flex-start; justify-content: space-between; }
.section1 .left_box { width: 1010px; position: relative; margin-top: 70px; }
.section1 .covid { font-size: 16px; font-weight: bold; font-family: 'score-dream'; line-height: 1; padding-left: 32px;  color: #000; position: absolute; top:-5px; right: 200px; height: 36px; line-height: 40px; }
.section1 .covid em { font-size: 16px; font-weight: bold; font-family: 'score-dream'; line-height: 1; color: #dc2a29; }
.section1 .slick-slide .item { border-radius: 0 20px 20px 0; overflow: hidden; position: relative; height: 420px; width: 100%; border:1px solid #ecf0f5; box-sizing:border-box; border-left-style:none; }
.section1 .slick-slide .item img { position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); max-width: none; height: 100%; width: 100%;transition: 0.3s;}
.section1 .slick-slide .item a{display:block;width:auto;height: 100%;}
.section1 .slick-slide .item a:hover img,
.section1 .slick-slide .item a:focus img{transform:translate(-50%,-50%) scale(1.1);}

.section1 .slide_control .total { margin-right: 7px; display: flex; align-items: center; line-height: 1; height: 24px; margin-top: 2px; }
.section1 .slide_control .total span { font-size: 16px; color: #b5b5b5; font-family: 'score-dream'; line-height: 1; }
.section1 .slide_control .total span em { text-align: center; margin-left: 3px; margin-right: 3px; line-height: 1; }
.section1 .slide_control .total .current {color: #000;font-size: 16px;}
.section1 .right_box { width: 391px; position: relative; margin-top: 50px; }
.section1 .searchFrm { max-width: 100%; }
.section1 .gunsu_box { width: 100%; height: 394px; background: #fafafa; background-size: cover; border-radius: 20px; overflow: hidden; margin-top: 24px; position: relative; padding-left: 35px; padding-top: 50px; box-sizing: border-box; }
.section1 .gunsu_box::before {content: ""; display: block; position: absolute; bottom:-15px; right:0px; width: 215px; height: 301px; background: url(/images/kor/main2/gunsu.png) 0 0 no-repeat; z-index: 0; background-size: contain;}
.section1 .gunsu_box>span { display: block; font-size: 21px; font-family: 'score-dream'; color: #000; font-weight: bold; padding-right: 30px; word-break: keep-all; line-height: 1; }
.section1 .gunsu_box > span br{
  visibility: hidden;
  opacity: 0;
}
.section1 .gunsu_box>span>em { display: inline-block; font-size: 21px; font-family: 'score-dream'; color: #00509f; font-weight: bold; }
.section1 .gunsu_box>span>span { display: inline-block; font-size: 21px; font-family: 'score-dream'; color: #d4335c; font-weight: bold; }
.section1 .gunsu_box>p { font-size: 0; width: 145px; height: 36px; background: url(/images/kor/main2/gunsu_sign.png) 0 0 no-repeat; margin: 20px 0 25px; }
.section1 .gunsu_box .link_wrap { display: flex; /*align-items: center; justify-content: flex-start;*/ flex-direction: column; }
.section1 .gunsu_box .link_wrap a { display: block; width: 140px; height: 45px; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #333333; font-family: 'score-dream'; transition: all .3s; background: #fff; margin: 5px 0;/*margin-right: 8px;*/ position: relative; border-radius: 30px; overflow: hidden; z-index: 1; }
.section1 .gunsu_box .link_wrap a:hover,.section1 .gunsu_box .link_wrap a:active,.section1 .gunsu_box .link_wrap a:focus { background: transparent; color: #fff; }
.section1 .gunsu_box .link_wrap a:before { display: block; content: ""; position: absolute; top:0px; left:0px; width: 100%; height: 100%; background:linear-gradient(90deg, rgba(81,96,188,1) 0%, rgba(220,93,138,1)) 100%; z-index: -1; opacity: 0; transition: all .3s; }
.section1 .gunsu_box .link_wrap a:hover:before,.section1 .gunsu_box .link_wrap a:active:before,.section1 .gunsu_box .link_wrap a:focus:before { opacity: 1; }
.section1 .gunsu_box .info_link { position: absolute; bottom:0px; left:0px; width: 100%; background: #1b304d; border-radius: 20px; height: 58px;/* padding-left: 45px;*/display: flex; align-items: center; justify-content: center; }
.section1 .gunsu_box .info_link a { font-size: 16px; color: #fff; font-family: 'score-dream'; padding-right: 15px; margin-right: 15px; border-right:1px solid rgba(255,255,255,0.2); line-height: 1; font-weight: normal; }
.section1 .gunsu_box .info_link a:last-child { border-right: 0px solid #000;padding-right: 0;margin-right: 0;}
.section1 .gunsu_box .info_link a:hover,.section1 .gunsu_box .info_link a:focus,.section1 .gunsu_box .info_link a:active { text-decoration: underline; }







#body_layout section.section4 { margin-top: 100px; position: relative; max-width: none;margin-top: 45px;}
#body_layout section.section4 .layout { width: 100%; max-width: 1440px; margin: 0 auto; position: relative; z-index: 2; }
#body_layout section.section4:before { content: ""; display: block; width: 704px; height: 354px; position: absolute; top:-100px; left:0px; background: url(/images/kor/main2/sec_bg2.png) 0 0 no-repeat;z-index: -1; }
#body_layout section.section4:after { content: ""; width: 50%; height: 920px; background: #f3f5f8; position: absolute; top:310px; right:0px;}
.section4 .ui-tablist { border: 7px solid #e8ecf0; height: 583px; box-sizing: border-box; border-radius: 20px; position: relative; overflow: hidden; padding: 40px 75px; background: #fff; }
.section4 .ui-tablist .tab-ul { position: relative; width: 100%; padding: 0 54px; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding-bottom: 20px; border-bottom: 1px dotted #333333; }

.section4 .ui-tablist .tab-ul li { display: block; }
.section4 .ui-tablist .tab-ul a { display: block; }
.section4 .ui-tablist .tab-ul li a span { display: block; font-size: 21px; color: #000; font-family: 'score-dream'; padding: 10px 30px; line-height: 1; border-radius: 25px; transition: all .3s;white-space: nowrap; }
.section4 .ui-tablist .tab-ul li a:hover span,.section4 .ui-tablist .tab-ul li a:focus span,.section4 .ui-tablist .tab-ul li a:active span { color: #1d6dbb; }
.section4 .ui-tablist .tab-ul li.on a span,.section4 .ui-tablist .tab-ul li.on a:focus span,.section4 .ui-tablist .tab-ul li.on a:active span,.section4 .ui-tablist .tab-ul li.on a:hover span { color: #fff; background: #1d6dbb; }
.section4 .ui-tablist .tablist button.button { width: 44px; height: 44px; font-size: 0; vertical-align: top; position: absolute; display: inline-block; z-index: 3; border: 1px solid #d1d9e0; background: none; border-radius: 50%; background: #fff; top: 40px; }
.section4 .ui-tablist .tablist button[data-control]:before,
.section4 .ui-tablist .tablist button[data-control]:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.section4 .ui-tablist .tablist button[data-control="prev"]:before,
.section4 .ui-tablist .tablist button[data-control="next"]:before { width: calc(100%/2.5); height: calc(100%/2.5); border-width: 2px; border-style: solid; border-color: #333; transform: rotate(45deg); }
.section4 .ui-tablist .tablist button[data-control="prev"]:before { right: -5px; border-width: 0 0 3px 3px; }
.section4 .ui-tablist .tablist button[data-control="next"]:before { right: 5px; border-width: 3px 3px 0 0; }
.section4 .ui-tablist .tablist button[data-control="prev"]:before,
.section4 .ui-tablist .tablist button[data-control="next"]:before { width: 11px; height: 11px; border-color: #000; }
.section4 .ui-tablist .tablist button[data-control="prev"] { left:75px; }
.section4 .ui-tablist .tablist button[data-control="next"] { right:75px }


.section4 .control button.button { width:24px; height: 24px; font-size: 0; vertical-align: top; position: relative; display: inline-block; z-index: 3; position: relative; border: 0 solid #000; background: none; }
.section4 .control button[data-control="play"] { display: none; }
.section4 .control button[data-control]:before,
.section4 .control button[data-control]:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.section4 .control button[data-control="prev"]:before,
.section4 .control button[data-control="next"]:before { width: calc(100%/2.5); height: calc(100%/2.5); border-width: 2px; border-style: solid; border-color: #fff; transform: rotate(45deg); }
.section4 .control button[data-control="prev"]:before { right: -5px; border-width: 0 0 2px 2px; }
.section4 .control button[data-control="next"]:before { right: 5px; border-width: 2px 2px 0 0; }
.section4 .control button[data-control="prev"]:before,
.section4 .control button[data-control="next"]:before { width: 8px; height: 8px; border-color: #fff; }
.section4 .control button[data-control="play"]:before { right: -3px; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent #fff; border-style: solid; width: 0; height: 0; }
.section4 .control button[data-control="stop"]:before { width: 3px; height: 9px; box-shadow: -3px 0 #fff, 3px 0 #fff; }
.section4 .ui-tablist .tabpanel { margin-top:25px; height: 400px; }
.section4 .ui-tablist .tabpanel { display: flex; align-items: flex-start; justify-content: space-between;display: none; }
.section4 .ui-tablist .tabpanel.col3 .inner { width: calc(100% / 3 - 30px); height: 100%; }
.section4 .ui-tablist .tabpanel.col2 .inner { width: calc(100% / 2 - 40px); height: 100%;}
.section4 .ui-tablist .tabpanel.on { display: flex; }
.box { border-radius: 10px; overflow: hidden; margin-top: 15px; }
.box.none_bd>h4 { margin-top: 12px; }

.box.arr_box a { font-size: 19px; color: #fff; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 35px; box-sizing: border-box; font-family: 'score-dream'; }
.box.arr_box a::after { width: 16px; height: 12px; content: ""; display: block; background: url(/images/kor/main2/boxArr.png) 0 0 no-repeat; }
.box.arr_box.none_bd { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.box.arr_box.none_bd a { width: calc(100% / 2 - 8px); background: #366098; transition: all .3s; padding: 0 30px; border-radius: 10px; height: 80px; line-height: 1.2; }
.box.arr_box.none_bd a:first-child { background: #374454; }
.box.arr_box.none_bd a:last-child { background: #366098; }
.box.arr_box.none_bd a:first-child:hover,.box.arr_box.none_bd a:first-child:active,.box.arr_box.none_bd a:first-child:focus { background: #2e363f; }
.box.arr_box.none_bd a:last-child:hover,.box.arr_box.none_bd a:last-child:active,.box.arr_box.none_bd a:last-child:focus { background: #204575; }
.box.icon_bg { border: 1px solid #e2e2e2; padding: 0 35px; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; align-content: center; position: relative; }
.box.icon_bg::before { content: ""; width: 100px; height: 100px; position: absolute; top:50%; right:45px; background-color: #ecf1f6; background-position: center; background-repeat: no-repeat; transform: translate(0,-50%); border-radius: 50%; }
.box h4 { width: 100%; font-size: 19px; color: #333333; font-family: 'score-dream'; font-weight: bold; margin-bottom: 10px; }
.box.icon_bg a { display: flex; align-items: center; justify-content: flex-start; width: 100%; text-align: left; font-size: 16px; color: #333; margin-bottom: 5px; transition: all .3s; position: relative; }

.box.icon_bg a:hover,.box.icon_bg a:active,.box.icon_bg a:focus { color: #1d6dbb; text-decoration: underline; }
.box.icon_bg a::before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: #333; margin-right: 10px; margin-left: 5px; }
.box.icon_link { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; border: 1px solid #e2e2e2; padding: 0 15px;}
.box.icon_link h4 { text-align: center; margin-top: 35px; margin-bottom: 25px; }
.box.icon_link a { display: block; text-align: center; width: calc(100% / 3 - 1px); margin-bottom: 20px; padding-top: 40px; position: relative; height: 79px; box-sizing: border-box; }
.box.icon_link a img { display: block; position: absolute; top:0; left:50%; transform: translate(-50%,0); }
.box.icon_link a span { display: block; text-align: center; word-break: keep-all; font-size: 16px; color: #333; line-height: 1.2; }
.section4 #sec4_tab-panel3 .inner { position: relative; }
.section4 .slide { width: 100%; height: calc(100% - 15px); position: relative; margin-top: 15px; }
.section4 .slide div { height: 100%; }
.section4 .slide .item { width: 100%; height: 100%; position: relative; display: flex !important; align-items: flex-end; justify-content: flex-start; padding-left: 35px; padding-right: 35px; flex-wrap: wrap; box-sizing: border-box; align-content: flex-end; padding-bottom: 35px; }
.section4 .inner .control { position: absolute; bottom: 30px; right: 20px; display: flex; align-items: center; justify-content: flex-end;}
.section4 .inner .control .total { margin-top: 4px; margin-right: 5px; }
.section4 .inner .control .total span { font-size: 15px; color: #fff; line-height: 1; }
.section4 .inner .control .total em { font-size: 14px; color: #fff; }
.section4 .slide .item .num {
 position: absolute; top:0px; left:35px; width: 73px; height: 87px; background: url(/images/kor/main2/num_bg.png) 0 0 no-repeat; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; align-content: center; z-index: 2;}
.section4 .slide .item .num em { width: 100%; text-align: center; color: #fff; font-size: 19px; font-family: 'score-dream'; font-weight: bold; line-height: 1.2; }
.section4 .slide .item img { border-radius: 10px; position: absolute; top:0px; left:0px; width: 100%; height: 100%; }
.section4 .slide .cont_box { position: relative; z-index: 2; width: 100%; margin-bottom: 15px; height: auto; }
.section4 .slide .cont_box strong {font-size: 20px;color: #fff;font-weight: bold; font-family: 'score-dream'; display: block; text-align: center;}

.section4 .slide .cont_box span { font-size: 15px; color: #fff; text-align: center;display: block;}
.section4 .slide .item .more { position: relative; z-index: 2; width: 100px; height: 30px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 14px; border: 1px solid #fff; border-radius: 15px; transition: all .3s;margin:  0 auto;}
.section4 .slide .item .more:hover,.section4 .slide .item .more:focus,.section4 .slide .item .more:active { color: #000; background: #fff; }
.section4 .ui-tablist .box.arr_box a:hover,
.section4 .ui-tablist .box.arr_box a:focus{border: 1px solid red;}

#sec4_tab-panel1 .n1 .box.arr_box { height: 150px; background: url(/images/kor/main2/sec4_img01.png) 0 0 no-repeat; background-size: cover; }
#sec4_tab-panel1 .n1 .box.icon_bg { height: calc(100% - 180px); }
#sec4_tab-panel1 .n1 .box.icon_bg::before { background-image: url(/images/kor/main2/icon_box_img1.png); }
#sec4_tab-panel1 .n2 .box.icon_bg { height: 235px; }
#sec4_tab-panel1 .n2 .box.icon_bg::before { background-image: url(/images/kor/main2/icon_box_img2.png); }
#sec4_tab-panel1 .n3 .box.icon_link h4 { margin-top: 32px; }
#sec4_tab-panel1 .n3 .box.arr_box { height: 80px; background: url(/images/kor/main2/sec4_img02.png) 0 0 no-repeat; background-size: cover; }



#sec4_tab-panel3 .n2 .box.icon_bg { height: calc(100% / 2 - 17px); }
#sec4_tab-panel3 .n2 div:nth-child(1):before { background-image: url(/images/kor/main2/icon_box_img3.png); }
#sec4_tab-panel3 .n2 div:nth-child(2):before { background-image: url(/images/kor/main2/icon_box_img4.png); }


.section4 .ui-tablist #sec4_tab-panel4.tabpanel.col2 .inner.n1 { width: 1040px; height: 100%; }
.section4 .ui-tablist #sec4_tab-panel4.tabpanel.col2 .inner.n2 { width: 198px; height: 100%; }
#sec4_tab-panel4 .n1 .box.bd_box { background: url(/images/kor/main2/sec4_img06.png) 0 bottom no-repeat; background-size: 100%; height: 100%; margin: 0;box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; border-radius: 10px; height: 188px;padding-right: 25px;}
#sec4_tab-panel4 .n1 .box.bd_box.box1{
  margin-bottom: 20px;
   background: url(/images/kor/main2/sec4_img06.png) 0 top no-repeat;
   background-size: 100%;

}
#sec4_tab-panel4 .n1 .box.bd_box h4 { color: #fff; margin-bottom: 45px; font-weight: normal;width: auto;padding-left: 40px;max-width: 280px;}
#sec4_tab-panel4 .n1 .box.bd_box h4 em { font-size: 15px; display: block; color: #fff; font-family: "ngn","Nanum Gothic","shm","돋움",dotum,"Lucida Grande",sans-serif; font-weight: normal; }
#sec4_tab-panel4 .n1 .box.bd_box a { width: 160px;border-radius: 10px;border: 1px solid #fff;box-sizing: border-box;position: relative;display: flex;height: 140px;align-items: center;justify-content: center;align-content: center; flex-wrap: wrap; background-position: center 30px ;background-repeat: no-repeat;padding: 10px;padding-top: 25px;}




#sec4_tab-panel4 .n1 .box.bd_box a:hover,#sec4_tab-panel4 .n1 .box.bd_box a:active,#sec4_tab-panel4 .n1 .box.bd_box a:focus { border: 4px solid #fff; background-position: center 27px ;}
#sec4_tab-panel4 .n1 .box.bd_box a  i{display: flex;height: 40px ;align-items: flex-end;}
#sec4_tab-panel4 .n1 .box.bd_box a span { display: block; font-size: 16px; color: #fff; width: 100%; padding: 0 20px; text-align: center; word-break: keep-all;line-height: 1.2; margin-top: 10px;height: 40px; }
#sec4_tab-panel4 .n2 .box.bd_box2 { height: 100%; margin: 0; border: 1px solid #e2e2e2; border-radius: 10px; box-sizing: border-box; padding: 20px; display: flex; align-items: center; justify-content: space-between; align-content: center; flex-wrap: wrap;}

#sec4_tab-panel4 .n2 .box.bd_box2 a { display: block; width: 100%; height: 45%; text-align: center; box-sizing: border-box; padding-top: 100px; }

#sec4_tab-panel4 .n2 .box.bd_box2 a:nth-child(1) { background: url(/images/kor/main2/bd_icon01.png ) center 30% no-repeat; }
#sec4_tab-panel4 .n2 .box.bd_box2 a:nth-child(2) { background: url(/images/kor/main2/bd_icon02.png ) center 30% no-repeat; }
#sec4_tab-panel4 .n2 .box.bd_box2 a:nth-child(3) { background: url(/images/kor/main2/bd_icon03.png ) center 30% no-repeat; }
#sec4_tab-panel4 .n2 .box.bd_box2 a:nth-child(4) { background: url(/images/kor/main2/bd_icon04.png ) center 30% no-repeat; }
#sec4_tab-panel4 .n2 .box.bd_box2 a span { display: block; font-size: 16px; color: #333; height: 48px; line-height: 1.2; word-break: keep-all; padding: 0 35px; }
#sec4_tab-panel4 .n2 .box.bd_box2 a:hover span { font-weight: bold; color: #1d6dbb; }
#sec4_tab-panel5 .box.icon_link {height: calc(100% - 15px)}
#sec4_tab-panel5 .n2 .box.icon_bg { height: 288px; }
#sec4_tab-panel5 .n2 .box.icon_bg::before { background-image: url(/images/kor/main2/icon_box_img5.png); top: 70%; }
#sec4_tab-panel5 .n2 .box.arr_box.none_bd a { width: 100%; }
#sec4_tab-panel5 .n3 { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; align-content: space-between; margin-top: 15px; height: calc(100% - 15px); }
#sec4_tab-panel5 .n3 .box.arr_box { height: 80px; width: 100%; margin-top: 0;}
#sec4_tab-panel5 .n3 div:nth-child(1) { background: url(/images/kor/main2/sec4_img07.png) 0 0 no-repeat; background-size: cover; }
#sec4_tab-panel5 .n3 div:nth-child(2) { background: url(/images/kor/main2/sec4_img08.png) 0 0 no-repeat; background-size: cover; }
#sec4_tab-panel5 .n3 div:nth-child(3) { background: url(/images/kor/main2/sec4_img09.png) 0 0 no-repeat; background-size: cover; }
#sec4_tab-panel5 .n3 div:nth-child(4) { background: url(/images/kor/main2/sec4_img10.png) 0 0 no-repeat; background-size: cover; }

#sec4_tab-panel6 .n1 .box.arr_box.none_bd a { width: 100%; height: 85px; }
#sec4_tab-panel6 .n1 .box.arr_box.none_bd.bg_c1 a { background: #1d6dbb; }
#sec4_tab-panel6 .n1 .box.arr_box.none_bd.bg_c2 a { background: #1d85bb; }
#sec4_tab-panel6 .n1 .box.arr_box.none_bd.bg_c3 a { background: #0794a1; }
#sec4_tab-panel6 .n1 .box.arr_box.none_bd.bg_c4 a { background: #068168; }

#sec4_tab-panel6 .n1 .box.arr_box.none_bd.bg_c1 a:hover,#sec4_tab-panel6 .n1 .box.arr_box.none_bd.bg_c1 a:focus,#sec4_tab-panel6 .n1 .box.arr_box.none_bd.bg_c1 a:active { background: #0360bb; }
#sec4_tab-panel6 .n1 .box.arr_box.none_bd.bg_c2 a:hover,#sec4_tab-panel6 .n1 .box.arr_box.none_bd.bg_c2 a:focus,#sec4_tab-panel6 .n1 .box.arr_box.none_bd.bg_c2 a:active { background: #027cbb; }
#sec4_tab-panel6 .n1 .box.arr_box.none_bd.bg_c3 a:hover,#sec4_tab-panel6 .n1 .box.arr_box.none_bd.bg_c3 a:focus,#sec4_tab-panel6 .n1 .box.arr_box.none_bd.bg_c3 a:active { background: #00808c; }
#sec4_tab-panel6 .n1 .box.arr_box.none_bd.bg_c4 a:hover,#sec4_tab-panel6 .n1 .box.arr_box.none_bd.bg_c4 a:focus,#sec4_tab-panel6 .n1 .box.arr_box.none_bd.bg_c4 a:active { background: #016752; }


#sec4_tab-panel6 .n2 .box.icon_bg { height:282px; }
#sec4_tab-panel6 .n2 div:nth-child(1):before { background-image: url(/images/kor/main2/icon_box_img6.png); top:70%; }
#sec4_tab-panel6 .n2 .box.arr_box { height: 85px; background: url(/images/kor/main2/sec4_img11.png) 0 0 no-repeat; background-size: cover; }
#sec4_tab-panel6 .n3 .box.icon_link { height: calc(100% - 15px); }
.section4 .ui-tablist #sec4_tab-panel2 .inner.n1 { width: 740px; display: flex; align-items: center; justify-content: space-between; align-content: space-between; flex-wrap: wrap; height: 100%; }
.section4 .ui-tablist #sec4_tab-panel2 .inner.n1 a { width: calc(100% / 3 - 10px); border: 1px solid #e2e2e2; border-radius: 10px; display: block; text-align: center; display: flex; align-items: center; justify-content: center; align-content: center; flex-wrap: wrap; height: calc(100% / 2 - 8px); box-sizing: border-box;
}
.section4 .ui-tablist #sec4_tab-panel2 .inner.n1 a:hover,.section4 .ui-tablist #sec4_tab-panel2 .inner.n1 a:focus,.section4 .ui-tablist #sec4_tab-panel2 .inner.n1 a:active { border: 2px solid #1d6dbb; }
.section4 .ui-tablist #sec4_tab-panel2 .inner.n1 a span { text-align: center; display: block; font-size: 16px; color: #333; margin-top: 20px; width: 100%; }
.section4 .ui-tablist #sec4_tab-panel2 .inner.n2 { width: 490px; height: 100%; display: flex; align-items: center; align-content: space-between; flex-wrap: wrap;}
.section4 .ui-tablist #sec4_tab-panel2 .inner.n2 .box.arr_box { height: calc(100% / 3 - 5px ); width: 100%; margin-top: 0;}
.section4 .ui-tablist #sec4_tab-panel2 .inner.n2 div:nth-child(1) { background: url(/images/kor/main2/sec4_img03.png) 0 0 no-repeat; background-size: cover; }
.section4 .ui-tablist #sec4_tab-panel2 .inner.n2 div:nth-child(2) { background: url(/images/kor/main2/sec4_img04.png) 0 0 no-repeat; background-size: cover; }
.section4 .ui-tablist #sec4_tab-panel2 .inner.n2 div:nth-child(3) { background: url(/images/kor/main2/sec4_img05.png) 0 0 no-repeat; background-size: cover; }


.section4 .detail_link { margin-top: 15px; height: calc(100% - 15px); border-radius: 10px; overflow: hidden; position: relative; padding: 35px; display: flex; align-items: flex-end; justify-content: flex-start; flex-wrap: wrap; align-content: flex-end; box-sizing: border-box;}
.section4 .detail_link span { display: block; width: 100%; color: #fff; font-size: 20px; font-weight: bold; font-family: 'score-dream'; }
.section4 .detail_link a { position: relative; z-index: 2; width: 100px; height: 30px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 14px; border: 1px solid #fff; border-radius: 15px; transition: all .3s; margin-top: 20px; }
.section4 .detail_link a:hover,.section4 .detail_link a:focus,.section4 .detail_link a:active { color: #000; background: #fff; }
.section4 .detail_link em { display: block; width: 100%; font-size: 16px; color: #fff; height: 40px; }
.section4 #sec4_tab-panel7 .n1 .detail_link { background: url(/images/kor/main2/sec4_img12.png) 0 0 no-repeat; background-size: cover; }
.section4 #sec4_tab-panel7 .n2 .detail_link { background: url(/images/kor/main2/sec4_img13.png) 0 0 no-repeat; background-size: cover; }
.section4 #sec4_tab-panel8 .n1 .detail_link { background: url(/images/kor/main2/sec4_img14.png) 0 0 no-repeat; background-size: cover; }
.section4 #sec4_tab-panel8 .n2 .detail_link { background: url(/images/kor/main2/sec4_img15.png) 0 0 no-repeat; background-size: cover; }
#sec4_tab-panel7 .n3 .box.icon_link { height: calc(100% - 15px); }
#sec4_tab-panel9 .n1 .box.icon_link { height: calc(100% - 15px); }
#sec4_tab-panel9 .n2 .box.icon_bg ,#sec4_tab-panel9 .n3 .box.icon_bg { height: calc(100% - 15px); align-items: flex-start; padding-top: 45px; box-sizing: border-box; align-content: flex-start; }
#sec4_tab-panel9 .n2 .box.icon_bg:before { background-image: url(/images/kor/main2/icon_box_img7.png); top: 70%; }
#sec4_tab-panel9 .n3 .box.icon_bg:before { background-image: url(/images/kor/main2/icon_box_img8.png); top: 70%; }
#sec4_tab-panel10 .n1 div:nth-child(1) { height: calc(100% / 3 - 17px); }
#sec4_tab-panel10 .n1 div:nth-child(1) a{width: 100%;height: 100%;}
#sec4_tab-panel10 .n1 div:nth-child(2) { height: calc(100% / 3 - 17px); background: url(/images/kor/main2/sec4_img16.png) 0 0 no-repeat; background-size: cover; }
#sec4_tab-panel10 .n1 div:nth-child(3) { height: calc(100% / 3 - 17px); background: url(/images/kor/main2/sec4_img17.png) 0 0 no-repeat; background-size: cover; }

#sec4_tab-panel10 .n2 .box.icon_bg ,#sec4_tab-panel10 .n3 .box.icon_bg { height: calc(100% - 15px); align-items: flex-start; padding-top: 45px; box-sizing: border-box; align-content: flex-start; }
#sec4_tab-panel10 .n2 .box.icon_bg:before { background-image: url(/images/kor/main2/icon_box_img9.png); top: 70%; }
#sec4_tab-panel10 .n3 .box.icon_bg:before { background-image: url(/images/kor/main2/icon_box_img10.png); top: 70%; }
/* ---------- section2 0624 --------- */

/* 게시판 */
.section2 { display: block; }
.section2 .layout { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }
.section2 .layout:after { /* content:''; */clear:both; display:block; }
.section2 .left_box { float: left; width: calc(100% / 2 - -210px); height: 382px; padding-right: 40px; box-sizing: border-box; background-color: #f3f5f8; border-radius: 20px; position: relative; margin-bottom: 60px; }
.section2 .left_box:before { content: ""; width: 100%; height: 100%; background-color: #f3f5f8; position: absolute; left:-99%; top:0px;
}
.section2 .right_box { float: right; width: calc(100% / 2 - 240px); height: 412px; }

/* 대체텍스트 숨김처리 스타일 */
.sr-only { overflow: hidden; border: 0; position: absolute; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); overflow:hidden; z-index:-1px }

/* board -common style */

.main-board { width:100%; /* max-width: 1200px; */margin: 0; clear:both; display:block; position:relative; margin-top: 60px; } /*리스트 높이에 따른 height 조절필요*/
/* border_col */
.main-board .board-content { width:100%; overflow: hidden }
.main-board .col { width:calc(100% + 10px); margin:0 -5px; /* padding:5px 0; */ }
.main-board .col:after { content:''; display:block; clear:both; }
.main-board .col > div { width:100%; margin: 0 66px 0 5px; /* float:left; */ }
.main-board .col > div:last-child { margin-right:0px }
.main-board .col.col2 > div { width:calc(50% - 10px); }
.main-board .col.col3 > div { width: calc(100% - 12px);padding: 5px 0px; display: inline-block; }
.main-board .col.col4 > div { width:calc(25% - 10px); }
.main-board .col.col5 > div { width:calc(20% - 10px); }

.main-board .col.col3 > div > div{margin-bottom:5px;}


/* border-title */
.main-board .content-title { display:block; font-weight: bold; font-size: 18px; color:#231f20; line-height: 1.3; height:25px; display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
.main-board .content-title .new { display:inline-flex; justify-content: center; width:50px; height: 24px;; font-size: 15px; color:#fff; margin-right: 6px; position:relative; top:-3px; background-color: #7e1c1d; font-weight: normal; border-radius: 15px; line-height: 23px; }
.main-board .content-title .new:before { content:'new'; display:block; width:100%; height:100%; }

.main-board .board-content { /* margin-top:10px; */ }
.main-board .content-link {display: flex;align-items: center;justify-content: space-between;}
.main-board .content-link .con-title { font-size: 16px; color: #000; font-weight: 600; line-height: 1.6; /*margin-bottom: 17px;*/ display: block;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;max-width: 460px; padding-left: 10px; position: relative;}
.main-board .content-link .con-title:before {content: '';position: absolute;width: 5px;height: 5px;border-radius: 100%;background: #bec4cc;left: 0;top: 50%;transform: translateY(-50%);}
.main-board .content-link:hover .con-title,
.main-board .content-link:focus .con-title { text-decoration: underline; }
.main-board .content-link .content-text { line-height: 1; display: inline-block; }
.main-board .content-link .content-text p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.6; color: #4d4d4d; padding-top: 17px; border-top: 1px dotted #313132; }
.main-board .content-link:hover .content-text p,
.main-board .content-link:focus .content-text p { text-decoration: underline; }

.main-board .con-text { margin-top: 18px; }
.main-board .con-text p { line-height: 1.4; }
/* border-more */
.main-board .board-more { position:absolute; top: 0; right:0; display: inline-block; width: 28px; height: 28px; /* background-color: #fff; */ }
.main-board .board-more a { display:block; width: 100%; height: 100%; position: relative; }
.main-board .board-more a span { position:absolute; top: -5px; left:0; display:block; width: 100%; height: 100%; transition: 0.6s; background-image: url(/images/kor/main/m_more.png); background-repeat: no-repeat; background-position: 50% 50%; }
.main-board .board-more a span:before,.main-board .board-more a span:after { content:''; display:block; position: absolute; background-color: #2c2c2c; }
/* .main-board .board-more a span:before { width:100%; height:1px; top:50%; left:0; }
.main-board .board-more a span:after { width: 1px; height: 100%; top:0; left:50% }
.main-board .board-more a:hover { }
.main-board .board-more a:hover span { transform:rotate(90deg) }
.main-board .board-more a:hover span:before,.main-board .board-more a:hover span:after { background-color:#006940; } */

.main-board .first_contents{display: flex; align-items: center; padding: 20px 0;border-bottom: 2px dotted #313132;margin-bottom: 10px;}
.main-board .first_contents .date_box{width: 85px; height: 85px; background: #fff;border-radius: 100%; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;font-size: 15px;color:#000;}
.main-board .first_contents .date_box b{width: 100%; font-size: 32px; font-weight: bold;line-height: 1.1;}
.main-board .first_contents .contents_container{width: calc(100% - 130px); margin-left: 20px;}
.main-board .first_contents .contents_container .title_box{font-size: 16px; color:#000; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;line-height: 1.2; font-weight: 600;}
.main-board .first_contents .contents_container .con_box{font-size: 16px; color:#4d4d4d;margin-top: 10px;width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;line-height: 1.2;}
.main-board .first_contents:hover .title_box, .main-board .first_contents:focus .title_box{ text-decoration: underline;}
/* typeA -1type[basic]*/
.main-board .board-title {line-height: 1;font-size: 14px; position:relative; display:block; width: 100%; /* text-align: left; *//* padding: 20px 60px 20px 90px; */background-color: transparent; }
/* .main-board .board-title:before { content:''; display:block; width:100%; position: relative; top:50%; left:0; height:1px; background-color: #d6d6d6; }  */
.main-board .board-title span { display:inline-block; /* position: absolute; */z-index: 2; font-size: 19px; font-weight: bold; /* background-color: #fff; *//* padding-right: 30px; *//* top: 50%; *//* left: 0; *//* transform: translate(0,-50%); */width: 100%; font-family: 'score-dream'; line-height: 1; text-align: left; letter-spacing: -1px;color: #333; }
.main-board a[target="_blank"]  span:after{
  display: inline-block;
   width: 13px;
    height: 13px;
    background: url(/images/kor/common2/target_blank.png);
    content: '';
    z-index: 1;
    opacity: 1;
    border-radius: 0;
    margin-left: 8px;
}
.main-board .board-content { }
.main-board .content-title { position: relative; }
.main-board .content-title:before { content:""; position:absolute; opacity:0; left:0; bottom:0; width:0; height:12px; background-color:rgba(0,105,64,.1); transition:width .6s ease }
.main-board .content-link:hover .content-title:before { opacity: 1; width:100% }
.main-board .con-text { padding:25px 29px 22px; background-color: #f2f3f4; min-height: 163px; }
.main-board .con-text p { font-size: 15px; height: 60px; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; text-overflow: ellipsis; overflow: hidden; width: 100%; color: #555555; letter-spacing: -1px; }
.main-board .content-date { color:#818181; margin-top: 36px; display:block; font-size: 15px; text-align: left; }

@media screen and (max-width:1024px) {
.main-board .col.col4 > div { width:calc(33.333333% - 10px); }
}
@media screen and (max-width:900px) {
  .tab_contents{
    height: 420px;;
    background:  #ecf1f6;


  }
  #tab03.tab_contents{height: 100%;}
  .tab_contents .inner{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-wrap: wrap;
  }
  .section1 .custom_tabs .tab_container{
    height: 100%;
  }
.tab_contents .tab_inner{height: auto;background: tr;}

}
@media screen and (max-width:767px) {
.main-board .col.col4 > div { width:calc(50% - 10px); }
 }

@media screen and (max-width:560px) {
.main-board .col.col4 > div { width:calc(100% - 10px); }
}

/* typeA -3type[tab] ov 넣기*/

.main-board[data-type=tab] { min-height:300px; /* height: 100%; */ }
.main-board[data-type=tab] .board-item { }
.main-board[data-type=tab] .board-item { /* max-width: calc(100% / 6 - 15px); */display: inline-block; vertical-align: text-top; line-height: 1; width: auto; }
/* .main-board[data-type=tab] .board-item:first-child button { padding-left: 0px; }
.main-board[data-type=tab] .board-item:last-child button { padding-right: 0; }  */
.main-board[data-type=tab] .board-item:last-child .board-title:before { display:none; }

/* .main-board[data-type=tab] .board-title:before { content:''; height: 11px; width: 1px; background-color: #000; display: inline-block; position: absolute; right: 0px; top: 3px; left: unset; transform: rotate(35deg); }  */
.main-board[data-type=tab] .board-title { /* min-height:40px; *//* padding-left: 50px; */width: auto; padding: 0; padding: 0 20px; }
.main-board[data-type=tab] .board-title span { /* padding-right:30px; */ display: inline-flex;align-items: center;justify-content: center;}
.main-board[data-type=tab] .board-content {display:none;position:absolute; top: 38px; left:0; /* padding-top: 32px; */padding-top: 0; border-top: 1px solid #cdd0d5; }
.main-board[data-type=tab] .board-more { display:none }
.main-board[data-type=tab] .board-item.active button span { color: #1d6dbb;/* border-bottom: 2px solid #1d6dbb; padding-bottom: 14px; */}
.main-board[data-type=tab] .board-item.active .board-more { display:block }
.main-board[data-type=tab] .board-item.active{/*padding-top: 20px;*/margin-top: -26px;border-left: 1px solid #bec4cc;border-right: 1px solid #bec4cc;border-top: 5px solid #1d6dbb;}
.main-board[data-type=tab] .board-item.active button{z-index: 9;border-bottom: 2px solid #f3f5f8;padding-bottom: 16px;padding-top: 20px;background: #f3f5f8;}
.main-board[data-type=tab] .board-item.active .board-content{display:block;}
.main-board[data-type=tab] .board-item.active .board-title:before { }
.main-board[data-type=tab] .content-date { margin-top: 0; line-height: 1; display: block; /*margin-top: 17px;*/ }


/* 팝업 */
/* main.css 최상위로 */
.section2 .right_box .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent}

.section2 .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0}

.section2 .slick-list:focus { outline: 0}

.section2 .slick-list.dragging { cursor: pointer}

.section2 .slick-slider .slick-list,
.section2 .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}

.section2 .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto}

.section2 .slick-track:after,
.section2 .slick-track:before { display: table; content: ''}

.section2 .slick-track:after { clear: both}

.section2 .slick-loading .slick-track { visibility: hidden}

.section2 .slick-slide { display: none; float: left; height: 100%; min-height: 1px}

.section2 [dir=rtl] .slick-slide { float: right}

.section2 .slick-slide img { display: block}

.section2 .slick-slide.slick-loading img { display: none}

.section2 .slick-initialized .slick-slide { display: block}

.section2 .slick-loading .slick-slide { visibility: hidden}

.section2 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent}

.section2 .slick-arrow.slick-hidden { display: none}

.section2 .slick-slide img { display: block; width: 100%; height: auto; }
/* .section2 .right_box button[data-control] { position:relative; display:inline-block; margin:0 -4px; width:25px; height:25px; vertical-align:middle; overflow:hidden; } */
/* .section2 .right_box button[data-control]:before,
.section2 .right_box button[data-control]:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } */
/* .section2 .right_box button[data-control="prev"]:before,
.section2 .right_box button[data-control="next"]:before { width: calc(100%/2.5); height: calc(100%/2.5); border-width:2px; border-style: solid; border-color: #333; transform: rotate(45deg); } */
/* .section2 .right_box button[data-control="prev"]:before { right: -5px; border-width: 0 0 2px 2px; } */
/* .section2 .right_box button[data-control="next"]:before { left: -5px; border-width: 2px 2px 0 0; } */
/* .section2 .right_box button[data-control="stop"]:before { width: 2px; height: calc(100%/2); box-shadow: -3px 0 #333, 3px 0 #333; } */
/* .section2 .right_box button[data-control="play"]:before { right: -5px; width: 0; height: 0; border-width: 10px 0 10px 15px; border-style: solid; border-color: transparent transparent transparent #333; } */

/* popupzone-list__typeA 해당 스타일 */
.section2 .right_box  .section2 .right_box .slide_wrap  { position:relative; }
.section2 .right_box  .section2 .right_box .slide_wrap  .list { overflow:hidden; position:relative; width: 100%; padding-left: 47px; }
.section2 .right_box  .section2 .right_box .slide_wrap  .title { display:block; margin-bottom:10px; }
.section2 .right_box .slide_wrap  { position: relative; width: 100%; height: 100%;padding-left: 47px;box-sizing: border-box; } /* width 수정 */
.section2 .right_box .slide_wrap  .title { font-size:39px; color:#000000;line-height: 1;font-family: 'score-dream';font-size: 21px;display: inline-block;letter-spacing: -1px;padding-top: 50px;position: absolute;z-index: 1;/* transform: rotate(90deg); */top: -5px;left: 0px;width: 20px;}
.section2 .right_box .slide_wrap  .title b { /* color:#e24e3f; */ }
.section2 .right_box .slide_wrap  .title:before { content:'';width: 1px;height: 40px;background-color: #000;display: inline-block;position: absolute;left: 9px;top: 6px;}
.section2 .right_box .slide_wrap  .control {  bottom: 34px; left: 47px; border: 1px solid #cdcdcd; max-height: 88px; max-width: 433px; background-color: #fff; padding: 25px 38px; box-sizing: border-box; width: 100%; text-align: right; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
.section2 .right_box .slide_wrap  .control .btn-wrap { }
.section2 .right_box .slide_wrap  .control button[data-control] { width:20px; height:20px; margin: 0; font-size:0; vertical-align:top; position:relative; /* float: left; */display: inline-block; /* float: right; */ }

.section2 .right_box .slide_wrap  .control button[data-control]:before,
.section2 .right_box .slide_wrap  .control button[data-control]:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: none; }
.section2 .right_box .slide_wrap  .control button[data-control="stop"],
.section2 .right_box .slide_wrap  .control button[data-control="play"] { width:14px; }
.section2 .right_box .slide_wrap  .control button[data-control="prev"]:before,
.section2 .right_box .slide_wrap  .control button[data-control="next"]:before { width:5px; height:5px; border-color: #333; display:none; }
.section2 .right_box .slide_wrap  .control button[data-control="stop"]:before { width: 2px; height:10px; box-shadow: -3px 0 #333, 3px 0 #333; }
.section2 .right_box .slide_wrap  .control button[data-control="play"]:before { right: -3px; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent #333; display:none; }
.section2 .right_box .slide_wrap  .control .paging { color: #000; font-size: 17px; display:inline-block; /* float:left; *//* margin-right: 6px; */position: relative; /* margin-top: -4px; */float: left; font-weight: 600; font-family: 'score-dream'; }
.section2 .right_box .slide_wrap  .control .paging .current { display:inline-block; position:relative; /*padding-right:5px; */color: #1d6dbb; font-size: 18px; letter-spacing:-1px; }
.section2 .right_box .slide_wrap  .control .paging .count { display:inline-block; padding-left:5px; font-size: 18px; letter-spacing:-1px; }

.section2 .right_box .slide_wrap  .control button{border: 0px}
.section2 .right_box .slide_wrap  .control button[data-control="stop"] { background-image: url(/images/kor/main/arrow-pause.png); width: 28px; height: 28px; background-repeat: no-repeat; background-color: #fff; }
.section2 .right_box .slide_wrap  .control button[data-control="play"] { background-image: url(/images/kor/main/arrow-play.png); width: 28px; height: 28px; background-repeat: no-repeat; background-color: #fff; }
.section2 .right_box .slide_wrap  .control button[data-control="prev"] { background-image: url(/images/kor/main/arrow-prev.png); width: 28px; height: 28px; background-repeat: no-repeat; background-color: #fff; }
.section2 .right_box .slide_wrap  .control button[data-control="next"] { background-image: url(/images/kor/main/arrow-next.png); width: 28px; height: 28px; background-repeat: no-repeat; background-color: #fff; }

 .section2 .right_box .slide_wrap  .slick-slide img { height: 100%; width: auto;max-width: none; }
 .section2 .right_box .slide_wrap  .slick-initialized .slick-slide { }
.section2 .right_box .slide_wrap  .slick-initialized .slick-slide> div { height: 300px; display: block; }
.section2 .right_box .slide_wrap  .slick-initialized .slick-slide> div .item { height: 100%; border-top-left-radius: 15px; border-top-right-radius: 15px;overflow: hidden;}
.section2 .right_box .slide_wrap  .slick-initialized .slick-slide> div .item .link {border-top-left-radius: 15px; border-top-right-radius: 15px; border: 1px solid #ddd; border-bottom: 0; height:auto; width: auto; display: block; overflow: hidden; position: relative; }
.section2 .right_box .slide_wrap  .slick-initialized .slick-slide> div .item .link:hover,
.section2 .right_box .slide_wrap  .slick-initialized .slick-slide> div .item .link:focus{border:3px solid red;}




.section2 .left_box2 { width: calc(100% - 970px);}
.section2 .left_box2 .tab_wrap { background: #366098; border-radius: 20px; overflow: hidden; margin-bottom: 15px;}
.section2 .left_box2 .tab_wrap .tab-ul { width: 100%; display: flex; align-items: center; justify-content: flex-start; }
.section2 .left_box2 .tab_wrap .tab-ul li { width: calc(100% / 3); height: 70px; border-right: 1px solid #495970;}
.section2 .left_box2 .tab_wrap .tab-ul li a { display: block; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #1b304c; color: #fff; font-size: 19px; font-family: 'score-dream'; }
.section2 .left_box2 .tab_wrap .tab-ul li:last-child { border-right: 0px solid #000; }
.section2 .left_box2 .tab_wrap .tab-ul li.on a { background: #366098; color: #fff; }
/* .section2 .left_box2 .tab_wrap .tab-ul li a:hover,.section2 .left_box2 .tab_wrap .tab-ul li a:active,.section2 .left_box2 .tab_wrap .tab-ul li a:focus { text-decoration: underline; }  */
.section2 .left_box2 .tab_wrap .tab-ul li a:before { content: ""; margin-right: 4px;}
.section2 .left_box2 .tab_wrap .tab-ul li:nth-child(1) a:before { background: url(/images/kor/main2/sec2_tab_icon1.png) 0 0 no-repeat; width: 27px; height: 25px; }
.section2 .left_box2 .tab_wrap .tab-ul li:nth-child(2) a:before { background: url(/images/kor/main2/sec2_tab_icon2.png) 0 0 no-repeat; width: 22px; height: 24px; }
.section2 .left_box2 .tab_wrap .tab-ul li:nth-child(3) a:before { background: url(/images/kor/main2/sec2_tab_icon3.png) 0 0 no-repeat; width:17px; height:24px; }
.section2 .left_box2 .tab_wrap .tabpanel { padding: 40px 30px; padding: 40px 30px; height: 240px; box-sizing: border-box; }
.section2 .left_box2 .tab_wrap .tabpanel ul { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; }
.section2 .left_box2 .tab_wrap .tabpanel ul li { width: calc(100% / 3 - 1px); display: flex; align-items: center; justify-content: flex-start; margin-bottom: 15px; }
.section2 .left_box2 .tab_wrap .tabpanel ul li::before { content: ""; width: 4px; height: 4px; background: #fff; margin-right: 10px; }
.section2 .left_box2 .tab_wrap .tabpanel ul li a { display: block; color: #fff; font-size: 16px; line-height: 1; }
.section2 .left_box2 .tab_wrap .tabpanel ul li a span { border-bottom: 1px solid transparent; }
.section2 .left_box2 .tab_wrap .tabpanel ul li a:hover span,.section2 .left_box2 .tab_wrap .tabpanel ul li a:focus span,.section2 .left_box2 .tab_wrap .tabpanel ul li a:active span { border-bottom: 1px solid #fff; }
.section2 .left_box2 .link_wrap { height: 115px; border-radius: 20px; background: #ecf1f6; padding: 0px 60px; display: flex; align-items: center; justify-content: space-between}
.section2 .left_box2 .link_wrap a { display: flex; align-items: center; justify-content: flex-start; font-size: 16px; color: #333; }
.section2 .left_box2 .link_wrap a:hover,.section2 .left_box2 .link_wrap a:active,.section2 .left_box2 .link_wrap a:focus { text-decoration: underline; }
.section2 .left_box2 .link_wrap a:before { content: ""; width: 32px; height: 36px; margin-right: 20px;}
.section2 .left_box2 .link_wrap a:nth-child(1):before {background: url(/images/kor/main2/sec2_lw_icon1.png) center no-repeat; }
.section2 .left_box2 .link_wrap a:nth-child(2):before { background: url(/images/kor/main2/sec2_lw_icon2.png) center no-repeat; }
.section2 .right_box2 { width: 930px; }
.section2 .right_box2 .link_wrap { width: 100%; border-radius: 20px; background: #258264; padding:20px 60px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; }
.section2 .right_box2 .link_wrap a { display: flex; align-items: center; justify-content: center;}
.section2 .left_box2 .link_wrap a:before { content: ""; width: 32px; height: 36px; margin-right: 20px;}
.section2 .left_box2 .link_wrap a:nth-child(1):before {background: url(/images/kor/main2/sec2_lw_icon1.png) center no-repeat; }
.section2 .left_box2 .link_wrap a:nth-child(2):before { background: url(/images/kor/main2/sec2_lw_icon2.png) center no-repeat; }
.section2 .right_box2 .link_wrap a i { display: block; width: 72px; height: 72px; background-color: #1e7358; transition: all .3s;background-position: center;background-repeat: no-repeat;border-radius: 50%;margin-right: 15px; }
.section2 .right_box2 .link_wrap a:nth-child(1) i { background-image: url(/images/kor/main2/sec2_lk_icon1.png); }
.section2 .right_box2 .link_wrap a:nth-child(2) i { background-image: url(/images/kor/main2/sec2_lk_icon2.png); }
.section2 .right_box2 .link_wrap a:nth-child(3) i { background-image: url(/images/kor/main2/sec2_lk_icon3.png); }

.section2 .right_box2 .link_wrap a:nth-child(1):hover i,.section2 .right_box2 .link_wrap a:nth-child(1):focus i,.section2 .right_box2 .link_wrap a:nth-child(1):active i { background-image: url(/images/kor/main2/sec2_lk_icon1_on.png); }
.section2 .right_box2 .link_wrap a:nth-child(2):hover i,.section2 .right_box2 .link_wrap a:nth-child(2):focus i,.section2 .right_box2 .link_wrap a:nth-child(2):active i { background-image: url(/images/kor/main2/sec2_lk_icon2_on.png); }
.section2 .right_box2 .link_wrap a:nth-child(3):hover i,.section2 .right_box2 .link_wrap a:nth-child(3):focus i,.section2 .right_box2 .link_wrap a:nth-child(3):active i { background-image: url(/images/kor/main2/sec2_lk_icon3_on.png); }

.section2 .right_box2 .link_wrap a:hover i,.section2 .right_box2 .link_wrap a:focus i,.section2 .right_box2 .link_wrap a:active i { background-color: #fff;}

.section2 .right_box2 .link_wrap a span { font-size: 17px; color: #fff; font-family: 'score-dream'; }
.section2 .right_box2 .mw_link { display: flex; align-items: flex-start; justify-content: space-between; }
.section2 .right_box2 .mw_link h4 { font-size: 19px; color: #000; font-family: 'score-dream'; margin-bottom: 6px; }
.section2 .right_box2 .mw_link h4 em { font-size: 19px; color: #da403e; font-family: 'score-dream'; }
.section2 .right_box2 .mw_link .mw_fav { width: 765px; padding: 35px 45px; box-sizing: border-box; border: 1px solid #ced6de; border-radius: 20px; background: #fff; height: 310px; }
.section2 .right_box2 .mw_link .mw_fav ul { display: flex; align-items: center; justify-content: center; /*padding: 10px 15px; */box-sizing: border-box; flex-wrap: wrap; }
.section2 .right_box2 .mw_link .mw_fav ul li { width: calc(100% / 6 - 1px); margin-bottom: 10px; }
.section2 .right_box2 .mw_link .mw_fav ul li a { display: block; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; position: relative; }

.section2 .right_box2 .mw_link .mw_fav ul li a em { display: block; width: 55px; height: 55px; position: relative; background-position: center; background-repeat: no-repeat; position: relative; }
.section2 .right_box2 .mw_link .mw_fav ul li a::before { content: ""; width: 23px; height: 23px; border-radius: 50%; opacity: 0; background: #fc635e; position: absolute; top: 5px; left: 28px; z-index: 0; transition: all .3s; transform: scale(0);}
.section2 .right_box2 .mw_link .mw_fav ul li a:hover::before,.section2 .right_box2 .mw_link .mw_fav ul li a:active::before,.section2 .right_box2 .mw_link .mw_fav ul li a:focus::before {transform: scale(1);opacity: 1; }
.section2 .right_box2 .mw_link .mw_fav ul li a em.icon1 { background-image: url(/images/kor/main2/mw_fav_icon1.png); }
.section2 .right_box2 .mw_link .mw_fav ul li a em.icon2 { background-image: url(/images/kor/main2/mw_fav_icon2.png); }
.section2 .right_box2 .mw_link .mw_fav ul li a em.icon3 { background-image: url(/images/kor/main2/mw_fav_icon3.png); }
.section2 .right_box2 .mw_link .mw_fav ul li a em.icon4 { background-image: url(/images/kor/main2/mw_fav_icon4.png); }
.section2 .right_box2 .mw_link .mw_fav ul li a em.icon5 { background-image: url(/images/kor/main2/mw_fav_icon5.png); }
.section2 .right_box2 .mw_link .mw_fav ul li a em.icon6 { background-image: url(/images/kor/main2/mw_fav_icon6.png); }
.section2 .right_box2 .mw_link .mw_fav ul li a em.icon7 { background-image: url(/images/kor/main2/mw_fav_icon7.png); }
.section2 .right_box2 .mw_link .mw_fav ul li a em.icon8 { background-image: url(/images/kor/main2/mw_fav_icon8.png); }
.section2 .right_box2 .mw_link .mw_fav ul li a em.icon_add1{background-image: url(/images/kor/main2/mw_fav_icon_add1.png); }
.section2 .right_box2 .mw_link .mw_fav ul li a em.icon_add2{background-image: url(/images/kor/main2/mw_fav_icon_add2.png);}
.section2 .right_box2 .mw_link .mw_fav ul li a em.icon_add3{background-image: url(/images/kor/main2/mw_fav_icon_add3.png);}
.section2 .right_box2 .mw_link .mw_fav ul li a em.icon_add4{background-image: url(/images/kor/main2/mw_fav_icon_add4.png);}
.section2 .right_box2 .mw_link .mw_fav ul li a em.icon_add5{background-image: url(/images/kor/main2/mw_fav_icon_add5.png);}

.section2 .right_box2 .mw_link .mw_fav ul li a span {width: 100%;text-align: center;color: #333;font-size: 16px;transition: all .3s; word-break: keep-all;}
.section2 .right_box2 .mw_link .mw_fav ul li a:hover span,.section2 .right_box2 .mw_link .mw_fav ul li a:focus span,.section2 .right_box2 .mw_link .mw_fav ul li a:active span { color: #fc635e; text-decoration: underline; }
/* .section2 .right_box2 .mw_link .mw_field { width: 138px; box-sizing: border-box; border-radius: 20px; padding: 35px 45px; background: #374454 url(/images/kor/main2/mw_field_bg.png) calc(100% + 30px) calc(100% + 30px) no-repeat; height: 310px; }  */

/*220726 수정*/
.section2 .right_box2 .mw_link .mw_field { width: 138px; height: 310px;border-radius: 20px;background: #ecf1f6;/*padding: 0px 60px;*/display: flex;flex-direction: column;align-items: center;justify-content: center;}
.section2 .right_box2 .mw_link .mw_field a{display: flex;align-items: center;justify-content: center;font-size: 16px;color: #333;flex-direction: column;text-align: center;padding: 0px 30px;}
.section2 .right_box2 .mw_link .mw_field a:hover{text-decoration: underline;}
.section2 .right_box2 .mw_link .mw_field a::before{content: "";width: 32px;height: 36px;margin: 10px 0;}
.section2 .right_box2 .mw_link .mw_field a:nth-child(1):before{background: url(/images/kor/main2/sec2_lw_icon1.png) center no-repeat;}
.section2 .right_box2 .mw_link .mw_field a:nth-child(2):before{background: url(/images/kor/main2/sec2_lw_icon2.png) center no-repeat;margin-top: 35px}

/* .section2 .right_box2 .mw_link .mw_field h4 { font-size: 19px; color: #fff; font-family: 'score-dream'; }
.section2 .right_box2 .mw_link .mw_field ul { padding-top: 15px; }
.section2 .right_box2 .mw_link .mw_field ul li { width: 100%; display: flex; align-items: center; justify-content: flex-start; margin-bottom: 15px; }
.section2 .right_box2 .mw_link .mw_field ul li::before { content: ""; width: 4px; height: 4px; background: #fff; margin-right: 10px; }
.section2 .right_box2 .mw_link .mw_field a { display: block; color: #fff; font-size: 16px; line-height: 1; }

.section2 .right_box2 .mw_link .mw_field a:hover,.section2 .right_box2 .mw_link .mw_field a:focus,.section2 .right_box2 .mw_link .mw_field a:active { text-decoration: underline; }  */

.section2 .menu_list {margin: 0 0 45px 0;display: flex;align-items: center;justify-content: center;width: 100%;position: relative;}
.section2 .menu_list .control{position: absolute;top: 100px; left:0;}
.section2 .control [data-control] { font-size: 0; width:28px; height:28px; /*border-radius: 50%; border: 1px solid #c8c8c8;*/ background: #fff; }
.section2 .control [data-control],
.section2 .control .slick-arrow { display:inline-block; position:relative; vertical-align:middle; }
.section2 .control [data-control]:before,
.section2 .control .slick-arrow:before { display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background-repeat:no-repeat; background-size:100%; content:''; }
/* .section2 .control [data-control="prev"]:before { width:100%; height:100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M10.828 12l4.95 4.95-1.414 1.414L8 12l6.364-6.364 1.414 1.414z' fill='rgba(74,80,107,1)'/%3E%3C/svg%3E"); } */
/* .section2 .control [data-control="next"]:before { width:100%; height:100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z' fill='rgba(74,80,107,1)'/%3E%3C/svg%3E"); } */
/* .section2 .control button[data-control="play"] { display: none; } */
/* .section2 .control button[data-control]:before,
.section2 .control button[data-control]:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } */
/* .section2 .control button[data-control="play"]:before { right: -3px; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent #000; border-style: solid; width: 0; height: 0; } */
/* .section2 .control button[data-control="stop"]:before { width: 2px; height: 9px; box-shadow: -2px 0 #000, 2px 0 #000; } */
.section2 .menu_list h4 {font-size: 25px;color: #000;font-weight: bold;font-family: 'score-dream';margin-right: 10px;width: 230px;margin-bottom: 30px;}
.section2 .menu_list h4 img{vertical-align: middle;}
.section2 .menu_list h4 em{font-size: 15px;color:#666;display: block;font-weight: 500;font-family: "ngn";}
.section2 .menu_list .slide { display: flex; align-items: center; justify-content: center;width: calc(75% - 10px);}
.section2 .menu_list .slide .item{
  width: calc(100% / 8 - 40px);padding:  0 20px;box-sizing: border-box;
}
.section2 .menu_list .slide .item a { display: block; text-align: center; }
.section2 .menu_list .slide .item a em { display: inline-block; width: 88px; height: 88px; box-sizing: border-box; border-radius: 50%; border: 2px solid #ecf0f5; transition: all .3s; }
.section2 .menu_list .slide .item a:hover em,.section2 .menu_list ul li a:active em,.section2 .menu_list ul li a:focus em { border: 2px dotted #5376a7; }
.section2 .menu_list .slide .item a em.icon1 { background: url(/images/kor/main2/ml_icon1.png) center no-repeat; }
.section2 .menu_list .slide .item a em.icon2 { background: url(/images/kor/main2/ml_icon2.png) center no-repeat; }
.section2 .menu_list .slide .item a em.icon3 { background: url(/images/kor/main2/ml_icon3.png) center no-repeat; }
.section2 .menu_list .slide .item a em.icon4 { background: url(/images/kor/main2/ml_icon4.png) center no-repeat; }
.section2 .menu_list .slide .item a em.icon5 { background: url(/images/kor/main2/ml_icon5.png) center no-repeat; }
.section2 .menu_list .slide .item a em.icon6 { background: url(/images/kor/main2/ml_icon6.png) center no-repeat; }
.section2 .menu_list .slide .item a em.icon7 { background: url(/images/kor/main2/ml_icon7.png) center no-repeat; }
.section2 .menu_list .slide .item a em.icon8 { background: url(/images/kor/main2/ml_icon8.png) center no-repeat; }
.section2 .menu_list .slide .item a span { display: block; font-size: 16px; color: #000; text-align: center; line-height: 1.2; margin-top: 15px; word-break: keep-all;}













 /* ---------- section5 0624 --------- */
#body_layout .section5 { display: block; margin-bottom: 50px; margin-top: 40px; position: relative; z-index: 2; }
.section5 .layout { }
.section5 .layout:after { content:''; clear:both; display:block; }
.section5 .layout .left_box { /* float: left; */width: calc(100% / 2 - -240px); padding-right: 30px; box-sizing: border-box; display: inline-block; }
.section5 .layout .right_box { float: right; width: calc(100% / 2 - 240px); padding-left: 20px; box-sizing: border-box; display: inline-block; }
.section5 .layout .bottom_box { display: block; width: 100%; height: 126px; margin-top: 40px; position: relative; border: 1px solid #ddd; border-radius: 20px; background-image: url(/images/kor/main/b-boxbg.png); background-repeat: no-repeat; background-size: auto; padding-left: 290px; box-sizing: border-box; padding-top: 30px; }
.section5 .layout .bottom_box:before { content:''; background-image: url(/images/kor/main/cha2j.png); width: 139px; height: 146px; display: inline-block; position: absolute; left: 105px; top: -21px; background-repeat: no-repeat; }
.section5 .layout .bottom_box:after { content:'서천 어디까지 가봤니?'; background-image: url(/images/kor/main/b-text.png); width: 380px; height: 52px; display: inline-block; position: absolute; left: 262px; top: 50px; background-repeat: no-repeat;font-size:0;text-indent:-9999px;}
.section5 .layout .bottom_box p { color: #fff; text-shadow: 0px 1px 1px #000; font-size: 16px; }
.section5 .layout .bottom_box .link { position: absolute; right: 60px; top: 50%; transform: translate(0, -50%); font-family: 'score-dream'; font-size: 16px; color: #333333; background-color: #fed207; line-height: 1; padding: 19px 45px; border-radius: 30px; }

/* main.css 최상위로 */
.section5 .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent}

.section5 .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0}

.section5 .slick-list:focus { outline: 0}

.section5 .slick-list.dragging { cursor: pointer}

.section5 .slick-slider .slick-list,
.section5 .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}

.section5 .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto}

.section5 .slick-track:after,
.section5 .slick-track:before { display: table; content: ''}

.section5 .slick-track:after { clear: both}

.section5 .slick-loading .slick-track { visibility: hidden}

.section5 .slick-slide { display: none; float: left; height: 100%; min-height: 1px}

[dir=rtl] .slick-slide { float: right}

.section5 .slick-slide img { display: block}

.section5 .slick-slide.slick-loading img { display: none}

.section5 .slick-initialized .slick-slide { display: block; height: 413px; }

.slick-loading .slick-slide { visibility: hidden}

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent}

.slick-arrow.slick-hidden { display: none}

.slick-slide img { display: block; width: 100%; height: auto; }
.section5 .slick-initialized .slick-slide>div { height: 100%; }
.section5 button[data-control]:before,
.section5 button[data-control]:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
/* .section5 button[data-control="prev"]:before,
.section5 button[data-control="next"]:before { width: calc(100%/2.5); height: calc(100%/2.5); border-width:2px; border-style: solid; border-color: #333; transform: rotate(45deg); }
.section5 button[data-control="prev"]:before { right: -5px; border-width: 0 0 2px 2px; }
.section5 button[data-control="next"]:before { left: -5px; border-width: 2px 2px 0 0; }
.section5 button[data-control="stop"]:before { width: 2px; height: calc(100%/2); box-shadow: -3px 0 #333, 3px 0 #333; }
.section5 button[data-control="play"]:before { right: -5px; width: 0; height: 0; border-width: 10px 0 10px 15px; border-style: solid; border-color: transparent transparent transparent #333; }  */
/* popupzone-list__typeB 해당 스타일 */

/* popupzone-list__typeB 해당 스타일 */
.section5 .main-popupzone__skin { position:relative; }
.section5 .main-popupzone__skin .list { overflow:hidden; position:relative; width:100%; }
.section5 .main-popupzone__skin .title { display:block; margin-bottom:10px; }
.section5 .main-popupzone__skin.popupzone-list__typeB { position: relative; width: 100%; } /* width 수정 */
.section5 .main-popupzone__skin.popupzone-list__typeB .title { font-size:20px; color:#000000; line-height: 1; }
.section5 .main-popupzone__skin.popupzone-list__typeB .title b { color:#e24e3f }
.section5 .main-popupzone__skin.popupzone-list__typeB .list { }
.section5 .main-popupzone__skin.popupzone-list__typeB .list .item { height: 100%; }
.section5 .main-popupzone__skin.popupzone-list__typeB .list .item .link { display:block; position:relative; /* padding:25px 30px; *//* padding-left:120px; */border-radius: 20px; border:1px solid #ddd; height: 100%; box-sizing: border-box; overflow: hidden; background: #fff; }
.section5 .main-popupzone__skin.popupzone-list__typeB .list .item .link img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);height: 100%;width: auto;}

.section5 .main-popupzone__skin.popupzone-list__typeB .list .item .link .text-wrap { background-color: rgba(42, 56, 69, 0.9); display: inline-block; position: absolute; left: 0; bottom: 0; width: 360px; font-family: 'score-dream'; padding: 36px; border-top-right-radius: 15px; }

.section5 .main-popupzone__skin.popupzone-list__typeB .list .item .link strong { display: block; overflow: hidden; /* margin: 0 0 5px; */font-size: 23px; font-weight: bold; color: #444; text-overflow: ellipsis; white-space: nowrap; color: #fff; line-height: 1; margin-bottom: 23px; }
.section5 .main-popupzone__skin.popupzone-list__typeB .list .item .link em { display: block; overflow: hidden; position: relative; z-index: 1; line-height: 1.3; font-size: 15px; color: #444; /* text-shadow: 1px 0px 0px #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; */text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #fff; margin-bottom: 13px; }
.section5 .main-popupzone__skin.popupzone-list__typeB .list .item .link .btn { display: inline-block; padding:0; /* width: 90px; *//* height: 28px; */line-height: 1; /* margin: 10px 0 0; */border-radius: 8px; /* background: #383838; */font-size: 14px; color: #fff; text-align: center; font-family: 'ngn'; font-weight: 100; font-size: 15px; border: 1px solid #fff; padding: 10px; border-radius: 30px; }
.section5 .main-popupzone__skin.popupzone-list__typeB .list .item .link .ico { display:block; position:absolute; top:25px; left:20px; width:82px; height:82px; background-repeat:no-repeat; display: none; }
.section5 .main-popupzone__skin.popupzone-list__typeB .control { position:absolute; top: -56px; right:0; }
.section5 .main-popupzone__skin.popupzone-list__typeB .control.control2 { width: 95px;top: 0px; right: 0px; padding: 13px 15px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; box-sizing: border-box;text-align: center;}
.section5 .left_box .main-popupzone__skin.popupzone-list__typeB .control.control2 { background-color: rgba(29, 109, 187, 0.85); }
.section5 .right_box .main-popupzone__skin.popupzone-list__typeB .control.control2 { background-color: rgba(24, 121, 73, 0.85); top:1px; right:1px;}

/* .section5 .main-popupzone__skin.popupzone-list__typeB .control button[data-control] { float: left; width:20px; height:20px; margin: 0; font-size:0; vertical-align:top; position:relative }
.section5 .main-popupzone__skin.popupzone-list__typeB .control button[data-control]:before,
.section5 .main-popupzone__skin.popupzone-list__typeB .control button[data-control]:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display:none }
.section5 .main-popupzone__skin.popupzone-list__typeB .control button[data-control="stop"],
.section5 .main-popupzone__skin.popupzone-list__typeB .control button[data-control="play"] { width:14px; }
.section5 .main-popupzone__skin.popupzone-list__typeB .control button[data-control="prev"]:before,
.section5 .main-popupzone__skin.popupzone-list__typeB .control button[data-control="next"]:before { width:5px; height:5px; border-color: #333; }
.section5 .main-popupzone__skin.popupzone-list__typeB .control button[data-control="stop"]:before { width: 2px; height:10px; box-shadow: -3px 0 #333, 3px 0 #333; }
.section5 .main-popupzone__skin.popupzone-list__typeB .control button[data-control="play"]:before { right: -3px; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent #333; }  */
.section5 .main-popupzone__skin.popupzone-list__typeB .control .paging { color: #000; font-size: 16px; display:inline-block; /* margin-right: 6px; */position: relative; /* margin-top: -4px; */font-family: 'score-dream'; }
.section5 .main-popupzone__skin.popupzone-list__typeB .control .paging .current { display:inline-block; position:relative; padding-right:5px; color: #fff; font-size: 15px; letter-spacing:-1px; }
.section5 .main-popupzone__skin.popupzone-list__typeB .control .paging .line { color: #fff; }
.section5 .main-popupzone__skin.popupzone-list__typeB .control .paging .count { display:inline-block; padding-left:5px; font-size: 15px; letter-spacing:-1px; color: #fff; }
.section5 .control [data-control] { font-size: 0; width:28px; height:28px; border-radius: 50%; border: 1px solid #c8c8c8; background: #fff; }
.section5 .control [data-control],
.section5 .control .slick-arrow { display:inline-block; position:relative; vertical-align:middle; }
.section5 .control [data-control]:before,
.section5 .control .slick-arrow:before { display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background-repeat:no-repeat; background-size:100%; content:''; }
.section5 .control [data-control="prev"]:before { width:100%; height:100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M10.828 12l4.95 4.95-1.414 1.414L8 12l6.364-6.364 1.414 1.414z' fill='rgba(74,80,107,1)'/%3E%3C/svg%3E"); }
.section5 .control [data-control="next"]:before { width:100%; height:100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z' fill='rgba(74,80,107,1)'/%3E%3C/svg%3E"); }
.section5 .control button[data-control="play"] { display: none; }
.section5 .control button[data-control]:before,
.section5 .control button[data-control]:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.section5 .control button[data-control="play"]:before { right: -3px; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent #000; border-style: solid; width: 0; height: 0; }
.section5 .control button[data-control="stop"]:before { width: 2px; height: 9px; box-shadow: -2px 0 #000, 2px 0 #000; }

.section2 .right_box .slide_wrap  .control button[data-control="play"]{display: none;}
/*220727 반응형 수정*/
@media (max-width:1180px) {
  .section5 .main-popupzone__skin.popupzone-list__typeB .list .item .link img {width: 100%;height: auto;}
 }


@media(max-width:1024px){
  .section2 .menu_list .control{display: block !important;}
  .section1 .gunsu_box{height: 387px;}
  .section1 .gunsu_box>p{margin: 45px 0 45px;}
  .section1 .gunsu_box .link_wrap{flex-direction: initial;}
  .section1 .gunsu_box .info_link{justify-content: flex-start;}
  .section1 .gunsu_box .info_link a:first-child{padding-left: 35px;}
  .section1 .gunsu_box .link_wrap a:last-child{margin-left: 10px;}
  .section1 .gunsu_box::before{z-index: 1;}
  .section2 .menu_list h4 em{display: none;}
}

@media (max-width:990px) {
  .section5 .main-popupzone__skin.popupzone-list__typeB .list .item .link img {width: auto;height: 100%;max-width: none;}
 }

@media (max-width:767px){
    .section1 .slide_control{
      top: -156px;
    }

  .section1 .gunsu_box::before{width: 144px;height: 171px;bottom: -6px;}
  .section1 .custom_tabs{padding-top: 103px;padding-left: 0;}
  .section1 .custom_tabs .tab_container{border-radius:none;width: 100%;height: 105px;display: flex;top: 0;}
  .section1 .slick-slide .item{height: auto; border-top-style:none; border-left-style:solid }
  .tab_container .tab_box{border-bottom:none;width: 100%;height: 105px;}
  .tab_container .tab_box:first-child a{border-radius: 20px 0 0 0;}
  .tab_container .tab_box:last-child a{border-radius: 0 20px 0 0;}
  .tab_container .tab_box a:hover:before, .tab_container .tab_box a:focus:before, .tab_container .tab_box a.ov:before{right: auto;top:auto; bottom:-18px;transform: rotateZ(90deg) translate(-5px, 0);}
  .section1 .slick-slide .item,
  .tab_contents,#tab03.tab_contents .tab_inner, #tab02.tab_contents .tab_inner{border-radius: 0 0 20px 20px;}
  #tab03.tab_contents .inner>.tit{margin-bottom: 0;}
  .main-board[data-type=tab] .board-item.active button{padding: 10px;}
  .section1 .slick-slide .item img{
    position: static;
    transform: translate(0,0);
    width: 100%;
    height: auto;
    max-width: 100%;
  }
}
@media(max-width:530px){
  #body_layout .section1 .gunsu_box::before{bottom: 26px;z-index: 0;}
}
@media(max-width:500px){
   .section1 .slide_control{
      top: -123px;
    }
  .section1 .gunsu_box>p{margin: 15px 0 15px;}
  .section1 .gunsu_box .link_wrap{flex-direction:column;}
  .section1 .gunsu_box .link_wrap a:last-child{margin-left: 0;}
  .section1 .gunsu_box .info_link a{font-size: 14px;}
  .section1 .gunsu_box .info_link{justify-content: center;}
  .section1 .gunsu_box .info_link a:first-child{padding-left: 0;}
  .tab_container .tab_box a .tab_icons{display: none;}
  .tab_container .tab_box{height: 65px;}
  .section1 .custom_tabs{padding-top: 65px;    height: auto;}
}
@media(max-width:380px){
  #body_layout .section1 .gunsu_box::before{
    width: 159px;
    height: 183px;
  }
}

/* 축제팝업 설정 */
.section5  .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link { }
.section5 .left_box  .section2 .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link { border: none; }
.section5  .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: none; width: auto; height: 100%; background: #fff; }
.section5  .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link .thumb { display: block; position: relative; height: 273px; width: 100%; overflow: hidden; }
.section5  .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link .thumb img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: none; width: 100%; height: auto; }

.section5  .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link .card-body { padding: 28px 0px 28px 32px; }
.section5  .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link .card-body .f-tit { margin: 0; color: #000; font-size: 21px; margin-bottom: 15px; font-family: 'score-dream'; }
.section5  .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link .card-body ul { }
.section5  .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link .card-body ul li { display: block; line-height: 1; margin-bottom: 12px; position: relative; }
.section5  .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link .card-body ul li:before { content:''; width: 4px; height: 4px; display: inline-block; background-color: #000; border-radius: 50%; position: absolute; top: 8px; }
.section5  .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link .card-body ul li:last-child { margin-bottom:0px; }
.section5  .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link .card-body ul li .title {vertical-align: top; margin: 0; color: #000; display: inline-block; font-size: 15px; line-height: 1.4;text-overflow: unset; white-space: unset; overflow: unset; width: 60px; padding-left: 10px; font-family: 'score-dream'; }
.section5  .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link .card-body ul li .con {color: #646464;line-height: 1.4;display: inline-block;font-size: 14px;width: calc(100% - 70px);}

@media (max-width:1440px) {
  .section4 .ui-tablist #sec4_tab-panel4.tabpanel.col2 .inner.n1{
    width: calc(100% - 200px);
  }
.section4 .ui-tablist #sec4_tab-panel4.tabpanel.col2 .inner.n2{
  width: 160px;
}
#sec4_tab-panel4 .n1 .box.bd_box a{
  width: 130px;
}
#sec4_tab-panel4 .n2 .box.bd_box2 a span{
  padding:  0 10px;
}
.section5  .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link .thumb img {width: auto;height: 100%;}
.section5  .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link img { }
 }

@media (max-width:1350px){
 .section5  .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link .thumb img { width: auto; height: 100%; }
 }

@media (max-width: 1180px){
 .section5 .layout .left_box { width: 100%; padding: 0; }
 .section5 .left_box  .section2 .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link img { width: 100%; max-width: none; }
 .section5 .layout .right_box { float: left; padding-left: 0; margin-right: 33px; }
 .section5 .layout .right_box, .section5 .layout .bottom_box { width: calc(100% / 2 - 33px); margin-top: 65px; }
 .section5 .layout .bottom_box { float: right; margin: 0; height: 412px; padding-left: 0px; margin-left: 33px; display: inline-block; margin-top: 115px; background-image: url(/images/kor/main/b-boxbg2.png); background-size: cover; padding-top: 0px; /* padding-top: 180px; *//* padding-left: 120px; */border: none; }
 .section5 .layout .bottom_box:before { top: 22px; left: 50%; transform: translate(-50%, 0); }
 .section5 .layout .bottom_box:after { top: 203px; left: 50%; transform: translate(-50%, 0); }
 .section5 .layout .bottom_box .link { left: 50%; top: auto; transform: translate(-50%, 0); bottom: 57px; width: 213px; padding: 19px 0px; text-align: center; }
 .section5  .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link .thumb img { width: 100%; height: auto; }
 .section5 .layout .bottom_box p { position: absolute; top: 180px; left: calc(50% - 82px); }
 }


@media (max-width:1045px) {
 .section5 .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link .thumb img {height: 100%;width: auto;}
}

@media (max-width:1024px){
 .section5  .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link .text-wrap { }
 }

@media (max-width:895px){
 .section5  .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link .thumb img { width: auto; height: auto; }
 .section5 .layout .bottom_box:after { width: 280px; background-size: contain; }
 .section5 .layout .bottom_box p { top: 175px; left: 50%; transform: translate(-50%, 0); display: block; width: 100%; text-align: center; }
 .section5  .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link .thumb { height: 241px; }
 .section5  .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link .card-body ul li .title { position: absolute; }
 .section5  .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link .card-body ul li .con { padding-left: 65px; }
 .section5  .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link .card-body { padding: 28px; }
 .section5 .left_box  .section2 .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link img { width: auto; height: 100%; }
 }

@media (max-width:767px){
 .section5 .layout .bottom_box { margin-left: 13px; }
 .section5 .layout .right_box { margin-right: 13px; }
 .section5 .layout .right_box, .section5 .layout .bottom_box { width: calc(100% / 2 - 13px); }
 }

@media (max-width:640px){
 .section5  .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link .text-wrap { width: 100%; }
 .section5 .layout .right_box { float: none; width: 100%; display: block; margin-top: 62px; }
 .section5  .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link .thumb img { width: 100%; height: auto; }
 .section5 .layout .bottom_box { margin-left: 0; width: 100%; margin-top: 30px; }
 }

@media (max-width:440px) {
 .section5 .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link .thumb img {
    width: auto;
    height: 100%;
}
}

@media (max-width:390px){
 .section5  .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link .thumb img { height: 100%; width: auto; }
 }



@media (max-width:1480px){
  .section4 .ui-tablist .tab-ul li a span{
    padding: 10px 20px;
  }
  .section2 .left_box{
    padding-left: 15px;
  }
}
@media (max-width:1440px){
  #body_layout section{
    max-width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
  }
  .section1 .left_box{width: calc(70% - 20px);}
  .section1 .right_box { width: 30%;}
  .section1 .gunsu_box::before{
    /*width: 181px;
    height: 207px;*/
    /*background-size: cover;*/
    bottom:-21px;
  }
  .section2 .left_box:before{
    display: none;
  }
  .section2 .left_box{
    padding-left: 15px;
    padding-right: 15px;
    width: calc(100% - 495px );
  }
  .section2 .right_box{
    width: 480px;
  }
  .main-board .board-title span{
    font-size: 18px;
  }
  .main-board[data-type=tab] .board-title{
    padding: 0 15px;
  }

  /* .main-board .col{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0;
    width: 100%;
  } */
  /* .main-board .col.col3 > div{
    margin: 0;
    width: calc(100% / 3 - 20px);
  } */
  .section2 .left_box{
    width: 100%;
    order:2;
    margin-bottom: 35px;
  }
  .section2 .right_box{
    order:4;
    margin-top: 55px;
  }
  .section2 .left_box2{
    order:3;
    width: calc(100% - 500px)
  }
  .section2 .right_box2{
    order:5;
    margin-top: 35px;
    width: 100%;
  }
  .section2 .left_box2 .tab_wrap .tabpanel{
    padding: 20px 30px;
    height: 315px;
  }
  .tabpanel.on {
    display: flex;
    align-items: center;
  }
  .section2 .right_box2 .mw_link .mw_fav{
    width: calc(100% - 163px);
  }
  .section2 .menu_list{
    order:1;
    flex-wrap:wrap;

  }
  .section2 .menu_list .slide{
    width: 100%;
  }
  .section2 .menu_list .control{
        position: absolute;
    top: 5px;
    right: 0;;
    left:auto;
  }
  .section2 .menu_list h4{
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  .section2 .menu_list h4 br{
    display: none;
  }
  .section2 .menu_list ul{
    justify-content: space-between;
    width: 100%;
  }
  .section2 .menu_list ul li{
    margin: 0;
    width: calc(100% / 9 - 10px);
  }
  .section4 .ui-tablist{
    padding:  30px 50px;
  }
  .section4 .ui-tablist .tablist button[data-control="next"] {
    right: 50px;
}
.section4 .ui-tablist .tablist button[data-control="prev"] {
    left: 50px;
}
  #body_layout section.section4:after{display: none;}
.main-board[data-type=tab] .board-content{
  top:35px
}
.section4 .ui-tablist .tablist button.button{top:28px;}
}

@media (max-width:1350px){
  .main-board .board-title span{
    font-size: 17px;
  }
}
@media (max-width:1279px){
  #wrap {
    min-width: auto;
    max-width: none;
    overflow: hidden;
    margin-top: 40px;
}
  .section4 .ui-tablist .tab-ul li a span{
  font-size: 17px;
  padding:  10px;
}
.section1 .layout{
  flex-wrap: wrap;
}
.section1 .left_box{
  width: 100%;
  order: 1;
}
.section1 .right_box{
  width: 100%;
  order:2;
}
.section1 .gunsu_box::before{
      width: 264px;
    height: 301px;
}
/* .section1 .slick-slide .item{
  height: auto;
} */
/* .section1 .slick-slide .item img{
  position: static;
  transform: translate(0,0);
  height: auto;
  max-width: 100%;
} */
.section4 .ui-tablist{
  height: auto;

}
.section4 .ui-tablist .tabpanel{
  flex-wrap: wrap;
  height: auto;
}
.section4 .ui-tablist .tabpanel.col3 .inner.n1,.section4 .ui-tablist .tabpanel.col3 .inner.n2{
  width: calc(100% / 2 - 15px);
  height: 400px;
}
.section4 .ui-tablist .tabpanel.col3 .inner.n3{
  margin-top: 30px !important;
  width: 100%;
  height: 400px !important;
}
.section4 .ui-tablist .tabpanel.col2 .inner.n1,.section4 .ui-tablist .tabpanel.col2 .inner.n2{
  width: 100% !important;
  margin-bottom: 30px;
  height: 400px !important;
}
.section4 .ui-tablist #sec4_tab-panel9.tabpanel.col3 .inner.n3,.section4 .ui-tablist #sec4_tab-panel10.tabpanel.col3 .inner.n3{
  height: 280px !important;
}
.section4 .ui-tablist #sec4_tab-panel4.tabpanel.col2 .inner.n1{
  height: 600px !important;
}
.section4 .ui-tablist #sec4_tab-panel4.tabpanel.col2 .inner.n2{
  height: 200px !important;
}
#sec4_tab-panel4 .n1 .box.bd_box{
  height: calc(50% - 10px);
  padding-right: 0;
  padding:  0 15px;
}
#sec4_tab-panel4 .n1 .box.bd_box h4{
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  margin-bottom: 15px;
  margin-top: 20px;
}
#sec4_tab-panel4 .n1 .box.bd_box{
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
}

#sec4_tab-panel4 .n2 .box.bd_box2 a{
  width:calc(50% - 10px);
  height: 100%;
    text-align: center;
    box-sizing: border-box;
    padding-top: 100px;
}
 #sec4_tab-panel4 .n1 .box.bd_box a{
  width: calc(100% / 2 - 30px);
  margin: 5px 15px;
  height: 55px;
  background-position: 20px center;
  padding: 0 15px;
  flex-wrap: nowrap;
  justify-content: center;

 }
 #sec4_tab-panel4 .n1 .box.bd_box a i{
      align-items: center;
    width: 40px;
    justify-content: center;
 }
 #sec4_tab-panel4 .n1 .box.bd_box a:hover, #sec4_tab-panel4 .n1 .box.bd_box a:active, #sec4_tab-panel4 .n1 .box.bd_box a:focus {
    border: 1px solid #fff;
    background-position: 20px center;
}
 #sec4_tab-panel4 .n1 .box.bd_box a span{
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  padding: 0;
  box-sizing: border-box;

  flex-wrap: wrap;
 }

}
@media (max-width:1023px){
  .section2 .left_box{height: auto;}
  .main-board .board-title span{font-size: 16px;}
  .main-board[data-type=tab] .board-title{
    padding: 0 12px;
  }
  /* .main-board .col.col3 > div{
    width: calc(100% /2 - 20px);
  } */
  /* .main-board .col>div:last-child{display: none;} */
  .main-board .content-link .con-title{width:calc(100% - 110px);}
  .main-board .col:after{display: none;}

  .section2 .right_box{
    width: 100%;
    order:2;
       margin-top: 0;
    margin-bottom: 35px;
    height: auto;

  }
  .section2 .left_box2{
    order:3;
    width: 100%;
  }
  .section2 .right_box .slide_wrap  .slick-slide img {
      height: auto;
      width: 100%;
      position: static;
      max-width: none;
  }
  .section2 .right_box .slide_wrap  .control{
    max-width: 100%;
    margin-top: -7px;
  }

  .section2 .right_box .slide_wrap  .slick-initialized .slick-slide> div .item .link,.section2 .right_box .slide_wrap  .slick-initialized .slick-slide> div,.section2 .right_box .slide_wrap  .slick-initialized .slick-slide> div .item{
    height: auto;
  }
  .section2 .right_box .slide_wrap  {
    padding-bottom: 80px;
}
.section2 .right_box2 .link_wrap{
  padding:  20px 10px;
}
/* .section2 .right_box2 .mw_link .mw_field{
  width: 214px;
  padding: 35px ;
  padding-right: 0px;
 background: #374454 url(/images/kor/main2/mw_field_bg.png) calc(100% + 30px) calc(100% + 60px) no-repeat;
} */
.section2 .right_box2 .mw_link .mw_fav {
    /* width: calc(100% - 230px); */
    padding: 35px 25px;
}
.section2 .right_box2 .mw_link .mw_fav ul li{
  margin-bottom: 0;
}
.section2 .right_box2 .mw_link .mw_fav ul li a span{
  height: 52px;
  word-break: keep-all;
  font-size: 15px;
}
.section2 .menu_list ul{
  flex-wrap: wrap;
}
.section2 .menu_list ul li{
  width: calc(100% / 4 - 10px);
  margin-bottom: 30px;
}
#body_layout section.section4{
  margin-top: 60px;
}
.section4 .ui-tablist .tabpanel.col3 .inner.n1{
width: calc(60% - 20px);
}
.section4 .ui-tablist .tabpanel.col3 .inner.n2{
  width: 40%;
}
.box.arr_box.none_bd a{
  padding:  0 30px;
  font-size: 16px;
  width: 100%;
  height: 35px;
  margin-bottom: 5px;
}
/* .box.arr_box.none_bd a br{
  display: none;
} */
#sec4_tab-panel3 .box.arr_box.none_bd a {
  width: calc(100% / 2 - 10px);
}
#sec4_tab-panel5 .n2 .box.arr_box.none_bd a{
  height: 80px;
}
#sec4_tab-panel6 .n1 .box.arr_box.none_bd a{
  height: 81px;
}
#sec4_tab-panel6 .n2 .box.icon_bg{
  align-items: flex-start;
  align-content: flex-start;
  padding-top: 20px;
  box-sizing: border-box;
}
#sec4_tab-panel6 .n2 div:nth-child(1):before,#sec4_tab-panel5 .n2 .box.icon_bg::before,#sec4_tab-panel1 .n2 .box.icon_bg::before,#sec4_tab-panel3 .n2 div:nth-child(1):before,#sec4_tab-panel3 .n2 div:nth-child(2):before{
  transform: translate(0,-30%);
  right: 15px;
}

#sec4_tab-panel5 .n2 .box.icon_bg{
   align-items: flex-start;
  align-content: flex-start;
  padding-top: 20px;
  box-sizing: border-box;
}
.box.icon_bg{
  padding: 0 20px;
}
}

@media (max-width:1000px){
     .section4 .ui-tablist .tab-ul{
  /* overflow-x: auto; */
  overflow-x: hidden;
  display: block;
  white-space:nowrap;
  width: calc(100% - 100px);
  margin:  0 auto;
   padding-left: 0;
  padding-right: 0;
 }
 .section4 .ui-tablist .tab-ul li{
  display: inline-block;
  margin: 0 10px;

 }
 #sec4_tab-panel4 .n1 .box.bd_box,#sec4_tab-panel4 .n1 .box.bd_box.box1{
  background-size: cover;
  padding:  30px 15px;
 }
 #sec4_tab-panel4 .n1 .box.bd_box.box2{
    padding:  30px 15px;
 }

}
@media (max-width:767px){
   #sec4_tab-panel4 .n1 .box.bd_box h4{
  margin-top: 0;
 }
  .main-board .first_contents{display: none;}
  .main-board[data-type=tab] .board-item.active {
    padding-top: 0;
    margin-top: 0;
    border-left: 0px solid #bec4cc;
    border-right: 0px solid #bec4cc;
    border-top: 0px solid #1d6dbb;
  }
  .main-board[data-type=tab]{
    margin-top: 20px;
    margin-bottom: 100px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: flex-start;
  }

  .main-board[data-type=tab] .board-title:before{
    display: none;
  }
  .main-board .board-more{
    top:auto;
    bottom:-20px;
    left:0px;
    width: 100%;
    height: 45px;
  }
  .main-board[data-type=tab] .board-content{
    padding-top: 50px;
    top: 120px;
  }
  .main-board[data-type=tab] .board-title{
    padding: 10px ;
    text-align: center;
    border-radius: 10px;
    background: #f3f5f8;
    border: 1px solid #d2d2d2;
    width: 100%;
    box-sizing: border-box;
  }
  .main-board[data-type=tab] .board-item{
    width: calc(100% / 3 - 10px);
    margin-bottom: 15px;

  }
    .main-board[data-type=tab] .board-item.active button{
      background: #1d6dbb;
    border: 1px solid #1d6dbb;
    }
   .main-board[data-type=tab] .board-item button span{

    text-align: center;
  }
  .main-board[data-type=tab] .board-item.active button span{
    padding-bottom: 0px;
    color: #fff;
    border-bottom: 0px solid #000;

  }
  .main-board .board-more a span{
   background-image: url(/images/kor/main/m_more.png);
   background-color: #fff;
   border: 1px solid #d2d2d2;
  border-radius: 10px;
  top: 0;
  }
  .main-board .board-more a{position: absolute;top:55px;}
  .main-board[data-type=tab] .board-item:last-child button,.main-board[data-type=tab] .board-item:first-child button{
    padding: 10px ;
  }
  .section1 .covid{
    display: none;
  }
  .section2 .right_box2 .link_wrap{
    align-items: flex-start;
  }
  .section2 .right_box2 .link_wrap a{
    flex-wrap: wrap;
    width: calc(100% / 3 - 10px);
    height: 100%;
    align-items: flex-start;

  }
  .section2 .right_box2 .link_wrap a i{
    margin: 0;
    margin-bottom: 10px;
  }
  .section2 .right_box2 .link_wrap a span{
    width: 100%;
    text-align: center;
    padding: 0 15px;
    word-break: keep-all;
  }
  .section2 .right_box2 .mw_link{
    flex-wrap: wrap;

  }
  .section2 .right_box2 .mw_link .mw_fav{width: 100%;margin-bottom: 15px;}
  .section2 .right_box2 .mw_link .mw_field{width: 100%;flex-direction: inherit;height: 145px;justify-content: space-around;}
  .section2 .right_box2 .mw_link .mw_field a{width: 50%;font-size: 15px;letter-spacing: -1px;padding: 0 15px;}
  .section2 .right_box2 .mw_link .mw_field a:nth-child(2):before{margin-top: 10px;}
  #sec4_tab-panel4 .n1 .box.bd_box{
    padding:  30px ;
  }

  .section2 .right_box2 .mw_link .mw_fav{
    padding: 25px 10px;
  }
  .section2 .right_box2 .mw_link .mw_fav ul{
    padding:  10px 0;
  }
  .section2 .right_box2 .mw_link .mw_fav ul li{
    width: calc(100% / 2 - 10px);
  }
  .section2 .right_box2 .mw_link .mw_fav{
        height: 750px;
  }
  .section2 .right_box2 .mw_link h4{text-align:center}
  .section2 .right_box2 .mw_link .mw_fav ul li a::before{ left: 75px;}
  .tab_contents .inner{
    border-radius: 0 0 20px 20px;
  }
}


@media (max-width:640px){
  #body_layout section{
    padding: 0 20px;
  }
  .section1 .gunsu_box>span>em,.section1 .gunsu_box>span>span,.section1 .gunsu_box>span{
    font-size: 21px;
  }
  /* .section1 .gunsu_box>p{
    margin:  20px 0 ;
  } */

  .section1 .gunsu_box{

  }
  /* .section1 .gunsu_box .link_wrap{
    width: 145px;
    flex-wrap: wrap;
  }
  .section1 .gunsu_box .link_wrap a{
    margin: 2px 0;
  } */
  .section1 .gunsu_box::before {
    width: 198px;
    height: 228px;
    bottom: -6px;
}
.section1 .gunsu_box .info_link{
  /*padding-left: 15px;*/
}
.section1 .gunsu_box .info_link a:last-child{
  z-index: 111;
  position: relative;
}
  .section2 .menu_list ul li{
    width: calc(100% / 2 - 15px);
  }
  .section4 .ui-tablist .tabpanel.col3 .inner.n1,.section4 .ui-tablist .tabpanel.col3 .inner.n2,.section4 .ui-tablist .tabpanel.col3 .inner.n3{
    width: 100%;
  }
  #sec4_tab-panel4 .n1 .box.bd_box h4{
    margin-bottom: 15px;
  }
  #sec4_tab-panel4 .n1 .box.bd_box a{
    width: calc(100% / 2 - 20px);
    margin:  5px 10px;
    margin-bottom: 10px;
    background-size: auto 50%;

  }

  .box.arr_box.none_bd a{
    height: 50px;
  }
  .section4 .ui-tablist{
    padding: 30px 10px;
  }
  .section4 .ui-tablist .tablist button[data-control="prev"] {
    left: 5px;
}
  .section4 .ui-tablist .tablist button[data-control="next"] {
    right: 5px;
}
.section4 .ui-tablist .tablist button.button{
  top: 28px;
}
.box.icon_bg::before{
      right: 10px !important  ;
}


}

@media (max-width:560px){
  .section1 .gunsu_box>span{
    padding-right: 0;
  }

  /* .main-board .col>div:nth-child(2) {
    display: none;
} */
/* .main-board .col.col3 > div{
  width: 100%;
} */
.main-board[data-type=tab] .board-item{
  width: 48%;
  margin-bottom: 10px;
}
.main-board[data-type=tab] .board-content{
  top:170px;
}
.main-board[data-type=tab]{
  margin-bottom: 140px;
}
/* .main-board .board-more a span{
  top: 95px;
} */
.main-board .board-more a{top:95px;}
/* .main-board .content-link .con-title{
  height: 52px;
} */
.box_tit span{
    font-size: 19px;
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  .section2 .right_box .slide_wrap{
    padding-left: 0;
  }
  .section2 .right_box .slide_wrap  .title{
    display: none;
  }
  .section2 .right_box  .section2 .right_box .slide_wrap  .list{
    padding-left: 0;
  }
  .section2 .right_box .slide_wrap  .control{
    width: 100%;
    left:0%;
  }
  .section2 .left_box2 .tab_wrap .tab-ul li a:before{
    display: none
  }
  .section2 .left_box2 .tab_wrap .tab-ul li a{
    font-size: 15px;
  }
  .section2 .left_box2 .tab_wrap .tabpanel ul li a{
    font-size: 15px;
  }
  .section2 .left_box2 .link_wrap a{
    width: 50%;
    justify-content: center;
    flex-wrap: wrap;

  }
  .section2 .left_box2 .link_wrap a:before{
    width: 100%;
    margin: 0;
    margin-bottom: 8px;
    background-position: center;

  }
  .box_tit{
    flex-wrap: wrap;
  }
 .box_tit em{line-height: 1.2;}
  .section2 .right_box2 .link_wrap a{
    width: calc(100% / 3 - 5px);
  }
  .section2 .right_box2 .link_wrap a span{
    font-size: 15px;
    padding: 0;
  }
  /* .section2 .right_box2 .mw_link .mw_fav{
    padding: 25px 10px;
  }
  .section2 .right_box2 .mw_link .mw_fav ul{
    padding:  10px 0;
  }
  .section2 .right_box2 .mw_link .mw_fav ul li{
    width: calc(100% / 2 - 10px);
  }
  .section2 .right_box2 .mw_link .mw_fav{
        height: 750px;
  } */
}
@media (max-width:600px){

  .main-board[data-type=tab] .board-title span{
    font-size: 14px;
  }


}
@media (max-width:560px){
  #tab03.tab_contents .inner{
    padding-top: 40px;
    padding-bottom: 60px;
    align-items: flex-start;
    align-content: flex-start;
  }

#tab03.tab_contents .inner>.tit{
  position: static;
  width: 100%;
  background: url(/images/kor/main2/tit_text.png) center 0 no-repeat
}
#tab03 .sns_link{
  top:auto;
  bottom:30px;
  right: 50%;
  transform: translate(50%,0);
}
}
@media (max-width:460px){
.section2 .menu_list h4{text-align: left;}
.main-board[data-type=tab] .board-title{
    padding:  10px 5px;
  }
  #sec4_tab-panel4 .n1 .box.bd_box a{
    height: 50px;

  }
  #sec4_tab-panel4 .n1 .box.bd_box a span{
    font-size: 14px;
  }
  .box.icon_link a span{
    font-size: 14px;
  }
}
@media (max-width:420px){
  .section2 .left_box2 .tab_wrap .tabpanel ul li{
    width: calc(100% / 2 - 1px);
  }
.section5  .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link strong{    white-space: unset;}
#sec4_tab-panel4 .n1 .box.bd_box a{
  margin:  5px;
  width: calc(100% / 2 - 10px);
}
#sec4_tab-panel4 .n1 .box.bd_box a i{
  display: none;
}
}


@media (max-width:400px){
  .box.icon_link a span{
    font-size: 14px;letter-spacing:-1px
  }
}
@media (max-width:420px){
  .section2 .left_box2 .tab_wrap .tabpanel ul li{
    width: calc(100% / 2 - 1px);
  }
.section5  .right_box .main-popupzone__skin.popupzone-list__typeB .list .item .link strong{    white-space: unset;}
#sec4_tab-panel4 .n1 .box.bd_box a{
  margin:  5px;
  width: calc(100% / 2 - 10px);
}
#sec4_tab-panel4 .n1 .box.bd_box a i{
  display: none;
}
}

@media (max-width:767px){
  .section1 .slick-slide .item a:hover img,
  .section1 .slick-slide .item a:focus img {transform:none;}
}


@media (max-width:360px){
  #wrap {margin-top: 60px;}
}

/* 221102 팝업 모바일 너비 100% 조정 */
@media (max-width:620px) {
  #popup_content > div {top: 10px !important; left: 10px !important; width: calc(100% - 20px) !important; max-width:100%;}
  #popup_content > div > .pop_bg, #popup_content > div > .pop_bt_bg {width: 100% !important;}
  #popup_content > div > .pop_bg img {width:100%; height:auto;}
 }


 /* 221201 메인 코로나 현황 알림박스 추가 작업 */
#corona_box {display: flex; align-items: center; justify-content: center; position:absolute; top: -8px; right: 18%; padding: 2px 10px; border-radius: 5px; background: #f2f2f2; text-align: center; font-family: 'score-dream';}
#corona_box div {margin: 0 6px 0 0;}
#corona_box .date {padding:6px; border-radius: 6px; color: #000; font-size: 12px;}
#corona_box .info .tit {padding: 2px 5px; margin-right: 4px; border-radius: 6px; color: #fff;}
#corona_box .info .num {line-height: 1.9;}
#corona_box .left_info .tit {background:#dc2a29;}
#corona_box .right_info .tit {background: #0066b3;}
#corona_box .corona_btn {padding: 5px 10px; border:2px solid #e9e9e9; border-radius: 20px; background: #fff; font-weight: bold;}
#corona_box .corona_btn em {color:#dc2a29}

@media (max-width:950px) {
  #corona_box {position: initial; max-width: 100%;}
  #corona_box div {margin: 0 10px 0 0;}
  #corona_box .date {width: 28%;}
  #corona_box .info {width: 24%;}
  #corona_box .corona_btn {width: 26%;}
}

@media (max-width: 767px) {
  .section1 .left_box {margin-top: 30px;}
  #corona_box div {margin: 0;}
  #corona_box .date {font-size:11px;}
  #corona_box .info .tit {font-size: 12px;}
  #corona_box .corona_btn {padding: 4px; border:none;}
}

@media (max-width: 620px) {
  #corona_box {display: block; padding: 10px 20px; }
  #corona_box div {margin: 0;}
  #corona_box .left_info {margin-right: 10px; margin-left: 30px;}
  #corona_box .info {display: inline-block;}
  #corona_box .info .tit {padding:5px; font-size: 13px;}
  #corona_box .date {font-size: 13px;}
  #corona_box .date, #corona_box .info {width: auto;}
  #corona_box .corona_btn { display: inline-block; width: 140px; padding: 10px; margin-top: 10px; font-size: 13px; }
  /* #corona_box .corona_btn em {position:relative; padding-left: 4px;} */
  /* #corona_box .corona_btn em:after {display: block; content: ""; position:absolute; width:17px; height:23px; top:-8px; left:-20px; background:url(/images/kor/common/corona_icon.png) no-repeat;} */
}


/* 230109 서천 군수님 명절용 사진 임시 변경 */
/* .section1 .gunsu_box {background: url(/images/kor/main2/gunsu_bg.png) #fafafa;}
.section1 .gunsu_box::before {content: ""; display: block; position: absolute; bottom:-15px; right:0px; width: 215px; height: 301px; background: url(/images/kor/main2/gunsu_hanbok.png?ver=20230116) 0 0 no-repeat; z-index: 0; background-size: contain;} */