@charset "utf-8";

.pc-view {
  display: block !important;
}
.mo-view {
  display: none !important;
}


#wrap{overflow: hidden; width: 100%;position: relative;}

/*¹Ìµð¾î¼¾ÅÍ Çì´õ ½ºÅ¸ÀÏ Ãß°¡ 240529*/
#header.mediacenter{height: 100px; position: fixed; background-color: #fff; display: flex; justify-content: center; z-index: 12;}
#header .logo > a.mc_logo{font-size: 24px; font-family: "ONE-Mobile-Title"; letter-spacing: -0.025em; line-height: 1.64em; color: #005793;}
#header .logo > a.mc_logo,#header .area_rgh_mc, #header .mc_search{display: none;}
#header.mediacenter .area_cen, #header.mediacenter .area_rgh, #header.mediacenter .flt_banner{display: none; }

#header.mediacenter > .inner {justify-content: space-between; height: 100%; margin: 0; padding: 0; background-color: #fff; z-index: 3; width: 90%; max-width: 1460px;}
#header.mediacenter > .cover {z-index: 2; background-color: #fff; border-bottom: 1px solid #ddd;}
#header.mediacenter .logo {display: flex; align-items: flex-start; gap: 10px; font-size: 0; position: relative;}
#header.mediacenter .logo > a:first-child span.img {background-image: url(../images/common/logo_posoco_blue.png); }
#header.mediacenter .logo > a.mc_logo {display: flex; align-items: center; gap: 10px; }
#header.mediacenter .logo > a.mc_logo:first-child {color:#005793; }
#header.mediacenter .logo > a.mc_logo .img {height: 22px; width: 93px; background-image: url(../images/prcenter/mediacenter_logo_b.png);}
#header.mediacenter .logo > a.mc_logo .img.scroll {background-image: url(../images/prcenter/mediacenter_logo_b.png); margin-left: 11px;}

#header.mediacenter .area_rgh_mc{display: block; height: 100%;}
#header.mediacenter .area_rgh_mc ul.dapth_one{display: flex; gap: 70px; height: 100%; align-items: center;}

#header.mediacenter .area_rgh_mc ul.dapth_one > li{height: 100%; position: relative; }
#header.mediacenter .area_rgh_mc ul.dapth_one > li:after{display: block; content: ''; width: 0%; height: 2px; background-color: #222; position: absolute; bottom: -1px;left: 0; transition: all .3s;}
#header.mediacenter .area_rgh_mc ul.dapth_one > li:last-child:after{content: none;}
#header.mediacenter .area_rgh_mc ul.dapth_one > li:hover:after{width: 100%; }

#header.mediacenter .area_rgh_mc ul.dapth_one > li:first-child{position: relative; }
#header.mediacenter .area_rgh_mc ul a{text-align: center; display: flex;align-items: center; font-family: 'Noto Sans KR'; font-weight: 700; height: 100%;}
#header.mediacenter .area_rgh_mc ul.dapth_one > li:first-child > a{width: 57px; }
#header.mediacenter .area_rgh_mc ul.dapth_one > li:nth-child(2) > a{width: 77px; }
#header.mediacenter .area_rgh_mc ul.dapth_one > li:nth-child(3) > a{width: 167px; }
#header.mediacenter .area_rgh_mc ul a:hover{ }

#header.mediacenter .area_rgh_mc .dapth_two_back{display: block; position: absolute; top: 100px; left: -70vw; width: 1000vw; height: 0; transition: all .3s; background-color: #fff; box-sizing: border-box; overflow: hidden; z-index: 0;}

#header.mediacenter .area_rgh_mc ul.dapth_two{position: absolute; top: 100px; left: 0%; width: 148px; transition: all .3s; background-color: #fff; box-sizing: border-box; height: 0; overflow: hidden;}
#header.mediacenter .area_rgh_mc ul.dapth_two li{border-bottom: 1px solid #d5d5d5; display: flex; justify-content: flex-start; }
#header.mediacenter .area_rgh_mc ul.dapth_two li:first-child{margin: 20px 0 10px;}
#header.mediacenter .area_rgh_mc ul.dapth_two li a{font-size: 16px; font-weight: 500;z-index: 1;}
#header.mediacenter .area_rgh_mc ul.dapth_two li a:hover{text-decoration: underline; }

#header.mediacenter .mc_search{justify-content: center; position: absolute; left: 0; top: 99px; width: 100%; z-index: 1;}
#header.mediacenter .mc_search input{font-size: 16px;}
#header.mediacenter .mc_search.open{display: none;}
#header.mediacenter .mc_search.close{display: flex; flex-direction: column; align-items: center;}
#header.mediacenter .mc_search.close .back{position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,.2);}
#header.mediacenter .mc_search > .inner{position: absolute; top: 0px; z-index: 2; width: 100%; background-color: #fff;}
#header.mediacenter .mc_search > .inner > div{width: 50vw; max-width: 670px; margin: 0 auto; padding: 30px 0 40px;position: relative; z-index: 1;}
#header.mediacenter .mc_search > .inner > div:last-child{width: 90%; max-width: 1460px; position: absolute; top: 0; left: 50%; transform: translateX(-50%);z-index: 0;}
#header.mediacenter .mc_search .wrap_search2{width: 100%;}
#header.mediacenter .mc_search .keyword{margin-top: 30px;}
#header.mediacenter .mc_search .keyword:after{clear: both; display: block; content: '';}
#header.mediacenter .mc_search .keyword * {float: left; font-size: 16px;}
#header.mediacenter .mc_search .keyword p {margin-left: 30px; font-weight: 550;}
#header.mediacenter .mc_search .keyword ul {margin-left: 40px;}
#header.mediacenter .mc_search .keyword ul li{margin-right: 20px;}
#header.mediacenter .mc_search .keyword ul li a:hover{text-decoration: underline;}
#header.mediacenter .mc_search .search_close { float:right; cursor: pointer; overflow: hidden; border: 1px solid #adadad; border-radius: 50%; background-color: transparent; width: 45px; height: 45px; padding: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='13px' height='13px'%3E%3Cpath fill-rule='evenodd' fill='rgb(51, 51, 51)' d='M12.755,11.354 L11.341,12.769 L6.391,7.819 L1.441,12.768 L0.027,11.354 L4.977,6.405 L0.027,1.455 L1.441,0.040 L6.391,4.990 L11.341,0.040 L12.755,1.455 L7.805,6.404 L12.755,11.354 Z'/%3E%3C/svg%3E"); background-size: auto; background-repeat: no-repeat; background-position: center; font-size: 0;  }

/*240531 ¹Ìµð¾î¼¾ÅÍ ½ºÅ¸ÀÏ Ãß°¡*/
#mc_main_slide{margin-top: 100px;}
#mc_main_slide .mc_bg{width: 100%; height: 570px; position: absolute; top: 0; background-size: cover; background-position: center; }
#mc_main_slide .mc_bg.summer{background-image: url(/docs/kor7/jsp/resources/images/prcenter/mc_bg_summer.png);}
#mc_main_slide .mc_bg.default{background-image: url(/docs/kor7/jsp/resources/images/prcenter/mc_bg_default_2.png);}
#mc_main_slide .wrap_bbs_banner .swiper-container, #mc_main_slide .wrap_bbs_banner .banner {width: 100%; }
#mc_main_slide .wrap-mc-top .item{display: flex;}
#mc_main_slide .wrap-mc-top .item.youtube .bg-pos{width: 100%;}
#mc_main_slide .wrap-mc-top .item.youtube a div{width: 100%; height: 100%;background-position: center; background-size: cover; }
#mc_main_slide .wrap-mc-top .item video.pc{display: block;}
#mc_main_slide .wrap-mc-top .item video.mo{display: none;}

#mc_main_slide .bg-pos{position: static; flex: none; /*width: 773px*/ width: 40.25vw; height: 435px;}
#mc_main_slide .article_info{display:flex; flex-direction: column; justify-content: space-between; width: 100%; border: 1px solid #D5D5D5; box-sizing: border-box; padding: 65px 70px 95px 70px; background-color: #fff;}
#mc_main_slide .article_info > *{line-height: 1.5em; letter-spacing: -0.025em;}
#mc_main_slide .article_info .cate{font-size: 18px; font-weight: 600; color: #005793; margin-bottom: 30px;}
#mc_main_slide .article_info .tit{font-size: 28px; font-weight: 600; color: #111; line-height: 1.5em; word-break: break-all; }
#mc_main_slide .article_info .tit:hover{text-decoration: underline;}
#mc_main_slide .article_info .date{font-size: 18px; color: #111; }
#mc_main_slide .controller{float: right; margin-top: 20px;}
#mc_main_slide .controller .pageing{display: flex; gap: 10px;}
#mc_main_slide .controller .pageing > *{border: 1px solid #d5d5d5; border-radius: 4rem; height: 40px}
#mc_main_slide .controller .pageing > span{display: flex;justify-content: center; align-items: center; padding: 0 20px; line-height: 1.5; letter-spacing: 0; font-size: 16px; font-weight: 600; color: #666;}
#mc_main_slide .controller .pageing .num{min-width: 40px; background-color: #fff;}
#mc_main_slide .controller .pageing > span .c{color: #222;}
#mc_main_slide .controller .pageing > button{width: 40px; cursor: pointer; color: #000; background-color: #fff; font-family: 'icomoon'; src: url('icomoon/icomoon.eot?1ki0q8'); src: url('icomoon/icomoon.eot?1ki0q8#iefix') format('embedded-opentype'), url('icomoon/icomoon.ttf?1ki0q8') format('truetype'), url('icomoon/icomoon.woff?1ki0q8') format('woff'), url('icomoon/icomoon.svg?1ki0q8#icomoon') format('svg'); font-weight: bold; font-style: normal; font-size: 20px;display: flex;justify-content: center; align-items: center;} 
#mc_main_slide .controller .pageing > button.btn-autoplay:after{content: "";width: 10px; height: 14px; display: block; background-image: url(/docs/kor7/jsp/resources/images/common/mc_pause.png); }
#mc_main_slide .controller .pageing > button.btn-autoplay.on:after{background-image: url(/docs/kor7/jsp/resources/images/common/mc_play.png); background-size: cover; }
#mc_main_slide .controller .pageing > button.prev:after{content: "\ea0a";}
#mc_main_slide .controller .pageing > button.next:after{content: "\ea0b";}

