@charset "UTF-8";
/* NOTO Sans KR Regular */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url("../../font/NotoSansKR-Regular.eot"); /* IE9 Compat Modes */ src: local("Noto Sans KR Regular"), local("NotoSansKR-Regular"), url("../../font/NotoSansKR-Regular.eot?#iefix") format("embedded-opentype"), url("../../font/NotoSansKR-Regular.woff2") format("woff2"), url("../../font/NotoSansKR-Regular.woff") format("woff"), url("../../font/NotoSansKR-Regular.ttf") format("truetype"), url("../../font/NotoSansKR-Regular.svg#NotoSansKR") format("svg"); /* Legacy iOS */ }

/* NOTO Sans KR Medium */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url("../../font/NotoSansKR-Medium.eot"); /* IE9 Compat Modes */ src: local("Noto Sans KR Medium"), local("NotoSansKR-Medium"), url("../../font/NotoSansKR-Medium.eot?#iefix") format("embedded-opentype"), url("../../font/NotoSansKR-Medium.woff2") format("woff2"), url("../../font/NotoSansKR-Medium.woff") format("woff"), url("../../font/NotoSansKR-Medium.ttf") format("truetype"), url("../../font/NotoSansKR-Medium.svg#NotoSansKR") format("svg"); /* Legacy iOS */ }

/* NOTO Sans KR Bold */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url("../../font/NotoSansKR-Bold.eot"); /* IE9 Compat Modes */ src: local("Noto Sans KR Bold"), local("NotoSansKR-Bold"), url("../../font/NotoSansKR-Bold.eot?#iefix") format("embedded-opentype"), url("../../font/NotoSansKR-Bold.woff") format("woff"), url("../../font/NotoSansKR-Bold.ttf") format("truetype"), url("../../font/NotoSansKR-Bold.svg#NotoSansKR") format("svg"); /* Legacy iOS */ }

/* ROBOTO Regular */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url("../../font/Roboto-Regular.eot"); /* IE9 Compat Modes */ src: local("Roboto Regular"), local("Roboto-Regular"), url("../../font/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../../font/Roboto-Regular.woff2") format("woff2"), url("../../font/Roboto-Regular.woff") format("woff"), url("../../font/Roboto-Regular.ttf") format("truetype"); }

/* ROBOTO Medium */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url("../../font/NotoSansKR-Medium.eot"); /* IE9 Compat Modes */ src: local("Roboto Medium"), local("Roboto-Medium"), url("../../font/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../../font/Roboto-Medium.woff2") format("woff2"), url("../../font/Roboto-Medium.woff") format("woff"), url("../../font/Roboto-Medium.ttf") format("truetype"); }

/* ROBOTO Bold */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url("../../font/Roboto-Bold.eot"); /* IE9 Compat Modes */ src: local("Roboto Bold"), local("Roboto-Bold"), url("../../font/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../../font/Roboto-Bold.woff2") format("woff2"), url("../../font/Roboto-Bold.woff") format("woff"), url("../../font/Roboto-Bold.ttf") format("truetype"); }

