
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}
.swiper-container {
  overflow:hidden;
    width: 100%;
    height: 100%;
  }
  .swiper-wrapper {

    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }

  .swiper-slide {
    overflow:hidden;
    text-align: center;
    font-size: 18px;
    background: #fff;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
  }
  .swiper-slide img{width:100%;height:100%}
  .swiper-scrollbar {
  position: relative;
  -ms-touch-action: none;
  background: rgba(0,0,0,.1)
  }

  .swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
  }

.swiper-container-vertical>.swiper-scrollbar {position: absolute;right: 3px;top: 1%;z-index: 50;width: 5px;height: 98%}
.swiper-scrollbar-drag {height: 100%;width: 100%;position: relative;background: rgba(0,0,0,.5);border-radius: 10px;left: 0;top: 0}
.swiper-scrollbar-cursor-drag {cursor: move}
.swiper-scrollbar-lock {display: none}

.tab_ty01 {position:relative;display: table;width:100%;table-layout: fixed}
.tab_ty01 > li {display: table-cell;vertical-align: middle;padding:0}
.tab_ty01 > li > a {position:relative;display:block;width:100%;height:50px;text-align:center;background-color:#fff;border:1px solid #dee1e6;border-left:none}
.tab_ty01 > li > a::before{content:'';display:inline-block;width:0;height:100%;vertical-align: middle}
.tab_ty01 > li:first-child > a{border-left:1px solid #dee1e6}
.tab_ty01 > li > a > span {display:inline-block;font-size:16px;letter-spacing:-0.25px;color:#495058;vertical-align:middle}
.tab_ty01 > li.on > a {background-color:#0168b7}
.tab_ty01 > li.on > a > span{color:#fff}
.tab_ty01 > li.on > a:after{content:'';display:block;position:absolute;bottom:-5px;left:50%;width: 0px;height: 0px;border-top:15px solid transparent;border-right:15px solid #0168b7;transform:translateX(-50%) rotate(45deg);}
.tab_detail{display: none;padding:0}
.tab_detail.show{display: block}

.brd_label{display:inline-block;padding:0 10px;min-width:40px;height:20px;font-size:10px;color:#fff;text-align:center;line-height:20px;box-sizing:border-box}
.brd_label.jw{background-color:#8917d1}
.brd_label.people{background-color:#F781F3}
.brd_label.health{background-color:#0060b2}
.brd_label.brand{background-color:#019cdb}
.brd_label.tech{background-color:#ff7800}
.brd_label.attention{background-color:#00BFFF}
.brd_label.notice{background-color:#848484}

#header_new{overflow:hidden;position:relative;width:100%;min-width:1210px;background-color:#fff;border-bottom:1px solid #dee1e6;z-index:100}
#header_new .header_top{height:39px;background-color:#f4f4f7;border-bottom: 1px dotted #f4f4f7}
#header_new .header_top {overflow: hidden;position: relative;margin: 0 auto;width: 100%;height: 39px;}
#header_new .header_top .top {overflow: hidden;position: relative;margin: 0 auto;padding-top: 10px;width: 1208px;height: 39px;text-align: right;z-index: 100;box-sizing: border-box}
#header_new .header_top .top a{display:inline-block;position:relative;padding:0 16px;font-size:14px;color:#63666e}
#header_new .header_top .top a::before{content:'';display:inline-block;position:absolute;top:50%;left:0;margin-top:-6px;width:1px;height:12px;background-color:#d3d5da;}
#header_new .header_top .top a:first-child::before{display:none}
#header_new .header_gnb {position: relative;width: 100%;height:100px;}
#header_new .header_gnb:after {content: '';position: absolute;left: 0;top:100px;width: 100%;height: 0;border-bottom: 1px solid #ccd2d7}
#header_new .header_gnb .gnb_wrap {position: relative;margin: 0 auto;width:1208px;height:100px;z-index: 99;}
#header_new .header_gnb .gnb_wrap h1 {display: inline-block;position:absolute;top:25px;left:0}
#header_new .header_gnb .gnb_wrap h1 a {display: block;width:205px;height:43px;font-size: 0;text-indent: -99999px;background: url('../images/top_logo.png') no-repeat 0 0;}
#header_new .header_gnb .depth1{margin-left:296px}
#header_new .header_gnb .depth1 > li{display:inline-block;vertical-align: top}
#header_new .header_gnb .depth1 > li > a{display:inline-block;padding:0 28px;height:99px;font-size:18px;color:#000308;font-weight:700;line-height:99px}
#header_new .header_gnb .depth2{display:flex;flex-direction: row;width:100%;font-size:0;border-right:1px solid #e1e4e8}
#header_new .header_gnb .depth2 div{display:inline-flex;flex-direction:column;width:calc(100% / 6);height:396px;border-left:1px solid #e1e4e8;vertical-align:top;box-sizing:border-box}
#header_new .header_gnb .depth2 div .title{padding:0 32px;height:72px;line-height:72px;font-size:18px;font-weight:bold;color:#001100}
#header_new .header_gnb .depth2 div a{display:block;padding:0 32px;width:100%;height:36px;font-size:13px;line-height:36px;box-sizing:border-box}
#header_new .header_gnb .depth2 div.active .title{color:#064eae}
#header_new .header_gnb .depth2 div a:hover{background-color:#f8f9fa}
#header_new .header_gnb .lang{display:block;position:absolute;top:36px;right:3px;width:31px;height:28px;}
#header_new .header_gnb .lang a{display:block;width:100%;height:100%}
#header_new .header_gnb .lang a.ko{background:url('../images/lang_ko.png') no-repeat center center}
#header_new .header_gnb .lang a.en{background:url('../images/lang_en.png') no-repeat center center}
#header_new .header_gnb .lang a span{font-size:0;text-indent:-99999px}

footer.renew{position:relative;margin-top:80px}
footer.renew .top{display:block;position:fixed;bottom:70px;left:50%;margin-left:679px;width:60px;height:60px;font-size:0;text-indent:-99999px;background:url('../images/btn_top.jpg') no-repeat center center;cursor:pointer}
footer.renew .inner{position:relative;margin:0 auto;width:1208px}
footer.renew .letter_area{height:96px;background-color:#f8f9fa}

footer.renew .letter_area .txt_area{display:table-cell;width:100%;height:96px;vertical-align:middle}
footer.renew .letter_area .txt_area h4{display:inline-block;margin-right:30px;font-size:24px;color:#000;font-weight:bold}
footer.renew .letter_area .txt_area p{display:inline-block;margin-right:30px;font-size:16px;color:#000}
footer.renew .letter_area .txt_area .subscribe{display:inline-block;padding:0 60px;height:31px;font-size:16px;line-height:31px;color:#fff;background-color:#3a445e;border-radius:50vw}
footer.renew .footer_wrap{padding-top:32px;padding-bottom:50px;background-color:#444}
footer.renew .link .family_site {position:absolute;top:0;right:0;height:44px;cursor: pointer;}
footer.renew .link .family_site .title {position:relative;display: block;width: 240px;height:44px;position: relative;z-index: 30;line-height:36px;font-size:16px;background-color:#444;border: 1px solid #ccd2d7;padding: 3px 15px 3px;color: #d3d5da;box-sizing: border-box}
footer.renew .link .family_site .title:after{content:'';position:absolute;right:11px;top:9px;width:24px;height:24px;background:url('../images/family_arrow.png') no-repeat center center}
footer.renew .link .family_site .title.on::after{transform: rotate(180deg);}
footer.renew .link .family_site ul {position: absolute;bottom: 0;width: 240px;display: none;background-color: #444;border: 1px solid #ccd2d7;margin-bottom:44px;margin-top: -1px;padding: 5px 15px;z-index: 10;box-sizing: border-box;}
footer.renew .link .family_site ul li a {display: block;padding: 5px 0;color: #fff;}
footer.renew .info_link a{display:inline-block;margin-left:40px;font-size:16px;color:#fff;line-height:44px}
footer.renew .info_link a:first-child{margin-left:0}
footer.renew .info_link a:first-child{color:#fbb220}
footer.renew .info{margin-top:15px}
footer.renew .info address{font-size:14px;color:#d3d5da;line-height:30px;font-style: inherit}

article.sub.board_sub{display:flex;flex-direction:row;padding-top:60px}
article.sub.board_sub .cont_container{display:inline-flex;;padding-right:30px;width:785px;border-right:1px solid #eceef0}
article.sub.board_sub .cont_container .content{display:block;width:100%}
article.sub.board_sub .side_brd{padding:13px 33px 0;width:344px;box-sizing:border-box}


.content_wrap{margin:0 auto;padding-top:188px;width:1208px}
.main_content{display:flex;flex-direction: row;justify-content: space-between;}
.main_content ~ .main_content{margin-top:40px}
.main_content .l_item{position:relative;width:832px}
.main_content ~ .main_content .l_item{border-bottom:1px solid #ccd2d7;padding-bottom:35px}
.main_content ~ .main_content:last-child .l_item{border-bottom:none}

.main_content .r_item{width:344px}
.main_content .l_item > .title,
.main_content .r_item > .title,
.main_content .l_item > .item > .title{margin-top:15px;margin-bottom:20px;font-size:24px;color:#000;font-weight:bold}
.main_content .l_item > .title .link,
.main_content .r_item > .title .link,
.main_content .l_item > .item > .link{display:inline-block;padding-right:20px;color:#000;letter-spacing:-0.75px;background:url('../images/main_brd_more.png') no-repeat right center}
.main_content .l_item > .item{overflow:hidden;display:inline-flex;flex-direction:column;margin-left:24px;width:402px}
.main_content .l_item > .item:first-child{margin-left:0}

.main_top .key_visual{float:left}
.key_visual{overflow:hidden;position:relative;width:832px;height:480px}
.visual_wrap .swiper-slide{position:relative}
.visual_wrap .swiper-slide img{width:100%}
.visual_wrap .swiper-slide .text_area{position:absolute;top:140px;left:104px;max-width:700px;text-align:left}
.visual_wrap .swiper-slide .text_area .tit{font-size:18px;line-height:27px;color:#fff;letter-spacing:-0.25px}
.visual_wrap .swiper-slide .text_area .tit .brd_label{margin-right:15px;width:60px;height:27px;font-size:14px;line-height: 27px;vertical-align:top}
.visual_wrap .swiper-slide .text_area .text{margin-top:20px;font-size:38px;line-height:54px;color:#fff;letter-spacing:-0.25px}

.key_visual .visual_thumbs{position:absolute;bottom:0;left:0px;width:100%;background-color:#fff}
.key_visual .visual_thumbs .swiper-wrapper .swiper-slide{height:90px;padding-top:15px;padding-bottom:10px;width:100%}
.key_visual .visual_thumbs .swiper-wrapper .swiper-slide.swiper-slide-active{z-index:1}
.key_visual .visual_thumbs .swiper-navi{position: relative;padding:0 20px;background-color:#fff;text-align:center;z-index:1}
.key_visual .visual_thumbs .swiper-slide{padding:20px 30px;box-sizing:border-box}
.key_visual .visual_thumbs a{display:block;width:100%;text-align:left}
.key_visual .visual_thumbs a .tit{display:block;height:35px;font-size:26px;color:#000;font-weight:bold;line-height:35px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;text-align:center}
.key_visual .visual_thumbs a .desc{display:block;margin-top:5px;height:22px;font-size:15px;color:#000;line-height:22px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;text-align:center}
.key_visual .swiper-control{position:absolute;bottom:65px;left:237px;z-index:1}

.key_visual .swiper-navi .swiper-scrollbar{display:inline-block;margin-right:5px;margin-top:6px;margin-left:10px;width:380px;height:3px;background-color:#d3d3d3;vertical-align:top;}
.key_visual .swiper-navi .swiper-button-prev{display:inline-block;width:14px;height:14px;font-size:0;text-indent:-99999px;background:url('../images/slide_control2.png') no-repeat 0 0;cursor:pointer;vertical-align:top}
.key_visual .swiper-navi .swiper-button-next{display:inline-block;width:14px;height:14px;font-size:0;text-indent:-99999px;background:url('../images/slide_control2.png') no-repeat -14px 0;cursor:pointer;vertical-align: top}
.key_visual .swiper-navi .swiper-button-play{display:none;width:14px;height:14px;font-size:0;text-indent:-99999px;background:url('../images/slide_control2.png') no-repeat -28px 0;font-size:15px;cursor:pointer;vertical-align: top}
.key_visual .swiper-navi .swiper-button-pause{display:inline-block;width:14px;height:14px;font-size:0;text-indent:-99999px;background:url('../images/slide_control2.png') no-repeat -42px 0;font-size:15px;cursor:pointer;vertical-align: top}



.main_search_wrap{height:480px;border:1px solid #dee1e6;box-sizing:border-box}
.main_search_wrap .m_search_tab > li > a{border-top:none}
.main_search_wrap .m_search_tab > li:first-child > a{border-left:none}
.main_search_wrap .search_area{padding:22px 30px;height:186px;box-sizing: border-box}
.main_search_wrap .search_area .tit{font-size:20px;line-height:27px;color:#000;font-weight:bold}

.main_search_wrap .search_box{position:relative;margin-top:5px;width:100%;height:48px;border-bottom:2px solid #000}
.main_search_wrap .search_box input{width:100%;height:100%;border:none;padding:15px 50px 14px 0;color:#898989;box-sizing:border-box}
.main_search_wrap .search_box .btn_search{position:absolute;padding:0;top:0px;right:0px;width:20px;height:50px;background:url('../images/icon_search.png') no-repeat center center;background-size:20px auto;font-size:0;text-indent:-99999px}
.main_search_wrap .search_tab{font-size:0}
.main_search_wrap .search_tag{overflow:hidden;margin-top:3px;max-height:56px}
.main_search_wrap .search_tag .tag{display:inline-block;margin-top:10px;margin-right:5px;font-size:14px;color:#495057;word-break:keep-all;vertical-align:top}
.main_search_wrap .search_tag .tag span{display:inline-block;margin-right:3px;color:#495057}


.rnd_menu{background-color:#f8f8f8}
.rnd_menu .tit{padding:10px 0 31px 32px;font-size:20px;line-height:27px;color:#000;font-weight:bold}
.rnd_menu dd{position:relative;padding-left:105px;height:63px;border-top:1px solid #ebebeb}
.rnd_menu dd::before{content:'';display:inline-block;width:0;height:100%;vertical-align: middle}
.rnd_menu dd.item01{height:44px;background:url('../images/icon_rnd01.jpg') no-repeat 29px center;border-top:none}
.rnd_menu dd.item02{background:url('../images/icon_rnd02.jpg') no-repeat 29px center}
.rnd_menu dd.item03{background:url('../images/icon_rnd03.jpg') no-repeat 29px center}
.rnd_menu dd span{display:inline-block;font-size:16px;color:#000;font-weight:bold;vertical-align:middle}
.rnd_menu dd .more{display:inline-block;position:absolute;padding-right:10px;top:50%;right:14px;margin-top:-9px;font-size:10px;color:#666;background:url('../images/rnd_more.jpg') no-repeat right center}
.board_swiper{overflow:hidden;word-wrap: break-word;}
.board_swiper .swiper-slide{align-items:flex-start }
.board_swiper .b_thumb{width:402px;height:408px;text-align:left}
.board_swiper .b_thumb .thumb{overflow:hidden;position:relative;width:404px;height:295px;background-color:#eee}
.board_swiper .b_thumb .thumb img{position:absolute;top:50%;left:50%;max-width:100%;max-height:100%;transform:translate(-50%,-50%);}
.board_swiper .b_thumb .thumb .brd_label{position:absolute;top:0;left:0;z-index:1}
.board_swiper .b_thumb .title{display:block;margin-top:18px;height:66px;font-size:22px;color:#000;line-height:33px;overflow: hidden; text-overflow: ellipsis;white-space: normal; text-align: left; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break: break-all}
.board_swiper .b_thumb .date{display:inline-block;margin-top:9px;font-size:14px;color:#868e96;line-height:21px}

{ font-size:14px; letter-spacing:-0.8px; color:#222;}


.board_swiper .s_thumb{width:430px;font-size:0;text-align:left}
.board_swiper .s_thumb li{display:inline-block;margin-left:25px;margin-top:22px;width:190px;font-size:13px;vertical-align: top}
.board_swiper .s_thumb li:nth-child(1),
.board_swiper .s_thumb li:nth-child(2){margin-top:0}
.board_swiper .s_thumb .thumb{position:relative;height:125px}
.board_swiper .s_thumb .thumb .brd_label{position:absolute;top:0;left:0;z-index:1}
.board_swiper .s_thumb .title{margin-top:11px;height:36px;font-size:13px;color:#000;line-height:18px;overflow: hidden; text-overflow: ellipsis;white-space: normal; text-align: left; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break:break-all}
.board_swiper .s_thumb .date{display:inline-block;margin-top:1px;font-size:14px;color:#868e96;line-height:21px}
.board_swiper .reverse{flex-direction: row-reverse}
.board_swiper .reverse .s_thumb li{margin-left:0;margin-right:25px}
.board_navi{position:absolute;top:12px;right:0;font-size:0}
.board_navi > div{display:inline-block;width:34px;height:34px;font-size:0;text-indent:-99999px;background-image:url('../images/main_brd_arrow.png');background-repeat:no-repeat;border:1px solid #e1e4e8;vertical-align:top;cursor:pointer}
.board_navi > .swiper-button-next{margin-left:-1px;background-position: right top}

.day_container{position:relative;width:402px;height:211px}
.day_container .that_day .swiper-slide{overflow:hidden;position:relative;width:402px;height:211px;background-color:#eee;cursor: pointer}
.day_container .that_day .swiper-slide img{position:absolute;top:50%;left:50%;width:auto;height:auto;max-width:100%;max-height:100%;transform:translate(-50%,-50%)}
.day_container .day_thumbs{position:relative;margin-top: -82px;margin-left:141px;width:262px;background-color:#fff;z-index:1;opacity: 0.8;}
.day_container .day_thumbs .swiper-slide{padding:15px 8px 0 25px;height:82px;box-sizing:border-box;align-items: baseline;}
.day_container .day_thumbs .swiper-slide.swiper-slide-active{z-index:1}
.day_container .day_thumbs .swiper-slide a{display:block;width:100%;height:22px;text-align:left;font-size:15px;font-weight:bold;color:#000;line-height:22px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.day_container .day_thumbs .swiper-navi{padding: 0 8px 0 25px;background-color:#fff;position: absolute;bottom:10px;z-index: 10}
.day_container .day_thumbs .swiper-navi > div{display:inline-block;vertical-align:middle}
.day_container .day_thumbs .swiper-navi .swiper-scrollbar{display:inline-block;margin-right:5px;width:170px;height:3px;background-color:#d3d3d3}
.day_container .day_thumbs .swiper-navi .swiper-button-prev{width:14px;height:14px;font-size:0;text-indent:-99999px;background:url('../images/slide_control3.png') no-repeat 0 0;cursor:pointer}
.day_container .day_thumbs .swiper-navi .swiper-button-next{width:14px;height:14px;font-size:0;text-indent:-99999px;background:url('../images/slide_control3.png') no-repeat -14px 0;cursor:pointer}
.day_container .day_thumbs .swiper-navi .swiper-button-play{display:none;width:14px;height:14px;font-size:0;text-indent:-99999px;background:url('../images/slide_control3.png') no-repeat -28px 0;font-size:15px;cursor:pointer}
.day_container .day_thumbs .swiper-navi .swiper-button-pause{width:14px;height:14px;font-size:0;text-indent:-99999px;background:url('../images/slide_control3.png') no-repeat -42px 0;font-size:15px;cursor:pointer}
.main_brd_ty01 li{margin-top:16px}
.main_brd_ty01 li:first-child{margin-top:0}
.main_brd_ty01 a{display:block;width:100%;font-size:16px;line-height:23px;color:#000;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.main_brd_ty02 li{margin-top:5px}
.main_brd_ty02 li:first-child{margin-top:0}
.main_brd_ty02 .thumb{overflow:hidden;margin-bottom:15px;width:100%;height:122px;}
.main_brd_ty02 .thumb img{width:100%;min-height:100%}
.main_brd_ty02 .tit{height:24px;font-size:17px;color:#000;font-weight:bold;line-height:24px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main_brd_ty02 .desc{height:42px;margin-top:7px;font-size:14px;color:#757a80;line-height:21px;word-wrap: break-word;overflow: hidden; text-overflow: ellipsis;white-space: normal; text-align: left; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main_brd_ty02 .detail{display:inline-block;padding-right:10px;font-size:11px;color:#3171bc;background:url('../images/brd_ty2_arrow.jpg') no-repeat right center}


.main_brd_ty03{border:1px solid #dee2e6;border-top:none}
.main_brd_ty03 li{height:90px;background-color:#f8f9fa;border-top:1px solid #dee2e6}
.main_brd_ty03 li a{display:table-cell;padding:0 30px;width:100%;height:90px;vertical-align:middle}

.main_brd_ty03 li .tit{margin-bottom:3px;max-height:44px;font-size:15px;color:#000;line-height:22px;overflow: hidden; text-overflow: ellipsis;white-space: normal; text-align: left; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break:break-all}
.main_brd_ty03 li .date{font-size:14px;color:#868e96}


.sub_inner{margin:0 auto;width:1208px}
.sub_inner #sub_visual{height:250px;background-size: cover !important}
.sub_inner #sub_visual div{top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.sub_inner .location_wrap{border:1px solid #dfe3e6;box-sizing:border-box}

.board_ty01{width:100%}
.board_ty01 .board_top{position:relative;display:inline-flex;justify-content: space-between;width:100%}
.board_ty01 .board_top h3{display:inline-block;font-size:38px;line-height:48px;color:#000}
.board_ty01 .board_search{float:inherit;position:relative;display:inline-flex;width:200px;height:48px}
.board_ty01 .board_search > input{margin-left:0;padding:0 48px 0 20px;width:100%;height:48px;font-size:16px;color:#868e96;background-color:#f1f3f5;border:none}
.board_ty01 .board_search span{display:inline-block;position:absolute;top:0;right:0;width:48px;height:48px;}
.board_ty01 .board_search input[type="submit"]{width:48px;height:48px;background:url('../images/icon_search.png') no-repeat center center}
.board_ty01 .list{display:table;table-layout: fixed;width:100%;border-top:1px solid #dee2e6}
.board_ty01 .list li{padding:20px 0;border-bottom:1px solid #dee2e6;vertical-align:middle}
.board_ty01 .list li .thumb{overflow:hidden;display:table-cell;width:272px;height:180px;vertical-align: middle}
.board_ty01 .list li .thumb img{width:100%;min-height:100%}
.board_ty01 .list li .txt_area{display:table-cell;padding-left:26px;padding-top:14px;width:560px;box-sizing:border-box;vertical-align:top}
.board_ty01 .list li .brd_label{min-width:86px;height:28px;font-size:14px;line-height:28px}
.board_ty01 .list li .txt{display:block;margin-top:12px;margin-bottom:15px;height:94px}
.board_ty01 .list li .txt .tit{max-height:50px;font-size:18px;color:#000;font-weight:bold;line-height:25px;word-break: break-word;overflow: hidden; text-overflow: ellipsis;white-space: normal; text-align: left; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.board_ty01 .list li .txt .detail{height:44px;font-size:15px;color:#888;line-height:22px;word-break: break-word;overflow: hidden; text-overflow: ellipsis;white-space: normal; text-align: left; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.board_ty01 .list li .date{font-size:14px;color:#868e96}
.board_ty01 .list li.no_result{padding:50px 0;text-align:center}
.board_ty01.detail{margin-bottom:75px}
.board_ty01.detail .image {text-align: center;}
.board_ty01.detail .image img {margin-bottom: 0px;margin-top: 20px;}
.board_ty01.detail .image figcaption {font-size:16px;text-align: -webkit-left;line-height: 1.6;}
.board_ty01.detail .detail_top{padding:42px 0 20px 0}
.board_ty01.detail .detail_top h3{margin-bottom:12px;padding:0;font-size:23px;font-weight:bold;color:#000;line-height:30px;border-bottom:none}
.board_ty01.detail .detail_top .info{padding:0;text-align:right}
.board_ty01.detail .detail_top .info span{font-size:14px;color:#464646}
.board_ty01.detail .detail_top .info span::after{display:none}
.board_ty01.detail .detail_cont{padding:40px 10px;border-bottom:none;padding-left: 40px;padding-right: 40px;font-size:17px;word-break: break-word;}
.board_ty01.detail .detail_cont *{color:#000}
.board_ty01.detail .detail_cont .notice{position: relative;margin: 60px auto 60px;}
.board_ty01.detail .detail_cont .notice span{display: block;width: 500px;padding: 16px 20px;margin: 0 auto;color: #ffff;font-size: 16px;font-weight: 400;text-align: center;line-height: 22px;background-image: linear-gradient(90deg,#00a9e5,#00438e);}
.board_ty01.detail .detail_cont .notice *{color:#fff !important}
.board_ty01.detail .btn_area .btn{padding:0 37px;height:32px;font-size:14px;color:#fff;line-height:32px;background-color:#3a445f;border-radius:50vw}
.board_ty01.detail .detail_cont p{font-size:18px;line-height: 1.6}

.board_ty02 .title{padding-bottom:24px;font-size:24px;color:#000;font-weight:bold;line-height:34px;border-bottom:1px solid #dee1e6}
.board_ty02 .list{width:100%;font-size:0}
.board_ty02 .list li{display:inline-block;padding-top:28px;margin-left:18px;width:calc(50% - 18px);vertical-align:top}
.board_ty02 .list li:first-child{margin-left:0}
.board_ty02 .list li .thumb{overflow:hidden;display:inline-block;width:164px;height:92px;vertical-align:top}
.board_ty02 .list li .thumb img{width:100%;min-height:100%}
.board_ty02 .list li .txt_area{position:relative;display:inline-block;padding-left: 20px;width: calc(100% - 164px);height: 92px;box-sizing: border-box;vertical-align: top}
.board_ty02 .list li .txt_area .txt{height:56px;font-size:17px;color:#000;line-height:28px;overflow: hidden; text-overflow: ellipsis;white-space: normal; text-align: left; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow-wrap: break-word;}
.board_ty02 .list li .txt_area .date{position:absolute;bottom:0;right:0;font-size:12px;color:#858e95}



.side_brd .item .title{font-size:20px;color:#000;font-weight:bold;line-height:35px}
.side_brd .main_search_wrap{margin-top:48px;border:none;height:auto}
.side_brd .main_search_wrap .search_area{padding:22px 0}
.side_brd .main_brd_ty01 li{margin-top:12px}
.side_brd .main_brd_ty01 li:first-child{margin-top:8px}
.side_brd .main_brd_ty01 a{font-size:14px}

/* SNS Ã¦â‚¬Â¨Ã«â€œÂ­Ã¬â€˜â‚¬Ã¨Â¸Â°ÃªÂ¾ÂªÃ«â€œâ€° Ã¯Â¿Â½ÃªÂ¾Â©Ã¬â€Â Ã¨â€šâ€žÃ¯Â¿Â½ */
#shareBtnContainer {
	width: 100%; text-align: center; margin: 0 auto 64px auto;
}
@media screen and (max-width: 376px) {
	#shareBtnContainer { width: 200px; }
}

.shareBtn {
	cursor: pointer;
	display: inline-block;
	clear: none;
	text-align: center;
	width:36px;
	height:36px;
	margin: 0 0px;
	background-repeat:no-repeat;
	background-size: 432px 144px !important;
}
#shareFB { background: url("../images/bssowSpriteMin.png") calc(-36px * 6) -36px;}
#shareTWT { background: url("../images/bssowSpriteMin.png") calc(-36px * 7) -36px;}
#shareNaver { background: url("../images/bssowSpriteMin.png") calc(-36px * 4) -36px;}
#shareBand { background: url("../images/bssowSpriteMin.png") calc(-36px * 5) -36px;}
#sharePin { background: url("../images/bssowSpriteMin.png") calc(-36px * 8) -36px;}
#shareKS { background: url("../images/bssowSpriteMin.png") calc(-36px * 3) -36px;}
#shareKT { background: url("../images/bssowSpriteMin.png") calc(-36px * 2) -36px;}
#shareAddrCopy { background: url("../images/bssowSpriteMin.png") -36px -36px;}
/* SNS Ã¦â‚¬Â¨Ã«â€œÂ­Ã¬â€˜â‚¬Ã¨Â¸Â°ÃªÂ¾ÂªÃ«â€œâ€° Ã¯Â¿Â½ÃªÂ¾Â©Ã¬â€Â Ã¨â€šâ€žÃ¯Â¿Â½ Ã©â€ Â«Ã«â€šâ€¦Ã¬Â¦Âº */

.board_sub .paging a.on,
.board_sub .paging a:hover{border:none;background-color:#0068b7;color:#fff;font-weight: bold;}



.layer_subscribe{display:none;position:fixed;top:50%;left:50%;width:700px;font-size:0;background-color:#fff;border:3px solid #0060b2;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index: 100}
.layer_subscribe img{display:block;width:100%}
.layer_subscribe .email_area{padding:20px 0;text-align:center;background-color:#34bcb4}
.layer_subscribe .email_area label{display:inline-block;margin-right:10px;font-size:15px;font-weight:bold;color:#fff;line-height:27px;vertical-align:top}
.layer_subscribe .email_area input{display:inline-block;height:25px;width:250px;height:27px;background-color:#fff;font-size:15px;color:#868e96;text-align:center;border:none;vertical-align:top}
.layer_subscribe .agree_area{padding:20px 50px 40px}
.layer_subscribe .privacy_box{overflow-y:scroll;padding:20px;height:80px;border:1px solid #dddddd;font-size:12px;line-height:19px;color:#000000}
.layer_subscribe .privacy_box h3{margin-bottom:10px;text-align:center;font-size:14px;font-weight:bold}
.layer_subscribe .privacy_box p{line-height: 19px}
.layer_subscribe .agree_list{margin-top:15px;margin-bottom:20px}
.layer_subscribe .agree_list li{margin-top:10px}
.layer_subscribe .agree_list li input{top:inherit;margin-right:10px;vertical-align:top}
.layer_subscribe .agree_list li span{display:inline-block;line-height:16px;font-size:12px;color:#000;vertical-align:top}
.layer_subscribe .btn{display:block !important;position:relative;margin:0 auto;padding:0;width:260px;height:35px;font-size:13px;font-weight:bold;text-align:center;background-color:#0060b2;border-radius:50vw}


.layer_subscomplete{display:none;position:fixed;top:50%;left:50%;width:700px;font-size:0;background-color:#fff;border:3px solid #0060b2;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index: 100}
.layer_subscomplete img{display:block;width:100%}
.layer_subscomplete .btn_area{margin:0;padding:20px 0;text-align:center;background-color:#34bcb4}
.layer_subscomplete .btn{display:block !important;position:relative;margin:0 auto;padding:0;width:260px;height:35px;font-size:13px;font-weight:bold;text-align:center;background-color:#0060b2;border-radius:50vw}
.layer_subscribe .layer_close{position:absolute;top:10px;right:10px;width:30px;height:30px;font-size:0;text-indent:-99999px;background:url('../images/corruption_pop_close.gif') no-repeat center center;background-size:20px 20px}

.board_ty03{width:100%}
.board_ty03 .board_top{position:relative;display:inline-flex;justify-content: space-between;width:100%}
.board_ty03 .board_top h3{display:inline-block;font-size:38px;line-height:48px;color:#000}
.board_ty03 .board_search{float:inherit;position:relative;display:inline-flex;width:200px;height:48px}
.board_ty03 .board_search > input{margin-left:0;padding:0 48px 0 20px;width:100%;height:48px;font-size:16px;color:#868e96;background-color:#f1f3f5;border:none}
.board_ty03 .board_search span{display:inline-block;position:absolute;top:0;right:0;width:48px;height:48px;}
.board_ty03 .board_search input[type="submit"]{width:48px;height:48px;background:url('../images/icon_search.png') no-repeat center center}
.board_ty03 .btn_area .btn{padding:0 37px;height:32px;font-size:14px;color:#fff;line-height:32px;background-color:#3a445f;border-radius:50vw}
.gallery-top {height:auto;width: 100%}
.gallery-top .swiper-slide{display:block;position:relative;width:785px;height:557px;background-color:#eee}
.gallery-top .swiper-slide a{display:block;position:relative;width:100%;height:100%}
.gallery-top .swiper-slide .thumb{position:relative;height:445px}
.gallery-top .swiper-slide img{display: block;position: absolute;top: 50%;left: 50%;width:auto;height:auto;max-height: 100%;max-width: 100%;transform: translate(-50%, -50%)}
.gallery-top .swiper-slide .txt_area{position:absolute;bottom:0;left:0;padding:20px;width:100%;min-height:112px;background-color:#fff;box-sizing:border-box}
.gallery-top .swiper-slide .txt_area .top{text-align:left;font-size:0}
.gallery-top .swiper-slide .txt_area .top .date{display:inline-block;width:100px;font-size:15px;line-height:22px;color:#000;font-weight:bold;vertical-align: top}
.gallery-top .swiper-slide .txt_area .top .tit{display:inline-block;width:calc(100% - 100px);font-size:18px;color:#000;font-weight:bold;line-height:22px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;vertical-align: top}
.gallery-top .swiper-slide .txt_area .txt{font-size:15px;color:#000;line-height:22px;text-align:left}
.gallery-thumbs {position:relative;padding: 10px 0;height: 106px;box-sizing: border-box}
.gallery-thumbs .swiper-slide {position:relative;width: 25%;height: 100%;opacity: 0.4;cursor:pointer;text-align:left;background-color:#eee}
.gallery-thumbs .swiper-slide img{position:absolute;top:50%;left:50%;max-width:100%;max-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);}
.gallery-thumbs .swiper-slide .txt_area{position:absolute;left:0;bottom:0;padding:10px;width:100%;background-color:rgba(0,0,0,0.5);box-sizing:border-box}
.gallery-thumbs .swiper-slide .txt_area p{max-height:19px;font-size:12px;color:#fff;line-height:19px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.gallery-thumbs .swiper-button-next,
.gallery-thumbs .swiper-button-prev{position:absolute;top:50%;margin-top:-17px;width:34px;height:34px;background-color:rgba(0,0,0,0.2);background-image:url('../images/main_brd_arrow.png');z-index:10 ;cursor: pointer}
.gallery-thumbs .swiper-button-prev{left:0}
.gallery-thumbs .swiper-button-next{right:0;background-position:right top }

.board_ty04{width:100%}
.board_ty04 .board_top{position:relative;display:inline-flex;justify-content: space-between;width:100%}
.board_ty04 .board_top h3{display:inline-block;font-size:38px;line-height:48px;color:#000}
.board_ty04 .board_search{float:inherit;position:relative;display:inline-flex;width:200px;height:48px}
.board_ty04 .board_search > input{margin-left:0;padding:0 48px 0 20px;width:100%;height:48px;font-size:16px;color:#868e96;background-color:#f1f3f5;border:none}
.board_ty04 .board_search span{display:inline-block;position:absolute;top:0;right:0;width:48px;height:48px;}
.board_ty04 .board_search input[type="submit"]{width:48px;height:48px;background:url('../images/icon_search.png') no-repeat center center}
.board_ty04 .list{font-size:0}
.board_ty04 .list li{display:inline-block;margin-top:10px;margin-left:10px;position:relative;width:255px;height:173px;vertical-align:top}
.board_ty04 .list li:nth-child(3n+1){margin-left:0 }
.board_ty04 .list li a{display:block;width:100%;height:173px;cursor:pointer;overflow:hidden}

.board_ty04 .list li img{width:100%;transition:all 0.5s}
.board_ty04 .list li a:hover img{transform:scale(1.1,1.1);-webkit-transform:scale(1.5,1.5);}
.board_ty04 .list li .txt_area{position:absolute;left:0;bottom:0;padding:20px;width:100%;background-color:rgba(0,0,0,0.5);box-sizing:border-box}
.board_ty04 .list li .txt_area p{max-height:44px;font-size:15px;color:#fff;line-height:22px;font-weight:bold;overflow: hidden; text-overflow: ellipsis;white-space: normal; text-align: left; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.board_ty04 .list li.no_result{display:block;margin:0;width:100%;padding:50px;font-size:13px;text-align:center;box-sizing:border-box}