#mc_banner_wrap .inner{background-image: url(/docs/kor7/jsp/resources/images/prcenter/mc_mid_banner.png);background-position: center; padding: 0; height: 60px; display: flex; justify-content: center;align-items: center; color: #fff; font-family: 's-core-dream-medium'; letter-spacing: -0.025em; font-size: 20px;}

#mc_articles_wrap>.inner {display: flex; }
#mc_articles_wrap a.move{float: left;}
#mc_articles_wrap a.move h2{display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
#mc_articles_wrap h2 {font-size: 24px; letter-spacing: -0.025em; font-weight: 600;}

#mc_articles_wrap h2:after{display: block; width: 15px; height: 15px; content: ''; background-image: url(/docs/kor7/jsp/resources/images/common/plus_blue.png); }

#mc_articles_wrap .press_wrap{ width: 32.3%; flex: none; }
#mc_articles_wrap .press_wrap li{padding: 20px 0; border-top: 1px solid #d5d5d5; width: 100%; display: block; clear: both;}
#mc_articles_wrap .press_wrap li:last-child{border-bottom: 1px solid #d5d5d5; }
#mc_articles_wrap .press_wrap .press_cell{display: flex; gap: 20px; }
#mc_articles_wrap .press_wrap .press_cell .article_thumb{flex: none; width: 178px; height: 100px; display: block; background-position: center; background-size: 100%; }

#mc_articles_wrap .press_wrap .press_cell .article_info{display: flex; flex-direction: column; justify-content: space-between;}
#mc_articles_wrap .tit{font-size: 20px; font-weight: 500; letter-spacing: -0.025em; line-height: 1.5em; -webkit-line-clamp: 2; word-break: break-all;}

#mc_articles_wrap .right_box{margin-left: 3.431%; display: flex; flex-direction: column; justify-content: space-between;}
#mc_articles_wrap .right_box ul{width: 100%; display: grid;  grid-template-columns: 1fr 1fr 1fr; grid-gap: 2.1%;}
#mc_articles_wrap .right_box ul .article_thumb{width: 100%; height: 187px; display: block; content: ''; background-position: center; background-size: cover; }
#mc_articles_wrap .right_box ul .article_info{box-sizing: border-box; padding: 20px 20px 15px 20px; min-height: 116px; display: flex; flex-direction: column; justify-content: space-between;}
#mc_articles_wrap .right_box ul .article_info .tit{font-size: 18px; }
#mc_articles_wrap .right_box ul li a {transition: .3s all; border: 1px solid #d5d5d5;display: block; box-sizing: border-box; overflow: hidden;}
#mc_articles_wrap .right_box ul li a:hover {border-color: #222;}

#mc_articles_wrap ul li {overflow: hidden;}
#mc_articles_wrap ul li a .article_thumb{transition: .3s all;}
#mc_articles_wrap ul li a .article_info{position: relative; z-index: 10; background-color: #fff;}
#mc_articles_wrap ul li a:hover .article_thumb{transform: scale(1.05);}
#mc_articles_wrap .press_wrap .press_cell:hover .article_thumb{background-size: 105%; transform: scale(1);}
#mc_articles_wrap ul li a:hover .tit{text-decoration: underline;}

/*  sub-page-section */
.sub-page-section { display: flex; flex-direction: column; justify-content: center; position: relative; box-sizing: border-box; overflow: hidden; }
.sub-page-section > .inner { max-width: 1460px; width: 90%; padding: 50px 0; margin: 0 auto; position: relative; z-index: 1; box-sizing: border-box; }


/* ¼Ò¼È ¹Ìµð¾î */
#mc_social_slide.sub-page-section { background-image: url(/docs/kor7/jsp/resources/images/prcenter/social_bg.png); background-position-x: 0%; background-position-y: bottom; background-repeat: no-repeat; background-size: contain; }
#mc_social_slide.sub-page-section .inner { display: flex; align-items: center; padding-bottom: 120px; }

#mc_social_slide .socialink_wrap{width: 20%; float: left; padding-right: 4.1%; box-sizing: border-box; }

#mc_social_slide .socialink_wrap h2{font-size: 24px; letter-spacing: -0.025em; font-weight: 600; margin-bottom: 30px;}

/* ¼Ò¼È ¹Ìµð¾î sns list */
#mc_social_slide .socialink_wrap li{border-top: 1px solid #D5D5D5;}
#mc_social_slide .socialink_wrap li:first-child{border: none;}
#mc_social_slide .socialink_wrap li a{display: flex; justify-content: space-between; align-items: center; font-size: 16px; letter-spacing: -0.025em; font-weight: bold; margin: 14px 0; transition: .2s all;}
#mc_social_slide .socialink_wrap li a:hover{color: #099DE8; text-decoration: underline;text-underline-offset: 2px;}
#mc_social_slide .socialink_wrap li a:after{ content: ''; display: block; width: 23px; height: 23px; transition: .2s all; }
#mc_social_slide .socialink_wrap li a.youtube:after{ background-image: url(/docs/kor7/jsp/resources/images/prcenter/icon_youtube.png); }
#mc_social_slide .socialink_wrap li a.insta:after{ background-image: url(/docs/kor7/jsp/resources/images/prcenter/icon_insta.png); }
#mc_social_slide .socialink_wrap li a.facebook:after{ background-image: url(/docs/kor7/jsp/resources/images/prcenter/icon_face.png); }
#mc_social_slide .socialink_wrap li a.youtube:hover:after{ background-image: url(/docs/kor7/jsp/resources/images/prcenter/icon_youtube_hover.png); }
#mc_social_slide .socialink_wrap li a.insta:hover:after{ background-image: url(/docs/kor7/jsp/resources/images/prcenter/icon_insta_hover.png); }
#mc_social_slide .socialink_wrap li a.facebook:hover:after{ background-image: url(/docs/kor7/jsp/resources/images/prcenter/icon_face_hover.png); }


/* ¼Ò¼È¹Ìµð¾î sns ÄÜÅÙÃ÷  */
#mc_social_slide .socialslide_wrap { float: left; width: 80%; }
#mc_social_slide .socialslide_wrap .swiper-slide { margin-right: 1.7% !important; }
#mc_social_slide .esg_subpage_list .item{ display: block; height: fit-content; padding: 0; overflow: hidden;    border-top-right-radius: 30px;}
#mc_social_slide .esg_subpage_list .item .img_wrap{ width: 100%; height: 155px; background-position: center; background-size: cover; transition: .3s all;}
#mc_social_slide .esg_subpage_list .item:hover .img_wrap{transform: scale(1.05); }
#mc_social_slide .esg_subpage_list .item .txt_wrap{ padding: 20px; border: 1px solid #D5D5D5; border-top: none; border-bottom-left-radius: 30px; background-color: #fff; position: relative; z-index: 10;}
#mc_social_slide .esg_subpage_list .item .txt_wrap *{ letter-spacing: -0.025em; }
#mc_social_slide .esg_subpage_list .item .txt_wrap .cate{ font-size: 14px; color: #005793; font-weight: bold; }
#mc_social_slide .esg_subpage_list .item .txt_wrap .tit{ font-size: 18px; font-weight: 500; color: #222; line-height: 1.5em; margin-bottom: 6px; -webkit-line-clamp: 2; min-height: 54px;}
#mc_social_slide .esg_subpage_list .item:hover .txt_wrap .tit{text-decoration: underline; }
#mc_articles_wrap .date, #mc_social_slide .esg_subpage_list .item .txt_wrap .date{text-align: left; font-size: 14px; letter-spacing: 0.025em; color: #666666; }
#mc_social_slide .swiper-nav{position: absolute; top: 50%; transform: translateY(-50%); right: -3.5vw; z-index: 10; display: flex; flex-direction: column-reverse; gap: 10px;}
#mc_social_slide .swiper-nav button{ height: 50px; width: 50px; border: 0; -webkit-transition:background-color .3s; transition:background-color .3s; cursor:pointer; border-radius: 50%; border: 1px solid #D5D5D5; display: flex; color:#000; align-items: center; justify-content: center;
  src:  url('icomoon/icomoon.eot?1ki0q8');
  src:  url('icomoon/icomoon.eot?1ki0q8#iefix') format('embedded-opentype'), url('icomoon/icomoon.ttf?1ki0q8') format('truetype'), url('icomoon/icomoon.woff?1ki0q8') format('woff'), url('icomoon/icomoon.svg?1ki0q8#icomoon') format('svg');
  font-family: 'icomoon'; font-weight: bold; font-style: normal; font-size:24px;
  } 
#mc_social_slide .swiper-nav button.swiper-prev:after{content: "\ea0a";}
#mc_social_slide .swiper-nav button.swiper-prev,
#mc_social_slide .swiper-nav button.swiper-next{background: #fff;}
#mc_social_slide .swiper-nav button.swiper-next:after{content: "\ea0b";}
#mc_social_slide .swiper-nav button:where(:hover, :focus){background-color: rgba(255,255,255,0.2);}

/*240328 º¸µµÀÚ·á ÆäÀÌÁö Ãß°¡*/ 
#media_sec_press01 {width: 100%; height: auto; overflow: hidden; position: relative;}
#media_sec_press01 .inr-c2 {display: flex; align-items: center; position: relative;padding: 62px 0; max-width: 1460px;}
#media_sec_press01 .inr-c2 .news_bg {background-color: #014464; max-width: 1072px;}

#media_sec_press01 .content {color: #fff; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; z-index: 1; padding: 0 50px; width: 635px;height: 410px;flex: none; width: 50%;}
#media_sec_press01 .content .item {display: none;}
#media_sec_press01 .content .item.on {display: block;}
.bg-pos {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: 50%; background-repeat: no-repeat; z-index: 0;}
#media_sec_press01 .content .item .cate {font-size: 18px;}
#media_sec_press01 .content .item .tit {height: 92px; color: #fff; font-size: 36px; letter-spacing: -0.025em; line-height: 1.277em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
#media_sec_press01 .content .item .txt {height: 85px; margin-top: 20px; font-size: 20px; line-height: 1.5; letter-spacing: -0.025em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #DEDEDE;}
#media_sec_press01 .content .item .btn {position: relative; margin-top: 40px; color: #fff; height: auto; display: inline-flex; font-size: 18px; align-items: center; background: none; border: none; padding: 0;}
#media_sec_press01 .content .item .btn::before {content: ''; width: 0; height: 1px; background-color: #fff; position: absolute; top: 30px; left: -10px;}
#media_sec_press01 .content .item .btn::after{ font-family: 'icomoon'; content: "\ea0b"; margin: 0 0 4px 10px; font-size: 20px;}
#media_sec_press01 .content .item .btn:where(:hover, :focus)::before {width: 105%; }
#media_sec_press01 .wrap_bbs_banner .swiper-container,#media_sec_press01 .wrap_bbs_banner .banner {width:647px; position:relative}
#media_sec_press01 .swiper-container .item{overflow:hidden; height: 461px;}