/*----------
--- FONT ---
----------*/
html { font-family: 'Noto Sans KR', 'Roboto', sans-serif; font-size: 16px; color: #000; font-weight: 400; }

html br { font-family: 'Malgun Gothic' !important; }

body.en { font-family: 'Roboto', sans-serif; }

.noto_r { font-family: 'Noto Sans KR', sans-serif; font-weight: 400; }

.noto_m { font-family: 'Noto Sans KR', sans-serif; font-weight: 500; }

.noto_b { font-family: 'Noto Sans KR', sans-serif; font-weight: 700; }

.title_k1 { font-family: 'Noto Sans KR', sans-serif; font-size: 96px; font-weight: 700; line-height: 1.35; letter-spacing: -0.025em; }

.title_k2 { font-family: 'Noto Sans KR', sans-serif; font-size: 77px; font-weight: 700; line-height: 1.35; }

.title_k3 { font-family: 'Noto Sans KR', sans-serif; font-size: 48px; font-weight: 700; line-height: 1.35; }

.title_k4 { font-family: 'Noto Sans KR', sans-serif; font-size: 36px; font-weight: 700; line-height: 1.4; }

.title_k5 { font-family: 'Noto Sans KR', sans-serif; font-size: 32px; font-weight: 500; line-height: 1.4; }

.title_k6 { font-family: 'Noto Sans KR', sans-serif; font-size: 20px; font-weight: 500; line-height: 1.6; }

.text_k1 { font-family: 'Noto Sans KR', sans-serif; font-size: 24px; font-weight: 400; line-height: 1.67; letter-spacing: -0.015em; }

.text_k2, .news .section_title p { font-family: 'Noto Sans KR', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.67; letter-spacing: -0.015em; }

.text_k3 { font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.75; letter-spacing: -0.015em; color: #666; }

.text_k4 { font-family: 'Noto Sans KR', sans-serif; font-size: 18px; font-weight: 700; line-height: 1.67; letter-spacing: -0.015em; color: #000; }

.text_k5 { font-family: 'Noto Sans KR', sans-serif; font-size: 60px; font-weight: 700; line-height: 0.5; letter-spacing: normal; color: #000; }

.text_k6 { font-family: 'Noto Sans KR', sans-serif; font-size: 22px; font-weight: 700; line-height: 1.27; letter-spacing: -0.33px; color: #000; }

.text_k7 { font-family: 'Noto Sans KR', sans-serif; font-size: 13px; font-weight: normal; line-height: 2.15; letter-spacing: -0.2px; color: #666; }

/* English fonts - Roboto */
.title_e1 { font-family: 'Roboto', sans-serif; font-size: 52px; font-weight: 700; line-height: 1.17; letter-spacing: -0.081em; }

.title_e2 { font-family: 'Roboto', sans-serif; font-size: 80px; line-height: 1.35; font-weight: 700; text-transform: uppercase; }

.title_e2.red { color: #d80028; }

.title_e2.orange_red { color: #ff5e4a; }

.title_e2.orange { color: #ff7643; }

.title_e3 { font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 700; line-height: 1.6; color: #000; }

.title_e4 { font-family: 'Roboto', sans-serif; font-size: 48px; font-weight: 700; line-height: 1.33; color: rgba(0, 0, 0, 0.1); }

.text_e1 { font-family: 'Roboto', sans-serif; font-size: 60px; font-weight: 700; color: #111; opacity: 0.1; line-height: 1; }

.text_e1.black { color: #000; opacity: 1; }

.text_e1.animation.up.on { opacity: 0.1; }

.text_e2 { font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 1; font-weight: 400; color: #888; }

.text_e3 { font-family: 'Roboto', sans-serif; font-size: 22px; line-height: 1.45; font-weight: 500; color: #000; }

.text_e3.wide { letter-spacing: 4.4px; }

.text_e4 { font-family: 'Roboto', sans-serif; font-size: 32px; line-height: 1.4; font-weight: 500; color: #000; }

.text_e5 { font-family: 'Roboto', sans-serif; font-size: 24px; line-height: 1.67; letter-spacing: -0.36px; font-weight: 500; color: #000; }

.text_e6 { font-family: 'Roboto', sans-serif; font-size: 54px; line-height: 1; letter-spacing: normal; font-weight: 500; color: #000; }

.spacing1 { letter-spacing: -0.0125em; }

.spacing2 { letter-spacing: -0.025em; }

.roboto { font-family: 'Roboto', 'Noto Sans KR', sans-serif; }

.roboto_r, .news .section_title .date { font-family: 'Roboto', 'Noto Sans KR', sans-serif; font-weight: 400; }

.roboto_m { font-family: 'Roboto', 'Noto Sans KR', sans-serif; font-weight: 500; }

.roboto_b { font-family: 'Roboto', 'Noto Sans KR', sans-serif; font-weight: 700; }

/*------------------
--- FONT WHEN EN ---
-------------------*/
.en .noto_r, .en .noto_m, .en .noto_b { font-family: 'Roboto', sans-serif; }

.en .title_k1 { font-family: 'Roboto', sans-serif; letter-spacing: normal; }

.en .title_k2 { font-family: 'Roboto', sans-serif; font-size: 77px; line-height: 1.28; }

.en .title_k3 { font-family: 'Roboto', sans-serif; font-size: 50px; }

.en .title_k4 { font-family: 'Roboto', sans-serif; }

.en .title_k5 { font-family: 'Roboto', sans-serif; font-size: 34px; }

.en .title_k6 { font-family: 'Roboto', sans-serif; }

.en .text_k1 { font-family: 'Roboto', sans-serif; }

.en .text_k2, .en .news .section_title p, .news .section_title .en p { font-family: 'Roboto', sans-serif; }

.en .text_k3 { font-family: 'Roboto', sans-serif; }

.en .text_k4 { font-family: 'Roboto', sans-serif; }

.en .text_k5 { font-family: 'Roboto', sans-serif; }

.en .text_k6 { font-family: 'Roboto', sans-serif; }

.en .text_k7 { font-family: 'Roboto', sans-serif; }

/*--------------- MEDIA QUERY ---------------*/
/* LAPTOP */
@media all and (max-width: 1366px) { .title_k2 { font-size: 56px; }
  .title_k3 { font-size: 40px; }
  .title_k5 { font-size: 28px; }
  .text_k1 { font-size: 22px; }
  .en .title_k2 { font-size: 56px; }
  .en .title_k3 { font-size: 42px; }
  .en .title_k5 { font-size: 28px; }
  .en .text_k1 { font-size: 22px; } }

/* TABLET */
@media all and (max-width: 1023px) { .title_k1 { font-size: 48px; line-height: 1.4; }
  .title_k2 { font-size: 40px; }
  .title_k3 { font-size: 24px; }
  .title_k4 { font-size: 22px; line-height: 1.36; }
  .title_k5 { font-size: 20px; }
  .title_k6 { font-size: 15px; line-height: 1.47; }
  .text_k1 { font-size: 16px; line-height: 1.5; }
  .text_k2, .news .section_title p { font-size: 14px; line-height: 1.43; }
  .text_k3 { font-size: 12px; line-height: 1.5; }
  .text_k4 { font-size: 14px; line-height: 1.43; }
  .title_e2 { font-size: 40px; }
  .title_e3 { font-size: 14px; }
  .title_e4 { font-size: 34px; }
  .text_e1 { font-size: 34px; }
  .text_e2 { font-size: 14px; }
  .text_e3 { font-size: 15px; line-height: 1.47; }
  .text_e3.wide { letter-spacing: 3px; }
  .text_e4 { font-size: 20px; }
  .text_e6 { font-size: 24px; }
  .txt_m_16 { font-size: 16px; }
  .en .title_k1 { font-size: 40px; }
  .en .title_k2 { font-size: 40px; }
  .en .title_k3 { font-size: 26px; }
  .en .title_k4 { font-size: 22px; line-height: 1.36; }
  .en .title_k5 { font-size: 22px; }
  .en .text_k1 { font-size: 16px; } }

/* MOBILE */
@media all and (max-width: 767px) { .title_k2 { font-size: 36px; line-height: 1.33; }
  .en .title_k2 { font-size: 36px; } }

.txt_m { font-weight: 500; }

.txt_b { font-weight: bold; }

.clr_red { color: #d80028; }

.clr_orange { color: #ff7643; }

/* 공통 */
.thumb_section { margin: 20px auto 100px; }

.thumb_section .thumb_list li.col3, .thumb_section .thumb_list li.col2 { margin-top: 0 !important; padding-top: 60px; padding-bottom: 60px; }

.thumb_section .thumb_list li.col3 > a, .thumb_section .thumb_list li.col2 > a { display: block; }

.thumb_section .thumb_list li.col3 > a .thumb_img, .thumb_section .thumb_list li.col2 > a .thumb_img { position: relative; width: 100%; }

.thumb_section .thumb_list li.col3 > a .thumb_img:after, .thumb_section .thumb_list li.col2 > a .thumb_img:after { content: ''; display: block; position: absolute; top: 10px; left: 20px; background: no-repeat 50% 50%; background-size: contain; z-index: 9; }

.thumb_section .thumb_list li.col3 > a .thumb_img.facebook:after, .thumb_section .thumb_list li.col2 > a .thumb_img.facebook:after { width: 22.5px; height: 40px; background-image: url("../../img/pr/ico_facebook.svg"); }

.thumb_section .thumb_list li.col3 > a .thumb_img.instagram:after, .thumb_section .thumb_list li.col2 > a .thumb_img.instagram:after { width: 22.5px; height: 40px; background-image: url("../../img/pr/ico_instagram.svg"); }

.thumb_section .thumb_list li.col3 > a .thumb_img.naver:after, .thumb_section .thumb_list li.col2 > a .thumb_img.naver:after { width: 17.5px; height: 40px; background-image: url("../../img/pr/ico_naverpost.svg"); }

.thumb_section .thumb_list li.col3 > a .thumb_img.youtube:after, .thumb_section .thumb_list li.col2 > a .thumb_img.youtube:after { width: 25px; height: 40px; background-image: url("../../img/pr/ico_youtube.svg"); }

.thumb_section .thumb_list li.col3 > a img, .thumb_section .thumb_list li.col2 > a img { width: 100%; max-width: 100%; transition-property: transform; transition-duration: 0.6s; }

.thumb_section .thumb_list li.col3 > a:hover img, .thumb_section .thumb_list li.col2 > a:hover img { transform: scale(1.1); }

.thumb_section .date { color: #888; margin-top: 20px; }

.img_section { font-size: 0; }

.img_section a { display: block; width: 100%; height: 600px; background: center/cover no-repeat; }

.thumb_list li p.text_k1 span { position: relative; overflow: hidden; display: inline-block; font-size: 24px; }

.thumb_list li p.text_k1 span:before { transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); content: ""; width: 100%; height: 2px; bottom: 0; left: 0; background-color: #000; transform: translateX(-101%); position: absolute; }

.thumb_list li p.text_k1 span:first-child:before { transition-delay: 13ms; }

.thumb_list li:hover p.text_k1 span:before { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateX(0); }

.page_section { margin-top: 40px; }

.thumb_section .thumb_list.pr_thumb_list li.col3 a .thumb_img { background: center/cover no-repeat; }

.thumb_section .thumb_list.pr_thumb_list li.col3:nth-of-type(odd) a .thumb_img { height: 460px; }

.thumb_section .thumb_list.pr_thumb_list li.col3:nth-of-type(even) a .thumb_img { height: 376px; }

/* 보도자료 */
.news .section_title { max-width: 100%; padding: 80px 0; margin-bottom: 120px; border-bottom: 1px solid #e2e2e2; }

.news .section_title .date { color: #999; margin-top: 64px; }

.news .section_wrap { margin-top: 0; }

.news .section_wrap .input_box { width: 375px; border-bottom: 2px solid #000; float: right; font-size: 0; }

.news .section_wrap .input_box input::placeholder { color: #999; }

.news .section_wrap .input_box .input_inner { width: calc(100% - 24px); display: inline-block; margin-bottom: 6px; }

.news .section_wrap .input_box .btn_search { width: 24px; height: 24px; display: inline-block; vertical-align: middle; }

.news .section_wrap .thumb_section { margin-top: -20px; }

.news .section_wrap .thumb_list li a p.text_k1 { font-size: 0; }

.news .section_wrap .no_result { text-align: center; margin: 295px auto 95px; }

.news .section_wrap .no_result img { display: inline-block; width: 80px; height: 80px; margin-bottom: 10px; }

.news .section_wrap .no_result p { position: relative; }

/* 보도자료 상세 */
.view .sub_kv2 { padding: 12vw 0 7vw; }

.view .sub_kv2 .title_k6 { margin-bottom: 30px; }

.view .section .img_section { padding-bottom: 104px; }

.view .copy_section { padding: 0 6.25vw 104px; }

.view .copy_section .tui-editor-contents *:not(table) { line-height: 167%; letter-spacing: -0.27px; }

.view .copy_section .tui-editor-contents p { color: #000; font-size: 18px; }

.view .btn_section:before { content: ''; display: block; border-bottom: 1px solid #e2e2e2; }

.view .btn_section a { margin-top: 40px; }

/* 소셜라이브 */
.sociallive .section_wrap { margin-top: 0; }

.sociallive .section_wrap .thumb_list li a p.text_k1 { font-size: 0; }

.sociallive .section_wrap .thumb_section .thumb_list.pr_thumb_list li.col3:nth-of-type(odd) a .thumb_img { height: inherit !important; }

.sociallive .section_wrap .thumb_section .thumb_list.pr_thumb_list li.col3:nth-of-type(even) a .thumb_img { height: inherit !important; }

.sociallive .section_wrap div.newsletter { margin-top: 60px; }

.sociallive .section_wrap div.newsletter .title_section { border-bottom: 2px solid #000; padding-bottom: 80px; z-index: 2; }

.sociallive .section_wrap div.newsletter .title_section .gu_sort_area { margin-bottom: 0; margin-top: 8px; }

.sociallive .section_wrap div.newsletter .btn_section { border-top: 1px solid #e2e2e2; }

img[usemap] { width: auto; max-width: 100%; height: auto; border: none; }

img.map, map area:focus { border: none; outline-style: none; -moz-outline-style: none; }

/* 라이브러리 */
.media .section_wrap { margin-top: 0; }

.media .section_wrap .thumb_section { margin: 20px auto 0; }

.media .thumb_title { margin-bottom: 22px; }

.media .download_area a { display: inline-block; color: #888; border: 2px solid #e2e2e2; padding: 10px 16px; line-height: 1; margin-right: 12px; position: relative; font-size: 16px; font-weight: 500; transition: border .3s, color .3s; }

.media .download_area a:hover { border: 2px solid #000; color: #000; }

.media .download_area a:hover span:after { background: url("../../img/common/ico_download_black.svg") no-repeat center/cover; }

.media .download_area a span:after { content: ''; display: inline-block; width: 17px; height: 16px; line-height: 1; vertical-align: middle; margin-left: 12px; margin-top: -4px; background: url("../../img/common/ico_download_gray.svg") no-repeat center/cover; }

/*--------------- MEDIA QUERY ---------------*/
@media all and (max-width: 1462px) { /* 썸네일리스트 width 가변점 */
  .thumb_section .thumb_list.pr_thumb_list li.col3:nth-of-type(odd) a .thumb_img { height: 31.47vw; }
  .thumb_section .thumb_list.pr_thumb_list li.col3:nth-of-type(even) a .thumb_img { height: 25.7vw; } }

.tab_menu ul.hr { margin-bottom: 0; }

/* TABLET */
@media all and (max-width: 1023px) { footer { margin-top: 0; }
  .row:not(.tb_row):not(.m_row) > .col3:nth-child(2n) { margin-right: 6%; }
  .row:not(.tb_row):not(.m_row) > .col3:nth-child(3n+3) { margin-right: 0; }
  .row .col2:nth-child(2n) { margin-right: 0; }
  /* 공통 */
  .thumb_section { margin: 60px auto 20px; }
  .thumb_section .thumb_list li.col2 { width: 47% !important; }
  .thumb_section .thumb_list li.col3 { width: 29.3333% !important; }
  .thumb_section .thumb_list li.col3, .thumb_section .thumb_list li.col2 { padding-top: 40px; padding-bottom: 40px; }
  .thumb_section .thumb_list li.col3 a:hover img, .thumb_section .thumb_list li.col2 a:hover img { transform: scale(1); }
  .thumb_section .thumb_list li.col3 a .thumb_img:after, .thumb_section .thumb_list li.col2 a .thumb_img:after { left: 18px; }
  .thumb_section .thumb_list li.col3:last-child, .thumb_section .thumb_list li.col2:last-child { padding-bottom: 0; }
  .thumb_section .thumb_list li.col3 .date, .thumb_section .thumb_list li.col2 .date { margin-top: 18px; }
  .page_section { margin: 60px 0 160px; }
  .page_section.social_page_section { margin-top: 0; }
  .page_section.tv_page_section { margin-top: 20px; }
  .img_section a { height: 320px; }
  /* 보도자료 */
  .news .section_title { padding: 40px 0; }
  .news .section_title .date { margin-top: 30px; }
  .news .section_wrap { margin-top: 80px; }
  .news .section_wrap .input_box { max-width: 100%; }
  .news .section_wrap .thumb_section { margin: 24px auto 60px; }
  .news .section_wrap .no_result { margin: 130px auto 50px; }
  .news .section_wrap .no_result img { width: 60px; height: 60px; margin-bottom: 12px; }
  .news .thumb_list li p.text_k1 span { font-size: 16px; }
  .view .sub_kv2 { padding: 100px 0 60px; }
  .view .section .img_section { padding-bottom: 45px; }
  .view .copy_section { padding: 0 6.25vw 45px; }
  .view .copy_section p, .view .copy_section .tui-editor-contents p { font-size: 14px; }
  .view .btn_section a { margin: 30px 0 160px; }
  .thumb_list li p.text_k1 span:before { display: none; }
  /* 소셜라이브 */
  .sociallive .section_wrap div.newsletter { margin-top: 0; }
  .sociallive .section_wrap div.newsletter .title_section { padding-bottom: 24px; }
  .sociallive .section_wrap div.newsletter .title_section:after { content: ''; display: block; clear: both; }
  .sociallive .section_wrap div.newsletter .title_section .title_k4 { padding-top: 40px; }
  .sociallive .section_wrap div.newsletter .title_section .gu_sort_area { margin-top: 0; }
  .sociallive .section_wrap div.newsletter .new_img_section, .sociallive .section_wrap div.newsletter .btn_section { margin-top: 40px; }
  .sociallive .section_wrap div.newsletter .btn { margin-top: 30px; }
  .sociallive .section_wrap .thumb_list li a p.text_k1 p.text_k1, .sociallive .section_wrap .thumb_list li a p.text_k1 span { font-size: 16px; }
  .media .section_wrap .thumb_section { margin: 60px auto 0; }
  .media .thumb_title { margin-bottom: 18px; }
  .media .download_area a { font-size: 12px; }
  .media .download_area a span:after { width: 16px; height: 16px; } }

/* MOBILE */
@media all and (max-width: 767px) { .thumb_section .thumb_list li.col3, .thumb_section .thumb_list li.col2 { width: 100% !important; margin-right: 0; padding-top: 0; padding-bottom: 40px; }
  .thumb_section .thumb_list li.col3:last-child { padding-bottom: 0 !important; }
  .thumb_section .thumb_list li.col2:last-child { padding-bottom: 0 !important; }
  .thumb_section .thumb_list.pr_thumb_list li.col3:nth-of-type(odd) a .thumb_img { height: 103vw; }
  .thumb_section .thumb_list.pr_thumb_list li.col3:nth-of-type(even) a .thumb_img { height: 84.7vw; } }

/*# sourceMappingURL=pr.css.map */