@charset "utf-8";

@import url("base.css");

.blog_footer .b_container a,
.blog_container a,
.blog_header a,
:after,
:before,
span,
em,
strong {vertical-align: middle; line-height: 1.6;}

.bcol_g {background-color: #f3f4f7;}

.blog_footer .b_container,
.blog_container .b_container,
.blog_header .b_container {width: 1200px; margin: 0 auto;}

.thumbnail_wrap .thumbnail_img img,
.bh_cont1_2 > div img,
.bh_cont1_1 .owl-item img {width: 100%; height: 100%;}

.thumbnail_img {width: 100%; height: 250px; overflow: hidden;}
.thumbnail_img img {width: 100%; height: 100%;}

.blogView_bottomT button span,
.blog_container .b_container.top .box_bcol_g a span,
.bh_line2 .gnb li a span,
.bh_line1 .b_container a:hover span {border-bottom: 1px solid #fff;}

.bh_line1 {background-color: #555; color: #fff; text-align: right;}
.bh_line1 .b_container a {background-color: #333; padding: 10px 20px; display: inline-block;}
.bh_line1 .b_container a span {border-bottom: 1px solid #333;}
.bh_line1 .b_container a:before {content:''; background: url(/korean/img/blog/ico_home.png) no-repeat 0 0; width: 14px; height: 14px; margin-right: 10px; display: inline-block; vertical-align: text-top;}
.bh_line2 .b_container {overflow: hidden;}

.news_wrap {overflow: hidden; padding: 40px 0;}
.news_wrap > div {float: left; box-sizing: border-box;}
.bh_cont1_1 {width: 790px; height: 500px; overflow: hidden; display: inline-block; position: relative;}


.bh_cont1_1 .owl-dots {text-align: center; position: absolute; top: 20px; right: 20px;}
.bh_cont1_1 .owl-dots button {vertical-align: middle; margin: 0 4px;}
.bh_cont1_1 .owl-dots button span {display: inline-block; width: 16px; height: 16px; border: 2px solid #ddd; border-radius: 50%; position: relative; box-sizing: border-box;}
.bh_cont1_1 .owl-dots button:focus span,
.bh_cont1_1 .owl-dots button:hover span {border: 2px solid #fff;}
.bh_cont1_1 .owl-dots button.active span {border: 2px solid #e8620c;}
.bh_cont1_1 .owl-dots button.active span:before {content:''; display: inline-block; width: 8px; height: 8px; background-color: #e8620c; border-radius: 50%; position: absolute; top: 2px; left: 2px;}
.bh_cont1_2 > div {width: 390px; height: 240px; overflow: hidden; box-sizing: border-box; margin-left: 20px; position: relative;}
.bh_cont1_2_1 {margin-bottom: 20px;}
.bh_cont1_2_txt {font-size: 20px; position: absolute; bottom: 0; left: 0; color: #fff; -webkit-line-clamp: 2; line-height: 1.6; height: 3.2; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; box-sizing: border-box; padding: 15px 20px;}

.tab_wrap.blog {margin: 20px 0;}
.tab_wrap.blog .tabs {border-bottom: 1px solid #000; margin-bottom: 20px; box-sizing: border-box; padding-left: 10px}
.tab_wrap.blog .tabs li {display: inline-block; border: none; padding: 0; border: 1px solid #ddd; border-bottom: none;}
.tab_wrap.blog .tabs li button {padding: 5px 40px 4px;}
.tab_wrap.blog .tabs li.active {border: none; background-color: #555; border: 1px solid #555; }
.tab_wrap.blog .tabs li.active button {color: #fff;}
.tab_wrap.blog ul ul ul {overflow: hidden; margin: -10px;}

.thumbnail_cont > ul li,
.tab_wrap.blog .tabContent ul li {float: left; width: 33.33%; padding: 10px; box-sizing: border-box;}
.thumbnail_cont > ul li a,
.tab_wrap.blog .tabContent ul li a {width: 100%; display: block; border: 1px solid #ddd; box-sizing: border-box;}
.thumbnail_cont .thumbnail_wrap,
.tab_wrap.blog .thumbnail_wrap {width: 100%; margin: 0 auto;}
.tab_wrap.blog .tabContent ul li > a:focus p strong,
.tab_wrap.blog .tabContent ul li > a:hover p strong {text-decoration: underline; text-underline-position: under;}
.thumbnail_cont > ul li a:focus,
.thumbnail_cont > ul li a:hover,
.tab_wrap.blog .tabContent ul li a:focus,
.tab_wrap.blog .tabContent ul li a:hover {outline: 4px solid #e8620c; border: 1px solid #e8620c;}

.tab_wrap.blog .tab.list > ul {border-bottom: 1px solid #ddd;}
.tab_wrap.blog .tab.list > ul > li > a {width: 120px; height: 40px; padding: 8px; background-color: #ddd; cursor: pointer; box-sizing: border-box; border: none;}
.tab_wrap.blog .tab.list > ul > li:last-child > a {left: 120px;}
.tab_wrap.blog .tab.list > ul > li.active > a {background-color: #555; color: #fff;}
.tab_wrap.blog .tab.list > ul > li::before {content: ''; display: block; width: 100%; height: 1px; background-color: #555; position: absolute; top: 40px; left: 0;}
.tab_wrap.blog .tab.list > ul > li > ul {top: 60px;}
.tab_wrap.blog .tab.list > ul > li > ul {padding-top: 50px;}

.btn_wrap button.plus {border-radius: 30px; background-color: #f3f4f7; border: 1px solid #ddd; margin: 10px 0 20px;}

.thumbnail_cont > ul,
.tab_wrap.blog .tabContent ul {margin: 0 -10px 20px; overflow: hidden;}
.thumbnail_cont > ul > li > a:focus p strong,
.thumbnail_cont > ul > li > a:hover p strong {text-decoration: underline; border: none; color: #e8620c;}
.thumbnail_cont .thumbnail_wrap .thumbnail_txt p:nth-child(2) {margin: 10px 0 0 0;}
.thumbnail_cont .thumbnail_wrap .thumbnail_txt p:nth-child(2) span {color: #555; display: inline-block; padding: 0 10px; background: url(/korean/img/common/bg_vBar.png) no-repeat right center;}
.thumbnail_cont .thumbnail_wrap .thumbnail_txt p:nth-child(2) span:first-child {padding-left: 0;}
.thumbnail_cont .thumbnail_wrap .thumbnail_txt p:nth-child(2) span:last-child {padding-right: 0; background: none;}

/* footer */
.blog_footer {background-color: #363638; color: #bdbec1; padding: 0 0 50px;}
.bf_line1 {border-bottom: 1px solid #454546;}
.bf_line1 ul {overflow: hidden;}
.bf_line1 ul li {float: left;}
.bf_line1 ul li a {display: inline-block; padding: 15px; background: url(/korean/img/common/bg_vBar.png) no-repeat 0 center;}
.bf_line1 ul li a span {border-bottom: 1px solid #363638;}
.bf_line1 ul li:focus a span,
.bf_line1 ul li:hover a span {border-bottom: 1px solid #ff7908;}
.bf_line1 ul li:first-child:hover a span {border-bottom: 1px solid #bdbec1;}
.bf_line1 ul li:first-child a {background: none; padding-left: 0;}
.bf_line2 {margin-top: 20px;}
.bf_line2 ul li > span:first-child {margin-right: 20px;}
.bf_line2 div {background: url(/korean/img/common/footer_logo.png) no-repeat 0 center; padding-left: 180px; box-sizing: border-box;}

/* slide text and control btn */
.bh_cont1_1 .owl-item_txt {position: absolute; bottom: 0; left: 0; color: #fff; width: 100%; font-size: 30px; box-sizing: border-box; padding: 22px 15px; z-index: 9;}
.bh_cont1_1 .owl-item_txt span {display: inline-block; width: 100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.bh_cont1_1 .owl-nav {position: absolute; top: 50%; left: 0px; width: 100%; height: 0;}
.bh_cont1_1 .owl-nav button {margin-top: -42px;}
.bh_cont1_1 .owl-nav button span {display: inline-block; width: 34px; height: 84px; background: url(/korean/img/blog/btn_controller.png) no-repeat 0 0;}
.bh_cont1_1 .owl-nav button:last-child {float: right;}
.bh_cont1_1 .owl-nav button:last-child span {background-position: -44px 0;}

.blog_container .b_container {}
/*.blog_container .b_container.top {border-top: 1px solid #ddd;}*/
.blog_container .b_container.top .box_bcol_g {position: relative;}
.blog_container .b_container.top .box_bcol_g a {border: 1px solid #555; float: right; padding: 10px 40px 9px; background-color: #fff; font-size: 16px;}
.blog_container .b_container.top .box_bcol_g a:hover span {border-bottom: 1px solid #555;}
.blog_container .boardTop_wrap {margin-bottom: 0;}
.blog_container .box_bcol_g {box-sizing: border-box; margin: 20px 0; font-size: 30px;}
.blog_container .box_bcol_g strong {font-weight: 400;}

.blogView_top {border-bottom: 1px solid #000; text-align: center; padding: 20px 10px;}
.blogView_top p:first-child {color: #e8620c; font-size: 16px;}
.blogView_top p:nth-child(2) {font-size: 28px;}
.blogView_cont {padding: 10px; font-size: 16px; position: relative; border-bottom: 1px solid #dddddd;}
.blogView_cont .img_wrap {padding: 20px 0;}
.blogView_cont .blogView_sharing .bb_sharing {position: absolute; top: 20px; right: 20px;}
.blogView_cont .blogView_sharing .bb_sharing:before {display: inline-block; content:''; width: 37px; height: 37px; background: url(/korean/img/blog/ico_sharing.png) no-repeat 0 center;}
.blogView_cont .blogView_sharing .bb_sharing.on:before {background-position: -37px center;}
.blogView_cont .blogView_sharing .blog_sns {position: absolute; top: 60px; right: 20px; display: none;}
.blogView_cont .blogView_sharing .blog_sns li {margin: 5px 0;}
.blogView_cont .blogView_sharing .blog_sns li a {display: inline-block; width: 37px; height: 37px; background: url(/korean/img/blog/ico_sns.png) no-repeat 0 0;}
.blogView_cont .blogView_sharing .blog_sns li:nth-child(2) a {background-position: 0 -42px;}
.blogView_cont .blogView_sharing .blog_sns li:nth-child(3) a {background-position: 0 -84px;}
.blogView_cont .blogView_sharing .blog_sns li:nth-child(4) a {background-position: 0 -126px;}
.blogView_cont .blogView_sharing .blog_sns li:nth-child(5) a {background-position: 0 -168px;}

/*
.blogView_bottom {}
.blogView_bottomT {margin-bottom: 20px; border: 1px solid #ddd;}
.blogView_bottomT em,
.blogView_bottomT strong {padding: 15px 10px; vertical-align: middle; height: 16px; display: inline-block;}
.blogView_bottomT strong {border-right: 1px solid #ddd; width: 100px; text-align: center; }
.blogView_bottomT em:first-child:before {content:''; width: 18px; height: 19px; background: url(/korean/img/sub/ico_file.png) no-repeat 0 0; display: inline-block;}
.blogView_bottomT button {padding: 4px 15px 3px; border: 1px solid #555;}
.blogView_bottomT button.btn_mi:before {content:''; width: 18px; height: 10px; background: url(/korean/img/blog/ico_mi.png) no-repeat 0 0; display: inline-block; margin-right: 10px;}
.blogView_bottomT button.btn_da:before {content:''; width: 17px; height: 15px; background: url(/korean/img/blog/ico_da.png) no-repeat 0 0; display: inline-block; margin-right: 10px;}
.blogView_bottomT button.btn_mi:hover span,
.blogView_bottomT button.btn_da:hover span {border-bottom: 1px solid #555;}
*/

.blogView_bottomS {position: relative; margin: 40px 0 80px;}
.blogView_bottomS .owl-nav {width: 100%; height: 0; position: absolute; top: 50%; left: -60px;}
.blogView_bottomS .owl-nav button {position: relative;  width: 48px; height: 48px; margin-top: -24px;}
.blogView_bottomS .owl-nav button span {display: inline-block; width: 48px; height: 48px; background: url(/korean/img/blog/btn_controller2.png) no-repeat 0 0;}
.blogView_bottomS .owl-nav button:last-child {float: right; position: absolute; top: 0px; right: -120px;}
.blogView_bottomS .owl-nav button:last-child span {background-position: -48px 0;}
.blogView_bottomS .owl-dots {display: none;}
.blogView_bottomS .item {position: relative;}
.blogView_bottomS .item > div {width: 100%; position: absolute; bottom: 0; left: 0; z-index: 9; box-sizing: border-box; padding: 5px 10px;}
.blogView_bottomS .item > div span {color: #fff; width: 100%; font-size: 18px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; display: inline-block;}


/* Tablet Device */
@media all and (min-width:1200px) {
  .bh_line2 h1 a {width: 216px; height: 29px; background: url(/korean/img/blog/img_logo.png) no-repeat 0 center; float: left; padding: 20px 0;}
  .bh_line2 .gnb {overflow: hidden; float: right;}
  .bh_line2 .gnb li {float: left;}
  .bh_line2 .gnb li a {padding: 15px 20px; font-size: 18px; margin: 8.5px 20px; border-radius: 25px 25px 25px 0px; display: inline-block;}
  .bh_line2 .gnb li a:focus,
  .bh_line2 .gnb li a:hover {background-color: #e8620c; color: #fff;}

  .thumbnail_cont .thumbnail_wrap .thumbnail_txt,
  .tab_wrap.blog .thumbnail_wrap .thumbnail_txt {padding: 20px; box-sizing: border-box;}
  .tab_wrap.blog .thumbnail_wrap .thumbnail_txt p:first-child span {height: 11px; font-size: 12px; color: #e8620c; border: 1px solid #e8620c; padding: 2px 5px;}
  .tab_wrap.blog .thumbnail_wrap .thumbnail_txt p:nth-child(2) {margin: 5px 0;}
  .thumbnail_cont .thumbnail_wrap .thumbnail_txt p:nth-child(1),
  .tab_wrap.blog .thumbnail_wrap .thumbnail_txt p:nth-child(2) {width:100%; font-size: 18px;}
  .thumbnail_cont .thumbnail_wrap .thumbnail_txt p:nth-child(1) strong,
  .tab_wrap.blog .thumbnail_wrap .thumbnail_txt p:nth-child(2) strong {display: inline-block; max-width: 90%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; box-sizing: border-box;}
  .thumbnail_cont .thumbnail_wrap .thumbnail_txt p:nth-child(1) em,
  .tab_wrap.blog .thumbnail_wrap .thumbnail_txt p:nth-child(2) em {color: #fff; background-color: #e8620c; padding: 2px 5px 1px; margin: -3px 0 0 5px; font-size: 16px;}
  .tab_wrap.blog .thumbnail_wrap .thumbnail_txt p:nth-child(3) span {-webkit-line-clamp: 2; line-height: 1.6em; height: 3.2em; text-overflow: ellipsis; overflow: hidden; display: block; -webkit-box-orient: vertical;}
  .tab_wrap.blog .thumbnail_wrap .thumbnail_txt p:nth-child(4) {margin-top: 10px;}
  .thumbnail_cont .thumbnail_wrap .thumbnail_txt p:nth-child(2) span,
  .tab_wrap.blog .thumbnail_wrap .thumbnail_txt p:nth-child(4) span {color: #999999;}
}
/* Tablet Device */
@media all and (min-width:768px) and (max-width:1199px) {
  .blog_footer .b_container,
  .blog_container .b_container,
  .blog_header .b_container {width: 100%; margin: 0 auto;}

  .blog_container {padding: 0 20px;}

  .bh_line2 {border-bottom: 1px solid #ddd; position: relative; text-align: center; height: 80px; box-sizing: border-box;}
  .bh_line2 h1 a {display: inline-block; width: 216px; height: 29px; background: url(/korean/img/blog/img_logo.png) no-repeat 0 center; padding: 25px 0;}
  .mobile_gnbBtn button {width: 27px; height: 25px; background: url(/korean/img/common/ico_menu.png) no-repeat center center; padding: 40px; position: absolute; top: 0; left: 0; display: block;}
  .mobile_gnbBtn button.on {display: none;}
  .bh_line1 {background-color: #555; color: #fff; text-align: right;}
  .bh_line1 .b_container a {background-color: #333; padding: 0; display: inline-block; width: 100%; height: 80px; line-height: 80px; text-align: center; box-sizing: border-box; font-size: 1.2em;}
  .bh_line1 .b_container a span {border-bottom: 1px solid #333;}
  .bh_line2 .gnb_wrap {position: fixed; top: 0; left: -100%; background-color: #f3f4f7; z-index: 999; width: calc(100% - 72px); max-width: 500px; height: 100%;}
  .bh_line2 .gnb_wrap .gnb li {border-bottom: 1px solid #ddd;}
  .bh_line2 .gnb_wrap .gnb li a {display: block; padding: 17px 30px; text-align: left; background-color: #ffffff; color: #333333; font-size: 1.2em;}
  .bh_line2 .gnb_wrap .mobile_gnbBtnClose {display: inline-block; position: absolute; top: 0; right: -100px;}
  .bh_line2 .gnb_wrap .mobile_gnbBtnClose button {width: 100px; height: 80px; background: #555555 url(/korean/img/blog/ico_gnbClose.png) no-repeat center center; display: none; box-sizing: border-box;}
  .bh_line2 .gnb_wrap .mobile_gnbBtnClose button.on {display: block;}

  .news_wrap {padding: 0;}
  .news_wrap > div {float: none;}

  /* slide text and control btn */
  .bh_cont1_1 {width: 100%; height: auto; padding: 10px 15px; box-sizing: border-box;}
  .bh_cont1_1 .owl-item {width: 100%;}
  .bh_cont1_1 .owl-item_txt {font-size: 24px;}

  .bh_cont1_2 {overflow: hidden; box-sizing: border-box; padding: 0 15px;}
  .bh_cont1_2 > div {float: left; width: 50%; height: auto; margin-left: 0;}
  .bh_cont1_2 > div > div {width: 98%;}
  .bh_cont1_2 > div > div:first-child {}
  .bh_cont1_2 > div:last-child > div {float: right;}

  .thumbnail_img {height: 200px;}
  .b_container .tab_wrap.blog {box-sizing: border-box;}
  .thumbnail_cont .thumbnail_wrap .thumbnail_txt,
  .tab_wrap.blog .thumbnail_wrap .thumbnail_txt {padding: 10px; box-sizing: border-box;}
  .tab_wrap.blog .thumbnail_wrap .thumbnail_txt p:first-child span {height: 11px; font-size: 12px; color: #e8620c; border: 1px solid #e8620c; padding: 2px 5px;}
  .tab_wrap.blog .thumbnail_wrap .thumbnail_txt p:nth-child(2) {margin: 10px 0;}
  .thumbnail_cont .thumbnail_wrap .thumbnail_txt p:nth-child(1),
  .tab_wrap.blog .thumbnail_wrap .thumbnail_txt p:nth-child(2) {width:100%; font-size: 18px;}
  .thumbnail_cont .thumbnail_wrap .thumbnail_txt p:nth-child(1) strong,
  .tab_wrap.blog .thumbnail_wrap .thumbnail_txt p:nth-child(2) strong {display: inline-block; max-width: 80%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; border-bottom: 1px solid #fff; box-sizing: border-box;}
  .thumbnail_cont .thumbnail_wrap .thumbnail_txt p:nth-child(1) em,
  .tab_wrap.blog .thumbnail_wrap .thumbnail_txt p:nth-child(2) em {color: #fff; background-color: #e8620c; padding: 2px 5px 1px; margin: -3px 0 0 5px;}
  .tab_wrap.blog .thumbnail_wrap .thumbnail_txt p:nth-child(3) span {-webkit-line-clamp: 2; line-height: 1.6em; height: 3.2em; text-overflow: ellipsis; overflow: hidden; display: block; -webkit-box-orient: vertical;}
  .tab_wrap.blog .thumbnail_wrap .thumbnail_txt p:nth-child(4) {margin-top: 20px;}
  .thumbnail_cont .thumbnail_wrap .thumbnail_txt p:nth-child(2) span,
  .tab_wrap.blog .thumbnail_wrap .thumbnail_txt p:nth-child(4) span {font-size: 12px; color: #999999;}

  .blogView_bottom .btn_wrap {margin: 10px auto 20px;}

  .blogView_bottomS {margin: 20px 0; padding: 0 10px; overflow: hidden;}
  .blogView_bottomS .owl-nav {height: 0; left: -15px;}
  .blogView_bottomS .owl-nav button {width: 40px; height: 40px; margin-top: -20px;}
  .blogView_bottomS .owl-nav button span {width: 40px; height: 40px; background-size: 200% 100%;}
  .blogView_bottomS .owl-nav button:first-child {position: absolute; top: 0px; left: 0;}
  .blogView_bottomS .owl-nav button:last-child {position: absolute; top: 0px; right: -30px;}
  .blogView_bottomS .owl-nav button:last-child span {background-position: -40px 0;}

  /* footer */
  .bf_line1 ul li a {padding: 15px 20px;}
  .bf_line1 ul li:first-child a {padding-left: 20px;}
  .bf_line2 {margin-left: 20px;}
}

@media all and (min-width:768px) and (max-width: 950px) {
  .thumbnail_img {height: 140px;}
}

/* Mobile Device */
@media all and (max-width:767px) {
  .blog_footer .b_container,
  .blog_container .b_container,
  .blog_header .b_container {width: 100%; margin: 0 auto;}
  .blog_footer .b_container,
  .blog_container .b_container,
  .blog_header .b_container {width: 100%; margin: 0 auto;}
  .blog_container {padding: 0 10px;}
  .blog_container .box_bcol_g {font-size: 18px;}
  .blog_container .box_bcol_g strong {line-height: 35px;}

  .blog_container .b_container.top .box_bcol_g a {padding: 5px 20px; font-size: 14px;}

  .news_wrap {padding: 0;}
  .news_wrap > div {float: none;}
  .bh_line2 {border-bottom: 1px solid #ddd; position: relative; text-align: center; height: 60px; box-sizing: border-box;}
  .bh_line2 h1 a {display: inline-block; width: 216px; height: 29px; background: url(/korean/img/blog/img_logo.png) no-repeat 0 center; padding: 15px 0;}
  .mobile_gnbBtn button {width: 27px; height: 25px; background: url(/korean/img/common/ico_menu.png) no-repeat center center; padding: 34px; position: absolute; top: 0; left: 0; display: block;}
  .mobile_gnbBtn button.on {display: none;}
  .bh_line1 {background-color: #555; color: #fff; text-align: right;}
  .bh_line1 .b_container a {background-color: #333; padding: 0; display: inline-block; width: 100%; height: 60px; line-height: 60px; text-align: center; box-sizing: border-box; font-size: 1.2em;}
  .bh_line1 .b_container a span {border-bottom: 1px solid #333;}
  .bh_line2 .gnb_wrap {position: fixed; top: 0; left: -100%; background-color: #f3f4f7; z-index: 999; width: calc(100% - 72px); max-width: 500px; height: 100%;}
  .bh_line2 .gnb_wrap .gnb li {border-bottom: 1px solid #ddd;}
  .bh_line2 .gnb_wrap .gnb li a {display: block; padding: 17px 30px; text-align: left; background-color: #ffffff; color: #333333; font-size: 1.2em;}
  .bh_line2 .gnb_wrap .mobile_gnbBtnClose {display: inline-block; position: absolute; top: 0; right: -72px;}
  .bh_line2 .gnb_wrap .mobile_gnbBtnClose button {width: 72px; height: 60px; background: #555555 url(/korean/img/blog/ico_gnbClose.png) no-repeat center center; display: none; box-sizing: border-box;}
  .bh_line2 .gnb_wrap .mobile_gnbBtnClose button.on {display: block;}
/*
  .bh_line2 .gnb_wrap .mobile_gnbBtnClose button {display: inline-block; width: 26px; height: 27px; background: #f26b00 url(/korean/img/common/ico_gnbClose.png) no-repeat center center; padding: 21px; position: absolute; top: 0; right: -68px;}

*/
  /* slide text and control btn */
  .bh_cont1_1 {width: 100%; height: auto; padding: 10px 15px; box-sizing: border-box;}
  .bh_cont1_1 .owl-item {width: 100%;}
  .bh_cont1_1 .owl-item_txt {font-size: 18px; padding: 10px;} /* 1017 가람 수정 */
  .bh_cont1_1 .owl-nav button {margin-top: -10px;}
  .bh_cont1_1 .owl-nav button span {width: 20px; height: 49px; background: url(/korean/img/blog/btn_controller.png) no-repeat 0 0; background-size: 200% 100%;}
  .bh_cont1_1 .owl-nav button:last-child span {background-position: -20px 0;}

  .bh_cont1_1 .owl-dots {position: absolute; top: 10px; right: 10px;}
  .bh_cont1_2 {overflow: hidden; box-sizing: border-box; padding: 0 15px;}
  .bh_cont1_2 > div {width: 100%; height: auto; margin-left: 0;}
  .bh_cont1_2 > div > div {width: 100%;}
  .bh_cont1_2 > div > div:first-child {}
  .bh_cont1_2 > div:last-child > div {float: right;}
  .bh_cont1_2_txt {font-size: 16px; text-overflow: inherit; padding: 10px;}
  .bh_cont1_2_1 {margin-bottom: 10px;}

  .b_container .tab_wrap.blog {box-sizing: border-box;}

  /*thumbnail*/
  .thumbnail_cont > ul li,
  .tab_wrap.blog .tabContent ul li {width: 100%; padding: 5px; float: none;}
  .thumbnail_wrap {}
  .thumbnail_wrap::after {content: ''; display: block; clear: both;}
  .thumbnail_wrap > div {vertical-align: top; display: inline-block;}
  .thumbnail_wrap > div.thumbnail_img {width: 38%; vertical-align: middle;}
  .thumbnail_img {height: auto;}
  .thumbnail_wrap .thumbnail_img img {padding: 5px; box-sizing: border-box; vertical-align: middle;}
  .thumbnail_cont .thumbnail_wrap .thumbnail_txt,
  .thumbnail_wrap .thumbnail_txt {width: 60%; padding: 5px; box-sizing: border-box; position: relative; vertical-align: middle;}
  .thumbnail_cont .thumbnail_wrap .thumbnail_txt p:last-child {font-size: 14px;}
  .thumbnail_cont .thumbnail_wrap .thumbnail_txt p:nth-child(1) em,
  .tab_wrap.blog .thumbnail_wrap .thumbnail_txt p:nth-child(2) em,
  .tab_wrap.blog .thumbnail_wrap .thumbnail_txt p:first-child span {border: 1px solid #e8620c; color: #e8620c; padding: 3px 5px 0; display: inline-block; font-size: 12px; height: 12px; line-height: 12px;}
  .tab_wrap.blog .thumbnail_wrap .thumbnail_txt p:nth-child(2) {width: 100%; display: inline-block; box-sizing: border-box;}
  .thumbnail_cont .thumbnail_wrap .thumbnail_txt p:nth-child(1) strong,

  /*
  .tab_wrap .thumbnail_wrap .thumbnail_txt p:nth-child(2) strong {max-width: 85%;text-overflow:ellipsis;word-wrap:normal;overflow:hidden;border-bottom: 1px solid #fff;display: inline-block;font-size: 16px;margin-top: 5px;}
  .tab_wrap.blog .thumbnail_wrap .thumbnail_txt p:nth-child(2) strong {max-width: 85%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;border-bottom: 1px solid #fff;display: inline-block;font-size: 16px;margin-top: 5px;}
  */


  .tab_wrap.blog .thumbnail_wrap .thumbnail_txt p:nth-child(3) span {width: 100%; text-overflow:ellipsis; word-wrap:normal; overflow:hidden; border-bottom: 1px solid #fff; display: inline-block; font-size: 16px; line-height: 1.5em; height: 3em;}
  .tab_wrap.blog .thumbnail_wrap .thumbnail_txt p:last-child {position: absolute; top: 10px; right: 10px; font-size: 14px;}

  .blogView_top p:nth-child(2) {font-size: 18px;}

  .blogView_bottom .btn_wrap {margin: 10px auto 20px;}
  .blogView_bottomS .item > div span {font-size: 1em;}

  .blogView_bottomS {margin: 20px 0; padding: 0 10px; overflow: hidden;}
  .blogView_bottomS .owl-nav {height: 0; left: -15px;}
  .blogView_bottomS .owl-nav button {width: 30px; height: 30px; margin-top: -15px;}
  .blogView_bottomS .owl-nav button span {width: 30px; height: 30px; background-size: 200% 100%;}
  .blogView_bottomS .owl-nav button:first-child {position: absolute; top: 0px; left: 0;}
  .blogView_bottomS .owl-nav button:last-child {position: absolute; top: 0px; right: -30px;}
  .blogView_bottomS .owl-nav button:last-child span {background-position: -30px 0;}

  /* footer */
  .blog_footer {font-size: 12px; padding: 0;}
  .bf_line1 ul li {text-align: center; box-sizing: border-box;}
  .bf_line1 ul li:first-child {border-right: 1px solid #454546;}
  .bf_line1 ul li:first-child,
  .bf_line1 ul li:nth-child(2) {width: 50%;}
  .bf_line1 ul li:last-child {width: 100%; border-top: 1px solid #454546;}
  .bf_line1 ul li a {display: block; padding: 10px; background: none;}
  .bf_line1 ul li:first-child a {padding-left: 10px;}
  .bf_line2 {margin-top: 20px; text-align: center;}
  .bf_line2 ul li > span:first-child {margin-right: 0;}
  .bf_line2 ul li > span:nth-child(2) {display: block;}
  .bf_line2 div {background: url(/korean/img/common/footer_logo.png) no-repeat center 0; padding: 45px 0 40px;}

  /* tab */
  .tab_wrap.blog .tab.list > ul > li > a {height: 35px;}
  .tab_wrap.blog .tab.list > ul > li::before {top: 35px;}

}