#media_sec_press01 .controller{width: 100%; display: flex; justify-content: flex-end;}
#media_sec_press01 .controller .pageing{display: flex; justify-content: flex-start; align-items: center; align-items: flex-end; gap: 10px;  }
#media_sec_press01 .controller .pageing button{
  height: 64px;
  width: 64px;
  border: 0;
  -webkit-transition:background-color .3s;
  transition:background-color .3s;
  cursor:pointer;
  border-radius: 50%;
  border: 1px rgba(255,255,255,0.4) solid;
  display: flex;
  color:#fff;
  align-items: center;
  justify-content: center;
  font-family: 'icomoon';
  src:  url('icomoon/icomoon.eot?1ki0q8');
  src:  url('icomoon/icomoon.eot?1ki0q8#iefix') format('embedded-opentype'),
    url('icomoon/icomoon.ttf?1ki0q8') format('truetype'),
    url('icomoon/icomoon.woff?1ki0q8') format('woff'),
    url('icomoon/icomoon.svg?1ki0q8#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-size:24px;
  } 
#media_sec_press01 .controller .pageing button.prev:after{content: "\ea0a";}
#media_sec_press01 .controller .pageing button.prev,
#media_sec_press01 .controller .pageing button.next{background: transparent;}
#media_sec_press01 .controller .pageing button.next:after{content: "\ea0b";}
#media_sec_press01 .controller .pageing button:where(:hover, :focus){background-color: rgba(255,255,255,0.2);}
#media_sec_press01 .controller .pageing .num{color: #fff; margin-left: 15px; width: 45px;}

#media_sec_press02{overflow: visible;}
form[name="searchForm"]{position: relative; z-index: 10;}
#media_sec_press02 .inner{display: flex; align-items: center; justify-content: space-between; padding: 115px 0 0 0;} 
#media_sec_press02 .date_search{display: flex; gap: 10px; align-items: center; font-size: 14px; color: #707070;}

.path_sub p {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; font-size: 15px; color: #949494; line-height: 1;}
.path_sub p i {margin: 0 11px;}
.path_sub p strong {color: #222;}

#mc_sub_head {margin: 110px 0 0 0; padding: 0;}
#mc_sub_head a.gohome_btn {display: inline-block; margin: 20px 0 30px; font-size: 18px; font-weight: 600; letter-spacing: -0.025em; margin-top: 20px; }
#mc_sub_head a.gohome_btn:before {content:'\ea0a';font-family: 'icomoon';
  src:  url('icomoon/icomoon.eot?1ki0q8');
  src:  url('icomoon/icomoon.eot?1ki0q8#iefix') format('embedded-opentype'),
    url('icomoon/icomoon.ttf?1ki0q8') format('truetype'),
    url('icomoon/icomoon.woff?1ki0q8') format('woff'),
    url('icomoon/icomoon.svg?1ki0q8#icomoon') format('svg');
  font-weight: bold; font-style: normal; margin-right: 5px;

}
#mc_sub_head .path_sub {margin-bottom: 0;}

#mc_sub_head .path_sub a:first-child span { display: block; width: 18px; height: 18px; background: url(/docs/kor7/jsp/resources/images/common/path_home.png) center; text-indent: 100%; white-space: nowrap; overflow: hidden; }
#mc_sub_head > .inner { display: block; max-width: 1460px; width: 90%; margin: 0 auto; box-sizing:border-box; border: none;}
#mc_sub_head:not(.biz) .title{padding-bottom: 40px;}
#mc_sub_head .title{background-position: center; background-size: cover; padding: 60px 0 40px; margin: 0;  } 
#mc_sub_head .title h2{font-size: 54px; font-weight: 600; color: #222;}
#mc_sub_head .toplink{background-color: #F5F5F5; margin-bottom: 75px;}
#mc_sub_head .toplink .inner:after{clear: both; content:''; display: block;}
#mc_sub_head .toplink .fl{float: left;}
#mc_sub_head .toplink .fr{float: right;}
#mc_sub_head .toplink a{display: flex; align-items: center; gap: 5px; color: #222; font-size: 20px; line-height: initial; letter-spacing: -0.025em; font-weight: 600; padding: 30px 35px; }
#mc_sub_head .toplink a:before,#mc_sub_head .toplink a:after{width: 16px; height: 10px; content: ''; display: none; background: url(/docs/kor7/jsp/resources/images/common/arrow_grey.png);}
#mc_sub_head .toplink a.fr:after{display: block; transform: rotate(90deg);}
#mc_sub_head .toplink a.fl:before{display: block; transform: rotate(-90deg);}

.tab.ty_mc{}
.tab.ty_mc ul{display: flex; gap: 5px;}
.tab.ty_mc ul li a{width: 152px; height: 50px; display: flex; align-items: center; justify-content: center; border: 1px solid #d5d5d5; font-size: 16px; line-height: 1.75em; font-weight: 500;}
.tab.ty_mc ul li.on a{border: 1px solid #099DE8; color: #099DE8;}
#mc_sub_tab > div{ margin-top: 80px; }
#mc_sub_tab .wrap_search2 input{font-size: 15px;}

/*½æ³×ÀϽºÅ¸ÀÏ*/
section#mc_sub_list01{}
#mc_sub_list01 .inner{ padding: 0;}
#mc_sub_list01 .lst-thumb.col3 > *{margin-top: 50px; }
#mc_sub_list01 .lst-thumb.col3 > *:nth-child(-n+3){margin-top: 0px; }
#mc_sub_list01 .item .thumb{ height: 264px; border-radius: 0; }
#mc_sub_list01 .item .thumb>div{height: 100%; background-size: cover; background-position: center; transition: all .4s;}
#mc_sub_list01 .item .cont {border: 1px solid #d5d5d5; box-sizing: border-box; padding: 30px;min-height: 211px; display: flex; flex-direction: column; justify-content: flex-end;}
#mc_sub_list01 .item .cont .cate {font-size: 16px; font-weight: 500; color: #005793;  letter-spacing: -0.025em; margin-bottom: 10px;}
#mc_sub_list01 .item .cont .h1 {font-size: 24px; font-weight: 600; -webkit-line-clamp: 2;letter-spacing: -0.025em; word-break: break-all; line-height: 1.5; min-height: 72px;}
#mc_sub_list01 .item .cont .t1{font-size: 16px;letter-spacing: -0.025em;}
#mc_sub_list01 .item:hover .thumb>div{transform: scale(1.1);}
#mc_sub_list01 .item:hover .cont .h1 {text-decoration: underline; }
#mc_sub_list01 .bbs-pagination{padding-bottom: 260px;}
#media_sec_medias01 .bbs-pagination {padding-bottom: 185px;}


/* ÆäÀÌ¡ */
.bbs-pagination { padding: 70px 0; display: flex; justify-content: center; align-items: center; }
.bbs-pagination .prev { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-right: 10px; font-size: 0; background-position: center; background-repeat: no-repeat; background-size: 25%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12px' height='19px'%3E%3Cpath fill-rule='evenodd' fill='rgb(167, 167, 167)' d='M11.597,16.095 L9.562,18.130 L0.402,8.970 L2.437,6.935 L2.528,7.025 L9.465,0.088 L11.444,2.068 L4.507,9.005 L11.597,16.095 Z'/%3E%3C/svg%3E"); }
.bbs-pagination .next { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-left: 10px;font-size: 0; background-position: center; background-repeat: no-repeat; background-size: 25%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='11px' height='18px'%3E%3Cpath fill-rule='evenodd' fill='rgb(167, 167, 167)' d='M11.004,8.861 L1.997,18.005 L-0.005,15.973 L6.967,8.896 L0.146,1.971 L2.093,-0.006 L8.914,6.919 L9.002,6.829 L11.004,8.861 Z'/%3E%3C/svg%3E"); }
.bbs-pagination > ul { display: flex; justify-content: center; align-items: center; }
.bbs-pagination > ul > li + li { margin-left: 6px; }
.bbs-pagination > ul > li > a { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 20px; color: #333; background-color: transparent; box-sizing: border-box; border-radius: 50%; }
.bbs-pagination > ul > li.active > a { color: #fff; background-color: #333; }

/*230809 Ãß°¡*/
.bbs-pagination > ul > li.active > a:focus { outline-offset: 3px; border: 3px dashed; }

#mc_artile > .inner{padding-top: 110px;}
.wrap_bbs_view .top .back{ display: inline-flex; line-height: 1; align-items: center; }
.wrap_bbs_view .top .back .ff-en{font-size: 28px;color:#222;font-weight: 500;}
.wrap_bbs_view .top .back i{ color: #000; font-size: 34px; margin-right: 8px; }
.wrap_bbs_view .head{ text-align: center; padding-top: 55px; border-top: 2px solid #222; }
.wrap_bbs_view .head .h_1{ font-size: 32px; line-height: 1.5; font-weight: 600; }
.wrap_bbs_view .head .info{ font-size: 16px; color: #646464; display: flex; justify-content: center; line-height: 1; align-items: center; }
.wrap_bbs_view .group_info{ position: relative; display: flex; align-items: center; justify-content: center; margin-top: 40px; }
.wrap_bbs_view .sns_view{ margin-top: -5px; position: absolute; right: 0;top: 0; }

.wrap_bbs_view .head .info span.date{font-size: 18px;}
.wrap_bbs_view .cont{border-top: 1px solid #d5d5d5; padding: 80px 40px 0;margin-top: 52px;}
.wrap_bbs_view .cont > .inner{ max-width: 1140px; margin:0 auto; padding-bottom: 100px; }
.wrap_bbs_view .cont .sp_cont_wrap > p {margin-top: 25px; word-break: break-all; text-align: justify; color: #666;}
.wrap_bbs_view .cont .sp_cont_wrap > p strong{color: #222; font-weight: 600;}
.wrap_bbs_view .cont .sp_cont_wrap > p:nth-child(2) {margin-top: 30px;}
.wrap_bbs_view .cont .sp_cont_wrap > div {margin: 50px auto 0; width: 100%!important;}

.wrap_bbs_view .cont .sp_cont_wrap > div:has(img),.wrap_bbs_view .cont .sp_cont_wrap > p:has(img){ margin: 50px auto 0 !important; display: flex; flex-direction: column; align-items: center;}
.wrap_bbs_view .cont .sp_cont_wrap > div.color_div {width: 960px!important;}

.wrap_bbs_view .cont .sp_cont_wrap > div:has(img) p{margin-top: 10px!important; font-size: 17px!important; font-weight: 400!important;}
.wrap_bbs_view .cont .sp_cont_wrap img{max-width: 100%;height: auto; }

.wrap_bbs_view .article_tags ul{display: flex; flex-direction: row; gap: 10px; max-width: 1140px; margin: auto;}
.wrap_bbs_view .article_tags ul li a{padding: 13px 15px; background-color: #eee; font-size: 16px; color: #666; letter-spacing: -0.025em; line-height: 1.5em; border-radius: 4rem; font-weight: 500;}
.wrap_bbs_view .article_tags ul li a:hover{text-decoration: underline;}

.wrap_bbs_view .page_direction{ border-top: 1px #ddd solid; border-width: 1px 0; margin-top: 60px; }
.wrap_bbs_view .page_direction > .inner{ display: flex; flex-direction: column; }
.wrap_bbs_view .page_direction .dir{width: 100%; padding: 40px 0; border-bottom: 1px solid #d5d5d5;} 
.wrap_bbs_view .page_direction .dir *{ color: #666;} 
.wrap_bbs_view .page_direction .dir,.wrap_bbs_view .page_direction .dir>a:not(.tit){ display: flex; gap: 40px; align-items: center;}  
.wrap_bbs_view .page_direction .dir .h{ display: flex; align-items: center; line-height: 1; font-size: 18px; margin-bottom: 10px; } 
.wrap_bbs_view .page_direction .dir .h i{ margin-right: 8px; font-size: 20px; font-weight: bold; transform: rotate(90deg);} 
.wrap_bbs_view .page_direction .dir .h span.t{ display: flex; align-items: center; gap: 5px; font-weight: bold; color: #222;}
.wrap_bbs_view .page_direction .dir .tit{ display: inline-block; overflow: hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size: 18px; font-weight: 400; color: #666; }
#media_sec_view01 .wrap_bbs_view .page_direction .dir .h span.t:before{ content: '';display: block; width: 24px; height: 24px; background: url(/docs/kor7/jsp/resources/images/common/linked_icon.png) center; }


.wrap_bbs_view .btn-bot.btn_list{display: flex; justify-content: center; margin-top: 60px;}
.wrap_bbs_view .btn-bot.btn_list li .btn{border-radius: 0; }
.wrap_bbs_view .btn-bot.btn_list li .btn{margin: 0 auto; border: 1px solid #222; padding: 10px 25px; color: #222; }
.wrap_bbs_view .btn-bot.btn_list li .btn:where(:hover, :focus) { background-color: #222; color: #fff; }


/*240409 ¹Ìµð¾î¶óÀ̺귯¸® > º¸µµ»çÁø ½ºÅ¸ÀÏ Ãß°¡*/
#media_sec_medias01 .inner{padding-top: 30px; padding-bottom: 0;}

#media_sec_medias01 .item{position: relative; height: 235px; border-radius: 0; overflow: hidden; box-sizing: border-box;}
#media_sec_medias01 .item .cont{position: absolute; z-index: 10; width: 100%; height: 235px; padding: 15px; box-sizing: border-box; margin-top: 0; }
#media_sec_medias01 .item .cont > *{position: absolute; z-index: 5; bottom: 0; width: calc(100% - 30px); }
#media_sec_medias01 .item .cont .back{  z-index: 1; top: 0; left: 0; z-index: 1; width: 100%; background-blend-mode: multiply; background-size: cover; background-position: center;transition: .3s ease;  }
#media_sec_medias01 .item .cont:hover .back{transform: scale(1.1);}

#media_sec_medias01 .item .cont_top {position: absolute; z-index: 11; width: 100%; box-sizing: border-box; padding: 15px; display: flex; justify-content: space-between; }
#media_sec_medias01 .item .cont::before {display: block; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.8));}
#media_sec_medias01 .item .cont_top .img_size {display: flex; flex-direction: row; gap: 10px; align-items: center; padding: 0 10px; height: 30px; color: #fff; background-color: rgba(0,0,0,.5); font-size: 16px; letter-spacing: -0.025em; }
#media_sec_medias01 .item .cont_top .img_size:before {content: ''; display: block; width: 21px; height: 14px; background-image: url(/docs/kor7/jsp/resources/images/ico/pic_size_ico.png);}
#media_sec_medias01 .item .cont_top a { height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; background-color: rgba(0,0,0,.5); }
#media_sec_medias01 .item .cont_top a:before { content: ''; display: block; height: 19px; width: 17px; background: url(/docs/kor7/jsp/resources/images/ico/ico_dl_wh.png) no-repeat center; }

#media_sec_medias01 .item .cont .h1 {margin-bottom: 15px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; letter-spacing: -0.025em; color: #fff;}
#media_sec_medias01 .item .cont .t1 {font-size: 16px; color: #DEDEDE; letter-spacing: -0.025em; margin: 0 0 20px 0;}

#media_sec_medias01 .lst-thumb.col4 > * { width: 24.6%; margin-left: 0.4%; margin-top: 8px;}
#media_sec_medias01 .item:where(:hover, :focus) .cont .t1 {text-decoration: underline;}
#media_sec_medias01 .item:where(:hover, :focus) .thumb div { transition: .3s ease; transform: scale(1.1); }

/*»çÁø ½½¶óÀÌµå ½ºÅ¸ÀÏ*/
#media_sec_view01 .wrap_bbs_view .head{border-bottom: 1px solid #e1e1e1; padding-bottom: 52px;}
#media_sec_view01 >.inner, #media_sec_view02 >.inner {overflow: hidden; position: relative; width: 90%; max-width: 1460px; margin: 0 auto; padding:110px 0 0px; overflow: visible;}
#media_sec_view02 >.inner {padding-bottom: 150px;}
#media_sec_view01 .wrap_bbs_view .cont{ border: 0; padding: 80px 0 0;}
#media_sec_view01 >.inner .image .list .inner {position: relative;}
#media_sec_view01 >.inner .image .list .slide_list > li {display: flex; justify-content: center; align-items: center; height:auto; background: #ddd; font-size: 48px; opacity: 0 !important;}
#media_sec_view01 >.inner .image .list .slide_list > li .img_down{position: absolute; top: 30px; right: 30px; display: flex; justify-content: center; align-items: center; width: auto; height: auto; background-color: rgba(0,0,0,.8); border-radius: 4rem; font-size: 16px; color: #fff; padding: 10px 24px; gap: 10px; }
#media_sec_view01 >.inner .image .list .slide_list > li .img_down::after{display: block; content: ''; width: 14px; height: 16px; background: url(/docs/kor7/jsp/resources/images/ico/ico_dl_wh.png) no-repeat center; background-size: cover; }
#media_sec_view01 >.inner .image .list .slide_list > li span{position: absolute; top: 100%; }
#media_sec_view01 >.inner .image .list .slide_list > li img{max-width: 100%; max-height: 650px; display: none;}
#media_sec_view01 > .inner .image .list .slide_list > li.swiper-slide-active {opacity: 1 !important;} 
#media_sec_view01 > .inner .image .list .slide_list > li.swiper-slide-active img {display: block;} 

#media_sec_view01 > .inner .image .list .btn {position: absolute; top: 300px; width: 60px; height:60px; border-radius: 4rem; z-index: 1;
  src: url(icomoon/icomoon.eot?1ki0q8);
  src: url(icomoon/icomoon.eot?1ki0q8#iefix) format('embedded-opentype'), url(icomoon/icomoon.ttf?1ki0q8) format('truetype'), url(icomoon/icomoon.woff?1ki0q8) format('woff'), url(icomoon/icomoon.svg?1ki0q8#icomoon) format('svg');
	font-family: 'icomoon'; font-weight: bold; font-style: normal; font-size: 24px; background-color: #fff;}
#media_sec_view01 .image .inner .list .btn.btn_prev {left: -85px; }
#media_sec_view01 .image .inner .list .btn.btn_next {right: -85px; }
#media_sec_view01 .image .inner .list .btn.btn_prev:after { content: "\ea0a";}
#media_sec_view01 .image .inner .list .btn.btn_next:after { content: "\ea0b";}

#media_sec_view01 .image .inner .list .swiper-pagination-progressbar {height: 3px; top:  auto; bottom: max(-11vw, -185px);; }
#media_sec_view01 .image .inner .list .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #2B3138; }

#media_sec_view01 .image .inner .thumbs {margin-top: 20px;}
#media_sec_view01 .image .inner .thumbs .slide_list > li {display: flex; justify-content: center; align-items: center; position: relative; height: 8vw; max-height: 135px; background: #ddd; background-size: cover; background-position: center; font-size: 24px; cursor: pointer;}
#media_sec_view01 .image .inner .thumbs .slide_list > li:before {content:''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.7) ; z-index: 1;}
#media_sec_view01 .image .inner .thumbs .slide_list > li.swiper-slide-thumb-active:before {display: none;}

#media_sec_view01 .wrap_bbs_view .img_ex_wrap {font-size: 18px; letter-spacing: -0.025em; line-height: 1.72em; margin: 70px auto; color: #666; margin-bottom: 50px; max-width: 1140px;}

#media_sec_view01 .wrap_bbs_view .img_ex_wrap li{display: none;}
#media_sec_view01 .wrap_bbs_view .img_ex_wrap li.on{display: block;}

/*µ¿¿µ»ó ½ºÅ¸ÀÏ*/
#media_sec_view01 >.inner .video > .inner:first-child{position: relative; padding-top: 50.6%; overflow: hidden; height: auto; max-width: 1460px!important; }
#media_sec_view01 >.inner .video .inner iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#media_sec_view01 .wrap_bbs_view .video .img_ex_wrap {width: 90%; }


#media_sec_view02 .wrap_bbs_view .page_direction > .inner {padding: 0 50px;}
#media_sec_view02 .wrap_bbs_view .page_direction .dir{width: 100%;}

#media_sec_view02 .wrap_bbs_view .page_direction .dir .tit{margin-top: 0; display: flex; gap: 50px; letter-spacing: -0.025em;}

#media_sec_view02 .wrap_bbs_view .page_direction .dir .right_wrap{display: flex; align-items: center; gap: 50px; }
#media_sec_view02 .wrap_bbs_view .page_direction .dir .tit .t{font-size: 18px; color: #222; }
#media_sec_view02 .wrap_bbs_view .page_direction .dir .tit .d{font-size: 16px; color: #666; }
#media_sec_view02 .wrap_bbs_view .page_direction > .inner .img{position: relative; background-size: 110%; background-position: center; height: 162px; width: 266px; transition: background-size .3s ease;}
#media_sec_view02 .wrap_bbs_view .page_direction > .inner .img::after{position: absolute; top: 0; left: 0; display: block;content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,.3);}
#media_sec_view02 .wrap_bbs_view .page_direction .dir .tit:hover .img{background-size: 120%;}
#media_sec_view02 .wrap_bbs_view .page_direction > .inner .tit_info{display: flex; flex-direction: column; justify-content: center;}
#media_sec_view01 > .inner >.wrap_bbs_view .cont > .inner, #media_sec_view02 >.inner {width: 90%; padding-bottom: 0;}
#media_sec_view01 > .inner .dir, #media_sec_view02 >.inner .dir {border-bottom: none;}
#media_sec_view02 .wrap_bbs_view .btn-bot.btn_list{padding-bottom: 150px;}
#media_sec_view01 .wrap_bbs_view .article_tags,#media_sec_view02 .wrap_bbs_view .article_tags {border-top: 1px #e1e1e1 solid;}
#media_sec_view01 .wrap_bbs_view .article_tags ul,#media_sec_view02 .wrap_bbs_view .article_tags ul {width: 100%; max-width: unset; margin-top: 50px;padding-bottom: 10px;}
#media_sec_view01 .wrap_bbs_view .page_direction, #media_sec_view02 .wrap_bbs_view .page_direction{ border-top:  1px #e1e1e1 solid; margin-top: 10px; }


/*°Ë»ö ½ºÅ¸ÀÏ*/ 
/* srch_wrap °Ë»ö ·¹À̾ƿô */  
#mc_search_detail  { overflow: visible; z-index: 11;} 
#mc_search_detail .inner { padding: 50px 0 0; } 
#mc_search_detail p { font-size: 24px;letter-spacing: -0.025em; font-weight: 500; color: #222;} 
#mc_search_detail .inner > div { display: flex; gap: 2vw; height: 40px; background-color: #F5F5F5; padding: 30px 40px; margin-top: 10px; } 
#mc_search_detail .inner > div > div { width: 50%; height: 100%; } 
#mc_search_detail .list_title, #mc_search_detail .result_box span.list_title { flex: none; color:#222; font-weight: 500; font-size:16px; } 
#mc_search_detail .custom_select { position:relative; display: flex; flex: none; }  
#mc_search_detail .custom_select .option_select { width: 100%; height: 100%; position:relative; font-size:0; display: flex; align-items: center; gap: 2vw;} 
#mc_search_detail .custom_select .option_select > div { height: 100%; box-sizing: border-box; display: flex; align-items: center; gap: 14px; } 
#mc_search_detail .custom_select .option_list .select_wrap { width:100%; height: 100%; position: relative;} 
#mc_search_detail .custom_select .option_list .select_btn { width:100%; height:36px; color:#333333; font-weight:400; text-align:left; padding:0 25px 0 10px; box-sizing:border-box; border:1px solid #cdcdcd; border-radius:1px; font-size:16px; background:#fff url(images/blet_arrow.png) no-repeat 100% 50%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } 
#mc_search_detail .custom_select .option_list.on .select_btn { background-image:url(images/blet_arrow_on.png) } 
#mc_search_detail .custom_select .option_list { position:relative; display:inline-block; font-size:14px; vertical-align:top; width: 55%; } 
#mc_search_detail .custom_select .option_list.search_option1 { width: 45%; } 
#mc_search_detail .custom_select .option_list.search_option2 { width: 55%; } 
#mc_search_detail .custom_select .option_list.on { z-index:102; } 
#mc_search_detail .custom_select .option_list ul { display: none; width: 100%; position: absolute; top: 1px; left: 0; min-height: 160px; height: 200px; z-index: 102; } 
#mc_search_detail .custom_select .option_list.on ul { display: block; } 
#mc_search_detail .custom_select .option_list ul li button { display:block; width:100%; height: 40px; font-size:16px; color:#4c4c4c; font-weight:400; text-align:left; box-sizing:border-box; padding-left:10px; border:1px solid #cdcdcd; border-top:none; background:#ffffff; cursor: pointer;} 
#mc_search_detail .custom_select .option_list ul li.on button { font-weight:600; background-color: #f1f1f1; } 
#mc_search_detail .custom_select .option_list ul li.on button,
#mc_search_detail .custom_select .option_list ul li:first-child button,
#mc_search_detail .custom_select .option_list .change_text { color:#4c4c4c; } /* addClass */
#mc_search_detail .custom_select .option_list .change_text { height: 100%; } /* addClass */
#mc_search_detail .custom_select .option_list ul li:first-child button, .custom_select .option_list ul li:first-child button:hover { height: 40px; background:#fff url(images/blet_arrow_on.png) no-repeat 100% 50%; color:#bdbdbd; } 


#mc_search_detail .result_box { position:relative; font-size:0; box-sizing: border-box; }  
#mc_search_detail .result_box .buttom_search { display: flex; gap:14px; align-items: center; width:100%; height: 100%; box-sizing:border-box; background:none; position:relative; } 
#mc_search_detail .result_box .buttom_search form { height: 100%; width: 100%; box-sizing: border-box;} 
#mc_search_detail .result_box .result_btm_area { display: flex; height: 100%; } 
#mc_search_detail .result_box .result_btm_area input[type="text"] { width:100%; height:100%; font-size:16px; color:#666; border:1px solid #d5d5d5; padding: 0 10px; box-sizing:border-box; } 
#mc_search_detail .result_box .result_btm_area button { width:83px; height:100%; background:#fff; border:1px solid #d5d5d5; font-size: 16px; font-weight:600; flex: none; margin-left: 10px; cursor: pointer;} 
#mc_search_detail .result_box .other_date { display:inline-block; margin-top:15px; margin-left:53px; color:#005386; font-size:14px; font-weight:600; text-decoration:underline; } 
#mc_search_detail .result_box .other_date:before { content:''; display:inline-block; width:12px; height:12px; background:url(images/posco_sprite.png) no-repeat -60px -40px; vertical-align:middle; margin-right:5px; } 
#mc_search_detail .result_box + .notice { padding:0 70px 30px 108px; font-size:14px; font-weight:bold; color:#666; line-height:1.6em; } 
#mc_search_detail .result_box + .notice .nowrap { white-space:nowrap; } 

/* °Ë»ö¹Ù */
.wrap_search2{width: 480px; height: 54px; border: 1px solid #f5f5f5; box-sizing: border-box; border-radius: 500px; background-color: #f5f5f5; display: inline-flex; align-items: center;justify-content: space-between;}
.wrap_search2 input{height: 40px; border:0; margin:0 20px; padding-left: 14px; box-sizing: border-box;  flex:none; width:calc(100% - 110px); line-height:1; background-color: #f5f5f5;}
.wrap_search2 button{width:70px; height:100%; font-size: 17px; background-color: transparent; border: 0;cursor: pointer;}
.wrap_search2.hg2{height: 48px; box-sizing: border-box; color: #111;}
.wrap_search2 input::-webkit-input-placeholder {/* Chrome/Opera/Safari */ color: #757586;}
.wrap_search2 input::-moz-placeholder {/* Firefox 19+ */ color: #757586;}
.wrap_search2 input:-ms-input-placeholder {/* IE 10+ */ color: #757586;}
.wrap_search2 input:-moz-placeholder {/* Firefox 18- */ color: #757586;}


/* ´Þ·Â datepicker css */
#mc_search_detail .srch_date { display:none; position:absolute; top:45px; left:0; z-index:200; width:616px; padding:20px 19px 20px; background-color:#ffffff; border:1px solid #bbbbbb } 

#mc_search_detail .srch_date .btns { display:flex; justify-content: center; margin-top: 20px;} 
#mc_search_detail .srch_date .btns button { margin:0 8px; cursor: pointer;} 
#mc_search_detail .srch_date .btns .btn_ok { display:inline-block; width:100px; height:36px; font-size:14px; font-weight:600; line-height:36px; border:1px solid #454545; background:#fff; } 
#mc_search_detail .srch_date .btns .btn_cancel { display:inline-block; width:100px; height:36px; font-size:14px; font-weight:600; line-height:36px; border:1px solid #454545; background:#fff; } 

#mc_search_detail .date_search{display: flex; gap: 10px; align-items: center; font-size: 14px; color: #707070;}
#mc_search_detail .date_search > div{width: 50%;}
#mc_search_detail .date_search > div .dropdown_menu{width: 50%;}

#mc_search_detail input[name='startDate'], #mc_search_detail input[name='endDate']{position: relative; z-index: 100; width: 100%;height: 45px; padding-right: 20px; box-sizing: border-box; background: url(/docs/kor7/jsp/resources/images/common/date_icon.png) no-repeat right 10px center; border: 1px solid #9E9E9E; border-radius: 0; display: flex; align-items: center;}
#mc_search_detail input[name='startDate']::-webkit-clear-button,
#mc_search_detail input[name='startDate']::-webkit-inner-spin-button,
#mc_search_detail input[name='endDate']::-webkit-clear-button,
#mc_search_detail input[name='endtDate']::-webkit-inner-spin-button{display: none;}
#mc_search_detail input[name='startDate']::-webkit-calendar-picker-indicator, #mc_search_detail input[name='endDate']::-webkit-calendar-picker-indicator {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; color: transparent;	cursor: pointer;}
#mc_search_detail .date_search .btns a{display: block; height: 45px; line-height: 45px; width: 83px; text-align: center; border: 1px solid #9E9E9E; color: #222; background-color: #F5F5F5;}
.glyphicon-chevron-left:before{content:'<'!important;}
.glyphicon-chevron-right:before{content:'>'!important;}
.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {color: #ddd!important;}


/* .have_result °Ë»ö°á°ú°¡ ÀÖÀ» ¶§*/
#mc_search_list{padding-bottom: 110px;}
#mc_search_list .have_result{display: block;}
#mc_search_list .inner { padding: 70px 0 0; } 
#mc_search_list p.result_total { font-size: 24px; letter-spacing: -0.025em; font-weight: 500; } 
#mc_search_list p.result_total .result_cate { color: #005793; font-weight: 600;} 
#mc_search_list p.result_total .result_cate:before, #mc_search_list p.result_total .result_cate:after { content: '"'; } 

#mc_search_list .bbs-pagination{padding-bottom: 0px;}

#mc_search_list .list_item:last-child{border-bottom: 1px solid #d5d5d5; }
#mc_search_list .list_item{border-top: 1px solid #d5d5d5; padding: 30px 0; }
#mc_search_list .list_item > a{display: flex; flex-direction: row; gap: 30px; }
#mc_search_list .list_item .thumb{width: 400px; height: 224px; flex:none; background-size: 100%; background-position: center; transition: .3s all; }
#mc_search_list .list_item .item_right{display: flex; flex-direction: column; justify-content: space-between; }
#mc_search_list .list_item .item_cate{background-color: #DBEEFF; color: #005793; padding: 5px 10px 5px; font-size: 14px; letter-spacing: -0.025em;font-weight: 500; }
#mc_search_list .list_item .tit{font-weight: 500; color: #222; font-size: 24px; letter-spacing: -0.025em; }
#mc_search_list .list_item .date{ color: #666; font-size: 16px; letter-spacing: -0.025em; }

#mc_search_list .list_item > a:hover .tit{text-decoration: underline;}
#mc_search_list .list_item > a:hover .thumb{background-size: 105%;}

/* .no_result °Ë»ö°á°ú°¡ ¾øÀ» ¶§*/
#mc_search_list .no_result{display: none; border-top: 1px solid #d5d5d5;}
#mc_search_list .no_result p.top{font-size: 20px; font-weight: 600; color: #222; text-align: center; letter-spacing: -0.025em; margin-top: 50px;}
#mc_search_list .no_result p.bot{font-size: 16px; text-align: center; letter-spacing: -0.025em; margin-top: 20px;}

/*¹Ìµð¾î¼¾ÅÍ > ¹Ìµð¾î¶óÀ̺귯¸® ¶ì¹è³Ê ½ºÅ¸ÀÏ (¸ÞÀÎ)*/
#mc_ad_banner.main { position: relative; width: 100%; height: 130px; background: url(/docs/kor7/jsp/resources/images/prcenter/mc_ml_banner.png) center / cover no-repeat; display: flex; flex-direction: column; justify-content: flex-end;}
#mc_ad_banner.main a { box-sizing: border-box; width: 100%; height: 130px; padding: 35px 0; color: #222;}
#mc_ad_banner.main a .inner { display: block; width: 690px; margin: 0 auto; font-size: 28px; font-weight: 600;}
#mc_ad_banner.main a .inner .txt_wrap{float: right;} 
#mc_ad_banner.main a .inner span {display: block; letter-spacing: -0.025em; line-height: 1.5em;} 
#mc_ad_banner.main a .inner .sub{font-size: 15px; font-weight: 500; }

/*¹Ìµð¾î¼¾ÅÍ > ¹Ìµð¾î¶óÀ̺귯¸® ¶ì¹è³Ê ½ºÅ¸ÀÏ*/
#mc_ad_banner { position: relative; width: 100%; height: 130px; background-image: url(/docs/kor7/jsp/resources/images/prcenter/mc_ad_banner.png); background-size: cover; background-position: center; display: flex; flex-direction: column; justify-content: flex-end;} 
#mc_ad_banner a{box-sizing: border-box; width: 100%; height: 130px; padding: 35px 0; color: #fff;} 
#mc_ad_banner a .inner{display: block; width: 670px; margin: 0 auto; font-size: 28px; font-weight: 600; } 
#mc_ad_banner a .inner .txt_wrap{float: right;} 
#mc_ad_banner a .inner span{display: block; letter-spacing: -0.025em; line-height: 1.5em;} 
#mc_ad_banner a .inner .sub{font-size: 15px; font-weight: 500; } 



/*±â»ç Ä«Å×°í¸® ÅǸ޴º ½ºÅ¸ÀÏ*/
#mc_sub_cate {}
#mc_sub_cate .tab.ty4 > ul  { margin-bottom: 35px; }
#mc_sub_cate .tab.ty4 > ul > li > a { width: auto; min-width: auto; height: auto; padding: 10px 15px; font-size: 16px; letter-spacing: -0.025em; line-height: 1.5em; font-weight: 500;}
#mc_sub_cate .tab.ty4 > ul > li.on > a{text-decoration: none; font-weight: 600;}


/* footer */
#footer.mediacenter { position: relative; height: auto !important; display: table; table-layout: fixed; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#footer.mediacenter .footer_wrap {display: table-cell; vertical-align: middle; width: 100%; height: auto !important;}
#footer.mediacenter .info_foot { background-color: #F5F5F5; color: #222; padding: 45px 0;}
#footer.mediacenter .inr-c-s { max-width: 1460px; width: 90%;  margin: 0 auto;}
#footer.mediacenter .address {font-size: 13px; padding-top: 25px; border-top: 1px solid #666; display:flex; justify-content: space-between;}
#footer.mediacenter .address .right span {text-align: right;}
#footer.mediacenter .address span {display: block; margin-top: 0;}

@media screen and (max-width: 1076px){
  /*240328 º¸µµÀÚ·á ÆäÀÌÁö Ãß°¡*/
	#media_sec_press01 .inr-c2 {flex-direction: column; align-items: flex-start;}
  #media_sec_press01 .inr-c2 .news_bg {height: 80%; width: 90%;}
  #media_sec_press01 .content {height: 100%; box-sizing: border-box; margin-bottom: 5vw; width: 80%; padding: 0 10%;}
  #media_sec_press01 .swiper-container, #cc_sec_archive02 .banner {width: 60vw; margin-left: 15vw;}

	#media_sec_press01 .wrap_bbs_banner .swiper-container, 
	#media_sec_press01 .wrap_bbs_banner .banner {width: 90%; margin-right: 7vh;}

	#media_sec_press02 .inner {flex-direction: column; padding: 20px 0 0 0;	row-gap: 20px;}
	#media_sec_press02 .date_search,#media_sec_press02 .ta-r {width: 100%;}
	#media_sec_press02 .wrap_input1, #media_sec_press02 .wrap_input2 {width: 45%;}
	#media_sec_press02 input[type='date'] {width: 100%; box-sizing: border-box;}
	#media_sec_press01 .content .item .tit {height: 11vw;}
}


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

   /**  common start  **/
  input,
  textarea,
  body {/*font-size: 25px;*/font-size: 3.33333333vw;}

  input,
  textarea,
  button {-webkit-appearance: none; -moz-appearance: none; appearance: none;}

  input,
  textarea,
  button,
  select {-webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0;}
	
  .pc-view {display: none !important;}

  .mo-view {display: block !important;}
	
  #wrap::-webkit-scrollbar {display: inherit;}
	
  .row {flex-direction: column;}
  .row > [class*='col_'] {width: 100%;}

  .w50p {width: 100% !important;}

/* common end  */

/***   °øÅë start   ***/
  /* °Ë»ö¹Ù */
  .wrap_search2 {width: 100%; margin-top: 5.33333333vw;}

  #header.mediacenter .logo > a.mc_logo {font-size: 4.45vw;}

  #header.menu.mediacenter {height: auto;}
  #header.mediacenter {height: auto;}
  #header.mediacenter > .inner {flex-direction: column; align-items: flex-start; gap: 10px;	height: fit-content; padding: 10px 0;}
  #header.mediacenter .area_rgh_mc {/* width: 98vw; overflow-x: scroll; 260130 ÁÖ¼®Ã³¸®*/}
  #header.mediacenter .area_rgh_mc ul.dapth_one {justify-content: space-between;	gap: 7vw;}
  #header.mediacenter .area_rgh_mc ul li {flex: none;}
  #header.mediacenter .area_rgh_mc ul li:last-child {/*padding-right: 10vw; 260130 ÁÖ¼®*/}
  #header.mediacenter .area_rgh_mc ul li a {font-size: 4vw; width: auto!important;}
  	
  #header.mediacenter .logo {align-items: flex-end;}
  #header.mediacenter .logo > a.mc_logo .img.scroll {margin-left: 11px;}

  #header.mediacenter .area_rgh_mc .dapth_two_back ,#header.mediacenter .area_rgh_mc ul.dapth_two{top:0;}

  #mc_main_slide {margin-top: 16.3vw;}
  #mc_main_slide .mc_bg {height: 45.56vw;}

  #mc_main_slide .wrap-mc-top .item {flex-direction: column;}
  #mc_main_slide .wrap-mc-top .item.youtube {display: block; height: auto;}
  #mc_main_slide .wrap-mc-top .item.youtube a div {background-position: -155px;/*Àӽ÷Π³ÖÀ½. ¸ð¹ÙÀÏ¿ë ½æ³×ÀÏ Á¦ÀÛµÇ¸é »èÁ¦Çϱâ*/}

  #mc_main_slide .bg-pos {width: 100%; height: 51.41vw;}
  #mc_main_slide .wrap-mc-top .item.youtube .bg-pos {	height: 95.4vw;}
  #mc_main_slide .wrap-mc-top .item video.pc {display: none;}
  #mc_main_slide .wrap-mc-top .item video.mo {display: block;}
  
  #mc_main_slide .article_info {border: none;	padding: 15px 0;	height: 47vw;}
  #mc_main_slide .article_info .cate {font-size: 4.5vw;	margin-bottom: 15px;}
  #mc_main_slide .article_info .tit {font-size: 5vw;	margin-bottom: 15px;	overflow: hidden;	text-overflow: ellipsis;	white-space: normal;	word-wrap: break-word;	display: -webkit-box;	-webkit-line-clamp: 3;	-webkit-box-orient: vertical;}
  #mc_main_slide .article_info .date {font-size: 4.5vw;}

  #mc_main_slide .controller .pageing > * {height: 13.35vw;}
  #mc_main_slide .controller .pageing > button {width: 13.35vw;}

  #mc_banner_wrap .inner {font-size: inherit;}
  #mc_articles_wrap>.inner {display: block;padding-top: 0;}
  #mc_articles_wrap .tit,
  #mc_social_slide .esg_subpage_list .item .txt_wrap .tit{font-size: 4vw!important; -webkit-line-clamp: 2; min-height: unset;}
  #mc_articles_wrap .press_wrap .press_cell .article_info .tit{-webkit-line-clamp: 3;}
  #mc_articles_wrap .date, 
  #mc_social_slide .esg_subpage_list .item .txt_wrap .date {font-size: 3.6vw;}

  #mc_articles_wrap .right_box .date {margin-top: 20px;}

  #mc_articles_wrap .press_wrap{width: 100%;}
  #mc_articles_wrap .press_wrap li{padding: 4.3vw 0 2vw;}
  #mc_articles_wrap .press_wrap .press_cell .article_thumb{width: 38.9vw;	height: 21.8vw;}
  #mc_articles_wrap .press_wrap .press_cell .article_info{justify-content: flex-start; gap: 10px;}

  #mc_articles_wrap .right_box{margin-left: 0;	margin-top: 50px;	gap: 50px;}
  #mc_articles_wrap .right_box ul{display: flex;	overflow-x: scroll;}

  #mc_articles_wrap ul li{flex: none; width: 75vw;}
  #mc_articles_wrap .right_box ul .article_info{min-height: 33.6vw; display: flex;	flex-direction: column;	justify-content: space-between;}

  #mc_articles_wrap h2, #mc_social_slide .socialink_wrap h2{font-size: 4.45vw;}
  #mc_articles_wrap h2:after{width: 3.4vw; height: 3.4vw;	background-size: cover;}

  #mc_social_slide.sub-page-section{background-position-y: unset;	background-size: unset;}
  #mc_social_slide.sub-page-section .inner{display: flex;	flex-direction: column;	padding-bottom: 15vw;	padding-top: 0;	gap: 10px; }

  #mc_social_slide .socialink_wrap{width: 100%;	padding: 0;}
  #mc_social_slide .socialink_wrap h2{margin-bottom: 0;}
  #mc_social_slide .socialink_wrap ul{display: flex;	justify-content: flex-start;	gap: 5.5vw}
  #mc_social_slide .socialink_wrap li{border: none;	display: flex; align-items: center;}

  #mc_social_slide .socialink_wrap li:last-child:after{display: none;}
  #mc_social_slide .socialink_wrap li a{margin: 5px 0;/* font-size: 1.34em; */}
  #mc_social_slide .socialink_wrap li a:after{margin-left: 5px;}
  	
  #mc_social_slide .socialslide_wrap{width: 100%;}
  #mc_social_slide .swiper-container{overflow: visible;}
  #mc_social_slide .esg_subpage_list .item .txt_wrap{min-height: 30.3vw;	display: flex;	flex-direction: column;	justify-content: space-between;}
  #mc_social_slide .swiper-nav{flex-direction: row;	top: unset;	transform: unset;	bottom: 10px;	left: 0;}
  #mc_social_slide .swiper-nav button{width: 34px;	height: 34px;}
  #mc_social_slide .swiper-nav button:after{font-size: 4vw;}

  /*240624 °Ë»ö ½ºÅ¸ÀÏ*/
  #header.mediacenter .mc_search{top: 82px;}
  #header.mediacenter .mc_search > .inner{width: 100%;}
  #header.mediacenter .mc_search > .inner > div{width: 87vw; max-width: none;}
  #header.mediacenter .mc_search input{font-size: 4vw;}
  #header.mediacenter .mc_search > .inner > div:last-child{top: auto;	bottom: 2vh;	padding: 0;	z-index: 3;}
  #header.mediacenter .mc_search .search_close{width: 8vw;	height: 8vw;	background-size: inherit;}
  #header.mediacenter .mc_search .keyword *{font-size: 3.7vw;}

  #mc_search_detail .inner{padding-top: 20px;}
  #mc_search_detail .inner > div{flex-direction: column;	height: auto;	padding: 10px;}
  #mc_search_detail p{font-size: 4.5vw;}
  #mc_search_detail .inner > div > div{width: 100%;}
  #mc_search_detail .custom_select .option_select{flex-direction: column;}
  #mc_search_detail .custom_select .option_list .change_text{height: 36px;}
  #mc_search_detail .custom_select .option_list .select_btn{font-size: 3.5vw;}

  #mc_search_detail .custom_select .option_list.search_option1,
  #mc_search_detail .custom_select .option_list.search_option2{width: 100%;	align-items: flex-start;	gap: 0px;	flex-direction: column;}

  #mc_search_detail .srch_date{width: 100%; padding: 10px; box-sizing: border-box;}

  #mc_search_detail .date_search{flex-direction: column; gap: 0px;}
  #mc_search_detail .date_search > div{width: 100%;}

  #mc_search_detail .list_title,
  #mc_search_detail .result_box span.list_title{font-size: 4vw;}

  #mc_search_detail .result_box .buttom_search{flex-direction: column; align-items: flex-start; gap: 0px;}
  #mc_search_detail .result_box .buttom_search form{height: 36px;}
  #mc_search_detail .result_box .result_btm_area input[type="text"]{font-size: 3.5vw;}

  #mc_search_list .inner{padding-top: 30px;}
  #mc_search_list .list_item > a{flex-direction: column;}
  #mc_search_list .list_item .thumb{width: 100%; height: 0; padding-bottom: 56%;}
  #mc_search_list .list_item .item_cate{font-size: 3vw;}
  #mc_search_list .list_item .tit{line-height: 1.5em;	font-size: 5vw;	margin-top: 10px;}
  #mc_search_list .list_item .date{font-size: 4vw;}

  #mc_search_list p.result_total{font-size: 5vw;}
  #mc_search_list .no_result p.top{font-size: 4.5vw;}
  #mc_search_list .no_result p.bot{font-size: 3.5vw;}
  	
  /*240328 º¸µµÀÚ·á ÆäÀÌÁö Ãß°¡*/
  #media_sec_press03 .inner{padding: 55px 0 0 0;}

  #media_sec_press03 .item .cont{padding: 35px 40px; padding: 8vw 10vw;}
  #media_sec_press03 .item .cont .cate{margin-bottom: 0; font-size:16px; font-size: 1em;}
  #media_sec_press03 .item .cont .h1{height: auto; margin-bottom: 30px; margin-bottom: 5vw; font-size: 1.6em;}
  #media_sec_press03 .lst-thumb.col3 > *{margin: 0;}
  #media_sec_press03 a.item .cont{padding: 35px 40px; padding: 8vw;}
  #media_sec_press03 .item .cont .cate{margin-bottom: 0; font-size:16px; font-size: 1em;}
  #media_sec_press03 a.item .cont .h1{height: auto; margin-bottom: 30px; margin-bottom: 5vw; font-size: 1.6em;}
  #media_sec_press03 a.item .cont .t1{font-size: 1.1em;}
  #media_sec_press03 .bbs-pagination{padding-top: 15vw;}

  #media_sec_press02 .ta-r{margin-top: 3vw;}
  #media_sec_press02 .ta-r form{display: flex;align-items: center;}
  #media_sec_press02 .wrap_search2 {margin-top: 1vw;}
  #media_sec_press02 .date_search{flex-direction: column; gap: 0;}
  #media_sec_press02 .date_search > *,
  #media_sec_press02 .date_search .btns a{width: 100%; text-align: center;}
  #media_sec_press02 .date_search .btns a{margin-top: 15px;}

  #media_sec_press01 .swiper-container, 
  #cc_sec_archive02 .banner {width: 70vw; margin-right: 7vh;}

  
  #media_sec_press01 .inr-c2{padding: 7vh 0 0 0; flex-direction: column; align-items: flex-end;}
  #media_sec_press01 .inr-c2 .news_bg{height: 70%; width: 100%;}

  #media_sec_press01 .content .item .txt,
  #media_sec_press01 .content .item .cate,
  #media_sec_press01 .content .item .btn {font-size: 3.33333333vw;}

  #media_sec_press01 .content .item .tit {font-size: 6vw; height: 15vw;}
  #media_sec_press01 .content .item .txt{height: 35vw;}

  #media_sec_press01 .controller{margin-top: -11vw;}
  #media_sec_press01 .controller .pageing{width: auto; gap: 2vw;}
  #media_sec_press01 .controller .pageing .num{margin-left: 0; text-align: right;}
  #media_sec_press01 .controller .pageing button{width: 10vw; height: 10vw; font-size: 4vw;}

  #media_sec_press01 .content{padding: 0 10vw; width: 100%;}
  #media_sec_press01 .swiper-container .item{height: 60vw;}
  #media_sec_press01 .wrap_bbs_banner .swiper-container, 
  #media_sec_press01 .wrap_bbs_banner .banner {width: 90%; margin-right: 3vh;}

  #mc_sub_head{margin-top: 26%;} 
  #mc_sub_head .path_sub span:first-child{width: 4.5vw; height: 4.5vw; background-size: contain;}

  #mc_sub_head .title{padding: 10vw 0 7vw;}
  #mc_sub_head .title p{font-size: 4.5vw; margin-bottom: 3vw;}
  #mc_sub_head .title h2{font-size: unset;}
  #mc_sub_head .toplink{margin-bottom: 0;}
  #mc_sub_head .toplink a{font-size: 4vw; padding: 5vw;}

  #mc_sub_tab > div,
  #mc_sub_tab .ta-r {margin-top: 0px;}

  #mc_sub_tab .tab.ty_mc {margin-top: 70px;}
  #mc_sub_tab .wrap_search2 {height: 40px;}
  #mc_sub_tab .wrap_search2 input {font-size: 3.5vw;}
 	
  .tab.ty_mc ul li a {font-size: 4vw; width: 30vw; height: 10vw;}
  	
  #mc_sub_cate .d-flex {margin-top: 0;}
  #mc_sub_cate .tab.ty4 > ul {margin-bottom: 10px;}
  #mc_sub_cate .tab.ty4 > ul > li > a {font-size: 3.4vw;}

  #mc_sub_list01.sub-page-section:last-child > .inner {padding-bottom: 7vw;}
  #mc_sub_list01 .item .thumb {height: 60vw;}

  #mc_sub_list01 .item .cont {padding: 5vw; min-height: inherit;}
  #mc_sub_list01 .item .cont .cate {font-size: 3.6vw;}
  #mc_sub_list01 .item .cont .h1 {font-size: 4vw;}
  #mc_sub_list01 .item .cont .t1 {font-size: 3.6vw;}
  #mc_sub_list01 .bbs-pagination {padding-bottom: 120px;}

  #mc_artile > .inner {padding-top: 10vw;}
  .wrap_bbs_view .group_info {margin-top: 8vw;}
  .wrap_bbs_view .top {padding-bottom: 5vw; font-size: 4vw;}
  .wrap_bbs_view .top .back .ff-en {font-size: 6vw;}
  .wrap_bbs_view .top .back i {font-size: 7vw; margin-right: 2vw;}
  .wrap_bbs_view .head {text-align: center; margin-top: 7vw;	padding-top: 10vw;}
  .wrap_bbs_view .head .h_1 {font-size: 4.7vw; line-height: 1.5;}
  .wrap_bbs_view .head .info {margin-top: 10vw; font-size: 3.7vw;}
  .wrap_bbs_view .head .info span.date {font-size: 4vw;}
 
  .wrap_bbs_view .cont {padding: 9vw 0 7vw; margin-top: 10vw;}
  .wrap_bbs_view .cont > .inner {max-width: 980px; margin:0 auto;}
  .wrap_bbs_view .cont .sp_cont_wrap > p {margin-top: 3vw;}
  .wrap_bbs_view .cont .sp_cont_wrap > p img {height: auto;}
  .wrap_bbs_view .cont .sp_cont_wrap > div.color_div {width: fit-content !important;}
  .wrap_bbs_view .cont .sp_cont_wrap > div:has(img) p {font-size: inherit!important;}
  .wrap_bbs_view .cont .sp_cont_wrap > div {margin: 7vw auto 0; width: fit-content!important;}
  .wrap_bbs_view .cont .sp_cont_wrap > div div {width: fit-content!important;}

  .wrap_bbs_view .page_direction {margin-top: 50px !important; border-width: 1px 0;}
  .wrap_bbs_view .page_direction > .inner {padding: 0; display: flex; flex-direction: column;}

  .wrap_bbs_view .article_tags ul li a {font-size: 3.4vw;}
  .wrap_bbs_view .page_direction .dir {width: 100%; box-sizing: border-box; padding: 5vw 0;}
  .wrap_bbs_view .page_direction .dir.rgh {text-align: left;}
  .wrap_bbs_view .page_direction .dir .h {font-size: 3.6vw; flex:none;} 
  .wrap_bbs_view .page_direction .dir .h i {margin-right: 2vw; font-size: 5vw;} 
  .wrap_bbs_view .page_direction .dir .tit {display: inline-block; margin-top: 0; font-size: 3.6vw;}
  .wrap_bbs_view .btn-bot a.btn_more {width: 100%; text-align: center; margin-top: 10vw;}

  /*240416 º¸µµ»çÁø ÆäÀÌÁö Ãß°¡*/
  #media_sec_medias01 .inner {padding: 13.33333333vw 0;}
  #media_sec_medias01 .lst-thumb.col3 > * {margin: 0;}

  #media_sec_medias01 .item .cont .t1,
  #media_sec_medias01 .item .cont_top .img_size {font-size: 3.75vw;}
  #media_sec_medias01 .item .cont .h1 {font-size: 5.34vw;}
  #media_sec_medias01 .bbs-pagination {padding: 30px 0 115px;}
  
  #media_sec_view01 .image .inner .thumbs .slide_list > li {height: 14vw;}
  #media_sec_view01 .image .inner .list .swiper-pagination-progressbar {bottom: -23vw;}
  #media_sec_view01 > .inner .image .list .btn {font-size: 4vw; width: 1.5vw; height: 8vw; top: 50%; transform: translateY(-50%);}
  #media_sec_view01 .inner .image .list .btn.btn_prev {left: -9vw;}
  #media_sec_view01 .inner .image .list .btn.btn_next {right: -9vw;}
  
  #media_sec_view01 >.inner,
  #media_sec_view02 >.inner {padding-top: 2vw!important;}

  #media_sec_view01 >.inner .image .list .slide_list > li .img_down {top: 2vw; right: 2vw; width: auto; height: auto; font-size: 3.6vw; padding: 2vw 5vw;}
  #media_sec_view01 >.inner .image .list .slide_list > li .img_down::after {width: 2.9vw; height: 3.8vw;}
  #media_sec_view01 .wrap_bbs_view .img_ex_wrap {font-size: 3.6vw; margin-top: 8vw;}
  #media_sec_view01 .wrap_bbs_view .img_ex_wrap li {margin-top: 10vw;} 

  #media_sec_view02 .wrap_bbs_view .page_direction > .inner {padding: 3vw 7vw;}
  #media_sec_view02 .wrap_bbs_view .page_direction .dir .h {line-height: normal;}
  #media_sec_view02 .wrap_bbs_view .page_direction .dir .tit {gap: 10px; flex-direction: column;}
  #media_sec_view02 .wrap_bbs_view .page_direction .dir .right_wrap {gap: 10px; flex-direction: column;}
  #media_sec_view02 .wrap_bbs_view .page_direction .dir .tit .t {font-size: 3.6vw;}
  #media_sec_view02 .wrap_bbs_view .page_direction .dir .tit .d {font-size: 3.1vw;}

  #media_sec_view01 .wrap_bbs_view .page_direction,
  #media_sec_view02 .wrap_bbs_view .page_direction {margin-top: 0px!important;}

  #mc_ad_banner {height: 27vw;	background-image: url(/docs/kor7/jsp/resources/images/prcenter/mc_ad_banner_m.png);	background-position: left bottom;	background-repeat: no-repeat;}
  #mc_ad_banner a {height: 25vw; padding: 0; display: flex;}
  #mc_ad_banner.main a .inner {font-size: 6.15vw; padding: 0 4.167vw; display: flex; flex-direction: column; justify-content: center; align-items: flex-end;} 
  #mc_ad_banner a .inner {/* »ý°¢Çغ¼°Í */ font-size: 6.15vw; padding: 0 4.167vw; display: flex; flex-direction: column; justify-content: center; align-items: flex-end;} 
  #mc_ad_banner a .inner .sub {font-size: 3.887vw;}

  #footer.mediacenter .address {margin-top: 4vw; flex-direction: column;}
  #footer.mediacenter .address .right span {text-align: left;}

  /* flex start */
  .d-flex {flex-direction: column; margin-top: 8vw;}
  .d-flex > * {width: 100%;}
  .d-flex > * + * {margin-top: 8vw;}
  /* flex end */	

  /* ¸®½ºÆ®½ºÅ¸ÀÏ start */
  .lst-thumb {flex-direction: column;}
  .lst-thumb > * {width: 100% !important; margin-left: 0 !important;}
  .lst-thumb.col2 > * {margin-top: 0 !important; margin-bottom: 10.66666667vw !important;}
  .lst-thumb.col3 > * {width: 100%; margin-left: 0; margin: 0;}
  .lst-thumb.col3 > * + * {margin-top: 8vw !important;}
  .lst-thumb.col3.ma-2 > * {width: 100%; margin: 0;}
  .lst-thumb .item .cont {margin-top: 4vw;}
	/* ¸®½ºÆ®½ºÅ¸ÀÏ end */

  /* top ¹öÆ° start */
  .btn_top_fix {right: 6.5vw; top: -20vw; width: 13.33333333vw; height: 13.33333333vw;}
  .btn_top_fix.fixed {right: 6.5vw; bottom: 7.5vw;}
  .btn_top_fix .inr .ico { width: 5vw; height: 2.9vw;}
  /* top ¹öÆ° end*/

  /* path_sub ~ 3depth ÅǸ޴º±îÁö start */
  .sub-page-head {padding-top: 0; margin-bottom: 8vw; margin-top: 36vw;}
  .sub-page-head > .inner {border-bottom: 0; padding-bottom: 0; margin: 0; width: 100%; flex-direction: column; align-items: normal; justify-content: normal;}
  .sub-page-head .title {text-align: center; font-size: 7.5vw; font-weight: bold;}
  .sub-page-head .menu {border-bottom: 1px solid #d9d9d9; width: 100%;}
  .sub-page-head .menu ul {padding: 5.33333333vw 5% 0; overflow-x: auto;}
  .sub-page-head .menu ul li + li {margin-left: 6.66666667vw;}
  .sub-page-head .menu ul li a {font-size: 4vw; height: 13.33333333vw; display: flex; align-items: center; justify-content: center;}
  .sub-page-head .menu ul li:before {top: auto; bottom: 0; width: 100%; left: 0; height: 0.53333333vw; margin-left: 0;}
  .sub-page-head .menu ul li:after {height: 0.8vw;}
  .sub-page-head + .sub-page-section > .inner {padding-top: 0;}
  .sub-page-head .wrap_search2 {width: 90%; margin-left: auto; margin-right: auto;}
	
  .path_sub {margin-top: 6vw;margin-bottom: 12vw;}
  .path_sub .inr-c { margin: 0 6vw;}
  .path_sub p {font-size: 3.4vw;}
  /*  path_sub  ~ 3depth ÅǸ޴º±îÁö end  */ 

/* ÅǸ޴º ½ºÅ¸ÀÏ start */
  .inner_step3 > .tab-type1 {position: static; margin: 0 auto; margin-bottom: 5.33333333vw; width: 90%;}
  .inner_step3 > .tab-type1 a {background-color: transparent;}
  .inner_step3 > .tab-type1 > ul {flex-wrap: nowrap;}
  .inner_step3 > .tab-type1 > ul > li {margin: 0; width: 100%;}
  .inner_step3 > .tab-type1 > ul > li + li {margin-left: 1.33333333vw;}
  .inner_step3 > .tab-type1 > ul > li > a {width: 100%; height: 16vw; box-sizing: border-box; font-size: 2.93333333vw;}
  .inner_step3 > .tab-type1 > ul > li > a span {margin-bottom: 1.33333333vw;}

  .inner_step3 > .tab-type1 li.active,
  .inner_step3 > .tab-type1 a:hover {background-color: transparent;}

  .inner_step3 > .tab-type1 > ul > li > a img {width: 17.33333333vw;}

  .tab.ty6 > ul > li > a {font-size: 3.73333333vw; height: 10.66666667vw;}	
  .tab.ty5 > ul {overflow-x: auto; justify-content: space-around;}
  .tab.ty5 > ul > li {margin-left: 5.33333333vw;}
  .tab.ty5 > ul > li > a {padding-bottom: 2.66666667vw;}
	
  .tab.ty4 {margin-top: 8vw;}
  .tab.ty4 > ul {flex-wrap: wrap; margin-left: -1.33333333vw; margin-bottom: -1.33333333vw;}
  .tab.ty4 > ul > li {padding-left: 1.33333333vw; padding-bottom: 1.33333333vw; width: 33.333%;}
  .tab.ty4 > ul > li > a {min-width: auto; width: 100%; height: 10.66666667vw; padding: 0vw 4vw;}
  .tab.ty2 > ul {flex-wrap: wrap; margin-left: -1.33333333vw; margin-bottom: -1.33333333vw;}
  .tab.ty2 > ul > li {padding-left: 1.33333333vw; padding-bottom: 1.33333333vw;}
  .tab.ty2 > ul > li > a {min-width: auto; height: 10.66666667vw; padding: 0vw 4vw; font: inherit;}
  .tab.ty2 > ul > li.on > a:before {bottom: 10px;} 
  /* ÅǸ޴º ½ºÅ¸ÀÏ end */	
}